@mittwald/flow-react-components 0.2.0-experimental.752 → 0.2.0-experimental.773

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

@@ -1,164 +0,0 @@
-"use client"
-/* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { DataLoader } from './components/DataLoader/DataLoader.mjs';
-import { Header } from './components/Header/Header.mjs';
-import headerStyles from './components/Header/Header.module.css.mjs';
-import { Items } from './components/Items/Items.mjs';
-import { Table } from './components/Table/Table.mjs';
-import { List as List$1 } from './model/List.mjs';
-import { ListFilter } from './setupComponents/ListFilter.mjs';
-import { ListItem } from './setupComponents/ListItem.mjs';
-import { ListLoaderAsync } from './setupComponents/ListLoaderAsync.mjs';
-import { ListLoaderAsyncResource } from './setupComponents/ListLoaderAsyncResource.mjs';
-import { ListSearch } from './setupComponents/ListSearch.mjs';
-import { ListSorting } from './setupComponents/ListSorting.mjs';
-import { ListStaticData } from './setupComponents/ListStaticData.mjs';
-import { Table as Table$1 } from './setupComponents/Table.mjs';
-import { TableBody } from './setupComponents/TableBody.mjs';
-import { TableCell } from './setupComponents/TableCell.mjs';
-import { TableColumn } from './setupComponents/TableColumn.mjs';
-import { TableHeader } from './setupComponents/TableHeader.mjs';
-import { TableRow } from './setupComponents/TableRow.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import { deepFindOfType, deepFilterByType } from '../../lib/react/deepFindOfType.mjs';
-import DivView from '../../views/DivView.mjs';
-import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
-import { Footer } from './components/Footer/Footer.mjs';
-import styles from './List.module.css.mjs';
-import { listContext } from './listContext.mjs';
-import { ListLoaderHooks } from './setupComponents/ListLoaderHooks.mjs';
-
-const List = flowComponent("List", (props) => {
-  const {
-    children,
-    batchSize,
-    loadingItemsCount = batchSize,
-    onChange,
-    ref,
-    hidePagination,
-    ...restProps
-  } = props;
-  const listLoaderAsync = deepFindOfType(
-    children,
-    ListLoaderAsync
-  )?.props;
-  const listLoaderHooks = deepFindOfType(
-    children,
-    ListLoaderHooks
-  )?.props;
-  const listLoaderAsyncResource = deepFindOfType(
-    children,
-    ListLoaderAsyncResource
-  )?.props;
-  const listStaticData = deepFindOfType(children, ListStaticData)?.props;
-  const loaderShape = {
-    source: listLoaderAsync ? {
-      ...listLoaderAsync,
-      asyncLoader: listLoaderAsync.children
-    } : listLoaderAsyncResource ? {
-      ...listLoaderAsyncResource,
-      asyncResourceFactory: listLoaderAsyncResource.children
-    } : listStaticData ? {
-      staticData: listStaticData.data
-    } : listLoaderHooks ? {
-      ...listLoaderHooks,
-      useData: listLoaderHooks.children
-    } : void 0
-  };
-  const searchProps = deepFindOfType(children, ListSearch)?.props;
-  const itemViewProps = deepFindOfType(children, ListItem)?.props;
-  const tableProps = deepFindOfType(children, Table$1)?.props;
-  const tableColumnProps = deepFilterByType(children, TableColumn).map(
-    (c) => ({
-      ...c.props,
-      name: c.props.children
-    })
-  );
-  const tableCellProps = deepFilterByType(children, TableCell).map(
-    (c) => ({
-      ...c.props,
-      renderFn: c.props.children
-    })
-  );
-  const tableRowProps = deepFindOfType(children, TableRow)?.props;
-  const tableHeaderProps = deepFindOfType(children, TableHeader)?.props;
-  const tableBodyProps = deepFindOfType(children, TableBody)?.props;
-  const listModel = List$1.useNew({
-    onChange,
-    loader: loaderShape,
-    filters: deepFilterByType(children, ListFilter).map(
-      (f) => ({
-        ...f.props,
-        renderItem: f.props.children
-      })
-    ),
-    search: searchProps ? {
-      render: searchProps.children,
-      textFieldProps: searchProps,
-      defaultValue: searchProps.defaultValue
-    } : void 0,
-    sorting: deepFilterByType(children, ListSorting).map((s) => s.props),
-    itemView: itemViewProps ? {
-      ...itemViewProps,
-      renderFn: itemViewProps.children
-    } : void 0,
-    table: tableColumnProps.length > 0 ? {
-      header: {
-        ...tableHeaderProps,
-        columns: tableColumnProps
-      },
-      body: {
-        ...tableBodyProps,
-        row: {
-          ...tableRowProps,
-          cells: tableCellProps
-        }
-      },
-      ...tableProps
-    } : void 0,
-    batchesController: {
-      batchSize
-    },
-    loadingItemsCount,
-    ...restProps
-  });
-  const propsContext = {
-    ActionGroup: {
-      tunnelId: "actions",
-      className: headerStyles.actions,
-      Button: {
-        className: headerStyles.action
-      }
-    },
-    ListSummary: {
-      tunnelId: "listSummary"
-    }
-  };
-  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(
-    listContext.Provider,
-    {
-      value: {
-        list: listModel
-      },
-      children: [
-        /* @__PURE__ */ jsx(DataLoader, {}),
-        /* @__PURE__ */ jsxs(DivView, { className: styles.list, ref, children: [
-          children,
-          /* @__PURE__ */ jsx(Header, {}),
-          /* @__PURE__ */ jsxs(DivView, { className: styles.listWrapper, children: [
-            listModel.items.entries.length > 0 && /* @__PURE__ */ jsx(TunnelExit, { id: "listSummary" }),
-            (listModel.viewMode === "list" || listModel.viewMode === "tiles") && /* @__PURE__ */ jsx(Items, {}),
-            listModel.viewMode === "table" && /* @__PURE__ */ jsx(Table, {})
-          ] }),
-          !hidePagination && /* @__PURE__ */ jsx(Footer, {})
-        ] })
-      ]
-    }
-  ) }) });
-});
-
-export { List, List as default };
-//# sourceMappingURL=List.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"List.mjs","sources":["../../../../../../src/components/List/List.tsx"],"sourcesContent":["import { DataLoader } from \"@/components/List/components/DataLoader\";\nimport { Header } from \"@/components/List/components/Header/Header\";\nimport headerStyles from \"@/components/List/components/Header/Header.module.css\";\nimport { Items } from \"@/components/List/components/Items/Items\";\nimport { Table } from \"@/components/List/components/Table\";\nimport ListModel from \"@/components/List/model/List\";\nimport type { IncrementalLoaderShape } from \"@/components/List/model/loading/types\";\nimport type { ListShape } from \"@/components/List/model/types\";\nimport { ListFilter } from \"@/components/List/setupComponents/ListFilter\";\nimport { ListItem } from \"@/components/List/setupComponents/ListItem\";\nimport { ListLoaderAsync } from \"@/components/List/setupComponents/ListLoaderAsync\";\nimport { ListLoaderAsyncResource } from \"@/components/List/setupComponents/ListLoaderAsyncResource\";\nimport { ListSearch } from \"@/components/List/setupComponents/ListSearch\";\nimport { ListSorting } from \"@/components/List/setupComponents/ListSorting\";\nimport { ListStaticData } from \"@/components/List/setupComponents/ListStaticData\";\nimport { Table as TableSetupComponent } from \"@/components/List/setupComponents/Table\";\nimport { TableBody } from \"@/components/List/setupComponents/TableBody\";\nimport { TableCell } from \"@/components/List/setupComponents/TableCell\";\nimport { TableColumn } from \"@/components/List/setupComponents/TableColumn\";\nimport { TableHeader } from \"@/components/List/setupComponents/TableHeader\";\nimport { TableRow } from \"@/components/List/setupComponents/TableRow\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { deepFilterByType, deepFindOfType } from \"@/lib/react/deepFindOfType\";\nimport DivView from \"@/views/DivView\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport type { PropsWithChildren } from \"react\";\nimport Footer from \"./components/Footer\";\nimport styles from \"./List.module.css\";\nimport { listContext } from \"./listContext\";\nimport { ListLoaderHooks } from \"@/components/List/setupComponents/ListLoaderHooks\";\n\nexport interface ListProps<T, TMeta = unknown>\n  extends\n    PropsWithChildren,\n    FlowComponentProps,\n    Omit<\n      ListShape<T, TMeta>,\n      | \"search\"\n      | \"loader\"\n      | \"itemView\"\n      | \"table\"\n      | \"batchesController\"\n      | \"filters\"\n      | \"sorting\"\n    > {\n  /** The number of items to be displayed on one page. */\n  batchSize?: number;\n  hidePagination?: boolean;\n}\n\nexport const List = flowComponent(\"List\", (props) => {\n  const {\n    children,\n    batchSize,\n    loadingItemsCount = batchSize,\n    onChange,\n    ref,\n    hidePagination,\n    ...restProps\n  } = props;\n\n  const listLoaderAsync = deepFindOfType(\n    children,\n    ListLoaderAsync<never>,\n  )?.props;\n  const listLoaderHooks = deepFindOfType(\n    children,\n    ListLoaderHooks<never>,\n  )?.props;\n  const listLoaderAsyncResource = deepFindOfType(\n    children,\n    ListLoaderAsyncResource<never>,\n  )?.props;\n  const listStaticData = deepFindOfType(children, ListStaticData<never>)?.props;\n\n  const loaderShape: IncrementalLoaderShape<never> = {\n    source: listLoaderAsync\n      ? {\n          ...listLoaderAsync,\n          asyncLoader: listLoaderAsync.children,\n        }\n      : listLoaderAsyncResource\n        ? {\n            ...listLoaderAsyncResource,\n            asyncResourceFactory: listLoaderAsyncResource.children,\n          }\n        : listStaticData\n          ? {\n              staticData: listStaticData.data,\n            }\n          : listLoaderHooks\n            ? {\n                ...listLoaderHooks,\n                useData: listLoaderHooks.children,\n              }\n            : undefined,\n  };\n\n  const searchProps = deepFindOfType(children, ListSearch)?.props;\n  const itemViewProps = deepFindOfType(children, ListItem<never>)?.props;\n\n  const tableProps = deepFindOfType(children, TableSetupComponent)?.props;\n  const tableColumnProps = deepFilterByType(children, TableColumn<never>).map(\n    (c) => ({\n      ...c.props,\n      name: c.props.children,\n    }),\n  );\n  const tableCellProps = deepFilterByType(children, TableCell<never>).map(\n    (c) => ({\n      ...c.props,\n      renderFn: c.props.children,\n    }),\n  );\n\n  const tableRowProps = deepFindOfType(children, TableRow)?.props;\n  const tableHeaderProps = deepFindOfType(children, TableHeader)?.props;\n  const tableBodyProps = deepFindOfType(children, TableBody)?.props;\n\n  const listModel = ListModel.useNew<never>({\n    onChange,\n    loader: loaderShape,\n    filters: deepFilterByType(children, ListFilter<never, never, never>).map(\n      (f) => ({\n        ...f.props,\n        renderItem: f.props.children,\n      }),\n    ),\n    search: searchProps\n      ? {\n          render: searchProps.children,\n          textFieldProps: searchProps,\n          defaultValue: searchProps.defaultValue,\n        }\n      : undefined,\n    sorting: deepFilterByType(children, ListSorting<never>).map((s) => s.props),\n\n    itemView: itemViewProps\n      ? {\n          ...itemViewProps,\n          renderFn: itemViewProps.children,\n        }\n      : undefined,\n\n    table:\n      tableColumnProps.length > 0\n        ? {\n            header: {\n              ...tableHeaderProps,\n              columns: tableColumnProps,\n            },\n            body: {\n              ...tableBodyProps,\n              row: {\n                ...tableRowProps,\n                cells: tableCellProps,\n              },\n            },\n            ...tableProps,\n          }\n        : undefined,\n\n    batchesController: {\n      batchSize,\n    },\n    loadingItemsCount,\n    ...restProps,\n  });\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      tunnelId: \"actions\",\n      className: headerStyles.actions,\n      Button: {\n        className: headerStyles.action,\n      },\n    },\n    ListSummary: {\n      tunnelId: \"listSummary\",\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <TunnelProvider>\n        <listContext.Provider\n          value={{\n            list: listModel,\n          }}\n        >\n          <DataLoader />\n          <DivView className={styles.list} ref={ref}>\n            {children}\n            <Header />\n\n            <DivView className={styles.listWrapper}>\n              {listModel.items.entries.length > 0 && (\n                <TunnelExit id=\"listSummary\" />\n              )}\n              {(listModel.viewMode === \"list\" ||\n                listModel.viewMode === \"tiles\") && <Items />}\n              {listModel.viewMode === \"table\" && <Table />}\n            </DivView>\n            {!hidePagination && <Footer />}\n          </DivView>\n        </listContext.Provider>\n      </TunnelProvider>\n    </PropsContextProvider>\n  );\n});\n\nexport default List;\n"],"names":["TableSetupComponent","ListModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDO,MAAM,IAAA,GAAO,aAAA,CAAc,MAAA,EAAQ,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,iBAAA,GAAoB,SAAA;AAAA,IACpB,QAAA;AAAA,IACA,GAAA;AAAA,IACA,cAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,eAAA,GAAkB,cAAA;AAAA,IACtB,QAAA;AAAA,IACA;AAAA,GACF,EAAG,KAAA;AACH,EAAA,MAAM,eAAA,GAAkB,cAAA;AAAA,IACtB,QAAA;AAAA,IACA;AAAA,GACF,EAAG,KAAA;AACH,EAAA,MAAM,uBAAA,GAA0B,cAAA;AAAA,IAC9B,QAAA;AAAA,IACA;AAAA,GACF,EAAG,KAAA;AACH,EAAA,MAAM,cAAA,GAAiB,cAAA,CAAe,QAAA,EAAU,cAAqB,CAAA,EAAG,KAAA;AAExE,EAAA,MAAM,WAAA,GAA6C;AAAA,IACjD,QAAQ,eAAA,GACJ;AAAA,MACE,GAAG,eAAA;AAAA,MACH,aAAa,eAAA,CAAgB;AAAA,QAE/B,uBAAA,GACE;AAAA,MACE,GAAG,uBAAA;AAAA,MACH,sBAAsB,uBAAA,CAAwB;AAAA,QAEhD,cAAA,GACE;AAAA,MACE,YAAY,cAAA,CAAe;AAAA,QAE7B,eAAA,GACE;AAAA,MACE,GAAG,eAAA;AAAA,MACH,SAAS,eAAA,CAAgB;AAAA,KAC3B,GACA;AAAA,GACZ;AAEA,EAAA,MAAM,WAAA,GAAc,cAAA,CAAe,QAAA,EAAU,UAAU,CAAA,EAAG,KAAA;AAC1D,EAAA,MAAM,aAAA,GAAgB,cAAA,CAAe,QAAA,EAAU,QAAe,CAAA,EAAG,KAAA;AAEjE,EAAA,MAAM,UAAA,GAAa,cAAA,CAAe,QAAA,EAAUA,OAAmB,CAAA,EAAG,KAAA;AAClE,EAAA,MAAM,gBAAA,GAAmB,gBAAA,CAAiB,QAAA,EAAU,WAAkB,CAAA,CAAE,GAAA;AAAA,IACtE,CAAC,CAAA,MAAO;AAAA,MACN,GAAG,CAAA,CAAE,KAAA;AAAA,MACL,IAAA,EAAM,EAAE,KAAA,CAAM;AAAA,KAChB;AAAA,GACF;AACA,EAAA,MAAM,cAAA,GAAiB,gBAAA,CAAiB,QAAA,EAAU,SAAgB,CAAA,CAAE,GAAA;AAAA,IAClE,CAAC,CAAA,MAAO;AAAA,MACN,GAAG,CAAA,CAAE,KAAA;AAAA,MACL,QAAA,EAAU,EAAE,KAAA,CAAM;AAAA,KACpB;AAAA,GACF;AAEA,EAAA,MAAM,aAAA,GAAgB,cAAA,CAAe,QAAA,EAAU,QAAQ,CAAA,EAAG,KAAA;AAC1D,EAAA,MAAM,gBAAA,GAAmB,cAAA,CAAe,QAAA,EAAU,WAAW,CAAA,EAAG,KAAA;AAChE,EAAA,MAAM,cAAA,GAAiB,cAAA,CAAe,QAAA,EAAU,SAAS,CAAA,EAAG,KAAA;AAE5D,EAAA,MAAM,SAAA,GAAYC,OAAU,MAAA,CAAc;AAAA,IACxC,QAAA;AAAA,IACA,MAAA,EAAQ,WAAA;AAAA,IACR,OAAA,EAAS,gBAAA,CAAiB,QAAA,EAAU,UAA+B,CAAA,CAAE,GAAA;AAAA,MACnE,CAAC,CAAA,MAAO;AAAA,QACN,GAAG,CAAA,CAAE,KAAA;AAAA,QACL,UAAA,EAAY,EAAE,KAAA,CAAM;AAAA,OACtB;AAAA,KACF;AAAA,IACA,QAAQ,WAAA,GACJ;AAAA,MACE,QAAQ,WAAA,CAAY,QAAA;AAAA,MACpB,cAAA,EAAgB,WAAA;AAAA,MAChB,cAAc,WAAA,CAAY;AAAA,KAC5B,GACA,MAAA;AAAA,IACJ,OAAA,EAAS,iBAAiB,QAAA,EAAU,WAAkB,EAAE,GAAA,CAAI,CAAC,CAAA,KAAM,CAAA,CAAE,KAAK,CAAA;AAAA,IAE1E,UAAU,aAAA,GACN;AAAA,MACE,GAAG,aAAA;AAAA,MACH,UAAU,aAAA,CAAc;AAAA,KAC1B,GACA,MAAA;AAAA,IAEJ,KAAA,EACE,gBAAA,CAAiB,MAAA,GAAS,CAAA,GACtB;AAAA,MACE,MAAA,EAAQ;AAAA,QACN,GAAG,gBAAA;AAAA,QACH,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,GAAG,cAAA;AAAA,QACH,GAAA,EAAK;AAAA,UACH,GAAG,aAAA;AAAA,UACH,KAAA,EAAO;AAAA;AACT,OACF;AAAA,MACA,GAAG;AAAA,KACL,GACA,MAAA;AAAA,IAEN,iBAAA,EAAmB;AAAA,MACjB;AAAA,KACF;AAAA,IACA,iBAAA;AAAA,IACA,GAAG;AAAA,GACJ,CAAA;AAED,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,WAAA,EAAa;AAAA,MACX,QAAA,EAAU,SAAA;AAAA,MACV,WAAW,YAAA,CAAa,OAAA;AAAA,MACxB,MAAA,EAAQ;AAAA,QACN,WAAW,YAAA,CAAa;AAAA;AAC1B,KACF;AAAA,IACA,WAAA,EAAa;AAAA,MACX,QAAA,EAAU;AAAA;AACZ,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,8BAAC,cAAA,EAAA,EACC,QAAA,kBAAA,IAAA;AAAA,IAAC,WAAA,CAAY,QAAA;AAAA,IAAZ;AAAA,MACC,KAAA,EAAO;AAAA,QACL,IAAA,EAAM;AAAA,OACR;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,CAAA;AAAA,wBACZ,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,MAAM,GAAA,EAC9B,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,8BACA,MAAA,EAAA,EAAO,CAAA;AAAA,0BAER,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,WAAA,EACxB,QAAA,EAAA;AAAA,YAAA,SAAA,CAAU,MAAM,OAAA,CAAQ,MAAA,GAAS,qBAChC,GAAA,CAAC,UAAA,EAAA,EAAW,IAAG,aAAA,EAAc,CAAA;AAAA,YAAA,CAE7B,UAAU,QAAA,KAAa,MAAA,IACvB,UAAU,QAAA,KAAa,OAAA,yBAAa,KAAA,EAAA,EAAM,CAAA;AAAA,YAC3C,SAAA,CAAU,QAAA,KAAa,OAAA,oBAAW,GAAA,CAAC,KAAA,EAAA,EAAM;AAAA,WAAA,EAC5C,CAAA;AAAA,UACC,CAAC,cAAA,oBAAkB,GAAA,CAAC,MAAA,EAAA,EAAO;AAAA,SAAA,EAC9B;AAAA;AAAA;AAAA,KAEJ,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"DataLoader.mjs","sources":["../../../../../../../../src/components/List/components/DataLoader/DataLoader.tsx"],"sourcesContent":["import { DataLoaderSuspense } from \"@/components/List/components/DataLoader/DataLoaderSuspense\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport { Render } from \"@/lib/react/components/Render\";\n\nexport const DataLoader = () => {\n  const loaderHooks = useList().loader.getLoaderInvocationHooks();\n\n  return loaderHooks.map((loaderHook, i) => (\n    <DataLoaderSuspense\n      key={i}\n      useRenderSuspense={loaderHook.useRenderSuspense}\n    >\n      <Render>\n        {() => {\n          loaderHook.useLoadBatch();\n        }}\n      </Render>\n    </DataLoaderSuspense>\n  ));\n};\n\nexport default DataLoader;\n"],"names":[],"mappings":";;;;;AAIO,MAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,WAAA,GAAc,OAAA,EAAQ,CAAE,MAAA,CAAO,wBAAA,EAAyB;AAE9D,EAAA,OAAO,WAAA,CAAY,GAAA,CAAI,CAAC,UAAA,EAAY,CAAA,qBAClC,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MAEC,mBAAmB,UAAA,CAAW,iBAAA;AAAA,MAE9B,QAAA,kBAAA,GAAA,CAAC,UACE,QAAA,EAAA,MAAM;AACL,QAAA,UAAA,CAAW,YAAA,EAAa;AAAA,MAC1B,CAAA,EACF;AAAA,KAAA;AAAA,IAPK;AAAA,GASR,CAAA;AACH;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"DataLoaderSuspense.mjs","sources":["../../../../../../../../src/components/List/components/DataLoader/DataLoaderSuspense.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { FC } from \"react\";\nimport { Suspense } from \"react\";\n\ninterface Props extends PropsWithChildren {\n  useRenderSuspense: () => void;\n}\n\ninterface FallbackProps {\n  useRenderSuspense: () => void;\n}\n\nconst Fallback: FC<FallbackProps> = (props) => {\n  const { useRenderSuspense } = props;\n  useRenderSuspense();\n  return null;\n};\n\nexport const DataLoaderSuspense: FC<Props> = (props) => {\n  const { useRenderSuspense, children } = props;\n  const fallback = <Fallback useRenderSuspense={useRenderSuspense} />;\n  return <Suspense fallback={fallback}>{children}</Suspense>;\n};\n"],"names":[],"mappings":";;;AAYA,MAAM,QAAA,GAA8B,CAAC,KAAA,KAAU;AAC7C,EAAA,MAAM,EAAE,mBAAkB,GAAI,KAAA;AAC9B,EAAA,iBAAA,EAAkB;AAClB,EAAA,OAAO,IAAA;AACT,CAAA;AAEO,MAAM,kBAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,iBAAA,EAAmB,QAAA,EAAS,GAAI,KAAA;AACxC,EAAA,MAAM,QAAA,mBAAW,GAAA,CAAC,QAAA,EAAA,EAAS,iBAAA,EAAsC,CAAA;AACjE,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAqB,QAAA,EAAS,CAAA;AACjD;;;;"}

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

@@ -1 +0,0 @@
-{"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;;;;"}

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

@@ -1,29 +0,0 @@
-"use client"
-/* */
-import { jsx } from 'react/jsx-runtime';
-import { useList } from '../../../../hooks/useList.mjs';
-import SkeletonView from '../../../../../../views/SkeletonView.mjs';
-import TextView from '../../../../../../views/TextView.mjs';
-import { useLocalizedStringFormatter } from 'react-aria';
-import locales from '../../../../../../../../_virtual/_.locale.json@c396072149abf62e23786da27abb7eee.mjs';
-
-const PaginationInfos = (props) => {
-  const stringFormatter = useLocalizedStringFormatter(locales);
-  const list = useList();
-  const pagination = list.batches;
-  const isInitiallyLoading = list.loader.useIsInitiallyLoading();
-  const isEmpty = list.useIsEmpty();
-  const totalItemsCount = pagination.getTotalItemsCount();
-  const visibleItemsCount = pagination.getVisibleItemsCount();
-  if (isEmpty) {
-    return null;
-  }
-  const text = isInitiallyLoading ? /* @__PURE__ */ jsx(SkeletonView, { width: "200px" }) : stringFormatter.format("list.paginationInfo", {
-    visibleItemsCount,
-    totalItemsCount
-  });
-  return /* @__PURE__ */ jsx(TextView, { ...props, children: text });
-};
-
-export { PaginationInfos };
-//# sourceMappingURL=PaginationInfos.mjs.map

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

@@ -1 +0,0 @@
-{"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 \"react-aria\";\nimport locales from \"../../../../locales/*.locale.json\";\n\nexport const PaginationInfos: FC<TextProps> = (props) => {\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const list = useList();\n  const pagination = list.batches;\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 text = isInitiallyLoading ? (\n    <SkeletonView width=\"200px\" />\n  ) : (\n    stringFormatter.format(\"list.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,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,aAAa,IAAA,CAAK,OAAA;AACxB,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,IAAA,GAAO,qCACX,GAAA,CAAC,YAAA,EAAA,EAAa,OAAM,OAAA,EAAQ,CAAA,GAE5B,eAAA,CAAgB,MAAA,CAAO,qBAAA,EAAuB;AAAA,IAC5C,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/components/src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.mjs

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ShowNextBatchButton.mjs","sources":["../../../../../../../../../../src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport ButtonView from \"@/views/ButtonView\";\n\nexport const ShowNextBatchButton: FC<ButtonProps> = (props) => {\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const list = useList();\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n  const pagination = list.batches;\n  const canLoadMore = pagination.hasNextBatch();\n\n  if (!canLoadMore && !isLoading) {\n    return null;\n  }\n\n  return (\n    <ButtonView\n      isPending={isLoading && !isInitiallyLoading}\n      isDisabled={isInitiallyLoading}\n      {...props}\n      onPress={() => list.batches.nextBatch()}\n      variant=\"plain\"\n      size=\"s\"\n    >\n      {stringFormatter.format(\"list.showMore\")}\n    </ButtonView>\n  );\n};\n\nexport default ShowNextBatchButton;\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,mBAAA,GAAuC,CAAC,KAAA,KAAU;AAC7D,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAC3D,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,MAAA,CAAO,YAAA,EAAa;AAC3C,EAAA,MAAM,kBAAA,GAAqB,IAAA,CAAK,MAAA,CAAO,qBAAA,EAAsB;AAC7D,EAAA,MAAM,aAAa,IAAA,CAAK,OAAA;AACxB,EAAA,MAAM,WAAA,GAAc,WAAW,YAAA,EAAa;AAE5C,EAAA,IAAI,CAAC,WAAA,IAAe,CAAC,SAAA,EAAW;AAC9B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,aAAa,CAAC,kBAAA;AAAA,MACzB,UAAA,EAAY,kBAAA;AAAA,MACX,GAAG,KAAA;AAAA,MACJ,OAAA,EAAS,MAAM,IAAA,CAAK,OAAA,CAAQ,SAAA,EAAU;AAAA,MACtC,OAAA,EAAQ,OAAA;AAAA,MACR,IAAA,EAAK,GAAA;AAAA,MAEJ,QAAA,EAAA,eAAA,CAAgB,OAAO,eAAe;AAAA;AAAA,GACzC;AAEJ;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Header.mjs","sources":["../../../../../../../../src/components/List/components/Header/Header.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport styles from \"./Header.module.css\";\nimport clsx from \"clsx\";\nimport { ActiveFilters } from \"@/components/List/components/Header/components/ActiveFilters\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { SearchField } from \"@/components/List/components/Header/components/SearchField/SearchField\";\nimport { ViewModeContextMenu } from \"@/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport DivView from \"@/views/DivView\";\nimport { SortingContextMenu } from \"@/components/List/components/Header/components/SortingContextMenu/SortingContextMenu\";\nimport { FilterContextMenus } from \"@/components/List/components/Header/components/FilterContextMenu/FilterContextMenus\";\nimport { AllFiltersModal } from \"@/components/List/components/Header/components/AllFiltersModal/AllFiltersModal\";\nimport { useAvailableViewModes } from \"@/components/List/components/Header/lib\";\n\nexport const Header: FC<PropsWithClassName> = (props) => {\n  const { className } = props;\n  const list = useList();\n\n  const availableViewModes = useAvailableViewModes();\n\n  const hasOptions =\n    list.filters.length > 0 ||\n    list.visibleSorting.length > 0 ||\n    list.search ||\n    availableViewModes.length > 1;\n\n  return (\n    <DivView\n      className={clsx(\n        className,\n        styles.header,\n        list.search && styles.withSearch,\n      )}\n    >\n      <DivView className={styles.headerContent}>\n        <TunnelExit id=\"actions\" />\n        {hasOptions && (\n          <DivView className={styles.options}>\n            <ViewModeContextMenu />\n            <SortingContextMenu />\n            <FilterContextMenus />\n            <AllFiltersModal />\n\n            {list.search && <SearchField search={list.search} />}\n          </DivView>\n        )}\n      </DivView>\n      <ActiveFilters />\n    </DivView>\n  );\n};\n\nexport default Header;\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;AAgBO,MAAM,MAAA,GAAiC,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM,EAAE,WAAU,GAAI,KAAA;AACtB,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,MAAM,qBAAqB,qBAAA,EAAsB;AAEjD,EAAA,MAAM,UAAA,GACJ,IAAA,CAAK,OAAA,CAAQ,MAAA,GAAS,CAAA,IACtB,IAAA,CAAK,cAAA,CAAe,MAAA,GAAS,CAAA,IAC7B,IAAA,CAAK,MAAA,IACL,kBAAA,CAAmB,MAAA,GAAS,CAAA;AAE9B,EAAA,uBACE,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA;AAAA,QACT,SAAA;AAAA,QACAA,YAAA,CAAO,MAAA;AAAA,QACP,IAAA,CAAK,UAAUA,YAAA,CAAO;AAAA,OACxB;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAWA,YAAA,CAAO,aAAA,EACzB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,IAAG,SAAA,EAAU,CAAA;AAAA,UACxB,UAAA,oBACC,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAWA,aAAO,OAAA,EACzB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,mBAAA,EAAA,EAAoB,CAAA;AAAA,gCACpB,kBAAA,EAAA,EAAmB,CAAA;AAAA,gCACnB,kBAAA,EAAA,EAAmB,CAAA;AAAA,gCACnB,eAAA,EAAA,EAAgB,CAAA;AAAA,YAEhB,KAAK,MAAA,oBAAU,GAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAQ,KAAK,MAAA,EAAQ;AAAA,WAAA,EACpD;AAAA,SAAA,EAEJ,CAAA;AAAA,4BACC,aAAA,EAAA,EAAc;AAAA;AAAA;AAAA,GACjB;AAEJ;;;;"}

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

@@ -1,88 +0,0 @@
-"use client"
-/* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
-import { useList } from '../../../../hooks/useList.mjs';
-import styles from './ActiveFilters.module.scss.mjs';
-import locales from '../../../../../../../../_virtual/_.locale.json@c396072149abf62e23786da27abb7eee.mjs';
-import { Translate } from '../../../../../../lib/react/components/Translate/Translate.mjs';
-import { observer } from 'mobx-react-lite';
-import { useLocalizedStringFormatter } from 'react-aria';
-import { TooltipTrigger } from '../../../../../Tooltip/components/TooltipTrigger/TooltipTrigger.mjs';
-import 'react-aria-components';
-import 'clsx';
-import '../../../../../../lib/propsContext/propsContext.mjs';
-import '@mittwald/flow-icons';
-import '../../../../../Icon/components/IconSetProvider.mjs';
-import '../../../../../Icon/Icon.mjs';
-import '../../../../../../views/IconView.mjs';
-import { IconClose } from '../../../../../Icon/components/icons/IconClose.mjs';
-import { IconSave } from '../../../../../Icon/components/icons/IconSave.mjs';
-import { IconUndo } from '../../../../../Icon/components/icons/IconUndo.mjs';
-import ButtonView from '../../../../../../views/ButtonView.mjs';
-import TooltipView from '../../../../../../views/TooltipView.mjs';
-import DivView from '../../../../../../views/DivView.mjs';
-import BadgeView from '../../../../../../views/BadgeView.mjs';
-import TooltipTriggerView from '../../../../../../views/TooltipTriggerView.mjs';
-import TextView from '../../../../../../views/TextView.mjs';
-
-const ActiveFilters = observer(() => {
-  const list = useList();
-  const formatter = useLocalizedStringFormatter(locales);
-  const activeFilterValues = list.filters.flatMap((f) => f.values).filter((v) => v.isActive);
-  const activeFilters = activeFilterValues.map((v) => /* @__PURE__ */ jsx(BadgeView, { onClose: () => v.deactivate(), children: /* @__PURE__ */ jsx(TextView, { children: v.render() }) }, v.id));
-  const someFiltersChanged = list.filters.filter((f) => f.hasChanged()).length > 0;
-  const storeFiltersButton = list.supportsSettingsStorage && someFiltersChanged && /* @__PURE__ */ jsxs(TooltipTriggerView, { children: [
-    /* @__PURE__ */ jsx(TooltipView, { children: /* @__PURE__ */ jsx(Translate, { locales, children: "list.filters.store" }) }),
-    /* @__PURE__ */ jsx(
-      ButtonView,
-      {
-        size: "s",
-        variant: "plain",
-        color: "secondary",
-        onPress: () => list.storeFilterDefaultSettings(),
-        "aria-label": formatter.format("list.filters.store"),
-        children: /* @__PURE__ */ jsx(IconSave, {})
-      }
-    )
-  ] });
-  const resetFiltersButton = someFiltersChanged ? /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
-    /* @__PURE__ */ jsx(TooltipView, { children: /* @__PURE__ */ jsx(Translate, { locales, children: "list.filters.reset" }) }),
-    /* @__PURE__ */ jsx(
-      ButtonView,
-      {
-        size: "s",
-        variant: "plain",
-        color: "secondary",
-        onPress: () => list.resetFilters(),
-        "aria-label": formatter.format("list.filters.reset"),
-        children: /* @__PURE__ */ jsx(IconUndo, {})
-      }
-    )
-  ] }) : void 0;
-  const removeAllFiltersButton = activeFilters.length > 1 ? /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
-    /* @__PURE__ */ jsx(TooltipView, { children: /* @__PURE__ */ jsx(Translate, { locales, children: "list.filters.clear" }) }),
-    /* @__PURE__ */ jsx(
-      ButtonView,
-      {
-        size: "s",
-        variant: "plain",
-        color: "secondary",
-        onPress: () => list.clearFilters(),
-        children: /* @__PURE__ */ jsx(IconClose, {})
-      }
-    )
-  ] }) : void 0;
-  if (activeFilters.length === 0 && !storeFiltersButton && !resetFiltersButton) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(DivView, { className: styles.activeFilters, children: [
-    activeFilters,
-    storeFiltersButton,
-    resetFiltersButton,
-    removeAllFiltersButton
-  ] });
-});
-
-export { ActiveFilters };
-//# sourceMappingURL=ActiveFilters.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ActiveFilters.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/ActiveFilters/ActiveFilters.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport styles from \"./ActiveFilters.module.scss\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { Translate } from \"@/lib/react/components/Translate\";\nimport { observer } from \"mobx-react-lite\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { TooltipTrigger } from \"@/components/Tooltip\";\nimport {\n  IconClose,\n  IconSave,\n  IconUndo,\n} from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport TooltipView from \"@/views/TooltipView\";\nimport DivView from \"@/views/DivView\";\nimport BadgeView from \"@/views/BadgeView\";\nimport TooltipTriggerView from \"@/views/TooltipTriggerView\";\nimport TextView from \"@/views/TextView\";\n\nexport const ActiveFilters: FC = observer(() => {\n  const list = useList();\n  const formatter = useLocalizedStringFormatter(locales);\n\n  const activeFilterValues = list.filters\n    .flatMap((f) => f.values)\n    .filter((v) => v.isActive);\n\n  const activeFilters = activeFilterValues.map((v) => (\n    <BadgeView key={v.id} onClose={() => v.deactivate()}>\n      <TextView>{v.render()}</TextView>\n    </BadgeView>\n  ));\n\n  const someFiltersChanged =\n    list.filters.filter((f) => f.hasChanged()).length > 0;\n\n  const storeFiltersButton = list.supportsSettingsStorage &&\n    someFiltersChanged && (\n      <TooltipTriggerView>\n        <TooltipView>\n          <Translate locales={locales}>list.filters.store</Translate>\n        </TooltipView>\n        <ButtonView\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n          onPress={() => list.storeFilterDefaultSettings()}\n          aria-label={formatter.format(\"list.filters.store\")}\n        >\n          <IconSave />\n        </ButtonView>\n      </TooltipTriggerView>\n    );\n\n  const resetFiltersButton = someFiltersChanged ? (\n    <TooltipTrigger>\n      <TooltipView>\n        <Translate locales={locales}>list.filters.reset</Translate>\n      </TooltipView>\n      <ButtonView\n        size=\"s\"\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={() => list.resetFilters()}\n        aria-label={formatter.format(\"list.filters.reset\")}\n      >\n        <IconUndo />\n      </ButtonView>\n    </TooltipTrigger>\n  ) : undefined;\n\n  const removeAllFiltersButton =\n    activeFilters.length > 1 ? (\n      <TooltipTrigger>\n        <TooltipView>\n          <Translate locales={locales}>list.filters.clear</Translate>\n        </TooltipView>\n        <ButtonView\n          size=\"s\"\n          variant=\"plain\"\n          color=\"secondary\"\n          onPress={() => list.clearFilters()}\n        >\n          <IconClose />\n        </ButtonView>\n      </TooltipTrigger>\n    ) : undefined;\n\n  if (\n    activeFilters.length === 0 &&\n    !storeFiltersButton &&\n    !resetFiltersButton\n  ) {\n    return null;\n  }\n\n  return (\n    <DivView className={styles.activeFilters}>\n      {activeFilters}\n      {storeFiltersButton}\n      {resetFiltersButton}\n      {removeAllFiltersButton}\n    </DivView>\n  );\n});\n\nexport default ActiveFilters;\n"],"names":[],"mappings":"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"}

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

@@ -1,120 +0,0 @@
-"use client"
-/* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
-import '@mittwald/flow-icons';
-import '../../../../../Icon/components/IconSetProvider.mjs';
-import '../../../../../Icon/Icon.mjs';
-import '../../../../../../views/IconView.mjs';
-import { IconFilter } from '../../../../../Icon/components/icons/IconFilter.mjs';
-import ButtonView from '../../../../../../views/ButtonView.mjs';
-import 'invariant';
-import 'react-aria-components';
-import '../../../../../IllustratedMessage/IllustratedMessage.mjs';
-import '../../../../../Heading/Heading.mjs';
-import '../../../../../Text/Text.mjs';
-import locales from '../../../../../../../../_virtual/_.locale.json@c396072149abf62e23786da27abb7eee.mjs';
-import { useLocalizedStringFormatter } from 'react-aria';
-import clsx from 'clsx';
-import '@mittwald/react-tunnel';
-import '../../../../../../views/ListItemViewContentView.mjs';
-import '../../../../../../lib/propsContext/propsContext.mjs';
-import '../../../../../../lib/propsContext/components/PropsContextProvider.mjs';
-import '../../../../../../views/ContextMenuTriggerView.mjs';
-import '../../../../../ColumnLayout/ColumnLayout.mjs';
-import '../../../ListSummary/ListSummary.mjs';
-import { useList } from '../../../../hooks/useList.mjs';
-import '../../../../listContext.mjs';
-import 'mobx';
-import '../../../../List.mjs';
-import headerStyles from '../../Header.module.css.mjs';
-import ContentView from '../../../../../../views/ContentView.mjs';
-import SectionView from '../../../../../../views/SectionView.mjs';
-import { FilterAccordion } from './FilterAccordion.mjs';
-import { ViewModeAccordion } from './ViewModeAccordion.mjs';
-import TextView from '../../../../../../views/TextView.mjs';
-import { SortingAccordion } from './SortingAccordion.mjs';
-import ActionGroupView from '../../../../../../views/ActionGroupView.mjs';
-import 'remeda';
-import '@react-aria/utils';
-import 'dot-prop';
-import { useOverlayController } from '../../../../../../lib/controller/overlay/useOverlayController.mjs';
-import HeadingView from '../../../../../../views/HeadingView.mjs';
-import { ModalTrigger } from '../../../../../Modal/components/ModalTrigger/ModalTrigger.mjs';
-import { Modal } from '../../../../../Modal/Modal.mjs';
-import { SkeletonText } from '../../../../../SkeletonText/SkeletonText.mjs';
-
-const AllFiltersModal = () => {
-  const list = useList();
-  const stringFormatter = useLocalizedStringFormatter(locales);
-  const isInitiallyLoading = list.loader.useIsInitiallyLoading();
-  const totalItemCount = list.batches.getTotalItemsCount() ?? list.items.entries.length;
-  const filterAccordions = list.filters.map((f) => /* @__PURE__ */ jsx(FilterAccordion, { filter: f }, f.name));
-  const accordions = [
-    /* @__PURE__ */ jsx(ViewModeAccordion, {}, "viewMode"),
-    /* @__PURE__ */ jsx(SortingAccordion, {}, "sorting"),
-    ...filterAccordions
-  ].filter(Boolean);
-  const hasSecondaryFilters = list.filters.some(
-    (f) => f.priority === "secondary"
-  );
-  const controller = useOverlayController("Modal", {
-    reuseControllerFromContext: false
-  });
-  if (accordions.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(ModalTrigger, { controller, children: [
-    /* @__PURE__ */ jsxs(
-      ButtonView,
-      {
-        className: clsx(
-          headerStyles.hideOnMobile,
-          hasSecondaryFilters ? void 0 : headerStyles.hideOnDesktop
-        ),
-        variant: "outline",
-        color: "secondary",
-        children: [
-          /* @__PURE__ */ jsx(TextView, { children: stringFormatter.format("list.filters.all") }),
-          /* @__PURE__ */ jsx(IconFilter, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ButtonView,
-      {
-        className: headerStyles.hideOnDesktop,
-        variant: "outline",
-        color: "secondary",
-        "aria-label": stringFormatter.format("list.filters.all"),
-        children: /* @__PURE__ */ jsx(IconFilter, {})
-      }
-    ),
-    /* @__PURE__ */ jsxs(Modal, { offCanvas: true, controller, children: [
-      /* @__PURE__ */ jsx(HeadingView, { children: stringFormatter.format("list.filters.all") }),
-      /* @__PURE__ */ jsx(ContentView, { children: /* @__PURE__ */ jsxs(SectionView, { children: [
-        ...accordions
-      ] }) }),
-      /* @__PURE__ */ jsxs(ActionGroupView, { children: [
-        /* @__PURE__ */ jsx(ButtonView, { onPress: () => controller.close(), children: /* @__PURE__ */ jsx(TextView, { children: isInitiallyLoading ? /* @__PURE__ */ jsx(SkeletonText, { width: "16ch" }) : stringFormatter.format("list.results.show", {
-          totalItemCount
-        }) }) }),
-        /* @__PURE__ */ jsx(
-          ButtonView,
-          {
-            color: "secondary",
-            variant: "soft",
-            onPress: () => {
-              list.resetFilters();
-              controller.close();
-            },
-            children: stringFormatter.format("list.reset")
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-
-export { AllFiltersModal };
-//# sourceMappingURL=AllFiltersModal.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AllFiltersModal.mjs","sources":["../../../../../../../../../../src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { IconFilter } from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { useList } from \"@/components/List\";\nimport styles from \"@/components/List/components/Header/Header.module.css\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport ContentView from \"@/views/ContentView\";\nimport SectionView from \"@/views/SectionView\";\nimport { FilterAccordion } from \"@/components/List/components/Header/components/AllFiltersModal/FilterAccordion\";\nimport { ViewModeAccordion } from \"@/components/List/components/Header/components/AllFiltersModal/ViewModeAccordion\";\nimport TextView from \"@/views/TextView\";\nimport { SortingAccordion } from \"@/components/List/components/Header/components/AllFiltersModal/SortingAccordion\";\nimport ActionGroupView from \"@/views/ActionGroupView\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport HeadingView from \"@/views/HeadingView\";\nimport clsx from \"clsx\";\nimport Modal, { ModalTrigger } from \"@/components/Modal\";\nimport { SkeletonText } from \"@/components/SkeletonText\";\n\nexport const AllFiltersModal: FC = () => {\n  const list = useList();\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n  const totalItemCount =\n    list.batches.getTotalItemsCount() ?? list.items.entries.length;\n\n  const filterAccordions = list.filters.map((f) => (\n    <FilterAccordion filter={f} key={f.name} />\n  ));\n\n  const accordions = [\n    <ViewModeAccordion key=\"viewMode\" />,\n    <SortingAccordion key=\"sorting\" />,\n    ...filterAccordions,\n  ].filter(Boolean);\n\n  const hasSecondaryFilters = list.filters.some(\n    (f) => f.priority === \"secondary\",\n  );\n\n  const controller = useOverlayController(\"Modal\", {\n    reuseControllerFromContext: false,\n  });\n\n  if (accordions.length === 0) {\n    return null;\n  }\n\n  return (\n    <ModalTrigger controller={controller}>\n      <ButtonView\n        className={clsx(\n          styles.hideOnMobile,\n          hasSecondaryFilters ? undefined : styles.hideOnDesktop,\n        )}\n        variant=\"outline\"\n        color=\"secondary\"\n      >\n        <TextView>{stringFormatter.format(\"list.filters.all\")}</TextView>\n        <IconFilter />\n      </ButtonView>\n\n      <ButtonView\n        className={styles.hideOnDesktop}\n        variant=\"outline\"\n        color=\"secondary\"\n        aria-label={stringFormatter.format(\"list.filters.all\")}\n      >\n        <IconFilter />\n      </ButtonView>\n\n      <Modal offCanvas controller={controller}>\n        <HeadingView>{stringFormatter.format(\"list.filters.all\")}</HeadingView>\n        <ContentView>\n          <SectionView>{...accordions}</SectionView>\n        </ContentView>\n\n        <ActionGroupView>\n          <ButtonView onPress={() => controller.close()}>\n            <TextView>\n              {isInitiallyLoading ? (\n                <SkeletonText width=\"16ch\" />\n              ) : (\n                stringFormatter.format(\"list.results.show\", {\n                  totalItemCount,\n                })\n              )}\n            </TextView>\n          </ButtonView>\n          <ButtonView\n            color=\"secondary\"\n            variant=\"soft\"\n            onPress={() => {\n              list.resetFilters();\n              controller.close();\n            }}\n          >\n            {stringFormatter.format(\"list.reset\")}\n          </ButtonView>\n        </ActionGroupView>\n      </Modal>\n    </ModalTrigger>\n  );\n};\n"],"names":["styles"],"mappings":"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"}

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

@@ -1,65 +0,0 @@
-"use client"
-/* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import AccordionView from '../../../../../../views/AccordionView.mjs';
-import HeadingView from '../../../../../../views/HeadingView.mjs';
-import ContentView from '../../../../../../views/ContentView.mjs';
-import RadioGroupView from '../../../../../../views/RadioGroupView.mjs';
-import RadioView from '../../../../../../views/RadioView.mjs';
-import CheckboxGroupView from '../../../../../../views/CheckboxGroupView.mjs';
-import CheckboxView from '../../../../../../views/CheckboxView.mjs';
-import ButtonView from '../../../../../../views/ButtonView.mjs';
-import { Flex } from '../../../../../Flex/Flex.mjs';
-import { useLocalizedStringFormatter } from 'react-aria';
-import locales from '../../../../../../../../_virtual/_.locale.json@c396072149abf62e23786da27abb7eee.mjs';
-
-const FilterAccordion = (props) => {
-  const { filter } = props;
-  const activeKeys = filter.values.filter((v) => v.isActive).map((v) => v.id);
-  const name = filter.name ?? filter.property;
-  const stringFormatter = useLocalizedStringFormatter(locales);
-  return /* @__PURE__ */ jsxs(AccordionView, { children: [
-    /* @__PURE__ */ jsx(HeadingView, { children: name }),
-    /* @__PURE__ */ jsxs(ContentView, { children: [
-      filter.mode === "one" && /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "m", children: [
-        /* @__PURE__ */ jsx(
-          RadioGroupView,
-          {
-            value: activeKeys[0],
-            m: [1, 1],
-            "aria-label": name,
-            children: filter.values.map((v) => /* @__PURE__ */ jsx(
-              RadioView,
-              {
-                value: v.id,
-                onPress: () => {
-                  if (!v.isActive) {
-                    v.toggle();
-                  }
-                },
-                children: v.render()
-              },
-              v.id
-            ))
-          },
-          activeKeys[0]
-        ),
-        activeKeys.length > 0 && /* @__PURE__ */ jsx(
-          ButtonView,
-          {
-            size: "s",
-            color: "secondary",
-            variant: "soft",
-            onPress: () => filter.clear(),
-            children: stringFormatter.format("list.filters.clearSelection")
-          }
-        )
-      ] }),
-      filter.mode !== "one" && /* @__PURE__ */ jsx(CheckboxGroupView, { value: activeKeys, m: [1, 1], "aria-label": name, children: filter.values.map((v) => /* @__PURE__ */ jsx(CheckboxView, { value: v.id, onPress: () => v.toggle(), children: v.render() }, v.id)) })
-    ] })
-  ] });
-};
-
-export { FilterAccordion };
-//# sourceMappingURL=FilterAccordion.mjs.map

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

@@ -1 +0,0 @@
-{"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 RadioGroupView from \"@/views/RadioGroupView\";\nimport RadioView from \"@/views/RadioView\";\nimport CheckboxGroupView from \"@/views/CheckboxGroupView\";\nimport CheckboxView from \"@/views/CheckboxView\";\nimport type { Filter } from \"@/components/List/model/filter/Filter\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { Flex } from \"@/components/Flex\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../../../locales/*.locale.json\";\n\ninterface Props {\n  filter: Filter<never, never, never>;\n}\n\nexport const FilterAccordion: 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);\n\n  return (\n    <AccordionView>\n      <HeadingView>{name}</HeadingView>\n      <ContentView>\n        {filter.mode === \"one\" && (\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(\"list.filters.clearSelection\")}\n              </ButtonView>\n            )}\n          </Flex>\n        )}\n        {filter.mode !== \"one\" && (\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      </ContentView>\n    </AccordionView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAkBO,MAAM,eAAA,GAA6B,CAAC,KAAA,KAAU;AACnD,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,4BAA4B,OAAO,CAAA;AAE3D,EAAA,4BACG,aAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,eAAa,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,yBAClB,WAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,MAAA,CAAO,SAAS,KAAA,oBACf,IAAA,CAAC,QAAK,SAAA,EAAU,QAAA,EAAS,KAAI,GAAA,EAC3B,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,WAAW,CAAC,CAAA;AAAA,YACnB,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,YAER,YAAA,EAAY,IAAA;AAAA,YAEX,QAAA,EAAA,MAAA,CAAO,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,qBAClB,GAAA;AAAA,cAAC,SAAA;AAAA,cAAA;AAAA,gBAEC,OAAO,CAAA,CAAE,EAAA;AAAA,gBACT,SAAS,MAAM;AACb,kBAAA,IAAI,CAAC,EAAE,QAAA,EAAU;AACf,oBAAA,CAAA,CAAE,MAAA,EAAO;AAAA,kBACX;AAAA,gBACF,CAAA;AAAA,gBAEC,YAAE,MAAA;AAAO,eAAA;AAAA,cARL,CAAA,CAAE;AAAA,aAUV;AAAA,WAAA;AAAA,UAfI,WAAW,CAAC;AAAA,SAgBnB;AAAA,QACC,UAAA,CAAW,SAAS,CAAA,oBACnB,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,GAAA;AAAA,YACL,KAAA,EAAM,WAAA;AAAA,YACN,OAAA,EAAQ,MAAA;AAAA,YACR,OAAA,EAAS,MAAM,MAAA,CAAO,KAAA,EAAM;AAAA,YAE3B,QAAA,EAAA,eAAA,CAAgB,OAAO,6BAA6B;AAAA;AAAA;AACvD,OAAA,EAEJ,CAAA;AAAA,MAED,MAAA,CAAO,IAAA,KAAS,KAAA,oBACf,GAAA,CAAC,qBAAkB,KAAA,EAAO,UAAA,EAAY,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA,EAAG,YAAA,EAAY,IAAA,EAC1D,iBAAO,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,yBACjB,YAAA,EAAA,EAAwB,KAAA,EAAO,CAAA,CAAE,EAAA,EAAI,SAAS,MAAM,CAAA,CAAE,MAAA,EAAO,EAC3D,YAAE,MAAA,EAAO,EAAA,EADO,CAAA,CAAE,EAErB,CACD,CAAA,EACH;AAAA,KAAA,EAEJ;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}