@elliemae/ds-utilities 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/capitalize.js +7 -0
- package/cjs/compose.js +8 -8
- package/cjs/getComponentFromProps.js +13 -7
- package/cjs/hooks/index.js +33 -51
- package/cjs/hooks/useCancellableDelayedCallback.js +6 -8
- package/cjs/hooks/useDerivedStateFromProps.js +28 -35
- package/cjs/hooks/useExecutionTimer.js +7 -11
- package/cjs/hooks/useExpandState.js +53 -59
- package/cjs/hooks/useHotkeys.js +11 -12
- package/cjs/hooks/useHoverHandlersDelay.js +10 -11
- package/cjs/hooks/useOnElementResize.js +11 -26
- package/cjs/hooks/useParentElement.js +4 -13
- package/cjs/hooks/usePrevious.js +2 -3
- package/cjs/hooks/useResizeObserver.js +11 -21
- package/cjs/hooks/useSetRef.js +3 -4
- package/cjs/hooks/useShouldRecalculate.js +1 -2
- package/cjs/hooks/useWindowScrollerList.js +17 -16
- package/cjs/hooks/useWindowSize.js +4 -13
- package/cjs/index.js +73 -162
- package/cjs/onClickHandlerForNonInteractiveElements.js +13 -14
- package/cjs/operators.js +19 -56
- package/cjs/platform.js +2 -3
- package/cjs/reactTypesUtility.js +1 -2
- package/cjs/scrollingTimer.js +3 -4
- package/cjs/system.js +11 -5
- package/cjs/timeUtils.js +15 -15
- package/cjs/utils.js +70 -149
- package/cjs/validations.js +17 -17
- package/esm/capitalize.js +3 -0
- package/esm/compose.js +8 -8
- package/esm/getComponentFromProps.js +12 -5
- package/esm/hooks/index.js +1 -10
- package/esm/hooks/useCancellableDelayedCallback.js +6 -8
- package/esm/hooks/useDerivedStateFromProps.js +29 -32
- package/esm/hooks/useExecutionTimer.js +7 -11
- package/esm/hooks/useExpandState.js +51 -56
- package/esm/hooks/useHotkeys.js +10 -11
- package/esm/hooks/useHoverHandlersDelay.js +10 -11
- package/esm/hooks/useOnElementResize.js +11 -22
- package/esm/hooks/useParentElement.js +4 -9
- package/esm/hooks/usePrevious.js +2 -3
- package/esm/hooks/useResizeObserver.js +11 -20
- package/esm/hooks/useSetRef.js +3 -4
- package/esm/hooks/useShouldRecalculate.js +1 -2
- package/esm/hooks/useWindowScrollerList.js +18 -17
- package/esm/hooks/useWindowSize.js +4 -9
- package/esm/index.js +2 -9
- package/esm/onClickHandlerForNonInteractiveElements.js +13 -14
- package/esm/operators.js +19 -52
- package/esm/platform.js +2 -3
- package/esm/reactTypesUtility.js +0 -1
- package/esm/scrollingTimer.js +3 -4
- package/esm/system.js +11 -5
- package/esm/timeUtils.js +15 -15
- package/esm/utils.js +31 -35
- package/esm/validations.js +17 -17
- package/package.json +135 -10
- package/types/capitalize.d.ts +1 -0
- package/types/compose.d.ts +11 -0
- package/types/getComponentFromProps.d.ts +2 -0
- package/types/hooks/index.d.ts +18 -0
- package/types/hooks/useCancellableDelayedCallback.d.ts +1 -0
- package/types/hooks/useDerivedStateFromProps.d.ts +1 -0
- package/types/hooks/useExecutionTimer.d.ts +1 -0
- package/types/hooks/useExpandState.d.ts +22 -0
- package/types/hooks/useHotkeys.d.ts +5 -0
- package/types/hooks/useHoverHandlersDelay.d.ts +9 -0
- package/types/hooks/useOnElementResize.d.ts +2 -0
- package/types/hooks/useParentElement.d.ts +1 -0
- package/types/hooks/usePrevious.d.ts +2 -0
- package/types/hooks/useResizeObserver.d.ts +2 -0
- package/types/hooks/useSetRef.d.ts +2 -0
- package/types/hooks/useShouldRecalculate.d.ts +1 -0
- package/types/hooks/useWindowScrollerList.d.ts +4 -0
- package/types/hooks/useWindowSize.d.ts +1 -0
- package/types/index.d.ts +13 -0
- package/types/onClickHandlerForNonInteractiveElements.d.ts +12 -0
- package/types/operators.d.ts +31 -0
- package/types/platform.d.ts +2 -0
- package/types/reactTypesUtility.d.ts +6 -0
- package/types/scrollingTimer.d.ts +1 -0
- package/types/system.d.ts +3 -0
- package/types/timeUtils.d.ts +7 -0
- package/types/utils.d.ts +23 -0
- package/types/validations.d.ts +23 -0
- package/cjs/compose.js.map +0 -1
- package/cjs/getComponentFromProps.js.map +0 -1
- package/cjs/hooks/index.js.map +0 -1
- package/cjs/hooks/useCancellableDelayedCallback.js.map +0 -1
- package/cjs/hooks/useDerivedStateFromProps.js.map +0 -1
- package/cjs/hooks/useExecutionTimer.js.map +0 -1
- package/cjs/hooks/useExpandState.js.map +0 -1
- package/cjs/hooks/useHotkeys.js.map +0 -1
- package/cjs/hooks/useHoverHandlersDelay.js.map +0 -1
- package/cjs/hooks/useOnElementResize.js.map +0 -1
- package/cjs/hooks/useParentElement.js.map +0 -1
- package/cjs/hooks/usePrevious.js.map +0 -1
- package/cjs/hooks/useResizeObserver.js.map +0 -1
- package/cjs/hooks/useSetRef.js.map +0 -1
- package/cjs/hooks/useShouldRecalculate.js.map +0 -1
- package/cjs/hooks/useWindowScrollerList.js.map +0 -1
- package/cjs/hooks/useWindowSize.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/onClickHandlerForNonInteractiveElements.js.map +0 -1
- package/cjs/operators.js.map +0 -1
- package/cjs/platform.js.map +0 -1
- package/cjs/reactTypesUtility.js.map +0 -1
- package/cjs/scrollingTimer.js.map +0 -1
- package/cjs/system.js.map +0 -1
- package/cjs/timeUtils.js.map +0 -1
- package/cjs/utils.js.map +0 -1
- package/cjs/validations.js.map +0 -1
- package/compose/package.json +0 -10
- package/esm/compose.js.map +0 -1
- package/esm/getComponentFromProps.js.map +0 -1
- package/esm/hooks/index.js.map +0 -1
- package/esm/hooks/useCancellableDelayedCallback.js.map +0 -1
- package/esm/hooks/useDerivedStateFromProps.js.map +0 -1
- package/esm/hooks/useExecutionTimer.js.map +0 -1
- package/esm/hooks/useExpandState.js.map +0 -1
- package/esm/hooks/useHotkeys.js.map +0 -1
- package/esm/hooks/useHoverHandlersDelay.js.map +0 -1
- package/esm/hooks/useOnElementResize.js.map +0 -1
- package/esm/hooks/useParentElement.js.map +0 -1
- package/esm/hooks/usePrevious.js.map +0 -1
- package/esm/hooks/useResizeObserver.js.map +0 -1
- package/esm/hooks/useSetRef.js.map +0 -1
- package/esm/hooks/useShouldRecalculate.js.map +0 -1
- package/esm/hooks/useWindowScrollerList.js.map +0 -1
- package/esm/hooks/useWindowSize.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/onClickHandlerForNonInteractiveElements.js.map +0 -1
- package/esm/operators.js.map +0 -1
- package/esm/platform.js.map +0 -1
- package/esm/reactTypesUtility.js.map +0 -1
- package/esm/scrollingTimer.js.map +0 -1
- package/esm/system.js.map +0 -1
- package/esm/timeUtils.js.map +0 -1
- package/esm/utils.js.map +0 -1
- package/esm/validations.js.map +0 -1
- package/getComponentFromProps/package.json +0 -10
- package/hooks/package.json +0 -10
- package/hooks/useCancellableDelayedCallback/package.json +0 -10
- package/hooks/useDerivedStateFromProps/package.json +0 -10
- package/hooks/useExecutionTimer/package.json +0 -10
- package/hooks/useExpandState/package.json +0 -10
- package/hooks/useHotkeys/package.json +0 -10
- package/hooks/useHoverHandlersDelay/package.json +0 -10
- package/hooks/useOnElementResize/package.json +0 -10
- package/hooks/useParentElement/package.json +0 -10
- package/hooks/usePrevious/package.json +0 -10
- package/hooks/useResizeObserver/package.json +0 -10
- package/hooks/useSetRef/package.json +0 -10
- package/hooks/useShouldRecalculate/package.json +0 -10
- package/hooks/useWindowScrollerList/package.json +0 -10
- package/hooks/useWindowSize/package.json +0 -10
- package/onClickHandlerForNonInteractiveElements/package.json +0 -10
- package/operators/package.json +0 -10
- package/platform/package.json +0 -10
- package/reactTypesUtility/package.json +0 -10
- package/scrollingTimer/package.json +0 -10
- package/system/package.json +0 -10
- package/timeUtils/package.json +0 -10
- package/utils/package.json +0 -10
- package/validations/package.json +0 -10
package/cjs/compose.js
CHANGED
|
@@ -2,6 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
8
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
9
|
+
|
|
5
10
|
/**
|
|
6
11
|
* Composes single-argument functions from right to left. The rightmost
|
|
7
12
|
* function can take multiple arguments as it provides the signature for
|
|
@@ -18,21 +23,16 @@ function compose() {
|
|
|
18
23
|
}
|
|
19
24
|
|
|
20
25
|
if (funcs.length === 0) {
|
|
21
|
-
return
|
|
22
|
-
return arg;
|
|
23
|
-
};
|
|
26
|
+
return arg => arg;
|
|
24
27
|
}
|
|
25
28
|
|
|
26
29
|
if (funcs.length === 1) {
|
|
27
30
|
return funcs[0];
|
|
28
31
|
}
|
|
29
32
|
|
|
30
|
-
return funcs.reduce(
|
|
31
|
-
return
|
|
32
|
-
return a(b.apply(void 0, arguments));
|
|
33
|
-
};
|
|
33
|
+
return funcs.reduce((a, b) => function () {
|
|
34
|
+
return a(b(...arguments));
|
|
34
35
|
});
|
|
35
36
|
}
|
|
36
37
|
|
|
37
38
|
exports.compose = compose;
|
|
38
|
-
//# sourceMappingURL=compose.js.map
|
|
@@ -1,24 +1,30 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
4
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
10
|
var React = require('react');
|
|
11
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
12
|
|
|
7
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
14
|
|
|
9
|
-
var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
|
|
10
15
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
11
16
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
17
|
|
|
13
18
|
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; }
|
|
14
19
|
|
|
15
|
-
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[
|
|
20
|
+
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; }
|
|
16
21
|
function getComponentFromProps(Component, props) {
|
|
17
|
-
|
|
22
|
+
let children = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
18
23
|
if (!Component) return null;
|
|
19
|
-
|
|
20
|
-
return typeof Component === 'function' ? /*#__PURE__*/
|
|
24
|
+
const componentChildren = Component.props ? Array.isArray(Component.props.children) ? Component.props.children : [Component.props.children] : null;
|
|
25
|
+
return typeof Component === 'function' ? /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
|
|
26
|
+
children: children
|
|
27
|
+
})) : /*#__PURE__*/React__default["default"].cloneElement(Component, _objectSpread(_objectSpread({}, Component.props), props), componentChildren ? [...componentChildren, ...children] : [...children]);
|
|
21
28
|
}
|
|
22
29
|
|
|
23
30
|
module.exports = getComponentFromProps;
|
|
24
|
-
//# sourceMappingURL=getComponentFromProps.js.map
|
package/cjs/hooks/index.js
CHANGED
|
@@ -3,77 +3,59 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var useMeasure = require('use-measure');
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
6
|
+
var useExecutionTimer = require('./useExecutionTimer.js');
|
|
7
|
+
var useExpandState = require('./useExpandState.js');
|
|
8
|
+
var useHotkeys = require('./useHotkeys.js');
|
|
9
|
+
var useHoverHandlersDelay = require('./useHoverHandlersDelay.js');
|
|
10
|
+
var useResizeObserver = require('./useResizeObserver.js');
|
|
11
|
+
var useShouldRecalculate = require('./useShouldRecalculate.js');
|
|
12
|
+
var useWindowScrollerList = require('./useWindowScrollerList.js');
|
|
13
|
+
var useWindowSize = require('./useWindowSize.js');
|
|
14
14
|
var useForceUpdate = require('use-force-update');
|
|
15
15
|
var useOnclickoutside = require('use-onclickoutside');
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
require('react');
|
|
24
|
-
require('@babel/runtime/helpers/slicedToArray');
|
|
25
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
26
|
-
require('@babel/runtime/helpers/toConsumableArray');
|
|
27
|
-
require('lodash');
|
|
28
|
-
require('hotkeys-js');
|
|
29
|
-
require('raf');
|
|
30
|
-
require('resize-observer-polyfill');
|
|
16
|
+
var uncontrollable = require('uncontrollable');
|
|
17
|
+
var usePrevious = require('./usePrevious.js');
|
|
18
|
+
var useCancellableDelayedCallback = require('./useCancellableDelayedCallback.js');
|
|
19
|
+
var useDerivedStateFromProps = require('./useDerivedStateFromProps.js');
|
|
20
|
+
var useSetRef = require('./useSetRef.js');
|
|
21
|
+
var useParentElement = require('./useParentElement.js');
|
|
22
|
+
var useOnElementResize = require('./useOnElementResize.js');
|
|
31
23
|
|
|
32
24
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
33
25
|
|
|
34
26
|
var useMeasure__default = /*#__PURE__*/_interopDefaultLegacy(useMeasure);
|
|
35
27
|
var useForceUpdate__default = /*#__PURE__*/_interopDefaultLegacy(useForceUpdate);
|
|
36
28
|
var useOnclickoutside__default = /*#__PURE__*/_interopDefaultLegacy(useOnclickoutside);
|
|
37
|
-
var hook__default = /*#__PURE__*/_interopDefaultLegacy(hook);
|
|
38
29
|
|
|
39
30
|
|
|
40
31
|
|
|
41
32
|
Object.defineProperty(exports, 'useMeasure', {
|
|
42
33
|
enumerable: true,
|
|
43
|
-
get: function () {
|
|
44
|
-
return useMeasure__default['default'];
|
|
45
|
-
}
|
|
34
|
+
get: function () { return useMeasure__default["default"]; }
|
|
46
35
|
});
|
|
47
|
-
exports.useExecutionTimer =
|
|
48
|
-
exports.useExpandState =
|
|
49
|
-
exports.useHotkeys =
|
|
50
|
-
exports.useHoverHandlersDelay =
|
|
51
|
-
exports.useResizeObserver =
|
|
52
|
-
exports.useShouldRecalculate =
|
|
53
|
-
exports.useWindowScrollerList =
|
|
54
|
-
exports.useWindowSize =
|
|
36
|
+
exports.useExecutionTimer = useExecutionTimer;
|
|
37
|
+
exports.useExpandState = useExpandState;
|
|
38
|
+
exports.useHotkeys = useHotkeys;
|
|
39
|
+
exports.useHoverHandlersDelay = useHoverHandlersDelay;
|
|
40
|
+
exports.useResizeObserver = useResizeObserver;
|
|
41
|
+
exports.useShouldRecalculate = useShouldRecalculate;
|
|
42
|
+
exports.useWindowScrollerList = useWindowScrollerList;
|
|
43
|
+
exports.useWindowSize = useWindowSize;
|
|
55
44
|
Object.defineProperty(exports, 'useForceUpdate', {
|
|
56
45
|
enumerable: true,
|
|
57
|
-
get: function () {
|
|
58
|
-
return useForceUpdate__default['default'];
|
|
59
|
-
}
|
|
46
|
+
get: function () { return useForceUpdate__default["default"]; }
|
|
60
47
|
});
|
|
61
48
|
Object.defineProperty(exports, 'useOnClickOutside', {
|
|
62
49
|
enumerable: true,
|
|
63
|
-
get: function () {
|
|
64
|
-
return useOnclickoutside__default['default'];
|
|
65
|
-
}
|
|
50
|
+
get: function () { return useOnclickoutside__default["default"]; }
|
|
66
51
|
});
|
|
67
52
|
Object.defineProperty(exports, 'useUncontrolled', {
|
|
68
53
|
enumerable: true,
|
|
69
|
-
get: function () {
|
|
70
|
-
return hook__default['default'];
|
|
71
|
-
}
|
|
54
|
+
get: function () { return uncontrollable.useUncontrolled; }
|
|
72
55
|
});
|
|
73
|
-
exports.usePrevious =
|
|
74
|
-
exports.useCancellableDelayedCallback =
|
|
75
|
-
exports.useDerivedStateFromProps =
|
|
76
|
-
exports.useSetRef =
|
|
77
|
-
exports.useParentElement =
|
|
78
|
-
exports.useOnElementResize =
|
|
79
|
-
//# sourceMappingURL=index.js.map
|
|
56
|
+
exports.usePrevious = usePrevious;
|
|
57
|
+
exports.useCancellableDelayedCallback = useCancellableDelayedCallback;
|
|
58
|
+
exports.useDerivedStateFromProps = useDerivedStateFromProps;
|
|
59
|
+
exports.useSetRef = useSetRef.useSetRef;
|
|
60
|
+
exports.useParentElement = useParentElement.useParentElement;
|
|
61
|
+
exports.useOnElementResize = useOnElementResize.useOnElementResize;
|
|
@@ -1,28 +1,26 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
3
4
|
var React = require('react');
|
|
4
5
|
|
|
5
6
|
function useCancellableDelayedCallback(cb, delay) {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
const timeoutRef = React.useRef();
|
|
8
|
+
const cancel = React.useCallback(() => {
|
|
9
|
+
const timeoutId = timeoutRef.current;
|
|
9
10
|
|
|
10
11
|
if (timeoutId) {
|
|
11
12
|
timeoutRef.current = undefined;
|
|
12
13
|
clearTimeout(timeoutId);
|
|
13
14
|
}
|
|
14
15
|
}, [timeoutRef]);
|
|
15
|
-
|
|
16
|
+
const delayedCb = React.useCallback(function () {
|
|
16
17
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
17
18
|
args[_key] = arguments[_key];
|
|
18
19
|
}
|
|
19
20
|
|
|
20
|
-
timeoutRef.current = setTimeout(
|
|
21
|
-
return cb.apply(void 0, args);
|
|
22
|
-
}, delay);
|
|
21
|
+
timeoutRef.current = setTimeout(() => cb(...args), delay);
|
|
23
22
|
}, [cb, delay]);
|
|
24
23
|
return [delayedCb, cancel];
|
|
25
24
|
}
|
|
26
25
|
|
|
27
26
|
module.exports = useCancellableDelayedCallback;
|
|
28
|
-
//# sourceMappingURL=useCancellableDelayedCallback.js.map
|
|
@@ -1,57 +1,51 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
require('@babel/runtime/helpers/toConsumableArray');
|
|
6
5
|
require('@babel/runtime/helpers/defineProperty');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
7
13
|
var lodash = require('lodash');
|
|
8
14
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
12
|
-
|
|
13
|
-
var defaultPropUpdateOnChange = function defaultPropUpdateOnChange(prop) {
|
|
14
|
-
return prop;
|
|
15
|
-
};
|
|
15
|
+
const defaultPropUpdateOnChange = prop => prop;
|
|
16
16
|
|
|
17
17
|
function defaultShouldUpdate(_ref) {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
let {
|
|
19
|
+
prop,
|
|
20
|
+
prevProp,
|
|
21
|
+
stateValue
|
|
22
|
+
} = _ref;
|
|
21
23
|
return !lodash.isEqual(prop, prevProp) && !lodash.isEqual(prop, stateValue);
|
|
22
24
|
}
|
|
23
25
|
|
|
24
26
|
function setStateWithUpdate(onUpdate, setState) {
|
|
25
|
-
return
|
|
26
|
-
setState(
|
|
27
|
-
return onUpdate(lodash.isFunction(state) ? state(prevState) : state, prevState);
|
|
28
|
-
});
|
|
27
|
+
return state => {
|
|
28
|
+
setState(prevState => onUpdate(lodash.isFunction(state) ? state(prevState) : state, prevState));
|
|
29
29
|
};
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
function useDerivedStateFromProp(prop) {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
43
|
-
stateValue = _useState2[0],
|
|
44
|
-
setState = _useState2[1];
|
|
45
|
-
|
|
46
|
-
var handleSetState = updateOnStateChange ? setStateWithUpdate(onUpdate, setState) : setState;
|
|
47
|
-
var prevProp = React.useRef(prop);
|
|
33
|
+
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
34
|
+
const {
|
|
35
|
+
onUpdate = defaultPropUpdateOnChange,
|
|
36
|
+
shouldUpdate = defaultShouldUpdate,
|
|
37
|
+
updateOnStateChange = false
|
|
38
|
+
} = options;
|
|
39
|
+
const [stateValue, setState] = React.useState(onUpdate(prop, {}));
|
|
40
|
+
const handleSetState = updateOnStateChange ? setStateWithUpdate(onUpdate, setState) : setState;
|
|
41
|
+
const prevProp = React.useRef(prop);
|
|
48
42
|
|
|
49
43
|
if (shouldUpdate({
|
|
50
|
-
prop
|
|
44
|
+
prop,
|
|
51
45
|
prevProp: prevProp.current,
|
|
52
|
-
stateValue
|
|
46
|
+
stateValue
|
|
53
47
|
})) {
|
|
54
|
-
|
|
48
|
+
const nextProp = onUpdate(prop, prevProp.current);
|
|
55
49
|
setState(nextProp);
|
|
56
50
|
}
|
|
57
51
|
|
|
@@ -60,4 +54,3 @@ function useDerivedStateFromProp(prop) {
|
|
|
60
54
|
}
|
|
61
55
|
|
|
62
56
|
module.exports = useDerivedStateFromProp;
|
|
63
|
-
//# sourceMappingURL=useDerivedStateFromProps.js.map
|
|
@@ -1,35 +1,31 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
3
4
|
var React = require('react');
|
|
4
5
|
|
|
5
6
|
function useExecutionDelay(startFn, cleanFn, delayTime) {
|
|
6
|
-
|
|
7
|
-
|
|
7
|
+
const startTimer = React.useRef();
|
|
8
|
+
const closeTimer = React.useRef();
|
|
8
9
|
|
|
9
|
-
|
|
10
|
+
const startFunction = function () {
|
|
10
11
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
11
12
|
args[_key] = arguments[_key];
|
|
12
13
|
}
|
|
13
14
|
|
|
14
15
|
clearTimeout(closeTimer.current);
|
|
15
|
-
startTimer.current = setTimeout(
|
|
16
|
-
return startFn.apply(void 0, args);
|
|
17
|
-
}, delayTime);
|
|
16
|
+
startTimer.current = setTimeout(() => startFn(...args), delayTime);
|
|
18
17
|
};
|
|
19
18
|
|
|
20
|
-
|
|
19
|
+
const cleanFunction = function () {
|
|
21
20
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
22
21
|
args[_key2] = arguments[_key2];
|
|
23
22
|
}
|
|
24
23
|
|
|
25
24
|
clearTimeout(startTimer.current);
|
|
26
|
-
closeTimer.current = setTimeout(
|
|
27
|
-
return cleanFn.apply(void 0, args);
|
|
28
|
-
}, 30);
|
|
25
|
+
closeTimer.current = setTimeout(() => cleanFn(...args), 30);
|
|
29
26
|
};
|
|
30
27
|
|
|
31
28
|
return [startFunction, cleanFunction];
|
|
32
29
|
}
|
|
33
30
|
|
|
34
31
|
module.exports = useExecutionDelay;
|
|
35
|
-
//# sourceMappingURL=useExecutionTimer.js.map
|
|
@@ -1,23 +1,28 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
4
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
5
10
|
var React = require('react');
|
|
6
|
-
require('
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
7
13
|
var lodash = require('lodash');
|
|
8
|
-
var
|
|
14
|
+
var useDerivedStateFromProps = require('./useDerivedStateFromProps.js');
|
|
9
15
|
|
|
10
16
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
17
|
|
|
12
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
13
18
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
14
19
|
|
|
15
20
|
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; }
|
|
16
21
|
|
|
17
|
-
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[
|
|
22
|
+
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; }
|
|
18
23
|
|
|
19
|
-
|
|
20
|
-
|
|
24
|
+
const toggleStateInObject = (obj, key, value) => {
|
|
25
|
+
const nextObj = _objectSpread({}, obj);
|
|
21
26
|
|
|
22
27
|
if (nextObj[key]) {
|
|
23
28
|
delete nextObj[key];
|
|
@@ -28,41 +33,29 @@ var toggleStateInObject = function toggleStateInObject(obj, key, value) {
|
|
|
28
33
|
return nextObj;
|
|
29
34
|
};
|
|
30
35
|
|
|
31
|
-
|
|
32
|
-
return null;
|
|
33
|
-
};
|
|
36
|
+
const noop = () => null;
|
|
34
37
|
|
|
35
38
|
function useExpandState(_ref) {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
setExpanded = _useDerivedStateFromP2[1];
|
|
54
|
-
|
|
55
|
-
var isExpandedAll = React.useMemo(function () {
|
|
56
|
-
return Object.keys(expanded).length === items.length;
|
|
57
|
-
}, [expanded, items]);
|
|
58
|
-
|
|
59
|
-
var toggleExpandAll = function toggleExpandAll() {
|
|
60
|
-
var stateData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
61
|
-
setExpanded(function () {
|
|
62
|
-
var nextState = {};
|
|
39
|
+
let {
|
|
40
|
+
items = [],
|
|
41
|
+
itemKey = 'id',
|
|
42
|
+
expanded: expandedProp = {},
|
|
43
|
+
onExpand,
|
|
44
|
+
onExpandChange = noop,
|
|
45
|
+
onExpandAll = noop,
|
|
46
|
+
onToggleExpand,
|
|
47
|
+
onCollapse
|
|
48
|
+
} = _ref;
|
|
49
|
+
const [expanded, setExpanded] = useDerivedStateFromProps(expandedProp);
|
|
50
|
+
const isExpandedAll = React.useMemo(() => Object.keys(expanded).length === items.length, [expanded, items]);
|
|
51
|
+
|
|
52
|
+
const toggleExpandAll = function () {
|
|
53
|
+
let stateData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
54
|
+
setExpanded(() => {
|
|
55
|
+
const nextState = {};
|
|
63
56
|
|
|
64
57
|
if (!isExpandedAll) {
|
|
65
|
-
items.forEach(
|
|
58
|
+
items.forEach(item => {
|
|
66
59
|
nextState[item[itemKey]] = stateData;
|
|
67
60
|
});
|
|
68
61
|
}
|
|
@@ -73,46 +66,48 @@ function useExpandState(_ref) {
|
|
|
73
66
|
});
|
|
74
67
|
};
|
|
75
68
|
|
|
76
|
-
|
|
77
|
-
|
|
69
|
+
const expand = function (item) {
|
|
70
|
+
let stateData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
78
71
|
if (!item) return;
|
|
79
72
|
|
|
80
73
|
if (lodash.isFunction(onExpand)) {
|
|
81
74
|
onExpand(item);
|
|
82
75
|
}
|
|
83
76
|
|
|
84
|
-
setExpanded(
|
|
85
|
-
|
|
77
|
+
setExpanded(prevState => {
|
|
78
|
+
const key = item[itemKey];
|
|
86
79
|
|
|
87
|
-
|
|
80
|
+
const nextState = _objectSpread(_objectSpread({}, prevState), {}, {
|
|
81
|
+
[key]: stateData
|
|
82
|
+
});
|
|
88
83
|
|
|
89
84
|
onExpandChange(nextState, item);
|
|
90
85
|
return nextState;
|
|
91
86
|
});
|
|
92
87
|
};
|
|
93
88
|
|
|
94
|
-
|
|
95
|
-
|
|
89
|
+
const toggleExpand = function (item) {
|
|
90
|
+
let stateData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
96
91
|
|
|
97
92
|
if (lodash.isFunction(onToggleExpand)) {
|
|
98
93
|
onToggleExpand(item);
|
|
99
94
|
}
|
|
100
95
|
|
|
101
|
-
setExpanded(
|
|
102
|
-
|
|
103
|
-
|
|
96
|
+
setExpanded(prevState => {
|
|
97
|
+
const key = item[itemKey];
|
|
98
|
+
const nextState = toggleStateInObject(prevState, key, stateData);
|
|
104
99
|
onExpandChange(nextState, item);
|
|
105
100
|
return nextState;
|
|
106
101
|
});
|
|
107
102
|
};
|
|
108
103
|
|
|
109
|
-
|
|
104
|
+
const collapse = item => {
|
|
110
105
|
if (lodash.isFunction(onCollapse)) {
|
|
111
106
|
onCollapse(item);
|
|
112
107
|
}
|
|
113
108
|
|
|
114
|
-
setExpanded(
|
|
115
|
-
|
|
109
|
+
setExpanded(prevState => {
|
|
110
|
+
const nextState = _objectSpread({}, prevState);
|
|
116
111
|
|
|
117
112
|
delete nextState[item[itemKey]];
|
|
118
113
|
onExpandChange(nextState, item);
|
|
@@ -122,18 +117,17 @@ function useExpandState(_ref) {
|
|
|
122
117
|
|
|
123
118
|
return {
|
|
124
119
|
state: {
|
|
125
|
-
expanded
|
|
126
|
-
isExpandedAll
|
|
120
|
+
expanded,
|
|
121
|
+
isExpandedAll
|
|
127
122
|
},
|
|
128
123
|
actions: {
|
|
129
|
-
expand
|
|
130
|
-
toggleExpandAll
|
|
131
|
-
toggleExpand
|
|
132
|
-
collapse
|
|
124
|
+
expand,
|
|
125
|
+
toggleExpandAll,
|
|
126
|
+
toggleExpand,
|
|
127
|
+
collapse
|
|
133
128
|
},
|
|
134
|
-
setExpanded
|
|
129
|
+
setExpanded
|
|
135
130
|
};
|
|
136
131
|
}
|
|
137
132
|
|
|
138
133
|
module.exports = useExpandState;
|
|
139
|
-
//# sourceMappingURL=useExpandState.js.map
|
package/cjs/hooks/useHotkeys.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
3
4
|
var hotkeys = require('hotkeys-js');
|
|
4
5
|
var React = require('react');
|
|
5
6
|
|
|
@@ -8,19 +9,17 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
8
9
|
var hotkeys__default = /*#__PURE__*/_interopDefaultLegacy(hotkeys);
|
|
9
10
|
|
|
10
11
|
function useHotkeys(_ref) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
React.
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
};
|
|
12
|
+
let {
|
|
13
|
+
keys,
|
|
14
|
+
handler,
|
|
15
|
+
options = {}
|
|
16
|
+
} = _ref;
|
|
17
|
+
let deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
18
|
+
const memoizedCallback = React.useCallback(handler, deps);
|
|
19
|
+
React.useEffect(() => {
|
|
20
|
+
hotkeys__default["default"](keys, options, memoizedCallback);
|
|
21
|
+
return () => hotkeys__default["default"].unbind(keys);
|
|
22
22
|
}, [memoizedCallback]);
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
module.exports = useHotkeys;
|
|
26
|
-
//# sourceMappingURL=useHotkeys.js.map
|
|
@@ -3,19 +3,19 @@
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
|
|
5
5
|
function useHoverHandlersDelay(_ref) {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
6
|
+
let {
|
|
7
|
+
onMouseOver,
|
|
8
|
+
onMouseLeave,
|
|
9
|
+
hideDelay = 300,
|
|
10
|
+
showDelay = 300
|
|
11
|
+
} = _ref;
|
|
12
|
+
const hideTimer = React.useRef();
|
|
13
|
+
const showTimer = React.useRef();
|
|
14
|
+
const delayedHide = React.useCallback(() => {
|
|
15
15
|
clearTimeout(showTimer.current);
|
|
16
16
|
hideTimer.current = setTimeout(onMouseLeave, hideDelay);
|
|
17
17
|
}, []);
|
|
18
|
-
|
|
18
|
+
const delayedShow = React.useCallback(() => {
|
|
19
19
|
clearTimeout(hideTimer.current);
|
|
20
20
|
showTimer.current = setTimeout(onMouseOver, showDelay);
|
|
21
21
|
}, []);
|
|
@@ -26,4 +26,3 @@ function useHoverHandlersDelay(_ref) {
|
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
module.exports = useHoverHandlersDelay;
|
|
29
|
-
//# sourceMappingURL=useHoverHandlersDelay.js.map
|