@synerise/ds-condition 1.6.16 → 1.6.18

package/dist/ConditionStep/ConditionStep.js

@@ -1,256 +1,153 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useCallback, useMemo } from 'react';
-import ContextSelector from '@synerise/ds-context-selector';
-import Factors from '@synerise/ds-factors';
-import { DragHandleM } from '@synerise/ds-icon';
-import { CSS, useSortable } from '@synerise/ds-sortable';
-import Subject from '@synerise/ds-subject';
-import * as S from '../Condition.style';
-import { ACTION_ATTRIBUTE, SUBJECT } from '../constants';
-import { useTranslations } from '../hooks/useTranslations';
-import { AddCondition } from './AddCondition';
-import { ConditionRow } from './ConditionRow';
-import { EmptyCondition } from './EmptyCondition';
-import { StepHeader } from './StepHeader';
-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,
-    isLast = _ref.isLast,
-    isDragged = _ref.isDragged,
-    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,
-    CustomContextSelectorComponent = _ref.contextSelectorComponent,
-    actionAttributeParameterSelectorComponent = _ref.actionAttributeParameterSelectorComponent,
-    parameterSelectorComponent = _ref.parameterSelectorComponent,
-    factorParameterSelectorComponent = _ref.factorParameterSelectorComponent,
-    _ref$showEmptyConditi = _ref.showEmptyConditionPlaceholder,
-    showEmptyConditionPlaceholder = _ref$showEmptyConditi === void 0 ? false : _ref$showEmptyConditi,
-    factorValueExtraProps = _ref.factorValueExtraProps;
-  var _useSortable = useSortable({
-      id: step.id
-    }),
-    attributes = _useSortable.attributes,
-    listeners = _useSortable.listeners,
-    setNodeRef = _useSortable.setNodeRef,
-    transform = _useSortable.transform,
-    transition = _useSortable.transition;
-  var zIndexStyle = hasPriority ? {
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import ContextSelector from "@synerise/ds-context-selector";
+import Factors from "@synerise/ds-factors";
+import { DragHandleM } from "@synerise/ds-icon";
+import { useSortable, CSS } from "@synerise/ds-sortable";
+import Subject$1 from "@synerise/ds-subject";
+import { StepWrapper, DropLabel, Step, DraggedLabel, StepConditions, DragIcon, Subject, ErrorWrapper, ActionAttribute, ConditionRows, StepConditionCruds } from "../Condition.style.js";
+import { SUBJECT, ACTION_ATTRIBUTE } from "../constants.js";
+import { useTranslations } from "../hooks/useTranslations.js";
+import { AddCondition } from "./AddCondition/AddCondition.js";
+import { ConditionRow } from "./ConditionRow/ConditionRow.js";
+import { EmptyCondition } from "./EmptyCondition/EmptyCondition.js";
+import { StepHeader } from "./StepHeader/StepHeader.js";
+const ConditionStep = ({
+  step,
+  texts,
+  index,
+  isLast,
+  isDragged,
+  addCondition,
+  removeCondition,
+  updateStepName,
+  removeStep,
+  duplicateStep,
+  minConditionsLength = 1,
+  maxConditionsLength,
+  draggableEnabled,
+  selectSubject,
+  selectContext,
+  selectActionAttribute,
+  selectOperator,
+  selectParameter,
+  setStepConditionFactorType,
+  setStepConditionFactorValue,
+  getPopupContainerOverride,
+  hasPriority,
+  currentStepId,
+  currentConditionId,
+  currentField,
+  setCurrentField,
+  setCurrentCondition,
+  setCurrentStep,
+  onDeactivate,
+  showSuffix,
+  inputProps,
+  readOnly = false,
+  singleStepCondition = false,
+  showActionAttribute,
+  contextSelectorComponent: CustomContextSelectorComponent,
+  actionAttributeParameterSelectorComponent,
+  parameterSelectorComponent,
+  factorParameterSelectorComponent,
+  showEmptyConditionPlaceholder = false,
+  factorValueExtraProps
+}) => {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition
+  } = useSortable({
+    id: step.id
+  });
+  const zIndexStyle = hasPriority ? {
     zIndex: 1001
   } : {};
-  var style = _extends({}, zIndexStyle, {
+  const style = {
+    ...zIndexStyle,
     transform: CSS.Transform.toString(transform),
-    transition: transition
-  });
-  var allTexts = useTranslations(texts);
-  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) {
+    transition
+  };
+  const allTexts = useTranslations(texts);
+  const withCruds = !readOnly && (duplicateStep || removeStep);
+  const onActivate = useCallback(() => setCurrentStep ? () => setCurrentStep(step.id) : void 0, [step.id, setCurrentStep]);
+  const onAddCondition = useCallback((stepId) => {
     addCondition && addCondition(stepId);
-    _onActivate && _onActivate();
-  }, [addCondition, _onActivate]);
-  var stepHeader = useMemo(function () {
-    return /*#__PURE__*/React.createElement(StepHeader, {
-      index: index,
-      stepId: step.id,
-      stepName: step.stepName || '',
-      texts: allTexts,
-      updateStepName: updateStepName,
-      removeStep: removeStep,
-      duplicateStep: duplicateStep,
-      draggableEnabled: Boolean(draggableEnabled),
-      readOnly: readOnly,
-      dragHandleProps: _extends({}, attributes, listeners)
-    });
-  }, [draggableEnabled, attributes, listeners, duplicateStep, index, removeStep, step.id, step.stepName, allTexts, updateStepName, readOnly]);
-  var renderContextSelector = useCallback(function (contextData) {
-    var commonProps = _extends({}, contextData, {
-      onActivate: _onActivate,
-      onDeactivate: onDeactivate,
-      errorText: undefined,
+    onActivate && onActivate();
+  }, [addCondition, onActivate]);
+  const stepHeader = useMemo(() => /* @__PURE__ */ jsx(StepHeader, { index, stepId: step.id, stepName: step.stepName || "", texts: allTexts, updateStepName, removeStep, duplicateStep, draggableEnabled: Boolean(draggableEnabled), readOnly, dragHandleProps: {
+    ...attributes,
+    ...listeners
+  } }), [draggableEnabled, attributes, listeners, duplicateStep, index, removeStep, step.id, step.stepName, allTexts, updateStepName, readOnly]);
+  const renderContextSelector = useCallback((contextData) => {
+    const commonProps = {
+      ...contextData,
+      onActivate,
+      onDeactivate,
+      errorText: void 0,
       isError: !!contextData.errorText,
       opened: step.id === currentStepId && currentField === SUBJECT,
-      onSelectItem: function onSelectItem(value) {
-        return selectContext(value, step.id);
-      },
+      onSelectItem: (value) => selectContext(value, step.id),
       readOnly: contextData.readOnly || readOnly
-    });
-    return CustomContextSelectorComponent ? /*#__PURE__*/React.createElement(CustomContextSelectorComponent, _extends({}, commonProps, {
-      getPopupContainer: getPopupContainerOverride
-    })) : /*#__PURE__*/React.createElement(ContextSelector, _extends({}, commonProps, {
-      getPopupContainerOverride: getPopupContainerOverride
-    }));
-  }, [CustomContextSelectorComponent, currentField, currentStepId, getPopupContainerOverride, _onActivate, onDeactivate, readOnly, selectContext, step.id]);
-  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: allTexts,
-      stepId: step.id,
-      "data-testid": "ds-add-condition-button",
-      addCondition: onAddCondition,
-      conditionsNumber: step.conditions.length,
-      isDisabled: !((_step$subject = step.subject) != null && _step$subject.selectedItem) && !((_step$context = step.context) != null && _step$context.selectedItem) || showActionAttribute && !((_step$actionAttribute = step.actionAttribute) != null && _step$actionAttribute.value)
-    });
-  }, [addCondition, onAddCondition, maxConditionsLength, step.conditions.length, step.context, step.id, step.subject, allTexts, 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();
-        setCurrentField && setCurrentField(fieldType);
-        setCurrentCondition && setCurrentCondition(conditionId);
-        setCurrentStep && setCurrentStep(step.id);
-      };
     };
-    return /*#__PURE__*/React.createElement(ConditionRow, {
-      key: "step-" + step.id + "-condition-" + condition.id,
-      hasPriority: hasPriority && currentConditionId === condition.id,
-      index: conditionIndex,
-      conditionId: condition.id,
-      addCondition: addCondition,
-      inputProps: inputProps,
-      conditionParameter: condition.parameter,
-      conditionOperator: condition.operator,
-      conditionFactor: condition.factor,
-      removeCondition: removeCondition,
-      minConditionLength: minConditionsLength,
-      maxConditionLength: maxConditionsLength,
-      conditionsNumber: step.conditions.length,
-      onActivate: handleActivation(condition.id),
-      stepId: step.id,
-      currentStepId: currentStepId,
-      currentConditionId: currentConditionId,
-      currentField: currentField,
-      selectParameter: selectParameter,
-      selectOperator: selectOperator,
-      getPopupContainerOverride: getPopupContainerOverride || function () {
-        return document.querySelector("#condition-step-" + step.id) || document.body;
-      },
-      setStepConditionFactorType: setStepConditionFactorType,
-      setStepConditionFactorValue: setStepConditionFactorValue,
-      texts: allTexts,
-      stepType: (_step$context2 = step.context) == null ? void 0 : _step$context2.type,
-      onDeactivate: onDeactivate,
-      readOnly: readOnly,
-      parameterSelectorComponent: parameterSelectorComponent,
-      factorParameterSelectorComponent: factorParameterSelectorComponent,
-      factorValueExtraProps: factorValueExtraProps
-    });
-  }, [step.id, step.conditions.length, step.context, hasPriority, currentConditionId, addCondition, removeCondition, minConditionsLength, maxConditionsLength, currentStepId, currentField, selectParameter, selectOperator, getPopupContainerOverride, setStepConditionFactorType, setStepConditionFactorValue, allTexts, onDeactivate, _onActivate, setCurrentField, setCurrentCondition, setCurrentStep, inputProps, readOnly, parameterSelectorComponent, factorParameterSelectorComponent, factorValueExtraProps]);
-  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.StepWrapper, {
-    style: style,
-    key: step.id,
-    ref: setNodeRef,
-    isDragged: isDragged
-  }, isDragged ? /*#__PURE__*/React.createElement(S.DropLabel, null, allTexts.dropLabel) : /*#__PURE__*/React.createElement(S.Step, {
-    id: "condition-step-" + step.id,
-    "data-conditionSuffix": allTexts.conditionSuffix,
-    active: step.id === currentStepId && currentField !== '',
-    hoverDisabled: Boolean(currentStepId) || singleStepCondition,
-    showSuffix: showSuffix && !isLast && !isDragged,
-    singleStepCondition: singleStepCondition
-  }, !updateStepName && /*#__PURE__*/React.createElement(S.DraggedLabel, null, ((_step$subject4 = step.subject) == null || (_step$subject4 = _step$subject4.selectedItem) == null ? void 0 : _step$subject4.name) || ((_step$context7 = step.context) == null || (_step$context7 = _step$context7.selectedItem) == null ? void 0 : _step$context7.name)), updateStepName && stepHeader, /*#__PURE__*/React.createElement(S.StepConditions, {
-    withCruds: Boolean(!updateStepName && withCruds)
-  }, draggableEnabled && !updateStepName && /*#__PURE__*/React.createElement(S.DragIcon, _extends({
-    className: "step-drag-handler",
-    component: /*#__PURE__*/React.createElement(DragHandleM, null)
-  }, attributes, listeners)), /*#__PURE__*/React.createElement(S.Subject, {
-    "data-testid": "condition-subject-or-context"
-  }, step.subject && /*#__PURE__*/React.createElement(Subject, _extends({}, step.subject, {
-    getPopupContainerOverride: getPopupContainerOverride,
-    onActivate: _onActivate,
-    onDeactivate: onDeactivate,
-    opened: step.id === currentStepId && currentField === SUBJECT,
-    onSelectItem: function onSelectItem(value) {
-      return selectSubject(value, step.id);
-    }
-  })), step.context && renderContextSelector(step.context), contextOrActionErrorText && /*#__PURE__*/React.createElement(S.ErrorWrapper, null, contextOrActionErrorText)), hasSelectedSubjectOrContext || !showEmptyConditionPlaceholder ? /*#__PURE__*/React.createElement(React.Fragment, null, showActionAttribute && /*#__PURE__*/React.createElement(S.ActionAttribute, {
-    style: {
-      zIndex: step.id === currentStepId && currentField === ACTION_ATTRIBUTE ? 10002 : 0
-    }
-  }, /*#__PURE__*/React.createElement(Factors, _extends({}, step.actionAttribute, {
-    customFactorValueComponents: actionAttributeParameterSelectorComponent && {
-      parameter: {
-        component: actionAttributeParameterSelectorComponent
-      },
-      contextParameter: {
-        component: actionAttributeParameterSelectorComponent
-      }
-    },
-    errorText: undefined,
-    value: (_step$actionAttribute5 = step.actionAttribute) == null ? void 0 : _step$actionAttribute5.value,
-    withoutTypeSelector: true,
-    selectedFactorType: "parameter",
-    defaultFactorType: "parameter",
-    inputProps: inputProps,
-    getPopupContainerOverride: getPopupContainerOverride,
-    onActivate: function onActivate() {
-      setCurrentCondition('');
-      _onActivate && _onActivate();
-      setCurrentField && setCurrentField(ACTION_ATTRIBUTE);
+    return CustomContextSelectorComponent ? /* @__PURE__ */ jsx(CustomContextSelectorComponent, { ...commonProps, getPopupContainer: getPopupContainerOverride }) : /* @__PURE__ */ jsx(ContextSelector, { ...commonProps, getPopupContainerOverride });
+  }, [CustomContextSelectorComponent, currentField, currentStepId, getPopupContainerOverride, onActivate, onDeactivate, readOnly, selectContext, step.id]);
+  const addConditionButton = useMemo(() => {
+    return !readOnly && addCondition && (maxConditionsLength === void 0 || step.conditions.length < maxConditionsLength) && /* @__PURE__ */ jsx(AddCondition, { errorText: step.addConditionErrorText, texts: allTexts, stepId: step.id, "data-testid": "ds-add-condition-button", addCondition: onAddCondition, conditionsNumber: step.conditions.length, isDisabled: !step.subject?.selectedItem && !step.context?.selectedItem || showActionAttribute && !step.actionAttribute?.value });
+  }, [addCondition, onAddCondition, maxConditionsLength, step.conditions.length, step.context, step.id, step.subject, allTexts, readOnly, step.addConditionErrorText, showActionAttribute, step.actionAttribute?.value]);
+  const renderConditionRow = useCallback((condition, conditionIndex) => {
+    const handleActivation = (conditionId) => (fieldType) => {
+      onActivate && onActivate();
+      setCurrentField && setCurrentField(fieldType);
+      setCurrentCondition && setCurrentCondition(conditionId);
       setCurrentStep && setCurrentStep(step.id);
-    },
-    onDeactivate: onDeactivate,
-    onChangeValue: function onChangeValue(value) {
-      return selectActionAttribute(value, step.id);
-    },
-    opened: step.id === currentStepId && currentField === ACTION_ATTRIBUTE,
-    readOnly: readOnly,
-    error: Boolean((_step$actionAttribute6 = step.actionAttribute) == null ? void 0 : _step$actionAttribute6.errorText)
-  }))), /*#__PURE__*/React.createElement(S.ConditionRows, null, step.conditions.length > 0 && step.conditions.map(renderConditionRow), addConditionButton), !updateStepName && withCruds && /*#__PURE__*/React.createElement(S.StepConditionCruds, {
-    onDuplicate: duplicateStep ? function () {
-      return duplicateStep(step.id);
-    } : undefined,
-    onDelete: removeStep ? function () {
-      return removeStep(step.id);
-    } : undefined,
-    duplicateTooltip: allTexts.duplicateTooltip,
-    deleteTooltip: allTexts.removeTooltip
-  })) : /*#__PURE__*/React.createElement(EmptyCondition, {
-    label: allTexts.emptyConditionLabel
-  }))));
-};
+    };
+    return /* @__PURE__ */ jsx(ConditionRow, { hasPriority: hasPriority && currentConditionId === condition.id, index: conditionIndex, conditionId: condition.id, addCondition, inputProps, conditionParameter: condition.parameter, conditionOperator: condition.operator, conditionFactor: condition.factor, removeCondition, minConditionLength: minConditionsLength, maxConditionLength: maxConditionsLength, conditionsNumber: step.conditions.length, onActivate: handleActivation(condition.id), stepId: step.id, currentStepId, currentConditionId, currentField, selectParameter, selectOperator, getPopupContainerOverride: getPopupContainerOverride || (() => document.querySelector(`#condition-step-${step.id}`) || document.body), setStepConditionFactorType, setStepConditionFactorValue, texts: allTexts, stepType: step.context?.type, onDeactivate, readOnly, parameterSelectorComponent, factorParameterSelectorComponent, factorValueExtraProps }, `step-${step.id}-condition-${condition.id}`);
+  }, [step.id, step.conditions.length, step.context, hasPriority, currentConditionId, addCondition, removeCondition, minConditionsLength, maxConditionsLength, currentStepId, currentField, selectParameter, selectOperator, getPopupContainerOverride, setStepConditionFactorType, setStepConditionFactorValue, allTexts, onDeactivate, onActivate, setCurrentField, setCurrentCondition, setCurrentStep, inputProps, readOnly, parameterSelectorComponent, factorParameterSelectorComponent, factorValueExtraProps]);
+  const hasSelectedSubjectOrContext = useMemo(() => {
+    return step.subject?.selectedItem || step.context?.selectedItem;
+  }, [step.subject?.selectedItem, step.context?.selectedItem]);
+  const contextOrActionErrorText = useMemo(() => {
+    return step.context?.errorText || showActionAttribute && step.actionAttribute?.errorText;
+  }, [showActionAttribute, step.actionAttribute?.errorText, step.context?.errorText]);
+  return /* @__PURE__ */ jsx(StepWrapper, { style, ref: setNodeRef, isDragged, children: isDragged ? /* @__PURE__ */ jsx(DropLabel, { children: allTexts.dropLabel }) : /* @__PURE__ */ jsxs(Step, { id: `condition-step-${step.id}`, "data-conditionSuffix": allTexts.conditionSuffix, active: step.id === currentStepId && currentField !== "", hoverDisabled: Boolean(currentStepId) || singleStepCondition, showSuffix: showSuffix && !isLast && !isDragged, singleStepCondition, children: [
+    !updateStepName && /* @__PURE__ */ jsx(DraggedLabel, { children: step.subject?.selectedItem?.name || step.context?.selectedItem?.name }),
+    updateStepName && stepHeader,
+    /* @__PURE__ */ jsxs(StepConditions, { withCruds: Boolean(!updateStepName && withCruds), children: [
+      draggableEnabled && !updateStepName && /* @__PURE__ */ jsx(DragIcon, { className: "step-drag-handler", component: /* @__PURE__ */ jsx(DragHandleM, {}), ...attributes, ...listeners }),
+      /* @__PURE__ */ jsxs(Subject, { "data-testid": "condition-subject-or-context", children: [
+        step.subject && /* @__PURE__ */ jsx(Subject$1, { ...step.subject, getPopupContainerOverride, onActivate, onDeactivate, opened: step.id === currentStepId && currentField === SUBJECT, onSelectItem: (value) => selectSubject(value, step.id) }),
+        step.context && renderContextSelector(step.context),
+        contextOrActionErrorText && /* @__PURE__ */ jsx(ErrorWrapper, { children: contextOrActionErrorText })
+      ] }),
+      hasSelectedSubjectOrContext || !showEmptyConditionPlaceholder ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        showActionAttribute && /* @__PURE__ */ jsx(ActionAttribute, { style: {
+          zIndex: step.id === currentStepId && currentField === ACTION_ATTRIBUTE ? 10002 : 0
+        }, children: /* @__PURE__ */ jsx(Factors, { ...step.actionAttribute, customFactorValueComponents: actionAttributeParameterSelectorComponent && {
+          parameter: {
+            component: actionAttributeParameterSelectorComponent
+          },
+          contextParameter: {
+            component: actionAttributeParameterSelectorComponent
+          }
+        }, errorText: void 0, value: step.actionAttribute?.value, withoutTypeSelector: true, selectedFactorType: "parameter", defaultFactorType: "parameter", inputProps, getPopupContainerOverride, onActivate: () => {
+          setCurrentCondition("");
+          onActivate && onActivate();
+          setCurrentField && setCurrentField(ACTION_ATTRIBUTE);
+          setCurrentStep && setCurrentStep(step.id);
+        }, onDeactivate, onChangeValue: (value) => selectActionAttribute(value, step.id), opened: step.id === currentStepId && currentField === ACTION_ATTRIBUTE, readOnly, error: Boolean(step.actionAttribute?.errorText) }) }),
+        /* @__PURE__ */ jsxs(ConditionRows, { children: [
+          step.conditions.length > 0 && step.conditions.map(renderConditionRow),
+          addConditionButton
+        ] }),
+        !updateStepName && withCruds && /* @__PURE__ */ jsx(StepConditionCruds, { onDuplicate: duplicateStep ? () => duplicateStep(step.id) : void 0, onDelete: removeStep ? () => removeStep(step.id) : void 0, duplicateTooltip: allTexts.duplicateTooltip, deleteTooltip: allTexts.removeTooltip })
+      ] }) : /* @__PURE__ */ jsx(EmptyCondition, { label: allTexts.emptyConditionLabel })
+    ] })
+  ] }) }, step.id);
+};
+export {
+  ConditionStep
+};

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

@@ -1,9 +1,9 @@
-import type { ReactText } from 'react';
-import type { ContextGroup, ContextItem } from '@synerise/ds-context-selector';
-import type { FactorType, FactorValueType } from '@synerise/ds-factors';
-import type { OperatorsGroup, OperatorsItem } from '@synerise/ds-operators';
-import type { SubjectItem } from '@synerise/ds-subject';
-import type { ConditionProps, ConditionStep, ConditionStepCrudActions } from '../Condition.types';
+import { ReactText } from 'react';
+import { ContextGroup, ContextItem } from '@synerise/ds-context-selector';
+import { FactorType, FactorValueType } from '@synerise/ds-factors';
+import { OperatorsGroup, OperatorsItem } from '@synerise/ds-operators';
+import { SubjectItem } from '@synerise/ds-subject';
+import { ConditionProps, ConditionStep, ConditionStepCrudActions } from '../Condition.types';
 export type ConditionStepProps = Pick<ConditionProps, 'singleStepCondition' | 'showActionAttribute' | 'showEmptyConditionPlaceholder' | 'showSuffix' | 'readOnly' | 'inputProps' | 'hoverDisabled' | 'getPopupContainerOverride' | 'minConditionsLength' | 'addCondition' | 'removeCondition' | 'texts' | 'maxConditionsLength' | 'contextSelectorComponent' | 'factorParameterSelectorComponent' | 'parameterSelectorComponent' | 'actionAttributeParameterSelectorComponent' | 'factorValueExtraProps'> & {
     index: number;
     isLast?: boolean;

package/dist/ConditionStep/ConditionStep.types.js

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

package/dist/ConditionStep/EmptyCondition/EmptyCondition.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 type EmptyConditionProps = {
     icon?: JSX.Element;
     label: string;

package/dist/ConditionStep/EmptyCondition/EmptyCondition.js

@@ -1,15 +1,16 @@
-import React from 'react';
-import { theme } from '@synerise/ds-core';
-import Icon, { ClickM } from '@synerise/ds-icon';
-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;
-  return /*#__PURE__*/React.createElement(S.EmptyConditionWrapper, null, /*#__PURE__*/React.createElement(Icon, {
-    component: icon,
-    color: theme.palette['grey-500']
-  }), /*#__PURE__*/React.createElement(S.LabelWrapper, {
-    size: "small"
-  }, label));
-};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { theme } from "@synerise/ds-core";
+import Icon, { ClickM } from "@synerise/ds-icon";
+import { EmptyConditionWrapper, LabelWrapper } from "./emptyCondition.styles.js";
+const EmptyCondition = ({
+  icon = /* @__PURE__ */ jsx(ClickM, {}),
+  label
+}) => {
+  return /* @__PURE__ */ jsxs(EmptyConditionWrapper, { children: [
+    /* @__PURE__ */ jsx(Icon, { component: icon, color: theme.palette["grey-500"] }),
+    /* @__PURE__ */ jsx(LabelWrapper, { size: "small", children: label })
+  ] });
+};
+export {
+  EmptyCondition
+};

package/dist/ConditionStep/EmptyCondition/emptyCondition.styles.d.ts

@@ -1,8 +1,8 @@
-export declare const LabelWrapper: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
-    size?: import("@synerise/ds-typography").TextSize;
-    ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
-    children?: import("react").ReactNode;
+export declare const LabelWrapper: import('styled-components').StyledComponent<({ size, className, children, ellipsis, style, }: {
+    size?: import('@synerise/ds-typography').TextSize;
+    ellipsis?: import('@synerise/ds-typography/dist/Ellipsis').EllipsisProps;
+    children?: import('react').ReactNode;
     className?: string;
-    style?: import("react").CSSProperties;
+    style?: import('react').CSSProperties;
 }) => React.JSX.Element, any, {}, never>;
-export declare const EmptyConditionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EmptyConditionWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/ConditionStep/EmptyCondition/emptyCondition.styles.js

@@ -1,10 +1,14 @@
-import styled from 'styled-components';
-import { Text } from '@synerise/ds-typography';
-export var LabelWrapper = styled(Text).withConfig({
+import styled from "styled-components";
+import { Text } from "@synerise/ds-typography";
+const LabelWrapper = /* @__PURE__ */ styled(Text).withConfig({
   displayName: "emptyConditionstyles__LabelWrapper",
   componentId: "sc-150ylnq-0"
 })(["margin-left:8px;"]);
-export var EmptyConditionWrapper = styled.div.withConfig({
+const EmptyConditionWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "emptyConditionstyles__EmptyConditionWrapper",
   componentId: "sc-150ylnq-1"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-left:16px;height:32px;"]);
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-left:16px;height:32px;"]);
+export {
+  EmptyConditionWrapper,
+  LabelWrapper
+};

package/dist/ConditionStep/EmptyCondition/index.js

@@ -1 +1,4 @@
-export * from './EmptyCondition';
+import { EmptyCondition } from "./EmptyCondition.js";
+export {
+  EmptyCondition
+};

package/dist/ConditionStep/StepHeader/StepHeader.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 import type * as T from './StepHeader.types';
 export declare const StepHeader: ({ stepName, stepId, texts, updateStepName, duplicateStep, removeStep, index, draggableEnabled, dragHandleProps, readOnly, }: T.StepHeaderProps) => React.JSX.Element;