@synerise/ds-column-manager 0.13.1 → 0.13.3

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.13.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-column-manager@0.13.2...@synerise/ds-column-manager@0.13.3) (2024-11-22)
+
+**Note:** Version bump only for package @synerise/ds-column-manager
+
+
+
+
+
+## [0.13.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-column-manager@0.13.1...@synerise/ds-column-manager@0.13.2) (2024-11-21)
+
+
+### Bug Fixes
+
+* **core:** onError fn types ([c34bdfe](https://github.com/Synerise/synerise-design/commit/c34bdfe9da898d7999c605f9fbcbba4716dfb6d4))
+
+
+
+
+
 ## [0.13.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-column-manager@0.13.0...@synerise/ds-column-manager@0.13.1) (2024-11-12)
 
 **Note:** Version bump only for package @synerise/ds-column-manager

package/dist/ColumnManager.js

@@ -1,23 +1,13 @@
 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); }
-
 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; }
-
 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; }
-
 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); } }
-
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 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; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 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); }
-
 import React from 'react';
 import { injectIntl } from 'react-intl';
 import Typography from 'antd/lib/typography';
@@ -42,13 +32,11 @@ var DEFAULT_STATE = {
   activeColumn: undefined,
   groupSettings: undefined
 };
-
 var ColumnManager = /*#__PURE__*/function (_React$Component) {
   function ColumnManager(props) {
     var _this;
-
-    _this = _React$Component.call(this, props) || this; // eslint-disable-next-line react/state-in-constructor
-
+    _this = _React$Component.call(this, props) || this;
+    // eslint-disable-next-line react/state-in-constructor
     _defineProperty(_this, "updateVisibleColumns", function (newVisibleList) {
       _this.setState({
         visibleList: newVisibleList.map(function (column) {
@@ -58,7 +46,6 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
         })
       });
     });
-
     _defineProperty(_this, "updateHiddenColumns", function (newHiddenList) {
       _this.setState({
         hiddenList: newHiddenList.map(function (column) {
@@ -68,11 +55,10 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
         })
       });
     });
-
     _defineProperty(_this, "hideColumn", function (id) {
       var _this$state = _this.state,
-          visibleList = _this$state.visibleList,
-          hiddenList = _this$state.hiddenList;
+        visibleList = _this$state.visibleList,
+        hiddenList = _this$state.hiddenList;
       var column = visibleList.find(function (col) {
         return col.id === id;
       });
@@ -85,11 +71,10 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
         })])
       });
     });
-
     _defineProperty(_this, "showColumn", function (id) {
       var _this$state2 = _this.state,
-          visibleList = _this$state2.visibleList,
-          hiddenList = _this$state2.hiddenList;
+        visibleList = _this$state2.visibleList,
+        hiddenList = _this$state2.hiddenList;
       var column = hiddenList.find(function (col) {
         return col.id === id;
       });
@@ -102,7 +87,6 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
         })])
       });
     });
-
     _defineProperty(_this, "toggleColumn", function (id, columnVisible) {
       if (columnVisible) {
         _this.hideColumn(id);
@@ -110,10 +94,8 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
         _this.showColumn(id);
       }
     });
-
     _defineProperty(_this, "setFixed", function (id, fixed) {
       var visibleList = _this.state.visibleList;
-
       _this.setState({
         visibleList: visibleList.map(function (visibleColumn) {
           if (visibleColumn.id === id) {
@@ -123,61 +105,52 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
               fixed: fixed
             });
           }
-
           return visibleColumn;
         })
       });
     });
-
     _defineProperty(_this, "showGroupSettings", function (column) {
       _this.setState({
         activeColumn: column
       });
     });
-
     _defineProperty(_this, "hideItemFilter", function () {
       var hideSavedViews = _this.props.hideSavedViews;
       hideSavedViews && hideSavedViews();
-
       _this.setState({
         itemFilterVisible: false
       });
     });
-
     _defineProperty(_this, "handleShowItemFilter", function () {
       _this.setState({
         itemFilterVisible: true
       });
     });
-
     _defineProperty(_this, "handleSearchChange", function (query) {
       _this.setState({
         searchQuery: query
       });
     });
-
     _defineProperty(_this, "handleSave", function (viewMeta) {
       var onSave = _this.props.onSave;
       var _this$state3 = _this.state,
-          visibleList = _this$state3.visibleList,
-          hiddenList = _this$state3.hiddenList,
-          groupSettings = _this$state3.groupSettings;
+        visibleList = _this$state3.visibleList,
+        hiddenList = _this$state3.hiddenList,
+        groupSettings = _this$state3.groupSettings;
       onSave({
         meta: viewMeta,
         groupSettings: groupSettings,
         columns: [].concat(visibleList, hiddenList)
       });
     });
-
     _defineProperty(_this, "handleApply", function () {
       var onApply = _this.props.onApply;
       var _this$state4 = _this.state,
-          visibleList = _this$state4.visibleList,
-          hiddenList = _this$state4.hiddenList,
-          groupSettings = _this$state4.groupSettings;
+        visibleList = _this$state4.visibleList,
+        hiddenList = _this$state4.hiddenList,
+        groupSettings = _this$state4.groupSettings;
       onApply([].concat(visibleList, hiddenList), groupSettings);
     });
-
     _this.state = _objectSpread({}, DEFAULT_STATE, {
       groupSettings: props.groupSettings || undefined,
       visibleList: props.columns.filter(function (column) {
@@ -190,9 +163,7 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-
   _inheritsLoose(ColumnManager, _React$Component);
-
   ColumnManager.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {
     if (props.itemFilterConfig && props.itemFilterConfig.selectedItemId !== state.selectedFilterId) {
       var visible = props.columns.filter(function (column) {
@@ -208,40 +179,34 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
         groupSettings: props.groupSettings
       };
     }
-
     return null;
   };
-
   var _proto = ColumnManager.prototype;
-
   _proto.render = function render() {
     var _this2 = this,
-        _groupSettings$column2;
-
+      _groupSettings$column2;
     var _this$props = this.props,
-        visible = _this$props.visible,
-        hide = _this$props.hide,
-        itemFilterConfig = _this$props.itemFilterConfig,
-        savedViewsVisible = _this$props.savedViewsVisible;
+      visible = _this$props.visible,
+      hide = _this$props.hide,
+      itemFilterConfig = _this$props.itemFilterConfig,
+      savedViewsVisible = _this$props.savedViewsVisible;
     var _this$state5 = this.state,
-        visibleList = _this$state5.visibleList,
-        hiddenList = _this$state5.hiddenList,
-        searchQuery = _this$state5.searchQuery,
-        itemFilterVisible = _this$state5.itemFilterVisible,
-        activeColumn = _this$state5.activeColumn,
-        groupSettings = _this$state5.groupSettings;
+      visibleList = _this$state5.visibleList,
+      hiddenList = _this$state5.hiddenList,
+      searchQuery = _this$state5.searchQuery,
+      itemFilterVisible = _this$state5.itemFilterVisible,
+      activeColumn = _this$state5.activeColumn,
+      groupSettings = _this$state5.groupSettings;
     var searchResults = [].concat(visibleList, hiddenList).filter(function (column) {
       return column.name.toLowerCase().includes(searchQuery.toLowerCase());
     });
     var visibleListWithGroup = visibleList.map(function (column) {
       var _groupSettings$column;
-
       if (column.id === (groupSettings == null || (_groupSettings$column = groupSettings.column) == null ? void 0 : _groupSettings$column.id)) {
         return _objectSpread({}, column, {
           group: true
         });
       }
-
       return column;
     });
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.ColumnManager, {
@@ -330,13 +295,12 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
       }
     }));
   };
-
   return _createClass(ColumnManager, [{
     key: "texts",
     get: function get() {
       var _this$props2 = this.props,
-          texts = _this$props2.texts,
-          intl = _this$props2.intl;
+        texts = _this$props2.texts,
+        intl = _this$props2.intl;
       return _objectSpread({
         title: intl.formatMessage({
           id: 'DS.COLUMN-MANAGER.TITLE'
@@ -466,6 +430,4 @@ var ColumnManager = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 }(React.Component); // @ts-ignore
-
-
 export default injectIntl(ColumnManager);

package/dist/ColumnManagerActions/ColumnManagerActions.js

@@ -1,17 +1,10 @@
 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; }
-
 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; }
-
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 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; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 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); }
-
 import React from 'react';
 import Button from '@synerise/ds-button';
 import Modal from '@synerise/ds-modal';
@@ -28,53 +21,41 @@ var DEFAULT_STATE = {
   },
   modalVisible: false
 };
-
 var ColumnManagerActions = /*#__PURE__*/function (_React$Component) {
   function ColumnManagerActions() {
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-
     _defineProperty(_this, "state", DEFAULT_STATE);
-
     _defineProperty(_this, "handleCancel", function () {
       _this.setState(DEFAULT_STATE);
     });
-
     _defineProperty(_this, "handleShowModal", function () {
       _this.setState({
         modalVisible: true
       });
     });
-
     _defineProperty(_this, "handleChange", function (event) {
       var _this$setState;
-
       var _event$currentTarget = event.currentTarget,
-          name = _event$currentTarget.name,
-          value = _event$currentTarget.value;
-
+        name = _event$currentTarget.name,
+        value = _event$currentTarget.value;
       _this.setState((_this$setState = {}, _this$setState[name] = {
         value: value,
         error: ''
       }, _this$setState));
     });
-
     _defineProperty(_this, "handleSubmit", function () {
       var _this$state = _this.state,
-          name = _this$state.name,
-          description = _this$state.description;
+        name = _this$state.name,
+        description = _this$state.description;
       var _this$props = _this.props,
-          onSave = _this$props.onSave,
-          texts = _this$props.texts;
-
+        onSave = _this$props.onSave,
+        texts = _this$props.texts;
       if (name.value !== '') {
         _this.setState(DEFAULT_STATE);
-
         onSave({
           name: name.value,
           description: description.value
@@ -87,23 +68,19 @@ var ColumnManagerActions = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
-
     return _this;
   }
-
   _inheritsLoose(ColumnManagerActions, _React$Component);
-
   var _proto = ColumnManagerActions.prototype;
-
   _proto.render = function render() {
     var _this$props2 = this.props,
-        texts = _this$props2.texts,
-        onCancel = _this$props2.onCancel,
-        onApply = _this$props2.onApply;
+      texts = _this$props2.texts,
+      onCancel = _this$props2.onCancel,
+      onApply = _this$props2.onApply;
     var _this$state2 = this.state,
-        modalVisible = _this$state2.modalVisible,
-        name = _this$state2.name,
-        description = _this$state2.description;
+      modalVisible = _this$state2.modalVisible,
+      name = _this$state2.name,
+      description = _this$state2.description;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.ColumnManagerActions, null, /*#__PURE__*/React.createElement(Button, {
       type: "secondary",
       mode: "simple",
@@ -147,8 +124,6 @@ var ColumnManagerActions = /*#__PURE__*/function (_React$Component) {
       rows: 2
     }))));
   };
-
   return ColumnManagerActions;
 }(React.Component);
-
 export default ColumnManagerActions;

package/dist/ColumnManagerGroupSettings/ColumnManagerGroupSettings.js

@@ -1,13 +1,8 @@
 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; }
-
 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; }
-
 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; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 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); }
-
 import Modal from '@synerise/ds-modal';
 import React from 'react';
 import Select from '@synerise/ds-select';
@@ -30,10 +25,8 @@ var EMPTY_RANGE = {
     error: undefined
   }
 };
-
 var validateRange = function validateRange(range, index, ranges, texts) {
   var validRange = _objectSpread({}, range);
-
   if ((range.from.value === undefined || range.from.value === '') && (range.to.value === undefined || range.to.value === '')) {
     validRange.from.error = texts.errorEmptyRange;
     validRange.to.error = texts.errorEmptyRange;
@@ -43,41 +36,33 @@ var validateRange = function validateRange(range, index, ranges, texts) {
     } else {
       validRange.from.error = undefined;
     }
-
     if ((range.to.value === undefined || range.from.value === '') && index < ranges.length - 1) {
       validRange.to.error = texts.errorEmptyToField;
     } else {
       validRange.to.error = undefined;
     }
   }
-
   return validRange;
 };
-
 var ColumnManagerGroupSettings = function ColumnManagerGroupSettings(_ref) {
   var hide = _ref.hide,
-      visible = _ref.visible,
-      column = _ref.column,
-      onOk = _ref.onOk,
-      settings = _ref.settings,
-      texts = _ref.texts;
-
+    visible = _ref.visible,
+    column = _ref.column,
+    onOk = _ref.onOk,
+    settings = _ref.settings,
+    texts = _ref.texts;
   var _React$useState = React.useState(undefined),
-      groupBy = _React$useState[0],
-      setGroupBy = _React$useState[1];
-
+    groupBy = _React$useState[0],
+    setGroupBy = _React$useState[1];
   var _React$useState2 = React.useState([EMPTY_RANGE]),
-      ranges = _React$useState2[0],
-      setRanges = _React$useState2[1];
-
+    ranges = _React$useState2[0],
+    setRanges = _React$useState2[1];
   var _React$useState3 = React.useState(undefined),
-      interval = _React$useState3[0],
-      setIntervalValue = _React$useState3[1];
-
+    interval = _React$useState3[0],
+    setIntervalValue = _React$useState3[1];
   var _React$useState4 = React.useState(undefined),
-      error = _React$useState4[0],
-      setError = _React$useState4[1];
-
+    error = _React$useState4[0],
+    setError = _React$useState4[1];
   var clearState = React.useCallback(function () {
     setRanges([EMPTY_RANGE]);
     setError(undefined);
@@ -94,22 +79,18 @@ var ColumnManagerGroupSettings = function ColumnManagerGroupSettings(_ref) {
   }, [settings, setGroupBy, setRanges, clearState, setIntervalValue]);
   var validate = React.useCallback(function () {
     if (groupBy === GROUP_BY.value) return true;
-
     if (groupBy === undefined) {
       setError(texts.errorChooseGrouping);
       return false;
     }
-
     if (groupBy === GROUP_BY.interval) {
       if (!interval) {
         setError(texts.errorInterval);
       } else {
         setError(undefined);
       }
-
       return Boolean(interval);
     }
-
     if (groupBy === GROUP_BY.ranges) {
       var validatedRanges = ranges.map(function (range, index, allRanges) {
         return validateRange(range, index, allRanges, texts);
@@ -118,13 +99,11 @@ var ColumnManagerGroupSettings = function ColumnManagerGroupSettings(_ref) {
         return range.from.error || range.to.error;
       });
       setRanges(validatedRanges);
-
       if (errors.length) {
         setError(texts.errorRange);
         return false;
       }
     }
-
     setError(undefined);
     return true;
   }, [groupBy, ranges, interval, setError, setRanges, texts]);
@@ -133,7 +112,6 @@ var ColumnManagerGroupSettings = function ColumnManagerGroupSettings(_ref) {
       onOk(undefined);
       return;
     }
-
     if (validate()) {
       var currentSettings = {
         column: column,
@@ -179,7 +157,6 @@ var ColumnManagerGroupSettings = function ColumnManagerGroupSettings(_ref) {
         component: /*#__PURE__*/React.createElement(Add3M, null)
       }), texts.addRange));
     }
-
     if (groupBy === GROUP_BY.interval) {
       return /*#__PURE__*/React.createElement(S.IntervalInput, null, /*#__PURE__*/React.createElement(InputNumber, {
         "data-testid": "group-by-interval",
@@ -189,7 +166,6 @@ var ColumnManagerGroupSettings = function ColumnManagerGroupSettings(_ref) {
         onChange: setIntervalValue
       }));
     }
-
     return null;
   }, [groupBy, ranges, column, interval, addRow, texts]);
   var handleHide = React.useCallback(function () {
@@ -235,5 +211,4 @@ var ColumnManagerGroupSettings = function ColumnManagerGroupSettings(_ref) {
     showIcon: true
   }), renderForm()));
 };
-
 export default ColumnManagerGroupSettings;

package/dist/ColumnManagerGroupSettings/RangesForm/RangeInput.js

@@ -1,33 +1,25 @@
 var _excluded = ["type", "value", "onChange", "handleInputRef"];
-
 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); }
-
 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; }
-
 import React, { useMemo } from 'react';
 import { MaskedInput } from '@synerise/ds-input';
 import InputNumber from '@synerise/ds-input-number';
 import * as S from './RangesForm.styles';
-
 var isInputOfNumberType = function isInputOfNumberType(type, value) {
   return type === 'number' && (typeof value === 'number' || typeof value === 'undefined');
 };
-
 var RangeInput = function RangeInput(_ref) {
   var type = _ref.type,
-      value = _ref.value,
-      _onChange = _ref.onChange,
-      handleInputRef = _ref.handleInputRef,
-      inputProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    value = _ref.value,
+    _onChange = _ref.onChange,
+    handleInputRef = _ref.handleInputRef,
+    inputProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var inputMask = useMemo(function () {
     switch (type) {
       case 'text':
         return 'A';
-
       case 'date':
         return '11/11/1111';
-
       default:
         return '1';
     }
@@ -46,5 +38,4 @@ var RangeInput = function RangeInput(_ref) {
     }
   }));
 };
-
 export default RangeInput;

package/dist/ColumnManagerGroupSettings/RangesForm/RangeRow.js

@@ -1,37 +1,28 @@
 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; }
-
 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; }
-
 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; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 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); }
-
 import React from 'react';
 import Icon, { CloseS } from '@synerise/ds-icon';
 import { theme } from '@synerise/ds-core';
 import Tooltip from '@synerise/ds-tooltip';
 import * as S from './RangesForm.styles';
 import RangeInput from './RangeInput';
-
 var RangeRow = function RangeRow(_ref) {
   var range = _ref.range,
-      setRange = _ref.setRange,
-      index = _ref.index,
-      first = _ref.first,
-      type = _ref.type,
-      remove = _ref.remove,
-      texts = _ref.texts;
-
+    setRange = _ref.setRange,
+    index = _ref.index,
+    first = _ref.first,
+    type = _ref.type,
+    remove = _ref.remove,
+    texts = _ref.texts;
   var _React$useState = React.useState(range.from.value),
-      from = _React$useState[0],
-      setFrom = _React$useState[1];
-
+    from = _React$useState[0],
+    setFrom = _React$useState[1];
   var _React$useState2 = React.useState(range.to.value),
-      to = _React$useState2[0],
-      setTo = _React$useState2[1];
-
+    to = _React$useState2[0],
+    setTo = _React$useState2[1];
   var handleBlur = React.useCallback(function () {
     setRange({
       from: _objectSpread({}, range.from, {
@@ -74,5 +65,4 @@ var RangeRow = function RangeRow(_ref) {
     color: theme.palette['red-600']
   }))));
 };
-
 export default RangeRow;

package/dist/ColumnManagerGroupSettings/RangesForm/RangesForm.js

@@ -2,29 +2,25 @@ import React from 'react';
 import { v4 as uuid } from 'uuid';
 import * as S from './RangesForm.styles';
 import RangeRow from './RangeRow';
-
 var RangesForm = function RangesForm(_ref) {
   var ranges = _ref.ranges,
-      setRanges = _ref.setRanges,
-      type = _ref.type,
-      texts = _ref.texts;
+    setRanges = _ref.setRanges,
+    type = _ref.type,
+    texts = _ref.texts;
   var setRange = React.useCallback(function (range, index) {
     var updatedRanges = ranges.map(function (currentRange, i) {
       if (i === index) {
         return range;
       }
-
       return currentRange;
     });
     setRanges(updatedRanges);
   }, [setRanges, ranges]);
-
   var remove = function remove(rangeIndex) {
     setRanges(ranges.filter(function (range, index) {
       return index !== rangeIndex;
     }));
   };
-
   return /*#__PURE__*/React.createElement(S.RangesForm, null, ranges.map(function (range, index) {
     return /*#__PURE__*/React.createElement(RangeRow, {
       key: uuid(),
@@ -38,5 +34,4 @@ var RangesForm = function RangesForm(_ref) {
     });
   }));
 };
-
 export default RangesForm;

package/dist/ColumnManagerItem/ColumnManagerItem.js

@@ -1,7 +1,5 @@
 var _excluded = ["item", "theme", "setFixed", "switchAction", "draggable", "searchQuery", "texts", "showGroupSettings"];
-
 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; }
-
 import React from 'react';
 import Icon, { CheckS, DividerM, DragHandleM, Grid4M, Grid5M, OptionHorizontalM, PinM, VarTypeBooleanM, VarTypeDateM, VarTypeListM, VarTypeNumberM, VarTypeStringM } from '@synerise/ds-icon';
 import Switch from '@synerise/ds-switch/dist/Switch';
@@ -23,18 +21,16 @@ var typeIcon = {
   "boolean": /*#__PURE__*/React.createElement(VarTypeBooleanM, null),
   list: /*#__PURE__*/React.createElement(VarTypeListM, null)
 };
-
 var ColumnManagerItem = function ColumnManagerItem(_ref) {
   var item = _ref.item,
-      theme = _ref.theme,
-      setFixed = _ref.setFixed,
-      switchAction = _ref.switchAction,
-      draggable = _ref.draggable,
-      searchQuery = _ref.searchQuery,
-      texts = _ref.texts,
-      showGroupSettings = _ref.showGroupSettings,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    theme = _ref.theme,
+    setFixed = _ref.setFixed,
+    switchAction = _ref.switchAction,
+    draggable = _ref.draggable,
+    searchQuery = _ref.searchQuery,
+    texts = _ref.texts,
+    showGroupSettings = _ref.showGroupSettings,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var columnName = React.useMemo(function () {
     if (searchQuery) {
       var escapedQuery = escapeRegEx(searchQuery);
@@ -42,10 +38,8 @@ var ColumnManagerItem = function ColumnManagerItem(_ref) {
       var result = item.name.substr(startOfQuery, searchQuery.length);
       return item.name.replace(result, "<span class=\"search-highlight\">" + result + "</span>");
     }
-
     return item.name;
   }, [item.name, searchQuery]);
-
   var fixedMenu = function fixedMenu() {
     return /*#__PURE__*/React.createElement(S.FixedMenu, null, /*#__PURE__*/React.createElement(Menu.Item, {
       onClick: function onClick() {
@@ -85,7 +79,6 @@ var ColumnManagerItem = function ColumnManagerItem(_ref) {
       })
     }, texts.group));
   };
-
   return /*#__PURE__*/React.createElement(S.ColumnManagerItem, rest, /*#__PURE__*/React.createElement(S.ItemPart, {
     align: "left"
   }, draggable && /*#__PURE__*/React.createElement(S.DragHandler, {
@@ -125,5 +118,4 @@ var ColumnManagerItem = function ColumnManagerItem(_ref) {
     }
   }))));
 };
-
 export default withTheme(ColumnManagerItem);

package/dist/ColumnManagerItem/ColumnManagerItem.styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import Menu from '@synerise/ds-menu';
-export declare const DragHandler: import("styled-components").StyledComponent<import("react").FC<import("@synerise/ds-icon").IconProps>, any, {}, never>;
+export declare const DragHandler: import("styled-components").StyledComponent<({ name, component, className, ...rest }: import("@synerise/ds-icon").IconProps) => import("react").JSX.Element, any, {}, never>;
 export declare const Icons: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ItemPart: import("styled-components").StyledComponent<"div", any, {
     align: string;

package/dist/ColumnManagerList/ColumnManagerList.js

@@ -1,5 +1,4 @@
 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); }
-
 import React from 'react';
 import { ReactSortable } from 'react-sortablejs';
 import * as S from './ColumnManager.style';
@@ -12,18 +11,17 @@ var SORTABLE_CONFIG = {
   group: 'column-manager',
   forceFallback: true
 };
-
 var ColumnManagerList = function ColumnManagerList(_ref) {
   var searchQuery = _ref.searchQuery,
-      visibleList = _ref.visibleList,
-      hiddenList = _ref.hiddenList,
-      updateVisibleList = _ref.updateVisibleList,
-      updateHiddenList = _ref.updateHiddenList,
-      setFixed = _ref.setFixed,
-      showGroupSettings = _ref.showGroupSettings,
-      toggleColumn = _ref.toggleColumn,
-      searchResults = _ref.searchResults,
-      texts = _ref.texts;
+    visibleList = _ref.visibleList,
+    hiddenList = _ref.hiddenList,
+    updateVisibleList = _ref.updateVisibleList,
+    updateHiddenList = _ref.updateHiddenList,
+    setFixed = _ref.setFixed,
+    showGroupSettings = _ref.showGroupSettings,
+    toggleColumn = _ref.toggleColumn,
+    searchResults = _ref.searchResults,
+    texts = _ref.texts;
   return /*#__PURE__*/React.createElement(S.ColumnManagerList, null, !searchQuery ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.ListHeadline, null, texts.visible), /*#__PURE__*/React.createElement(ReactSortable, _extends({}, SORTABLE_CONFIG, {
     list: visibleList,
     setList: updateVisibleList
@@ -61,5 +59,4 @@ var ColumnManagerList = function ColumnManagerList(_ref) {
     switchAction: toggleColumn
   }));
 };
-
 export default ColumnManagerList;

package/dist/ColumnManagerSearchResults/ColumnManagerSearchResults.js

@@ -3,14 +3,13 @@ import Result from '@synerise/ds-result';
 import * as S from '../ColumnManagerList/ColumnManager.style';
 import { SearchResults } from './ColumnMangerSearchResults.styles';
 import ColumnManagerItem from '../ColumnManagerItem/ColumnManagerItem';
-
 var ColumnManagerSearchResults = function ColumnManagerSearchResults(_ref) {
   var searchResults = _ref.searchResults,
-      searchQuery = _ref.searchQuery,
-      setFixed = _ref.setFixed,
-      _switchAction = _ref.switchAction,
-      texts = _ref.texts,
-      showGroupSettings = _ref.showGroupSettings;
+    searchQuery = _ref.searchQuery,
+    setFixed = _ref.setFixed,
+    _switchAction = _ref.switchAction,
+    texts = _ref.texts,
+    showGroupSettings = _ref.showGroupSettings;
   return /*#__PURE__*/React.createElement(SearchResults, null, searchResults.length ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.ListHeadline, null, texts.searchResults), searchResults.map(function (column) {
     return /*#__PURE__*/React.createElement(ColumnManagerItem, {
       key: column.id,
@@ -30,5 +29,4 @@ var ColumnManagerSearchResults = function ColumnManagerSearchResults(_ref) {
     noSearchResults: true
   }));
 };
-
 export default ColumnManagerSearchResults;

package/dist/ColumnManagerSearchResults/ColumnMangerSearchResults.styles.js

@@ -1,5 +1,6 @@
-import styled from 'styled-components'; // eslint-disable-next-line import/prefer-default-export
+import styled from 'styled-components';
 
+// eslint-disable-next-line import/prefer-default-export
 export var SearchResults = styled.div.withConfig({
   displayName: "ColumnMangerSearchResultsstyles__SearchResults",
   componentId: "sc-1e5ksxt-0"

package/dist/styles/ColumnManager.styles.js

@@ -1,7 +1,8 @@
 import styled from 'styled-components';
 import Drawer from '@synerise/ds-drawer';
-import { SearchBarWrapper } from '@synerise/ds-search-bar/dist/SearchBar.styles'; // eslint-disable-next-line import/prefer-default-export
+import { SearchBarWrapper } from '@synerise/ds-search-bar/dist/SearchBar.styles';
 
+// eslint-disable-next-line import/prefer-default-export
 export var ColumnManager = styled(Drawer).withConfig({
   displayName: "ColumnManagerstyles__ColumnManager",
   componentId: "qswjxp-0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-column-manager",
-  "version": "0.13.1",
+  "version": "0.13.3",
   "description": "ColumnManager UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -31,25 +31,24 @@
   "sideEffects": false,
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^0.8.37",
-    "@synerise/ds-button": "^0.21.18",
-    "@synerise/ds-drawer": "^0.6.30",
-    "@synerise/ds-dropdown": "^0.18.23",
-    "@synerise/ds-icon": "^0.66.4",
-    "@synerise/ds-input": "^0.24.13",
-    "@synerise/ds-input-number": "^0.10.14",
-    "@synerise/ds-item-filter": "^0.9.1",
-    "@synerise/ds-menu": "^0.20.5",
-    "@synerise/ds-modal": "^0.17.50",
-    "@synerise/ds-result": "^0.7.13",
-    "@synerise/ds-scrollbar": "^0.11.18",
-    "@synerise/ds-search-bar": "^0.7.1",
-    "@synerise/ds-select": "^0.16.25",
-    "@synerise/ds-switch": "^0.6.23",
-    "@synerise/ds-tooltip": "^0.14.48",
-    "@synerise/ds-typography": "^0.16.5",
-    "@synerise/ds-utils": "^0.31.1",
-    "react-intl": "6.8.4",
+    "@synerise/ds-alert": "^0.8.38",
+    "@synerise/ds-button": "^0.21.19",
+    "@synerise/ds-drawer": "^0.6.31",
+    "@synerise/ds-dropdown": "^0.18.24",
+    "@synerise/ds-icon": "^0.67.0",
+    "@synerise/ds-input": "^0.24.14",
+    "@synerise/ds-input-number": "^0.10.15",
+    "@synerise/ds-item-filter": "^0.9.3",
+    "@synerise/ds-menu": "^0.20.6",
+    "@synerise/ds-modal": "^0.17.51",
+    "@synerise/ds-result": "^0.7.14",
+    "@synerise/ds-scrollbar": "^0.11.19",
+    "@synerise/ds-search-bar": "^0.7.2",
+    "@synerise/ds-select": "^0.16.26",
+    "@synerise/ds-switch": "^0.6.24",
+    "@synerise/ds-tooltip": "^0.14.49",
+    "@synerise/ds-typography": "^0.16.6",
+    "@synerise/ds-utils": "^0.31.2",
     "react-sortablejs": "^6.0.0",
     "uuid": "^8.3.2"
   },
@@ -57,7 +56,8 @@
     "@synerise/ds-core": "*",
     "antd": "4.7.0",
     "react": ">=16.9.0 <= 17.0.2",
+    "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "5.0.1"
   },
-  "gitHead": "8d26191fc0475407e0691b9b183761ad3cd7c87d"
+  "gitHead": "e9897e5ecb13a9c022f5ed002db76e4ab78318c5"
 }