@mittwald/flow-react-components 1.5.0-next.9 → 1.5.0

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

@@ -3,8 +3,12 @@
 import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
 import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
 import dynamic from "../../lib/propsContext/dynamicProps/dynamic.mjs";
+import { containsTextChild } from "../../lib/react/remote.mjs";
 import { isAlphaColor } from "../../lib/types/props.mjs";
+import { useSkeletonMode } from "../SkeletonMode/skeletonModeContext.mjs";
 import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExit.mjs";
+import { hasContent } from "../SkeletonMode/lib/hasContent.mjs";
+import { SkeletonTextContent } from "../SkeletonMode/components/SkeletonTextContent/SkeletonTextContent.mjs";
 import Link_module_default from "./Link.module.mjs";
 import { linkContext } from "./context.mjs";
 import { LinkIcon } from "./components/LinkIcon/LinkIcon.mjs";
@@ -18,6 +22,7 @@ import * as Aria from "react-aria-components";
 var Link = flowComponent("Link", (props) => {
 	const { children, className, inline, linkComponent: linkComponentFromProps, color = "default", unstyled = false, "aria-current": ariaCurrent, ref, slot: ignoredSlotProp, style, whiteSpace, size = "m", onClickCapture: onClickCaptureFromProps, target, download, ...rest } = props;
 	const { linkComponent: linkComponentFromContext } = useContext(linkContext);
+	const isSkeleton = useSkeletonMode();
 	const Link = linkComponentFromProps ? linkComponentFromProps : props.href && linkComponentFromContext ? linkComponentFromContext : Aria.Link;
 	const router = useRouter();
 	/**
@@ -57,8 +62,35 @@ var Link = flowComponent("Link", (props) => {
 			})] }))
 		}
 	};
+	const unsupportedTypingsLinkProps = ariaCurrent ? { "aria-current": true } : {};
+	const hasOnlyElements = hasContent(children) && !containsTextChild(children);
+	const content = /* @__PURE__ */ jsxs(PropsContextProvider, {
+		props: propsContext,
+		children: [hasOnlyElements ? children : /* @__PURE__ */ jsx(SkeletonTextContent, {
+			defaultWidth: "6em",
+			children
+		}), /* @__PURE__ */ jsx(LinkIcon, {
+			withZeroWidthJoiner: true,
+			unstyled,
+			target,
+			download,
+			children: /* @__PURE__ */ jsx(UiComponentTunnelExit, {
+				id: "icon",
+				component: "Link"
+			})
+		})]
+	});
+	if (isSkeleton) return /* @__PURE__ */ jsx("span", {
+		className: rootClassName,
+		style: {
+			...style,
+			whiteSpace
+		},
+		inert: true,
+		children: content
+	});
 	return /* @__PURE__ */ jsx(Link, {
-		...ariaCurrent ? { "aria-current": true } : {},
+		...unsupportedTypingsLinkProps,
 		...rest,
 		target,
 		download,
@@ -69,19 +101,7 @@ var Link = flowComponent("Link", (props) => {
 			...style,
 			whiteSpace
 		},
-		children: /* @__PURE__ */ jsxs(PropsContextProvider, {
-			props: propsContext,
-			children: [children, /* @__PURE__ */ jsx(LinkIcon, {
-				withZeroWidthJoiner: true,
-				unstyled,
-				target,
-				download,
-				children: /* @__PURE__ */ jsx(UiComponentTunnelExit, {
-					id: "icon",
-					component: "Link"
-				})
-			})]
-		})
+		children: content
 	});
 });
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"Link.mjs","names":[],"sources":["../../../../../../../src/components/Link/Link.tsx"],"sourcesContent":["import type {\n  ComponentProps,\n  ComponentType,\n  CSSProperties,\n  MouseEvent,\n  PropsWithChildren,\n} from \"react\";\nimport { useContext } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { dynamic, type PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./Link.module.scss\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport {\n  type AlphaColor,\n  isAlphaColor,\n  type PropsWithClassName,\n} from \"@/lib/types/props\";\nimport { linkContext } from \"@/components/Link/context\";\nimport { LinkIcon } from \"@/components/Link/components/LinkIcon\";\nimport { handleLinkClick, useRouter } from \"@react-aria/utils\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport interface LinkProps\n  extends\n    PropsWithChildren<Omit<Aria.LinkProps, \"children\" | \"slot\" | \"className\">>,\n    FlowComponentProps<HTMLAnchorElement>,\n    PropsWithClassName {\n  /** Whether the link should be styled for being displayed inside a text. */\n  inline?: boolean;\n  /** An alternative link component. */\n  linkComponent?: ComponentType<Omit<ComponentProps<\"a\">, \"ref\">>;\n  /** The color of the link. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n  /** Marks the link as the currently active one, e.g. in a navigation. */\n  \"aria-current\"?: string;\n  /** The name of the slot the link is placed in. */\n  slot?: string;\n  /** The whiteSpace css value of the element. */\n  whiteSpace?: CSSProperties[\"whiteSpace\"];\n  /** The size of the element. @default \"m\" */\n  size?: \"s\" | \"m\";\n  /** @internal */\n  unstyled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Link = flowComponent(\"Link\", (props) => {\n  const {\n    children,\n    className,\n    inline,\n    linkComponent: linkComponentFromProps,\n    color = \"default\",\n    unstyled = false,\n    \"aria-current\": ariaCurrent,\n    ref,\n    slot: ignoredSlotProp,\n    style,\n    whiteSpace,\n    size = \"m\",\n    onClickCapture: onClickCaptureFromProps,\n    target,\n    download,\n    ...rest\n  } = props;\n\n  const { linkComponent: linkComponentFromContext } = useContext(linkContext);\n  const Link = linkComponentFromProps\n    ? (linkComponentFromProps as typeof Aria.Link)\n    : props.href && linkComponentFromContext\n      ? (linkComponentFromContext as typeof Aria.Link)\n      : Aria.Link;\n\n  const router = useRouter();\n\n  /**\n   * An interactive child (e.g. a Button) stops click propagation via React\n   * Aria's `usePress`, so the anchor's own `onClick` never runs and navigation\n   * falls back to a full page load. Handling it in the capture phase (top-down,\n   * before the child) keeps navigation client-side. Only needed for React\n   * Aria's `<a>`; custom link components handle navigation themselves.\n   */\n  const handleClickCapture =\n    Link === Aria.Link && props.href\n      ? (event: MouseEvent<HTMLAnchorElement>) => {\n          onClickCaptureFromProps?.(event);\n          if (event.target !== event.currentTarget) {\n            handleLinkClick(event, router, props.href, props.routerOptions);\n          }\n        }\n      : onClickCaptureFromProps;\n\n  const rootClassName = unstyled\n    ? className\n    : clsx(\n        styles.link,\n        inline && styles.inline,\n        isAlphaColor(color) && styles[color],\n        size === \"s\" && styles[\"size-s\"],\n        className,\n      );\n\n  const propsContext: PropsContext = {\n    Icon: {\n      tunnel: {\n        component: \"Link\",\n        id: \"icon\",\n      },\n      className: styles.icon,\n      size: \"s\",\n    },\n    AlertText: {\n      className: styles.alertText,\n    },\n    AccentBox: { className: styles.accentBox },\n    LayoutCard: { className: styles.layoutCard },\n    Button: {\n      elementType: \"span\",\n      className: styles.button,\n      size: props.size,\n      color: props.color === \"default\" ? undefined : props.color,\n      isDisabled: props.isDisabled,\n      children: dynamic((buttonProps) => (\n        <>\n          {buttonProps.children}\n          <LinkIcon download={download} target={target} unstyled={unstyled} />\n        </>\n      )),\n    },\n  };\n\n  const unsupportedTypingsLinkProps = ariaCurrent\n    ? ({\n        \"aria-current\": true,\n      } as Record<string, unknown>)\n    : {};\n\n  return (\n    <Link\n      {...unsupportedTypingsLinkProps}\n      {...rest}\n      target={target}\n      download={download}\n      onClickCapture={handleClickCapture}\n      className={rootClassName}\n      ref={ref}\n      style={{ ...style, whiteSpace }}\n    >\n      <PropsContextProvider props={propsContext}>\n        {children}\n        <LinkIcon\n          withZeroWidthJoiner\n          unstyled={unstyled}\n          target={target}\n          download={download}\n        >\n          <UiComponentTunnelExit id={\"icon\"} component={\"Link\"} />\n        </LinkIcon>\n      </PropsContextProvider>\n    </Link>\n  );\n});\n\nexport default Link;\n"],"mappings":";;;;;;;;;;;;;;;;;AAiDA,IAAa,OAAO,cAAc,SAAS,UAAU;CACnD,MAAM,EACJ,UACA,WACA,QACA,eAAe,wBACf,QAAQ,WACR,WAAW,OACX,gBAAgB,aAChB,KACA,MAAM,iBACN,OACA,YACA,OAAO,KACP,gBAAgB,yBAChB,QACA,UACA,GAAG,SACD;CAEJ,MAAM,EAAE,eAAe,6BAA6B,WAAW,WAAW;CAC1E,MAAM,OAAO,yBACR,yBACD,MAAM,QAAQ,2BACX,2BACD,KAAK;CAEX,MAAM,SAAS,UAAU;;;;;;;;CASzB,MAAM,qBACJ,SAAS,KAAK,QAAQ,MAAM,QACvB,UAAyC;EACxC,0BAA0B,KAAK;EAC/B,IAAI,MAAM,WAAW,MAAM,eACzB,gBAAgB,OAAO,QAAQ,MAAM,MAAM,MAAM,aAAa;CAElE,IACA;CAEN,MAAM,gBAAgB,WAClB,YACA,KACE,oBAAO,MACP,UAAU,oBAAO,QACjB,aAAa,KAAK,KAAK,oBAAO,QAC9B,SAAS,OAAO,oBAAO,WACvB,SACF;CAEJ,MAAM,eAA6B;EACjC,MAAM;GACJ,QAAQ;IACN,WAAW;IACX,IAAI;GACN;GACA,WAAW,oBAAO;GAClB,MAAM;EACR;EACA,WAAW,EACT,WAAW,oBAAO,UACpB;EACA,WAAW,EAAE,WAAW,oBAAO,UAAU;EACzC,YAAY,EAAE,WAAW,oBAAO,WAAW;EAC3C,QAAQ;GACN,aAAa;GACb,WAAW,oBAAO;GAClB,MAAM,MAAM;GACZ,OAAO,MAAM,UAAU,YAAY,KAAA,IAAY,MAAM;GACrD,YAAY,MAAM;GAClB,UAAU,SAAS,gBACjB,qBAAA,YAAA,EAAA,UAAA,CACG,YAAY,UACb,oBAAC,UAAD;IAAoB;IAAkB;IAAkB;GAAW,CAAA,CACnE,EAAA,CAAA,CACH;EACH;CACF;CAQA,OACE,oBAAC,MAAD;EACE,GARgC,cAC/B,EACC,gBAAgB,KAClB,IACA,CAAC;EAKD,GAAI;EACI;EACE;EACV,gBAAgB;EAChB,WAAW;EACN;EACL,OAAO;GAAE,GAAG;GAAO;EAAW;EAE9B,UAAA,qBAAC,sBAAD;GAAsB,OAAO;GAA7B,UAAA,CACG,UACD,oBAAC,UAAD;IACE,qBAAA;IACU;IACF;IACE;IAEV,UAAA,oBAAC,uBAAD;KAAuB,IAAI;KAAQ,WAAW;IAAS,CAAA;GAC/C,CAAA,CACU;;CAClB,CAAA;AAEV,CAAC"}
+{"version":3,"file":"Link.mjs","names":["styles","_Fragment","_jsx"],"sources":["../../../../../../../src/components/Link/Link.tsx"],"sourcesContent":["import type {\n  ComponentProps,\n  ComponentType,\n  CSSProperties,\n  MouseEvent,\n  PropsWithChildren,\n} from \"react\";\nimport { useContext } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { dynamic, type PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./Link.module.scss\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport {\n  type AlphaColor,\n  isAlphaColor,\n  type PropsWithClassName,\n} from \"@/lib/types/props\";\nimport { linkContext } from \"@/components/Link/context\";\nimport { LinkIcon } from \"@/components/Link/components/LinkIcon\";\nimport { handleLinkClick, useRouter } from \"@react-aria/utils\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\nimport { SkeletonTextContent } from \"@/components/SkeletonMode/components/SkeletonTextContent\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\nimport { hasContent } from \"@/components/SkeletonMode/lib/hasContent\";\nimport { containsTextChild } from \"@/lib/react/remote\";\n\nexport interface LinkProps\n  extends\n    PropsWithChildren<Omit<Aria.LinkProps, \"children\" | \"slot\" | \"className\">>,\n    FlowComponentProps<HTMLAnchorElement>,\n    PropsWithClassName {\n  /** Whether the link should be styled for being displayed inside a text. */\n  inline?: boolean;\n  /** An alternative link component. */\n  linkComponent?: ComponentType<Omit<ComponentProps<\"a\">, \"ref\">>;\n  /** The color of the link. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n  /** Marks the link as the currently active one, e.g. in a navigation. */\n  \"aria-current\"?: string;\n  /**\n   * The name of the slot the link is placed in. In action groups: `primary` (at\n   * the end), `secondary` (before the primary action) or `abort` (at the\n   * start).\n   */\n  slot?: string;\n  /** The whiteSpace css value of the element. */\n  whiteSpace?: CSSProperties[\"whiteSpace\"];\n  /** The size of the element. @default \"m\" */\n  size?: \"s\" | \"m\";\n  /** @internal */\n  unstyled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Link = flowComponent(\"Link\", (props) => {\n  const {\n    children,\n    className,\n    inline,\n    linkComponent: linkComponentFromProps,\n    color = \"default\",\n    unstyled = false,\n    \"aria-current\": ariaCurrent,\n    ref,\n    slot: ignoredSlotProp,\n    style,\n    whiteSpace,\n    size = \"m\",\n    onClickCapture: onClickCaptureFromProps,\n    target,\n    download,\n    ...rest\n  } = props;\n\n  const { linkComponent: linkComponentFromContext } = useContext(linkContext);\n  const isSkeleton = useSkeletonMode();\n  const Link = linkComponentFromProps\n    ? (linkComponentFromProps as typeof Aria.Link)\n    : props.href && linkComponentFromContext\n      ? (linkComponentFromContext as typeof Aria.Link)\n      : Aria.Link;\n\n  const router = useRouter();\n\n  /**\n   * An interactive child (e.g. a Button) stops click propagation via React\n   * Aria's `usePress`, so the anchor's own `onClick` never runs and navigation\n   * falls back to a full page load. Handling it in the capture phase (top-down,\n   * before the child) keeps navigation client-side. Only needed for React\n   * Aria's `<a>`; custom link components handle navigation themselves.\n   */\n  const handleClickCapture =\n    Link === Aria.Link && props.href\n      ? (event: MouseEvent<HTMLAnchorElement>) => {\n          onClickCaptureFromProps?.(event);\n          if (event.target !== event.currentTarget) {\n            handleLinkClick(event, router, props.href, props.routerOptions);\n          }\n        }\n      : onClickCaptureFromProps;\n\n  const rootClassName = unstyled\n    ? className\n    : clsx(\n        styles.link,\n        inline && styles.inline,\n        isAlphaColor(color) && styles[color],\n        size === \"s\" && styles[\"size-s\"],\n        className,\n      );\n\n  const propsContext: PropsContext = {\n    Icon: {\n      tunnel: {\n        component: \"Link\",\n        id: \"icon\",\n      },\n      className: styles.icon,\n      size: \"s\",\n    },\n    AlertText: {\n      className: styles.alertText,\n    },\n    AccentBox: { className: styles.accentBox },\n    LayoutCard: { className: styles.layoutCard },\n    Button: {\n      elementType: \"span\",\n      className: styles.button,\n      size: props.size,\n      color: props.color === \"default\" ? undefined : props.color,\n      isDisabled: props.isDisabled,\n      children: dynamic((buttonProps) => (\n        <>\n          {buttonProps.children}\n          <LinkIcon download={download} target={target} unstyled={unstyled} />\n        </>\n      )),\n    },\n  };\n\n  const unsupportedTypingsLinkProps = ariaCurrent\n    ? ({\n        \"aria-current\": true,\n      } as Record<string, unknown>)\n    : {};\n\n  /* Without text of its own — a Link styled as a Button, a Link around a\n     LayoutCard — the content follows its own skeleton rules instead of\n     becoming a text bar. */\n  const hasOnlyElements = hasContent(children) && !containsTextChild(children);\n\n  const textBars = (\n    <SkeletonTextContent defaultWidth=\"6em\">{children}</SkeletonTextContent>\n  );\n\n  const content = (\n    <PropsContextProvider props={propsContext}>\n      {hasOnlyElements ? children : textBars}\n      <LinkIcon\n        withZeroWidthJoiner\n        unstyled={unstyled}\n        target={target}\n        download={download}\n      >\n        <UiComponentTunnelExit id={\"icon\"} component={\"Link\"} />\n      </LinkIcon>\n    </PropsContextProvider>\n  );\n\n  /* react-aria's Link drops `inert`, and a skeleton needs no anchor. */\n  if (isSkeleton) {\n    return (\n      <span className={rootClassName} style={{ ...style, whiteSpace }} inert>\n        {content}\n      </span>\n    );\n  }\n\n  return (\n    <Link\n      {...unsupportedTypingsLinkProps}\n      {...rest}\n      target={target}\n      download={download}\n      onClickCapture={handleClickCapture}\n      className={rootClassName}\n      ref={ref}\n      style={{ ...style, whiteSpace }}\n    >\n      {content}\n    </Link>\n  );\n});\n\nexport default Link;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyDA,IAAa,OAAO,cAAc,SAAS,UAAU;CACnD,MAAM,EACJ,UACA,WACA,QACA,eAAe,wBACf,QAAQ,WACR,WAAW,OACX,gBAAgB,aAChB,KACA,MAAM,iBACN,OACA,YACA,OAAO,KACP,gBAAgB,yBAChB,QACA,UACA,GAAG,SACD;CAEJ,MAAM,EAAE,eAAe,6BAA6B,WAAW,WAAW;CAC1E,MAAM,aAAa,gBAAgB;CACnC,MAAM,OAAO,yBACR,yBACD,MAAM,QAAQ,2BACX,2BACD,KAAK;CAEX,MAAM,SAAS,UAAU;;;;;;;;CASzB,MAAM,qBACJ,SAAS,KAAK,QAAQ,MAAM,QACvB,UAAyC;EACxC,0BAA0B,KAAK;EAC/B,IAAI,MAAM,WAAW,MAAM,eACzB,gBAAgB,OAAO,QAAQ,MAAM,MAAM,MAAM,aAAa;CAElE,IACA;CAEN,MAAM,gBAAgB,WAClB,YACA,KACEA,oBAAO,MACP,UAAUA,oBAAO,QACjB,aAAa,KAAK,KAAKA,oBAAO,QAC9B,SAAS,OAAOA,oBAAO,WACvB,SACF;CAEJ,MAAM,eAA6B;EACjC,MAAM;GACJ,QAAQ;IACN,WAAW;IACX,IAAI;GACN;GACA,WAAWA,oBAAO;GAClB,MAAM;EACR;EACA,WAAW,EACT,WAAWA,oBAAO,UACpB;EACA,WAAW,EAAE,WAAWA,oBAAO,UAAU;EACzC,YAAY,EAAE,WAAWA,oBAAO,WAAW;EAC3C,QAAQ;GACN,aAAa;GACb,WAAWA,oBAAO;GAClB,MAAM,MAAM;GACZ,OAAO,MAAM,UAAU,YAAY,KAAA,IAAY,MAAM;GACrD,YAAY,MAAM;GAClB,UAAU,SAAS,gBACjB,qBAAAC,YAAA,EAAA,UAAA,CACG,YAAY,UACb,oBAAC,UAAD;IAAoB;IAAkB;IAAkB;GAAW,CAAA,CACnE,EAAA,CAAA,CACH;EACH;CACF;CAEA,MAAM,8BAA8B,cAC/B,EACC,gBAAgB,KAClB,IACA,CAAC;CAKL,MAAM,kBAAkB,WAAW,QAAQ,KAAK,CAAC,kBAAkB,QAAQ;CAM3E,MAAM,UACJ,qBAAC,sBAAD;EAAsB,OAAO;EAA7B,UAAA,CACG,kBAAkB,WALrBC,oBAAC,qBAAD;GAAqB,cAAa;GAAO;EAA8B,CAKvC,GAC9B,oBAAC,UAAD;GACE,qBAAA;GACU;GACF;GACE;GAEV,UAAA,oBAAC,uBAAD;IAAuB,IAAI;IAAQ,WAAW;GAAS,CAAA;EAC/C,CAAA,CACU;;CAIxB,IAAI,YACF,OACE,oBAAC,QAAD;EAAM,WAAW;EAAe,OAAO;GAAE,GAAG;GAAO;EAAW;EAAG,OAAA;EAC9D,UAAA;CACG,CAAA;CAIV,OACE,oBAAC,MAAD;EACE,GAAI;EACJ,GAAI;EACI;EACE;EACV,gBAAgB;EAChB,WAAW;EACN;EACL,OAAO;GAAE,GAAG;GAAO;EAAW;EAE7B,UAAA;CACG,CAAA;AAEV,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"LinkIcon.mjs","names":[],"sources":["../../../../../../../../../src/components/Link/components/LinkIcon/LinkIcon.tsx"],"sourcesContent":["import type { FC, ReactElement } from \"react\";\nimport {\n  IconDownload,\n  IconExternalLink,\n} from \"@/components/Icon/components/icons\";\nimport type { LinkProps } from \"@/components/Link\";\nimport locales from \"../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport styles from \"./LinkIcon.module.scss\";\n\nexport const LinkIcon: FC<LinkProps & { withZeroWidthJoiner?: boolean }> = (\n  props,\n) => {\n  const {\n    unstyled,\n    target,\n    download,\n    withZeroWidthJoiner = false,\n    children,\n  } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"Link\");\n  let icon: ReactElement | null = null;\n\n  if (download) {\n    icon = (\n      <IconDownload\n        className={styles.linkIcon}\n        aria-label={stringFormatter.format(\"download\")}\n      />\n    );\n  } else if (target === \"_blank\") {\n    icon = (\n      <IconExternalLink\n        className={styles.linkIcon}\n        aria-label={stringFormatter.format(\"external\")}\n      />\n    );\n  }\n\n  if (unstyled) {\n    return children;\n  }\n\n  if (withZeroWidthJoiner) {\n    return (\n      <span className={styles.linkIcon}>\n        {\"\\u200D\"}\n        {icon}\n        {children}\n      </span>\n    );\n  }\n\n  return (\n    <>\n      {icon}\n      {children}\n    </>\n  );\n};\n\nexport default LinkIcon;\n"],"mappings":";;;;;;;;;AAUA,IAAa,YACX,UACG;CACH,MAAM,EACJ,UACA,QACA,UACA,sBAAsB,OACtB,aACE;CAEJ,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CACnE,IAAI,OAA4B;CAEhC,IAAI,UACF,OACE,oBAAC,cAAD;EACE,WAAW,wBAAO;EAClB,cAAY,gBAAgB,OAAO,UAAU;CAC9C,CAAA;MAEE,IAAI,WAAW,UACpB,OACE,oBAAC,kBAAD;EACE,WAAW,wBAAO;EAClB,cAAY,gBAAgB,OAAO,UAAU;CAC9C,CAAA;CAIL,IAAI,UACF,OAAO;CAGT,IAAI,qBACF,OACE,qBAAC,QAAD;EAAM,WAAW,wBAAO;EAAxB,UAAA;GACG;GACA;GACA;EACG;;CAIV,OACE,qBAAA,UAAA,EAAA,UAAA,CACG,MACA,QACD,EAAA,CAAA;AAEN"}
+{"version":3,"file":"LinkIcon.mjs","names":["locales","styles","_Fragment"],"sources":["../../../../../../../../../src/components/Link/components/LinkIcon/LinkIcon.tsx"],"sourcesContent":["import type { FC, ReactElement } from \"react\";\nimport {\n  IconDownload,\n  IconExternalLink,\n} from \"@/components/Icon/components/icons\";\nimport type { LinkProps } from \"@/components/Link\";\nimport locales from \"../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport styles from \"./LinkIcon.module.scss\";\n\nexport const LinkIcon: FC<LinkProps & { withZeroWidthJoiner?: boolean }> = (\n  props,\n) => {\n  const {\n    unstyled,\n    target,\n    download,\n    withZeroWidthJoiner = false,\n    children,\n  } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"Link\");\n  let icon: ReactElement | null = null;\n\n  if (download) {\n    icon = (\n      <IconDownload\n        className={styles.linkIcon}\n        aria-label={stringFormatter.format(\"download\")}\n      />\n    );\n  } else if (target === \"_blank\") {\n    icon = (\n      <IconExternalLink\n        className={styles.linkIcon}\n        aria-label={stringFormatter.format(\"external\")}\n      />\n    );\n  }\n\n  if (unstyled) {\n    return children;\n  }\n\n  if (withZeroWidthJoiner) {\n    return (\n      <span className={styles.linkIcon}>\n        {\"\\u200D\"}\n        {icon}\n        {children}\n      </span>\n    );\n  }\n\n  return (\n    <>\n      {icon}\n      {children}\n    </>\n  );\n};\n\nexport default LinkIcon;\n"],"mappings":";;;;;;;;;AAUA,IAAa,YACX,UACG;CACH,MAAM,EACJ,UACA,QACA,UACA,sBAAsB,OACtB,aACE;CAEJ,MAAM,kBAAkB,4BAA4BA,kBAAS,MAAM;CACnE,IAAI,OAA4B;CAEhC,IAAI,UACF,OACE,oBAAC,cAAD;EACE,WAAWC,wBAAO;EAClB,cAAY,gBAAgB,OAAO,UAAU;CAC9C,CAAA;MAEE,IAAI,WAAW,UACpB,OACE,oBAAC,kBAAD;EACE,WAAWA,wBAAO;EAClB,cAAY,gBAAgB,OAAO,UAAU;CAC9C,CAAA;CAIL,IAAI,UACF,OAAO;CAGT,IAAI,qBACF,OACE,qBAAC,QAAD;EAAM,WAAWA,wBAAO;EAAxB,UAAA;GACG;GACA;GACA;EACG;;CAIV,OACE,qBAAAC,UAAA,EAAA,UAAA,CACG,MACA,QACD,EAAA,CAAA;AAEN"}

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

@@ -1 +1 @@
-{"version":3,"file":"List.mjs","names":[],"sources":["../../../../../../../src/components/List/List.tsx"],"sourcesContent":["import { DataLoader } from \"@/components/List/components/DataLoader\";\nimport { Header } from \"@/components/List/components/Header/Header\";\nimport headerStyles from \"@/components/List/components/Header/Header.module.scss\";\nimport { Items } from \"@/components/List/components/Items/Items\";\nimport { Table } from \"@/components/List/components/Table\";\nimport ListModel from \"@/components/List/model/List\";\nimport type { IncrementalLoaderShape } from \"@/components/List/model/loading/types\";\nimport type { ListShape } from \"@/components/List/model/types\";\nimport { ListFilter } from \"@/components/List/setupComponents/ListFilter\";\nimport { ListItem } from \"@/components/List/setupComponents/ListItem\";\nimport { ListLoaderAsync } from \"@/components/List/setupComponents/ListLoaderAsync\";\nimport { ListLoaderAsyncResource } from \"@/components/List/setupComponents/ListLoaderAsyncResource\";\nimport { ListSearch } from \"@/components/List/setupComponents/ListSearch\";\nimport { ListSorting } from \"@/components/List/setupComponents/ListSorting\";\nimport { ListStaticData } from \"@/components/List/setupComponents/ListStaticData\";\nimport { Table as TableSetupComponent } from \"@/components/List/setupComponents/Table\";\nimport { TableBody } from \"@/components/List/setupComponents/TableBody\";\nimport { TableCell } from \"@/components/List/setupComponents/TableCell\";\nimport { TableColumn } from \"@/components/List/setupComponents/TableColumn\";\nimport { TableHeader } from \"@/components/List/setupComponents/TableHeader\";\nimport { TableRow } from \"@/components/List/setupComponents/TableRow\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { deepFilterByType, deepFindOfType } from \"@/lib/react/deepFindOfType\";\nimport DivView from \"@/views/DivView\";\nimport type { PropsWithChildren, ReactNode } from \"react\";\nimport Footer from \"./components/Footer\";\nimport styles from \"./List.module.scss\";\nimport { listContext } from \"./listContext\";\nimport { ListLoaderHooks } from \"@/components/List/setupComponents/ListLoaderHooks\";\nimport { UiComponentTunnelExit } from \"../UiComponentTunnel/UiComponentTunnelExit\";\nimport ListEmptyViewContainerView from \"@/views/ListEmptyViewContainerView\";\n\nexport interface ListProps<T, TMeta = unknown>\n  extends\n    PropsWithChildren,\n    FlowComponentProps,\n    Omit<\n      ListShape<T, TMeta>,\n      | \"search\"\n      | \"loader\"\n      | \"itemView\"\n      | \"table\"\n      | \"batchesController\"\n      | \"filters\"\n      | \"sorting\"\n    > {\n  /** The number of items to be displayed on one page. */\n  batchSize?: number;\n  /**\n   * Automatically loads the next batch of items when the user scrolls to the\n   * end of the list, instead of showing a \"Show more\" button.\n   *\n   * @default false\n   */\n  infiniteScroll?: boolean;\n  /**\n   * Hides the pagination controls below the list.\n   *\n   * @default false\n   */\n  hidePagination?: boolean;\n  /** The view rendered when a search or filter returns no results. */\n  emptySearchResultView?: ReactNode;\n  /** The view rendered when the list contains no items. */\n  emptyView?: ReactNode;\n}\n\nexport const List = flowComponent(\"List\", (props) => {\n  const {\n    children,\n    batchSize,\n    loadingItemsCount = batchSize,\n    onChange,\n    ref,\n    hidePagination,\n    ...restProps\n  } = props;\n\n  const listLoaderAsync = deepFindOfType(\n    children,\n    ListLoaderAsync<never>,\n  )?.props;\n  const listLoaderHooks = deepFindOfType(\n    children,\n    ListLoaderHooks<never>,\n  )?.props;\n  const listLoaderAsyncResource = deepFindOfType(\n    children,\n    ListLoaderAsyncResource<never>,\n  )?.props;\n  const listStaticData = deepFindOfType(children, ListStaticData<never>)?.props;\n\n  const loaderShape: IncrementalLoaderShape<never> = {\n    source: listLoaderAsync\n      ? {\n          ...listLoaderAsync,\n          asyncLoader: listLoaderAsync.children,\n        }\n      : listLoaderAsyncResource\n        ? {\n            ...listLoaderAsyncResource,\n            asyncResourceFactory: listLoaderAsyncResource.children,\n          }\n        : listStaticData\n          ? {\n              staticData: listStaticData.data,\n            }\n          : listLoaderHooks\n            ? {\n                ...listLoaderHooks,\n                useData: listLoaderHooks.children,\n              }\n            : undefined,\n  };\n\n  const searchProps = deepFindOfType(children, ListSearch)?.props;\n  const itemViewProps = deepFindOfType(children, ListItem<never>)?.props;\n\n  const tableProps = deepFindOfType(children, TableSetupComponent)?.props;\n  const tableColumnProps = deepFilterByType(children, TableColumn<never>).map(\n    (c) => ({\n      ...c.props,\n      name: c.props.children,\n    }),\n  );\n  const tableCellProps = deepFilterByType(children, TableCell<never>).map(\n    (c) => ({\n      ...c.props,\n      renderFn: c.props.children,\n    }),\n  );\n\n  const tableRowProps = deepFindOfType(children, TableRow)?.props;\n  const tableHeaderProps = deepFindOfType(children, TableHeader)?.props;\n  const tableBodyProps = deepFindOfType(children, TableBody)?.props;\n\n  const listModel = ListModel.useNew<never>({\n    onChange,\n    loader: loaderShape,\n    filters: deepFilterByType(children, ListFilter<never, never, never>).map(\n      (f) => ({\n        ...f.props,\n        renderItem: f.props.children,\n      }),\n    ),\n    search: searchProps\n      ? {\n          render: searchProps.children,\n          textFieldProps: searchProps,\n          defaultValue: searchProps.defaultValue,\n          autosave: searchProps.autosave,\n        }\n      : undefined,\n    sorting: deepFilterByType(children, ListSorting<never>).map((s) => s.props),\n\n    itemView: itemViewProps\n      ? {\n          ...itemViewProps,\n          renderFn: itemViewProps.children,\n        }\n      : undefined,\n\n    table:\n      tableColumnProps.length > 0\n        ? {\n            header: {\n              ...tableHeaderProps,\n              columns: tableColumnProps,\n            },\n            body: {\n              ...tableBodyProps,\n              row: {\n                ...tableRowProps,\n                cells: tableCellProps,\n              },\n            },\n            ...tableProps,\n          }\n        : undefined,\n\n    batchesController: {\n      batchSize,\n    },\n    loadingItemsCount,\n    ...restProps,\n  });\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      preserveOrder: true,\n      tunnel: {\n        id: \"actions\",\n        component: \"List\",\n      },\n      className: headerStyles.actions,\n      Button: {\n        className: headerStyles.action,\n      },\n    },\n    ListSummary: {\n      tunnel: {\n        id: \"listSummary\",\n        component: \"List\",\n      },\n    },\n  };\n\n  const isEmpty = listModel.useIsEmpty();\n\n  // IMPORTANT: we always render the emptyView to the dom.\n  // otherwise we will lose e.g. modalState when switching from noItems to itemsAvailable and vise versa.\n  const emptyView = (\n    <DivView\n      aria-hidden={!isEmpty}\n      className={!isEmpty ? styles.hideVisuallyEmptyView : undefined}\n    >\n      <ListEmptyViewContainerView\n        viewType={listModel.getEmptyViewType()}\n        emptySearchResultView={listModel.emptySearchResultView}\n        emptyView={listModel.emptyView}\n      />\n    </DivView>\n  );\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <listContext.Provider\n        value={{\n          list: listModel,\n        }}\n      >\n        <DataLoader />\n        <DivView className={styles.list} ref={ref}>\n          {children}\n          <Header />\n\n          <DivView className={styles.listWrapper}>\n            {emptyView}\n            {listModel.items.entries.length > 0 && (\n              <UiComponentTunnelExit id=\"listSummary\" component=\"List\" />\n            )}\n            {(listModel.viewMode.isList || listModel.viewMode.isTiles) && (\n              <Items />\n            )}\n            {listModel.viewMode.isTable && <Table />}\n          </DivView>\n          {!hidePagination && <Footer />}\n        </DivView>\n      </listContext.Provider>\n    </PropsContextProvider>\n  );\n});\n\nexport default List;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,IAAa,OAAO,cAAc,SAAS,UAAU;CACnD,MAAM,EACJ,UACA,WACA,oBAAoB,WACpB,UACA,KACA,gBACA,GAAG,cACD;CAEJ,MAAM,kBAAkB,eACtB,UACA,eACF,CAAC,EAAE;CACH,MAAM,kBAAkB,eACtB,UACA,eACF,CAAC,EAAE;CACH,MAAM,0BAA0B,eAC9B,UACA,uBACF,CAAC,EAAE;CACH,MAAM,iBAAiB,eAAe,UAAU,cAAqB,CAAC,EAAE;CAExE,MAAM,cAA6C,EACjD,QAAQ,kBACJ;EACE,GAAG;EACH,aAAa,gBAAgB;CAC/B,IACA,0BACE;EACE,GAAG;EACH,sBAAsB,wBAAwB;CAChD,IACA,iBACE,EACE,YAAY,eAAe,KAC7B,IACA,kBACE;EACE,GAAG;EACH,SAAS,gBAAgB;CAC3B,IACA,KAAA,EACZ;CAEA,MAAM,cAAc,eAAe,UAAU,UAAU,CAAC,EAAE;CAC1D,MAAM,gBAAgB,eAAe,UAAU,QAAe,CAAC,EAAE;CAEjE,MAAM,aAAa,eAAe,UAAU,OAAmB,CAAC,EAAE;CAClE,MAAM,mBAAmB,iBAAiB,UAAU,WAAkB,CAAC,CAAC,KACrE,OAAO;EACN,GAAG,EAAE;EACL,MAAM,EAAE,MAAM;CAChB,EACF;CACA,MAAM,iBAAiB,iBAAiB,UAAU,SAAgB,CAAC,CAAC,KACjE,OAAO;EACN,GAAG,EAAE;EACL,UAAU,EAAE,MAAM;CACpB,EACF;CAEA,MAAM,gBAAgB,eAAe,UAAU,QAAQ,CAAC,EAAE;CAC1D,MAAM,mBAAmB,eAAe,UAAU,WAAW,CAAC,EAAE;CAChE,MAAM,iBAAiB,eAAe,UAAU,SAAS,CAAC,EAAE;CAE5D,MAAM,YAAY,OAAU,OAAc;EACxC;EACA,QAAQ;EACR,SAAS,iBAAiB,UAAU,UAA+B,CAAC,CAAC,KAClE,OAAO;GACN,GAAG,EAAE;GACL,YAAY,EAAE,MAAM;EACtB,EACF;EACA,QAAQ,cACJ;GACE,QAAQ,YAAY;GACpB,gBAAgB;GAChB,cAAc,YAAY;GAC1B,UAAU,YAAY;EACxB,IACA,KAAA;EACJ,SAAS,iBAAiB,UAAU,WAAkB,CAAC,CAAC,KAAK,MAAM,EAAE,KAAK;EAE1E,UAAU,gBACN;GACE,GAAG;GACH,UAAU,cAAc;EAC1B,IACA,KAAA;EAEJ,OACE,iBAAiB,SAAS,IACtB;GACE,QAAQ;IACN,GAAG;IACH,SAAS;GACX;GACA,MAAM;IACJ,GAAG;IACH,KAAK;KACH,GAAG;KACH,OAAO;IACT;GACF;GACA,GAAG;EACL,IACA,KAAA;EAEN,mBAAmB,EACjB,UACF;EACA;EACA,GAAG;CACL,CAAC;CAED,MAAM,eAA6B;EACjC,aAAa;GACX,eAAe;GACf,QAAQ;IACN,IAAI;IACJ,WAAW;GACb;GACA,WAAW,sBAAa;GACxB,QAAQ,EACN,WAAW,sBAAa,OAC1B;EACF;EACA,aAAa,EACX,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;CACF;CAEA,MAAM,UAAU,UAAU,WAAW;CAIrC,MAAM,YACJ,oBAAC,SAAD;EACE,eAAa,CAAC;EACd,WAAW,CAAC,UAAU,oBAAO,wBAAwB,KAAA;EAErD,UAAA,oBAAC,4BAAD;GACE,UAAU,UAAU,iBAAiB;GACrC,uBAAuB,UAAU;GACjC,WAAW,UAAU;EACtB,CAAA;CACM,CAAA;CAGX,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC3B,UAAA,qBAAC,YAAY,UAAb;GACE,OAAO,EACL,MAAM,UACR;GAHF,UAAA,CAKE,oBAAC,YAAD,CAAa,CAAA,GACb,qBAAC,SAAD;IAAS,WAAW,oBAAO;IAAW;IAAtC,UAAA;KACG;KACD,oBAAC,QAAD,CAAS,CAAA;KAET,qBAAC,SAAD;MAAS,WAAW,oBAAO;MAA3B,UAAA;OACG;OACA,UAAU,MAAM,QAAQ,SAAS,KAChC,oBAAC,uBAAD;QAAuB,IAAG;QAAc,WAAU;OAAQ,CAAA;QAE1D,UAAU,SAAS,UAAU,UAAU,SAAS,YAChD,oBAAC,OAAD,CAAQ,CAAA;OAET,UAAU,SAAS,WAAW,oBAAC,OAAD,CAAQ,CAAA;MAChC;;KACR,CAAC,kBAAkB,oBAAC,QAAD,CAAS,CAAA;IACtB;GACW,CAAA,CAAA;;CACF,CAAA;AAE1B,CAAC"}
+{"version":3,"file":"List.mjs","names":["TableSetupComponent","ListModel","headerStyles","styles"],"sources":["../../../../../../../src/components/List/List.tsx"],"sourcesContent":["import { DataLoader } from \"@/components/List/components/DataLoader\";\nimport { Header } from \"@/components/List/components/Header/Header\";\nimport headerStyles from \"@/components/List/components/Header/Header.module.scss\";\nimport { Items } from \"@/components/List/components/Items/Items\";\nimport { Table } from \"@/components/List/components/Table\";\nimport ListModel from \"@/components/List/model/List\";\nimport type { IncrementalLoaderShape } from \"@/components/List/model/loading/types\";\nimport type { ListShape } from \"@/components/List/model/types\";\nimport { ListFilter } from \"@/components/List/setupComponents/ListFilter\";\nimport { ListItem } from \"@/components/List/setupComponents/ListItem\";\nimport { ListLoaderAsync } from \"@/components/List/setupComponents/ListLoaderAsync\";\nimport { ListLoaderAsyncResource } from \"@/components/List/setupComponents/ListLoaderAsyncResource\";\nimport { ListSearch } from \"@/components/List/setupComponents/ListSearch\";\nimport { ListSorting } from \"@/components/List/setupComponents/ListSorting\";\nimport { ListStaticData } from \"@/components/List/setupComponents/ListStaticData\";\nimport { Table as TableSetupComponent } from \"@/components/List/setupComponents/Table\";\nimport { TableBody } from \"@/components/List/setupComponents/TableBody\";\nimport { TableCell } from \"@/components/List/setupComponents/TableCell\";\nimport { TableColumn } from \"@/components/List/setupComponents/TableColumn\";\nimport { TableHeader } from \"@/components/List/setupComponents/TableHeader\";\nimport { TableRow } from \"@/components/List/setupComponents/TableRow\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { deepFilterByType, deepFindOfType } from \"@/lib/react/deepFindOfType\";\nimport DivView from \"@/views/DivView\";\nimport type { PropsWithChildren, ReactNode } from \"react\";\nimport Footer from \"./components/Footer\";\nimport styles from \"./List.module.scss\";\nimport { listContext } from \"./listContext\";\nimport { ListLoaderHooks } from \"@/components/List/setupComponents/ListLoaderHooks\";\nimport { UiComponentTunnelExit } from \"../UiComponentTunnel/UiComponentTunnelExit\";\nimport ListEmptyViewContainerView from \"@/views/ListEmptyViewContainerView\";\n\nexport interface ListProps<T, TMeta = unknown>\n  extends\n    PropsWithChildren,\n    FlowComponentProps,\n    Omit<\n      ListShape<T, TMeta>,\n      | \"search\"\n      | \"loader\"\n      | \"itemView\"\n      | \"table\"\n      | \"batchesController\"\n      | \"filters\"\n      | \"sorting\"\n    > {\n  /** The number of items to be displayed on one page. */\n  batchSize?: number;\n  /**\n   * Automatically loads the next batch of items when the user scrolls to the\n   * end of the list, instead of showing a \"Show more\" button.\n   *\n   * @default false\n   */\n  infiniteScroll?: boolean;\n  /**\n   * Hides the pagination controls below the list.\n   *\n   * @default false\n   */\n  hidePagination?: boolean;\n  /** The view rendered when a search or filter returns no results. */\n  emptySearchResultView?: ReactNode;\n  /** The view rendered when the list contains no items. */\n  emptyView?: ReactNode;\n}\n\nexport const List = flowComponent(\"List\", (props) => {\n  const {\n    children,\n    batchSize,\n    loadingItemsCount = batchSize,\n    onChange,\n    ref,\n    hidePagination,\n    ...restProps\n  } = props;\n\n  const listLoaderAsync = deepFindOfType(\n    children,\n    ListLoaderAsync<never>,\n  )?.props;\n  const listLoaderHooks = deepFindOfType(\n    children,\n    ListLoaderHooks<never>,\n  )?.props;\n  const listLoaderAsyncResource = deepFindOfType(\n    children,\n    ListLoaderAsyncResource<never>,\n  )?.props;\n  const listStaticData = deepFindOfType(children, ListStaticData<never>)?.props;\n\n  const loaderShape: IncrementalLoaderShape<never> = {\n    source: listLoaderAsync\n      ? {\n          ...listLoaderAsync,\n          asyncLoader: listLoaderAsync.children,\n        }\n      : listLoaderAsyncResource\n        ? {\n            ...listLoaderAsyncResource,\n            asyncResourceFactory: listLoaderAsyncResource.children,\n          }\n        : listStaticData\n          ? {\n              staticData: listStaticData.data,\n            }\n          : listLoaderHooks\n            ? {\n                ...listLoaderHooks,\n                useData: listLoaderHooks.children,\n              }\n            : undefined,\n  };\n\n  const searchProps = deepFindOfType(children, ListSearch)?.props;\n  const itemViewProps = deepFindOfType(children, ListItem<never>)?.props;\n\n  const tableProps = deepFindOfType(children, TableSetupComponent)?.props;\n  const tableColumnProps = deepFilterByType(children, TableColumn<never>).map(\n    (c) => ({\n      ...c.props,\n      name: c.props.children,\n    }),\n  );\n  const tableCellProps = deepFilterByType(children, TableCell<never>).map(\n    (c) => ({\n      ...c.props,\n      renderFn: c.props.children,\n    }),\n  );\n\n  const tableRowProps = deepFindOfType(children, TableRow)?.props;\n  const tableHeaderProps = deepFindOfType(children, TableHeader)?.props;\n  const tableBodyProps = deepFindOfType(children, TableBody)?.props;\n\n  const listModel = ListModel.useNew<never>({\n    onChange,\n    loader: loaderShape,\n    filters: deepFilterByType(children, ListFilter<never, never, never>).map(\n      (f) => ({\n        ...f.props,\n        renderItem: f.props.children,\n      }),\n    ),\n    search: searchProps\n      ? {\n          render: searchProps.children,\n          textFieldProps: searchProps,\n          defaultValue: searchProps.defaultValue,\n          autosave: searchProps.autosave,\n        }\n      : undefined,\n    sorting: deepFilterByType(children, ListSorting<never>).map((s) => s.props),\n\n    itemView: itemViewProps\n      ? {\n          ...itemViewProps,\n          renderFn: itemViewProps.children,\n        }\n      : undefined,\n\n    table:\n      tableColumnProps.length > 0\n        ? {\n            header: {\n              ...tableHeaderProps,\n              columns: tableColumnProps,\n            },\n            body: {\n              ...tableBodyProps,\n              row: {\n                ...tableRowProps,\n                cells: tableCellProps,\n              },\n            },\n            ...tableProps,\n          }\n        : undefined,\n\n    batchesController: {\n      batchSize,\n    },\n    loadingItemsCount,\n    ...restProps,\n  });\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      preserveOrder: true,\n      tunnel: {\n        id: \"actions\",\n        component: \"List\",\n      },\n      className: headerStyles.actions,\n      Button: {\n        className: headerStyles.action,\n      },\n    },\n    ListSummary: {\n      tunnel: {\n        id: \"listSummary\",\n        component: \"List\",\n      },\n    },\n  };\n\n  const isEmpty = listModel.useIsEmpty();\n\n  // IMPORTANT: we always render the emptyView to the dom.\n  // otherwise we will lose e.g. modalState when switching from noItems to itemsAvailable and vise versa.\n  const emptyView = (\n    <DivView\n      aria-hidden={!isEmpty}\n      className={!isEmpty ? styles.hideVisuallyEmptyView : undefined}\n    >\n      <ListEmptyViewContainerView\n        viewType={listModel.getEmptyViewType()}\n        emptySearchResultView={listModel.emptySearchResultView}\n        emptyView={listModel.emptyView}\n      />\n    </DivView>\n  );\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <listContext.Provider\n        value={{\n          list: listModel,\n        }}\n      >\n        <DataLoader />\n        <DivView className={styles.list} ref={ref}>\n          {children}\n          <Header />\n\n          <DivView className={styles.listWrapper}>\n            {emptyView}\n            {listModel.items.entries.length > 0 && (\n              <UiComponentTunnelExit id=\"listSummary\" component=\"List\" />\n            )}\n            {(listModel.viewMode.isList || listModel.viewMode.isTiles) && (\n              <Items />\n            )}\n            {listModel.viewMode.isTable && <Table />}\n          </DivView>\n          {!hidePagination && <Footer />}\n        </DivView>\n      </listContext.Provider>\n    </PropsContextProvider>\n  );\n});\n\nexport default List;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,IAAa,OAAO,cAAc,SAAS,UAAU;CACnD,MAAM,EACJ,UACA,WACA,oBAAoB,WACpB,UACA,KACA,gBACA,GAAG,cACD;CAEJ,MAAM,kBAAkB,eACtB,UACA,eACF,CAAC,EAAE;CACH,MAAM,kBAAkB,eACtB,UACA,eACF,CAAC,EAAE;CACH,MAAM,0BAA0B,eAC9B,UACA,uBACF,CAAC,EAAE;CACH,MAAM,iBAAiB,eAAe,UAAU,cAAqB,CAAC,EAAE;CAExE,MAAM,cAA6C,EACjD,QAAQ,kBACJ;EACE,GAAG;EACH,aAAa,gBAAgB;CAC/B,IACA,0BACE;EACE,GAAG;EACH,sBAAsB,wBAAwB;CAChD,IACA,iBACE,EACE,YAAY,eAAe,KAC7B,IACA,kBACE;EACE,GAAG;EACH,SAAS,gBAAgB;CAC3B,IACA,KAAA,EACZ;CAEA,MAAM,cAAc,eAAe,UAAU,UAAU,CAAC,EAAE;CAC1D,MAAM,gBAAgB,eAAe,UAAU,QAAe,CAAC,EAAE;CAEjE,MAAM,aAAa,eAAe,UAAUA,OAAmB,CAAC,EAAE;CAClE,MAAM,mBAAmB,iBAAiB,UAAU,WAAkB,CAAC,CAAC,KACrE,OAAO;EACN,GAAG,EAAE;EACL,MAAM,EAAE,MAAM;CAChB,EACF;CACA,MAAM,iBAAiB,iBAAiB,UAAU,SAAgB,CAAC,CAAC,KACjE,OAAO;EACN,GAAG,EAAE;EACL,UAAU,EAAE,MAAM;CACpB,EACF;CAEA,MAAM,gBAAgB,eAAe,UAAU,QAAQ,CAAC,EAAE;CAC1D,MAAM,mBAAmB,eAAe,UAAU,WAAW,CAAC,EAAE;CAChE,MAAM,iBAAiB,eAAe,UAAU,SAAS,CAAC,EAAE;CAE5D,MAAM,YAAYC,OAAU,OAAc;EACxC;EACA,QAAQ;EACR,SAAS,iBAAiB,UAAU,UAA+B,CAAC,CAAC,KAClE,OAAO;GACN,GAAG,EAAE;GACL,YAAY,EAAE,MAAM;EACtB,EACF;EACA,QAAQ,cACJ;GACE,QAAQ,YAAY;GACpB,gBAAgB;GAChB,cAAc,YAAY;GAC1B,UAAU,YAAY;EACxB,IACA,KAAA;EACJ,SAAS,iBAAiB,UAAU,WAAkB,CAAC,CAAC,KAAK,MAAM,EAAE,KAAK;EAE1E,UAAU,gBACN;GACE,GAAG;GACH,UAAU,cAAc;EAC1B,IACA,KAAA;EAEJ,OACE,iBAAiB,SAAS,IACtB;GACE,QAAQ;IACN,GAAG;IACH,SAAS;GACX;GACA,MAAM;IACJ,GAAG;IACH,KAAK;KACH,GAAG;KACH,OAAO;IACT;GACF;GACA,GAAG;EACL,IACA,KAAA;EAEN,mBAAmB,EACjB,UACF;EACA;EACA,GAAG;CACL,CAAC;CAED,MAAM,eAA6B;EACjC,aAAa;GACX,eAAe;GACf,QAAQ;IACN,IAAI;IACJ,WAAW;GACb;GACA,WAAWC,sBAAa;GACxB,QAAQ,EACN,WAAWA,sBAAa,OAC1B;EACF;EACA,aAAa,EACX,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;CACF;CAEA,MAAM,UAAU,UAAU,WAAW;CAIrC,MAAM,YACJ,oBAAC,SAAD;EACE,eAAa,CAAC;EACd,WAAW,CAAC,UAAUC,oBAAO,wBAAwB,KAAA;EAErD,UAAA,oBAAC,4BAAD;GACE,UAAU,UAAU,iBAAiB;GACrC,uBAAuB,UAAU;GACjC,WAAW,UAAU;EACtB,CAAA;CACM,CAAA;CAGX,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC3B,UAAA,qBAAC,YAAY,UAAb;GACE,OAAO,EACL,MAAM,UACR;GAHF,UAAA,CAKE,oBAAC,YAAD,CAAa,CAAA,GACb,qBAAC,SAAD;IAAS,WAAWA,oBAAO;IAAW;IAAtC,UAAA;KACG;KACD,oBAAC,QAAD,CAAS,CAAA;KAET,qBAAC,SAAD;MAAS,WAAWA,oBAAO;MAA3B,UAAA;OACG;OACA,UAAU,MAAM,QAAQ,SAAS,KAChC,oBAAC,uBAAD;QAAuB,IAAG;QAAc,WAAU;OAAQ,CAAA;QAE1D,UAAU,SAAS,UAAU,UAAU,SAAS,YAChD,oBAAC,OAAD,CAAQ,CAAA;OAET,UAAU,SAAS,WAAW,oBAAC,OAAD,CAAQ,CAAA;MAChC;;KACR,CAAC,kBAAkB,oBAAC,QAAD,CAAS,CAAA;IACtB;GACW,CAAA,CAAA;;CACF,CAAA;AAE1B,CAAC"}

package/dist/js/packages/components/src/components/List/components/DataLoader/DataLoaderSuspense.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataLoaderSuspense.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/DataLoader/DataLoaderSuspense.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { FC } from \"react\";\nimport { Suspense } from \"react\";\n\ninterface Props extends PropsWithChildren {\n  useRenderSuspense: () => void;\n  disabled?: boolean;\n}\n\ninterface FallbackProps {\n  useRenderSuspense: () => void;\n}\n\nconst Fallback: FC<FallbackProps> = (props) => {\n  const { useRenderSuspense } = props;\n  useRenderSuspense();\n  return null;\n};\n\nexport const DataLoaderSuspense: FC<Props> = (props) => {\n  const { useRenderSuspense, children, disabled = false } = props;\n  if (disabled) {\n    return <>{children}</>;\n  }\n  const fallback = <Fallback useRenderSuspense={useRenderSuspense} />;\n  return <Suspense fallback={fallback}>{children}</Suspense>;\n};\n"],"mappings":";;;;;AAaA,IAAM,YAA+B,UAAU;CAC7C,MAAM,EAAE,sBAAsB;CAC9B,kBAAkB;CAClB,OAAO;AACT;AAEA,IAAa,sBAAiC,UAAU;CACtD,MAAM,EAAE,mBAAmB,UAAU,WAAW,UAAU;CAC1D,IAAI,UACF,OAAO,oBAAA,YAAA,EAAG,SAAW,CAAA;CAGvB,OAAO,oBAAC,UAAD;EAAoB,UADV,oBAAC,UAAD,EAA6B,kBAAoB,CACvC;EAAW;CAAmB,CAAA;AAC3D"}
+{"version":3,"file":"DataLoaderSuspense.mjs","names":["_Fragment","_jsx"],"sources":["../../../../../../../../../src/components/List/components/DataLoader/DataLoaderSuspense.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { FC } from \"react\";\nimport { Suspense } from \"react\";\n\ninterface Props extends PropsWithChildren {\n  useRenderSuspense: () => void;\n  disabled?: boolean;\n}\n\ninterface FallbackProps {\n  useRenderSuspense: () => void;\n}\n\nconst Fallback: FC<FallbackProps> = (props) => {\n  const { useRenderSuspense } = props;\n  useRenderSuspense();\n  return null;\n};\n\nexport const DataLoaderSuspense: FC<Props> = (props) => {\n  const { useRenderSuspense, children, disabled = false } = props;\n  if (disabled) {\n    return <>{children}</>;\n  }\n  const fallback = <Fallback useRenderSuspense={useRenderSuspense} />;\n  return <Suspense fallback={fallback}>{children}</Suspense>;\n};\n"],"mappings":";;;;;AAaA,IAAM,YAA+B,UAAU;CAC7C,MAAM,EAAE,sBAAsB;CAC9B,kBAAkB;CAClB,OAAO;AACT;AAEA,IAAa,sBAAiC,UAAU;CACtD,MAAM,EAAE,mBAAmB,UAAU,WAAW,UAAU;CAC1D,IAAI,UACF,OAAO,oBAAAA,YAAA,EAAG,SAAW,CAAA;CAGvB,OAAO,oBAAC,UAAD;EAAoB,UADVC,oBAAC,UAAD,EAA6B,kBAAoB,CACvC;EAAW;CAAmB,CAAA;AAC3D"}

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

@@ -1 +1 @@
-{"version":3,"file":"EmptySearchResultView.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/EmptySearchResultView/EmptySearchResultView.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { IconSearch } from \"@/components/Icon/components/icons\";\nimport locales from \"../../locales/*.locale.json\";\nimport IllustratedMessageView from \"@/views/IllustratedMessageView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport TextView from \"@/views/TextView\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\n\nexport type EmptySearchResultViewProps = Record<string, never>;\n\nexport const EmptySearchResultView: FC<EmptySearchResultViewProps> = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <IllustratedMessageView>\n      <IconSearch />\n      <HeadingView>{stringFormatter.format(\"noResult.heading\")}</HeadingView>\n      <TextView>{stringFormatter.format(\"noResult.text\")}</TextView>\n    </IllustratedMessageView>\n  );\n};\n"],"mappings":";;;;;;;;;;AAUA,IAAa,8BAA8D;CACzE,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,OACE,qBAAC,wBAAD,EAAA,UAAA;EACE,oBAAC,YAAD,CAAa,CAAA;EACb,oBAAC,aAAD,EAAA,UAAc,gBAAgB,OAAO,kBAAkB,EAAe,CAAA;EACtE,oBAAC,UAAD,EAAA,UAAW,gBAAgB,OAAO,eAAe,EAAY,CAAA;CACvC,EAAA,CAAA;AAE5B"}
+{"version":3,"file":"EmptySearchResultView.mjs","names":["locales"],"sources":["../../../../../../../../../src/components/List/components/EmptySearchResultView/EmptySearchResultView.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { IconSearch } from \"@/components/Icon/components/icons\";\nimport locales from \"../../locales/*.locale.json\";\nimport IllustratedMessageView from \"@/views/IllustratedMessageView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport TextView from \"@/views/TextView\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\n\nexport type EmptySearchResultViewProps = Record<string, never>;\n\nexport const EmptySearchResultView: FC<EmptySearchResultViewProps> = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <IllustratedMessageView>\n      <IconSearch />\n      <HeadingView>{stringFormatter.format(\"noResult.heading\")}</HeadingView>\n      <TextView>{stringFormatter.format(\"noResult.text\")}</TextView>\n    </IllustratedMessageView>\n  );\n};\n"],"mappings":";;;;;;;;;;AAUA,IAAa,8BAA8D;CACzE,MAAM,kBAAkB,4BAA4BA,kBAAS,MAAM;CAEnE,OACE,qBAAC,wBAAD,EAAA,UAAA;EACE,oBAAC,YAAD,CAAa,CAAA;EACb,oBAAC,aAAD,EAAA,UAAc,gBAAgB,OAAO,kBAAkB,EAAe,CAAA;EACtE,oBAAC,UAAD,EAAA,UAAW,gBAAgB,OAAO,eAAe,EAAY,CAAA;CACvC,EAAA,CAAA;AAE5B"}

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyView.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/EmptyView/EmptyView.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport locales from \"../../locales/*.locale.json\";\nimport IllustratedMessageView from \"@/views/IllustratedMessageView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport TextView from \"@/views/TextView\";\nimport { IconUnorderedList } from \"@/components/Icon/components/icons\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\n\nexport type EmptyViewProps = Record<string, never>;\n\nexport const EmptyView: FC<EmptyViewProps> = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <IllustratedMessageView>\n      <IconUnorderedList />\n      <HeadingView>{stringFormatter.format(\"noItems.heading\")}</HeadingView>\n      <TextView>{stringFormatter.format(\"noItems.text\")}</TextView>\n    </IllustratedMessageView>\n  );\n};\n"],"mappings":";;;;;;;;;;AAUA,IAAa,kBAAsC;CACjD,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,OACE,qBAAC,wBAAD,EAAA,UAAA;EACE,oBAAC,mBAAD,CAAoB,CAAA;EACpB,oBAAC,aAAD,EAAA,UAAc,gBAAgB,OAAO,iBAAiB,EAAe,CAAA;EACrE,oBAAC,UAAD,EAAA,UAAW,gBAAgB,OAAO,cAAc,EAAY,CAAA;CACtC,EAAA,CAAA;AAE5B"}
+{"version":3,"file":"EmptyView.mjs","names":["locales"],"sources":["../../../../../../../../../src/components/List/components/EmptyView/EmptyView.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport locales from \"../../locales/*.locale.json\";\nimport IllustratedMessageView from \"@/views/IllustratedMessageView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport TextView from \"@/views/TextView\";\nimport { IconUnorderedList } from \"@/components/Icon/components/icons\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\n\nexport type EmptyViewProps = Record<string, never>;\n\nexport const EmptyView: FC<EmptyViewProps> = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <IllustratedMessageView>\n      <IconUnorderedList />\n      <HeadingView>{stringFormatter.format(\"noItems.heading\")}</HeadingView>\n      <TextView>{stringFormatter.format(\"noItems.text\")}</TextView>\n    </IllustratedMessageView>\n  );\n};\n"],"mappings":";;;;;;;;;;AAUA,IAAa,kBAAsC;CACjD,MAAM,kBAAkB,4BAA4BA,kBAAS,MAAM;CAEnE,OACE,qBAAC,wBAAD,EAAA,UAAA;EACE,oBAAC,mBAAD,CAAoB,CAAA;EACpB,oBAAC,aAAD,EAAA,UAAc,gBAAgB,OAAO,iBAAiB,EAAe,CAAA;EACrE,oBAAC,UAAD,EAAA,UAAW,gBAAgB,OAAO,cAAc,EAAY,CAAA;CACtC,EAAA,CAAA;AAE5B"}

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/Footer/Footer.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport styles from \"./Footer.module.scss\";\nimport { PaginationInfos } from \"@/components/List/components/Footer/components/PaginationInfos\";\nimport { ShowNextBatchButton } from \"@/components/List/components/Footer/components/ShowNextBatchButton\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport DivView from \"@/views/DivView\";\nimport LoadingSpinnerView from \"@/views/LoadingSpinnerView\";\nimport locales from \"../../locales/*.locale.json\";\n\nexport const Footer: FC = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n  const list = useList();\n  const infiniteScroll = list.infiniteScroll;\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n  const showLoadMoreSpinner =\n    infiniteScroll && isLoading && !isInitiallyLoading;\n\n  return (\n    <DivView className={styles.footer}>\n      <PaginationInfos />\n      {!infiniteScroll && <ShowNextBatchButton />}\n      {showLoadMoreSpinner && (\n        <LoadingSpinnerView\n          aria-label={stringFormatter.format(\"loadingMore\")}\n        />\n      )}\n    </DivView>\n  );\n};\n\nexport default Footer;\n"],"mappings":";;;;;;;;;;;;AAUA,IAAa,eAAmB;CAC9B,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CACnE,MAAM,OAAO,QAAQ;CACrB,MAAM,iBAAiB,KAAK;CAC5B,MAAM,YAAY,KAAK,OAAO,aAAa;CAC3C,MAAM,qBAAqB,KAAK,OAAO,sBAAsB;CAE7D,MAAM,sBACJ,kBAAkB,aAAa,CAAC;CAElC,OACE,qBAAC,SAAD;EAAS,WAAW,sBAAO;EAA3B,UAAA;GACE,oBAAC,iBAAD,CAAkB,CAAA;GACjB,CAAC,kBAAkB,oBAAC,qBAAD,CAAsB,CAAA;GACzC,uBACC,oBAAC,oBAAD,EACE,cAAY,gBAAgB,OAAO,aAAa,EACjD,CAAA;EAEI;;AAEb"}
+{"version":3,"file":"Footer.mjs","names":["locales","styles"],"sources":["../../../../../../../../../src/components/List/components/Footer/Footer.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport styles from \"./Footer.module.scss\";\nimport { PaginationInfos } from \"@/components/List/components/Footer/components/PaginationInfos\";\nimport { ShowNextBatchButton } from \"@/components/List/components/Footer/components/ShowNextBatchButton\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport DivView from \"@/views/DivView\";\nimport LoadingSpinnerView from \"@/views/LoadingSpinnerView\";\nimport locales from \"../../locales/*.locale.json\";\n\nexport const Footer: FC = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n  const list = useList();\n  const infiniteScroll = list.infiniteScroll;\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n  const showLoadMoreSpinner =\n    infiniteScroll && isLoading && !isInitiallyLoading;\n\n  return (\n    <DivView className={styles.footer}>\n      <PaginationInfos />\n      {!infiniteScroll && <ShowNextBatchButton />}\n      {showLoadMoreSpinner && (\n        <LoadingSpinnerView\n          aria-label={stringFormatter.format(\"loadingMore\")}\n        />\n      )}\n    </DivView>\n  );\n};\n\nexport default Footer;\n"],"mappings":";;;;;;;;;;;;AAUA,IAAa,eAAmB;CAC9B,MAAM,kBAAkB,4BAA4BA,kBAAS,MAAM;CACnE,MAAM,OAAO,QAAQ;CACrB,MAAM,iBAAiB,KAAK;CAC5B,MAAM,YAAY,KAAK,OAAO,aAAa;CAC3C,MAAM,qBAAqB,KAAK,OAAO,sBAAsB;CAE7D,MAAM,sBACJ,kBAAkB,aAAa,CAAC;CAElC,OACE,qBAAC,SAAD;EAAS,WAAWC,sBAAO;EAA3B,UAAA;GACE,oBAAC,iBAAD,CAAkB,CAAA;GACjB,CAAC,kBAAkB,oBAAC,qBAAD,CAAsB,CAAA;GACzC,uBACC,oBAAC,oBAAD,EACE,cAAY,gBAAgB,OAAO,aAAa,EACjD,CAAA;EAEI;;AAEb"}

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationInfos.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Footer/components/PaginationInfos/PaginationInfos.tsx"],"sourcesContent":["import { useList } from \"@/components/List/hooks/useList\";\nimport type { TextProps } from \"@/components/Text\";\nimport SkeletonView from \"@/views/SkeletonView\";\nimport TextView from \"@/views/TextView\";\nimport type { FC } from \"react\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\n\nexport const PaginationInfos: FC<TextProps> = (props) => {\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const list = useList();\n  const pagination = list.batches;\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n  const isEmpty = list.useIsEmpty();\n\n  const totalItemsCount = pagination.getTotalItemsCount();\n  const visibleItemsCount = pagination.getVisibleItemsCount();\n\n  if (isEmpty) {\n    return null;\n  }\n\n  const showSkeleton =\n    isLoading && (!list.infiniteScroll || isInitiallyLoading);\n\n  const text = showSkeleton ? (\n    <SkeletonView width=\"200px\" />\n  ) : (\n    stringFormatter.format(\"paginationInfo\", {\n      visibleItemsCount,\n      totalItemsCount,\n    })\n  );\n\n  return <TextView {...props}>{text}</TextView>;\n};\n\nexport default PaginationInfos;\n"],"mappings":";;;;;;;;;AAQA,IAAa,mBAAkC,UAAU;CACvD,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,MAAM,OAAO,QAAQ;CACrB,MAAM,aAAa,KAAK;CACxB,MAAM,YAAY,KAAK,OAAO,aAAa;CAC3C,MAAM,qBAAqB,KAAK,OAAO,sBAAsB;CAC7D,MAAM,UAAU,KAAK,WAAW;CAEhC,MAAM,kBAAkB,WAAW,mBAAmB;CACtD,MAAM,oBAAoB,WAAW,qBAAqB;CAE1D,IAAI,SACF,OAAO;CAMT,MAAM,OAFJ,cAAc,CAAC,KAAK,kBAAkB,sBAGtC,oBAAC,cAAD,EAAc,OAAM,QAAS,CAAA,IAE7B,gBAAgB,OAAO,kBAAkB;EACvC;EACA;CACF,CAAC;CAGH,OAAO,oBAAC,UAAD;EAAU,GAAI;EAAQ,UAAA;CAAe,CAAA;AAC9C"}
+{"version":3,"file":"PaginationInfos.mjs","names":["locales"],"sources":["../../../../../../../../../../../src/components/List/components/Footer/components/PaginationInfos/PaginationInfos.tsx"],"sourcesContent":["import { useList } from \"@/components/List/hooks/useList\";\nimport type { TextProps } from \"@/components/Text\";\nimport SkeletonView from \"@/views/SkeletonView\";\nimport TextView from \"@/views/TextView\";\nimport type { FC } from \"react\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\n\nexport const PaginationInfos: FC<TextProps> = (props) => {\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const list = useList();\n  const pagination = list.batches;\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n  const isEmpty = list.useIsEmpty();\n\n  const totalItemsCount = pagination.getTotalItemsCount();\n  const visibleItemsCount = pagination.getVisibleItemsCount();\n\n  if (isEmpty) {\n    return null;\n  }\n\n  const showSkeleton =\n    isLoading && (!list.infiniteScroll || isInitiallyLoading);\n\n  const text = showSkeleton ? (\n    <SkeletonView width=\"200px\" />\n  ) : (\n    stringFormatter.format(\"paginationInfo\", {\n      visibleItemsCount,\n      totalItemsCount,\n    })\n  );\n\n  return <TextView {...props}>{text}</TextView>;\n};\n\nexport default PaginationInfos;\n"],"mappings":";;;;;;;;;AAQA,IAAa,mBAAkC,UAAU;CACvD,MAAM,kBAAkB,4BAA4BA,kBAAS,MAAM;CAEnE,MAAM,OAAO,QAAQ;CACrB,MAAM,aAAa,KAAK;CACxB,MAAM,YAAY,KAAK,OAAO,aAAa;CAC3C,MAAM,qBAAqB,KAAK,OAAO,sBAAsB;CAC7D,MAAM,UAAU,KAAK,WAAW;CAEhC,MAAM,kBAAkB,WAAW,mBAAmB;CACtD,MAAM,oBAAoB,WAAW,qBAAqB;CAE1D,IAAI,SACF,OAAO;CAMT,MAAM,OAFJ,cAAc,CAAC,KAAK,kBAAkB,sBAGtC,oBAAC,cAAD,EAAc,OAAM,QAAS,CAAA,IAE7B,gBAAgB,OAAO,kBAAkB;EACvC;EACA;CACF,CAAC;CAGH,OAAO,oBAAC,UAAD;EAAU,GAAI;EAAQ,UAAA;CAAe,CAAA;AAC9C"}

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

@@ -1 +1 @@
-{"version":3,"file":"ShowNextBatchButton.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport ButtonView from \"@/views/ButtonView\";\n\nexport const ShowNextBatchButton: FC<ButtonProps> = (props) => {\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n  const list = useList();\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n  const pagination = list.batches;\n  const canLoadMore = pagination.hasNextBatch();\n\n  if (!canLoadMore && !isLoading) {\n    return null;\n  }\n\n  return (\n    <ButtonView\n      isPending={isLoading && !isInitiallyLoading}\n      isDisabled={isInitiallyLoading}\n      {...props}\n      onPress={() => list.batches.nextBatch()}\n      variant=\"plain\"\n      size=\"s\"\n    >\n      {stringFormatter.format(\"showMore\")}\n    </ButtonView>\n  );\n};\n\nexport default ShowNextBatchButton;\n"],"mappings":";;;;;;;;AAOA,IAAa,uBAAwC,UAAU;CAC7D,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CACnE,MAAM,OAAO,QAAQ;CACrB,MAAM,YAAY,KAAK,OAAO,aAAa;CAC3C,MAAM,qBAAqB,KAAK,OAAO,sBAAsB;CAI7D,IAAI,CAHe,KAAK,QACO,aAE1B,KAAe,CAAC,WACnB,OAAO;CAGT,OACE,oBAAC,YAAD;EACE,WAAW,aAAa,CAAC;EACzB,YAAY;EACZ,GAAI;EACJ,eAAe,KAAK,QAAQ,UAAU;EACtC,SAAQ;EACR,MAAK;EAEJ,UAAA,gBAAgB,OAAO,UAAU;CACxB,CAAA;AAEhB"}
+{"version":3,"file":"ShowNextBatchButton.mjs","names":["locales"],"sources":["../../../../../../../../../../../src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport ButtonView from \"@/views/ButtonView\";\n\nexport const ShowNextBatchButton: FC<ButtonProps> = (props) => {\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n  const list = useList();\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n  const pagination = list.batches;\n  const canLoadMore = pagination.hasNextBatch();\n\n  if (!canLoadMore && !isLoading) {\n    return null;\n  }\n\n  return (\n    <ButtonView\n      isPending={isLoading && !isInitiallyLoading}\n      isDisabled={isInitiallyLoading}\n      {...props}\n      onPress={() => list.batches.nextBatch()}\n      variant=\"plain\"\n      size=\"s\"\n    >\n      {stringFormatter.format(\"showMore\")}\n    </ButtonView>\n  );\n};\n\nexport default ShowNextBatchButton;\n"],"mappings":";;;;;;;;AAOA,IAAa,uBAAwC,UAAU;CAC7D,MAAM,kBAAkB,4BAA4BA,kBAAS,MAAM;CACnE,MAAM,OAAO,QAAQ;CACrB,MAAM,YAAY,KAAK,OAAO,aAAa;CAC3C,MAAM,qBAAqB,KAAK,OAAO,sBAAsB;CAI7D,IAAI,CAHe,KAAK,QACO,aAE1B,KAAe,CAAC,WACnB,OAAO;CAGT,OACE,oBAAC,YAAD;EACE,WAAW,aAAa,CAAC;EACzB,YAAY;EACZ,GAAI;EACJ,eAAe,KAAK,QAAQ,UAAU;EACtC,SAAQ;EACR,MAAK;EAEJ,UAAA,gBAAgB,OAAO,UAAU;CACxB,CAAA;AAEhB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Header.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/Header/Header.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport styles from \"./Header.module.scss\";\nimport clsx from \"clsx\";\nimport { ActiveFilters } from \"@/components/List/components/Header/components/ActiveFilters\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { SearchField } from \"@/components/List/components/Header/components/SearchField/SearchField\";\nimport { ViewModeContextMenu } from \"@/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu\";\nimport DivView from \"@/views/DivView\";\nimport { SortingContextMenu } from \"@/components/List/components/Header/components/SortingContextMenu/SortingContextMenu\";\nimport { FilterContextMenus } from \"@/components/List/components/Header/components/FilterContextMenu/FilterContextMenus\";\nimport { AllFiltersModal } from \"@/components/List/components/Header/components/AllFiltersModal/AllFiltersModal\";\nimport { useAvailableViewModes } from \"@/components/List/components/Header/lib\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport const Header: FC<PropsWithClassName> = (props) => {\n  const { className } = props;\n  const list = useList();\n\n  const isEmpty = list.useIsEmpty();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n  const noItemsAvailable = isEmpty && list.getEmptyViewType() === \"list\";\n  const isDisabled = isInitiallyLoading || noItemsAvailable;\n\n  const availableViewModes = useAvailableViewModes();\n\n  const hasOptions =\n    list.filters.length > 0 ||\n    list.visibleSorting.length > 0 ||\n    list.search ||\n    availableViewModes.length > 1;\n\n  const listActions = <UiComponentTunnelExit id=\"actions\" component=\"List\" />;\n\n  if (noItemsAvailable) {\n    // IMPORTANT: we always render the listActions and returning the same dom tree like 'items are available'!\n    // The correct dom nesting is required since noItemsAvailable makes an early return.\n    // React will not trigger a complete unmount/remount and forces e.g. modalTrigger etc.\n    // inside the Tunnel to get lost when switching from noItems to itemsAvailable and vise versa.\n    // Reminder: A fixed key prop for 'UiComponentTunnelExit' has not the same effect!\n    return (\n      <DivView className={styles.hideVisuallyActions} aria-hidden={true}>\n        <DivView>{listActions}</DivView>\n      </DivView>\n    );\n  }\n\n  return (\n    <DivView\n      className={clsx(\n        styles.header,\n        list.search && styles.withSearch,\n        className,\n      )}\n    >\n      <DivView className={styles.headerContent}>\n        {listActions}\n        {hasOptions && (\n          <DivView className={styles.options}>\n            <ViewModeContextMenu isDisabled={isDisabled} />\n            <SortingContextMenu isDisabled={isDisabled} />\n            <FilterContextMenus isDisabled={isDisabled} />\n            <AllFiltersModal isDisabled={isDisabled} />\n\n            {list.search && (\n              <SearchField search={list.search} isDisabled={isDisabled} />\n            )}\n          </DivView>\n        )}\n      </DivView>\n      <ActiveFilters isDisabled={isDisabled} />\n    </DivView>\n  );\n};\n\nexport default Header;\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,IAAa,UAAkC,UAAU;CACvD,MAAM,EAAE,cAAc;CACtB,MAAM,OAAO,QAAQ;CAErB,MAAM,UAAU,KAAK,WAAW;CAChC,MAAM,qBAAqB,KAAK,OAAO,sBAAsB;CAC7D,MAAM,mBAAmB,WAAW,KAAK,iBAAiB,MAAM;CAChE,MAAM,aAAa,sBAAsB;CAEzC,MAAM,qBAAqB,sBAAsB;CAEjD,MAAM,aACJ,KAAK,QAAQ,SAAS,KACtB,KAAK,eAAe,SAAS,KAC7B,KAAK,UACL,mBAAmB,SAAS;CAE9B,MAAM,cAAc,oBAAC,uBAAD;EAAuB,IAAG;EAAU,WAAU;CAAQ,CAAA;CAE1E,IAAI,kBAMF,OACE,oBAAC,SAAD;EAAS,WAAW,sBAAO;EAAqB,eAAa;EAC3D,UAAA,oBAAC,SAAD,EAAA,UAAU,YAAqB,CAAA;CACxB,CAAA;CAIb,OACE,qBAAC,SAAD;EACE,WAAW,KACT,sBAAO,QACP,KAAK,UAAU,sBAAO,YACtB,SACF;EALF,UAAA,CAOE,qBAAC,SAAD;GAAS,WAAW,sBAAO;GAA3B,UAAA,CACG,aACA,cACC,qBAAC,SAAD;IAAS,WAAW,sBAAO;IAA3B,UAAA;KACE,oBAAC,qBAAD,EAAiC,WAAa,CAAA;KAC9C,oBAAC,oBAAD,EAAgC,WAAa,CAAA;KAC7C,oBAAC,oBAAD,EAAgC,WAAa,CAAA;KAC7C,oBAAC,iBAAD,EAA6B,WAAa,CAAA;KAEzC,KAAK,UACJ,oBAAC,aAAD;MAAa,QAAQ,KAAK;MAAoB;KAAa,CAAA;IAEtD;GAEJ,CAAA,CAAA;EACT,CAAA,GAAA,oBAAC,eAAD,EAA2B,WAAa,CAAA,CACjC;;AAEb"}
+{"version":3,"file":"Header.mjs","names":["styles"],"sources":["../../../../../../../../../src/components/List/components/Header/Header.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport styles from \"./Header.module.scss\";\nimport clsx from \"clsx\";\nimport { ActiveFilters } from \"@/components/List/components/Header/components/ActiveFilters\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { SearchField } from \"@/components/List/components/Header/components/SearchField/SearchField\";\nimport { ViewModeContextMenu } from \"@/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu\";\nimport DivView from \"@/views/DivView\";\nimport { SortingContextMenu } from \"@/components/List/components/Header/components/SortingContextMenu/SortingContextMenu\";\nimport { FilterContextMenus } from \"@/components/List/components/Header/components/FilterContextMenu/FilterContextMenus\";\nimport { AllFiltersModal } from \"@/components/List/components/Header/components/AllFiltersModal/AllFiltersModal\";\nimport { useAvailableViewModes } from \"@/components/List/components/Header/lib\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport const Header: FC<PropsWithClassName> = (props) => {\n  const { className } = props;\n  const list = useList();\n\n  const isEmpty = list.useIsEmpty();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n  const noItemsAvailable = isEmpty && list.getEmptyViewType() === \"list\";\n  const isDisabled = isInitiallyLoading || noItemsAvailable;\n\n  const availableViewModes = useAvailableViewModes();\n\n  const hasOptions =\n    list.filters.length > 0 ||\n    list.visibleSorting.length > 0 ||\n    list.search ||\n    availableViewModes.length > 1;\n\n  const listActions = <UiComponentTunnelExit id=\"actions\" component=\"List\" />;\n\n  if (noItemsAvailable) {\n    // IMPORTANT: we always render the listActions and returning the same dom tree like 'items are available'!\n    // The correct dom nesting is required since noItemsAvailable makes an early return.\n    // React will not trigger a complete unmount/remount and forces e.g. modalTrigger etc.\n    // inside the Tunnel to get lost when switching from noItems to itemsAvailable and vise versa.\n    // Reminder: A fixed key prop for 'UiComponentTunnelExit' has not the same effect!\n    return (\n      <DivView className={styles.hideVisuallyActions} aria-hidden={true}>\n        <DivView>{listActions}</DivView>\n      </DivView>\n    );\n  }\n\n  return (\n    <DivView\n      className={clsx(\n        styles.header,\n        list.search && styles.withSearch,\n        className,\n      )}\n    >\n      <DivView className={styles.headerContent}>\n        {listActions}\n        {hasOptions && (\n          <DivView className={styles.options}>\n            <ViewModeContextMenu isDisabled={isDisabled} />\n            <SortingContextMenu isDisabled={isDisabled} />\n            <FilterContextMenus isDisabled={isDisabled} />\n            <AllFiltersModal isDisabled={isDisabled} />\n\n            {list.search && (\n              <SearchField search={list.search} isDisabled={isDisabled} />\n            )}\n          </DivView>\n        )}\n      </DivView>\n      <ActiveFilters isDisabled={isDisabled} />\n    </DivView>\n  );\n};\n\nexport default Header;\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,IAAa,UAAkC,UAAU;CACvD,MAAM,EAAE,cAAc;CACtB,MAAM,OAAO,QAAQ;CAErB,MAAM,UAAU,KAAK,WAAW;CAChC,MAAM,qBAAqB,KAAK,OAAO,sBAAsB;CAC7D,MAAM,mBAAmB,WAAW,KAAK,iBAAiB,MAAM;CAChE,MAAM,aAAa,sBAAsB;CAEzC,MAAM,qBAAqB,sBAAsB;CAEjD,MAAM,aACJ,KAAK,QAAQ,SAAS,KACtB,KAAK,eAAe,SAAS,KAC7B,KAAK,UACL,mBAAmB,SAAS;CAE9B,MAAM,cAAc,oBAAC,uBAAD;EAAuB,IAAG;EAAU,WAAU;CAAQ,CAAA;CAE1E,IAAI,kBAMF,OACE,oBAAC,SAAD;EAAS,WAAWA,sBAAO;EAAqB,eAAa;EAC3D,UAAA,oBAAC,SAAD,EAAA,UAAU,YAAqB,CAAA;CACxB,CAAA;CAIb,OACE,qBAAC,SAAD;EACE,WAAW,KACTA,sBAAO,QACP,KAAK,UAAUA,sBAAO,YACtB,SACF;EALF,UAAA,CAOE,qBAAC,SAAD;GAAS,WAAWA,sBAAO;GAA3B,UAAA,CACG,aACA,cACC,qBAAC,SAAD;IAAS,WAAWA,sBAAO;IAA3B,UAAA;KACE,oBAAC,qBAAD,EAAiC,WAAa,CAAA;KAC9C,oBAAC,oBAAD,EAAgC,WAAa,CAAA;KAC7C,oBAAC,oBAAD,EAAgC,WAAa,CAAA;KAC7C,oBAAC,iBAAD,EAA6B,WAAa,CAAA;KAEzC,KAAK,UACJ,oBAAC,aAAD;MAAa,QAAQ,KAAK;MAAoB;KAAa,CAAA;IAEtD;GAEJ,CAAA,CAAA;EACT,CAAA,GAAA,oBAAC,eAAD,EAA2B,WAAa,CAAA,CACjC;;AAEb"}

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

@@ -46,7 +46,7 @@ var ActiveFilters = observer((props) => {
 			size: "s",
 			variant: "plain",
 			color: "secondary",
-			onPress: () => Filter.storeFilters(list, {
+			onPress: () => Filter.storeFilters(list, list.filters, {
 				autosave: false,
 				manualSave: true
 			}),

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

@@ -1 +1 @@
-{"version":3,"file":"ActiveFilters.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/ActiveFilters/ActiveFilters.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport styles from \"./ActiveFilters.module.scss\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { observer } from \"mobx-react-lite\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport {\n  IconClose,\n  IconSave,\n  IconUndo,\n} from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport TooltipView from \"@/views/TooltipView\";\nimport DivView from \"@/views/DivView\";\nimport BadgeView from \"@/views/BadgeView\";\nimport TooltipTriggerView from \"@/views/TooltipTriggerView\";\nimport TextView from \"@/views/TextView\";\nimport { Filter } from \"@/components/List/model/filter/Filter\";\nimport { transformDateValueToFormattedDate } from \"@/lib/date/transformDateValueToFormattedDate\";\nimport { DateRangeFilter } from \"@/components/List/model/filter/DateRangeFilter\";\n\ninterface Props {\n  isDisabled?: boolean;\n}\n\nexport const ActiveFilters: FC<Props> = observer((props) => {\n  const { isDisabled } = props;\n  const list = useList();\n  const formatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const activeFilters = list.filters.flatMap((f) => {\n    if (f instanceof DateRangeFilter) {\n      const value = f.getValue();\n      if (value) {\n        return [\n          <BadgeView\n            key={f.name}\n            onClose={() => f.clear()}\n            isDisabled={isDisabled}\n          >\n            <TextView>\n              {`${transformDateValueToFormattedDate(value.start)} - ${transformDateValueToFormattedDate(value.end)}`}\n            </TextView>\n          </BadgeView>,\n        ];\n      }\n    }\n\n    return f.values\n      .filter((v) => v.isActive)\n      .map((v) => (\n        <BadgeView\n          key={v.id}\n          onClose={() => v.deactivate()}\n          isDisabled={isDisabled}\n        >\n          <TextView>{v.render()}</TextView>\n        </BadgeView>\n      ));\n  });\n\n  const storingAvailable = list.filters.some((f) => f.isStoringAvailable());\n  const hasChanges = list.filters.some((f) => f.hasChanges());\n\n  const storeFiltersButton = storingAvailable && hasChanges && (\n    <TooltipTriggerView isDisabled={isDisabled}>\n      <TooltipView>{formatter.format(\"filters.store\")}</TooltipView>\n      <ButtonView\n        size=\"s\"\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={() =>\n          Filter.storeFilters(list, { autosave: false, manualSave: true })\n        }\n        aria-label={formatter.format(\"filters.store\")}\n      >\n        <IconSave />\n      </ButtonView>\n    </TooltipTriggerView>\n  );\n\n  const resetFiltersButton = hasChanges ? (\n    <TooltipTriggerView isDisabled={isDisabled}>\n      <TooltipView>{formatter.format(\"filters.reset\")}</TooltipView>\n      <ButtonView\n        size=\"s\"\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={() => list.resetFilters()}\n        aria-label={formatter.format(\"filters.reset\")}\n      >\n        <IconUndo />\n      </ButtonView>\n    </TooltipTriggerView>\n  ) : undefined;\n\n  const removeAllFiltersButton =\n    activeFilters.length > 1 ? (\n      <TooltipTriggerView isDisabled={isDisabled}>\n        <TooltipView>{formatter.format(\"filters.clear\")}</TooltipView>\n        <ButtonView\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n          onPress={() => list.clearFilters()}\n        >\n          <IconClose />\n        </ButtonView>\n      </TooltipTriggerView>\n    ) : undefined;\n\n  if (\n    activeFilters.length === 0 &&\n    !storeFiltersButton &&\n    !resetFiltersButton\n  ) {\n    return null;\n  }\n\n  return (\n    <DivView className={styles.activeFilters}>\n      {activeFilters}\n      {storeFiltersButton}\n      {resetFiltersButton}\n      {removeAllFiltersButton}\n    </DivView>\n  );\n});\n\nexport default ActiveFilters;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyBA,IAAa,gBAA2B,UAAU,UAAU;CAC1D,MAAM,EAAE,eAAe;CACvB,MAAM,OAAO,QAAQ;CACrB,MAAM,YAAY,4BAA4B,kBAAS,MAAM;CAE7D,MAAM,gBAAgB,KAAK,QAAQ,SAAS,MAAM;EAChD,IAAI,aAAa,iBAAiB;GAChC,MAAM,QAAQ,EAAE,SAAS;GACzB,IAAI,OACF,OAAO,CACL,oBAAC,WAAD;IAEE,eAAe,EAAE,MAAM;IACX;IAEZ,UAAA,oBAAC,UAAD,EAAA,UACG,GAAG,kCAAkC,MAAM,KAAK,EAAE,KAAK,kCAAkC,MAAM,GAAG,IAC3F,CAAA;GACD,GAPJ,EAAE,IAOE,CACb;EAEJ;EAEA,OAAO,EAAE,OACN,QAAQ,MAAM,EAAE,QAAQ,CAAC,CACzB,KAAK,MACJ,oBAAC,WAAD;GAEE,eAAe,EAAE,WAAW;GAChB;GAEZ,UAAA,oBAAC,UAAD,EAAA,UAAW,EAAE,OAAO,EAAY,CAAA;EACvB,GALJ,EAAE,EAKE,CACZ;CACL,CAAC;CAED,MAAM,mBAAmB,KAAK,QAAQ,MAAM,MAAM,EAAE,mBAAmB,CAAC;CACxE,MAAM,aAAa,KAAK,QAAQ,MAAM,MAAM,EAAE,WAAW,CAAC;CAE1D,MAAM,qBAAqB,oBAAoB,cAC7C,qBAAC,oBAAD;EAAgC;EAAhC,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,UAAU,OAAO,eAAe,EAAe,CAAA,GAC7D,oBAAC,YAAD;GACE,MAAK;GACL,SAAQ;GACR,OAAM;GACN,eACE,OAAO,aAAa,MAAM;IAAE,UAAU;IAAO,YAAY;GAAK,CAAC;GAEjE,cAAY,UAAU,OAAO,eAAe;GAE5C,UAAA,oBAAC,UAAD,CAAW,CAAA;EACD,CAAA,CACM;;CAGtB,MAAM,qBAAqB,aACzB,qBAAC,oBAAD;EAAgC;EAAhC,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,UAAU,OAAO,eAAe,EAAe,CAAA,GAC7D,oBAAC,YAAD;GACE,MAAK;GACL,SAAQ;GACR,OAAM;GACN,eAAe,KAAK,aAAa;GACjC,cAAY,UAAU,OAAO,eAAe;GAE5C,UAAA,oBAAC,UAAD,CAAW,CAAA;EACD,CAAA,CACM;CAClB,CAAA,IAAA,KAAA;CAEJ,MAAM,yBACJ,cAAc,SAAS,IACrB,qBAAC,oBAAD;EAAgC;EAAhC,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,UAAU,OAAO,eAAe,EAAe,CAAA,GAC7D,oBAAC,YAAD;GACE,MAAK;GACL,SAAQ;GACR,OAAM;GACN,eAAe,KAAK,aAAa;GAEjC,UAAA,oBAAC,WAAD,CAAY,CAAA;EACF,CAAA,CACM;CAClB,CAAA,IAAA,KAAA;CAEN,IACE,cAAc,WAAW,KACzB,CAAC,sBACD,CAAC,oBAED,OAAO;CAGT,OACE,qBAAC,SAAD;EAAS,WAAW,6BAAO;EAA3B,UAAA;GACG;GACA;GACA;GACA;EACM;;AAEb,CAAC"}
+{"version":3,"file":"ActiveFilters.mjs","names":["locales","styles"],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/ActiveFilters/ActiveFilters.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport styles from \"./ActiveFilters.module.scss\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { observer } from \"mobx-react-lite\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport {\n  IconClose,\n  IconSave,\n  IconUndo,\n} from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport TooltipView from \"@/views/TooltipView\";\nimport DivView from \"@/views/DivView\";\nimport BadgeView from \"@/views/BadgeView\";\nimport TooltipTriggerView from \"@/views/TooltipTriggerView\";\nimport TextView from \"@/views/TextView\";\nimport { Filter } from \"@/components/List/model/filter/Filter\";\nimport { transformDateValueToFormattedDate } from \"@/lib/date/transformDateValueToFormattedDate\";\nimport { DateRangeFilter } from \"@/components/List/model/filter/DateRangeFilter\";\n\ninterface Props {\n  isDisabled?: boolean;\n}\n\nexport const ActiveFilters: FC<Props> = observer((props) => {\n  const { isDisabled } = props;\n  const list = useList();\n  const formatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const activeFilters = list.filters.flatMap((f) => {\n    if (f instanceof DateRangeFilter) {\n      const value = f.getValue();\n      if (value) {\n        return [\n          <BadgeView\n            key={f.name}\n            onClose={() => f.clear()}\n            isDisabled={isDisabled}\n          >\n            <TextView>\n              {`${transformDateValueToFormattedDate(value.start)} - ${transformDateValueToFormattedDate(value.end)}`}\n            </TextView>\n          </BadgeView>,\n        ];\n      }\n    }\n\n    return f.values\n      .filter((v) => v.isActive)\n      .map((v) => (\n        <BadgeView\n          key={v.id}\n          onClose={() => v.deactivate()}\n          isDisabled={isDisabled}\n        >\n          <TextView>{v.render()}</TextView>\n        </BadgeView>\n      ));\n  });\n\n  const storingAvailable = list.filters.some((f) => f.isStoringAvailable());\n  const hasChanges = list.filters.some((f) => f.hasChanges());\n\n  const storeFiltersButton = storingAvailable && hasChanges && (\n    <TooltipTriggerView isDisabled={isDisabled}>\n      <TooltipView>{formatter.format(\"filters.store\")}</TooltipView>\n      <ButtonView\n        size=\"s\"\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={() =>\n          Filter.storeFilters(list, list.filters, {\n            autosave: false,\n            manualSave: true,\n          })\n        }\n        aria-label={formatter.format(\"filters.store\")}\n      >\n        <IconSave />\n      </ButtonView>\n    </TooltipTriggerView>\n  );\n\n  const resetFiltersButton = hasChanges ? (\n    <TooltipTriggerView isDisabled={isDisabled}>\n      <TooltipView>{formatter.format(\"filters.reset\")}</TooltipView>\n      <ButtonView\n        size=\"s\"\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={() => list.resetFilters()}\n        aria-label={formatter.format(\"filters.reset\")}\n      >\n        <IconUndo />\n      </ButtonView>\n    </TooltipTriggerView>\n  ) : undefined;\n\n  const removeAllFiltersButton =\n    activeFilters.length > 1 ? (\n      <TooltipTriggerView isDisabled={isDisabled}>\n        <TooltipView>{formatter.format(\"filters.clear\")}</TooltipView>\n        <ButtonView\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n          onPress={() => list.clearFilters()}\n        >\n          <IconClose />\n        </ButtonView>\n      </TooltipTriggerView>\n    ) : undefined;\n\n  if (\n    activeFilters.length === 0 &&\n    !storeFiltersButton &&\n    !resetFiltersButton\n  ) {\n    return null;\n  }\n\n  return (\n    <DivView className={styles.activeFilters}>\n      {activeFilters}\n      {storeFiltersButton}\n      {resetFiltersButton}\n      {removeAllFiltersButton}\n    </DivView>\n  );\n});\n\nexport default ActiveFilters;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyBA,IAAa,gBAA2B,UAAU,UAAU;CAC1D,MAAM,EAAE,eAAe;CACvB,MAAM,OAAO,QAAQ;CACrB,MAAM,YAAY,4BAA4BA,kBAAS,MAAM;CAE7D,MAAM,gBAAgB,KAAK,QAAQ,SAAS,MAAM;EAChD,IAAI,aAAa,iBAAiB;GAChC,MAAM,QAAQ,EAAE,SAAS;GACzB,IAAI,OACF,OAAO,CACL,oBAAC,WAAD;IAEE,eAAe,EAAE,MAAM;IACX;IAEZ,UAAA,oBAAC,UAAD,EAAA,UACG,GAAG,kCAAkC,MAAM,KAAK,EAAE,KAAK,kCAAkC,MAAM,GAAG,IAC3F,CAAA;GACD,GAPJ,EAAE,IAOE,CACb;EAEJ;EAEA,OAAO,EAAE,OACN,QAAQ,MAAM,EAAE,QAAQ,CAAC,CACzB,KAAK,MACJ,oBAAC,WAAD;GAEE,eAAe,EAAE,WAAW;GAChB;GAEZ,UAAA,oBAAC,UAAD,EAAA,UAAW,EAAE,OAAO,EAAY,CAAA;EACvB,GALJ,EAAE,EAKE,CACZ;CACL,CAAC;CAED,MAAM,mBAAmB,KAAK,QAAQ,MAAM,MAAM,EAAE,mBAAmB,CAAC;CACxE,MAAM,aAAa,KAAK,QAAQ,MAAM,MAAM,EAAE,WAAW,CAAC;CAE1D,MAAM,qBAAqB,oBAAoB,cAC7C,qBAAC,oBAAD;EAAgC;EAAhC,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,UAAU,OAAO,eAAe,EAAe,CAAA,GAC7D,oBAAC,YAAD;GACE,MAAK;GACL,SAAQ;GACR,OAAM;GACN,eACE,OAAO,aAAa,MAAM,KAAK,SAAS;IACtC,UAAU;IACV,YAAY;GACd,CAAC;GAEH,cAAY,UAAU,OAAO,eAAe;GAE5C,UAAA,oBAAC,UAAD,CAAW,CAAA;EACD,CAAA,CACM;;CAGtB,MAAM,qBAAqB,aACzB,qBAAC,oBAAD;EAAgC;EAAhC,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,UAAU,OAAO,eAAe,EAAe,CAAA,GAC7D,oBAAC,YAAD;GACE,MAAK;GACL,SAAQ;GACR,OAAM;GACN,eAAe,KAAK,aAAa;GACjC,cAAY,UAAU,OAAO,eAAe;GAE5C,UAAA,oBAAC,UAAD,CAAW,CAAA;EACD,CAAA,CACM;CAClB,CAAA,IAAA,KAAA;CAEJ,MAAM,yBACJ,cAAc,SAAS,IACrB,qBAAC,oBAAD;EAAgC;EAAhC,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,UAAU,OAAO,eAAe,EAAe,CAAA,GAC7D,oBAAC,YAAD;GACE,MAAK;GACL,SAAQ;GACR,OAAM;GACN,eAAe,KAAK,aAAa;GAEjC,UAAA,oBAAC,WAAD,CAAY,CAAA;EACF,CAAA,CACM;CAClB,CAAA,IAAA,KAAA;CAEN,IACE,cAAc,WAAW,KACzB,CAAC,sBACD,CAAC,oBAED,OAAO;CAGT,OACE,qBAAC,SAAD;EAAS,WAAWC,6BAAO;EAA3B,UAAA;GACG;GACA;GACA;GACA;EACM;;AAEb,CAAC"}

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

@@ -13,6 +13,7 @@ import Header_module_default from "../../Header.module.mjs";
 import { useAvailableViewModes } from "../../lib.mjs";
 import ContentView from "../../../../../../views/ContentView.mjs";
 import SectionView from "../../../../../../views/SectionView.mjs";
+import AccordionGroupView from "../../../../../../views/AccordionGroupView.mjs";
 import { FilterAccordion } from "./FilterAccordion.mjs";
 import { ViewModeAccordion } from "./ViewModeAccordion.mjs";
 import { SortingAccordion } from "./SortingAccordion.mjs";
@@ -64,7 +65,7 @@ var AllFiltersModal = (props) => {
 				controller,
 				children: [
 					/* @__PURE__ */ jsx(HeadingView, { children: stringFormatter.format("filters.all") }),
-					/* @__PURE__ */ jsx(ContentView, { children: /* @__PURE__ */ jsx(SectionView, { children: [...accordions] }) }),
+					/* @__PURE__ */ jsx(ContentView, { children: /* @__PURE__ */ jsx(SectionView, { children: /* @__PURE__ */ jsx(AccordionGroupView, { children: [...accordions] }) }) }),
 					/* @__PURE__ */ jsxs(ActionGroupView, { children: [/* @__PURE__ */ jsx(ButtonView, {
 						onPress: () => controller.close(),
 						children: /* @__PURE__ */ jsx(TextView, { children: isInitiallyLoading ? /* @__PURE__ */ jsx(SkeletonTextView, { width: "16ch" }) : stringFormatter.format("results.show", { totalItemCount }) })

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 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"}
+{"version":3,"file":"AllFiltersModal.mjs","names":["locales","styles"],"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 AccordionGroupView from \"@/views/AccordionGroupView\";\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>\n            <AccordionGroupView>{...accordions}</AccordionGroupView>\n          </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":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAa,mBAA8B,UAAU;CACnD,MAAM,EAAE,eAAe;CACvB,MAAM,OAAO,QAAQ;CACrB,MAAM,kBAAkB,4BAA4BA,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,KACTC,sBAAO,cACP,sBAAsB,KAAA,IAAYA,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,WAAWA,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,UACE,oBAAC,oBAAD,EAAA,UAAA,CAAoB,GAAI,UAA+B,EAAA,CAAA,EAC5C,CAAA,EACF,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/FilterAccordion.mjs

@@ -16,7 +16,10 @@ var FilterAccordion = (props) => {
 	const content = filter instanceof DateRangeFilter ? /* @__PURE__ */ jsx(FilterAccordionDateRange, { filter }) : filter.mode === "one" ? /* @__PURE__ */ jsx(FilterAccordionRadioGroup, { filter }) : /* @__PURE__ */ jsx(FilterAccordionCheckboxGroup, { filter });
 	return /* @__PURE__ */ jsxs(AccordionView, {
 		defaultExpanded: expandAccordions,
-		children: [/* @__PURE__ */ jsx(HeadingView, { children: name }), /* @__PURE__ */ jsx(ContentView, { children: content })]
+		children: [/* @__PURE__ */ jsx(HeadingView, {
+			level: 3,
+			children: name
+		}), /* @__PURE__ */ jsx(ContentView, { children: content })]
 	});
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"FilterAccordion.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordion.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport AccordionView from \"@/views/AccordionView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport ContentView from \"@/views/ContentView\";\nimport type { Filter } from \"@/components/List/model/filter/Filter\";\nimport { FilterAccordionRadioGroup } from \"@/components/List/components/Header/components/AllFiltersModal/FilterAccordionRadioGroup\";\nimport { FilterAccordionCheckboxGroup } from \"@/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup\";\nimport { FilterAccordionDateRange } from \"@/components/List/components/Header/components/AllFiltersModal/FilterAccordionDateRange\";\nimport { DateRangeFilter } from \"@/components/List/model/filter/DateRangeFilter\";\n\ninterface Props {\n  filter: Filter | DateRangeFilter;\n  expandAccordions: boolean;\n}\n\nexport const FilterAccordion: FC<Props> = (props) => {\n  const { filter, expandAccordions } = props;\n\n  const name = filter.name ?? filter.property;\n\n  const content =\n    filter instanceof DateRangeFilter ? (\n      <FilterAccordionDateRange filter={filter} />\n    ) : filter.mode === \"one\" ? (\n      <FilterAccordionRadioGroup filter={filter} />\n    ) : (\n      <FilterAccordionCheckboxGroup filter={filter} />\n    );\n\n  return (\n    <AccordionView defaultExpanded={expandAccordions}>\n      <HeadingView>{name}</HeadingView>\n      <ContentView>{content}</ContentView>\n    </AccordionView>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAeA,IAAa,mBAA8B,UAAU;CACnD,MAAM,EAAE,QAAQ,qBAAqB;CAErC,MAAM,OAAO,OAAO,QAAQ,OAAO;CAEnC,MAAM,UACJ,kBAAkB,kBAChB,oBAAC,0BAAD,EAAkC,OAAS,CAAA,IACzC,OAAO,SAAS,QAClB,oBAAC,2BAAD,EAAmC,OAAS,CAAA,IAE5C,oBAAC,8BAAD,EAAsC,OAAS,CAAA;CAGnD,OACE,qBAAC,eAAD;EAAe,iBAAiB;EAAhC,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,KAAkB,CAAA,GAChC,oBAAC,aAAD,EAAA,UAAc,QAAqB,CAAA,CACtB;;AAEnB"}
+{"version":3,"file":"FilterAccordion.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordion.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport AccordionView from \"@/views/AccordionView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport ContentView from \"@/views/ContentView\";\nimport type { Filter } from \"@/components/List/model/filter/Filter\";\nimport { FilterAccordionRadioGroup } from \"@/components/List/components/Header/components/AllFiltersModal/FilterAccordionRadioGroup\";\nimport { FilterAccordionCheckboxGroup } from \"@/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup\";\nimport { FilterAccordionDateRange } from \"@/components/List/components/Header/components/AllFiltersModal/FilterAccordionDateRange\";\nimport { DateRangeFilter } from \"@/components/List/model/filter/DateRangeFilter\";\n\ninterface Props {\n  filter: Filter | DateRangeFilter;\n  expandAccordions: boolean;\n}\n\nexport const FilterAccordion: FC<Props> = (props) => {\n  const { filter, expandAccordions } = props;\n\n  const name = filter.name ?? filter.property;\n\n  const content =\n    filter instanceof DateRangeFilter ? (\n      <FilterAccordionDateRange filter={filter} />\n    ) : filter.mode === \"one\" ? (\n      <FilterAccordionRadioGroup filter={filter} />\n    ) : (\n      <FilterAccordionCheckboxGroup filter={filter} />\n    );\n\n  return (\n    <AccordionView defaultExpanded={expandAccordions}>\n      <HeadingView level={3}>{name}</HeadingView>\n      <ContentView>{content}</ContentView>\n    </AccordionView>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAeA,IAAa,mBAA8B,UAAU;CACnD,MAAM,EAAE,QAAQ,qBAAqB;CAErC,MAAM,OAAO,OAAO,QAAQ,OAAO;CAEnC,MAAM,UACJ,kBAAkB,kBAChB,oBAAC,0BAAD,EAAkC,OAAS,CAAA,IACzC,OAAO,SAAS,QAClB,oBAAC,2BAAD,EAAmC,OAAS,CAAA,IAE5C,oBAAC,8BAAD,EAAsC,OAAS,CAAA;CAGnD,OACE,qBAAC,eAAD;EAAe,iBAAiB;EAAhC,UAAA,CACE,oBAAC,aAAD;GAAa,OAAO;GAAI,UAAA;EAAkB,CAAA,GAC1C,oBAAC,aAAD,EAAA,UAAc,QAAqB,CAAA,CACtB;;AAEnB"}

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\";\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"}
+{"version":3,"file":"FilterAccordionCheckboxGroup.mjs","names":["locales","styles","_Fragment"],"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,4BAA4BA,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,WAAWC,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,qBAAAC,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/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 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"}
+{"version":3,"file":"FilterAccordionDateRange.mjs","names":["locales"],"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,4BAA4BA,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.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 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"}
+{"version":3,"file":"FilterAccordionRadioGroup.mjs","names":["locales"],"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,4BAA4BA,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

@@ -20,7 +20,10 @@ var SortingAccordion = (props) => {
 	if (sorting.length === 0) return null;
 	return /* @__PURE__ */ jsxs(AccordionView, {
 		defaultExpanded: expandAccordions,
-		children: [/* @__PURE__ */ jsx(HeadingView, { children: stringFormatter.format("sorting") }), /* @__PURE__ */ jsx(ContentView, { children: /* @__PURE__ */ jsx(RadioGroupView, {
+		children: [/* @__PURE__ */ jsx(HeadingView, {
+			level: 3,
+			children: stringFormatter.format("sorting")
+		}), /* @__PURE__ */ jsx(ContentView, { children: /* @__PURE__ */ jsx(RadioGroupView, {
 			value: activeSorting?.id,
 			m: [1, 1],
 			children: sorting.map((s) => /* @__PURE__ */ jsx(RadioView, {

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

@@ -1 +1 @@
-{"version":3,"file":"SortingAccordion.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/SortingAccordion.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport AccordionView from \"@/views/AccordionView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport ContentView from \"@/views/ContentView\";\nimport RadioGroupView from \"@/views/RadioGroupView\";\nimport RadioView from \"@/views/RadioView\";\nimport { useList } from \"@/components/List\";\nimport locales from \"../../../../locales/*.locale.json\";\n\ninterface Props {\n  expandAccordions: boolean;\n}\n\nexport const SortingAccordion: FC<Props> = (props) => {\n  const { expandAccordions } = props;\n\n  const list = useList();\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const sorting = list.visibleSorting;\n  const activeSorting = sorting.find((s) => s.isSorted());\n\n  if (sorting.length === 0) {\n    return null;\n  }\n\n  return (\n    <AccordionView defaultExpanded={expandAccordions}>\n      <HeadingView>{stringFormatter.format(\"sorting\")}</HeadingView>\n      <ContentView>\n        <RadioGroupView value={activeSorting?.id} m={[1, 1]}>\n          {sorting.map((s) => (\n            <RadioView\n              key={s.id}\n              value={s.id}\n              onPress={() => list.getSorting(s.id).enable()}\n            >\n              {`${s.name ?? s.property} ${s.directionName ?? \"\"}`.trim()}\n            </RadioView>\n          ))}\n        </RadioGroupView>\n      </ContentView>\n    </AccordionView>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAcA,IAAa,oBAA+B,UAAU;CACpD,MAAM,EAAE,qBAAqB;CAE7B,MAAM,OAAO,QAAQ;CACrB,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,MAAM,UAAU,KAAK;CACrB,MAAM,gBAAgB,QAAQ,MAAM,MAAM,EAAE,SAAS,CAAC;CAEtD,IAAI,QAAQ,WAAW,GACrB,OAAO;CAGT,OACE,qBAAC,eAAD;EAAe,iBAAiB;EAAhC,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,gBAAgB,OAAO,SAAS,EAAe,CAAA,GAC7D,oBAAC,aAAD,EAAA,UACE,oBAAC,gBAAD;GAAgB,OAAO,eAAe;GAAI,GAAG,CAAC,GAAG,CAAC;GAC/C,UAAA,QAAQ,KAAK,MACZ,oBAAC,WAAD;IAEE,OAAO,EAAE;IACT,eAAe,KAAK,WAAW,EAAE,EAAE,CAAC,CAAC,OAAO;IAE3C,UAAA,GAAG,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,iBAAiB,KAAK,KAAK;GAChD,GALJ,EAAE,EAKE,CACZ;EACa,CAAA,EACL,CAAA,CACA;;AAEnB"}
+{"version":3,"file":"SortingAccordion.mjs","names":["locales"],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/SortingAccordion.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport AccordionView from \"@/views/AccordionView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport ContentView from \"@/views/ContentView\";\nimport RadioGroupView from \"@/views/RadioGroupView\";\nimport RadioView from \"@/views/RadioView\";\nimport { useList } from \"@/components/List\";\nimport locales from \"../../../../locales/*.locale.json\";\n\ninterface Props {\n  expandAccordions: boolean;\n}\n\nexport const SortingAccordion: FC<Props> = (props) => {\n  const { expandAccordions } = props;\n\n  const list = useList();\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const sorting = list.visibleSorting;\n  const activeSorting = sorting.find((s) => s.isSorted());\n\n  if (sorting.length === 0) {\n    return null;\n  }\n\n  return (\n    <AccordionView defaultExpanded={expandAccordions}>\n      <HeadingView level={3}>{stringFormatter.format(\"sorting\")}</HeadingView>\n      <ContentView>\n        <RadioGroupView value={activeSorting?.id} m={[1, 1]}>\n          {sorting.map((s) => (\n            <RadioView\n              key={s.id}\n              value={s.id}\n              onPress={() => list.getSorting(s.id).enable()}\n            >\n              {`${s.name ?? s.property} ${s.directionName ?? \"\"}`.trim()}\n            </RadioView>\n          ))}\n        </RadioGroupView>\n      </ContentView>\n    </AccordionView>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAcA,IAAa,oBAA+B,UAAU;CACpD,MAAM,EAAE,qBAAqB;CAE7B,MAAM,OAAO,QAAQ;CACrB,MAAM,kBAAkB,4BAA4BA,kBAAS,MAAM;CAEnE,MAAM,UAAU,KAAK;CACrB,MAAM,gBAAgB,QAAQ,MAAM,MAAM,EAAE,SAAS,CAAC;CAEtD,IAAI,QAAQ,WAAW,GACrB,OAAO;CAGT,OACE,qBAAC,eAAD;EAAe,iBAAiB;EAAhC,UAAA,CACE,oBAAC,aAAD;GAAa,OAAO;GAAI,UAAA,gBAAgB,OAAO,SAAS;EAAe,CAAA,GACvE,oBAAC,aAAD,EAAA,UACE,oBAAC,gBAAD;GAAgB,OAAO,eAAe;GAAI,GAAG,CAAC,GAAG,CAAC;GAC/C,UAAA,QAAQ,KAAK,MACZ,oBAAC,WAAD;IAEE,OAAO,EAAE;IACT,eAAe,KAAK,WAAW,EAAE,EAAE,CAAC,CAAC,OAAO;IAE3C,UAAA,GAAG,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,iBAAiB,KAAK,KAAK;GAChD,GALJ,EAAE,EAKE,CACZ;EACa,CAAA,EACL,CAAA,CACA;;AAEnB"}

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

@@ -20,7 +20,10 @@ var ViewModeAccordion = (props) => {
 	const selectedViewMode = list.viewMode.value;
 	return /* @__PURE__ */ jsxs(AccordionView, {
 		defaultExpanded: expandAccordions,
-		children: [/* @__PURE__ */ jsx(HeadingView, { children: stringFormatter.format("settings.viewMode") }), /* @__PURE__ */ jsx(ContentView, { children: /* @__PURE__ */ jsx(RadioGroupView, {
+		children: [/* @__PURE__ */ jsx(HeadingView, {
+			level: 3,
+			children: stringFormatter.format("settings.viewMode")
+		}), /* @__PURE__ */ jsx(ContentView, { children: /* @__PURE__ */ jsx(RadioGroupView, {
 			value: selectedViewMode,
 			m: [1, 1],
 			children: availableViewModes.map((v) => /* @__PURE__ */ jsx(RadioView, {

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

@@ -1 +1 @@
-{"version":3,"file":"ViewModeAccordion.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/ViewModeAccordion.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport AccordionView from \"@/views/AccordionView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport ContentView from \"@/views/ContentView\";\nimport RadioGroupView from \"@/views/RadioGroupView\";\nimport RadioView from \"@/views/RadioView\";\nimport { useAvailableViewModes } from \"@/components/List/components/Header/lib\";\nimport { useList } from \"@/components/List\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\n\ninterface Props {\n  expandAccordions: boolean;\n}\n\nexport const ViewModeAccordion: FC<Props> = (props) => {\n  const { expandAccordions } = props;\n\n  const list = useList();\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const availableViewModes = useAvailableViewModes();\n  const selectedViewMode = list.viewMode.value;\n\n  return (\n    <AccordionView defaultExpanded={expandAccordions}>\n      <HeadingView>{stringFormatter.format(\"settings.viewMode\")}</HeadingView>\n      <ContentView>\n        <RadioGroupView value={selectedViewMode} m={[1, 1]}>\n          {availableViewModes.map((v) => (\n            <RadioView key={v} value={v} onPress={() => list.viewMode.set(v)}>\n              {stringFormatter.format(`settings.viewMode.${v}`)}\n            </RadioView>\n          ))}\n        </RadioGroupView>\n      </ContentView>\n    </AccordionView>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAeA,IAAa,qBAAgC,UAAU;CACrD,MAAM,EAAE,qBAAqB;CAE7B,MAAM,OAAO,QAAQ;CACrB,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,MAAM,qBAAqB,sBAAsB;CACjD,MAAM,mBAAmB,KAAK,SAAS;CAEvC,OACE,qBAAC,eAAD;EAAe,iBAAiB;EAAhC,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,gBAAgB,OAAO,mBAAmB,EAAe,CAAA,GACvE,oBAAC,aAAD,EAAA,UACE,oBAAC,gBAAD;GAAgB,OAAO;GAAkB,GAAG,CAAC,GAAG,CAAC;GAC9C,UAAA,mBAAmB,KAAK,MACvB,oBAAC,WAAD;IAAmB,OAAO;IAAG,eAAe,KAAK,SAAS,IAAI,CAAC;IAC5D,UAAA,gBAAgB,OAAO,qBAAqB,GAAG;GACvC,GAFK,CAEL,CACZ;EACa,CAAA,EACL,CAAA,CACA;;AAEnB"}
+{"version":3,"file":"ViewModeAccordion.mjs","names":["locales"],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/ViewModeAccordion.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport AccordionView from \"@/views/AccordionView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport ContentView from \"@/views/ContentView\";\nimport RadioGroupView from \"@/views/RadioGroupView\";\nimport RadioView from \"@/views/RadioView\";\nimport { useAvailableViewModes } from \"@/components/List/components/Header/lib\";\nimport { useList } from \"@/components/List\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\n\ninterface Props {\n  expandAccordions: boolean;\n}\n\nexport const ViewModeAccordion: FC<Props> = (props) => {\n  const { expandAccordions } = props;\n\n  const list = useList();\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const availableViewModes = useAvailableViewModes();\n  const selectedViewMode = list.viewMode.value;\n\n  return (\n    <AccordionView defaultExpanded={expandAccordions}>\n      <HeadingView level={3}>\n        {stringFormatter.format(\"settings.viewMode\")}\n      </HeadingView>\n      <ContentView>\n        <RadioGroupView value={selectedViewMode} m={[1, 1]}>\n          {availableViewModes.map((v) => (\n            <RadioView key={v} value={v} onPress={() => list.viewMode.set(v)}>\n              {stringFormatter.format(`settings.viewMode.${v}`)}\n            </RadioView>\n          ))}\n        </RadioGroupView>\n      </ContentView>\n    </AccordionView>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAeA,IAAa,qBAAgC,UAAU;CACrD,MAAM,EAAE,qBAAqB;CAE7B,MAAM,OAAO,QAAQ;CACrB,MAAM,kBAAkB,4BAA4BA,kBAAS,MAAM;CAEnE,MAAM,qBAAqB,sBAAsB;CACjD,MAAM,mBAAmB,KAAK,SAAS;CAEvC,OACE,qBAAC,eAAD;EAAe,iBAAiB;EAAhC,UAAA,CACE,oBAAC,aAAD;GAAa,OAAO;GACjB,UAAA,gBAAgB,OAAO,mBAAmB;EAChC,CAAA,GACb,oBAAC,aAAD,EAAA,UACE,oBAAC,gBAAD;GAAgB,OAAO;GAAkB,GAAG,CAAC,GAAG,CAAC;GAC9C,UAAA,mBAAmB,KAAK,MACvB,oBAAC,WAAD;IAAmB,OAAO;IAAG,eAAe,KAAK,SAAS,IAAI,CAAC;IAC5D,UAAA,gBAAgB,OAAO,qBAAqB,GAAG;GACvC,GAFK,CAEL,CACZ;EACa,CAAA,EACL,CAAA,CACA;;AAEnB"}

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangeFilterPopover.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/FilterContextMenu/DateRangeFilterPopover.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport ButtonView from \"@/views/ButtonView\";\nimport headerStyles from \"@/components/List/components/Header/Header.module.scss\";\nimport TextView from \"@/views/TextView\";\nimport { IconFilter } from \"@/components/Icon/components/icons\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { Popover, PopoverTrigger } from \"@/components/Popover\";\nimport styles from \"./FilterContextMenus.module.scss\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport RangeCalendarView from \"@/views/RangeCalendarView\";\nimport type { AnyDateRangeFilter } from \"@/components/List/model/filter/types\";\n\ninterface Props {\n  filter: AnyDateRangeFilter;\n  isDisabled?: boolean;\n}\n\nexport const DateRangeFilterPopover: FC<Props> = (props) => {\n  const { filter, isDisabled } = props;\n\n  const { name, property } = filter;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const controller = useOverlayController(\"Popover\");\n\n  return (\n    <PopoverTrigger controller={controller}>\n      <ButtonView\n        className={headerStyles.hideOnMobile}\n        variant=\"outline\"\n        color=\"secondary\"\n        isDisabled={isDisabled}\n      >\n        <TextView>{name ?? property}</TextView>\n        <IconFilter />\n      </ButtonView>\n      <Popover\n        placement=\"bottom end\"\n        isDialogContent\n        aria-label={stringFormatter.format(\"dateRange\")}\n      >\n        <RangeCalendarView\n          {...filter.dateRangeOptions}\n          value={filter.getValue()}\n          onChange={(range) => {\n            filter.setValue(range);\n            controller.close();\n          }}\n          className={styles.calendar}\n        />\n      </Popover>\n    </PopoverTrigger>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,IAAa,0BAAqC,UAAU;CAC1D,MAAM,EAAE,QAAQ,eAAe;CAE/B,MAAM,EAAE,MAAM,aAAa;CAE3B,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,MAAM,aAAa,qBAAqB,SAAS;CAEjD,OACE,qBAAC,gBAAD;EAA4B;EAA5B,UAAA,CACE,qBAAC,YAAD;GACE,WAAW,sBAAa;GACxB,SAAQ;GACR,OAAM;GACM;GAJd,UAAA,CAME,oBAAC,UAAD,EAAA,UAAW,QAAQ,SAAmB,CAAA,GACtC,oBAAC,YAAD,CAAa,CAAA,CACH;EACZ,CAAA,GAAA,oBAAC,SAAD;GACE,WAAU;GACV,iBAAA;GACA,cAAY,gBAAgB,OAAO,WAAW;GAE9C,UAAA,oBAAC,mBAAD;IACE,GAAI,OAAO;IACX,OAAO,OAAO,SAAS;IACvB,WAAW,UAAU;KACnB,OAAO,SAAS,KAAK;KACrB,WAAW,MAAM;IACnB;IACA,WAAW,kCAAO;GACnB,CAAA;EACM,CAAA,CACK;;AAEpB"}
+{"version":3,"file":"DateRangeFilterPopover.mjs","names":["locales","headerStyles","styles"],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/FilterContextMenu/DateRangeFilterPopover.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport ButtonView from \"@/views/ButtonView\";\nimport headerStyles from \"@/components/List/components/Header/Header.module.scss\";\nimport TextView from \"@/views/TextView\";\nimport { IconFilter } from \"@/components/Icon/components/icons\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { Popover, PopoverTrigger } from \"@/components/Popover\";\nimport styles from \"./FilterContextMenus.module.scss\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport RangeCalendarView from \"@/views/RangeCalendarView\";\nimport type { AnyDateRangeFilter } from \"@/components/List/model/filter/types\";\n\ninterface Props {\n  filter: AnyDateRangeFilter;\n  isDisabled?: boolean;\n}\n\nexport const DateRangeFilterPopover: FC<Props> = (props) => {\n  const { filter, isDisabled } = props;\n\n  const { name, property } = filter;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  const controller = useOverlayController(\"Popover\");\n\n  return (\n    <PopoverTrigger controller={controller}>\n      <ButtonView\n        className={headerStyles.hideOnMobile}\n        variant=\"outline\"\n        color=\"secondary\"\n        isDisabled={isDisabled}\n      >\n        <TextView>{name ?? property}</TextView>\n        <IconFilter />\n      </ButtonView>\n      <Popover\n        placement=\"bottom end\"\n        isDialogContent\n        aria-label={stringFormatter.format(\"dateRange\")}\n      >\n        <RangeCalendarView\n          {...filter.dateRangeOptions}\n          value={filter.getValue()}\n          onChange={(range) => {\n            filter.setValue(range);\n            controller.close();\n          }}\n          className={styles.calendar}\n        />\n      </Popover>\n    </PopoverTrigger>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,IAAa,0BAAqC,UAAU;CAC1D,MAAM,EAAE,QAAQ,eAAe;CAE/B,MAAM,EAAE,MAAM,aAAa;CAE3B,MAAM,kBAAkB,4BAA4BA,kBAAS,MAAM;CAEnE,MAAM,aAAa,qBAAqB,SAAS;CAEjD,OACE,qBAAC,gBAAD;EAA4B;EAA5B,UAAA,CACE,qBAAC,YAAD;GACE,WAAWC,sBAAa;GACxB,SAAQ;GACR,OAAM;GACM;GAJd,UAAA,CAME,oBAAC,UAAD,EAAA,UAAW,QAAQ,SAAmB,CAAA,GACtC,oBAAC,YAAD,CAAa,CAAA,CACH;EACZ,CAAA,GAAA,oBAAC,SAAD;GACE,WAAU;GACV,iBAAA;GACA,cAAY,gBAAgB,OAAO,WAAW;GAE9C,UAAA,oBAAC,mBAAD;IACE,GAAI,OAAO;IACX,OAAO,OAAO,SAAS;IACvB,WAAW,UAAU;KACnB,OAAO,SAAS,KAAK;KACrB,WAAW,MAAM;IACnB;IACA,WAAWC,kCAAO;GACnB,CAAA;EACM,CAAA,CACK;;AAEpB"}

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 { 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"}
+{"version":3,"file":"FilterContextMenu.mjs","names":["styles"],"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,WAAWA,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"}