sanity-plugin-documents-pane 1.0.3 → 1.0.6

package/.eslintignore

@@ -0,0 +1 @@
+lib

package/README.md

@@ -1,17 +1,16 @@
 # sanity-plugin-documents-pane
 
-Display a GROQ-queried list of Documents in a View Pane.
+Displays the results of a GROQ query in a View Pane. With the ability to use field values in the current document as query parameters.
 
 ![Incoming References](https://user-images.githubusercontent.com/9684022/121202594-52bc6180-c86d-11eb-897d-f418047b3d22.png)
 
-
 ## Installation
 
 ```
 sanity install documents-pane
 ```
 
-This plugin is designed to be used as a [Component inside of a View](https://www.sanity.io/docs/structure-builder-reference#c0c8284844b7). 
+This plugin is designed to be used as a [Component inside of a View](https://www.sanity.io/docs/structure-builder-reference#c0c8284844b7).
 
 The example below illustrates using the current Document being used to query for all Documents that reference it.
 
@@ -25,19 +24,25 @@ S.view
   .component(DocumentsPane)
   .options({
     query: `*[!(_id in path("drafts.**")) && references($id)]`,
-    params: { id: `_id` },
-    useDraft: false
+    params: {id: `_id`},
+    useDraft: false,
+    debug: true,
   })
   .title('Incoming References')
 ```
 
 The `.options()` configuration works as follows:
 
-- `query` (string, required) 
-- `params` (object, optional) A [dot-notated string](https://www.npmjs.com/package/dlv) from the document object to a field, to use as variables in the query. 
-- `useDraft` (bool, optional, default: `false`) When populating the `params` values, it will use the `published` version of the document by default. 
+- `query` (string, required)
+- `params` (object, optional) A [dot-notated string](https://www.npmjs.com/package/dlv) from the document object to a field, to use as variables in the query.
+- `useDraft` (bool, optional, default: `false`) When populating the `params` values, it will use the `published` version of the document by default.
+- `debug` (bool, optional, default: `false`) In case of an error or the query returning no documents, setting to `true` will display the query and params that were used.
+
+## Thanks!
+
+This plugin is based on [Incoming References](https://github.com/sanity-io/sanity/tree/victoria/incoming-refs-preview/packages/test-studio/src/previews/incoming-refs) originally written by Victoria Bergquist.
 
 ## License
 
 MIT © Simeon Griggs
-See LICENSE
+See LICENSE

package/lib/Debug.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Debug;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ui = require("@sanity/ui");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function Debug(_ref) {
+  var query = _ref.query,
+      params = _ref.params;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
+    space: 4
+  }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Label, null, "Query")), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Code, null, query))), /*#__PURE__*/_react.default.createElement(_ui.Stack, {
+    space: 4
+  }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Label, null, "Params")), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Code, null, JSON.stringify(params)))));
+}
+
+Debug.propTypes = {
+  params: PropTypes.object,
+  query: PropTypes.string
+};
+Debug.defaultProps = {
+  params: {},
+  query: ""
+};
+//# sourceMappingURL=Debug.js.map

package/lib/Debug.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Debug.tsx"],"names":["Debug","query","params","JSON","stringify","propTypes","PropTypes","object","string","defaultProps"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEe,SAASA,KAAT,OAAgC;AAAA,MAAhBC,KAAgB,QAAhBA,KAAgB;AAAA,MAATC,MAAS,QAATA,MAAS;AAC7C,sBACE,yEACE,6BAAC,SAAD;AAAO,IAAA,KAAK,EAAE;AAAd,kBACE,6BAAC,OAAD,qBAAK,6BAAC,SAAD,gBAAL,CADF,eAEE,6BAAC,OAAD,qBACE,6BAAC,QAAD,QAAOD,KAAP,CADF,CAFF,CADF,eAOE,6BAAC,SAAD;AAAO,IAAA,KAAK,EAAE;AAAd,kBACE,6BAAC,OAAD,qBAAK,6BAAC,SAAD,iBAAL,CADF,eAEE,6BAAC,OAAD,qBACE,6BAAC,QAAD,QAAOE,IAAI,CAACC,SAAL,CAAeF,MAAf,CAAP,CADF,CAFF,CAPF,CADF;AAgBD;;AAEDF,KAAK,CAACK,SAAN,GAAkB;AAChBH,EAAAA,MAAM,EAAEI,SAAS,CAACC,MADF;AAEhBN,EAAAA,KAAK,EAAEK,SAAS,CAACE;AAFD,CAAlB;AAKAR,KAAK,CAACS,YAAN,GAAqB;AACnBP,EAAAA,MAAM,EAAE,EADW;AAEnBD,EAAAA,KAAK;AAFc,CAArB","sourcesContent":["import React from 'react'\nimport {Code, Box, Label, Stack} from '@sanity/ui'\n\nexport default function Debug({query, params}) {\n  return (\n    <>\n      <Stack space={4}>\n        <Box><Label>Query</Label></Box>\n        <Box>\n          <Code>{query}</Code>\n        </Box>\n      </Stack>\n      <Stack space={4}>\n        <Box><Label>Params</Label></Box>\n        <Box>\n          <Code>{JSON.stringify(params)}</Code>\n        </Box>\n      </Stack>\n    </>\n  )\n}\n\nDebug.propTypes = {\n  params: PropTypes.object,\n  query: PropTypes.string,\n}\n\nDebug.defaultProps = {\n  params: {},\n  query: ``,\n}\n"],"file":"Debug.js"}

package/lib/Documents.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Documents;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactQuery = require("react-query");
+
+var _ui = require("@sanity/ui");
+
+var _deskTool = require("@sanity/desk-tool");
+
+var _RouterContext = require("@sanity/state-router/lib/RouterContext");
+
+var _preview = _interopRequireDefault(require("part:@sanity/base/preview"));
+
+var _schema = _interopRequireDefault(require("part:@sanity/base/schema"));
+
+var _client = _interopRequireDefault(require("part:@sanity/base/client"));
+
+var _Debug = _interopRequireDefault(require("./Debug"));
+
+var _Feedback = _interopRequireDefault(require("./Feedback"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var client = _client.default.withConfig({
+  apiVersion: "2021-05-19"
+});
+
+function Documents(props) {
+  var query = props.query,
+      params = props.params,
+      debug = props.debug,
+      _rev = props._rev;
+
+  var _useQuery = (0, _reactQuery.useQuery)(['useDocuments', {
+    props
+  }], () => client.fetch(query, params)),
+      isLoading = _useQuery.isLoading,
+      error = _useQuery.error,
+      data = _useQuery.data;
+
+  var routerContext = _react.default.useContext(_RouterContext.RouterContext);
+
+  var _usePaneRouter = (0, _deskTool.usePaneRouter)(),
+      routerPanesState = _usePaneRouter.routerPanesState,
+      groupIndex = _usePaneRouter.groupIndex;
+
+  var openDocumentInSidePane = _react.default.useCallback((id, type) => {
+    var newPane = [{
+      id: id,
+      params: {
+        type
+      }
+    }];
+    var panes = [routerPanesState[0], routerPanesState[1], newPane];
+    var href = routerContext.resolvePathFromState({
+      panes
+    });
+    routerContext.navigateUrl(href);
+  }, [routerContext, routerPanesState, groupIndex]);
+
+  if (!_rev) {
+    return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
+      padding: 4,
+      space: 5
+    }, /*#__PURE__*/_react.default.createElement(_Feedback.default, null, "Document must be Published"), debug && /*#__PURE__*/_react.default.createElement(_Debug.default, {
+      query: query,
+      params: params
+    }));
+  }
+
+  if (isLoading) {
+    return /*#__PURE__*/_react.default.createElement(_ui.Box, {
+      padding: 4
+    }, /*#__PURE__*/_react.default.createElement(_ui.Flex, {
+      justify: "center",
+      align: "center"
+    }, /*#__PURE__*/_react.default.createElement(_ui.Spinner, {
+      muted: true
+    })));
+  }
+
+  if (error) {
+    return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
+      padding: 4,
+      space: 5
+    }, /*#__PURE__*/_react.default.createElement(_Feedback.default, null, "There was en error performing this query"), debug && /*#__PURE__*/_react.default.createElement(_Debug.default, {
+      query: query,
+      params: params
+    }));
+  }
+
+  if (!(data !== null && data !== void 0 && data.length)) {
+    return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
+      padding: 4,
+      space: 5
+    }, /*#__PURE__*/_react.default.createElement(_Feedback.default, null, "No Documents found"), debug && /*#__PURE__*/_react.default.createElement(_Debug.default, {
+      query: query,
+      params: params
+    }));
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
+    padding: 2,
+    space: 2
+  }, data.map(doc => /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    key: doc._id,
+    onClick: () => openDocumentInSidePane(doc._id, doc._type),
+    mode: "bleed",
+    radius: 2,
+    padding: 2
+  }, /*#__PURE__*/_react.default.createElement(_preview.default, {
+    value: doc,
+    type: _schema.default.get(doc._type)
+  }))));
+}
+//# sourceMappingURL=Documents.js.map

package/lib/Documents.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Documents.tsx"],"names":["client","sanityClient","withConfig","apiVersion","Documents","props","query","params","debug","_rev","fetch","isLoading","error","data","routerContext","React","useContext","RouterContext","routerPanesState","groupIndex","openDocumentInSidePane","useCallback","id","type","newPane","panes","href","resolvePathFromState","navigateUrl","length","map","doc","_id","_type","schema","get"],"mappings":"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","sourcesContent":["import React from 'react'\nimport {useQuery} from 'react-query'\nimport {Button, Box, Stack, Flex, Spinner} from '@sanity/ui'\nimport {usePaneRouter} from '@sanity/desk-tool'\nimport {RouterContext} from '@sanity/state-router/lib/RouterContext'\nimport Preview from 'part:@sanity/base/preview'\nimport schema from 'part:@sanity/base/schema'\nimport sanityClient from 'part:@sanity/base/client'\n\nimport Debug from './Debug'\nimport Feedback from './Feedback'\n\n  const client = sanityClient.withConfig({apiVersion: `2021-05-19`})\n\nexport default function Documents(props) {\n  const {query, params, debug, _rev} = props\n\n  const {isLoading, error, data} = useQuery(['useDocuments', {props}], () =>\n    client.fetch(query, params)\n  )\n\n  const routerContext = React.useContext(RouterContext)\n  const {routerPanesState, groupIndex} = usePaneRouter()\n\n  const openDocumentInSidePane = React.useCallback(\n    (id: string, type: string) => {\n      const newPane = [\n        {\n          id: id,\n          params: {type},\n        },\n      ]\n      let panes = [routerPanesState[0], routerPanesState[1], newPane]\n\n      const href = routerContext.resolvePathFromState({panes})\n      routerContext.navigateUrl(href)\n    },\n    [routerContext, routerPanesState, groupIndex]\n  )\n\n  if (!_rev) {\n    return (\n      <Stack padding={4} space={5}>\n        <Feedback>Document must be Published</Feedback>\n        {debug && <Debug query={query} params={params} />}\n      </Stack>\n    )\n  }\n\n  if (isLoading) {\n    return (\n      <Box padding={4}>\n        <Flex justify=\"center\" align=\"center\">\n          <Spinner muted />\n        </Flex>\n      </Box>\n    )\n  }\n\n  if (error) {\n    return (\n      <Stack padding={4} space={5}>\n        <Feedback>There was en error performing this query</Feedback>\n        {debug && <Debug query={query} params={params} />}\n      </Stack>\n    )\n  }\n\n  if (!data?.length) {\n    return (\n      <Stack padding={4} space={5}>\n        <Feedback>No Documents found</Feedback>\n        {debug && <Debug query={query} params={params} />}\n      </Stack>\n    )\n  }\n\n  return (\n    <Stack padding={2} space={2}>\n      {data.map((doc) => (\n        <Button\n          key={doc._id}\n          onClick={() => openDocumentInSidePane(doc._id, doc._type)}\n          mode=\"bleed\"\n          radius={2}\n          padding={2}\n        >\n          <Preview value={doc} type={schema.get(doc._type)} />\n        </Button>\n      ))}\n    </Stack>\n  )\n}\n"],"file":"Documents.js"}

package/lib/DocumentsPane.js

@@ -3,75 +3,49 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = DocumentsPane;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _dlv = _interopRequireDefault(require("dlv"));
 
-var _router = require("part:@sanity/base/router");
-
-var _preview = _interopRequireDefault(require("part:@sanity/base/preview"));
-
-var _schema = _interopRequireDefault(require("part:@sanity/base/schema"));
-
-var _hooks = require("./lib/hooks");
+var _reactQuery = require("react-query");
 
-var _DocumentsPaneModule = _interopRequireDefault(require("./DocumentsPane.module.css"));
+var _Documents = _interopRequireDefault(require("./Documents"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 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 DocumentsPane = _ref => {
+var queryClient = new _reactQuery.QueryClient();
+
+function DocumentsPane(_ref) {
   var sanityDocument = _ref.document,
       options = _ref.options;
   var query = options.query,
       params = options.params,
-      useDraft = options.useDraft;
+      useDraft = options.useDraft,
+      debug = options.debug;
   var doc = useDraft ? sanityDocument.displayed : sanityDocument.published;
+
+  var _ref2 = doc !== null && doc !== void 0 ? doc : {},
+      _id = _ref2._id,
+      _rev = _ref2._rev;
+
   var paramValues = Object.keys(params).reduce((acc, key) => _objectSpread(_objectSpread({}, acc), {}, {
     [key]: (0, _dlv.default)(doc, params[key])
   }), {});
-  var documents = (0, _hooks.useDocuments)(query, paramValues);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _DocumentsPaneModule.default.root
-  }, documents.length > 0 ? documents.map(doc => /*#__PURE__*/_react.default.createElement(_router.IntentLink, {
-    key: doc._id,
-    className: _DocumentsPaneModule.default.item,
-    intent: "edit",
-    params: {
-      id: doc._id,
-      type: doc._type
-    }
-  }, /*#__PURE__*/_react.default.createElement(_preview.default, {
-    value: doc,
-    type: _schema.default.get(doc._type)
-  }))) : /*#__PURE__*/_react.default.createElement("div", {
-    className: _DocumentsPaneModule.default.noDocs
-  }, "No Documents match this query: ", /*#__PURE__*/_react.default.createElement("code", null, query)));
-};
-
-DocumentsPane.propTypes = {
-  options: _propTypes.default.shape({
-    params: _propTypes.default.string,
-    query: _propTypes.default.object,
-    useDraft: _propTypes.default.bool
-  })
-};
-DocumentsPane.defaultProps = {
-  options: {
-    params: {},
-    query: "",
-    useDraft: false
-  }
-};
-var _default = DocumentsPane;
-exports.default = _default;
+  return /*#__PURE__*/_react.default.createElement(_reactQuery.QueryClientProvider, {
+    client: queryClient
+  }, /*#__PURE__*/_react.default.createElement(_Documents.default, {
+    _rev: _rev,
+    query: query,
+    params: paramValues,
+    debug: debug
+  }));
+}
 //# sourceMappingURL=DocumentsPane.js.map

package/lib/DocumentsPane.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/DocumentsPane.js"],"names":["DocumentsPane","sanityDocument","document","options","query","params","useDraft","doc","displayed","published","paramValues","Object","keys","reduce","acc","key","documents","styles","root","length","map","_id","item","id","type","_type","schema","get","noDocs","propTypes","PropTypes","shape","string","object","bool","defaultProps"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAMA,aAAa,GAAG,QAAyC;AAAA,MAA7BC,cAA6B,QAAvCC,QAAuC;AAAA,MAAbC,OAAa,QAAbA,OAAa;AAC7D,MAAOC,KAAP,GAAkCD,OAAlC,CAAOC,KAAP;AAAA,MAAcC,MAAd,GAAkCF,OAAlC,CAAcE,MAAd;AAAA,MAAsBC,QAAtB,GAAkCH,OAAlC,CAAsBG,QAAtB;AACA,MAAMC,GAAG,GAAGD,QAAQ,GAAGL,cAAc,CAACO,SAAlB,GAA8BP,cAAc,CAACQ,SAAjE;AAEA,MAAMC,WAAW,GAAGC,MAAM,CAACC,IAAP,CAAYP,MAAZ,EAAoBQ,MAApB,CAClB,CAACC,GAAD,EAAMC,GAAN,qCAAmBD,GAAnB;AAAwB,KAACC,GAAD,GAAO,kBAAMR,GAAN,EAAWF,MAAM,CAACU,GAAD,CAAjB;AAA/B,IADkB,EAElB,EAFkB,CAApB;AAKA,MAAMC,SAAS,GAAG,yBAAaZ,KAAb,EAAoBM,WAApB,CAAlB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEO,6BAAOC;AAAvB,KACGF,SAAS,CAACG,MAAV,GAAmB,CAAnB,GACCH,SAAS,CAACI,GAAV,CAAeb,GAAD,iBACZ,6BAAC,kBAAD;AACE,IAAA,GAAG,EAAEA,GAAG,CAACc,GADX;AAEE,IAAA,SAAS,EAAEJ,6BAAOK,IAFpB;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,MAAM,EAAE;AAACC,MAAAA,EAAE,EAAEhB,GAAG,CAACc,GAAT;AAAcG,MAAAA,IAAI,EAAEjB,GAAG,CAACkB;AAAxB;AAJV,kBAME,6BAAC,gBAAD;AAAS,IAAA,KAAK,EAAElB,GAAhB;AAAqB,IAAA,IAAI,EAAEmB,gBAAOC,GAAP,CAAWpB,GAAG,CAACkB,KAAf;AAA3B,IANF,CADF,CADD,gBAYC;AAAK,IAAA,SAAS,EAAER,6BAAOW;AAAvB,qDACiC,2CAAOxB,KAAP,CADjC,CAbJ,CADF;AAoBD,CA/BD;;AAiCAJ,aAAa,CAAC6B,SAAd,GAA0B;AACxB1B,EAAAA,OAAO,EAAE2B,mBAAUC,KAAV,CAAgB;AACvB1B,IAAAA,MAAM,EAAEyB,mBAAUE,MADK;AAEvB5B,IAAAA,KAAK,EAAE0B,mBAAUG,MAFM;AAGvB3B,IAAAA,QAAQ,EAAEwB,mBAAUI;AAHG,GAAhB;AADe,CAA1B;AAQAlC,aAAa,CAACmC,YAAd,GAA6B;AAC3BhC,EAAAA,OAAO,EAAE;AACPE,IAAAA,MAAM,EAAE,EADD;AAEPD,IAAAA,KAAK,IAFE;AAGPE,IAAAA,QAAQ,EAAE;AAHH;AADkB,CAA7B;eAQeN,a","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport delve from 'dlv'\nimport {IntentLink} from 'part:@sanity/base/router'\nimport Preview from 'part:@sanity/base/preview'\nimport schema from 'part:@sanity/base/schema'\n\nimport {useDocuments} from './lib/hooks'\nimport styles from './DocumentsPane.module.css'\n\nconst DocumentsPane = ({document: sanityDocument, options}) => {\n  const {query, params, useDraft} = options\n  const doc = useDraft ? sanityDocument.displayed : sanityDocument.published\n\n  const paramValues = Object.keys(params).reduce(\n    (acc, key) => ({...acc, [key]: delve(doc, params[key])}),\n    {}\n  )\n\n  const documents = useDocuments(query, paramValues)\n\n  return (\n    <div className={styles.root}>\n      {documents.length > 0 ? (\n        documents.map((doc) => (\n          <IntentLink\n            key={doc._id}\n            className={styles.item}\n            intent=\"edit\"\n            params={{id: doc._id, type: doc._type}}\n          >\n            <Preview value={doc} type={schema.get(doc._type)} />\n          </IntentLink>\n        ))\n      ) : (\n        <div className={styles.noDocs}>\n          No Documents match this query: <code>{query}</code>\n        </div>\n      )}\n    </div>\n  )\n}\n\nDocumentsPane.propTypes = {\n  options: PropTypes.shape({\n    params: PropTypes.string,\n    query: PropTypes.object,\n    useDraft: PropTypes.bool,\n  }),\n}\n\nDocumentsPane.defaultProps = {\n  options: {\n    params: {},\n    query: ``,\n    useDraft: false,\n  },\n}\n\nexport default DocumentsPane\n"],"file":"DocumentsPane.js"}
+{"version":3,"sources":["../src/DocumentsPane.tsx"],"names":["queryClient","QueryClient","DocumentsPane","sanityDocument","document","options","query","params","useDraft","debug","doc","displayed","published","_id","_rev","paramValues","Object","keys","reduce","acc","key"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;;;AAEA,IAAMA,WAAW,GAAG,IAAIC,uBAAJ,EAApB;;AAEe,SAASC,aAAT,OAA4D;AAAA,MAA1BC,cAA0B,QAApCC,QAAoC;AAAA,MAAVC,OAAU,QAAVA,OAAU;AACzE,MAAOC,KAAP,GAAyCD,OAAzC,CAAOC,KAAP;AAAA,MAAcC,MAAd,GAAyCF,OAAzC,CAAcE,MAAd;AAAA,MAAsBC,QAAtB,GAAyCH,OAAzC,CAAsBG,QAAtB;AAAA,MAAgCC,KAAhC,GAAyCJ,OAAzC,CAAgCI,KAAhC;AAEA,MAAMC,GAAG,GAAGF,QAAQ,GAAGL,cAAc,CAACQ,SAAlB,GAA8BR,cAAc,CAACS,SAAjE;;AACA,cAAoBF,GAApB,aAAoBA,GAApB,cAAoBA,GAApB,GAA2B,EAA3B;AAAA,MAAOG,GAAP,SAAOA,GAAP;AAAA,MAAYC,IAAZ,SAAYA,IAAZ;;AAEA,MAAMC,WAAW,GAAGC,MAAM,CAACC,IAAP,CAAYV,MAAZ,EAAoBW,MAApB,CAClB,CAACC,GAAD,EAAMC,GAAN,qCAAmBD,GAAnB;AAAwB,KAACC,GAAD,GAAO,kBAAMV,GAAN,EAAWH,MAAM,CAACa,GAAD,CAAjB;AAA/B,IADkB,EAElB,EAFkB,CAApB;AAKA,sBACE,6BAAC,+BAAD;AAAqB,IAAA,MAAM,EAAEpB;AAA7B,kBACE,6BAAC,kBAAD;AAAW,IAAA,IAAI,EAAEc,IAAjB;AAAuB,IAAA,KAAK,EAAER,KAA9B;AAAqC,IAAA,MAAM,EAAES,WAA7C;AAA0D,IAAA,KAAK,EAAEN;AAAjE,IADF,CADF;AAKD","sourcesContent":["import React from 'react'\nimport delve from 'dlv'\nimport {QueryClient, QueryClientProvider} from 'react-query'\n\nimport Documents from './Documents'\n\nconst queryClient = new QueryClient()\n\nexport default function DocumentsPane({document: sanityDocument, options}) {\n  const {query, params, useDraft, debug} = options\n\n  const doc = useDraft ? sanityDocument.displayed : sanityDocument.published\n  const {_id, _rev} = doc ?? {}\n\n  const paramValues = Object.keys(params).reduce(\n    (acc, key) => ({...acc, [key]: delve(doc, params[key])}),\n    {}\n  )\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <Documents _rev={_rev} query={query} params={paramValues} debug={debug} />\n    </QueryClientProvider>\n  )\n}\n"],"file":"DocumentsPane.js"}

package/lib/Feedback.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Feedback;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ui = require("@sanity/ui");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function Feedback(props) {
+  var children = props.children,
+      _props$tone = props.tone,
+      tone = _props$tone === void 0 ? "caution" : _props$tone;
+  return /*#__PURE__*/_react.default.createElement(_ui.Card, {
+    padding: 3,
+    radius: 2,
+    shadow: 1,
+    tone: tone
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    size: 1
+  }, children));
+}
+//# sourceMappingURL=Feedback.js.map

package/lib/Feedback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Feedback.tsx"],"names":["Feedback","props","children","tone"],"mappings":";;;;;;;AAAA;;AACA;;;;AAQe,SAASA,QAAT,CAAkBC,KAAlB,EAAwC;AACrD,MAAOC,QAAP,GAAqCD,KAArC,CAAOC,QAAP;AAAA,oBAAqCD,KAArC,CAAiBE,IAAjB;AAAA,MAAiBA,IAAjB;AAEA,sBACE,6BAAC,QAAD;AAAM,IAAA,OAAO,EAAE,CAAf;AAAkB,IAAA,MAAM,EAAE,CAA1B;AAA6B,IAAA,MAAM,EAAE,CAArC;AAAwC,IAAA,IAAI,EAAEA;AAA9C,kBACE,6BAAC,QAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,KAAgBD,QAAhB,CADF,CADF;AAKD","sourcesContent":["import React from 'react'\nimport {Card, Text} from '@sanity/ui'\nimport type {BadgeTone} from '@sanity/ui'\n\ntype FeedbackProps = {\n  children?: React.ReactNode\n  tone?: BadgeTone\n}\n\nexport default function Feedback(props: FeedbackProps) {\n  const {children, tone = `caution`} = props\n\n  return (\n    <Card padding={3} radius={2} shadow={1} tone={tone}>\n      <Text size={1}>{children}</Text>\n    </Card>\n  )\n}\n"],"file":"Feedback.js"}

package/lib/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _DocumentsPane = _interopRequireDefault(require("./DocumentsPane"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _DocumentsPane.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.js"],"names":["DocumentsPane"],"mappings":";;;;;;;AACA;;;;eAEeA,sB","sourcesContent":["\nimport DocumentsPane from \"./DocumentsPane\";\n\nexport default DocumentsPane\n"],"file":"index.js"}

package/package.json

@@ -1,42 +1,57 @@
 {
   "name": "sanity-plugin-documents-pane",
-  "version": "1.0.3",
-  "description": "Display a GROQ-queried list of Documents in a View Pane",
-  "main": "lib/DocumentsPane.js",
+  "version": "1.0.6",
+  "description": "Displays the results of a GROQ query in a View Pane",
+  "main": "lib/index.js",
   "scripts": {
     "build": "sanipack build",
     "watch": "sanipack build --watch",
-    "prepublishOnly": "sanipack build && sanipack verify"
+    "_postinstall": "husky install",
+    "prepublishOnly": "pinst --disable && sanipack build && sanipack verify",
+    "postpublish": "pinst --enable",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "npm run lint:fix"
+    }
   },
   "repository": {
     "type": "git",
-    "url": "git+ssh://git@github.com/SimeonGriggs/sanity-plugin-documents-pane.git"
+    "url": "git+ssh://git@github.com/sanity-io/sanity-plugin-documents-pane.git"
   },
   "keywords": [
     "sanity",
     "sanity-plugin"
   ],
-  "author": "Simeon Griggs <simeon@sanity.io>",
+  "author": "Sanity.io <hello@sanity.io>",
   "license": "MIT",
   "dependencies": {
+    "@sanity/base": "^2.29.5",
+    "@sanity/desk-tool": "^2.29.5",
+    "@sanity/state-router": "^2.29.3",
+    "@sanity/ui": "^0.34.6",
     "dlv": "^1.1.3",
-    "prop-types": "15.7.2"
+    "react-query": "^3.19.1",
+    "husky": "^7.0.1"
   },
   "devDependencies": {
-    "eslint": "7.28.0",
-    "eslint-config-prettier": "8.3.0",
+    "eslint": "7.31.0",
+    "eslint-config-prettier": "^8.3.0",
     "eslint-config-sanity": "5.1.0",
-    "eslint-plugin-react": "7.24.0",
-    "prettier": "2.3.1",
-    "sanipack": "2.0.1"
+    "eslint-plugin-react": "^7.24.0",
+    "pinst": "^2.1.6",
+    "prettier": "^2.3.2",
+    "sanipack": "^2.1.0"
   },
   "peerDependencies": {
     "react": "^17.0.0"
   },
   "bugs": {
-    "url": "https://github.com/SimeonGriggs/sanity-plugin-document-pane/issues"
+    "url": "https://github.com/sanity-io/sanity-plugin-document-pane/issues"
   },
-  "homepage": "https://github.com/SimeonGriggs/sanity-plugin-document-pane#readme",
+  "homepage": "https://github.com/sanity-io/sanity-plugin-document-pane#readme",
   "prettier": {
     "semi": false,
     "printWidth": 100,
@@ -48,8 +63,7 @@
     "extends": [
       "sanity",
       "sanity/react",
-      "prettier",
-      "prettier/react"
+      "prettier"
     ]
   }
 }

package/src/Debug.tsx

@@ -0,0 +1,31 @@
+import React from 'react'
+import {Code, Box, Label, Stack} from '@sanity/ui'
+
+export default function Debug({query, params}) {
+  return (
+    <>
+      <Stack space={4}>
+        <Box><Label>Query</Label></Box>
+        <Box>
+          <Code>{query}</Code>
+        </Box>
+      </Stack>
+      <Stack space={4}>
+        <Box><Label>Params</Label></Box>
+        <Box>
+          <Code>{JSON.stringify(params)}</Code>
+        </Box>
+      </Stack>
+    </>
+  )
+}
+
+Debug.propTypes = {
+  params: PropTypes.object,
+  query: PropTypes.string,
+}
+
+Debug.defaultProps = {
+  params: {},
+  query: ``,
+}

package/src/Documents.tsx

@@ -0,0 +1,93 @@
+import React from 'react'
+import {useQuery} from 'react-query'
+import {Button, Box, Stack, Flex, Spinner} from '@sanity/ui'
+import {usePaneRouter} from '@sanity/desk-tool'
+import {RouterContext} from '@sanity/state-router/lib/RouterContext'
+import Preview from 'part:@sanity/base/preview'
+import schema from 'part:@sanity/base/schema'
+import sanityClient from 'part:@sanity/base/client'
+
+import Debug from './Debug'
+import Feedback from './Feedback'
+
+  const client = sanityClient.withConfig({apiVersion: `2021-05-19`})
+
+export default function Documents(props) {
+  const {query, params, debug, _rev} = props
+
+  const {isLoading, error, data} = useQuery(['useDocuments', {props}], () =>
+    client.fetch(query, params)
+  )
+
+  const routerContext = React.useContext(RouterContext)
+  const {routerPanesState, groupIndex} = usePaneRouter()
+
+  const openDocumentInSidePane = React.useCallback(
+    (id: string, type: string) => {
+      const newPane = [
+        {
+          id: id,
+          params: {type},
+        },
+      ]
+      let panes = [routerPanesState[0], routerPanesState[1], newPane]
+
+      const href = routerContext.resolvePathFromState({panes})
+      routerContext.navigateUrl(href)
+    },
+    [routerContext, routerPanesState, groupIndex]
+  )
+
+  if (!_rev) {
+    return (
+      <Stack padding={4} space={5}>
+        <Feedback>Document must be Published</Feedback>
+        {debug && <Debug query={query} params={params} />}
+      </Stack>
+    )
+  }
+
+  if (isLoading) {
+    return (
+      <Box padding={4}>
+        <Flex justify="center" align="center">
+          <Spinner muted />
+        </Flex>
+      </Box>
+    )
+  }
+
+  if (error) {
+    return (
+      <Stack padding={4} space={5}>
+        <Feedback>There was en error performing this query</Feedback>
+        {debug && <Debug query={query} params={params} />}
+      </Stack>
+    )
+  }
+
+  if (!data?.length) {
+    return (
+      <Stack padding={4} space={5}>
+        <Feedback>No Documents found</Feedback>
+        {debug && <Debug query={query} params={params} />}
+      </Stack>
+    )
+  }
+
+  return (
+    <Stack padding={2} space={2}>
+      {data.map((doc) => (
+        <Button
+          key={doc._id}
+          onClick={() => openDocumentInSidePane(doc._id, doc._type)}
+          mode="bleed"
+          radius={2}
+          padding={2}
+        >
+          <Preview value={doc} type={schema.get(doc._type)} />
+        </Button>
+      ))}
+    </Stack>
+  )
+}

package/src/DocumentsPane.tsx

@@ -0,0 +1,25 @@
+import React from 'react'
+import delve from 'dlv'
+import {QueryClient, QueryClientProvider} from 'react-query'
+
+import Documents from './Documents'
+
+const queryClient = new QueryClient()
+
+export default function DocumentsPane({document: sanityDocument, options}) {
+  const {query, params, useDraft, debug} = options
+
+  const doc = useDraft ? sanityDocument.displayed : sanityDocument.published
+  const {_id, _rev} = doc ?? {}
+
+  const paramValues = Object.keys(params).reduce(
+    (acc, key) => ({...acc, [key]: delve(doc, params[key])}),
+    {}
+  )
+
+  return (
+    <QueryClientProvider client={queryClient}>
+      <Documents _rev={_rev} query={query} params={paramValues} debug={debug} />
+    </QueryClientProvider>
+  )
+}

package/src/Feedback.tsx

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

package/src/index.js

@@ -0,0 +1,4 @@
+
+import DocumentsPane from "./DocumentsPane";
+
+export default DocumentsPane

package/lib/DocumentsPane.module.css

@@ -1,18 +0,0 @@
-@import "part:@sanity/base/theme/variables-style";
-
-.root {
-  /*  */
-}
-
-.noDocs {
-  padding: var(--medium-padding);
-}
-
-.item {
-  composes: item from "part:@sanity/base/theme/layout/selectable-style";
-  display: block;
-  text-decoration: inherit;
-  outline: none;
-  margin: 0;
-  padding: var(--small-padding) var(--medium-padding);
-}

package/lib/lib/hooks.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDocuments = void 0;
-
-var _react = require("react");
-
-var _client = _interopRequireDefault(require("part:@sanity/base/client"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var client = _client.default.withConfig({
-  apiVersion: "2021-05-19"
-});
-
-var useDocuments = function useDocuments() {
-  var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
-  var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      documents = _useState2[0],
-      setDocuments = _useState2[1];
-
-  var fetchDocuments = () => {
-    client.fetch(query, params).then(res => setDocuments(res));
-  };
-
-  (0, _react.useEffect)(() => {
-    if (query) {
-      fetchDocuments();
-    }
-
-    var subscription = client.observable.listen(query, params).subscribe(() => {
-      setTimeout(() => {
-        fetchDocuments();
-      }, 2500);
-    });
-    return () => {
-      subscription.unsubscribe();
-    };
-  }, []);
-  return documents || [];
-};
-
-exports.useDocuments = useDocuments;
-//# sourceMappingURL=hooks.js.map

package/lib/lib/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/lib/hooks.js"],"names":["client","sanityClient","withConfig","apiVersion","useDocuments","query","params","documents","setDocuments","fetchDocuments","fetch","then","res","subscription","observable","listen","subscribe","setTimeout","unsubscribe"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAGC,gBAAaC,UAAb,CAAwB;AAACC,EAAAA,UAAU;AAAX,CAAxB,CAAf;;AAEO,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAA6B;AAAA,MAA5BC,KAA4B;AAAA,MAAhBC,MAAgB,uEAAP,EAAO;;AACvD,kBAAkC,qBAAS,EAAT,CAAlC;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AAEA,MAAMC,cAAc,GAAG,MAAM;AAC3BT,IAAAA,MAAM,CAACU,KAAP,CAAaL,KAAb,EAAoBC,MAApB,EAA4BK,IAA5B,CAAkCC,GAAD,IAASJ,YAAY,CAACI,GAAD,CAAtD;AACD,GAFD;;AAIA,wBAAU,MAAM;AACd,QAAIP,KAAJ,EAAW;AACTI,MAAAA,cAAc;AACf;;AAED,QAAMI,YAAY,GAAGb,MAAM,CAACc,UAAP,CAAkBC,MAAlB,CAAyBV,KAAzB,EAAgCC,MAAhC,EAAwCU,SAAxC,CAAkD,MAAM;AAC3EC,MAAAA,UAAU,CAAC,MAAM;AACfR,QAAAA,cAAc;AACf,OAFS,EAEP,IAFO,CAAV;AAGD,KAJoB,CAArB;AAMA,WAAO,MAAM;AACXI,MAAAA,YAAY,CAACK,WAAb;AACD,KAFD;AAGD,GAdD,EAcG,EAdH;AAgBA,SAAOX,SAAS,IAAI,EAApB;AACD,CAxBM","sourcesContent":["import {useEffect, useState} from 'react'\nimport sanityClient from 'part:@sanity/base/client'\n\nconst client = sanityClient.withConfig({apiVersion: `2021-05-19`})\n\nexport const useDocuments = (query = ``, params = {}) => {\n  const [documents, setDocuments] = useState([])\n\n  const fetchDocuments = () => {\n    client.fetch(query, params).then((res) => setDocuments(res))\n  }\n\n  useEffect(() => {\n    if (query) {\n      fetchDocuments()\n    }\n\n    const subscription = client.observable.listen(query, params).subscribe(() => {\n      setTimeout(() => {\n        fetchDocuments()\n      }, 2500)\n    })\n\n    return () => {\n      subscription.unsubscribe()\n    }\n  }, [])\n\n  return documents || []\n}\n"],"file":"hooks.js"}

package/src/DocumentsPane.js

@@ -1,60 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import delve from 'dlv'
-import {IntentLink} from 'part:@sanity/base/router'
-import Preview from 'part:@sanity/base/preview'
-import schema from 'part:@sanity/base/schema'
-
-import {useDocuments} from './lib/hooks'
-import styles from './DocumentsPane.module.css'
-
-const DocumentsPane = ({document: sanityDocument, options}) => {
-  const {query, params, useDraft} = options
-  const doc = useDraft ? sanityDocument.displayed : sanityDocument.published
-
-  const paramValues = Object.keys(params).reduce(
-    (acc, key) => ({...acc, [key]: delve(doc, params[key])}),
-    {}
-  )
-
-  const documents = useDocuments(query, paramValues)
-
-  return (
-    <div className={styles.root}>
-      {documents.length > 0 ? (
-        documents.map((doc) => (
-          <IntentLink
-            key={doc._id}
-            className={styles.item}
-            intent="edit"
-            params={{id: doc._id, type: doc._type}}
-          >
-            <Preview value={doc} type={schema.get(doc._type)} />
-          </IntentLink>
-        ))
-      ) : (
-        <div className={styles.noDocs}>
-          No Documents match this query: <code>{query}</code>
-        </div>
-      )}
-    </div>
-  )
-}
-
-DocumentsPane.propTypes = {
-  options: PropTypes.shape({
-    params: PropTypes.string,
-    query: PropTypes.object,
-    useDraft: PropTypes.bool,
-  }),
-}
-
-DocumentsPane.defaultProps = {
-  options: {
-    params: {},
-    query: ``,
-    useDraft: false,
-  },
-}
-
-export default DocumentsPane

package/src/DocumentsPane.module.css

@@ -1,18 +0,0 @@
-@import "part:@sanity/base/theme/variables-style";
-
-.root {
-  /*  */
-}
-
-.noDocs {
-  padding: var(--medium-padding);
-}
-
-.item {
-  composes: item from "part:@sanity/base/theme/layout/selectable-style";
-  display: block;
-  text-decoration: inherit;
-  outline: none;
-  margin: 0;
-  padding: var(--small-padding) var(--medium-padding);
-}

package/src/lib/hooks.js

@@ -1,30 +0,0 @@
-import {useEffect, useState} from 'react'
-import sanityClient from 'part:@sanity/base/client'
-
-const client = sanityClient.withConfig({apiVersion: `2021-05-19`})
-
-export const useDocuments = (query = ``, params = {}) => {
-  const [documents, setDocuments] = useState([])
-
-  const fetchDocuments = () => {
-    client.fetch(query, params).then((res) => setDocuments(res))
-  }
-
-  useEffect(() => {
-    if (query) {
-      fetchDocuments()
-    }
-
-    const subscription = client.observable.listen(query, params).subscribe(() => {
-      setTimeout(() => {
-        fetchDocuments()
-      }, 2500)
-    })
-
-    return () => {
-      subscription.unsubscribe()
-    }
-  }, [])
-
-  return documents || []
-}