@smg-automotive/components 25.11.0 → 25.12.0-talamcol-displayValue-styles.1

package/dist/cjs/components/filterPatterns/modal/OpenFilterButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenFilterButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/modal/OpenFilterButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAEL,WAAW,EAKX,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAQ1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,MAAM,wBAAwB,GAAG,GAAG,GAAG,IAAI,CAAC;AAClD,MAAM,MAAM,2BAA2B,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC/D,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3B,KAAK,KAAK,GAAG,IAAI,CACf,kBAAkB,EAClB,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,WAAW,CAChD,GACC,IAAI,CAAC,WAAW,EAAE,iBAAiB,GAAG,OAAO,CAAC,GAAG;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,2BAA2B,CAAC;CAC3C,CAAC;AAmJJ,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CAgFtC,CAAC"}
+{"version":3,"file":"OpenFilterButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/modal/OpenFilterButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAEL,WAAW,EAKX,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAQ1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,MAAM,wBAAwB,GAAG,GAAG,GAAG,IAAI,CAAC;AAClD,MAAM,MAAM,2BAA2B,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC/D,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3B,KAAK,KAAK,GAAG,IAAI,CACf,kBAAkB,EAClB,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,WAAW,CAChD,GACC,IAAI,CAAC,WAAW,EAAE,iBAAiB,GAAG,OAAO,CAAC,GAAG;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,2BAA2B,CAAC;CAC3C,CAAC;AAyJJ,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CAgFtC,CAAC"}

package/dist/cjs/components/filterPatterns/popover/Content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/popover/Content.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAclC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,kBAAkB,CAoJhD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/popover/Content.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAclC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,kBAAkB,CA4JhD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/cjs/components/filterPatterns/props.d.ts

@@ -4,8 +4,9 @@ import { IconProps } from '@chakra-ui/react';
 export type FilterPatternProps = {
     /**
      * Shows the value of the filter in default and open state.
+     * Can be a string or ReactNode (e.g., JSX with strikethrough formatting).
      */
-    displayValue: string;
+    displayValue: string | ReactNode;
     /**
      * Showing an icon (e.g. EV indicator) on the filter button and heading
      */

package/dist/cjs/components/filterPatterns/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/components/filterPatterns/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IACrB;;;OAGG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;IACnB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,aAAa,EAAE,CAAC,SAAS,EAAE,cAAc,GAAG,QAAQ,KAAK,IAAI,CAAC;IAC9D;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/components/filterPatterns/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IACrB;;;OAGG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;IACnB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,aAAa,EAAE,CAAC,SAAS,EAAE,cAAc,GAAG,QAAQ,KAAK,IAAI,CAAC;IAC9D;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC"}

package/dist/cjs/index.js

@@ -7038,6 +7038,7 @@ var PopoverFilterContent = function (_a) {
             },
         },
     ];
+    var filterLabel = appliedLabel !== null && appliedLabel !== void 0 ? appliedLabel : label;
     return (React.createElement(react$1.Popover, { returnFocusOnClose: true, placement: "bottom-start", isLazy: true, isOpen: isOpen, onOpen: onOpen, onClose: onClose, modifiers: !hasFlip ? disableFlip : [] },
         React.createElement(react$1.ButtonGroup, { isAttached: true, w: "full", maxW: "full" },
             React.createElement(react$1.PopoverTrigger, null,
@@ -7046,9 +7047,9 @@ var PopoverFilterContent = function (_a) {
                     : defaultColorSchema)),
                     React.createElement(react$1.chakra.span, { overflow: "hidden", whiteSpace: "nowrap", display: "flex", alignItems: "center" },
                         Icon ? React.createElement(Icon, { h: "xs", w: "xs", mr: "xs" }) : null,
-                        React.createElement(react$1.chakra.span, { overflow: "hidden", textOverflow: "ellipsis" }, [displayValue ? (appliedLabel !== null && appliedLabel !== void 0 ? appliedLabel : label) : label, displayValue]
-                            .filter(Boolean)
-                            .join(': '))))),
+                        React.createElement(react$1.chakra.span, { overflow: "hidden", textOverflow: "ellipsis" }, displayValue ? (React.createElement(React.Fragment, null,
+                            filterLabel ? "".concat(filterLabel, ": ") : '',
+                            displayValue)) : (label))))),
             displayValue ? (React.createElement(react$1.IconButton, __assign({ isDisabled: isOpen, "aria-label": t('filterSelectButton.reset'), borderRadius: "sm", icon: React.createElement(CloseIcon, { w: "xs", h: "xs" }), minW: "md", onClick: function () { return onResetFilter('filterButton'); }, w: "md" }, appliedOrOpenColorScheme))) : null),
         React.createElement(Popover, { actionButton: actionButton, Icon: Icon, isApplied: isApplied, label: label, numberOfAppliedFilters: numberOfAppliedFilters, onClose: onClose, onResetFilter: function () { return onResetFilter('filter'); }, showCallToActionButton: showCallToActionButton, header: header, enforceHeight: enforceHeight, zIndex: zIndex }, children)));
 };
@@ -7095,14 +7096,14 @@ var getRightIcon = function (shouldDisplayResetButton, iconColor, chevronIconSiz
         return undefined;
     return React.createElement(ChevronRightSmallIcon, __assign({ color: iconColor }, chevronIconSize));
 };
-var renderInlineContent = function (label, appliedLabel, displayValue, isApplied, Icon) { return (React.createElement(react$1.chakra.span, { overflow: "hidden", whiteSpace: "nowrap", display: "flex", alignItems: "center", w: "full", minW: "0" },
-    Icon ? React.createElement(Icon, { h: "xs", w: "xs", mr: "xs" }) : null,
-    React.createElement(react$1.chakra.span, { overflow: "hidden", textOverflow: "ellipsis" }, [
-        isApplied ? (appliedLabel !== null && appliedLabel !== void 0 ? appliedLabel : label) : label,
-        isApplied ? displayValue : undefined,
-    ]
-        .filter(Boolean)
-        .join(': ')))); };
+var renderInlineContent = function (label, appliedLabel, displayValue, isApplied, Icon) {
+    var filterLabel = appliedLabel !== null && appliedLabel !== void 0 ? appliedLabel : label;
+    return (React.createElement(react$1.chakra.span, { overflow: "hidden", whiteSpace: "nowrap", display: "flex", alignItems: "center", w: "full", minW: "0" },
+        Icon ? React.createElement(Icon, { h: "xs", w: "xs", mr: "xs" }) : null,
+        React.createElement(react$1.chakra.span, { overflow: "hidden", textOverflow: "ellipsis" }, isApplied && displayValue ? (React.createElement(React.Fragment, null,
+            filterLabel ? "".concat(filterLabel, ": ") : '',
+            displayValue)) : (label))));
+};
 var renderDefaultContent = function (label, displayValue, isApplied, Icon) { return (React.createElement(react$1.chakra.span, { display: "flex", justifyContent: "space-between", w: "full", minW: "0" },
     React.createElement(react$1.chakra.span, { mr: "2xl", whiteSpace: "nowrap", display: "flex", alignItems: "center", flexShrink: 0 },
         label,