@synerise/ds-condition 0.20.53 → 0.20.55

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.20.55](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.20.54...@synerise/ds-condition@0.20.55) (2023-10-06)
+
+**Note:** Version bump only for package @synerise/ds-condition
+
+
+
+
+
+## [0.20.54](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.20.53...@synerise/ds-condition@0.20.54) (2023-10-02)
+
+**Note:** Version bump only for package @synerise/ds-condition
+
+
+
+
+
 ## [0.20.53](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.20.52...@synerise/ds-condition@0.20.53) (2023-09-26)
 
 **Note:** Version bump only for package @synerise/ds-condition

package/dist/Condition.types.d.ts

@@ -3,13 +3,13 @@ import { SubjectItem, SubjectProps } from '@synerise/ds-subject/dist/Subject.typ
 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 = {
+export type StepConditions = {
     id: React.ReactText;
     parameter?: Omit<FactorsProps, 'onChangeValue'>;
     operator?: Omit<OperatorsProps, 'onChange'>;
     factor?: Omit<FactorsProps, 'onChangeValue' | 'setSelectedFactorType'>;
 };
-export declare type ConditionStep = {
+export type ConditionStep = {
     id: React.ReactText;
     subject?: Omit<SubjectProps, 'onSelectItem'>;
     context?: Omit<ContextProps, 'onSelectItem'>;
@@ -17,7 +17,7 @@ export declare type ConditionStep = {
     conditions: StepConditions[];
     addConditionErrorText?: React.ReactNode | string;
 };
-export declare type ConditionTexts = {
+export type ConditionTexts = {
     stepNamePlaceholder: string;
     removeConditionRowTooltip: string;
     addFirstConditionRowButton: string;
@@ -29,7 +29,7 @@ export declare type ConditionTexts = {
     removeTooltip: string;
     conditionSuffix: string;
 };
-export declare type ConditionProps = {
+export type ConditionProps = {
     steps: ConditionStep[];
     getPopupContainerOverride?: (trigger: HTMLElement | null) => HTMLElement;
     addCondition?: (stepId: React.ReactText) => string | void;

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

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

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 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 = {
+export type ConditionRowProps = {
     index: number;
     error?: boolean;
     hasPriority?: boolean;

package/dist/ConditionStep/ConditionStep.js

@@ -100,9 +100,11 @@ export var ConditionStep = function ConditionStep(_ref) {
       })
     }, texts);
   }, [texts, formatMessage]);
-  var onActivate = setCurrentStep ? function () {
-    return setCurrentStep(step.id);
-  } : undefined;
+  var onActivate = React.useCallback(function () {
+    return setCurrentStep ? function () {
+      return setCurrentStep(step.id);
+    } : undefined;
+  }, [step.id, setCurrentStep]);
   var onAddCondition = React.useCallback(function (stepId) {
     addCondition && addCondition(stepId);
     onActivate && onActivate();

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

@@ -4,7 +4,7 @@ import { ContextGroup, ContextItem } from '@synerise/ds-context-selector/dist/Co
 import { SubjectItem } from '@synerise/ds-subject/dist/Subject.types';
 import { OperatorsGroup, OperatorsItem } from '@synerise/ds-operators/dist/Operator.types';
 import { ConditionStep, ConditionTexts, ConditionProps } from '../Condition.types';
-export declare type ConditionStepProps = {
+export type ConditionStepProps = {
     index: number;
     step: ConditionStep;
     hasPriority?: boolean;

package/dist/ConditionStep/StepHeader/StepHeader.js

@@ -17,7 +17,7 @@ export var StepHeader = function StepHeader(_ref) {
       draggableEnabled = _ref.draggableEnabled,
       _ref$readOnly = _ref.readOnly,
       readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
-  var onChangeNameDebounce = React.useCallback(debounce(updateStepName || NOOP, 300), [updateStepName]);
+  var onChangeNameDebounce = React.useRef(debounce(updateStepName || NOOP, 300)).current;
 
   var _React$useState = React.useState(stepName),
       localName = _React$useState[0],
@@ -26,6 +26,11 @@ export var StepHeader = function StepHeader(_ref) {
   React.useEffect(function () {
     setLocalName(stepName);
   }, [stepName]);
+  React.useEffect(function () {
+    return function () {
+      onChangeNameDebounce.cancel();
+    };
+  }, [onChangeNameDebounce]);
   var handleChangeName = React.useCallback(function (event) {
     setLocalName(event.target.value);
     onChangeNameDebounce(stepId, event.target.value);

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ConditionProps, ConditionTexts } from '../../Condition.types';
-export declare type StepHeaderProps = {
+export type StepHeaderProps = {
     index: number;
     texts: Partial<ConditionTexts>;
     stepName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-condition",
-  "version": "0.20.53",
+  "version": "0.20.55",
   "description": "Condition UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,17 +32,17 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.18.2",
-    "@synerise/ds-context-selector": "^0.19.10",
-    "@synerise/ds-core": "^0.40.2",
-    "@synerise/ds-cruds": "^0.3.34",
-    "@synerise/ds-factors": "^0.20.3",
-    "@synerise/ds-icon": "^0.58.2",
-    "@synerise/ds-inline-edit": "^0.6.80",
-    "@synerise/ds-operators": "^0.10.39",
-    "@synerise/ds-subject": "^0.9.67",
-    "@synerise/ds-tooltip": "^0.14.4",
-    "@synerise/ds-utils": "^0.24.16",
+    "@synerise/ds-button": "^0.18.3",
+    "@synerise/ds-context-selector": "^0.19.12",
+    "@synerise/ds-core": "^0.40.3",
+    "@synerise/ds-cruds": "^0.3.35",
+    "@synerise/ds-factors": "^0.20.5",
+    "@synerise/ds-icon": "^0.58.3",
+    "@synerise/ds-inline-edit": "^0.6.82",
+    "@synerise/ds-operators": "^0.10.41",
+    "@synerise/ds-subject": "^0.9.69",
+    "@synerise/ds-tooltip": "^0.14.5",
+    "@synerise/ds-utils": "^0.24.17",
     "lodash": "^4.17.19",
     "react-intl": "3.12.0",
     "react-sortablejs": "^6.0.0"
@@ -57,5 +57,5 @@
     "@testing-library/react": "10.0.1",
     "uuid": "^8.3.2"
   },
-  "gitHead": "f1f520c4c5ef9f90bacb5d5e0b2e778ceb8fdf79"
+  "gitHead": "d944339a738211d8f74b27360481aafd7ef51ddd"
 }