@webiny/app-admin 6.0.0-alpha.5 → 6.0.0-rc.0

package/config/AdminConfig/Security.d.ts

@@ -0,0 +1,3 @@
+export declare const Security: {
+    Permissions: ({ name, title, description, icon, schema, element, system }: import("./SecurityPermissions.js").SecurityPermissionsProps) => import("react").JSX.Element;
+};

package/config/AdminConfig/Security.js

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

package/config/AdminConfig/Security.js.map

@@ -0,0 +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":[]}

package/config/AdminConfig/SecurityPermissions.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { PermissionSchema } from "../../permissions/types.js";
+export type SecurityPermissionsProps = SecurityPermissionsPropsBase & ({
+    schema: PermissionSchema;
+    element?: never;
+} | {
+    schema?: never;
+    element: React.ReactElement;
+});
+export interface SecurityPermissionsPropsBase {
+    name: string;
+    title: string;
+    description?: string;
+    icon?: React.ReactElement;
+    system?: boolean;
+}
+export declare const SecurityPermissions: ({ name, title, description, icon, schema, element, system }: SecurityPermissionsProps) => React.JSX.Element;

package/config/AdminConfig/SecurityPermissions.js

@@ -0,0 +1,31 @@
+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
+    }
+  }));
+};
+
+//# sourceMappingURL=SecurityPermissions.js.map

package/config/AdminConfig/SecurityPermissions.js.map

@@ -0,0 +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":[]}

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

@@ -1,22 +1,23 @@
 import React from "react";
 export interface TenantLogoProps {
-    element: React.ReactNode;
+    squareLogo: React.ReactNode;
+    horizontalLogo?: React.ReactNode;
 }
-export declare const TenantLogo: (({ element }: TenantLogoProps) => React.JSX.Element) & {
-    original: ({ element }: TenantLogoProps) => React.JSX.Element;
+export declare const TenantLogo: (({ squareLogo, horizontalLogo }: TenantLogoProps) => React.JSX.Element) & {
+    original: ({ squareLogo, horizontalLogo }: TenantLogoProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ element }: TenantLogoProps) => React.JSX.Element) & {
-        original: ({ element }: TenantLogoProps) => React.JSX.Element;
+    original: (({ squareLogo, horizontalLogo }: TenantLogoProps) => React.JSX.Element) & {
+        original: ({ squareLogo, horizontalLogo }: TenantLogoProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("../../../index").ComponentDecorator<(({ element }: TenantLogoProps) => React.JSX.Element) & {
-        original: ({ element }: TenantLogoProps) => React.JSX.Element;
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ squareLogo, horizontalLogo }: TenantLogoProps) => React.JSX.Element) & {
+        original: ({ squareLogo, horizontalLogo }: TenantLogoProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/config/AdminConfig/Tenant/TenantLogo.js

@@ -1,15 +1,23 @@
 import React from "react";
-import { makeDecoratable } from "../../..";
+import { makeDecoratable } from "../../../index.js";
 import { Property, useIdGenerator } from "@webiny/react-properties";
 const BaseTenantLogo = ({
-  element
+  squareLogo,
+  horizontalLogo
 }) => {
   const getId = useIdGenerator("Tenant");
   return /*#__PURE__*/React.createElement(Property, {
-    id: getId("logo"),
-    name: "logo",
-    value: element
-  });
+    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);
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Property","useIdGenerator","BaseTenantLogo","element","getId","createElement","id","name","value","TenantLogo"],"sources":["TenantLogo.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/index\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface TenantLogoProps {\n    element: React.ReactNode;\n}\n\nconst BaseTenantLogo = ({ element }: TenantLogoProps) => {\n    const getId = useIdGenerator(\"Tenant\");\n\n    return <Property id={getId(\"logo\")} name={\"logo\"} value={element} />;\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;AAMnE,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EACrD,MAAMC,KAAK,GAAGH,cAAc,CAAC,QAAQ,CAAC;EAEtC,oBAAOH,KAAA,CAAAO,aAAA,CAACL,QAAQ;IAACM,EAAE,EAAEF,KAAK,CAAC,MAAM,CAAE;IAACG,IAAI,EAAE,MAAO;IAACC,KAAK,EAAEL;EAAQ,CAAE,CAAC;AACxE,CAAC;AAED,OAAO,MAAMM,UAAU,GAAGV,eAAe,CAAC,YAAY,EAAEG,cAAc,CAAC","ignoreList":[]}
+{"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":[]}

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").ComponentDecorator<(({ value }: TenantNameProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ value }: TenantNameProps) => React.JSX.Element) & {
         original: ({ value }: TenantNameProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/config/AdminConfig/Tenant/TenantName.js

@@ -1,15 +1,18 @@
 import React from "react";
-import { makeDecoratable } from "../../..";
+import { makeDecoratable } from "../../../index.js";
 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
-  });
+  }));
 };
 export const TenantName = makeDecoratable("TenantName", BaseTenantName);
 

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\";\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 <Property id={getId(\"name\")} name={\"name\"} value={value} />;\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,oBAAOH,KAAA,CAAAO,aAAA,CAACL,QAAQ;IAACM,EAAE,EAAEF,KAAK,CAAC,MAAM,CAAE;IAACG,IAAI,EAAE,MAAO;IAACJ,KAAK,EAAEA;EAAM,CAAE,CAAC;AACtE,CAAC;AAED,OAAO,MAAMK,UAAU,GAAGT,eAAe,CAAC,YAAY,EAAEG,cAAc,CAAC","ignoreList":[]}
+{"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":[]}

package/config/AdminConfig/Tenant.d.ts

@@ -4,61 +4,44 @@ export interface TenantProps {
 }
 export type TenantConfig = {
     name: string;
-    logo: React.ReactNode;
+    squareLogo: React.ReactNode;
+    horizontalLogo: React.ReactNode;
 };
 export declare const Tenant: (({ children }: TenantProps) => React.JSX.Element) & {
-    original: ({ children }: TenantProps) => React.JSX.Element;
-    originalName: string;
-    displayName: string;
-} & {
-    original: (({ children }: TenantProps) => React.JSX.Element) & {
-        original: ({ children }: TenantProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    };
-    originalName: string;
-    displayName: string;
-} & {
-    createDecorator: (decorator: import("../../index").ComponentDecorator<(({ children }: TenantProps) => React.JSX.Element) & {
-        original: ({ children }: TenantProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    }>) => (props: unknown) => React.JSX.Element;
-} & {
-    Name: (({ value }: import("./Tenant/TenantName").TenantNameProps) => React.JSX.Element) & {
-        original: ({ value }: import("./Tenant/TenantName").TenantNameProps) => React.JSX.Element;
+    Name: (({ value }: import("./Tenant/TenantName.js").TenantNameProps) => React.JSX.Element) & {
+        original: ({ value }: import("./Tenant/TenantName.js").TenantNameProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ value }: import("./Tenant/TenantName").TenantNameProps) => React.JSX.Element) & {
-            original: ({ value }: import("./Tenant/TenantName").TenantNameProps) => React.JSX.Element;
+        original: (({ value }: import("./Tenant/TenantName.js").TenantNameProps) => React.JSX.Element) & {
+            original: ({ value }: import("./Tenant/TenantName.js").TenantNameProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("../../index").ComponentDecorator<(({ value }: import("./Tenant/TenantName").TenantNameProps) => React.JSX.Element) & {
-            original: ({ value }: import("./Tenant/TenantName").TenantNameProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ value }: import("./Tenant/TenantName.js").TenantNameProps) => React.JSX.Element) & {
+            original: ({ value }: import("./Tenant/TenantName.js").TenantNameProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Logo: (({ element }: import("./Tenant/TenantLogo").TenantLogoProps) => React.JSX.Element) & {
-        original: ({ element }: import("./Tenant/TenantLogo").TenantLogoProps) => React.JSX.Element;
+    Logo: (({ squareLogo, horizontalLogo }: import("./Tenant/TenantLogo.js").TenantLogoProps) => React.JSX.Element) & {
+        original: ({ squareLogo, horizontalLogo }: import("./Tenant/TenantLogo.js").TenantLogoProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ element }: import("./Tenant/TenantLogo").TenantLogoProps) => React.JSX.Element) & {
-            original: ({ element }: import("./Tenant/TenantLogo").TenantLogoProps) => React.JSX.Element;
+        original: (({ squareLogo, horizontalLogo }: import("./Tenant/TenantLogo.js").TenantLogoProps) => React.JSX.Element) & {
+            original: ({ squareLogo, horizontalLogo }: import("./Tenant/TenantLogo.js").TenantLogoProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("../../index").ComponentDecorator<(({ element }: import("./Tenant/TenantLogo").TenantLogoProps) => React.JSX.Element) & {
-            original: ({ element }: import("./Tenant/TenantLogo").TenantLogoProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ squareLogo, horizontalLogo }: import("./Tenant/TenantLogo.js").TenantLogoProps) => React.JSX.Element) & {
+            original: ({ squareLogo, horizontalLogo }: import("./Tenant/TenantLogo.js").TenantLogoProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;

package/config/AdminConfig/Tenant.js

@@ -1,21 +1,12 @@
 import React from "react";
-import { makeDecoratable } from "../..";
-import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
-import { TenantName } from "./Tenant/TenantName";
-import { TenantLogo } from "./Tenant/TenantLogo";
+import { TenantName } from "./Tenant/TenantName.js";
+import { TenantLogo } from "./Tenant/TenantLogo.js";
 const BaseTenant = ({
   children
 }) => {
-  const getId = useIdGenerator("Tenant");
-  return /*#__PURE__*/React.createElement(ConnectToProperties, {
-    name: "AdminConfig"
-  }, /*#__PURE__*/React.createElement(Property, {
-    id: getId("tenant"),
-    name: "tenant"
-  }, children));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
 };
-const DecoratableTenant = makeDecoratable("Tenant", BaseTenant);
-export const Tenant = Object.assign(DecoratableTenant, {
+export const Tenant = Object.assign(BaseTenant, {
   Name: TenantName,
   Logo: TenantLogo
 });

package/config/AdminConfig/Tenant.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","ConnectToProperties","Property","useIdGenerator","TenantName","TenantLogo","BaseTenant","children","getId","createElement","name","id","DecoratableTenant","Tenant","Object","assign","Name","Logo"],"sources":["Tenant.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/index\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { TenantName } from \"./Tenant/TenantName\";\nimport { TenantLogo } from \"./Tenant/TenantLogo\";\n\nexport interface TenantProps {\n    children: React.ReactNode;\n}\n\nexport type TenantConfig = {\n    name: string;\n    logo: React.ReactNode;\n};\n\nconst BaseTenant = ({ children }: TenantProps) => {\n    const getId = useIdGenerator(\"Tenant\");\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property id={getId(\"tenant\")} name={\"tenant\"}>\n                {children}\n            </Property>\n        </ConnectToProperties>\n    );\n};\n\nconst DecoratableTenant = makeDecoratable(\"Tenant\", BaseTenant);\n\nexport const Tenant = Object.assign(DecoratableTenant, {\n    Name: TenantName,\n    Logo: TenantLogo\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AACxB,SAASC,mBAAmB,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AACxF,SAASC,UAAU;AACnB,SAASC,UAAU;AAWnB,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAsB,CAAC,KAAK;EAC9C,MAAMC,KAAK,GAAGL,cAAc,CAAC,QAAQ,CAAC;EAEtC,oBACIJ,KAAA,CAAAU,aAAA,CAACR,mBAAmB;IAACS,IAAI,EAAE;EAAc,gBACrCX,KAAA,CAAAU,aAAA,CAACP,QAAQ;IAACS,EAAE,EAAEH,KAAK,CAAC,QAAQ,CAAE;IAACE,IAAI,EAAE;EAAS,GACzCH,QACK,CACO,CAAC;AAE9B,CAAC;AAED,MAAMK,iBAAiB,GAAGZ,eAAe,CAAC,QAAQ,EAAEM,UAAU,CAAC;AAE/D,OAAO,MAAMO,MAAM,GAAGC,MAAM,CAACC,MAAM,CAACH,iBAAiB,EAAE;EACnDI,IAAI,EAAEZ,UAAU;EAChBa,IAAI,EAAEZ;AACV,CAAC,CAAC","ignoreList":[]}
+{"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":[]}

package/config/AdminConfig/Theme/assignColor.d.ts

@@ -1,2 +1,2 @@
-import type { ColorPalette, ColorShade } from "./types";
+import type { ColorPalette, ColorShade } from "./types.js";
 export declare const assignColor: (palette: ColorPalette, color: string, shade?: ColorShade) => void;

package/config/AdminConfig/Theme/assignColor.js

@@ -5,7 +5,7 @@ const generateShades = color => {
 const assignColorToCssVar = (palette, shadeLevel, color) => {
   const varName = `--color-${palette}-${shadeLevel}`;
   const hsl = color.toHsl();
-  const varValue = `${hsl.h}, ${hsl.s * 100}%, ${hsl.l * 100}%`;
+  const varValue = `hsla(${hsl.h}, ${hsl.s * 100}%, ${hsl.l * 100}%)`;
   document.documentElement.style.setProperty(varName, varValue);
 };
 export const assignColor = (palette, color, shade) => {

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\";\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 = `${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,GAAGF,GAAG,CAACG,CAAC,KAAKH,GAAG,CAACI,CAAC,GAAG,GAAG,MAAMJ,GAAG,CAACK,CAAC,GAAG,GAAG,GAAG;EAC7DC,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,"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":[]}

package/config/AdminConfig/Theme/types.d.ts

@@ -1,3 +1,3 @@
-import type { COLOR_PALLETS, COLOR_SHADES } from "./consts";
+import type { COLOR_PALLETS, COLOR_SHADES } from "./consts.js";
 export type ColorPalette = (typeof COLOR_PALLETS)[number];
 export type ColorShade = (typeof COLOR_SHADES)[number];

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { COLOR_PALLETS, COLOR_SHADES } from \"./consts\";\n\nexport type ColorPalette = (typeof COLOR_PALLETS)[number];\nexport type ColorShade = (typeof COLOR_SHADES)[number];\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { COLOR_PALLETS, COLOR_SHADES } from \"./consts.js\";\n\nexport type ColorPalette = (typeof COLOR_PALLETS)[number];\nexport type ColorShade = (typeof COLOR_SHADES)[number];\n"],"mappings":"","ignoreList":[]}

package/config/AdminConfig/Theme.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ColorPalette, ColorShade } from "./Theme/types";
+import type { ColorPalette, ColorShade } from "./Theme/types.js";
 export interface ThemeColorProps {
     palette: ColorPalette;
     color: string;

package/config/AdminConfig/Theme.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { assignColor } from "./Theme/assignColor";
+import { assignColor } from "./Theme/assignColor.js";
 export const Color = /*#__PURE__*/React.memo(({
   palette,
   color,

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\";\nimport type { ColorPalette, ColorShade } from \"./Theme/types\";\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,"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":[]}

package/config/AdminConfig/Title.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+export interface TitleProps {
+    value: string;
+}
+export declare const Title: (({ value }: TitleProps) => React.JSX.Element) & {
+    original: ({ value }: TitleProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ value }: TitleProps) => React.JSX.Element) & {
+        original: ({ value }: TitleProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("~/index.js").ComponentDecorator<(({ value }: TitleProps) => React.JSX.Element) & {
+        original: ({ value }: TitleProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/config/AdminConfig/Title.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { makeDecoratable } from "../../index.js";
+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
+  });
+};
+export const Title = makeDecoratable("Title", BaseTitle);
+
+//# sourceMappingURL=Title.js.map

package/config/AdminConfig/Title.js.map

@@ -0,0 +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":[]}

package/config/AdminConfig/Widget.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export type WidgetColumn = "left" | "right";
+export interface WidgetConfig {
+    name: string;
+    element: React.ReactElement;
+    column?: WidgetColumn;
+    pin?: "first" | "last";
+}
+export interface WidgetProps {
+    name: string;
+    element: React.ReactElement;
+    column?: WidgetColumn;
+    pin?: "first" | "last";
+}
+export declare const Widget: ({ name, element, column, pin }: WidgetProps) => React.JSX.Element;

package/config/AdminConfig/Widget.js

@@ -0,0 +1,36 @@
+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";
+    }
+  }
+  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
+    }
+  }));
+};
+
+//# sourceMappingURL=Widget.js.map

package/config/AdminConfig/Widget.js.map

@@ -0,0 +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":[]}