@mittwald/flow-react-components 1.4.0-next.1 → 1.4.0-next.11

package/dist/js/packages/components/src/components/Label/Label.mjs

@@ -15,6 +15,8 @@ import * as Aria from "react-aria-components";
 /** @flr-generate all */
 var Label = flowComponent("Label", (props) => {
 	const { children, className, optional, isDisabled, ref, unstyled = false, ...rest } = props;
+	const [labelProps, labelRef] = Aria.useContextProps(rest, ref, Aria.LabelContext);
+	const { id, ...rootProps } = labelProps;
 	const stringFormatter = useLocalizedStringFormatter(__locale_default, "Label");
 	const rootClassName = unstyled ? className : clsx(Label_module_default.label, isDisabled && Label_module_default.disabled, className);
 	const optionalMarker = /* @__PURE__ */ jsx("span", {
@@ -42,31 +44,37 @@ var Label = flowComponent("Label", (props) => {
 	};
 	return /* @__PURE__ */ jsx(PropsContextProvider, {
 		props: propsContext,
-		children: /* @__PURE__ */ jsxs(Aria.Label, {
-			...rest,
-			className: rootClassName,
-			ref,
-			children: [
-				children,
-				optional && optionalMarker,
-				/* @__PURE__ */ jsx(UiComponentTunnelExit, {
-					id: "contextualHelp",
-					component: "Label",
-					children: (children) => {
-						if (React.Children.count(children) >= 1) return children;
-					}
-				}),
-				/* @__PURE__ */ jsx(UiComponentTunnelExit, {
-					id: "right",
-					component: "Label",
-					children: (children) => {
-						if (React.Children.count(children) >= 1) return /* @__PURE__ */ jsx("div", {
-							className: Label_module_default.right,
-							children
-						});
-					}
-				})
-			]
+		children: /* @__PURE__ */ jsx(Aria.LabelContext.Provider, {
+			value: null,
+			children: /* @__PURE__ */ jsxs(Aria.Label, {
+				...rootProps,
+				className: rootClassName,
+				ref: labelRef,
+				children: [
+					/* @__PURE__ */ jsxs("span", {
+						id,
+						className: Label_module_default.text,
+						children: [children, optional && optionalMarker]
+					}),
+					/* @__PURE__ */ jsx(UiComponentTunnelExit, {
+						id: "contextualHelp",
+						component: "Label",
+						children: (children) => {
+							if (React.Children.count(children) >= 1) return children;
+						}
+					}),
+					/* @__PURE__ */ jsx(UiComponentTunnelExit, {
+						id: "right",
+						component: "Label",
+						children: (children) => {
+							if (React.Children.count(children) >= 1) return /* @__PURE__ */ jsx("div", {
+								className: Label_module_default.right,
+								children
+							});
+						}
+					})
+				]
+			})
 		})
 	});
 });

package/dist/js/packages/components/src/components/Label/Label.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Label.mjs","names":[],"sources":["../../../../../../../src/components/Label/Label.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Label.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport {\n  overlayTriggersTunneledTo,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"./locales/*.locale.json\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport interface LabelProps\n  extends\n    PropsWithChildren<Omit<Aria.LabelProps, \"children\">>,\n    FlowComponentProps<HTMLLabelElement> {\n  /** Whether the label should show an \"optional\" indicator. */\n  optional?: boolean;\n  /** Whether the label should be displayed as disabled. */\n  isDisabled?: boolean;\n  /** @internal */\n  unstyled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Label = flowComponent(\"Label\", (props) => {\n  const {\n    children,\n    className,\n    optional,\n    isDisabled,\n    ref,\n    unstyled = false,\n    ...rest\n  } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"Label\");\n\n  const rootClassName = unstyled\n    ? className\n    : clsx(styles.label, isDisabled && styles.disabled, className);\n\n  const optionalMarker = (\n    <span className={styles.optional}>\n      {stringFormatter.format(\"optional\")}\n    </span>\n  );\n\n  const rightTunnel = {\n    id: \"right\",\n    component: \"Label\",\n  } as const;\n\n  const propsContext: PropsContext = {\n    ...overlayTriggersTunneledTo(rightTunnel),\n    // The contextual help sits next to the label text, not with the actions.\n    ContextualHelpTrigger: {\n      tunnel: {\n        id: \"contextualHelp\",\n        component: \"Label\",\n      },\n    },\n    Button: {\n      tunnel: rightTunnel,\n      size: \"s\",\n    },\n    Action: {\n      tunnel: rightTunnel,\n      Button: {\n        tunnel: null,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <Aria.Label {...rest} className={rootClassName} ref={ref}>\n        {children}\n        {optional && optionalMarker}\n        <UiComponentTunnelExit id=\"contextualHelp\" component=\"Label\">\n          {(children) => {\n            if (React.Children.count(children) >= 1) {\n              return children;\n            }\n\n            return undefined;\n          }}\n        </UiComponentTunnelExit>\n        <UiComponentTunnelExit id=\"right\" component=\"Label\">\n          {(children) => {\n            if (React.Children.count(children) >= 1) {\n              return <div className={styles.right}>{children}</div>;\n            }\n\n            return undefined;\n          }}\n        </UiComponentTunnelExit>\n      </Aria.Label>\n    </PropsContextProvider>\n  );\n});\n\nexport default Label;\n"],"mappings":";;;;;;;;;;;;;;;AA6BA,IAAa,QAAQ,cAAc,UAAU,UAAU;CACrD,MAAM,EACJ,UACA,WACA,UACA,YACA,KACA,WAAW,OACX,GAAG,SACD;CAEJ,MAAM,kBAAkB,4BAA4B,kBAAS,OAAO;CAEpE,MAAM,gBAAgB,WAClB,YACA,KAAK,qBAAO,OAAO,cAAc,qBAAO,UAAU,SAAS;CAE/D,MAAM,iBACJ,oBAAC,QAAD;EAAM,WAAW,qBAAO;EACrB,UAAA,gBAAgB,OAAO,UAAU;CAC9B,CAAA;CAGR,MAAM,cAAc;EAClB,IAAI;EACJ,WAAW;CACb;CAEA,MAAM,eAA6B;EACjC,GAAG,0BAA0B,WAAW;EAExC,uBAAuB,EACrB,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;EACA,QAAQ;GACN,QAAQ;GACR,MAAM;EACR;EACA,QAAQ;GACN,QAAQ;GACR,QAAQ,EACN,QAAQ,KACV;EACF;CACF;CAEA,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC3B,UAAA,qBAAC,KAAK,OAAN;GAAY,GAAI;GAAM,WAAW;GAAoB;GAArD,UAAA;IACG;IACA,YAAY;IACb,oBAAC,uBAAD;KAAuB,IAAG;KAAiB,WAAU;KACjD,WAAA,aAAa;MACb,IAAI,MAAM,SAAS,MAAM,QAAQ,KAAK,GACpC,OAAO;KAIX;IACqB,CAAA;IACvB,oBAAC,uBAAD;KAAuB,IAAG;KAAQ,WAAU;KACxC,WAAA,aAAa;MACb,IAAI,MAAM,SAAS,MAAM,QAAQ,KAAK,GACpC,OAAO,oBAAC,OAAD;OAAK,WAAW,qBAAO;OAAQ;MAAc,CAAA;KAIxD;IACqB,CAAA;GACb;;CACQ,CAAA;AAE1B,CAAC"}
+{"version":3,"file":"Label.mjs","names":[],"sources":["../../../../../../../src/components/Label/Label.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Label.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport {\n  overlayTriggersTunneledTo,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"./locales/*.locale.json\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport interface LabelProps\n  extends\n    PropsWithChildren<Omit<Aria.LabelProps, \"children\">>,\n    FlowComponentProps<HTMLLabelElement> {\n  /** Whether the label should show an \"optional\" indicator. */\n  optional?: boolean;\n  /** Whether the label should be displayed as disabled. */\n  isDisabled?: boolean;\n  /** @internal */\n  unstyled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Label = flowComponent(\"Label\", (props) => {\n  const {\n    children,\n    className,\n    optional,\n    isDisabled,\n    ref,\n    unstyled = false,\n    ...rest\n  } = props;\n\n  const [labelProps, labelRef] = Aria.useContextProps(\n    rest,\n    ref,\n    Aria.LabelContext,\n  );\n  const { id, ...rootProps } = labelProps;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"Label\");\n\n  const rootClassName = unstyled\n    ? className\n    : clsx(styles.label, isDisabled && styles.disabled, className);\n\n  const optionalMarker = (\n    <span className={styles.optional}>\n      {stringFormatter.format(\"optional\")}\n    </span>\n  );\n\n  const rightTunnel = {\n    id: \"right\",\n    component: \"Label\",\n  } as const;\n\n  const propsContext: PropsContext = {\n    ...overlayTriggersTunneledTo(rightTunnel),\n    // The contextual help sits next to the label text, not with the actions.\n    ContextualHelpTrigger: {\n      tunnel: {\n        id: \"contextualHelp\",\n        component: \"Label\",\n      },\n    },\n    Button: {\n      tunnel: rightTunnel,\n      size: \"s\",\n    },\n    Action: {\n      tunnel: rightTunnel,\n      Button: {\n        tunnel: null,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      {/* The context is already merged into `labelProps` above. */}\n      <Aria.LabelContext.Provider value={null}>\n        <Aria.Label {...rootProps} className={rootClassName} ref={labelRef}>\n          {/*\n           * Fields point `aria-labelledby` at the label's id, and the name\n           * computation takes every descendant's name, buttons included. The\n           * id sits on this span so the tunnelled buttons stay out of it.\n           */}\n          <span id={id} className={styles.text}>\n            {children}\n            {optional && optionalMarker}\n          </span>\n          <UiComponentTunnelExit id=\"contextualHelp\" component=\"Label\">\n            {(children) => {\n              if (React.Children.count(children) >= 1) {\n                return children;\n              }\n\n              return undefined;\n            }}\n          </UiComponentTunnelExit>\n          <UiComponentTunnelExit id=\"right\" component=\"Label\">\n            {(children) => {\n              if (React.Children.count(children) >= 1) {\n                return <div className={styles.right}>{children}</div>;\n              }\n\n              return undefined;\n            }}\n          </UiComponentTunnelExit>\n        </Aria.Label>\n      </Aria.LabelContext.Provider>\n    </PropsContextProvider>\n  );\n});\n\nexport default Label;\n"],"mappings":";;;;;;;;;;;;;;;AA6BA,IAAa,QAAQ,cAAc,UAAU,UAAU;CACrD,MAAM,EACJ,UACA,WACA,UACA,YACA,KACA,WAAW,OACX,GAAG,SACD;CAEJ,MAAM,CAAC,YAAY,YAAY,KAAK,gBAClC,MACA,KACA,KAAK,YACP;CACA,MAAM,EAAE,IAAI,GAAG,cAAc;CAE7B,MAAM,kBAAkB,4BAA4B,kBAAS,OAAO;CAEpE,MAAM,gBAAgB,WAClB,YACA,KAAK,qBAAO,OAAO,cAAc,qBAAO,UAAU,SAAS;CAE/D,MAAM,iBACJ,oBAAC,QAAD;EAAM,WAAW,qBAAO;EACrB,UAAA,gBAAgB,OAAO,UAAU;CAC9B,CAAA;CAGR,MAAM,cAAc;EAClB,IAAI;EACJ,WAAW;CACb;CAEA,MAAM,eAA6B;EACjC,GAAG,0BAA0B,WAAW;EAExC,uBAAuB,EACrB,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;EACA,QAAQ;GACN,QAAQ;GACR,MAAM;EACR;EACA,QAAQ;GACN,QAAQ;GACR,QAAQ,EACN,QAAQ,KACV;EACF;CACF;CAEA,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAE3B,UAAA,oBAAC,KAAK,aAAa,UAAnB;GAA4B,OAAO;GACjC,UAAA,qBAAC,KAAK,OAAN;IAAY,GAAI;IAAW,WAAW;IAAe,KAAK;IAA1D,UAAA;KAME,qBAAC,QAAD;MAAU;MAAI,WAAW,qBAAO;MAAhC,UAAA,CACG,UACA,YAAY,cACT;;KACN,oBAAC,uBAAD;MAAuB,IAAG;MAAiB,WAAU;MACjD,WAAA,aAAa;OACb,IAAI,MAAM,SAAS,MAAM,QAAQ,KAAK,GACpC,OAAO;MAIX;KACqB,CAAA;KACvB,oBAAC,uBAAD;MAAuB,IAAG;MAAQ,WAAU;MACxC,WAAA,aAAa;OACb,IAAI,MAAM,SAAS,MAAM,QAAQ,KAAK,GACpC,OAAO,oBAAC,OAAD;QAAK,WAAW,qBAAO;QAAQ;OAAc,CAAA;MAIxD;KACqB,CAAA;IACb;;EACc,CAAA;CACR,CAAA;AAE1B,CAAC"}

package/dist/js/packages/components/src/components/Label/Label.module.mjs

@@ -5,13 +5,15 @@ var label = "flow--label";
 var disabled = "flow--label--disabled";
 var optional = "flow--label--optional";
 var right = "flow--label--right";
+var text = "flow--label--text";
 var Label_module_default = {
 	label,
 	disabled,
 	optional,
-	right
+	right,
+	text
 };
 //#endregion
-export { Label_module_default as default, disabled, label, optional, right };
+export { Label_module_default as default, disabled, label, optional, right, text };
 
 //# sourceMappingURL=Label.module.mjs.map

package/dist/js/packages/components/src/components/Label/Label.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Label.module.mjs","names":[],"sources":["../../../../../../../src/components/Label/Label.module.scss"],"sourcesContent":[".label {\n  color: var(--label--color--default);\n  font-size: var(--label--font-size);\n  font-weight: var(--label--font-weight);\n  display: flex;\n  align-items: center;\n  column-gap: var(--label--spacing);\n  flex-wrap: wrap;\n\n  &.disabled {\n    color: var(--label--color--disabled);\n  }\n\n  & .optional {\n    order: 0;\n  }\n\n  & .right {\n    margin-inline-start: auto;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Label.module.mjs","names":[],"sources":["../../../../../../../src/components/Label/Label.module.scss"],"sourcesContent":[".label {\n  color: var(--label--color--default);\n  font-size: var(--label--font-size);\n  font-weight: var(--label--font-weight);\n  display: flex;\n  align-items: center;\n  column-gap: var(--label--spacing);\n  flex-wrap: wrap;\n\n  &.disabled {\n    color: var(--label--color--disabled);\n  }\n\n  & .optional {\n    order: 0;\n  }\n\n  & .right {\n    margin-inline-start: auto;\n  }\n}\n\n// Carries the id only; its content stays laid out by the label.\n.text {\n  display: contents;\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/LightBox/LightBox.mjs

@@ -7,7 +7,7 @@ import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExi
 import { useOverlayController } from "../../lib/controller/overlay/useOverlayController.mjs";
 import ButtonView from "../../views/ButtonView.mjs";
 import DivView from "../../views/DivView.mjs";
-import __locale_default from "../../../../../_virtual/_20.locale.mjs";
+import __locale_default from "../../../../../_virtual/_21.locale.mjs";
 import { Overlay } from "../Overlay/Overlay.mjs";
 import LightBox_module_default from "./LightBox.module.mjs";
 import clsx from "clsx";

package/dist/js/packages/components/src/components/LightBox/components/LightBoxGallery/Controls.mjs

@@ -2,7 +2,7 @@
 /* */
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import LightBoxGallery_module_default from "./LightBoxGallery.module.mjs";
-import __locale_default from "../../../../../../../_virtual/_20.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_21.locale.mjs";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/LightBox/components/LightBoxGallery/Controls.tsx

package/dist/js/packages/components/src/components/LightBox/components/LightBoxGallery/LightBoxGallery.mjs

@@ -5,7 +5,7 @@ import { IconChevronLeft } from "../../../Icon/components/icons/IconChevronLeft.
 import { IconChevronRight } from "../../../Icon/components/icons/IconChevronRight.mjs";
 import { Button } from "../../../Button/Button.mjs";
 import LightBoxGallery_module_default from "./LightBoxGallery.module.mjs";
-import __locale_default from "../../../../../../../_virtual/_20.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_21.locale.mjs";
 import { Controls } from "./Controls.mjs";
 import clsx from "clsx";
 import React, { useEffect, useRef, useState } from "react";

package/dist/js/packages/components/src/components/LightBox/components/LightBoxGalleryItem/LightBoxGalleryItem.mjs

@@ -7,7 +7,7 @@ import { Button } from "../../../Button/Button.mjs";
 import { UiComponentTunnelExit } from "../../../UiComponentTunnel/UiComponentTunnelExit.mjs";
 import { useOverlayController } from "../../../../lib/controller/overlay/useOverlayController.mjs";
 import LightBoxGallery_module_default from "../LightBoxGallery/LightBoxGallery.module.mjs";
-import __locale_default from "../../../../../../../_virtual/_20.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_21.locale.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useLocalizedStringFormatter } from "react-aria";
 //#region src/components/LightBox/components/LightBoxGalleryItem/LightBoxGalleryItem.tsx

package/dist/js/packages/components/src/components/Link/components/LinkIcon/LinkIcon.mjs

@@ -3,7 +3,7 @@
 import { IconDownload } from "../../../Icon/components/icons/IconDownload.mjs";
 import { IconExternalLink } from "../../../Icon/components/icons/IconExternalLink.mjs";
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../../../_virtual/_14.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_15.locale.mjs";
 import LinkIcon_module_default from "./LinkIcon.module.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Link/components/LinkIcon/LinkIcon.tsx

package/dist/js/packages/components/src/components/List/components/EmptySearchResultView/EmptySearchResultView.mjs

@@ -2,7 +2,7 @@
 /* */
 import { IconSearch } from "../../../Icon/components/icons/IconSearch.mjs";
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_17.locale.mjs";
 import IllustratedMessageView from "../../../../views/IllustratedMessageView.mjs";
 import HeadingView from "../../../../views/HeadingView.mjs";
 import TextView from "../../../../views/TextView.mjs";

package/dist/js/packages/components/src/components/List/components/EmptyView/EmptyView.mjs

@@ -2,7 +2,7 @@
 /* */
 import { IconUnorderedList } from "../../../Icon/components/icons/IconUnorderedList.mjs";
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_17.locale.mjs";
 import IllustratedMessageView from "../../../../views/IllustratedMessageView.mjs";
 import HeadingView from "../../../../views/HeadingView.mjs";
 import TextView from "../../../../views/TextView.mjs";

package/dist/js/packages/components/src/components/List/components/Footer/Footer.mjs

@@ -3,7 +3,7 @@
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import DivView from "../../../../views/DivView.mjs";
 import LoadingSpinnerView from "../../../../views/LoadingSpinnerView.mjs";
-import __locale_default from "../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_17.locale.mjs";
 import { useList } from "../../hooks/useList.mjs";
 import Footer_module_default from "./Footer.module.mjs";
 import { PaginationInfos } from "./components/PaginationInfos/PaginationInfos.mjs";

package/dist/js/packages/components/src/components/List/components/Footer/components/PaginationInfos/PaginationInfos.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import TextView from "../../../../../../views/TextView.mjs";
 import { useList } from "../../../../hooks/useList.mjs";
 import SkeletonView from "../../../../../../views/SkeletonView.mjs";

package/dist/js/packages/components/src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.mjs

@@ -2,7 +2,7 @@
 /* */
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import ButtonView from "../../../../../../views/ButtonView.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import { useList } from "../../../../hooks/useList.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.tsx

package/dist/js/packages/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs

@@ -6,7 +6,7 @@ import { IconUndo } from "../../../../../Icon/components/icons/IconUndo.mjs";
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import ButtonView from "../../../../../../views/ButtonView.mjs";
 import DivView from "../../../../../../views/DivView.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import TextView from "../../../../../../views/TextView.mjs";
 import { useList } from "../../../../hooks/useList.mjs";
 import ActiveFilters_module_default from "./ActiveFilters.module.mjs";

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.mjs

@@ -4,8 +4,8 @@ import { IconFilter } from "../../../../../Icon/components/icons/IconFilter.mjs"
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { useOverlayController } from "../../../../../../lib/controller/overlay/useOverlayController.mjs";
 import ButtonView from "../../../../../../views/ButtonView.mjs";
-import { SkeletonText } from "../../../../../SkeletonText/SkeletonText.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import SkeletonTextView from "../../../../../../views/SkeletonTextView.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import HeadingView from "../../../../../../views/HeadingView.mjs";
 import TextView from "../../../../../../views/TextView.mjs";
 import { useList } from "../../../../hooks/useList.mjs";
@@ -67,7 +67,7 @@ var AllFiltersModal = (props) => {
 					/* @__PURE__ */ jsx(ContentView, { children: /* @__PURE__ */ jsx(SectionView, { children: [...accordions] }) }),
 					/* @__PURE__ */ jsxs(ActionGroupView, { children: [/* @__PURE__ */ jsx(ButtonView, {
 						onPress: () => controller.close(),
-						children: /* @__PURE__ */ jsx(TextView, { children: isInitiallyLoading ? /* @__PURE__ */ jsx(SkeletonText, { width: "16ch" }) : stringFormatter.format("results.show", { totalItemCount }) })
+						children: /* @__PURE__ */ jsx(TextView, { children: isInitiallyLoading ? /* @__PURE__ */ jsx(SkeletonTextView, { width: "16ch" }) : stringFormatter.format("results.show", { totalItemCount }) })
 					}), /* @__PURE__ */ jsx(ButtonView, {
 						color: "secondary",
 						variant: "soft",

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AllFiltersModal.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { IconFilter } from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { useList } from \"@/components/List\";\nimport styles from \"@/components/List/components/Header/Header.module.scss\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport ContentView from \"@/views/ContentView\";\nimport SectionView from \"@/views/SectionView\";\nimport { FilterAccordion } from \"@/components/List/components/Header/components/AllFiltersModal/FilterAccordion\";\nimport { ViewModeAccordion } from \"@/components/List/components/Header/components/AllFiltersModal/ViewModeAccordion\";\nimport TextView from \"@/views/TextView\";\nimport { SortingAccordion } from \"@/components/List/components/Header/components/AllFiltersModal/SortingAccordion\";\nimport ActionGroupView from \"@/views/ActionGroupView\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport HeadingView from \"@/views/HeadingView\";\nimport clsx from \"clsx\";\nimport Modal, { ModalTrigger } from \"@/components/Modal\";\nimport { SkeletonText } from \"@/components/SkeletonText\";\nimport { useAvailableViewModes } from \"../../lib\";\n\ninterface Props {\n  isDisabled?: boolean;\n}\n\nexport const AllFiltersModal: FC<Props> = (props) => {\n  const { isDisabled } = props;\n  const list = useList();\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n  const totalItemCount =\n    list.batches.getTotalItemsCount() ?? list.items.entries.length;\n\n  const availableViewModes = useAvailableViewModes();\n\n  const accordionCount =\n    (availableViewModes.length > 1 ? 1 : 0) +\n    (list.sorting.length > 0 ? 1 : 0) +\n    list.filters.length;\n\n  const expandAccordions = accordionCount <= 2;\n\n  const filterAccordions = list.filters.map((f) => (\n    <FilterAccordion\n      filter={f}\n      key={f.name}\n      expandAccordions={expandAccordions}\n    />\n  ));\n\n  const accordions = [\n    availableViewModes.length > 1 && (\n      <ViewModeAccordion key=\"viewMode\" expandAccordions={expandAccordions} />\n    ),\n    list.sorting.length > 0 && (\n      <SortingAccordion key=\"sorting\" expandAccordions={expandAccordions} />\n    ),\n    ...filterAccordions,\n  ].filter(Boolean);\n\n  const hasSecondaryFilters = list.filters.some(\n    (f) => f.priority === \"secondary\",\n  );\n\n  const controller = useOverlayController(\"Modal\", {\n    reuseControllerFromContext: false,\n  });\n\n  if (accordions.length === 0) {\n    return null;\n  }\n\n  return (\n    <ModalTrigger controller={controller}>\n      <ButtonView\n        className={clsx(\n          styles.hideOnMobile,\n          hasSecondaryFilters ? undefined : styles.hideOnDesktop,\n        )}\n        variant=\"outline\"\n        color=\"secondary\"\n        isDisabled={isDisabled}\n      >\n        <TextView>{stringFormatter.format(\"filters.all\")}</TextView>\n        <IconFilter />\n      </ButtonView>\n\n      <ButtonView\n        className={styles.hideOnDesktop}\n        variant=\"outline\"\n        color=\"secondary\"\n        aria-label={stringFormatter.format(\"filters.all\")}\n      >\n        <IconFilter />\n      </ButtonView>\n\n      <Modal offCanvas controller={controller}>\n        <HeadingView>{stringFormatter.format(\"filters.all\")}</HeadingView>\n        <ContentView>\n          <SectionView>{...accordions}</SectionView>\n        </ContentView>\n\n        <ActionGroupView>\n          <ButtonView onPress={() => controller.close()}>\n            <TextView>\n              {isInitiallyLoading ? (\n                <SkeletonText width=\"16ch\" />\n              ) : (\n                stringFormatter.format(\"results.show\", {\n                  totalItemCount,\n                })\n              )}\n            </TextView>\n          </ButtonView>\n          <ButtonView\n            color=\"secondary\"\n            variant=\"soft\"\n            onPress={() => {\n              list.resetFilters();\n              controller.close();\n            }}\n          >\n            {stringFormatter.format(\"reset\")}\n          </ButtonView>\n        </ActionGroupView>\n      </Modal>\n    </ModalTrigger>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,IAAa,mBAA8B,UAAU;CACnD,MAAM,EAAE,eAAe;CACvB,MAAM,OAAO,QAAQ;CACrB,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,MAAM,qBAAqB,KAAK,OAAO,sBAAsB;CAC7D,MAAM,iBACJ,KAAK,QAAQ,mBAAmB,KAAK,KAAK,MAAM,QAAQ;CAE1D,MAAM,qBAAqB,sBAAsB;CAOjD,MAAM,oBAJH,mBAAmB,SAAS,IAAI,IAAI,MACpC,KAAK,QAAQ,SAAS,IAAI,IAAI,KAC/B,KAAK,QAAQ,UAE4B;CAE3C,MAAM,mBAAmB,KAAK,QAAQ,KAAK,MACzC,oBAAC,iBAAD;EACE,QAAQ;EAEU;CACnB,GAFM,EAAE,IAER,CACF;CAED,MAAM,aAAa;EACjB,mBAAmB,SAAS,KAC1B,oBAAC,mBAAD,EAAoD,iBAAmB,GAAhD,UAAgD;EAEzE,KAAK,QAAQ,SAAS,KACpB,oBAAC,kBAAD,EAAkD,iBAAmB,GAA/C,SAA+C;EAEvE,GAAG;CACL,CAAC,CAAC,OAAO,OAAO;CAEhB,MAAM,sBAAsB,KAAK,QAAQ,MACtC,MAAM,EAAE,aAAa,WACxB;CAEA,MAAM,aAAa,qBAAqB,SAAS,EAC/C,4BAA4B,MAC9B,CAAC;CAED,IAAI,WAAW,WAAW,GACxB,OAAO;CAGT,OACE,qBAAC,cAAD;EAA0B;EAA1B,UAAA;GACE,qBAAC,YAAD;IACE,WAAW,KACT,sBAAO,cACP,sBAAsB,KAAA,IAAY,sBAAO,aAC3C;IACA,SAAQ;IACR,OAAM;IACM;IAPd,UAAA,CASE,oBAAC,UAAD,EAAA,UAAW,gBAAgB,OAAO,aAAa,EAAY,CAAA,GAC3D,oBAAC,YAAD,CAAa,CAAA,CACH;;GAEZ,oBAAC,YAAD;IACE,WAAW,sBAAO;IAClB,SAAQ;IACR,OAAM;IACN,cAAY,gBAAgB,OAAO,aAAa;IAEhD,UAAA,oBAAC,YAAD,CAAa,CAAA;GACH,CAAA;GAEZ,qBAAC,OAAD;IAAO,WAAA;IAAsB;IAA7B,UAAA;KACE,oBAAC,aAAD,EAAA,UAAc,gBAAgB,OAAO,aAAa,EAAe,CAAA;KACjE,oBAAC,aAAD,EAAA,UACE,oBAAC,aAAD,EAAA,UAAA,CAAa,GAAI,UAAwB,EAAA,CAAA,EAC9B,CAAA;KAEb,qBAAC,iBAAD,EAAA,UAAA,CACE,oBAAC,YAAD;MAAY,eAAe,WAAW,MAAM;MAC1C,UAAA,oBAAC,UAAD,EAAA,UACG,qBACC,oBAAC,cAAD,EAAc,OAAM,OAAQ,CAAA,IAE5B,gBAAgB,OAAO,gBAAgB,EACrC,eACF,CAAC,EAEK,CAAA;KACA,CAAA,GACZ,oBAAC,YAAD;MACE,OAAM;MACN,SAAQ;MACR,eAAe;OACb,KAAK,aAAa;OAClB,WAAW,MAAM;MACnB;MAEC,UAAA,gBAAgB,OAAO,OAAO;KACrB,CAAA,CACG,EAAA,CAAA;IACZ;;EACK;;AAElB"}
+{"version":3,"file":"AllFiltersModal.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { IconFilter } from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { useList } from \"@/components/List\";\nimport styles from \"@/components/List/components/Header/Header.module.scss\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport ContentView from \"@/views/ContentView\";\nimport SectionView from \"@/views/SectionView\";\nimport { FilterAccordion } from \"@/components/List/components/Header/components/AllFiltersModal/FilterAccordion\";\nimport { ViewModeAccordion } from \"@/components/List/components/Header/components/AllFiltersModal/ViewModeAccordion\";\nimport TextView from \"@/views/TextView\";\nimport { SortingAccordion } from \"@/components/List/components/Header/components/AllFiltersModal/SortingAccordion\";\nimport ActionGroupView from \"@/views/ActionGroupView\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport HeadingView from \"@/views/HeadingView\";\nimport clsx from \"clsx\";\nimport Modal, { ModalTrigger } from \"@/components/Modal\";\nimport SkeletonTextView from \"@/views/SkeletonTextView\";\nimport { useAvailableViewModes } from \"../../lib\";\n\ninterface Props {\n  isDisabled?: boolean;\n}\n\nexport const AllFiltersModal: FC<Props> = (props) => {\n  const { isDisabled } = props;\n  const list = useList();\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n  const totalItemCount =\n    list.batches.getTotalItemsCount() ?? list.items.entries.length;\n\n  const availableViewModes = useAvailableViewModes();\n\n  const accordionCount =\n    (availableViewModes.length > 1 ? 1 : 0) +\n    (list.sorting.length > 0 ? 1 : 0) +\n    list.filters.length;\n\n  const expandAccordions = accordionCount <= 2;\n\n  const filterAccordions = list.filters.map((f) => (\n    <FilterAccordion\n      filter={f}\n      key={f.name}\n      expandAccordions={expandAccordions}\n    />\n  ));\n\n  const accordions = [\n    availableViewModes.length > 1 && (\n      <ViewModeAccordion key=\"viewMode\" expandAccordions={expandAccordions} />\n    ),\n    list.sorting.length > 0 && (\n      <SortingAccordion key=\"sorting\" expandAccordions={expandAccordions} />\n    ),\n    ...filterAccordions,\n  ].filter(Boolean);\n\n  const hasSecondaryFilters = list.filters.some(\n    (f) => f.priority === \"secondary\",\n  );\n\n  const controller = useOverlayController(\"Modal\", {\n    reuseControllerFromContext: false,\n  });\n\n  if (accordions.length === 0) {\n    return null;\n  }\n\n  return (\n    <ModalTrigger controller={controller}>\n      <ButtonView\n        className={clsx(\n          styles.hideOnMobile,\n          hasSecondaryFilters ? undefined : styles.hideOnDesktop,\n        )}\n        variant=\"outline\"\n        color=\"secondary\"\n        isDisabled={isDisabled}\n      >\n        <TextView>{stringFormatter.format(\"filters.all\")}</TextView>\n        <IconFilter />\n      </ButtonView>\n\n      <ButtonView\n        className={styles.hideOnDesktop}\n        variant=\"outline\"\n        color=\"secondary\"\n        aria-label={stringFormatter.format(\"filters.all\")}\n      >\n        <IconFilter />\n      </ButtonView>\n\n      <Modal offCanvas controller={controller}>\n        <HeadingView>{stringFormatter.format(\"filters.all\")}</HeadingView>\n        <ContentView>\n          <SectionView>{...accordions}</SectionView>\n        </ContentView>\n\n        <ActionGroupView>\n          <ButtonView onPress={() => controller.close()}>\n            <TextView>\n              {isInitiallyLoading ? (\n                <SkeletonTextView width=\"16ch\" />\n              ) : (\n                stringFormatter.format(\"results.show\", {\n                  totalItemCount,\n                })\n              )}\n            </TextView>\n          </ButtonView>\n          <ButtonView\n            color=\"secondary\"\n            variant=\"soft\"\n            onPress={() => {\n              list.resetFilters();\n              controller.close();\n            }}\n          >\n            {stringFormatter.format(\"reset\")}\n          </ButtonView>\n        </ActionGroupView>\n      </Modal>\n    </ModalTrigger>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,IAAa,mBAA8B,UAAU;CACnD,MAAM,EAAE,eAAe;CACvB,MAAM,OAAO,QAAQ;CACrB,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,MAAM,qBAAqB,KAAK,OAAO,sBAAsB;CAC7D,MAAM,iBACJ,KAAK,QAAQ,mBAAmB,KAAK,KAAK,MAAM,QAAQ;CAE1D,MAAM,qBAAqB,sBAAsB;CAOjD,MAAM,oBAJH,mBAAmB,SAAS,IAAI,IAAI,MACpC,KAAK,QAAQ,SAAS,IAAI,IAAI,KAC/B,KAAK,QAAQ,UAE4B;CAE3C,MAAM,mBAAmB,KAAK,QAAQ,KAAK,MACzC,oBAAC,iBAAD;EACE,QAAQ;EAEU;CACnB,GAFM,EAAE,IAER,CACF;CAED,MAAM,aAAa;EACjB,mBAAmB,SAAS,KAC1B,oBAAC,mBAAD,EAAoD,iBAAmB,GAAhD,UAAgD;EAEzE,KAAK,QAAQ,SAAS,KACpB,oBAAC,kBAAD,EAAkD,iBAAmB,GAA/C,SAA+C;EAEvE,GAAG;CACL,CAAC,CAAC,OAAO,OAAO;CAEhB,MAAM,sBAAsB,KAAK,QAAQ,MACtC,MAAM,EAAE,aAAa,WACxB;CAEA,MAAM,aAAa,qBAAqB,SAAS,EAC/C,4BAA4B,MAC9B,CAAC;CAED,IAAI,WAAW,WAAW,GACxB,OAAO;CAGT,OACE,qBAAC,cAAD;EAA0B;EAA1B,UAAA;GACE,qBAAC,YAAD;IACE,WAAW,KACT,sBAAO,cACP,sBAAsB,KAAA,IAAY,sBAAO,aAC3C;IACA,SAAQ;IACR,OAAM;IACM;IAPd,UAAA,CASE,oBAAC,UAAD,EAAA,UAAW,gBAAgB,OAAO,aAAa,EAAY,CAAA,GAC3D,oBAAC,YAAD,CAAa,CAAA,CACH;;GAEZ,oBAAC,YAAD;IACE,WAAW,sBAAO;IAClB,SAAQ;IACR,OAAM;IACN,cAAY,gBAAgB,OAAO,aAAa;IAEhD,UAAA,oBAAC,YAAD,CAAa,CAAA;GACH,CAAA;GAEZ,qBAAC,OAAD;IAAO,WAAA;IAAsB;IAA7B,UAAA;KACE,oBAAC,aAAD,EAAA,UAAc,gBAAgB,OAAO,aAAa,EAAe,CAAA;KACjE,oBAAC,aAAD,EAAA,UACE,oBAAC,aAAD,EAAA,UAAA,CAAa,GAAI,UAAwB,EAAA,CAAA,EAC9B,CAAA;KAEb,qBAAC,iBAAD,EAAA,UAAA,CACE,oBAAC,YAAD;MAAY,eAAe,WAAW,MAAM;MAC1C,UAAA,oBAAC,UAAD,EAAA,UACG,qBACC,oBAAC,kBAAD,EAAkB,OAAM,OAAQ,CAAA,IAEhC,gBAAgB,OAAO,gBAAgB,EACrC,eACF,CAAC,EAEK,CAAA;KACA,CAAA,GACZ,oBAAC,YAAD;MACE,OAAM;MACN,SAAQ;MACR,eAAe;OACb,KAAK,aAAa;OAClB,WAAW,MAAM;MACnB;MAEC,UAAA,gBAAgB,OAAO,OAAO;KACrB,CAAA,CACG,EAAA,CAAA;IACZ;;EACK;;AAElB"}

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.mjs

@@ -1,15 +1,27 @@
 "use client"
 /* */
+import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import CheckboxGroupView from "../../../../../../views/CheckboxGroupView.mjs";
 import CheckboxView from "../../../../../../views/CheckboxView.mjs";
+import FilterAccordionCheckboxGroup_module_default from "./FilterAccordionCheckboxGroup.module.mjs";
 import "react";
-import { jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.tsx
 var FilterAccordionCheckboxGroup = (props) => {
 	const { filter } = props;
+	const formatter = useLocalizedStringFormatter(__locale_default, "List");
 	const activeKeys = filter.values.filter((v) => v.isActive).map((v) => v.id);
 	const name = filter.name ?? filter.property;
-	return /* @__PURE__ */ jsx(CheckboxGroupView, {
+	const isEveryValueActive = filter.isEveryValueActive();
+	const selectAllCheckbox = filter.isSelectAllAvailable && /* @__PURE__ */ jsx(CheckboxView, {
+		className: FilterAccordionCheckboxGroup_module_default.selectAllCheckbox,
+		isSelected: isEveryValueActive,
+		isIndeterminate: filter.isActive() && !isEveryValueActive,
+		onChange: () => isEveryValueActive ? filter.deselectAll() : filter.selectAll(),
+		children: formatter.format(isEveryValueActive ? "filters.deselectAll" : "filters.selectAll")
+	});
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [selectAllCheckbox, /* @__PURE__ */ jsx(CheckboxGroupView, {
 		value: activeKeys,
 		m: [1, 1],
 		"aria-label": name,
@@ -18,7 +30,7 @@ var FilterAccordionCheckboxGroup = (props) => {
 			onPress: () => v.toggle(),
 			children: v.render()
 		}, v.id))
-	});
+	})] });
 };
 //#endregion
 export { FilterAccordionCheckboxGroup };

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterAccordionCheckboxGroup.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport CheckboxGroupView from \"@/views/CheckboxGroupView\";\nimport CheckboxView from \"@/views/CheckboxView\";\nimport type { Filter } from \"@/components/List/model/filter/Filter\";\n\ninterface Props {\n  filter: Filter;\n}\n\nexport const FilterAccordionCheckboxGroup: FC<Props> = (props) => {\n  const { filter } = props;\n\n  const activeKeys = filter.values.filter((v) => v.isActive).map((v) => v.id);\n\n  const name = filter.name ?? filter.property;\n\n  return (\n    <CheckboxGroupView value={activeKeys} m={[1, 1]} aria-label={name}>\n      {filter.values.map((v) => (\n        <CheckboxView key={v.id} value={v.id} onPress={() => v.toggle()}>\n          {v.render()}\n        </CheckboxView>\n      ))}\n    </CheckboxGroupView>\n  );\n};\n"],"mappings":";;;;;;;AASA,IAAa,gCAA2C,UAAU;CAChE,MAAM,EAAE,WAAW;CAEnB,MAAM,aAAa,OAAO,OAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,MAAM,EAAE,EAAE;CAE1E,MAAM,OAAO,OAAO,QAAQ,OAAO;CAEnC,OACE,oBAAC,mBAAD;EAAmB,OAAO;EAAY,GAAG,CAAC,GAAG,CAAC;EAAG,cAAY;EAC1D,UAAA,OAAO,OAAO,KAAK,MAClB,oBAAC,cAAD;GAAyB,OAAO,EAAE;GAAI,eAAe,EAAE,OAAO;GAC3D,UAAA,EAAE,OAAO;EACE,GAFK,EAAE,EAEP,CACf;CACgB,CAAA;AAEvB"}
+{"version":3,"file":"FilterAccordionCheckboxGroup.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport CheckboxGroupView from \"@/views/CheckboxGroupView\";\nimport CheckboxView from \"@/views/CheckboxView\";\nimport type { Filter } from \"@/components/List/model/filter/Filter\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport styles from \"./FilterAccordionCheckboxGroup.module.scss\";\n\ninterface Props {\n  filter: Filter;\n}\n\nexport const FilterAccordionCheckboxGroup: FC<Props> = (props) => {\n  const { filter } = props;\n  const formatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const activeKeys = filter.values.filter((v) => v.isActive).map((v) => v.id);\n\n  const name = filter.name ?? filter.property;\n\n  const isEveryValueActive = filter.isEveryValueActive();\n\n  const selectAllCheckbox = filter.isSelectAllAvailable && (\n    <CheckboxView\n      className={styles.selectAllCheckbox}\n      isSelected={isEveryValueActive}\n      isIndeterminate={filter.isActive() && !isEveryValueActive}\n      onChange={() =>\n        isEveryValueActive ? filter.deselectAll() : filter.selectAll()\n      }\n    >\n      {formatter.format(\n        isEveryValueActive ? \"filters.deselectAll\" : \"filters.selectAll\",\n      )}\n    </CheckboxView>\n  );\n\n  return (\n    <>\n      {selectAllCheckbox}\n      <CheckboxGroupView value={activeKeys} m={[1, 1]} aria-label={name}>\n        {filter.values.map((v) => (\n          <CheckboxView key={v.id} value={v.id} onPress={() => v.toggle()}>\n            {v.render()}\n          </CheckboxView>\n        ))}\n      </CheckboxGroupView>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;AAYA,IAAa,gCAA2C,UAAU;CAChE,MAAM,EAAE,WAAW;CACnB,MAAM,YAAY,4BAA4B,kBAAS,MAAM;CAE7D,MAAM,aAAa,OAAO,OAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,MAAM,EAAE,EAAE;CAE1E,MAAM,OAAO,OAAO,QAAQ,OAAO;CAEnC,MAAM,qBAAqB,OAAO,mBAAmB;CAErD,MAAM,oBAAoB,OAAO,wBAC/B,oBAAC,cAAD;EACE,WAAW,4CAAO;EAClB,YAAY;EACZ,iBAAiB,OAAO,SAAS,KAAK,CAAC;EACvC,gBACE,qBAAqB,OAAO,YAAY,IAAI,OAAO,UAAU;EAG9D,UAAA,UAAU,OACT,qBAAqB,wBAAwB,mBAC/C;CACY,CAAA;CAGhB,OACE,qBAAA,YAAA,EAAA,UAAA,CACG,mBACD,oBAAC,mBAAD;EAAmB,OAAO;EAAY,GAAG,CAAC,GAAG,CAAC;EAAG,cAAY;EAC1D,UAAA,OAAO,OAAO,KAAK,MAClB,oBAAC,cAAD;GAAyB,OAAO,EAAE;GAAI,eAAe,EAAE,OAAO;GAC3D,UAAA,EAAE,OAAO;EACE,GAFK,EAAE,EAEP,CACf;CACgB,CAAA,CACnB,EAAA,CAAA;AAEN"}

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.module.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+//#region src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.module.scss
+var selectAllCheckbox = "flow--list--header--all-filters-modal--select-all-checkbox";
+var FilterAccordionCheckboxGroup_module_default = { selectAllCheckbox };
+//#endregion
+export { FilterAccordionCheckboxGroup_module_default as default, selectAllCheckbox };
+
+//# sourceMappingURL=FilterAccordionCheckboxGroup.module.mjs.map

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterAccordionCheckboxGroup.module.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.module.scss"],"sourcesContent":["$select-all-spacing: var(--menu--select-all-to-item-spacing);\n\n/* Outside the checkbox grid, so it adds the grid's row gap itself */\n.selectAllCheckbox {\n  margin-block-end: calc(var(--column-layout--gap--s) + #{$select-all-spacing});\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionDateRange.mjs

@@ -2,9 +2,9 @@
 /* */
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import ButtonView from "../../../../../../views/ButtonView.mjs";
-import { Flex } from "../../../../../Flex/Flex.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import RangeCalendarView from "../../../../../../views/RangeCalendarView.mjs";
+import FlexView from "../../../../../../views/FlexView.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/List/components/Header/components/AllFiltersModal/FilterAccordionDateRange.tsx
@@ -12,7 +12,7 @@ var FilterAccordionDateRange = (props) => {
 	const { filter } = props;
 	const currentValue = filter.getValue();
 	const stringFormatter = useLocalizedStringFormatter(__locale_default, "List");
-	return /* @__PURE__ */ jsxs(Flex, {
+	return /* @__PURE__ */ jsxs(FlexView, {
 		direction: "column",
 		gap: "m",
 		children: [/* @__PURE__ */ jsx(RangeCalendarView, {

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionDateRange.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterAccordionDateRange.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordionDateRange.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { Flex } from \"@/components/Flex\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport RangeCalendarView from \"@/views/RangeCalendarView\";\nimport type { AnyDateRangeFilter } from \"@/components/List/model/filter/types\";\n\ninterface Props {\n  filter: AnyDateRangeFilter;\n}\n\nexport const FilterAccordionDateRange: FC<Props> = (props) => {\n  const { filter } = props;\n\n  const currentValue = filter.getValue();\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <Flex direction=\"column\" gap=\"m\">\n      <RangeCalendarView\n        {...filter.dateRangeOptions}\n        value={currentValue}\n        onChange={(range) => {\n          filter.setValue(range);\n        }}\n      />\n      {currentValue && (\n        <ButtonView\n          size=\"s\"\n          color=\"secondary\"\n          variant=\"soft\"\n          onPress={() => filter.clear()}\n        >\n          {stringFormatter.format(\"filters.clearSelection\")}\n        </ButtonView>\n      )}\n    </Flex>\n  );\n};\n"],"mappings":";;;;;;;;;;AAYA,IAAa,4BAAuC,UAAU;CAC5D,MAAM,EAAE,WAAW;CAEnB,MAAM,eAAe,OAAO,SAAS;CAErC,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,OACE,qBAAC,MAAD;EAAM,WAAU;EAAS,KAAI;EAA7B,UAAA,CACE,oBAAC,mBAAD;GACE,GAAI,OAAO;GACX,OAAO;GACP,WAAW,UAAU;IACnB,OAAO,SAAS,KAAK;GACvB;EACD,CAAA,GACA,gBACC,oBAAC,YAAD;GACE,MAAK;GACL,OAAM;GACN,SAAQ;GACR,eAAe,OAAO,MAAM;GAE3B,UAAA,gBAAgB,OAAO,wBAAwB;EACtC,CAAA,CAEV;;AAEV"}
+{"version":3,"file":"FilterAccordionDateRange.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordionDateRange.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport ButtonView from \"@/views/ButtonView\";\nimport FlexView from \"@/views/FlexView\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport RangeCalendarView from \"@/views/RangeCalendarView\";\nimport type { AnyDateRangeFilter } from \"@/components/List/model/filter/types\";\n\ninterface Props {\n  filter: AnyDateRangeFilter;\n}\n\nexport const FilterAccordionDateRange: FC<Props> = (props) => {\n  const { filter } = props;\n\n  const currentValue = filter.getValue();\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <FlexView direction=\"column\" gap=\"m\">\n      <RangeCalendarView\n        {...filter.dateRangeOptions}\n        value={currentValue}\n        onChange={(range) => {\n          filter.setValue(range);\n        }}\n      />\n      {currentValue && (\n        <ButtonView\n          size=\"s\"\n          color=\"secondary\"\n          variant=\"soft\"\n          onPress={() => filter.clear()}\n        >\n          {stringFormatter.format(\"filters.clearSelection\")}\n        </ButtonView>\n      )}\n    </FlexView>\n  );\n};\n"],"mappings":";;;;;;;;;;AAYA,IAAa,4BAAuC,UAAU;CAC5D,MAAM,EAAE,WAAW;CAEnB,MAAM,eAAe,OAAO,SAAS;CAErC,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,OACE,qBAAC,UAAD;EAAU,WAAU;EAAS,KAAI;EAAjC,UAAA,CACE,oBAAC,mBAAD;GACE,GAAI,OAAO;GACX,OAAO;GACP,WAAW,UAAU;IACnB,OAAO,SAAS,KAAK;GACvB;EACD,CAAA,GACA,gBACC,oBAAC,YAAD;GACE,MAAK;GACL,OAAM;GACN,SAAQ;GACR,eAAe,OAAO,MAAM;GAE3B,UAAA,gBAAgB,OAAO,wBAAwB;EACtC,CAAA,CAEN;;AAEd"}

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionRadioGroup.mjs

@@ -2,10 +2,10 @@
 /* */
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import ButtonView from "../../../../../../views/ButtonView.mjs";
-import { Flex } from "../../../../../Flex/Flex.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import RadioGroupView from "../../../../../../views/RadioGroupView.mjs";
 import RadioView from "../../../../../../views/RadioView.mjs";
+import FlexView from "../../../../../../views/FlexView.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/List/components/Header/components/AllFiltersModal/FilterAccordionRadioGroup.tsx
@@ -14,7 +14,7 @@ var FilterAccordionRadioGroup = (props) => {
 	const activeKeys = filter.values.filter((v) => v.isActive).map((v) => v.id);
 	const name = filter.name ?? filter.property;
 	const stringFormatter = useLocalizedStringFormatter(__locale_default, "List");
-	return /* @__PURE__ */ jsxs(Flex, {
+	return /* @__PURE__ */ jsxs(FlexView, {
 		direction: "column",
 		gap: "m",
 		children: [/* @__PURE__ */ jsx(RadioGroupView, {

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionRadioGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterAccordionRadioGroup.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordionRadioGroup.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport RadioGroupView from \"@/views/RadioGroupView\";\nimport RadioView from \"@/views/RadioView\";\nimport type { Filter } from \"@/components/List/model/filter/Filter\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { Flex } from \"@/components/Flex\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\n\ninterface Props {\n  filter: Filter;\n}\n\nexport const FilterAccordionRadioGroup: FC<Props> = (props) => {\n  const { filter } = props;\n\n  const activeKeys = filter.values.filter((v) => v.isActive).map((v) => v.id);\n\n  const name = filter.name ?? filter.property;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <Flex direction=\"column\" gap=\"m\">\n      <RadioGroupView\n        value={activeKeys[0]}\n        m={[1, 1]}\n        key={activeKeys[0]}\n        aria-label={name}\n      >\n        {filter.values.map((v) => (\n          <RadioView\n            key={v.id}\n            value={v.id}\n            onPress={() => {\n              if (!v.isActive) {\n                v.toggle();\n              }\n            }}\n          >\n            {v.render()}\n          </RadioView>\n        ))}\n      </RadioGroupView>\n      {activeKeys.length > 0 && (\n        <ButtonView\n          size=\"s\"\n          color=\"secondary\"\n          variant=\"soft\"\n          onPress={() => filter.clear()}\n        >\n          {stringFormatter.format(\"filters.clearSelection\")}\n        </ButtonView>\n      )}\n    </Flex>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAaA,IAAa,6BAAwC,UAAU;CAC7D,MAAM,EAAE,WAAW;CAEnB,MAAM,aAAa,OAAO,OAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,MAAM,EAAE,EAAE;CAE1E,MAAM,OAAO,OAAO,QAAQ,OAAO;CAEnC,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,OACE,qBAAC,MAAD;EAAM,WAAU;EAAS,KAAI;EAA7B,UAAA,CACE,oBAAC,gBAAD;GACE,OAAO,WAAW;GAClB,GAAG,CAAC,GAAG,CAAC;GAER,cAAY;GAEX,UAAA,OAAO,OAAO,KAAK,MAClB,oBAAC,WAAD;IAEE,OAAO,EAAE;IACT,eAAe;KACb,IAAI,CAAC,EAAE,UACL,EAAE,OAAO;IAEb;IAEC,UAAA,EAAE,OAAO;GACD,GATJ,EAAE,EASE,CACZ;EACa,GAhBT,WAAW,EAgBF,GACf,WAAW,SAAS,KACnB,oBAAC,YAAD;GACE,MAAK;GACL,OAAM;GACN,SAAQ;GACR,eAAe,OAAO,MAAM;GAE3B,UAAA,gBAAgB,OAAO,wBAAwB;EACtC,CAAA,CAEV;;AAEV"}
+{"version":3,"file":"FilterAccordionRadioGroup.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordionRadioGroup.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport RadioGroupView from \"@/views/RadioGroupView\";\nimport RadioView from \"@/views/RadioView\";\nimport type { Filter } from \"@/components/List/model/filter/Filter\";\nimport ButtonView from \"@/views/ButtonView\";\nimport FlexView from \"@/views/FlexView\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\n\ninterface Props {\n  filter: Filter;\n}\n\nexport const FilterAccordionRadioGroup: FC<Props> = (props) => {\n  const { filter } = props;\n\n  const activeKeys = filter.values.filter((v) => v.isActive).map((v) => v.id);\n\n  const name = filter.name ?? filter.property;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <FlexView direction=\"column\" gap=\"m\">\n      <RadioGroupView\n        value={activeKeys[0]}\n        m={[1, 1]}\n        key={activeKeys[0]}\n        aria-label={name}\n      >\n        {filter.values.map((v) => (\n          <RadioView\n            key={v.id}\n            value={v.id}\n            onPress={() => {\n              if (!v.isActive) {\n                v.toggle();\n              }\n            }}\n          >\n            {v.render()}\n          </RadioView>\n        ))}\n      </RadioGroupView>\n      {activeKeys.length > 0 && (\n        <ButtonView\n          size=\"s\"\n          color=\"secondary\"\n          variant=\"soft\"\n          onPress={() => filter.clear()}\n        >\n          {stringFormatter.format(\"filters.clearSelection\")}\n        </ButtonView>\n      )}\n    </FlexView>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAaA,IAAa,6BAAwC,UAAU;CAC7D,MAAM,EAAE,WAAW;CAEnB,MAAM,aAAa,OAAO,OAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,MAAM,EAAE,EAAE;CAE1E,MAAM,OAAO,OAAO,QAAQ,OAAO;CAEnC,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,OACE,qBAAC,UAAD;EAAU,WAAU;EAAS,KAAI;EAAjC,UAAA,CACE,oBAAC,gBAAD;GACE,OAAO,WAAW;GAClB,GAAG,CAAC,GAAG,CAAC;GAER,cAAY;GAEX,UAAA,OAAO,OAAO,KAAK,MAClB,oBAAC,WAAD;IAEE,OAAO,EAAE;IACT,eAAe;KACb,IAAI,CAAC,EAAE,UACL,EAAE,OAAO;IAEb;IAEC,UAAA,EAAE,OAAO;GACD,GATJ,EAAE,EASE,CACZ;EACa,GAhBT,WAAW,EAgBF,GACf,WAAW,SAAS,KACnB,oBAAC,YAAD;GACE,MAAK;GACL,OAAM;GACN,SAAQ;GACR,eAAe,OAAO,MAAM;GAE3B,UAAA,gBAAgB,OAAO,wBAAwB;EACtC,CAAA,CAEN;;AAEd"}

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/SortingAccordion.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import HeadingView from "../../../../../../views/HeadingView.mjs";
 import { useList } from "../../../../hooks/useList.mjs";
 import ContentView from "../../../../../../views/ContentView.mjs";

package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/ViewModeAccordion.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import HeadingView from "../../../../../../views/HeadingView.mjs";
 import { useList } from "../../../../hooks/useList.mjs";
 import { useAvailableViewModes } from "../../lib.mjs";

package/dist/js/packages/components/src/components/List/components/Header/components/FilterContextMenu/DateRangeFilterPopover.mjs

@@ -6,7 +6,7 @@ import { useOverlayController } from "../../../../../../lib/controller/overlay/u
 import { Popover } from "../../../../../Popover/Popover.mjs";
 import ButtonView from "../../../../../../views/ButtonView.mjs";
 import { PopoverTrigger } from "../../../../../Popover/components/PopoverTrigger/PopoverTrigger.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import TextView from "../../../../../../views/TextView.mjs";
 import Header_module_default from "../../Header.module.mjs";
 import FilterContextMenus_module_default from "./FilterContextMenus.module.mjs";

package/dist/js/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterContextMenu.mjs

@@ -18,6 +18,7 @@ var FilterContextMenu = (props) => {
 		selectionMode
 	}, v.id));
 	const activeFilterKeys = values.filter((v) => v.isActive).map((v) => v.id);
+	const onSelectionChange = selectionMode === "multiple" ? (keys) => keys === "all" ? filter.selectAll() : filter.setActiveValueIds(keys) : void 0;
 	return /* @__PURE__ */ jsxs(ContextMenuTriggerView, { children: [/* @__PURE__ */ jsxs(ButtonView, {
 		className: Header_module_default.hideOnMobile,
 		variant: "outline",
@@ -27,6 +28,8 @@ var FilterContextMenu = (props) => {
 	}), /* @__PURE__ */ jsx(ContextMenuView, {
 		selectionMode,
 		selectedKeys: activeFilterKeys,
+		onSelectionChange,
+		showSelectAll: filter.isSelectAllAvailable,
 		children: filterItems
 	})] });
 };

package/dist/js/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterContextMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterContextMenu.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/FilterContextMenu/FilterContextMenu.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport type { Filter } from \"@/components/List/model/filter/Filter\";\nimport { IconFilter } from \"@/components/Icon/components/icons\";\nimport TextView from \"@/views/TextView\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { FilterMenuItem } from \"@/components/List/components/Header/components/FilterContextMenu/FilterMenuItem\";\nimport styles from \"@/components/List/components/Header/Header.module.scss\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\nimport ContextMenuView from \"@/views/ContextMenuView\";\n\ninterface Props {\n  filter: Filter;\n  isDisabled?: boolean;\n}\n\nexport const FilterContextMenu: FC<Props> = (props) => {\n  const { filter, isDisabled } = props;\n\n  const { values, mode, name, property } = filter;\n\n  const selectionMode = mode === \"one\" ? \"single\" : \"multiple\";\n\n  const filterItems = values.map((v) => (\n    <FilterMenuItem filterValue={v} key={v.id} selectionMode={selectionMode} />\n  ));\n\n  const activeFilterKeys = values.filter((v) => v.isActive).map((v) => v.id);\n\n  return (\n    <ContextMenuTriggerView>\n      <ButtonView\n        className={styles.hideOnMobile}\n        variant=\"outline\"\n        color=\"secondary\"\n        isDisabled={isDisabled}\n      >\n        <TextView>{name ?? property}</TextView>\n        <IconFilter />\n      </ButtonView>\n      <ContextMenuView\n        selectionMode={selectionMode}\n        selectedKeys={activeFilterKeys}\n      >\n        {filterItems}\n      </ContextMenuView>\n    </ContextMenuTriggerView>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAeA,IAAa,qBAAgC,UAAU;CACrD,MAAM,EAAE,QAAQ,eAAe;CAE/B,MAAM,EAAE,QAAQ,MAAM,MAAM,aAAa;CAEzC,MAAM,gBAAgB,SAAS,QAAQ,WAAW;CAElD,MAAM,cAAc,OAAO,KAAK,MAC9B,oBAAC,gBAAD;EAAgB,aAAa;EAA6B;CAAgB,GAArC,EAAE,EAAmC,CAC3E;CAED,MAAM,mBAAmB,OAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,MAAM,EAAE,EAAE;CAEzE,OACE,qBAAC,wBAAD,EAAA,UAAA,CACE,qBAAC,YAAD;EACE,WAAW,sBAAO;EAClB,SAAQ;EACR,OAAM;EACM;EAJd,UAAA,CAME,oBAAC,UAAD,EAAA,UAAW,QAAQ,SAAmB,CAAA,GACtC,oBAAC,YAAD,CAAa,CAAA,CACH;CACZ,CAAA,GAAA,oBAAC,iBAAD;EACiB;EACf,cAAc;EAEb,UAAA;CACc,CAAA,CACK,EAAA,CAAA;AAE5B"}
+{"version":3,"file":"FilterContextMenu.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/FilterContextMenu/FilterContextMenu.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport type { Selection } from \"react-aria-components\";\nimport type { Filter } from \"@/components/List/model/filter/Filter\";\nimport { IconFilter } from \"@/components/Icon/components/icons\";\nimport TextView from \"@/views/TextView\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { FilterMenuItem } from \"@/components/List/components/Header/components/FilterContextMenu/FilterMenuItem\";\nimport styles from \"@/components/List/components/Header/Header.module.scss\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\nimport ContextMenuView from \"@/views/ContextMenuView\";\n\ninterface Props {\n  filter: Filter;\n  isDisabled?: boolean;\n}\n\nexport const FilterContextMenu: FC<Props> = (props) => {\n  const { filter, isDisabled } = props;\n\n  const { values, mode, name, property } = filter;\n\n  const selectionMode = mode === \"one\" ? \"single\" : \"multiple\";\n\n  const filterItems = values.map((v) => (\n    <FilterMenuItem filterValue={v} key={v.id} selectionMode={selectionMode} />\n  ));\n\n  const activeFilterKeys = values.filter((v) => v.isActive).map((v) => v.id);\n\n  const onSelectionChange =\n    selectionMode === \"multiple\"\n      ? (keys: Selection) =>\n          keys === \"all\" ? filter.selectAll() : filter.setActiveValueIds(keys)\n      : undefined;\n\n  return (\n    <ContextMenuTriggerView>\n      <ButtonView\n        className={styles.hideOnMobile}\n        variant=\"outline\"\n        color=\"secondary\"\n        isDisabled={isDisabled}\n      >\n        <TextView>{name ?? property}</TextView>\n        <IconFilter />\n      </ButtonView>\n      <ContextMenuView\n        selectionMode={selectionMode}\n        selectedKeys={activeFilterKeys}\n        onSelectionChange={onSelectionChange}\n        showSelectAll={filter.isSelectAllAvailable}\n      >\n        {filterItems}\n      </ContextMenuView>\n    </ContextMenuTriggerView>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAgBA,IAAa,qBAAgC,UAAU;CACrD,MAAM,EAAE,QAAQ,eAAe;CAE/B,MAAM,EAAE,QAAQ,MAAM,MAAM,aAAa;CAEzC,MAAM,gBAAgB,SAAS,QAAQ,WAAW;CAElD,MAAM,cAAc,OAAO,KAAK,MAC9B,oBAAC,gBAAD;EAAgB,aAAa;EAA6B;CAAgB,GAArC,EAAE,EAAmC,CAC3E;CAED,MAAM,mBAAmB,OAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,MAAM,EAAE,EAAE;CAEzE,MAAM,oBACJ,kBAAkB,cACb,SACC,SAAS,QAAQ,OAAO,UAAU,IAAI,OAAO,kBAAkB,IAAI,IACrE,KAAA;CAEN,OACE,qBAAC,wBAAD,EAAA,UAAA,CACE,qBAAC,YAAD;EACE,WAAW,sBAAO;EAClB,SAAQ;EACR,OAAM;EACM;EAJd,UAAA,CAME,oBAAC,UAAD,EAAA,UAAW,QAAQ,SAAmB,CAAA,GACtC,oBAAC,YAAD,CAAa,CAAA,CACH;CACZ,CAAA,GAAA,oBAAC,iBAAD;EACiB;EACf,cAAc;EACK;EACnB,eAAe,OAAO;EAErB,UAAA;CACc,CAAA,CACK,EAAA,CAAA;AAE5B"}

package/dist/js/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterMenuItem.mjs

@@ -9,7 +9,7 @@ var FilterMenuItem = (props) => {
 	return /* @__PURE__ */ jsx(MenuItemView, {
 		id: filterValue.id,
 		onAction: () => {
-			if (selectionMode === "multiple" || !filterValue.isActive) filterValue.toggle();
+			if (selectionMode === "single" && !filterValue.isActive) filterValue.toggle();
 		},
 		children: filterValue.render()
 	});

package/dist/js/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterMenuItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterMenuItem.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/FilterContextMenu/FilterMenuItem.tsx"],"sourcesContent":["import MenuItemView from \"@/views/MenuItemView\";\nimport { type FC } from \"react\";\nimport type { FilterValue } from \"@/components/List/model/filter/FilterValue\";\nimport type { ContextMenuSelectionMode } from \"@/components/ContextMenu/lib\";\n\ninterface Props {\n  filterValue: FilterValue;\n  selectionMode?: ContextMenuSelectionMode;\n}\n\nexport const FilterMenuItem: FC<Props> = (props) => {\n  const { filterValue, selectionMode } = props;\n\n  return (\n    <MenuItemView\n      id={filterValue.id}\n      onAction={() => {\n        if (selectionMode === \"multiple\" || !filterValue.isActive) {\n          filterValue.toggle();\n        }\n      }}\n    >\n      {filterValue.render()}\n    </MenuItemView>\n  );\n};\n"],"mappings":";;;;;;AAUA,IAAa,kBAA6B,UAAU;CAClD,MAAM,EAAE,aAAa,kBAAkB;CAEvC,OACE,oBAAC,cAAD;EACE,IAAI,YAAY;EAChB,gBAAgB;GACd,IAAI,kBAAkB,cAAc,CAAC,YAAY,UAC/C,YAAY,OAAO;EAEvB;EAEC,UAAA,YAAY,OAAO;CACR,CAAA;AAElB"}
+{"version":3,"file":"FilterMenuItem.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/FilterContextMenu/FilterMenuItem.tsx"],"sourcesContent":["import MenuItemView from \"@/views/MenuItemView\";\nimport { type FC } from \"react\";\nimport type { FilterValue } from \"@/components/List/model/filter/FilterValue\";\nimport type { ContextMenuSelectionMode } from \"@/components/ContextMenu/lib\";\n\ninterface Props {\n  filterValue: FilterValue;\n  selectionMode?: ContextMenuSelectionMode;\n}\n\nexport const FilterMenuItem: FC<Props> = (props) => {\n  const { filterValue, selectionMode } = props;\n\n  return (\n    <MenuItemView\n      id={filterValue.id}\n      onAction={() => {\n        if (selectionMode === \"single\" && !filterValue.isActive) {\n          filterValue.toggle();\n        }\n      }}\n    >\n      {filterValue.render()}\n    </MenuItemView>\n  );\n};\n"],"mappings":";;;;;;AAUA,IAAa,kBAA6B,UAAU;CAClD,MAAM,EAAE,aAAa,kBAAkB;CAEvC,OACE,oBAAC,cAAD;EACE,IAAI,YAAY;EAChB,gBAAgB;GACd,IAAI,kBAAkB,YAAY,CAAC,YAAY,UAC7C,YAAY,OAAO;EAEvB;EAEC,UAAA,YAAY,OAAO;CACR,CAAA;AAElB"}

package/dist/js/packages/components/src/components/List/components/Header/components/SortingContextMenu/SortingContextMenu.mjs

@@ -5,7 +5,7 @@ import { IconDescending } from "../../../../../Icon/components/icons/IconDescend
 import { IconSorting } from "../../../../../Icon/components/icons/IconSorting.mjs";
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import ButtonView from "../../../../../../views/ButtonView.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import ContextMenuTriggerView from "../../../../../../views/ContextMenuTriggerView.mjs";
 import ContextMenuView from "../../../../../../views/ContextMenuView.mjs";
 import TextView from "../../../../../../views/TextView.mjs";

package/dist/js/packages/components/src/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu.mjs

@@ -3,7 +3,7 @@
 import { IconView } from "../../../../../Icon/components/icons/IconView.mjs";
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import ButtonView from "../../../../../../views/ButtonView.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import ContextMenuTriggerView from "../../../../../../views/ContextMenuTriggerView.mjs";
 import ContextMenuView from "../../../../../../views/ContextMenuView.mjs";
 import TextView from "../../../../../../views/TextView.mjs";

package/dist/js/packages/components/src/components/List/components/Header/components/ViewModeContextMenu/ViewModeMenuItem.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_17.locale.mjs";
 import { useList } from "../../../../hooks/useList.mjs";
 import MenuItemView from "../../../../../../views/MenuItemView.mjs";
 import "react";

package/dist/js/packages/components/src/components/List/components/Items/components/Item/components/AccordionButton.mjs

@@ -4,7 +4,7 @@ import { IconChevronDown } from "../../../../../../Icon/components/icons/IconChe
 import { IconChevronUp } from "../../../../../../Icon/components/icons/IconChevronUp.mjs";
 import { useLocalizedStringFormatter } from "../../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import ButtonView from "../../../../../../../views/ButtonView.mjs";
-import __locale_default from "../../../../../../../../../../_virtual/_16.locale.mjs";
+import __locale_default from "../../../../../../../../../../_virtual/_17.locale.mjs";
 import ListItemView_module_default from "../../../../ListItemView/ListItemView.module.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/List/components/Items/components/Item/components/AccordionButton.tsx