@synerise/ds-condition 0.11.1 → 0.12.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.12.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.12.2...@synerise/ds-condition@0.12.3) (2021-11-22)
+
+**Note:** Version bump only for package @synerise/ds-condition
+
+
+
+
+
+## [0.12.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.12.1...@synerise/ds-condition@0.12.2) (2021-11-16)
+
+**Note:** Version bump only for package @synerise/ds-condition
+
+
+
+
+
+## [0.12.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.11.1...@synerise/ds-condition@0.12.1) (2021-11-09)
+
+**Note:** Version bump only for package @synerise/ds-condition
+
+
+
+
+
+# [0.12.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.11.1...@synerise/ds-condition@0.12.0) (2021-11-09)
+
+**Note:** Version bump only for package @synerise/ds-condition
+
+
+
+
+
 ## [0.11.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.11.0...@synerise/ds-condition@0.11.1) (2021-11-05)
 
 **Note:** Version bump only for package @synerise/ds-condition

package/dist/Condition.js

@@ -1,17 +1,5 @@
 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; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -21,8 +9,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import * as React from 'react';
 import { useIntl } from 'react-intl';
 import { ReactSortable } from 'react-sortablejs';
-import { Add3M } from '@synerise/ds-icon/dist/icons';
-import Icon from '@synerise/ds-icon';
+import Icon, { Add3M } from '@synerise/ds-icon';
 import Button from '@synerise/ds-button';
 import { NOOP } from '@synerise/ds-utils';
 import usePrevious from '@synerise/ds-utils/dist/usePrevious/usePrevious';
@@ -77,19 +64,20 @@ var Condition = function Condition(props) {
   }, [texts, formatMessage]);
 
   var _React$useState = React.useState(DEFAULT_CONDITION),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      currentConditionId = _React$useState2[0],
-      setCurrentConditionId = _React$useState2[1];
+      currentConditionId = _React$useState[0],
+      setCurrentConditionId = _React$useState[1];
+
+  var _React$useState2 = React.useState(DEFAULT_STEP),
+      currentStepId = _React$useState2[0],
+      setCurrentStepId = _React$useState2[1];
 
-  var _React$useState3 = React.useState(DEFAULT_STEP),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      currentStepId = _React$useState4[0],
-      setCurrentStepId = _React$useState4[1];
+  var _React$useState3 = React.useState(DEFAULT_FIELD),
+      currentField = _React$useState3[0],
+      setCurrentField = _React$useState3[1];
 
-  var _React$useState5 = React.useState(DEFAULT_FIELD),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      currentField = _React$useState6[0],
-      setCurrentField = _React$useState6[1];
+  var _React$useState4 = React.useState(null),
+      priorityStepId = _React$useState4[0],
+      setPriorityStepId = _React$useState4[1];
 
   var prevSteps = usePrevious(steps);
   React.useEffect(function () {
@@ -100,7 +88,7 @@ var Condition = function Condition(props) {
 
         return {
           id: condition.id,
-          value: (_condition$parameter = condition.parameter) === null || _condition$parameter === void 0 ? void 0 : _condition$parameter.value
+          value: (_condition$parameter = condition.parameter) == null ? void 0 : _condition$parameter.value
         };
       });
       var oldStep = prevSteps.find(function (prevStep) {
@@ -118,7 +106,7 @@ var Condition = function Condition(props) {
       } else {
         var _step$conditions$;
 
-        result = (_step$conditions$ = step.conditions[0]) === null || _step$conditions$ === void 0 ? void 0 : _step$conditions$.id;
+        result = (_step$conditions$ = step.conditions[0]) == null ? void 0 : _step$conditions$.id;
       }
 
       return result;
@@ -200,17 +188,19 @@ var Condition = function Condition(props) {
     return onChangeOrder && steps.length > 1;
   }, [steps, onChangeOrder]);
   return React.useMemo(function () {
-    return React.createElement(S.Condition, {
+    return /*#__PURE__*/React.createElement(S.Condition, {
       className: "ds-conditions"
-    }, React.createElement(ReactSortable, _extends({}, SORTABLE_CONFIG, {
+    }, /*#__PURE__*/React.createElement(ReactSortable, _extends({}, SORTABLE_CONFIG, {
       list: steps,
       setList: onChangeOrder || NOOP
     }), steps.map(function (step, index) {
-      return React.createElement(ConditionStep, {
-        key: "step-id-".concat(step.id),
+      return /*#__PURE__*/React.createElement(ConditionStep, {
+        key: "step-id-" + step.id,
         step: step,
         texts: texts,
         index: index,
+        hasPriority: step.id === priorityStepId,
+        onStepActivate: setPriorityStepId,
         getPopupContainerOverride: getPopupContainerOverride,
         draggableEnabled: draggableEnabled,
         selectOperator: selectOperator,
@@ -230,14 +220,14 @@ var Condition = function Condition(props) {
         removeCondition: removeCondition,
         addCondition: addCondition
       });
-    })), addStep && React.createElement(Button, {
+    })), addStep && /*#__PURE__*/React.createElement(Button, {
       type: "ghost-primary",
       mode: "icon-label",
       onClick: addStep
-    }, React.createElement(Icon, {
-      component: React.createElement(Add3M, null)
+    }, /*#__PURE__*/React.createElement(Icon, {
+      component: /*#__PURE__*/React.createElement(Add3M, null)
     }), text.addStep));
-  }, [steps, onChangeOrder, addStep, text.addStep, texts, draggableEnabled, selectOperator, selectParameter, selectContext, selectSubject, onUpdateStepName, duplicateStep, removeStep, minConditionsLength, maxConditionsLength, setStepConditionFactorType, setStepConditionFactorValue, currentConditionId, currentStepId, currentField, removeCondition, addCondition, getPopupContainerOverride]);
+  }, [steps, priorityStepId, setPriorityStepId, onChangeOrder, addStep, text.addStep, texts, draggableEnabled, selectOperator, selectParameter, selectContext, selectSubject, onUpdateStepName, duplicateStep, removeStep, minConditionsLength, maxConditionsLength, setStepConditionFactorType, setStepConditionFactorValue, currentConditionId, currentStepId, currentField, removeCondition, addCondition, getPopupContainerOverride]);
 };
 
 export default Condition;

package/dist/Condition.types.js

@@ -0,0 +1 @@
+export {};

package/dist/ConditionStep/AddCondition/AddCondition.js

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import Button from '@synerise/ds-button';
-import Icon from '@synerise/ds-icon';
-import { Add2M } from '@synerise/ds-icon/dist/icons';
+import Icon, { Add2M } from '@synerise/ds-icon';
 import * as S from '../../Condition.style';
 // eslint-disable-next-line import/prefer-default-export
 export var AddCondition = function AddCondition(_ref) {
@@ -11,17 +10,17 @@ export var AddCondition = function AddCondition(_ref) {
       texts = _ref.texts,
       selectedSubject = _ref.selectedSubject,
       selectedContext = _ref.selectedContext;
-  return React.createElement(S.AddConditionRow, null, React.createElement(S.ConditionConnections, {
+  return /*#__PURE__*/React.createElement(S.AddConditionRow, null, /*#__PURE__*/React.createElement(S.ConditionConnections, {
     last: true,
     first: conditionsNumber === 0
-  }), React.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(Button, {
     type: "ghost",
     mode: "icon-label",
     onClick: function onClick() {
       addCondition && addCondition(stepId);
     },
     disabled: !(selectedSubject || selectedContext)
-  }, React.createElement(Icon, {
-    component: React.createElement(Add2M, null)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(Add2M, null)
   }), conditionsNumber > 0 ? texts.addConditionRowButton : texts.addFirstConditionRowButton));
 };

package/dist/ConditionStep/AddCondition/AddCondition.types.js

@@ -0,0 +1 @@
+export {};

package/dist/ConditionStep/ConditionRow/ConditionRow.js

@@ -3,8 +3,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import Factors from '@synerise/ds-factors';
 import Operators from '@synerise/ds-operators';
 import Tooltip from '@synerise/ds-tooltip';
-import Icon from '@synerise/ds-icon';
-import { CloseS } from '@synerise/ds-icon/dist/icons';
+import Icon, { CloseS } from '@synerise/ds-icon';
 import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
 import * as React from 'react';
 import { FACTOR, OPERATOR, PARAMETER } from '../../Condition';
@@ -30,27 +29,31 @@ export var ConditionRow = function ConditionRow(_ref) {
       setStepConditionFactorType = _ref.setStepConditionFactorType,
       setStepConditionFactorValue = _ref.setStepConditionFactorValue,
       getPopupContainerOverride = _ref.getPopupContainerOverride,
+      onActivate = _ref.onActivate,
       texts = _ref.texts;
-  return React.createElement(S.ConditionRow, {
-    key: "condition-row-".concat(conditionId),
+  return /*#__PURE__*/React.createElement(S.ConditionRow, {
+    key: "condition-row-" + conditionId,
     index: index
-  }, React.createElement(S.ConditionConnections, {
+  }, /*#__PURE__*/React.createElement(S.ConditionConnections, {
     first: index === 0,
     last: Boolean(addCondition && index + 1 === conditionsNumber && maxConditionLength !== undefined && conditionsNumber === maxConditionLength)
-  }), React.createElement(S.ConditionWrapper, null, conditionParameter && React.createElement(Factors, _extends({}, conditionParameter, {
+  }), /*#__PURE__*/React.createElement(S.ConditionWrapper, null, conditionParameter && /*#__PURE__*/React.createElement(Factors, _extends({}, conditionParameter, {
     getPopupContainerOverride: getPopupContainerOverride,
+    onActivate: onActivate,
     onChangeValue: function onChangeValue(value) {
       return selectParameter(stepId, conditionId, value);
     },
     opened: stepId === currentStepId && conditionId === currentConditionId && currentField === PARAMETER
-  }))), (!conditionParameter || (conditionParameter === null || conditionParameter === void 0 ? void 0 : conditionParameter.value)) && conditionOperator && React.createElement(S.ConditionWrapper, null, React.createElement(Operators, _extends({}, conditionOperator, {
+  }))), (!conditionParameter || (conditionParameter == null ? void 0 : conditionParameter.value)) && conditionOperator && /*#__PURE__*/React.createElement(S.ConditionWrapper, null, /*#__PURE__*/React.createElement(Operators, _extends({}, conditionOperator, {
     getPopupContainerOverride: getPopupContainerOverride,
+    onActivate: onActivate,
     onChange: function onChange(value) {
       return selectOperator(stepId, conditionId, value);
     },
     opened: stepId === currentStepId && conditionId === currentConditionId && currentField === OPERATOR
-  }))), (conditionOperator === null || conditionOperator === void 0 ? void 0 : conditionOperator.value) && React.createElement(S.ConditionWrapper, null, React.createElement(React.Fragment, null, (conditionFactor === null || conditionFactor === void 0 ? void 0 : conditionFactor.withCustomFactor) || React.createElement(Factors, _extends({}, conditionFactor, {
+  }))), (conditionOperator == null ? void 0 : conditionOperator.value) && /*#__PURE__*/React.createElement(S.ConditionWrapper, null, /*#__PURE__*/React.createElement(React.Fragment, null, (conditionFactor == null ? void 0 : conditionFactor.withCustomFactor) || /*#__PURE__*/React.createElement(Factors, _extends({}, conditionFactor, {
     getPopupContainerOverride: getPopupContainerOverride,
+    onActivate: onActivate,
     setSelectedFactorType: function setSelectedFactorType(factorType) {
       return setStepConditionFactorType(stepId, conditionId, factorType);
     },
@@ -59,16 +62,16 @@ export var ConditionRow = function ConditionRow(_ref) {
     },
     factorKey: conditionId,
     opened: stepId === currentStepId && conditionId === currentConditionId && currentField === FACTOR
-  })))), removeCondition && conditionsNumber > minConditionLength && React.createElement(S.RemoveIconWrapper, {
+  })))), removeCondition && conditionsNumber > minConditionLength && /*#__PURE__*/React.createElement(S.RemoveIconWrapper, {
     onClick: function onClick() {
       return removeCondition(stepId, conditionId);
     },
     className: "ds-conditions-remove-row"
-  }, React.createElement(Tooltip, {
+  }, /*#__PURE__*/React.createElement(Tooltip, {
     title: texts.removeConditionRowTooltip,
     trigger: ['hover']
-  }, React.createElement(Icon, {
-    component: React.createElement(CloseS, null),
+  }, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(CloseS, null),
     color: theme.palette['red-600']
   }))));
 };

package/dist/ConditionStep/ConditionRow/ConditionRow.types.d.ts

@@ -4,6 +4,7 @@ import { OperatorsProps } from '@synerise/ds-operators/dist/Operator.types';
 import { ConditionProps, ConditionTexts } from '../../Condition.types';
 export declare type ConditionRowProps = {
     index: number;
+    onActivate?: () => void;
     conditionId: React.ReactText;
     addCondition: ConditionProps['addCondition'];
     conditionParameter: FactorsProps;

package/dist/ConditionStep/ConditionRow/ConditionRow.types.js

@@ -0,0 +1 @@
+export {};

package/dist/ConditionStep/ConditionStep.js

@@ -35,6 +35,8 @@ export var ConditionStep = function ConditionStep(_ref) {
       setStepConditionFactorType = _ref.setStepConditionFactorType,
       setStepConditionFactorValue = _ref.setStepConditionFactorValue,
       getPopupContainerOverride = _ref.getPopupContainerOverride,
+      onStepActivate = _ref.onStepActivate,
+      hasPriority = _ref.hasPriority,
       currentStepId = _ref.currentStepId,
       currentConditionId = _ref.currentConditionId,
       currentField = _ref.currentField;
@@ -82,8 +84,15 @@ export var ConditionStep = function ConditionStep(_ref) {
       })
     }, texts);
   }, [texts, formatMessage]);
+  var onActivate = onStepActivate ? function () {
+    return onStepActivate(step.id);
+  } : undefined;
+  var onAddCondition = React.useCallback(function (stepId) {
+    addCondition && addCondition(stepId);
+    onActivate && onActivate();
+  }, [addCondition, onActivate]);
   var stepHeader = React.useMemo(function () {
-    return React.createElement(StepHeader, {
+    return /*#__PURE__*/React.createElement(StepHeader, {
       index: index,
       stepId: step.id,
       stepName: step.stepName || '',
@@ -97,20 +106,20 @@ export var ConditionStep = function ConditionStep(_ref) {
   var addConditionButton = React.useMemo(function () {
     var _step$subject, _step$context;
 
-    return addCondition && (maxConditionsLength === undefined || step.conditions.length < maxConditionsLength) && React.createElement(AddCondition, {
+    return addCondition && (maxConditionsLength === undefined || step.conditions.length < maxConditionsLength) && /*#__PURE__*/React.createElement(AddCondition, {
       texts: text,
       stepId: step.id,
-      addCondition: addCondition,
+      addCondition: onAddCondition,
       conditionsNumber: step.conditions.length,
-      selectedSubject: Boolean((_step$subject = step.subject) === null || _step$subject === void 0 ? void 0 : _step$subject.selectedItem),
-      selectedContext: Boolean((_step$context = step.context) === null || _step$context === void 0 ? void 0 : _step$context.selectedItem)
+      selectedSubject: Boolean((_step$subject = step.subject) == null ? void 0 : _step$subject.selectedItem),
+      selectedContext: Boolean((_step$context = step.context) == null ? void 0 : _step$context.selectedItem)
     });
-  }, [addCondition, maxConditionsLength, step.conditions.length, step.context, step.id, step.subject, text]);
+  }, [addCondition, onAddCondition, maxConditionsLength, step.conditions.length, step.context, step.id, step.subject, text]);
   var renderConditionRow = React.useCallback(function (condition, conditionIndex) {
     var _step$context2;
 
-    return React.createElement(ConditionRow, {
-      key: "step-".concat(step.id, "-condition-").concat(condition.id),
+    return /*#__PURE__*/React.createElement(ConditionRow, {
+      key: "step-" + step.id + "-condition-" + condition.id,
       index: conditionIndex,
       conditionId: condition.id,
       addCondition: addCondition,
@@ -121,31 +130,42 @@ export var ConditionStep = function ConditionStep(_ref) {
       minConditionLength: minConditionsLength,
       maxConditionLength: maxConditionsLength,
       conditionsNumber: step.conditions.length,
+      onActivate: onActivate,
       stepId: step.id,
       currentStepId: currentStepId,
       currentConditionId: currentConditionId,
       currentField: currentField,
       selectParameter: selectParameter,
       selectOperator: selectOperator,
-      getPopupContainerOverride: getPopupContainerOverride,
+      getPopupContainerOverride: getPopupContainerOverride || function () {
+        return document.querySelector("#condition-step-" + step.id) || document.body;
+      },
       setStepConditionFactorType: setStepConditionFactorType,
       setStepConditionFactorValue: setStepConditionFactorValue,
       texts: text,
-      stepType: (_step$context2 = step.context) === null || _step$context2 === void 0 ? void 0 : _step$context2.type
+      stepType: (_step$context2 = step.context) == null ? void 0 : _step$context2.type
     });
-  }, [getPopupContainerOverride, addCondition, currentConditionId, currentField, currentStepId, maxConditionsLength, minConditionsLength, removeCondition, selectOperator, selectParameter, setStepConditionFactorType, setStepConditionFactorValue, step.conditions.length, step.context, step.id, text]);
-  return React.createElement(S.Step, {
+  }, [getPopupContainerOverride, addCondition, currentConditionId, currentField, currentStepId, maxConditionsLength, minConditionsLength, removeCondition, selectOperator, selectParameter, setStepConditionFactorType, setStepConditionFactorValue, step.conditions.length, step.context, step.id, text, onActivate]);
+  return /*#__PURE__*/React.createElement(S.Step, {
     key: step.id,
-    "data-dropLabel": text.dropLabel
-  }, updateStepName && stepHeader, React.createElement(S.StepConditions, {
+    id: "condition-step-" + step.id,
+    "data-dropLabel": text.dropLabel,
+    style: hasPriority ? {
+      zIndex: 10001
+    } : undefined
+  }, updateStepName && stepHeader, /*#__PURE__*/React.createElement(S.StepConditions, {
     withoutStepName: updateStepName === undefined
-  }, React.createElement(S.Subject, null, step.subject && React.createElement(Subject, _extends({}, step.subject, {
+  }, /*#__PURE__*/React.createElement(S.Subject, null, step.subject && /*#__PURE__*/React.createElement(Subject, _extends({}, step.subject, {
+    getPopupContainerOverride: getPopupContainerOverride,
+    onActivate: onActivate,
     onSelectItem: function onSelectItem(value) {
       return selectSubject(value, step.id);
     }
-  })), step.context && React.createElement(ContextSelector, _extends({}, step.context, {
+  })), step.context && /*#__PURE__*/React.createElement(ContextSelector, _extends({}, step.context, {
+    getPopupContainerOverride: getPopupContainerOverride,
+    onActivate: onActivate,
     onSelectItem: function onSelectItem(value) {
       return selectContext(value, step.id);
     }
-  }))), React.createElement(S.ConditionRows, null, step.conditions.length > 0 && step.conditions.map(renderConditionRow), addConditionButton)));
+  }))), /*#__PURE__*/React.createElement(S.ConditionRows, null, step.conditions.length > 0 && step.conditions.map(renderConditionRow), addConditionButton)));
 };

package/dist/ConditionStep/ConditionStep.types.d.ts

@@ -7,6 +7,8 @@ import { ConditionStep, ConditionTexts, ConditionProps } from '../Condition.type
 export declare type ConditionStepProps = {
     index: number;
     step: ConditionStep;
+    hasPriority?: boolean;
+    onStepActivate?: (stepid: React.ReactText) => void;
     getPopupContainerOverride?: ConditionProps['getPopupContainerOverride'];
     addCondition?: (stepId: React.ReactText) => void;
     removeCondition?: (stepId: React.ReactText, conditionRowId: React.ReactText) => void;

package/dist/ConditionStep/ConditionStep.types.js

@@ -0,0 +1 @@
+export {};

package/dist/ConditionStep/StepHeader/StepHeader.js

@@ -1,19 +1,7 @@
-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 InlineEdit from '@synerise/ds-inline-edit';
 import * as React from 'react';
 import Cruds from '@synerise/ds-cruds';
-import { DragHandleM } from '@synerise/ds-icon/dist/icons';
+import { DragHandleM } from '@synerise/ds-icon/';
 import { NOOP } from '@synerise/ds-utils';
 import { debounce } from 'lodash';
 import * as S from '../../Condition.style';
@@ -31,9 +19,8 @@ export var StepHeader = function StepHeader(_ref) {
   var onChangeNameDebounce = React.useCallback(debounce(updateStepName, 300), [updateStepName]);
 
   var _React$useState = React.useState(stepName),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      localName = _React$useState2[0],
-      setLocalName = _React$useState2[1];
+      localName = _React$useState[0],
+      setLocalName = _React$useState[1];
 
   React.useEffect(function () {
     setLocalName(stepName);
@@ -42,20 +29,20 @@ export var StepHeader = function StepHeader(_ref) {
     setLocalName(event.target.value);
     onChangeNameDebounce(stepId, event.target.value);
   }, [onChangeNameDebounce, stepId]);
-  return React.createElement(S.StepHeader, null, updateStepName && React.createElement(S.StepName, null, "".concat(index + 1, "."), ' ', React.createElement(InlineEdit, {
+  return /*#__PURE__*/React.createElement(S.StepHeader, null, updateStepName && /*#__PURE__*/React.createElement(S.StepName, null, index + 1 + ".", ' ', /*#__PURE__*/React.createElement(InlineEdit, {
     size: "small",
     input: {
       value: localName,
-      name: "condition-step-name-".concat(stepId),
+      name: "condition-step-name-" + stepId,
       placeholder: texts.stepNamePlaceholder,
       onChange: handleChangeName
     }
-  })), React.createElement(S.StepCruds, null, draggableEnabled && React.createElement(Cruds.CustomAction, {
-    icon: React.createElement(DragHandleM, null),
+  })), /*#__PURE__*/React.createElement(S.StepCruds, null, draggableEnabled && /*#__PURE__*/React.createElement(Cruds.CustomAction, {
+    icon: /*#__PURE__*/React.createElement(DragHandleM, null),
     title: texts.moveTooltip,
     onClick: NOOP,
     className: "step-drag-handler"
-  }), React.createElement(Cruds, {
+  }), /*#__PURE__*/React.createElement(Cruds, {
     onDuplicate: duplicateStep ? function () {
       return duplicateStep(stepId);
     } : undefined,

package/dist/ConditionStep/StepHeader/StepHeader.types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-condition",
-  "version": "0.11.1",
+  "version": "0.12.3",
   "description": "Condition UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,16 +32,16 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.15.0",
-    "@synerise/ds-context-selector": "^0.7.3",
-    "@synerise/ds-core": "^0.30.14",
-    "@synerise/ds-cruds": "^0.2.50",
-    "@synerise/ds-factors": "^0.9.1",
-    "@synerise/ds-icon": "^0.36.0",
-    "@synerise/ds-inline-edit": "^0.4.39",
-    "@synerise/ds-operators": "^0.5.3",
-    "@synerise/ds-subject": "^0.5.52",
-    "@synerise/ds-tooltip": "^0.10.56",
+    "@synerise/ds-button": "^0.16.2",
+    "@synerise/ds-context-selector": "^0.8.3",
+    "@synerise/ds-core": "^0.31.2",
+    "@synerise/ds-cruds": "^0.3.2",
+    "@synerise/ds-factors": "^0.10.3",
+    "@synerise/ds-icon": "^0.46.2",
+    "@synerise/ds-inline-edit": "^0.5.3",
+    "@synerise/ds-operators": "^0.6.3",
+    "@synerise/ds-subject": "^0.6.3",
+    "@synerise/ds-tooltip": "^0.11.2",
     "@synerise/ds-utils": "^0.19.0",
     "react-sortablejs": "^6.0.0"
   },
@@ -49,5 +49,5 @@
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "bf865b6d1967c42effb68dc794f34dd18ddebe27"
+  "gitHead": "2468359677783819939fb9f1ef5acc36667ecd1a"
 }