@sanity/dashboard 2.29.5-get-started-template.13 → 2.29.5-purple-unicorn.779

package/lib/{DashboardTool.js → cjs/DashboardTool.js}

@@ -18,7 +18,7 @@ Object.keys(_dashboardWidget).forEach(function (key) {
   if (key in exports && exports[key] === _dashboardWidget[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _dashboardWidget[key];
     }
   });
@@ -26,12 +26,12 @@ Object.keys(_dashboardWidget).forEach(function (key) {
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var strokeStyle = {
+const strokeStyle = {
   stroke: 'currentColor',
   strokeWidth: 1.2
 };
 
-var DashboardIcon = () => /*#__PURE__*/_react.default.createElement("svg", {
+const DashboardIcon = () => /*#__PURE__*/_react.default.createElement("svg", {
   "data-sanity-icon": true,
   viewBox: "0 0 25 25",
   fill: "none",

package/lib/{components → cjs/components}/NotFoundWidget.js

@@ -19,11 +19,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Root = (0, _styledComponents.default)(_ui.Card)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: stretch;\n  height: 100%;\n"])));
+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) {
-  var title = props.title,
-      children = props.children;
+  const {
+    title,
+    children
+  } = props;
   return /*#__PURE__*/_react.default.createElement(Root, {
     radius: 3,
     paddingX: 3,

package/lib/{components → cjs/components}/WidgetGroup.js

@@ -15,7 +15,7 @@ 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 _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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; }
 
@@ -23,26 +23,30 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var media = {
-  small: function small() {
+const media = {
+  small: function () {
     return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      @media (min-width: ", "px) {\n        ", "\n      }\n    "])), _ref => {
-      var theme = _ref.theme;
+      let {
+        theme
+      } = _ref;
       return theme.sanity.media[0];
     }, (0, _styledComponents.css)(...arguments));
   },
-  medium: function medium() {
+  medium: function () {
     return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      @media (min-width: ", "px) {\n        ", "\n      }\n    "])), _ref2 => {
-      var theme = _ref2.theme;
+      let {
+        theme
+      } = _ref2;
       return theme.sanity.media[2];
     }, (0, _styledComponents.css)(...arguments));
   }
 };
-var 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    "]))));
+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) {
-  var config = props.config || {};
-  var widgets = config.widgets || [];
-  var layout = config.layout || {};
+  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',

package/lib/{components → cjs/components}/dashboardWidget.js

@@ -15,23 +15,27 @@ 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 _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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) } })); }
 
-var 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"])));
-var 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"])));
-var 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"])));
-var 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 => {
-  var theme = _ref.theme;
+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];
 });
-var DashboardWidget = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  var header = props.header,
-      children = props.children,
-      footer = props.footer;
+const DashboardWidget = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    header,
+    children,
+    footer
+  } = props;
   return /*#__PURE__*/_react.default.createElement(Root, {
     radius: 3,
     display: "flex",

package/lib/{containers → cjs/containers}/Dashboard.js

@@ -20,7 +20,7 @@ function Dashboard() {
     return null;
   }
 
-  var widgetConfigs = _legacyParts.dashboardConfig.widgets || [];
+  const widgetConfigs = _legacyParts.dashboardConfig.widgets || [];
   return /*#__PURE__*/_react.default.createElement(_DashboardLayout.default, null, /*#__PURE__*/_react.default.createElement(_WidgetGroup.default, {
     config: {
       widgets: widgetConfigs

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/{legacyParts.js → cjs/legacyParts.js}

@@ -5,37 +5,37 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "DefaultPreview", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _default.default;
   }
 });
 Object.defineProperty(exports, "WidgetContainer", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _widgetContainer.default;
   }
 });
 Object.defineProperty(exports, "dashboardConfig", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _config.default;
   }
 });
 Object.defineProperty(exports, "definitions", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _widget.default;
   }
 });
 Object.defineProperty(exports, "sanityClient", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _client.default;
   }
 });
 Object.defineProperty(exports, "userStore", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _user.default;
   }
 });

package/lib/{versionedClient.js → cjs/versionedClient.js}

@@ -13,7 +13,7 @@ var _legacyParts = require("./legacyParts");
  *
  * @internal
  */
-var versionedClient = _legacyParts.sanityClient.withConfig({
+const versionedClient = _legacyParts.sanityClient.withConfig({
   apiVersion: '1'
 });
 

package/lib/{widgets → cjs/widgets}/projectInfo/ProjectInfo.js

@@ -23,9 +23,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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 _versionedClient$conf = _versionedClient.versionedClient.config(),
-    projectId = _versionedClient$conf.projectId,
-    dataset = _versionedClient$conf.dataset;
+const {
+  projectId,
+  dataset
+} = _versionedClient.versionedClient.config();
 
 function isUrl(url) {
   return /^https?:\/\//.test("".concat(url));
@@ -60,13 +61,15 @@ class ProjectInfo extends _react.default.PureComponent {
       uri: "/projects/".concat(projectId)
     }).subscribe({
       next: result => {
-        var studioHost = result.studioHost;
+        const {
+          studioHost
+        } = result;
         this.setState({
           studioHost: studioHost ? "https://".concat(studioHost, ".sanity.studio") : null
         });
       },
-      error: _error => {
-        console.log('Error while looking for studioHost', _error);
+      error: error => {
+        console.log('Error while looking for studioHost', error);
         this.setState({
           studioHost: {
             error: 'Something went wrong while looking up studioHost. See console.'
@@ -82,13 +85,13 @@ class ProjectInfo extends _react.default.PureComponent {
       next: () => this.setState({
         graphqlApi: getGraphQlUrl()
       }),
-      error: _error2 => {
-        if (_error2.statusCode === 404) {
+      error: error => {
+        if (error.statusCode === 404) {
           this.setState({
             graphqlApi: null
           });
         } else {
-          console.log('Error while looking for graphqlApi', _error2);
+          console.log('Error while looking for graphqlApi', error);
           this.setState({
             graphqlApi: {
               error: 'Something went wrong while looking up graphqlApi. See console.'
@@ -104,11 +107,12 @@ class ProjectInfo extends _react.default.PureComponent {
   }
 
   assembleTableRows() {
-    var _this$state = this.state,
-        graphqlApi = _this$state.graphqlApi,
-        studioHost = _this$state.studioHost;
-    var propsData = this.props.data;
-    var result = [{
+    const {
+      graphqlApi,
+      studioHost
+    } = this.state;
+    const propsData = this.props.data;
+    let result = [{
       title: 'Sanity project',
       rows: [{
         title: 'Project ID',
@@ -119,7 +123,7 @@ class ProjectInfo extends _react.default.PureComponent {
       }]
     }]; // Handle any apps
 
-    var apps = [studioHost ? {
+    const apps = [studioHost ? {
       title: 'Studio',
       value: studioHost
     } : null].concat(propsData.filter(item => item.category === 'apps')).filter(Boolean);
@@ -143,7 +147,7 @@ class ProjectInfo extends _react.default.PureComponent {
       }]
     }], propsData.filter(item => item.category === 'apis')); // Handle whatever else there might be
 
-    var otherStuff = {};
+    const otherStuff = {};
     propsData.forEach(item => {
       if (item.category !== 'apps' && item.category !== 'apis') {
         if (!otherStuff[item.category]) {

package/lib/{widgets → cjs/widgets}/projectUsers/ProjectUsers.js

@@ -15,7 +15,7 @@ var _icons = require("@sanity/icons");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _components = require("@sanity/base/components");
+var _base = require("@sanity/base");
 
 var _versionedClient = require("../../versionedClient");
 
@@ -31,16 +31,18 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var AvatarWrapper = (0, _styledComponents.default)(_ui.Card)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  border-radius: 50%;\n  border-color: transparent;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n\n  & > img {\n    width: 100%;\n    height: auto;\n  }\n"])));
+const AvatarWrapper = (0, _styledComponents.default)(_ui.Card)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  border-radius: 50%;\n  border-color: transparent;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n\n  & > img {\n    width: 100%;\n    height: auto;\n  }\n"])));
 
 function getInviteUrl(projectId) {
   return "https://manage.sanity.io/projects/".concat(projectId, "/team/invite");
 }
 
 function sortUsersByRobotStatus(userA, userB, project) {
-  var members = project.members;
-  var membershipA = members.find(member => member.id === userA.id);
-  var membershipB = members.find(member => member.id === userB.id);
+  const {
+    members
+  } = project;
+  const membershipA = members.find(member => member.id === userA.id);
+  const membershipB = members.find(member => member.id === userB.id);
 
   if (membershipA.isRobot) {
     return 1;
@@ -83,8 +85,9 @@ class ProjectUsers extends _react.default.PureComponent {
       this.subscription.unsubscribe();
     }
 
-    var _versionedClient$conf = _versionedClient.versionedClient.config(),
-        projectId = _versionedClient$conf.projectId;
+    const {
+      projectId
+    } = _versionedClient.versionedClient.config();
 
     this.subscription = _versionedClient.versionedClient.observable.request({
       uri: "/projects/".concat(projectId)
@@ -93,25 +96,28 @@ class ProjectUsers extends _react.default.PureComponent {
       users
     }))))).subscribe({
       next: _ref => {
-        var users = _ref.users,
-            project = _ref.project;
+        let {
+          users,
+          project
+        } = _ref;
         return this.setState({
           project,
           users: (Array.isArray(users) ? users : [users]).sort((userA, userB) => sortUsersByRobotStatus(userA, userB, project))
         });
       },
-      error: _error => this.setState({
-        error: _error
+      error: error => this.setState({
+        error
       })
     });
   }
 
   render() {
-    var _this$state = this.state,
-        error = _this$state.error,
-        project = _this$state.project,
-        users = _this$state.users;
-    var isLoading = !users || !project;
+    const {
+      error,
+      project,
+      users
+    } = this.state;
+    const isLoading = !users || !project;
 
     if (error) {
       return /*#__PURE__*/_react.default.createElement(_DashboardTool.DashboardWidget, {
@@ -159,8 +165,8 @@ class ProjectUsers extends _react.default.PureComponent {
       space: 3,
       padding: 3
     }, users.map(user => {
-      var membership = project.members.find(member => member.id === user.id);
-      var media = membership.isRobot ? /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      const membership = project.members.find(member => member.id === user.id);
+      const media = membership.isRobot ? /*#__PURE__*/_react.default.createElement(_ui.Text, {
         size: 3
       }, /*#__PURE__*/_react.default.createElement(_icons.RobotIcon, null)) : /*#__PURE__*/_react.default.createElement(AvatarWrapper, {
         tone: "transparent"
@@ -170,7 +176,7 @@ class ProjectUsers extends _react.default.PureComponent {
       }));
       return /*#__PURE__*/_react.default.createElement(_ui.Box, {
         key: user.id
-      }, /*#__PURE__*/_react.default.createElement(_components.DefaultPreview, {
+      }, /*#__PURE__*/_react.default.createElement(_base.DefaultPreview, {
         title: user.displayName,
         subtitle: membership.role,
         media: media

package/lib/{widgets → cjs/widgets}/sanityTutorials/SanityTutorials.js

@@ -23,8 +23,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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 urlBuilder = _dataAdapter.default.urlBuilder,
-    getFeed = _dataAdapter.default.getFeed;
+const {
+  urlBuilder,
+  getFeed
+} = _dataAdapter.default;
 
 function createUrl(slug, type) {
   if (type === 'tutorial') {
@@ -46,7 +48,9 @@ class SanityTutorials extends _react.default.Component {
   }
 
   componentDidMount() {
-    var templateRepoId = this.props.templateRepoId;
+    const {
+      templateRepoId
+    } = this.props;
     this.subscription = getFeed(templateRepoId).subscribe(response => {
       this.setState({
         feedItems: response.items
@@ -61,8 +65,10 @@ class SanityTutorials extends _react.default.Component {
   }
 
   render() {
-    var feedItems = this.state.feedItems;
-    var title = 'Learn about Sanity';
+    const {
+      feedItems
+    } = this.state;
+    const title = 'Learn about Sanity';
     return /*#__PURE__*/_react.default.createElement(_DashboardTool.DashboardWidget, {
       header: title
     }, /*#__PURE__*/_react.default.createElement(_ui.Flex, {
@@ -75,10 +81,11 @@ class SanityTutorials extends _react.default.Component {
         return null;
       }
 
-      var presenter = feedItem.presenter || (0, _get2.default)(feedItem, 'guideOrTutorial.presenter') || {};
-      var subtitle = (0, _get2.default)(feedItem, 'category');
-      var _feedItem$guideOrTuto = feedItem.guideOrTutorial,
-          guideOrTutorial = _feedItem$guideOrTuto === void 0 ? {} : _feedItem$guideOrTuto;
+      const presenter = feedItem.presenter || (0, _get2.default)(feedItem, 'guideOrTutorial.presenter') || {};
+      const subtitle = (0, _get2.default)(feedItem, 'category');
+      const {
+        guideOrTutorial = {}
+      } = feedItem;
       return /*#__PURE__*/_react.default.createElement(_ui.Flex, {
         as: "li",
         key: feedItem._id,

package/lib/{widgets → cjs/widgets}/sanityTutorials/Tutorial.js

@@ -23,24 +23,27 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var PlayIconBox = (0, _styledComponents.default)(_ui.Box)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 2.75em;\n    height: 2.75em;\n    border-radius: 50%;\n    background: ", ";\n    opacity: 0.75;\n  }\n"])), _ref => {
-  var theme = _ref.theme;
+const PlayIconBox = (0, _styledComponents.default)(_ui.Box)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 2.75em;\n    height: 2.75em;\n    border-radius: 50%;\n    background: ", ";\n    opacity: 0.75;\n  }\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
   return theme.sanity.color.card.enabled.bg;
 });
-var Root = (0, _styledComponents.default)(_ui.Flex)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &:hover {\n    ", " {\n      &:before {\n        opacity: 1;\n      }\n    }\n  }\n"])), PlayIconBox);
-var PosterCard = (0, _styledComponents.default)(_ui.Card)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  padding-bottom: calc(9 / 16 * 100%);\n  position: relative;\n"])));
+const Root = (0, _styledComponents.default)(_ui.Flex)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &:hover {\n    ", " {\n      &:before {\n        opacity: 1;\n      }\n    }\n  }\n"])), PlayIconBox);
+const PosterCard = (0, _styledComponents.default)(_ui.Card)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  padding-bottom: calc(9 / 16 * 100%);\n  position: relative;\n"])));
 
-var Poster = _styledComponents.default.img(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  object-fit: cover;\n  display: block;\n\n  &:not([src]) {\n    display: none;\n  }\n"])));
+const Poster = _styledComponents.default.img(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  object-fit: cover;\n  display: block;\n\n  &:not([src]) {\n    display: none;\n  }\n"])));
 
 class Tutorial extends _react.default.PureComponent {
   render() {
-    var _this$props = this.props,
-        title = _this$props.title,
-        posterURL = _this$props.posterURL,
-        showPlayIcon = _this$props.showPlayIcon,
-        href = _this$props.href,
-        presenterName = _this$props.presenterName,
-        presenterSubtitle = _this$props.presenterSubtitle;
+    const {
+      title,
+      posterURL,
+      showPlayIcon,
+      href,
+      presenterName,
+      presenterSubtitle
+    } = this.props;
     return /*#__PURE__*/_react.default.createElement(Root, {
       flex: 1
     }, /*#__PURE__*/_react.default.createElement(_ui.Card, {

package/lib/{widgets → cjs/widgets}/sanityTutorials/dataAdapter.js

@@ -11,13 +11,13 @@ var _versionedClient = require("../../versionedClient");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var tutorialsProjectConfig = {
+const tutorialsProjectConfig = {
   projectId: '3do82whm',
   dataset: 'next'
 };
 var _default = {
   getFeed: templateRepoId => {
-    var uri = templateRepoId ? "/addons/dashboard?templateRepoId=".concat(templateRepoId) : '/addons/dashboard';
+    const uri = templateRepoId ? "/addons/dashboard?templateRepoId=".concat(templateRepoId) : '/addons/dashboard';
     return _versionedClient.versionedClient.observable.request({
       uri,
       withCredentials: false

package/lib/esm/DashboardTool.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import Dashboard from './containers/Dashboard';
+const strokeStyle = {
+  stroke: 'currentColor',
+  strokeWidth: 1.2
+};
+
+const DashboardIcon = () => /*#__PURE__*/React.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.createElement("path", {
+  d: "M19.5 19.5H5.5V5.5H19.5V19.5Z",
+  style: strokeStyle
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5.5 12.5H19.5",
+  style: strokeStyle
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14.5 19.5V12.5M10.5 12.5V5.5",
+  style: strokeStyle
+}));
+
+export * from './components/dashboardWidget';
+export default {
+  title: 'Dashboard',
+  name: 'dashboard',
+  icon: DashboardIcon,
+  component: Dashboard
+};

package/lib/esm/components/DashboardLayout.js

@@ -0,0 +1,23 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { Container } from '@sanity/ui';
+
+function DashboardLayout(props) {
+  return /*#__PURE__*/React.createElement(Container, {
+    width: 4,
+    padding: 4,
+    sizing: "border",
+    style: {
+      minHeight: '100%'
+    }
+  }, props.children);
+}
+
+DashboardLayout.propTypes = {
+  // eslint-disable-next-line react/forbid-prop-types
+  children: PropTypes.any
+};
+DashboardLayout.defaultProps = {
+  children: 'Dummy'
+};
+export default DashboardLayout;