@sanity/hierarchical-document-list 1.0.0 → 1.1.0

package/lib/hooks/useAllItems.js

@@ -1,119 +1,119 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var client_1 = __importDefault(require("part:@sanity/base/client"));
-var React = __importStar(require("react"));
-var idUtils_1 = require("../utils/idUtils");
-var client = client_1.default.withConfig({
-    apiVersion: '2021-09-01'
-});
-function getDeskFilter(_a) {
-    var referenceTo = _a.referenceTo, referenceOptions = _a.referenceOptions;
-    var filterParts = ['_type in $docTypes'];
-    if (referenceOptions === null || referenceOptions === void 0 ? void 0 : referenceOptions.filter) {
-        filterParts.push(referenceOptions.filter);
-    }
-    return {
-        filter: filterParts.join(' && '),
-        params: __assign(__assign({}, ((referenceOptions === null || referenceOptions === void 0 ? void 0 : referenceOptions.filterParams) || {})), { docTypes: referenceTo.map(function (schemaType) { return schemaType; }) })
-    };
-}
-function updateItemInState(state, item) {
-    var _a;
-    var newState = __assign({}, state);
-    var publishedId = (0, idUtils_1.unprefixId)(item._id);
-    newState[publishedId] = __assign(__assign({}, (newState[publishedId] || {})), (_a = {}, _a[(0, idUtils_1.isDraft)(item._id) ? 'draft' : 'published'] = item, _a));
-    return newState;
-}
-function allItemsReducer(state, action) {
-    var _a;
-    var _b, _c, _d;
-    if (action.type === 'addOrEditItem' && ((_b = action.item) === null || _b === void 0 ? void 0 : _b._id)) {
-        return updateItemInState(state, action.item);
-    }
-    if (action.type === 'removeItem') {
-        var publishedId = (0, idUtils_1.unprefixId)(action.itemId);
-        return __assign(__assign({}, state), (_a = {}, _a[publishedId] = (0, idUtils_1.isDraft)(action.itemId)
-            ? // If a draft, keep only published
-                {
-                    published: (_c = state[publishedId]) === null || _c === void 0 ? void 0 : _c.published
-                }
-            : {
-                draft: (_d = state[publishedId]) === null || _d === void 0 ? void 0 : _d.draft
-            }, _a));
-    }
-    if (action.type === 'setInitialData') {
-        return action.items.reduce(updateItemInState, {});
-    }
-    return state;
-}
-function useAllItems(options) {
-    var _a = React.useState('loading'), status = _a[0], setStatus = _a[1];
-    var _b = React.useReducer(allItemsReducer, {}), allItems = _b[0], dispatch = _b[1];
-    function handleListener(event) {
-        if (event.type !== 'mutation') {
-            return;
-        }
-        if (event.result) {
-            dispatch({ type: 'addOrEditItem', item: event.result });
-        }
-        else {
-            dispatch({ type: 'removeItem', itemId: event.documentId });
-        }
-    }
-    function handleFirstLoad(items) {
-        dispatch({ type: 'setInitialData', items: items });
-        setStatus('success');
-    }
-    React.useEffect(function () {
-        var _a = getDeskFilter(options), filter = _a.filter, params = _a.params;
-        var query = "*[".concat(filter, "] {\n      _id,\n      _type,\n      _updatedAt,\n    }");
-        client
-            .fetch(query, params)
-            .then(handleFirstLoad)
-            .catch(function () {
-            setStatus('error');
-        });
-        var listener = client.listen(query, params).subscribe(handleListener);
-        return function () {
-            listener.unsubscribe();
-        };
-    }, []);
-    return {
-        status: status,
-        allItems: allItems
-    };
-}
-exports.default = useAllItems;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var client_1 = __importDefault(require("part:@sanity/base/client"));
+var React = __importStar(require("react"));
+var idUtils_1 = require("../utils/idUtils");
+var client = client_1.default.withConfig({
+    apiVersion: '2021-09-01'
+});
+function getDeskFilter(_a) {
+    var referenceTo = _a.referenceTo, referenceOptions = _a.referenceOptions;
+    var filterParts = ['_type in $docTypes'];
+    if (referenceOptions === null || referenceOptions === void 0 ? void 0 : referenceOptions.filter) {
+        filterParts.push(referenceOptions.filter);
+    }
+    return {
+        filter: filterParts.join(' && '),
+        params: __assign(__assign({}, ((referenceOptions === null || referenceOptions === void 0 ? void 0 : referenceOptions.filterParams) || {})), { docTypes: referenceTo.map(function (schemaType) { return schemaType; }) })
+    };
+}
+function updateItemInState(state, item) {
+    var _a;
+    var newState = __assign({}, state);
+    var publishedId = (0, idUtils_1.unprefixId)(item._id);
+    newState[publishedId] = __assign(__assign({}, (newState[publishedId] || {})), (_a = {}, _a[(0, idUtils_1.isDraft)(item._id) ? 'draft' : 'published'] = item, _a));
+    return newState;
+}
+function allItemsReducer(state, action) {
+    var _a;
+    var _b, _c, _d;
+    if (action.type === 'addOrEditItem' && ((_b = action.item) === null || _b === void 0 ? void 0 : _b._id)) {
+        return updateItemInState(state, action.item);
+    }
+    if (action.type === 'removeItem') {
+        var publishedId = (0, idUtils_1.unprefixId)(action.itemId);
+        return __assign(__assign({}, state), (_a = {}, _a[publishedId] = (0, idUtils_1.isDraft)(action.itemId)
+            ? // If a draft, keep only published
+                {
+                    published: (_c = state[publishedId]) === null || _c === void 0 ? void 0 : _c.published
+                }
+            : {
+                draft: (_d = state[publishedId]) === null || _d === void 0 ? void 0 : _d.draft
+            }, _a));
+    }
+    if (action.type === 'setInitialData') {
+        return action.items.reduce(updateItemInState, {});
+    }
+    return state;
+}
+function useAllItems(options) {
+    var _a = React.useState('loading'), status = _a[0], setStatus = _a[1];
+    var _b = React.useReducer(allItemsReducer, {}), allItems = _b[0], dispatch = _b[1];
+    function handleListener(event) {
+        if (event.type !== 'mutation') {
+            return;
+        }
+        if (event.result) {
+            dispatch({ type: 'addOrEditItem', item: event.result });
+        }
+        else {
+            dispatch({ type: 'removeItem', itemId: event.documentId });
+        }
+    }
+    function handleFirstLoad(items) {
+        dispatch({ type: 'setInitialData', items: items });
+        setStatus('success');
+    }
+    React.useEffect(function () {
+        var _a = getDeskFilter(options), filter = _a.filter, params = _a.params;
+        var query = "*[".concat(filter, "] {\n      _id,\n      _type,\n      _updatedAt,\n    }");
+        client
+            .fetch(query, params)
+            .then(handleFirstLoad)
+            .catch(function () {
+            setStatus('error');
+        });
+        var listener = client.listen(query, params).subscribe(handleListener);
+        return function () {
+            listener.unsubscribe();
+        };
+    }, []);
+    return {
+        status: status,
+        allItems: allItems
+    };
+}
+exports.default = useAllItems;

package/lib/hooks/useLocalTree.d.ts

@@ -1,17 +1,17 @@
-import { OnVisibilityToggleData } from 'react-sortable-tree';
-import { AllItems, LocalTreeItem, StoredTreeItem } from '../types';
-/**
- * Enhances tree data with information on:
- *   - `expanded` - native property of react-sortable-tree to determine collapsing & expanding of a node's children
- *   - `draftId` & `publishedId` - refer to LocalTreeItem's type annotations
- *
- * Doesn't modify the main tree or has side-effects on data.
- * Has the added benefit of being local to the user, so external changes won't affect local visibility.
- */
-export default function useLocalTree({ tree, allItems }: {
-    tree: StoredTreeItem[];
-    allItems: AllItems;
-}): {
-    handleVisibilityToggle: (data: OnVisibilityToggleData) => void;
-    localTree: LocalTreeItem[];
-};
+import { OnVisibilityToggleData } from 'react-sortable-tree';
+import { AllItems, LocalTreeItem, StoredTreeItem } from '../types';
+/**
+ * Enhances tree data with information on:
+ *   - `expanded` - native property of react-sortable-tree to determine collapsing & expanding of a node's children
+ *   - `draftId` & `publishedId` - refer to LocalTreeItem's type annotations
+ *
+ * Doesn't modify the main tree or has side-effects on data.
+ * Has the added benefit of being local to the user, so external changes won't affect local visibility.
+ */
+export default function useLocalTree({ tree, allItems }: {
+    tree: StoredTreeItem[];
+    allItems: AllItems;
+}): {
+    handleVisibilityToggle: (data: OnVisibilityToggleData) => void;
+    localTree: LocalTreeItem[];
+};

package/lib/hooks/useLocalTree.js

@@ -1,59 +1,59 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var treeData_1 = require("../utils/treeData");
-/**
- * Enhances tree data with information on:
- *   - `expanded` - native property of react-sortable-tree to determine collapsing & expanding of a node's children
- *   - `draftId` & `publishedId` - refer to LocalTreeItem's type annotations
- *
- * Doesn't modify the main tree or has side-effects on data.
- * Has the added benefit of being local to the user, so external changes won't affect local visibility.
- */
-function useLocalTree(_a) {
-    var tree = _a.tree, allItems = _a.allItems;
-    var _b = React.useState({}), visibilityMap = _b[0], setVisibilityMap = _b[1];
-    function handleVisibilityToggle(data) {
-        var _a;
-        setVisibilityMap(__assign(__assign({}, visibilityMap), (_a = {}, _a[data.node._key] = data.expanded, _a)));
-    }
-    return {
-        localTree: (0, treeData_1.dataToEditorTree)({
-            tree: tree,
-            allItems: allItems,
-            visibilityMap: visibilityMap
-        }),
-        handleVisibilityToggle: handleVisibilityToggle
-    };
-}
-exports.default = useLocalTree;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var treeData_1 = require("../utils/treeData");
+/**
+ * Enhances tree data with information on:
+ *   - `expanded` - native property of react-sortable-tree to determine collapsing & expanding of a node's children
+ *   - `draftId` & `publishedId` - refer to LocalTreeItem's type annotations
+ *
+ * Doesn't modify the main tree or has side-effects on data.
+ * Has the added benefit of being local to the user, so external changes won't affect local visibility.
+ */
+function useLocalTree(_a) {
+    var tree = _a.tree, allItems = _a.allItems;
+    var _b = React.useState({}), visibilityMap = _b[0], setVisibilityMap = _b[1];
+    function handleVisibilityToggle(data) {
+        var _a;
+        setVisibilityMap(__assign(__assign({}, visibilityMap), (_a = {}, _a[data.node._key] = data.expanded, _a)));
+    }
+    return {
+        localTree: (0, treeData_1.dataToEditorTree)({
+            tree: tree,
+            allItems: allItems,
+            visibilityMap: visibilityMap
+        }),
+        handleVisibilityToggle: handleVisibilityToggle
+    };
+}
+exports.default = useLocalTree;

package/lib/hooks/useTreeOperations.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import useAllItems from './useAllItems';
-import useTreeOperationsProvider from './useTreeOperationsProvider';
-declare type ContextValue = ReturnType<typeof useTreeOperationsProvider> & {
-    allItemsStatus: ReturnType<typeof useAllItems>['status'];
-};
-export declare const TreeOperationsContext: React.Context<ContextValue>;
-export default function useTreeOperations(): ContextValue;
-export {};
+import * as React from 'react';
+import useAllItems from './useAllItems';
+import useTreeOperationsProvider from './useTreeOperationsProvider';
+declare type ContextValue = ReturnType<typeof useTreeOperationsProvider> & {
+    allItemsStatus: ReturnType<typeof useAllItems>['status'];
+};
+export declare const TreeOperationsContext: React.Context<ContextValue>;
+export default function useTreeOperations(): ContextValue;
+export {};

package/lib/hooks/useTreeOperations.js

@@ -1,39 +1,39 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TreeOperationsContext = void 0;
-var React = __importStar(require("react"));
-function placeholder() {
-    // no-op
-}
-exports.TreeOperationsContext = React.createContext({
-    addItem: placeholder,
-    duplicateItem: placeholder,
-    removeItem: placeholder,
-    handleMovedNode: placeholder,
-    moveItemDown: placeholder,
-    moveItemUp: placeholder,
-    allItemsStatus: 'loading'
-});
-function useTreeOperations() {
-    return React.useContext(exports.TreeOperationsContext);
-}
-exports.default = useTreeOperations;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeOperationsContext = void 0;
+var React = __importStar(require("react"));
+function placeholder() {
+    // no-op
+}
+exports.TreeOperationsContext = React.createContext({
+    addItem: placeholder,
+    duplicateItem: placeholder,
+    removeItem: placeholder,
+    handleMovedNode: placeholder,
+    moveItemDown: placeholder,
+    moveItemUp: placeholder,
+    allItemsStatus: 'loading'
+});
+function useTreeOperations() {
+    return React.useContext(exports.TreeOperationsContext);
+}
+exports.default = useTreeOperations;

package/lib/hooks/useTreeOperationsProvider.d.ts

@@ -1,14 +1,14 @@
-import { LocalTreeItem, NodeProps } from '../types';
-import { HandleMovedNode } from '../utils/treePatches';
-export default function useTreeOperationsProvider(props: {
-    patchPrefix?: string;
-    onChange: (patch: unknown) => void;
-    localTree: LocalTreeItem[];
-}): {
-    handleMovedNode: HandleMovedNode;
-    addItem: (item: LocalTreeItem) => void;
-    duplicateItem: (nodeProps: NodeProps) => void;
-    removeItem: (nodeProps: NodeProps) => void;
-    moveItemUp: (nodeProps: NodeProps) => void;
-    moveItemDown: (nodeProps: NodeProps) => void;
-};
+import { LocalTreeItem, NodeProps } from '../types';
+import { HandleMovedNode } from '../utils/treePatches';
+export default function useTreeOperationsProvider(props: {
+    patchPrefix?: string;
+    onChange: (patch: unknown) => void;
+    localTree: LocalTreeItem[];
+}): {
+    handleMovedNode: HandleMovedNode;
+    addItem: (item: LocalTreeItem) => void;
+    duplicateItem: (nodeProps: NodeProps) => void;
+    removeItem: (nodeProps: NodeProps) => void;
+    moveItemUp: (nodeProps: NodeProps) => void;
+    moveItemDown: (nodeProps: NodeProps) => void;
+};