@phillips/seldon 1.270.0 → 1.272.0

package/dist/patterns/FiltersInline/FilterButton.js

@@ -1,45 +1,46 @@
-import { jsxs as u, jsx as o } from "react/jsx-runtime";
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
 import $ from "../../_virtual/index.js";
 import h from "react";
 import x from "../../components/Button/Button.js";
-import { ButtonVariants as _ } from "../../components/Button/types.js";
-import v from "../../components/Icon/Icon.js";
+import { ButtonSizes as _, ButtonVariants as v } from "../../components/Button/types.js";
+import B from "../../components/Icon/Icon.js";
 import { TextVariants as l } from "../../components/Text/types.js";
 import m from "../../components/Text/Text.js";
 import { px as t } from "../../utils/index.js";
 import { getIcon as F } from "./utils.js";
 const N = h.forwardRef(
-  ({ className: n, label: s, onClick: f, isSelected: i, type: r = "ChevronDown", count: c, id: a, ariaLabel: d, isMobile: b, totalCount: e }, p) => /* @__PURE__ */ u(
+  ({ className: n, label: s, onClick: f, isSelected: o, type: r = "ChevronDown", count: c, id: e, ariaLabel: d, isMobile: b, totalCount: a }, p) => /* @__PURE__ */ u(
     x,
     {
       ref: p,
       className: $(`${t}-filter-button`, n, {
-        [`${t}-filter-button--selected`]: i || c > 0 || r === "Filter" && e > 0,
+        [`${t}-filter-button--selected`]: o || c > 0 || r === "Filter" && a > 0,
         [`${t}-filter-button--filter`]: r === "Filter"
       }),
       "aria-label": d,
-      variant: _.secondary,
-      "data-testid": `${a}-filter-button`,
+      variant: v.secondary,
+      size: _.small,
+      "data-testid": `${e}-filter-button`,
       "data-viewport": b ? "mobile" : "desktop",
       onClick: f,
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ i(
           m,
           {
             className: `${t}-filter-button__label`,
             variant: l.labelSmall,
-            "data-testid": `${a}-filter-label`,
+            "data-testid": `${e}-filter-label`,
             children: s
           }
         ),
-        /* @__PURE__ */ o(v, { icon: F(r, i), height: 8, width: 8, className: `${t}__icon` }),
-        e > 0 && r === "Filter" && /* @__PURE__ */ o(
+        /* @__PURE__ */ i(B, { icon: F(r, o), height: 8, width: 8, className: `${t}__icon` }),
+        a > 0 && r === "Filter" && /* @__PURE__ */ i(
           m,
           {
             variant: l.labelSmall,
             className: `${t}-filter-button--count`,
-            "data-testid": `${a}-filter-count`,
-            children: e
+            "data-testid": `${e}-filter-count`,
+            children: a
           }
         )
       ]

package/dist/patterns/FiltersInline/FilterDropdownMenuDesktop.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../_virtual/index.cjs"),k=require("react"),l=require("../../components/Button/Button.cjs"),o=require("../../components/Button/types.cjs"),N=require("../../components/Filter/FilterInput.cjs"),w=require("../../utils/index.cjs"),c=require("./utils.cjs"),u=k.forwardRef(({className:m,buttonType:r,filters:f,filterIndex:p,onSelectFilter:x,onClickClear:b,onApplyFilter:d,resultsCount:h,ariaLabels:_,dropdownMenuTranslation:n},j)=>{const i=r==="Sort",t=`${w.px}-filter-dropdown-menu`;return e.jsxs("div",{className:a.default(t,m),ref:j,"data-testid":"filter-dropdown-desktop","aria-label":_||`${r} dropdown desktop`,children:[e.jsx("div",{className:a.default(`${t}__filters`),children:c.getFilterDimensions(f,p).map(s=>e.jsx(N.default,{id:s.label,labelText:s.label,name:s.label,type:i?"radio":"checkbox",checked:s.active,disabled:s?.disabled,onChange:$=>c.handleInputChange($,r??"",x)},s.label))}),e.jsx("div",{className:a.default(i?`${t}__button-wrap`:`${t}__buttons-wrap`),children:i?e.jsx(l.default,{className:a.default(`${t}__button`),variant:o.ButtonVariants.primary,onClick:()=>d?.(!1),children:e.jsx("span",{className:`${t}__button-text`,children:n?.confirm||"Confirm"})}):e.jsxs(e.Fragment,{children:[e.jsx(l.default,{className:a.default(`${t}__buttons`),variant:o.ButtonVariants.secondary,onClick:()=>b?.(r??""),children:n?.clearAll||"Clear all"}),e.jsx(l.default,{className:a.default(`${t}__buttons`),variant:o.ButtonVariants.primary,onClick:()=>d?.(!1),children:e.jsx("span",{className:`${t}__button-text`,children:n?.showAuctions||`Show ${h} Auctions`})})]})})]})});u.displayName="FilterDropdownMenuDesktop";exports.FilterDropdownMenuDesktop=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../_virtual/index.cjs"),w=require("react"),o=require("../../components/Button/Button.cjs"),i=require("../../components/Button/types.cjs"),q=require("../../components/Filter/FilterInput.cjs"),B=require("../../utils/index.cjs"),c=require("./utils.cjs"),h=w.forwardRef(({className:f,buttonType:a,filters:d,filterIndex:u,onSelectFilter:p,onClickClear:x,onApplyFilter:m,resultsCount:b,ariaLabels:j,dropdownMenuTranslation:r},_)=>{const l=a==="Sort",t=`${B.px}-filter-dropdown-menu`,k=c.getFilterDimensions(d,u),D=c.hasActiveDimensions(d,a,u);return e.jsxs("div",{className:n.default(t,f),ref:_,"data-testid":"filter-dropdown-desktop","aria-label":j||`${a} dropdown desktop`,children:[e.jsx("div",{className:n.default(`${t}__filters`),children:k.map(s=>e.jsx(q.default,{id:s.label,labelText:s.label,name:s.label,type:l?"radio":"checkbox",checked:s.active,disabled:s?.disabled,onChange:$=>c.handleInputChange($,a??"",p)},s.label))}),e.jsx("div",{className:n.default(l?`${t}__button-wrap`:`${t}__buttons-wrap`),children:l?e.jsx(o.default,{className:n.default(`${t}__button`),variant:i.ButtonVariants.primary,size:i.ButtonSizes.small,onClick:()=>m?.(!1),children:e.jsx("span",{className:`${t}__button-text`,children:r?.confirm||"Confirm"})}):e.jsxs(e.Fragment,{children:[e.jsx(o.default,{variant:i.ButtonVariants.secondary,size:i.ButtonSizes.small,isDisabled:!D,onClick:()=>x?.(a??""),children:r?.clearAll||"Clear all"}),e.jsx(o.default,{variant:i.ButtonVariants.primary,size:i.ButtonSizes.small,onClick:()=>m?.(!1),children:e.jsx("span",{className:`${t}__button-text`,children:r?.showAuctions||`Show ${b} Auctions`})})]})})]})});h.displayName="FilterDropdownMenuDesktop";exports.FilterDropdownMenuDesktop=h;

package/dist/patterns/FiltersInline/FilterDropdownMenuDesktop.js

@@ -1,80 +1,74 @@
-import { jsxs as c, jsx as e, Fragment as u } from "react/jsx-runtime";
-import r from "../../_virtual/index.js";
-import w from "react";
+import { jsxs as h, jsx as e, Fragment as u } from "react/jsx-runtime";
+import t from "../../_virtual/index.js";
+import x from "react";
 import l from "../../components/Button/Button.js";
-import { ButtonVariants as n } from "../../components/Button/types.js";
-import x from "../../components/Filter/FilterInput.js";
-import { px as C } from "../../utils/index.js";
-import { getFilterDimensions as D, handleInputChange as g } from "./utils.js";
-const F = w.forwardRef(
+import { ButtonSizes as n, ButtonVariants as m } from "../../components/Button/types.js";
+import F from "../../components/Filter/FilterInput.js";
+import { px as g } from "../../utils/index.js";
+import { getFilterDimensions as v, hasActiveDimensions as z, handleInputChange as A } from "./utils.js";
+const B = x.forwardRef(
   ({
-    className: d,
-    buttonType: o,
-    filters: p,
-    filterIndex: f,
+    className: f,
+    buttonType: a,
+    filters: c,
+    filterIndex: d,
     onSelectFilter: _,
-    onClickClear: h,
-    onApplyFilter: m,
-    resultsCount: b,
+    onClickClear: b,
+    onApplyFilter: p,
+    resultsCount: k,
     ariaLabels: $,
-    dropdownMenuTranslation: s
-  }, N) => {
-    const i = o === "Sort", t = `${C}-filter-dropdown-menu`;
-    return /* @__PURE__ */ c(
+    dropdownMenuTranslation: r
+  }, w) => {
+    const o = a === "Sort", s = `${g}-filter-dropdown-menu`, C = v(c, d), D = z(c, a, d);
+    return /* @__PURE__ */ h(
       "div",
       {
-        className: r(t, d),
-        ref: N,
+        className: t(s, f),
+        ref: w,
         "data-testid": "filter-dropdown-desktop",
-        "aria-label": $ || `${o} dropdown desktop`,
+        "aria-label": $ || `${a} dropdown desktop`,
         children: [
-          /* @__PURE__ */ e("div", { className: r(`${t}__filters`), children: D(p, f).map((a) => /* @__PURE__ */ e(
-            x,
+          /* @__PURE__ */ e("div", { className: t(`${s}__filters`), children: C.map((i) => /* @__PURE__ */ e(
+            F,
             {
-              id: a.label,
-              labelText: a.label,
-              name: a.label,
-              type: i ? "radio" : "checkbox",
-              checked: a.active,
-              disabled: a?.disabled,
-              onChange: (k) => g(k, o ?? "", _)
+              id: i.label,
+              labelText: i.label,
+              name: i.label,
+              type: o ? "radio" : "checkbox",
+              checked: i.active,
+              disabled: i?.disabled,
+              onChange: (N) => A(N, a ?? "", _)
             },
-            a.label
+            i.label
           )) }),
-          /* @__PURE__ */ e("div", { className: r(i ? `${t}__button-wrap` : `${t}__buttons-wrap`), children: i ? /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: t(o ? `${s}__button-wrap` : `${s}__buttons-wrap`), children: o ? /* @__PURE__ */ e(
             l,
             {
-              className: r(`${t}__button`),
-              variant: n.primary,
-              onClick: () => m?.(!1),
-              children: /* @__PURE__ */ e("span", { className: `${t}__button-text`, children: s?.confirm || "Confirm" })
+              className: t(`${s}__button`),
+              variant: m.primary,
+              size: n.small,
+              onClick: () => p?.(!1),
+              children: /* @__PURE__ */ e("span", { className: `${s}__button-text`, children: r?.confirm || "Confirm" })
             }
-          ) : /* @__PURE__ */ c(u, { children: [
+          ) : /* @__PURE__ */ h(u, { children: [
             /* @__PURE__ */ e(
               l,
               {
-                className: r(`${t}__buttons`),
-                variant: n.secondary,
-                onClick: () => h?.(o ?? ""),
-                children: s?.clearAll || "Clear all"
+                variant: m.secondary,
+                size: n.small,
+                isDisabled: !D,
+                onClick: () => b?.(a ?? ""),
+                children: r?.clearAll || "Clear all"
               }
             ),
-            /* @__PURE__ */ e(
-              l,
-              {
-                className: r(`${t}__buttons`),
-                variant: n.primary,
-                onClick: () => m?.(!1),
-                children: /* @__PURE__ */ e("span", { className: `${t}__button-text`, children: s?.showAuctions || `Show ${b} Auctions` })
-              }
-            )
+            /* @__PURE__ */ e(l, { variant: m.primary, size: n.small, onClick: () => p?.(!1), children: /* @__PURE__ */ e("span", { className: `${s}__button-text`, children: r?.showAuctions || `Show ${k} Auctions` }) })
           ] }) })
         ]
       }
     );
   }
 );
-F.displayName = "FilterDropdownMenuDesktop";
+B.displayName = "FilterDropdownMenuDesktop";
 export {
-  F as FilterDropdownMenuDesktop
+  B as FilterDropdownMenuDesktop
 };

package/dist/patterns/FiltersInline/FilterDropdownMenuMobile.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../_virtual/index.cjs"),N=require("react"),n=require("../../components/Button/Button.cjs"),o=require("../../components/Button/types.cjs"),g=require("../../components/Filter/FilterInput.cjs"),d=require("../../components/Text/Text.cjs"),c=require("../../components/Text/types.cjs"),C=require("../../utils/index.cjs"),b=require("./utils.cjs"),m=N.forwardRef(({className:_,buttonType:l,filters:f,filterIndex:x,onApplyFilter:u,onClickClear:$,onSelectFilter:h,resultsCount:j,ariaLabels:p,dropdownMenuTranslation:r},q)=>{const s=l==="Sort",e=`${C.px}-filter-dropdown-menu`;return t.jsxs("div",{className:i.default(`${e}`,_,`${e}--mobile`),ref:q,"data-testid":"filter-dropdown-mobile","aria-label":p||`${l} dropdown mobile`,children:[t.jsx("div",{className:i.default(`${e}__filters`,`${e}__filters--mobile`),children:b.getFilterDimensions(f,x).map(a=>t.jsx(g.default,{id:a.label,labelText:a.label,name:a.label,type:s?"radio":"checkbox",checked:a.active,disabled:a?.disabled,onChange:w=>b.handleInputChange(w,l??"",h)},a.label))}),t.jsx("div",{className:i.default(s?`${e}__button-wrap`:`${e}__buttons-wrap`,`${e}__mobile-wrap`),children:s?t.jsx(n.default,{className:i.default(`${e}__button`,`${e}__button--mobile`),variant:o.ButtonVariants.primary,onClick:()=>u?.(!1),children:t.jsx(d.default,{variant:c.TextVariants.headingMedium,className:`${e}__button-text`,children:r?.confirm||"Confirm"})}):t.jsxs(t.Fragment,{children:[t.jsx(n.default,{className:i.default(`${e}__buttons`,`${e}__buttons--mobile`,`${e}__buttons--left`),variant:o.ButtonVariants.secondary,onClick:()=>$?.(l??""),children:t.jsx(d.default,{variant:c.TextVariants.bodySmall,children:r?.clearAll||"Clear all"})}),t.jsx(n.default,{className:i.default(`${e}__buttons`,`${e}__buttons--mobile`,`${e}__buttons--right`),variant:o.ButtonVariants.primary,onClick:()=>u?.(!1),children:t.jsx(d.default,{variant:c.TextVariants.bodySmall,className:`${e}__button-text`,children:r?.showAuctions||`Show ${j} Auctions`})})]})})]})});m.displayName="FilterDropdownMenuMobile";exports.FilterDropdownMenuMobile=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../_virtual/index.cjs"),B=require("react"),o=require("../../components/Button/Button.cjs"),a=require("../../components/Button/types.cjs"),C=require("../../components/Filter/FilterInput.cjs"),d=require("../../components/Text/Text.cjs"),c=require("../../components/Text/types.cjs"),N=require("../../utils/index.cjs"),u=require("./utils.cjs"),f=B.forwardRef(({className:h,buttonType:s,filters:m,filterIndex:b,onApplyFilter:x,onClickClear:_,onSelectFilter:$,resultsCount:j,ariaLabels:p,dropdownMenuTranslation:r},q)=>{const n=s==="Sort",t=`${N.px}-filter-dropdown-menu`,w=u.getFilterDimensions(m,b),S=u.hasActiveDimensions(m,s,b);return e.jsxs("div",{className:l.default(`${t}`,h,`${t}--mobile`),ref:q,"data-testid":"filter-dropdown-mobile","aria-label":p||`${s} dropdown mobile`,children:[e.jsx("div",{className:l.default(`${t}__filters`,`${t}__filters--mobile`),children:w.map(i=>e.jsx(C.default,{id:i.label,labelText:i.label,name:i.label,type:n?"radio":"checkbox",checked:i.active,disabled:i?.disabled,onChange:v=>u.handleInputChange(v,s??"",$)},i.label))}),e.jsx("div",{className:l.default(n?`${t}__button-wrap`:`${t}__buttons-wrap`,`${t}__mobile-wrap`),children:n?e.jsx(o.default,{className:l.default(`${t}__button`,`${t}__button--mobile`),variant:a.ButtonVariants.primary,size:a.ButtonSizes.small,onClick:()=>x?.(!1),children:e.jsx(d.default,{variant:c.TextVariants.headingMedium,className:`${t}__button-text`,children:r?.confirm||"Confirm"})}):e.jsxs(e.Fragment,{children:[e.jsx(o.default,{variant:a.ButtonVariants.secondary,size:a.ButtonSizes.small,isDisabled:!S,onClick:()=>_?.(s??""),children:e.jsx(d.default,{variant:c.TextVariants.bodySmall,children:r?.clearAll||"Clear all"})}),e.jsx(o.default,{variant:a.ButtonVariants.primary,size:a.ButtonSizes.small,onClick:()=>x?.(!1),children:e.jsx(d.default,{variant:c.TextVariants.bodySmall,className:`${t}__button-text`,children:r?.showAuctions||`Show ${j} Auctions`})})]})})]})});f.displayName="FilterDropdownMenuMobile";exports.FilterDropdownMenuMobile=f;

package/dist/patterns/FiltersInline/FilterDropdownMenuMobile.js

@@ -1,90 +1,76 @@
-import { jsxs as _, jsx as e, Fragment as C } from "react/jsx-runtime";
-import r from "../../_virtual/index.js";
+import { jsxs as _, jsx as e, Fragment as S } from "react/jsx-runtime";
+import t from "../../_virtual/index.js";
 import g from "react";
-import n from "../../components/Button/Button.js";
-import { ButtonVariants as m } from "../../components/Button/types.js";
+import s from "../../components/Button/Button.js";
+import { ButtonSizes as m, ButtonVariants as n } from "../../components/Button/types.js";
 import k from "../../components/Filter/FilterInput.js";
-import s from "../../components/Text/Text.js";
-import { TextVariants as c } from "../../components/Text/types.js";
-import { px as v } from "../../utils/index.js";
-import { getFilterDimensions as S, handleInputChange as F } from "./utils.js";
-const y = g.forwardRef(
+import c from "../../components/Text/Text.js";
+import { TextVariants as d } from "../../components/Text/types.js";
+import { px as F } from "../../utils/index.js";
+import { getFilterDimensions as z, hasActiveDimensions as A, handleInputChange as B } from "./utils.js";
+const M = g.forwardRef(
   ({
-    className: b,
-    buttonType: o,
-    filters: f,
-    filterIndex: p,
-    onApplyFilter: d,
+    className: p,
+    buttonType: r,
+    filters: b,
+    filterIndex: f,
+    onApplyFilter: h,
     onClickClear: $,
-    onSelectFilter: h,
-    resultsCount: u,
+    onSelectFilter: u,
+    resultsCount: w,
     ariaLabels: x,
-    dropdownMenuTranslation: a
-  }, N) => {
-    const l = o === "Sort", t = `${v}-filter-dropdown-menu`;
+    dropdownMenuTranslation: l
+  }, C) => {
+    const o = r === "Sort", i = `${F}-filter-dropdown-menu`, N = z(b, f), v = A(b, r, f);
     return /* @__PURE__ */ _(
       "div",
       {
-        className: r(`${t}`, b, `${t}--mobile`),
-        ref: N,
+        className: t(`${i}`, p, `${i}--mobile`),
+        ref: C,
         "data-testid": "filter-dropdown-mobile",
-        "aria-label": x || `${o} dropdown mobile`,
+        "aria-label": x || `${r} dropdown mobile`,
         children: [
-          /* @__PURE__ */ e("div", { className: r(`${t}__filters`, `${t}__filters--mobile`), children: S(f, p).map((i) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: t(`${i}__filters`, `${i}__filters--mobile`), children: N.map((a) => /* @__PURE__ */ e(
             k,
             {
-              id: i.label,
-              labelText: i.label,
-              name: i.label,
-              type: l ? "radio" : "checkbox",
-              checked: i.active,
-              disabled: i?.disabled,
-              onChange: (w) => F(w, o ?? "", h)
+              id: a.label,
+              labelText: a.label,
+              name: a.label,
+              type: o ? "radio" : "checkbox",
+              checked: a.active,
+              disabled: a?.disabled,
+              onChange: (D) => B(D, r ?? "", u)
             },
-            i.label
+            a.label
           )) }),
           /* @__PURE__ */ e(
             "div",
             {
-              className: r(
-                l ? `${t}__button-wrap` : `${t}__buttons-wrap`,
-                `${t}__mobile-wrap`
+              className: t(
+                o ? `${i}__button-wrap` : `${i}__buttons-wrap`,
+                `${i}__mobile-wrap`
               ),
-              children: l ? /* @__PURE__ */ e(
-                n,
+              children: o ? /* @__PURE__ */ e(
+                s,
                 {
-                  className: r(`${t}__button`, `${t}__button--mobile`),
-                  variant: m.primary,
-                  onClick: () => d?.(!1),
-                  children: /* @__PURE__ */ e(s, { variant: c.headingMedium, className: `${t}__button-text`, children: a?.confirm || "Confirm" })
+                  className: t(`${i}__button`, `${i}__button--mobile`),
+                  variant: n.primary,
+                  size: m.small,
+                  onClick: () => h?.(!1),
+                  children: /* @__PURE__ */ e(c, { variant: d.headingMedium, className: `${i}__button-text`, children: l?.confirm || "Confirm" })
                 }
-              ) : /* @__PURE__ */ _(C, { children: [
+              ) : /* @__PURE__ */ _(S, { children: [
                 /* @__PURE__ */ e(
-                  n,
+                  s,
                   {
-                    className: r(
-                      `${t}__buttons`,
-                      `${t}__buttons--mobile`,
-                      `${t}__buttons--left`
-                    ),
-                    variant: m.secondary,
-                    onClick: () => $?.(o ?? ""),
-                    children: /* @__PURE__ */ e(s, { variant: c.bodySmall, children: a?.clearAll || "Clear all" })
+                    variant: n.secondary,
+                    size: m.small,
+                    isDisabled: !v,
+                    onClick: () => $?.(r ?? ""),
+                    children: /* @__PURE__ */ e(c, { variant: d.bodySmall, children: l?.clearAll || "Clear all" })
                   }
                 ),
-                /* @__PURE__ */ e(
-                  n,
-                  {
-                    className: r(
-                      `${t}__buttons`,
-                      `${t}__buttons--mobile`,
-                      `${t}__buttons--right`
-                    ),
-                    variant: m.primary,
-                    onClick: () => d?.(!1),
-                    children: /* @__PURE__ */ e(s, { variant: c.bodySmall, className: `${t}__button-text`, children: a?.showAuctions || `Show ${u} Auctions` })
-                  }
-                )
+                /* @__PURE__ */ e(s, { variant: n.primary, size: m.small, onClick: () => h?.(!1), children: /* @__PURE__ */ e(c, { variant: d.bodySmall, className: `${i}__button-text`, children: l?.showAuctions || `Show ${w} Auctions` }) })
               ] })
             }
           )
@@ -93,7 +79,7 @@ const y = g.forwardRef(
     );
   }
 );
-y.displayName = "FilterDropdownMenuMobile";
+M.displayName = "FilterDropdownMenuMobile";
 export {
-  y as FilterDropdownMenuMobile
+  M as FilterDropdownMenuMobile
 };

package/dist/patterns/FiltersInline/MainFilterDropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("../../_virtual/index.cjs"),_=require("react"),p=require("../../components/Button/Button.cjs"),g=require("../../components/Button/types.cjs"),A=require("../../components/Drawer/Drawer.cjs"),N=require("../../components/Filter/Filter.cjs"),B=require("../../components/Filter/FilterHeader.cjs"),D=require("../../components/Filter/FilterInput.cjs"),n=require("../../utils/index.cjs"),M=require("../FilterMenu/FilterMenu.cjs"),k=require("./FilterButton.cjs"),S=require("./types.cjs"),o=require("./utils.cjs"),m=_.forwardRef(({className:x,filterButtonLabel:l,handleClick:s,filtersListState:i,filters:a,onSelectFilter:b,onApplyFilter:w,onClickClear:F,resultsCount:f,dropdownMenuTranslation:d,ariaLabels:c={},id:q},j)=>{const u=i?.[0]??!1,{totalCount:y,filterCount:h}=o.countActiveFilters(a,l);return e.jsxs(e.Fragment,{children:[e.jsx(k.FilterButton,{ref:j,className:x,isSelected:u,count:h,label:l,totalCount:y,id:q,ariaLabel:c.button||`${l} button`,onClick:o.getFilterButtonClickHandler(i,s,0),isMobile:!1,type:S.FilterButtonIconType.Filter}),e.jsxs(A.default,{isOpen:u,drawerOpenSide:"left",onClose:()=>o.resetAllFilters(i,s),className:`${n.px}-filter-drawer`,"aria-label":c.drawer||"Filter drawer",paddingLevel:0,children:[e.jsx(M.default,{className:`${n.px}-filter-drawer-menu`,children:a?.map(r=>e.jsxs(N.default,{name:r.label,children:[e.jsx(B.default,{heading:r.label}),Array.from(r.filterDimensions).map(t=>e.jsx(D.default,{id:t.label,labelText:t.label,onChange:$=>b?.($,r.buttonType),type:r.type,disabled:t?.disabled,name:t.label,checked:t.active},t.label))]},r.id))}),e.jsxs("div",{className:C.default(`${n.px}-filter-dropdown-menu__buttons-wrap`,`${n.px}-filter-dropdown-menu__buttons-wrap--drawer`),children:[e.jsx(p.default,{className:`${n.px}-filter-dropdown-menu__button`,variant:g.ButtonVariants.secondary,onClick:()=>F?.("all"),children:d?.clearAll||"Clear all"}),e.jsx(p.default,{className:`${n.px}-filter-dropdown-menu__button`,onClick:()=>w?.(!1),children:d?.showAuctions||`Show ${f} Auctions`})]})]})]})});m.displayName="MainFilterDropdown";exports.MainFilterDropdown=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("../../_virtual/index.cjs"),B=require("react"),m=require("../../components/Button/Button.cjs"),s=require("../../components/Button/types.cjs"),A=require("../../components/Drawer/Drawer.cjs"),D=require("../../components/Filter/Filter.cjs"),S=require("../../components/Filter/FilterHeader.cjs"),M=require("../../components/Filter/FilterInput.cjs"),n=require("../../utils/index.cjs"),k=require("../FilterMenu/FilterMenu.cjs"),z=require("./FilterButton.cjs"),N=require("./types.cjs"),a=require("./utils.cjs"),x=B.forwardRef(({className:w,filterButtonLabel:l,handleClick:o,filtersListState:i,filters:d,onSelectFilter:F,onApplyFilter:q,onClickClear:f,resultsCount:j,dropdownMenuTranslation:c,ariaLabels:u={},id:y},h)=>{const p=i?.[0]??!1,{totalCount:b,filterCount:C}=a.countActiveFilters(d,l);return e.jsxs(e.Fragment,{children:[e.jsx(z.FilterButton,{ref:h,className:w,isSelected:p,count:C,label:l,totalCount:b,id:y,ariaLabel:u.button||`${l} button`,onClick:a.getFilterButtonClickHandler(i,o,0),isMobile:!1,type:N.FilterButtonIconType.Filter}),e.jsxs(A.default,{isOpen:p,drawerOpenSide:"left",onClose:()=>a.resetAllFilters(i,o),className:`${n.px}-filter-drawer`,"aria-label":u.drawer||"Filter drawer",paddingLevel:0,children:[e.jsx(k.default,{className:`${n.px}-filter-drawer-menu`,children:d?.map(t=>e.jsxs(D.default,{name:t.label,children:[e.jsx(S.default,{heading:t.label}),Array.from(t.filterDimensions).map(r=>e.jsx(M.default,{id:r.label,labelText:r.label,onChange:$=>F?.($,t.buttonType),type:t.type,disabled:r?.disabled,name:r.label,checked:r.active},r.label))]},t.id))}),e.jsxs("div",{className:g.default(`${n.px}-filter-dropdown-menu__buttons-wrap`,`${n.px}-filter-dropdown-menu__buttons-wrap--drawer`),children:[e.jsx(m.default,{variant:s.ButtonVariants.secondary,size:s.ButtonSizes.small,isDisabled:b===0,onClick:()=>f?.("all"),children:c?.clearAll||"Clear all"}),e.jsx(m.default,{size:s.ButtonSizes.small,onClick:()=>q?.(!1),children:c?.showAuctions||`Show ${j} Auctions`})]})]})]})});x.displayName="MainFilterDropdown";exports.MainFilterDropdown=x;

package/dist/patterns/FiltersInline/MainFilterDropdown.js

@@ -1,68 +1,68 @@
-import { jsxs as l, Fragment as A, jsx as o } from "react/jsx-runtime";
-import N from "../../_virtual/index.js";
-import g from "react";
-import c from "../../components/Button/Button.js";
-import { ButtonVariants as x } from "../../components/Button/types.js";
+import { jsxs as t, Fragment as g, jsx as o } from "react/jsx-runtime";
+import x from "../../_virtual/index.js";
+import B from "react";
+import f from "../../components/Button/Button.js";
+import { ButtonSizes as u, ButtonVariants as D } from "../../components/Button/types.js";
 import k from "../../components/Drawer/Drawer.js";
-import B from "../../components/Filter/Filter.js";
-import D from "../../components/Filter/FilterHeader.js";
+import N from "../../components/Filter/Filter.js";
+import z from "../../components/Filter/FilterHeader.js";
 import M from "../../components/Filter/FilterInput.js";
-import { px as t } from "../../utils/index.js";
-import j from "../FilterMenu/FilterMenu.js";
-import { FilterButton as H } from "./FilterButton.js";
-import { FilterButtonIconType as I } from "./types.js";
-import { countActiveFilters as O, getFilterButtonClickHandler as R, resetAllFilters as S } from "./utils.js";
-const T = g.forwardRef(
+import { px as l } from "../../utils/index.js";
+import S from "../FilterMenu/FilterMenu.js";
+import { FilterButton as j } from "./FilterButton.js";
+import { FilterButtonIconType as H } from "./types.js";
+import { countActiveFilters as I, getFilterButtonClickHandler as O, resetAllFilters as R } from "./utils.js";
+const T = B.forwardRef(
   ({
-    className: f,
-    filterButtonLabel: n,
+    className: b,
+    filterButtonLabel: i,
     handleClick: a,
-    filtersListState: i,
+    filtersListState: n,
     filters: m,
-    onSelectFilter: u,
-    onApplyFilter: b,
-    onClickClear: w,
-    resultsCount: F,
-    dropdownMenuTranslation: d,
-    ariaLabels: p = {},
-    id: h
-  }, _) => {
-    const s = i?.[0] ?? !1, { totalCount: y, filterCount: C } = O(m, n);
-    return /* @__PURE__ */ l(A, { children: [
+    onSelectFilter: w,
+    onApplyFilter: F,
+    onClickClear: h,
+    resultsCount: y,
+    dropdownMenuTranslation: s,
+    ariaLabels: d = {},
+    id: C
+  }, A) => {
+    const p = n?.[0] ?? !1, { totalCount: c, filterCount: _ } = I(m, i);
+    return /* @__PURE__ */ t(g, { children: [
       /* @__PURE__ */ o(
-        H,
+        j,
         {
-          ref: _,
-          className: f,
-          isSelected: s,
-          count: C,
-          label: n,
-          totalCount: y,
-          id: h,
-          ariaLabel: p.button || `${n} button`,
-          onClick: R(i, a, 0),
+          ref: A,
+          className: b,
+          isSelected: p,
+          count: _,
+          label: i,
+          totalCount: c,
+          id: C,
+          ariaLabel: d.button || `${i} button`,
+          onClick: O(n, a, 0),
           isMobile: !1,
-          type: I.Filter
+          type: H.Filter
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ t(
         k,
         {
-          isOpen: s,
+          isOpen: p,
           drawerOpenSide: "left",
-          onClose: () => S(i, a),
-          className: `${t}-filter-drawer`,
-          "aria-label": p.drawer || "Filter drawer",
+          onClose: () => R(n, a),
+          className: `${l}-filter-drawer`,
+          "aria-label": d.drawer || "Filter drawer",
           paddingLevel: 0,
           children: [
-            /* @__PURE__ */ o(j, { className: `${t}-filter-drawer-menu`, children: m?.map((e) => /* @__PURE__ */ l(B, { name: e.label, children: [
-              /* @__PURE__ */ o(D, { heading: e.label }),
+            /* @__PURE__ */ o(S, { className: `${l}-filter-drawer-menu`, children: m?.map((e) => /* @__PURE__ */ t(N, { name: e.label, children: [
+              /* @__PURE__ */ o(z, { heading: e.label }),
               Array.from(e.filterDimensions).map((r) => /* @__PURE__ */ o(
                 M,
                 {
                   id: r.label,
                   labelText: r.label,
-                  onChange: ($) => u?.($, e.buttonType),
+                  onChange: ($) => w?.($, e.buttonType),
                   type: e.type,
                   disabled: r?.disabled,
                   name: r.label,
@@ -71,24 +71,25 @@ const T = g.forwardRef(
                 r.label
               ))
             ] }, e.id)) }),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ t(
               "div",
               {
-                className: N(
-                  `${t}-filter-dropdown-menu__buttons-wrap`,
-                  `${t}-filter-dropdown-menu__buttons-wrap--drawer`
+                className: x(
+                  `${l}-filter-dropdown-menu__buttons-wrap`,
+                  `${l}-filter-dropdown-menu__buttons-wrap--drawer`
                 ),
                 children: [
                   /* @__PURE__ */ o(
-                    c,
+                    f,
                     {
-                      className: `${t}-filter-dropdown-menu__button`,
-                      variant: x.secondary,
-                      onClick: () => w?.("all"),
-                      children: d?.clearAll || "Clear all"
+                      variant: D.secondary,
+                      size: u.small,
+                      isDisabled: c === 0,
+                      onClick: () => h?.("all"),
+                      children: s?.clearAll || "Clear all"
                     }
                   ),
-                  /* @__PURE__ */ o(c, { className: `${t}-filter-dropdown-menu__button`, onClick: () => b?.(!1), children: d?.showAuctions || `Show ${F} Auctions` })
+                  /* @__PURE__ */ o(f, { size: u.small, onClick: () => F?.(!1), children: s?.showAuctions || `Show ${y} Auctions` })
                 ]
               }
             )

package/dist/patterns/FiltersInline/SubFilterDropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../node_modules/@radix-ui/react-popover/dist/index.cjs"),k=require("react"),R=require("../../components/Drawer/Drawer.cjs"),S=require("../../providers/SeldonProvider/utils.cjs"),v=require("../../utils/index.cjs"),$=require("./FilterButton.cjs"),H=require("./FilterDropdownMenuDesktop.cjs"),y=require("./FilterDropdownMenuMobile.cjs"),B=require("./types.cjs"),t=require("./utils.cjs"),m=require("../../utils/constants.cjs"),C=k.forwardRef(({filterId:n=0,className:p,filterButtonLabel:r,buttonType:o,handleClick:l,filtersListState:s,filters:c,onSelectFilter:F,onApplyFilter:j,onClickClear:q,resultsCount:w,filterButtonLabelTranslated:d,dropdownMenuTranslation:M,ariaLabels:i={},hideDesktopSortButton:O,id:x},b)=>{const u=s?.[n]??!1,{totalCount:h,filterCount:D}=t.countActiveFilters(c,o),g=t.getFilterButtonLabel(r,d||null);return O&&o===B.FilterButtonType.Sort?null:e.jsxs(e.Fragment,{children:[e.jsxs(S.SSRMediaQuery.Media,{lessThan:m.Breakpoints.md,children:[e.jsx($.FilterButton,{ref:b,className:p,isSelected:u,count:D,label:g,id:x,totalCount:h,ariaLabel:i.button||`${r} button`,onClick:t.getFilterButtonClickHandler(s,l,n),isMobile:!0,type:o}),e.jsx(R.default,{drawerOpenSide:"bottom",isOpen:u,onClose:t.getFilterButtonClickHandler(s,l,n),"aria-label":i.drawer||`${r} drawer`,className:`${v.px}-filter-drawer-mobile`,headerText:g,paddingLevel:0,children:e.jsx(y.FilterDropdownMenuMobile,{buttonType:o,filters:c,filterIndex:n,onSelectFilter:F,onApplyFilter:j,onClickClear:q,resultsCount:w,ariaLabels:i?.ariaLabel,filterButtonLabel:r,filterButtonLabelTranslated:d,dropdownMenuTranslation:M})})]}),e.jsx(S.SSRMediaQuery.Media,{greaterThanOrEqual:m.Breakpoints.md,children:e.jsxs(a.Root,{open:u,onOpenChange:t.getFilterButtonClickHandler(s,l,n),children:[e.jsx(a.Trigger,{asChild:!0,children:e.jsx($.FilterButton,{ref:b,className:p,isSelected:u,count:D,label:g,totalCount:h,id:x,ariaLabel:i.ariaLabel||`${r} button`,onClick:t.getFilterButtonClickHandler(s,l,n),isMobile:!1,type:o})}),e.jsx(a.Portal,{children:e.jsx(a.Content,{avoidCollisions:!0,collisionPadding:10,sideOffset:5,align:"start",alignOffset:5,"aria-label":i.ariaLabel||`${r} dropdown`,children:e.jsx(H.FilterDropdownMenuDesktop,{buttonType:o,filters:c,filterIndex:n,onSelectFilter:F,onApplyFilter:j,onClickClear:q,resultsCount:w,ariaLabels:i?.ariaLabel,filterButtonLabel:r,filterButtonLabelTranslated:d,dropdownMenuTranslation:M})})})]},`${x}-${r}-button`)})]})});C.displayName="SubFilterDropdown";exports.SubFilterDropdown=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../node_modules/@radix-ui/react-popover/dist/index.cjs"),N=require("react"),y=require("../../components/Drawer/Drawer.cjs"),D=require("../../providers/SeldonProvider/utils.cjs"),$=require("../../utils/index.cjs"),C=require("./FilterButton.cjs"),B=require("./FilterDropdownMenuDesktop.cjs"),H=require("./FilterDropdownMenuMobile.cjs"),O=require("./types.cjs"),t=require("./utils.cjs"),R=require("../../utils/constants.cjs"),k=N.forwardRef(({filterId:n=0,className:p,filterButtonLabel:r,buttonType:o,handleClick:l,filtersListState:s,filters:d,onSelectFilter:g,onApplyFilter:j,onClickClear:q,resultsCount:w,filterButtonLabelTranslated:u,dropdownMenuTranslation:m,ariaLabels:i={},hideDesktopSortButton:v,id:x},M)=>{const a=s?.[n]??!1,{totalCount:S,filterCount:b}=t.countActiveFilters(d,o),F=t.getFilterButtonLabel(r,u||null),h=o===O.FilterButtonType.Sort?`${$.px}-filters-inline__sort`:void 0;return v&&o===O.FilterButtonType.Sort?null:e.jsxs(e.Fragment,{children:[e.jsxs(D.SSRMediaQuery.Media,{lessThan:R.Breakpoints.md,className:h,children:[e.jsx(C.FilterButton,{ref:M,className:p,isSelected:a,count:b,label:F,id:x,totalCount:S,ariaLabel:i.button||`${r} button`,onClick:t.getFilterButtonClickHandler(s,l,n),isMobile:!0,type:o}),e.jsx(y.default,{drawerOpenSide:"bottom",isOpen:a,onClose:()=>t.resetAllFilters(s,l),"aria-label":i.drawer||`${r} drawer`,className:`${$.px}-filter-drawer-mobile`,headerText:F,paddingLevel:0,children:e.jsx(H.FilterDropdownMenuMobile,{buttonType:o,filters:d,filterIndex:n,onSelectFilter:g,onApplyFilter:j,onClickClear:q,resultsCount:w,ariaLabels:i?.ariaLabel,filterButtonLabel:r,filterButtonLabelTranslated:u,dropdownMenuTranslation:m})})]}),e.jsx(D.SSRMediaQuery.Media,{greaterThanOrEqual:R.Breakpoints.md,className:h,children:e.jsxs(c.Root,{open:a,onOpenChange:t.getFilterButtonClickHandler(s,l,n),children:[e.jsx(c.Trigger,{asChild:!0,children:e.jsx(C.FilterButton,{ref:M,className:p,isSelected:a,count:b,label:F,totalCount:S,id:x,ariaLabel:i.ariaLabel||`${r} button`,onClick:t.getFilterButtonClickHandler(s,l,n),isMobile:!1,type:o})}),e.jsx(c.Portal,{children:e.jsx(c.Content,{avoidCollisions:!0,collisionPadding:10,sideOffset:5,align:"start",alignOffset:5,"aria-label":i.ariaLabel||`${r} dropdown`,children:e.jsx(B.FilterDropdownMenuDesktop,{buttonType:o,filters:d,filterIndex:n,onSelectFilter:g,onApplyFilter:j,onClickClear:q,resultsCount:w,ariaLabels:i?.ariaLabel,filterButtonLabel:r,filterButtonLabelTranslated:u,dropdownMenuTranslation:m})})})]},`${x}-${r}-button`)})]})});k.displayName="SubFilterDropdown";exports.SubFilterDropdown=k;