@synerise/ds-condition 0.25.1 → 0.25.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.25.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.25.2...@synerise/ds-condition@0.25.3) (2024-11-22)
+
+**Note:** Version bump only for package @synerise/ds-condition
+
+
+
+
+
+## [0.25.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.25.1...@synerise/ds-condition@0.25.2) (2024-11-21)
+
+
+### Bug Fixes
+
+* **core:** onError fn types ([c34bdfe](https://github.com/Synerise/synerise-design/commit/c34bdfe9da898d7999c605f9fbcbba4716dfb6d4))
+
+
+
+
+
 ## [0.25.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.25.0...@synerise/ds-condition@0.25.1) (2024-11-12)
 
 **Note:** Version bump only for package @synerise/ds-condition

package/dist/Condition.js

@@ -1,15 +1,9 @@
 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 _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, { useEffect, useState, useCallback, useMemo } from 'react';
 import { useIntl } from 'react-intl';
 import { ReactSortable } from 'react-sortablejs';
@@ -20,46 +14,43 @@ import usePrevious from '@synerise/ds-utils/dist/usePrevious/usePrevious';
 import { ConditionStep } from './ConditionStep';
 import * as S from './Condition.style';
 import { SORTABLE_CONFIG, DEFAULT_CONDITION, DEFAULT_FIELD, DEFAULT_STEP, OPERATOR, FACTOR, PARAMETER, SUBJECT, DEFAULT_INPUT_PROPS, ACTION_ATTRIBUTE } from './constants';
-
 var Condition = function Condition(props) {
   var steps = props.steps,
-      addCondition = props.addCondition,
-      removeCondition = props.removeCondition,
-      texts = props.texts,
-      duplicateStep = props.duplicateStep,
-      removeStep = props.removeStep,
-      addStep = props.addStep,
-      renderAddStep = props.renderAddStep,
-      onChangeOrder = props.onChangeOrder,
-      _props$minConditionsL = props.minConditionsLength,
-      minConditionsLength = _props$minConditionsL === void 0 ? 1 : _props$minConditionsL,
-      maxConditionsLength = props.maxConditionsLength,
-      autoClearCondition = props.autoClearCondition,
-      onChangeContext = props.onChangeContext,
-      onChangeSubject = props.onChangeSubject,
-      onChangeParameter = props.onChangeParameter,
-      onChangeOperator = props.onChangeOperator,
-      onChangeFactorType = props.onChangeFactorType,
-      onChangeFactorValue = props.onChangeFactorValue,
-      onUpdateStepName = props.onUpdateStepName,
-      getPopupContainerOverride = props.getPopupContainerOverride,
-      showSuffix = props.showSuffix,
-      hoverDisabled = props.hoverDisabled,
-      _props$autoOpenedComp = props.autoOpenedComponent,
-      autoOpenedComponent = _props$autoOpenedComp === void 0 ? DEFAULT_FIELD : _props$autoOpenedComp,
-      inputProps = props.inputProps,
-      onDeactivate = props.onDeactivate,
-      _props$readOnly = props.readOnly,
-      readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
-      singleStepCondition = props.singleStepCondition,
-      showActionAttribute = props.showActionAttribute,
-      onChangeActionAttribute = props.onChangeActionAttribute,
-      _props$showEmptyCondi = props.showEmptyConditionPlaceholder,
-      showEmptyConditionPlaceholder = _props$showEmptyCondi === void 0 ? false : _props$showEmptyCondi;
-
+    addCondition = props.addCondition,
+    removeCondition = props.removeCondition,
+    texts = props.texts,
+    duplicateStep = props.duplicateStep,
+    removeStep = props.removeStep,
+    addStep = props.addStep,
+    renderAddStep = props.renderAddStep,
+    onChangeOrder = props.onChangeOrder,
+    _props$minConditionsL = props.minConditionsLength,
+    minConditionsLength = _props$minConditionsL === void 0 ? 1 : _props$minConditionsL,
+    maxConditionsLength = props.maxConditionsLength,
+    autoClearCondition = props.autoClearCondition,
+    onChangeContext = props.onChangeContext,
+    onChangeSubject = props.onChangeSubject,
+    onChangeParameter = props.onChangeParameter,
+    onChangeOperator = props.onChangeOperator,
+    onChangeFactorType = props.onChangeFactorType,
+    onChangeFactorValue = props.onChangeFactorValue,
+    onUpdateStepName = props.onUpdateStepName,
+    getPopupContainerOverride = props.getPopupContainerOverride,
+    showSuffix = props.showSuffix,
+    hoverDisabled = props.hoverDisabled,
+    _props$autoOpenedComp = props.autoOpenedComponent,
+    autoOpenedComponent = _props$autoOpenedComp === void 0 ? DEFAULT_FIELD : _props$autoOpenedComp,
+    inputProps = props.inputProps,
+    onDeactivate = props.onDeactivate,
+    _props$readOnly = props.readOnly,
+    readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+    singleStepCondition = props.singleStepCondition,
+    showActionAttribute = props.showActionAttribute,
+    onChangeActionAttribute = props.onChangeActionAttribute,
+    _props$showEmptyCondi = props.showEmptyConditionPlaceholder,
+    showEmptyConditionPlaceholder = _props$showEmptyCondi === void 0 ? false : _props$showEmptyCondi;
   var _useIntl = useIntl(),
-      formatMessage = _useIntl.formatMessage;
-
+    formatMessage = _useIntl.formatMessage;
   var text = useMemo(function () {
     return _objectSpread({
       addStep: formatMessage({
@@ -76,34 +67,29 @@ var Condition = function Condition(props) {
       })
     }, texts);
   }, [texts, formatMessage]);
-
   var _useState = useState(DEFAULT_CONDITION),
-      currentConditionId = _useState[0],
-      setCurrentConditionId = _useState[1];
-
+    currentConditionId = _useState[0],
+    setCurrentConditionId = _useState[1];
   var _useState2 = useState(DEFAULT_STEP),
-      currentStepId = _useState2[0],
-      setCurrentStepId = _useState2[1];
-
+    currentStepId = _useState2[0],
+    setCurrentStepId = _useState2[1];
   var _useState3 = useState(autoOpenedComponent),
-      currentField = _useState3[0],
-      setCurrentField = _useState3[1];
-
+    currentField = _useState3[0],
+    setCurrentField = _useState3[1];
   var prevSteps = usePrevious(steps);
   useEffect(function () {
     if (autoOpenedComponent && steps.length && steps[0].conditions[0].operator && steps[0].conditions[0].operator.value === undefined) {
       setCurrentStepId(steps[0].id);
       setCurrentConditionId(steps[0].conditions[0].id);
       setCurrentField(autoOpenedComponent);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   useEffect(function () {
     var newConditionId = prevSteps && steps && steps.reduce(function (id, step) {
       var result = id;
       var conditions = step.conditions.map(function (condition) {
         var _condition$parameter;
-
         return {
           id: condition.id,
           value: (_condition$parameter = condition.parameter) == null ? void 0 : _condition$parameter.value
@@ -112,7 +98,6 @@ var Condition = function Condition(props) {
       var oldStep = prevSteps.find(function (prevStep) {
         return prevStep.id === step.id;
       });
-
       if (oldStep) {
         var oldConditions = oldStep.conditions.map(function (condition) {
           return condition.id;
@@ -123,13 +108,10 @@ var Condition = function Condition(props) {
         result = newCondition && !newCondition.value ? newCondition.id : result;
       } else {
         var _step$conditions$;
-
         result = (_step$conditions$ = step.conditions[0]) == null ? void 0 : _step$conditions$.id;
       }
-
       return result;
     }, undefined);
-
     if (newConditionId && newConditionId !== currentConditionId) {
       setCurrentConditionId(newConditionId);
     }
@@ -139,7 +121,6 @@ var Condition = function Condition(props) {
       return s.id === stepId;
     });
     if (step === undefined || step.conditions.length === 0) return;
-
     if (removeCondition && addCondition) {
       step.conditions.forEach(function (condition, index) {
         if (index > 0) {
@@ -147,7 +128,6 @@ var Condition = function Condition(props) {
         }
       });
     }
-
     autoClearCondition && step.conditions.forEach(function (condition) {
       onChangeFactorValue && onChangeFactorValue(step.id, condition.id, undefined);
       onChangeOperator && onChangeOperator(step.id, condition.id, undefined);
@@ -155,7 +135,6 @@ var Condition = function Condition(props) {
     });
     setCurrentConditionId(step.conditions[0].id);
     setCurrentStepId(step.id);
-
     if (step.conditions[0].parameter) {
       setCurrentField(PARAMETER);
     } else if (step.conditions[0].operator) {
@@ -165,25 +144,21 @@ var Condition = function Condition(props) {
   var selectSubject = useCallback(function (value, stepId) {
     clearConditionRow(stepId);
     setCurrentStepId(stepId);
-
     if (showActionAttribute) {
       setCurrentField(ACTION_ATTRIBUTE);
     } else {
       setCurrentField(PARAMETER);
     }
-
     onChangeSubject && onChangeSubject(stepId, value);
   }, [clearConditionRow, onChangeSubject, showActionAttribute]);
   var selectContext = useCallback(function (value, stepId) {
     clearConditionRow(stepId);
     setCurrentStepId(stepId);
-
     if (showActionAttribute) {
       setCurrentField(ACTION_ATTRIBUTE);
     } else {
       setCurrentField(PARAMETER);
     }
-
     onChangeContext && onChangeContext(stepId, value);
   }, [clearConditionRow, onChangeContext, showActionAttribute]);
   var selectActionAttribute = useCallback(function (value, stepId) {
@@ -227,7 +202,6 @@ var Condition = function Condition(props) {
   }, [steps, onChangeOrder]);
   var handleAddStep = useCallback(function () {
     var newStepId = addStep ? addStep() : undefined;
-
     if (newStepId) {
       setCurrentStepId(newStepId);
       setCurrentField(SUBJECT);
@@ -237,10 +211,8 @@ var Condition = function Condition(props) {
     if (!addCondition) {
       return undefined;
     }
-
     return function (stepId) {
       var newConditionId = addCondition ? addCondition(stepId) : undefined;
-
       if (newConditionId) {
         setCurrentConditionId(newConditionId);
         setCurrentStepId(stepId);
@@ -308,5 +280,4 @@ var Condition = function Condition(props) {
     }), text.addStep)), !readOnly && renderAddStep && /*#__PURE__*/React.createElement(S.AddStepButton, null, renderAddStep()));
   }, [steps, onChangeOrder, addStep, handleAddStep, text, readOnly, renderAddStep, currentStepId, getPopupContainerOverride, draggableEnabled, selectOperator, selectParameter, selectContext, selectSubject, onUpdateStepName, duplicateStep, removeStep, minConditionsLength, maxConditionsLength, setStepConditionFactorType, setStepConditionFactorValue, currentConditionId, currentField, removeCondition, handleAddCondition, handleClearActiveCondition, showSuffix, hoverDisabled, inputProps, singleStepCondition, selectActionAttribute, showActionAttribute, showEmptyConditionPlaceholder]);
 };
-
 export default Condition;

package/dist/Condition.style.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const ErrorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DragIcon: import("styled-components").StyledComponent<import("react").FC<import("@synerise/ds-icon").IconProps>, any, {}, never>;
+export declare const DragIcon: import("styled-components").StyledComponent<({ name, component, className, ...rest }: import("@synerise/ds-icon").IconProps) => import("react").JSX.Element, any, {}, never>;
 export declare const StepConditionCruds: import("styled-components").StyledComponent<import("react").FC<import("@synerise/ds-cruds/dist/Cruds.types").CrudsProps> & import("@synerise/ds-cruds/dist/Cruds.types").CrudsSubComponents, any, {}, never>;
 export declare const StepConditions: import("styled-components").StyledComponent<"div", any, {
     withCruds?: boolean | undefined;

package/dist/ConditionStep/AddCondition/AddCondition.js

@@ -4,12 +4,12 @@ import Icon, { Add2M } from '@synerise/ds-icon';
 import * as S from '../../Condition.style';
 export var AddCondition = function AddCondition(_ref) {
   var addCondition = _ref.addCondition,
-      stepId = _ref.stepId,
-      conditionsNumber = _ref.conditionsNumber,
-      texts = _ref.texts,
-      _ref$isDisabled = _ref.isDisabled,
-      isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-      errorText = _ref.errorText;
+    stepId = _ref.stepId,
+    conditionsNumber = _ref.conditionsNumber,
+    texts = _ref.texts,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    errorText = _ref.errorText;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.AddConditionRow, null, /*#__PURE__*/React.createElement(S.ConditionConnections, {
     last: true,
     first: conditionsNumber === 0

package/dist/ConditionStep/ConditionRow/ConditionRow.js

@@ -1,15 +1,9 @@
 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 _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, { useMemo } from 'react';
 import Factors from '@synerise/ds-factors';
 import Operators from '@synerise/ds-operators';
@@ -21,38 +15,37 @@ import { FACTOR, OPERATOR, PARAMETER } from '../../constants';
 import * as S from '../../Condition.style';
 export var ConditionRow = function ConditionRow(_ref) {
   var index = _ref.index,
-      conditionId = _ref.conditionId,
-      conditionParameter = _ref.conditionParameter,
-      conditionOperator = _ref.conditionOperator,
-      conditionFactor = _ref.conditionFactor,
-      removeCondition = _ref.removeCondition,
-      addCondition = _ref.addCondition,
-      minConditionLength = _ref.minConditionLength,
-      maxConditionLength = _ref.maxConditionLength,
-      conditionsNumber = _ref.conditionsNumber,
-      stepId = _ref.stepId,
-      currentStepId = _ref.currentStepId,
-      currentConditionId = _ref.currentConditionId,
-      currentField = _ref.currentField,
-      selectParameter = _ref.selectParameter,
-      selectOperator = _ref.selectOperator,
-      setStepConditionFactorType = _ref.setStepConditionFactorType,
-      setStepConditionFactorValue = _ref.setStepConditionFactorValue,
-      getPopupContainerOverride = _ref.getPopupContainerOverride,
-      _onActivate = _ref.onActivate,
-      hasPriority = _ref.hasPriority,
-      texts = _ref.texts,
-      onDeactivate = _ref.onDeactivate,
-      inputProps = _ref.inputProps,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
+    conditionId = _ref.conditionId,
+    conditionParameter = _ref.conditionParameter,
+    conditionOperator = _ref.conditionOperator,
+    conditionFactor = _ref.conditionFactor,
+    removeCondition = _ref.removeCondition,
+    addCondition = _ref.addCondition,
+    minConditionLength = _ref.minConditionLength,
+    maxConditionLength = _ref.maxConditionLength,
+    conditionsNumber = _ref.conditionsNumber,
+    stepId = _ref.stepId,
+    currentStepId = _ref.currentStepId,
+    currentConditionId = _ref.currentConditionId,
+    currentField = _ref.currentField,
+    selectParameter = _ref.selectParameter,
+    selectOperator = _ref.selectOperator,
+    setStepConditionFactorType = _ref.setStepConditionFactorType,
+    setStepConditionFactorValue = _ref.setStepConditionFactorValue,
+    getPopupContainerOverride = _ref.getPopupContainerOverride,
+    _onActivate = _ref.onActivate,
+    hasPriority = _ref.hasPriority,
+    texts = _ref.texts,
+    onDeactivate = _ref.onDeactivate,
+    inputProps = _ref.inputProps,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
   var conditionFactorErrorText = conditionFactor == null ? void 0 : conditionFactor.errorText;
   var conditionParameterErrorText = conditionParameter == null ? void 0 : conditionParameter.errorText;
   var conditionOperatorErrorText = conditionOperator == null ? void 0 : conditionOperator.errorText;
   var rowHasError = !!(conditionParameterErrorText || conditionOperatorErrorText || conditionFactorErrorText);
   var conditionErrorMessage = useMemo(function () {
     var errorText;
-
     if (conditionParameterErrorText) {
       errorText = conditionParameterErrorText;
     } else if (conditionOperatorErrorText) {
@@ -60,7 +53,6 @@ export var ConditionRow = function ConditionRow(_ref) {
     } else if (conditionFactorErrorText) {
       errorText = conditionFactorErrorText;
     }
-
     return errorText ? /*#__PURE__*/React.createElement(S.ErrorWrapper, null, errorText) : /*#__PURE__*/React.createElement(React.Fragment, null);
   }, [conditionOperatorErrorText, conditionFactorErrorText, conditionParameterErrorText]);
   var removeConditionTrigger = !readOnly && removeCondition && conditionsNumber > minConditionLength && /*#__PURE__*/React.createElement(S.RemoveIconWrapper, {
@@ -79,7 +71,6 @@ export var ConditionRow = function ConditionRow(_ref) {
   var renderConditionOperatorWrapper = Boolean((!conditionParameter || (conditionParameter == null ? void 0 : conditionParameter.value) && (conditionParameter == null ? void 0 : conditionParameter.value).name !== '') && conditionOperator);
   var renderConditionFactorWrapper = Boolean(conditionFactor !== undefined && (conditionOperator == null ? void 0 : conditionOperator.value) && (conditionFactor == null ? void 0 : conditionFactor.availableFactorTypes) !== null);
   var lastConditionWrapper = '';
-
   if (renderConditionFactorWrapper) {
     lastConditionWrapper = 'factor';
   } else if (renderConditionOperatorWrapper) {
@@ -87,10 +78,8 @@ export var ConditionRow = function ConditionRow(_ref) {
   } else if (renderConditionParameterWrapper) {
     lastConditionWrapper = 'parameter';
   }
-
   var conditionFactorProps = useMemo(function () {
     var _conditionFactor$para, _conditionFactor$para2;
-
     return _objectSpread({}, conditionFactor, {
       parameters: (conditionFactor == null ? void 0 : conditionFactor.parameters) && _objectSpread({}, conditionFactor.parameters, {
         selectedButtonColored: ((_conditionFactor$para = conditionFactor.parameters) == null ? void 0 : _conditionFactor$para.selectedButtonColored) === undefined ? true : (_conditionFactor$para2 = conditionFactor.parameters) == null ? void 0 : _conditionFactor$para2.selectedButtonColored

package/dist/ConditionStep/ConditionStep.js

@@ -1,15 +1,9 @@
 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 _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, { useCallback, useMemo } from 'react';
 import Subject from '@synerise/ds-subject';
 import ContextSelector from '@synerise/ds-context-selector';
@@ -24,48 +18,45 @@ import { ACTION_ATTRIBUTE, SUBJECT } from '../constants';
 import { EmptyCondition } from './EmptyCondition';
 export var ConditionStep = function ConditionStep(_ref) {
   var _step$actionAttribute2, _step$subject3, _step$context4, _step$actionAttribute4, _step$context6, _step$subject4, _step$context7, _step$actionAttribute5, _step$actionAttribute6;
-
   var step = _ref.step,
-      texts = _ref.texts,
-      index = _ref.index,
-      addCondition = _ref.addCondition,
-      removeCondition = _ref.removeCondition,
-      updateStepName = _ref.updateStepName,
-      removeStep = _ref.removeStep,
-      duplicateStep = _ref.duplicateStep,
-      _ref$minConditionsLen = _ref.minConditionsLength,
-      minConditionsLength = _ref$minConditionsLen === void 0 ? 1 : _ref$minConditionsLen,
-      maxConditionsLength = _ref.maxConditionsLength,
-      draggableEnabled = _ref.draggableEnabled,
-      selectSubject = _ref.selectSubject,
-      selectContext = _ref.selectContext,
-      selectActionAttribute = _ref.selectActionAttribute,
-      selectOperator = _ref.selectOperator,
-      selectParameter = _ref.selectParameter,
-      setStepConditionFactorType = _ref.setStepConditionFactorType,
-      setStepConditionFactorValue = _ref.setStepConditionFactorValue,
-      getPopupContainerOverride = _ref.getPopupContainerOverride,
-      hasPriority = _ref.hasPriority,
-      currentStepId = _ref.currentStepId,
-      currentConditionId = _ref.currentConditionId,
-      currentField = _ref.currentField,
-      setCurrentField = _ref.setCurrentField,
-      setCurrentCondition = _ref.setCurrentCondition,
-      setCurrentStep = _ref.setCurrentStep,
-      onDeactivate = _ref.onDeactivate,
-      showSuffix = _ref.showSuffix,
-      inputProps = _ref.inputProps,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      _ref$singleStepCondit = _ref.singleStepCondition,
-      singleStepCondition = _ref$singleStepCondit === void 0 ? false : _ref$singleStepCondit,
-      showActionAttribute = _ref.showActionAttribute,
-      _ref$showEmptyConditi = _ref.showEmptyConditionPlaceholder,
-      showEmptyConditionPlaceholder = _ref$showEmptyConditi === void 0 ? false : _ref$showEmptyConditi;
-
+    texts = _ref.texts,
+    index = _ref.index,
+    addCondition = _ref.addCondition,
+    removeCondition = _ref.removeCondition,
+    updateStepName = _ref.updateStepName,
+    removeStep = _ref.removeStep,
+    duplicateStep = _ref.duplicateStep,
+    _ref$minConditionsLen = _ref.minConditionsLength,
+    minConditionsLength = _ref$minConditionsLen === void 0 ? 1 : _ref$minConditionsLen,
+    maxConditionsLength = _ref.maxConditionsLength,
+    draggableEnabled = _ref.draggableEnabled,
+    selectSubject = _ref.selectSubject,
+    selectContext = _ref.selectContext,
+    selectActionAttribute = _ref.selectActionAttribute,
+    selectOperator = _ref.selectOperator,
+    selectParameter = _ref.selectParameter,
+    setStepConditionFactorType = _ref.setStepConditionFactorType,
+    setStepConditionFactorValue = _ref.setStepConditionFactorValue,
+    getPopupContainerOverride = _ref.getPopupContainerOverride,
+    hasPriority = _ref.hasPriority,
+    currentStepId = _ref.currentStepId,
+    currentConditionId = _ref.currentConditionId,
+    currentField = _ref.currentField,
+    setCurrentField = _ref.setCurrentField,
+    setCurrentCondition = _ref.setCurrentCondition,
+    setCurrentStep = _ref.setCurrentStep,
+    onDeactivate = _ref.onDeactivate,
+    showSuffix = _ref.showSuffix,
+    inputProps = _ref.inputProps,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    _ref$singleStepCondit = _ref.singleStepCondition,
+    singleStepCondition = _ref$singleStepCondit === void 0 ? false : _ref$singleStepCondit,
+    showActionAttribute = _ref.showActionAttribute,
+    _ref$showEmptyConditi = _ref.showEmptyConditionPlaceholder,
+    showEmptyConditionPlaceholder = _ref$showEmptyConditi === void 0 ? false : _ref$showEmptyConditi;
   var _useIntl = useIntl(),
-      formatMessage = _useIntl.formatMessage;
-
+    formatMessage = _useIntl.formatMessage;
   var text = useMemo(function () {
     return _objectSpread({
       stepNamePlaceholder: formatMessage({
@@ -111,13 +102,11 @@ export var ConditionStep = function ConditionStep(_ref) {
     }, texts);
   }, [texts, formatMessage]);
   var withCruds = !readOnly && (duplicateStep || removeStep);
-
   var _onActivate = useCallback(function () {
     return setCurrentStep ? function () {
       return setCurrentStep(step.id);
     } : undefined;
   }, [step.id, setCurrentStep]);
-
   var onAddCondition = useCallback(function (stepId) {
     addCondition && addCondition(stepId);
     _onActivate && _onActivate();
@@ -137,7 +126,6 @@ export var ConditionStep = function ConditionStep(_ref) {
   }, [draggableEnabled, duplicateStep, index, removeStep, step.id, step.stepName, text, updateStepName, readOnly]);
   var addConditionButton = useMemo(function () {
     var _step$subject, _step$context, _step$actionAttribute;
-
     return !readOnly && addCondition && (maxConditionsLength === undefined || step.conditions.length < maxConditionsLength) && /*#__PURE__*/React.createElement(AddCondition, {
       errorText: step.addConditionErrorText,
       texts: text,
@@ -149,7 +137,6 @@ export var ConditionStep = function ConditionStep(_ref) {
   }, [addCondition, onAddCondition, maxConditionsLength, step.conditions.length, step.context, step.id, step.subject, text, readOnly, step.addConditionErrorText, showActionAttribute, (_step$actionAttribute2 = step.actionAttribute) == null ? void 0 : _step$actionAttribute2.value]);
   var renderConditionRow = useCallback(function (condition, conditionIndex) {
     var _step$context2;
-
     var handleActivation = function handleActivation(conditionId) {
       return function (fieldType) {
         _onActivate && _onActivate();
@@ -158,7 +145,6 @@ export var ConditionStep = function ConditionStep(_ref) {
         setCurrentStep && setCurrentStep(step.id);
       };
     };
-
     return /*#__PURE__*/React.createElement(ConditionRow, {
       key: "step-" + step.id + "-condition-" + condition.id,
       hasPriority: hasPriority && currentConditionId === condition.id,
@@ -193,12 +179,10 @@ export var ConditionStep = function ConditionStep(_ref) {
   }, [step.id, step.conditions.length, step.context, hasPriority, currentConditionId, addCondition, removeCondition, minConditionsLength, maxConditionsLength, currentStepId, currentField, selectParameter, selectOperator, getPopupContainerOverride, setStepConditionFactorType, setStepConditionFactorValue, text, onDeactivate, _onActivate, setCurrentField, setCurrentCondition, setCurrentStep, inputProps, readOnly]);
   var hasSelectedSubjectOrContext = useMemo(function () {
     var _step$subject2, _step$context3;
-
     return ((_step$subject2 = step.subject) == null ? void 0 : _step$subject2.selectedItem) || ((_step$context3 = step.context) == null ? void 0 : _step$context3.selectedItem);
   }, [(_step$subject3 = step.subject) == null ? void 0 : _step$subject3.selectedItem, (_step$context4 = step.context) == null ? void 0 : _step$context4.selectedItem]);
   var contextOrActionErrorText = useMemo(function () {
     var _step$context5, _step$actionAttribute3;
-
     return ((_step$context5 = step.context) == null ? void 0 : _step$context5.errorText) || showActionAttribute && ((_step$actionAttribute3 = step.actionAttribute) == null ? void 0 : _step$actionAttribute3.errorText);
   }, [showActionAttribute, (_step$actionAttribute4 = step.actionAttribute) == null ? void 0 : _step$actionAttribute4.errorText, (_step$context6 = step.context) == null ? void 0 : _step$context6.errorText]);
   return /*#__PURE__*/React.createElement(S.Step, {

package/dist/ConditionStep/EmptyCondition/EmptyCondition.js

@@ -4,8 +4,8 @@ import { theme } from '@synerise/ds-core';
 import * as S from './emptyCondition.styles';
 export var EmptyCondition = function EmptyCondition(_ref) {
   var _ref$icon = _ref.icon,
-      icon = _ref$icon === void 0 ? /*#__PURE__*/React.createElement(ClickM, null) : _ref$icon,
-      label = _ref.label;
+    icon = _ref$icon === void 0 ? /*#__PURE__*/React.createElement(ClickM, null) : _ref$icon,
+    label = _ref.label;
   return /*#__PURE__*/React.createElement(S.EmptyConditionWrapper, null, /*#__PURE__*/React.createElement(Icon, {
     component: icon,
     color: theme.palette['grey-500']

package/dist/ConditionStep/StepHeader/StepHeader.js

@@ -7,21 +7,19 @@ import { NOOP } from '@synerise/ds-utils';
 import * as S from '../../Condition.style';
 export var StepHeader = function StepHeader(_ref) {
   var stepName = _ref.stepName,
-      stepId = _ref.stepId,
-      texts = _ref.texts,
-      updateStepName = _ref.updateStepName,
-      duplicateStep = _ref.duplicateStep,
-      removeStep = _ref.removeStep,
-      index = _ref.index,
-      draggableEnabled = _ref.draggableEnabled,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
+    stepId = _ref.stepId,
+    texts = _ref.texts,
+    updateStepName = _ref.updateStepName,
+    duplicateStep = _ref.duplicateStep,
+    removeStep = _ref.removeStep,
+    index = _ref.index,
+    draggableEnabled = _ref.draggableEnabled,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
   var onChangeNameDebounce = useRef(debounce(updateStepName || NOOP, 300)).current;
-
   var _useState = useState(stepName),
-      localName = _useState[0],
-      setLocalName = _useState[1];
-
+    localName = _useState[0],
+    setLocalName = _useState[1];
   useEffect(function () {
     setLocalName(stepName);
   }, [stepName]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-condition",
-  "version": "0.25.1",
+  "version": "0.25.3",
   "description": "Condition UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,26 +34,26 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.21.18",
-    "@synerise/ds-context-selector": "^0.25.14",
-    "@synerise/ds-cruds": "^0.5.28",
-    "@synerise/ds-factors": "^0.27.1",
-    "@synerise/ds-icon": "^0.66.4",
-    "@synerise/ds-inline-edit": "^0.9.0",
-    "@synerise/ds-input": "^0.24.13",
-    "@synerise/ds-operators": "^0.14.1",
-    "@synerise/ds-subject": "^0.10.23",
-    "@synerise/ds-tooltip": "^0.14.48",
-    "@synerise/ds-utils": "^0.31.1",
+    "@synerise/ds-button": "^0.21.19",
+    "@synerise/ds-context-selector": "^0.25.16",
+    "@synerise/ds-cruds": "^0.5.29",
+    "@synerise/ds-factors": "^0.27.3",
+    "@synerise/ds-icon": "^0.67.0",
+    "@synerise/ds-inline-edit": "^0.9.1",
+    "@synerise/ds-input": "^0.24.14",
+    "@synerise/ds-operators": "^0.14.2",
+    "@synerise/ds-subject": "^0.10.24",
+    "@synerise/ds-tooltip": "^0.14.49",
+    "@synerise/ds-utils": "^0.31.2",
     "lodash": "^4.17.19",
-    "react-intl": "6.8.4",
     "react-sortablejs": "^6.0.0",
     "sortablejs": "1.15.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 17.0.2",
+    "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "5.0.1"
   },
-  "gitHead": "8d26191fc0475407e0691b9b183761ad3cd7c87d"
+  "gitHead": "e9897e5ecb13a9c022f5ed002db76e4ab78318c5"
 }