@sanity/dashboard 2.30.4 → 2.30.5-dashboard-test.27

package/lib/DashboardTool.js

@@ -3,27 +3,12 @@
 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 get() {
-      return _dashboardWidget[key];
-    }
-  });
-});
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var strokeStyle = {

package/lib/components/DashboardLayout.js

@@ -7,26 +7,43 @@ exports.default = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _react = _interopRequireDefault(require("react"));
+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]);
   return /*#__PURE__*/_react.default.createElement(_ui.Container, {
-    width: 4,
+    width: formattedWidth,
     padding: 4,
     sizing: "border",
     style: {
       minHeight: '100%'
-    }
+    },
+    "data-name": "dashboard-layout"
   }, props.children);
 }
 
+function getWidth(value) {
+  var widthMap = {
+    small: 2,
+    medium: 3,
+    large: 4
+  };
+  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
+  children: _propTypes.default.any,
+  width: _propTypes.default.oneOf(['small', 'medium', 'large'])
 };
 DashboardLayout.defaultProps = {
   children: 'Dummy'

package/lib/components/WidgetGroup.js

@@ -47,6 +47,7 @@ function WidgetGroup(props) {
     autoFlow: "dense",
     "data-width": layout.width || 'auto',
     "data-height": layout.height || 'auto',
+    "data-name": "sanity-dashboard-widget-group",
     gap: 4
   }, widgets.map((widgetConfig, index) => {
     if (widgetConfig.type === '__experimental_group') {

package/lib/components/dashboardWidget.js

@@ -31,11 +31,14 @@ 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;
+      footer = props.footer,
+      hideFooterBorder = props.hideFooterBorder,
+      className = props.className;
   return /*#__PURE__*/_react.default.createElement(Root, {
     radius: 3,
     display: "flex",
-    ref: ref
+    ref: ref,
+    className: className
   }, header && /*#__PURE__*/_react.default.createElement(Header, {
     borderBottom: true,
     paddingX: 3,
@@ -43,8 +46,11 @@ var DashboardWidget = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   }, /*#__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
+  }, header)), children && /*#__PURE__*/_react.default.createElement(Content, {
+    "data-name": "content"
+  }, children), footer && /*#__PURE__*/_react.default.createElement(Footer, {
+    sizing: "border",
+    borderTop: !hideFooterBorder
   }, footer));
 });
 exports.DashboardWidget = DashboardWidget;

package/lib/containers/Dashboard.js

@@ -16,12 +16,17 @@ 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 || [];
-  return /*#__PURE__*/_react.default.createElement(_DashboardLayout.default, null, /*#__PURE__*/_react.default.createElement(_WidgetGroup.default, {
+  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, {
+    width: layoutWidth
+  }, /*#__PURE__*/_react.default.createElement(_WidgetGroup.default, {
     config: {
       widgets: widgetConfigs
     }

package/lib/containers/WidgetContainer.js

@@ -32,7 +32,9 @@ function WidgetContainer(props) {
 
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-width": _layout.width,
-      "data-height": _layout.height
+      "data-height": _layout.height,
+      "data-widget-name": config.name,
+      "data-name": "sanity-dashboard-widget-container"
     }, /*#__PURE__*/_react.default.createElement(definition.component, options));
   }
 

package/lib/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    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;
+  if (key in exports && exports[key] === _dashboardWidget[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _dashboardWidget[key];
+    }
+  });
+});
+
+var _DashboardTool = _interopRequireDefault(require("./DashboardTool"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/widgets/projectInfo/ProjectInfo.js

@@ -15,7 +15,7 @@ var _ui = require("@sanity/ui");
 
 var _versionedClient = require("../../versionedClient");
 
-var _DashboardTool = require("../../DashboardTool");
+var _ = require("../../");
 
 var _legacyParts = require("../../legacyParts");
 
@@ -171,7 +171,7 @@ class ProjectInfo extends _react.default.PureComponent {
     })), /*#__PURE__*/_react.default.createElement(_ui.Box, {
       height: "fill",
       marginTop: ((_this$props$__experim = this.props.__experimental_before) === null || _this$props$__experim === void 0 ? void 0 : _this$props$__experim.length) > 0 ? 4 : 0
-    }, /*#__PURE__*/_react.default.createElement(_DashboardTool.DashboardWidget, {
+    }, /*#__PURE__*/_react.default.createElement(_.DashboardWidget, {
       footer: /*#__PURE__*/_react.default.createElement(_ui.Button, {
         style: {
           width: '100%'

package/lib/widgets/projectUsers/ProjectUsers.js

@@ -19,7 +19,7 @@ var _components = require("@sanity/base/components");
 
 var _versionedClient = require("../../versionedClient");
 
-var _DashboardTool = require("../../DashboardTool");
+var _ = require("../../");
 
 var _legacyParts = require("../../legacyParts");
 
@@ -114,7 +114,7 @@ class ProjectUsers extends _react.default.PureComponent {
     var isLoading = !users || !project;
 
     if (error) {
-      return /*#__PURE__*/_react.default.createElement(_DashboardTool.DashboardWidget, {
+      return /*#__PURE__*/_react.default.createElement(_.DashboardWidget, {
         header: "Project users"
       }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
         padding: 4
@@ -127,7 +127,7 @@ class ProjectUsers extends _react.default.PureComponent {
       }, "retry"), "..?")));
     }
 
-    return /*#__PURE__*/_react.default.createElement(_DashboardTool.DashboardWidget, {
+    return /*#__PURE__*/_react.default.createElement(_.DashboardWidget, {
       header: "Project users",
       footer: /*#__PURE__*/_react.default.createElement(_ui.Button, {
         style: {

package/lib/widgets/sanityTutorials/SanityTutorials.js

@@ -36,7 +36,7 @@ var FeedItem = _ref => {
     href: createUrl(guideOrTutorial.slug, guideOrTutorial._type) || feedItem.externalLink,
     presenterSubtitle: subtitle,
     showPlayIcon: feedItem.hasVideo,
-    posterURL: urlBuilder.image(feedItem.poster).height(360).url()
+    posterURL: feedItem.poster ? urlBuilder.image(feedItem.poster).height(360).url() : undefined
   });
 };
 
@@ -82,8 +82,7 @@ class SanityTutorials extends _react.default.Component {
     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;
-    var templateRepoId = this.props.templateRepoId; // Filter out items and sections for layout purposes
+        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');
@@ -100,14 +99,19 @@ class SanityTutorials extends _react.default.Component {
       padding: 4,
       radius: 2,
       border: true,
-      marginTop: 4
+      marginTop: 4,
+      "data-name": "sanity-tutorials-widget-docs-link"
     }, /*#__PURE__*/_react.default.createElement(_ui.Flex, {
       direction: ['column', 'column', 'row']
     }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
       space: 4,
       flex: 1,
       paddingRight: [0, 0, 4]
-    }, /*#__PURE__*/_react.default.createElement(_ui.Heading, null, "Getting started Guide"), /*#__PURE__*/_react.default.createElement(_ui.Text, null, "It\u2019s time to learn how to build schemas, create content and connect it with other applications.")), /*#__PURE__*/_react.default.createElement(_ui.Flex, {
+    }, /*#__PURE__*/_react.default.createElement(_ui.Heading, {
+      as: "h2"
+    }, "Getting started guide"), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      as: "p"
+    }, "It's time to learn how to build schemas, create content, and connect it to other\n                  applications.")), /*#__PURE__*/_react.default.createElement(_ui.Flex, {
       paddingTop: [4, 4, 0],
       align: "center"
     }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
@@ -117,8 +121,9 @@ class SanityTutorials extends _react.default.Component {
       paddingX: 5,
       tone: "primary",
       as: "a",
-      href: "https://www.sanity.io/docs?ref=dashboard-".concat(templateRepoId || 'plugin'),
-      text: "Go go docs"
+      target: "_blank",
+      href: "https://www.sanity.io/docs?ref=studio-dashboard",
+      text: "Go to docs"
     }))))), sections && (sections === null || sections === void 0 ? void 0 : sections.length) > 0 && sections.map(section => {
       var _section$sectionItems;
 
@@ -128,7 +133,8 @@ class SanityTutorials extends _react.default.Component {
       }, /*#__PURE__*/_react.default.createElement(_ui.Heading, null, section.title), /*#__PURE__*/_react.default.createElement(_ui.Grid, {
         as: "ul",
         columns: columns(section === null || section === void 0 ? void 0 : (_section$sectionItems = section.sectionItems) === null || _section$sectionItems === void 0 ? void 0 : _section$sectionItems.length),
-        gap: 4
+        gap: 4,
+        "data-name": "sanity-dashboard-widget-tutorials-section"
       }, section === null || section === void 0 ? void 0 : section.sectionItems.map(item => /*#__PURE__*/_react.default.createElement(_ui.Flex, {
         as: "li",
         key: item._id

package/lib/widgets/sanityTutorials/Tutorial.js

@@ -90,7 +90,6 @@ class Tutorial extends _react.default.PureComponent {
       as: "a",
       href: href,
       target: "_blank",
-      rel: "noopener noreferrer",
       style: {
         position: 'relative'
       },

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@sanity/dashboard",
-  "version": "2.30.4",
+  "version": "2.30.5-dashboard-test.27+053dce03d",
   "description": "Tool for rendering dashboard widgets",
-  "main": "./lib/DashboardTool.js",
+  "main": "./lib/index.js",
   "types": "./dist/dts",
   "author": "Sanity.io <hello@sanity.io>",
   "license": "MIT",
@@ -22,13 +22,13 @@
   "dependencies": {
     "@sanity/icons": "^1.2.6",
     "@sanity/image-url": "^1.0.1",
-    "@sanity/types": "2.30.3",
+    "@sanity/types": "2.30.5-dashboard-test.27+053dce03d",
     "@sanity/ui": "^0.37.9",
     "lodash": "^4.17.15",
     "rxjs": "^6.5.3"
   },
   "devDependencies": {
-    "@sanity/base": "2.30.4",
+    "@sanity/base": "2.30.5-dashboard-test.27+053dce03d",
     "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": "655ce501017084e17e260faa5d0ffbd39dbd5d8c"
+  "gitHead": "053dce03d3ed79d1f6848b68fad7c699631ccc97"
 }