@sanity/orderable-document-list 0.0.9 → 0.1.0

package/lib/DraggableList.js

@@ -4,128 +4,98 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DraggableList;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactBeautifulDnd = require("react-beautiful-dnd");
-
 var _deskTool = require("@sanity/desk-tool");
-
 var _ui = require("@sanity/ui");
-
 var _client = _interopRequireDefault(require("part:@sanity/base/client"));
-
 var _Document = _interopRequireDefault(require("./Document"));
-
 var _reorderDocuments2 = require("./helpers/reorderDocuments");
-
 var _constants = require("./helpers/constants");
-
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 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; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var client = _client.default.withConfig({
   apiVersion: '2021-09-01'
 });
-
 var getItemStyle = (draggableStyle, itemIsUpdating) => _objectSpread({
   userSelect: 'none',
   transition: "opacity 500ms ease-in-out",
   opacity: itemIsUpdating ? 0.2 : 1,
   pointerEvents: itemIsUpdating ? "none" : undefined
 }, draggableStyle);
-
 var cardTone = settings => {
   var isDuplicate = settings.isDuplicate,
-      isGhosting = settings.isGhosting,
-      isDragging = settings.isDragging,
-      isSelected = settings.isSelected;
+    isGhosting = settings.isGhosting,
+    isDragging = settings.isDragging,
+    isSelected = settings.isSelected;
   if (isGhosting) return "transparent";
   if (isDragging || isSelected) return "primary";
   if (isDuplicate) return "caution";
   return undefined;
 };
-
 function DraggableList(_ref) {
   var data = _ref.data,
-      type = _ref.type,
-      listIsUpdating = _ref.listIsUpdating,
-      setListIsUpdating = _ref.setListIsUpdating;
+    type = _ref.type,
+    listIsUpdating = _ref.listIsUpdating,
+    setListIsUpdating = _ref.setListIsUpdating;
   var toast = (0, _ui.useToast)();
   var router = (0, _deskTool.usePaneRouter)();
-  var navigateIntent = router.navigateIntent; // Maintains local state order before transaction completes
+  var navigateIntent = router.navigateIntent;
 
+  // Maintains local state order before transaction completes
   var _useState = (0, _react.useState)(data),
-      _useState2 = _slicedToArray(_useState, 2),
-      orderedData = _useState2[0],
-      setOrderedData = _useState2[1]; // Update local state when documents change from an outside source
-
+    _useState2 = _slicedToArray(_useState, 2),
+    orderedData = _useState2[0],
+    setOrderedData = _useState2[1];
 
+  // Update local state when documents change from an outside source
   (0, _react.useEffect)(() => {
     if (!listIsUpdating) setOrderedData(data);
     /* eslint-disable-next-line react-hooks/exhaustive-deps */
   }, [data]);
-
   var _useState3 = (0, _react.useState)(""),
-      _useState4 = _slicedToArray(_useState3, 2),
-      draggingId = _useState4[0],
-      setDraggingId = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    draggingId = _useState4[0],
+    setDraggingId = _useState4[1];
   var _useState5 = (0, _react.useState)([]),
-      _useState6 = _slicedToArray(_useState5, 2),
-      selectedIds = _useState6[0],
-      setSelectedIds = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedIds = _useState6[0],
+    setSelectedIds = _useState6[1];
   var clearSelected = () => setSelectedIds([]);
-
   var handleSelect = (clickedId, index, nativeEvent) => {
     var isSelected = selectedIds.includes(clickedId);
     var selectMultiple = nativeEvent.shiftKey;
     var isUsingWindows = navigator.appVersion.indexOf('Win') !== -1;
     var selectAdditional = isUsingWindows ? nativeEvent.ctrlKey : nativeEvent.metaKey;
-    var updatedIds = []; // No modifier keys pressed during click:
+    var updatedIds = [];
+
+    // No modifier keys pressed during click:
     // - update selected to just this one
     // - open document
-
     if (!selectMultiple && !selectAdditional) {
       navigateIntent('edit', {
         id: clickedId,
         type
       });
       return setSelectedIds([clickedId]);
-    } // Shift key was held, add id's between last selected and this one
-    // ...before adding this one
-
+    }
 
+    // Shift key was held, add id's between last selected and this one
+    // ...before adding this one
     if (selectMultiple && !isSelected) {
       var lastSelectedId = selectedIds.at(-1);
       var lastSelectedIndex = orderedData.findIndex(item => item._id === lastSelectedId);
@@ -140,10 +110,8 @@ function DraggableList(_ref) {
       // Toggle on a single id
       updatedIds = [...selectedIds, clickedId];
     }
-
     return setSelectedIds(updatedIds);
   };
-
   var transactPatches = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(function* (patches, message) {
       var transaction = client.transaction();
@@ -166,62 +134,62 @@ function DraggableList(_ref) {
         });
       });
     });
-
     return function transactPatches(_x, _x2) {
       return _ref2.apply(this, arguments);
     };
   }();
-
   var handleDragEnd = (result, entities) => {
     setDraggingId("");
-
     var _ref3 = result !== null && result !== void 0 ? result : {},
-        source = _ref3.source,
-        destination = _ref3.destination,
-        draggableId = _ref3.draggableId; // Don't do anything if nothing changed
-
+      source = _ref3.source,
+      destination = _ref3.destination,
+      draggableId = _ref3.draggableId;
 
-    if (source.index === destination.index) return; // Don't do anything if we don't have the entitites
+    // Don't do anything if nothing changed
+    if (source.index === destination.index) return;
 
-    if (!(entities !== null && entities !== void 0 && entities.length)) return; // A document can be dragged without being one-of-many-selected
+    // Don't do anything if we don't have the entitites
+    if (!(entities !== null && entities !== void 0 && entities.length)) return;
 
-    var effectedIds = selectedIds !== null && selectedIds !== void 0 && selectedIds.length ? selectedIds : [draggableId]; // Don't do anything if we don't have ids to effect
+    // A document can be dragged without being one-of-many-selected
+    var effectedIds = selectedIds !== null && selectedIds !== void 0 && selectedIds.length ? selectedIds : [draggableId];
 
-    if (!(effectedIds !== null && effectedIds !== void 0 && effectedIds.length)) return; // Update state to update styles + prevent data refetching
+    // Don't do anything if we don't have ids to effect
+    if (!(effectedIds !== null && effectedIds !== void 0 && effectedIds.length)) return;
 
+    // Update state to update styles + prevent data refetching
     setListIsUpdating(true);
     setSelectedIds(effectedIds);
-
     var _reorderDocuments = (0, _reorderDocuments2.reorderDocuments)({
-      entities,
-      selectedIds: effectedIds,
-      source,
-      destination
-    }),
-        newOrder = _reorderDocuments.newOrder,
-        patches = _reorderDocuments.patches,
-        message = _reorderDocuments.message; // Update local state
-
-
+        entities,
+        selectedIds: effectedIds,
+        source,
+        destination
+      }),
+      newOrder = _reorderDocuments.newOrder,
+      patches = _reorderDocuments.patches,
+      message = _reorderDocuments.message;
+
+    // Update local state
     if (newOrder !== null && newOrder !== void 0 && newOrder.length) {
       setOrderedData(newOrder);
-    } // Transact new order patches
-
+    }
 
+    // Transact new order patches
     if (patches !== null && patches !== void 0 && patches.length) {
       transactPatches(patches, message);
     }
   };
-
   var handleDragStart = start => {
     var id = start.draggableId;
-    var selected = selectedIds.includes(id); // if dragging an item that is not selected - unselect all items
+    var selected = selectedIds.includes(id);
 
+    // if dragging an item that is not selected - unselect all items
     if (!selected) clearSelected();
     setDraggingId(id);
-  }; // Move one document up or down one place, by fake invoking the drag function
-
+  };
 
+  // Move one document up or down one place, by fake invoking the drag function
   var incrementIndex = (shiftFrom, shiftTo, id, entities) => {
     var result = {
       draggableId: id,
@@ -234,20 +202,19 @@ function DraggableList(_ref) {
     };
     return handleDragEnd(result, entities);
   };
-
   var onWindowKeyDown = event => {
     if (event.key === 'Escape') {
       clearSelected();
     }
   };
-
   (0, _react.useEffect)(() => {
     window.addEventListener('keydown', onWindowKeyDown);
     return () => {
       window.removeEventListener('keydown', onWindowKeyDown);
     };
-  }, []); // Find all items with duplicate order field
+  }, []);
 
+  // Find all items with duplicate order field
   var duplicateOrders = (0, _react.useMemo)(() => {
     if (!orderedData.length) return [];
     var orderField = orderedData.map(item => item[_constants.ORDER_FIELD_NAME]);
@@ -263,8 +230,8 @@ function DraggableList(_ref) {
   }), orderedData.map((item, index) => /*#__PURE__*/_react.default.createElement(_reactBeautifulDnd.Draggable, {
     key: "".concat(item._id, "-").concat(item[_constants.ORDER_FIELD_NAME]),
     draggableId: item._id,
-    index: index // onClick={(event) => handleDraggableClick(event, provided, snapshot)}
-
+    index: index
+    // onClick={(event) => handleDraggableClick(event, provided, snapshot)}
   }, (innerProvided, innerSnapshot) => {
     var isSelected = selectedIds.includes(item._id);
     var isDragging = innerSnapshot.isDragging;
@@ -302,7 +269,6 @@ function DraggableList(_ref) {
     }))));
   })), provided.placeholder)));
 }
-
 DraggableList.propTypes = {
   data: _propTypes.default.arrayOf(_propTypes.default.shape({
     _id: _propTypes.default.string

package/lib/DraggableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableList.js","names":["client","sanityClient","withConfig","apiVersion","getItemStyle","draggableStyle","itemIsUpdating","userSelect","transition","opacity","pointerEvents","undefined","cardTone","settings","isDuplicate","isGhosting","isDragging","isSelected","DraggableList","data","type","listIsUpdating","setListIsUpdating","toast","useToast","router","usePaneRouter","navigateIntent","useState","orderedData","setOrderedData","useEffect","draggingId","setDraggingId","selectedIds","setSelectedIds","clearSelected","handleSelect","clickedId","index","nativeEvent","includes","selectMultiple","shiftKey","isUsingWindows","navigator","appVersion","indexOf","selectAdditional","ctrlKey","metaKey","updatedIds","id","lastSelectedId","at","lastSelectedIndex","findIndex","item","_id","firstSelected","lastSelected","betweenIds","filter","itemIndex","map","transactPatches","patches","message","transaction","forEach","patchArgs","patch","commit","then","updated","push","title","results","length","status","description","catch","handleDragEnd","result","entities","source","destination","draggableId","effectedIds","reorderDocuments","newOrder","handleDragStart","start","selected","incrementIndex","shiftFrom","shiftTo","onWindowKeyDown","event","key","window","addEventListener","removeEventListener","duplicateOrders","useMemo","orderField","ORDER_FIELD_NAME","provided","snapshot","droppableProps","innerRef","innerProvided","innerSnapshot","Boolean","isUpdating","isDisabled","tone","draggableProps","dragHandleProps","style","placeholder","propTypes","PropTypes","arrayOf","shape","string","isRequired","bool","func"],"sources":["../src/DraggableList.js"],"sourcesContent":["import PropTypes from 'prop-types'\nimport React, {useMemo, useState, useEffect} from 'react'\nimport {DragDropContext, Droppable, Draggable} from 'react-beautiful-dnd'\nimport {usePaneRouter} from '@sanity/desk-tool'\nimport {Box, Card, useToast} from '@sanity/ui'\nimport sanityClient from 'part:@sanity/base/client'\n\nimport Document from './Document'\nimport {reorderDocuments} from './helpers/reorderDocuments'\nimport {ORDER_FIELD_NAME} from './helpers/constants'\n\nconst client = sanityClient.withConfig({\n  apiVersion: '2021-09-01',\n})\n\nconst getItemStyle = (draggableStyle, itemIsUpdating) => ({\n  userSelect: 'none',\n  transition: `opacity 500ms ease-in-out`,\n  opacity: itemIsUpdating ? 0.2 : 1,\n  pointerEvents: itemIsUpdating ? `none` : undefined,\n  ...draggableStyle,\n})\n\nconst cardTone = (settings) => {\n  const {isDuplicate, isGhosting, isDragging, isSelected} = settings\n\n  if (isGhosting) return `transparent`\n  if (isDragging || isSelected) return `primary`\n  if (isDuplicate) return `caution`\n\n  return undefined\n}\n\nexport default function DraggableList({data, type, listIsUpdating, setListIsUpdating}) {\n  const toast = useToast()\n  const router = usePaneRouter()\n  const {navigateIntent} = router\n\n  // Maintains local state order before transaction completes\n  const [orderedData, setOrderedData] = useState(data)\n\n  // Update local state when documents change from an outside source\n  useEffect(() => {\n    if (!listIsUpdating) setOrderedData(data)\n    /* eslint-disable-next-line react-hooks/exhaustive-deps */\n  }, [data])\n\n  const [draggingId, setDraggingId] = useState(``)\n  const [selectedIds, setSelectedIds] = useState([])\n\n  const clearSelected = () => setSelectedIds([])\n\n  const handleSelect = (clickedId, index, nativeEvent) => {\n    const isSelected = selectedIds.includes(clickedId)\n    const selectMultiple = nativeEvent.shiftKey\n    const isUsingWindows = navigator.appVersion.indexOf('Win') !== -1\n    const selectAdditional = isUsingWindows ? nativeEvent.ctrlKey : nativeEvent.metaKey\n\n    let updatedIds = []\n\n    // No modifier keys pressed during click:\n    // - update selected to just this one\n    // - open document\n    if (!selectMultiple && !selectAdditional) {\n      navigateIntent('edit', {id: clickedId, type})\n      return setSelectedIds([clickedId])\n    }\n\n    // Shift key was held, add id's between last selected and this one\n    // ...before adding this one\n    if (selectMultiple && !isSelected) {\n      const lastSelectedId = selectedIds.at(-1)\n      const lastSelectedIndex = orderedData.findIndex((item) => item._id === lastSelectedId)\n\n      const firstSelected = index < lastSelectedIndex ? index : lastSelectedIndex\n      const lastSelected = index > lastSelectedIndex ? index : lastSelectedIndex\n\n      const betweenIds = orderedData\n        .filter((item, itemIndex) => itemIndex > firstSelected && itemIndex < lastSelected)\n        .map((item) => item._id)\n\n      updatedIds = [...selectedIds, ...betweenIds, clickedId]\n    } else if (isSelected) {\n      // Toggle off a single id\n      updatedIds = selectedIds.filter((id) => id !== clickedId)\n    } else {\n      // Toggle on a single id\n      updatedIds = [...selectedIds, clickedId]\n    }\n\n    return setSelectedIds(updatedIds)\n  }\n\n  const transactPatches = async (patches, message) => {\n    const transaction = client.transaction()\n\n    patches.forEach((patchArgs) => transaction.patch(...patchArgs))\n\n    await transaction\n      .commit()\n      .then((updated) => {\n        clearSelected()\n        setDraggingId(``)\n        setListIsUpdating(false)\n        toast.push({\n          title: `${\n            updated.results.length === 1 ? `1 Document` : `${updated.results.length} Documents`\n          } Reordered`,\n          status: `success`,\n          description: message,\n        })\n      })\n      .catch(() => {\n        setDraggingId(``)\n        setListIsUpdating(false)\n        toast.push({\n          title: `Reordering failed`,\n          status: `critical`,\n        })\n      })\n  }\n\n  const handleDragEnd = (result, entities) => {\n    setDraggingId(``)\n\n    const {source, destination, draggableId} = result ?? {}\n\n    // Don't do anything if nothing changed\n    if (source.index === destination.index) return\n\n    // Don't do anything if we don't have the entitites\n    if (!entities?.length) return\n\n    // A document can be dragged without being one-of-many-selected\n    const effectedIds = selectedIds?.length ? selectedIds : [draggableId]\n\n    // Don't do anything if we don't have ids to effect\n    if (!effectedIds?.length) return\n\n    // Update state to update styles + prevent data refetching\n    setListIsUpdating(true)\n    setSelectedIds(effectedIds)\n\n    const {newOrder, patches, message} = reorderDocuments({\n      entities,\n      selectedIds: effectedIds,\n      source,\n      destination,\n    })\n\n    // Update local state\n    if (newOrder?.length) {\n      setOrderedData(newOrder)\n    }\n\n    // Transact new order patches\n    if (patches?.length) {\n      transactPatches(patches, message)\n    }\n  }\n\n  const handleDragStart = (start) => {\n    const id = start.draggableId\n    const selected = selectedIds.includes(id)\n\n    // if dragging an item that is not selected - unselect all items\n    if (!selected) clearSelected()\n\n    setDraggingId(id)\n  }\n\n  // Move one document up or down one place, by fake invoking the drag function\n  const incrementIndex = (shiftFrom, shiftTo, id, entities) => {\n    const result = {\n      draggableId: id,\n      source: {index: shiftFrom},\n      destination: {index: shiftTo},\n    }\n\n    return handleDragEnd(result, entities)\n  }\n\n  const onWindowKeyDown = (event) => {\n    if (event.key === 'Escape') {\n      clearSelected()\n    }\n  }\n\n  useEffect(() => {\n    window.addEventListener('keydown', onWindowKeyDown)\n\n    return () => {\n      window.removeEventListener('keydown', onWindowKeyDown)\n    }\n  }, [])\n\n  // Find all items with duplicate order field\n  const duplicateOrders = useMemo(() => {\n    if (!orderedData.length) return []\n\n    const orderField = orderedData.map((item) => item[ORDER_FIELD_NAME])\n\n    return orderField.filter((item, index) => orderField.indexOf(item) !== index)\n  }, [orderedData])\n\n  return (\n    <DragDropContext\n      onDragStart={handleDragStart}\n      onDragEnd={(result) => handleDragEnd(result, orderedData)}\n    >\n      <Droppable droppableId=\"documentSortZone\">\n        {(provided, snapshot) => (\n          <div {...provided.droppableProps} ref={provided.innerRef}>\n            {orderedData.map((item, index) => (\n              <Draggable\n                key={`${item._id}-${item[ORDER_FIELD_NAME]}`}\n                draggableId={item._id}\n                index={index}\n                // onClick={(event) => handleDraggableClick(event, provided, snapshot)}\n              >\n                {(innerProvided, innerSnapshot) => {\n                  const isSelected = selectedIds.includes(item._id)\n                  const isDragging = innerSnapshot.isDragging\n                  const isGhosting = Boolean(!isDragging && draggingId && isSelected)\n                  const isUpdating = listIsUpdating && isSelected\n                  const isDisabled = Boolean(!item[ORDER_FIELD_NAME])\n                  const isDuplicate = duplicateOrders.includes(item[ORDER_FIELD_NAME])\n                  const tone = cardTone({isDuplicate, isGhosting, isDragging, isSelected})\n\n                  return (\n                    <div\n                      ref={innerProvided.innerRef}\n                      {...innerProvided.draggableProps}\n                      {...innerProvided.dragHandleProps}\n                      style={\n                        isDisabled\n                          ? {opacity: 0.2, pointerEvents: `none`}\n                          : getItemStyle(innerProvided.draggableProps.style, isUpdating, isGhosting)\n                      }\n                    >\n                      <Box paddingBottom={1}>\n                        <Card tone={tone} shadow={isDragging ? `2` : undefined} radius={2}>\n                          <Document\n                            doc={item}\n                            entities={orderedData}\n                            handleSelect={handleSelect}\n                            increment={incrementIndex}\n                            index={index}\n                            isFirst={index === 0}\n                            isLast={index === orderedData.length - 1}\n                          />\n                        </Card>\n                      </Box>\n                    </div>\n                  )\n                }}\n              </Draggable>\n            ))}\n            {provided.placeholder}\n          </div>\n        )}\n      </Droppable>\n    </DragDropContext>\n  )\n}\n\nDraggableList.propTypes = {\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      _id: PropTypes.string,\n    }).isRequired\n  ).isRequired,\n  type: PropTypes.string.isRequired,\n  listIsUpdating: PropTypes.bool.isRequired,\n  setListIsUpdating: PropTypes.func.isRequired,\n}\n"],"mappings":"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"}
+{"version":3,"file":"DraggableList.js","names":["client","sanityClient","withConfig","apiVersion","getItemStyle","draggableStyle","itemIsUpdating","userSelect","transition","opacity","pointerEvents","undefined","cardTone","settings","isDuplicate","isGhosting","isDragging","isSelected","DraggableList","data","type","listIsUpdating","setListIsUpdating","toast","useToast","router","usePaneRouter","navigateIntent","useState","orderedData","setOrderedData","useEffect","draggingId","setDraggingId","selectedIds","setSelectedIds","clearSelected","handleSelect","clickedId","index","nativeEvent","includes","selectMultiple","shiftKey","isUsingWindows","navigator","appVersion","indexOf","selectAdditional","ctrlKey","metaKey","updatedIds","id","lastSelectedId","at","lastSelectedIndex","findIndex","item","_id","firstSelected","lastSelected","betweenIds","filter","itemIndex","map","transactPatches","patches","message","transaction","forEach","patchArgs","patch","commit","then","updated","push","title","results","length","status","description","catch","handleDragEnd","result","entities","source","destination","draggableId","effectedIds","reorderDocuments","newOrder","handleDragStart","start","selected","incrementIndex","shiftFrom","shiftTo","onWindowKeyDown","event","key","window","addEventListener","removeEventListener","duplicateOrders","useMemo","orderField","ORDER_FIELD_NAME","provided","snapshot","droppableProps","innerRef","innerProvided","innerSnapshot","Boolean","isUpdating","isDisabled","tone","draggableProps","dragHandleProps","style","placeholder","propTypes","PropTypes","arrayOf","shape","string","isRequired","bool","func"],"sources":["../src/DraggableList.js"],"sourcesContent":["import PropTypes from 'prop-types'\nimport React, {useMemo, useState, useEffect} from 'react'\nimport {DragDropContext, Droppable, Draggable} from 'react-beautiful-dnd'\nimport {usePaneRouter} from '@sanity/desk-tool'\nimport {Box, Card, useToast} from '@sanity/ui'\nimport sanityClient from 'part:@sanity/base/client'\n\nimport Document from './Document'\nimport {reorderDocuments} from './helpers/reorderDocuments'\nimport {ORDER_FIELD_NAME} from './helpers/constants'\n\nconst client = sanityClient.withConfig({\n  apiVersion: '2021-09-01',\n})\n\nconst getItemStyle = (draggableStyle, itemIsUpdating) => ({\n  userSelect: 'none',\n  transition: `opacity 500ms ease-in-out`,\n  opacity: itemIsUpdating ? 0.2 : 1,\n  pointerEvents: itemIsUpdating ? `none` : undefined,\n  ...draggableStyle,\n})\n\nconst cardTone = (settings) => {\n  const {isDuplicate, isGhosting, isDragging, isSelected} = settings\n\n  if (isGhosting) return `transparent`\n  if (isDragging || isSelected) return `primary`\n  if (isDuplicate) return `caution`\n\n  return undefined\n}\n\nexport default function DraggableList({data, type, listIsUpdating, setListIsUpdating}) {\n  const toast = useToast()\n  const router = usePaneRouter()\n  const {navigateIntent} = router\n\n  // Maintains local state order before transaction completes\n  const [orderedData, setOrderedData] = useState(data)\n\n  // Update local state when documents change from an outside source\n  useEffect(() => {\n    if (!listIsUpdating) setOrderedData(data)\n    /* eslint-disable-next-line react-hooks/exhaustive-deps */\n  }, [data])\n\n  const [draggingId, setDraggingId] = useState(``)\n  const [selectedIds, setSelectedIds] = useState([])\n\n  const clearSelected = () => setSelectedIds([])\n\n  const handleSelect = (clickedId, index, nativeEvent) => {\n    const isSelected = selectedIds.includes(clickedId)\n    const selectMultiple = nativeEvent.shiftKey\n    const isUsingWindows = navigator.appVersion.indexOf('Win') !== -1\n    const selectAdditional = isUsingWindows ? nativeEvent.ctrlKey : nativeEvent.metaKey\n\n    let updatedIds = []\n\n    // No modifier keys pressed during click:\n    // - update selected to just this one\n    // - open document\n    if (!selectMultiple && !selectAdditional) {\n      navigateIntent('edit', {id: clickedId, type})\n      return setSelectedIds([clickedId])\n    }\n\n    // Shift key was held, add id's between last selected and this one\n    // ...before adding this one\n    if (selectMultiple && !isSelected) {\n      const lastSelectedId = selectedIds.at(-1)\n      const lastSelectedIndex = orderedData.findIndex((item) => item._id === lastSelectedId)\n\n      const firstSelected = index < lastSelectedIndex ? index : lastSelectedIndex\n      const lastSelected = index > lastSelectedIndex ? index : lastSelectedIndex\n\n      const betweenIds = orderedData\n        .filter((item, itemIndex) => itemIndex > firstSelected && itemIndex < lastSelected)\n        .map((item) => item._id)\n\n      updatedIds = [...selectedIds, ...betweenIds, clickedId]\n    } else if (isSelected) {\n      // Toggle off a single id\n      updatedIds = selectedIds.filter((id) => id !== clickedId)\n    } else {\n      // Toggle on a single id\n      updatedIds = [...selectedIds, clickedId]\n    }\n\n    return setSelectedIds(updatedIds)\n  }\n\n  const transactPatches = async (patches, message) => {\n    const transaction = client.transaction()\n\n    patches.forEach((patchArgs) => transaction.patch(...patchArgs))\n\n    await transaction\n      .commit()\n      .then((updated) => {\n        clearSelected()\n        setDraggingId(``)\n        setListIsUpdating(false)\n        toast.push({\n          title: `${\n            updated.results.length === 1 ? `1 Document` : `${updated.results.length} Documents`\n          } Reordered`,\n          status: `success`,\n          description: message,\n        })\n      })\n      .catch(() => {\n        setDraggingId(``)\n        setListIsUpdating(false)\n        toast.push({\n          title: `Reordering failed`,\n          status: `critical`,\n        })\n      })\n  }\n\n  const handleDragEnd = (result, entities) => {\n    setDraggingId(``)\n\n    const {source, destination, draggableId} = result ?? {}\n\n    // Don't do anything if nothing changed\n    if (source.index === destination.index) return\n\n    // Don't do anything if we don't have the entitites\n    if (!entities?.length) return\n\n    // A document can be dragged without being one-of-many-selected\n    const effectedIds = selectedIds?.length ? selectedIds : [draggableId]\n\n    // Don't do anything if we don't have ids to effect\n    if (!effectedIds?.length) return\n\n    // Update state to update styles + prevent data refetching\n    setListIsUpdating(true)\n    setSelectedIds(effectedIds)\n\n    const {newOrder, patches, message} = reorderDocuments({\n      entities,\n      selectedIds: effectedIds,\n      source,\n      destination,\n    })\n\n    // Update local state\n    if (newOrder?.length) {\n      setOrderedData(newOrder)\n    }\n\n    // Transact new order patches\n    if (patches?.length) {\n      transactPatches(patches, message)\n    }\n  }\n\n  const handleDragStart = (start) => {\n    const id = start.draggableId\n    const selected = selectedIds.includes(id)\n\n    // if dragging an item that is not selected - unselect all items\n    if (!selected) clearSelected()\n\n    setDraggingId(id)\n  }\n\n  // Move one document up or down one place, by fake invoking the drag function\n  const incrementIndex = (shiftFrom, shiftTo, id, entities) => {\n    const result = {\n      draggableId: id,\n      source: {index: shiftFrom},\n      destination: {index: shiftTo},\n    }\n\n    return handleDragEnd(result, entities)\n  }\n\n  const onWindowKeyDown = (event) => {\n    if (event.key === 'Escape') {\n      clearSelected()\n    }\n  }\n\n  useEffect(() => {\n    window.addEventListener('keydown', onWindowKeyDown)\n\n    return () => {\n      window.removeEventListener('keydown', onWindowKeyDown)\n    }\n  }, [])\n\n  // Find all items with duplicate order field\n  const duplicateOrders = useMemo(() => {\n    if (!orderedData.length) return []\n\n    const orderField = orderedData.map((item) => item[ORDER_FIELD_NAME])\n\n    return orderField.filter((item, index) => orderField.indexOf(item) !== index)\n  }, [orderedData])\n\n  return (\n    <DragDropContext\n      onDragStart={handleDragStart}\n      onDragEnd={(result) => handleDragEnd(result, orderedData)}\n    >\n      <Droppable droppableId=\"documentSortZone\">\n        {(provided, snapshot) => (\n          <div {...provided.droppableProps} ref={provided.innerRef}>\n            {orderedData.map((item, index) => (\n              <Draggable\n                key={`${item._id}-${item[ORDER_FIELD_NAME]}`}\n                draggableId={item._id}\n                index={index}\n                // onClick={(event) => handleDraggableClick(event, provided, snapshot)}\n              >\n                {(innerProvided, innerSnapshot) => {\n                  const isSelected = selectedIds.includes(item._id)\n                  const isDragging = innerSnapshot.isDragging\n                  const isGhosting = Boolean(!isDragging && draggingId && isSelected)\n                  const isUpdating = listIsUpdating && isSelected\n                  const isDisabled = Boolean(!item[ORDER_FIELD_NAME])\n                  const isDuplicate = duplicateOrders.includes(item[ORDER_FIELD_NAME])\n                  const tone = cardTone({isDuplicate, isGhosting, isDragging, isSelected})\n\n                  return (\n                    <div\n                      ref={innerProvided.innerRef}\n                      {...innerProvided.draggableProps}\n                      {...innerProvided.dragHandleProps}\n                      style={\n                        isDisabled\n                          ? {opacity: 0.2, pointerEvents: `none`}\n                          : getItemStyle(innerProvided.draggableProps.style, isUpdating, isGhosting)\n                      }\n                    >\n                      <Box paddingBottom={1}>\n                        <Card tone={tone} shadow={isDragging ? `2` : undefined} radius={2}>\n                          <Document\n                            doc={item}\n                            entities={orderedData}\n                            handleSelect={handleSelect}\n                            increment={incrementIndex}\n                            index={index}\n                            isFirst={index === 0}\n                            isLast={index === orderedData.length - 1}\n                          />\n                        </Card>\n                      </Box>\n                    </div>\n                  )\n                }}\n              </Draggable>\n            ))}\n            {provided.placeholder}\n          </div>\n        )}\n      </Droppable>\n    </DragDropContext>\n  )\n}\n\nDraggableList.propTypes = {\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      _id: PropTypes.string,\n    }).isRequired\n  ).isRequired,\n  type: PropTypes.string.isRequired,\n  listIsUpdating: PropTypes.bool.isRequired,\n  setListIsUpdating: PropTypes.func.isRequired,\n}\n"],"mappings":"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"}

package/lib/Feedback.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Feedback;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ui = require("@sanity/ui");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function Feedback(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_ui.Box, {
@@ -24,7 +19,6 @@ function Feedback(_ref) {
     tone: "caution"
   }, /*#__PURE__*/_react.default.createElement(_ui.Text, null, children)));
 }
-
 Feedback.propTypes = {
   children: _propTypes.default.node.isRequired
 };

package/lib/Feedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"Feedback.js","names":["Feedback","children","propTypes","PropTypes","node","isRequired"],"sources":["../src/Feedback.js"],"sourcesContent":["import PropTypes from 'prop-types'\nimport React from 'react'\nimport {Box, Card, Text} from '@sanity/ui'\n\nexport default function Feedback({children}) {\n  return (\n    <Box padding={3}>\n      <Card padding={4} radius={2} shadow={1} tone=\"caution\">\n        <Text>{children}</Text>\n      </Card>\n    </Box>\n  )\n}\n\nFeedback.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEe,SAASA,QAAT,OAA8B;EAAA,IAAXC,QAAW,QAAXA,QAAW;EAC3C,oBACE,6BAAC,OAAD;IAAK,OAAO,EAAE;EAAd,gBACE,6BAAC,QAAD;IAAM,OAAO,EAAE,CAAf;IAAkB,MAAM,EAAE,CAA1B;IAA6B,MAAM,EAAE,CAArC;IAAwC,IAAI,EAAC;EAA7C,gBACE,6BAAC,QAAD,QAAOA,QAAP,CADF,CADF,CADF;AAOD;;AAEDD,QAAQ,CAACE,SAAT,GAAqB;EACnBD,QAAQ,EAAEE,kBAAA,CAAUC,IAAV,CAAeC;AADN,CAArB"}
+{"version":3,"file":"Feedback.js","names":["Feedback","children","propTypes","PropTypes","node","isRequired"],"sources":["../src/Feedback.js"],"sourcesContent":["import PropTypes from 'prop-types'\nimport React from 'react'\nimport {Box, Card, Text} from '@sanity/ui'\n\nexport default function Feedback({children}) {\n  return (\n    <Box padding={3}>\n      <Card padding={4} radius={2} shadow={1} tone=\"caution\">\n        <Text>{children}</Text>\n      </Card>\n    </Box>\n  )\n}\n\nFeedback.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA0C;AAE3B,SAASA,QAAQ,OAAa;EAAA,IAAXC,QAAQ,QAARA,QAAQ;EACxC,oBACE,6BAAC,OAAG;IAAC,OAAO,EAAE;EAAE,gBACd,6BAAC,QAAI;IAAC,OAAO,EAAE,CAAE;IAAC,MAAM,EAAE,CAAE;IAAC,MAAM,EAAE,CAAE;IAAC,IAAI,EAAC;EAAS,gBACpD,6BAAC,QAAI,QAAEA,QAAQ,CAAQ,CAClB,CACH;AAEV;AAEAD,QAAQ,CAACE,SAAS,GAAG;EACnBD,QAAQ,EAAEE,kBAAS,CAACC,IAAI,CAACC;AAC3B,CAAC"}

package/lib/OrderableContext.js

@@ -4,12 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.OrderableContext = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var OrderableContext = /*#__PURE__*/_react.default.createContext({});
-
 exports.OrderableContext = OrderableContext;
 //# sourceMappingURL=OrderableContext.js.map

package/lib/OrderableContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderableContext.js","names":["OrderableContext","React","createContext"],"sources":["../src/OrderableContext.js"],"sourcesContent":["import React from 'react'\n\nexport const OrderableContext = React.createContext({})\n"],"mappings":";;;;;;;AAAA;;;;AAEO,IAAMA,gBAAgB,gBAAGC,cAAA,CAAMC,aAAN,CAAoB,EAApB,CAAzB"}
+{"version":3,"file":"OrderableContext.js","names":["OrderableContext","React","createContext"],"sources":["../src/OrderableContext.js"],"sourcesContent":["import React from 'react'\n\nexport const OrderableContext = React.createContext({})\n"],"mappings":";;;;;;AAAA;AAAyB;AAElB,IAAMA,gBAAgB,gBAAGC,cAAK,CAACC,aAAa,CAAC,CAAC,CAAC,CAAC;AAAA"}

package/lib/OrderableDocumentList.js

@@ -4,35 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _DocumentListWrapper = _interopRequireDefault(require("./DocumentListWrapper"));
-
 var _resetOrder3 = require("./helpers/resetOrder");
-
 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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 // Must use a Class Component here so the actionHandlers can be called
 class OrderableDocumentList extends _react.Component {
   constructor(props) {
     var _this;
-
     super(props);
     _this = this;
-
     _defineProperty(this, "actionHandlers", {
       showIncrements: () => {
         this.setState(state => ({
@@ -42,7 +29,6 @@ class OrderableDocumentList extends _react.Component {
       resetOrder: function () {
         var _resetOrder2 = _asyncToGenerator(function* () {
           var _update$results;
-
           _this.setState(() => ({
             resetOrderTransaction: {
               status: "info",
@@ -50,10 +36,8 @@ class OrderableDocumentList extends _react.Component {
               closable: true
             }
           }));
-
           var update = yield (0, _resetOrder3.resetOrder)(_this.props.options.type);
           var reorderWasSuccessful = update === null || update === void 0 ? void 0 : (_update$results = update.results) === null || _update$results === void 0 ? void 0 : _update$results.length;
-
           _this.setState(() => ({
             resetOrderTransaction: {
               status: reorderWasSuccessful ? "success" : "info",
@@ -62,24 +46,19 @@ class OrderableDocumentList extends _react.Component {
             }
           }));
         });
-
         function resetOrder() {
           return _resetOrder2.apply(this, arguments);
         }
-
         return resetOrder;
       }()
     });
-
     this.state = {
       showIncrements: false,
       resetOrderTransaction: {}
     };
   }
-
   render() {
     var _this$props, _this$props$options, _this$props2, _this$props2$options, _this$props3, _this$props3$options;
-
     return /*#__PURE__*/_react.default.createElement(_DocumentListWrapper.default, {
       type: this === null || this === void 0 ? void 0 : (_this$props = this.props) === null || _this$props === void 0 ? void 0 : (_this$props$options = _this$props.options) === null || _this$props$options === void 0 ? void 0 : _this$props$options.type,
       filter: this === null || this === void 0 ? void 0 : (_this$props2 = this.props) === null || _this$props2 === void 0 ? void 0 : (_this$props2$options = _this$props2.options) === null || _this$props2$options === void 0 ? void 0 : _this$props2$options.filter,
@@ -88,11 +67,8 @@ class OrderableDocumentList extends _react.Component {
       resetOrderTransaction: this.state.resetOrderTransaction
     });
   }
-
 }
-
 exports.default = OrderableDocumentList;
-
 _defineProperty(OrderableDocumentList, "propTypes", {
   options: _propTypes.default.shape({
     type: _propTypes.default.string,

package/lib/OrderableDocumentList.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderableDocumentList.js","names":["OrderableDocumentList","Component","constructor","props","showIncrements","setState","state","resetOrder","resetOrderTransaction","status","title","closable","update","options","type","reorderWasSuccessful","results","length","render","filter","params","PropTypes","shape","string","object","isRequired"],"sources":["../src/OrderableDocumentList.js"],"sourcesContent":["import PropTypes from 'prop-types'\nimport React, {Component} from 'react'\n\nimport DocumentListWrapper from './DocumentListWrapper'\nimport {resetOrder} from './helpers/resetOrder'\n\n// Must use a Class Component here so the actionHandlers can be called\nexport default class OrderableDocumentList extends Component {\n  static propTypes = {\n    options: PropTypes.shape({\n      type: PropTypes.string,\n      filter: PropTypes.string,\n      params: PropTypes.object,\n    }).isRequired,\n  }\n\n  constructor(props) {\n    super(props)\n    this.state = {\n      showIncrements: false,\n      resetOrderTransaction: {},\n    }\n  }\n\n  actionHandlers = {\n    showIncrements: () => {\n      this.setState((state) => ({\n        showIncrements: !state.showIncrements,\n      }))\n    },\n\n    resetOrder: async () => {\n      this.setState(() => ({\n        resetOrderTransaction: {\n          status: `info`,\n          title: `Reordering started...`,\n          closable: true,\n        },\n      }))\n\n      const update = await resetOrder(this.props.options.type)\n\n      const reorderWasSuccessful = update?.results?.length\n\n      this.setState(() => ({\n        resetOrderTransaction: {\n          status: reorderWasSuccessful ? `success` : `info`,\n          title: reorderWasSuccessful\n            ? `Reordered ${update.results.length === 1 ? `Document` : `Documents`}`\n            : `Reordering failed`,\n          closable: true,\n        },\n      }))\n    },\n  }\n\n  render() {\n    return (\n      <DocumentListWrapper\n        type={this?.props?.options?.type}\n        filter={this?.props?.options?.filter}\n        params={this?.props?.options?.params}\n        showIncrements={this.state.showIncrements}\n        resetOrderTransaction={this.state.resetOrderTransaction}\n      />\n    )\n  }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;;;;;AAEA;AACe,MAAMA,qBAAN,SAAoCC,gBAApC,CAA8C;EAS3DC,WAAW,CAACC,KAAD,EAAQ;IAAA;;IACjB,MAAMA,KAAN,CADiB;IAAA;;IAAA,wCAQF;MACfC,cAAc,EAAE,MAAM;QACpB,KAAKC,QAAL,CAAeC,KAAD,KAAY;UACxBF,cAAc,EAAE,CAACE,KAAK,CAACF;QADC,CAAZ,CAAd;MAGD,CALc;MAOfG,UAAU;QAAA,qCAAE,aAAY;UAAA;;UACtB,KAAI,CAACF,QAAL,CAAc,OAAO;YACnBG,qBAAqB,EAAE;cACrBC,MAAM,QADe;cAErBC,KAAK,yBAFgB;cAGrBC,QAAQ,EAAE;YAHW;UADJ,CAAP,CAAd;;UAQA,IAAMC,MAAM,SAAS,IAAAL,uBAAA,EAAW,KAAI,CAACJ,KAAL,CAAWU,OAAX,CAAmBC,IAA9B,CAArB;UAEA,IAAMC,oBAAoB,GAAGH,MAAH,aAAGA,MAAH,0CAAGA,MAAM,CAAEI,OAAX,oDAAG,gBAAiBC,MAA9C;;UAEA,KAAI,CAACZ,QAAL,CAAc,OAAO;YACnBG,qBAAqB,EAAE;cACrBC,MAAM,EAAEM,oBAAoB,qBADP;cAErBL,KAAK,EAAEK,oBAAoB,uBACVH,MAAM,CAACI,OAAP,CAAeC,MAAf,KAA0B,CAA1B,2BADU,uBAFN;cAKrBN,QAAQ,EAAE;YALW;UADJ,CAAP,CAAd;QASD,CAtBS;;QAAA;UAAA;QAAA;;QAAA;MAAA;IAPK,CARE;;IAEjB,KAAKL,KAAL,GAAa;MACXF,cAAc,EAAE,KADL;MAEXI,qBAAqB,EAAE;IAFZ,CAAb;EAID;;EAkCDU,MAAM,GAAG;IAAA;;IACP,oBACE,6BAAC,4BAAD;MACE,IAAI,EAAE,IAAF,aAAE,IAAF,sCAAE,KAAMf,KAAR,uEAAE,YAAaU,OAAf,wDAAE,oBAAsBC,IAD9B;MAEE,MAAM,EAAE,IAAF,aAAE,IAAF,uCAAE,KAAMX,KAAR,yEAAE,aAAaU,OAAf,yDAAE,qBAAsBM,MAFhC;MAGE,MAAM,EAAE,IAAF,aAAE,IAAF,uCAAE,KAAMhB,KAAR,yEAAE,aAAaU,OAAf,yDAAE,qBAAsBO,MAHhC;MAIE,cAAc,EAAE,KAAKd,KAAL,CAAWF,cAJ7B;MAKE,qBAAqB,EAAE,KAAKE,KAAL,CAAWE;IALpC,EADF;EASD;;AA3D0D;;;;gBAAxCR,qB,eACA;EACjBa,OAAO,EAAEQ,kBAAA,CAAUC,KAAV,CAAgB;IACvBR,IAAI,EAAEO,kBAAA,CAAUE,MADO;IAEvBJ,MAAM,EAAEE,kBAAA,CAAUE,MAFK;IAGvBH,MAAM,EAAEC,kBAAA,CAAUG;EAHK,CAAhB,EAINC;AALc,C"}
+{"version":3,"file":"OrderableDocumentList.js","names":["OrderableDocumentList","Component","constructor","props","showIncrements","setState","state","resetOrder","resetOrderTransaction","status","title","closable","update","options","type","reorderWasSuccessful","results","length","render","filter","params","PropTypes","shape","string","object","isRequired"],"sources":["../src/OrderableDocumentList.js"],"sourcesContent":["import PropTypes from 'prop-types'\nimport React, {Component} from 'react'\n\nimport DocumentListWrapper from './DocumentListWrapper'\nimport {resetOrder} from './helpers/resetOrder'\n\n// Must use a Class Component here so the actionHandlers can be called\nexport default class OrderableDocumentList extends Component {\n  static propTypes = {\n    options: PropTypes.shape({\n      type: PropTypes.string,\n      filter: PropTypes.string,\n      params: PropTypes.object,\n    }).isRequired,\n  }\n\n  constructor(props) {\n    super(props)\n    this.state = {\n      showIncrements: false,\n      resetOrderTransaction: {},\n    }\n  }\n\n  actionHandlers = {\n    showIncrements: () => {\n      this.setState((state) => ({\n        showIncrements: !state.showIncrements,\n      }))\n    },\n\n    resetOrder: async () => {\n      this.setState(() => ({\n        resetOrderTransaction: {\n          status: `info`,\n          title: `Reordering started...`,\n          closable: true,\n        },\n      }))\n\n      const update = await resetOrder(this.props.options.type)\n\n      const reorderWasSuccessful = update?.results?.length\n\n      this.setState(() => ({\n        resetOrderTransaction: {\n          status: reorderWasSuccessful ? `success` : `info`,\n          title: reorderWasSuccessful\n            ? `Reordered ${update.results.length === 1 ? `Document` : `Documents`}`\n            : `Reordering failed`,\n          closable: true,\n        },\n      }))\n    },\n  }\n\n  render() {\n    return (\n      <DocumentListWrapper\n        type={this?.props?.options?.type}\n        filter={this?.props?.options?.filter}\n        params={this?.props?.options?.params}\n        showIncrements={this.state.showIncrements}\n        resetOrderTransaction={this.state.resetOrderTransaction}\n      />\n    )\n  }\n}\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAAA;AAE/C;AACe,MAAMA,qBAAqB,SAASC,gBAAS,CAAC;EAS3DC,WAAW,CAACC,KAAK,EAAE;IAAA;IACjB,KAAK,CAACA,KAAK,CAAC;IAAA;IAAA,wCAOG;MACfC,cAAc,EAAE,MAAM;QACpB,IAAI,CAACC,QAAQ,CAAEC,KAAK,KAAM;UACxBF,cAAc,EAAE,CAACE,KAAK,CAACF;QACzB,CAAC,CAAC,CAAC;MACL,CAAC;MAEDG,UAAU;QAAA,qCAAE,aAAY;UAAA;UACtB,KAAI,CAACF,QAAQ,CAAC,OAAO;YACnBG,qBAAqB,EAAE;cACrBC,MAAM,QAAQ;cACdC,KAAK,yBAAyB;cAC9BC,QAAQ,EAAE;YACZ;UACF,CAAC,CAAC,CAAC;UAEH,IAAMC,MAAM,SAAS,IAAAL,uBAAU,EAAC,KAAI,CAACJ,KAAK,CAACU,OAAO,CAACC,IAAI,CAAC;UAExD,IAAMC,oBAAoB,GAAGH,MAAM,aAANA,MAAM,0CAANA,MAAM,CAAEI,OAAO,oDAAf,gBAAiBC,MAAM;UAEpD,KAAI,CAACZ,QAAQ,CAAC,OAAO;YACnBG,qBAAqB,EAAE;cACrBC,MAAM,EAAEM,oBAAoB,qBAAqB;cACjDL,KAAK,EAAEK,oBAAoB,uBACVH,MAAM,CAACI,OAAO,CAACC,MAAM,KAAK,CAAC,2BAA2B,uBAChD;cACvBN,QAAQ,EAAE;YACZ;UACF,CAAC,CAAC,CAAC;QACL,CAAC;QAAA;UAAA;QAAA;QAAA;MAAA;IACH,CAAC;IApCC,IAAI,CAACL,KAAK,GAAG;MACXF,cAAc,EAAE,KAAK;MACrBI,qBAAqB,EAAE,CAAC;IAC1B,CAAC;EACH;EAkCAU,MAAM,GAAG;IAAA;IACP,oBACE,6BAAC,4BAAmB;MAClB,IAAI,EAAE,IAAI,aAAJ,IAAI,sCAAJ,IAAI,CAAEf,KAAK,uEAAX,YAAaU,OAAO,wDAApB,oBAAsBC,IAAK;MACjC,MAAM,EAAE,IAAI,aAAJ,IAAI,uCAAJ,IAAI,CAAEX,KAAK,yEAAX,aAAaU,OAAO,yDAApB,qBAAsBM,MAAO;MACrC,MAAM,EAAE,IAAI,aAAJ,IAAI,uCAAJ,IAAI,CAAEhB,KAAK,yEAAX,aAAaU,OAAO,yDAApB,qBAAsBO,MAAO;MACrC,cAAc,EAAE,IAAI,CAACd,KAAK,CAACF,cAAe;MAC1C,qBAAqB,EAAE,IAAI,CAACE,KAAK,CAACE;IAAsB,EACxD;EAEN;AACF;AAAC;AAAA,gBA5DoBR,qBAAqB,eACrB;EACjBa,OAAO,EAAEQ,kBAAS,CAACC,KAAK,CAAC;IACvBR,IAAI,EAAEO,kBAAS,CAACE,MAAM;IACtBJ,MAAM,EAAEE,kBAAS,CAACE,MAAM;IACxBH,MAAM,EAAEC,kBAAS,CAACG;EACpB,CAAC,CAAC,CAACC;AACL,CAAC"}

package/lib/desk-structure/orderableDocumentListDeskItem.js

@@ -4,33 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.orderableDocumentListDeskItem = orderableDocumentListDeskItem;
-
 var _structureBuilder = _interopRequireDefault(require("@sanity/desk-tool/structure-builder"));
-
 var _icons = require("@sanity/icons");
-
 var _schema = _interopRequireDefault(require("part:@sanity/base/schema"));
-
 var _OrderableDocumentList = _interopRequireDefault(require("../OrderableDocumentList"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function orderableDocumentListDeskItem() {
   var _schema$get$title, _schema$get;
-
   var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   if (!(config !== null && config !== void 0 && config.type)) {
     throw new Error("\n    \"type\" not defined in orderableDocumentListDeskItem parameters.\n    \n\n\n    Example: orderableDocumentListDeskItem({type: 'category'})\n    ");
   }
-
   var type = config.type,
-      filter = config.filter,
-      params = config.params,
-      title = config.title,
-      icon = config.icon;
+    filter = config.filter,
+    params = config.params,
+    title = config.title,
+    icon = config.icon,
+    id = config.id;
   var listTitle = title !== null && title !== void 0 ? title : "Orderable ".concat(type);
-  var listId = "orderable-".concat(type);
+  var listId = id !== null && id !== void 0 ? id : "orderable-".concat(type);
   var listIcon = icon !== null && icon !== void 0 ? icon : _icons.SortIcon;
   var typeTitle = (_schema$get$title = (_schema$get = _schema.default.get(type)) === null || _schema$get === void 0 ? void 0 : _schema$get.title) !== null && _schema$get$title !== void 0 ? _schema$get$title : type;
   return _structureBuilder.default.listItem(type).title(listTitle).id(listId).icon(listIcon).child(Object.assign(_structureBuilder.default.documentTypeList(type).serialize(), {