@sanity/dashboard 2.34.2-empty-template-cli.0 → 2.34.3-cdr-preview.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _Dashboard = _interopRequireDefault(require("./containers/Dashboard"));
11
-
12
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
10
  var strokeStyle = {
15
11
  stroke: 'currentColor',
16
12
  strokeWidth: 1.2
17
13
  };
18
-
19
14
  var DashboardIcon = () => /*#__PURE__*/_react.default.createElement("svg", {
20
15
  "data-sanity-icon": true,
21
16
  viewBox: "0 0 25 25",
@@ -34,7 +29,6 @@ var DashboardIcon = () => /*#__PURE__*/_react.default.createElement("svg", {
34
29
  d: "M14.5 19.5V12.5M10.5 12.5V5.5",
35
30
  style: strokeStyle
36
31
  }));
37
-
38
32
  var _default = {
39
33
  title: 'Dashboard',
40
34
  name: 'dashboard',
@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _ui = require("@sanity/ui");
13
-
14
10
  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); }
15
-
16
11
  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; }
17
-
18
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
13
  function DashboardLayout(props) {
21
14
  var width = props.width;
22
15
  var formattedWidth = (0, _react.useMemo)(() => getWidth(width), [width]);
@@ -30,7 +23,6 @@ function DashboardLayout(props) {
30
23
  "data-name": "dashboard-layout"
31
24
  }, props.children);
32
25
  }
33
-
34
26
  function getWidth(value) {
35
27
  var widthMap = {
36
28
  small: 2,
@@ -39,7 +31,6 @@ function getWidth(value) {
39
31
  };
40
32
  return (widthMap === null || widthMap === void 0 ? void 0 : widthMap[value]) || widthMap.large;
41
33
  }
42
-
43
34
  DashboardLayout.propTypes = {
44
35
  // eslint-disable-next-line react/forbid-prop-types
45
36
  children: _propTypes.default.any,
@@ -4,26 +4,17 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _ui = require("@sanity/ui");
13
-
14
10
  var _styledComponents = _interopRequireDefault(require("styled-components"));
15
-
16
11
  var _templateObject;
17
-
18
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
13
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
21
-
22
14
  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"])));
23
-
24
15
  function NotFoundWidget(props) {
25
16
  var title = props.title,
26
- children = props.children;
17
+ children = props.children;
27
18
  return /*#__PURE__*/_react.default.createElement(Root, {
28
19
  radius: 3,
29
20
  paddingX: 3,
@@ -36,7 +27,6 @@ function NotFoundWidget(props) {
36
27
  as: "h2"
37
28
  }, title), children && /*#__PURE__*/_react.default.createElement(_ui.Box, null, children)));
38
29
  }
39
-
40
30
  NotFoundWidget.propTypes = {
41
31
  // eslint-disable-next-line react/forbid-prop-types
42
32
  children: _propTypes.default.any,
@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
11
-
12
9
  var _ui = require("@sanity/ui");
13
-
14
10
  var _legacyParts = require("../legacyParts");
15
-
16
11
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
17
-
18
12
  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); }
19
-
20
13
  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; }
21
-
22
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
15
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
25
-
26
16
  var media = {
27
17
  small: function small() {
28
18
  return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n @media (min-width: ", "px) {\n ", "\n }\n "])), _ref => {
@@ -38,7 +28,6 @@ var media = {
38
28
  }
39
29
  };
40
30
  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 "]))));
41
-
42
31
  function WidgetGroup(props) {
43
32
  var config = props.config || {};
44
33
  var widgets = config.widgets || [];
@@ -56,13 +45,11 @@ function WidgetGroup(props) {
56
45
  config: widgetConfig
57
46
  });
58
47
  }
59
-
60
48
  return /*#__PURE__*/_react.default.createElement(_legacyParts.WidgetContainer, {
61
49
  key: String(index),
62
50
  config: widgetConfig
63
51
  });
64
52
  }));
65
53
  }
66
-
67
54
  var _default = WidgetGroup;
68
55
  exports.default = _default;
@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.DashboardWidget = void 0;
7
-
8
7
  var _react = _interopRequireWildcard(require("react"));
9
-
10
8
  var _ui = require("@sanity/ui");
11
-
12
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
13
-
14
10
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  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); }
19
-
20
13
  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; }
21
-
22
14
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
23
-
24
15
  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"])));
25
16
  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"])));
26
17
  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
30
21
  });
31
22
  var DashboardWidget = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
32
23
  var header = props.header,
33
- children = props.children,
34
- footer = props.footer,
35
- hideFooterBorder = props.hideFooterBorder,
36
- className = props.className;
24
+ children = props.children,
25
+ footer = props.footer,
26
+ hideFooterBorder = props.hideFooterBorder,
27
+ className = props.className;
37
28
  return /*#__PURE__*/_react.default.createElement(Root, {
38
29
  radius: 3,
39
30
  display: "flex",
@@ -4,24 +4,16 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _DashboardLayout = _interopRequireDefault(require("../components/DashboardLayout"));
11
-
12
9
  var _WidgetGroup = _interopRequireDefault(require("../components/WidgetGroup"));
13
-
14
10
  var _legacyParts = require("../legacyParts");
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  function Dashboard() {
19
13
  var _dashboardConfig$layo;
20
-
21
14
  if (!_legacyParts.dashboardConfig) {
22
15
  return null;
23
16
  }
24
-
25
17
  var widgetConfigs = _legacyParts.dashboardConfig.widgets || [];
26
18
  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';
27
19
  return /*#__PURE__*/_react.default.createElement(_DashboardLayout.default, {
@@ -32,6 +24,5 @@ function Dashboard() {
32
24
  }
33
25
  }));
34
26
  }
35
-
36
27
  var _default = Dashboard;
37
28
  exports.default = _default;
@@ -4,32 +4,20 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _NotFoundWidget = _interopRequireDefault(require("../components/NotFoundWidget"));
13
-
14
10
  var _legacyParts = require("../legacyParts");
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  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; }
19
-
20
13
  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; }
21
-
22
14
  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; }
23
-
24
15
  function WidgetContainer(props) {
25
16
  var config = props.config || {};
26
17
  var definition = Array.isArray(_legacyParts.definitions) ? _legacyParts.definitions.find(wid => wid.name === config.name) : null;
27
-
28
18
  if (definition) {
29
19
  var options = _objectSpread(_objectSpread({}, definition.options || {}), config.options || {});
30
-
31
20
  var _layout = _objectSpread(_objectSpread({}, definition.layout || {}), config.layout || {});
32
-
33
21
  return /*#__PURE__*/_react.default.createElement("div", {
34
22
  "data-width": _layout.width,
35
23
  "data-height": _layout.height,
@@ -37,7 +25,6 @@ function WidgetContainer(props) {
37
25
  "data-name": "sanity-dashboard-widget-container"
38
26
  }, /*#__PURE__*/_react.default.createElement(definition.component, options));
39
27
  }
40
-
41
28
  var layout = config.layout || {};
42
29
  return /*#__PURE__*/_react.default.createElement("div", {
43
30
  "data-width": layout.width,
@@ -46,7 +33,6 @@ function WidgetContainer(props) {
46
33
  title: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Not found: \"", config.name, "\"")
47
34
  }, /*#__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"), ".")));
48
35
  }
49
-
50
36
  WidgetContainer.propTypes = {
51
37
  // eslint-disable-next-line react/forbid-prop-types
52
38
  config: _propTypes.default.any
package/lib/index.js CHANGED
@@ -10,9 +10,7 @@ Object.defineProperty(exports, "default", {
10
10
  return _DashboardTool.default;
11
11
  }
12
12
  });
13
-
14
13
  var _dashboardWidget = require("./components/dashboardWidget");
15
-
16
14
  Object.keys(_dashboardWidget).forEach(function (key) {
17
15
  if (key === "default" || key === "__esModule") return;
18
16
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -24,7 +22,5 @@ Object.keys(_dashboardWidget).forEach(function (key) {
24
22
  }
25
23
  });
26
24
  });
27
-
28
25
  var _DashboardTool = _interopRequireDefault(require("./DashboardTool"));
29
-
30
26
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -39,17 +39,10 @@ Object.defineProperty(exports, "userStore", {
39
39
  return _user.default;
40
40
  }
41
41
  });
42
-
43
42
  var _widgetContainer = _interopRequireDefault(require("part:@sanity/dashboard/widget-container"));
44
-
45
43
  var _config = _interopRequireDefault(require("part:@sanity/dashboard/config?"));
46
-
47
44
  var _client = _interopRequireDefault(require("part:@sanity/base/client"));
48
-
49
45
  var _widget = _interopRequireDefault(require("all:part:@sanity/dashboard/widget?"));
50
-
51
46
  var _default = _interopRequireDefault(require("part:@sanity/components/previews/default"));
52
-
53
47
  var _user = _interopRequireDefault(require("part:@sanity/base/user"));
54
-
55
48
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.versionedClient = void 0;
7
-
8
7
  var _legacyParts = require("./legacyParts");
9
-
10
8
  /**
11
9
  * Only for use inside of @sanity/dashboard
12
10
  * Don't import this from external modules.
@@ -16,5 +14,4 @@ var _legacyParts = require("./legacyParts");
16
14
  var versionedClient = _legacyParts.sanityClient.withConfig({
17
15
  apiVersion: '1'
18
16
  });
19
-
20
17
  exports.versionedClient = versionedClient;
@@ -4,55 +4,38 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _isPlainObject2 = _interopRequireDefault(require("lodash/isPlainObject"));
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
10
  var _ui = require("@sanity/ui");
15
-
16
11
  var _versionedClient = require("../../versionedClient");
17
-
18
12
  var _ = require("../../");
19
-
20
13
  var _legacyParts = require("../../legacyParts");
21
-
22
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
15
  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; }
25
-
26
16
  var _versionedClient$conf = _versionedClient.versionedClient.config(),
27
- projectId = _versionedClient$conf.projectId,
28
- dataset = _versionedClient$conf.dataset;
29
-
17
+ projectId = _versionedClient$conf.projectId,
18
+ dataset = _versionedClient$conf.dataset;
30
19
  function isUrl(url) {
31
20
  return /^https?:\/\//.test("".concat(url));
32
21
  }
33
-
34
22
  function getGraphQlUrl() {
35
23
  return "https://".concat(projectId, ".api.sanity.io/v1/graphql/").concat(dataset, "/default");
36
24
  }
37
-
38
25
  function getGroqUrl() {
39
26
  return "https://".concat(projectId, ".api.sanity.io/v1/groq/").concat(dataset);
40
27
  }
41
-
42
28
  function getManageUrl() {
43
29
  return "https://manage.sanity.io/projects/".concat(projectId);
44
30
  }
45
-
46
31
  class ProjectInfo extends _react.default.PureComponent {
47
32
  constructor() {
48
33
  super(...arguments);
49
-
50
34
  _defineProperty(this, "state", {
51
35
  studioHost: null,
52
36
  graphqlApi: null
53
37
  });
54
38
  }
55
-
56
39
  componentDidMount() {
57
40
  // fetch project data
58
41
  this.subscriptions = [];
@@ -73,8 +56,9 @@ class ProjectInfo extends _react.default.PureComponent {
73
56
  }
74
57
  });
75
58
  }
76
- })); // ping assumed graphql endpoint
59
+ }));
77
60
 
61
+ // ping assumed graphql endpoint
78
62
  this.subscriptions.push(_versionedClient.versionedClient.observable.request({
79
63
  method: 'HEAD',
80
64
  uri: "/graphql/".concat(dataset, "/default")
@@ -98,15 +82,13 @@ class ProjectInfo extends _react.default.PureComponent {
98
82
  }
99
83
  }));
100
84
  }
101
-
102
85
  componentWillUnmount() {
103
86
  this.subscriptions.forEach(sub => sub.unsubscribe());
104
87
  }
105
-
106
88
  assembleTableRows() {
107
89
  var _this$state = this.state,
108
- graphqlApi = _this$state.graphqlApi,
109
- studioHost = _this$state.studioHost;
90
+ graphqlApi = _this$state.graphqlApi,
91
+ studioHost = _this$state.studioHost;
110
92
  var propsData = this.props.data;
111
93
  var result = [{
112
94
  title: 'Sanity project',
@@ -117,21 +99,21 @@ class ProjectInfo extends _react.default.PureComponent {
117
99
  title: 'Dataset',
118
100
  value: dataset
119
101
  }]
120
- }]; // Handle any apps
102
+ }];
121
103
 
104
+ // Handle any apps
122
105
  var apps = [studioHost ? {
123
106
  title: 'Studio',
124
107
  value: studioHost
125
108
  } : null].concat(propsData.filter(item => item.category === 'apps')).filter(Boolean);
126
-
127
109
  if (apps.length > 0) {
128
110
  result = result.concat([{
129
111
  title: 'Apps',
130
112
  rows: apps
131
113
  }]);
132
- } // Handle APIs
133
-
114
+ }
134
115
 
116
+ // Handle APIs
135
117
  result = result.concat([{
136
118
  title: 'APIs',
137
119
  rows: [{
@@ -141,15 +123,15 @@ class ProjectInfo extends _react.default.PureComponent {
141
123
  title: 'GraphQL',
142
124
  value: graphqlApi || 'Not deployed'
143
125
  }]
144
- }], propsData.filter(item => item.category === 'apis')); // Handle whatever else there might be
126
+ }], propsData.filter(item => item.category === 'apis'));
145
127
 
128
+ // Handle whatever else there might be
146
129
  var otherStuff = {};
147
130
  propsData.forEach(item => {
148
131
  if (item.category !== 'apps' && item.category !== 'apis') {
149
132
  if (!otherStuff[item.category]) {
150
133
  otherStuff[item.category] = [];
151
134
  }
152
-
153
135
  otherStuff[item.category].push(item);
154
136
  }
155
137
  });
@@ -161,10 +143,8 @@ class ProjectInfo extends _react.default.PureComponent {
161
143
  });
162
144
  return result;
163
145
  }
164
-
165
146
  render() {
166
147
  var _this$props$__experim;
167
-
168
148
  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, {
169
149
  key: String(idx),
170
150
  config: widgetConfig
@@ -203,7 +183,6 @@ class ProjectInfo extends _react.default.PureComponent {
203
183
  if (!item || !item.rows) {
204
184
  return null;
205
185
  }
206
-
207
186
  return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
208
187
  key: item.title,
209
188
  space: 3
@@ -246,20 +225,16 @@ class ProjectInfo extends _react.default.PureComponent {
246
225
  })));
247
226
  }))))));
248
227
  }
249
-
250
228
  }
251
-
252
229
  _defineProperty(ProjectInfo, "propTypes", {
253
230
  // eslint-disable-next-line camelcase
254
231
  __experimental_before: _propTypes.default.array,
255
232
  data: _propTypes.default.array
256
233
  });
257
-
258
234
  _defineProperty(ProjectInfo, "defaultProps", {
259
235
  // eslint-disable-next-line camelcase
260
236
  __experimental_before: [],
261
237
  data: []
262
238
  });
263
-
264
239
  var _default = ProjectInfo;
265
240
  exports.default = _default;
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _ProjectInfo = _interopRequireDefault(require("./ProjectInfo"));
9
-
10
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
-
12
9
  var _default = {
13
10
  name: 'project-info',
14
11
  component: _ProjectInfo.default,
@@ -4,90 +4,62 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _operators = require("rxjs/operators");
11
-
12
9
  var _ui = require("@sanity/ui");
13
-
14
10
  var _icons = require("@sanity/icons");
15
-
16
11
  var _styledComponents = _interopRequireDefault(require("styled-components"));
17
-
18
12
  var _components = require("@sanity/base/components");
19
-
20
13
  var _spinner = _interopRequireDefault(require("part:@sanity/components/loading/spinner"));
21
-
22
14
  var _versionedClient = require("../../versionedClient");
23
-
24
15
  var _ = require("../../");
25
-
26
16
  var _legacyParts = require("../../legacyParts");
27
-
28
17
  var _templateObject;
29
-
30
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
31
-
32
19
  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; }
33
-
34
20
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
35
-
36
21
  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"])));
37
-
38
22
  function getInviteUrl(projectId) {
39
23
  return "https://manage.sanity.io/projects/".concat(projectId, "/team/invite");
40
24
  }
41
-
42
25
  function sortUsersByRobotStatus(userA, userB, project) {
43
26
  var members = project.members;
44
27
  var membershipA = members.find(member => member.id === userA.id);
45
28
  var membershipB = members.find(member => member.id === userB.id);
46
-
47
29
  if (membershipA.isRobot) {
48
30
  return 1;
49
31
  }
50
-
51
32
  if (membershipB.isRobot) {
52
33
  return -1;
53
34
  }
54
-
55
35
  return 0;
56
36
  }
57
-
58
37
  class ProjectUsers extends _react.default.PureComponent {
59
38
  constructor() {
60
39
  super(...arguments);
61
-
62
40
  _defineProperty(this, "state", {
63
41
  project: null,
64
42
  users: null,
65
43
  error: null
66
44
  });
67
-
68
45
  _defineProperty(this, "handleRetryFetch", () => {
69
46
  this.fetchData();
70
47
  });
71
48
  }
72
-
73
49
  componentDidMount() {
74
50
  this.fetchData();
75
51
  }
76
-
77
52
  componentWillUnmount() {
78
53
  if (this.subscription) {
79
54
  this.subscription.unsubscribe();
80
55
  }
81
56
  }
82
-
83
57
  fetchData() {
84
58
  if (this.subscription) {
85
59
  this.subscription.unsubscribe();
86
60
  }
87
-
88
61
  var _versionedClient$conf = _versionedClient.versionedClient.config(),
89
- projectId = _versionedClient$conf.projectId;
90
-
62
+ projectId = _versionedClient$conf.projectId;
91
63
  this.subscription = _versionedClient.versionedClient.observable.request({
92
64
  uri: "/projects/".concat(projectId)
93
65
  }).pipe((0, _operators.switchMap)(project => _legacyParts.userStore.observable.getUsers(project.members.map(mem => mem.id)).pipe((0, _operators.map)(users => ({
@@ -96,7 +68,7 @@ class ProjectUsers extends _react.default.PureComponent {
96
68
  }))))).subscribe({
97
69
  next: _ref => {
98
70
  var users = _ref.users,
99
- project = _ref.project;
71
+ project = _ref.project;
100
72
  return this.setState({
101
73
  project,
102
74
  users: (Array.isArray(users) ? users : [users]).sort((userA, userB) => sortUsersByRobotStatus(userA, userB, project))
@@ -107,14 +79,12 @@ class ProjectUsers extends _react.default.PureComponent {
107
79
  })
108
80
  });
109
81
  }
110
-
111
82
  render() {
112
83
  var _this$state = this.state,
113
- error = _this$state.error,
114
- project = _this$state.project,
115
- users = _this$state.users;
84
+ error = _this$state.error,
85
+ project = _this$state.project,
86
+ users = _this$state.users;
116
87
  var isLoading = !users || !project;
117
-
118
88
  if (error) {
119
89
  return /*#__PURE__*/_react.default.createElement(_.DashboardWidget, {
120
90
  header: "Project users"
@@ -128,7 +98,6 @@ class ProjectUsers extends _react.default.PureComponent {
128
98
  }
129
99
  }, "retry"), "..?")));
130
100
  }
131
-
132
101
  return /*#__PURE__*/_react.default.createElement(_.DashboardWidget, {
133
102
  header: "Project users",
134
103
  footer: /*#__PURE__*/_react.default.createElement(_ui.Button, {
@@ -171,12 +140,8 @@ class ProjectUsers extends _react.default.PureComponent {
171
140
  }));
172
141
  })));
173
142
  }
174
-
175
143
  }
176
-
177
144
  _defineProperty(ProjectUsers, "propTypes", {});
178
-
179
145
  _defineProperty(ProjectUsers, "defaultProps", {});
180
-
181
146
  var _default = ProjectUsers;
182
147
  exports.default = _default;
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _ProjectUsers = _interopRequireDefault(require("./ProjectUsers"));
9
-
10
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
-
12
9
  var _default = {
13
10
  name: 'project-users',
14
11
  component: _ProjectUsers.default
@@ -4,33 +4,23 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _ui = require("@sanity/ui");
13
-
14
10
  var _Tutorial = _interopRequireDefault(require("./Tutorial"));
15
-
16
11
  var _dataAdapter = _interopRequireDefault(require("./dataAdapter"));
17
-
18
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
13
  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; }
21
-
22
14
  var FeedItem = _ref => {
23
15
  var feedItem = _ref.feedItem;
24
16
  // Check to see if the feed item has the content needed to render an item with a link and poster image
25
17
  var isEmpty = !feedItem.title || !feedItem.guideOrTutorial && !feedItem.externalLink && !feedItem.feedItems;
26
-
27
18
  if (isEmpty) {
28
19
  return null;
29
20
  }
30
-
31
21
  var subtitle = feedItem.description;
32
22
  var _feedItem$guideOrTuto = feedItem.guideOrTutorial,
33
- guideOrTutorial = _feedItem$guideOrTuto === void 0 ? {} : _feedItem$guideOrTuto;
23
+ guideOrTutorial = _feedItem$guideOrTuto === void 0 ? {} : _feedItem$guideOrTuto;
34
24
  return /*#__PURE__*/_react.default.createElement(_Tutorial.default, {
35
25
  title: feedItem.title,
36
26
  href: createUrl(guideOrTutorial.slug, guideOrTutorial._type) || feedItem.externalLink,
@@ -39,29 +29,23 @@ var FeedItem = _ref => {
39
29
  posterURL: feedItem.poster ? urlBuilder.image(feedItem.poster).height(360).url() : undefined
40
30
  });
41
31
  };
42
-
43
32
  var urlBuilder = _dataAdapter.default.urlBuilder,
44
- getFeed = _dataAdapter.default.getFeed;
45
-
33
+ getFeed = _dataAdapter.default.getFeed;
46
34
  function createUrl(slug, type) {
47
35
  if (type === 'tutorial') {
48
36
  return "https://www.sanity.io/docs/tutorials/".concat(slug.current);
49
37
  } else if (type === 'guide') {
50
38
  return "https://www.sanity.io/docs/guides/".concat(slug.current);
51
39
  }
52
-
53
40
  return false;
54
41
  }
55
-
56
42
  class SanityTutorials extends _react.default.Component {
57
43
  constructor() {
58
44
  super(...arguments);
59
-
60
45
  _defineProperty(this, "state", {
61
46
  feedItems: []
62
47
  });
63
48
  }
64
-
65
49
  componentDidMount() {
66
50
  var templateRepoId = this.props.templateRepoId;
67
51
  this.subscription = getFeed(templateRepoId).subscribe(response => {
@@ -71,24 +55,21 @@ class SanityTutorials extends _react.default.Component {
71
55
  });
72
56
  });
73
57
  }
74
-
75
58
  componentWillUnmount() {
76
59
  if (this.subscription) {
77
60
  this.subscription.unsubscribe();
78
61
  }
79
62
  }
80
-
81
63
  render() {
82
64
  var _this$state = this.state,
83
- _this$state$title = _this$state.title,
84
- title = _this$state$title === void 0 ? 'Learn about Sanity' : _this$state$title,
85
- feedItems = _this$state.feedItems; // Filter out items and sections for layout purposes
65
+ _this$state$title = _this$state.title,
66
+ title = _this$state$title === void 0 ? 'Learn about Sanity' : _this$state$title,
67
+ feedItems = _this$state.feedItems;
86
68
 
69
+ // Filter out items and sections for layout purposes
87
70
  var sections = feedItems.filter(i => i._type === 'feedSection');
88
71
  var items = feedItems.filter(i => i._type === 'feedItem');
89
-
90
72
  var columns = length => length < 4 ? [1, 2, 3] : [1, 2, 3, 4];
91
-
92
73
  return /*#__PURE__*/_react.default.createElement(_ui.Container, {
93
74
  width: 4
94
75
  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
@@ -126,7 +107,6 @@ class SanityTutorials extends _react.default.Component {
126
107
  text: "Go to docs"
127
108
  }))))), sections && (sections === null || sections === void 0 ? void 0 : sections.length) > 0 && sections.map(section => {
128
109
  var _section$sectionItems;
129
-
130
110
  return (section === null || section === void 0 ? void 0 : section.sectionItems) && /*#__PURE__*/_react.default.createElement(_ui.Stack, {
131
111
  space: 4,
132
112
  key: section._id
@@ -154,16 +134,12 @@ class SanityTutorials extends _react.default.Component {
154
134
  feedItem: feedItem
155
135
  })))))));
156
136
  }
157
-
158
137
  }
159
-
160
138
  _defineProperty(SanityTutorials, "propTypes", {
161
139
  templateRepoId: _propTypes.default.string
162
140
  });
163
-
164
141
  _defineProperty(SanityTutorials, "defaultProps", {
165
142
  templateRepoId: null
166
143
  });
167
-
168
144
  var _default = SanityTutorials;
169
145
  exports.default = _default;
@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _ui = require("@sanity/ui");
11
-
12
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
13
-
14
10
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  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; }
19
-
20
13
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
21
-
22
14
  // eslint-disable-next-line no-useless-escape
23
15
  var youtubeRegex = /youtu(?:.*\/v\/|.*v\=|\.be\/)([A-Za-z0-9_-]{11})/;
24
16
  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
27
19
  });
28
20
  var Root = (0, _styledComponents.default)(_ui.Flex)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n &:hover {\n ", " {\n &:before {\n opacity: 1;\n }\n }\n }\n"])), PlayIconBox);
29
21
  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"])));
30
-
31
22
  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"])));
32
-
33
23
  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"])));
34
-
35
24
  var YoutubeEmbed = _ref2 => {
36
25
  var embedId = _ref2.embedId;
37
26
  return /*#__PURE__*/_react.default.createElement(YoutubeContainer, {
@@ -45,15 +34,14 @@ var YoutubeEmbed = _ref2 => {
45
34
  allowFullScreen: true
46
35
  }));
47
36
  };
48
-
49
37
  class Tutorial extends _react.default.PureComponent {
50
38
  render() {
51
39
  var _this$props = this.props,
52
- title = _this$props.title,
53
- posterURL = _this$props.posterURL,
54
- showPlayIcon = _this$props.showPlayIcon,
55
- href = _this$props.href,
56
- presenterSubtitle = _this$props.presenterSubtitle;
40
+ title = _this$props.title,
41
+ posterURL = _this$props.posterURL,
42
+ showPlayIcon = _this$props.showPlayIcon,
43
+ href = _this$props.href,
44
+ presenterSubtitle = _this$props.presenterSubtitle;
57
45
  var isYoutube = showPlayIcon && href && href.match(youtubeRegex);
58
46
  return isYoutube ? /*#__PURE__*/_react.default.createElement(_ui.Card, {
59
47
  space: 2,
@@ -115,13 +103,10 @@ class Tutorial extends _react.default.PureComponent {
115
103
  muted: true
116
104
  }, presenterSubtitle)))));
117
105
  }
118
-
119
106
  }
120
-
121
107
  _defineProperty(Tutorial, "defaultProps", {
122
108
  posterURL: null,
123
109
  showPlayIcon: false
124
110
  });
125
-
126
111
  var _default = Tutorial;
127
112
  exports.default = _default;
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _imageUrl = _interopRequireDefault(require("@sanity/image-url"));
9
-
10
8
  var _versionedClient = require("../../versionedClient");
11
-
12
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
10
  var tutorialsProjectConfig = {
15
11
  projectId: '3do82whm',
16
12
  dataset: 'next'
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _SanityTutorials = _interopRequireDefault(require("./SanityTutorials"));
9
-
10
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
-
12
9
  var _default = {
13
10
  name: 'sanity-tutorials',
14
11
  component: _SanityTutorials.default,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sanity/dashboard",
3
- "version": "2.34.2-empty-template-cli.0+184a9350e5",
3
+ "version": "2.34.3-cdr-preview.7+0d661c122",
4
4
  "description": "Tool for rendering dashboard widgets",
5
5
  "main": "./lib/index.js",
6
6
  "types": "./dist/dts",
@@ -22,13 +22,13 @@
22
22
  "dependencies": {
23
23
  "@sanity/icons": "^1.3.4",
24
24
  "@sanity/image-url": "^1.0.1",
25
- "@sanity/types": "2.34.2-empty-template-cli.0+184a9350e5",
25
+ "@sanity/types": "2.34.3-cdr-preview.7+0d661c122",
26
26
  "@sanity/ui": "^0.37.22",
27
27
  "lodash": "^4.17.15",
28
28
  "rxjs": "^6.5.3"
29
29
  },
30
30
  "devDependencies": {
31
- "@sanity/base": "2.34.2-empty-template-cli.0+184a9350e5",
31
+ "@sanity/base": "2.34.3-cdr-preview.7+0d661c122",
32
32
  "prop-types": "^15.6.0",
33
33
  "rimraf": "^2.7.1"
34
34
  },
@@ -47,5 +47,5 @@
47
47
  "url": "https://github.com/sanity-io/sanity/issues"
48
48
  },
49
49
  "homepage": "https://www.sanity.io/",
50
- "gitHead": "184a9350e50aa05877a3b10e052ce4e2ca743ef0"
50
+ "gitHead": "0d661c122864b683c7bfbcb03fddc2407c617ae0"
51
51
  }