sanity-plugin-dashboard-widget-document-list 0.0.13 → 1.0.0

package/LICENSE

@@ -1,21 +1,21 @@
-The MIT License
+MIT License
 
-Copyright (c) 2019, Sanity.io <hello@sanity.io>
+Copyright (c) 2022 Sanity.io
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to
-deal in the Software without restriction, including without limitation the
-rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
-sell copies of the Software, and to permit persons to whom the Software is
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:
 
- * The above copyright notice and this permission notice shall be included in
-   all copies or substantial portions of the Software.
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
-IN THE SOFTWARE.
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,101 +1,112 @@
-# dashboard-widget-document-list
-Dashboard widget for the Sanity Content Studio which displays a list of documents
+# sanity-plugin-dashboard-widget-document-list
 
+>This is a **Sanity Studio v3** plugin.
+> For the v2 version, please refer to the [v2-branch](https://github.com/sanity-io/dashboard-widget-document-list/tree/studio-v2).
 
+## What is it?
 
-## Usage
-Assuming you already have a functional Dashboard in your Sanity Content Studio.
+Dashboard widget for the Sanity Content Studio which displays a list of documents.
+
+## Install
+
+```
+npm install --save sanity-plugin-dashboard-widget-document-list
+```
 
-1. Install this widget in your Studio folder like so:
+or
 
 ```
-sanity install dashboard-widget-document-list
+yarn add sanity-plugin-dashboard-widget-document-list
 ```
 
-2. Update your `src/dashboardConfig.js` file by adding `{name: 'document-list'}` to the `widgets` array
-3. Restart your Studio
+Ensure that you have followed install and usage instructions for @sanity/dashboard.
+
+## Usage
+
+Add dashboard-widget-document-list as a widget to @sanity/dashboard plugin in sanity.config.ts (or .js):
+
+```js
+import { dashboardTool } from "@sanity/dashboard";
+import { documentListWidget } from "sanity-plugin-dashboard-widget-document-list";
+
+export default defineConfig({
+  // ...
+  plugins: [
+     dashboardTool({
+             widgets: [
+                 documentListWidget(),
+             ],
+         }
+     ),
+  ] 
+})
+```
 
 *Note*: If a document in the result (as returned by the backend) has a draft, that draft is rendered instead of the published document.
 
-There are some options available:
+## Options
+
+There are some options available, as specified by [DocumentListConfig](src/DocumentList.tsx):
 
 ### `title` (string)
 Widget title
 
 ```js
-{
-  name: 'document-list',
-  options: {
+documentListWidget({
     title: 'Some documents'
-  }
-}
+})
 ```
 
 ### `order` (string)
 Field and direction to order by when docs are rendered
 
 ```js
-{
-  name: 'document-list',
-  options: {
+documentListWidget({
     title: 'Last edited',
     order: '_updatedAt desc'
-  }
-}
+})
 ```
 
 ### `limit` (number)
 Number of docs rendered
 
 ```js
-{
-  name: 'document-list',
-  options: {
+documentListWidget({
     title: 'Last edited',
     order: '_updatedAt desc',
     limit: 3
-  }
-}
+})
 ```
 
 ### `types` (array)
 Array of strings signifying which document (schema) types are fetched
 
 ```js
-{
-  name: 'document-list',
-  options: {
+documentListWidget({
     title: 'Last edited',
     order: '_updatedAt desc',
     types: ['book', 'author']
-  }
-}
+})
 ```
 
 ### `query` (string) and `params` (object)
 Customized GROQ query with params for maximum control. If you use the query option, the `types`, `order`, and `limit` options will cease to function. You're on your own.
 
 ```js
-{
-  name: 'document-list',
-  options: {
+documentListWidget({
     title: 'Published books by title',
     query: '*[_type == "book" && published == true] | order(title asc) [0...10]'
-  }
-}
+})
 ```
 
 ```js
-{
-  name: 'document-list',
-  options: {
+documentListWidget({
     title: 'My favorite documents',
     query: '*[_id in $ids]',
     params: {
       ids: ['ab2', 'c5z', '654']
     }
-  }
-}
+})
 ```
 
 ### `createButtonText` (string)
@@ -103,14 +114,11 @@ Customized GROQ query with params for maximum control. If you use the query opti
 You can override the button default button text (`Create new ${types[0]}`) by setting `createButtonText` to a string of your choice. This doesn't support dynamic variables.
 
 ```js
-{
-  name: 'document-list',
-  options: {
+documentListWidget({
     title: 'Blog posts',
     query: '*[_type == "post"]',
     createButtonText: 'Create new blog post'
-  }
-}
+})
 ```
 
 ### `showCreateButton` (boolean)
@@ -118,10 +126,35 @@ You can override the button default button text (`Create new ${types[0]}`) by se
 You can disable the create button altogether by passing a `showCreateButton` boolean:
 
 ```js
-{
-  name: 'document-list',
-  options: {
+documentListWidget({
     showCreateButton: false
-  }
-}
+})
 ```
+
+### Widget size
+
+You can change the width of the plugin using `layout.width`:
+```js
+documentListWidget({
+    layout: { width: "small" } 
+})
+```
+
+## License
+
+MIT-licensed. See LICENSE.
+
+## Develop & test
+
+This plugin uses [@sanity/plugin-kit](https://github.com/sanity-io/plugin-kit)
+with default configuration for build & watch scripts.
+
+See [Testing a plugin in Sanity Studio](https://github.com/sanity-io/plugin-kit#testing-a-plugin-in-sanity-studio)
+on how to run this plugin with hotreload in the studio.
+
+### Release new version
+
+Run ["CI & Release" workflow](https://github.com/sanity-io/dashboard-widget-document-list/actions/workflows/main.yml).
+Make sure to select the main branch and check "Release new version".
+
+Semantic release will only release on configured branches, so it is safe to run release on any branch.

package/lib/index.esm.js

@@ -0,0 +1,2 @@
+function e(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function t(t){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?e(Object(i),!0).forEach((function(e){r(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):e(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}import{jsx as n,jsxs as i}from"react/jsx-runtime";import{useState as o,useMemo as c,useEffect as a}from"react";import{useClient as s,useSchema as d,IntentButton as u,getPublishedId as p,SanityPreview as l}from"sanity";import{intersection as m}from"lodash";import{of as y}from"rxjs";import{switchMap as f,tap as h,delay as b,mergeMap as g}from"rxjs/operators";import w from"lodash/uniqBy";import{Card as O,Flex as j,Spinner as v,Stack as P}from"@sanity/ui";import{DashboardWidgetContainer as _}from"@sanity/dashboard";const x=e=>"drafts.".concat(e._id);function E(e,t,r){return r.listen(e,t,{events:["welcome","mutation"],includeResult:!1,visibility:"query"}).pipe(f((n=>y(1).pipe("welcome"===n.type?h():b(1e3),g((()=>r.fetch(e,t).then((e=>function(e,t){if(!e)return Promise.resolve([]);const r=Array.isArray(e)?e:[e],n=r.filter((e=>!e._id.startsWith("drafts."))).map(x);return t.fetch("*[_id in $ids]",{ids:n}).then((e=>{const t=r.map((t=>e.find((e=>e._id===x(t)))||t));return w(t,"_id")})).catch((e=>{throw new Error("Problems fetching docs ".concat(n,". Error: ").concat(e.message))}))}(e,r))).catch((r=>{if(r.message.startsWith("Problems fetching docs"))throw r;throw new Error("Query failed ".concat(e," and ").concat(JSON.stringify(t),". Error: ").concat(r.message))}))))))))}const q={title:"Last created",order:"_createdAt desc",limit:10,queryParams:{},showCreateButton:!0,apiVersion:"v1"};function B(e){const{query:r,limit:p,apiVersion:l,queryParams:y,types:f,order:h,title:b,showCreateButton:g,createButtonText:w}=t(t({},q),e),[x,B]=o(),[D,Q]=o(!0),[S,A]=o(),T=s({apiVersion:l}),V=d(),{assembledQuery:N,params:W}=c((()=>{if(r)return{assembledQuery:r,params:y};const e=V.getTypeNames().filter((e=>{var t;const r=V.get(e);return"document"===(null==(t=null==r?void 0:r.type)?void 0:t.name)}));return{assembledQuery:"*[_type in $types] | order(".concat(h,") [0...").concat(2*p,"]"),params:{types:f?m(f,e):e}}}),[V,r,y,h,p,f]);return a((()=>{if(!N)return;const e=E(N,W,T).subscribe({next:e=>{B(e.slice(0,p)),Q(!1)},error:e=>{A(e),Q(!1)}});return()=>{e.unsubscribe()}}),[p,T,N,W]),n(_,{header:b,footer:f&&1===f.length&&g&&n(u,{mode:"bleed",style:{width:"100%"},paddingX:2,paddingY:4,tone:"primary",type:"button",intent:"create",params:{type:f[0]},text:w||"Create new ".concat(f[0])}),children:i(O,{children:[S&&n("div",{children:S.message}),!S&&D&&n(O,{padding:4,children:n(j,{justify:"center",children:n(v,{muted:!0})})}),!S&&!x&&!D&&n("div",{children:"Could not locate any documents :/"}),n(P,{space:2,children:x&&x.map((e=>n(C,{doc:e},e._id)))})]})})}function C(e){let{doc:t}=e;const r=d().get(t._type);return n(O,{flex:1,children:n(u,{intent:"edit",mode:"bleed",padding:1,radius:0,params:{type:t._type,id:p(t._id)},style:{width:"100%"},children:r?n(l,{layout:"default",schemaType:r,value:t},t._id):"Schema-type missing"})})}function D(e){return{name:"document-list-widget",component:function(){return n(B,t({},e))},layout:e.layout}}export{D as documentListWidget};
+//# sourceMappingURL=index.esm.js.map

package/lib/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/sanityConnector.ts","../src/DocumentList.tsx","../src/plugin.tsx"],"sourcesContent":["import {Observable, of as observableOf} from 'rxjs'\nimport {delay, mergeMap, switchMap, tap} from 'rxjs/operators'\nimport uniqBy from 'lodash/uniqBy'\nimport {SanityClient} from '@sanity/client'\nimport {SanityDocument} from 'sanity'\n\nconst draftId = (nonDraftDoc: SanityDocument) => `drafts.${nonDraftDoc._id}`\n\nfunction prepareDocumentList(\n  incoming: SanityDocument | SanityDocument[],\n  client: SanityClient\n): Promise<SanityDocument[]> {\n  if (!incoming) {\n    return Promise.resolve([])\n  }\n  const documents = Array.isArray(incoming) ? incoming : [incoming]\n\n  const ids = documents.filter((doc) => !doc._id.startsWith('drafts.')).map(draftId)\n\n  return client\n    .fetch<SanityDocument[]>('*[_id in $ids]', {ids})\n    .then((drafts) => {\n      const outgoing = documents.map((doc) => {\n        const foundDraft = drafts.find((draft) => draft._id === draftId(doc))\n        return foundDraft || doc\n      })\n      return uniqBy(outgoing, '_id')\n    })\n    .catch((error) => {\n      throw new Error(`Problems fetching docs ${ids}. Error: ${error.message}`)\n    })\n}\n\nexport function getSubscription(\n  query: string,\n  params: Record<string, any>,\n  client: SanityClient\n): Observable<SanityDocument[]> {\n  return client\n    .listen(query, params, {\n      events: ['welcome', 'mutation'],\n      includeResult: false,\n      visibility: 'query',\n    })\n    .pipe(\n      switchMap((event) => {\n        return observableOf(1).pipe(\n          event.type === 'welcome' ? tap() : delay(1000),\n          mergeMap(() =>\n            client\n              .fetch(query, params)\n              .then((incoming) => {\n                return prepareDocumentList(incoming, client)\n              })\n              .catch((error) => {\n                if (error.message.startsWith('Problems fetching docs')) {\n                  throw error\n                }\n                throw new Error(\n                  `Query failed ${query} and ${JSON.stringify(params)}. Error: ${error.message}`\n                )\n              })\n          )\n        )\n      })\n    )\n}\n","import React, {useEffect, useMemo, useState} from 'react'\nimport {getPublishedId, useClient, useSchema} from 'sanity'\nimport {intersection} from 'lodash'\nimport {getSubscription} from './sanityConnector'\nimport {SanityDocument, IntentButton, SanityPreview} from 'sanity'\nimport {Card, Flex, Spinner, Stack} from '@sanity/ui'\nimport {DashboardWidgetContainer} from '@sanity/dashboard'\n\nexport interface DocumentListConfig {\n  title?: string\n  types?: string[]\n  query?: string\n  queryParams?: Record<string, any>\n  order?: string\n  limit?: number\n  showCreateButton?: boolean\n  createButtonText?: string\n  apiVersion?: string\n}\n\nconst defaultProps = {\n  title: 'Last created',\n  order: '_createdAt desc',\n  limit: 10,\n  queryParams: {},\n  showCreateButton: true,\n  apiVersion: 'v1',\n}\n\nexport function DocumentList(props: DocumentListConfig) {\n  const {\n    query,\n    limit,\n    apiVersion,\n    queryParams,\n    types,\n    order,\n    title,\n    showCreateButton,\n    createButtonText,\n  } = {\n    ...defaultProps,\n    ...props,\n  }\n\n  const [documents, setDocuments] = useState<SanityDocument[] | undefined>()\n  const [loading, setLoading] = useState<boolean>(true)\n  const [error, setError] = useState<Error | undefined>()\n\n  const versionedClient = useClient({apiVersion})\n  const schema = useSchema()\n\n  const {assembledQuery, params} = useMemo(() => {\n    if (query) {\n      return {assembledQuery: query, params: queryParams}\n    }\n\n    const documentTypes = schema.getTypeNames().filter((typeName) => {\n      const schemaType = schema.get(typeName)\n      return schemaType?.type?.name === 'document'\n    })\n\n    return {\n      assembledQuery: `*[_type in $types] | order(${order}) [0...${limit * 2}]`,\n      params: {types: types ? intersection(types, documentTypes) : documentTypes},\n    }\n  }, [schema, query, queryParams, order, limit, types])\n\n  useEffect(() => {\n    if (!assembledQuery) {\n      return\n    }\n\n    const subscription = getSubscription(assembledQuery, params, versionedClient).subscribe({\n      next: (d) => {\n        setDocuments(d.slice(0, limit))\n        setLoading(false)\n      },\n      error: (e) => {\n        setError(e)\n        setLoading(false)\n      },\n    })\n    // eslint-disable-next-line consistent-return\n    return () => {\n      subscription.unsubscribe()\n    }\n  }, [limit, versionedClient, assembledQuery, params])\n\n  return (\n    <DashboardWidgetContainer\n      header={title}\n      footer={\n        types &&\n        types.length === 1 &&\n        showCreateButton && (\n          <IntentButton\n            mode=\"bleed\"\n            style={{width: '100%'}}\n            paddingX={2}\n            paddingY={4}\n            tone=\"primary\"\n            type=\"button\"\n            intent=\"create\"\n            params={{type: types[0]}}\n            text={createButtonText || `Create new ${types[0]}`}\n          />\n        )\n      }\n    >\n      <Card>\n        {error && <div>{error.message}</div>}\n        {!error && loading && (\n          <Card padding={4}>\n            <Flex justify=\"center\">\n              <Spinner muted />\n            </Flex>\n          </Card>\n        )}\n        {!error && !documents && !loading && <div>Could not locate any documents :/</div>}\n        <Stack space={2}>\n          {documents && documents.map((doc) => <MenuEntry key={doc._id} doc={doc} />)}\n        </Stack>\n      </Card>\n    </DashboardWidgetContainer>\n  )\n}\n\nfunction MenuEntry({doc}: {doc: SanityDocument}) {\n  const schema = useSchema()\n  const type = schema.get(doc._type)\n  return (\n    <Card flex={1}>\n      <IntentButton\n        intent=\"edit\"\n        mode=\"bleed\"\n        padding={1}\n        radius={0}\n        params={{\n          type: doc._type,\n          id: getPublishedId(doc._id),\n        }}\n        style={{width: '100%'}}\n      >\n        {type ? (\n          <SanityPreview layout=\"default\" schemaType={type} value={doc} key={doc._id} />\n        ) : (\n          'Schema-type missing'\n        )}\n      </IntentButton>\n    </Card>\n  )\n}\n\nexport default DocumentList\n","import DocumentList, {DocumentListConfig} from './DocumentList'\nimport React from 'react'\nimport {LayoutConfig, DashboardWidget} from '@sanity/dashboard'\n\nexport interface DocumentListWidgetConfig extends DocumentListConfig {\n  layout?: LayoutConfig\n}\n\nexport function documentListWidget(config: DocumentListWidgetConfig): DashboardWidget {\n  return {\n    name: 'document-list-widget',\n    component: function component() {\n      return <DocumentList {...config} />\n    },\n    layout: config.layout,\n  }\n}\n"],"names":["draftId","nonDraftDoc","_id","getSubscription","query","params","client","listen","events","includeResult","visibility","pipe","switchMap","event","observableOf","type","tap","delay","mergeMap","fetch","then","incoming","Promise","resolve","documents","Array","isArray","ids","filter","doc","startsWith","map","drafts","outgoing","find","draft","uniqBy","catch","error","Error","message","prepareDocumentList","JSON","stringify","defaultProps","title","order","limit","queryParams","showCreateButton","apiVersion","DocumentList","props","types","createButtonText","setDocuments","useState","loading","setLoading","setError","versionedClient","useClient","schema","useSchema","assembledQuery","useMemo","documentTypes","getTypeNames","typeName","_a","schemaType","get","name","concat","intersection","useEffect","subscription","subscribe","next","d","slice","e","unsubscribe","jsx","DashboardWidgetContainer","header","footer","length","IntentButton","mode","style","width","paddingX","paddingY","tone","intent","text","children","jsxs","Card","padding","Flex","justify","Spinner","muted","Stack","space","MenuEntry","_ref","_type","flex","radius","id","getPublishedId","SanityPreview","layout","value","documentListWidget","config","component","_objectSpread"],"mappings":"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"}

package/lib/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _DocumentList = _interopRequireDefault(require("./DocumentList"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  name: 'document-list',
-  component: _DocumentList.default
-};
-exports.default = _default;
-//# sourceMappingURL=index.js.map
+"use strict";function e(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function t(t){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?e(Object(i),!0).forEach((function(e){r(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):e(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react/jsx-runtime"),i=require("react"),s=require("sanity"),a=require("lodash"),o=require("rxjs"),c=require("rxjs/operators"),u=require("lodash/uniqBy"),d=require("@sanity/ui"),l=require("@sanity/dashboard");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=p(u);const f=e=>"drafts.".concat(e._id);function m(e,t,r){return r.listen(e,t,{events:["welcome","mutation"],includeResult:!1,visibility:"query"}).pipe(c.switchMap((n=>o.of(1).pipe("welcome"===n.type?c.tap():c.delay(1e3),c.mergeMap((()=>r.fetch(e,t).then((e=>function(e,t){if(!e)return Promise.resolve([]);const r=Array.isArray(e)?e:[e],n=r.filter((e=>!e._id.startsWith("drafts."))).map(f);return t.fetch("*[_id in $ids]",{ids:n}).then((e=>{const t=r.map((t=>e.find((e=>e._id===f(t)))||t));return y.default(t,"_id")})).catch((e=>{throw new Error("Problems fetching docs ".concat(n,". Error: ").concat(e.message))}))}(e,r))).catch((r=>{if(r.message.startsWith("Problems fetching docs"))throw r;throw new Error("Query failed ".concat(e," and ").concat(JSON.stringify(t),". Error: ").concat(r.message))}))))))))}const h={title:"Last created",order:"_createdAt desc",limit:10,queryParams:{},showCreateButton:!0,apiVersion:"v1"};function b(e){const{query:r,limit:o,apiVersion:c,queryParams:u,types:p,order:y,title:f,showCreateButton:b,createButtonText:g}=t(t({},h),e),[x,w]=i.useState(),[O,v]=i.useState(!0),[P,q]=i.useState(),_=s.useClient({apiVersion:c}),S=s.useSchema(),{assembledQuery:C,params:E}=i.useMemo((()=>{if(r)return{assembledQuery:r,params:u};const e=S.getTypeNames().filter((e=>{var t;const r=S.get(e);return"document"===(null==(t=null==r?void 0:r.type)?void 0:t.name)}));return{assembledQuery:"*[_type in $types] | order(".concat(y,") [0...").concat(2*o,"]"),params:{types:p?a.intersection(p,e):e}}}),[S,r,u,y,o,p]);return i.useEffect((()=>{if(!C)return;const e=m(C,E,_).subscribe({next:e=>{w(e.slice(0,o)),v(!1)},error:e=>{q(e),v(!1)}});return()=>{e.unsubscribe()}}),[o,_,C,E]),n.jsx(l.DashboardWidgetContainer,{header:f,footer:p&&1===p.length&&b&&n.jsx(s.IntentButton,{mode:"bleed",style:{width:"100%"},paddingX:2,paddingY:4,tone:"primary",type:"button",intent:"create",params:{type:p[0]},text:g||"Create new ".concat(p[0])}),children:n.jsxs(d.Card,{children:[P&&n.jsx("div",{children:P.message}),!P&&O&&n.jsx(d.Card,{padding:4,children:n.jsx(d.Flex,{justify:"center",children:n.jsx(d.Spinner,{muted:!0})})}),!P&&!x&&!O&&n.jsx("div",{children:"Could not locate any documents :/"}),n.jsx(d.Stack,{space:2,children:x&&x.map((e=>n.jsx(j,{doc:e},e._id)))})]})})}function j(e){let{doc:t}=e;const r=s.useSchema().get(t._type);return n.jsx(d.Card,{flex:1,children:n.jsx(s.IntentButton,{intent:"edit",mode:"bleed",padding:1,radius:0,params:{type:t._type,id:s.getPublishedId(t._id)},style:{width:"100%"},children:r?n.jsx(s.SanityPreview,{layout:"default",schemaType:r,value:t},t._id):"Schema-type missing"})})}exports.documentListWidget=function(e){return{name:"document-list-widget",component:function(){return n.jsx(b,t({},e))},layout:e.layout}};
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["name","component","DocumentList"],"mappings":";;;;;;;AAAA;;;;eAEe;AACbA,EAAAA,IAAI,EAAE,eADO;AAEbC,EAAAA,SAAS,EAAEC;AAFE,C","sourcesContent":["import DocumentList from './DocumentList'\n\nexport default {\n  name: 'document-list',\n  component: DocumentList\n}\n"],"file":"index.js"}
+{"version":3,"file":"index.js","sources":["../src/sanityConnector.ts","../src/DocumentList.tsx","../src/plugin.tsx"],"sourcesContent":["import {Observable, of as observableOf} from 'rxjs'\nimport {delay, mergeMap, switchMap, tap} from 'rxjs/operators'\nimport uniqBy from 'lodash/uniqBy'\nimport {SanityClient} from '@sanity/client'\nimport {SanityDocument} from 'sanity'\n\nconst draftId = (nonDraftDoc: SanityDocument) => `drafts.${nonDraftDoc._id}`\n\nfunction prepareDocumentList(\n  incoming: SanityDocument | SanityDocument[],\n  client: SanityClient\n): Promise<SanityDocument[]> {\n  if (!incoming) {\n    return Promise.resolve([])\n  }\n  const documents = Array.isArray(incoming) ? incoming : [incoming]\n\n  const ids = documents.filter((doc) => !doc._id.startsWith('drafts.')).map(draftId)\n\n  return client\n    .fetch<SanityDocument[]>('*[_id in $ids]', {ids})\n    .then((drafts) => {\n      const outgoing = documents.map((doc) => {\n        const foundDraft = drafts.find((draft) => draft._id === draftId(doc))\n        return foundDraft || doc\n      })\n      return uniqBy(outgoing, '_id')\n    })\n    .catch((error) => {\n      throw new Error(`Problems fetching docs ${ids}. Error: ${error.message}`)\n    })\n}\n\nexport function getSubscription(\n  query: string,\n  params: Record<string, any>,\n  client: SanityClient\n): Observable<SanityDocument[]> {\n  return client\n    .listen(query, params, {\n      events: ['welcome', 'mutation'],\n      includeResult: false,\n      visibility: 'query',\n    })\n    .pipe(\n      switchMap((event) => {\n        return observableOf(1).pipe(\n          event.type === 'welcome' ? tap() : delay(1000),\n          mergeMap(() =>\n            client\n              .fetch(query, params)\n              .then((incoming) => {\n                return prepareDocumentList(incoming, client)\n              })\n              .catch((error) => {\n                if (error.message.startsWith('Problems fetching docs')) {\n                  throw error\n                }\n                throw new Error(\n                  `Query failed ${query} and ${JSON.stringify(params)}. Error: ${error.message}`\n                )\n              })\n          )\n        )\n      })\n    )\n}\n","import React, {useEffect, useMemo, useState} from 'react'\nimport {getPublishedId, useClient, useSchema} from 'sanity'\nimport {intersection} from 'lodash'\nimport {getSubscription} from './sanityConnector'\nimport {SanityDocument, IntentButton, SanityPreview} from 'sanity'\nimport {Card, Flex, Spinner, Stack} from '@sanity/ui'\nimport {DashboardWidgetContainer} from '@sanity/dashboard'\n\nexport interface DocumentListConfig {\n  title?: string\n  types?: string[]\n  query?: string\n  queryParams?: Record<string, any>\n  order?: string\n  limit?: number\n  showCreateButton?: boolean\n  createButtonText?: string\n  apiVersion?: string\n}\n\nconst defaultProps = {\n  title: 'Last created',\n  order: '_createdAt desc',\n  limit: 10,\n  queryParams: {},\n  showCreateButton: true,\n  apiVersion: 'v1',\n}\n\nexport function DocumentList(props: DocumentListConfig) {\n  const {\n    query,\n    limit,\n    apiVersion,\n    queryParams,\n    types,\n    order,\n    title,\n    showCreateButton,\n    createButtonText,\n  } = {\n    ...defaultProps,\n    ...props,\n  }\n\n  const [documents, setDocuments] = useState<SanityDocument[] | undefined>()\n  const [loading, setLoading] = useState<boolean>(true)\n  const [error, setError] = useState<Error | undefined>()\n\n  const versionedClient = useClient({apiVersion})\n  const schema = useSchema()\n\n  const {assembledQuery, params} = useMemo(() => {\n    if (query) {\n      return {assembledQuery: query, params: queryParams}\n    }\n\n    const documentTypes = schema.getTypeNames().filter((typeName) => {\n      const schemaType = schema.get(typeName)\n      return schemaType?.type?.name === 'document'\n    })\n\n    return {\n      assembledQuery: `*[_type in $types] | order(${order}) [0...${limit * 2}]`,\n      params: {types: types ? intersection(types, documentTypes) : documentTypes},\n    }\n  }, [schema, query, queryParams, order, limit, types])\n\n  useEffect(() => {\n    if (!assembledQuery) {\n      return\n    }\n\n    const subscription = getSubscription(assembledQuery, params, versionedClient).subscribe({\n      next: (d) => {\n        setDocuments(d.slice(0, limit))\n        setLoading(false)\n      },\n      error: (e) => {\n        setError(e)\n        setLoading(false)\n      },\n    })\n    // eslint-disable-next-line consistent-return\n    return () => {\n      subscription.unsubscribe()\n    }\n  }, [limit, versionedClient, assembledQuery, params])\n\n  return (\n    <DashboardWidgetContainer\n      header={title}\n      footer={\n        types &&\n        types.length === 1 &&\n        showCreateButton && (\n          <IntentButton\n            mode=\"bleed\"\n            style={{width: '100%'}}\n            paddingX={2}\n            paddingY={4}\n            tone=\"primary\"\n            type=\"button\"\n            intent=\"create\"\n            params={{type: types[0]}}\n            text={createButtonText || `Create new ${types[0]}`}\n          />\n        )\n      }\n    >\n      <Card>\n        {error && <div>{error.message}</div>}\n        {!error && loading && (\n          <Card padding={4}>\n            <Flex justify=\"center\">\n              <Spinner muted />\n            </Flex>\n          </Card>\n        )}\n        {!error && !documents && !loading && <div>Could not locate any documents :/</div>}\n        <Stack space={2}>\n          {documents && documents.map((doc) => <MenuEntry key={doc._id} doc={doc} />)}\n        </Stack>\n      </Card>\n    </DashboardWidgetContainer>\n  )\n}\n\nfunction MenuEntry({doc}: {doc: SanityDocument}) {\n  const schema = useSchema()\n  const type = schema.get(doc._type)\n  return (\n    <Card flex={1}>\n      <IntentButton\n        intent=\"edit\"\n        mode=\"bleed\"\n        padding={1}\n        radius={0}\n        params={{\n          type: doc._type,\n          id: getPublishedId(doc._id),\n        }}\n        style={{width: '100%'}}\n      >\n        {type ? (\n          <SanityPreview layout=\"default\" schemaType={type} value={doc} key={doc._id} />\n        ) : (\n          'Schema-type missing'\n        )}\n      </IntentButton>\n    </Card>\n  )\n}\n\nexport default DocumentList\n","import DocumentList, {DocumentListConfig} from './DocumentList'\nimport React from 'react'\nimport {LayoutConfig, DashboardWidget} from '@sanity/dashboard'\n\nexport interface DocumentListWidgetConfig extends DocumentListConfig {\n  layout?: LayoutConfig\n}\n\nexport function documentListWidget(config: DocumentListWidgetConfig): DashboardWidget {\n  return {\n    name: 'document-list-widget',\n    component: function component() {\n      return <DocumentList {...config} />\n    },\n    layout: config.layout,\n  }\n}\n"],"names":["draftId","nonDraftDoc","_id","getSubscription","query","params","client","listen","events","includeResult","visibility","pipe","switchMap","event","observableOf","of","type","tap","delay","mergeMap","fetch","then","incoming","Promise","resolve","documents","Array","isArray","ids","filter","doc","startsWith","map","drafts","outgoing","find","draft","uniqBy","catch","error","Error","message","prepareDocumentList","JSON","stringify","defaultProps","title","order","limit","queryParams","showCreateButton","apiVersion","DocumentList","props","types","createButtonText","setDocuments","useState","loading","setLoading","setError","versionedClient","useClient","schema","useSchema","assembledQuery","useMemo","documentTypes","getTypeNames","typeName","_a","schemaType","get","name","concat","intersection","useEffect","subscription","subscribe","next","d","slice","e","unsubscribe","jsx","DashboardWidgetContainer","header","footer","length","IntentButton","mode","style","width","paddingX","paddingY","tone","intent","text","children","jsxs","Card","padding","Flex","justify","Spinner","muted","Stack","space","MenuEntry","_ref","_type","flex","radius","id","getPublishedId","SanityPreview","layout","value","config","component","_objectSpread"],"mappings":"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"}

package/lib/src/index.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+
+import {DashboardWidget} from '@sanity/dashboard'
+import {LayoutConfig} from '@sanity/dashboard'
+
+declare interface DocumentListConfig {
+  title?: string
+  types?: string[]
+  query?: string
+  queryParams?: Record<string, any>
+  order?: string
+  limit?: number
+  showCreateButton?: boolean
+  createButtonText?: string
+  apiVersion?: string
+}
+
+export declare function documentListWidget(config: DocumentListWidgetConfig): DashboardWidget
+
+export declare interface DocumentListWidgetConfig extends DocumentListConfig {
+  layout?: LayoutConfig
+}
+
+export {}

package/package.json

@@ -1,10 +1,7 @@
 {
-  "public": true,
   "name": "sanity-plugin-dashboard-widget-document-list",
-  "version": "0.0.13",
-  "author": "Sanity.io <hello@sanity.io>",
-  "description": "Example dashboard widget for Sanity Content Studio",
-  "homepage": "https://github.com/sanity-io/dashboard-widget-document-list#readme",
+  "version": "1.0.0",
+  "description": "> **NOTE**",
   "keywords": [
     "sanity",
     "plugin",
@@ -13,37 +10,86 @@
     "widget",
     "documents"
   ],
-  "main": "lib/index.js",
-  "license": "MIT",
+  "homepage": "https://github.com/sanity-io/dashboard-widget-document-list#readme",
   "bugs": {
     "url": "https://github.com/sanity-io/dashboard-widget-document-list/issues"
   },
-  "scripts": {
-    "build": "sanipack build",
-    "test": "sanipack verify",
-    "clean": "rimraf lib",
-    "prebuild": "npm run clean",
-    "prepublishOnly": "npm run build && npm test"
-  },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/sanity-io/dashboard-widget-document-list.git"
+    "url": "git@github.com:sanity-io/dashboard-widget-document-list.git"
   },
-  "devDependencies": {
-    "babel-eslint": "^7.2.3",
-    "eslint": "^4.3.0",
-    "eslint-config-sanity": "^2.1.4",
-    "eslint-plugin-react": "^7.1.0",
-    "rimraf": "^2.7.1",
-    "sanipack": "^1.0.8"
+  "license": "MIT",
+  "author": "Sanity.io <hello@sanity.io>",
+  "exports": {
+    ".": {
+      "types": "./lib/src/index.d.ts",
+      "source": "./src/index.ts",
+      "import": "./lib/index.esm.js",
+      "require": "./lib/index.js",
+      "default": "./lib/index.esm.js"
+    },
+    "./package.json": "./package.json"
   },
-  "peerDependencies": {
-    "@sanity/base": ">=1",
-    "react": "^16 || ^17"
+  "main": "./lib/index.js",
+  "module": "./lib/index.esm.js",
+  "source": "./src/index.ts",
+  "types": "./lib/src/index.d.ts",
+  "files": [
+    "src",
+    "lib",
+    "v2-incompatible.js",
+    "sanity.json"
+  ],
+  "scripts": {
+    "prebuild": "npm run clean && plugin-kit verify-package --silent && pkg-utils",
+    "build": "pkg-utils build --strict",
+    "clean": "rimraf lib",
+    "compile": "tsc --noEmit",
+    "link-watch": "plugin-kit link-watch",
+    "lint": "eslint .",
+    "prepare": "husky install",
+    "prepublishOnly": "npm run build",
+    "watch": "pkg-utils watch"
   },
   "dependencies": {
+    "@sanity/incompatible-plugin": "^1.0.4",
+    "@sanity/ui": "1.0.0-beta.32",
     "lodash": "^4.17.15",
-    "prop-types": "^15.7.2",
     "rxjs": "^6.0.0"
-  }
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.2.0",
+    "@commitlint/config-conventional": "^17.2.0",
+    "@sanity/dashboard": "^3.0.0-v3-studio.8",
+    "@sanity/pkg-utils": "^1.17.2",
+    "@sanity/plugin-kit": "^2.1.5",
+    "@sanity/semantic-release-preset": "^2.0.2",
+    "@types/react": "^18",
+    "@typescript-eslint/eslint-plugin": "^5.42.0",
+    "@typescript-eslint/parser": "^5.42.0",
+    "eslint": "^8.26.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-config-sanity": "^6.0.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^13.0.3",
+    "prettier": "^2.7.1",
+    "prettier-plugin-packagejson": "^2.3.0",
+    "react": "^18",
+    "rimraf": "^3.0.2",
+    "sanity": "3.0.0-rc.2",
+    "typescript": "^4.8.4"
+  },
+  "peerDependencies": {
+    "@sanity/dashboard": "^3.0.0-v3-studio.8",
+    "react": "^18",
+    "sanity": "dev-preview || 3.0.0-rc.2"
+  },
+  "engines": {
+    "node": ">=14"
+  },
+  "public": true,
+  "sanityExchangeUrl": "https://www.sanity.io/plugins/sanity-plugin-dashboard-widget-document-list"
 }

package/sanity.json

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

package/src/DocumentList.tsx

@@ -0,0 +1,155 @@
+import React, {useEffect, useMemo, useState} from 'react'
+import {getPublishedId, useClient, useSchema} from 'sanity'
+import {intersection} from 'lodash'
+import {getSubscription} from './sanityConnector'
+import {SanityDocument, IntentButton, SanityPreview} from 'sanity'
+import {Card, Flex, Spinner, Stack} from '@sanity/ui'
+import {DashboardWidgetContainer} from '@sanity/dashboard'
+
+export interface DocumentListConfig {
+  title?: string
+  types?: string[]
+  query?: string
+  queryParams?: Record<string, any>
+  order?: string
+  limit?: number
+  showCreateButton?: boolean
+  createButtonText?: string
+  apiVersion?: string
+}
+
+const defaultProps = {
+  title: 'Last created',
+  order: '_createdAt desc',
+  limit: 10,
+  queryParams: {},
+  showCreateButton: true,
+  apiVersion: 'v1',
+}
+
+export function DocumentList(props: DocumentListConfig) {
+  const {
+    query,
+    limit,
+    apiVersion,
+    queryParams,
+    types,
+    order,
+    title,
+    showCreateButton,
+    createButtonText,
+  } = {
+    ...defaultProps,
+    ...props,
+  }
+
+  const [documents, setDocuments] = useState<SanityDocument[] | undefined>()
+  const [loading, setLoading] = useState<boolean>(true)
+  const [error, setError] = useState<Error | undefined>()
+
+  const versionedClient = useClient({apiVersion})
+  const schema = useSchema()
+
+  const {assembledQuery, params} = useMemo(() => {
+    if (query) {
+      return {assembledQuery: query, params: queryParams}
+    }
+
+    const documentTypes = schema.getTypeNames().filter((typeName) => {
+      const schemaType = schema.get(typeName)
+      return schemaType?.type?.name === 'document'
+    })
+
+    return {
+      assembledQuery: `*[_type in $types] | order(${order}) [0...${limit * 2}]`,
+      params: {types: types ? intersection(types, documentTypes) : documentTypes},
+    }
+  }, [schema, query, queryParams, order, limit, types])
+
+  useEffect(() => {
+    if (!assembledQuery) {
+      return
+    }
+
+    const subscription = getSubscription(assembledQuery, params, versionedClient).subscribe({
+      next: (d) => {
+        setDocuments(d.slice(0, limit))
+        setLoading(false)
+      },
+      error: (e) => {
+        setError(e)
+        setLoading(false)
+      },
+    })
+    // eslint-disable-next-line consistent-return
+    return () => {
+      subscription.unsubscribe()
+    }
+  }, [limit, versionedClient, assembledQuery, params])
+
+  return (
+    <DashboardWidgetContainer
+      header={title}
+      footer={
+        types &&
+        types.length === 1 &&
+        showCreateButton && (
+          <IntentButton
+            mode="bleed"
+            style={{width: '100%'}}
+            paddingX={2}
+            paddingY={4}
+            tone="primary"
+            type="button"
+            intent="create"
+            params={{type: types[0]}}
+            text={createButtonText || `Create new ${types[0]}`}
+          />
+        )
+      }
+    >
+      <Card>
+        {error && <div>{error.message}</div>}
+        {!error && loading && (
+          <Card padding={4}>
+            <Flex justify="center">
+              <Spinner muted />
+            </Flex>
+          </Card>
+        )}
+        {!error && !documents && !loading && <div>Could not locate any documents :/</div>}
+        <Stack space={2}>
+          {documents && documents.map((doc) => <MenuEntry key={doc._id} doc={doc} />)}
+        </Stack>
+      </Card>
+    </DashboardWidgetContainer>
+  )
+}
+
+function MenuEntry({doc}: {doc: SanityDocument}) {
+  const schema = useSchema()
+  const type = schema.get(doc._type)
+  return (
+    <Card flex={1}>
+      <IntentButton
+        intent="edit"
+        mode="bleed"
+        padding={1}
+        radius={0}
+        params={{
+          type: doc._type,
+          id: getPublishedId(doc._id),
+        }}
+        style={{width: '100%'}}
+      >
+        {type ? (
+          <SanityPreview layout="default" schemaType={type} value={doc} key={doc._id} />
+        ) : (
+          'Schema-type missing'
+        )}
+      </IntentButton>
+    </Card>
+  )
+}
+
+export default DocumentList

package/src/index.ts

@@ -0,0 +1 @@
+export {documentListWidget, type DocumentListWidgetConfig} from './plugin'

package/src/plugin.tsx

@@ -0,0 +1,17 @@
+import DocumentList, {DocumentListConfig} from './DocumentList'
+import React from 'react'
+import {LayoutConfig, DashboardWidget} from '@sanity/dashboard'
+
+export interface DocumentListWidgetConfig extends DocumentListConfig {
+  layout?: LayoutConfig
+}
+
+export function documentListWidget(config: DocumentListWidgetConfig): DashboardWidget {
+  return {
+    name: 'document-list-widget',
+    component: function component() {
+      return <DocumentList {...config} />
+    },
+    layout: config.layout,
+  }
+}

package/src/sanityConnector.ts

@@ -0,0 +1,67 @@
+import {Observable, of as observableOf} from 'rxjs'
+import {delay, mergeMap, switchMap, tap} from 'rxjs/operators'
+import uniqBy from 'lodash/uniqBy'
+import {SanityClient} from '@sanity/client'
+import {SanityDocument} from 'sanity'
+
+const draftId = (nonDraftDoc: SanityDocument) => `drafts.${nonDraftDoc._id}`
+
+function prepareDocumentList(
+  incoming: SanityDocument | SanityDocument[],
+  client: SanityClient
+): Promise<SanityDocument[]> {
+  if (!incoming) {
+    return Promise.resolve([])
+  }
+  const documents = Array.isArray(incoming) ? incoming : [incoming]
+
+  const ids = documents.filter((doc) => !doc._id.startsWith('drafts.')).map(draftId)
+
+  return client
+    .fetch<SanityDocument[]>('*[_id in $ids]', {ids})
+    .then((drafts) => {
+      const outgoing = documents.map((doc) => {
+        const foundDraft = drafts.find((draft) => draft._id === draftId(doc))
+        return foundDraft || doc
+      })
+      return uniqBy(outgoing, '_id')
+    })
+    .catch((error) => {
+      throw new Error(`Problems fetching docs ${ids}. Error: ${error.message}`)
+    })
+}
+
+export function getSubscription(
+  query: string,
+  params: Record<string, any>,
+  client: SanityClient
+): Observable<SanityDocument[]> {
+  return client
+    .listen(query, params, {
+      events: ['welcome', 'mutation'],
+      includeResult: false,
+      visibility: 'query',
+    })
+    .pipe(
+      switchMap((event) => {
+        return observableOf(1).pipe(
+          event.type === 'welcome' ? tap() : delay(1000),
+          mergeMap(() =>
+            client
+              .fetch(query, params)
+              .then((incoming) => {
+                return prepareDocumentList(incoming, client)
+              })
+              .catch((error) => {
+                if (error.message.startsWith('Problems fetching docs')) {
+                  throw error
+                }
+                throw new Error(
+                  `Query failed ${query} and ${JSON.stringify(params)}. Error: ${error.message}`
+                )
+              })
+          )
+        )
+      })
+    )
+}

package/v2-incompatible.js

@@ -0,0 +1,11 @@
+const {showIncompatiblePluginDialog} = require('@sanity/incompatible-plugin')
+const {name, version, sanityExchangeUrl} = require('./package.json')
+
+export default showIncompatiblePluginDialog({
+  name: name,
+  versions: {
+    v3: version,
+    v2: '^0.0.13',
+  },
+  sanityExchangeUrl,
+})

package/lib/DocumentList.css

@@ -1,34 +0,0 @@
-@import 'part:@sanity/base/theme/variables-style';
-
-.container {
-  composes: container from "part:@sanity/dashboard/widget-styles";
-}
-
-.header {
-  composes: header from "part:@sanity/dashboard/widget-styles";
-}
-
-.title {
-  composes: title from "part:@sanity/dashboard/widget-styles";
-}
-
-.content {
-  composes: content from 'part:@sanity/dashboard/widget-styles';
-  border-top: 1px solid var(--hairline-color);
-  padding: var(--small-padding) 0;
-}
-
-.link {
-  composes: item from 'part:@sanity/base/theme/layout/selectable-style';
-  display: block;
-  color: inherit;
-  text-decoration: inherit;
-  outline: none;
-  padding: var(--small-padding) var(--medium-padding);
-  height: 100%;
-}
-
-.footer {
-  composes: footer from 'part:@sanity/dashboard/widget-styles';
-  border-top: 1px solid var(--hairline-color);
-}

package/lib/DocumentList.js

@@ -1,196 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _router = require("part:@sanity/base/router");
-
-var _preview = _interopRequireDefault(require("part:@sanity/base/preview"));
-
-var _spinner = _interopRequireDefault(require("part:@sanity/components/loading/spinner"));
-
-var _schema = _interopRequireDefault(require("part:@sanity/base/schema"));
-
-var _intent = _interopRequireDefault(require("part:@sanity/components/buttons/intent"));
-
-var _default2 = require("part:@sanity/components/lists/default");
-
-var _draftUtils = require("part:@sanity/base/util/draft-utils");
-
-var _lodash = require("lodash");
-
-var _sanityConnector = require("./sanityConnector");
-
-var _DocumentList = _interopRequireDefault(require("./DocumentList.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var schemaTypeNames = _schema.default.getTypeNames();
-
-class DocumentList extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "state", {
-      documents: null,
-      loading: true,
-      error: null
-    });
-
-    _defineProperty(this, "componentDidMount", () => {
-      var _this$props = this.props,
-          query = _this$props.query,
-          limit = _this$props.limit,
-          apiVersion = _this$props.apiVersion;
-
-      var _this$assembleQuery = this.assembleQuery(),
-          assembledQuery = _this$assembleQuery.assembledQuery,
-          params = _this$assembleQuery.params;
-
-      if (!assembledQuery) {
-        return;
-      }
-
-      this.unsubscribe();
-      this.subscription = (0, _sanityConnector.getSubscription)(assembledQuery, params, apiVersion).subscribe({
-        next: documents => this.setState({
-          documents: documents.slice(0, limit),
-          loading: false
-        }),
-        error: _error => this.setState({
-          error: _error,
-          query,
-          loading: false
-        })
-      });
-    });
-
-    _defineProperty(this, "assembleQuery", () => {
-      var _this$props2 = this.props,
-          query = _this$props2.query,
-          queryParams = _this$props2.queryParams,
-          types = _this$props2.types,
-          order = _this$props2.order,
-          limit = _this$props2.limit;
-
-      if (query) {
-        return {
-          assembledQuery: query,
-          params: queryParams
-        };
-      }
-
-      var documentTypes = schemaTypeNames.filter(typeName => {
-        var schemaType = _schema.default.get(typeName);
-
-        return schemaType.type && schemaType.type.name === 'document';
-      });
-      return {
-        assembledQuery: "*[_type in $types] | order(".concat(order, ") [0...").concat(limit * 2, "]"),
-        params: {
-          types: types ? (0, _lodash.intersection)(types, documentTypes) : documentTypes
-        }
-      };
-    });
-  }
-
-  componentWillUnmount() {
-    this.unsubscribe();
-  }
-
-  unsubscribe() {
-    if (this.subscription) {
-      this.subscription.unsubscribe();
-    }
-  }
-
-  render() {
-    var _this$props3 = this.props,
-        title = _this$props3.title,
-        types = _this$props3.types,
-        showCreateButton = _this$props3.showCreateButton,
-        createButtonText = _this$props3.createButtonText;
-    var _this$state = this.state,
-        documents = _this$state.documents,
-        loading = _this$state.loading,
-        error = _this$state.error;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: _DocumentList.default.container
-    }, /*#__PURE__*/_react.default.createElement("header", {
-      className: _DocumentList.default.header
-    }, /*#__PURE__*/_react.default.createElement("h2", {
-      className: _DocumentList.default.title
-    }, title)), /*#__PURE__*/_react.default.createElement("div", {
-      className: _DocumentList.default.content
-    }, error && /*#__PURE__*/_react.default.createElement("div", null, error.message), !error && loading && /*#__PURE__*/_react.default.createElement(_spinner.default, {
-      center: true,
-      message: "Loading..."
-    }), !error && !documents && !loading && /*#__PURE__*/_react.default.createElement("div", null, "Could not locate any documents :/"), /*#__PURE__*/_react.default.createElement(_default2.List, null, documents && documents.map(doc => {
-      var type = _schema.default.get(doc._type);
-
-      return /*#__PURE__*/_react.default.createElement(_default2.Item, {
-        key: doc._id
-      }, /*#__PURE__*/_react.default.createElement(_router.IntentLink, {
-        intent: "edit",
-        params: {
-          type: doc._type,
-          id: (0, _draftUtils.getPublishedId)(doc._id)
-        },
-        className: _DocumentList.default.link
-      }, /*#__PURE__*/_react.default.createElement(_preview.default, {
-        layout: "default",
-        type: type,
-        value: doc,
-        key: doc._id
-      })));
-    }))), types && types.length === 1 && showCreateButton && /*#__PURE__*/_react.default.createElement("div", {
-      className: _DocumentList.default.footer
-    }, /*#__PURE__*/_react.default.createElement(_intent.default, {
-      bleed: true,
-      color: "primary",
-      kind: "simple",
-      intent: "create",
-      params: {
-        type: types[0]
-      }
-    }, createButtonText || "Create new ".concat(types[0]))));
-  }
-
-}
-
-_defineProperty(DocumentList, "propTypes", {
-  title: _propTypes.default.string,
-  types: _propTypes.default.arrayOf(_propTypes.default.string),
-  query: _propTypes.default.string,
-  queryParams: _propTypes.default.object,
-  // eslint-disable-line react/forbid-prop-types
-  order: _propTypes.default.string,
-  limit: _propTypes.default.number,
-  showCreateButton: _propTypes.default.bool,
-  createButtonText: _propTypes.default.string,
-  apiVersion: _propTypes.default.string
-});
-
-_defineProperty(DocumentList, "defaultProps", {
-  title: 'Last created',
-  order: '_createdAt desc',
-  limit: 10,
-  types: null,
-  query: null,
-  queryParams: {},
-  showCreateButton: true,
-  createButtonText: null,
-  apiVersion: 'v1'
-});
-
-var _default = DocumentList;
-exports.default = _default;
-//# sourceMappingURL=DocumentList.js.map

package/lib/DocumentList.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/DocumentList.js"],"names":["schemaTypeNames","schema","getTypeNames","DocumentList","React","Component","documents","loading","error","props","query","limit","apiVersion","assembleQuery","assembledQuery","params","unsubscribe","subscription","subscribe","next","setState","slice","queryParams","types","order","documentTypes","filter","typeName","schemaType","get","type","name","componentWillUnmount","render","title","showCreateButton","createButtonText","state","styles","container","header","content","message","map","doc","_type","_id","id","link","length","footer","PropTypes","string","arrayOf","object","number","bool"],"mappings":"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","sourcesContent":["/* eslint-disable complexity */\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport {IntentLink} from 'part:@sanity/base/router'\nimport SanityPreview from 'part:@sanity/base/preview'\nimport Spinner from 'part:@sanity/components/loading/spinner'\nimport schema from 'part:@sanity/base/schema'\nimport IntentButton from 'part:@sanity/components/buttons/intent'\nimport {List, Item} from 'part:@sanity/components/lists/default'\nimport {getPublishedId} from 'part:@sanity/base/util/draft-utils'\nimport {intersection} from 'lodash'\nimport {getSubscription} from './sanityConnector'\nimport styles from './DocumentList.css'\n\nconst schemaTypeNames = schema.getTypeNames()\n\nclass DocumentList extends React.Component {\n\n  state = {\n    documents: null,\n    loading: true,\n    error: null\n  }\n\n  static propTypes = {\n    title: PropTypes.string,\n    types: PropTypes.arrayOf(PropTypes.string),\n    query: PropTypes.string,\n    queryParams: PropTypes.object, // eslint-disable-line react/forbid-prop-types\n    order: PropTypes.string,\n    limit: PropTypes.number,\n    showCreateButton: PropTypes.bool,\n    createButtonText: PropTypes.string,\n    apiVersion: PropTypes.string\n  }\n\n  static defaultProps = {\n    title: 'Last created',\n    order: '_createdAt desc',\n    limit: 10,\n    types: null,\n    query: null,\n    queryParams: {},\n    showCreateButton: true,\n    createButtonText: null,\n    apiVersion: 'v1'\n  }\n\n  componentDidMount = () => {\n    const {query, limit, apiVersion} = this.props\n    const {assembledQuery, params} = this.assembleQuery()\n    if (!assembledQuery) {\n      return\n    }\n\n    this.unsubscribe()\n    this.subscription = getSubscription(assembledQuery, params, apiVersion)\n      .subscribe({\n        next: documents =>\n          this.setState({documents: documents.slice(0, limit), loading: false}),\n        error: error =>\n          this.setState({error, query, loading: false})\n      })\n  }\n\n  componentWillUnmount() {\n    this.unsubscribe()\n  }\n\n  unsubscribe() {\n    if (this.subscription) {\n      this.subscription.unsubscribe()\n    }\n  }\n\n  assembleQuery = () => {\n    const {query, queryParams, types, order, limit} = this.props\n    if (query) {\n      return {assembledQuery: query, params: queryParams}\n    }\n\n    const documentTypes = schemaTypeNames.filter(typeName => {\n      const schemaType = schema.get(typeName)\n      return schemaType.type && schemaType.type.name === 'document'\n    })\n\n    return {\n      assembledQuery: `*[_type in $types] | order(${order}) [0...${limit * 2}]`,\n      params: {types: types ? intersection(types, documentTypes) : documentTypes}\n    }\n  }\n\n\n  render() {\n    const {title, types, showCreateButton, createButtonText} = this.props\n    const {documents, loading, error} = this.state\n\n    return (\n      <div className={styles.container}>\n        <header className={styles.header}>\n          <h2 className={styles.title}>{title}</h2>\n        </header>\n        <div className={styles.content}>\n          {error && <div>{error.message}</div>}\n          {!error && loading && <Spinner center message=\"Loading...\" />}\n          {(!error && !documents && !loading) && <div>Could not locate any documents :/</div>}\n          <List>\n            {documents && documents.map(doc => {\n              const type = schema.get(doc._type)\n              return (\n                <Item key={doc._id}>\n                  <IntentLink\n                    intent=\"edit\"\n                    params={{\n                      type: doc._type,\n                      id: getPublishedId(doc._id)\n                    }}\n                    className={styles.link}\n                  >\n                    <SanityPreview layout=\"default\" type={type} value={doc} key={doc._id} />\n                  </IntentLink>\n                </Item>\n              )\n\n            })}\n          </List>\n        </div>\n        {types && types.length === 1 && showCreateButton && (\n          <div className={styles.footer}>\n            <IntentButton bleed color=\"primary\" kind=\"simple\" intent=\"create\" params={{type: types[0]}}>\n              {createButtonText || `Create new ${types[0]}`}\n            </IntentButton>\n          </div>\n        )}\n      </div>\n    )\n  }\n}\n\nexport default DocumentList\n"],"file":"DocumentList.js"}

package/lib/sanityConnector.js

@@ -1,64 +0,0 @@
-"use strict";
-
-var _rxjs = require("rxjs");
-
-var _operators = require("rxjs/operators");
-
-var _lodash = require("lodash");
-
-var _client = _interopRequireDefault(require("part:@sanity/base/client"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var withConfig = config => {
-  return typeof _client.default.withConfig === 'function' ? _client.default.withConfig(config) : _client.default;
-};
-
-var draftId = nonDraftDoc => "drafts.".concat(nonDraftDoc._id);
-
-var prepareDocumentList = (incoming, apiVersion) => {
-  if (!incoming) {
-    return Promise.resolve([]);
-  }
-
-  var documents = Array.isArray(incoming) ? incoming : [incoming];
-  var ids = documents.filter(doc => !doc._id.startsWith('drafts.')).map(draftId);
-  return withConfig({
-    apiVersion
-  }).fetch('*[_id in $ids]', {
-    ids
-  }).then(drafts => {
-    var outgoing = documents.map(doc => {
-      var foundDraft = drafts.find(draft => draft._id === draftId(doc));
-      return foundDraft || doc;
-    });
-    return (0, _lodash.uniqBy)(outgoing, '_id');
-  }).catch(error => {
-    throw new Error("Problems fetching docs ".concat(ids, ". Error: ").concat(error.message));
-  });
-};
-
-var getSubscription = (query, params, apiVersion) => withConfig({
-  apiVersion
-}).listen(query, params, {
-  events: ['welcome', 'mutation'],
-  includeResult: false,
-  visibility: 'query'
-}).pipe((0, _operators.switchMap)(event => {
-  return (0, _rxjs.of)(1).pipe(event.type === 'welcome' ? (0, _operators.tap)() : (0, _operators.delay)(1000), (0, _operators.mergeMap)(() => withConfig({
-    apiVersion
-  }).fetch(query, params).then(incoming => {
-    return prepareDocumentList(incoming, apiVersion);
-  }).catch(error => {
-    if (error.message.startsWith('Problems fetching docs')) {
-      throw error;
-    }
-
-    throw new Error("Query failed ".concat(query, " and ").concat(JSON.stringify(params), ". Error: ").concat(error.message));
-  })));
-}));
-
-module.exports = {
-  getSubscription
-};
-//# sourceMappingURL=sanityConnector.js.map

package/lib/sanityConnector.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/sanityConnector.js"],"names":["withConfig","config","sanityClient","draftId","nonDraftDoc","_id","prepareDocumentList","incoming","apiVersion","Promise","resolve","documents","Array","isArray","ids","filter","doc","startsWith","map","fetch","then","drafts","outgoing","foundDraft","find","draft","catch","error","Error","message","getSubscription","query","params","listen","events","includeResult","visibility","pipe","event","type","JSON","stringify","module","exports"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,UAAU,GAAGC,MAAM,IAAI;AAC3B,SAAO,OAAOC,gBAAaF,UAApB,KAAmC,UAAnC,GACHE,gBAAaF,UAAb,CAAwBC,MAAxB,CADG,GAEHC,eAFJ;AAGD,CAJD;;AAMA,IAAMC,OAAO,GAAGC,WAAW,qBAAcA,WAAW,CAACC,GAA1B,CAA3B;;AAEA,IAAMC,mBAAmB,GAAG,CAACC,QAAD,EAAWC,UAAX,KAA0B;AACpD,MAAI,CAACD,QAAL,EAAe;AACb,WAAOE,OAAO,CAACC,OAAR,CAAgB,EAAhB,CAAP;AACD;;AACD,MAAMC,SAAS,GAAGC,KAAK,CAACC,OAAN,CAAcN,QAAd,IAA0BA,QAA1B,GAAqC,CAACA,QAAD,CAAvD;AAEA,MAAMO,GAAG,GAAGH,SAAS,CAClBI,MADS,CACFC,GAAG,IAAI,CAACA,GAAG,CAACX,GAAJ,CAAQY,UAAR,CAAmB,SAAnB,CADN,EAETC,GAFS,CAELf,OAFK,CAAZ;AAIA,SAAOH,UAAU,CAAC;AAACQ,IAAAA;AAAD,GAAD,CAAV,CAAyBW,KAAzB,CAA+B,gBAA/B,EAAiD;AAACL,IAAAA;AAAD,GAAjD,EACJM,IADI,CACCC,MAAM,IAAI;AACd,QAAMC,QAAQ,GAAGX,SAAS,CAACO,GAAV,CAAcF,GAAG,IAAI;AACpC,UAAMO,UAAU,GAAGF,MAAM,CAACG,IAAP,CAAYC,KAAK,IAAIA,KAAK,CAACpB,GAAN,KAAcF,OAAO,CAACa,GAAD,CAA1C,CAAnB;AACA,aAAOO,UAAU,IAAIP,GAArB;AACD,KAHgB,CAAjB;AAIA,WAAO,oBAAOM,QAAP,EAAiB,KAAjB,CAAP;AACD,GAPI,EAQJI,KARI,CAQEC,KAAK,IAAI;AACd,UAAM,IAAIC,KAAJ,kCAAoCd,GAApC,sBAAmDa,KAAK,CAACE,OAAzD,EAAN;AACD,GAVI,CAAP;AAWD,CArBD;;AAuBA,IAAMC,eAAe,GAAG,CAACC,KAAD,EAAQC,MAAR,EAAgBxB,UAAhB,KACtBR,UAAU,CAAC;AAACQ,EAAAA;AAAD,CAAD,CAAV,CACGyB,MADH,CACUF,KADV,EACiBC,MADjB,EACyB;AAACE,EAAAA,MAAM,EAAE,CAAC,SAAD,EAAY,UAAZ,CAAT;AAAkCC,EAAAA,aAAa,EAAE,KAAjD;AAAwDC,EAAAA,UAAU,EAAE;AAApE,CADzB,EAEGC,IAFH,CAEQ,0BAAUC,KAAK,IAAI;AACvB,SAAO,cAAa,CAAb,EAAgBD,IAAhB,CACLC,KAAK,CAACC,IAAN,KAAe,SAAf,GAA2B,qBAA3B,GAAmC,sBAAM,IAAN,CAD9B,EAEL,yBAAS,MAAMvC,UAAU,CAAC;AAACQ,IAAAA;AAAD,GAAD,CAAV,CAAyBW,KAAzB,CAA+BY,KAA/B,EAAsCC,MAAtC,EACZZ,IADY,CACPb,QAAQ,IAAI;AAChB,WAAOD,mBAAmB,CAACC,QAAD,EAAWC,UAAX,CAA1B;AACD,GAHY,EAIZkB,KAJY,CAINC,KAAK,IAAI;AACd,QAAIA,KAAK,CAACE,OAAN,CAAcZ,UAAd,CAAyB,wBAAzB,CAAJ,EAAwD;AACtD,YAAMU,KAAN;AACD;;AACD,UAAM,IAAIC,KAAJ,wBAA0BG,KAA1B,kBAAuCS,IAAI,CAACC,SAAL,CAAeT,MAAf,CAAvC,sBAAyEL,KAAK,CAACE,OAA/E,EAAN;AACD,GATY,CAAf,CAFK,CAAP;AAaD,CAdK,CAFR,CADF;;AAoBAa,MAAM,CAACC,OAAP,GAAiB;AACfb,EAAAA;AADe,CAAjB","sourcesContent":["import {of as observableOf} from 'rxjs'\nimport {switchMap, delay, tap, mergeMap} from 'rxjs/operators'\nimport {uniqBy} from 'lodash'\nimport sanityClient from 'part:@sanity/base/client'\n\nconst withConfig = config => {\n  return typeof sanityClient.withConfig === 'function'\n    ? sanityClient.withConfig(config)\n    : sanityClient\n}\n\nconst draftId = nonDraftDoc => `drafts.${nonDraftDoc._id}`\n\nconst prepareDocumentList = (incoming, apiVersion) => {\n  if (!incoming) {\n    return Promise.resolve([])\n  }\n  const documents = Array.isArray(incoming) ? incoming : [incoming]\n\n  const ids = documents\n    .filter(doc => !doc._id.startsWith('drafts.'))\n    .map(draftId)\n\n  return withConfig({apiVersion}).fetch('*[_id in $ids]', {ids})\n    .then(drafts => {\n      const outgoing = documents.map(doc => {\n        const foundDraft = drafts.find(draft => draft._id === draftId(doc))\n        return foundDraft || doc\n      })\n      return uniqBy(outgoing, '_id')\n    })\n    .catch(error => {\n      throw new Error(`Problems fetching docs ${ids}. Error: ${error.message}`)\n    })\n}\n\nconst getSubscription = (query, params, apiVersion) =>\n  withConfig({apiVersion})\n    .listen(query, params, {events: ['welcome', 'mutation'], includeResult: false, visibility: 'query'})\n    .pipe(switchMap(event => {\n      return observableOf(1).pipe(\n        event.type === 'welcome' ? tap() : delay(1000),\n        mergeMap(() => withConfig({apiVersion}).fetch(query, params)\n          .then(incoming => {\n            return prepareDocumentList(incoming, apiVersion)\n          })\n          .catch(error => {\n            if (error.message.startsWith('Problems fetching docs')) {\n              throw error\n            }\n            throw new Error(`Query failed ${query} and ${JSON.stringify(params)}. Error: ${error.message}`)\n          }))\n      )\n    }))\n\n\nmodule.exports = {\n  getSubscription\n}\n"],"file":"sanityConnector.js"}