@elliemae/ds-hidden 1.60.0 → 2.0.0-alpha.12

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
@@ -6,22 +6,16 @@ var useHiddenProps = require('./useHiddenProps.js');
6
6
  var useHiddenController = require('./useHiddenController.js');
7
7
  var useHiddenTransition = require('./useHiddenTransition.js');
8
8
  var useHiddenTrigger = require('./useHiddenTrigger.js');
9
- require('@babel/runtime/helpers/slicedToArray');
10
- require('react');
11
- require('@babel/runtime/helpers/defineProperty');
12
- require('@babel/runtime/helpers/objectWithoutProperties');
13
- require('react-spring/web.cjs');
14
9
 
15
10
  var index = {
16
- useHiddenProps: useHiddenProps,
17
- useHiddenController: useHiddenController,
18
- useHiddenTransition: useHiddenTransition,
19
- useHiddenTrigger: useHiddenTrigger
11
+ useHiddenProps,
12
+ useHiddenController,
13
+ useHiddenTransition,
14
+ useHiddenTrigger
20
15
  };
21
16
 
22
17
  exports.useHiddenProps = useHiddenProps;
23
18
  exports.useHiddenController = useHiddenController;
24
19
  exports.useHiddenTransition = useHiddenTransition;
25
20
  exports.useHiddenTrigger = useHiddenTrigger;
26
- exports['default'] = index;
27
- //# sourceMappingURL=index.js.map
21
+ exports["default"] = index;
@@ -1,36 +1,20 @@
1
1
  'use strict';
2
2
 
3
- var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
3
+ require('core-js/modules/web.dom-collections.iterator.js');
4
4
  var react = require('react');
5
5
 
6
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
-
8
- var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
9
-
10
- var useHiddenController = function useHiddenController() {
11
- var initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
12
-
13
- var _useState = react.useState(initialState),
14
- _useState2 = _slicedToArray__default['default'](_useState, 2),
15
- visible = _useState2[0],
16
- setVisible = _useState2[1];
17
-
18
- var onShow = react.useCallback(function () {
19
- return setVisible(true);
20
- }, [visible]);
21
- var onHide = react.useCallback(function () {
22
- return setVisible(false);
23
- }, [visible]);
24
- var onToggle = react.useCallback(function () {
25
- return setVisible(!visible);
26
- }, [visible]);
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]);
27
12
  return {
28
- onShow: onShow,
29
- onHide: onHide,
30
- onToggle: onToggle,
13
+ onShow,
14
+ onHide,
15
+ onToggle,
31
16
  visible: initialState !== undefined ? initialState : visible
32
17
  };
33
18
  };
34
19
 
35
20
  module.exports = useHiddenController;
36
- //# sourceMappingURL=useHiddenController.js.map
@@ -1,8 +1,9 @@
1
1
  'use strict';
2
2
 
3
3
  function useHiddenProps(_ref) {
4
- var _ref$visible = _ref.visible,
5
- visible = _ref$visible === void 0 ? true : _ref$visible;
4
+ let {
5
+ visible = true
6
+ } = _ref;
6
7
  // element props
7
8
  return {
8
9
  hidden: !visible,
@@ -11,4 +12,3 @@ function useHiddenProps(_ref) {
11
12
  }
12
13
 
13
14
  module.exports = useHiddenProps;
14
- //# sourceMappingURL=useHiddenProps.js.map
@@ -1,85 +1,69 @@
1
1
  'use strict';
2
2
 
3
3
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
- var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
5
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');
6
11
  var react = require('react');
7
- var web_cjs = require('react-spring/web.cjs');
12
+ var web = require('react-spring/web');
8
13
  var useHiddenProps = require('./useHiddenProps.js');
9
14
 
10
15
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
16
 
12
17
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
13
- var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
14
18
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
15
19
 
16
- var _excluded = ["animationState", "visible", "duration"],
17
- _excluded2 = ["hidden"];
20
+ const _excluded = ["animationState", "visible", "duration"],
21
+ _excluded2 = ["hidden"];
18
22
 
19
23
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
20
24
 
21
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
25
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
22
26
 
23
- var growTo = function growTo(from, to) {
24
- return [{
25
- opacity: 1,
26
- transform: "scale(".concat(to, ")")
27
- }, {
28
- opacity: 0,
29
- transform: "scale(".concat(from, ")")
30
- }];
31
- };
27
+ const growTo = (from, to) => [{
28
+ opacity: 1,
29
+ transform: "scale(".concat(to, ")")
30
+ }, {
31
+ opacity: 0,
32
+ transform: "scale(".concat(from, ")")
33
+ }];
32
34
 
33
35
  function useHiddenTransition(_ref) {
34
- var _ref$animationState = _ref.animationState,
35
- animationState = _ref$animationState === void 0 ? growTo(0, 1) : _ref$animationState,
36
- _ref$visible = _ref.visible,
37
- visible = _ref$visible === void 0 ? false : _ref$visible,
38
- _ref$duration = _ref.duration,
39
- duration = _ref$duration === void 0 ? 150 : _ref$duration,
40
- otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
36
+ let {
37
+ animationState = growTo(0, 1),
38
+ visible = false,
39
+ duration = 150
40
+ } = _ref,
41
+ otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
41
42
 
42
- var _useHiddenProps = useHiddenProps({
43
- visible: visible
44
- });
45
- _useHiddenProps.hidden;
46
- var hiddenProps = _objectWithoutProperties__default['default'](_useHiddenProps, _excluded2);
47
-
48
- var _useState = react.useState(false),
49
- _useState2 = _slicedToArray__default['default'](_useState, 2),
50
- resting = _useState2[0],
51
- setResting = _useState2[1];
52
-
53
- var _useState3 = react.useState(true),
54
- _useState4 = _slicedToArray__default['default'](_useState3, 2),
55
- destroyed = _useState4[0],
56
- setDestroyed = _useState4[1];
57
-
58
- var _useSpring = web_cjs.useSpring(function () {
59
- return _objectSpread(_objectSpread({}, animationState[0]), {}, {
60
- config: {
61
- duration: duration
62
- },
63
- onStart: function onStart() {
64
- setResting(false);
65
- setDestroyed(false);
66
- },
67
- immediate: !visible,
68
- onRest: function onRest() {
69
- return setResting(true);
70
- }
71
- });
43
+ const _useHiddenProps = useHiddenProps({
44
+ visible
72
45
  }),
73
- _useSpring2 = _slicedToArray__default['default'](_useSpring, 2),
74
- animationStyles = _useSpring2[0],
75
- set = _useSpring2[1];
46
+ hiddenProps = _objectWithoutProperties__default["default"](_useHiddenProps, _excluded2);
76
47
 
77
- react.useEffect(function () {
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(() => {
78
62
  set(visible ? _objectSpread(_objectSpread({}, animationState[0]), {}, {
79
63
  immediate: false
80
64
  }) : _objectSpread({}, animationState[1]));
81
65
  }, [visible]);
82
- react.useEffect(function () {
66
+ react.useEffect(() => {
83
67
  if (!visible && resting) setDestroyed(true);
84
68
  }, [resting]); // element props
85
69
 
@@ -92,4 +76,3 @@ function useHiddenTransition(_ref) {
92
76
  }
93
77
 
94
78
  module.exports = useHiddenTransition;
95
- //# sourceMappingURL=useHiddenTransition.js.map
@@ -1,8 +1,10 @@
1
1
  'use strict';
2
2
 
3
3
  function useHiddenTrigger(_ref) {
4
- var visible = _ref.visible,
5
- hiddenId = _ref.hiddenId;
4
+ let {
5
+ visible,
6
+ hiddenId
7
+ } = _ref;
6
8
  return {
7
9
  'aria-expanded': visible,
8
10
  'aria-controls': hiddenId
@@ -10,4 +12,3 @@ function useHiddenTrigger(_ref) {
10
12
  }
11
13
 
12
14
  module.exports = useHiddenTrigger;
13
- //# sourceMappingURL=useHiddenTrigger.js.map
package/esm/index.js CHANGED
@@ -6,18 +6,12 @@ import useHiddenTransition from './useHiddenTransition.js';
6
6
  export { default as useHiddenTransition } from './useHiddenTransition.js';
7
7
  import useHiddenTrigger from './useHiddenTrigger.js';
8
8
  export { default as useHiddenTrigger } from './useHiddenTrigger.js';
9
- import '@babel/runtime/helpers/esm/slicedToArray';
10
- import 'react';
11
- import '@babel/runtime/helpers/esm/defineProperty';
12
- import '@babel/runtime/helpers/esm/objectWithoutProperties';
13
- import 'react-spring/web.cjs';
14
9
 
15
10
  var index = {
16
- useHiddenProps: useHiddenProps,
17
- useHiddenController: useHiddenController,
18
- useHiddenTransition: useHiddenTransition,
19
- useHiddenTrigger: useHiddenTrigger
11
+ useHiddenProps,
12
+ useHiddenController,
13
+ useHiddenTransition,
14
+ useHiddenTrigger
20
15
  };
21
16
 
22
17
  export { index as default };
23
- //# sourceMappingURL=index.js.map
@@ -1,30 +1,18 @@
1
- import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
1
+ import 'core-js/modules/web.dom-collections.iterator.js';
2
2
  import { useState, useCallback } from 'react';
3
3
 
4
- var useHiddenController = function useHiddenController() {
5
- var initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
6
-
7
- var _useState = useState(initialState),
8
- _useState2 = _slicedToArray(_useState, 2),
9
- visible = _useState2[0],
10
- setVisible = _useState2[1];
11
-
12
- var onShow = useCallback(function () {
13
- return setVisible(true);
14
- }, [visible]);
15
- var onHide = useCallback(function () {
16
- return setVisible(false);
17
- }, [visible]);
18
- var onToggle = useCallback(function () {
19
- return setVisible(!visible);
20
- }, [visible]);
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]);
21
10
  return {
22
- onShow: onShow,
23
- onHide: onHide,
24
- onToggle: onToggle,
11
+ onShow,
12
+ onHide,
13
+ onToggle,
25
14
  visible: initialState !== undefined ? initialState : visible
26
15
  };
27
16
  };
28
17
 
29
18
  export { useHiddenController as default };
30
- //# sourceMappingURL=useHiddenController.js.map
@@ -1,6 +1,7 @@
1
1
  function useHiddenProps(_ref) {
2
- var _ref$visible = _ref.visible,
3
- visible = _ref$visible === void 0 ? true : _ref$visible;
2
+ let {
3
+ visible = true
4
+ } = _ref;
4
5
  // element props
5
6
  return {
6
7
  hidden: !visible,
@@ -9,4 +10,3 @@ function useHiddenProps(_ref) {
9
10
  }
10
11
 
11
12
  export { useHiddenProps as default };
12
- //# sourceMappingURL=useHiddenProps.js.map
@@ -1,77 +1,62 @@
1
1
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
2
- import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
3
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';
4
9
  import { useState, useEffect } from 'react';
5
- import { useSpring } from 'react-spring/web.cjs';
10
+ import { useSpring } from 'react-spring/web';
6
11
  import useHiddenProps from './useHiddenProps.js';
7
12
 
8
- var _excluded = ["animationState", "visible", "duration"],
9
- _excluded2 = ["hidden"];
13
+ const _excluded = ["animationState", "visible", "duration"],
14
+ _excluded2 = ["hidden"];
10
15
 
11
16
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
12
17
 
13
18
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
14
19
 
15
- var growTo = function growTo(from, to) {
16
- return [{
17
- opacity: 1,
18
- transform: "scale(".concat(to, ")")
19
- }, {
20
- opacity: 0,
21
- transform: "scale(".concat(from, ")")
22
- }];
23
- };
20
+ const growTo = (from, to) => [{
21
+ opacity: 1,
22
+ transform: "scale(".concat(to, ")")
23
+ }, {
24
+ opacity: 0,
25
+ transform: "scale(".concat(from, ")")
26
+ }];
24
27
 
25
28
  function useHiddenTransition(_ref) {
26
- var _ref$animationState = _ref.animationState,
27
- animationState = _ref$animationState === void 0 ? growTo(0, 1) : _ref$animationState,
28
- _ref$visible = _ref.visible,
29
- visible = _ref$visible === void 0 ? false : _ref$visible,
30
- _ref$duration = _ref.duration,
31
- duration = _ref$duration === void 0 ? 150 : _ref$duration,
29
+ let {
30
+ animationState = growTo(0, 1),
31
+ visible = false,
32
+ duration = 150
33
+ } = _ref,
32
34
  otherProps = _objectWithoutProperties(_ref, _excluded);
33
35
 
34
- var _useHiddenProps = useHiddenProps({
35
- visible: visible
36
- });
37
- _useHiddenProps.hidden;
38
- var hiddenProps = _objectWithoutProperties(_useHiddenProps, _excluded2);
39
-
40
- var _useState = useState(false),
41
- _useState2 = _slicedToArray(_useState, 2),
42
- resting = _useState2[0],
43
- setResting = _useState2[1];
44
-
45
- var _useState3 = useState(true),
46
- _useState4 = _slicedToArray(_useState3, 2),
47
- destroyed = _useState4[0],
48
- setDestroyed = _useState4[1];
49
-
50
- var _useSpring = useSpring(function () {
51
- return _objectSpread(_objectSpread({}, animationState[0]), {}, {
52
- config: {
53
- duration: duration
54
- },
55
- onStart: function onStart() {
56
- setResting(false);
57
- setDestroyed(false);
58
- },
59
- immediate: !visible,
60
- onRest: function onRest() {
61
- return setResting(true);
62
- }
63
- });
36
+ const _useHiddenProps = useHiddenProps({
37
+ visible
64
38
  }),
65
- _useSpring2 = _slicedToArray(_useSpring, 2),
66
- animationStyles = _useSpring2[0],
67
- set = _useSpring2[1];
39
+ hiddenProps = _objectWithoutProperties(_useHiddenProps, _excluded2);
68
40
 
69
- useEffect(function () {
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(() => {
70
55
  set(visible ? _objectSpread(_objectSpread({}, animationState[0]), {}, {
71
56
  immediate: false
72
57
  }) : _objectSpread({}, animationState[1]));
73
58
  }, [visible]);
74
- useEffect(function () {
59
+ useEffect(() => {
75
60
  if (!visible && resting) setDestroyed(true);
76
61
  }, [resting]); // element props
77
62
 
@@ -84,4 +69,3 @@ function useHiddenTransition(_ref) {
84
69
  }
85
70
 
86
71
  export { useHiddenTransition as default };
87
- //# sourceMappingURL=useHiddenTransition.js.map
@@ -1,6 +1,8 @@
1
1
  function useHiddenTrigger(_ref) {
2
- var visible = _ref.visible,
3
- hiddenId = _ref.hiddenId;
2
+ let {
3
+ visible,
4
+ hiddenId
5
+ } = _ref;
4
6
  return {
5
7
  'aria-expanded': visible,
6
8
  'aria-controls': hiddenId
@@ -8,4 +10,3 @@ function useHiddenTrigger(_ref) {
8
10
  }
9
11
 
10
12
  export { useHiddenTrigger as default };
11
- //# sourceMappingURL=useHiddenTrigger.js.map
package/package.json CHANGED
@@ -1,14 +1,46 @@
1
1
  {
2
2
  "name": "@elliemae/ds-hidden",
3
- "version": "1.60.0",
3
+ "version": "2.0.0-alpha.12",
4
4
  "license": "MIT",
5
- "description": "Ellie Mae - Dim Sum - Hidden",
6
- "module": "esm/index.js",
7
- "main": "cjs/index.js",
5
+ "description": "ICE MT - Dimsum - Hidden",
6
+ "module": "./esm/index.js",
7
+ "main": "./cjs/index.js",
8
+ "types": "./types/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "import": "./esm/index.js",
12
+ "require": "./cjs/index.js"
13
+ },
14
+ "./useHiddenTrigger": {
15
+ "import": "./esm/useHiddenTrigger.js",
16
+ "require": "./cjs/useHiddenTrigger.js"
17
+ },
18
+ "./useHiddenTransition": {
19
+ "import": "./esm/useHiddenTransition.js",
20
+ "require": "./cjs/useHiddenTransition.js"
21
+ },
22
+ "./useHiddenProps": {
23
+ "import": "./esm/useHiddenProps.js",
24
+ "require": "./cjs/useHiddenProps.js"
25
+ },
26
+ "./useHiddenController": {
27
+ "import": "./esm/useHiddenController.js",
28
+ "require": "./cjs/useHiddenController.js"
29
+ }
30
+ },
8
31
  "sideEffects": [
9
32
  "*.css",
10
33
  "*.scss"
11
34
  ],
35
+ "repository": {
36
+ "type": "git",
37
+ "url": "https://git.elliemae.io/platform-ui/dimsum.git"
38
+ },
39
+ "engines": {
40
+ "npm": ">=7",
41
+ "node": ">=14"
42
+ },
43
+ "author": "ICE MT",
12
44
  "scripts": {
13
45
  "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
14
46
  "prebuild": "exit 0",
@@ -19,10 +51,11 @@
19
51
  "react-spring": "~8.0.27"
20
52
  },
21
53
  "peerDependencies": {
22
- "react": "^17.0.1"
54
+ "react": "^17.0.2"
23
55
  },
24
56
  "publishConfig": {
25
57
  "access": "public",
26
- "directory": "dist"
58
+ "directory": "dist",
59
+ "generateSubmodules": true
27
60
  }
28
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/cjs/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../src/index.tsx"],"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"],"names":["useHiddenProps","useHiddenController","useHiddenTransition","useHiddenTrigger"],"mappings":";;;;;;;;;;;;;;AAUA,YAAe;AACbA,EAAAA,cAAc,EAAdA,cADa;AAEbC,EAAAA,mBAAmB,EAAnBA,mBAFa;AAGbC,EAAAA,mBAAmB,EAAnBA,mBAHa;AAIbC,EAAAA,gBAAgB,EAAhBA;AAJa,CAAf;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useHiddenController.js","sources":["../../src/useHiddenController.tsx"],"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"],"names":["useHiddenController","initialState","undefined","useState","visible","setVisible","onShow","useCallback","onHide","onToggle"],"mappings":";;;;;;;;;IAEMA,mBAAmB,GAAG,SAAtBA,mBAAsB,GAA8B;AAAA,MAA7BC,YAA6B,uEAAdC,SAAc;;AACxD,kBAA8BC,cAAQ,CAACF,YAAD,CAAtC;AAAA;AAAA,MAAOG,OAAP;AAAA,MAAgBC,UAAhB;;AAEA,MAAMC,MAAM,GAAGC,iBAAW,CAAC;AAAA,WAAMF,UAAU,CAAC,IAAD,CAAhB;AAAA,GAAD,EAAyB,CAACD,OAAD,CAAzB,CAA1B;AACA,MAAMI,MAAM,GAAGD,iBAAW,CAAC;AAAA,WAAMF,UAAU,CAAC,KAAD,CAAhB;AAAA,GAAD,EAA0B,CAACD,OAAD,CAA1B,CAA1B;AACA,MAAMK,QAAQ,GAAGF,iBAAW,CAAC;AAAA,WAAMF,UAAU,CAAC,CAACD,OAAF,CAAhB;AAAA,GAAD,EAA6B,CAACA,OAAD,CAA7B,CAA5B;AAEA,SAAO;AACLE,IAAAA,MAAM,EAANA,MADK;AAELE,IAAAA,MAAM,EAANA,MAFK;AAGLC,IAAAA,QAAQ,EAARA,QAHK;AAILL,IAAAA,OAAO,EAAEH,YAAY,KAAKC,SAAjB,GAA6BD,YAA7B,GAA4CG;AAJhD,GAAP;AAMD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useHiddenProps.js","sources":["../../src/useHiddenProps.tsx"],"sourcesContent":["function useHiddenProps({ visible = true }) {\n // element props\n return {\n hidden: !visible,\n 'aria-hidden': !visible,\n };\n}\n\nexport default useHiddenProps;\n"],"names":["useHiddenProps","visible","hidden"],"mappings":";;AAAA,SAASA,cAAT,OAA4C;AAAA,0BAAlBC,OAAkB;AAAA,MAAlBA,OAAkB,6BAAR,IAAQ;AAC1C;AACA,SAAO;AACLC,IAAAA,MAAM,EAAE,CAACD,OADJ;AAEL,mBAAe,CAACA;AAFX,GAAP;AAID;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useHiddenTransition.js","sources":["../../src/useHiddenTransition.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useSpring } from 'react-spring/web.cjs';\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"],"names":["growTo","from","to","opacity","transform","useHiddenTransition","animationState","visible","duration","otherProps","useHiddenProps","hidden","hiddenProps","useState","resting","setResting","destroyed","setDestroyed","useSpring","config","onStart","immediate","onRest","animationStyles","set","useEffect","style","pointerEvents","undefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,IAAD,EAAOC,EAAP;AAAA,SAAc,CAC3B;AAAEC,IAAAA,OAAO,EAAE,CAAX;AAAcC,IAAAA,SAAS,kBAAWF,EAAX;AAAvB,GAD2B,EAE3B;AAAEC,IAAAA,OAAO,EAAE,CAAX;AAAcC,IAAAA,SAAS,kBAAWH,IAAX;AAAvB,GAF2B,CAAd;AAAA,CAAf;;AAKe,SAASI,mBAAT,OAKZ;AAAA,iCAJDC,cAIC;AAAA,MAJDA,cAIC,oCAJgBN,MAAM,CAAC,CAAD,EAAI,CAAJ,CAItB;AAAA,0BAHDO,OAGC;AAAA,MAHDA,OAGC,6BAHS,KAGT;AAAA,2BAFDC,QAEC;AAAA,MAFDA,QAEC,8BAFU,GAEV;AAAA,MADEC,UACF;;AACD,wBAAmCC,cAAc,CAAC;AAAEH,IAAAA,OAAO,EAAPA;AAAF,GAAD,CAAjD;AAAA,sBAAQI,MAAR;AAAA,UAAmBC,WAAnB;;AACA,kBAA8BC,cAAQ,CAAC,KAAD,CAAtC;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AACA,mBAAkCF,cAAQ,CAAC,IAAD,CAA1C;AAAA;AAAA,MAAOG,SAAP;AAAA,MAAkBC,YAAlB;;AACA,mBAA+BC,iBAAS,CAAC;AAAA,2CACpCZ,cAAc,CAAC,CAAD,CADsB;AAEvCa,MAAAA,MAAM,EAAE;AAAEX,QAAAA,QAAQ,EAARA;AAAF,OAF+B;AAGvCY,MAAAA,OAAO,EAAE,mBAAM;AACbL,QAAAA,UAAU,CAAC,KAAD,CAAV;AACAE,QAAAA,YAAY,CAAC,KAAD,CAAZ;AACD,OANsC;AAOvCI,MAAAA,SAAS,EAAE,CAACd,OAP2B;AAQvCe,MAAAA,MAAM,EAAE;AAAA,eAAMP,UAAU,CAAC,IAAD,CAAhB;AAAA;AAR+B;AAAA,GAAD,CAAxC;AAAA;AAAA,MAAOQ,eAAP;AAAA,MAAwBC,GAAxB;;AAWAC,EAAAA,eAAS,CAAC,YAAM;AACdD,IAAAA,GAAG,CACDjB,OAAO,mCACED,cAAc,CAAC,CAAD,CADhB;AACqBe,MAAAA,SAAS,EAAE;AADhC,2BAEEf,cAAc,CAAC,CAAD,CAFhB,CADN,CAAH;AAKD,GANQ,EAMN,CAACC,OAAD,CANM,CAAT;AAQAkB,EAAAA,eAAS,CAAC,YAAM;AACd,QAAI,CAAClB,OAAD,IAAYO,OAAhB,EAAyBG,YAAY,CAAC,IAAD,CAAZ;AAC1B,GAFQ,EAEN,CAACH,OAAD,CAFM,CAAT,CAvBC;;AA4BD,uDACKL,UADL,GAEKG,WAFL;AAGEc,IAAAA,KAAK,kCACAjB,UAAU,CAACiB,KADX;AAEHC,MAAAA,aAAa,EAAE,CAACpB,OAAD,IAAY;AAFxB,OAGAgB,eAHA,CAHP;AAQEP,IAAAA,SAAS,EAAEA,SAAS,IAAIY;AAR1B;AAUD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useHiddenTrigger.js","sources":["../../src/useHiddenTrigger.tsx"],"sourcesContent":["function useHiddenTrigger({ visible, hiddenId }) {\n return {\n 'aria-expanded': visible,\n 'aria-controls': hiddenId,\n };\n}\n\nexport default useHiddenTrigger;\n"],"names":["useHiddenTrigger","visible","hiddenId"],"mappings":";;AAAA,SAASA,gBAAT,OAAiD;AAAA,MAArBC,OAAqB,QAArBA,OAAqB;AAAA,MAAZC,QAAY,QAAZA,QAAY;AAC/C,SAAO;AACL,qBAAiBD,OADZ;AAEL,qBAAiBC;AAFZ,GAAP;AAID;;;;"}
package/esm/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../src/index.tsx"],"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"],"names":["useHiddenProps","useHiddenController","useHiddenTransition","useHiddenTrigger"],"mappings":";;;;;;;;;;;;;;AAUA,YAAe;AACbA,EAAAA,cAAc,EAAdA,cADa;AAEbC,EAAAA,mBAAmB,EAAnBA,mBAFa;AAGbC,EAAAA,mBAAmB,EAAnBA,mBAHa;AAIbC,EAAAA,gBAAgB,EAAhBA;AAJa,CAAf;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useHiddenController.js","sources":["../../src/useHiddenController.tsx"],"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"],"names":["useHiddenController","initialState","undefined","useState","visible","setVisible","onShow","useCallback","onHide","onToggle"],"mappings":";;;IAEMA,mBAAmB,GAAG,SAAtBA,mBAAsB,GAA8B;AAAA,MAA7BC,YAA6B,uEAAdC,SAAc;;AACxD,kBAA8BC,QAAQ,CAACF,YAAD,CAAtC;AAAA;AAAA,MAAOG,OAAP;AAAA,MAAgBC,UAAhB;;AAEA,MAAMC,MAAM,GAAGC,WAAW,CAAC;AAAA,WAAMF,UAAU,CAAC,IAAD,CAAhB;AAAA,GAAD,EAAyB,CAACD,OAAD,CAAzB,CAA1B;AACA,MAAMI,MAAM,GAAGD,WAAW,CAAC;AAAA,WAAMF,UAAU,CAAC,KAAD,CAAhB;AAAA,GAAD,EAA0B,CAACD,OAAD,CAA1B,CAA1B;AACA,MAAMK,QAAQ,GAAGF,WAAW,CAAC;AAAA,WAAMF,UAAU,CAAC,CAACD,OAAF,CAAhB;AAAA,GAAD,EAA6B,CAACA,OAAD,CAA7B,CAA5B;AAEA,SAAO;AACLE,IAAAA,MAAM,EAANA,MADK;AAELE,IAAAA,MAAM,EAANA,MAFK;AAGLC,IAAAA,QAAQ,EAARA,QAHK;AAILL,IAAAA,OAAO,EAAEH,YAAY,KAAKC,SAAjB,GAA6BD,YAA7B,GAA4CG;AAJhD,GAAP;AAMD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useHiddenProps.js","sources":["../../src/useHiddenProps.tsx"],"sourcesContent":["function useHiddenProps({ visible = true }) {\n // element props\n return {\n hidden: !visible,\n 'aria-hidden': !visible,\n };\n}\n\nexport default useHiddenProps;\n"],"names":["useHiddenProps","visible","hidden"],"mappings":"AAAA,SAASA,cAAT,OAA4C;AAAA,0BAAlBC,OAAkB;AAAA,MAAlBA,OAAkB,6BAAR,IAAQ;AAC1C;AACA,SAAO;AACLC,IAAAA,MAAM,EAAE,CAACD,OADJ;AAEL,mBAAe,CAACA;AAFX,GAAP;AAID;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useHiddenTransition.js","sources":["../../src/useHiddenTransition.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useSpring } from 'react-spring/web.cjs';\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"],"names":["growTo","from","to","opacity","transform","useHiddenTransition","animationState","visible","duration","otherProps","useHiddenProps","hidden","hiddenProps","useState","resting","setResting","destroyed","setDestroyed","useSpring","config","onStart","immediate","onRest","animationStyles","set","useEffect","style","pointerEvents","undefined"],"mappings":";;;;;;;;;;;;;;AAIA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,IAAD,EAAOC,EAAP;AAAA,SAAc,CAC3B;AAAEC,IAAAA,OAAO,EAAE,CAAX;AAAcC,IAAAA,SAAS,kBAAWF,EAAX;AAAvB,GAD2B,EAE3B;AAAEC,IAAAA,OAAO,EAAE,CAAX;AAAcC,IAAAA,SAAS,kBAAWH,IAAX;AAAvB,GAF2B,CAAd;AAAA,CAAf;;AAKe,SAASI,mBAAT,OAKZ;AAAA,iCAJDC,cAIC;AAAA,MAJDA,cAIC,oCAJgBN,MAAM,CAAC,CAAD,EAAI,CAAJ,CAItB;AAAA,0BAHDO,OAGC;AAAA,MAHDA,OAGC,6BAHS,KAGT;AAAA,2BAFDC,QAEC;AAAA,MAFDA,QAEC,8BAFU,GAEV;AAAA,MADEC,UACF;;AACD,wBAAmCC,cAAc,CAAC;AAAEH,IAAAA,OAAO,EAAPA;AAAF,GAAD,CAAjD;AAAA,sBAAQI,MAAR;AAAA,UAAmBC,WAAnB;;AACA,kBAA8BC,QAAQ,CAAC,KAAD,CAAtC;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AACA,mBAAkCF,QAAQ,CAAC,IAAD,CAA1C;AAAA;AAAA,MAAOG,SAAP;AAAA,MAAkBC,YAAlB;;AACA,mBAA+BC,SAAS,CAAC;AAAA,2CACpCZ,cAAc,CAAC,CAAD,CADsB;AAEvCa,MAAAA,MAAM,EAAE;AAAEX,QAAAA,QAAQ,EAARA;AAAF,OAF+B;AAGvCY,MAAAA,OAAO,EAAE,mBAAM;AACbL,QAAAA,UAAU,CAAC,KAAD,CAAV;AACAE,QAAAA,YAAY,CAAC,KAAD,CAAZ;AACD,OANsC;AAOvCI,MAAAA,SAAS,EAAE,CAACd,OAP2B;AAQvCe,MAAAA,MAAM,EAAE;AAAA,eAAMP,UAAU,CAAC,IAAD,CAAhB;AAAA;AAR+B;AAAA,GAAD,CAAxC;AAAA;AAAA,MAAOQ,eAAP;AAAA,MAAwBC,GAAxB;;AAWAC,EAAAA,SAAS,CAAC,YAAM;AACdD,IAAAA,GAAG,CACDjB,OAAO,mCACED,cAAc,CAAC,CAAD,CADhB;AACqBe,MAAAA,SAAS,EAAE;AADhC,2BAEEf,cAAc,CAAC,CAAD,CAFhB,CADN,CAAH;AAKD,GANQ,EAMN,CAACC,OAAD,CANM,CAAT;AAQAkB,EAAAA,SAAS,CAAC,YAAM;AACd,QAAI,CAAClB,OAAD,IAAYO,OAAhB,EAAyBG,YAAY,CAAC,IAAD,CAAZ;AAC1B,GAFQ,EAEN,CAACH,OAAD,CAFM,CAAT,CAvBC;;AA4BD,uDACKL,UADL,GAEKG,WAFL;AAGEc,IAAAA,KAAK,kCACAjB,UAAU,CAACiB,KADX;AAEHC,MAAAA,aAAa,EAAE,CAACpB,OAAD,IAAY;AAFxB,OAGAgB,eAHA,CAHP;AAQEP,IAAAA,SAAS,EAAEA,SAAS,IAAIY;AAR1B;AAUD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useHiddenTrigger.js","sources":["../../src/useHiddenTrigger.tsx"],"sourcesContent":["function useHiddenTrigger({ visible, hiddenId }) {\n return {\n 'aria-expanded': visible,\n 'aria-controls': hiddenId,\n };\n}\n\nexport default useHiddenTrigger;\n"],"names":["useHiddenTrigger","visible","hiddenId"],"mappings":"AAAA,SAASA,gBAAT,OAAiD;AAAA,MAArBC,OAAqB,QAArBA,OAAqB;AAAA,MAAZC,QAAY,QAAZA,QAAY;AAC/C,SAAO;AACL,qBAAiBD,OADZ;AAEL,qBAAiBC;AAFZ,GAAP;AAID;;;;"}
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-hidden/useHiddenController",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../cjs/useHiddenController.js",
9
- "module": "../esm/useHiddenController.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-hidden/useHiddenProps",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../cjs/useHiddenProps.js",
9
- "module": "../esm/useHiddenProps.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-hidden/useHiddenTransition",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../cjs/useHiddenTransition.js",
9
- "module": "../esm/useHiddenTransition.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-hidden/useHiddenTrigger",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../cjs/useHiddenTrigger.js",
9
- "module": "../esm/useHiddenTrigger.js"
10
- }