@sanity/hierarchical-document-list 1.0.0 → 2.0.0

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 (106) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +365 -297
  3. package/dist/index.d.ts +240 -0
  4. package/dist/index.esm.js +18 -0
  5. package/dist/index.esm.js.map +1 -0
  6. package/dist/index.js +18 -0
  7. package/dist/index.js.map +1 -0
  8. package/package.json +94 -55
  9. package/sanity.json +8 -12
  10. package/src/TreeDeskStructure.tsx +80 -0
  11. package/src/TreeInputComponent.tsx +41 -0
  12. package/src/components/DeskWarning.tsx +40 -0
  13. package/src/components/DocumentInNode.tsx +133 -0
  14. package/src/components/DocumentPreviewStatus.tsx +70 -0
  15. package/src/components/NodeActions.tsx +85 -0
  16. package/src/components/NodeContentRenderer.tsx +141 -0
  17. package/src/components/PlaceholderDropzone.tsx +45 -0
  18. package/src/components/TreeEditor.tsx +167 -0
  19. package/src/components/TreeEditorErrorBoundary.tsx +14 -0
  20. package/src/components/TreeNodeRenderer.tsx +37 -0
  21. package/src/components/TreeNodeRendererScaffold.tsx +193 -0
  22. package/src/createDeskHierarchy.tsx +110 -0
  23. package/src/createHierarchicalSchemas.tsx +151 -0
  24. package/src/hooks/useAllItems.ts +119 -0
  25. package/src/hooks/useLocalTree.ts +40 -0
  26. package/src/hooks/useTreeOperations.ts +25 -0
  27. package/src/hooks/useTreeOperationsProvider.ts +86 -0
  28. package/src/index.ts +25 -0
  29. package/src/schemas/hierarchy.tree.ts +19 -0
  30. package/src/types.ts +148 -0
  31. package/src/utils/flatDataToTree.ts +20 -0
  32. package/src/utils/getAdjescentNodes.ts +30 -0
  33. package/src/utils/getCommonTreeProps.tsx +28 -0
  34. package/src/utils/getTreeHeight.ts +10 -0
  35. package/src/utils/gradientPatchAdapter.ts +43 -0
  36. package/src/utils/idUtils.ts +7 -0
  37. package/src/utils/injectNodeTypeInPatches.ts +60 -0
  38. package/src/utils/moveItemInArray.ts +26 -0
  39. package/src/utils/throwError.ts +9 -0
  40. package/src/utils/treeData.tsx +119 -0
  41. package/src/utils/treePatches.ts +171 -0
  42. package/v2-incompatible.js +11 -0
  43. package/lib/TreeDeskStructure.d.ts +0 -8
  44. package/lib/TreeDeskStructure.js +0 -96
  45. package/lib/TreeInputComponent.d.ts +0 -19
  46. package/lib/TreeInputComponent.js +0 -52
  47. package/lib/components/DeskWarning.d.ts +0 -6
  48. package/lib/components/DeskWarning.js +0 -46
  49. package/lib/components/DocumentInNode.d.ts +0 -11
  50. package/lib/components/DocumentInNode.js +0 -82
  51. package/lib/components/DocumentPreviewStatus.d.ts +0 -7
  52. package/lib/components/DocumentPreviewStatus.js +0 -39
  53. package/lib/components/NodeActions.d.ts +0 -10
  54. package/lib/components/NodeActions.js +0 -61
  55. package/lib/components/NodeContentRenderer.d.ts +0 -8
  56. package/lib/components/NodeContentRenderer.js +0 -105
  57. package/lib/components/PlaceholderDropzone.d.ts +0 -9
  58. package/lib/components/PlaceholderDropzone.js +0 -30
  59. package/lib/components/TreeEditor.d.ts +0 -12
  60. package/lib/components/TreeEditor.js +0 -59
  61. package/lib/components/TreeEditorErrorBoundary.d.ts +0 -3
  62. package/lib/components/TreeEditorErrorBoundary.js +0 -59
  63. package/lib/components/TreeNodeRenderer.d.ts +0 -3
  64. package/lib/components/TreeNodeRenderer.js +0 -59
  65. package/lib/components/TreeNodeRendererScaffold.d.ts +0 -4
  66. package/lib/components/TreeNodeRendererScaffold.js +0 -44
  67. package/lib/createDeskHierarchy.d.ts +0 -14
  68. package/lib/createDeskHierarchy.js +0 -85
  69. package/lib/createHierarchicalSchemas.d.ts +0 -78
  70. package/lib/createHierarchicalSchemas.js +0 -138
  71. package/lib/hooks/useAllItems.d.ts +0 -7
  72. package/lib/hooks/useAllItems.js +0 -119
  73. package/lib/hooks/useLocalTree.d.ts +0 -17
  74. package/lib/hooks/useLocalTree.js +0 -59
  75. package/lib/hooks/useTreeOperations.d.ts +0 -9
  76. package/lib/hooks/useTreeOperations.js +0 -39
  77. package/lib/hooks/useTreeOperationsProvider.d.ts +0 -14
  78. package/lib/hooks/useTreeOperationsProvider.js +0 -85
  79. package/lib/index.d.ts +0 -3
  80. package/lib/index.js +0 -12
  81. package/lib/schemas/hierarchy.tree.d.ts +0 -13
  82. package/lib/schemas/hierarchy.tree.js +0 -19
  83. package/lib/utils/flatDataToTree.d.ts +0 -6
  84. package/lib/utils/flatDataToTree.js +0 -26
  85. package/lib/utils/getAdjescentNodes.d.ts +0 -12
  86. package/lib/utils/getAdjescentNodes.js +0 -19
  87. package/lib/utils/getCommonTreeProps.d.ts +0 -7
  88. package/lib/utils/getCommonTreeProps.js +0 -33
  89. package/lib/utils/getTreeHeight.d.ts +0 -3
  90. package/lib/utils/getTreeHeight.js +0 -11
  91. package/lib/utils/gradientPatchAdapter.d.ts +0 -4
  92. package/lib/utils/gradientPatchAdapter.js +0 -42
  93. package/lib/utils/idUtils.d.ts +0 -2
  94. package/lib/utils/idUtils.js +0 -13
  95. package/lib/utils/injectNodeTypeInPatches.d.ts +0 -12
  96. package/lib/utils/injectNodeTypeInPatches.js +0 -58
  97. package/lib/utils/moveItemInArray.d.ts +0 -5
  98. package/lib/utils/moveItemInArray.js +0 -26
  99. package/lib/utils/throwError.d.ts +0 -7
  100. package/lib/utils/throwError.js +0 -12
  101. package/lib/utils/treeData.d.ts +0 -18
  102. package/lib/utils/treeData.js +0 -118
  103. package/lib/utils/treePatches.d.ts +0 -15
  104. package/lib/utils/treePatches.js +0 -171
  105. package/screenshot-1.jpg +0 -0
  106. package/tsconfig.json +0 -20
@@ -1,58 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.INTERNAL_NODE_ARRAY_TYPE = exports.INTERNAL_NODE_VALUE_TYPE = exports.INTERNAL_NODE_TYPE = exports.DEFAULT_DOC_TYPE = exports.getSchemaTypeName = void 0;
15
- function getSchemaTypeName(documentType, type) {
16
- switch (type) {
17
- case 'document':
18
- return documentType;
19
- case 'array':
20
- return "".concat(documentType, ".array");
21
- case 'node':
22
- return "".concat(documentType, ".node");
23
- case 'nodeValue':
24
- return "".concat(documentType, ".nodeValue");
25
- default:
26
- return documentType;
27
- }
28
- }
29
- exports.getSchemaTypeName = getSchemaTypeName;
30
- /**
31
- * Temporary value of nodes' `_type` before they are normalized and persisted as the user-defined choice.
32
- */
33
- exports.DEFAULT_DOC_TYPE = 'hierarchy.tree';
34
- exports.INTERNAL_NODE_TYPE = getSchemaTypeName(exports.DEFAULT_DOC_TYPE, 'node');
35
- exports.INTERNAL_NODE_VALUE_TYPE = getSchemaTypeName(exports.DEFAULT_DOC_TYPE, 'nodeValue');
36
- exports.INTERNAL_NODE_ARRAY_TYPE = getSchemaTypeName(exports.DEFAULT_DOC_TYPE, 'array');
37
- /**
38
- * Barebones recursive utility to inject the desired nodeObjectType in patches generated in deeply nested components and utilities.
39
- */
40
- function injectNodeTypeInPatches(patchData, documentType) {
41
- if (Array.isArray(patchData)) {
42
- return patchData.map(function (child) { return injectNodeTypeInPatches(child, documentType); });
43
- }
44
- if (typeof patchData === 'object' && patchData !== null) {
45
- return Object.keys(patchData).reduce(function (newObject, key) {
46
- var _a, _b;
47
- var value = patchData[key];
48
- if (key === '_type' &&
49
- typeof value === 'string' &&
50
- [exports.INTERNAL_NODE_TYPE, exports.INTERNAL_NODE_VALUE_TYPE].includes(value)) {
51
- return __assign(__assign({}, newObject), (_a = {}, _a[key] = getSchemaTypeName(documentType, value === exports.INTERNAL_NODE_TYPE ? 'node' : 'nodeValue'), _a));
52
- }
53
- return __assign(__assign({}, newObject), (_b = {}, _b[key] = injectNodeTypeInPatches(value, documentType), _b));
54
- }, {});
55
- }
56
- return patchData;
57
- }
58
- exports.default = injectNodeTypeInPatches;
@@ -1,5 +0,0 @@
1
- export default function moveItemInArray<ItemType = unknown>({ array, fromIndex, toIndex }: {
2
- array: ItemType[];
3
- fromIndex: number;
4
- toIndex: number;
5
- }): ItemType[];
@@ -1,26 +0,0 @@
1
- "use strict";
2
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
3
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
4
- if (ar || !(i in from)) {
5
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
6
- ar[i] = from[i];
7
- }
8
- }
9
- return to.concat(ar || Array.prototype.slice.call(from));
10
- };
11
- Object.defineProperty(exports, "__esModule", { value: true });
12
- function moveItemInArray(_a) {
13
- var array = _a.array, fromIndex = _a.fromIndex, toIndex = _a.toIndex;
14
- if (fromIndex === toIndex) {
15
- return array;
16
- }
17
- var newArray = __spreadArray([], array, true);
18
- var target = newArray[fromIndex];
19
- var inc = toIndex < fromIndex ? -1 : 1;
20
- for (var i = fromIndex; i !== toIndex; i += inc) {
21
- newArray[i] = newArray[i + inc];
22
- }
23
- newArray[toIndex] = target;
24
- return newArray;
25
- }
26
- exports.default = moveItemInArray;
@@ -1,7 +0,0 @@
1
- declare const ERROR_MESSAGES: {
2
- invalidDocumentId: string;
3
- invalidDocumentType: string;
4
- invalidReferenceTo: string;
5
- };
6
- export default function throwError(message: keyof typeof ERROR_MESSAGES, extraContext?: string): void;
7
- export {};
@@ -1,12 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var ERROR_MESSAGES = {
4
- invalidDocumentId: 'Please add a documentId to your tree',
5
- invalidDocumentType: 'Please add a valid documentType to createHierarchicalSchemas',
6
- invalidReferenceTo: "Missing valid 'referenceTo' value"
7
- };
8
- function throwError(message, extraContext) {
9
- if (extraContext === void 0) { extraContext = ''; }
10
- throw new Error("[hierarchical input] ".concat(ERROR_MESSAGES[message], " ").concat(extraContext));
11
- }
12
- exports.default = throwError;
@@ -1,18 +0,0 @@
1
- import { SanityDocument } from '@sanity/client';
2
- import { TreeItem } from 'react-sortable-tree';
3
- import { AllItems, EnhancedTreeItem, LocalTreeItem, StoredTreeItem, VisibilityMap } from '../types';
4
- export declare const dataToEditorTree: ({ tree, allItems, visibilityMap }: {
5
- tree: StoredTreeItem[];
6
- allItems: AllItems;
7
- visibilityMap: VisibilityMap;
8
- }) => LocalTreeItem[];
9
- export declare const flatTree: (tree: TreeItem[]) => TreeItem[];
10
- export interface FetchData {
11
- mainTree?: LocalTreeItem[];
12
- allItems?: SanityDocument[];
13
- }
14
- export declare const getUnaddedItems: (data: {
15
- allItems: AllItems;
16
- tree: StoredTreeItem[];
17
- }) => EnhancedTreeItem[];
18
- export declare function normalizeNodeForStorage(item: LocalTreeItem): StoredTreeItem;
@@ -1,118 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
25
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
26
- if (ar || !(i in from)) {
27
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
28
- ar[i] = from[i];
29
- }
30
- }
31
- return to.concat(ar || Array.prototype.slice.call(from));
32
- };
33
- var __importDefault = (this && this.__importDefault) || function (mod) {
34
- return (mod && mod.__esModule) ? mod : { "default": mod };
35
- };
36
- Object.defineProperty(exports, "__esModule", { value: true });
37
- exports.normalizeNodeForStorage = exports.getUnaddedItems = exports.flatTree = exports.dataToEditorTree = void 0;
38
- var jsx_runtime_1 = require("react/jsx-runtime");
39
- var content_1 = require("@sanity/util/content");
40
- var DocumentInNode_1 = __importDefault(require("../components/DocumentInNode"));
41
- var NodeActions_1 = __importDefault(require("../components/NodeActions"));
42
- var flatDataToTree_1 = __importDefault(require("./flatDataToTree"));
43
- var injectNodeTypeInPatches_1 = require("./injectNodeTypeInPatches");
44
- var dataToEditorTree = function (_a) {
45
- var tree = _a.tree, allItems = _a.allItems, visibilityMap = _a.visibilityMap;
46
- var itemsWithTitle = tree
47
- .filter(function (item) { var _a, _b; return (_b = (_a = item === null || item === void 0 ? void 0 : item.value) === null || _a === void 0 ? void 0 : _a.reference) === null || _b === void 0 ? void 0 : _b._ref; })
48
- .map(function (item) {
49
- var _a, _b;
50
- var refId = (_b = (_a = item.value) === null || _a === void 0 ? void 0 : _a.reference) === null || _b === void 0 ? void 0 : _b._ref;
51
- var docPair = refId ? allItems[refId] : undefined;
52
- var draftDoc = docPair === null || docPair === void 0 ? void 0 : docPair.draft;
53
- var publishedDoc = docPair === null || docPair === void 0 ? void 0 : docPair.published;
54
- var enhancedItem = __assign(__assign({}, item), { expanded: visibilityMap[item._key] !== false, draftId: draftDoc === null || draftDoc === void 0 ? void 0 : draftDoc._id, publishedId: publishedDoc === null || publishedDoc === void 0 ? void 0 : publishedDoc._id, draftUpdatedAt: draftDoc === null || draftDoc === void 0 ? void 0 : draftDoc._updatedAt, publishedUpdatedAt: publishedDoc === null || publishedDoc === void 0 ? void 0 : publishedDoc._updatedAt });
55
- return __assign(__assign({}, enhancedItem), { title: function (nodeProps) { return ((0, jsx_runtime_1.jsx)(DocumentInNode_1.default, { item: enhancedItem, action: (0, jsx_runtime_1.jsx)(NodeActions_1.default, { nodeProps: nodeProps }, void 0) }, void 0)); }, children: [] });
56
- });
57
- return (0, flatDataToTree_1.default)(itemsWithTitle);
58
- };
59
- exports.dataToEditorTree = dataToEditorTree;
60
- var documentPairToNode = function (doc) {
61
- var _a, _b, _c, _d;
62
- if (!((_a = doc === null || doc === void 0 ? void 0 : doc.published) === null || _a === void 0 ? void 0 : _a._id)) {
63
- return undefined;
64
- }
65
- return {
66
- _key: (0, content_1.randomKey)(12),
67
- _type: injectNodeTypeInPatches_1.INTERNAL_NODE_TYPE,
68
- draftId: (_b = doc.draft) === null || _b === void 0 ? void 0 : _b._id,
69
- draftUpdatedAt: (_c = doc.draft) === null || _c === void 0 ? void 0 : _c._updatedAt,
70
- publishedId: doc.published._id,
71
- publishedUpdatedAt: (_d = doc.published) === null || _d === void 0 ? void 0 : _d._updatedAt,
72
- value: {
73
- _type: injectNodeTypeInPatches_1.INTERNAL_NODE_VALUE_TYPE,
74
- reference: {
75
- _ref: doc.published._id,
76
- _type: 'reference',
77
- _weak: true
78
- },
79
- docType: doc.published._type
80
- }
81
- };
82
- };
83
- var flatTree = function (tree) {
84
- return tree.reduce(function (flattened, item) {
85
- var children = item.children, node = __rest(item, ["children"]);
86
- return __spreadArray(__spreadArray(__spreadArray([], flattened, true), [node], false), (Array.isArray(children) ? (0, exports.flatTree)(children) : []), true);
87
- }, []);
88
- };
89
- exports.flatTree = flatTree;
90
- var getUnaddedItems = function (data) {
91
- if (!data.tree) {
92
- return Object.entries(data.allItems)
93
- .map(function (value) { return documentPairToNode(value[1]); })
94
- .filter(Boolean);
95
- }
96
- return Object.entries(data.allItems)
97
- .filter(function (_a) {
98
- var publishedId = _a[0];
99
- return publishedId &&
100
- // unadded items shouldn't be in the tree
101
- !data.tree.some(function (treeItem) { var _a, _b; return ((_b = (_a = treeItem === null || treeItem === void 0 ? void 0 : treeItem.value) === null || _a === void 0 ? void 0 : _a.reference) === null || _b === void 0 ? void 0 : _b._ref) === publishedId; });
102
- })
103
- .map(function (_a) {
104
- var _publishedId = _a[0], documentPair = _a[1];
105
- return documentPairToNode(documentPair);
106
- })
107
- .filter(Boolean);
108
- };
109
- exports.getUnaddedItems = getUnaddedItems;
110
- function normalizeNodeForStorage(item) {
111
- return {
112
- _key: item._key,
113
- _type: item._type || injectNodeTypeInPatches_1.INTERNAL_NODE_TYPE,
114
- value: item.value,
115
- parent: item.parent
116
- };
117
- }
118
- exports.normalizeNodeForStorage = normalizeNodeForStorage;
@@ -1,15 +0,0 @@
1
- import { FullTree, NodeData, OnMovePreviousAndNextLocation, TreeItem } from 'react-sortable-tree';
2
- import { LocalTreeItem, NodeProps } from '../types';
3
- export declare type HandleMovedNodeData = Omit<NodeData & FullTree & OnMovePreviousAndNextLocation, 'prevPath' | 'prevTreeIndex' | 'path' | 'treeIndex' | 'node'> & {
4
- node: LocalTreeItem;
5
- };
6
- export declare type HandleMovedNode = (moveData: HandleMovedNodeData) => void;
7
- export declare function getAddItemPatch(item: LocalTreeItem): unknown[];
8
- export declare function getDuplicateItemPatch(nodeProps: NodeProps): unknown[];
9
- export declare function getRemoveItemPatch({ node }: Pick<NodeProps, 'node'>): unknown[];
10
- export declare function getMovedNodePatch(data: HandleMovedNodeData): unknown[];
11
- export declare function getMoveItemPatch({ nodeProps: { node, treeIndex }, localTree, direction }: {
12
- nodeProps: NodeProps;
13
- localTree: TreeItem[];
14
- direction: 'up' | 'down';
15
- }): unknown[];
@@ -1,171 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
- }) : (function(o, m, k, k2) {
17
- if (k2 === undefined) k2 = k;
18
- o[k2] = m[k];
19
- }));
20
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
- Object.defineProperty(o, "default", { enumerable: true, value: v });
22
- }) : function(o, v) {
23
- o["default"] = v;
24
- });
25
- var __importStar = (this && this.__importStar) || function (mod) {
26
- if (mod && mod.__esModule) return mod;
27
- var result = {};
28
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
- __setModuleDefault(result, mod);
30
- return result;
31
- };
32
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
33
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
34
- if (ar || !(i in from)) {
35
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
36
- ar[i] = from[i];
37
- }
38
- }
39
- return to.concat(ar || Array.prototype.slice.call(from));
40
- };
41
- var __importDefault = (this && this.__importDefault) || function (mod) {
42
- return (mod && mod.__esModule) ? mod : { "default": mod };
43
- };
44
- Object.defineProperty(exports, "__esModule", { value: true });
45
- exports.getMoveItemPatch = exports.getMovedNodePatch = exports.getRemoveItemPatch = exports.getDuplicateItemPatch = exports.getAddItemPatch = void 0;
46
- var Patch = __importStar(require("@sanity/form-builder/lib/patch/patches"));
47
- var content_1 = require("@sanity/util/content");
48
- var react_sortable_tree_1 = require("react-sortable-tree");
49
- var getAdjescentNodes_1 = __importDefault(require("./getAdjescentNodes"));
50
- var moveItemInArray_1 = __importDefault(require("./moveItemInArray"));
51
- var treeData_1 = require("./treeData");
52
- function getAddItemPatch(item) {
53
- var normalizedNode = (0, treeData_1.normalizeNodeForStorage)(item);
54
- return [
55
- // Add the node to the end of the tree
56
- Patch.insert([normalizedNode], 'after', [-1])
57
- ];
58
- }
59
- exports.getAddItemPatch = getAddItemPatch;
60
- function getDuplicateItemPatch(nodeProps) {
61
- var newItem = __assign(__assign({}, nodeProps.node), { _key: (0, content_1.randomKey)(12) });
62
- var normalizedNode = (0, treeData_1.normalizeNodeForStorage)(newItem);
63
- return [
64
- // Add duplicated node before the existing one
65
- Patch.insert([normalizedNode], 'before', [{ _key: nodeProps.node._key }])
66
- ];
67
- }
68
- exports.getDuplicateItemPatch = getDuplicateItemPatch;
69
- function getRemoveItemPatch(_a) {
70
- var node = _a.node;
71
- var keyPath = { _key: node._key };
72
- var children = getChildrenPaths(node);
73
- return __spreadArray([
74
- // 1. Unset the removed node
75
- Patch.unset([keyPath])
76
- ], children.map(function (path) { return Patch.unset([{ _key: path }]); }), true);
77
- }
78
- exports.getRemoveItemPatch = getRemoveItemPatch;
79
- function getMovedNodePatch(data) {
80
- var _a, _b;
81
- var nextParentNode = data.nextParentNode;
82
- var keyPath = { _key: data.node._key };
83
- // === REMOVING NODE FROM TREE ===
84
- // `nextPath` will be null if the item is removed from tree
85
- if (!Array.isArray(data.nextPath)) {
86
- return getRemoveItemPatch({ node: data.node });
87
- }
88
- var nextFlatTree = (0, react_sortable_tree_1.getFlatDataFromTree)({
89
- treeData: data.treeData,
90
- getNodeKey: function (t) { return t.node._key; }
91
- });
92
- var normalizedNode = (0, treeData_1.normalizeNodeForStorage)(data.node);
93
- var _c = (0, getAdjescentNodes_1.default)({
94
- flatTree: nextFlatTree,
95
- node: data.node,
96
- treeIndex: data.nextTreeIndex
97
- }), leadingNode = _c.leadingNode, followingNode = _c.followingNode;
98
- return [
99
- // 1. Unset the moved node
100
- // (will be ignored by Content Lake on new nodes with _key not yet in tree)
101
- Patch.unset([keyPath]),
102
- // 2. SIBLING-BASED PLACEMENT
103
- // If we were to place solely based on nextTreeIndex, concurrent changes from other editors could put the new node in an unexpected position.
104
- // Let's instead anchor it to the _key of the sibling coming before or after it.
105
- ((_a = leadingNode === null || leadingNode === void 0 ? void 0 : leadingNode.node) === null || _a === void 0 ? void 0 : _a._key)
106
- ? // After the sibling before it
107
- Patch.insert([normalizedNode], 'after', [{ _key: leadingNode.node._key }])
108
- : // Or before the sibling right after it, in case there's no leading sibling node
109
- // prettier-ignore
110
- Patch.insert([normalizedNode], 'before', [((_b = followingNode === null || followingNode === void 0 ? void 0 : followingNode.node) === null || _b === void 0 ? void 0 : _b._key) ? { _key: followingNode.node._key } : data.nextTreeIndex]),
111
- // 3. Patch the new node with its new `parent`
112
- nextParentNode
113
- ? // If it has a parent node, set that parent's _key
114
- Patch.set(nextParentNode._key, [keyPath, 'parent'])
115
- : // Else remove the parent key entirely
116
- Patch.unset([keyPath, 'parent'])
117
- ];
118
- }
119
- exports.getMovedNodePatch = getMovedNodePatch;
120
- function getChildrenPaths(node) {
121
- if (!Array.isArray(node.children)) {
122
- return [];
123
- }
124
- return node.children
125
- .reduce(function (keyPaths, child) { return __spreadArray(__spreadArray(__spreadArray([], keyPaths, true), [child._key], false), getChildrenPaths(child), true); }, [])
126
- .filter(Boolean);
127
- }
128
- function getMoveItemPatch(_a) {
129
- var _b, _c;
130
- var _d = _a.nodeProps, node = _d.node, treeIndex = _d.treeIndex, localTree = _a.localTree, _e = _a.direction, direction = _e === void 0 ? 'up' : _e;
131
- var keyPath = { _key: node._key };
132
- var nextTreeIndex = treeIndex + (direction === 'up' ? -1 : 1);
133
- var flatTree = (0, react_sortable_tree_1.getFlatDataFromTree)({
134
- treeData: localTree,
135
- getNodeKey: function (t) { return t.node._key; }
136
- });
137
- var nextFlatTree = (0, moveItemInArray_1.default)({
138
- array: flatTree,
139
- fromIndex: treeIndex,
140
- toIndex: nextTreeIndex
141
- });
142
- var _f = (0, getAdjescentNodes_1.default)({
143
- flatTree: nextFlatTree,
144
- node: node,
145
- treeIndex: nextTreeIndex
146
- }), leadingNode = _f.leadingNode, followingNode = _f.followingNode;
147
- var normalizedNode = (0, treeData_1.normalizeNodeForStorage)(node);
148
- // When moving up, look at following node to figure out what is the next parent.
149
- var nodeToInheritParent = direction === 'up' ? followingNode : leadingNode;
150
- var nextParentNode = nodeToInheritParent === null || nodeToInheritParent === void 0 ? void 0 : nodeToInheritParent.parentNode;
151
- return [
152
- // 1. Unset the moved node
153
- // (will be ignored by Content Lake on new nodes with _key not yet in tree)
154
- Patch.unset([keyPath]),
155
- // 2. SIBLING-BASED PLACEMENT
156
- ((_b = leadingNode === null || leadingNode === void 0 ? void 0 : leadingNode.node) === null || _b === void 0 ? void 0 : _b._key)
157
- ? // After the sibling before it
158
- Patch.insert([normalizedNode], 'after', [{ _key: leadingNode.node._key }])
159
- : // Or before the sibling right after it, in case there's no leading sibling node
160
- Patch.insert([normalizedNode], 'before', [
161
- ((_c = followingNode === null || followingNode === void 0 ? void 0 : followingNode.node) === null || _c === void 0 ? void 0 : _c._key) ? { _key: followingNode.node._key } : nextTreeIndex
162
- ]),
163
- // 3. Patch the new node with its new `parent`
164
- nextParentNode
165
- ? // If it has a parent node, set that parent's _key
166
- Patch.set(nextParentNode._key, [keyPath, 'parent'])
167
- : // Else remove the parent key entirely
168
- Patch.unset([keyPath, 'parent'])
169
- ];
170
- }
171
- exports.getMoveItemPatch = getMoveItemPatch;
package/screenshot-1.jpg DELETED
Binary file
package/tsconfig.json DELETED
@@ -1,20 +0,0 @@
1
- {
2
- "compilerOptions": {
3
- "target": "es5",
4
- "useDefineForClassFields": true,
5
- "lib": ["DOM", "DOM.Iterable", "ESNext"],
6
- "allowJs": false,
7
- "skipLibCheck": true,
8
- "esModuleInterop": true,
9
- "allowSyntheticDefaultImports": false,
10
- "strict": true,
11
- "forceConsistentCasingInFileNames": true,
12
- "module": "CommonJS",
13
- "moduleResolution": "Node",
14
- "resolveJsonModule": true,
15
- "isolatedModules": true,
16
- "jsx": "react-jsx",
17
- "outDir": "lib"
18
- },
19
- "include": ["./src"]
20
- }