@synerise/ds-condition 0.21.8 → 0.21.9

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.21.8...@synerise/ds-condition@0.21.9) (2024-02-21)
+
+
+### Bug Fixes
+
+* **condition:** updated step name prefix styles ([b6b53fe](https://github.com/Synerise/synerise-design/commit/b6b53feabe10428ab9e11ce9ebd7167dd881cd11))
+
+
+
+
+
 ## [0.21.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.21.7...@synerise/ds-condition@0.21.8) (2024-02-19)
 
 **Note:** Version bump only for package @synerise/ds-condition

package/dist/Condition.js

@@ -74,6 +74,10 @@ var Condition = function Condition(props) {
       conditionSuffix: formatMessage({
         id: 'DS.CONDITION.SUFFIX',
         defaultMessage: 'and'
+      }),
+      stepNamePrefix: formatMessage({
+        id: 'DS.CONDITION.STEP_NAME-PREFIX',
+        defaultMessage: 'Step'
       })
     }, texts);
   }, [texts, formatMessage]);

package/dist/Condition.style.d.ts

@@ -7,9 +7,7 @@ export declare const StepConditions: import("styled-components").StyledComponent
     withoutStepName: boolean;
 }, never>;
 export declare const StepName: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StepIndexWrapper: import("styled-components").StyledComponent<"span", any, {
-    readOnly?: boolean | undefined;
-}, never>;
+export declare const StepIndexWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const Condition: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ConditionStepWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const And: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Condition.style.js

@@ -31,10 +31,7 @@ export var StepName = styled.div.withConfig({
 export var StepIndexWrapper = styled.span.withConfig({
   displayName: "Conditionstyle__StepIndexWrapper",
   componentId: "sc-1lk06p3-5"
-})(["font-size:13px;font-weight:", ";"], function (_ref) {
-  var readOnly = _ref.readOnly;
-  return readOnly ? '500' : '400';
-});
+})(["font-size:13px;font-weight:500;margin-right:8px;"]);
 export var Condition = styled.div.withConfig({
   displayName: "Conditionstyle__Condition",
   componentId: "sc-1lk06p3-6"

package/dist/Condition.types.d.ts

@@ -29,6 +29,7 @@ export type ConditionTexts = {
     duplicateTooltip: string;
     removeTooltip: string;
     conditionSuffix: string;
+    stepNamePrefix: string;
 };
 export type ConditionProps = {
     steps: ConditionStep[];

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

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

package/dist/ConditionStep/StepHeader/StepHeader.js

@@ -1,11 +1,10 @@
+import React, { useRef, useState, useEffect, useCallback } from 'react';
+import { debounce } from 'lodash';
 import InlineEdit from '@synerise/ds-inline-edit';
-import * as React from 'react';
 import Cruds from '@synerise/ds-cruds';
 import { DragHandleM } from '@synerise/ds-icon';
 import { NOOP } from '@synerise/ds-utils';
-import { debounce } from 'lodash';
 import * as S from '../../Condition.style';
-// eslint-disable-next-line import/prefer-default-export
 export var StepHeader = function StepHeader(_ref) {
   var stepName = _ref.stepName,
       stepId = _ref.stepId,
@@ -17,21 +16,21 @@ export var StepHeader = function StepHeader(_ref) {
       draggableEnabled = _ref.draggableEnabled,
       _ref$readOnly = _ref.readOnly,
       readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
-  var onChangeNameDebounce = React.useRef(debounce(updateStepName || NOOP, 300)).current;
+  var onChangeNameDebounce = useRef(debounce(updateStepName || NOOP, 300)).current;
 
-  var _React$useState = React.useState(stepName),
-      localName = _React$useState[0],
-      setLocalName = _React$useState[1];
+  var _useState = useState(stepName),
+      localName = _useState[0],
+      setLocalName = _useState[1];
 
-  React.useEffect(function () {
+  useEffect(function () {
     setLocalName(stepName);
   }, [stepName]);
-  React.useEffect(function () {
+  useEffect(function () {
     return function () {
       onChangeNameDebounce.cancel();
     };
   }, [onChangeNameDebounce]);
-  var handleChangeName = React.useCallback(function (event) {
+  var handleChangeName = useCallback(function (event) {
     setLocalName(event.target.value);
     onChangeNameDebounce(stepId, event.target.value);
   }, [onChangeNameDebounce, stepId]);
@@ -63,7 +62,5 @@ export var StepHeader = function StepHeader(_ref) {
     draggable: draggableEnabled
   }, /*#__PURE__*/React.createElement(S.LeftSide, null, dragHandleElement, /*#__PURE__*/React.createElement(S.StepName, {
     className: "ds-condition-step-name"
-  }, /*#__PURE__*/React.createElement(S.StepIndexWrapper, {
-    readOnly: readOnly
-  }, "" + (index + 1)), stepNameElement)), crudElement);
+  }, /*#__PURE__*/React.createElement(S.StepIndexWrapper, null, texts.stepNamePrefix, " ", "" + (index + 1)), stepNameElement)), crudElement);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-condition",
-  "version": "0.21.8",
+  "version": "0.21.9",
   "description": "Condition UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,17 +33,17 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.19.1",
-    "@synerise/ds-context-selector": "^0.20.5",
-    "@synerise/ds-core": "^0.40.11",
-    "@synerise/ds-cruds": "^0.4.5",
-    "@synerise/ds-factors": "^0.21.5",
-    "@synerise/ds-icon": "^0.60.1",
-    "@synerise/ds-inline-edit": "^0.6.97",
-    "@synerise/ds-operators": "^0.10.56",
-    "@synerise/ds-subject": "^0.9.84",
-    "@synerise/ds-tooltip": "^0.14.18",
-    "@synerise/ds-utils": "^0.24.25",
+    "@synerise/ds-button": "^0.19.2",
+    "@synerise/ds-context-selector": "^0.20.6",
+    "@synerise/ds-core": "^0.40.12",
+    "@synerise/ds-cruds": "^0.4.6",
+    "@synerise/ds-factors": "^0.21.6",
+    "@synerise/ds-icon": "^0.60.2",
+    "@synerise/ds-inline-edit": "^0.6.98",
+    "@synerise/ds-operators": "^0.10.57",
+    "@synerise/ds-subject": "^0.9.85",
+    "@synerise/ds-tooltip": "^0.14.19",
+    "@synerise/ds-utils": "^0.24.26",
     "lodash": "^4.17.19",
     "react-intl": "3.12.0",
     "react-sortablejs": "^6.0.0",
@@ -56,8 +56,7 @@
   },
   "devDependencies": {
     "@testing-library/jest-dom": "5.1.1",
-    "@testing-library/react": "10.0.1",
-    "uuid": "^8.3.2"
+    "@testing-library/react": "10.0.1"
   },
-  "gitHead": "cddb99e7a7cf30926aa46cf772a17d6803ff62cf"
+  "gitHead": "673df74b628304300c09f0d7e26279b5901cd925"
 }