sanity-plugin-utils 0.0.1

package/lib/esm/index.js

@@ -0,0 +1,318 @@
+import $gGrEF$react, {useState as $gGrEF$useState, useRef as $gGrEF$useRef, useEffect as $gGrEF$useEffect} from "react";
+import {distinctUntilChanged as $gGrEF$distinctUntilChanged, catchError as $gGrEF$catchError} from "rxjs/operators";
+import $gGrEF$reactfastcompare from "react-fast-compare";
+import {useDocumentStore as $gGrEF$useDocumentStore, UserAvatar as $gGrEF$UserAvatar} from "sanity/_unstable";
+import {useWorkspace as $gGrEF$useWorkspace, useClient as $gGrEF$useClient} from "sanity";
+import {jsx as $gGrEF$jsx, jsxs as $gGrEF$jsxs} from "react/jsx-runtime";
+import {Card as $gGrEF$Card, Flex as $gGrEF$Flex, Box as $gGrEF$Box, Stack as $gGrEF$Stack, Text as $gGrEF$Text, Menu as $gGrEF$Menu, MenuItem as $gGrEF$MenuItem, TextInput as $gGrEF$TextInput, Badge as $gGrEF$Badge} from "@sanity/ui";
+import $gGrEF$styledcomponents, {css as $gGrEF$css} from "styled-components";
+import {RemoveCircleIcon as $gGrEF$RemoveCircleIcon, AddCircleIcon as $gGrEF$AddCircleIcon, RestoreIcon as $gGrEF$RestoreIcon} from "@sanity/icons";
+
+
+
+
+
+const $2130373f599d0e67$var$DEFAULT_PARAMS = {};
+const $2130373f599d0e67$var$DEFAULT_OPTIONS = {
+    apiVersion: `v2022-05-09`
+};
+const $2130373f599d0e67$var$DEFAULT_INITIAL_VALUE = null;
+function $2130373f599d0e67$export$3a1bc984843df335(query, { params: params = $2130373f599d0e67$var$DEFAULT_PARAMS , options: options = $2130373f599d0e67$var$DEFAULT_OPTIONS , initialValue: initialValue = $2130373f599d0e67$var$DEFAULT_INITIAL_VALUE  }) {
+    const [loading, setLoading] = (0, $gGrEF$useState)(true);
+    const [error, setError] = (0, $gGrEF$useState)(false);
+    const [data, setData] = (0, $gGrEF$useState)(initialValue);
+    const subscription = (0, $gGrEF$useRef)(null);
+    const documentStore = (0, $gGrEF$useDocumentStore)();
+    (0, $gGrEF$useEffect)(()=>{
+        if (query) subscription.current = documentStore.listenQuery(query, params, options).pipe((0, $gGrEF$distinctUntilChanged)((0, $gGrEF$reactfastcompare)), (0, $gGrEF$catchError)((err)=>{
+            console.error(err);
+            setError(err);
+            setLoading(false);
+            setData(null);
+            return err;
+        })).subscribe((documents)=>{
+            setData((current)=>(0, $gGrEF$reactfastcompare)(current, documents) ? current : documents);
+            setLoading(false);
+            setError(false);
+        });
+        return ()=>subscription?.current?.unsubscribe();
+    }, [
+        query,
+        params,
+        options,
+        documentStore
+    ]);
+    return {
+        data: data,
+        loading: loading,
+        error: error
+    };
+}
+
+
+
+
+function $b47a7d3337e6d4c7$export$a38963ede7c2ac91() {
+    const { currentUser: currentUser  } = (0, $gGrEF$useWorkspace)();
+    const client = (0, $gGrEF$useClient)();
+    const [users, setUsers] = (0, $gGrEF$useState)([]);
+    (0, $gGrEF$useEffect)(()=>{
+        const { projectId: projectId  } = client.config();
+        async function getUser(id) {
+            const userDetails = await client.request({
+                url: `/projects/${projectId}/users/${id}`
+            });
+            return userDetails;
+        }
+        async function getUsersWithRoles() {
+            const userRoles = await client.request({
+                url: `/projects/${projectId}/acl`
+            }).then(async (res)=>Promise.all(res.map(async (user)=>({
+                        isCurrentUser: user.projectUserId === currentUser?.id,
+                        ...await getUser(user.projectUserId)
+                    })))).catch((err)=>err);
+            setUsers(userRoles);
+        }
+        if (!users.length) getUsersWithRoles();
+    }, [
+        client,
+        currentUser?.id,
+        users.length
+    ]);
+    return users;
+}
+
+
+
+
+
+const $e183d660634d2ba0$var$DEFAULT_PROPS = {
+    tone: "primary"
+};
+function $e183d660634d2ba0$export$175e500a48a60fd2(props) {
+    const { title: title , description: description , icon: icon , tone: tone , children: children  } = {
+        ...$e183d660634d2ba0$var$DEFAULT_PROPS,
+        ...props
+    };
+    return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Card), {
+        tone: tone,
+        padding: 4,
+        radius: 3,
+        border: true,
+        children: /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Flex), {
+            children: [
+                icon ? `display icon` : null,
+                children ? children : /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
+                    flex: 1,
+                    children: /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Stack), {
+                        space: 4,
+                        children: [
+                            title ? /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Text), {
+                                weight: "semibold",
+                                children: title
+                            }) : null,
+                            description ? /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Text), {
+                                size: 2,
+                                children: description
+                            }) : null
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+}
+
+
+
+
+
+
+// Wrappers required because of bug with passing down "as" prop
+// https://github.com/styled-components/styled-components/issues/2449
+// Table
+const $32ee6db03f46d8dd$var$TableWrapper = (props = {})=>{
+    return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Card), {
+        as: "table",
+        ...props
+    });
+};
+const $32ee6db03f46d8dd$var$StyledTable = (0, $gGrEF$styledcomponents)($32ee6db03f46d8dd$var$TableWrapper)(()=>(0, $gGrEF$css)`
+      display: table;
+      width: 100%;
+
+      &:not([hidden]) {
+        display: table;
+      }
+    `);
+function $32ee6db03f46d8dd$export$54ec01a60f47d33d(props) {
+    const { children: children , ...rest } = props;
+    return /*#__PURE__*/ (0, $gGrEF$jsx)($32ee6db03f46d8dd$var$StyledTable, {
+        ...rest,
+        children: children
+    });
+}
+// Row
+const $32ee6db03f46d8dd$var$RowWrapper = (props = {})=>{
+    return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Card), {
+        as: "tr",
+        ...props
+    });
+};
+const $32ee6db03f46d8dd$var$StyledRow = (0, $gGrEF$styledcomponents)($32ee6db03f46d8dd$var$RowWrapper)(()=>(0, $gGrEF$css)`
+      display: table-row;
+
+      &:not([hidden]) {
+        display: table-row;
+      }
+    `);
+function $32ee6db03f46d8dd$export$b59bdbef9ce70de2(props) {
+    const { children: children , ...rest } = props;
+    return /*#__PURE__*/ (0, $gGrEF$jsx)($32ee6db03f46d8dd$var$StyledRow, {
+        ...rest,
+        children: children
+    });
+}
+// Cell
+const $32ee6db03f46d8dd$var$CellWrapper = (props = {})=>{
+    return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Card), {
+        as: "td",
+        ...props
+    });
+};
+const $32ee6db03f46d8dd$var$StyledCell = (0, $gGrEF$styledcomponents)($32ee6db03f46d8dd$var$CellWrapper)(()=>(0, $gGrEF$css)`
+      display: table-cell;
+
+      &:not([hidden]) {
+        display: table-cell;
+      }
+    `);
+function $32ee6db03f46d8dd$export$f6f0c3fe4ec306ea(props) {
+    const { children: children , ...rest } = props;
+    return /*#__PURE__*/ (0, $gGrEF$jsx)($32ee6db03f46d8dd$var$StyledCell, {
+        ...rest,
+        children: children
+    });
+}
+
+
+
+
+
+
+
+function $c0010e70fdfb1cf2$var$searchUsers(users, searchString) {
+    return users.filter((user)=>{
+        const displayName = (user.displayName || "").toLowerCase();
+        if (displayName.startsWith(searchString)) return true;
+        const givenName = (user.givenName || "").toLowerCase();
+        if (givenName.startsWith(searchString)) return true;
+        const middleName = (user.middleName || "").toLowerCase();
+        if (middleName.startsWith(searchString)) return true;
+        const familyName = (user.familyName || "").toLowerCase();
+        if (familyName.startsWith(searchString)) return true;
+        return false;
+    });
+}
+function $c0010e70fdfb1cf2$export$4a7d9e0c70b27556(props) {
+    const { value: value = [] , userList: userList = [] , onAdd: onAdd , onRemove: onRemove , onClear: onClear , style: style = {}  } = props;
+    const [searchString, setSearchString] = (0, $gGrEF$react).useState("");
+    const searchResults = $c0010e70fdfb1cf2$var$searchUsers(userList || [], searchString);
+    const me = userList.find((u)=>u.isCurrentUser);
+    const meAssigned = me && value.includes(me.id);
+    // Focus input on open
+    // TODO: Fix focus, it gets immediately taken away
+    const input = (0, $gGrEF$useRef)();
+    // useEffect(() => {
+    //   if (open && input?.current) {
+    //     input.current.focus()
+    //   }
+    // }, [open])
+    const handleSearchChange = (event)=>{
+        setSearchString(event.target.value);
+    };
+    const handleSelect = (isChecked, user)=>{
+        if (!isChecked) {
+            if (onAdd) onAdd(user.id);
+        } else if (onRemove) onRemove(user.id);
+    };
+    const handleAssignMyself = ()=>{
+        if (me && onAdd) onAdd(me.id);
+    };
+    const handleUnassignMyself = ()=>{
+        if (me && onRemove) onRemove(me.id);
+    };
+    const handleClearAssigneesClick = ()=>{
+        if (onClear) onClear();
+    };
+    return /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Menu), {
+        style: style,
+        children: [
+            meAssigned ? /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$MenuItem), {
+                tone: "caution",
+                disabled: !me,
+                onClick: handleUnassignMyself,
+                icon: (0, $gGrEF$RemoveCircleIcon),
+                text: "Unassign myself"
+            }) : /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$MenuItem), {
+                tone: "positive",
+                onClick: handleAssignMyself,
+                icon: (0, $gGrEF$AddCircleIcon),
+                text: "Assign myself"
+            }),
+            /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$MenuItem), {
+                tone: "critical",
+                disabled: value.length === 0,
+                onClick: handleClearAssigneesClick,
+                icon: (0, $gGrEF$RestoreIcon),
+                text: "Clear assignees"
+            }),
+            /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
+                padding: 1,
+                children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$TextInput), {
+                    // @ts-ignore TODO: Satisfy ref
+                    ref: input,
+                    onChange: handleSearchChange,
+                    placeholder: "Search members",
+                    value: searchString
+                })
+            }),
+            searchString && searchResults?.length === 0 && /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$MenuItem), {
+                disabled: true,
+                text: "No matches"
+            }),
+            searchResults && searchResults.map((user)=>/*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$MenuItem), {
+                    pressed: value.includes(user.id),
+                    onClick: ()=>handleSelect(value.indexOf(user.id) > -1, user),
+                    children: /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Flex), {
+                        align: "center",
+                        children: [
+                            /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$UserAvatar), {
+                                user: user,
+                                size: 1
+                            }),
+                            /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
+                                paddingX: 2,
+                                flex: 1,
+                                children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Text), {
+                                    children: user.displayName
+                                })
+                            }),
+                            user.isCurrentUser && /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Badge), {
+                                fontSize: 1,
+                                tone: "positive",
+                                mode: "outline",
+                                children: "Me"
+                            })
+                        ]
+                    })
+                }, user.id))
+        ]
+    });
+}
+
+
+
+
+export {$2130373f599d0e67$export$3a1bc984843df335 as useListeningQuery, $b47a7d3337e6d4c7$export$a38963ede7c2ac91 as useProjectUsers, $e183d660634d2ba0$export$175e500a48a60fd2 as Feedback, $32ee6db03f46d8dd$export$54ec01a60f47d33d as Table, $32ee6db03f46d8dd$export$b59bdbef9ce70de2 as Row, $32ee6db03f46d8dd$export$f6f0c3fe4ec306ea as Cell, $c0010e70fdfb1cf2$export$4a7d9e0c70b27556 as UserSelectMenu};
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/index.ts","src/hooks/useListeningQuery.tsx","src/hooks/useProjectUsers.tsx","src/components/Feedback.tsx","src/components/Table.tsx","src/components/UserSelectMenu/index.tsx"],"sourcesContent":["export {useListeningQuery} from './hooks/useListeningQuery'\nexport {useProjectUsers} from './hooks/useProjectUsers'\n\nexport {Feedback} from './components/Feedback'\nexport {Table, Row, Cell} from './components/Table'\nexport {UserSelectMenu} from './components/UserSelectMenu/index'\n","import {useEffect, useState, useRef} from 'react'\nimport {catchError, distinctUntilChanged} from 'rxjs/operators'\nimport isEqual from 'react-fast-compare'\nimport {useDocumentStore} from 'sanity/_unstable'\nimport {Subscription} from 'rxjs'\n\ntype Params = Record<string, string | number | boolean | string[]>\n\ninterface ListenQueryOptions {\n  tag?: string\n  apiVersion?: string\n}\n\ntype Value = any\n\ninterface Config<V> {\n  params: Params\n  options?: ListenQueryOptions\n  initialValue?: null | V\n}\n\ninterface Return<V> {\n  loading: boolean\n  error: boolean\n  data: null | V\n  initialValue?: Value\n}\n\nconst DEFAULT_PARAMS = {}\nconst DEFAULT_OPTIONS = {apiVersion: `v2022-05-09`}\nconst DEFAULT_INITIAL_VALUE = null\n\nexport function useListeningQuery<V>(\n  query: string | {fetch: string; listen: string},\n  {\n    params = DEFAULT_PARAMS,\n    options = DEFAULT_OPTIONS,\n    initialValue = DEFAULT_INITIAL_VALUE,\n  }: Config<V>\n): Return<V> {\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState(false)\n  const [data, setData] = useState(initialValue)\n  const subscription = useRef<null | Subscription>(null)\n  const documentStore = useDocumentStore()\n\n  useEffect(() => {\n    if (query) {\n      subscription.current = documentStore\n        .listenQuery(query, params, options)\n        .pipe(\n          distinctUntilChanged(isEqual),\n          catchError((err) => {\n            console.error(err)\n            setError(err)\n            setLoading(false)\n            setData(null)\n\n            return err\n          })\n        )\n        .subscribe((documents) => {\n          setData((current: Value) => (isEqual(current, documents) ? current : documents))\n          setLoading(false)\n          setError(false)\n        })\n    }\n\n    return () => subscription?.current?.unsubscribe()\n  }, [query, params, options, documentStore])\n\n  return {data, loading, error}\n}\n","import {useState, useEffect} from 'react'\nimport {useClient, useWorkspace} from 'sanity'\n\nexport type UserExtended = {\n  createdAt: string\n  displayName: string\n  email: string\n  familyName: string\n  givenName: string\n  id: string\n  imageUrl: string\n  isCurrentUser: boolean\n  middleName: string\n  projectId: string\n  provider: string\n  sanityUserId: string\n  updatedAt: string\n}\n\ntype UserRole = {\n  name: string\n  title: string\n}\n\ntype UserResponse = {\n  isRobot: boolean\n  projectUserId: string\n  roles: UserRole[]\n}\n\n// Custom hook to fetch user details\n// Built-in hook doesn't fetch all user details\nexport function useProjectUsers(): UserExtended[] {\n  const {currentUser} = useWorkspace()\n  const client = useClient()\n  const [users, setUsers] = useState([])\n\n  useEffect(() => {\n    const {projectId} = client.config()\n\n    async function getUser(id: string) {\n      const userDetails = await client.request({\n        url: `/projects/${projectId}/users/${id}`,\n      })\n\n      return userDetails\n    }\n\n    async function getUsersWithRoles() {\n      const userRoles = await client\n        .request({\n          url: `/projects/${projectId}/acl`,\n        })\n        .then(async (res) =>\n          Promise.all(\n            res.map(async (user: UserResponse) => ({\n              isCurrentUser: user.projectUserId === currentUser?.id,\n              ...(await getUser(user.projectUserId)),\n            }))\n          )\n        )\n        .catch((err) => err)\n\n      setUsers(userRoles)\n    }\n\n    if (!users.length) {\n      getUsersWithRoles()\n    }\n  }, [client, currentUser?.id, users.length])\n\n  return users\n}\n","import React from 'react'\nimport {Box, Card, CardTone, Flex, Stack, Text} from '@sanity/ui'\n\ntype FeedbackChildren = {\n  children?: React.ReactNode\n  title?: never\n  description?: never\n}\n\ntype FeedbackTextProps = {\n  title?: string\n  description?: React.ReactNode\n  children?: never\n}\n\ntype FeedbackProps = (FeedbackChildren | FeedbackTextProps) & {\n  tone?: CardTone\n  icon?: React.ReactNode\n}\n\nconst DEFAULT_PROPS: FeedbackProps = {\n  tone: 'primary',\n}\n\nexport function Feedback(props: FeedbackProps) {\n  const {title, description, icon, tone, children} = {...DEFAULT_PROPS, ...props}\n\n  return (\n    <Card tone={tone} padding={4} radius={3} border>\n      <Flex>\n        {icon ? `display icon` : null}\n        {children ? (\n          children\n        ) : (\n          <Box flex={1}>\n            <Stack space={4}>\n              {title ? <Text weight=\"semibold\">{title}</Text> : null}\n              {description ? <Text size={2}>{description}</Text> : null}\n            </Stack>\n          </Box>\n        )}\n      </Flex>\n    </Card>\n  )\n}\n","import React, {PropsWithChildren} from 'react'\nimport styled, {css} from 'styled-components'\nimport {Card, CardProps} from '@sanity/ui'\n\n// Wrappers required because of bug with passing down \"as\" prop\n// https://github.com/styled-components/styled-components/issues/2449\n\n// Table\nconst TableWrapper = (props: CardProps = {}) => {\n  return <Card as=\"table\" {...props} />\n}\n\nconst StyledTable = styled(TableWrapper)(\n  () =>\n    css`\n      display: table;\n      width: 100%;\n\n      &:not([hidden]) {\n        display: table;\n      }\n    `\n)\n\ntype TableProps = PropsWithChildren<CardProps>\n\nexport function Table(props: TableProps) {\n  const {children, ...rest} = props\n\n  return <StyledTable {...rest}>{children}</StyledTable>\n}\n\n// Row\nconst RowWrapper = (props: CardProps = {}) => {\n  return <Card as=\"tr\" {...props} />\n}\n\nconst StyledRow = styled(RowWrapper)(\n  () =>\n    css`\n      display: table-row;\n\n      &:not([hidden]) {\n        display: table-row;\n      }\n    `\n)\n\ntype TableRowProps = PropsWithChildren<CardProps>\n\nexport function Row(props: TableRowProps) {\n  const {children, ...rest} = props\n\n  return <StyledRow {...rest}>{children}</StyledRow>\n}\n\n// Cell\nconst CellWrapper = (props = {}) => {\n  return <Card as=\"td\" {...props} />\n}\n\nconst StyledCell = styled(CellWrapper)(\n  () =>\n    css`\n      display: table-cell;\n\n      &:not([hidden]) {\n        display: table-cell;\n      }\n    `\n)\n\ntype TableCellProps = PropsWithChildren<CardProps>\n\nexport function Cell(props: TableCellProps) {\n  const {children, ...rest} = props\n\n  return <StyledCell {...rest}>{children}</StyledCell>\n}\n","import React, {useEffect, useRef} from 'react'\nimport {Box, Text, Menu, MenuItem, TextInput, Flex, Badge} from '@sanity/ui'\nimport {AddCircleIcon, RemoveCircleIcon, RestoreIcon} from '@sanity/icons'\nimport {UserAvatar} from 'sanity/_unstable'\n\nimport {UserExtended} from '../../hooks/useProjectUsers'\n\nfunction searchUsers(users: UserExtended[], searchString: string): UserExtended[] {\n  return users.filter((user) => {\n    const displayName = (user.displayName || '').toLowerCase()\n    if (displayName.startsWith(searchString)) return true\n    const givenName = (user.givenName || '').toLowerCase()\n    if (givenName.startsWith(searchString)) return true\n    const middleName = (user.middleName || '').toLowerCase()\n    if (middleName.startsWith(searchString)) return true\n    const familyName = (user.familyName || '').toLowerCase()\n    if (familyName.startsWith(searchString)) return true\n\n    return false\n  })\n}\n\ntype UserSelectMenuProps = {\n  value: string[]\n  userList: UserExtended[]\n  onAdd: any\n  onRemove: any\n  onClear: any\n  open: boolean\n  style?: React.CSSProperties\n}\n\nexport function UserSelectMenu(props: UserSelectMenuProps) {\n  const {value = [], userList = [], onAdd, onRemove, onClear, style = {}} = props\n  const [searchString, setSearchString] = React.useState('')\n  const searchResults = searchUsers(userList || [], searchString)\n\n  const me = userList.find((u) => u.isCurrentUser)\n  const meAssigned = me && value.includes(me.id)\n\n  // Focus input on open\n  // TODO: Fix focus, it gets immediately taken away\n  const input = useRef<HTMLInputElement>()\n  // useEffect(() => {\n  //   if (open && input?.current) {\n  //     input.current.focus()\n  //   }\n  // }, [open])\n\n  const handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchString(event.target.value)\n  }\n\n  const handleSelect = (isChecked: boolean, user: UserExtended) => {\n    if (!isChecked) {\n      if (onAdd) onAdd(user.id)\n    } else if (onRemove) onRemove(user.id)\n  }\n\n  const handleAssignMyself = () => {\n    if (me && onAdd) onAdd(me.id)\n  }\n\n  const handleUnassignMyself = () => {\n    if (me && onRemove) onRemove(me.id)\n  }\n\n  const handleClearAssigneesClick = () => {\n    if (onClear) onClear()\n  }\n\n  return (\n    <Menu style={style}>\n      {meAssigned ? (\n        <MenuItem\n          tone=\"caution\"\n          disabled={!me}\n          onClick={handleUnassignMyself}\n          icon={RemoveCircleIcon}\n          text=\"Unassign myself\"\n        />\n      ) : (\n        <MenuItem\n          tone=\"positive\"\n          onClick={handleAssignMyself}\n          icon={AddCircleIcon}\n          text=\"Assign myself\"\n        />\n      )}\n\n      <MenuItem\n        tone=\"critical\"\n        disabled={value.length === 0}\n        onClick={handleClearAssigneesClick}\n        icon={RestoreIcon}\n        text=\"Clear assignees\"\n      />\n\n      <Box padding={1}>\n        <TextInput\n          // @ts-ignore TODO: Satisfy ref\n          ref={input}\n          onChange={handleSearchChange}\n          placeholder=\"Search members\"\n          value={searchString}\n        />\n      </Box>\n\n      {searchString && searchResults?.length === 0 && <MenuItem disabled text=\"No matches\" />}\n\n      {searchResults &&\n        searchResults.map((user) => (\n          <MenuItem\n            key={user.id}\n            pressed={value.includes(user.id)}\n            onClick={() => handleSelect(value.indexOf(user.id) > -1, user)}\n          >\n            <Flex align=\"center\">\n              <UserAvatar user={user} size={1} />\n              <Box paddingX={2} flex={1}>\n                <Text>{user.displayName}</Text>\n              </Box>\n              {user.isCurrentUser && (\n                <Badge fontSize={1} tone=\"positive\" mode=\"outline\">\n                  Me\n                </Badge>\n              )}\n            </Flex>\n          </MenuItem>\n        ))}\n    </Menu>\n  )\n}\n"],"names":[],"version":3,"file":"index.js.map","sourceRoot":"../../"}

package/lib/types/index.d.ts

@@ -0,0 +1,72 @@
+import React, { PropsWithChildren } from "react";
+import { CardTone, CardProps } from "@sanity/ui";
+type Params = Record<string, string | number | boolean | string[]>;
+interface ListenQueryOptions {
+    tag?: string;
+    apiVersion?: string;
+}
+type Value = any;
+interface Config<V> {
+    params: Params;
+    options?: ListenQueryOptions;
+    initialValue?: null | V;
+}
+interface Return<V> {
+    loading: boolean;
+    error: boolean;
+    data: null | V;
+    initialValue?: Value;
+}
+export function useListeningQuery<V>(query: string | {
+    fetch: string;
+    listen: string;
+}, { params, options, initialValue, }: Config<V>): Return<V>;
+type UserExtended = {
+    createdAt: string;
+    displayName: string;
+    email: string;
+    familyName: string;
+    givenName: string;
+    id: string;
+    imageUrl: string;
+    isCurrentUser: boolean;
+    middleName: string;
+    projectId: string;
+    provider: string;
+    sanityUserId: string;
+    updatedAt: string;
+};
+export function useProjectUsers(): UserExtended[];
+type FeedbackChildren = {
+    children?: React.ReactNode;
+    title?: never;
+    description?: never;
+};
+type FeedbackTextProps = {
+    title?: string;
+    description?: React.ReactNode;
+    children?: never;
+};
+type FeedbackProps = (FeedbackChildren | FeedbackTextProps) & {
+    tone?: CardTone;
+    icon?: React.ReactNode;
+};
+export function Feedback(props: FeedbackProps): JSX.Element;
+type TableProps = PropsWithChildren<CardProps>;
+export function Table(props: TableProps): JSX.Element;
+type TableRowProps = PropsWithChildren<CardProps>;
+export function Row(props: TableRowProps): JSX.Element;
+type TableCellProps = PropsWithChildren<CardProps>;
+export function Cell(props: TableCellProps): JSX.Element;
+type UserSelectMenuProps = {
+    value: string[];
+    userList: UserExtended[];
+    onAdd: any;
+    onRemove: any;
+    onClear: any;
+    open: boolean;
+    style?: React.CSSProperties;
+};
+export function UserSelectMenu(props: UserSelectMenuProps): JSX.Element;
+
+//# sourceMappingURL=index.d.ts.map

package/lib/types/index.d.ts.map

@@ -0,0 +1 @@
+{"mappings":";;AAMA,cAAc,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,EAAE,CAAC,CAAA;AAElE;IACE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,aAAa,GAAG,CAAA;AAEhB,iBAAiB,CAAC;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,YAAY,CAAC,EAAE,IAAI,GAAG,CAAC,CAAA;CACxB;AAED,iBAAiB,CAAC;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,IAAI,GAAG,CAAC,CAAA;IACd,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB;AAMD,kCAAkC,CAAC,EACjC,KAAK,EAAE,MAAM,GAAG;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAC,EAC/C,EACE,MAAuB,EACvB,OAAyB,EACzB,YAAoC,GACrC,EAAE,OAAO,CAAC,CAAC,GACX,OAAO,CAAC,CAAC,CAiCX;ACrED,oBAA2B;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAeD,mCAAmC,YAAY,EAAE,CAwChD;ACrED,wBAAwB;IACtB,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,WAAW,CAAC,EAAE,KAAK,CAAA;CACpB,CAAA;AAED,yBAAyB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,SAAS,CAAA;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAA;CACjB,CAAA;AAED,qBAAqB,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,GAAG;IAC5D,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,SAAS,CAAA;CACvB,CAAA;AAMD,yBAAyB,KAAK,EAAE,aAAa,eAoB5C;ACpBD,kBAAkB,kBAAkB,SAAS,CAAC,CAAA;AAE9C,sBAAsB,KAAK,EAAE,UAAU,eAItC;AAkBD,qBAAqB,kBAAkB,SAAS,CAAC,CAAA;AAEjD,oBAAoB,KAAK,EAAE,aAAa,eAIvC;AAkBD,sBAAsB,kBAAkB,SAAS,CAAC,CAAA;AAElD,qBAAqB,KAAK,EAAE,cAAc,eAIzC;ACxDD,2BAA2B;IACzB,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,QAAQ,EAAE,YAAY,EAAE,CAAA;IACxB,KAAK,EAAE,GAAG,CAAA;IACV,QAAQ,EAAE,GAAG,CAAA;IACb,OAAO,EAAE,GAAG,CAAA;IACZ,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,aAAa,CAAA;CAC5B,CAAA;AAED,+BAA+B,KAAK,EAAE,mBAAmB,eAoGxD","sources":["src/src/hooks/useListeningQuery.tsx","src/src/hooks/useProjectUsers.tsx","src/src/components/Feedback.tsx","src/src/components/Table.tsx","src/src/components/UserSelectMenu/index.tsx","src/src/index.ts","src/index.ts"],"sourcesContent":[null,null,null,null,null,null,"export {useListeningQuery} from './hooks/useListeningQuery'\nexport {useProjectUsers} from './hooks/useProjectUsers'\n\nexport {Feedback} from './components/Feedback'\nexport {Table, Row, Cell} from './components/Table'\nexport {UserSelectMenu} from './components/UserSelectMenu/index'\n"],"names":[],"version":3,"file":"index.d.ts.map","sourceRoot":"../../"}

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "sanity-plugin-utils",
+  "version": "0.0.1",
+  "description": "A collection of useful Hooks and Components when creating Plugins",
+  "author": "Simeon Griggs <simeon@sanity.io>",
+  "license": "MIT",
+  "source": "./src/index.ts",
+  "main": "./lib/cjs/index.js",
+  "module": "./lib/esm/index.js",
+  "types": "./lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./lib/cjs/index.js",
+      "default": "./lib/esm/index.js"
+    }
+  },
+  "files": [
+    "src",
+    "lib",
+    "v2-incompatible.js",
+    "sanity.json"
+  ],
+  "scripts": {
+    "clean": "rimraf lib",
+    "lint": "eslint .",
+    "prebuild": "npm run clean && plugin-kit verify-package --silent",
+    "build": "parcel build --no-cache",
+    "watch": "parcel watch",
+    "link-watch": "plugin-kit link-watch",
+    "prepublishOnly": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/simeongriggs/sanity-plugin-utils.git"
+  },
+  "engines": {
+    "node": ">=14.0.0"
+  },
+  "dependencies": {
+    "@sanity/icons": "^1.3.4",
+    "@sanity/incompatible-plugin": "^1.0.0",
+    "@sanity/ui": "^0.38.0",
+    "styled-components": "^5.3.5"
+  },
+  "devDependencies": {
+    "@parcel/packager-ts": "^2.7.0",
+    "@parcel/transformer-typescript-types": "^2.7.0",
+    "@sanity/plugin-kit": "^1.0.1",
+    "@types/styled-components": "^5.1.26",
+    "@typescript-eslint/eslint-plugin": "^5.36.1",
+    "@typescript-eslint/parser": "^5.36.1",
+    "eslint": "^8.23.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-config-sanity": "^6.0.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "parcel": "^2.7.0",
+    "prettier": "^2.7.1",
+    "react": "^17.0.0 || ^18.0.0",
+    "rimraf": "^3.0.2",
+    "sanity": "^3.0.0-dev-preview.15",
+    "typescript": "4.7.4"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0",
+    "react-fast-compare": "^3.2.0",
+    "rxjs": "^6.5.3",
+    "sanity": "dev-preview"
+  },
+  "bugs": {
+    "url": "https://github.com/simeongriggs/sanity-plugin-utils/issues"
+  },
+  "homepage": "https://github.com/simeongriggs/sanity-plugin-utils#readme"
+}

package/sanity.json

@@ -0,0 +1,8 @@
+{
+  "parts": [
+    {
+      "implements": "part:@sanity/base/sanity-root",
+      "path": "./v2-incompatible.js"
+    }
+  ]
+}

package/src/components/Feedback.tsx

@@ -0,0 +1,45 @@
+import React from 'react'
+import {Box, Card, CardTone, Flex, Stack, Text} from '@sanity/ui'
+
+type FeedbackChildren = {
+  children?: React.ReactNode
+  title?: never
+  description?: never
+}
+
+type FeedbackTextProps = {
+  title?: string
+  description?: React.ReactNode
+  children?: never
+}
+
+type FeedbackProps = (FeedbackChildren | FeedbackTextProps) & {
+  tone?: CardTone
+  icon?: React.ReactNode
+}
+
+const DEFAULT_PROPS: FeedbackProps = {
+  tone: 'primary',
+}
+
+export function Feedback(props: FeedbackProps) {
+  const {title, description, icon, tone, children} = {...DEFAULT_PROPS, ...props}
+
+  return (
+    <Card tone={tone} padding={4} radius={3} border>
+      <Flex>
+        {icon ? `display icon` : null}
+        {children ? (
+          children
+        ) : (
+          <Box flex={1}>
+            <Stack space={4}>
+              {title ? <Text weight="semibold">{title}</Text> : null}
+              {description ? <Text size={2}>{description}</Text> : null}
+            </Stack>
+          </Box>
+        )}
+      </Flex>
+    </Card>
+  )
+}

package/src/components/Table.tsx

@@ -0,0 +1,79 @@
+import React, {PropsWithChildren} from 'react'
+import styled, {css} from 'styled-components'
+import {Card, CardProps} from '@sanity/ui'
+
+// Wrappers required because of bug with passing down "as" prop
+// https://github.com/styled-components/styled-components/issues/2449
+
+// Table
+const TableWrapper = (props: CardProps = {}) => {
+  return <Card as="table" {...props} />
+}
+
+const StyledTable = styled(TableWrapper)(
+  () =>
+    css`
+      display: table;
+      width: 100%;
+
+      &:not([hidden]) {
+        display: table;
+      }
+    `
+)
+
+type TableProps = PropsWithChildren<CardProps>
+
+export function Table(props: TableProps) {
+  const {children, ...rest} = props
+
+  return <StyledTable {...rest}>{children}</StyledTable>
+}
+
+// Row
+const RowWrapper = (props: CardProps = {}) => {
+  return <Card as="tr" {...props} />
+}
+
+const StyledRow = styled(RowWrapper)(
+  () =>
+    css`
+      display: table-row;
+
+      &:not([hidden]) {
+        display: table-row;
+      }
+    `
+)
+
+type TableRowProps = PropsWithChildren<CardProps>
+
+export function Row(props: TableRowProps) {
+  const {children, ...rest} = props
+
+  return <StyledRow {...rest}>{children}</StyledRow>
+}
+
+// Cell
+const CellWrapper = (props = {}) => {
+  return <Card as="td" {...props} />
+}
+
+const StyledCell = styled(CellWrapper)(
+  () =>
+    css`
+      display: table-cell;
+
+      &:not([hidden]) {
+        display: table-cell;
+      }
+    `
+)
+
+type TableCellProps = PropsWithChildren<CardProps>
+
+export function Cell(props: TableCellProps) {
+  const {children, ...rest} = props
+
+  return <StyledCell {...rest}>{children}</StyledCell>
+}