@synerise/ds-step-card 0.7.25 → 0.8.0

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.8.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-step-card@0.7.25...@synerise/ds-step-card@0.8.0) (2022-12-13)
+
+
+### Features
+
+* **filter:** readOnly state for conditions ([dfa4db3](https://github.com/Synerise/synerise-design/commit/dfa4db35826c0800859b7217dd1ea2f1497ac3c9))
+
+
+
+
+
 ## [0.7.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-step-card@0.7.24...@synerise/ds-step-card@0.7.25) (2022-12-07)
 
 **Note:** Version bump only for package @synerise/ds-step-card

package/dist/StepCard.js

@@ -21,7 +21,9 @@ var StepCard = function StepCard(_ref) {
       onChangeMatching = _ref.onChangeMatching,
       texts = _ref.texts,
       _ref$isHeaderVisible = _ref.isHeaderVisible,
-      isHeaderVisible = _ref$isHeaderVisible === void 0 ? true : _ref$isHeaderVisible;
+      isHeaderVisible = _ref$isHeaderVisible === void 0 ? true : _ref$isHeaderVisible,
+      _ref$readOnly = _ref.readOnly,
+      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
 
   var _useIntl = useIntl(),
       formatMessage = _useIntl.formatMessage;
@@ -56,7 +58,9 @@ var StepCard = function StepCard(_ref) {
   }, [formatMessage, texts]);
   return /*#__PURE__*/React.createElement(S.Container, null, isHeaderVisible && /*#__PURE__*/React.createElement(S.Header, {
     className: "step-card-drag-handler"
-  }, /*#__PURE__*/React.createElement(S.LeftSide, null, /*#__PURE__*/React.createElement(S.DragIcon, {
+  }, /*#__PURE__*/React.createElement(S.LeftSide, {
+    readOnly: readOnly
+  }, !readOnly && /*#__PURE__*/React.createElement(S.DragIcon, {
     component: /*#__PURE__*/React.createElement(DragHandleM, null)
   }), /*#__PURE__*/React.createElement(Matching, {
     matching: matching,
@@ -64,16 +68,17 @@ var StepCard = function StepCard(_ref) {
     texts: {
       matching: text.matching,
       notMatching: text.notMatching
-    }
+    },
+    readOnly: readOnly
   }), /*#__PURE__*/React.createElement(Title, {
     withoutMargin: true,
     level: 4
-  }, matching ? text.conditionType : text.notConditionType)), /*#__PURE__*/React.createElement(S.RightSide, null, /*#__PURE__*/React.createElement(S.CrudsWrapper, null, /*#__PURE__*/React.createElement(Cruds, {
+  }, matching ? text.conditionType : text.notConditionType)), !readOnly && /*#__PURE__*/React.createElement(S.RightSide, null, /*#__PURE__*/React.createElement(S.CrudsWrapper, null, /*#__PURE__*/React.createElement(Cruds, {
     deleteTooltip: text.deleteTooltip,
     onDelete: onDelete,
     duplicateTooltip: text.duplicateTooltip,
     onDuplicate: onDuplicate
-  })))), /*#__PURE__*/React.createElement(S.Body, null, children), footer && /*#__PURE__*/React.createElement(S.Footer, null, footer));
+  }))), ' '), /*#__PURE__*/React.createElement(S.Body, null, children), footer && /*#__PURE__*/React.createElement(S.Footer, null, footer));
 };
 
 export default StepCard;

package/dist/StepCard.styles.d.ts

@@ -3,7 +3,9 @@ export declare const Container: import("styled-components").StyledComponent<"div
 export declare const CrudsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const DragIcon: import("styled-components").StyledComponent<import("react").FC<import("@synerise/ds-icon").IconProps>, any, {}, never>;
 export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LeftSide: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LeftSide: import("styled-components").StyledComponent<"div", any, {
+    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 Footer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/StepCard.styles.js

@@ -21,7 +21,10 @@ export var Header = styled.div.withConfig({
 export var LeftSide = styled.div.withConfig({
   displayName: "StepCardstyles__LeftSide",
   componentId: "sc-45dbps-4"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;> *{margin-right:8px;}"]);
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:", ";> *{margin-right:8px;}"], function (_ref) {
+  var readOnly = _ref.readOnly;
+  return readOnly ? '32px' : '0';
+});
 export var RightSide = styled.div.withConfig({
   displayName: "StepCardstyles__RightSide",
   componentId: "sc-45dbps-5"

package/dist/StepCard.types.d.ts

@@ -19,4 +19,5 @@ export declare type StepCardProps = {
     onDuplicate: () => void;
     texts?: StepCardTexts;
     isHeaderVisible?: boolean;
+    readOnly?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-step-card",
-  "version": "0.7.25",
+  "version": "0.8.0",
   "description": "StepCard UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,11 +35,11 @@
     "@synerise/ds-cruds": "^0.3.18",
     "@synerise/ds-icon": "^0.52.0",
     "@synerise/ds-inline-edit": "^0.6.41",
-    "@synerise/ds-logic": "^0.7.9"
+    "@synerise/ds-logic": "^0.8.0"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "b4dad7d512a7658ef4cca191486f10fa2344ab3b"
+  "gitHead": "1ab09990244dd615bdfe696f365ae8075bd31762"
 }