@sanity/dashboard 2.30.2-shopify.2 → 3.0.0-studio-v3.1

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.
Files changed (49) hide show
  1. package/README.md +123 -44
  2. package/lib/cjs/index.js +1005 -0
  3. package/lib/cjs/index.js.map +1 -0
  4. package/lib/esm/index.js +980 -0
  5. package/lib/esm/index.js.map +1 -0
  6. package/lib/types/index.d.ts +42 -0
  7. package/lib/types/index.d.ts.map +1 -0
  8. package/package.json +63 -16
  9. package/sanity.json +2 -53
  10. package/src/components/DashboardLayout.tsx +10 -0
  11. package/src/components/DashboardWidgetContainer.tsx +69 -0
  12. package/src/components/NotFoundWidget.tsx +30 -0
  13. package/src/components/WidgetGroup.tsx +108 -0
  14. package/src/containers/Dashboard.tsx +19 -0
  15. package/src/containers/DashboardContext.tsx +8 -0
  16. package/src/containers/WidgetContainer.tsx +21 -0
  17. package/src/index.tsx +62 -0
  18. package/src/types.ts +21 -0
  19. package/src/versionedClient.ts +7 -0
  20. package/src/widgets/projectInfo/ProjectInfo.tsx +233 -0
  21. package/src/widgets/projectInfo/index.ts +10 -0
  22. package/src/widgets/projectUsers/ProjectUsers.tsx +170 -0
  23. package/src/widgets/projectUsers/index.ts +10 -0
  24. package/src/widgets/sanityTutorials/SanityTutorials.tsx +77 -0
  25. package/src/widgets/sanityTutorials/Tutorial.tsx +111 -0
  26. package/src/widgets/sanityTutorials/dataAdapter.ts +48 -0
  27. package/src/widgets/sanityTutorials/index.ts +10 -0
  28. package/v2-incompatible.js +11 -0
  29. package/.babelrc +0 -4
  30. package/lib/DashboardTool.js +0 -59
  31. package/lib/components/DashboardLayout.js +0 -35
  32. package/lib/components/NotFoundWidget.js +0 -51
  33. package/lib/components/WidgetGroup.js +0 -67
  34. package/lib/components/dashboardWidget.js +0 -51
  35. package/lib/containers/Dashboard.js +0 -32
  36. package/lib/containers/WidgetContainer.js +0 -56
  37. package/lib/dashboardConfig.js +0 -16
  38. package/lib/legacyParts.js +0 -55
  39. package/lib/versionedClient.js +0 -20
  40. package/lib/widget.css +0 -62
  41. package/lib/widgets/projectInfo/ProjectInfo.js +0 -265
  42. package/lib/widgets/projectInfo/index.js +0 -19
  43. package/lib/widgets/projectUsers/ProjectUsers.js +0 -188
  44. package/lib/widgets/projectUsers/index.js +0 -16
  45. package/lib/widgets/sanityTutorials/SanityTutorials.js +0 -115
  46. package/lib/widgets/sanityTutorials/Tutorial.js +0 -111
  47. package/lib/widgets/sanityTutorials/dataAdapter.js +0 -28
  48. package/lib/widgets/sanityTutorials/index.js +0 -19
  49. package/tsconfig.json +0 -17
@@ -0,0 +1,111 @@
1
+ import React from 'react'
2
+ import {Card, Box, Heading, Flex, Text, Stack} from '@sanity/ui'
3
+ import {PlayIcon} from '@sanity/icons'
4
+ import styled from 'styled-components'
5
+
6
+ const PlayIconBox = styled(Box)`
7
+ position: absolute;
8
+ top: 50%;
9
+ left: 50%;
10
+ transform: translate(-50%, -50%);
11
+
12
+ &:before {
13
+ content: '';
14
+ position: absolute;
15
+ top: 50%;
16
+ left: 50%;
17
+ transform: translate(-50%, -50%);
18
+ width: 2.75em;
19
+ height: 2.75em;
20
+ border-radius: 50%;
21
+ background: ${({theme}) => theme.sanity.color.card.enabled.bg};
22
+ opacity: 0.75;
23
+ }
24
+ `
25
+
26
+ const Root = styled(Flex)`
27
+ &:hover {
28
+ ${PlayIconBox} {
29
+ &:before {
30
+ opacity: 1;
31
+ }
32
+ }
33
+ }
34
+ `
35
+
36
+ const PosterCard = styled(Card)`
37
+ width: 100%;
38
+ padding-bottom: calc(9 / 16 * 100%);
39
+ position: relative;
40
+ `
41
+
42
+ const Poster = styled.img`
43
+ position: absolute;
44
+ top: 0;
45
+ left: 0;
46
+ height: 100%;
47
+ width: 100%;
48
+ object-fit: cover;
49
+ display: block;
50
+
51
+ &:not([src]) {
52
+ display: none;
53
+ }
54
+ `
55
+
56
+ export interface TutorialProps {
57
+ title: string
58
+ posterURL?: string
59
+ href: string
60
+ showPlayIcon?: boolean
61
+ presenterName?: string
62
+ presenterSubtitle?: string
63
+ }
64
+
65
+ export function Tutorial(props: TutorialProps) {
66
+ const {title, posterURL, showPlayIcon, href, presenterName, presenterSubtitle} = props
67
+
68
+ return (
69
+ <Root flex={1}>
70
+ <Card
71
+ sizing="border"
72
+ flex={1}
73
+ padding={2}
74
+ radius={2}
75
+ as="a"
76
+ href={href}
77
+ target="_blank"
78
+ rel="noopener noreferrer"
79
+ style={{position: 'relative'}}
80
+ >
81
+ <Flex direction="column" style={{height: '100%'}}>
82
+ {posterURL && (
83
+ <PosterCard marginBottom={1}>
84
+ <Poster src={posterURL} />
85
+ {showPlayIcon && (
86
+ <PlayIconBox display="flex">
87
+ <Text align="center">
88
+ <PlayIcon />
89
+ </Text>
90
+ </PlayIconBox>
91
+ )}
92
+ </PosterCard>
93
+ )}
94
+ <Flex direction="column" justify="space-between" paddingY={2} flex={1}>
95
+ <Heading as="h3" size={1}>
96
+ {title}
97
+ </Heading>
98
+ <Box marginTop={4}>
99
+ <Stack space={2} flex={1}>
100
+ <Text size={1}>{presenterName}</Text>
101
+ <Text size={0} style={{opacity: 0.7}}>
102
+ {presenterSubtitle}
103
+ </Text>
104
+ </Stack>
105
+ </Box>
106
+ </Flex>
107
+ </Flex>
108
+ </Card>
109
+ </Root>
110
+ )
111
+ }
@@ -0,0 +1,48 @@
1
+ import {useMemo} from 'react'
2
+ import {useVersionedClient} from '../../versionedClient'
3
+ import imageUrlBuilder from '@sanity/image-url'
4
+
5
+ const tutorialsProjectConfig = {
6
+ projectId: '3do82whm',
7
+ dataset: 'next',
8
+ }
9
+
10
+ export interface Guide {
11
+ _type?: string
12
+ slug?: {current: string}
13
+ presenter?: {
14
+ name?: string
15
+ }
16
+ }
17
+
18
+ export interface FeedItem {
19
+ _id: string
20
+ title?: string
21
+ poster?: string
22
+ category?: string
23
+ guideOrTutorial?: Guide
24
+ externalLink?: string
25
+ presenter?: {
26
+ name?: string
27
+ }
28
+ hasVideo?: boolean
29
+ }
30
+
31
+ export function useDataAdapter() {
32
+ const versionedClient = useVersionedClient()
33
+ return useMemo(
34
+ () => ({
35
+ getFeed: (templateRepoId: string) => {
36
+ const uri = templateRepoId
37
+ ? `/addons/dashboard?templateRepoId=${templateRepoId}`
38
+ : '/addons/dashboard'
39
+ return versionedClient.observable.request<{items: FeedItem[]}>({
40
+ uri,
41
+ withCredentials: false,
42
+ })
43
+ },
44
+ urlBuilder: imageUrlBuilder(tutorialsProjectConfig),
45
+ }),
46
+ [versionedClient]
47
+ )
48
+ }
@@ -0,0 +1,10 @@
1
+ import {SanityTutorials} from './SanityTutorials'
2
+ import {LayoutConfig, DashboardWidget} from '../../types'
3
+
4
+ export function sanityTutorialsWidget(config?: {layout?: LayoutConfig}): DashboardWidget {
5
+ return {
6
+ name: 'sanity-tutorials',
7
+ component: SanityTutorials,
8
+ layout: config?.layout ?? {width: 'full'},
9
+ }
10
+ }
@@ -0,0 +1,11 @@
1
+ const {showIncompatiblePluginDialog} = require('@sanity/incompatible-plugin')
2
+ const {name, version, sanityExchangeUrl} = require('./package.json')
3
+
4
+ export default showIncompatiblePluginDialog({
5
+ name: name,
6
+ versions: {
7
+ v3: version,
8
+ v2: '^2.30.0',
9
+ },
10
+ sanityExchangeUrl,
11
+ })
package/.babelrc DELETED
@@ -1,4 +0,0 @@
1
- {
2
- "extends": "../../../.babelrc",
3
- "presets": ["@babel/react", "@babel/typescript"]
4
- }
@@ -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;
@@ -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;
@@ -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 }; }
@@ -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;