@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
package/cjs/DSDataGrid.js
CHANGED
|
@@ -145,7 +145,7 @@ const DSDataGrids = ({
|
|
|
145
145
|
noColumnsPlaceholder,
|
|
146
146
|
plugins = [],
|
|
147
147
|
normalizeDataKeys = false
|
|
148
|
-
}) => /*#__PURE__*/_jsx__default[
|
|
148
|
+
}) => /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx__default["default"](DataGridImpl, {
|
|
149
149
|
aggregations: aggregations,
|
|
150
150
|
autoHeight: autoHeight && !fluidHeight,
|
|
151
151
|
autoScrollToId: autoScrollToId,
|
|
@@ -633,4 +633,4 @@ const DSDataGridsWithSchema = reactDesc.describe(DSDataGrids);
|
|
|
633
633
|
DSDataGridsWithSchema.propTypes = props;
|
|
634
634
|
|
|
635
635
|
exports.DSDataGridsWithSchema = DSDataGridsWithSchema;
|
|
636
|
-
exports[
|
|
636
|
+
exports["default"] = DSDataGrids;
|
package/cjs/DataGridImpl.js
CHANGED
|
@@ -49,7 +49,7 @@ const _excluded = ["className", "renderers", "columns", "rows", "containerProps"
|
|
|
49
49
|
|
|
50
50
|
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; }
|
|
51
51
|
|
|
52
|
-
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[
|
|
52
|
+
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; }
|
|
53
53
|
|
|
54
54
|
const isFluid = ({
|
|
55
55
|
autoHeight,
|
|
@@ -71,10 +71,10 @@ function DataGridImpl(_ref) {
|
|
|
71
71
|
plugins: pluginsProp,
|
|
72
72
|
normalizeDataKeys
|
|
73
73
|
} = _ref,
|
|
74
|
-
otherProps = _objectWithoutProperties__default[
|
|
74
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
75
75
|
|
|
76
76
|
const {
|
|
77
|
-
noResultsPlaceholder = _EmptyState || (_EmptyState = /*#__PURE__*/_jsx__default[
|
|
77
|
+
noResultsPlaceholder = _EmptyState || (_EmptyState = /*#__PURE__*/_jsx__default["default"](EmptyState.EmptyState, {})),
|
|
78
78
|
noColumnsPlaceholder = 'Please select one of more columns in order for data to be displayed.',
|
|
79
79
|
noResultsRender,
|
|
80
80
|
paginated,
|
|
@@ -107,7 +107,7 @@ function DataGridImpl(_ref) {
|
|
|
107
107
|
normalizeData.normalizeRows(rows);
|
|
108
108
|
}
|
|
109
109
|
|
|
110
|
-
const grid = useDataGrid__default[
|
|
110
|
+
const grid = useDataGrid__default["default"](_objectSpread({
|
|
111
111
|
columns,
|
|
112
112
|
rows,
|
|
113
113
|
renderers: index.defaultRenderers,
|
|
@@ -146,7 +146,7 @@ function DataGridImpl(_ref) {
|
|
|
146
146
|
grid
|
|
147
147
|
}), /*#__PURE__*/jsxRuntime.jsxs(Table, _objectSpread(_objectSpread({}, grid), {}, {
|
|
148
148
|
onDefaultFiltersLoad: onDefaultFiltersLoad,
|
|
149
|
-
children: [showHeader && (_TableHeader || (_TableHeader = /*#__PURE__*/_jsx__default[
|
|
149
|
+
children: [showHeader && (_TableHeader || (_TableHeader = /*#__PURE__*/_jsx__default["default"](TableHeader, {}))), showRowsLoader ? rowsLoaderRenderer() : /*#__PURE__*/_jsx__default["default"](TableBody, {
|
|
150
150
|
isPlaceholderActive: noColumnsVisible || grid.composedRows.rows && grid.composedRows.rows.length === 0 || grid.composedRows.length === 0,
|
|
151
151
|
noResultsPlaceholder: bodyPlaceholder
|
|
152
152
|
})]
|
package/cjs/PaginatedDataGrid.js
CHANGED
|
@@ -27,7 +27,7 @@ const _excluded = ["columns", "rows", "showRowsLoader", "noResultsPlaceholder",
|
|
|
27
27
|
|
|
28
28
|
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; }
|
|
29
29
|
|
|
30
|
-
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[
|
|
30
|
+
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; }
|
|
31
31
|
|
|
32
32
|
function PaginatedDataGrid(_ref) {
|
|
33
33
|
let {
|
|
@@ -42,24 +42,24 @@ function PaginatedDataGrid(_ref) {
|
|
|
42
42
|
onPerPage,
|
|
43
43
|
pagination
|
|
44
44
|
} = _ref,
|
|
45
|
-
otherProps = _objectWithoutProperties__default[
|
|
45
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
46
46
|
|
|
47
47
|
const plugins = getPluginsFromProps(otherProps, {
|
|
48
48
|
infiniteScrolling: true
|
|
49
49
|
});
|
|
50
|
-
const grid = useDataGrid__default[
|
|
50
|
+
const grid = useDataGrid__default["default"](_objectSpread(_objectSpread({}, otherProps), {}, {
|
|
51
51
|
columns,
|
|
52
52
|
rows,
|
|
53
53
|
renderers: index.defaultRenderers,
|
|
54
54
|
plugins
|
|
55
55
|
}));
|
|
56
|
-
return /*#__PURE__*/_jsx__default[
|
|
56
|
+
return /*#__PURE__*/_jsx__default["default"](defaultClassedRenderers.DatagridWrapper, {}, void 0, addOptionalHeaderComponents({
|
|
57
57
|
grid
|
|
58
58
|
}), /*#__PURE__*/jsxRuntime.jsxs(Table, _objectSpread(_objectSpread({}, grid), {}, {
|
|
59
|
-
children: [_Table$Header || (_Table$Header = /*#__PURE__*/_jsx__default[
|
|
59
|
+
children: [_Table$Header || (_Table$Header = /*#__PURE__*/_jsx__default["default"](Table.Header, {})), showRowsLoader ? rowsLoaderRenderer() : /*#__PURE__*/_jsx__default["default"](Table.Body, {
|
|
60
60
|
rows: grid.composedRows.rows || grid.composedRows
|
|
61
61
|
})]
|
|
62
|
-
})), /*#__PURE__*/_jsx__default[
|
|
62
|
+
})), /*#__PURE__*/_jsx__default["default"](Pagination.Pagination, {
|
|
63
63
|
maxPerPage: maxPerPage,
|
|
64
64
|
minPerPage: minPerPage,
|
|
65
65
|
onPageSelect: onPageSelect,
|
|
@@ -31,7 +31,7 @@ const addColorToIcon = (icon, intentColor) => {
|
|
|
31
31
|
return icon;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
return /*#__PURE__*/React__default[
|
|
34
|
+
return /*#__PURE__*/React__default["default"].cloneElement(icon, {
|
|
35
35
|
color: intentColor
|
|
36
36
|
});
|
|
37
37
|
};
|
|
@@ -55,9 +55,9 @@ function createColumn({
|
|
|
55
55
|
|
|
56
56
|
const onClickHandler = e => onClick(e, extraParams);
|
|
57
57
|
|
|
58
|
-
return /*#__PURE__*/_jsx__default[
|
|
58
|
+
return /*#__PURE__*/_jsx__default["default"](ValueWrapper, {
|
|
59
59
|
className: utils.cx(`icc-${intent}`, isVisited(value, extraParams))
|
|
60
|
-
}, void 0, icon && addColorToIcon(icon, IntentIconColors[intent]), onClick && typeof value !== 'undefined' ? /*#__PURE__*/_jsx__default[
|
|
60
|
+
}, void 0, icon && addColorToIcon(icon, IntentIconColors[intent]), onClick && typeof value !== 'undefined' ? /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
61
61
|
buttonType: "text",
|
|
62
62
|
intent: intent,
|
|
63
63
|
labelText: value,
|
|
@@ -72,7 +72,7 @@ function createColumn({
|
|
|
72
72
|
justifyContent: 'center'
|
|
73
73
|
},
|
|
74
74
|
header: {
|
|
75
|
-
formatters: [() => /*#__PURE__*/_jsx__default[
|
|
75
|
+
formatters: [() => /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, /*#__PURE__*/React__default["default"].cloneElement(headerIcon, {
|
|
76
76
|
color: IntentIconColors[intent]
|
|
77
77
|
}))]
|
|
78
78
|
},
|
|
@@ -20,7 +20,7 @@ const _excluded = ["rowData", "rowKey", "isScrolling"];
|
|
|
20
20
|
|
|
21
21
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
22
22
|
|
|
23
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
23
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
24
24
|
|
|
25
25
|
function BodyCell({
|
|
26
26
|
component: Component,
|
|
@@ -36,7 +36,7 @@ function BodyCell({
|
|
|
36
36
|
rowKey,
|
|
37
37
|
isScrolling
|
|
38
38
|
} = rowProps,
|
|
39
|
-
extraRowProps = _objectWithoutProperties__default[
|
|
39
|
+
extraRowProps = _objectWithoutProperties__default["default"](rowProps, _excluded);
|
|
40
40
|
|
|
41
41
|
const {
|
|
42
42
|
property,
|
|
@@ -74,7 +74,7 @@ function BodyCell({
|
|
|
74
74
|
registerFocus
|
|
75
75
|
}, extraRowProps);
|
|
76
76
|
|
|
77
|
-
const withTooltip = v => classProps && classProps.wrapText ? v : /*#__PURE__*/_jsx__default[
|
|
77
|
+
const withTooltip = v => classProps && classProps.wrapText ? v : /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
|
|
78
78
|
value: v
|
|
79
79
|
});
|
|
80
80
|
|
|
@@ -18,7 +18,7 @@ const _excluded = ["component", "rows", "rowRenderer", "noResultsPlaceholder", "
|
|
|
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
|
function BodyWrapperDefaultRenderer(_ref) {
|
|
24
24
|
let {
|
|
@@ -29,19 +29,19 @@ function BodyWrapperDefaultRenderer(_ref) {
|
|
|
29
29
|
innerRef,
|
|
30
30
|
innerBodyRef
|
|
31
31
|
} = _ref,
|
|
32
|
-
otherBodyProps = _objectWithoutProperties__default[
|
|
32
|
+
otherBodyProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
33
33
|
|
|
34
34
|
return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, otherBodyProps), {}, {
|
|
35
35
|
innerRef: innerRef,
|
|
36
36
|
children: rows.length ? rows.map((row, index) => rowRenderer(row, {
|
|
37
37
|
index
|
|
38
|
-
}, {})) : /*#__PURE__*/_jsx__default[
|
|
38
|
+
}, {})) : /*#__PURE__*/_jsx__default["default"](NoResults, {
|
|
39
39
|
innerRef: innerRef,
|
|
40
40
|
rowRenderer: rowRenderer
|
|
41
41
|
}, void 0, noResultsPlaceholder)
|
|
42
42
|
}));
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
var BodyList = /*#__PURE__*/React__default[
|
|
45
|
+
var BodyList = /*#__PURE__*/React__default["default"].memo(BodyWrapperDefaultRenderer);
|
|
46
46
|
|
|
47
47
|
module.exports = BodyList;
|
|
@@ -30,7 +30,7 @@ const ColumnsOptionsMenuSection = ({
|
|
|
30
30
|
items: [],
|
|
31
31
|
active: []
|
|
32
32
|
});
|
|
33
|
-
return /*#__PURE__*/_jsx__default[
|
|
33
|
+
return /*#__PURE__*/_jsx__default["default"](dsMenu.Menu.SelectionGroup, {
|
|
34
34
|
active: active,
|
|
35
35
|
height: height,
|
|
36
36
|
items: items,
|
|
@@ -18,19 +18,19 @@ var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
|
18
18
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
19
19
|
|
|
20
20
|
var _Icon;
|
|
21
|
-
const EmptyStateWrapper = /*#__PURE__*/styled__default[
|
|
21
|
+
const EmptyStateWrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
|
|
22
22
|
componentId: "sc-1ddwbs7-0"
|
|
23
23
|
})(["min-width:132px;max-width:384px;height:fit-content;"]);
|
|
24
|
-
const Icon = /*#__PURE__*/styled__default[
|
|
24
|
+
const Icon = /*#__PURE__*/styled__default["default"](WarningTriangle__default["default"]).withConfig({
|
|
25
25
|
componentId: "sc-1ddwbs7-1"
|
|
26
26
|
})(["fill:", ";color:", ";justify-self:center;"], props => props.theme.colors.neutral[300], props => props.theme.colors.neutral[300]);
|
|
27
|
-
const PrimaryMessage = /*#__PURE__*/styled__default[
|
|
27
|
+
const PrimaryMessage = /*#__PURE__*/styled__default["default"].p.withConfig({
|
|
28
28
|
componentId: "sc-1ddwbs7-2"
|
|
29
29
|
})(["text-align:center;font-weight:bold;font-size:", ";color:", ";margin-top:", ";margin-bottom:", ";"], props => dsSystem.toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[600], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
|
|
30
|
-
const SecondaryMessage = /*#__PURE__*/styled__default[
|
|
30
|
+
const SecondaryMessage = /*#__PURE__*/styled__default["default"].p.withConfig({
|
|
31
31
|
componentId: "sc-1ddwbs7-3"
|
|
32
32
|
})(["text-align:center;font-size:", ";color:", ";margin:0;"], props => dsSystem.toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[500]);
|
|
33
|
-
const Button = /*#__PURE__*/styled__default[
|
|
33
|
+
const Button = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
|
|
34
34
|
componentId: "sc-1ddwbs7-4"
|
|
35
35
|
})(["margin-top:", ";justify-self:center;width:fit-content;"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m));
|
|
36
36
|
const EmptyState = ({
|
|
@@ -38,9 +38,9 @@ const EmptyState = ({
|
|
|
38
38
|
secondaryMessage,
|
|
39
39
|
buttonLabel,
|
|
40
40
|
onButtonClick = () => {}
|
|
41
|
-
}) => /*#__PURE__*/_jsx__default[
|
|
41
|
+
}) => /*#__PURE__*/_jsx__default["default"](EmptyStateWrapper, {}, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx__default["default"](Icon, {
|
|
42
42
|
size: "xxl"
|
|
43
|
-
})), primaryMessage && /*#__PURE__*/_jsx__default[
|
|
43
|
+
})), primaryMessage && /*#__PURE__*/_jsx__default["default"](PrimaryMessage, {}, void 0, primaryMessage), secondaryMessage && /*#__PURE__*/_jsx__default["default"](SecondaryMessage, {}, void 0, secondaryMessage), buttonLabel && /*#__PURE__*/_jsx__default["default"](Button, {
|
|
44
44
|
buttonType: "secondary",
|
|
45
45
|
labelText: buttonLabel,
|
|
46
46
|
onClick: onButtonClick
|
|
@@ -15,7 +15,7 @@ var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTrunc
|
|
|
15
15
|
|
|
16
16
|
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; }
|
|
17
17
|
|
|
18
|
-
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[
|
|
18
|
+
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; }
|
|
19
19
|
|
|
20
20
|
function HeaderCell({
|
|
21
21
|
column,
|
|
@@ -44,7 +44,7 @@ function HeaderCell({
|
|
|
44
44
|
grid
|
|
45
45
|
};
|
|
46
46
|
|
|
47
|
-
const withTooltip = v => classProps && classProps.wrapText ? v : /*#__PURE__*/_jsx__default[
|
|
47
|
+
const withTooltip = v => classProps && classProps.wrapText ? v : /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
|
|
48
48
|
value: v
|
|
49
49
|
});
|
|
50
50
|
|
package/cjs/components/List.js
CHANGED
|
@@ -10,7 +10,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
10
10
|
|
|
11
11
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
12
12
|
|
|
13
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
13
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["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; }
|
|
14
14
|
|
|
15
15
|
function List(props, instance) {
|
|
16
16
|
// todo: add should list update to memoize this
|
|
@@ -10,7 +10,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
10
10
|
|
|
11
11
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
12
12
|
|
|
13
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
13
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["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; }
|
|
14
14
|
|
|
15
15
|
function ListItem(props, instance) {
|
|
16
16
|
const {
|
|
@@ -17,8 +17,8 @@ const _excluded = ["innerRef", "rowRenderer", "children"];
|
|
|
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[
|
|
21
|
-
const NoResultsContainer = /*#__PURE__*/styled__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
|
+
const NoResultsContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
22
22
|
componentId: "sc-uiln16-0"
|
|
23
23
|
})(["display:flex;flex-direction:column;justify-content:center;align-items:center;padding:", ";padding-bottom:0;height:calc(100% - 36px);overflow:auto;"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s));
|
|
24
24
|
|
|
@@ -28,7 +28,7 @@ function NoResults(_ref) {
|
|
|
28
28
|
rowRenderer,
|
|
29
29
|
children
|
|
30
30
|
} = _ref,
|
|
31
|
-
rest = _objectWithoutProperties__default[
|
|
31
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
32
32
|
|
|
33
33
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
34
34
|
children: [/*#__PURE__*/jsxRuntime.jsx(NoResultsContainer, _objectSpread(_objectSpread({}, rest), {}, {
|
|
@@ -13,7 +13,7 @@ var DSSpinner__default = /*#__PURE__*/_interopDefaultLegacy(DSSpinner);
|
|
|
13
13
|
function RowsLoader({
|
|
14
14
|
size = 'm'
|
|
15
15
|
}) {
|
|
16
|
-
return /*#__PURE__*/_jsx__default[
|
|
16
|
+
return /*#__PURE__*/_jsx__default["default"](defaultClassedRenderers.SpinnerContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSSpinner__default["default"], {
|
|
17
17
|
size: size
|
|
18
18
|
}));
|
|
19
19
|
}
|
package/cjs/components/Table.js
CHANGED
|
@@ -17,7 +17,7 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
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
|
const {
|
|
22
22
|
Provider
|
|
23
23
|
} = tableContext.TableContext;
|
|
@@ -47,7 +47,7 @@ function Table(props) {
|
|
|
47
47
|
const cells = []; // optimize the rendering using for loop
|
|
48
48
|
|
|
49
49
|
for (let index = 0; index < columns.length; index++) {
|
|
50
|
-
cells.push( /*#__PURE__*/_jsx__default[
|
|
50
|
+
cells.push( /*#__PURE__*/_jsx__default["default"](HeaderCell, {
|
|
51
51
|
classProps: {
|
|
52
52
|
wrapText
|
|
53
53
|
},
|
|
@@ -74,7 +74,7 @@ function Table(props) {
|
|
|
74
74
|
const cells = []; // optimize the rendering using for loop
|
|
75
75
|
|
|
76
76
|
for (let index = 0; index < columns.length; index++) {
|
|
77
|
-
cells.push( /*#__PURE__*/_jsx__default[
|
|
77
|
+
cells.push( /*#__PURE__*/_jsx__default["default"](BodyCell, {
|
|
78
78
|
classProps: {
|
|
79
79
|
wrapText
|
|
80
80
|
},
|
|
@@ -101,7 +101,7 @@ function Table(props) {
|
|
|
101
101
|
headerRowRenderer
|
|
102
102
|
});
|
|
103
103
|
|
|
104
|
-
return /*#__PURE__*/_jsx__default[
|
|
104
|
+
return /*#__PURE__*/_jsx__default["default"](Provider, {
|
|
105
105
|
value: value
|
|
106
106
|
}, void 0, /*#__PURE__*/jsxRuntime.jsx(TableComponent, _objectSpread(_objectSpread({}, getTableProps({
|
|
107
107
|
innerRef: tableRef,
|
|
@@ -16,7 +16,7 @@ const _excluded = ["rows", "noResultsPlaceholder", "isPlaceholderActive"];
|
|
|
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
|
|
|
21
21
|
function TableBody(_ref) {
|
|
22
22
|
let {
|
|
@@ -24,7 +24,7 @@ function TableBody(_ref) {
|
|
|
24
24
|
noResultsPlaceholder = 'No data',
|
|
25
25
|
isPlaceholderActive = false
|
|
26
26
|
} = _ref,
|
|
27
|
-
props = _objectWithoutProperties__default[
|
|
27
|
+
props = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
28
28
|
|
|
29
29
|
const {
|
|
30
30
|
refs,
|
|
@@ -59,6 +59,6 @@ function TableBody(_ref) {
|
|
|
59
59
|
}));
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
var TableBody$1 = /*#__PURE__*/React__default[
|
|
62
|
+
var TableBody$1 = /*#__PURE__*/React__default["default"].memo(TableBody);
|
|
63
63
|
|
|
64
64
|
module.exports = TableBody$1;
|
|
@@ -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
|
|
|
16
16
|
function TableHeader(props) {
|
|
17
17
|
const {
|
|
@@ -30,7 +30,7 @@ const addOptionalFooterComponents = ({
|
|
|
30
30
|
} = grid;
|
|
31
31
|
if (!paginated) return null;
|
|
32
32
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
33
|
-
children: /*#__PURE__*/_jsx__default[
|
|
33
|
+
children: /*#__PURE__*/_jsx__default["default"](Pagination.Pagination, {
|
|
34
34
|
maxPerPage: maxPerPage,
|
|
35
35
|
minPerPage: minPerPage,
|
|
36
36
|
onPageSelect: onPageSelect,
|
|
@@ -16,7 +16,7 @@ const SearchContainer = dsClassnames.aggregatedClasses('div')(blockName, 'search
|
|
|
16
16
|
|
|
17
17
|
const PrimaryControls = ({
|
|
18
18
|
onAddFilter = () => null
|
|
19
|
-
}) => /*#__PURE__*/_jsx__default[
|
|
19
|
+
}) => /*#__PURE__*/_jsx__default["default"](Container, {}, void 0, /*#__PURE__*/_jsx__default["default"](SearchContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSSearchBox__default["default"], {
|
|
20
20
|
onSearch: ({
|
|
21
21
|
property,
|
|
22
22
|
value
|
|
@@ -32,7 +32,7 @@ const addOptionalHeaderComponents = ({
|
|
|
32
32
|
minWidth
|
|
33
33
|
} = filterBarOptions || {};
|
|
34
34
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
35
|
-
children: filters && !!filters.length && showFilterBar && /*#__PURE__*/_jsx__default[
|
|
35
|
+
children: filters && !!filters.length && showFilterBar && /*#__PURE__*/_jsx__default["default"](DSFilterBar__default["default"], {
|
|
36
36
|
filters: filters,
|
|
37
37
|
maxWidth: maxWidth,
|
|
38
38
|
minWidth: minWidth,
|
|
@@ -12,7 +12,7 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
12
12
|
|
|
13
13
|
var _RowsLoader;
|
|
14
14
|
function renderRowsLoader() {
|
|
15
|
-
return _RowsLoader || (_RowsLoader = /*#__PURE__*/_jsx__default[
|
|
15
|
+
return _RowsLoader || (_RowsLoader = /*#__PURE__*/_jsx__default["default"](RowsLoader, {}));
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
exports.renderRowsLoader = renderRowsLoader;
|
|
@@ -8,6 +8,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
8
8
|
|
|
9
9
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
10
|
|
|
11
|
-
const TableContext = /*#__PURE__*/React__default[
|
|
11
|
+
const TableContext = /*#__PURE__*/React__default["default"].createContext();
|
|
12
12
|
|
|
13
13
|
exports.TableContext = TableContext;
|
package/cjs/index.js
CHANGED
|
@@ -32,7 +32,7 @@ var styled = require('./renders/styled.js');
|
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
exports.DSDataGrid = DSDataGrid[
|
|
35
|
+
exports.DSDataGrid = DSDataGrid["default"];
|
|
36
36
|
exports.DSDataGridsWithSchema = DSDataGrid.DSDataGridsWithSchema;
|
|
37
37
|
exports.ColumnsOptionsMenuSection = ColumnsOptionsMenuSection;
|
|
38
38
|
exports.getColumnVisibilityMenuOption = ColumnVisibilityMenuOption.getColumnVisibilityMenuOption;
|
|
@@ -23,10 +23,10 @@ const _excluded = ["children", "classProps", "columns", "getContainer", "helperC
|
|
|
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
|
getScrollbarSize.getScrollbarWidth(2);
|
|
28
28
|
|
|
29
|
-
const HeaderSyncHoc = Component => props => /*#__PURE__*/_jsx__default[
|
|
29
|
+
const HeaderSyncHoc = Component => props => /*#__PURE__*/_jsx__default["default"](ScrollSync.ScrollSyncPane, {}, void 0, ({
|
|
30
30
|
registerPane
|
|
31
31
|
}) => /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
|
|
32
32
|
innerRef: system.mergeRefs(props.innerRef, registerPane)
|
|
@@ -56,7 +56,7 @@ const BodySyncHoc = (Component, notPaginated, grid) => _ref => {
|
|
|
56
56
|
className,
|
|
57
57
|
listComponent
|
|
58
58
|
} = _ref,
|
|
59
|
-
rest = _objectWithoutProperties__default[
|
|
59
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
60
60
|
|
|
61
61
|
const t = React.useRef();
|
|
62
62
|
|
|
@@ -74,7 +74,7 @@ const BodySyncHoc = (Component, notPaginated, grid) => _ref => {
|
|
|
74
74
|
window.removeEventListener('resize', repositionToolbarBasedOnBodyScrollPosition());
|
|
75
75
|
};
|
|
76
76
|
});
|
|
77
|
-
return /*#__PURE__*/_jsx__default[
|
|
77
|
+
return /*#__PURE__*/_jsx__default["default"](ScrollSync.ScrollSyncPane, {
|
|
78
78
|
notPaginated: notPaginated
|
|
79
79
|
}, void 0, ({
|
|
80
80
|
registerPane
|
|
@@ -104,7 +104,7 @@ const BodySyncHoc = (Component, notPaginated, grid) => _ref => {
|
|
|
104
104
|
}, rest)));
|
|
105
105
|
};
|
|
106
106
|
|
|
107
|
-
const TableSyncHoc = Component => props => /*#__PURE__*/_jsx__default[
|
|
107
|
+
const TableSyncHoc = Component => props => /*#__PURE__*/_jsx__default["default"](ScrollSync.ScrollSync, {
|
|
108
108
|
proportional: false,
|
|
109
109
|
onScroll: e => {
|
|
110
110
|
e.target.style.setProperty('--toolbar-scroll', `${e.target.offsetWidth + e.target.scrollLeft - 15}px`);
|
|
@@ -125,7 +125,7 @@ const decorateRenderers = (renderers, grid) => {
|
|
|
125
125
|
return renderers;
|
|
126
126
|
};
|
|
127
127
|
|
|
128
|
-
const BodyHeaderScrollSyncPlugin = createInstancePlugin__default[
|
|
128
|
+
const BodyHeaderScrollSyncPlugin = createInstancePlugin__default["default"]('body-header-scroll-sync', {
|
|
129
129
|
decorateRenderers
|
|
130
130
|
});
|
|
131
131
|
|
|
@@ -18,7 +18,7 @@ var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createIns
|
|
|
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 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'];
|
|
23
23
|
|
|
24
24
|
const decorateColumn = (column, grid) => column.isUserColumn ? decorateGridWithDndColumns.addDragAndDropToColumn(grid, column) : column;
|
|
@@ -121,7 +121,7 @@ const decorateRenderers = renderers => {
|
|
|
121
121
|
});
|
|
122
122
|
};
|
|
123
123
|
|
|
124
|
-
const DndColumnsPlugin = createInstancePlugin__default[
|
|
124
|
+
const DndColumnsPlugin = createInstancePlugin__default["default"]('dnd-columns', {
|
|
125
125
|
getHeaderRowProps,
|
|
126
126
|
decorateColumn,
|
|
127
127
|
decorateRenderers
|
|
@@ -15,12 +15,12 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
15
15
|
var GripperVertical__default = /*#__PURE__*/_interopDefaultLegacy(GripperVertical);
|
|
16
16
|
|
|
17
17
|
var _GripperVertical, _DragHandle;
|
|
18
|
-
const DragHandle = reactSortableHoc.SortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default[
|
|
18
|
+
const DragHandle = reactSortableHoc.SortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](GripperVertical__default["default"], {
|
|
19
19
|
className: "drag-handle"
|
|
20
20
|
})));
|
|
21
21
|
|
|
22
22
|
const DndHeaderFormatter = value => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
23
|
-
children: [_DragHandle || (_DragHandle = /*#__PURE__*/_jsx__default[
|
|
23
|
+
children: [_DragHandle || (_DragHandle = /*#__PURE__*/_jsx__default["default"](DragHandle, {})), value]
|
|
24
24
|
});
|
|
25
25
|
|
|
26
26
|
const addDragAndDropToColumn = (grid, column) => {
|
|
@@ -74,7 +74,7 @@ const decorateGrid = grid => {
|
|
|
74
74
|
};
|
|
75
75
|
};
|
|
76
76
|
|
|
77
|
-
const ColumnSizingPlugin = createInstancePlugin__default[
|
|
77
|
+
const ColumnSizingPlugin = createInstancePlugin__default["default"]('column-sizing', {
|
|
78
78
|
decorateGrid,
|
|
79
79
|
decorateColumn: decorateColumn.decorateColumn,
|
|
80
80
|
getRowProps,
|
|
@@ -12,7 +12,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
12
12
|
|
|
13
13
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
14
14
|
|
|
15
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
15
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
16
16
|
const columnMeasurerTransformer = columnSizeService => (value, {
|
|
17
17
|
column,
|
|
18
18
|
grid
|
|
@@ -15,7 +15,7 @@ var useResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(useResizeObs
|
|
|
15
15
|
|
|
16
16
|
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; }
|
|
17
17
|
|
|
18
|
-
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[
|
|
18
|
+
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; }
|
|
19
19
|
function getTableProps(tableProps, {
|
|
20
20
|
refs,
|
|
21
21
|
tableRef,
|
|
@@ -27,7 +27,7 @@ function getTableProps(tableProps, {
|
|
|
27
27
|
columns
|
|
28
28
|
}) {
|
|
29
29
|
const [tableNode, tableRefCallback] = React.useState();
|
|
30
|
-
useResizeObserver__default[
|
|
30
|
+
useResizeObserver__default["default"](({
|
|
31
31
|
width
|
|
32
32
|
}) => {
|
|
33
33
|
if (!refs.header.current) return;
|
|
@@ -10,7 +10,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
10
10
|
|
|
11
11
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
12
12
|
|
|
13
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
13
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["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; }
|
|
14
14
|
function useColumnSizeService(instance) {
|
|
15
15
|
const columns = React.useRef({});
|
|
16
16
|
const [expandableGridDetailWidth, setExpandableGridDetailWidth] = React.useState(0);
|