@elliemae/ds-hidden 2.3.0-alpha.8 → 2.3.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/cjs/index.js +21 -0
  2. package/cjs/useHiddenController.js +20 -0
  3. package/cjs/useHiddenProps.js +14 -0
  4. package/cjs/useHiddenTransition.js +78 -0
  5. package/cjs/useHiddenTrigger.js +14 -0
  6. package/esm/index.js +17 -0
  7. package/esm/useHiddenController.js +18 -0
  8. package/esm/useHiddenProps.js +12 -0
  9. package/esm/useHiddenTransition.js +71 -0
  10. package/esm/useHiddenTrigger.js +12 -0
  11. package/package.json +24 -26
  12. package/types/index.d.ts +19 -0
  13. package/types/useHiddenController.d.ts +7 -0
  14. package/types/useHiddenProps.d.ts +7 -0
  15. package/types/useHiddenTransition.d.ts +13 -0
  16. package/types/useHiddenTrigger.d.ts +8 -0
  17. package/dist/cjs/index.js +0 -52
  18. package/dist/cjs/index.js.map +0 -7
  19. package/dist/cjs/useHiddenController.js +0 -48
  20. package/dist/cjs/useHiddenController.js.map +0 -7
  21. package/dist/cjs/useHiddenProps.js +0 -41
  22. package/dist/cjs/useHiddenProps.js.map +0 -7
  23. package/dist/cjs/useHiddenTransition.js +0 -78
  24. package/dist/cjs/useHiddenTransition.js.map +0 -7
  25. package/dist/cjs/useHiddenTrigger.js +0 -41
  26. package/dist/cjs/useHiddenTrigger.js.map +0 -7
  27. package/dist/esm/index.js +0 -23
  28. package/dist/esm/index.js.map +0 -7
  29. package/dist/esm/useHiddenController.js +0 -19
  30. package/dist/esm/useHiddenController.js.map +0 -7
  31. package/dist/esm/useHiddenProps.js +0 -12
  32. package/dist/esm/useHiddenProps.js.map +0 -7
  33. package/dist/esm/useHiddenTransition.js +0 -49
  34. package/dist/esm/useHiddenTransition.js.map +0 -7
  35. package/dist/esm/useHiddenTrigger.js +0 -12
  36. package/dist/esm/useHiddenTrigger.js.map +0 -7
package/cjs/index.js ADDED
@@ -0,0 +1,21 @@
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;
@@ -0,0 +1,20 @@
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;
@@ -0,0 +1,14 @@
1
+ 'use strict';
2
+
3
+ function useHiddenProps(_ref) {
4
+ let {
5
+ visible = true
6
+ } = _ref;
7
+ // element props
8
+ return {
9
+ hidden: !visible,
10
+ 'aria-hidden': !visible
11
+ };
12
+ }
13
+
14
+ module.exports = useHiddenProps;
@@ -0,0 +1,78 @@
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;
@@ -0,0 +1,14 @@
1
+ 'use strict';
2
+
3
+ function useHiddenTrigger(_ref) {
4
+ let {
5
+ visible,
6
+ hiddenId
7
+ } = _ref;
8
+ return {
9
+ 'aria-expanded': visible,
10
+ 'aria-controls': hiddenId
11
+ };
12
+ }
13
+
14
+ module.exports = useHiddenTrigger;
package/esm/index.js ADDED
@@ -0,0 +1,17 @@
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 };
@@ -0,0 +1,18 @@
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 };
@@ -0,0 +1,12 @@
1
+ function useHiddenProps(_ref) {
2
+ let {
3
+ visible = true
4
+ } = _ref;
5
+ // element props
6
+ return {
7
+ hidden: !visible,
8
+ 'aria-hidden': !visible
9
+ };
10
+ }
11
+
12
+ export { useHiddenProps as default };
@@ -0,0 +1,71 @@
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 };
@@ -0,0 +1,12 @@
1
+ function useHiddenTrigger(_ref) {
2
+ let {
3
+ visible,
4
+ hiddenId
5
+ } = _ref;
6
+ return {
7
+ 'aria-expanded': visible,
8
+ 'aria-controls': hiddenId
9
+ };
10
+ }
11
+
12
+ export { useHiddenTrigger as default };
package/package.json CHANGED
@@ -1,34 +1,31 @@
1
1
  {
2
2
  "name": "@elliemae/ds-hidden",
3
- "version": "2.3.0-alpha.8",
3
+ "version": "2.3.0-next.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Hidden",
6
- "files": [
7
- "dist"
8
- ],
9
- "module": "./dist/esm/index.js",
10
- "main": "./dist/cjs/index.js",
11
- "types": "./dist/types/index.d.ts",
6
+ "module": "./esm/index.js",
7
+ "main": "./cjs/index.js",
8
+ "types": "./types/index.d.ts",
12
9
  "exports": {
13
10
  ".": {
14
- "import": "./dist/esm/index.js",
15
- "require": "./dist/cjs/index.js"
11
+ "import": "./esm/index.js",
12
+ "require": "./cjs/index.js"
16
13
  },
17
14
  "./useHiddenTrigger": {
18
- "import": "./dist/esm/useHiddenTrigger.js",
19
- "require": "./dist/cjs/useHiddenTrigger.js"
15
+ "import": "./esm/useHiddenTrigger.js",
16
+ "require": "./cjs/useHiddenTrigger.js"
20
17
  },
21
18
  "./useHiddenTransition": {
22
- "import": "./dist/esm/useHiddenTransition.js",
23
- "require": "./dist/cjs/useHiddenTransition.js"
19
+ "import": "./esm/useHiddenTransition.js",
20
+ "require": "./cjs/useHiddenTransition.js"
24
21
  },
25
22
  "./useHiddenProps": {
26
- "import": "./dist/esm/useHiddenProps.js",
27
- "require": "./dist/cjs/useHiddenProps.js"
23
+ "import": "./esm/useHiddenProps.js",
24
+ "require": "./cjs/useHiddenProps.js"
28
25
  },
29
26
  "./useHiddenController": {
30
- "import": "./dist/esm/useHiddenController.js",
31
- "require": "./dist/cjs/useHiddenController.js"
27
+ "import": "./esm/useHiddenController.js",
28
+ "require": "./cjs/useHiddenController.js"
32
29
  }
33
30
  },
34
31
  "sideEffects": [
@@ -40,10 +37,16 @@
40
37
  "url": "https://git.elliemae.io/platform-ui/dimsum.git"
41
38
  },
42
39
  "engines": {
43
- "pnpm": ">=6",
44
- "node": ">=16"
40
+ "npm": ">=7",
41
+ "node": ">=14"
45
42
  },
46
43
  "author": "ICE MT",
44
+ "scripts": {
45
+ "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
46
+ "prebuild": "exit 0",
47
+ "predev": "exit 0",
48
+ "build": "node ../../scripts/build/build.js"
49
+ },
47
50
  "dependencies": {
48
51
  "react-spring": "~8.0.27"
49
52
  },
@@ -52,12 +55,7 @@
52
55
  },
53
56
  "publishConfig": {
54
57
  "access": "public",
55
- "typeSafety": false
56
- },
57
- "scripts": {
58
- "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
59
- "prebuild": "exit 0",
60
- "predev": "exit 0",
61
- "build": "node ../../scripts/build/build.js"
58
+ "directory": "dist",
59
+ "generateSubmodules": true
62
60
  }
63
61
  }
@@ -0,0 +1,19 @@
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;
@@ -0,0 +1,7 @@
1
+ declare const useHiddenController: (initialState?: undefined) => {
2
+ onShow: () => void;
3
+ onHide: () => void;
4
+ onToggle: () => void;
5
+ visible: undefined;
6
+ };
7
+ export default useHiddenController;
@@ -0,0 +1,7 @@
1
+ declare function useHiddenProps({ visible }: {
2
+ visible?: boolean | undefined;
3
+ }): {
4
+ hidden: boolean;
5
+ 'aria-hidden': boolean;
6
+ };
7
+ export default useHiddenProps;
@@ -0,0 +1,13 @@
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
+ };
@@ -0,0 +1,8 @@
1
+ declare function useHiddenTrigger({ visible, hiddenId }: {
2
+ visible: any;
3
+ hiddenId: any;
4
+ }): {
5
+ 'aria-expanded': any;
6
+ 'aria-controls': any;
7
+ };
8
+ export default useHiddenTrigger;
package/dist/cjs/index.js DELETED
@@ -1,52 +0,0 @@
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
@@ -1,7 +0,0 @@
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,48 +0,0 @@
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
@@ -1,7 +0,0 @@
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,41 +0,0 @@
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
@@ -1,7 +0,0 @@
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,78 +0,0 @@
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 },
52
- onStart: () => {
53
- setResting(false);
54
- setDestroyed(false);
55
- },
56
- immediate: !visible,
57
- onRest: () => setResting(true)
58
- }));
59
- (0, import_react.useEffect)(() => {
60
- set(visible ? { ...animationState[0], immediate: false } : { ...animationState[1] });
61
- }, [visible]);
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
- }
77
- module.exports = __toCommonJS(useHiddenTransition_exports);
78
- //# sourceMappingURL=useHiddenTransition.js.map
@@ -1,7 +0,0 @@
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,41 +0,0 @@
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
@@ -1,7 +0,0 @@
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/dist/esm/index.js DELETED
@@ -1,23 +0,0 @@
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
@@ -1,7 +0,0 @@
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,19 +0,0 @@
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
@@ -1,7 +0,0 @@
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 +0,0 @@
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
@@ -1,7 +0,0 @@
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 +0,0 @@
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 });
16
- const [resting, setResting] = useState(false);
17
- const [destroyed, setDestroyed] = useState(true);
18
- const [animationStyles, set] = useSpring(() => ({
19
- ...animationState[0],
20
- config: { duration },
21
- onStart: () => {
22
- setResting(false);
23
- setDestroyed(false);
24
- },
25
- immediate: !visible,
26
- onRest: () => setResting(true)
27
- }));
28
- useEffect(() => {
29
- set(visible ? { ...animationState[0], immediate: false } : { ...animationState[1] });
30
- }, [visible]);
31
- useEffect(() => {
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
- };
45
- }
46
- export {
47
- useHiddenTransition as default
48
- };
49
- //# sourceMappingURL=useHiddenTransition.js.map
@@ -1,7 +0,0 @@
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 +0,0 @@
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
@@ -1,7 +0,0 @@
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
- }