@webiny/app-admin 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/components/Dialogs/DialogsContext.js

@@ -1,15 +1,17 @@
 import React, { useState } from "react";
-import { useSnackbar } from "../../hooks";
-import { Dialog } from "./Dialog";
-import { CustomDialog } from "./CustomDialog";
 import { createProvider } from "@webiny/app";
 import { generateId } from "@webiny/utils";
+import { useSnackbar } from "../../hooks/index.js";
+import { Dialog } from "./Dialog.js";
+import { DialogParamsContext } from "./DialogParamsContext.js";
+import { useAdminConfig } from "../../config/AdminConfig.js";
 export const initializeState = (params = {}) => ({
   id: `dialog-${generateId()}`,
   title: params.title ?? `Confirmation`,
   description: params.description,
   dismissible: params.dismissible,
   icon: params.icon,
+  info: params.info,
   content: params.content,
   acceptLabel: params.acceptLabel === null ? null : params.acceptLabel ?? `Confirm`,
   cancelLabel: params.cancelLabel === null ? null : params.cancelLabel ?? `Cancel`,
@@ -31,6 +33,10 @@ export const DialogsProvider = ({
     showSnackbar
   } = useSnackbar();
   const [dialogs, setDialogs] = useState(new Map());
+  const [namedDialogIntent, setNamedDialogIntent] = useState(null);
+  const {
+    dialogs: registeredDialogs
+  } = useAdminConfig();
   const showDialog = params => {
     const newDialog = initializeState({
       ...params,
@@ -39,19 +45,18 @@ export const DialogsProvider = ({
     setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));
     return () => closeDialog(newDialog.id);
   };
-  const showCustomDialog = ({
-    onSubmit,
-    element
-  }) => {
-    const newDialog = initializeState({
-      element,
-      onAccept: onSubmit,
-      open: true
-    });
-    setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));
-    return () => closeDialog(newDialog.id);
-  };
   const closeDialog = id => {
+    const dialog = dialogs.get(id);
+
+    // Call the onClose callback if it exists
+    if (dialog?.onClose && typeof dialog.onClose === "function") {
+      try {
+        dialog.onClose();
+      } catch (error) {
+        // Log error but don't prevent dialog cleanup
+        console.error("Error in dialog onClose callback:", error);
+      }
+    }
     setDialogs(dialogs => {
       const newDialogs = new Map(dialogs);
       newDialogs.delete(id);
@@ -61,6 +66,15 @@ export const DialogsProvider = ({
   const closeAllDialogs = () => {
     setDialogs(new Map());
   };
+  const openNamedDialog = (name, params) => {
+    setNamedDialogIntent({
+      name,
+      params
+    });
+  };
+  const closeNamedDialog = () => {
+    setNamedDialogIntent(null);
+  };
   const onSubmit = async (id, data) => {
     const dialog = dialogs.get(id);
     if (!dialog) {
@@ -94,19 +108,14 @@ export const DialogsProvider = ({
   };
   const context = {
     showDialog,
-    showCustomDialog,
     closeDialog,
-    closeAllDialogs
+    closeAllDialogs,
+    openNamedDialog,
+    closeNamedDialog
   };
   return /*#__PURE__*/React.createElement(DialogsContext.Provider, {
     value: context
-  }, children, Array.from(dialogs.values()).map(dialog => dialog.element ? /*#__PURE__*/React.createElement(CustomDialog, {
-    key: dialog.id,
-    open: dialog.open,
-    loading: dialog.loading,
-    closeDialog: () => closeDialog(dialog.id),
-    onSubmit: data => onSubmit(dialog.id, data)
-  }, dialog.element) : /*#__PURE__*/React.createElement(Dialog, {
+  }, children, Array.from(dialogs.values()).map(dialog => /*#__PURE__*/React.createElement(Dialog, {
     key: dialog.id,
     description: dialog.description,
     dismissible: dialog.dismissible ?? true,
@@ -114,6 +123,7 @@ export const DialogsProvider = ({
     title: dialog.title,
     content: dialog.content,
     open: dialog.open,
+    info: dialog.info,
     acceptLabel: dialog.acceptLabel,
     cancelLabel: dialog.cancelLabel,
     loadingLabel: dialog.loadingLabel,
@@ -126,7 +136,18 @@ export const DialogsProvider = ({
     onSubmit: data => onSubmit(dialog.id, data),
     formData: dialog.formData,
     size: dialog.size
-  })));
+  })), namedDialogIntent && (() => {
+    const registration = registeredDialogs.find(d => d.name === namedDialogIntent.name);
+    if (!registration) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(DialogParamsContext.Provider, {
+      value: {
+        params: namedDialogIntent.params,
+        closeDialog: closeNamedDialog
+      }
+    }, registration.element);
+  })());
 };
 export const createDialogsProvider = () => {
   return createProvider(Component => {

package/components/Dialogs/DialogsContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useSnackbar","Dialog","CustomDialog","createProvider","generateId","initializeState","params","id","title","description","dismissible","icon","content","acceptLabel","cancelLabel","loadingLabel","dataLoadingLabel","onAccept","onClose","open","loading","element","formData","size","DialogsContext","createContext","undefined","DialogsProvider","children","showSnackbar","dialogs","setDialogs","Map","showDialog","newDialog","set","closeDialog","showCustomDialog","onSubmit","newDialogs","delete","closeAllDialogs","data","dialog","get","error","message","context","createElement","Provider","value","Array","from","values","map","key","Fragment","createDialogsProvider","Component","DialogsProviderDecorator"],"sources":["DialogsContext.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useState } from \"react\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { useSnackbar } from \"~/hooks\";\nimport { Dialog, type DialogProps } from \"./Dialog\";\nimport { CustomDialog } from \"./CustomDialog\";\nimport { createProvider } from \"@webiny/app\";\nimport { generateId } from \"@webiny/utils\";\n\ninterface ShowDialogParams {\n    title: ReactNode;\n    description?: ReactNode;\n    dismissible?: boolean;\n    content: ReactNode;\n    actions?: JSX.Element;\n    icon?: JSX.Element;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    dataLoadingLabel?: ReactNode;\n    onAccept?: (data: GenericFormData) => void;\n    onClose?: () => void;\n    formData?: DialogProps[\"formData\"];\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n}\n\ninterface ShowCustomDialogParams {\n    element: JSX.Element;\n    onSubmit?: (data: GenericFormData) => void;\n}\n\nexport interface DialogsContext {\n    showDialog: (params: ShowDialogParams) => () => void;\n    showCustomDialog: (params: ShowCustomDialogParams) => () => void;\n    closeAllDialogs: () => void;\n}\n\ninterface DialogsProviderProps {\n    children: ReactNode;\n}\n\ninterface DialogState extends ShowDialogParams {\n    id: string;\n    open: boolean;\n    loading: boolean;\n    element?: JSX.Element;\n}\n\nexport const initializeState = (params: Partial<DialogState> = {}): DialogState => ({\n    id: `dialog-${generateId()}`,\n    title: params.title ?? `Confirmation`,\n    description: params.description,\n    dismissible: params.dismissible,\n    icon: params.icon,\n    content: params.content,\n    acceptLabel: params.acceptLabel === null ? null : params.acceptLabel ?? `Confirm`,\n    cancelLabel: params.cancelLabel === null ? null : params.cancelLabel ?? `Cancel`,\n    loadingLabel: params.loadingLabel ?? `Loading...`,\n    dataLoadingLabel: params.dataLoadingLabel ?? `Loading...`,\n    onAccept: params.onAccept,\n    onClose: params.onClose,\n    open: params.open ?? false,\n    loading: params.loading ?? false,\n    element: params.element,\n    formData: params.formData ?? {},\n    size: params.size ?? \"md\"\n});\n\nexport const DialogsContext = React.createContext<DialogsContext | undefined>(undefined);\n\nexport const DialogsProvider = ({ children }: DialogsProviderProps) => {\n    const { showSnackbar } = useSnackbar();\n    const [dialogs, setDialogs] = useState<Map<string, DialogState>>(new Map());\n\n    const showDialog = (params: ShowDialogParams) => {\n        const newDialog = initializeState({ ...params, open: true });\n        setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));\n        return () => closeDialog(newDialog.id);\n    };\n\n    const showCustomDialog = ({ onSubmit, element }: ShowCustomDialogParams) => {\n        const newDialog = initializeState({\n            element,\n            onAccept: onSubmit,\n            open: true\n        });\n        setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));\n        return () => closeDialog(newDialog.id);\n    };\n\n    const closeDialog = (id: string) => {\n        setDialogs(dialogs => {\n            const newDialogs = new Map(dialogs);\n            newDialogs.delete(id);\n            return newDialogs;\n        });\n    };\n\n    const closeAllDialogs = () => {\n        setDialogs(new Map());\n    };\n\n    const onSubmit = async (id: string, data: GenericFormData) => {\n        const dialog = dialogs.get(id);\n        if (!dialog) {\n            return;\n        }\n\n        try {\n            if (typeof dialog.onAccept === \"function\") {\n                setDialogs(dialogs => {\n                    const newDialogs = new Map(dialogs);\n                    newDialogs.set(id, { ...dialog, loading: true });\n                    return newDialogs;\n                });\n\n                await dialog.onAccept(data);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        } finally {\n            setDialogs(dialogs => {\n                const newDialogs = new Map(dialogs);\n                newDialogs.set(id, { ...dialog, loading: false });\n                return newDialogs;\n            });\n            closeDialog(id);\n        }\n    };\n\n    const context = {\n        showDialog,\n        showCustomDialog,\n        closeDialog,\n        closeAllDialogs\n    };\n\n    return (\n        <DialogsContext.Provider value={context}>\n            {children}\n            {Array.from(dialogs.values()).map(dialog =>\n                dialog.element ? (\n                    <CustomDialog\n                        key={dialog.id}\n                        open={dialog.open}\n                        loading={dialog.loading}\n                        closeDialog={() => closeDialog(dialog.id)}\n                        onSubmit={data => onSubmit(dialog.id, data)}\n                    >\n                        {dialog.element}\n                    </CustomDialog>\n                ) : (\n                    <Dialog\n                        key={dialog.id}\n                        description={dialog.description}\n                        dismissible={dialog.dismissible ?? true}\n                        icon={dialog.icon ?? <></>}\n                        title={dialog.title}\n                        content={dialog.content}\n                        open={dialog.open}\n                        acceptLabel={dialog.acceptLabel}\n                        cancelLabel={dialog.cancelLabel}\n                        loadingLabel={dialog.loadingLabel}\n                        dataLoadingLabel={dialog.dataLoadingLabel}\n                        loading={dialog.loading}\n                        closeDialog={() => {\n                            closeDialog(dialog.id);\n                            dialog.onClose && dialog.onClose();\n                        }}\n                        onSubmit={data => onSubmit(dialog.id, data)}\n                        formData={dialog.formData}\n                        size={dialog.size}\n                    />\n                )\n            )}\n        </DialogsContext.Provider>\n    );\n};\n\nexport const createDialogsProvider = () => {\n    return createProvider(Component => {\n        return function DialogsProviderDecorator({ children }: DialogsProviderProps) {\n            return (\n                <DialogsProvider>\n                    <Component>{children}</Component>\n                </DialogsProvider>\n            );\n        };\n    });\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","createProvider","generateId","useSnackbar","Dialog","DialogParamsContext","useAdminConfig","initializeState","params","id","title","description","dismissible","icon","info","content","acceptLabel","cancelLabel","loadingLabel","dataLoadingLabel","onAccept","onClose","open","loading","element","formData","size","DialogsContext","createContext","undefined","DialogsProvider","children","showSnackbar","dialogs","setDialogs","Map","namedDialogIntent","setNamedDialogIntent","registeredDialogs","showDialog","newDialog","set","closeDialog","dialog","get","error","console","newDialogs","delete","closeAllDialogs","openNamedDialog","name","closeNamedDialog","onSubmit","data","message","context","createElement","Provider","value","Array","from","values","map","key","Fragment","registration","find","d","createDialogsProvider","Component","DialogsProviderDecorator"],"sources":["DialogsContext.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useState } from \"react\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { createProvider } from \"@webiny/app\";\nimport { generateId } from \"@webiny/utils\";\nimport { useSnackbar } from \"~/hooks/index.js\";\nimport { Dialog, type DialogProps } from \"./Dialog.js\";\nimport { DialogParamsContext } from \"./DialogParamsContext.js\";\nimport { useAdminConfig } from \"~/config/AdminConfig.js\";\n\ninterface ShowDialogParams {\n    title: ReactNode;\n    description?: ReactNode;\n    dismissible?: boolean;\n    content: ReactNode;\n    actions?: React.JSX.Element;\n    icon?: React.JSX.Element;\n    info?: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: string;\n    dataLoadingLabel?: string;\n    onAccept?: (data: GenericFormData) => void;\n    onClose?: () => void;\n    formData?: DialogProps[\"formData\"];\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n}\n\nexport interface DialogsContext {\n    showDialog: (params: ShowDialogParams) => () => void;\n    closeAllDialogs: () => void;\n    openNamedDialog: (name: string, params: Record<string, unknown>) => void;\n    closeNamedDialog: () => void;\n}\n\ninterface DialogsProviderProps {\n    children: ReactNode;\n}\n\ninterface DialogState extends ShowDialogParams {\n    id: string;\n    open: boolean;\n    loading: boolean;\n    element?: React.JSX.Element;\n}\n\nexport const initializeState = (params: Partial<DialogState> = {}): DialogState => ({\n    id: `dialog-${generateId()}`,\n    title: params.title ?? `Confirmation`,\n    description: params.description,\n    dismissible: params.dismissible,\n    icon: params.icon,\n    info: params.info,\n    content: params.content,\n    acceptLabel: params.acceptLabel === null ? null : (params.acceptLabel ?? `Confirm`),\n    cancelLabel: params.cancelLabel === null ? null : (params.cancelLabel ?? `Cancel`),\n    loadingLabel: params.loadingLabel ?? `Loading...`,\n    dataLoadingLabel: params.dataLoadingLabel ?? `Loading...`,\n    onAccept: params.onAccept,\n    onClose: params.onClose,\n    open: params.open ?? false,\n    loading: params.loading ?? false,\n    element: params.element,\n    formData: params.formData ?? {},\n    size: params.size ?? \"md\"\n});\n\nexport const DialogsContext = React.createContext<DialogsContext | undefined>(undefined);\n\ninterface NamedDialogIntent {\n    name: string;\n    params: Record<string, unknown>;\n}\n\nexport const DialogsProvider = ({ children }: DialogsProviderProps) => {\n    const { showSnackbar } = useSnackbar();\n    const [dialogs, setDialogs] = useState<Map<string, DialogState>>(new Map());\n    const [namedDialogIntent, setNamedDialogIntent] = useState<NamedDialogIntent | null>(null);\n    const { dialogs: registeredDialogs } = useAdminConfig();\n\n    const showDialog = (params: ShowDialogParams) => {\n        const newDialog = initializeState({ ...params, open: true });\n        setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));\n        return () => closeDialog(newDialog.id);\n    };\n\n    const closeDialog = (id: string) => {\n        const dialog = dialogs.get(id);\n\n        // Call the onClose callback if it exists\n        if (dialog?.onClose && typeof dialog.onClose === \"function\") {\n            try {\n                dialog.onClose();\n            } catch (error) {\n                // Log error but don't prevent dialog cleanup\n                console.error(\"Error in dialog onClose callback:\", error);\n            }\n        }\n\n        setDialogs(dialogs => {\n            const newDialogs = new Map(dialogs);\n            newDialogs.delete(id);\n            return newDialogs;\n        });\n    };\n\n    const closeAllDialogs = () => {\n        setDialogs(new Map());\n    };\n\n    const openNamedDialog = (name: string, params: Record<string, unknown>) => {\n        setNamedDialogIntent({ name, params });\n    };\n\n    const closeNamedDialog = () => {\n        setNamedDialogIntent(null);\n    };\n\n    const onSubmit = async (id: string, data: GenericFormData) => {\n        const dialog = dialogs.get(id);\n        if (!dialog) {\n            return;\n        }\n\n        try {\n            if (typeof dialog.onAccept === \"function\") {\n                setDialogs(dialogs => {\n                    const newDialogs = new Map(dialogs);\n                    newDialogs.set(id, { ...dialog, loading: true });\n                    return newDialogs;\n                });\n\n                await dialog.onAccept(data);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        } finally {\n            setDialogs(dialogs => {\n                const newDialogs = new Map(dialogs);\n                newDialogs.set(id, { ...dialog, loading: false });\n                return newDialogs;\n            });\n            closeDialog(id);\n        }\n    };\n\n    const context = {\n        showDialog,\n        closeDialog,\n        closeAllDialogs,\n        openNamedDialog,\n        closeNamedDialog\n    };\n\n    return (\n        <DialogsContext.Provider value={context}>\n            {children}\n            {Array.from(dialogs.values()).map(dialog => (\n                <Dialog\n                    key={dialog.id}\n                    description={dialog.description}\n                    dismissible={dialog.dismissible ?? true}\n                    icon={dialog.icon ?? <></>}\n                    title={dialog.title}\n                    content={dialog.content}\n                    open={dialog.open}\n                    info={dialog.info}\n                    acceptLabel={dialog.acceptLabel}\n                    cancelLabel={dialog.cancelLabel}\n                    loadingLabel={dialog.loadingLabel}\n                    dataLoadingLabel={dialog.dataLoadingLabel}\n                    loading={dialog.loading}\n                    closeDialog={() => {\n                        closeDialog(dialog.id);\n                        dialog.onClose && dialog.onClose();\n                    }}\n                    onSubmit={data => onSubmit(dialog.id, data)}\n                    formData={dialog.formData}\n                    size={dialog.size}\n                />\n            ))}\n            {namedDialogIntent &&\n                (() => {\n                    const registration = registeredDialogs.find(\n                        d => d.name === namedDialogIntent.name\n                    );\n                    if (!registration) {\n                        return null;\n                    }\n                    return (\n                        <DialogParamsContext.Provider\n                            value={{\n                                params: namedDialogIntent.params,\n                                closeDialog: closeNamedDialog\n                            }}\n                        >\n                            {registration.element}\n                        </DialogParamsContext.Provider>\n                    );\n                })()}\n        </DialogsContext.Provider>\n    );\n};\n\nexport const createDialogsProvider = () => {\n    return createProvider(Component => {\n        return function DialogsProviderDecorator({ children }: DialogsProviderProps) {\n            return (\n                <DialogsProvider>\n                    <Component>{children}</Component>\n                </DialogsProvider>\n            );\n        };\n    });\n};\n"],"mappings":"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","ignoreList":[]}

package/components/Dialogs/useDialogs.d.ts

@@ -1,3 +1,2 @@
-import { DialogsContext } from "./DialogsContext";
+import { DialogsContext } from "./DialogsContext.js";
 export declare const useDialogs: () => DialogsContext;
-export { useCustomDialog } from "./CustomDialog";

package/components/Dialogs/useDialogs.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { DialogsContext } from "./DialogsContext";
+import { DialogsContext } from "./DialogsContext.js";
 export const useDialogs = () => {
   const context = useContext(DialogsContext);
   if (!context) {
@@ -7,6 +7,5 @@ export const useDialogs = () => {
   }
   return context;
 };
-export { useCustomDialog } from "./CustomDialog";
 
 //# sourceMappingURL=useDialogs.js.map

package/components/Dialogs/useDialogs.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","DialogsContext","useDialogs","context","Error","useCustomDialog"],"sources":["useDialogs.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { DialogsContext } from \"./DialogsContext\";\n\nexport const useDialogs = () => {\n    const context = useContext(DialogsContext);\n\n    if (!context) {\n        throw new Error(\"useDialogs must be used within a DialogsContext.Provider\");\n    }\n\n    return context;\n};\n\nexport { useCustomDialog } from \"./CustomDialog\";\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,cAAc;AAEvB,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAGH,UAAU,CAACC,cAAc,CAAC;EAE1C,IAAI,CAACE,OAAO,EAAE;IACV,MAAM,IAAIC,KAAK,CAAC,0DAA0D,CAAC;EAC/E;EAEA,OAAOD,OAAO;AAClB,CAAC;AAED,SAASE,eAAe","ignoreList":[]}
+{"version":3,"names":["useContext","DialogsContext","useDialogs","context","Error"],"sources":["useDialogs.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { DialogsContext } from \"./DialogsContext.js\";\n\nexport const useDialogs = () => {\n    const context = useContext(DialogsContext);\n\n    if (!context) {\n        throw new Error(\"useDialogs must be used within a DialogsContext.Provider\");\n    }\n\n    return context;\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,cAAc;AAEvB,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAGH,UAAU,CAACC,cAAc,CAAC;EAE1C,IAAI,CAACE,OAAO,EAAE;IACV,MAAM,IAAIC,KAAK,CAAC,0DAA0D,CAAC;EAC/E;EAEA,OAAOD,OAAO;AAClB,CAAC","ignoreList":[]}

package/components/EmptyView.d.ts

@@ -5,5 +5,4 @@ export interface EmptyViewProps {
     title: string;
     action?: ReactElement | null;
 }
-declare const EmptyView: ({ icon, title, action }: EmptyViewProps) => React.JSX.Element;
-export default EmptyView;
+export declare const EmptyView: ({ icon, title, action }: EmptyViewProps) => React.JSX.Element;

package/components/EmptyView.js

@@ -1,35 +1,34 @@
 import React from "react";
 import { Icon, Text } from "@webiny/admin-ui";
 import { ReactComponent as FileIcon } from "@webiny/icons/description.svg";
-const EmptyView = ({
+export const EmptyView = ({
   icon = /*#__PURE__*/React.createElement(FileIcon, null),
   title,
   action
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-h-full wby-flex wby-flex-col wby-items-center wby-justify-center wby-gap-md"
+    className: "w-full h-full flex flex-col items-center justify-center gap-md"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-center"
+    className: "flex justify-center"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       width: 128,
       height: 128
     },
-    className: "wby-flex wby-justify-center wby-items-center wby-bg-neutral-dimmed wby-rounded-full wby-fill-neutral-strong [&_svg]:wby-size-[48px]"
+    className: "flex justify-center items-center bg-neutral-dimmed rounded-full fill-neutral-strong [&_svg]:size-xxl"
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     label: "Empty"
   }))), /*#__PURE__*/React.createElement(Text, {
     size: "md",
-    className: "wby-text-center wby-text-neutral-strong",
+    className: "text-center text-neutral-strong",
     as: "div",
     style: {
       maxWidth: 276
     }
   }, title), action && /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-center wby-gap-sm"
+    className: "flex justify-center gap-sm"
   }, action));
 };
-export default EmptyView;
 
 //# sourceMappingURL=EmptyView.js.map

package/components/EmptyView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Icon","Text","ReactComponent","FileIcon","EmptyView","icon","createElement","title","action","className","style","width","height","label","size","as","maxWidth"],"sources":["EmptyView.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport React from \"react\";\nimport { Icon, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as FileIcon } from \"@webiny/icons/description.svg\";\n\nexport interface EmptyViewProps {\n    icon?: ReactElement;\n    title: string;\n    action?: ReactElement | null;\n}\nconst EmptyView = ({ icon = <FileIcon />, title, action }: EmptyViewProps) => {\n    return (\n        <div className=\"wby-w-full wby-h-full wby-flex wby-flex-col wby-items-center wby-justify-center wby-gap-md\">\n            <div className=\"wby-flex wby-justify-center\">\n                <div\n                    style={{ width: 128, height: 128 }}\n                    className=\"wby-flex wby-justify-center wby-items-center wby-bg-neutral-dimmed wby-rounded-full wby-fill-neutral-strong [&_svg]:wby-size-[48px]\"\n                >\n                    <Icon icon={icon} label={\"Empty\"} />\n                </div>\n            </div>\n            <Text\n                size={\"md\"}\n                className={\"wby-text-center wby-text-neutral-strong\"}\n                as={\"div\"}\n                style={{ maxWidth: 276 }}\n            >\n                {title}\n            </Text>\n            {action && <div className={\"wby-flex wby-justify-center wby-gap-sm\"}>{action}</div>}\n        </div>\n    );\n};\n\nexport default EmptyView;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAO1E,MAAMC,SAAS,GAAGA,CAAC;EAAEC,IAAI,gBAAGN,KAAA,CAAAO,aAAA,CAACH,QAAQ,MAAE,CAAC;EAAEI,KAAK;EAAEC;AAAuB,CAAC,KAAK;EAC1E,oBACIT,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAC;EAA4F,gBACvGV,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAC;EAA6B,gBACxCV,KAAA,CAAAO,aAAA;IACII,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAI,CAAE;IACnCH,SAAS,EAAC;EAAqI,gBAE/IV,KAAA,CAAAO,aAAA,CAACN,IAAI;IAACK,IAAI,EAAEA,IAAK;IAACQ,KAAK,EAAE;EAAQ,CAAE,CAClC,CACJ,CAAC,eACNd,KAAA,CAAAO,aAAA,CAACL,IAAI;IACDa,IAAI,EAAE,IAAK;IACXL,SAAS,EAAE,yCAA0C;IACrDM,EAAE,EAAE,KAAM;IACVL,KAAK,EAAE;MAAEM,QAAQ,EAAE;IAAI;EAAE,GAExBT,KACC,CAAC,EACNC,MAAM,iBAAIT,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAE;EAAyC,GAAED,MAAY,CACjF,CAAC;AAEd,CAAC;AAED,eAAeJ,SAAS","ignoreList":[]}
+{"version":3,"names":["React","Icon","Text","ReactComponent","FileIcon","EmptyView","icon","createElement","title","action","className","style","width","height","label","size","as","maxWidth"],"sources":["EmptyView.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport React from \"react\";\nimport { Icon, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as FileIcon } from \"@webiny/icons/description.svg\";\n\nexport interface EmptyViewProps {\n    icon?: ReactElement;\n    title: string;\n    action?: ReactElement | null;\n}\n\nexport const EmptyView = ({ icon = <FileIcon />, title, action }: EmptyViewProps) => {\n    return (\n        <div className=\"w-full h-full flex flex-col items-center justify-center gap-md\">\n            <div className=\"flex justify-center\">\n                <div\n                    style={{ width: 128, height: 128 }}\n                    className=\"flex justify-center items-center bg-neutral-dimmed rounded-full fill-neutral-strong [&_svg]:size-xxl\"\n                >\n                    <Icon icon={icon} label={\"Empty\"} />\n                </div>\n            </div>\n            <Text\n                size={\"md\"}\n                className={\"text-center text-neutral-strong\"}\n                as={\"div\"}\n                style={{ maxWidth: 276 }}\n            >\n                {title}\n            </Text>\n            {action && <div className={\"flex justify-center gap-sm\"}>{action}</div>}\n        </div>\n    );\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAQ1E,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC,IAAI,gBAAGN,KAAA,CAAAO,aAAA,CAACH,QAAQ,MAAE,CAAC;EAAEI,KAAK;EAAEC;AAAuB,CAAC,KAAK;EACjF,oBACIT,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAC;EAAgE,gBAC3EV,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAC;EAAqB,gBAChCV,KAAA,CAAAO,aAAA;IACII,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAI,CAAE;IACnCH,SAAS,EAAC;EAAsG,gBAEhHV,KAAA,CAAAO,aAAA,CAACN,IAAI;IAACK,IAAI,EAAEA,IAAK;IAACQ,KAAK,EAAE;EAAQ,CAAE,CAClC,CACJ,CAAC,eACNd,KAAA,CAAAO,aAAA,CAACL,IAAI;IACDa,IAAI,EAAE,IAAK;IACXL,SAAS,EAAE,iCAAkC;IAC7CM,EAAE,EAAE,KAAM;IACVL,KAAK,EAAE;MAAEM,QAAQ,EAAE;IAAI;EAAE,GAExBT,KACC,CAAC,EACNC,MAAM,iBAAIT,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAE;EAA6B,GAAED,MAAY,CACrE,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/Filters/Filters.d.ts

@@ -12,5 +12,5 @@ export interface FiltersProps<T extends GenericFormData = GenericFormData> exten
     children?: React.ReactNode;
     ["data-testid"]?: string;
 }
-export declare const Filters: <T extends GenericFormData = GenericFormData>(props: FiltersProps<T>) => React.JSX.Element | null;
+export declare const Filters: <T extends GenericFiltersData = GenericFiltersData>(props: FiltersProps<T>) => React.JSX.Element | null;
 export {};

package/components/Filters/Filters.js

@@ -6,13 +6,13 @@ export const Filters = props => {
     return null;
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-bg-neutral-base wby-px-md wby-my-sm",
+    className: "w-full bg-neutral-base px-md my-sm",
     "data-testid": props["data-testid"] || "filters-container"
   }, /*#__PURE__*/React.createElement(Form, {
     data: props.data,
     onChange: props.onChange
   }, () => /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-flex wby-gap-sm wby-flex-wrap"
+    className: "w-full flex gap-sm flex-wrap"
   }, props.filters.map(filter => /*#__PURE__*/React.createElement("div", {
     key: filter.name
   }, filter.element)), props.children))), /*#__PURE__*/React.createElement(Separator, null));

package/components/Filters/Filters.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Separator","Form","Filters","props","show","filters","length","createElement","Fragment","className","data","onChange","map","filter","key","name","element","children"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\ntype Filter = {\n    name: string;\n    element: React.ReactElement;\n};\n\nexport type GenericFiltersData = GenericFormData;\n\nexport type FiltersOnSubmit<T extends GenericFiltersData = GenericFiltersData> = FormOnSubmit<T>;\n\nexport interface FiltersProps<T extends GenericFormData = GenericFormData>\n    extends Pick<FormProps<T>, \"data\" | \"onChange\"> {\n    filters: Filter[];\n    show: boolean;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const Filters = <T extends GenericFiltersData = GenericFiltersData>(\n    props: FiltersProps<T>\n) => {\n    if (!props.show || !props.filters.length) {\n        return null;\n    }\n\n    return (\n        <>\n            <div\n                className={\"wby-w-full wby-bg-neutral-base wby-px-md wby-my-sm\"}\n                data-testid={props[\"data-testid\"] || \"filters-container\"}\n            >\n                <Form data={props.data} onChange={props.onChange}>\n                    {() => (\n                        <div className={\"wby-w-full wby-flex wby-gap-sm wby-flex-wrap\"}>\n                            {props.filters.map(filter => (\n                                <div key={filter.name}>{filter.element}</div>\n                            ))}\n                            {props.children}\n                        </div>\n                    )}\n                </Form>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,IAAI,QAAQ,cAAc;AAmBnC,OAAO,MAAMC,OAAO,GAChBC,KAAsB,IACrB;EACD,IAAI,CAACA,KAAK,CAACC,IAAI,IAAI,CAACD,KAAK,CAACE,OAAO,CAACC,MAAM,EAAE;IACtC,OAAO,IAAI;EACf;EAEA,oBACIP,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,qBACIT,KAAA,CAAAQ,aAAA;IACIE,SAAS,EAAE,oDAAqD;IAChE,eAAaN,KAAK,CAAC,aAAa,CAAC,IAAI;EAAoB,gBAEzDJ,KAAA,CAAAQ,aAAA,CAACN,IAAI;IAACS,IAAI,EAAEP,KAAK,CAACO,IAAK;IAACC,QAAQ,EAAER,KAAK,CAACQ;EAAS,GAC5C,mBACGZ,KAAA,CAAAQ,aAAA;IAAKE,SAAS,EAAE;EAA+C,GAC1DN,KAAK,CAACE,OAAO,CAACO,GAAG,CAACC,MAAM,iBACrBd,KAAA,CAAAQ,aAAA;IAAKO,GAAG,EAAED,MAAM,CAACE;EAAK,GAAEF,MAAM,CAACG,OAAa,CAC/C,CAAC,EACDb,KAAK,CAACc,QACN,CAEP,CACL,CAAC,eACNlB,KAAA,CAAAQ,aAAA,CAACP,SAAS,MAAE,CACd,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Separator","Form","Filters","props","show","filters","length","createElement","Fragment","className","data","onChange","map","filter","key","name","element","children"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\ntype Filter = {\n    name: string;\n    element: React.ReactElement;\n};\n\nexport type GenericFiltersData = GenericFormData;\n\nexport type FiltersOnSubmit<T extends GenericFiltersData = GenericFiltersData> = FormOnSubmit<T>;\n\nexport interface FiltersProps<T extends GenericFormData = GenericFormData> extends Pick<\n    FormProps<T>,\n    \"data\" | \"onChange\"\n> {\n    filters: Filter[];\n    show: boolean;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const Filters = <T extends GenericFiltersData = GenericFiltersData>(\n    props: FiltersProps<T>\n) => {\n    if (!props.show || !props.filters.length) {\n        return null;\n    }\n\n    return (\n        <>\n            <div\n                className={\"w-full bg-neutral-base px-md my-sm\"}\n                data-testid={props[\"data-testid\"] || \"filters-container\"}\n            >\n                <Form data={props.data} onChange={props.onChange}>\n                    {() => (\n                        <div className={\"w-full flex gap-sm flex-wrap\"}>\n                            {props.filters.map(filter => (\n                                <div key={filter.name}>{filter.element}</div>\n                            ))}\n                            {props.children}\n                        </div>\n                    )}\n                </Form>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,IAAI,QAAQ,cAAc;AAqBnC,OAAO,MAAMC,OAAO,GAChBC,KAAsB,IACrB;EACD,IAAI,CAACA,KAAK,CAACC,IAAI,IAAI,CAACD,KAAK,CAACE,OAAO,CAACC,MAAM,EAAE;IACtC,OAAO,IAAI;EACf;EAEA,oBACIP,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,qBACIT,KAAA,CAAAQ,aAAA;IACIE,SAAS,EAAE,oCAAqC;IAChD,eAAaN,KAAK,CAAC,aAAa,CAAC,IAAI;EAAoB,gBAEzDJ,KAAA,CAAAQ,aAAA,CAACN,IAAI;IAACS,IAAI,EAAEP,KAAK,CAACO,IAAK;IAACC,QAAQ,EAAER,KAAK,CAACQ;EAAS,GAC5C,mBACGZ,KAAA,CAAAQ,aAAA;IAAKE,SAAS,EAAE;EAA+B,GAC1CN,KAAK,CAACE,OAAO,CAACO,GAAG,CAACC,MAAM,iBACrBd,KAAA,CAAAQ,aAAA;IAAKO,GAAG,EAAED,MAAM,CAACE;EAAK,GAAEF,MAAM,CAACG,OAAa,CAC/C,CAAC,EACDb,KAAK,CAACc,QACN,CAEP,CACL,CAAC,eACNlB,KAAA,CAAAQ,aAAA,CAACP,SAAS,MAAE,CACd,CAAC;AAEX,CAAC","ignoreList":[]}

package/components/Filters/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Filters";
-export * from "./FiltersToggle";
+export * from "./Filters.js";
+export * from "./FiltersToggle.js";

package/components/Filters/index.js

@@ -1,4 +1,4 @@
-export * from "./Filters";
-export * from "./FiltersToggle";
+export * from "./Filters.js";
+export * from "./FiltersToggle.js";
 
 //# sourceMappingURL=index.js.map

package/components/Filters/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Filters\";\nexport * from \"./FiltersToggle\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Filters.js\";\nexport * from \"./FiltersToggle.js\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/components/FloatingActionButton.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ButtonFloating } from "@webiny/ui/Button";
+import { IconButton } from "@webiny/admin-ui";
 import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
 // Set "styles" inline, since no customizations are possible / needed here.
 const FloatingActionButton = props => {
@@ -9,7 +9,7 @@ const FloatingActionButton = props => {
       bottom: 20,
       right: 20
     }
-  }, /*#__PURE__*/React.createElement(ButtonFloating, Object.assign({}, props, {
+  }, /*#__PURE__*/React.createElement(IconButton, Object.assign({}, props, {
     icon: /*#__PURE__*/React.createElement(AddIcon, null)
   })));
 };

package/components/FloatingActionButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ButtonFloating","ReactComponent","AddIcon","FloatingActionButton","props","createElement","style","position","bottom","right","Object","assign","icon"],"sources":["FloatingActionButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ButtonFloating } from \"@webiny/ui/Button\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\n\ninterface FloatingActionButtonProps {\n    children: React.ReactNode;\n}\n\n// Set \"styles\" inline, since no customizations are possible / needed here.\nconst FloatingActionButton = (props: FloatingActionButtonProps) => {\n    return (\n        <div\n            style={{\n                position: \"absolute\",\n                bottom: 20,\n                right: 20\n            }}\n        >\n            <ButtonFloating {...props} icon={<AddIcon />} />\n        </div>\n    );\n};\n\nexport { FloatingActionButton };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AAMjE;AACA,MAAMC,oBAAoB,GAAIC,KAAgC,IAAK;EAC/D,oBACIL,KAAA,CAAAM,aAAA;IACIC,KAAK,EAAE;MACHC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE;IACX;EAAE,gBAEFV,KAAA,CAAAM,aAAA,CAACL,cAAc,EAAAU,MAAA,CAAAC,MAAA,KAAKP,KAAK;IAAEQ,IAAI,eAAEb,KAAA,CAAAM,aAAA,CAACH,OAAO,MAAE;EAAE,EAAE,CAC9C,CAAC;AAEd,CAAC;AAED,SAASC,oBAAoB","ignoreList":[]}
+{"version":3,"names":["React","IconButton","ReactComponent","AddIcon","FloatingActionButton","props","createElement","style","position","bottom","right","Object","assign","icon"],"sources":["FloatingActionButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\n\ninterface FloatingActionButtonProps {\n    children: React.ReactNode;\n}\n\n// Set \"styles\" inline, since no customizations are possible / needed here.\nconst FloatingActionButton = (props: FloatingActionButtonProps) => {\n    return (\n        <div\n            style={{\n                position: \"absolute\",\n                bottom: 20,\n                right: 20\n            }}\n        >\n            <IconButton {...props} icon={<AddIcon />} />\n        </div>\n    );\n};\n\nexport { FloatingActionButton };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AAMjE;AACA,MAAMC,oBAAoB,GAAIC,KAAgC,IAAK;EAC/D,oBACIL,KAAA,CAAAM,aAAA;IACIC,KAAK,EAAE;MACHC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE;IACX;EAAE,gBAEFV,KAAA,CAAAM,aAAA,CAACL,UAAU,EAAAU,MAAA,CAAAC,MAAA,KAAKP,KAAK;IAAEQ,IAAI,eAAEb,KAAA,CAAAM,aAAA,CAACH,OAAO,MAAE;EAAE,EAAE,CAC1C,CAAC;AAEd,CAAC;AAED,SAASC,oBAAoB","ignoreList":[]}

package/components/IconPicker/IconPicker.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-import type { IconPickerProps } from "./IconPickerComponent";
-import type { Icon } from "./types";
+import type { IconPickerProps } from "./IconPickerComponent.js";
+import type { Icon } from "./types.js";
 declare const IconPicker: {
     (props: IconPickerProps): React.JSX.Element;
     Icon: ({ icon, ...props }: IconRendererWithProviderProps) => React.JSX.Element | null;
-    IconPickerTab: ({ label, value, actions, onChange, cellDecorator }: import("./IconPickerTab").IconPickerTabProps) => React.JSX.Element;
+    IconPickerTab: ({ label, value, actions, onChange, cellDecorator }: import("./IconPickerTab.js").IconPickerTabProps) => React.JSX.Element;
 };
 interface IconRendererWithProviderProps {
     icon?: Icon;

package/components/IconPicker/IconPicker.js

@@ -1,10 +1,10 @@
 import React, { useMemo, useEffect } from "react";
-import { useIconPickerConfig } from "./config";
-import { iconRepositoryFactory } from "./IconRepositoryFactory";
-import { IconPickerPresenter } from "./IconPickerPresenter";
-import { IconPickerComponent } from "./IconPickerComponent";
-import { IconProvider, IconRenderer } from "./IconRenderer";
-import { IconPickerTab } from "./IconPickerTab";
+import { useIconPickerConfig } from "./config/index.js";
+import { iconRepositoryFactory } from "./IconRepositoryFactory.js";
+import { IconPickerPresenter } from "./IconPickerPresenter.js";
+import { IconPickerComponent } from "./IconPickerComponent.js";
+import { IconProvider, IconRenderer } from "./IconRenderer.js";
+import { IconPickerTab } from "./IconPickerTab.js";
 const IconPicker = props => {
   const {
     iconTypes,

package/components/IconPicker/IconPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useEffect","useIconPickerConfig","iconRepositoryFactory","IconPickerPresenter","IconPickerComponent","IconProvider","IconRenderer","IconPickerTab","IconPicker","props","iconTypes","iconPackProviders","repository","getRepository","presenter","size","load","value","createElement","Object","assign","IconRendererWithProvider","icon","Icon"],"sources":["IconPicker.tsx"],"sourcesContent":["import React, { useMemo, useEffect } from \"react\";\nimport { useIconPickerConfig } from \"./config\";\nimport { iconRepositoryFactory } from \"./IconRepositoryFactory\";\nimport { IconPickerPresenter } from \"./IconPickerPresenter\";\nimport type { IconPickerProps } from \"./IconPickerComponent\";\nimport { IconPickerComponent } from \"./IconPickerComponent\";\nimport { IconProvider, IconRenderer } from \"./IconRenderer\";\nimport { IconPickerTab } from \"./IconPickerTab\";\nimport type { Icon } from \"./types\";\n\nconst IconPicker = (props: IconPickerProps) => {\n    const { iconTypes, iconPackProviders } = useIconPickerConfig();\n    const repository = iconRepositoryFactory.getRepository(iconTypes, iconPackProviders);\n\n    const presenter = useMemo(() => {\n        return new IconPickerPresenter(repository, props.size);\n    }, [repository, props.size]);\n\n    useEffect(() => {\n        presenter.load(props.value);\n    }, [repository, props.value]);\n\n    return <IconPickerComponent presenter={presenter} {...props} />;\n};\n\ninterface IconRendererWithProviderProps {\n    icon?: Icon;\n    size?: number;\n}\n\nconst IconRendererWithProvider = ({ icon, ...props }: IconRendererWithProviderProps) => {\n    if (!icon) {\n        return null;\n    }\n\n    return (\n        <IconProvider icon={icon} {...props}>\n            <IconRenderer />\n        </IconProvider>\n    );\n};\n\nIconPicker.Icon = IconRendererWithProvider;\nIconPicker.IconPickerTab = IconPickerTab;\n\nexport { IconPicker };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,SAAS,QAAQ,OAAO;AACjD,SAASC,mBAAmB;AAC5B,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAE5B,SAASC,mBAAmB;AAC5B,SAASC,YAAY,EAAEC,YAAY;AACnC,SAASC,aAAa;AAGtB,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAC3C,MAAM;IAAEC,SAAS;IAAEC;EAAkB,CAAC,GAAGV,mBAAmB,CAAC,CAAC;EAC9D,MAAMW,UAAU,GAAGV,qBAAqB,CAACW,aAAa,CAACH,SAAS,EAAEC,iBAAiB,CAAC;EAEpF,MAAMG,SAAS,GAAGf,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAII,mBAAmB,CAACS,UAAU,EAAEH,KAAK,CAACM,IAAI,CAAC;EAC1D,CAAC,EAAE,CAACH,UAAU,EAAEH,KAAK,CAACM,IAAI,CAAC,CAAC;EAE5Bf,SAAS,CAAC,MAAM;IACZc,SAAS,CAACE,IAAI,CAACP,KAAK,CAACQ,KAAK,CAAC;EAC/B,CAAC,EAAE,CAACL,UAAU,EAAEH,KAAK,CAACQ,KAAK,CAAC,CAAC;EAE7B,oBAAOnB,KAAA,CAAAoB,aAAA,CAACd,mBAAmB,EAAAe,MAAA,CAAAC,MAAA;IAACN,SAAS,EAAEA;EAAU,GAAKL,KAAK,CAAG,CAAC;AACnE,CAAC;AAOD,MAAMY,wBAAwB,GAAGA,CAAC;EAAEC,IAAI;EAAE,GAAGb;AAAqC,CAAC,KAAK;EACpF,IAAI,CAACa,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIxB,KAAA,CAAAoB,aAAA,CAACb,YAAY,EAAAc,MAAA,CAAAC,MAAA;IAACE,IAAI,EAAEA;EAAK,GAAKb,KAAK,gBAC/BX,KAAA,CAAAoB,aAAA,CAACZ,YAAY,MAAE,CACL,CAAC;AAEvB,CAAC;AAEDE,UAAU,CAACe,IAAI,GAAGF,wBAAwB;AAC1Cb,UAAU,CAACD,aAAa,GAAGA,aAAa;AAExC,SAASC,UAAU","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useEffect","useIconPickerConfig","iconRepositoryFactory","IconPickerPresenter","IconPickerComponent","IconProvider","IconRenderer","IconPickerTab","IconPicker","props","iconTypes","iconPackProviders","repository","getRepository","presenter","size","load","value","createElement","Object","assign","IconRendererWithProvider","icon","Icon"],"sources":["IconPicker.tsx"],"sourcesContent":["import React, { useMemo, useEffect } from \"react\";\nimport { useIconPickerConfig } from \"./config/index.js\";\nimport { iconRepositoryFactory } from \"./IconRepositoryFactory.js\";\nimport { IconPickerPresenter } from \"./IconPickerPresenter.js\";\nimport type { IconPickerProps } from \"./IconPickerComponent.js\";\nimport { IconPickerComponent } from \"./IconPickerComponent.js\";\nimport { IconProvider, IconRenderer } from \"./IconRenderer.js\";\nimport { IconPickerTab } from \"./IconPickerTab.js\";\nimport type { Icon } from \"./types.js\";\n\nconst IconPicker = (props: IconPickerProps) => {\n    const { iconTypes, iconPackProviders } = useIconPickerConfig();\n    const repository = iconRepositoryFactory.getRepository(iconTypes, iconPackProviders);\n\n    const presenter = useMemo(() => {\n        return new IconPickerPresenter(repository, props.size);\n    }, [repository, props.size]);\n\n    useEffect(() => {\n        presenter.load(props.value);\n    }, [repository, props.value]);\n\n    return <IconPickerComponent presenter={presenter} {...props} />;\n};\n\ninterface IconRendererWithProviderProps {\n    icon?: Icon;\n    size?: number;\n}\n\nconst IconRendererWithProvider = ({ icon, ...props }: IconRendererWithProviderProps) => {\n    if (!icon) {\n        return null;\n    }\n\n    return (\n        <IconProvider icon={icon} {...props}>\n            <IconRenderer />\n        </IconProvider>\n    );\n};\n\nIconPicker.Icon = IconRendererWithProvider;\nIconPicker.IconPickerTab = IconPickerTab;\n\nexport { IconPicker };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,SAAS,QAAQ,OAAO;AACjD,SAASC,mBAAmB;AAC5B,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAE5B,SAASC,mBAAmB;AAC5B,SAASC,YAAY,EAAEC,YAAY;AACnC,SAASC,aAAa;AAGtB,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAC3C,MAAM;IAAEC,SAAS;IAAEC;EAAkB,CAAC,GAAGV,mBAAmB,CAAC,CAAC;EAC9D,MAAMW,UAAU,GAAGV,qBAAqB,CAACW,aAAa,CAACH,SAAS,EAAEC,iBAAiB,CAAC;EAEpF,MAAMG,SAAS,GAAGf,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAII,mBAAmB,CAACS,UAAU,EAAEH,KAAK,CAACM,IAAI,CAAC;EAC1D,CAAC,EAAE,CAACH,UAAU,EAAEH,KAAK,CAACM,IAAI,CAAC,CAAC;EAE5Bf,SAAS,CAAC,MAAM;IACZc,SAAS,CAACE,IAAI,CAACP,KAAK,CAACQ,KAAK,CAAC;EAC/B,CAAC,EAAE,CAACL,UAAU,EAAEH,KAAK,CAACQ,KAAK,CAAC,CAAC;EAE7B,oBAAOnB,KAAA,CAAAoB,aAAA,CAACd,mBAAmB,EAAAe,MAAA,CAAAC,MAAA;IAACN,SAAS,EAAEA;EAAU,GAAKL,KAAK,CAAG,CAAC;AACnE,CAAC;AAOD,MAAMY,wBAAwB,GAAGA,CAAC;EAAEC,IAAI;EAAE,GAAGb;AAAqC,CAAC,KAAK;EACpF,IAAI,CAACa,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIxB,KAAA,CAAAoB,aAAA,CAACb,YAAY,EAAAc,MAAA,CAAAC,MAAA;IAACE,IAAI,EAAEA;EAAK,GAAKb,KAAK,gBAC/BX,KAAA,CAAAoB,aAAA,CAACZ,YAAY,MAAE,CACL,CAAC;AAEvB,CAAC;AAEDE,UAAU,CAACe,IAAI,GAAGF,wBAAwB;AAC1Cb,UAAU,CAACD,aAAa,GAAGA,aAAa;AAExC,SAASC,UAAU","ignoreList":[]}

package/components/IconPicker/IconPickerComponent.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
 import type { FormComponentProps } from "@webiny/admin-ui";
-import type { IconPickerPresenter } from "./IconPickerPresenter";
-import type { Icon } from "./types";
-import { ICON_PICKER_SIZE } from "./types";
+import type { IconPickerPresenter } from "./IconPickerPresenter.js";
+import type { Icon } from "./types.js";
+import { ICON_PICKER_SIZE } from "./types.js";
 export interface IconPickerProps extends FormComponentProps {
     size?: ICON_PICKER_SIZE;
     removable?: boolean;

package/components/IconPicker/IconPickerComponent.js

@@ -1,10 +1,10 @@
 import React, { useEffect, useCallback, useMemo } from "react";
 import { observer } from "mobx-react-lite";
-import isEqual from "lodash/isEqual";
+import isEqual from "lodash/isEqual.js";
 import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, PopoverPrimitive } from "@webiny/admin-ui";
-import { IconPickerContent, IconPickerTrigger } from "./components";
-import { IconPickerPresenterProvider } from "./IconPickerPresenterProvider";
-import { ICON_PICKER_SIZE } from "./types";
+import { IconPickerContent, IconPickerTrigger } from "./components/index.js";
+import { IconPickerPresenterProvider } from "./IconPickerPresenterProvider.js";
+import { ICON_PICKER_SIZE } from "./types.js";
 export const IconPickerComponent = observer(({
   presenter,
   label,

package/components/IconPicker/IconPickerComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useCallback","useMemo","observer","isEqual","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","PopoverPrimitive","IconPickerContent","IconPickerTrigger","IconPickerPresenterProvider","ICON_PICKER_SIZE","IconPickerComponent","presenter","label","description","removable","required","disabled","props","value","onChange","isValid","validationIsValid","message","validationMessage","validation","invalid","activeTab","isMenuOpened","isLoading","iconTypes","selectedIcon","size","vm","JSON","stringify","removeIcon","setIcon","undefined","handleOnOpenChange","open","openMenu","closeMenu","createElement","text","onOpenChange","Trigger","icon","Content","style","width","SMALL","loading"],"sources":["IconPickerComponent.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport isEqual from \"lodash/isEqual\";\nimport type { FormComponentProps } from \"@webiny/admin-ui\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    PopoverPrimitive\n} from \"@webiny/admin-ui\";\nimport { IconPickerContent, IconPickerTrigger } from \"./components\";\nimport type { IconPickerPresenter } from \"./IconPickerPresenter\";\nimport { IconPickerPresenterProvider } from \"./IconPickerPresenterProvider\";\nimport type { Icon } from \"./types\";\nimport { ICON_PICKER_SIZE } from \"./types\";\n\nexport interface IconPickerProps extends FormComponentProps {\n    size?: ICON_PICKER_SIZE;\n    removable?: boolean;\n    value?: Icon;\n    onChange?: (value: Icon | undefined) => void;\n}\n\nexport interface IconPickerComponentProps extends IconPickerProps {\n    presenter: IconPickerPresenter;\n}\n\nexport const IconPickerComponent = observer(\n    ({\n        presenter,\n        label,\n        description,\n        removable,\n        required,\n        disabled,\n        ...props\n    }: IconPickerComponentProps) => {\n        const { value, onChange } = props;\n        const { isValid: validationIsValid, message: validationMessage } = props.validation || {};\n        const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n        const { activeTab, isMenuOpened, isLoading, iconTypes, selectedIcon, size } = presenter.vm;\n\n        useEffect(() => {\n            if (onChange && selectedIcon && !isEqual(selectedIcon, value)) {\n                onChange(selectedIcon);\n            }\n        }, [JSON.stringify(selectedIcon)]);\n\n        const removeIcon = useCallback(() => {\n            if (onChange) {\n                presenter.setIcon(null);\n                onChange(undefined);\n            }\n        }, [onChange]);\n\n        const handleOnOpenChange = useCallback(\n            (open: boolean) => {\n                if (open) {\n                    return presenter.openMenu();\n                } else {\n                    return presenter.closeMenu();\n                }\n            },\n            [presenter.openMenu, presenter.closeMenu]\n        );\n\n        return (\n            <IconPickerPresenterProvider presenter={presenter}>\n                <FormComponentLabel text={label} required={required} disabled={disabled} />\n                <FormComponentDescription text={description} />\n                <PopoverPrimitive open={isMenuOpened} onOpenChange={handleOnOpenChange}>\n                    <PopoverPrimitive.Trigger>\n                        <IconPickerTrigger icon={selectedIcon} />\n                    </PopoverPrimitive.Trigger>\n                    <PopoverPrimitive.Content\n                        style={{ width: size === ICON_PICKER_SIZE.SMALL ? \"248px\" : \"328px\" }}\n                    >\n                        <IconPickerContent\n                            loading={isLoading}\n                            removable={value && removable}\n                            iconTypes={iconTypes}\n                            activeTab={activeTab}\n                            removeIcon={removeIcon}\n                        />\n                    </PopoverPrimitive.Content>\n                </PopoverPrimitive>\n                <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\n            </IconPickerPresenterProvider>\n        );\n    }\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useCallback","useMemo","observer","isEqual","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","PopoverPrimitive","IconPickerContent","IconPickerTrigger","IconPickerPresenterProvider","ICON_PICKER_SIZE","IconPickerComponent","presenter","label","description","removable","required","disabled","props","value","onChange","isValid","validationIsValid","message","validationMessage","validation","invalid","activeTab","isMenuOpened","isLoading","iconTypes","selectedIcon","size","vm","JSON","stringify","removeIcon","setIcon","undefined","handleOnOpenChange","open","openMenu","closeMenu","createElement","text","onOpenChange","Trigger","icon","Content","style","width","SMALL","loading"],"sources":["IconPickerComponent.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport isEqual from \"lodash/isEqual.js\";\nimport type { FormComponentProps } from \"@webiny/admin-ui\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    PopoverPrimitive\n} from \"@webiny/admin-ui\";\nimport { IconPickerContent, IconPickerTrigger } from \"./components/index.js\";\nimport type { IconPickerPresenter } from \"./IconPickerPresenter.js\";\nimport { IconPickerPresenterProvider } from \"./IconPickerPresenterProvider.js\";\nimport type { Icon } from \"./types.js\";\nimport { ICON_PICKER_SIZE } from \"./types.js\";\n\nexport interface IconPickerProps extends FormComponentProps {\n    size?: ICON_PICKER_SIZE;\n    removable?: boolean;\n    value?: Icon;\n    onChange?: (value: Icon | undefined) => void;\n}\n\nexport interface IconPickerComponentProps extends IconPickerProps {\n    presenter: IconPickerPresenter;\n}\n\nexport const IconPickerComponent = observer(\n    ({\n        presenter,\n        label,\n        description,\n        removable,\n        required,\n        disabled,\n        ...props\n    }: IconPickerComponentProps) => {\n        const { value, onChange } = props;\n        const { isValid: validationIsValid, message: validationMessage } = props.validation || {};\n        const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n        const { activeTab, isMenuOpened, isLoading, iconTypes, selectedIcon, size } = presenter.vm;\n\n        useEffect(() => {\n            if (onChange && selectedIcon && !isEqual(selectedIcon, value)) {\n                onChange(selectedIcon);\n            }\n        }, [JSON.stringify(selectedIcon)]);\n\n        const removeIcon = useCallback(() => {\n            if (onChange) {\n                presenter.setIcon(null);\n                onChange(undefined);\n            }\n        }, [onChange]);\n\n        const handleOnOpenChange = useCallback(\n            (open: boolean) => {\n                if (open) {\n                    return presenter.openMenu();\n                } else {\n                    return presenter.closeMenu();\n                }\n            },\n            [presenter.openMenu, presenter.closeMenu]\n        );\n\n        return (\n            <IconPickerPresenterProvider presenter={presenter}>\n                <FormComponentLabel text={label} required={required} disabled={disabled} />\n                <FormComponentDescription text={description} />\n                <PopoverPrimitive open={isMenuOpened} onOpenChange={handleOnOpenChange}>\n                    <PopoverPrimitive.Trigger>\n                        <IconPickerTrigger icon={selectedIcon} />\n                    </PopoverPrimitive.Trigger>\n                    <PopoverPrimitive.Content\n                        style={{ width: size === ICON_PICKER_SIZE.SMALL ? \"248px\" : \"328px\" }}\n                    >\n                        <IconPickerContent\n                            loading={isLoading}\n                            removable={value && removable}\n                            iconTypes={iconTypes}\n                            activeTab={activeTab}\n                            removeIcon={removeIcon}\n                        />\n                    </PopoverPrimitive.Content>\n                </PopoverPrimitive>\n                <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\n            </IconPickerPresenterProvider>\n        );\n    }\n);\n"],"mappings":"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","ignoreList":[]}

package/components/IconPicker/IconPickerPresenter.d.ts

@@ -1,6 +1,6 @@
-import type { IconRepository } from "./IconRepository";
-import type { Icon } from "./types";
-import type { IconType } from "./config";
+import type { IconRepository } from "./IconRepository.js";
+import type { Icon } from "./types.js";
+import type { IconType } from "./config/index.js";
 export interface IconPickerPresenterInterface {
     load(icon: Icon): Promise<void>;
     setIcon(icon: Icon): void;

package/components/IconPicker/IconPickerPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","toJS","IconPickerPresenter","selectedIcon","filter","activeTab","undefined","isMenuOpened","constructor","repository","size","load","icon","value","loadIcons","detectSelectedIcon","vm","isLoading","getLoading","icons","getFilteredIcons","iconTypes","getIconTypes","addIcon","closeMenu","openMenu","resetActiveTab","setActiveTab","setIcon","setFilter","hyphenUnderscoreRegex","getIcons","name","replace","toLowerCase","includes","getActiveTabByType","type","iconType","find","iconsByType","getDefaultTab","iconByName","x"],"sources":["IconPickerPresenter.ts"],"sourcesContent":["import { makeAutoObservable, toJS } from \"mobx\";\n\nimport type { IconRepository } from \"./IconRepository\";\nimport type { Icon } from \"./types\";\nimport type { IconType } from \"./config\";\n\nexport interface IconPickerPresenterInterface {\n    load(icon: Icon): Promise<void>;\n    setIcon(icon: Icon): void;\n    addIcon(icon: Icon): void;\n    setFilter(value: string): void;\n    setActiveTab(index: string): void;\n    openMenu(): void;\n    closeMenu(): void;\n    get vm(): {\n        isLoading: boolean;\n        activeTab?: string;\n        isMenuOpened: boolean;\n        icons: Icon[];\n        iconTypes: IconType[];\n        selectedIcon: Icon | null;\n        filter: string;\n        size?: string;\n    };\n}\n\nexport class IconPickerPresenter implements IconPickerPresenterInterface {\n    private repository: IconRepository;\n    private selectedIcon: Icon | null = null;\n    private filter = \"\";\n    private activeTab: string | undefined = undefined;\n    private isMenuOpened = false;\n    private size: string | undefined;\n\n    constructor(repository: IconRepository, size?: string) {\n        this.repository = repository;\n        this.size = size;\n        makeAutoObservable(this);\n    }\n\n    async load(icon: Icon | null = null) {\n        if (icon?.value) {\n            this.selectedIcon = icon;\n        }\n\n        await this.repository.loadIcons();\n\n        if (icon && !icon?.value) {\n            this.detectSelectedIcon(icon);\n        }\n    }\n\n    get vm() {\n        return {\n            activeTab: this.activeTab,\n            isMenuOpened: this.isMenuOpened,\n            isLoading: this.repository.getLoading().isLoading,\n            icons: this.getFilteredIcons(),\n            iconTypes: this.repository.getIconTypes(),\n            // `toJS` will unwrap an observable into a POJO. This will make it simple to use in child components.\n            selectedIcon: toJS(this.selectedIcon),\n            filter: this.filter,\n            size: this.size\n        };\n    }\n\n    addIcon(icon: Icon) {\n        this.repository.addIcon(icon);\n    }\n\n    closeMenu(): void {\n        this.isMenuOpened = false;\n    }\n\n    openMenu(): void {\n        this.isMenuOpened = true;\n        this.resetActiveTab();\n    }\n\n    setActiveTab(value?: string) {\n        this.activeTab = value;\n    }\n\n    setIcon(icon: Icon | null) {\n        this.selectedIcon = icon;\n    }\n\n    setFilter(value: string) {\n        this.filter = value;\n    }\n\n    private getFilteredIcons() {\n        const hyphenUnderscoreRegex = /[-_]/g;\n        const icons = this.repository.getIcons();\n\n        return icons.filter(icon =>\n            icon.name\n                .replace(hyphenUnderscoreRegex, \" \")\n                .toLowerCase()\n                .includes(this.filter.toLowerCase())\n        );\n    }\n\n    private getActiveTabByType(type: string) {\n        const iconTypes = this.repository.getIconTypes();\n        const iconType = iconTypes.find(iconsByType => iconsByType.name === type);\n\n        return iconType?.name || iconTypes[0].name;\n    }\n\n    private getDefaultTab() {\n        return this.repository.getIconTypes()[0].name;\n    }\n\n    private resetActiveTab() {\n        this.setActiveTab(\n            this.selectedIcon\n                ? this.getActiveTabByType(this.selectedIcon.type)\n                : this.getDefaultTab()\n        );\n    }\n\n    private detectSelectedIcon(icon: Icon) {\n        const iconByName = this.repository\n            .getIcons()\n            .find(x => x.name === icon.name && icon.type === x.type);\n\n        if (iconByName) {\n            this.selectedIcon = iconByName;\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","toJS","IconPickerPresenter","selectedIcon","filter","activeTab","undefined","isMenuOpened","constructor","repository","size","load","icon","value","loadIcons","detectSelectedIcon","vm","isLoading","getLoading","icons","getFilteredIcons","iconTypes","getIconTypes","addIcon","closeMenu","openMenu","resetActiveTab","setActiveTab","setIcon","setFilter","hyphenUnderscoreRegex","getIcons","name","replace","toLowerCase","includes","getActiveTabByType","type","iconType","find","iconsByType","getDefaultTab","iconByName","x"],"sources":["IconPickerPresenter.ts"],"sourcesContent":["import { makeAutoObservable, toJS } from \"mobx\";\n\nimport type { IconRepository } from \"./IconRepository.js\";\nimport type { Icon } from \"./types.js\";\nimport type { IconType } from \"./config/index.js\";\n\nexport interface IconPickerPresenterInterface {\n    load(icon: Icon): Promise<void>;\n    setIcon(icon: Icon): void;\n    addIcon(icon: Icon): void;\n    setFilter(value: string): void;\n    setActiveTab(index: string): void;\n    openMenu(): void;\n    closeMenu(): void;\n    get vm(): {\n        isLoading: boolean;\n        activeTab?: string;\n        isMenuOpened: boolean;\n        icons: Icon[];\n        iconTypes: IconType[];\n        selectedIcon: Icon | null;\n        filter: string;\n        size?: string;\n    };\n}\n\nexport class IconPickerPresenter implements IconPickerPresenterInterface {\n    private repository: IconRepository;\n    private selectedIcon: Icon | null = null;\n    private filter = \"\";\n    private activeTab: string | undefined = undefined;\n    private isMenuOpened = false;\n    private size: string | undefined;\n\n    constructor(repository: IconRepository, size?: string) {\n        this.repository = repository;\n        this.size = size;\n        makeAutoObservable(this);\n    }\n\n    async load(icon: Icon | null = null) {\n        if (icon?.value) {\n            this.selectedIcon = icon;\n        }\n\n        await this.repository.loadIcons();\n\n        if (icon && !icon?.value) {\n            this.detectSelectedIcon(icon);\n        }\n    }\n\n    get vm() {\n        return {\n            activeTab: this.activeTab,\n            isMenuOpened: this.isMenuOpened,\n            isLoading: this.repository.getLoading().isLoading,\n            icons: this.getFilteredIcons(),\n            iconTypes: this.repository.getIconTypes(),\n            // `toJS` will unwrap an observable into a POJO. This will make it simple to use in child components.\n            selectedIcon: toJS(this.selectedIcon),\n            filter: this.filter,\n            size: this.size\n        };\n    }\n\n    addIcon(icon: Icon) {\n        this.repository.addIcon(icon);\n    }\n\n    closeMenu(): void {\n        this.isMenuOpened = false;\n    }\n\n    openMenu(): void {\n        this.isMenuOpened = true;\n        this.resetActiveTab();\n    }\n\n    setActiveTab(value?: string) {\n        this.activeTab = value;\n    }\n\n    setIcon(icon: Icon | null) {\n        this.selectedIcon = icon;\n    }\n\n    setFilter(value: string) {\n        this.filter = value;\n    }\n\n    private getFilteredIcons() {\n        const hyphenUnderscoreRegex = /[-_]/g;\n        const icons = this.repository.getIcons();\n\n        return icons.filter(icon =>\n            icon.name\n                .replace(hyphenUnderscoreRegex, \" \")\n                .toLowerCase()\n                .includes(this.filter.toLowerCase())\n        );\n    }\n\n    private getActiveTabByType(type: string) {\n        const iconTypes = this.repository.getIconTypes();\n        const iconType = iconTypes.find(iconsByType => iconsByType.name === type);\n\n        return iconType?.name || iconTypes[0].name;\n    }\n\n    private getDefaultTab() {\n        return this.repository.getIconTypes()[0].name;\n    }\n\n    private resetActiveTab() {\n        this.setActiveTab(\n            this.selectedIcon\n                ? this.getActiveTabByType(this.selectedIcon.type)\n                : this.getDefaultTab()\n        );\n    }\n\n    private detectSelectedIcon(icon: Icon) {\n        const iconByName = this.repository\n            .getIcons()\n            .find(x => x.name === icon.name && icon.type === x.type);\n\n        if (iconByName) {\n            this.selectedIcon = iconByName;\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/IconPicker/IconPickerPresenter.test.js

@@ -1,5 +1,6 @@
-import { IconPickerPresenter } from "./IconPickerPresenter";
-import { IconRepository } from "./IconRepository";
+import { describe, it, expect, beforeEach } from "vitest";
+import { IconPickerPresenter } from "./IconPickerPresenter.js";
+import { IconRepository } from "./IconRepository.js";
 const mockIconTypes = [{
   name: "icon"
 }, {

package/components/IconPicker/IconPickerPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["IconPickerPresenter","IconRepository","mockIconTypes","name","mockIcons","type","value","category","skinToneSupport","mockIconPackProviders","getIcons","describe","icon","color","presenter","beforeEach","repository","it","load","expect","vm","selectedIcon","toEqual","icons","setIcon","addIcon","length","toBe","setFilter","isMenuOpened","activeTab","undefined","openMenu"],"sources":["IconPickerPresenter.test.ts"],"sourcesContent":["import { IconPickerPresenter } from \"./IconPickerPresenter\";\nimport { IconRepository } from \"./IconRepository\";\nimport type { Icon } from \"./types\";\n\nconst mockIconTypes = [{ name: \"icon\" }, { name: \"emoji\" }, { name: \"custom\" }];\n\nconst mockIcons: Icon[] = [\n    {\n        type: \"emoji\",\n        name: \"thumbs_up\",\n        value: \"👍\",\n        category: \"People & Body\",\n        skinToneSupport: true\n    },\n    {\n        type: \"icon\",\n        name: \"regular_address-book\",\n        value: '<path fill=\"currentColor\" d=\"M384 48c8.8 0 16 7.2 16 16v384c0 8.8-7.2 16-16 16H96c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h288zM96 0C60.7 0 32 28.7 32 64v384c0 35.3 28.7 64 64 64h288c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H96zm144 256a64 64 0 1 0 0-128a64 64 0 1 0 0 128zm-32 32c-44.2 0-80 35.8-80 80c0 8.8 7.2 16 16 16h192c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80h-64zM512 80c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V80zm-16 112c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16v-64c0-8.8-7.2-16-16-16zm16 144c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16v-64z\"/>',\n        category: \"Business\"\n    }\n];\n\nconst mockIconPackProviders = [\n    {\n        name: \"mock_icons\",\n        getIcons: async () => {\n            return mockIcons;\n        }\n    }\n];\n\ndescribe(\"IconPickerPresenter\", () => {\n    const icon: Icon = {\n        type: \"icon\",\n        name: \"solid_bullseye\",\n        value: '<path fill=\"currentColor\" d=\"M448 256a192 192 0 1 0-384 0a192 192 0 1 0 384 0zM0 256a256 256 0 1 1 512 0a256 256 0 1 1-512 0zm256 80a80 80 0 1 0 0-160a80 80 0 1 0 0 160zm0-224a144 144 0 1 1 0 288a144 144 0 1 1 0-288zm-32 144a32 32 0 1 1 64 0a32 32 0 1 1-64 0z\"/>',\n        category: \"Business\",\n        color: \"#282fe6\"\n    };\n\n    let presenter: IconPickerPresenter;\n\n    beforeEach(() => {\n        const repository = new IconRepository(mockIconTypes, mockIconPackProviders);\n        presenter = new IconPickerPresenter(repository);\n    });\n\n    it(\"should create an IconPickerPresenter with the `vm` definition\", async () => {\n        // let's load icons and set a predefined `selectedIcon`\n        await presenter.load(icon);\n\n        // `vm` should have the expected `selectedIcon` definition\n        expect(presenter.vm.selectedIcon).toEqual(icon);\n\n        // `vm` should have the expected `icons` definition\n        expect(presenter.vm.icons).toEqual(mockIcons);\n    });\n\n    it(\"should be able to select an icon\", async () => {\n        // let's load icons\n        await presenter.load();\n\n        // should be able to set the icon\n        presenter.setIcon(presenter.vm.icons[0]);\n\n        // `vm` should have the expected `selectedIcon` value\n        expect(presenter.vm.selectedIcon).toEqual(presenter.vm.icons[0]);\n    });\n\n    it(\"should be able to add an icon\", async () => {\n        // let's load icons\n        await presenter.load();\n\n        // should be able to set the icon\n        presenter.addIcon(icon);\n\n        // `vm` should have three icons\n        expect(presenter.vm.icons.length).toBe(3);\n\n        // `vm` should have the expected `icons` value\n        expect(presenter.vm.icons).toEqual([...mockIcons, icon]);\n    });\n\n    it(\"should be able to filter icons by name\", async () => {\n        // let's load icons\n        await presenter.load();\n\n        // should be able to set the filter\n        presenter.setFilter(\"book\");\n\n        // `vm` should have only one icon\n        expect(presenter.vm.icons.length).toBe(1);\n\n        // `vm` should have filtered icon\n        expect(presenter.vm.icons[0]).toEqual(mockIcons[1]);\n    });\n\n    it(\"should be able to set active tab on menu open\", async () => {\n        // let's load icons and set a predefined `selectedIcon`\n        await presenter.load(mockIcons[0]);\n\n        // default `isMenuOpened` should be false\n        expect(presenter.vm.isMenuOpened).toBe(false);\n\n        // default `activeTab` should be handled by the component itself\n        expect(presenter.vm.activeTab).toBe(undefined);\n\n        // should be able to set `isMenuOpened`\n        // should be able to set `activeTab` based on `selectedIcon` type\n        presenter.openMenu();\n\n        // `vm` should have the expected `isMenuOpened` value\n        expect(presenter.vm.isMenuOpened).toBe(true);\n\n        // `vm` should have the expected `activeTab` value\n        expect(presenter.vm.activeTab).toBe(\"emoji\");\n    });\n});\n"],"mappings":"AAAA,SAASA,mBAAmB;AAC5B,SAASC,cAAc;AAGvB,MAAMC,aAAa,GAAG,CAAC;EAAEC,IAAI,EAAE;AAAO,CAAC,EAAE;EAAEA,IAAI,EAAE;AAAQ,CAAC,EAAE;EAAEA,IAAI,EAAE;AAAS,CAAC,CAAC;AAE/E,MAAMC,SAAiB,GAAG,CACtB;EACIC,IAAI,EAAE,OAAO;EACbF,IAAI,EAAE,WAAW;EACjBG,KAAK,EAAE,IAAI;EACXC,QAAQ,EAAE,eAAe;EACzBC,eAAe,EAAE;AACrB,CAAC,EACD;EACIH,IAAI,EAAE,MAAM;EACZF,IAAI,EAAE,sBAAsB;EAC5BG,KAAK,EAAE,inBAAinB;EACxnBC,QAAQ,EAAE;AACd,CAAC,CACJ;AAED,MAAME,qBAAqB,GAAG,CAC1B;EACIN,IAAI,EAAE,YAAY;EAClBO,QAAQ,EAAE,MAAAA,CAAA,KAAY;IAClB,OAAON,SAAS;EACpB;AACJ,CAAC,CACJ;AAEDO,QAAQ,CAAC,qBAAqB,EAAE,MAAM;EAClC,MAAMC,IAAU,GAAG;IACfP,IAAI,EAAE,MAAM;IACZF,IAAI,EAAE,gBAAgB;IACtBG,KAAK,EAAE,wQAAwQ;IAC/QC,QAAQ,EAAE,UAAU;IACpBM,KAAK,EAAE;EACX,CAAC;EAED,IAAIC,SAA8B;EAElCC,UAAU,CAAC,MAAM;IACb,MAAMC,UAAU,GAAG,IAAIf,cAAc,CAACC,aAAa,EAAEO,qBAAqB,CAAC;IAC3EK,SAAS,GAAG,IAAId,mBAAmB,CAACgB,UAAU,CAAC;EACnD,CAAC,CAAC;EAEFC,EAAE,CAAC,+DAA+D,EAAE,YAAY;IAC5E;IACA,MAAMH,SAAS,CAACI,IAAI,CAACN,IAAI,CAAC;;IAE1B;IACAO,MAAM,CAACL,SAAS,CAACM,EAAE,CAACC,YAAY,CAAC,CAACC,OAAO,CAACV,IAAI,CAAC;;IAE/C;IACAO,MAAM,CAACL,SAAS,CAACM,EAAE,CAACG,KAAK,CAAC,CAACD,OAAO,CAAClB,SAAS,CAAC;EACjD,CAAC,CAAC;EAEFa,EAAE,CAAC,kCAAkC,EAAE,YAAY;IAC/C;IACA,MAAMH,SAAS,CAACI,IAAI,CAAC,CAAC;;IAEtB;IACAJ,SAAS,CAACU,OAAO,CAACV,SAAS,CAACM,EAAE,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC;;IAExC;IACAJ,MAAM,CAACL,SAAS,CAACM,EAAE,CAACC,YAAY,CAAC,CAACC,OAAO,CAACR,SAAS,CAACM,EAAE,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC;EACpE,CAAC,CAAC;EAEFN,EAAE,CAAC,+BAA+B,EAAE,YAAY;IAC5C;IACA,MAAMH,SAAS,CAACI,IAAI,CAAC,CAAC;;IAEtB;IACAJ,SAAS,CAACW,OAAO,CAACb,IAAI,CAAC;;IAEvB;IACAO,MAAM,CAACL,SAAS,CAACM,EAAE,CAACG,KAAK,CAACG,MAAM,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;;IAEzC;IACAR,MAAM,CAACL,SAAS,CAACM,EAAE,CAACG,KAAK,CAAC,CAACD,OAAO,CAAC,CAAC,GAAGlB,SAAS,EAAEQ,IAAI,CAAC,CAAC;EAC5D,CAAC,CAAC;EAEFK,EAAE,CAAC,wCAAwC,EAAE,YAAY;IACrD;IACA,MAAMH,SAAS,CAACI,IAAI,CAAC,CAAC;;IAEtB;IACAJ,SAAS,CAACc,SAAS,CAAC,MAAM,CAAC;;IAE3B;IACAT,MAAM,CAACL,SAAS,CAACM,EAAE,CAACG,KAAK,CAACG,MAAM,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;;IAEzC;IACAR,MAAM,CAACL,SAAS,CAACM,EAAE,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC,CAACD,OAAO,CAAClB,SAAS,CAAC,CAAC,CAAC,CAAC;EACvD,CAAC,CAAC;EAEFa,EAAE,CAAC,+CAA+C,EAAE,YAAY;IAC5D;IACA,MAAMH,SAAS,CAACI,IAAI,CAACd,SAAS,CAAC,CAAC,CAAC,CAAC;;IAElC;IACAe,MAAM,CAACL,SAAS,CAACM,EAAE,CAACS,YAAY,CAAC,CAACF,IAAI,CAAC,KAAK,CAAC;;IAE7C;IACAR,MAAM,CAACL,SAAS,CAACM,EAAE,CAACU,SAAS,CAAC,CAACH,IAAI,CAACI,SAAS,CAAC;;IAE9C;IACA;IACAjB,SAAS,CAACkB,QAAQ,CAAC,CAAC;;IAEpB;IACAb,MAAM,CAACL,SAAS,CAACM,EAAE,CAACS,YAAY,CAAC,CAACF,IAAI,CAAC,IAAI,CAAC;;IAE5C;IACAR,MAAM,CAACL,SAAS,CAACM,EAAE,CAACU,SAAS,CAAC,CAACH,IAAI,CAAC,OAAO,CAAC;EAChD,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["describe","it","expect","beforeEach","IconPickerPresenter","IconRepository","mockIconTypes","name","mockIcons","type","value","category","skinToneSupport","mockIconPackProviders","getIcons","icon","color","presenter","repository","load","vm","selectedIcon","toEqual","icons","setIcon","addIcon","length","toBe","setFilter","isMenuOpened","activeTab","undefined","openMenu"],"sources":["IconPickerPresenter.test.ts"],"sourcesContent":["import { describe, it, expect, beforeEach } from \"vitest\";\nimport { IconPickerPresenter } from \"./IconPickerPresenter.js\";\nimport { IconRepository } from \"./IconRepository.js\";\nimport type { Icon } from \"./types.js\";\n\nconst mockIconTypes = [{ name: \"icon\" }, { name: \"emoji\" }, { name: \"custom\" }];\n\nconst mockIcons: Icon[] = [\n    {\n        type: \"emoji\",\n        name: \"thumbs_up\",\n        value: \"👍\",\n        category: \"People & Body\",\n        skinToneSupport: true\n    },\n    {\n        type: \"icon\",\n        name: \"regular_address-book\",\n        value: '<path fill=\"currentColor\" d=\"M384 48c8.8 0 16 7.2 16 16v384c0 8.8-7.2 16-16 16H96c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h288zM96 0C60.7 0 32 28.7 32 64v384c0 35.3 28.7 64 64 64h288c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H96zm144 256a64 64 0 1 0 0-128a64 64 0 1 0 0 128zm-32 32c-44.2 0-80 35.8-80 80c0 8.8 7.2 16 16 16h192c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80h-64zM512 80c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V80zm-16 112c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16v-64c0-8.8-7.2-16-16-16zm16 144c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16v-64z\"/>',\n        category: \"Business\"\n    }\n];\n\nconst mockIconPackProviders = [\n    {\n        name: \"mock_icons\",\n        getIcons: async () => {\n            return mockIcons;\n        }\n    }\n];\n\ndescribe(\"IconPickerPresenter\", () => {\n    const icon: Icon = {\n        type: \"icon\",\n        name: \"solid_bullseye\",\n        value: '<path fill=\"currentColor\" d=\"M448 256a192 192 0 1 0-384 0a192 192 0 1 0 384 0zM0 256a256 256 0 1 1 512 0a256 256 0 1 1-512 0zm256 80a80 80 0 1 0 0-160a80 80 0 1 0 0 160zm0-224a144 144 0 1 1 0 288a144 144 0 1 1 0-288zm-32 144a32 32 0 1 1 64 0a32 32 0 1 1-64 0z\"/>',\n        category: \"Business\",\n        color: \"#282fe6\"\n    };\n\n    let presenter: IconPickerPresenter;\n\n    beforeEach(() => {\n        const repository = new IconRepository(mockIconTypes, mockIconPackProviders);\n        presenter = new IconPickerPresenter(repository);\n    });\n\n    it(\"should create an IconPickerPresenter with the `vm` definition\", async () => {\n        // let's load icons and set a predefined `selectedIcon`\n        await presenter.load(icon);\n\n        // `vm` should have the expected `selectedIcon` definition\n        expect(presenter.vm.selectedIcon).toEqual(icon);\n\n        // `vm` should have the expected `icons` definition\n        expect(presenter.vm.icons).toEqual(mockIcons);\n    });\n\n    it(\"should be able to select an icon\", async () => {\n        // let's load icons\n        await presenter.load();\n\n        // should be able to set the icon\n        presenter.setIcon(presenter.vm.icons[0]);\n\n        // `vm` should have the expected `selectedIcon` value\n        expect(presenter.vm.selectedIcon).toEqual(presenter.vm.icons[0]);\n    });\n\n    it(\"should be able to add an icon\", async () => {\n        // let's load icons\n        await presenter.load();\n\n        // should be able to set the icon\n        presenter.addIcon(icon);\n\n        // `vm` should have three icons\n        expect(presenter.vm.icons.length).toBe(3);\n\n        // `vm` should have the expected `icons` value\n        expect(presenter.vm.icons).toEqual([...mockIcons, icon]);\n    });\n\n    it(\"should be able to filter icons by name\", async () => {\n        // let's load icons\n        await presenter.load();\n\n        // should be able to set the filter\n        presenter.setFilter(\"book\");\n\n        // `vm` should have only one icon\n        expect(presenter.vm.icons.length).toBe(1);\n\n        // `vm` should have filtered icon\n        expect(presenter.vm.icons[0]).toEqual(mockIcons[1]);\n    });\n\n    it(\"should be able to set active tab on menu open\", async () => {\n        // let's load icons and set a predefined `selectedIcon`\n        await presenter.load(mockIcons[0]);\n\n        // default `isMenuOpened` should be false\n        expect(presenter.vm.isMenuOpened).toBe(false);\n\n        // default `activeTab` should be handled by the component itself\n        expect(presenter.vm.activeTab).toBe(undefined);\n\n        // should be able to set `isMenuOpened`\n        // should be able to set `activeTab` based on `selectedIcon` type\n        presenter.openMenu();\n\n        // `vm` should have the expected `isMenuOpened` value\n        expect(presenter.vm.isMenuOpened).toBe(true);\n\n        // `vm` should have the expected `activeTab` value\n        expect(presenter.vm.activeTab).toBe(\"emoji\");\n    });\n});\n"],"mappings":"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","ignoreList":[]}