@elliemae/ds-hidden 3.7.2-rc.0 → 3.8.0-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/useHiddenController.js +2 -2
- package/dist/cjs/useHiddenController.js.map +2 -2
- package/dist/cjs/useHiddenTransition.js +1 -3
- package/dist/cjs/useHiddenTransition.js.map +2 -2
- package/dist/esm/useHiddenController.js +2 -2
- package/dist/esm/useHiddenController.js.map +2 -2
- package/dist/esm/useHiddenTransition.js +1 -3
- package/dist/esm/useHiddenTransition.js.map +2 -2
- package/package.json +1 -1
|
@@ -31,8 +31,8 @@ var React = __toESM(require("react"));
|
|
|
31
31
|
var import_react = require("react");
|
|
32
32
|
const useHiddenController = (initialState = void 0) => {
|
|
33
33
|
const [visible, setVisible] = (0, import_react.useState)(initialState);
|
|
34
|
-
const onShow = (0, import_react.useCallback)(() => setVisible(true), [
|
|
35
|
-
const onHide = (0, import_react.useCallback)(() => setVisible(false), [
|
|
34
|
+
const onShow = (0, import_react.useCallback)(() => setVisible(true), []);
|
|
35
|
+
const onHide = (0, import_react.useCallback)(() => setVisible(false), []);
|
|
36
36
|
const onToggle = (0, import_react.useCallback)(() => setVisible(!visible), [visible]);
|
|
37
37
|
return {
|
|
38
38
|
onShow,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useHiddenController.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { useCallback, useState } from 'react';\n\nconst useHiddenController = (initialState = undefined) => {\n const [visible, setVisible] = useState(initialState);\n\n const onShow = useCallback(() => setVisible(true), [
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAsC;AAEtC,MAAM,sBAAsB,CAAC,
|
|
4
|
+
"sourcesContent": ["import { useCallback, useState } from 'react';\n\nconst useHiddenController = (initialState: boolean | undefined = undefined) => {\n const [visible, setVisible] = useState(initialState);\n\n const onShow = useCallback(() => setVisible(true), []);\n const onHide = useCallback(() => setVisible(false), []);\n const onToggle = useCallback(() => setVisible(!visible), [visible]);\n\n return {\n onShow,\n onHide,\n onToggle,\n visible: initialState !== undefined ? initialState : visible,\n };\n};\n\nexport default useHiddenController;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAsC;AAEtC,MAAM,sBAAsB,CAAC,eAAoC,WAAc;AAC7E,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,YAAY;AAEnD,QAAM,aAAS,0BAAY,MAAM,WAAW,IAAI,GAAG,CAAC,CAAC;AACrD,QAAM,aAAS,0BAAY,MAAM,WAAW,KAAK,GAAG,CAAC,CAAC;AACtD,QAAM,eAAW,0BAAY,MAAM,WAAW,CAAC,OAAO,GAAG,CAAC,OAAO,CAAC;AAElE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,iBAAiB,SAAY,eAAe;AAAA,EACvD;AACF;AAEA,IAAO,8BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -55,9 +55,7 @@ function useHiddenTransition({
|
|
|
55
55
|
onRest: () => setResting(true)
|
|
56
56
|
}));
|
|
57
57
|
(0, import_react.useEffect)(() => {
|
|
58
|
-
set(
|
|
59
|
-
visible ? { ...animationState[0], immediate: false } : { ...animationState[1] }
|
|
60
|
-
);
|
|
58
|
+
set(visible ? { ...animationState[0], immediate: false } : { ...animationState[1] });
|
|
61
59
|
}, [visible]);
|
|
62
60
|
(0, import_react.useEffect)(() => {
|
|
63
61
|
if (!visible && resting)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useHiddenTransition.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { useState, useEffect } from 'react';\nimport { useSpring } from 'react-spring/web';\nimport useHiddenProps from './useHiddenProps';\n\nconst growTo = (from, to) => [\n { opacity: 1, transform: `scale(${to})` },\n { opacity: 0, transform: `scale(${from})` },\n];\n\nexport default function useHiddenTransition({\n animationState = growTo(0, 1),\n visible = false,\n duration = 150,\n ...otherProps\n}) {\n const { hidden, ...hiddenProps } = useHiddenProps({ visible });\n const [resting, setResting] = useState(false);\n const [destroyed, setDestroyed] = useState(true);\n const [animationStyles, set] = useSpring(() => ({\n ...animationState[0],\n config: { duration },\n onStart: () => {\n setResting(false);\n setDestroyed(false);\n },\n immediate: !visible,\n onRest: () => setResting(true),\n }));\n\n useEffect(() => {\n set(
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,iBAA0B;AAC1B,4BAA2B;AAE3B,MAAM,SAAS,CAAC,MAAM,OAAO;AAAA,EAC3B,EAAE,SAAS,GAAG,WAAW,SAAS,MAAM;AAAA,EACxC,EAAE,SAAS,GAAG,WAAW,SAAS,QAAQ;AAC5C;AAEe,SAAR,oBAAqC;AAAA,EAC1C,iBAAiB,OAAO,GAAG,CAAC;AAAA,EAC5B,UAAU;AAAA,EACV,WAAW;AAAA,KACR;AACL,GAAG;AACD,QAAM,EAAE,WAAW,YAAY,QAAI,sBAAAA,SAAe,EAAE,QAAQ,CAAC;AAC7D,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,IAAI;AAC/C,QAAM,CAAC,iBAAiB,GAAG,QAAI,sBAAU,OAAO;AAAA,IAC9C,GAAG,eAAe;AAAA,IAClB,QAAQ,EAAE,SAAS;AAAA,IACnB,SAAS,MAAM;AACb,iBAAW,KAAK;AAChB,mBAAa,KAAK;AAAA,IACpB;AAAA,IACA,WAAW,CAAC;AAAA,IACZ,QAAQ,MAAM,WAAW,IAAI;AAAA,EAC/B,EAAE;AAEF,8BAAU,MAAM;AACd
|
|
4
|
+
"sourcesContent": ["import { useState, useEffect } from 'react';\nimport { useSpring } from 'react-spring/web';\nimport useHiddenProps from './useHiddenProps';\n\nconst growTo = (from, to) => [\n { opacity: 1, transform: `scale(${to})` },\n { opacity: 0, transform: `scale(${from})` },\n];\n\nexport default function useHiddenTransition({\n animationState = growTo(0, 1),\n visible = false,\n duration = 150,\n ...otherProps\n}) {\n const { hidden, ...hiddenProps } = useHiddenProps({ visible });\n const [resting, setResting] = useState(false);\n const [destroyed, setDestroyed] = useState(true);\n const [animationStyles, set] = useSpring(() => ({\n ...animationState[0],\n config: { duration },\n onStart: () => {\n setResting(false);\n setDestroyed(false);\n },\n immediate: !visible,\n onRest: () => setResting(true),\n }));\n\n useEffect(() => {\n set(visible ? { ...animationState[0], immediate: false } : { ...animationState[1] });\n }, [visible]);\n\n useEffect(() => {\n if (!visible && resting) setDestroyed(true);\n }, [resting]);\n\n // element props\n return {\n ...otherProps,\n ...hiddenProps,\n style: {\n ...otherProps.style,\n pointerEvents: !visible && 'none',\n ...animationStyles,\n },\n destroyed: destroyed || undefined,\n };\n}\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,iBAA0B;AAC1B,4BAA2B;AAE3B,MAAM,SAAS,CAAC,MAAM,OAAO;AAAA,EAC3B,EAAE,SAAS,GAAG,WAAW,SAAS,MAAM;AAAA,EACxC,EAAE,SAAS,GAAG,WAAW,SAAS,QAAQ;AAC5C;AAEe,SAAR,oBAAqC;AAAA,EAC1C,iBAAiB,OAAO,GAAG,CAAC;AAAA,EAC5B,UAAU;AAAA,EACV,WAAW;AAAA,KACR;AACL,GAAG;AACD,QAAM,EAAE,WAAW,YAAY,QAAI,sBAAAA,SAAe,EAAE,QAAQ,CAAC;AAC7D,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,IAAI;AAC/C,QAAM,CAAC,iBAAiB,GAAG,QAAI,sBAAU,OAAO;AAAA,IAC9C,GAAG,eAAe;AAAA,IAClB,QAAQ,EAAE,SAAS;AAAA,IACnB,SAAS,MAAM;AACb,iBAAW,KAAK;AAChB,mBAAa,KAAK;AAAA,IACpB;AAAA,IACA,WAAW,CAAC;AAAA,IACZ,QAAQ,MAAM,WAAW,IAAI;AAAA,EAC/B,EAAE;AAEF,8BAAU,MAAM;AACd,QAAI,UAAU,EAAE,GAAG,eAAe,IAAI,WAAW,MAAM,IAAI,EAAE,GAAG,eAAe,GAAG,CAAC;AAAA,EACrF,GAAG,CAAC,OAAO,CAAC;AAEZ,8BAAU,MAAM;AACd,QAAI,CAAC,WAAW;AAAS,mBAAa,IAAI;AAAA,EAC5C,GAAG,CAAC,OAAO,CAAC;AAGZ,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,MACL,GAAG,WAAW;AAAA,MACd,eAAe,CAAC,WAAW;AAAA,MAC3B,GAAG;AAAA,IACL;AAAA,IACA,WAAW,aAAa;AAAA,EAC1B;AACF;",
|
|
6
6
|
"names": ["useHiddenProps"]
|
|
7
7
|
}
|
|
@@ -2,8 +2,8 @@ import * as React from "react";
|
|
|
2
2
|
import { useCallback, useState } from "react";
|
|
3
3
|
const useHiddenController = (initialState = void 0) => {
|
|
4
4
|
const [visible, setVisible] = useState(initialState);
|
|
5
|
-
const onShow = useCallback(() => setVisible(true), [
|
|
6
|
-
const onHide = useCallback(() => setVisible(false), [
|
|
5
|
+
const onShow = useCallback(() => setVisible(true), []);
|
|
6
|
+
const onHide = useCallback(() => setVisible(false), []);
|
|
7
7
|
const onToggle = useCallback(() => setVisible(!visible), [visible]);
|
|
8
8
|
return {
|
|
9
9
|
onShow,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/useHiddenController.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback, useState } from 'react';\n\nconst useHiddenController = (initialState = undefined) => {\n const [visible, setVisible] = useState(initialState);\n\n const onShow = useCallback(() => setVisible(true), [
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa,gBAAgB;AAEtC,MAAM,sBAAsB,CAAC,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback, useState } from 'react';\n\nconst useHiddenController = (initialState: boolean | undefined = undefined) => {\n const [visible, setVisible] = useState(initialState);\n\n const onShow = useCallback(() => setVisible(true), []);\n const onHide = useCallback(() => setVisible(false), []);\n const onToggle = useCallback(() => setVisible(!visible), [visible]);\n\n return {\n onShow,\n onHide,\n onToggle,\n visible: initialState !== undefined ? initialState : visible,\n };\n};\n\nexport default useHiddenController;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa,gBAAgB;AAEtC,MAAM,sBAAsB,CAAC,eAAoC,WAAc;AAC7E,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,YAAY;AAEnD,QAAM,SAAS,YAAY,MAAM,WAAW,IAAI,GAAG,CAAC,CAAC;AACrD,QAAM,SAAS,YAAY,MAAM,WAAW,KAAK,GAAG,CAAC,CAAC;AACtD,QAAM,WAAW,YAAY,MAAM,WAAW,CAAC,OAAO,GAAG,CAAC,OAAO,CAAC;AAElE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,iBAAiB,SAAY,eAAe;AAAA,EACvD;AACF;AAEA,IAAO,8BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -26,9 +26,7 @@ function useHiddenTransition({
|
|
|
26
26
|
onRest: () => setResting(true)
|
|
27
27
|
}));
|
|
28
28
|
useEffect(() => {
|
|
29
|
-
set(
|
|
30
|
-
visible ? { ...animationState[0], immediate: false } : { ...animationState[1] }
|
|
31
|
-
);
|
|
29
|
+
set(visible ? { ...animationState[0], immediate: false } : { ...animationState[1] });
|
|
32
30
|
}, [visible]);
|
|
33
31
|
useEffect(() => {
|
|
34
32
|
if (!visible && resting)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/useHiddenTransition.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useState, useEffect } from 'react';\nimport { useSpring } from 'react-spring/web';\nimport useHiddenProps from './useHiddenProps';\n\nconst growTo = (from, to) => [\n { opacity: 1, transform: `scale(${to})` },\n { opacity: 0, transform: `scale(${from})` },\n];\n\nexport default function useHiddenTransition({\n animationState = growTo(0, 1),\n visible = false,\n duration = 150,\n ...otherProps\n}) {\n const { hidden, ...hiddenProps } = useHiddenProps({ visible });\n const [resting, setResting] = useState(false);\n const [destroyed, setDestroyed] = useState(true);\n const [animationStyles, set] = useSpring(() => ({\n ...animationState[0],\n config: { duration },\n onStart: () => {\n setResting(false);\n setDestroyed(false);\n },\n immediate: !visible,\n onRest: () => setResting(true),\n }));\n\n useEffect(() => {\n set(
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU,iBAAiB;AACpC,SAAS,iBAAiB;AAC1B,OAAO,oBAAoB;AAE3B,MAAM,SAAS,CAAC,MAAM,OAAO;AAAA,EAC3B,EAAE,SAAS,GAAG,WAAW,SAAS,MAAM;AAAA,EACxC,EAAE,SAAS,GAAG,WAAW,SAAS,QAAQ;AAC5C;AAEe,SAAR,oBAAqC;AAAA,EAC1C,iBAAiB,OAAO,GAAG,CAAC;AAAA,EAC5B,UAAU;AAAA,EACV,WAAW;AAAA,KACR;AACL,GAAG;AACD,QAAM,EAAE,WAAW,YAAY,IAAI,eAAe,EAAE,QAAQ,CAAC;AAC7D,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,CAAC,iBAAiB,GAAG,IAAI,UAAU,OAAO;AAAA,IAC9C,GAAG,eAAe;AAAA,IAClB,QAAQ,EAAE,SAAS;AAAA,IACnB,SAAS,MAAM;AACb,iBAAW,KAAK;AAChB,mBAAa,KAAK;AAAA,IACpB;AAAA,IACA,WAAW,CAAC;AAAA,IACZ,QAAQ,MAAM,WAAW,IAAI;AAAA,EAC/B,EAAE;AAEF,YAAU,MAAM;AACd
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useState, useEffect } from 'react';\nimport { useSpring } from 'react-spring/web';\nimport useHiddenProps from './useHiddenProps';\n\nconst growTo = (from, to) => [\n { opacity: 1, transform: `scale(${to})` },\n { opacity: 0, transform: `scale(${from})` },\n];\n\nexport default function useHiddenTransition({\n animationState = growTo(0, 1),\n visible = false,\n duration = 150,\n ...otherProps\n}) {\n const { hidden, ...hiddenProps } = useHiddenProps({ visible });\n const [resting, setResting] = useState(false);\n const [destroyed, setDestroyed] = useState(true);\n const [animationStyles, set] = useSpring(() => ({\n ...animationState[0],\n config: { duration },\n onStart: () => {\n setResting(false);\n setDestroyed(false);\n },\n immediate: !visible,\n onRest: () => setResting(true),\n }));\n\n useEffect(() => {\n set(visible ? { ...animationState[0], immediate: false } : { ...animationState[1] });\n }, [visible]);\n\n useEffect(() => {\n if (!visible && resting) setDestroyed(true);\n }, [resting]);\n\n // element props\n return {\n ...otherProps,\n ...hiddenProps,\n style: {\n ...otherProps.style,\n pointerEvents: !visible && 'none',\n ...animationStyles,\n },\n destroyed: destroyed || undefined,\n };\n}\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU,iBAAiB;AACpC,SAAS,iBAAiB;AAC1B,OAAO,oBAAoB;AAE3B,MAAM,SAAS,CAAC,MAAM,OAAO;AAAA,EAC3B,EAAE,SAAS,GAAG,WAAW,SAAS,MAAM;AAAA,EACxC,EAAE,SAAS,GAAG,WAAW,SAAS,QAAQ;AAC5C;AAEe,SAAR,oBAAqC;AAAA,EAC1C,iBAAiB,OAAO,GAAG,CAAC;AAAA,EAC5B,UAAU;AAAA,EACV,WAAW;AAAA,KACR;AACL,GAAG;AACD,QAAM,EAAE,WAAW,YAAY,IAAI,eAAe,EAAE,QAAQ,CAAC;AAC7D,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,CAAC,iBAAiB,GAAG,IAAI,UAAU,OAAO;AAAA,IAC9C,GAAG,eAAe;AAAA,IAClB,QAAQ,EAAE,SAAS;AAAA,IACnB,SAAS,MAAM;AACb,iBAAW,KAAK;AAChB,mBAAa,KAAK;AAAA,IACpB;AAAA,IACA,WAAW,CAAC;AAAA,IACZ,QAAQ,MAAM,WAAW,IAAI;AAAA,EAC/B,EAAE;AAEF,YAAU,MAAM;AACd,QAAI,UAAU,EAAE,GAAG,eAAe,IAAI,WAAW,MAAM,IAAI,EAAE,GAAG,eAAe,GAAG,CAAC;AAAA,EACrF,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;AACd,QAAI,CAAC,WAAW;AAAS,mBAAa,IAAI;AAAA,EAC5C,GAAG,CAAC,OAAO,CAAC;AAGZ,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,MACL,GAAG,WAAW;AAAA,MACd,eAAe,CAAC,WAAW;AAAA,MAC3B,GAAG;AAAA,IACL;AAAA,IACA,WAAW,aAAa;AAAA,EAC1B;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|