@phillips/seldon 1.271.0 → 1.273.0

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/index2.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/index2.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;

package/dist/patterns/FiltersInline/SubFilterDropdown.js

@@ -1,106 +1,106 @@
-import { jsxs as u, Fragment as S, jsx as o } from "react/jsx-runtime";
-import { Root as v, Trigger as j, Portal as P, Content as _ } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
-import k from "react";
-import q from "../../components/Drawer/Drawer.js";
-import { SSRMediaQuery as O } from "../../providers/SeldonProvider/utils.js";
-import { px as E } from "../../utils/index.js";
-import { FilterButton as C } from "./FilterButton.js";
+import { jsxs as p, Fragment as _, jsx as o } from "react/jsx-runtime";
+import { Root as j, Trigger as P, Portal as k, Content as q } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
+import A from "react";
+import E from "../../components/Drawer/Drawer.js";
+import { SSRMediaQuery as C } from "../../providers/SeldonProvider/utils.js";
+import { px as D } from "../../utils/index.js";
+import { FilterButton as O } from "./FilterButton.js";
 import { FilterDropdownMenuDesktop as H } from "./FilterDropdownMenuDesktop.js";
-import { FilterDropdownMenuMobile as N } from "./FilterDropdownMenuMobile.js";
-import { FilterButtonType as Q } from "./types.js";
-import { countActiveFilters as z, getFilterButtonClickHandler as p, getFilterButtonLabel as A } from "./utils.js";
-import { Breakpoints as R } from "../../utils/constants.js";
-const G = k.forwardRef(
+import { FilterDropdownMenuMobile as Q } from "./FilterDropdownMenuMobile.js";
+import { FilterButtonType as R } from "./types.js";
+import { countActiveFilters as z, getFilterButtonClickHandler as g, resetAllFilters as G, getFilterButtonLabel as J } from "./utils.js";
+import { Breakpoints as v } from "../../utils/constants.js";
+const K = A.forwardRef(
   ({
-    filterId: e = 0,
-    className: g,
+    filterId: i = 0,
+    className: u,
     filterButtonLabel: r,
-    buttonType: i,
+    buttonType: e,
     handleClick: m,
     filtersListState: a,
-    filters: t,
-    onSelectFilter: h,
-    onApplyFilter: w,
-    onClickClear: F,
-    resultsCount: b,
-    filterButtonLabelTranslated: l,
+    filters: l,
+    onSelectFilter: F,
+    onApplyFilter: h,
+    onClickClear: w,
+    resultsCount: $,
+    filterButtonLabelTranslated: d,
     dropdownMenuTranslation: x,
     ariaLabels: n = {},
-    hideDesktopSortButton: f,
-    id: c
+    hideDesktopSortButton: N,
+    id: s
   }, M) => {
-    const d = a?.[e] ?? !1, { totalCount: $, filterCount: D } = z(t, i), s = A(r, l || null);
-    return f && i === Q.Sort ? null : /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ u(O.Media, { lessThan: R.md, children: [
+    const t = a?.[i] ?? !1, { totalCount: S, filterCount: b } = z(l, e), c = J(r, d || null), f = e === R.Sort ? `${D}-filters-inline__sort` : void 0;
+    return N && e === R.Sort ? null : /* @__PURE__ */ p(_, { children: [
+      /* @__PURE__ */ p(C.Media, { lessThan: v.md, className: f, children: [
         /* @__PURE__ */ o(
-          C,
+          O,
           {
             ref: M,
-            className: g,
-            isSelected: d,
-            count: D,
-            label: s,
-            id: c,
-            totalCount: $,
+            className: u,
+            isSelected: t,
+            count: b,
+            label: c,
+            id: s,
+            totalCount: S,
             ariaLabel: n.button || `${r} button`,
-            onClick: p(a, m, e),
+            onClick: g(a, m, i),
             isMobile: !0,
-            type: i
+            type: e
           }
         ),
         /* @__PURE__ */ o(
-          q,
+          E,
           {
             drawerOpenSide: "bottom",
-            isOpen: d,
-            onClose: p(a, m, e),
+            isOpen: t,
+            onClose: () => G(a, m),
             "aria-label": n.drawer || `${r} drawer`,
-            className: `${E}-filter-drawer-mobile`,
-            headerText: s,
+            className: `${D}-filter-drawer-mobile`,
+            headerText: c,
             paddingLevel: 0,
             children: /* @__PURE__ */ o(
-              N,
+              Q,
               {
-                buttonType: i,
-                filters: t,
-                filterIndex: e,
-                onSelectFilter: h,
-                onApplyFilter: w,
-                onClickClear: F,
-                resultsCount: b,
+                buttonType: e,
+                filters: l,
+                filterIndex: i,
+                onSelectFilter: F,
+                onApplyFilter: h,
+                onClickClear: w,
+                resultsCount: $,
                 ariaLabels: n?.ariaLabel,
                 filterButtonLabel: r,
-                filterButtonLabelTranslated: l,
+                filterButtonLabelTranslated: d,
                 dropdownMenuTranslation: x
               }
             )
           }
         )
       ] }),
-      /* @__PURE__ */ o(O.Media, { greaterThanOrEqual: R.md, children: /* @__PURE__ */ u(
-        v,
+      /* @__PURE__ */ o(C.Media, { greaterThanOrEqual: v.md, className: f, children: /* @__PURE__ */ p(
+        j,
         {
-          open: d,
-          onOpenChange: p(a, m, e),
+          open: t,
+          onOpenChange: g(a, m, i),
           children: [
-            /* @__PURE__ */ o(j, { asChild: !0, children: /* @__PURE__ */ o(
-              C,
+            /* @__PURE__ */ o(P, { asChild: !0, children: /* @__PURE__ */ o(
+              O,
               {
                 ref: M,
-                className: g,
-                isSelected: d,
-                count: D,
-                label: s,
-                totalCount: $,
-                id: c,
+                className: u,
+                isSelected: t,
+                count: b,
+                label: c,
+                totalCount: S,
+                id: s,
                 ariaLabel: n.ariaLabel || `${r} button`,
-                onClick: p(a, m, e),
+                onClick: g(a, m, i),
                 isMobile: !1,
-                type: i
+                type: e
               }
             ) }),
-            /* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(
-              _,
+            /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o(
+              q,
               {
                 avoidCollisions: !0,
                 collisionPadding: 10,
@@ -111,16 +111,16 @@ const G = k.forwardRef(
                 children: /* @__PURE__ */ o(
                   H,
                   {
-                    buttonType: i,
-                    filters: t,
-                    filterIndex: e,
-                    onSelectFilter: h,
-                    onApplyFilter: w,
-                    onClickClear: F,
-                    resultsCount: b,
+                    buttonType: e,
+                    filters: l,
+                    filterIndex: i,
+                    onSelectFilter: F,
+                    onApplyFilter: h,
+                    onClickClear: w,
+                    resultsCount: $,
                     ariaLabels: n?.ariaLabel,
                     filterButtonLabel: r,
-                    filterButtonLabelTranslated: l,
+                    filterButtonLabelTranslated: d,
                     dropdownMenuTranslation: x
                   }
                 )
@@ -128,12 +128,12 @@ const G = k.forwardRef(
             ) })
           ]
         },
-        `${c}-${r}-button`
+        `${s}-${r}-button`
       ) })
     ] });
   }
 );
-G.displayName = "SubFilterDropdown";
+K.displayName = "SubFilterDropdown";
 export {
-  G as SubFilterDropdown
+  K as SubFilterDropdown
 };

package/dist/patterns/FiltersInline/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./types.cjs");r.FilterButtonType.Filter,r.FilterButtonType.Sort,r.FilterButtonType.Sale,r.FilterButtonType.Departments,r.FilterButtonType.Location,r.FilterButtonType.Month,r.FilterButtonType.Year;const s=(t,e)=>{if(!t)return{totalCount:0,filterCount:0};const o=t.filter(n=>n.id!=="Sort").reduce((n,i)=>n+Array.from(i.filterDimensions).filter(l=>l.active).length,0),u=e==="Sort"?0:(()=>{const n=t.find(i=>i.id===e)?.filterDimensions;return n?Array.from(n).filter(i=>i.active).length:0})();return{totalCount:o,filterCount:u}},c=(t,e)=>t&&typeof e=="number"&&t[e-1]&&t[e-1].filterDimensions?Array.from(t[e-1].filterDimensions):[],F=(t,e)=>t==="Filter"?"Filters":e?"ChevronUp":"ChevronDown",a=(t,e,o)=>()=>{t&&e&&e(t.map((u,n)=>n===o?!u:!1))};function f(t,e,o){o&&o(t,e)}function m(t,e){t&&e&&e(t.map(()=>!1))}function p(t,e){return e||`${t}`}exports.countActiveFilters=s;exports.getFilterButtonClickHandler=a;exports.getFilterButtonLabel=p;exports.getFilterDimensions=c;exports.getIcon=F;exports.handleInputChange=f;exports.resetAllFilters=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./types.cjs");i.FilterButtonType.Filter,i.FilterButtonType.Sort,i.FilterButtonType.Sale,i.FilterButtonType.Departments,i.FilterButtonType.Location,i.FilterButtonType.Month,i.FilterButtonType.Year;const l=(t,e)=>{if(!t)return{totalCount:0,filterCount:0};const r=t.filter(n=>n.id!=="Sort").reduce((n,s)=>n+Array.from(s.filterDimensions).filter(u=>u.active).length,0),o=e==="Sort"?0:(()=>{const n=t.find(s=>s.id===e)?.filterDimensions;return n?Array.from(n).filter(s=>s.active).length:0})();return{totalCount:r,filterCount:o}},c=(t,e,r)=>{if(!t)return!1;const o=t.find(n=>n.id===e)?.filterDimensions??(typeof r=="number"?t[r-1]?.filterDimensions:void 0);return o?Array.from(o).some(n=>n.active):!1},a=(t,e)=>t&&typeof e=="number"&&t[e-1]&&t[e-1].filterDimensions?Array.from(t[e-1].filterDimensions):[],f=(t,e)=>t==="Filter"?"Filters":e?"ChevronUp":"ChevronDown",m=(t,e,r)=>()=>{t&&e&&e(t.map((o,n)=>n===r?!o:!1))};function F(t,e,r){r&&r(t,e)}function p(t,e){t&&e&&e(t.map(()=>!1))}function y(t,e){return e||`${t}`}exports.countActiveFilters=l;exports.getFilterButtonClickHandler=m;exports.getFilterButtonLabel=y;exports.getFilterDimensions=a;exports.getIcon=f;exports.handleInputChange=F;exports.hasActiveDimensions=c;exports.resetAllFilters=p;

package/dist/patterns/FiltersInline/utils.d.ts

@@ -48,6 +48,10 @@ export declare const countActiveFilters: (filters?: FilterType[], buttonType?: s
     totalCount: number;
     filterCount: number;
 };
+export declare const hasActiveDimensions: (filters: {
+    id?: string;
+    filterDimensions: Set<FilterDimension>;
+}[] | undefined, buttonType?: string, filterIndex?: number) => boolean;
 export declare const getFilterDimensions: (filters: {
     filterDimensions: Set<FilterDimension>;
 }[] | undefined, filterIndex: number | undefined) => FilterDimension[];

package/dist/patterns/FiltersInline/utils.js

@@ -1,33 +1,38 @@
 import { FilterButtonType as o } from "./types.js";
 o.Filter, o.Sort, o.Sale, o.Departments, o.Location, o.Month, o.Year;
-const c = (t, r) => {
-  if (!t) return { totalCount: 0, filterCount: 0 };
-  const e = t.filter((n) => n.id !== "Sort").reduce(
-    (n, i) => n + Array.from(i.filterDimensions).filter((f) => f.active).length,
+const m = (n, t) => {
+  if (!n) return { totalCount: 0, filterCount: 0 };
+  const e = n.filter((r) => r.id !== "Sort").reduce(
+    (r, s) => r + Array.from(s.filterDimensions).filter((u) => u.active).length,
     0
-  ), u = r === "Sort" ? 0 : (() => {
-    const n = t.find((i) => i.id === r)?.filterDimensions;
-    return n ? Array.from(n).filter((i) => i.active).length : 0;
+  ), i = t === "Sort" ? 0 : (() => {
+    const r = n.find((s) => s.id === t)?.filterDimensions;
+    return r ? Array.from(r).filter((s) => s.active).length : 0;
   })();
-  return { totalCount: e, filterCount: u };
-}, m = (t, r) => t && typeof r == "number" && t[r - 1] && t[r - 1].filterDimensions ? Array.from(t[r - 1].filterDimensions) : [], l = (t, r) => t === "Filter" ? "Filters" : r ? "ChevronUp" : "ChevronDown", a = (t, r, e) => () => {
-  t && r && r(t.map((u, n) => n === e ? !u : !1));
+  return { totalCount: e, filterCount: i };
+}, c = (n, t, e) => {
+  if (!n) return !1;
+  const i = n.find((r) => r.id === t)?.filterDimensions ?? (typeof e == "number" ? n[e - 1]?.filterDimensions : void 0);
+  return i ? Array.from(i).some((r) => r.active) : !1;
+}, a = (n, t) => n && typeof t == "number" && n[t - 1] && n[t - 1].filterDimensions ? Array.from(n[t - 1].filterDimensions) : [], l = (n, t) => n === "Filter" ? "Filters" : t ? "ChevronUp" : "ChevronDown", D = (n, t, e) => () => {
+  n && t && t(n.map((i, r) => r === e ? !i : !1));
 };
-function p(t, r, e) {
-  e && e(t, r);
+function p(n, t, e) {
+  e && e(n, t);
 }
-function D(t, r) {
-  t && r && r(t.map(() => !1));
+function v(n, t) {
+  n && t && t(n.map(() => !1));
 }
-function F(t, r) {
-  return r || `${t}`;
+function F(n, t) {
+  return t || `${n}`;
 }
 export {
-  c as countActiveFilters,
-  a as getFilterButtonClickHandler,
+  m as countActiveFilters,
+  D as getFilterButtonClickHandler,
   F as getFilterButtonLabel,
-  m as getFilterDimensions,
+  a as getFilterDimensions,
   l as getIcon,
   p as handleInputChange,
-  D as resetAllFilters
+  c as hasActiveDimensions,
+  v as resetAllFilters
 };

package/dist/patterns/HeroBanner/HeroBanner.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),_=require("react"),j=require("../../utils/index.cjs"),p=require("../../_virtual/index.cjs"),c=require("../../components/Text/types.cjs"),i=require("../../components/Text/Text.cjs"),u=_.forwardRef(({prehead:n,date:r,headerText:d,subHeadText:a,association:l,background:o,className:m,...t},x)=>{const{className:s,...h}=j.getCommonProps(t,"HeroBanner");return e.jsx("header",{...h,className:p.default(s,m),style:{"--background":o},ref:x,...t,children:e.jsxs("span",{className:`${s}__content-wrapper`,children:[n||r?e.jsxs("p",{className:`${s}__pre-head`,children:[n?e.jsx("span",{children:n}):null,r?e.jsx("span",{children:r}):null]}):null,e.jsx(i.default,{className:`${s}__header-text`,variant:c.TextVariants.displayMedium,children:d}),a?e.jsx(i.default,{className:`${s}__sub-head-text`,variant:c.TextVariants.headingMedium,children:a}):null,l?e.jsx("p",{className:`${s}__after-head`,children:l}):null]})})});u.displayName="HeroBanner";exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),_=require("react"),j=require("../../utils/index.cjs"),p=require("../../_virtual/index2.cjs"),c=require("../../components/Text/Text.cjs"),i=require("../../components/Text/types.cjs"),u=_.forwardRef(({prehead:n,date:r,headerText:d,subHeadText:a,association:l,background:o,className:m,...t},x)=>{const{className:s,...h}=j.getCommonProps(t,"HeroBanner");return e.jsx("header",{...h,className:p.default(s,m),style:{"--background":o},ref:x,...t,children:e.jsxs("span",{className:`${s}__content-wrapper`,children:[n||r?e.jsxs("p",{className:`${s}__pre-head`,children:[n?e.jsx("span",{children:n}):null,r?e.jsx("span",{children:r}):null]}):null,e.jsx(c.default,{className:`${s}__header-text`,variant:i.TextVariants.displayMedium,children:d}),a?e.jsx(c.default,{className:`${s}__sub-head-text`,variant:i.TextVariants.headingMedium,children:a}):null,l?e.jsx("p",{className:`${s}__after-head`,children:l}):null]})})});u.displayName="HeroBanner";exports.default=u;

package/dist/patterns/HeroBanner/HeroBanner.js

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
 import { getCommonProps as _ } from "../../utils/index.js";
-import N from "../../_virtual/index.js";
-import { TextVariants as t } from "../../components/Text/types.js";
-import c from "../../components/Text/Text.js";
+import N from "../../_virtual/index2.js";
+import t from "../../components/Text/Text.js";
+import { TextVariants as c } from "../../components/Text/types.js";
 const x = u(
   ({ prehead: a, date: n, headerText: i, subHeadText: s, association: l, background: d, className: p, ...m }, h) => {
     const { className: e, ...f } = _(m, "HeroBanner");
@@ -20,8 +20,8 @@ const x = u(
             a ? /* @__PURE__ */ r("span", { children: a }) : null,
             n ? /* @__PURE__ */ r("span", { children: n }) : null
           ] }) : null,
-          /* @__PURE__ */ r(c, { className: `${e}__header-text`, variant: t.displayMedium, children: i }),
-          s ? /* @__PURE__ */ r(c, { className: `${e}__sub-head-text`, variant: t.headingMedium, children: s }) : null,
+          /* @__PURE__ */ r(t, { className: `${e}__header-text`, variant: c.displayMedium, children: i }),
+          s ? /* @__PURE__ */ r(t, { className: `${e}__sub-head-text`, variant: c.headingMedium, children: s }) : null,
           l ? /* @__PURE__ */ r("p", { className: `${e}__after-head`, children: l }) : null
         ] })
       }

package/dist/patterns/LanguageSelector/LanguageSelector.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),x=require("react"),m=require("../../utils/index.cjs"),L=require("../../_virtual/index.cjs"),u=require("../../types/commonTypes.cjs"),j=require("../../components/Dropdown/Dropdown.cjs"),y=require("../../components/Accordion/Accordion.cjs"),M=require("../../components/Accordion/AccordionItem.cjs"),T=require("../../components/Navigation/NavigationItem/NavigationItem.cjs"),N=require("../../components/Link/types.cjs");require("../../components/Link/Link.cjs");const k=require("../../components/Text/types.cjs"),R=require("../../components/Text/Text.cjs"),$=require("../../components/Navigation/NavigationList/NavigationList.cjs"),p=require("../../providers/SeldonProvider/utils.cjs"),C=require("./utils.cjs"),q=require("../../utils/constants.cjs"),S=x.forwardRef(({id:r,value:t,onValueChange:n,label:l,options:s,...o},i)=>e.jsx(y.default,{...o,ref:i,children:e.jsx(M.default,{hasTransition:!0,id:r??"language-selector-accordion",label:e.jsx(R.default,{variant:k.TextVariants.linkStylised,children:l}),children:e.jsx($.default,{id:`${r}-navlist`,children:s.map(a=>e.jsx(T.default,{label:a.label,onClick:()=>n(a.value),navType:N.LinkVariants.linkLarge},a.value))})})}));S.displayName="MobileLanguageSelector";const h=x.forwardRef(({className:r,currentLanguage:t=u.SupportedLanguages.en,languageOptions:n=[{label:"English",value:u.SupportedLanguages.en},{label:"中文",value:u.SupportedLanguages.zh}],onLanguageChange:l=m.noOp,id:s,isHidden:o,disabled:i=!1,...a},c)=>{const{className:d,...v}=m.getCommonProps({id:s},"LanguageSelector"),b=C.getLanguageLabel({languageOptions:n,currentLanguage:t}),g={...v,...a,id:s,className:L.default(d,r,{[`${d}--hidden`]:o}),options:n,value:t,onValueChange:f=>l(f),label:b};return e.jsxs(e.Fragment,{children:[e.jsx(p.SSRMediaQuery.Media,{greaterThanOrEqual:q.Breakpoints.md,children:e.jsx(j.default,{...g,disabled:i,ref:c})}),e.jsx(p.SSRMediaQuery.Media,{lessThan:q.Breakpoints.md,children:e.jsx(S,{...g,ref:c})})]})});h.displayName="LanguageSelector";exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),x=require("react"),m=require("../../utils/index.cjs"),L=require("../../_virtual/index2.cjs"),u=require("../../types/commonTypes.cjs"),j=require("../../components/Navigation/NavigationItem/NavigationItem.cjs"),y=require("../../components/Navigation/NavigationList/NavigationList.cjs"),p=require("../../providers/SeldonProvider/utils.cjs"),M=require("./utils.cjs"),q=require("../../utils/constants.cjs"),T=require("../../components/Dropdown/Dropdown.cjs"),N=require("../../components/Accordion/Accordion.cjs"),k=require("../../components/Accordion/AccordionItem.cjs"),R=require("../../components/Link/types.cjs"),$=require("../../components/Text/Text.cjs"),C=require("../../components/Text/types.cjs"),S=x.forwardRef(({id:r,value:t,onValueChange:n,label:l,options:s,...o},i)=>e.jsx(N.default,{...o,ref:i,children:e.jsx(k.default,{hasTransition:!0,id:r??"language-selector-accordion",label:e.jsx($.default,{variant:C.TextVariants.linkStylised,children:l}),children:e.jsx(y.default,{id:`${r}-navlist`,children:s.map(a=>e.jsx(j.default,{label:a.label,onClick:()=>n(a.value),navType:R.LinkVariants.linkLarge},a.value))})})}));S.displayName="MobileLanguageSelector";const h=x.forwardRef(({className:r,currentLanguage:t=u.SupportedLanguages.en,languageOptions:n=[{label:"English",value:u.SupportedLanguages.en},{label:"中文",value:u.SupportedLanguages.zh}],onLanguageChange:l=m.noOp,id:s,isHidden:o,disabled:i=!1,...a},c)=>{const{className:d,...v}=m.getCommonProps({id:s},"LanguageSelector"),b=M.getLanguageLabel({languageOptions:n,currentLanguage:t}),g={...v,...a,id:s,className:L.default(d,r,{[`${d}--hidden`]:o}),options:n,value:t,onValueChange:f=>l(f),label:b};return e.jsxs(e.Fragment,{children:[e.jsx(p.SSRMediaQuery.Media,{greaterThanOrEqual:q.Breakpoints.md,children:e.jsx(T.default,{...g,disabled:i,ref:c})}),e.jsx(p.SSRMediaQuery.Media,{lessThan:q.Breakpoints.md,children:e.jsx(S,{...g,ref:c})})]})});h.displayName="LanguageSelector";exports.default=h;

package/dist/patterns/LanguageSelector/LanguageSelector.js

@@ -1,41 +1,40 @@
-import { jsx as e, jsxs as S, Fragment as N } from "react/jsx-runtime";
+import { jsxs as S, Fragment as N, jsx as e } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import { getCommonProps as T, noOp as k } from "../../utils/index.js";
-import x from "../../_virtual/index.js";
+import x from "../../_virtual/index2.js";
 import { SupportedLanguages as s } from "../../types/commonTypes.js";
-import y from "../../components/Dropdown/Dropdown.js";
-import C from "../../components/Accordion/Accordion.js";
-import M from "../../components/Accordion/AccordionItem.js";
-import P from "../../components/Navigation/NavigationItem/NavigationItem.js";
-import { LinkVariants as V } from "../../components/Link/types.js";
-import "../../components/Link/Link.js";
-import { TextVariants as j } from "../../components/Text/types.js";
-import w from "../../components/Text/Text.js";
-import A from "../../components/Navigation/NavigationList/NavigationList.js";
+import y from "../../components/Navigation/NavigationItem/NavigationItem.js";
+import C from "../../components/Navigation/NavigationList/NavigationList.js";
 import { SSRMediaQuery as g } from "../../providers/SeldonProvider/utils.js";
-import { getLanguageLabel as E } from "./utils.js";
+import { getLanguageLabel as M } from "./utils.js";
 import { Breakpoints as u } from "../../utils/constants.js";
+import P from "../../components/Dropdown/Dropdown.js";
+import V from "../../components/Accordion/Accordion.js";
+import j from "../../components/Accordion/AccordionItem.js";
+import { LinkVariants as w } from "../../components/Link/types.js";
+import A from "../../components/Text/Text.js";
+import { TextVariants as E } from "../../components/Text/types.js";
 const h = f(
   ({
     id: o,
-    value: i,
+    value: n,
     // can't be passed to the accordion
     onValueChange: r,
-    label: n,
+    label: i,
     options: l,
     ...t
-  }, m) => /* @__PURE__ */ e(C, { ...t, ref: m, children: /* @__PURE__ */ e(
-    M,
+  }, m) => /* @__PURE__ */ e(V, { ...t, ref: m, children: /* @__PURE__ */ e(
+    j,
     {
       hasTransition: !0,
       id: o ?? "language-selector-accordion",
-      label: /* @__PURE__ */ e(w, { variant: j.linkStylised, children: n }),
-      children: /* @__PURE__ */ e(A, { id: `${o}-navlist`, children: l.map((a) => /* @__PURE__ */ e(
-        P,
+      label: /* @__PURE__ */ e(A, { variant: E.linkStylised, children: i }),
+      children: /* @__PURE__ */ e(C, { id: `${o}-navlist`, children: l.map((a) => /* @__PURE__ */ e(
+        y,
         {
           label: a.label,
           onClick: () => r(a.value),
-          navType: V.linkLarge
+          navType: w.linkLarge
         },
         a.value
       )) })
@@ -46,18 +45,18 @@ h.displayName = "MobileLanguageSelector";
 const I = f(
   ({
     className: o,
-    currentLanguage: i = s.en,
+    currentLanguage: n = s.en,
     languageOptions: r = [
       { label: "English", value: s.en },
       { label: "中文", value: s.zh }
     ],
-    onLanguageChange: n = k,
+    onLanguageChange: i = k,
     id: l,
     isHidden: t,
     disabled: m = !1,
     ...a
   }, c) => {
-    const { className: p, ...v } = T({ id: l }, "LanguageSelector"), b = E({ languageOptions: r, currentLanguage: i }), d = {
+    const { className: p, ...v } = T({ id: l }, "LanguageSelector"), b = M({ languageOptions: r, currentLanguage: n }), d = {
       ...v,
       ...a,
       id: l,
@@ -65,12 +64,12 @@ const I = f(
         [`${p}--hidden`]: t
       }),
       options: r,
-      value: i,
-      onValueChange: (L) => n(L),
+      value: n,
+      onValueChange: (L) => i(L),
       label: b
     };
     return /* @__PURE__ */ S(N, { children: [
-      /* @__PURE__ */ e(g.Media, { greaterThanOrEqual: u.md, children: /* @__PURE__ */ e(y, { ...d, disabled: m, ref: c }) }),
+      /* @__PURE__ */ e(g.Media, { greaterThanOrEqual: u.md, children: /* @__PURE__ */ e(P, { ...d, disabled: m, ref: c }) }),
       /* @__PURE__ */ e(g.Media, { lessThan: u.md, children: /* @__PURE__ */ e(h, { ...d, ref: c }) })
     ] });
   }