@elliemae/ds-hidden 3.16.0 → 3.16.1
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/index.js +12 -8
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/package.json +7 -0
- package/dist/cjs/useHiddenController.js +4 -0
- package/dist/cjs/useHiddenController.js.map +1 -1
- package/dist/cjs/useHiddenProps.js +4 -0
- package/dist/cjs/useHiddenProps.js.map +1 -1
- package/dist/cjs/useHiddenTransition.js +5 -1
- package/dist/cjs/useHiddenTransition.js.map +2 -2
- package/dist/cjs/useHiddenTrigger.js +4 -0
- package/dist/cjs/useHiddenTrigger.js.map +1 -1
- package/dist/esm/index.js +8 -8
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/package.json +7 -0
- package/dist/esm/useHiddenTransition.js +1 -1
- package/dist/esm/useHiddenTransition.js.map +2 -2
- package/dist/types/index.d.ts +7 -7
- package/package.json +3 -2
package/dist/cjs/index.js
CHANGED
|
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
25
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
26
|
mod
|
|
23
27
|
));
|
|
@@ -32,14 +36,14 @@ __export(src_exports, {
|
|
|
32
36
|
});
|
|
33
37
|
module.exports = __toCommonJS(src_exports);
|
|
34
38
|
var React = __toESM(require("react"));
|
|
35
|
-
var import_useHiddenProps = __toESM(require("./useHiddenProps"));
|
|
36
|
-
var import_useHiddenController = __toESM(require("./useHiddenController"));
|
|
37
|
-
var import_useHiddenTransition = __toESM(require("./useHiddenTransition"));
|
|
38
|
-
var import_useHiddenTrigger = __toESM(require("./useHiddenTrigger"));
|
|
39
|
-
var import_useHiddenProps2 = __toESM(require("./useHiddenProps"));
|
|
40
|
-
var import_useHiddenController2 = __toESM(require("./useHiddenController"));
|
|
41
|
-
var import_useHiddenTransition2 = __toESM(require("./useHiddenTransition"));
|
|
42
|
-
var import_useHiddenTrigger2 = __toESM(require("./useHiddenTrigger"));
|
|
39
|
+
var import_useHiddenProps = __toESM(require("./useHiddenProps.js"));
|
|
40
|
+
var import_useHiddenController = __toESM(require("./useHiddenController.js"));
|
|
41
|
+
var import_useHiddenTransition = __toESM(require("./useHiddenTransition.js"));
|
|
42
|
+
var import_useHiddenTrigger = __toESM(require("./useHiddenTrigger.js"));
|
|
43
|
+
var import_useHiddenProps2 = __toESM(require("./useHiddenProps.js"));
|
|
44
|
+
var import_useHiddenController2 = __toESM(require("./useHiddenController.js"));
|
|
45
|
+
var import_useHiddenTransition2 = __toESM(require("./useHiddenTransition.js"));
|
|
46
|
+
var import_useHiddenTrigger2 = __toESM(require("./useHiddenTrigger.js"));
|
|
43
47
|
var src_default = {
|
|
44
48
|
useHiddenProps: import_useHiddenProps.default,
|
|
45
49
|
useHiddenController: import_useHiddenController.default,
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import useHiddenProps from './useHiddenProps';\nimport useHiddenController from './useHiddenController';\nimport useHiddenTransition from './useHiddenTransition';\nimport useHiddenTrigger from './useHiddenTrigger';\n\nexport { default as useHiddenProps } from './useHiddenProps';\nexport { default as useHiddenController } from './useHiddenController';\nexport { default as useHiddenTransition } from './useHiddenTransition';\nexport { default as useHiddenTrigger } from './useHiddenTrigger';\n\nexport default {\n useHiddenProps,\n useHiddenController,\n useHiddenTransition,\n useHiddenTrigger,\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["import useHiddenProps from './useHiddenProps.js';\nimport useHiddenController from './useHiddenController.js';\nimport useHiddenTransition from './useHiddenTransition.js';\nimport useHiddenTrigger from './useHiddenTrigger.js';\n\nexport { default as useHiddenProps } from './useHiddenProps.js';\nexport { default as useHiddenController } from './useHiddenController.js';\nexport { default as useHiddenTransition } from './useHiddenTransition.js';\nexport { default as useHiddenTrigger } from './useHiddenTrigger.js';\n\nexport default {\n useHiddenProps,\n useHiddenController,\n useHiddenTransition,\n useHiddenTrigger,\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAA2B;AAC3B,iCAAgC;AAChC,iCAAgC;AAChC,8BAA6B;AAE7B,IAAAA,yBAA0C;AAC1C,IAAAC,8BAA+C;AAC/C,IAAAC,8BAA+C;AAC/C,IAAAC,2BAA4C;AAE5C,IAAO,cAAQ;AAAA,EACb,sCAAAC;AAAA,EACA,gDAAAC;AAAA,EACA,gDAAAC;AAAA,EACA,0CAAAC;AACF;",
|
|
6
6
|
"names": ["import_useHiddenProps", "import_useHiddenController", "import_useHiddenTransition", "import_useHiddenTrigger", "useHiddenProps", "useHiddenController", "useHiddenTransition", "useHiddenTrigger"]
|
|
7
7
|
}
|
|
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
25
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
26
|
mod
|
|
23
27
|
));
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useHiddenController.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
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": "
|
|
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
|
}
|
|
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
25
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
26
|
mod
|
|
23
27
|
));
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useHiddenProps.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["function useHiddenProps({ visible = true }) {\n // element props\n return {\n hidden: !visible,\n 'aria-hidden': !visible,\n };\n}\n\nexport default useHiddenProps;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,SAAS,eAAe,EAAE,UAAU,KAAK,GAAG;AAE1C,SAAO;AAAA,IACL,QAAQ,CAAC;AAAA,IACT,eAAe,CAAC;AAAA,EAClB;AACF;AAEA,IAAO,yBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
25
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
26
|
mod
|
|
23
27
|
));
|
|
@@ -30,7 +34,7 @@ module.exports = __toCommonJS(useHiddenTransition_exports);
|
|
|
30
34
|
var React = __toESM(require("react"));
|
|
31
35
|
var import_react = require("react");
|
|
32
36
|
var import_web = require("react-spring/web");
|
|
33
|
-
var import_useHiddenProps = __toESM(require("./useHiddenProps"));
|
|
37
|
+
var import_useHiddenProps = __toESM(require("./useHiddenProps.js"));
|
|
34
38
|
const growTo = (from, to) => [
|
|
35
39
|
{ opacity: 1, transform: `scale(${to})` },
|
|
36
40
|
{ opacity: 0, transform: `scale(${from})` }
|
|
@@ -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(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": "
|
|
4
|
+
"sourcesContent": ["import { useState, useEffect } from 'react';\nimport { useSpring } from 'react-spring/web';\nimport useHiddenProps from './useHiddenProps.js';\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,EACX,GAAG;AACL,GAAG;AACD,QAAM,EAAE,QAAQ,GAAG,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,CAAC;AAAA,IACnB,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,CAAC,GAAG,WAAW,MAAM,IAAI,EAAE,GAAG,eAAe,CAAC,EAAE,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
|
}
|
|
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
25
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
26
|
mod
|
|
23
27
|
));
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useHiddenTrigger.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["function useHiddenTrigger({ visible, hiddenId }) {\n return {\n 'aria-expanded': visible,\n 'aria-controls': hiddenId,\n };\n}\n\nexport default useHiddenTrigger;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,SAAS,iBAAiB,EAAE,SAAS,SAAS,GAAG;AAC/C,SAAO;AAAA,IACL,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AACF;AAEA,IAAO,2BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import useHiddenProps from "./useHiddenProps";
|
|
3
|
-
import useHiddenController from "./useHiddenController";
|
|
4
|
-
import useHiddenTransition from "./useHiddenTransition";
|
|
5
|
-
import useHiddenTrigger from "./useHiddenTrigger";
|
|
6
|
-
import { default as default2 } from "./useHiddenProps";
|
|
7
|
-
import { default as default3 } from "./useHiddenController";
|
|
8
|
-
import { default as default4 } from "./useHiddenTransition";
|
|
9
|
-
import { default as default5 } from "./useHiddenTrigger";
|
|
2
|
+
import useHiddenProps from "./useHiddenProps.js";
|
|
3
|
+
import useHiddenController from "./useHiddenController.js";
|
|
4
|
+
import useHiddenTransition from "./useHiddenTransition.js";
|
|
5
|
+
import useHiddenTrigger from "./useHiddenTrigger.js";
|
|
6
|
+
import { default as default2 } from "./useHiddenProps.js";
|
|
7
|
+
import { default as default3 } from "./useHiddenController.js";
|
|
8
|
+
import { default as default4 } from "./useHiddenTransition.js";
|
|
9
|
+
import { default as default5 } from "./useHiddenTrigger.js";
|
|
10
10
|
var src_default = {
|
|
11
11
|
useHiddenProps,
|
|
12
12
|
useHiddenController,
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import useHiddenProps from './useHiddenProps';\nimport useHiddenController from './useHiddenController';\nimport useHiddenTransition from './useHiddenTransition';\nimport useHiddenTrigger from './useHiddenTrigger';\n\nexport { default as useHiddenProps } from './useHiddenProps';\nexport { default as useHiddenController } from './useHiddenController';\nexport { default as useHiddenTransition } from './useHiddenTransition';\nexport { default as useHiddenTrigger } from './useHiddenTrigger';\n\nexport default {\n useHiddenProps,\n useHiddenController,\n useHiddenTransition,\n useHiddenTrigger,\n};\n"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import useHiddenProps from './useHiddenProps.js';\nimport useHiddenController from './useHiddenController.js';\nimport useHiddenTransition from './useHiddenTransition.js';\nimport useHiddenTrigger from './useHiddenTrigger.js';\n\nexport { default as useHiddenProps } from './useHiddenProps.js';\nexport { default as useHiddenController } from './useHiddenController.js';\nexport { default as useHiddenTransition } from './useHiddenTransition.js';\nexport { default as useHiddenTrigger } from './useHiddenTrigger.js';\n\nexport default {\n useHiddenProps,\n useHiddenController,\n useHiddenTransition,\n useHiddenTrigger,\n};\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,oBAAoB;AAC3B,OAAO,yBAAyB;AAChC,OAAO,yBAAyB;AAChC,OAAO,sBAAsB;AAE7B,SAAoB,WAAXA,gBAAiC;AAC1C,SAAoB,WAAXA,gBAAsC;AAC/C,SAAoB,WAAXA,gBAAsC;AAC/C,SAAoB,WAAXA,gBAAmC;AAE5C,IAAO,cAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
|
|
6
6
|
"names": ["default"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { useState, useEffect } from "react";
|
|
3
3
|
import { useSpring } from "react-spring/web";
|
|
4
|
-
import useHiddenProps from "./useHiddenProps";
|
|
4
|
+
import useHiddenProps from "./useHiddenProps.js";
|
|
5
5
|
const growTo = (from, to) => [
|
|
6
6
|
{ opacity: 1, transform: `scale(${to})` },
|
|
7
7
|
{ opacity: 0, transform: `scale(${from})` }
|
|
@@ -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(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,
|
|
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.js';\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,EACX,GAAG;AACL,GAAG;AACD,QAAM,EAAE,QAAQ,GAAG,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,CAAC;AAAA,IACnB,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,CAAC,GAAG,WAAW,MAAM,IAAI,EAAE,GAAG,eAAe,CAAC,EAAE,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
|
}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import useHiddenProps from './useHiddenProps';
|
|
2
|
-
import useHiddenTransition from './useHiddenTransition';
|
|
3
|
-
import useHiddenTrigger from './useHiddenTrigger';
|
|
4
|
-
export { default as useHiddenProps } from './useHiddenProps';
|
|
5
|
-
export { default as useHiddenController } from './useHiddenController';
|
|
6
|
-
export { default as useHiddenTransition } from './useHiddenTransition';
|
|
7
|
-
export { default as useHiddenTrigger } from './useHiddenTrigger';
|
|
1
|
+
import useHiddenProps from './useHiddenProps.js';
|
|
2
|
+
import useHiddenTransition from './useHiddenTransition.js';
|
|
3
|
+
import useHiddenTrigger from './useHiddenTrigger.js';
|
|
4
|
+
export { default as useHiddenProps } from './useHiddenProps.js';
|
|
5
|
+
export { default as useHiddenController } from './useHiddenController.js';
|
|
6
|
+
export { default as useHiddenTransition } from './useHiddenTransition.js';
|
|
7
|
+
export { default as useHiddenTrigger } from './useHiddenTrigger.js';
|
|
8
8
|
declare const _default: {
|
|
9
9
|
useHiddenProps: typeof useHiddenProps;
|
|
10
10
|
useHiddenController: (initialState?: boolean | undefined) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-hidden",
|
|
3
|
-
"version": "3.16.
|
|
3
|
+
"version": "3.16.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Hidden",
|
|
6
6
|
"files": [
|
|
@@ -51,7 +51,8 @@
|
|
|
51
51
|
"indent": 4
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"react-spring": "~8.0.27"
|
|
54
|
+
"react-spring": "~8.0.27",
|
|
55
|
+
"@elliemae/ds-props-helpers": "3.16.1"
|
|
55
56
|
},
|
|
56
57
|
"peerDependencies": {
|
|
57
58
|
"react": "^17.0.2"
|