@elliemae/ds-hidden 2.2.0 → 2.3.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/cjs/index.js +51 -20
- package/cjs/index.js.map +7 -0
- package/cjs/useHiddenController.js +42 -14
- package/cjs/useHiddenController.js.map +7 -0
- package/cjs/useHiddenProps.js +37 -10
- package/cjs/useHiddenProps.js.map +7 -0
- package/cjs/useHiddenTransition.js +69 -69
- package/cjs/useHiddenTransition.js.map +7 -0
- package/cjs/useHiddenTrigger.js +38 -11
- package/cjs/useHiddenTrigger.js.map +7 -0
- package/esm/index.js +18 -12
- package/esm/index.js.map +7 -0
- package/esm/useHiddenController.js +9 -8
- package/esm/useHiddenController.js.map +7 -0
- package/esm/useHiddenProps.js +8 -8
- package/esm/useHiddenProps.js.map +7 -0
- package/esm/useHiddenTransition.js +36 -58
- package/esm/useHiddenTransition.js.map +7 -0
- package/esm/useHiddenTrigger.js +9 -9
- package/esm/useHiddenTrigger.js.map +7 -0
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -1,21 +1,52 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
useHiddenProps,
|
|
12
|
-
useHiddenController,
|
|
13
|
-
useHiddenTransition,
|
|
14
|
-
useHiddenTrigger
|
|
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 });
|
|
15
11
|
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
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
|
package/cjs/index.js.map
ADDED
|
@@ -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
|
+
}
|
|
@@ -1,20 +1,48 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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]);
|
|
12
39
|
return {
|
|
13
40
|
onShow,
|
|
14
41
|
onHide,
|
|
15
42
|
onToggle,
|
|
16
|
-
visible: initialState !==
|
|
43
|
+
visible: initialState !== void 0 ? initialState : visible
|
|
17
44
|
};
|
|
18
45
|
};
|
|
19
|
-
|
|
20
|
-
module.exports =
|
|
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
|
+
}
|
package/cjs/useHiddenProps.js
CHANGED
|
@@ -1,14 +1,41 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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 }) {
|
|
8
34
|
return {
|
|
9
35
|
hidden: !visible,
|
|
10
|
-
|
|
36
|
+
"aria-hidden": !visible
|
|
11
37
|
};
|
|
12
38
|
}
|
|
13
|
-
|
|
14
|
-
module.exports =
|
|
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
|
+
}
|
|
@@ -1,56 +1,54 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
const [
|
|
49
|
-
const [
|
|
50
|
-
|
|
51
|
-
config: {
|
|
52
|
-
duration
|
|
53
|
-
},
|
|
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 useHiddenTransition_exports = {};
|
|
29
|
+
__export(useHiddenTransition_exports, {
|
|
30
|
+
default: () => useHiddenTransition
|
|
31
|
+
});
|
|
32
|
+
var React = __toESM(require("react"));
|
|
33
|
+
var import_react = require("react");
|
|
34
|
+
var import_web = require("react-spring/web");
|
|
35
|
+
var import_useHiddenProps = __toESM(require("./useHiddenProps"));
|
|
36
|
+
const growTo = (from, to) => [
|
|
37
|
+
{ opacity: 1, transform: `scale(${to})` },
|
|
38
|
+
{ opacity: 0, transform: `scale(${from})` }
|
|
39
|
+
];
|
|
40
|
+
function useHiddenTransition({
|
|
41
|
+
animationState = growTo(0, 1),
|
|
42
|
+
visible = false,
|
|
43
|
+
duration = 150,
|
|
44
|
+
...otherProps
|
|
45
|
+
}) {
|
|
46
|
+
const { hidden, ...hiddenProps } = (0, import_useHiddenProps.default)({ visible });
|
|
47
|
+
const [resting, setResting] = (0, import_react.useState)(false);
|
|
48
|
+
const [destroyed, setDestroyed] = (0, import_react.useState)(true);
|
|
49
|
+
const [animationStyles, set] = (0, import_web.useSpring)(() => ({
|
|
50
|
+
...animationState[0],
|
|
51
|
+
config: { duration },
|
|
54
52
|
onStart: () => {
|
|
55
53
|
setResting(false);
|
|
56
54
|
setDestroyed(false);
|
|
@@ -58,21 +56,23 @@ function useHiddenTransition(_ref) {
|
|
|
58
56
|
immediate: !visible,
|
|
59
57
|
onRest: () => setResting(true)
|
|
60
58
|
}));
|
|
61
|
-
|
|
62
|
-
set(visible ?
|
|
63
|
-
immediate: false
|
|
64
|
-
}) : _objectSpread({}, animationState[1]));
|
|
59
|
+
(0, import_react.useEffect)(() => {
|
|
60
|
+
set(visible ? { ...animationState[0], immediate: false } : { ...animationState[1] });
|
|
65
61
|
}, [visible]);
|
|
66
|
-
|
|
67
|
-
if (!visible && resting)
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
return
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
62
|
+
(0, import_react.useEffect)(() => {
|
|
63
|
+
if (!visible && resting)
|
|
64
|
+
setDestroyed(true);
|
|
65
|
+
}, [resting]);
|
|
66
|
+
return {
|
|
67
|
+
...otherProps,
|
|
68
|
+
...hiddenProps,
|
|
69
|
+
style: {
|
|
70
|
+
...otherProps.style,
|
|
71
|
+
pointerEvents: !visible && "none",
|
|
72
|
+
...animationStyles
|
|
73
|
+
},
|
|
74
|
+
destroyed: destroyed || void 0
|
|
75
|
+
};
|
|
76
76
|
}
|
|
77
|
-
|
|
78
|
-
|
|
77
|
+
module.exports = __toCommonJS(useHiddenTransition_exports);
|
|
78
|
+
//# 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;AAAA,EAC1C,iBAAiB,OAAO,GAAG;AAAA,EAC3B,UAAU;AAAA,EACV,WAAW;AAAA,KACR;AAAA,GACF;AACD,QAAM,EAAE,WAAW,gBAAgB,mCAAe,EAAE;AACpD,QAAM,CAAC,SAAS,cAAc,2BAAS;AACvC,QAAM,CAAC,WAAW,gBAAgB,2BAAS;AAC3C,QAAM,CAAC,iBAAiB,OAAO,0BAAU,MAAO;AAAA,OAC3C,eAAe;AAAA,IAClB,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,KAAK,eAAe,IAAI,WAAW,UACnC,KAAK,eAAe;AAAA,KAEzB,CAAC;AAEJ,8BAAU,MAAM;AACd,QAAI,CAAC,WAAW;AAAS,mBAAa;AAAA,KACrC,CAAC;AAGJ,SAAO;AAAA,OACF;AAAA,OACA;AAAA,IACH,OAAO;AAAA,SACF,WAAW;AAAA,MACd,eAAe,CAAC,WAAW;AAAA,SACxB;AAAA;AAAA,IAEL,WAAW,aAAa;AAAA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/cjs/useHiddenTrigger.js
CHANGED
|
@@ -1,14 +1,41 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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 }) {
|
|
8
34
|
return {
|
|
9
|
-
|
|
10
|
-
|
|
35
|
+
"aria-expanded": visible,
|
|
36
|
+
"aria-controls": hiddenId
|
|
11
37
|
};
|
|
12
38
|
}
|
|
13
|
-
|
|
14
|
-
module.exports =
|
|
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
|
+
}
|
package/esm/index.js
CHANGED
|
@@ -1,17 +1,23 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import useHiddenController from
|
|
4
|
-
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var
|
|
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
11
|
useHiddenProps,
|
|
12
12
|
useHiddenController,
|
|
13
13
|
useHiddenTransition,
|
|
14
14
|
useHiddenTrigger
|
|
15
15
|
};
|
|
16
|
-
|
|
17
|
-
|
|
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
|
package/esm/index.js.map
ADDED
|
@@ -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
|
+
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
const useHiddenController = function () {
|
|
5
|
-
let initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { useCallback, useState } from "react";
|
|
3
|
+
const useHiddenController = (initialState = void 0) => {
|
|
6
4
|
const [visible, setVisible] = useState(initialState);
|
|
7
5
|
const onShow = useCallback(() => setVisible(true), [visible]);
|
|
8
6
|
const onHide = useCallback(() => setVisible(false), [visible]);
|
|
@@ -11,8 +9,11 @@ const useHiddenController = function () {
|
|
|
11
9
|
onShow,
|
|
12
10
|
onHide,
|
|
13
11
|
onToggle,
|
|
14
|
-
visible: initialState !==
|
|
12
|
+
visible: initialState !== void 0 ? initialState : visible
|
|
15
13
|
};
|
|
16
14
|
};
|
|
17
|
-
|
|
18
|
-
export {
|
|
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
|
+
}
|
package/esm/useHiddenProps.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
visible = true
|
|
4
|
-
} = _ref;
|
|
5
|
-
// element props
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
function useHiddenProps({ visible = true }) {
|
|
6
3
|
return {
|
|
7
4
|
hidden: !visible,
|
|
8
|
-
|
|
5
|
+
"aria-hidden": !visible
|
|
9
6
|
};
|
|
10
7
|
}
|
|
11
|
-
|
|
12
|
-
export {
|
|
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
|
+
}
|
|
@@ -1,49 +1,23 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { useState, useEffect } from "react";
|
|
3
|
+
import { useSpring } from "react-spring/web";
|
|
4
|
+
import useHiddenProps from "./useHiddenProps";
|
|
5
|
+
const growTo = (from, to) => [
|
|
6
|
+
{ opacity: 1, transform: `scale(${to})` },
|
|
7
|
+
{ opacity: 0, transform: `scale(${from})` }
|
|
8
|
+
];
|
|
9
|
+
function useHiddenTransition({
|
|
10
|
+
animationState = growTo(0, 1),
|
|
11
|
+
visible = false,
|
|
12
|
+
duration = 150,
|
|
13
|
+
...otherProps
|
|
14
|
+
}) {
|
|
15
|
+
const { hidden, ...hiddenProps } = useHiddenProps({ visible });
|
|
41
16
|
const [resting, setResting] = useState(false);
|
|
42
17
|
const [destroyed, setDestroyed] = useState(true);
|
|
43
|
-
const [animationStyles, set] = useSpring(() =>
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
},
|
|
18
|
+
const [animationStyles, set] = useSpring(() => ({
|
|
19
|
+
...animationState[0],
|
|
20
|
+
config: { duration },
|
|
47
21
|
onStart: () => {
|
|
48
22
|
setResting(false);
|
|
49
23
|
setDestroyed(false);
|
|
@@ -52,20 +26,24 @@ function useHiddenTransition(_ref) {
|
|
|
52
26
|
onRest: () => setResting(true)
|
|
53
27
|
}));
|
|
54
28
|
useEffect(() => {
|
|
55
|
-
set(visible ?
|
|
56
|
-
immediate: false
|
|
57
|
-
}) : _objectSpread({}, animationState[1]));
|
|
29
|
+
set(visible ? { ...animationState[0], immediate: false } : { ...animationState[1] });
|
|
58
30
|
}, [visible]);
|
|
59
31
|
useEffect(() => {
|
|
60
|
-
if (!visible && resting)
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
return
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
32
|
+
if (!visible && resting)
|
|
33
|
+
setDestroyed(true);
|
|
34
|
+
}, [resting]);
|
|
35
|
+
return {
|
|
36
|
+
...otherProps,
|
|
37
|
+
...hiddenProps,
|
|
38
|
+
style: {
|
|
39
|
+
...otherProps.style,
|
|
40
|
+
pointerEvents: !visible && "none",
|
|
41
|
+
...animationStyles
|
|
42
|
+
},
|
|
43
|
+
destroyed: destroyed || void 0
|
|
44
|
+
};
|
|
69
45
|
}
|
|
70
|
-
|
|
71
|
-
|
|
46
|
+
export {
|
|
47
|
+
useHiddenTransition as default
|
|
48
|
+
};
|
|
49
|
+
//# 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;AAAA,EAC1C,iBAAiB,OAAO,GAAG;AAAA,EAC3B,UAAU;AAAA,EACV,WAAW;AAAA,KACR;AAAA,GACF;AACD,QAAM,EAAE,WAAW,gBAAgB,eAAe,EAAE;AACpD,QAAM,CAAC,SAAS,cAAc,SAAS;AACvC,QAAM,CAAC,WAAW,gBAAgB,SAAS;AAC3C,QAAM,CAAC,iBAAiB,OAAO,UAAU,MAAO;AAAA,OAC3C,eAAe;AAAA,IAClB,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,KAAK,eAAe,IAAI,WAAW,UACnC,KAAK,eAAe;AAAA,KAEzB,CAAC;AAEJ,YAAU,MAAM;AACd,QAAI,CAAC,WAAW;AAAS,mBAAa;AAAA,KACrC,CAAC;AAGJ,SAAO;AAAA,OACF;AAAA,OACA;AAAA,IACH,OAAO;AAAA,SACF,WAAW;AAAA,MACd,eAAe,CAAC,WAAW;AAAA,SACxB;AAAA;AAAA,IAEL,WAAW,aAAa;AAAA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/esm/useHiddenTrigger.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
visible,
|
|
4
|
-
hiddenId
|
|
5
|
-
} = _ref;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
function useHiddenTrigger({ visible, hiddenId }) {
|
|
6
3
|
return {
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
"aria-expanded": visible,
|
|
5
|
+
"aria-controls": hiddenId
|
|
9
6
|
};
|
|
10
7
|
}
|
|
11
|
-
|
|
12
|
-
export {
|
|
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
|
+
}
|