sanity-plugin-utils 1.7.0 → 1.8.0

package/README.md

@@ -1,9 +1,3 @@
-## Installation
-
-```sh
-npm install sanity-plugin-utils
-```
-
 # sanity-plugin-utils
 
 Handy hooks and clever components for Sanity Studio v3.

package/lib/index.cjs

@@ -4,19 +4,15 @@ var jsxRuntime = require("react/jsx-runtime"), ui = require("@sanity/ui"), style
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
-var isEqual__default = /* @__PURE__ */ _interopDefaultCompat(isEqual), __defProp$3 = Object.defineProperty, __getOwnPropSymbols$3 = Object.getOwnPropertySymbols, __hasOwnProp$3 = Object.prototype.hasOwnProperty, __propIsEnum$3 = Object.prototype.propertyIsEnumerable, __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$3 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$3.call(b, prop) && __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b))
-      __propIsEnum$3.call(b, prop) && __defNormalProp$3(a, prop, b[prop]);
-  return a;
-};
+var isEqual__default = /* @__PURE__ */ _interopDefaultCompat(isEqual);
 const DEFAULT_PROPS = {
   tone: "primary"
 };
 function Feedback(props) {
-  const { title, description, icon, tone, children } = __spreadValues$3(__spreadValues$3({}, DEFAULT_PROPS), props);
+  const { title, description, icon, tone, children } = {
+    ...DEFAULT_PROPS,
+    ...props
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { tone, padding: 4, radius: 3, border: !0, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { children: [
     icon ? "display icon" : null,
     children || /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, children: [
@@ -25,23 +21,7 @@ function Feedback(props) {
     ] }) })
   ] }) });
 }
-var __defProp$2 = Object.defineProperty, __defProps$1 = Object.defineProperties, __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$2 = Object.getOwnPropertySymbols, __hasOwnProp$2 = Object.prototype.hasOwnProperty, __propIsEnum$2 = Object.prototype.propertyIsEnumerable, __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$2.call(b, prop) && __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b))
-      __propIsEnum$2.call(b, prop) && __defNormalProp$2(a, prop, b[prop]);
-  return a;
-}, __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b)), __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    __hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
-  if (source != null && __getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(source))
-      exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop) && (target[prop] = source[prop]);
-  return target;
-};
-const TableWrapper = (props = {}) => /* @__PURE__ */ jsxRuntime.jsx(ui.Card, __spreadValues$2({ as: "table" }, props)), StyledTable = styledComponents.styled(TableWrapper)(
+const TableWrapper = (props = {}) => /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { as: "table", ...props }), StyledTable = styledComponents.styled(TableWrapper)(
   () => styledComponents.css`
     display: table;
     width: 100%;
@@ -54,10 +34,10 @@ const TableWrapper = (props = {}) => /* @__PURE__ */ jsxRuntime.jsx(ui.Card, __s
   `
 );
 function Table(props) {
-  const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledTable, __spreadProps$1(__spreadValues$2({}, rest), { children }));
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledTable, { ...rest, children });
 }
-const RowWrapper = (props = {}) => /* @__PURE__ */ jsxRuntime.jsx(ui.Card, __spreadValues$2({ as: "tr" }, props)), StyledRow = styledComponents.styled(RowWrapper)(
+const RowWrapper = (props = {}) => /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { as: "tr", ...props }), StyledRow = styledComponents.styled(RowWrapper)(
   () => styledComponents.css`
     display: table-row;
 
@@ -67,10 +47,10 @@ const RowWrapper = (props = {}) => /* @__PURE__ */ jsxRuntime.jsx(ui.Card, __spr
   `
 );
 function Row(props) {
-  const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledRow, __spreadProps$1(__spreadValues$2({}, rest), { children }));
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledRow, { ...rest, children });
 }
-const CellWrapper = (props = {}) => /* @__PURE__ */ jsxRuntime.jsx(ui.Card, __spreadValues$2({ as: "td" }, props)), StyledCell = styledComponents.styled(CellWrapper)(
+const CellWrapper = (props = {}) => /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { as: "td", ...props }), StyledCell = styledComponents.styled(CellWrapper)(
   () => styledComponents.css`
     display: table-cell;
 
@@ -80,17 +60,9 @@ const CellWrapper = (props = {}) => /* @__PURE__ */ jsxRuntime.jsx(ui.Card, __sp
   `
 );
 function Cell(props) {
-  const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledCell, __spreadProps$1(__spreadValues$2({}, rest), { children }));
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledCell, { ...rest, children });
 }
-var __defProp$1 = Object.defineProperty, __getOwnPropSymbols$1 = Object.getOwnPropertySymbols, __hasOwnProp$1 = Object.prototype.hasOwnProperty, __propIsEnum$1 = Object.prototype.propertyIsEnumerable, __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$1.call(b, prop) && __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b))
-      __propIsEnum$1.call(b, prop) && __defNormalProp$1(a, prop, b[prop]);
-  return a;
-};
 function searchUsers(users, searchString) {
   return users.filter((user) => !!((user.displayName || "").toLowerCase().startsWith(searchString) || (user.givenName || "").toLowerCase().startsWith(searchString) || (user.middleName || "").toLowerCase().startsWith(searchString) || (user.familyName || "").toLowerCase().startsWith(searchString)));
 }
@@ -109,7 +81,7 @@ function UserSelectMenu(props) {
     onRemove,
     onClear,
     style = {}
-  } = props, labels = props != null && props.labels ? __spreadValues$1(__spreadValues$1({}, LABELS), props.labels) : LABELS, [searchString, setSearchString] = react.useState(""), searchResults = searchUsers(userList || [], searchString), me = userList.find((u) => u.isCurrentUser), meAssigned = me && value.includes(me.id), input = react.useRef(null), handleSearchChange = (event) => {
+  } = props, labels = props?.labels ? { ...LABELS, ...props.labels } : LABELS, [searchString, setSearchString] = react.useState(""), searchResults = searchUsers(userList || [], searchString), me = userList.find((u) => u.isCurrentUser), meAssigned = me && value.includes(me.id), input = react.useRef(null), handleSearchChange = (event) => {
     setSearchString(event.target.value);
   }, handleSelect = (isChecked, user) => {
     isChecked ? onRemove && onRemove(user.id) : onAdd && onAdd(user.id);
@@ -158,7 +130,7 @@ function UserSelectMenu(props) {
         value: searchString
       }
     ) }),
-    searchString && (searchResults == null ? void 0 : searchResults.length) === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, { disabled: !0, text: labels.notFound }),
+    searchString && searchResults?.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, { disabled: !0, text: labels.notFound }),
     searchResults && searchResults.map((user) => /* @__PURE__ */ jsxRuntime.jsx(
       ui.MenuItem,
       {
@@ -206,7 +178,7 @@ function requireParseSource() {
       return t;
     }, __assign.apply(this, arguments);
   };
-  Object.defineProperty(parseSource, "__esModule", { value: !0 });
+  Object.defineProperty(parseSource, "__esModule", { value: !0 }), parseSource.isInProgressUpload = void 0;
   var isRef = function(src) {
     var source = src;
     return source ? typeof source._ref == "string" : !1;
@@ -216,7 +188,14 @@ function requireParseSource() {
   }, isAssetStub = function(src) {
     var source = src;
     return source && source.asset ? typeof source.asset.url == "string" : !1;
+  }, isInProgressUpload = function(src) {
+    if (typeof src == "object" && src !== null) {
+      var obj = src;
+      return obj._upload && (!obj.asset || !obj.asset._ref);
+    }
+    return !1;
   };
+  parseSource.isInProgressUpload = isInProgressUpload;
   function parseSource$1(source) {
     if (!source)
       return null;
@@ -280,7 +259,7 @@ function requireParseSource() {
 }
 var hasRequiredUrlForImage;
 function requireUrlForImage() {
-  return hasRequiredUrlForImage || (hasRequiredUrlForImage = 1, function(exports2) {
+  return hasRequiredUrlForImage || (hasRequiredUrlForImage = 1, function(exports$1) {
     var __assign = urlForImage && urlForImage.__assign || function() {
       return __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -289,12 +268,29 @@ function requireUrlForImage() {
         }
         return t;
       }, __assign.apply(this, arguments);
+    }, __createBinding = urlForImage && urlForImage.__createBinding || (Object.create ? function(o, m, k, k2) {
+      k2 === void 0 && (k2 = k);
+      var desc = Object.getOwnPropertyDescriptor(m, k);
+      (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) && (desc = { enumerable: !0, get: function() {
+        return m[k];
+      } }), Object.defineProperty(o, k2, desc);
+    } : function(o, m, k, k2) {
+      k2 === void 0 && (k2 = k), o[k2] = m[k];
+    }), __setModuleDefault = urlForImage && urlForImage.__setModuleDefault || (Object.create ? function(o, v) {
+      Object.defineProperty(o, "default", { enumerable: !0, value: v });
+    } : function(o, v) {
+      o.default = v;
+    }), __importStar = urlForImage && urlForImage.__importStar || function(mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k in mod) k !== "default" && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+      return __setModuleDefault(result, mod), result;
     }, __importDefault = urlForImage && urlForImage.__importDefault || function(mod) {
       return mod && mod.__esModule ? mod : { default: mod };
     };
-    Object.defineProperty(exports2, "__esModule", { value: !0 }), exports2.parseSource = exports2.SPEC_NAME_TO_URL_NAME_MAPPINGS = void 0;
-    var parseAssetId_1 = __importDefault(requireParseAssetId()), parseSource_1 = __importDefault(requireParseSource());
-    exports2.parseSource = parseSource_1.default, exports2.SPEC_NAME_TO_URL_NAME_MAPPINGS = [
+    Object.defineProperty(exports$1, "__esModule", { value: !0 }), exports$1.parseSource = exports$1.SPEC_NAME_TO_URL_NAME_MAPPINGS = void 0;
+    var parseAssetId_1 = __importDefault(requireParseAssetId()), parseSource_1 = __importStar(requireParseSource());
+    exports$1.parseSource = parseSource_1.default, exports$1.SPEC_NAME_TO_URL_NAME_MAPPINGS = [
       ["width", "w"],
       ["height", "h"],
       ["format", "fm"],
@@ -313,14 +309,18 @@ function requireUrlForImage() {
       ["saturation", "sat"],
       ["auto", "auto"],
       ["dpr", "dpr"],
-      ["pad", "pad"]
+      ["pad", "pad"],
+      ["frame", "frame"]
     ];
     function urlForImage$1(options) {
       var spec = __assign({}, options || {}), source = spec.source;
       delete spec.source;
       var image = (0, parseSource_1.default)(source);
-      if (!image)
+      if (!image) {
+        if (source && (0, parseSource_1.isInProgressUpload)(source))
+          return "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8HwQACfsD/QNViZkAAAAASUVORK5CYII=";
         throw new Error("Unable to resolve image URL from source (".concat(JSON.stringify(source), ")"));
+      }
       var id = image.asset._ref || image.asset._id || "", asset = (0, parseAssetId_1.default)(id), cropLeft = Math.round(image.crop.left * asset.width), cropTop = Math.round(image.crop.top * asset.height), crop = {
         left: cropLeft,
         top: cropTop,
@@ -334,16 +334,16 @@ function requireUrlForImage() {
       };
       return spec.rect || spec.focalPoint || spec.ignoreImageParams || spec.crop || (spec = __assign(__assign({}, spec), fit({ crop, hotspot }, spec))), specToImageUrl(__assign(__assign({}, spec), { asset }));
     }
-    exports2.default = urlForImage$1;
+    exports$1.default = urlForImage$1;
     function specToImageUrl(spec) {
-      var cdnUrl = (spec.baseUrl || "https://cdn.sanity.io").replace(/\/+$/, ""), filename = "".concat(spec.asset.id, "-").concat(spec.asset.width, "x").concat(spec.asset.height, ".").concat(spec.asset.format), baseUrl = "".concat(cdnUrl, "/images/").concat(spec.projectId, "/").concat(spec.dataset, "/").concat(filename), params = [];
+      var cdnUrl = (spec.baseUrl || "https://cdn.sanity.io").replace(/\/+$/, ""), vanityStub = spec.vanityName ? "/".concat(spec.vanityName) : "", filename = "".concat(spec.asset.id, "-").concat(spec.asset.width, "x").concat(spec.asset.height, ".").concat(spec.asset.format).concat(vanityStub), baseUrl = "".concat(cdnUrl, "/images/").concat(spec.projectId, "/").concat(spec.dataset, "/").concat(filename), params = [];
       if (spec.rect) {
         var _a = spec.rect, left = _a.left, top_1 = _a.top, width = _a.width, height = _a.height, isEffectiveCrop = left !== 0 || top_1 !== 0 || height !== spec.asset.height || width !== spec.asset.width;
         isEffectiveCrop && params.push("rect=".concat(left, ",").concat(top_1, ",").concat(width, ",").concat(height));
       }
       spec.bg && params.push("bg=".concat(spec.bg)), spec.focalPoint && (params.push("fp-x=".concat(spec.focalPoint.x)), params.push("fp-y=".concat(spec.focalPoint.y)));
       var flip = [spec.flipHorizontal && "h", spec.flipVertical && "v"].filter(Boolean).join("");
-      return flip && params.push("flip=".concat(flip)), exports2.SPEC_NAME_TO_URL_NAME_MAPPINGS.forEach(function(mapping) {
+      return flip && params.push("flip=".concat(flip)), exports$1.SPEC_NAME_TO_URL_NAME_MAPPINGS.forEach(function(mapping) {
         var specName = mapping[0], param = mapping[1];
         typeof spec[specName] < "u" ? params.push("".concat(param, "=").concat(encodeURIComponent(spec[specName]))) : typeof spec[param] < "u" && params.push("".concat(param, "=").concat(encodeURIComponent(spec[param])));
       }), params.length === 0 ? baseUrl : "".concat(baseUrl, "?").concat(params.join("&"));
@@ -381,9 +381,11 @@ function requireBuilder() {
       return t;
     }, __assign.apply(this, arguments);
   }, __createBinding = builder && builder.__createBinding || (Object.create ? function(o, m, k, k2) {
-    k2 === void 0 && (k2 = k), Object.defineProperty(o, k2, { enumerable: !0, get: function() {
+    k2 === void 0 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) && (desc = { enumerable: !0, get: function() {
       return m[k];
-    } });
+    } }), Object.defineProperty(o, k2, desc);
   } : function(o, m, k, k2) {
     k2 === void 0 && (k2 = k), o[k2] = m[k];
   }), __setModuleDefault = builder && builder.__setModuleDefault || (Object.create ? function(o, v) {
@@ -421,16 +423,15 @@ function requireBuilder() {
         dataset
       });
     }
-    var client = options;
-    if (isSanityClientLike(client)) {
-      var _b = client.clientConfig, apiUrl = _b.apiHost, projectId = _b.projectId, dataset = _b.dataset, apiHost = apiUrl || "https://api.sanity.io";
+    if (isSanityClientLike(options)) {
+      var _b = options.clientConfig, apiUrl = _b.apiHost, projectId = _b.projectId, dataset = _b.dataset, apiHost = apiUrl || "https://api.sanity.io";
       return new ImageUrlBuilder(null, {
         baseUrl: apiHost.replace(/^https:\/\/api\./, "https://cdn."),
         projectId,
         dataset
       });
     }
-    return new ImageUrlBuilder(null, options);
+    return new ImageUrlBuilder(null, options || {});
   }
   builder.default = urlBuilder;
   var ImageUrlBuilder = (
@@ -511,6 +512,12 @@ function requireBuilder() {
         return this.withOptions({ auto: value });
       }, ImageUrlBuilder2.prototype.pad = function(pad) {
         return this.withOptions({ pad });
+      }, ImageUrlBuilder2.prototype.vanityName = function(value) {
+        return this.withOptions({ vanityName: value });
+      }, ImageUrlBuilder2.prototype.frame = function(frame) {
+        if (frame !== 1)
+          throw new Error('Invalid frame value "'.concat(frame, '"'));
+        return this.withOptions({ frame });
       }, ImageUrlBuilder2.prototype.url = function() {
         return (0, urlForImage_1.default)(this.options);
       }, ImageUrlBuilder2.prototype.toString = function() {
@@ -570,8 +577,7 @@ function useListeningQuery(query, {
         console.error(err), setLoading(!1), setError(err);
       }
     return error && subscription.current && subscription.current.unsubscribe(), () => {
-      var _a;
-      subscription.current && ((_a = subscription == null ? void 0 : subscription.current) == null || _a.unsubscribe(), subscription.current = null);
+      subscription.current && (subscription?.current?.unsubscribe(), subscription.current = null);
     };
   }, [query, error, memoParams, memoOptions, documentStore]), { data, loading, error };
 }
@@ -591,14 +597,6 @@ function useOpenInNewPane(id, type) {
     routerContext.navigateUrl({ path: href });
   }, [id, type, routerContext, routerPanesState, groupIndex]);
 }
-var __defProp = Object.defineProperty, __defProps = Object.defineProperties, __getOwnPropDescs = Object.getOwnPropertyDescriptors, __getOwnPropSymbols = Object.getOwnPropertySymbols, __hasOwnProp = Object.prototype.hasOwnProperty, __propIsEnum = Object.prototype.propertyIsEnumerable, __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b))
-      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
-  return a;
-}, __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 function chunkArray(array, size) {
   const chunks = [];
   for (let i = 0; i < array.length; i += size)
@@ -606,7 +604,7 @@ function chunkArray(array, size) {
   return chunks;
 }
 function useProjectUsers({ apiVersion }) {
-  const { currentUser } = sanity.useWorkspace(), client = sanity.useClient({ apiVersion: apiVersion != null ? apiVersion : "2023-01-01" }), [users, setUsers] = react.useState([]);
+  const { currentUser } = sanity.useWorkspace(), client = sanity.useClient({ apiVersion: apiVersion ?? "2023-01-01" }), [users, setUsers] = react.useState([]);
   return react.useEffect(() => {
     const { projectId } = client.config();
     async function getUsersWithRoles() {
@@ -622,14 +620,14 @@ function useProjectUsers({ apiVersion }) {
           usersData = [...usersData, ...response];
         }
         const usersWithRoles = usersData.map((user) => {
-          var _a;
-          const userRoles = ((_a = aclData.find(
+          const userRoles = aclData.find(
             (aclUser) => aclUser.projectUserId === user.id
-          )) == null ? void 0 : _a.roles) || [];
-          return __spreadProps(__spreadValues({}, user), {
-            isCurrentUser: user.id === (currentUser == null ? void 0 : currentUser.id),
+          )?.roles || [];
+          return {
+            ...user,
+            isCurrentUser: user.id === currentUser?.id,
             roles: userRoles
-          });
+          };
         });
         setUsers(usersWithRoles);
       } catch (err) {
@@ -637,7 +635,7 @@ function useProjectUsers({ apiVersion }) {
       }
     }
     users.length || getUsersWithRoles();
-  }, [client, currentUser == null ? void 0 : currentUser.id, users.length]), users;
+  }, [client, currentUser?.id, users.length]), users;
 }
 exports.Cell = Cell;
 exports.Feedback = Feedback;