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

package/components/IconPicker/Loading.js

@@ -0,0 +1,51 @@
+import { makeAutoObservable } from "mobx";
+class Loading {
+    constructor(isLoading = false){
+        this._isLoading = isLoading;
+        this._loadingLabel = "";
+        this._feedback = "";
+        this._success = false;
+        makeAutoObservable(this);
+    }
+    startLoading(label) {
+        this._isLoading = true;
+        this._loadingLabel = label || "";
+        this._feedback = "";
+        this._success = false;
+    }
+    stopLoadingWithSuccess(message) {
+        this._isLoading = false;
+        this._loadingLabel = "";
+        this._feedback = message || "";
+        this._success = true;
+    }
+    stopLoadingWithError(message) {
+        this._isLoading = false;
+        this._loadingLabel = "";
+        this._feedback = message || "";
+        this._success = false;
+    }
+    get isLoading() {
+        return this._isLoading;
+    }
+    get loadingLabel() {
+        return this._loadingLabel;
+    }
+    get feedback() {
+        return this._feedback;
+    }
+    async runCallbackWithLoading(callback, loadingLabel, successMessage, failureMessage) {
+        try {
+            this.startLoading(loadingLabel);
+            const result = await callback();
+            this.stopLoadingWithSuccess(successMessage);
+            return result;
+        } catch (e) {
+            this.stopLoadingWithError(e.message || failureMessage);
+            throw e;
+        }
+    }
+}
+export { Loading };
+
+//# sourceMappingURL=Loading.js.map

package/components/IconPicker/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/IconPicker/Loading.js","sources":["../../../src/components/IconPicker/Loading.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nexport class Loading {\n    private _isLoading: boolean;\n    private _loadingLabel: string;\n    private _feedback: string;\n    private _success: boolean;\n\n    constructor(isLoading = false) {\n        this._isLoading = isLoading;\n        this._loadingLabel = \"\";\n        this._feedback = \"\";\n        this._success = false;\n        makeAutoObservable(this);\n    }\n\n    startLoading(label?: string) {\n        this._isLoading = true;\n        this._loadingLabel = label || \"\";\n        this._feedback = \"\";\n        this._success = false;\n    }\n\n    stopLoadingWithSuccess(message?: string) {\n        this._isLoading = false;\n        this._loadingLabel = \"\";\n        this._feedback = message || \"\";\n        this._success = true;\n    }\n\n    stopLoadingWithError(message?: string) {\n        this._isLoading = false;\n        this._loadingLabel = \"\";\n        this._feedback = message || \"\";\n        this._success = false;\n    }\n\n    get isLoading() {\n        return this._isLoading;\n    }\n\n    get loadingLabel() {\n        return this._loadingLabel;\n    }\n\n    get feedback() {\n        return this._feedback;\n    }\n\n    async runCallbackWithLoading<T>(\n        callback: () => Promise<T>,\n        loadingLabel?: string,\n        successMessage?: string,\n        failureMessage?: string\n    ): Promise<T> {\n        try {\n            this.startLoading(loadingLabel);\n            const result = await callback();\n            this.stopLoadingWithSuccess(successMessage);\n            return result;\n        } catch (e) {\n            this.stopLoadingWithError(e.message || failureMessage);\n            throw e;\n        }\n    }\n}\n"],"names":["Loading","isLoading","makeAutoObservable","label","message","callback","loadingLabel","successMessage","failureMessage","result","e"],"mappings":";AAEO,MAAMA;IAMT,YAAYC,YAAY,KAAK,CAAE;QAC3B,IAAI,CAAC,UAAU,GAAGA;QAClB,IAAI,CAAC,aAAa,GAAG;QACrB,IAAI,CAAC,SAAS,GAAG;QACjB,IAAI,CAAC,QAAQ,GAAG;QAChBC,mBAAmB,IAAI;IAC3B;IAEA,aAAaC,KAAc,EAAE;QACzB,IAAI,CAAC,UAAU,GAAG;QAClB,IAAI,CAAC,aAAa,GAAGA,SAAS;QAC9B,IAAI,CAAC,SAAS,GAAG;QACjB,IAAI,CAAC,QAAQ,GAAG;IACpB;IAEA,uBAAuBC,OAAgB,EAAE;QACrC,IAAI,CAAC,UAAU,GAAG;QAClB,IAAI,CAAC,aAAa,GAAG;QACrB,IAAI,CAAC,SAAS,GAAGA,WAAW;QAC5B,IAAI,CAAC,QAAQ,GAAG;IACpB;IAEA,qBAAqBA,OAAgB,EAAE;QACnC,IAAI,CAAC,UAAU,GAAG;QAClB,IAAI,CAAC,aAAa,GAAG;QACrB,IAAI,CAAC,SAAS,GAAGA,WAAW;QAC5B,IAAI,CAAC,QAAQ,GAAG;IACpB;IAEA,IAAI,YAAY;QACZ,OAAO,IAAI,CAAC,UAAU;IAC1B;IAEA,IAAI,eAAe;QACf,OAAO,IAAI,CAAC,aAAa;IAC7B;IAEA,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,SAAS;IACzB;IAEA,MAAM,uBACFC,QAA0B,EAC1BC,YAAqB,EACrBC,cAAuB,EACvBC,cAAuB,EACb;QACV,IAAI;YACA,IAAI,CAAC,YAAY,CAACF;YAClB,MAAMG,SAAS,MAAMJ;YACrB,IAAI,CAAC,sBAAsB,CAACE;YAC5B,OAAOE;QACX,EAAE,OAAOC,GAAG;YACR,IAAI,CAAC,oBAAoB,CAACA,EAAE,OAAO,IAAIF;YACvC,MAAME;QACV;IACJ;AACJ"}

package/components/IconPicker/components/IconPickerCell.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { type VariantProps } from "@webiny/admin-ui";
+import type { Icon } from "../../../components/IconPicker/index.js";
+declare const iconPickerCellVariants: (props?: ({
+    isActive?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface IconPickerCellProps extends VariantProps<typeof iconPickerCellVariants> {
+    icon: Icon;
+    onIconClick: (icon: Icon) => void;
+}
+declare const IconPickerCell: ({ isActive, icon, onIconClick }: IconPickerCellProps) => React.JSX.Element;
+export { IconPickerCell, type IconPickerCellProps };

package/components/IconPicker/components/IconPickerCell.js

@@ -0,0 +1,25 @@
+import react from "react";
+import { cn, cva } from "@webiny/admin-ui";
+import { IconProvider, IconRenderer } from "../IconRenderer.js";
+const iconPickerCellVariants = cva([
+    "flex justify-center items-center",
+    "rounded-md cursor-pointer size-xl p-xs",
+    "hover:bg-neutral-dimmed transition-all duration-500 ease-out"
+], {
+    variants: {
+        isActive: {
+            true: "bg-neutral-dimmed"
+        }
+    }
+});
+const IconPickerCell = ({ isActive, icon, onIconClick })=>/*#__PURE__*/ react.createElement("div", {
+        className: cn(iconPickerCellVariants({
+            isActive
+        })),
+        onClick: ()=>onIconClick(icon)
+    }, /*#__PURE__*/ react.createElement(IconProvider, {
+        icon: icon
+    }, /*#__PURE__*/ react.createElement(IconRenderer, null)));
+export { IconPickerCell };
+
+//# sourceMappingURL=IconPickerCell.js.map

package/components/IconPicker/components/IconPickerCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/IconPicker/components/IconPickerCell.js","sources":["../../../../src/components/IconPicker/components/IconPickerCell.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps } from \"@webiny/admin-ui\";\nimport type { Icon } from \"~/components/IconPicker/index.js\";\nimport { IconProvider, IconRenderer } from \"~/components/IconPicker/IconRenderer.js\";\n\nconst iconPickerCellVariants = cva(\n    [\n        \"flex justify-center items-center\",\n        \"rounded-md cursor-pointer size-xl p-xs\",\n        \"hover:bg-neutral-dimmed transition-all duration-500 ease-out\"\n    ],\n    {\n        variants: {\n            isActive: {\n                true: \"bg-neutral-dimmed\"\n            }\n        }\n    }\n);\n\ninterface IconPickerCellProps extends VariantProps<typeof iconPickerCellVariants> {\n    icon: Icon;\n    onIconClick: (icon: Icon) => void;\n}\n\nconst IconPickerCell = ({ isActive, icon, onIconClick }: IconPickerCellProps) => {\n    return (\n        <div className={cn(iconPickerCellVariants({ isActive }))} onClick={() => onIconClick(icon)}>\n            <IconProvider icon={icon}>\n                <IconRenderer />\n            </IconProvider>\n        </div>\n    );\n};\n\nexport { IconPickerCell, type IconPickerCellProps };\n"],"names":["iconPickerCellVariants","cva","IconPickerCell","isActive","icon","onIconClick","cn","IconProvider","IconRenderer"],"mappings":";;;AAKA,MAAMA,yBAAyBC,IAC3B;IACI;IACA;IACA;CACH,EACD;IACI,UAAU;QACN,UAAU;YACN,MAAM;QACV;IACJ;AACJ;AAQJ,MAAMC,iBAAiB,CAAC,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,WAAW,EAAuB,GACjE,WAAP,GACI,oBAAC;QAAI,WAAWC,GAAGN,uBAAuB;YAAEG;QAAS;QAAK,SAAS,IAAME,YAAYD;qBACjF,oBAACG,cAAYA;QAAC,MAAMH;qBAChB,oBAACI,cAAYA"}

package/components/IconPicker/components/IconPickerContent.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { IconType } from "../../../components/IconPicker/config/index.js";
+interface IconPickerContentProps {
+    loading?: boolean;
+    iconTypes: IconType[];
+    activeTab?: string;
+    removeIcon: () => void;
+    removable?: boolean;
+}
+declare const IconPickerContent: ({ activeTab, iconTypes, loading, removeIcon, removable }: IconPickerContentProps) => React.JSX.Element;
+export { IconPickerContent, type IconPickerContentProps };

package/components/IconPicker/components/IconPickerContent.js

@@ -0,0 +1,33 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { Button, Icon, OverlayLoader, Tabs } from "@webiny/admin-ui";
+import { IconTypeProvider } from "../config/IconType.js";
+import { IconPickerTabRenderer } from "../IconPickerTab.js";
+const IconPickerContent = ({ activeTab, iconTypes, loading, removeIcon, removable })=>/*#__PURE__*/ react.createElement("div", {
+        className: "relative"
+    }, loading && /*#__PURE__*/ react.createElement(OverlayLoader, {
+        size: "sm"
+    }), /*#__PURE__*/ react.createElement(Tabs, {
+        size: "sm",
+        spacing: "sm",
+        defaultValue: activeTab,
+        separator: true,
+        tabs: iconTypes.map((iconType)=>/*#__PURE__*/ react.createElement(IconTypeProvider, {
+                key: iconType.name,
+                type: iconType.name
+            }, /*#__PURE__*/ react.createElement(IconPickerTabRenderer, null)))
+    }), removable && /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col px-sm py-sm border-solid border-t-sm border-neutral-muted"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        size: "md",
+        variant: "secondary",
+        text: "Remove",
+        icon: /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Remove"
+        }),
+        onClick: removeIcon
+    })));
+export { IconPickerContent };
+
+//# sourceMappingURL=IconPickerContent.js.map

package/components/IconPicker/components/IconPickerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/IconPicker/components/IconPickerContent.js","sources":["../../../../src/components/IconPicker/components/IconPickerContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { Button, Icon, OverlayLoader, Tabs } from \"@webiny/admin-ui\";\nimport { IconTypeProvider } from \"~/components/IconPicker/config/IconType.js\";\nimport { IconPickerTabRenderer } from \"~/components/IconPicker/IconPickerTab.js\";\nimport type { IconType } from \"~/components/IconPicker/config/index.js\";\n\ninterface IconPickerContentProps {\n    loading?: boolean;\n    iconTypes: IconType[];\n    activeTab?: string;\n    removeIcon: () => void;\n    removable?: boolean;\n}\n\nconst IconPickerContent = ({\n    activeTab,\n    iconTypes,\n    loading,\n    removeIcon,\n    removable\n}: IconPickerContentProps) => {\n    return (\n        <div className={\"relative\"}>\n            {loading && <OverlayLoader size={\"sm\"} />}\n            <Tabs\n                size={\"sm\"}\n                spacing={\"sm\"}\n                defaultValue={activeTab}\n                separator={true}\n                tabs={iconTypes.map(iconType => (\n                    <IconTypeProvider key={iconType.name} type={iconType.name}>\n                        <IconPickerTabRenderer />\n                    </IconTypeProvider>\n                ))}\n            />\n            {removable && (\n                <div\n                    className={\n                        \"flex flex-col px-sm py-sm border-solid border-t-sm border-neutral-muted\"\n                    }\n                >\n                    <Button\n                        size={\"md\"}\n                        variant={\"secondary\"}\n                        text={\"Remove\"}\n                        icon={<Icon icon={<DeleteIcon />} label={\"Remove\"} />}\n                        onClick={removeIcon}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport { IconPickerContent, type IconPickerContentProps };\n"],"names":["IconPickerContent","activeTab","iconTypes","loading","removeIcon","removable","OverlayLoader","Tabs","iconType","IconTypeProvider","IconPickerTabRenderer","Button","Icon","DeleteIcon"],"mappings":";;;;;AAeA,MAAMA,oBAAoB,CAAC,EACvBC,SAAS,EACTC,SAAS,EACTC,OAAO,EACPC,UAAU,EACVC,SAAS,EACY,GACd,WAAP,GACI,oBAAC;QAAI,WAAW;OACXF,WAAW,WAAXA,GAAW,oBAACG,eAAaA;QAAC,MAAM;sBACjC,oBAACC,MAAIA;QACD,MAAM;QACN,SAAS;QACT,cAAcN;QACd,WAAW;QACX,MAAMC,UAAU,GAAG,CAACM,CAAAA,WAAAA,WAAAA,GAChB,oBAACC,kBAAgBA;gBAAC,KAAKD,SAAS,IAAI;gBAAE,MAAMA,SAAS,IAAI;6BACrD,oBAACE,uBAAqBA;QAIjCL,aAAa,WAAbA,GACG,oBAAC;QACG,WACI;qBAGJ,oBAACM,QAAMA;QACH,MAAM;QACN,SAAS;QACT,MAAM;QACN,oBAAM,oBAACC,MAAIA;YAAC,oBAAM,oBAACC,gBAAUA;YAAK,OAAO;;QACzC,SAAST"}

package/components/IconPicker/components/IconPickerRow.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+type IconPickerRowProps = React.ButtonHTMLAttributes<HTMLDivElement>;
+declare const IconPickerRow: ({ children, className, ...props }: IconPickerRowProps) => React.JSX.Element;
+export { IconPickerRow, type IconPickerRowProps };

package/components/IconPicker/components/IconPickerRow.js

@@ -0,0 +1,9 @@
+import react from "react";
+import { cn } from "@webiny/admin-ui";
+const IconPickerRow = ({ children, className, ...props })=>/*#__PURE__*/ react.createElement("div", {
+        ...props,
+        className: cn("flex items-center gap-sm", className)
+    }, children);
+export { IconPickerRow };
+
+//# sourceMappingURL=IconPickerRow.js.map

package/components/IconPicker/components/IconPickerRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/IconPicker/components/IconPickerRow.js","sources":["../../../../src/components/IconPicker/components/IconPickerRow.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ntype IconPickerRowProps = React.ButtonHTMLAttributes<HTMLDivElement>;\n\nconst IconPickerRow = ({ children, className, ...props }: IconPickerRowProps) => {\n    return (\n        <div {...props} className={cn(\"flex items-center gap-sm\", className)}>\n            {children}\n        </div>\n    );\n};\n\nexport { IconPickerRow, type IconPickerRowProps };\n"],"names":["IconPickerRow","children","className","props","cn"],"mappings":";;AAKA,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,OAA2B,GACjE,WAAP,GACI,oBAAC;QAAK,GAAGA,KAAK;QAAE,WAAWC,GAAG,4BAA4BF;OACrDD"}

package/components/IconPicker/components/IconPickerTrigger.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { inputVariants, type VariantProps } from "@webiny/admin-ui";
+import type { Icon } from "../../../components/IconPicker/types.js";
+declare const iconPickerTriggerVariants: (props?: ({
+    size?: "md" | "lg" | "xl" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface IconPickerTriggerProps extends VariantProps<typeof inputVariants>, VariantProps<typeof iconPickerTriggerVariants> {
+    icon: Icon | null;
+    disabled?: boolean;
+}
+declare const IconPickerTrigger: (props: IconPickerTriggerProps) => React.JSX.Element;
+export { IconPickerTrigger, type IconPickerTriggerProps };

package/components/IconPicker/components/IconPickerTrigger.js

@@ -0,0 +1,50 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/remove.svg";
+import { ReactComponent as keyboard_arrow_down_svg_ReactComponent } from "@webiny/icons/keyboard_arrow_down.svg";
+import { Icon, cn, cva, inputVariants } from "@webiny/admin-ui";
+import { IconProvider, IconRenderer } from "../IconRenderer.js";
+const iconPickerTriggerVariants = cva("cursor-pointer fill-neutral-xstrong", {
+    variants: {
+        size: {
+            md: "w-3xl",
+            lg: "w-3xl",
+            xl: "w-[76px]"
+        },
+        disabled: {
+            true: "pointer-events-none"
+        }
+    },
+    defaultVariants: {
+        size: "md"
+    }
+});
+const IconPickerTrigger = (props)=>/*#__PURE__*/ react.createElement("div", {
+        "data-disabled": props.disabled,
+        className: cn(inputVariants({
+            size: props.size,
+            variant: props.variant,
+            invalid: props.invalid
+        }), iconPickerTriggerVariants({
+            size: props.size,
+            disabled: props.disabled
+        }))
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-xs"
+    }, /*#__PURE__*/ react.createElement("div", null, props.icon ? /*#__PURE__*/ react.createElement(IconProvider, {
+        icon: props.icon,
+        size: 24
+    }, /*#__PURE__*/ react.createElement(Icon, {
+        icon: /*#__PURE__*/ react.createElement(IconRenderer, null),
+        label: props.icon.name
+    })) : /*#__PURE__*/ react.createElement(Icon, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Search icons",
+        size: "lg"
+    })), /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Icon, {
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(keyboard_arrow_down_svg_ReactComponent, null),
+        label: "Open list"
+    }))));
+export { IconPickerTrigger };
+
+//# sourceMappingURL=IconPickerTrigger.js.map

package/components/IconPicker/components/IconPickerTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/IconPicker/components/IconPickerTrigger.js","sources":["../../../../src/components/IconPicker/components/IconPickerTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as EmptyIcon } from \"@webiny/icons/remove.svg\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { cn, cva, Icon as IconComponent, inputVariants, type VariantProps } from \"@webiny/admin-ui\";\nimport { IconProvider, IconRenderer } from \"~/components/IconPicker/IconRenderer.js\";\nimport type { Icon } from \"~/components/IconPicker/types.js\";\n\nconst iconPickerTriggerVariants = cva(\"cursor-pointer fill-neutral-xstrong\", {\n    variants: {\n        size: {\n            md: \"w-3xl\",\n            lg: \"w-3xl\",\n            xl: \"w-[76px]\"\n        },\n        disabled: {\n            true: \"pointer-events-none\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface IconPickerTriggerProps\n    extends VariantProps<typeof inputVariants>, VariantProps<typeof iconPickerTriggerVariants> {\n    icon: Icon | null;\n    disabled?: boolean;\n}\n\nconst IconPickerTrigger = (props: IconPickerTriggerProps) => {\n    return (\n        <div\n            data-disabled={props.disabled}\n            className={cn(\n                inputVariants({\n                    size: props.size,\n                    variant: props.variant,\n                    invalid: props.invalid\n                }),\n                iconPickerTriggerVariants({ size: props.size, disabled: props.disabled })\n            )}\n        >\n            <div className={\"flex items-center gap-xs\"}>\n                <div>\n                    {props.icon ? (\n                        <IconProvider icon={props.icon} size={24}>\n                            <IconComponent icon={<IconRenderer />} label={props.icon.name} />\n                        </IconProvider>\n                    ) : (\n                        <IconComponent icon={<EmptyIcon />} label={\"Search icons\"} size={\"lg\"} />\n                    )}\n                </div>\n                <div>\n                    <IconComponent size={\"sm\"} icon={<ChevronDown />} label={\"Open list\"} />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport { IconPickerTrigger, type IconPickerTriggerProps };\n"],"names":["iconPickerTriggerVariants","cva","IconPickerTrigger","props","cn","inputVariants","IconProvider","IconComponent","IconRenderer","EmptyIcon","ChevronDown"],"mappings":";;;;;AAOA,MAAMA,4BAA4BC,IAAI,uCAAuC;IACzE,UAAU;QACN,MAAM;YACF,IAAI;YACJ,IAAI;YACJ,IAAI;QACR;QACA,UAAU;YACN,MAAM;QACV;IACJ;IACA,iBAAiB;QACb,MAAM;IACV;AACJ;AAQA,MAAMC,oBAAoB,CAACC,QAChB,WAAP,GACI,oBAAC;QACG,iBAAeA,MAAM,QAAQ;QAC7B,WAAWC,GACPC,cAAc;YACV,MAAMF,MAAM,IAAI;YAChB,SAASA,MAAM,OAAO;YACtB,SAASA,MAAM,OAAO;QAC1B,IACAH,0BAA0B;YAAE,MAAMG,MAAM,IAAI;YAAE,UAAUA,MAAM,QAAQ;QAAC;qBAG3E,oBAAC;QAAI,WAAW;qBACZ,oBAAC,aACIA,MAAM,IAAI,GAAG,WAAH,GACP,oBAACG,cAAYA;QAAC,MAAMH,MAAM,IAAI;QAAE,MAAM;qBAClC,oBAACI,MAAaA;QAAC,oBAAM,oBAACC,cAAYA;QAAK,OAAOL,MAAM,IAAI,CAAC,IAAI;wBAGjE,oBAACI,MAAaA;QAAC,oBAAM,oBAACE,gBAASA;QAAK,OAAO;QAAgB,MAAM;uBAGzE,oBAAC,2BACG,oBAACF,MAAaA;QAAC,MAAM;QAAM,oBAAM,oBAACG,wCAAWA;QAAK,OAAO"}

package/components/IconPicker/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./IconPickerCell.js";
+export * from "./IconPickerContent.js";
+export * from "./IconPickerRow.js";
+export * from "./IconPickerTrigger.js";

package/components/IconPicker/components/index.js

@@ -0,0 +1,4 @@
+export * from "./IconPickerCell.js";
+export * from "./IconPickerContent.js";
+export * from "./IconPickerRow.js";
+export * from "./IconPickerTrigger.js";

package/components/IconPicker/config/Emojis.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Emojis: () => React.JSX.Element;

package/components/IconPicker/config/Emojis.js

@@ -0,0 +1,22 @@
+import react from "react";
+import { IconPickerConfig } from "./index.js";
+const Emojis = ()=>/*#__PURE__*/ react.createElement(IconPickerConfig, null, /*#__PURE__*/ react.createElement(IconPickerConfig.IconPack, {
+        name: "default_emojis",
+        provider: async ()=>{
+            const emojisJson = await import("unicode-emoji-json/data-by-emoji.json");
+            const emojis = emojisJson.default;
+            return Object.keys(emojis).map((key)=>{
+                const emoji = emojis[key];
+                return {
+                    type: "emoji",
+                    name: emoji.slug,
+                    value: key,
+                    category: emoji.group,
+                    skinToneSupport: emoji.skin_tone_support
+                };
+            });
+        }
+    }));
+export { Emojis };
+
+//# sourceMappingURL=Emojis.js.map

package/components/IconPicker/config/Emojis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/IconPicker/config/Emojis.js","sources":["../../../../src/components/IconPicker/config/Emojis.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconPickerConfig } from \"./index.js\";\n\ntype EmojiSet = {\n    [key: string]: {\n        name: string;\n        slug: string;\n        group: string;\n        emoji_version: string;\n        unicode_version: string;\n        skin_tone_support: boolean;\n    };\n};\n\nexport const Emojis = () => {\n    return (\n        <IconPickerConfig>\n            <IconPickerConfig.IconPack\n                name=\"default_emojis\"\n                provider={async () => {\n                    const emojisJson = await import(\n                        /* webpackChunkName: \"iconpicker-emojis\" */\n                        \"unicode-emoji-json/data-by-emoji.json\"\n                    );\n\n                    const emojis: EmojiSet = emojisJson.default;\n\n                    return Object.keys(emojis).map(key => {\n                        const emoji = emojis[key];\n                        return {\n                            type: \"emoji\",\n                            name: emoji.slug,\n                            value: key,\n                            category: emoji.group,\n                            skinToneSupport: emoji.skin_tone_support\n                        };\n                    });\n                }}\n            />\n        </IconPickerConfig>\n    );\n};\n"],"names":["Emojis","IconPickerConfig","emojisJson","emojis","Object","key","emoji"],"mappings":";;AAcO,MAAMA,SAAS,IACX,WAAP,GACI,oBAACC,kBAAgBA,MAAAA,WAAAA,GACb,oBAACA,iBAAiB,QAAQ;QACtB,MAAK;QACL,UAAU;YACN,MAAMC,aAAa,MAAM,MAAM,CAAN;YAKzB,MAAMC,SAAmBD,WAAW,OAAO;YAE3C,OAAOE,OAAO,IAAI,CAACD,QAAQ,GAAG,CAACE,CAAAA;gBAC3B,MAAMC,QAAQH,MAAM,CAACE,IAAI;gBACzB,OAAO;oBACH,MAAM;oBACN,MAAMC,MAAM,IAAI;oBAChB,OAAOD;oBACP,UAAUC,MAAM,KAAK;oBACrB,iBAAiBA,MAAM,iBAAiB;gBAC5C;YACJ;QACJ"}

package/components/IconPicker/config/FontAwesomeIcons.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FontAwesomeIcons: () => React.JSX.Element;

package/components/IconPicker/config/FontAwesomeIcons.js

@@ -0,0 +1,57 @@
+import react from "react";
+import { IconPickerConfig } from "./index.js";
+const FontAwesomeIcons = ()=>/*#__PURE__*/ react.createElement(IconPickerConfig, null, /*#__PURE__*/ react.createElement(IconPickerConfig.IconPack, {
+        name: "fa6_brands",
+        provider: async ()=>{
+            const fa6Brands = await import("@iconify/json/json/fa6-brands.json");
+            const icons = fa6Brands.icons;
+            const categories = fa6Brands.categories;
+            return Object.keys(icons).map((key)=>{
+                const icon = icons[key];
+                return {
+                    type: "icon",
+                    name: `fa6_brands_${key}`,
+                    value: icon.body,
+                    category: Object.keys(categories).find((categoryKey)=>categories[categoryKey].includes(key)),
+                    width: icon.width
+                };
+            });
+        }
+    }), /*#__PURE__*/ react.createElement(IconPickerConfig.IconPack, {
+        name: "fa6_regular",
+        provider: async ()=>{
+            const fa6Regular = await import("@iconify/json/json/fa6-regular.json");
+            const icons = fa6Regular.icons;
+            const categories = fa6Regular.categories;
+            return Object.keys(icons).map((key)=>{
+                const icon = icons[key];
+                return {
+                    type: "icon",
+                    name: `fa6_regular_${key}`,
+                    value: icon.body,
+                    category: Object.keys(categories).find((categoryKey)=>categories[categoryKey].includes(key)),
+                    width: icon.width
+                };
+            });
+        }
+    }), /*#__PURE__*/ react.createElement(IconPickerConfig.IconPack, {
+        name: "fa6_solid",
+        provider: async ()=>{
+            const fa6Solid = await import("@iconify/json/json/fa6-solid.json");
+            const icons = fa6Solid.icons;
+            const categories = fa6Solid.categories;
+            return Object.keys(icons).map((key)=>{
+                const icon = icons[key];
+                return {
+                    type: "icon",
+                    name: `fa6_solid_${key}`,
+                    value: icon.body,
+                    category: Object.keys(categories).find((categoryKey)=>categories[categoryKey].includes(key)),
+                    width: icon.width
+                };
+            });
+        }
+    }));
+export { FontAwesomeIcons };
+
+//# sourceMappingURL=FontAwesomeIcons.js.map

package/components/IconPicker/config/FontAwesomeIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/IconPicker/config/FontAwesomeIcons.js","sources":["../../../../src/components/IconPicker/config/FontAwesomeIcons.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconPickerConfig } from \"./index.js\";\n\ntype FaIconSet = {\n    [key: string]: {\n        body: string;\n        width?: number;\n    };\n};\n\ntype FaCategorySet = {\n    [key: string]: string[];\n};\n\nexport const FontAwesomeIcons = () => {\n    return (\n        <IconPickerConfig>\n            {/* Default Icons Providers */}\n            <IconPickerConfig.IconPack\n                name=\"fa6_brands\"\n                provider={async () => {\n                    const fa6Brands = await import(\n                        /* webpackChunkName: \"iconpicker-fa6-brands\" */\n                        \"@iconify/json/json/fa6-brands.json\"\n                    );\n\n                    const icons: FaIconSet = fa6Brands.icons;\n                    const categories: FaCategorySet = fa6Brands.categories;\n\n                    return Object.keys(icons).map(key => {\n                        const icon = icons[key];\n                        return {\n                            type: \"icon\",\n                            name: `fa6_brands_${key}`,\n                            value: icon.body,\n                            category: Object.keys(categories).find(categoryKey =>\n                                categories[categoryKey].includes(key)\n                            ),\n                            width: icon.width\n                        };\n                    });\n                }}\n            />\n            <IconPickerConfig.IconPack\n                name=\"fa6_regular\"\n                provider={async () => {\n                    const fa6Regular = await import(\n                        /* webpackChunkName: \"iconpicker-fa6-regular\" */\n                        \"@iconify/json/json/fa6-regular.json\"\n                    );\n\n                    const icons: FaIconSet = fa6Regular.icons;\n                    const categories: FaCategorySet = fa6Regular.categories;\n\n                    return Object.keys(icons).map(key => {\n                        const icon = icons[key];\n                        return {\n                            type: \"icon\",\n                            name: `fa6_regular_${key}`,\n                            value: icon.body,\n                            category: Object.keys(categories).find(categoryKey =>\n                                categories[categoryKey].includes(key)\n                            ),\n                            width: icon.width\n                        };\n                    });\n                }}\n            />\n            <IconPickerConfig.IconPack\n                name=\"fa6_solid\"\n                provider={async () => {\n                    const fa6Solid = await import(\n                        /* webpackChunkName: \"iconpicker-fa6-solid\" */\n                        \"@iconify/json/json/fa6-solid.json\"\n                    );\n\n                    const icons: FaIconSet = fa6Solid.icons;\n                    const categories: FaCategorySet = fa6Solid.categories;\n\n                    return Object.keys(icons).map(key => {\n                        const icon = icons[key];\n                        return {\n                            type: \"icon\",\n                            name: `fa6_solid_${key}`,\n                            value: icon.body,\n                            category: Object.keys(categories).find(categoryKey =>\n                                categories[categoryKey].includes(key)\n                            ),\n                            width: icon.width\n                        };\n                    });\n                }}\n            />\n        </IconPickerConfig>\n    );\n};\n"],"names":["FontAwesomeIcons","IconPickerConfig","fa6Brands","icons","categories","Object","key","icon","categoryKey","fa6Regular","fa6Solid"],"mappings":";;AAcO,MAAMA,mBAAmB,IACrB,WAAP,GACI,oBAACC,kBAAgBA,MAAAA,WAAAA,GAEb,oBAACA,iBAAiB,QAAQ;QACtB,MAAK;QACL,UAAU;YACN,MAAMC,YAAY,MAAM,MAAM,CAAN;YAKxB,MAAMC,QAAmBD,UAAU,KAAK;YACxC,MAAME,aAA4BF,UAAU,UAAU;YAEtD,OAAOG,OAAO,IAAI,CAACF,OAAO,GAAG,CAACG,CAAAA;gBAC1B,MAAMC,OAAOJ,KAAK,CAACG,IAAI;gBACvB,OAAO;oBACH,MAAM;oBACN,MAAM,CAAC,WAAW,EAAEA,KAAK;oBACzB,OAAOC,KAAK,IAAI;oBAChB,UAAUF,OAAO,IAAI,CAACD,YAAY,IAAI,CAACI,CAAAA,cACnCJ,UAAU,CAACI,YAAY,CAAC,QAAQ,CAACF;oBAErC,OAAOC,KAAK,KAAK;gBACrB;YACJ;QACJ;sBAEJ,oBAACN,iBAAiB,QAAQ;QACtB,MAAK;QACL,UAAU;YACN,MAAMQ,aAAa,MAAM,MAAM,CAAN;YAKzB,MAAMN,QAAmBM,WAAW,KAAK;YACzC,MAAML,aAA4BK,WAAW,UAAU;YAEvD,OAAOJ,OAAO,IAAI,CAACF,OAAO,GAAG,CAACG,CAAAA;gBAC1B,MAAMC,OAAOJ,KAAK,CAACG,IAAI;gBACvB,OAAO;oBACH,MAAM;oBACN,MAAM,CAAC,YAAY,EAAEA,KAAK;oBAC1B,OAAOC,KAAK,IAAI;oBAChB,UAAUF,OAAO,IAAI,CAACD,YAAY,IAAI,CAACI,CAAAA,cACnCJ,UAAU,CAACI,YAAY,CAAC,QAAQ,CAACF;oBAErC,OAAOC,KAAK,KAAK;gBACrB;YACJ;QACJ;sBAEJ,oBAACN,iBAAiB,QAAQ;QACtB,MAAK;QACL,UAAU;YACN,MAAMS,WAAW,MAAM,MAAM,CAAN;YAKvB,MAAMP,QAAmBO,SAAS,KAAK;YACvC,MAAMN,aAA4BM,SAAS,UAAU;YAErD,OAAOL,OAAO,IAAI,CAACF,OAAO,GAAG,CAACG,CAAAA;gBAC1B,MAAMC,OAAOJ,KAAK,CAACG,IAAI;gBACvB,OAAO;oBACH,MAAM;oBACN,MAAM,CAAC,UAAU,EAAEA,KAAK;oBACxB,OAAOC,KAAK,IAAI;oBAChB,UAAUF,OAAO,IAAI,CAACD,YAAY,IAAI,CAACI,CAAAA,cACnCJ,UAAU,CAACI,YAAY,CAAC,QAAQ,CAACF;oBAErC,OAAOC,KAAK,KAAK;gBACrB;YACJ;QACJ"}

package/components/IconPicker/config/IconPackProvider.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { Icon } from "../../../components/IconPicker/types.js";
+export type IconPackProviderProps = {
+    name: string;
+    provider: () => Promise<Icon[]> | Icon[];
+};
+export declare const IconPackProvider: ({ name, provider }: IconPackProviderProps) => React.JSX.Element;

package/components/IconPicker/config/IconPackProvider.js

@@ -0,0 +1,21 @@
+import react from "react";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+const IconPackProvider = ({ name, provider })=>{
+    const getId = useIdGenerator("iconPackProvider");
+    return /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "iconPackProviders",
+        array: true
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "name"),
+        name: "name",
+        value: name
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "load"),
+        name: "load",
+        value: provider
+    }));
+};
+export { IconPackProvider };
+
+//# sourceMappingURL=IconPackProvider.js.map

package/components/IconPicker/config/IconPackProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/IconPicker/config/IconPackProvider.js","sources":["../../../../src/components/IconPicker/config/IconPackProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport type { Icon } from \"~/components/IconPicker/types.js\";\n\nexport type IconPackProviderProps = {\n    name: string;\n    provider: () => Promise<Icon[]> | Icon[];\n};\n\nexport const IconPackProvider = ({ name, provider }: IconPackProviderProps) => {\n    const getId = useIdGenerator(\"iconPackProvider\");\n\n    return (\n        <Property id={getId(name)} name={\"iconPackProviders\"} array={true}>\n            <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n            <Property id={getId(name, \"load\")} name={\"load\"} value={provider} />\n        </Property>\n    );\n};\n"],"names":["IconPackProvider","name","provider","getId","useIdGenerator","Property"],"mappings":";;AASO,MAAMA,mBAAmB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAyB;IACtE,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GACI,oBAACC,UAAQA;QAAC,IAAIF,MAAMF;QAAO,MAAM;QAAqB,OAAO;qBACzD,oBAACI,UAAQA;QAAC,IAAIF,MAAMF,MAAM;QAAS,MAAM;QAAQ,OAAOA;sBACxD,oBAACI,UAAQA;QAAC,IAAIF,MAAMF,MAAM;QAAS,MAAM;QAAQ,OAAOC;;AAGpE"}

package/components/IconPicker/config/IconType.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+export type IconTypeProps = {
+    name: string;
+    before?: string;
+    after?: string;
+    remove?: boolean;
+    children?: React.ReactNode;
+};
+interface IconTypeContext {
+    type: string;
+}
+declare const IconTypeContext: React.Context<IconTypeContext | undefined>;
+interface IconTypeProviderProps {
+    type: string;
+    children: React.ReactNode;
+}
+export declare const IconTypeProvider: ({ type, children }: IconTypeProviderProps) => React.JSX.Element;
+export declare function useIconType(): IconTypeContext;
+export interface IconType extends React.FC<IconTypeProps> {
+    Icon: typeof Icon;
+    Tab: typeof Tab;
+}
+export declare const IconType: IconType;
+export type IconProps = {
+    element: React.ReactElement;
+};
+export declare const Icon: ({ element }: IconProps) => React.JSX.Element;
+export type TabProps = {
+    element: React.ReactElement;
+};
+export declare const Tab: ({ element }: TabProps) => React.JSX.Element;
+export {};

package/components/IconPicker/config/IconType.js

@@ -0,0 +1,57 @@
+import react from "react";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+import { IconRenderer as external_IconRenderer_js_IconRenderer, useIcon } from "../IconRenderer.js";
+import { IconPickerTabRenderer as external_IconPickerTab_js_IconPickerTabRenderer } from "../IconPickerTab.js";
+const IconTypeContext = /*#__PURE__*/ react.createContext(void 0);
+const IconTypeProvider = ({ type, children })=>/*#__PURE__*/ react.createElement(IconTypeContext.Provider, {
+        value: {
+            type
+        }
+    }, children);
+function useIconType() {
+    const context = react.useContext(IconTypeContext);
+    if (!context) throw Error("Missing <IconTypeProvider> in the component tree!");
+    return context;
+}
+const IconType = ({ name, before, after, remove = false, children })=>{
+    const getId = useIdGenerator("iconType");
+    const placeBefore = void 0 !== before ? getId(before) : void 0;
+    const placeAfter = void 0 !== after ? getId(after) : void 0;
+    return /*#__PURE__*/ react.createElement(IconTypeProvider, {
+        type: name
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "iconTypes",
+        before: placeBefore,
+        after: placeAfter,
+        remove: remove,
+        array: true
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "name"),
+        name: "name",
+        value: name
+    }), children));
+};
+const Icon = ({ element })=>{
+    const { type: configType } = useIconType();
+    const IconDecorator = external_IconRenderer_js_IconRenderer.createDecorator((Original)=>function() {
+            const { icon } = useIcon();
+            if (icon.type !== configType) return /*#__PURE__*/ react.createElement(Original, null);
+            return element;
+        });
+    return /*#__PURE__*/ react.createElement(IconDecorator, null);
+};
+const Tab = ({ element })=>{
+    const { type: configType } = useIconType();
+    const IconPickerTabDecorator = external_IconPickerTab_js_IconPickerTabRenderer.createDecorator((Original)=>function() {
+            const { type } = useIconType();
+            if (type !== configType) return /*#__PURE__*/ react.createElement(Original, null);
+            return /*#__PURE__*/ react.createElement(react.Fragment, null, element);
+        });
+    return /*#__PURE__*/ react.createElement(IconPickerTabDecorator, null);
+};
+IconType.Icon = Icon;
+IconType.Tab = Tab;
+export { Icon, IconType, IconTypeProvider, Tab, useIconType };
+
+//# sourceMappingURL=IconType.js.map

package/components/IconPicker/config/IconType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/IconPicker/config/IconType.js","sources":["../../../../src/components/IconPicker/config/IconType.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nimport { IconRenderer, useIcon } from \"../IconRenderer.js\";\nimport { IconPickerTabRenderer } from \"../IconPickerTab.js\";\n\nexport type IconTypeProps = {\n    name: string;\n    before?: string;\n    after?: string;\n    remove?: boolean;\n    children?: React.ReactNode;\n};\n\ninterface IconTypeContext {\n    type: string;\n}\n\nconst IconTypeContext = React.createContext<IconTypeContext | undefined>(undefined);\n\ninterface IconTypeProviderProps {\n    type: string;\n    children: React.ReactNode;\n}\n\nexport const IconTypeProvider = ({ type, children }: IconTypeProviderProps) => {\n    return <IconTypeContext.Provider value={{ type }}>{children}</IconTypeContext.Provider>;\n};\n\nexport function useIconType() {\n    const context = React.useContext(IconTypeContext);\n    if (!context) {\n        throw Error(`Missing <IconTypeProvider> in the component tree!`);\n    }\n    return context;\n}\n\nexport interface IconType extends React.FC<IconTypeProps> {\n    Icon: typeof Icon;\n    Tab: typeof Tab;\n}\n\nexport const IconType: IconType = ({\n    name,\n    before = undefined,\n    after = undefined,\n    remove = false,\n    children\n}) => {\n    const getId = useIdGenerator(\"iconType\");\n\n    const placeBefore = before !== undefined ? getId(before) : undefined;\n    const placeAfter = after !== undefined ? getId(after) : undefined;\n\n    return (\n        <IconTypeProvider type={name}>\n            <Property\n                id={getId(name)}\n                name={\"iconTypes\"}\n                before={placeBefore}\n                after={placeAfter}\n                remove={remove}\n                array={true}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                {children}\n            </Property>\n        </IconTypeProvider>\n    );\n};\n\nexport type IconProps = {\n    element: React.ReactElement;\n};\n\nexport const Icon = ({ element }: IconProps) => {\n    const { type: configType } = useIconType();\n\n    const IconDecorator = IconRenderer.createDecorator(Original => {\n        return function IconRenderer() {\n            const { icon } = useIcon();\n\n            if (icon.type !== configType) {\n                return <Original />;\n            }\n\n            return element;\n        };\n    });\n\n    return <IconDecorator />;\n};\n\nexport type TabProps = {\n    element: React.ReactElement;\n};\n\nexport const Tab = ({ element }: TabProps) => {\n    const { type: configType } = useIconType();\n\n    const IconPickerTabDecorator = IconPickerTabRenderer.createDecorator(Original => {\n        return function IconPickerTabRenderer() {\n            const { type } = useIconType();\n\n            if (type !== configType) {\n                return <Original />;\n            }\n\n            return <>{element}</>;\n        };\n    });\n\n    return <IconPickerTabDecorator />;\n};\n\nIconType.Icon = Icon;\nIconType.Tab = Tab;\n"],"names":["IconTypeContext","React","undefined","IconTypeProvider","type","children","useIconType","context","Error","IconType","name","before","after","remove","getId","useIdGenerator","placeBefore","placeAfter","Property","Icon","element","configType","IconDecorator","IconRenderer","Original","icon","useIcon","Tab","IconPickerTabDecorator","IconPickerTabRenderer"],"mappings":";;;;AAmBA,MAAMA,kBAAkB,WAAHA,GAAGC,MAAAA,aAAmB,CAA8BC;AAOlE,MAAMC,mBAAmB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAyB,GAC/D,WAAP,GAAO,oBAACL,gBAAgB,QAAQ;QAAC,OAAO;YAAEI;QAAK;OAAIC;AAGhD,SAASC;IACZ,MAAMC,UAAUN,MAAAA,UAAgB,CAACD;IACjC,IAAI,CAACO,SACD,MAAMC,MAAM;IAEhB,OAAOD;AACX;AAOO,MAAME,WAAqB,CAAC,EAC/BC,IAAI,EACJC,MAAkB,EAClBC,KAAiB,EACjBC,SAAS,KAAK,EACdR,QAAQ,EACX;IACG,MAAMS,QAAQC,eAAe;IAE7B,MAAMC,cAAcL,AAAWT,WAAXS,SAAuBG,MAAMH,UAAUT;IAC3D,MAAMe,aAAaL,AAAUV,WAAVU,QAAsBE,MAAMF,SAASV;IAExD,OAAO,WAAP,GACI,oBAACC,kBAAgBA;QAAC,MAAMO;qBACpB,oBAACQ,UAAQA;QACL,IAAIJ,MAAMJ;QACV,MAAM;QACN,QAAQM;QACR,OAAOC;QACP,QAAQJ;QACR,OAAO;qBAEP,oBAACK,UAAQA;QAAC,IAAIJ,MAAMJ,MAAM;QAAS,MAAM;QAAQ,OAAOA;QACvDL;AAIjB;AAMO,MAAMc,OAAO,CAAC,EAAEC,OAAO,EAAa;IACvC,MAAM,EAAE,MAAMC,UAAU,EAAE,GAAGf;IAE7B,MAAMgB,gBAAgBC,sCAAAA,eAA4B,CAACC,CAAAA,WACxC;YACH,MAAM,EAAEC,IAAI,EAAE,GAAGC;YAEjB,IAAID,KAAK,IAAI,KAAKJ,YACd,OAAO,WAAP,GAAO,oBAACG,UAAAA;YAGZ,OAAOJ;QACX;IAGJ,OAAO,WAAP,GAAO,oBAACE,eAAAA;AACZ;AAMO,MAAMK,MAAM,CAAC,EAAEP,OAAO,EAAY;IACrC,MAAM,EAAE,MAAMC,UAAU,EAAE,GAAGf;IAE7B,MAAMsB,yBAAyBC,gDAAAA,eAAqC,CAACL,CAAAA,WAC1D;YACH,MAAM,EAAEpB,IAAI,EAAE,GAAGE;YAEjB,IAAIF,SAASiB,YACT,OAAO,WAAP,GAAO,oBAACG,UAAAA;YAGZ,OAAO,WAAP,GAAO,0CAAGJ;QACd;IAGJ,OAAO,WAAP,GAAO,oBAACQ,wBAAAA;AACZ;AAEAnB,SAAS,IAAI,GAAGU;AAChBV,SAAS,GAAG,GAAGkB"}

package/components/IconPicker/config/index.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { IconType } from "./IconType.js";
+import type { Icon } from "../types.js";
+export declare const IconPickerConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => React.JSX.Element) & {
+    IconPack: ({ name, provider }: import("./IconPackProvider.js").IconPackProviderProps) => React.JSX.Element;
+    IconType: IconType;
+};
+export declare const IconPickerWithConfig: ({ onProperties, children }: import("@webiny/react-properties").WithConfigProps) => React.JSX.Element;
+export declare const IconPickerConfigProvider: import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;
+export interface IconPackLoader {
+    (): Promise<Icon[]>;
+}
+interface IconTypeInterface {
+    name: string;
+}
+export type { IconTypeInterface as IconType };
+export interface IconPackProviderInterface {
+    name: string;
+    getIcons(): Promise<Icon[]>;
+}
+declare class IconPackProvider implements IconPackProviderInterface {
+    readonly name: string;
+    private readonly loader;
+    constructor(name: string, loader: IconPackLoader);
+    getIcons(): Promise<Icon[]>;
+}
+export declare function useIconPickerConfig(): {
+    iconTypes: IconTypeInterface[];
+    iconPackProviders: IconPackProvider[];
+};
+export declare const DefaultIcons: () => React.JSX.Element;

package/components/IconPicker/config/index.js

@@ -0,0 +1,42 @@
+import react, { useMemo } from "react";
+import { createConfigurableComponent } from "@webiny/react-properties";
+import { IconPackProvider } from "./IconPackProvider.js";
+import { IconType } from "./IconType.js";
+import { SimpleIconPlugin } from "../plugins/iconsPlugin.js";
+import { EmojiPlugin } from "../plugins/emojisPlugin.js";
+import { CustomIconPlugin } from "../plugins/customPlugin.js";
+import { createProvider } from "@webiny/app";
+import { Emojis } from "./Emojis.js";
+import { FontAwesomeIcons } from "./FontAwesomeIcons.js";
+const base = createConfigurableComponent("IconPicker");
+const IconPickerConfig = Object.assign(base.Config, {
+    IconPack: IconPackProvider,
+    IconType: IconType
+});
+const IconPickerWithConfig = base.WithConfig;
+const config_IconPickerConfigProvider = createProvider((Original)=>function({ children }) {
+        return /*#__PURE__*/ react.createElement(IconPickerWithConfig, null, /*#__PURE__*/ react.createElement(Original, null, children));
+    });
+class config_IconPackProvider {
+    constructor(name, loader){
+        this.name = name;
+        this.loader = loader;
+    }
+    getIcons() {
+        return this.loader();
+    }
+}
+function useIconPickerConfig() {
+    const config = base.useConfig();
+    const iconPackProviders = config.iconPackProviders || [];
+    return useMemo(()=>({
+            iconTypes: config.iconTypes || [],
+            iconPackProviders: iconPackProviders.map((provider)=>new config_IconPackProvider(provider.name, provider.load))
+        }), [
+        config
+    ]);
+}
+const DefaultIcons = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(SimpleIconPlugin, null), /*#__PURE__*/ react.createElement(EmojiPlugin, null), /*#__PURE__*/ react.createElement(CustomIconPlugin, null), /*#__PURE__*/ react.createElement(Emojis, null), /*#__PURE__*/ react.createElement(FontAwesomeIcons, null));
+export { DefaultIcons, IconPickerConfig, IconPickerWithConfig, config_IconPickerConfigProvider as IconPickerConfigProvider, useIconPickerConfig };
+
+//# sourceMappingURL=index.js.map

package/components/IconPicker/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/IconPicker/config/index.js","sources":["../../../../src/components/IconPicker/config/index.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport { IconPackProvider as IconPack } from \"./IconPackProvider.js\";\nimport { IconType } from \"./IconType.js\";\nimport { SimpleIconPlugin } from \"../plugins/iconsPlugin.js\";\nimport { EmojiPlugin } from \"../plugins/emojisPlugin.js\";\nimport { CustomIconPlugin } from \"../plugins/customPlugin.js\";\nimport type { Icon } from \"../types.js\";\nimport { createProvider } from \"@webiny/app\";\nimport { Emojis } from \"./Emojis.js\";\nimport { FontAwesomeIcons } from \"./FontAwesomeIcons.js\";\n\nconst base = createConfigurableComponent<IconPickerConfig>(\"IconPicker\");\n\nexport const IconPickerConfig = Object.assign(base.Config, { IconPack, IconType });\nexport const IconPickerWithConfig = base.WithConfig;\n\nexport const IconPickerConfigProvider = createProvider(Original => {\n    return function IconPickerConfigProvider({ children }) {\n        return (\n            <IconPickerWithConfig>\n                <Original>{children}</Original>\n            </IconPickerWithConfig>\n        );\n    };\n});\n\nexport interface IconPackLoader {\n    (): Promise<Icon[]>;\n}\n\ninterface IconTypeInterface {\n    name: string;\n}\n\nexport type { IconTypeInterface as IconType };\n\ninterface IconPickerConfig {\n    iconTypes: IconTypeInterface[];\n    iconPackProviders: {\n        name: string;\n        load: IconPackLoader;\n    }[];\n}\n\nexport interface IconPackProviderInterface {\n    name: string;\n    getIcons(): Promise<Icon[]>;\n}\n\nclass IconPackProvider implements IconPackProviderInterface {\n    public readonly name: string;\n    private readonly loader: IconPackLoader;\n\n    constructor(name: string, loader: IconPackLoader) {\n        this.name = name;\n        this.loader = loader;\n    }\n\n    getIcons(): Promise<Icon[]> {\n        return this.loader();\n    }\n}\n\nexport function useIconPickerConfig() {\n    const config = base.useConfig();\n\n    const iconPackProviders = config.iconPackProviders || [];\n\n    return useMemo(\n        () => ({\n            iconTypes: config.iconTypes || [],\n            iconPackProviders: iconPackProviders.map(\n                provider => new IconPackProvider(provider.name, provider.load)\n            )\n        }),\n        [config]\n    );\n}\n\nexport const DefaultIcons = () => {\n    return (\n        <>\n            <SimpleIconPlugin />\n            <EmojiPlugin />\n            <CustomIconPlugin />\n            <Emojis />\n            <FontAwesomeIcons />\n        </>\n    );\n};\n"],"names":["base","createConfigurableComponent","IconPickerConfig","Object","IconPack","IconType","IconPickerWithConfig","IconPickerConfigProvider","createProvider","Original","children","IconPackProvider","name","loader","useIconPickerConfig","config","iconPackProviders","useMemo","provider","DefaultIcons","SimpleIconPlugin","EmojiPlugin","CustomIconPlugin","Emojis","FontAwesomeIcons"],"mappings":";;;;;;;;;;AAYA,MAAMA,OAAOC,4BAA8C;AAEpD,MAAMC,mBAAmBC,OAAO,MAAM,CAACH,KAAK,MAAM,EAAE;IAAEI,UAAQA;IAAEC,UAAQA;AAAC;AACzE,MAAMC,uBAAuBN,KAAK,UAAU;AAE5C,MAAMO,kCAA2BC,eAAeC,CAAAA,WAC5C,SAAkC,EAAEC,QAAQ,EAAE;QACjD,OAAO,WAAP,GACI,oBAACJ,sBAAoBA,MAAAA,WAAAA,GACjB,oBAACG,UAAAA,MAAUC;IAGvB;AA0BJ,MAAMC;IAIF,YAAYC,IAAY,EAAEC,MAAsB,CAAE;QAC9C,IAAI,CAAC,IAAI,GAAGD;QACZ,IAAI,CAAC,MAAM,GAAGC;IAClB;IAEA,WAA4B;QACxB,OAAO,IAAI,CAAC,MAAM;IACtB;AACJ;AAEO,SAASC;IACZ,MAAMC,SAASf,KAAK,SAAS;IAE7B,MAAMgB,oBAAoBD,OAAO,iBAAiB,IAAI,EAAE;IAExD,OAAOE,QACH,IAAO;YACH,WAAWF,OAAO,SAAS,IAAI,EAAE;YACjC,mBAAmBC,kBAAkB,GAAG,CACpCE,CAAAA,WAAY,IAAIP,wBAAiBO,SAAS,IAAI,EAAEA,SAAS,IAAI;QAErE,IACA;QAACH;KAAO;AAEhB;AAEO,MAAMI,eAAe,IACjB,WAAP,GACI,wDACI,oBAACC,kBAAgBA,OAAAA,WAAAA,GACjB,oBAACC,aAAWA,OAAAA,WAAAA,GACZ,oBAACC,kBAAgBA,OAAAA,WAAAA,GACjB,oBAACC,QAAMA,OAAAA,WAAAA,GACP,oBAACC,kBAAgBA"}

package/components/IconPicker/defaultIcon.d.ts

@@ -0,0 +1,6 @@
+export declare const defaultIcon: {
+    type: string;
+    name: string;
+    value: string;
+    width: number;
+};