@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 CHANGED
@@ -1,21 +1,52 @@
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
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
- exports.useHiddenProps = useHiddenProps;
18
- exports.useHiddenController = useHiddenController;
19
- exports.useHiddenTransition = useHiddenTransition;
20
- exports.useHiddenTrigger = useHiddenTrigger;
21
- exports["default"] = index;
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
+ }
@@ -1,20 +1,48 @@
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]);
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 !== undefined ? initialState : visible
43
+ visible: initialState !== void 0 ? initialState : visible
17
44
  };
18
45
  };
19
-
20
- module.exports = useHiddenController;
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
+ }
@@ -1,14 +1,41 @@
1
- 'use strict';
2
-
3
- function useHiddenProps(_ref) {
4
- let {
5
- visible = true
6
- } = _ref;
7
- // element props
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
- 'aria-hidden': !visible
36
+ "aria-hidden": !visible
11
37
  };
12
38
  }
13
-
14
- module.exports = useHiddenProps;
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
- '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
- },
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
- react.useEffect(() => {
62
- set(visible ? _objectSpread(_objectSpread({}, animationState[0]), {}, {
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
- 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
- });
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
- module.exports = useHiddenTransition;
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
+ }
@@ -1,14 +1,41 @@
1
- 'use strict';
2
-
3
- function useHiddenTrigger(_ref) {
4
- let {
5
- visible,
6
- hiddenId
7
- } = _ref;
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
- 'aria-expanded': visible,
10
- 'aria-controls': hiddenId
35
+ "aria-expanded": visible,
36
+ "aria-controls": hiddenId
11
37
  };
12
38
  }
13
-
14
- module.exports = useHiddenTrigger;
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 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 = {
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
- export { index as default };
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
+ }
@@ -1,8 +1,6 @@
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;
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 !== undefined ? initialState : visible
12
+ visible: initialState !== void 0 ? initialState : visible
15
13
  };
16
14
  };
17
-
18
- export { useHiddenController as default };
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
+ }
@@ -1,12 +1,12 @@
1
- function useHiddenProps(_ref) {
2
- let {
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
- 'aria-hidden': !visible
5
+ "aria-hidden": !visible
9
6
  };
10
7
  }
11
-
12
- export { useHiddenProps as default };
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 _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
-
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(() => _objectSpread(_objectSpread({}, animationState[0]), {}, {
44
- config: {
45
- duration
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 ? _objectSpread(_objectSpread({}, animationState[0]), {}, {
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) 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
- });
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
- export { useHiddenTransition as default };
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
+ }
@@ -1,12 +1,12 @@
1
- function useHiddenTrigger(_ref) {
2
- let {
3
- visible,
4
- hiddenId
5
- } = _ref;
1
+ import * as React from "react";
2
+ function useHiddenTrigger({ visible, hiddenId }) {
6
3
  return {
7
- 'aria-expanded': visible,
8
- 'aria-controls': hiddenId
4
+ "aria-expanded": visible,
5
+ "aria-controls": hiddenId
9
6
  };
10
7
  }
11
-
12
- export { useHiddenTrigger as default };
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,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-hidden",
3
- "version": "2.2.0",
3
+ "version": "2.3.0-alpha.3",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Hidden",
6
6
  "module": "./esm/index.js",