@mittwald/flow-react-components 0.2.0-alpha.55 → 0.2.0-alpha.551

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

@@ -1,90 +0,0 @@
-"use client"
-/* */
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'react';
-import styles from '../../ListItemView.module.scss.mjs';
-import '../../../../../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../../../../../lib/propsContext/PropsContextProvider.mjs';
-import { dynamic } from '../../../../../../lib/propsContext/dynamicProps/dynamic.mjs';
-import clsx from 'clsx';
-
-const getStyleForContentSlot = (slot) => slot === "top" ? styles.topContent : slot === "bottom" ? styles.bottomContent : styles.topContent;
-const ListItemViewContent = (props) => {
-  const { children, avatar, title, subTitle, button, bottom, viewMode } = props;
-  const contentProps = {
-    bottom: {
-      onMouseDown: (e) => e.stopPropagation(),
-      onPointerDown: (e) => e.stopPropagation(),
-      className: styles.bottomContent
-    },
-    top: {
-      className: styles.topContent
-    }
-  };
-  const propsContext = {
-    ContextMenu: {
-      placement: "bottom end"
-    },
-    Button: {
-      className: styles.action
-    },
-    ActionGroup: {
-      className: styles.action,
-      ignoreBreakpoint: true
-    },
-    Content: {
-      className: dynamic((p) => getStyleForContentSlot(p.slot)),
-      onMouseDown: dynamic((p) => contentProps[p.slot ?? "top"]?.onMouseDown),
-      onPointerDown: dynamic(
-        (p) => contentProps[p.slot ?? "top"]?.onPointerDown
-      )
-    },
-    Avatar: {
-      className: styles.avatar
-    },
-    Heading: {
-      className: styles.heading,
-      level: 5,
-      Badge: { className: styles.badge },
-      AlertBadge: { className: styles.badge }
-    },
-    Text: {
-      className: styles.text
-    },
-    Link: {
-      unstyled: true
-    }
-  };
-  const className = clsx(styles.view, viewMode === "tiles" && styles.tile);
-  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: /* @__PURE__ */ jsxs("div", { className, children: [
-    viewMode === "list" && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: styles.contentWrapper, children: [
-        /* @__PURE__ */ jsxs("div", { className: styles.content, children: [
-          children,
-          /* @__PURE__ */ jsxs("div", { className: styles.title, children: [
-            avatar,
-            title,
-            /* @__PURE__ */ jsx("div", { className: styles.subTitle, children: subTitle })
-          ] })
-        ] }),
-        button
-      ] }),
-      bottom
-    ] }),
-    viewMode === "tiles" && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: styles.avatarContainer, children: avatar }),
-      /* @__PURE__ */ jsxs("div", { className: styles.content, children: [
-        /* @__PURE__ */ jsxs("div", { className: styles.title, children: [
-          title,
-          /* @__PURE__ */ jsx("div", { className: styles.subTitle, children: subTitle })
-        ] }),
-        button,
-        children,
-        bottom
-      ] })
-    ] })
-  ] }) });
-};
-
-export { ListItemViewContent, ListItemViewContent as default };
-//# sourceMappingURL=ListItemViewContent.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemViewContent.mjs","sources":["../../../../../../../../src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren, ReactNode } from \"react\";\nimport React from \"react\";\nimport styles from \"../../ListItemView.module.scss\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport type { ListViewMode } from \"@/components/List/model/types\";\nimport clsx from \"clsx\";\n\nexport type ListItemViewContentProps = PropsWithChildren & {\n  title?: ReactNode;\n  subTitle?: ReactNode;\n  avatar?: ReactNode;\n  button?: ReactNode;\n  bottom?: ReactNode;\n  viewMode?: ListViewMode;\n};\n\nconst getStyleForContentSlot = (slot?: string) =>\n  slot === \"top\"\n    ? styles.topContent\n    : slot === \"bottom\"\n      ? styles.bottomContent\n      : styles.topContent;\n\n/** @flr-generate all */\nexport const ListItemViewContent = (props: ListItemViewContentProps) => {\n  const { children, avatar, title, subTitle, button, bottom, viewMode } = props;\n\n  const contentProps: Record<string, ComponentProps<\"div\">> = {\n    bottom: {\n      onMouseDown: (e) => e.stopPropagation(),\n      onPointerDown: (e) => e.stopPropagation(),\n      className: styles.bottomContent,\n    },\n    top: {\n      className: styles.topContent,\n    },\n  };\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      placement: \"bottom end\",\n    },\n    Button: {\n      className: styles.action,\n    },\n    ActionGroup: {\n      className: styles.action,\n      ignoreBreakpoint: true,\n    },\n    Content: {\n      className: dynamic((p) => getStyleForContentSlot(p.slot)),\n      onMouseDown: dynamic((p) => contentProps[p.slot ?? \"top\"]?.onMouseDown),\n      onPointerDown: dynamic(\n        (p) => contentProps[p.slot ?? \"top\"]?.onPointerDown,\n      ),\n    },\n    Avatar: {\n      className: styles.avatar,\n    },\n    Heading: {\n      className: styles.heading,\n      level: 5,\n      Badge: { className: styles.badge },\n      AlertBadge: { className: styles.badge },\n    },\n    Text: {\n      className: styles.text,\n    },\n    Link: {\n      unstyled: true,\n    },\n  };\n\n  const className = clsx(styles.view, viewMode === \"tiles\" && styles.tile);\n\n  return (\n    <PropsContextProvider props={propsContext} mergeInParentContext>\n      <div className={className}>\n        {viewMode === \"list\" && (\n          <>\n            <div className={styles.contentWrapper}>\n              <div className={styles.content}>\n                {children}\n                <div className={styles.title}>\n                  {avatar}\n                  {title}\n                  <div className={styles.subTitle}>{subTitle}</div>\n                </div>\n              </div>\n              {button}\n            </div>\n            {bottom}\n          </>\n        )}\n\n        {viewMode === \"tiles\" && (\n          <>\n            <div className={styles.avatarContainer}>{avatar}</div>\n            <div className={styles.content}>\n              <div className={styles.title}>\n                {title}\n                <div className={styles.subTitle}>{subTitle}</div>\n              </div>\n              {button}\n              {children}\n              {bottom}\n            </div>\n          </>\n        )}\n      </div>\n    </PropsContextProvider>\n  );\n};\n\nexport default ListItemViewContent;\n"],"names":[],"mappings":"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"}

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

@@ -1,14 +0,0 @@
-"use client"
-/* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import styles from './ListSummary.module.scss.mjs';
-import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
-
-const ListSummary = flowComponent("ListSummary", (props) => {
-  const { children } = props;
-  return /* @__PURE__ */ jsx("header", { className: styles.listSummary, ...props, children });
-});
-
-export { ListSummary, ListSummary as default };
-//# sourceMappingURL=ListSummary.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ListSummary.mjs","sources":["../../../../../../src/components/List/components/ListSummary/ListSummary.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ListSummary.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface ListSummaryProps\n  extends FlowComponentProps,\n    PropsWithChildren {}\n\n/** @flr-generate all */\nexport const ListSummary = flowComponent(\"ListSummary\", (props) => {\n  const { children } = props;\n\n  return (\n    <header className={styles.listSummary} {...props}>\n      {children}\n    </header>\n  );\n});\n\nexport default ListSummary;\n"],"names":[],"mappings":";;;;;AAWO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AAErB,EAAA,2BACG,QAAO,EAAA,EAAA,SAAA,EAAW,OAAO,WAAc,EAAA,GAAG,OACxC,QACH,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

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

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

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

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

@@ -1,89 +0,0 @@
-"use client"
-/* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
-import 'react-aria-components';
-import clsx from 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
-import '@react-aria/utils';
-import 'remeda';
-import 'dot-prop';
-import '@tabler/icons-react';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'invariant';
-import 'react-aria';
-import '@chakra-ui/live-region';
-import 'mobx';
-import '../../../../lib/controller/overlay/context.mjs';
-import '../../../Action/context.mjs';
-import '../../../Action/models/ActionStateContext.mjs';
-import { useList } from '../../hooks/useList.mjs';
-import '../../listContext.mjs';
-import '../Header/components/ActiveFilters/ActiveFilters.mjs';
-import '../../model/List.mjs';
-import 'object-code';
-import 'react-children-utilities';
-import { TableLoadingView } from './components/TableLoadingView.mjs';
-import styles from './Table.module.css.mjs';
-import ListEmptyViewView from '../../../../views/ListEmptyViewView.mjs';
-import TableView from '../../../../views/TableView.mjs';
-import TableHeaderView from '../../../../views/TableHeaderView.mjs';
-import TableBodyView from '../../../../views/TableBodyView.mjs';
-import TableRowView from '../../../../views/TableRowView.mjs';
-import TableCellView from '../../../../views/TableCellView.mjs';
-import TableColumnView from '../../../../views/TableColumnView.mjs';
-
-const Table = () => {
-  const list = useList();
-  const table = list.table;
-  const listIsEmpty = list.useIsEmpty();
-  const isLoading = list.loader.useIsLoading();
-  const isInitiallyLoading = list.loader.useIsInitiallyLoading();
-  if (!table) {
-    return null;
-  }
-  if (isInitiallyLoading) {
-    return /* @__PURE__ */ jsx(TableLoadingView, { ...table.componentProps });
-  }
-  if (listIsEmpty) {
-    return /* @__PURE__ */ jsx(ListEmptyViewView, {});
-  }
-  const rowAction = table.list.onAction;
-  const tableClassName = clsx(
-    styles.table,
-    isLoading && styles.isLoading,
-    table.componentProps.className
-  );
-  return /* @__PURE__ */ jsxs(
-    TableView,
-    {
-      ...list.componentProps,
-      ...table.componentProps,
-      className: tableClassName,
-      children: [
-        /* @__PURE__ */ jsx(TableHeaderView, { ...table.header.componentProps, children: table.header.columns.map((col, i) => /* @__PURE__ */ jsx(TableColumnView, { ...col.componentProps }, i)) }),
-        /* @__PURE__ */ jsx(TableBodyView, { ...table.body.componentProps, children: list.items.entries.map((item) => /* @__PURE__ */ jsx(
-          TableRowView,
-          {
-            className: (props) => clsx(
-              styles.row,
-              rowAction && styles.hasAction,
-              table.body.row.componentProps.className,
-              props.isSelected && styles.isSelected
-            ),
-            id: item.id,
-            onAction: rowAction ? () => rowAction(item.data) : void 0,
-            ...table.body.row.componentProps,
-            children: table.body.row?.cells.map((cell, i) => /* @__PURE__ */ jsx(TableCellView, { ...cell.componentProps, children: cell.renderFn ? cell.renderFn(item.data, list) : void 0 }, i))
-          },
-          item.id
-        )) })
-      ]
-    }
-  );
-};
-
-export { Table };
-//# sourceMappingURL=Table.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Table.mjs","sources":["../../../../../../src/components/List/components/Table/Table.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { useList } from \"@/components/List\";\nimport { TableLoadingView } from \"@/components/List/components/Table/components/TableLoadingView\";\nimport styles from \"./Table.module.css\";\nimport clsx from \"clsx\";\nimport ListEmptyViewView from \"@/views/ListEmptyViewView\";\nimport TableView from \"@/views/TableView\";\nimport TableHeaderView from \"@/views/TableHeaderView\";\nimport TableBodyView from \"@/views/TableBodyView\";\nimport TableRowView from \"@/views/TableRowView\";\nimport TableCellView from \"@/views/TableCellView\";\nimport TableColumnView from \"@/views/TableColumnView\";\n\nexport const Table: FC = () => {\n  const list = useList();\n  const table = list.table;\n  const listIsEmpty = list.useIsEmpty();\n\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n  if (!table) {\n    return null;\n  }\n\n  if (isInitiallyLoading) {\n    return <TableLoadingView {...table.componentProps} />;\n  }\n\n  if (listIsEmpty) {\n    return <ListEmptyViewView />;\n  }\n\n  const rowAction = table.list.onAction;\n\n  const tableClassName = clsx(\n    styles.table,\n    isLoading && styles.isLoading,\n    table.componentProps.className,\n  );\n\n  return (\n    <TableView\n      {...list.componentProps}\n      {...table.componentProps}\n      className={tableClassName}\n    >\n      <TableHeaderView {...table.header.componentProps}>\n        {table.header.columns.map((col, i) => (\n          <TableColumnView key={i} {...col.componentProps} />\n        ))}\n      </TableHeaderView>\n      <TableBodyView {...table.body.componentProps}>\n        {list.items.entries.map((item) => (\n          <TableRowView\n            className={(props) =>\n              clsx(\n                styles.row,\n                rowAction && styles.hasAction,\n                table.body.row.componentProps.className,\n                props.isSelected && styles.isSelected,\n              )\n            }\n            key={item.id}\n            id={item.id}\n            onAction={rowAction ? () => rowAction(item.data) : undefined}\n            {...table.body.row.componentProps}\n          >\n            {table.body.row?.cells.map((cell, i) => (\n              <TableCellView key={i} {...cell.componentProps}>\n                {cell.renderFn ? cell.renderFn(item.data, list) : undefined}\n              </TableCellView>\n            ))}\n          </TableRowView>\n        ))}\n      </TableBodyView>\n    </TableView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,QAAY,MAAM;AAC7B,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAA,MAAM,QAAQ,IAAK,CAAA,KAAA;AACnB,EAAM,MAAA,WAAA,GAAc,KAAK,UAAW,EAAA;AAEpC,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,MAAA,CAAO,YAAa,EAAA;AAC3C,EAAM,MAAA,kBAAA,GAAqB,IAAK,CAAA,MAAA,CAAO,qBAAsB,EAAA;AAE7D,EAAA,IAAI,CAAC,KAAO,EAAA;AACV,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,IAAI,kBAAoB,EAAA;AACtB,IAAA,uBAAQ,GAAA,CAAA,gBAAA,EAAA,EAAkB,GAAG,KAAA,CAAM,cAAgB,EAAA,CAAA;AAAA;AAGrD,EAAA,IAAI,WAAa,EAAA;AACf,IAAA,2BAAQ,iBAAkB,EAAA,EAAA,CAAA;AAAA;AAG5B,EAAM,MAAA,SAAA,GAAY,MAAM,IAAK,CAAA,QAAA;AAE7B,EAAA,MAAM,cAAiB,GAAA,IAAA;AAAA,IACrB,MAAO,CAAA,KAAA;AAAA,IACP,aAAa,MAAO,CAAA,SAAA;AAAA,IACpB,MAAM,cAAe,CAAA;AAAA,GACvB;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAK,CAAA,cAAA;AAAA,MACR,GAAG,KAAM,CAAA,cAAA;AAAA,MACV,SAAW,EAAA,cAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,mBAAiB,GAAG,KAAA,CAAM,OAAO,cAC/B,EAAA,QAAA,EAAA,KAAA,CAAM,OAAO,OAAQ,CAAA,GAAA,CAAI,CAAC,GAAK,EAAA,CAAA,yBAC7B,eAAyB,EAAA,EAAA,GAAG,IAAI,cAAX,EAAA,EAAA,CAA2B,CAClD,CACH,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,aAAe,EAAA,EAAA,GAAG,KAAM,CAAA,IAAA,CAAK,cAC3B,EAAA,QAAA,EAAA,IAAA,CAAK,KAAM,CAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,IACvB,qBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,CAAC,KACV,KAAA,IAAA;AAAA,cACE,MAAO,CAAA,GAAA;AAAA,cACP,aAAa,MAAO,CAAA,SAAA;AAAA,cACpB,KAAA,CAAM,IAAK,CAAA,GAAA,CAAI,cAAe,CAAA,SAAA;AAAA,cAC9B,KAAA,CAAM,cAAc,MAAO,CAAA;AAAA,aAC7B;AAAA,YAGF,IAAI,IAAK,CAAA,EAAA;AAAA,YACT,UAAU,SAAY,GAAA,MAAM,SAAU,CAAA,IAAA,CAAK,IAAI,CAAI,GAAA,MAAA;AAAA,YAClD,GAAG,KAAM,CAAA,IAAA,CAAK,GAAI,CAAA,cAAA;AAAA,YAElB,QAAA,EAAA,KAAA,CAAM,KAAK,GAAK,EAAA,KAAA,CAAM,IAAI,CAAC,IAAA,EAAM,CAChC,qBAAA,GAAA,CAAC,aAAuB,EAAA,EAAA,GAAG,KAAK,cAC7B,EAAA,QAAA,EAAA,IAAA,CAAK,QAAW,GAAA,IAAA,CAAK,QAAS,CAAA,IAAA,CAAK,MAAM,IAAI,CAAA,GAAI,MADhC,EAAA,EAAA,CAEpB,CACD;AAAA,WAAA;AAAA,UATI,IAAK,CAAA;AAAA,SAWb,CACH,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -1,22 +0,0 @@
-"use client"
-/* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import { SkeletonText } from '../../../../SkeletonText/SkeletonText.mjs';
-import TableView from '../../../../../views/TableView.mjs';
-import TableColumnView from '../../../../../views/TableColumnView.mjs';
-import TableBodyView from '../../../../../views/TableBodyView.mjs';
-import TableRowView from '../../../../../views/TableRowView.mjs';
-import SkeletonTextView from '../../../../../views/SkeletonTextView.mjs';
-import TableHeaderView from '../../../../../views/TableHeaderView.mjs';
-import TableCellView from '../../../../../views/TableCellView.mjs';
-
-const TableLoadingView = (props) => {
-  return /* @__PURE__ */ jsxs(TableView, { ...props, children: [
-    /* @__PURE__ */ jsx(TableHeaderView, { children: /* @__PURE__ */ jsx(TableColumnView, { children: /* @__PURE__ */ jsx(SkeletonText, { width: "100%" }) }) }),
-    /* @__PURE__ */ jsx(TableBodyView, { children: Array.from(Array(5)).map((_, i) => /* @__PURE__ */ jsx(TableRowView, { children: /* @__PURE__ */ jsx(TableCellView, { children: /* @__PURE__ */ jsx(SkeletonTextView, { width: "100%" }) }) }, i)) })
-  ] });
-};
-
-export { TableLoadingView };
-//# sourceMappingURL=TableLoadingView.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableLoadingView.mjs","sources":["../../../../../../../src/components/List/components/Table/components/TableLoadingView.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { SkeletonText } from \"@/components/SkeletonText\";\nimport type { TableSupportedComponentProps } from \"@/components/List/model/table/types\";\nimport TableView from \"@/views/TableView\";\nimport TableColumnView from \"@/views/TableColumnView\";\nimport TableBodyView from \"@/views/TableBodyView\";\nimport TableRowView from \"@/views/TableRowView\";\nimport SkeletonTextView from \"@/views/SkeletonTextView\";\nimport TableHeaderView from \"@/views/TableHeaderView\";\nimport TableCellView from \"@/views/TableCellView\";\n\nexport const TableLoadingView: FC<TableSupportedComponentProps> = (props) => {\n  return (\n    <TableView {...props}>\n      <TableHeaderView>\n        <TableColumnView>\n          <SkeletonText width=\"100%\" />\n        </TableColumnView>\n      </TableHeaderView>\n      <TableBodyView>\n        {Array.from(Array(5)).map((_, i) => (\n          <TableRowView key={i}>\n            <TableCellView>\n              <SkeletonTextView width=\"100%\" />\n            </TableCellView>\n          </TableRowView>\n        ))}\n      </TableBodyView>\n    </TableView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAYa,MAAA,gBAAA,GAAqD,CAAC,KAAU,KAAA;AAC3E,EACE,uBAAA,IAAA,CAAC,SAAW,EAAA,EAAA,GAAG,KACb,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,eAAA,EAAA,EACC,8BAAC,eACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAa,KAAM,EAAA,MAAA,EAAO,GAC7B,CACF,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,aACE,EAAA,EAAA,QAAA,EAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,CAAC,CAAC,CAAA,CAAE,GAAI,CAAA,CAAC,CAAG,EAAA,CAAA,yBAC3B,YACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,aACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,KAAA,EAAM,QAAO,CACjC,EAAA,CAAA,EAAA,EAHiB,CAInB,CACD,CACH,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"useList.mjs","sources":["../../../../../src/components/List/hooks/useList.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { listContext } from \"@/components/List/listContext\";\nimport type List from \"@/components/List/model/List\";\n\nexport const useList = <T = never>() =>\n  useContext(listContext).list as unknown as List<T>;\n"],"names":[],"mappings":";;;AAIO,MAAM,OAAU,GAAA,MACrB,UAAW,CAAA,WAAW,CAAE,CAAA;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"listContext.mjs","sources":["../../../../src/components/List/listContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type List from \"@/components/List/model/List\";\n\ninterface ListContext {\n  list: List<never>;\n}\n\nexport const listContext = createContext<ListContext>({} as ListContext);\n"],"names":[],"mappings":";;AAOa,MAAA,WAAA,GAAc,aAA2B,CAAA,EAAiB;;;;"}

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

@@ -1,160 +0,0 @@
-"use client"
-/* */
-import { ItemCollection } from './item/ItemCollection.mjs';
-import { BatchesController } from './pagination/BatchesController.mjs';
-import { Filter } from './filter/Filter.mjs';
-import { Sorting } from './sorting/Sorting.mjs';
-import { ReactTable } from './ReactTable.mjs';
-import { IncrementalLoader } from './loading/IncrementalLoader.mjs';
-import invariant from 'invariant';
-import { Search } from './search/Search.mjs';
-import { ItemView } from './item/ItemView.mjs';
-import { Table } from './table/Table.mjs';
-import { useState, useEffect } from 'react';
-import { useSettings } from '../../SettingsProvider/SettingsProvider.mjs';
-import z from 'zod';
-
-class List {
-  static viewModeSettingsStorageSchema = z.enum(["list", "table", "tiles"]).optional();
-  filters;
-  itemView;
-  table;
-  search;
-  sorting;
-  items;
-  reactTable;
-  batches;
-  loader;
-  onAction;
-  accordion;
-  getItemId;
-  componentProps;
-  viewMode;
-  setViewMode;
-  supportsSettingsStorage;
-  settingStorageKey;
-  settingsStore;
-  viewModeStorageKey;
-  filterSettingsStorageKey;
-  constructor(shape) {
-    const {
-      settingStorageKey,
-      itemView,
-      table,
-      filters = [],
-      sorting = [],
-      batchesController,
-      onChange,
-      loader,
-      search,
-      onAction,
-      getItemId,
-      defaultViewMode,
-      accordion = false,
-      ...componentProps
-    } = shape;
-    this.settingsStore = useSettings();
-    this.settingStorageKey = settingStorageKey;
-    this.filterSettingsStorageKey = settingStorageKey ? `${settingStorageKey}.activeFilters` : void 0;
-    this.viewModeStorageKey = settingStorageKey ? `${settingStorageKey}.viewMode` : void 0;
-    this.supportsSettingsStorage = !!this.settingStorageKey;
-    this.items = new ItemCollection(this);
-    this.filters = filters.map((shape2) => new Filter(this, shape2));
-    this.sorting = sorting.map((shape2) => new Sorting(this, shape2));
-    this.search = search ? new Search(this, search) : void 0;
-    this.itemView = itemView ? new ItemView(this, itemView) : void 0;
-    this.accordion = accordion;
-    this.table = table ? new Table(this, table) : void 0;
-    this.batches = new BatchesController(this, batchesController);
-    this.componentProps = componentProps;
-    this.loader = IncrementalLoader.useNew(this, loader);
-    this.onAction = onAction;
-    this.getItemId = getItemId;
-    this.reactTable = ReactTable.useNew(this, onChange, {
-      manualFiltering: this.loader.manualFiltering,
-      manualPagination: this.loader.manualPagination,
-      manualSorting: this.loader.manualSorting
-    });
-    const [viewMode, setViewMode] = useState(
-      defaultViewMode ?? this.getStoredViewModeDefaultSetting() ?? "list"
-    );
-    this.viewMode = viewMode;
-    this.setViewMode = (viewMode2) => {
-      setViewMode(viewMode2);
-      if (this.settingsStore && this.viewModeStorageKey) {
-        this.settingsStore.set(
-          "List",
-          this.viewModeStorageKey,
-          List.viewModeSettingsStorageSchema,
-          viewMode2
-        );
-      }
-    };
-    useEffect(() => {
-      this.filters.forEach((f) => f.deleteUnknownFilterValues());
-    }, [this.filters]);
-  }
-  get isFiltered() {
-    return this.filters.some((f) => f.isActive()) || !!this.search && this.search.isSet;
-  }
-  get visibleSorting() {
-    return this.sorting.filter((s) => s.defaultEnabled !== "hidden");
-  }
-  static useNew(shape) {
-    return new List(shape);
-  }
-  storeFilterDefaultSettings() {
-    if (this.settingsStore && this.filterSettingsStorageKey) {
-      const data = Object.fromEntries(
-        this.filters.map((f) => [
-          f.property,
-          f.getArrayValue().filter((v) => v.isActive).map((v) => v.id)
-        ])
-      );
-      this.settingsStore.set(
-        "List",
-        this.filterSettingsStorageKey,
-        Filter.settingsStorageSchema,
-        data
-      );
-    }
-  }
-  getStoredFilterDefaultSettings() {
-    if (this.settingsStore && this.filterSettingsStorageKey) {
-      return this.settingsStore.get(
-        "List",
-        this.filterSettingsStorageKey,
-        Filter.settingsStorageSchema
-      );
-    }
-  }
-  getStoredViewModeDefaultSetting() {
-    if (this.settingsStore && this.viewModeStorageKey) {
-      return this.settingsStore.get(
-        "List",
-        this.viewModeStorageKey,
-        List.viewModeSettingsStorageSchema
-      );
-    }
-  }
-  getSorting(id) {
-    const sorting = this.sorting.find((s) => s.id === id);
-    invariant(!!sorting, `Could not get Sorting (ID: ${id})`);
-    return sorting;
-  }
-  clearSorting() {
-    return this.sorting.forEach((s) => s.clear());
-  }
-  resetFilters() {
-    return this.filters.forEach((f) => f.resetValues());
-  }
-  clearFilters() {
-    return this.filters.forEach((f) => f.clear());
-  }
-  useIsEmpty() {
-    return !this.loader.useIsLoading() && this.items.entries.length === 0;
-  }
-}
-
-export { List, List as default };
-//# sourceMappingURL=List.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"List.mjs","sources":["../../../../../src/components/List/model/List.ts"],"sourcesContent":["import { ItemCollection } from \"@/components/List/model/item/ItemCollection\";\nimport { BatchesController } from \"@/components/List/model/pagination/BatchesController\";\nimport { Filter } from \"./filter/Filter\";\nimport { Sorting } from \"@/components/List/model/sorting/Sorting\";\nimport ReactTable from \"@/components/List/model/ReactTable\";\nimport type {\n  GetItemId,\n  ItemActionFn,\n  ListShape,\n  ListSupportedComponentProps,\n  ListViewMode,\n} from \"@/components/List/model/types\";\nimport { IncrementalLoader } from \"@/components/List/model/loading/IncrementalLoader\";\nimport invariant from \"invariant\";\nimport { Search } from \"@/components/List/model/search/Search\";\nimport { ItemView } from \"@/components/List/model/item/ItemView\";\nimport { Table } from \"@/components/List/model/table/Table\";\nimport { useEffect, useState } from \"react\";\nimport { useSettings } from \"@/components/SettingsProvider/SettingsProvider\";\nimport type { SettingsStore } from \"@/components/SettingsProvider/models/SettingsStore\";\nimport z from \"zod\";\n\nexport class List<T> {\n  public static readonly viewModeSettingsStorageSchema = z\n    .enum([\"list\", \"table\", \"tiles\"])\n    .optional();\n  public readonly filters: Filter<T, never, never>[];\n  public readonly itemView?: ItemView<T>;\n  public readonly table?: Table<T>;\n  public readonly search?: Search<T>;\n  public readonly sorting: Sorting<T>[];\n  public readonly items: ItemCollection<T>;\n  public readonly reactTable: ReactTable<T>;\n  public readonly batches: BatchesController<T>;\n  public readonly loader: IncrementalLoader<T>;\n  public readonly onAction?: ItemActionFn<T>;\n  public readonly accordion: boolean;\n  public readonly getItemId?: GetItemId<T>;\n  public readonly componentProps: ListSupportedComponentProps;\n  public viewMode: ListViewMode;\n  public readonly setViewMode: (viewMode: ListViewMode) => void;\n  public readonly supportsSettingsStorage: boolean;\n  public readonly settingStorageKey?: string;\n  private readonly settingsStore?: SettingsStore;\n  private readonly viewModeStorageKey?: string;\n  private readonly filterSettingsStorageKey?: string;\n\n  public constructor(shape: ListShape<T>) {\n    const {\n      settingStorageKey,\n      itemView,\n      table,\n      filters = [],\n      sorting = [],\n      batchesController,\n      onChange,\n      loader,\n      search,\n      onAction,\n      getItemId,\n      defaultViewMode,\n      accordion = false,\n      ...componentProps\n    } = shape;\n\n    this.settingsStore = useSettings();\n    this.settingStorageKey = settingStorageKey;\n    this.filterSettingsStorageKey = settingStorageKey\n      ? `${settingStorageKey}.activeFilters`\n      : undefined;\n    this.viewModeStorageKey = settingStorageKey\n      ? `${settingStorageKey}.viewMode`\n      : undefined;\n    this.supportsSettingsStorage = !!this.settingStorageKey;\n\n    this.items = new ItemCollection(this);\n    this.filters = filters.map((shape) => new Filter(this, shape));\n    this.sorting = sorting.map((shape) => new Sorting<T>(this, shape));\n    this.search = search ? new Search(this, search) : undefined;\n    this.itemView = itemView ? new ItemView(this, itemView) : undefined;\n    this.accordion = accordion;\n    this.table = table ? new Table(this, table) : undefined;\n    this.batches = new BatchesController(this, batchesController);\n    this.componentProps = componentProps;\n    this.loader = IncrementalLoader.useNew<T>(this, loader);\n    this.onAction = onAction;\n    this.getItemId = getItemId;\n    this.reactTable = ReactTable.useNew(this, onChange, {\n      manualFiltering: this.loader.manualFiltering,\n      manualPagination: this.loader.manualPagination,\n      manualSorting: this.loader.manualSorting,\n    });\n\n    const [viewMode, setViewMode] = useState(\n      defaultViewMode ?? this.getStoredViewModeDefaultSetting() ?? \"list\",\n    );\n    this.viewMode = viewMode;\n\n    this.setViewMode = (viewMode) => {\n      setViewMode(viewMode);\n      if (this.settingsStore && this.viewModeStorageKey) {\n        this.settingsStore.set(\n          \"List\",\n          this.viewModeStorageKey,\n          List.viewModeSettingsStorageSchema,\n          viewMode,\n        );\n      }\n    };\n\n    useEffect(() => {\n      this.filters.forEach((f) => f.deleteUnknownFilterValues());\n    }, [this.filters]);\n  }\n\n  public get isFiltered(): boolean {\n    return (\n      this.filters.some((f) => f.isActive()) ||\n      (!!this.search && this.search.isSet)\n    );\n  }\n\n  public get visibleSorting() {\n    return this.sorting.filter((s) => s.defaultEnabled !== \"hidden\");\n  }\n\n  public static useNew<T>(shape: ListShape<T>): List<T> {\n    return new List<T>(shape);\n  }\n\n  public storeFilterDefaultSettings() {\n    if (this.settingsStore && this.filterSettingsStorageKey) {\n      const data = Object.fromEntries(\n        this.filters.map((f) => [\n          f.property,\n          f\n            .getArrayValue()\n            .filter((v) => v.isActive)\n            .map((v) => v.id),\n        ]),\n      );\n\n      this.settingsStore.set(\n        \"List\",\n        this.filterSettingsStorageKey,\n        Filter.settingsStorageSchema,\n        data,\n      );\n    }\n  }\n\n  public getStoredFilterDefaultSettings() {\n    if (this.settingsStore && this.filterSettingsStorageKey) {\n      return this.settingsStore.get(\n        \"List\",\n        this.filterSettingsStorageKey,\n        Filter.settingsStorageSchema,\n      );\n    }\n  }\n\n  public getStoredViewModeDefaultSetting() {\n    if (this.settingsStore && this.viewModeStorageKey) {\n      return this.settingsStore.get(\n        \"List\",\n        this.viewModeStorageKey,\n        List.viewModeSettingsStorageSchema,\n      );\n    }\n  }\n\n  public getSorting(id: string): Sorting<T> {\n    const sorting = this.sorting.find((s) => s.id === id);\n    invariant(!!sorting, `Could not get Sorting (ID: ${id})`);\n    return sorting;\n  }\n\n  public clearSorting(): void {\n    return this.sorting.forEach((s) => s.clear());\n  }\n\n  public resetFilters(): void {\n    return this.filters.forEach((f) => f.resetValues());\n  }\n\n  public clearFilters(): void {\n    return this.filters.forEach((f) => f.clear());\n  }\n\n  public useIsEmpty(): boolean {\n    return !this.loader.useIsLoading() && this.items.entries.length === 0;\n  }\n}\n\nexport default List;\n"],"names":["shape","viewMode"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReactTable.mjs","sources":["../../../../../src/components/List/model/ReactTable.ts"],"sourcesContent":["import type {\n  Column,\n  ColumnDef,\n  ColumnSort,\n  InitialTableState,\n  Table,\n  TableOptions,\n  Updater,\n} from \"@tanstack/react-table\";\nimport {\n  getCoreRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport type List from \"@/components/List/model/List\";\nimport invariant from \"invariant\";\nimport type {\n  OnListChanged,\n  PropertyName,\n} from \"@/components/List/model/types\";\nimport type { SearchValue } from \"@/components/List/model/search/types\";\nimport type { Dispatch, SetStateAction } from \"react\";\nimport { useEffect, useState } from \"react\";\n\nexport class ReactTable<T> {\n  public readonly list: List<T>;\n  public readonly table: Table<T>;\n  public readonly sortingState: ColumnSort[];\n  public readonly updateSortingState: Dispatch<SetStateAction<ColumnSort[]>>;\n\n  private constructor(\n    list: List<T>,\n    onChange?: OnListChanged<T>,\n    tableOptions: Partial<TableOptions<T>> = {},\n  ) {\n    this.list = list;\n\n    const defaultSorting = this.list.sorting.filter(\n      (s) => s.defaultEnabled !== false,\n    );\n\n    const [sortingState, updateSortingState] = useState<ColumnSort[]>(\n      defaultSorting.map((s) => s.getReactTableColumnSort()),\n    );\n    this.sortingState = sortingState;\n    this.updateSortingState = updateSortingState;\n    this.table = this.useReactTable(onChange, tableOptions);\n  }\n\n  public get searchString(): SearchValue {\n    return this.table.getState().globalFilter;\n  }\n\n  public static useNew<T>(\n    list: List<T>,\n    onChange?: OnListChanged<T>,\n    tableOptions: Partial<TableOptions<T>> = {},\n  ): ReactTable<T> {\n    return new ReactTable<T>(list, onChange, tableOptions);\n  }\n\n  public getTableColumn(property: PropertyName<T>): Column<T> {\n    const column = this.table.getColumn(property as string);\n    invariant(!!column, `Column #${property} is not defined`);\n    return column;\n  }\n\n  private useReactTable(\n    onChange?: OnListChanged<T>,\n    tableOptions: Partial<TableOptions<T>> = {},\n  ): Table<T> {\n    const data = this.list.loader.useData();\n\n    const initialState: InitialTableState = {\n      pagination: {\n        pageSize: this.list.batches.batchSize,\n      },\n      columnFilters: [],\n    };\n\n    for (const filter of this.list.filters) {\n      filter.updateInitialState(initialState);\n    }\n\n    this.list.search?.updateInitialState(initialState);\n\n    const table = useReactTable({\n      data,\n      state: {\n        sorting: this.sortingState,\n      },\n      getRowId: this.list.getItemId,\n      initialState,\n      columns: this.getTableColumnDefs(),\n      getCoreRowModel: getCoreRowModel(),\n      getSortedRowModel: getSortedRowModel(),\n      getFilteredRowModel: getFilteredRowModel(),\n      getPaginationRowModel: getPaginationRowModel(),\n      getFacetedUniqueValues: getFacetedUniqueValues(),\n      onSortingChange: (updater) => {\n        this.handleSortingStateUpdate(updater);\n      },\n      globalFilterFn: \"auto\",\n      ...tableOptions,\n    });\n\n    useEffect(() => {\n      if (onChange) {\n        onChange(this.list);\n      }\n    }, [this.list, onChange, table]);\n\n    return table;\n  }\n\n  private handleSortingStateUpdate(updater: Updater<ColumnSort[]>) {\n    const newSortingState =\n      typeof updater === \"function\" ? updater(this.sortingState) : updater;\n\n    const additionalHiddenSorting = this.list.sorting\n      .filter(\n        (s) =>\n          s.defaultEnabled === \"hidden\" &&\n          !newSortingState.some((existing) => existing.id === s.property),\n      )\n      .map((s) => s.getReactTableColumnSort());\n\n    this.updateSortingState([...additionalHiddenSorting, ...newSortingState]);\n  }\n\n  private getTableColumnDefs(): ColumnDef<T>[] {\n    const columnDefsMap = new Map<PropertyName<T>, ColumnDef<T>>();\n\n    const getOrCreateColumnDef = (p: PropertyName<T>): ColumnDef<T> => {\n      const existing = columnDefsMap.get(p);\n      if (existing) {\n        return existing;\n      }\n      const newDef: ColumnDef<T> = {\n        id: p as string,\n        accessorKey: p as string,\n        enableSorting: false,\n        enableColumnFilter: false,\n        sortingFn: \"alphanumeric\",\n      };\n\n      columnDefsMap.set(p, newDef);\n      return newDef;\n    };\n\n    this.list.filters.forEach((f) =>\n      f.updateTableColumnDef(getOrCreateColumnDef(f.property)),\n    );\n\n    this.list.sorting.forEach((s) =>\n      s.updateTableColumnDef(getOrCreateColumnDef(s.property)),\n    );\n\n    this.list.loader.staticDataProperties.forEach((property) => {\n      getOrCreateColumnDef(property);\n    });\n\n    return Array.from(columnDefsMap.values());\n  }\n}\n\nexport default ReactTable;\n"],"names":[],"mappings":"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"}