@webiny/app-admin-ui 6.0.0-alpha.0 → 6.0.0-alpha.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.
- package/Dashboard/Welcome.js.map +1 -1
- package/Layout.js +9 -5
- package/Layout.js.map +1 -1
- package/package.json +11 -11
package/Dashboard/Welcome.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Grid","Heading","useSecurity","plugins","ApplicationWidget","AssistanceWidget","CommunityWidget","MissingPermissionsWidget","Welcome","identity","getPermission","widgets","byType","filter","pl","permission","canSeeAnyWidget","length","createElement","className","level","displayName","gap","Column","span","map","key","name","cta","widget","description","icon","title"],"sources":["Welcome.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Heading } from \"@webiny/admin-ui\";\nimport { useSecurity } from \"@webiny/app-security/hooks/useSecurity\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminWelcomeScreenWidgetPlugin } from \"@webiny/app-plugin-admin-welcome-screen/types\";\nimport {\n ApplicationWidget,\n AssistanceWidget,\n CommunityWidget,\n MissingPermissionsWidget\n} from \"./components\";\n\nconst Welcome = () => {\n const { identity, getPermission } = useSecurity();\n\n if (!identity) {\n return null;\n }\n\n const widgets = plugins\n .byType<AdminWelcomeScreenWidgetPlugin>(\"admin-welcome-screen-widget\")\n .filter(pl => {\n if (pl.permission) {\n return getPermission(pl.permission);\n }\n return true;\n });\n\n const canSeeAnyWidget = widgets.length > 0;\n\n return (\n <div className={\"wby-my-xxl\"}>\n <div className={\"wby-mb-3xl\"}>\n <Heading\n level={3}\n >{`Hi ${identity.displayName}, what are we doing today?`}</Heading>\n </div>\n <Grid gap={\"spacious\"}>\n <Grid.Column span={5}>\n {!canSeeAnyWidget && <MissingPermissionsWidget />}\n <div className={\"wby-flex wby-flex-col wby-gap-lg\"}>\n {widgets.map(pl => (\n <ApplicationWidget\n key={pl.name}\n cta={pl.widget.cta}\n description={pl.widget.description}\n icon={pl.widget.icon}\n name={pl.name}\n title={pl.widget.title}\n />\n ))}\n </div>\n </Grid.Column>\n <Grid.Column span={7}>\n <div className={\"wby-flex wby-flex-col wby-gap-lg\"}>\n <AssistanceWidget />\n <CommunityWidget />\n </div>\n </Grid.Column>\n </Grid>\n </div>\n );\n};\n\nexport default Welcome;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAChD,SAASC,WAAW,QAAQ,wCAAwC;AACpE,SAASC,OAAO,QAAQ,iBAAiB;AAEzC,SACIC,iBAAiB,EACjBC,gBAAgB,EAChBC,eAAe,EACfC,wBAAwB;AAG5B,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAClB,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAGR,WAAW,CAAC,CAAC;EAEjD,IAAI,CAACO,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EAEA,MAAME,OAAO,GAAGR,OAAO,CAClBS,MAAM,CAAiC,6BAA6B,CAAC,CACrEC,MAAM,CAACC,EAAE,IAAI;IACV,IAAIA,EAAE,CAACC,UAAU,EAAE;MACf,OAAOL,aAAa,CAACI,EAAE,CAACC,UAAU,CAAC;IACvC;IACA,OAAO,IAAI;EACf,CAAC,CAAC;EAEN,MAAMC,eAAe,GAAGL,OAAO,CAACM,MAAM,GAAG,CAAC;EAE1C,oBACIlB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBpB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBpB,KAAA,CAAAmB,aAAA,CAACjB,OAAO;IACJmB,KAAK,EAAE;EAAE,GACX,MAAMX,QAAQ,CAACY,WAAW,4BAAsC,CACjE,CAAC,eACNtB,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACsB,GAAG,EAAE;EAAW,gBAClBvB,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAE;EAAE,GAChB,CAACR,eAAe,iBAAIjB,KAAA,CAAAmB,aAAA,CAACX,wBAAwB,MAAE,CAAC,eACjDR,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAE;EAAmC,GAC9CR,OAAO,CAACc,GAAG,CAACX,EAAE,iBACXf,KAAA,CAAAmB,aAAA,CAACd,iBAAiB;IACdsB,GAAG,EAAEZ,EAAE,CAACa,IAAK;IACbC,GAAG,EAAEd,EAAE,CAACe,MAAM,CAACD,GAAI;IACnBE,WAAW,EAAEhB,EAAE,CAACe,MAAM,CAACC,WAAY;IACnCC,IAAI,EAAEjB,EAAE,CAACe,MAAM,CAACE,IAAK;IACrBJ,IAAI,EAAEb,EAAE,CAACa,IAAK;IACdK,KAAK,EAAElB,EAAE,CAACe,MAAM,CAACG;EAAM,CAC1B,CACJ,CACA,CACI,CAAC,eACdjC,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBzB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAE;EAAmC,gBAC/CpB,KAAA,CAAAmB,aAAA,CAACb,gBAAgB,MAAE,CAAC,eACpBN,KAAA,CAAAmB,aAAA,CAACZ,eAAe,MAAE,CACjB,CACI,CACX,CACL,CAAC;AAEd,CAAC;AAED,eAAeE,OAAO","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","Grid","Heading","useSecurity","plugins","ApplicationWidget","AssistanceWidget","CommunityWidget","MissingPermissionsWidget","Welcome","identity","getPermission","widgets","byType","filter","pl","permission","canSeeAnyWidget","length","createElement","className","level","displayName","gap","Column","span","map","key","name","cta","widget","description","icon","title"],"sources":["Welcome.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Heading } from \"@webiny/admin-ui\";\nimport { useSecurity } from \"@webiny/app-security/hooks/useSecurity\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { AdminWelcomeScreenWidgetPlugin } from \"@webiny/app-plugin-admin-welcome-screen/types\";\nimport {\n ApplicationWidget,\n AssistanceWidget,\n CommunityWidget,\n MissingPermissionsWidget\n} from \"./components\";\n\nconst Welcome = () => {\n const { identity, getPermission } = useSecurity();\n\n if (!identity) {\n return null;\n }\n\n const widgets = plugins\n .byType<AdminWelcomeScreenWidgetPlugin>(\"admin-welcome-screen-widget\")\n .filter(pl => {\n if (pl.permission) {\n return getPermission(pl.permission);\n }\n return true;\n });\n\n const canSeeAnyWidget = widgets.length > 0;\n\n return (\n <div className={\"wby-my-xxl\"}>\n <div className={\"wby-mb-3xl\"}>\n <Heading\n level={3}\n >{`Hi ${identity.displayName}, what are we doing today?`}</Heading>\n </div>\n <Grid gap={\"spacious\"}>\n <Grid.Column span={5}>\n {!canSeeAnyWidget && <MissingPermissionsWidget />}\n <div className={\"wby-flex wby-flex-col wby-gap-lg\"}>\n {widgets.map(pl => (\n <ApplicationWidget\n key={pl.name}\n cta={pl.widget.cta}\n description={pl.widget.description}\n icon={pl.widget.icon}\n name={pl.name}\n title={pl.widget.title}\n />\n ))}\n </div>\n </Grid.Column>\n <Grid.Column span={7}>\n <div className={\"wby-flex wby-flex-col wby-gap-lg\"}>\n <AssistanceWidget />\n <CommunityWidget />\n </div>\n </Grid.Column>\n </Grid>\n </div>\n );\n};\n\nexport default Welcome;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAChD,SAASC,WAAW,QAAQ,wCAAwC;AACpE,SAASC,OAAO,QAAQ,iBAAiB;AAEzC,SACIC,iBAAiB,EACjBC,gBAAgB,EAChBC,eAAe,EACfC,wBAAwB;AAG5B,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAClB,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAGR,WAAW,CAAC,CAAC;EAEjD,IAAI,CAACO,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EAEA,MAAME,OAAO,GAAGR,OAAO,CAClBS,MAAM,CAAiC,6BAA6B,CAAC,CACrEC,MAAM,CAACC,EAAE,IAAI;IACV,IAAIA,EAAE,CAACC,UAAU,EAAE;MACf,OAAOL,aAAa,CAACI,EAAE,CAACC,UAAU,CAAC;IACvC;IACA,OAAO,IAAI;EACf,CAAC,CAAC;EAEN,MAAMC,eAAe,GAAGL,OAAO,CAACM,MAAM,GAAG,CAAC;EAE1C,oBACIlB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBpB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBpB,KAAA,CAAAmB,aAAA,CAACjB,OAAO;IACJmB,KAAK,EAAE;EAAE,GACX,MAAMX,QAAQ,CAACY,WAAW,4BAAsC,CACjE,CAAC,eACNtB,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACsB,GAAG,EAAE;EAAW,gBAClBvB,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAE;EAAE,GAChB,CAACR,eAAe,iBAAIjB,KAAA,CAAAmB,aAAA,CAACX,wBAAwB,MAAE,CAAC,eACjDR,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAE;EAAmC,GAC9CR,OAAO,CAACc,GAAG,CAACX,EAAE,iBACXf,KAAA,CAAAmB,aAAA,CAACd,iBAAiB;IACdsB,GAAG,EAAEZ,EAAE,CAACa,IAAK;IACbC,GAAG,EAAEd,EAAE,CAACe,MAAM,CAACD,GAAI;IACnBE,WAAW,EAAEhB,EAAE,CAACe,MAAM,CAACC,WAAY;IACnCC,IAAI,EAAEjB,EAAE,CAACe,MAAM,CAACE,IAAK;IACrBJ,IAAI,EAAEb,EAAE,CAACa,IAAK;IACdK,KAAK,EAAElB,EAAE,CAACe,MAAM,CAACG;EAAM,CAC1B,CACJ,CACA,CACI,CAAC,eACdjC,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBzB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAE;EAAmC,gBAC/CpB,KAAA,CAAAmB,aAAA,CAACb,gBAAgB,MAAE,CAAC,eACpBN,KAAA,CAAAmB,aAAA,CAACZ,eAAe,MAAE,CACjB,CACI,CACX,CACL,CAAC;AAEd,CAAC;AAED,eAAeE,OAAO","ignoreList":[]}
|
package/Layout.js
CHANGED
|
@@ -5,19 +5,23 @@ import { HeaderBar, cn, useSidebar } from "@webiny/admin-ui";
|
|
|
5
5
|
export const Layout = LayoutRenderer.createDecorator(() => {
|
|
6
6
|
return function Layout({
|
|
7
7
|
title,
|
|
8
|
+
startElement = null,
|
|
9
|
+
hideNavigation = false,
|
|
8
10
|
children
|
|
9
11
|
}) {
|
|
10
12
|
const {
|
|
11
13
|
pinned
|
|
12
14
|
} = useSidebar();
|
|
15
|
+
const widthClassNames = {
|
|
16
|
+
"wby-max-w-[calc(100%-theme(spacing.sidebar-expanded))] ": pinned,
|
|
17
|
+
"wby-max-w-[calc(100%-theme(spacing.sidebar-collapsed))] ": !pinned
|
|
18
|
+
};
|
|
13
19
|
return /*#__PURE__*/React.createElement(React.Fragment, null, title ? /*#__PURE__*/React.createElement(Helmet, {
|
|
14
20
|
title: title
|
|
15
|
-
}) : null, /*#__PURE__*/React.createElement(Navigation, null), /*#__PURE__*/React.createElement("div", {
|
|
16
|
-
className: cn("wby-ml-auto wby-bg-neutral-base wby-transition-[max-width,min-width] wby-ease-linear wby-w-full",
|
|
17
|
-
"wby-max-w-[calc(100%-theme(spacing.sidebar-expanded))] ": pinned,
|
|
18
|
-
"wby-max-w-[calc(100%-theme(spacing.sidebar-collapsed))] ": !pinned
|
|
19
|
-
})
|
|
21
|
+
}) : null, hideNavigation ? null : /*#__PURE__*/React.createElement(Navigation, null), /*#__PURE__*/React.createElement("div", {
|
|
22
|
+
className: cn("wby-ml-auto wby-bg-neutral-base wby-transition-[max-width,min-width] wby-ease-linear wby-w-full", hideNavigation ? undefined : widthClassNames)
|
|
20
23
|
}, /*#__PURE__*/React.createElement(HeaderBar, {
|
|
24
|
+
start: startElement,
|
|
21
25
|
end: /*#__PURE__*/React.createElement("div", {
|
|
22
26
|
className: "wby-flex"
|
|
23
27
|
}, /*#__PURE__*/React.createElement(LocaleSelector, null), /*#__PURE__*/React.createElement(TenantSelector, null), /*#__PURE__*/React.createElement(UserMenu, null))
|
package/Layout.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Helmet","LayoutRenderer","LocaleSelector","Navigation","TenantSelector","UserMenu","HeaderBar","cn","useSidebar","Layout","createDecorator","title","children","pinned","createElement","Fragment","className","end"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport Helmet from \"react-helmet\";\nimport {\n
|
|
1
|
+
{"version":3,"names":["React","Helmet","LayoutRenderer","LocaleSelector","Navigation","TenantSelector","UserMenu","HeaderBar","cn","useSidebar","Layout","createDecorator","title","startElement","hideNavigation","children","pinned","widthClassNames","createElement","Fragment","className","undefined","start","end"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport Helmet from \"react-helmet\";\nimport type { LayoutProps } from \"@webiny/app-admin\";\nimport {\n LayoutRenderer,\n LocaleSelector,\n Navigation,\n TenantSelector,\n UserMenu\n} from \"@webiny/app-admin\";\nimport { HeaderBar, cn, useSidebar } from \"@webiny/admin-ui\";\n\nexport const Layout = LayoutRenderer.createDecorator(() => {\n return function Layout({\n title,\n startElement = null,\n hideNavigation = false,\n children\n }: LayoutProps) {\n const { pinned } = useSidebar();\n\n const widthClassNames = {\n \"wby-max-w-[calc(100%-theme(spacing.sidebar-expanded))] \": pinned,\n \"wby-max-w-[calc(100%-theme(spacing.sidebar-collapsed))] \": !pinned\n };\n\n return (\n <>\n {title ? <Helmet title={title} /> : null}\n {hideNavigation ? null : <Navigation />}\n <div\n className={cn(\n \"wby-ml-auto wby-bg-neutral-base wby-transition-[max-width,min-width] wby-ease-linear wby-w-full\",\n hideNavigation ? undefined : widthClassNames\n )}\n >\n <HeaderBar\n start={startElement}\n end={\n <div className={\"wby-flex\"}>\n <LocaleSelector />\n <TenantSelector />\n <UserMenu />\n </div>\n }\n />\n <main className={\"wby-relative wby-overflow-y-auto wby-h-main-content\"}>\n {children}\n </main>\n </div>\n </>\n );\n };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,cAAc;AAEjC,SACIC,cAAc,EACdC,cAAc,EACdC,UAAU,EACVC,cAAc,EACdC,QAAQ,QACL,mBAAmB;AAC1B,SAASC,SAAS,EAAEC,EAAE,EAAEC,UAAU,QAAQ,kBAAkB;AAE5D,OAAO,MAAMC,MAAM,GAAGR,cAAc,CAACS,eAAe,CAAC,MAAM;EACvD,OAAO,SAASD,MAAMA,CAAC;IACnBE,KAAK;IACLC,YAAY,GAAG,IAAI;IACnBC,cAAc,GAAG,KAAK;IACtBC;EACS,CAAC,EAAE;IACZ,MAAM;MAAEC;IAAO,CAAC,GAAGP,UAAU,CAAC,CAAC;IAE/B,MAAMQ,eAAe,GAAG;MACpB,yDAAyD,EAAED,MAAM;MACjE,0DAA0D,EAAE,CAACA;IACjE,CAAC;IAED,oBACIhB,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAmB,QAAA,QACKP,KAAK,gBAAGZ,KAAA,CAAAkB,aAAA,CAACjB,MAAM;MAACW,KAAK,EAAEA;IAAM,CAAE,CAAC,GAAG,IAAI,EACvCE,cAAc,GAAG,IAAI,gBAAGd,KAAA,CAAAkB,aAAA,CAACd,UAAU,MAAE,CAAC,eACvCJ,KAAA,CAAAkB,aAAA;MACIE,SAAS,EAAEZ,EAAE,CACT,iGAAiG,EACjGM,cAAc,GAAGO,SAAS,GAAGJ,eACjC;IAAE,gBAEFjB,KAAA,CAAAkB,aAAA,CAACX,SAAS;MACNe,KAAK,EAAET,YAAa;MACpBU,GAAG,eACCvB,KAAA,CAAAkB,aAAA;QAAKE,SAAS,EAAE;MAAW,gBACvBpB,KAAA,CAAAkB,aAAA,CAACf,cAAc,MAAE,CAAC,eAClBH,KAAA,CAAAkB,aAAA,CAACb,cAAc,MAAE,CAAC,eAClBL,KAAA,CAAAkB,aAAA,CAACZ,QAAQ,MAAE,CACV;IACR,CACJ,CAAC,eACFN,KAAA,CAAAkB,aAAA;MAAME,SAAS,EAAE;IAAsD,GAClEL,QACC,CACL,CACP,CAAC;EAEX,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/app-admin-ui",
|
|
3
|
-
"version": "6.0.0-alpha.
|
|
3
|
+
"version": "6.0.0-alpha.1",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -10,14 +10,14 @@
|
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"@types/react": "18.2.79",
|
|
13
|
-
"@webiny/admin-ui": "6.0.0-alpha.
|
|
14
|
-
"@webiny/app": "6.0.0-alpha.
|
|
15
|
-
"@webiny/app-admin": "6.0.0-alpha.
|
|
16
|
-
"@webiny/app-plugin-admin-welcome-screen": "6.0.0-alpha.
|
|
17
|
-
"@webiny/app-security": "6.0.0-alpha.
|
|
18
|
-
"@webiny/icons": "6.0.0-alpha.
|
|
19
|
-
"@webiny/plugins": "6.0.0-alpha.
|
|
20
|
-
"@webiny/react-router": "6.0.0-alpha.
|
|
13
|
+
"@webiny/admin-ui": "6.0.0-alpha.1",
|
|
14
|
+
"@webiny/app": "6.0.0-alpha.1",
|
|
15
|
+
"@webiny/app-admin": "6.0.0-alpha.1",
|
|
16
|
+
"@webiny/app-plugin-admin-welcome-screen": "6.0.0-alpha.1",
|
|
17
|
+
"@webiny/app-security": "6.0.0-alpha.1",
|
|
18
|
+
"@webiny/icons": "6.0.0-alpha.1",
|
|
19
|
+
"@webiny/plugins": "6.0.0-alpha.1",
|
|
20
|
+
"@webiny/react-router": "6.0.0-alpha.1",
|
|
21
21
|
"react": "18.2.0",
|
|
22
22
|
"react-dom": "18.2.0",
|
|
23
23
|
"react-helmet": "6.1.0"
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@emotion/babel-plugin": "11.11.0",
|
|
27
27
|
"@types/react-helmet": "6.1.11",
|
|
28
|
-
"@webiny/project-utils": "6.0.0-alpha.
|
|
28
|
+
"@webiny/project-utils": "6.0.0-alpha.1",
|
|
29
29
|
"babel-plugin-named-asset-import": "1.0.0-next.fb6e6f70",
|
|
30
30
|
"rimraf": "6.0.1",
|
|
31
31
|
"typescript": "5.3.3"
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"removeViewBox": false
|
|
44
44
|
}
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "9bd236cf5e689f209a11bec089207dcc2d41a53c"
|
|
47
47
|
}
|