@synerise/ds-condition 1.6.16 → 1.6.18

package/dist/Condition.style.js

@@ -1,180 +1,171 @@
-import styled, { css } from 'styled-components';
-import Cruds from '@synerise/ds-cruds';
-import { Value } from '@synerise/ds-factors/dist/FactorValue/Parameter/Parameter.style';
-import Icon from '@synerise/ds-icon';
-import { InputGroupItem } from '@synerise/ds-input/dist/InputGroup.styles';
-export var ErrorWrapper = styled.div.withConfig({
+import styled, { css } from "styled-components";
+import Cruds from "@synerise/ds-cruds";
+import { Value } from "@synerise/ds-factors/dist/FactorValue/Parameter/Parameter.style";
+import Icon from "@synerise/ds-icon";
+import { InputGroupItem } from "@synerise/ds-input/dist/InputGroup.styles";
+const ErrorWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__ErrorWrapper",
   componentId: "sc-1lk06p3-0"
-})(["color:", ";margin-top:8px;"], function (props) {
-  return props.theme.palette['red-600'];
-});
-export var DragIcon = styled(Icon).withConfig({
+})(["color:", ";margin-top:8px;"], (props) => props.theme.palette["red-600"]);
+const DragIcon = /* @__PURE__ */ styled(Icon).withConfig({
   displayName: "Conditionstyle__DragIcon",
   componentId: "sc-1lk06p3-1"
 })(["opacity:0;visibility:hidden;position:absolute;top:0;left:-24px;cursor:grab;"]);
-export var StepConditionCruds = styled(Cruds).withConfig({
+const StepConditionCruds = /* @__PURE__ */ styled(Cruds).withConfig({
   displayName: "Conditionstyle__StepConditionCruds",
   componentId: "sc-1lk06p3-2"
 })(["position:absolute;top:16px;right:24px;visibility:hidden;opacity:0;"]);
-export var StepConditions = styled.div.withConfig({
+const StepConditions = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__StepConditions",
   componentId: "sc-1lk06p3-3"
-})(["display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;margin-top:0;padding:0 24px;width:", ";", "{left:0;top:16px;}"], function (props) {
-  return props.withCruds ? 'calc(100% - 48px)' : '100%';
-}, DragIcon);
-export var StepName = styled.div.withConfig({
+})(["display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;margin-top:0;padding:0 24px;width:", ";", "{left:0;top:16px;}"], (props) => props.withCruds ? "calc(100% - 48px)" : "100%", DragIcon);
+const StepName = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__StepName",
   componentId: "sc-1lk06p3-4"
-})(["font-size:13px;line-height:1.84;color:", ";display:flex;flex-direction:row;align-items:center;justify-content:flex-start;white-space:pre-wrap;gap:8px;&&& input{margin-top:2px;cursor:default;}"], function (props) {
-  return props.theme.palette['grey-800'];
-});
-export var StepIndexWrapper = styled.span.withConfig({
+})(["font-size:13px;line-height:1.84;color:", ";display:flex;flex-direction:row;align-items:center;justify-content:flex-start;white-space:pre-wrap;gap:8px;&&& input{margin-top:2px;cursor:default;}"], (props) => props.theme.palette["grey-800"]);
+const StepIndexWrapper = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Conditionstyle__StepIndexWrapper",
   componentId: "sc-1lk06p3-5"
 })(["font-size:13px;font-weight:500;"]);
-export var Condition = styled.div.withConfig({
+const Condition = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__Condition",
   componentId: "sc-1lk06p3-6"
 })(["padding:12px 0;display:block;min-width:575px;width:100%;.steps-list{width:100%;}"]);
-export var ConditionStepWrapper = styled.div.withConfig({
+const ConditionStepWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__ConditionStepWrapper",
   componentId: "sc-1lk06p3-7"
 })([""]);
-export var And = styled.div.withConfig({
+const And = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__And",
   componentId: "sc-1lk06p3-8"
 })(["display:contents;"]);
-export var StepCruds = styled.div.withConfig({
+const StepCruds = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__StepCruds",
   componentId: "sc-1lk06p3-9"
 })(["display:flex;align-items:center;justify-content:flex-end;opacity:0;visibility:hidden;"]);
-export var LeftSide = styled.div.withConfig({
+const LeftSide = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__LeftSide",
   componentId: "sc-1lk06p3-10"
 })(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;position:relative;"]);
-export var StepHeader = styled.div.withConfig({
+const StepHeader = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__StepHeader",
   componentId: "sc-1lk06p3-11"
 })(["display:flex;width:100%;flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:8px;padding:0 24px;"]);
-export var DraggedLabel = styled.span.withConfig({
+const DraggedLabel = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Conditionstyle__DraggedLabel",
   componentId: "sc-1lk06p3-12"
-})(["width:100%;height:100%;display:none;position:absolute;top:0;left:0;align-items:center;justify-content:flex-start;padding-left:18px;color:", ";font-size:13px;"], function (props) {
-  return props.theme.palette['grey-600'];
-});
-export var Step = styled.div.withConfig({
+})(["width:100%;height:100%;display:none;position:absolute;top:0;left:0;align-items:center;justify-content:flex-start;padding-left:18px;color:", ";font-size:13px;"], (props) => props.theme.palette["grey-600"]);
+const Step = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__Step",
   componentId: "sc-1lk06p3-13"
-})(["padding:", ";position:relative;", " ", " &:hover{", ";", "{opacity:1;visibility:visible;}", "{opacity:1;visibility:visible;}", "{opacity:1;visibility:visible;}}"], function (_ref) {
-  var singleStepCondition = _ref.singleStepCondition;
-  return singleStepCondition ? '24px 0' : '12px 0';
-}, function (props) {
-  return props.showSuffix && css(["&:after{display:flex;width:100%;padding:18px 0 18px 24px;bottom:-18px;content:attr(data-conditionSuffix);background-color:", ";position:relative;font-size:16px;font-weight:500;color:#3f4c5b;}"], props.theme.palette.white);
-}, function (props) {
-  return props.active && !props.singleStepCondition && css(["&:hover{background-color:", ";}"], props.theme.palette['grey-050']);
-}, function (props) {
-  return !props.hoverDisabled && "background-color: " + props.theme.palette['grey-050'];
-}, StepCruds, StepConditionCruds, DragIcon);
-export var DropLabel = styled.div.withConfig({
+})(["padding:", ";position:relative;", " ", " &:hover{", ";", "{opacity:1;visibility:visible;}", "{opacity:1;visibility:visible;}", "{opacity:1;visibility:visible;}}"], ({
+  singleStepCondition
+}) => singleStepCondition ? "24px 0" : "12px 0", (props) => props.showSuffix && css(["&:after{display:flex;width:100%;padding:18px 0 18px 24px;bottom:-18px;content:attr(data-conditionSuffix);background-color:", ";position:relative;font-size:16px;font-weight:500;color:#3f4c5b;}"], props.theme.palette.white), (props) => props.active && !props.singleStepCondition && css(["&:hover{background-color:", ";}"], props.theme.palette["grey-050"]), (props) => !props.hoverDisabled && `background-color: ${props.theme.palette["grey-050"]}`, StepCruds, StepConditionCruds, DragIcon);
+const DropLabel = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__DropLabel",
   componentId: "sc-1lk06p3-14"
 })(["display:none;"]);
-export var DragLabelPart = styled.div.withConfig({
+const DragLabelPart = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__DragLabelPart",
   componentId: "sc-1lk06p3-15"
 })([""]);
-export var DragLabel = styled.div.withConfig({
+const DragLabel = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__DragLabel",
   componentId: "sc-1lk06p3-16"
 })(["display:none;align-items:center;gap:8px;"]);
-export var StepWrapper = styled.div.withConfig({
+const StepWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__StepWrapper",
   componentId: "sc-1lk06p3-17"
-})(["", " ", ""], function (props) {
-  return props.isDragOverlay && css(["", "{display:none;}height:50px;overflow:hidden;cursor:grabbing;background:", ";box-shadow:0 16px 32px 0 #23293619;display:flex;align-items:center;", "{display:flex;}"], Step, props.theme.palette.white, DragLabel);
-}, function (props) {
-  return props.isDragged && css(["", "{display:none;}", "{display:block;}height:50px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:", ";color:", ";border-left:2px solid ", ";"], Step, DropLabel, props.theme.palette['blue-050'], props.theme.palette['blue-600'], props.theme.palette['blue-600']);
-});
-export var Subject = styled.div.withConfig({
+})(["", " ", ""], (props) => props.isDragOverlay && css(["", "{display:none;}height:50px;overflow:hidden;cursor:grabbing;background:", ";box-shadow:0 16px 32px 0 #23293619;display:flex;align-items:center;", "{display:flex;}"], Step, props.theme.palette.white, DragLabel), (props) => props.isDragged && css(["", "{display:none;}", "{display:block;}height:50px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:", ";color:", ";border-left:2px solid ", ";"], Step, DropLabel, props.theme.palette["blue-050"], props.theme.palette["blue-600"], props.theme.palette["blue-600"]));
+const Subject = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__Subject",
   componentId: "sc-1lk06p3-18"
 })([""]);
-export var RemoveIconWrapper = styled.span.attrs({
-  'data-testid': 'ds-conditions-remove-row'
+const RemoveIconWrapper = /* @__PURE__ */ styled.span.attrs({
+  "data-testid": "ds-conditions-remove-row"
 }).withConfig({
   displayName: "Conditionstyle__RemoveIconWrapper",
   componentId: "sc-1lk06p3-19"
 })(["visibility:hidden;pointer-events:none;opacity:0;transition:all 0.3s ease;width:24px;height:32px;display:flex;align-items:center;justify-content:center;margin-left:8px;"]);
-export var ConditionWrapper = styled.div.withConfig({
+const ConditionWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__ConditionWrapper",
   componentId: "sc-1lk06p3-20"
-})(["", ";", "{min-width:0;}", "{min-width:50px;max-width:none;}"], function (props) {
-  return Boolean(props.withRemoveTrigger) && css(["&{display:flex;> *{min-width:0;}}", "{flex:0 0 24px;}"], RemoveIconWrapper);
-}, InputGroupItem, Value);
-export var ConditionParameterWrapper = styled(ConditionWrapper).withConfig({
+})(["", ";", "{min-width:0;}", "{min-width:50px;max-width:none;}"], (props) => Boolean(props.withRemoveTrigger) && css(["&{display:flex;> *{min-width:0;}}", "{flex:0 0 24px;}"], RemoveIconWrapper), InputGroupItem, Value);
+const ConditionParameterWrapper = /* @__PURE__ */ styled(ConditionWrapper).withConfig({
   displayName: "Conditionstyle__ConditionParameterWrapper",
   componentId: "sc-1lk06p3-21"
 })(["flex:0 400 auto;min-width:120px;"]);
-export var ConditionOperatorWrapper = styled(ConditionWrapper).withConfig({
+const ConditionOperatorWrapper = /* @__PURE__ */ styled(ConditionWrapper).withConfig({
   displayName: "Conditionstyle__ConditionOperatorWrapper",
   componentId: "sc-1lk06p3-22"
 })(["flex:0 0 auto;"]);
-export var ConditionFactorWrapper = styled(ConditionWrapper).withConfig({
+const ConditionFactorWrapper = /* @__PURE__ */ styled(ConditionWrapper).withConfig({
   displayName: "Conditionstyle__ConditionFactorWrapper",
   componentId: "sc-1lk06p3-23"
 })(["flex:30 1 auto;"]);
-export var ConditionRows = styled.div.withConfig({
+const ConditionRows = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__ConditionRows",
   componentId: "sc-1lk06p3-24"
 })(["flex-grow:1;min-width:0;"]);
-export var ConditionRowDefinition = styled.div.withConfig({
+const ConditionRowDefinition = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__ConditionRowDefinition",
   componentId: "sc-1lk06p3-25"
 })(["display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;"]);
-export var ConditionRowLine = styled.div.withConfig({
+const ConditionRowLine = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__ConditionRowLine",
   componentId: "sc-1lk06p3-26"
 })(["flex-grow:1;min-width:0;"]);
-export var AddConditionRow = styled.div.withConfig({
+const AddConditionRow = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__AddConditionRow",
   componentId: "sc-1lk06p3-27"
 })(["display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;"]);
-export var ConditionConnections = styled.span.withConfig({
+const ConditionConnections = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Conditionstyle__ConditionConnections",
   componentId: "sc-1lk06p3-28"
-})(["display:flex;width:32px;min-width:32px;margin:0 12px;position:relative;height:32px;&:before{position:absolute;content:'';width:", ";height:1px;top:16px;left:", ";background-color:", ";}&:after{display:", ";position:absolute;content:'';width:1px;left:50%;height:auto;top:", ";bottom:", ";background-color:", ";}"], function (props) {
-  return props.first ? '100%' : '16px';
-}, function (props) {
-  return props.first ? '0' : '16px';
-}, function (props) {
-  return props.theme.palette['grey-300'];
-}, function (props) {
-  return props.first && props.last || props.last && props.readOnly ? 'none' : 'flex';
-}, function (props) {
-  return props.first ? '16px' : '0';
-}, function (props) {
-  return props.last ? '16px' : '-100%';
-}, function (props) {
-  return props.theme.palette['grey-300'];
-});
-export var ConditionRow = styled.div.withConfig({
+})(["display:flex;width:32px;min-width:32px;margin:0 12px;position:relative;height:32px;&:before{position:absolute;content:'';width:", ";height:1px;top:16px;left:", ";background-color:", ";}&:after{display:", ";position:absolute;content:'';width:1px;left:50%;height:auto;top:", ";bottom:", ";background-color:", ";}"], (props) => props.first ? "100%" : "16px", (props) => props.first ? "0" : "16px", (props) => props.theme.palette["grey-300"], (props) => props.first && props.last || props.last && props.readOnly ? "none" : "flex", (props) => props.first ? "16px" : "0", (props) => props.last ? "16px" : "-100%", (props) => props.theme.palette["grey-300"]);
+const ConditionRow = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__ConditionRow",
   componentId: "sc-1lk06p3-29"
-})(["padding-bottom:", ";display:flex;flex-grow:1;", "{height:", ";", "}}", "{margin-right:8px;&:last-of-type{margin-right:0;flex-grow:1;min-width:0;}&:only-of-type{flex-grow:0;}}&:hover{", "{opacity:1;visibility:visible;pointer-events:all;cursor:pointer;}}"], function (props) {
-  return props.onlyChild ? '0' : '16px';
-}, ConditionConnections, function (props) {
-  return props.withError ? 'auto' : '32px';
-}, function (props) {
-  return props.withError && css(["&:after{bottom:", ";"], function () {
-    return props.last ? '16px' : 'calc(-100% + 24px)';
-  });
-}, ConditionWrapper, RemoveIconWrapper);
-export var AddStepButton = styled.div.withConfig({
+})(["padding-bottom:", ";display:flex;flex-grow:1;", "{height:", ";", "}}", "{margin-right:8px;&:last-of-type{margin-right:0;flex-grow:1;min-width:0;}&:only-of-type{flex-grow:0;}}&:hover{", "{opacity:1;visibility:visible;pointer-events:all;cursor:pointer;}}"], (props) => props.onlyChild ? "0" : "16px", ConditionConnections, (props) => props.withError ? "auto" : "32px", (props) => props.withError && css(["&:after{bottom:", ";"], () => props.last ? "16px" : "calc(-100% + 24px)"), ConditionWrapper, RemoveIconWrapper);
+const AddStepButton = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__AddStepButton",
   componentId: "sc-1lk06p3-30"
 })(["margin:12px 24px 0;"]);
-export var ActionAttribute = styled.div.withConfig({
+const ActionAttribute = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Conditionstyle__ActionAttribute",
   componentId: "sc-1lk06p3-31"
-})(["margin-left:8px;display:flex;"]);
+})(["margin-left:8px;display:flex;"]);
+export {
+  ActionAttribute,
+  AddConditionRow,
+  AddStepButton,
+  And,
+  Condition,
+  ConditionConnections,
+  ConditionFactorWrapper,
+  ConditionOperatorWrapper,
+  ConditionParameterWrapper,
+  ConditionRow,
+  ConditionRowDefinition,
+  ConditionRowLine,
+  ConditionRows,
+  ConditionStepWrapper,
+  ConditionWrapper,
+  DragIcon,
+  DragLabel,
+  DragLabelPart,
+  DraggedLabel,
+  DropLabel,
+  ErrorWrapper,
+  LeftSide,
+  RemoveIconWrapper,
+  Step,
+  StepConditionCruds,
+  StepConditions,
+  StepCruds,
+  StepHeader,
+  StepIndexWrapper,
+  StepName,
+  StepWrapper,
+  Subject
+};

package/dist/Condition.types.d.ts

@@ -1,8 +1,8 @@
-import type { ComponentType, ReactNode, ReactText } from 'react';
-import type { ContextGroup, ContextItem, ContextProps } from '@synerise/ds-context-selector';
-import type { FactorType, FactorValueComponentProps, FactorValueType, FactorsProps, InputProps, ParameterValueType } from '@synerise/ds-factors';
-import type { OperatorsItem, OperatorsProps } from '@synerise/ds-operators';
-import type { SubjectItem, SubjectProps } from '@synerise/ds-subject';
+import { ComponentType, ReactNode, ReactText } from 'react';
+import { ContextGroup, ContextItem, ContextProps } from '@synerise/ds-context-selector';
+import { FactorType, FactorValueComponentProps, FactorValueType, FactorsProps, InputProps, ParameterValueType } from '@synerise/ds-factors';
+import { OperatorsItem, OperatorsProps } from '@synerise/ds-operators';
+import { SubjectItem, SubjectProps } from '@synerise/ds-subject';
 export type ConditionStepCrudActions = {
     removeStep?: (stepId: ReactText) => void;
     duplicateStep?: (stepId: ReactText) => void;

package/dist/Condition.types.js

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

package/dist/ConditionStep/AddCondition/AddCondition.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 import type * as T from './AddCondition.types';
 export declare const AddCondition: ({ addCondition, stepId, conditionsNumber, texts, isDisabled, errorText, }: T.AddConditionProps) => React.JSX.Element;

package/dist/ConditionStep/AddCondition/AddCondition.js

@@ -1,28 +1,25 @@
-import React from 'react';
-import Button from '@synerise/ds-button';
-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;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.AddConditionRow, null, /*#__PURE__*/React.createElement(S.ConditionConnections, {
-    last: true,
-    first: conditionsNumber === 0
-  }), /*#__PURE__*/React.createElement(S.ConditionRowLine, null, /*#__PURE__*/React.createElement(Button, {
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(Add2M, null)
-    }),
-    error: !isDisabled && Boolean(errorText),
-    type: "ghost",
-    mode: "icon-label",
-    onClick: function onClick() {
-      addCondition && addCondition(stepId);
-    },
-    disabled: isDisabled
-  }, conditionsNumber > 0 ? texts.addConditionRowButton : texts.addFirstConditionRowButton), !isDisabled && errorText && /*#__PURE__*/React.createElement(S.ErrorWrapper, null, errorText))));
-};
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import Button from "@synerise/ds-button";
+import Icon, { Add2M } from "@synerise/ds-icon";
+import { AddConditionRow, ConditionConnections, ConditionRowLine, ErrorWrapper } from "../../Condition.style.js";
+const AddCondition = ({
+  addCondition,
+  stepId,
+  conditionsNumber,
+  texts,
+  isDisabled = false,
+  errorText
+}) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(AddConditionRow, { children: [
+    /* @__PURE__ */ jsx(ConditionConnections, { last: true, first: conditionsNumber === 0 }),
+    /* @__PURE__ */ jsxs(ConditionRowLine, { children: [
+      /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(Add2M, {}) }), error: !isDisabled && Boolean(errorText), type: "ghost", mode: "icon-label", onClick: () => {
+        addCondition && addCondition(stepId);
+      }, disabled: isDisabled, children: conditionsNumber > 0 ? texts.addConditionRowButton : texts.addFirstConditionRowButton }),
+      !isDisabled && errorText && /* @__PURE__ */ jsx(ErrorWrapper, { children: errorText })
+    ] })
+  ] }) });
+};
+export {
+  AddCondition
+};

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

@@ -1,5 +1,5 @@
-import type React from 'react';
-import { type ConditionTexts } from '../../Condition.types';
+import { default as React } from 'react';
+import { ConditionTexts } from '../../Condition.types';
 export type AddConditionProps = {
     addCondition: (stepId: React.ReactText) => void;
     stepId: React.ReactText;

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

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

package/dist/ConditionStep/AddCondition/index.js

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

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

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 import type * as T from './ConditionRow.types';
 export declare 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, parameterSelectorComponent, factorParameterSelectorComponent, factorValueExtraProps, }: T.ConditionRowProps) => React.JSX.Element;