@elliemae/ds-shared 1.57.0-rc.0 → 1.57.0-rc.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/cjs/CheckableGroup.js +4 -6
- package/cjs/CheckableGroup.js.map +1 -1
- package/cjs/FocusGroup/FocusGrid.js +13 -16
- package/cjs/FocusGroup/FocusGrid.js.map +1 -1
- package/cjs/FocusGroup/FocusGroup.js +4 -4
- package/cjs/FocusGroup/FocusGroup.js.map +1 -1
- package/cjs/FocusGroup/FocusGroupManager.js +3 -3
- package/cjs/FocusGroup/FocusGroupManager.js.map +1 -1
- package/cjs/FocusGroup/focusGroupManagerHoc.js +1 -1
- package/cjs/FocusGroup/index.js +1 -3
- package/cjs/FocusGroup/index.js.map +1 -1
- package/cjs/toolbar/ToolbarProvider.js +3 -3
- package/cjs/toolbar/ToolbarProvider.js.map +1 -1
- package/cjs/useDataGrid/VolatileRowsListener.js +2 -2
- package/cjs/useDataGrid/VolatileRowsListener.js.map +1 -1
- package/cjs/useDataGrid/index.js +1 -4
- package/cjs/useDataGrid/index.js.map +1 -1
- package/cjs/useDataGrid/initColumnDefinition.js +16 -16
- package/cjs/useDataGrid/initColumnDefinition.js.map +1 -1
- package/cjs/useDataGrid/useDataGrid.js +9 -14
- package/cjs/useDataGrid/useDataGrid.js.map +1 -1
- package/cjs/useDataList/index.js +1 -1
- package/cjs/useDataList/useDataList.js +2 -2
- package/cjs/useDataList/useDataList.js.map +1 -1
- package/cjs/virtualization/AutoHeightList.js +5 -8
- package/cjs/virtualization/AutoHeightList.js.map +1 -1
- package/cjs/virtualization/index.js +1 -3
- package/cjs/virtualization/index.js.map +1 -1
- package/esm/CheckableGroup.js +1 -2
- package/esm/CheckableGroup.js.map +1 -1
- package/esm/FocusGroup/FocusGrid.js +1 -3
- package/esm/FocusGroup/FocusGrid.js.map +1 -1
- package/esm/FocusGroup/FocusGroup.js +1 -1
- package/esm/FocusGroup/FocusGroup.js.map +1 -1
- package/esm/FocusGroup/FocusGroupManager.js +1 -1
- package/esm/FocusGroup/FocusGroupManager.js.map +1 -1
- package/esm/FocusGroup/focusGroupManagerHoc.js +1 -1
- package/esm/FocusGroup/index.js +1 -3
- package/esm/FocusGroup/index.js.map +1 -1
- package/esm/toolbar/ToolbarProvider.js +2 -2
- package/esm/toolbar/ToolbarProvider.js.map +1 -1
- package/esm/useDataGrid/VolatileRowsListener.js +1 -1
- package/esm/useDataGrid/VolatileRowsListener.js.map +1 -1
- package/esm/useDataGrid/index.js +1 -4
- package/esm/useDataGrid/index.js.map +1 -1
- package/esm/useDataGrid/initColumnDefinition.js +1 -1
- package/esm/useDataGrid/initColumnDefinition.js.map +1 -1
- package/esm/useDataGrid/useDataGrid.js +1 -4
- package/esm/useDataGrid/useDataGrid.js.map +1 -1
- package/esm/useDataList/index.js +1 -1
- package/esm/useDataList/useDataList.js +1 -1
- package/esm/useDataList/useDataList.js.map +1 -1
- package/esm/virtualization/AutoHeightList.js +1 -3
- package/esm/virtualization/AutoHeightList.js.map +1 -1
- package/esm/virtualization/index.js +1 -3
- package/esm/virtualization/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -6,7 +6,7 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
|
6
6
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var uuid = require('uuid');
|
|
9
|
-
var
|
|
9
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
12
|
|
|
@@ -18,18 +18,18 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
18
18
|
|
|
19
19
|
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; }
|
|
20
20
|
|
|
21
|
-
var appendHeaderFormatter =
|
|
21
|
+
var appendHeaderFormatter = dsUtilities.curry(function (formatter, column) {
|
|
22
22
|
return _objectSpread(_objectSpread({}, column), {}, {
|
|
23
23
|
header: _objectSpread(_objectSpread({}, column.header), {}, {
|
|
24
|
-
formatters: [].concat(_toConsumableArray__default['default'](
|
|
24
|
+
formatters: [].concat(_toConsumableArray__default['default'](dsUtilities.get(column, 'header.formatters', [])), [formatter])
|
|
25
25
|
})
|
|
26
26
|
});
|
|
27
27
|
});
|
|
28
|
-
var appendCellFormatter =
|
|
28
|
+
var appendCellFormatter = dsUtilities.curry(function (formatter, column) {
|
|
29
29
|
var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'formatters';
|
|
30
|
-
var nextColumn =
|
|
31
|
-
var formatters =
|
|
32
|
-
var scrollingFormatters =
|
|
30
|
+
var nextColumn = dsUtilities.cloneDeep(column);
|
|
31
|
+
var formatters = dsUtilities.get(nextColumn, ['cell', path], []);
|
|
32
|
+
var scrollingFormatters = dsUtilities.get(nextColumn, 'cell.scrollingFormatters', []);
|
|
33
33
|
|
|
34
34
|
if (Array.isArray(formatter)) {
|
|
35
35
|
if (formatter[1]) scrollingFormatters.push(formatter[1]);
|
|
@@ -39,8 +39,8 @@ var appendCellFormatter = utils.curry(function (formatter, column) {
|
|
|
39
39
|
scrollingFormatters.push(formatter);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
dsUtilities.set(nextColumn, ['cell', path], formatters);
|
|
43
|
+
dsUtilities.set(nextColumn, 'cell.scrollingFormatters', scrollingFormatters);
|
|
44
44
|
return nextColumn;
|
|
45
45
|
});
|
|
46
46
|
var defaultColumnDefinitionOptions = {
|
|
@@ -49,8 +49,8 @@ var defaultColumnDefinitionOptions = {
|
|
|
49
49
|
isUserColumn: true,
|
|
50
50
|
visible: true
|
|
51
51
|
};
|
|
52
|
-
var mergeClassNameToColumnHeader =
|
|
53
|
-
var headerProps =
|
|
52
|
+
var mergeClassNameToColumnHeader = dsUtilities.curry(function (className, column) {
|
|
53
|
+
var headerProps = dsUtilities.get(column, ['header', 'props'], {});
|
|
54
54
|
var headerClassName = headerProps.className || '';
|
|
55
55
|
return _objectSpread(_objectSpread({}, column), {}, {
|
|
56
56
|
header: _objectSpread(_objectSpread({}, column.header), {}, {
|
|
@@ -93,13 +93,13 @@ function initColumnDefinition() {
|
|
|
93
93
|
|
|
94
94
|
column.header = _objectSpread(_objectSpread({}, column.header), {}, {
|
|
95
95
|
label: column.label,
|
|
96
|
-
formatters: _toConsumableArray__default['default'](
|
|
96
|
+
formatters: _toConsumableArray__default['default'](dsUtilities.get(column, ['header', 'formatters'], [])),
|
|
97
97
|
props: {
|
|
98
98
|
style: column.headerStyle || {}
|
|
99
99
|
}
|
|
100
100
|
});
|
|
101
101
|
|
|
102
|
-
if (useTextTruncation && !(
|
|
102
|
+
if (useTextTruncation && !(dsUtilities.isFunction(column.customHeaderRenderer) || column.header.formatters.length)) {
|
|
103
103
|
column.header.formatters.push(function (value) {
|
|
104
104
|
return /*#__PURE__*/React__default['default'].createElement("span", {
|
|
105
105
|
className: "cell-value"
|
|
@@ -110,14 +110,14 @@ function initColumnDefinition() {
|
|
|
110
110
|
|
|
111
111
|
column.cell = _objectSpread(_objectSpread({}, column.cell), {}, {
|
|
112
112
|
transforms: [],
|
|
113
|
-
formatters: _toConsumableArray__default['default'](
|
|
114
|
-
scrollingFormatters: _toConsumableArray__default['default'](
|
|
113
|
+
formatters: _toConsumableArray__default['default'](dsUtilities.get(column, ['cell', 'formatters'], [])),
|
|
114
|
+
scrollingFormatters: _toConsumableArray__default['default'](dsUtilities.get(column, ['cell', 'formatters'], [])),
|
|
115
115
|
props: {
|
|
116
116
|
style: column.cellStyle || {}
|
|
117
117
|
}
|
|
118
118
|
});
|
|
119
119
|
|
|
120
|
-
if (useTextTruncation && !(
|
|
120
|
+
if (useTextTruncation && !(dsUtilities.isFunction(column.customRenderer) || column.cell.formatters.length)) {
|
|
121
121
|
column.cell.formatters.push(function (value) {
|
|
122
122
|
return /*#__PURE__*/React__default['default'].createElement("span", {
|
|
123
123
|
className: "cell-value",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"initColumnDefinition.js","sources":["../../../src/useDataGrid/initColumnDefinition.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport {\n get,\n curry,\n set,\n cloneDeep,\n isFunction,\n} from '@elliemae/ds-utilities
|
|
1
|
+
{"version":3,"file":"initColumnDefinition.js","sources":["../../../src/useDataGrid/initColumnDefinition.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport {\n get,\n curry,\n set,\n cloneDeep,\n isFunction,\n} from '@elliemae/ds-utilities';\n\n// TODO: use lenses to access nested fields\n\nexport const appendHeaderFormatter = curry((formatter, column) => ({\n ...column,\n header: {\n ...column.header,\n formatters: [...get(column, 'header.formatters', []), formatter],\n },\n}));\n\nexport const appendCellFormatter = curry(\n (formatter, column, path = 'formatters') => {\n const nextColumn = cloneDeep(column);\n const formatters = get(nextColumn, ['cell', path], []);\n const scrollingFormatters = get(nextColumn, 'cell.scrollingFormatters', []);\n if (Array.isArray(formatter)) {\n if (formatter[1]) scrollingFormatters.push(formatter[1]);\n formatters.push(formatter[0]);\n } else {\n formatters.push(formatter);\n scrollingFormatters.push(formatter);\n }\n set(nextColumn, ['cell', path], formatters);\n set(nextColumn, 'cell.scrollingFormatters', scrollingFormatters);\n return nextColumn;\n },\n);\n\nconst defaultColumnDefinitionOptions = {\n normalize: false,\n useTextTruncation: true,\n isUserColumn: true,\n visible: true,\n};\n\nexport const mergeClassNameToColumnHeader = curry((className, column) => {\n const headerProps = get(column, ['header', 'props'], {});\n const headerClassName = headerProps.className || '';\n return {\n ...column,\n header: {\n ...column.header,\n props: {\n ...headerProps,\n className: `${headerClassName} ${className}`,\n },\n },\n };\n});\n\nexport default function initColumnDefinition(options = {}) {\n // eslint-disable-next-line complexity\n return (column) => {\n // todo: clean this\n if (column.type === 'number') {\n // eslint-disable-next-line no-param-reassign\n column.cellStyle = {\n textAlign: 'right',\n };\n }\n const { useTextTruncation = true, isUserColumn, visible, normalize } = {\n ...defaultColumnDefinitionOptions,\n ...options,\n };\n\n if (normalize) {\n // eslint-disable-next-line no-param-reassign\n column.originalProperty = column.property;\n // eslint-disable-next-line no-param-reassign\n column.property = column.property.replace(/\\s+/g, '');\n }\n\n // eslint-disable-next-line no-param-reassign\n column.props = {\n ...column.props,\n style: {},\n };\n // eslint-disable-next-line no-param-reassign\n column.header = {\n ...column.header,\n label: column.label,\n formatters: [...get(column, ['header', 'formatters'], [])],\n props: {\n style: column.headerStyle || {},\n },\n };\n if (\n useTextTruncation &&\n !(\n isFunction(column.customHeaderRenderer) ||\n column.header.formatters.length\n )\n ) {\n column.header.formatters.push((value) => (\n <span className=\"cell-value\">{value}</span>\n ));\n }\n\n // eslint-disable-next-line no-param-reassign\n column.cell = {\n ...column.cell,\n transforms: [],\n formatters: [...get(column, ['cell', 'formatters'], [])],\n scrollingFormatters: [...get(column, ['cell', 'formatters'], [])],\n props: {\n style: column.cellStyle || {},\n },\n };\n\n if (\n useTextTruncation &&\n !(isFunction(column.customRenderer) || column.cell.formatters.length)\n ) {\n column.cell.formatters.push((value) => (\n <span\n className=\"cell-value\"\n style={{\n justifyContent:\n column.type === 'number' ? 'flex-end' : 'flex-start',\n }}\n >\n {value}\n </span>\n ));\n }\n // eslint-disable-next-line no-param-reassign\n column.uuid = column.uuid || uuidv4();\n // eslint-disable-next-line no-param-reassign\n column.visible = column.visible === undefined ? visible : column.visible;\n // eslint-disable-next-line no-param-reassign, max-lines\n column.isUserColumn = column.isUserColumn || isUserColumn;\n // eslint-disable-next-line no-param-reassign\n column.headerHookEffects = [];\n return column;\n };\n}\n"],"names":["appendHeaderFormatter","curry","formatter","column","header","formatters","get","appendCellFormatter","path","nextColumn","cloneDeep","scrollingFormatters","Array","isArray","push","set","defaultColumnDefinitionOptions","normalize","useTextTruncation","isUserColumn","visible","mergeClassNameToColumnHeader","className","headerProps","headerClassName","props","initColumnDefinition","options","type","cellStyle","textAlign","originalProperty","property","replace","style","label","headerStyle","isFunction","customHeaderRenderer","length","value","React","cell","transforms","customRenderer","justifyContent","uuid","uuidv4","undefined","headerHookEffects"],"mappings":"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"}
|
|
@@ -3,13 +3,10 @@
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
-
var
|
|
6
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var uuid = require('uuid');
|
|
9
9
|
var resolve = require('table-resolver');
|
|
10
|
-
var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
|
|
11
|
-
var usePrevious = require('@elliemae/ds-utilities/hooks/usePrevious');
|
|
12
|
-
var system = require('@elliemae/ds-utilities/system');
|
|
13
10
|
var useDataGrid_initColumnDefinition = require('./initColumnDefinition.js');
|
|
14
11
|
var createDataInstance_utils = require('../createDataInstance/utils.js');
|
|
15
12
|
var useDataGrid_VolatileRowsListener = require('./VolatileRowsListener.js');
|
|
@@ -44,8 +41,6 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
44
41
|
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
45
42
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
46
43
|
var resolve__namespace = /*#__PURE__*/_interopNamespace(resolve);
|
|
47
|
-
var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
|
|
48
|
-
var usePrevious__default = /*#__PURE__*/_interopDefaultLegacy(usePrevious);
|
|
49
44
|
|
|
50
45
|
var _excluded = ["uuid", "plugins", "rows", "columns", "renderers"];
|
|
51
46
|
|
|
@@ -98,11 +93,11 @@ function useDataGrid(_ref) {
|
|
|
98
93
|
RowsObserver = _useState8[0]; // todo move this with rows composition
|
|
99
94
|
|
|
100
95
|
|
|
101
|
-
var _useDerivedStateFromP =
|
|
96
|
+
var _useDerivedStateFromP = dsUtilities.useDerivedStateFromProps(rows, {
|
|
102
97
|
onUpdate: resolve__namespace.resolve({
|
|
103
98
|
columns: columns,
|
|
104
99
|
method: function method(extra) {
|
|
105
|
-
return
|
|
100
|
+
return dsUtilities.compose(resolve__namespace.byFunction('valueTransformation')(extra), resolve__namespace.nested(extra));
|
|
106
101
|
}
|
|
107
102
|
}),
|
|
108
103
|
updateOnStateChange: true
|
|
@@ -112,7 +107,7 @@ function useDataGrid(_ref) {
|
|
|
112
107
|
updateRows = _useDerivedStateFromP2[1];
|
|
113
108
|
|
|
114
109
|
instance.current = {
|
|
115
|
-
decoratedRenderers:
|
|
110
|
+
decoratedRenderers: dsUtilities.cloneDeep(renderers),
|
|
116
111
|
decoratedColumns: columns,
|
|
117
112
|
columns: columns,
|
|
118
113
|
rows: rows,
|
|
@@ -232,7 +227,7 @@ function useDataGrid(_ref) {
|
|
|
232
227
|
}, instance.current);
|
|
233
228
|
instance.current.decoratedRenderers = createDataInstance_utils.applyDecorators(instance.current.decoratedRenderers, decorators.decorateRenderers, instance.current);
|
|
234
229
|
instance.current.decoratedColumns = React.useMemo(function () {
|
|
235
|
-
var visibleColumns =
|
|
230
|
+
var visibleColumns = dsUtilities.cloneDeep(columns).filter(function (column) {
|
|
236
231
|
return typeof column.visible === 'undefined' || column.visible;
|
|
237
232
|
});
|
|
238
233
|
return visibleColumns.length ? createDataInstance_utils.decorateColumns(visibleColumns, decorators, instance.current) : [];
|
|
@@ -247,15 +242,15 @@ function useDataGrid(_ref) {
|
|
|
247
242
|
}, instance.current.composedRows);
|
|
248
243
|
RowsObserver.notify(instance.current.composedRows);
|
|
249
244
|
var currentShouldRefocus = instance.current.shouldRefocus.current;
|
|
250
|
-
var prevState =
|
|
245
|
+
var prevState = dsUtilities.usePrevious(instance.current.state);
|
|
251
246
|
|
|
252
|
-
if (
|
|
247
|
+
if (dsUtilities.isObject(currentShouldRefocus) && currentShouldRefocus.forced) {
|
|
253
248
|
instance.current.shouldRefocus.current = currentShouldRefocus.value;
|
|
254
249
|
} else {
|
|
255
|
-
instance.current.shouldRefocus.current = !
|
|
250
|
+
instance.current.shouldRefocus.current = !dsUtilities.isEqual(prevState, instance.current.state);
|
|
256
251
|
}
|
|
257
252
|
|
|
258
|
-
if (props.instanceRef)
|
|
253
|
+
if (props.instanceRef) dsUtilities.setRef(props.instanceRef, instance.current);
|
|
259
254
|
return _objectSpread(_objectSpread({}, instance.current), {}, {
|
|
260
255
|
decorators: decorators
|
|
261
256
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDataGrid.js","sources":["../../../src/useDataGrid/useDataGrid.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport {\n cloneDeep,\n compose,\n isEqual,\n isObject,\n} from '@elliemae/ds-utilities/utils';\nimport { useMemo, useRef, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport * as resolve from 'table-resolver';\nimport useDerivedStateFromProps from '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';\nimport usePrevious from '@elliemae/ds-utilities/hooks/usePrevious';\nimport { setRef } from '@elliemae/ds-utilities/system';\nimport initColumnDefinition from './initColumnDefinition';\nimport {\n applyDecorators,\n decorateColumns,\n reducePropsGetter,\n} from '../createDataInstance/utils';\nimport VolatileRowsListener from './VolatileRowsListener';\nimport { isInternetExplorer } from '../utils';\n\nconst IS_INTERNET_EXPLORER = isInternetExplorer();\n\n// TODO: Reuse createDataInstance for the grid the same\n// way as the list does ex: packages/ds-shared/src/useDataList/useDataList.js\n// eslint-disable-next-line max-statements\nexport default function useDataGrid({\n uuid: uuidProp,\n plugins: pluginsFromProps,\n rows,\n columns,\n renderers = {},\n ...props\n}) {\n const plugins = pluginsFromProps;\n const instance = useRef();\n const tableRef = useRef();\n const headerRef = useRef();\n const bodyRef = useRef();\n const bodyInnerRef = useRef();\n const [uuid] = useState(uuidProp || (() => uuidv4()));\n const [hasScroll, setHasScroll] = useState(false);\n const [isRowDragging, setIsRowDragging] = useState(false);\n const isScrolling = useRef();\n const shouldRefocus = useRef(); // todo: we probably need a plugin for focus related stuff\n const [RowsObserver] = useState(() => new VolatileRowsListener());\n\n // todo move this with rows composition\n const [originalRows, updateRows] = useDerivedStateFromProps(rows, {\n onUpdate: resolve.resolve({\n columns,\n method: (extra) =>\n compose(\n resolve.byFunction('valueTransformation')(extra),\n resolve.nested(extra),\n ),\n }),\n updateOnStateChange: true,\n });\n\n instance.current = {\n decoratedRenderers: cloneDeep(renderers),\n decoratedColumns: columns,\n columns,\n rows,\n composedRows: originalRows,\n getRowProps: [],\n getHeaderRowProps: [],\n getBodyProps: [],\n getTableProps: [],\n effects: [],\n uuid,\n props,\n refs: {\n table: tableRef,\n body: bodyRef,\n header: headerRef,\n innerBody: bodyInnerRef,\n },\n state: {\n hasScroll,\n },\n actions: {\n updateRows,\n },\n updateRows,\n // eslint-disable-next-line no-return-assign\n enableEvents: () =>\n (document.body.style.pointerEvents = IS_INTERNET_EXPLORER ? '' : null),\n // eslint-disable-next-line no-return-assign\n disableEvents: () => (document.body.style.pointerEvents = 'none'),\n observeRows: (observer) => RowsObserver.observe(observer),\n hotKeys: {},\n shouldRefocus,\n isScrolling,\n setHasScroll,\n setIsRowDragging,\n isRowDragging,\n plugins,\n };\n instance.current.getState = () => instance.current.state;\n instance.current.getInstance = () => instance.current;\n\n const defaultDecorators = {\n decorateGrid: [],\n registerStateHook: [],\n registerHotKeys: [],\n decorateColumn: [],\n decorateColumns: [\n (cols) =>\n cols.map((col) =>\n initColumnDefinition({\n useTextTruncation: col.useTextTruncation,\n wrapText: props.wrapText,\n normalize: props.normalizeDataKeys,\n })(col),\n ),\n ],\n decorateRenderers: [],\n getRowProps: [],\n getHeaderRowProps: [],\n getBodyProps: [],\n getTableProps: [],\n getHeaderProps: [],\n composeRows: [],\n };\n\n const decorators = useMemo(() => {\n let nextDecorators = defaultDecorators;\n // eslint-disable-next-line no-return-assign\n plugins.forEach((plugin) => (nextDecorators = plugin(nextDecorators)));\n return nextDecorators;\n }, [plugins]);\n\n instance.current = decorators.decorateGrid.reduce(\n (nextInstance, decorator) => ({\n ...nextInstance,\n ...decorator(instance.current),\n }),\n instance.current,\n );\n\n instance.current = decorators.registerStateHook.reduce(\n (nextInstance, decorator) => {\n const { state, actions } = decorator(instance.current);\n return {\n ...nextInstance,\n state: {\n ...nextInstance.state,\n ...state,\n },\n actions: {\n ...nextInstance.actions,\n ...actions,\n },\n };\n },\n instance.current,\n );\n\n const reduceHotKey = (nextInstance, { key, handler, options }) => ({\n ...nextInstance,\n hotKeys: {\n ...nextInstance.hotKeys,\n [key]: { handler, options },\n },\n });\n instance.current = decorators.registerHotKeys.reduce(\n (nextInstance, decorator) => {\n const hotKeys = decorator(nextInstance);\n if (Array.isArray(hotKeys)) {\n return hotKeys.reduce(reduceHotKey, nextInstance);\n }\n return reduceHotKey(nextInstance, hotKeys);\n },\n instance.current,\n );\n\n instance.current.decoratedRenderers = applyDecorators(\n instance.current.decoratedRenderers,\n decorators.decorateRenderers,\n instance.current,\n );\n\n instance.current.decoratedColumns = useMemo(() => {\n const visibleColumns = cloneDeep(columns).filter(\n (column) => typeof column.visible === 'undefined' || column.visible,\n );\n return visibleColumns.length\n ? decorateColumns(visibleColumns, decorators, instance.current)\n : [];\n }, [columns]);\n\n instance.current.getBodyProps = reducePropsGetter(\n decorators.getBodyProps,\n instance.current,\n );\n instance.current.getHeaderProps = reducePropsGetter(\n decorators.getHeaderProps,\n instance.current,\n );\n instance.current.getRowProps = reducePropsGetter(\n decorators.getRowProps,\n instance.current,\n );\n instance.current.getHeaderRowProps = reducePropsGetter(\n decorators.getHeaderRowProps,\n instance.current,\n );\n instance.current.getTableProps = reducePropsGetter(\n decorators.getTableProps,\n instance.current,\n );\n\n instance.current.composedRows = decorators.composeRows.reduce(\n (nextRows, getter) => getter(nextRows, instance.current),\n instance.current.composedRows,\n );\n\n RowsObserver.notify(instance.current.composedRows);\n\n const currentShouldRefocus = instance.current.shouldRefocus.current;\n const prevState = usePrevious(instance.current.state);\n if (isObject(currentShouldRefocus) && currentShouldRefocus.forced) {\n instance.current.shouldRefocus.current = currentShouldRefocus.value;\n } else {\n instance.current.shouldRefocus.current = !isEqual(\n prevState,\n instance.current.state,\n );\n }\n\n if (props.instanceRef) setRef(props.instanceRef, instance.current);\n\n return {\n ...instance.current,\n decorators,\n };\n}\n"],"names":["IS_INTERNET_EXPLORER","isInternetExplorer","useDataGrid","uuidProp","uuid","pluginsFromProps","plugins","rows","columns","renderers","props","instance","useRef","tableRef","headerRef","bodyRef","bodyInnerRef","useState","uuidv4","hasScroll","setHasScroll","isRowDragging","setIsRowDragging","isScrolling","shouldRefocus","VolatileRowsListener","RowsObserver","useDerivedStateFromProps","onUpdate","resolve","method","extra","compose","byFunction","nested","updateOnStateChange","originalRows","updateRows","current","decoratedRenderers","cloneDeep","decoratedColumns","composedRows","getRowProps","getHeaderRowProps","getBodyProps","getTableProps","effects","refs","table","body","header","innerBody","state","actions","enableEvents","document","style","pointerEvents","disableEvents","observeRows","observer","observe","hotKeys","getState","getInstance","defaultDecorators","decorateGrid","registerStateHook","registerHotKeys","decorateColumn","decorateColumns","cols","map","col","initColumnDefinition","useTextTruncation","wrapText","normalize","normalizeDataKeys","decorateRenderers","getHeaderProps","composeRows","decorators","useMemo","nextDecorators","forEach","plugin","reduce","nextInstance","decorator","reduceHotKey","key","handler","options","Array","isArray","applyDecorators","visibleColumns","filter","column","visible","length","reducePropsGetter","nextRows","getter","notify","currentShouldRefocus","prevState","usePrevious","isObject","forced","value","isEqual","instanceRef","setRef"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useDataGrid.js","sources":["../../../src/useDataGrid/useDataGrid.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport {\n cloneDeep,\n compose,\n isEqual,\n isObject,\n setRef, \n usePrevious, \n useDerivedStateFromProps \n} from '@elliemae/ds-utilities';\nimport { useMemo, useRef, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport * as resolve from 'table-resolver';\nimport initColumnDefinition from './initColumnDefinition';\nimport {\n applyDecorators,\n decorateColumns,\n reducePropsGetter,\n} from '../createDataInstance/utils';\nimport VolatileRowsListener from './VolatileRowsListener';\nimport { isInternetExplorer } from '../utils';\n\nconst IS_INTERNET_EXPLORER = isInternetExplorer();\n\n// TODO: Reuse createDataInstance for the grid the same\n// way as the list does ex: packages/ds-shared/src/useDataList/useDataList.js\n// eslint-disable-next-line max-statements\nexport default function useDataGrid({\n uuid: uuidProp,\n plugins: pluginsFromProps,\n rows,\n columns,\n renderers = {},\n ...props\n}) {\n const plugins = pluginsFromProps;\n const instance = useRef();\n const tableRef = useRef();\n const headerRef = useRef();\n const bodyRef = useRef();\n const bodyInnerRef = useRef();\n const [uuid] = useState(uuidProp || (() => uuidv4()));\n const [hasScroll, setHasScroll] = useState(false);\n const [isRowDragging, setIsRowDragging] = useState(false);\n const isScrolling = useRef();\n const shouldRefocus = useRef(); // todo: we probably need a plugin for focus related stuff\n const [RowsObserver] = useState(() => new VolatileRowsListener());\n\n // todo move this with rows composition\n const [originalRows, updateRows] = useDerivedStateFromProps(rows, {\n onUpdate: resolve.resolve({\n columns,\n method: (extra) =>\n compose(\n resolve.byFunction('valueTransformation')(extra),\n resolve.nested(extra),\n ),\n }),\n updateOnStateChange: true,\n });\n\n instance.current = {\n decoratedRenderers: cloneDeep(renderers),\n decoratedColumns: columns,\n columns,\n rows,\n composedRows: originalRows,\n getRowProps: [],\n getHeaderRowProps: [],\n getBodyProps: [],\n getTableProps: [],\n effects: [],\n uuid,\n props,\n refs: {\n table: tableRef,\n body: bodyRef,\n header: headerRef,\n innerBody: bodyInnerRef,\n },\n state: {\n hasScroll,\n },\n actions: {\n updateRows,\n },\n updateRows,\n // eslint-disable-next-line no-return-assign\n enableEvents: () =>\n (document.body.style.pointerEvents = IS_INTERNET_EXPLORER ? '' : null),\n // eslint-disable-next-line no-return-assign\n disableEvents: () => (document.body.style.pointerEvents = 'none'),\n observeRows: (observer) => RowsObserver.observe(observer),\n hotKeys: {},\n shouldRefocus,\n isScrolling,\n setHasScroll,\n setIsRowDragging,\n isRowDragging,\n plugins,\n };\n instance.current.getState = () => instance.current.state;\n instance.current.getInstance = () => instance.current;\n\n const defaultDecorators = {\n decorateGrid: [],\n registerStateHook: [],\n registerHotKeys: [],\n decorateColumn: [],\n decorateColumns: [\n (cols) =>\n cols.map((col) =>\n initColumnDefinition({\n useTextTruncation: col.useTextTruncation,\n wrapText: props.wrapText,\n normalize: props.normalizeDataKeys,\n })(col),\n ),\n ],\n decorateRenderers: [],\n getRowProps: [],\n getHeaderRowProps: [],\n getBodyProps: [],\n getTableProps: [],\n getHeaderProps: [],\n composeRows: [],\n };\n\n const decorators = useMemo(() => {\n let nextDecorators = defaultDecorators;\n // eslint-disable-next-line no-return-assign\n plugins.forEach((plugin) => (nextDecorators = plugin(nextDecorators)));\n return nextDecorators;\n }, [plugins]);\n\n instance.current = decorators.decorateGrid.reduce(\n (nextInstance, decorator) => ({\n ...nextInstance,\n ...decorator(instance.current),\n }),\n instance.current,\n );\n\n instance.current = decorators.registerStateHook.reduce(\n (nextInstance, decorator) => {\n const { state, actions } = decorator(instance.current);\n return {\n ...nextInstance,\n state: {\n ...nextInstance.state,\n ...state,\n },\n actions: {\n ...nextInstance.actions,\n ...actions,\n },\n };\n },\n instance.current,\n );\n\n const reduceHotKey = (nextInstance, { key, handler, options }) => ({\n ...nextInstance,\n hotKeys: {\n ...nextInstance.hotKeys,\n [key]: { handler, options },\n },\n });\n instance.current = decorators.registerHotKeys.reduce(\n (nextInstance, decorator) => {\n const hotKeys = decorator(nextInstance);\n if (Array.isArray(hotKeys)) {\n return hotKeys.reduce(reduceHotKey, nextInstance);\n }\n return reduceHotKey(nextInstance, hotKeys);\n },\n instance.current,\n );\n\n instance.current.decoratedRenderers = applyDecorators(\n instance.current.decoratedRenderers,\n decorators.decorateRenderers,\n instance.current,\n );\n\n instance.current.decoratedColumns = useMemo(() => {\n const visibleColumns = cloneDeep(columns).filter(\n (column) => typeof column.visible === 'undefined' || column.visible,\n );\n return visibleColumns.length\n ? decorateColumns(visibleColumns, decorators, instance.current)\n : [];\n }, [columns]);\n\n instance.current.getBodyProps = reducePropsGetter(\n decorators.getBodyProps,\n instance.current,\n );\n instance.current.getHeaderProps = reducePropsGetter(\n decorators.getHeaderProps,\n instance.current,\n );\n instance.current.getRowProps = reducePropsGetter(\n decorators.getRowProps,\n instance.current,\n );\n instance.current.getHeaderRowProps = reducePropsGetter(\n decorators.getHeaderRowProps,\n instance.current,\n );\n instance.current.getTableProps = reducePropsGetter(\n decorators.getTableProps,\n instance.current,\n );\n\n instance.current.composedRows = decorators.composeRows.reduce(\n (nextRows, getter) => getter(nextRows, instance.current),\n instance.current.composedRows,\n );\n\n RowsObserver.notify(instance.current.composedRows);\n\n const currentShouldRefocus = instance.current.shouldRefocus.current;\n const prevState = usePrevious(instance.current.state);\n if (isObject(currentShouldRefocus) && currentShouldRefocus.forced) {\n instance.current.shouldRefocus.current = currentShouldRefocus.value;\n } else {\n instance.current.shouldRefocus.current = !isEqual(\n prevState,\n instance.current.state,\n );\n }\n\n if (props.instanceRef) setRef(props.instanceRef, instance.current);\n\n return {\n ...instance.current,\n decorators,\n };\n}\n"],"names":["IS_INTERNET_EXPLORER","isInternetExplorer","useDataGrid","uuidProp","uuid","pluginsFromProps","plugins","rows","columns","renderers","props","instance","useRef","tableRef","headerRef","bodyRef","bodyInnerRef","useState","uuidv4","hasScroll","setHasScroll","isRowDragging","setIsRowDragging","isScrolling","shouldRefocus","VolatileRowsListener","RowsObserver","useDerivedStateFromProps","onUpdate","resolve","method","extra","compose","byFunction","nested","updateOnStateChange","originalRows","updateRows","current","decoratedRenderers","cloneDeep","decoratedColumns","composedRows","getRowProps","getHeaderRowProps","getBodyProps","getTableProps","effects","refs","table","body","header","innerBody","state","actions","enableEvents","document","style","pointerEvents","disableEvents","observeRows","observer","observe","hotKeys","getState","getInstance","defaultDecorators","decorateGrid","registerStateHook","registerHotKeys","decorateColumn","decorateColumns","cols","map","col","initColumnDefinition","useTextTruncation","wrapText","normalize","normalizeDataKeys","decorateRenderers","getHeaderProps","composeRows","decorators","useMemo","nextDecorators","forEach","plugin","reduce","nextInstance","decorator","reduceHotKey","key","handler","options","Array","isArray","applyDecorators","visibleColumns","filter","column","visible","length","reducePropsGetter","nextRows","getter","notify","currentShouldRefocus","prevState","usePrevious","isObject","forced","value","isEqual","instanceRef","setRef"],"mappings":"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"}
|
package/cjs/useDataList/index.js
CHANGED
|
@@ -5,7 +5,7 @@ require('@babel/runtime/helpers/toConsumableArray');
|
|
|
5
5
|
require('@babel/runtime/helpers/defineProperty');
|
|
6
6
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
7
|
require('react');
|
|
8
|
-
require('@elliemae/ds-utilities
|
|
8
|
+
require('@elliemae/ds-utilities');
|
|
9
9
|
require('lodash/get');
|
|
10
10
|
require('../createDataInstance/utils.js');
|
|
11
11
|
require('./recordIterator.js');
|
|
@@ -6,7 +6,7 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
|
6
6
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
7
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
8
8
|
var React = require('react');
|
|
9
|
-
var
|
|
9
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
10
10
|
var get = require('lodash/get');
|
|
11
11
|
var createDataInstance_utils = require('../createDataInstance/utils.js');
|
|
12
12
|
var useDataList_recordIterator = require('./recordIterator.js');
|
|
@@ -100,7 +100,7 @@ function useDataList(_ref) {
|
|
|
100
100
|
}, nextRecords);
|
|
101
101
|
return nextRecords;
|
|
102
102
|
});
|
|
103
|
-
if (props.instanceRef)
|
|
103
|
+
if (props.instanceRef) dsUtilities.setRef(props.instanceRef, instance.current);
|
|
104
104
|
return instance.current;
|
|
105
105
|
}
|
|
106
106
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDataList.js","sources":["../../../src/useDataList/useDataList.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport { setRef } from '@elliemae/ds-utilities
|
|
1
|
+
{"version":3,"file":"useDataList.js","sources":["../../../src/useDataList/useDataList.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport { setRef } from '@elliemae/ds-utilities';\nimport get from 'lodash/get';\nimport {\n composeFormatters,\n reducePropsGetter,\n} from '../createDataInstance/utils';\nimport { recordIterator } from './recordIterator';\nimport createInstanceRef from '../createDataInstance/createInstanceRef';\n\nexport const getItemLabel = (record, nameKey = 'name') =>\n get(record, ['data', nameKey]);\nexport const getItemChildren = (record, childrenKey = 'children') =>\n get(record, ['data', childrenKey]);\n\nconst listRenderers = {\n list: 'ul',\n item: 'li',\n};\n\n// todo: check if a plugin is a LIST plugin rather than GRID\nexport default function useDataList({\n data = [],\n plugins = [],\n renderers = listRenderers,\n itemRenderer = [],\n customDecorators,\n ...props\n}) {\n const listRef = useRef();\n const { instance, decorators } = createInstanceRef({\n data,\n renderers,\n plugins,\n customDecorators: {\n ...customDecorators,\n recordIterator,\n getListProps: [],\n getItemProps: [],\n itemRenderer: [...itemRenderer], // components reduce to compose item content\n record: [],\n records: [],\n },\n ...props,\n });\n instance.current.getListRef = () => listRef;\n instance.current.setListRef = (ref) => {\n listRef.current = ref;\n };\n instance.current.getItemLabel = (record) =>\n getItemLabel(record, props.nameKey);\n instance.current.getItemChildren = (record) =>\n getItemChildren(record, props.childrenKey);\n\n instance.current.decorators = decorators;\n instance.current.getListProps = reducePropsGetter(\n decorators.getListProps,\n instance.current,\n );\n instance.current.getItemProps = reducePropsGetter(\n decorators.getItemProps,\n instance.current,\n );\n instance.current.itemRenderer = composeFormatters(\n instance.current.decorators.itemRenderer,\n instance.current,\n );\n\n instance.current.records = useMemo(() => {\n // record iterator TREE / Simple\n let nextRecords = recordIterator(\n data,\n instance.current.decorators.recordIterator,\n decorators.record,\n instance.current,\n );\n\n // compose all records\n nextRecords = decorators.records.reduce(\n (nextRows, getter) => getter(nextRows, instance.current),\n nextRecords,\n );\n\n return nextRecords;\n });\n\n if (props.instanceRef) setRef(props.instanceRef, instance.current);\n\n return instance.current;\n}\n"],"names":["getItemLabel","record","nameKey","get","getItemChildren","childrenKey","listRenderers","list","item","useDataList","data","plugins","renderers","itemRenderer","customDecorators","props","listRef","useRef","createInstanceRef","recordIterator","getListProps","getItemProps","records","instance","decorators","current","getListRef","setListRef","ref","reducePropsGetter","composeFormatters","useMemo","nextRecords","reduce","nextRows","getter","instanceRef","setRef"],"mappings":"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"}
|
|
@@ -6,16 +6,13 @@ var _extends = require('@babel/runtime/helpers/extends');
|
|
|
6
6
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var reactWindow = require('react-window');
|
|
9
|
-
var
|
|
10
|
-
var system = require('@elliemae/ds-utilities/system');
|
|
11
|
-
var useWindowScrollerList = require('@elliemae/ds-utilities/hooks/useWindowScrollerList');
|
|
9
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
12
10
|
|
|
13
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
12
|
|
|
15
13
|
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
16
14
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
17
15
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
18
|
-
var useWindowScrollerList__default = /*#__PURE__*/_interopDefaultLegacy(useWindowScrollerList);
|
|
19
16
|
|
|
20
17
|
var _excluded = ["itemCount", "className", "innerRef", "itemData", "itemKey", "itemSize", "outerRef", "component"];
|
|
21
18
|
var AutoHeightList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
@@ -32,20 +29,20 @@ var AutoHeightList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
32
29
|
|
|
33
30
|
var listRef = React.useRef();
|
|
34
31
|
var outerListRef = React.useRef();
|
|
35
|
-
|
|
32
|
+
dsUtilities.useWindowScrollerList({
|
|
36
33
|
listInstance: listRef,
|
|
37
34
|
outerListRef: outerListRef
|
|
38
35
|
});
|
|
39
36
|
return /*#__PURE__*/React__default['default'].createElement(ListComponent, _extends__default['default']({}, otherProps, {
|
|
40
|
-
ref:
|
|
41
|
-
className:
|
|
37
|
+
ref: dsUtilities.mergeRefs(ref, listRef),
|
|
38
|
+
className: dsUtilities.cx(className, 'window-scroller-override'),
|
|
42
39
|
height: window.innerHeight,
|
|
43
40
|
innerRef: innerRef,
|
|
44
41
|
itemCount: itemCount,
|
|
45
42
|
itemData: itemData,
|
|
46
43
|
itemKey: itemKey,
|
|
47
44
|
itemSize: itemSize,
|
|
48
|
-
outerRef:
|
|
45
|
+
outerRef: dsUtilities.mergeRefs(outerListRef, outerRef),
|
|
49
46
|
overscanCount: 10,
|
|
50
47
|
useIsScrolling: true
|
|
51
48
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutoHeightList.js","sources":["../../../src/virtualization/AutoHeightList.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { FixedSizeList as List } from 'react-window';\nimport { cx
|
|
1
|
+
{"version":3,"file":"AutoHeightList.js","sources":["../../../src/virtualization/AutoHeightList.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { FixedSizeList as List } from 'react-window';\nimport { cx, useWindowScrollerList, mergeRefs } from '@elliemae/ds-utilities';\n\nexport const AutoHeightList = forwardRef(\n (\n {\n itemCount,\n className,\n innerRef,\n itemData,\n itemKey,\n itemSize,\n outerRef,\n component: ListComponent = List,\n ...otherProps\n },\n ref,\n ) => {\n const listRef = useRef();\n const outerListRef = useRef();\n\n useWindowScrollerList({\n listInstance: listRef,\n outerListRef,\n });\n\n return (\n <ListComponent\n {...otherProps}\n ref={mergeRefs(ref, listRef)}\n className={cx(className, 'window-scroller-override')}\n height={window.innerHeight}\n innerRef={innerRef}\n itemCount={itemCount}\n itemData={itemData}\n itemKey={itemKey}\n itemSize={itemSize}\n outerRef={mergeRefs(outerListRef, outerRef)}\n overscanCount={10}\n useIsScrolling\n />\n );\n },\n);\n"],"names":["AutoHeightList","forwardRef","ref","itemCount","className","innerRef","itemData","itemKey","itemSize","outerRef","component","ListComponent","List","otherProps","listRef","useRef","outerListRef","useWindowScrollerList","listInstance","React","mergeRefs","cx","window","innerHeight"],"mappings":";;;;;;;;;;;;;;;;;IAIaA,cAAc,gBAAGC,gBAAU,CACtC,gBAYEC,GAZF,EAaK;AAAA,MAXDC,SAWC,QAXDA,SAWC;AAAA,MAVDC,SAUC,QAVDA,SAUC;AAAA,MATDC,QASC,QATDA,QASC;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,MAPDC,OAOC,QAPDA,OAOC;AAAA,MANDC,QAMC,QANDA,QAMC;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,4BAJDC,SAIC;AAAA,MAJUC,aAIV,+BAJ0BC,yBAI1B;AAAA,MAHEC,UAGF;;AACH,MAAMC,OAAO,GAAGC,YAAM,EAAtB;AACA,MAAMC,YAAY,GAAGD,YAAM,EAA3B;AAEAE,EAAAA,iCAAqB,CAAC;AACpBC,IAAAA,YAAY,EAAEJ,OADM;AAEpBE,IAAAA,YAAY,EAAZA;AAFoB,GAAD,CAArB;AAKA,sBACEG,wCAAC,aAAD,mCACMN,UADN;AAEE,IAAA,GAAG,EAAEO,qBAAS,CAAClB,GAAD,EAAMY,OAAN,CAFhB;AAGE,IAAA,SAAS,EAAEO,cAAE,CAACjB,SAAD,EAAY,0BAAZ,CAHf;AAIE,IAAA,MAAM,EAAEkB,MAAM,CAACC,WAJjB;AAKE,IAAA,QAAQ,EAAElB,QALZ;AAME,IAAA,SAAS,EAAEF,SANb;AAOE,IAAA,QAAQ,EAAEG,QAPZ;AAQE,IAAA,OAAO,EAAEC,OARX;AASE,IAAA,QAAQ,EAAEC,QATZ;AAUE,IAAA,QAAQ,EAAEY,qBAAS,CAACJ,YAAD,EAAeP,QAAf,CAVrB;AAWE,IAAA,aAAa,EAAE,EAXjB;AAYE,IAAA,cAAc;AAZhB,KADF;AAgBD,CAvCqC;;;;"}
|
|
@@ -9,9 +9,7 @@ require('@babel/runtime/helpers/objectWithoutProperties');
|
|
|
9
9
|
require('react');
|
|
10
10
|
require('react-virtualized-auto-sizer');
|
|
11
11
|
require('react-window');
|
|
12
|
-
require('@elliemae/ds-utilities
|
|
13
|
-
require('@elliemae/ds-utilities/system');
|
|
14
|
-
require('@elliemae/ds-utilities/hooks/useWindowScrollerList');
|
|
12
|
+
require('@elliemae/ds-utilities');
|
|
15
13
|
|
|
16
14
|
function getVirtualListComponent(_ref) {
|
|
17
15
|
var Component = _ref.component,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/virtualization/index.tsx"],"sourcesContent":["import { FluidHeightList } from './FluidHeightList';\nimport { AutoHeightList } from './AutoHeightList';\n\nexport { FluidHeightList, AutoHeightList };\n\nexport function getVirtualListComponent({\n component: Component,\n fluid,\n height,\n autoHeight,\n}) {\n if (autoHeight) return AutoHeightList;\n if (fluid) return FluidHeightList;\n return Component;\n}\n"],"names":["getVirtualListComponent","Component","component","fluid","height","autoHeight","AutoHeightList","FluidHeightList"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/virtualization/index.tsx"],"sourcesContent":["import { FluidHeightList } from './FluidHeightList';\nimport { AutoHeightList } from './AutoHeightList';\n\nexport { FluidHeightList, AutoHeightList };\n\nexport function getVirtualListComponent({\n component: Component,\n fluid,\n height,\n autoHeight,\n}) {\n if (autoHeight) return AutoHeightList;\n if (fluid) return FluidHeightList;\n return Component;\n}\n"],"names":["getVirtualListComponent","Component","component","fluid","height","autoHeight","AutoHeightList","FluidHeightList"],"mappings":";;;;;;;;;;;;;AAKO,SAASA,uBAAT,OAKJ;AAAA,MAJUC,SAIV,QAJDC,SAIC;AAAA,MAHDC,KAGC,QAHDA,KAGC;AAAA,WAFDC,MAEC;AAAA,UADDC,UACC,QADDA;AAEA,MAAIA,UAAJ,EAAgB,OAAOC,4CAAP;AAChB,MAAIH,KAAJ,EAAW,OAAOI,8CAAP;AACX,SAAON,SAAP;AACD;;;;;;"}
|
package/esm/CheckableGroup.js
CHANGED
|
@@ -2,8 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
|
2
2
|
import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
|
|
3
3
|
import React, { cloneElement } from 'react';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
|
-
import { runAll, addOrRemove } from '@elliemae/ds-utilities
|
|
6
|
-
import useDerivedStateFromProps from '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';
|
|
5
|
+
import { useDerivedStateFromProps, runAll, addOrRemove } from '@elliemae/ds-utilities';
|
|
7
6
|
|
|
8
7
|
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; }
|
|
9
8
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckableGroup.js","sources":["../../src/CheckableGroup.tsx"],"sourcesContent":["import React, { cloneElement
|
|
1
|
+
{"version":3,"file":"CheckableGroup.js","sources":["../../src/CheckableGroup.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport PropTypes from 'prop-types';\nimport { addOrRemove, runAll, useDerivedStateFromProps } from '@elliemae/ds-utilities';\n\nexport function useCheckableGroup({\n children,\n active: activeProp,\n multi,\n onCheck = () => null,\n}) {\n const [active, setActive] = useDerivedStateFromProps(activeProp);\n\n const handleCheck = ({ target: { value } }, item) => {\n setActive(prevActive => {\n const nextActive = multi ? addOrRemove(prevActive, value) : value;\n onCheck(nextActive, item);\n return nextActive;\n });\n };\n\n return React.Children.map(children, child => {\n const { props } = child;\n const checked = Array.isArray(active)\n ? active.indexOf(props.name) !== -1\n : active === props.name;\n\n return cloneElement(child, {\n ...props,\n checked,\n onClick: runAll(handleCheck, props.onClick),\n });\n });\n}\n\nfunction CheckableGroup({\n active = [],\n multi = false, // checkbox or radio\n children,\n}) {\n return useCheckableGroup({ active, multi, children });\n}\n\nCheckableGroup.propTypes = {\n /* The item (if multi false) or items (if multi true) selected */\n active: PropTypes.arrayOf(PropTypes.string),\n /* Whether is multi select or not */\n multi: PropTypes.bool,\n /* Handler when a user checks an item */\n onCheck: PropTypes.func,\n};\n\nexport default CheckableGroup;\n"],"names":["useCheckableGroup","children","activeProp","active","multi","onCheck","useDerivedStateFromProps","setActive","handleCheck","item","value","target","prevActive","nextActive","addOrRemove","React","Children","map","child","props","checked","Array","isArray","indexOf","name","cloneElement","onClick","runAll","CheckableGroup","propTypes","PropTypes","arrayOf","string","bool","func"],"mappings":";;;;;;;;;AAIO,SAASA,iBAAT,OAKJ;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHOC,UAGP,QAHDC,MAGC;AAAA,MAFDC,KAEC,QAFDA,KAEC;AAAA,0BADDC,OACC;AAAA,MADDA,OACC,6BADS;AAAA,WAAM,IAAN;AAAA,GACT;;AACD,8BAA4BC,wBAAwB,CAACJ,UAAD,CAApD;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeI,SAAf;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,QAAwBC,IAAxB,EAAiC;AAAA,QAApBC,KAAoB,SAA9BC,MAA8B,CAApBD,KAAoB;AACnDH,IAAAA,SAAS,CAAC,UAAAK,UAAU,EAAI;AACtB,UAAMC,UAAU,GAAGT,KAAK,GAAGU,WAAW,CAACF,UAAD,EAAaF,KAAb,CAAd,GAAoCA,KAA5D;AACAL,MAAAA,OAAO,CAACQ,UAAD,EAAaJ,IAAb,CAAP;AACA,aAAOI,UAAP;AACD,KAJQ,CAAT;AAKD,GAND;;AAQA,SAAOE,KAAK,CAACC,QAAN,CAAeC,GAAf,CAAmBhB,QAAnB,EAA6B,UAAAiB,KAAK,EAAI;AAC3C,QAAQC,KAAR,GAAkBD,KAAlB,CAAQC,KAAR;AACA,QAAMC,OAAO,GAAGC,KAAK,CAACC,OAAN,CAAcnB,MAAd,IACZA,MAAM,CAACoB,OAAP,CAAeJ,KAAK,CAACK,IAArB,MAA+B,CAAC,CADpB,GAEZrB,MAAM,KAAKgB,KAAK,CAACK,IAFrB;AAIA,wBAAOC,YAAY,CAACP,KAAD,kCACdC,KADc;AAEjBC,MAAAA,OAAO,EAAPA,OAFiB;AAGjBM,MAAAA,OAAO,EAAEC,MAAM,CAACnB,WAAD,EAAcW,KAAK,CAACO,OAApB;AAHE,OAAnB;AAKD,GAXM,CAAP;AAYD;;AAED,SAASE,cAAT,QAIG;AAAA,2BAHDzB,MAGC;AAAA,MAHDA,MAGC,6BAHQ,EAGR;AAAA,0BAFDC,KAEC;AAAA,MAFDA,KAEC,4BAFO,KAEP;AAAA,MADDH,QACC,SADDA,QACC;AACD,SAAOD,iBAAiB,CAAC;AAAEG,IAAAA,MAAM,EAANA,MAAF;AAAUC,IAAAA,KAAK,EAALA,KAAV;AAAiBH,IAAAA,QAAQ,EAARA;AAAjB,GAAD,CAAxB;AACD;;AAED2B,cAAc,CAACC,SAAf,GAA2B;AACzB;AACA1B,EAAAA,MAAM,EAAE2B,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B,CAFiB;;AAGzB;AACA5B,EAAAA,KAAK,EAAE0B,SAAS,CAACG,IAJQ;;AAKzB;AACA5B,EAAAA,OAAO,EAAEyB,SAAS,CAACI;AANM,CAA3B;;;;"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
2
|
import React, { useRef, useEffect, useMemo, createContext } from 'react';
|
|
3
|
-
import { get, runAll, isFunction } from '@elliemae/ds-utilities
|
|
4
|
-
import useHotkeys from '@elliemae/ds-utilities/hooks/useHotkeys';
|
|
5
|
-
import { mergeRefs } from '@elliemae/ds-utilities/system';
|
|
3
|
+
import { mergeRefs, get, runAll, isFunction, useHotkeys } from '@elliemae/ds-utilities';
|
|
6
4
|
import getNextCellPosition from './utils/getNextCellPosition.js';
|
|
7
5
|
|
|
8
6
|
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; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusGrid.js","sources":["../../../src/FocusGroup/FocusGrid.tsx"],"sourcesContent":["import React, { createContext, useEffect, useMemo, useRef } from 'react';\nimport { isFunction, runAll, get } from '@elliemae/ds-utilities/utils';\nimport useHotkeys from '@elliemae/ds-utilities/hooks/useHotkeys';\nimport { mergeRefs } from '@elliemae/ds-utilities/system';\nimport getNextCellPosition from './utils/getNextCellPosition';\n\nexport const FocusGridContext = createContext();\nconst { Provider } = FocusGridContext;\n\nconst preventDefault = e => e.preventDefault();\n\nfunction registerHotKeysHooks(hotKeys, { focusedRow, focusedCell }) {\n Object.keys(hotKeys).forEach(key => {\n const { handler, options } = hotKeys[key];\n useHotkeys({\n keys: key,\n handler: e => {\n e.preventDefault();\n handler({\n rowIndex: focusedRow.current,\n cellIndex: focusedCell.current,\n });\n },\n options,\n });\n });\n}\n\n// eslint-disable-next-line max-statements\nexport default function FocusGridProvider({\n shouldWrapRows = false,\n shouldWrapCells = false,\n shouldRefocus = true,\n children,\n keyBindings,\n hotKeys,\n}) {\n const focusedRow = useRef();\n const focusedCell = useRef();\n const grid = useRef([]);\n const containerRef = useRef(document);\n const child = React.Children.only(children);\n const decoratedChild = React.cloneElement(child, {\n innerRef: mergeRefs(child.props.innerRef, containerRef),\n });\n\n const getNode = ({ rowIndex, cellIndex }) =>\n get(grid.current, [rowIndex, cellIndex]);\n\n const register = (node, rowIndex, columnIndex) => {\n if (!node) return;\n if (!Array.isArray(grid.current[rowIndex])) {\n grid.current[rowIndex] = [];\n }\n\n if (rowIndex === 0 && columnIndex === 0) {\n node.setAttribute('tabindex', 0);\n } else {\n node.setAttribute('tabindex', -1);\n }\n\n node.onfocus = () => {\n const prevNode = getNode({\n rowIndex: focusedRow.current,\n cellIndex: focusedCell.current,\n });\n\n if (prevNode) prevNode.setAttribute('tabindex', -1);\n\n node.setAttribute('tabindex', 0);\n focusedRow.current = rowIndex;\n focusedCell.current = columnIndex;\n };\n grid.current[rowIndex][columnIndex] = node;\n };\n\n useEffect(() => {\n if (shouldRefocus) {\n const rowIndex = focusedRow.current;\n const cellIndex = focusedCell.current;\n\n const node = get(grid.current, [rowIndex, cellIndex]);\n if (node) node.focus();\n }\n });\n\n const focusNextCell = (directionY, directionX, position) => {\n const { rowIndex, cellIndex } =\n position ||\n getNextCellPosition({\n grid: grid.current,\n currentCell: focusedCell.current,\n currentRow: focusedRow.current,\n directionX,\n directionY,\n shouldWrapCells,\n shouldWrapRows,\n });\n\n const node = getNode({ rowIndex, cellIndex });\n\n // can focus\n if (node) {\n node.focus();\n focusedRow.current = rowIndex;\n focusedCell.current = cellIndex;\n }\n };\n\n registerHotKeysHooks(hotKeys, { focusedCell, focusedRow });\n\n const defaultKeyBindings = {\n ArrowUp: runAll(preventDefault, () => focusNextCell(-1, 0)),\n ArrowRight: runAll(preventDefault, () => focusNextCell(0, 1)),\n ArrowDown: runAll(preventDefault, () => focusNextCell(1, 0)),\n ArrowLeft: runAll(preventDefault, () => focusNextCell(0, -1)),\n Home: runAll(preventDefault, e => {\n let rowIndex = focusedRow.current;\n if (e.ctrlKey) {\n rowIndex = 0;\n }\n focusNextCell(0, 0, { rowIndex, cellIndex: 0 });\n }),\n End: runAll(preventDefault, e => {\n let rowIndex = focusedRow.current;\n if (e.ctrlKey) {\n rowIndex = grid.current.length - 1;\n }\n focusNextCell(0, 0, { rowIndex, cellIndex: grid.current[0].length - 1 });\n }),\n ...keyBindings,\n };\n const nextKeyBindings = isFunction(keyBindings)\n ? keyBindings({\n defaultBindings: defaultKeyBindings,\n rowIndex: focusedRow.current,\n cellIndex: focusedCell.current,\n })\n : { ...defaultKeyBindings, ...keyBindings };\n\n const onKeyDown = e => {\n if (e.target.tagName.toLowerCase() === 'input') return;\n const action = nextKeyBindings[e.key];\n if (isFunction(action)) action(e);\n };\n\n const activate = container => {\n container.addEventListener('keydown', onKeyDown, true);\n };\n\n const deactivate = container => {\n container.removeEventListener('keydown', onKeyDown, true);\n };\n\n useEffect(() => {\n activate(containerRef.current);\n return () => {\n deactivate(containerRef.current);\n };\n }, []);\n\n const valueProvider = useMemo(\n () => ({\n register,\n }),\n [],\n );\n\n return <Provider value={valueProvider}>{decoratedChild}</Provider>;\n}\n"],"names":["FocusGridContext","createContext","Provider","preventDefault","e","registerHotKeysHooks","hotKeys","focusedRow","focusedCell","Object","keys","forEach","key","handler","options","useHotkeys","rowIndex","current","cellIndex","FocusGridProvider","shouldWrapRows","shouldWrapCells","shouldRefocus","children","keyBindings","useRef","grid","containerRef","document","child","React","Children","only","decoratedChild","cloneElement","innerRef","mergeRefs","props","getNode","get","register","node","columnIndex","Array","isArray","setAttribute","onfocus","prevNode","useEffect","focus","focusNextCell","directionY","directionX","position","getNextCellPosition","currentCell","currentRow","defaultKeyBindings","ArrowUp","runAll","ArrowRight","ArrowDown","ArrowLeft","Home","ctrlKey","End","length","nextKeyBindings","isFunction","defaultBindings","onKeyDown","target","tagName","toLowerCase","action","activate","container","addEventListener","deactivate","removeEventListener","valueProvider","useMemo"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FocusGrid.js","sources":["../../../src/FocusGroup/FocusGrid.tsx"],"sourcesContent":["import React, { createContext, useEffect, useMemo, useRef } from 'react';\nimport { isFunction, runAll, get, useHotkeys, mergeRefs } from '@elliemae/ds-utilities';\nimport getNextCellPosition from './utils/getNextCellPosition';\n\nexport const FocusGridContext = createContext();\nconst { Provider } = FocusGridContext;\n\nconst preventDefault = e => e.preventDefault();\n\nfunction registerHotKeysHooks(hotKeys, { focusedRow, focusedCell }) {\n Object.keys(hotKeys).forEach(key => {\n const { handler, options } = hotKeys[key];\n useHotkeys({\n keys: key,\n handler: e => {\n e.preventDefault();\n handler({\n rowIndex: focusedRow.current,\n cellIndex: focusedCell.current,\n });\n },\n options,\n });\n });\n}\n\n// eslint-disable-next-line max-statements\nexport default function FocusGridProvider({\n shouldWrapRows = false,\n shouldWrapCells = false,\n shouldRefocus = true,\n children,\n keyBindings,\n hotKeys,\n}) {\n const focusedRow = useRef();\n const focusedCell = useRef();\n const grid = useRef([]);\n const containerRef = useRef(document);\n const child = React.Children.only(children);\n const decoratedChild = React.cloneElement(child, {\n innerRef: mergeRefs(child.props.innerRef, containerRef),\n });\n\n const getNode = ({ rowIndex, cellIndex }) =>\n get(grid.current, [rowIndex, cellIndex]);\n\n const register = (node, rowIndex, columnIndex) => {\n if (!node) return;\n if (!Array.isArray(grid.current[rowIndex])) {\n grid.current[rowIndex] = [];\n }\n\n if (rowIndex === 0 && columnIndex === 0) {\n node.setAttribute('tabindex', 0);\n } else {\n node.setAttribute('tabindex', -1);\n }\n\n node.onfocus = () => {\n const prevNode = getNode({\n rowIndex: focusedRow.current,\n cellIndex: focusedCell.current,\n });\n\n if (prevNode) prevNode.setAttribute('tabindex', -1);\n\n node.setAttribute('tabindex', 0);\n focusedRow.current = rowIndex;\n focusedCell.current = columnIndex;\n };\n grid.current[rowIndex][columnIndex] = node;\n };\n\n useEffect(() => {\n if (shouldRefocus) {\n const rowIndex = focusedRow.current;\n const cellIndex = focusedCell.current;\n\n const node = get(grid.current, [rowIndex, cellIndex]);\n if (node) node.focus();\n }\n });\n\n const focusNextCell = (directionY, directionX, position) => {\n const { rowIndex, cellIndex } =\n position ||\n getNextCellPosition({\n grid: grid.current,\n currentCell: focusedCell.current,\n currentRow: focusedRow.current,\n directionX,\n directionY,\n shouldWrapCells,\n shouldWrapRows,\n });\n\n const node = getNode({ rowIndex, cellIndex });\n\n // can focus\n if (node) {\n node.focus();\n focusedRow.current = rowIndex;\n focusedCell.current = cellIndex;\n }\n };\n\n registerHotKeysHooks(hotKeys, { focusedCell, focusedRow });\n\n const defaultKeyBindings = {\n ArrowUp: runAll(preventDefault, () => focusNextCell(-1, 0)),\n ArrowRight: runAll(preventDefault, () => focusNextCell(0, 1)),\n ArrowDown: runAll(preventDefault, () => focusNextCell(1, 0)),\n ArrowLeft: runAll(preventDefault, () => focusNextCell(0, -1)),\n Home: runAll(preventDefault, e => {\n let rowIndex = focusedRow.current;\n if (e.ctrlKey) {\n rowIndex = 0;\n }\n focusNextCell(0, 0, { rowIndex, cellIndex: 0 });\n }),\n End: runAll(preventDefault, e => {\n let rowIndex = focusedRow.current;\n if (e.ctrlKey) {\n rowIndex = grid.current.length - 1;\n }\n focusNextCell(0, 0, { rowIndex, cellIndex: grid.current[0].length - 1 });\n }),\n ...keyBindings,\n };\n const nextKeyBindings = isFunction(keyBindings)\n ? keyBindings({\n defaultBindings: defaultKeyBindings,\n rowIndex: focusedRow.current,\n cellIndex: focusedCell.current,\n })\n : { ...defaultKeyBindings, ...keyBindings };\n\n const onKeyDown = e => {\n if (e.target.tagName.toLowerCase() === 'input') return;\n const action = nextKeyBindings[e.key];\n if (isFunction(action)) action(e);\n };\n\n const activate = container => {\n container.addEventListener('keydown', onKeyDown, true);\n };\n\n const deactivate = container => {\n container.removeEventListener('keydown', onKeyDown, true);\n };\n\n useEffect(() => {\n activate(containerRef.current);\n return () => {\n deactivate(containerRef.current);\n };\n }, []);\n\n const valueProvider = useMemo(\n () => ({\n register,\n }),\n [],\n );\n\n return <Provider value={valueProvider}>{decoratedChild}</Provider>;\n}\n"],"names":["FocusGridContext","createContext","Provider","preventDefault","e","registerHotKeysHooks","hotKeys","focusedRow","focusedCell","Object","keys","forEach","key","handler","options","useHotkeys","rowIndex","current","cellIndex","FocusGridProvider","shouldWrapRows","shouldWrapCells","shouldRefocus","children","keyBindings","useRef","grid","containerRef","document","child","React","Children","only","decoratedChild","cloneElement","innerRef","mergeRefs","props","getNode","get","register","node","columnIndex","Array","isArray","setAttribute","onfocus","prevNode","useEffect","focus","focusNextCell","directionY","directionX","position","getNextCellPosition","currentCell","currentRow","defaultKeyBindings","ArrowUp","runAll","ArrowRight","ArrowDown","ArrowLeft","Home","ctrlKey","End","length","nextKeyBindings","isFunction","defaultBindings","onKeyDown","target","tagName","toLowerCase","action","activate","container","addEventListener","deactivate","removeEventListener","valueProvider","useMemo"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
|
|
2
2
|
import _createClass from '@babel/runtime/helpers/esm/createClass';
|
|
3
3
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
4
|
-
import { get, isFunction } from '@elliemae/ds-utilities
|
|
4
|
+
import { get, isFunction } from '@elliemae/ds-utilities';
|
|
5
5
|
import hotkeys from 'hotkeys-js';
|
|
6
6
|
|
|
7
7
|
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; }
|