@elliemae/ds-datagrids 2.0.0-alpha.4 → 2.0.0-alpha.8
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/DSDataGrid.js +2 -2
- package/cjs/DataGridImpl.js +5 -5
- package/cjs/PaginatedDataGrid.js +6 -6
- package/cjs/columns/IconColumn.js +4 -4
- package/cjs/components/BodyCell.js +3 -3
- package/cjs/components/BodyList.js +4 -4
- package/cjs/components/ColumnsOptionsMenuSection.js +1 -1
- package/cjs/components/EmptyState.js +7 -7
- package/cjs/components/HeaderCell.js +2 -2
- package/cjs/components/List.js +1 -1
- package/cjs/components/ListItem.js +1 -1
- package/cjs/components/NoResults.js +3 -3
- package/cjs/components/RowsLoader.js +1 -1
- package/cjs/components/Table.js +4 -4
- package/cjs/components/TableBody.js +3 -3
- package/cjs/components/TableHeader.js +1 -1
- package/cjs/components/footer/addOptionalFooterComponents.js +1 -1
- package/cjs/components/header/PrimaryControls.js +1 -1
- package/cjs/components/header/addOptionalHeaderComponents.js +1 -1
- package/cjs/components/renderers/renderRowsLoader.js +1 -1
- package/cjs/components/tableContext.js +1 -1
- package/cjs/index.js +1 -1
- package/cjs/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js +6 -6
- package/cjs/plugins/column-dnd/DndColumnsPlugin.js +2 -2
- package/cjs/plugins/column-dnd/decorateGridWithDndColumns.js +2 -2
- package/cjs/plugins/column-sizing/ColumnSizingPlugin.js +1 -1
- package/cjs/plugins/column-sizing/columnMeasurerTransformer.js +1 -1
- package/cjs/plugins/column-sizing/ext-points/getTableProps.js +2 -2
- package/cjs/plugins/column-sizing/useColumnSizeService.js +1 -1
- package/cjs/plugins/column-sizing/useStylesheetHelpers.js +2 -4
- package/cjs/plugins/custom-cell-renderer/CustomRendererPlugin.js +2 -2
- package/cjs/plugins/custom-cell-renderer/addCustomRendererToCell.js +2 -2
- package/cjs/plugins/custom-cell-renderer/getRendererComponent.js +9 -9
- package/cjs/plugins/editable/EditableComponents/ComboBox.js +3 -3
- package/cjs/plugins/editable/EditableComponents/TextBox.js +4 -4
- package/cjs/plugins/editable/EditablePlugin.js +2 -2
- package/cjs/plugins/editable/decorateEditable.js +7 -9
- package/cjs/plugins/editable/getEditorComponent.js +3 -3
- package/cjs/plugins/expandable-grid/ExpandableColumn.js +9 -9
- package/cjs/plugins/expandable-grid/ExpandablePlugin.js +6 -6
- package/cjs/plugins/expandable-grid/ExpandedRow.js +14 -14
- package/cjs/plugins/expandable-grid/ExpandedRowExtra.js +4 -4
- package/cjs/plugins/expandable-grid/useExpandGridState.js +1 -1
- package/cjs/plugins/export-data/ExportDataPlugin.js +3 -2
- package/cjs/plugins/filterable/FilterablePlugin.js +2 -2
- package/cjs/plugins/filterable/addFilterToColumn.js +1 -1
- package/cjs/plugins/filterable/components/FilterableHeader.js +4 -4
- package/cjs/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.js +12 -12
- package/cjs/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js +11 -11
- package/cjs/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js +13 -13
- package/cjs/plugins/filterable/components/filterable-menus/TextFilterMenu.js +9 -9
- package/cjs/plugins/filterable/filterableFormatter.js +1 -1
- package/cjs/plugins/filterable/filtering-helper/filterRowsByQuery.js +2 -2
- package/cjs/plugins/filterable/filtering-helper/strategiesOperators.js +4 -4
- package/cjs/plugins/filterable/helper.js +1 -1
- package/cjs/plugins/filterable/useFilterableState.js +1 -1
- package/cjs/plugins/grouping-by/GroupingByPlugin.js +1 -1
- package/cjs/plugins/grouping-grid/GroupingPlugin.js +4 -4
- package/cjs/plugins/infinite-scrolling/InfiniteScrollPlugin.js +3 -3
- package/cjs/plugins/pagination/PaginationPlugin.js +8 -8
- package/cjs/plugins/pagination/components/Pagination.js +2 -2
- package/cjs/plugins/pagination/components/Paginator.js +12 -12
- package/cjs/plugins/pagination/components/PerPageDropdown.js +5 -5
- package/cjs/plugins/pagination/helper.js +1 -1
- package/cjs/plugins/pagination/usePaginationState.js +2 -2
- package/cjs/plugins/resizable/ResizablePlugin.js +1 -1
- package/cjs/plugins/resizable/decorateResizable.js +3 -3
- package/cjs/plugins/resizable/useResizeHandle.js +1 -1
- package/cjs/plugins/resizable/utils.js +4 -4
- package/cjs/plugins/row-dnd/DndRowsPlugin.js +4 -4
- package/cjs/plugins/selectable/SelectablePlugin.js +2 -2
- package/cjs/plugins/selectable/addSelectableColumn.js +2 -2
- package/cjs/plugins/selectable/helper.js +1 -1
- package/cjs/plugins/selectable/selectableFormatter.js +7 -7
- package/cjs/plugins/selectable/useSelectableState.js +2 -2
- package/cjs/plugins/sortable/SortablePlugin.js +3 -5
- package/cjs/plugins/sortable/checkIfSortable.js +1 -1
- package/cjs/plugins/sortable/sortHeaderFormatter.js +6 -6
- package/cjs/plugins/sortable/sortTree.js +3 -5
- package/cjs/plugins/sortable/sorter.js +3 -3
- package/cjs/plugins/sortable/useSortableState.js +4 -6
- package/cjs/plugins/toolbar/RowRenderer.js +4 -4
- package/cjs/plugins/toolbar/ToolbarPlugin.js +2 -2
- package/cjs/plugins/toolbar/ToolbarTrigger.js +9 -9
- package/cjs/plugins/virtualization/AutoHeightList.js +3 -3
- package/cjs/plugins/virtualization/VirtualizationPlugin.js +3 -3
- package/cjs/plugins/virtualization/VirtualizedBody.js +3 -3
- package/cjs/renders/CellWithAddons.js +7 -7
- package/cjs/renders/styled.js +3 -3
- package/cjs/utilities/normalizeData.js +1 -1
- package/esm/plugins/export-data/ExportDataPlugin.js +1 -0
- package/package.json +9 -9
|
@@ -13,7 +13,7 @@ var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDe
|
|
|
13
13
|
|
|
14
14
|
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; }
|
|
15
15
|
|
|
16
|
-
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[
|
|
16
|
+
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; }
|
|
17
17
|
function usePaginationState(grid) {
|
|
18
18
|
const {
|
|
19
19
|
minPerPage = 0,
|
|
@@ -30,7 +30,7 @@ function usePaginationState(grid) {
|
|
|
30
30
|
composedRows,
|
|
31
31
|
rows
|
|
32
32
|
} = grid.getInstance();
|
|
33
|
-
const [pagination, setPagination] = useDerivedStateFromProps__default[
|
|
33
|
+
const [pagination, setPagination] = useDerivedStateFromProps__default["default"](paginationProp);
|
|
34
34
|
|
|
35
35
|
const onPerPage = perPageNumber => {
|
|
36
36
|
const parsedPerPageNumber = helper.parsePerPageNumber(perPageNumber, maxPerPage, minPerPage);
|
|
@@ -105,7 +105,7 @@ const decorateColumn = (column, grid, index) => {
|
|
|
105
105
|
}));
|
|
106
106
|
};
|
|
107
107
|
|
|
108
|
-
const ResizablePlugin = createInstancePlugin__default[
|
|
108
|
+
const ResizablePlugin = createInstancePlugin__default["default"]('resizable', {
|
|
109
109
|
decorateColumn
|
|
110
110
|
});
|
|
111
111
|
|
|
@@ -17,11 +17,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
17
17
|
|
|
18
18
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
19
19
|
|
|
20
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
20
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
21
21
|
|
|
22
22
|
const addResizableToColumn = (column, formatter) => initColumnDefinition.appendHeaderFormatter(formatter, column);
|
|
23
23
|
|
|
24
|
-
const ResizableWrapper = /*#__PURE__*/React__default[
|
|
24
|
+
const ResizableWrapper = /*#__PURE__*/React__default["default"].memo(({
|
|
25
25
|
value,
|
|
26
26
|
onDrag,
|
|
27
27
|
onDragEnd,
|
|
@@ -42,7 +42,7 @@ const ResizableWrapper = /*#__PURE__*/React__default['default'].memo(({
|
|
|
42
42
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
43
43
|
ref: containerRef,
|
|
44
44
|
className: "resize-container",
|
|
45
|
-
children: [value, /*#__PURE__*/_jsx__default[
|
|
45
|
+
children: [value, /*#__PURE__*/_jsx__default["default"](Handle, {})]
|
|
46
46
|
});
|
|
47
47
|
}); // eslint-disable-next-line react/display-name
|
|
48
48
|
|
|
@@ -12,14 +12,14 @@ var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
|
|
|
12
12
|
|
|
13
13
|
const isPercentNumber = stringNumber => typeof stringNumber === 'string' && stringNumber.indexOf('%') !== -1;
|
|
14
14
|
const isPxNumber = stringNumber => typeof stringNumber === 'string' && stringNumber.indexOf('px') !== -1;
|
|
15
|
-
const translatePercentageToPx = memoizeOne__default[
|
|
15
|
+
const translatePercentageToPx = memoizeOne__default["default"]((totalWidth, percentage, minWidth = 0) => {
|
|
16
16
|
const parsedPercentatge = utils.parseInt(percentage.replace('%', ''));
|
|
17
17
|
const width = totalWidth * parsedPercentatge / 100;
|
|
18
18
|
return width > minWidth ? width : minWidth;
|
|
19
19
|
});
|
|
20
|
-
const translateStringPxToNumberPx = memoizeOne__default[
|
|
21
|
-
memoizeOne__default[
|
|
22
|
-
memoizeOne__default[
|
|
20
|
+
const translateStringPxToNumberPx = memoizeOne__default["default"](pxNumber => utils.parseInt(pxNumber.replace('%', '')));
|
|
21
|
+
memoizeOne__default["default"]((totalWidth, pxWidth) => `${pxWidth / totalWidth * 100}%`);
|
|
22
|
+
memoizeOne__default["default"]((gridWidth, width = 0, minWidth) => {
|
|
23
23
|
if (isPercentNumber(width)) return translatePercentageToPx(gridWidth, width, minWidth);
|
|
24
24
|
if (isPxNumber(width)) return translateStringPxToNumberPx(width);
|
|
25
25
|
return width;
|
|
@@ -23,9 +23,9 @@ var _GripperVertical, _DragHandle;
|
|
|
23
23
|
|
|
24
24
|
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; }
|
|
25
25
|
|
|
26
|
-
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[
|
|
26
|
+
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; }
|
|
27
27
|
const keysToOmit = ['axis', 'contentWindow', 'disableAutoscroll', 'distance', 'getContainer', 'getHelperDimensions', 'helperClass', 'helperContainer', 'hideSortableGhost', 'keyboardSortingTransitionDuration', 'lockAxis', 'lockOffset', 'lockToContainerEdges', 'onSortEnd', 'onSortMove', 'onSortOver', 'onSortStart', 'pressDelay', 'pressThreshold', 'shouldCancelStart', 'transitionDuration', 'updateBeforeSortStart', 'useDragHandle', 'useWindowAsScrollContainer'];
|
|
28
|
-
const DragHandle = reactSortableHoc.SortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default[
|
|
28
|
+
const DragHandle = reactSortableHoc.SortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](GripperVertical__default["default"], {
|
|
29
29
|
className: "drag-handle"
|
|
30
30
|
})));
|
|
31
31
|
|
|
@@ -49,7 +49,7 @@ const decorateColumns = columns => {
|
|
|
49
49
|
special: true
|
|
50
50
|
};
|
|
51
51
|
return [initColumnDefinition.appendCellFormatter(() => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
52
|
-
children: _DragHandle || (_DragHandle = /*#__PURE__*/_jsx__default[
|
|
52
|
+
children: _DragHandle || (_DragHandle = /*#__PURE__*/_jsx__default["default"](DragHandle, {}))
|
|
53
53
|
}), dragColumn), ...columns];
|
|
54
54
|
};
|
|
55
55
|
|
|
@@ -98,7 +98,7 @@ const decorateRenderers = renderers => {
|
|
|
98
98
|
});
|
|
99
99
|
};
|
|
100
100
|
|
|
101
|
-
const DndRowsPlugin = createInstancePlugin__default[
|
|
101
|
+
const DndRowsPlugin = createInstancePlugin__default["default"]('dnd-rows', {
|
|
102
102
|
decorateColumns,
|
|
103
103
|
getBodyProps,
|
|
104
104
|
decorateRenderers
|
|
@@ -80,7 +80,7 @@ const getRowProps = (rowProps, grid, {
|
|
|
80
80
|
rowProps.onClick = () => selectRow(rowData[rowKey], _index);
|
|
81
81
|
}
|
|
82
82
|
|
|
83
|
-
rowProps.className = cx__default[
|
|
83
|
+
rowProps.className = cx__default["default"]({
|
|
84
84
|
[rowProps.className]: true,
|
|
85
85
|
selected: isSelected,
|
|
86
86
|
'select-highlight': showSelectHighlight && isSelected
|
|
@@ -150,7 +150,7 @@ const decorateGrid = grid => {
|
|
|
150
150
|
};
|
|
151
151
|
};
|
|
152
152
|
|
|
153
|
-
const SelectablePlugin = createInstancePlugin__default[
|
|
153
|
+
const SelectablePlugin = createInstancePlugin__default["default"]('selectable', {
|
|
154
154
|
decorateGrid,
|
|
155
155
|
registerStateHook: useSelectableState.useSelectableState,
|
|
156
156
|
decorateColumns,
|
|
@@ -16,7 +16,7 @@ const _excluded = ["visible", "isDataColumn", "width", "minWidth", "cellRenderer
|
|
|
16
16
|
|
|
17
17
|
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; }
|
|
18
18
|
|
|
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[
|
|
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
|
function selectionColumnCreator({
|
|
21
21
|
grid,
|
|
22
22
|
selectAll,
|
|
@@ -47,7 +47,7 @@ function selectionColumnCreator({
|
|
|
47
47
|
customRenderer,
|
|
48
48
|
header
|
|
49
49
|
} = _ref,
|
|
50
|
-
column = _objectWithoutProperties__default[
|
|
50
|
+
column = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
51
51
|
|
|
52
52
|
let selectionColumn = _objectSpread(_objectSpread({}, column), {}, {
|
|
53
53
|
property: 'metaData.selected',
|
|
@@ -11,7 +11,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
11
11
|
|
|
12
12
|
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; }
|
|
13
13
|
|
|
14
|
-
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
|
+
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; }
|
|
15
15
|
const checkAllRowsSelected = (rows, selectedRows) => {
|
|
16
16
|
if (rows.length && selectedRows.length === rows.length) return true;
|
|
17
17
|
if (selectedRows.length) return 'mixed';
|
|
@@ -18,17 +18,17 @@ var DSRadio__default = /*#__PURE__*/_interopDefaultLegacy(DSRadio);
|
|
|
18
18
|
|
|
19
19
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
20
20
|
|
|
21
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
21
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
22
22
|
|
|
23
23
|
const SelectableWrapper = ({
|
|
24
24
|
className,
|
|
25
25
|
children
|
|
26
|
-
}) => /*#__PURE__*/_jsx__default[
|
|
26
|
+
}) => /*#__PURE__*/_jsx__default["default"]("div", {
|
|
27
27
|
className: className,
|
|
28
28
|
onClick: e => e.stopPropagation()
|
|
29
29
|
}, void 0, children);
|
|
30
30
|
|
|
31
|
-
const SelectableComponent = /*#__PURE__*/React__default[
|
|
31
|
+
const SelectableComponent = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React.forwardRef(({
|
|
32
32
|
className,
|
|
33
33
|
isMultiSelect,
|
|
34
34
|
isHeader,
|
|
@@ -36,10 +36,10 @@ const SelectableComponent = /*#__PURE__*/React__default['default'].memo( /*#__PU
|
|
|
36
36
|
isSelected,
|
|
37
37
|
value
|
|
38
38
|
}, ref) => {
|
|
39
|
-
const SelectComponent = isMultiSelect || isHeader ? DSCheckbox__default[
|
|
40
|
-
return /*#__PURE__*/_jsx__default[
|
|
39
|
+
const SelectComponent = isMultiSelect || isHeader ? DSCheckbox__default["default"] : DSRadio__default["default"];
|
|
40
|
+
return /*#__PURE__*/_jsx__default["default"](SelectableWrapper, {
|
|
41
41
|
className: className
|
|
42
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
42
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](SelectComponent, {
|
|
43
43
|
checked: isSelected,
|
|
44
44
|
"data-testid": "column-selectable-component",
|
|
45
45
|
innerRef: ref,
|
|
@@ -81,7 +81,7 @@ const selectableFormatter = ({
|
|
|
81
81
|
const handleSelect = isHeader ? () => onSelect(!isSelected) : () => onSelect(rowData[rowKey], extraParams.rowIndex, shiftPressed, lastSelectedRow);
|
|
82
82
|
|
|
83
83
|
if (utils.isFunction(renderer)) {
|
|
84
|
-
return /*#__PURE__*/_jsx__default[
|
|
84
|
+
return /*#__PURE__*/_jsx__default["default"](SelectableWrapper, {
|
|
85
85
|
className: className
|
|
86
86
|
}, void 0, renderer(_objectSpread(_objectSpread({
|
|
87
87
|
rowData: {}
|
|
@@ -14,7 +14,7 @@ var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDe
|
|
|
14
14
|
|
|
15
15
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
16
16
|
|
|
17
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
17
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
18
18
|
|
|
19
19
|
function deriveSelectedStateFromPropsOnUpdate(rows) {
|
|
20
20
|
return (nextProp = {}, prevProp = {}) => {
|
|
@@ -47,7 +47,7 @@ function useSelectableState(grid) {
|
|
|
47
47
|
setLastSelectedRow
|
|
48
48
|
} = grid.getInstance();
|
|
49
49
|
const multiple = selectable === 'multi';
|
|
50
|
-
const [selection, setSelectedRowsState] = useDerivedStateFromProps__default[
|
|
50
|
+
const [selection, setSelectedRowsState] = useDerivedStateFromProps__default["default"]({
|
|
51
51
|
selectedRows,
|
|
52
52
|
selectAll
|
|
53
53
|
}, {
|
|
@@ -21,14 +21,12 @@ function _interopNamespace(e) {
|
|
|
21
21
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
22
22
|
Object.defineProperty(n, k, d.get ? d : {
|
|
23
23
|
enumerable: true,
|
|
24
|
-
get: function () {
|
|
25
|
-
return e[k];
|
|
26
|
-
}
|
|
24
|
+
get: function () { return e[k]; }
|
|
27
25
|
});
|
|
28
26
|
}
|
|
29
27
|
});
|
|
30
28
|
}
|
|
31
|
-
n[
|
|
29
|
+
n["default"] = e;
|
|
32
30
|
return Object.freeze(n);
|
|
33
31
|
}
|
|
34
32
|
|
|
@@ -81,7 +79,7 @@ const composeRows = (rows, grid) => {
|
|
|
81
79
|
return !isDataSorted ? sorter.sorter(sortingConfig)(rows) : rows;
|
|
82
80
|
};
|
|
83
81
|
|
|
84
|
-
const SortablePlugin = createInstancePlugin__default[
|
|
82
|
+
const SortablePlugin = createInstancePlugin__default["default"]('sortable', {
|
|
85
83
|
registerStateHook: useSortableState.useSortableState,
|
|
86
84
|
decorateColumn,
|
|
87
85
|
composeRows,
|
|
@@ -17,19 +17,19 @@ var _ArrowheadUp, _ArrowheadDown;
|
|
|
17
17
|
const blockName = 'data-grid-sort-header';
|
|
18
18
|
const SortHeaderContainer = dsClassnames.aggregatedClasses('div')(blockName);
|
|
19
19
|
const iconColor = ['brand-primary', 800];
|
|
20
|
-
const SortHeader = /*#__PURE__*/React__default[
|
|
20
|
+
const SortHeader = /*#__PURE__*/React__default["default"].memo(({
|
|
21
21
|
value,
|
|
22
22
|
onClick,
|
|
23
23
|
sortState
|
|
24
24
|
}) => {
|
|
25
|
-
const sortIndicator = sortState === 'asc' ? _ArrowheadUp || (_ArrowheadUp = /*#__PURE__*/_jsx__default[
|
|
25
|
+
const sortIndicator = sortState === 'asc' ? _ArrowheadUp || (_ArrowheadUp = /*#__PURE__*/_jsx__default["default"](ArrowheadUp__default["default"], {
|
|
26
26
|
color: iconColor
|
|
27
|
-
})) : _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default[
|
|
27
|
+
})) : _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](ArrowheadDown__default["default"], {
|
|
28
28
|
color: iconColor
|
|
29
29
|
}));
|
|
30
|
-
return /*#__PURE__*/_jsx__default[
|
|
30
|
+
return /*#__PURE__*/_jsx__default["default"](SortHeaderContainer, {
|
|
31
31
|
onClick: onClick
|
|
32
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
32
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"]("span", {
|
|
33
33
|
className: "header-value"
|
|
34
34
|
}, void 0, value), sortState && sortIndicator);
|
|
35
35
|
});
|
|
@@ -50,7 +50,7 @@ const sortHeaderFormatter = (sortable, grid) => (value, {
|
|
|
50
50
|
columnIndex,
|
|
51
51
|
property
|
|
52
52
|
});
|
|
53
|
-
return /*#__PURE__*/_jsx__default[
|
|
53
|
+
return /*#__PURE__*/_jsx__default["default"](SortHeader, {
|
|
54
54
|
className: className,
|
|
55
55
|
onClick: onClick,
|
|
56
56
|
sortState: sortingColumns[property] && sortingColumns[property].direction,
|
|
@@ -14,14 +14,12 @@ function _interopNamespace(e) {
|
|
|
14
14
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
15
15
|
Object.defineProperty(n, k, d.get ? d : {
|
|
16
16
|
enumerable: true,
|
|
17
|
-
get: function () {
|
|
18
|
-
return e[k];
|
|
19
|
-
}
|
|
17
|
+
get: function () { return e[k]; }
|
|
20
18
|
});
|
|
21
19
|
}
|
|
22
20
|
});
|
|
23
21
|
}
|
|
24
|
-
n[
|
|
22
|
+
n["default"] = e;
|
|
25
23
|
return Object.freeze(n);
|
|
26
24
|
}
|
|
27
25
|
|
|
@@ -30,7 +28,7 @@ var sortabular__namespace = /*#__PURE__*/_interopNamespace(sortabular);
|
|
|
30
28
|
|
|
31
29
|
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; }
|
|
32
30
|
|
|
33
|
-
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[
|
|
31
|
+
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
32
|
|
|
35
33
|
const deepSorting = (sortConfig, rows = []) => sortabular__namespace.sorter(sortConfig)(rows.map(row => row.children && row.children.length ? _objectSpread(_objectSpread({}, row), {}, {
|
|
36
34
|
children: deepSorting(sortConfig, row.children)
|
|
@@ -13,7 +13,7 @@ var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
|
13
13
|
|
|
14
14
|
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; }
|
|
15
15
|
|
|
16
|
-
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[
|
|
16
|
+
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; }
|
|
17
17
|
const sorter = ({
|
|
18
18
|
columns,
|
|
19
19
|
sortingColumns,
|
|
@@ -60,7 +60,7 @@ const sorter = ({
|
|
|
60
60
|
const resolvedValue = utils.get(row, `_${property}`, value);
|
|
61
61
|
|
|
62
62
|
if (realColumn.type === 'DateTime') {
|
|
63
|
-
return moment__default[
|
|
63
|
+
return moment__default["default"](resolvedValue);
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
return typeof resolvedValue === 'string' ? resolvedValue.toLowerCase() : resolvedValue;
|
|
@@ -118,7 +118,7 @@ const sorterGroups = ({
|
|
|
118
118
|
const resolvedValue = utils.get(row, `_${property}`, value);
|
|
119
119
|
|
|
120
120
|
if (realColumn.type === 'DateTime') {
|
|
121
|
-
return moment__default[
|
|
121
|
+
return moment__default["default"](resolvedValue);
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
return typeof resolvedValue === 'string' ? resolvedValue.toLowerCase() : resolvedValue;
|
|
@@ -18,14 +18,12 @@ function _interopNamespace(e) {
|
|
|
18
18
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
19
19
|
Object.defineProperty(n, k, d.get ? d : {
|
|
20
20
|
enumerable: true,
|
|
21
|
-
get: function () {
|
|
22
|
-
return e[k];
|
|
23
|
-
}
|
|
21
|
+
get: function () { return e[k]; }
|
|
24
22
|
});
|
|
25
23
|
}
|
|
26
24
|
});
|
|
27
25
|
}
|
|
28
|
-
n[
|
|
26
|
+
n["default"] = e;
|
|
29
27
|
return Object.freeze(n);
|
|
30
28
|
}
|
|
31
29
|
|
|
@@ -35,14 +33,14 @@ var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDe
|
|
|
35
33
|
|
|
36
34
|
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; }
|
|
37
35
|
|
|
38
|
-
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[
|
|
36
|
+
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; }
|
|
39
37
|
function useSortableState(grid) {
|
|
40
38
|
const {
|
|
41
39
|
onSort,
|
|
42
40
|
sortingColumns: sortingColumnsProp,
|
|
43
41
|
pagination
|
|
44
42
|
} = grid.props;
|
|
45
|
-
const [sortingColumns, setSortingColumns] = useDerivedStateFromProps__default[
|
|
43
|
+
const [sortingColumns, setSortingColumns] = useDerivedStateFromProps__default["default"](sortingColumnsProp);
|
|
46
44
|
|
|
47
45
|
const handleSort = selectedColumn => {
|
|
48
46
|
// support for pagination
|
|
@@ -18,7 +18,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
18
18
|
|
|
19
19
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
20
20
|
|
|
21
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
21
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
22
22
|
const RowRenderer = (Row, grid) => {
|
|
23
23
|
const Wrapped = props => {
|
|
24
24
|
const ref = React.useRef();
|
|
@@ -59,7 +59,7 @@ const RowRenderer = (Row, grid) => {
|
|
|
59
59
|
position: 'relative'
|
|
60
60
|
}, [shouldOmit]));
|
|
61
61
|
}, [style, isRowDragging]);
|
|
62
|
-
return /*#__PURE__*/_jsx__default[
|
|
62
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
63
63
|
className: "row-renderer-fixed-height",
|
|
64
64
|
style: {
|
|
65
65
|
height: !wrapText ? rowSizes.RowSizes[gridInstance.props.rowSize] : 'auto',
|
|
@@ -70,10 +70,10 @@ const RowRenderer = (Row, grid) => {
|
|
|
70
70
|
ref: ref
|
|
71
71
|
}, props), {}, {
|
|
72
72
|
style: rowStyle
|
|
73
|
-
})), lodash.isEmpty(rowData) && !rowData.index && !rowData.rowIndex ? null : /*#__PURE__*/_jsx__default[
|
|
73
|
+
})), lodash.isEmpty(rowData) && !rowData.index && !rowData.rowIndex ? null : /*#__PURE__*/_jsx__default["default"]("div", {
|
|
74
74
|
className: `toolbar-trigger-container ${style ? 'move' : 'stay'}`,
|
|
75
75
|
style: _objectSpread({}, popStyle)
|
|
76
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
76
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](ToolbarTrigger.ToolbarTrigger, {
|
|
77
77
|
grid: grid,
|
|
78
78
|
rowData: {
|
|
79
79
|
rowData,
|
|
@@ -17,7 +17,7 @@ var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createIns
|
|
|
17
17
|
const decorateColumns = columns => {
|
|
18
18
|
const lastColumn = columns[columns.length - 1];
|
|
19
19
|
return [...columns.slice(0, -1), initColumnDefinition.appendCellFormatter([value => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
20
|
-
children: [value, /*#__PURE__*/_jsx__default[
|
|
20
|
+
children: [value, /*#__PURE__*/_jsx__default["default"]("div", {
|
|
21
21
|
style: {
|
|
22
22
|
width: 34,
|
|
23
23
|
maxWidth: 34,
|
|
@@ -33,7 +33,7 @@ const decorateRenderers = (renderers, grid) => {
|
|
|
33
33
|
return renderers;
|
|
34
34
|
};
|
|
35
35
|
|
|
36
|
-
const ToolbarPlugin = createInstancePlugin__default[
|
|
36
|
+
const ToolbarPlugin = createInstancePlugin__default["default"]('toolbar', {
|
|
37
37
|
decorateRenderers,
|
|
38
38
|
decorateColumns
|
|
39
39
|
});
|
|
@@ -21,15 +21,15 @@ var _MoreOptionsVert;
|
|
|
21
21
|
|
|
22
22
|
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; }
|
|
23
23
|
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
25
|
-
const ToolbarBtns = /*#__PURE__*/styled__default[
|
|
24
|
+
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; }
|
|
25
|
+
const ToolbarBtns = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
26
26
|
componentId: "sc-pm75g5-0"
|
|
27
27
|
})(["& > .em-ds-toolbar{box-shadow:none;}"]);
|
|
28
|
-
const ToolbarWrapper = /*#__PURE__*/styled__default[
|
|
28
|
+
const ToolbarWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
29
29
|
componentId: "sc-pm75g5-1"
|
|
30
30
|
})(["display:flex;align-items:center;height:", ";margin-left:-4px;margin-right:", ";padding-right:4px;pointer-events:all;background:white;", " &:hover{box-shadow:-1px 0px 1px 0px rgba(0,0,0,0.2),1px 0px 2px 0px rgba(0,0,0,0.2);& > .toolbar-trigger{border:none;}}"], props => props.rowSize === 'normal' ? '36px' : '28px', props => props.hasScrollBar ? '0' : '-10px', props => props.showShadow ? `box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2),
|
|
31
31
|
1px 0px 2px 0px rgba(0, 0, 0, 0.2);` : '');
|
|
32
|
-
const ToolbarPosition = /*#__PURE__*/styled__default[
|
|
32
|
+
const ToolbarPosition = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
33
33
|
componentId: "sc-pm75g5-2"
|
|
34
34
|
})(["position:absolute;z-index:10;display:flex;justify-content:flex-end;align-items:center;width:0;pointer-events:none;top:0;height:", ";margin-top:", ";"], props => props.rowRef.current ? `${props.rowRef.current.offsetHeight}px` : '36px', props => props.rowSize === 'normal' ? '0' : '0'); // eslint-disable-next-line react/prop-types
|
|
35
35
|
|
|
@@ -56,20 +56,20 @@ const ToolbarTrigger = ({
|
|
|
56
56
|
})) : null;
|
|
57
57
|
/* eslint-enable indent */
|
|
58
58
|
|
|
59
|
-
return /*#__PURE__*/_jsx__default[
|
|
59
|
+
return /*#__PURE__*/_jsx__default["default"](ToolbarPosition, {
|
|
60
60
|
rowSize: rowSize,
|
|
61
61
|
rowRef: rowRef
|
|
62
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
62
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](ToolbarWrapper, {
|
|
63
63
|
onMouseEnter: () => setShow(true),
|
|
64
64
|
onMouseLeave: () => setShow(false),
|
|
65
65
|
showShadow: show,
|
|
66
66
|
rowSize: rowSize,
|
|
67
67
|
hasScrollBar: hasScrollBar
|
|
68
|
-
}, void 0, show && /*#__PURE__*/_jsx__default[
|
|
68
|
+
}, void 0, show && /*#__PURE__*/_jsx__default["default"](ToolbarBtns, {}, void 0, toolbar), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
69
69
|
buttonType: "text",
|
|
70
70
|
className: "toolbar-trigger",
|
|
71
71
|
"data-testid": "toolbar-trigger",
|
|
72
|
-
icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default[
|
|
72
|
+
icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](MoreOptionsVert__default["default"], {})) // eslint-disable-next-line react/prop-types
|
|
73
73
|
,
|
|
74
74
|
index: rowData.index,
|
|
75
75
|
onClick: () => setShow(true),
|
|
@@ -78,4 +78,4 @@ const ToolbarTrigger = ({
|
|
|
78
78
|
};
|
|
79
79
|
|
|
80
80
|
exports.ToolbarTrigger = ToolbarTrigger;
|
|
81
|
-
exports[
|
|
81
|
+
exports["default"] = ToolbarTrigger;
|
|
@@ -19,7 +19,7 @@ const _excluded = ["itemCount", "className", "innerRef", "itemData", "itemKey",
|
|
|
19
19
|
|
|
20
20
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
21
21
|
|
|
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[
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
23
23
|
const AutoHeightList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
24
24
|
let {
|
|
25
25
|
itemCount,
|
|
@@ -31,11 +31,11 @@ const AutoHeightList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
31
31
|
outerRef,
|
|
32
32
|
component: ListComponent = reactWindow.FixedSizeList
|
|
33
33
|
} = _ref,
|
|
34
|
-
otherProps = _objectWithoutProperties__default[
|
|
34
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
35
35
|
|
|
36
36
|
const listRef = React.useRef();
|
|
37
37
|
const outerListRef = React.useRef();
|
|
38
|
-
useWindowScrollerList__default[
|
|
38
|
+
useWindowScrollerList__default["default"]({
|
|
39
39
|
listInstance: listRef,
|
|
40
40
|
outerListRef
|
|
41
41
|
});
|
|
@@ -22,8 +22,8 @@ var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createIns
|
|
|
22
22
|
|
|
23
23
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
24
24
|
|
|
25
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
26
|
-
const VirtualizationPlugin = createInstancePlugin__default[
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
26
|
+
const VirtualizationPlugin = createInstancePlugin__default["default"]('virtualization', {
|
|
27
27
|
decorateRenderers(renderers, grid) {
|
|
28
28
|
const BodyWrapper = renderers.body.wrapper; // eslint-disable-next-line react/display-name
|
|
29
29
|
|
|
@@ -55,7 +55,7 @@ const VirtualizationPlugin = createInstancePlugin__default['default']('virtualiz
|
|
|
55
55
|
ref: system.mergeRefs(listRef, listProps.ref)
|
|
56
56
|
});
|
|
57
57
|
|
|
58
|
-
return /*#__PURE__*/_jsx__default[
|
|
58
|
+
return /*#__PURE__*/_jsx__default["default"](FocusGridManager__default["default"], {
|
|
59
59
|
hotKeys: hotKeys,
|
|
60
60
|
keyBindings: ({
|
|
61
61
|
defaultBindings
|
|
@@ -18,7 +18,7 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
18
18
|
|
|
19
19
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
20
20
|
|
|
21
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
21
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
22
22
|
const wrapperSafari = {};
|
|
23
23
|
const wrapperGeneric = {
|
|
24
24
|
overflowY: 'auto',
|
|
@@ -201,7 +201,7 @@ const VirtualizedBody = props => {
|
|
|
201
201
|
return rowStyleCache.current[index];
|
|
202
202
|
};
|
|
203
203
|
|
|
204
|
-
const generateRenderedRows = () => rows.slice(renderedIndexes[0], renderedIndexes[1] + 1).map((_, index) => /*#__PURE__*/_jsx__default[
|
|
204
|
+
const generateRenderedRows = () => rows.slice(renderedIndexes[0], renderedIndexes[1] + 1).map((_, index) => /*#__PURE__*/_jsx__default["default"](VirtualizedBodyRow, {
|
|
205
205
|
data: {
|
|
206
206
|
rows,
|
|
207
207
|
columns,
|
|
@@ -250,7 +250,7 @@ const VirtualizedBody = props => {
|
|
|
250
250
|
},
|
|
251
251
|
children: generateRenderedRows()
|
|
252
252
|
})
|
|
253
|
-
}) : /*#__PURE__*/_jsx__default[
|
|
253
|
+
}) : /*#__PURE__*/_jsx__default["default"](NoResults, {
|
|
254
254
|
innerRef: innerRef,
|
|
255
255
|
rowRenderer: rowRenderer
|
|
256
256
|
}, void 0, noResultsPlaceholder)
|