@mittwald/flow-react-components 0.2.0-alpha.9 → 0.2.0-alpha.90

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

@@ -0,0 +1,147 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ActionGroup } from '../ActionGroup/ActionGroup.mjs';
+import { DataLoader } from './components/DataLoader/DataLoader.mjs';
+import { Header } from './components/Header/Header.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 'react';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { deepFindOfType, deepFilterByType } from '../../lib/react/deepFindOfType.mjs';
+import { deepHas } from '../../lib/react/deepHas.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';
+
+const List = flowComponent("List", (props) => {
+  const { children, batchSize, onChange, ref, ...restProps } = props;
+  const listLoaderAsync = deepFindOfType(
+    children,
+    ListLoaderAsync
+  )?.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
+    } : 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
+    },
+    ...restProps
+  });
+  const propsContext = {
+    ActionGroup: {
+      tunnelId: "actions"
+    },
+    ListSummary: {
+      tunnelId: "listSummary"
+    }
+  };
+  const hasActionGroup = deepHas(children, ActionGroup);
+  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, { hasActionGroup }),
+          /* @__PURE__ */ jsxs(DivView, { 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, {})
+          ] }),
+          /* @__PURE__ */ jsx(Footer, {})
+        ] })
+      ]
+    }
+  ) }) });
+});
+
+export { List, List as default };
+//# sourceMappingURL=List.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.mjs","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { ActionGroup } from \"@/components/ActionGroup\";\nimport { DataLoader } from \"@/components/List/components/DataLoader\";\nimport { Header } from \"@/components/List/components/Header/Header\";\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 { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { deepFilterByType, deepFindOfType } from \"@/lib/react/deepFindOfType\";\nimport { deepHas } from \"@/lib/react/deepHas\";\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\";\n\nexport interface ListProps<T>\n  extends PropsWithChildren,\n    Omit<\n      ListShape<T>,\n      | \"search\"\n      | \"loader\"\n      | \"itemView\"\n      | \"table\"\n      | \"batchesController\"\n      | \"filters\"\n      | \"sorting\"\n    > {\n  /** The number of items to be displayed on one page. */\n  batchSize?: number;\n}\n\nexport const List = flowComponent(\"List\", (props) => {\n  const { children, batchSize, onChange, ref, ...restProps } = props;\n\n  const listLoaderAsync = deepFindOfType(\n    children,\n    ListLoaderAsync<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          : 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    ...restProps,\n  });\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      tunnelId: \"actions\",\n    },\n    ListSummary: {\n      tunnelId: \"listSummary\",\n    },\n  };\n\n  const hasActionGroup = deepHas(children, ActionGroup);\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 hasActionGroup={hasActionGroup} />\n\n            <DivView>\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            <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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"}

package/dist/js/components/List/List.module.css.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const list = "flow--list";
+const styles = {
+	list: list
+};
+
+export { styles as default, list };
+//# sourceMappingURL=List.module.css.mjs.map

package/dist/js/components/List/List.module.css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

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

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { useList } from '../../hooks/useList.mjs';
+import 'react';
+import { Render } from '../../../../lib/react/components/Render/Render.mjs';
+
+const DataLoader = () => {
+  const loaderHooks = useList().loader.getLoaderInvocationHooks();
+  return loaderHooks.map((useLoadData, i) => /* @__PURE__ */ jsx(Render, { children: () => {
+    useLoadData();
+  } }, i));
+};
+
+export { DataLoader, DataLoader as default };
+//# sourceMappingURL=DataLoader.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataLoader.mjs","sources":["../../../../../../src/components/List/components/DataLoader/DataLoader.tsx"],"sourcesContent":["import { useList } from \"@/components/List/hooks/useList\";\nimport React from \"react\";\nimport { Render } from \"@/lib/react/components/Render\";\n\nexport const DataLoader = () => {\n  const loaderHooks = useList().loader.getLoaderInvocationHooks();\n\n  return loaderHooks.map((useLoadData, i) => (\n    <Render key={i}>\n      {() => {\n        useLoadData();\n      }}\n    </Render>\n  ));\n};\n\nexport default DataLoader;\n"],"names":[],"mappings":";;;;;AAIO,MAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,WAAc,GAAA,OAAA,EAAU,CAAA,MAAA,CAAO,wBAAyB,EAAA;AAE9D,EAAA,OAAO,YAAY,GAAI,CAAA,CAAC,aAAa,CACnC,qBAAA,GAAA,CAAC,UACE,QAAM,EAAA,MAAA;AACL,IAAY,WAAA,EAAA;AAAA,GACd,EAAA,EAHW,CAIb,CACD,CAAA;AACH;;;;"}

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

@@ -0,0 +1,18 @@
+"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, {})
+  ] });
+};
+
+export { Footer, Footer as default };
+//# sourceMappingURL=Footer.mjs.map

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

@@ -0,0 +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,uBACG,IAAA,CAAA,OAAA,EAAA,EAAQ,SAAW,EAAA,MAAA,CAAO,MACzB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,CAAA;AAAA,wBAChB,mBAAoB,EAAA,EAAA;AAAA,GACvB,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/List/components/Footer/Footer.module.scss.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const footer = "flow--list--footer";
+const styles = {
+	footer: footer
+};
+
+export { styles as default, footer };
+//# sourceMappingURL=Footer.module.scss.mjs.map

package/dist/js/components/List/components/Footer/Footer.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

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

@@ -0,0 +1,29 @@
+"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 });
+};
+
+export { PaginationInfos, PaginationInfos as default };
+//# sourceMappingURL=PaginationInfos.mjs.map

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

@@ -0,0 +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":";;;;;;;AAQa,MAAA,eAAA,GAAiC,CAAC,KAAU,KAAA;AACvD,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAA,MAAM,aAAa,IAAK,CAAA,OAAA;AACxB,EAAM,MAAA,kBAAA,GAAqB,IAAK,CAAA,MAAA,CAAO,qBAAsB,EAAA;AAC7D,EAAM,MAAA,OAAA,GAAU,KAAK,UAAW,EAAA;AAEhC,EAAM,MAAA,eAAA,GAAkB,WAAW,kBAAmB,EAAA;AACtD,EAAM,MAAA,iBAAA,GAAoB,WAAW,oBAAqB,EAAA;AAE1D,EAAA,IAAI,OAAS,EAAA;AACX,IAAO,OAAA,IAAA;AAAA;AAGT,EAAM,MAAA,IAAA,GAAO,qCACV,GAAA,CAAA,YAAA,EAAA,EAAa,OAAM,OAAQ,EAAA,CAAA,GAE5B,eAAgB,CAAA,MAAA,CAAO,qBAAuB,EAAA;AAAA,IAC5C,iBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAGH,EAAA,uBAAQ,GAAA,CAAA,QAAA,EAAA,EAAU,GAAG,KAAA,EAAQ,QAAK,EAAA,IAAA,EAAA,CAAA;AACpC;;;;"}

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { Footer } from './Footer.mjs';
+
+
+
+export { Footer, Footer as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,40 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { SortingPicker } from './components/SortingPicker/SortingPicker.mjs';
+import { FilterPicker } from './components/FilterPicker/FilterPicker.mjs';
+import styles from './Header.module.css.mjs';
+import clsx from 'clsx';
+import { ActiveFilters } from './components/ActiveFilters/ActiveFilters.mjs';
+import { useList } from '../../hooks/useList.mjs';
+import { SearchField } from './components/SearchField/SearchField.mjs';
+import { ViewModeMenu } from './components/ViewModeMenu/ViewModeMenu.mjs';
+import { TunnelExit } from '@mittwald/react-tunnel';
+import DivView from '../../../../views/DivView.mjs';
+
+const Header = (props) => {
+  const { className, hasActionGroup } = props;
+  const list = useList();
+  if (list.filters.length === 0 && list.visibleSorting.length === 0 && !list.search && !list.table && !(list.itemView?.showTiles && list.itemView?.showList) && !hasActionGroup) {
+    return null;
+  }
+  const filterPickerList = list.filters.map((filter) => /* @__PURE__ */ jsx(FilterPicker, { filter }, filter.property));
+  return /* @__PURE__ */ jsxs(DivView, { className: clsx(className, styles.header), children: [
+    /* @__PURE__ */ jsxs(DivView, { className: styles.pickerListAndSearch, children: [
+      /* @__PURE__ */ jsxs(DivView, { className: styles.pickerList, children: [
+        /* @__PURE__ */ jsx(ViewModeMenu, {}),
+        /* @__PURE__ */ jsx(SortingPicker, {}),
+        filterPickerList
+      ] }),
+      /* @__PURE__ */ jsxs(DivView, { className: styles.searchAndActions, children: [
+        list.search && /* @__PURE__ */ jsx(SearchField, { className: styles.searchField, search: list.search }),
+        /* @__PURE__ */ jsx(TunnelExit, { id: "actions" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(ActiveFilters, {})
+  ] });
+};
+
+export { Header, Header as default };
+//# sourceMappingURL=Header.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.mjs","sources":["../../../../../../src/components/List/components/Header/Header.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { SortingPicker } from \"@/components/List/components/Header/components/SortingPicker\";\nimport FilterPicker from \"@/components/List/components/Header/components/FilterPicker\";\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 { ViewModeMenu } from \"@/components/List/components/Header/components/ViewModeMenu/ViewModeMenu\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport DivView from \"@/views/DivView\";\n\ninterface Props extends PropsWithClassName {\n  hasActionGroup?: boolean;\n}\n\nexport const Header: FC<Props> = (props) => {\n  const { className, hasActionGroup } = props;\n  const list = useList();\n\n  if (\n    list.filters.length === 0 &&\n    list.visibleSorting.length === 0 &&\n    !list.search &&\n    !list.table &&\n    !(list.itemView?.showTiles && list.itemView?.showList) &&\n    !hasActionGroup\n  ) {\n    return null;\n  }\n\n  const filterPickerList = list.filters.map((filter) => (\n    <FilterPicker key={filter.property} filter={filter} />\n  ));\n\n  return (\n    <DivView className={clsx(className, styles.header)}>\n      <DivView className={styles.pickerListAndSearch}>\n        <DivView className={styles.pickerList}>\n          <ViewModeMenu />\n          <SortingPicker />\n          {filterPickerList}\n        </DivView>\n        <DivView className={styles.searchAndActions}>\n          {list.search && (\n            <SearchField className={styles.searchField} search={list.search} />\n          )}\n          <TunnelExit id=\"actions\" />\n        </DivView>\n      </DivView>\n      <ActiveFilters />\n    </DivView>\n  );\n};\n\nexport default Header;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAkBa,MAAA,MAAA,GAAoB,CAAC,KAAU,KAAA;AAC1C,EAAM,MAAA,EAAE,SAAW,EAAA,cAAA,EAAmB,GAAA,KAAA;AACtC,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EACE,IAAA,IAAA,CAAK,QAAQ,MAAW,KAAA,CAAA,IACxB,KAAK,cAAe,CAAA,MAAA,KAAW,CAC/B,IAAA,CAAC,IAAK,CAAA,MAAA,IACN,CAAC,IAAK,CAAA,KAAA,IACN,EAAE,IAAK,CAAA,QAAA,EAAU,aAAa,IAAK,CAAA,QAAA,EAAU,QAC7C,CAAA,IAAA,CAAC,cACD,EAAA;AACA,IAAO,OAAA,IAAA;AAAA;AAGT,EAAM,MAAA,gBAAA,GAAmB,IAAK,CAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,MACzC,qBAAA,GAAA,CAAC,YAAmC,EAAA,EAAA,MAAA,EAAA,EAAjB,MAAO,CAAA,QAA0B,CACrD,CAAA;AAED,EAAA,4BACG,OAAQ,EAAA,EAAA,SAAA,EAAW,KAAK,SAAW,EAAA,MAAA,CAAO,MAAM,CAC/C,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,OAAA,EAAA,EAAQ,SAAW,EAAA,MAAA,CAAO,mBACzB,EAAA,QAAA,EAAA;AAAA,sBAAC,IAAA,CAAA,OAAA,EAAA,EAAQ,SAAW,EAAA,MAAA,CAAO,UACzB,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,CAAA;AAAA,4BACb,aAAc,EAAA,EAAA,CAAA;AAAA,QACd;AAAA,OACH,EAAA,CAAA;AAAA,sBACC,IAAA,CAAA,OAAA,EAAA,EAAQ,SAAW,EAAA,MAAA,CAAO,gBACxB,EAAA,QAAA,EAAA;AAAA,QAAK,IAAA,CAAA,MAAA,wBACH,WAAY,EAAA,EAAA,SAAA,EAAW,OAAO,WAAa,EAAA,MAAA,EAAQ,KAAK,MAAQ,EAAA,CAAA;AAAA,wBAEnE,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,SAAU,EAAA;AAAA,OAC3B,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,wBACC,aAAc,EAAA,EAAA;AAAA,GACjB,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,17 @@
+"use client"
+/* */
+const header = "flow--list--header";
+const pickerListAndSearch = "flow--list--header--picker-list-and-search";
+const pickerList = "flow--list--header--picker-list";
+const searchAndActions = "flow--list--header--search-and-actions";
+const searchField = "flow--list--header--search-field";
+const styles = {
+	header: header,
+	pickerListAndSearch: pickerListAndSearch,
+	pickerList: pickerList,
+	searchAndActions: searchAndActions,
+	searchField: searchField
+};
+
+export { styles as default, header, pickerList, pickerListAndSearch, searchAndActions, searchField };
+//# sourceMappingURL=Header.module.css.mjs.map

package/dist/js/components/List/components/Header/Header.module.css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,91 @@
+"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@8d5024994f97657f895a4e2a188d2d8a.mjs';
+import { Translate } from '../../../../../../lib/react/components/Translate/Translate.mjs';
+import { observer } from 'mobx-react-lite';
+import { useLocalizedStringFormatter } from 'react-aria';
+import { TooltipTrigger } from '../../../../../Tooltip/components/TooltipTrigger/TooltipTrigger.mjs';
+import 'react-aria-components';
+import 'clsx';
+import '@tabler/icons-react';
+import '@mittwald/react-tunnel';
+import '../../../../../../lib/slotContext/slotContext.mjs';
+import '@react-aria/utils';
+import '../../../../../../lib/propsContext/propsContext.mjs';
+import 'remeda';
+import 'dot-prop';
+import '../../../../../../lib/viewComponentContext/viewComponentContext.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 > 0 ? /* @__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, ActiveFilters as default };
+//# sourceMappingURL=ActiveFilters.mjs.map

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

@@ -0,0 +1 @@
+{"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 > 0 ? (\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/List/components/Header/components/ActiveFilters/ActiveFilters.module.scss.mjs

@@ -0,0 +1,8 @@
+"use client"
+/* */
+const activeFilters = "flow--list--header--active-filters";
+const styles = {
+	activeFilters: activeFilters};
+
+export { activeFilters, styles as default };
+//# sourceMappingURL=ActiveFilters.module.scss.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveFilters.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/js/components/List/components/Header/components/FilterPicker/FilterPicker.mjs

@@ -0,0 +1,60 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import '@tabler/icons-react';
+import 'clsx';
+import '@mittwald/react-tunnel';
+import '../../../../../../lib/slotContext/slotContext.mjs';
+import '@react-aria/utils';
+import '../../../../../../lib/propsContext/propsContext.mjs';
+import 'remeda';
+import 'dot-prop';
+import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import { IconFilter } from '../../../../../Icon/components/icons/IconFilter.mjs';
+import MenuItemView from '../../../../../../views/MenuItemView.mjs';
+import TextView from '../../../../../../views/TextView.mjs';
+import ButtonView from '../../../../../../views/ButtonView.mjs';
+import { ContextMenu } from '../../../../../ContextMenu/ContextMenu.mjs';
+import 'react-aria-components';
+import 'react-aria';
+import { ContextMenuTrigger } from '../../../../../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
+import 'mobx';
+import '../../../../../../lib/controller/overlay/context.mjs';
+import 'invariant';
+import '../../../../../Action/context.mjs';
+import '../../../../../Action/models/ActionStateContext.mjs';
+
+const FilterPicker = (props) => {
+  const { filter } = props;
+  const { values, mode, name, property } = filter;
+  const items = values.map((v) => /* @__PURE__ */ jsx(
+    MenuItemView,
+    {
+      id: v.id,
+      onAction: () => {
+        v.toggle();
+      },
+      children: v.render()
+    },
+    v.id
+  ));
+  const activeFilterKeys = values.filter((v) => v.isActive).map((v) => v.id);
+  return /* @__PURE__ */ jsxs(ContextMenuTrigger, { children: [
+    /* @__PURE__ */ jsxs(ButtonView, { variant: "outline", color: "secondary", children: [
+      /* @__PURE__ */ jsx(TextView, { children: name ?? property }),
+      /* @__PURE__ */ jsx(IconFilter, {})
+    ] }),
+    /* @__PURE__ */ jsx(
+      ContextMenu,
+      {
+        selectionMode: mode === "one" ? "single" : "multiple",
+        selectedKeys: activeFilterKeys,
+        children: items
+      }
+    )
+  ] });
+};
+
+export { FilterPicker };
+//# sourceMappingURL=FilterPicker.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPicker.mjs","sources":["../../../../../../../../src/components/List/components/Header/components/FilterPicker/FilterPicker.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { Filter } from \"@/components/List/model/filter/Filter\";\nimport { IconFilter } from \"@/components/Icon/components/icons\";\nimport MenuItemView from \"@/views/MenuItemView\";\nimport TextView from \"@/views/TextView\";\nimport ButtonView from \"@/views/ButtonView\";\nimport ContextMenu, { ContextMenuTrigger } from \"@/components/ContextMenu\";\n\ninterface Props {\n  filter: Filter<never, never, never>;\n}\n\nexport const FilterPicker: FC<Props> = (props) => {\n  const { filter } = props;\n\n  const { values, mode, name, property } = filter;\n\n  const items = values.map((v) => (\n    <MenuItemView\n      id={v.id}\n      key={v.id}\n      onAction={() => {\n        v.toggle();\n      }}\n    >\n      {v.render()}\n    </MenuItemView>\n  ));\n\n  const activeFilterKeys = values.filter((v) => v.isActive).map((v) => v.id);\n\n  return (\n    <ContextMenuTrigger>\n      <ButtonView variant=\"outline\" color=\"secondary\">\n        <TextView>{name ?? property}</TextView>\n        <IconFilter />\n      </ButtonView>\n      <ContextMenu\n        selectionMode={mode === \"one\" ? \"single\" : \"multiple\"}\n        selectedKeys={activeFilterKeys}\n      >\n        {items}\n      </ContextMenu>\n    </ContextMenuTrigger>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAaa,MAAA,YAAA,GAA0B,CAAC,KAAU,KAAA;AAChD,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA;AAEnB,EAAA,MAAM,EAAE,MAAA,EAAQ,IAAM,EAAA,IAAA,EAAM,UAAa,GAAA,MAAA;AAEzC,EAAA,MAAM,KAAQ,GAAA,MAAA,CAAO,GAAI,CAAA,CAAC,CACxB,qBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,IAAI,CAAE,CAAA,EAAA;AAAA,MAEN,UAAU,MAAM;AACd,QAAA,CAAA,CAAE,MAAO,EAAA;AAAA,OACX;AAAA,MAEC,YAAE,MAAO;AAAA,KAAA;AAAA,IALL,CAAE,CAAA;AAAA,GAOV,CAAA;AAED,EAAA,MAAM,gBAAmB,GAAA,MAAA,CAAO,MAAO,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,QAAQ,CAAA,CAAE,GAAI,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,EAAE,CAAA;AAEzE,EAAA,4BACG,kBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAM,WAClC,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,QAAA,EAAA,EAAU,kBAAQ,QAAS,EAAA,CAAA;AAAA,0BAC3B,UAAW,EAAA,EAAA;AAAA,KACd,EAAA,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAe,IAAS,KAAA,KAAA,GAAQ,QAAW,GAAA,UAAA;AAAA,QAC3C,YAAc,EAAA,gBAAA;AAAA,QAEb,QAAA,EAAA;AAAA;AAAA;AACH,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/List/components/Header/components/FilterPicker/index.mjs

@@ -0,0 +1,6 @@
+import { FilterPicker } from './FilterPicker.mjs';
+
+
+
+export { FilterPicker, FilterPicker as default };
+//# sourceMappingURL=index.mjs.map

package/dist/js/components/List/components/Header/components/FilterPicker/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}