@elliemae/ds-hidden 2.3.1 → 3.0.0-alpha.3

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.
Files changed (36) hide show
  1. package/dist/cjs/index.js +52 -0
  2. package/dist/cjs/index.js.map +7 -0
  3. package/dist/cjs/useHiddenController.js +48 -0
  4. package/dist/cjs/useHiddenController.js.map +7 -0
  5. package/dist/cjs/useHiddenProps.js +41 -0
  6. package/dist/cjs/useHiddenProps.js.map +7 -0
  7. package/dist/cjs/useHiddenTransition.js +106 -0
  8. package/dist/cjs/useHiddenTransition.js.map +7 -0
  9. package/dist/cjs/useHiddenTrigger.js +41 -0
  10. package/dist/cjs/useHiddenTrigger.js.map +7 -0
  11. package/dist/esm/index.js +23 -0
  12. package/dist/esm/index.js.map +7 -0
  13. package/dist/esm/useHiddenController.js +19 -0
  14. package/dist/esm/useHiddenController.js.map +7 -0
  15. package/dist/esm/useHiddenProps.js +12 -0
  16. package/dist/esm/useHiddenProps.js.map +7 -0
  17. package/dist/esm/useHiddenTransition.js +79 -0
  18. package/dist/esm/useHiddenTransition.js.map +7 -0
  19. package/dist/esm/useHiddenTrigger.js +12 -0
  20. package/dist/esm/useHiddenTrigger.js.map +7 -0
  21. package/package.json +32 -23
  22. package/cjs/index.js +0 -21
  23. package/cjs/useHiddenController.js +0 -20
  24. package/cjs/useHiddenProps.js +0 -14
  25. package/cjs/useHiddenTransition.js +0 -78
  26. package/cjs/useHiddenTrigger.js +0 -14
  27. package/esm/index.js +0 -17
  28. package/esm/useHiddenController.js +0 -18
  29. package/esm/useHiddenProps.js +0 -12
  30. package/esm/useHiddenTransition.js +0 -71
  31. package/esm/useHiddenTrigger.js +0 -12
  32. package/types/index.d.ts +0 -19
  33. package/types/useHiddenController.d.ts +0 -7
  34. package/types/useHiddenProps.d.ts +0 -7
  35. package/types/useHiddenTransition.d.ts +0 -13
  36. package/types/useHiddenTrigger.d.ts +0 -8
@@ -0,0 +1,52 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var src_exports = {};
29
+ __export(src_exports, {
30
+ default: () => src_default,
31
+ useHiddenController: () => import_useHiddenController2.default,
32
+ useHiddenProps: () => import_useHiddenProps2.default,
33
+ useHiddenTransition: () => import_useHiddenTransition2.default,
34
+ useHiddenTrigger: () => import_useHiddenTrigger2.default
35
+ });
36
+ var React = __toESM(require("react"));
37
+ var import_useHiddenProps = __toESM(require("./useHiddenProps"));
38
+ var import_useHiddenController = __toESM(require("./useHiddenController"));
39
+ var import_useHiddenTransition = __toESM(require("./useHiddenTransition"));
40
+ var import_useHiddenTrigger = __toESM(require("./useHiddenTrigger"));
41
+ var import_useHiddenProps2 = __toESM(require("./useHiddenProps"));
42
+ var import_useHiddenController2 = __toESM(require("./useHiddenController"));
43
+ var import_useHiddenTransition2 = __toESM(require("./useHiddenTransition"));
44
+ var import_useHiddenTrigger2 = __toESM(require("./useHiddenTrigger"));
45
+ var src_default = {
46
+ useHiddenProps: import_useHiddenProps.default,
47
+ useHiddenController: import_useHiddenController.default,
48
+ useHiddenTransition: import_useHiddenTransition.default,
49
+ useHiddenTrigger: import_useHiddenTrigger.default
50
+ };
51
+ module.exports = __toCommonJS(src_exports);
52
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAA2B;AAC3B,iCAAgC;AAChC,iCAAgC;AAChC,8BAA6B;AAE7B,6BAA0C;AAC1C,kCAA+C;AAC/C,kCAA+C;AAC/C,+BAA4C;AAE5C,IAAO,cAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
6
+ "names": []
7
+ }
@@ -0,0 +1,48 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var useHiddenController_exports = {};
29
+ __export(useHiddenController_exports, {
30
+ default: () => useHiddenController_default
31
+ });
32
+ var React = __toESM(require("react"));
33
+ var import_react = require("react");
34
+ const useHiddenController = (initialState = void 0) => {
35
+ const [visible, setVisible] = (0, import_react.useState)(initialState);
36
+ const onShow = (0, import_react.useCallback)(() => setVisible(true), [visible]);
37
+ const onHide = (0, import_react.useCallback)(() => setVisible(false), [visible]);
38
+ const onToggle = (0, import_react.useCallback)(() => setVisible(!visible), [visible]);
39
+ return {
40
+ onShow,
41
+ onHide,
42
+ onToggle,
43
+ visible: initialState !== void 0 ? initialState : visible
44
+ };
45
+ };
46
+ var useHiddenController_default = useHiddenController;
47
+ module.exports = __toCommonJS(useHiddenController_exports);
48
+ //# sourceMappingURL=useHiddenController.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 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), [visible]);\n const onHide = useCallback(() => setVisible(false), [visible]);\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;ACAA,YAAuB;ADAvB,mBAAsC;AAEtC,MAAM,sBAAsB,CAAC,eAAe,WAAc;AACxD,QAAM,CAAC,SAAS,cAAc,2BAAS;AAEvC,QAAM,SAAS,8BAAY,MAAM,WAAW,OAAO,CAAC;AACpD,QAAM,SAAS,8BAAY,MAAM,WAAW,QAAQ,CAAC;AACrD,QAAM,WAAW,8BAAY,MAAM,WAAW,CAAC,UAAU,CAAC;AAE1D,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,iBAAiB,SAAY,eAAe;AAAA;AAAA;AAIzD,IAAO,8BAAQ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,41 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var useHiddenProps_exports = {};
29
+ __export(useHiddenProps_exports, {
30
+ default: () => useHiddenProps_default
31
+ });
32
+ var React = __toESM(require("react"));
33
+ function useHiddenProps({ visible = true }) {
34
+ return {
35
+ hidden: !visible,
36
+ "aria-hidden": !visible
37
+ };
38
+ }
39
+ var useHiddenProps_default = useHiddenProps;
40
+ module.exports = __toCommonJS(useHiddenProps_exports);
41
+ //# sourceMappingURL=useHiddenProps.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/useHiddenProps.tsx", "../../../../scripts/build/transpile/react-shim.js"],
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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAwB,EAAE,UAAU,QAAQ;AAE1C,SAAO;AAAA,IACL,QAAQ,CAAC;AAAA,IACT,eAAe,CAAC;AAAA;AAAA;AAIpB,IAAO,yBAAQ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,106 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __defProps = Object.defineProperties;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
6
+ var __getOwnPropNames = Object.getOwnPropertyNames;
7
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
8
+ var __getProtoOf = Object.getPrototypeOf;
9
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
10
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
+ var __spreadValues = (a, b) => {
13
+ for (var prop in b || (b = {}))
14
+ if (__hasOwnProp.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ if (__getOwnPropSymbols)
17
+ for (var prop of __getOwnPropSymbols(b)) {
18
+ if (__propIsEnum.call(b, prop))
19
+ __defNormalProp(a, prop, b[prop]);
20
+ }
21
+ return a;
22
+ };
23
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
24
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
25
+ var __objRest = (source, exclude) => {
26
+ var target = {};
27
+ for (var prop in source)
28
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
29
+ target[prop] = source[prop];
30
+ if (source != null && __getOwnPropSymbols)
31
+ for (var prop of __getOwnPropSymbols(source)) {
32
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
33
+ target[prop] = source[prop];
34
+ }
35
+ return target;
36
+ };
37
+ var __export = (target, all) => {
38
+ for (var name in all)
39
+ __defProp(target, name, { get: all[name], enumerable: true });
40
+ };
41
+ var __reExport = (target, module2, copyDefault, desc) => {
42
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
43
+ for (let key of __getOwnPropNames(module2))
44
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
45
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
46
+ }
47
+ return target;
48
+ };
49
+ var __toESM = (module2, isNodeMode) => {
50
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
51
+ };
52
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
53
+ return (module2, temp) => {
54
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
55
+ };
56
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
57
+ var useHiddenTransition_exports = {};
58
+ __export(useHiddenTransition_exports, {
59
+ default: () => useHiddenTransition
60
+ });
61
+ var React = __toESM(require("react"));
62
+ var import_react = require("react");
63
+ var import_web = require("react-spring/web");
64
+ var import_useHiddenProps = __toESM(require("./useHiddenProps"));
65
+ const growTo = (from, to) => [
66
+ { opacity: 1, transform: `scale(${to})` },
67
+ { opacity: 0, transform: `scale(${from})` }
68
+ ];
69
+ function useHiddenTransition(_a) {
70
+ var _b = _a, {
71
+ animationState = growTo(0, 1),
72
+ visible = false,
73
+ duration = 150
74
+ } = _b, otherProps = __objRest(_b, [
75
+ "animationState",
76
+ "visible",
77
+ "duration"
78
+ ]);
79
+ const _a2 = (0, import_useHiddenProps.default)({ visible }), { hidden } = _a2, hiddenProps = __objRest(_a2, ["hidden"]);
80
+ const [resting, setResting] = (0, import_react.useState)(false);
81
+ const [destroyed, setDestroyed] = (0, import_react.useState)(true);
82
+ const [animationStyles, set] = (0, import_web.useSpring)(() => __spreadProps(__spreadValues({}, animationState[0]), {
83
+ config: { duration },
84
+ onStart: () => {
85
+ setResting(false);
86
+ setDestroyed(false);
87
+ },
88
+ immediate: !visible,
89
+ onRest: () => setResting(true)
90
+ }));
91
+ (0, import_react.useEffect)(() => {
92
+ set(visible ? __spreadProps(__spreadValues({}, animationState[0]), { immediate: false }) : __spreadValues({}, animationState[1]));
93
+ }, [visible]);
94
+ (0, import_react.useEffect)(() => {
95
+ if (!visible && resting)
96
+ setDestroyed(true);
97
+ }, [resting]);
98
+ return __spreadProps(__spreadValues(__spreadValues({}, otherProps), hiddenProps), {
99
+ style: __spreadValues(__spreadProps(__spreadValues({}, otherProps.style), {
100
+ pointerEvents: !visible && "none"
101
+ }), animationStyles),
102
+ destroyed: destroyed || void 0
103
+ });
104
+ }
105
+ module.exports = __toCommonJS(useHiddenTransition_exports);
106
+ //# sourceMappingURL=useHiddenTransition.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 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(\n visible\n ? { ...animationState[0], immediate: false }\n : { ...animationState[1] },\n );\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;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,iBAA0B;AAC1B,4BAA2B;AAE3B,MAAM,SAAS,CAAC,MAAM,OAAO;AAAA,EAC3B,EAAE,SAAS,GAAG,WAAW,SAAS;AAAA,EAClC,EAAE,SAAS,GAAG,WAAW,SAAS;AAAA;AAGrB,6BAA6B,IAKzC;AALyC,eAC1C;AAAA,qBAAiB,OAAO,GAAG;AAAA,IAC3B,UAAU;AAAA,IACV,WAAW;AAAA,MAH+B,IAIvC,uBAJuC,IAIvC;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAmC,yCAAe,EAAE,YAA5C,aAA2B,KAAhB,wBAAgB,KAAhB,CAAX;AACR,QAAM,CAAC,SAAS,cAAc,2BAAS;AACvC,QAAM,CAAC,WAAW,gBAAgB,2BAAS;AAC3C,QAAM,CAAC,iBAAiB,OAAO,0BAAU,MAAO,iCAC3C,eAAe,KAD4B;AAAA,IAE9C,QAAQ,EAAE;AAAA,IACV,SAAS,MAAM;AACb,iBAAW;AACX,mBAAa;AAAA;AAAA,IAEf,WAAW,CAAC;AAAA,IACZ,QAAQ,MAAM,WAAW;AAAA;AAG3B,8BAAU,MAAM;AACd,QACE,UACI,iCAAK,eAAe,KAApB,EAAwB,WAAW,WACnC,mBAAK,eAAe;AAAA,KAEzB,CAAC;AAEJ,8BAAU,MAAM;AACd,QAAI,CAAC,WAAW;AAAS,mBAAa;AAAA,KACrC,CAAC;AAGJ,SAAO,gDACF,aACA,cAFE;AAAA,IAGL,OAAO,gDACF,WAAW,QADT;AAAA,MAEL,eAAe,CAAC,WAAW;AAAA,QACxB;AAAA,IAEL,WAAW,aAAa;AAAA;AAAA;",
6
+ "names": []
7
+ }
@@ -0,0 +1,41 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var useHiddenTrigger_exports = {};
29
+ __export(useHiddenTrigger_exports, {
30
+ default: () => useHiddenTrigger_default
31
+ });
32
+ var React = __toESM(require("react"));
33
+ function useHiddenTrigger({ visible, hiddenId }) {
34
+ return {
35
+ "aria-expanded": visible,
36
+ "aria-controls": hiddenId
37
+ };
38
+ }
39
+ var useHiddenTrigger_default = useHiddenTrigger;
40
+ module.exports = __toCommonJS(useHiddenTrigger_exports);
41
+ //# sourceMappingURL=useHiddenTrigger.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/useHiddenTrigger.tsx", "../../../../scripts/build/transpile/react-shim.js"],
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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B,EAAE,SAAS,YAAY;AAC/C,SAAO;AAAA,IACL,iBAAiB;AAAA,IACjB,iBAAiB;AAAA;AAAA;AAIrB,IAAO,2BAAQ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,23 @@
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";
10
+ var src_default = {
11
+ useHiddenProps,
12
+ useHiddenController,
13
+ useHiddenTransition,
14
+ useHiddenTrigger
15
+ };
16
+ export {
17
+ src_default as default,
18
+ default3 as useHiddenController,
19
+ default2 as useHiddenProps,
20
+ default4 as useHiddenTransition,
21
+ default5 as useHiddenTrigger
22
+ };
23
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 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"],
5
+ "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA,IAAO,cAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
6
+ "names": []
7
+ }
@@ -0,0 +1,19 @@
1
+ import * as React from "react";
2
+ import { useCallback, useState } from "react";
3
+ const useHiddenController = (initialState = void 0) => {
4
+ const [visible, setVisible] = useState(initialState);
5
+ const onShow = useCallback(() => setVisible(true), [visible]);
6
+ const onHide = useCallback(() => setVisible(false), [visible]);
7
+ const onToggle = useCallback(() => setVisible(!visible), [visible]);
8
+ return {
9
+ onShow,
10
+ onHide,
11
+ onToggle,
12
+ visible: initialState !== void 0 ? initialState : visible
13
+ };
14
+ };
15
+ var useHiddenController_default = useHiddenController;
16
+ export {
17
+ useHiddenController_default as default
18
+ };
19
+ //# sourceMappingURL=useHiddenController.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 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), [visible]);\n const onHide = useCallback(() => setVisible(false), [visible]);\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;ACAA;AAEA,MAAM,sBAAsB,CAAC,eAAe,WAAc;AACxD,QAAM,CAAC,SAAS,cAAc,SAAS;AAEvC,QAAM,SAAS,YAAY,MAAM,WAAW,OAAO,CAAC;AACpD,QAAM,SAAS,YAAY,MAAM,WAAW,QAAQ,CAAC;AACrD,QAAM,WAAW,YAAY,MAAM,WAAW,CAAC,UAAU,CAAC;AAE1D,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,iBAAiB,SAAY,eAAe;AAAA;AAAA;AAIzD,IAAO,8BAAQ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,12 @@
1
+ import * as React from "react";
2
+ function useHiddenProps({ visible = true }) {
3
+ return {
4
+ hidden: !visible,
5
+ "aria-hidden": !visible
6
+ };
7
+ }
8
+ var useHiddenProps_default = useHiddenProps;
9
+ export {
10
+ useHiddenProps_default as default
11
+ };
12
+ //# sourceMappingURL=useHiddenProps.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/useHiddenProps.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "function useHiddenProps({ visible = true }) {\n // element props\n return {\n hidden: !visible,\n 'aria-hidden': !visible,\n };\n}\n\nexport default useHiddenProps;\n"],
5
+ "mappings": "AAAA;ACAA,wBAAwB,EAAE,UAAU,QAAQ;AAE1C,SAAO;AAAA,IACL,QAAQ,CAAC;AAAA,IACT,eAAe,CAAC;AAAA;AAAA;AAIpB,IAAO,yBAAQ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,79 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __defProps = Object.defineProperties;
3
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
+ var __spreadValues = (a, b) => {
9
+ for (var prop in b || (b = {}))
10
+ if (__hasOwnProp.call(b, prop))
11
+ __defNormalProp(a, prop, b[prop]);
12
+ if (__getOwnPropSymbols)
13
+ for (var prop of __getOwnPropSymbols(b)) {
14
+ if (__propIsEnum.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ }
17
+ return a;
18
+ };
19
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
+ var __objRest = (source, exclude) => {
21
+ var target = {};
22
+ for (var prop in source)
23
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
+ target[prop] = source[prop];
25
+ if (source != null && __getOwnPropSymbols)
26
+ for (var prop of __getOwnPropSymbols(source)) {
27
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
+ target[prop] = source[prop];
29
+ }
30
+ return target;
31
+ };
32
+ import * as React from "react";
33
+ import { useState, useEffect } from "react";
34
+ import { useSpring } from "react-spring/web";
35
+ import useHiddenProps from "./useHiddenProps";
36
+ const growTo = (from, to) => [
37
+ { opacity: 1, transform: `scale(${to})` },
38
+ { opacity: 0, transform: `scale(${from})` }
39
+ ];
40
+ function useHiddenTransition(_a) {
41
+ var _b = _a, {
42
+ animationState = growTo(0, 1),
43
+ visible = false,
44
+ duration = 150
45
+ } = _b, otherProps = __objRest(_b, [
46
+ "animationState",
47
+ "visible",
48
+ "duration"
49
+ ]);
50
+ const _a2 = useHiddenProps({ visible }), { hidden } = _a2, hiddenProps = __objRest(_a2, ["hidden"]);
51
+ const [resting, setResting] = useState(false);
52
+ const [destroyed, setDestroyed] = useState(true);
53
+ const [animationStyles, set] = useSpring(() => __spreadProps(__spreadValues({}, animationState[0]), {
54
+ config: { duration },
55
+ onStart: () => {
56
+ setResting(false);
57
+ setDestroyed(false);
58
+ },
59
+ immediate: !visible,
60
+ onRest: () => setResting(true)
61
+ }));
62
+ useEffect(() => {
63
+ set(visible ? __spreadProps(__spreadValues({}, animationState[0]), { immediate: false }) : __spreadValues({}, animationState[1]));
64
+ }, [visible]);
65
+ useEffect(() => {
66
+ if (!visible && resting)
67
+ setDestroyed(true);
68
+ }, [resting]);
69
+ return __spreadProps(__spreadValues(__spreadValues({}, otherProps), hiddenProps), {
70
+ style: __spreadValues(__spreadProps(__spreadValues({}, otherProps.style), {
71
+ pointerEvents: !visible && "none"
72
+ }), animationStyles),
73
+ destroyed: destroyed || void 0
74
+ });
75
+ }
76
+ export {
77
+ useHiddenTransition as default
78
+ };
79
+ //# sourceMappingURL=useHiddenTransition.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 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(\n visible\n ? { ...animationState[0], immediate: false }\n : { ...animationState[1] },\n );\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;ACAA;AACA;AACA;AAEA,MAAM,SAAS,CAAC,MAAM,OAAO;AAAA,EAC3B,EAAE,SAAS,GAAG,WAAW,SAAS;AAAA,EAClC,EAAE,SAAS,GAAG,WAAW,SAAS;AAAA;AAGrB,6BAA6B,IAKzC;AALyC,eAC1C;AAAA,qBAAiB,OAAO,GAAG;AAAA,IAC3B,UAAU;AAAA,IACV,WAAW;AAAA,MAH+B,IAIvC,uBAJuC,IAIvC;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAmC,qBAAe,EAAE,YAA5C,aAA2B,KAAhB,wBAAgB,KAAhB,CAAX;AACR,QAAM,CAAC,SAAS,cAAc,SAAS;AACvC,QAAM,CAAC,WAAW,gBAAgB,SAAS;AAC3C,QAAM,CAAC,iBAAiB,OAAO,UAAU,MAAO,iCAC3C,eAAe,KAD4B;AAAA,IAE9C,QAAQ,EAAE;AAAA,IACV,SAAS,MAAM;AACb,iBAAW;AACX,mBAAa;AAAA;AAAA,IAEf,WAAW,CAAC;AAAA,IACZ,QAAQ,MAAM,WAAW;AAAA;AAG3B,YAAU,MAAM;AACd,QACE,UACI,iCAAK,eAAe,KAApB,EAAwB,WAAW,WACnC,mBAAK,eAAe;AAAA,KAEzB,CAAC;AAEJ,YAAU,MAAM;AACd,QAAI,CAAC,WAAW;AAAS,mBAAa;AAAA,KACrC,CAAC;AAGJ,SAAO,gDACF,aACA,cAFE;AAAA,IAGL,OAAO,gDACF,WAAW,QADT;AAAA,MAEL,eAAe,CAAC,WAAW;AAAA,QACxB;AAAA,IAEL,WAAW,aAAa;AAAA;AAAA;",
6
+ "names": []
7
+ }
@@ -0,0 +1,12 @@
1
+ import * as React from "react";
2
+ function useHiddenTrigger({ visible, hiddenId }) {
3
+ return {
4
+ "aria-expanded": visible,
5
+ "aria-controls": hiddenId
6
+ };
7
+ }
8
+ var useHiddenTrigger_default = useHiddenTrigger;
9
+ export {
10
+ useHiddenTrigger_default as default
11
+ };
12
+ //# sourceMappingURL=useHiddenTrigger.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/useHiddenTrigger.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "function useHiddenTrigger({ visible, hiddenId }) {\n return {\n 'aria-expanded': visible,\n 'aria-controls': hiddenId,\n };\n}\n\nexport default useHiddenTrigger;\n"],
5
+ "mappings": "AAAA;ACAA,0BAA0B,EAAE,SAAS,YAAY;AAC/C,SAAO;AAAA,IACL,iBAAiB;AAAA,IACjB,iBAAiB;AAAA;AAAA;AAIrB,IAAO,2BAAQ;",
6
+ "names": []
7
+ }
package/package.json CHANGED
@@ -1,31 +1,34 @@
1
1
  {
2
2
  "name": "@elliemae/ds-hidden",
3
- "version": "2.3.1",
3
+ "version": "3.0.0-alpha.3",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Hidden",
6
- "module": "./esm/index.js",
7
- "main": "./cjs/index.js",
8
- "types": "./types/index.d.ts",
6
+ "files": [
7
+ "dist"
8
+ ],
9
+ "module": "./dist/esm/index.js",
10
+ "main": "./dist/cjs/index.js",
11
+ "types": "./dist/types/index.d.ts",
9
12
  "exports": {
10
13
  ".": {
11
- "import": "./esm/index.js",
12
- "require": "./cjs/index.js"
14
+ "import": "./dist/esm/index.js",
15
+ "require": "./dist/cjs/index.js"
13
16
  },
14
17
  "./useHiddenTrigger": {
15
- "import": "./esm/useHiddenTrigger.js",
16
- "require": "./cjs/useHiddenTrigger.js"
18
+ "import": "./dist/esm/useHiddenTrigger.js",
19
+ "require": "./dist/cjs/useHiddenTrigger.js"
17
20
  },
18
21
  "./useHiddenTransition": {
19
- "import": "./esm/useHiddenTransition.js",
20
- "require": "./cjs/useHiddenTransition.js"
22
+ "import": "./dist/esm/useHiddenTransition.js",
23
+ "require": "./dist/cjs/useHiddenTransition.js"
21
24
  },
22
25
  "./useHiddenProps": {
23
- "import": "./esm/useHiddenProps.js",
24
- "require": "./cjs/useHiddenProps.js"
26
+ "import": "./dist/esm/useHiddenProps.js",
27
+ "require": "./dist/cjs/useHiddenProps.js"
25
28
  },
26
29
  "./useHiddenController": {
27
- "import": "./esm/useHiddenController.js",
28
- "require": "./cjs/useHiddenController.js"
30
+ "import": "./dist/esm/useHiddenController.js",
31
+ "require": "./dist/cjs/useHiddenController.js"
29
32
  }
30
33
  },
31
34
  "sideEffects": [
@@ -37,15 +40,15 @@
37
40
  "url": "https://git.elliemae.io/platform-ui/dimsum.git"
38
41
  },
39
42
  "engines": {
40
- "npm": ">=7",
41
- "node": ">=14"
43
+ "pnpm": ">=6",
44
+ "node": ">=16"
42
45
  },
43
46
  "author": "ICE MT",
44
- "scripts": {
45
- "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
46
- "prebuild": "exit 0",
47
- "predev": "exit 0",
48
- "build": "node ../../scripts/build/build.js"
47
+ "jestSonar": {
48
+ "sonar56x": true,
49
+ "reportPath": "reports",
50
+ "reportFile": "tests.xml",
51
+ "indent": 4
49
52
  },
50
53
  "dependencies": {
51
54
  "react-spring": "~8.0.27"
@@ -55,7 +58,13 @@
55
58
  },
56
59
  "publishConfig": {
57
60
  "access": "public",
58
- "directory": "dist",
59
- "generateSubmodules": true
61
+ "typeSafety": false
62
+ },
63
+ "scripts": {
64
+ "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
65
+ "test": "node ../../scripts/testing/test.mjs",
66
+ "lint": "node ../../scripts/lint.mjs",
67
+ "dts": "node ../../scripts/dts.mjs",
68
+ "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
60
69
  }
61
70
  }
package/cjs/index.js DELETED
@@ -1,21 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var useHiddenProps = require('./useHiddenProps.js');
6
- var useHiddenController = require('./useHiddenController.js');
7
- var useHiddenTransition = require('./useHiddenTransition.js');
8
- var useHiddenTrigger = require('./useHiddenTrigger.js');
9
-
10
- var index = {
11
- useHiddenProps,
12
- useHiddenController,
13
- useHiddenTransition,
14
- useHiddenTrigger
15
- };
16
-
17
- exports.useHiddenProps = useHiddenProps;
18
- exports.useHiddenController = useHiddenController;
19
- exports.useHiddenTransition = useHiddenTransition;
20
- exports.useHiddenTrigger = useHiddenTrigger;
21
- exports["default"] = index;
@@ -1,20 +0,0 @@
1
- 'use strict';
2
-
3
- require('core-js/modules/web.dom-collections.iterator.js');
4
- var react = require('react');
5
-
6
- const useHiddenController = function () {
7
- let initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
8
- const [visible, setVisible] = react.useState(initialState);
9
- const onShow = react.useCallback(() => setVisible(true), [visible]);
10
- const onHide = react.useCallback(() => setVisible(false), [visible]);
11
- const onToggle = react.useCallback(() => setVisible(!visible), [visible]);
12
- return {
13
- onShow,
14
- onHide,
15
- onToggle,
16
- visible: initialState !== undefined ? initialState : visible
17
- };
18
- };
19
-
20
- module.exports = useHiddenController;
@@ -1,14 +0,0 @@
1
- 'use strict';
2
-
3
- function useHiddenProps(_ref) {
4
- let {
5
- visible = true
6
- } = _ref;
7
- // element props
8
- return {
9
- hidden: !visible,
10
- 'aria-hidden': !visible
11
- };
12
- }
13
-
14
- module.exports = useHiddenProps;
@@ -1,78 +0,0 @@
1
- 'use strict';
2
-
3
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
- var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
5
- require('core-js/modules/web.dom-collections.iterator.js');
6
- require('core-js/modules/esnext.async-iterator.filter.js');
7
- require('core-js/modules/esnext.iterator.constructor.js');
8
- require('core-js/modules/esnext.iterator.filter.js');
9
- require('core-js/modules/esnext.async-iterator.for-each.js');
10
- require('core-js/modules/esnext.iterator.for-each.js');
11
- var react = require('react');
12
- var web = require('react-spring/web');
13
- var useHiddenProps = require('./useHiddenProps.js');
14
-
15
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
16
-
17
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
18
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
19
-
20
- const _excluded = ["animationState", "visible", "duration"],
21
- _excluded2 = ["hidden"];
22
-
23
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
24
-
25
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
26
-
27
- const growTo = (from, to) => [{
28
- opacity: 1,
29
- transform: "scale(".concat(to, ")")
30
- }, {
31
- opacity: 0,
32
- transform: "scale(".concat(from, ")")
33
- }];
34
-
35
- function useHiddenTransition(_ref) {
36
- let {
37
- animationState = growTo(0, 1),
38
- visible = false,
39
- duration = 150
40
- } = _ref,
41
- otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
42
-
43
- const _useHiddenProps = useHiddenProps({
44
- visible
45
- }),
46
- hiddenProps = _objectWithoutProperties__default["default"](_useHiddenProps, _excluded2);
47
-
48
- const [resting, setResting] = react.useState(false);
49
- const [destroyed, setDestroyed] = react.useState(true);
50
- const [animationStyles, set] = web.useSpring(() => _objectSpread(_objectSpread({}, animationState[0]), {}, {
51
- config: {
52
- duration
53
- },
54
- onStart: () => {
55
- setResting(false);
56
- setDestroyed(false);
57
- },
58
- immediate: !visible,
59
- onRest: () => setResting(true)
60
- }));
61
- react.useEffect(() => {
62
- set(visible ? _objectSpread(_objectSpread({}, animationState[0]), {}, {
63
- immediate: false
64
- }) : _objectSpread({}, animationState[1]));
65
- }, [visible]);
66
- react.useEffect(() => {
67
- if (!visible && resting) setDestroyed(true);
68
- }, [resting]); // element props
69
-
70
- return _objectSpread(_objectSpread(_objectSpread({}, otherProps), hiddenProps), {}, {
71
- style: _objectSpread(_objectSpread({}, otherProps.style), {}, {
72
- pointerEvents: !visible && 'none'
73
- }, animationStyles),
74
- destroyed: destroyed || undefined
75
- });
76
- }
77
-
78
- module.exports = useHiddenTransition;
@@ -1,14 +0,0 @@
1
- 'use strict';
2
-
3
- function useHiddenTrigger(_ref) {
4
- let {
5
- visible,
6
- hiddenId
7
- } = _ref;
8
- return {
9
- 'aria-expanded': visible,
10
- 'aria-controls': hiddenId
11
- };
12
- }
13
-
14
- module.exports = useHiddenTrigger;
package/esm/index.js DELETED
@@ -1,17 +0,0 @@
1
- import useHiddenProps from './useHiddenProps.js';
2
- export { default as useHiddenProps } from './useHiddenProps.js';
3
- import useHiddenController from './useHiddenController.js';
4
- export { default as useHiddenController } from './useHiddenController.js';
5
- import useHiddenTransition from './useHiddenTransition.js';
6
- export { default as useHiddenTransition } from './useHiddenTransition.js';
7
- import useHiddenTrigger from './useHiddenTrigger.js';
8
- export { default as useHiddenTrigger } from './useHiddenTrigger.js';
9
-
10
- var index = {
11
- useHiddenProps,
12
- useHiddenController,
13
- useHiddenTransition,
14
- useHiddenTrigger
15
- };
16
-
17
- export { index as default };
@@ -1,18 +0,0 @@
1
- import 'core-js/modules/web.dom-collections.iterator.js';
2
- import { useState, useCallback } from 'react';
3
-
4
- const useHiddenController = function () {
5
- let initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
6
- const [visible, setVisible] = useState(initialState);
7
- const onShow = useCallback(() => setVisible(true), [visible]);
8
- const onHide = useCallback(() => setVisible(false), [visible]);
9
- const onToggle = useCallback(() => setVisible(!visible), [visible]);
10
- return {
11
- onShow,
12
- onHide,
13
- onToggle,
14
- visible: initialState !== undefined ? initialState : visible
15
- };
16
- };
17
-
18
- export { useHiddenController as default };
@@ -1,12 +0,0 @@
1
- function useHiddenProps(_ref) {
2
- let {
3
- visible = true
4
- } = _ref;
5
- // element props
6
- return {
7
- hidden: !visible,
8
- 'aria-hidden': !visible
9
- };
10
- }
11
-
12
- export { useHiddenProps as default };
@@ -1,71 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
2
- import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
3
- import 'core-js/modules/web.dom-collections.iterator.js';
4
- import 'core-js/modules/esnext.async-iterator.filter.js';
5
- import 'core-js/modules/esnext.iterator.constructor.js';
6
- import 'core-js/modules/esnext.iterator.filter.js';
7
- import 'core-js/modules/esnext.async-iterator.for-each.js';
8
- import 'core-js/modules/esnext.iterator.for-each.js';
9
- import { useState, useEffect } from 'react';
10
- import { useSpring } from 'react-spring/web';
11
- import useHiddenProps from './useHiddenProps.js';
12
-
13
- const _excluded = ["animationState", "visible", "duration"],
14
- _excluded2 = ["hidden"];
15
-
16
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
17
-
18
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
19
-
20
- const growTo = (from, to) => [{
21
- opacity: 1,
22
- transform: "scale(".concat(to, ")")
23
- }, {
24
- opacity: 0,
25
- transform: "scale(".concat(from, ")")
26
- }];
27
-
28
- function useHiddenTransition(_ref) {
29
- let {
30
- animationState = growTo(0, 1),
31
- visible = false,
32
- duration = 150
33
- } = _ref,
34
- otherProps = _objectWithoutProperties(_ref, _excluded);
35
-
36
- const _useHiddenProps = useHiddenProps({
37
- visible
38
- }),
39
- hiddenProps = _objectWithoutProperties(_useHiddenProps, _excluded2);
40
-
41
- const [resting, setResting] = useState(false);
42
- const [destroyed, setDestroyed] = useState(true);
43
- const [animationStyles, set] = useSpring(() => _objectSpread(_objectSpread({}, animationState[0]), {}, {
44
- config: {
45
- duration
46
- },
47
- onStart: () => {
48
- setResting(false);
49
- setDestroyed(false);
50
- },
51
- immediate: !visible,
52
- onRest: () => setResting(true)
53
- }));
54
- useEffect(() => {
55
- set(visible ? _objectSpread(_objectSpread({}, animationState[0]), {}, {
56
- immediate: false
57
- }) : _objectSpread({}, animationState[1]));
58
- }, [visible]);
59
- useEffect(() => {
60
- if (!visible && resting) setDestroyed(true);
61
- }, [resting]); // element props
62
-
63
- return _objectSpread(_objectSpread(_objectSpread({}, otherProps), hiddenProps), {}, {
64
- style: _objectSpread(_objectSpread({}, otherProps.style), {}, {
65
- pointerEvents: !visible && 'none'
66
- }, animationStyles),
67
- destroyed: destroyed || undefined
68
- });
69
- }
70
-
71
- export { useHiddenTransition as default };
@@ -1,12 +0,0 @@
1
- function useHiddenTrigger(_ref) {
2
- let {
3
- visible,
4
- hiddenId
5
- } = _ref;
6
- return {
7
- 'aria-expanded': visible,
8
- 'aria-controls': hiddenId
9
- };
10
- }
11
-
12
- export { useHiddenTrigger as default };
package/types/index.d.ts DELETED
@@ -1,19 +0,0 @@
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';
8
- declare const _default: {
9
- useHiddenProps: typeof useHiddenProps;
10
- useHiddenController: (initialState?: undefined) => {
11
- onShow: () => void;
12
- onHide: () => void;
13
- onToggle: () => void;
14
- visible: undefined;
15
- };
16
- useHiddenTransition: typeof useHiddenTransition;
17
- useHiddenTrigger: typeof useHiddenTrigger;
18
- };
19
- export default _default;
@@ -1,7 +0,0 @@
1
- declare const useHiddenController: (initialState?: undefined) => {
2
- onShow: () => void;
3
- onHide: () => void;
4
- onToggle: () => void;
5
- visible: undefined;
6
- };
7
- export default useHiddenController;
@@ -1,7 +0,0 @@
1
- declare function useHiddenProps({ visible }: {
2
- visible?: boolean | undefined;
3
- }): {
4
- hidden: boolean;
5
- 'aria-hidden': boolean;
6
- };
7
- export default useHiddenProps;
@@ -1,13 +0,0 @@
1
- export default function useHiddenTransition({ animationState, visible, duration, ...otherProps }: {
2
- [x: string]: any;
3
- animationState?: {
4
- opacity: number;
5
- transform: string;
6
- }[] | undefined;
7
- visible?: boolean | undefined;
8
- duration?: number | undefined;
9
- }): {
10
- style: any;
11
- destroyed: true | undefined;
12
- 'aria-hidden': boolean;
13
- };
@@ -1,8 +0,0 @@
1
- declare function useHiddenTrigger({ visible, hiddenId }: {
2
- visible: any;
3
- hiddenId: any;
4
- }): {
5
- 'aria-expanded': any;
6
- 'aria-controls': any;
7
- };
8
- export default useHiddenTrigger;