@elliemae/ds-shared 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/Animations/BaseAnimation.js +19 -27
- package/cjs/Animations/Grow.js +17 -22
- package/cjs/Animations/GrowRight.js +17 -23
- package/cjs/Animations/GrowVertical.js +3 -2
- package/cjs/CheckableGroup.js +40 -46
- package/cjs/DeferRenderAfterComputation.js +12 -21
- package/cjs/FocusGroup/FocusGrid.js +91 -92
- package/cjs/FocusGroup/FocusGroup.js +225 -262
- package/cjs/FocusGroup/FocusGroupContext.js +1 -2
- package/cjs/FocusGroup/FocusGroupManager.js +88 -126
- package/cjs/FocusGroup/focusGroupManagerHoc.js +28 -27
- package/cjs/FocusGroup/index.js +14 -28
- package/cjs/FocusGroup/useFocusGroupItem.js +27 -24
- package/cjs/FocusGroup/utils/getNextCellPosition.js +14 -15
- package/cjs/GroupContext/Group.js +81 -103
- package/cjs/GroupContext/GroupContext.js +1 -2
- package/cjs/GroupContext/GroupItem.js +12 -10
- package/cjs/GroupContext/index.js +6 -15
- package/cjs/ScrollSync/ScrollSync.js +90 -112
- package/cjs/ScrollSync/ScrollSyncPane.js +58 -90
- package/cjs/ScrollSync/ScrollSyncProvider.js +36 -26
- package/cjs/ScrollSync/index.js +4 -13
- package/cjs/ScrollSync/useScrollSync.js +0 -1
- package/cjs/constants.js +43 -4
- package/cjs/createDataInstance/createInstancePlugin.js +11 -10
- package/cjs/createDataInstance/createInstanceRef.js +41 -42
- package/cjs/createDataInstance/utils.js +56 -58
- package/cjs/defer-render-hoc/index.js +26 -61
- package/cjs/dimsum.config.js +7 -0
- package/cjs/index.js +10 -20
- package/cjs/prop-types.js +59 -0
- package/cjs/react-spring/index.js +3 -6
- package/cjs/react-spring/renderprops.js +3 -6
- package/cjs/toolbar/ToolbarProvider.js +65 -77
- package/cjs/useDataGrid/VolatileRowsListener.js +13 -27
- package/cjs/useDataGrid/index.js +2 -17
- package/cjs/useDataGrid/initColumnDefinition.js +46 -47
- package/cjs/useDataGrid/useDataGrid.js +104 -144
- package/cjs/useDataList/index.js +2 -15
- package/cjs/useDataList/recordIterator.js +9 -10
- package/cjs/useDataList/useDataList.js +51 -59
- package/cjs/utils.js +46 -59
- package/cjs/virtualization/AutoHeightList.js +31 -22
- package/cjs/virtualization/FluidHeightList.js +26 -12
- package/cjs/virtualization/index.js +12 -17
- package/esm/Animations/BaseAnimation.js +18 -26
- package/esm/Animations/Grow.js +15 -20
- package/esm/Animations/GrowRight.js +15 -21
- package/esm/Animations/GrowVertical.js +3 -2
- package/esm/CheckableGroup.js +38 -42
- package/esm/DeferRenderAfterComputation.js +12 -20
- package/esm/FocusGroup/FocusGrid.js +87 -89
- package/esm/FocusGroup/FocusGroup.js +222 -257
- package/esm/FocusGroup/FocusGroupContext.js +0 -1
- package/esm/FocusGroup/FocusGroupManager.js +82 -114
- package/esm/FocusGroup/focusGroupManagerHoc.js +24 -22
- package/esm/FocusGroup/index.js +0 -14
- package/esm/FocusGroup/useFocusGroupItem.js +25 -22
- package/esm/FocusGroup/utils/getNextCellPosition.js +14 -15
- package/esm/GroupContext/Group.js +80 -95
- package/esm/GroupContext/GroupContext.js +1 -2
- package/esm/GroupContext/GroupItem.js +10 -8
- package/esm/GroupContext/index.js +0 -9
- package/esm/ScrollSync/ScrollSync.js +88 -105
- package/esm/ScrollSync/ScrollSyncPane.js +56 -83
- package/esm/ScrollSync/ScrollSyncProvider.js +35 -26
- package/esm/ScrollSync/index.js +0 -9
- package/esm/ScrollSync/useScrollSync.js +0 -1
- package/esm/constants.js +31 -5
- package/esm/createDataInstance/createInstancePlugin.js +10 -8
- package/esm/createDataInstance/createInstanceRef.js +36 -36
- package/esm/createDataInstance/utils.js +55 -57
- package/esm/defer-render-hoc/index.js +25 -55
- package/esm/dimsum.config.js +5 -0
- package/esm/index.js +0 -10
- package/esm/prop-types.js +43 -0
- package/esm/react-spring/index.js +1 -2
- package/esm/react-spring/renderprops.js +1 -2
- package/esm/toolbar/ToolbarProvider.js +60 -71
- package/esm/useDataGrid/VolatileRowsListener.js +14 -23
- package/esm/useDataGrid/index.js +0 -15
- package/esm/useDataGrid/initColumnDefinition.js +43 -43
- package/esm/useDataGrid/useDataGrid.js +90 -127
- package/esm/useDataList/index.js +0 -13
- package/esm/useDataList/recordIterator.js +9 -10
- package/esm/useDataList/useDataList.js +39 -46
- package/esm/utils.js +44 -57
- package/esm/virtualization/AutoHeightList.js +28 -18
- package/esm/virtualization/FluidHeightList.js +24 -10
- package/esm/virtualization/index.js +6 -11
- package/package.json +201 -8
- package/types/Animations/BaseAnimation.d.ts +12 -0
- package/types/Animations/Grow.d.ts +11 -0
- package/types/Animations/GrowRight.d.ts +11 -0
- package/types/Animations/GrowVertical.d.ts +1 -0
- package/types/CheckableGroup.d.ts +20 -0
- package/types/DeferRenderAfterComputation.d.ts +6 -0
- package/types/FocusGroup/FocusGrid.d.ts +10 -0
- package/types/FocusGroup/FocusGroup.d.ts +36 -0
- package/types/FocusGroup/FocusGroupContext.d.ts +3 -0
- package/types/FocusGroup/FocusGroupManager.d.ts +24 -0
- package/types/FocusGroup/focusGroupManagerHoc.d.ts +7 -0
- package/types/FocusGroup/index.d.ts +6 -0
- package/types/FocusGroup/useFocusGroupItem.d.ts +2 -0
- package/types/FocusGroup/utils/getNextCellPosition.d.ts +12 -0
- package/types/GroupContext/Group.d.ts +14 -0
- package/types/GroupContext/GroupContext.d.ts +2 -0
- package/types/GroupContext/GroupItem.d.ts +5 -0
- package/types/GroupContext/index.d.ts +3 -0
- package/types/ScrollSync/ScrollSync.d.ts +21 -0
- package/types/ScrollSync/ScrollSyncPane.d.ts +3 -0
- package/types/ScrollSync/ScrollSyncProvider.d.ts +12 -0
- package/types/ScrollSync/index.d.ts +2 -0
- package/types/ScrollSync/useScrollSync.d.ts +6 -0
- package/types/constants.d.ts +30 -0
- package/types/createDataInstance/createInstancePlugin.d.ts +1 -0
- package/types/createDataInstance/createInstanceRef.d.ts +12 -0
- package/types/createDataInstance/tests/createInstanceRef.test.d.ts +0 -0
- package/types/createDataInstance/utils.d.ts +9 -0
- package/types/dimsum.config.d.ts +4 -0
- package/types/index.d.ts +2 -0
- package/types/prop-types.d.ts +41 -0
- package/types/react-spring/index.d.ts +1 -0
- package/types/react-spring/renderprops.d.ts +1 -0
- package/types/toolbar/ToolbarProvider.d.ts +10 -0
- package/types/useDataGrid/VolatileRowsListener.d.ts +5 -0
- package/types/useDataGrid/index.d.ts +1 -0
- package/types/useDataGrid/initColumnDefinition.d.ts +5 -0
- package/types/useDataGrid/useDataGrid.d.ts +8 -0
- package/types/useDataList/index.d.ts +1 -0
- package/types/useDataList/recordIterator.d.ts +1 -0
- package/types/useDataList/useDataList.d.ts +13 -0
- package/types/utils.d.ts +22 -0
- package/types/virtualization/AutoHeightList.d.ts +2 -0
- package/types/virtualization/FluidHeightList.d.ts +2 -0
- package/types/virtualization/index.d.ts +9 -0
- package/Animations/BaseAnimation/package.json +0 -10
- package/Animations/Grow/package.json +0 -10
- package/Animations/GrowRight/package.json +0 -10
- package/Animations/GrowVertical/package.json +0 -10
- package/CheckableGroup/package.json +0 -10
- package/DeferRenderAfterComputation/package.json +0 -10
- package/FocusGroup/FocusGrid/package.json +0 -10
- package/FocusGroup/FocusGroup/package.json +0 -10
- package/FocusGroup/FocusGroupContext/package.json +0 -10
- package/FocusGroup/FocusGroupManager/package.json +0 -10
- package/FocusGroup/focusGroupManagerHoc/package.json +0 -10
- package/FocusGroup/package.json +0 -10
- package/FocusGroup/useFocusGroupItem/package.json +0 -10
- package/FocusGroup/utils/getNextCellPosition/package.json +0 -10
- package/GroupContext/Group/package.json +0 -10
- package/GroupContext/GroupContext/package.json +0 -10
- package/GroupContext/GroupItem/package.json +0 -10
- package/GroupContext/package.json +0 -10
- package/ScrollSync/ScrollSync/package.json +0 -10
- package/ScrollSync/ScrollSyncPane/package.json +0 -10
- package/ScrollSync/ScrollSyncProvider/package.json +0 -10
- package/ScrollSync/package.json +0 -10
- package/ScrollSync/useScrollSync/package.json +0 -10
- package/cjs/Animations/BaseAnimation.js.map +0 -1
- package/cjs/Animations/Grow.js.map +0 -1
- package/cjs/Animations/GrowRight.js.map +0 -1
- package/cjs/Animations/GrowVertical.js.map +0 -1
- package/cjs/CheckableGroup.js.map +0 -1
- package/cjs/DeferRenderAfterComputation.js.map +0 -1
- package/cjs/FocusGroup/FocusGrid.js.map +0 -1
- package/cjs/FocusGroup/FocusGroup.js.map +0 -1
- package/cjs/FocusGroup/FocusGroupContext.js.map +0 -1
- package/cjs/FocusGroup/FocusGroupManager.js.map +0 -1
- package/cjs/FocusGroup/focusGroupManagerHoc.js.map +0 -1
- package/cjs/FocusGroup/index.js.map +0 -1
- package/cjs/FocusGroup/useFocusGroupItem.js.map +0 -1
- package/cjs/FocusGroup/utils/getNextCellPosition.js.map +0 -1
- package/cjs/GroupContext/Group.js.map +0 -1
- package/cjs/GroupContext/GroupContext.js.map +0 -1
- package/cjs/GroupContext/GroupItem.js.map +0 -1
- package/cjs/GroupContext/index.js.map +0 -1
- package/cjs/ScrollSync/ScrollSync.js.map +0 -1
- package/cjs/ScrollSync/ScrollSyncPane.js.map +0 -1
- package/cjs/ScrollSync/ScrollSyncProvider.js.map +0 -1
- package/cjs/ScrollSync/index.js.map +0 -1
- package/cjs/ScrollSync/useScrollSync.js.map +0 -1
- package/cjs/constants.js.map +0 -1
- package/cjs/createDataInstance/createInstancePlugin.js.map +0 -1
- package/cjs/createDataInstance/createInstanceRef.js.map +0 -1
- package/cjs/createDataInstance/utils.js.map +0 -1
- package/cjs/defer-render-hoc/index.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/react-spring/index.js.map +0 -1
- package/cjs/react-spring/renderprops.js.map +0 -1
- package/cjs/toolbar/ToolbarProvider.js.map +0 -1
- package/cjs/useDataGrid/VolatileRowsListener.js.map +0 -1
- package/cjs/useDataGrid/index.js.map +0 -1
- package/cjs/useDataGrid/initColumnDefinition.js.map +0 -1
- package/cjs/useDataGrid/useDataGrid.js.map +0 -1
- package/cjs/useDataList/index.js.map +0 -1
- package/cjs/useDataList/recordIterator.js.map +0 -1
- package/cjs/useDataList/useDataList.js.map +0 -1
- package/cjs/utils.js.map +0 -1
- package/cjs/virtualization/AutoHeightList.js.map +0 -1
- package/cjs/virtualization/FluidHeightList.js.map +0 -1
- package/cjs/virtualization/index.js.map +0 -1
- package/constants/package.json +0 -10
- package/createDataInstance/createInstancePlugin/package.json +0 -10
- package/createDataInstance/createInstanceRef/package.json +0 -10
- package/createDataInstance/utils/package.json +0 -10
- package/defer-render-hoc/package.json +0 -10
- package/esm/Animations/BaseAnimation.js.map +0 -1
- package/esm/Animations/Grow.js.map +0 -1
- package/esm/Animations/GrowRight.js.map +0 -1
- package/esm/Animations/GrowVertical.js.map +0 -1
- package/esm/CheckableGroup.js.map +0 -1
- package/esm/DeferRenderAfterComputation.js.map +0 -1
- package/esm/FocusGroup/FocusGrid.js.map +0 -1
- package/esm/FocusGroup/FocusGroup.js.map +0 -1
- package/esm/FocusGroup/FocusGroupContext.js.map +0 -1
- package/esm/FocusGroup/FocusGroupManager.js.map +0 -1
- package/esm/FocusGroup/focusGroupManagerHoc.js.map +0 -1
- package/esm/FocusGroup/index.js.map +0 -1
- package/esm/FocusGroup/useFocusGroupItem.js.map +0 -1
- package/esm/FocusGroup/utils/getNextCellPosition.js.map +0 -1
- package/esm/GroupContext/Group.js.map +0 -1
- package/esm/GroupContext/GroupContext.js.map +0 -1
- package/esm/GroupContext/GroupItem.js.map +0 -1
- package/esm/GroupContext/index.js.map +0 -1
- package/esm/ScrollSync/ScrollSync.js.map +0 -1
- package/esm/ScrollSync/ScrollSyncPane.js.map +0 -1
- package/esm/ScrollSync/ScrollSyncProvider.js.map +0 -1
- package/esm/ScrollSync/index.js.map +0 -1
- package/esm/ScrollSync/useScrollSync.js.map +0 -1
- package/esm/constants.js.map +0 -1
- package/esm/createDataInstance/createInstancePlugin.js.map +0 -1
- package/esm/createDataInstance/createInstanceRef.js.map +0 -1
- package/esm/createDataInstance/utils.js.map +0 -1
- package/esm/defer-render-hoc/index.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/react-spring/index.js.map +0 -1
- package/esm/react-spring/renderprops.js.map +0 -1
- package/esm/toolbar/ToolbarProvider.js.map +0 -1
- package/esm/useDataGrid/VolatileRowsListener.js.map +0 -1
- package/esm/useDataGrid/index.js.map +0 -1
- package/esm/useDataGrid/initColumnDefinition.js.map +0 -1
- package/esm/useDataGrid/useDataGrid.js.map +0 -1
- package/esm/useDataList/index.js.map +0 -1
- package/esm/useDataList/recordIterator.js.map +0 -1
- package/esm/useDataList/useDataList.js.map +0 -1
- package/esm/utils.js.map +0 -1
- package/esm/virtualization/AutoHeightList.js.map +0 -1
- package/esm/virtualization/FluidHeightList.js.map +0 -1
- package/esm/virtualization/index.js.map +0 -1
- package/react-spring/package.json +0 -10
- package/react-spring/renderprops/package.json +0 -10
- package/toolbar/ToolbarProvider/package.json +0 -10
- package/useDataGrid/VolatileRowsListener/package.json +0 -10
- package/useDataGrid/initColumnDefinition/package.json +0 -10
- package/useDataGrid/package.json +0 -10
- package/useDataGrid/useDataGrid/package.json +0 -10
- package/useDataList/package.json +0 -10
- package/useDataList/recordIterator/package.json +0 -10
- package/useDataList/useDataList/package.json +0 -10
- package/utils/package.json +0 -10
- package/virtualization/AutoHeightList/package.json +0 -10
- package/virtualization/FluidHeightList/package.json +0 -10
- package/virtualization/package.json +0 -10
|
@@ -3,6 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
11
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
12
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
13
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
14
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
15
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
6
16
|
|
|
7
17
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
18
|
|
|
@@ -10,16 +20,15 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
10
20
|
|
|
11
21
|
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
22
|
|
|
13
|
-
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[
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
var grid = arguments.length > 1 ? arguments[1] : undefined;
|
|
23
|
+
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; }
|
|
24
|
+
const reducePropsGetter = function () {
|
|
25
|
+
let decorators = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
26
|
+
let grid = arguments.length > 1 ? arguments[1] : undefined;
|
|
18
27
|
return function () {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
decorators.forEach(
|
|
28
|
+
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
29
|
+
let extraParams = arguments.length > 1 ? arguments[1] : undefined;
|
|
30
|
+
let nextProps = props;
|
|
31
|
+
decorators.forEach(decorator => {
|
|
23
32
|
nextProps = decorator(nextProps, grid, extraParams);
|
|
24
33
|
});
|
|
25
34
|
return nextProps;
|
|
@@ -28,11 +37,11 @@ var reducePropsGetter = function reducePropsGetter() {
|
|
|
28
37
|
/* eslint-disable-next-line max-params */
|
|
29
38
|
|
|
30
39
|
function evaluateTransforms(transforms, value) {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
transforms.forEach(
|
|
40
|
+
let extraParams = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
41
|
+
let props = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
42
|
+
let grid = arguments.length > 4 ? arguments[4] : undefined;
|
|
43
|
+
let nextProps = props;
|
|
44
|
+
transforms.forEach(transform => {
|
|
36
45
|
nextProps = transform(value, extraParams, nextProps, grid);
|
|
37
46
|
});
|
|
38
47
|
return nextProps;
|
|
@@ -40,71 +49,61 @@ function evaluateTransforms(transforms, value) {
|
|
|
40
49
|
/* eslint-disable-next-line max-params */
|
|
41
50
|
|
|
42
51
|
function evaluateFormatters(formatters, value) {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
return formatters.reduce(
|
|
46
|
-
return formatter(result, extraParams, grid);
|
|
47
|
-
}, value);
|
|
52
|
+
let extraParams = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
53
|
+
let grid = arguments.length > 3 ? arguments[3] : undefined;
|
|
54
|
+
return formatters.reduce((result, formatter) => formatter(result, extraParams, grid), value);
|
|
48
55
|
}
|
|
49
56
|
function composeFormatters(formatters, instance) {
|
|
50
|
-
|
|
51
|
-
return record.data.name;
|
|
52
|
-
};
|
|
57
|
+
let getItemValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : record => record.data.name;
|
|
53
58
|
// todo: make the formatters subscribe to the item props instead of getting the whole instance
|
|
54
59
|
// todo: addd should formatter update to memoize specific ones
|
|
55
|
-
return
|
|
56
|
-
return formatters.reduce(function (result, formatter) {
|
|
57
|
-
return formatter(result, props, instance);
|
|
58
|
-
}, getItemValue(props.record));
|
|
59
|
-
};
|
|
60
|
+
return props => formatters.reduce((result, formatter) => formatter(result, props, instance), getItemValue(props.record));
|
|
60
61
|
}
|
|
61
|
-
|
|
62
|
-
|
|
62
|
+
const applyDecorators = function (subject) {
|
|
63
|
+
let decorators = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
63
64
|
|
|
64
65
|
for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
|
65
66
|
args[_key - 2] = arguments[_key];
|
|
66
67
|
}
|
|
67
68
|
|
|
68
|
-
return decorators.reduce(
|
|
69
|
-
return decorator.apply(void 0, [nextSubject].concat(args));
|
|
70
|
-
}, subject);
|
|
69
|
+
return decorators.reduce((nextSubject, decorator) => decorator(nextSubject, ...args), subject);
|
|
71
70
|
};
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
return nextColumns.map(
|
|
75
|
-
return applyDecorators(column, decorators.decorateColumn, grid, index);
|
|
76
|
-
});
|
|
77
|
-
};
|
|
78
|
-
var mergeInstance = function mergeInstance(instance, instanceHook) {
|
|
79
|
-
return _objectSpread(_objectSpread({}, instance), instanceHook(instance));
|
|
71
|
+
const decorateColumns = (columns, decorators, grid) => {
|
|
72
|
+
const nextColumns = applyDecorators(columns, decorators.decorateColumns, grid);
|
|
73
|
+
return nextColumns.map((column, index) => applyDecorators(column, decorators.decorateColumn, grid, index));
|
|
80
74
|
};
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
75
|
+
const mergeInstance = (instance, instanceHook) => _objectSpread(_objectSpread({}, instance), instanceHook(instance));
|
|
76
|
+
const registerStateHookToInstance = (instance, stateHook) => {
|
|
77
|
+
const {
|
|
78
|
+
state,
|
|
79
|
+
actions
|
|
80
|
+
} = stateHook(instance);
|
|
86
81
|
return _objectSpread(_objectSpread({}, instance), {}, {
|
|
87
82
|
state: _objectSpread(_objectSpread({}, instance.state), state),
|
|
88
83
|
actions: _objectSpread(_objectSpread({}, instance.actions), actions)
|
|
89
84
|
});
|
|
90
85
|
};
|
|
91
86
|
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
87
|
+
const reduceHotKey = (instance, _ref) => {
|
|
88
|
+
let {
|
|
89
|
+
key,
|
|
90
|
+
handler,
|
|
91
|
+
options,
|
|
92
|
+
allowDocumentHandler
|
|
93
|
+
} = _ref;
|
|
97
94
|
return _objectSpread(_objectSpread({}, instance), {}, {
|
|
98
|
-
hotKeys: _objectSpread(_objectSpread({}, instance.hotKeys), {},
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
95
|
+
hotKeys: _objectSpread(_objectSpread({}, instance.hotKeys), {}, {
|
|
96
|
+
[key]: {
|
|
97
|
+
handler,
|
|
98
|
+
options,
|
|
99
|
+
allowDocumentHandler
|
|
100
|
+
}
|
|
101
|
+
})
|
|
103
102
|
});
|
|
104
103
|
};
|
|
105
104
|
|
|
106
|
-
|
|
107
|
-
|
|
105
|
+
const registerHotKeysHookToInstance = (instance, hotKeysHook) => {
|
|
106
|
+
const hotKeys = hotKeysHook(instance);
|
|
108
107
|
|
|
109
108
|
if (Array.isArray(hotKeys)) {
|
|
110
109
|
return hotKeys.reduce(reduceHotKey, instance);
|
|
@@ -122,4 +121,3 @@ exports.mergeInstance = mergeInstance;
|
|
|
122
121
|
exports.reducePropsGetter = reducePropsGetter;
|
|
123
122
|
exports.registerHotKeysHookToInstance = registerHotKeysHookToInstance;
|
|
124
123
|
exports.registerStateHookToInstance = registerStateHookToInstance;
|
|
125
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1,84 +1,49 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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');
|
|
8
10
|
var React = require('react');
|
|
9
11
|
var raf = require('raf');
|
|
10
12
|
var hoistNonReactStatic = require('hoist-non-react-statics');
|
|
13
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
11
14
|
|
|
12
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
16
|
|
|
14
|
-
var
|
|
15
|
-
var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
|
|
16
|
-
var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
|
|
17
|
-
var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
|
|
18
|
-
var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
|
|
19
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
20
18
|
var raf__default = /*#__PURE__*/_interopDefaultLegacy(raf);
|
|
21
19
|
var hoistNonReactStatic__default = /*#__PURE__*/_interopDefaultLegacy(hoistNonReactStatic);
|
|
22
20
|
|
|
23
|
-
function
|
|
24
|
-
|
|
25
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
26
|
-
/**
|
|
27
|
-
* Allows two animation frames to complete to allow other components to update
|
|
28
|
-
* and re-render before mounting and rendering an expensive `WrappedComponent`.
|
|
29
|
-
*
|
|
30
|
-
* @param WrappedComponent
|
|
31
|
-
* @param fallback
|
|
32
|
-
*/
|
|
21
|
+
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; }
|
|
33
22
|
|
|
23
|
+
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; }
|
|
34
24
|
function deferComponentRender(WrappedComponent, fallback) {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
function DeferredRenderWrapper() {
|
|
41
|
-
var _this;
|
|
42
|
-
|
|
43
|
-
_classCallCheck__default['default'](this, DeferredRenderWrapper);
|
|
44
|
-
|
|
45
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
46
|
-
args[_key] = arguments[_key];
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
50
|
-
_this.state = {
|
|
25
|
+
class DeferredRenderWrapper extends React.PureComponent {
|
|
26
|
+
constructor() {
|
|
27
|
+
super(...arguments);
|
|
28
|
+
this.state = {
|
|
51
29
|
shouldRender: false
|
|
52
30
|
};
|
|
53
|
-
return _this;
|
|
54
31
|
}
|
|
55
32
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
33
|
+
componentDidMount() {
|
|
34
|
+
raf__default["default"](() => raf__default["default"](() => this.setState({
|
|
35
|
+
shouldRender: true
|
|
36
|
+
})));
|
|
37
|
+
}
|
|
60
38
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
});
|
|
66
|
-
});
|
|
67
|
-
});
|
|
68
|
-
}
|
|
69
|
-
}, {
|
|
70
|
-
key: "render",
|
|
71
|
-
value: function render() {
|
|
72
|
-
// eslint-disable-next-line react/destructuring-assignment
|
|
73
|
-
return this.state.shouldRender ? /*#__PURE__*/React__default['default'].createElement(WrappedComponent, this.props) : fallback;
|
|
74
|
-
}
|
|
75
|
-
}]);
|
|
39
|
+
render() {
|
|
40
|
+
// eslint-disable-next-line react/destructuring-assignment
|
|
41
|
+
return this.state.shouldRender ? /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _objectSpread({}, this.props)) : fallback;
|
|
42
|
+
}
|
|
76
43
|
|
|
77
|
-
|
|
78
|
-
}(React.PureComponent);
|
|
44
|
+
}
|
|
79
45
|
|
|
80
|
-
return hoistNonReactStatic__default[
|
|
46
|
+
return hoistNonReactStatic__default["default"](DeferredRenderWrapper, WrappedComponent);
|
|
81
47
|
}
|
|
82
48
|
|
|
83
49
|
module.exports = deferComponentRender;
|
|
84
|
-
//# sourceMappingURL=index.js.map
|
package/cjs/index.js
CHANGED
|
@@ -2,26 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
require('@babel/runtime/helpers/classCallCheck');
|
|
11
|
-
require('@babel/runtime/helpers/createClass');
|
|
12
|
-
require('@babel/runtime/helpers/assertThisInitialized');
|
|
13
|
-
require('@babel/runtime/helpers/inherits');
|
|
14
|
-
require('@babel/runtime/helpers/possibleConstructorReturn');
|
|
15
|
-
require('@babel/runtime/helpers/getPrototypeOf');
|
|
16
|
-
require('react');
|
|
17
|
-
require('@babel/runtime/helpers/extends');
|
|
18
|
-
require('prop-types');
|
|
5
|
+
var ScrollSync = require('./ScrollSync/ScrollSync.js');
|
|
6
|
+
var ScrollSyncPane = require('./ScrollSync/ScrollSyncPane.js');
|
|
7
|
+
var Group = require('./GroupContext/Group.js');
|
|
8
|
+
var GroupContext = require('./GroupContext/GroupContext.js');
|
|
9
|
+
var GroupItem = require('./GroupContext/GroupItem.js');
|
|
19
10
|
|
|
20
11
|
|
|
21
12
|
|
|
22
|
-
exports.ScrollSync =
|
|
23
|
-
exports.ScrollSyncPane =
|
|
24
|
-
exports.Group =
|
|
25
|
-
exports.GroupContext =
|
|
26
|
-
exports.GroupItem =
|
|
27
|
-
//# sourceMappingURL=index.js.map
|
|
13
|
+
exports.ScrollSync = ScrollSync["default"];
|
|
14
|
+
exports.ScrollSyncPane = ScrollSyncPane;
|
|
15
|
+
exports.Group = Group;
|
|
16
|
+
exports.GroupContext = GroupContext.GroupContext;
|
|
17
|
+
exports.GroupItem = GroupItem;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const dsBasicSizes = ['s', 'm', 'l'];
|
|
6
|
+
const sizes = ['xsmall', 'small', 'medium', 'large', 'xlarge'];
|
|
7
|
+
const iconSizes = ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'];
|
|
8
|
+
const iconColors = [['neutral', '900'], ['neutral', '0'], ['danger', '900'], ['warning', '500'], ['success', '900'], ['brand-primary', '600']];
|
|
9
|
+
const CHECKBOX_VARIANT = {
|
|
10
|
+
DEFAULT: 'variant-default',
|
|
11
|
+
FOCUS: 'variant-focus',
|
|
12
|
+
ACTIVE: 'variant-active',
|
|
13
|
+
DISABLED: 'variant-disabled',
|
|
14
|
+
ERROR: 'variant-error'
|
|
15
|
+
};
|
|
16
|
+
const checkboxVariants = [CHECKBOX_VARIANT.DEFAULT, CHECKBOX_VARIANT.FOCUS, CHECKBOX_VARIANT.ACTIVE, CHECKBOX_VARIANT.DISABLED, CHECKBOX_VARIANT.ERROR];
|
|
17
|
+
const COMBOBOX_VARIANT = {
|
|
18
|
+
DEFAULT: 'variant-default',
|
|
19
|
+
FOCUS: 'variant-focus-input',
|
|
20
|
+
FOCUS_ICON: 'variant-focus-icon',
|
|
21
|
+
ACTIVE: 'variant-active-input',
|
|
22
|
+
ACTIVE_ICON: 'variant-active-icon',
|
|
23
|
+
DISABLED: 'variant-disabled',
|
|
24
|
+
ERROR: 'variant-error'
|
|
25
|
+
};
|
|
26
|
+
const comboBoxVariants = [COMBOBOX_VARIANT.DEFAULT, COMBOBOX_VARIANT.FOCUS, COMBOBOX_VARIANT.FOCUS_ICON, COMBOBOX_VARIANT.ACTIVE, COMBOBOX_VARIANT.ACTIVE_ICON, COMBOBOX_VARIANT.DISABLED, COMBOBOX_VARIANT.ERROR];
|
|
27
|
+
const sizeVariants = {
|
|
28
|
+
S: 's',
|
|
29
|
+
M: 'm',
|
|
30
|
+
L: 'l'
|
|
31
|
+
};
|
|
32
|
+
const position = {
|
|
33
|
+
LEFT: 'left',
|
|
34
|
+
RIGHT: 'right',
|
|
35
|
+
CENTER: 'center'
|
|
36
|
+
};
|
|
37
|
+
const fontColor = {
|
|
38
|
+
NEUTRAL500: 'neutral500',
|
|
39
|
+
NEUTRAL700: 'neutral700'
|
|
40
|
+
};
|
|
41
|
+
const orientation = ['horizontal', 'vertical'];
|
|
42
|
+
const orientationVariants = {
|
|
43
|
+
HORIZONTAL: 'horizontal',
|
|
44
|
+
VERTICAL: 'vertical'
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
exports.CHECKBOX_VARIANT = CHECKBOX_VARIANT;
|
|
48
|
+
exports.COMBOBOX_VARIANT = COMBOBOX_VARIANT;
|
|
49
|
+
exports.checkboxVariants = checkboxVariants;
|
|
50
|
+
exports.comboBoxVariants = comboBoxVariants;
|
|
51
|
+
exports.dsBasicSizes = dsBasicSizes;
|
|
52
|
+
exports.fontColor = fontColor;
|
|
53
|
+
exports.iconColors = iconColors;
|
|
54
|
+
exports.iconSizes = iconSizes;
|
|
55
|
+
exports.orientation = orientation;
|
|
56
|
+
exports.orientationVariants = orientationVariants;
|
|
57
|
+
exports.position = position;
|
|
58
|
+
exports.sizeVariants = sizeVariants;
|
|
59
|
+
exports.sizes = sizes;
|
|
@@ -2,16 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var web = require('react-spring/web');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
Object.keys(
|
|
9
|
+
Object.keys(web).forEach(function (k) {
|
|
10
10
|
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
11
11
|
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return web_cjs[k];
|
|
14
|
-
}
|
|
12
|
+
get: function () { return web[k]; }
|
|
15
13
|
});
|
|
16
14
|
});
|
|
17
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -2,16 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var renderprops = require('react-spring/renderprops');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
Object.keys(
|
|
9
|
+
Object.keys(renderprops).forEach(function (k) {
|
|
10
10
|
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
11
11
|
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return renderprops_cjs[k];
|
|
14
|
-
}
|
|
12
|
+
get: function () { return renderprops[k]; }
|
|
15
13
|
});
|
|
16
14
|
});
|
|
17
|
-
//# sourceMappingURL=renderprops.js.map
|
|
@@ -2,134 +2,122 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
6
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
|
-
|
|
7
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
13
|
var React = require('react');
|
|
9
14
|
var DSPopover = require('@elliemae/ds-popper');
|
|
10
15
|
var dsUtilities = require('@elliemae/ds-utilities');
|
|
16
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
11
17
|
|
|
12
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
19
|
|
|
14
|
-
var
|
|
20
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
15
21
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
16
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
17
22
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
18
23
|
var DSPopover__default = /*#__PURE__*/_interopDefaultLegacy(DSPopover);
|
|
19
24
|
|
|
20
25
|
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; }
|
|
21
26
|
|
|
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[
|
|
23
|
-
|
|
24
|
-
|
|
27
|
+
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; }
|
|
28
|
+
const ToolbarContext = /*#__PURE__*/React__default["default"].createContext();
|
|
29
|
+
const {
|
|
30
|
+
Provider
|
|
31
|
+
} = ToolbarContext;
|
|
25
32
|
|
|
26
|
-
|
|
27
|
-
React.useEffect(
|
|
33
|
+
const useScrollListener = (callback, dependencies) => {
|
|
34
|
+
React.useEffect(() => {
|
|
28
35
|
window.addEventListener('scroll', callback, true);
|
|
29
|
-
return
|
|
36
|
+
return () => {
|
|
30
37
|
window.removeEventListener('scroll', callback, true);
|
|
31
38
|
};
|
|
32
39
|
}, [dependencies]);
|
|
33
40
|
};
|
|
34
41
|
|
|
35
|
-
|
|
36
|
-
return null;
|
|
37
|
-
};
|
|
42
|
+
const noop = () => null;
|
|
38
43
|
|
|
39
44
|
function ToolbarProvider(_ref) {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
53
|
-
tooltipState = _useState2[0],
|
|
54
|
-
setTooltipState = _useState2[1];
|
|
55
|
-
|
|
56
|
-
var show = function show(state) {
|
|
45
|
+
let {
|
|
46
|
+
delay = 200,
|
|
47
|
+
children,
|
|
48
|
+
onHide = noop,
|
|
49
|
+
onShow = noop
|
|
50
|
+
} = _ref;
|
|
51
|
+
const showTimer = React.useRef();
|
|
52
|
+
const hideTimer = React.useRef();
|
|
53
|
+
const toolbarRef = React.useRef();
|
|
54
|
+
const [tooltipState, setTooltipState] = React.useState({});
|
|
55
|
+
|
|
56
|
+
const show = state => {
|
|
57
57
|
if (state.reference === tooltipState.reference) clearTimeout(hideTimer.current);
|
|
58
|
-
showTimer.current = setTimeout(
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
}));
|
|
62
|
-
}, delay);
|
|
58
|
+
showTimer.current = setTimeout(() => setTooltipState(_objectSpread(_objectSpread({}, state), {}, {
|
|
59
|
+
visible: true
|
|
60
|
+
})), delay);
|
|
63
61
|
onShow();
|
|
64
62
|
};
|
|
65
63
|
|
|
66
|
-
|
|
64
|
+
const hide = (e, force) => {
|
|
67
65
|
if (!force) clearTimeout(showTimer.current);
|
|
68
|
-
hideTimer.current = setTimeout(
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
visible: false
|
|
72
|
-
});
|
|
73
|
-
});
|
|
74
|
-
}, 100);
|
|
66
|
+
hideTimer.current = setTimeout(() => setTooltipState(prevState => _objectSpread(_objectSpread({}, prevState), {}, {
|
|
67
|
+
visible: false
|
|
68
|
+
})), 100);
|
|
75
69
|
onHide(tooltipState, e);
|
|
76
70
|
};
|
|
77
71
|
|
|
78
|
-
useScrollListener(
|
|
79
|
-
|
|
80
|
-
}, tooltipState.visible);
|
|
81
|
-
dsUtilities.useOnClickOutside(toolbarRef, function () {
|
|
82
|
-
return hide();
|
|
83
|
-
});
|
|
72
|
+
useScrollListener(e => hide(e, true), tooltipState.visible);
|
|
73
|
+
dsUtilities.useOnClickOutside(toolbarRef, () => hide());
|
|
84
74
|
|
|
85
|
-
|
|
75
|
+
const keyDownHandler = e => {
|
|
86
76
|
if (e.key === 'Escape') {
|
|
87
77
|
hide(e);
|
|
88
78
|
}
|
|
89
79
|
};
|
|
90
80
|
|
|
91
|
-
React.useEffect(
|
|
81
|
+
React.useEffect(() => {
|
|
92
82
|
window.addEventListener('keydown', keyDownHandler);
|
|
93
|
-
return
|
|
83
|
+
return () => {
|
|
94
84
|
window.removeEventListener('keydown', keyDownHandler);
|
|
95
85
|
};
|
|
96
86
|
});
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
}, [tooltipState.reference]);
|
|
104
|
-
return /*#__PURE__*/React__default['default'].createElement(Provider, {
|
|
87
|
+
const value = React.useMemo(() => ({
|
|
88
|
+
state: tooltipState,
|
|
89
|
+
show,
|
|
90
|
+
hide
|
|
91
|
+
}), [tooltipState.reference]);
|
|
92
|
+
return /*#__PURE__*/_jsx__default["default"](Provider, {
|
|
105
93
|
value: value
|
|
106
|
-
}, children, /*#__PURE__*/
|
|
94
|
+
}, void 0, children, /*#__PURE__*/jsxRuntime.jsx(DSPopover__default["default"], _objectSpread(_objectSpread({
|
|
107
95
|
boundaries: "scrollParent"
|
|
108
|
-
}, tooltipState.options || {}, {
|
|
96
|
+
}, tooltipState.options || {}), {}, {
|
|
109
97
|
content: tooltipState.renderer,
|
|
110
98
|
placement: "left",
|
|
111
99
|
referenceEl: tooltipState.reference,
|
|
112
|
-
renderer:
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
100
|
+
renderer: _ref2 => {
|
|
101
|
+
let {
|
|
102
|
+
as: Component,
|
|
103
|
+
style,
|
|
104
|
+
children: Content
|
|
105
|
+
} = _ref2;
|
|
106
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
117
107
|
ref: toolbarRef,
|
|
118
|
-
onMouseEnter:
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
}, Content));
|
|
108
|
+
onMouseEnter: e => show(tooltipState),
|
|
109
|
+
onMouseLeave: hide,
|
|
110
|
+
children: /*#__PURE__*/_jsx__default["default"](Component, {
|
|
111
|
+
style: style
|
|
112
|
+
}, void 0, Content)
|
|
113
|
+
});
|
|
125
114
|
},
|
|
126
115
|
style: tooltipState.style,
|
|
127
116
|
visible: tooltipState.visible
|
|
128
117
|
})));
|
|
129
118
|
}
|
|
130
119
|
|
|
131
|
-
var ToolbarProvider$1 = /*#__PURE__*/React__default[
|
|
120
|
+
var ToolbarProvider$1 = /*#__PURE__*/React__default["default"].memo(ToolbarProvider);
|
|
132
121
|
|
|
133
122
|
exports.ToolbarContext = ToolbarContext;
|
|
134
|
-
exports[
|
|
135
|
-
//# sourceMappingURL=ToolbarProvider.js.map
|
|
123
|
+
exports["default"] = ToolbarProvider$1;
|