@sanity/dashboard 0.136.3-purple-unicorn-patch.5627

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016 - 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
+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 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.

package/README.md

@@ -0,0 +1,118 @@
+# Dashboard
+
+Dashboard is a Sanity Content Studio Tool which picks up and renders any widgets which implement `part:@sanity/dashboard/widget`. Install this plugin in your Studio to display stats about your project, recently edited documents, etc.
+
+The Dashboard tool has been designed to be as generic as possible, making few assumptions about its widgets. The Dashboard itself is mostly concerned about the layout of the configured widgets.
+
+## Install
+
+- `cd` to your Content Studio
+- Type `sanity install @sanity/dashboard`. This will cause two things happen:
+  1. The Dashboard tool gets installed to `./node_modules` in your Studio
+  2. `@sanity/dashboard` is appended to the `plugins` array in the `sanity.json` file of your Studio
+- To verify that all is well, fire up your Studio (`sanity start`) and point your browser to `http://localhost:3333/dashboard`
+- \o/
+
+## How to configure the Dashboard
+
+Changing what is rendered on your Dashboard is easy. To take control, do the following:
+
+1. Implement your own dashboardConfig. In your `sanity.json` file, append the following line to the `parts` array:
+
+```json
+{
+  "implements": "part:@sanity/dashboard/config",
+  "path": "src/dashboardConfig.js"
+}
+```
+
+2. Create the file `src/dashboardConfig.js` and make sure it's shaped something like this:
+
+```js
+export default {
+  widgets: [{name: 'sanity-tutorials'}, {name: 'project-info'}, {name: 'project-users'}]
+}
+```
+
+The `widgets` array is how you tell the Dashboard which widgets to render. The ones mentioned in the above example are bundled with Sanity and require no separate installation.
+
+3. Restart your Studio and play around with the order of the widgets array in `src/dashboardConfig.js`. You can also duplicate them, should you want multiple instances of the same widget (see below).
+
+A widget’s size behavior can be defined by adding a `layout` key to a the widget config. E.g.: `{name: 'project-users', layout: {width: 'full', height: 'small'}}`. Accepted values are `auto`, `small`, `medium`, `large` and `full`.
+
+## How to install a widget
+
+Install a Dashboard widget as you would any other [Sanity Studio plugin](https://www.sanity.io/docs/extending/plugins).
+
+E.g. if you want to install the cats example widget mentioned below, proceed as follows:
+
+1. Type `sanity install dashboard-widget-cats` in your terminal (this works because it's published on npm under the name `sanity-plugin-dashboard-widget-cats`)
+2. Update your `src/dashboardConfig.js` file by adding `{name: 'cats'}` to the `widgets` array
+3. You've got 🐱 in your Studio
+
+Some widgets allow options to change aspects of their behavior. If you install the document-list widget mentioned below, it can be configured with:
+
+```js
+{name: 'document-list', options: {title: 'Last edited books', order: '_updatedAt desc', types: ['book']}}
+```
+
+Thus, if you want your dashboard to display both newest documents across all document types and another widget showing the last edited books, your dashboardConfig would look like this:
+
+```js
+export default {
+  widgets: [
+    {name: 'document-list', options: {title: 'New', order: '_createdAt desc'}},
+    {
+      name: 'document-list',
+      options: {title: 'Last edited books', order: '_updatedAt desc', types: ['book']}
+    }
+  ]
+}
+```
+
+## How to create a widget
+
+Widgets are Sanity plugins that implement the part `part:@sanity/dashboard/widget`. Stay tuned for a complete "Widget Authors Cookbook", but until then, have a look at some sample widgets: E.g. [A document List](https://github.com/sanity-io/dashboard-widget-document-list/tree/master) or [maybe some cats](https://github.com/sanity-io/example-dashboard-widget-cats)?
+
+When writing your widget components, it's recommended to use the `DashboardWidget` component from the Sanity Studio by importing it like so: `import { DashboardWidget } from "@sanity/dashboard";`.
+
+This gives you a typical widget component structure with basic styles, and the option of presenting your content in the header, footer, or body of the widget.
+
+If you need something more flexible you can create your own component.
+
+Setting up the widget with the default setup will give you a basic widget that looks something like this:
+
+
+```js
+<DashboardWidget
+  header="A cat"
+  footer={
+    <Flex direction="column" align="stretch">
+      <Button
+        flex={1}
+        paddingX={2}
+        paddingY={4}
+        mode="bleed"
+        tone="primary"
+        text="Get new cat"
+      />
+    </Flex>
+  }
+>
+  <figure>
+    <img src="https://placekitten.com/300/450" />
+  </figure>
+</DashboardWidget>
+```
+
+### More examples
+
+You can study the source code of these widgets to get a sense of how you can approach fetching of documents, adding configuration, and so on:
+
+- [dashboard-widget-document-list](https://github.com/sanity-io/dashboard-widget-document-list)
+- [dashboard-widget-widget-document-count](https://github.com/sanity-io/example-dashboard-widget-document-count)
+- [dashboard-widget-netlify](https://github.com/sanity-io/sanity-plugin-dashboard-widget-netlify)
+
+---
+
+

package/lib/cjs/DashboardTool.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Dashboard = _interopRequireDefault(require("./containers/Dashboard"));
+
+var _dashboardWidget = require("./components/dashboardWidget");
+
+Object.keys(_dashboardWidget).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _dashboardWidget[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _dashboardWidget[key];
+    }
+  });
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const strokeStyle = {
+  stroke: 'currentColor',
+  strokeWidth: 1.2
+};
+
+const DashboardIcon = () => /*#__PURE__*/_react.default.createElement("svg", {
+  "data-sanity-icon": true,
+  viewBox: "0 0 25 25",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  preserveAspectRatio: "xMidYMid",
+  width: "1em",
+  height: "1em"
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M19.5 19.5H5.5V5.5H19.5V19.5Z",
+  style: strokeStyle
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M5.5 12.5H19.5",
+  style: strokeStyle
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M14.5 19.5V12.5M10.5 12.5V5.5",
+  style: strokeStyle
+}));
+
+var _default = {
+  title: 'Dashboard',
+  name: 'dashboard',
+  icon: DashboardIcon,
+  component: _Dashboard.default
+};
+exports.default = _default;

package/lib/cjs/components/DashboardLayout.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ui = require("@sanity/ui");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function DashboardLayout(props) {
+  return /*#__PURE__*/_react.default.createElement(_ui.Container, {
+    width: 4,
+    padding: 4,
+    sizing: "border",
+    style: {
+      minHeight: '100%'
+    }
+  }, props.children);
+}
+
+DashboardLayout.propTypes = {
+  // eslint-disable-next-line react/forbid-prop-types
+  children: _propTypes.default.any
+};
+DashboardLayout.defaultProps = {
+  children: 'Dummy'
+};
+var _default = DashboardLayout;
+exports.default = _default;

package/lib/cjs/components/NotFoundWidget.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ui = require("@sanity/ui");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const Root = (0, _styledComponents.default)(_ui.Card)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: stretch;\n  height: 100%;\n"])));
+
+function NotFoundWidget(props) {
+  const {
+    title,
+    children
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(Root, {
+    radius: 3,
+    paddingX: 3,
+    paddingY: 4,
+    tone: "critical"
+  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
+    space: 2
+  }, title && /*#__PURE__*/_react.default.createElement(_ui.Heading, {
+    size: 1,
+    as: "h2"
+  }, title), children && /*#__PURE__*/_react.default.createElement(_ui.Box, null, children)));
+}
+
+NotFoundWidget.propTypes = {
+  // eslint-disable-next-line react/forbid-prop-types
+  children: _propTypes.default.any,
+  // eslint-disable-next-line react/forbid-prop-types
+  title: _propTypes.default.any
+};
+NotFoundWidget.defaultProps = {
+  children: null,
+  title: null
+};
+var _default = NotFoundWidget;
+exports.default = _default;

package/lib/cjs/components/WidgetGroup.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _ui = require("@sanity/ui");
+
+var _legacyParts = require("../legacyParts");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const media = {
+  small: function () {
+    return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      @media (min-width: ", "px) {\n        ", "\n      }\n    "])), _ref => {
+      let {
+        theme
+      } = _ref;
+      return theme.sanity.media[0];
+    }, (0, _styledComponents.css)(...arguments));
+  },
+  medium: function () {
+    return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      @media (min-width: ", "px) {\n        ", "\n      }\n    "])), _ref2 => {
+      let {
+        theme
+      } = _ref2;
+      return theme.sanity.media[2];
+    }, (0, _styledComponents.css)(...arguments));
+  }
+};
+const Root = (0, _styledComponents.default)(_ui.Grid)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n\n  & > div {\n    overflow: hidden;\n  }\n\n  & > div[data-width='medium'] {\n    ", "\n  }\n\n  & > div[data-width='large'] {\n    ", "\n\n    ", "\n  }\n\n  & > div[data-width='full'] {\n    ", "\n  }\n\n  & > div[data-height='medium'] {\n    ", "\n  }\n\n  & > div[data-height='large'] {\n    ", "\n\n    ", "\n  }\n\n  & > div[data-height='full'] {\n    ", "\n  }\n"])), media.small(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      grid-column: span 2;\n    "]))), media.small(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      grid-column: span 2;\n    "]))), media.medium(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      grid-column: span 3;\n    "]))), media.small(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      grid-column: 1 / -1;\n    "]))), media.small(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      grid-row: span 2;\n    "]))), media.small(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      grid-row: span 2;\n    "]))), media.medium(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      grid-row: span 3;\n    "]))), media.medium(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      grid-row: 1 / -1;\n    "]))));
+
+function WidgetGroup(props) {
+  const config = props.config || {};
+  const widgets = config.widgets || [];
+  const layout = config.layout || {};
+  return /*#__PURE__*/_react.default.createElement(Root, {
+    autoFlow: "dense",
+    "data-width": layout.width || 'auto',
+    "data-height": layout.height || 'auto',
+    gap: 4
+  }, widgets.map((widgetConfig, index) => {
+    if (widgetConfig.type === '__experimental_group') {
+      return /*#__PURE__*/_react.default.createElement(WidgetGroup, {
+        key: String(index),
+        config: widgetConfig
+      });
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_legacyParts.WidgetContainer, {
+      key: String(index),
+      config: widgetConfig
+    });
+  }));
+}
+
+var _default = WidgetGroup;
+exports.default = _default;

package/lib/cjs/components/dashboardWidget.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DashboardWidget = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ui = require("@sanity/ui");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const Root = (0, _styledComponents.default)(_ui.Card)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: stretch;\n  height: 100%;\n  box-sizing: border-box;\n  position: relative;\n"])));
+const Header = (0, _styledComponents.default)(_ui.Card)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  border-top-left-radius: inherit;\n  border-top-right-radius: inherit;\n"])));
+const Footer = (0, _styledComponents.default)(_ui.Card)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: sticky;\n  overflow: hidden;\n  bottom: 0;\n  z-index: 2;\n  border-bottom-right-radius: inherit;\n  border-bottom-left-radius: inherit;\n  margin-top: auto;\n"])));
+const Content = (0, _styledComponents.default)(_ui.Box)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: relative;\n  z-index: 1;\n  height: stretch;\n  min-height: 21.5em;\n\n  @media (min-width: ", "px) {\n    overflow-y: auto;\n    outline: none;\n  }\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.sanity.media[0];
+});
+const DashboardWidget = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    header,
+    children,
+    footer
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(Root, {
+    radius: 3,
+    display: "flex",
+    ref: ref
+  }, header && /*#__PURE__*/_react.default.createElement(Header, {
+    borderBottom: true,
+    paddingX: 3,
+    paddingY: 4
+  }, /*#__PURE__*/_react.default.createElement(_ui.Heading, {
+    size: 1,
+    textOverflow: "ellipsis"
+  }, header)), children && /*#__PURE__*/_react.default.createElement(Content, null, children), footer && /*#__PURE__*/_react.default.createElement(Footer, {
+    borderTop: true
+  }, footer));
+});
+exports.DashboardWidget = DashboardWidget;
+DashboardWidget.displayName = 'DashboardWidget';

package/lib/cjs/containers/Dashboard.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _DashboardLayout = _interopRequireDefault(require("../components/DashboardLayout"));
+
+var _WidgetGroup = _interopRequireDefault(require("../components/WidgetGroup"));
+
+var _legacyParts = require("../legacyParts");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function Dashboard() {
+  if (!_legacyParts.dashboardConfig) {
+    return null;
+  }
+
+  const widgetConfigs = _legacyParts.dashboardConfig.widgets || [];
+  return /*#__PURE__*/_react.default.createElement(_DashboardLayout.default, null, /*#__PURE__*/_react.default.createElement(_WidgetGroup.default, {
+    config: {
+      widgets: widgetConfigs
+    }
+  }));
+}
+
+var _default = Dashboard;
+exports.default = _default;

package/lib/cjs/containers/WidgetContainer.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _NotFoundWidget = _interopRequireDefault(require("../components/NotFoundWidget"));
+
+var _legacyParts = require("../legacyParts");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function WidgetContainer(props) {
+  const config = props.config || {};
+  const definition = Array.isArray(_legacyParts.definitions) ? _legacyParts.definitions.find(wid => wid.name === config.name) : null;
+
+  if (definition) {
+    const options = { ...(definition.options || {}),
+      ...(config.options || {})
+    };
+    const layout = { ...(definition.layout || {}),
+      ...(config.layout || {})
+    };
+    return /*#__PURE__*/_react.default.createElement("div", {
+      "data-width": layout.width,
+      "data-height": layout.height
+    }, /*#__PURE__*/_react.default.createElement(definition.component, options));
+  }
+
+  const layout = config.layout || {};
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-width": layout.width,
+    "data-height": layout.height
+  }, /*#__PURE__*/_react.default.createElement(_NotFoundWidget.default, {
+    title: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Not found: \"", config.name, "\"")
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Make sure your ", /*#__PURE__*/_react.default.createElement("code", null, "sanity.json"), " file mentions such a widget and that it\u2019s an implementation of ", /*#__PURE__*/_react.default.createElement("code", null, "part:@sanity/dashboard/widget"), ".")));
+}
+
+WidgetContainer.propTypes = {
+  // eslint-disable-next-line react/forbid-prop-types
+  config: _propTypes.default.any
+};
+WidgetContainer.defaultProps = {
+  config: null
+};
+var _default = WidgetContainer;
+exports.default = _default;

package/lib/cjs/dashboardConfig.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  widgets: [{
+    name: 'sanity-tutorials'
+  }, {
+    name: 'project-info'
+  }, {
+    name: 'project-users'
+  }]
+};
+exports.default = _default;

package/lib/cjs/legacyParts.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DefaultPreview", {
+  enumerable: true,
+  get: function () {
+    return _default.default;
+  }
+});
+Object.defineProperty(exports, "WidgetContainer", {
+  enumerable: true,
+  get: function () {
+    return _widgetContainer.default;
+  }
+});
+Object.defineProperty(exports, "dashboardConfig", {
+  enumerable: true,
+  get: function () {
+    return _config.default;
+  }
+});
+Object.defineProperty(exports, "definitions", {
+  enumerable: true,
+  get: function () {
+    return _widget.default;
+  }
+});
+Object.defineProperty(exports, "sanityClient", {
+  enumerable: true,
+  get: function () {
+    return _client.default;
+  }
+});
+Object.defineProperty(exports, "userStore", {
+  enumerable: true,
+  get: function () {
+    return _user.default;
+  }
+});
+
+var _widgetContainer = _interopRequireDefault(require("part:@sanity/dashboard/widget-container"));
+
+var _config = _interopRequireDefault(require("part:@sanity/dashboard/config?"));
+
+var _client = _interopRequireDefault(require("part:@sanity/base/client"));
+
+var _widget = _interopRequireDefault(require("all:part:@sanity/dashboard/widget?"));
+
+var _default = _interopRequireDefault(require("part:@sanity/components/previews/default"));
+
+var _user = _interopRequireDefault(require("part:@sanity/base/user"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/cjs/versionedClient.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.versionedClient = void 0;
+
+var _legacyParts = require("./legacyParts");
+
+/**
+ * Only for use inside of @sanity/dashboard
+ * Don't import this from external modules.
+ *
+ * @internal
+ */
+const versionedClient = _legacyParts.sanityClient.withConfig({
+  apiVersion: '1'
+});
+
+exports.versionedClient = versionedClient;

package/lib/cjs/widget.css

@@ -0,0 +1,62 @@
+@import 'part:@sanity/base/theme/variables-style';
+
+.container {
+  display: flex;
+  flex-direction: column;
+  justify-content: stretch;
+  height: 100%;
+  border-radius: var(--border-radius-base);
+  background-color: var(--component-bg);
+  box-sizing: border-box;
+  position: relative;
+}
+
+.containerWithPadding {
+  composes: container;
+  padding: var(--medium-padding);
+}
+
+.header {
+  padding: var(--small-padding) 0;
+}
+
+.title {
+  composes: heading4 from 'part:@sanity/base/theme/typography/headings-style';
+  margin: var(--small-padding) var(--medium-padding);
+}
+
+.content {
+  display: block;
+  margin: 0;
+  padding: 0;
+  min-height: 21.5em;
+
+  @media (--screen-medium) {
+    height: stretch;
+    overflow-y: auto;
+  }
+}
+
+.footer {
+  display: flex;
+  text-align: center;
+  font-weight: 600;
+  min-height: 4em;
+  height: 4em;
+  margin-top: auto;
+  overflow: hidden;
+
+  @nest & > * {
+    width: 100%;
+  }
+}
+
+/* TODO: remove after changing document list plugin */
+.listContainer {
+  composes: content;
+}
+
+/* TODO: remove after changing document list plugin */
+.bottomButtonContainer {
+  composes: footer;
+}