@webiny/app-admin 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/config/AdminConfig/Tenant/TenantLogo.js

@@ -0,0 +1,22 @@
+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 TenantLogo = makeDecoratable("TenantLogo", BaseTenantLogo);
+export { TenantLogo };
+
+//# sourceMappingURL=TenantLogo.js.map

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

@@ -0,0 +1 @@
+{"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

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

package/config/AdminConfig/Tenant/TenantName.js

@@ -0,0 +1,18 @@
+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 TenantName = makeDecoratable("TenantName", BaseTenantName);
+export { TenantName };
+
+//# sourceMappingURL=TenantName.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+export interface TenantProps {
+    children: React.ReactNode;
+}
+export type TenantConfig = {
+    name: string;
+    squareLogo: React.ReactNode;
+    horizontalLogo: React.ReactNode;
+};
+export declare const Tenant: (({ children }: TenantProps) => 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.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("@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: (({ 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: (({ 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("@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

@@ -0,0 +1,11 @@
+import react from "react";
+import { TenantName } from "./Tenant/TenantName.js";
+import { TenantLogo } from "./Tenant/TenantLogo.js";
+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

@@ -0,0 +1 @@
+{"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.d.ts

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

package/config/AdminConfig/Theme/assignColor.js

@@ -0,0 +1,55 @@
+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 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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,2 @@
+export declare const COLOR_SHADES: readonly [100, 200, 300, 400, 500, 600, 700, 800, 900];
+export declare const COLOR_PALLETS: readonly ["primary", "secondary", "neutral", "success", "warning", "destructive"];

package/config/AdminConfig/Theme/consts.js

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,3 @@
+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.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { ColorPalette, ColorShade } from "./Theme/types.js";
+export interface ThemeColorProps {
+    palette: ColorPalette;
+    color: string;
+    shade?: ColorShade;
+}
+export declare const Color: React.MemoExoticComponent<({ palette, color, shade }: ThemeColorProps) => null>;
+export interface ThemeProps {
+    children: React.ReactNode;
+}
+export declare const Theme: React.NamedExoticComponent<ThemeProps> & {
+    readonly type: ({ children }: ThemeProps) => React.JSX.Element;
+} & {
+    Color: React.MemoExoticComponent<({ palette, color, shade }: ThemeColorProps) => null>;
+};

package/config/AdminConfig/Theme.js

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

package/config/AdminConfig/Theme.js.map

@@ -0,0 +1 @@
+{"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

@@ -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("@webiny/react-composition").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,15 @@
+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 Title = makeDecoratable("Title", BaseTitle);
+export { Title };
+
+//# sourceMappingURL=Title.js.map

package/config/AdminConfig/Title.js.map

@@ -0,0 +1 @@
+{"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.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,29 @@
+import react from "react";
+import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
+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
+        }
+    }));
+};
+export { Widget };
+
+//# sourceMappingURL=Widget.js.map

package/config/AdminConfig/Widget.js.map

@@ -0,0 +1 @@
+{"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"}