@synerise/ds-step-card 0.11.30 → 0.11.31

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.11.31](https://github.com/Synerise/synerise-design/compare/@synerise/ds-step-card@0.11.30...@synerise/ds-step-card@0.11.31) (2024-10-28)
+
+**Note:** Version bump only for package @synerise/ds-step-card
+
+
+
+
+
 ## [0.11.30](https://github.com/Synerise/synerise-design/compare/@synerise/ds-step-card@0.11.29...@synerise/ds-step-card@0.11.30) (2024-10-23)
 
 **Note:** Version bump only for package @synerise/ds-step-card

package/dist/StepCard.js

@@ -31,7 +31,12 @@ var StepCard = forwardRef(function (_ref, ref) {
       isHeaderVisible = _ref$isHeaderVisible === void 0 ? true : _ref$isHeaderVisible,
       _ref$readOnly = _ref.readOnly,
       readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      getMoveByLabel = _ref.getMoveByLabel;
+      _ref$singleStepCondit = _ref.singleStepCondition,
+      singleStepCondition = _ref$singleStepCondit === void 0 ? false : _ref$singleStepCondit,
+      getMoveByLabel = _ref.getMoveByLabel,
+      _ref$isDraggable = _ref.isDraggable,
+      isDraggable = _ref$isDraggable === void 0 ? true : _ref$isDraggable,
+      additionalFields = _ref.additionalFields;
 
   var _useIntl = useIntl(),
       formatMessage = _useIntl.formatMessage;
@@ -203,9 +208,9 @@ var StepCard = forwardRef(function (_ref, ref) {
     className: "step-card-drag-handler"
   }, /*#__PURE__*/React.createElement(S.LeftSide, {
     readOnly: readOnly
-  }, !readOnly && /*#__PURE__*/React.createElement(S.DragIcon, {
+  }, !readOnly && isDraggable && /*#__PURE__*/React.createElement(S.DragIcon, {
     component: /*#__PURE__*/React.createElement(DragHandleM, null)
-  }), /*#__PURE__*/React.createElement(Matching, {
+  }), matching !== undefined && onChangeMatching && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Matching, {
     matching: matching,
     onChange: onChangeMatching,
     texts: {
@@ -216,8 +221,10 @@ var StepCard = forwardRef(function (_ref, ref) {
   }), /*#__PURE__*/React.createElement(Title, {
     withoutMargin: true,
     level: 4
-  }, matching ? text.conditionType : text.notConditionType)), (!readOnly || headerRightSide) && /*#__PURE__*/React.createElement(S.RightSide, {
+  }, matching ? text.conditionType : text.notConditionType))), (!readOnly || headerRightSide) && /*#__PURE__*/React.createElement(S.RightSide, {
     className: "step-card-right-side"
-  }, renderRightSide())), /*#__PURE__*/React.createElement(S.Body, null, children), footer && /*#__PURE__*/React.createElement(S.Footer, null, footer));
+  }, renderRightSide())), /*#__PURE__*/React.createElement(S.Body, {
+    singleStepCondition: singleStepCondition
+  }, children), additionalFields && /*#__PURE__*/React.createElement(S.AdditionalFields, null, additionalFields), footer && /*#__PURE__*/React.createElement(S.Footer, null, footer));
 });
 export default StepCard;

package/dist/StepCard.styles.d.ts

@@ -18,5 +18,8 @@ export declare const LeftSide: import("styled-components").StyledComponent<"div"
     readOnly?: boolean | undefined;
 }, never>;
 export declare const RightSide: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Body: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Body: import("styled-components").StyledComponent<"div", any, {
+    singleStepCondition: boolean;
+}, never>;
+export declare const AdditionalFields: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Footer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/StepCard.styles.js

@@ -61,10 +61,19 @@ export var RightSide = styled.div.withConfig({
 export var Body = styled.div.withConfig({
   displayName: "StepCardstyles__Body",
   componentId: "sc-45dbps-11"
-})(["padding:0 0 24px;width:100%;.ds-conditions{&:first-of-type{padding-top:0;}&:last-of-type{padding-bottom:0;}}"]);
+})(["padding:", ";width:100%;.ds-conditions{&:first-of-type{padding-top:0;}&:last-of-type{padding-bottom:0;}}"], function (_ref2) {
+  var singleStepCondition = _ref2.singleStepCondition;
+  return singleStepCondition ? '0' : '0 0 24px';
+});
+export var AdditionalFields = styled.div.withConfig({
+  displayName: "StepCardstyles__AdditionalFields",
+  componentId: "sc-45dbps-12"
+})(["width:100%;padding:24px 24px 12px;border-top:1px solid ", ";"], function (props) {
+  return props.theme.palette['grey-200'];
+});
 export var Footer = styled.div.withConfig({
   displayName: "StepCardstyles__Footer",
-  componentId: "sc-45dbps-12"
+  componentId: "sc-45dbps-13"
 })(["background-color:rgba(249,250,251,0.6);border-top:1px solid ", ";padding:16px 24px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%;> *{margin-left:8px;}"], function (props) {
   return props.theme.palette['grey-100'];
 });

package/dist/StepCard.types.d.ts

@@ -15,17 +15,20 @@ export type StepCardProps = {
     footer?: ReactNode;
     matching: boolean;
     name: string;
-    onChangeName: (name: string) => void;
-    onChangeMatching: (matching: boolean) => void;
-    onDelete: () => void;
-    onDuplicate: () => void;
+    onChangeName?: (name: string) => void;
+    onChangeMatching?: (matching: boolean) => void;
+    onDelete?: () => void;
+    onDuplicate?: () => void;
     onMove: (index: number, offset: number) => void;
     expressionIndex: number;
     expressionCount: number;
     expressionMoved?: boolean;
     texts?: StepCardTexts;
     isHeaderVisible?: boolean;
+    isDraggable?: boolean;
     readOnly?: boolean;
+    singleStepCondition?: boolean;
     headerRightSide?: ReactNode;
     getMoveByLabel?: (moveByOffset: number) => string;
+    additionalFields?: JSX.Element;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-step-card",
-  "version": "0.11.30",
+  "version": "0.11.31",
   "description": "StepCard UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,12 +34,12 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^0.8.33",
-    "@synerise/ds-cruds": "^0.5.24",
-    "@synerise/ds-icon": "^0.66.0",
-    "@synerise/ds-logic": "^0.8.51",
-    "@synerise/ds-typography": "^0.16.1",
-    "@synerise/ds-utils": "^0.30.0",
+    "@synerise/ds-alert": "^0.8.34",
+    "@synerise/ds-cruds": "^0.5.25",
+    "@synerise/ds-icon": "^0.66.1",
+    "@synerise/ds-logic": "^0.8.52",
+    "@synerise/ds-typography": "^0.16.2",
+    "@synerise/ds-utils": "^0.30.1",
     "react-intl": "3.12.0"
   },
   "peerDependencies": {
@@ -47,5 +47,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "c45f411bd0eac69ae70b6c948da1c530539b01d6"
+  "gitHead": "fbadaa2299668c527b52ecc66d61fc2165528bff"
 }