@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 +5 -11
- package/cjs/useHiddenController.js +10 -26
- package/cjs/useHiddenProps.js +3 -3
- package/cjs/useHiddenTransition.js +41 -58
- package/cjs/useHiddenTrigger.js +4 -3
- package/esm/index.js +4 -10
- package/esm/useHiddenController.js +10 -22
- package/esm/useHiddenProps.js +3 -3
- package/esm/useHiddenTransition.js +39 -55
- package/esm/useHiddenTrigger.js +4 -3
- package/package.json +39 -6
- package/types/index.d.ts +19 -0
- package/types/useHiddenController.d.ts +7 -0
- package/types/useHiddenProps.d.ts +7 -0
- package/types/useHiddenTransition.d.ts +13 -0
- package/types/useHiddenTrigger.d.ts +8 -0
- package/cjs/index.js.map +0 -1
- package/cjs/useHiddenController.js.map +0 -1
- package/cjs/useHiddenProps.js.map +0 -1
- package/cjs/useHiddenTransition.js.map +0 -1
- package/cjs/useHiddenTrigger.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/useHiddenController.js.map +0 -1
- package/esm/useHiddenProps.js.map +0 -1
- package/esm/useHiddenTransition.js.map +0 -1
- package/esm/useHiddenTrigger.js.map +0 -1
- package/useHiddenController/package.json +0 -10
- package/useHiddenProps/package.json +0 -10
- package/useHiddenTransition/package.json +0 -10
- package/useHiddenTrigger/package.json +0 -10
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
|
|
17
|
-
useHiddenController
|
|
18
|
-
useHiddenTransition
|
|
19
|
-
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[
|
|
27
|
-
//# sourceMappingURL=index.js.map
|
|
21
|
+
exports["default"] = index;
|
|
@@ -1,36 +1,20 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
4
4
|
var react = require('react');
|
|
5
5
|
|
|
6
|
-
function
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
|
29
|
-
onHide
|
|
30
|
-
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
|
package/cjs/useHiddenProps.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
function useHiddenProps(_ref) {
|
|
4
|
-
|
|
5
|
-
|
|
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
|
|
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
|
-
|
|
17
|
-
|
|
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[
|
|
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
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
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
|
-
|
|
43
|
-
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
|
-
|
|
74
|
-
animationStyles = _useSpring2[0],
|
|
75
|
-
set = _useSpring2[1];
|
|
46
|
+
hiddenProps = _objectWithoutProperties__default["default"](_useHiddenProps, _excluded2);
|
|
76
47
|
|
|
77
|
-
react.
|
|
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(
|
|
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
|
package/cjs/useHiddenTrigger.js
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
function useHiddenTrigger(_ref) {
|
|
4
|
-
|
|
5
|
-
|
|
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
|
|
17
|
-
useHiddenController
|
|
18
|
-
useHiddenTransition
|
|
19
|
-
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
|
|
1
|
+
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
2
|
import { useState, useCallback } from 'react';
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
|
23
|
-
onHide
|
|
24
|
-
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
|
package/esm/useHiddenProps.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
function useHiddenProps(_ref) {
|
|
2
|
-
|
|
3
|
-
|
|
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
|
|
10
|
+
import { useSpring } from 'react-spring/web';
|
|
6
11
|
import useHiddenProps from './useHiddenProps.js';
|
|
7
12
|
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
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
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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
|
-
|
|
35
|
-
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
|
-
|
|
66
|
-
animationStyles = _useSpring2[0],
|
|
67
|
-
set = _useSpring2[1];
|
|
39
|
+
hiddenProps = _objectWithoutProperties(_useHiddenProps, _excluded2);
|
|
68
40
|
|
|
69
|
-
|
|
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(
|
|
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
|
package/esm/useHiddenTrigger.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
function useHiddenTrigger(_ref) {
|
|
2
|
-
|
|
3
|
-
|
|
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": "
|
|
3
|
+
"version": "2.0.0-alpha.12",
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"description": "
|
|
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.
|
|
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
|
}
|
package/types/index.d.ts
ADDED
|
@@ -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,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
|
+
};
|
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;;;;"}
|