@synerise/ds-column-manager 0.9.0 → 0.9.4

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 (8) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/ColumnManager.js +179 -209
  3. package/dist/ColumnManagerActions/ColumnManagerActions.js +72 -92
  4. package/dist/ColumnManagerGroupSettings/ColumnManagerGroupSettings.js +18 -42
  5. package/dist/ColumnManagerGroupSettings/RangesForm/RangeInput.js +1 -3
  6. package/dist/ColumnManagerGroupSettings/RangesForm/RangeRow.js +8 -22
  7. package/dist/ColumnManagerItem/ColumnManagerItem.js +2 -4
  8. package/package.json +13 -13
package/CHANGELOG.md CHANGED
@@ -3,6 +3,38 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.9.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-column-manager@0.9.3...@synerise/ds-column-manager@0.9.4) (2021-11-23)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-column-manager
9
+
10
+
11
+
12
+
13
+
14
+ ## [0.9.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-column-manager@0.9.2...@synerise/ds-column-manager@0.9.3) (2021-11-22)
15
+
16
+ **Note:** Version bump only for package @synerise/ds-column-manager
17
+
18
+
19
+
20
+
21
+
22
+ ## [0.9.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-column-manager@0.9.1...@synerise/ds-column-manager@0.9.2) (2021-11-16)
23
+
24
+ **Note:** Version bump only for package @synerise/ds-column-manager
25
+
26
+
27
+
28
+
29
+
30
+ ## [0.9.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-column-manager@0.8.94...@synerise/ds-column-manager@0.9.1) (2021-11-09)
31
+
32
+ **Note:** Version bump only for package @synerise/ds-column-manager
33
+
34
+
35
+
36
+
37
+
6
38
  # [0.9.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-column-manager@0.8.94...@synerise/ds-column-manager@0.9.0) (2021-11-09)
7
39
 
8
40
  **Note:** Version bump only for package @synerise/ds-column-manager
package/dist/ColumnManager.js CHANGED
@@ -1,44 +1,18 @@
1
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
2
-
3
1
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
2
 
5
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
6
-
7
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
8
-
9
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
10
-
11
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
12
-
13
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
14
-
15
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
16
-
17
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
18
4
 
19
5
  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(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
20
6
 
21
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
22
-
23
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
24
-
25
7
  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
26
8
 
27
9
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
28
10
 
29
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
30
-
31
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
32
-
33
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
34
-
35
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
36
-
37
11
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
38
12
 
39
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
13
+ function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
40
14
 
41
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
15
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
42
16
 
43
17
  import * as React from 'react';
44
18
  import { injectIntl } from 'react-intl';
@@ -66,38 +40,34 @@ var DEFAULT_STATE = {
66
40
  };
67
41
 
68
42
  var ColumnManager = /*#__PURE__*/function (_React$Component) {
69
- _inherits(ColumnManager, _React$Component);
70
-
71
- var _super = _createSuper(ColumnManager);
43
+ _inheritsLoose(ColumnManager, _React$Component);
72
44
 
73
45
  function ColumnManager(props) {
74
46
  var _this;
75
47
 
76
- _classCallCheck(this, ColumnManager);
48
+ _this = _React$Component.call(this, props) || this; // eslint-disable-next-line react/state-in-constructor
77
49
 
78
- _this = _super.call(this, props); // eslint-disable-next-line react/state-in-constructor
79
-
80
- _this.updateVisibleColumns = function (newVisibleList) {
50
+ _defineProperty(_assertThisInitialized(_this), "updateVisibleColumns", function (newVisibleList) {
81
51
  _this.setState({
82
52
  visibleList: newVisibleList.map(function (column) {
83
- return _objectSpread(_objectSpread({}, column), {}, {
53
+ return _objectSpread({}, column, {
84
54
  visible: true
85
55
  });
86
56
  })
87
57
  });
88
- };
58
+ });
89
59
 
90
- _this.updateHiddenColumns = function (newHiddenList) {
60
+ _defineProperty(_assertThisInitialized(_this), "updateHiddenColumns", function (newHiddenList) {
91
61
  _this.setState({
92
62
  hiddenList: newHiddenList.map(function (column) {
93
- return _objectSpread(_objectSpread({}, column), {}, {
63
+ return _objectSpread({}, column, {
94
64
  visible: false
95
65
  });
96
66
  })
97
67
  });
98
- };
68
+ });
99
69
 
100
- _this.hideColumn = function (id) {
70
+ _defineProperty(_assertThisInitialized(_this), "hideColumn", function (id) {
101
71
  var _this$state = _this.state,
102
72
  visibleList = _this$state.visibleList,
103
73
  hiddenList = _this$state.hiddenList;
@@ -108,13 +78,13 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
108
78
  visibleList: visibleList.filter(function (visibleColumn) {
109
79
  return visibleColumn.id !== column.id;
110
80
  }),
111
- hiddenList: [].concat(_toConsumableArray(hiddenList), [_objectSpread(_objectSpread({}, column), {}, {
81
+ hiddenList: [].concat(hiddenList, [_objectSpread({}, column, {
112
82
  visible: false
113
83
  })])
114
84
  });
115
- };
85
+ });
116
86
 
117
- _this.showColumn = function (id) {
87
+ _defineProperty(_assertThisInitialized(_this), "showColumn", function (id) {
118
88
  var _this$state2 = _this.state,
119
89
  visibleList = _this$state2.visibleList,
120
90
  hiddenList = _this$state2.hiddenList;
@@ -125,29 +95,29 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
125
95
  hiddenList: hiddenList.filter(function (hiddenColumn) {
126
96
  return hiddenColumn.id !== column.id;
127
97
  }),
128
- visibleList: [].concat(_toConsumableArray(visibleList), [_objectSpread(_objectSpread({}, column), {}, {
98
+ visibleList: [].concat(visibleList, [_objectSpread({}, column, {
129
99
  visible: true
130
100
  })])
131
101
  });
132
- };
102
+ });
133
103
 
134
- _this.toggleColumn = function (id, columnVisible) {
104
+ _defineProperty(_assertThisInitialized(_this), "toggleColumn", function (id, columnVisible) {
135
105
  if (columnVisible) {
136
106
  _this.hideColumn(id);
137
107
  } else {
138
108
  _this.showColumn(id);
139
109
  }
140
- };
110
+ });
141
111
 
142
- _this.setFixed = function (id, fixed) {
112
+ _defineProperty(_assertThisInitialized(_this), "setFixed", function (id, fixed) {
143
113
  var visibleList = _this.state.visibleList;
144
114
 
145
115
  _this.setState({
146
116
  visibleList: visibleList.map(function (visibleColumn) {
147
117
  if (visibleColumn.id === id) {
148
- return visibleColumn.fixed === fixed ? _objectSpread(_objectSpread({}, visibleColumn), {}, {
118
+ return visibleColumn.fixed === fixed ? _objectSpread({}, visibleColumn, {
149
119
  fixed: undefined
150
- }) : _objectSpread(_objectSpread({}, visibleColumn), {}, {
120
+ }) : _objectSpread({}, visibleColumn, {
151
121
  fixed: fixed
152
122
  });
153
123
  }
@@ -155,36 +125,36 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
155
125
  return visibleColumn;
156
126
  })
157
127
  });
158
- };
128
+ });
159
129
 
160
- _this.showGroupSettings = function (column) {
130
+ _defineProperty(_assertThisInitialized(_this), "showGroupSettings", function (column) {
161
131
  _this.setState({
162
132
  activeColumn: column
163
133
  });
164
- };
134
+ });
165
135
 
166
- _this.hideItemFilter = function () {
136
+ _defineProperty(_assertThisInitialized(_this), "hideItemFilter", function () {
167
137
  var hideSavedViews = _this.props.hideSavedViews;
168
138
  hideSavedViews && hideSavedViews();
169
139
 
170
140
  _this.setState({
171
141
  itemFilterVisible: false
172
142
  });
173
- };
143
+ });
174
144
 
175
- _this.handleShowItemFilter = function () {
145
+ _defineProperty(_assertThisInitialized(_this), "handleShowItemFilter", function () {
176
146
  _this.setState({
177
147
  itemFilterVisible: true
178
148
  });
179
- };
149
+ });
180
150
 
181
- _this.handleSearchChange = function (query) {
151
+ _defineProperty(_assertThisInitialized(_this), "handleSearchChange", function (query) {
182
152
  _this.setState({
183
153
  searchQuery: query
184
154
  });
185
- };
155
+ });
186
156
 
187
- _this.handleSave = function (viewMeta) {
157
+ _defineProperty(_assertThisInitialized(_this), "handleSave", function (viewMeta) {
188
158
  var onSave = _this.props.onSave;
189
159
  var _this$state3 = _this.state,
190
160
  visibleList = _this$state3.visibleList,
@@ -193,20 +163,20 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
193
163
  onSave({
194
164
  meta: viewMeta,
195
165
  groupSettings: groupSettings,
196
- columns: [].concat(_toConsumableArray(visibleList), _toConsumableArray(hiddenList))
166
+ columns: [].concat(visibleList, hiddenList)
197
167
  });
198
- };
168
+ });
199
169
 
200
- _this.handleApply = function () {
170
+ _defineProperty(_assertThisInitialized(_this), "handleApply", function () {
201
171
  var onApply = _this.props.onApply;
202
172
  var _this$state4 = _this.state,
203
173
  visibleList = _this$state4.visibleList,
204
174
  hiddenList = _this$state4.hiddenList,
205
175
  groupSettings = _this$state4.groupSettings;
206
- onApply([].concat(_toConsumableArray(visibleList), _toConsumableArray(hiddenList)), groupSettings);
207
- };
176
+ onApply([].concat(visibleList, hiddenList), groupSettings);
177
+ });
208
178
 
209
- _this.state = _objectSpread(_objectSpread({}, DEFAULT_STATE), {}, {
179
+ _this.state = _objectSpread({}, DEFAULT_STATE, {
210
180
  groupSettings: props.groupSettings || undefined,
211
181
  visibleList: props.columns.filter(function (column) {
212
182
  return column.visible;
@@ -219,12 +189,150 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
219
189
  return _this;
220
190
  }
221
191
 
192
+ ColumnManager.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {
193
+ if (props.itemFilterConfig && props.itemFilterConfig.selectedItemId !== state.selectedFilterId) {
194
+ var visible = props.columns.filter(function (column) {
195
+ return column.visible;
196
+ });
197
+ var hidden = props.columns.filter(function (column) {
198
+ return !column.visible;
199
+ });
200
+ return {
201
+ visibleList: visible,
202
+ hiddenList: hidden,
203
+ selectedFilterId: props.itemFilterConfig && props.itemFilterConfig.selectedItemId || undefined,
204
+ groupSettings: props.groupSettings
205
+ };
206
+ }
207
+
208
+ return null;
209
+ };
210
+
211
+ var _proto = ColumnManager.prototype;
212
+
213
+ _proto.render = function render() {
214
+ var _this2 = this,
215
+ _groupSettings$column2;
216
+
217
+ var _this$props = this.props,
218
+ visible = _this$props.visible,
219
+ hide = _this$props.hide,
220
+ itemFilterConfig = _this$props.itemFilterConfig,
221
+ savedViewsVisible = _this$props.savedViewsVisible;
222
+ var _this$state5 = this.state,
223
+ visibleList = _this$state5.visibleList,
224
+ hiddenList = _this$state5.hiddenList,
225
+ searchQuery = _this$state5.searchQuery,
226
+ itemFilterVisible = _this$state5.itemFilterVisible,
227
+ activeColumn = _this$state5.activeColumn,
228
+ groupSettings = _this$state5.groupSettings;
229
+ var searchResults = [].concat(visibleList, hiddenList).filter(function (column) {
230
+ return column.name.toLowerCase().includes(searchQuery.toLowerCase());
231
+ });
232
+ var visibleListWithGroup = visibleList.map(function (column) {
233
+ var _groupSettings$column;
234
+
235
+ if (column.id === (groupSettings == null ? void 0 : (_groupSettings$column = groupSettings.column) == null ? void 0 : _groupSettings$column.id)) {
236
+ return _objectSpread({}, column, {
237
+ group: true
238
+ });
239
+ }
240
+
241
+ return column;
242
+ });
243
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.ColumnManager, {
244
+ visible: visible || savedViewsVisible,
245
+ width: 338,
246
+ onClose: hide
247
+ }, /*#__PURE__*/React.createElement(Drawer.DrawerHeader, null, /*#__PURE__*/React.createElement(Drawer.DrawerHeaderBar, null, /*#__PURE__*/React.createElement(Typography.Title, {
248
+ style: {
249
+ flex: 1,
250
+ margin: 0
251
+ },
252
+ level: 4
253
+ }, this.texts.title), /*#__PURE__*/React.createElement(Tooltip, {
254
+ title: this.texts.savedViews,
255
+ placement: "bottom"
256
+ }, /*#__PURE__*/React.createElement(Button, {
257
+ "data-testid": "ds-column-manager-show-filters",
258
+ type: "ghost",
259
+ mode: "single-icon",
260
+ onClick: this.handleShowItemFilter
261
+ }, /*#__PURE__*/React.createElement(Icon, {
262
+ component: /*#__PURE__*/React.createElement(FolderM, null)
263
+ }))), /*#__PURE__*/React.createElement(Button, {
264
+ "data-testid": "ds-column-manager-close",
265
+ style: {
266
+ marginLeft: '8px'
267
+ },
268
+ mode: "single-icon",
269
+ type: "ghost",
270
+ onClick: hide
271
+ }, /*#__PURE__*/React.createElement(Icon, {
272
+ component: /*#__PURE__*/React.createElement(CloseM, null)
273
+ })))), /*#__PURE__*/React.createElement(SearchBar, {
274
+ onSearchChange: this.handleSearchChange,
275
+ placeholder: this.texts.searchPlaceholder,
276
+ value: searchQuery,
277
+ onClearInput: function onClearInput() {
278
+ return _this2.handleSearchChange('');
279
+ },
280
+ iconLeft: /*#__PURE__*/React.createElement(Icon, {
281
+ component: /*#__PURE__*/React.createElement(SearchM, null),
282
+ color: theme.palette['grey-600']
283
+ }),
284
+ clearTooltip: this.texts.searchClearTooltip || ''
285
+ }), /*#__PURE__*/React.createElement(Scrollbar, {
286
+ absolute: true
287
+ }, /*#__PURE__*/React.createElement(Drawer.DrawerContent, {
288
+ style: {
289
+ padding: '0 0 80px'
290
+ }
291
+ }, /*#__PURE__*/React.createElement(ColumnManagerList, {
292
+ texts: this.texts,
293
+ searchQuery: searchQuery,
294
+ searchResults: searchResults,
295
+ visibleList: visibleListWithGroup,
296
+ hiddenList: hiddenList,
297
+ setFixed: this.setFixed,
298
+ showGroupSettings: this.showGroupSettings,
299
+ groupSettings: groupSettings,
300
+ toggleColumn: this.toggleColumn,
301
+ updateVisibleList: this.updateVisibleColumns,
302
+ updateHiddenList: this.updateHiddenColumns
303
+ }))), /*#__PURE__*/React.createElement(ColumnManagerActions, {
304
+ onSave: this.handleSave,
305
+ onApply: this.handleApply,
306
+ onCancel: hide,
307
+ texts: this.texts
308
+ }), itemFilterConfig && /*#__PURE__*/React.createElement(ItemFilter, _extends({}, itemFilterConfig, {
309
+ visible: itemFilterVisible || Boolean(savedViewsVisible),
310
+ hide: this.hideItemFilter
311
+ }))), /*#__PURE__*/React.createElement(ColumnManagerGroupSettings, {
312
+ texts: this.texts,
313
+ hide: function hide() {
314
+ _this2.setState({
315
+ activeColumn: undefined
316
+ });
317
+ },
318
+ visible: activeColumn !== undefined,
319
+ column: activeColumn,
320
+ settings: (activeColumn == null ? void 0 : activeColumn.key) === (groupSettings == null ? void 0 : (_groupSettings$column2 = groupSettings.column) == null ? void 0 : _groupSettings$column2.key) ? groupSettings : undefined,
321
+ onOk: function onOk(settings) {
322
+ _this2.setState({
323
+ groupSettings: settings,
324
+ activeColumn: undefined
325
+ });
326
+ }
327
+ }));
328
+ };
329
+
222
330
  _createClass(ColumnManager, [{
223
331
  key: "texts",
224
332
  get: function get() {
225
- var _this$props = this.props,
226
- texts = _this$props.texts,
227
- intl = _this$props.intl;
333
+ var _this$props2 = this.props,
334
+ texts = _this$props2.texts,
335
+ intl = _this$props2.intl;
228
336
  return _objectSpread({
229
337
  title: intl.formatMessage({
230
338
  id: 'DS.COLUMN-MANAGER.TITLE'
@@ -352,144 +460,6 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
352
460
  })
353
461
  }, texts);
354
462
  }
355
- }, {
356
- key: "render",
357
- value: function render() {
358
- var _this2 = this,
359
- _groupSettings$column2;
360
-
361
- var _this$props2 = this.props,
362
- visible = _this$props2.visible,
363
- hide = _this$props2.hide,
364
- itemFilterConfig = _this$props2.itemFilterConfig,
365
- savedViewsVisible = _this$props2.savedViewsVisible;
366
- var _this$state5 = this.state,
367
- visibleList = _this$state5.visibleList,
368
- hiddenList = _this$state5.hiddenList,
369
- searchQuery = _this$state5.searchQuery,
370
- itemFilterVisible = _this$state5.itemFilterVisible,
371
- activeColumn = _this$state5.activeColumn,
372
- groupSettings = _this$state5.groupSettings;
373
- var searchResults = [].concat(_toConsumableArray(visibleList), _toConsumableArray(hiddenList)).filter(function (column) {
374
- return column.name.toLowerCase().includes(searchQuery.toLowerCase());
375
- });
376
- var visibleListWithGroup = visibleList.map(function (column) {
377
- var _groupSettings$column;
378
-
379
- if (column.id === (groupSettings === null || groupSettings === void 0 ? void 0 : (_groupSettings$column = groupSettings.column) === null || _groupSettings$column === void 0 ? void 0 : _groupSettings$column.id)) {
380
- return _objectSpread(_objectSpread({}, column), {}, {
381
- group: true
382
- });
383
- }
384
-
385
- return column;
386
- });
387
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.ColumnManager, {
388
- visible: visible || savedViewsVisible,
389
- width: 338,
390
- onClose: hide
391
- }, /*#__PURE__*/React.createElement(Drawer.DrawerHeader, null, /*#__PURE__*/React.createElement(Drawer.DrawerHeaderBar, null, /*#__PURE__*/React.createElement(Typography.Title, {
392
- style: {
393
- flex: 1,
394
- margin: 0
395
- },
396
- level: 4
397
- }, this.texts.title), /*#__PURE__*/React.createElement(Tooltip, {
398
- title: this.texts.savedViews,
399
- placement: "bottom"
400
- }, /*#__PURE__*/React.createElement(Button, {
401
- "data-testid": "ds-column-manager-show-filters",
402
- type: "ghost",
403
- mode: "single-icon",
404
- onClick: this.handleShowItemFilter
405
- }, /*#__PURE__*/React.createElement(Icon, {
406
- component: /*#__PURE__*/React.createElement(FolderM, null)
407
- }))), /*#__PURE__*/React.createElement(Button, {
408
- "data-testid": "ds-column-manager-close",
409
- style: {
410
- marginLeft: '8px'
411
- },
412
- mode: "single-icon",
413
- type: "ghost",
414
- onClick: hide
415
- }, /*#__PURE__*/React.createElement(Icon, {
416
- component: /*#__PURE__*/React.createElement(CloseM, null)
417
- })))), /*#__PURE__*/React.createElement(SearchBar, {
418
- onSearchChange: this.handleSearchChange,
419
- placeholder: this.texts.searchPlaceholder,
420
- value: searchQuery,
421
- onClearInput: function onClearInput() {
422
- return _this2.handleSearchChange('');
423
- },
424
- iconLeft: /*#__PURE__*/React.createElement(Icon, {
425
- component: /*#__PURE__*/React.createElement(SearchM, null),
426
- color: theme.palette['grey-600']
427
- }),
428
- clearTooltip: this.texts.searchClearTooltip || ''
429
- }), /*#__PURE__*/React.createElement(Scrollbar, {
430
- absolute: true
431
- }, /*#__PURE__*/React.createElement(Drawer.DrawerContent, {
432
- style: {
433
- padding: '0 0 80px'
434
- }
435
- }, /*#__PURE__*/React.createElement(ColumnManagerList, {
436
- texts: this.texts,
437
- searchQuery: searchQuery,
438
- searchResults: searchResults,
439
- visibleList: visibleListWithGroup,
440
- hiddenList: hiddenList,
441
- setFixed: this.setFixed,
442
- showGroupSettings: this.showGroupSettings,
443
- groupSettings: groupSettings,
444
- toggleColumn: this.toggleColumn,
445
- updateVisibleList: this.updateVisibleColumns,
446
- updateHiddenList: this.updateHiddenColumns
447
- }))), /*#__PURE__*/React.createElement(ColumnManagerActions, {
448
- onSave: this.handleSave,
449
- onApply: this.handleApply,
450
- onCancel: hide,
451
- texts: this.texts
452
- }), itemFilterConfig && /*#__PURE__*/React.createElement(ItemFilter, _extends({}, itemFilterConfig, {
453
- visible: itemFilterVisible || Boolean(savedViewsVisible),
454
- hide: this.hideItemFilter
455
- }))), /*#__PURE__*/React.createElement(ColumnManagerGroupSettings, {
456
- texts: this.texts,
457
- hide: function hide() {
458
- _this2.setState({
459
- activeColumn: undefined
460
- });
461
- },
462
- visible: activeColumn !== undefined,
463
- column: activeColumn,
464
- settings: (activeColumn === null || activeColumn === void 0 ? void 0 : activeColumn.key) === (groupSettings === null || groupSettings === void 0 ? void 0 : (_groupSettings$column2 = groupSettings.column) === null || _groupSettings$column2 === void 0 ? void 0 : _groupSettings$column2.key) ? groupSettings : undefined,
465
- onOk: function onOk(settings) {
466
- _this2.setState({
467
- groupSettings: settings,
468
- activeColumn: undefined
469
- });
470
- }
471
- }));
472
- }
473
- }], [{
474
- key: "getDerivedStateFromProps",
475
- value: function getDerivedStateFromProps(props, state) {
476
- if (props.itemFilterConfig && props.itemFilterConfig.selectedItemId !== state.selectedFilterId) {
477
- var visible = props.columns.filter(function (column) {
478
- return column.visible;
479
- });
480
- var hidden = props.columns.filter(function (column) {
481
- return !column.visible;
482
- });
483
- return {
484
- visibleList: visible,
485
- hiddenList: hidden,
486
- selectedFilterId: props.itemFilterConfig && props.itemFilterConfig.selectedItemId || undefined,
487
- groupSettings: props.groupSettings
488
- };
489
- }
490
-
491
- return null;
492
- }
493
463
  }]);
494
464
 
495
465
  return ColumnManager;
package/dist/ColumnManagerActions/ColumnManagerActions.js CHANGED
@@ -1,30 +1,12 @@
1
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
2
-
3
- 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; }
1
+ 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; }
4
2
 
5
3
  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(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; }
6
4
 
7
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
8
-
9
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
10
-
11
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
12
-
13
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
14
-
15
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
16
-
17
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
18
-
19
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
20
-
21
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
22
-
23
5
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
24
6
 
25
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
7
+ function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
26
8
 
27
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
9
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
28
10
 
29
11
  import * as React from 'react';
30
12
  import Button from '@synerise/ds-button';
@@ -44,44 +26,43 @@ var DEFAULT_STATE = {
44
26
  };
45
27
 
46
28
  var ColumnManagerActions = /*#__PURE__*/function (_React$Component) {
47
- _inherits(ColumnManagerActions, _React$Component);
48
-
49
- var _super = _createSuper(ColumnManagerActions);
29
+ _inheritsLoose(ColumnManagerActions, _React$Component);
50
30
 
51
31
  function ColumnManagerActions() {
52
32
  var _this;
53
33
 
54
- _classCallCheck(this, ColumnManagerActions);
55
-
56
34
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
57
35
  args[_key] = arguments[_key];
58
36
  }
59
37
 
60
- _this = _super.call.apply(_super, [this].concat(args));
61
- _this.state = DEFAULT_STATE;
38
+ _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
39
+
40
+ _defineProperty(_assertThisInitialized(_this), "state", DEFAULT_STATE);
62
41
 
63
- _this.handleCancel = function () {
42
+ _defineProperty(_assertThisInitialized(_this), "handleCancel", function () {
64
43
  _this.setState(DEFAULT_STATE);
65
- };
44
+ });
66
45
 
67
- _this.handleShowModal = function () {
46
+ _defineProperty(_assertThisInitialized(_this), "handleShowModal", function () {
68
47
  _this.setState({
69
48
  modalVisible: true
70
49
  });
71
- };
50
+ });
51
+
52
+ _defineProperty(_assertThisInitialized(_this), "handleChange", function (event) {
53
+ var _this$setState;
72
54
 
73
- _this.handleChange = function (event) {
74
55
  var _event$currentTarget = event.currentTarget,
75
56
  name = _event$currentTarget.name,
76
57
  value = _event$currentTarget.value;
77
58
 
78
- _this.setState(_defineProperty({}, name, {
59
+ _this.setState((_this$setState = {}, _this$setState[name] = {
79
60
  value: value,
80
61
  error: ''
81
- }));
82
- };
62
+ }, _this$setState));
63
+ });
83
64
 
84
- _this.handleSubmit = function () {
65
+ _defineProperty(_assertThisInitialized(_this), "handleSubmit", function () {
85
66
  var _this$state = _this.state,
86
67
  name = _this$state.name,
87
68
  description = _this$state.description;
@@ -98,72 +79,71 @@ var ColumnManagerActions = /*#__PURE__*/function (_React$Component) {
98
79
  });
99
80
  } else {
100
81
  _this.setState({
101
- name: _objectSpread(_objectSpread({}, name), {}, {
82
+ name: _objectSpread({}, name, {
102
83
  error: texts.mustNotBeEmpty
103
84
  })
104
85
  });
105
86
  }
106
- };
87
+ });
107
88
 
108
89
  return _this;
109
90
  }
110
91
 
111
- _createClass(ColumnManagerActions, [{
112
- key: "render",
113
- value: function render() {
114
- var _this$props2 = this.props,
115
- texts = _this$props2.texts,
116
- onCancel = _this$props2.onCancel,
117
- onApply = _this$props2.onApply;
118
- var _this$state2 = this.state,
119
- modalVisible = _this$state2.modalVisible,
120
- name = _this$state2.name,
121
- description = _this$state2.description;
122
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.ColumnManagerActions, null, /*#__PURE__*/React.createElement(Button, {
123
- type: "secondary",
124
- mode: "simple",
125
- onClick: this.handleShowModal
126
- }, texts.saveView), /*#__PURE__*/React.createElement(S.RightButtons, null, /*#__PURE__*/React.createElement(Button, {
127
- "data-testid": "ds-column-manager-cancel",
92
+ var _proto = ColumnManagerActions.prototype;
93
+
94
+ _proto.render = function render() {
95
+ var _this$props2 = this.props,
96
+ texts = _this$props2.texts,
97
+ onCancel = _this$props2.onCancel,
98
+ onApply = _this$props2.onApply;
99
+ var _this$state2 = this.state,
100
+ modalVisible = _this$state2.modalVisible,
101
+ name = _this$state2.name,
102
+ description = _this$state2.description;
103
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.ColumnManagerActions, null, /*#__PURE__*/React.createElement(Button, {
104
+ type: "secondary",
105
+ mode: "simple",
106
+ onClick: this.handleShowModal
107
+ }, texts.saveView), /*#__PURE__*/React.createElement(S.RightButtons, null, /*#__PURE__*/React.createElement(Button, {
108
+ "data-testid": "ds-column-manager-cancel",
109
+ type: "ghost",
110
+ mode: "simple",
111
+ onClick: onCancel
112
+ }, texts.cancel), /*#__PURE__*/React.createElement(Button, {
113
+ "data-testid": "ds-column-manager-apply",
114
+ type: "primary",
115
+ mode: "simple",
116
+ onClick: onApply
117
+ }, texts.apply))), /*#__PURE__*/React.createElement(Modal, {
118
+ visible: modalVisible,
119
+ closable: true,
120
+ onCancel: this.handleCancel,
121
+ title: texts.saveView,
122
+ footer: /*#__PURE__*/React.createElement(S.ModalFooter, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
123
+ "data-testid": "ds-modal-cancel",
128
124
  type: "ghost",
129
- mode: "simple",
130
- onClick: onCancel
125
+ onClick: this.handleCancel
131
126
  }, texts.cancel), /*#__PURE__*/React.createElement(Button, {
132
- "data-testid": "ds-column-manager-apply",
127
+ "data-testid": "ds-modal-apply",
133
128
  type: "primary",
134
- mode: "simple",
135
- onClick: onApply
136
- }, texts.apply))), /*#__PURE__*/React.createElement(Modal, {
137
- visible: modalVisible,
138
- closable: true,
139
- onCancel: this.handleCancel,
140
- title: texts.saveView,
141
- footer: /*#__PURE__*/React.createElement(S.ModalFooter, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
142
- "data-testid": "ds-modal-cancel",
143
- type: "ghost",
144
- onClick: this.handleCancel
145
- }, texts.cancel), /*#__PURE__*/React.createElement(Button, {
146
- "data-testid": "ds-modal-apply",
147
- type: "primary",
148
- onClick: this.handleSubmit
149
- }, texts.apply)))
150
- }, /*#__PURE__*/React.createElement(S.Form, null, /*#__PURE__*/React.createElement(Input, {
151
- name: "name",
152
- onChange: this.handleChange,
153
- value: name.value,
154
- label: texts.viewName,
155
- placeholder: texts.viewNamePlaceholder,
156
- errorText: name.error
157
- }), /*#__PURE__*/React.createElement(TextArea, {
158
- name: "description",
159
- value: description.value,
160
- onChange: this.handleChange,
161
- label: texts.viewDescription,
162
- placeholder: texts.viewDescriptionPlaceholder,
163
- rows: 2
164
- }))));
165
- }
166
- }]);
129
+ onClick: this.handleSubmit
130
+ }, texts.apply)))
131
+ }, /*#__PURE__*/React.createElement(S.Form, null, /*#__PURE__*/React.createElement(Input, {
132
+ name: "name",
133
+ onChange: this.handleChange,
134
+ value: name.value,
135
+ label: texts.viewName,
136
+ placeholder: texts.viewNamePlaceholder,
137
+ errorText: name.error
138
+ }), /*#__PURE__*/React.createElement(TextArea, {
139
+ name: "description",
140
+ value: description.value,
141
+ onChange: this.handleChange,
142
+ label: texts.viewDescription,
143
+ placeholder: texts.viewDescriptionPlaceholder,
144
+ rows: 2
145
+ }))));
146
+ };
167
147
 
168
148
  return ColumnManagerActions;
169
149
  }(React.Component);
package/dist/ColumnManagerGroupSettings/ColumnManagerGroupSettings.js CHANGED
@@ -1,24 +1,4 @@
1
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
2
-
3
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
-
5
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
6
-
7
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
8
-
9
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
10
-
11
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
12
-
13
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
14
-
15
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
16
-
17
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
18
-
19
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
20
-
21
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
22
2
 
23
3
  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(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
24
4
 
@@ -79,24 +59,20 @@ var ColumnManagerGroupSettings = function ColumnManagerGroupSettings(_ref) {
79
59
  texts = _ref.texts;
80
60
 
81
61
  var _React$useState = React.useState(undefined),
82
- _React$useState2 = _slicedToArray(_React$useState, 2),
83
- groupBy = _React$useState2[0],
84
- setGroupBy = _React$useState2[1];
62
+ groupBy = _React$useState[0],
63
+ setGroupBy = _React$useState[1];
85
64
 
86
- var _React$useState3 = React.useState([EMPTY_RANGE]),
87
- _React$useState4 = _slicedToArray(_React$useState3, 2),
88
- ranges = _React$useState4[0],
89
- setRanges = _React$useState4[1];
65
+ var _React$useState2 = React.useState([EMPTY_RANGE]),
66
+ ranges = _React$useState2[0],
67
+ setRanges = _React$useState2[1];
90
68
 
91
- var _React$useState5 = React.useState(undefined),
92
- _React$useState6 = _slicedToArray(_React$useState5, 2),
93
- interval = _React$useState6[0],
94
- setIntervalValue = _React$useState6[1];
69
+ var _React$useState3 = React.useState(undefined),
70
+ interval = _React$useState3[0],
71
+ setIntervalValue = _React$useState3[1];
95
72
 
96
- var _React$useState7 = React.useState(undefined),
97
- _React$useState8 = _slicedToArray(_React$useState7, 2),
98
- error = _React$useState8[0],
99
- setError = _React$useState8[1];
73
+ var _React$useState4 = React.useState(undefined),
74
+ error = _React$useState4[0],
75
+ setError = _React$useState4[1];
100
76
 
101
77
  var clearState = React.useCallback(function () {
102
78
  setRanges([EMPTY_RANGE]);
@@ -105,9 +81,9 @@ var ColumnManagerGroupSettings = function ColumnManagerGroupSettings(_ref) {
105
81
  setIntervalValue(undefined);
106
82
  }, []);
107
83
  React.useEffect(function () {
108
- setGroupBy(settings === null || settings === void 0 ? void 0 : settings.settings.type);
109
- setRanges((settings === null || settings === void 0 ? void 0 : settings.settings.ranges) || [EMPTY_RANGE]);
110
- setIntervalValue((settings === null || settings === void 0 ? void 0 : settings.settings.interval) || undefined);
84
+ setGroupBy(settings == null ? void 0 : settings.settings.type);
85
+ setRanges((settings == null ? void 0 : settings.settings.ranges) || [EMPTY_RANGE]);
86
+ setIntervalValue((settings == null ? void 0 : settings.settings.interval) || undefined);
111
87
  return function () {
112
88
  clearState();
113
89
  };
@@ -182,14 +158,14 @@ var ColumnManagerGroupSettings = function ColumnManagerGroupSettings(_ref) {
182
158
  }))));
183
159
  }, [texts]);
184
160
  var addRow = React.useCallback(function () {
185
- setRanges([].concat(_toConsumableArray(ranges), [EMPTY_RANGE]));
161
+ setRanges([].concat(ranges, [EMPTY_RANGE]));
186
162
  }, [setRanges, ranges]);
187
163
  var renderForm = React.useCallback(function () {
188
164
  if (groupBy === GROUP_BY.ranges) {
189
165
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RangesForm, {
190
166
  setRanges: setRanges,
191
167
  ranges: ranges,
192
- type: (column === null || column === void 0 ? void 0 : column.type) || '',
168
+ type: (column == null ? void 0 : column.type) || '',
193
169
  texts: texts
194
170
  }), /*#__PURE__*/React.createElement(Button, {
195
171
  onClick: addRow,
@@ -218,7 +194,7 @@ var ColumnManagerGroupSettings = function ColumnManagerGroupSettings(_ref) {
218
194
  }, [hide, clearState]);
219
195
  var groupByRangesDisabled = React.useMemo(function () {
220
196
  var availableColumnTypes = ['text', 'number', 'date'];
221
- var type = (column === null || column === void 0 ? void 0 : column.type) || undefined;
197
+ var type = (column == null ? void 0 : column.type) || undefined;
222
198
  return !type || !availableColumnTypes.includes(type);
223
199
  }, [column]);
224
200
  var handleGroupTypeChange = React.useCallback(function (value) {
package/dist/ColumnManagerGroupSettings/RangesForm/RangeInput.js CHANGED
@@ -2,8 +2,6 @@ var _excluded = ["type", "onChange"];
2
2
 
3
3
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
4
 
5
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
6
-
7
5
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
8
6
 
9
7
  import * as React from 'react';
@@ -14,7 +12,7 @@ import * as S from './RangesForm.styles';
14
12
  var RangeInput = function RangeInput(_ref) {
15
13
  var type = _ref.type,
16
14
  _onChange = _ref.onChange,
17
- inputProps = _objectWithoutProperties(_ref, _excluded);
15
+ inputProps = _objectWithoutPropertiesLoose(_ref, _excluded);
18
16
 
19
17
  var inputMask = React.useMemo(function () {
20
18
  switch (type) {
package/dist/ColumnManagerGroupSettings/RangesForm/RangeRow.js CHANGED
@@ -1,21 +1,9 @@
1
- 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; }
1
+ 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; }
2
2
 
3
3
  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(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; }
4
4
 
5
5
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
6
 
7
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
8
-
9
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
10
-
11
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
12
-
13
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
14
-
15
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
16
-
17
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
18
-
19
7
  import * as React from 'react';
20
8
  import Icon, { CloseS } from '@synerise/ds-icon';
21
9
  import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
@@ -33,21 +21,19 @@ var RangeRow = function RangeRow(_ref) {
33
21
  texts = _ref.texts;
34
22
 
35
23
  var _React$useState = React.useState(range.from.value),
36
- _React$useState2 = _slicedToArray(_React$useState, 2),
37
- from = _React$useState2[0],
38
- setFrom = _React$useState2[1];
24
+ from = _React$useState[0],
25
+ setFrom = _React$useState[1];
39
26
 
40
- var _React$useState3 = React.useState(range.to.value),
41
- _React$useState4 = _slicedToArray(_React$useState3, 2),
42
- to = _React$useState4[0],
43
- setTo = _React$useState4[1];
27
+ var _React$useState2 = React.useState(range.to.value),
28
+ to = _React$useState2[0],
29
+ setTo = _React$useState2[1];
44
30
 
45
31
  var handleBlur = React.useCallback(function () {
46
32
  setRange({
47
- from: _objectSpread(_objectSpread({}, range.from), {}, {
33
+ from: _objectSpread({}, range.from, {
48
34
  value: from
49
35
  }),
50
- to: _objectSpread(_objectSpread({}, range.to), {}, {
36
+ to: _objectSpread({}, range.to, {
51
37
  value: to
52
38
  })
53
39
  }, index);
package/dist/ColumnManagerItem/ColumnManagerItem.js CHANGED
@@ -1,7 +1,5 @@
1
1
  var _excluded = ["item", "theme", "setFixed", "switchAction", "draggable", "searchQuery", "texts", "showGroupSettings"];
2
2
 
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
-
5
3
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
4
 
7
5
  import * as React from 'react';
@@ -35,14 +33,14 @@ var ColumnManagerItem = function ColumnManagerItem(_ref) {
35
33
  searchQuery = _ref.searchQuery,
36
34
  texts = _ref.texts,
37
35
  showGroupSettings = _ref.showGroupSettings,
38
- rest = _objectWithoutProperties(_ref, _excluded);
36
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
39
37
 
40
38
  var columnName = React.useMemo(function () {
41
39
  if (searchQuery) {
42
40
  var escapedQuery = escapeRegEx(searchQuery);
43
41
  var startOfQuery = item.name.toLowerCase().search(escapedQuery.toLowerCase());
44
42
  var result = item.name.substr(startOfQuery, searchQuery.length);
45
- return item.name.replace(result, "<span class=\"search-highlight\">".concat(result, "</span>"));
43
+ return item.name.replace(result, "<span class=\"search-highlight\">" + result + "</span>");
46
44
  }
47
45
 
48
46
  return item.name;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-column-manager",
3
- "version": "0.9.0",
3
+ "version": "0.9.4",
4
4
  "description": "ColumnManager UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -29,17 +29,17 @@
29
29
  "sideEffects": false,
30
30
  "types": "dist/index.d.ts",
31
31
  "dependencies": {
32
- "@synerise/ds-button": "^0.16.0",
33
- "@synerise/ds-drawer": "^0.5.0",
34
- "@synerise/ds-dropdown": "^0.17.0",
35
- "@synerise/ds-icon": "^0.46.0",
36
- "@synerise/ds-input": "^0.18.0",
37
- "@synerise/ds-item-filter": "^0.7.0",
38
- "@synerise/ds-result": "^0.6.0",
39
- "@synerise/ds-scrollbar": "^0.4.0",
40
- "@synerise/ds-search-bar": "^0.5.0",
41
- "@synerise/ds-tooltip": "^0.11.0",
42
- "@synerise/ds-typography": "^0.12.0",
32
+ "@synerise/ds-button": "^0.16.2",
33
+ "@synerise/ds-drawer": "^0.5.4",
34
+ "@synerise/ds-dropdown": "^0.17.4",
35
+ "@synerise/ds-icon": "^0.46.2",
36
+ "@synerise/ds-input": "^0.18.2",
37
+ "@synerise/ds-item-filter": "^0.7.4",
38
+ "@synerise/ds-result": "^0.6.2",
39
+ "@synerise/ds-scrollbar": "^0.4.2",
40
+ "@synerise/ds-search-bar": "^0.5.2",
41
+ "@synerise/ds-tooltip": "^0.11.2",
42
+ "@synerise/ds-typography": "^0.12.2",
43
43
  "@synerise/ds-utils": "^0.19.0",
44
44
  "react-final-form": "^6.3.5",
45
45
  "react-sortablejs": "^6.0.0",
@@ -52,5 +52,5 @@
52
52
  "devDependencies": {
53
53
  "moment": "^2.24.0"
54
54
  },
55
- "gitHead": "a797e1d5e1233f121f8f7dfbeaf97b48a8195d25"
55
+ "gitHead": "3e5f807c3c9ce7bbcb707b1e229ad5d7ef50d830"
56
56
  }