@sanity/hierarchical-document-list 0.1.0-next.3 → 1.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 (59) hide show
  1. package/README.md +99 -26
  2. package/lib/TreeDeskStructure.d.ts +2 -1
  3. package/lib/TreeDeskStructure.js +82 -33
  4. package/lib/TreeInputComponent.d.ts +1 -1
  5. package/lib/TreeInputComponent.js +50 -8
  6. package/lib/components/DeskWarning.d.ts +1 -1
  7. package/lib/components/DeskWarning.js +43 -9
  8. package/lib/components/DocumentInNode.d.ts +1 -1
  9. package/lib/components/DocumentInNode.js +64 -28
  10. package/lib/components/DocumentPreviewStatus.d.ts +1 -1
  11. package/lib/components/DocumentPreviewStatus.js +36 -13
  12. package/lib/components/NodeActions.d.ts +1 -1
  13. package/lib/components/NodeActions.js +55 -18
  14. package/lib/components/NodeContentRenderer.js +75 -49
  15. package/lib/components/PlaceholderDropzone.d.ts +1 -1
  16. package/lib/components/PlaceholderDropzone.js +22 -9
  17. package/lib/components/TreeEditor.d.ts +1 -1
  18. package/lib/components/TreeEditor.js +48 -30
  19. package/lib/components/TreeEditorErrorBoundary.d.ts +2 -16
  20. package/lib/components/TreeEditorErrorBoundary.js +50 -31
  21. package/lib/components/TreeNodeRenderer.js +53 -16
  22. package/lib/components/TreeNodeRendererScaffold.d.ts +1 -1
  23. package/lib/components/TreeNodeRendererScaffold.js +19 -139
  24. package/lib/createDeskHierarchy.js +58 -27
  25. package/lib/createHierarchicalSchemas.d.ts +78 -0
  26. package/lib/createHierarchicalSchemas.js +138 -0
  27. package/lib/{utils → hooks}/useAllItems.d.ts +0 -0
  28. package/lib/hooks/useAllItems.js +119 -0
  29. package/lib/{utils → hooks}/useLocalTree.d.ts +0 -0
  30. package/lib/hooks/useLocalTree.js +59 -0
  31. package/lib/{utils → hooks}/useTreeOperations.d.ts +1 -1
  32. package/lib/hooks/useTreeOperations.js +39 -0
  33. package/lib/{utils → hooks}/useTreeOperationsProvider.d.ts +1 -1
  34. package/lib/hooks/useTreeOperationsProvider.js +85 -0
  35. package/lib/index.d.ts +1 -1
  36. package/lib/index.js +12 -3
  37. package/lib/schemas/hierarchy.tree.d.ts +5 -15
  38. package/lib/schemas/hierarchy.tree.js +10 -21
  39. package/lib/utils/flatDataToTree.js +21 -9
  40. package/lib/utils/getAdjescentNodes.js +10 -6
  41. package/lib/utils/getCommonTreeProps.js +28 -10
  42. package/lib/utils/getTreeHeight.js +9 -5
  43. package/lib/utils/gradientPatchAdapter.js +26 -18
  44. package/lib/utils/idUtils.js +9 -2
  45. package/lib/utils/injectNodeTypeInPatches.d.ts +12 -0
  46. package/lib/utils/injectNodeTypeInPatches.js +58 -0
  47. package/lib/utils/moveItemInArray.js +18 -5
  48. package/lib/utils/throwError.d.ts +7 -0
  49. package/lib/utils/throwError.js +12 -0
  50. package/lib/utils/treeData.js +87 -46
  51. package/lib/utils/treePatches.js +96 -47
  52. package/package.json +1 -2
  53. package/tsconfig.json +4 -4
  54. package/lib/createHierarchicalField.d.ts +0 -8
  55. package/lib/createHierarchicalField.js +0 -36
  56. package/lib/utils/useAllItems.js +0 -92
  57. package/lib/utils/useLocalTree.js +0 -27
  58. package/lib/utils/useTreeOperations.js +0 -16
  59. package/lib/utils/useTreeOperationsProvider.js +0 -52
@@ -0,0 +1,119 @@
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 __importDefault = (this && this.__importDefault) || function (mod) {
33
+ return (mod && mod.__esModule) ? mod : { "default": mod };
34
+ };
35
+ Object.defineProperty(exports, "__esModule", { value: true });
36
+ var client_1 = __importDefault(require("part:@sanity/base/client"));
37
+ var React = __importStar(require("react"));
38
+ var idUtils_1 = require("../utils/idUtils");
39
+ var client = client_1.default.withConfig({
40
+ apiVersion: '2021-09-01'
41
+ });
42
+ function getDeskFilter(_a) {
43
+ var referenceTo = _a.referenceTo, referenceOptions = _a.referenceOptions;
44
+ var filterParts = ['_type in $docTypes'];
45
+ if (referenceOptions === null || referenceOptions === void 0 ? void 0 : referenceOptions.filter) {
46
+ filterParts.push(referenceOptions.filter);
47
+ }
48
+ return {
49
+ filter: filterParts.join(' && '),
50
+ params: __assign(__assign({}, ((referenceOptions === null || referenceOptions === void 0 ? void 0 : referenceOptions.filterParams) || {})), { docTypes: referenceTo.map(function (schemaType) { return schemaType; }) })
51
+ };
52
+ }
53
+ function updateItemInState(state, item) {
54
+ var _a;
55
+ var newState = __assign({}, state);
56
+ var publishedId = (0, idUtils_1.unprefixId)(item._id);
57
+ newState[publishedId] = __assign(__assign({}, (newState[publishedId] || {})), (_a = {}, _a[(0, idUtils_1.isDraft)(item._id) ? 'draft' : 'published'] = item, _a));
58
+ return newState;
59
+ }
60
+ function allItemsReducer(state, action) {
61
+ var _a;
62
+ var _b, _c, _d;
63
+ if (action.type === 'addOrEditItem' && ((_b = action.item) === null || _b === void 0 ? void 0 : _b._id)) {
64
+ return updateItemInState(state, action.item);
65
+ }
66
+ if (action.type === 'removeItem') {
67
+ var publishedId = (0, idUtils_1.unprefixId)(action.itemId);
68
+ return __assign(__assign({}, state), (_a = {}, _a[publishedId] = (0, idUtils_1.isDraft)(action.itemId)
69
+ ? // If a draft, keep only published
70
+ {
71
+ published: (_c = state[publishedId]) === null || _c === void 0 ? void 0 : _c.published
72
+ }
73
+ : {
74
+ draft: (_d = state[publishedId]) === null || _d === void 0 ? void 0 : _d.draft
75
+ }, _a));
76
+ }
77
+ if (action.type === 'setInitialData') {
78
+ return action.items.reduce(updateItemInState, {});
79
+ }
80
+ return state;
81
+ }
82
+ function useAllItems(options) {
83
+ var _a = React.useState('loading'), status = _a[0], setStatus = _a[1];
84
+ var _b = React.useReducer(allItemsReducer, {}), allItems = _b[0], dispatch = _b[1];
85
+ function handleListener(event) {
86
+ if (event.type !== 'mutation') {
87
+ return;
88
+ }
89
+ if (event.result) {
90
+ dispatch({ type: 'addOrEditItem', item: event.result });
91
+ }
92
+ else {
93
+ dispatch({ type: 'removeItem', itemId: event.documentId });
94
+ }
95
+ }
96
+ function handleFirstLoad(items) {
97
+ dispatch({ type: 'setInitialData', items: items });
98
+ setStatus('success');
99
+ }
100
+ React.useEffect(function () {
101
+ var _a = getDeskFilter(options), filter = _a.filter, params = _a.params;
102
+ var query = "*[".concat(filter, "] {\n _id,\n _type,\n _updatedAt,\n }");
103
+ client
104
+ .fetch(query, params)
105
+ .then(handleFirstLoad)
106
+ .catch(function () {
107
+ setStatus('error');
108
+ });
109
+ var listener = client.listen(query, params).subscribe(handleListener);
110
+ return function () {
111
+ listener.unsubscribe();
112
+ };
113
+ }, []);
114
+ return {
115
+ status: status,
116
+ allItems: allItems
117
+ };
118
+ }
119
+ exports.default = useAllItems;
File without changes
@@ -0,0 +1,59 @@
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
+ Object.defineProperty(exports, "__esModule", { value: true });
33
+ var React = __importStar(require("react"));
34
+ var treeData_1 = require("../utils/treeData");
35
+ /**
36
+ * Enhances tree data with information on:
37
+ * - `expanded` - native property of react-sortable-tree to determine collapsing & expanding of a node's children
38
+ * - `draftId` & `publishedId` - refer to LocalTreeItem's type annotations
39
+ *
40
+ * Doesn't modify the main tree or has side-effects on data.
41
+ * Has the added benefit of being local to the user, so external changes won't affect local visibility.
42
+ */
43
+ function useLocalTree(_a) {
44
+ var tree = _a.tree, allItems = _a.allItems;
45
+ var _b = React.useState({}), visibilityMap = _b[0], setVisibilityMap = _b[1];
46
+ function handleVisibilityToggle(data) {
47
+ var _a;
48
+ setVisibilityMap(__assign(__assign({}, visibilityMap), (_a = {}, _a[data.node._key] = data.expanded, _a)));
49
+ }
50
+ return {
51
+ localTree: (0, treeData_1.dataToEditorTree)({
52
+ tree: tree,
53
+ allItems: allItems,
54
+ visibilityMap: visibilityMap
55
+ }),
56
+ handleVisibilityToggle: handleVisibilityToggle
57
+ };
58
+ }
59
+ exports.default = useLocalTree;
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import * as React from 'react';
2
2
  import useAllItems from './useAllItems';
3
3
  import useTreeOperationsProvider from './useTreeOperationsProvider';
4
4
  declare type ContextValue = ReturnType<typeof useTreeOperationsProvider> & {
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ Object.defineProperty(exports, "__esModule", { value: true });
22
+ exports.TreeOperationsContext = void 0;
23
+ var React = __importStar(require("react"));
24
+ function placeholder() {
25
+ // no-op
26
+ }
27
+ exports.TreeOperationsContext = React.createContext({
28
+ addItem: placeholder,
29
+ duplicateItem: placeholder,
30
+ removeItem: placeholder,
31
+ handleMovedNode: placeholder,
32
+ moveItemDown: placeholder,
33
+ moveItemUp: placeholder,
34
+ allItemsStatus: 'loading'
35
+ });
36
+ function useTreeOperations() {
37
+ return React.useContext(exports.TreeOperationsContext);
38
+ }
39
+ exports.default = useTreeOperations;
@@ -1,5 +1,5 @@
1
1
  import { LocalTreeItem, NodeProps } from '../types';
2
- import { HandleMovedNode } from './treePatches';
2
+ import { HandleMovedNode } from '../utils/treePatches';
3
3
  export default function useTreeOperationsProvider(props: {
4
4
  patchPrefix?: string;
5
5
  onChange: (patch: unknown) => void;
@@ -0,0 +1,85 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
22
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
23
+ if (ar || !(i in from)) {
24
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
25
+ ar[i] = from[i];
26
+ }
27
+ }
28
+ return to.concat(ar || Array.prototype.slice.call(from));
29
+ };
30
+ var __importDefault = (this && this.__importDefault) || function (mod) {
31
+ return (mod && mod.__esModule) ? mod : { "default": mod };
32
+ };
33
+ Object.defineProperty(exports, "__esModule", { value: true });
34
+ var Patch = __importStar(require("@sanity/form-builder/lib/patch/patches"));
35
+ var PatchEvent_1 = __importDefault(require("@sanity/form-builder/PatchEvent"));
36
+ var treePatches_1 = require("../utils/treePatches");
37
+ function useTreeOperationsProvider(props) {
38
+ var localTree = props.localTree;
39
+ function runPatches(patches) {
40
+ var finalPatches = __spreadArray([
41
+ // Ensure tree array exists before any operation
42
+ Patch.setIfMissing([])
43
+ ], (patches || []), true);
44
+ var patchEvent = PatchEvent_1.default.from(finalPatches);
45
+ if (props.patchPrefix) {
46
+ patchEvent = PatchEvent_1.default.from(finalPatches.map(function (patch) { return Patch.prefixPath(patch, props.patchPrefix); }));
47
+ }
48
+ props.onChange(patchEvent);
49
+ }
50
+ function handleMovedNode(data) {
51
+ runPatches((0, treePatches_1.getMovedNodePatch)(data));
52
+ }
53
+ function addItem(item) {
54
+ runPatches((0, treePatches_1.getAddItemPatch)(item));
55
+ }
56
+ function duplicateItem(nodeProps) {
57
+ runPatches((0, treePatches_1.getDuplicateItemPatch)(nodeProps));
58
+ }
59
+ function removeItem(nodeProps) {
60
+ runPatches((0, treePatches_1.getRemoveItemPatch)(nodeProps));
61
+ }
62
+ function moveItemUp(nodeProps) {
63
+ runPatches((0, treePatches_1.getMoveItemPatch)({
64
+ nodeProps: nodeProps,
65
+ localTree: localTree,
66
+ direction: 'up'
67
+ }));
68
+ }
69
+ function moveItemDown(nodeProps) {
70
+ runPatches((0, treePatches_1.getMoveItemPatch)({
71
+ nodeProps: nodeProps,
72
+ localTree: localTree,
73
+ direction: 'down'
74
+ }));
75
+ }
76
+ return {
77
+ handleMovedNode: handleMovedNode,
78
+ addItem: addItem,
79
+ removeItem: removeItem,
80
+ moveItemUp: moveItemUp,
81
+ moveItemDown: moveItemDown,
82
+ duplicateItem: duplicateItem
83
+ };
84
+ }
85
+ exports.default = useTreeOperationsProvider;
package/lib/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export { default as createHierarchicalField } from './createHierarchicalField';
1
+ export { default as createHierarchicalSchemas } from './createHierarchicalSchemas';
2
2
  export { default as createDeskHierarchy } from './createDeskHierarchy';
3
3
  export { default as flatDataToTree } from './utils/flatDataToTree';
package/lib/index.js CHANGED
@@ -1,3 +1,12 @@
1
- export { default as createHierarchicalField } from './createHierarchicalField';
2
- export { default as createDeskHierarchy } from './createDeskHierarchy';
3
- export { default as flatDataToTree } from './utils/flatDataToTree';
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.flatDataToTree = exports.createDeskHierarchy = exports.createHierarchicalSchemas = void 0;
7
+ var createHierarchicalSchemas_1 = require("./createHierarchicalSchemas");
8
+ Object.defineProperty(exports, "createHierarchicalSchemas", { enumerable: true, get: function () { return __importDefault(createHierarchicalSchemas_1).default; } });
9
+ var createDeskHierarchy_1 = require("./createDeskHierarchy");
10
+ Object.defineProperty(exports, "createDeskHierarchy", { enumerable: true, get: function () { return __importDefault(createDeskHierarchy_1).default; } });
11
+ var flatDataToTree_1 = require("./utils/flatDataToTree");
12
+ Object.defineProperty(exports, "flatDataToTree", { enumerable: true, get: function () { return __importDefault(flatDataToTree_1).default; } });
@@ -1,23 +1,13 @@
1
- /// <reference types="react" />
2
1
  declare const _default: {
3
2
  name: string;
4
3
  title: string;
5
4
  type: string;
6
5
  liveEdit: boolean;
7
- fields: (Omit<import("@sanity/types/dist/dts").ArraySchemaType<unknown>, "type" | "of" | "jsonType"> & {
6
+ fields: {
7
+ name: string;
8
+ title: string;
8
9
  type: string;
9
- inputComponent: import("react").FC<any>;
10
- of: any[];
11
- })[];
12
- preview: {
13
- select: {
14
- id: string;
15
- tree: string;
16
- };
17
- prepare({ id, tree }: {
18
- id: string;
19
- tree: unknown[];
20
- }): Record<string, string>;
21
- };
10
+ hidden: boolean;
11
+ }[];
22
12
  };
23
13
  export default _default;
@@ -1,30 +1,19 @@
1
- import createHierarchicalField from '../createHierarchicalField';
2
- export default {
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.default = {
3
4
  name: 'hierarchy.tree',
4
5
  title: 'Hierarchical tree',
5
6
  type: 'document',
6
7
  // The plugin needs to define a `schemaType` with liveEdit enabled so that
7
8
  // `useDocumentOperation` in TreeDeskStructure.tsx doesn't create drafts at every patch.
8
9
  liveEdit: true,
10
+ // Let's avoid defining the actual hierarchical field, else GraphQL users won't be able to deploy schemas
9
11
  fields: [
10
- createHierarchicalField({
11
- name: 'tree',
12
- title: 'Tree',
13
- options: {
14
- referenceTo: ['image']
15
- }
16
- })
17
- ],
18
- preview: {
19
- select: {
20
- id: '_id',
21
- tree: 'tree'
22
- },
23
- prepare({ id, tree }) {
24
- return {
25
- title: `Hierarchical documents (ID: ${id})`,
26
- subtitle: `${tree?.length || 0} document(s) in its list.`
27
- };
12
+ {
13
+ name: 'unusedField',
14
+ title: 'Unused field',
15
+ type: 'string',
16
+ hidden: true
28
17
  }
29
- }
18
+ ]
30
19
  };
@@ -1,14 +1,26 @@
1
- import { getTreeFromFlatData } from 'react-sortable-tree';
2
- export default function flatDataToTree(data) {
3
- return getTreeFromFlatData({
4
- flatData: data.map((item) => ({
5
- ...item,
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
+ var react_sortable_tree_1 = require("react-sortable-tree");
15
+ function flatDataToTree(data) {
16
+ return (0, react_sortable_tree_1.getTreeFromFlatData)({
17
+ flatData: data.map(function (item) { return (__assign(__assign({}, item), {
6
18
  // if parent: undefined, the tree won't be constructed
7
- parent: item.parent || null
8
- })),
9
- getKey: (item) => item._key,
10
- getParentKey: (item) => item.parent,
19
+ parent: item.parent || null })); }),
20
+ getKey: function (item) { return item._key; },
21
+ getParentKey: function (item) { return item.parent; },
11
22
  // without rootKey, the tree won't be constructed
12
23
  rootKey: null
13
24
  });
14
25
  }
26
+ exports.default = flatDataToTree;
@@ -1,15 +1,19 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
1
3
  /**
2
4
  * Gets adjescent non-children nodes of a given treeIndex.
3
5
  */
4
- export default function getAdjescentNodes({ flatTree, node, treeIndex }) {
5
- const leadingNode = flatTree
6
+ function getAdjescentNodes(_a) {
7
+ var flatTree = _a.flatTree, node = _a.node, treeIndex = _a.treeIndex;
8
+ var leadingNode = flatTree
6
9
  .slice(0, treeIndex)
7
10
  .reverse()
8
11
  // Disregard children nodes - these include the current node's key in their `path` array
9
- .find((item) => !item.path.includes(node._key));
10
- const followingNode = flatTree.slice(treeIndex + 1).find((item) => !item.path.includes(node._key));
12
+ .find(function (item) { return !item.path.includes(node._key); });
13
+ var followingNode = flatTree.slice(treeIndex + 1).find(function (item) { return !item.path.includes(node._key); });
11
14
  return {
12
- leadingNode,
13
- followingNode
15
+ leadingNode: leadingNode,
16
+ followingNode: followingNode
14
17
  };
15
18
  }
19
+ exports.default = getAdjescentNodes;
@@ -1,15 +1,33 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import NodeContentRenderer from '../components/NodeContentRenderer';
3
- import PlaceholderDropzone from '../components/PlaceholderDropzone';
4
- import TreeNodeRenderer from '../components/TreeNodeRenderer';
5
- import { ROW_HEIGHT } from './getTreeHeight';
6
- export default function getCommonTreeProps({ placeholder }) {
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 __importDefault = (this && this.__importDefault) || function (mod) {
14
+ return (mod && mod.__esModule) ? mod : { "default": mod };
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ var jsx_runtime_1 = require("react/jsx-runtime");
18
+ var NodeContentRenderer_1 = __importDefault(require("../components/NodeContentRenderer"));
19
+ var PlaceholderDropzone_1 = __importDefault(require("../components/PlaceholderDropzone"));
20
+ var TreeNodeRenderer_1 = __importDefault(require("../components/TreeNodeRenderer"));
21
+ var getTreeHeight_1 = require("./getTreeHeight");
22
+ function getCommonTreeProps(_a) {
23
+ var placeholder = _a.placeholder;
7
24
  return {
8
25
  theme: {
9
- nodeContentRenderer: NodeContentRenderer,
10
- placeholderRenderer: (props) => _jsx(PlaceholderDropzone, { ...placeholder, ...props }, void 0),
11
- treeNodeRenderer: TreeNodeRenderer,
12
- rowHeight: ROW_HEIGHT
26
+ nodeContentRenderer: NodeContentRenderer_1.default,
27
+ placeholderRenderer: function (props) { return (0, jsx_runtime_1.jsx)(PlaceholderDropzone_1.default, __assign({}, placeholder, props), void 0); },
28
+ treeNodeRenderer: TreeNodeRenderer_1.default,
29
+ rowHeight: getTreeHeight_1.ROW_HEIGHT
13
30
  }
14
31
  };
15
32
  }
33
+ exports.default = getCommonTreeProps;
@@ -1,7 +1,11 @@
1
- import { getVisibleNodeCount } from 'react-sortable-tree';
2
- export const ROW_HEIGHT = 51;
3
- export default function getTreeHeight(treeData) {
4
- const visibleNodeCount = getVisibleNodeCount({ treeData });
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ROW_HEIGHT = void 0;
4
+ var react_sortable_tree_1 = require("react-sortable-tree");
5
+ exports.ROW_HEIGHT = 51;
6
+ function getTreeHeight(treeData) {
7
+ var visibleNodeCount = (0, react_sortable_tree_1.getVisibleNodeCount)({ treeData: treeData });
5
8
  // prettier-ignore
6
- return `${50 + (ROW_HEIGHT * visibleNodeCount)}px`;
9
+ return "".concat(50 + (exports.ROW_HEIGHT * visibleNodeCount), "px");
7
10
  }
11
+ exports.default = getTreeHeight;
@@ -1,18 +1,26 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.toGradient = void 0;
1
7
  // Adapted from @sanity/form-builder/src/sanity/utils/gradientPatchAdapter.ts
2
- import assert from 'assert';
3
- import { arrayToJSONMatchPath } from '@sanity/mutator';
4
- export function toGradient(patches) {
8
+ var assert_1 = __importDefault(require("assert"));
9
+ var mutator_1 = require("@sanity/mutator");
10
+ function toGradient(patches) {
5
11
  return patches.map(toGradientPatch);
6
12
  }
13
+ exports.toGradient = toGradient;
7
14
  function toGradientPatch(patch) {
8
- const matchPath = arrayToJSONMatchPath(patch.path || []);
15
+ var _a, _b, _c, _d;
16
+ var matchPath = (0, mutator_1.arrayToJSONMatchPath)(patch.path || []);
9
17
  if (patch.type === 'insert') {
10
- const { position, items } = patch;
18
+ var position = patch.position, items = patch.items;
11
19
  return {
12
- insert: {
13
- [position]: matchPath,
14
- items: items
15
- }
20
+ insert: (_a = {},
21
+ _a[position] = matchPath,
22
+ _a.items = items,
23
+ _a)
16
24
  };
17
25
  }
18
26
  if (patch.type === 'unset') {
@@ -20,15 +28,15 @@ function toGradientPatch(patch) {
20
28
  unset: [matchPath]
21
29
  };
22
30
  }
23
- assert(patch.type, `Missing patch type in patch ${JSON.stringify(patch)}`);
31
+ (0, assert_1.default)(patch.type, "Missing patch type in patch ".concat(JSON.stringify(patch)));
24
32
  if (matchPath) {
25
- return {
26
- [patch.type]: {
27
- [matchPath]: patch.value
28
- }
29
- };
33
+ return _b = {},
34
+ _b[patch.type] = (_c = {},
35
+ _c[matchPath] = patch.value,
36
+ _c),
37
+ _b;
30
38
  }
31
- return {
32
- [patch.type]: patch.value
33
- };
39
+ return _d = {},
40
+ _d[patch.type] = patch.value,
41
+ _d;
34
42
  }
@@ -1,6 +1,13 @@
1
- export function unprefixId(_id = '') {
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.isDraft = exports.unprefixId = void 0;
4
+ function unprefixId(_id) {
5
+ if (_id === void 0) { _id = ''; }
2
6
  return _id.replace('drafts.', '');
3
7
  }
4
- export function isDraft(_id = '') {
8
+ exports.unprefixId = unprefixId;
9
+ function isDraft(_id) {
10
+ if (_id === void 0) { _id = ''; }
5
11
  return _id.startsWith('drafts.');
6
12
  }
13
+ exports.isDraft = isDraft;
@@ -0,0 +1,12 @@
1
+ export declare function getSchemaTypeName(documentType: string, type: 'document' | 'node' | 'nodeValue' | 'array'): string;
2
+ /**
3
+ * Temporary value of nodes' `_type` before they are normalized and persisted as the user-defined choice.
4
+ */
5
+ export declare const DEFAULT_DOC_TYPE = "hierarchy.tree";
6
+ export declare const INTERNAL_NODE_TYPE: string;
7
+ export declare const INTERNAL_NODE_VALUE_TYPE: string;
8
+ export declare const INTERNAL_NODE_ARRAY_TYPE: string;
9
+ /**
10
+ * Barebones recursive utility to inject the desired nodeObjectType in patches generated in deeply nested components and utilities.
11
+ */
12
+ export default function injectNodeTypeInPatches(patchData: any, documentType: string): any;