@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
|
@@ -32,8 +32,8 @@ const DateRangePickerContainer = ({
|
|
|
32
32
|
|
|
33
33
|
const [lastChangeWasPicker, setLastChangeWasPicker] = React.useState(false);
|
|
34
34
|
React.useEffect(() => {
|
|
35
|
-
const startMoment = moment__default[
|
|
36
|
-
const endMoment = moment__default[
|
|
35
|
+
const startMoment = moment__default["default"](startDate);
|
|
36
|
+
const endMoment = moment__default["default"](endDate);
|
|
37
37
|
|
|
38
38
|
if (lastChangeWasPicker && startDate && !startDate.includes('_') && endDate && !endDate.includes('_') && endMoment.diff(startMoment) >= 0) {
|
|
39
39
|
onChange({
|
|
@@ -43,19 +43,19 @@ const DateRangePickerContainer = ({
|
|
|
43
43
|
} // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
44
44
|
|
|
45
45
|
}, [startDate, endDate, lastChangeWasPicker]);
|
|
46
|
-
return /*#__PURE__*/_jsx__default[
|
|
46
|
+
return /*#__PURE__*/_jsx__default["default"](Wrapper, {
|
|
47
47
|
"data-testid": "date-range__wrapper",
|
|
48
48
|
style: {
|
|
49
49
|
width: '262px'
|
|
50
50
|
},
|
|
51
51
|
onKeyDown: e => e.code === 'Enter' && setLastChangeWasPicker(true)
|
|
52
|
-
}, void 0, showHeader && /*#__PURE__*/_jsx__default[
|
|
52
|
+
}, void 0, showHeader && /*#__PURE__*/_jsx__default["default"](Header, {
|
|
53
53
|
style: {
|
|
54
54
|
padding: '8px',
|
|
55
55
|
display: 'flex',
|
|
56
56
|
justifyContent: 'center'
|
|
57
57
|
}
|
|
58
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
58
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateRangePicker, {
|
|
59
59
|
fromDate: startDate,
|
|
60
60
|
onFromDateChange: _start => {
|
|
61
61
|
setStartDate(_start);
|
|
@@ -67,7 +67,7 @@ const DateRangePickerContainer = ({
|
|
|
67
67
|
setLastChangeWasPicker(false);
|
|
68
68
|
},
|
|
69
69
|
type: "date-range-inputs"
|
|
70
|
-
})), /*#__PURE__*/_jsx__default[
|
|
70
|
+
})), /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateRangePicker, {
|
|
71
71
|
fromDate: startDate,
|
|
72
72
|
onFromDateChange: _start => {
|
|
73
73
|
setStartDate(_start);
|
|
@@ -102,10 +102,10 @@ function DateRangeFilterMenu({
|
|
|
102
102
|
showHeader = true,
|
|
103
103
|
menuProps
|
|
104
104
|
}) {
|
|
105
|
-
return /*#__PURE__*/_jsx__default[
|
|
106
|
-
contentComponent: /*#__PURE__*/_jsx__default[
|
|
105
|
+
return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
|
|
106
|
+
contentComponent: /*#__PURE__*/_jsx__default["default"]("div", {
|
|
107
107
|
className: className
|
|
108
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
108
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DateRangePickerContainer, {
|
|
109
109
|
minimumNights: 0,
|
|
110
110
|
onChange: ({
|
|
111
111
|
startDate,
|
|
@@ -126,7 +126,7 @@ function DateRangeFilterMenu({
|
|
|
126
126
|
start: startDate,
|
|
127
127
|
end: endDate
|
|
128
128
|
},
|
|
129
|
-
transformRowValue: value => moment__default[
|
|
129
|
+
transformRowValue: value => moment__default["default"](value, column.dateFormat || defaultDateFormat.DEFAULT_DATE_FORMAT),
|
|
130
130
|
operator: 'range'
|
|
131
131
|
}, column);
|
|
132
132
|
onOpenMenu(false);
|
|
@@ -137,9 +137,9 @@ function DateRangeFilterMenu({
|
|
|
137
137
|
onOpen: onOpenMenu,
|
|
138
138
|
placement: placement,
|
|
139
139
|
showArrow: false,
|
|
140
|
-
triggerComponent: /*#__PURE__*/_jsx__default[
|
|
140
|
+
triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
141
141
|
buttonType: "text",
|
|
142
|
-
icon: _DatePickerIcon || (_DatePickerIcon = /*#__PURE__*/_jsx__default[
|
|
142
|
+
icon: _DatePickerIcon || (_DatePickerIcon = /*#__PURE__*/_jsx__default["default"](DatePickerIcon__default["default"], {})),
|
|
143
143
|
onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
|
|
144
144
|
size: "s"
|
|
145
145
|
}),
|
|
@@ -27,21 +27,21 @@ const SingleDatePickerContainer = ({
|
|
|
27
27
|
}) => {
|
|
28
28
|
const [date, setDate] = React.useState();
|
|
29
29
|
const handleDateChange = React.useCallback(data => {
|
|
30
|
-
if (!data.includes('_')) onChange(moment__default[
|
|
30
|
+
if (!data.includes('_')) onChange(moment__default["default"](data));
|
|
31
31
|
setDate(data);
|
|
32
32
|
}, [onChange]);
|
|
33
|
-
return /*#__PURE__*/_jsx__default[
|
|
33
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
34
34
|
style: {
|
|
35
35
|
boxShadow: '0 6px 20px 0 rgb(0 0 0 / 24%)'
|
|
36
36
|
}
|
|
37
|
-
}, void 0, showHeader && /*#__PURE__*/_jsx__default[
|
|
37
|
+
}, void 0, showHeader && /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
|
|
38
38
|
p: "xxs"
|
|
39
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
39
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
|
|
40
40
|
date: date,
|
|
41
41
|
onDateChange: handleDateChange,
|
|
42
42
|
type: "date-inputs",
|
|
43
43
|
isClearable: true
|
|
44
|
-
})), /*#__PURE__*/_jsx__default[
|
|
44
|
+
})), /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
|
|
45
45
|
date: date,
|
|
46
46
|
onDateChange: handleDateChange,
|
|
47
47
|
type: "date-picker-controller-only"
|
|
@@ -61,11 +61,11 @@ function SingleDateFilterMenu({
|
|
|
61
61
|
showHeader = false,
|
|
62
62
|
menuProps
|
|
63
63
|
}) {
|
|
64
|
-
return /*#__PURE__*/_jsx__default[
|
|
65
|
-
contentComponent: /*#__PURE__*/_jsx__default[
|
|
64
|
+
return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
|
|
65
|
+
contentComponent: /*#__PURE__*/_jsx__default["default"]("div", {
|
|
66
66
|
className: className,
|
|
67
67
|
"data-testid": "date-single__wrapper"
|
|
68
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
68
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](SingleDatePickerContainer, {
|
|
69
69
|
minimumNights: 0,
|
|
70
70
|
onChange: date => {
|
|
71
71
|
const t = date.clone();
|
|
@@ -79,7 +79,7 @@ function SingleDateFilterMenu({
|
|
|
79
79
|
start: date.startOf('day'),
|
|
80
80
|
end: t.endOf('day')
|
|
81
81
|
},
|
|
82
|
-
transformRowValue: value => moment__default[
|
|
82
|
+
transformRowValue: value => moment__default["default"](value, column.dateFormat || defaultDateFormat.DEFAULT_DATE_FORMAT)
|
|
83
83
|
}, column);
|
|
84
84
|
onOpenMenu(false);
|
|
85
85
|
},
|
|
@@ -89,9 +89,9 @@ function SingleDateFilterMenu({
|
|
|
89
89
|
onOpen: onOpenMenu,
|
|
90
90
|
placement: placement,
|
|
91
91
|
showArrow: false,
|
|
92
|
-
triggerComponent: /*#__PURE__*/_jsx__default[
|
|
92
|
+
triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
93
93
|
buttonType: "text",
|
|
94
|
-
icon: _DatePickerIcon || (_DatePickerIcon = /*#__PURE__*/_jsx__default[
|
|
94
|
+
icon: _DatePickerIcon || (_DatePickerIcon = /*#__PURE__*/_jsx__default["default"](DatePickerIcon__default["default"], {})),
|
|
95
95
|
onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
|
|
96
96
|
size: "s"
|
|
97
97
|
}),
|
|
@@ -30,7 +30,7 @@ const _excluded = ["onChange", "enableOutsideDays"];
|
|
|
30
30
|
|
|
31
31
|
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
32
|
|
|
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[
|
|
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["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
34
|
const START_DATE = 'startDate';
|
|
35
35
|
const END_DATE = 'endDate';
|
|
36
36
|
const blockname = 'date-range';
|
|
@@ -43,7 +43,7 @@ const SingleRangeSwitcherContainer = _ref => {
|
|
|
43
43
|
onChange = noop,
|
|
44
44
|
enableOutsideDays
|
|
45
45
|
} = _ref,
|
|
46
|
-
otherProps = _objectWithoutProperties__default[
|
|
46
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
47
47
|
|
|
48
48
|
const [focusedInputHeader, setFocusedInputHeader] = React.useState(START_DATE);
|
|
49
49
|
const [focusedInputPicker, setFocusedInputPicker] = React.useState(START_DATE);
|
|
@@ -94,8 +94,8 @@ const SingleRangeSwitcherContainer = _ref => {
|
|
|
94
94
|
|
|
95
95
|
const handleSingleDateChange = React.useCallback(date => {
|
|
96
96
|
const dates = {
|
|
97
|
-
startDate: moment__default[
|
|
98
|
-
endDate: moment__default[
|
|
97
|
+
startDate: moment__default["default"](date).startOf('day'),
|
|
98
|
+
endDate: moment__default["default"](date).endOf('day')
|
|
99
99
|
};
|
|
100
100
|
onChange(dates);
|
|
101
101
|
setSingleDate(dates);
|
|
@@ -131,15 +131,15 @@ const SingleRangeSwitcherContainer = _ref => {
|
|
|
131
131
|
startDate: pickerRange.startDate
|
|
132
132
|
}));
|
|
133
133
|
|
|
134
|
-
const singleDateController = /*#__PURE__*/_jsx__default[
|
|
134
|
+
const singleDateController = /*#__PURE__*/_jsx__default["default"](dsDatePicker.DSDatePickerController, {
|
|
135
135
|
date: singleDate,
|
|
136
136
|
enableOutsideDays: enableOutsideDays,
|
|
137
137
|
onDateChange: handleSingleDateChange
|
|
138
138
|
});
|
|
139
139
|
|
|
140
|
-
return /*#__PURE__*/_jsx__default[
|
|
140
|
+
return /*#__PURE__*/_jsx__default["default"](Wrapper, {
|
|
141
141
|
"data-testid": "date-single-range__wrapper"
|
|
142
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
142
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsDatePicker.SingleRangeDateSwitcher, {
|
|
143
143
|
isDateRange: isDateRange,
|
|
144
144
|
focusedInput: focusedInputHeader,
|
|
145
145
|
onFocusChange: handleHeaderFocusChange,
|
|
@@ -181,10 +181,10 @@ function SingleRangeSwitcherMenu({
|
|
|
181
181
|
enableOutsideDays = true,
|
|
182
182
|
menuProps
|
|
183
183
|
}) {
|
|
184
|
-
return /*#__PURE__*/_jsx__default[
|
|
185
|
-
contentComponent: /*#__PURE__*/_jsx__default[
|
|
184
|
+
return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
|
|
185
|
+
contentComponent: /*#__PURE__*/_jsx__default["default"]("div", {
|
|
186
186
|
className: className
|
|
187
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
187
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](SingleRangeSwitcherContainer, {
|
|
188
188
|
enableOutsideDays: enableOutsideDays,
|
|
189
189
|
minimumNights: 0,
|
|
190
190
|
onChange: ({
|
|
@@ -206,7 +206,7 @@ function SingleRangeSwitcherMenu({
|
|
|
206
206
|
start: startDate,
|
|
207
207
|
end: endDate
|
|
208
208
|
},
|
|
209
|
-
transformRowValue: value => moment__default[
|
|
209
|
+
transformRowValue: value => moment__default["default"](value, column.dateFormat || defaultDateFormat.DEFAULT_DATE_FORMAT),
|
|
210
210
|
operator: 'range'
|
|
211
211
|
}, column);
|
|
212
212
|
onOpenMenu(false);
|
|
@@ -216,9 +216,9 @@ function SingleRangeSwitcherMenu({
|
|
|
216
216
|
onOpen: onOpenMenu,
|
|
217
217
|
placement: placement,
|
|
218
218
|
showArrow: false,
|
|
219
|
-
triggerComponent: /*#__PURE__*/_jsx__default[
|
|
219
|
+
triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
220
220
|
buttonType: "text",
|
|
221
|
-
icon: _DatePickerIcon || (_DatePickerIcon = /*#__PURE__*/_jsx__default[
|
|
221
|
+
icon: _DatePickerIcon || (_DatePickerIcon = /*#__PURE__*/_jsx__default["default"](DatePickerIcon__default["default"], {})),
|
|
222
222
|
onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
|
|
223
223
|
size: "s"
|
|
224
224
|
}),
|
|
@@ -28,7 +28,7 @@ const _excluded = ["options"];
|
|
|
28
28
|
|
|
29
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; }
|
|
30
30
|
|
|
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[
|
|
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; }
|
|
32
32
|
|
|
33
33
|
function TextFilterMenu({
|
|
34
34
|
column,
|
|
@@ -48,9 +48,9 @@ function TextFilterMenu({
|
|
|
48
48
|
const {
|
|
49
49
|
options
|
|
50
50
|
} = menuProps,
|
|
51
|
-
otherMenuProps = _objectWithoutProperties__default[
|
|
51
|
+
otherMenuProps = _objectWithoutProperties__default["default"](menuProps, _excluded);
|
|
52
52
|
|
|
53
|
-
const generateOption = (option, idx) => /*#__PURE__*/_jsx__default[
|
|
53
|
+
const generateOption = (option, idx) => /*#__PURE__*/_jsx__default["default"](dsMenu.Menu.ItemCheckbox, {
|
|
54
54
|
label: option.label,
|
|
55
55
|
name: option.id
|
|
56
56
|
}, idx);
|
|
@@ -60,7 +60,7 @@ function TextFilterMenu({
|
|
|
60
60
|
const filtersForColumn = filters.filter(f => f.group === column.property);
|
|
61
61
|
const initialSelectedOptions = filtersForColumn.map(f => f.value);
|
|
62
62
|
const [selected, setSelected] = React.useState(initialSelectedOptions);
|
|
63
|
-
React__default[
|
|
63
|
+
React__default["default"].useEffect(() => {
|
|
64
64
|
const filtersForColumn2 = filters.filter(f => f.group === column.property);
|
|
65
65
|
setSelected(filtersForColumn2.map(f => f.value));
|
|
66
66
|
}, [filters]);
|
|
@@ -106,16 +106,16 @@ function TextFilterMenu({
|
|
|
106
106
|
onClose();
|
|
107
107
|
};
|
|
108
108
|
|
|
109
|
-
return /*#__PURE__*/_jsx__default[
|
|
109
|
+
return /*#__PURE__*/_jsx__default["default"](DSDropdownMenu__default["default"], {
|
|
110
110
|
closeMenuOnItemSelection: true,
|
|
111
111
|
contentStyle: menuStyle,
|
|
112
|
-
customMenu: isMulti ? /*#__PURE__*/_jsx__default[
|
|
112
|
+
customMenu: isMulti ? /*#__PURE__*/_jsx__default["default"](dsMenu.Menu, {
|
|
113
113
|
containerProps: {
|
|
114
114
|
id: 'text-filter-menu-multiple'
|
|
115
115
|
},
|
|
116
116
|
className: "dg-multiple-filter",
|
|
117
117
|
visible: true
|
|
118
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
118
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsMenu.Menu.SelectionGroup, {
|
|
119
119
|
active: selected,
|
|
120
120
|
onSelect: newValues => {
|
|
121
121
|
setSelected(newValues);
|
|
@@ -153,9 +153,9 @@ function TextFilterMenu({
|
|
|
153
153
|
onClose: isMulti ? onCloseMulti : onClose,
|
|
154
154
|
options: lodash.compact(options),
|
|
155
155
|
placement: placement,
|
|
156
|
-
triggerComponent: /*#__PURE__*/_jsx__default[
|
|
156
|
+
triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
157
157
|
buttonType: "text",
|
|
158
|
-
icon: _SearchSmall || (_SearchSmall = /*#__PURE__*/_jsx__default[
|
|
158
|
+
icon: _SearchSmall || (_SearchSmall = /*#__PURE__*/_jsx__default["default"](SearchSmall__default["default"], {})),
|
|
159
159
|
onClick: () => isMenuOpened ? onOpenMenu(false) : onOpenMenu(true),
|
|
160
160
|
size: "s"
|
|
161
161
|
})
|
|
@@ -40,7 +40,7 @@ function FilterableFormatter({
|
|
|
40
40
|
|
|
41
41
|
const filteredLabels = groupedRows && !groupedBy ? helper.getFilterLabelsGroup(column, rows) : helper.getFilterLabels(column, rowsToUse.rows || rowsToUse);
|
|
42
42
|
const columnData = column.filterOptions || filteredLabels;
|
|
43
|
-
return /*#__PURE__*/_jsx__default[
|
|
43
|
+
return /*#__PURE__*/_jsx__default["default"](FilterableHeader, {
|
|
44
44
|
column: column,
|
|
45
45
|
columnData: columnData,
|
|
46
46
|
filters: filters,
|
|
@@ -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
|
|
|
17
17
|
const getRuleStrategyOperator = rule => rule.strategy || strategiesOperators(rule.operator);
|
|
18
18
|
|
|
@@ -58,5 +58,5 @@ function filterRowsByQuery(rows, query) {
|
|
|
58
58
|
return rows.filter(filterByRules(query.rules, query.condition));
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
exports[
|
|
61
|
+
exports["default"] = filterRowsByQuery;
|
|
62
62
|
exports.filterRowsByQueryGroup = filterRowsByQueryGroup;
|
|
@@ -11,10 +11,10 @@ var strategiesOperators = (op => ({
|
|
|
11
11
|
start,
|
|
12
12
|
end
|
|
13
13
|
}) => start <= rowValue && end >= rowValue,
|
|
14
|
-
equal: (value1, value2) => compare__default[
|
|
15
|
-
greaterThan: compare__default[
|
|
16
|
-
lessThan: compare__default[
|
|
14
|
+
equal: (value1, value2) => compare__default["default"].id(value1, value2),
|
|
15
|
+
greaterThan: compare__default["default"].gt,
|
|
16
|
+
lessThan: compare__default["default"].lt,
|
|
17
17
|
contains: (rowValue, value) => String(rowValue).toLowerCase().indexOf(String(value).toLowerCase()) !== -1
|
|
18
|
-
})[op] || compare__default[
|
|
18
|
+
})[op] || compare__default["default"].id);
|
|
19
19
|
|
|
20
20
|
module.exports = strategiesOperators;
|
|
@@ -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 getFilterLabel = (column, value) => column.filterLabels ? column.filterLabels[value] || value : value;
|
|
16
16
|
const getFilterLabels = (column, rows) => utils.uniqBy(rows, utils.property(column.searchBy || column.property)).map(row => {
|
|
17
17
|
const value = utils.get(row, column.searchBy || column.property);
|
|
@@ -13,7 +13,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
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
|
|
|
18
18
|
const noop = () => null;
|
|
19
19
|
|
|
@@ -21,7 +21,7 @@ const groupedByData = (groupedBy, composedRows) => {
|
|
|
21
21
|
}));
|
|
22
22
|
};
|
|
23
23
|
|
|
24
|
-
const GroupingByPlugin = createInstancePlugin__default[
|
|
24
|
+
const GroupingByPlugin = createInstancePlugin__default["default"]('groupedByRows', {
|
|
25
25
|
decorateGrid(grid) {
|
|
26
26
|
const {
|
|
27
27
|
composedRows,
|
|
@@ -25,11 +25,11 @@ const _excluded = ["isExpanded"];
|
|
|
25
25
|
|
|
26
26
|
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; }
|
|
27
27
|
|
|
28
|
-
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[
|
|
28
|
+
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; }
|
|
29
29
|
const blockName = `${blockNames.dataGridBlockName}-group-row-header`;
|
|
30
30
|
const GroupRowHeaderWrapper = dsClassnames.aggregatedClasses('div')(blockName);
|
|
31
31
|
const GroupRowHeaderTitle = dsClassnames.aggregatedClasses('div')(blockName, 'title');
|
|
32
|
-
const GroupingPlugin = createInstancePlugin__default[
|
|
32
|
+
const GroupingPlugin = createInstancePlugin__default["default"]('groupedRows', {
|
|
33
33
|
decorateGrid(grid) {
|
|
34
34
|
const {
|
|
35
35
|
columns,
|
|
@@ -111,7 +111,7 @@ const GroupingPlugin = createInstancePlugin__default['default']('groupedRows', {
|
|
|
111
111
|
renderers.body.row = React.useMemo(() => // eslint-disable-next-line react/display-name
|
|
112
112
|
// eslint-disable-next-line react/prop-types
|
|
113
113
|
_ref => {
|
|
114
|
-
let rowProps = _objectWithoutProperties__default[
|
|
114
|
+
let rowProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
115
115
|
|
|
116
116
|
const {
|
|
117
117
|
composedRows
|
|
@@ -125,7 +125,7 @@ const GroupingPlugin = createInstancePlugin__default['default']('groupedRows', {
|
|
|
125
125
|
if (node && node._isGroup) {
|
|
126
126
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
127
127
|
children: /*#__PURE__*/jsxRuntime.jsx(GroupRowHeaderWrapper, _objectSpread(_objectSpread({}, rowProps), {}, {
|
|
128
|
-
children: /*#__PURE__*/_jsx__default[
|
|
128
|
+
children: /*#__PURE__*/_jsx__default["default"](GroupRowHeaderTitle, {}, void 0, groupedRowsRenderHeader ? groupedRowsRenderHeader(node) : 'Group')
|
|
129
129
|
}))
|
|
130
130
|
});
|
|
131
131
|
}
|
|
@@ -17,7 +17,7 @@ const _excluded = ["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[
|
|
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 registerStateHook = grid => {
|
|
23
23
|
const {
|
|
@@ -55,7 +55,7 @@ const registerStateHook = grid => {
|
|
|
55
55
|
};
|
|
56
56
|
|
|
57
57
|
const getBodyProps = (_ref, grid) => {
|
|
58
|
-
let props = _objectWithoutProperties__default[
|
|
58
|
+
let props = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
59
59
|
|
|
60
60
|
const {
|
|
61
61
|
loadMoreData
|
|
@@ -109,7 +109,7 @@ const getBodyProps = (_ref, grid) => {
|
|
|
109
109
|
});
|
|
110
110
|
};
|
|
111
111
|
|
|
112
|
-
const InfiniteScrollPlugin = createInstancePlugin__default[
|
|
112
|
+
const InfiniteScrollPlugin = createInstancePlugin__default["default"]('infinite-scroll', {
|
|
113
113
|
registerStateHook,
|
|
114
114
|
getBodyProps
|
|
115
115
|
});
|
|
@@ -27,7 +27,7 @@ const _excluded = ["component", "rows", "rowRenderer", "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
|
const composeRows = (rows, grid) => {
|
|
33
33
|
const {
|
|
@@ -42,15 +42,15 @@ const composeRows = (rows, grid) => {
|
|
|
42
42
|
|
|
43
43
|
if (groupedRows) {
|
|
44
44
|
const filterIds = rows.map(r => r.id);
|
|
45
|
-
return helper[
|
|
45
|
+
return helper["default"](rows.filter(c => filterIds.includes(c.id)).map(r => _objectSpread(_objectSpread({}, r), {}, {
|
|
46
46
|
_isGroup: r.isGroup
|
|
47
47
|
})), pagination);
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
return helper[
|
|
50
|
+
return helper["default"](rows, pagination);
|
|
51
51
|
};
|
|
52
52
|
|
|
53
|
-
const Body = /*#__PURE__*/React__default[
|
|
53
|
+
const Body = /*#__PURE__*/React__default["default"].memo(_ref => {
|
|
54
54
|
let {
|
|
55
55
|
component: Component,
|
|
56
56
|
rows,
|
|
@@ -61,14 +61,14 @@ const Body = /*#__PURE__*/React__default['default'].memo(_ref => {
|
|
|
61
61
|
// depends on body-header-scroll-sync
|
|
62
62
|
isPlaceholderActive = false
|
|
63
63
|
} = _ref,
|
|
64
|
-
otherBodyProps = _objectWithoutProperties__default[
|
|
64
|
+
otherBodyProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
65
65
|
|
|
66
66
|
return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, otherBodyProps), {}, {
|
|
67
67
|
innerRef: system.mergeRefs(innerRef),
|
|
68
68
|
children: !isPlaceholderActive ? rows.map((row, index) => rowRenderer(row, {
|
|
69
69
|
index,
|
|
70
70
|
rowIndex: index
|
|
71
|
-
}, {})) : /*#__PURE__*/_jsx__default[
|
|
71
|
+
}, {})) : /*#__PURE__*/_jsx__default["default"](NoResults, {
|
|
72
72
|
innerRef: innerRef,
|
|
73
73
|
rowRenderer: rowRenderer
|
|
74
74
|
}, void 0, noResultsPlaceholder)
|
|
@@ -83,7 +83,7 @@ const decorateRenderers = (renderers, grid) => {
|
|
|
83
83
|
shouldRefocus,
|
|
84
84
|
state
|
|
85
85
|
} = grid.getInstance();
|
|
86
|
-
return /*#__PURE__*/_jsx__default[
|
|
86
|
+
return /*#__PURE__*/_jsx__default["default"](FocusGridManager__default["default"], {
|
|
87
87
|
hotKeys: hotKeys,
|
|
88
88
|
shouldRefocus: false
|
|
89
89
|
}, void 0, /*#__PURE__*/jsxRuntime.jsx(Body, _objectSpread(_objectSpread({}, props), {}, {
|
|
@@ -93,7 +93,7 @@ const decorateRenderers = (renderers, grid) => {
|
|
|
93
93
|
return renderers;
|
|
94
94
|
};
|
|
95
95
|
|
|
96
|
-
const PaginationPlugin = createInstancePlugin__default[
|
|
96
|
+
const PaginationPlugin = createInstancePlugin__default["default"]('pagination', {
|
|
97
97
|
registerStateHook: usePaginationState.usePaginationState,
|
|
98
98
|
decorateRenderers,
|
|
99
99
|
composeRows
|
|
@@ -27,13 +27,13 @@ const Pagination = ({
|
|
|
27
27
|
perPage
|
|
28
28
|
} = pagination;
|
|
29
29
|
if (pagination && pagination.conditionalPagination === true && paginated.amount === 1) return null;
|
|
30
|
-
return paginated.amount > 0 ? /*#__PURE__*/_jsx__default[
|
|
30
|
+
return paginated.amount > 0 ? /*#__PURE__*/_jsx__default["default"](PaginationControls, {}, void 0, /*#__PURE__*/_jsx__default["default"](PerPageDropdown, {
|
|
31
31
|
max: maxPerPage,
|
|
32
32
|
min: minPerPage,
|
|
33
33
|
onChange: onPerPage,
|
|
34
34
|
step: paginationStep,
|
|
35
35
|
value: perPage
|
|
36
|
-
}), /*#__PURE__*/_jsx__default[
|
|
36
|
+
}), /*#__PURE__*/_jsx__default["default"](Paginator, {
|
|
37
37
|
onSelect: onPageSelect,
|
|
38
38
|
pages: paginated.amount,
|
|
39
39
|
pagination: pagination
|
|
@@ -15,7 +15,7 @@ var segmentize__default = /*#__PURE__*/_interopDefaultLegacy(segmentize);
|
|
|
15
15
|
var _Pagify$Segment, _Pagify$Ellipsis, _Pagify$Segment2, _Pagify$Segment3, _Pagify$Segment4, _Pagify$Ellipsis2, _Pagify$Segment5;
|
|
16
16
|
const blockName = 'data-grid';
|
|
17
17
|
const PaginationContainer = dsClassnames.aggregatedClasses('div')(blockName, 'pagination');
|
|
18
|
-
const PagifyContext = dsClassnames.aggregatedClasses(Pagify__default[
|
|
18
|
+
const PagifyContext = dsClassnames.aggregatedClasses(Pagify__default["default"].Context)(blockName, 'pagify-pagination');
|
|
19
19
|
|
|
20
20
|
const Paginator = ({
|
|
21
21
|
pagination,
|
|
@@ -26,38 +26,38 @@ const Paginator = ({
|
|
|
26
26
|
}) => {
|
|
27
27
|
const prevPage = pagination.page - 1;
|
|
28
28
|
const nextPage = pagination.page + 1;
|
|
29
|
-
return /*#__PURE__*/_jsx__default[
|
|
29
|
+
return /*#__PURE__*/_jsx__default["default"](PaginationContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](PagifyContext, {
|
|
30
30
|
onSelect: page => page !== pagination.page && onSelect(page),
|
|
31
|
-
segments: segmentize__default[
|
|
31
|
+
segments: segmentize__default["default"]({
|
|
32
32
|
page: pagination.page,
|
|
33
33
|
pages,
|
|
34
34
|
beginPages: 1,
|
|
35
35
|
endPages: 1,
|
|
36
36
|
sidePages: 1
|
|
37
37
|
})
|
|
38
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
38
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](Pagify__default["default"].Button, {
|
|
39
39
|
className: pagination.page <= 1 ? 'button-disabled' : '',
|
|
40
40
|
page: prevPage
|
|
41
|
-
}, void 0, labelPrevious), _Pagify$Segment || (_Pagify$Segment = /*#__PURE__*/_jsx__default[
|
|
41
|
+
}, void 0, labelPrevious), _Pagify$Segment || (_Pagify$Segment = /*#__PURE__*/_jsx__default["default"](Pagify__default["default"].Segment, {
|
|
42
42
|
field: "beginPages"
|
|
43
|
-
})), _Pagify$Ellipsis || (_Pagify$Ellipsis = /*#__PURE__*/_jsx__default[
|
|
43
|
+
})), _Pagify$Ellipsis || (_Pagify$Ellipsis = /*#__PURE__*/_jsx__default["default"](Pagify__default["default"].Ellipsis, {
|
|
44
44
|
className: "ellipsis",
|
|
45
45
|
nextField: "previousPages",
|
|
46
46
|
previousField: "beginPages"
|
|
47
|
-
})), _Pagify$Segment2 || (_Pagify$Segment2 = /*#__PURE__*/_jsx__default[
|
|
47
|
+
})), _Pagify$Segment2 || (_Pagify$Segment2 = /*#__PURE__*/_jsx__default["default"](Pagify__default["default"].Segment, {
|
|
48
48
|
field: "previousPages"
|
|
49
|
-
})), _Pagify$Segment3 || (_Pagify$Segment3 = /*#__PURE__*/_jsx__default[
|
|
49
|
+
})), _Pagify$Segment3 || (_Pagify$Segment3 = /*#__PURE__*/_jsx__default["default"](Pagify__default["default"].Segment, {
|
|
50
50
|
className: "selected",
|
|
51
51
|
field: "centerPage"
|
|
52
|
-
})), _Pagify$Segment4 || (_Pagify$Segment4 = /*#__PURE__*/_jsx__default[
|
|
52
|
+
})), _Pagify$Segment4 || (_Pagify$Segment4 = /*#__PURE__*/_jsx__default["default"](Pagify__default["default"].Segment, {
|
|
53
53
|
field: "nextPages"
|
|
54
|
-
})), _Pagify$Ellipsis2 || (_Pagify$Ellipsis2 = /*#__PURE__*/_jsx__default[
|
|
54
|
+
})), _Pagify$Ellipsis2 || (_Pagify$Ellipsis2 = /*#__PURE__*/_jsx__default["default"](Pagify__default["default"].Ellipsis, {
|
|
55
55
|
className: "ellipsis",
|
|
56
56
|
nextField: "endPages",
|
|
57
57
|
previousField: "nextPages"
|
|
58
|
-
})), _Pagify$Segment5 || (_Pagify$Segment5 = /*#__PURE__*/_jsx__default[
|
|
58
|
+
})), _Pagify$Segment5 || (_Pagify$Segment5 = /*#__PURE__*/_jsx__default["default"](Pagify__default["default"].Segment, {
|
|
59
59
|
field: "endPages"
|
|
60
|
-
})), /*#__PURE__*/_jsx__default[
|
|
60
|
+
})), /*#__PURE__*/_jsx__default["default"](Pagify__default["default"].Button, {
|
|
61
61
|
className: pagination.page >= pages ? 'button-disabled' : '',
|
|
62
62
|
page: nextPage
|
|
63
63
|
}, void 0, labelNext)));
|
|
@@ -23,16 +23,16 @@ const _excluded = ["children"];
|
|
|
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
|
|
|
28
28
|
const SingleValue = _ref => {
|
|
29
29
|
let {
|
|
30
30
|
children
|
|
31
31
|
} = _ref,
|
|
32
|
-
props = _objectWithoutProperties__default[
|
|
32
|
+
props = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
33
33
|
|
|
34
34
|
return /*#__PURE__*/jsxRuntime.jsxs(DSComboBox.components.SingleValue, _objectSpread(_objectSpread({}, props), {}, {
|
|
35
|
-
children: [children, " ", _span || (_span = /*#__PURE__*/_jsx__default[
|
|
35
|
+
children: [children, " ", _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "per page"))]
|
|
36
36
|
}));
|
|
37
37
|
};
|
|
38
38
|
|
|
@@ -41,7 +41,7 @@ const generateOption = value => ({
|
|
|
41
41
|
label: value
|
|
42
42
|
});
|
|
43
43
|
|
|
44
|
-
const getOptions = memoizeOne__default[
|
|
44
|
+
const getOptions = memoizeOne__default["default"]((step, min, max) => {
|
|
45
45
|
const options = utils.range(min, max + step, step).map(generateOption);
|
|
46
46
|
return min === 0 ? options.slice(1, options.length) : options;
|
|
47
47
|
});
|
|
@@ -54,7 +54,7 @@ function PerPageDropdown({
|
|
|
54
54
|
onChange = () => null
|
|
55
55
|
}) {
|
|
56
56
|
const options = getOptions(step, min, max);
|
|
57
|
-
return /*#__PURE__*/_jsx__default[
|
|
57
|
+
return /*#__PURE__*/_jsx__default["default"](DSComboBox__default["default"], {
|
|
58
58
|
className: "per-page-dropdown",
|
|
59
59
|
components: {
|
|
60
60
|
SingleValue
|