@synerise/ds-filter 0.13.0 → 0.13.2

package/CHANGELOG.md

@@ -3,6 +3,32 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.13.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-filter@0.13.1...@synerise/ds-filter@0.13.2) (2022-11-24)
+
+
+### Bug Fixes
+
+* **filter:** add bottom margin to filter title ([677a1e4](https://github.com/Synerise/synerise-design/commit/677a1e4052ddc96995fdb2467e62781f0c996207))
+* **filter:** update ds-step-card to 0.7.23 ([fb073ce](https://github.com/Synerise/synerise-design/commit/fb073cec21423244285ebadd28ef900469362299))
+* **step-card:** add is header visible prop to step card story ([66227e4](https://github.com/Synerise/synerise-design/commit/66227e4b16bafef8fde10a5d17d1d7a0a5a29064))
+
+
+
+
+
+## [0.13.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-filter@0.13.0...@synerise/ds-filter@0.13.1) (2022-11-23)
+
+
+### Bug Fixes
+
+* **filter:** add props to dependency array ([3ba9f26](https://github.com/Synerise/synerise-design/commit/3ba9f26547805967bbe74b66df6112fde8c581e3))
+* **filter:** add props to overwrite filter title ([889753a](https://github.com/Synerise/synerise-design/commit/889753a305d6aba7ccf817bc11d6b44b5a06447f))
+* **filter:** filter props to hide step card header ([b117415](https://github.com/Synerise/synerise-design/commit/b11741522b60065e905bfac76e926b93f9d26568))
+
+
+
+
+
 # [0.13.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-filter@0.12.2...@synerise/ds-filter@0.13.0) (2022-09-26)
 
 

package/dist/Filter.js

@@ -30,6 +30,8 @@ var component = {
 };
 
 var Filter = function Filter(_ref) {
+  var _texts$overwritten;
+
   var maxConditionsLimit = _ref.maxConditionsLimit,
       expressions = _ref.expressions,
       matching = _ref.matching,
@@ -43,7 +45,11 @@ var Filter = function Filter(_ref) {
       renderStepContent = _ref.renderStepContent,
       addFilterComponent = _ref.addFilterComponent,
       texts = _ref.texts,
-      logicOptions = _ref.logicOptions;
+      logicOptions = _ref.logicOptions,
+      _ref$visibilityConfig = _ref.visibilityConfig,
+      visibilityConfig = _ref$visibilityConfig === void 0 ? {
+    isStepCardHeaderVisible: true
+  } : _ref$visibilityConfig;
   var previousExpressions = usePrevious(expressions);
 
   var _React$useState = React.useState(null),
@@ -180,11 +186,12 @@ var Filter = function Filter(_ref) {
         } : undefined,
         footer: renderStepFooter && renderStepFooter(expression),
         children: renderStepContent && renderStepContent(expression, !!activeExpressionId && !isActive(expression)),
+        isHeaderVisible: visibilityConfig.isStepCardHeaderVisible,
         texts: _objectSpread({}, text.step, {}, contextTypeTexts)
       }
     };
     return props[expression.type];
-  }, [activeExpressionId, getContextTypeTexts, isActive, isLimitExceeded, logicOptions, onChangeLogic, onChangeStepMatching, onChangeStepName, onDeleteStep, onDuplicateStep, renderStepContent, renderStepFooter, text.step]);
+  }, [activeExpressionId, getContextTypeTexts, isActive, isLimitExceeded, logicOptions, onChangeLogic, onChangeStepMatching, onChangeStepName, onDeleteStep, onDuplicateStep, renderStepContent, renderStepFooter, text.step, visibilityConfig.isStepCardHeaderVisible]);
   var renderExpression = React.useCallback(function (expression, index) {
     var Component = component[expression.type];
     var LogicComponent = expression.logic && component[expression.logic.type];
@@ -200,7 +207,7 @@ var Filter = function Filter(_ref) {
       }
     }, /*#__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]);
-  return /*#__PURE__*/React.createElement(S.FilterWrapper, null, /*#__PURE__*/React.createElement(MatchingWrapper, null, /*#__PURE__*/React.createElement("div", null, matching && /*#__PURE__*/React.createElement(Matching, _extends({}, matching, {
+  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
   }))), !!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,

package/dist/Filter.styles.d.ts

@@ -7,3 +7,4 @@ export declare const ExpressionWrapper: import("styled-components").StyledCompon
     index: number;
 }, never>;
 export declare const AddButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FilterTitle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Filter.styles.js

@@ -35,4 +35,10 @@ export var ExpressionWrapper = styled.div.withConfig({
 export var AddButtonWrapper = styled.div.withConfig({
   displayName: "Filterstyles__AddButtonWrapper",
   componentId: "w5f27p-6"
-})(["display:flex;align-items:flex-start;justify-content:flex-start;margin:24px 0 0;width:100%;"]);
+})(["display:flex;align-items:flex-start;justify-content:flex-start;margin:24px 0 0;width:100%;"]);
+export var FilterTitle = styled.div.withConfig({
+  displayName: "Filterstyles__FilterTitle",
+  componentId: "w5f27p-7"
+})(["font-size:16px;font-weight:500;line-height:1.25;color:", ";text-align:left;user-select:none;margin-bottom:24px;&:first-letter{text-transform:uppercase;}"], function (props) {
+  return props.theme.palette['grey-800'];
+});

package/dist/Filter.types.d.ts

@@ -56,5 +56,11 @@ export declare type FilterProps = {
         };
         addFilter?: string;
         dropMeHere?: string;
+        overwritten?: {
+            filterTitle?: string;
+        };
+    };
+    visibilityConfig?: {
+        isStepCardHeaderVisible?: boolean;
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-filter",
-  "version": "0.13.0",
+  "version": "0.13.2",
   "description": "Filter UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,7 +35,7 @@
     "@synerise/ds-button": "^0.17.9",
     "@synerise/ds-icon": "^0.51.0",
     "@synerise/ds-logic": "^0.7.8",
-    "@synerise/ds-step-card": "^0.6.3",
+    "@synerise/ds-step-card": "^0.7.23",
     "react-sortablejs": "^6.0.0"
   },
   "peerDependencies": {
@@ -43,5 +43,5 @@
     "@synerise/ds-step-card": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "c952524bf8a0690fff0bb6b1ef6d13bc3c2ce820"
+  "gitHead": "a04bab1fb9a1395885e2b35eec5d0ae33e15cc4e"
 }