@mittwald/flow-react-components 0.2.0-alpha.921 → 0.2.0-alpha.926

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.mjs","sources":["../../../../../../../../../src/components/List/components/Footer/Footer.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React 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 DivView from \"@/views/DivView\";\n\nexport const Footer: FC = () => {\n  return (\n    <DivView className={styles.footer}>\n      <PaginationInfos />\n      <ShowNextBatchButton />\n    </DivView>\n  );\n};\n\nexport default Footer;\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,SAAa,MAAM;AAC9B,EAAA,uBACE,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,MAAA,EACzB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,CAAA;AAAA,wBAChB,mBAAA,EAAA,EAAoB;AAAA,GAAA,EACvB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Footer.mjs","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"],"names":[],"mappings":";;;;;;;;;;AAUO,MAAM,SAAa,MAAM;AAC9B,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AACnE,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,iBAAiB,IAAA,CAAK,cAAA;AAC5B,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,MAAA,CAAO,YAAA,EAAa;AAC3C,EAAA,MAAM,kBAAA,GAAqB,IAAA,CAAK,MAAA,CAAO,qBAAA,EAAsB;AAE7D,EAAA,MAAM,mBAAA,GACJ,cAAA,IAAkB,SAAA,IAAa,CAAC,kBAAA;AAElC,EAAA,uBACE,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,MAAA,EACzB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,CAAA;AAAA,IAChB,CAAC,cAAA,oBAAkB,GAAA,CAAC,mBAAA,EAAA,EAAoB,CAAA;AAAA,IACxC,mBAAA,oBACC,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,aAAa;AAAA;AAAA;AAClD,GAAA,EAEJ,CAAA;AAEJ;;;;"}

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

@@ -12,13 +12,15 @@ const PaginationInfos = (props) => {
   const list = useList();
   const pagination = list.batches;
   const isLoading = list.loader.useIsLoading();
+  const isInitiallyLoading = list.loader.useIsInitiallyLoading();
   const isEmpty = list.useIsEmpty();
   const totalItemsCount = pagination.getTotalItemsCount();
   const visibleItemsCount = pagination.getVisibleItemsCount();
   if (isEmpty) {
     return null;
   }
-  const text = isLoading ? /* @__PURE__ */ jsx(SkeletonView, { width: "200px" }) : stringFormatter.format("paginationInfo", {
+  const showSkeleton = isLoading && (!list.infiniteScroll || isInitiallyLoading);
+  const text = showSkeleton ? /* @__PURE__ */ jsx(SkeletonView, { width: "200px" }) : stringFormatter.format("paginationInfo", {
     visibleItemsCount,
     totalItemsCount
   });

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationInfos.mjs","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 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 text = isLoading ? (\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"],"names":[],"mappings":";;;;;;;AAQO,MAAM,eAAA,GAAiC,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AAEnE,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,aAAa,IAAA,CAAK,OAAA;AACxB,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,MAAA,CAAO,YAAA,EAAa;AAC3C,EAAA,MAAM,OAAA,GAAU,KAAK,UAAA,EAAW;AAEhC,EAAA,MAAM,eAAA,GAAkB,WAAW,kBAAA,EAAmB;AACtD,EAAA,MAAM,iBAAA,GAAoB,WAAW,oBAAA,EAAqB;AAE1D,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,IAAA,GAAO,4BACX,GAAA,CAAC,YAAA,EAAA,EAAa,OAAM,OAAA,EAAQ,CAAA,GAE5B,eAAA,CAAgB,MAAA,CAAO,gBAAA,EAAkB;AAAA,IACvC,iBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAGH,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,KAAA,EAAQ,QAAA,EAAA,IAAA,EAAK,CAAA;AACpC;;;;"}
+{"version":3,"file":"PaginationInfos.mjs","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"],"names":[],"mappings":";;;;;;;AAQO,MAAM,eAAA,GAAiC,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AAEnE,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,aAAa,IAAA,CAAK,OAAA;AACxB,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,MAAA,CAAO,YAAA,EAAa;AAC3C,EAAA,MAAM,kBAAA,GAAqB,IAAA,CAAK,MAAA,CAAO,qBAAA,EAAsB;AAC7D,EAAA,MAAM,OAAA,GAAU,KAAK,UAAA,EAAW;AAEhC,EAAA,MAAM,eAAA,GAAkB,WAAW,kBAAA,EAAmB;AACtD,EAAA,MAAM,iBAAA,GAAoB,WAAW,oBAAA,EAAqB;AAE1D,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,YAAA,GACJ,SAAA,KAAc,CAAC,IAAA,CAAK,cAAA,IAAkB,kBAAA,CAAA;AAExC,EAAA,MAAM,IAAA,GAAO,+BACX,GAAA,CAAC,YAAA,EAAA,EAAa,OAAM,OAAA,EAAQ,CAAA,GAE5B,eAAA,CAAgB,MAAA,CAAO,gBAAA,EAAkB;AAAA,IACvC,iBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAGH,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,KAAA,EAAQ,QAAA,EAAA,IAAA,EAAK,CAAA;AACpC;;;;"}

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

@@ -1,7 +1,6 @@
 "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 '../../../../../TranslationProvider/useLocalizedStringFormatter.mjs';

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 \"@/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"],"names":[],"mappings":";;;;;;;AAQO,MAAM,mBAAA,GAAuC,CAAC,KAAA,KAAU;AAC7D,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AACnE,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,UAAU;AAAA;AAAA,GACpC;AAEJ;;;;"}
+{"version":3,"file":"ShowNextBatchButton.mjs","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"],"names":[],"mappings":";;;;;;AAOO,MAAM,mBAAA,GAAuC,CAAC,KAAA,KAAU;AAC7D,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AACnE,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,UAAU;AAAA;AAAA,GACpC;AAEJ;;;;"}

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

@@ -31,9 +31,9 @@ const Header = (props) => {
     DivView,
     {
       className: clsx(
-        className,
         headerStyles.header,
-        list.search && headerStyles.withSearch
+        list.search && headerStyles.withSearch,
+        className
       ),
       children: [
         /* @__PURE__ */ jsxs(DivView, { className: headerStyles.headerContent, children: [

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 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 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        className,\n        styles.header,\n        list.search && styles.withSearch,\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"],"names":["styles"],"mappings":";;;;;;;;;;;;;;AAeO,MAAM,MAAA,GAAiC,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM,EAAE,WAAU,GAAI,KAAA;AACtB,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,MAAM,OAAA,GAAU,KAAK,UAAA,EAAW;AAChC,EAAA,MAAM,kBAAA,GAAqB,IAAA,CAAK,MAAA,CAAO,qBAAA,EAAsB;AAC7D,EAAA,MAAM,gBAAA,GAAmB,OAAA,IAAW,IAAA,CAAK,gBAAA,EAAiB,KAAM,MAAA;AAChE,EAAA,MAAM,aAAa,kBAAA,IAAsB,gBAAA;AAEzC,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,MAAM,8BAAc,GAAA,CAAC,qBAAA,EAAA,EAAsB,EAAA,EAAG,SAAA,EAAU,WAAU,MAAA,EAAO,CAAA;AAEzE,EAAA,IAAI,gBAAA,EAAkB;AAMpB,IAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAWA,YAAA,CAAO,mBAAA,EAAqB,eAAa,IAAA,EAC3D,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAS,QAAA,EAAA,WAAA,EAAY,CAAA,EACxB,CAAA;AAAA,EAEJ;AAEA,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,EACxB,QAAA,EAAA;AAAA,UAAA,WAAA;AAAA,UACA,UAAA,oBACC,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAWA,aAAO,OAAA,EACzB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,uBAAoB,UAAA,EAAwB,CAAA;AAAA,4BAC7C,GAAA,CAAC,sBAAmB,UAAA,EAAwB,CAAA;AAAA,4BAC5C,GAAA,CAAC,sBAAmB,UAAA,EAAwB,CAAA;AAAA,4BAC5C,GAAA,CAAC,mBAAgB,UAAA,EAAwB,CAAA;AAAA,YAExC,KAAK,MAAA,oBACJ,GAAA,CAAC,eAAY,MAAA,EAAQ,IAAA,CAAK,QAAQ,UAAA,EAAwB;AAAA,WAAA,EAE9D;AAAA,SAAA,EAEJ,CAAA;AAAA,wBACA,GAAA,CAAC,iBAAc,UAAA,EAAwB;AAAA;AAAA;AAAA,GACzC;AAEJ;;;;"}
+{"version":3,"file":"Header.mjs","sources":["../../../../../../../../../src/components/List/components/Header/Header.tsx"],"sourcesContent":["import type { FC } 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 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"],"names":["styles"],"mappings":";;;;;;;;;;;;;;AAeO,MAAM,MAAA,GAAiC,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM,EAAE,WAAU,GAAI,KAAA;AACtB,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,MAAM,OAAA,GAAU,KAAK,UAAA,EAAW;AAChC,EAAA,MAAM,kBAAA,GAAqB,IAAA,CAAK,MAAA,CAAO,qBAAA,EAAsB;AAC7D,EAAA,MAAM,gBAAA,GAAmB,OAAA,IAAW,IAAA,CAAK,gBAAA,EAAiB,KAAM,MAAA;AAChE,EAAA,MAAM,aAAa,kBAAA,IAAsB,gBAAA;AAEzC,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,MAAM,8BAAc,GAAA,CAAC,qBAAA,EAAA,EAAsB,EAAA,EAAG,SAAA,EAAU,WAAU,MAAA,EAAO,CAAA;AAEzE,EAAA,IAAI,gBAAA,EAAkB;AAMpB,IAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAWA,YAAA,CAAO,mBAAA,EAAqB,eAAa,IAAA,EAC3D,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAS,QAAA,EAAA,WAAA,EAAY,CAAA,EACxB,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA;AAAA,QACTA,YAAA,CAAO,MAAA;AAAA,QACP,IAAA,CAAK,UAAUA,YAAA,CAAO,UAAA;AAAA,QACtB;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAWA,YAAA,CAAO,aAAA,EACxB,QAAA,EAAA;AAAA,UAAA,WAAA;AAAA,UACA,UAAA,oBACC,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAWA,aAAO,OAAA,EACzB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,uBAAoB,UAAA,EAAwB,CAAA;AAAA,4BAC7C,GAAA,CAAC,sBAAmB,UAAA,EAAwB,CAAA;AAAA,4BAC5C,GAAA,CAAC,sBAAmB,UAAA,EAAwB,CAAA;AAAA,4BAC5C,GAAA,CAAC,mBAAgB,UAAA,EAAwB,CAAA;AAAA,YAExC,KAAK,MAAA,oBACJ,GAAA,CAAC,eAAY,MAAA,EAAQ,IAAA,CAAK,QAAQ,UAAA,EAAwB;AAAA,WAAA,EAE9D;AAAA,SAAA,EAEJ,CAAA;AAAA,wBACA,GAAA,CAAC,iBAAc,UAAA,EAAwB;AAAA;AAAA;AAAA,GACzC;AAEJ;;;;"}

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

@@ -2,21 +2,21 @@
 /* */
 const header = "flow--list--header";
 const headerContent = "flow--list--header--header-content";
-const actions = "flow--list--header--actions";
 const options = "flow--list--header--options";
 const withSearch = "flow--list--header--with-search";
 const hideOnDesktop = "flow--list--header--hide-on-desktop";
 const hideOnMobile = "flow--list--header--hide-on-mobile";
+const actions = "flow--list--header--actions";
 const action = "flow--list--header--action";
 const hideVisuallyActions = "flow--list--header--hide-visually-actions";
 const headerStyles = {
 	header: header,
 	headerContent: headerContent,
-	actions: actions,
 	options: options,
 	withSearch: withSearch,
 	hideOnDesktop: hideOnDesktop,
 	hideOnMobile: hideOnMobile,
+	actions: actions,
 	action: action,
 	hideVisuallyActions: hideVisuallyActions
 };

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

@@ -1 +1 @@
-{"version":3,"file":"FilterAccordion.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordion.tsx"],"sourcesContent":["import React, { 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"],"names":[],"mappings":";;;;;;;;;;AAeO,MAAM,eAAA,GAA6B,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM,EAAE,MAAA,EAAQ,gBAAA,EAAiB,GAAI,KAAA;AAErC,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,IAAA,IAAQ,MAAA,CAAO,QAAA;AAEnC,EAAA,MAAM,UACJ,MAAA,YAAkB,eAAA,mBAChB,GAAA,CAAC,wBAAA,EAAA,EAAyB,QAAgB,CAAA,GACxC,MAAA,CAAO,IAAA,KAAS,KAAA,uBACjB,yBAAA,EAAA,EAA0B,MAAA,EAAgB,CAAA,mBAE3C,GAAA,CAAC,gCAA6B,MAAA,EAAgB,CAAA;AAGlD,EAAA,uBACE,IAAA,CAAC,aAAA,EAAA,EAAc,eAAA,EAAiB,gBAAA,EAC9B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,eAAa,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,oBACnB,GAAA,CAAC,eAAa,QAAA,EAAA,OAAA,EAAQ;AAAA,GAAA,EACxB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FilterAccordion.mjs","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"],"names":[],"mappings":";;;;;;;;;;AAeO,MAAM,eAAA,GAA6B,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM,EAAE,MAAA,EAAQ,gBAAA,EAAiB,GAAI,KAAA;AAErC,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,IAAA,IAAQ,MAAA,CAAO,QAAA;AAEnC,EAAA,MAAM,UACJ,MAAA,YAAkB,eAAA,mBAChB,GAAA,CAAC,wBAAA,EAAA,EAAyB,QAAgB,CAAA,GACxC,MAAA,CAAO,IAAA,KAAS,KAAA,uBACjB,yBAAA,EAAA,EAA0B,MAAA,EAAgB,CAAA,mBAE3C,GAAA,CAAC,gCAA6B,MAAA,EAAgB,CAAA;AAGlD,EAAA,uBACE,IAAA,CAAC,aAAA,EAAA,EAAc,eAAA,EAAiB,gBAAA,EAC9B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,eAAa,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,oBACnB,GAAA,CAAC,eAAa,QAAA,EAAA,OAAA,EAAQ;AAAA,GAAA,EACxB,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FilterAccordionCheckboxGroup.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport CheckboxGroupView from \"@/views/CheckboxGroupView\";\nimport CheckboxView from \"@/views/CheckboxView\";\nimport type { Filter } from \"@/components/List/model/filter/Filter\";\n\ninterface Props {\n  filter: Filter;\n}\n\nexport const FilterAccordionCheckboxGroup: FC<Props> = (props) => {\n  const { filter } = props;\n\n  const activeKeys = filter.values.filter((v) => v.isActive).map((v) => v.id);\n\n  const name = filter.name ?? filter.property;\n\n  return (\n    <CheckboxGroupView value={activeKeys} m={[1, 1]} aria-label={name}>\n      {filter.values.map((v) => (\n        <CheckboxView key={v.id} value={v.id} onPress={() => v.toggle()}>\n          {v.render()}\n        </CheckboxView>\n      ))}\n    </CheckboxGroupView>\n  );\n};\n"],"names":[],"mappings":";;;;;AASO,MAAM,4BAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAE,QAAO,GAAI,KAAA;AAEnB,EAAA,MAAM,UAAA,GAAa,MAAA,CAAO,MAAA,CAAO,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,CAAE,QAAQ,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,EAAE,CAAA;AAE1E,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,IAAA,IAAQ,MAAA,CAAO,QAAA;AAEnC,EAAA,uBACE,GAAA,CAAC,iBAAA,EAAA,EAAkB,KAAA,EAAO,UAAA,EAAY,GAAG,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,YAAA,EAAY,IAAA,EAC1D,QAAA,EAAA,MAAA,CAAO,MAAA,CAAO,IAAI,CAAC,CAAA,qBAClB,GAAA,CAAC,YAAA,EAAA,EAAwB,KAAA,EAAO,CAAA,CAAE,EAAA,EAAI,OAAA,EAAS,MAAM,CAAA,CAAE,MAAA,EAAO,EAC3D,QAAA,EAAA,CAAA,CAAE,MAAA,EAAO,EAAA,EADO,CAAA,CAAE,EAErB,CACD,CAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FilterAccordionCheckboxGroup.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport CheckboxGroupView from \"@/views/CheckboxGroupView\";\nimport CheckboxView from \"@/views/CheckboxView\";\nimport type { Filter } from \"@/components/List/model/filter/Filter\";\n\ninterface Props {\n  filter: Filter;\n}\n\nexport const FilterAccordionCheckboxGroup: FC<Props> = (props) => {\n  const { filter } = props;\n\n  const activeKeys = filter.values.filter((v) => v.isActive).map((v) => v.id);\n\n  const name = filter.name ?? filter.property;\n\n  return (\n    <CheckboxGroupView value={activeKeys} m={[1, 1]} aria-label={name}>\n      {filter.values.map((v) => (\n        <CheckboxView key={v.id} value={v.id} onPress={() => v.toggle()}>\n          {v.render()}\n        </CheckboxView>\n      ))}\n    </CheckboxGroupView>\n  );\n};\n"],"names":[],"mappings":";;;;;AASO,MAAM,4BAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAE,QAAO,GAAI,KAAA;AAEnB,EAAA,MAAM,UAAA,GAAa,MAAA,CAAO,MAAA,CAAO,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,CAAE,QAAQ,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,EAAE,CAAA;AAE1E,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,IAAA,IAAQ,MAAA,CAAO,QAAA;AAEnC,EAAA,uBACE,GAAA,CAAC,iBAAA,EAAA,EAAkB,KAAA,EAAO,UAAA,EAAY,GAAG,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,YAAA,EAAY,IAAA,EAC1D,QAAA,EAAA,MAAA,CAAO,MAAA,CAAO,IAAI,CAAC,CAAA,qBAClB,GAAA,CAAC,YAAA,EAAA,EAAwB,KAAA,EAAO,CAAA,CAAE,EAAA,EAAI,OAAA,EAAS,MAAM,CAAA,CAAE,MAAA,EAAO,EAC3D,QAAA,EAAA,CAAA,CAAE,MAAA,EAAO,EAAA,EADO,CAAA,CAAE,EAErB,CACD,CAAA,EACH,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FilterAccordionDateRange.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordionDateRange.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { Flex } from \"@/components/Flex\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport RangeCalendarView from \"@/views/RangeCalendarView\";\nimport type { AnyDateRangeFilter } from \"@/components/List/model/filter/types\";\n\ninterface Props {\n  filter: AnyDateRangeFilter;\n}\n\nexport const FilterAccordionDateRange: FC<Props> = (props) => {\n  const { filter } = props;\n\n  const currentValue = filter.getValue();\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <Flex direction=\"column\" gap=\"m\">\n      <RangeCalendarView\n        {...filter.dateRangeOptions}\n        value={currentValue}\n        onChange={(range) => {\n          filter.setValue(range);\n        }}\n      />\n      {currentValue && (\n        <ButtonView\n          size=\"s\"\n          color=\"secondary\"\n          variant=\"soft\"\n          onPress={() => filter.clear()}\n        >\n          {stringFormatter.format(\"filters.clearSelection\")}\n        </ButtonView>\n      )}\n    </Flex>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAYO,MAAM,wBAAA,GAAsC,CAAC,KAAA,KAAU;AAC5D,EAAA,MAAM,EAAE,QAAO,GAAI,KAAA;AAEnB,EAAA,MAAM,YAAA,GAAe,OAAO,QAAA,EAAS;AAErC,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AAEnE,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,KAAI,GAAA,EAC3B,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACE,GAAG,MAAA,CAAO,gBAAA;AAAA,QACX,KAAA,EAAO,YAAA;AAAA,QACP,QAAA,EAAU,CAAC,KAAA,KAAU;AACnB,UAAA,MAAA,CAAO,SAAS,KAAK,CAAA;AAAA,QACvB;AAAA;AAAA,KACF;AAAA,IACC,YAAA,oBACC,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,GAAA;AAAA,QACL,KAAA,EAAM,WAAA;AAAA,QACN,OAAA,EAAQ,MAAA;AAAA,QACR,OAAA,EAAS,MAAM,MAAA,CAAO,KAAA,EAAM;AAAA,QAE3B,QAAA,EAAA,eAAA,CAAgB,OAAO,wBAAwB;AAAA;AAAA;AAClD,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FilterAccordionDateRange.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordionDateRange.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { Flex } from \"@/components/Flex\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport RangeCalendarView from \"@/views/RangeCalendarView\";\nimport type { AnyDateRangeFilter } from \"@/components/List/model/filter/types\";\n\ninterface Props {\n  filter: AnyDateRangeFilter;\n}\n\nexport const FilterAccordionDateRange: FC<Props> = (props) => {\n  const { filter } = props;\n\n  const currentValue = filter.getValue();\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <Flex direction=\"column\" gap=\"m\">\n      <RangeCalendarView\n        {...filter.dateRangeOptions}\n        value={currentValue}\n        onChange={(range) => {\n          filter.setValue(range);\n        }}\n      />\n      {currentValue && (\n        <ButtonView\n          size=\"s\"\n          color=\"secondary\"\n          variant=\"soft\"\n          onPress={() => filter.clear()}\n        >\n          {stringFormatter.format(\"filters.clearSelection\")}\n        </ButtonView>\n      )}\n    </Flex>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAYO,MAAM,wBAAA,GAAsC,CAAC,KAAA,KAAU;AAC5D,EAAA,MAAM,EAAE,QAAO,GAAI,KAAA;AAEnB,EAAA,MAAM,YAAA,GAAe,OAAO,QAAA,EAAS;AAErC,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AAEnE,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,KAAI,GAAA,EAC3B,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACE,GAAG,MAAA,CAAO,gBAAA;AAAA,QACX,KAAA,EAAO,YAAA;AAAA,QACP,QAAA,EAAU,CAAC,KAAA,KAAU;AACnB,UAAA,MAAA,CAAO,SAAS,KAAK,CAAA;AAAA,QACvB;AAAA;AAAA,KACF;AAAA,IACC,YAAA,oBACC,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,GAAA;AAAA,QACL,KAAA,EAAM,WAAA;AAAA,QACN,OAAA,EAAQ,MAAA;AAAA,QACR,OAAA,EAAS,MAAM,MAAA,CAAO,KAAA,EAAM;AAAA,QAE3B,QAAA,EAAA,eAAA,CAAgB,OAAO,wBAAwB;AAAA;AAAA;AAClD,GAAA,EAEJ,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FilterAccordionRadioGroup.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordionRadioGroup.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport RadioGroupView from \"@/views/RadioGroupView\";\nimport RadioView from \"@/views/RadioView\";\nimport type { Filter } from \"@/components/List/model/filter/Filter\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { Flex } from \"@/components/Flex\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\n\ninterface Props {\n  filter: Filter;\n}\n\nexport const FilterAccordionRadioGroup: FC<Props> = (props) => {\n  const { filter } = props;\n\n  const activeKeys = filter.values.filter((v) => v.isActive).map((v) => v.id);\n\n  const name = filter.name ?? filter.property;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <Flex direction=\"column\" gap=\"m\">\n      <RadioGroupView\n        value={activeKeys[0]}\n        m={[1, 1]}\n        key={activeKeys[0]}\n        aria-label={name}\n      >\n        {filter.values.map((v) => (\n          <RadioView\n            key={v.id}\n            value={v.id}\n            onPress={() => {\n              if (!v.isActive) {\n                v.toggle();\n              }\n            }}\n          >\n            {v.render()}\n          </RadioView>\n        ))}\n      </RadioGroupView>\n      {activeKeys.length > 0 && (\n        <ButtonView\n          size=\"s\"\n          color=\"secondary\"\n          variant=\"soft\"\n          onPress={() => filter.clear()}\n        >\n          {stringFormatter.format(\"filters.clearSelection\")}\n        </ButtonView>\n      )}\n    </Flex>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAaO,MAAM,yBAAA,GAAuC,CAAC,KAAA,KAAU;AAC7D,EAAA,MAAM,EAAE,QAAO,GAAI,KAAA;AAEnB,EAAA,MAAM,UAAA,GAAa,MAAA,CAAO,MAAA,CAAO,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,CAAE,QAAQ,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,EAAE,CAAA;AAE1E,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,IAAA,IAAQ,MAAA,CAAO,QAAA;AAEnC,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AAEnE,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,KAAI,GAAA,EAC3B,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,WAAW,CAAC,CAAA;AAAA,QACnB,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,QAER,YAAA,EAAY,IAAA;AAAA,QAEX,QAAA,EAAA,MAAA,CAAO,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,qBAClB,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YAEC,OAAO,CAAA,CAAE,EAAA;AAAA,YACT,SAAS,MAAM;AACb,cAAA,IAAI,CAAC,EAAE,QAAA,EAAU;AACf,gBAAA,CAAA,CAAE,MAAA,EAAO;AAAA,cACX;AAAA,YACF,CAAA;AAAA,YAEC,YAAE,MAAA;AAAO,WAAA;AAAA,UARL,CAAA,CAAE;AAAA,SAUV;AAAA,OAAA;AAAA,MAfI,WAAW,CAAC;AAAA,KAgBnB;AAAA,IACC,UAAA,CAAW,SAAS,CAAA,oBACnB,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,GAAA;AAAA,QACL,KAAA,EAAM,WAAA;AAAA,QACN,OAAA,EAAQ,MAAA;AAAA,QACR,OAAA,EAAS,MAAM,MAAA,CAAO,KAAA,EAAM;AAAA,QAE3B,QAAA,EAAA,eAAA,CAAgB,OAAO,wBAAwB;AAAA;AAAA;AAClD,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FilterAccordionRadioGroup.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/FilterAccordionRadioGroup.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport RadioGroupView from \"@/views/RadioGroupView\";\nimport RadioView from \"@/views/RadioView\";\nimport type { Filter } from \"@/components/List/model/filter/Filter\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { Flex } from \"@/components/Flex\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../../../locales/*.locale.json\";\n\ninterface Props {\n  filter: Filter;\n}\n\nexport const FilterAccordionRadioGroup: FC<Props> = (props) => {\n  const { filter } = props;\n\n  const activeKeys = filter.values.filter((v) => v.isActive).map((v) => v.id);\n\n  const name = filter.name ?? filter.property;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <Flex direction=\"column\" gap=\"m\">\n      <RadioGroupView\n        value={activeKeys[0]}\n        m={[1, 1]}\n        key={activeKeys[0]}\n        aria-label={name}\n      >\n        {filter.values.map((v) => (\n          <RadioView\n            key={v.id}\n            value={v.id}\n            onPress={() => {\n              if (!v.isActive) {\n                v.toggle();\n              }\n            }}\n          >\n            {v.render()}\n          </RadioView>\n        ))}\n      </RadioGroupView>\n      {activeKeys.length > 0 && (\n        <ButtonView\n          size=\"s\"\n          color=\"secondary\"\n          variant=\"soft\"\n          onPress={() => filter.clear()}\n        >\n          {stringFormatter.format(\"filters.clearSelection\")}\n        </ButtonView>\n      )}\n    </Flex>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAaO,MAAM,yBAAA,GAAuC,CAAC,KAAA,KAAU;AAC7D,EAAA,MAAM,EAAE,QAAO,GAAI,KAAA;AAEnB,EAAA,MAAM,UAAA,GAAa,MAAA,CAAO,MAAA,CAAO,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,CAAE,QAAQ,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,EAAE,CAAA;AAE1E,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,IAAA,IAAQ,MAAA,CAAO,QAAA;AAEnC,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AAEnE,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,KAAI,GAAA,EAC3B,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,WAAW,CAAC,CAAA;AAAA,QACnB,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,QAER,YAAA,EAAY,IAAA;AAAA,QAEX,QAAA,EAAA,MAAA,CAAO,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,qBAClB,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YAEC,OAAO,CAAA,CAAE,EAAA;AAAA,YACT,SAAS,MAAM;AACb,cAAA,IAAI,CAAC,EAAE,QAAA,EAAU;AACf,gBAAA,CAAA,CAAE,MAAA,EAAO;AAAA,cACX;AAAA,YACF,CAAA;AAAA,YAEC,YAAE,MAAA;AAAO,WAAA;AAAA,UARL,CAAA,CAAE;AAAA,SAUV;AAAA,OAAA;AAAA,MAfI,WAAW,CAAC;AAAA,KAgBnB;AAAA,IACC,UAAA,CAAW,SAAS,CAAA,oBACnB,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,GAAA;AAAA,QACL,KAAA,EAAM,WAAA;AAAA,QACN,OAAA,EAAQ,MAAA;AAAA,QACR,OAAA,EAAS,MAAM,MAAA,CAAO,KAAA,EAAM;AAAA,QAE3B,QAAA,EAAA,eAAA,CAAgB,OAAO,wBAAwB;AAAA;AAAA;AAClD,GAAA,EAEJ,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SortingAccordion.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/SortingAccordion.tsx"],"sourcesContent":["import React, { 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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,gBAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,kBAAiB,GAAI,KAAA;AAE7B,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AAEnE,EAAA,MAAM,UAAU,IAAA,CAAK,cAAA;AACrB,EAAA,MAAM,gBAAgB,OAAA,CAAQ,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,UAAU,CAAA;AAEtD,EAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,IAAA,CAAC,aAAA,EAAA,EAAc,eAAA,EAAiB,gBAAA,EAC9B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,SAAS,CAAA,EAAE,CAAA;AAAA,oBAChD,GAAA,CAAC,WAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAO,aAAA,EAAe,EAAA,EAAI,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA,EAC/C,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,qBACZ,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QAEC,OAAO,CAAA,CAAE,EAAA;AAAA,QACT,SAAS,MAAM,IAAA,CAAK,WAAW,CAAA,CAAE,EAAE,EAAE,MAAA,EAAO;AAAA,QAE3C,QAAA,EAAA,CAAA,EAAG,CAAA,CAAE,IAAA,IAAQ,CAAA,CAAE,QAAQ,IAAI,CAAA,CAAE,aAAA,IAAiB,EAAE,CAAA,CAAA,CAAG,IAAA;AAAK,OAAA;AAAA,MAJpD,CAAA,CAAE;AAAA,KAMV,GACH,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SortingAccordion.mjs","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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,gBAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,kBAAiB,GAAI,KAAA;AAE7B,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,MAAM,CAAA;AAEnE,EAAA,MAAM,UAAU,IAAA,CAAK,cAAA;AACrB,EAAA,MAAM,gBAAgB,OAAA,CAAQ,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,UAAU,CAAA;AAEtD,EAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,IAAA,CAAC,aAAA,EAAA,EAAc,eAAA,EAAiB,gBAAA,EAC9B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,SAAS,CAAA,EAAE,CAAA;AAAA,oBAChD,GAAA,CAAC,WAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAO,aAAA,EAAe,EAAA,EAAI,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA,EAC/C,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,qBACZ,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QAEC,OAAO,CAAA,CAAE,EAAA;AAAA,QACT,SAAS,MAAM,IAAA,CAAK,WAAW,CAAA,CAAE,EAAE,EAAE,MAAA,EAAO;AAAA,QAE3C,QAAA,EAAA,CAAA,EAAG,CAAA,CAAE,IAAA,IAAQ,CAAA,CAAE,QAAQ,IAAI,CAAA,CAAE,aAAA,IAAiB,EAAE,CAAA,CAAA,CAAG,IAAA;AAAK,OAAA;AAAA,MAJpD,CAAA,CAAE;AAAA,KAMV,GACH,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -1,7 +1,6 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import 'react';
 import MenuItemView from '../../../../../../views/MenuItemView.mjs';
 import 'invariant';
 import 'react-aria-components';
@@ -12,6 +11,7 @@ import '../../../../../../lib/propsContext/components/PropsContextProvider.mjs';
 import '../../../../../ColumnLayout/ColumnLayout.mjs';
 import '../../../ListSummary/ListSummary.mjs';
 import '../../../../../../views/DivView.mjs';
+import 'react';
 import '@mittwald/flow-icons';
 import '../../../../../Icon/components/IconSetProvider.mjs';
 import '../../../../../Icon/Icon.mjs';

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

@@ -1 +1 @@
-{"version":3,"file":"SortingMenuItem.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/SortingContextMenu/SortingMenuItem.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { Sorting } from \"@/components/List/model/sorting/Sorting\";\nimport MenuItemView from \"@/views/MenuItemView\";\nimport { useList } from \"@/components/List\";\n\ninterface Props {\n  sorting: Sorting<never>;\n}\n\nexport const SortingMenuItem: FC<Props> = (props) => {\n  const { sorting } = props;\n\n  const list = useList();\n\n  return (\n    <MenuItemView\n      id={sorting.id}\n      onAction={() => {\n        list.getSorting(sorting.id).enable();\n      }}\n    >\n      {`${sorting.name ?? sorting.property} ${sorting.directionName ?? \"\"}`.trim()}\n    </MenuItemView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,eAAA,GAA6B,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM,EAAE,SAAQ,GAAI,KAAA;AAEpB,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,uBACE,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,IAAI,OAAA,CAAQ,EAAA;AAAA,MACZ,UAAU,MAAM;AACd,QAAA,IAAA,CAAK,UAAA,CAAW,OAAA,CAAQ,EAAE,CAAA,CAAE,MAAA,EAAO;AAAA,MACrC,CAAA;AAAA,MAEC,QAAA,EAAA,CAAA,EAAG,OAAA,CAAQ,IAAA,IAAQ,OAAA,CAAQ,QAAQ,IAAI,OAAA,CAAQ,aAAA,IAAiB,EAAE,CAAA,CAAA,CAAG,IAAA;AAAK;AAAA,GAC7E;AAEJ;;;;"}
+{"version":3,"file":"SortingMenuItem.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/SortingContextMenu/SortingMenuItem.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport type { Sorting } from \"@/components/List/model/sorting/Sorting\";\nimport MenuItemView from \"@/views/MenuItemView\";\nimport { useList } from \"@/components/List\";\n\ninterface Props {\n  sorting: Sorting<never>;\n}\n\nexport const SortingMenuItem: FC<Props> = (props) => {\n  const { sorting } = props;\n\n  const list = useList();\n\n  return (\n    <MenuItemView\n      id={sorting.id}\n      onAction={() => {\n        list.getSorting(sorting.id).enable();\n      }}\n    >\n      {`${sorting.name ?? sorting.property} ${sorting.directionName ?? \"\"}`.trim()}\n    </MenuItemView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAM,eAAA,GAA6B,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM,EAAE,SAAQ,GAAI,KAAA;AAEpB,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,uBACE,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,IAAI,OAAA,CAAQ,EAAA;AAAA,MACZ,UAAU,MAAM;AACd,QAAA,IAAA,CAAK,UAAA,CAAW,OAAA,CAAQ,EAAE,CAAA,CAAE,MAAA,EAAO;AAAA,MACrC,CAAA;AAAA,MAEC,QAAA,EAAA,CAAA,EAAG,OAAA,CAAQ,IAAA,IAAQ,OAAA,CAAQ,QAAQ,IAAI,OAAA,CAAQ,aAAA,IAAiB,EAAE,CAAA,CAAA,CAAG,IAAA;AAAK;AAAA,GAC7E;AAEJ;;;;"}

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

@@ -6,18 +6,34 @@ import { useList } from '../../hooks/useList.mjs';
 import DivView from '../../../../views/DivView.mjs';
 import ItemsGridListView from '../../../../views/ItemsGridListView.mjs';
 import clsx from 'clsx';
+import { useRef } from 'react';
 import styles from './Items.module.scss.mjs';
 import { FallbackItems } from './components/FallbackItems/FallbackItems.mjs';
+import { useInfiniteScrollTrigger, getLoadMoreThresholdRows } from './hooks/useInfiniteScrollTrigger.mjs';
 
 const Items = () => {
   const list = useList();
   const tiles = list.viewMode.isTiles;
   const isLoading = list.loader.useIsLoading();
   const isInitiallyLoading = list.loader.useIsInitiallyLoading();
+  const triggerRef = useRef(null);
+  useInfiniteScrollTrigger(triggerRef);
   if (!list.itemView) {
     return null;
   }
-  const items = list.items.entries.map((item) => /* @__PURE__ */ jsx(Item, { data: item.data, id: item.id }, item.id));
+  const triggerIndex = Math.max(
+    0,
+    list.items.entries.length - getLoadMoreThresholdRows(list.batches.batchSize)
+  );
+  const items = list.items.entries.map((item, index) => /* @__PURE__ */ jsx(
+    Item,
+    {
+      data: item.data,
+      id: item.id,
+      triggerRef: list.infiniteScroll && index === triggerIndex ? triggerRef : void 0
+    },
+    item.id
+  ));
   const rootClassName = clsx(
     styles.items,
     isLoading && styles.isLoading,

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

@@ -1 +1 @@
-{"version":3,"file":"Items.mjs","sources":["../../../../../../../../../src/components/List/components/Items/Items.tsx"],"sourcesContent":["import Item from \"@/components/List/components/Items/components/Item/Item\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport DivView from \"@/views/DivView\";\nimport ItemsGridListView from \"@/views/ItemsGridListView\";\nimport clsx from \"clsx\";\nimport type { FC } from \"react\";\nimport styles from \"./Items.module.scss\";\nimport { FallbackItems } from \"./components/FallbackItems\";\n\nexport const Items: FC = () => {\n  const list = useList();\n  const tiles = list.viewMode.isTiles;\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n  if (!list.itemView) {\n    return null;\n  }\n\n  const items = list.items.entries.map((item) => (\n    <Item key={item.id} data={item.data} id={item.id} />\n  ));\n\n  const rootClassName = clsx(\n    styles.items,\n    isLoading && styles.isLoading,\n    tiles && styles.tiles,\n  );\n\n  const {\n    \"aria-labelledby\": ariaLabelledby,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = list.componentProps;\n\n  return (\n    <DivView aria-hidden={isInitiallyLoading} aria-busy={isLoading}>\n      <ItemsGridListView\n        className={rootClassName}\n        {...rest}\n        aria-labelledby={ariaLabel ? undefined : ariaLabelledby}\n        aria-label={ariaLabel}\n        layout={tiles ? \"grid\" : \"stack\"}\n        tileMaxWidth={list.itemView.tileMaxWidth}\n      >\n        {items.length === 0 && isInitiallyLoading ? <FallbackItems /> : items}\n      </ItemsGridListView>\n    </DivView>\n  );\n};\n\nexport default Items;\n"],"names":[],"mappings":";;;;;;;;;AASO,MAAM,QAAY,MAAM;AAC7B,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,KAAA,GAAQ,KAAK,QAAA,CAAS,OAAA;AAC5B,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,MAAA,CAAO,YAAA,EAAa;AAC3C,EAAA,MAAM,kBAAA,GAAqB,IAAA,CAAK,MAAA,CAAO,qBAAA,EAAsB;AAE7D,EAAA,IAAI,CAAC,KAAK,QAAA,EAAU;AAClB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,QAAQ,IAAA,CAAK,KAAA,CAAM,OAAA,CAAQ,GAAA,CAAI,CAAC,IAAA,qBACpC,GAAA,CAAC,IAAA,EAAA,EAAmB,IAAA,EAAM,KAAK,IAAA,EAAM,EAAA,EAAI,KAAK,EAAA,EAAA,EAAnC,IAAA,CAAK,EAAkC,CACnD,CAAA;AAED,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,KAAA;AAAA,IACP,aAAa,MAAA,CAAO,SAAA;AAAA,IACpB,SAAS,MAAA,CAAO;AAAA,GAClB;AAEA,EAAA,MAAM;AAAA,IACJ,iBAAA,EAAmB,cAAA;AAAA,IACnB,YAAA,EAAc,SAAA;AAAA,IACd,GAAG;AAAA,MACD,IAAA,CAAK,cAAA;AAET,EAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,aAAA,EAAa,kBAAA,EAAoB,aAAW,SAAA,EACnD,QAAA,kBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACV,GAAG,IAAA;AAAA,MACJ,iBAAA,EAAiB,YAAY,MAAA,GAAY,cAAA;AAAA,MACzC,YAAA,EAAY,SAAA;AAAA,MACZ,MAAA,EAAQ,QAAQ,MAAA,GAAS,OAAA;AAAA,MACzB,YAAA,EAAc,KAAK,QAAA,CAAS,YAAA;AAAA,MAE3B,gBAAM,MAAA,KAAW,CAAA,IAAK,kBAAA,mBAAqB,GAAA,CAAC,iBAAc,CAAA,GAAK;AAAA;AAAA,GAClE,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Items.mjs","sources":["../../../../../../../../../src/components/List/components/Items/Items.tsx"],"sourcesContent":["import Item from \"@/components/List/components/Items/components/Item/Item\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport DivView from \"@/views/DivView\";\nimport ItemsGridListView from \"@/views/ItemsGridListView\";\nimport clsx from \"clsx\";\nimport type { FC } from \"react\";\nimport { useRef } from \"react\";\nimport styles from \"./Items.module.scss\";\nimport { FallbackItems } from \"./components/FallbackItems\";\nimport {\n  getLoadMoreThresholdRows,\n  useInfiniteScrollTrigger,\n} from \"./hooks/useInfiniteScrollTrigger\";\n\nexport const Items: FC = () => {\n  const list = useList();\n  const tiles = list.viewMode.isTiles;\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  useInfiniteScrollTrigger(triggerRef);\n\n  if (!list.itemView) {\n    return null;\n  }\n\n  const triggerIndex = Math.max(\n    0,\n    list.items.entries.length -\n      getLoadMoreThresholdRows(list.batches.batchSize),\n  );\n\n  const items = list.items.entries.map((item, index) => (\n    <Item\n      key={item.id}\n      data={item.data}\n      id={item.id}\n      triggerRef={\n        list.infiniteScroll && index === triggerIndex ? triggerRef : undefined\n      }\n    />\n  ));\n\n  const rootClassName = clsx(\n    styles.items,\n    isLoading && styles.isLoading,\n    tiles && styles.tiles,\n  );\n\n  const {\n    \"aria-labelledby\": ariaLabelledby,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = list.componentProps;\n\n  return (\n    <DivView aria-hidden={isInitiallyLoading} aria-busy={isLoading}>\n      <ItemsGridListView\n        className={rootClassName}\n        {...rest}\n        aria-labelledby={ariaLabel ? undefined : ariaLabelledby}\n        aria-label={ariaLabel}\n        layout={tiles ? \"grid\" : \"stack\"}\n        tileMaxWidth={list.itemView.tileMaxWidth}\n      >\n        {items.length === 0 && isInitiallyLoading ? <FallbackItems /> : items}\n      </ItemsGridListView>\n    </DivView>\n  );\n};\n\nexport default Items;\n"],"names":[],"mappings":";;;;;;;;;;;AAcO,MAAM,QAAY,MAAM;AAC7B,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,KAAA,GAAQ,KAAK,QAAA,CAAS,OAAA;AAC5B,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,MAAA,CAAO,YAAA,EAAa;AAC3C,EAAA,MAAM,kBAAA,GAAqB,IAAA,CAAK,MAAA,CAAO,qBAAA,EAAsB;AAE7D,EAAA,MAAM,UAAA,GAAa,OAAuB,IAAI,CAAA;AAC9C,EAAA,wBAAA,CAAyB,UAAU,CAAA;AAEnC,EAAA,IAAI,CAAC,KAAK,QAAA,EAAU;AAClB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,eAAe,IAAA,CAAK,GAAA;AAAA,IACxB,CAAA;AAAA,IACA,KAAK,KAAA,CAAM,OAAA,CAAQ,SACjB,wBAAA,CAAyB,IAAA,CAAK,QAAQ,SAAS;AAAA,GACnD;AAEA,EAAA,MAAM,QAAQ,IAAA,CAAK,KAAA,CAAM,QAAQ,GAAA,CAAI,CAAC,MAAM,KAAA,qBAC1C,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MAEC,MAAM,IAAA,CAAK,IAAA;AAAA,MACX,IAAI,IAAA,CAAK,EAAA;AAAA,MACT,UAAA,EACE,IAAA,CAAK,cAAA,IAAkB,KAAA,KAAU,eAAe,UAAA,GAAa;AAAA,KAAA;AAAA,IAJ1D,IAAA,CAAK;AAAA,GAOb,CAAA;AAED,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,KAAA;AAAA,IACP,aAAa,MAAA,CAAO,SAAA;AAAA,IACpB,SAAS,MAAA,CAAO;AAAA,GAClB;AAEA,EAAA,MAAM;AAAA,IACJ,iBAAA,EAAmB,cAAA;AAAA,IACnB,YAAA,EAAc,SAAA;AAAA,IACd,GAAG;AAAA,MACD,IAAA,CAAK,cAAA;AAET,EAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,aAAA,EAAa,kBAAA,EAAoB,aAAW,SAAA,EACnD,QAAA,kBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACV,GAAG,IAAA;AAAA,MACJ,iBAAA,EAAiB,YAAY,MAAA,GAAY,cAAA;AAAA,MACzC,YAAA,EAAY,SAAA;AAAA,MACZ,MAAA,EAAQ,QAAQ,MAAA,GAAS,OAAA;AAAA,MACzB,YAAA,EAAc,KAAK,QAAA,CAAS,YAAA;AAAA,MAE3B,gBAAM,MAAA,KAAW,CAAA,IAAK,kBAAA,mBAAqB,GAAA,CAAC,iBAAc,CAAA,GAAK;AAAA;AAAA,GAClE,EACF,CAAA;AAEJ;;;;"}

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

@@ -4,12 +4,13 @@ import { jsx } from 'react/jsx-runtime';
 import { useGridItemProps } from './hooks/useGridItemProps.mjs';
 import { useList } from '../../../../hooks/useList.mjs';
 import ItemsGridListItemView from '../../../../../../views/ItemsGridListItemView.mjs';
+import { mergeRefs } from '@react-aria/utils';
 import { Suspense } from 'react';
 import styles from './Item.module.scss.mjs';
 import { ListItemSkeletonView } from './components/ListItemSkeletonView/ListItemSkeletonView.mjs';
 
 const Item = (props) => {
-  const { id, data } = props;
+  const { id, data, triggerRef } = props;
   const list = useList();
   const itemView = list.itemView;
   const { gridItemProps, children } = useGridItemProps(props);
@@ -19,6 +20,8 @@ const Item = (props) => {
   const textValue = itemView.textValue ? itemView.textValue(data) : void 0;
   const href = itemView.href ? itemView.href(data) : void 0;
   const hasAction = !!gridItemProps.onAction || !!href;
+  const existingRef = "ref" in gridItemProps ? gridItemProps.ref : void 0;
+  const gridItemPropsWithRef = triggerRef ? { ...gridItemProps, ref: mergeRefs(existingRef, triggerRef) } : gridItemProps;
   return /* @__PURE__ */ jsx(
     ItemsGridListItemView,
     {
@@ -28,7 +31,7 @@ const Item = (props) => {
       target: itemView.target,
       hasAction,
       isTile: list.viewMode.isTiles,
-      ...gridItemProps,
+      ...gridItemPropsWithRef,
       children: /* @__PURE__ */ jsx(
         Suspense,
         {

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

@@ -1 +1 @@
-{"version":3,"file":"Item.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"sourcesContent":["import { useGridItemProps } from \"@/components/List/components/Items/components/Item/hooks/useGridItemProps\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport { Suspense } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport styles from \"./Item.module.scss\";\nimport { ListItemSkeletonView } from \"./components/ListItemSkeletonView/ListItemSkeletonView\";\n\ninterface Props extends PropsWithChildren {\n  id: Key;\n  data: never;\n}\n\nexport const Item = (props: Props) => {\n  const { id, data } = props;\n  const list = useList();\n\n  const itemView = list.itemView;\n\n  const { gridItemProps, children } = useGridItemProps(props);\n\n  if (!itemView) {\n    return null;\n  }\n\n  const textValue = itemView.textValue ? itemView.textValue(data) : undefined;\n  const href = itemView.href ? itemView.href(data) : undefined;\n  const hasAction = !!gridItemProps.onAction || !!href;\n\n  return (\n    <ItemsGridListItemView\n      id={id}\n      textValue={textValue}\n      href={href}\n      target={itemView.target}\n      hasAction={hasAction}\n      isTile={list.viewMode.isTiles}\n      {...gridItemProps}\n    >\n      <Suspense\n        fallback={<ListItemSkeletonView viewMode={list.viewMode.value} />}\n      >\n        {children}\n      </Suspense>\n    </ItemsGridListItemView>\n  );\n};\n\nexport const ItemContainer: FC<Props> = (props) => {\n  const list = useList();\n  return (\n    <ItemsGridListItemView\n      textValue=\"-\"\n      className={styles.item}\n      isTile={list.viewMode.isTiles}\n    >\n      {props.children}\n    </ItemsGridListItemView>\n  );\n};\n\nexport default Item;\n"],"names":[],"mappings":";;;;;;;;AAcO,MAAM,IAAA,GAAO,CAAC,KAAA,KAAiB;AACpC,EAAA,MAAM,EAAE,EAAA,EAAI,IAAA,EAAK,GAAI,KAAA;AACrB,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,MAAM,WAAW,IAAA,CAAK,QAAA;AAEtB,EAAA,MAAM,EAAE,aAAA,EAAe,QAAA,EAAS,GAAI,iBAAiB,KAAK,CAAA;AAE1D,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,YAAY,QAAA,CAAS,SAAA,GAAY,QAAA,CAAS,SAAA,CAAU,IAAI,CAAA,GAAI,MAAA;AAClE,EAAA,MAAM,OAAO,QAAA,CAAS,IAAA,GAAO,QAAA,CAAS,IAAA,CAAK,IAAI,CAAA,GAAI,MAAA;AACnD,EAAA,MAAM,YAAY,CAAC,CAAC,aAAA,CAAc,QAAA,IAAY,CAAC,CAAC,IAAA;AAEhD,EAAA,uBACE,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAQ,QAAA,CAAS,MAAA;AAAA,MACjB,SAAA;AAAA,MACA,MAAA,EAAQ,KAAK,QAAA,CAAS,OAAA;AAAA,MACrB,GAAG,aAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,0BAAU,GAAA,CAAC,oBAAA,EAAA,EAAqB,QAAA,EAAU,IAAA,CAAK,SAAS,KAAA,EAAO,CAAA;AAAA,UAE9D;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;AAEO,MAAM,aAAA,GAA2B,CAAC,KAAA,KAAU;AACjD,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,uBACE,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,GAAA;AAAA,MACV,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,MAAA,EAAQ,KAAK,QAAA,CAAS,OAAA;AAAA,MAErB,QAAA,EAAA,KAAA,CAAM;AAAA;AAAA,GACT;AAEJ;;;;"}
+{"version":3,"file":"Item.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"sourcesContent":["import { useGridItemProps } from \"@/components/List/components/Items/components/Item/hooks/useGridItemProps\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\nimport { mergeRefs } from \"@react-aria/utils\";\nimport type { FC, PropsWithChildren, Ref } from \"react\";\nimport { Suspense } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport styles from \"./Item.module.scss\";\nimport { ListItemSkeletonView } from \"./components/ListItemSkeletonView/ListItemSkeletonView\";\n\ninterface Props extends PropsWithChildren {\n  id: Key;\n  data: never;\n  triggerRef?: Ref<HTMLDivElement>;\n}\n\nexport const Item = (props: Props) => {\n  const { id, data, triggerRef } = props;\n  const list = useList();\n\n  const itemView = list.itemView;\n\n  const { gridItemProps, children } = useGridItemProps(props);\n\n  if (!itemView) {\n    return null;\n  }\n\n  const textValue = itemView.textValue ? itemView.textValue(data) : undefined;\n  const href = itemView.href ? itemView.href(data) : undefined;\n  const hasAction = !!gridItemProps.onAction || !!href;\n\n  const existingRef = \"ref\" in gridItemProps ? gridItemProps.ref : undefined;\n  const gridItemPropsWithRef = triggerRef\n    ? { ...gridItemProps, ref: mergeRefs(existingRef, triggerRef) }\n    : gridItemProps;\n\n  return (\n    <ItemsGridListItemView\n      id={id}\n      textValue={textValue}\n      href={href}\n      target={itemView.target}\n      hasAction={hasAction}\n      isTile={list.viewMode.isTiles}\n      {...gridItemPropsWithRef}\n    >\n      <Suspense\n        fallback={<ListItemSkeletonView viewMode={list.viewMode.value} />}\n      >\n        {children}\n      </Suspense>\n    </ItemsGridListItemView>\n  );\n};\n\nexport const ItemContainer: FC<Props> = (props) => {\n  const list = useList();\n  return (\n    <ItemsGridListItemView\n      textValue=\"-\"\n      className={styles.item}\n      isTile={list.viewMode.isTiles}\n    >\n      {props.children}\n    </ItemsGridListItemView>\n  );\n};\n\nexport default Item;\n"],"names":[],"mappings":";;;;;;;;;AAgBO,MAAM,IAAA,GAAO,CAAC,KAAA,KAAiB;AACpC,EAAA,MAAM,EAAE,EAAA,EAAI,IAAA,EAAM,UAAA,EAAW,GAAI,KAAA;AACjC,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,MAAM,WAAW,IAAA,CAAK,QAAA;AAEtB,EAAA,MAAM,EAAE,aAAA,EAAe,QAAA,EAAS,GAAI,iBAAiB,KAAK,CAAA;AAE1D,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,YAAY,QAAA,CAAS,SAAA,GAAY,QAAA,CAAS,SAAA,CAAU,IAAI,CAAA,GAAI,MAAA;AAClE,EAAA,MAAM,OAAO,QAAA,CAAS,IAAA,GAAO,QAAA,CAAS,IAAA,CAAK,IAAI,CAAA,GAAI,MAAA;AACnD,EAAA,MAAM,YAAY,CAAC,CAAC,aAAA,CAAc,QAAA,IAAY,CAAC,CAAC,IAAA;AAEhD,EAAA,MAAM,WAAA,GAAc,KAAA,IAAS,aAAA,GAAgB,aAAA,CAAc,GAAA,GAAM,MAAA;AACjE,EAAA,MAAM,oBAAA,GAAuB,UAAA,GACzB,EAAE,GAAG,aAAA,EAAe,KAAK,SAAA,CAAU,WAAA,EAAa,UAAU,CAAA,EAAE,GAC5D,aAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAQ,QAAA,CAAS,MAAA;AAAA,MACjB,SAAA;AAAA,MACA,MAAA,EAAQ,KAAK,QAAA,CAAS,OAAA;AAAA,MACrB,GAAG,oBAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,0BAAU,GAAA,CAAC,oBAAA,EAAA,EAAqB,QAAA,EAAU,IAAA,CAAK,SAAS,KAAA,EAAO,CAAA;AAAA,UAE9D;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;AAEO,MAAM,aAAA,GAA2B,CAAC,KAAA,KAAU;AACjD,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,uBACE,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,GAAA;AAAA,MACV,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,MAAA,EAAQ,KAAK,QAAA,CAAS,OAAA;AAAA,MAErB,QAAA,EAAA,KAAA,CAAM;AAAA;AAAA,GACT;AAEJ;;;;"}

package/dist/js/packages/components/src/components/List/components/Items/hooks/useInfiniteScrollTrigger.mjs

@@ -0,0 +1,41 @@
+"use client"
+/* */
+import { useEffectEvent, useEffect } from 'react';
+import { useList } from '../../../hooks/useList.mjs';
+
+const loadMoreThresholdFactor = 0.2;
+const minLoadMoreThresholdRows = 1;
+const maxLoadMoreThresholdRows = 8;
+const getLoadMoreThresholdRows = (batchSize) => Math.min(
+  maxLoadMoreThresholdRows,
+  Math.max(
+    minLoadMoreThresholdRows,
+    Math.round(batchSize * loadMoreThresholdFactor)
+  )
+);
+const useInfiniteScrollTrigger = (triggerRef) => {
+  const list = useList();
+  const isLoading = list.loader.useIsLoading();
+  const visibleItemsCount = list.batches.getVisibleItemsCount();
+  const loadNextBatch = useEffectEvent(() => {
+    if (list.batches.hasNextBatch() && !isLoading) {
+      list.batches.nextBatch();
+    }
+  });
+  useEffect(() => {
+    const trigger = triggerRef.current;
+    if (!trigger) {
+      return;
+    }
+    const observer = new IntersectionObserver((entries) => {
+      if (entries.some((entry) => entry.isIntersecting)) {
+        loadNextBatch();
+      }
+    });
+    observer.observe(trigger);
+    return () => observer.disconnect();
+  }, [loadNextBatch, triggerRef, visibleItemsCount]);
+};
+
+export { getLoadMoreThresholdRows, useInfiniteScrollTrigger };
+//# sourceMappingURL=useInfiniteScrollTrigger.mjs.map

package/dist/js/packages/components/src/components/List/components/Items/hooks/useInfiniteScrollTrigger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteScrollTrigger.mjs","sources":["../../../../../../../../../../src/components/List/components/Items/hooks/useInfiniteScrollTrigger.ts"],"sourcesContent":["import { useEffect, useEffectEvent, type RefObject } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\n\nconst loadMoreThresholdFactor = 0.2;\nconst minLoadMoreThresholdRows = 1;\nconst maxLoadMoreThresholdRows = 8;\n\nexport const getLoadMoreThresholdRows = (batchSize: number): number =>\n  Math.min(\n    maxLoadMoreThresholdRows,\n    Math.max(\n      minLoadMoreThresholdRows,\n      Math.round(batchSize * loadMoreThresholdFactor),\n    ),\n  );\n\nexport const useInfiniteScrollTrigger = (\n  triggerRef: RefObject<HTMLElement | null>,\n): void => {\n  const list = useList();\n  const isLoading = list.loader.useIsLoading();\n  const visibleItemsCount = list.batches.getVisibleItemsCount();\n\n  const loadNextBatch = useEffectEvent(() => {\n    if (list.batches.hasNextBatch() && !isLoading) {\n      list.batches.nextBatch();\n    }\n  });\n\n  useEffect(() => {\n    const trigger = triggerRef.current;\n    if (!trigger) {\n      return;\n    }\n\n    const observer = new IntersectionObserver((entries) => {\n      if (entries.some((entry) => entry.isIntersecting)) {\n        loadNextBatch();\n      }\n    });\n    observer.observe(trigger);\n\n    return () => observer.disconnect();\n  }, [loadNextBatch, triggerRef, visibleItemsCount]);\n};\n"],"names":[],"mappings":";;;AAGA,MAAM,uBAAA,GAA0B,GAAA;AAChC,MAAM,wBAAA,GAA2B,CAAA;AACjC,MAAM,wBAAA,GAA2B,CAAA;AAE1B,MAAM,wBAAA,GAA2B,CAAC,SAAA,KACvC,IAAA,CAAK,GAAA;AAAA,EACH,wBAAA;AAAA,EACA,IAAA,CAAK,GAAA;AAAA,IACH,wBAAA;AAAA,IACA,IAAA,CAAK,KAAA,CAAM,SAAA,GAAY,uBAAuB;AAAA;AAElD;AAEK,MAAM,wBAAA,GAA2B,CACtC,UAAA,KACS;AACT,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,MAAA,CAAO,YAAA,EAAa;AAC3C,EAAA,MAAM,iBAAA,GAAoB,IAAA,CAAK,OAAA,CAAQ,oBAAA,EAAqB;AAE5D,EAAA,MAAM,aAAA,GAAgB,eAAe,MAAM;AACzC,IAAA,IAAI,IAAA,CAAK,OAAA,CAAQ,YAAA,EAAa,IAAK,CAAC,SAAA,EAAW;AAC7C,MAAA,IAAA,CAAK,QAAQ,SAAA,EAAU;AAAA,IACzB;AAAA,EACF,CAAC,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,UAAU,UAAA,CAAW,OAAA;AAC3B,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,QAAA,GAAW,IAAI,oBAAA,CAAqB,CAAC,OAAA,KAAY;AACrD,MAAA,IAAI,QAAQ,IAAA,CAAK,CAAC,KAAA,KAAU,KAAA,CAAM,cAAc,CAAA,EAAG;AACjD,QAAA,aAAA,EAAc;AAAA,MAChB;AAAA,IACF,CAAC,CAAA;AACD,IAAA,QAAA,CAAS,QAAQ,OAAO,CAAA;AAExB,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,CAAC,aAAA,EAAe,UAAA,EAAY,iBAAiB,CAAC,CAAA;AACnD;;;;"}

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

@@ -1,7 +1,6 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import 'react';
 import styles from './ListSummary.module.scss.mjs';
 import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
 import clsx from 'clsx';

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

@@ -1 +1 @@
-{"version":3,"file":"ListSummary.mjs","sources":["../../../../../../../../../src/components/List/components/ListSummary/ListSummary.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ListSummary.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport clsx from \"clsx\";\n\nexport interface ListSummaryProps\n  extends FlowComponentProps, PropsWithChildren {\n  /** Whether the summary is placed above or underneath the list @default: \"top\" */\n  position?: \"top\" | \"bottom\";\n}\n\n/** @flr-generate all */\nexport const ListSummary = flowComponent(\"ListSummary\", (props) => {\n  const { children, position = \"top\", ref } = props;\n\n  if (position === \"bottom\") {\n    return (\n      <footer\n        ref={ref}\n        className={clsx(styles.listSummary, styles.bottom)}\n        {...props}\n      >\n        {children}\n      </footer>\n    );\n  }\n\n  return (\n    <header\n      ref={ref}\n      className={clsx(styles.listSummary, styles.top)}\n      {...props}\n    >\n      {children}\n    </header>\n  );\n});\n\nexport default ListSummary;\n"],"names":[],"mappings":";;;;;;AAcO,MAAM,WAAA,GAAc,aAAA,CAAc,aAAA,EAAe,CAAC,KAAA,KAAU;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,QAAA,GAAW,KAAA,EAAO,KAAI,GAAI,KAAA;AAE5C,EAAA,IAAI,aAAa,QAAA,EAAU;AACzB,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,IAAA,CAAK,MAAA,CAAO,WAAA,EAAa,OAAO,MAAM,CAAA;AAAA,QAChD,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,IAAA,CAAK,MAAA,CAAO,WAAA,EAAa,OAAO,GAAG,CAAA;AAAA,MAC7C,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}
+{"version":3,"file":"ListSummary.mjs","sources":["../../../../../../../../../src/components/List/components/ListSummary/ListSummary.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./ListSummary.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport clsx from \"clsx\";\n\nexport interface ListSummaryProps\n  extends FlowComponentProps, PropsWithChildren {\n  /** Whether the summary is placed above or underneath the list @default: \"top\" */\n  position?: \"top\" | \"bottom\";\n}\n\n/** @flr-generate all */\nexport const ListSummary = flowComponent(\"ListSummary\", (props) => {\n  const { children, position = \"top\", ref } = props;\n\n  if (position === \"bottom\") {\n    return (\n      <footer\n        ref={ref}\n        className={clsx(styles.listSummary, styles.bottom)}\n        {...props}\n      >\n        {children}\n      </footer>\n    );\n  }\n\n  return (\n    <header\n      ref={ref}\n      className={clsx(styles.listSummary, styles.top)}\n      {...props}\n    >\n      {children}\n    </header>\n  );\n});\n\nexport default ListSummary;\n"],"names":[],"mappings":";;;;;AAaO,MAAM,WAAA,GAAc,aAAA,CAAc,aAAA,EAAe,CAAC,KAAA,KAAU;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,QAAA,GAAW,KAAA,EAAO,KAAI,GAAI,KAAA;AAE5C,EAAA,IAAI,aAAa,QAAA,EAAU;AACzB,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,IAAA,CAAK,MAAA,CAAO,WAAA,EAAa,OAAO,MAAM,CAAA;AAAA,QAChD,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,IAAA,CAAK,MAAA,CAAO,WAAA,EAAa,OAAO,GAAG,CAAA;AAAA,MAC7C,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

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

@@ -28,6 +28,7 @@ class List {
   loader;
   onAction;
   accordion;
+  infiniteScroll;
   getItemId;
   componentProps;
   metadata;
@@ -52,6 +53,7 @@ class List {
       getItemId,
       defaultViewMode,
       accordion = false,
+      infiniteScroll = false,
       loadingItemsCount = 5,
       settingsStorageDefaults,
       emptyView,
@@ -71,6 +73,7 @@ class List {
     this.search = search ? new Search(this, search) : void 0;
     this.itemView = itemView ? new ItemView(this, itemView) : void 0;
     this.accordion = accordion;
+    this.infiniteScroll = infiniteScroll;
     this.table = table ? new Table(this, table) : void 0;
     this.batches = new BatchesController(this, batchesController);
     this.componentProps = componentProps;

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

@@ -1 +1 @@
-{"version":3,"file":"List.mjs","sources":["../../../../../../../../src/components/List/model/List.ts"],"sourcesContent":["import { ItemCollection } from \"@/components/List/model/item/ItemCollection\";\nimport { BatchesController } from \"@/components/List/model/pagination/BatchesController\";\nimport { Filter } from \"./filter/Filter\";\nimport { Sorting } from \"@/components/List/model/sorting/Sorting\";\nimport ReactTable from \"@/components/List/model/ReactTable\";\nimport type {\n  EmptyViewType,\n  GetItemId,\n  ItemActionFn,\n  ListSettingsStorageDefaults,\n  ListShape,\n  ListSupportedComponentProps,\n} from \"@/components/List/model/types\";\nimport { IncrementalLoader } from \"@/components/List/model/loading/IncrementalLoader\";\nimport invariant from \"invariant\";\nimport { Search } from \"@/components/List/model/search/Search\";\nimport { ItemView } from \"@/components/List/model/item/ItemView\";\nimport { Table } from \"@/components/List/model/table/Table\";\nimport { useEffect, type ReactNode } from \"react\";\nimport { ListSettingsStore } from \"./ListSettingsStore\";\nimport { ListViewMode } from \"./ListViewMode\";\nimport { useSettings } from \"@/components/SettingsProvider/SettingsProvider\";\nimport { DateRangeFilter } from \"@/components/List/model/filter/DateRangeFilter\";\n\nexport class List<T = unknown, TMeta = unknown> {\n  public readonly filters: (\n    | Filter<T, never, never>\n    | DateRangeFilter<T, never>\n  )[];\n  public readonly itemView?: ItemView<T>;\n  public readonly table?: Table<T>;\n  public readonly search?: Search<T>;\n  public readonly sorting: Sorting<T>[];\n  public readonly items: ItemCollection<T>;\n  public readonly reactTable: ReactTable<T>;\n  public readonly batches: BatchesController<T>;\n  public readonly loader: IncrementalLoader<T>;\n  public readonly onAction?: ItemActionFn<T>;\n  public readonly accordion: boolean;\n  public readonly getItemId?: GetItemId<T>;\n  public readonly componentProps: ListSupportedComponentProps;\n  public metadata?: TMeta;\n  public readonly settingsStorage?: ListSettingsStore<T>;\n  public readonly loadingItemsCount;\n  public readonly viewMode: ListViewMode<T>;\n  public readonly emptyView?: ReactNode;\n  public readonly emptySearchResultView?: ReactNode;\n  public readonly settingsStorageDefaults?: ListSettingsStorageDefaults;\n\n  public constructor(shape: ListShape<T, TMeta>) {\n    const {\n      settingStorageKey,\n      itemView,\n      table,\n      filters = [],\n      sorting = [],\n      batchesController,\n      onChange,\n      loader,\n      search,\n      onAction,\n      getItemId,\n      defaultViewMode,\n      accordion = false,\n      loadingItemsCount = 5,\n      settingsStorageDefaults,\n      emptyView,\n      emptySearchResultView,\n      ...componentProps\n    } = shape;\n\n    this.settingsStorageDefaults = settingsStorageDefaults;\n    const generalSettingsStore = useSettings();\n\n    this.settingsStorage =\n      settingStorageKey && generalSettingsStore\n        ? new ListSettingsStore(this, generalSettingsStore, {\n            storageKey: settingStorageKey,\n          })\n        : undefined;\n\n    this.items = new ItemCollection(this);\n    this.filters = filters.map((shape) =>\n      shape.mode === \"dateRange\"\n        ? new DateRangeFilter(this, shape)\n        : new Filter(this, shape),\n    );\n    this.sorting = sorting.map((shape) => new Sorting<T>(this, shape));\n    this.search = search ? new Search(this, search) : undefined;\n    this.itemView = itemView ? new ItemView(this, itemView) : undefined;\n    this.accordion = accordion;\n    this.table = table ? new Table(this, table) : undefined;\n    this.batches = new BatchesController(this, batchesController);\n    this.componentProps = componentProps;\n    this.loader = IncrementalLoader.useNew<T>(this, loader);\n    this.onAction = onAction;\n    this.getItemId = getItemId;\n    this.loadingItemsCount = loadingItemsCount;\n    this.reactTable = ReactTable.useNew(this, onChange, {\n      manualFiltering: this.loader.manualFiltering,\n      manualPagination: this.loader.manualPagination,\n      manualSorting: this.loader.manualSorting,\n    });\n    this.viewMode = new ListViewMode(this, { defaultViewMode });\n    this.emptyView = emptyView;\n    this.emptySearchResultView = emptySearchResultView;\n\n    useEffect(() => {\n      this.filters.forEach((f) => f.deleteUnknownFilterValues());\n    }, [this.filters]);\n  }\n\n  public getEmptyViewType(): EmptyViewType {\n    return this.hasActiveFilters || this.search?.isSet ? \"search\" : \"list\";\n  }\n\n  public get hasActiveFilters(): boolean {\n    return this.filters.some((f) => f.isActive());\n  }\n\n  public get visibleSorting() {\n    return this.sorting.filter((s) => s.initialEnabled !== \"hidden\");\n  }\n\n  public static useNew<T, TMeta = unknown>(\n    shape: ListShape<T, TMeta>,\n  ): List<T, TMeta> {\n    return new List<T, TMeta>(shape);\n  }\n\n  public getSorting(id: string): Sorting<T> {\n    const sorting = this.sorting.find((s) => s.id === id);\n    invariant(!!sorting, `Could not get Sorting (ID: ${id})`);\n    return sorting;\n  }\n\n  public clearSorting(): void {\n    return this.sorting.forEach((s) => s.clear());\n  }\n\n  public resetFilters(): void {\n    return this.filters.forEach((f) => f.resetValues());\n  }\n\n  public clearFilters(): void {\n    return this.filters.forEach((f) => f.clear());\n  }\n\n  public useIsEmpty(): boolean {\n    return !this.loader.useIsLoading() && this.items.entries.length === 0;\n  }\n}\n\nexport default List;\n"],"names":["shape"],"mappings":"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"}
+{"version":3,"file":"List.mjs","sources":["../../../../../../../../src/components/List/model/List.ts"],"sourcesContent":["import { ItemCollection } from \"@/components/List/model/item/ItemCollection\";\nimport { BatchesController } from \"@/components/List/model/pagination/BatchesController\";\nimport { Filter } from \"./filter/Filter\";\nimport { Sorting } from \"@/components/List/model/sorting/Sorting\";\nimport ReactTable from \"@/components/List/model/ReactTable\";\nimport type {\n  EmptyViewType,\n  GetItemId,\n  ItemActionFn,\n  ListSettingsStorageDefaults,\n  ListShape,\n  ListSupportedComponentProps,\n} from \"@/components/List/model/types\";\nimport { IncrementalLoader } from \"@/components/List/model/loading/IncrementalLoader\";\nimport invariant from \"invariant\";\nimport { Search } from \"@/components/List/model/search/Search\";\nimport { ItemView } from \"@/components/List/model/item/ItemView\";\nimport { Table } from \"@/components/List/model/table/Table\";\nimport { useEffect, type ReactNode } from \"react\";\nimport { ListSettingsStore } from \"./ListSettingsStore\";\nimport { ListViewMode } from \"./ListViewMode\";\nimport { useSettings } from \"@/components/SettingsProvider/SettingsProvider\";\nimport { DateRangeFilter } from \"@/components/List/model/filter/DateRangeFilter\";\n\nexport class List<T = unknown, TMeta = unknown> {\n  public readonly filters: (\n    | Filter<T, never, never>\n    | DateRangeFilter<T, never>\n  )[];\n  public readonly itemView?: ItemView<T>;\n  public readonly table?: Table<T>;\n  public readonly search?: Search<T>;\n  public readonly sorting: Sorting<T>[];\n  public readonly items: ItemCollection<T>;\n  public readonly reactTable: ReactTable<T>;\n  public readonly batches: BatchesController<T>;\n  public readonly loader: IncrementalLoader<T>;\n  public readonly onAction?: ItemActionFn<T>;\n  public readonly accordion: boolean;\n  public readonly infiniteScroll: boolean;\n  public readonly getItemId?: GetItemId<T>;\n  public readonly componentProps: ListSupportedComponentProps;\n  public metadata?: TMeta;\n  public readonly settingsStorage?: ListSettingsStore<T>;\n  public readonly loadingItemsCount;\n  public readonly viewMode: ListViewMode<T>;\n  public readonly emptyView?: ReactNode;\n  public readonly emptySearchResultView?: ReactNode;\n  public readonly settingsStorageDefaults?: ListSettingsStorageDefaults;\n\n  public constructor(shape: ListShape<T, TMeta>) {\n    const {\n      settingStorageKey,\n      itemView,\n      table,\n      filters = [],\n      sorting = [],\n      batchesController,\n      onChange,\n      loader,\n      search,\n      onAction,\n      getItemId,\n      defaultViewMode,\n      accordion = false,\n      infiniteScroll = false,\n      loadingItemsCount = 5,\n      settingsStorageDefaults,\n      emptyView,\n      emptySearchResultView,\n      ...componentProps\n    } = shape;\n\n    this.settingsStorageDefaults = settingsStorageDefaults;\n    const generalSettingsStore = useSettings();\n\n    this.settingsStorage =\n      settingStorageKey && generalSettingsStore\n        ? new ListSettingsStore(this, generalSettingsStore, {\n            storageKey: settingStorageKey,\n          })\n        : undefined;\n\n    this.items = new ItemCollection(this);\n    this.filters = filters.map((shape) =>\n      shape.mode === \"dateRange\"\n        ? new DateRangeFilter(this, shape)\n        : new Filter(this, shape),\n    );\n    this.sorting = sorting.map((shape) => new Sorting<T>(this, shape));\n    this.search = search ? new Search(this, search) : undefined;\n    this.itemView = itemView ? new ItemView(this, itemView) : undefined;\n    this.accordion = accordion;\n    this.infiniteScroll = infiniteScroll;\n    this.table = table ? new Table(this, table) : undefined;\n    this.batches = new BatchesController(this, batchesController);\n    this.componentProps = componentProps;\n    this.loader = IncrementalLoader.useNew<T>(this, loader);\n    this.onAction = onAction;\n    this.getItemId = getItemId;\n    this.loadingItemsCount = loadingItemsCount;\n    this.reactTable = ReactTable.useNew(this, onChange, {\n      manualFiltering: this.loader.manualFiltering,\n      manualPagination: this.loader.manualPagination,\n      manualSorting: this.loader.manualSorting,\n    });\n    this.viewMode = new ListViewMode(this, { defaultViewMode });\n    this.emptyView = emptyView;\n    this.emptySearchResultView = emptySearchResultView;\n\n    useEffect(() => {\n      this.filters.forEach((f) => f.deleteUnknownFilterValues());\n    }, [this.filters]);\n  }\n\n  public getEmptyViewType(): EmptyViewType {\n    return this.hasActiveFilters || this.search?.isSet ? \"search\" : \"list\";\n  }\n\n  public get hasActiveFilters(): boolean {\n    return this.filters.some((f) => f.isActive());\n  }\n\n  public get visibleSorting() {\n    return this.sorting.filter((s) => s.initialEnabled !== \"hidden\");\n  }\n\n  public static useNew<T, TMeta = unknown>(\n    shape: ListShape<T, TMeta>,\n  ): List<T, TMeta> {\n    return new List<T, TMeta>(shape);\n  }\n\n  public getSorting(id: string): Sorting<T> {\n    const sorting = this.sorting.find((s) => s.id === id);\n    invariant(!!sorting, `Could not get Sorting (ID: ${id})`);\n    return sorting;\n  }\n\n  public clearSorting(): void {\n    return this.sorting.forEach((s) => s.clear());\n  }\n\n  public resetFilters(): void {\n    return this.filters.forEach((f) => f.resetValues());\n  }\n\n  public clearFilters(): void {\n    return this.filters.forEach((f) => f.clear());\n  }\n\n  public useIsEmpty(): boolean {\n    return !this.loader.useIsLoading() && this.items.entries.length === 0;\n  }\n}\n\nexport default List;\n"],"names":["shape"],"mappings":"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"}

package/dist/js/packages/components/src/components/List/model/filter/DateRangeFilter.mjs

@@ -2,9 +2,9 @@
 /* */
 import { Filter } from './Filter.mjs';
 import 'react/jsx-runtime';
-import 'react';
 import 'react-aria-components';
 import '../../../Button/Button.mjs';
+import 'react';
 import '@mittwald/flow-icons';
 import '../../../Icon/components/IconSetProvider.mjs';
 import '../../../Icon/Icon.mjs';

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

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../../../../../../../../src/components/List/model/types.ts"],"sourcesContent":["import type { FilterShape } from \"@/components/List/model/filter/types\";\nimport type { ItemViewShape } from \"@/components/List/model/item/ItemView\";\nimport type List from \"@/components/List/model/List\";\nimport type { IncrementalLoaderShape } from \"@/components/List/model/loading/types\";\nimport type { BatchesControllerShape } from \"@/components/List/model/pagination/types\";\nimport type { SearchShape } from \"@/components/List/model/search/types\";\nimport type { SortingShape } from \"@/components/List/model/sorting/types\";\nimport type { TableShape } from \"@/components/List/model/table/types\";\nimport type { ItemType } from \"@/lib/types/array\";\nimport type { MultipleSelection, SelectionBehavior } from \"@react-types/shared\";\nimport type { DeepKeys, DeepValue } from \"@tanstack/react-table\";\nimport type { ReactNode } from \"react\";\n\nexport const customPropertyPrefix = \"$\" as const;\nexport type CustomPropertyName = `${typeof customPropertyPrefix}${string}`;\n\nexport type PropertyName<T> = DeepKeys<T> | CustomPropertyName;\nexport type PropertyValue<T, TProp> = TProp extends CustomPropertyName\n  ? T\n  : DeepValue<T, TProp>;\nexport type PropertyValueRenderMethod<TMatcherValue> = (\n  prop: NonNullable<ItemType<TMatcherValue>>,\n) => ReactNode;\n\nexport type OnListChanged<T, TMeta = unknown> = (list: List<T, TMeta>) => void;\n\nexport interface ListSupportedComponentProps extends MultipleSelection {\n  \"aria-labelledby\"?: string;\n  \"aria-label\"?: string;\n  selectionBehavior?: SelectionBehavior;\n}\n\nexport interface ListSettingsStorageDefaults {\n  filters?: {\n    autosave?: boolean;\n    manualSave?: boolean;\n  };\n\n  sorting?: {\n    autosave?: boolean;\n  };\n\n  viewMode?: {\n    autosave?: boolean;\n  };\n\n  search?: {\n    autosave?: boolean;\n  };\n}\n\nexport interface ListShape<\n  T,\n  TMeta = unknown,\n> extends ListSupportedComponentProps {\n  settingStorageKey?: string;\n\n  loader?: IncrementalLoaderShape<T>;\n  filters?: FilterShape<T, never, never>[];\n  itemView?: ItemViewShape<T>;\n  search?: SearchShape<T>;\n  sorting?: SortingShape<T>[];\n  batchesController?: BatchesControllerShape;\n  table?: TableShape<T>;\n\n  onAction?: ItemActionFn<T>;\n  accordion?: boolean;\n  loadingItemsCount?: number;\n  getItemId?: GetItemId<T>;\n  onChange?: OnListChanged<T, TMeta>;\n  defaultViewMode?: ListViewMode;\n  settingsStorageDefaults?: ListSettingsStorageDefaults;\n\n  emptySearchResultView?: ReactNode;\n  emptyView?: ReactNode;\n}\n\nexport type PropertyRecord<T, TValue> = Partial<\n  Record<PropertyName<T>, TValue>\n>;\n\nexport interface ListSettingsStorageShape {\n  storageKey: string;\n}\n\nexport type ListViewMode = \"table\" | \"list\" | \"tiles\";\nexport type ItemActionFn<T> = (data: T) => void;\nexport type GetItemId<T> = (data: T) => string;\n\nexport type EmptyViewType = \"search\" | \"list\";\n"],"names":[],"mappings":"AAaO,MAAM,oBAAA,GAAuB;;;;"}
+{"version":3,"file":"types.mjs","sources":["../../../../../../../../src/components/List/model/types.ts"],"sourcesContent":["import type { FilterShape } from \"@/components/List/model/filter/types\";\nimport type { ItemViewShape } from \"@/components/List/model/item/ItemView\";\nimport type List from \"@/components/List/model/List\";\nimport type { IncrementalLoaderShape } from \"@/components/List/model/loading/types\";\nimport type { BatchesControllerShape } from \"@/components/List/model/pagination/types\";\nimport type { SearchShape } from \"@/components/List/model/search/types\";\nimport type { SortingShape } from \"@/components/List/model/sorting/types\";\nimport type { TableShape } from \"@/components/List/model/table/types\";\nimport type { ItemType } from \"@/lib/types/array\";\nimport type { MultipleSelection, SelectionBehavior } from \"@react-types/shared\";\nimport type { DeepKeys, DeepValue } from \"@tanstack/react-table\";\nimport type { ReactNode } from \"react\";\n\nexport const customPropertyPrefix = \"$\" as const;\nexport type CustomPropertyName = `${typeof customPropertyPrefix}${string}`;\n\nexport type PropertyName<T> = DeepKeys<T> | CustomPropertyName;\nexport type PropertyValue<T, TProp> = TProp extends CustomPropertyName\n  ? T\n  : DeepValue<T, TProp>;\nexport type PropertyValueRenderMethod<TMatcherValue> = (\n  prop: NonNullable<ItemType<TMatcherValue>>,\n) => ReactNode;\n\nexport type OnListChanged<T, TMeta = unknown> = (list: List<T, TMeta>) => void;\n\nexport interface ListSupportedComponentProps extends MultipleSelection {\n  \"aria-labelledby\"?: string;\n  \"aria-label\"?: string;\n  selectionBehavior?: SelectionBehavior;\n}\n\nexport interface ListSettingsStorageDefaults {\n  filters?: {\n    autosave?: boolean;\n    manualSave?: boolean;\n  };\n\n  sorting?: {\n    autosave?: boolean;\n  };\n\n  viewMode?: {\n    autosave?: boolean;\n  };\n\n  search?: {\n    autosave?: boolean;\n  };\n}\n\nexport interface ListShape<\n  T,\n  TMeta = unknown,\n> extends ListSupportedComponentProps {\n  settingStorageKey?: string;\n\n  loader?: IncrementalLoaderShape<T>;\n  filters?: FilterShape<T, never, never>[];\n  itemView?: ItemViewShape<T>;\n  search?: SearchShape<T>;\n  sorting?: SortingShape<T>[];\n  batchesController?: BatchesControllerShape;\n  table?: TableShape<T>;\n\n  onAction?: ItemActionFn<T>;\n  accordion?: boolean;\n  infiniteScroll?: boolean;\n  loadingItemsCount?: number;\n  getItemId?: GetItemId<T>;\n  onChange?: OnListChanged<T, TMeta>;\n  defaultViewMode?: ListViewMode;\n  settingsStorageDefaults?: ListSettingsStorageDefaults;\n\n  emptySearchResultView?: ReactNode;\n  emptyView?: ReactNode;\n}\n\nexport type PropertyRecord<T, TValue> = Partial<\n  Record<PropertyName<T>, TValue>\n>;\n\nexport interface ListSettingsStorageShape {\n  storageKey: string;\n}\n\nexport type ListViewMode = \"table\" | \"list\" | \"tiles\";\nexport type ItemActionFn<T> = (data: T) => void;\nexport type GetItemId<T> = (data: T) => string;\n\nexport type EmptyViewType = \"search\" | \"list\";\n"],"names":[],"mappings":"AAaO,MAAM,oBAAA,GAAuB;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.mjs","sources":["../../../../../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport React from \"react\";\nimport { IconPending } from \"@/components/Icon/components/icons\";\nimport styles from \"./LoadingSpinner.module.scss\";\nimport type { IconProps } from \"@/components/Icon\";\nimport clsx from \"clsx\";\nimport { type AlphaColor, isAlphaColor } from \"@/lib/types/props\";\nimport { useReducedMotion } from \"framer-motion\";\nimport { useDesignTokens } from \"@/lib/theming\";\n\nexport interface LoadingSpinnerProps extends IconProps {\n  /** The color of the loading spinner. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n}\n\nconst globalSpinnerTime = performance.now();\n\n/** @flr-generate all */\nexport const LoadingSpinner: FC<LoadingSpinnerProps> = (props) => {\n  const { className, color = \"default\", ...rest } = props;\n\n  const preferReducedMotion = useReducedMotion();\n\n  const designTokens = useDesignTokens();\n  const loadingSpinnerTokens = designTokens[\"loading-spinner\"];\n\n  const animationDurationMs = preferReducedMotion\n    ? parseInt(loadingSpinnerTokens[\"transition-duration-slow\"].value)\n    : parseInt(loadingSpinnerTokens[\"transition-duration\"].value);\n\n  const rootClassName = clsx(\n    styles.loadingSpinner,\n    isAlphaColor(color) && styles[color],\n    className,\n  );\n\n  return (\n    <IconPending\n      className={rootClassName}\n      ref={(element) => {\n        if (element) {\n          const elapsedMs = performance.now() - globalSpinnerTime;\n          const phaseMs = elapsedMs % animationDurationMs;\n\n          element.style.setProperty(\"--animation-delay\", `${-phaseMs}ms`);\n        }\n      }}\n      {...rest}\n    />\n  );\n};\n\nexport default LoadingSpinner;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeA,MAAM,iBAAA,GAAoB,YAAY,GAAA,EAAI;AAGnC,MAAM,cAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAE,SAAA,EAAW,KAAA,GAAQ,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAElD,EAAA,MAAM,sBAAsB,gBAAA,EAAiB;AAE7C,EAAA,MAAM,eAAe,eAAA,EAAgB;AACrC,EAAA,MAAM,oBAAA,GAAuB,aAAa,iBAAiB,CAAA;AAE3D,EAAA,MAAM,mBAAA,GAAsB,mBAAA,GACxB,QAAA,CAAS,oBAAA,CAAqB,0BAA0B,CAAA,CAAE,KAAK,CAAA,GAC/D,QAAA,CAAS,oBAAA,CAAqB,qBAAqB,CAAA,CAAE,KAAK,CAAA;AAE9D,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,cAAA;AAAA,IACP,YAAA,CAAa,KAAK,CAAA,IAAK,MAAA,CAAO,KAAK,CAAA;AAAA,IACnC;AAAA,GACF;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACX,GAAA,EAAK,CAAC,OAAA,KAAY;AAChB,QAAA,IAAI,OAAA,EAAS;AACX,UAAA,MAAM,SAAA,GAAY,WAAA,CAAY,GAAA,EAAI,GAAI,iBAAA;AACtC,UAAA,MAAM,UAAU,SAAA,GAAY,mBAAA;AAE5B,UAAA,OAAA,CAAQ,MAAM,WAAA,CAAY,mBAAA,EAAqB,CAAA,EAAG,CAAC,OAAO,CAAA,EAAA,CAAI,CAAA;AAAA,QAChE;AAAA,MACF,CAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}
+{"version":3,"file":"LoadingSpinner.mjs","sources":["../../../../../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport { IconPending } from \"@/components/Icon/components/icons\";\nimport styles from \"./LoadingSpinner.module.scss\";\nimport type { IconProps } from \"@/components/Icon\";\nimport clsx from \"clsx\";\nimport { type AlphaColor, isAlphaColor } from \"@/lib/types/props\";\nimport { useReducedMotion } from \"framer-motion\";\nimport { useDesignTokens } from \"@/lib/theming\";\n\nexport interface LoadingSpinnerProps extends IconProps {\n  /** The color of the loading spinner. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n}\n\nconst globalSpinnerTime = performance.now();\n\n/** @flr-generate all */\nexport const LoadingSpinner: FC<LoadingSpinnerProps> = (props) => {\n  const { className, color = \"default\", ...rest } = props;\n\n  const preferReducedMotion = useReducedMotion();\n\n  const designTokens = useDesignTokens();\n  const loadingSpinnerTokens = designTokens[\"loading-spinner\"];\n\n  const animationDurationMs = preferReducedMotion\n    ? parseInt(loadingSpinnerTokens[\"transition-duration-slow\"].value)\n    : parseInt(loadingSpinnerTokens[\"transition-duration\"].value);\n\n  const rootClassName = clsx(\n    styles.loadingSpinner,\n    isAlphaColor(color) && styles[color],\n    className,\n  );\n\n  return (\n    <IconPending\n      className={rootClassName}\n      ref={(element) => {\n        if (element) {\n          const elapsedMs = performance.now() - globalSpinnerTime;\n          const phaseMs = elapsedMs % animationDurationMs;\n\n          element.style.setProperty(\"--animation-delay\", `${-phaseMs}ms`);\n        }\n      }}\n      {...rest}\n    />\n  );\n};\n\nexport default LoadingSpinner;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAcA,MAAM,iBAAA,GAAoB,YAAY,GAAA,EAAI;AAGnC,MAAM,cAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAE,SAAA,EAAW,KAAA,GAAQ,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAElD,EAAA,MAAM,sBAAsB,gBAAA,EAAiB;AAE7C,EAAA,MAAM,eAAe,eAAA,EAAgB;AACrC,EAAA,MAAM,oBAAA,GAAuB,aAAa,iBAAiB,CAAA;AAE3D,EAAA,MAAM,mBAAA,GAAsB,mBAAA,GACxB,QAAA,CAAS,oBAAA,CAAqB,0BAA0B,CAAA,CAAE,KAAK,CAAA,GAC/D,QAAA,CAAS,oBAAA,CAAqB,qBAAqB,CAAA,CAAE,KAAK,CAAA;AAE9D,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,cAAA;AAAA,IACP,YAAA,CAAa,KAAK,CAAA,IAAK,MAAA,CAAO,KAAK,CAAA;AAAA,IACnC;AAAA,GACF;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACX,GAAA,EAAK,CAAC,OAAA,KAAY;AAChB,QAAA,IAAI,OAAA,EAAS;AACX,UAAA,MAAM,SAAA,GAAY,WAAA,CAAY,GAAA,EAAI,GAAI,iBAAA;AACtC,UAAA,MAAM,UAAU,SAAA,GAAY,mBAAA;AAE5B,UAAA,OAAA,CAAQ,MAAM,WAAA,CAAY,mBAAA,EAAqB,CAAA,EAAG,CAAC,OAAO,CAAA,EAAA,CAAI,CAAA;AAAA,QAChE;AAAA,MACF,CAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

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

@@ -32,8 +32,8 @@ const MarkdownEditor = flowComponent("MarkdownEditor", (props) => {
   const [mode, setMode] = useState("editor");
   const rootClassName = clsx(
     styles.markdownEditor,
-    className,
-    styles[`mode-${mode}`]
+    styles[`mode-${mode}`],
+    className
   );
   const handleKeyDown = (event) => {
     if (event.key !== "Enter") {