sanity-plugin-documents-pane 2.1.1 → 2.1.3-beta.0

package/lib/index.esm.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as n,jsx as t}from"react/jsx-runtime";import{Stack as r,Box as i,Label as a,Code as o,Card as d,Text as c,Flex as l,Button as u,Spinner as s}from"@sanity/ui";import{useState as p,useRef as m,useEffect as h,useCallback as f}from"react";import{fromString as y}from"@sanity/util/paths";import{useDocumentStore as g,useSchema as b,Preview as v,DefaultPreview as T}from"sanity";import{usePaneRouter as q}from"sanity/desk";import{ComposeIcon as x,WarningOutlineIcon as V}from"@sanity/icons";import{distinctUntilChanged as j,catchError as P}from"rxjs/operators";import _ from"react-fast-compare";import{uuid as k}from"@sanity/uuid";import D from"dlv";function R(d){let{query:c,params:l}=d;return e(n,{children:[e(r,{space:4,children:[t(i,{children:t(a,{children:"Query"})}),t(i,{children:t(o,{children:c})})]}),l&&e(r,{space:4,children:[t(i,{children:t(a,{children:"Params"})}),t(i,{children:t(o,{children:JSON.stringify(l)})})]})]})}function w(e){const{children:n,tone:r="caution"}=e;return t(d,{padding:3,radius:2,shadow:1,tone:r,children:t(c,{size:1,children:n})})}const O={},C={apiVersion:"v2022-05-09"};function E(e){const{initialValueTemplates:n=[]}=e,{ReferenceChildLink:r}=q();return n.length?t(d,{borderBottom:!0,padding:2,children:t(l,{justify:"flex-end",gap:1,children:n.map((e=>e.template?t(r,{documentId:k(),documentType:e.schemaType,template:{id:e.template,params:e.parameters},parentRefPath:[],children:t(u,{icon:t(x,{}),text:e.title,mode:"bleed",as:"span"})},"".concat(e.schemaType,"-").concat(e.template)):null))})}):null}function I(a){const{query:o,params:c,debug:x,initialValueTemplates:k}=a,{routerPanesState:D,groupIndex:I,handleEditReference:N}=q(),Q=b(),{loading:S,error:z,data:A}=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:O,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:C;const[r,i]=p(!0),[a,o]=p(!1),[d,c]=p(null),l=m(null),u=g();return h((()=>(e&&(l.current=u.listenQuery(e,n,t).pipe(j(_),P((e=>(console.error(e),o(e),i(!1),c(null),e)))).subscribe((e=>{c((n=>_(n,e)?n:e)),i(!1),o(!1)}))),()=>l.current?l.current.unsubscribe():void 0)),[e,n,t,u]),{loading:r,error:a,data:d}}(o,c),B=f(((e,n)=>{var t;const r=(null==(t=D[I+1])?void 0:t[0].params)||{},{parentRefPath:i}=r;N({id:e,type:n,parentRefPath:i?y(i):[""],template:{id:e}})}),[D,I,N]);return S?t(i,{padding:4,children:t(l,{justify:"center",align:"center",children:t(s,{muted:!0})})}):z?e(r,{padding:4,space:5,children:[t(w,{children:"There was en error performing this query"}),x&&t(R,{query:o,params:c})]}):(null==A?void 0:A.length)?e(n,{children:[t(E,{initialValueTemplates:k}),t(r,{padding:2,space:1,children:A.map((e=>{const n=Q.get(e._type);return n?t(u,{onClick:()=>B(e._id,e._type),padding:2,mode:"bleed",children:t(v,{value:e,schemaType:n})},e._id):t(d,{radius:2,tone:"caution","data-ui":"Alert",padding:2,children:t(T,{media:t(V,{}),title:"Unknown schema type found",subtitle:'Encountered type "'.concat(e._type,'" that is not defined in the schema.')})},e._id)}))})]}):e(n,{children:[t(E,{initialValueTemplates:k}),e(r,{padding:4,space:5,children:[t(w,{children:"No Documents found"}),x&&t(R,{query:o,params:c})]})]})}function N(e){const{params:n,document:t}=e,r="function"==typeof n?n({document:t}):function(e){const{params:n,document:t,useDraft:r}=e;if(!n)return{};const i=r?t.displayed:t.published;return Object.keys(n).reduce(((e,t)=>({...e,[t]:D(i,n[t])})),{})}(e);if(!Object.values(r).includes(void 0))return r}function Q(n){const{document:i,options:a}=n,{query:o,params:d,useDraft:c=!1,debug:l=!1,initialValueTemplates:u}=a;if(c&&"function"==typeof d)return e(r,{padding:4,space:5,children:[e(w,{children:[t("code",{children:"useDraft"})," should not be ",t("code",{children:"true"})," when supplying a function for",t("code",{children:"params"})]}),l&&t(R,{query:o})]});const s=N({document:i,params:d,useDraft:c}),p=function(e){const{resolver:n,document:t}=e||{};return n?n({document:t}):[]}({resolver:u,document:i});return s?t(I,{query:o,params:s,debug:l,initialValueTemplates:p}):e(r,{padding:4,space:5,children:[t(w,{children:"Parameters for this query could not be resolved. This may mean the document does not yet exist or is incomplete."}),l&&t(R,{query:o})]})}export{Q as default};//# sourceMappingURL=index.esm.js.map
+import{jsxs as e,Fragment as n,jsx as t}from"react/jsx-runtime";import{Stack as r,Box as i,Label as a,Code as d,Card as c,Flex as o,Button as l,Spinner as u}from"@sanity/ui";import{useListeningQuery as s,Feedback as p}from"sanity-plugin-utils";import{useCallback as m}from"react";import{fromString as h}from"@sanity/util/paths";import{useSchema as f,Preview as y,DefaultPreview as g}from"sanity";import{usePaneRouter as b}from"sanity/desk";import{ComposeIcon as T,WarningOutlineIcon as q}from"@sanity/icons";import{uuid as v}from"@sanity/uuid";import V from"dlv";function x(c){let{query:o,params:l}=c;return e(n,{children:[e(r,{space:4,children:[t(i,{children:t(a,{children:"Query"})}),t(i,{children:t(d,{children:o})})]}),l&&e(r,{space:4,children:[t(i,{children:t(a,{children:"Params"})}),t(i,{children:t(d,{children:JSON.stringify(l)})})]})]})}function P(e){const{initialValueTemplates:n=[]}=e,{ReferenceChildLink:r}=b();return n.length?t(c,{borderBottom:!0,padding:2,children:t(o,{justify:"flex-end",gap:1,children:n.map((e=>e.template?t(r,{documentId:v(),documentType:e.schemaType,template:{id:e.template,params:e.parameters},parentRefPath:[],children:t(l,{icon:t(T,{}),text:e.title,mode:"bleed",as:"span"})},"".concat(e.schemaType,"-").concat(e.template)):null))})}):null}function _(a){const{query:d,params:T,debug:v,initialValueTemplates:V}=a,{routerPanesState:_,groupIndex:j,handleEditReference:k}=b(),D=f(),{loading:R,error:w,data:O}=s(d,{params:T,initialValue:[]}),C=m(((e,n)=>{var t;const r=(null==(t=_[j+1])?void 0:t[0].params)||{},{parentRefPath:i}=r;k({id:e,type:n,parentRefPath:i?h(i):[""],template:{id:e}})}),[_,j,k]);return R?t(i,{padding:4,children:t(o,{justify:"center",align:"center",children:t(u,{muted:!0})})}):w?e(r,{padding:4,space:5,children:[t(p,{children:"There was en error performing this query"}),v&&t(x,{query:d,params:T})]}):(null==O?void 0:O.length)?e(n,{children:[t(P,{initialValueTemplates:V}),t(r,{padding:2,space:1,children:O.map((e=>{const n=D.get(e._type);return n?t(l,{onClick:()=>C(e._id,e._type),padding:2,mode:"bleed",children:t(y,{value:e,schemaType:n})},e._id):t(c,{radius:2,tone:"caution","data-ui":"Alert",padding:2,children:t(g,{media:t(q,{}),title:"Unknown schema type found",subtitle:'Encountered type "'.concat(e._type,'" that is not defined in the schema.')})},e._id)}))})]}):e(n,{children:[t(P,{initialValueTemplates:V}),e(r,{padding:4,space:5,children:[t(p,{children:"No Documents found"}),v&&t(x,{query:d,params:T})]})]})}function j(e){const{params:n,document:t}=e,r="function"==typeof n?n({document:t}):function(e){const{params:n,document:t,useDraft:r}=e;if(!n)return{};const i=r?t.displayed:t.published;return Object.keys(n).reduce(((e,t)=>({...e,[t]:V(i,n[t])})),{})}(e);if(!Object.values(r).includes(void 0))return r}function k(n){const{document:i,options:a}=n,{query:d,params:c,useDraft:o=!1,debug:l=!1,initialValueTemplates:u}=a;if(o&&"function"==typeof c)return e(r,{padding:4,space:5,children:[e(p,{children:[t("code",{children:"useDraft"})," should not be ",t("code",{children:"true"})," when supplying a function for",t("code",{children:"params"})]}),l&&t(x,{query:d})]});const s=j({document:i,params:c,useDraft:o}),m=function(e){const{resolver:n,document:t}=e||{};return n?n({document:t}):[]}({resolver:u,document:i});return s?t(_,{query:d,params:s,debug:l,initialValueTemplates:m}):e(r,{padding:4,space:5,children:[t(p,{children:"Parameters for this query could not be resolved. This may mean the document does not yet exist, or is incomplete."}),l&&t(x,{query:d})]})}export{k as default};//# sourceMappingURL=index.esm.js.map

package/lib/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/Debug.tsx","../src/Feedback.tsx","../src/hooks/useListeningQuery.ts","../src/NewDocument.tsx","../src/Documents.tsx","../src/resolveParams.ts","../src/DocumentsPane.tsx","../src/resolveInitialValueTemplates.ts"],"sourcesContent":["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, documentStore])\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 React, {useCallback} from 'react'\nimport {Box, Button, Stack, Flex, Spinner, Card} from '@sanity/ui'\nimport {fromString as pathFromString} from '@sanity/util/paths'\nimport {Preview, useSchema, DefaultPreview} from 'sanity'\nimport {usePaneRouter} from 'sanity/desk'\nimport {WarningOutlineIcon} from '@sanity/icons'\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: string, type: string) => {\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        template: {id},\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\n          return schemaType ? (\n            <Button\n              key={doc._id}\n              onClick={() => handleClick(doc._id, doc._type)}\n              padding={2}\n              mode=\"bleed\"\n            >\n              <Preview value={doc} schemaType={schemaType} />\n            </Button>\n          ) : (\n            <Card radius={2} tone=\"caution\" data-ui=\"Alert\" padding={2} key={doc._id}>\n              <DefaultPreview\n                media={<WarningOutlineIcon />}\n                title=\"Unknown schema type found\"\n                subtitle={`Encountered type \"${doc._type}\" that is not defined in the schema.`}\n              />\n            </Card>\n          )\n        })}\n      </Stack>\n    </>\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 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 {\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":["jsxs","Fragment","jsx","Stack","Box","Label","Code","Card","Text","Flex","Button","Spinner","useState","useRef","useEffect","useCallback","fromString","useDocumentStore","useSchema","Preview","DefaultPreview","usePaneRouter","ComposeIcon","WarningOutlineIcon","distinctUntilChanged","catchError","isEqual","uuid","delve","Debug","_ref","query","params","children","space","JSON","stringify","Feedback","props","tone","padding","radius","shadow","size","DEFAULT_PARAMS","DEFAULT_OPTIONS","apiVersion","NewDocument","initialValueTemplates","ReferenceChildLink","length","borderBottom","justify","gap","map","template","documentId","documentType","schemaType","id","parameters","parentRefPath","icon","text","title","mode","as","concat","Documents","debug","routerPanesState","groupIndex","handleEditReference","schema","loading","error","data","arguments","undefined","options","setLoading","setError","setData","subscription","documentStore","current","listenQuery","pipe","err","console","subscribe","documents","unsubscribe","useListeningQuery","handleClick","type","_a","childParams","pathFromString","align","muted","doc","get","_type","onClick","_id","value","media","subtitle","resolveParams","document","resolvedParams","useDraft","displayed","published","Object","keys","reduce","acc","key","defaultResolver","values","includes","DocumentsPane","initialValueTemplatesResolver","paramValues","resolver","resolveInitialValueTemplates"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/Debug.tsx","../src/NewDocument.tsx","../src/Documents.tsx","../src/resolveParams.ts","../src/DocumentsPane.tsx","../src/resolveInitialValueTemplates.ts"],"sourcesContent":["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 {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 React, {useCallback} from 'react'\nimport {Box, Button, Stack, Flex, Spinner, Card} from '@sanity/ui'\nimport {fromString as pathFromString} from '@sanity/util/paths'\nimport {Preview, useSchema, DefaultPreview, SanityDocument} from 'sanity'\nimport {usePaneRouter} from 'sanity/desk'\nimport {WarningOutlineIcon} from '@sanity/icons'\nimport {Feedback, useListeningQuery} from 'sanity-plugin-utils'\n\nimport Debug from './Debug'\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<SanityDocument[]>(query, {\n    params,\n    initialValue: [],\n  })\n\n  const handleClick = useCallback(\n    (id: string, type: string) => {\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        template: {id},\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\n          return schemaType ? (\n            <Button\n              key={doc._id}\n              onClick={() => handleClick(doc._id, doc._type)}\n              padding={2}\n              mode=\"bleed\"\n            >\n              <Preview value={doc} schemaType={schemaType} />\n            </Button>\n          ) : (\n            <Card radius={2} tone=\"caution\" data-ui=\"Alert\" padding={2} key={doc._id}>\n              <DefaultPreview\n                media={<WarningOutlineIcon />}\n                title=\"Unknown schema type found\"\n                subtitle={`Encountered type \"${doc._type}\" that is not defined in the schema.`}\n              />\n            </Card>\n          )\n        })}\n      </Stack>\n    </>\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 React from 'react'\nimport {Stack} from '@sanity/ui'\nimport {Feedback} from 'sanity-plugin-utils'\n\nimport Documents from './Documents'\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 {\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":["jsxs","Fragment","jsx","Stack","Box","Label","Code","Card","Flex","Button","Spinner","useListeningQuery","Feedback","useCallback","fromString","useSchema","Preview","DefaultPreview","usePaneRouter","ComposeIcon","WarningOutlineIcon","uuid","delve","Debug","_ref","query","params","children","space","JSON","stringify","NewDocument","props","initialValueTemplates","ReferenceChildLink","length","borderBottom","padding","justify","gap","map","template","documentId","documentType","schemaType","id","parameters","parentRefPath","icon","text","title","mode","as","concat","Documents","debug","routerPanesState","groupIndex","handleEditReference","schema","loading","error","data","initialValue","handleClick","type","_a","childParams","pathFromString","align","muted","doc","get","_type","onClick","_id","value","radius","tone","media","subtitle","resolveParams","options","document","resolvedParams","useDraft","displayed","published","Object","keys","reduce","acc","key","defaultResolver","values","includes","DocumentsPane","initialValueTemplatesResolver","paramValues","resolver","resolveInitialValueTemplates"],"mappings":"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"}

package/lib/index.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@sanity/ui"),n=require("react"),r=require("@sanity/util/paths"),s=require("sanity"),a=require("sanity/desk"),i=require("@sanity/icons"),u=require("rxjs/operators"),c=require("react-fast-compare"),d=require("@sanity/uuid"),o=require("dlv");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=l(c),h=l(o);function m(n){let{query:r,params:s}=n;return e.jsxs(e.Fragment,{children:[e.jsxs(t.Stack,{space:4,children:[e.jsx(t.Box,{children:e.jsx(t.Label,{children:"Query"})}),e.jsx(t.Box,{children:e.jsx(t.Code,{children:r})})]}),s&&e.jsxs(t.Stack,{space:4,children:[e.jsx(t.Box,{children:e.jsx(t.Label,{children:"Params"})}),e.jsx(t.Box,{children:e.jsx(t.Code,{children:JSON.stringify(s)})})]})]})}function x(n){const{children:r,tone:s="caution"}=n;return e.jsx(t.Card,{padding:3,radius:2,shadow:1,tone:s,children:e.jsx(t.Text,{size:1,children:r})})}const j={},f={apiVersion:"v2022-05-09"};function y(n){const{initialValueTemplates:r=[]}=n,{ReferenceChildLink:s}=a.usePaneRouter();return r.length?e.jsx(t.Card,{borderBottom:!0,padding:2,children:e.jsx(t.Flex,{justify:"flex-end",gap:1,children:r.map((n=>n.template?e.jsx(s,{documentId:d.uuid(),documentType:n.schemaType,template:{id:n.template,params:n.parameters},parentRefPath:[],children:e.jsx(t.Button,{icon:e.jsx(i.ComposeIcon,{}),text:n.title,mode:"bleed",as:"span"})},"".concat(n.schemaType,"-").concat(n.template)):null))})}):null}function g(c){const{query:d,params:o,debug:l,initialValueTemplates:h}=c,{routerPanesState:g,groupIndex:q,handleEditReference:b}=a.usePaneRouter(),v=s.useSchema(),{loading:S,error:k,data:T}=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:j,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:f;const[a,i]=n.useState(!0),[c,d]=n.useState(!1),[o,l]=n.useState(null),h=n.useRef(null),m=s.useDocumentStore();return n.useEffect((()=>(e&&(h.current=m.listenQuery(e,t,r).pipe(u.distinctUntilChanged(p.default),u.catchError((e=>(console.error(e),d(e),i(!1),l(null),e)))).subscribe((e=>{l((t=>p.default(t,e)?t:e)),i(!1),d(!1)}))),()=>h.current?h.current.unsubscribe():void 0)),[e,t,r,m]),{loading:a,error:c,data:o}}(d,o),C=n.useCallback(((e,t)=>{var n;const s=(null==(n=g[q+1])?void 0:n[0].params)||{},{parentRefPath:a}=s;b({id:e,type:t,parentRefPath:a?r.fromString(a):[""],template:{id:e}})}),[g,q,b]);return S?e.jsx(t.Box,{padding:4,children:e.jsx(t.Flex,{justify:"center",align:"center",children:e.jsx(t.Spinner,{muted:!0})})}):k?e.jsxs(t.Stack,{padding:4,space:5,children:[e.jsx(x,{children:"There was en error performing this query"}),l&&e.jsx(m,{query:d,params:o})]}):(null==T?void 0:T.length)?e.jsxs(e.Fragment,{children:[e.jsx(y,{initialValueTemplates:h}),e.jsx(t.Stack,{padding:2,space:1,children:T.map((n=>{const r=v.get(n._type);return r?e.jsx(t.Button,{onClick:()=>C(n._id,n._type),padding:2,mode:"bleed",children:e.jsx(s.Preview,{value:n,schemaType:r})},n._id):e.jsx(t.Card,{radius:2,tone:"caution","data-ui":"Alert",padding:2,children:e.jsx(s.DefaultPreview,{media:e.jsx(i.WarningOutlineIcon,{}),title:"Unknown schema type found",subtitle:'Encountered type "'.concat(n._type,'" that is not defined in the schema.')})},n._id)}))})]}):e.jsxs(e.Fragment,{children:[e.jsx(y,{initialValueTemplates:h}),e.jsxs(t.Stack,{padding:4,space:5,children:[e.jsx(x,{children:"No Documents found"}),l&&e.jsx(m,{query:d,params:o})]})]})}function q(e){const{params:t,document:n}=e,r="function"==typeof t?t({document:n}):function(e){const{params:t,document:n,useDraft:r}=e;if(!t)return{};const s=r?n.displayed:n.published;return Object.keys(t).reduce(((e,n)=>({...e,[n]:h.default(s,t[n])})),{})}(e);if(!Object.values(r).includes(void 0))return r}module.exports=function(n){const{document:r,options:s}=n,{query:a,params:i,useDraft:u=!1,debug:c=!1,initialValueTemplates:d}=s;if(u&&"function"==typeof i)return e.jsxs(t.Stack,{padding:4,space:5,children:[e.jsxs(x,{children:[e.jsx("code",{children:"useDraft"})," should not be ",e.jsx("code",{children:"true"})," when supplying a function for",e.jsx("code",{children:"params"})]}),c&&e.jsx(m,{query:a})]});const o=q({document:r,params:i,useDraft:u}),l=function(e){const{resolver:t,document:n}=e||{};return t?t({document:n}):[]}({resolver:d,document:r});return o?e.jsx(g,{query:a,params:o,debug:c,initialValueTemplates:l}):e.jsxs(t.Stack,{padding:4,space:5,children:[e.jsx(x,{children:"Parameters for this query could not be resolved. This may mean the document does not yet exist or is incomplete."}),c&&e.jsx(m,{query:a})]})};//# sourceMappingURL=index.js.map
+"use strict";var e=require("react/jsx-runtime"),n=require("@sanity/ui"),t=require("sanity-plugin-utils"),r=require("react"),a=require("@sanity/util/paths"),i=require("sanity"),s=require("sanity/desk"),d=require("@sanity/icons"),c=require("@sanity/uuid");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(require("dlv"));function o(t){let{query:r,params:a}=t;return e.jsxs(e.Fragment,{children:[e.jsxs(n.Stack,{space:4,children:[e.jsx(n.Box,{children:e.jsx(n.Label,{children:"Query"})}),e.jsx(n.Box,{children:e.jsx(n.Code,{children:r})})]}),a&&e.jsxs(n.Stack,{space:4,children:[e.jsx(n.Box,{children:e.jsx(n.Label,{children:"Params"})}),e.jsx(n.Box,{children:e.jsx(n.Code,{children:JSON.stringify(a)})})]})]})}function p(t){const{initialValueTemplates:r=[]}=t,{ReferenceChildLink:a}=s.usePaneRouter();return r.length?e.jsx(n.Card,{borderBottom:!0,padding:2,children:e.jsx(n.Flex,{justify:"flex-end",gap:1,children:r.map((t=>t.template?e.jsx(a,{documentId:c.uuid(),documentType:t.schemaType,template:{id:t.template,params:t.parameters},parentRefPath:[],children:e.jsx(n.Button,{icon:e.jsx(d.ComposeIcon,{}),text:t.title,mode:"bleed",as:"span"})},"".concat(t.schemaType,"-").concat(t.template)):null))})}):null}function m(c){const{query:u,params:l,debug:m,initialValueTemplates:x}=c,{routerPanesState:h,groupIndex:j,handleEditReference:f}=s.usePaneRouter(),y=i.useSchema(),{loading:g,error:b,data:q}=t.useListeningQuery(u,{params:l,initialValue:[]}),k=r.useCallback(((e,n)=>{var t;const r=(null==(t=h[j+1])?void 0:t[0].params)||{},{parentRefPath:i}=r;f({id:e,type:n,parentRefPath:i?a.fromString(i):[""],template:{id:e}})}),[h,j,f]);return g?e.jsx(n.Box,{padding:4,children:e.jsx(n.Flex,{justify:"center",align:"center",children:e.jsx(n.Spinner,{muted:!0})})}):b?e.jsxs(n.Stack,{padding:4,space:5,children:[e.jsx(t.Feedback,{children:"There was en error performing this query"}),m&&e.jsx(o,{query:u,params:l})]}):(null==q?void 0:q.length)?e.jsxs(e.Fragment,{children:[e.jsx(p,{initialValueTemplates:x}),e.jsx(n.Stack,{padding:2,space:1,children:q.map((t=>{const r=y.get(t._type);return r?e.jsx(n.Button,{onClick:()=>k(t._id,t._type),padding:2,mode:"bleed",children:e.jsx(i.Preview,{value:t,schemaType:r})},t._id):e.jsx(n.Card,{radius:2,tone:"caution","data-ui":"Alert",padding:2,children:e.jsx(i.DefaultPreview,{media:e.jsx(d.WarningOutlineIcon,{}),title:"Unknown schema type found",subtitle:'Encountered type "'.concat(t._type,'" that is not defined in the schema.')})},t._id)}))})]}):e.jsxs(e.Fragment,{children:[e.jsx(p,{initialValueTemplates:x}),e.jsxs(n.Stack,{padding:4,space:5,children:[e.jsx(t.Feedback,{children:"No Documents found"}),m&&e.jsx(o,{query:u,params:l})]})]})}function x(e){const{params:n,document:t}=e,r="function"==typeof n?n({document:t}):function(e){const{params:n,document:t,useDraft:r}=e;if(!n)return{};const a=r?t.displayed:t.published;return Object.keys(n).reduce(((e,t)=>({...e,[t]:l.default(a,n[t])})),{})}(e);if(!Object.values(r).includes(void 0))return r}module.exports=function(r){const{document:a,options:i}=r,{query:s,params:d,useDraft:c=!1,debug:u=!1,initialValueTemplates:l}=i;if(c&&"function"==typeof d)return e.jsxs(n.Stack,{padding:4,space:5,children:[e.jsxs(t.Feedback,{children:[e.jsx("code",{children:"useDraft"})," should not be ",e.jsx("code",{children:"true"})," when supplying a function for",e.jsx("code",{children:"params"})]}),u&&e.jsx(o,{query:s})]});const p=x({document:a,params:d,useDraft:c}),h=function(e){const{resolver:n,document:t}=e||{};return n?n({document:t}):[]}({resolver:l,document:a});return p?e.jsx(m,{query:s,params:p,debug:u,initialValueTemplates:h}):e.jsxs(n.Stack,{padding:4,space:5,children:[e.jsx(t.Feedback,{children:"Parameters for this query could not be resolved. This may mean the document does not yet exist, or is incomplete."}),u&&e.jsx(o,{query:s})]})};//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/Debug.tsx","../src/Feedback.tsx","../src/hooks/useListeningQuery.ts","../src/NewDocument.tsx","../src/Documents.tsx","../src/resolveParams.ts","../src/DocumentsPane.tsx","../src/resolveInitialValueTemplates.ts"],"sourcesContent":["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, documentStore])\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 React, {useCallback} from 'react'\nimport {Box, Button, Stack, Flex, Spinner, Card} from '@sanity/ui'\nimport {fromString as pathFromString} from '@sanity/util/paths'\nimport {Preview, useSchema, DefaultPreview} from 'sanity'\nimport {usePaneRouter} from 'sanity/desk'\nimport {WarningOutlineIcon} from '@sanity/icons'\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: string, type: string) => {\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        template: {id},\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\n          return schemaType ? (\n            <Button\n              key={doc._id}\n              onClick={() => handleClick(doc._id, doc._type)}\n              padding={2}\n              mode=\"bleed\"\n            >\n              <Preview value={doc} schemaType={schemaType} />\n            </Button>\n          ) : (\n            <Card radius={2} tone=\"caution\" data-ui=\"Alert\" padding={2} key={doc._id}>\n              <DefaultPreview\n                media={<WarningOutlineIcon />}\n                title=\"Unknown schema type found\"\n                subtitle={`Encountered type \"${doc._type}\" that is not defined in the schema.`}\n              />\n            </Card>\n          )\n        })}\n      </Stack>\n    </>\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 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 {\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":["jsxRuntime","require","ui","react","paths","sanity","desk","icons","operators","isEqual","uuid","delve","_interopDefaultCompat","e","default","isEqual__default","delve__default","Debug","_ref","query","params","jsxs","Fragment","children","Stack","space","jsx","Box","Label","Code","JSON","stringify","Feedback","props","tone","Card","padding","radius","shadow","Text","size","DEFAULT_PARAMS","DEFAULT_OPTIONS","apiVersion","NewDocument","initialValueTemplates","ReferenceChildLink","usePaneRouter","length","borderBottom","Flex","justify","gap","map","template","documentId","documentType","schemaType","id","parameters","parentRefPath","Button","icon","ComposeIcon","text","title","mode","as","concat","Documents","debug","routerPanesState","groupIndex","handleEditReference","schema","useSchema","loading","error","data","arguments","undefined","options","setLoading","useState","setError","setData","subscription","useRef","documentStore","useDocumentStore","useEffect","current","listenQuery","pipe","distinctUntilChanged","catchError","err","console","subscribe","documents","unsubscribe","useListeningQuery","handleClick","useCallback","type","_a","childParams","pathFromString","fromString","align","Spinner","muted","doc","get","_type","onClick","_id","Preview","value","DefaultPreview","media","WarningOutlineIcon","subtitle","resolveParams","document","resolvedParams","useDraft","displayed","published","Object","keys","reduce","acc","key","defaultResolver","values","includes","module","exports","initialValueTemplatesResolver","paramValues","resolver","resolveInitialValueTemplates"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/Debug.tsx","../src/NewDocument.tsx","../src/Documents.tsx","../src/resolveParams.ts","../src/DocumentsPane.tsx","../src/resolveInitialValueTemplates.ts"],"sourcesContent":["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 {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 React, {useCallback} from 'react'\nimport {Box, Button, Stack, Flex, Spinner, Card} from '@sanity/ui'\nimport {fromString as pathFromString} from '@sanity/util/paths'\nimport {Preview, useSchema, DefaultPreview, SanityDocument} from 'sanity'\nimport {usePaneRouter} from 'sanity/desk'\nimport {WarningOutlineIcon} from '@sanity/icons'\nimport {Feedback, useListeningQuery} from 'sanity-plugin-utils'\n\nimport Debug from './Debug'\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<SanityDocument[]>(query, {\n    params,\n    initialValue: [],\n  })\n\n  const handleClick = useCallback(\n    (id: string, type: string) => {\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        template: {id},\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\n          return schemaType ? (\n            <Button\n              key={doc._id}\n              onClick={() => handleClick(doc._id, doc._type)}\n              padding={2}\n              mode=\"bleed\"\n            >\n              <Preview value={doc} schemaType={schemaType} />\n            </Button>\n          ) : (\n            <Card radius={2} tone=\"caution\" data-ui=\"Alert\" padding={2} key={doc._id}>\n              <DefaultPreview\n                media={<WarningOutlineIcon />}\n                title=\"Unknown schema type found\"\n                subtitle={`Encountered type \"${doc._type}\" that is not defined in the schema.`}\n              />\n            </Card>\n          )\n        })}\n      </Stack>\n    </>\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 React from 'react'\nimport {Stack} from '@sanity/ui'\nimport {Feedback} from 'sanity-plugin-utils'\n\nimport Documents from './Documents'\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 {\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":["jsxRuntime","require","ui","sanityPluginUtils","react","paths","sanity","desk","icons","uuid","_interopDefaultCompat","e","default","delve__default","Debug","_ref","query","params","jsxs","Fragment","children","Stack","space","jsx","Box","Label","Code","JSON","stringify","NewDocument","props","initialValueTemplates","ReferenceChildLink","usePaneRouter","length","Card","borderBottom","padding","Flex","justify","gap","map","template","documentId","documentType","schemaType","id","parameters","parentRefPath","Button","icon","ComposeIcon","text","title","mode","as","concat","Documents","debug","routerPanesState","groupIndex","handleEditReference","schema","useSchema","loading","error","data","useListeningQuery","initialValue","handleClick","useCallback","type","_a","childParams","pathFromString","fromString","align","Spinner","muted","Feedback","doc","get","_type","onClick","_id","Preview","value","radius","tone","DefaultPreview","media","WarningOutlineIcon","subtitle","resolveParams","options","document","resolvedParams","useDraft","displayed","published","Object","keys","reduce","acc","key","delve","defaultResolver","values","includes","module","exports","initialValueTemplatesResolver","paramValues","resolver","resolveInitialValueTemplates"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-documents-pane",
-  "version": "2.1.1",
+  "version": "2.1.3-beta.0",
   "description": "Displays the results of a GROQ query in a View Pane",
   "keywords": [
     "sanity",
@@ -59,8 +59,7 @@
     "@sanity/util": "^3.0.0",
     "@sanity/uuid": "^3.0.1",
     "dlv": "^1.1.3",
-    "react-fast-compare": "^3.2.0",
-    "rxjs": "^6.5.6"
+    "sanity-plugin-utils": "^1.6.2"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.2.0",

package/src/Documents.tsx

@@ -1,13 +1,12 @@
 import React, {useCallback} from 'react'
 import {Box, Button, Stack, Flex, Spinner, Card} from '@sanity/ui'
 import {fromString as pathFromString} from '@sanity/util/paths'
-import {Preview, useSchema, DefaultPreview} from 'sanity'
+import {Preview, useSchema, DefaultPreview, SanityDocument} from 'sanity'
 import {usePaneRouter} from 'sanity/desk'
 import {WarningOutlineIcon} from '@sanity/icons'
+import {Feedback, useListeningQuery} from 'sanity-plugin-utils'
 
 import Debug from './Debug'
-import Feedback from './Feedback'
-import useListeningQuery from './hooks/useListeningQuery'
 import {DocumentsPaneInitialValueTemplate} from './types'
 import NewDocument from './NewDocument'
 
@@ -23,7 +22,10 @@ export default function Documents(props: DocumentsProps) {
   const {routerPanesState, groupIndex, handleEditReference} = usePaneRouter()
   const schema = useSchema()
 
-  const {loading, error, data} = useListeningQuery(query, params)
+  const {loading, error, data} = useListeningQuery<SanityDocument[]>(query, {
+    params,
+    initialValue: [],
+  })
 
   const handleClick = useCallback(
     (id: string, type: string) => {

package/src/DocumentsPane.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import {Stack} from '@sanity/ui'
+import {Feedback} from 'sanity-plugin-utils'
 
 import Documents from './Documents'
-import Feedback from './Feedback'
 import Debug from './Debug'
 import {DocumentsPaneProps} from './types'
 import resolveParams from './resolveParams'
@@ -42,7 +42,7 @@ export default function DocumentsPane(props: DocumentsPaneProps) {
       <Stack padding={4} space={5}>
         <Feedback>
           Parameters for this query could not be resolved. This may mean the document does not yet
-          exist or is incomplete.
+          exist, or is incomplete.
         </Feedback>
         {debug && <Debug query={query} />}
       </Stack>

package/src/Feedback.tsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import {Card, Text} from '@sanity/ui'
-import type {BadgeTone} from '@sanity/ui'
-
-type FeedbackProps = {
-  children?: React.ReactNode
-  tone?: BadgeTone
-}
-
-export default function Feedback(props: FeedbackProps) {
-  const {children, tone = `caution`} = props
-
-  return (
-    <Card padding={3} radius={2} shadow={1} tone={tone}>
-      <Text size={1}>{children}</Text>
-    </Card>
-  )
-}

package/src/hooks/useListeningQuery.ts

@@ -1,65 +0,0 @@
-import {useEffect, useState, useRef} from 'react'
-import {catchError, distinctUntilChanged} from 'rxjs/operators'
-import isEqual from 'react-fast-compare'
-import {SanityDocument, useDocumentStore} from 'sanity'
-
-type Params = Record<string, string | number | boolean | string[]>
-
-interface ListenQueryOptions {
-  tag?: string
-  apiVersion?: string
-}
-
-type ReturnShape = {
-  loading: boolean
-  error: boolean
-  data: SanityDocument[] | null
-}
-
-type Observable = {
-  unsubscribe: () => void
-}
-
-const DEFAULT_PARAMS = {}
-const DEFAULT_OPTIONS = {apiVersion: `v2022-05-09`}
-
-export default function useListeningQuery(
-  query: string,
-  params: Params = DEFAULT_PARAMS,
-  options: ListenQueryOptions = DEFAULT_OPTIONS
-): ReturnShape {
-  const [loading, setLoading] = useState(true)
-  const [error, setError] = useState(false)
-  const [data, setData] = useState<SanityDocument[] | null>(null)
-  const subscription = useRef<null | Observable>(null)
-  const documentStore = useDocumentStore()
-
-  useEffect(() => {
-    if (query) {
-      subscription.current = documentStore
-        .listenQuery(query, params, options)
-        .pipe(
-          distinctUntilChanged(isEqual),
-          catchError((err) => {
-            console.error(err)
-            setError(err)
-            setLoading(false)
-            setData(null)
-
-            return err
-          })
-        )
-        .subscribe((documents: SanityDocument[]) => {
-          setData((current) => (isEqual(current, documents) ? current : documents))
-          setLoading(false)
-          setError(false)
-        })
-    }
-
-    return () => {
-      return subscription.current ? subscription.current.unsubscribe() : undefined
-    }
-  }, [query, params, options, documentStore])
-
-  return {loading, error, data}
-}