@contember/react-board 1.3.0-alpha.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (108) hide show
  1. package/dist/development/Board.cjs +116 -0
  2. package/dist/development/Board.cjs.map +1 -0
  3. package/dist/development/Board.js +116 -0
  4. package/dist/development/Board.js.map +1 -0
  5. package/dist/development/const.cjs +5 -0
  6. package/dist/development/const.cjs.map +1 -0
  7. package/dist/development/const.js +5 -0
  8. package/dist/development/const.js.map +1 -0
  9. package/dist/development/index.cjs +11 -0
  10. package/dist/development/index.cjs.map +1 -0
  11. package/dist/development/index.js +11 -0
  12. package/dist/development/index.js.map +1 -0
  13. package/dist/development/internal/useBoardColumns.cjs +44 -0
  14. package/dist/development/internal/useBoardColumns.cjs.map +1 -0
  15. package/dist/development/internal/useBoardColumns.js +44 -0
  16. package/dist/development/internal/useBoardColumns.js.map +1 -0
  17. package/dist/development/internal/useBoardItemsMethods.cjs +100 -0
  18. package/dist/development/internal/useBoardItemsMethods.cjs.map +1 -0
  19. package/dist/development/internal/useBoardItemsMethods.js +100 -0
  20. package/dist/development/internal/useBoardItemsMethods.js.map +1 -0
  21. package/dist/development/internal/useGroupItemsByColumn.cjs +19 -0
  22. package/dist/development/internal/useGroupItemsByColumn.cjs.map +1 -0
  23. package/dist/development/internal/useGroupItemsByColumn.js +19 -0
  24. package/dist/development/internal/useGroupItemsByColumn.js.map +1 -0
  25. package/dist/development/useDynamicBoard.cjs +99 -0
  26. package/dist/development/useDynamicBoard.cjs.map +1 -0
  27. package/dist/development/useDynamicBoard.js +99 -0
  28. package/dist/development/useDynamicBoard.js.map +1 -0
  29. package/dist/development/useStaticBoard.cjs +51 -0
  30. package/dist/development/useStaticBoard.cjs.map +1 -0
  31. package/dist/development/useStaticBoard.js +51 -0
  32. package/dist/development/useStaticBoard.js.map +1 -0
  33. package/dist/development/utils/arrayMove.cjs +9 -0
  34. package/dist/development/utils/arrayMove.cjs.map +1 -0
  35. package/dist/development/utils/arrayMove.js +9 -0
  36. package/dist/development/utils/arrayMove.js.map +1 -0
  37. package/dist/production/Board.cjs +116 -0
  38. package/dist/production/Board.cjs.map +1 -0
  39. package/dist/production/Board.js +116 -0
  40. package/dist/production/Board.js.map +1 -0
  41. package/dist/production/const.cjs +5 -0
  42. package/dist/production/const.cjs.map +1 -0
  43. package/dist/production/const.js +5 -0
  44. package/dist/production/const.js.map +1 -0
  45. package/dist/production/index.cjs +11 -0
  46. package/dist/production/index.cjs.map +1 -0
  47. package/dist/production/index.js +11 -0
  48. package/dist/production/index.js.map +1 -0
  49. package/dist/production/internal/useBoardColumns.cjs +44 -0
  50. package/dist/production/internal/useBoardColumns.cjs.map +1 -0
  51. package/dist/production/internal/useBoardColumns.js +44 -0
  52. package/dist/production/internal/useBoardColumns.js.map +1 -0
  53. package/dist/production/internal/useBoardItemsMethods.cjs +100 -0
  54. package/dist/production/internal/useBoardItemsMethods.cjs.map +1 -0
  55. package/dist/production/internal/useBoardItemsMethods.js +100 -0
  56. package/dist/production/internal/useBoardItemsMethods.js.map +1 -0
  57. package/dist/production/internal/useGroupItemsByColumn.cjs +19 -0
  58. package/dist/production/internal/useGroupItemsByColumn.cjs.map +1 -0
  59. package/dist/production/internal/useGroupItemsByColumn.js +19 -0
  60. package/dist/production/internal/useGroupItemsByColumn.js.map +1 -0
  61. package/dist/production/useDynamicBoard.cjs +99 -0
  62. package/dist/production/useDynamicBoard.cjs.map +1 -0
  63. package/dist/production/useDynamicBoard.js +99 -0
  64. package/dist/production/useDynamicBoard.js.map +1 -0
  65. package/dist/production/useStaticBoard.cjs +51 -0
  66. package/dist/production/useStaticBoard.cjs.map +1 -0
  67. package/dist/production/useStaticBoard.js +51 -0
  68. package/dist/production/useStaticBoard.js.map +1 -0
  69. package/dist/production/utils/arrayMove.cjs +9 -0
  70. package/dist/production/utils/arrayMove.cjs.map +1 -0
  71. package/dist/production/utils/arrayMove.js +9 -0
  72. package/dist/production/utils/arrayMove.js.map +1 -0
  73. package/dist/types/Board.d.ts +10 -0
  74. package/dist/types/Board.d.ts.map +1 -0
  75. package/dist/types/BoardBindingProps.d.ts +36 -0
  76. package/dist/types/BoardBindingProps.d.ts.map +1 -0
  77. package/dist/types/const.d.ts +2 -0
  78. package/dist/types/const.d.ts.map +1 -0
  79. package/dist/types/index.d.ts +7 -0
  80. package/dist/types/index.d.ts.map +1 -0
  81. package/dist/types/internal/useBoardColumns.d.ts +11 -0
  82. package/dist/types/internal/useBoardColumns.d.ts.map +1 -0
  83. package/dist/types/internal/useBoardItemsMethods.d.ts +15 -0
  84. package/dist/types/internal/useBoardItemsMethods.d.ts.map +1 -0
  85. package/dist/types/internal/useGroupItemsByColumn.d.ts +5 -0
  86. package/dist/types/internal/useGroupItemsByColumn.d.ts.map +1 -0
  87. package/dist/types/tsconfig.tsbuildinfo +1 -0
  88. package/dist/types/types.d.ts +31 -0
  89. package/dist/types/types.d.ts.map +1 -0
  90. package/dist/types/useDynamicBoard.d.ts +9 -0
  91. package/dist/types/useDynamicBoard.d.ts.map +1 -0
  92. package/dist/types/useStaticBoard.d.ts +8 -0
  93. package/dist/types/useStaticBoard.d.ts.map +1 -0
  94. package/dist/types/utils/arrayMove.d.ts +2 -0
  95. package/dist/types/utils/arrayMove.d.ts.map +1 -0
  96. package/package.json +48 -0
  97. package/src/Board.tsx +156 -0
  98. package/src/BoardBindingProps.ts +45 -0
  99. package/src/const.ts +1 -0
  100. package/src/index.ts +6 -0
  101. package/src/internal/useBoardColumns.ts +57 -0
  102. package/src/internal/useBoardItemsMethods.ts +141 -0
  103. package/src/internal/useGroupItemsByColumn.ts +19 -0
  104. package/src/tsconfig.json +9 -0
  105. package/src/types.ts +64 -0
  106. package/src/useDynamicBoard.ts +135 -0
  107. package/src/useStaticBoard.ts +64 -0
  108. package/src/utils/arrayMove.ts +5 -0
@@ -0,0 +1,100 @@
1
+ import { useCallback, useMemo } from "react";
2
+ import { sortEntities, BindingError, repairEntitiesOrder } from "@contember/react-binding";
3
+ import { arrayMove } from "../utils/arrayMove.js";
4
+ const useBoardItemsMethods = ({
5
+ itemEntities,
6
+ desugaredSortableByField,
7
+ connectItemToColumn,
8
+ groupItemsByColumn,
9
+ getDiscriminatorValue,
10
+ columnIdGetter,
11
+ sortScope = "column"
12
+ }) => {
13
+ const itemEntitiesEntitiesGetter = itemEntities.getAccessor;
14
+ const getSortScopeItems = useCallback((column) => {
15
+ const itemEntities2 = itemEntitiesEntitiesGetter();
16
+ return sortScope === "column" ? groupItemsByColumn(itemEntities2).get(column)?.slice() ?? [] : sortEntities(Array.from(itemEntities2), desugaredSortableByField);
17
+ }, [desugaredSortableByField, groupItemsByColumn, itemEntitiesEntitiesGetter, sortScope]);
18
+ const resolveScopedIndex = useCallback((column, index) => {
19
+ if (index === void 0) {
20
+ return void 0;
21
+ }
22
+ if (sortScope === "column") {
23
+ return index;
24
+ }
25
+ const columnItems = groupItemsByColumn(itemEntities).get(column)?.slice() ?? [];
26
+ const columnOnIndex = columnItems[index];
27
+ if (!columnOnIndex) {
28
+ return void 0;
29
+ }
30
+ const sortScopeItems = getSortScopeItems(column);
31
+ return sortScopeItems.findIndex((it) => it.id === columnOnIndex.id) ?? sortScopeItems.length;
32
+ }, [getSortScopeItems, groupItemsByColumn, itemEntities, sortScope]);
33
+ const addItem = useCallback((column, index, preprocess) => {
34
+ const itemEntities2 = itemEntitiesEntitiesGetter();
35
+ const resolvedPreprocess = (getAccessor, options) => {
36
+ connectItemToColumn(getAccessor(), column);
37
+ preprocess?.(getAccessor, options);
38
+ };
39
+ if (!desugaredSortableByField) {
40
+ if (index === void 0) {
41
+ return itemEntities2.createNewEntity(resolvedPreprocess);
42
+ }
43
+ throw new BindingError("Cannot add item at specific index without sortableBy field");
44
+ }
45
+ const columnId = column ? columnIdGetter(column) : null;
46
+ const sortScopeItems = getSortScopeItems(columnId);
47
+ const resolvedIndex = resolveScopedIndex(columnId, index) ?? sortScopeItems.length;
48
+ itemEntities2.createNewEntity((getEntity, options) => {
49
+ sortScopeItems.splice(resolvedIndex, 0, getEntity());
50
+ repairEntitiesOrder(desugaredSortableByField, sortScopeItems);
51
+ resolvedPreprocess?.(getEntity, options);
52
+ });
53
+ }, [columnIdGetter, connectItemToColumn, desugaredSortableByField, getSortScopeItems, itemEntitiesEntitiesGetter, resolveScopedIndex]);
54
+ const moveItem = useMemo(() => {
55
+ if (!desugaredSortableByField) {
56
+ return void 0;
57
+ }
58
+ return (entity, column, index) => {
59
+ const currentColumn = getDiscriminatorValue(entity);
60
+ const columnId = column ? columnIdGetter(column) : null;
61
+ connectItemToColumn(entity, column);
62
+ if (currentColumn === columnId || sortScope === "board") {
63
+ const sortScopeItems = getSortScopeItems(columnId);
64
+ const currentIndex2 = sortScopeItems.findIndex((it) => it.id === entity.id);
65
+ const resolvedIndex = resolveScopedIndex(columnId, index) ?? sortScopeItems.length;
66
+ const resortedItems = arrayMove(sortScopeItems, currentIndex2, resolvedIndex);
67
+ repairEntitiesOrder(desugaredSortableByField, resortedItems);
68
+ return;
69
+ }
70
+ const itemEntities2 = itemEntitiesEntitiesGetter();
71
+ const groupedItems = groupItemsByColumn(itemEntities2);
72
+ const currentColumnItems = groupedItems.get(currentColumn ?? null)?.slice() ?? [];
73
+ const currentIndex = currentColumnItems.findIndex((it) => it.id === entity.id);
74
+ currentColumnItems.splice(currentIndex, 1);
75
+ repairEntitiesOrder(desugaredSortableByField, currentColumnItems);
76
+ const newColumnItems = groupedItems.get(columnId)?.slice() ?? [];
77
+ newColumnItems.splice(index, 0, entity);
78
+ repairEntitiesOrder(desugaredSortableByField, newColumnItems);
79
+ };
80
+ }, [columnIdGetter, connectItemToColumn, desugaredSortableByField, getDiscriminatorValue, getSortScopeItems, groupItemsByColumn, itemEntitiesEntitiesGetter, resolveScopedIndex, sortScope]);
81
+ const removeItem = useCallback((entity) => {
82
+ if (desugaredSortableByField) {
83
+ const currentColumn = getDiscriminatorValue(entity);
84
+ const sortScopeItems = getSortScopeItems(currentColumn);
85
+ const currentIndex = sortScopeItems.findIndex((it) => it.id === entity.id);
86
+ sortScopeItems.splice(currentIndex, 1);
87
+ repairEntitiesOrder(desugaredSortableByField, sortScopeItems);
88
+ }
89
+ entity.deleteEntity();
90
+ }, [desugaredSortableByField, getDiscriminatorValue, getSortScopeItems]);
91
+ return {
92
+ addItem,
93
+ moveItem,
94
+ removeItem
95
+ };
96
+ };
97
+ export {
98
+ useBoardItemsMethods
99
+ };
100
+ //# sourceMappingURL=useBoardItemsMethods.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useBoardItemsMethods.js","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":["itemEntities","currentIndex"],"mappings":"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"}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const reactBinding = require("@contember/react-binding");
4
+ const react = require("react");
5
+ const useGroupItemsByColumn = (getDiscriminatorValue, sortBy) => {
6
+ return react.useCallback((itemEntities) => {
7
+ const itemsByColumn = /* @__PURE__ */ new Map();
8
+ for (const item of reactBinding.sortEntities(Array.from(itemEntities), sortBy)) {
9
+ const discriminatedBy = getDiscriminatorValue(item);
10
+ if (!itemsByColumn.has(discriminatedBy)) {
11
+ itemsByColumn.set(discriminatedBy, []);
12
+ }
13
+ itemsByColumn.get(discriminatedBy)?.push(item);
14
+ }
15
+ return itemsByColumn;
16
+ }, [getDiscriminatorValue, sortBy]);
17
+ };
18
+ exports.useGroupItemsByColumn = useGroupItemsByColumn;
19
+ //# sourceMappingURL=useGroupItemsByColumn.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useGroupItemsByColumn.cjs","sources":["../../../src/internal/useGroupItemsByColumn.ts"],"sourcesContent":["import { EntityAccessor, EntityId, EntityListAccessor, RelativeSingleField, sortEntities } from '@contember/react-binding'\nimport { useCallback } from 'react'\n\nexport type BoardColumnKey = string | EntityId | null\nexport type UseGroupItemsByColumn = (itemEntities: EntityListAccessor) => Map<BoardColumnKey, EntityAccessor[]>\nexport const useGroupItemsByColumn = (getDiscriminatorValue: (entity: EntityAccessor) => BoardColumnKey, sortBy: RelativeSingleField | undefined): UseGroupItemsByColumn => {\n\treturn useCallback((itemEntities: EntityListAccessor) => {\n\t\tconst itemsByColumn = new Map<BoardColumnKey, EntityAccessor[]>()\n\n\t\tfor (const item of sortEntities(Array.from(itemEntities), sortBy)) {\n\t\t\tconst discriminatedBy = getDiscriminatorValue(item)\n\t\t\tif (!itemsByColumn.has(discriminatedBy)) {\n\t\t\t\titemsByColumn.set(discriminatedBy, [])\n\t\t\t}\n\t\t\titemsByColumn.get(discriminatedBy)?.push(item)\n\t\t}\n\t\treturn itemsByColumn\n\t}, [getDiscriminatorValue, sortBy])\n}\n"],"names":["useCallback","sortEntities"],"mappings":";;;;AAKa,MAAA,wBAAwB,CAAC,uBAAmE,WAAmE;AACpK,SAAAA,MAAAA,YAAY,CAAC,iBAAqC;AAClD,UAAA,oCAAoB;AAE1B,eAAW,QAAQC,0BAAa,MAAM,KAAK,YAAY,GAAG,MAAM,GAAG;AAC5D,YAAA,kBAAkB,sBAAsB,IAAI;AAClD,UAAI,CAAC,cAAc,IAAI,eAAe,GAAG;AAC1B,sBAAA,IAAI,iBAAiB,CAAA,CAAE;AAAA,MACtC;AACA,oBAAc,IAAI,eAAe,GAAG,KAAK,IAAI;AAAA,IAC9C;AACO,WAAA;AAAA,EAAA,GACL,CAAC,uBAAuB,MAAM,CAAC;AACnC;;"}
@@ -0,0 +1,19 @@
1
+ import { sortEntities } from "@contember/react-binding";
2
+ import { useCallback } from "react";
3
+ const useGroupItemsByColumn = (getDiscriminatorValue, sortBy) => {
4
+ return useCallback((itemEntities) => {
5
+ const itemsByColumn = /* @__PURE__ */ new Map();
6
+ for (const item of sortEntities(Array.from(itemEntities), sortBy)) {
7
+ const discriminatedBy = getDiscriminatorValue(item);
8
+ if (!itemsByColumn.has(discriminatedBy)) {
9
+ itemsByColumn.set(discriminatedBy, []);
10
+ }
11
+ itemsByColumn.get(discriminatedBy)?.push(item);
12
+ }
13
+ return itemsByColumn;
14
+ }, [getDiscriminatorValue, sortBy]);
15
+ };
16
+ export {
17
+ useGroupItemsByColumn
18
+ };
19
+ //# sourceMappingURL=useGroupItemsByColumn.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useGroupItemsByColumn.js","sources":["../../../src/internal/useGroupItemsByColumn.ts"],"sourcesContent":["import { EntityAccessor, EntityId, EntityListAccessor, RelativeSingleField, sortEntities } from '@contember/react-binding'\nimport { useCallback } from 'react'\n\nexport type BoardColumnKey = string | EntityId | null\nexport type UseGroupItemsByColumn = (itemEntities: EntityListAccessor) => Map<BoardColumnKey, EntityAccessor[]>\nexport const useGroupItemsByColumn = (getDiscriminatorValue: (entity: EntityAccessor) => BoardColumnKey, sortBy: RelativeSingleField | undefined): UseGroupItemsByColumn => {\n\treturn useCallback((itemEntities: EntityListAccessor) => {\n\t\tconst itemsByColumn = new Map<BoardColumnKey, EntityAccessor[]>()\n\n\t\tfor (const item of sortEntities(Array.from(itemEntities), sortBy)) {\n\t\t\tconst discriminatedBy = getDiscriminatorValue(item)\n\t\t\tif (!itemsByColumn.has(discriminatedBy)) {\n\t\t\t\titemsByColumn.set(discriminatedBy, [])\n\t\t\t}\n\t\t\titemsByColumn.get(discriminatedBy)?.push(item)\n\t\t}\n\t\treturn itemsByColumn\n\t}, [getDiscriminatorValue, sortBy])\n}\n"],"names":[],"mappings":";;AAKa,MAAA,wBAAwB,CAAC,uBAAmE,WAAmE;AACpK,SAAA,YAAY,CAAC,iBAAqC;AAClD,UAAA,oCAAoB;AAE1B,eAAW,QAAQ,aAAa,MAAM,KAAK,YAAY,GAAG,MAAM,GAAG;AAC5D,YAAA,kBAAkB,sBAAsB,IAAI;AAClD,UAAI,CAAC,cAAc,IAAI,eAAe,GAAG;AAC1B,sBAAA,IAAI,iBAAiB,CAAA,CAAE;AAAA,MACtC;AACA,oBAAc,IAAI,eAAe,GAAG,KAAK,IAAI;AAAA,IAC9C;AACO,WAAA;AAAA,EAAA,GACL,CAAC,uBAAuB,MAAM,CAAC;AACnC;"}
@@ -0,0 +1,99 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const react = require("react");
4
+ const reactBinding = require("@contember/react-binding");
5
+ const useGroupItemsByColumn = require("./internal/useGroupItemsByColumn.cjs");
6
+ const useBoardColumns = require("./internal/useBoardColumns.cjs");
7
+ const useBoardItemsMethods = require("./internal/useBoardItemsMethods.cjs");
8
+ const arrayMove = require("./utils/arrayMove.cjs");
9
+ const useGetSortedColumns = (desugaredColumnSortableByField) => {
10
+ return react.useCallback((columnEntities) => {
11
+ return reactBinding.sortEntities(Array.from(columnEntities), desugaredColumnSortableByField);
12
+ }, [desugaredColumnSortableByField]);
13
+ };
14
+ const useDynamicBoard = ({
15
+ sortableBy,
16
+ sortScope,
17
+ columnsSortableBy,
18
+ discriminationField,
19
+ columnEntities,
20
+ itemEntities,
21
+ nullColumnPlacement = "end",
22
+ nullColumn = "auto"
23
+ }) => {
24
+ const desugaredSortableByField = reactBinding.useDesugaredRelativeSingleField(sortableBy);
25
+ const desugaredColumnSortableByField = reactBinding.useDesugaredRelativeSingleField(columnsSortableBy);
26
+ const desugaredDiscriminationField = reactBinding.useDesugaredRelativeSingleEntity(discriminationField);
27
+ const columnEntitiesGetter = columnEntities.getAccessor;
28
+ const exitingColumnIds = react.useMemo(() => new Set(Array.from(columnEntities).map((it) => it.id)), [columnEntities]);
29
+ const getDiscriminatorValue = react.useCallback((entity) => {
30
+ const entityId = entity.getRelativeSingleEntity(desugaredDiscriminationField).id;
31
+ return exitingColumnIds.has(entityId) ? entityId : null;
32
+ }, [desugaredDiscriminationField, exitingColumnIds]);
33
+ const groupItemsByColumn = useGroupItemsByColumn.useGroupItemsByColumn(getDiscriminatorValue, desugaredSortableByField);
34
+ const getSortedColumns = useGetSortedColumns(desugaredColumnSortableByField);
35
+ const columnsResult = useBoardColumns.useBoardColumns({
36
+ columns: getSortedColumns(columnEntities),
37
+ columnIdGetter: (it) => it.id,
38
+ groupItemsByColumn,
39
+ items: itemEntities,
40
+ nullColumn,
41
+ nullColumnPlacement
42
+ });
43
+ const addColumn = react.useCallback((index, preprocess) => {
44
+ const columnEntities2 = columnEntitiesGetter();
45
+ if (!desugaredColumnSortableByField) {
46
+ if (index === void 0) {
47
+ return columnEntities2.createNewEntity(preprocess);
48
+ }
49
+ throw new reactBinding.BindingError("Cannot add column at specific index without sortableBy field");
50
+ }
51
+ reactBinding.addEntityAtIndex(columnEntities2, desugaredColumnSortableByField, columnEntities2.length, preprocess);
52
+ }, [columnEntitiesGetter, desugaredColumnSortableByField]);
53
+ const connectItemToColumn = react.useCallback((item, column) => {
54
+ const hasOne = desugaredDiscriminationField.hasOneRelationPath;
55
+ const parentEntity = item.getRelativeSingleEntity({ hasOneRelationPath: hasOne.slice(0, -1) });
56
+ if (column) {
57
+ parentEntity.connectEntityAtField(hasOne[hasOne.length - 1].field, column);
58
+ } else {
59
+ parentEntity.disconnectEntityAtField(hasOne[hasOne.length - 1].field);
60
+ }
61
+ }, [desugaredDiscriminationField.hasOneRelationPath]);
62
+ const moveColumn = react.useMemo(() => {
63
+ if (!desugaredColumnSortableByField) {
64
+ return void 0;
65
+ }
66
+ return (entity, index) => {
67
+ const sortedColumns = getSortedColumns(columnEntitiesGetter());
68
+ const currentIndex = sortedColumns.findIndex((it) => it.id === entity.id);
69
+ const resortedItems = arrayMove.arrayMove(sortedColumns, currentIndex, index);
70
+ reactBinding.repairEntitiesOrder(desugaredColumnSortableByField, resortedItems);
71
+ };
72
+ }, [columnEntitiesGetter, desugaredColumnSortableByField, getSortedColumns]);
73
+ const removeColumn = react.useCallback((entity) => {
74
+ entity.deleteEntity();
75
+ if (desugaredSortableByField) {
76
+ reactBinding.repairEntitiesOrder(desugaredSortableByField, Array.from(columnEntitiesGetter()));
77
+ }
78
+ }, [columnEntitiesGetter, desugaredSortableByField]);
79
+ const { addItem, moveItem, removeItem } = useBoardItemsMethods.useBoardItemsMethods({
80
+ columnIdGetter: (it) => it.id,
81
+ connectItemToColumn,
82
+ desugaredSortableByField,
83
+ sortScope,
84
+ getDiscriminatorValue,
85
+ groupItemsByColumn,
86
+ itemEntities
87
+ });
88
+ return {
89
+ columns: columnsResult,
90
+ addColumn,
91
+ addItem,
92
+ moveColumn,
93
+ moveItem,
94
+ removeColumn,
95
+ removeItem
96
+ };
97
+ };
98
+ exports.useDynamicBoard = useDynamicBoard;
99
+ //# sourceMappingURL=useDynamicBoard.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useDynamicBoard.cjs","sources":["../../src/useDynamicBoard.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport {\n\taddEntityAtIndex,\n\tBindingError,\n\tEntityAccessor,\n\tEntityListAccessor,\n\tRelativeSingleField,\n\trepairEntitiesOrder,\n\tsortEntities,\n\tuseDesugaredRelativeSingleEntity,\n\tuseDesugaredRelativeSingleField,\n} from '@contember/react-binding'\nimport { BoardAddColumnMethod, BoardBindingProps, BoardMoveColumnMethod, BoardRemoveColumnMethod } from './BoardBindingProps'\nimport { useGroupItemsByColumn } from './internal/useGroupItemsByColumn'\nimport { useBoardColumns } from './internal/useBoardColumns'\nimport { BoardCommonProps, BoardDynamicColumnsBindingProps } from './types'\nimport { useBoardItemsMethods } from './internal/useBoardItemsMethods'\nimport { arrayMove } from './utils/arrayMove'\n\n\nexport type UseDynamicBoardBindingProps =\n\t& Omit<BoardCommonProps, 'children'>\n\t& BoardDynamicColumnsBindingProps\n\t& {\n\t\tcolumnEntities: EntityListAccessor\n\t\titemEntities: EntityListAccessor\n\t}\n\nconst useGetSortedColumns = (desugaredColumnSortableByField: RelativeSingleField | undefined) => {\n\treturn useCallback((columnEntities: EntityListAccessor) => {\n\t\treturn sortEntities(Array.from(columnEntities), desugaredColumnSortableByField)\n\t}, [desugaredColumnSortableByField])\n}\n\nexport const useDynamicBoard = ({\n\tsortableBy,\n\tsortScope,\n\tcolumnsSortableBy,\n\tdiscriminationField,\n\tcolumnEntities,\n\titemEntities,\n\tnullColumnPlacement = 'end',\n\tnullColumn = 'auto',\n}: UseDynamicBoardBindingProps): BoardBindingProps<EntityAccessor> => {\n\n\tconst desugaredSortableByField = useDesugaredRelativeSingleField(sortableBy)\n\tconst desugaredColumnSortableByField = useDesugaredRelativeSingleField(columnsSortableBy)\n\tconst desugaredDiscriminationField = useDesugaredRelativeSingleEntity(discriminationField)\n\n\tconst columnEntitiesGetter = columnEntities.getAccessor\n\n\n\tconst exitingColumnIds = useMemo(() => new Set(Array.from(columnEntities).map(it => it.id)), [columnEntities])\n\n\tconst getDiscriminatorValue = useCallback((entity: EntityAccessor) => {\n\t\tconst entityId = entity.getRelativeSingleEntity(desugaredDiscriminationField).id\n\t\treturn exitingColumnIds.has(entityId) ? entityId : null\n\t}, [desugaredDiscriminationField, exitingColumnIds])\n\n\tconst groupItemsByColumn = useGroupItemsByColumn(getDiscriminatorValue, desugaredSortableByField)\n\n\tconst getSortedColumns = useGetSortedColumns(desugaredColumnSortableByField)\n\n\tconst columnsResult = useBoardColumns<EntityAccessor>({\n\t\tcolumns: getSortedColumns(columnEntities),\n\t\tcolumnIdGetter: it => it.id,\n\t\tgroupItemsByColumn,\n\t\titems: itemEntities,\n\t\tnullColumn,\n\t\tnullColumnPlacement,\n\t})\n\n\tconst addColumn = useCallback<BoardAddColumnMethod>((index, preprocess) => {\n\t\tconst columnEntities = columnEntitiesGetter()\n\t\tif (!desugaredColumnSortableByField) {\n\t\t\tif (index === undefined) {\n\t\t\t\treturn columnEntities.createNewEntity(preprocess)\n\t\t\t}\n\t\t\tthrow new BindingError('Cannot add column at specific index without sortableBy field')\n\t\t}\n\t\taddEntityAtIndex(columnEntities, desugaredColumnSortableByField, columnEntities.length, preprocess)\n\t}, [columnEntitiesGetter, desugaredColumnSortableByField])\n\n\tconst connectItemToColumn = useCallback((item: EntityAccessor, column: EntityAccessor | null) => {\n\t\tconst hasOne = desugaredDiscriminationField.hasOneRelationPath\n\t\tconst parentEntity = item.getRelativeSingleEntity({ hasOneRelationPath: hasOne.slice(0, -1) })\n\t\tif (column) {\n\t\t\tparentEntity.connectEntityAtField(hasOne[hasOne.length - 1].field, column)\n\t\t} else {\n\t\t\tparentEntity.disconnectEntityAtField(hasOne[hasOne.length - 1].field)\n\t\t}\n\n\t}, [desugaredDiscriminationField.hasOneRelationPath])\n\n\n\tconst moveColumn = useMemo<BoardMoveColumnMethod | undefined>(() => {\n\t\tif (!desugaredColumnSortableByField) {\n\t\t\treturn undefined\n\t\t}\n\t\treturn (entity, index) => {\n\t\t\tconst sortedColumns = getSortedColumns(columnEntitiesGetter())\n\t\t\tconst currentIndex = sortedColumns.findIndex(it => it.id === entity.id)\n\t\t\tconst resortedItems = arrayMove(sortedColumns, currentIndex, index)\n\t\t\trepairEntitiesOrder(desugaredColumnSortableByField, resortedItems)\n\t\t}\n\t}, [columnEntitiesGetter, desugaredColumnSortableByField, getSortedColumns])\n\n\n\tconst removeColumn = useCallback<BoardRemoveColumnMethod>(entity => {\n\t\tentity.deleteEntity()\n\t\tif (desugaredSortableByField) {\n\t\t\trepairEntitiesOrder(desugaredSortableByField, Array.from(columnEntitiesGetter()))\n\t\t}\n\t}, [columnEntitiesGetter, desugaredSortableByField])\n\n\tconst { addItem, moveItem, removeItem } = useBoardItemsMethods({\n\t\tcolumnIdGetter: it => it.id,\n\t\tconnectItemToColumn,\n\t\tdesugaredSortableByField,\n\t\tsortScope,\n\t\tgetDiscriminatorValue,\n\t\tgroupItemsByColumn,\n\t\titemEntities,\n\t})\n\n\treturn {\n\t\tcolumns: columnsResult,\n\t\taddColumn,\n\t\taddItem,\n\t\tmoveColumn,\n\t\tmoveItem,\n\t\tremoveColumn,\n\t\tremoveItem,\n\t}\n}\n"],"names":["useCallback","sortEntities","useDesugaredRelativeSingleField","useDesugaredRelativeSingleEntity","useMemo","useGroupItemsByColumn","useBoardColumns","columnEntities","BindingError","addEntityAtIndex","arrayMove","repairEntitiesOrder","useBoardItemsMethods"],"mappings":"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"}
@@ -0,0 +1,99 @@
1
+ import { useMemo, useCallback } from "react";
2
+ import { useDesugaredRelativeSingleField, useDesugaredRelativeSingleEntity, BindingError, addEntityAtIndex, repairEntitiesOrder, sortEntities } from "@contember/react-binding";
3
+ import { useGroupItemsByColumn } from "./internal/useGroupItemsByColumn.js";
4
+ import { useBoardColumns } from "./internal/useBoardColumns.js";
5
+ import { useBoardItemsMethods } from "./internal/useBoardItemsMethods.js";
6
+ import { arrayMove } from "./utils/arrayMove.js";
7
+ const useGetSortedColumns = (desugaredColumnSortableByField) => {
8
+ return useCallback((columnEntities) => {
9
+ return sortEntities(Array.from(columnEntities), desugaredColumnSortableByField);
10
+ }, [desugaredColumnSortableByField]);
11
+ };
12
+ const useDynamicBoard = ({
13
+ sortableBy,
14
+ sortScope,
15
+ columnsSortableBy,
16
+ discriminationField,
17
+ columnEntities,
18
+ itemEntities,
19
+ nullColumnPlacement = "end",
20
+ nullColumn = "auto"
21
+ }) => {
22
+ const desugaredSortableByField = useDesugaredRelativeSingleField(sortableBy);
23
+ const desugaredColumnSortableByField = useDesugaredRelativeSingleField(columnsSortableBy);
24
+ const desugaredDiscriminationField = useDesugaredRelativeSingleEntity(discriminationField);
25
+ const columnEntitiesGetter = columnEntities.getAccessor;
26
+ const exitingColumnIds = useMemo(() => new Set(Array.from(columnEntities).map((it) => it.id)), [columnEntities]);
27
+ const getDiscriminatorValue = useCallback((entity) => {
28
+ const entityId = entity.getRelativeSingleEntity(desugaredDiscriminationField).id;
29
+ return exitingColumnIds.has(entityId) ? entityId : null;
30
+ }, [desugaredDiscriminationField, exitingColumnIds]);
31
+ const groupItemsByColumn = useGroupItemsByColumn(getDiscriminatorValue, desugaredSortableByField);
32
+ const getSortedColumns = useGetSortedColumns(desugaredColumnSortableByField);
33
+ const columnsResult = useBoardColumns({
34
+ columns: getSortedColumns(columnEntities),
35
+ columnIdGetter: (it) => it.id,
36
+ groupItemsByColumn,
37
+ items: itemEntities,
38
+ nullColumn,
39
+ nullColumnPlacement
40
+ });
41
+ const addColumn = useCallback((index, preprocess) => {
42
+ const columnEntities2 = columnEntitiesGetter();
43
+ if (!desugaredColumnSortableByField) {
44
+ if (index === void 0) {
45
+ return columnEntities2.createNewEntity(preprocess);
46
+ }
47
+ throw new BindingError("Cannot add column at specific index without sortableBy field");
48
+ }
49
+ addEntityAtIndex(columnEntities2, desugaredColumnSortableByField, columnEntities2.length, preprocess);
50
+ }, [columnEntitiesGetter, desugaredColumnSortableByField]);
51
+ const connectItemToColumn = useCallback((item, column) => {
52
+ const hasOne = desugaredDiscriminationField.hasOneRelationPath;
53
+ const parentEntity = item.getRelativeSingleEntity({ hasOneRelationPath: hasOne.slice(0, -1) });
54
+ if (column) {
55
+ parentEntity.connectEntityAtField(hasOne[hasOne.length - 1].field, column);
56
+ } else {
57
+ parentEntity.disconnectEntityAtField(hasOne[hasOne.length - 1].field);
58
+ }
59
+ }, [desugaredDiscriminationField.hasOneRelationPath]);
60
+ const moveColumn = useMemo(() => {
61
+ if (!desugaredColumnSortableByField) {
62
+ return void 0;
63
+ }
64
+ return (entity, index) => {
65
+ const sortedColumns = getSortedColumns(columnEntitiesGetter());
66
+ const currentIndex = sortedColumns.findIndex((it) => it.id === entity.id);
67
+ const resortedItems = arrayMove(sortedColumns, currentIndex, index);
68
+ repairEntitiesOrder(desugaredColumnSortableByField, resortedItems);
69
+ };
70
+ }, [columnEntitiesGetter, desugaredColumnSortableByField, getSortedColumns]);
71
+ const removeColumn = useCallback((entity) => {
72
+ entity.deleteEntity();
73
+ if (desugaredSortableByField) {
74
+ repairEntitiesOrder(desugaredSortableByField, Array.from(columnEntitiesGetter()));
75
+ }
76
+ }, [columnEntitiesGetter, desugaredSortableByField]);
77
+ const { addItem, moveItem, removeItem } = useBoardItemsMethods({
78
+ columnIdGetter: (it) => it.id,
79
+ connectItemToColumn,
80
+ desugaredSortableByField,
81
+ sortScope,
82
+ getDiscriminatorValue,
83
+ groupItemsByColumn,
84
+ itemEntities
85
+ });
86
+ return {
87
+ columns: columnsResult,
88
+ addColumn,
89
+ addItem,
90
+ moveColumn,
91
+ moveItem,
92
+ removeColumn,
93
+ removeItem
94
+ };
95
+ };
96
+ export {
97
+ useDynamicBoard
98
+ };
99
+ //# sourceMappingURL=useDynamicBoard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useDynamicBoard.js","sources":["../../src/useDynamicBoard.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport {\n\taddEntityAtIndex,\n\tBindingError,\n\tEntityAccessor,\n\tEntityListAccessor,\n\tRelativeSingleField,\n\trepairEntitiesOrder,\n\tsortEntities,\n\tuseDesugaredRelativeSingleEntity,\n\tuseDesugaredRelativeSingleField,\n} from '@contember/react-binding'\nimport { BoardAddColumnMethod, BoardBindingProps, BoardMoveColumnMethod, BoardRemoveColumnMethod } from './BoardBindingProps'\nimport { useGroupItemsByColumn } from './internal/useGroupItemsByColumn'\nimport { useBoardColumns } from './internal/useBoardColumns'\nimport { BoardCommonProps, BoardDynamicColumnsBindingProps } from './types'\nimport { useBoardItemsMethods } from './internal/useBoardItemsMethods'\nimport { arrayMove } from './utils/arrayMove'\n\n\nexport type UseDynamicBoardBindingProps =\n\t& Omit<BoardCommonProps, 'children'>\n\t& BoardDynamicColumnsBindingProps\n\t& {\n\t\tcolumnEntities: EntityListAccessor\n\t\titemEntities: EntityListAccessor\n\t}\n\nconst useGetSortedColumns = (desugaredColumnSortableByField: RelativeSingleField | undefined) => {\n\treturn useCallback((columnEntities: EntityListAccessor) => {\n\t\treturn sortEntities(Array.from(columnEntities), desugaredColumnSortableByField)\n\t}, [desugaredColumnSortableByField])\n}\n\nexport const useDynamicBoard = ({\n\tsortableBy,\n\tsortScope,\n\tcolumnsSortableBy,\n\tdiscriminationField,\n\tcolumnEntities,\n\titemEntities,\n\tnullColumnPlacement = 'end',\n\tnullColumn = 'auto',\n}: UseDynamicBoardBindingProps): BoardBindingProps<EntityAccessor> => {\n\n\tconst desugaredSortableByField = useDesugaredRelativeSingleField(sortableBy)\n\tconst desugaredColumnSortableByField = useDesugaredRelativeSingleField(columnsSortableBy)\n\tconst desugaredDiscriminationField = useDesugaredRelativeSingleEntity(discriminationField)\n\n\tconst columnEntitiesGetter = columnEntities.getAccessor\n\n\n\tconst exitingColumnIds = useMemo(() => new Set(Array.from(columnEntities).map(it => it.id)), [columnEntities])\n\n\tconst getDiscriminatorValue = useCallback((entity: EntityAccessor) => {\n\t\tconst entityId = entity.getRelativeSingleEntity(desugaredDiscriminationField).id\n\t\treturn exitingColumnIds.has(entityId) ? entityId : null\n\t}, [desugaredDiscriminationField, exitingColumnIds])\n\n\tconst groupItemsByColumn = useGroupItemsByColumn(getDiscriminatorValue, desugaredSortableByField)\n\n\tconst getSortedColumns = useGetSortedColumns(desugaredColumnSortableByField)\n\n\tconst columnsResult = useBoardColumns<EntityAccessor>({\n\t\tcolumns: getSortedColumns(columnEntities),\n\t\tcolumnIdGetter: it => it.id,\n\t\tgroupItemsByColumn,\n\t\titems: itemEntities,\n\t\tnullColumn,\n\t\tnullColumnPlacement,\n\t})\n\n\tconst addColumn = useCallback<BoardAddColumnMethod>((index, preprocess) => {\n\t\tconst columnEntities = columnEntitiesGetter()\n\t\tif (!desugaredColumnSortableByField) {\n\t\t\tif (index === undefined) {\n\t\t\t\treturn columnEntities.createNewEntity(preprocess)\n\t\t\t}\n\t\t\tthrow new BindingError('Cannot add column at specific index without sortableBy field')\n\t\t}\n\t\taddEntityAtIndex(columnEntities, desugaredColumnSortableByField, columnEntities.length, preprocess)\n\t}, [columnEntitiesGetter, desugaredColumnSortableByField])\n\n\tconst connectItemToColumn = useCallback((item: EntityAccessor, column: EntityAccessor | null) => {\n\t\tconst hasOne = desugaredDiscriminationField.hasOneRelationPath\n\t\tconst parentEntity = item.getRelativeSingleEntity({ hasOneRelationPath: hasOne.slice(0, -1) })\n\t\tif (column) {\n\t\t\tparentEntity.connectEntityAtField(hasOne[hasOne.length - 1].field, column)\n\t\t} else {\n\t\t\tparentEntity.disconnectEntityAtField(hasOne[hasOne.length - 1].field)\n\t\t}\n\n\t}, [desugaredDiscriminationField.hasOneRelationPath])\n\n\n\tconst moveColumn = useMemo<BoardMoveColumnMethod | undefined>(() => {\n\t\tif (!desugaredColumnSortableByField) {\n\t\t\treturn undefined\n\t\t}\n\t\treturn (entity, index) => {\n\t\t\tconst sortedColumns = getSortedColumns(columnEntitiesGetter())\n\t\t\tconst currentIndex = sortedColumns.findIndex(it => it.id === entity.id)\n\t\t\tconst resortedItems = arrayMove(sortedColumns, currentIndex, index)\n\t\t\trepairEntitiesOrder(desugaredColumnSortableByField, resortedItems)\n\t\t}\n\t}, [columnEntitiesGetter, desugaredColumnSortableByField, getSortedColumns])\n\n\n\tconst removeColumn = useCallback<BoardRemoveColumnMethod>(entity => {\n\t\tentity.deleteEntity()\n\t\tif (desugaredSortableByField) {\n\t\t\trepairEntitiesOrder(desugaredSortableByField, Array.from(columnEntitiesGetter()))\n\t\t}\n\t}, [columnEntitiesGetter, desugaredSortableByField])\n\n\tconst { addItem, moveItem, removeItem } = useBoardItemsMethods({\n\t\tcolumnIdGetter: it => it.id,\n\t\tconnectItemToColumn,\n\t\tdesugaredSortableByField,\n\t\tsortScope,\n\t\tgetDiscriminatorValue,\n\t\tgroupItemsByColumn,\n\t\titemEntities,\n\t})\n\n\treturn {\n\t\tcolumns: columnsResult,\n\t\taddColumn,\n\t\taddItem,\n\t\tmoveColumn,\n\t\tmoveItem,\n\t\tremoveColumn,\n\t\tremoveItem,\n\t}\n}\n"],"names":["columnEntities"],"mappings":"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"}
@@ -0,0 +1,51 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const react = require("react");
4
+ const reactBinding = require("@contember/react-binding");
5
+ const useGroupItemsByColumn = require("./internal/useGroupItemsByColumn.cjs");
6
+ const useBoardColumns = require("./internal/useBoardColumns.cjs");
7
+ const useBoardItemsMethods = require("./internal/useBoardItemsMethods.cjs");
8
+ const useStaticBoard = ({
9
+ sortableBy,
10
+ sortScope,
11
+ columns,
12
+ discriminationField,
13
+ itemEntities,
14
+ nullColumnPlacement = "end",
15
+ nullColumn = "auto"
16
+ }) => {
17
+ const desugaredSortableByField = reactBinding.useDesugaredRelativeSingleField(sortableBy);
18
+ const desugaredDiscriminationField = reactBinding.useDesugaredRelativeSingleField(discriminationField);
19
+ const getDiscriminatorValue = react.useCallback((entity) => {
20
+ return entity.getRelativeSingleField(desugaredDiscriminationField).value;
21
+ }, [desugaredDiscriminationField]);
22
+ const groupItemsByColumn = useGroupItemsByColumn.useGroupItemsByColumn(getDiscriminatorValue, desugaredSortableByField);
23
+ const columnsResult = useBoardColumns.useBoardColumns({
24
+ columns,
25
+ columnIdGetter: (it) => it.value,
26
+ groupItemsByColumn,
27
+ items: itemEntities,
28
+ nullColumn,
29
+ nullColumnPlacement
30
+ });
31
+ const connectItemToColumn = react.useCallback((item, column) => {
32
+ item.getRelativeSingleField(desugaredDiscriminationField).updateValue(column?.value ?? null);
33
+ }, [desugaredDiscriminationField]);
34
+ const { addItem, moveItem, removeItem } = useBoardItemsMethods.useBoardItemsMethods({
35
+ columnIdGetter: (it) => it.value,
36
+ connectItemToColumn,
37
+ groupItemsByColumn,
38
+ itemEntities,
39
+ desugaredSortableByField,
40
+ sortScope,
41
+ getDiscriminatorValue
42
+ });
43
+ return {
44
+ columns: columnsResult,
45
+ addItem,
46
+ moveItem,
47
+ removeItem
48
+ };
49
+ };
50
+ exports.useStaticBoard = useStaticBoard;
51
+ //# sourceMappingURL=useStaticBoard.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useStaticBoard.cjs","sources":["../../src/useStaticBoard.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport { EntityAccessor, EntityListAccessor, useDesugaredRelativeSingleField } from '@contember/react-binding'\nimport { BoardBindingProps, BoardStaticColumnValue } from './BoardBindingProps'\nimport { useGroupItemsByColumn } from './internal/useGroupItemsByColumn'\nimport { useBoardColumns } from './internal/useBoardColumns'\nimport { BoardCommonProps, BoardStaticColumnsBindingProps } from './types'\nimport { useBoardItemsMethods } from './internal/useBoardItemsMethods'\n\n\nexport type UseStaticBoardBindingProps =\n\t& Omit<BoardCommonProps, 'children'>\n\t& BoardStaticColumnsBindingProps\n\t& {\n\t\titemEntities: EntityListAccessor\n\t}\n\nexport const useStaticBoard = ({\n\tsortableBy,\n\tsortScope,\n\tcolumns,\n\tdiscriminationField,\n\titemEntities,\n\tnullColumnPlacement = 'end',\n\tnullColumn = 'auto',\n}: UseStaticBoardBindingProps): BoardBindingProps<BoardStaticColumnValue> => {\n\n\tconst desugaredSortableByField = useDesugaredRelativeSingleField(sortableBy)\n\tconst desugaredDiscriminationField = useDesugaredRelativeSingleField(discriminationField)\n\n\tconst getDiscriminatorValue = useCallback((entity: EntityAccessor) => {\n\t\treturn entity.getRelativeSingleField<string>(desugaredDiscriminationField).value\n\t}, [desugaredDiscriminationField])\n\n\tconst groupItemsByColumn = useGroupItemsByColumn(getDiscriminatorValue, desugaredSortableByField)\n\n\tconst columnsResult = useBoardColumns({\n\t\tcolumns,\n\t\tcolumnIdGetter: it => it.value,\n\t\tgroupItemsByColumn,\n\t\titems: itemEntities,\n\t\tnullColumn,\n\t\tnullColumnPlacement,\n\t})\n\n\tconst connectItemToColumn = useCallback((item: EntityAccessor, column: BoardStaticColumnValue | null) => {\n\t\titem.getRelativeSingleField(desugaredDiscriminationField).updateValue(column?.value ?? null)\n\t}, [desugaredDiscriminationField])\n\n\tconst { addItem, moveItem, removeItem } = useBoardItemsMethods({\n\t\tcolumnIdGetter: it => it.value,\n\t\tconnectItemToColumn,\n\t\tgroupItemsByColumn,\n\t\titemEntities,\n\t\tdesugaredSortableByField,\n\t\tsortScope,\n\t\tgetDiscriminatorValue,\n\t})\n\treturn {\n\t\tcolumns: columnsResult,\n\t\taddItem,\n\t\tmoveItem,\n\t\tremoveItem,\n\t}\n}\n"],"names":["useDesugaredRelativeSingleField","useCallback","useGroupItemsByColumn","useBoardColumns","useBoardItemsMethods"],"mappings":";;;;;;;AAgBO,MAAM,iBAAiB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB,aAAa;AACd,MAA6E;AAEtE,QAAA,2BAA2BA,6CAAgC,UAAU;AACrE,QAAA,+BAA+BA,6CAAgC,mBAAmB;AAElF,QAAA,wBAAwBC,kBAAY,CAAC,WAA2B;AAC9D,WAAA,OAAO,uBAA+B,4BAA4B,EAAE;AAAA,EAAA,GACzE,CAAC,4BAA4B,CAAC;AAE3B,QAAA,qBAAqBC,sBAAAA,sBAAsB,uBAAuB,wBAAwB;AAEhG,QAAM,gBAAgBC,gBAAAA,gBAAgB;AAAA,IACrC;AAAA,IACA,gBAAgB,QAAM,GAAG;AAAA,IACzB;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EAAA,CACA;AAED,QAAM,sBAAsBF,MAAAA,YAAY,CAAC,MAAsB,WAA0C;AACxG,SAAK,uBAAuB,4BAA4B,EAAE,YAAY,QAAQ,SAAS,IAAI;AAAA,EAAA,GACzF,CAAC,4BAA4B,CAAC;AAEjC,QAAM,EAAE,SAAS,UAAU,WAAA,IAAeG,qBAAAA,qBAAqB;AAAA,IAC9D,gBAAgB,QAAM,GAAG;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACA;AACM,SAAA;AAAA,IACN,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF;;"}
@@ -0,0 +1,51 @@
1
+ import { useCallback } from "react";
2
+ import { useDesugaredRelativeSingleField } from "@contember/react-binding";
3
+ import { useGroupItemsByColumn } from "./internal/useGroupItemsByColumn.js";
4
+ import { useBoardColumns } from "./internal/useBoardColumns.js";
5
+ import { useBoardItemsMethods } from "./internal/useBoardItemsMethods.js";
6
+ const useStaticBoard = ({
7
+ sortableBy,
8
+ sortScope,
9
+ columns,
10
+ discriminationField,
11
+ itemEntities,
12
+ nullColumnPlacement = "end",
13
+ nullColumn = "auto"
14
+ }) => {
15
+ const desugaredSortableByField = useDesugaredRelativeSingleField(sortableBy);
16
+ const desugaredDiscriminationField = useDesugaredRelativeSingleField(discriminationField);
17
+ const getDiscriminatorValue = useCallback((entity) => {
18
+ return entity.getRelativeSingleField(desugaredDiscriminationField).value;
19
+ }, [desugaredDiscriminationField]);
20
+ const groupItemsByColumn = useGroupItemsByColumn(getDiscriminatorValue, desugaredSortableByField);
21
+ const columnsResult = useBoardColumns({
22
+ columns,
23
+ columnIdGetter: (it) => it.value,
24
+ groupItemsByColumn,
25
+ items: itemEntities,
26
+ nullColumn,
27
+ nullColumnPlacement
28
+ });
29
+ const connectItemToColumn = useCallback((item, column) => {
30
+ item.getRelativeSingleField(desugaredDiscriminationField).updateValue(column?.value ?? null);
31
+ }, [desugaredDiscriminationField]);
32
+ const { addItem, moveItem, removeItem } = useBoardItemsMethods({
33
+ columnIdGetter: (it) => it.value,
34
+ connectItemToColumn,
35
+ groupItemsByColumn,
36
+ itemEntities,
37
+ desugaredSortableByField,
38
+ sortScope,
39
+ getDiscriminatorValue
40
+ });
41
+ return {
42
+ columns: columnsResult,
43
+ addItem,
44
+ moveItem,
45
+ removeItem
46
+ };
47
+ };
48
+ export {
49
+ useStaticBoard
50
+ };
51
+ //# sourceMappingURL=useStaticBoard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useStaticBoard.js","sources":["../../src/useStaticBoard.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport { EntityAccessor, EntityListAccessor, useDesugaredRelativeSingleField } from '@contember/react-binding'\nimport { BoardBindingProps, BoardStaticColumnValue } from './BoardBindingProps'\nimport { useGroupItemsByColumn } from './internal/useGroupItemsByColumn'\nimport { useBoardColumns } from './internal/useBoardColumns'\nimport { BoardCommonProps, BoardStaticColumnsBindingProps } from './types'\nimport { useBoardItemsMethods } from './internal/useBoardItemsMethods'\n\n\nexport type UseStaticBoardBindingProps =\n\t& Omit<BoardCommonProps, 'children'>\n\t& BoardStaticColumnsBindingProps\n\t& {\n\t\titemEntities: EntityListAccessor\n\t}\n\nexport const useStaticBoard = ({\n\tsortableBy,\n\tsortScope,\n\tcolumns,\n\tdiscriminationField,\n\titemEntities,\n\tnullColumnPlacement = 'end',\n\tnullColumn = 'auto',\n}: UseStaticBoardBindingProps): BoardBindingProps<BoardStaticColumnValue> => {\n\n\tconst desugaredSortableByField = useDesugaredRelativeSingleField(sortableBy)\n\tconst desugaredDiscriminationField = useDesugaredRelativeSingleField(discriminationField)\n\n\tconst getDiscriminatorValue = useCallback((entity: EntityAccessor) => {\n\t\treturn entity.getRelativeSingleField<string>(desugaredDiscriminationField).value\n\t}, [desugaredDiscriminationField])\n\n\tconst groupItemsByColumn = useGroupItemsByColumn(getDiscriminatorValue, desugaredSortableByField)\n\n\tconst columnsResult = useBoardColumns({\n\t\tcolumns,\n\t\tcolumnIdGetter: it => it.value,\n\t\tgroupItemsByColumn,\n\t\titems: itemEntities,\n\t\tnullColumn,\n\t\tnullColumnPlacement,\n\t})\n\n\tconst connectItemToColumn = useCallback((item: EntityAccessor, column: BoardStaticColumnValue | null) => {\n\t\titem.getRelativeSingleField(desugaredDiscriminationField).updateValue(column?.value ?? null)\n\t}, [desugaredDiscriminationField])\n\n\tconst { addItem, moveItem, removeItem } = useBoardItemsMethods({\n\t\tcolumnIdGetter: it => it.value,\n\t\tconnectItemToColumn,\n\t\tgroupItemsByColumn,\n\t\titemEntities,\n\t\tdesugaredSortableByField,\n\t\tsortScope,\n\t\tgetDiscriminatorValue,\n\t})\n\treturn {\n\t\tcolumns: columnsResult,\n\t\taddItem,\n\t\tmoveItem,\n\t\tremoveItem,\n\t}\n}\n"],"names":[],"mappings":";;;;;AAgBO,MAAM,iBAAiB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB,aAAa;AACd,MAA6E;AAEtE,QAAA,2BAA2B,gCAAgC,UAAU;AACrE,QAAA,+BAA+B,gCAAgC,mBAAmB;AAElF,QAAA,wBAAwB,YAAY,CAAC,WAA2B;AAC9D,WAAA,OAAO,uBAA+B,4BAA4B,EAAE;AAAA,EAAA,GACzE,CAAC,4BAA4B,CAAC;AAE3B,QAAA,qBAAqB,sBAAsB,uBAAuB,wBAAwB;AAEhG,QAAM,gBAAgB,gBAAgB;AAAA,IACrC;AAAA,IACA,gBAAgB,QAAM,GAAG;AAAA,IACzB;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EAAA,CACA;AAED,QAAM,sBAAsB,YAAY,CAAC,MAAsB,WAA0C;AACxG,SAAK,uBAAuB,4BAA4B,EAAE,YAAY,QAAQ,SAAS,IAAI;AAAA,EAAA,GACzF,CAAC,4BAA4B,CAAC;AAEjC,QAAM,EAAE,SAAS,UAAU,WAAA,IAAe,qBAAqB;AAAA,IAC9D,gBAAgB,QAAM,GAAG;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACA;AACM,SAAA;AAAA,IACN,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF;"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ function arrayMove(array, from, to) {
4
+ const newArray = array.slice();
5
+ newArray.splice(to, 0, newArray.splice(from, 1)[0]);
6
+ return newArray;
7
+ }
8
+ exports.arrayMove = arrayMove;
9
+ //# sourceMappingURL=arrayMove.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"arrayMove.cjs","sources":["../../../src/utils/arrayMove.ts"],"sourcesContent":["export function arrayMove<T>(array: T[], from: number, to: number): T[] {\n\tconst newArray = array.slice()\n\tnewArray.splice(to, 0, newArray.splice(from, 1)[0])\n\treturn newArray\n}\n"],"names":[],"mappings":";;AAAgB,SAAA,UAAa,OAAY,MAAc,IAAiB;AACjE,QAAA,WAAW,MAAM;AACd,WAAA,OAAO,IAAI,GAAG,SAAS,OAAO,MAAM,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAA;AACR;;"}
@@ -0,0 +1,9 @@
1
+ function arrayMove(array, from, to) {
2
+ const newArray = array.slice();
3
+ newArray.splice(to, 0, newArray.splice(from, 1)[0]);
4
+ return newArray;
5
+ }
6
+ export {
7
+ arrayMove
8
+ };
9
+ //# sourceMappingURL=arrayMove.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"arrayMove.js","sources":["../../../src/utils/arrayMove.ts"],"sourcesContent":["export function arrayMove<T>(array: T[], from: number, to: number): T[] {\n\tconst newArray = array.slice()\n\tnewArray.splice(to, 0, newArray.splice(from, 1)[0])\n\treturn newArray\n}\n"],"names":[],"mappings":"AAAgB,SAAA,UAAa,OAAY,MAAc,IAAiB;AACjE,QAAA,WAAW,MAAM;AACd,WAAA,OAAO,IAAI,GAAG,SAAS,OAAO,MAAM,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAA;AACR;"}