@webiny/app-admin 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

package/config/AdminConfig/Tenant/TenantName.js

@@ -1,19 +1,18 @@
-import React from "react";
-import { makeDecoratable } from "../../../index.js";
+import react from "react";
+import { makeDecoratable } from "@webiny/react-composition";
 import { Property, useIdGenerator } from "@webiny/react-properties";
-const BaseTenantName = ({
-  value
-}) => {
-  const getId = useIdGenerator("Tenant");
-  return /*#__PURE__*/React.createElement(Property, {
-    id: getId("tenant"),
-    name: "tenant"
-  }, /*#__PURE__*/React.createElement(Property, {
-    id: getId("name"),
-    name: "name",
-    value: value
-  }));
+const BaseTenantName = ({ value })=>{
+    const getId = useIdGenerator("Tenant");
+    return /*#__PURE__*/ react.createElement(Property, {
+        id: getId("tenant"),
+        name: "tenant"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId("name"),
+        name: "name",
+        value: value
+    }));
 };
-export const TenantName = makeDecoratable("TenantName", BaseTenantName);
+const TenantName = makeDecoratable("TenantName", BaseTenantName);
+export { TenantName };
 
 //# sourceMappingURL=TenantName.js.map

package/config/AdminConfig/Tenant/TenantName.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Property","useIdGenerator","BaseTenantName","value","getId","createElement","id","name","TenantName"],"sources":["TenantName.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/index.js\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface TenantNameProps {\n    value: string;\n}\n\nconst BaseTenantName = ({ value }: TenantNameProps) => {\n    const getId = useIdGenerator(\"Tenant\");\n\n    return (\n        <Property id={getId(\"tenant\")} name={\"tenant\"}>\n            <Property id={getId(\"name\")} name={\"name\"} value={value} />\n        </Property>\n    );\n};\n\nexport const TenantName = makeDecoratable(\"TenantName\", BaseTenantName);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AACxB,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAMnE,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACnD,MAAMC,KAAK,GAAGH,cAAc,CAAC,QAAQ,CAAC;EAEtC,oBACIH,KAAA,CAAAO,aAAA,CAACL,QAAQ;IAACM,EAAE,EAAEF,KAAK,CAAC,QAAQ,CAAE;IAACG,IAAI,EAAE;EAAS,gBAC1CT,KAAA,CAAAO,aAAA,CAACL,QAAQ;IAACM,EAAE,EAAEF,KAAK,CAAC,MAAM,CAAE;IAACG,IAAI,EAAE,MAAO;IAACJ,KAAK,EAAEA;EAAM,CAAE,CACpD,CAAC;AAEnB,CAAC;AAED,OAAO,MAAMK,UAAU,GAAGT,eAAe,CAAC,YAAY,EAAEG,cAAc,CAAC","ignoreList":[]}
+{"version":3,"file":"config/AdminConfig/Tenant/TenantName.js","sources":["../../../../src/config/AdminConfig/Tenant/TenantName.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface TenantNameProps {\n    value: string;\n}\n\nconst BaseTenantName = ({ value }: TenantNameProps) => {\n    const getId = useIdGenerator(\"Tenant\");\n\n    return (\n        <Property id={getId(\"tenant\")} name={\"tenant\"}>\n            <Property id={getId(\"name\")} name={\"name\"} value={value} />\n        </Property>\n    );\n};\n\nexport const TenantName = makeDecoratable(\"TenantName\", BaseTenantName);\n"],"names":["BaseTenantName","value","getId","useIdGenerator","Property","TenantName","makeDecoratable"],"mappings":";;;AAQA,MAAMA,iBAAiB,CAAC,EAAEC,KAAK,EAAmB;IAC9C,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GACI,oBAACC,UAAQA;QAAC,IAAIF,MAAM;QAAW,MAAM;qBACjC,oBAACE,UAAQA;QAAC,IAAIF,MAAM;QAAS,MAAM;QAAQ,OAAOD;;AAG9D;AAEO,MAAMI,aAAaC,gBAAgB,cAAcN"}

package/config/AdminConfig/Tenant.js

@@ -1,14 +1,11 @@
-import React from "react";
+import react from "react";
 import { TenantName } from "./Tenant/TenantName.js";
 import { TenantLogo } from "./Tenant/TenantLogo.js";
-const BaseTenant = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-};
-export const Tenant = Object.assign(BaseTenant, {
-  Name: TenantName,
-  Logo: TenantLogo
+const BaseTenant = ({ children })=>/*#__PURE__*/ react.createElement(react.Fragment, null, children);
+const Tenant = Object.assign(BaseTenant, {
+    Name: TenantName,
+    Logo: TenantLogo
 });
+export { Tenant };
 
 //# sourceMappingURL=Tenant.js.map

package/config/AdminConfig/Tenant.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TenantName","TenantLogo","BaseTenant","children","createElement","Fragment","Tenant","Object","assign","Name","Logo"],"sources":["Tenant.tsx"],"sourcesContent":["import React from \"react\";\nimport { TenantName } from \"./Tenant/TenantName.js\";\nimport { TenantLogo } from \"./Tenant/TenantLogo.js\";\n\nexport interface TenantProps {\n    children: React.ReactNode;\n}\n\nexport type TenantConfig = {\n    name: string;\n    squareLogo: React.ReactNode;\n    horizontalLogo: React.ReactNode;\n};\n\nconst BaseTenant = ({ children }: TenantProps) => {\n    return <>{children}</>;\n};\n\nexport const Tenant = Object.assign(BaseTenant, {\n    Name: TenantName,\n    Logo: TenantLogo\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU;AACnB,SAASC,UAAU;AAYnB,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAsB,CAAC,KAAK;EAC9C,oBAAOJ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAM,QAAA,QAAGF,QAAW,CAAC;AAC1B,CAAC;AAED,OAAO,MAAMG,MAAM,GAAGC,MAAM,CAACC,MAAM,CAACN,UAAU,EAAE;EAC5CO,IAAI,EAAET,UAAU;EAChBU,IAAI,EAAET;AACV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"config/AdminConfig/Tenant.js","sources":["../../../src/config/AdminConfig/Tenant.tsx"],"sourcesContent":["import React from \"react\";\nimport { TenantName } from \"./Tenant/TenantName.js\";\nimport { TenantLogo } from \"./Tenant/TenantLogo.js\";\n\nexport interface TenantProps {\n    children: React.ReactNode;\n}\n\nexport type TenantConfig = {\n    name: string;\n    squareLogo: React.ReactNode;\n    horizontalLogo: React.ReactNode;\n};\n\nconst BaseTenant = ({ children }: TenantProps) => {\n    return <>{children}</>;\n};\n\nexport const Tenant = Object.assign(BaseTenant, {\n    Name: TenantName,\n    Logo: TenantLogo\n});\n"],"names":["BaseTenant","children","Tenant","Object","TenantName","TenantLogo"],"mappings":";;;AAcA,MAAMA,aAAa,CAAC,EAAEC,QAAQ,EAAe,GAClC,WAAP,GAAO,0CAAGA;AAGP,MAAMC,SAASC,OAAO,MAAM,CAACH,YAAY;IAC5C,MAAMI;IACN,MAAMC;AACV"}

package/config/AdminConfig/Theme/assignColor.js

@@ -1,22 +1,55 @@
-import parseColor from "tinycolor2";
-const generateShades = color => {
-  return [[100, color.clone().lighten(40)], [200, color.clone().lighten(30)], [300, color.clone().lighten(20)], [400, color.clone().lighten(10)], [500, color.clone()], [600, color.clone().darken(10)], [700, color.clone().darken(20)], [800, color.clone().darken(30)], [900, color.clone().darken(40)]];
+import tinycolor2 from "tinycolor2";
+const generateShades = (color)=>[
+        [
+            100,
+            color.clone().lighten(40)
+        ],
+        [
+            200,
+            color.clone().lighten(30)
+        ],
+        [
+            300,
+            color.clone().lighten(20)
+        ],
+        [
+            400,
+            color.clone().lighten(10)
+        ],
+        [
+            500,
+            color.clone()
+        ],
+        [
+            600,
+            color.clone().darken(10)
+        ],
+        [
+            700,
+            color.clone().darken(20)
+        ],
+        [
+            800,
+            color.clone().darken(30)
+        ],
+        [
+            900,
+            color.clone().darken(40)
+        ]
+    ];
+const assignColorToCssVar = (palette, shadeLevel, color)=>{
+    const varName = `--color-${palette}-${shadeLevel}`;
+    const hsl = color.toHsl();
+    const varValue = `hsla(${hsl.h}, ${100 * hsl.s}%, ${100 * hsl.l}%)`;
+    document.documentElement.style.setProperty(varName, varValue);
 };
-const assignColorToCssVar = (palette, shadeLevel, color) => {
-  const varName = `--color-${palette}-${shadeLevel}`;
-  const hsl = color.toHsl();
-  const varValue = `hsla(${hsl.h}, ${hsl.s * 100}%, ${hsl.l * 100}%)`;
-  document.documentElement.style.setProperty(varName, varValue);
-};
-export const assignColor = (palette, color, shade) => {
-  const colorInstance = parseColor(color);
-  if (shade) {
-    assignColorToCssVar(palette, shade, colorInstance);
-    return;
-  }
-  generateShades(colorInstance).forEach(([shadeLevel, shade]) => {
-    assignColorToCssVar(palette, shadeLevel, shade);
-  });
+const assignColor = (palette, color, shade)=>{
+    const colorInstance = tinycolor2(color);
+    if (shade) return void assignColorToCssVar(palette, shade, colorInstance);
+    generateShades(colorInstance).forEach(([shadeLevel, shade])=>{
+        assignColorToCssVar(palette, shadeLevel, shade);
+    });
 };
+export { assignColor };
 
 //# sourceMappingURL=assignColor.js.map

package/config/AdminConfig/Theme/assignColor.js.map

@@ -1 +1 @@
-{"version":3,"names":["parseColor","generateShades","color","clone","lighten","darken","assignColorToCssVar","palette","shadeLevel","varName","hsl","toHsl","varValue","h","s","l","document","documentElement","style","setProperty","assignColor","shade","colorInstance","forEach"],"sources":["assignColor.ts"],"sourcesContent":["import parseColor, { type Instance as TcColorInstance } from \"tinycolor2\";\nimport type { ColorPalette, ColorShade } from \"./types.js\";\n\nconst generateShades = (color: TcColorInstance): Array<[ColorShade, TcColorInstance]> => {\n    return [\n        [100, color.clone().lighten(40)],\n        [200, color.clone().lighten(30)],\n        [300, color.clone().lighten(20)],\n        [400, color.clone().lighten(10)],\n        [500, color.clone()],\n        [600, color.clone().darken(10)],\n        [700, color.clone().darken(20)],\n        [800, color.clone().darken(30)],\n        [900, color.clone().darken(40)]\n    ];\n};\n\nconst assignColorToCssVar = (\n    palette: ColorPalette,\n    shadeLevel: ColorShade,\n    color: TcColorInstance\n) => {\n    const varName = `--color-${palette}-${shadeLevel}`;\n\n    const hsl = color.toHsl();\n    const varValue = `hsla(${hsl.h}, ${hsl.s * 100}%, ${hsl.l * 100}%)`;\n    document.documentElement.style.setProperty(varName, varValue);\n};\n\nexport const assignColor = (palette: ColorPalette, color: string, shade?: ColorShade) => {\n    const colorInstance = parseColor(color);\n\n    if (shade) {\n        assignColorToCssVar(palette, shade, colorInstance);\n        return;\n    }\n\n    generateShades(colorInstance).forEach(([shadeLevel, shade]) => {\n        assignColorToCssVar(palette, shadeLevel, shade);\n    });\n};\n"],"mappings":"AAAA,OAAOA,UAAU,MAA4C,YAAY;AAGzE,MAAMC,cAAc,GAAIC,KAAsB,IAA2C;EACrF,OAAO,CACH,CAAC,GAAG,EAAEA,KAAK,CAACC,KAAK,CAAC,CAAC,CAACC,OAAO,CAAC,EAAE,CAAC,CAAC,EAChC,CAAC,GAAG,EAAEF,KAAK,CAACC,KAAK,CAAC,CAAC,CAACC,OAAO,CAAC,EAAE,CAAC,CAAC,EAChC,CAAC,GAAG,EAAEF,KAAK,CAACC,KAAK,CAAC,CAAC,CAACC,OAAO,CAAC,EAAE,CAAC,CAAC,EAChC,CAAC,GAAG,EAAEF,KAAK,CAACC,KAAK,CAAC,CAAC,CAACC,OAAO,CAAC,EAAE,CAAC,CAAC,EAChC,CAAC,GAAG,EAAEF,KAAK,CAACC,KAAK,CAAC,CAAC,CAAC,EACpB,CAAC,GAAG,EAAED,KAAK,CAACC,KAAK,CAAC,CAAC,CAACE,MAAM,CAAC,EAAE,CAAC,CAAC,EAC/B,CAAC,GAAG,EAAEH,KAAK,CAACC,KAAK,CAAC,CAAC,CAACE,MAAM,CAAC,EAAE,CAAC,CAAC,EAC/B,CAAC,GAAG,EAAEH,KAAK,CAACC,KAAK,CAAC,CAAC,CAACE,MAAM,CAAC,EAAE,CAAC,CAAC,EAC/B,CAAC,GAAG,EAAEH,KAAK,CAACC,KAAK,CAAC,CAAC,CAACE,MAAM,CAAC,EAAE,CAAC,CAAC,CAClC;AACL,CAAC;AAED,MAAMC,mBAAmB,GAAGA,CACxBC,OAAqB,EACrBC,UAAsB,EACtBN,KAAsB,KACrB;EACD,MAAMO,OAAO,GAAG,WAAWF,OAAO,IAAIC,UAAU,EAAE;EAElD,MAAME,GAAG,GAAGR,KAAK,CAACS,KAAK,CAAC,CAAC;EACzB,MAAMC,QAAQ,GAAG,QAAQF,GAAG,CAACG,CAAC,KAAKH,GAAG,CAACI,CAAC,GAAG,GAAG,MAAMJ,GAAG,CAACK,CAAC,GAAG,GAAG,IAAI;EACnEC,QAAQ,CAACC,eAAe,CAACC,KAAK,CAACC,WAAW,CAACV,OAAO,EAAEG,QAAQ,CAAC;AACjE,CAAC;AAED,OAAO,MAAMQ,WAAW,GAAGA,CAACb,OAAqB,EAAEL,KAAa,EAAEmB,KAAkB,KAAK;EACrF,MAAMC,aAAa,GAAGtB,UAAU,CAACE,KAAK,CAAC;EAEvC,IAAImB,KAAK,EAAE;IACPf,mBAAmB,CAACC,OAAO,EAAEc,KAAK,EAAEC,aAAa,CAAC;IAClD;EACJ;EAEArB,cAAc,CAACqB,aAAa,CAAC,CAACC,OAAO,CAAC,CAAC,CAACf,UAAU,EAAEa,KAAK,CAAC,KAAK;IAC3Df,mBAAmB,CAACC,OAAO,EAAEC,UAAU,EAAEa,KAAK,CAAC;EACnD,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"version":3,"file":"config/AdminConfig/Theme/assignColor.js","sources":["../../../../src/config/AdminConfig/Theme/assignColor.ts"],"sourcesContent":["import parseColor, { type Instance as TcColorInstance } from \"tinycolor2\";\nimport type { ColorPalette, ColorShade } from \"./types.js\";\n\nconst generateShades = (color: TcColorInstance): Array<[ColorShade, TcColorInstance]> => {\n    return [\n        [100, color.clone().lighten(40)],\n        [200, color.clone().lighten(30)],\n        [300, color.clone().lighten(20)],\n        [400, color.clone().lighten(10)],\n        [500, color.clone()],\n        [600, color.clone().darken(10)],\n        [700, color.clone().darken(20)],\n        [800, color.clone().darken(30)],\n        [900, color.clone().darken(40)]\n    ];\n};\n\nconst assignColorToCssVar = (\n    palette: ColorPalette,\n    shadeLevel: ColorShade,\n    color: TcColorInstance\n) => {\n    const varName = `--color-${palette}-${shadeLevel}`;\n\n    const hsl = color.toHsl();\n    const varValue = `hsla(${hsl.h}, ${hsl.s * 100}%, ${hsl.l * 100}%)`;\n    document.documentElement.style.setProperty(varName, varValue);\n};\n\nexport const assignColor = (palette: ColorPalette, color: string, shade?: ColorShade) => {\n    const colorInstance = parseColor(color);\n\n    if (shade) {\n        assignColorToCssVar(palette, shade, colorInstance);\n        return;\n    }\n\n    generateShades(colorInstance).forEach(([shadeLevel, shade]) => {\n        assignColorToCssVar(palette, shadeLevel, shade);\n    });\n};\n"],"names":["generateShades","color","assignColorToCssVar","palette","shadeLevel","varName","hsl","varValue","document","assignColor","shade","colorInstance","parseColor"],"mappings":";AAGA,MAAMA,iBAAiB,CAACC,QACb;QACH;YAAC;YAAKA,MAAM,KAAK,GAAG,OAAO,CAAC;SAAI;QAChC;YAAC;YAAKA,MAAM,KAAK,GAAG,OAAO,CAAC;SAAI;QAChC;YAAC;YAAKA,MAAM,KAAK,GAAG,OAAO,CAAC;SAAI;QAChC;YAAC;YAAKA,MAAM,KAAK,GAAG,OAAO,CAAC;SAAI;QAChC;YAAC;YAAKA,MAAM,KAAK;SAAG;QACpB;YAAC;YAAKA,MAAM,KAAK,GAAG,MAAM,CAAC;SAAI;QAC/B;YAAC;YAAKA,MAAM,KAAK,GAAG,MAAM,CAAC;SAAI;QAC/B;YAAC;YAAKA,MAAM,KAAK,GAAG,MAAM,CAAC;SAAI;QAC/B;YAAC;YAAKA,MAAM,KAAK,GAAG,MAAM,CAAC;SAAI;KAClC;AAGL,MAAMC,sBAAsB,CACxBC,SACAC,YACAH;IAEA,MAAMI,UAAU,CAAC,QAAQ,EAAEF,QAAQ,CAAC,EAAEC,YAAY;IAElD,MAAME,MAAML,MAAM,KAAK;IACvB,MAAMM,WAAW,CAAC,KAAK,EAAED,IAAI,CAAC,CAAC,EAAE,EAAEA,AAAQ,MAARA,IAAI,CAAC,CAAO,GAAG,EAAEA,AAAQ,MAARA,IAAI,CAAC,CAAO,EAAE,CAAC;IACnEE,SAAS,eAAe,CAAC,KAAK,CAAC,WAAW,CAACH,SAASE;AACxD;AAEO,MAAME,cAAc,CAACN,SAAuBF,OAAeS;IAC9D,MAAMC,gBAAgBC,WAAWX;IAEjC,IAAIS,OAAO,YACPR,oBAAoBC,SAASO,OAAOC;IAIxCX,eAAeW,eAAe,OAAO,CAAC,CAAC,CAACP,YAAYM,MAAM;QACtDR,oBAAoBC,SAASC,YAAYM;IAC7C;AACJ"}

package/config/AdminConfig/Theme/consts.js

@@ -1,4 +1,22 @@
-export const COLOR_SHADES = [100, 200, 300, 400, 500, 600, 700, 800, 900];
-export const COLOR_PALLETS = ["primary", "secondary", "neutral", "success", "warning", "destructive"];
+const COLOR_SHADES = [
+    100,
+    200,
+    300,
+    400,
+    500,
+    600,
+    700,
+    800,
+    900
+];
+const COLOR_PALLETS = [
+    "primary",
+    "secondary",
+    "neutral",
+    "success",
+    "warning",
+    "destructive"
+];
+export { COLOR_PALLETS, COLOR_SHADES };
 
 //# sourceMappingURL=consts.js.map

package/config/AdminConfig/Theme/consts.js.map

@@ -1 +1 @@
-{"version":3,"names":["COLOR_SHADES","COLOR_PALLETS"],"sources":["consts.ts"],"sourcesContent":["export const COLOR_SHADES = [100, 200, 300, 400, 500, 600, 700, 800, 900] as const;\n\nexport const COLOR_PALLETS = [\n    \"primary\",\n    \"secondary\",\n    \"neutral\",\n    \"success\",\n    \"warning\",\n    \"destructive\"\n] as const;\n"],"mappings":"AAAA,OAAO,MAAMA,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;AAElF,OAAO,MAAMC,aAAa,GAAG,CACzB,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAS,EACT,aAAa,CACP","ignoreList":[]}
+{"version":3,"file":"config/AdminConfig/Theme/consts.js","sources":["../../../../src/config/AdminConfig/Theme/consts.ts"],"sourcesContent":["export const COLOR_SHADES = [100, 200, 300, 400, 500, 600, 700, 800, 900] as const;\n\nexport const COLOR_PALLETS = [\n    \"primary\",\n    \"secondary\",\n    \"neutral\",\n    \"success\",\n    \"warning\",\n    \"destructive\"\n] as const;\n"],"names":["COLOR_SHADES","COLOR_PALLETS"],"mappings":"AAAO,MAAMA,eAAe;IAAC;IAAK;IAAK;IAAK;IAAK;IAAK;IAAK;IAAK;IAAK;CAAI;AAElE,MAAMC,gBAAgB;IACzB;IACA;IACA;IACA;IACA;IACA;CACH"}

package/config/AdminConfig/Theme/types.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=types.js.map

package/config/AdminConfig/Theme.js

@@ -1,22 +1,15 @@
-import React from "react";
+import react from "react";
 import { assignColor } from "./Theme/assignColor.js";
-export const Color = /*#__PURE__*/React.memo(({
-  palette,
-  color,
-  shade
-}) => {
-  assignColor(palette, color, shade);
-  return null;
+const Color = /*#__PURE__*/ react.memo(({ palette, color, shade })=>{
+    assignColor(palette, color, shade);
+    return null;
 });
 Color.displayName = "Color";
-const ThemeBase = /*#__PURE__*/React.memo(({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-});
+const ThemeBase = /*#__PURE__*/ react.memo(({ children })=>/*#__PURE__*/ react.createElement(react.Fragment, null, children));
 ThemeBase.displayName = "Theme";
-export const Theme = Object.assign(ThemeBase, {
-  Color
+const Theme = Object.assign(ThemeBase, {
+    Color: Color
 });
+export { Color, Theme };
 
 //# sourceMappingURL=Theme.js.map

package/config/AdminConfig/Theme.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","assignColor","Color","memo","palette","color","shade","displayName","ThemeBase","children","createElement","Fragment","Theme","Object","assign"],"sources":["Theme.tsx"],"sourcesContent":["import React from \"react\";\nimport { assignColor } from \"./Theme/assignColor.js\";\nimport type { ColorPalette, ColorShade } from \"./Theme/types.js\";\n\nexport interface ThemeColorProps {\n    palette: ColorPalette;\n    color: string;\n    shade?: ColorShade;\n}\n\nexport const Color = React.memo(({ palette, color, shade }: ThemeColorProps) => {\n    assignColor(palette, color, shade);\n    return null;\n});\n\nColor.displayName = \"Color\";\n\nexport interface ThemeProps {\n    children: React.ReactNode;\n}\n\nconst ThemeBase = React.memo(({ children }: ThemeProps) => {\n    return <>{children}</>;\n});\n\nThemeBase.displayName = \"Theme\";\n\nexport const Theme = Object.assign(ThemeBase, {\n    Color\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW;AASpB,OAAO,MAAMC,KAAK,gBAAGF,KAAK,CAACG,IAAI,CAAC,CAAC;EAAEC,OAAO;EAAEC,KAAK;EAAEC;AAAuB,CAAC,KAAK;EAC5EL,WAAW,CAACG,OAAO,EAAEC,KAAK,EAAEC,KAAK,CAAC;EAClC,OAAO,IAAI;AACf,CAAC,CAAC;AAEFJ,KAAK,CAACK,WAAW,GAAG,OAAO;AAM3B,MAAMC,SAAS,gBAAGR,KAAK,CAACG,IAAI,CAAC,CAAC;EAAEM;AAAqB,CAAC,KAAK;EACvD,oBAAOT,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QAAGF,QAAW,CAAC;AAC1B,CAAC,CAAC;AAEFD,SAAS,CAACD,WAAW,GAAG,OAAO;AAE/B,OAAO,MAAMK,KAAK,GAAGC,MAAM,CAACC,MAAM,CAACN,SAAS,EAAE;EAC1CN;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"config/AdminConfig/Theme.js","sources":["../../../src/config/AdminConfig/Theme.tsx"],"sourcesContent":["import React from \"react\";\nimport { assignColor } from \"./Theme/assignColor.js\";\nimport type { ColorPalette, ColorShade } from \"./Theme/types.js\";\n\nexport interface ThemeColorProps {\n    palette: ColorPalette;\n    color: string;\n    shade?: ColorShade;\n}\n\nexport const Color = React.memo(({ palette, color, shade }: ThemeColorProps) => {\n    assignColor(palette, color, shade);\n    return null;\n});\n\nColor.displayName = \"Color\";\n\nexport interface ThemeProps {\n    children: React.ReactNode;\n}\n\nconst ThemeBase = React.memo(({ children }: ThemeProps) => {\n    return <>{children}</>;\n});\n\nThemeBase.displayName = \"Theme\";\n\nexport const Theme = Object.assign(ThemeBase, {\n    Color\n});\n"],"names":["Color","React","palette","color","shade","assignColor","ThemeBase","children","Theme","Object"],"mappings":";;AAUO,MAAMA,QAAQ,WAAHA,GAAGC,MAAAA,IAAU,CAAC,CAAC,EAAEC,OAAO,EAAEC,KAAK,EAAEC,KAAK,EAAmB;IACvEC,YAAYH,SAASC,OAAOC;IAC5B,OAAO;AACX;AAEAJ,MAAM,WAAW,GAAG;AAMpB,MAAMM,YAAY,WAAHA,GAAGL,MAAAA,IAAU,CAAC,CAAC,EAAEM,QAAQ,EAAc,GAC3C,WAAP,GAAO,0CAAGA;AAGdD,UAAU,WAAW,GAAG;AAEjB,MAAME,QAAQC,OAAO,MAAM,CAACH,WAAW;IAC1CN,OAAAA;AACJ"}

package/config/AdminConfig/Title.d.ts

@@ -15,7 +15,7 @@ export declare const Title: (({ value }: TitleProps) => React.JSX.Element) & {
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ value }: TitleProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ value }: TitleProps) => React.JSX.Element) & {
         original: ({ value }: TitleProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/config/AdminConfig/Title.js

@@ -1,16 +1,15 @@
-import React from "react";
-import { makeDecoratable } from "../../index.js";
+import react from "react";
+import { makeDecoratable } from "@webiny/react-composition";
 import { Property, useIdGenerator } from "@webiny/react-properties";
-const BaseTitle = ({
-  value
-}) => {
-  const getId = useIdGenerator("Title");
-  return /*#__PURE__*/React.createElement(Property, {
-    id: getId("title"),
-    name: "title",
-    value: value
-  });
+const BaseTitle = ({ value })=>{
+    const getId = useIdGenerator("Title");
+    return /*#__PURE__*/ react.createElement(Property, {
+        id: getId("title"),
+        name: "title",
+        value: value
+    });
 };
-export const Title = makeDecoratable("Title", BaseTitle);
+const Title = makeDecoratable("Title", BaseTitle);
+export { Title };
 
 //# sourceMappingURL=Title.js.map

package/config/AdminConfig/Title.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Property","useIdGenerator","BaseTitle","value","getId","createElement","id","name","Title"],"sources":["Title.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/index.js\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface TitleProps {\n    value: string;\n}\n\nconst BaseTitle = ({ value }: TitleProps) => {\n    const getId = useIdGenerator(\"Title\");\n\n    return <Property id={getId(\"title\")} name={\"title\"} value={value} />;\n};\n\nexport const Title = makeDecoratable(\"Title\", BaseTitle);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AACxB,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAMnE,MAAMC,SAAS,GAAGA,CAAC;EAAEC;AAAkB,CAAC,KAAK;EACzC,MAAMC,KAAK,GAAGH,cAAc,CAAC,OAAO,CAAC;EAErC,oBAAOH,KAAA,CAAAO,aAAA,CAACL,QAAQ;IAACM,EAAE,EAAEF,KAAK,CAAC,OAAO,CAAE;IAACG,IAAI,EAAE,OAAQ;IAACJ,KAAK,EAAEA;EAAM,CAAE,CAAC;AACxE,CAAC;AAED,OAAO,MAAMK,KAAK,GAAGT,eAAe,CAAC,OAAO,EAAEG,SAAS,CAAC","ignoreList":[]}
+{"version":3,"file":"config/AdminConfig/Title.js","sources":["../../../src/config/AdminConfig/Title.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface TitleProps {\n    value: string;\n}\n\nconst BaseTitle = ({ value }: TitleProps) => {\n    const getId = useIdGenerator(\"Title\");\n\n    return <Property id={getId(\"title\")} name={\"title\"} value={value} />;\n};\n\nexport const Title = makeDecoratable(\"Title\", BaseTitle);\n"],"names":["BaseTitle","value","getId","useIdGenerator","Property","Title","makeDecoratable"],"mappings":";;;AAQA,MAAMA,YAAY,CAAC,EAAEC,KAAK,EAAc;IACpC,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GAAO,oBAACC,UAAQA;QAAC,IAAIF,MAAM;QAAU,MAAM;QAAS,OAAOD;;AAC/D;AAEO,MAAMI,QAAQC,gBAAgB,SAASN"}

package/config/AdminConfig/Widget.js

@@ -1,36 +1,29 @@
-import React from "react";
+import react from "react";
 import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
-export const Widget = ({
-  name,
-  element,
-  column = "left",
-  pin
-}) => {
-  const getId = useIdGenerator("DashboardWidget");
-  let placeAfter;
-  let placeBefore;
-  if (pin) {
-    if (pin === "first") {
-      placeBefore = "$first";
-    } else if (pin === "last") {
-      placeAfter = "$last";
+const Widget = ({ name, element, column = "left", pin })=>{
+    const getId = useIdGenerator("DashboardWidget");
+    let placeAfter;
+    let placeBefore;
+    if (pin) {
+        if ("first" === pin) placeBefore = "$first";
+        else if ("last" === pin) placeAfter = "$last";
     }
-  }
-  return /*#__PURE__*/React.createElement(ConnectToProperties, {
-    name: "AdminConfig"
-  }, /*#__PURE__*/React.createElement(Property, {
-    id: getId(name),
-    name: "widgets",
-    array: true,
-    before: placeBefore,
-    after: placeAfter,
-    value: {
-      name,
-      element,
-      column,
-      pin
-    }
-  }));
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "widgets",
+        array: true,
+        before: placeBefore,
+        after: placeAfter,
+        value: {
+            name,
+            element,
+            column,
+            pin
+        }
+    }));
 };
+export { Widget };
 
 //# sourceMappingURL=Widget.js.map

package/config/AdminConfig/Widget.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ConnectToProperties","Property","useIdGenerator","Widget","name","element","column","pin","getId","placeAfter","placeBefore","createElement","id","array","before","after","value"],"sources":["Widget.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport type WidgetColumn = \"left\" | \"right\";\n\nexport interface WidgetConfig {\n    name: string;\n    element: React.ReactElement;\n    column?: WidgetColumn;\n    pin?: \"first\" | \"last\";\n}\n\nexport interface WidgetProps {\n    name: string;\n    element: React.ReactElement;\n    column?: WidgetColumn;\n    pin?: \"first\" | \"last\";\n}\n\nexport const Widget = ({ name, element, column = \"left\", pin }: WidgetProps) => {\n    const getId = useIdGenerator(\"DashboardWidget\");\n\n    let placeAfter: string | undefined;\n    let placeBefore: string | undefined;\n\n    if (pin) {\n        if (pin === \"first\") {\n            placeBefore = \"$first\";\n        } else if (pin === \"last\") {\n            placeAfter = \"$last\";\n        }\n    }\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(name)}\n                name={\"widgets\"}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n                value={{ name, element, column, pin }}\n            />\n        </ConnectToProperties>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAkBxF,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,IAAI;EAAEC,OAAO;EAAEC,MAAM,GAAG,MAAM;EAAEC;AAAiB,CAAC,KAAK;EAC5E,MAAMC,KAAK,GAAGN,cAAc,CAAC,iBAAiB,CAAC;EAE/C,IAAIO,UAA8B;EAClC,IAAIC,WAA+B;EAEnC,IAAIH,GAAG,EAAE;IACL,IAAIA,GAAG,KAAK,OAAO,EAAE;MACjBG,WAAW,GAAG,QAAQ;IAC1B,CAAC,MAAM,IAAIH,GAAG,KAAK,MAAM,EAAE;MACvBE,UAAU,GAAG,OAAO;IACxB;EACJ;EAEA,oBACIV,KAAA,CAAAY,aAAA,CAACX,mBAAmB;IAACI,IAAI,EAAE;EAAc,gBACrCL,KAAA,CAAAY,aAAA,CAACV,QAAQ;IACLW,EAAE,EAAEJ,KAAK,CAACJ,IAAI,CAAE;IAChBA,IAAI,EAAE,SAAU;IAChBS,KAAK,EAAE,IAAK;IACZC,MAAM,EAAEJ,WAAY;IACpBK,KAAK,EAAEN,UAAW;IAClBO,KAAK,EAAE;MAAEZ,IAAI;MAAEC,OAAO;MAAEC,MAAM;MAAEC;IAAI;EAAE,CACzC,CACgB,CAAC;AAE9B,CAAC","ignoreList":[]}
+{"version":3,"file":"config/AdminConfig/Widget.js","sources":["../../../src/config/AdminConfig/Widget.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport type WidgetColumn = \"left\" | \"right\";\n\nexport interface WidgetConfig {\n    name: string;\n    element: React.ReactElement;\n    column?: WidgetColumn;\n    pin?: \"first\" | \"last\";\n}\n\nexport interface WidgetProps {\n    name: string;\n    element: React.ReactElement;\n    column?: WidgetColumn;\n    pin?: \"first\" | \"last\";\n}\n\nexport const Widget = ({ name, element, column = \"left\", pin }: WidgetProps) => {\n    const getId = useIdGenerator(\"DashboardWidget\");\n\n    let placeAfter: string | undefined;\n    let placeBefore: string | undefined;\n\n    if (pin) {\n        if (pin === \"first\") {\n            placeBefore = \"$first\";\n        } else if (pin === \"last\") {\n            placeAfter = \"$last\";\n        }\n    }\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(name)}\n                name={\"widgets\"}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n                value={{ name, element, column, pin }}\n            />\n        </ConnectToProperties>\n    );\n};\n"],"names":["Widget","name","element","column","pin","getId","useIdGenerator","placeAfter","placeBefore","ConnectToProperties","Property"],"mappings":";;AAmBO,MAAMA,SAAS,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,MAAM,EAAEC,GAAG,EAAe;IACvE,MAAMC,QAAQC,eAAe;IAE7B,IAAIC;IACJ,IAAIC;IAEJ,IAAIJ,KACA;QAAA,IAAIA,AAAQ,YAARA,KACAI,cAAc;aACX,IAAIJ,AAAQ,WAARA,KACPG,aAAa;IACjB;IAGJ,OAAO,WAAP,GACI,oBAACE,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QACL,IAAIL,MAAMJ;QACV,MAAM;QACN,OAAO;QACP,QAAQO;QACR,OAAOD;QACP,OAAO;YAAEN;YAAMC;YAASC;YAAQC;QAAI;;AAIpD"}

package/config/AdminConfig.d.ts

@@ -3,11 +3,16 @@ import { type MenuConfig } from "./AdminConfig/Menu.js";
 import type { SupportMenuConfig } from "./AdminConfig/Menu/SupportMenu.js";
 import type { UserMenuConfig } from "./AdminConfig/Menu/UserMenu.js";
 import { type WidgetConfig } from "./AdminConfig/Widget.js";
+import type { PermissionRendererConfig } from "../permissions/types.js";
+import type { DialogConfig } from "./AdminConfig/Dialog.js";
+import type { FieldRendererConfig } from "./AdminConfig/FieldRenderer.js";
+import type { LayoutRendererConfig } from "./AdminConfig/LayoutRenderer.js";
 import type { EditorTheme } from "@webiny/lexical-theme";
 export declare const AdminWithConfig: (({ onProperties, children }: import("./createAdminConfig.js").WithConfigProps) => React.JSX.Element) & {
     displayName: string;
 };
-export declare const AdminConfigProvider: (props: unknown) => React.JSX.Element;
+export declare const AdminConfigPlugin: React.JSX.Element;
+export declare const AdminConfigProvider: import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;
 export declare const useAdminConfig: () => {
     menus: MenuConfig[];
     userMenus: UserMenuConfig[];
@@ -18,7 +23,11 @@ export declare const useAdminConfig: () => {
         horizontalLogo: React.ReactNode;
     };
     widgets: WidgetConfig[];
+    permissionRenderers: PermissionRendererConfig[];
     lexicalTheme: EditorTheme;
+    dialogs: DialogConfig[];
+    fieldRenderers: FieldRendererConfig[];
+    layoutRenderers: LayoutRendererConfig[];
 };
 export interface PublicProps {
     children: React.ReactNode;
@@ -455,6 +464,9 @@ export declare const AdminConfig: (({ children }: PrivateProps) => React.JSX.Ele
     Dashboard: {
         Widget: ({ name, element, column, pin }: import("./AdminConfig/Widget.js").WidgetProps) => React.JSX.Element;
     };
+    Security: {
+        Permissions: ({ name, title, description, icon, schema, element, system }: import("./AdminConfig/SecurityPermissions.js").SecurityPermissionsProps) => React.JSX.Element;
+    };
     LexicalTheme: {
         Color: ({ id, label, value, remove, replace, after, before }: import("./AdminConfig/LexicalTheme/Color.js").ColorProps) => React.JSX.Element;
         Typography: {
@@ -464,6 +476,11 @@ export declare const AdminConfig: (({ children }: PrivateProps) => React.JSX.Ele
             List: (props: import("./AdminConfig/LexicalTheme/Typography.js").ListProps) => React.JSX.Element;
         };
     };
+    Dialog: ({ name, element }: import("./AdminConfig/Dialog.js").DialogProps) => React.JSX.Element;
+    Form: {
+        FieldRenderer: ({ name, component }: import("./AdminConfig/FieldRenderer.js").FieldRendererProps) => React.JSX.Element;
+        LayoutRenderer: ({ name, component }: import("./AdminConfig/LayoutRenderer.js").LayoutRendererProps) => React.JSX.Element;
+    };
     useAdminConfig: () => {
         menus: MenuConfig[];
         userMenus: UserMenuConfig[];
@@ -474,6 +491,10 @@ export declare const AdminConfig: (({ children }: PrivateProps) => React.JSX.Ele
             horizontalLogo: React.ReactNode;
         };
         widgets: WidgetConfig[];
+        permissionRenderers: PermissionRendererConfig[];
         lexicalTheme: EditorTheme;
+        dialogs: DialogConfig[];
+        fieldRenderers: FieldRendererConfig[];
+        layoutRenderers: LayoutRendererConfig[];
     };
 };

package/config/AdminConfig.js

@@ -1,68 +1,69 @@
-import React from "react";
-import { AppContainer, Plugin } from "@webiny/app";
+import react from "react";
+import { createProvider } from "@webiny/app";
 import { Menu } from "./AdminConfig/Menu.js";
 import { Tenant } from "./AdminConfig/Tenant.js";
 import { Route } from "./AdminConfig/Route.js";
 import { Theme } from "./AdminConfig/Theme.js";
 import { Dashboard } from "./AdminConfig/Dashboard.js";
+import { Security } from "./AdminConfig/Security.js";
 import { LexicalTheme } from "./AdminConfig/LexicalTheme.js";
 import { Title } from "./AdminConfig/Title.js";
 import { Logo } from "./AdminConfig/Logo.js";
+import { Dialog } from "./AdminConfig/Dialog.js";
+import { Form } from "./AdminConfig/Form.js";
 import { createAdminConfig } from "./createAdminConfig.js";
 import { createLexicalTokens } from "@webiny/lexical-theme/createLexicalEditorTokens.js";
 const base = createAdminConfig();
-export const AdminWithConfig = Object.assign(base.WithConfig, {
-  displayName: "AdminWithConfig"
-});
-export const AdminConfigProvider = AppContainer.createDecorator(Original => {
-  return function AdminConfigProvider({
-    children
-  }) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Original, null, /*#__PURE__*/React.createElement(AdminWithConfig, null, /*#__PURE__*/React.createElement(base.ApplyPublicConfig, null), children)), /*#__PURE__*/React.createElement(Plugin, null, /*#__PURE__*/React.createElement(base.ApplyProtectedConfig, null)));
-  };
+const AdminWithConfig = Object.assign(base.WithConfig, {
+    displayName: "AdminWithConfig"
 });
+const AdminConfigPlugin = /*#__PURE__*/ react.createElement(base.ApplyProtectedConfig, null);
+const AdminConfig_AdminConfigProvider = createProvider((Original)=>function({ children }) {
+        return /*#__PURE__*/ react.createElement(AdminWithConfig, null, /*#__PURE__*/ react.createElement(base.ApplyPublicConfig, null), /*#__PURE__*/ react.createElement(Original, null, children));
+    });
 const lexicalTokens = createLexicalTokens("wa-lx-");
-export const useAdminConfig = () => {
-  const baseConfig = base.useConfig();
-  const lexicalTheme = {
-    colors: baseConfig.lexicalTheme?.colors,
-    typography: baseConfig.lexicalTheme?.typography || {},
-    tokens: lexicalTokens
-  };
-  return {
-    menus: baseConfig.menus ?? [],
-    userMenus: baseConfig.userMenus ?? [],
-    supportMenus: baseConfig.supportMenus ?? [],
-    title: baseConfig.title,
-    logo: {
-      squareLogo: baseConfig.squareLogo,
-      horizontalLogo: baseConfig.horizontalLogo
-    },
-    widgets: baseConfig.widgets ?? [],
-    lexicalTheme
-  };
-};
-export const Public = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(base.PublicConfig, null, children);
-};
-export const Private = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(base.PrivateConfig, null, children);
+const useAdminConfig = ()=>{
+    const baseConfig = base.useConfig();
+    const lexicalTheme = {
+        colors: baseConfig.lexicalTheme?.colors,
+        typography: baseConfig.lexicalTheme?.typography || {},
+        fontSizes: [],
+        tokens: lexicalTokens
+    };
+    return {
+        menus: baseConfig.menus ?? [],
+        userMenus: baseConfig.userMenus ?? [],
+        supportMenus: baseConfig.supportMenus ?? [],
+        title: baseConfig.title,
+        logo: {
+            squareLogo: baseConfig.squareLogo,
+            horizontalLogo: baseConfig.horizontalLogo
+        },
+        widgets: baseConfig.widgets ?? [],
+        permissionRenderers: baseConfig.permissionRenderers ?? [],
+        lexicalTheme,
+        dialogs: baseConfig.dialogs ?? [],
+        fieldRenderers: baseConfig.fieldRenderers ?? [],
+        layoutRenderers: baseConfig.layoutRenderers ?? []
+    };
 };
-export const AdminConfig = Object.assign(Private, {
-  Public,
-  Theme,
-  Menu,
-  Route,
-  Tenant,
-  Title,
-  Logo,
-  Dashboard,
-  LexicalTheme,
-  useAdminConfig
+const Public = ({ children })=>/*#__PURE__*/ react.createElement(base.PublicConfig, null, children);
+const Private = ({ children })=>/*#__PURE__*/ react.createElement(base.PrivateConfig, null, children);
+const AdminConfig = Object.assign(Private, {
+    Public: Public,
+    Theme: Theme,
+    Menu: Menu,
+    Route: Route,
+    Tenant: Tenant,
+    Title: Title,
+    Logo: Logo,
+    Dashboard: Dashboard,
+    Security: Security,
+    LexicalTheme: LexicalTheme,
+    Dialog: Dialog,
+    Form: Form,
+    useAdminConfig: useAdminConfig
 });
+export { AdminConfig, AdminConfigPlugin, AdminConfig_AdminConfigProvider as AdminConfigProvider, AdminWithConfig, Private, Public, useAdminConfig };
 
 //# sourceMappingURL=AdminConfig.js.map

package/config/AdminConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AppContainer","Plugin","Menu","Tenant","Route","Theme","Dashboard","LexicalTheme","Title","Logo","createAdminConfig","createLexicalTokens","base","AdminWithConfig","Object","assign","WithConfig","displayName","AdminConfigProvider","createDecorator","Original","children","createElement","Fragment","ApplyPublicConfig","ApplyProtectedConfig","lexicalTokens","useAdminConfig","baseConfig","useConfig","lexicalTheme","colors","typography","tokens","menus","userMenus","supportMenus","title","logo","squareLogo","horizontalLogo","widgets","Public","PublicConfig","Private","PrivateConfig","AdminConfig"],"sources":["AdminConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { AppContainer, Plugin } from \"@webiny/app\";\nimport { Menu, type MenuConfig } from \"./AdminConfig/Menu.js\";\nimport type { TenantConfig } from \"./AdminConfig/Tenant.js\";\nimport { Tenant } from \"./AdminConfig/Tenant.js\";\nimport type { SupportMenuConfig } from \"./AdminConfig/Menu/SupportMenu.js\";\nimport type { UserMenuConfig } from \"./AdminConfig/Menu/UserMenu.js\";\nimport { Route } from \"./AdminConfig/Route.js\";\nimport { Theme } from \"./AdminConfig/Theme.js\";\nimport { Dashboard } from \"./AdminConfig/Dashboard.js\";\nimport { type WidgetConfig } from \"./AdminConfig/Widget.js\";\nimport { LexicalTheme } from \"./AdminConfig/LexicalTheme.js\";\nimport { Title } from \"./AdminConfig/Title.js\";\nimport { Logo } from \"./AdminConfig/Logo.js\";\nimport { createAdminConfig } from \"./createAdminConfig.js\";\nimport type { EditorTheme } from \"@webiny/lexical-theme\";\nimport { createLexicalTokens } from \"@webiny/lexical-theme/createLexicalEditorTokens.js\";\n\nconst base = createAdminConfig<AdminConfig>();\n\nexport const AdminWithConfig = Object.assign(base.WithConfig, {\n    displayName: \"AdminWithConfig\"\n});\n\ninterface AdminConfig {\n    menus: MenuConfig[];\n    supportMenus: SupportMenuConfig[];\n    userMenus: UserMenuConfig[];\n    tenant: TenantConfig;\n    title: string;\n    squareLogo: React.ReactNode;\n    horizontalLogo: React.ReactNode;\n    widgets: WidgetConfig[];\n    lexicalTheme: EditorTheme;\n}\n\nexport const AdminConfigProvider = AppContainer.createDecorator(Original => {\n    return function AdminConfigProvider({ children }) {\n        return (\n            <>\n                {/* Wrap the entire app with an AdminConfig provider, and apply all public configs. */}\n                <Original>\n                    <AdminWithConfig>\n                        <base.ApplyPublicConfig />\n                        {children}\n                    </AdminWithConfig>\n                </Original>\n                {/* Once the app fully renders (after the LoginScreen), apply protected configs. */}\n                <Plugin>\n                    <base.ApplyProtectedConfig />\n                </Plugin>\n            </>\n        );\n    };\n});\n\nconst lexicalTokens = createLexicalTokens(\"wa-lx-\");\n\nexport const useAdminConfig = () => {\n    const baseConfig = base.useConfig();\n\n    const lexicalTheme: EditorTheme = {\n        colors: baseConfig.lexicalTheme?.colors,\n        typography: baseConfig.lexicalTheme?.typography || {},\n        tokens: lexicalTokens\n    };\n\n    return {\n        menus: baseConfig.menus ?? [],\n        userMenus: baseConfig.userMenus ?? [],\n        supportMenus: baseConfig.supportMenus ?? [],\n        title: baseConfig.title,\n        logo: {\n            squareLogo: baseConfig.squareLogo,\n            horizontalLogo: baseConfig.horizontalLogo\n        },\n        widgets: baseConfig.widgets ?? [],\n        lexicalTheme\n    };\n};\n\nexport interface PublicProps {\n    children: React.ReactNode;\n}\n\nexport const Public = ({ children }: PublicProps) => {\n    return <base.PublicConfig>{children}</base.PublicConfig>;\n};\n\nexport interface PrivateProps {\n    children: React.ReactNode;\n}\n\nexport const Private = ({ children }: PrivateProps) => {\n    return <base.PrivateConfig>{children}</base.PrivateConfig>;\n};\n\nexport const AdminConfig = Object.assign(Private, {\n    Public,\n    Theme,\n    Menu,\n    Route,\n    Tenant,\n    Title,\n    Logo,\n    Dashboard,\n    LexicalTheme,\n    useAdminConfig\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,EAAEC,MAAM,QAAQ,aAAa;AAClD,SAASC,IAAI;AAEb,SAASC,MAAM;AAGf,SAASC,KAAK;AACd,SAASC,KAAK;AACd,SAASC,SAAS;AAElB,SAASC,YAAY;AACrB,SAASC,KAAK;AACd,SAASC,IAAI;AACb,SAASC,iBAAiB;AAE1B,SAASC,mBAAmB,QAAQ,oDAAoD;AAExF,MAAMC,IAAI,GAAGF,iBAAiB,CAAc,CAAC;AAE7C,OAAO,MAAMG,eAAe,GAAGC,MAAM,CAACC,MAAM,CAACH,IAAI,CAACI,UAAU,EAAE;EAC1DC,WAAW,EAAE;AACjB,CAAC,CAAC;AAcF,OAAO,MAAMC,mBAAmB,GAAGlB,YAAY,CAACmB,eAAe,CAACC,QAAQ,IAAI;EACxE,OAAO,SAASF,mBAAmBA,CAAC;IAAEG;EAAS,CAAC,EAAE;IAC9C,oBACItB,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,qBAEIxB,KAAA,CAAAuB,aAAA,CAACF,QAAQ,qBACLrB,KAAA,CAAAuB,aAAA,CAACT,eAAe,qBACZd,KAAA,CAAAuB,aAAA,CAACV,IAAI,CAACY,iBAAiB,MAAE,CAAC,EACzBH,QACY,CACX,CAAC,eAEXtB,KAAA,CAAAuB,aAAA,CAACrB,MAAM,qBACHF,KAAA,CAAAuB,aAAA,CAACV,IAAI,CAACa,oBAAoB,MAAE,CACxB,CACV,CAAC;EAEX,CAAC;AACL,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAGf,mBAAmB,CAAC,QAAQ,CAAC;AAEnD,OAAO,MAAMgB,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAMC,UAAU,GAAGhB,IAAI,CAACiB,SAAS,CAAC,CAAC;EAEnC,MAAMC,YAAyB,GAAG;IAC9BC,MAAM,EAAEH,UAAU,CAACE,YAAY,EAAEC,MAAM;IACvCC,UAAU,EAAEJ,UAAU,CAACE,YAAY,EAAEE,UAAU,IAAI,CAAC,CAAC;IACrDC,MAAM,EAAEP;EACZ,CAAC;EAED,OAAO;IACHQ,KAAK,EAAEN,UAAU,CAACM,KAAK,IAAI,EAAE;IAC7BC,SAAS,EAAEP,UAAU,CAACO,SAAS,IAAI,EAAE;IACrCC,YAAY,EAAER,UAAU,CAACQ,YAAY,IAAI,EAAE;IAC3CC,KAAK,EAAET,UAAU,CAACS,KAAK;IACvBC,IAAI,EAAE;MACFC,UAAU,EAAEX,UAAU,CAACW,UAAU;MACjCC,cAAc,EAAEZ,UAAU,CAACY;IAC/B,CAAC;IACDC,OAAO,EAAEb,UAAU,CAACa,OAAO,IAAI,EAAE;IACjCX;EACJ,CAAC;AACL,CAAC;AAMD,OAAO,MAAMY,MAAM,GAAGA,CAAC;EAAErB;AAAsB,CAAC,KAAK;EACjD,oBAAOtB,KAAA,CAAAuB,aAAA,CAACV,IAAI,CAAC+B,YAAY,QAAEtB,QAA4B,CAAC;AAC5D,CAAC;AAMD,OAAO,MAAMuB,OAAO,GAAGA,CAAC;EAAEvB;AAAuB,CAAC,KAAK;EACnD,oBAAOtB,KAAA,CAAAuB,aAAA,CAACV,IAAI,CAACiC,aAAa,QAAExB,QAA6B,CAAC;AAC9D,CAAC;AAED,OAAO,MAAMyB,WAAW,GAAGhC,MAAM,CAACC,MAAM,CAAC6B,OAAO,EAAE;EAC9CF,MAAM;EACNrC,KAAK;EACLH,IAAI;EACJE,KAAK;EACLD,MAAM;EACNK,KAAK;EACLC,IAAI;EACJH,SAAS;EACTC,YAAY;EACZoB;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"config/AdminConfig.js","sources":["../../src/config/AdminConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { createProvider } from \"@webiny/app\";\nimport { Menu, type MenuConfig } from \"./AdminConfig/Menu.js\";\nimport type { TenantConfig } from \"./AdminConfig/Tenant.js\";\nimport { Tenant } from \"./AdminConfig/Tenant.js\";\nimport type { SupportMenuConfig } from \"./AdminConfig/Menu/SupportMenu.js\";\nimport type { UserMenuConfig } from \"./AdminConfig/Menu/UserMenu.js\";\nimport { Route } from \"./AdminConfig/Route.js\";\nimport { Theme } from \"./AdminConfig/Theme.js\";\nimport { Dashboard } from \"./AdminConfig/Dashboard.js\";\nimport { type WidgetConfig } from \"./AdminConfig/Widget.js\";\nimport { Security } from \"./AdminConfig/Security.js\";\nimport type { PermissionRendererConfig } from \"../permissions/types.js\";\nimport { LexicalTheme } from \"./AdminConfig/LexicalTheme.js\";\nimport { Title } from \"./AdminConfig/Title.js\";\nimport { Logo } from \"./AdminConfig/Logo.js\";\nimport { Dialog } from \"./AdminConfig/Dialog.js\";\nimport type { DialogConfig } from \"./AdminConfig/Dialog.js\";\nimport { Form } from \"./AdminConfig/Form.js\";\nimport type { FieldRendererConfig } from \"./AdminConfig/FieldRenderer.js\";\nimport type { LayoutRendererConfig } from \"./AdminConfig/LayoutRenderer.js\";\nimport { createAdminConfig } from \"./createAdminConfig.js\";\nimport type { EditorTheme } from \"@webiny/lexical-theme\";\nimport { createLexicalTokens } from \"@webiny/lexical-theme/createLexicalEditorTokens.js\";\n\nconst base = createAdminConfig<AdminConfig>();\n\nexport const AdminWithConfig = Object.assign(base.WithConfig, {\n    displayName: \"AdminWithConfig\"\n});\n\ninterface AdminConfig {\n    menus: MenuConfig[];\n    supportMenus: SupportMenuConfig[];\n    userMenus: UserMenuConfig[];\n    tenant: TenantConfig;\n    title: string;\n    squareLogo: React.ReactNode;\n    horizontalLogo: React.ReactNode;\n    widgets: WidgetConfig[];\n    permissionRenderers: PermissionRendererConfig[];\n    lexicalTheme: EditorTheme;\n    dialogs: DialogConfig[];\n    fieldRenderers: FieldRendererConfig[];\n    layoutRenderers: LayoutRendererConfig[];\n}\n\n/* Once the app fully renders (after the LoginScreen), apply protected configs. */\nexport const AdminConfigPlugin = <base.ApplyProtectedConfig />;\n\nexport const AdminConfigProvider = createProvider(Original => {\n    return function AdminConfigProvider({ children }) {\n        return (\n            <AdminWithConfig>\n                <base.ApplyPublicConfig />\n                <Original>{children}</Original>\n            </AdminWithConfig>\n        );\n    };\n});\n\nconst lexicalTokens = createLexicalTokens(\"wa-lx-\");\n\nexport const useAdminConfig = () => {\n    const baseConfig = base.useConfig();\n\n    const lexicalTheme: EditorTheme = {\n        colors: baseConfig.lexicalTheme?.colors,\n        typography: baseConfig.lexicalTheme?.typography || {},\n        fontSizes: [],\n        tokens: lexicalTokens\n    };\n\n    return {\n        menus: baseConfig.menus ?? [],\n        userMenus: baseConfig.userMenus ?? [],\n        supportMenus: baseConfig.supportMenus ?? [],\n        title: baseConfig.title,\n        logo: {\n            squareLogo: baseConfig.squareLogo,\n            horizontalLogo: baseConfig.horizontalLogo\n        },\n        widgets: baseConfig.widgets ?? [],\n        permissionRenderers: baseConfig.permissionRenderers ?? [],\n        lexicalTheme,\n        dialogs: baseConfig.dialogs ?? [],\n        fieldRenderers: baseConfig.fieldRenderers ?? [],\n        layoutRenderers: baseConfig.layoutRenderers ?? []\n    };\n};\n\nexport interface PublicProps {\n    children: React.ReactNode;\n}\n\nexport const Public = ({ children }: PublicProps) => {\n    return <base.PublicConfig>{children}</base.PublicConfig>;\n};\n\nexport interface PrivateProps {\n    children: React.ReactNode;\n}\n\nexport const Private = ({ children }: PrivateProps) => {\n    return <base.PrivateConfig>{children}</base.PrivateConfig>;\n};\n\nexport const AdminConfig = Object.assign(Private, {\n    Public,\n    Theme,\n    Menu,\n    Route,\n    Tenant,\n    Title,\n    Logo,\n    Dashboard,\n    Security,\n    LexicalTheme,\n    Dialog,\n    Form,\n    useAdminConfig\n});\n"],"names":["base","createAdminConfig","AdminWithConfig","Object","AdminConfigPlugin","AdminConfigProvider","createProvider","Original","children","lexicalTokens","createLexicalTokens","useAdminConfig","baseConfig","lexicalTheme","Public","Private","AdminConfig","Theme","Menu","Route","Tenant","Title","Logo","Dashboard","Security","LexicalTheme","Dialog","Form"],"mappings":";;;;;;;;;;;;;;;AAyBA,MAAMA,OAAOC;AAEN,MAAMC,kBAAkBC,OAAO,MAAM,CAACH,KAAK,UAAU,EAAE;IAC1D,aAAa;AACjB;AAmBO,MAAMI,oBAAoB,WAAHA,GAAG,oBAACJ,KAAK,oBAAoB;AAEpD,MAAMK,kCAAsBC,eAAeC,CAAAA,WACvC,SAA6B,EAAEC,QAAQ,EAAE;QAC5C,OAAO,WAAP,GACI,oBAACN,iBAAeA,MAAAA,WAAAA,GACZ,oBAACF,KAAK,iBAAiB,uBACvB,oBAACO,UAAAA,MAAUC;IAGvB;AAGJ,MAAMC,gBAAgBC,oBAAoB;AAEnC,MAAMC,iBAAiB;IAC1B,MAAMC,aAAaZ,KAAK,SAAS;IAEjC,MAAMa,eAA4B;QAC9B,QAAQD,WAAW,YAAY,EAAE;QACjC,YAAYA,WAAW,YAAY,EAAE,cAAc,CAAC;QACpD,WAAW,EAAE;QACb,QAAQH;IACZ;IAEA,OAAO;QACH,OAAOG,WAAW,KAAK,IAAI,EAAE;QAC7B,WAAWA,WAAW,SAAS,IAAI,EAAE;QACrC,cAAcA,WAAW,YAAY,IAAI,EAAE;QAC3C,OAAOA,WAAW,KAAK;QACvB,MAAM;YACF,YAAYA,WAAW,UAAU;YACjC,gBAAgBA,WAAW,cAAc;QAC7C;QACA,SAASA,WAAW,OAAO,IAAI,EAAE;QACjC,qBAAqBA,WAAW,mBAAmB,IAAI,EAAE;QACzDC;QACA,SAASD,WAAW,OAAO,IAAI,EAAE;QACjC,gBAAgBA,WAAW,cAAc,IAAI,EAAE;QAC/C,iBAAiBA,WAAW,eAAe,IAAI,EAAE;IACrD;AACJ;AAMO,MAAME,SAAS,CAAC,EAAEN,QAAQ,EAAe,GACrC,WAAP,GAAO,oBAACR,KAAK,YAAY,QAAEQ;AAOxB,MAAMO,UAAU,CAAC,EAAEP,QAAQ,EAAgB,GACvC,WAAP,GAAO,oBAACR,KAAK,aAAa,QAAEQ;AAGzB,MAAMQ,cAAcb,OAAO,MAAM,CAACY,SAAS;IAC9CD,QAAAA;IACAG,OAAKA;IACLC,MAAIA;IACJC,OAAKA;IACLC,QAAMA;IACNC,OAAKA;IACLC,MAAIA;IACJC,WAASA;IACTC,UAAQA;IACRC,cAAYA;IACZC,QAAMA;IACNC,MAAIA;IACJhB,gBAAAA;AACJ"}