@commercetools-uikit/filters 20.2.2 → 20.3.0

package/dist/commercetools-uikit-filters.cjs.prod.js

@@ -244,8 +244,8 @@ const TriggerButton = /*#__PURE__*/react$1.forwardRef(function TriggerButton(pro
     css: [triggerWrapper, isDisabled && disabled, "" , "" ],
     children: [jsxRuntime.jsxs("label", {
       css: label,
-      htmlFor: `${filterKey}-menu-trigger`,
-      id: `${filterKey}-menu-label`,
+      htmlFor: "".concat(filterKey, "-menu-trigger"),
+      id: "".concat(filterKey, "-menu-label"),
       children: [label$1, ":", operatorLabel && jsxRuntime.jsx("span", {
         css: operatorContainer,
         children: operatorLabel
@@ -253,7 +253,7 @@ const TriggerButton = /*#__PURE__*/react$1.forwardRef(function TriggerButton(pro
     }), filtersApplied && jsxRuntime.jsxs("ul", {
       ref: setContainerRef,
       css: valuesContainer,
-      "aria-label": `${filterKey} selected values`,
+      "aria-label": "".concat(filterKey, " selected values"),
       "aria-live": "polite",
       children: [_mapInstanceProperty__default["default"](values).call(values, value => jsxRuntime.jsx(Chip, {
         label: value.label,
@@ -263,20 +263,20 @@ const TriggerButton = /*#__PURE__*/react$1.forwardRef(function TriggerButton(pro
         css: badgeContainer,
         children: jsxRuntime.jsx(Badge, {
           id: "ui-kit-filter-trigger-overflow-count-badge",
-          label: `+${overflowCount}`,
+          label: "+".concat(overflowCount),
           isDisabled: isDisabled
         })
       })]
     }), !filtersApplied && jsxRuntime.jsx(icons.CaretDownIcon, {
-      "aria-label": `toggle filter menu icon`,
+      "aria-label": "toggle filter menu icon",
       size: "small",
       color: "neutral60"
     }), jsxRuntime.jsx("button", _objectSpread(_objectSpread({
       css: [mainActionButton, "" , "" ],
       ref: ref,
-      id: `${filterKey}-menu-trigger`,
+      id: "".concat(filterKey, "-menu-trigger"),
       "aria-disabled": isDisabled,
-      "aria-labelledby": `${filterKey}-menu-label`
+      "aria-labelledby": "".concat(filterKey, "-menu-label")
     }, rest), isDisabled && {
       tabIndex: -1,
       disabled: true,
@@ -286,7 +286,7 @@ const TriggerButton = /*#__PURE__*/react$1.forwardRef(function TriggerButton(pro
       children: jsxRuntime.jsx(SecondaryIconButton__default["default"], {
         icon: jsxRuntime.jsx(icons.CloseBoldIcon, {}),
         size: "10",
-        label: `remove ${label$1} filter`,
+        label: "remove ".concat(label$1, " filter"),
         isDisabled: props.isDisabled,
         onClick: e => {
           e.stopPropagation();
@@ -298,7 +298,7 @@ const TriggerButton = /*#__PURE__*/react$1.forwardRef(function TriggerButton(pro
 });
 var TriggerButton$1 = TriggerButton;
 
-const FOCUSABLE_CSS_SELECTOR = `a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), *[tabindex], *[contenteditable]`;
+const FOCUSABLE_CSS_SELECTOR = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), *[tabindex], *[contenteditable]";
 
 /**
  * Find the first focusable element in the given container,
@@ -331,7 +331,8 @@ function FilterMenu(props) {
   return jsxRuntime.jsxs(Popover__namespace.Root, {
     defaultOpen: props.isDisabled ? false : props.defaultOpen,
     onOpenChange: open => {
-      if (!open && !props.appliedFilterValues?.length && !props.isPersistent && props.onRemoveRequest) {
+      var _props$appliedFilterV;
+      if (!open && !((_props$appliedFilterV = props.appliedFilterValues) !== null && _props$appliedFilterV !== void 0 && _props$appliedFilterV.length) && !props.isPersistent && props.onRemoveRequest) {
         props.onRemoveRequest();
       }
     },
@@ -418,10 +419,6 @@ function getFilterOptions(filters, filterGroups) {
     return [formattedOption, ...filterOptions];
   }, filterOptions);
 }
-var _ref9 = {
-  name: "1lv1yo7",
-  styles: "display:inline-flex"
-} ;
 function Filters(_ref) {
   var _context, _context2;
   let appliedFilters = _ref.appliedFilters,
@@ -516,7 +513,7 @@ function Filters(_ref) {
       alignItems: "center",
       children: [jsxRuntime.jsx("div", {
         css: /*#__PURE__*/react.css({
-          maxWidth: `${designSystem.designTokens.constraint16}`
+          maxWidth: "".concat(designSystem.designTokens.constraint16)
         }, "" , "" ),
         children: renderSearchComponent
       }), jsxRuntime.jsxs(Spacings__default["default"].Inline, {
@@ -528,7 +525,7 @@ function Filters(_ref) {
           onClick: handleFiltersClick
         }), appliedFilters.length > 0 && !showFilterControls && jsxRuntime.jsx(Badge, {
           id: 'uikit-filters-selected-filter-count',
-          label: `${appliedFilters.length}`
+          label: "".concat(appliedFilters.length)
         })]
       })]
     }), jsxRuntime.jsx("hr", {
@@ -570,18 +567,15 @@ function Filters(_ref) {
             }), jsxRuntime.jsxs(Popover__namespace.Root, {
               children: [jsxRuntime.jsx(Popover__namespace.Trigger, {
                 asChild: true,
-                children: jsxRuntime.jsx("div", {
-                  css: _ref9,
-                  children: jsxRuntime.jsx(FlatButton__default["default"], {
-                    label: intl.formatMessage(messages.addFilterButtonLabel),
-                    icon: jsxRuntime.jsx(icons.PlusBoldIcon, {}),
-                    onClick: e => {
-                      if (onAddFilterRequest) {
-                        onAddFilterRequest(e);
-                      }
-                      setShowFilterControls(true);
+                children: jsxRuntime.jsx(FlatButton__default["default"], {
+                  label: intl.formatMessage(messages.addFilterButtonLabel),
+                  icon: jsxRuntime.jsx(icons.PlusBoldIcon, {}),
+                  onClick: e => {
+                    if (onAddFilterRequest) {
+                      onAddFilterRequest(e);
                     }
-                  })
+                    setShowFilterControls(true);
+                  }
                 })
               }), jsxRuntime.jsx(Popover__namespace.Portal, {
                 children: jsxRuntime.jsx(Popover__namespace.Content, {
@@ -630,7 +624,7 @@ function Filters(_ref) {
 Filters.displayName = 'Filters';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "20.2.2";
+var version = "20.3.0";
 
 exports["default"] = Filters;
 exports.version = version;