@webiny/app-admin-ui 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.eb196ccd2f
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/Layout.js +9 -5
- package/Layout.js.map +1 -1
- package/package.json +11 -11
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 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({
|
|
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": "0.0.0-unstable.
|
|
3
|
+
"version": "0.0.0-unstable.eb196ccd2f",
|
|
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": "0.0.0-unstable.
|
|
14
|
-
"@webiny/app": "0.0.0-unstable.
|
|
15
|
-
"@webiny/app-admin": "0.0.0-unstable.
|
|
16
|
-
"@webiny/app-plugin-admin-welcome-screen": "0.0.0-unstable.
|
|
17
|
-
"@webiny/app-security": "0.0.0-unstable.
|
|
18
|
-
"@webiny/icons": "0.0.0-unstable.
|
|
19
|
-
"@webiny/plugins": "0.0.0-unstable.
|
|
20
|
-
"@webiny/react-router": "0.0.0-unstable.
|
|
13
|
+
"@webiny/admin-ui": "0.0.0-unstable.eb196ccd2f",
|
|
14
|
+
"@webiny/app": "0.0.0-unstable.eb196ccd2f",
|
|
15
|
+
"@webiny/app-admin": "0.0.0-unstable.eb196ccd2f",
|
|
16
|
+
"@webiny/app-plugin-admin-welcome-screen": "0.0.0-unstable.eb196ccd2f",
|
|
17
|
+
"@webiny/app-security": "0.0.0-unstable.eb196ccd2f",
|
|
18
|
+
"@webiny/icons": "0.0.0-unstable.eb196ccd2f",
|
|
19
|
+
"@webiny/plugins": "0.0.0-unstable.eb196ccd2f",
|
|
20
|
+
"@webiny/react-router": "0.0.0-unstable.eb196ccd2f",
|
|
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": "0.0.0-unstable.
|
|
28
|
+
"@webiny/project-utils": "0.0.0-unstable.eb196ccd2f",
|
|
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": "eb196ccd2f32296e10f7add6dd7220d4e3abece4"
|
|
47
47
|
}
|