@synerise/ds-condition 0.17.36 → 0.17.37

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.17.37](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.17.36...@synerise/ds-condition@0.17.37) (2022-09-28)
+
+
+### Bug Fixes
+
+* **condition:** add import inputProps from ds-factors types ([c538a7e](https://github.com/Synerise/synerise-design/commit/c538a7e7ea18e345dbd64cd6b98889dee109c361))
+* **condition:** add prop to de-condition and knob ([9c5c95b](https://github.com/Synerise/synerise-design/commit/9c5c95b455b9ef2d56f460b491e49530f47accb3))
+* **condition:** update documantation ([0ae2ee5](https://github.com/Synerise/synerise-design/commit/0ae2ee5a7f05946bfedb8c60b38186e3025782a7))
+* **condition:** update documentation ([7f0dd22](https://github.com/Synerise/synerise-design/commit/7f0dd220f15362b7536daeda79fcdcf5e155636a))
+
+
+
+
+
 ## [0.17.36](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.17.35...@synerise/ds-condition@0.17.36) (2022-09-27)
 
 **Note:** Version bump only for package @synerise/ds-condition

package/README.md

@@ -124,6 +124,8 @@ import Condition from '@synerise/ds-condition'
 | onUpdateStepName          | Callback called when user change the name of step condition   | (stepId: React.ReactText, value: string) => void                                                  | -       |
 | getPopupContainerOverride | Popup container function for child tooltips and dropdowns     | (trigger: HTMLElement | null) => HTMLElement;                                                     | -       |
 | defaultOpenedComponent    | Component which should be opened after render                 | 'subject' \ 'operator' \ 'factor' \ 'parameter' \ 'context'                                       | -       |
+| inputProps                | group of props from ds-factors types                          | InputProps                                                                                        | -       |
+
 
 ### ConditionStep
 

package/dist/Condition.js

@@ -56,7 +56,8 @@ var Condition = function Condition(props) {
       showSuffix = props.showSuffix,
       hoverDisabled = props.hoverDisabled,
       _props$autoOpenedComp = props.autoOpenedComponent,
-      autoOpenedComponent = _props$autoOpenedComp === void 0 ? DEFAULT_FIELD : _props$autoOpenedComp;
+      autoOpenedComponent = _props$autoOpenedComp === void 0 ? DEFAULT_FIELD : _props$autoOpenedComp,
+      inputProps = props.inputProps;
 
   var _useIntl = useIntl(),
       formatMessage = _useIntl.formatMessage;
@@ -269,7 +270,8 @@ var Condition = function Condition(props) {
         setCurrentStep: setCurrentStepId,
         onDeactivate: handleClearActiveCondition,
         showSuffix: showSuffix,
-        hoverDisabled: hoverDisabled || currentStepId !== step.id && currentStepId !== undefined
+        hoverDisabled: hoverDisabled || currentStepId !== step.id && currentStepId !== undefined,
+        inputProps: inputProps
       });
     })), addStep && /*#__PURE__*/React.createElement(S.AddStepButton, null, /*#__PURE__*/React.createElement(Button, {
       type: "ghost",
@@ -278,7 +280,7 @@ var Condition = function Condition(props) {
     }, /*#__PURE__*/React.createElement(Icon, {
       component: /*#__PURE__*/React.createElement(Add3M, null)
     }), text.addStep)), renderAddStep && /*#__PURE__*/React.createElement(S.AddStepButton, null, renderAddStep()));
-  }, [steps, onChangeOrder, addStep, handleAddStep, text, renderAddStep, currentStepId, getPopupContainerOverride, draggableEnabled, selectOperator, selectParameter, selectContext, selectSubject, onUpdateStepName, duplicateStep, removeStep, minConditionsLength, maxConditionsLength, setStepConditionFactorType, setStepConditionFactorValue, currentConditionId, currentField, removeCondition, handleAddCondition, handleClearActiveCondition, showSuffix, hoverDisabled]);
+  }, [steps, onChangeOrder, addStep, handleAddStep, text, renderAddStep, currentStepId, getPopupContainerOverride, draggableEnabled, selectOperator, selectParameter, selectContext, selectSubject, onUpdateStepName, duplicateStep, removeStep, minConditionsLength, maxConditionsLength, setStepConditionFactorType, setStepConditionFactorValue, currentConditionId, currentField, removeCondition, handleAddCondition, handleClearActiveCondition, showSuffix, hoverDisabled, inputProps]);
 };
 
 export default Condition;

package/dist/Condition.types.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SubjectItem, SubjectProps } from '@synerise/ds-subject/dist/Subject.types';
-import { FactorsProps, FactorType, FactorValueType } from '@synerise/ds-factors/dist/Factors.types';
+import { FactorsProps, FactorType, FactorValueType, InputProps } from '@synerise/ds-factors/dist/Factors.types';
 import { OperatorsItem, OperatorsProps } from '@synerise/ds-operators/dist/Operator.types';
 import { ContextGroup, ContextItem, ContextProps } from '@synerise/ds-context-selector/dist/ContextSelector.types';
 export declare type StepConditions = {
@@ -53,4 +53,5 @@ export declare type ConditionProps = {
     showSuffix?: boolean;
     hoverDisabled?: boolean;
     autoOpenedComponent?: 'subject' | 'operator' | 'factor' | 'parameter' | 'context';
+    inputProps: InputProps;
 };

package/dist/ConditionStep/ConditionRow/ConditionRow.js

@@ -34,7 +34,8 @@ export var ConditionRow = function ConditionRow(_ref) {
       texts = _ref.texts,
       stepType = _ref.stepType,
       onDeactivate = _ref.onDeactivate,
-      error = _ref.error;
+      error = _ref.error,
+      inputProps = _ref.inputProps;
   return /*#__PURE__*/React.createElement(S.ConditionRow, {
     stepType: stepType,
     style: hasPriority ? {
@@ -46,6 +47,7 @@ export var ConditionRow = function ConditionRow(_ref) {
     first: index === 0,
     last: Boolean(addCondition && index + 1 === conditionsNumber && maxConditionLength !== undefined && conditionsNumber === maxConditionLength)
   }), /*#__PURE__*/React.createElement(S.ConditionWrapper, null, conditionParameter && /*#__PURE__*/React.createElement(Factors, _extends({}, conditionParameter, {
+    inputProps: inputProps,
     getPopupContainerOverride: getPopupContainerOverride,
     onActivate: function onActivate() {
       return _onActivate && _onActivate(PARAMETER);
@@ -68,6 +70,7 @@ export var ConditionRow = function ConditionRow(_ref) {
   }))), conditionFactor !== undefined && (conditionOperator == null ? void 0 : conditionOperator.value) && (conditionFactor == null ? void 0 : conditionFactor.availableFactorTypes) !== null && /*#__PURE__*/React.createElement(S.ConditionWrapper, {
     fullWidth: true
   }, /*#__PURE__*/React.createElement(React.Fragment, null, (conditionFactor == null ? void 0 : conditionFactor.withCustomFactor) || /*#__PURE__*/React.createElement(Factors, _extends({}, conditionFactor, {
+    inputProps: inputProps,
     getPopupContainerOverride: getPopupContainerOverride,
     onActivate: function onActivate() {
       return _onActivate && _onActivate(FACTOR);

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FactorsProps } from '@synerise/ds-factors/dist/Factors.types';
+import { FactorsProps, InputProps } from '@synerise/ds-factors/dist/Factors.types';
 import { OperatorsProps } from '@synerise/ds-operators/dist/Operator.types';
 import { ConditionProps, ConditionTexts } from '../../Condition.types';
 export declare type ConditionRowProps = {
@@ -28,4 +28,5 @@ export declare type ConditionRowProps = {
     getPopupContainerOverride?: ConditionProps['getPopupContainerOverride'];
     texts: Partial<ConditionTexts>;
     stepType: 'event' | 'attribute' | 'default' | undefined;
+    inputProps: InputProps;
 };

package/dist/ConditionStep/ConditionStep.js

@@ -48,7 +48,8 @@ export var ConditionStep = function ConditionStep(_ref) {
       setCurrentStep = _ref.setCurrentStep,
       onDeactivate = _ref.onDeactivate,
       showSuffix = _ref.showSuffix,
-      hoverDisabled = _ref.hoverDisabled;
+      hoverDisabled = _ref.hoverDisabled,
+      inputProps = _ref.inputProps;
 
   var _useIntl = useIntl(),
       formatMessage = _useIntl.formatMessage;
@@ -146,6 +147,7 @@ export var ConditionStep = function ConditionStep(_ref) {
       index: conditionIndex,
       conditionId: condition.id,
       addCondition: addCondition,
+      inputProps: inputProps,
       conditionParameter: condition.parameter,
       conditionOperator: condition.operator,
       conditionFactor: condition.factor,
@@ -169,7 +171,7 @@ export var ConditionStep = function ConditionStep(_ref) {
       stepType: (_step$context2 = step.context) == null ? void 0 : _step$context2.type,
       onDeactivate: onDeactivate
     });
-  }, [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]);
+  }, [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]);
   return /*#__PURE__*/React.createElement(S.Step, {
     key: step.id,
     id: "condition-step-" + step.id,

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FactorType, FactorValueType } from '@synerise/ds-factors/dist/Factors.types';
+import { FactorType, FactorValueType, InputProps } from '@synerise/ds-factors/dist/Factors.types';
 import { ContextGroup, ContextItem } from '@synerise/ds-context-selector/dist/ContextSelector.types';
 import { SubjectItem } from '@synerise/ds-subject/dist/Subject.types';
 import { OperatorsGroup, OperatorsItem } from '@synerise/ds-operators/dist/Operator.types';
@@ -34,4 +34,5 @@ export declare type ConditionStepProps = {
     onDeactivate: () => void;
     showSuffix?: boolean;
     hoverDisabled?: boolean;
+    inputProps: InputProps;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-condition",
-  "version": "0.17.36",
+  "version": "0.17.37",
   "description": "Condition UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,14 +33,14 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@synerise/ds-button": "^0.17.9",
-    "@synerise/ds-context-selector": "^0.14.1",
+    "@synerise/ds-context-selector": "^0.14.2",
     "@synerise/ds-core": "^0.36.3",
     "@synerise/ds-cruds": "^0.3.17",
-    "@synerise/ds-factors": "^0.15.2",
+    "@synerise/ds-factors": "^0.15.3",
     "@synerise/ds-icon": "^0.51.0",
-    "@synerise/ds-inline-edit": "^0.6.33",
-    "@synerise/ds-operators": "^0.9.21",
-    "@synerise/ds-subject": "^0.9.21",
+    "@synerise/ds-inline-edit": "^0.6.34",
+    "@synerise/ds-operators": "^0.9.22",
+    "@synerise/ds-subject": "^0.9.22",
     "@synerise/ds-tooltip": "^0.11.17",
     "@synerise/ds-utils": "^0.19.0",
     "react-sortablejs": "^6.0.0"
@@ -49,5 +49,5 @@
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "0c2453a26567f2e73744470f9e246c53a5d80a98"
+  "gitHead": "07b8ee9d3f238ab4a03d04380ab9011620b55ec1"
 }