@sanity/orderable-document-list 0.0.10 → 1.0.0-v3-studio.2

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","useContext","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,163 +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,
-      filter = _ref.filter,
-      params = _ref.params;
-
-  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 ".concat(filter ? "&& ".concat(filter) : '', "]|order(@[$order] asc){\n      _id, _type, ").concat(_constants.ORDER_FIELD_NAME, "\n    }");
-    var queryParams = Object.assign(params, {
-      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,
-  filter: _propTypes.default.string,
-  params: _propTypes.default.object
-};
-DocumentListQuery.defaultProps = {
-  filter: "",
-  params: {}
-};
-//# sourceMappingURL=DocumentListQuery.js.map

package/lib/DocumentListQuery.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocumentListQuery.js","names":["client","sanityClient","withConfig","apiVersion","DocumentListQuery","type","filter","params","useState","isLoading","setIsLoading","listIsUpdating","setListIsUpdating","data","setData","useEffect","query","ORDER_FIELD_NAME","queryParams","Object","assign","order","subscription","fetchData","fetch","then","documents","filteredDocuments","reduce","acc","cur","_id","startsWith","alsoHasDraft","some","doc","prepareData","listen","subscribe","length","unsubscribe","unorderedDataCount","useMemo","width","height","overflow","propTypes","PropTypes","string","isRequired","object","defaultProps"],"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, filter, params}) {\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 ${filter ? `&& ${filter}` : ''}]|order(@[$order] asc){\n      _id, _type, ${ORDER_FIELD_NAME}\n    }`\n    const queryParams = Object.assign(params, {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  filter: PropTypes.string,\n  params: PropTypes.object,\n}\n\nDocumentListQuery.defaultProps = {\n  filter: ``,\n  params: {},\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAGC,eAAA,CAAaC,UAAb,CAAwB;EACrCC,UAAU,EAAE;AADyB,CAAxB,CAAf;;AAIe,SAASC,iBAAT,OAAmD;EAAA,IAAvBC,IAAuB,QAAvBA,IAAuB;EAAA,IAAjBC,MAAiB,QAAjBA,MAAiB;EAAA,IAATC,MAAS,QAATA,MAAS;;EAChE,gBAAkC,IAAAC,eAAA,EAAS,IAAT,CAAlC;EAAA;EAAA,IAAOC,SAAP;EAAA,IAAkBC,YAAlB;;EACA,iBAA4C,IAAAF,eAAA,EAAS,KAAT,CAA5C;EAAA;EAAA,IAAOG,cAAP;EAAA,IAAuBC,iBAAvB;;EACA,iBAAwB,IAAAJ,eAAA,EAAS,EAAT,CAAxB;EAAA;EAAA,IAAOK,IAAP;EAAA,IAAaC,OAAb;;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,IAAMC,KAAK,8BAAuBV,MAAM,gBAASA,MAAT,IAAoB,EAAjD,wDACKW,2BADL,YAAX;IAGA,IAAMC,WAAW,GAAGC,MAAM,CAACC,MAAP,CAAcb,MAAd,EAAsB;MAACF,IAAD;MAAOgB,KAAK,EAAEJ;IAAd,CAAtB,CAApB;IACA,IAAIK,YAAY,GAAG,IAAnB,CALc,CAOd;;IACA,IAAMC,SAAS;MAAA,8BAAG,aAAY;QAC5BvB,MAAM,CAACwB,KAAP,CAAaR,KAAb,EAAoBE,WAApB,EAAiCO,IAAjC,CAAuCC,SAAD,IAAe;UACnD;UACA,IAAMC,iBAAiB,GAAGD,SAAS,CAACE,MAAV,CAAiB,CAACC,GAAD,EAAMC,GAAN,KAAc;YACvD,IAAI,CAACA,GAAG,CAACC,GAAJ,CAAQC,UAAR,WAAL,EAAoC;cAClC;cACA,IAAMC,YAAY,GAAGP,SAAS,CAACQ,IAAV,CAAgBC,GAAD,IAASA,GAAG,CAACJ,GAAJ,sBAAsBD,GAAG,CAACC,GAA1B,CAAxB,CAArB;cAEA,OAAOE,YAAY,GAAGJ,GAAH,GAAS,CAAC,GAAGA,GAAJ,EAASC,GAAT,CAA5B;YACD;;YAED,OAAO,CAAC,GAAGD,GAAJ,EAASC,GAAT,CAAP;UACD,CATyB,EASvB,EATuB,CAA1B;UAWAhB,OAAO,CAACa,iBAAD,CAAP;;UAEA,IAAIlB,SAAJ,EAAe;YACbC,YAAY,CAAC,KAAD,CAAZ;UACD;QACF,CAlBD;MAmBD,CApBc;;MAAA,gBAATa,SAAS;QAAA;MAAA;IAAA,GAAf;;IAsBA,IAAMa,WAAW;MAAA,8BAAG,aAAY;QAC9B1B,YAAY,CAAC,IAAD,CAAZ;QAEA,MAAMa,SAAS,EAAf;;QAEA,IAAI,CAACD,YAAL,EAAmB;UACjBA,YAAY,GAAGtB,MAAM,CAACqC,MAAP,CAAcrB,KAAd,EAAqBE,WAArB,EAAkCoB,SAAlC,CAA4C,MAAMf,SAAS,EAA3D,CAAf;QACD;MACF,CARgB;;MAAA,gBAAXa,WAAW;QAAA;MAAA;IAAA,GAAjB,CA9Bc,CAwCd;;;IACA,IAAI,CAACzB,cAAD,IAAmB,CAACE,IAAI,CAAC0B,MAA7B,EAAqC;MACnCH,WAAW;IACZ;;IAED,OAAO;MAAA;;MAAA,wBAAMd,YAAN,kDAAM,cAAckB,WAAd,EAAN;IAAA,CAAP;IACA;EACD,CA/CD,EA+CG,CAACnC,IAAD,CA/CH;EAiDA,IAAMoC,kBAAkB,GAAG,IAAAC,cAAA,EACzB,MAAO7B,IAAI,CAAC0B,MAAL,GAAc1B,IAAI,CAACP,MAAL,CAAa6B,GAAD,IAAS,CAACA,GAAG,CAAClB,2BAAD,CAAzB,EAA6CsB,MAA3D,GAAoE,CADlD,EAEzB,CAAC1B,IAAD,CAFyB,CAA3B;EAKA,IAAIJ,SAAJ,EACE,oBACE,6BAAC,QAAD;IAAM,KAAK,EAAE;MAACkC,KAAK,QAAN;MAAgBC,MAAM;IAAtB,CAAb;IAA8C,KAAK,EAAC,QAApD;IAA6D,OAAO,EAAC;EAArE,gBACE,6BAAC,WAAD,OADF,CADF;EAMF,oBACE,6BAAC,SAAD;IAAO,KAAK,EAAE,CAAd;IAAiB,KAAK,EAAE;MAACC,QAAQ,UAAT;MAAqBD,MAAM;IAA3B;EAAxB,GACGH,kBAAkB,GAAG,CAArB,iBACC,6BAAC,iBAAD,QACGA,kBADH,OACwB5B,IAAI,CAAC0B,MAD7B,sCACqE,GADrE,eAEE,2DAFF,iCAFJ,eAOE,6BAAC,OAAD;IAAK,OAAO,EAAE;EAAd,gBACE,6BAAC,sBAAD;IACE,IAAI,EAAE1B,IADR;IAEE,IAAI,EAAER,IAFR;IAGE,cAAc,EAAEM,cAHlB;IAIE,iBAAiB,EAAEC;EAJrB,EADF,CAPF,CADF;AAkBD;;AAEDR,iBAAiB,CAAC0C,SAAlB,GAA8B;EAC5BzC,IAAI,EAAE0C,kBAAA,CAAUC,MAAV,CAAiBC,UADK;EAE5B3C,MAAM,EAAEyC,kBAAA,CAAUC,MAFU;EAG5BzC,MAAM,EAAEwC,kBAAA,CAAUG;AAHU,CAA9B;AAMA9C,iBAAiB,CAAC+C,YAAlB,GAAiC;EAC/B7C,MAAM,IADyB;EAE/BC,MAAM,EAAE;AAFuB,CAAjC"}

package/lib/DocumentListWrapper.js

@@ -1,107 +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,
-      filter = _ref.filter,
-      params = _ref.params,
-      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,
-    filter: filter,
-    params: params
-  }));
-}
-
-DocumentListWrapper.propTypes = {
-  showIncrements: _propTypes.default.bool.isRequired,
-  type: _propTypes.default.string.isRequired,
-  filter: _propTypes.default.string,
-  params: _propTypes.default.object,
-  resetOrderTransaction: _propTypes.default.shape({
-    title: _propTypes.default.string,
-    status: _propTypes.default.string
-  }).isRequired
-};
-DocumentListWrapper.defaultProps = {
-  filter: "",
-  params: {}
-};
-//# sourceMappingURL=DocumentListWrapper.js.map

package/lib/DocumentListWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocumentListWrapper.js","names":["DocumentListWrapper","type","filter","params","showIncrements","resetOrderTransaction","toast","useToast","useEffect","title","status","push","schemaIsInvalid","useMemo","typeSchema","schema","get","fields","some","field","name","ORDER_FIELD_NAME","propTypes","PropTypes","bool","isRequired","string","object","shape","defaultProps"],"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({\n  type,\n  filter,\n  params,\n  showIncrements,\n  resetOrderTransaction,\n}) {\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} filter={filter} params={params} />\n    </OrderableContext.Provider>\n  )\n}\n\nDocumentListWrapper.propTypes = {\n  showIncrements: PropTypes.bool.isRequired,\n  type: PropTypes.string.isRequired,\n  filter: PropTypes.string,\n  params: PropTypes.object,\n  resetOrderTransaction: PropTypes.shape({\n    title: PropTypes.string,\n    status: PropTypes.string,\n  }).isRequired,\n}\n\nDocumentListWrapper.defaultProps = {\n  filter: ``,\n  params: {},\n}\n"],"mappings":"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"}