@synerise/ds-factors 0.9.1 → 0.10.3

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.10.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.10.2...@synerise/ds-factors@0.10.3) (2021-11-22)
+
+**Note:** Version bump only for package @synerise/ds-factors
+
+
+
+
+
+## [0.10.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.10.1...@synerise/ds-factors@0.10.2) (2021-11-16)
+
+**Note:** Version bump only for package @synerise/ds-factors
+
+
+
+
+
+## [0.10.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.9.1...@synerise/ds-factors@0.10.1) (2021-11-09)
+
+**Note:** Version bump only for package @synerise/ds-factors
+
+
+
+
+
+# [0.10.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.9.1...@synerise/ds-factors@0.10.0) (2021-11-09)
+
+**Note:** Version bump only for package @synerise/ds-factors
+
+
+
+
+
 ## [0.9.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.9.0...@synerise/ds-factors@0.9.1) (2021-11-05)
 
 **Note:** Version bump only for package @synerise/ds-factors

package/dist/FactorTypeSelector/FactorTypeSelector.js

@@ -1,19 +1,6 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-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."); }
-
-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); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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; }
-
 import * as React from 'react';
 import Dropdown from '@synerise/ds-dropdown';
-import Icon from '@synerise/ds-icon';
-import { CheckS } from '@synerise/ds-icon/dist/icons';
+import Icon, { CheckS } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
 import Menu from '@synerise/ds-menu';
 import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
@@ -31,20 +18,20 @@ var FactorTypeSelector = function FactorTypeSelector(_ref) {
     var list = availableFactorTypes || ALL_FACTOR_TYPES;
 
     if (unavailableFactorTypes !== undefined) {
-      list = _toConsumableArray(list).filter(function (type) {
+      list = [].concat(list).filter(function (type) {
         return unavailableFactorTypes.indexOf(type) < 0;
       });
     }
 
     return list.map(function (type) {
-      return React.createElement(Menu.Item, {
+      return /*#__PURE__*/React.createElement(Menu.Item, {
         className: "ds-factor-type",
         key: factorTypes[type].name,
-        prefixel: React.createElement(Icon, {
+        prefixel: /*#__PURE__*/React.createElement(Icon, {
           component: factorTypes[type].icon
         }),
-        suffixel: type === selectedFactorType ? React.createElement(Icon, {
-          component: React.createElement(CheckS, null),
+        suffixel: type === selectedFactorType ? /*#__PURE__*/React.createElement(Icon, {
+          component: /*#__PURE__*/React.createElement(CheckS, null),
           color: theme.palette['green-600']
         }) : '',
         onClick: function onClick() {
@@ -53,16 +40,16 @@ var FactorTypeSelector = function FactorTypeSelector(_ref) {
       }, factorTypes[type].name);
     });
   }, [unavailableFactorTypes, availableFactorTypes, selectedFactorType, setSelectedFactorType]);
-  return React.createElement(Tooltip, {
+  return /*#__PURE__*/React.createElement(Tooltip, {
     title: selectedFactor.name,
     trigger: ['hover']
-  }, React.createElement(Dropdown, {
-    overlay: React.createElement(S.FactorTypeList, null, typesList),
+  }, /*#__PURE__*/React.createElement(Dropdown, {
+    overlay: /*#__PURE__*/React.createElement(S.FactorTypeList, null, typesList),
     trigger: ['click']
-  }, React.createElement(S.TriggerButton, {
+  }, /*#__PURE__*/React.createElement(S.TriggerButton, {
     mode: "single-icon",
     className: "ds-factors-type-selector"
-  }, React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     component: selectedFactor.icon
   }))));
 };

package/dist/FactorValue/Date/Date.js

@@ -9,7 +9,7 @@ var DateInput = function DateInput(_ref) {
   var changeHandler = React.useCallback(function (date) {
     onChange(date);
   }, [onChange]);
-  return React.createElement(DatePicker, {
+  return /*#__PURE__*/React.createElement(DatePicker, {
     onApply: changeHandler,
     value: value,
     showTime: true,

package/dist/FactorValue/DynamicKey/DynamicKey.js

@@ -4,18 +4,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-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."); }
-
-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); }
-
-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; }
-
-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; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import * as React from 'react';
 import { RawInput } from '@synerise/ds-input';
 import { debounce } from 'lodash';
@@ -33,9 +21,8 @@ var DynamicKey = function DynamicKey(_ref) {
     key: value.key,
     value: value.value
   }),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      localValue = _React$useState2[0],
-      setLocalValue = _React$useState2[1];
+      localValue = _React$useState[0],
+      setLocalValue = _React$useState[1];
 
   var onChangeDebounce = React.useCallback(debounce(onChange, 300), [onChange]);
 
@@ -50,15 +37,15 @@ var DynamicKey = function DynamicKey(_ref) {
   React.useEffect(function () {
     setLocalValue(value);
   }, [value]);
-  return React.createElement(S.DynamicKey, {
+  return /*#__PURE__*/React.createElement(S.DynamicKey, {
     withoutTypeSelector: withoutTypeSelector
-  }, React.createElement(RawInput, {
+  }, /*#__PURE__*/React.createElement(RawInput, {
     placeholder: texts.dynamicKey.keyPlaceholder,
     value: localValue.key,
     name: "key",
     onChange: handleChange,
     autoFocus: opened
-  }), React.createElement(RawInput, {
+  }), /*#__PURE__*/React.createElement(RawInput, {
     placeholder: texts.dynamicKey.valuePlaceholder,
     value: localValue.value,
     name: "value",

package/dist/FactorValue/FactorValue.js

@@ -18,13 +18,16 @@ var FactorValue = function FactorValue(_ref) {
       loading = _ref.loading,
       factorKey = _ref.factorKey,
       preventAutoloadData = _ref.preventAutoloadData,
-      getPopupContainerOverride = _ref.getPopupContainerOverride;
+      getPopupContainerOverride = _ref.getPopupContainerOverride,
+      onActivate = _ref.onActivate;
   var inputType = React.useMemo(function () {
     var InputComponent = selectedFactor.input;
-    return (// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
       // @ts-ignore
       React.createElement(InputComponent, {
-        key: "".concat(factorKey, "-").concat(selectedFactor.name),
+        key: factorKey + "-" + selectedFactor.name,
         value: value,
         placeholder: texts.valuePlaceholder,
         onChange: onChangeValue,
@@ -39,11 +42,12 @@ var FactorValue = function FactorValue(_ref) {
         loading: loading,
         onParamsClick: onParamsClick,
         preventAutoloadData: preventAutoloadData,
-        getPopupContainerOverride: getPopupContainerOverride
+        getPopupContainerOverride: getPopupContainerOverride,
+        onActivate: onActivate
       })
     );
-  }, [selectedFactor.input, selectedFactor.name, factorKey, value, texts, onChangeValue, textType, selectedFactorType, autocompleteText, parameters, withoutTypeSelector, formulaEditor, opened, loading, onParamsClick, preventAutoloadData, getPopupContainerOverride]);
-  return React.createElement(S.FactorInput, {
+  }, [selectedFactor.input, selectedFactor.name, factorKey, value, texts, onChangeValue, textType, selectedFactorType, autocompleteText, parameters, withoutTypeSelector, formulaEditor, opened, loading, onParamsClick, preventAutoloadData, onActivate, getPopupContainerOverride]);
+  return /*#__PURE__*/React.createElement(S.FactorInput, {
     withoutTypeSelector: withoutTypeSelector
   }, inputType);
 };

package/dist/FactorValue/Formula/Formula.js

@@ -1,19 +1,6 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-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."); }
-
-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); }
-
-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; }
-
-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; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import * as React from 'react';
 import Button from '@synerise/ds-button';
-import { EditS } from '@synerise/ds-icon/dist/icons';
-import Icon from '@synerise/ds-icon';
+import Icon, { EditS } from '@synerise/ds-icon';
 import Badge from '@synerise/ds-badge';
 import FormulaModal from './FormulaModal';
 import * as S from './Formula.styles';
@@ -27,15 +14,14 @@ var FormulaInput = function FormulaInput(_ref) {
       formulaEditor = _ref.formulaEditor;
 
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      openFormulaModal = _React$useState2[0],
-      setOpenFormulaModal = _React$useState2[1];
+      openFormulaModal = _React$useState[0],
+      setOpenFormulaModal = _React$useState[1];
 
   var mode = React.useMemo(function () {
     return value ? 'two-icons' : 'label-icon';
   }, [value]);
   var activeIcon = React.useMemo(function () {
-    return value ? React.createElement(Badge, {
+    return value ? /*#__PURE__*/React.createElement(Badge, {
       flag: true,
       status: "active"
     }) : '';
@@ -47,17 +33,17 @@ var FormulaInput = function FormulaInput(_ref) {
     setOpenFormulaModal(false);
     onChange(val);
   }, [onChange]);
-  return React.createElement(S.FormulaButton, {
+  return /*#__PURE__*/React.createElement(S.FormulaButton, {
     withoutTypeSelector: withoutTypeSelector
-  }, React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     type: "secondary",
     mode: mode,
     onClick: function onClick() {
       return setOpenFormulaModal(true);
     }
-  }, activeIcon, label, React.createElement(Icon, {
-    component: React.createElement(EditS, null)
-  })), React.createElement(FormulaModal, {
+  }, activeIcon, label, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(EditS, null)
+  })), /*#__PURE__*/React.createElement(FormulaModal, {
     visible: openFormulaModal,
     onCancel: function onCancel() {
       return setOpenFormulaModal(false);

package/dist/FactorValue/Formula/FormulaModal.js

@@ -1,15 +1,3 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-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."); }
-
-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); }
-
-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; }
-
-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; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import * as React from 'react';
 import ModalProxy from '@synerise/ds-modal';
 import InlineEdit from '@synerise/ds-inline-edit';
@@ -22,10 +10,9 @@ var FormulaModal = function FormulaModal(_ref) {
       texts = _ref.texts,
       formulaEditor = _ref.formulaEditor;
 
-  var _React$useState = React.useState((value === null || value === void 0 ? void 0 : value.name) || texts.formula.defaultName),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      formulaName = _React$useState2[0],
-      setFormulaName = _React$useState2[1];
+  var _React$useState = React.useState((value == null ? void 0 : value.name) || texts.formula.defaultName),
+      formulaName = _React$useState[0],
+      setFormulaName = _React$useState[1];
 
   var handleOk = React.useCallback(function () {
     onApply({
@@ -33,9 +20,9 @@ var FormulaModal = function FormulaModal(_ref) {
       value: 'FORMULA VALUE'
     });
   }, [onApply, formulaName]);
-  return React.createElement(ModalProxy, {
+  return /*#__PURE__*/React.createElement(ModalProxy, {
     size: "medium",
-    title: React.createElement(InlineEdit, {
+    title: /*#__PURE__*/React.createElement(InlineEdit, {
       input: {
         maxLength: 120,
         name: 'name-of-input',

package/dist/FactorValue/Number/NumberInput.js

@@ -1,15 +1,3 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-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."); }
-
-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); }
-
-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; }
-
-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; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import * as React from 'react';
 import InputNumber from '@synerise/ds-input-number';
 import { debounce } from 'lodash';
@@ -21,9 +9,8 @@ var NumberInput = function NumberInput(_ref) {
       opened = _ref.opened;
 
   var _React$useState = React.useState(value),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      localValue = _React$useState2[0],
-      setLocalValue = _React$useState2[1];
+      localValue = _React$useState[0],
+      setLocalValue = _React$useState[1];
 
   var onChangeValueDebounce = React.useCallback(debounce(onChange, 300), [onChange]);
 
@@ -35,7 +22,7 @@ var NumberInput = function NumberInput(_ref) {
   React.useEffect(function () {
     setLocalValue(value);
   }, [value]);
-  return React.createElement(InputNumber, {
+  return /*#__PURE__*/React.createElement(InputNumber, {
     autoFocus: opened,
     placeholder: texts.valuePlaceholder,
     value: localValue,

package/dist/FactorValue/Parameter/Parameter.js

@@ -1,26 +1,13 @@
-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); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-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."); }
-
-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); }
-
-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; }
+var _excluded = ["buttonIcon", "buttonLabel", "loading"];
 
-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; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-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; }
+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); }
 
 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 Dropdown from '@synerise/ds-dropdown';
 import * as React from 'react';
 import Button from '@synerise/ds-button';
-import Icon from '@synerise/ds-icon';
-import { AngleDownS } from '@synerise/ds-icon/dist/icons';
+import Icon, { AngleDownS } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
 import { getPopupContainer } from '@synerise/ds-utils';
 import { Value } from './Parameter.style';
@@ -34,19 +21,19 @@ var ParameterInput = function ParameterInput(_ref) {
       texts = _ref.texts,
       opened = _ref.opened,
       preventAutoloadData = _ref.preventAutoloadData,
-      getPopupContainerOverride = _ref.getPopupContainerOverride;
+      getPopupContainerOverride = _ref.getPopupContainerOverride,
+      onActivate = _ref.onActivate;
 
   // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
   // @ts-ignore
   var buttonIcon = parameters.buttonIcon,
       buttonLabel = parameters.buttonLabel,
       loading = parameters.loading,
-      restParameters = _objectWithoutProperties(parameters, ["buttonIcon", "buttonLabel", "loading"]);
+      restParameters = _objectWithoutPropertiesLoose(parameters, _excluded);
 
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      dropdownVisible = _React$useState2[0],
-      setDropdownVisible = _React$useState2[1];
+      dropdownVisible = _React$useState[0],
+      setDropdownVisible = _React$useState[1];
 
   var handleChange = React.useCallback(function (val) {
     onChange(val);
@@ -54,7 +41,8 @@ var ParameterInput = function ParameterInput(_ref) {
   var handleOnClick = React.useCallback(function () {
     onParamsClick && onParamsClick();
     setDropdownVisible(true);
-  }, [onParamsClick]);
+    onActivate && onActivate();
+  }, [onParamsClick, onActivate]);
   React.useEffect(function () {
     if (opened) {
       setDropdownVisible(true);
@@ -65,30 +53,34 @@ var ParameterInput = function ParameterInput(_ref) {
   React.useEffect(function () {
     !preventAutoloadData && onParamsClick && onParamsClick(); // eslint-disable-next-line
   }, []);
-  return React.createElement("div", {
+  var onDropdownVisibilityChange = React.useCallback(function (newValue) {
+    return newValue && onActivate && onActivate();
+  }, [onActivate]);
+  return /*#__PURE__*/React.createElement("div", {
     "data-popup-container": true
-  }, React.createElement(Dropdown, {
+  }, /*#__PURE__*/React.createElement(Dropdown, {
     visible: dropdownVisible,
-    getPopupContainer: getPopupContainerOverride || getPopupContainer,
-    overlay: React.createElement(ParameterDropdown, _extends({
+    getPopupContainer: getPopupContainer,
+    onVisibleChange: onDropdownVisibilityChange,
+    overlay: /*#__PURE__*/React.createElement(ParameterDropdown, _extends({
       setDropdownVisible: setDropdownVisible,
       setSelected: handleChange
     }, restParameters, {
       texts: texts,
       loading: loading
     }))
-  }, React.createElement(Tooltip, {
+  }, /*#__PURE__*/React.createElement(Tooltip, {
     getPopupContainer: getPopupContainerOverride || getPopupContainer,
-    title: (value === null || value === void 0 ? void 0 : value.name) || '',
+    title: (value == null ? void 0 : value.name) || '',
     trigger: ['hover']
-  }, React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     type: "secondary",
     mode: "two-icons",
     onClick: handleOnClick
-  }, React.createElement(Icon, {
-    component: (value === null || value === void 0 ? void 0 : value.icon) || buttonIcon
-  }), React.createElement(Value, null, (value === null || value === void 0 ? void 0 : value.name) || buttonLabel), React.createElement(Icon, {
-    component: React.createElement(AngleDownS, null)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    component: (value == null ? void 0 : value.icon) || buttonIcon
+  }), /*#__PURE__*/React.createElement(Value, null, (value == null ? void 0 : value.name) || buttonLabel), /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(AngleDownS, null)
   })))));
 };
 

package/dist/FactorValue/Parameter/ParameterDropdown.js

@@ -1,21 +1,8 @@
 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); }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-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."); }
-
-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); }
-
-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; }
-
-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; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import * as React from 'react';
 import Dropdown from '@synerise/ds-dropdown';
-import Icon from '@synerise/ds-icon';
-import SearchM from '@synerise/ds-icon/dist/icons/SearchM';
+import Icon, { SearchM } from '@synerise/ds-icon';
 import Tabs from '@synerise/ds-tabs';
 import { focusWithArrowKeys, useOnClickOutside } from '@synerise/ds-utils';
 import Result from '@synerise/ds-result';
@@ -42,7 +29,7 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
     overflowY: 'unset'
   };
   var defaultTab = React.useMemo(function () {
-    var defaultIndex = groups === null || groups === void 0 ? void 0 : groups.findIndex(function (group) {
+    var defaultIndex = groups == null ? void 0 : groups.findIndex(function (group) {
       return group.defaultGroup;
     });
     return defaultIndex || 0;
@@ -50,33 +37,29 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
   var overlayRef = React.useRef(null);
 
   var _React$useState = React.useState(''),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      searchQuery = _React$useState2[0],
-      setSearchQuery = _React$useState2[1];
+      searchQuery = _React$useState[0],
+      setSearchQuery = _React$useState[1];
 
-  var _React$useState3 = React.useState(defaultTab),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      activeTab = _React$useState4[0],
-      setActiveTab = _React$useState4[1];
+  var _React$useState2 = React.useState(defaultTab),
+      activeTab = _React$useState2[0],
+      setActiveTab = _React$useState2[1];
 
-  var _React$useState5 = React.useState(undefined),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      activeGroup = _React$useState6[0],
-      setActiveGroup = _React$useState6[1];
+  var _React$useState3 = React.useState(undefined),
+      activeGroup = _React$useState3[0],
+      setActiveGroup = _React$useState3[1];
 
-  var _React$useState7 = React.useState(true),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      searchInputCanBeFocused = _React$useState8[0],
-      setSearchInputFocus = _React$useState8[1];
+  var _React$useState4 = React.useState(true),
+      searchInputCanBeFocused = _React$useState4[0],
+      setSearchInputFocus = _React$useState4[1];
 
   var classNames = React.useMemo(function () {
-    return "ds-parameter-item ds-parameter-item-".concat(uuid());
+    return "ds-parameter-item ds-parameter-item-" + uuid();
   }, []);
   useOnClickOutside(overlayRef, function () {
     setDropdownVisible(false);
   });
   var currentTabItems = React.useMemo(function () {
-    return groups === null || groups === void 0 ? void 0 : groups.find(function (group, index) {
+    return groups == null ? void 0 : groups.find(function (group, index) {
       return activeTab === index;
     });
   }, [groups, activeTab]);
@@ -87,7 +70,7 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
     setDropdownVisible(false);
   }, [setDropdownVisible]);
   var filteredItems = React.useMemo(function () {
-    return items === null || items === void 0 ? void 0 : items.filter(function (item) {
+    return items == null ? void 0 : items.filter(function (item) {
       return item.name.toLowerCase().includes(searchQuery.toLowerCase());
     }).map(function (item) {
       return {
@@ -105,12 +88,12 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
       return filteredItems;
     }
 
-    var hasSubgroups = Boolean(currentTabItems === null || currentTabItems === void 0 ? void 0 : currentTabItems.subGroups);
+    var hasSubgroups = Boolean(currentTabItems == null ? void 0 : currentTabItems.subGroups);
 
     if (hasSubgroups && !activeGroup) {
       var _currentTabItems$subG;
 
-      return currentTabItems === null || currentTabItems === void 0 ? void 0 : (_currentTabItems$subG = currentTabItems.subGroups) === null || _currentTabItems$subG === void 0 ? void 0 : _currentTabItems$subG.map(function (subGroup) {
+      return currentTabItems == null ? void 0 : (_currentTabItems$subG = currentTabItems.subGroups) == null ? void 0 : _currentTabItems$subG.map(function (subGroup) {
         return {
           className: classNames,
           item: subGroup,
@@ -121,7 +104,7 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
     }
 
     if (activeGroup) {
-      return items === null || items === void 0 ? void 0 : items.filter(function (item) {
+      return items == null ? void 0 : items.filter(function (item) {
         return item.groupId === activeGroup.id;
       }).map(function (item) {
         return {
@@ -135,7 +118,7 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
     }
 
     if (activeTab && groups && groups[activeTab]) {
-      return items === null || items === void 0 ? void 0 : items.filter(function (item) {
+      return items == null ? void 0 : items.filter(function (item) {
         return item.groupId === groups[activeTab].id;
       }).map(function (item) {
         return {
@@ -148,7 +131,7 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
       });
     }
 
-    return items === null || items === void 0 ? void 0 : items.map(function (item) {
+    return items == null ? void 0 : items.map(function (item) {
       return {
         className: classNames,
         item: item,
@@ -162,7 +145,7 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
     setSearchQuery(value);
   }, [setSearchQuery]);
   var getTabs = React.useMemo(function () {
-    return (groups === null || groups === void 0 ? void 0 : groups.map(function (group) {
+    return (groups == null ? void 0 : groups.map(function (group) {
       return {
         label: group.name,
         icon: group.icon
@@ -170,7 +153,7 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
     })) || [];
   }, [groups]);
   var getNoResultContainer = React.useMemo(function () {
-    return React.createElement(Result, {
+    return /*#__PURE__*/React.createElement(Result, {
       noSearchResults: true,
       type: "no-results",
       description: texts.parameter.noResults
@@ -186,7 +169,7 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
     }
   };
 
-  return React.createElement(Dropdown.Wrapper, {
+  return /*#__PURE__*/React.createElement(Dropdown.Wrapper, {
     style: {
       width: '300px'
     },
@@ -198,7 +181,7 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
         setSearchInputFocus(true);
       });
     }
-  }, React.createElement(Dropdown.SearchInput, {
+  }, /*#__PURE__*/React.createElement(Dropdown.SearchInput, {
     onSearchChange: handleSearch,
     onClearInput: function onClearInput() {
       return handleSearch('');
@@ -207,11 +190,11 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
     value: searchQuery,
     autofocus: !searchQuery || searchInputCanBeFocused,
     autofocusDelay: 50,
-    iconLeft: React.createElement(Icon, {
-      component: React.createElement(SearchM, null),
+    iconLeft: /*#__PURE__*/React.createElement(Icon, {
+      component: /*#__PURE__*/React.createElement(SearchM, null),
       color: theme.palette['grey-600']
     })
-  }), searchQuery === '' && getTabs.length > 1 && React.createElement(S.TabsWrapper, null, React.createElement(Tabs, {
+  }), searchQuery === '' && getTabs.length > 1 && /*#__PURE__*/React.createElement(S.TabsWrapper, null, /*#__PURE__*/React.createElement(Tabs, {
     block: true,
     tabs: getTabs,
     activeTab: activeTab,
@@ -219,15 +202,15 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
       setActiveTab(index);
       setActiveGroup(undefined);
     }
-  })), activeGroup && React.createElement(Dropdown.BackAction, {
+  })), activeGroup && /*#__PURE__*/React.createElement(Dropdown.BackAction, {
     label: activeGroup.name,
     onClick: function onClick() {
       return setActiveGroup(undefined);
     }
-  }), loading ? React.createElement(S.LoaderWrapper, null, React.createElement(Loader, {
+  }), loading ? /*#__PURE__*/React.createElement(S.LoaderWrapper, null, /*#__PURE__*/React.createElement(Loader, {
     label: texts.parameter.loadingParameter,
     labelPosition: "bottom"
-  })) : React.createElement(S.ItemsList, null, (currentItems === null || currentItems === void 0 ? void 0 : currentItems.length) ? React.createElement(Scrollbar, {
+  })) : /*#__PURE__*/React.createElement(S.ItemsList, null, currentItems != null && currentItems.length ? /*#__PURE__*/React.createElement(Scrollbar, {
     absolute: true,
     style: {
       padding: 8
@@ -236,7 +219,7 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
     hasMore: hasMoreItems,
     onYReachEnd: onFetchData,
     onScroll: handleScroll
-  }, React.createElement(List, {
+  }, /*#__PURE__*/React.createElement(List, {
     width: "100%",
     height: 300,
     itemCount: currentItems.length,
@@ -246,7 +229,7 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
   }, function (_ref3) {
     var index = _ref3.index,
         style = _ref3.style;
-    return React.createElement(ParameterDropdownItem, _extends({
+    return /*#__PURE__*/React.createElement(ParameterDropdownItem, _extends({
       style: style
     }, currentItems[index]));
   })) : getNoResultContainer));

package/dist/FactorValue/Parameter/ParameterDropdownItem.js

@@ -10,11 +10,11 @@ var ParameterDropdownItem = function ParameterDropdownItem(_ref) {
       select = _ref.select,
       className = _ref.className,
       style = _ref.style;
-  return React.createElement(Menu.Item, {
+  return /*#__PURE__*/React.createElement(Menu.Item, {
     style: style,
     className: className,
     key: item.name + item.id,
-    prefixel: React.createElement(Icon, {
+    prefixel: /*#__PURE__*/React.createElement(Icon, {
       component: item.icon
     }),
     highlight: searchQuery,

package/dist/FactorValue/Text/Text.js

@@ -1,18 +1,5 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-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."); }
-
-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); }
-
-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; }
-
-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; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import * as React from 'react';
-import { FullScreenM } from '@synerise/ds-icon/dist/icons';
-import Icon from '@synerise/ds-icon';
+import Icon, { FullScreenM } from '@synerise/ds-icon';
 import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
 import Autocomplete from '@synerise/ds-autocomplete';
 import { Input } from '@synerise/ds-input';
@@ -31,23 +18,20 @@ var TextInput = function TextInput(_ref) {
       opened = _ref.opened;
 
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      openExpanseEditor = _React$useState2[0],
-      setOpenExpanseEditor = _React$useState2[1];
+      openExpanseEditor = _React$useState[0],
+      setOpenExpanseEditor = _React$useState[1];
 
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      inputRef = _useState2[0],
-      setInputRef = _useState2[1];
+      inputRef = _useState[0],
+      setInputRef = _useState[1];
 
-  var _React$useState3 = React.useState(value),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      localValue = _React$useState4[0],
-      setLocalValue = _React$useState4[1];
+  var _React$useState2 = React.useState(value),
+      localValue = _React$useState2[0],
+      setLocalValue = _React$useState2[1];
 
   var onChangeDebounce = React.useCallback(debounce(onChange, 300), [onChange]);
   React.useEffect(function () {
-    if ((inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && opened) {
+    if (inputRef != null && inputRef.current && opened) {
       inputRef.current.focus();
     }
   }, [inputRef, opened]);
@@ -55,12 +39,12 @@ var TextInput = function TextInput(_ref) {
     setLocalValue(value);
   }, [value]);
   var SuffixIcon = React.useMemo(function () {
-    return factorType === 'text' && textType === 'expansible' ? React.createElement(S.IconWrapper, {
+    return factorType === 'text' && textType === 'expansible' ? /*#__PURE__*/React.createElement(S.IconWrapper, {
       onClick: function onClick() {
         return setOpenExpanseEditor(true);
       }
-    }, React.createElement(Icon, {
-      component: React.createElement(FullScreenM, null),
+    }, /*#__PURE__*/React.createElement(Icon, {
+      component: /*#__PURE__*/React.createElement(FullScreenM, null),
       color: theme.palette['grey-600']
     })) : null;
   }, [textType, factorType]);
@@ -83,22 +67,22 @@ var TextInput = function TextInput(_ref) {
       return option.toLowerCase().includes(localValue.toLowerCase());
     }) || [];
   }, [localValue, autocompleteText]);
-  return React.createElement(React.Fragment, null, factorType === 'text' && textType === 'autocomplete' && autocompleteText ? React.createElement(Autocomplete, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, factorType === 'text' && textType === 'autocomplete' && autocompleteText ? /*#__PURE__*/React.createElement(Autocomplete, {
     placeholder: texts.valuePlaceholder,
     value: localValue,
     onChange: handleAutocomplete
-  }, autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.map(function (option) {
-    return React.createElement(Autocomplete.Option, {
+  }, autocompleteOptions == null ? void 0 : autocompleteOptions.map(function (option) {
+    return /*#__PURE__*/React.createElement(Autocomplete.Option, {
       key: option,
       value: option
     }, option);
-  })) : React.createElement(S.InputWrapper, null, React.createElement(Input, {
+  })) : /*#__PURE__*/React.createElement(S.InputWrapper, null, /*#__PURE__*/React.createElement(Input, {
     handleInputRef: setInputRef,
     placeholder: texts.valuePlaceholder,
     suffix: SuffixIcon,
     value: localValue,
     onChange: handleChange
-  })), React.createElement(TextModal, {
+  })), /*#__PURE__*/React.createElement(TextModal, {
     visible: openExpanseEditor,
     onCancel: function onCancel() {
       return setOpenExpanseEditor(false);

package/dist/FactorValue/Text/TextModal.js

@@ -1,15 +1,3 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-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."); }
-
-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); }
-
-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; }
-
-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; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import * as React from 'react';
 import ModalProxy from '@synerise/ds-modal';
 import Textarea from '@synerise/ds-input/dist/Textarea/Textarea';
@@ -22,9 +10,8 @@ var TextModal = function TextModal(_ref) {
       texts = _ref.texts;
 
   var _React$useState = React.useState('' || value),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      expandValue = _React$useState2[0],
-      setExpandValue = _React$useState2[1];
+      expandValue = _React$useState[0],
+      setExpandValue = _React$useState[1];
 
   React.useEffect(function () {
     setExpandValue(value);
@@ -36,7 +23,7 @@ var TextModal = function TextModal(_ref) {
   var handleOk = React.useCallback(function () {
     onApply(expandValue);
   }, [onApply, expandValue]);
-  return React.createElement(ModalProxy, {
+  return /*#__PURE__*/React.createElement(ModalProxy, {
     size: "medium",
     title: texts.modalTitle,
     closable: true,
@@ -45,7 +32,7 @@ var TextModal = function TextModal(_ref) {
     visible: visible,
     okText: texts.modalApply,
     cancelText: texts.modalCancel
-  }, React.createElement(Textarea, {
+  }, /*#__PURE__*/React.createElement(Textarea, {
     rows: 7,
     value: expandValue,
     onChange: function onChange(event) {

package/dist/Factors.js

@@ -6,7 +6,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import * as React from 'react';
 import { useIntl } from 'react-intl';
-import { BookM, Calendar2M, DynamicKeyM, FormulaM, HashM, ListM, ShowM, TextM } from '@synerise/ds-icon/dist/icons';
+import { BookM, Calendar2M, DynamicKeyM, FormulaM, HashM, ListM, ShowM, TextM } from '@synerise/ds-icon';
 import * as S from './style/Factors.style';
 import FactorTypeSelector from './FactorTypeSelector/FactorTypeSelector';
 import FactorValue from './FactorValue/FactorValue';
@@ -18,42 +18,42 @@ import ParameterInput from './FactorValue/Parameter/Parameter';
 import NumberInput from './FactorValue/Number/NumberInput';
 export var factorTypes = {
   text: {
-    icon: React.createElement(TextM, null),
+    icon: /*#__PURE__*/React.createElement(TextM, null),
     name: 'Text',
     input: TextInput
   },
   number: {
-    icon: React.createElement(HashM, null),
+    icon: /*#__PURE__*/React.createElement(HashM, null),
     name: 'Number',
     input: NumberInput
   },
   parameter: {
-    icon: React.createElement(BookM, null),
+    icon: /*#__PURE__*/React.createElement(BookM, null),
     name: 'Parameter',
     input: ParameterInput
   },
   contextParameter: {
-    icon: React.createElement(ShowM, null),
+    icon: /*#__PURE__*/React.createElement(ShowM, null),
     name: 'Context parameter',
     input: ParameterInput
   },
   dynamicKey: {
-    icon: React.createElement(DynamicKeyM, null),
+    icon: /*#__PURE__*/React.createElement(DynamicKeyM, null),
     name: 'Dynamic key',
     input: DynamicKey
   },
   formula: {
-    icon: React.createElement(FormulaM, null),
+    icon: /*#__PURE__*/React.createElement(FormulaM, null),
     name: 'Formula',
     input: FormulaInput
   },
   array: {
-    icon: React.createElement(ListM, null),
+    icon: /*#__PURE__*/React.createElement(ListM, null),
     name: 'Array',
     input: TextInput
   },
   date: {
-    icon: React.createElement(Calendar2M, null),
+    icon: /*#__PURE__*/React.createElement(Calendar2M, null),
     name: 'Date',
     input: DateInput
   }
@@ -84,6 +84,7 @@ var Factors = function Factors(_ref) {
       loading = _ref.loading,
       factorKey = _ref.factorKey,
       preventAutoloadData = _ref.preventAutoloadData,
+      onActivate = _ref.onActivate,
       getPopupContainerOverride = _ref.getPopupContainerOverride;
 
   var _useIntl = useIntl(),
@@ -167,18 +168,18 @@ var Factors = function Factors(_ref) {
   var selectedFactor = React.useMemo(function () {
     return factorTypes[factorType];
   }, [factorType]);
-  return React.createElement(S.Group, {
+  return /*#__PURE__*/React.createElement(S.Group, {
     resetMargin: true,
     compact: true,
     withoutTypeSelector: withoutTypeSelector,
-    className: "ds-factors ds-factors-".concat(factorType)
-  }, !withoutTypeSelector && setSelectedFactorType && React.createElement(FactorTypeSelector, {
+    className: "ds-factors ds-factors-" + factorType
+  }, !withoutTypeSelector && setSelectedFactorType && /*#__PURE__*/React.createElement(FactorTypeSelector, {
     selectedFactorType: factorType,
     setSelectedFactorType: setSelectedFactorType,
     selectedFactor: selectedFactor,
     availableFactorTypes: availableFactorTypes,
     unavailableFactorTypes: unavailableFactorTypes
-  }), React.createElement(FactorValue, {
+  }), /*#__PURE__*/React.createElement(FactorValue, {
     value: value,
     onChangeValue: onChangeValue,
     onParamsClick: onParamsClick,
@@ -194,7 +195,8 @@ var Factors = function Factors(_ref) {
     loading: loading,
     factorKey: factorKey,
     preventAutoloadData: preventAutoloadData,
-    getPopupContainerOverride: getPopupContainerOverride
+    getPopupContainerOverride: getPopupContainerOverride,
+    onActivate: onActivate
   }));
 };
 

package/dist/Factors.types.d.ts

@@ -69,6 +69,7 @@ export declare type FactorsProps = {
     selectedFactorType: FactorType;
     defaultFactorType: FactorType;
     getPopupContainerOverride?: (trigger: HTMLElement | null) => HTMLElement;
+    onActivate?: () => void;
     onChangeValue: (value: FactorValueType) => void;
     value: FactorValueType;
     textType?: 'autocomplete' | 'expansible' | 'default' | string;
@@ -94,11 +95,11 @@ export declare type FactorTypeSelectorProps = Pick<FactorsProps, 'unavailableFac
     setSelectedFactorType: (factor: FactorType) => void;
     selectedFactor: SelectedFactorType;
 };
-export declare type FactorValueProps = Pick<FactorsProps, 'onChangeValue' | 'onParamsClick' | 'value' | 'selectedFactorType' | 'parameters' | 'autocompleteText' | 'withoutTypeSelector' | 'textType' | 'formulaEditor' | 'opened' | 'loading' | 'factorKey' | 'preventAutoloadData' | 'getPopupContainerOverride'> & {
+export declare type FactorValueProps = Pick<FactorsProps, 'onChangeValue' | 'onParamsClick' | 'value' | 'selectedFactorType' | 'parameters' | 'autocompleteText' | 'withoutTypeSelector' | 'textType' | 'formulaEditor' | 'opened' | 'loading' | 'factorKey' | 'preventAutoloadData' | 'getPopupContainerOverride' | 'onActivate'> & {
     texts: FactorsTexts;
     selectedFactor: SelectedFactorType;
 };
-export declare type InputProps = Pick<FactorsProps, 'value' | 'parameters' | 'autocompleteText' | 'withoutTypeSelector' | 'textType' | 'opened' | 'getPopupContainerOverride'> & {
+export declare type InputProps = Pick<FactorsProps, 'value' | 'parameters' | 'autocompleteText' | 'withoutTypeSelector' | 'textType' | 'opened' | 'getPopupContainerOverride' | 'onActivate'> & {
     texts: FactorsTexts;
     onChange: (value: FactorValueType) => void;
     factorType: FactorType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-factors",
-  "version": "0.9.1",
+  "version": "0.10.3",
   "description": "Factors UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,20 +32,20 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-autocomplete": "^0.3.79",
-    "@synerise/ds-badge": "^0.4.81",
-    "@synerise/ds-button": "^0.15.0",
-    "@synerise/ds-date-picker": "^0.5.69",
-    "@synerise/ds-dropdown": "^0.16.31",
-    "@synerise/ds-icon": "^0.45.2",
-    "@synerise/ds-inline-edit": "^0.4.39",
-    "@synerise/ds-input": "^0.17.46",
-    "@synerise/ds-input-number": "^0.5.23",
-    "@synerise/ds-menu": "^0.10.45",
-    "@synerise/ds-modal": "^0.14.15",
-    "@synerise/ds-result": "^0.5.77",
-    "@synerise/ds-tabs": "^0.11.74",
-    "@synerise/ds-typography": "^0.11.9",
+    "@synerise/ds-autocomplete": "^0.4.3",
+    "@synerise/ds-badge": "^0.5.3",
+    "@synerise/ds-button": "^0.16.2",
+    "@synerise/ds-date-picker": "^0.6.3",
+    "@synerise/ds-dropdown": "^0.17.3",
+    "@synerise/ds-icon": "^0.46.2",
+    "@synerise/ds-inline-edit": "^0.5.3",
+    "@synerise/ds-input": "^0.18.2",
+    "@synerise/ds-input-number": "^0.6.3",
+    "@synerise/ds-menu": "^0.11.2",
+    "@synerise/ds-modal": "^0.15.2",
+    "@synerise/ds-result": "^0.6.2",
+    "@synerise/ds-tabs": "^0.12.3",
+    "@synerise/ds-typography": "^0.12.2",
     "@synerise/ds-utils": "^0.19.0",
     "classnames": "^2.2.6",
     "react-window": "1.8.5"
@@ -54,5 +54,5 @@
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "bf865b6d1967c42effb68dc794f34dd18ddebe27"
+  "gitHead": "2468359677783819939fb9f1ef5acc36667ecd1a"
 }