@synerise/ds-filter 0.5.2 → 0.6.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.6.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-filter@0.5.4...@synerise/ds-filter@0.6.0) (2022-03-14)
+
+
+### Features
+
+* **filter:** simple imprv into filter & card & card-tabs component ([206cb9d](https://github.com/Synerise/synerise-design/commit/206cb9d8b9ba3687daf1a02862e8dd88698b582f))
+
+
+
+
+
+## [0.5.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-filter@0.5.3...@synerise/ds-filter@0.5.4) (2022-02-25)
+
+**Note:** Version bump only for package @synerise/ds-filter
+
+
+
+
+
+## [0.5.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-filter@0.5.2...@synerise/ds-filter@0.5.3) (2022-02-16)
+
+**Note:** Version bump only for package @synerise/ds-filter
+
+
+
+
+
 ## [0.5.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-filter@0.5.1...@synerise/ds-filter@0.5.2) (2022-02-03)
 
 **Note:** Version bump only for package @synerise/ds-filter

package/dist/Filter.js

@@ -14,6 +14,7 @@ import Placeholder from '@synerise/ds-logic/dist/Placeholder/Placeholder';
 import StepCard from '@synerise/ds-step-card';
 import { useIntl } from 'react-intl';
 import * as S from './Filter.styles';
+import { MatchingWrapper } from './Filter.styles';
 var SORTABLE_CONFIG = {
   ghostClass: 'ghost-element',
   className: 'sortable-list',
@@ -83,7 +84,15 @@ var Filter = function Filter(_ref) {
         duplicateTooltip: formatMessage({
           id: 'DS.STEP-CARD.DUPLICATE'
         })
-      }, texts == null ? void 0 : texts.step)
+      }, texts == null ? void 0 : texts.step),
+      placeholder: {
+        chooseCondition: formatMessage({
+          id: 'DS.PLACEHOLDER.CHOOSE-CONDITION'
+        }),
+        getPreview: formatMessage({
+          id: 'DS.PLACEHOLDER.GET-PREVIEW'
+        })
+      }
     });
   }, [formatMessage, texts]);
   var componentProps = React.useCallback(function (expression) {
@@ -128,13 +137,13 @@ 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)))));
   }, [componentProps, expressions.length, activeExpressionId, text]);
-  return /*#__PURE__*/React.createElement(S.FilterWrapper, null, matching && /*#__PURE__*/React.createElement(Matching, _extends({}, matching, {
+  return /*#__PURE__*/React.createElement(S.FilterWrapper, null, matching && /*#__PURE__*/React.createElement(MatchingWrapper, null, /*#__PURE__*/React.createElement(Matching, _extends({}, matching, {
     texts: text.matching
-  })), /*#__PURE__*/React.createElement(React.Fragment, null, expressions.length > 0 ? /*#__PURE__*/React.createElement(ReactSortable, _extends({}, SORTABLE_CONFIG, {
+  }))), /*#__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: "Choose type of condition below"
+    text: text.placeholder.chooseCondition
   })), addFilterComponent && /*#__PURE__*/React.createElement(S.AddButtonWrapper, null, addFilterComponent));
 };
 

package/dist/Filter.styles.d.ts

@@ -1,4 +1,5 @@
 export declare const FilterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MatchingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LogicWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ExpressionWrapper: import("styled-components").StyledComponent<"div", any, {
     index: number;

package/dist/Filter.styles.js

@@ -4,14 +4,18 @@ export var FilterWrapper = styled.div.withConfig({
   displayName: "Filterstyles__FilterWrapper",
   componentId: "w5f27p-0"
 })(["display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:auto;"]);
+export var MatchingWrapper = styled.div.withConfig({
+  displayName: "Filterstyles__MatchingWrapper",
+  componentId: "w5f27p-1"
+})(["margin-bottom:24px;"]);
 export var LogicWrapper = styled.div.withConfig({
   displayName: "Filterstyles__LogicWrapper",
-  componentId: "w5f27p-1"
+  componentId: "w5f27p-2"
 })(["margin-top:24px;"]);
 export var ExpressionWrapper = styled.div.withConfig({
   displayName: "Filterstyles__ExpressionWrapper",
-  componentId: "w5f27p-2"
-})(["width:100%;margin-top:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:", ";&.sortable-chosen{cursor:grabbing;width:100%;opacity:1 !important;height:50px;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 16px 32px 0 #23293619;", "{display:none;}", "{display:none;}", "{display:none;}}&.ghost-element{cursor:grabbing;width:100%;background-color:", ";border:1px dashed ", ";border-radius:3px;display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:24px;height:70px;box-shadow:none;position:relative;&:before{content:attr(data-dropLabel);text-align:center;position:relative;color:", ";}*{display:none;}}"], function (props) {
+  componentId: "w5f27p-3"
+})(["width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:", ";&.sortable-chosen{cursor:grabbing;width:100%;opacity:1 !important;height:50px;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 16px 32px 0 #23293619;", "{display:none;}", "{display:none;}", "{display:none;}}&.ghost-element{cursor:grabbing;width:100%;background-color:", ";border:1px dashed ", ";border-radius:3px;display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:24px;height:70px;box-shadow:none;position:relative;&:before{content:attr(data-dropLabel);text-align:center;position:relative;color:", ";}*{display:none;}}"], function (props) {
   return 1000 - props.index;
 }, Body, Footer, LogicWrapper, function (props) {
   return props.theme.palette['blue-050'];
@@ -22,5 +26,5 @@ export var ExpressionWrapper = styled.div.withConfig({
 });
 export var AddButtonWrapper = styled.div.withConfig({
   displayName: "Filterstyles__AddButtonWrapper",
-  componentId: "w5f27p-3"
+  componentId: "w5f27p-4"
 })(["display:flex;align-items:flex-start;justify-content:flex-start;margin:24px 0 0;width:100%;"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-filter",
-  "version": "0.5.2",
+  "version": "0.6.0",
   "description": "Filter UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,10 +32,10 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.16.5",
-    "@synerise/ds-icon": "^0.47.1",
-    "@synerise/ds-logic": "^0.5.2",
-    "@synerise/ds-step-card": "^0.5.2",
+    "@synerise/ds-button": "^0.17.0",
+    "@synerise/ds-icon": "^0.47.2",
+    "@synerise/ds-logic": "^0.6.0",
+    "@synerise/ds-step-card": "^0.5.5",
     "react-sortablejs": "^6.0.0"
   },
   "peerDependencies": {
@@ -43,5 +43,5 @@
     "@synerise/ds-step-card": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "27ef26e44f1814e7fc97b46668078e9a78e8f217"
+  "gitHead": "739b52320bb20c1646371224de5bb0c3454fac8c"
 }