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

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

@@ -1,165 +1,137 @@
 "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,
-      autosave: searchProps.autosave
-    } : 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.isList || listModel.viewMode.isTiles) && /* @__PURE__ */ jsx(Items, {}),
-            listModel.viewMode.isTable && /* @__PURE__ */ jsx(Table, {})
-          ] }),
-          !hidePagination && /* @__PURE__ */ jsx(Footer, {})
-        ] })
-      ]
-    }
-  ) }) });
+import PropsContextProvider from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import "../../lib/propsContext/index.mjs";
+import DivView from "../../views/DivView.mjs";
+import { listContext } from "./listContext.mjs";
+import DataLoader from "./components/DataLoader/DataLoader.mjs";
+import "./components/DataLoader/index.mjs";
+import Header_module_default from "./components/Header/Header.module.mjs";
+import Header from "./components/Header/Header.mjs";
+import Items from "./components/Items/Items.mjs";
+import { Table } from "./components/Table/Table.mjs";
+import "./components/Table/index.mjs";
+import 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 { deepFilterByType, deepFindOfType } from "../../lib/react/deepFindOfType.mjs";
+import Footer from "./components/Footer/Footer.mjs";
+import "./components/Footer/index.mjs";
+import List_module_default from "./List.module.mjs";
+import { ListLoaderHooks } from "./setupComponents/ListLoaderHooks.mjs";
+import { TunnelExit, TunnelProvider } from "@mittwald/react-tunnel";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/List/List.tsx
+var 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,
+			autosave: searchProps.autosave
+		} : 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
+	});
+	return /* @__PURE__ */ jsx(PropsContextProvider, {
+		props: {
+			ActionGroup: {
+				tunnelId: "actions",
+				className: Header_module_default.actions,
+				Button: { className: Header_module_default.action }
+			},
+			ListSummary: { tunnelId: "listSummary" }
+		},
+		children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(listContext.Provider, {
+			value: { list: listModel },
+			children: [/* @__PURE__ */ jsx(DataLoader, {}), /* @__PURE__ */ jsxs(DivView, {
+				className: List_module_default.list,
+				ref,
+				children: [
+					children,
+					/* @__PURE__ */ jsx(Header, {}),
+					/* @__PURE__ */ jsxs(DivView, {
+						className: List_module_default.listWrapper,
+						children: [
+							listModel.items.entries.length > 0 && /* @__PURE__ */ jsx(TunnelExit, { id: "listSummary" }),
+							(listModel.viewMode.isList || listModel.viewMode.isTiles) && /* @__PURE__ */ jsx(Items, {}),
+							listModel.viewMode.isTable && /* @__PURE__ */ jsx(Table, {})
+						]
+					}),
+					!hidePagination && /* @__PURE__ */ jsx(Footer, {})
+				]
+			})]
+		}) })
+	});
 });
+//#endregion
+export { List as default };
 
-export { List, List as default };
-//# sourceMappingURL=List.mjs.map
+//# sourceMappingURL=List.mjs.map

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

@@ -1 +1 @@
-{"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          autosave: searchProps.autosave,\n        }\n      : undefined,\n    sorting: deepFilterByType(children, ListSorting<never>).map((s) => s.props),\n\n    itemView: itemViewProps\n      ? {\n          ...itemViewProps,\n          renderFn: itemViewProps.children,\n        }\n      : undefined,\n\n    table:\n      tableColumnProps.length > 0\n        ? {\n            header: {\n              ...tableHeaderProps,\n              columns: tableColumnProps,\n            },\n            body: {\n              ...tableBodyProps,\n              row: {\n                ...tableRowProps,\n                cells: tableCellProps,\n              },\n            },\n            ...tableProps,\n          }\n        : undefined,\n\n    batchesController: {\n      batchSize,\n    },\n    loadingItemsCount,\n    ...restProps,\n  });\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      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.isList || listModel.viewMode.isTiles) && (\n                <Items />\n              )}\n              {listModel.viewMode.isTable && <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":"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"}
+{"version":3,"file":"List.mjs","names":[],"sources":["../../../../../../../src/components/List/List.tsx"],"sourcesContent":["import { DataLoader } from \"@/components/List/components/DataLoader\";\nimport { Header } from \"@/components/List/components/Header/Header\";\nimport headerStyles from \"@/components/List/components/Header/Header.module.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          autosave: searchProps.autosave,\n        }\n      : undefined,\n    sorting: deepFilterByType(children, ListSorting<never>).map((s) => s.props),\n\n    itemView: itemViewProps\n      ? {\n          ...itemViewProps,\n          renderFn: itemViewProps.children,\n        }\n      : undefined,\n\n    table:\n      tableColumnProps.length > 0\n        ? {\n            header: {\n              ...tableHeaderProps,\n              columns: tableColumnProps,\n            },\n            body: {\n              ...tableBodyProps,\n              row: {\n                ...tableRowProps,\n                cells: tableCellProps,\n              },\n            },\n            ...tableProps,\n          }\n        : undefined,\n\n    batchesController: {\n      batchSize,\n    },\n    loadingItemsCount,\n    ...restProps,\n  });\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      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.isList || listModel.viewMode.isTiles) && (\n                <Items />\n              )}\n              {listModel.viewMode.isTable && <Table />}\n            </DivView>\n            {!hidePagination && <Footer />}\n          </DivView>\n        </listContext.Provider>\n      </TunnelProvider>\n    </PropsContextProvider>\n  );\n});\n\nexport default List;\n"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+"use client"
+/* */
+var List_module_default = {
+	list: "flow--list",
+	listWrapper: "flow--list--list-wrapper"
+};
+//#endregion
+export { List_module_default as default };
+
+//# sourceMappingURL=List.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.module.mjs","names":[],"sources":["../../../../../../../src/components/List/List.module.css"],"sourcesContent":[".list {\n  display: flex;\n  flex-direction: column;\n  row-gap: var(--list--block-to-block-spacing);\n  container-type: inline-size;\n\n  :has(:global(.flow--list--list-summary--top)) {\n    :global(.flow--list--items),\n    :global(.flow--list--table) {\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n    }\n  }\n\n  :has(:global(.flow--list--list-summary--bottom)) {\n    :global(.flow--list--items),\n    :global(.flow--list--table) {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n\n  .listWrapper {\n    display: flex;\n    flex-direction: column;\n  }\n}\n"],"mappings":""}

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

@@ -1,23 +1,20 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { DataLoaderSuspense } from './DataLoaderSuspense.mjs';
-import { useList } from '../../hooks/useList.mjs';
-import { Render } from '../../../../lib/react/components/Render/Render.mjs';
-
-const DataLoader = () => {
-  const loaderHooks = useList().loader.getLoaderInvocationHooks();
-  return loaderHooks.map((loaderHook, i) => /* @__PURE__ */ jsx(
-    DataLoaderSuspense,
-    {
-      useRenderSuspense: loaderHook.useRenderSuspense,
-      children: /* @__PURE__ */ jsx(Render, { children: () => {
-        loaderHook.useLoadBatch();
-      } })
-    },
-    i
-  ));
+import { useList } from "../../hooks/useList.mjs";
+import { DataLoaderSuspense } from "./DataLoaderSuspense.mjs";
+import { Render } from "../../../../lib/react/components/Render/Render.mjs";
+import "../../../../lib/react/components/Render/index.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/List/components/DataLoader/DataLoader.tsx
+var DataLoader = () => {
+	return useList().loader.getLoaderInvocationHooks().map((loaderHook, i) => /* @__PURE__ */ jsx(DataLoaderSuspense, {
+		useRenderSuspense: loaderHook.useRenderSuspense,
+		children: /* @__PURE__ */ jsx(Render, { children: () => {
+			loaderHook.useLoadBatch();
+		} })
+	}, i));
 };
+//#endregion
+export { DataLoader as default };
 
-export { DataLoader };
-//# sourceMappingURL=DataLoader.mjs.map
+//# sourceMappingURL=DataLoader.mjs.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"version":3,"file":"DataLoader.mjs","names":[],"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"],"mappings":";;;;;;AAIA,IAAa,mBAAmB;AAG9B,QAFoB,SAAS,CAAC,OAAO,0BAA0B,CAE5C,KAAK,YAAY,MAClC,oBAAC,oBAAD;EAEE,mBAAmB,WAAW;YAE9B,oBAAC,QAAD,EAAA,gBACS;AACL,cAAW,cAAc;KAEpB,CAAA;EACU,EARd,EAQc,CACrB"}

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

@@ -1,18 +1,21 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { Suspense } from 'react';
-
-const Fallback = (props) => {
-  const { useRenderSuspense } = props;
-  useRenderSuspense();
-  return null;
+import { Suspense } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/List/components/DataLoader/DataLoaderSuspense.tsx
+var Fallback = (props) => {
+	const { useRenderSuspense } = props;
+	useRenderSuspense();
+	return null;
 };
-const DataLoaderSuspense = (props) => {
-  const { useRenderSuspense, children } = props;
-  const fallback = /* @__PURE__ */ jsx(Fallback, { useRenderSuspense });
-  return /* @__PURE__ */ jsx(Suspense, { fallback, children });
+var DataLoaderSuspense = (props) => {
+	const { useRenderSuspense, children } = props;
+	return /* @__PURE__ */ jsx(Suspense, {
+		fallback: /* @__PURE__ */ jsx(Fallback, { useRenderSuspense }),
+		children
+	});
 };
-
+//#endregion
 export { DataLoaderSuspense };
-//# sourceMappingURL=DataLoaderSuspense.mjs.map
+
+//# sourceMappingURL=DataLoaderSuspense.mjs.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"version":3,"file":"DataLoaderSuspense.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/DataLoader/DataLoaderSuspense.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { FC } from \"react\";\nimport { Suspense } from \"react\";\n\ninterface Props extends PropsWithChildren {\n  useRenderSuspense: () => void;\n}\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"],"mappings":";;;AAYA,IAAM,YAA+B,UAAU;CAC7C,MAAM,EAAE,sBAAsB;AAC9B,oBAAmB;AACnB,QAAO;;AAGT,IAAa,sBAAiC,UAAU;CACtD,MAAM,EAAE,mBAAmB,aAAa;AAExC,QAAO,oBAAC,UAAD;EAAoB,UADV,oBAAC,UAAD,EAA6B,mBAAqB,CAAA;EAC7B;EAAoB,CAAA"}

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

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

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

@@ -1,18 +1,21 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import styles from './Footer.module.scss.mjs';
-import { PaginationInfos } from './components/PaginationInfos/PaginationInfos.mjs';
-import { ShowNextBatchButton } from './components/ShowNextBatchButton/ShowNextBatchButton.mjs';
-import DivView from '../../../../views/DivView.mjs';
-
-const Footer = () => {
-  return /* @__PURE__ */ jsxs(DivView, { className: styles.footer, children: [
-    /* @__PURE__ */ jsx(PaginationInfos, {}),
-    /* @__PURE__ */ jsx(ShowNextBatchButton, {})
-  ] });
+import DivView from "../../../../views/DivView.mjs";
+import Footer_module_default from "./Footer.module.mjs";
+import PaginationInfos from "./components/PaginationInfos/PaginationInfos.mjs";
+import "./components/PaginationInfos/index.mjs";
+import ShowNextBatchButton from "./components/ShowNextBatchButton/ShowNextBatchButton.mjs";
+import "./components/ShowNextBatchButton/index.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/List/components/Footer/Footer.tsx
+var Footer = () => {
+	return /* @__PURE__ */ jsxs(DivView, {
+		className: Footer_module_default.footer,
+		children: [/* @__PURE__ */ jsx(PaginationInfos, {}), /* @__PURE__ */ jsx(ShowNextBatchButton, {})]
+	});
 };
+//#endregion
+export { Footer as default };
 
-export { Footer, Footer as default };
-//# sourceMappingURL=Footer.mjs.map
+//# sourceMappingURL=Footer.mjs.map

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","names":[],"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"],"mappings":";;;;;;;;;AAOA,IAAa,eAAmB;AAC9B,QACE,qBAAC,SAAD;EAAS,WAAW,sBAAO;YAA3B,CACE,oBAAC,iBAAD,EAAmB,CAAA,EACnB,oBAAC,qBAAD,EAAuB,CAAA,CACf"}

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

@@ -0,0 +1,7 @@
+"use client"
+/* */
+var Footer_module_default = { footer: "flow--list--footer" };
+//#endregion
+export { Footer_module_default as default };
+
+//# sourceMappingURL=Footer.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.module.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/Footer/Footer.module.scss"],"sourcesContent":[".footer {\n  font-size: var(--font-size-text--s);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  row-gap: var(--list--spacing);\n}\n"],"mappings":""}

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

@@ -1,29 +1,31 @@
 "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@8d5024994f97657f895a4e2a188d2d8a.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 });
+import __locale_default from "../../../../../../../../../_virtual/_14.locale.mjs";
+import { useList } from "../../../../hooks/useList.mjs";
+import TextView from "../../../../../../views/TextView.mjs";
+import SkeletonView from "../../../../../../views/SkeletonView.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useLocalizedStringFormatter } from "react-aria";
+//#region src/components/List/components/Footer/components/PaginationInfos/PaginationInfos.tsx
+var PaginationInfos = (props) => {
+	const stringFormatter = useLocalizedStringFormatter(__locale_default);
+	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
+	});
 };
+//#endregion
+export { PaginationInfos as default };
 
-export { PaginationInfos };
-//# sourceMappingURL=PaginationInfos.mjs.map
+//# sourceMappingURL=PaginationInfos.mjs.map

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 \"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;;;;"}
+{"version":3,"file":"PaginationInfos.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Footer/components/PaginationInfos/PaginationInfos.tsx"],"sourcesContent":["import { useList } from \"@/components/List/hooks/useList\";\nimport type { TextProps } from \"@/components/Text\";\nimport SkeletonView from \"@/views/SkeletonView\";\nimport TextView from \"@/views/TextView\";\nimport type { FC } from \"react\";\nimport { useLocalizedStringFormatter } from \"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"],"mappings":";;;;;;;AAQA,IAAa,mBAAkC,UAAU;CACvD,MAAM,kBAAkB,4BAA4B,iBAAQ;CAE5D,MAAM,OAAO,SAAS;CACtB,MAAM,aAAa,KAAK;CACxB,MAAM,qBAAqB,KAAK,OAAO,uBAAuB;CAC9D,MAAM,UAAU,KAAK,YAAY;CAEjC,MAAM,kBAAkB,WAAW,oBAAoB;CACvD,MAAM,oBAAoB,WAAW,sBAAsB;AAE3D,KAAI,QACF,QAAO;CAGT,MAAM,OAAO,qBACX,oBAAC,cAAD,EAAc,OAAM,SAAU,CAAA,GAE9B,gBAAgB,OAAO,uBAAuB;EAC5C;EACA;EACD,CAAC;AAGJ,QAAO,oBAAC,UAAD;EAAU,GAAI;YAAQ;EAAgB,CAAA"}

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

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