@elliemae/ds-data-table 2.1.0-rc.4 → 2.1.0-rc.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.
Files changed (19) hide show
  1. package/cjs/addons/Filters/Components/DateRangeFilter/index.js +4 -1
  2. package/cjs/addons/Filters/Components/SelectFilter/BaseSelectFilter.js +2 -2
  3. package/cjs/addons/Filters/Components/SingleDateFilter/index.js +4 -1
  4. package/cjs/parts/FilterBar/components/DateRangePill.js +3 -1
  5. package/cjs/parts/FilterBar/components/DateSwitcherPill.js +3 -1
  6. package/cjs/parts/FilterBar/components/MultiSelectPill.js +3 -1
  7. package/cjs/parts/FilterBar/components/NumberRangePill.js +3 -1
  8. package/cjs/parts/FilterBar/components/SelectPill.js +3 -1
  9. package/cjs/parts/FilterBar/components/SingleDatePill.js +3 -1
  10. package/esm/addons/Filters/Components/DateRangeFilter/index.js +4 -1
  11. package/esm/addons/Filters/Components/SelectFilter/BaseSelectFilter.js +1 -1
  12. package/esm/addons/Filters/Components/SingleDateFilter/index.js +4 -1
  13. package/esm/parts/FilterBar/components/DateRangePill.js +3 -1
  14. package/esm/parts/FilterBar/components/DateSwitcherPill.js +3 -1
  15. package/esm/parts/FilterBar/components/MultiSelectPill.js +3 -1
  16. package/esm/parts/FilterBar/components/NumberRangePill.js +3 -1
  17. package/esm/parts/FilterBar/components/SelectPill.js +3 -1
  18. package/esm/parts/FilterBar/components/SingleDatePill.js +3 -1
  19. package/package.json +18 -18
package/cjs/addons/Filters/Components/DateRangeFilter/index.js CHANGED
@@ -89,7 +89,10 @@ const DateRangeFilter = props => {
89
89
  width: "260px",
90
90
  "data-testid": constants.DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER
91
91
  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
92
- p: "xxs"
92
+ p: "xxs",
93
+ style: {
94
+ background: 'white'
95
+ }
93
96
  }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateRangePicker, {
94
97
  fromDate: startDate,
95
98
  onFromDateChange: setStartDate,
package/cjs/addons/Filters/Components/SelectFilter/BaseSelectFilter.js CHANGED
@@ -29,7 +29,7 @@ require('core-js/modules/esnext.async-iterator.filter.js');
29
29
  require('core-js/modules/esnext.iterator.filter.js');
30
30
  var React = require('react');
31
31
  var Grid = require('@elliemae/ds-grid');
32
- var ComboBox = require('@elliemae/ds-form/ComboBox');
32
+ var dsControlledForm = require('@elliemae/ds-controlled-form');
33
33
  var dsIcons = require('@elliemae/ds-icons');
34
34
  var FilterPopover = require('../../../../exported-related/FilterPopover.js');
35
35
  require('../../../../styled.js');
@@ -134,7 +134,7 @@ const BaseSelectFilter = props => {
134
134
  background: '#fff',
135
135
  position: 'relative'
136
136
  }
137
- }, void 0, /*#__PURE__*/_jsx__default["default"](ComboBox.DSComboBox, {
137
+ }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSComboBox, {
138
138
  inline: true,
139
139
  autoFocus: true,
140
140
  options: filters,
package/cjs/addons/Filters/Components/SingleDateFilter/index.js CHANGED
@@ -79,7 +79,10 @@ const SingleDateFilter = props => {
79
79
  "data-testid": constants.DATA_TESTID.DATA_TABLE_SINGLE_DATE_CONTROLLER,
80
80
  width: "260px"
81
81
  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
82
- p: "xxs"
82
+ p: "xxs",
83
+ style: {
84
+ background: 'white'
85
+ }
83
86
  }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
84
87
  date: date,
85
88
  onDateChange: setDate,
package/cjs/parts/FilterBar/components/DateRangePill.js CHANGED
@@ -28,7 +28,9 @@ const DateRangePill = _ref => {
28
28
  nextRef
29
29
  } = _ref;
30
30
  const handleOnRemove = React.useCallback(() => {
31
- if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
31
+ var _nextRef$current;
32
+
33
+ if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
32
34
  onFiltersChange(filters.filter(filter => filter.id !== column));
33
35
  }, [onFiltersChange, filters, prevRef, nextRef, column]);
34
36
  return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
package/cjs/parts/FilterBar/components/DateSwitcherPill.js CHANGED
@@ -28,7 +28,9 @@ const DateSwitcherPill = _ref => {
28
28
  nextRef
29
29
  } = _ref;
30
30
  const handleOnRemove = React.useCallback(() => {
31
- if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
31
+ var _nextRef$current;
32
+
33
+ if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
32
34
  onFiltersChange(filters.filter(filter => filter.id !== column));
33
35
  }, [onFiltersChange, filters, prevRef, nextRef, column]);
34
36
  return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
package/cjs/parts/FilterBar/components/MultiSelectPill.js CHANGED
@@ -34,7 +34,9 @@ const MultiSelectPill = _ref => {
34
34
  newFilters[filterIndex].value = multiSelectedValue.filter(val => val.dsId !== valToRemove.dsId);
35
35
 
36
36
  if (newFilters[filterIndex].value.length === 0) {
37
- if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
37
+ var _nextRef$current;
38
+
39
+ if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
38
40
  newFilters.splice(filterIndex, 1);
39
41
  }
40
42
 
package/cjs/parts/FilterBar/components/NumberRangePill.js CHANGED
@@ -27,7 +27,9 @@ const NumberRangePill = _ref => {
27
27
  nextRef
28
28
  } = _ref;
29
29
  const handleOnRemove = React.useCallback(() => {
30
- if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
30
+ var _nextRef$current;
31
+
32
+ if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
31
33
  onFiltersChange(filters.filter(filter => filter.id !== column));
32
34
  }, [onFiltersChange, filters, column, prevRef, nextRef]);
33
35
  return ((_value$from = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from !== void 0 ? _value$from : '') !== '' && ((_value$to = value === null || value === void 0 ? void 0 : value.to) !== null && _value$to !== void 0 ? _value$to : '') !== '' ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
package/cjs/parts/FilterBar/components/SelectPill.js CHANGED
@@ -25,7 +25,9 @@ const SelectPill = _ref => {
25
25
  nextRef
26
26
  } = _ref;
27
27
  const handleOnRemove = React.useCallback(() => {
28
- if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
28
+ var _nextRef$current;
29
+
30
+ if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
29
31
  onFiltersChange(filters.filter(filter => filter.id !== column));
30
32
  }, [onFiltersChange, filters, prevRef, nextRef, column]);
31
33
  return value ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
package/cjs/parts/FilterBar/components/SingleDatePill.js CHANGED
@@ -26,7 +26,9 @@ const SingleDatePill = _ref => {
26
26
  nextRef
27
27
  } = _ref;
28
28
  const handleOnRemove = React.useCallback(() => {
29
- if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
29
+ var _nextRef$current;
30
+
31
+ if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
30
32
  onFiltersChange(filters.filter(filter => filter.id !== column));
31
33
  }, [onFiltersChange, filters, prevRef, nextRef, column]);
32
34
  return value ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
package/esm/addons/Filters/Components/DateRangeFilter/index.js CHANGED
@@ -80,7 +80,10 @@ const DateRangeFilter = props => {
80
80
  width: "260px",
81
81
  "data-testid": DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER
82
82
  }, void 0, /*#__PURE__*/_jsx(Grid, {
83
- p: "xxs"
83
+ p: "xxs",
84
+ style: {
85
+ background: 'white'
86
+ }
84
87
  }, void 0, /*#__PURE__*/_jsx(DSControlledDateRangePicker, {
85
88
  fromDate: startDate,
86
89
  onFromDateChange: setStartDate,
package/esm/addons/Filters/Components/SelectFilter/BaseSelectFilter.js CHANGED
@@ -25,7 +25,7 @@ import 'core-js/modules/esnext.async-iterator.filter.js';
25
25
  import 'core-js/modules/esnext.iterator.filter.js';
26
26
  import { useMemo, useState, useEffect, useCallback } from 'react';
27
27
  import { Grid } from '@elliemae/ds-grid';
28
- import { DSComboBox } from '@elliemae/ds-form/ComboBox';
28
+ import { DSComboBox } from '@elliemae/ds-controlled-form';
29
29
  import { SearchXsmall } from '@elliemae/ds-icons';
30
30
  import { FilterPopover } from '../../../../exported-related/FilterPopover.js';
31
31
  import '../../../../styled.js';
package/esm/addons/Filters/Components/SingleDateFilter/index.js CHANGED
@@ -70,7 +70,10 @@ const SingleDateFilter = props => {
70
70
  "data-testid": DATA_TESTID.DATA_TABLE_SINGLE_DATE_CONTROLLER,
71
71
  width: "260px"
72
72
  }, void 0, /*#__PURE__*/_jsx(Grid, {
73
- p: "xxs"
73
+ p: "xxs",
74
+ style: {
75
+ background: 'white'
76
+ }
74
77
  }, void 0, /*#__PURE__*/_jsx(DSControlledDateTimePicker, {
75
78
  date: date,
76
79
  onDateChange: setDate,
package/esm/parts/FilterBar/components/DateRangePill.js CHANGED
@@ -20,7 +20,9 @@ const DateRangePill = _ref => {
20
20
  nextRef
21
21
  } = _ref;
22
22
  const handleOnRemove = useCallback(() => {
23
- if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
23
+ var _nextRef$current;
24
+
25
+ if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
24
26
  onFiltersChange(filters.filter(filter => filter.id !== column));
25
27
  }, [onFiltersChange, filters, prevRef, nextRef, column]);
26
28
  return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
package/esm/parts/FilterBar/components/DateSwitcherPill.js CHANGED
@@ -20,7 +20,9 @@ const DateSwitcherPill = _ref => {
20
20
  nextRef
21
21
  } = _ref;
22
22
  const handleOnRemove = useCallback(() => {
23
- if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
23
+ var _nextRef$current;
24
+
25
+ if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
24
26
  onFiltersChange(filters.filter(filter => filter.id !== column));
25
27
  }, [onFiltersChange, filters, prevRef, nextRef, column]);
26
28
  return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
package/esm/parts/FilterBar/components/MultiSelectPill.js CHANGED
@@ -26,7 +26,9 @@ const MultiSelectPill = _ref => {
26
26
  newFilters[filterIndex].value = multiSelectedValue.filter(val => val.dsId !== valToRemove.dsId);
27
27
 
28
28
  if (newFilters[filterIndex].value.length === 0) {
29
- if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
29
+ var _nextRef$current;
30
+
31
+ if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
30
32
  newFilters.splice(filterIndex, 1);
31
33
  }
32
34
 
package/esm/parts/FilterBar/components/NumberRangePill.js CHANGED
@@ -19,7 +19,9 @@ const NumberRangePill = _ref => {
19
19
  nextRef
20
20
  } = _ref;
21
21
  const handleOnRemove = useCallback(() => {
22
- if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
22
+ var _nextRef$current;
23
+
24
+ if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
23
25
  onFiltersChange(filters.filter(filter => filter.id !== column));
24
26
  }, [onFiltersChange, filters, column, prevRef, nextRef]);
25
27
  return ((_value$from = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from !== void 0 ? _value$from : '') !== '' && ((_value$to = value === null || value === void 0 ? void 0 : value.to) !== null && _value$to !== void 0 ? _value$to : '') !== '' ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
package/esm/parts/FilterBar/components/SelectPill.js CHANGED
@@ -17,7 +17,9 @@ const SelectPill = _ref => {
17
17
  nextRef
18
18
  } = _ref;
19
19
  const handleOnRemove = useCallback(() => {
20
- if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
20
+ var _nextRef$current;
21
+
22
+ if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
21
23
  onFiltersChange(filters.filter(filter => filter.id !== column));
22
24
  }, [onFiltersChange, filters, prevRef, nextRef, column]);
23
25
  return value ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
package/esm/parts/FilterBar/components/SingleDatePill.js CHANGED
@@ -18,7 +18,9 @@ const SingleDatePill = _ref => {
18
18
  nextRef
19
19
  } = _ref;
20
20
  const handleOnRemove = useCallback(() => {
21
- if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
21
+ var _nextRef$current;
22
+
23
+ if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
22
24
  onFiltersChange(filters.filter(filter => filter.id !== column));
23
25
  }, [onFiltersChange, filters, prevRef, nextRef, column]);
24
26
  return value ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-data-table",
3
- "version": "2.1.0-rc.4",
3
+ "version": "2.1.0-rc.8",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Data Table",
6
6
  "module": "./esm/index.js",
@@ -570,23 +570,23 @@
570
570
  "dependencies": {
571
571
  "@dnd-kit/core": "~4.0.1",
572
572
  "@dnd-kit/sortable": "~5.0.0",
573
- "@elliemae/ds-button": "2.1.0-rc.4",
574
- "@elliemae/ds-circular-progress-indicator": "2.1.0-rc.4",
575
- "@elliemae/ds-controlled-form": "2.1.0-rc.4",
576
- "@elliemae/ds-drag-and-drop": "2.1.0-rc.4",
577
- "@elliemae/ds-dropdownmenu": "2.1.0-rc.4",
578
- "@elliemae/ds-form": "2.1.0-rc.4",
579
- "@elliemae/ds-form-layout-blocks": "2.1.0-rc.4",
580
- "@elliemae/ds-grid": "2.1.0-rc.4",
581
- "@elliemae/ds-icons": "2.1.0-rc.4",
582
- "@elliemae/ds-indeterminate-progress-indicator": "2.1.0-rc.4",
583
- "@elliemae/ds-pagination": "2.1.0-rc.4",
584
- "@elliemae/ds-pills": "2.1.0-rc.4",
585
- "@elliemae/ds-popperjs": "2.1.0-rc.4",
586
- "@elliemae/ds-system": "2.1.0-rc.4",
587
- "@elliemae/ds-toolbar": "2.1.0-rc.4",
588
- "@elliemae/ds-truncated-tooltip-text": "2.1.0-rc.4",
589
- "@elliemae/ds-utilities": "2.1.0-rc.4",
573
+ "@elliemae/ds-button": "2.1.0-rc.8",
574
+ "@elliemae/ds-circular-progress-indicator": "2.1.0-rc.8",
575
+ "@elliemae/ds-controlled-form": "2.1.0-rc.8",
576
+ "@elliemae/ds-drag-and-drop": "2.1.0-rc.8",
577
+ "@elliemae/ds-dropdownmenu": "2.1.0-rc.8",
578
+ "@elliemae/ds-form": "2.1.0-rc.8",
579
+ "@elliemae/ds-form-layout-blocks": "2.1.0-rc.8",
580
+ "@elliemae/ds-grid": "2.1.0-rc.8",
581
+ "@elliemae/ds-icons": "2.1.0-rc.8",
582
+ "@elliemae/ds-indeterminate-progress-indicator": "2.1.0-rc.8",
583
+ "@elliemae/ds-pagination": "2.1.0-rc.8",
584
+ "@elliemae/ds-pills": "2.1.0-rc.8",
585
+ "@elliemae/ds-popperjs": "2.1.0-rc.8",
586
+ "@elliemae/ds-system": "2.1.0-rc.8",
587
+ "@elliemae/ds-toolbar": "2.1.0-rc.8",
588
+ "@elliemae/ds-truncated-tooltip-text": "2.1.0-rc.8",
589
+ "@elliemae/ds-utilities": "2.1.0-rc.8",
590
590
  "@reduxjs/toolkit": "~1.6.2",
591
591
  "csstype": "~3.0.9",
592
592
  "moment": "~2.29.1",