@synerise/ds-filter 0.13.4 → 0.14.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.14.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-filter@0.14.0...@synerise/ds-filter@0.14.1) (2023-01-02)
+
+**Note:** Version bump only for package @synerise/ds-filter
+
+
+
+
+
+# [0.14.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-filter@0.13.4...@synerise/ds-filter@0.14.0) (2022-12-13)
+
+
+### Features
+
+* **filter:** readOnly state for conditions ([dfa4db3](https://github.com/Synerise/synerise-design/commit/dfa4db35826c0800859b7217dd1ea2f1497ac3c9))
+
+
+
+
+
 ## [0.13.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-filter@0.13.3...@synerise/ds-filter@0.13.4) (2022-12-07)
 
 **Note:** Version bump only for package @synerise/ds-filter

package/dist/Filter.js

@@ -49,7 +49,9 @@ var Filter = function Filter(_ref) {
       _ref$visibilityConfig = _ref.visibilityConfig,
       visibilityConfig = _ref$visibilityConfig === void 0 ? {
     isStepCardHeaderVisible: true
-  } : _ref$visibilityConfig;
+  } : _ref$visibilityConfig,
+      _ref$readOnly = _ref.readOnly,
+      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
   var previousExpressions = usePrevious(expressions);
 
   var _React$useState = React.useState(null),
@@ -199,22 +201,27 @@ var Filter = function Filter(_ref) {
       key: expression.id,
       "data-dropLabel": text.dropMeHere,
       index: index,
-      style: isActive(expression) ? {
+      style: !readOnly && isActive(expression) ? {
         zIndex: 10001
       } : undefined,
       onClick: function onClick() {
         return setActiveExpressionId(expression.id);
       }
-    }, /*#__PURE__*/React.createElement(Component, _extends({}, expression.data, componentProps(expression))), expression.logic && index + 1 < expressions.length && /*#__PURE__*/React.createElement(S.LogicWrapper, null, /*#__PURE__*/React.createElement(LogicComponent, _extends({}, expression.logic.data, componentProps(expression.logic)))));
-  }, [text.dropMeHere, isActive, componentProps, expressions.length]);
+    }, /*#__PURE__*/React.createElement(Component, _extends({}, expression.data, componentProps(expression), {
+      readOnly: readOnly
+    })), expression.logic && index + 1 < expressions.length && /*#__PURE__*/React.createElement(S.LogicWrapper, null, /*#__PURE__*/React.createElement(LogicComponent, _extends({}, expression.logic.data, componentProps(expression.logic), {
+      readOnly: readOnly
+    }))));
+  }, [text.dropMeHere, isActive, componentProps, expressions.length, readOnly]);
   return /*#__PURE__*/React.createElement(S.FilterWrapper, null, texts != null && (_texts$overwritten = texts.overwritten) != null && _texts$overwritten.filterTitle ? /*#__PURE__*/React.createElement(S.FilterTitle, null, texts.overwritten.filterTitle) : /*#__PURE__*/React.createElement(MatchingWrapper, null, /*#__PURE__*/React.createElement("div", null, matching && /*#__PURE__*/React.createElement(Matching, _extends({}, matching, {
-    texts: text.matching
+    texts: text.matching,
+    readOnly: readOnly
   }))), !!maxConditionsLimit && /*#__PURE__*/React.createElement(S.ConditionsLimit, null, text.conditionsLimit, ":", ' ', /*#__PURE__*/React.createElement(S.ConditionsLimitResults, null, expressions.length, "/", maxConditionsLimit))), /*#__PURE__*/React.createElement(React.Fragment, null, expressions.length > 0 ? /*#__PURE__*/React.createElement(ReactSortable, _extends({}, SORTABLE_CONFIG, {
     list: expressions,
     setList: onChangeOrder
   }), expressions.map(renderExpression)) : /*#__PURE__*/React.createElement(Placeholder, {
     text: text.placeholder.chooseCondition
-  })), addFilterComponent && /*#__PURE__*/React.createElement(S.AddButtonWrapper, null, typeof addFilterComponent === 'function' ? addFilterComponent({
+  })), addFilterComponent && !readOnly && /*#__PURE__*/React.createElement(S.AddButtonWrapper, null, typeof addFilterComponent === 'function' ? addFilterComponent({
     isLimitExceeded: isLimitExceeded
   }) : addFilterComponent));
 };

package/dist/Filter.types.d.ts

@@ -32,6 +32,7 @@ export declare type FilterProps = {
     renderStepContent?: (expression: Expression, hoverDisabled?: boolean) => React.ReactNode;
     addFilterComponent?: React.ReactNode | ((arg: addFilterComponentProps) => React.ReactNode);
     logicOptions?: LogicOperator[];
+    readOnly?: boolean;
     texts?: {
         matching?: MatchingTexts;
         step?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-filter",
-  "version": "0.13.4",
+  "version": "0.14.1",
   "description": "Filter UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,8 +34,8 @@
   "dependencies": {
     "@synerise/ds-button": "^0.17.10",
     "@synerise/ds-icon": "^0.52.0",
-    "@synerise/ds-logic": "^0.7.9",
-    "@synerise/ds-step-card": "^0.7.25",
+    "@synerise/ds-logic": "^0.8.0",
+    "@synerise/ds-step-card": "^0.8.1",
     "react-sortablejs": "^6.0.0"
   },
   "peerDependencies": {
@@ -43,5 +43,5 @@
     "@synerise/ds-step-card": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "b4dad7d512a7658ef4cca191486f10fa2344ab3b"
+  "gitHead": "dc78070c73476c9959230e11a5ae020d413e5c16"
 }