@elliemae/ds-datagrids 2.0.0-alpha.9 → 2.0.0-next.11
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 +246 -243
- package/cjs/DataGridImpl.js +18 -9
- package/cjs/PaginatedDataGrid.js +5 -0
- package/cjs/blockNames.js +2 -2
- package/cjs/columns/IconColumn.js +19 -17
- package/cjs/columns/NumberColumn.js +2 -4
- package/cjs/components/BodyCell.js +20 -12
- package/cjs/components/BodyList.js +7 -0
- package/cjs/components/ColumnVisibilityMenuOption.js +12 -6
- package/cjs/components/ColumnsOptionsMenuSection.js +35 -28
- package/cjs/components/EmptyState.js +19 -17
- package/cjs/components/HeaderCell.js +15 -9
- package/cjs/components/List.js +5 -0
- package/cjs/components/ListItem.js +7 -0
- package/cjs/components/NoResults.js +5 -0
- package/cjs/components/RowsLoader.js +5 -4
- package/cjs/components/Table.js +5 -0
- package/cjs/components/TableBody.js +5 -0
- package/cjs/components/TableHeader.js +5 -0
- package/cjs/components/footer/addOptionalFooterComponents.js +5 -4
- package/cjs/components/header/PrimaryControls.js +20 -15
- package/cjs/components/header/addOptionalHeaderComponents.js +4 -3
- package/cjs/components/renderers/defaultClassedRenderers.js +35 -23
- package/cjs/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js +50 -39
- package/cjs/plugins/column-dnd/DndColumnsPlugin.js +11 -7
- package/cjs/plugins/column-dnd/decorateGridWithDndColumns.js +2 -3
- package/cjs/plugins/column-sizing/ColumnSizingPlugin.js +11 -9
- package/cjs/plugins/column-sizing/columnMeasurerTransformer.js +13 -6
- package/cjs/plugins/column-sizing/ext-points/decorateColumn.js +3 -3
- package/cjs/plugins/column-sizing/ext-points/getTableProps.js +23 -17
- package/cjs/plugins/column-sizing/useColumnSizeService.js +13 -3
- package/cjs/plugins/column-sizing/useStylesheetHelpers.js +69 -53
- package/cjs/plugins/column-sizing/utils.js +10 -6
- package/cjs/plugins/custom-cell-renderer/addCustomRendererToCell.js +9 -4
- package/cjs/plugins/custom-cell-renderer/getRendererComponent.js +20 -21
- package/cjs/plugins/editable/EditableComponents/ComboBox.js +7 -3
- package/cjs/plugins/editable/EditableComponents/TextBox.js +20 -14
- package/cjs/plugins/editable/EditablePlugin.js +16 -15
- package/cjs/plugins/editable/decorateEditable.js +19 -11
- package/cjs/plugins/editable/getEditorComponent.js +45 -34
- package/cjs/plugins/expandable-grid/ExpandableColumn.js +60 -53
- package/cjs/plugins/expandable-grid/ExpandablePlugin.js +38 -26
- package/cjs/plugins/expandable-grid/ExpandedRow.js +28 -18
- package/cjs/plugins/expandable-grid/ExpandedRowExtra.js +18 -12
- package/cjs/plugins/expandable-grid/useExpandGridState.js +4 -8
- package/cjs/plugins/export-data/ExportDataPlugin.js +31 -17
- package/cjs/plugins/filterable/FilterablePlugin.js +7 -6
- package/cjs/plugins/filterable/addFilterToColumn.js +5 -0
- package/cjs/plugins/filterable/components/FilterableHeader.js +36 -27
- package/cjs/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.js +41 -34
- package/cjs/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js +28 -23
- package/cjs/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js +122 -156
- package/cjs/plugins/filterable/components/filterable-menus/TextFilterMenu.js +29 -20
- package/cjs/plugins/filterable/filterableFormatter.js +15 -10
- package/cjs/plugins/filterable/filtering-helper/filterRowsByQuery.js +16 -4
- package/cjs/plugins/filterable/filtering-helper/strategiesOperators.js +7 -4
- package/cjs/plugins/filterable/helper.js +17 -7
- package/cjs/plugins/filterable/useFilterableState.js +12 -5
- package/cjs/plugins/grouping-by/GroupingByPlugin.js +3 -1
- package/cjs/plugins/grouping-grid/GroupingPlugin.js +10 -1
- package/cjs/plugins/grouping-grid/walkStrategy.js +13 -9
- package/cjs/plugins/infinite-scrolling/InfiniteScrollPlugin.js +8 -1
- package/cjs/plugins/pagination/PaginationPlugin.js +9 -2
- package/cjs/plugins/pagination/components/Pagination.js +10 -9
- package/cjs/plugins/pagination/components/Paginator.js +8 -7
- package/cjs/plugins/pagination/components/PerPageDropdown.js +20 -13
- package/cjs/plugins/pagination/helper.js +10 -7
- package/cjs/plugins/pagination/usePaginationState.js +8 -3
- package/cjs/plugins/resizable/ResizablePlugin.js +5 -4
- package/cjs/plugins/resizable/decorateResizable.js +14 -8
- package/cjs/plugins/resizable/useResizeHandle.js +21 -16
- package/cjs/plugins/resizable/utils.js +9 -6
- package/cjs/plugins/row-dnd/DndRowsPlugin.js +24 -16
- package/cjs/plugins/selectable/SelectablePlugin.js +11 -10
- package/cjs/plugins/selectable/addSelectableColumn.js +24 -16
- package/cjs/plugins/selectable/helper.js +12 -3
- package/cjs/plugins/selectable/selectableFormatter.js +80 -71
- package/cjs/plugins/selectable/useSelectableState.js +25 -11
- package/cjs/plugins/sortable/SortablePlugin.js +8 -7
- package/cjs/plugins/sortable/sortHeaderFormatter.js +14 -15
- package/cjs/plugins/sortable/sortTree.js +13 -3
- package/cjs/plugins/sortable/sorter.js +152 -134
- package/cjs/plugins/sortable/useSortableState.js +8 -0
- package/cjs/plugins/toolbar/RowRenderer.js +9 -3
- package/cjs/plugins/toolbar/ToolbarPlugin.js +1 -0
- package/cjs/plugins/toolbar/ToolbarTrigger.js +18 -13
- package/cjs/plugins/virtualization/AutoHeightList.js +10 -8
- package/cjs/plugins/virtualization/VirtualizationPlugin.js +32 -25
- package/cjs/plugins/virtualization/VirtualizedBody.js +20 -10
- package/cjs/plugins/virtualization/VirtualizedBodyRow.js +8 -7
- package/cjs/renders/CellWithAddons.js +20 -18
- package/cjs/renders/styled.js +5 -16
- package/cjs/utilities/getPluginsFromProps.js +5 -1
- package/cjs/utilities/getScrollbarSize.js +2 -1
- package/cjs/utilities/normalizeData.js +7 -1
- package/esm/DSDataGrid.js +246 -243
- package/esm/DataGridImpl.js +18 -9
- package/esm/PaginatedDataGrid.js +5 -0
- package/esm/blockNames.js +2 -2
- package/esm/columns/IconColumn.js +19 -17
- package/esm/columns/NumberColumn.js +2 -4
- package/esm/components/BodyCell.js +20 -12
- package/esm/components/BodyList.js +7 -0
- package/esm/components/ColumnVisibilityMenuOption.js +12 -6
- package/esm/components/ColumnsOptionsMenuSection.js +35 -28
- package/esm/components/EmptyState.js +18 -15
- package/esm/components/HeaderCell.js +15 -9
- package/esm/components/List.js +5 -0
- package/esm/components/ListItem.js +7 -0
- package/esm/components/NoResults.js +5 -0
- package/esm/components/RowsLoader.js +5 -4
- package/esm/components/Table.js +5 -0
- package/esm/components/TableBody.js +5 -0
- package/esm/components/TableHeader.js +5 -0
- package/esm/components/footer/addOptionalFooterComponents.js +5 -4
- package/esm/components/header/PrimaryControls.js +20 -14
- package/esm/components/header/addOptionalHeaderComponents.js +4 -3
- package/esm/components/renderers/defaultClassedRenderers.js +35 -23
- package/esm/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js +50 -39
- package/esm/plugins/column-dnd/DndColumnsPlugin.js +8 -4
- package/esm/plugins/column-dnd/decorateGridWithDndColumns.js +1 -1
- package/esm/plugins/column-sizing/ColumnSizingPlugin.js +10 -8
- package/esm/plugins/column-sizing/columnMeasurerTransformer.js +12 -5
- package/esm/plugins/column-sizing/ext-points/decorateColumn.js +1 -1
- package/esm/plugins/column-sizing/ext-points/getTableProps.js +22 -15
- package/esm/plugins/column-sizing/useColumnSizeService.js +13 -3
- package/esm/plugins/column-sizing/useStylesheetHelpers.js +67 -51
- package/esm/plugins/column-sizing/utils.js +8 -4
- package/esm/plugins/custom-cell-renderer/addCustomRendererToCell.js +6 -1
- package/esm/plugins/custom-cell-renderer/getRendererComponent.js +15 -11
- package/esm/plugins/editable/EditableComponents/ComboBox.js +6 -1
- package/esm/plugins/editable/EditableComponents/TextBox.js +19 -12
- package/esm/plugins/editable/EditablePlugin.js +14 -12
- package/esm/plugins/editable/decorateEditable.js +18 -9
- package/esm/plugins/editable/getEditorComponent.js +49 -38
- package/esm/plugins/expandable-grid/ExpandableColumn.js +59 -50
- package/esm/plugins/expandable-grid/ExpandablePlugin.js +34 -20
- package/esm/plugins/expandable-grid/ExpandedRow.js +27 -17
- package/esm/plugins/expandable-grid/ExpandedRowExtra.js +17 -11
- package/esm/plugins/expandable-grid/useExpandGridState.js +2 -2
- package/esm/plugins/export-data/ExportDataPlugin.js +30 -16
- package/esm/plugins/filterable/FilterablePlugin.js +5 -4
- package/esm/plugins/filterable/addFilterToColumn.js +5 -0
- package/esm/plugins/filterable/components/FilterableHeader.js +32 -22
- package/esm/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.js +41 -33
- package/esm/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js +28 -22
- package/esm/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js +121 -154
- package/esm/plugins/filterable/components/filterable-menus/TextFilterMenu.js +28 -18
- package/esm/plugins/filterable/filterableFormatter.js +15 -10
- package/esm/plugins/filterable/filtering-helper/filterRowsByQuery.js +14 -2
- package/esm/plugins/filterable/filtering-helper/strategiesOperators.js +7 -4
- package/esm/plugins/filterable/helper.js +11 -1
- package/esm/plugins/filterable/useFilterableState.js +12 -5
- package/esm/plugins/grouping-by/GroupingByPlugin.js +3 -1
- package/esm/plugins/grouping-grid/GroupingPlugin.js +10 -1
- package/esm/plugins/grouping-grid/walkStrategy.js +13 -9
- package/esm/plugins/infinite-scrolling/InfiniteScrollPlugin.js +8 -1
- package/esm/plugins/pagination/PaginationPlugin.js +8 -1
- package/esm/plugins/pagination/components/Pagination.js +10 -9
- package/esm/plugins/pagination/components/Paginator.js +8 -7
- package/esm/plugins/pagination/components/PerPageDropdown.js +17 -9
- package/esm/plugins/pagination/helper.js +10 -7
- package/esm/plugins/pagination/usePaginationState.js +7 -1
- package/esm/plugins/resizable/ResizablePlugin.js +4 -3
- package/esm/plugins/resizable/decorateResizable.js +14 -8
- package/esm/plugins/resizable/useResizeHandle.js +21 -16
- package/esm/plugins/resizable/utils.js +7 -4
- package/esm/plugins/row-dnd/DndRowsPlugin.js +22 -13
- package/esm/plugins/selectable/SelectablePlugin.js +10 -9
- package/esm/plugins/selectable/addSelectableColumn.js +24 -16
- package/esm/plugins/selectable/helper.js +10 -1
- package/esm/plugins/selectable/selectableFormatter.js +79 -68
- package/esm/plugins/selectable/useSelectableState.js +20 -5
- package/esm/plugins/sortable/SortablePlugin.js +5 -4
- package/esm/plugins/sortable/sortHeaderFormatter.js +12 -11
- package/esm/plugins/sortable/sortTree.js +13 -3
- package/esm/plugins/sortable/sorter.js +152 -134
- package/esm/plugins/sortable/useSortableState.js +8 -0
- package/esm/plugins/toolbar/RowRenderer.js +8 -2
- package/esm/plugins/toolbar/ToolbarPlugin.js +1 -0
- package/esm/plugins/toolbar/ToolbarTrigger.js +17 -11
- package/esm/plugins/virtualization/AutoHeightList.js +6 -3
- package/esm/plugins/virtualization/VirtualizationPlugin.js +31 -24
- package/esm/plugins/virtualization/VirtualizedBody.js +16 -6
- package/esm/plugins/virtualization/VirtualizedBodyRow.js +8 -7
- package/esm/renders/CellWithAddons.js +15 -14
- package/esm/renders/styled.js +3 -15
- package/esm/utilities/getPluginsFromProps.js +5 -1
- package/esm/utilities/getScrollbarSize.js +2 -1
- package/esm/utilities/normalizeData.js +7 -1
- package/package.json +19 -18
- package/types/components/BodyCell.d.ts +1 -1
- package/types/components/HeaderCell.d.ts +1 -1
- package/types/plugins/column-sizing/columnMeasurerTransformer.d.ts +1 -1
- package/types/plugins/column-sizing/ext-points/getTableProps.d.ts +1 -1
- package/types/plugins/expandable-grid/ExpandedRowExtra.d.ts +1 -1
- package/types/plugins/expandable-grid/useExpandGridState.d.ts +4 -4
- package/types/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.d.ts +1 -1
- package/types/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.d.ts +1 -1
- package/types/plugins/filterable/components/filterable-menus/TextFilterMenu.d.ts +1 -1
- package/types/plugins/filterable/helper.d.ts +15 -3
- package/types/plugins/pagination/components/PerPageDropdown.d.ts +1 -1
- package/cjs/package.json +0 -7
- package/esm/package.json +0 -7
|
@@ -3,7 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
-
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.some.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.some.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
13
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
14
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
15
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
7
16
|
var strategiesOperators = require('./strategiesOperators.js');
|
|
8
17
|
|
|
9
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -25,13 +34,16 @@ const executeFilterStrategy = (rule, row) => {
|
|
|
25
34
|
} = rule;
|
|
26
35
|
if (field === 'all') return Object.values(row).some(colValue => strategiesOperators('contains')(colValue, value));
|
|
27
36
|
const rowValue = row[field];
|
|
28
|
-
const transformedValue =
|
|
29
|
-
const transformedRowValue =
|
|
37
|
+
const transformedValue = dsUtilities.isFunction(transform) ? transform(value) : value;
|
|
38
|
+
const transformedRowValue = dsUtilities.isFunction(transformRowValue) ? transformRowValue(rowValue) : rowValue;
|
|
30
39
|
const filterStrategy = getRuleStrategyOperator(rule);
|
|
31
40
|
return filterStrategy(transformedRowValue, transformedValue);
|
|
32
41
|
};
|
|
33
42
|
|
|
34
|
-
const filterByRules =
|
|
43
|
+
const filterByRules = function (rules) {
|
|
44
|
+
let condition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'AND';
|
|
45
|
+
return row => condition === 'AND' ? rules.reduce((isFiltered, rule) => rule.rules && rule.rules.length ? isFiltered && filterByRules(rule.rules, rule.condition)(row) : isFiltered && executeFilterStrategy(rule, row), true) : rules.some(rule => rule.rules && rule.rules.length ? filterByRules(rule.rules, rule.condition)(row) : executeFilterStrategy(rule, row));
|
|
46
|
+
};
|
|
35
47
|
|
|
36
48
|
function filterRowsByQueryGroup(rows, query, composedRows) {
|
|
37
49
|
if (query && query.rules && query.rules.length === 0) return rows;
|
|
@@ -7,10 +7,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
7
7
|
var compare__default = /*#__PURE__*/_interopDefaultLegacy(compare);
|
|
8
8
|
|
|
9
9
|
var strategiesOperators = (op => ({
|
|
10
|
-
range: (rowValue, {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
range: (rowValue, _ref) => {
|
|
11
|
+
let {
|
|
12
|
+
start,
|
|
13
|
+
end
|
|
14
|
+
} = _ref;
|
|
15
|
+
return start <= rowValue && end >= rowValue;
|
|
16
|
+
},
|
|
14
17
|
equal: (value1, value2) => compare__default["default"].id(value1, value2),
|
|
15
18
|
greaterThan: compare__default["default"].gt,
|
|
16
19
|
lessThan: compare__default["default"].lt,
|
|
@@ -3,7 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
-
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
13
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
14
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
15
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
16
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
7
17
|
|
|
8
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
19
|
|
|
@@ -13,12 +23,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
13
23
|
|
|
14
24
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
15
25
|
const getFilterLabel = (column, value) => column.filterLabels ? column.filterLabels[value] || value : value;
|
|
16
|
-
const getFilterLabels = (column, rows) =>
|
|
17
|
-
const value =
|
|
26
|
+
const getFilterLabels = (column, rows) => dsUtilities.uniqBy(rows, dsUtilities.property(column.searchBy || column.property)).map(row => {
|
|
27
|
+
const value = dsUtilities.get(row, column.searchBy || column.property);
|
|
18
28
|
if (value === undefined) return {};
|
|
19
|
-
const rowColumnValue = String(
|
|
29
|
+
const rowColumnValue = String(dsUtilities.get(row, column.searchBy || column.property));
|
|
20
30
|
|
|
21
|
-
if (
|
|
31
|
+
if (dsUtilities.isFunction(column.valueTransformation)) {
|
|
22
32
|
const nextValue = column.valueTransformation(rowColumnValue);
|
|
23
33
|
return {
|
|
24
34
|
id: nextValue,
|
|
@@ -68,7 +78,7 @@ function getFilterValue(filter, column) {
|
|
|
68
78
|
}
|
|
69
79
|
function buildFilterArray(newFilter, filters) {
|
|
70
80
|
// if (newFilter.type && newFilter.type === 'date') return [...filters.slice(1), newFilter]
|
|
71
|
-
return
|
|
81
|
+
return dsUtilities.uniqBy([...filters, newFilter], v => [v.group, v.value].join());
|
|
72
82
|
}
|
|
73
83
|
const groupFilters = filters => filters.filter(filter => !filter.fixed);
|
|
74
84
|
|
|
@@ -80,7 +90,7 @@ function parseFilterToRule(filter) {
|
|
|
80
90
|
}
|
|
81
91
|
|
|
82
92
|
function parseFiltersToQuery(filters) {
|
|
83
|
-
const groupedFilters =
|
|
93
|
+
const groupedFilters = dsUtilities.groupBy(groupFilters(filters), filter => filter.group);
|
|
84
94
|
return Object.keys(groupedFilters).reduce((queryResult, field) => {
|
|
85
95
|
const filter = groupedFilters[field];
|
|
86
96
|
|
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
6
12
|
var React = require('react');
|
|
7
13
|
var uuid = require('uuid');
|
|
8
14
|
var helper = require('./helper.js');
|
|
@@ -80,11 +86,12 @@ function useFilterableState(grid) {
|
|
|
80
86
|
});
|
|
81
87
|
};
|
|
82
88
|
|
|
83
|
-
const removeFilter =
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
89
|
+
const removeFilter = _ref => {
|
|
90
|
+
let {
|
|
91
|
+
group,
|
|
92
|
+
pill,
|
|
93
|
+
nextFilters
|
|
94
|
+
} = _ref;
|
|
88
95
|
onRemoveFilter(group, pill.value, nextFilters);
|
|
89
96
|
handleFiltersChange(nextFilters);
|
|
90
97
|
};
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
5
7
|
var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
|
|
6
8
|
var lodash = require('lodash');
|
|
7
9
|
|
|
@@ -12,7 +14,7 @@ var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createIns
|
|
|
12
14
|
const groupedByData = (groupedBy, composedRows) => {
|
|
13
15
|
const grouped = lodash.groupBy(composedRows, groupedBy);
|
|
14
16
|
return Object.keys(grouped).map((c, key) => ({
|
|
15
|
-
id:
|
|
17
|
+
id: "grouped-by-".concat(groupedBy, "-").concat(key),
|
|
16
18
|
key: groupedBy,
|
|
17
19
|
value: c,
|
|
18
20
|
children: grouped[c],
|
|
@@ -5,6 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
6
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
7
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
13
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
14
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
15
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
16
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
17
|
var React = require('react');
|
|
9
18
|
var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
|
|
10
19
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
@@ -26,7 +35,7 @@ const _excluded = ["isExpanded"];
|
|
|
26
35
|
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
36
|
|
|
28
37
|
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
|
-
const blockName =
|
|
38
|
+
const blockName = "".concat(blockNames.dataGridBlockName, "-group-row-header");
|
|
30
39
|
const GroupRowHeaderWrapper = dsClassnames.aggregatedClasses('div')(blockName);
|
|
31
40
|
const GroupRowHeaderTitle = dsClassnames.aggregatedClasses('div')(blockName, 'title');
|
|
32
41
|
const GroupingPlugin = createInstancePlugin__default["default"]('groupedRows', {
|
|
@@ -2,20 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
|
+
|
|
5
7
|
function getPath(parentNode, index, childrenKey) {
|
|
6
8
|
if (!parentNode) return [index];
|
|
7
9
|
return [...parentNode.path, childrenKey, index];
|
|
8
10
|
}
|
|
9
11
|
|
|
10
|
-
function walkTreeStrategy({
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
function walkTreeStrategy(_ref) {
|
|
13
|
+
let {
|
|
14
|
+
data,
|
|
15
|
+
childrenKey = 'children',
|
|
16
|
+
level = 0,
|
|
17
|
+
getId = item => item.id,
|
|
18
|
+
parentNode,
|
|
19
|
+
shouldWalkChildren = () => true,
|
|
20
|
+
cb
|
|
21
|
+
} = _ref;
|
|
22
|
+
|
|
19
23
|
// eslint-disable-next-line no-loops/no-loops,no-plusplus
|
|
20
24
|
for (let i = 0; i < data.length; i++) {
|
|
21
25
|
const currLevel = level + 1;
|
|
@@ -4,6 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
6
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
7
13
|
var React = require('react');
|
|
8
14
|
var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
|
|
9
15
|
|
|
@@ -31,7 +37,8 @@ const registerStateHook = grid => {
|
|
|
31
37
|
} = grid;
|
|
32
38
|
const loading = React.useRef(false);
|
|
33
39
|
|
|
34
|
-
const addMoreData = (
|
|
40
|
+
const addMoreData = function () {
|
|
41
|
+
let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
35
42
|
loading.current = false;
|
|
36
43
|
updateRows(prevRows => prevRows.concat(data || []));
|
|
37
44
|
};
|
|
@@ -5,8 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
6
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
7
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
13
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
14
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
15
|
var React = require('react');
|
|
9
|
-
var
|
|
16
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
10
17
|
var FocusGridManager = require('@elliemae/ds-shared/FocusGroup/FocusGrid');
|
|
11
18
|
var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
|
|
12
19
|
var helper = require('./helper.js');
|
|
@@ -64,7 +71,7 @@ const Body = /*#__PURE__*/React__default["default"].memo(_ref => {
|
|
|
64
71
|
otherBodyProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
65
72
|
|
|
66
73
|
return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, otherBodyProps), {}, {
|
|
67
|
-
innerRef:
|
|
74
|
+
innerRef: dsUtilities.mergeRefs(innerRef),
|
|
68
75
|
children: !isPlaceholderActive ? rows.map((row, index) => rowRenderer(row, {
|
|
69
76
|
index,
|
|
70
77
|
rowIndex: index
|
|
@@ -14,15 +14,16 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
14
14
|
|
|
15
15
|
const PaginationControls = dsClassnames.aggregatedClasses('div')('data-grid', 'controls-pagination');
|
|
16
16
|
|
|
17
|
-
const Pagination =
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
17
|
+
const Pagination = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
paginated,
|
|
20
|
+
pagination = {},
|
|
21
|
+
onPerPage,
|
|
22
|
+
onPageSelect,
|
|
23
|
+
paginationStep = 5,
|
|
24
|
+
maxPerPage = 10,
|
|
25
|
+
minPerPage = 5
|
|
26
|
+
} = _ref;
|
|
26
27
|
const {
|
|
27
28
|
perPage
|
|
28
29
|
} = pagination;
|
|
@@ -17,13 +17,14 @@ const blockName = 'data-grid';
|
|
|
17
17
|
const PaginationContainer = dsClassnames.aggregatedClasses('div')(blockName, 'pagination');
|
|
18
18
|
const PagifyContext = dsClassnames.aggregatedClasses(Pagify__default["default"].Context)(blockName, 'pagify-pagination');
|
|
19
19
|
|
|
20
|
-
const Paginator =
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
20
|
+
const Paginator = _ref => {
|
|
21
|
+
let {
|
|
22
|
+
pagination,
|
|
23
|
+
pages,
|
|
24
|
+
onSelect,
|
|
25
|
+
labelPrevious = 'Previous',
|
|
26
|
+
labelNext = 'Next'
|
|
27
|
+
} = _ref;
|
|
27
28
|
const prevPage = pagination.page - 1;
|
|
28
29
|
const nextPage = pagination.page + 1;
|
|
29
30
|
return /*#__PURE__*/_jsx__default["default"](PaginationContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](PagifyContext, {
|
|
@@ -3,10 +3,17 @@
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
6
13
|
require('react');
|
|
7
14
|
var memoizeOne = require('memoize-one');
|
|
8
|
-
var
|
|
9
|
-
var
|
|
15
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
16
|
+
var dsForm = require('@elliemae/ds-form');
|
|
10
17
|
var jsxRuntime = require('react/jsx-runtime');
|
|
11
18
|
|
|
12
19
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -15,7 +22,6 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
15
22
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
16
23
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
17
24
|
var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
|
|
18
|
-
var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
|
|
19
25
|
|
|
20
26
|
var _span;
|
|
21
27
|
|
|
@@ -31,7 +37,7 @@ const SingleValue = _ref => {
|
|
|
31
37
|
} = _ref,
|
|
32
38
|
props = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
33
39
|
|
|
34
|
-
return /*#__PURE__*/jsxRuntime.jsxs(
|
|
40
|
+
return /*#__PURE__*/jsxRuntime.jsxs(dsForm.components.SingleValue, _objectSpread(_objectSpread({}, props), {}, {
|
|
35
41
|
children: [children, " ", _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "per page"))]
|
|
36
42
|
}));
|
|
37
43
|
};
|
|
@@ -42,19 +48,20 @@ const generateOption = value => ({
|
|
|
42
48
|
});
|
|
43
49
|
|
|
44
50
|
const getOptions = memoizeOne__default["default"]((step, min, max) => {
|
|
45
|
-
const options =
|
|
51
|
+
const options = dsUtilities.range(min, max + step, step).map(generateOption);
|
|
46
52
|
return min === 0 ? options.slice(1, options.length) : options;
|
|
47
53
|
});
|
|
48
54
|
|
|
49
|
-
function PerPageDropdown({
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
55
|
+
function PerPageDropdown(_ref2) {
|
|
56
|
+
let {
|
|
57
|
+
min = 0,
|
|
58
|
+
max = 100,
|
|
59
|
+
step = 5,
|
|
60
|
+
value = 0,
|
|
61
|
+
onChange = () => null
|
|
62
|
+
} = _ref2;
|
|
56
63
|
const options = getOptions(step, min, max);
|
|
57
|
-
return /*#__PURE__*/_jsx__default["default"](
|
|
64
|
+
return /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
|
|
58
65
|
className: "per-page-dropdown",
|
|
59
66
|
components: {
|
|
60
67
|
SingleValue
|
|
@@ -2,17 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const parsePerPageNumber = (number, max
|
|
5
|
+
const parsePerPageNumber = function (number, max) {
|
|
6
|
+
let min = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
6
7
|
if (number > max) return max;
|
|
7
8
|
if (number < min) return min;
|
|
8
9
|
return number;
|
|
9
10
|
};
|
|
10
|
-
function paginate(rows, {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
function paginate(rows, _ref) {
|
|
12
|
+
let {
|
|
13
|
+
page,
|
|
14
|
+
perPage = 1,
|
|
15
|
+
amountOfPages: amount,
|
|
16
|
+
totalRows
|
|
17
|
+
} = _ref;
|
|
18
|
+
|
|
16
19
|
// return if pagination state is controlled
|
|
17
20
|
if (amount && totalRows) {
|
|
18
21
|
return {
|
|
@@ -3,13 +3,18 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
-
|
|
6
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
12
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
7
13
|
var helper = require('./helper.js');
|
|
8
14
|
|
|
9
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
16
|
|
|
11
17
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
12
|
-
var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
|
|
13
18
|
|
|
14
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; }
|
|
15
20
|
|
|
@@ -30,7 +35,7 @@ function usePaginationState(grid) {
|
|
|
30
35
|
composedRows,
|
|
31
36
|
rows
|
|
32
37
|
} = grid.getInstance();
|
|
33
|
-
const [pagination, setPagination] =
|
|
38
|
+
const [pagination, setPagination] = dsUtilities.useDerivedStateFromProps(paginationProp);
|
|
34
39
|
|
|
35
40
|
const onPerPage = perPageNumber => {
|
|
36
41
|
const parsedPerPageNumber = helper.parsePerPageNumber(perPageNumber, maxPerPage, minPerPage);
|
|
@@ -2,7 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
8
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
6
9
|
var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
|
|
7
10
|
var decorateResizable = require('./decorateResizable.js');
|
|
8
11
|
|
|
@@ -10,8 +13,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
13
|
|
|
11
14
|
var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
|
|
12
15
|
|
|
13
|
-
/* eslint-disable no-param-reassign */
|
|
14
|
-
|
|
15
16
|
const noop = () => null;
|
|
16
17
|
|
|
17
18
|
const DELTA_LAST_COLUMN = 25; // eslint-disable-next-line no-unused-vars
|
|
@@ -97,7 +98,7 @@ const decorateColumn = (column, grid, index) => {
|
|
|
97
98
|
width,
|
|
98
99
|
extraData
|
|
99
100
|
});
|
|
100
|
-
|
|
101
|
+
dsUtilities.runAll(onResizeEnd)(width, extraData);
|
|
101
102
|
grid.updateRowWidth();
|
|
102
103
|
},
|
|
103
104
|
minWidth: (column.minWidth || minColumnWidth) - (isLast ? DELTA_LAST_COLUMN : 0),
|
|
@@ -2,6 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
10
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
11
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
7
12
|
var React = require('react');
|
|
@@ -21,14 +26,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
21
26
|
|
|
22
27
|
const addResizableToColumn = (column, formatter) => initColumnDefinition.appendHeaderFormatter(formatter, column);
|
|
23
28
|
|
|
24
|
-
const ResizableWrapper = /*#__PURE__*/React__default["default"].memo(
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
const ResizableWrapper = /*#__PURE__*/React__default["default"].memo(_ref => {
|
|
30
|
+
let {
|
|
31
|
+
value,
|
|
32
|
+
onDrag,
|
|
33
|
+
onDragEnd,
|
|
34
|
+
onDragStart,
|
|
35
|
+
minWidth,
|
|
36
|
+
handleClassName
|
|
37
|
+
} = _ref;
|
|
32
38
|
const {
|
|
33
39
|
containerRef,
|
|
34
40
|
Handle
|
|
@@ -9,13 +9,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
9
9
|
|
|
10
10
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
11
11
|
|
|
12
|
-
const useResizeHandle =
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
const useResizeHandle = _ref => {
|
|
13
|
+
let {
|
|
14
|
+
onDragStart,
|
|
15
|
+
onDrag,
|
|
16
|
+
onDragEnd,
|
|
17
|
+
minWidth = 10,
|
|
18
|
+
isLast = false
|
|
19
|
+
} = _ref;
|
|
19
20
|
const startX = React.useRef();
|
|
20
21
|
const startWidth = React.useRef();
|
|
21
22
|
const containerRef = React.useRef();
|
|
@@ -49,15 +50,19 @@ const useResizeHandle = ({
|
|
|
49
50
|
triggerMove(onDragStart, event);
|
|
50
51
|
};
|
|
51
52
|
|
|
52
|
-
const HandleComponent =
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
53
|
+
const HandleComponent = _ref2 => {
|
|
54
|
+
let {
|
|
55
|
+
className = 'resize-handle'
|
|
56
|
+
} = _ref2;
|
|
57
|
+
return (
|
|
58
|
+
/*#__PURE__*/
|
|
59
|
+
// eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
|
60
|
+
_jsx__default["default"]("div", {
|
|
61
|
+
className: className,
|
|
62
|
+
onMouseDown: onMouseDown
|
|
63
|
+
})
|
|
64
|
+
);
|
|
65
|
+
};
|
|
61
66
|
|
|
62
67
|
return {
|
|
63
68
|
containerRef,
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
require('core-js/modules/es.string.replace.js');
|
|
6
|
-
var
|
|
6
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
7
7
|
var memoizeOne = require('memoize-one');
|
|
8
8
|
|
|
9
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -12,14 +12,17 @@ var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
|
|
|
12
12
|
|
|
13
13
|
const isPercentNumber = stringNumber => typeof stringNumber === 'string' && stringNumber.indexOf('%') !== -1;
|
|
14
14
|
const isPxNumber = stringNumber => typeof stringNumber === 'string' && stringNumber.indexOf('px') !== -1;
|
|
15
|
-
const translatePercentageToPx = memoizeOne__default["default"]((totalWidth, percentage
|
|
16
|
-
|
|
15
|
+
const translatePercentageToPx = memoizeOne__default["default"](function (totalWidth, percentage) {
|
|
16
|
+
let minWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
17
|
+
const parsedPercentatge = dsUtilities.parseInt(percentage.replace('%', ''));
|
|
17
18
|
const width = totalWidth * parsedPercentatge / 100;
|
|
18
19
|
return width > minWidth ? width : minWidth;
|
|
19
20
|
});
|
|
20
|
-
const translateStringPxToNumberPx = memoizeOne__default["default"](pxNumber =>
|
|
21
|
-
memoizeOne__default["default"]((totalWidth, pxWidth) =>
|
|
22
|
-
memoizeOne__default["default"]((gridWidth
|
|
21
|
+
const translateStringPxToNumberPx = memoizeOne__default["default"](pxNumber => dsUtilities.parseInt(pxNumber.replace('%', '')));
|
|
22
|
+
memoizeOne__default["default"]((totalWidth, pxWidth) => "".concat(pxWidth / totalWidth * 100, "%"));
|
|
23
|
+
memoizeOne__default["default"](function (gridWidth) {
|
|
24
|
+
let width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
25
|
+
let minWidth = arguments.length > 2 ? arguments[2] : undefined;
|
|
23
26
|
if (isPercentNumber(width)) return translatePercentageToPx(gridWidth, width, minWidth);
|
|
24
27
|
if (isPxNumber(width)) return translateStringPxToNumberPx(width);
|
|
25
28
|
return width;
|