diff --git a/package.json b/package.json index 7a30291..0c2439b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@lingdocs/pashto-inflector", - "version": "4.1.1", + "version": "4.1.2", "author": "lingdocs.com", "description": "A Pashto inflection and verb conjugation engine, inculding React components for displaying Pashto text, inflections, and conjugations", "homepage": "https://verbs.lingdocs.com", @@ -23,7 +23,6 @@ "registry": "https://npm.lingdocs.com" }, "dependencies": { - "@formkit/auto-animate": "^1.0.0-beta.1", "classnames": "^2.2.6", "jsurl2": "^2.1.0", "lz-string": "^1.4.4", @@ -103,4 +102,4 @@ "last 1 safari version" ] } -} \ No newline at end of file +} diff --git a/src/components/RenderedBlocksDisplay.tsx b/src/components/RenderedBlocksDisplay.tsx index 34c4052..9366d54 100644 --- a/src/components/RenderedBlocksDisplay.tsx +++ b/src/components/RenderedBlocksDisplay.tsx @@ -1,5 +1,4 @@ import { useState } from "react"; -// import autoAnimate from "@formkit/auto-animate"; import { filterForVisibleBlocksEP, filterForVisibleBlocksVP } from "../lib/phrase-building/compile"; import * as T from "../types"; import Block from "./blocks/Block"; diff --git a/src/components/ep-explorer/EPExplorer.tsx b/src/components/ep-explorer/EPExplorer.tsx index a51ca4d..44e43ff 100644 --- a/src/components/ep-explorer/EPExplorer.tsx +++ b/src/components/ep-explorer/EPExplorer.tsx @@ -4,11 +4,15 @@ import EPDisplay from "./EPDisplay"; import ButtonSelect from "../ButtonSelect"; import EqChartsDisplay from "./EqChartsDisplay"; import epsReducer from "./eps-reducer"; -import { useEffect, useRef, useState } from "react"; +import { + useEffect, +// useRef, + useState, +} from "react"; import { completeEPSelection } from "../../lib/phrase-building/render-ep"; import { makeEPSBlocks } from "../../lib/phrase-building/blocks-utils"; import EquativePicker from "./EquativePicker"; -import autoAnimate from "@formkit/auto-animate"; +// import autoAnimate from "@formkit/auto-animate"; // @ts-ignore import LZString from "lz-string"; import EPPicker from "./EPPicker"; @@ -46,10 +50,10 @@ function EPExplorer(props: { // // setAlertMsg, // ] = useState(undefined); const [showClipped, setShowClipped] = useState(""); - const parent = useRef(null); - useEffect(() => { - parent.current && autoAnimate(parent.current); - }, [parent]); + // const parent = useRef(null); + // useEffect(() => { + // parent.current && autoAnimate(parent.current); + // }, [parent]); useEffect(() => { const EPSFromUrl = getEPSFromUrl(); if (EPSFromUrl) { diff --git a/src/components/ep-explorer/EPPicker.tsx b/src/components/ep-explorer/EPPicker.tsx index 99cf0e4..dd93467 100644 --- a/src/components/ep-explorer/EPPicker.tsx +++ b/src/components/ep-explorer/EPPicker.tsx @@ -4,10 +4,13 @@ import EquativePicker from "./EquativePicker"; import ButtonSelect from "../ButtonSelect"; import ComplementPicker from "../ComplementPicker"; import epsReducer, { EpsReducerAction } from "./eps-reducer"; -import { useEffect, useRef } from "react"; +import { + // useEffect, + useRef, +} from "react"; import { completeEPSelection } from "../../lib/phrase-building/render-ep"; import APPicker from "../ap-picker/APPicker"; -import autoAnimate from "@formkit/auto-animate"; +// import autoAnimate from "@formkit/auto-animate"; function EPPicker({ opts, eps, onChange, entryFeeder }: { opts: T.TextOptions, @@ -16,9 +19,9 @@ function EPPicker({ opts, eps, onChange, entryFeeder }: { entryFeeder: T.EntryFeeder, }) { const parent = useRef(null); - useEffect(() => { - parent.current && autoAnimate(parent.current); - }, [parent]); + // useEffect(() => { + // parent.current && autoAnimate(parent.current); + // }, [parent]); function adjustEps(action: EpsReducerAction) { onChange(epsReducer(eps, action)); } diff --git a/src/components/vp-explorer/VPPicker.tsx b/src/components/vp-explorer/VPPicker.tsx index 0d2ad9b..d98496c 100644 --- a/src/components/vp-explorer/VPPicker.tsx +++ b/src/components/vp-explorer/VPPicker.tsx @@ -1,12 +1,16 @@ import NPPicker, { shrunkenBackground } from "../np-picker/NPPicker"; import TensePicker from "./TensePicker"; import * as T from "../../types"; -import { useEffect, useRef, useState } from "react"; +import { + // useEffect, + useRef, + useState, +} from "react"; import { getKingAndServant, renderVP } from "../../lib/phrase-building/render-vp"; import { completeVPSelection, isPastTense } from "../../lib/phrase-building/vp-tools"; import VPExplorerExplanationModal, { roleIcon } from "./VPExplorerExplanationModal"; import APPicker from "../ap-picker/APPicker"; -import autoAnimate from "@formkit/auto-animate"; +// import autoAnimate from "@formkit/auto-animate"; import { getObjectSelection, getSubjectSelection, @@ -23,9 +27,9 @@ function VPPicker({ opts, vps, onChange, entryFeeder }: { entryFeeder: T.EntryFeeder, }) { const parent = useRef(null); - useEffect(() => { - parent.current && autoAnimate(parent.current); - }, [parent]); + // useEffect(() => { + // parent.current && autoAnimate(parent.current); + // }, [parent]); const [showingExplanation, setShowingExplanation] = useState<{ role: "servant" | "king", item: "subject" | "object" } | false>(false); function adjustVps(action: VpsReducerAction) { onChange(vpsReducer(vps, action)); diff --git a/yarn.lock b/yarn.lock index f0f099b..d64484a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1336,11 +1336,6 @@ minimatch "^3.0.4" strip-json-comments "^3.1.1" -"@formkit/auto-animate@^1.0.0-beta.1": - version "1.0.0-beta.1" - resolved "https://registry.yarnpkg.com/@formkit/auto-animate/-/auto-animate-1.0.0-beta.1.tgz#aec5fd2ea5e499ceb7eb117c7fd1217a7f100748" - integrity sha512-I3OWOBaPZKSJL4bsooXI8kC3q7bcgibD2oML0P/Lir6MnbvUe/0/7EH8br024juvM/Ulm9C9xGx9CJUQYrOWSA== - "@fortawesome/fontawesome-free@^5.15.2": version "5.15.4" resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-5.15.4.tgz#ecda5712b61ac852c760d8b3c79c96adca5554e5"