@synerise/ds-condition 1.6.16 → 1.6.17

package/dist/ConditionStep/ConditionRow/ConditionRow.js

@@ -1,49 +1,49 @@
-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, { useMemo } from 'react';
-import { theme } from '@synerise/ds-core';
-import Factors from '@synerise/ds-factors';
-import Icon, { CloseS } from '@synerise/ds-icon';
-import Operators from '@synerise/ds-operators';
-import Tooltip from '@synerise/ds-tooltip';
-import { getPopupContainer } from '@synerise/ds-utils';
-import * as S from '../../Condition.style';
-import { FACTOR, OPERATOR, PARAMETER } from '../../constants';
-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,
-    parameterSelectorComponent = _ref.parameterSelectorComponent,
-    factorParameterSelectorComponent = _ref.factorParameterSelectorComponent,
-    factorValueExtraProps = _ref.factorValueExtraProps;
-  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;
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { theme } from "@synerise/ds-core";
+import Factors from "@synerise/ds-factors";
+import Icon, { CloseS } from "@synerise/ds-icon";
+import Operators from "@synerise/ds-operators";
+import Tooltip from "@synerise/ds-tooltip";
+import { getPopupContainer } from "@synerise/ds-utils";
+import { ErrorWrapper, RemoveIconWrapper, ConditionRow as ConditionRow$1, ConditionConnections, ConditionRowLine, ConditionRowDefinition, ConditionParameterWrapper, ConditionOperatorWrapper, ConditionFactorWrapper } from "../../Condition.style.js";
+import { PARAMETER, OPERATOR, FACTOR } from "../../constants.js";
+const ConditionRow = ({
+  index,
+  conditionId,
+  conditionParameter,
+  conditionOperator,
+  conditionFactor,
+  removeCondition,
+  addCondition,
+  minConditionLength,
+  maxConditionLength,
+  conditionsNumber,
+  stepId,
+  currentStepId,
+  currentConditionId,
+  currentField,
+  selectParameter,
+  selectOperator,
+  setStepConditionFactorType,
+  setStepConditionFactorValue,
+  getPopupContainerOverride,
+  onActivate,
+  hasPriority,
+  texts,
+  onDeactivate,
+  inputProps,
+  readOnly = false,
+  parameterSelectorComponent,
+  factorParameterSelectorComponent,
+  factorValueExtraProps
+}) => {
+  const conditionFactorErrorText = conditionFactor?.errorText;
+  const conditionParameterErrorText = conditionParameter?.errorText;
+  const conditionOperatorErrorText = conditionOperator?.errorText;
+  const rowHasError = !!(conditionParameterErrorText || conditionOperatorErrorText || conditionFactorErrorText);
+  const conditionErrorMessage = useMemo(() => {
+    let errorText;
     if (conditionParameterErrorText) {
       errorText = conditionParameterErrorText;
     } else if (conditionOperatorErrorText) {
@@ -51,130 +51,72 @@ 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);
+    return errorText ? /* @__PURE__ */ jsx(ErrorWrapper, { children: errorText }) : /* @__PURE__ */ jsx(Fragment, {});
   }, [conditionOperatorErrorText, conditionFactorErrorText, conditionParameterErrorText]);
-  var removeConditionTrigger = !readOnly && removeCondition && conditionsNumber > minConditionLength && /*#__PURE__*/React.createElement(S.RemoveIconWrapper, {
-    onClick: function onClick() {
-      return removeCondition(stepId, conditionId);
-    },
-    className: "ds-conditions-remove-row"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: texts.removeConditionRowTooltip,
-    trigger: ['hover']
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(CloseS, null),
-    color: theme.palette['red-600']
-  })));
-  var renderConditionParameterWrapper = Boolean(conditionParameter);
-  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 = '';
+  const removeConditionTrigger = !readOnly && removeCondition && conditionsNumber > minConditionLength && /* @__PURE__ */ jsx(RemoveIconWrapper, { onClick: () => removeCondition(stepId, conditionId), className: "ds-conditions-remove-row", children: /* @__PURE__ */ jsx(Tooltip, { title: texts.removeConditionRowTooltip, trigger: ["hover"], children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(CloseS, {}), color: theme.palette["red-600"] }) }) });
+  const renderConditionParameterWrapper = Boolean(conditionParameter);
+  const renderConditionOperatorWrapper = Boolean((!conditionParameter || conditionParameter?.value && (conditionParameter?.value).name !== "") && conditionOperator);
+  const renderConditionFactorWrapper = Boolean(conditionFactor !== void 0 && conditionOperator?.value && conditionFactor?.availableFactorTypes !== null);
+  let lastConditionWrapper = "";
   if (renderConditionFactorWrapper) {
-    lastConditionWrapper = 'factor';
+    lastConditionWrapper = "factor";
   } else if (renderConditionOperatorWrapper) {
-    lastConditionWrapper = 'operator';
+    lastConditionWrapper = "operator";
   } else if (renderConditionParameterWrapper) {
-    lastConditionWrapper = 'parameter';
+    lastConditionWrapper = "parameter";
   }
-  var conditionFactorProps = useMemo(function () {
-    var _conditionFactor$para, _conditionFactor$para2;
-    return _extends({}, conditionFactor, {
-      parameters: (conditionFactor == null ? void 0 : conditionFactor.parameters) && _extends({}, 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
-      })
-    });
-  }, [conditionFactor]);
-  return /*#__PURE__*/React.createElement(S.ConditionRow, {
-    "data-testid": "condition-row",
-    onlyChild: maxConditionLength === 1,
-    style: hasPriority ? {
-      zIndex: 1001
-    } : undefined,
-    key: "condition-row-" + conditionId,
-    index: index,
-    withError: rowHasError
-  }, /*#__PURE__*/React.createElement(S.ConditionConnections, {
-    first: index === 0,
-    last: readOnly ? Boolean(index + 1 === conditionsNumber) : Boolean(addCondition && index + 1 === conditionsNumber && maxConditionLength !== undefined && conditionsNumber === maxConditionLength),
-    readOnly: readOnly
-  }), /*#__PURE__*/React.createElement(S.ConditionRowLine, null, /*#__PURE__*/React.createElement(S.ConditionRowDefinition, null, renderConditionParameterWrapper && /*#__PURE__*/React.createElement(S.ConditionParameterWrapper, {
-    "data-testid": "condition-parameter-wrapper",
-    withRemoveTrigger: lastConditionWrapper === 'parameter'
-  }, /*#__PURE__*/React.createElement(Factors, _extends({
-    selectedFactorType: "parameter",
-    defaultFactorType: "parameter",
-    value: "",
-    customFactorValueComponents: parameterSelectorComponent && {
-      parameter: {
-        component: parameterSelectorComponent
-      },
-      contextParameter: {
-        component: parameterSelectorComponent
-      }
-    }
-  }, conditionParameter, {
-    inputProps: inputProps,
-    getPopupContainerOverride: getPopupContainerOverride || getPopupContainer,
-    onActivate: function onActivate() {
-      _onActivate && _onActivate(PARAMETER);
-    },
-    onDeactivate: onDeactivate,
-    onChangeValue: function onChangeValue(value) {
-      return selectParameter(stepId, conditionId, value);
-    },
-    opened: hasPriority && stepId === currentStepId && conditionId === currentConditionId && currentField === PARAMETER,
-    readOnly: readOnly,
-    error: Boolean(conditionParameter == null ? void 0 : conditionParameter.errorText)
-  })), lastConditionWrapper === 'parameter' && removeConditionTrigger), renderConditionOperatorWrapper && /*#__PURE__*/React.createElement(S.ConditionOperatorWrapper, {
-    "data-testid": "condition-operator-wrapper",
-    withRemoveTrigger: lastConditionWrapper === 'operator'
-  }, /*#__PURE__*/React.createElement(Operators, _extends({
-    groups: [],
-    items: []
-  }, conditionOperator, {
-    getPopupContainerOverride: getPopupContainerOverride || getPopupContainer,
-    onActivate: function onActivate() {
-      _onActivate && _onActivate(OPERATOR);
-    },
-    onDeactivate: onDeactivate,
-    onChange: function onChange(value) {
-      return selectOperator(stepId, conditionId, value);
-    },
-    opened: hasPriority && stepId === currentStepId && conditionId === currentConditionId && currentField === OPERATOR,
-    readOnly: readOnly,
-    errorText: conditionOperator == null ? void 0 : conditionOperator.errorText
-  })), lastConditionWrapper === 'operator' && removeConditionTrigger), renderConditionFactorWrapper && /*#__PURE__*/React.createElement(S.ConditionFactorWrapper, {
-    "data-testid": "condition-factor-wrapper",
-    withRemoveTrigger: lastConditionWrapper === 'factor'
-  }, (conditionFactor == null ? void 0 : conditionFactor.withCustomFactor) || /*#__PURE__*/React.createElement(Factors, _extends({
-    selectedFactorType: "text",
-    defaultFactorType: "text",
-    value: "",
-    customFactorValueComponents: factorParameterSelectorComponent && {
-      parameter: {
-        component: factorParameterSelectorComponent
-      },
-      contextParameter: {
-        component: factorParameterSelectorComponent
+  const conditionFactorProps = useMemo(() => {
+    return {
+      ...conditionFactor,
+      parameters: conditionFactor?.parameters && {
+        ...conditionFactor.parameters,
+        selectedButtonColored: conditionFactor.parameters?.selectedButtonColored === void 0 ? true : conditionFactor.parameters?.selectedButtonColored
       }
-    },
-    factorValueExtraProps: factorValueExtraProps
-  }, conditionFactorProps, {
-    inputProps: inputProps,
-    getPopupContainerOverride: getPopupContainerOverride || getPopupContainer,
-    onActivate: function onActivate() {
-      _onActivate && _onActivate(FACTOR);
-    },
-    onDeactivate: onDeactivate,
-    setSelectedFactorType: function setSelectedFactorType(factorType) {
-      return setStepConditionFactorType(stepId, conditionId, factorType);
-    },
-    onChangeValue: function onChangeValue(value) {
-      return setStepConditionFactorValue(stepId, conditionId, value);
-    },
-    factorKey: conditionId,
-    error: Boolean(conditionFactorProps.errorText),
-    opened: hasPriority && stepId === currentStepId && conditionId === currentConditionId && currentField === FACTOR,
-    readOnly: readOnly
-  })), lastConditionWrapper === 'factor' && removeConditionTrigger)), conditionErrorMessage));
-};
+    };
+  }, [conditionFactor]);
+  return /* @__PURE__ */ jsxs(ConditionRow$1, { "data-testid": "condition-row", onlyChild: maxConditionLength === 1, style: hasPriority ? {
+    zIndex: 1001
+  } : void 0, index, withError: rowHasError, children: [
+    /* @__PURE__ */ jsx(ConditionConnections, { first: index === 0, last: readOnly ? Boolean(index + 1 === conditionsNumber) : Boolean(addCondition && index + 1 === conditionsNumber && maxConditionLength !== void 0 && conditionsNumber === maxConditionLength), readOnly }),
+    /* @__PURE__ */ jsxs(ConditionRowLine, { children: [
+      /* @__PURE__ */ jsxs(ConditionRowDefinition, { children: [
+        renderConditionParameterWrapper && /* @__PURE__ */ jsxs(ConditionParameterWrapper, { "data-testid": "condition-parameter-wrapper", withRemoveTrigger: lastConditionWrapper === "parameter", children: [
+          /* @__PURE__ */ jsx(Factors, { selectedFactorType: "parameter", defaultFactorType: "parameter", value: "", customFactorValueComponents: parameterSelectorComponent && {
+            parameter: {
+              component: parameterSelectorComponent
+            },
+            contextParameter: {
+              component: parameterSelectorComponent
+            }
+          }, ...conditionParameter, inputProps, getPopupContainerOverride: getPopupContainerOverride || getPopupContainer, onActivate: () => {
+            onActivate && onActivate(PARAMETER);
+          }, onDeactivate, onChangeValue: (value) => selectParameter(stepId, conditionId, value), opened: hasPriority && stepId === currentStepId && conditionId === currentConditionId && currentField === PARAMETER, readOnly, error: Boolean(conditionParameter?.errorText) }),
+          lastConditionWrapper === "parameter" && removeConditionTrigger
+        ] }),
+        renderConditionOperatorWrapper && /* @__PURE__ */ jsxs(ConditionOperatorWrapper, { "data-testid": "condition-operator-wrapper", withRemoveTrigger: lastConditionWrapper === "operator", children: [
+          /* @__PURE__ */ jsx(Operators, { groups: [], items: [], ...conditionOperator, getPopupContainerOverride: getPopupContainerOverride || getPopupContainer, onActivate: () => {
+            onActivate && onActivate(OPERATOR);
+          }, onDeactivate, onChange: (value) => selectOperator(stepId, conditionId, value), opened: hasPriority && stepId === currentStepId && conditionId === currentConditionId && currentField === OPERATOR, readOnly, errorText: conditionOperator?.errorText }),
+          lastConditionWrapper === "operator" && removeConditionTrigger
+        ] }),
+        renderConditionFactorWrapper && /* @__PURE__ */ jsxs(ConditionFactorWrapper, { "data-testid": "condition-factor-wrapper", withRemoveTrigger: lastConditionWrapper === "factor", children: [
+          conditionFactor?.withCustomFactor || /* @__PURE__ */ jsx(Factors, { selectedFactorType: "text", defaultFactorType: "text", value: "", customFactorValueComponents: factorParameterSelectorComponent && {
+            parameter: {
+              component: factorParameterSelectorComponent
+            },
+            contextParameter: {
+              component: factorParameterSelectorComponent
+            }
+          }, factorValueExtraProps, ...conditionFactorProps, inputProps, getPopupContainerOverride: getPopupContainerOverride || getPopupContainer, onActivate: () => {
+            onActivate && onActivate(FACTOR);
+          }, onDeactivate, setSelectedFactorType: (factorType) => setStepConditionFactorType(stepId, conditionId, factorType), onChangeValue: (value) => setStepConditionFactorValue(stepId, conditionId, value), factorKey: conditionId, error: Boolean(conditionFactorProps.errorText), opened: hasPriority && stepId === currentStepId && conditionId === currentConditionId && currentField === FACTOR, readOnly }),
+          lastConditionWrapper === "factor" && removeConditionTrigger
+        ] })
+      ] }),
+      conditionErrorMessage
+    ] })
+  ] }, `condition-row-${conditionId}`);
+};
+export {
+  ConditionRow
+};

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

@@ -1,7 +1,7 @@
-import type { ReactNode, ReactText } from 'react';
-import type { FactorValueComponentProps, FactorsProps } from '@synerise/ds-factors';
-import type { OperatorsProps } from '@synerise/ds-operators';
-import type { ConditionProps, ConditionTexts } from '../../Condition.types';
+import { ReactNode, ReactText } from 'react';
+import { FactorValueComponentProps, FactorsProps } from '@synerise/ds-factors';
+import { OperatorsProps } from '@synerise/ds-operators';
+import { ConditionProps, ConditionTexts } from '../../Condition.types';
 export type ConditionRowProps = Pick<ConditionProps, 'removeCondition' | 'getPopupContainerOverride' | 'factorParameterSelectorComponent' | 'parameterSelectorComponent' | 'factorValueExtraProps'> & {
     index: number;
     error?: boolean;

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

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

package/dist/ConditionStep/ConditionRow/index.js

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

package/dist/ConditionStep/ConditionStep.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 import type * as T from './ConditionStep.types';
 export declare const ConditionStep: ({ step, texts, index, isLast, isDragged, addCondition, removeCondition, updateStepName, removeStep, duplicateStep, minConditionsLength, maxConditionsLength, draggableEnabled, selectSubject, selectContext, selectActionAttribute, selectOperator, selectParameter, setStepConditionFactorType, setStepConditionFactorValue, getPopupContainerOverride, hasPriority, currentStepId, currentConditionId, currentField, setCurrentField, setCurrentCondition, setCurrentStep, onDeactivate, showSuffix, inputProps, readOnly, singleStepCondition, showActionAttribute, contextSelectorComponent: CustomContextSelectorComponent, actionAttributeParameterSelectorComponent, parameterSelectorComponent, factorParameterSelectorComponent, showEmptyConditionPlaceholder, factorValueExtraProps, }: T.ConditionStepProps) => React.JSX.Element;