@elliemae/ds-data-table 2.0.0-rc.13 → 2.0.0-rc.17

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.
@@ -117,7 +117,10 @@ const CurrencyRangeFilter = props => {
117
117
  "data-testid": constants.DATA_TESTID.DATA_TABLE_CURRENCY_RANGE_CONTROLLER,
118
118
  gutter: "xxxs",
119
119
  padding: "xxs",
120
- cols: ['auto', 'auto']
120
+ cols: ['auto', 'auto'],
121
+ style: {
122
+ background: 'white'
123
+ }
121
124
  }, void 0, /*#__PURE__*/_jsx__default["default"](dsFormLayoutBlocks.DSFormLayoutBlockItem, {
122
125
  label: "Min",
123
126
  inputID: "".concat(idPreffix, "-min-").concat(column.id)
@@ -89,10 +89,7 @@ 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",
93
- style: {
94
- background: 'white'
95
- }
92
+ p: "xxs"
96
93
  }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateRangePicker, {
97
94
  fromDate: startDate,
98
95
  onFromDateChange: setStartDate,
@@ -92,7 +92,10 @@ const DateSwitcherFilter = props => {
92
92
  "data-testid": constants.DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER
93
93
  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
94
94
  p: "xxs",
95
- gutter: "xxs"
95
+ gutter: "xxs",
96
+ style: {
97
+ background: 'white'
98
+ }
96
99
  }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledCheckbox, {
97
100
  checked: isDateRange,
98
101
  name: "Date range",
@@ -120,7 +120,10 @@ const NumberRangeFilter = props => {
120
120
  "data-testid": constants.DATA_TESTID.DATA_TABLE_NUMBER_RANGE_CONTROLLER,
121
121
  gutter: "xxxs",
122
122
  padding: "xxs",
123
- cols: ['auto', 'auto']
123
+ cols: ['auto', 'auto'],
124
+ style: {
125
+ background: 'white'
126
+ }
124
127
  }, void 0, /*#__PURE__*/_jsx__default["default"](dsFormLayoutBlocks.DSFormLayoutBlockItem, {
125
128
  label: "Low",
126
129
  inputID: "".concat(idPreffix, "-low-").concat(column.id)
@@ -140,7 +140,8 @@ const BaseSelectFilter = props => {
140
140
  options: filters,
141
141
  onChange: handleOnChange,
142
142
  selectedValues: selectedItems,
143
- onFilter: handleOnFilter
143
+ onFilter: handleOnFilter,
144
+ menuMaxHeight: 300
144
145
  }));
145
146
 
146
147
  const handleOnClickOutside = () => {
@@ -157,8 +158,7 @@ const BaseSelectFilter = props => {
157
158
  ariaLabel: "Open Selection Filter",
158
159
  onClickOutsideMenu: handleOnClickOutside,
159
160
  customStyles: {
160
- width: (_column$ref$current$o = (_column$ref = column.ref) === null || _column$ref === void 0 ? void 0 : (_column$ref$current = _column$ref.current) === null || _column$ref$current === void 0 ? void 0 : _column$ref$current.offsetWidth) !== null && _column$ref$current$o !== void 0 ? _column$ref$current$o : '0px',
161
- maxHeight: '300px'
161
+ width: (_column$ref$current$o = (_column$ref = column.ref) === null || _column$ref === void 0 ? void 0 : (_column$ref$current = _column$ref.current) === null || _column$ref$current === void 0 ? void 0 : _column$ref$current.offsetWidth) !== null && _column$ref$current$o !== void 0 ? _column$ref$current$o : '0px'
162
162
  }
163
163
  });
164
164
  };
@@ -79,10 +79,7 @@ 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",
83
- style: {
84
- background: 'white'
85
- }
82
+ p: "xxs"
86
83
  }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
87
84
  date: date,
88
85
  onDateChange: setDate,
@@ -54,7 +54,7 @@ const Button = /*#__PURE__*/styled__default["default"](DSButton__default["defaul
54
54
  })(["position:relative;justify-self:flex-end;"]);
55
55
  const PopperContent = /*#__PURE__*/styled__default["default"].div.withConfig({
56
56
  componentId: "sc-16i88ut-2"
57
- })(["background-color:'#fff';"]);
57
+ })(["background-color:#fff;"]);
58
58
  const FilterPopover = _ref2 => {
59
59
  var _column$ref$current$o, _column$ref, _column$ref$current;
60
60
 
@@ -107,7 +107,10 @@ const CurrencyRangeFilter = props => {
107
107
  "data-testid": DATA_TESTID.DATA_TABLE_CURRENCY_RANGE_CONTROLLER,
108
108
  gutter: "xxxs",
109
109
  padding: "xxs",
110
- cols: ['auto', 'auto']
110
+ cols: ['auto', 'auto'],
111
+ style: {
112
+ background: 'white'
113
+ }
111
114
  }, void 0, /*#__PURE__*/_jsx(DSFormLayoutBlockItem, {
112
115
  label: "Min",
113
116
  inputID: "".concat(idPreffix, "-min-").concat(column.id)
@@ -80,10 +80,7 @@ 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",
84
- style: {
85
- background: 'white'
86
- }
83
+ p: "xxs"
87
84
  }, void 0, /*#__PURE__*/_jsx(DSControlledDateRangePicker, {
88
85
  fromDate: startDate,
89
86
  onFromDateChange: setStartDate,
@@ -83,7 +83,10 @@ const DateSwitcherFilter = props => {
83
83
  "data-testid": DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER
84
84
  }, void 0, /*#__PURE__*/_jsx(Grid, {
85
85
  p: "xxs",
86
- gutter: "xxs"
86
+ gutter: "xxs",
87
+ style: {
88
+ background: 'white'
89
+ }
87
90
  }, void 0, /*#__PURE__*/_jsx(DSControlledCheckbox, {
88
91
  checked: isDateRange,
89
92
  name: "Date range",
@@ -110,7 +110,10 @@ const NumberRangeFilter = props => {
110
110
  "data-testid": DATA_TESTID.DATA_TABLE_NUMBER_RANGE_CONTROLLER,
111
111
  gutter: "xxxs",
112
112
  padding: "xxs",
113
- cols: ['auto', 'auto']
113
+ cols: ['auto', 'auto'],
114
+ style: {
115
+ background: 'white'
116
+ }
114
117
  }, void 0, /*#__PURE__*/_jsx(DSFormLayoutBlockItem, {
115
118
  label: "Low",
116
119
  inputID: "".concat(idPreffix, "-low-").concat(column.id)
@@ -132,7 +132,8 @@ const BaseSelectFilter = props => {
132
132
  options: filters,
133
133
  onChange: handleOnChange,
134
134
  selectedValues: selectedItems,
135
- onFilter: handleOnFilter
135
+ onFilter: handleOnFilter,
136
+ menuMaxHeight: 300
136
137
  }));
137
138
 
138
139
  const handleOnClickOutside = () => {
@@ -149,8 +150,7 @@ const BaseSelectFilter = props => {
149
150
  ariaLabel: "Open Selection Filter",
150
151
  onClickOutsideMenu: handleOnClickOutside,
151
152
  customStyles: {
152
- width: (_column$ref$current$o = (_column$ref = column.ref) === null || _column$ref === void 0 ? void 0 : (_column$ref$current = _column$ref.current) === null || _column$ref$current === void 0 ? void 0 : _column$ref$current.offsetWidth) !== null && _column$ref$current$o !== void 0 ? _column$ref$current$o : '0px',
153
- maxHeight: '300px'
153
+ width: (_column$ref$current$o = (_column$ref = column.ref) === null || _column$ref === void 0 ? void 0 : (_column$ref$current = _column$ref.current) === null || _column$ref$current === void 0 ? void 0 : _column$ref$current.offsetWidth) !== null && _column$ref$current$o !== void 0 ? _column$ref$current$o : '0px'
154
154
  }
155
155
  });
156
156
  };
@@ -70,10 +70,7 @@ 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",
74
- style: {
75
- background: 'white'
76
- }
73
+ p: "xxs"
77
74
  }, void 0, /*#__PURE__*/_jsx(DSControlledDateTimePicker, {
78
75
  date: date,
79
76
  onDateChange: setDate,
@@ -43,7 +43,7 @@ const Button = /*#__PURE__*/styled(DSButton).withConfig({
43
43
  })(["position:relative;justify-self:flex-end;"]);
44
44
  const PopperContent = /*#__PURE__*/styled.div.withConfig({
45
45
  componentId: "sc-16i88ut-2"
46
- })(["background-color:'#fff';"]);
46
+ })(["background-color:#fff;"]);
47
47
  const FilterPopover = _ref2 => {
48
48
  var _column$ref$current$o, _column$ref, _column$ref$current;
49
49
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-data-table",
3
- "version": "2.0.0-rc.13",
3
+ "version": "2.0.0-rc.17",
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.0.0-rc.13",
574
- "@elliemae/ds-circular-progress-indicator": "2.0.0-rc.13",
575
- "@elliemae/ds-controlled-form": "2.0.0-rc.13",
576
- "@elliemae/ds-drag-and-drop": "2.0.0-rc.13",
577
- "@elliemae/ds-dropdownmenu": "2.0.0-rc.13",
578
- "@elliemae/ds-form": "2.0.0-rc.13",
579
- "@elliemae/ds-form-layout-blocks": "2.0.0-rc.13",
580
- "@elliemae/ds-grid": "2.0.0-rc.13",
581
- "@elliemae/ds-icons": "2.0.0-rc.13",
582
- "@elliemae/ds-indeterminate-progress-indicator": "2.0.0-rc.13",
583
- "@elliemae/ds-pagination": "2.0.0-rc.13",
584
- "@elliemae/ds-pills": "2.0.0-rc.13",
585
- "@elliemae/ds-popperjs": "2.0.0-rc.13",
586
- "@elliemae/ds-system": "2.0.0-rc.13",
587
- "@elliemae/ds-toolbar": "2.0.0-rc.13",
588
- "@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.13",
589
- "@elliemae/ds-utilities": "2.0.0-rc.13",
573
+ "@elliemae/ds-button": "2.0.0-rc.17",
574
+ "@elliemae/ds-circular-progress-indicator": "2.0.0-rc.17",
575
+ "@elliemae/ds-controlled-form": "2.0.0-rc.17",
576
+ "@elliemae/ds-drag-and-drop": "2.0.0-rc.17",
577
+ "@elliemae/ds-dropdownmenu": "2.0.0-rc.17",
578
+ "@elliemae/ds-form": "2.0.0-rc.17",
579
+ "@elliemae/ds-form-layout-blocks": "2.0.0-rc.17",
580
+ "@elliemae/ds-grid": "2.0.0-rc.17",
581
+ "@elliemae/ds-icons": "2.0.0-rc.17",
582
+ "@elliemae/ds-indeterminate-progress-indicator": "2.0.0-rc.17",
583
+ "@elliemae/ds-pagination": "2.0.0-rc.17",
584
+ "@elliemae/ds-pills": "2.0.0-rc.17",
585
+ "@elliemae/ds-popperjs": "2.0.0-rc.17",
586
+ "@elliemae/ds-system": "2.0.0-rc.17",
587
+ "@elliemae/ds-toolbar": "2.0.0-rc.17",
588
+ "@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.17",
589
+ "@elliemae/ds-utilities": "2.0.0-rc.17",
590
590
  "@reduxjs/toolkit": "~1.6.2",
591
591
  "csstype": "~3.0.9",
592
592
  "moment": "~2.29.1",