@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.
- package/dist/cjs/index.js +52 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/useHiddenController.js +48 -0
- package/dist/cjs/useHiddenController.js.map +7 -0
- package/dist/cjs/useHiddenProps.js +41 -0
- package/dist/cjs/useHiddenProps.js.map +7 -0
- package/dist/cjs/useHiddenTransition.js +106 -0
- package/dist/cjs/useHiddenTransition.js.map +7 -0
- package/dist/cjs/useHiddenTrigger.js +41 -0
- package/dist/cjs/useHiddenTrigger.js.map +7 -0
- package/dist/esm/index.js +23 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/useHiddenController.js +19 -0
- package/dist/esm/useHiddenController.js.map +7 -0
- package/dist/esm/useHiddenProps.js +12 -0
- package/dist/esm/useHiddenProps.js.map +7 -0
- package/dist/esm/useHiddenTransition.js +79 -0
- package/dist/esm/useHiddenTransition.js.map +7 -0
- package/dist/esm/useHiddenTrigger.js +12 -0
- package/dist/esm/useHiddenTrigger.js.map +7 -0
- package/package.json +32 -23
- package/cjs/index.js +0 -21
- package/cjs/useHiddenController.js +0 -20
- package/cjs/useHiddenProps.js +0 -14
- package/cjs/useHiddenTransition.js +0 -78
- package/cjs/useHiddenTrigger.js +0 -14
- package/esm/index.js +0 -17
- package/esm/useHiddenController.js +0 -18
- package/esm/useHiddenProps.js +0 -12
- package/esm/useHiddenTransition.js +0 -71
- package/esm/useHiddenTrigger.js +0 -12
- package/types/index.d.ts +0 -19
- package/types/useHiddenController.d.ts +0 -7
- package/types/useHiddenProps.d.ts +0 -7
- package/types/useHiddenTransition.d.ts +0 -13
- 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": "
|
|
3
|
+
"version": "3.0.0-alpha.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Hidden",
|
|
6
|
-
"
|
|
7
|
-
|
|
8
|
-
|
|
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
|
-
"
|
|
41
|
-
"node": ">=
|
|
43
|
+
"pnpm": ">=6",
|
|
44
|
+
"node": ">=16"
|
|
42
45
|
},
|
|
43
46
|
"author": "ICE MT",
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
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
|
-
"
|
|
59
|
-
|
|
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;
|
package/cjs/useHiddenProps.js
DELETED
|
@@ -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;
|
package/cjs/useHiddenTrigger.js
DELETED
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 };
|
package/esm/useHiddenProps.js
DELETED
|
@@ -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 };
|
package/esm/useHiddenTrigger.js
DELETED
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,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
|
-
};
|