@webiny/admin-ui 6.0.0-alpha.4 → 6.0.0-rc.0

package/Tooltip/components/TooltipContent.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { type VariantProps } from "../../utils";
+import { type VariantProps } from "../../utils.js";
 declare const tooltipContentVariants: (props?: ({
     variant?: "accent" | "subtle" | null | undefined;
     hiddenArrow?: boolean | null | undefined;

package/Tooltip/components/TooltipContent.js

@@ -1,14 +1,14 @@
 import * as React from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { cn, cva } from "../../utils";
-const tooltipContentVariants = cva(["wby-px-sm-extra wby-py-sm wby-max-w-64 wby-rounded-md wby-text-sm wby-font-normal wby-animate-in wby-fade-in-0 wby-zoom-in-95", "data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out-0 data-[state=closed]:wby-zoom-out-95", "data-[side=bottom]:wby-slide-in-from-top-2 data-[side=left]:wby-slide-in-from-right-2 data-[side=right]:wby-slide-in-from-left-2 data-[side=top]:wby-slide-in-from-bottom-2"], {
+import { cn, cva } from "../../utils.js";
+const tooltipContentVariants = cva(["z-[var(--z-index-tooltip)] px-sm-extra py-sm max-w-64 rounded-md text-sm font-normal animate-in fade-in-0 zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"], {
   variants: {
     variant: {
-      accent: "wby-bg-neutral-dark wby-text-neutral-light",
-      subtle: "wby-bg-neutral-base wby-text-neutral-primary wby-shadow-md"
+      accent: "bg-neutral-dark text-neutral-light",
+      subtle: "bg-neutral-base text-neutral-primary shadow-md"
     },
     hiddenArrow: {
-      true: ["data-[side=top]:wby-mb-xs-plus", "data-[side=bottom]:wby-mt-xs-plus", "data-[side=left]:wby-mr-xs-plus", "data-[side=right]:wby-ml-xs-plus"]
+      true: ["data-[side=top]:mb-xs-plus", "data-[side=bottom]:mt-xs-plus", "data-[side=left]:mr-xs-plus", "data-[side=right]:ml-xs-plus"]
     }
   },
   defaultVariants: {

package/Tooltip/components/TooltipContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Tooltip","TooltipPrimitive","cn","cva","tooltipContentVariants","variants","variant","accent","subtle","hiddenArrow","true","defaultVariants","TooltipContent","className","props","createElement","Portal","Content","Object","assign","collisionPadding","sideOffset"],"sources":["TooltipContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\n\nconst tooltipContentVariants = cva(\n    [\n        \"wby-px-sm-extra wby-py-sm wby-max-w-64 wby-rounded-md wby-text-sm wby-font-normal wby-animate-in wby-fade-in-0 wby-zoom-in-95\",\n        \"data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out-0 data-[state=closed]:wby-zoom-out-95\",\n        \"data-[side=bottom]:wby-slide-in-from-top-2 data-[side=left]:wby-slide-in-from-right-2 data-[side=right]:wby-slide-in-from-left-2 data-[side=top]:wby-slide-in-from-bottom-2\"\n    ],\n    {\n        variants: {\n            variant: {\n                accent: \"wby-bg-neutral-dark wby-text-neutral-light\",\n                subtle: \"wby-bg-neutral-base wby-text-neutral-primary wby-shadow-md\"\n            },\n            hiddenArrow: {\n                true: [\n                    \"data-[side=top]:wby-mb-xs-plus\",\n                    \"data-[side=bottom]:wby-mt-xs-plus\",\n                    \"data-[side=left]:wby-mr-xs-plus\",\n                    \"data-[side=right]:wby-ml-xs-plus\"\n                ]\n            }\n        },\n        defaultVariants: {\n            variant: \"accent\"\n        }\n    }\n);\n\ntype TooltipContentProps = TooltipPrimitive.TooltipContentProps &\n    VariantProps<typeof tooltipContentVariants>;\n\nconst TooltipContent = ({ className, variant, hiddenArrow, ...props }: TooltipContentProps) => (\n    <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Content\n            collisionPadding={8}\n            sideOffset={4}\n            className={cn(tooltipContentVariants({ variant, hiddenArrow }), className)}\n            {...props}\n        />\n    </TooltipPrimitive.Portal>\n);\n\nexport { TooltipContent, type TooltipContentProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AACtD,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,sBAAsB,GAAGD,GAAG,CAC9B,CACI,+HAA+H,EAC/H,4GAA4G,EAC5G,6KAA6K,CAChL,EACD;EACIE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,MAAM,EAAE,4CAA4C;MACpDC,MAAM,EAAE;IACZ,CAAC;IACDC,WAAW,EAAE;MACTC,IAAI,EAAE,CACF,gCAAgC,EAChC,mCAAmC,EACnC,iCAAiC,EACjC,kCAAkC;IAE1C;EACJ,CAAC;EACDC,eAAe,EAAE;IACbL,OAAO,EAAE;EACb;AACJ,CACJ,CAAC;AAKD,MAAMM,cAAc,GAAGA,CAAC;EAAEC,SAAS;EAAEP,OAAO;EAAEG,WAAW;EAAE,GAAGK;AAA2B,CAAC,kBACtFf,KAAA,CAAAgB,aAAA,CAACd,gBAAgB,CAACe,MAAM,qBACpBjB,KAAA,CAAAgB,aAAA,CAACd,gBAAgB,CAACgB,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACrBC,gBAAgB,EAAE,CAAE;EACpBC,UAAU,EAAE,CAAE;EACdR,SAAS,EAAEX,EAAE,CAACE,sBAAsB,CAAC;IAAEE,OAAO;IAAEG;EAAY,CAAC,CAAC,EAAEI,SAAS;AAAE,GACvEC,KAAK,CACZ,CACoB,CAC5B;AAED,SAASF,cAAc","ignoreList":[]}
+{"version":3,"names":["React","Tooltip","TooltipPrimitive","cn","cva","tooltipContentVariants","variants","variant","accent","subtle","hiddenArrow","true","defaultVariants","TooltipContent","className","props","createElement","Portal","Content","Object","assign","collisionPadding","sideOffset"],"sources":["TooltipContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst tooltipContentVariants = cva(\n    [\n        \"z-[var(--z-index-tooltip)] px-sm-extra py-sm max-w-64 rounded-md text-sm font-normal animate-in fade-in-0 zoom-in-95\",\n        \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n        \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\"\n    ],\n    {\n        variants: {\n            variant: {\n                accent: \"bg-neutral-dark text-neutral-light\",\n                subtle: \"bg-neutral-base text-neutral-primary shadow-md\"\n            },\n            hiddenArrow: {\n                true: [\n                    \"data-[side=top]:mb-xs-plus\",\n                    \"data-[side=bottom]:mt-xs-plus\",\n                    \"data-[side=left]:mr-xs-plus\",\n                    \"data-[side=right]:ml-xs-plus\"\n                ]\n            }\n        },\n        defaultVariants: {\n            variant: \"accent\"\n        }\n    }\n);\n\ntype TooltipContentProps = TooltipPrimitive.TooltipContentProps &\n    VariantProps<typeof tooltipContentVariants>;\n\nconst TooltipContent = ({ className, variant, hiddenArrow, ...props }: TooltipContentProps) => (\n    <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Content\n            collisionPadding={8}\n            sideOffset={4}\n            className={cn(tooltipContentVariants({ variant, hiddenArrow }), className)}\n            {...props}\n        />\n    </TooltipPrimitive.Portal>\n);\n\nexport { TooltipContent, type TooltipContentProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AACtD,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,sBAAsB,GAAGD,GAAG,CAC9B,CACI,sHAAsH,EACtH,gGAAgG,EAChG,6JAA6J,CAChK,EACD;EACIE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,MAAM,EAAE,oCAAoC;MAC5CC,MAAM,EAAE;IACZ,CAAC;IACDC,WAAW,EAAE;MACTC,IAAI,EAAE,CACF,4BAA4B,EAC5B,+BAA+B,EAC/B,6BAA6B,EAC7B,8BAA8B;IAEtC;EACJ,CAAC;EACDC,eAAe,EAAE;IACbL,OAAO,EAAE;EACb;AACJ,CACJ,CAAC;AAKD,MAAMM,cAAc,GAAGA,CAAC;EAAEC,SAAS;EAAEP,OAAO;EAAEG,WAAW;EAAE,GAAGK;AAA2B,CAAC,kBACtFf,KAAA,CAAAgB,aAAA,CAACd,gBAAgB,CAACe,MAAM,qBACpBjB,KAAA,CAAAgB,aAAA,CAACd,gBAAgB,CAACgB,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACrBC,gBAAgB,EAAE,CAAE;EACpBC,UAAU,EAAE,CAAE;EACdR,SAAS,EAAEX,EAAE,CAACE,sBAAsB,CAAC;IAAEE,OAAO;IAAEG;EAAY,CAAC,CAAC,EAAEI,SAAS;AAAE,GACvEC,KAAK,CACZ,CACoB,CAC5B;AAED,SAASF,cAAc","ignoreList":[]}

package/Tooltip/components/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./TooltipArrow";
-export * from "./TooltipContent";
+export * from "./TooltipArrow.js";
+export * from "./TooltipContent.js";

package/Tooltip/components/index.js

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

package/Tooltip/components/index.js.map

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

package/Tooltip/index.d.ts

@@ -1 +1 @@
-export * from "./Tooltip";
+export * from "./Tooltip.js";

package/Tooltip/index.js

@@ -1,3 +1,3 @@
-export * from "./Tooltip";
+export * from "./Tooltip.js";
 
 //# sourceMappingURL=index.js.map

package/Tooltip/index.js.map

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

package/Tree/Tree.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { type PlaceholderRender, type NodeModel, type RenderParams } from "@minoru/react-dnd-treeview";
 import { type DragSourceMonitor } from "react-dnd";
-import type { NodeDto, WithDefaultNodeData } from "./domains";
+import type { NodeDto, WithDefaultNodeData } from "./domains/index.js";
 export interface DropOptions<TData = Record<string, any>> {
     dragSourceId?: NodeDto<TData>["id"];
     dropTargetId: NodeDto<TData>["id"];
@@ -40,145 +40,145 @@ declare const Tree: (<TData>(props: TreeProps<TData>) => React.JSX.Element) & {
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(<TData>(props: TreeProps<TData>) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(<TData>(props: TreeProps<TData>) => React.JSX.Element) & {
         original: <TData>(props: TreeProps<TData>) => React.JSX.Element;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    Item: (({ children, className, active, loading, ...props }: import("./components/Item").ItemProps) => React.JSX.Element) & {
-        original: ({ children, className, active, loading, ...props }: import("./components/Item").ItemProps) => React.JSX.Element;
+    Item: (({ children, className, active, loading, ...props }: import("./components/Item.js").ItemProps) => React.JSX.Element) & {
+        original: ({ children, className, active, loading, ...props }: import("./components/Item.js").ItemProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: (({ children, className, active, loading, ...props }: import("./components/Item").ItemProps) => React.JSX.Element) & {
-            original: ({ children, className, active, loading, ...props }: import("./components/Item").ItemProps) => React.JSX.Element;
+        original: (({ children, className, active, loading, ...props }: import("./components/Item.js").ItemProps) => React.JSX.Element) & {
+            original: ({ children, className, active, loading, ...props }: import("./components/Item.js").ItemProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children, className, active, loading, ...props }: import("./components/Item").ItemProps) => React.JSX.Element) & {
-            original: ({ children, className, active, loading, ...props }: import("./components/Item").ItemProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ children, className, active, loading, ...props }: import("./components/Item.js").ItemProps) => React.JSX.Element) & {
+            original: ({ children, className, active, loading, ...props }: import("./components/Item.js").ItemProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     } & {
-        CollapseTrigger: (({ open, loading, ...props }: import("./components/ItemCollapseTrigger").ItemCollapseTriggerProps) => React.JSX.Element) & {
-            original: ({ open, loading, ...props }: import("./components/ItemCollapseTrigger").ItemCollapseTriggerProps) => React.JSX.Element;
+        CollapseTrigger: (({ open, loading, ...props }: import("./components/ItemCollapseTrigger.js").ItemCollapseTriggerProps) => React.JSX.Element) & {
+            original: ({ open, loading, ...props }: import("./components/ItemCollapseTrigger.js").ItemCollapseTriggerProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: (({ open, loading, ...props }: import("./components/ItemCollapseTrigger").ItemCollapseTriggerProps) => React.JSX.Element) & {
-                original: ({ open, loading, ...props }: import("./components/ItemCollapseTrigger").ItemCollapseTriggerProps) => React.JSX.Element;
+            original: (({ open, loading, ...props }: import("./components/ItemCollapseTrigger.js").ItemCollapseTriggerProps) => React.JSX.Element) & {
+                original: ({ open, loading, ...props }: import("./components/ItemCollapseTrigger.js").ItemCollapseTriggerProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ open, loading, ...props }: import("./components/ItemCollapseTrigger").ItemCollapseTriggerProps) => React.JSX.Element) & {
-                original: ({ open, loading, ...props }: import("./components/ItemCollapseTrigger").ItemCollapseTriggerProps) => React.JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ open, loading, ...props }: import("./components/ItemCollapseTrigger.js").ItemCollapseTriggerProps) => React.JSX.Element) & {
+                original: ({ open, loading, ...props }: import("./components/ItemCollapseTrigger.js").ItemCollapseTriggerProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
-        Content: (({ children, className, ...props }: import("./components/ItemContent").ItemContentProps) => React.JSX.Element) & {
-            original: ({ children, className, ...props }: import("./components/ItemContent").ItemContentProps) => React.JSX.Element;
+        Content: (({ children, className, ...props }: import("./components/ItemContent.js").ItemContentProps) => React.JSX.Element) & {
+            original: ({ children, className, ...props }: import("./components/ItemContent.js").ItemContentProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: (({ children, className, ...props }: import("./components/ItemContent").ItemContentProps) => React.JSX.Element) & {
-                original: ({ children, className, ...props }: import("./components/ItemContent").ItemContentProps) => React.JSX.Element;
+            original: (({ children, className, ...props }: import("./components/ItemContent.js").ItemContentProps) => React.JSX.Element) & {
+                original: ({ children, className, ...props }: import("./components/ItemContent.js").ItemContentProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children, className, ...props }: import("./components/ItemContent").ItemContentProps) => React.JSX.Element) & {
-                original: ({ children, className, ...props }: import("./components/ItemContent").ItemContentProps) => React.JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ children, className, ...props }: import("./components/ItemContent.js").ItemContentProps) => React.JSX.Element) & {
+                original: ({ children, className, ...props }: import("./components/ItemContent.js").ItemContentProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
-        DragHandle: (({ handleRef }: import("./components/ItemDragHandle").ItemDragHandleProps) => React.JSX.Element) & {
-            original: ({ handleRef }: import("./components/ItemDragHandle").ItemDragHandleProps) => React.JSX.Element;
+        DragHandle: (({ handleRef }: import("./components/ItemDragHandle.js").ItemDragHandleProps) => React.JSX.Element) & {
+            original: ({ handleRef }: import("./components/ItemDragHandle.js").ItemDragHandleProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: (({ handleRef }: import("./components/ItemDragHandle").ItemDragHandleProps) => React.JSX.Element) & {
-                original: ({ handleRef }: import("./components/ItemDragHandle").ItemDragHandleProps) => React.JSX.Element;
+            original: (({ handleRef }: import("./components/ItemDragHandle.js").ItemDragHandleProps) => React.JSX.Element) & {
+                original: ({ handleRef }: import("./components/ItemDragHandle.js").ItemDragHandleProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ handleRef }: import("./components/ItemDragHandle").ItemDragHandleProps) => React.JSX.Element) & {
-                original: ({ handleRef }: import("./components/ItemDragHandle").ItemDragHandleProps) => React.JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ handleRef }: import("./components/ItemDragHandle.js").ItemDragHandleProps) => React.JSX.Element) & {
+                original: ({ handleRef }: import("./components/ItemDragHandle.js").ItemDragHandleProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
-        Icon: (({ element, active, ...props }: import("./components/ItemIcon").ItemIconProps) => React.JSX.Element) & {
-            original: ({ element, active, ...props }: import("./components/ItemIcon").ItemIconProps) => React.JSX.Element;
+        Icon: (({ element, active, ...props }: import("./components/ItemIcon.js").ItemIconProps) => React.JSX.Element) & {
+            original: ({ element, active, ...props }: import("./components/ItemIcon.js").ItemIconProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: (({ element, active, ...props }: import("./components/ItemIcon").ItemIconProps) => React.JSX.Element) & {
-                original: ({ element, active, ...props }: import("./components/ItemIcon").ItemIconProps) => React.JSX.Element;
+            original: (({ element, active, ...props }: import("./components/ItemIcon.js").ItemIconProps) => React.JSX.Element) & {
+                original: ({ element, active, ...props }: import("./components/ItemIcon.js").ItemIconProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, active, ...props }: import("./components/ItemIcon").ItemIconProps) => React.JSX.Element) & {
-                original: ({ element, active, ...props }: import("./components/ItemIcon").ItemIconProps) => React.JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ element, active, ...props }: import("./components/ItemIcon.js").ItemIconProps) => React.JSX.Element) & {
+                original: ({ element, active, ...props }: import("./components/ItemIcon.js").ItemIconProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
-        SubIndentation: (({ level }: import("./components/ItemSubIndentation").ItemSubIndentationProps) => React.JSX.Element) & {
-            original: ({ level }: import("./components/ItemSubIndentation").ItemSubIndentationProps) => React.JSX.Element;
+        SubIndentation: (({ level }: import("./components/ItemSubIndentation.js").ItemSubIndentationProps) => React.JSX.Element) & {
+            original: ({ level }: import("./components/ItemSubIndentation.js").ItemSubIndentationProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: (({ level }: import("./components/ItemSubIndentation").ItemSubIndentationProps) => React.JSX.Element) & {
-                original: ({ level }: import("./components/ItemSubIndentation").ItemSubIndentationProps) => React.JSX.Element;
+            original: (({ level }: import("./components/ItemSubIndentation.js").ItemSubIndentationProps) => React.JSX.Element) & {
+                original: ({ level }: import("./components/ItemSubIndentation.js").ItemSubIndentationProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ level }: import("./components/ItemSubIndentation").ItemSubIndentationProps) => React.JSX.Element) & {
-                original: ({ level }: import("./components/ItemSubIndentation").ItemSubIndentationProps) => React.JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ level }: import("./components/ItemSubIndentation.js").ItemSubIndentationProps) => React.JSX.Element) & {
+                original: ({ level }: import("./components/ItemSubIndentation.js").ItemSubIndentationProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
-        Placeholder: (({ depth }: import("./components/ItemPlaceholder").ItemPlaceholderProps) => React.JSX.Element) & {
-            original: ({ depth }: import("./components/ItemPlaceholder").ItemPlaceholderProps) => React.JSX.Element;
+        Placeholder: (({ depth }: import("./components/ItemPlaceholder.js").ItemPlaceholderProps) => React.JSX.Element) & {
+            original: ({ depth }: import("./components/ItemPlaceholder.js").ItemPlaceholderProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: (({ depth }: import("./components/ItemPlaceholder").ItemPlaceholderProps) => React.JSX.Element) & {
-                original: ({ depth }: import("./components/ItemPlaceholder").ItemPlaceholderProps) => React.JSX.Element;
+            original: (({ depth }: import("./components/ItemPlaceholder.js").ItemPlaceholderProps) => React.JSX.Element) & {
+                original: ({ depth }: import("./components/ItemPlaceholder.js").ItemPlaceholderProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ depth }: import("./components/ItemPlaceholder").ItemPlaceholderProps) => React.JSX.Element) & {
-                original: ({ depth }: import("./components/ItemPlaceholder").ItemPlaceholderProps) => React.JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ depth }: import("./components/ItemPlaceholder.js").ItemPlaceholderProps) => React.JSX.Element) & {
+                original: ({ depth }: import("./components/ItemPlaceholder.js").ItemPlaceholderProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
     };
 };
-export { Tree };
+export { Tree, type NodeModel };

package/Tree/Tree.js

@@ -1,15 +1,15 @@
 import React from "react";
 import { getBackendOptions, MultiBackend, Tree as DndTree, useDragOver } from "@minoru/react-dnd-treeview";
 import { DndProvider } from "react-dnd";
-import { makeDecoratable, withStaticProps } from "../utils";
-import { Item } from "./components";
-import { useTree } from "./useTree";
+import { makeDecoratable, withStaticProps } from "../utils.js";
+import { Item } from "./components/index.js";
+import { useTree } from "./useTree.js";
 const ListComponent = /*#__PURE__*/React.forwardRef(({
   children,
   className = "",
   ...props
 }, ref) => {
-  const classNames = [...className.split(" "), "wby-pt-1"].join(" ");
+  const classNames = [...className.split(" "), "pt-1"].join(" ");
   return /*#__PURE__*/React.createElement("ul", Object.assign({
     ref: ref
   }, props, {
@@ -97,9 +97,9 @@ const BaseTree = props => {
     canDrop: canDrop,
     placeholderRender: props.placeholderRender,
     classes: {
-      dropTarget: "wby-bg-neutral-dark/5",
-      draggingSource: "wby-opacity-50 wby-bg-neutral-dimmed",
-      placeholder: "wby-relative"
+      dropTarget: "bg-neutral-dark/5",
+      draggingSource: "opacity-50 bg-neutral-dimmed",
+      placeholder: "relative"
     },
     sort: typeof props.sort === "function" ? sort : props.sort
   }));

package/Tree/Tree.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","getBackendOptions","MultiBackend","Tree","DndTree","useDragOver","DndProvider","makeDecoratable","withStaticProps","Item","useTree","ListComponent","forwardRef","children","className","props","ref","classNames","split","join","createElement","Object","assign","displayName","renderTreeNode","node","params","renderer","rendered","isValidElement","label","BaseTree","vm","handleDrop","changeOpen","canDrag","canDrop","sort","backend","options","tree","nodes","rootId","initialOpen","openNodeIds","listComponent","insertDroppableFirst","render","nodeData","data","indent","depth","dragOverProps","id","isOpen","onToggle","itemProps","autoExpandOnDragOver","e","stopPropagation","isLocked","lockedOpenNodeIds","includes","isCollapsable","droppable","active","loading","style","paddingInlineStart","CollapseTrigger","open","onClick","Content","onNodeClick","draggable","DragHandle","handleRef","dragPreviewRender","monitorProps","item","dropTargetOffset","onDragStart","onDrop","onChangeOpen","placeholderRender","classes","dropTarget","draggingSource","placeholder","DecoratableTree"],"sources":["Tree.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    getBackendOptions,\n    MultiBackend,\n    Tree as DndTree,\n    useDragOver,\n    type PlaceholderRender,\n    type NodeModel,\n    type RenderParams\n} from \"@minoru/react-dnd-treeview\";\n\nimport { DndProvider, type DragSourceMonitor } from \"react-dnd\";\nimport { makeDecoratable, withStaticProps } from \"~/utils\";\nimport { Item } from \"./components\";\nimport type { NodeDto, WithDefaultNodeData } from \"./domains\";\nimport { useTree } from \"./useTree\";\n\nexport interface DropOptions<TData = Record<string, any>> {\n    dragSourceId?: NodeDto<TData>[\"id\"];\n    dropTargetId: NodeDto<TData>[\"id\"];\n    dragSource?: NodeDto<TData>;\n    dropTarget?: NodeDto<TData>;\n}\n\nexport interface TreeProps<TData = Record<string, any>> {\n    autoExpandOnDragOver?: boolean;\n    canDrag?: (node: NodeDto<TData>) => boolean;\n    canDrop?: (tree: NodeDto<TData>[], options: DropOptions<TData>) => boolean;\n    defaultLockedOpenNodeIds?: string[];\n    defaultOpenNodeIds?: string[];\n    dropTargetOffset?: number;\n    insertDroppableFirst?: boolean;\n    loadingNodeIds?: string[];\n    nodes: NodeDto<TData>[];\n    onChangeOpen?: (newOpenNodes: NodeDto<TData>[]) => void;\n    onDragStart?: (node: NodeModel<NodeDto<TData>>, monitor: DragSourceMonitor) => void;\n    onDrop?: (newTree: NodeDto<TData>[], options: DropOptions<TData>) => Promise<void> | void;\n    onNodeClick?: (node: WithDefaultNodeData<TData>) => void;\n    placeholderRender?: PlaceholderRender<NodeDto<TData>>;\n    renderer?: (node: WithDefaultNodeData<TData>, params?: RenderParams) => React.ReactNode;\n    rootId?: string;\n    sort?: boolean | ((a: NodeDto<TData>, b: NodeDto<TData>) => number);\n}\n\ninterface RenderTreeNodeParams<TData> {\n    node: WithDefaultNodeData<TData>;\n    params?: RenderParams;\n    renderer?: TreeProps<TData>[\"renderer\"];\n}\n\nconst ListComponent = React.forwardRef(({ children, className = \"\", ...props }: any, ref) => {\n    const classNames = [...className.split(\" \"), \"wby-pt-1\"].join(\" \");\n\n    return (\n        <ul ref={ref} {...props} className={classNames}>\n            {children}\n        </ul>\n    );\n});\n\nListComponent.displayName = \"ListComponent\";\n\nfunction renderTreeNode<TData>({ node, params, renderer }: RenderTreeNodeParams<TData>) {\n    const rendered = renderer?.(node, params);\n\n    if (rendered && React.isValidElement(rendered)) {\n        return rendered;\n    }\n\n    return node.label;\n}\n\nconst BaseTree = <TData,>(props: TreeProps<TData>) => {\n    const { vm, handleDrop, changeOpen, canDrag, canDrop, sort } = useTree<TData>(props);\n\n    return (\n        <DndProvider backend={MultiBackend} options={getBackendOptions()}>\n            <DndTree\n                tree={vm.nodes}\n                rootId={vm.rootId}\n                initialOpen={vm.openNodeIds}\n                listComponent={ListComponent}\n                insertDroppableFirst={props.insertDroppableFirst}\n                render={(node, params) => {\n                    const nodeData = node.data as WithDefaultNodeData<TData>;\n\n                    // Indentation logic: increase padding by 20 px per level with a base of 10 px\n                    const indent = 10 + params.depth * 20;\n\n                    // Use the drag over hook to handle drag and drop interactions\n                    const dragOverProps = useDragOver(node.id, params.isOpen, params.onToggle);\n\n                    const itemProps = props.autoExpandOnDragOver === false ? {} : dragOverProps;\n\n                    const onToggle = (e: React.MouseEvent) => {\n                        e.stopPropagation();\n                        params.onToggle && params.onToggle();\n                    };\n\n                    const isLocked = vm.lockedOpenNodeIds.includes(nodeData.id);\n                    const isCollapsable = !isLocked && node.droppable;\n\n                    return (\n                        <Item\n                            active={nodeData.active}\n                            loading={nodeData.loading}\n                            style={{ paddingInlineStart: indent }}\n                            {...itemProps}\n                        >\n                            {isCollapsable && (\n                                <Tree.Item.CollapseTrigger\n                                    open={params.isOpen}\n                                    loading={nodeData.loading}\n                                    onClick={onToggle}\n                                />\n                            )}\n\n                            <Item.Content\n                                onClick={() => {\n                                    if (props.onNodeClick) {\n                                        props.onNodeClick(nodeData);\n                                    }\n                                }}\n                            >\n                                {renderTreeNode({\n                                    node: nodeData,\n                                    params,\n                                    renderer: props.renderer\n                                })}\n                            </Item.Content>\n\n                            {params.draggable && (\n                                <Tree.Item.DragHandle handleRef={params.handleRef} />\n                            )}\n                        </Item>\n                    );\n                }}\n                dragPreviewRender={monitorProps => (\n                    <Item>\n                        <Item.Content>\n                            {renderTreeNode({\n                                node: monitorProps.item.data as WithDefaultNodeData<TData>,\n                                renderer: props.renderer\n                            })}\n                        </Item.Content>\n                    </Item>\n                )}\n                dropTargetOffset={props.dropTargetOffset}\n                onDragStart={props.onDragStart}\n                onDrop={handleDrop}\n                onChangeOpen={changeOpen}\n                canDrag={canDrag}\n                canDrop={canDrop}\n                placeholderRender={props.placeholderRender}\n                classes={{\n                    dropTarget: \"wby-bg-neutral-dark/5\",\n                    draggingSource: \"wby-opacity-50 wby-bg-neutral-dimmed\",\n                    placeholder: \"wby-relative\"\n                }}\n                sort={typeof props.sort === \"function\" ? sort : props.sort}\n            />\n        </DndProvider>\n    );\n};\n\nconst DecoratableTree = makeDecoratable(\"Tree\", BaseTree);\n\nconst Tree = withStaticProps(DecoratableTree, {\n    Item\n});\n\nexport { Tree };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","getBackendOptions","MultiBackend","Tree","DndTree","useDragOver","DndProvider","makeDecoratable","withStaticProps","Item","useTree","ListComponent","forwardRef","children","className","props","ref","classNames","split","join","createElement","Object","assign","displayName","renderTreeNode","node","params","renderer","rendered","isValidElement","label","BaseTree","vm","handleDrop","changeOpen","canDrag","canDrop","sort","backend","options","tree","nodes","rootId","initialOpen","openNodeIds","listComponent","insertDroppableFirst","render","nodeData","data","indent","depth","dragOverProps","id","isOpen","onToggle","itemProps","autoExpandOnDragOver","e","stopPropagation","isLocked","lockedOpenNodeIds","includes","isCollapsable","droppable","active","loading","style","paddingInlineStart","CollapseTrigger","open","onClick","Content","onNodeClick","draggable","DragHandle","handleRef","dragPreviewRender","monitorProps","item","dropTargetOffset","onDragStart","onDrop","onChangeOpen","placeholderRender","classes","dropTarget","draggingSource","placeholder","DecoratableTree"],"sources":["Tree.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    getBackendOptions,\n    MultiBackend,\n    Tree as DndTree,\n    useDragOver,\n    type PlaceholderRender,\n    type NodeModel,\n    type RenderParams\n} from \"@minoru/react-dnd-treeview\";\n\nimport { DndProvider, type DragSourceMonitor } from \"react-dnd\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { Item } from \"./components/index.js\";\nimport type { NodeDto, WithDefaultNodeData } from \"./domains/index.js\";\nimport { useTree } from \"./useTree.js\";\n\nexport interface DropOptions<TData = Record<string, any>> {\n    dragSourceId?: NodeDto<TData>[\"id\"];\n    dropTargetId: NodeDto<TData>[\"id\"];\n    dragSource?: NodeDto<TData>;\n    dropTarget?: NodeDto<TData>;\n}\n\nexport interface TreeProps<TData = Record<string, any>> {\n    autoExpandOnDragOver?: boolean;\n    canDrag?: (node: NodeDto<TData>) => boolean;\n    canDrop?: (tree: NodeDto<TData>[], options: DropOptions<TData>) => boolean;\n    defaultLockedOpenNodeIds?: string[];\n    defaultOpenNodeIds?: string[];\n    dropTargetOffset?: number;\n    insertDroppableFirst?: boolean;\n    loadingNodeIds?: string[];\n    nodes: NodeDto<TData>[];\n    onChangeOpen?: (newOpenNodes: NodeDto<TData>[]) => void;\n    onDragStart?: (node: NodeModel<NodeDto<TData>>, monitor: DragSourceMonitor) => void;\n    onDrop?: (newTree: NodeDto<TData>[], options: DropOptions<TData>) => Promise<void> | void;\n    onNodeClick?: (node: WithDefaultNodeData<TData>) => void;\n    placeholderRender?: PlaceholderRender<NodeDto<TData>>;\n    renderer?: (node: WithDefaultNodeData<TData>, params?: RenderParams) => React.ReactNode;\n    rootId?: string;\n    sort?: boolean | ((a: NodeDto<TData>, b: NodeDto<TData>) => number);\n}\n\ninterface RenderTreeNodeParams<TData> {\n    node: WithDefaultNodeData<TData>;\n    params?: RenderParams;\n    renderer?: TreeProps<TData>[\"renderer\"];\n}\n\nconst ListComponent = React.forwardRef(({ children, className = \"\", ...props }: any, ref) => {\n    const classNames = [...className.split(\" \"), \"pt-1\"].join(\" \");\n\n    return (\n        <ul ref={ref} {...props} className={classNames}>\n            {children}\n        </ul>\n    );\n});\n\nListComponent.displayName = \"ListComponent\";\n\nfunction renderTreeNode<TData>({ node, params, renderer }: RenderTreeNodeParams<TData>) {\n    const rendered = renderer?.(node, params);\n\n    if (rendered && React.isValidElement(rendered)) {\n        return rendered;\n    }\n\n    return node.label;\n}\n\nconst BaseTree = <TData,>(props: TreeProps<TData>) => {\n    const { vm, handleDrop, changeOpen, canDrag, canDrop, sort } = useTree<TData>(props);\n\n    return (\n        <DndProvider backend={MultiBackend} options={getBackendOptions()}>\n            <DndTree\n                tree={vm.nodes}\n                rootId={vm.rootId}\n                initialOpen={vm.openNodeIds}\n                listComponent={ListComponent}\n                insertDroppableFirst={props.insertDroppableFirst}\n                render={(node, params) => {\n                    const nodeData = node.data as WithDefaultNodeData<TData>;\n\n                    // Indentation logic: increase padding by 20 px per level with a base of 10 px\n                    const indent = 10 + params.depth * 20;\n\n                    // Use the drag over hook to handle drag and drop interactions\n                    const dragOverProps = useDragOver(node.id, params.isOpen, params.onToggle);\n\n                    const itemProps = props.autoExpandOnDragOver === false ? {} : dragOverProps;\n\n                    const onToggle = (e: React.MouseEvent) => {\n                        e.stopPropagation();\n                        params.onToggle && params.onToggle();\n                    };\n\n                    const isLocked = vm.lockedOpenNodeIds.includes(nodeData.id);\n                    const isCollapsable = !isLocked && node.droppable;\n\n                    return (\n                        <Item\n                            active={nodeData.active}\n                            loading={nodeData.loading}\n                            style={{ paddingInlineStart: indent }}\n                            {...itemProps}\n                        >\n                            {isCollapsable && (\n                                <Tree.Item.CollapseTrigger\n                                    open={params.isOpen}\n                                    loading={nodeData.loading}\n                                    onClick={onToggle}\n                                />\n                            )}\n\n                            <Item.Content\n                                onClick={() => {\n                                    if (props.onNodeClick) {\n                                        props.onNodeClick(nodeData);\n                                    }\n                                }}\n                            >\n                                {renderTreeNode({\n                                    node: nodeData,\n                                    params,\n                                    renderer: props.renderer\n                                })}\n                            </Item.Content>\n\n                            {params.draggable && (\n                                <Tree.Item.DragHandle handleRef={params.handleRef} />\n                            )}\n                        </Item>\n                    );\n                }}\n                dragPreviewRender={monitorProps => (\n                    <Item>\n                        <Item.Content>\n                            {renderTreeNode({\n                                node: monitorProps.item.data as WithDefaultNodeData<TData>,\n                                renderer: props.renderer\n                            })}\n                        </Item.Content>\n                    </Item>\n                )}\n                dropTargetOffset={props.dropTargetOffset}\n                onDragStart={props.onDragStart}\n                onDrop={handleDrop}\n                onChangeOpen={changeOpen}\n                canDrag={canDrag}\n                canDrop={canDrop}\n                placeholderRender={props.placeholderRender}\n                classes={{\n                    dropTarget: \"bg-neutral-dark/5\",\n                    draggingSource: \"opacity-50 bg-neutral-dimmed\",\n                    placeholder: \"relative\"\n                }}\n                sort={typeof props.sort === \"function\" ? sort : props.sort}\n            />\n        </DndProvider>\n    );\n};\n\nconst DecoratableTree = makeDecoratable(\"Tree\", BaseTree);\n\nconst Tree = withStaticProps(DecoratableTree, {\n    Item\n});\n\nexport { Tree, type NodeModel };\n"],"mappings":"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","ignoreList":[]}

package/Tree/Tree.stories.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
-import { Tree } from "./Tree";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { Tree } from "./Tree.js";
 declare const meta: Meta<typeof Tree>;
 export default meta;
 type Story = StoryObj<typeof Tree>;

package/Tree/Tree.stories.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { ReactComponent as FolderIcon } from "@webiny/icons/folder.svg";
 import { ReactComponent as ArticleIcon } from "@webiny/icons/article.svg";
-import { Tree } from "./Tree";
+import { Tree } from "./Tree.js";
 const meta = {
   title: "Components/Tree",
   component: Tree,

package/Tree/Tree.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","FolderIcon","ArticleIcon","Tree","meta","title","component","argTypes","parameters","layout","Default","args","nodes","id","parentId","label","WithRootId","rootId","WithDefaultOpenNodesIds","defaultOpenNodeIds","WithActiveNodes","active","WithLoadingNodes","loading","WithCustomData","data","foo","bar","onDrop","newTree","options","console","log","WithOnDropCallback","WithOnChangeOpenCallback","onChangeOpen","newOpenNodes","WithCanDrag","canDrag","node","WithCanDrop","canDrop","_","dropTargetId","WithCustomNodeRenderer","icon","createElement","renderer","Item","Content","Icon","element","WithCustomSortCallback","order","sort","a","b"],"sources":["Tree.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as FolderIcon } from \"@webiny/icons/folder.svg\";\nimport { ReactComponent as ArticleIcon } from \"@webiny/icons/article.svg\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\n\nimport { Tree } from \"./Tree\";\n\nconst meta: Meta<typeof Tree> = {\n    title: \"Components/Tree\",\n    component: Tree,\n    argTypes: {},\n    parameters: {\n        layout: \"padded\"\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Tree>;\n\nexport const Default: Story = {\n    args: {\n        nodes: [\n            {\n                id: \"1\",\n                parentId: \"0\",\n                label: \"Node 1\"\n            },\n            {\n                id: \"2\",\n                parentId: \"0\",\n                label: \"Node 2\"\n            },\n            {\n                id: \"3\",\n                parentId: \"0\",\n                label: \"Node 3\"\n            },\n            {\n                id: \"1-1\",\n                parentId: \"1\",\n                label: \"Child Node 1-1\"\n            },\n            {\n                id: \"1-1-1\",\n                parentId: \"1-1\",\n                label: \"Grandchild Node 1-1-1\"\n            },\n            {\n                id: \"2-1\",\n                parentId: \"2\",\n                label: \"Child Node 2-1\"\n            }\n        ]\n    }\n};\n\nexport const WithRootId: Story = {\n    args: {\n        ...Default.args,\n        rootId: \"1\"\n    }\n};\n\nexport const WithDefaultOpenNodesIds: Story = {\n    args: {\n        ...Default.args,\n        defaultOpenNodeIds: [\"1\"]\n    }\n};\n\nexport const WithActiveNodes: Story = {\n    args: {\n        nodes: [\n            {\n                id: \"1\",\n                parentId: \"0\",\n                label: \"Node 1\",\n                active: true\n            },\n            {\n                id: \"2\",\n                parentId: \"0\",\n                label: \"Node 2\"\n            },\n            {\n                id: \"3\",\n                parentId: \"0\",\n                label: \"Node 3\"\n            },\n            {\n                id: \"1-1\",\n                parentId: \"1\",\n                label: \"Child Node 1-1\"\n            },\n            {\n                id: \"1-1-1\",\n                parentId: \"1-1\",\n                label: \"Grandchild Node 1-1-1\"\n            },\n            {\n                id: \"2-1\",\n                parentId: \"2\",\n                label: \"Child Node 2-1\"\n            }\n        ]\n    }\n};\n\nexport const WithLoadingNodes: Story = {\n    args: {\n        nodes: [\n            {\n                id: \"1\",\n                parentId: \"0\",\n                label: \"Node 1\",\n                loading: true\n            },\n            {\n                id: \"2\",\n                parentId: \"0\",\n                label: \"Node 2\"\n            },\n            {\n                id: \"3\",\n                parentId: \"0\",\n                label: \"Node 3\"\n            },\n            {\n                id: \"1-1\",\n                parentId: \"1\",\n                label: \"Child Node 1-1\"\n            },\n            {\n                id: \"1-1-1\",\n                parentId: \"1-1\",\n                label: \"Grandchild Node 1-1-1\"\n            },\n            {\n                id: \"2-1\",\n                parentId: \"2\",\n                label: \"Child Node 2-1\"\n            }\n        ]\n    }\n};\n\n// Example custom data type\ninterface CustomData {\n    foo: string;\n    bar: number;\n}\n\ntype StoryWithCustomData = StoryObj<typeof Tree<CustomData>>;\n\nexport const WithCustomData: StoryWithCustomData = {\n    args: {\n        nodes: [\n            {\n                id: \"1\",\n                parentId: \"0\",\n                label: \"Node 1\",\n                data: { foo: \"bar\", bar: 42 }\n            },\n            {\n                id: \"2\",\n                parentId: \"0\",\n                label: \"Node 2\",\n                data: { foo: \"baz\", bar: 99 }\n            }\n        ],\n        onDrop: async (newTree, options) => {\n            // newTree and options are fully typed with CustomData\n            console.log(\"Custom data tree:\", newTree);\n            console.log(\"Custom data drop options:\", options);\n        }\n    }\n};\n\nexport const WithOnDropCallback: Story = {\n    args: {\n        ...Default.args,\n        onDrop: async (newTree, options) => {\n            console.log(\"New tree structure:\", newTree);\n            console.log(\"Drop options:\", options);\n        }\n    }\n};\n\nexport const WithOnChangeOpenCallback: Story = {\n    args: {\n        ...Default.args,\n        onChangeOpen: newOpenNodes => {\n            console.log(\"New open nodes:\", newOpenNodes);\n        }\n    }\n};\n\nexport const WithCanDrag: Story = {\n    args: {\n        ...Default.args,\n        nodes: [\n            {\n                id: \"1\",\n                parentId: \"0\",\n                label: \"Node 1 - You cannot drag this node\"\n            },\n            {\n                id: \"2\",\n                parentId: \"0\",\n                label: \"Node 2\"\n            },\n            {\n                id: \"3\",\n                parentId: \"0\",\n                label: \"Node 3\"\n            },\n            {\n                id: \"2-1\",\n                parentId: \"1\",\n                label: \"Child Node 2-1\"\n            },\n            {\n                id: \"2-1-1\",\n                parentId: \"2\",\n                label: \"Grandchild Node 2-1-1\"\n            }\n        ],\n        canDrag: node => node?.id !== \"1\"\n    }\n};\n\nexport const WithCanDrop: Story = {\n    args: {\n        ...Default.args,\n        nodes: [\n            {\n                id: \"1\",\n                parentId: \"0\",\n                label: \"Node 1 - You cannot drop on this node\"\n            },\n            {\n                id: \"2\",\n                parentId: \"0\",\n                label: \"Node 2\"\n            },\n            {\n                id: \"3\",\n                parentId: \"0\",\n                label: \"Node 3\"\n            },\n            {\n                id: \"2-1\",\n                parentId: \"1\",\n                label: \"Child Node 2-1\"\n            },\n            {\n                id: \"2-1-1\",\n                parentId: \"2\",\n                label: \"Grandchild Node 2-1-1\"\n            }\n        ],\n        canDrop: (_, options) => {\n            const { dropTargetId } = options;\n\n            if (dropTargetId === \"1\") {\n                return false; // Prevent dropping on Node 1\n            }\n\n            return true;\n        }\n    }\n};\n\n// Example custom data type\ninterface CustomRenderData {\n    icon: React.ReactElement;\n}\n\ntype StoryWithCustomNodeRenderer = StoryObj<typeof Tree<CustomRenderData>>;\n\nexport const WithCustomNodeRenderer: StoryWithCustomNodeRenderer = {\n    args: {\n        ...Default.args,\n        nodes: [\n            {\n                id: \"1\",\n                parentId: \"0\",\n                label: \"Node 1\",\n                data: { icon: <FolderIcon /> }\n            },\n            {\n                id: \"2\",\n                parentId: \"0\",\n                label: \"Node 2\",\n                data: { icon: <FolderIcon /> }\n            },\n            {\n                id: \"3\",\n                parentId: \"0\",\n                label: \"Node 3\",\n                data: { icon: <FolderIcon /> }\n            },\n            {\n                id: \"4\",\n                parentId: \"0\",\n                label: \"Node 4\",\n                data: { icon: <ArticleIcon /> }\n            }\n        ],\n        renderer: node => (\n            <Tree.Item.Content>\n                <Tree.Item.Icon label={node.label} element={node.icon} />\n                {node.label}\n            </Tree.Item.Content>\n        )\n    }\n};\n\n// Example custom sorting by `order` property\ninterface CustomSortCallbackData {\n    order: number;\n}\n\ntype WithCustomSortCallbackRenderer = StoryObj<typeof Tree<CustomSortCallbackData>>;\n\nexport const WithCustomSortCallback: WithCustomSortCallbackRenderer = {\n    args: {\n        ...Default.args,\n        nodes: [\n            {\n                id: \"3\",\n                parentId: \"0\",\n                label: \"Node 3\",\n                data: {\n                    order: 3\n                }\n            },\n            {\n                id: \"1\",\n                parentId: \"0\",\n                label: \"Node 1\",\n                data: {\n                    order: 1\n                }\n            },\n            {\n                id: \"2\",\n                parentId: \"0\",\n                label: \"Node 2\",\n                data: {\n                    order: 2\n                }\n            },\n            {\n                id: \"5\",\n                parentId: \"1\",\n                label: \"Node 5\",\n                data: {\n                    order: 5\n                }\n            },\n            {\n                id: \"4\",\n                parentId: \"1\",\n                label: \"Node 4\",\n                data: {\n                    order: 4\n                }\n            },\n            {\n                id: \"6\",\n                parentId: \"1\",\n                label: \"Node 6\",\n                data: {\n                    order: 6\n                }\n            }\n        ],\n        sort: (a, b) => (a.data?.order ?? 0) - (b.data?.order ?? 0)\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","FolderIcon","ArticleIcon","Tree","meta","title","component","argTypes","parameters","layout","Default","args","nodes","id","parentId","label","WithRootId","rootId","WithDefaultOpenNodesIds","defaultOpenNodeIds","WithActiveNodes","active","WithLoadingNodes","loading","WithCustomData","data","foo","bar","onDrop","newTree","options","console","log","WithOnDropCallback","WithOnChangeOpenCallback","onChangeOpen","newOpenNodes","WithCanDrag","canDrag","node","WithCanDrop","canDrop","_","dropTargetId","WithCustomNodeRenderer","icon","createElement","renderer","Item","Content","Icon","element","WithCustomSortCallback","order","sort","a","b"],"sources":["Tree.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as FolderIcon } from \"@webiny/icons/folder.svg\";\nimport { ReactComponent as ArticleIcon } from \"@webiny/icons/article.svg\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\n\nimport { Tree } from \"./Tree.js\";\n\nconst meta: Meta<typeof Tree> = {\n    title: \"Components/Tree\",\n    component: Tree,\n    argTypes: {},\n    parameters: {\n        layout: \"padded\"\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Tree>;\n\nexport const Default: Story = {\n    args: {\n        nodes: [\n            {\n                id: \"1\",\n                parentId: \"0\",\n                label: \"Node 1\"\n            },\n            {\n                id: \"2\",\n                parentId: \"0\",\n                label: \"Node 2\"\n            },\n            {\n                id: \"3\",\n                parentId: \"0\",\n                label: \"Node 3\"\n            },\n            {\n                id: \"1-1\",\n                parentId: \"1\",\n                label: \"Child Node 1-1\"\n            },\n            {\n                id: \"1-1-1\",\n                parentId: \"1-1\",\n                label: \"Grandchild Node 1-1-1\"\n            },\n            {\n                id: \"2-1\",\n                parentId: \"2\",\n                label: \"Child Node 2-1\"\n            }\n        ]\n    }\n};\n\nexport const WithRootId: Story = {\n    args: {\n        ...Default.args,\n        rootId: \"1\"\n    }\n};\n\nexport const WithDefaultOpenNodesIds: Story = {\n    args: {\n        ...Default.args,\n        defaultOpenNodeIds: [\"1\"]\n    }\n};\n\nexport const WithActiveNodes: Story = {\n    args: {\n        nodes: [\n            {\n                id: \"1\",\n                parentId: \"0\",\n                label: \"Node 1\",\n                active: true\n            },\n            {\n                id: \"2\",\n                parentId: \"0\",\n                label: \"Node 2\"\n            },\n            {\n                id: \"3\",\n                parentId: \"0\",\n                label: \"Node 3\"\n            },\n            {\n                id: \"1-1\",\n                parentId: \"1\",\n                label: \"Child Node 1-1\"\n            },\n            {\n                id: \"1-1-1\",\n                parentId: \"1-1\",\n                label: \"Grandchild Node 1-1-1\"\n            },\n            {\n                id: \"2-1\",\n                parentId: \"2\",\n                label: \"Child Node 2-1\"\n            }\n        ]\n    }\n};\n\nexport const WithLoadingNodes: Story = {\n    args: {\n        nodes: [\n            {\n                id: \"1\",\n                parentId: \"0\",\n                label: \"Node 1\",\n                loading: true\n            },\n            {\n                id: \"2\",\n                parentId: \"0\",\n                label: \"Node 2\"\n            },\n            {\n                id: \"3\",\n                parentId: \"0\",\n                label: \"Node 3\"\n            },\n            {\n                id: \"1-1\",\n                parentId: \"1\",\n                label: \"Child Node 1-1\"\n            },\n            {\n                id: \"1-1-1\",\n                parentId: \"1-1\",\n                label: \"Grandchild Node 1-1-1\"\n            },\n            {\n                id: \"2-1\",\n                parentId: \"2\",\n                label: \"Child Node 2-1\"\n            }\n        ]\n    }\n};\n\n// Example custom data type\ninterface CustomData {\n    foo: string;\n    bar: number;\n}\n\ntype StoryWithCustomData = StoryObj<typeof Tree<CustomData>>;\n\nexport const WithCustomData: StoryWithCustomData = {\n    args: {\n        nodes: [\n            {\n                id: \"1\",\n                parentId: \"0\",\n                label: \"Node 1\",\n                data: { foo: \"bar\", bar: 42 }\n            },\n            {\n                id: \"2\",\n                parentId: \"0\",\n                label: \"Node 2\",\n                data: { foo: \"baz\", bar: 99 }\n            }\n        ],\n        onDrop: async (newTree, options) => {\n            // newTree and options are fully typed with CustomData\n            console.log(\"Custom data tree:\", newTree);\n            console.log(\"Custom data drop options:\", options);\n        }\n    }\n};\n\nexport const WithOnDropCallback: Story = {\n    args: {\n        ...Default.args,\n        onDrop: async (newTree, options) => {\n            console.log(\"New tree structure:\", newTree);\n            console.log(\"Drop options:\", options);\n        }\n    }\n};\n\nexport const WithOnChangeOpenCallback: Story = {\n    args: {\n        ...Default.args,\n        onChangeOpen: newOpenNodes => {\n            console.log(\"New open nodes:\", newOpenNodes);\n        }\n    }\n};\n\nexport const WithCanDrag: Story = {\n    args: {\n        ...Default.args,\n        nodes: [\n            {\n                id: \"1\",\n                parentId: \"0\",\n                label: \"Node 1 - You cannot drag this node\"\n            },\n            {\n                id: \"2\",\n                parentId: \"0\",\n                label: \"Node 2\"\n            },\n            {\n                id: \"3\",\n                parentId: \"0\",\n                label: \"Node 3\"\n            },\n            {\n                id: \"2-1\",\n                parentId: \"1\",\n                label: \"Child Node 2-1\"\n            },\n            {\n                id: \"2-1-1\",\n                parentId: \"2\",\n                label: \"Grandchild Node 2-1-1\"\n            }\n        ],\n        canDrag: node => node?.id !== \"1\"\n    }\n};\n\nexport const WithCanDrop: Story = {\n    args: {\n        ...Default.args,\n        nodes: [\n            {\n                id: \"1\",\n                parentId: \"0\",\n                label: \"Node 1 - You cannot drop on this node\"\n            },\n            {\n                id: \"2\",\n                parentId: \"0\",\n                label: \"Node 2\"\n            },\n            {\n                id: \"3\",\n                parentId: \"0\",\n                label: \"Node 3\"\n            },\n            {\n                id: \"2-1\",\n                parentId: \"1\",\n                label: \"Child Node 2-1\"\n            },\n            {\n                id: \"2-1-1\",\n                parentId: \"2\",\n                label: \"Grandchild Node 2-1-1\"\n            }\n        ],\n        canDrop: (_, options) => {\n            const { dropTargetId } = options;\n\n            if (dropTargetId === \"1\") {\n                return false; // Prevent dropping on Node 1\n            }\n\n            return true;\n        }\n    }\n};\n\n// Example custom data type\ninterface CustomRenderData {\n    icon: React.ReactElement;\n}\n\ntype StoryWithCustomNodeRenderer = StoryObj<typeof Tree<CustomRenderData>>;\n\nexport const WithCustomNodeRenderer: StoryWithCustomNodeRenderer = {\n    args: {\n        ...Default.args,\n        nodes: [\n            {\n                id: \"1\",\n                parentId: \"0\",\n                label: \"Node 1\",\n                data: { icon: <FolderIcon /> }\n            },\n            {\n                id: \"2\",\n                parentId: \"0\",\n                label: \"Node 2\",\n                data: { icon: <FolderIcon /> }\n            },\n            {\n                id: \"3\",\n                parentId: \"0\",\n                label: \"Node 3\",\n                data: { icon: <FolderIcon /> }\n            },\n            {\n                id: \"4\",\n                parentId: \"0\",\n                label: \"Node 4\",\n                data: { icon: <ArticleIcon /> }\n            }\n        ],\n        renderer: node => (\n            <Tree.Item.Content>\n                <Tree.Item.Icon label={node.label} element={node.icon} />\n                {node.label}\n            </Tree.Item.Content>\n        )\n    }\n};\n\n// Example custom sorting by `order` property\ninterface CustomSortCallbackData {\n    order: number;\n}\n\ntype WithCustomSortCallbackRenderer = StoryObj<typeof Tree<CustomSortCallbackData>>;\n\nexport const WithCustomSortCallback: WithCustomSortCallbackRenderer = {\n    args: {\n        ...Default.args,\n        nodes: [\n            {\n                id: \"3\",\n                parentId: \"0\",\n                label: \"Node 3\",\n                data: {\n                    order: 3\n                }\n            },\n            {\n                id: \"1\",\n                parentId: \"0\",\n                label: \"Node 1\",\n                data: {\n                    order: 1\n                }\n            },\n            {\n                id: \"2\",\n                parentId: \"0\",\n                label: \"Node 2\",\n                data: {\n                    order: 2\n                }\n            },\n            {\n                id: \"5\",\n                parentId: \"1\",\n                label: \"Node 5\",\n                data: {\n                    order: 5\n                }\n            },\n            {\n                id: \"4\",\n                parentId: \"1\",\n                label: \"Node 4\",\n                data: {\n                    order: 4\n                }\n            },\n            {\n                id: \"6\",\n                parentId: \"1\",\n                label: \"Node 6\",\n                data: {\n                    order: 6\n                }\n            }\n        ],\n        sort: (a, b) => (a.data?.order ?? 0) - (b.data?.order ?? 0)\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASD,cAAc,IAAIE,WAAW,QAAQ,2BAA2B;AAGzE,SAASC,IAAI;AAEb,MAAMC,IAAuB,GAAG;EAC5BC,KAAK,EAAE,iBAAiB;EACxBC,SAAS,EAAEH,IAAI;EACfI,QAAQ,EAAE,CAAC,CAAC;EACZC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ;AACJ,CAAC;AAED,eAAeL,IAAI;AAGnB,OAAO,MAAMM,OAAc,GAAG;EAC1BC,IAAI,EAAE;IACFC,KAAK,EAAE,CACH;MACIC,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,KAAK;MACTC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,OAAO;MACXC,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,KAAK;MACTC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC;EAET;AACJ,CAAC;AAED,OAAO,MAAMC,UAAiB,GAAG;EAC7BL,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfM,MAAM,EAAE;EACZ;AACJ,CAAC;AAED,OAAO,MAAMC,uBAA8B,GAAG;EAC1CP,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfQ,kBAAkB,EAAE,CAAC,GAAG;EAC5B;AACJ,CAAC;AAED,OAAO,MAAMC,eAAsB,GAAG;EAClCT,IAAI,EAAE;IACFC,KAAK,EAAE,CACH;MACIC,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE,QAAQ;MACfM,MAAM,EAAE;IACZ,CAAC,EACD;MACIR,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,KAAK;MACTC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,OAAO;MACXC,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,KAAK;MACTC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC;EAET;AACJ,CAAC;AAED,OAAO,MAAMO,gBAAuB,GAAG;EACnCX,IAAI,EAAE;IACFC,KAAK,EAAE,CACH;MACIC,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE,QAAQ;MACfQ,OAAO,EAAE;IACb,CAAC,EACD;MACIV,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,KAAK;MACTC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,OAAO;MACXC,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,KAAK;MACTC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC;EAET;AACJ,CAAC;;AAED;;AAQA,OAAO,MAAMS,cAAmC,GAAG;EAC/Cb,IAAI,EAAE;IACFC,KAAK,EAAE,CACH;MACIC,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE,QAAQ;MACfU,IAAI,EAAE;QAAEC,GAAG,EAAE,KAAK;QAAEC,GAAG,EAAE;MAAG;IAChC,CAAC,EACD;MACId,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE,QAAQ;MACfU,IAAI,EAAE;QAAEC,GAAG,EAAE,KAAK;QAAEC,GAAG,EAAE;MAAG;IAChC,CAAC,CACJ;IACDC,MAAM,EAAE,MAAAA,CAAOC,OAAO,EAAEC,OAAO,KAAK;MAChC;MACAC,OAAO,CAACC,GAAG,CAAC,mBAAmB,EAAEH,OAAO,CAAC;MACzCE,OAAO,CAACC,GAAG,CAAC,2BAA2B,EAAEF,OAAO,CAAC;IACrD;EACJ;AACJ,CAAC;AAED,OAAO,MAAMG,kBAAyB,GAAG;EACrCtB,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfiB,MAAM,EAAE,MAAAA,CAAOC,OAAO,EAAEC,OAAO,KAAK;MAChCC,OAAO,CAACC,GAAG,CAAC,qBAAqB,EAAEH,OAAO,CAAC;MAC3CE,OAAO,CAACC,GAAG,CAAC,eAAe,EAAEF,OAAO,CAAC;IACzC;EACJ;AACJ,CAAC;AAED,OAAO,MAAMI,wBAA+B,GAAG;EAC3CvB,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfwB,YAAY,EAAEC,YAAY,IAAI;MAC1BL,OAAO,CAACC,GAAG,CAAC,iBAAiB,EAAEI,YAAY,CAAC;IAChD;EACJ;AACJ,CAAC;AAED,OAAO,MAAMC,WAAkB,GAAG;EAC9B1B,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfC,KAAK,EAAE,CACH;MACIC,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,KAAK;MACTC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,OAAO;MACXC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,CACJ;IACDuB,OAAO,EAAEC,IAAI,IAAIA,IAAI,EAAE1B,EAAE,KAAK;EAClC;AACJ,CAAC;AAED,OAAO,MAAM2B,WAAkB,GAAG;EAC9B7B,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfC,KAAK,EAAE,CACH;MACIC,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,KAAK;MACTC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,EACD;MACIF,EAAE,EAAE,OAAO;MACXC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE;IACX,CAAC,CACJ;IACD0B,OAAO,EAAEA,CAACC,CAAC,EAAEZ,OAAO,KAAK;MACrB,MAAM;QAAEa;MAAa,CAAC,GAAGb,OAAO;MAEhC,IAAIa,YAAY,KAAK,GAAG,EAAE;QACtB,OAAO,KAAK,CAAC,CAAC;MAClB;MAEA,OAAO,IAAI;IACf;EACJ;AACJ,CAAC;;AAED;;AAOA,OAAO,MAAMC,sBAAmD,GAAG;EAC/DjC,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfC,KAAK,EAAE,CACH;MACIC,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE,QAAQ;MACfU,IAAI,EAAE;QAAEoB,IAAI,eAAE9C,KAAA,CAAA+C,aAAA,CAAC7C,UAAU,MAAE;MAAE;IACjC,CAAC,EACD;MACIY,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE,QAAQ;MACfU,IAAI,EAAE;QAAEoB,IAAI,eAAE9C,KAAA,CAAA+C,aAAA,CAAC7C,UAAU,MAAE;MAAE;IACjC,CAAC,EACD;MACIY,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE,QAAQ;MACfU,IAAI,EAAE;QAAEoB,IAAI,eAAE9C,KAAA,CAAA+C,aAAA,CAAC7C,UAAU,MAAE;MAAE;IACjC,CAAC,EACD;MACIY,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE,QAAQ;MACfU,IAAI,EAAE;QAAEoB,IAAI,eAAE9C,KAAA,CAAA+C,aAAA,CAAC5C,WAAW,MAAE;MAAE;IAClC,CAAC,CACJ;IACD6C,QAAQ,EAAER,IAAI,iBACVxC,KAAA,CAAA+C,aAAA,CAAC3C,IAAI,CAAC6C,IAAI,CAACC,OAAO,qBACdlD,KAAA,CAAA+C,aAAA,CAAC3C,IAAI,CAAC6C,IAAI,CAACE,IAAI;MAACnC,KAAK,EAAEwB,IAAI,CAACxB,KAAM;MAACoC,OAAO,EAAEZ,IAAI,CAACM;IAAK,CAAE,CAAC,EACxDN,IAAI,CAACxB,KACS;EAE3B;AACJ,CAAC;;AAED;;AAOA,OAAO,MAAMqC,sBAAsD,GAAG;EAClEzC,IAAI,EAAE;IACF,GAAGD,OAAO,CAACC,IAAI;IACfC,KAAK,EAAE,CACH;MACIC,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE,QAAQ;MACfU,IAAI,EAAE;QACF4B,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxC,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE,QAAQ;MACfU,IAAI,EAAE;QACF4B,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxC,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE,QAAQ;MACfU,IAAI,EAAE;QACF4B,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxC,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE,QAAQ;MACfU,IAAI,EAAE;QACF4B,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxC,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE,QAAQ;MACfU,IAAI,EAAE;QACF4B,KAAK,EAAE;MACX;IACJ,CAAC,EACD;MACIxC,EAAE,EAAE,GAAG;MACPC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE,QAAQ;MACfU,IAAI,EAAE;QACF4B,KAAK,EAAE;MACX;IACJ,CAAC,CACJ;IACDC,IAAI,EAAEA,CAACC,CAAC,EAAEC,CAAC,KAAK,CAACD,CAAC,CAAC9B,IAAI,EAAE4B,KAAK,IAAI,CAAC,KAAKG,CAAC,CAAC/B,IAAI,EAAE4B,KAAK,IAAI,CAAC;EAC9D;AACJ,CAAC","ignoreList":[]}