@smg-automotive/components 25.11.1-ui-dependencies.1 → 25.12.0-talamcol-displayValue-styles.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +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"}
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;AAyJJ,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CAgFtC,CAAC"}
@@ -1 +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"}
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,CA4JhD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
@@ -4,8 +4,9 @@ import { IconProps } from '@chakra-ui/react';
4
4
  export type FilterPatternProps = {
5
5
  /**
6
6
  * Shows the value of the filter in default and open state.
7
+ * Can be a string or ReactNode (e.g., JSX with strikethrough formatting).
7
8
  */
8
- displayValue: string;
9
+ displayValue: string | ReactNode;
9
10
  /**
10
11
  * Showing an icon (e.g. EV indicator) on the filter button and heading
11
12
  */
@@ -1 +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"}
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;;;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 CHANGED
@@ -7038,6 +7038,7 @@ var PopoverFilterContent = function (_a) {
7038
7038
  },
7039
7039
  },
7040
7040
  ];
7041
+ var filterLabel = appliedLabel !== null && appliedLabel !== void 0 ? appliedLabel : label;
7041
7042
  return (React.createElement(react$1.Popover, { returnFocusOnClose: true, placement: "bottom-start", isLazy: true, isOpen: isOpen, onOpen: onOpen, onClose: onClose, modifiers: !hasFlip ? disableFlip : [] },
7042
7043
  React.createElement(react$1.ButtonGroup, { isAttached: true, w: "full", maxW: "full" },
7043
7044
  React.createElement(react$1.PopoverTrigger, null,
@@ -7046,9 +7047,9 @@ var PopoverFilterContent = function (_a) {
7046
7047
  : defaultColorSchema)),
7047
7048
  React.createElement(react$1.chakra.span, { overflow: "hidden", whiteSpace: "nowrap", display: "flex", alignItems: "center" },
7048
7049
  Icon ? React.createElement(Icon, { h: "xs", w: "xs", mr: "xs" }) : null,
7049
- React.createElement(react$1.chakra.span, { overflow: "hidden", textOverflow: "ellipsis" }, [displayValue ? (appliedLabel !== null && appliedLabel !== void 0 ? appliedLabel : label) : label, displayValue]
7050
- .filter(Boolean)
7051
- .join(': '))))),
7050
+ React.createElement(react$1.chakra.span, { overflow: "hidden", textOverflow: "ellipsis" }, displayValue ? (React.createElement(React.Fragment, null,
7051
+ filterLabel ? "".concat(filterLabel, ": ") : '',
7052
+ displayValue)) : (label))))),
7052
7053
  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),
7053
7054
  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)));
7054
7055
  };
@@ -7095,14 +7096,14 @@ var getRightIcon = function (shouldDisplayResetButton, iconColor, chevronIconSiz
7095
7096
  return undefined;
7096
7097
  return React.createElement(ChevronRightSmallIcon, __assign({ color: iconColor }, chevronIconSize));
7097
7098
  };
7098
- 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" },
7099
- Icon ? React.createElement(Icon, { h: "xs", w: "xs", mr: "xs" }) : null,
7100
- React.createElement(react$1.chakra.span, { overflow: "hidden", textOverflow: "ellipsis" }, [
7101
- isApplied ? (appliedLabel !== null && appliedLabel !== void 0 ? appliedLabel : label) : label,
7102
- isApplied ? displayValue : undefined,
7103
- ]
7104
- .filter(Boolean)
7105
- .join(': ')))); };
7099
+ var renderInlineContent = function (label, appliedLabel, displayValue, isApplied, Icon) {
7100
+ var filterLabel = appliedLabel !== null && appliedLabel !== void 0 ? appliedLabel : label;
7101
+ return (React.createElement(react$1.chakra.span, { overflow: "hidden", whiteSpace: "nowrap", display: "flex", alignItems: "center", w: "full", minW: "0" },
7102
+ Icon ? React.createElement(Icon, { h: "xs", w: "xs", mr: "xs" }) : null,
7103
+ React.createElement(react$1.chakra.span, { overflow: "hidden", textOverflow: "ellipsis" }, isApplied && displayValue ? (React.createElement(React.Fragment, null,
7104
+ filterLabel ? "".concat(filterLabel, ": ") : '',
7105
+ displayValue)) : (label))));
7106
+ };
7106
7107
  var renderDefaultContent = function (label, displayValue, isApplied, Icon) { return (React.createElement(react$1.chakra.span, { display: "flex", justifyContent: "space-between", w: "full", minW: "0" },
7107
7108
  React.createElement(react$1.chakra.span, { mr: "2xl", whiteSpace: "nowrap", display: "flex", alignItems: "center", flexShrink: 0 },
7108
7109
  label,