@sanity/orderable-document-list 0.0.8 → 1.0.0-v3-studio.1

package/src/helpers/{reorderDocuments.js → reorderDocuments.ts}

@@ -1,7 +1,25 @@
 import {LexoRank} from 'lexorank'
+import type {PatchOperations, SanityDocument} from 'sanity'
 import {ORDER_FIELD_NAME} from './constants'
 
-function lexicographicalSort(a, b) {
+export interface MaifestArgs {
+  entities: SanityDocument[]
+  selectedItems: SanityDocument[]
+  isMovingUp: boolean
+  curIndex: number
+  nextIndex: number
+  prevIndex: number
+}
+
+export interface ReorderArgs {
+  entities: SanityDocument[]
+  selectedIds: string[]
+  source: any
+  destination: any
+  debug?: boolean
+}
+
+function lexicographicalSort(a: {[ORDER_FIELD_NAME]: string}, b: {[ORDER_FIELD_NAME]: string}) {
   if (a[ORDER_FIELD_NAME] < b[ORDER_FIELD_NAME]) {
     return -1
   }
@@ -11,42 +29,13 @@ function lexicographicalSort(a, b) {
   return 0
 }
 
-// In lieu of actual *tests*, this is a table
-// to visualise the new order which if correct, shows:
-// 1. The `before` field (or start of the list)
-// 2. The inserted fields, in order
-// 3. The `after` document (or end of the list)
-// eslint-disable-next-line no-unused-vars
-function createManifest({entities, selectedItems, isMovingUp, curIndex, nextIndex, prevIndex}) {
-  const table = [
-    {
-      name: `Before`,
-      title:
-        curIndex === 0 ? `<<Start of List>>` : entities[isMovingUp ? prevIndex : curIndex]?.title,
-      order: curIndex === 0 ? `000` : entities[isMovingUp ? prevIndex : curIndex][ORDER_FIELD_NAME],
-    },
-    ...selectedItems.map((item, itemIndex) => ({
-      name: itemIndex,
-      title: item?.title,
-      order: item[ORDER_FIELD_NAME],
-    })),
-    {
-      name: `After`,
-      title:
-        curIndex === entities.length - 1
-          ? `<<End of List>>`
-          : entities[isMovingUp ? curIndex : nextIndex]?.title,
-      order:
-        curIndex === entities.length - 1
-          ? `zzz`
-          : entities[isMovingUp ? curIndex : nextIndex][ORDER_FIELD_NAME],
-    },
-  ]
-
-  return table.sort(lexicographicalSort)
-}
-
-export const reorderDocuments = ({entities, selectedIds, source, destination, debug = false}) => {
+export const reorderDocuments = ({
+  entities,
+  selectedIds,
+  source,
+  destination,
+  debug = false,
+}: ReorderArgs) => {
   const startIndex = source.index
   const endIndex = destination.index
   const isMovingUp = startIndex > endIndex
@@ -70,21 +59,21 @@ export const reorderDocuments = ({entities, selectedIds, source, destination, de
       if (curIndex === endIndex) {
         const prevIndex = curIndex - 1
         const prevRank = entities[prevIndex]?.[ORDER_FIELD_NAME]
-          ? LexoRank.parse(entities[prevIndex]?.[ORDER_FIELD_NAME])
+          ? LexoRank.parse(entities[prevIndex]?.[ORDER_FIELD_NAME] as string)
           : LexoRank.min()
 
-        const curRank = LexoRank.parse(entities[curIndex][ORDER_FIELD_NAME])
+        const curRank = LexoRank.parse(entities[curIndex][ORDER_FIELD_NAME] as string)
 
         const nextIndex = curIndex + 1
         const nextRank = entities[nextIndex]?.[ORDER_FIELD_NAME]
-          ? LexoRank.parse(entities[nextIndex]?.[ORDER_FIELD_NAME])
+          ? LexoRank.parse(entities[nextIndex]?.[ORDER_FIELD_NAME] as string)
           : LexoRank.max()
 
         let betweenRank = isMovingUp ? prevRank.between(curRank) : curRank.between(nextRank)
 
         // For each selected item, assign a new orderRank between now and next
         for (let selectedIndex = 0; selectedIndex < selectedItems.length; selectedIndex += 1) {
-          selectedItems[selectedIndex][ORDER_FIELD_NAME] = betweenRank.value
+          selectedItems[selectedIndex][ORDER_FIELD_NAME] = (betweenRank as any).value as string
           betweenRank = isMovingUp ? betweenRank.between(curRank) : betweenRank.between(nextRank)
         }
 
@@ -100,10 +89,10 @@ export const reorderDocuments = ({entities, selectedIds, source, destination, de
 
       return {all: [...acc.all, cur], selected: acc.selected}
     },
-    {all: [], selected: []}
+    {all: [] as SanityDocument[], selected: [] as SanityDocument[]}
   )
 
-  const patches = selected.map((doc) => {
+  const patches: [string, PatchOperations][] = selected.map((doc) => {
     return [
       doc._id,
       {
@@ -115,7 +104,7 @@ export const reorderDocuments = ({entities, selectedIds, source, destination, de
   })
 
   // Safety-check to make sure everything is in order
-  const allSorted = all.sort(lexicographicalSort)
+  const allSorted = (all as unknown as {[ORDER_FIELD_NAME]: string}[]).sort(lexicographicalSort)
 
   return {newOrder: allSorted, patches, message}
 }

package/src/helpers/{resetOrder.js → resetOrder.ts}

@@ -1,14 +1,9 @@
 import {LexoRank} from 'lexorank'
-import sanityClient from 'part:@sanity/base/client'
 import {ORDER_FIELD_NAME} from './constants'
-
-const client = sanityClient.withConfig({
-  apiVersion: '2021-09-01',
-})
-
+import {SanityClient} from '@sanity/client'
 // Function to wipe and re-do ordering with LexoRank
 // Will at least attempt to start with the current order
-export async function resetOrder(type = ``) {
+export async function resetOrder(type = ``, client: SanityClient) {
   const query = `*[_type == $type]|order(@[$order] asc)._id`
   const queryParams = {type, order: ORDER_FIELD_NAME}
   const documents = await client.fetch(query, queryParams)
@@ -25,7 +20,7 @@ export async function resetOrder(type = ``) {
     aLexoRank = aLexoRank.genNext().genNext()
 
     transaction.patch(documents[index], {
-      set: {[ORDER_FIELD_NAME]: aLexoRank.value},
+      set: {[ORDER_FIELD_NAME]: (aLexoRank as any).value as string},
     })
   }
 

package/src/index.ts

@@ -0,0 +1,9 @@
+import {orderRankField, RankFieldConfig} from './fields/orderRankField'
+import {orderRankOrdering} from './fields/orderRankOrdering'
+import {
+  orderableDocumentListDeskItem,
+  type OrderableListConfig,
+} from './desk-structure/orderableDocumentListDeskItem'
+
+export type {OrderableListConfig, RankFieldConfig}
+export {orderRankField, orderRankOrdering, orderableDocumentListDeskItem}

package/.babelrc

@@ -1,3 +0,0 @@
-{
-  "extends": "sanipack/babel"
-}

package/.eslintignore

@@ -1 +0,0 @@
-lib

package/.eslintrc.js

@@ -1,50 +0,0 @@
-module.exports = {
-  root: true,
-  parser: '@typescript-eslint/parser',
-  env: {
-    node: true,
-    browser: true,
-  },
-  settings: {
-    react: {version: '16.9.0'},
-  },
-  extends: [
-    'sanity',
-    'sanity/react',
-    'sanity/import',
-    'plugin:react-hooks/recommended',
-    'prettier',
-  ],
-  rules: {
-    'no-use-before-define': 'off',
-    '@typescript-eslint/no-var-requires': 'off',
-    'import/no-extraneous-dependencies': 'off', // because of parts
-    'import/no-unresolved': ['error', {ignore: ['.*:.*']}], // because of parts
-    'prettier/prettier': [
-      'error',
-      {
-        semi: false,
-        printWidth: 100,
-        bracketSpacing: false,
-        singleQuote: true,
-      },
-    ],
-    'sort-imports': 'off', // prefer import/order
-    'react/jsx-no-bind': [
-      1,
-      {
-        ignoreDOMComponents: true,
-      },
-    ],
-    'react/forbid-prop-types': [0],
-  },
-  plugins: ['prettier', 'react'],
-  overrides: [
-    {
-      files: ['*.ts', '*.tsx'],
-      rules: {
-        'no-undef': 'off',
-      },
-    },
-  ],
-}

package/lib/Document.js

@@ -1,101 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Document;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _icons = require("@sanity/icons");
-
-var _ui = require("@sanity/ui");
-
-var _preview = _interopRequireDefault(require("part:@sanity/base/preview"));
-
-var _schema = _interopRequireDefault(require("part:@sanity/base/schema"));
-
-var _OrderableContext = require("./OrderableContext");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// eslint-disable-next-line no-unused-vars
-function Document(_ref) {
-  var doc = _ref.doc,
-      increment = _ref.increment,
-      entities = _ref.entities,
-      handleSelect = _ref.handleSelect,
-      index = _ref.index,
-      isFirst = _ref.isFirst,
-      isLast = _ref.isLast;
-
-  var _useContext = (0, _react.useContext)(_OrderableContext.OrderableContext),
-      showIncrements = _useContext.showIncrements;
-
-  return /*#__PURE__*/_react.default.createElement(_ui.Flex, {
-    align: "center"
-  }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
-    paddingX: 3,
-    style: {
-      flexShrink: 0
-    }
-  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    fontSize: 4
-  }, /*#__PURE__*/_react.default.createElement(_icons.DragHandleIcon, null))), showIncrements && /*#__PURE__*/_react.default.createElement(_ui.Flex, {
-    style: {
-      flexShrink: 0
-    },
-    align: "center",
-    gap: 1,
-    paddingRight: 1
-  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    padding: 2,
-    mode: "ghost",
-    onClick: () => increment(index, index + -1, doc._id, entities),
-    disabled: isFirst,
-    icon: _icons.ChevronUpIcon
-  }), /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    padding: 2,
-    mode: "ghost",
-    disabled: isLast,
-    onClick: () => increment(index, index + 1, doc._id, entities),
-    icon: _icons.ChevronDownIcon
-  })), /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    style: {
-      width: "100%"
-    },
-    padding: 2,
-    mode: "bleed",
-    onClick: e => handleSelect(doc._id, index, e.nativeEvent)
-  }, /*#__PURE__*/_react.default.createElement(_ui.Flex, {
-    flex: 1,
-    align: "center"
-  }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
-    flex: 1
-  }, /*#__PURE__*/_react.default.createElement(_preview.default, {
-    value: doc,
-    type: _schema.default.get(doc._type)
-  })))));
-}
-
-Document.propTypes = {
-  doc: _propTypes.default.shape({
-    _id: _propTypes.default.string,
-    _type: _propTypes.default.string
-  }).isRequired,
-  entities: _propTypes.default.arrayOf(_propTypes.default.shape({
-    _id: _propTypes.default.string
-  }).isRequired).isRequired,
-  handleSelect: _propTypes.default.func.isRequired,
-  increment: _propTypes.default.func.isRequired,
-  index: _propTypes.default.number.isRequired,
-  isFirst: _propTypes.default.bool.isRequired,
-  isLast: _propTypes.default.bool.isRequired
-};
-//# sourceMappingURL=Document.js.map

package/lib/Document.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Document.js","names":["Document","doc","increment","entities","handleSelect","index","isFirst","isLast","OrderableContext","showIncrements","flexShrink","_id","ChevronUpIcon","ChevronDownIcon","width","e","nativeEvent","schema","get","_type","propTypes","PropTypes","shape","string","isRequired","arrayOf","func","number","bool"],"sources":["../src/Document.js"],"sourcesContent":["import PropTypes from 'prop-types'\n// eslint-disable-next-line no-unused-vars\nimport React, {useContext} from 'react'\nimport {DragHandleIcon, ChevronUpIcon, ChevronDownIcon} from '@sanity/icons'\nimport {Text, Flex, Box, Button} from '@sanity/ui'\nimport Preview from 'part:@sanity/base/preview'\nimport schema from 'part:@sanity/base/schema'\n\nimport {OrderableContext} from './OrderableContext'\n\nexport default function Document({doc, increment, entities, handleSelect, index, isFirst, isLast}) {\n  const {showIncrements} = useContext(OrderableContext)\n\n  return (\n    <Flex align=\"center\">\n      <Box paddingX={3} style={{flexShrink: 0}}>\n        <Text fontSize={4}>\n          <DragHandleIcon />\n        </Text>\n      </Box>\n      {showIncrements && (\n        <Flex style={{flexShrink: 0}} align=\"center\" gap={1} paddingRight={1}>\n          <Button\n            padding={2}\n            mode=\"ghost\"\n            onClick={() => increment(index, index + -1, doc._id, entities)}\n            disabled={isFirst}\n            icon={ChevronUpIcon}\n          />\n          <Button\n            padding={2}\n            mode=\"ghost\"\n            disabled={isLast}\n            onClick={() => increment(index, index + 1, doc._id, entities)}\n            icon={ChevronDownIcon}\n          />\n        </Flex>\n      )}\n      <Button\n        style={{width: `100%`}}\n        padding={2}\n        mode=\"bleed\"\n        onClick={(e) => handleSelect(doc._id, index, e.nativeEvent)}\n      >\n        <Flex flex={1} align=\"center\">\n          <Box flex={1}>\n            <Preview value={doc} type={schema.get(doc._type)} />\n          </Box>\n        </Flex>\n      </Button>\n    </Flex>\n  )\n}\n\nDocument.propTypes = {\n  doc: PropTypes.shape({\n    _id: PropTypes.string,\n    _type: PropTypes.string,\n  }).isRequired,\n  entities: PropTypes.arrayOf(\n    PropTypes.shape({\n      _id: PropTypes.string,\n    }).isRequired\n  ).isRequired,\n  handleSelect: PropTypes.func.isRequired,\n  increment: PropTypes.func.isRequired,\n  index: PropTypes.number.isRequired,\n  isFirst: PropTypes.bool.isRequired,\n  isLast: PropTypes.bool.isRequired,\n}\n"],"mappings":"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"}

package/lib/DocumentListQuery.js

@@ -1,155 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = DocumentListQuery;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _client = _interopRequireDefault(require("part:@sanity/base/client"));
-
-var _ui = require("@sanity/ui");
-
-var _DraggableList = _interopRequireDefault(require("./DraggableList"));
-
-var _constants = require("./helpers/constants");
-
-var _Feedback = _interopRequireDefault(require("./Feedback"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var client = _client.default.withConfig({
-  apiVersion: '2021-09-01'
-});
-
-function DocumentListQuery(_ref) {
-  var type = _ref.type;
-
-  var _useState = (0, _react.useState)(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      isLoading = _useState2[0],
-      setIsLoading = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      listIsUpdating = _useState4[0],
-      setListIsUpdating = _useState4[1];
-
-  var _useState5 = (0, _react.useState)([]),
-      _useState6 = _slicedToArray(_useState5, 2),
-      data = _useState6[0],
-      setData = _useState6[1];
-
-  (0, _react.useEffect)(() => {
-    var query = "*[_type == $type]|order(@[$order] asc){\n      _id, _type, ".concat(_constants.ORDER_FIELD_NAME, "\n    }");
-    var queryParams = {
-      type,
-      order: _constants.ORDER_FIELD_NAME
-    };
-    var subscription = null; // eslint-disable-next-line require-await
-
-    var fetchData = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(function* () {
-        client.fetch(query, queryParams).then(documents => {
-          // Remove published document from list if draft also exists
-          var filteredDocuments = documents.reduce((acc, cur) => {
-            if (!cur._id.startsWith("drafts.")) {
-              // eslint-disable-next-line max-nested-callbacks
-              var alsoHasDraft = documents.some(doc => doc._id === "drafts.".concat(cur._id));
-              return alsoHasDraft ? acc : [...acc, cur];
-            }
-
-            return [...acc, cur];
-          }, []);
-          setData(filteredDocuments);
-
-          if (isLoading) {
-            setIsLoading(false);
-          }
-        });
-      });
-
-      return function fetchData() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-
-    var prepareData = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator(function* () {
-        setIsLoading(true);
-        yield fetchData();
-
-        if (!subscription) {
-          subscription = client.listen(query, queryParams).subscribe(() => fetchData());
-        }
-      });
-
-      return function prepareData() {
-        return _ref3.apply(this, arguments);
-      };
-    }(); // Get data but only if a document isn't being patched or we don't yet have data
-
-
-    if (!listIsUpdating && !data.length) {
-      prepareData();
-    }
-
-    return () => {
-      var _subscription;
-
-      return (_subscription = subscription) === null || _subscription === void 0 ? void 0 : _subscription.unsubscribe();
-    };
-    /* eslint-disable-next-line react-hooks/exhaustive-deps */
-  }, [type]);
-  var unorderedDataCount = (0, _react.useMemo)(() => data.length ? data.filter(doc => !doc[_constants.ORDER_FIELD_NAME]).length : 0, [data]);
-  if (isLoading) return /*#__PURE__*/_react.default.createElement(_ui.Flex, {
-    style: {
-      width: "100%",
-      height: "100%"
-    },
-    align: "center",
-    justify: "center"
-  }, /*#__PURE__*/_react.default.createElement(_ui.Spinner, null));
-  return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
-    space: 1,
-    style: {
-      overflow: "scroll",
-      height: "100%"
-    }
-  }, unorderedDataCount > 0 && /*#__PURE__*/_react.default.createElement(_Feedback.default, null, unorderedDataCount, "/", data.length, " Documents have no Order. Select", ' ', /*#__PURE__*/_react.default.createElement("strong", null, "Reset Order"), " from the Menu above to fix."), /*#__PURE__*/_react.default.createElement(_ui.Box, {
-    padding: 1
-  }, /*#__PURE__*/_react.default.createElement(_DraggableList.default, {
-    data: data,
-    type: type,
-    listIsUpdating: listIsUpdating,
-    setListIsUpdating: setListIsUpdating
-  })));
-}
-
-DocumentListQuery.propTypes = {
-  type: _propTypes.default.string.isRequired
-};
-//# sourceMappingURL=DocumentListQuery.js.map

package/lib/DocumentListQuery.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocumentListQuery.js","names":["client","sanityClient","withConfig","apiVersion","DocumentListQuery","type","isLoading","setIsLoading","listIsUpdating","setListIsUpdating","data","setData","query","ORDER_FIELD_NAME","queryParams","order","subscription","fetchData","fetch","then","documents","filteredDocuments","reduce","acc","cur","_id","startsWith","alsoHasDraft","some","doc","prepareData","listen","subscribe","length","unsubscribe","unorderedDataCount","filter","width","height","overflow","propTypes","PropTypes","string","isRequired"],"sources":["../src/DocumentListQuery.js"],"sourcesContent":["import PropTypes from 'prop-types'\nimport React, {useEffect, useState, useMemo} from 'react'\nimport sanityClient from 'part:@sanity/base/client'\nimport {Stack, Box, Flex, Spinner} from '@sanity/ui'\n\nimport DraggableList from './DraggableList'\nimport {ORDER_FIELD_NAME} from './helpers/constants'\nimport Feedback from './Feedback'\n\nconst client = sanityClient.withConfig({\n  apiVersion: '2021-09-01',\n})\n\nexport default function DocumentListQuery({type}) {\n  const [isLoading, setIsLoading] = useState(true)\n  const [listIsUpdating, setListIsUpdating] = useState(false)\n  const [data, setData] = useState([])\n\n  useEffect(() => {\n    const query = `*[_type == $type]|order(@[$order] asc){\n      _id, _type, ${ORDER_FIELD_NAME}\n    }`\n    const queryParams = {type, order: ORDER_FIELD_NAME}\n    let subscription = null\n\n    // eslint-disable-next-line require-await\n    const fetchData = async () => {\n      client.fetch(query, queryParams).then((documents) => {\n        // Remove published document from list if draft also exists\n        const filteredDocuments = documents.reduce((acc, cur) => {\n          if (!cur._id.startsWith(`drafts.`)) {\n            // eslint-disable-next-line max-nested-callbacks\n            const alsoHasDraft = documents.some((doc) => doc._id === `drafts.${cur._id}`)\n\n            return alsoHasDraft ? acc : [...acc, cur]\n          }\n\n          return [...acc, cur]\n        }, [])\n\n        setData(filteredDocuments)\n\n        if (isLoading) {\n          setIsLoading(false)\n        }\n      })\n    }\n\n    const prepareData = async () => {\n      setIsLoading(true)\n\n      await fetchData()\n\n      if (!subscription) {\n        subscription = client.listen(query, queryParams).subscribe(() => fetchData())\n      }\n    }\n\n    // Get data but only if a document isn't being patched or we don't yet have data\n    if (!listIsUpdating && !data.length) {\n      prepareData()\n    }\n\n    return () => subscription?.unsubscribe()\n    /* eslint-disable-next-line react-hooks/exhaustive-deps */\n  }, [type])\n\n  const unorderedDataCount = useMemo(\n    () => (data.length ? data.filter((doc) => !doc[ORDER_FIELD_NAME]).length : 0),\n    [data]\n  )\n\n  if (isLoading)\n    return (\n      <Flex style={{width: `100%`, height: `100%`}} align=\"center\" justify=\"center\">\n        <Spinner />\n      </Flex>\n    )\n\n  return (\n    <Stack space={1} style={{overflow: `scroll`, height: `100%`}}>\n      {unorderedDataCount > 0 && (\n        <Feedback>\n          {unorderedDataCount}/{data.length} Documents have no Order. Select{' '}\n          <strong>Reset Order</strong> from the Menu above to fix.\n        </Feedback>\n      )}\n      <Box padding={1}>\n        <DraggableList\n          data={data}\n          type={type}\n          listIsUpdating={listIsUpdating}\n          setListIsUpdating={setListIsUpdating}\n        />\n      </Box>\n    </Stack>\n  )\n}\n\nDocumentListQuery.propTypes = {\n  type: PropTypes.string.isRequired,\n}\n"],"mappings":"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"}

package/lib/DocumentListWrapper.js

@@ -1,97 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = DocumentListWrapper;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _schema = _interopRequireDefault(require("part:@sanity/base/schema"));
-
-var _ui = require("@sanity/ui");
-
-var _deskTool = require("@sanity/desk-tool");
-
-var _DocumentListQuery = _interopRequireDefault(require("./DocumentListQuery"));
-
-var _OrderableContext = require("./OrderableContext");
-
-var _constants = require("./helpers/constants");
-
-var _Feedback = _interopRequireDefault(require("./Feedback"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// 1. Validate first that the schema has been configured for ordering
-// 2. Setup context for showIncrements
-function DocumentListWrapper(_ref) {
-  var type = _ref.type,
-      showIncrements = _ref.showIncrements,
-      resetOrderTransaction = _ref.resetOrderTransaction;
-  var toast = (0, _ui.useToast)();
-  (0, _react.useEffect)(() => {
-    if (resetOrderTransaction !== null && resetOrderTransaction !== void 0 && resetOrderTransaction.title && resetOrderTransaction !== null && resetOrderTransaction !== void 0 && resetOrderTransaction.status) {
-      toast.push(resetOrderTransaction);
-    }
-    /* eslint-disable-next-line react-hooks/exhaustive-deps */
-
-  }, [resetOrderTransaction]);
-  var schemaIsInvalid = (0, _react.useMemo)(() => {
-    // Option not passed
-    if (!type) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "No ", /*#__PURE__*/_react.default.createElement("code", null, "type"), " was configured");
-    }
-
-    var typeSchema = _schema.default.get(type); // Schema not found
-
-
-    if (!typeSchema) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Schema ", /*#__PURE__*/_react.default.createElement("code", null, type), " not found");
-    } // Schema lacks an order field
-
-
-    if (!typeSchema.fields.some(field => (field === null || field === void 0 ? void 0 : field.name) === _constants.ORDER_FIELD_NAME)) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Schema ", /*#__PURE__*/_react.default.createElement("code", null, type), " must have an ", /*#__PURE__*/_react.default.createElement("code", null, "order"), " field of type", ' ', /*#__PURE__*/_react.default.createElement("code", null, "string"));
-    } // Schema's order field is not a string
-
-
-    if (typeSchema.fields.some(field => {
-      var _field$type;
-
-      return (field === null || field === void 0 ? void 0 : field.name) === _constants.ORDER_FIELD_NAME && (field === null || field === void 0 ? void 0 : (_field$type = field.type) === null || _field$type === void 0 ? void 0 : _field$type.name) !== 'string';
-    })) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("code", null, _constants.ORDER_FIELD_NAME), " field on Schema ", /*#__PURE__*/_react.default.createElement("code", null, type), " must be", ' ', /*#__PURE__*/_react.default.createElement("code", null, "string"), " type");
-    }
-
-    return "";
-  }, [type]);
-
-  if (schemaIsInvalid) {
-    return /*#__PURE__*/_react.default.createElement(_Feedback.default, null, schemaIsInvalid);
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_OrderableContext.OrderableContext.Provider, {
-    value: {
-      showIncrements
-    }
-  }, /*#__PURE__*/_react.default.createElement(_DocumentListQuery.default, {
-    type: type
-  }));
-}
-
-DocumentListWrapper.propTypes = {
-  showIncrements: _propTypes.default.bool.isRequired,
-  type: _propTypes.default.string.isRequired,
-  resetOrderTransaction: _propTypes.default.shape({
-    title: _propTypes.default.string,
-    status: _propTypes.default.string
-  }).isRequired
-};
-//# sourceMappingURL=DocumentListWrapper.js.map

package/lib/DocumentListWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocumentListWrapper.js","names":["DocumentListWrapper","type","showIncrements","resetOrderTransaction","toast","title","status","push","schemaIsInvalid","typeSchema","schema","get","fields","some","field","name","ORDER_FIELD_NAME","propTypes","PropTypes","bool","isRequired","string","shape"],"sources":["../src/DocumentListWrapper.js"],"sourcesContent":["import PropTypes from 'prop-types'\nimport React, {useMemo, useEffect} from 'react'\nimport schema from 'part:@sanity/base/schema'\nimport {useToast} from '@sanity/ui'\nimport {PaneRouterContext} from '@sanity/desk-tool'\n\nimport DocumentListQuery from './DocumentListQuery'\nimport {OrderableContext} from './OrderableContext'\n\nimport {ORDER_FIELD_NAME} from './helpers/constants'\nimport Feedback from './Feedback'\n\n// 1. Validate first that the schema has been configured for ordering\n// 2. Setup context for showIncrements\nexport default function DocumentListWrapper({type, showIncrements, resetOrderTransaction}) {\n  const toast = useToast()\n\n  useEffect(() => {\n    if (resetOrderTransaction?.title && resetOrderTransaction?.status) {\n      toast.push(resetOrderTransaction)\n    }\n    /* eslint-disable-next-line react-hooks/exhaustive-deps */\n  }, [resetOrderTransaction])\n\n  const schemaIsInvalid = useMemo(() => {\n    // Option not passed\n    if (!type) {\n      return (\n        <>\n          No <code>type</code> was configured\n        </>\n      )\n    }\n\n    const typeSchema = schema.get(type)\n\n    // Schema not found\n    if (!typeSchema) {\n      return (\n        <>\n          Schema <code>{type}</code> not found\n        </>\n      )\n    }\n\n    // Schema lacks an order field\n    if (!typeSchema.fields.some((field) => field?.name === ORDER_FIELD_NAME)) {\n      return (\n        <>\n          Schema <code>{type}</code> must have an <code>order</code> field of type{' '}\n          <code>string</code>\n        </>\n      )\n    }\n\n    // Schema's order field is not a string\n    if (\n      typeSchema.fields.some(\n        (field) => field?.name === ORDER_FIELD_NAME && field?.type?.name !== 'string'\n      )\n    ) {\n      return (\n        <>\n          <code>{ORDER_FIELD_NAME}</code> field on Schema <code>{type}</code> must be{' '}\n          <code>string</code> type\n        </>\n      )\n    }\n\n    return ``\n  }, [type])\n\n  if (schemaIsInvalid) {\n    return <Feedback>{schemaIsInvalid}</Feedback>\n  }\n\n  return (\n    <OrderableContext.Provider value={{showIncrements}}>\n      <DocumentListQuery type={type} />\n    </OrderableContext.Provider>\n  )\n}\n\nDocumentListWrapper.propTypes = {\n  showIncrements: PropTypes.bool.isRequired,\n  type: PropTypes.string.isRequired,\n  resetOrderTransaction: PropTypes.shape({\n    title: PropTypes.string,\n    status: PropTypes.string,\n  }).isRequired,\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;;;;;;;AAEA;AACA;AACe,SAASA,mBAAT,OAA4E;EAAA,IAA9CC,IAA8C,QAA9CA,IAA8C;EAAA,IAAxCC,cAAwC,QAAxCA,cAAwC;EAAA,IAAxBC,qBAAwB,QAAxBA,qBAAwB;EACzF,IAAMC,KAAK,GAAG,mBAAd;EAEA,sBAAU,MAAM;IACd,IAAID,qBAAqB,SAArB,IAAAA,qBAAqB,WAArB,IAAAA,qBAAqB,CAAEE,KAAvB,IAAgCF,qBAAhC,aAAgCA,qBAAhC,eAAgCA,qBAAqB,CAAEG,MAA3D,EAAmE;MACjEF,KAAK,CAACG,IAAN,CAAWJ,qBAAX;IACD;IACD;;EACD,CALD,EAKG,CAACA,qBAAD,CALH;EAOA,IAAMK,eAAe,GAAG,oBAAQ,MAAM;IACpC;IACA,IAAI,CAACP,IAAL,EAAW;MACT,oBACE,gFACK,kDADL,oBADF;IAKD;;IAED,IAAMQ,UAAU,GAAGC,gBAAOC,GAAP,CAAWV,IAAX,CAAnB,CAVoC,CAYpC;;;IACA,IAAI,CAACQ,UAAL,EAAiB;MACf,oBACE,oFACS,2CAAOR,IAAP,CADT,eADF;IAKD,CAnBmC,CAqBpC;;;IACA,IAAI,CAACQ,UAAU,CAACG,MAAX,CAAkBC,IAAlB,CAAwBC,KAAD,IAAW,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEC,IAAP,MAAgBC,2BAAlD,CAAL,EAA0E;MACxE,oBACE,oFACS,2CAAOf,IAAP,CADT,iCAC0C,mDAD1C,oBAC2E,GAD3E,eAEE,oDAFF,CADF;IAMD,CA7BmC,CA+BpC;;;IACA,IACEQ,UAAU,CAACG,MAAX,CAAkBC,IAAlB,CACGC,KAAD;MAAA;;MAAA,OAAW,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEC,IAAP,MAAgBC,2BAAhB,IAAoC,CAAAF,KAAK,SAAL,IAAAA,KAAK,WAAL,2BAAAA,KAAK,CAAEb,IAAP,4DAAac,IAAb,MAAsB,QAArE;IAAA,CADF,CADF,EAIE;MACA,oBACE,yEACE,2CAAOC,2BAAP,CADF,oCACkD,2CAAOf,IAAP,CADlD,cAC8E,GAD9E,eAEE,oDAFF,UADF;IAMD;;IAED;EACD,CA9CuB,EA8CrB,CAACA,IAAD,CA9CqB,CAAxB;;EAgDA,IAAIO,eAAJ,EAAqB;IACnB,oBAAO,6BAAC,iBAAD,QAAWA,eAAX,CAAP;EACD;;EAED,oBACE,6BAAC,kCAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAE;MAACN;IAAD;EAAlC,gBACE,6BAAC,0BAAD;IAAmB,IAAI,EAAED;EAAzB,EADF,CADF;AAKD;;AAEDD,mBAAmB,CAACiB,SAApB,GAAgC;EAC9Bf,cAAc,EAAEgB,mBAAUC,IAAV,CAAeC,UADD;EAE9BnB,IAAI,EAAEiB,mBAAUG,MAAV,CAAiBD,UAFO;EAG9BjB,qBAAqB,EAAEe,mBAAUI,KAAV,CAAgB;IACrCjB,KAAK,EAAEa,mBAAUG,MADoB;IAErCf,MAAM,EAAEY,mBAAUG;EAFmB,CAAhB,EAGpBD;AAN2B,CAAhC"}