@sanity/dashboard 2.33.4-shopify.8 → 2.34.1-canary.0

package/lib/DashboardTool.js

@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Dashboard = _interopRequireDefault(require("./containers/Dashboard"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var strokeStyle = {
   stroke: 'currentColor',
   strokeWidth: 1.2
 };
-
 var DashboardIcon = () => /*#__PURE__*/_react.default.createElement("svg", {
   "data-sanity-icon": true,
   viewBox: "0 0 25 25",
@@ -34,7 +29,6 @@ var DashboardIcon = () => /*#__PURE__*/_react.default.createElement("svg", {
   d: "M14.5 19.5V12.5M10.5 12.5V5.5",
   style: strokeStyle
 }));
-
 var _default = {
   title: 'Dashboard',
   name: 'dashboard',

package/lib/components/DashboardLayout.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ui = require("@sanity/ui");
-
 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 _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 DashboardLayout(props) {
   var width = props.width;
   var formattedWidth = (0, _react.useMemo)(() => getWidth(width), [width]);
@@ -30,7 +23,6 @@ function DashboardLayout(props) {
     "data-name": "dashboard-layout"
   }, props.children);
 }
-
 function getWidth(value) {
   var widthMap = {
     small: 2,
@@ -39,7 +31,6 @@ function getWidth(value) {
   };
   return (widthMap === null || widthMap === void 0 ? void 0 : widthMap[value]) || widthMap.large;
 }
-
 DashboardLayout.propTypes = {
   // eslint-disable-next-line react/forbid-prop-types
   children: _propTypes.default.any,

package/lib/components/NotFoundWidget.js

@@ -4,26 +4,17 @@ 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) } })); }
-
 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"])));
-
 function NotFoundWidget(props) {
   var title = props.title,
-      children = props.children;
+    children = props.children;
   return /*#__PURE__*/_react.default.createElement(Root, {
     radius: 3,
     paddingX: 3,
@@ -36,7 +27,6 @@ function NotFoundWidget(props) {
     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,

package/lib/components/WidgetGroup.js

@@ -4,25 +4,15 @@ 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 _getRequireWildcardCache(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) } })); }
-
 var media = {
   small: function small() {
     return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      @media (min-width: ", "px) {\n        ", "\n      }\n    "])), _ref => {
@@ -38,7 +28,6 @@ var media = {
   }
 };
 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    "]))));
-
 function WidgetGroup(props) {
   var config = props.config || {};
   var widgets = config.widgets || [];
@@ -56,13 +45,11 @@ function WidgetGroup(props) {
         config: widgetConfig
       });
     }
-
     return /*#__PURE__*/_react.default.createElement(_legacyParts.WidgetContainer, {
       key: String(index),
       config: widgetConfig
     });
   }));
 }
-
 var _default = WidgetGroup;
 exports.default = _default;

package/lib/components/dashboardWidget.js

@@ -4,23 +4,14 @@ 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 _getRequireWildcardCache(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"])));
@@ -30,10 +21,10 @@ var Content = (0, _styledComponents.default)(_ui.Box)(_templateObject4 || (_temp
 });
 var DashboardWidget = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   var header = props.header,
-      children = props.children,
-      footer = props.footer,
-      hideFooterBorder = props.hideFooterBorder,
-      className = props.className;
+    children = props.children,
+    footer = props.footer,
+    hideFooterBorder = props.hideFooterBorder,
+    className = props.className;
   return /*#__PURE__*/_react.default.createElement(Root, {
     radius: 3,
     display: "flex",

package/lib/containers/Dashboard.js

@@ -4,24 +4,16 @@ 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() {
   var _dashboardConfig$layo;
-
   if (!_legacyParts.dashboardConfig) {
     return null;
   }
-
   var widgetConfigs = _legacyParts.dashboardConfig.widgets || [];
   var layoutWidth = (_legacyParts.dashboardConfig === null || _legacyParts.dashboardConfig === void 0 ? void 0 : (_dashboardConfig$layo = _legacyParts.dashboardConfig.layout) === null || _dashboardConfig$layo === void 0 ? void 0 : _dashboardConfig$layo.width) || 'large';
   return /*#__PURE__*/_react.default.createElement(_DashboardLayout.default, {
@@ -32,6 +24,5 @@ function Dashboard() {
     }
   }));
 }
-
 var _default = Dashboard;
 exports.default = _default;

package/lib/containers/WidgetContainer.js

@@ -4,32 +4,20 @@ 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 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 = 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; }
-
 function WidgetContainer(props) {
   var config = props.config || {};
   var definition = Array.isArray(_legacyParts.definitions) ? _legacyParts.definitions.find(wid => wid.name === config.name) : null;
-
   if (definition) {
     var options = _objectSpread(_objectSpread({}, definition.options || {}), config.options || {});
-
     var _layout = _objectSpread(_objectSpread({}, definition.layout || {}), config.layout || {});
-
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-width": _layout.width,
       "data-height": _layout.height,
@@ -37,7 +25,6 @@ function WidgetContainer(props) {
       "data-name": "sanity-dashboard-widget-container"
     }, /*#__PURE__*/_react.default.createElement(definition.component, options));
   }
-
   var layout = config.layout || {};
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-width": layout.width,
@@ -46,7 +33,6 @@ function WidgetContainer(props) {
     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

package/lib/index.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "default", {
     return _DashboardTool.default;
   }
 });
-
 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;
@@ -24,7 +22,5 @@ Object.keys(_dashboardWidget).forEach(function (key) {
     }
   });
 });
-
 var _DashboardTool = _interopRequireDefault(require("./DashboardTool"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/legacyParts.js

@@ -39,17 +39,10 @@ Object.defineProperty(exports, "userStore", {
     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/versionedClient.js

@@ -4,9 +4,7 @@ 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.
@@ -16,5 +14,4 @@ var _legacyParts = require("./legacyParts");
 var versionedClient = _legacyParts.sanityClient.withConfig({
   apiVersion: '1'
 });
-
 exports.versionedClient = versionedClient;

package/lib/widgets/projectInfo/ProjectInfo.js

@@ -4,55 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isPlainObject2 = _interopRequireDefault(require("lodash/isPlainObject"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ui = require("@sanity/ui");
-
 var _versionedClient = require("../../versionedClient");
-
 var _ = require("../../");
-
 var _legacyParts = require("../../legacyParts");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var _versionedClient$conf = _versionedClient.versionedClient.config(),
-    projectId = _versionedClient$conf.projectId,
-    dataset = _versionedClient$conf.dataset;
-
+  projectId = _versionedClient$conf.projectId,
+  dataset = _versionedClient$conf.dataset;
 function isUrl(url) {
   return /^https?:\/\//.test("".concat(url));
 }
-
 function getGraphQlUrl() {
   return "https://".concat(projectId, ".api.sanity.io/v1/graphql/").concat(dataset, "/default");
 }
-
 function getGroqUrl() {
   return "https://".concat(projectId, ".api.sanity.io/v1/groq/").concat(dataset);
 }
-
 function getManageUrl() {
   return "https://manage.sanity.io/projects/".concat(projectId);
 }
-
 class ProjectInfo extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "state", {
       studioHost: null,
       graphqlApi: null
     });
   }
-
   componentDidMount() {
     // fetch project data
     this.subscriptions = [];
@@ -73,8 +56,9 @@ class ProjectInfo extends _react.default.PureComponent {
           }
         });
       }
-    })); // ping assumed graphql endpoint
+    }));
 
+    // ping assumed graphql endpoint
     this.subscriptions.push(_versionedClient.versionedClient.observable.request({
       method: 'HEAD',
       uri: "/graphql/".concat(dataset, "/default")
@@ -98,15 +82,13 @@ class ProjectInfo extends _react.default.PureComponent {
       }
     }));
   }
-
   componentWillUnmount() {
     this.subscriptions.forEach(sub => sub.unsubscribe());
   }
-
   assembleTableRows() {
     var _this$state = this.state,
-        graphqlApi = _this$state.graphqlApi,
-        studioHost = _this$state.studioHost;
+      graphqlApi = _this$state.graphqlApi,
+      studioHost = _this$state.studioHost;
     var propsData = this.props.data;
     var result = [{
       title: 'Sanity project',
@@ -117,21 +99,21 @@ class ProjectInfo extends _react.default.PureComponent {
         title: 'Dataset',
         value: dataset
       }]
-    }]; // Handle any apps
+    }];
 
+    // Handle any apps
     var apps = [studioHost ? {
       title: 'Studio',
       value: studioHost
     } : null].concat(propsData.filter(item => item.category === 'apps')).filter(Boolean);
-
     if (apps.length > 0) {
       result = result.concat([{
         title: 'Apps',
         rows: apps
       }]);
-    } // Handle APIs
-
+    }
 
+    // Handle APIs
     result = result.concat([{
       title: 'APIs',
       rows: [{
@@ -141,15 +123,15 @@ class ProjectInfo extends _react.default.PureComponent {
         title: 'GraphQL',
         value: graphqlApi || 'Not deployed'
       }]
-    }], propsData.filter(item => item.category === 'apis')); // Handle whatever else there might be
+    }], propsData.filter(item => item.category === 'apis'));
 
+    // Handle whatever else there might be
     var otherStuff = {};
     propsData.forEach(item => {
       if (item.category !== 'apps' && item.category !== 'apis') {
         if (!otherStuff[item.category]) {
           otherStuff[item.category] = [];
         }
-
         otherStuff[item.category].push(item);
       }
     });
@@ -161,10 +143,8 @@ class ProjectInfo extends _react.default.PureComponent {
     });
     return result;
   }
-
   render() {
     var _this$props$__experim;
-
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.props.__experimental_before && this.props.__experimental_before.map((widgetConfig, idx) => /*#__PURE__*/_react.default.createElement(_legacyParts.WidgetContainer, {
       key: String(idx),
       config: widgetConfig
@@ -203,7 +183,6 @@ class ProjectInfo extends _react.default.PureComponent {
       if (!item || !item.rows) {
         return null;
       }
-
       return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
         key: item.title,
         space: 3
@@ -246,20 +225,16 @@ class ProjectInfo extends _react.default.PureComponent {
       })));
     }))))));
   }
-
 }
-
 _defineProperty(ProjectInfo, "propTypes", {
   // eslint-disable-next-line camelcase
   __experimental_before: _propTypes.default.array,
   data: _propTypes.default.array
 });
-
 _defineProperty(ProjectInfo, "defaultProps", {
   // eslint-disable-next-line camelcase
   __experimental_before: [],
   data: []
 });
-
 var _default = ProjectInfo;
 exports.default = _default;

package/lib/widgets/projectInfo/index.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ProjectInfo = _interopRequireDefault(require("./ProjectInfo"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = {
   name: 'project-info',
   component: _ProjectInfo.default,

package/lib/widgets/projectUsers/ProjectUsers.js

@@ -4,88 +4,62 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _operators = require("rxjs/operators");
-
 var _ui = require("@sanity/ui");
-
 var _icons = require("@sanity/icons");
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _components = require("@sanity/base/components");
-
+var _spinner = _interopRequireDefault(require("part:@sanity/components/loading/spinner"));
 var _versionedClient = require("../../versionedClient");
-
 var _ = require("../../");
-
 var _legacyParts = require("../../legacyParts");
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 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"])));
-
 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);
-
   if (membershipA.isRobot) {
     return 1;
   }
-
   if (membershipB.isRobot) {
     return -1;
   }
-
   return 0;
 }
-
 class ProjectUsers extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "state", {
       project: null,
       users: null,
       error: null
     });
-
     _defineProperty(this, "handleRetryFetch", () => {
       this.fetchData();
     });
   }
-
   componentDidMount() {
     this.fetchData();
   }
-
   componentWillUnmount() {
     if (this.subscription) {
       this.subscription.unsubscribe();
     }
   }
-
   fetchData() {
     if (this.subscription) {
       this.subscription.unsubscribe();
     }
-
     var _versionedClient$conf = _versionedClient.versionedClient.config(),
-        projectId = _versionedClient$conf.projectId;
-
+      projectId = _versionedClient$conf.projectId;
     this.subscription = _versionedClient.versionedClient.observable.request({
       uri: "/projects/".concat(projectId)
     }).pipe((0, _operators.switchMap)(project => _legacyParts.userStore.observable.getUsers(project.members.map(mem => mem.id)).pipe((0, _operators.map)(users => ({
@@ -94,7 +68,7 @@ class ProjectUsers extends _react.default.PureComponent {
     }))))).subscribe({
       next: _ref => {
         var users = _ref.users,
-            project = _ref.project;
+          project = _ref.project;
         return this.setState({
           project,
           users: (Array.isArray(users) ? users : [users]).sort((userA, userB) => sortUsersByRobotStatus(userA, userB, project))
@@ -105,14 +79,12 @@ class ProjectUsers extends _react.default.PureComponent {
       })
     });
   }
-
   render() {
     var _this$state = this.state,
-        error = _this$state.error,
-        project = _this$state.project,
-        users = _this$state.users;
+      error = _this$state.error,
+      project = _this$state.project,
+      users = _this$state.users;
     var isLoading = !users || !project;
-
     if (error) {
       return /*#__PURE__*/_react.default.createElement(_.DashboardWidget, {
         header: "Project users"
@@ -126,7 +98,6 @@ class ProjectUsers extends _react.default.PureComponent {
         }
       }, "retry"), "..?")));
     }
-
     return /*#__PURE__*/_react.default.createElement(_.DashboardWidget, {
       header: "Project users",
       footer: /*#__PURE__*/_react.default.createElement(_ui.Button, {
@@ -142,20 +113,12 @@ class ProjectUsers extends _react.default.PureComponent {
         loading: isLoading,
         href: isLoading ? undefined : getInviteUrl(project.id)
       })
-    }, isLoading && /*#__PURE__*/_react.default.createElement(_ui.Box, {
-      paddingY: 5,
-      paddingX: 2
-    }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
-      space: 4
-    }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
-      align: "center",
-      muted: true,
-      size: 1
-    }, /*#__PURE__*/_react.default.createElement(_ui.Spinner, null)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
-      align: "center",
-      size: 1,
-      muted: true
-    }, "Loading items..."))), !isLoading && /*#__PURE__*/_react.default.createElement(_ui.Stack, {
+    }, isLoading && /*#__PURE__*/_react.default.createElement(_ui.Card, {
+      padding: 4
+    }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
+      center: true,
+      message: "Loading..."
+    })), !isLoading && /*#__PURE__*/_react.default.createElement(_ui.Stack, {
       space: 3,
       padding: 3
     }, users.map(user => {
@@ -177,12 +140,8 @@ class ProjectUsers extends _react.default.PureComponent {
       }));
     })));
   }
-
 }
-
 _defineProperty(ProjectUsers, "propTypes", {});
-
 _defineProperty(ProjectUsers, "defaultProps", {});
-
 var _default = ProjectUsers;
 exports.default = _default;

package/lib/widgets/projectUsers/index.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ProjectUsers = _interopRequireDefault(require("./ProjectUsers"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = {
   name: 'project-users',
   component: _ProjectUsers.default

package/lib/widgets/sanityTutorials/SanityTutorials.js

@@ -4,33 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ui = require("@sanity/ui");
-
 var _Tutorial = _interopRequireDefault(require("./Tutorial"));
-
 var _dataAdapter = _interopRequireDefault(require("./dataAdapter"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var FeedItem = _ref => {
   var feedItem = _ref.feedItem;
   // Check to see if the feed item has the content needed to render an item with a link and poster image
   var isEmpty = !feedItem.title || !feedItem.guideOrTutorial && !feedItem.externalLink && !feedItem.feedItems;
-
   if (isEmpty) {
     return null;
   }
-
   var subtitle = feedItem.description;
   var _feedItem$guideOrTuto = feedItem.guideOrTutorial,
-      guideOrTutorial = _feedItem$guideOrTuto === void 0 ? {} : _feedItem$guideOrTuto;
+    guideOrTutorial = _feedItem$guideOrTuto === void 0 ? {} : _feedItem$guideOrTuto;
   return /*#__PURE__*/_react.default.createElement(_Tutorial.default, {
     title: feedItem.title,
     href: createUrl(guideOrTutorial.slug, guideOrTutorial._type) || feedItem.externalLink,
@@ -39,29 +29,23 @@ var FeedItem = _ref => {
     posterURL: feedItem.poster ? urlBuilder.image(feedItem.poster).height(360).url() : undefined
   });
 };
-
 var urlBuilder = _dataAdapter.default.urlBuilder,
-    getFeed = _dataAdapter.default.getFeed;
-
+  getFeed = _dataAdapter.default.getFeed;
 function createUrl(slug, type) {
   if (type === 'tutorial') {
     return "https://www.sanity.io/docs/tutorials/".concat(slug.current);
   } else if (type === 'guide') {
     return "https://www.sanity.io/docs/guides/".concat(slug.current);
   }
-
   return false;
 }
-
 class SanityTutorials extends _react.default.Component {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "state", {
       feedItems: []
     });
   }
-
   componentDidMount() {
     var templateRepoId = this.props.templateRepoId;
     this.subscription = getFeed(templateRepoId).subscribe(response => {
@@ -71,24 +55,21 @@ class SanityTutorials extends _react.default.Component {
       });
     });
   }
-
   componentWillUnmount() {
     if (this.subscription) {
       this.subscription.unsubscribe();
     }
   }
-
   render() {
     var _this$state = this.state,
-        _this$state$title = _this$state.title,
-        title = _this$state$title === void 0 ? 'Learn about Sanity' : _this$state$title,
-        feedItems = _this$state.feedItems; // Filter out items and sections for layout purposes
+      _this$state$title = _this$state.title,
+      title = _this$state$title === void 0 ? 'Learn about Sanity' : _this$state$title,
+      feedItems = _this$state.feedItems;
 
+    // Filter out items and sections for layout purposes
     var sections = feedItems.filter(i => i._type === 'feedSection');
     var items = feedItems.filter(i => i._type === 'feedItem');
-
     var columns = length => length < 4 ? [1, 2, 3] : [1, 2, 3, 4];
-
     return /*#__PURE__*/_react.default.createElement(_ui.Container, {
       width: 4
     }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
@@ -126,7 +107,6 @@ class SanityTutorials extends _react.default.Component {
       text: "Go to docs"
     }))))), sections && (sections === null || sections === void 0 ? void 0 : sections.length) > 0 && sections.map(section => {
       var _section$sectionItems;
-
       return (section === null || section === void 0 ? void 0 : section.sectionItems) && /*#__PURE__*/_react.default.createElement(_ui.Stack, {
         space: 4,
         key: section._id
@@ -154,16 +134,12 @@ class SanityTutorials extends _react.default.Component {
       feedItem: feedItem
     })))))));
   }
-
 }
-
 _defineProperty(SanityTutorials, "propTypes", {
   templateRepoId: _propTypes.default.string
 });
-
 _defineProperty(SanityTutorials, "defaultProps", {
   templateRepoId: null
 });
-
 var _default = SanityTutorials;
 exports.default = _default;

package/lib/widgets/sanityTutorials/Tutorial.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ui = require("@sanity/ui");
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 // eslint-disable-next-line no-useless-escape
 var youtubeRegex = /youtu(?:.*\/v\/|.*v\=|\.be\/)([A-Za-z0-9_-]{11})/;
 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 => {
@@ -27,11 +19,8 @@ var PlayIconBox = (0, _styledComponents.default)(_ui.Box)(_templateObject || (_t
 });
 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  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\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  border-radius: inherit;\n\n  &:not([src]) {\n    display: none;\n  }\n"])));
-
 var YoutubeContainer = (0, _styledComponents.default)(_ui.Card)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: relative;\n  padding-bottom: 56.25%;\n  overflow: hidden;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n\n  iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n"])));
-
 var YoutubeEmbed = _ref2 => {
   var embedId = _ref2.embedId;
   return /*#__PURE__*/_react.default.createElement(YoutubeContainer, {
@@ -45,15 +34,14 @@ var YoutubeEmbed = _ref2 => {
     allowFullScreen: true
   }));
 };
-
 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,
-        presenterSubtitle = _this$props.presenterSubtitle;
+      title = _this$props.title,
+      posterURL = _this$props.posterURL,
+      showPlayIcon = _this$props.showPlayIcon,
+      href = _this$props.href,
+      presenterSubtitle = _this$props.presenterSubtitle;
     var isYoutube = showPlayIcon && href && href.match(youtubeRegex);
     return isYoutube ? /*#__PURE__*/_react.default.createElement(_ui.Card, {
       space: 2,
@@ -115,13 +103,10 @@ class Tutorial extends _react.default.PureComponent {
       muted: true
     }, presenterSubtitle)))));
   }
-
 }
-
 _defineProperty(Tutorial, "defaultProps", {
   posterURL: null,
   showPlayIcon: false
 });
-
 var _default = Tutorial;
 exports.default = _default;

package/lib/widgets/sanityTutorials/dataAdapter.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _imageUrl = _interopRequireDefault(require("@sanity/image-url"));
-
 var _versionedClient = require("../../versionedClient");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var tutorialsProjectConfig = {
   projectId: '3do82whm',
   dataset: 'next'

package/lib/widgets/sanityTutorials/index.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _SanityTutorials = _interopRequireDefault(require("./SanityTutorials"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = {
   name: 'sanity-tutorials',
   component: _SanityTutorials.default,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/dashboard",
-  "version": "2.33.4-shopify.8+b3097f8c9",
+  "version": "2.34.1-canary.0+b3e58b8893",
   "description": "Tool for rendering dashboard widgets",
   "main": "./lib/index.js",
   "types": "./dist/dts",
@@ -22,13 +22,13 @@
   "dependencies": {
     "@sanity/icons": "^1.3.4",
     "@sanity/image-url": "^1.0.1",
-    "@sanity/types": "2.33.4-shopify.8+b3097f8c9",
-    "@sanity/ui": "^0.37.21",
+    "@sanity/types": "2.34.1-canary.0+b3e58b8893",
+    "@sanity/ui": "^0.37.22",
     "lodash": "^4.17.15",
     "rxjs": "^6.5.3"
   },
   "devDependencies": {
-    "@sanity/base": "2.33.4-shopify.8+b3097f8c9",
+    "@sanity/base": "2.34.1-canary.0+b3e58b8893",
     "prop-types": "^15.6.0",
     "rimraf": "^2.7.1"
   },
@@ -47,5 +47,5 @@
     "url": "https://github.com/sanity-io/sanity/issues"
   },
   "homepage": "https://www.sanity.io/",
-  "gitHead": "b3097f8c9ec8d874b3fd86005a17b0cb5eaf136c"
+  "gitHead": "b3e58b8893c9573844279488896df2313df914f1"
 }