@synerise/ds-filter 0.18.26 → 0.18.28

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.18.28](https://github.com/Synerise/synerise-design/compare/@synerise/ds-filter@0.18.27...@synerise/ds-filter@0.18.28) (2024-09-26)
+
+**Note:** Version bump only for package @synerise/ds-filter
+
+
+
+
+
+## [0.18.27](https://github.com/Synerise/synerise-design/compare/@synerise/ds-filter@0.18.26...@synerise/ds-filter@0.18.27) (2024-09-18)
+
+
+### Bug Fixes
+
+* **filter:** fixes wrapped text in filter header Matching component ([a4ce7bf](https://github.com/Synerise/synerise-design/commit/a4ce7bf5f5ba54850f500105bfaf3eb606bd9c21))
+
+
+
+
+
 ## [0.18.26](https://github.com/Synerise/synerise-design/compare/@synerise/ds-filter@0.18.25...@synerise/ds-filter@0.18.26) (2024-09-17)
 
 **Note:** Version bump only for package @synerise/ds-filter

package/dist/Filter.js

@@ -310,7 +310,7 @@ var Filter = function Filter(_ref) {
       readOnly: readOnly
     }))));
   }, [text.dropMeHere, componentProps, expressions.length, readOnly]);
-  return /*#__PURE__*/React.createElement(S.FilterWrapper, null, /*#__PURE__*/React.createElement(S.FilterHeader, null, texts != null && (_texts$overwritten = texts.overwritten) != null && _texts$overwritten.filterTitle ? /*#__PURE__*/React.createElement(S.FilterTitle, null, texts.overwritten.filterTitle) : /*#__PURE__*/React.createElement(S.MatchingWrapper, null, /*#__PURE__*/React.createElement("div", null, matching && /*#__PURE__*/React.createElement(Matching, _extends({}, matching, {
+  return /*#__PURE__*/React.createElement(S.FilterWrapper, null, /*#__PURE__*/React.createElement(S.FilterHeader, null, texts != null && (_texts$overwritten = texts.overwritten) != null && _texts$overwritten.filterTitle ? /*#__PURE__*/React.createElement(S.FilterTitle, null, texts.overwritten.filterTitle) : /*#__PURE__*/React.createElement(S.MatchingAndConditionsWrapper, null, /*#__PURE__*/React.createElement(S.MatchingWrapper, null, matching && /*#__PURE__*/React.createElement(Matching, _extends({}, matching, {
     texts: text.matching,
     readOnly: readOnly
   }))), !!maxConditionsLimit && /*#__PURE__*/React.createElement(S.ConditionsLimit, null, text.conditionsLimit, ":", ' ', /*#__PURE__*/React.createElement(S.ConditionsLimitResults, null, expressions.length, "/", maxConditionsLimit))), renderHeaderRightSide && /*#__PURE__*/React.createElement(S.FilterHeaderRightSide, null, renderHeaderRightSide(expressions))), /*#__PURE__*/React.createElement(React.Fragment, null, expressions.length > 0 ? /*#__PURE__*/React.createElement(ReactSortable, _extends({}, SORTABLE_CONFIG, {

package/dist/Filter.styles.d.ts

@@ -1,6 +1,7 @@
 export declare const FilterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FilterHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FilterHeaderRightSide: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MatchingAndConditionsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MatchingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ConditionsLimit: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ConditionsLimitResults: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/Filter.styles.js

@@ -12,25 +12,29 @@ export var FilterHeaderRightSide = styled.div.withConfig({
   displayName: "Filterstyles__FilterHeaderRightSide",
   componentId: "w5f27p-2"
 })(["flex:1;overflow-x:hidden;"]);
-export var MatchingWrapper = styled.div.withConfig({
-  displayName: "Filterstyles__MatchingWrapper",
+export var MatchingAndConditionsWrapper = styled.div.withConfig({
+  displayName: "Filterstyles__MatchingAndConditionsWrapper",
   componentId: "w5f27p-3"
 })(["flex:0 0 auto;margin-right:24px;"]);
+export var MatchingWrapper = styled.div.withConfig({
+  displayName: "Filterstyles__MatchingWrapper",
+  componentId: "w5f27p-4"
+})(["text-wrap:nowrap;"]);
 export var ConditionsLimit = styled.div.withConfig({
   displayName: "Filterstyles__ConditionsLimit",
-  componentId: "w5f27p-4"
+  componentId: "w5f27p-5"
 })(["margin-left:16px;"]);
 export var ConditionsLimitResults = styled.span.withConfig({
   displayName: "Filterstyles__ConditionsLimitResults",
-  componentId: "w5f27p-5"
+  componentId: "w5f27p-6"
 })(["font-weight:500;"]);
 export var LogicWrapper = styled.div.withConfig({
   displayName: "Filterstyles__LogicWrapper",
-  componentId: "w5f27p-6"
+  componentId: "w5f27p-7"
 })(["margin:22px 0;"]);
 export var ExpressionWrapper = styled.div.withConfig({
   displayName: "Filterstyles__ExpressionWrapper",
-  componentId: "w5f27p-7"
+  componentId: "w5f27p-8"
 })(["width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;&.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;&&&&.ghost-element{z-index:100 !important;}", "{visibility:visible;opacity:1;}", "{position:absolute;opacity:0;height:0;}", ",", "{display:none;}}&.ghost-element{cursor:grabbing;width:100%;background-color:", ";border-left:2px solid ", ";border-radius:3px;display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:24px;height:68px;box-shadow:none;position:relative;&:before{content:attr(data-dropLabel);text-align:center;position:relative;color:", ";}*{position:absolute;opacity:0;height:0;}}"], DragIcon, Body, Footer, LogicWrapper, function (props) {
   return props.theme.palette['blue-050'];
 }, function (props) {
@@ -40,11 +44,11 @@ export var ExpressionWrapper = styled.div.withConfig({
 });
 export var AddButtonWrapper = styled.div.withConfig({
   displayName: "Filterstyles__AddButtonWrapper",
-  componentId: "w5f27p-8"
+  componentId: "w5f27p-9"
 })(["display:flex;align-items:flex-start;justify-content:flex-start;margin:24px 0 0;width:100%;position:relative;"]);
 export var FilterTitle = styled.div.withConfig({
   displayName: "Filterstyles__FilterTitle",
-  componentId: "w5f27p-9"
+  componentId: "w5f27p-10"
 })(["font-size:16px;font-weight:500;line-height:1.25;color:", ";text-align:left;user-select:none;margin-bottom:24px;flex:0 0 auto;&:first-letter{text-transform:uppercase;}"], function (props) {
   return props.theme.palette['grey-800'];
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-filter",
-  "version": "0.18.26",
+  "version": "0.18.28",
   "description": "Filter UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -25,7 +25,8 @@
     "prepublish": "npm run build",
     "test": "jest",
     "test:watch": "npm run test -- --watchAll",
-    "types": "tsc --noEmit"
+    "types": "tsc --noEmit",
+    "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
   },
   "sideEffects": [
     "dist/style/*",
@@ -33,10 +34,10 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.21.11",
-    "@synerise/ds-logic": "^0.8.47",
-    "@synerise/ds-step-card": "^0.11.26",
-    "@synerise/ds-utils": "^0.29.3",
+    "@synerise/ds-button": "^0.21.12",
+    "@synerise/ds-logic": "^0.8.48",
+    "@synerise/ds-step-card": "^0.11.27",
+    "@synerise/ds-utils": "^0.29.4",
     "react-intl": "3.12.0",
     "react-sortablejs": "^6.0.0",
     "sortablejs": "1.15.1"
@@ -47,5 +48,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "ae3c38b44ca0f9071cd55f7b82c182a99b5710e8"
+  "gitHead": "fc06bd0f13401a57329fb92985b735de33108dbc"
 }