sanity-plugin-dashboard-widget-document-list 0.0.13 → 3.0.0-studio-v3.2

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAAA;ACAA;;;;;ACAA;;;AAMA,MAAM,6BAAO,GAAG,CAAC,WAA2B,GAAK,CAAC,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;AAE5E,SAAS,yCAAmB,CAC1B,QAA2C,EAC3C,MAAoB,EACO;IAC3B,IAAI,CAAC,QAAQ,EACX,OAAO,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;IAE5B,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,GAAG;QAAC,QAAQ;KAAC;IAEjE,MAAM,GAAG,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,GAAK,CAAC,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,6BAAO,CAAC;IAElF,OAAO,MAAM,CACV,KAAK,CAAC,gBAAgB,EAAE;aAAC,GAAG;KAAC,CAAC,CAC9B,IAAI,CAAC,CAAC,MAAM,GAAK;QAChB,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,GAAK;YACtC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,GAAK,KAAK,CAAC,GAAG,KAAK,6BAAO,CAAC,GAAG,CAAC,CAAC;YACrE,OAAO,UAAU,IAAI,GAAG,CAAA;SACzB,CAAC;QACF,OAAO,CAAA,GAAA,mBAAM,CAAA,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;KAC/B,CAAC,CACD,KAAK,CAAC,CAAC,KAAK,GAAK;QAChB,MAAM,IAAI,KAAK,CAAC,CAAC,uBAAuB,EAAE,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;KAC1E,CAAC,CAAA;CACL;AAEM,SAAS,yCAAe,CAC7B,KAAa,EACb,MAA2B,EAC3B,MAAoB,EACU;IAC9B,OAAO,MAAM,CACV,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE;QACrB,MAAM,EAAE;YAAC,SAAS;YAAE,UAAU;SAAC;QAC/B,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,OAAO;KACpB,CAAC,CACD,IAAI,CACH,CAAA,GAAA,gBAAS,CAAA,CAAC,CAAC,KAAK,GAAK;QACnB,OAAO,CAAA,GAAA,SAAY,CAAA,CAAC,CAAC,CAAC,CAAC,IAAI,CACzB,KAAK,CAAC,IAAI,KAAK,SAAS,GAAG,CAAA,GAAA,UAAG,CAAA,EAAE,GAAG,CAAA,GAAA,YAAK,CAAA,CAAC,IAAI,CAAC,EAC9C,CAAA,GAAA,eAAQ,CAAA,CAAC,IACP,MAAM,CACH,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,CACpB,IAAI,CAAC,CAAC,QAAQ,GAAK;gBAClB,OAAO,yCAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;aAC7C,CAAC,CACD,KAAK,CAAC,CAAC,KAAK,GAAK;gBAChB,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,CAAC,EACpD,MAAM,KAAK,CAAA;gBAEb,MAAM,IAAI,KAAK,CACb,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAC/E,CAAA;aACF,CAAC,CACL,CACF,CAAA;KACF,CAAC,CACH,CAAA;CACJ;;;;;AD7CD,MAAM,kCAAY,GAAG;IACnB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,EAAE;IACf,gBAAgB,EAAE,IAAI;IACtB,UAAU,EAAE,IAAI;CACjB;AAEM,SAAS,yCAAY,CAAC,KAAyB,EAAE;IACtD,MAAM,SACJ,KAAK,CAAA,SACL,KAAK,CAAA,cACL,UAAU,CAAA,eACV,WAAW,CAAA,SACX,KAAK,CAAA,SACL,KAAK,CAAA,SACL,KAAK,CAAA,oBACL,gBAAgB,CAAA,oBAChB,gBAAgB,CAAA,IACjB,GAAG;QACF,GAAG,kCAAY;QACf,GAAG,KAAK;KACT;IAED,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,CAAA,GAAA,eAAQ,CAAA,EAAgC;IAC1E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,CAAA,GAAA,eAAQ,CAAA,CAAU,IAAI,CAAC;IACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAA,GAAA,eAAQ,CAAA,EAAqB;IAEvD,MAAM,MAAM,GAAG,CAAA,GAAA,gBAAS,CAAA,EAAE;IAC1B,MAAM,MAAM,GAAG,CAAA,GAAA,gBAAS,CAAA,EAAE;IAC1B,MAAM,eAAe,GAAG,CAAA,GAAA,cAAO,CAAA,CAAC,IAAM,MAAM,CAAC,UAAU,CAAC;wBAAC,UAAU;SAAC,CAAC,EAAE;QAAC,MAAM;QAAE,UAAU;KAAC,CAAC;IAE5F,MAAM,kBAAC,cAAc,CAAA,UAAE,MAAM,CAAA,EAAC,GAAG,CAAA,GAAA,cAAO,CAAA,CAAC,IAAM;QAC7C,IAAI,KAAK,EACP,OAAO;YAAC,cAAc,EAAE,KAAK;YAAE,MAAM,EAAE,WAAW;SAAC,CAAA;QAGrD,MAAM,aAAa,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,CAAC,QAAQ,GAAK;YAC/D,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC;YACvC,OAAO,UAAU,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU,CAAA;SAC9D,CAAC;QAEF,OAAO;YACL,cAAc,EAAE,CAAC,2BAA2B,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;YACzE,MAAM,EAAE;gBAAC,KAAK,EAAE,KAAK,GAAG,CAAA,GAAA,mBAAY,CAAA,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,aAAa;aAAC;SAC5E,CAAA;KACF,EAAE;QAAC,MAAM;QAAE,KAAK;QAAE,WAAW;QAAE,KAAK;QAAE,KAAK;QAAE,KAAK;KAAC,CAAC;IAErD,CAAA,GAAA,gBAAS,CAAA,CAAC,IAAM;QACd,IAAI,CAAC,cAAc,EACjB,OAAM;QAGR,MAAM,YAAY,GAAG,CAAA,GAAA,yCAAe,CAAA,CAAC,cAAc,EAAE,MAAM,EAAE,eAAe,CAAC,CAAC,SAAS,CAAC;YACtF,IAAI,EAAE,CAAC,CAAC,GAAK;gBACX,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;gBAC/B,UAAU,CAAC,KAAK,CAAC;aAClB;YACD,KAAK,EAAE,CAAC,CAAC,GAAK;gBACZ,QAAQ,CAAC,CAAC,CAAC;gBACX,UAAU,CAAC,KAAK,CAAC;aAClB;SACF,CAAC;QACF,6CAA6C;QAC7C,OAAO,IAAM;YACX,YAAY,CAAC,WAAW,EAAE;SAC3B,CAAA;KACF,EAAE;QAAC,KAAK;QAAE,eAAe;QAAE,cAAc;QAAE,MAAM;KAAC,CAAC;IAEpD,qBACE,gBAAC,CAAA,GAAA,+BAAwB,CAAA;QACvB,MAAM,EAAE,KAAK;QACb,MAAM,EACJ,KAAK,IACL,KAAK,CAAC,MAAM,KAAK,CAAC,IAClB,gBAAgB,kBACd,gBAAC,CAAA,GAAA,mBAAY,CAAA;YACX,IAAI,EAAC,OAAO;YACZ,KAAK,EAAE;gBAAC,KAAK,EAAE,MAAM;aAAC;YACtB,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;YACX,IAAI,EAAC,SAAS;YACd,IAAI,EAAC,QAAQ;YACb,MAAM,EAAC,QAAQ;YACf,MAAM,EAAE;gBAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;aAAC;YACxB,IAAI,EAAE,gBAAgB,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;UAClD,AACH;kBAGH,cAAA,iBAAC,CAAA,GAAA,WAAI,CAAA;;gBACF,KAAK,kBAAI,gBAAC,KAAG;8BAAE,KAAK,CAAC,OAAO;kBAAO;gBACnC,CAAC,KAAK,IAAI,OAAO,kBAChB,gBAAC,CAAA,GAAA,WAAI,CAAA;oBAAC,OAAO,EAAE,CAAC;8BACd,cAAA,gBAAC,CAAA,GAAA,WAAI,CAAA;wBAAC,OAAO,EAAC,QAAQ;kCACpB,cAAA,gBAAC,CAAA,GAAA,cAAO,CAAA;4BAAC,KAAK;0BAAG;sBACZ;kBACF,AACR;gBACA,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,kBAAI,gBAAC,KAAG;8BAAC,mCAAiC;kBAAM;8BACjF,gBAAC,CAAA,GAAA,YAAK,CAAA;oBAAC,KAAK,EAAE,CAAC;8BACZ,SAAS,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,iBAAK,gBAAC,+BAAS;4BAAe,GAAG,EAAE,GAAG;2BAAjB,GAAG,CAAC,GAAG,CAAc,CAAC;kBACrE;;UACH;MACkB,CAC5B;CACF;AAED,SAAS,+BAAS,CAAC,OAAC,GAAG,CAAA,EAAwB,EAAE;IAC/C,MAAM,MAAM,GAAG,CAAA,GAAA,gBAAS,CAAA,EAAE;IAC1B,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;IAClC,qBACE,gBAAC,CAAA,GAAA,WAAI,CAAA;QAAC,IAAI,EAAE,CAAC;kBACX,cAAA,gBAAC,CAAA,GAAA,mBAAY,CAAA;YACX,MAAM,EAAC,MAAM;YACb,IAAI,EAAC,OAAO;YACZ,OAAO,EAAE,CAAC;YACV,MAAM,EAAE,CAAC;YACT,MAAM,EAAE;gBACN,IAAI,EAAE,GAAG,CAAC,KAAK;gBACf,EAAE,EAAE,CAAA,GAAA,qBAAc,CAAA,CAAC,GAAG,CAAC,GAAG,CAAC;aAC5B;YACD,KAAK,EAAE;gBAAC,KAAK,EAAE,MAAM;aAAC;sBAEtB,cAAA,gBAAC,CAAA,GAAA,oBAAa,CAAA;gBAAC,MAAM,EAAC,SAAS;gBAAC,IAAI,EAAE,IAAI;gBAAE,KAAK,EAAE,GAAG;eAAO,GAAG,CAAC,GAAG,CAAI;UAC3D;MACV,CACR;CACF;IAED,wCAA2B,GAAZ,yCAAY;;;;ADhJpB,SAAS,wCAAkB,CAAC,MAAgC,EAAmB;IACpF,OAAO;QACL,IAAI,EAAE,sBAAsB;QAC5B,SAAS,EAAE,SAAS,SAAS,GAAG;YAC9B,qBAAO,gBAAC,CAAA,GAAA,wCAAY,CAAA;gBAAE,GAAG,MAAM;cAAI,CAAA;SACpC;QACD,MAAM,EAAE,MAAM,CAAC,MAAM;KACtB,CAAA;CACF","sources":["src/index.tsx","src/DocumentList.tsx","src/sanityConnector.ts"],"sourcesContent":["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","import React, {useEffect, useMemo, useState} from 'react'\nimport {IntentButton, SanityPreview} from 'sanity/_unstable'\nimport {getPublishedId, useClient, useSchema} from 'sanity'\nimport {intersection} from 'lodash'\nimport {getSubscription} from './sanityConnector'\nimport {SanityDocument} from '@sanity/types'\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 client = useClient()\n  const schema = useSchema()\n  const versionedClient = useMemo(() => client.withConfig({apiVersion}), [client, apiVersion])\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 && 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        <SanityPreview layout=\"default\" type={type} value={doc} key={doc._id} />\n      </IntentButton>\n    </Card>\n  )\n}\n\nexport default DocumentList\n","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/types'\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('*[_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"],"names":[],"version":3,"file":"index.js.map"}

package/lib/types/index.d.ts

@@ -0,0 +1,18 @@
+import { LayoutConfig, DashboardWidget } from "@sanity/dashboard";
+interface DocumentListConfig {
+    title?: string;
+    types?: string[];
+    query?: string;
+    queryParams?: Record<string, any>;
+    order?: string;
+    limit?: number;
+    showCreateButton?: boolean;
+    createButtonText?: string;
+    apiVersion?: string;
+}
+export interface DocumentListWidgetConfig extends DocumentListConfig {
+    layout?: LayoutConfig;
+}
+export function documentListWidget(config: DocumentListWidgetConfig): DashboardWidget;
+
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"mappings":";ACSA;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;ACfD,yCAA0C,SAAQ,kBAAkB;IAClE,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAED,mCAAmC,MAAM,EAAE,wBAAwB,GAAG,eAAe,CAQpF","sources":["src/src/sanityConnector.ts","src/src/DocumentList.tsx","src/src/index.tsx","src/index.tsx"],"sourcesContent":[null,null,null,"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":[],"version":3,"file":"index.d.ts.map"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "public": true,
   "name": "sanity-plugin-dashboard-widget-document-list",
-  "version": "0.0.13",
+  "version": "3.0.0-studio-v3.2",
   "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",
@@ -13,37 +13,68 @@
     "widget",
     "documents"
   ],
-  "main": "lib/index.js",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/sanity-io/dashboard-widget-document-list/issues"
+  "source": "./src/index.tsx",
+  "exports": {
+    ".": {
+      "require": "./lib/cjs/index.js",
+      "default": "./lib/esm/index.js"
+    }
   },
+  "main": "./lib/cjs/index.js",
+  "module": "./lib/esm/index.js",
+  "types": "./lib/types/index.d.ts",
+  "files": [
+    "src",
+    "lib"
+  ],
   "scripts": {
-    "build": "sanipack build",
-    "test": "sanipack verify",
     "clean": "rimraf lib",
-    "prebuild": "npm run clean",
-    "prepublishOnly": "npm run build && npm test"
+    "prebuild": "npm run clean && tsc --noEmit",
+    "build": "parcel build",
+    "watch": "parcel watch",
+    "prepublishOnly": "npm run build",
+    "compile": "tsc --noEmit",
+    "lint": "eslint ."
+  },
+  "sanityPlugin": {},
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/sanity-io/dashboard-widget-document-list/issues"
   },
   "repository": {
     "type": "git",
     "url": "git+https://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"
+    "@commitlint/cli": "^16.2.4",
+    "@commitlint/config-conventional": "^16.2.4",
+    "@parcel/packager-ts": "^2.6.0",
+    "@parcel/transformer-typescript-types": "^2.6.0",
+    "@types/react": "^17.0.0 || ^18.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.12.0",
+    "@typescript-eslint/parser": "^5.12.0",
+    "eslint": "^8.7.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-config-sanity": "^5.1.0",
+    "eslint-plugin-prettier": "4.0.0",
+    "eslint-plugin-react": "^7.28.0",
+    "eslint-plugin-react-hooks": "^4.5.0",
+    "husky": "^7.0.0",
+    "parcel": "^2.6.0",
+    "prettier": "^2.6.2",
+    "react": "^17.0.0 || ^18.0.0",
+    "rimraf": "^3.0.2",
+    "sanity": "purple-unicorn",
+    "typescript": "^4.7.3"
   },
   "peerDependencies": {
-    "@sanity/base": ">=1",
-    "react": "^16 || ^17"
+    "react": "^17.0.0 || ^18.0.0",
+    "sanity": "purple-unicorn"
   },
   "dependencies": {
+    "@sanity/ui": "^0.37.9",
+    "@sanity/dashboard": "studio-v3",
     "lodash": "^4.17.15",
-    "prop-types": "^15.7.2",
     "rxjs": "^6.0.0"
   }
 }

package/src/DocumentList.tsx

@@ -0,0 +1,153 @@
+import React, {useEffect, useMemo, useState} from 'react'
+import {IntentButton, SanityPreview} from 'sanity/_unstable'
+import {getPublishedId, useClient, useSchema} from 'sanity'
+import {intersection} from 'lodash'
+import {getSubscription} from './sanityConnector'
+import {SanityDocument} from '@sanity/types'
+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 client = useClient()
+  const schema = useSchema()
+  const versionedClient = useMemo(() => client.withConfig({apiVersion}), [client, apiVersion])
+
+  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 && 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%'}}
+      >
+        <SanityPreview layout="default" type={type} value={doc} key={doc._id} />
+      </IntentButton>
+    </Card>
+  )
+}
+
+export default DocumentList

package/src/index.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/types'
+
+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('*[_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/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":";;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,eAAe,GAAGC,gBAAOC,YAAP,EAAxB;;AAEA,MAAMC,YAAN,SAA2BC,eAAMC,SAAjC,CAA2C;AAAA;AAAA;;AAAA,mCAEjC;AACNC,MAAAA,SAAS,EAAE,IADL;AAENC,MAAAA,OAAO,EAAE,IAFH;AAGNC,MAAAA,KAAK,EAAE;AAHD,KAFiC;;AAAA,+CAgCrB,MAAM;AAAA,wBACW,KAAKC,KADhB;AAAA,UACjBC,KADiB,eACjBA,KADiB;AAAA,UACVC,KADU,eACVA,KADU;AAAA,UACHC,UADG,eACHA,UADG;;AAAA,gCAES,KAAKC,aAAL,EAFT;AAAA,UAEjBC,cAFiB,uBAEjBA,cAFiB;AAAA,UAEDC,MAFC,uBAEDA,MAFC;;AAGxB,UAAI,CAACD,cAAL,EAAqB;AACnB;AACD;;AAED,WAAKE,WAAL;AACA,WAAKC,YAAL,GAAoB,sCAAgBH,cAAhB,EAAgCC,MAAhC,EAAwCH,UAAxC,EACjBM,SADiB,CACP;AACTC,QAAAA,IAAI,EAAEb,SAAS,IACb,KAAKc,QAAL,CAAc;AAACd,UAAAA,SAAS,EAAEA,SAAS,CAACe,KAAV,CAAgB,CAAhB,EAAmBV,KAAnB,CAAZ;AAAuCJ,UAAAA,OAAO,EAAE;AAAhD,SAAd,CAFO;AAGTC,QAAAA,KAAK,EAAEA,MAAK,IACV,KAAKY,QAAL,CAAc;AAACZ,UAAAA,KAAK,EAALA,MAAD;AAAQE,UAAAA,KAAR;AAAeH,UAAAA,OAAO,EAAE;AAAxB,SAAd;AAJO,OADO,CAApB;AAOD,KA/CwC;;AAAA,2CA2DzB,MAAM;AAAA,yBAC8B,KAAKE,KADnC;AAAA,UACbC,KADa,gBACbA,KADa;AAAA,UACNY,WADM,gBACNA,WADM;AAAA,UACOC,KADP,gBACOA,KADP;AAAA,UACcC,KADd,gBACcA,KADd;AAAA,UACqBb,KADrB,gBACqBA,KADrB;;AAEpB,UAAID,KAAJ,EAAW;AACT,eAAO;AAACI,UAAAA,cAAc,EAAEJ,KAAjB;AAAwBK,UAAAA,MAAM,EAAEO;AAAhC,SAAP;AACD;;AAED,UAAMG,aAAa,GAAGzB,eAAe,CAAC0B,MAAhB,CAAuBC,QAAQ,IAAI;AACvD,YAAMC,UAAU,GAAG3B,gBAAO4B,GAAP,CAAWF,QAAX,CAAnB;;AACA,eAAOC,UAAU,CAACE,IAAX,IAAmBF,UAAU,CAACE,IAAX,CAAgBC,IAAhB,KAAyB,UAAnD;AACD,OAHqB,CAAtB;AAKA,aAAO;AACLjB,QAAAA,cAAc,uCAAgCU,KAAhC,oBAA+Cb,KAAK,GAAG,CAAvD,MADT;AAELI,QAAAA,MAAM,EAAE;AAACQ,UAAAA,KAAK,EAAEA,KAAK,GAAG,0BAAaA,KAAb,EAAoBE,aAApB,CAAH,GAAwCA;AAArD;AAFH,OAAP;AAID,KA1EwC;AAAA;;AAiDzCO,EAAAA,oBAAoB,GAAG;AACrB,SAAKhB,WAAL;AACD;;AAEDA,EAAAA,WAAW,GAAG;AACZ,QAAI,KAAKC,YAAT,EAAuB;AACrB,WAAKA,YAAL,CAAkBD,WAAlB;AACD;AACF;;AAoBDiB,EAAAA,MAAM,GAAG;AAAA,uBACoD,KAAKxB,KADzD;AAAA,QACAyB,KADA,gBACAA,KADA;AAAA,QACOX,KADP,gBACOA,KADP;AAAA,QACcY,gBADd,gBACcA,gBADd;AAAA,QACgCC,gBADhC,gBACgCA,gBADhC;AAAA,sBAE6B,KAAKC,KAFlC;AAAA,QAEA/B,SAFA,eAEAA,SAFA;AAAA,QAEWC,OAFX,eAEWA,OAFX;AAAA,QAEoBC,KAFpB,eAEoBA,KAFpB;AAIP,wBACE;AAAK,MAAA,SAAS,EAAE8B,sBAAOC;AAAvB,oBACE;AAAQ,MAAA,SAAS,EAAED,sBAAOE;AAA1B,oBACE;AAAI,MAAA,SAAS,EAAEF,sBAAOJ;AAAtB,OAA8BA,KAA9B,CADF,CADF,eAIE;AAAK,MAAA,SAAS,EAAEI,sBAAOG;AAAvB,OACGjC,KAAK,iBAAI,0CAAMA,KAAK,CAACkC,OAAZ,CADZ,EAEG,CAAClC,KAAD,IAAUD,OAAV,iBAAqB,6BAAC,gBAAD;AAAS,MAAA,MAAM,MAAf;AAAgB,MAAA,OAAO,EAAC;AAAxB,MAFxB,EAGI,CAACC,KAAD,IAAU,CAACF,SAAX,IAAwB,CAACC,OAA1B,iBAAsC,8EAHzC,eAIE,6BAAC,cAAD,QACGD,SAAS,IAAIA,SAAS,CAACqC,GAAV,CAAcC,GAAG,IAAI;AACjC,UAAMd,IAAI,GAAG7B,gBAAO4B,GAAP,CAAWe,GAAG,CAACC,KAAf,CAAb;;AACA,0BACE,6BAAC,cAAD;AAAM,QAAA,GAAG,EAAED,GAAG,CAACE;AAAf,sBACE,6BAAC,kBAAD;AACE,QAAA,MAAM,EAAC,MADT;AAEE,QAAA,MAAM,EAAE;AACNhB,UAAAA,IAAI,EAAEc,GAAG,CAACC,KADJ;AAENE,UAAAA,EAAE,EAAE,gCAAeH,GAAG,CAACE,GAAnB;AAFE,SAFV;AAME,QAAA,SAAS,EAAER,sBAAOU;AANpB,sBAQE,6BAAC,gBAAD;AAAe,QAAA,MAAM,EAAC,SAAtB;AAAgC,QAAA,IAAI,EAAElB,IAAtC;AAA4C,QAAA,KAAK,EAAEc,GAAnD;AAAwD,QAAA,GAAG,EAAEA,GAAG,CAACE;AAAjE,QARF,CADF,CADF;AAeD,KAjBa,CADhB,CAJF,CAJF,EA6BGvB,KAAK,IAAIA,KAAK,CAAC0B,MAAN,KAAiB,CAA1B,IAA+Bd,gBAA/B,iBACC;AAAK,MAAA,SAAS,EAAEG,sBAAOY;AAAvB,oBACE,6BAAC,eAAD;AAAc,MAAA,KAAK,MAAnB;AAAoB,MAAA,KAAK,EAAC,SAA1B;AAAoC,MAAA,IAAI,EAAC,QAAzC;AAAkD,MAAA,MAAM,EAAC,QAAzD;AAAkE,MAAA,MAAM,EAAE;AAACpB,QAAAA,IAAI,EAAEP,KAAK,CAAC,CAAD;AAAZ;AAA1E,OACGa,gBAAgB,yBAAkBb,KAAK,CAAC,CAAD,CAAvB,CADnB,CADF,CA9BJ,CADF;AAuCD;;AAxHwC;;gBAArCpB,Y,eAQe;AACjB+B,EAAAA,KAAK,EAAEiB,mBAAUC,MADA;AAEjB7B,EAAAA,KAAK,EAAE4B,mBAAUE,OAAV,CAAkBF,mBAAUC,MAA5B,CAFU;AAGjB1C,EAAAA,KAAK,EAAEyC,mBAAUC,MAHA;AAIjB9B,EAAAA,WAAW,EAAE6B,mBAAUG,MAJN;AAIc;AAC/B9B,EAAAA,KAAK,EAAE2B,mBAAUC,MALA;AAMjBzC,EAAAA,KAAK,EAAEwC,mBAAUI,MANA;AAOjBpB,EAAAA,gBAAgB,EAAEgB,mBAAUK,IAPX;AAQjBpB,EAAAA,gBAAgB,EAAEe,mBAAUC,MARX;AASjBxC,EAAAA,UAAU,EAAEuC,mBAAUC;AATL,C;;gBARfjD,Y,kBAoBkB;AACpB+B,EAAAA,KAAK,EAAE,cADa;AAEpBV,EAAAA,KAAK,EAAE,iBAFa;AAGpBb,EAAAA,KAAK,EAAE,EAHa;AAIpBY,EAAAA,KAAK,EAAE,IAJa;AAKpBb,EAAAA,KAAK,EAAE,IALa;AAMpBY,EAAAA,WAAW,EAAE,EANO;AAOpBa,EAAAA,gBAAgB,EAAE,IAPE;AAQpBC,EAAAA,gBAAgB,EAAE,IARE;AASpBxB,EAAAA,UAAU,EAAE;AATQ,C;;eAuGTT,Y","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/index.js

@@ -1,17 +0,0 @@
-"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

package/lib/index.js.map

@@ -1 +0,0 @@
-{"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"}