@elliemae/ds-utilities 3.0.0-next.0 → 3.0.0-next.4
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/dist/cjs/capitalize.js +35 -0
- package/dist/cjs/capitalize.js.map +7 -0
- package/dist/cjs/compose.js +45 -0
- package/dist/cjs/compose.js.map +7 -0
- package/dist/cjs/getComponentFromProps.js +57 -0
- package/dist/cjs/getComponentFromProps.js.map +7 -0
- package/dist/cjs/hooks/index.js +75 -0
- package/dist/cjs/hooks/index.js.map +7 -0
- package/dist/cjs/hooks/useCallbackAfterRender.js +45 -0
- package/dist/cjs/hooks/useCallbackAfterRender.js.map +7 -0
- package/dist/cjs/hooks/useCancellableDelayedCallback.js +51 -0
- package/dist/cjs/hooks/useCancellableDelayedCallback.js.map +7 -0
- package/dist/cjs/hooks/useDerivedStateFromProps.js +67 -0
- package/dist/cjs/hooks/useDerivedStateFromProps.js.map +7 -0
- package/dist/cjs/hooks/useExecutionTimer.js +50 -0
- package/dist/cjs/hooks/useExecutionTimer.js.map +7 -0
- package/dist/cjs/hooks/useExpandState.js +137 -0
- package/dist/cjs/hooks/useExpandState.js.map +7 -0
- package/dist/cjs/hooks/useFocusTrap.js +49 -0
- package/dist/cjs/hooks/useFocusTrap.js.map +7 -0
- package/dist/cjs/hooks/useHotkeys.js +45 -0
- package/dist/cjs/hooks/useHotkeys.js.map +7 -0
- package/dist/cjs/hooks/useHoverHandlersDelay.js +58 -0
- package/dist/cjs/hooks/useHoverHandlersDelay.js.map +7 -0
- package/dist/cjs/hooks/useIsShowingEllipsis.js +58 -0
- package/dist/cjs/hooks/useIsShowingEllipsis.js.map +7 -0
- package/dist/cjs/hooks/useOnElementResize.js +55 -0
- package/dist/cjs/hooks/useOnElementResize.js.map +7 -0
- package/dist/cjs/hooks/useParentElement.js +43 -0
- package/dist/cjs/hooks/useParentElement.js.map +7 -0
- package/dist/cjs/hooks/usePrevious.js +44 -0
- package/dist/cjs/hooks/usePrevious.js.map +7 -0
- package/dist/cjs/hooks/useResizeObserver.js +60 -0
- package/dist/cjs/hooks/useResizeObserver.js.map +7 -0
- package/dist/cjs/hooks/useSetRef.js +42 -0
- package/dist/cjs/hooks/useSetRef.js.map +7 -0
- package/dist/cjs/hooks/useShouldRecalculate.js +44 -0
- package/dist/cjs/hooks/useShouldRecalculate.js.map +7 -0
- package/dist/cjs/hooks/useWindowScrollerList.js +83 -0
- package/dist/cjs/hooks/useWindowScrollerList.js.map +7 -0
- package/dist/cjs/hooks/useWindowSize.js +57 -0
- package/dist/cjs/hooks/useWindowSize.js.map +7 -0
- package/dist/cjs/index.js +148 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/onClickHandlerForNonInteractiveElements.js +49 -0
- package/dist/cjs/onClickHandlerForNonInteractiveElements.js.map +7 -0
- package/dist/cjs/operators.js +68 -0
- package/dist/cjs/operators.js.map +7 -0
- package/dist/cjs/platform.js +37 -0
- package/dist/cjs/platform.js.map +7 -0
- package/dist/cjs/reactTypesUtility.js +58 -0
- package/dist/cjs/reactTypesUtility.js.map +7 -0
- package/dist/cjs/scrollingTimer.js +46 -0
- package/dist/cjs/scrollingTimer.js.map +7 -0
- package/dist/cjs/system.js +60 -0
- package/dist/cjs/system.js.map +7 -0
- package/dist/cjs/timeUtils.js +43 -0
- package/dist/cjs/timeUtils.js.map +7 -0
- package/dist/cjs/utils.js +143 -0
- package/dist/cjs/utils.js.map +7 -0
- package/dist/cjs/validations.js +57 -0
- package/dist/cjs/validations.js.map +7 -0
- package/dist/esm/capitalize.js +6 -0
- package/dist/esm/capitalize.js.map +7 -0
- package/dist/esm/compose.js +16 -0
- package/dist/esm/compose.js.map +7 -0
- package/dist/esm/getComponentFromProps.js +30 -0
- package/dist/esm/getComponentFromProps.js.map +7 -0
- package/dist/esm/hooks/index.js +46 -0
- package/dist/esm/hooks/index.js.map +7 -0
- package/dist/esm/hooks/useCallbackAfterRender.js +16 -0
- package/dist/esm/hooks/useCallbackAfterRender.js.map +7 -0
- package/dist/esm/hooks/useCancellableDelayedCallback.js +22 -0
- package/dist/esm/hooks/useCancellableDelayedCallback.js.map +7 -0
- package/dist/esm/hooks/useDerivedStateFromProps.js +38 -0
- package/dist/esm/hooks/useDerivedStateFromProps.js.map +7 -0
- package/dist/esm/hooks/useExecutionTimer.js +21 -0
- package/dist/esm/hooks/useExecutionTimer.js.map +7 -0
- package/dist/esm/hooks/useExpandState.js +110 -0
- package/dist/esm/hooks/useExpandState.js.map +7 -0
- package/dist/esm/hooks/useFocusTrap.js +20 -0
- package/dist/esm/hooks/useFocusTrap.js.map +7 -0
- package/dist/esm/hooks/useHotkeys.js +16 -0
- package/dist/esm/hooks/useHotkeys.js.map +7 -0
- package/{esm → dist/esm}/hooks/useHoverHandlersDelay.js +15 -12
- package/dist/esm/hooks/useHoverHandlersDelay.js.map +7 -0
- package/dist/esm/hooks/useIsShowingEllipsis.js +29 -0
- package/dist/esm/hooks/useIsShowingEllipsis.js.map +7 -0
- package/dist/esm/hooks/useOnElementResize.js +26 -0
- package/dist/esm/hooks/useOnElementResize.js.map +7 -0
- package/dist/esm/hooks/useParentElement.js +14 -0
- package/dist/esm/hooks/useParentElement.js.map +7 -0
- package/dist/esm/hooks/usePrevious.js +15 -0
- package/dist/esm/hooks/usePrevious.js.map +7 -0
- package/dist/esm/hooks/useResizeObserver.js +31 -0
- package/dist/esm/hooks/useResizeObserver.js.map +7 -0
- package/dist/esm/hooks/useSetRef.js +13 -0
- package/dist/esm/hooks/useSetRef.js.map +7 -0
- package/dist/esm/hooks/useShouldRecalculate.js +15 -0
- package/dist/esm/hooks/useShouldRecalculate.js.map +7 -0
- package/{esm → dist/esm}/hooks/useWindowScrollerList.js +20 -29
- package/dist/esm/hooks/useWindowScrollerList.js.map +7 -0
- package/dist/esm/hooks/useWindowSize.js +28 -0
- package/dist/esm/hooks/useWindowSize.js.map +7 -0
- package/dist/esm/index.js +210 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/onClickHandlerForNonInteractiveElements.js +20 -0
- package/dist/esm/onClickHandlerForNonInteractiveElements.js.map +7 -0
- package/dist/esm/operators.js +39 -0
- package/dist/esm/operators.js.map +7 -0
- package/dist/esm/platform.js +8 -0
- package/dist/esm/platform.js.map +7 -0
- package/dist/esm/reactTypesUtility.js +29 -0
- package/dist/esm/reactTypesUtility.js.map +7 -0
- package/dist/esm/scrollingTimer.js +17 -0
- package/dist/esm/scrollingTimer.js.map +7 -0
- package/dist/esm/system.js +31 -0
- package/dist/esm/system.js.map +7 -0
- package/dist/esm/timeUtils.js +14 -0
- package/dist/esm/timeUtils.js.map +7 -0
- package/dist/esm/utils.js +154 -0
- package/dist/esm/utils.js.map +7 -0
- package/dist/esm/validations.js +28 -0
- package/dist/esm/validations.js.map +7 -0
- package/package.json +82 -69
- package/cjs/capitalize.js +0 -7
- package/cjs/compose.js +0 -38
- package/cjs/getComponentFromProps.js +0 -30
- package/cjs/hooks/index.js +0 -61
- package/cjs/hooks/useCancellableDelayedCallback.js +0 -26
- package/cjs/hooks/useDerivedStateFromProps.js +0 -56
- package/cjs/hooks/useExecutionTimer.js +0 -31
- package/cjs/hooks/useExpandState.js +0 -133
- package/cjs/hooks/useHotkeys.js +0 -25
- package/cjs/hooks/useHoverHandlersDelay.js +0 -28
- package/cjs/hooks/useOnElementResize.js +0 -37
- package/cjs/hooks/useParentElement.js +0 -16
- package/cjs/hooks/usePrevious.js +0 -13
- package/cjs/hooks/useResizeObserver.js +0 -33
- package/cjs/hooks/useSetRef.js +0 -15
- package/cjs/hooks/useShouldRecalculate.js +0 -17
- package/cjs/hooks/useWindowScrollerList.js +0 -65
- package/cjs/hooks/useWindowSize.js +0 -27
- package/cjs/index.js +0 -266
- package/cjs/onClickHandlerForNonInteractiveElements.js +0 -22
- package/cjs/operators.js +0 -63
- package/cjs/platform.js +0 -9
- package/cjs/reactTypesUtility.js +0 -35
- package/cjs/scrollingTimer.js +0 -24
- package/cjs/system.js +0 -43
- package/cjs/timeUtils.js +0 -25
- package/cjs/utils.js +0 -263
- package/cjs/validations.js +0 -44
- package/esm/capitalize.js +0 -3
- package/esm/compose.js +0 -34
- package/esm/getComponentFromProps.js +0 -23
- package/esm/hooks/index.js +0 -18
- package/esm/hooks/useCancellableDelayedCallback.js +0 -24
- package/esm/hooks/useDerivedStateFromProps.js +0 -54
- package/esm/hooks/useExecutionTimer.js +0 -29
- package/esm/hooks/useExpandState.js +0 -127
- package/esm/hooks/useHotkeys.js +0 -19
- package/esm/hooks/useOnElementResize.js +0 -33
- package/esm/hooks/useParentElement.js +0 -12
- package/esm/hooks/usePrevious.js +0 -11
- package/esm/hooks/useResizeObserver.js +0 -26
- package/esm/hooks/useSetRef.js +0 -11
- package/esm/hooks/useShouldRecalculate.js +0 -15
- package/esm/hooks/useWindowSize.js +0 -25
- package/esm/index.js +0 -31
- package/esm/onClickHandlerForNonInteractiveElements.js +0 -20
- package/esm/operators.js +0 -46
- package/esm/platform.js +0 -4
- package/esm/reactTypesUtility.js +0 -22
- package/esm/scrollingTimer.js +0 -20
- package/esm/system.js +0 -37
- package/esm/timeUtils.js +0 -20
- package/esm/utils.js +0 -99
- package/esm/validations.js +0 -38
- package/types/capitalize.d.ts +0 -1
- package/types/compose.d.ts +0 -11
- package/types/getComponentFromProps.d.ts +0 -2
- package/types/hooks/index.d.ts +0 -18
- package/types/hooks/useCancellableDelayedCallback.d.ts +0 -1
- package/types/hooks/useDerivedStateFromProps.d.ts +0 -1
- package/types/hooks/useExecutionTimer.d.ts +0 -1
- package/types/hooks/useExpandState.d.ts +0 -22
- package/types/hooks/useHotkeys.d.ts +0 -5
- package/types/hooks/useHoverHandlersDelay.d.ts +0 -9
- package/types/hooks/useOnElementResize.d.ts +0 -2
- package/types/hooks/useParentElement.d.ts +0 -1
- package/types/hooks/usePrevious.d.ts +0 -2
- package/types/hooks/useResizeObserver.d.ts +0 -2
- package/types/hooks/useSetRef.d.ts +0 -2
- package/types/hooks/useShouldRecalculate.d.ts +0 -1
- package/types/hooks/useWindowScrollerList.d.ts +0 -4
- package/types/hooks/useWindowSize.d.ts +0 -1
- package/types/index.d.ts +0 -13
- package/types/onClickHandlerForNonInteractiveElements.d.ts +0 -12
- package/types/operators.d.ts +0 -31
- package/types/platform.d.ts +0 -2
- package/types/reactTypesUtility.d.ts +0 -6
- package/types/scrollingTimer.d.ts +0 -1
- package/types/system.d.ts +0 -3
- package/types/timeUtils.d.ts +0 -7
- package/types/utils.d.ts +0 -23
- package/types/validations.d.ts +0 -23
package/cjs/utils.js
DELETED
|
@@ -1,263 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _defineProperty = 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/web.dom-collections.iterator.js');
|
|
10
|
-
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
11
|
-
require('core-js/modules/esnext.iterator.for-each.js');
|
|
12
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
13
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
14
|
-
var lodash = require('lodash');
|
|
15
|
-
|
|
16
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
|
-
|
|
18
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
19
|
-
|
|
20
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
-
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
-
/**
|
|
24
|
-
* Concatenates classNames from arguments
|
|
25
|
-
*
|
|
26
|
-
* @param {...any} classnames
|
|
27
|
-
*/
|
|
28
|
-
|
|
29
|
-
const cx = function () {
|
|
30
|
-
for (var _len = arguments.length, classnames = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
31
|
-
classnames[_key] = arguments[_key];
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
return classnames.reduce((result, cn) => "".concat(result, " ").concat(cn || ''), '');
|
|
35
|
-
}; // if entry exists, remove it, if not, add it
|
|
36
|
-
|
|
37
|
-
const toggleInObject = (obj, key, value) => obj[key] !== undefined ? lodash.omit(obj, [key]) : _objectSpread(_objectSpread({}, obj), {}, {
|
|
38
|
-
[key]: value
|
|
39
|
-
});
|
|
40
|
-
|
|
41
|
-
const toggleInArray = (array, value) => array.indexOf(value) === -1 ? [value] : [];
|
|
42
|
-
|
|
43
|
-
const arrayMoveMutate = (array, from, to) => {
|
|
44
|
-
array.splice(to < 0 ? array.length + to : to, 0, array.splice(from, 1)[0]);
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
const arrayMove = (array, from, to) => {
|
|
48
|
-
array = array.slice();
|
|
49
|
-
arrayMoveMutate(array, from, to);
|
|
50
|
-
return array;
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
const accessorDefault = item => item;
|
|
54
|
-
|
|
55
|
-
const addOrRemove = function (array, item) {
|
|
56
|
-
let accessor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : accessorDefault;
|
|
57
|
-
const index = array.findIndex(iItem => accessor(iItem) === accessor(item));
|
|
58
|
-
|
|
59
|
-
if (index !== -1) {
|
|
60
|
-
const nextArray = lodash.cloneDeep(array);
|
|
61
|
-
nextArray.splice(index, 1);
|
|
62
|
-
return nextArray;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
return [...array, item];
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
function runAll() {
|
|
69
|
-
for (var _len2 = arguments.length, fns = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
70
|
-
fns[_key2] = arguments[_key2];
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
return function () {
|
|
74
|
-
for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
75
|
-
args[_key3] = arguments[_key3];
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
return fns.forEach(fn => {
|
|
79
|
-
if (Array.isArray(fn)) runAll(fn);
|
|
80
|
-
if (lodash.isFunction(fn)) fn(...args);
|
|
81
|
-
});
|
|
82
|
-
};
|
|
83
|
-
}
|
|
84
|
-
function hashArray(arr, fieldName) {
|
|
85
|
-
return arr.reduce((result, item) => _objectSpread(_objectSpread({}, result), {}, {
|
|
86
|
-
[fieldName ? item[fieldName] : item]: true
|
|
87
|
-
}), {});
|
|
88
|
-
}
|
|
89
|
-
function safeCall(fun) {
|
|
90
|
-
if (lodash.isFunction(fun)) {
|
|
91
|
-
for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
|
|
92
|
-
args[_key4 - 1] = arguments[_key4];
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
fun(...args);
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
const removeUndefinedProperties = obj => {
|
|
99
|
-
const cleanObject = _objectSpread({}, obj);
|
|
100
|
-
|
|
101
|
-
Object.keys(obj).forEach(key => cleanObject[key] === undefined && delete cleanObject[key]);
|
|
102
|
-
return cleanObject;
|
|
103
|
-
};
|
|
104
|
-
var utils = {};
|
|
105
|
-
|
|
106
|
-
Object.defineProperty(exports, 'cloneDeep', {
|
|
107
|
-
enumerable: true,
|
|
108
|
-
get: function () { return lodash.cloneDeep; }
|
|
109
|
-
});
|
|
110
|
-
Object.defineProperty(exports, 'curry', {
|
|
111
|
-
enumerable: true,
|
|
112
|
-
get: function () { return lodash.curry; }
|
|
113
|
-
});
|
|
114
|
-
Object.defineProperty(exports, 'debounce', {
|
|
115
|
-
enumerable: true,
|
|
116
|
-
get: function () { return lodash.debounce; }
|
|
117
|
-
});
|
|
118
|
-
Object.defineProperty(exports, 'differenceBy', {
|
|
119
|
-
enumerable: true,
|
|
120
|
-
get: function () { return lodash.differenceBy; }
|
|
121
|
-
});
|
|
122
|
-
Object.defineProperty(exports, 'differenceWith', {
|
|
123
|
-
enumerable: true,
|
|
124
|
-
get: function () { return lodash.differenceWith; }
|
|
125
|
-
});
|
|
126
|
-
Object.defineProperty(exports, 'filter', {
|
|
127
|
-
enumerable: true,
|
|
128
|
-
get: function () { return lodash.filter; }
|
|
129
|
-
});
|
|
130
|
-
Object.defineProperty(exports, 'findIndex', {
|
|
131
|
-
enumerable: true,
|
|
132
|
-
get: function () { return lodash.findIndex; }
|
|
133
|
-
});
|
|
134
|
-
Object.defineProperty(exports, 'get', {
|
|
135
|
-
enumerable: true,
|
|
136
|
-
get: function () { return lodash.get; }
|
|
137
|
-
});
|
|
138
|
-
Object.defineProperty(exports, 'groupBy', {
|
|
139
|
-
enumerable: true,
|
|
140
|
-
get: function () { return lodash.groupBy; }
|
|
141
|
-
});
|
|
142
|
-
Object.defineProperty(exports, 'isBoolean', {
|
|
143
|
-
enumerable: true,
|
|
144
|
-
get: function () { return lodash.isBoolean; }
|
|
145
|
-
});
|
|
146
|
-
Object.defineProperty(exports, 'isEmpty', {
|
|
147
|
-
enumerable: true,
|
|
148
|
-
get: function () { return lodash.isEmpty; }
|
|
149
|
-
});
|
|
150
|
-
Object.defineProperty(exports, 'isEqual', {
|
|
151
|
-
enumerable: true,
|
|
152
|
-
get: function () { return lodash.isEqual; }
|
|
153
|
-
});
|
|
154
|
-
Object.defineProperty(exports, 'isEqualWith', {
|
|
155
|
-
enumerable: true,
|
|
156
|
-
get: function () { return lodash.isEqualWith; }
|
|
157
|
-
});
|
|
158
|
-
Object.defineProperty(exports, 'isFunction', {
|
|
159
|
-
enumerable: true,
|
|
160
|
-
get: function () { return lodash.isFunction; }
|
|
161
|
-
});
|
|
162
|
-
Object.defineProperty(exports, 'isNaN', {
|
|
163
|
-
enumerable: true,
|
|
164
|
-
get: function () { return lodash.isNaN; }
|
|
165
|
-
});
|
|
166
|
-
Object.defineProperty(exports, 'isObject', {
|
|
167
|
-
enumerable: true,
|
|
168
|
-
get: function () { return lodash.isObject; }
|
|
169
|
-
});
|
|
170
|
-
Object.defineProperty(exports, 'isString', {
|
|
171
|
-
enumerable: true,
|
|
172
|
-
get: function () { return lodash.isString; }
|
|
173
|
-
});
|
|
174
|
-
Object.defineProperty(exports, 'maxBy', {
|
|
175
|
-
enumerable: true,
|
|
176
|
-
get: function () { return lodash.maxBy; }
|
|
177
|
-
});
|
|
178
|
-
Object.defineProperty(exports, 'meanBy', {
|
|
179
|
-
enumerable: true,
|
|
180
|
-
get: function () { return lodash.meanBy; }
|
|
181
|
-
});
|
|
182
|
-
Object.defineProperty(exports, 'noop', {
|
|
183
|
-
enumerable: true,
|
|
184
|
-
get: function () { return lodash.noop; }
|
|
185
|
-
});
|
|
186
|
-
Object.defineProperty(exports, 'omit', {
|
|
187
|
-
enumerable: true,
|
|
188
|
-
get: function () { return lodash.omit; }
|
|
189
|
-
});
|
|
190
|
-
Object.defineProperty(exports, 'orderBy', {
|
|
191
|
-
enumerable: true,
|
|
192
|
-
get: function () { return lodash.orderBy; }
|
|
193
|
-
});
|
|
194
|
-
Object.defineProperty(exports, 'padStart', {
|
|
195
|
-
enumerable: true,
|
|
196
|
-
get: function () { return lodash.padStart; }
|
|
197
|
-
});
|
|
198
|
-
Object.defineProperty(exports, 'parseInt', {
|
|
199
|
-
enumerable: true,
|
|
200
|
-
get: function () { return lodash.parseInt; }
|
|
201
|
-
});
|
|
202
|
-
Object.defineProperty(exports, 'pick', {
|
|
203
|
-
enumerable: true,
|
|
204
|
-
get: function () { return lodash.pick; }
|
|
205
|
-
});
|
|
206
|
-
Object.defineProperty(exports, 'pickBy', {
|
|
207
|
-
enumerable: true,
|
|
208
|
-
get: function () { return lodash.pickBy; }
|
|
209
|
-
});
|
|
210
|
-
Object.defineProperty(exports, 'property', {
|
|
211
|
-
enumerable: true,
|
|
212
|
-
get: function () { return lodash.property; }
|
|
213
|
-
});
|
|
214
|
-
Object.defineProperty(exports, 'pull', {
|
|
215
|
-
enumerable: true,
|
|
216
|
-
get: function () { return lodash.pull; }
|
|
217
|
-
});
|
|
218
|
-
Object.defineProperty(exports, 'range', {
|
|
219
|
-
enumerable: true,
|
|
220
|
-
get: function () { return lodash.range; }
|
|
221
|
-
});
|
|
222
|
-
Object.defineProperty(exports, 'set', {
|
|
223
|
-
enumerable: true,
|
|
224
|
-
get: function () { return lodash.set; }
|
|
225
|
-
});
|
|
226
|
-
Object.defineProperty(exports, 'sortBy', {
|
|
227
|
-
enumerable: true,
|
|
228
|
-
get: function () { return lodash.sortBy; }
|
|
229
|
-
});
|
|
230
|
-
Object.defineProperty(exports, 'sumBy', {
|
|
231
|
-
enumerable: true,
|
|
232
|
-
get: function () { return lodash.sumBy; }
|
|
233
|
-
});
|
|
234
|
-
Object.defineProperty(exports, 'throttle', {
|
|
235
|
-
enumerable: true,
|
|
236
|
-
get: function () { return lodash.throttle; }
|
|
237
|
-
});
|
|
238
|
-
Object.defineProperty(exports, 'transform', {
|
|
239
|
-
enumerable: true,
|
|
240
|
-
get: function () { return lodash.transform; }
|
|
241
|
-
});
|
|
242
|
-
Object.defineProperty(exports, 'uniq', {
|
|
243
|
-
enumerable: true,
|
|
244
|
-
get: function () { return lodash.uniq; }
|
|
245
|
-
});
|
|
246
|
-
Object.defineProperty(exports, 'uniqBy', {
|
|
247
|
-
enumerable: true,
|
|
248
|
-
get: function () { return lodash.uniqBy; }
|
|
249
|
-
});
|
|
250
|
-
Object.defineProperty(exports, 'values', {
|
|
251
|
-
enumerable: true,
|
|
252
|
-
get: function () { return lodash.values; }
|
|
253
|
-
});
|
|
254
|
-
exports.addOrRemove = addOrRemove;
|
|
255
|
-
exports.arrayMove = arrayMove;
|
|
256
|
-
exports.cx = cx;
|
|
257
|
-
exports["default"] = utils;
|
|
258
|
-
exports.hashArray = hashArray;
|
|
259
|
-
exports.removeUndefinedProperties = removeUndefinedProperties;
|
|
260
|
-
exports.runAll = runAll;
|
|
261
|
-
exports.safeCall = safeCall;
|
|
262
|
-
exports.toggleInArray = toggleInArray;
|
|
263
|
-
exports.toggleInObject = toggleInObject;
|
package/cjs/validations.js
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var operators = require('./operators.js');
|
|
6
|
-
|
|
7
|
-
const isRequired = _ref => {
|
|
8
|
-
let {
|
|
9
|
-
value,
|
|
10
|
-
help = 'Field is Required'
|
|
11
|
-
} = _ref;
|
|
12
|
-
return {
|
|
13
|
-
payload: help,
|
|
14
|
-
error: operators.checkNotEmpty(value)
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
const isGreaterThan = _ref2 => {
|
|
18
|
-
let {
|
|
19
|
-
value,
|
|
20
|
-
help,
|
|
21
|
-
comparator = 0
|
|
22
|
-
} = _ref2;
|
|
23
|
-
if (!help) help = "Max value ".concat(comparator);
|
|
24
|
-
return {
|
|
25
|
-
payload: help,
|
|
26
|
-
error: operators.greaterThan(value, comparator)
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
const isValidDate = _ref3 => {
|
|
30
|
-
let {
|
|
31
|
-
value,
|
|
32
|
-
help,
|
|
33
|
-
format = 'MM/DD/AAA'
|
|
34
|
-
} = _ref3;
|
|
35
|
-
if (!help) help = "Valid Date is required ".concat(format);
|
|
36
|
-
return {
|
|
37
|
-
payload: help,
|
|
38
|
-
error: !operators.validDate(value)
|
|
39
|
-
};
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
exports.isGreaterThan = isGreaterThan;
|
|
43
|
-
exports.isRequired = isRequired;
|
|
44
|
-
exports.isValidDate = isValidDate;
|
package/esm/capitalize.js
DELETED
package/esm/compose.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
2
|
-
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
-
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
4
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Composes single-argument functions from right to left. The rightmost
|
|
8
|
-
* function can take multiple arguments as it provides the signature for
|
|
9
|
-
* the resulting composite function. [From redux v4.0.5]
|
|
10
|
-
*
|
|
11
|
-
* @param {...Function} funcs The functions to compose.
|
|
12
|
-
* @returns {Function} A function obtained by composing the argument functions
|
|
13
|
-
* from right to left. For example, compose(f, g, h) is identical to doing
|
|
14
|
-
* (...args) => f(g(h(...args))).
|
|
15
|
-
*/
|
|
16
|
-
function compose() {
|
|
17
|
-
for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
18
|
-
funcs[_key] = arguments[_key];
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
if (funcs.length === 0) {
|
|
22
|
-
return arg => arg;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
if (funcs.length === 1) {
|
|
26
|
-
return funcs[0];
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
return funcs.reduce((a, b) => function () {
|
|
30
|
-
return a(b(...arguments));
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
export { compose };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
-
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
-
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
-
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
-
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
6
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
7
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
8
|
-
import React from 'react';
|
|
9
|
-
import { jsx } from 'react/jsx-runtime';
|
|
10
|
-
|
|
11
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
12
|
-
|
|
13
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
14
|
-
function getComponentFromProps(Component, props) {
|
|
15
|
-
let children = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
16
|
-
if (!Component) return null;
|
|
17
|
-
const componentChildren = Component.props ? Array.isArray(Component.props.children) ? Component.props.children : [Component.props.children] : null;
|
|
18
|
-
return typeof Component === 'function' ? /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
|
|
19
|
-
children: children
|
|
20
|
-
})) : /*#__PURE__*/React.cloneElement(Component, _objectSpread(_objectSpread({}, Component.props), props), componentChildren ? [...componentChildren, ...children] : [...children]);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export { getComponentFromProps as default };
|
package/esm/hooks/index.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export { default as useMeasure } from 'use-measure';
|
|
2
|
-
export { default as useExecutionTimer } from './useExecutionTimer.js';
|
|
3
|
-
export { default as useExpandState } from './useExpandState.js';
|
|
4
|
-
export { default as useHotkeys } from './useHotkeys.js';
|
|
5
|
-
export { default as useHoverHandlersDelay } from './useHoverHandlersDelay.js';
|
|
6
|
-
export { default as useResizeObserver } from './useResizeObserver.js';
|
|
7
|
-
export { default as useShouldRecalculate } from './useShouldRecalculate.js';
|
|
8
|
-
export { default as useWindowScrollerList } from './useWindowScrollerList.js';
|
|
9
|
-
export { default as useWindowSize } from './useWindowSize.js';
|
|
10
|
-
export { default as useForceUpdate } from 'use-force-update';
|
|
11
|
-
export { default as useOnClickOutside } from 'use-onclickoutside';
|
|
12
|
-
export { useUncontrolled } from 'uncontrollable';
|
|
13
|
-
export { default as usePrevious } from './usePrevious.js';
|
|
14
|
-
export { default as useCancellableDelayedCallback } from './useCancellableDelayedCallback.js';
|
|
15
|
-
export { default as useDerivedStateFromProps } from './useDerivedStateFromProps.js';
|
|
16
|
-
export { useSetRef } from './useSetRef.js';
|
|
17
|
-
export { useParentElement } from './useParentElement.js';
|
|
18
|
-
export { useOnElementResize } from './useOnElementResize.js';
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
|
-
import { useRef, useCallback } from 'react';
|
|
3
|
-
|
|
4
|
-
function useCancellableDelayedCallback(cb, delay) {
|
|
5
|
-
const timeoutRef = useRef();
|
|
6
|
-
const cancel = useCallback(() => {
|
|
7
|
-
const timeoutId = timeoutRef.current;
|
|
8
|
-
|
|
9
|
-
if (timeoutId) {
|
|
10
|
-
timeoutRef.current = undefined;
|
|
11
|
-
clearTimeout(timeoutId);
|
|
12
|
-
}
|
|
13
|
-
}, [timeoutRef]);
|
|
14
|
-
const delayedCb = useCallback(function () {
|
|
15
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
16
|
-
args[_key] = arguments[_key];
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
timeoutRef.current = setTimeout(() => cb(...args), delay);
|
|
20
|
-
}, [cb, delay]);
|
|
21
|
-
return [delayedCb, cancel];
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export { useCancellableDelayedCallback as default };
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
|
-
import { useState, useRef } from 'react';
|
|
3
|
-
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
4
|
-
import 'core-js/modules/esnext.iterator.filter.js';
|
|
5
|
-
import '@babel/runtime/helpers/esm/defineProperty';
|
|
6
|
-
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
7
|
-
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
8
|
-
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
9
|
-
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
10
|
-
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
11
|
-
import { isFunction, isEqual } from 'lodash';
|
|
12
|
-
|
|
13
|
-
const defaultPropUpdateOnChange = prop => prop;
|
|
14
|
-
|
|
15
|
-
function defaultShouldUpdate(_ref) {
|
|
16
|
-
let {
|
|
17
|
-
prop,
|
|
18
|
-
prevProp,
|
|
19
|
-
stateValue
|
|
20
|
-
} = _ref;
|
|
21
|
-
return !isEqual(prop, prevProp) && !isEqual(prop, stateValue);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
function setStateWithUpdate(onUpdate, setState) {
|
|
25
|
-
return state => {
|
|
26
|
-
setState(prevState => onUpdate(isFunction(state) ? state(prevState) : state, prevState));
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
function useDerivedStateFromProp(prop) {
|
|
31
|
-
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
32
|
-
const {
|
|
33
|
-
onUpdate = defaultPropUpdateOnChange,
|
|
34
|
-
shouldUpdate = defaultShouldUpdate,
|
|
35
|
-
updateOnStateChange = false
|
|
36
|
-
} = options;
|
|
37
|
-
const [stateValue, setState] = useState(onUpdate(prop, {}));
|
|
38
|
-
const handleSetState = updateOnStateChange ? setStateWithUpdate(onUpdate, setState) : setState;
|
|
39
|
-
const prevProp = useRef(prop);
|
|
40
|
-
|
|
41
|
-
if (shouldUpdate({
|
|
42
|
-
prop,
|
|
43
|
-
prevProp: prevProp.current,
|
|
44
|
-
stateValue
|
|
45
|
-
})) {
|
|
46
|
-
const nextProp = onUpdate(prop, prevProp.current);
|
|
47
|
-
setState(nextProp);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
prevProp.current = prop;
|
|
51
|
-
return [stateValue, handleSetState];
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
export { useDerivedStateFromProp as default };
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
|
-
import { useRef } from 'react';
|
|
3
|
-
|
|
4
|
-
function useExecutionDelay(startFn, cleanFn, delayTime) {
|
|
5
|
-
const startTimer = useRef();
|
|
6
|
-
const closeTimer = useRef();
|
|
7
|
-
|
|
8
|
-
const startFunction = function () {
|
|
9
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
10
|
-
args[_key] = arguments[_key];
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
clearTimeout(closeTimer.current);
|
|
14
|
-
startTimer.current = setTimeout(() => startFn(...args), delayTime);
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
const cleanFunction = function () {
|
|
18
|
-
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
19
|
-
args[_key2] = arguments[_key2];
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
clearTimeout(startTimer.current);
|
|
23
|
-
closeTimer.current = setTimeout(() => cleanFn(...args), 30);
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
return [startFunction, cleanFunction];
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
export { useExecutionDelay as default };
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
-
import 'core-js/modules/esnext.iterator.filter.js';
|
|
3
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
4
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
5
|
-
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
6
|
-
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
7
|
-
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
8
|
-
import { useMemo } from 'react';
|
|
9
|
-
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
10
|
-
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
11
|
-
import { isFunction } from 'lodash';
|
|
12
|
-
import useDerivedStateFromProp from './useDerivedStateFromProps.js';
|
|
13
|
-
|
|
14
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
15
|
-
|
|
16
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17
|
-
|
|
18
|
-
const toggleStateInObject = (obj, key, value) => {
|
|
19
|
-
const nextObj = _objectSpread({}, obj);
|
|
20
|
-
|
|
21
|
-
if (nextObj[key]) {
|
|
22
|
-
delete nextObj[key];
|
|
23
|
-
} else {
|
|
24
|
-
nextObj[key] = value;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
return nextObj;
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
const noop = () => null;
|
|
31
|
-
|
|
32
|
-
function useExpandState(_ref) {
|
|
33
|
-
let {
|
|
34
|
-
items = [],
|
|
35
|
-
itemKey = 'id',
|
|
36
|
-
expanded: expandedProp = {},
|
|
37
|
-
onExpand,
|
|
38
|
-
onExpandChange = noop,
|
|
39
|
-
onExpandAll = noop,
|
|
40
|
-
onToggleExpand,
|
|
41
|
-
onCollapse
|
|
42
|
-
} = _ref;
|
|
43
|
-
const [expanded, setExpanded] = useDerivedStateFromProp(expandedProp);
|
|
44
|
-
const isExpandedAll = useMemo(() => Object.keys(expanded).length === items.length, [expanded, items]);
|
|
45
|
-
|
|
46
|
-
const toggleExpandAll = function () {
|
|
47
|
-
let stateData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
48
|
-
setExpanded(() => {
|
|
49
|
-
const nextState = {};
|
|
50
|
-
|
|
51
|
-
if (!isExpandedAll) {
|
|
52
|
-
items.forEach(item => {
|
|
53
|
-
nextState[item[itemKey]] = stateData;
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
onExpandChange(nextState);
|
|
58
|
-
onExpandAll(nextState);
|
|
59
|
-
return nextState;
|
|
60
|
-
});
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
const expand = function (item) {
|
|
64
|
-
let stateData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
65
|
-
if (!item) return;
|
|
66
|
-
|
|
67
|
-
if (isFunction(onExpand)) {
|
|
68
|
-
onExpand(item);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
setExpanded(prevState => {
|
|
72
|
-
const key = item[itemKey];
|
|
73
|
-
|
|
74
|
-
const nextState = _objectSpread(_objectSpread({}, prevState), {}, {
|
|
75
|
-
[key]: stateData
|
|
76
|
-
});
|
|
77
|
-
|
|
78
|
-
onExpandChange(nextState, item);
|
|
79
|
-
return nextState;
|
|
80
|
-
});
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
const toggleExpand = function (item) {
|
|
84
|
-
let stateData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
85
|
-
|
|
86
|
-
if (isFunction(onToggleExpand)) {
|
|
87
|
-
onToggleExpand(item);
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
setExpanded(prevState => {
|
|
91
|
-
const key = item[itemKey];
|
|
92
|
-
const nextState = toggleStateInObject(prevState, key, stateData);
|
|
93
|
-
onExpandChange(nextState, item);
|
|
94
|
-
return nextState;
|
|
95
|
-
});
|
|
96
|
-
};
|
|
97
|
-
|
|
98
|
-
const collapse = item => {
|
|
99
|
-
if (isFunction(onCollapse)) {
|
|
100
|
-
onCollapse(item);
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
setExpanded(prevState => {
|
|
104
|
-
const nextState = _objectSpread({}, prevState);
|
|
105
|
-
|
|
106
|
-
delete nextState[item[itemKey]];
|
|
107
|
-
onExpandChange(nextState, item);
|
|
108
|
-
return nextState;
|
|
109
|
-
});
|
|
110
|
-
};
|
|
111
|
-
|
|
112
|
-
return {
|
|
113
|
-
state: {
|
|
114
|
-
expanded,
|
|
115
|
-
isExpandedAll
|
|
116
|
-
},
|
|
117
|
-
actions: {
|
|
118
|
-
expand,
|
|
119
|
-
toggleExpandAll,
|
|
120
|
-
toggleExpand,
|
|
121
|
-
collapse
|
|
122
|
-
},
|
|
123
|
-
setExpanded
|
|
124
|
-
};
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
export { useExpandState as default };
|
package/esm/hooks/useHotkeys.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
|
-
import hotkeys from 'hotkeys-js';
|
|
3
|
-
import { useCallback, useEffect } from 'react';
|
|
4
|
-
|
|
5
|
-
function useHotkeys(_ref) {
|
|
6
|
-
let {
|
|
7
|
-
keys,
|
|
8
|
-
handler,
|
|
9
|
-
options = {}
|
|
10
|
-
} = _ref;
|
|
11
|
-
let deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
12
|
-
const memoizedCallback = useCallback(handler, deps);
|
|
13
|
-
useEffect(() => {
|
|
14
|
-
hotkeys(keys, options, memoizedCallback);
|
|
15
|
-
return () => hotkeys.unbind(keys);
|
|
16
|
-
}, [memoizedCallback]);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export { useHotkeys as default };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
|
-
import { useState, useRef, useEffect, useMemo } from 'react';
|
|
3
|
-
|
|
4
|
-
// Taken and modified from https://stackoverflow.com/a/60218754
|
|
5
|
-
|
|
6
|
-
const useOnElementResize = targetRef => {
|
|
7
|
-
var _targetRef$current, _targetRef$current2;
|
|
8
|
-
|
|
9
|
-
const [width, setWidth] = useState(targetRef.current ? (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.offsetWidth : 0);
|
|
10
|
-
const [height, setHeight] = useState(targetRef.current ? (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.offsetWidth : 0);
|
|
11
|
-
const observer = useRef(null);
|
|
12
|
-
useEffect(() => {
|
|
13
|
-
function outputsize() {
|
|
14
|
-
var _targetRef$current3, _targetRef$current4;
|
|
15
|
-
|
|
16
|
-
setWidth((_targetRef$current3 = targetRef.current) === null || _targetRef$current3 === void 0 ? void 0 : _targetRef$current3.offsetWidth);
|
|
17
|
-
setHeight((_targetRef$current4 = targetRef.current) === null || _targetRef$current4 === void 0 ? void 0 : _targetRef$current4.offsetHeight);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
observer.current = new ResizeObserver(outputsize).observe(targetRef.current);
|
|
21
|
-
return () => {
|
|
22
|
-
var _observer$current;
|
|
23
|
-
|
|
24
|
-
(_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.disconnect();
|
|
25
|
-
};
|
|
26
|
-
}, [targetRef]);
|
|
27
|
-
return useMemo(() => ({
|
|
28
|
-
width,
|
|
29
|
-
height
|
|
30
|
-
}), [width, height]);
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
export { useOnElementResize };
|