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

package/lib/DraggableList.js

@@ -1,314 +0,0 @@
-"use strict";
-
-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;
-  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;
-  var toast = (0, _ui.useToast)();
-  var router = (0, _deskTool.usePaneRouter)();
-  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
-
-
-  (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];
-
-  var _useState5 = (0, _react.useState)([]),
-      _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:
-    // - 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
-
-
-    if (selectMultiple && !isSelected) {
-      var lastSelectedId = selectedIds.at(-1);
-      var lastSelectedIndex = orderedData.findIndex(item => item._id === lastSelectedId);
-      var firstSelected = index < lastSelectedIndex ? index : lastSelectedIndex;
-      var lastSelected = index > lastSelectedIndex ? index : lastSelectedIndex;
-      var betweenIds = orderedData.filter((item, itemIndex) => itemIndex > firstSelected && itemIndex < lastSelected).map(item => item._id);
-      updatedIds = [...selectedIds, ...betweenIds, clickedId];
-    } else if (isSelected) {
-      // Toggle off a single id
-      updatedIds = selectedIds.filter(id => id !== clickedId);
-    } else {
-      // 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();
-      patches.forEach(patchArgs => transaction.patch(...patchArgs));
-      yield transaction.commit().then(updated => {
-        clearSelected();
-        setDraggingId("");
-        setListIsUpdating(false);
-        toast.push({
-          title: "".concat(updated.results.length === 1 ? "1 Document" : "".concat(updated.results.length, " Documents"), " Reordered"),
-          status: "success",
-          description: message
-        });
-      }).catch(() => {
-        setDraggingId("");
-        setListIsUpdating(false);
-        toast.push({
-          title: "Reordering failed",
-          status: "critical"
-        });
-      });
-    });
-
-    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
-
-
-    if (source.index === destination.index) return; // Don't do anything if we don't have the entitites
-
-    if (!(entities !== null && entities !== void 0 && entities.length)) return; // A document can be dragged without being one-of-many-selected
-
-    var effectedIds = selectedIds !== null && selectedIds !== void 0 && selectedIds.length ? selectedIds : [draggableId]; // 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
-
-
-    if (newOrder !== null && newOrder !== void 0 && newOrder.length) {
-      setOrderedData(newOrder);
-    } // 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
-
-    if (!selected) clearSelected();
-    setDraggingId(id);
-  }; // Move one document up or down one place, by fake invoking the drag function
-
-
-  var incrementIndex = (shiftFrom, shiftTo, id, entities) => {
-    var result = {
-      draggableId: id,
-      source: {
-        index: shiftFrom
-      },
-      destination: {
-        index: shiftTo
-      }
-    };
-    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
-
-  var duplicateOrders = (0, _react.useMemo)(() => {
-    if (!orderedData.length) return [];
-    var orderField = orderedData.map(item => item[_constants.ORDER_FIELD_NAME]);
-    return orderField.filter((item, index) => orderField.indexOf(item) !== index);
-  }, [orderedData]);
-  return /*#__PURE__*/_react.default.createElement(_reactBeautifulDnd.DragDropContext, {
-    onDragStart: handleDragStart,
-    onDragEnd: result => handleDragEnd(result, orderedData)
-  }, /*#__PURE__*/_react.default.createElement(_reactBeautifulDnd.Droppable, {
-    droppableId: "documentSortZone"
-  }, (provided, snapshot) => /*#__PURE__*/_react.default.createElement("div", _extends({}, provided.droppableProps, {
-    ref: provided.innerRef
-  }), 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)}
-
-  }, (innerProvided, innerSnapshot) => {
-    var isSelected = selectedIds.includes(item._id);
-    var isDragging = innerSnapshot.isDragging;
-    var isGhosting = Boolean(!isDragging && draggingId && isSelected);
-    var isUpdating = listIsUpdating && isSelected;
-    var isDisabled = Boolean(!item[_constants.ORDER_FIELD_NAME]);
-    var isDuplicate = duplicateOrders.includes(item[_constants.ORDER_FIELD_NAME]);
-    var tone = cardTone({
-      isDuplicate,
-      isGhosting,
-      isDragging,
-      isSelected
-    });
-    return /*#__PURE__*/_react.default.createElement("div", _extends({
-      ref: innerProvided.innerRef
-    }, innerProvided.draggableProps, innerProvided.dragHandleProps, {
-      style: isDisabled ? {
-        opacity: 0.2,
-        pointerEvents: "none"
-      } : getItemStyle(innerProvided.draggableProps.style, isUpdating, isGhosting)
-    }), /*#__PURE__*/_react.default.createElement(_ui.Box, {
-      paddingBottom: 1
-    }, /*#__PURE__*/_react.default.createElement(_ui.Card, {
-      tone: tone,
-      shadow: isDragging ? "2" : undefined,
-      radius: 2
-    }, /*#__PURE__*/_react.default.createElement(_Document.default, {
-      doc: item,
-      entities: orderedData,
-      handleSelect: handleSelect,
-      increment: incrementIndex,
-      index: index,
-      isFirst: index === 0,
-      isLast: index === orderedData.length - 1
-    }))));
-  })), provided.placeholder)));
-}
-
-DraggableList.propTypes = {
-  data: _propTypes.default.arrayOf(_propTypes.default.shape({
-    _id: _propTypes.default.string
-  }).isRequired).isRequired,
-  type: _propTypes.default.string.isRequired,
-  listIsUpdating: _propTypes.default.bool.isRequired,
-  setListIsUpdating: _propTypes.default.func.isRequired
-};
-//# sourceMappingURL=DraggableList.js.map

package/lib/DraggableList.js.map

@@ -1 +0,0 @@
-{"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

@@ -1,31 +0,0 @@
-"use strict";
-
-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, {
-    padding: 3
-  }, /*#__PURE__*/_react.default.createElement(_ui.Card, {
-    padding: 4,
-    radius: 2,
-    shadow: 1,
-    tone: "caution"
-  }, /*#__PURE__*/_react.default.createElement(_ui.Text, null, children)));
-}
-
-Feedback.propTypes = {
-  children: _propTypes.default.node.isRequired
-};
-//# sourceMappingURL=Feedback.js.map

package/lib/Feedback.js.map

@@ -1 +0,0 @@
-{"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"}

package/lib/OrderableContext.js

@@ -1,15 +0,0 @@
-"use strict";
-
-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 +0,0 @@
-{"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"}

package/lib/OrderableDocumentList.js

@@ -1,103 +0,0 @@
-"use strict";
-
-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 => ({
-          showIncrements: !state.showIncrements
-        }));
-      },
-      resetOrder: function () {
-        var _resetOrder2 = _asyncToGenerator(function* () {
-          var _update$results;
-
-          _this.setState(() => ({
-            resetOrderTransaction: {
-              status: "info",
-              title: "Reordering started...",
-              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",
-              title: reorderWasSuccessful ? "Reordered ".concat(update.results.length === 1 ? "Document" : "Documents") : "Reordering failed",
-              closable: true
-            }
-          }));
-        });
-
-        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,
-      params: this === null || this === void 0 ? void 0 : (_this$props3 = this.props) === null || _this$props3 === void 0 ? void 0 : (_this$props3$options = _this$props3.options) === null || _this$props3$options === void 0 ? void 0 : _this$props3$options.params,
-      showIncrements: this.state.showIncrements,
-      resetOrderTransaction: this.state.resetOrderTransaction
-    });
-  }
-
-}
-
-exports.default = OrderableDocumentList;
-
-_defineProperty(OrderableDocumentList, "propTypes", {
-  options: _propTypes.default.shape({
-    type: _propTypes.default.string,
-    filter: _propTypes.default.string,
-    params: _propTypes.default.object
-  }).isRequired
-});
-//# sourceMappingURL=OrderableDocumentList.js.map

package/lib/OrderableDocumentList.js.map

@@ -1 +0,0 @@
-{"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"}

package/lib/desk-structure/orderableDocumentListDeskItem.js

@@ -1,57 +0,0 @@
-"use strict";
-
-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,
-      id = config.id;
-  var listTitle = title !== null && title !== void 0 ? title : "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(), {
-    // Prevents the component from re-rendering when switching documents
-    __preserveInstance: true,
-    // Prevents the component from NOT re-rendering when switching listItems
-    key: listId,
-    type: 'component',
-    component: _OrderableDocumentList.default,
-    options: {
-      type,
-      filter,
-      params
-    },
-    menuItems: [_structureBuilder.default.menuItem().title("Create new ".concat(typeTitle)).intent({
-      type: 'create',
-      params: {
-        type
-      }
-    }).serialize(), _structureBuilder.default.menuItem().title("Reset Order").icon(_icons.GenerateIcon).action("resetOrder").serialize(), _structureBuilder.default.menuItem().title("Show Increments").icon(_icons.SortIcon).action("showIncrements").serialize()]
-  })).serialize();
-}
-//# sourceMappingURL=orderableDocumentListDeskItem.js.map

package/lib/desk-structure/orderableDocumentListDeskItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"orderableDocumentListDeskItem.js","names":["orderableDocumentListDeskItem","config","type","Error","filter","params","title","icon","id","listTitle","listId","listIcon","SortIcon","typeTitle","schema","get","S","listItem","child","Object","assign","documentTypeList","serialize","__preserveInstance","key","component","OrderableDocumentList","options","menuItems","menuItem","intent","GenerateIcon","action"],"sources":["../../src/desk-structure/orderableDocumentListDeskItem.js"],"sourcesContent":["import S from '@sanity/desk-tool/structure-builder'\nimport {SortIcon, GenerateIcon} from '@sanity/icons'\nimport schema from 'part:@sanity/base/schema'\n\nimport OrderableDocumentList from '../OrderableDocumentList'\n\nexport function orderableDocumentListDeskItem(config = {}) {\n  if (!config?.type) {\n    throw new Error(`\n    \"type\" not defined in orderableDocumentListDeskItem parameters.\n    \\n\\n\n    Example: orderableDocumentListDeskItem({type: 'category'})\n    `)\n  }\n\n  const {type, filter, params, title, icon, id} = config\n\n  const listTitle = title ?? `Orderable ${type}`\n  const listId = id ?? `orderable-${type}`\n  const listIcon = icon ?? SortIcon\n  const typeTitle = schema.get(type)?.title ?? type\n\n  return S.listItem(type)\n    .title(listTitle)\n    .id(listId)\n    .icon(listIcon)\n    .child(\n      Object.assign(S.documentTypeList(type).serialize(), {\n        // Prevents the component from re-rendering when switching documents\n        __preserveInstance: true,\n        // Prevents the component from NOT re-rendering when switching listItems\n        key: listId,\n\n        type: 'component',\n        component: OrderableDocumentList,\n        options: {type, filter, params},\n        menuItems: [\n          S.menuItem()\n            .title(`Create new ${typeTitle}`)\n            .intent({type: 'create', params: {type}})\n            .serialize(),\n          S.menuItem().title(`Reset Order`).icon(GenerateIcon).action(`resetOrder`).serialize(),\n          S.menuItem().title(`Show Increments`).icon(SortIcon).action(`showIncrements`).serialize(),\n        ],\n      })\n    )\n    .serialize()\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAEO,SAASA,6BAAT,GAAoD;EAAA;;EAAA,IAAbC,MAAa,uEAAJ,EAAI;;EACzD,IAAI,EAACA,MAAD,aAACA,MAAD,eAACA,MAAM,CAAEC,IAAT,CAAJ,EAAmB;IACjB,MAAM,IAAIC,KAAJ,2JAAN;EAKD;;EAED,IAAOD,IAAP,GAAgDD,MAAhD,CAAOC,IAAP;EAAA,IAAaE,MAAb,GAAgDH,MAAhD,CAAaG,MAAb;EAAA,IAAqBC,MAArB,GAAgDJ,MAAhD,CAAqBI,MAArB;EAAA,IAA6BC,KAA7B,GAAgDL,MAAhD,CAA6BK,KAA7B;EAAA,IAAoCC,IAApC,GAAgDN,MAAhD,CAAoCM,IAApC;EAAA,IAA0CC,EAA1C,GAAgDP,MAAhD,CAA0CO,EAA1C;EAEA,IAAMC,SAAS,GAAGH,KAAH,aAAGA,KAAH,cAAGA,KAAH,uBAAyBJ,IAAzB,CAAf;EACA,IAAMQ,MAAM,GAAGF,EAAH,aAAGA,EAAH,cAAGA,EAAH,uBAAsBN,IAAtB,CAAZ;EACA,IAAMS,QAAQ,GAAGJ,IAAH,aAAGA,IAAH,cAAGA,IAAH,GAAWK,eAAzB;EACA,IAAMC,SAAS,uCAAGC,eAAA,CAAOC,GAAP,CAAWb,IAAX,CAAH,gDAAG,YAAkBI,KAArB,iEAA8BJ,IAA7C;EAEA,OAAOc,yBAAA,CAAEC,QAAF,CAAWf,IAAX,EACJI,KADI,CACEG,SADF,EAEJD,EAFI,CAEDE,MAFC,EAGJH,IAHI,CAGCI,QAHD,EAIJO,KAJI,CAKHC,MAAM,CAACC,MAAP,CAAcJ,yBAAA,CAAEK,gBAAF,CAAmBnB,IAAnB,EAAyBoB,SAAzB,EAAd,EAAoD;IAClD;IACAC,kBAAkB,EAAE,IAF8B;IAGlD;IACAC,GAAG,EAAEd,MAJ6C;IAMlDR,IAAI,EAAE,WAN4C;IAOlDuB,SAAS,EAAEC,8BAPuC;IAQlDC,OAAO,EAAE;MAACzB,IAAD;MAAOE,MAAP;MAAeC;IAAf,CARyC;IASlDuB,SAAS,EAAE,CACTZ,yBAAA,CAAEa,QAAF,GACGvB,KADH,sBACuBO,SADvB,GAEGiB,MAFH,CAEU;MAAC5B,IAAI,EAAE,QAAP;MAAiBG,MAAM,EAAE;QAACH;MAAD;IAAzB,CAFV,EAGGoB,SAHH,EADS,EAKTN,yBAAA,CAAEa,QAAF,GAAavB,KAAb,gBAAkCC,IAAlC,CAAuCwB,mBAAvC,EAAqDC,MAArD,eAA0EV,SAA1E,EALS,EAMTN,yBAAA,CAAEa,QAAF,GAAavB,KAAb,oBAAsCC,IAAtC,CAA2CK,eAA3C,EAAqDoB,MAArD,mBAA8EV,SAA9E,EANS;EATuC,CAApD,CALG,EAwBJA,SAxBI,EAAP;AAyBD"}