@sanity/dashboard 2.30.1 → 3.0.0-sanity-v3.0
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.
- package/README.md +123 -44
- package/lib/cjs/index.js +1002 -0
- package/lib/cjs/index.js.map +1 -0
- package/lib/esm/index.js +977 -0
- package/lib/esm/index.js.map +1 -0
- package/lib/types/index.d.ts +42 -0
- package/lib/types/index.d.ts.map +1 -0
- package/package.json +53 -14
- package/src/components/DashboardLayout.tsx +10 -0
- package/src/components/DashboardWidgetContainer.tsx +69 -0
- package/src/components/NotFoundWidget.tsx +30 -0
- package/src/components/WidgetGroup.tsx +108 -0
- package/src/containers/Dashboard.tsx +19 -0
- package/src/containers/DashboardContext.tsx +8 -0
- package/src/containers/WidgetContainer.tsx +21 -0
- package/src/index.tsx +62 -0
- package/src/types.ts +21 -0
- package/src/versionedClient.ts +7 -0
- package/src/widgets/projectInfo/ProjectInfo.tsx +233 -0
- package/src/widgets/projectInfo/index.ts +10 -0
- package/src/widgets/projectUsers/ProjectUsers.tsx +171 -0
- package/src/widgets/projectUsers/index.ts +10 -0
- package/src/widgets/sanityTutorials/SanityTutorials.tsx +77 -0
- package/src/widgets/sanityTutorials/Tutorial.tsx +111 -0
- package/src/widgets/sanityTutorials/dataAdapter.ts +48 -0
- package/src/widgets/sanityTutorials/index.ts +10 -0
- package/.babelrc +0 -4
- package/lib/DashboardTool.js +0 -59
- package/lib/components/DashboardLayout.js +0 -35
- package/lib/components/NotFoundWidget.js +0 -51
- package/lib/components/WidgetGroup.js +0 -67
- package/lib/components/dashboardWidget.js +0 -51
- package/lib/containers/Dashboard.js +0 -32
- package/lib/containers/WidgetContainer.js +0 -56
- package/lib/dashboardConfig.js +0 -16
- package/lib/legacyParts.js +0 -55
- package/lib/versionedClient.js +0 -20
- package/lib/widget.css +0 -62
- package/lib/widgets/projectInfo/ProjectInfo.js +0 -265
- package/lib/widgets/projectInfo/index.js +0 -19
- package/lib/widgets/projectUsers/ProjectUsers.js +0 -188
- package/lib/widgets/projectUsers/index.js +0 -16
- package/lib/widgets/sanityTutorials/SanityTutorials.js +0 -115
- package/lib/widgets/sanityTutorials/Tutorial.js +0 -111
- package/lib/widgets/sanityTutorials/dataAdapter.js +0 -28
- package/lib/widgets/sanityTutorials/index.js +0 -19
- package/sanity.json +0 -59
- package/tsconfig.json +0 -17
package/lib/DashboardTool.js
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _exportNames = {};
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
|
|
11
|
-
var _Dashboard = _interopRequireDefault(require("./containers/Dashboard"));
|
|
12
|
-
|
|
13
|
-
var _dashboardWidget = require("./components/dashboardWidget");
|
|
14
|
-
|
|
15
|
-
Object.keys(_dashboardWidget).forEach(function (key) {
|
|
16
|
-
if (key === "default" || key === "__esModule") return;
|
|
17
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
18
|
-
if (key in exports && exports[key] === _dashboardWidget[key]) return;
|
|
19
|
-
Object.defineProperty(exports, key, {
|
|
20
|
-
enumerable: true,
|
|
21
|
-
get: function get() {
|
|
22
|
-
return _dashboardWidget[key];
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
});
|
|
26
|
-
|
|
27
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
28
|
-
|
|
29
|
-
var strokeStyle = {
|
|
30
|
-
stroke: 'currentColor',
|
|
31
|
-
strokeWidth: 1.2
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
var DashboardIcon = () => /*#__PURE__*/_react.default.createElement("svg", {
|
|
35
|
-
"data-sanity-icon": true,
|
|
36
|
-
viewBox: "0 0 25 25",
|
|
37
|
-
fill: "none",
|
|
38
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
39
|
-
preserveAspectRatio: "xMidYMid",
|
|
40
|
-
width: "1em",
|
|
41
|
-
height: "1em"
|
|
42
|
-
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
43
|
-
d: "M19.5 19.5H5.5V5.5H19.5V19.5Z",
|
|
44
|
-
style: strokeStyle
|
|
45
|
-
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
46
|
-
d: "M5.5 12.5H19.5",
|
|
47
|
-
style: strokeStyle
|
|
48
|
-
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
49
|
-
d: "M14.5 19.5V12.5M10.5 12.5V5.5",
|
|
50
|
-
style: strokeStyle
|
|
51
|
-
}));
|
|
52
|
-
|
|
53
|
-
var _default = {
|
|
54
|
-
title: 'Dashboard',
|
|
55
|
-
name: 'dashboard',
|
|
56
|
-
icon: DashboardIcon,
|
|
57
|
-
component: _Dashboard.default
|
|
58
|
-
};
|
|
59
|
-
exports.default = _default;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _ui = require("@sanity/ui");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
function DashboardLayout(props) {
|
|
17
|
-
return /*#__PURE__*/_react.default.createElement(_ui.Container, {
|
|
18
|
-
width: 4,
|
|
19
|
-
padding: 4,
|
|
20
|
-
sizing: "border",
|
|
21
|
-
style: {
|
|
22
|
-
minHeight: '100%'
|
|
23
|
-
}
|
|
24
|
-
}, props.children);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
DashboardLayout.propTypes = {
|
|
28
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
29
|
-
children: _propTypes.default.any
|
|
30
|
-
};
|
|
31
|
-
DashboardLayout.defaultProps = {
|
|
32
|
-
children: 'Dummy'
|
|
33
|
-
};
|
|
34
|
-
var _default = DashboardLayout;
|
|
35
|
-
exports.default = _default;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _ui = require("@sanity/ui");
|
|
13
|
-
|
|
14
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
15
|
-
|
|
16
|
-
var _templateObject;
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
21
|
-
|
|
22
|
-
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
|
-
function NotFoundWidget(props) {
|
|
25
|
-
var title = props.title,
|
|
26
|
-
children = props.children;
|
|
27
|
-
return /*#__PURE__*/_react.default.createElement(Root, {
|
|
28
|
-
radius: 3,
|
|
29
|
-
paddingX: 3,
|
|
30
|
-
paddingY: 4,
|
|
31
|
-
tone: "critical"
|
|
32
|
-
}, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
|
|
33
|
-
space: 2
|
|
34
|
-
}, title && /*#__PURE__*/_react.default.createElement(_ui.Heading, {
|
|
35
|
-
size: 1,
|
|
36
|
-
as: "h2"
|
|
37
|
-
}, title), children && /*#__PURE__*/_react.default.createElement(_ui.Box, null, children)));
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
NotFoundWidget.propTypes = {
|
|
41
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
42
|
-
children: _propTypes.default.any,
|
|
43
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
44
|
-
title: _propTypes.default.any
|
|
45
|
-
};
|
|
46
|
-
NotFoundWidget.defaultProps = {
|
|
47
|
-
children: null,
|
|
48
|
-
title: null
|
|
49
|
-
};
|
|
50
|
-
var _default = NotFoundWidget;
|
|
51
|
-
exports.default = _default;
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
11
|
-
|
|
12
|
-
var _ui = require("@sanity/ui");
|
|
13
|
-
|
|
14
|
-
var _legacyParts = require("../legacyParts");
|
|
15
|
-
|
|
16
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
|
17
|
-
|
|
18
|
-
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
|
-
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
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
25
|
-
|
|
26
|
-
var media = {
|
|
27
|
-
small: function small() {
|
|
28
|
-
return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n @media (min-width: ", "px) {\n ", "\n }\n "])), _ref => {
|
|
29
|
-
var theme = _ref.theme;
|
|
30
|
-
return theme.sanity.media[0];
|
|
31
|
-
}, (0, _styledComponents.css)(...arguments));
|
|
32
|
-
},
|
|
33
|
-
medium: function medium() {
|
|
34
|
-
return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n @media (min-width: ", "px) {\n ", "\n }\n "])), _ref2 => {
|
|
35
|
-
var theme = _ref2.theme;
|
|
36
|
-
return theme.sanity.media[2];
|
|
37
|
-
}, (0, _styledComponents.css)(...arguments));
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
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
|
-
function WidgetGroup(props) {
|
|
43
|
-
var config = props.config || {};
|
|
44
|
-
var widgets = config.widgets || [];
|
|
45
|
-
var layout = config.layout || {};
|
|
46
|
-
return /*#__PURE__*/_react.default.createElement(Root, {
|
|
47
|
-
autoFlow: "dense",
|
|
48
|
-
"data-width": layout.width || 'auto',
|
|
49
|
-
"data-height": layout.height || 'auto',
|
|
50
|
-
gap: 4
|
|
51
|
-
}, widgets.map((widgetConfig, index) => {
|
|
52
|
-
if (widgetConfig.type === '__experimental_group') {
|
|
53
|
-
return /*#__PURE__*/_react.default.createElement(WidgetGroup, {
|
|
54
|
-
key: String(index),
|
|
55
|
-
config: widgetConfig
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
return /*#__PURE__*/_react.default.createElement(_legacyParts.WidgetContainer, {
|
|
60
|
-
key: String(index),
|
|
61
|
-
config: widgetConfig
|
|
62
|
-
});
|
|
63
|
-
}));
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
var _default = WidgetGroup;
|
|
67
|
-
exports.default = _default;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.DashboardWidget = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
var _ui = require("@sanity/ui");
|
|
11
|
-
|
|
12
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
|
-
|
|
14
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
|
-
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
|
-
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
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
23
|
-
|
|
24
|
-
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
|
-
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
|
-
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"])));
|
|
27
|
-
var Content = (0, _styledComponents.default)(_ui.Box)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: relative;\n z-index: 1;\n height: stretch;\n min-height: 21.5em;\n\n @media (min-width: ", "px) {\n overflow-y: auto;\n outline: none;\n }\n"])), _ref => {
|
|
28
|
-
var theme = _ref.theme;
|
|
29
|
-
return theme.sanity.media[0];
|
|
30
|
-
});
|
|
31
|
-
var DashboardWidget = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
32
|
-
var header = props.header,
|
|
33
|
-
children = props.children,
|
|
34
|
-
footer = props.footer;
|
|
35
|
-
return /*#__PURE__*/_react.default.createElement(Root, {
|
|
36
|
-
radius: 3,
|
|
37
|
-
display: "flex",
|
|
38
|
-
ref: ref
|
|
39
|
-
}, header && /*#__PURE__*/_react.default.createElement(Header, {
|
|
40
|
-
borderBottom: true,
|
|
41
|
-
paddingX: 3,
|
|
42
|
-
paddingY: 4
|
|
43
|
-
}, /*#__PURE__*/_react.default.createElement(_ui.Heading, {
|
|
44
|
-
size: 1,
|
|
45
|
-
textOverflow: "ellipsis"
|
|
46
|
-
}, header)), children && /*#__PURE__*/_react.default.createElement(Content, null, children), footer && /*#__PURE__*/_react.default.createElement(Footer, {
|
|
47
|
-
borderTop: true
|
|
48
|
-
}, footer));
|
|
49
|
-
});
|
|
50
|
-
exports.DashboardWidget = DashboardWidget;
|
|
51
|
-
DashboardWidget.displayName = 'DashboardWidget';
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _DashboardLayout = _interopRequireDefault(require("../components/DashboardLayout"));
|
|
11
|
-
|
|
12
|
-
var _WidgetGroup = _interopRequireDefault(require("../components/WidgetGroup"));
|
|
13
|
-
|
|
14
|
-
var _legacyParts = require("../legacyParts");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
|
-
function Dashboard() {
|
|
19
|
-
if (!_legacyParts.dashboardConfig) {
|
|
20
|
-
return null;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
var widgetConfigs = _legacyParts.dashboardConfig.widgets || [];
|
|
24
|
-
return /*#__PURE__*/_react.default.createElement(_DashboardLayout.default, null, /*#__PURE__*/_react.default.createElement(_WidgetGroup.default, {
|
|
25
|
-
config: {
|
|
26
|
-
widgets: widgetConfigs
|
|
27
|
-
}
|
|
28
|
-
}));
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
var _default = Dashboard;
|
|
32
|
-
exports.default = _default;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _NotFoundWidget = _interopRequireDefault(require("../components/NotFoundWidget"));
|
|
13
|
-
|
|
14
|
-
var _legacyParts = require("../legacyParts");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
|
-
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
|
-
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
|
-
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
|
-
function WidgetContainer(props) {
|
|
25
|
-
var config = props.config || {};
|
|
26
|
-
var definition = Array.isArray(_legacyParts.definitions) ? _legacyParts.definitions.find(wid => wid.name === config.name) : null;
|
|
27
|
-
|
|
28
|
-
if (definition) {
|
|
29
|
-
var options = _objectSpread(_objectSpread({}, definition.options || {}), config.options || {});
|
|
30
|
-
|
|
31
|
-
var _layout = _objectSpread(_objectSpread({}, definition.layout || {}), config.layout || {});
|
|
32
|
-
|
|
33
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
34
|
-
"data-width": _layout.width,
|
|
35
|
-
"data-height": _layout.height
|
|
36
|
-
}, /*#__PURE__*/_react.default.createElement(definition.component, options));
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
var layout = config.layout || {};
|
|
40
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
41
|
-
"data-width": layout.width,
|
|
42
|
-
"data-height": layout.height
|
|
43
|
-
}, /*#__PURE__*/_react.default.createElement(_NotFoundWidget.default, {
|
|
44
|
-
title: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Not found: \"", config.name, "\"")
|
|
45
|
-
}, /*#__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"), ".")));
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
WidgetContainer.propTypes = {
|
|
49
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
50
|
-
config: _propTypes.default.any
|
|
51
|
-
};
|
|
52
|
-
WidgetContainer.defaultProps = {
|
|
53
|
-
config: null
|
|
54
|
-
};
|
|
55
|
-
var _default = WidgetContainer;
|
|
56
|
-
exports.default = _default;
|
package/lib/dashboardConfig.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _default = {
|
|
8
|
-
widgets: [{
|
|
9
|
-
name: 'sanity-tutorials'
|
|
10
|
-
}, {
|
|
11
|
-
name: 'project-info'
|
|
12
|
-
}, {
|
|
13
|
-
name: 'project-users'
|
|
14
|
-
}]
|
|
15
|
-
};
|
|
16
|
-
exports.default = _default;
|
package/lib/legacyParts.js
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "DefaultPreview", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _default.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "WidgetContainer", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function get() {
|
|
15
|
-
return _widgetContainer.default;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "dashboardConfig", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function get() {
|
|
21
|
-
return _config.default;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
Object.defineProperty(exports, "definitions", {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function get() {
|
|
27
|
-
return _widget.default;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
Object.defineProperty(exports, "sanityClient", {
|
|
31
|
-
enumerable: true,
|
|
32
|
-
get: function get() {
|
|
33
|
-
return _client.default;
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
Object.defineProperty(exports, "userStore", {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function get() {
|
|
39
|
-
return _user.default;
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
|
|
43
|
-
var _widgetContainer = _interopRequireDefault(require("part:@sanity/dashboard/widget-container"));
|
|
44
|
-
|
|
45
|
-
var _config = _interopRequireDefault(require("part:@sanity/dashboard/config?"));
|
|
46
|
-
|
|
47
|
-
var _client = _interopRequireDefault(require("part:@sanity/base/client"));
|
|
48
|
-
|
|
49
|
-
var _widget = _interopRequireDefault(require("all:part:@sanity/dashboard/widget?"));
|
|
50
|
-
|
|
51
|
-
var _default = _interopRequireDefault(require("part:@sanity/components/previews/default"));
|
|
52
|
-
|
|
53
|
-
var _user = _interopRequireDefault(require("part:@sanity/base/user"));
|
|
54
|
-
|
|
55
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
package/lib/versionedClient.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.versionedClient = void 0;
|
|
7
|
-
|
|
8
|
-
var _legacyParts = require("./legacyParts");
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* Only for use inside of @sanity/dashboard
|
|
12
|
-
* Don't import this from external modules.
|
|
13
|
-
*
|
|
14
|
-
* @internal
|
|
15
|
-
*/
|
|
16
|
-
var versionedClient = _legacyParts.sanityClient.withConfig({
|
|
17
|
-
apiVersion: '1'
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
exports.versionedClient = versionedClient;
|
package/lib/widget.css
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
@import 'part:@sanity/base/theme/variables-style';
|
|
2
|
-
|
|
3
|
-
.container {
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-direction: column;
|
|
6
|
-
justify-content: stretch;
|
|
7
|
-
height: 100%;
|
|
8
|
-
border-radius: var(--border-radius-base);
|
|
9
|
-
background-color: var(--component-bg);
|
|
10
|
-
box-sizing: border-box;
|
|
11
|
-
position: relative;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.containerWithPadding {
|
|
15
|
-
composes: container;
|
|
16
|
-
padding: var(--medium-padding);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.header {
|
|
20
|
-
padding: var(--small-padding) 0;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.title {
|
|
24
|
-
composes: heading4 from 'part:@sanity/base/theme/typography/headings-style';
|
|
25
|
-
margin: var(--small-padding) var(--medium-padding);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.content {
|
|
29
|
-
display: block;
|
|
30
|
-
margin: 0;
|
|
31
|
-
padding: 0;
|
|
32
|
-
min-height: 21.5em;
|
|
33
|
-
|
|
34
|
-
@media (--screen-medium) {
|
|
35
|
-
height: stretch;
|
|
36
|
-
overflow-y: auto;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.footer {
|
|
41
|
-
display: flex;
|
|
42
|
-
text-align: center;
|
|
43
|
-
font-weight: 600;
|
|
44
|
-
min-height: 4em;
|
|
45
|
-
height: 4em;
|
|
46
|
-
margin-top: auto;
|
|
47
|
-
overflow: hidden;
|
|
48
|
-
|
|
49
|
-
@nest & > * {
|
|
50
|
-
width: 100%;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
/* TODO: remove after changing document list plugin */
|
|
55
|
-
.listContainer {
|
|
56
|
-
composes: content;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
/* TODO: remove after changing document list plugin */
|
|
60
|
-
.bottomButtonContainer {
|
|
61
|
-
composes: footer;
|
|
62
|
-
}
|