@webiny/admin-ui 6.0.0-alpha.0 → 6.0.0-alpha.2

package/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Toaster","makeDecoratable","withStaticProps","Portal","ToastActions","ToastClose","ToastDescription","ToastIcon","ToastRoot","ToastTitle","DecoratableToast","title","description","icon","actions","onCloseClick","dismissible","props","createElement","Object","assign","hasDescription","className","onClick","variant","Toast","Title","Description","Actions","Provider","expand","duration","position"],"sources":["Toast.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Toaster, type ToasterProps } from \"sonner\";\nimport { makeDecoratable, withStaticProps } from \"~/utils\";\nimport { type IconButtonProps } from \"~/Button\";\nimport { Icon as BaseIcon } from \"~/Icon\";\nimport { Portal } from \"~/Portal\";\nimport {\n    ToastActions,\n    ToastClose,\n    ToastDescription,\n    ToastIcon,\n    ToastRoot,\n    ToastTitle,\n    type ToastRootProps\n} from \"./components\";\n\ninterface ToastProps extends Omit<ToastRootProps, \"title\" | \"content\" | \"children\"> {\n    title: React.ReactElement<typeof ToastTitle>;\n    description?: React.ReactElement<typeof ToastDescription>;\n    icon?: React.ReactElement<typeof BaseIcon>;\n    actions?: React.ReactElement<typeof ToastActions>;\n    onCloseClick: () => void;\n    dismissible?: boolean;\n}\n\nconst DecoratableToast = ({\n    title,\n    description,\n    icon,\n    actions,\n    onCloseClick,\n    dismissible = true,\n    ...props\n}: ToastProps) => {\n    return (\n        <ToastRoot hasDescription={!!description || !!actions} {...props}>\n            <ToastIcon icon={icon} />\n            <div className=\"wby-w-64\">\n                {title}\n                {description && description}\n                {actions && actions}\n            </div>\n            {dismissible && (\n                <ToastClose\n                    onClick={onCloseClick}\n                    variant={\n                        props.variant === \"subtle\"\n                            ? (\"subtle\" as IconButtonProps[\"variant\"])\n                            : (\"ghost-negative\" as IconButtonProps[\"variant\"])\n                    }\n                />\n            )}\n        </ToastRoot>\n    );\n};\n\nconst Toast = withStaticProps(makeDecoratable(\"Toast\", DecoratableToast), {\n    Title: ToastTitle,\n    Description: ToastDescription,\n    Actions: ToastActions,\n    Provider: (props: ToasterProps) => (\n        <Portal>\n            <Toaster expand={true} duration={6000} position={\"top-right\"} {...props} />\n        </Portal>\n    )\n});\n\nexport { Toast, type ToastProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,QAA2B,QAAQ;AACnD,SAASC,eAAe,EAAEC,eAAe;AAGzC,SAASC,MAAM;AACf,SACIC,YAAY,EACZC,UAAU,EACVC,gBAAgB,EAChBC,SAAS,EACTC,SAAS,EACTC,UAAU;AAad,MAAMC,gBAAgB,GAAGA,CAAC;EACtBC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,OAAO;EACPC,YAAY;EACZC,WAAW,GAAG,IAAI;EAClB,GAAGC;AACK,CAAC,KAAK;EACd,oBACIlB,KAAA,CAAAmB,aAAA,CAACV,SAAS,EAAAW,MAAA,CAAAC,MAAA;IAACC,cAAc,EAAE,CAAC,CAACT,WAAW,IAAI,CAAC,CAACE;EAAQ,GAAKG,KAAK,gBAC5DlB,KAAA,CAAAmB,aAAA,CAACX,SAAS;IAACM,IAAI,EAAEA;EAAK,CAAE,CAAC,eACzBd,KAAA,CAAAmB,aAAA;IAAKI,SAAS,EAAC;EAAU,GACpBX,KAAK,EACLC,WAAW,IAAIA,WAAW,EAC1BE,OAAO,IAAIA,OACX,CAAC,EACLE,WAAW,iBACRjB,KAAA,CAAAmB,aAAA,CAACb,UAAU;IACPkB,OAAO,EAAER,YAAa;IACtBS,OAAO,EACHP,KAAK,CAACO,OAAO,KAAK,QAAQ,GACnB,QAAQ,GACR;EACV,CACJ,CAEE,CAAC;AAEpB,CAAC;AAED,MAAMC,KAAK,GAAGvB,eAAe,CAACD,eAAe,CAAC,OAAO,EAAES,gBAAgB,CAAC,EAAE;EACtEgB,KAAK,EAAEjB,UAAU;EACjBkB,WAAW,EAAErB,gBAAgB;EAC7BsB,OAAO,EAAExB,YAAY;EACrByB,QAAQ,EAAGZ,KAAmB,iBAC1BlB,KAAA,CAAAmB,aAAA,CAACf,MAAM,qBACHJ,KAAA,CAAAmB,aAAA,CAAClB,OAAO,EAAAmB,MAAA,CAAAC,MAAA;IAACU,MAAM,EAAE,IAAK;IAACC,QAAQ,EAAE,IAAK;IAACC,QAAQ,EAAE;EAAY,GAAKf,KAAK,CAAG,CACtE;AAEhB,CAAC,CAAC;AAEF,SAASQ,KAAK","ignoreList":[]}
+{"version":3,"names":["React","Toaster","makeDecoratable","withStaticProps","Portal","ToastActions","ToastClose","ToastDescription","ToastIcon","ToastRoot","ToastTitle","DecoratableToast","title","description","icon","actions","onCloseClick","dismissible","props","createElement","Object","assign","hasDescription","className","onClick","variant","Toast","Title","Description","Actions","Provider","expand","duration","position"],"sources":["Toast.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Toaster, type ToasterProps } from \"sonner\";\nimport { makeDecoratable, withStaticProps } from \"~/utils\";\nimport { type IconButtonProps } from \"~/Button\";\nimport type { Icon as BaseIcon } from \"~/Icon\";\nimport { Portal } from \"~/Portal\";\nimport {\n    ToastActions,\n    ToastClose,\n    ToastDescription,\n    ToastIcon,\n    ToastRoot,\n    ToastTitle,\n    type ToastRootProps\n} from \"./components\";\n\ninterface ToastProps extends Omit<ToastRootProps, \"title\" | \"content\" | \"children\"> {\n    title: React.ReactElement<typeof ToastTitle>;\n    description?: React.ReactElement<typeof ToastDescription>;\n    icon?: React.ReactElement<typeof BaseIcon>;\n    actions?: React.ReactElement<typeof ToastActions>;\n    onCloseClick: () => void;\n    dismissible?: boolean;\n}\n\nconst DecoratableToast = ({\n    title,\n    description,\n    icon,\n    actions,\n    onCloseClick,\n    dismissible = true,\n    ...props\n}: ToastProps) => {\n    return (\n        <ToastRoot hasDescription={!!description || !!actions} {...props}>\n            <ToastIcon icon={icon} />\n            <div className=\"wby-w-64\">\n                {title}\n                {description && description}\n                {actions && actions}\n            </div>\n            {dismissible && (\n                <ToastClose\n                    onClick={onCloseClick}\n                    variant={\n                        props.variant === \"subtle\"\n                            ? (\"subtle\" as IconButtonProps[\"variant\"])\n                            : (\"ghost-negative\" as IconButtonProps[\"variant\"])\n                    }\n                />\n            )}\n        </ToastRoot>\n    );\n};\n\nconst Toast = withStaticProps(makeDecoratable(\"Toast\", DecoratableToast), {\n    Title: ToastTitle,\n    Description: ToastDescription,\n    Actions: ToastActions,\n    Provider: (props: ToasterProps) => (\n        <Portal>\n            <Toaster expand={true} duration={6000} position={\"top-right\"} {...props} />\n        </Portal>\n    )\n});\n\nexport { Toast, type ToastProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,QAA2B,QAAQ;AACnD,SAASC,eAAe,EAAEC,eAAe;AAGzC,SAASC,MAAM;AACf,SACIC,YAAY,EACZC,UAAU,EACVC,gBAAgB,EAChBC,SAAS,EACTC,SAAS,EACTC,UAAU;AAad,MAAMC,gBAAgB,GAAGA,CAAC;EACtBC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,OAAO;EACPC,YAAY;EACZC,WAAW,GAAG,IAAI;EAClB,GAAGC;AACK,CAAC,KAAK;EACd,oBACIlB,KAAA,CAAAmB,aAAA,CAACV,SAAS,EAAAW,MAAA,CAAAC,MAAA;IAACC,cAAc,EAAE,CAAC,CAACT,WAAW,IAAI,CAAC,CAACE;EAAQ,GAAKG,KAAK,gBAC5DlB,KAAA,CAAAmB,aAAA,CAACX,SAAS;IAACM,IAAI,EAAEA;EAAK,CAAE,CAAC,eACzBd,KAAA,CAAAmB,aAAA;IAAKI,SAAS,EAAC;EAAU,GACpBX,KAAK,EACLC,WAAW,IAAIA,WAAW,EAC1BE,OAAO,IAAIA,OACX,CAAC,EACLE,WAAW,iBACRjB,KAAA,CAAAmB,aAAA,CAACb,UAAU;IACPkB,OAAO,EAAER,YAAa;IACtBS,OAAO,EACHP,KAAK,CAACO,OAAO,KAAK,QAAQ,GACnB,QAAQ,GACR;EACV,CACJ,CAEE,CAAC;AAEpB,CAAC;AAED,MAAMC,KAAK,GAAGvB,eAAe,CAACD,eAAe,CAAC,OAAO,EAAES,gBAAgB,CAAC,EAAE;EACtEgB,KAAK,EAAEjB,UAAU;EACjBkB,WAAW,EAAErB,gBAAgB;EAC7BsB,OAAO,EAAExB,YAAY;EACrByB,QAAQ,EAAGZ,KAAmB,iBAC1BlB,KAAA,CAAAmB,aAAA,CAACf,MAAM,qBACHJ,KAAA,CAAAmB,aAAA,CAAClB,OAAO,EAAAmB,MAAA,CAAAC,MAAA;IAACU,MAAM,EAAE,IAAK;IAACC,QAAQ,EAAE,IAAK;IAACC,QAAQ,EAAE;EAAY,GAAKf,KAAK,CAAG,CACtE;AAEhB,CAAC,CAAC;AAEF,SAASQ,KAAK","ignoreList":[]}

package/Toast/useToast.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { toast as sonnerToast } from "sonner";
 import { ReactComponent as Check } from "@webiny/icons/check.svg";
 import { ReactComponent as Warning } from "@webiny/icons/warning.svg";
-import { ToastDescription, ToastTitle } from "./components";
+import { ToastActions, ToastDescription, ToastTitle } from "./components";
 import { Toast } from "./Toast";
 import { Icon } from "../Icon";
 import { generateId } from "../utils";
@@ -17,6 +17,12 @@ const useToast = () => {
       text: description
     }) : description;
   }, []);
+  const getActions = React.useCallback(actions => {
+    if (!actions) {
+      return null;
+    }
+    return typeof actions === typeof ToastActions ? actions : /*#__PURE__*/React.createElement(ToastActions, null, actions);
+  }, []);
   const showToast = React.useCallback(params => {
     const {
       title,
@@ -33,7 +39,7 @@ const useToast = () => {
       title: getTitle(title),
       description: getDescription(description),
       icon: icon,
-      actions: actions,
+      actions: getActions(actions),
       variant: variant,
       onCloseClick: () => sonnerToast.dismiss(toast),
       dismissible: dismissible

package/Toast/useToast.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","toast","sonnerToast","ReactComponent","Check","Warning","ToastDescription","ToastTitle","Toast","Icon","generateId","useToast","getTitle","useCallback","title","createElement","text","getDescription","description","showToast","params","icon","actions","variant","dismissible","duration","position","id","custom","onCloseClick","dismiss","hideToast","hideAllToasts","toastIds","getToasts","map","length","forEach","index","setTimeout","showSuccessToast","label","className","showWarningToast","useMemo"],"sources":["useToast.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { toast as sonnerToast, type ToasterProps as SonnerToasterProps } from \"sonner\";\nimport { ReactComponent as Check } from \"@webiny/icons/check.svg\";\nimport { ReactComponent as Warning } from \"@webiny/icons/warning.svg\";\nimport { ToastActions, ToastDescription, ToastTitle, type ToastRootProps } from \"./components\";\nimport { Toast } from \"./Toast\";\nimport { Icon } from \"~/Icon\";\nimport { generateId } from \"~/utils\";\n\ntype ShowToastParams = {\n    title: React.ReactElement<typeof ToastTitle> | string;\n    description?: React.ReactElement<typeof ToastDescription> | string;\n    icon?: React.ReactElement<typeof Icon>;\n    actions?: React.ReactElement<typeof ToastActions>;\n    dismissible?: boolean;\n    duration?: number;\n    position?: SonnerToasterProps[\"position\"];\n    variant?: ToastRootProps[\"variant\"];\n};\n\nconst useToast = () => {\n    const getTitle = React.useCallback((title: React.ReactElement<typeof ToastTitle> | string) => {\n        return typeof title === \"string\" ? <ToastTitle text={title} /> : title;\n    }, []);\n\n    const getDescription = React.useCallback(\n        (description: React.ReactElement<typeof ToastDescription> | string | undefined) => {\n            return typeof description === \"string\" ? (\n                <ToastDescription text={description} />\n            ) : (\n                description\n            );\n        },\n        []\n    );\n\n    const showToast = React.useCallback(\n        (params: ShowToastParams) => {\n            const {\n                title,\n                description,\n                icon,\n                actions,\n                variant,\n                dismissible,\n                duration = 6000,\n                position = \"top-right\"\n            } = params;\n\n            const id = generateId();\n\n            return sonnerToast.custom(\n                toast => (\n                    <Toast\n                        title={getTitle(title)}\n                        description={getDescription(description)}\n                        icon={icon}\n                        actions={actions}\n                        variant={variant}\n                        onCloseClick={() => sonnerToast.dismiss(toast)}\n                        dismissible={dismissible}\n                    />\n                ),\n                {\n                    id,\n                    duration,\n                    dismissible,\n                    position\n                }\n            );\n        },\n        [getTitle, getDescription, sonnerToast]\n    );\n\n    const hideToast = React.useCallback(\n        (id: number | string) => {\n            return sonnerToast.dismiss(id);\n        },\n        [sonnerToast]\n    );\n\n    const hideAllToasts = React.useCallback(() => {\n        const toastIds = sonnerToast.getToasts().map(toast => toast.id);\n\n        if (toastIds.length === 0) {\n            return;\n        }\n\n        // Dismiss each toast with a small delay between them\n        // This helps ensure each dismissal is processed properly\n        toastIds.forEach((id, index) => {\n            setTimeout(() => {\n                sonnerToast.dismiss(id);\n            }, index * 50);\n        });\n    }, [sonnerToast]);\n\n    const showSuccessToast = (params: ShowToastParams) => {\n        return showToast({\n            icon: <Icon icon={<Check />} label={\"\"} className={\"wby-fill-success\"} />,\n            ...params\n        });\n    };\n\n    const showWarningToast = (params: ShowToastParams) => {\n        return showToast({\n            icon: <Icon icon={<Warning />} label={\"\"} className={\"wby-fill-warning\"} />,\n            ...params\n        });\n    };\n\n    return React.useMemo(\n        () => ({\n            showToast,\n            showSuccessToast,\n            showWarningToast,\n            hideToast,\n            hideAllToasts\n        }),\n        [showToast, hideToast, hideAllToasts]\n    );\n};\n\nexport { useToast, type ShowToastParams };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","toast","sonnerToast","ReactComponent","Check","Warning","ToastActions","ToastDescription","ToastTitle","Toast","Icon","generateId","useToast","getTitle","useCallback","title","createElement","text","getDescription","description","getActions","actions","showToast","params","icon","variant","dismissible","duration","position","id","custom","onCloseClick","dismiss","hideToast","hideAllToasts","toastIds","getToasts","map","length","forEach","index","setTimeout","showSuccessToast","label","className","showWarningToast","useMemo"],"sources":["useToast.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { toast as sonnerToast, type ToasterProps as SonnerToasterProps } from \"sonner\";\nimport { ReactComponent as Check } from \"@webiny/icons/check.svg\";\nimport { ReactComponent as Warning } from \"@webiny/icons/warning.svg\";\nimport { ToastActions, ToastDescription, ToastTitle, type ToastRootProps } from \"./components\";\nimport { Toast } from \"./Toast\";\nimport { Icon } from \"~/Icon\";\nimport { generateId } from \"~/utils\";\n\ntype ShowToastParams = {\n    title: React.ReactElement<typeof ToastTitle> | string;\n    description?: React.ReactElement<typeof ToastDescription> | string;\n    icon?: React.ReactElement<typeof Icon>;\n    actions?: React.ReactElement<typeof ToastActions>;\n    dismissible?: boolean;\n    duration?: number;\n    position?: SonnerToasterProps[\"position\"];\n    variant?: ToastRootProps[\"variant\"];\n};\n\nconst useToast = () => {\n    const getTitle = React.useCallback((title: React.ReactElement<typeof ToastTitle> | string) => {\n        return typeof title === \"string\" ? <ToastTitle text={title} /> : title;\n    }, []);\n\n    const getDescription = React.useCallback(\n        (description: React.ReactElement<typeof ToastDescription> | string | undefined) => {\n            return typeof description === \"string\" ? (\n                <ToastDescription text={description} />\n            ) : (\n                description\n            );\n        },\n        []\n    );\n\n    const getActions = React.useCallback(\n        (actions: React.ReactElement<typeof ToastActions> | any | undefined) => {\n            if (!actions) {\n                return null;\n            }\n            return typeof actions === typeof ToastActions ? (\n                actions\n            ) : (\n                <ToastActions>{actions}</ToastActions>\n            );\n        },\n        []\n    );\n\n    const showToast = React.useCallback(\n        (params: ShowToastParams) => {\n            const {\n                title,\n                description,\n                icon,\n                actions,\n                variant,\n                dismissible,\n                duration = 6000,\n                position = \"top-right\"\n            } = params;\n\n            const id = generateId();\n\n            return sonnerToast.custom(\n                toast => (\n                    <Toast\n                        title={getTitle(title)}\n                        description={getDescription(description)}\n                        icon={icon}\n                        actions={getActions(actions)}\n                        variant={variant}\n                        onCloseClick={() => sonnerToast.dismiss(toast)}\n                        dismissible={dismissible}\n                    />\n                ),\n                {\n                    id,\n                    duration,\n                    dismissible,\n                    position\n                }\n            );\n        },\n        [getTitle, getDescription, sonnerToast]\n    );\n\n    const hideToast = React.useCallback(\n        (id: number | string) => {\n            return sonnerToast.dismiss(id);\n        },\n        [sonnerToast]\n    );\n\n    const hideAllToasts = React.useCallback(() => {\n        const toastIds = sonnerToast.getToasts().map(toast => toast.id);\n\n        if (toastIds.length === 0) {\n            return;\n        }\n\n        // Dismiss each toast with a small delay between them\n        // This helps ensure each dismissal is processed properly\n        toastIds.forEach((id, index) => {\n            setTimeout(() => {\n                sonnerToast.dismiss(id);\n            }, index * 50);\n        });\n    }, [sonnerToast]);\n\n    const showSuccessToast = (params: ShowToastParams) => {\n        return showToast({\n            icon: <Icon icon={<Check />} label={\"\"} className={\"wby-fill-success\"} />,\n            ...params\n        });\n    };\n\n    const showWarningToast = (params: ShowToastParams) => {\n        return showToast({\n            icon: <Icon icon={<Warning />} label={\"\"} className={\"wby-fill-warning\"} />,\n            ...params\n        });\n    };\n\n    return React.useMemo(\n        () => ({\n            showToast,\n            showSuccessToast,\n            showWarningToast,\n            hideToast,\n            hideAllToasts\n        }),\n        [showToast, hideToast, hideAllToasts]\n    );\n};\n\nexport { useToast, type ShowToastParams };\n"],"mappings":"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","ignoreList":[]}

package/Tooltip/Tooltip.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { TooltipContentProps } from "./components";
+import type { TooltipContentProps } from "./components";
 interface TooltipProps extends Omit<TooltipPrimitive.TooltipContentProps, "content" | "children"> {
     align?: TooltipPrimitive.TooltipContentProps["align"];
     content: React.ReactNode;

package/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Tooltip","TooltipPrimitive","withStaticProps","makeDecoratable","TooltipArrow","TooltipContent","TooltipProvider","Provider","TooltipRoot","Root","TooltipTrigger","Trigger","DecoratableTooltip","align","content","onOpenChange","showArrow","side","variant","trigger","delay","props","createElement","delayDuration","asChild","className","Object","assign","sideOffset","hiddenArrow"],"sources":["Tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\nimport { withStaticProps, makeDecoratable } from \"~/utils\";\nimport { TooltipArrow, TooltipContent, TooltipContentProps } from \"./components\";\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\nconst TooltipRoot = TooltipPrimitive.Root;\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\ninterface TooltipProps extends Omit<TooltipPrimitive.TooltipContentProps, \"content\" | \"children\"> {\n    align?: TooltipPrimitive.TooltipContentProps[\"align\"];\n    content: React.ReactNode;\n    delay?: number;\n    onOpenChange?: TooltipPrimitive.TooltipProps[\"onOpenChange\"];\n    showArrow?: boolean;\n    side?: TooltipPrimitive.TooltipContentProps[\"side\"];\n    variant?: TooltipContentProps[\"variant\"];\n    trigger: React.ReactNode;\n    rawTrigger?: boolean;\n}\n\nconst DecoratableTooltip = ({\n    align,\n    content,\n    onOpenChange,\n    showArrow = true,\n    side,\n    variant,\n    trigger,\n    delay = 500,\n    ...props\n}: TooltipProps) => {\n    return (\n        <TooltipRoot delayDuration={delay} onOpenChange={onOpenChange}>\n            <TooltipTrigger asChild>\n                <span className={\"wby-inline-block wby-text-0 wby-leading-none\"}>{trigger}</span>\n            </TooltipTrigger>\n            <TooltipContent\n                side={side}\n                align={align}\n                sideOffset={4}\n                variant={variant}\n                hiddenArrow={!showArrow}\n                {...props}\n            >\n                {content}\n                {showArrow && <TooltipArrow variant={variant} />}\n            </TooltipContent>\n        </TooltipRoot>\n    );\n};\n\nconst Tooltip = withStaticProps(makeDecoratable(\"Tooltip\", DecoratableTooltip), {\n    Provider: TooltipProvider\n});\n\nexport { Tooltip, type TooltipProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AACtD,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,YAAY,EAAEC,cAAc;AAErC,MAAMC,eAAe,GAAGL,gBAAgB,CAACM,QAAQ;AAEjD,MAAMC,WAAW,GAAGP,gBAAgB,CAACQ,IAAI;AAEzC,MAAMC,cAAc,GAAGT,gBAAgB,CAACU,OAAO;AAc/C,MAAMC,kBAAkB,GAAGA,CAAC;EACxBC,KAAK;EACLC,OAAO;EACPC,YAAY;EACZC,SAAS,GAAG,IAAI;EAChBC,IAAI;EACJC,OAAO;EACPC,OAAO;EACPC,KAAK,GAAG,GAAG;EACX,GAAGC;AACO,CAAC,KAAK;EAChB,oBACItB,KAAA,CAAAuB,aAAA,CAACd,WAAW;IAACe,aAAa,EAAEH,KAAM;IAACL,YAAY,EAAEA;EAAa,gBAC1DhB,KAAA,CAAAuB,aAAA,CAACZ,cAAc;IAACc,OAAO;EAAA,gBACnBzB,KAAA,CAAAuB,aAAA;IAAMG,SAAS,EAAE;EAA+C,GAAEN,OAAc,CACpE,CAAC,eACjBpB,KAAA,CAAAuB,aAAA,CAACjB,cAAc,EAAAqB,MAAA,CAAAC,MAAA;IACXV,IAAI,EAAEA,IAAK;IACXJ,KAAK,EAAEA,KAAM;IACbe,UAAU,EAAE,CAAE;IACdV,OAAO,EAAEA,OAAQ;IACjBW,WAAW,EAAE,CAACb;EAAU,GACpBK,KAAK,GAERP,OAAO,EACPE,SAAS,iBAAIjB,KAAA,CAAAuB,aAAA,CAAClB,YAAY;IAACc,OAAO,EAAEA;EAAQ,CAAE,CACnC,CACP,CAAC;AAEtB,CAAC;AAED,MAAMlB,OAAO,GAAGE,eAAe,CAACC,eAAe,CAAC,SAAS,EAAES,kBAAkB,CAAC,EAAE;EAC5EL,QAAQ,EAAED;AACd,CAAC,CAAC;AAEF,SAASN,OAAO","ignoreList":[]}
+{"version":3,"names":["React","Tooltip","TooltipPrimitive","withStaticProps","makeDecoratable","TooltipArrow","TooltipContent","TooltipProvider","Provider","TooltipRoot","Root","TooltipTrigger","Trigger","DecoratableTooltip","align","content","onOpenChange","showArrow","side","variant","trigger","delay","props","createElement","delayDuration","asChild","className","Object","assign","sideOffset","hiddenArrow"],"sources":["Tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\nimport { withStaticProps, makeDecoratable } from \"~/utils\";\nimport type { TooltipContentProps } from \"./components\";\nimport { TooltipArrow, TooltipContent } from \"./components\";\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\nconst TooltipRoot = TooltipPrimitive.Root;\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\ninterface TooltipProps extends Omit<TooltipPrimitive.TooltipContentProps, \"content\" | \"children\"> {\n    align?: TooltipPrimitive.TooltipContentProps[\"align\"];\n    content: React.ReactNode;\n    delay?: number;\n    onOpenChange?: TooltipPrimitive.TooltipProps[\"onOpenChange\"];\n    showArrow?: boolean;\n    side?: TooltipPrimitive.TooltipContentProps[\"side\"];\n    variant?: TooltipContentProps[\"variant\"];\n    trigger: React.ReactNode;\n    rawTrigger?: boolean;\n}\n\nconst DecoratableTooltip = ({\n    align,\n    content,\n    onOpenChange,\n    showArrow = true,\n    side,\n    variant,\n    trigger,\n    delay = 500,\n    ...props\n}: TooltipProps) => {\n    return (\n        <TooltipRoot delayDuration={delay} onOpenChange={onOpenChange}>\n            <TooltipTrigger asChild>\n                <span className={\"wby-inline-block wby-text-0 wby-leading-none\"}>{trigger}</span>\n            </TooltipTrigger>\n            <TooltipContent\n                side={side}\n                align={align}\n                sideOffset={4}\n                variant={variant}\n                hiddenArrow={!showArrow}\n                {...props}\n            >\n                {content}\n                {showArrow && <TooltipArrow variant={variant} />}\n            </TooltipContent>\n        </TooltipRoot>\n    );\n};\n\nconst Tooltip = withStaticProps(makeDecoratable(\"Tooltip\", DecoratableTooltip), {\n    Provider: TooltipProvider\n});\n\nexport { Tooltip, type TooltipProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AACtD,SAASC,eAAe,EAAEC,eAAe;AAEzC,SAASC,YAAY,EAAEC,cAAc;AAErC,MAAMC,eAAe,GAAGL,gBAAgB,CAACM,QAAQ;AAEjD,MAAMC,WAAW,GAAGP,gBAAgB,CAACQ,IAAI;AAEzC,MAAMC,cAAc,GAAGT,gBAAgB,CAACU,OAAO;AAc/C,MAAMC,kBAAkB,GAAGA,CAAC;EACxBC,KAAK;EACLC,OAAO;EACPC,YAAY;EACZC,SAAS,GAAG,IAAI;EAChBC,IAAI;EACJC,OAAO;EACPC,OAAO;EACPC,KAAK,GAAG,GAAG;EACX,GAAGC;AACO,CAAC,KAAK;EAChB,oBACItB,KAAA,CAAAuB,aAAA,CAACd,WAAW;IAACe,aAAa,EAAEH,KAAM;IAACL,YAAY,EAAEA;EAAa,gBAC1DhB,KAAA,CAAAuB,aAAA,CAACZ,cAAc;IAACc,OAAO;EAAA,gBACnBzB,KAAA,CAAAuB,aAAA;IAAMG,SAAS,EAAE;EAA+C,GAAEN,OAAc,CACpE,CAAC,eACjBpB,KAAA,CAAAuB,aAAA,CAACjB,cAAc,EAAAqB,MAAA,CAAAC,MAAA;IACXV,IAAI,EAAEA,IAAK;IACXJ,KAAK,EAAEA,KAAM;IACbe,UAAU,EAAE,CAAE;IACdV,OAAO,EAAEA,OAAQ;IACjBW,WAAW,EAAE,CAACb;EAAU,GACpBK,KAAK,GAERP,OAAO,EACPE,SAAS,iBAAIjB,KAAA,CAAAuB,aAAA,CAAClB,YAAY;IAACc,OAAO,EAAEA;EAAQ,CAAE,CACnC,CACP,CAAC;AAEtB,CAAC;AAED,MAAMlB,OAAO,GAAGE,eAAe,CAACC,eAAe,CAAC,SAAS,EAAES,kBAAkB,CAAC,EAAE;EAC5EL,QAAQ,EAAED;AACd,CAAC,CAAC;AAEF,SAASN,OAAO","ignoreList":[]}

package/Tree/components/ItemDragHandle.d.ts

@@ -1,4 +1,5 @@
-import React, { RefObject } from "react";
+import type { RefObject } from "react";
+import React from "react";
 type ItemDragHandleProps = {
     handleRef?: RefObject<HTMLDivElement | null>;
 };

package/Tree/components/ItemDragHandle.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","DragIndicator","IconButton","Icon","cn","makeDecoratable","BaseItemDragHandle","handleRef","isDragging","setIsDragging","useState","createElement","ref","size","variant","icon","label","onMouseDown","onMouseUp","onMouseLeave","className","ItemDragHandle"],"sources":["ItemDragHandle.tsx"],"sourcesContent":["import React, { RefObject } from \"react\";\nimport { ReactComponent as DragIndicator } from \"@webiny/icons/drag_indicator.svg\";\nimport { IconButton } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\nimport { cn, makeDecoratable } from \"~/utils\";\n\ntype ItemDragHandleProps = {\n    handleRef?: RefObject<HTMLDivElement | null>;\n};\n\nconst BaseItemDragHandle = ({ handleRef }: ItemDragHandleProps) => {\n    const [isDragging, setIsDragging] = React.useState(false);\n\n    return (\n        <div ref={handleRef as React.LegacyRef<HTMLDivElement>}>\n            <IconButton\n                size={\"xs\"}\n                variant={\"secondary\"}\n                icon={<Icon icon={<DragIndicator />} size=\"sm\" label={\"Drag to reorder\"} />}\n                onMouseDown={() => setIsDragging(true)}\n                onMouseUp={() => setIsDragging(false)}\n                onMouseLeave={() => setIsDragging(false)}\n                className={cn([\n                    \"wby-absolute wby-top-sm -wby-left-sm\",\n                    \"wby-invisible group-hover:wby-visible\",\n                    \"wby-size-md\",\n                    isDragging ? \"wby-cursor-grabbing\" : \"wby-cursor-grab\"\n                ])}\n            />\n        </div>\n    );\n};\n\nconst ItemDragHandle = makeDecoratable(\"TreeItemDragHandle\", BaseItemDragHandle);\n\nexport { ItemDragHandle, type ItemDragHandleProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAASC,cAAc,IAAIC,aAAa,QAAQ,kCAAkC;AAClF,SAASC,UAAU;AACnB,SAASC,IAAI;AACb,SAASC,EAAE,EAAEC,eAAe;AAM5B,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EAC/D,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGV,KAAK,CAACW,QAAQ,CAAC,KAAK,CAAC;EAEzD,oBACIX,KAAA,CAAAY,aAAA;IAAKC,GAAG,EAAEL;EAA6C,gBACnDR,KAAA,CAAAY,aAAA,CAACT,UAAU;IACPW,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,WAAY;IACrBC,IAAI,eAAEhB,KAAA,CAAAY,aAAA,CAACR,IAAI;MAACY,IAAI,eAAEhB,KAAA,CAAAY,aAAA,CAACV,aAAa,MAAE,CAAE;MAACY,IAAI,EAAC,IAAI;MAACG,KAAK,EAAE;IAAkB,CAAE,CAAE;IAC5EC,WAAW,EAAEA,CAAA,KAAMR,aAAa,CAAC,IAAI,CAAE;IACvCS,SAAS,EAAEA,CAAA,KAAMT,aAAa,CAAC,KAAK,CAAE;IACtCU,YAAY,EAAEA,CAAA,KAAMV,aAAa,CAAC,KAAK,CAAE;IACzCW,SAAS,EAAEhB,EAAE,CAAC,CACV,sCAAsC,EACtC,uCAAuC,EACvC,aAAa,EACbI,UAAU,GAAG,qBAAqB,GAAG,iBAAiB,CACzD;EAAE,CACN,CACA,CAAC;AAEd,CAAC;AAED,MAAMa,cAAc,GAAGhB,eAAe,CAAC,oBAAoB,EAAEC,kBAAkB,CAAC;AAEhF,SAASe,cAAc","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","DragIndicator","IconButton","Icon","cn","makeDecoratable","BaseItemDragHandle","handleRef","isDragging","setIsDragging","useState","createElement","ref","size","variant","icon","label","onMouseDown","onMouseUp","onMouseLeave","className","ItemDragHandle"],"sources":["ItemDragHandle.tsx"],"sourcesContent":["import type { RefObject } from \"react\";\nimport React from \"react\";\nimport { ReactComponent as DragIndicator } from \"@webiny/icons/drag_indicator.svg\";\nimport { IconButton } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\nimport { cn, makeDecoratable } from \"~/utils\";\n\ntype ItemDragHandleProps = {\n    handleRef?: RefObject<HTMLDivElement | null>;\n};\n\nconst BaseItemDragHandle = ({ handleRef }: ItemDragHandleProps) => {\n    const [isDragging, setIsDragging] = React.useState(false);\n\n    return (\n        <div ref={handleRef as React.LegacyRef<HTMLDivElement>}>\n            <IconButton\n                size={\"xs\"}\n                variant={\"secondary\"}\n                icon={<Icon icon={<DragIndicator />} size=\"sm\" label={\"Drag to reorder\"} />}\n                onMouseDown={() => setIsDragging(true)}\n                onMouseUp={() => setIsDragging(false)}\n                onMouseLeave={() => setIsDragging(false)}\n                className={cn([\n                    \"wby-absolute wby-top-sm -wby-left-sm\",\n                    \"wby-invisible group-hover:wby-visible\",\n                    \"wby-size-md\",\n                    isDragging ? \"wby-cursor-grabbing\" : \"wby-cursor-grab\"\n                ])}\n            />\n        </div>\n    );\n};\n\nconst ItemDragHandle = makeDecoratable(\"TreeItemDragHandle\", BaseItemDragHandle);\n\nexport { ItemDragHandle, type ItemDragHandleProps };\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,aAAa,QAAQ,kCAAkC;AAClF,SAASC,UAAU;AACnB,SAASC,IAAI;AACb,SAASC,EAAE,EAAEC,eAAe;AAM5B,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EAC/D,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGV,KAAK,CAACW,QAAQ,CAAC,KAAK,CAAC;EAEzD,oBACIX,KAAA,CAAAY,aAAA;IAAKC,GAAG,EAAEL;EAA6C,gBACnDR,KAAA,CAAAY,aAAA,CAACT,UAAU;IACPW,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,WAAY;IACrBC,IAAI,eAAEhB,KAAA,CAAAY,aAAA,CAACR,IAAI;MAACY,IAAI,eAAEhB,KAAA,CAAAY,aAAA,CAACV,aAAa,MAAE,CAAE;MAACY,IAAI,EAAC,IAAI;MAACG,KAAK,EAAE;IAAkB,CAAE,CAAE;IAC5EC,WAAW,EAAEA,CAAA,KAAMR,aAAa,CAAC,IAAI,CAAE;IACvCS,SAAS,EAAEA,CAAA,KAAMT,aAAa,CAAC,KAAK,CAAE;IACtCU,YAAY,EAAEA,CAAA,KAAMV,aAAa,CAAC,KAAK,CAAE;IACzCW,SAAS,EAAEhB,EAAE,CAAC,CACV,sCAAsC,EACtC,uCAAuC,EACvC,aAAa,EACbI,UAAU,GAAG,qBAAqB,GAAG,iBAAiB,CACzD;EAAE,CACN,CACA,CAAC;AAEd,CAAC;AAED,MAAMa,cAAc,GAAGhB,eAAe,CAAC,oBAAoB,EAAEC,kBAAkB,CAAC;AAEhF,SAASe,cAAc","ignoreList":[]}

package/Tree/domains/NodeFormatter.d.ts

@@ -1,4 +1,4 @@
-import { Node } from "./Node";
+import type { Node } from "./Node";
 import type { NodeFormatted } from "./NodeFormatted";
 import type { NodeDto } from "./NodeDto";
 export declare class NodeFormatter {

package/Tree/domains/NodeFormatter.js.map

@@ -1 +1 @@
-{"version":3,"names":["NodeFormatter","toFormatted","item","loadingNodeIds","id","text","label","parent","parentId","droppable","data","active","loading","includes","toDto"],"sources":["NodeFormatter.ts"],"sourcesContent":["import { Node } from \"./Node\";\nimport type { NodeFormatted } from \"~/Tree/domains/NodeFormatted\";\nimport type { NodeDto } from \"~/Tree/domains/NodeDto\";\n\nexport class NodeFormatter {\n    static toFormatted<TData = Record<string, any>>(\n        item: Node<TData>,\n        loadingNodeIds: string[]\n    ): NodeFormatted<TData> {\n        return {\n            id: item.id,\n            text: item.label,\n            parent: item.parentId,\n            droppable: item.droppable ?? true,\n            data: {\n                id: item.id,\n                label: item.label,\n                parentId: item.parentId,\n                droppable: item.droppable ?? true,\n                active: item.active ?? false,\n                loading: loadingNodeIds.includes(item.id),\n                ...item.data\n            }\n        };\n    }\n\n    static toDto<TData = Record<string, any>>(item: Node<TData>): NodeDto<TData> {\n        return {\n            id: item.id,\n            label: item.label,\n            parentId: item.parentId,\n            droppable: item.droppable,\n            data: item.data\n        };\n    }\n}\n"],"mappings":"AAIA,OAAO,MAAMA,aAAa,CAAC;EACvB,OAAOC,WAAWA,CACdC,IAAiB,EACjBC,cAAwB,EACJ;IACpB,OAAO;MACHC,EAAE,EAAEF,IAAI,CAACE,EAAE;MACXC,IAAI,EAAEH,IAAI,CAACI,KAAK;MAChBC,MAAM,EAAEL,IAAI,CAACM,QAAQ;MACrBC,SAAS,EAAEP,IAAI,CAACO,SAAS,IAAI,IAAI;MACjCC,IAAI,EAAE;QACFN,EAAE,EAAEF,IAAI,CAACE,EAAE;QACXE,KAAK,EAAEJ,IAAI,CAACI,KAAK;QACjBE,QAAQ,EAAEN,IAAI,CAACM,QAAQ;QACvBC,SAAS,EAAEP,IAAI,CAACO,SAAS,IAAI,IAAI;QACjCE,MAAM,EAAET,IAAI,CAACS,MAAM,IAAI,KAAK;QAC5BC,OAAO,EAAET,cAAc,CAACU,QAAQ,CAACX,IAAI,CAACE,EAAE,CAAC;QACzC,GAAGF,IAAI,CAACQ;MACZ;IACJ,CAAC;EACL;EAEA,OAAOI,KAAKA,CAA8BZ,IAAiB,EAAkB;IACzE,OAAO;MACHE,EAAE,EAAEF,IAAI,CAACE,EAAE;MACXE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,QAAQ,EAAEN,IAAI,CAACM,QAAQ;MACvBC,SAAS,EAAEP,IAAI,CAACO,SAAS;MACzBC,IAAI,EAAER,IAAI,CAACQ;IACf,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"names":["NodeFormatter","toFormatted","item","loadingNodeIds","id","text","label","parent","parentId","droppable","data","active","loading","includes","toDto"],"sources":["NodeFormatter.ts"],"sourcesContent":["import type { Node } from \"./Node\";\nimport type { NodeFormatted } from \"~/Tree/domains/NodeFormatted\";\nimport type { NodeDto } from \"~/Tree/domains/NodeDto\";\n\nexport class NodeFormatter {\n    static toFormatted<TData = Record<string, any>>(\n        item: Node<TData>,\n        loadingNodeIds: string[]\n    ): NodeFormatted<TData> {\n        return {\n            id: item.id,\n            text: item.label,\n            parent: item.parentId,\n            droppable: item.droppable ?? true,\n            data: {\n                id: item.id,\n                label: item.label,\n                parentId: item.parentId,\n                droppable: item.droppable ?? true,\n                active: item.active ?? false,\n                loading: loadingNodeIds.includes(item.id),\n                ...item.data\n            }\n        };\n    }\n\n    static toDto<TData = Record<string, any>>(item: Node<TData>): NodeDto<TData> {\n        return {\n            id: item.id,\n            label: item.label,\n            parentId: item.parentId,\n            droppable: item.droppable,\n            data: item.data\n        };\n    }\n}\n"],"mappings":"AAIA,OAAO,MAAMA,aAAa,CAAC;EACvB,OAAOC,WAAWA,CACdC,IAAiB,EACjBC,cAAwB,EACJ;IACpB,OAAO;MACHC,EAAE,EAAEF,IAAI,CAACE,EAAE;MACXC,IAAI,EAAEH,IAAI,CAACI,KAAK;MAChBC,MAAM,EAAEL,IAAI,CAACM,QAAQ;MACrBC,SAAS,EAAEP,IAAI,CAACO,SAAS,IAAI,IAAI;MACjCC,IAAI,EAAE;QACFN,EAAE,EAAEF,IAAI,CAACE,EAAE;QACXE,KAAK,EAAEJ,IAAI,CAACI,KAAK;QACjBE,QAAQ,EAAEN,IAAI,CAACM,QAAQ;QACvBC,SAAS,EAAEP,IAAI,CAACO,SAAS,IAAI,IAAI;QACjCE,MAAM,EAAET,IAAI,CAACS,MAAM,IAAI,KAAK;QAC5BC,OAAO,EAAET,cAAc,CAACU,QAAQ,CAACX,IAAI,CAACE,EAAE,CAAC;QACzC,GAAGF,IAAI,CAACQ;MACZ;IACJ,CAAC;EACL;EAEA,OAAOI,KAAKA,CAA8BZ,IAAiB,EAAkB;IACzE,OAAO;MACHE,EAAE,EAAEF,IAAI,CAACE,EAAE;MACXE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,QAAQ,EAAEN,IAAI,CAACM,QAAQ;MACvBC,SAAS,EAAEP,IAAI,CAACO,SAAS;MACzBC,IAAI,EAAER,IAAI,CAACQ;IACf,CAAC;EACL;AACJ","ignoreList":[]}

package/Tree/useTree.d.ts

@@ -1,4 +1,4 @@
-import { DropOptions as DndDropOptions, NodeModel } from "@minoru/react-dnd-treeview";
+import type { DropOptions as DndDropOptions, NodeModel } from "@minoru/react-dnd-treeview";
 import type { TreeProps } from "./Tree";
 export declare const useTree: <TData = Record<string, any>>(props: TreeProps<TData>) => {
     vm: {

package/Tree/useTree.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","TreePresenter","Node","NodeFormatter","useTree","props","params","rootId","defaultOpenNodeIds","defaultLockedOpenNodeIds","loadingNodeIds","presenter","vm","setVm","init","initNodes","nodes","handleDrop","newTree","options","dragSourceId","dropTargetId","newNodeTree","map","node","create","id","String","label","text","parentId","parent","droppable","data","onDrop","newTreeDto","toDto","dropOptions","dragSource","find","dropTarget","changeOpen","newOpenIds","onChangeOpen","newOpenNodes","filter","includes","canDrag","nodeDto","canDrop","tree","nodeTree","nodeTreeDto","sort","a","b","nodeTreeA","nodeTreeB"],"sources":["useTree.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { DropOptions as DndDropOptions, NodeModel } from \"@minoru/react-dnd-treeview\";\nimport { autorun } from \"mobx\";\nimport { TreePresenter, type TreePresenterInitParams } from \"./presenters\";\nimport type { TreeProps, DropOptions } from \"./Tree\";\nimport { Node, NodeFormatter } from \"./domains\";\n\nexport const useTree = <TData = Record<string, any>>(props: TreeProps<TData>) => {\n    const params: TreePresenterInitParams = useMemo(() => {\n        return {\n            rootId: props.rootId,\n            defaultOpenNodeIds: props.defaultOpenNodeIds,\n            defaultLockedOpenNodeIds: props.defaultLockedOpenNodeIds,\n            loadingNodeIds: props.loadingNodeIds\n        };\n    }, [\n        props.rootId,\n        props.defaultOpenNodeIds,\n        props.defaultLockedOpenNodeIds,\n        props.loadingNodeIds\n    ]);\n\n    const presenter = useMemo(() => {\n        return new TreePresenter<TData>();\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    useEffect(() => {\n        presenter.initNodes(props.nodes);\n    }, [props.nodes]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    const handleDrop = async (newTree: NodeModel<TData>[], options: DndDropOptions) => {\n        if (options.dragSourceId === options.dropTargetId) {\n            // Drag source and drop target are the same, no action taken.\n            return;\n        }\n\n        const newNodeTree = newTree.map(node => {\n            return Node.create<TData>({\n                id: String(node.id),\n                label: node.text,\n                parentId: String(node.parent),\n                droppable: node.droppable,\n                data: node.data as TData\n            });\n        });\n\n        await presenter.handleDrop(newNodeTree);\n\n        if (props.onDrop) {\n            const { dragSourceId, dropTargetId } = options;\n\n            const newTreeDto = newNodeTree.map(node => NodeFormatter.toDto<TData>(node));\n\n            const dropOptions: DropOptions<TData> = {\n                dragSourceId: String(dragSourceId),\n                dropTargetId: String(dropTargetId),\n                dragSource: newTreeDto.find(node => node.id === String(options.dragSourceId)),\n                dropTarget: newTreeDto.find(node => node.id === String(options.dropTargetId))\n            };\n\n            await props.onDrop(newTreeDto, dropOptions);\n        }\n    };\n\n    const changeOpen = (newOpenIds: NodeModel<TData>[\"id\"][]) => {\n        if (props.onChangeOpen) {\n            const newOpenNodes = vm.nodes\n                .filter(node => newOpenIds.includes(node.id))\n                .map(node =>\n                    NodeFormatter.toDto<TData>(\n                        Node.create<TData>({\n                            id: String(node.id),\n                            label: node.text,\n                            parentId: String(node.parent),\n                            droppable: node.droppable,\n                            data: node.data as TData\n                        })\n                    )\n                );\n\n            props.onChangeOpen(newOpenNodes);\n        }\n    };\n\n    const canDrag = (node: NodeModel<TData> | undefined) => {\n        if (!node) {\n            return false;\n        }\n\n        const nodeDto = NodeFormatter.toDto<TData>(\n            Node.create<TData>({\n                id: String(node.id),\n                parentId: String(node.parent),\n                droppable: node.droppable,\n                label: node.text,\n                data: node.data as TData\n            })\n        );\n\n        return props.canDrag ? props.canDrag(nodeDto) : true;\n    };\n\n    const canDrop = (tree: NodeModel<TData>[], options: DndDropOptions) => {\n        if (props.canDrop) {\n            const { dragSourceId, dropTargetId } = options;\n\n            const nodeTree = tree.map(node => {\n                return Node.create<TData>({\n                    id: String(node.id),\n                    label: node.text,\n                    parentId: String(node.parent),\n                    droppable: node.droppable,\n                    data: node.data as TData\n                });\n            });\n\n            const nodeTreeDto = nodeTree.map(node => NodeFormatter.toDto<TData>(node));\n\n            const dropOptions: DropOptions<TData> = {\n                dragSourceId: String(dragSourceId),\n                dropTargetId: String(dropTargetId),\n                dragSource: nodeTreeDto.find(node => node.id === String(options.dragSourceId)),\n                dropTarget: nodeTreeDto.find(node => node.id === String(options.dropTargetId))\n            };\n\n            return props.canDrop(nodeTreeDto, dropOptions);\n        }\n\n        return true;\n    };\n\n    const sort = (a: NodeModel<TData>, b: NodeModel<TData>): number => {\n        if (typeof props.sort === \"function\") {\n            const nodeTreeA = Node.create<TData>({\n                id: String(a.id),\n                label: a.text,\n                parentId: String(a.parent),\n                droppable: a.droppable,\n                data: a.data\n            });\n\n            const nodeTreeB = Node.create<TData>({\n                id: String(b.id),\n                label: b.text,\n                parentId: String(b.parent),\n                droppable: b.droppable,\n                data: b.data\n            });\n\n            return props.sort(\n                NodeFormatter.toDto<TData>(nodeTreeA),\n                NodeFormatter.toDto<TData>(nodeTreeB)\n            );\n        }\n\n        return 0;\n    };\n\n    return { vm, handleDrop, changeOpen, canDrag, canDrop, sort };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useState","autorun","TreePresenter","Node","NodeFormatter","useTree","props","params","rootId","defaultOpenNodeIds","defaultLockedOpenNodeIds","loadingNodeIds","presenter","vm","setVm","init","initNodes","nodes","handleDrop","newTree","options","dragSourceId","dropTargetId","newNodeTree","map","node","create","id","String","label","text","parentId","parent","droppable","data","onDrop","newTreeDto","toDto","dropOptions","dragSource","find","dropTarget","changeOpen","newOpenIds","onChangeOpen","newOpenNodes","filter","includes","canDrag","nodeDto","canDrop","tree","nodeTree","nodeTreeDto","sort","a","b","nodeTreeA","nodeTreeB"],"sources":["useTree.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport type { DropOptions as DndDropOptions, NodeModel } from \"@minoru/react-dnd-treeview\";\nimport { autorun } from \"mobx\";\nimport { TreePresenter, type TreePresenterInitParams } from \"./presenters\";\nimport type { TreeProps, DropOptions } from \"./Tree\";\nimport { Node, NodeFormatter } from \"./domains\";\n\nexport const useTree = <TData = Record<string, any>>(props: TreeProps<TData>) => {\n    const params: TreePresenterInitParams = useMemo(() => {\n        return {\n            rootId: props.rootId,\n            defaultOpenNodeIds: props.defaultOpenNodeIds,\n            defaultLockedOpenNodeIds: props.defaultLockedOpenNodeIds,\n            loadingNodeIds: props.loadingNodeIds\n        };\n    }, [\n        props.rootId,\n        props.defaultOpenNodeIds,\n        props.defaultLockedOpenNodeIds,\n        props.loadingNodeIds\n    ]);\n\n    const presenter = useMemo(() => {\n        return new TreePresenter<TData>();\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    useEffect(() => {\n        presenter.initNodes(props.nodes);\n    }, [props.nodes]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    const handleDrop = async (newTree: NodeModel<TData>[], options: DndDropOptions) => {\n        if (options.dragSourceId === options.dropTargetId) {\n            // Drag source and drop target are the same, no action taken.\n            return;\n        }\n\n        const newNodeTree = newTree.map(node => {\n            return Node.create<TData>({\n                id: String(node.id),\n                label: node.text,\n                parentId: String(node.parent),\n                droppable: node.droppable,\n                data: node.data as TData\n            });\n        });\n\n        await presenter.handleDrop(newNodeTree);\n\n        if (props.onDrop) {\n            const { dragSourceId, dropTargetId } = options;\n\n            const newTreeDto = newNodeTree.map(node => NodeFormatter.toDto<TData>(node));\n\n            const dropOptions: DropOptions<TData> = {\n                dragSourceId: String(dragSourceId),\n                dropTargetId: String(dropTargetId),\n                dragSource: newTreeDto.find(node => node.id === String(options.dragSourceId)),\n                dropTarget: newTreeDto.find(node => node.id === String(options.dropTargetId))\n            };\n\n            await props.onDrop(newTreeDto, dropOptions);\n        }\n    };\n\n    const changeOpen = (newOpenIds: NodeModel<TData>[\"id\"][]) => {\n        if (props.onChangeOpen) {\n            const newOpenNodes = vm.nodes\n                .filter(node => newOpenIds.includes(node.id))\n                .map(node =>\n                    NodeFormatter.toDto<TData>(\n                        Node.create<TData>({\n                            id: String(node.id),\n                            label: node.text,\n                            parentId: String(node.parent),\n                            droppable: node.droppable,\n                            data: node.data as TData\n                        })\n                    )\n                );\n\n            props.onChangeOpen(newOpenNodes);\n        }\n    };\n\n    const canDrag = (node: NodeModel<TData> | undefined) => {\n        if (!node) {\n            return false;\n        }\n\n        const nodeDto = NodeFormatter.toDto<TData>(\n            Node.create<TData>({\n                id: String(node.id),\n                parentId: String(node.parent),\n                droppable: node.droppable,\n                label: node.text,\n                data: node.data as TData\n            })\n        );\n\n        return props.canDrag ? props.canDrag(nodeDto) : true;\n    };\n\n    const canDrop = (tree: NodeModel<TData>[], options: DndDropOptions) => {\n        if (props.canDrop) {\n            const { dragSourceId, dropTargetId } = options;\n\n            const nodeTree = tree.map(node => {\n                return Node.create<TData>({\n                    id: String(node.id),\n                    label: node.text,\n                    parentId: String(node.parent),\n                    droppable: node.droppable,\n                    data: node.data as TData\n                });\n            });\n\n            const nodeTreeDto = nodeTree.map(node => NodeFormatter.toDto<TData>(node));\n\n            const dropOptions: DropOptions<TData> = {\n                dragSourceId: String(dragSourceId),\n                dropTargetId: String(dropTargetId),\n                dragSource: nodeTreeDto.find(node => node.id === String(options.dragSourceId)),\n                dropTarget: nodeTreeDto.find(node => node.id === String(options.dropTargetId))\n            };\n\n            return props.canDrop(nodeTreeDto, dropOptions);\n        }\n\n        return true;\n    };\n\n    const sort = (a: NodeModel<TData>, b: NodeModel<TData>): number => {\n        if (typeof props.sort === \"function\") {\n            const nodeTreeA = Node.create<TData>({\n                id: String(a.id),\n                label: a.text,\n                parentId: String(a.parent),\n                droppable: a.droppable,\n                data: a.data\n            });\n\n            const nodeTreeB = Node.create<TData>({\n                id: String(b.id),\n                label: b.text,\n                parentId: String(b.parent),\n                droppable: b.droppable,\n                data: b.data\n            });\n\n            return props.sort(\n                NodeFormatter.toDto<TData>(nodeTreeA),\n                NodeFormatter.toDto<TData>(nodeTreeB)\n            );\n        }\n\n        return 0;\n    };\n\n    return { vm, handleDrop, changeOpen, canDrag, canDrop, sort };\n};\n"],"mappings":"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","ignoreList":[]}

package/index.d.ts

@@ -49,6 +49,7 @@ export * from "./Switch";
 export * from "./Table";
 export * from "./Tabs";
 export * from "./Tag";
+export * from "./Tags";
 export * from "./Text";
 export * from "./Textarea";
 export * from "./TimeAgo";

package/index.js

@@ -49,6 +49,7 @@ export * from "./Switch";
 export * from "./Table";
 export * from "./Tabs";
 export * from "./Tag";
+export * from "./Tags";
 export * from "./Text";
 export * from "./Textarea";
 export * from "./TimeAgo";

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Accordion\";\nexport * from \"./Alert\";\nexport * from \"./AutoComplete\";\nexport * from \"./Avatar\";\nexport * from \"./Button\";\nexport * from \"./Card\";\nexport * from \"./Checkbox\";\nexport * from \"./CheckboxGroup\";\nexport * from \"./CodeEditor\";\nexport * from \"./ColorPicker\";\nexport * from \"./DataList\";\nexport * from \"./DataTable\";\nexport * from \"./DelayedOnChange\";\nexport * from \"./Dialog\";\nexport * from \"./Drawer\";\nexport * from \"./DropdownMenu\";\nexport * from \"./DynamicFieldset\";\nexport * from \"./FilePicker\";\nexport * from \"./FormComponent\";\nexport * from \"./Grid\";\nexport * from \"./HeaderBar\";\nexport * from \"./HeaderBar\";\nexport * from \"./Heading\";\nexport * from \"./Icon\";\nexport * from \"./IconPicker\";\nexport * from \"./Image\";\nexport * from \"./Input\";\nexport * from \"./Label\";\nexport * from \"./Link\";\nexport * from \"./List\";\nexport * from \"./Loader\";\nexport * from \"./MultiAutoComplete\";\nexport * from \"./MultiFilePicker\";\nexport * from \"./Portal\";\nexport * from \"./Popover\";\nexport * from \"./ProgressBar\";\nexport * from \"./Providers\";\nexport * from \"./RadioGroup\";\nexport * from \"./RangeSlider\";\nexport * from \"./RichTextEditor\";\nexport * from \"./Scrollbar\";\nexport * from \"./Select\";\nexport * from \"./Separator\";\nexport * from \"./Sidebar\";\nexport * from \"./Skeleton\";\nexport * from \"./Slider\";\nexport * from \"./SteppedProgress\";\nexport * from \"./Switch\";\nexport * from \"./Table\";\nexport * from \"./Tabs\";\nexport * from \"./Tag\";\nexport * from \"./Text\";\nexport * from \"./Textarea\";\nexport * from \"./TimeAgo\";\nexport * from \"./Toast\";\nexport * from \"./Tooltip\";\nexport * from \"./Tree\";\nexport * from \"./utils\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Accordion\";\nexport * from \"./Alert\";\nexport * from \"./AutoComplete\";\nexport * from \"./Avatar\";\nexport * from \"./Button\";\nexport * from \"./Card\";\nexport * from \"./Checkbox\";\nexport * from \"./CheckboxGroup\";\nexport * from \"./CodeEditor\";\nexport * from \"./ColorPicker\";\nexport * from \"./DataList\";\nexport * from \"./DataTable\";\nexport * from \"./DelayedOnChange\";\nexport * from \"./Dialog\";\nexport * from \"./Drawer\";\nexport * from \"./DropdownMenu\";\nexport * from \"./DynamicFieldset\";\nexport * from \"./FilePicker\";\nexport * from \"./FormComponent\";\nexport * from \"./Grid\";\nexport * from \"./HeaderBar\";\nexport * from \"./HeaderBar\";\nexport * from \"./Heading\";\nexport * from \"./Icon\";\nexport * from \"./IconPicker\";\nexport * from \"./Image\";\nexport * from \"./Input\";\nexport * from \"./Label\";\nexport * from \"./Link\";\nexport * from \"./List\";\nexport * from \"./Loader\";\nexport * from \"./MultiAutoComplete\";\nexport * from \"./MultiFilePicker\";\nexport * from \"./Portal\";\nexport * from \"./Popover\";\nexport * from \"./ProgressBar\";\nexport * from \"./Providers\";\nexport * from \"./RadioGroup\";\nexport * from \"./RangeSlider\";\nexport * from \"./RichTextEditor\";\nexport * from \"./Scrollbar\";\nexport * from \"./Select\";\nexport * from \"./Separator\";\nexport * from \"./Sidebar\";\nexport * from \"./Skeleton\";\nexport * from \"./Slider\";\nexport * from \"./SteppedProgress\";\nexport * from \"./Switch\";\nexport * from \"./Table\";\nexport * from \"./Tabs\";\nexport * from \"./Tag\";\nexport * from \"./Tags\";\nexport * from \"./Text\";\nexport * from \"./Textarea\";\nexport * from \"./TimeAgo\";\nexport * from \"./Toast\";\nexport * from \"./Tooltip\";\nexport * from \"./Tree\";\nexport * from \"./utils\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/admin-ui",
-	"version": "6.0.0-alpha.0",
+	"version": "6.0.0-alpha.2",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -14,16 +14,17 @@
 		"@fortawesome/react-fontawesome": "0.1.19",
 		"@minoru/react-dnd-treeview": "3.5.2",
 		"@tanstack/react-table": "8.20.6",
-		"@webiny/icons": "6.0.0-alpha.0",
-		"@webiny/react-composition": "6.0.0-alpha.0",
-		"@webiny/react-router": "6.0.0-alpha.0",
-		"@webiny/utils": "6.0.0-alpha.0",
+		"@webiny/icons": "6.0.0-alpha.2",
+		"@webiny/react-composition": "6.0.0-alpha.2",
+		"@webiny/react-router": "6.0.0-alpha.2",
+		"@webiny/utils": "6.0.0-alpha.2",
 		"ace-builds": "1.37.5",
 		"bytes": "3.1.2",
 		"class-variance-authority": "0.7.1",
 		"clsx": "2.1.1",
 		"cmdk": "1.0.4",
 		"lodash": "4.17.21",
+		"minimatch": "5.1.6",
 		"mobx": "6.9.0",
 		"radix-ui": "1.4.2",
 		"react": "18.2.0",
@@ -50,8 +51,8 @@
 		"@types/react-color": "2.17.11",
 		"@types/react-custom-scrollbars": "4.0.10",
 		"@types/react-virtualized": "9.22.0",
-		"@webiny/cli": "6.0.0-alpha.0",
-		"@webiny/project-utils": "6.0.0-alpha.0",
+		"@webiny/cli": "6.0.0-alpha.2",
+		"@webiny/project-utils": "6.0.0-alpha.2",
 		"chalk": "4.1.2",
 		"css-loader": "6.10.0",
 		"file-loader": "6.2.0",
@@ -81,5 +82,5 @@
 			]
 		}
 	},
-	"gitHead": "a5b28fed7a242d8f56712197a8ea83aa6d2ed101"
+	"gitHead": "7c9e8fbfd62a57ece5f880dbad6c864636b0355e"
 }

package/utils.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import { type ClassValue } from "clsx";
 import { cva, type VariantProps } from "class-variance-authority";
 export { makeDecoratable } from "@webiny/react-composition";

package/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","generateId","baseGenerateId","extendTailwindMerge","cva","makeDecoratable","twMerge","prefix","override","theme","borderWidth","classGroups","extend","padding","margin","spacing","cn","inputs","initialId","withStaticProps","component","props","Object","assign"],"sources":["utils.ts"],"sourcesContent":["import React from \"react\";\nimport { clsx, type ClassValue } from \"clsx\";\nimport { generateId as baseGenerateId } from \"@webiny/utils/generateId\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nexport { makeDecoratable } from \"@webiny/react-composition\";\n\nconst twMerge = extendTailwindMerge({\n    prefix: \"wby-\",\n    override: {\n        theme: {\n            borderWidth: [\"sm\", \"md\", \"none\"]\n        },\n        classGroups: {\n            \"border-color\": [\n                \"border-transparent\",\n                \"border-white\",\n                \"border-accent\",\n                \"border-accent-default\",\n                \"border-accent-dimmed\",\n                \"border-accent-subtle\",\n                \"border-destructive\",\n                \"border-destructive-default\",\n                \"border-destructive-subtle\",\n                \"border-neutral\",\n                \"border-neutral-base\",\n                \"border-neutral-black\",\n                \"border-neutral-dark\",\n                \"border-neutral-dimmed\",\n                \"border-neutral-muted\",\n                \"border-neutral-strong\",\n                \"border-neutral-subtle\",\n                \"border-success\",\n                \"border-success-default\",\n                \"border-success-subtle\"\n            ],\n            \"border-style\": [\"border-solid\", \"border-dashed\", \"border-dotted\"],\n            \"ring-color\": [\n                \"ring-primary\",\n                \"ring-primary-dimmed\",\n                \"ring-primary-strong\",\n                \"ring-primary-subtle\",\n                \"ring-success\",\n                \"ring-success-dimmed\",\n                \"ring-success-strong\",\n                \"ring-success-subtle\"\n            ],\n            \"ring-w\": [\"ring-sm\", \"ring-md\", \"ring-lg\"],\n            \"font-size\": [\n                \"text-h1\",\n                \"text-h2\",\n                \"text-h3\",\n                \"text-h4\",\n                \"text-h5\",\n                \"text-h6\",\n                \"text-sm\",\n                \"text-md\",\n                \"text-lg\",\n                \"text-xl\",\n                \"text-xxl\",\n                \"text-3xl\",\n                \"text-4xl\"\n            ]\n        }\n    },\n    extend: {\n        theme: {\n            padding: [\n                \"lg\",\n                \"md\",\n                \"md-extra\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\"\n            ],\n            margin: [\n                \"lg\",\n                \"md\",\n                \"md-plus\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\"\n            ],\n            spacing: [\n                \"3xl\",\n                \"lg\",\n                \"md\",\n                \"md-plus\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\",\n                \"sidebar-collapsed\",\n                \"sidebar-expanded\"\n            ]\n        }\n    }\n});\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n\nexport const generateId = (initialId?: string) => {\n    if (initialId) {\n        return initialId;\n    }\n    return \"wby-\" + baseGenerateId(4);\n};\n\nexport const withStaticProps = <TComponent extends React.ComponentType<any>, TProps>(\n    component: TComponent,\n    props: TProps\n) => {\n    return Object.assign(component, props) as TComponent & TProps;\n};\n\nexport { cva, type VariantProps };\n"],"mappings":"AACA,SAASA,IAAI,QAAyB,MAAM;AAC5C,SAASC,UAAU,IAAIC,cAAc,QAAQ,0BAA0B;AACvE,SAASC,mBAAmB,QAAQ,gBAAgB;AACpD,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,eAAe,QAAQ,2BAA2B;AAE3D,MAAMC,OAAO,GAAGH,mBAAmB,CAAC;EAChCI,MAAM,EAAE,MAAM;EACdC,QAAQ,EAAE;IACNC,KAAK,EAAE;MACHC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM;IACpC,CAAC;IACDC,WAAW,EAAE;MACT,cAAc,EAAE,CACZ,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,4BAA4B,EAC5B,2BAA2B,EAC3B,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,gBAAgB,EAChB,wBAAwB,EACxB,uBAAuB,CAC1B;MACD,cAAc,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,eAAe,CAAC;MAClE,YAAY,EAAE,CACV,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,CACxB;MACD,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;MAC3C,WAAW,EAAE,CACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU;IAElB;EACJ,CAAC;EACDC,MAAM,EAAE;IACJH,KAAK,EAAE;MACHI,OAAO,EAAE,CACL,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,MAAM,EACN,IAAI,EACJ,UAAU,EACV,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,KAAK,CACR;MACDC,MAAM,EAAE,CACJ,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,MAAM,EACN,IAAI,EACJ,UAAU,EACV,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,KAAK,CACR;MACDC,OAAO,EAAE,CACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,MAAM,EACN,IAAI,EACJ,UAAU,EACV,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,KAAK,EACL,mBAAmB,EACnB,kBAAkB;IAE1B;EACJ;AACJ,CAAC,CAAC;AAEF,OAAO,SAASC,EAAEA,CAAC,GAAGC,MAAoB,EAAE;EACxC,OAAOX,OAAO,CAACN,IAAI,CAACiB,MAAM,CAAC,CAAC;AAChC;AAEA,OAAO,MAAMhB,UAAU,GAAIiB,SAAkB,IAAK;EAC9C,IAAIA,SAAS,EAAE;IACX,OAAOA,SAAS;EACpB;EACA,OAAO,MAAM,GAAGhB,cAAc,CAAC,CAAC,CAAC;AACrC,CAAC;AAED,OAAO,MAAMiB,eAAe,GAAGA,CAC3BC,SAAqB,EACrBC,KAAa,KACZ;EACD,OAAOC,MAAM,CAACC,MAAM,CAACH,SAAS,EAAEC,KAAK,CAAC;AAC1C,CAAC;AAED,SAASjB,GAAG","ignoreList":[]}
+{"version":3,"names":["clsx","generateId","baseGenerateId","extendTailwindMerge","cva","makeDecoratable","twMerge","prefix","override","theme","borderWidth","classGroups","extend","padding","margin","spacing","cn","inputs","initialId","withStaticProps","component","props","Object","assign"],"sources":["utils.ts"],"sourcesContent":["import type React from \"react\";\nimport { clsx, type ClassValue } from \"clsx\";\nimport { generateId as baseGenerateId } from \"@webiny/utils/generateId\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nexport { makeDecoratable } from \"@webiny/react-composition\";\n\nconst twMerge = extendTailwindMerge({\n    prefix: \"wby-\",\n    override: {\n        theme: {\n            borderWidth: [\"sm\", \"md\", \"none\"]\n        },\n        classGroups: {\n            \"border-color\": [\n                \"border-transparent\",\n                \"border-white\",\n                \"border-accent\",\n                \"border-accent-default\",\n                \"border-accent-dimmed\",\n                \"border-accent-subtle\",\n                \"border-destructive\",\n                \"border-destructive-default\",\n                \"border-destructive-subtle\",\n                \"border-neutral\",\n                \"border-neutral-base\",\n                \"border-neutral-black\",\n                \"border-neutral-dark\",\n                \"border-neutral-dimmed\",\n                \"border-neutral-muted\",\n                \"border-neutral-strong\",\n                \"border-neutral-subtle\",\n                \"border-success\",\n                \"border-success-default\",\n                \"border-success-subtle\"\n            ],\n            \"border-style\": [\"border-solid\", \"border-dashed\", \"border-dotted\"],\n            \"ring-color\": [\n                \"ring-primary\",\n                \"ring-primary-dimmed\",\n                \"ring-primary-strong\",\n                \"ring-primary-subtle\",\n                \"ring-success\",\n                \"ring-success-dimmed\",\n                \"ring-success-strong\",\n                \"ring-success-subtle\"\n            ],\n            \"ring-w\": [\"ring-sm\", \"ring-md\", \"ring-lg\"],\n            \"font-size\": [\n                \"text-h1\",\n                \"text-h2\",\n                \"text-h3\",\n                \"text-h4\",\n                \"text-h5\",\n                \"text-h6\",\n                \"text-sm\",\n                \"text-md\",\n                \"text-lg\",\n                \"text-xl\",\n                \"text-xxl\",\n                \"text-3xl\",\n                \"text-4xl\"\n            ]\n        }\n    },\n    extend: {\n        theme: {\n            padding: [\n                \"lg\",\n                \"md\",\n                \"md-extra\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\"\n            ],\n            margin: [\n                \"lg\",\n                \"md\",\n                \"md-plus\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\"\n            ],\n            spacing: [\n                \"3xl\",\n                \"lg\",\n                \"md\",\n                \"md-plus\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\",\n                \"sidebar-collapsed\",\n                \"sidebar-expanded\"\n            ]\n        }\n    }\n});\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n\nexport const generateId = (initialId?: string) => {\n    if (initialId) {\n        return initialId;\n    }\n    return \"wby-\" + baseGenerateId(4);\n};\n\nexport const withStaticProps = <TComponent extends React.ComponentType<any>, TProps>(\n    component: TComponent,\n    props: TProps\n) => {\n    return Object.assign(component, props) as TComponent & TProps;\n};\n\nexport { cva, type VariantProps };\n"],"mappings":"AACA,SAASA,IAAI,QAAyB,MAAM;AAC5C,SAASC,UAAU,IAAIC,cAAc,QAAQ,0BAA0B;AACvE,SAASC,mBAAmB,QAAQ,gBAAgB;AACpD,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,eAAe,QAAQ,2BAA2B;AAE3D,MAAMC,OAAO,GAAGH,mBAAmB,CAAC;EAChCI,MAAM,EAAE,MAAM;EACdC,QAAQ,EAAE;IACNC,KAAK,EAAE;MACHC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM;IACpC,CAAC;IACDC,WAAW,EAAE;MACT,cAAc,EAAE,CACZ,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,4BAA4B,EAC5B,2BAA2B,EAC3B,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,gBAAgB,EAChB,wBAAwB,EACxB,uBAAuB,CAC1B;MACD,cAAc,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,eAAe,CAAC;MAClE,YAAY,EAAE,CACV,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,CACxB;MACD,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;MAC3C,WAAW,EAAE,CACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU;IAElB;EACJ,CAAC;EACDC,MAAM,EAAE;IACJH,KAAK,EAAE;MACHI,OAAO,EAAE,CACL,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,MAAM,EACN,IAAI,EACJ,UAAU,EACV,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,KAAK,CACR;MACDC,MAAM,EAAE,CACJ,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,MAAM,EACN,IAAI,EACJ,UAAU,EACV,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,KAAK,CACR;MACDC,OAAO,EAAE,CACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,MAAM,EACN,IAAI,EACJ,UAAU,EACV,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,KAAK,EACL,mBAAmB,EACnB,kBAAkB;IAE1B;EACJ;AACJ,CAAC,CAAC;AAEF,OAAO,SAASC,EAAEA,CAAC,GAAGC,MAAoB,EAAE;EACxC,OAAOX,OAAO,CAACN,IAAI,CAACiB,MAAM,CAAC,CAAC;AAChC;AAEA,OAAO,MAAMhB,UAAU,GAAIiB,SAAkB,IAAK;EAC9C,IAAIA,SAAS,EAAE;IACX,OAAOA,SAAS;EACpB;EACA,OAAO,MAAM,GAAGhB,cAAc,CAAC,CAAC,CAAC;AACrC,CAAC;AAED,OAAO,MAAMiB,eAAe,GAAGA,CAC3BC,SAAqB,EACrBC,KAAa,KACZ;EACD,OAAOC,MAAM,CAACC,MAAM,CAACH,SAAS,EAAEC,KAAK,CAAC;AAC1C,CAAC;AAED,SAASjB,GAAG","ignoreList":[]}

package/Accordion/components/AccordionItemHandle.d.ts

@@ -1,26 +0,0 @@
-import * as React from "react";
-import { IconProps as IconProps } from "../../Icon";
-interface AccordionItemHandleProps extends Omit<IconProps, "icon" | "label"> {
-    icon?: React.ReactElement;
-    label?: string;
-}
-declare const AccordionItemHandle: (({ onClick, ...props }: AccordionItemHandleProps) => React.JSX.Element) & {
-    original: ({ onClick, ...props }: AccordionItemHandleProps) => React.JSX.Element;
-    originalName: string;
-    displayName: string;
-} & {
-    original: (({ onClick, ...props }: AccordionItemHandleProps) => React.JSX.Element) & {
-        original: ({ onClick, ...props }: AccordionItemHandleProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    };
-    originalName: string;
-    displayName: string;
-} & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ onClick, ...props }: AccordionItemHandleProps) => React.JSX.Element) & {
-        original: ({ onClick, ...props }: AccordionItemHandleProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    }>) => (props: unknown) => React.JSX.Element;
-};
-export { AccordionItemHandle, type AccordionItemHandleProps };

package/Accordion/components/AccordionItemHandle.js

@@ -1,29 +0,0 @@
-import * as React from "react";
-import { ReactComponent as DragHandleIcon } from "@webiny/icons/drag_indicator.svg";
-import { makeDecoratable } from "../../utils";
-import { Icon } from "../../Icon";
-const AccordionItemHandleBase = ({
-  onClick,
-  ...props
-}) => {
-  // We need to stop the event propagation to prevent the accordion from opening/closing when the handle is clicked.
-  const onClickCallback = React.useCallback(e => {
-    e.stopPropagation();
-    if (onClick) {
-      onClick(e);
-    }
-  }, [onClick]);
-  return /*#__PURE__*/React.createElement(Icon, Object.assign({
-    size: "md",
-    color: "neutral-light",
-    className: "wby-mx-xxs wby-cursor-grab",
-    icon: /*#__PURE__*/React.createElement(DragHandleIcon, null),
-    label: "Drag handle"
-  }, props, {
-    onClick: onClickCallback
-  }));
-};
-const AccordionItemHandle = makeDecoratable("AccordionItemHandle", AccordionItemHandleBase);
-export { AccordionItemHandle };
-
-//# sourceMappingURL=AccordionItemHandle.js.map

package/Accordion/components/AccordionItemHandle.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","ReactComponent","DragHandleIcon","makeDecoratable","Icon","AccordionItemHandleBase","onClick","props","onClickCallback","useCallback","e","stopPropagation","createElement","Object","assign","size","color","className","icon","label","AccordionItemHandle"],"sources":["AccordionItemHandle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as DragHandleIcon } from \"@webiny/icons/drag_indicator.svg\";\nimport { makeDecoratable } from \"~/utils\";\nimport { Icon, IconProps as IconProps } from \"~/Icon\";\n\ninterface AccordionItemHandleProps extends Omit<IconProps, \"icon\" | \"label\"> {\n    icon?: React.ReactElement;\n    label?: string;\n}\n\nconst AccordionItemHandleBase = ({ onClick, ...props }: AccordionItemHandleProps) => {\n    // We need to stop the event propagation to prevent the accordion from opening/closing when the handle is clicked.\n    const onClickCallback = React.useCallback(\n        (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n\n            if (onClick) {\n                onClick(e);\n            }\n        },\n        [onClick]\n    );\n\n    return (\n        <Icon\n            size={\"md\"}\n            color={\"neutral-light\"}\n            className={\"wby-mx-xxs wby-cursor-grab\"}\n            icon={<DragHandleIcon />}\n            label={\"Drag handle\"}\n            {...props}\n            onClick={onClickCallback}\n        />\n    );\n};\n\nconst AccordionItemHandle = makeDecoratable(\"AccordionItemHandle\", AccordionItemHandleBase);\n\nexport { AccordionItemHandle, type AccordionItemHandleProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,cAAc,QAAQ,kCAAkC;AACnF,SAASC,eAAe;AACxB,SAASC,IAAI;AAOb,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC,OAAO;EAAE,GAAGC;AAAgC,CAAC,KAAK;EACjF;EACA,MAAMC,eAAe,GAAGR,KAAK,CAACS,WAAW,CACpCC,CAAsC,IAAK;IACxCA,CAAC,CAACC,eAAe,CAAC,CAAC;IAEnB,IAAIL,OAAO,EAAE;MACTA,OAAO,CAACI,CAAC,CAAC;IACd;EACJ,CAAC,EACD,CAACJ,OAAO,CACZ,CAAC;EAED,oBACIN,KAAA,CAAAY,aAAA,CAACR,IAAI,EAAAS,MAAA,CAAAC,MAAA;IACDC,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE,eAAgB;IACvBC,SAAS,EAAE,4BAA6B;IACxCC,IAAI,eAAElB,KAAA,CAAAY,aAAA,CAACV,cAAc,MAAE,CAAE;IACzBiB,KAAK,EAAE;EAAc,GACjBZ,KAAK;IACTD,OAAO,EAAEE;EAAgB,EAC5B,CAAC;AAEV,CAAC;AAED,MAAMY,mBAAmB,GAAGjB,eAAe,CAAC,qBAAqB,EAAEE,uBAAuB,CAAC;AAE3F,SAASe,mBAAmB","ignoreList":[]}