sanity-plugin-utils 1.6.4 → 1.6.6

package/lib/index.js

@@ -1,26 +1,13 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-var React = require('react');
-var sanity = require('sanity');
-var operators = require('rxjs/operators');
-var isEqual = require('react-fast-compare');
-var structure = require('sanity/structure');
-var router = require('sanity/router');
-var jsxRuntime = require('react/jsx-runtime');
-var ui = require('@sanity/ui');
-var styled = require('styled-components');
-var icons = require('@sanity/icons');
-function _interopDefaultCompat(e) {
-  return e && typeof e === 'object' && 'default' in e ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var isEqual__default = /*#__PURE__*/_interopDefaultCompat(isEqual);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+import React, { useMemo, useState, useRef, useEffect } from 'react';
+import { useClient, useDocumentStore, useWorkspace, UserAvatar } from 'sanity';
+import isEqual from 'react-fast-compare';
+import { distinctUntilChanged, catchError } from 'rxjs/operators';
+import { usePaneRouter } from 'sanity/structure';
+import { RouterContext } from 'sanity/router';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Card, Flex, Box, Stack, Text, Menu, MenuItem, TextInput, Badge } from '@sanity/ui';
+import styled, { css } from 'styled-components';
+import { RemoveCircleIcon, AddCircleIcon, RestoreIcon } from '@sanity/icons';
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -671,13 +658,13 @@ var builder_1 = __importDefault(builder);
 var node = builder_1.default;
 var createImageUrlBuilder = /*@__PURE__*/getDefaultExportFromCjs(node);
 function useImageUrlBuilder(clientOptions) {
-  const client = sanity.useClient(clientOptions);
-  const builder = React.useMemo(() => createImageUrlBuilder(client), [client]);
+  const client = useClient(clientOptions);
+  const builder = useMemo(() => createImageUrlBuilder(client), [client]);
   return builder;
 }
 function useImageUrlBuilderImage(source, clientOptions) {
   const builder = useImageUrlBuilder(clientOptions);
-  const image = React.useMemo(() => source && builder ? builder.image(source) : null, [builder, source]);
+  const image = useMemo(() => source && builder ? builder.image(source) : null, [builder, source]);
   return image;
 }
 const DEFAULT_PARAMS = {};
@@ -686,8 +673,8 @@ const DEFAULT_OPTIONS = {
 };
 const DEFAULT_INITIAL_VALUE = null;
 function useParams(params) {
-  const stringifiedParams = React.useMemo(() => JSON.stringify(params || {}), [params]);
-  return React.useMemo(() => JSON.parse(stringifiedParams), [stringifiedParams]);
+  const stringifiedParams = useMemo(() => JSON.stringify(params || {}), [params]);
+  return useMemo(() => JSON.parse(stringifiedParams), [stringifiedParams]);
 }
 function useListeningQuery(query, _ref) {
   let {
@@ -695,24 +682,24 @@ function useListeningQuery(query, _ref) {
     options = DEFAULT_OPTIONS,
     initialValue = DEFAULT_INITIAL_VALUE
   } = _ref;
-  const [loading, setLoading] = React.useState(true);
-  const [error, setError] = React.useState(false);
-  const [data, setData] = React.useState(initialValue);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(false);
+  const [data, setData] = useState(initialValue);
   const memoParams = useParams(params);
   const memoOptions = useParams(options);
-  const subscription = React.useRef(null);
-  const documentStore = sanity.useDocumentStore();
-  React.useEffect(() => {
+  const subscription = useRef(null);
+  const documentStore = useDocumentStore();
+  useEffect(() => {
     if (query && !error && !subscription.current) {
       try {
-        subscription.current = documentStore.listenQuery(query, memoParams, memoOptions).pipe(operators.distinctUntilChanged(isEqual__default.default), operators.catchError(err => {
+        subscription.current = documentStore.listenQuery(query, memoParams, memoOptions).pipe(distinctUntilChanged(isEqual), catchError(err => {
           console.error(err);
           setError(err);
           setLoading(false);
           setData(null);
           return err;
         })).subscribe(documents => {
-          setData(current => isEqual__default.default(current, documents) ? current : documents);
+          setData(current => isEqual(current, documents) ? current : documents);
           setLoading(false);
           setError(false);
         });
@@ -739,35 +726,56 @@ function useListeningQuery(query, _ref) {
     error
   };
 }
+function chunkArray(array, size) {
+  const chunks = [];
+  for (let i = 0; i < array.length; i += size) {
+    chunks.push(array.slice(i, i + size));
+  }
+  return chunks;
+}
 function useProjectUsers(_ref2) {
   let {
     apiVersion
   } = _ref2;
   const {
     currentUser
-  } = sanity.useWorkspace();
-  const client = sanity.useClient({
+  } = useWorkspace();
+  const client = useClient({
     apiVersion: apiVersion != null ? apiVersion : "2023-01-01"
   });
-  const [users, setUsers] = React.useState([]);
-  React.useEffect(() => {
+  const [users, setUsers] = useState([]);
+  useEffect(() => {
     const {
       projectId
     } = client.config();
-    async function getUser(id) {
-      const userDetails = await client.request({
-        url: "/projects/".concat(projectId, "/users/").concat(id)
-      });
-      return userDetails;
-    }
     async function getUsersWithRoles() {
-      const userRoles = await client.request({
-        url: "/projects/".concat(projectId, "/acl")
-      }).then(async res => Promise.all(res.map(async user => ({
-        isCurrentUser: user.projectUserId === (currentUser == null ? void 0 : currentUser.id),
-        ...(await getUser(user.projectUserId))
-      })))).catch(err => err);
-      setUsers(userRoles);
+      try {
+        const aclData = await client.request({
+          url: "/projects/".concat(projectId, "/acl")
+        });
+        const userIds = aclData.map(user => user.projectUserId);
+        const userIdChunks = chunkArray(userIds, 200);
+        let usersData = [];
+        for (const chunk of userIdChunks) {
+          const chunkedUserIds = chunk.join(",");
+          const response = await client.request({
+            url: "/projects/".concat(projectId, "/users/").concat(chunkedUserIds)
+          });
+          usersData = [...usersData, ...response];
+        }
+        const usersWithRoles = usersData.map(user => {
+          var _a;
+          const userRoles = ((_a = aclData.find(aclUser => aclUser.projectUserId === user.id)) == null ? void 0 : _a.roles) || [];
+          return {
+            ...user,
+            isCurrentUser: user.id === (currentUser == null ? void 0 : currentUser.id),
+            roles: userRoles
+          };
+        });
+        setUsers(usersWithRoles);
+      } catch (err) {
+        console.error("Failed to fetch users:", err);
+      }
     }
     if (!users.length) {
       getUsersWithRoles();
@@ -776,12 +784,12 @@ function useProjectUsers(_ref2) {
   return users;
 }
 function useOpenInNewPane(id, type) {
-  const routerContext = React__default.default.useContext(router.RouterContext);
+  const routerContext = React.useContext(RouterContext);
   const {
     routerPanesState,
     groupIndex
-  } = structure.usePaneRouter();
-  const openInNewPane = React__default.default.useCallback(() => {
+  } = usePaneRouter();
+  const openInNewPane = React.useCallback(() => {
     if (!routerContext || !id || !type) {
       return;
     }
@@ -815,20 +823,20 @@ function Feedback(props) {
     ...DEFAULT_PROPS,
     ...props
   };
-  return /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+  return /* @__PURE__ */jsx(Card, {
     tone,
     padding: 4,
     radius: 3,
     border: true,
-    children: /* @__PURE__ */jsxRuntime.jsxs(ui.Flex, {
-      children: [icon ? "display icon" : null, children ? children : /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+    children: /* @__PURE__ */jsxs(Flex, {
+      children: [icon ? "display icon" : null, children ? children : /* @__PURE__ */jsx(Box, {
         flex: 1,
-        children: /* @__PURE__ */jsxRuntime.jsxs(ui.Stack, {
+        children: /* @__PURE__ */jsxs(Stack, {
           space: 4,
-          children: [title ? /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+          children: [title ? /* @__PURE__ */jsx(Text, {
             weight: "semibold",
             children: title
-          }) : null, description ? /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+          }) : null, description ? /* @__PURE__ */jsx(Text, {
             size: 2,
             children: description
           }) : null]
@@ -840,59 +848,59 @@ function Feedback(props) {
 var __freeze = Object.freeze;
 var __defProp = Object.defineProperty;
 var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", {
-  value: __freeze(raw || cooked.slice())
+  value: __freeze(cooked.slice())
 }));
 var _a, _b, _c;
 const TableWrapper = function () {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+  return /* @__PURE__ */jsx(Card, {
     as: "table",
     ...props
   });
 };
-const StyledTable = styled__default.default(TableWrapper)(() => styled.css(_a || (_a = __template(["\n      display: table;\n      width: 100%;\n      border-collapse: collapse;\n\n      &:not([hidden]) {\n        display: table;\n        border-collapse: collapse;\n      }\n    "]))));
+const StyledTable = styled(TableWrapper)(() => css(_a || (_a = __template(["\n    display: table;\n    width: 100%;\n    border-collapse: collapse;\n\n    &:not([hidden]) {\n      display: table;\n      border-collapse: collapse;\n    }\n  "]))));
 function Table(props) {
   const {
     children,
     ...rest
   } = props;
-  return /* @__PURE__ */jsxRuntime.jsx(StyledTable, {
+  return /* @__PURE__ */jsx(StyledTable, {
     ...rest,
     children
   });
 }
 const RowWrapper = function () {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+  return /* @__PURE__ */jsx(Card, {
     as: "tr",
     ...props
   });
 };
-const StyledRow = styled__default.default(RowWrapper)(() => styled.css(_b || (_b = __template(["\n      display: table-row;\n\n      &:not([hidden]) {\n        display: table-row;\n      }\n    "]))));
+const StyledRow = styled(RowWrapper)(() => css(_b || (_b = __template(["\n    display: table-row;\n\n    &:not([hidden]) {\n      display: table-row;\n    }\n  "]))));
 function Row(props) {
   const {
     children,
     ...rest
   } = props;
-  return /* @__PURE__ */jsxRuntime.jsx(StyledRow, {
+  return /* @__PURE__ */jsx(StyledRow, {
     ...rest,
     children
   });
 }
 const CellWrapper = function () {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+  return /* @__PURE__ */jsx(Card, {
     as: "td",
     ...props
   });
 };
-const StyledCell = styled__default.default(CellWrapper)(() => styled.css(_c || (_c = __template(["\n      display: table-cell;\n\n      &:not([hidden]) {\n        display: table-cell;\n      }\n    "]))));
+const StyledCell = styled(CellWrapper)(() => css(_c || (_c = __template(["\n    display: table-cell;\n\n    &:not([hidden]) {\n      display: table-cell;\n    }\n  "]))));
 function Cell(props) {
   const {
     children,
     ...rest
   } = props;
-  return /* @__PURE__ */jsxRuntime.jsx(StyledCell, {
+  return /* @__PURE__ */jsx(StyledCell, {
     ...rest,
     children
   });
@@ -930,11 +938,11 @@ function UserSelectMenu(props) {
     ...LABELS,
     ...props.labels
   } : LABELS;
-  const [searchString, setSearchString] = React__default.default.useState("");
+  const [searchString, setSearchString] = React.useState("");
   const searchResults = searchUsers(userList || [], searchString);
   const me = userList.find(u => u.isCurrentUser);
   const meAssigned = me && value.includes(me.id);
-  const input = React.useRef(null);
+  const input = useRef(null);
   const handleSearchChange = event => {
     setSearchString(event.target.value);
   };
@@ -952,51 +960,51 @@ function UserSelectMenu(props) {
   const handleClearAssigneesClick = () => {
     if (onClear) onClear();
   };
-  return /* @__PURE__ */jsxRuntime.jsxs(ui.Menu, {
+  return /* @__PURE__ */jsxs(Menu, {
     style,
-    children: [meAssigned ? /* @__PURE__ */jsxRuntime.jsx(ui.MenuItem, {
+    children: [meAssigned ? /* @__PURE__ */jsx(MenuItem, {
       tone: "caution",
       disabled: !me,
       onClick: handleUnassignMyself,
-      icon: icons.RemoveCircleIcon,
+      icon: RemoveCircleIcon,
       text: labels.removeMe
-    }) : /* @__PURE__ */jsxRuntime.jsx(ui.MenuItem, {
+    }) : /* @__PURE__ */jsx(MenuItem, {
       tone: "positive",
       onClick: handleAssignMyself,
-      icon: icons.AddCircleIcon,
+      icon: AddCircleIcon,
       text: labels.addMe
-    }), /* @__PURE__ */jsxRuntime.jsx(ui.MenuItem, {
+    }), /* @__PURE__ */jsx(MenuItem, {
       tone: "critical",
       disabled: value.length === 0,
       onClick: handleClearAssigneesClick,
-      icon: icons.RestoreIcon,
+      icon: RestoreIcon,
       text: labels.clear
-    }), /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+    }), /* @__PURE__ */jsx(Box, {
       padding: 1,
-      children: /* @__PURE__ */jsxRuntime.jsx(ui.TextInput, {
+      children: /* @__PURE__ */jsx(TextInput, {
         ref: input,
         onChange: handleSearchChange,
         placeholder: labels.searchPlaceholder,
         value: searchString
       })
-    }), searchString && (searchResults == null ? void 0 : searchResults.length) === 0 && /* @__PURE__ */jsxRuntime.jsx(ui.MenuItem, {
+    }), searchString && (searchResults == null ? void 0 : searchResults.length) === 0 && /* @__PURE__ */jsx(MenuItem, {
       disabled: true,
       text: labels.notFound
-    }), searchResults && searchResults.map(user => /* @__PURE__ */jsxRuntime.jsx(ui.MenuItem, {
+    }), searchResults && searchResults.map(user => /* @__PURE__ */jsx(MenuItem, {
       pressed: value.includes(user.id),
       onClick: () => handleSelect(value.indexOf(user.id) > -1, user),
-      children: /* @__PURE__ */jsxRuntime.jsxs(ui.Flex, {
+      children: /* @__PURE__ */jsxs(Flex, {
         align: "center",
-        children: [/* @__PURE__ */jsxRuntime.jsx(sanity.UserAvatar, {
+        children: [/* @__PURE__ */jsx(UserAvatar, {
           user,
           size: 1
-        }), /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+        }), /* @__PURE__ */jsx(Box, {
           paddingX: 2,
           flex: 1,
-          children: /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+          children: /* @__PURE__ */jsx(Text, {
             children: user.displayName
           })
-        }), user.isCurrentUser && /* @__PURE__ */jsxRuntime.jsx(ui.Badge, {
+        }), user.isCurrentUser && /* @__PURE__ */jsx(Badge, {
           fontSize: 1,
           tone: "positive",
           mode: "outline",
@@ -1006,14 +1014,5 @@ function UserSelectMenu(props) {
     }, user.id))]
   });
 }
-exports.Cell = Cell;
-exports.Feedback = Feedback;
-exports.Row = Row;
-exports.Table = Table;
-exports.UserSelectMenu = UserSelectMenu;
-exports.useImageUrlBuilder = useImageUrlBuilder;
-exports.useImageUrlBuilderImage = useImageUrlBuilderImage;
-exports.useListeningQuery = useListeningQuery;
-exports.useOpenInNewPane = useOpenInNewPane;
-exports.useProjectUsers = useProjectUsers;
+export { Cell, Feedback, Row, Table, UserSelectMenu, useImageUrlBuilder, useImageUrlBuilderImage, useListeningQuery, useOpenInNewPane, useProjectUsers };
 //# sourceMappingURL=index.js.map