@mittwald/flow-react-components 0.2.0-alpha.780 → 0.2.0-alpha.782

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

@@ -1,35 +1,29 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import { useList } from '../../../../hooks/useList.mjs';
-import locales from '../../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
-import { useLocalizedStringFormatter } from 'react-aria';
-import ButtonView from '../../../../../../views/ButtonView.mjs';
-
-const ShowNextBatchButton = (props) => {
-  const stringFormatter = useLocalizedStringFormatter(locales);
-  const list = useList();
-  const isLoading = list.loader.useIsLoading();
-  const isInitiallyLoading = list.loader.useIsInitiallyLoading();
-  const pagination = list.batches;
-  const canLoadMore = pagination.hasNextBatch();
-  if (!canLoadMore && !isLoading) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    ButtonView,
-    {
-      isPending: isLoading && !isInitiallyLoading,
-      isDisabled: isInitiallyLoading,
-      ...props,
-      onPress: () => list.batches.nextBatch(),
-      variant: "plain",
-      size: "s",
-      children: stringFormatter.format("list.showMore")
-    }
-  );
+import __locale_default from "../../../../../../../../../_virtual/_14.locale.mjs";
+import ButtonView from "../../../../../../views/ButtonView.mjs";
+import { useList } from "../../../../hooks/useList.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { useLocalizedStringFormatter } from "react-aria";
+//#region src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.tsx
+var ShowNextBatchButton = (props) => {
+	const stringFormatter = useLocalizedStringFormatter(__locale_default);
+	const list = useList();
+	const isLoading = list.loader.useIsLoading();
+	const isInitiallyLoading = list.loader.useIsInitiallyLoading();
+	if (!list.batches.hasNextBatch() && !isLoading) return null;
+	return /* @__PURE__ */ jsx(ButtonView, {
+		isPending: isLoading && !isInitiallyLoading,
+		isDisabled: isInitiallyLoading,
+		...props,
+		onPress: () => list.batches.nextBatch(),
+		variant: "plain",
+		size: "s",
+		children: stringFormatter.format("list.showMore")
+	});
 };
+//#endregion
+export { ShowNextBatchButton as default };
 
-export { ShowNextBatchButton };
-//# sourceMappingURL=ShowNextBatchButton.mjs.map
+//# sourceMappingURL=ShowNextBatchButton.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ShowNextBatchButton.mjs","sources":["../../../../../../../../../../../src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport ButtonView from \"@/views/ButtonView\";\n\nexport const ShowNextBatchButton: FC<ButtonProps> = (props) => {\n  const stringFormatter = useLocalizedStringFormatter(locales);\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(\"list.showMore\")}\n    </ButtonView>\n  );\n};\n\nexport default ShowNextBatchButton;\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,mBAAA,GAAuC,CAAC,KAAA,KAAU;AAC7D,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAC3D,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,MAAA,CAAO,YAAA,EAAa;AAC3C,EAAA,MAAM,kBAAA,GAAqB,IAAA,CAAK,MAAA,CAAO,qBAAA,EAAsB;AAC7D,EAAA,MAAM,aAAa,IAAA,CAAK,OAAA;AACxB,EAAA,MAAM,WAAA,GAAc,WAAW,YAAA,EAAa;AAE5C,EAAA,IAAI,CAAC,WAAA,IAAe,CAAC,SAAA,EAAW;AAC9B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,aAAa,CAAC,kBAAA;AAAA,MACzB,UAAA,EAAY,kBAAA;AAAA,MACX,GAAG,KAAA;AAAA,MACJ,OAAA,EAAS,MAAM,IAAA,CAAK,OAAA,CAAQ,SAAA,EAAU;AAAA,MACtC,OAAA,EAAQ,OAAA;AAAA,MACR,IAAA,EAAK,GAAA;AAAA,MAEJ,QAAA,EAAA,eAAA,CAAgB,OAAO,eAAe;AAAA;AAAA,GACzC;AAEJ;;;;"}
+{"version":3,"file":"ShowNextBatchButton.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport ButtonView from \"@/views/ButtonView\";\n\nexport const ShowNextBatchButton: FC<ButtonProps> = (props) => {\n  const stringFormatter = useLocalizedStringFormatter(locales);\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(\"list.showMore\")}\n    </ButtonView>\n  );\n};\n\nexport default ShowNextBatchButton;\n"],"mappings":";;;;;;;AAQA,IAAa,uBAAwC,UAAU;CAC7D,MAAM,kBAAkB,4BAA4B,iBAAQ;CAC5D,MAAM,OAAO,SAAS;CACtB,MAAM,YAAY,KAAK,OAAO,cAAc;CAC5C,MAAM,qBAAqB,KAAK,OAAO,uBAAuB;AAI9D,KAAI,CAHe,KAAK,QACO,cAAc,IAEzB,CAAC,UACnB,QAAO;AAGT,QACE,oBAAC,YAAD;EACE,WAAW,aAAa,CAAC;EACzB,YAAY;EACZ,GAAI;EACJ,eAAe,KAAK,QAAQ,WAAW;EACvC,SAAQ;EACR,MAAK;YAEJ,gBAAgB,OAAO,gBAAgB;EAC7B,CAAA"}

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

@@ -0,0 +1 @@
+import "./ShowNextBatchButton.mjs";

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

@@ -0,0 +1 @@
+import "./Footer.mjs";

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

@@ -1,49 +1,44 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import headerStyles from './Header.module.css.mjs';
-import clsx from 'clsx';
-import { ActiveFilters } from './components/ActiveFilters/ActiveFilters.mjs';
-import { useList } from '../../hooks/useList.mjs';
-import { SearchField } from './components/SearchField/SearchField.mjs';
-import { ViewModeContextMenu } from './components/ViewModeContextMenu/ViewModeContextMenu.mjs';
-import { TunnelExit } from '@mittwald/react-tunnel';
-import DivView from '../../../../views/DivView.mjs';
-import { SortingContextMenu } from './components/SortingContextMenu/SortingContextMenu.mjs';
-import { FilterContextMenus } from './components/FilterContextMenu/FilterContextMenus.mjs';
-import { AllFiltersModal } from './components/AllFiltersModal/AllFiltersModal.mjs';
-import { useAvailableViewModes } from './lib.mjs';
-
-const Header = (props) => {
-  const { className } = props;
-  const list = useList();
-  const availableViewModes = useAvailableViewModes();
-  const hasOptions = list.filters.length > 0 || list.visibleSorting.length > 0 || list.search || availableViewModes.length > 1;
-  return /* @__PURE__ */ jsxs(
-    DivView,
-    {
-      className: clsx(
-        className,
-        headerStyles.header,
-        list.search && headerStyles.withSearch
-      ),
-      children: [
-        /* @__PURE__ */ jsxs(DivView, { className: headerStyles.headerContent, children: [
-          /* @__PURE__ */ jsx(TunnelExit, { id: "actions" }),
-          hasOptions && /* @__PURE__ */ jsxs(DivView, { className: headerStyles.options, children: [
-            /* @__PURE__ */ jsx(ViewModeContextMenu, {}),
-            /* @__PURE__ */ jsx(SortingContextMenu, {}),
-            /* @__PURE__ */ jsx(FilterContextMenus, {}),
-            /* @__PURE__ */ jsx(AllFiltersModal, {}),
-            list.search && /* @__PURE__ */ jsx(SearchField, { search: list.search })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(ActiveFilters, {})
-      ]
-    }
-  );
+import DivView from "../../../../views/DivView.mjs";
+import { useList } from "../../hooks/useList.mjs";
+import Header_module_default from "./Header.module.mjs";
+import ActiveFilters from "./components/ActiveFilters/ActiveFilters.mjs";
+import "./components/ActiveFilters/index.mjs";
+import SearchField from "./components/SearchField/SearchField.mjs";
+import { useAvailableViewModes } from "./lib.mjs";
+import { ViewModeContextMenu } from "./components/ViewModeContextMenu/ViewModeContextMenu.mjs";
+import { SortingContextMenu } from "./components/SortingContextMenu/SortingContextMenu.mjs";
+import { FilterContextMenus } from "./components/FilterContextMenu/FilterContextMenus.mjs";
+import { AllFiltersModal } from "./components/AllFiltersModal/AllFiltersModal.mjs";
+import clsx from "clsx";
+import "react";
+import { TunnelExit } from "@mittwald/react-tunnel";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/List/components/Header/Header.tsx
+var Header = (props) => {
+	const { className } = props;
+	const list = useList();
+	const availableViewModes = useAvailableViewModes();
+	const hasOptions = list.filters.length > 0 || list.visibleSorting.length > 0 || list.search || availableViewModes.length > 1;
+	return /* @__PURE__ */ jsxs(DivView, {
+		className: clsx(className, Header_module_default.header, list.search && Header_module_default.withSearch),
+		children: [/* @__PURE__ */ jsxs(DivView, {
+			className: Header_module_default.headerContent,
+			children: [/* @__PURE__ */ jsx(TunnelExit, { id: "actions" }), hasOptions && /* @__PURE__ */ jsxs(DivView, {
+				className: Header_module_default.options,
+				children: [
+					/* @__PURE__ */ jsx(ViewModeContextMenu, {}),
+					/* @__PURE__ */ jsx(SortingContextMenu, {}),
+					/* @__PURE__ */ jsx(FilterContextMenus, {}),
+					/* @__PURE__ */ jsx(AllFiltersModal, {}),
+					list.search && /* @__PURE__ */ jsx(SearchField, { search: list.search })
+				]
+			})]
+		}), /* @__PURE__ */ jsx(ActiveFilters, {})]
+	});
 };
+//#endregion
+export { Header as default };
 
-export { Header };
-//# sourceMappingURL=Header.mjs.map
+//# sourceMappingURL=Header.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.mjs","sources":["../../../../../../../../../src/components/List/components/Header/Header.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport styles from \"./Header.module.css\";\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 { TunnelExit } from \"@mittwald/react-tunnel\";\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\";\n\nexport const Header: FC<PropsWithClassName> = (props) => {\n  const { className } = props;\n  const list = useList();\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  return (\n    <DivView\n      className={clsx(\n        className,\n        styles.header,\n        list.search && styles.withSearch,\n      )}\n    >\n      <DivView className={styles.headerContent}>\n        <TunnelExit id=\"actions\" />\n        {hasOptions && (\n          <DivView className={styles.options}>\n            <ViewModeContextMenu />\n            <SortingContextMenu />\n            <FilterContextMenus />\n            <AllFiltersModal />\n\n            {list.search && <SearchField search={list.search} />}\n          </DivView>\n        )}\n      </DivView>\n      <ActiveFilters />\n    </DivView>\n  );\n};\n\nexport default Header;\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;AAgBO,MAAM,MAAA,GAAiC,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM,EAAE,WAAU,GAAI,KAAA;AACtB,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,MAAM,qBAAqB,qBAAA,EAAsB;AAEjD,EAAA,MAAM,UAAA,GACJ,IAAA,CAAK,OAAA,CAAQ,MAAA,GAAS,CAAA,IACtB,IAAA,CAAK,cAAA,CAAe,MAAA,GAAS,CAAA,IAC7B,IAAA,CAAK,MAAA,IACL,kBAAA,CAAmB,MAAA,GAAS,CAAA;AAE9B,EAAA,uBACE,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA;AAAA,QACT,SAAA;AAAA,QACAA,YAAA,CAAO,MAAA;AAAA,QACP,IAAA,CAAK,UAAUA,YAAA,CAAO;AAAA,OACxB;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAWA,YAAA,CAAO,aAAA,EACzB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,IAAG,SAAA,EAAU,CAAA;AAAA,UACxB,UAAA,oBACC,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAWA,aAAO,OAAA,EACzB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,mBAAA,EAAA,EAAoB,CAAA;AAAA,gCACpB,kBAAA,EAAA,EAAmB,CAAA;AAAA,gCACnB,kBAAA,EAAA,EAAmB,CAAA;AAAA,gCACnB,eAAA,EAAA,EAAgB,CAAA;AAAA,YAEhB,KAAK,MAAA,oBAAU,GAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAQ,KAAK,MAAA,EAAQ;AAAA,WAAA,EACpD;AAAA,SAAA,EAEJ,CAAA;AAAA,4BACC,aAAA,EAAA,EAAc;AAAA;AAAA;AAAA,GACjB;AAEJ;;;;"}
+{"version":3,"file":"Header.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/Header/Header.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport styles from \"./Header.module.css\";\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 { TunnelExit } from \"@mittwald/react-tunnel\";\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\";\n\nexport const Header: FC<PropsWithClassName> = (props) => {\n  const { className } = props;\n  const list = useList();\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  return (\n    <DivView\n      className={clsx(\n        className,\n        styles.header,\n        list.search && styles.withSearch,\n      )}\n    >\n      <DivView className={styles.headerContent}>\n        <TunnelExit id=\"actions\" />\n        {hasOptions && (\n          <DivView className={styles.options}>\n            <ViewModeContextMenu />\n            <SortingContextMenu />\n            <FilterContextMenus />\n            <AllFiltersModal />\n\n            {list.search && <SearchField search={list.search} />}\n          </DivView>\n        )}\n      </DivView>\n      <ActiveFilters />\n    </DivView>\n  );\n};\n\nexport default Header;\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,IAAa,UAAkC,UAAU;CACvD,MAAM,EAAE,cAAc;CACtB,MAAM,OAAO,SAAS;CAEtB,MAAM,qBAAqB,uBAAuB;CAElD,MAAM,aACJ,KAAK,QAAQ,SAAS,KACtB,KAAK,eAAe,SAAS,KAC7B,KAAK,UACL,mBAAmB,SAAS;AAE9B,QACE,qBAAC,SAAD;EACE,WAAW,KACT,WACA,sBAAO,QACP,KAAK,UAAU,sBAAO,WACvB;YALH,CAOE,qBAAC,SAAD;GAAS,WAAW,sBAAO;aAA3B,CACE,oBAAC,YAAD,EAAY,IAAG,WAAY,CAAA,EAC1B,cACC,qBAAC,SAAD;IAAS,WAAW,sBAAO;cAA3B;KACE,oBAAC,qBAAD,EAAuB,CAAA;KACvB,oBAAC,oBAAD,EAAsB,CAAA;KACtB,oBAAC,oBAAD,EAAsB,CAAA;KACtB,oBAAC,iBAAD,EAAmB,CAAA;KAElB,KAAK,UAAU,oBAAC,aAAD,EAAa,QAAQ,KAAK,QAAU,CAAA;KAC5C;MAEJ;MACV,oBAAC,eAAD,EAAiB,CAAA,CACT"}

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

@@ -0,0 +1,16 @@
+"use client"
+/* */
+var Header_module_default = {
+	header: "flow--list--header",
+	headerContent: "flow--list--header--header-content",
+	actions: "flow--list--header--actions",
+	options: "flow--list--header--options",
+	withSearch: "flow--list--header--with-search",
+	hideOnDesktop: "flow--list--header--hide-on-desktop",
+	hideOnMobile: "flow--list--header--hide-on-mobile",
+	action: "flow--list--header--action"
+};
+//#endregion
+export { Header_module_default as default };
+
+//# sourceMappingURL=Header.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.module.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/Header/Header.module.css"],"sourcesContent":[".header {\n  display: flex;\n  flex-direction: column;\n  row-gap: var(--list--spacing);\n  container-type: inline-size;\n\n  &:has(.headerContent:empty) {\n    display: none;\n  }\n\n  .headerContent {\n    display: flex;\n    gap: var(--list--spacing);\n    flex-flow: row-reverse wrap;\n  }\n\n  .actions {\n    flex-grow: 0;\n  }\n\n  .options {\n    display: flex;\n    gap: var(--list--spacing);\n    flex-grow: 1;\n    flex-wrap: wrap;\n  }\n\n  @container (min-width: 850px) {\n    &.withSearch .hideOnDesktop {\n      display: none;\n    }\n  }\n\n  @container (max-width: 850px) {\n    &.withSearch .hideOnMobile {\n      display: none;\n    }\n  }\n\n  @container (min-width: 650px) {\n    &:not(.withSearch) .hideOnDesktop {\n      display: none;\n    }\n  }\n\n  @container (max-width: 650px) {\n    &:not(.withSearch) .hideOnMobile {\n      display: none;\n    }\n  }\n\n  @container (max-width: 550px) {\n    .headerContent {\n      flex-direction: column;\n    }\n\n    .actions {\n      flex-grow: 1;\n    }\n\n    .action {\n      flex: 1;\n    }\n  }\n}\n"],"mappings":""}

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

@@ -1,101 +1,94 @@
 "use client"
 /* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useList } from '../../../../hooks/useList.mjs';
-import styles from './ActiveFilters.module.scss.mjs';
-import locales from '../../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
-import { Translate } from '../../../../../../lib/react/components/Translate/Translate.mjs';
-import { observer } from 'mobx-react-lite';
-import { useLocalizedStringFormatter } from 'react-aria';
-import { TooltipTrigger } from '../../../../../Tooltip/components/TooltipTrigger/TooltipTrigger.mjs';
-import 'react-aria-components';
-import 'clsx';
-import '../../../../../../lib/propsContext/propsContext.mjs';
-import 'react';
-import '@mittwald/flow-icons';
-import '../../../../../Icon/components/IconSetProvider.mjs';
-import '../../../../../Icon/Icon.mjs';
-import '../../../../../../views/IconView.mjs';
-import { IconClose } from '../../../../../Icon/components/icons/IconClose.mjs';
-import { IconSave } from '../../../../../Icon/components/icons/IconSave.mjs';
-import { IconUndo } from '../../../../../Icon/components/icons/IconUndo.mjs';
-import ButtonView from '../../../../../../views/ButtonView.mjs';
-import TooltipView from '../../../../../../views/TooltipView.mjs';
-import DivView from '../../../../../../views/DivView.mjs';
-import BadgeView from '../../../../../../views/BadgeView.mjs';
-import TooltipTriggerView from '../../../../../../views/TooltipTriggerView.mjs';
-import TextView from '../../../../../../views/TextView.mjs';
-import { Filter } from '../../../../model/filter/Filter.mjs';
-import { transformDateValueToFormattedDate } from '../../../../../../lib/date/transformDateValueToFormattedDate.mjs';
-import { DateRangeFilter } from '../../../../model/filter/DateRangeFilter.mjs';
-
-const ActiveFilters = observer(() => {
-  const list = useList();
-  const formatter = useLocalizedStringFormatter(locales);
-  const activeFilters = list.filters.flatMap((f) => {
-    if (f instanceof DateRangeFilter) {
-      const value = f.getValue();
-      if (value) {
-        return [
-          /* @__PURE__ */ jsx(BadgeView, { onClose: () => f.clear(), children: /* @__PURE__ */ jsx(TextView, { children: `${transformDateValueToFormattedDate(value.start)} - ${transformDateValueToFormattedDate(value.end)}` }) }, f.name)
-        ];
-      }
-    }
-    return f.values.filter((v) => v.isActive).map((v) => /* @__PURE__ */ jsx(BadgeView, { onClose: () => v.deactivate(), children: /* @__PURE__ */ jsx(TextView, { children: v.render() }) }, v.id));
-  });
-  const storingAvailable = list.filters.some((f) => f.isStoringAvailable());
-  const hasChanges = list.filters.some((f) => f.hasChanges());
-  const storeFiltersButton = storingAvailable && hasChanges && /* @__PURE__ */ jsxs(TooltipTriggerView, { children: [
-    /* @__PURE__ */ jsx(TooltipView, { children: /* @__PURE__ */ jsx(Translate, { locales, children: "list.filters.store" }) }),
-    /* @__PURE__ */ jsx(
-      ButtonView,
-      {
-        size: "s",
-        variant: "plain",
-        color: "secondary",
-        onPress: () => Filter.storeFilters(list, { autosave: false, manualSave: true }),
-        "aria-label": formatter.format("list.filters.store"),
-        children: /* @__PURE__ */ jsx(IconSave, {})
-      }
-    )
-  ] });
-  const resetFiltersButton = hasChanges ? /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
-    /* @__PURE__ */ jsx(TooltipView, { children: /* @__PURE__ */ jsx(Translate, { locales, children: "list.filters.reset" }) }),
-    /* @__PURE__ */ jsx(
-      ButtonView,
-      {
-        size: "s",
-        variant: "plain",
-        color: "secondary",
-        onPress: () => list.resetFilters(),
-        "aria-label": formatter.format("list.filters.reset"),
-        children: /* @__PURE__ */ jsx(IconUndo, {})
-      }
-    )
-  ] }) : void 0;
-  const removeAllFiltersButton = activeFilters.length > 1 ? /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
-    /* @__PURE__ */ jsx(TooltipView, { children: /* @__PURE__ */ jsx(Translate, { locales, children: "list.filters.clear" }) }),
-    /* @__PURE__ */ jsx(
-      ButtonView,
-      {
-        size: "s",
-        variant: "plain",
-        color: "secondary",
-        onPress: () => list.clearFilters(),
-        children: /* @__PURE__ */ jsx(IconClose, {})
-      }
-    )
-  ] }) : void 0;
-  if (activeFilters.length === 0 && !storeFiltersButton && !resetFiltersButton) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(DivView, { className: styles.activeFilters, children: [
-    activeFilters,
-    storeFiltersButton,
-    resetFiltersButton,
-    removeAllFiltersButton
-  ] });
+import IconClose from "../../../../../Icon/components/icons/IconClose.mjs";
+import IconSave from "../../../../../Icon/components/icons/IconSave.mjs";
+import IconUndo from "../../../../../Icon/components/icons/IconUndo.mjs";
+import "../../../../../Icon/components/icons/index.mjs";
+import DivView from "../../../../../../views/DivView.mjs";
+import TooltipTrigger from "../../../../../Tooltip/components/TooltipTrigger/TooltipTrigger.mjs";
+import "../../../../../Tooltip/index.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_14.locale.mjs";
+import ButtonView from "../../../../../../views/ButtonView.mjs";
+import { useList } from "../../../../hooks/useList.mjs";
+import ActiveFilters_module_default from "./ActiveFilters.module.mjs";
+import Translate from "../../../../../../lib/react/components/Translate/Translate.mjs";
+import "../../../../../../lib/react/components/Translate/index.mjs";
+import TooltipView from "../../../../../../views/TooltipView.mjs";
+import BadgeView from "../../../../../../views/BadgeView.mjs";
+import TooltipTriggerView from "../../../../../../views/TooltipTriggerView.mjs";
+import TextView from "../../../../../../views/TextView.mjs";
+import { Filter } from "../../../../model/filter/Filter.mjs";
+import { transformDateValueToFormattedDate } from "../../../../../../lib/date/transformDateValueToFormattedDate.mjs";
+import { DateRangeFilter } from "../../../../model/filter/DateRangeFilter.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLocalizedStringFormatter } from "react-aria";
+import { observer } from "mobx-react-lite";
+//#region src/components/List/components/Header/components/ActiveFilters/ActiveFilters.tsx
+var ActiveFilters = observer(() => {
+	const list = useList();
+	const formatter = useLocalizedStringFormatter(__locale_default);
+	const activeFilters = list.filters.flatMap((f) => {
+		if (f instanceof DateRangeFilter) {
+			const value = f.getValue();
+			if (value) return [/* @__PURE__ */ jsx(BadgeView, {
+				onClose: () => f.clear(),
+				children: /* @__PURE__ */ jsx(TextView, { children: `${transformDateValueToFormattedDate(value.start)} - ${transformDateValueToFormattedDate(value.end)}` })
+			}, f.name)];
+		}
+		return f.values.filter((v) => v.isActive).map((v) => /* @__PURE__ */ jsx(BadgeView, {
+			onClose: () => v.deactivate(),
+			children: /* @__PURE__ */ jsx(TextView, { children: v.render() })
+		}, v.id));
+	});
+	const storingAvailable = list.filters.some((f) => f.isStoringAvailable());
+	const hasChanges = list.filters.some((f) => f.hasChanges());
+	const storeFiltersButton = storingAvailable && hasChanges && /* @__PURE__ */ jsxs(TooltipTriggerView, { children: [/* @__PURE__ */ jsx(TooltipView, { children: /* @__PURE__ */ jsx(Translate, {
+		locales: __locale_default,
+		children: "list.filters.store"
+	}) }), /* @__PURE__ */ jsx(ButtonView, {
+		size: "s",
+		variant: "plain",
+		color: "secondary",
+		onPress: () => Filter.storeFilters(list, {
+			autosave: false,
+			manualSave: true
+		}),
+		"aria-label": formatter.format("list.filters.store"),
+		children: /* @__PURE__ */ jsx(IconSave, {})
+	})] });
+	const resetFiltersButton = hasChanges ? /* @__PURE__ */ jsxs(TooltipTrigger, { children: [/* @__PURE__ */ jsx(TooltipView, { children: /* @__PURE__ */ jsx(Translate, {
+		locales: __locale_default,
+		children: "list.filters.reset"
+	}) }), /* @__PURE__ */ jsx(ButtonView, {
+		size: "s",
+		variant: "plain",
+		color: "secondary",
+		onPress: () => list.resetFilters(),
+		"aria-label": formatter.format("list.filters.reset"),
+		children: /* @__PURE__ */ jsx(IconUndo, {})
+	})] }) : void 0;
+	const removeAllFiltersButton = activeFilters.length > 1 ? /* @__PURE__ */ jsxs(TooltipTrigger, { children: [/* @__PURE__ */ jsx(TooltipView, { children: /* @__PURE__ */ jsx(Translate, {
+		locales: __locale_default,
+		children: "list.filters.clear"
+	}) }), /* @__PURE__ */ jsx(ButtonView, {
+		size: "s",
+		variant: "plain",
+		color: "secondary",
+		onPress: () => list.clearFilters(),
+		children: /* @__PURE__ */ jsx(IconClose, {})
+	})] }) : void 0;
+	if (activeFilters.length === 0 && !storeFiltersButton && !resetFiltersButton) return null;
+	return /* @__PURE__ */ jsxs(DivView, {
+		className: ActiveFilters_module_default.activeFilters,
+		children: [
+			activeFilters,
+			storeFiltersButton,
+			resetFiltersButton,
+			removeAllFiltersButton
+		]
+	});
 });
+//#endregion
+export { ActiveFilters as default };
 
-export { ActiveFilters };
-//# sourceMappingURL=ActiveFilters.mjs.map
+//# sourceMappingURL=ActiveFilters.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActiveFilters.mjs","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 { Translate } from \"@/lib/react/components/Translate\";\nimport { observer } from \"mobx-react-lite\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { TooltipTrigger } from \"@/components/Tooltip\";\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\nexport const ActiveFilters: FC = observer(() => {\n  const list = useList();\n  const formatter = useLocalizedStringFormatter(locales);\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 key={f.name} onClose={() => f.clear()}>\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 key={v.id} onClose={() => v.deactivate()}>\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>\n      <TooltipView>\n        <Translate locales={locales}>list.filters.store</Translate>\n      </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(\"list.filters.store\")}\n      >\n        <IconSave />\n      </ButtonView>\n    </TooltipTriggerView>\n  );\n\n  const resetFiltersButton = hasChanges ? (\n    <TooltipTrigger>\n      <TooltipView>\n        <Translate locales={locales}>list.filters.reset</Translate>\n      </TooltipView>\n      <ButtonView\n        size=\"s\"\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={() => list.resetFilters()}\n        aria-label={formatter.format(\"list.filters.reset\")}\n      >\n        <IconUndo />\n      </ButtonView>\n    </TooltipTrigger>\n  ) : undefined;\n\n  const removeAllFiltersButton =\n    activeFilters.length > 1 ? (\n      <TooltipTrigger>\n        <TooltipView>\n          <Translate locales={locales}>list.filters.clear</Translate>\n        </TooltipView>\n        <ButtonView\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n          onPress={() => list.clearFilters()}\n        >\n          <IconClose />\n        </ButtonView>\n      </TooltipTrigger>\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"],"names":[],"mappings":"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"}
+{"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 { Translate } from \"@/lib/react/components/Translate\";\nimport { observer } from \"mobx-react-lite\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { TooltipTrigger } from \"@/components/Tooltip\";\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\nexport const ActiveFilters: FC = observer(() => {\n  const list = useList();\n  const formatter = useLocalizedStringFormatter(locales);\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 key={f.name} onClose={() => f.clear()}>\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 key={v.id} onClose={() => v.deactivate()}>\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>\n      <TooltipView>\n        <Translate locales={locales}>list.filters.store</Translate>\n      </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(\"list.filters.store\")}\n      >\n        <IconSave />\n      </ButtonView>\n    </TooltipTriggerView>\n  );\n\n  const resetFiltersButton = hasChanges ? (\n    <TooltipTrigger>\n      <TooltipView>\n        <Translate locales={locales}>list.filters.reset</Translate>\n      </TooltipView>\n      <ButtonView\n        size=\"s\"\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={() => list.resetFilters()}\n        aria-label={formatter.format(\"list.filters.reset\")}\n      >\n        <IconUndo />\n      </ButtonView>\n    </TooltipTrigger>\n  ) : undefined;\n\n  const removeAllFiltersButton =\n    activeFilters.length > 1 ? (\n      <TooltipTrigger>\n        <TooltipView>\n          <Translate locales={locales}>list.filters.clear</Translate>\n        </TooltipView>\n        <ButtonView\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n          onPress={() => list.clearFilters()}\n        >\n          <IconClose />\n        </ButtonView>\n      </TooltipTrigger>\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":";;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAa,gBAAoB,eAAe;CAC9C,MAAM,OAAO,SAAS;CACtB,MAAM,YAAY,4BAA4B,iBAAQ;CAEtD,MAAM,gBAAgB,KAAK,QAAQ,SAAS,MAAM;AAChD,MAAI,aAAa,iBAAiB;GAChC,MAAM,QAAQ,EAAE,UAAU;AAC1B,OAAI,MACF,QAAO,CACL,oBAAC,WAAD;IAAwB,eAAe,EAAE,OAAO;cAC9C,oBAAC,UAAD,EAAA,UACG,GAAG,kCAAkC,MAAM,MAAM,CAAC,KAAK,kCAAkC,MAAM,IAAI,IAC3F,CAAA;IACD,EAJI,EAAE,KAIN,CACb;;AAIL,SAAO,EAAE,OACN,QAAQ,MAAM,EAAE,SAAS,CACzB,KAAK,MACJ,oBAAC,WAAD;GAAsB,eAAe,EAAE,YAAY;aACjD,oBAAC,UAAD,EAAA,UAAW,EAAE,QAAQ,EAAY,CAAA;GACvB,EAFI,EAAE,GAEN,CACZ;GACJ;CAEF,MAAM,mBAAmB,KAAK,QAAQ,MAAM,MAAM,EAAE,oBAAoB,CAAC;CACzE,MAAM,aAAa,KAAK,QAAQ,MAAM,MAAM,EAAE,YAAY,CAAC;CAE3D,MAAM,qBAAqB,oBAAoB,cAC7C,qBAAC,oBAAD,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UACE,oBAAC,WAAD;EAAoB,SAAA;YAAS;EAA8B,CAAA,EAC/C,CAAA,EACd,oBAAC,YAAD;EACE,MAAK;EACL,SAAQ;EACR,OAAM;EACN,eACE,OAAO,aAAa,MAAM;GAAE,UAAU;GAAO,YAAY;GAAM,CAAC;EAElE,cAAY,UAAU,OAAO,qBAAqB;YAElD,oBAAC,UAAD,EAAY,CAAA;EACD,CAAA,CACM,EAAA,CAAA;CAGvB,MAAM,qBAAqB,aACzB,qBAAC,gBAAD,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UACE,oBAAC,WAAD;EAAoB,SAAA;YAAS;EAA8B,CAAA,EAC/C,CAAA,EACd,oBAAC,YAAD;EACE,MAAK;EACL,SAAQ;EACR,OAAM;EACN,eAAe,KAAK,cAAc;EAClC,cAAY,UAAU,OAAO,qBAAqB;YAElD,oBAAC,UAAD,EAAY,CAAA;EACD,CAAA,CACE,EAAA,CAAA,GACf,KAAA;CAEJ,MAAM,yBACJ,cAAc,SAAS,IACrB,qBAAC,gBAAD,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UACE,oBAAC,WAAD;EAAoB,SAAA;YAAS;EAA8B,CAAA,EAC/C,CAAA,EACd,oBAAC,YAAD;EACE,MAAK;EACL,SAAQ;EACR,OAAM;EACN,eAAe,KAAK,cAAc;YAElC,oBAAC,WAAD,EAAa,CAAA;EACF,CAAA,CACE,EAAA,CAAA,GACf,KAAA;AAEN,KACE,cAAc,WAAW,KACzB,CAAC,sBACD,CAAC,mBAED,QAAO;AAGT,QACE,qBAAC,SAAD;EAAS,WAAW,6BAAO;YAA3B;GACG;GACA;GACA;GACA;GACO;;EAEZ"}

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

@@ -0,0 +1,10 @@
+"use client"
+/* */
+var ActiveFilters_module_default = {
+	activeFilters: "flow--list--header--active-filters",
+	clearButton: "flow--list--header--active-filters--clear-button"
+};
+//#endregion
+export { ActiveFilters_module_default as default };
+
+//# sourceMappingURL=ActiveFilters.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveFilters.module.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/ActiveFilters/ActiveFilters.module.scss"],"sourcesContent":[".activeFilters {\n  display: flex;\n  flex-flow: row wrap;\n  gap: var(--list--spacing);\n  align-items: center;\n\n  .clearButton {\n    margin-inline-start: auto;\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1 @@
+import "./ActiveFilters.mjs";