@synerise/ds-column-manager 0.13.11 → 0.14.1

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 (11) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/ColumnManager.js +35 -38
  3. package/dist/ColumnManagerActions/ColumnManagerActions.js +11 -15
  4. package/dist/ColumnManagerGroupSettings/ColumnManagerGroupSettings.js +2 -6
  5. package/dist/ColumnManagerGroupSettings/ColumnManagerGroupSettings.types.d.ts +2 -2
  6. package/dist/ColumnManagerGroupSettings/RangesForm/RangeInput.d.ts +3 -3
  7. package/dist/ColumnManagerGroupSettings/RangesForm/RangeInput.js +5 -16
  8. package/dist/ColumnManagerGroupSettings/RangesForm/RangeRow.d.ts +3 -3
  9. package/dist/ColumnManagerGroupSettings/RangesForm/RangeRow.js +12 -16
  10. package/dist/modules.d.js +1 -1
  11. package/package.json +23 -23
package/CHANGELOG.md CHANGED
@@ -3,6 +3,25 @@
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.14.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-column-manager@0.14.0...@synerise/ds-column-manager@0.14.1) (2025-02-04)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-column-manager
9
+
10
+
11
+
12
+
13
+
14
+ # [0.14.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-column-manager@0.13.11...@synerise/ds-column-manager@0.14.0) (2025-01-29)
15
+
16
+
17
+ ### Features
18
+
19
+ * antd@4.24 react@18 ([d97a667](https://github.com/Synerise/synerise-design/commit/d97a667b1f33aed3177e1851de3b6f60be2d46a6))
20
+
21
+
22
+
23
+
24
+
6
25
  ## [0.13.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-column-manager@0.13.10...@synerise/ds-column-manager@0.13.11) (2025-01-21)
7
26
 
8
27
  **Note:** Version bump only for package @synerise/ds-column-manager
package/dist/ColumnManager.js CHANGED
@@ -1,13 +1,10 @@
1
1
  function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
2
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
2
  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, _toPropertyKey(descriptor.key), descriptor); } }
5
3
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
6
- function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
7
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
8
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
9
4
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
10
5
  function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
6
+ function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
7
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
11
8
  import React from 'react';
12
9
  import { injectIntl } from 'react-intl';
13
10
  import Typography from 'antd/lib/typography';
@@ -37,25 +34,25 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
37
34
  var _this;
38
35
  _this = _React$Component.call(this, props) || this;
39
36
  // eslint-disable-next-line react/state-in-constructor
40
- _defineProperty(_this, "updateVisibleColumns", function (newVisibleList) {
37
+ _this.updateVisibleColumns = function (newVisibleList) {
41
38
  _this.setState({
42
39
  visibleList: newVisibleList.map(function (column) {
43
- return _objectSpread({}, column, {
40
+ return _extends({}, column, {
44
41
  visible: true
45
42
  });
46
43
  })
47
44
  });
48
- });
49
- _defineProperty(_this, "updateHiddenColumns", function (newHiddenList) {
45
+ };
46
+ _this.updateHiddenColumns = function (newHiddenList) {
50
47
  _this.setState({
51
48
  hiddenList: newHiddenList.map(function (column) {
52
- return _objectSpread({}, column, {
49
+ return _extends({}, column, {
53
50
  visible: false
54
51
  });
55
52
  })
56
53
  });
57
- });
58
- _defineProperty(_this, "hideColumn", function (id) {
54
+ };
55
+ _this.hideColumn = function (id) {
59
56
  var _this$state = _this.state,
60
57
  visibleList = _this$state.visibleList,
61
58
  hiddenList = _this$state.hiddenList;
@@ -66,12 +63,12 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
66
63
  visibleList: visibleList.filter(function (visibleColumn) {
67
64
  return visibleColumn.id !== column.id;
68
65
  }),
69
- hiddenList: [].concat(hiddenList, [_objectSpread({}, column, {
66
+ hiddenList: [].concat(hiddenList, [_extends({}, column, {
70
67
  visible: false
71
68
  })])
72
69
  });
73
- });
74
- _defineProperty(_this, "showColumn", function (id) {
70
+ };
71
+ _this.showColumn = function (id) {
75
72
  var _this$state2 = _this.state,
76
73
  visibleList = _this$state2.visibleList,
77
74
  hiddenList = _this$state2.hiddenList;
@@ -82,56 +79,56 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
82
79
  hiddenList: hiddenList.filter(function (hiddenColumn) {
83
80
  return hiddenColumn.id !== column.id;
84
81
  }),
85
- visibleList: [].concat(visibleList, [_objectSpread({}, column, {
82
+ visibleList: [].concat(visibleList, [_extends({}, column, {
86
83
  visible: true
87
84
  })])
88
85
  });
89
- });
90
- _defineProperty(_this, "toggleColumn", function (id, columnVisible) {
86
+ };
87
+ _this.toggleColumn = function (id, columnVisible) {
91
88
  if (columnVisible) {
92
89
  _this.hideColumn(id);
93
90
  } else {
94
91
  _this.showColumn(id);
95
92
  }
96
- });
97
- _defineProperty(_this, "setFixed", function (id, fixed) {
93
+ };
94
+ _this.setFixed = function (id, fixed) {
98
95
  var visibleList = _this.state.visibleList;
99
96
  _this.setState({
100
97
  visibleList: visibleList.map(function (visibleColumn) {
101
98
  if (visibleColumn.id === id) {
102
- return visibleColumn.fixed === fixed ? _objectSpread({}, visibleColumn, {
99
+ return visibleColumn.fixed === fixed ? _extends({}, visibleColumn, {
103
100
  fixed: undefined
104
- }) : _objectSpread({}, visibleColumn, {
101
+ }) : _extends({}, visibleColumn, {
105
102
  fixed: fixed
106
103
  });
107
104
  }
108
105
  return visibleColumn;
109
106
  })
110
107
  });
111
- });
112
- _defineProperty(_this, "showGroupSettings", function (column) {
108
+ };
109
+ _this.showGroupSettings = function (column) {
113
110
  _this.setState({
114
111
  activeColumn: column
115
112
  });
116
- });
117
- _defineProperty(_this, "hideItemFilter", function () {
113
+ };
114
+ _this.hideItemFilter = function () {
118
115
  var hideSavedViews = _this.props.hideSavedViews;
119
116
  hideSavedViews && hideSavedViews();
120
117
  _this.setState({
121
118
  itemFilterVisible: false
122
119
  });
123
- });
124
- _defineProperty(_this, "handleShowItemFilter", function () {
120
+ };
121
+ _this.handleShowItemFilter = function () {
125
122
  _this.setState({
126
123
  itemFilterVisible: true
127
124
  });
128
- });
129
- _defineProperty(_this, "handleSearchChange", function (query) {
125
+ };
126
+ _this.handleSearchChange = function (query) {
130
127
  _this.setState({
131
128
  searchQuery: query
132
129
  });
133
- });
134
- _defineProperty(_this, "handleSave", function (viewMeta) {
130
+ };
131
+ _this.handleSave = function (viewMeta) {
135
132
  var onSave = _this.props.onSave;
136
133
  var _this$state3 = _this.state,
137
134
  visibleList = _this$state3.visibleList,
@@ -142,16 +139,16 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
142
139
  groupSettings: groupSettings,
143
140
  columns: [].concat(visibleList, hiddenList)
144
141
  });
145
- });
146
- _defineProperty(_this, "handleApply", function () {
142
+ };
143
+ _this.handleApply = function () {
147
144
  var onApply = _this.props.onApply;
148
145
  var _this$state4 = _this.state,
149
146
  visibleList = _this$state4.visibleList,
150
147
  hiddenList = _this$state4.hiddenList,
151
148
  groupSettings = _this$state4.groupSettings;
152
149
  onApply([].concat(visibleList, hiddenList), groupSettings);
153
- });
154
- _this.state = _objectSpread({}, DEFAULT_STATE, {
150
+ };
151
+ _this.state = _extends({}, DEFAULT_STATE, {
155
152
  groupSettings: props.groupSettings || undefined,
156
153
  visibleList: props.columns.filter(function (column) {
157
154
  return column.visible;
@@ -203,7 +200,7 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
203
200
  var visibleListWithGroup = visibleList.map(function (column) {
204
201
  var _groupSettings$column;
205
202
  if (column.id === (groupSettings == null || (_groupSettings$column = groupSettings.column) == null ? void 0 : _groupSettings$column.id)) {
206
- return _objectSpread({}, column, {
203
+ return _extends({}, column, {
207
204
  group: true
208
205
  });
209
206
  }
@@ -301,7 +298,7 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
301
298
  var _this$props2 = this.props,
302
299
  texts = _this$props2.texts,
303
300
  intl = _this$props2.intl;
304
- return _objectSpread({
301
+ return _extends({
305
302
  title: intl.formatMessage({
306
303
  id: 'DS.COLUMN-MANAGER.TITLE'
307
304
  }),
package/dist/ColumnManagerActions/ColumnManagerActions.js CHANGED
@@ -1,10 +1,6 @@
1
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
3
2
  function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
4
3
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
5
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
7
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
8
4
  import React from 'react';
9
5
  import Button from '@synerise/ds-button';
10
6
  import Modal from '@synerise/ds-modal';
@@ -28,16 +24,16 @@ var ColumnManagerActions = /*#__PURE__*/function (_React$Component) {
28
24
  args[_key] = arguments[_key];
29
25
  }
30
26
  _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
31
- _defineProperty(_this, "state", DEFAULT_STATE);
32
- _defineProperty(_this, "handleCancel", function () {
27
+ _this.state = DEFAULT_STATE;
28
+ _this.handleCancel = function () {
33
29
  _this.setState(DEFAULT_STATE);
34
- });
35
- _defineProperty(_this, "handleShowModal", function () {
30
+ };
31
+ _this.handleShowModal = function () {
36
32
  _this.setState({
37
33
  modalVisible: true
38
34
  });
39
- });
40
- _defineProperty(_this, "handleChange", function (event) {
35
+ };
36
+ _this.handleChange = function (event) {
41
37
  var _this$setState;
42
38
  var _event$currentTarget = event.currentTarget,
43
39
  name = _event$currentTarget.name,
@@ -46,8 +42,8 @@ var ColumnManagerActions = /*#__PURE__*/function (_React$Component) {
46
42
  value: value,
47
43
  error: ''
48
44
  }, _this$setState));
49
- });
50
- _defineProperty(_this, "handleSubmit", function () {
45
+ };
46
+ _this.handleSubmit = function () {
51
47
  var _this$state = _this.state,
52
48
  name = _this$state.name,
53
49
  description = _this$state.description;
@@ -62,12 +58,12 @@ var ColumnManagerActions = /*#__PURE__*/function (_React$Component) {
62
58
  });
63
59
  } else {
64
60
  _this.setState({
65
- name: _objectSpread({}, name, {
61
+ name: _extends({}, name, {
66
62
  error: texts.mustNotBeEmpty
67
63
  })
68
64
  });
69
65
  }
70
- });
66
+ };
71
67
  return _this;
72
68
  }
73
69
  _inheritsLoose(ColumnManagerActions, _React$Component);
package/dist/ColumnManagerGroupSettings/ColumnManagerGroupSettings.js CHANGED
@@ -1,8 +1,4 @@
1
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
3
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
4
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
5
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
6
2
  import Modal from '@synerise/ds-modal';
7
3
  import React from 'react';
8
4
  import Select from '@synerise/ds-select';
@@ -26,7 +22,7 @@ var EMPTY_RANGE = {
26
22
  }
27
23
  };
28
24
  var validateRange = function validateRange(range, index, ranges, texts) {
29
- var validRange = _objectSpread({}, range);
25
+ var validRange = _extends({}, range);
30
26
  if ((range.from.value === undefined || range.from.value === '') && (range.to.value === undefined || range.to.value === '')) {
31
27
  validRange.from.error = texts.errorEmptyRange;
32
28
  validRange.to.error = texts.errorEmptyRange;
package/dist/ColumnManagerGroupSettings/ColumnManagerGroupSettings.types.d.ts CHANGED
@@ -17,11 +17,11 @@ export interface GroupSettingsProps {
17
17
  }
18
18
  export interface Range {
19
19
  from: {
20
- value: React.ReactText | undefined;
20
+ value: string | number | null | undefined;
21
21
  error: React.ReactNode | undefined;
22
22
  };
23
23
  to: {
24
- value: React.ReactText | undefined;
24
+ value: string | number | null | undefined;
25
25
  error: React.ReactNode | undefined;
26
26
  };
27
27
  }
package/dist/ColumnManagerGroupSettings/RangesForm/RangeInput.d.ts CHANGED
@@ -1,9 +1,9 @@
1
- import React, { ReactText } from 'react';
1
+ import React from 'react';
2
2
  import { InputProps } from '@synerise/ds-input';
3
3
  import { Props as NumberInputProps } from '@synerise/ds-input-number/dist/InputNumber.types';
4
4
  type RangeInputProps = Omit<InputProps, 'value' | 'onChange'> & Omit<NumberInputProps, 'value' | 'onChange'> & {
5
- value: ReactText | undefined;
6
- onChange: (value: ReactText | undefined) => void;
5
+ value: string | number | null | undefined;
6
+ onChange: (value: string | number | null | undefined) => void;
7
7
  };
8
8
  declare const RangeInput: ({ type, value, onChange, handleInputRef, ...inputProps }: RangeInputProps) => React.JSX.Element;
9
9
  export default RangeInput;
package/dist/ColumnManagerGroupSettings/RangesForm/RangeInput.js CHANGED
@@ -1,12 +1,12 @@
1
1
  var _excluded = ["type", "value", "onChange", "handleInputRef"];
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
3
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; }
4
- import React, { useMemo } from 'react';
5
- import { MaskedInput } from '@synerise/ds-input';
4
+ import React from 'react';
5
+ import { Input } from '@synerise/ds-input';
6
6
  import InputNumber from '@synerise/ds-input-number';
7
7
  import * as S from './RangesForm.styles';
8
8
  var isInputOfNumberType = function isInputOfNumberType(type, value) {
9
- return type === 'number' && (typeof value === 'number' || typeof value === 'undefined');
9
+ return type === 'number' && (typeof value === 'number' || typeof value === 'undefined' || value === null);
10
10
  };
11
11
  var RangeInput = function RangeInput(_ref) {
12
12
  var type = _ref.type,
@@ -14,24 +14,13 @@ var RangeInput = function RangeInput(_ref) {
14
14
  _onChange = _ref.onChange,
15
15
  handleInputRef = _ref.handleInputRef,
16
16
  inputProps = _objectWithoutPropertiesLoose(_ref, _excluded);
17
- var inputMask = useMemo(function () {
18
- switch (type) {
19
- case 'text':
20
- return 'A';
21
- case 'date':
22
- return '11/11/1111';
23
- default:
24
- return '1';
25
- }
26
- }, [type]);
27
17
  return isInputOfNumberType(type, value) ? /*#__PURE__*/React.createElement(S.InputNumberWrapper, null, /*#__PURE__*/React.createElement(InputNumber, _extends({}, inputProps, {
28
18
  value: value,
29
19
  onChange: _onChange
30
- }))) : /*#__PURE__*/React.createElement(MaskedInput, _extends({}, inputProps, {
20
+ }))) : /*#__PURE__*/React.createElement(Input, _extends({}, inputProps, {
21
+ defaultValue: "",
31
22
  handleInputRef: handleInputRef,
32
23
  value: value,
33
- mask: inputMask,
34
- placeholderChar: "_",
35
24
  resetMargin: true,
36
25
  onChange: function onChange(event) {
37
26
  return _onChange(event.target.value);
package/dist/ColumnManagerGroupSettings/RangesForm/RangeRow.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React, { ReactNode } from 'react';
2
2
  import { ColumnType } from '../../ColumnManagerItem/ColumManagerItem.types';
3
3
  import { GroupSettingsTexts, Range } from '../ColumnManagerGroupSettings.types';
4
4
  interface RangeRowProps {
@@ -9,8 +9,8 @@ interface RangeRowProps {
9
9
  type: ColumnType;
10
10
  remove: (index: number) => void;
11
11
  texts: {
12
- [k in GroupSettingsTexts]: string | React.ReactNode;
12
+ [k in GroupSettingsTexts]: string | ReactNode;
13
13
  };
14
14
  }
15
- declare const RangeRow: React.FC<RangeRowProps>;
15
+ declare const RangeRow: ({ range, setRange, index, first, type, remove, texts }: RangeRowProps) => React.JSX.Element;
16
16
  export default RangeRow;
package/dist/ColumnManagerGroupSettings/RangesForm/RangeRow.js CHANGED
@@ -1,9 +1,5 @@
1
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
3
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
4
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
5
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
6
- import React from 'react';
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
2
+ import React, { useCallback, useState } from 'react';
7
3
  import Icon, { CloseS } from '@synerise/ds-icon';
8
4
  import { theme } from '@synerise/ds-core';
9
5
  import Tooltip from '@synerise/ds-tooltip';
@@ -17,23 +13,23 @@ var RangeRow = function RangeRow(_ref) {
17
13
  type = _ref.type,
18
14
  remove = _ref.remove,
19
15
  texts = _ref.texts;
20
- var _React$useState = React.useState(range.from.value),
21
- from = _React$useState[0],
22
- setFrom = _React$useState[1];
23
- var _React$useState2 = React.useState(range.to.value),
24
- to = _React$useState2[0],
25
- setTo = _React$useState2[1];
26
- var handleBlur = React.useCallback(function () {
16
+ var _useState = useState(range.from.value),
17
+ from = _useState[0],
18
+ setFrom = _useState[1];
19
+ var _useState2 = useState(range.to.value),
20
+ to = _useState2[0],
21
+ setTo = _useState2[1];
22
+ var handleBlur = useCallback(function () {
27
23
  setRange({
28
- from: _objectSpread({}, range.from, {
24
+ from: _extends({}, range.from, {
29
25
  value: from
30
26
  }),
31
- to: _objectSpread({}, range.to, {
27
+ to: _extends({}, range.to, {
32
28
  value: to
33
29
  })
34
30
  }, index);
35
31
  }, [from, to, setRange, index, range]);
36
- var handleRemove = React.useCallback(function () {
32
+ var handleRemove = useCallback(function () {
37
33
  remove(index);
38
34
  }, [remove, index]);
39
35
  return /*#__PURE__*/React.createElement(S.RangeRow, {
package/dist/modules.d.js CHANGED
@@ -1 +1 @@
1
- import '@testing-library/jest-dom/extend-expect';
1
+ import '@testing-library/jest-dom';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-column-manager",
3
- "version": "0.13.11",
3
+ "version": "0.14.1",
4
4
  "description": "ColumnManager UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -31,33 +31,33 @@
31
31
  "sideEffects": false,
32
32
  "types": "dist/index.d.ts",
33
33
  "dependencies": {
34
- "@synerise/ds-alert": "^0.8.46",
35
- "@synerise/ds-button": "^0.22.3",
36
- "@synerise/ds-drawer": "^0.6.31",
37
- "@synerise/ds-dropdown": "^0.18.31",
38
- "@synerise/ds-icon": "^0.70.0",
39
- "@synerise/ds-input": "^0.24.21",
40
- "@synerise/ds-input-number": "^0.10.22",
41
- "@synerise/ds-item-filter": "^0.9.10",
42
- "@synerise/ds-menu": "^0.20.12",
43
- "@synerise/ds-modal": "^0.17.57",
44
- "@synerise/ds-result": "^0.7.20",
45
- "@synerise/ds-scrollbar": "^0.11.24",
46
- "@synerise/ds-search-bar": "^0.7.9",
47
- "@synerise/ds-select": "^0.16.33",
48
- "@synerise/ds-switch": "^0.6.31",
49
- "@synerise/ds-tooltip": "^0.14.55",
50
- "@synerise/ds-typography": "^0.16.12",
51
- "@synerise/ds-utils": "^0.31.2",
34
+ "@synerise/ds-alert": "^0.9.0",
35
+ "@synerise/ds-button": "^0.23.0",
36
+ "@synerise/ds-drawer": "^0.7.0",
37
+ "@synerise/ds-dropdown": "^0.19.0",
38
+ "@synerise/ds-icon": "^0.71.0",
39
+ "@synerise/ds-input": "^0.25.0",
40
+ "@synerise/ds-input-number": "^0.11.0",
41
+ "@synerise/ds-item-filter": "^0.10.1",
42
+ "@synerise/ds-menu": "^0.21.1",
43
+ "@synerise/ds-modal": "^0.18.0",
44
+ "@synerise/ds-result": "^0.8.0",
45
+ "@synerise/ds-scrollbar": "^0.12.0",
46
+ "@synerise/ds-search-bar": "^0.8.0",
47
+ "@synerise/ds-select": "^0.17.0",
48
+ "@synerise/ds-switch": "^0.7.0",
49
+ "@synerise/ds-tooltip": "^0.15.0",
50
+ "@synerise/ds-typography": "^0.17.0",
51
+ "@synerise/ds-utils": "^0.32.0",
52
52
  "react-sortablejs": "^6.0.0",
53
53
  "uuid": "^8.3.2"
54
54
  },
55
55
  "peerDependencies": {
56
56
  "@synerise/ds-core": "*",
57
- "antd": "4.7.0",
58
- "react": ">=16.9.0 <= 17.0.2",
57
+ "antd": "4.24.16",
58
+ "react": ">=16.9.0 <= 18.3.1",
59
59
  "react-intl": ">=3.12.0 <= 6.8",
60
- "styled-components": "5.0.1"
60
+ "styled-components": "^5.3.3"
61
61
  },
62
- "gitHead": "56e23cda61b7ddfe7da4669307183b105a500e1a"
62
+ "gitHead": "ee4cd9dac1999df64735debb96ff9ad7562a4829"
63
63
  }