@contember/react-board 1.3.0-alpha.8

package/dist/development/Board.cjs

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactBinding = require("@contember/react-binding");
+const useDynamicBoard = require("./useDynamicBoard.cjs");
+const useStaticBoard = require("./useStaticBoard.cjs");
+const createBoard = ({ Renderer, ItemStaticRender, ColumnStaticRender }) => {
+  const TopLevelDynamicBoard = reactBinding.Component(({ entities, orderBy, limit, offset, columns, columnsSortableBy, discriminationField, sortableBy, sortScope, nullColumn, nullColumnPlacement, ...props }) => {
+    const itemsAccessor = reactBinding.useEntityListSubTree({ entities, orderBy, limit, offset });
+    const columnsAccessor = reactBinding.useEntityListSubTree({ entities: columns });
+    const dynamicBoardProps = useDynamicBoard.useDynamicBoard({
+      columnEntities: columnsAccessor,
+      itemEntities: itemsAccessor,
+      columns,
+      sortableBy,
+      sortScope,
+      columnsSortableBy,
+      discriminationField,
+      nullColumn,
+      nullColumnPlacement
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(Renderer, { ...dynamicBoardProps, ...props });
+  }, ({ entities, orderBy, limit, offset, columns, discriminationField, sortableBy, columnsSortableBy, ...props }) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(reactBinding.EntityListSubTree, { entities, orderBy, limit, offset, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(reactBinding.HasOne, { ...typeof discriminationField === "string" ? { field: discriminationField } : discriminationField }),
+        sortableBy && /* @__PURE__ */ jsxRuntime.jsx(reactBinding.Field, { ...typeof sortableBy === "string" ? { field: sortableBy } : sortableBy }),
+        ItemStaticRender && /* @__PURE__ */ jsxRuntime.jsx(ItemStaticRender, { ...props })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(reactBinding.EntityListSubTree, { entities: columns, children: [
+        columnsSortableBy && /* @__PURE__ */ jsxRuntime.jsx(reactBinding.Field, { ...typeof columnsSortableBy === "string" ? { field: columnsSortableBy } : columnsSortableBy }),
+        ColumnStaticRender && /* @__PURE__ */ jsxRuntime.jsx(ColumnStaticRender, { ...props })
+      ] })
+    ] });
+  });
+  const RelativeDynamicBoard = reactBinding.Component(({ field, orderBy, limit, offset, columns, columnsSortableBy, discriminationField, sortableBy, sortScope, nullColumn, nullColumnPlacement, ...props }) => {
+    const itemsAccessor = reactBinding.useEntityList({ field, orderBy, limit, offset });
+    const columnsAccessor = reactBinding.useEntityListSubTree({ entities: columns });
+    const dynamicBoardProps = useDynamicBoard.useDynamicBoard({
+      columnEntities: columnsAccessor,
+      itemEntities: itemsAccessor,
+      columns,
+      sortableBy,
+      sortScope,
+      columnsSortableBy,
+      discriminationField,
+      nullColumn,
+      nullColumnPlacement
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(Renderer, { ...dynamicBoardProps, ...props });
+  }, ({ field, orderBy, limit, offset, columns, discriminationField, sortableBy, columnsSortableBy, ...props }) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(reactBinding.HasMany, { field, orderBy, limit, offset, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(reactBinding.HasOne, { ...typeof discriminationField === "string" ? { field: discriminationField } : discriminationField }),
+        sortableBy && /* @__PURE__ */ jsxRuntime.jsx(reactBinding.Field, { ...typeof sortableBy === "string" ? { field: sortableBy } : sortableBy }),
+        ItemStaticRender && /* @__PURE__ */ jsxRuntime.jsx(ItemStaticRender, { ...props })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(reactBinding.EntityListSubTree, { entities: columns, children: [
+        columnsSortableBy && /* @__PURE__ */ jsxRuntime.jsx(reactBinding.Field, { ...typeof columnsSortableBy === "string" ? { field: columnsSortableBy } : columnsSortableBy }),
+        ColumnStaticRender && /* @__PURE__ */ jsxRuntime.jsx(ColumnStaticRender, { ...props })
+      ] })
+    ] });
+  });
+  const staticBoardItemInnerRender = ({ discriminationField, sortableBy, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactBinding.Field, { ...typeof discriminationField === "string" ? { field: discriminationField } : discriminationField }),
+    sortableBy && /* @__PURE__ */ jsxRuntime.jsx(reactBinding.Field, { ...typeof sortableBy === "string" ? { field: sortableBy } : sortableBy }),
+    ItemStaticRender && /* @__PURE__ */ jsxRuntime.jsx(ItemStaticRender, { ...props })
+  ] });
+  const TopLevelStaticBoard = reactBinding.Component(({ entities, orderBy, limit, offset, columns, discriminationField, sortableBy, sortScope, nullColumn, nullColumnPlacement, ...props }) => {
+    const itemsAccessor = reactBinding.useEntityListSubTree({ entities, orderBy, limit, offset });
+    const staticBoardProps = useStaticBoard.useStaticBoard({
+      itemEntities: itemsAccessor,
+      columns,
+      sortableBy,
+      sortScope,
+      discriminationField,
+      nullColumn,
+      nullColumnPlacement
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(Renderer, { ...staticBoardProps, ...props });
+  }, ({ entities, orderBy, limit, offset, columns, discriminationField, sortableBy, ...props }) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(reactBinding.EntityListSubTree, { entities, orderBy, limit, offset, children: staticBoardItemInnerRender({ sortableBy, discriminationField, ...props }) }) });
+  });
+  const RelativeStaticBoard = reactBinding.Component(({ field, orderBy, limit, offset, columns, discriminationField, sortableBy, sortScope, nullColumn, nullColumnPlacement, ...props }) => {
+    const itemsAccessor = reactBinding.useEntityList({ field, orderBy, limit, offset });
+    const staticBoardProps = useStaticBoard.useStaticBoard({
+      itemEntities: itemsAccessor,
+      columns,
+      sortableBy,
+      sortScope,
+      discriminationField,
+      nullColumn,
+      nullColumnPlacement
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(Renderer, { ...staticBoardProps, ...props });
+  }, ({ field, orderBy, limit, offset, columns, discriminationField, sortableBy, ...props }) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(reactBinding.HasMany, { field, orderBy, limit, offset, children: staticBoardItemInnerRender({ sortableBy, discriminationField, ...props }) }) });
+  });
+  return reactBinding.Component((props) => {
+    if ("entities" in props) {
+      if (Array.isArray(props.columns)) {
+        return /* @__PURE__ */ jsxRuntime.jsx(TopLevelStaticBoard, { ...props });
+      } else {
+        return /* @__PURE__ */ jsxRuntime.jsx(TopLevelDynamicBoard, { ...props });
+      }
+    } else {
+      if (Array.isArray(props.columns)) {
+        return /* @__PURE__ */ jsxRuntime.jsx(RelativeStaticBoard, { ...props });
+      } else {
+        return /* @__PURE__ */ jsxRuntime.jsx(RelativeDynamicBoard, { ...props });
+      }
+    }
+  });
+};
+exports.createBoard = createBoard;
+//# sourceMappingURL=Board.cjs.map

package/dist/development/Board.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Board.cjs","sources":["../../src/Board.tsx"],"sourcesContent":["import { Component, EntityListSubTree, Field, HasMany, HasOne, useEntityList, useEntityListSubTree } from '@contember/react-binding'\nimport { ComponentType } from 'react'\nimport { useDynamicBoard } from './useDynamicBoard'\nimport { useStaticBoard } from './useStaticBoard'\nimport { BoardBindingProps } from './BoardBindingProps'\nimport {\n\tBoardBaseProps,\n\tBoardQualifiedDynamicProps,\n\tBoardQualifiedStaticProps,\n\tBoardRelativeDynamicProps,\n\tBoardRelativeStaticProps,\n} from './types'\n\nexport type CreateBoardArgs<T extends {}> = {\n\tRenderer: ComponentType<BoardBindingProps<any> & T>\n\tItemStaticRender?: ComponentType<T>\n\tColumnStaticRender?: ComponentType<T>\n}\n\nexport const createBoard = <RendererExtraProps extends {}>({ Renderer, ItemStaticRender, ColumnStaticRender }: CreateBoardArgs<RendererExtraProps>) => {\n\n\tconst TopLevelDynamicBoard = Component<BoardQualifiedDynamicProps & RendererExtraProps>(({ entities, orderBy, limit, offset, columns, columnsSortableBy, discriminationField, sortableBy, sortScope, nullColumn, nullColumnPlacement, ...props }) => {\n\t\tconst itemsAccessor = useEntityListSubTree({ entities, orderBy, limit, offset })\n\t\tconst columnsAccessor = useEntityListSubTree({ entities: columns })\n\t\tconst dynamicBoardProps = useDynamicBoard({\n\t\t\tcolumnEntities: columnsAccessor,\n\t\t\titemEntities: itemsAccessor,\n\t\t\tcolumns,\n\t\t\tsortableBy,\n\t\t\tsortScope,\n\t\t\tcolumnsSortableBy,\n\t\t\tdiscriminationField,\n\t\t\tnullColumn,\n\t\t\tnullColumnPlacement,\n\t\t})\n\t\treturn (\n\t\t\t<Renderer {...dynamicBoardProps} {...props as RendererExtraProps} />\n\t\t)\n\t}, ({ entities, orderBy, limit, offset, columns, discriminationField, sortableBy, columnsSortableBy, ...props }) => {\n\t\treturn (<>\n\t\t\t<EntityListSubTree entities={entities} orderBy={orderBy} limit={limit} offset={offset}>\n\t\t\t\t<HasOne {...typeof discriminationField === 'string' ? { field: discriminationField } : discriminationField} />\n\t\t\t\t{sortableBy && <Field {...typeof sortableBy === 'string' ? { field: sortableBy } : sortableBy} />}\n\t\t\t\t{ItemStaticRender && <ItemStaticRender {...props as RendererExtraProps} />}\n\t\t\t</EntityListSubTree>\n\t\t\t<EntityListSubTree entities={columns}>\n\t\t\t\t{columnsSortableBy && <Field {...typeof columnsSortableBy === 'string' ? { field: columnsSortableBy } : columnsSortableBy} />}\n\t\t\t\t{ColumnStaticRender && <ColumnStaticRender {...props as RendererExtraProps} />}\n\t\t\t</EntityListSubTree>\n\t\t</>)\n\t})\n\n\n\n\tconst RelativeDynamicBoard = Component<BoardRelativeDynamicProps & RendererExtraProps>(({ field, orderBy, limit, offset, columns, columnsSortableBy, discriminationField, sortableBy, sortScope, nullColumn, nullColumnPlacement, ...props }) => {\n\t\tconst itemsAccessor = useEntityList({ field, orderBy, limit, offset })\n\t\tconst columnsAccessor = useEntityListSubTree({ entities: columns })\n\t\tconst dynamicBoardProps = useDynamicBoard({\n\t\t\tcolumnEntities: columnsAccessor,\n\t\t\titemEntities: itemsAccessor,\n\t\t\tcolumns,\n\t\t\tsortableBy,\n\t\t\tsortScope,\n\t\t\tcolumnsSortableBy,\n\t\t\tdiscriminationField,\n\t\t\tnullColumn,\n\t\t\tnullColumnPlacement,\n\t\t})\n\t\treturn (\n\t\t\t<Renderer {...dynamicBoardProps} {...props as RendererExtraProps} />\n\t\t)\n\t}, ({ field, orderBy, limit, offset, columns, discriminationField, sortableBy, columnsSortableBy, ...props }) => {\n\t\treturn (<>\n\t\t\t<HasMany field={field} orderBy={orderBy} limit={limit} offset={offset}>\n\t\t\t\t<HasOne {...typeof discriminationField === 'string' ? { field: discriminationField } : discriminationField} />\n\t\t\t\t{sortableBy && <Field {...typeof sortableBy === 'string' ? { field: sortableBy } : sortableBy} />}\n\t\t\t\t{ItemStaticRender && <ItemStaticRender {...props as RendererExtraProps} />}\n\t\t\t</HasMany>\n\t\t\t<EntityListSubTree entities={columns}>\n\t\t\t\t{columnsSortableBy && <Field {...typeof columnsSortableBy === 'string' ? { field: columnsSortableBy } : columnsSortableBy} />}\n\t\t\t\t{ColumnStaticRender && <ColumnStaticRender {...props as RendererExtraProps} />}\n\t\t\t</EntityListSubTree>\n\t\t</>)\n\t})\n\n\n\tconst staticBoardItemInnerRender = ({ discriminationField, sortableBy, ...props }: Pick<BoardQualifiedStaticProps, 'discriminationField' | 'sortableBy'> & RendererExtraProps) => <>\n\t\t<Field {...typeof discriminationField === 'string' ? { field: discriminationField } : discriminationField} />\n\t\t{sortableBy && <Field {...typeof sortableBy === 'string' ? { field: sortableBy } : sortableBy} />}\n\t\t{ItemStaticRender && <ItemStaticRender {...props as unknown as RendererExtraProps} />}\n\t</>\n\n\tconst TopLevelStaticBoard = Component<BoardQualifiedStaticProps & RendererExtraProps>(({ entities, orderBy, limit, offset, columns, discriminationField, sortableBy, sortScope, nullColumn, nullColumnPlacement, ...props }) => {\n\t\tconst itemsAccessor = useEntityListSubTree({ entities, orderBy, limit, offset })\n\t\tconst staticBoardProps = useStaticBoard({\n\t\t\titemEntities: itemsAccessor,\n\t\t\tcolumns,\n\t\t\tsortableBy,\n\t\t\tsortScope,\n\t\t\tdiscriminationField,\n\t\t\tnullColumn,\n\t\t\tnullColumnPlacement,\n\t\t})\n\t\treturn (\n\t\t\t<Renderer {...staticBoardProps} {...props as RendererExtraProps} />\n\t\t)\n\t}, ({ entities, orderBy, limit, offset, columns, discriminationField, sortableBy, ...props }) => {\n\t\treturn (<>\n\t\t\t<EntityListSubTree entities={entities} orderBy={orderBy} limit={limit} offset={offset}>\n\t\t\t\t{staticBoardItemInnerRender({ sortableBy, discriminationField, ...(props as RendererExtraProps) })}\n\t\t\t</EntityListSubTree>\n\t\t</>)\n\t})\n\n\n\tconst RelativeStaticBoard = Component<BoardRelativeStaticProps & RendererExtraProps>(({ field, orderBy, limit, offset, columns, discriminationField, sortableBy, sortScope, nullColumn, nullColumnPlacement, ...props }) => {\n\t\tconst itemsAccessor = useEntityList({ field, orderBy, limit, offset })\n\t\tconst staticBoardProps = useStaticBoard({\n\t\t\titemEntities: itemsAccessor,\n\t\t\tcolumns,\n\t\t\tsortableBy,\n\t\t\tsortScope,\n\t\t\tdiscriminationField,\n\t\t\tnullColumn,\n\t\t\tnullColumnPlacement,\n\t\t})\n\t\treturn (\n\t\t\t<Renderer {...staticBoardProps} {...props as RendererExtraProps} />\n\t\t)\n\t}, ({ field, orderBy, limit, offset, columns, discriminationField, sortableBy, ...props }) => {\n\t\treturn (<>\n\t\t\t<HasMany field={field} orderBy={orderBy} limit={limit} offset={offset}>\n\t\t\t\t{staticBoardItemInnerRender({ sortableBy, discriminationField, ...(props as RendererExtraProps) })}\n\t\t\t</HasMany>\n\t\t</>)\n\t})\n\n\n\n\treturn Component<BoardBaseProps<RendererExtraProps>>(props => {\n\t\tif ('entities' in props) {\n\t\t\tif (Array.isArray(props.columns)) {\n\t\t\t\treturn <TopLevelStaticBoard {...(props as BoardQualifiedStaticProps & RendererExtraProps)} />\n\t\t\t} else {\n\t\t\t\treturn <TopLevelDynamicBoard {...(props as BoardQualifiedDynamicProps & RendererExtraProps)} />\n\t\t\t}\n\t\t} else {\n\t\t\tif (Array.isArray(props.columns)) {\n\t\t\t\treturn <RelativeStaticBoard {...(props as BoardRelativeStaticProps & RendererExtraProps)} />\n\t\t\t} else {\n\t\t\t\treturn <RelativeDynamicBoard {...(props as BoardRelativeDynamicProps & RendererExtraProps)} />\n\t\t\t}\n\t\t}\n\t})\n\n}\n"],"names":["Component","useEntityListSubTree","useDynamicBoard","jsx","jsxs","Fragment","EntityListSubTree","HasOne","Field","useEntityList","HasMany","useStaticBoard"],"mappings":"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"}

package/dist/development/Board.js

@@ -0,0 +1,116 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Component, useEntityListSubTree, EntityListSubTree, HasOne, Field, useEntityList, HasMany } from "@contember/react-binding";
+import { useDynamicBoard } from "./useDynamicBoard.js";
+import { useStaticBoard } from "./useStaticBoard.js";
+const createBoard = ({ Renderer, ItemStaticRender, ColumnStaticRender }) => {
+  const TopLevelDynamicBoard = Component(({ entities, orderBy, limit, offset, columns, columnsSortableBy, discriminationField, sortableBy, sortScope, nullColumn, nullColumnPlacement, ...props }) => {
+    const itemsAccessor = useEntityListSubTree({ entities, orderBy, limit, offset });
+    const columnsAccessor = useEntityListSubTree({ entities: columns });
+    const dynamicBoardProps = useDynamicBoard({
+      columnEntities: columnsAccessor,
+      itemEntities: itemsAccessor,
+      columns,
+      sortableBy,
+      sortScope,
+      columnsSortableBy,
+      discriminationField,
+      nullColumn,
+      nullColumnPlacement
+    });
+    return /* @__PURE__ */ jsx(Renderer, { ...dynamicBoardProps, ...props });
+  }, ({ entities, orderBy, limit, offset, columns, discriminationField, sortableBy, columnsSortableBy, ...props }) => {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(EntityListSubTree, { entities, orderBy, limit, offset, children: [
+        /* @__PURE__ */ jsx(HasOne, { ...typeof discriminationField === "string" ? { field: discriminationField } : discriminationField }),
+        sortableBy && /* @__PURE__ */ jsx(Field, { ...typeof sortableBy === "string" ? { field: sortableBy } : sortableBy }),
+        ItemStaticRender && /* @__PURE__ */ jsx(ItemStaticRender, { ...props })
+      ] }),
+      /* @__PURE__ */ jsxs(EntityListSubTree, { entities: columns, children: [
+        columnsSortableBy && /* @__PURE__ */ jsx(Field, { ...typeof columnsSortableBy === "string" ? { field: columnsSortableBy } : columnsSortableBy }),
+        ColumnStaticRender && /* @__PURE__ */ jsx(ColumnStaticRender, { ...props })
+      ] })
+    ] });
+  });
+  const RelativeDynamicBoard = Component(({ field, orderBy, limit, offset, columns, columnsSortableBy, discriminationField, sortableBy, sortScope, nullColumn, nullColumnPlacement, ...props }) => {
+    const itemsAccessor = useEntityList({ field, orderBy, limit, offset });
+    const columnsAccessor = useEntityListSubTree({ entities: columns });
+    const dynamicBoardProps = useDynamicBoard({
+      columnEntities: columnsAccessor,
+      itemEntities: itemsAccessor,
+      columns,
+      sortableBy,
+      sortScope,
+      columnsSortableBy,
+      discriminationField,
+      nullColumn,
+      nullColumnPlacement
+    });
+    return /* @__PURE__ */ jsx(Renderer, { ...dynamicBoardProps, ...props });
+  }, ({ field, orderBy, limit, offset, columns, discriminationField, sortableBy, columnsSortableBy, ...props }) => {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(HasMany, { field, orderBy, limit, offset, children: [
+        /* @__PURE__ */ jsx(HasOne, { ...typeof discriminationField === "string" ? { field: discriminationField } : discriminationField }),
+        sortableBy && /* @__PURE__ */ jsx(Field, { ...typeof sortableBy === "string" ? { field: sortableBy } : sortableBy }),
+        ItemStaticRender && /* @__PURE__ */ jsx(ItemStaticRender, { ...props })
+      ] }),
+      /* @__PURE__ */ jsxs(EntityListSubTree, { entities: columns, children: [
+        columnsSortableBy && /* @__PURE__ */ jsx(Field, { ...typeof columnsSortableBy === "string" ? { field: columnsSortableBy } : columnsSortableBy }),
+        ColumnStaticRender && /* @__PURE__ */ jsx(ColumnStaticRender, { ...props })
+      ] })
+    ] });
+  });
+  const staticBoardItemInnerRender = ({ discriminationField, sortableBy, ...props }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Field, { ...typeof discriminationField === "string" ? { field: discriminationField } : discriminationField }),
+    sortableBy && /* @__PURE__ */ jsx(Field, { ...typeof sortableBy === "string" ? { field: sortableBy } : sortableBy }),
+    ItemStaticRender && /* @__PURE__ */ jsx(ItemStaticRender, { ...props })
+  ] });
+  const TopLevelStaticBoard = Component(({ entities, orderBy, limit, offset, columns, discriminationField, sortableBy, sortScope, nullColumn, nullColumnPlacement, ...props }) => {
+    const itemsAccessor = useEntityListSubTree({ entities, orderBy, limit, offset });
+    const staticBoardProps = useStaticBoard({
+      itemEntities: itemsAccessor,
+      columns,
+      sortableBy,
+      sortScope,
+      discriminationField,
+      nullColumn,
+      nullColumnPlacement
+    });
+    return /* @__PURE__ */ jsx(Renderer, { ...staticBoardProps, ...props });
+  }, ({ entities, orderBy, limit, offset, columns, discriminationField, sortableBy, ...props }) => {
+    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(EntityListSubTree, { entities, orderBy, limit, offset, children: staticBoardItemInnerRender({ sortableBy, discriminationField, ...props }) }) });
+  });
+  const RelativeStaticBoard = Component(({ field, orderBy, limit, offset, columns, discriminationField, sortableBy, sortScope, nullColumn, nullColumnPlacement, ...props }) => {
+    const itemsAccessor = useEntityList({ field, orderBy, limit, offset });
+    const staticBoardProps = useStaticBoard({
+      itemEntities: itemsAccessor,
+      columns,
+      sortableBy,
+      sortScope,
+      discriminationField,
+      nullColumn,
+      nullColumnPlacement
+    });
+    return /* @__PURE__ */ jsx(Renderer, { ...staticBoardProps, ...props });
+  }, ({ field, orderBy, limit, offset, columns, discriminationField, sortableBy, ...props }) => {
+    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(HasMany, { field, orderBy, limit, offset, children: staticBoardItemInnerRender({ sortableBy, discriminationField, ...props }) }) });
+  });
+  return Component((props) => {
+    if ("entities" in props) {
+      if (Array.isArray(props.columns)) {
+        return /* @__PURE__ */ jsx(TopLevelStaticBoard, { ...props });
+      } else {
+        return /* @__PURE__ */ jsx(TopLevelDynamicBoard, { ...props });
+      }
+    } else {
+      if (Array.isArray(props.columns)) {
+        return /* @__PURE__ */ jsx(RelativeStaticBoard, { ...props });
+      } else {
+        return /* @__PURE__ */ jsx(RelativeDynamicBoard, { ...props });
+      }
+    }
+  });
+};
+export {
+  createBoard
+};
+//# sourceMappingURL=Board.js.map

package/dist/development/Board.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Board.js","sources":["../../src/Board.tsx"],"sourcesContent":["import { Component, EntityListSubTree, Field, HasMany, HasOne, useEntityList, useEntityListSubTree } from '@contember/react-binding'\nimport { ComponentType } from 'react'\nimport { useDynamicBoard } from './useDynamicBoard'\nimport { useStaticBoard } from './useStaticBoard'\nimport { BoardBindingProps } from './BoardBindingProps'\nimport {\n\tBoardBaseProps,\n\tBoardQualifiedDynamicProps,\n\tBoardQualifiedStaticProps,\n\tBoardRelativeDynamicProps,\n\tBoardRelativeStaticProps,\n} from './types'\n\nexport type CreateBoardArgs<T extends {}> = {\n\tRenderer: ComponentType<BoardBindingProps<any> & T>\n\tItemStaticRender?: ComponentType<T>\n\tColumnStaticRender?: ComponentType<T>\n}\n\nexport const createBoard = <RendererExtraProps extends {}>({ Renderer, ItemStaticRender, ColumnStaticRender }: CreateBoardArgs<RendererExtraProps>) => {\n\n\tconst TopLevelDynamicBoard = Component<BoardQualifiedDynamicProps & RendererExtraProps>(({ entities, orderBy, limit, offset, columns, columnsSortableBy, discriminationField, sortableBy, sortScope, nullColumn, nullColumnPlacement, ...props }) => {\n\t\tconst itemsAccessor = useEntityListSubTree({ entities, orderBy, limit, offset })\n\t\tconst columnsAccessor = useEntityListSubTree({ entities: columns })\n\t\tconst dynamicBoardProps = useDynamicBoard({\n\t\t\tcolumnEntities: columnsAccessor,\n\t\t\titemEntities: itemsAccessor,\n\t\t\tcolumns,\n\t\t\tsortableBy,\n\t\t\tsortScope,\n\t\t\tcolumnsSortableBy,\n\t\t\tdiscriminationField,\n\t\t\tnullColumn,\n\t\t\tnullColumnPlacement,\n\t\t})\n\t\treturn (\n\t\t\t<Renderer {...dynamicBoardProps} {...props as RendererExtraProps} />\n\t\t)\n\t}, ({ entities, orderBy, limit, offset, columns, discriminationField, sortableBy, columnsSortableBy, ...props }) => {\n\t\treturn (<>\n\t\t\t<EntityListSubTree entities={entities} orderBy={orderBy} limit={limit} offset={offset}>\n\t\t\t\t<HasOne {...typeof discriminationField === 'string' ? { field: discriminationField } : discriminationField} />\n\t\t\t\t{sortableBy && <Field {...typeof sortableBy === 'string' ? { field: sortableBy } : sortableBy} />}\n\t\t\t\t{ItemStaticRender && <ItemStaticRender {...props as RendererExtraProps} />}\n\t\t\t</EntityListSubTree>\n\t\t\t<EntityListSubTree entities={columns}>\n\t\t\t\t{columnsSortableBy && <Field {...typeof columnsSortableBy === 'string' ? { field: columnsSortableBy } : columnsSortableBy} />}\n\t\t\t\t{ColumnStaticRender && <ColumnStaticRender {...props as RendererExtraProps} />}\n\t\t\t</EntityListSubTree>\n\t\t</>)\n\t})\n\n\n\n\tconst RelativeDynamicBoard = Component<BoardRelativeDynamicProps & RendererExtraProps>(({ field, orderBy, limit, offset, columns, columnsSortableBy, discriminationField, sortableBy, sortScope, nullColumn, nullColumnPlacement, ...props }) => {\n\t\tconst itemsAccessor = useEntityList({ field, orderBy, limit, offset })\n\t\tconst columnsAccessor = useEntityListSubTree({ entities: columns })\n\t\tconst dynamicBoardProps = useDynamicBoard({\n\t\t\tcolumnEntities: columnsAccessor,\n\t\t\titemEntities: itemsAccessor,\n\t\t\tcolumns,\n\t\t\tsortableBy,\n\t\t\tsortScope,\n\t\t\tcolumnsSortableBy,\n\t\t\tdiscriminationField,\n\t\t\tnullColumn,\n\t\t\tnullColumnPlacement,\n\t\t})\n\t\treturn (\n\t\t\t<Renderer {...dynamicBoardProps} {...props as RendererExtraProps} />\n\t\t)\n\t}, ({ field, orderBy, limit, offset, columns, discriminationField, sortableBy, columnsSortableBy, ...props }) => {\n\t\treturn (<>\n\t\t\t<HasMany field={field} orderBy={orderBy} limit={limit} offset={offset}>\n\t\t\t\t<HasOne {...typeof discriminationField === 'string' ? { field: discriminationField } : discriminationField} />\n\t\t\t\t{sortableBy && <Field {...typeof sortableBy === 'string' ? { field: sortableBy } : sortableBy} />}\n\t\t\t\t{ItemStaticRender && <ItemStaticRender {...props as RendererExtraProps} />}\n\t\t\t</HasMany>\n\t\t\t<EntityListSubTree entities={columns}>\n\t\t\t\t{columnsSortableBy && <Field {...typeof columnsSortableBy === 'string' ? { field: columnsSortableBy } : columnsSortableBy} />}\n\t\t\t\t{ColumnStaticRender && <ColumnStaticRender {...props as RendererExtraProps} />}\n\t\t\t</EntityListSubTree>\n\t\t</>)\n\t})\n\n\n\tconst staticBoardItemInnerRender = ({ discriminationField, sortableBy, ...props }: Pick<BoardQualifiedStaticProps, 'discriminationField' | 'sortableBy'> & RendererExtraProps) => <>\n\t\t<Field {...typeof discriminationField === 'string' ? { field: discriminationField } : discriminationField} />\n\t\t{sortableBy && <Field {...typeof sortableBy === 'string' ? { field: sortableBy } : sortableBy} />}\n\t\t{ItemStaticRender && <ItemStaticRender {...props as unknown as RendererExtraProps} />}\n\t</>\n\n\tconst TopLevelStaticBoard = Component<BoardQualifiedStaticProps & RendererExtraProps>(({ entities, orderBy, limit, offset, columns, discriminationField, sortableBy, sortScope, nullColumn, nullColumnPlacement, ...props }) => {\n\t\tconst itemsAccessor = useEntityListSubTree({ entities, orderBy, limit, offset })\n\t\tconst staticBoardProps = useStaticBoard({\n\t\t\titemEntities: itemsAccessor,\n\t\t\tcolumns,\n\t\t\tsortableBy,\n\t\t\tsortScope,\n\t\t\tdiscriminationField,\n\t\t\tnullColumn,\n\t\t\tnullColumnPlacement,\n\t\t})\n\t\treturn (\n\t\t\t<Renderer {...staticBoardProps} {...props as RendererExtraProps} />\n\t\t)\n\t}, ({ entities, orderBy, limit, offset, columns, discriminationField, sortableBy, ...props }) => {\n\t\treturn (<>\n\t\t\t<EntityListSubTree entities={entities} orderBy={orderBy} limit={limit} offset={offset}>\n\t\t\t\t{staticBoardItemInnerRender({ sortableBy, discriminationField, ...(props as RendererExtraProps) })}\n\t\t\t</EntityListSubTree>\n\t\t</>)\n\t})\n\n\n\tconst RelativeStaticBoard = Component<BoardRelativeStaticProps & RendererExtraProps>(({ field, orderBy, limit, offset, columns, discriminationField, sortableBy, sortScope, nullColumn, nullColumnPlacement, ...props }) => {\n\t\tconst itemsAccessor = useEntityList({ field, orderBy, limit, offset })\n\t\tconst staticBoardProps = useStaticBoard({\n\t\t\titemEntities: itemsAccessor,\n\t\t\tcolumns,\n\t\t\tsortableBy,\n\t\t\tsortScope,\n\t\t\tdiscriminationField,\n\t\t\tnullColumn,\n\t\t\tnullColumnPlacement,\n\t\t})\n\t\treturn (\n\t\t\t<Renderer {...staticBoardProps} {...props as RendererExtraProps} />\n\t\t)\n\t}, ({ field, orderBy, limit, offset, columns, discriminationField, sortableBy, ...props }) => {\n\t\treturn (<>\n\t\t\t<HasMany field={field} orderBy={orderBy} limit={limit} offset={offset}>\n\t\t\t\t{staticBoardItemInnerRender({ sortableBy, discriminationField, ...(props as RendererExtraProps) })}\n\t\t\t</HasMany>\n\t\t</>)\n\t})\n\n\n\n\treturn Component<BoardBaseProps<RendererExtraProps>>(props => {\n\t\tif ('entities' in props) {\n\t\t\tif (Array.isArray(props.columns)) {\n\t\t\t\treturn <TopLevelStaticBoard {...(props as BoardQualifiedStaticProps & RendererExtraProps)} />\n\t\t\t} else {\n\t\t\t\treturn <TopLevelDynamicBoard {...(props as BoardQualifiedDynamicProps & RendererExtraProps)} />\n\t\t\t}\n\t\t} else {\n\t\t\tif (Array.isArray(props.columns)) {\n\t\t\t\treturn <RelativeStaticBoard {...(props as BoardRelativeStaticProps & RendererExtraProps)} />\n\t\t\t} else {\n\t\t\t\treturn <RelativeDynamicBoard {...(props as BoardRelativeDynamicProps & RendererExtraProps)} />\n\t\t\t}\n\t\t}\n\t})\n\n}\n"],"names":[],"mappings":"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"}

package/dist/development/const.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const BoardNullColumnPlaceholder = "__null_column";
+exports.BoardNullColumnPlaceholder = BoardNullColumnPlaceholder;
+//# sourceMappingURL=const.cjs.map

package/dist/development/const.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.cjs","sources":["../../src/const.ts"],"sourcesContent":["export const BoardNullColumnPlaceholder = '__null_column'\n"],"names":[],"mappings":";;AAAO,MAAM,6BAA6B;;"}

package/dist/development/const.js

@@ -0,0 +1,5 @@
+const BoardNullColumnPlaceholder = "__null_column";
+export {
+  BoardNullColumnPlaceholder
+};
+//# sourceMappingURL=const.js.map

package/dist/development/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sources":["../../src/const.ts"],"sourcesContent":["export const BoardNullColumnPlaceholder = '__null_column'\n"],"names":[],"mappings":"AAAO,MAAM,6BAA6B;"}

package/dist/development/index.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Board = require("./Board.cjs");
+const _const = require("./const.cjs");
+const useDynamicBoard = require("./useDynamicBoard.cjs");
+const useStaticBoard = require("./useStaticBoard.cjs");
+exports.createBoard = Board.createBoard;
+exports.BoardNullColumnPlaceholder = _const.BoardNullColumnPlaceholder;
+exports.useDynamicBoard = useDynamicBoard.useDynamicBoard;
+exports.useStaticBoard = useStaticBoard.useStaticBoard;
+//# sourceMappingURL=index.cjs.map

package/dist/development/index.cjs.map

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

package/dist/development/index.js

@@ -0,0 +1,11 @@
+import { createBoard } from "./Board.js";
+import { BoardNullColumnPlaceholder } from "./const.js";
+import { useDynamicBoard } from "./useDynamicBoard.js";
+import { useStaticBoard } from "./useStaticBoard.js";
+export {
+  BoardNullColumnPlaceholder,
+  createBoard,
+  useDynamicBoard,
+  useStaticBoard
+};
+//# sourceMappingURL=index.js.map

package/dist/development/index.js.map

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

package/dist/development/internal/useBoardColumns.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const _const = require("../const.cjs");
+const useBoardColumns = ({ groupItemsByColumn, items, columns, nullColumn, nullColumnPlacement, columnIdGetter }) => {
+  return react.useMemo(() => {
+    const itemsByColumn = groupItemsByColumn(items);
+    const result = [];
+    let index = 0;
+    const nullItems = itemsByColumn.get(null) ?? [];
+    const pushNullColumn = () => {
+      if (nullColumn === "never") {
+        return;
+      }
+      if (nullColumn === "auto" && nullItems.length === 0) {
+        return;
+      }
+      result.push({
+        id: _const.BoardNullColumnPlaceholder,
+        index: index++,
+        value: null,
+        items: nullItems.map((it, index2) => ({ value: it, id: it.id, index: index2 }))
+      });
+    };
+    if (nullColumnPlacement === "start") {
+      index--;
+      pushNullColumn();
+    }
+    for (const column of columns) {
+      result.push({
+        id: columnIdGetter(column),
+        index: index++,
+        value: column,
+        items: itemsByColumn.get(columnIdGetter(column))?.map((it, index2) => ({ value: it, id: it.id, index: index2 })) ?? []
+      });
+    }
+    if (nullColumnPlacement !== "start") {
+      pushNullColumn();
+    }
+    return result;
+  }, [columnIdGetter, columns, groupItemsByColumn, items, nullColumn, nullColumnPlacement]);
+};
+exports.useBoardColumns = useBoardColumns;
+//# sourceMappingURL=useBoardColumns.cjs.map

package/dist/development/internal/useBoardColumns.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBoardColumns.cjs","sources":["../../../src/internal/useBoardColumns.ts"],"sourcesContent":["import { BoardColumn, BoardColumnValue } from '../BoardBindingProps'\nimport { useMemo } from 'react'\nimport { UseGroupItemsByColumn } from './useGroupItemsByColumn'\nimport { EntityListAccessor } from '@contember/react-binding'\nimport { BoardNullColumnPlaceholder } from '../const'\nimport { BoardNullBehaviourProps } from '../types'\n\nexport const useBoardColumns = <ColumnValue extends BoardColumnValue>({ groupItemsByColumn, items, columns, nullColumn, nullColumnPlacement, columnIdGetter }: {\n\titems: EntityListAccessor\n\tcolumns: Iterable<ColumnValue>\n\tcolumnIdGetter: (column: ColumnValue) => string | number\n\tgroupItemsByColumn: UseGroupItemsByColumn,\n} & BoardNullBehaviourProps): BoardColumn<ColumnValue>[] => {\n\n\treturn useMemo(() => {\n\t\tconst itemsByColumn = groupItemsByColumn(items)\n\n\t\tconst result: BoardColumn<ColumnValue>[] = []\n\t\tlet index = 0\n\t\tconst nullItems = itemsByColumn.get(null) ?? []\n\n\t\tconst pushNullColumn = () => {\n\t\t\tif (nullColumn === 'never') {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif (nullColumn === 'auto' && nullItems.length === 0) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tresult.push({\n\t\t\t\tid: BoardNullColumnPlaceholder,\n\t\t\t\tindex: index++,\n\t\t\t\tvalue: null,\n\t\t\t\titems: nullItems.map((it, index) => ({ value: it, id: it.id, index })),\n\t\t\t})\n\t\t}\n\n\t\tif (nullColumnPlacement === 'start') {\n\t\t\tindex--\n\t\t\tpushNullColumn()\n\t\t}\n\n\t\tfor (const column of columns) {\n\t\t\tresult.push({\n\t\t\t\tid: columnIdGetter(column),\n\t\t\t\tindex: index++,\n\t\t\t\tvalue: column,\n\t\t\t\titems: itemsByColumn.get(columnIdGetter(column))?.map((it, index) => ({ value: it, id: it.id, index })) ?? [],\n\t\t\t})\n\t\t}\n\n\t\tif (nullColumnPlacement !== 'start') {\n\t\t\tpushNullColumn()\n\t\t}\n\t\treturn result\n\t}, [columnIdGetter, columns, groupItemsByColumn, items, nullColumn, nullColumnPlacement])\n}\n"],"names":["useMemo","BoardNullColumnPlaceholder","index"],"mappings":";;;;AAOa,MAAA,kBAAkB,CAAuC,EAAE,oBAAoB,OAAO,SAAS,YAAY,qBAAqB,qBAKjF;AAE3D,SAAOA,cAAQ,MAAM;AACd,UAAA,gBAAgB,mBAAmB,KAAK;AAE9C,UAAM,SAAqC,CAAA;AAC3C,QAAI,QAAQ;AACZ,UAAM,YAAY,cAAc,IAAI,IAAI,KAAK,CAAA;AAE7C,UAAM,iBAAiB,MAAM;AAC5B,UAAI,eAAe,SAAS;AAC3B;AAAA,MACD;AACA,UAAI,eAAe,UAAU,UAAU,WAAW,GAAG;AACpD;AAAA,MACD;AAEA,aAAO,KAAK;AAAA,QACX,IAAIC,OAAA;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO,UAAU,IAAI,CAAC,IAAIC,YAAW,EAAE,OAAO,IAAI,IAAI,GAAG,IAAI,OAAAA,OAAQ,EAAA;AAAA,MAAA,CACrE;AAAA,IAAA;AAGF,QAAI,wBAAwB,SAAS;AACpC;AACe;IAChB;AAEA,eAAW,UAAU,SAAS;AAC7B,aAAO,KAAK;AAAA,QACX,IAAI,eAAe,MAAM;AAAA,QACzB,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO,cAAc,IAAI,eAAe,MAAM,CAAC,GAAG,IAAI,CAAC,IAAIA,YAAW,EAAE,OAAO,IAAI,IAAI,GAAG,IAAI,OAAAA,SAAQ,KAAK,CAAC;AAAA,MAAA,CAC5G;AAAA,IACF;AAEA,QAAI,wBAAwB,SAAS;AACrB;IAChB;AACO,WAAA;AAAA,EAAA,GACL,CAAC,gBAAgB,SAAS,oBAAoB,OAAO,YAAY,mBAAmB,CAAC;AACzF;;"}

package/dist/development/internal/useBoardColumns.js

@@ -0,0 +1,44 @@
+import { useMemo } from "react";
+import { BoardNullColumnPlaceholder } from "../const.js";
+const useBoardColumns = ({ groupItemsByColumn, items, columns, nullColumn, nullColumnPlacement, columnIdGetter }) => {
+  return useMemo(() => {
+    const itemsByColumn = groupItemsByColumn(items);
+    const result = [];
+    let index = 0;
+    const nullItems = itemsByColumn.get(null) ?? [];
+    const pushNullColumn = () => {
+      if (nullColumn === "never") {
+        return;
+      }
+      if (nullColumn === "auto" && nullItems.length === 0) {
+        return;
+      }
+      result.push({
+        id: BoardNullColumnPlaceholder,
+        index: index++,
+        value: null,
+        items: nullItems.map((it, index2) => ({ value: it, id: it.id, index: index2 }))
+      });
+    };
+    if (nullColumnPlacement === "start") {
+      index--;
+      pushNullColumn();
+    }
+    for (const column of columns) {
+      result.push({
+        id: columnIdGetter(column),
+        index: index++,
+        value: column,
+        items: itemsByColumn.get(columnIdGetter(column))?.map((it, index2) => ({ value: it, id: it.id, index: index2 })) ?? []
+      });
+    }
+    if (nullColumnPlacement !== "start") {
+      pushNullColumn();
+    }
+    return result;
+  }, [columnIdGetter, columns, groupItemsByColumn, items, nullColumn, nullColumnPlacement]);
+};
+export {
+  useBoardColumns
+};
+//# sourceMappingURL=useBoardColumns.js.map

package/dist/development/internal/useBoardColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBoardColumns.js","sources":["../../../src/internal/useBoardColumns.ts"],"sourcesContent":["import { BoardColumn, BoardColumnValue } from '../BoardBindingProps'\nimport { useMemo } from 'react'\nimport { UseGroupItemsByColumn } from './useGroupItemsByColumn'\nimport { EntityListAccessor } from '@contember/react-binding'\nimport { BoardNullColumnPlaceholder } from '../const'\nimport { BoardNullBehaviourProps } from '../types'\n\nexport const useBoardColumns = <ColumnValue extends BoardColumnValue>({ groupItemsByColumn, items, columns, nullColumn, nullColumnPlacement, columnIdGetter }: {\n\titems: EntityListAccessor\n\tcolumns: Iterable<ColumnValue>\n\tcolumnIdGetter: (column: ColumnValue) => string | number\n\tgroupItemsByColumn: UseGroupItemsByColumn,\n} & BoardNullBehaviourProps): BoardColumn<ColumnValue>[] => {\n\n\treturn useMemo(() => {\n\t\tconst itemsByColumn = groupItemsByColumn(items)\n\n\t\tconst result: BoardColumn<ColumnValue>[] = []\n\t\tlet index = 0\n\t\tconst nullItems = itemsByColumn.get(null) ?? []\n\n\t\tconst pushNullColumn = () => {\n\t\t\tif (nullColumn === 'never') {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif (nullColumn === 'auto' && nullItems.length === 0) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tresult.push({\n\t\t\t\tid: BoardNullColumnPlaceholder,\n\t\t\t\tindex: index++,\n\t\t\t\tvalue: null,\n\t\t\t\titems: nullItems.map((it, index) => ({ value: it, id: it.id, index })),\n\t\t\t})\n\t\t}\n\n\t\tif (nullColumnPlacement === 'start') {\n\t\t\tindex--\n\t\t\tpushNullColumn()\n\t\t}\n\n\t\tfor (const column of columns) {\n\t\t\tresult.push({\n\t\t\t\tid: columnIdGetter(column),\n\t\t\t\tindex: index++,\n\t\t\t\tvalue: column,\n\t\t\t\titems: itemsByColumn.get(columnIdGetter(column))?.map((it, index) => ({ value: it, id: it.id, index })) ?? [],\n\t\t\t})\n\t\t}\n\n\t\tif (nullColumnPlacement !== 'start') {\n\t\t\tpushNullColumn()\n\t\t}\n\t\treturn result\n\t}, [columnIdGetter, columns, groupItemsByColumn, items, nullColumn, nullColumnPlacement])\n}\n"],"names":["index"],"mappings":";;AAOa,MAAA,kBAAkB,CAAuC,EAAE,oBAAoB,OAAO,SAAS,YAAY,qBAAqB,qBAKjF;AAE3D,SAAO,QAAQ,MAAM;AACd,UAAA,gBAAgB,mBAAmB,KAAK;AAE9C,UAAM,SAAqC,CAAA;AAC3C,QAAI,QAAQ;AACZ,UAAM,YAAY,cAAc,IAAI,IAAI,KAAK,CAAA;AAE7C,UAAM,iBAAiB,MAAM;AAC5B,UAAI,eAAe,SAAS;AAC3B;AAAA,MACD;AACA,UAAI,eAAe,UAAU,UAAU,WAAW,GAAG;AACpD;AAAA,MACD;AAEA,aAAO,KAAK;AAAA,QACX,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO,UAAU,IAAI,CAAC,IAAIA,YAAW,EAAE,OAAO,IAAI,IAAI,GAAG,IAAI,OAAAA,OAAQ,EAAA;AAAA,MAAA,CACrE;AAAA,IAAA;AAGF,QAAI,wBAAwB,SAAS;AACpC;AACe;IAChB;AAEA,eAAW,UAAU,SAAS;AAC7B,aAAO,KAAK;AAAA,QACX,IAAI,eAAe,MAAM;AAAA,QACzB,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO,cAAc,IAAI,eAAe,MAAM,CAAC,GAAG,IAAI,CAAC,IAAIA,YAAW,EAAE,OAAO,IAAI,IAAI,GAAG,IAAI,OAAAA,SAAQ,KAAK,CAAC;AAAA,MAAA,CAC5G;AAAA,IACF;AAEA,QAAI,wBAAwB,SAAS;AACrB;IAChB;AACO,WAAA;AAAA,EAAA,GACL,CAAC,gBAAgB,SAAS,oBAAoB,OAAO,YAAY,mBAAmB,CAAC;AACzF;"}

package/dist/development/internal/useBoardItemsMethods.cjs

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const reactBinding = require("@contember/react-binding");
+const arrayMove = require("../utils/arrayMove.cjs");
+const useBoardItemsMethods = ({
+  itemEntities,
+  desugaredSortableByField,
+  connectItemToColumn,
+  groupItemsByColumn,
+  getDiscriminatorValue,
+  columnIdGetter,
+  sortScope = "column"
+}) => {
+  const itemEntitiesEntitiesGetter = itemEntities.getAccessor;
+  const getSortScopeItems = react.useCallback((column) => {
+    const itemEntities2 = itemEntitiesEntitiesGetter();
+    return sortScope === "column" ? groupItemsByColumn(itemEntities2).get(column)?.slice() ?? [] : reactBinding.sortEntities(Array.from(itemEntities2), desugaredSortableByField);
+  }, [desugaredSortableByField, groupItemsByColumn, itemEntitiesEntitiesGetter, sortScope]);
+  const resolveScopedIndex = react.useCallback((column, index) => {
+    if (index === void 0) {
+      return void 0;
+    }
+    if (sortScope === "column") {
+      return index;
+    }
+    const columnItems = groupItemsByColumn(itemEntities).get(column)?.slice() ?? [];
+    const columnOnIndex = columnItems[index];
+    if (!columnOnIndex) {
+      return void 0;
+    }
+    const sortScopeItems = getSortScopeItems(column);
+    return sortScopeItems.findIndex((it) => it.id === columnOnIndex.id) ?? sortScopeItems.length;
+  }, [getSortScopeItems, groupItemsByColumn, itemEntities, sortScope]);
+  const addItem = react.useCallback((column, index, preprocess) => {
+    const itemEntities2 = itemEntitiesEntitiesGetter();
+    const resolvedPreprocess = (getAccessor, options) => {
+      connectItemToColumn(getAccessor(), column);
+      preprocess?.(getAccessor, options);
+    };
+    if (!desugaredSortableByField) {
+      if (index === void 0) {
+        return itemEntities2.createNewEntity(resolvedPreprocess);
+      }
+      throw new reactBinding.BindingError("Cannot add item at specific index without sortableBy field");
+    }
+    const columnId = column ? columnIdGetter(column) : null;
+    const sortScopeItems = getSortScopeItems(columnId);
+    const resolvedIndex = resolveScopedIndex(columnId, index) ?? sortScopeItems.length;
+    itemEntities2.createNewEntity((getEntity, options) => {
+      sortScopeItems.splice(resolvedIndex, 0, getEntity());
+      reactBinding.repairEntitiesOrder(desugaredSortableByField, sortScopeItems);
+      resolvedPreprocess?.(getEntity, options);
+    });
+  }, [columnIdGetter, connectItemToColumn, desugaredSortableByField, getSortScopeItems, itemEntitiesEntitiesGetter, resolveScopedIndex]);
+  const moveItem = react.useMemo(() => {
+    if (!desugaredSortableByField) {
+      return void 0;
+    }
+    return (entity, column, index) => {
+      const currentColumn = getDiscriminatorValue(entity);
+      const columnId = column ? columnIdGetter(column) : null;
+      connectItemToColumn(entity, column);
+      if (currentColumn === columnId || sortScope === "board") {
+        const sortScopeItems = getSortScopeItems(columnId);
+        const currentIndex2 = sortScopeItems.findIndex((it) => it.id === entity.id);
+        const resolvedIndex = resolveScopedIndex(columnId, index) ?? sortScopeItems.length;
+        const resortedItems = arrayMove.arrayMove(sortScopeItems, currentIndex2, resolvedIndex);
+        reactBinding.repairEntitiesOrder(desugaredSortableByField, resortedItems);
+        return;
+      }
+      const itemEntities2 = itemEntitiesEntitiesGetter();
+      const groupedItems = groupItemsByColumn(itemEntities2);
+      const currentColumnItems = groupedItems.get(currentColumn ?? null)?.slice() ?? [];
+      const currentIndex = currentColumnItems.findIndex((it) => it.id === entity.id);
+      currentColumnItems.splice(currentIndex, 1);
+      reactBinding.repairEntitiesOrder(desugaredSortableByField, currentColumnItems);
+      const newColumnItems = groupedItems.get(columnId)?.slice() ?? [];
+      newColumnItems.splice(index, 0, entity);
+      reactBinding.repairEntitiesOrder(desugaredSortableByField, newColumnItems);
+    };
+  }, [columnIdGetter, connectItemToColumn, desugaredSortableByField, getDiscriminatorValue, getSortScopeItems, groupItemsByColumn, itemEntitiesEntitiesGetter, resolveScopedIndex, sortScope]);
+  const removeItem = react.useCallback((entity) => {
+    if (desugaredSortableByField) {
+      const currentColumn = getDiscriminatorValue(entity);
+      const sortScopeItems = getSortScopeItems(currentColumn);
+      const currentIndex = sortScopeItems.findIndex((it) => it.id === entity.id);
+      sortScopeItems.splice(currentIndex, 1);
+      reactBinding.repairEntitiesOrder(desugaredSortableByField, sortScopeItems);
+    }
+    entity.deleteEntity();
+  }, [desugaredSortableByField, getDiscriminatorValue, getSortScopeItems]);
+  return {
+    addItem,
+    moveItem,
+    removeItem
+  };
+};
+exports.useBoardItemsMethods = useBoardItemsMethods;
+//# sourceMappingURL=useBoardItemsMethods.cjs.map

package/dist/development/internal/useBoardItemsMethods.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBoardItemsMethods.cjs","sources":["../../../src/internal/useBoardItemsMethods.ts"],"sourcesContent":["import { BoardAddItemMethod, BoardColumnValue, BoardMethods, BoardMoveItemMethod, BoardRemoveItemMethod } from '../BoardBindingProps'\nimport { useCallback, useMemo } from 'react'\nimport {\n\tBatchUpdatesOptions,\n\tBindingError,\n\tEntityAccessor,\n\tEntityListAccessor,\n\tRelativeSingleField,\n\trepairEntitiesOrder, sortEntities,\n} from '@contember/react-binding'\nimport { BoardColumnKey, UseGroupItemsByColumn } from './useGroupItemsByColumn'\nimport { arrayMove } from '../utils/arrayMove'\n\n\nexport type UseBoardItemsMethodsProps<ColumnValue extends BoardColumnValue> = {\n\titemEntities: EntityListAccessor\n\tconnectItemToColumn: (item: EntityAccessor, column: ColumnValue | null) => void\n\tdesugaredSortableByField: RelativeSingleField | undefined\n\tsortScope?: 'column' | 'board'\n\tgroupItemsByColumn: UseGroupItemsByColumn,\n\tgetDiscriminatorValue: (entity: EntityAccessor) => BoardColumnKey\n\tcolumnIdGetter: (column: ColumnValue) => string | number\n}\n\nexport type BoardItemsMethods<ColumnValue extends BoardColumnValue> = Pick<BoardMethods<ColumnValue>, 'moveItem' | 'addItem' | 'removeItem'>\n\nexport const useBoardItemsMethods = <ColumnValue extends BoardColumnValue>({\n\titemEntities,\n\tdesugaredSortableByField,\n\tconnectItemToColumn,\n\tgroupItemsByColumn,\n\tgetDiscriminatorValue,\n\tcolumnIdGetter,\n\tsortScope = 'column',\n}: UseBoardItemsMethodsProps<ColumnValue>): BoardItemsMethods<ColumnValue> => {\n\n\tconst itemEntitiesEntitiesGetter = itemEntities.getAccessor\n\n\tconst getSortScopeItems = useCallback((column: string | number | null) => {\n\t\tconst itemEntities = itemEntitiesEntitiesGetter()\n\t\treturn sortScope === 'column'\n\t\t\t? groupItemsByColumn(itemEntities).get(column)?.slice() ?? []\n\t\t\t: sortEntities(Array.from(itemEntities), desugaredSortableByField)\n\t}, [desugaredSortableByField, groupItemsByColumn, itemEntitiesEntitiesGetter, sortScope])\n\n\tconst resolveScopedIndex = useCallback((column: string | number | null, index: number | undefined) => {\n\t\tif (index === undefined) {\n\t\t\treturn undefined\n\t\t}\n\t\tif (sortScope === 'column') {\n\t\t\treturn index\n\t\t}\n\t\tconst columnItems = groupItemsByColumn(itemEntities).get(column)?.slice() ?? []\n\t\tconst columnOnIndex = columnItems[index]\n\t\tif (!columnOnIndex) {\n\t\t\treturn undefined\n\t\t}\n\n\t\tconst sortScopeItems = getSortScopeItems(column)\n\t\treturn sortScopeItems.findIndex(it => it.id === columnOnIndex.id) ?? sortScopeItems.length\n\t}, [getSortScopeItems, groupItemsByColumn, itemEntities, sortScope])\n\n\tconst addItem = useCallback<BoardAddItemMethod<ColumnValue>>((column, index, preprocess) => {\n\t\tconst itemEntities = itemEntitiesEntitiesGetter()\n\t\tconst resolvedPreprocess = (getAccessor: () => EntityAccessor, options: BatchUpdatesOptions) => {\n\t\t\tconnectItemToColumn(getAccessor(), column)\n\t\t\tpreprocess?.(getAccessor, options)\n\t\t}\n\t\tif (!desugaredSortableByField) {\n\t\t\tif (index === undefined) {\n\t\t\t\treturn itemEntities.createNewEntity(resolvedPreprocess)\n\t\t\t}\n\t\t\tthrow new BindingError('Cannot add item at specific index without sortableBy field')\n\t\t}\n\t\tconst columnId = column ? columnIdGetter(column) : null\n\t\tconst sortScopeItems = getSortScopeItems(columnId)\n\n\t\tconst resolvedIndex = resolveScopedIndex(columnId, index) ?? sortScopeItems.length\n\n\n\t\titemEntities.createNewEntity((getEntity, options) => {\n\t\t\tsortScopeItems.splice(resolvedIndex, 0, getEntity())\n\t\t\trepairEntitiesOrder(desugaredSortableByField, sortScopeItems)\n\t\t\tresolvedPreprocess?.(getEntity, options)\n\t\t})\n\t}, [columnIdGetter, connectItemToColumn, desugaredSortableByField, getSortScopeItems, itemEntitiesEntitiesGetter, resolveScopedIndex])\n\n\n\tconst moveItem = useMemo<BoardMoveItemMethod<ColumnValue> | undefined>(() => {\n\t\tif (!desugaredSortableByField) {\n\t\t\treturn undefined\n\t\t}\n\t\treturn (entity, column, index) => {\n\t\t\tconst currentColumn = getDiscriminatorValue(entity)\n\t\t\tconst columnId = column ? columnIdGetter(column) : null\n\n\t\t\tconnectItemToColumn(entity, column)\n\n\t\t\tif (currentColumn === columnId || sortScope === 'board') {\n\t\t\t\tconst sortScopeItems = getSortScopeItems(columnId)\n\t\t\t\tconst currentIndex = sortScopeItems.findIndex(it => it.id === entity.id)\n\t\t\t\tconst resolvedIndex = resolveScopedIndex(columnId, index) ?? sortScopeItems.length\n\t\t\t\tconst resortedItems = arrayMove(sortScopeItems, currentIndex, resolvedIndex)\n\t\t\t\trepairEntitiesOrder(desugaredSortableByField, resortedItems)\n\t\t\t\treturn\n\t\t\t}\n\n\n\t\t\t// sort scope is column\n\t\t\tconst itemEntities = itemEntitiesEntitiesGetter()\n\t\t\tconst groupedItems = groupItemsByColumn(itemEntities)\n\n\t\t\tconst currentColumnItems = groupedItems.get(currentColumn ?? null)?.slice() ?? []\n\t\t\tconst currentIndex = currentColumnItems.findIndex(it => it.id === entity.id)\n\t\t\tcurrentColumnItems.splice(currentIndex, 1)\n\t\t\trepairEntitiesOrder(desugaredSortableByField, currentColumnItems)\n\n\t\t\tconst newColumnItems = groupedItems.get(columnId)?.slice() ?? []\n\t\t\tnewColumnItems.splice(index, 0, entity)\n\t\t\trepairEntitiesOrder(desugaredSortableByField, newColumnItems)\n\n\t\t}\n\t}, [columnIdGetter, connectItemToColumn, desugaredSortableByField, getDiscriminatorValue, getSortScopeItems, groupItemsByColumn, itemEntitiesEntitiesGetter, resolveScopedIndex, sortScope])\n\n\tconst removeItem = useCallback<BoardRemoveItemMethod>(entity => {\n\t\tif (desugaredSortableByField) {\n\t\t\tconst currentColumn = getDiscriminatorValue(entity)\n\t\t\tconst sortScopeItems = getSortScopeItems(currentColumn)\n\t\t\tconst currentIndex = sortScopeItems.findIndex(it => it.id === entity.id)\n\t\t\tsortScopeItems.splice(currentIndex, 1)\n\t\t\trepairEntitiesOrder(desugaredSortableByField, sortScopeItems)\n\t\t}\n\t\tentity.deleteEntity()\n\t}, [desugaredSortableByField, getDiscriminatorValue, getSortScopeItems])\n\n\treturn {\n\t\taddItem,\n\t\tmoveItem,\n\t\tremoveItem,\n\t}\n}\n"],"names":["useCallback","itemEntities","sortEntities","BindingError","repairEntitiesOrder","useMemo","currentIndex","arrayMove"],"mappings":"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"}