@webiny/app-admin 6.3.0 → 6.4.0-beta.0

package/config/AdminConfig/Menu.js

@@ -1,85 +1,69 @@
-import React from "react";
-import { makeDecoratable } from "../../index.js";
+import react from "react";
+import { makeDecoratable } from "@webiny/react-composition";
 import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
 import { MenuItem } from "./Menu/MenuItem.js";
 import { MenuLink } from "./Menu/MenuLink.js";
 import { MenuGroup } from "./Menu/MenuGroup.js";
 import { SupportMenu } from "./Menu/SupportMenu.js";
 import { UserMenu } from "./Menu/UserMenu.js";
-const BaseMenu = ({
-  name,
-  parent = null,
-  hideIfEmpty = false,
-  tags = [],
-  element,
-  remove,
-  pin,
-  before,
-  after,
-  pinnable = false
-}) => {
-  const getId = useIdGenerator("Menu");
-  let placeAfter = after !== undefined ? getId(after) : undefined;
-  let placeBefore = before !== undefined ? getId(before) : undefined;
-  if (pin) {
-    if (pin === "start") {
-      placeBefore = "$first";
-    } else {
-      placeAfter = "$last";
-    }
-  }
-  return /*#__PURE__*/React.createElement(ConnectToProperties, {
-    name: "AdminConfig"
-  }, /*#__PURE__*/React.createElement(Property, {
-    id: getId(name),
-    name: "menus",
-    remove: remove,
-    array: true,
-    before: placeBefore,
-    after: placeAfter
-  }, /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "name"),
-    name: "name",
-    value: name
-  }), /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "hideIfEmpty"),
-    name: "hideIfEmpty",
-    value: hideIfEmpty
-  }), /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "parent"),
-    name: "parent",
-    value: parent
-  }), /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "tags"),
-    name: "tags",
-    value: tags
-  }), /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "element"),
-    name: "element",
-    value: element
-  }), /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "pinnable"),
-    name: "pinnable",
-    value: pinnable
-  })));
+const BaseMenu = ({ name, parent = null, hideIfEmpty = false, tags = [], element, remove, pin, before, after, pinnable = false })=>{
+    const getId = useIdGenerator("Menu");
+    let placeAfter = void 0 !== after ? getId(after) : void 0;
+    let placeBefore = void 0 !== before ? getId(before) : void 0;
+    if (pin) if ("start" === pin) placeBefore = "$first";
+    else placeAfter = "$last";
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "menus",
+        remove: remove,
+        array: true,
+        before: placeBefore,
+        after: placeAfter
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "name"),
+        name: "name",
+        value: name
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "hideIfEmpty"),
+        name: "hideIfEmpty",
+        value: hideIfEmpty
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "parent"),
+        name: "parent",
+        value: parent
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "tags"),
+        name: "tags",
+        value: tags
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "element"),
+        name: "element",
+        value: element
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "pinnable"),
+        name: "pinnable",
+        value: pinnable
+    })));
 };
 const DecoratableMenu = makeDecoratable("Menu", BaseMenu);
-const BaseFooterMenu = ({
-  tags,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(BaseMenu, Object.assign({}, props, {
-    tags: ["footer", ...(tags || [])]
-  }));
-};
+const BaseFooterMenu = ({ tags, ...props })=>/*#__PURE__*/ react.createElement(BaseMenu, {
+        ...props,
+        tags: [
+            "footer",
+            ...tags || []
+        ]
+    });
 const DecoratableFooterMenu = makeDecoratable("FooterMenu", BaseFooterMenu);
-export const Menu = Object.assign(DecoratableMenu, {
-  Item: MenuItem,
-  Link: MenuLink,
-  Group: MenuGroup,
-  Footer: DecoratableFooterMenu,
-  Support: SupportMenu,
-  User: UserMenu
+const Menu = Object.assign(DecoratableMenu, {
+    Item: MenuItem,
+    Link: MenuLink,
+    Group: MenuGroup,
+    Footer: DecoratableFooterMenu,
+    Support: SupportMenu,
+    User: UserMenu
 });
+export { Menu };
 
 //# sourceMappingURL=Menu.js.map

package/config/AdminConfig/Menu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","ConnectToProperties","Property","useIdGenerator","MenuItem","MenuLink","MenuGroup","SupportMenu","UserMenu","BaseMenu","name","parent","hideIfEmpty","tags","element","remove","pin","before","after","pinnable","getId","placeAfter","undefined","placeBefore","createElement","id","array","value","DecoratableMenu","BaseFooterMenu","props","Object","assign","DecoratableFooterMenu","Menu","Item","Link","Group","Footer","Support","User"],"sources":["Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/index.js\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { MenuItem } from \"./Menu/MenuItem.js\";\nimport { MenuLink } from \"./Menu/MenuLink.js\";\nimport { MenuGroup } from \"./Menu/MenuGroup.js\";\nimport { SupportMenu } from \"./Menu/SupportMenu.js\";\nimport { UserMenu } from \"./Menu/UserMenu.js\";\n\nexport interface MenuProps {\n    name: string;\n    hideIfEmpty?: boolean;\n    parent?: string | null;\n    tags?: string[];\n    element?: React.ReactElement;\n    remove?: boolean;\n    pin?: \"start\" | \"end\";\n    before?: string;\n    after?: string;\n    pinnable?: boolean;\n}\n\nexport type MenuConfig = Pick<\n    MenuProps,\n    \"name\" | \"parent\" | \"tags\" | \"element\" | \"pinnable\" | \"hideIfEmpty\"\n>;\n\nconst BaseMenu = ({\n    name,\n    parent = null,\n    hideIfEmpty = false,\n    tags = [],\n    element,\n    remove,\n    pin,\n    before,\n    after,\n    pinnable = false\n}: MenuProps) => {\n    const getId = useIdGenerator(\"Menu\");\n\n    let placeAfter = after !== undefined ? getId(after) : undefined;\n    let placeBefore = before !== undefined ? getId(before) : undefined;\n    if (pin) {\n        if (pin === \"start\") {\n            placeBefore = \"$first\";\n        } else {\n            placeAfter = \"$last\";\n        }\n    }\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(name)}\n                name={\"menus\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                <Property\n                    id={getId(name, \"hideIfEmpty\")}\n                    name={\"hideIfEmpty\"}\n                    value={hideIfEmpty}\n                />\n                <Property id={getId(name, \"parent\")} name={\"parent\"} value={parent} />\n                <Property id={getId(name, \"tags\")} name={\"tags\"} value={tags} />\n                <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                <Property id={getId(name, \"pinnable\")} name={\"pinnable\"} value={pinnable} />\n            </Property>\n        </ConnectToProperties>\n    );\n};\n\nconst DecoratableMenu = makeDecoratable(\"Menu\", BaseMenu);\n\nconst BaseFooterMenu = ({ tags, ...props }: MenuProps) => {\n    return <BaseMenu {...props} tags={[\"footer\", ...(tags || [])]} />;\n};\n\nconst DecoratableFooterMenu = makeDecoratable(\"FooterMenu\", BaseFooterMenu);\n\nexport const Menu = Object.assign(DecoratableMenu, {\n    Item: MenuItem,\n    Link: MenuLink,\n    Group: MenuGroup,\n    Footer: DecoratableFooterMenu,\n    Support: SupportMenu,\n    User: UserMenu\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"config/AdminConfig/Menu.js","sources":["../../../src/config/AdminConfig/Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { MenuItem } from \"./Menu/MenuItem.js\";\nimport { MenuLink } from \"./Menu/MenuLink.js\";\nimport { MenuGroup } from \"./Menu/MenuGroup.js\";\nimport { SupportMenu } from \"./Menu/SupportMenu.js\";\nimport { UserMenu } from \"./Menu/UserMenu.js\";\n\nexport interface MenuProps {\n    name: string;\n    hideIfEmpty?: boolean;\n    parent?: string | null;\n    tags?: string[];\n    element?: React.ReactElement;\n    remove?: boolean;\n    pin?: \"start\" | \"end\";\n    before?: string;\n    after?: string;\n    pinnable?: boolean;\n}\n\nexport type MenuConfig = Pick<\n    MenuProps,\n    \"name\" | \"parent\" | \"tags\" | \"element\" | \"pinnable\" | \"hideIfEmpty\"\n>;\n\nconst BaseMenu = ({\n    name,\n    parent = null,\n    hideIfEmpty = false,\n    tags = [],\n    element,\n    remove,\n    pin,\n    before,\n    after,\n    pinnable = false\n}: MenuProps) => {\n    const getId = useIdGenerator(\"Menu\");\n\n    let placeAfter = after !== undefined ? getId(after) : undefined;\n    let placeBefore = before !== undefined ? getId(before) : undefined;\n    if (pin) {\n        if (pin === \"start\") {\n            placeBefore = \"$first\";\n        } else {\n            placeAfter = \"$last\";\n        }\n    }\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(name)}\n                name={\"menus\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                <Property\n                    id={getId(name, \"hideIfEmpty\")}\n                    name={\"hideIfEmpty\"}\n                    value={hideIfEmpty}\n                />\n                <Property id={getId(name, \"parent\")} name={\"parent\"} value={parent} />\n                <Property id={getId(name, \"tags\")} name={\"tags\"} value={tags} />\n                <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                <Property id={getId(name, \"pinnable\")} name={\"pinnable\"} value={pinnable} />\n            </Property>\n        </ConnectToProperties>\n    );\n};\n\nconst DecoratableMenu = makeDecoratable(\"Menu\", BaseMenu);\n\nconst BaseFooterMenu = ({ tags, ...props }: MenuProps) => {\n    return <BaseMenu {...props} tags={[\"footer\", ...(tags || [])]} />;\n};\n\nconst DecoratableFooterMenu = makeDecoratable(\"FooterMenu\", BaseFooterMenu);\n\nexport const Menu = Object.assign(DecoratableMenu, {\n    Item: MenuItem,\n    Link: MenuLink,\n    Group: MenuGroup,\n    Footer: DecoratableFooterMenu,\n    Support: SupportMenu,\n    User: UserMenu\n});\n"],"names":["BaseMenu","name","parent","hideIfEmpty","tags","element","remove","pin","before","after","pinnable","getId","useIdGenerator","placeAfter","undefined","placeBefore","ConnectToProperties","Property","DecoratableMenu","makeDecoratable","BaseFooterMenu","props","DecoratableFooterMenu","Menu","Object","MenuItem","MenuLink","MenuGroup","SupportMenu","UserMenu"],"mappings":";;;;;;;;AA2BA,MAAMA,WAAW,CAAC,EACdC,IAAI,EACJC,SAAS,IAAI,EACbC,cAAc,KAAK,EACnBC,OAAO,EAAE,EACTC,OAAO,EACPC,MAAM,EACNC,GAAG,EACHC,MAAM,EACNC,KAAK,EACLC,WAAW,KAAK,EACR;IACR,MAAMC,QAAQC,eAAe;IAE7B,IAAIC,aAAaJ,AAAUK,WAAVL,QAAsBE,MAAMF,SAASK;IACtD,IAAIC,cAAcP,AAAWM,WAAXN,SAAuBG,MAAMH,UAAUM;IACzD,IAAIP,KACA,IAAIA,AAAQ,YAARA,KACAQ,cAAc;SAEdF,aAAa;IAIrB,OAAO,WAAP,GACI,oBAACG,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QACL,IAAIN,MAAMV;QACV,MAAM;QACN,QAAQK;QACR,OAAO;QACP,QAAQS;QACR,OAAOF;qBAEP,oBAACI,UAAQA;QAAC,IAAIN,MAAMV,MAAM;QAAS,MAAM;QAAQ,OAAOA;sBACxD,oBAACgB,UAAQA;QACL,IAAIN,MAAMV,MAAM;QAChB,MAAM;QACN,OAAOE;sBAEX,oBAACc,UAAQA;QAAC,IAAIN,MAAMV,MAAM;QAAW,MAAM;QAAU,OAAOC;sBAC5D,oBAACe,UAAQA;QAAC,IAAIN,MAAMV,MAAM;QAAS,MAAM;QAAQ,OAAOG;sBACxD,oBAACa,UAAQA;QAAC,IAAIN,MAAMV,MAAM;QAAY,MAAM;QAAW,OAAOI;sBAC9D,oBAACY,UAAQA;QAAC,IAAIN,MAAMV,MAAM;QAAa,MAAM;QAAY,OAAOS;;AAIhF;AAEA,MAAMQ,kBAAkBC,gBAAgB,QAAQnB;AAEhD,MAAMoB,iBAAiB,CAAC,EAAEhB,IAAI,EAAE,GAAGiB,OAAkB,GAC1C,WAAP,GAAO,oBAACrB,UAAQA;QAAE,GAAGqB,KAAK;QAAE,MAAM;YAAC;eAAcjB,QAAQ,EAAE;SAAE;;AAGjE,MAAMkB,wBAAwBH,gBAAgB,cAAcC;AAErD,MAAMG,OAAOC,OAAO,MAAM,CAACN,iBAAiB;IAC/C,MAAMO;IACN,MAAMC;IACN,OAAOC;IACP,QAAQL;IACR,SAASM;IACT,MAAMC;AACV"}

package/config/AdminConfig/Route.js

@@ -1,8 +1,7 @@
-import React from "react";
-import { Route as AppRoute } from "@webiny/app/config/RouterConfig/Route.js";
+import react from "react";
+import { Route } from "@webiny/app/config/RouterConfig/Route.js";
 import { RouterConfig } from "@webiny/app/config/RouterConfig.js";
-export const Route = props => {
-  return /*#__PURE__*/React.createElement(RouterConfig, null, /*#__PURE__*/React.createElement(AppRoute, props));
-};
+const Route_Route = (props)=>/*#__PURE__*/ react.createElement(RouterConfig, null, /*#__PURE__*/ react.createElement(Route, props));
+export { Route_Route as Route };
 
 //# sourceMappingURL=Route.js.map

package/config/AdminConfig/Route.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Route","AppRoute","RouterConfig","props","createElement"],"sources":["Route.tsx"],"sourcesContent":["import React from \"react\";\nimport { Route as AppRoute } from \"@webiny/app/config/RouterConfig/Route.js\";\nimport { RouterConfig } from \"@webiny/app/config/RouterConfig.js\";\n\nexport const Route = (props: React.ComponentProps<typeof AppRoute>) => {\n    return (\n        <RouterConfig>\n            <AppRoute {...props} />\n        </RouterConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,IAAIC,QAAQ,QAAQ,0CAA0C;AAC5E,SAASC,YAAY,QAAQ,oCAAoC;AAEjE,OAAO,MAAMF,KAAK,GAAIG,KAA4C,IAAK;EACnE,oBACIJ,KAAA,CAAAK,aAAA,CAACF,YAAY,qBACTH,KAAA,CAAAK,aAAA,CAACH,QAAQ,EAAKE,KAAQ,CACZ,CAAC;AAEvB,CAAC","ignoreList":[]}
+{"version":3,"file":"config/AdminConfig/Route.js","sources":["../../../src/config/AdminConfig/Route.tsx"],"sourcesContent":["import React from \"react\";\nimport { Route as AppRoute } from \"@webiny/app/config/RouterConfig/Route.js\";\nimport { RouterConfig } from \"@webiny/app/config/RouterConfig.js\";\n\nexport const Route = (props: React.ComponentProps<typeof AppRoute>) => {\n    return (\n        <RouterConfig>\n            <AppRoute {...props} />\n        </RouterConfig>\n    );\n};\n"],"names":["Route","props","RouterConfig","AppRoute"],"mappings":";;;AAIO,MAAMA,cAAQ,CAACC,QACX,WAAP,GACI,oBAACC,cAAYA,MAAAA,WAAAA,GACT,oBAACC,OAAaF"}

package/config/AdminConfig/Security.js

@@ -1,6 +1,7 @@
 import { SecurityPermissions } from "./SecurityPermissions.js";
-export const Security = {
-  Permissions: SecurityPermissions
+const Security = {
+    Permissions: SecurityPermissions
 };
+export { Security };
 
 //# sourceMappingURL=Security.js.map

package/config/AdminConfig/Security.js.map

@@ -1 +1 @@
-{"version":3,"names":["SecurityPermissions","Security","Permissions"],"sources":["Security.ts"],"sourcesContent":["import { SecurityPermissions } from \"./SecurityPermissions.js\";\n\nexport const Security = {\n    Permissions: SecurityPermissions\n};\n"],"mappings":"AAAA,SAASA,mBAAmB;AAE5B,OAAO,MAAMC,QAAQ,GAAG;EACpBC,WAAW,EAAEF;AACjB,CAAC","ignoreList":[]}
+{"version":3,"file":"config/AdminConfig/Security.js","sources":["../../../src/config/AdminConfig/Security.ts"],"sourcesContent":["import { SecurityPermissions } from \"./SecurityPermissions.js\";\n\nexport const Security = {\n    Permissions: SecurityPermissions\n};\n"],"names":["Security","SecurityPermissions"],"mappings":";AAEO,MAAMA,WAAW;IACpB,aAAaC;AACjB"}

package/config/AdminConfig/SecurityPermissions.js

@@ -1,31 +1,24 @@
-import React from "react";
+import react from "react";
 import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
-export const SecurityPermissions = ({
-  name,
-  title,
-  description,
-  icon,
-  schema,
-  element,
-  system
-}) => {
-  const getId = useIdGenerator("SecurityPermissions");
-  return /*#__PURE__*/React.createElement(ConnectToProperties, {
-    name: "AdminConfig"
-  }, /*#__PURE__*/React.createElement(Property, {
-    id: getId(name),
-    name: "permissionRenderers",
-    array: true,
-    value: {
-      name,
-      title,
-      description,
-      icon,
-      schema,
-      element,
-      system
-    }
-  }));
+const SecurityPermissions = ({ name, title, description, icon, schema, element, system })=>{
+    const getId = useIdGenerator("SecurityPermissions");
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "permissionRenderers",
+        array: true,
+        value: {
+            name,
+            title,
+            description,
+            icon,
+            schema,
+            element,
+            system
+        }
+    }));
 };
+export { SecurityPermissions };
 
 //# sourceMappingURL=SecurityPermissions.js.map

package/config/AdminConfig/SecurityPermissions.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ConnectToProperties","Property","useIdGenerator","SecurityPermissions","name","title","description","icon","schema","element","system","getId","createElement","id","array","value"],"sources":["SecurityPermissions.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\nimport type { PermissionSchema } from \"~/permissions/types.js\";\n\nexport type SecurityPermissionsProps = SecurityPermissionsPropsBase &\n    (\n        | { schema: PermissionSchema; element?: never }\n        | { schema?: never; element: React.ReactElement }\n    );\n\nexport interface SecurityPermissionsPropsBase {\n    name: string;\n    title: string;\n    description?: string;\n    icon?: React.ReactElement;\n    system?: boolean;\n}\n\nexport const SecurityPermissions = ({\n    name,\n    title,\n    description,\n    icon,\n    schema,\n    element,\n    system\n}: SecurityPermissionsProps) => {\n    const getId = useIdGenerator(\"SecurityPermissions\");\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(name)}\n                name={\"permissionRenderers\"}\n                array={true}\n                value={{ name, title, description, icon, schema, element, system }}\n            />\n        </ConnectToProperties>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAiBxF,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAChCC,IAAI;EACJC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC;AACsB,CAAC,KAAK;EAC5B,MAAMC,KAAK,GAAGT,cAAc,CAAC,qBAAqB,CAAC;EAEnD,oBACIH,KAAA,CAAAa,aAAA,CAACZ,mBAAmB;IAACI,IAAI,EAAE;EAAc,gBACrCL,KAAA,CAAAa,aAAA,CAACX,QAAQ;IACLY,EAAE,EAAEF,KAAK,CAACP,IAAI,CAAE;IAChBA,IAAI,EAAE,qBAAsB;IAC5BU,KAAK,EAAE,IAAK;IACZC,KAAK,EAAE;MAAEX,IAAI;MAAEC,KAAK;MAAEC,WAAW;MAAEC,IAAI;MAAEC,MAAM;MAAEC,OAAO;MAAEC;IAAO;EAAE,CACtE,CACgB,CAAC;AAE9B,CAAC","ignoreList":[]}
+{"version":3,"file":"config/AdminConfig/SecurityPermissions.js","sources":["../../../src/config/AdminConfig/SecurityPermissions.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\nimport type { PermissionSchema } from \"~/permissions/types.js\";\n\nexport type SecurityPermissionsProps = SecurityPermissionsPropsBase &\n    (\n        | { schema: PermissionSchema; element?: never }\n        | { schema?: never; element: React.ReactElement }\n    );\n\nexport interface SecurityPermissionsPropsBase {\n    name: string;\n    title: string;\n    description?: string;\n    icon?: React.ReactElement;\n    system?: boolean;\n}\n\nexport const SecurityPermissions = ({\n    name,\n    title,\n    description,\n    icon,\n    schema,\n    element,\n    system\n}: SecurityPermissionsProps) => {\n    const getId = useIdGenerator(\"SecurityPermissions\");\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(name)}\n                name={\"permissionRenderers\"}\n                array={true}\n                value={{ name, title, description, icon, schema, element, system }}\n            />\n        </ConnectToProperties>\n    );\n};\n"],"names":["SecurityPermissions","name","title","description","icon","schema","element","system","getId","useIdGenerator","ConnectToProperties","Property"],"mappings":";;AAkBO,MAAMA,sBAAsB,CAAC,EAChCC,IAAI,EACJC,KAAK,EACLC,WAAW,EACXC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,MAAM,EACiB;IACvB,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GACI,oBAACC,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QACL,IAAIH,MAAMP;QACV,MAAM;QACN,OAAO;QACP,OAAO;YAAEA;YAAMC;YAAOC;YAAaC;YAAMC;YAAQC;YAASC;QAAO;;AAIjF"}

package/config/AdminConfig/Tenant/TenantLogo.d.ts

@@ -16,7 +16,7 @@ export declare const TenantLogo: (({ squareLogo, horizontalLogo }: TenantLogoPro
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ squareLogo, horizontalLogo }: TenantLogoProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ squareLogo, horizontalLogo }: TenantLogoProps) => React.JSX.Element) & {
         original: ({ squareLogo, horizontalLogo }: TenantLogoProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/config/AdminConfig/Tenant/TenantLogo.js

@@ -1,24 +1,22 @@
-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 BaseTenantLogo = ({
-  squareLogo,
-  horizontalLogo
-}) => {
-  const getId = useIdGenerator("Tenant");
-  return /*#__PURE__*/React.createElement(Property, {
-    id: getId("tenant"),
-    name: "tenant"
-  }, /*#__PURE__*/React.createElement(Property, {
-    id: getId("squareLogo"),
-    name: "squareLogo",
-    value: squareLogo
-  }), /*#__PURE__*/React.createElement(Property, {
-    id: getId("horizontalLogo"),
-    name: "horizontalLogo",
-    value: horizontalLogo ?? squareLogo
-  }));
+const BaseTenantLogo = ({ squareLogo, horizontalLogo })=>{
+    const getId = useIdGenerator("Tenant");
+    return /*#__PURE__*/ react.createElement(Property, {
+        id: getId("tenant"),
+        name: "tenant"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId("squareLogo"),
+        name: "squareLogo",
+        value: squareLogo
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId("horizontalLogo"),
+        name: "horizontalLogo",
+        value: horizontalLogo ?? squareLogo
+    }));
 };
-export const TenantLogo = makeDecoratable("TenantLogo", BaseTenantLogo);
+const TenantLogo = makeDecoratable("TenantLogo", BaseTenantLogo);
+export { TenantLogo };
 
 //# sourceMappingURL=TenantLogo.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Property","useIdGenerator","BaseTenantLogo","squareLogo","horizontalLogo","getId","createElement","id","name","value","TenantLogo"],"sources":["TenantLogo.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/index.js\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface TenantLogoProps {\n    squareLogo: React.ReactNode;\n    horizontalLogo?: React.ReactNode;\n}\n\nconst BaseTenantLogo = ({ squareLogo, horizontalLogo }: TenantLogoProps) => {\n    const getId = useIdGenerator(\"Tenant\");\n\n    return (\n        <Property id={getId(\"tenant\")} name={\"tenant\"}>\n            <Property id={getId(\"squareLogo\")} name={\"squareLogo\"} value={squareLogo} />\n            <Property\n                id={getId(\"horizontalLogo\")}\n                name={\"horizontalLogo\"}\n                value={horizontalLogo ?? squareLogo}\n            />\n        </Property>\n    );\n};\n\nexport const TenantLogo = makeDecoratable(\"TenantLogo\", BaseTenantLogo);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AACxB,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAOnE,MAAMC,cAAc,GAAGA,CAAC;EAAEC,UAAU;EAAEC;AAAgC,CAAC,KAAK;EACxE,MAAMC,KAAK,GAAGJ,cAAc,CAAC,QAAQ,CAAC;EAEtC,oBACIH,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAEF,KAAK,CAAC,QAAQ,CAAE;IAACG,IAAI,EAAE;EAAS,gBAC1CV,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAEF,KAAK,CAAC,YAAY,CAAE;IAACG,IAAI,EAAE,YAAa;IAACC,KAAK,EAAEN;EAAW,CAAE,CAAC,eAC5EL,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IACLO,EAAE,EAAEF,KAAK,CAAC,gBAAgB,CAAE;IAC5BG,IAAI,EAAE,gBAAiB;IACvBC,KAAK,EAAEL,cAAc,IAAID;EAAW,CACvC,CACK,CAAC;AAEnB,CAAC;AAED,OAAO,MAAMO,UAAU,GAAGX,eAAe,CAAC,YAAY,EAAEG,cAAc,CAAC","ignoreList":[]}
+{"version":3,"file":"config/AdminConfig/Tenant/TenantLogo.js","sources":["../../../../src/config/AdminConfig/Tenant/TenantLogo.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface TenantLogoProps {\n    squareLogo: React.ReactNode;\n    horizontalLogo?: React.ReactNode;\n}\n\nconst BaseTenantLogo = ({ squareLogo, horizontalLogo }: TenantLogoProps) => {\n    const getId = useIdGenerator(\"Tenant\");\n\n    return (\n        <Property id={getId(\"tenant\")} name={\"tenant\"}>\n            <Property id={getId(\"squareLogo\")} name={\"squareLogo\"} value={squareLogo} />\n            <Property\n                id={getId(\"horizontalLogo\")}\n                name={\"horizontalLogo\"}\n                value={horizontalLogo ?? squareLogo}\n            />\n        </Property>\n    );\n};\n\nexport const TenantLogo = makeDecoratable(\"TenantLogo\", BaseTenantLogo);\n"],"names":["BaseTenantLogo","squareLogo","horizontalLogo","getId","useIdGenerator","Property","TenantLogo","makeDecoratable"],"mappings":";;;AASA,MAAMA,iBAAiB,CAAC,EAAEC,UAAU,EAAEC,cAAc,EAAmB;IACnE,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GACI,oBAACC,UAAQA;QAAC,IAAIF,MAAM;QAAW,MAAM;qBACjC,oBAACE,UAAQA;QAAC,IAAIF,MAAM;QAAe,MAAM;QAAc,OAAOF;sBAC9D,oBAACI,UAAQA;QACL,IAAIF,MAAM;QACV,MAAM;QACN,OAAOD,kBAAkBD;;AAIzC;AAEO,MAAMK,aAAaC,gBAAgB,cAAcP"}

package/config/AdminConfig/Tenant/TenantName.d.ts

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

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