sanity-plugin-documents-pane 1.1.0 → 2.0.0-v3-studio.2

package/lib/esm/index.js

@@ -0,0 +1,353 @@
+import {jsxs as $gGrEF$jsxs, jsx as $gGrEF$jsx, Fragment as $gGrEF$Fragment} from "react/jsx-runtime";
+import {useCallback as $gGrEF$useCallback, useState as $gGrEF$useState, useRef as $gGrEF$useRef, useEffect as $gGrEF$useEffect} from "react";
+import {Stack as $gGrEF$Stack, Box as $gGrEF$Box, Flex as $gGrEF$Flex, Spinner as $gGrEF$Spinner, Button as $gGrEF$Button, Label as $gGrEF$Label, Code as $gGrEF$Code, Card as $gGrEF$Card, Text as $gGrEF$Text} from "@sanity/ui";
+import {fromString as $gGrEF$fromString} from "@sanity/util/paths";
+import {useSchema as $gGrEF$useSchema, SanityPreview as $gGrEF$SanityPreview, useDocumentStore as $gGrEF$useDocumentStore} from "sanity";
+import {usePaneRouter as $gGrEF$usePaneRouter} from "sanity/desk";
+import {distinctUntilChanged as $gGrEF$distinctUntilChanged, catchError as $gGrEF$catchError} from "rxjs/operators";
+import $gGrEF$reactfastcompare from "react-fast-compare";
+import {ComposeIcon as $gGrEF$ComposeIcon} from "@sanity/icons";
+import {uuid as $gGrEF$uuid} from "@sanity/uuid";
+import $gGrEF$dlv from "dlv";
+
+
+
+
+
+
+
+
+
+
+
+
+
+function $7a4dd2fc2cc8e1f5$export$2e2bcd8739ae039({ query: query , params: params  }) {
+    return /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Fragment), {
+        children: [
+            /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Stack), {
+                space: 4,
+                children: [
+                    /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
+                        children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Label), {
+                            children: "Query"
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
+                        children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Code), {
+                            children: query
+                        })
+                    })
+                ]
+            }),
+            params && /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Stack), {
+                space: 4,
+                children: [
+                    /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
+                        children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Label), {
+                            children: "Params"
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
+                        children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Code), {
+                            children: JSON.stringify(params)
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+
+
+
+
+function $60d135b0057fb272$export$2e2bcd8739ae039(props) {
+    const { children: children , tone: tone = `caution`  } = props;
+    return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Card), {
+        padding: 3,
+        radius: 2,
+        shadow: 1,
+        tone: tone,
+        children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Text), {
+            size: 1,
+            children: children
+        })
+    });
+}
+
+
+
+
+
+
+const $85ac1a186196bda6$var$DEFAULT_PARAMS = {};
+const $85ac1a186196bda6$var$DEFAULT_OPTIONS = {
+    apiVersion: `v2022-05-09`
+};
+function $85ac1a186196bda6$export$2e2bcd8739ae039(query, params = $85ac1a186196bda6$var$DEFAULT_PARAMS, options = $85ac1a186196bda6$var$DEFAULT_OPTIONS) {
+    const [loading, setLoading] = (0, $gGrEF$useState)(true);
+    const [error, setError] = (0, $gGrEF$useState)(false);
+    const [data, setData] = (0, $gGrEF$useState)(null);
+    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 ()=>{
+            return subscription.current ? subscription.current.unsubscribe() : undefined;
+        };
+    }, [
+        query,
+        params,
+        options
+    ]);
+    return {
+        loading: loading,
+        error: error,
+        data: data
+    };
+}
+
+
+
+
+
+
+
+
+function $a08add133c8ba4bc$export$2e2bcd8739ae039(props) {
+    const { initialValueTemplates: initialValueTemplates = []  } = props;
+    const { ReferenceChildLink: ReferenceChildLink  } = (0, $gGrEF$usePaneRouter)();
+    if (!initialValueTemplates.length) return null;
+    return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Card), {
+        borderBottom: true,
+        padding: 2,
+        children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Flex), {
+            justify: "flex-end",
+            gap: 1,
+            children: initialValueTemplates.map((template)=>{
+                if (!template.template) return null;
+                return /*#__PURE__*/ (0, $gGrEF$jsx)(ReferenceChildLink, {
+                    documentId: (0, $gGrEF$uuid)(),
+                    documentType: template.schemaType,
+                    template: {
+                        id: template.template,
+                        params: template.parameters
+                    },
+                    parentRefPath: [],
+                    children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Button), {
+                        icon: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$ComposeIcon), {}),
+                        text: template.title,
+                        mode: "bleed",
+                        as: "span"
+                    })
+                }, `${template.schemaType}-${template.template}`);
+            })
+        })
+    });
+}
+
+
+function $1026ba2eafe19170$export$2e2bcd8739ae039(props) {
+    const { query: query , params: params , debug: debug , initialValueTemplates: initialValueTemplates  } = props;
+    const { routerPanesState: routerPanesState , groupIndex: groupIndex , handleEditReference: handleEditReference  } = (0, $gGrEF$usePaneRouter)();
+    const schema = (0, $gGrEF$useSchema)();
+    const { loading: loading , error: error , data: data  } = (0, $85ac1a186196bda6$export$2e2bcd8739ae039)(query, params);
+    const handleClick = (0, $gGrEF$useCallback)((id, type)=>{
+        const childParams = routerPanesState[groupIndex + 1]?.[0].params || {};
+        const { parentRefPath: parentRefPath  } = childParams;
+        handleEditReference({
+            id: id,
+            type: type,
+            // Uncertain that this works as intended
+            parentRefPath: parentRefPath ? (0, $gGrEF$fromString)(parentRefPath) : [
+                ``
+            ],
+            // Added this to satisfy TS
+            template: type
+        });
+    }, [
+        routerPanesState,
+        groupIndex,
+        handleEditReference
+    ]);
+    if (loading) return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
+        padding: 4,
+        children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Flex), {
+            justify: "center",
+            align: "center",
+            children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Spinner), {
+                muted: true
+            })
+        })
+    });
+    if (error) return /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Stack), {
+        padding: 4,
+        space: 5,
+        children: [
+            /*#__PURE__*/ (0, $gGrEF$jsx)((0, $60d135b0057fb272$export$2e2bcd8739ae039), {
+                children: "There was en error performing this query"
+            }),
+            debug && /*#__PURE__*/ (0, $gGrEF$jsx)((0, $7a4dd2fc2cc8e1f5$export$2e2bcd8739ae039), {
+                query: query,
+                params: params
+            })
+        ]
+    });
+    if (!data?.length) return /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Fragment), {
+        children: [
+            /*#__PURE__*/ (0, $gGrEF$jsx)((0, $a08add133c8ba4bc$export$2e2bcd8739ae039), {
+                initialValueTemplates: initialValueTemplates
+            }),
+            /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Stack), {
+                padding: 4,
+                space: 5,
+                children: [
+                    /*#__PURE__*/ (0, $gGrEF$jsx)((0, $60d135b0057fb272$export$2e2bcd8739ae039), {
+                        children: "No Documents found"
+                    }),
+                    debug && /*#__PURE__*/ (0, $gGrEF$jsx)((0, $7a4dd2fc2cc8e1f5$export$2e2bcd8739ae039), {
+                        query: query,
+                        params: params
+                    })
+                ]
+            })
+        ]
+    });
+    return /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Fragment), {
+        children: [
+            /*#__PURE__*/ (0, $gGrEF$jsx)((0, $a08add133c8ba4bc$export$2e2bcd8739ae039), {
+                initialValueTemplates: initialValueTemplates
+            }),
+            /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Stack), {
+                padding: 2,
+                space: 1,
+                children: data.map((doc)=>{
+                    const schemaType = schema.get(doc._type);
+                    if (!schemaType) return null;
+                    return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Button), {
+                        onClick: ()=>handleClick(doc._id, doc._type),
+                        padding: 2,
+                        mode: "bleed",
+                        children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$SanityPreview), {
+                            value: doc,
+                            schemaType: schemaType
+                        })
+                    }, doc._id);
+                })
+            })
+        ]
+    });
+}
+
+
+
+
+
+function $27973bbf590df0c3$var$defaultResolver(options) {
+    const { params: params , document: document , useDraft: useDraft  } = options;
+    // params is optional
+    if (!params) return {};
+    // legacy useDraft behaviour
+    const doc = useDraft ? document.displayed : document.published;
+    return Object.keys(params).reduce((acc, key)=>({
+            ...acc,
+            [key]: (0, $gGrEF$dlv)(doc, params[key])
+        }), {});
+}
+function $27973bbf590df0c3$export$2e2bcd8739ae039(options) {
+    const { params: params , document: document  } = options;
+    const resolvedParams = typeof params == "function" ? params({
+        document: document
+    }) : $27973bbf590df0c3$var$defaultResolver(options);
+    // if any of the parameters are undefined, the query will error
+    // so return undefined so the UI can show a more appropriate message
+    if (Object.values(resolvedParams).includes(undefined)) return undefined;
+    // Typescript can't tell that we've guarded against any value being undefined,
+    // so forcing the type
+    return resolvedParams;
+}
+
+
+function $a1930928ca1dda36$export$2e2bcd8739ae039(options) {
+    const { resolver: resolver , document: document  } = options || {};
+    if (!resolver) return [];
+    return resolver({
+        document: document
+    });
+}
+
+
+function $d69d7dc34affefb4$export$2e2bcd8739ae039(props) {
+    const { document: document , options: options  } = props;
+    const { query: query , params: params , useDraft: useDraft = false , debug: debug = false , initialValueTemplates: initialValueTemplatesResolver ,  } = options;
+    if (useDraft && typeof params === "function") return /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Stack), {
+        padding: 4,
+        space: 5,
+        children: [
+            /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $60d135b0057fb272$export$2e2bcd8739ae039), {
+                children: [
+                    /*#__PURE__*/ (0, $gGrEF$jsx)("code", {
+                        children: "useDraft"
+                    }),
+                    " should not be ",
+                    /*#__PURE__*/ (0, $gGrEF$jsx)("code", {
+                        children: "true"
+                    }),
+                    " when supplying a function for",
+                    /*#__PURE__*/ (0, $gGrEF$jsx)("code", {
+                        children: "params"
+                    })
+                ]
+            }),
+            debug && /*#__PURE__*/ (0, $gGrEF$jsx)((0, $7a4dd2fc2cc8e1f5$export$2e2bcd8739ae039), {
+                query: query
+            })
+        ]
+    });
+    const paramValues = (0, $27973bbf590df0c3$export$2e2bcd8739ae039)({
+        document: document,
+        params: params,
+        useDraft: useDraft
+    });
+    const initialValueTemplates = (0, $a1930928ca1dda36$export$2e2bcd8739ae039)({
+        resolver: initialValueTemplatesResolver,
+        document: document
+    });
+    if (!paramValues) return /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Stack), {
+        padding: 4,
+        space: 5,
+        children: [
+            /*#__PURE__*/ (0, $gGrEF$jsx)((0, $60d135b0057fb272$export$2e2bcd8739ae039), {
+                children: "Parameters for this query could not be resolved. This may mean the document does not yet exist or is incomplete."
+            }),
+            debug && /*#__PURE__*/ (0, $gGrEF$jsx)((0, $7a4dd2fc2cc8e1f5$export$2e2bcd8739ae039), {
+                query: query
+            })
+        ]
+    });
+    return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $1026ba2eafe19170$export$2e2bcd8739ae039), {
+        query: query,
+        params: paramValues,
+        debug: debug,
+        initialValueTemplates: initialValueTemplates
+    });
+}
+
+
+var $df9eabe9bda49ea8$export$2e2bcd8739ae039 = (0, $d69d7dc34affefb4$export$2e2bcd8739ae039);
+
+
+export {$df9eabe9bda49ea8$export$2e2bcd8739ae039 as default};
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/index.ts","src/DocumentsPane.tsx","src/Documents.tsx","src/Debug.tsx","src/Feedback.tsx","src/hooks/useListeningQuery.ts","src/NewDocument.tsx","src/resolveParams.ts","src/resolveInitialValueTemplates.ts"],"sourcesContent":["import DocumentsPane from './DocumentsPane'\n\nexport default DocumentsPane\n","import React from 'react'\nimport {Stack} from '@sanity/ui'\n\nimport Documents from './Documents'\nimport Feedback from './Feedback'\nimport Debug from './Debug'\nimport {DocumentsPaneProps} from './types'\nimport resolveParams from './resolveParams'\nimport resolveInitialValueTemplates from './resolveInitialValueTemplates'\n\nexport default function DocumentsPane(props: DocumentsPaneProps) {\n  const {document, options} = props\n  const {\n    query,\n    params,\n    useDraft = false,\n    debug = false,\n    initialValueTemplates: initialValueTemplatesResolver,\n  } = options\n\n  if (useDraft && typeof params === 'function') {\n    return (\n      <Stack padding={4} space={5}>\n        <Feedback>\n          <code>useDraft</code> should not be <code>true</code> when supplying a function for\n          <code>params</code>\n        </Feedback>\n        {debug && <Debug query={query} />}\n      </Stack>\n    )\n  }\n\n  const paramValues = resolveParams({document, params, useDraft})\n\n  const initialValueTemplates = resolveInitialValueTemplates({\n    resolver: initialValueTemplatesResolver,\n    document,\n  })\n\n  if (!paramValues) {\n    return (\n      <Stack padding={4} space={5}>\n        <Feedback>\n          Parameters for this query could not be resolved. This may mean the document does not yet\n          exist or is incomplete.\n        </Feedback>\n        {debug && <Debug query={query} />}\n      </Stack>\n    )\n  }\n\n  return (\n    <Documents\n      query={query}\n      params={paramValues}\n      debug={debug}\n      initialValueTemplates={initialValueTemplates}\n    />\n  )\n}\n","import React, {useCallback} from 'react'\nimport {Box, Button, Stack, Flex, Spinner} from '@sanity/ui'\nimport {fromString as pathFromString} from '@sanity/util/paths'\nimport {SanityPreview, useSchema} from 'sanity'\nimport {usePaneRouter} from 'sanity/desk'\n\nimport Debug from './Debug'\nimport Feedback from './Feedback'\nimport useListeningQuery from './hooks/useListeningQuery'\nimport {DocumentsPaneInitialValueTemplate} from './types'\nimport NewDocument from './NewDocument'\n\ntype DocumentsProps = {\n  query: string\n  params: {[key: string]: string}\n  debug: boolean\n  initialValueTemplates: DocumentsPaneInitialValueTemplate[]\n}\n\nexport default function Documents(props: DocumentsProps) {\n  const {query, params, debug, initialValueTemplates} = props\n  const {routerPanesState, groupIndex, handleEditReference} = usePaneRouter()\n  const schema = useSchema()\n\n  const {loading, error, data} = useListeningQuery(query, params)\n\n  const handleClick = useCallback(\n    (id, type) => {\n      const childParams = routerPanesState[groupIndex + 1]?.[0].params || {}\n      const {parentRefPath} = childParams\n\n      handleEditReference({\n        id,\n        type,\n        // Uncertain that this works as intended\n        parentRefPath: parentRefPath ? pathFromString(parentRefPath) : [``],\n        // Added this to satisfy TS\n        template: type,\n      })\n    },\n    [routerPanesState, groupIndex, handleEditReference]\n  )\n\n  if (loading) {\n    return (\n      <Box padding={4}>\n        <Flex justify=\"center\" align=\"center\">\n          <Spinner muted />\n        </Flex>\n      </Box>\n    )\n  }\n\n  if (error) {\n    return (\n      <Stack padding={4} space={5}>\n        <Feedback>There was en error performing this query</Feedback>\n        {debug && <Debug query={query} params={params} />}\n      </Stack>\n    )\n  }\n\n  if (!data?.length) {\n    return (\n      <>\n        <NewDocument initialValueTemplates={initialValueTemplates} />\n        <Stack padding={4} space={5}>\n          <Feedback>No Documents found</Feedback>\n          {debug && <Debug query={query} params={params} />}\n        </Stack>\n      </>\n    )\n  }\n\n  return (\n    <>\n      <NewDocument initialValueTemplates={initialValueTemplates} />\n      <Stack padding={2} space={1}>\n        {data.map((doc) => {\n          const schemaType = schema.get(doc._type)\n          if (!schemaType) {\n            return null\n          }\n          return (\n            <Button\n              key={doc._id}\n              onClick={() => handleClick(doc._id, doc._type)}\n              padding={2}\n              mode=\"bleed\"\n            >\n              <SanityPreview value={doc} schemaType={schemaType} />\n            </Button>\n          )\n        })}\n      </Stack>\n    </>\n  )\n}\n","import React from 'react'\nimport {Code, Box, Label, Stack} from '@sanity/ui'\n\nexport default function Debug({query, params}: {query: string; params?: {[key: string]: string}}) {\n  return (\n    <>\n      <Stack space={4}>\n        <Box>\n          <Label>Query</Label>\n        </Box>\n        <Box>\n          <Code>{query}</Code>\n        </Box>\n      </Stack>\n      {params && (\n        <Stack space={4}>\n          <Box>\n            <Label>Params</Label>\n          </Box>\n          <Box>\n            <Code>{JSON.stringify(params)}</Code>\n          </Box>\n        </Stack>\n      )}\n    </>\n  )\n}\n","import React from 'react'\nimport {Card, Text} from '@sanity/ui'\nimport type {BadgeTone} from '@sanity/ui'\n\ntype FeedbackProps = {\n  children?: React.ReactNode\n  tone?: BadgeTone\n}\n\nexport default function Feedback(props: FeedbackProps) {\n  const {children, tone = `caution`} = props\n\n  return (\n    <Card padding={3} radius={2} shadow={1} tone={tone}>\n      <Text size={1}>{children}</Text>\n    </Card>\n  )\n}\n","import {useEffect, useState, useRef} from 'react'\nimport {catchError, distinctUntilChanged} from 'rxjs/operators'\nimport isEqual from 'react-fast-compare'\nimport {SanityDocument, useDocumentStore} from 'sanity'\n\ntype Params = Record<string, string | number | boolean | string[]>\n\ninterface ListenQueryOptions {\n  tag?: string\n  apiVersion?: string\n}\n\ntype ReturnShape = {\n  loading: boolean\n  error: boolean\n  data: SanityDocument[] | null\n}\n\ntype Observable = {\n  unsubscribe: () => void\n}\n\nconst DEFAULT_PARAMS = {}\nconst DEFAULT_OPTIONS = {apiVersion: `v2022-05-09`}\n\nexport default function useListeningQuery(\n  query: string,\n  params: Params = DEFAULT_PARAMS,\n  options: ListenQueryOptions = DEFAULT_OPTIONS\n): ReturnShape {\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState(false)\n  const [data, setData] = useState<SanityDocument[] | null>(null)\n  const subscription = useRef<null | Observable>(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: SanityDocument[]) => {\n          setData((current) => (isEqual(current, documents) ? current : documents))\n          setLoading(false)\n          setError(false)\n        })\n    }\n\n    return () => {\n      return subscription.current ? subscription.current.unsubscribe() : undefined\n    }\n  }, [query, params, options])\n\n  return {loading, error, data}\n}\n","import {Button, Card, Flex} from '@sanity/ui'\nimport React from 'react'\nimport {DocumentsPaneInitialValueTemplate} from './types'\nimport {ComposeIcon} from '@sanity/icons'\nimport {usePaneRouter} from 'sanity/desk'\nimport {uuid} from '@sanity/uuid'\n\ninterface NewDocumentProps {\n  initialValueTemplates: DocumentsPaneInitialValueTemplate[]\n}\n\nexport default function NewDocument(props: NewDocumentProps) {\n  const {initialValueTemplates = []} = props\n  const {ReferenceChildLink} = usePaneRouter()\n\n  if (!initialValueTemplates.length) return null\n\n  return (\n    <Card borderBottom={true} padding={2}>\n      <Flex justify=\"flex-end\" gap={1}>\n        {initialValueTemplates.map((template) => {\n          if (!template.template) {\n            return null\n          }\n          return (\n            <ReferenceChildLink\n              documentId={uuid()}\n              documentType={template.schemaType}\n              template={{id: template.template, params: template.parameters}}\n              parentRefPath={[]}\n              key={`${template.schemaType}-${template.template}`}\n            >\n              <Button icon={<ComposeIcon />} text={template.title} mode=\"bleed\" as=\"span\" />\n            </ReferenceChildLink>\n          )\n        })}\n      </Flex>\n    </Card>\n  )\n}\n","import {DocumentsPaneQueryParams, DocumentVersionsCollection} from './types'\nimport delve from 'dlv'\n\ninterface ResolveParamsOptions {\n  params?: DocumentsPaneQueryParams\n  document: DocumentVersionsCollection\n  useDraft: boolean\n}\n\ntype ResolveParamsReturn = undefined | {[key: string]: string}\n\nfunction defaultResolver(options: ResolveParamsOptions): {\n  [key: string]: string | undefined\n} {\n  const {params, document, useDraft} = options\n\n  // params is optional\n  if (!params) return {}\n\n  // legacy useDraft behaviour\n  const doc = useDraft ? document.displayed : document.published\n\n  return Object.keys(params).reduce(\n    (acc, key) => ({\n      ...acc,\n      [key]: delve(doc, params[key as keyof DocumentsPaneQueryParams]),\n    }),\n    {}\n  )\n}\n\nexport default function resolveParams(options: ResolveParamsOptions): ResolveParamsReturn {\n  const {params, document} = options\n\n  const resolvedParams = typeof params == 'function' ? params({document}) : defaultResolver(options)\n\n  // if any of the parameters are undefined, the query will error\n  // so return undefined so the UI can show a more appropriate message\n  if (Object.values(resolvedParams).includes(undefined)) return undefined\n\n  // Typescript can't tell that we've guarded against any value being undefined,\n  // so forcing the type\n  return resolvedParams as {[key: string]: string}\n}\n","import {\n  DocumentsPaneInitialValueTemplate,\n  DocumentsPaneInitialValueTemplateResolver,\n  DocumentVersionsCollection,\n} from './types'\n\ninterface ResolveInitialValueTemplatesOptions {\n  resolver: DocumentsPaneInitialValueTemplateResolver | undefined\n  document: DocumentVersionsCollection\n}\n\nexport default function resolveInitialValueTemplates(\n  options: ResolveInitialValueTemplatesOptions\n): DocumentsPaneInitialValueTemplate[] {\n  const {resolver, document} = options || {}\n\n  if (!resolver) return []\n\n  return resolver({document})\n}\n"],"names":[],"version":3,"file":"index.js.map","sourceRoot":"../../"}

package/lib/types/index.d.ts

@@ -0,0 +1,40 @@
+import { SanityDocument } from "@sanity/client";
+interface DocumentVersionsCollection {
+    displayed: SanityDocument;
+    published: SanityDocument;
+    draft: SanityDocument;
+    historical: SanityDocument;
+}
+type DocumentsPaneQueryParams = (params: {
+    document: DocumentVersionsCollection;
+}) => ({
+    [key: string]: string;
+}) | {
+    [key: string]: string;
+};
+interface DocumentsPaneInitialValueTemplate {
+    schemaType: string;
+    template?: string;
+    parameters?: {
+        [key: string]: any;
+    };
+    title: string;
+}
+type DocumentsPaneInitialValueTemplateResolver = (params: {
+    document: DocumentVersionsCollection;
+}) => DocumentsPaneInitialValueTemplate[];
+type DocumentsPaneOptions = {
+    query: string;
+    params?: DocumentsPaneQueryParams;
+    debug?: boolean;
+    useDraft?: boolean;
+    initialValueTemplates?: DocumentsPaneInitialValueTemplateResolver;
+};
+type DocumentsPaneProps = {
+    document: DocumentVersionsCollection;
+    options: DocumentsPaneOptions;
+};
+declare function DocumentsPane(props: DocumentsPaneProps): JSX.Element;
+export default DocumentsPane;
+
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"mappings":";AGEA;IACE,SAAS,EAAE,cAAc,CAAA;IACzB,SAAS,EAAE,cAAc,CAAA;IACzB,KAAK,EAAE,cAAc,CAAA;IACrB,UAAU,EAAE,cAAc,CAAA;CAC3B;AAGD,gCAAuC,CAAC,MAAM,EAAE;IAAC,QAAQ,EAAE,0BAA0B,CAAA;CAAC,KAAK,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,CAAC,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,CAAA;AAE9I;IACE,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAC,CAAA;IACjC,KAAK,EAAE,MAAM,CAAA;CACd;AAGD,iDAAwD,CAAC,MAAM,EAAE;IAAC,QAAQ,EAAE,0BAA0B,CAAA;CAAC,KAAK,iCAAiC,EAAE,CAAA;AAE/I,4BAAmC;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,wBAAwB,CAAA;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qBAAqB,CAAC,EAAE,yCAAyC,CAAA;CAClE,CAAA;AAED,0BAAiC;IAC/B,QAAQ,EAAE,0BAA0B,CAAA;IACpC,OAAO,EAAE,oBAAoB,CAAA;CAC9B,CAAA;AKvBD,+BAAsC,KAAK,EAAE,kBAAkB,eAiD9D;ACzDD,eAAe,aAAa,CAAA","sources":["src/src/Debug.tsx","src/src/Feedback.tsx","src/src/hooks/useListeningQuery.ts","src/src/types.ts","src/src/NewDocument.tsx","src/src/Documents.tsx","src/src/resolveParams.ts","src/src/resolveInitialValueTemplates.ts","src/src/DocumentsPane.tsx","src/src/index.ts","src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,"import DocumentsPane from './DocumentsPane'\n\nexport default DocumentsPane\n"],"names":[],"version":3,"file":"index.d.ts.map","sourceRoot":"../../"}

package/package.json

@@ -1,17 +1,34 @@
 {
   "name": "sanity-plugin-documents-pane",
-  "version": "1.1.0",
+  "version": "2.0.0-v3-studio.2",
   "description": "Displays the results of a GROQ query in a View Pane",
-  "main": "lib/index.js",
+  "source": "./src/index.ts",
+  "exports": {
+    ".": {
+      "require": "./lib/cjs/index.js",
+      "default": "./lib/esm/index.js"
+    }
+  },
+  "main": "./lib/cjs/index.js",
+  "module": "./lib/esm/index.js",
+  "types": "./lib/types/index.d.ts",
+  "files": [
+    "src",
+    "lib",
+    "v2-incompatible.js",
+    "sanity.json"
+  ],
   "scripts": {
-    "build": "sanipack build",
-    "verify": "sanipack verify",
-    "watch": "sanipack build --watch",
-    "_postinstall": "husky install",
-    "prepublishOnly": "pinst --disable && sanipack build && sanipack verify",
-    "postpublish": "pinst --enable",
+    "prebuild": "plugin-kit verify-package --silent",
+    "build": "parcel build --no-cache",
+    "watch": "parcel watch",
+    "link-watch": "plugin-kit link-watch",
     "lint": "eslint .",
-    "lint:fix": "eslint . --fix"
+    "prepublishOnly": "npm run compile && npm run build",
+    "compile": "tsc --noEmit"
+  },
+  "engines": {
+    "node": ">=14.0.0"
   },
   "husky": {
     "hooks": {
@@ -30,30 +47,48 @@
   "license": "MIT",
   "dependencies": {
     "@sanity/icons": "^1.3.4",
-    "@sanity/ui": "^0.38.0",
+    "@sanity/incompatible-plugin": "^1.0.4",
+    "@sanity/ui": "^0.38.2",
     "dlv": "^1.1.3",
     "react-fast-compare": "^3.2.0",
     "rxjs": "^6.5.6"
   },
   "peerDependencies": {
-    "@sanity/base": "^2.30.1",
-    "@sanity/desk-tool": "^2.30.1",
-    "@sanity/uuid": "^3.0.1",
     "@sanity/util": "^2.29.5",
-    "react": "^16.0.0 || ^17.0.0"
+    "@sanity/uuid": "^3.0.1",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "sanity": "dev-preview"
   },
   "devDependencies": {
-    "@sanity/eslint-config-studio": "^2.0.0",
-    "eslint": "8.19.0",
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@parcel/packager-ts": "^2.7.0",
+    "@parcel/transformer-typescript-types": "^2.7.0",
+    "@sanity/eslint-config-no-v2-imports": "^0.0.1-studio-v3.3",
+    "@sanity/plugin-kit": "^1.0.2",
+    "@sanity/semantic-release-preset": "^2.0.1",
+    "@sanity/util": "^2.29.5",
+    "@sanity/uuid": "^3.0.1",
+    "@types/dlv": "^1.1.2",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.38.1",
+    "@typescript-eslint/parser": "^5.38.1",
+    "eslint": "^8.24.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-config-sanity": "6.0.0",
+    "eslint-config-sanity": "^6.0.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.30.1",
     "husky": "^8.0.1",
+    "lint-staged": "^13.0.3",
+    "parcel": "^2.7.0",
     "pinst": "^3.0.0",
     "prettier": "^2.7.1",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "sanipack": "^2.1.0",
-    "typescript": "^4.7.4"
+    "sanity": "3.0.0-dev-preview.21",
+    "typescript": "4.7.3"
   },
   "bugs": {
     "url": "https://github.com/sanity-io/sanity-plugin-document-pane/issues"

package/sanity.json

@@ -1,7 +1,8 @@
 {
-  "paths": {
-    "source": "./src",
-    "compiled": "./lib"
-  },
-  "parts": []
-}
+  "parts": [
+    {
+      "implements": "part:@sanity/base/sanity-root",
+      "path": "./v2-incompatible.js"
+    }
+  ]
+}

package/src/Documents.tsx

@@ -1,9 +1,8 @@
 import React, {useCallback} from 'react'
 import {Box, Button, Stack, Flex, Spinner} from '@sanity/ui'
 import {fromString as pathFromString} from '@sanity/util/paths'
-import {usePaneRouter} from '@sanity/desk-tool'
-import Preview from 'part:@sanity/base/preview'
-import schema from 'part:@sanity/base/schema'
+import {SanityPreview, useSchema} from 'sanity'
+import {usePaneRouter} from 'sanity/desk'
 
 import Debug from './Debug'
 import Feedback from './Feedback'
@@ -21,6 +20,7 @@ type DocumentsProps = {
 export default function Documents(props: DocumentsProps) {
   const {query, params, debug, initialValueTemplates} = props
   const {routerPanesState, groupIndex, handleEditReference} = usePaneRouter()
+  const schema = useSchema()
 
   const {loading, error, data} = useListeningQuery(query, params)
 
@@ -76,16 +76,22 @@ export default function Documents(props: DocumentsProps) {
     <>
       <NewDocument initialValueTemplates={initialValueTemplates} />
       <Stack padding={2} space={1}>
-        {data.map((doc) => (
-          <Button
-            key={doc._id}
-            onClick={() => handleClick(doc._id, doc._type)}
-            padding={2}
-            mode="bleed"
-          >
-            <Preview value={doc} type={schema.get(doc._type)} />
-          </Button>
-        ))}
+        {data.map((doc) => {
+          const schemaType = schema.get(doc._type)
+          if (!schemaType) {
+            return null
+          }
+          return (
+            <Button
+              key={doc._id}
+              onClick={() => handleClick(doc._id, doc._type)}
+              padding={2}
+              mode="bleed"
+            >
+              <SanityPreview value={doc} schemaType={schemaType} />
+            </Button>
+          )
+        })}
       </Stack>
     </>
   )

package/src/NewDocument.tsx

@@ -2,8 +2,8 @@ import {Button, Card, Flex} from '@sanity/ui'
 import React from 'react'
 import {DocumentsPaneInitialValueTemplate} from './types'
 import {ComposeIcon} from '@sanity/icons'
-import {usePaneRouter} from '@sanity/desk-tool'
-import {uuid} from "@sanity/uuid"
+import {usePaneRouter} from 'sanity/desk'
+import {uuid} from '@sanity/uuid'
 
 interface NewDocumentProps {
   initialValueTemplates: DocumentsPaneInitialValueTemplate[]
@@ -19,6 +19,9 @@ export default function NewDocument(props: NewDocumentProps) {
     <Card borderBottom={true} padding={2}>
       <Flex justify="flex-end" gap={1}>
         {initialValueTemplates.map((template) => {
+          if (!template.template) {
+            return null
+          }
           return (
             <ReferenceChildLink
               documentId={uuid()}
@@ -26,7 +29,6 @@ export default function NewDocument(props: NewDocumentProps) {
               template={{id: template.template, params: template.parameters}}
               parentRefPath={[]}
               key={`${template.schemaType}-${template.template}`}
-              style={{textDecoration: 'none'}}
             >
               <Button icon={<ComposeIcon />} text={template.title} mode="bleed" as="span" />
             </ReferenceChildLink>