@synerise/ds-column-manager 0.8.94 → 0.9.3

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.
@@ -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
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) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { 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; } 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 { Date.prototype.toString.call(Reflect.construct(Date, [], 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;
@@ -103,67 +84,66 @@ var ColumnManagerActions = /*#__PURE__*/function (_React$Component) {
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 React.createElement(React.Fragment, null, React.createElement(S.ColumnManagerActions, null, React.createElement(Button, {
123
- type: "secondary",
124
- mode: "simple",
125
- onClick: this.handleShowModal
126
- }, texts.saveView), React.createElement(S.RightButtons, null, 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
131
- }, texts.cancel), React.createElement(Button, {
132
- "data-testid": "ds-column-manager-apply",
125
+ onClick: this.handleCancel
126
+ }, texts.cancel), /*#__PURE__*/React.createElement(Button, {
127
+ "data-testid": "ds-modal-apply",
133
128
  type: "primary",
134
- mode: "simple",
135
- onClick: onApply
136
- }, texts.apply))), React.createElement(Modal, {
137
- visible: modalVisible,
138
- closable: true,
139
- onCancel: this.handleCancel,
140
- title: texts.saveView,
141
- footer: React.createElement(S.ModalFooter, null, React.createElement("div", null, React.createElement(Button, {
142
- "data-testid": "ds-modal-cancel",
143
- type: "ghost",
144
- onClick: this.handleCancel
145
- }, texts.cancel), React.createElement(Button, {
146
- "data-testid": "ds-modal-apply",
147
- type: "primary",
148
- onClick: this.handleSubmit
149
- }, texts.apply)))
150
- }, React.createElement(S.Form, null, 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
- }), 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);
@@ -1,23 +1,3 @@
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" && Symbol.iterator in Object(iter)) 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(n); 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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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
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; }
@@ -27,8 +7,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
27
7
  import Modal from '@synerise/ds-modal/dist/Modal';
28
8
  import * as React from 'react';
29
9
  import Select from '@synerise/ds-select';
30
- import { InfoFillS, Add3M } from '@synerise/ds-icon/dist/icons';
31
- import Icon from '@synerise/ds-icon';
10
+ import Icon, { InfoFillS, Add3M } from '@synerise/ds-icon';
32
11
  import Tooltip from '@synerise/ds-tooltip';
33
12
  import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
34
13
  import Button from '@synerise/ds-button';
@@ -80,24 +59,20 @@ var ColumnManagerGroupSettings = function ColumnManagerGroupSettings(_ref) {
80
59
  texts = _ref.texts;
81
60
 
82
61
  var _React$useState = React.useState(undefined),
83
- _React$useState2 = _slicedToArray(_React$useState, 2),
84
- groupBy = _React$useState2[0],
85
- setGroupBy = _React$useState2[1];
62
+ groupBy = _React$useState[0],
63
+ setGroupBy = _React$useState[1];
86
64
 
87
- var _React$useState3 = React.useState([EMPTY_RANGE]),
88
- _React$useState4 = _slicedToArray(_React$useState3, 2),
89
- ranges = _React$useState4[0],
90
- setRanges = _React$useState4[1];
65
+ var _React$useState2 = React.useState([EMPTY_RANGE]),
66
+ ranges = _React$useState2[0],
67
+ setRanges = _React$useState2[1];
91
68
 
92
- var _React$useState5 = React.useState(undefined),
93
- _React$useState6 = _slicedToArray(_React$useState5, 2),
94
- interval = _React$useState6[0],
95
- setIntervalValue = _React$useState6[1];
69
+ var _React$useState3 = React.useState(undefined),
70
+ interval = _React$useState3[0],
71
+ setIntervalValue = _React$useState3[1];
96
72
 
97
- var _React$useState7 = React.useState(undefined),
98
- _React$useState8 = _slicedToArray(_React$useState7, 2),
99
- error = _React$useState8[0],
100
- setError = _React$useState8[1];
73
+ var _React$useState4 = React.useState(undefined),
74
+ error = _React$useState4[0],
75
+ setError = _React$useState4[1];
101
76
 
102
77
  var clearState = React.useCallback(function () {
103
78
  setRanges([EMPTY_RANGE]);
@@ -106,9 +81,9 @@ var ColumnManagerGroupSettings = function ColumnManagerGroupSettings(_ref) {
106
81
  setIntervalValue(undefined);
107
82
  }, []);
108
83
  React.useEffect(function () {
109
- setGroupBy(settings === null || settings === void 0 ? void 0 : settings.settings.type);
110
- setRanges((settings === null || settings === void 0 ? void 0 : settings.settings.ranges) || [EMPTY_RANGE]);
111
- 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);
112
87
  return function () {
113
88
  clearState();
114
89
  };
@@ -174,35 +149,35 @@ var ColumnManagerGroupSettings = function ColumnManagerGroupSettings(_ref) {
174
149
  }
175
150
  }, [onOk, column, groupBy, ranges, interval, clearState, validate]);
176
151
  var selectLabel = React.useMemo(function () {
177
- return React.createElement(S.Title, null, texts.groupingType, React.createElement(Tooltip, {
152
+ return /*#__PURE__*/React.createElement(S.Title, null, texts.groupingType, /*#__PURE__*/React.createElement(Tooltip, {
178
153
  title: texts.groupingTypeTooltip,
179
154
  trigger: ['hover']
180
- }, React.createElement(S.IconWrapper, null, React.createElement(Icon, {
181
- component: React.createElement(InfoFillS, null),
155
+ }, /*#__PURE__*/React.createElement(S.IconWrapper, null, /*#__PURE__*/React.createElement(Icon, {
156
+ component: /*#__PURE__*/React.createElement(InfoFillS, null),
182
157
  color: theme.palette['grey-600']
183
158
  }))));
184
159
  }, [texts]);
185
160
  var addRow = React.useCallback(function () {
186
- setRanges([].concat(_toConsumableArray(ranges), [EMPTY_RANGE]));
161
+ setRanges([].concat(ranges, [EMPTY_RANGE]));
187
162
  }, [setRanges, ranges]);
188
163
  var renderForm = React.useCallback(function () {
189
164
  if (groupBy === GROUP_BY.ranges) {
190
- return React.createElement(React.Fragment, null, React.createElement(RangesForm, {
165
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RangesForm, {
191
166
  setRanges: setRanges,
192
167
  ranges: ranges,
193
- type: (column === null || column === void 0 ? void 0 : column.type) || '',
168
+ type: (column == null ? void 0 : column.type) || '',
194
169
  texts: texts
195
- }), React.createElement(Button, {
170
+ }), /*#__PURE__*/React.createElement(Button, {
196
171
  onClick: addRow,
197
172
  type: "ghost-primary",
198
173
  mode: "icon-label"
199
- }, React.createElement(Icon, {
200
- component: React.createElement(Add3M, null)
174
+ }, /*#__PURE__*/React.createElement(Icon, {
175
+ component: /*#__PURE__*/React.createElement(Add3M, null)
201
176
  }), texts.addRange));
202
177
  }
203
178
 
204
179
  if (groupBy === GROUP_BY.interval) {
205
- return React.createElement(S.IntervalInput, null, React.createElement(InputNumber, {
180
+ return /*#__PURE__*/React.createElement(S.IntervalInput, null, /*#__PURE__*/React.createElement(InputNumber, {
206
181
  "data-testid": "group-by-interval",
207
182
  min: 1,
208
183
  label: texts.intervalPlaceholder,
@@ -219,20 +194,20 @@ var ColumnManagerGroupSettings = function ColumnManagerGroupSettings(_ref) {
219
194
  }, [hide, clearState]);
220
195
  var groupByRangesDisabled = React.useMemo(function () {
221
196
  var availableColumnTypes = ['text', 'number', 'date'];
222
- var type = (column === null || column === void 0 ? void 0 : column.type) || undefined;
197
+ var type = (column == null ? void 0 : column.type) || undefined;
223
198
  return !type || !availableColumnTypes.includes(type);
224
199
  }, [column]);
225
200
  var handleGroupTypeChange = React.useCallback(function (value) {
226
201
  setGroupBy(value);
227
202
  setError(undefined);
228
203
  }, [setGroupBy, setError]);
229
- return React.createElement(Modal, {
204
+ return /*#__PURE__*/React.createElement(Modal, {
230
205
  onCancel: handleHide,
231
206
  visible: visible,
232
207
  onOk: handleOk,
233
208
  size: "small",
234
209
  title: texts.groupTitle
235
- }, React.createElement(S.ModalContent, null, React.createElement(Select, {
210
+ }, /*#__PURE__*/React.createElement(S.ModalContent, null, /*#__PURE__*/React.createElement(Select, {
236
211
  label: selectLabel,
237
212
  value: groupBy,
238
213
  onChange: handleGroupTypeChange,
@@ -240,16 +215,16 @@ var ColumnManagerGroupSettings = function ColumnManagerGroupSettings(_ref) {
240
215
  style: {
241
216
  width: '100%'
242
217
  }
243
- }, React.createElement(Select.Option, {
218
+ }, /*#__PURE__*/React.createElement(Select.Option, {
244
219
  value: GROUP_BY.value
245
- }, texts.groupByValue), React.createElement(Select.Option, {
220
+ }, texts.groupByValue), /*#__PURE__*/React.createElement(Select.Option, {
246
221
  value: GROUP_BY.ranges,
247
222
  disabled: groupByRangesDisabled
248
- }, texts.groupByRanges), React.createElement(Select.Option, {
223
+ }, texts.groupByRanges), /*#__PURE__*/React.createElement(Select.Option, {
249
224
  value: GROUP_BY.interval
250
- }, texts.groupByIntervals), React.createElement(Select.Option, {
225
+ }, texts.groupByIntervals), /*#__PURE__*/React.createElement(Select.Option, {
251
226
  value: GROUP_BY.disabled
252
- }, texts.groupDisabled)), error && React.createElement(Alert, {
227
+ }, texts.groupDisabled)), error && /*#__PURE__*/React.createElement(Alert, {
253
228
  type: "error",
254
229
  description: error,
255
230
  message: "",
@@ -1,6 +1,6 @@
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); }
1
+ var _excluded = ["type", "onChange"];
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; }
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
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; }
6
6
 
@@ -12,7 +12,7 @@ import * as S from './RangesForm.styles';
12
12
  var RangeInput = function RangeInput(_ref) {
13
13
  var type = _ref.type,
14
14
  _onChange = _ref.onChange,
15
- inputProps = _objectWithoutProperties(_ref, ["type", "onChange"]);
15
+ inputProps = _objectWithoutPropertiesLoose(_ref, _excluded);
16
16
 
17
17
  var inputMask = React.useMemo(function () {
18
18
  switch (type) {
@@ -26,11 +26,11 @@ var RangeInput = function RangeInput(_ref) {
26
26
  return '1';
27
27
  }
28
28
  }, [type]);
29
- return type === 'number' ? React.createElement(S.InputNumberWrapper, null, React.createElement(InputNumber, _extends({}, inputProps, {
29
+ return type === 'number' ? /*#__PURE__*/React.createElement(S.InputNumberWrapper, null, /*#__PURE__*/React.createElement(InputNumber, _extends({}, inputProps, {
30
30
  onChange: function onChange(value) {
31
31
  return _onChange(value);
32
32
  }
33
- }))) : React.createElement(MaskedInput, _extends({}, inputProps, {
33
+ }))) : /*#__PURE__*/React.createElement(MaskedInput, _extends({}, inputProps, {
34
34
  mask: inputMask,
35
35
  placeholderChar: "_",
36
36
  resetMargin: true,
@@ -4,22 +4,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
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(n); 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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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
- import { CloseS } from '@synerise/ds-icon/dist/icons';
8
+ import Icon, { CloseS } from '@synerise/ds-icon';
21
9
  import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
22
- import Icon from '@synerise/ds-icon';
23
10
  import Tooltip from '@synerise/ds-tooltip';
24
11
  import * as S from './RangesForm.styles';
25
12
  import RangeInput from './RangeInput';
@@ -34,14 +21,12 @@ var RangeRow = function RangeRow(_ref) {
34
21
  texts = _ref.texts;
35
22
 
36
23
  var _React$useState = React.useState(range.from.value),
37
- _React$useState2 = _slicedToArray(_React$useState, 2),
38
- from = _React$useState2[0],
39
- setFrom = _React$useState2[1];
24
+ from = _React$useState[0],
25
+ setFrom = _React$useState[1];
40
26
 
41
- var _React$useState3 = React.useState(range.to.value),
42
- _React$useState4 = _slicedToArray(_React$useState3, 2),
43
- to = _React$useState4[0],
44
- setTo = _React$useState4[1];
27
+ var _React$useState2 = React.useState(range.to.value),
28
+ to = _React$useState2[0],
29
+ setTo = _React$useState2[1];
45
30
 
46
31
  var handleBlur = React.useCallback(function () {
47
32
  setRange({
@@ -56,10 +41,10 @@ var RangeRow = function RangeRow(_ref) {
56
41
  var handleRemove = React.useCallback(function () {
57
42
  remove(index);
58
43
  }, [remove, index]);
59
- return React.createElement(S.RangeRow, {
44
+ return /*#__PURE__*/React.createElement(S.RangeRow, {
60
45
  first: first,
61
46
  "data-testid": "group-range-row"
62
- }, React.createElement(S.RangeRowInputs, null, React.createElement(RangeInput, {
47
+ }, /*#__PURE__*/React.createElement(S.RangeRowInputs, null, /*#__PURE__*/React.createElement(RangeInput, {
63
48
  type: type,
64
49
  label: first ? texts.from : null,
65
50
  value: from,
@@ -68,7 +53,7 @@ var RangeRow = function RangeRow(_ref) {
68
53
  return setFrom(value);
69
54
  },
70
55
  onBlur: handleBlur
71
- }), React.createElement(RangeInput, {
56
+ }), /*#__PURE__*/React.createElement(RangeInput, {
72
57
  type: type,
73
58
  label: first ? texts.to : null,
74
59
  value: to,
@@ -77,11 +62,11 @@ var RangeRow = function RangeRow(_ref) {
77
62
  return setTo(value);
78
63
  },
79
64
  onBlur: handleBlur
80
- })), !first && React.createElement(Tooltip, {
65
+ })), !first && /*#__PURE__*/React.createElement(Tooltip, {
81
66
  title: texts.remove
82
- }, React.createElement(S.IconWrapper, null, React.createElement(Icon, {
67
+ }, /*#__PURE__*/React.createElement(S.IconWrapper, null, /*#__PURE__*/React.createElement(Icon, {
83
68
  onClick: handleRemove,
84
- component: React.createElement(CloseS, null),
69
+ component: /*#__PURE__*/React.createElement(CloseS, null),
85
70
  color: theme.palette['red-600']
86
71
  }))));
87
72
  };
@@ -25,8 +25,8 @@ var RangesForm = function RangesForm(_ref) {
25
25
  }));
26
26
  };
27
27
 
28
- return React.createElement(S.RangesForm, null, ranges.map(function (range, index) {
29
- return React.createElement(RangeRow, {
28
+ return /*#__PURE__*/React.createElement(S.RangesForm, null, ranges.map(function (range, index) {
29
+ return /*#__PURE__*/React.createElement(RangeRow, {
30
30
  key: uuid(),
31
31
  first: index === 0,
32
32
  range: range,
@@ -0,0 +1 @@
1
+ export {};