@webiny/admin-ui 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/Tree/components/ItemDragHandle.js

@@ -1,27 +1,30 @@
-import React from "react";
-import { ReactComponent as DragIndicator } from "@webiny/icons/drag_indicator.svg";
-import { IconButton } from "../../Button";
-import { Icon } from "../../Icon";
-import { cn, makeDecoratable } from "../../utils";
-const BaseItemDragHandle = ({
-  handleRef
-}) => {
-  const [isDragging, setIsDragging] = React.useState(false);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: handleRef
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    size: "xs",
-    variant: "secondary",
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(DragIndicator, null),
-      size: "sm",
-      label: "Drag to reorder"
-    }),
-    onMouseDown: () => setIsDragging(true),
-    onMouseUp: () => setIsDragging(false),
-    onMouseLeave: () => setIsDragging(false),
-    className: cn(["wby-absolute wby-top-sm -wby-left-sm", "wby-invisible group-hover:wby-visible", "wby-size-md", isDragging ? "wby-cursor-grabbing" : "wby-cursor-grab"])
-  }));
+import react from "react";
+import { ReactComponent } from "@webiny/icons/drag_indicator.svg";
+import { IconButton } from "../../Button/index.js";
+import { Icon } from "../../Icon/index.js";
+import { cn, makeDecoratable } from "../../utils.js";
+const BaseItemDragHandle = ({ handleRef })=>{
+    const [isDragging, setIsDragging] = react.useState(false);
+    return /*#__PURE__*/ react.createElement("div", {
+        ref: handleRef
+    }, /*#__PURE__*/ react.createElement(IconButton, {
+        size: "xs",
+        variant: "secondary",
+        icon: /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "sm",
+            label: "Drag to reorder"
+        }),
+        onMouseDown: ()=>setIsDragging(true),
+        onMouseUp: ()=>setIsDragging(false),
+        onMouseLeave: ()=>setIsDragging(false),
+        className: cn([
+            "absolute top-sm -left-sm",
+            "invisible group-hover:visible",
+            "size-md",
+            isDragging ? "cursor-grabbing" : "cursor-grab"
+        ])
+    }));
 };
 const ItemDragHandle = makeDecoratable("TreeItemDragHandle", BaseItemDragHandle);
 export { ItemDragHandle };

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 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":[]}
+{"version":3,"file":"Tree/components/ItemDragHandle.js","sources":["../../../src/Tree/components/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/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\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                    \"absolute top-sm -left-sm\",\n                    \"invisible group-hover:visible\",\n                    \"size-md\",\n                    isDragging ? \"cursor-grabbing\" : \"cursor-grab\"\n                ])}\n            />\n        </div>\n    );\n};\n\nconst ItemDragHandle = makeDecoratable(\"TreeItemDragHandle\", BaseItemDragHandle);\n\nexport { ItemDragHandle, type ItemDragHandleProps };\n"],"names":["BaseItemDragHandle","handleRef","isDragging","setIsDragging","React","IconButton","Icon","DragIndicator","cn","ItemDragHandle","makeDecoratable"],"mappings":";;;;;AAWA,MAAMA,qBAAqB,CAAC,EAAEC,SAAS,EAAuB;IAC1D,MAAM,CAACC,YAAYC,cAAc,GAAGC,MAAAA,QAAc,CAAC;IAEnD,OAAO,WAAP,GACI,oBAAC;QAAI,KAAKH;qBACN,oBAACI,YAAUA;QACP,MAAM;QACN,SAAS;QACT,oBAAM,oBAACC,MAAIA;YAAC,oBAAM,oBAACC,gBAAaA;YAAK,MAAK;YAAK,OAAO;;QACtD,aAAa,IAAMJ,cAAc;QACjC,WAAW,IAAMA,cAAc;QAC/B,cAAc,IAAMA,cAAc;QAClC,WAAWK,GAAG;YACV;YACA;YACA;YACAN,aAAa,oBAAoB;SACpC;;AAIjB;AAEA,MAAMO,iBAAiBC,gBAAgB,sBAAsBV"}

package/Tree/components/ItemIcon.d.ts

@@ -1,24 +1,25 @@
 import React from "react";
-import { type IconProps } from "../../Icon";
+import { type IconProps } from "../../Icon/index.js";
 interface ItemIconProps extends Omit<IconProps, "icon"> {
     element?: React.ReactNode;
     active?: boolean;
 }
-declare const ItemIcon: (({ element, active, ...props }: ItemIconProps) => React.JSX.Element) & {
-    original: ({ element, active, ...props }: ItemIconProps) => React.JSX.Element;
+declare const BaseItemIcon: ({ element, active, ...props }: ItemIconProps) => React.JSX.Element;
+declare const ItemIcon: typeof BaseItemIcon & {
+    original: typeof BaseItemIcon;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ element, active, ...props }: ItemIconProps) => React.JSX.Element) & {
-        original: ({ element, active, ...props }: ItemIconProps) => React.JSX.Element;
+    original: typeof BaseItemIcon & {
+        original: typeof BaseItemIcon;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ element, active, ...props }: ItemIconProps) => React.JSX.Element) & {
-        original: ({ element, active, ...props }: ItemIconProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof BaseItemIcon & {
+        original: typeof BaseItemIcon;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Tree/components/ItemIcon.js

@@ -1,17 +1,12 @@
-import React from "react";
-import { Icon } from "../../Icon";
-import { makeDecoratable } from "../../utils";
-const BaseItemIcon = ({
-  element,
-  active,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(Icon, Object.assign({
-    icon: element,
-    size: "sm",
-    color: active ? "neutral-strong" : "neutral-light"
-  }, props));
-};
+import react from "react";
+import { Icon } from "../../Icon/index.js";
+import { makeDecoratable } from "../../utils.js";
+const BaseItemIcon = ({ element, active, ...props })=>/*#__PURE__*/ react.createElement(Icon, {
+        icon: element,
+        size: "sm",
+        color: active ? "neutral-strong" : "neutral-light",
+        ...props
+    });
 const ItemIcon = makeDecoratable("TreeItemIcon", BaseItemIcon);
 export { ItemIcon };
 

package/Tree/components/ItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Icon","makeDecoratable","BaseItemIcon","element","active","props","createElement","Object","assign","icon","size","color","ItemIcon"],"sources":["ItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconProps } from \"~/Icon\";\nimport { makeDecoratable } from \"~/utils\";\n\ninterface ItemIconProps extends Omit<IconProps, \"icon\"> {\n    element?: React.ReactNode;\n    active?: boolean;\n}\n\nconst BaseItemIcon = ({ element, active, ...props }: ItemIconProps) => {\n    return (\n        <Icon\n            icon={element}\n            size={\"sm\"}\n            color={active ? \"neutral-strong\" : \"neutral-light\"}\n            {...props}\n        />\n    );\n};\n\nconst ItemIcon = makeDecoratable(\"TreeItemIcon\", BaseItemIcon);\n\nexport { ItemIcon, type ItemIconProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AACb,SAASC,eAAe;AAOxB,MAAMC,YAAY,GAAGA,CAAC;EAAEC,OAAO;EAAEC,MAAM;EAAE,GAAGC;AAAqB,CAAC,KAAK;EACnE,oBACIN,KAAA,CAAAO,aAAA,CAACN,IAAI,EAAAO,MAAA,CAAAC,MAAA;IACDC,IAAI,EAAEN,OAAQ;IACdO,IAAI,EAAE,IAAK;IACXC,KAAK,EAAEP,MAAM,GAAG,gBAAgB,GAAG;EAAgB,GAC/CC,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,MAAMO,QAAQ,GAAGX,eAAe,CAAC,cAAc,EAAEC,YAAY,CAAC;AAE9D,SAASU,QAAQ","ignoreList":[]}
+{"version":3,"file":"Tree/components/ItemIcon.js","sources":["../../../src/Tree/components/ItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconProps } from \"~/Icon/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\n\ninterface ItemIconProps extends Omit<IconProps, \"icon\"> {\n    element?: React.ReactNode;\n    active?: boolean;\n}\n\nconst BaseItemIcon = ({ element, active, ...props }: ItemIconProps) => {\n    return (\n        <Icon\n            icon={element}\n            size={\"sm\"}\n            color={active ? \"neutral-strong\" : \"neutral-light\"}\n            {...props}\n        />\n    );\n};\n\nconst ItemIcon = makeDecoratable(\"TreeItemIcon\", BaseItemIcon);\n\nexport { ItemIcon, type ItemIconProps };\n"],"names":["BaseItemIcon","element","active","props","Icon","ItemIcon","makeDecoratable"],"mappings":";;;AASA,MAAMA,eAAe,CAAC,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGC,OAAsB,GACvD,WAAP,GACI,oBAACC,MAAIA;QACD,MAAMH;QACN,MAAM;QACN,OAAOC,SAAS,mBAAmB;QAClC,GAAGC,KAAK;;AAKrB,MAAME,WAAWC,gBAAgB,gBAAgBN"}

package/Tree/components/ItemPlaceholder.d.ts

@@ -2,21 +2,22 @@ import React from "react";
 interface ItemPlaceholderProps {
     depth: number;
 }
-declare const ItemPlaceholder: (({ depth }: ItemPlaceholderProps) => React.JSX.Element) & {
-    original: ({ depth }: ItemPlaceholderProps) => React.JSX.Element;
+declare const BaseItemPlaceholder: ({ depth }: ItemPlaceholderProps) => React.JSX.Element;
+declare const ItemPlaceholder: typeof BaseItemPlaceholder & {
+    original: typeof BaseItemPlaceholder;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ depth }: ItemPlaceholderProps) => React.JSX.Element) & {
-        original: ({ depth }: ItemPlaceholderProps) => React.JSX.Element;
+    original: typeof BaseItemPlaceholder & {
+        original: typeof BaseItemPlaceholder;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ depth }: ItemPlaceholderProps) => React.JSX.Element) & {
-        original: ({ depth }: ItemPlaceholderProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof BaseItemPlaceholder & {
+        original: typeof BaseItemPlaceholder;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Tree/components/ItemPlaceholder.js

@@ -1,15 +1,13 @@
-import React from "react";
-import { makeDecoratable } from "../../utils";
-const BaseItemPlaceholder = ({
-  depth
-}) => {
-  const left = depth * 20 + 20;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-h-xxs wby-bg-primary-muted wby-absolute wby-top-0 wby-right-0",
-    style: {
-      left
-    }
-  });
+import react from "react";
+import { makeDecoratable } from "../../utils.js";
+const BaseItemPlaceholder = ({ depth })=>{
+    const left = 20 * depth + 20;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "w-full h-xxs bg-primary-muted absolute top-0 right-0",
+        style: {
+            left
+        }
+    });
 };
 const ItemPlaceholder = makeDecoratable("TreeItemPlaceholder", BaseItemPlaceholder);
 export { ItemPlaceholder };

package/Tree/components/ItemPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","BaseItemPlaceholder","depth","left","createElement","className","style","ItemPlaceholder"],"sources":["ItemPlaceholder.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/utils\";\n\ninterface ItemPlaceholderProps {\n    depth: number;\n}\n\nconst BaseItemPlaceholder = ({ depth }: ItemPlaceholderProps) => {\n    const left = depth * 20 + 20;\n\n    return (\n        <div\n            className=\"wby-w-full wby-h-xxs wby-bg-primary-muted wby-absolute wby-top-0 wby-right-0\"\n            style={{ left }}\n        />\n    );\n};\n\nconst ItemPlaceholder = makeDecoratable(\"TreeItemPlaceholder\", BaseItemPlaceholder);\n\nexport { ItemPlaceholder, type ItemPlaceholderProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAMxB,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC7D,MAAMC,IAAI,GAAGD,KAAK,GAAG,EAAE,GAAG,EAAE;EAE5B,oBACIH,KAAA,CAAAK,aAAA;IACIC,SAAS,EAAC,8EAA8E;IACxFC,KAAK,EAAE;MAAEH;IAAK;EAAE,CACnB,CAAC;AAEV,CAAC;AAED,MAAMI,eAAe,GAAGP,eAAe,CAAC,qBAAqB,EAAEC,mBAAmB,CAAC;AAEnF,SAASM,eAAe","ignoreList":[]}
+{"version":3,"file":"Tree/components/ItemPlaceholder.js","sources":["../../../src/Tree/components/ItemPlaceholder.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\n\ninterface ItemPlaceholderProps {\n    depth: number;\n}\n\nconst BaseItemPlaceholder = ({ depth }: ItemPlaceholderProps) => {\n    const left = depth * 20 + 20;\n\n    return (\n        <div className=\"w-full h-xxs bg-primary-muted absolute top-0 right-0\" style={{ left }} />\n    );\n};\n\nconst ItemPlaceholder = makeDecoratable(\"TreeItemPlaceholder\", BaseItemPlaceholder);\n\nexport { ItemPlaceholder, type ItemPlaceholderProps };\n"],"names":["BaseItemPlaceholder","depth","left","ItemPlaceholder","makeDecoratable"],"mappings":";;AAOA,MAAMA,sBAAsB,CAAC,EAAEC,KAAK,EAAwB;IACxD,MAAMC,OAAOD,AAAQ,KAARA,QAAa;IAE1B,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;QAAuD,OAAO;YAAEC;QAAK;;AAE5F;AAEA,MAAMC,kBAAkBC,gBAAgB,uBAAuBJ"}

package/Tree/components/ItemSubIndentation.d.ts

@@ -2,21 +2,22 @@ import React from "react";
 interface ItemSubIndentationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "content"> {
     level: number;
 }
-declare const ItemSubIndentation: (({ level }: ItemSubIndentationProps) => React.JSX.Element) & {
-    original: ({ level }: ItemSubIndentationProps) => React.JSX.Element;
+declare const BaseItemSubIndentation: ({ level }: ItemSubIndentationProps) => React.JSX.Element;
+declare const ItemSubIndentation: typeof BaseItemSubIndentation & {
+    original: typeof BaseItemSubIndentation;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ level }: ItemSubIndentationProps) => React.JSX.Element) & {
-        original: ({ level }: ItemSubIndentationProps) => React.JSX.Element;
+    original: typeof BaseItemSubIndentation & {
+        original: typeof BaseItemSubIndentation;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ level }: ItemSubIndentationProps) => React.JSX.Element) & {
-        original: ({ level }: ItemSubIndentationProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof BaseItemSubIndentation & {
+        original: typeof BaseItemSubIndentation;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Tree/components/ItemSubIndentation.js

@@ -1,23 +1,19 @@
-import React from "react";
-import { Separator } from "../../Separator";
-import { makeDecoratable } from "../../utils";
-const BaseItemSubIndentation = ({
-  level
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-gap-x-xs wby-flex wby-mr-sm"
-  }, Array.from({
-    length: level
-  }, (_, index) => /*#__PURE__*/React.createElement("div", {
-    className: "wby-ml-md",
-    key: `sub-indentation-${level + index}`
-  }, /*#__PURE__*/React.createElement(Separator, {
-    orientation: "vertical",
-    margin: "none",
-    variant: "strong",
-    className: "wby-h-xl wby-ml-px"
-  }))));
-};
+import react from "react";
+import { Separator } from "../../Separator/index.js";
+import { makeDecoratable } from "../../utils.js";
+const BaseItemSubIndentation = ({ level })=>/*#__PURE__*/ react.createElement("div", {
+        className: "gap-x-xs flex mr-sm"
+    }, Array.from({
+        length: level
+    }, (_, index)=>/*#__PURE__*/ react.createElement("div", {
+            className: "ml-md",
+            key: `sub-indentation-${level + index}`
+        }, /*#__PURE__*/ react.createElement(Separator, {
+            orientation: "vertical",
+            margin: "none",
+            variant: "strong",
+            className: "h-xl ml-px"
+        }))));
 const ItemSubIndentation = makeDecoratable("TreeItemSubIndentation", BaseItemSubIndentation);
 export { ItemSubIndentation };
 

package/Tree/components/ItemSubIndentation.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Separator","makeDecoratable","BaseItemSubIndentation","level","createElement","className","Array","from","length","_","index","key","orientation","margin","variant","ItemSubIndentation"],"sources":["ItemSubIndentation.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"~/Separator\";\nimport { makeDecoratable } from \"~/utils\";\n\ninterface ItemSubIndentationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"content\"> {\n    level: number;\n}\n\nconst BaseItemSubIndentation = ({ level }: ItemSubIndentationProps) => {\n    return (\n        <div className={\"wby-gap-x-xs wby-flex wby-mr-sm\"}>\n            {Array.from({ length: level }, (_, index) => (\n                <div className={\"wby-ml-md\"} key={`sub-indentation-${level + index}`}>\n                    <Separator\n                        orientation={\"vertical\"}\n                        margin={\"none\"}\n                        variant={\"strong\"}\n                        className={\"wby-h-xl wby-ml-px\"}\n                    />\n                </div>\n            ))}\n        </div>\n    );\n};\n\nconst ItemSubIndentation = makeDecoratable(\"TreeItemSubIndentation\", BaseItemSubIndentation);\n\nexport { ItemSubIndentation, type ItemSubIndentationProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS;AAClB,SAASC,eAAe;AAMxB,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EACnE,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAkC,GAC7CC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEL;EAAM,CAAC,EAAE,CAACM,CAAC,EAAEC,KAAK,kBACpCX,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE,WAAY;IAACM,GAAG,EAAE,mBAAmBR,KAAK,GAAGO,KAAK;EAAG,gBACjEX,KAAA,CAAAK,aAAA,CAACJ,SAAS;IACNY,WAAW,EAAE,UAAW;IACxBC,MAAM,EAAE,MAAO;IACfC,OAAO,EAAE,QAAS;IAClBT,SAAS,EAAE;EAAqB,CACnC,CACA,CACR,CACA,CAAC;AAEd,CAAC;AAED,MAAMU,kBAAkB,GAAGd,eAAe,CAAC,wBAAwB,EAAEC,sBAAsB,CAAC;AAE5F,SAASa,kBAAkB","ignoreList":[]}
+{"version":3,"file":"Tree/components/ItemSubIndentation.js","sources":["../../../src/Tree/components/ItemSubIndentation.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"~/Separator/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\n\ninterface ItemSubIndentationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"content\"> {\n    level: number;\n}\n\nconst BaseItemSubIndentation = ({ level }: ItemSubIndentationProps) => {\n    return (\n        <div className={\"gap-x-xs flex mr-sm\"}>\n            {Array.from({ length: level }, (_, index) => (\n                <div className={\"ml-md\"} key={`sub-indentation-${level + index}`}>\n                    <Separator\n                        orientation={\"vertical\"}\n                        margin={\"none\"}\n                        variant={\"strong\"}\n                        className={\"h-xl ml-px\"}\n                    />\n                </div>\n            ))}\n        </div>\n    );\n};\n\nconst ItemSubIndentation = makeDecoratable(\"TreeItemSubIndentation\", BaseItemSubIndentation);\n\nexport { ItemSubIndentation, type ItemSubIndentationProps };\n"],"names":["BaseItemSubIndentation","level","Array","_","index","Separator","ItemSubIndentation","makeDecoratable"],"mappings":";;;AAQA,MAAMA,yBAAyB,CAAC,EAAEC,KAAK,EAA2B,GACvD,WAAP,GACI,oBAAC;QAAI,WAAW;OACXC,MAAM,IAAI,CAAC;QAAE,QAAQD;IAAM,GAAG,CAACE,GAAGC,QAAAA,WAAAA,GAC/B,oBAAC;YAAI,WAAW;YAAS,KAAK,CAAC,gBAAgB,EAAEH,QAAQG,OAAO;yBAC5D,oBAACC,WAASA;YACN,aAAa;YACb,QAAQ;YACR,SAAS;YACT,WAAW;;AAQnC,MAAMC,qBAAqBC,gBAAgB,0BAA0BP"}

package/Tree/components/index.d.ts

@@ -1,7 +1,7 @@
-export * from "./Item";
-export * from "./ItemCollapseTrigger";
-export * from "./ItemContent";
-export * from "./ItemDragHandle";
-export * from "./ItemIcon";
-export * from "./ItemPlaceholder";
-export * from "./ItemSubIndentation";
+export * from "./Item.js";
+export * from "./ItemCollapseTrigger.js";
+export * from "./ItemContent.js";
+export * from "./ItemDragHandle.js";
+export * from "./ItemIcon.js";
+export * from "./ItemPlaceholder.js";
+export * from "./ItemSubIndentation.js";

package/Tree/components/index.js

@@ -1,9 +1,7 @@
-export * from "./Item";
-export * from "./ItemCollapseTrigger";
-export * from "./ItemContent";
-export * from "./ItemDragHandle";
-export * from "./ItemIcon";
-export * from "./ItemPlaceholder";
-export * from "./ItemSubIndentation";
-
-//# sourceMappingURL=index.js.map
+export * from "./Item.js";
+export * from "./ItemCollapseTrigger.js";
+export * from "./ItemContent.js";
+export * from "./ItemDragHandle.js";
+export * from "./ItemIcon.js";
+export * from "./ItemPlaceholder.js";
+export * from "./ItemSubIndentation.js";

package/Tree/domains/Node.js

@@ -1,37 +1,38 @@
-export class Node {
-  constructor(params) {
-    this._id = params.id;
-    this._parentId = params.parentId;
-    this._droppable = params.droppable ?? true;
-    this._active = params.active ?? false;
-    this._loading = params.loading ?? false;
-    this._label = params.label;
-    this._data = params.data;
-  }
-  static create(data) {
-    return new Node(data);
-  }
-  get id() {
-    return this._id;
-  }
-  get label() {
-    return this._label;
-  }
-  get parentId() {
-    return this._parentId;
-  }
-  get droppable() {
-    return this._droppable;
-  }
-  get active() {
-    return this._active;
-  }
-  get loading() {
-    return this._loading;
-  }
-  get data() {
-    return this._data;
-  }
+class Node {
+    constructor(params){
+        this._id = params.id;
+        this._parentId = params.parentId;
+        this._droppable = params.droppable ?? true;
+        this._active = params.active ?? false;
+        this._loading = params.loading ?? false;
+        this._label = params.label;
+        this._data = params.data;
+    }
+    static create(data) {
+        return new Node(data);
+    }
+    get id() {
+        return this._id;
+    }
+    get label() {
+        return this._label;
+    }
+    get parentId() {
+        return this._parentId;
+    }
+    get droppable() {
+        return this._droppable;
+    }
+    get active() {
+        return this._active;
+    }
+    get loading() {
+        return this._loading;
+    }
+    get data() {
+        return this._data;
+    }
 }
+export { Node };
 
 //# sourceMappingURL=Node.js.map

package/Tree/domains/Node.js.map

@@ -1 +1 @@
-{"version":3,"names":["Node","constructor","params","_id","id","_parentId","parentId","_droppable","droppable","_active","active","_loading","loading","_label","label","_data","data","create"],"sources":["Node.ts"],"sourcesContent":["export interface NodeParams<TData = Record<string, any>> {\n    id: string;\n    parentId: string;\n    droppable?: boolean;\n    active?: boolean;\n    loading?: boolean;\n    label: string;\n    data?: TData;\n}\n\nexport class Node<TData = Record<string, any>> {\n    private readonly _id: string;\n    private readonly _parentId: string;\n    private readonly _droppable: boolean;\n    private readonly _active: boolean;\n    private readonly _loading: boolean;\n    private readonly _label: string;\n    private readonly _data: TData;\n\n    protected constructor(params: NodeParams<TData>) {\n        this._id = params.id;\n        this._parentId = params.parentId;\n        this._droppable = params.droppable ?? true;\n        this._active = params.active ?? false;\n        this._loading = params.loading ?? false;\n        this._label = params.label;\n        this._data = params.data as TData;\n    }\n\n    static create<TData = Record<string, any>>(data: NodeParams<TData>): Node<TData> {\n        return new Node<TData>(data);\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get parentId() {\n        return this._parentId;\n    }\n\n    get droppable() {\n        return this._droppable;\n    }\n\n    get active() {\n        return this._active;\n    }\n\n    get loading() {\n        return this._loading;\n    }\n\n    get data(): TData {\n        return this._data;\n    }\n}\n"],"mappings":"AAUA,OAAO,MAAMA,IAAI,CAA8B;EASjCC,WAAWA,CAACC,MAAyB,EAAE;IAC7C,IAAI,CAACC,GAAG,GAAGD,MAAM,CAACE,EAAE;IACpB,IAAI,CAACC,SAAS,GAAGH,MAAM,CAACI,QAAQ;IAChC,IAAI,CAACC,UAAU,GAAGL,MAAM,CAACM,SAAS,IAAI,IAAI;IAC1C,IAAI,CAACC,OAAO,GAAGP,MAAM,CAACQ,MAAM,IAAI,KAAK;IACrC,IAAI,CAACC,QAAQ,GAAGT,MAAM,CAACU,OAAO,IAAI,KAAK;IACvC,IAAI,CAACC,MAAM,GAAGX,MAAM,CAACY,KAAK;IAC1B,IAAI,CAACC,KAAK,GAAGb,MAAM,CAACc,IAAa;EACrC;EAEA,OAAOC,MAAMA,CAA8BD,IAAuB,EAAe;IAC7E,OAAO,IAAIhB,IAAI,CAAQgB,IAAI,CAAC;EAChC;EAEA,IAAIZ,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAIW,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIP,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;EAEA,IAAIG,SAASA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACD,UAAU;EAC1B;EAEA,IAAIG,MAAMA,CAAA,EAAG;IACT,OAAO,IAAI,CAACD,OAAO;EACvB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIK,IAAIA,CAAA,EAAU;IACd,OAAO,IAAI,CAACD,KAAK;EACrB;AACJ","ignoreList":[]}
+{"version":3,"file":"Tree/domains/Node.js","sources":["../../../src/Tree/domains/Node.ts"],"sourcesContent":["export interface NodeParams<TData = Record<string, any>> {\n    id: string;\n    parentId: string;\n    droppable?: boolean;\n    active?: boolean;\n    loading?: boolean;\n    label: string;\n    data?: TData;\n}\n\nexport class Node<TData = Record<string, any>> {\n    private readonly _id: string;\n    private readonly _parentId: string;\n    private readonly _droppable: boolean;\n    private readonly _active: boolean;\n    private readonly _loading: boolean;\n    private readonly _label: string;\n    private readonly _data: TData;\n\n    protected constructor(params: NodeParams<TData>) {\n        this._id = params.id;\n        this._parentId = params.parentId;\n        this._droppable = params.droppable ?? true;\n        this._active = params.active ?? false;\n        this._loading = params.loading ?? false;\n        this._label = params.label;\n        this._data = params.data as TData;\n    }\n\n    static create<TData = Record<string, any>>(data: NodeParams<TData>): Node<TData> {\n        return new Node<TData>(data);\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get parentId() {\n        return this._parentId;\n    }\n\n    get droppable() {\n        return this._droppable;\n    }\n\n    get active() {\n        return this._active;\n    }\n\n    get loading() {\n        return this._loading;\n    }\n\n    get data(): TData {\n        return this._data;\n    }\n}\n"],"names":["Node","params","data"],"mappings":"AAUO,MAAMA;IAST,YAAsBC,MAAyB,CAAE;QAC7C,IAAI,CAAC,GAAG,GAAGA,OAAO,EAAE;QACpB,IAAI,CAAC,SAAS,GAAGA,OAAO,QAAQ;QAChC,IAAI,CAAC,UAAU,GAAGA,OAAO,SAAS,IAAI;QACtC,IAAI,CAAC,OAAO,GAAGA,OAAO,MAAM,IAAI;QAChC,IAAI,CAAC,QAAQ,GAAGA,OAAO,OAAO,IAAI;QAClC,IAAI,CAAC,MAAM,GAAGA,OAAO,KAAK;QAC1B,IAAI,CAAC,KAAK,GAAGA,OAAO,IAAI;IAC5B;IAEA,OAAO,OAAoCC,IAAuB,EAAe;QAC7E,OAAO,IAAIF,KAAYE;IAC3B;IAEA,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,GAAG;IACnB;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,MAAM;IACtB;IAEA,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,SAAS;IACzB;IAEA,IAAI,YAAY;QACZ,OAAO,IAAI,CAAC,UAAU;IAC1B;IAEA,IAAI,SAAS;QACT,OAAO,IAAI,CAAC,OAAO;IACvB;IAEA,IAAI,UAAU;QACV,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,IAAI,OAAc;QACd,OAAO,IAAI,CAAC,KAAK;IACrB;AACJ"}

package/Tree/domains/NodeDto.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=NodeDto.js.map

package/Tree/domains/NodeFormatted.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=NodeFormatted.js.map

package/Tree/domains/NodeFormatter.d.ts

@@ -1,6 +1,6 @@
-import type { Node } from "./Node";
-import type { NodeFormatted } from "./NodeFormatted";
-import type { NodeDto } from "./NodeDto";
+import type { Node } from "./Node.js";
+import type { NodeFormatted } from "../../Tree/domains/NodeFormatted.js";
+import type { NodeDto } from "../../Tree/domains/NodeDto.js";
 export declare class NodeFormatter {
     static toFormatted<TData = Record<string, any>>(item: Node<TData>, loadingNodeIds: string[]): NodeFormatted<TData>;
     static toDto<TData = Record<string, any>>(item: Node<TData>): NodeDto<TData>;

package/Tree/domains/NodeFormatter.js

@@ -1,30 +1,31 @@
-export class NodeFormatter {
-  static toFormatted(item, loadingNodeIds) {
-    return {
-      id: item.id,
-      text: item.label,
-      parent: item.parentId,
-      droppable: item.droppable ?? true,
-      data: {
-        id: item.id,
-        label: item.label,
-        parentId: item.parentId,
-        droppable: item.droppable ?? true,
-        active: item.active ?? false,
-        loading: loadingNodeIds.includes(item.id),
-        ...item.data
-      }
-    };
-  }
-  static toDto(item) {
-    return {
-      id: item.id,
-      label: item.label,
-      parentId: item.parentId,
-      droppable: item.droppable,
-      data: item.data
-    };
-  }
+class NodeFormatter {
+    static toFormatted(item, loadingNodeIds) {
+        return {
+            id: item.id,
+            text: item.label,
+            parent: item.parentId,
+            droppable: item.droppable ?? true,
+            data: {
+                id: item.id,
+                label: item.label,
+                parentId: item.parentId,
+                droppable: item.droppable ?? true,
+                active: item.active ?? false,
+                loading: loadingNodeIds.includes(item.id),
+                ...item.data
+            }
+        };
+    }
+    static toDto(item) {
+        return {
+            id: item.id,
+            label: item.label,
+            parentId: item.parentId,
+            droppable: item.droppable,
+            data: item.data
+        };
+    }
 }
+export { NodeFormatter };
 
 //# sourceMappingURL=NodeFormatter.js.map

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 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":[]}
+{"version":3,"file":"Tree/domains/NodeFormatter.js","sources":["../../../src/Tree/domains/NodeFormatter.ts"],"sourcesContent":["import type { Node } from \"./Node.js\";\nimport type { NodeFormatted } from \"~/Tree/domains/NodeFormatted.js\";\nimport type { NodeDto } from \"~/Tree/domains/NodeDto.js\";\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"],"names":["NodeFormatter","item","loadingNodeIds"],"mappings":"AAIO,MAAMA;IACT,OAAO,YACHC,IAAiB,EACjBC,cAAwB,EACJ;QACpB,OAAO;YACH,IAAID,KAAK,EAAE;YACX,MAAMA,KAAK,KAAK;YAChB,QAAQA,KAAK,QAAQ;YACrB,WAAWA,KAAK,SAAS,IAAI;YAC7B,MAAM;gBACF,IAAIA,KAAK,EAAE;gBACX,OAAOA,KAAK,KAAK;gBACjB,UAAUA,KAAK,QAAQ;gBACvB,WAAWA,KAAK,SAAS,IAAI;gBAC7B,QAAQA,KAAK,MAAM,IAAI;gBACvB,SAASC,eAAe,QAAQ,CAACD,KAAK,EAAE;gBACxC,GAAGA,KAAK,IAAI;YAChB;QACJ;IACJ;IAEA,OAAO,MAAmCA,IAAiB,EAAkB;QACzE,OAAO;YACH,IAAIA,KAAK,EAAE;YACX,OAAOA,KAAK,KAAK;YACjB,UAAUA,KAAK,QAAQ;YACvB,WAAWA,KAAK,SAAS;YACzB,MAAMA,KAAK,IAAI;QACnB;IACJ;AACJ"}

package/Tree/domains/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./Node";
-export * from "./NodeDto";
-export * from "./NodeFormatted";
-export * from "./NodeFormatter";
+export * from "./Node.js";
+export type * from "./NodeDto.js";
+export type * from "./NodeFormatted.js";
+export * from "./NodeFormatter.js";

package/Tree/domains/index.js

@@ -1,6 +1,2 @@
-export * from "./Node";
-export * from "./NodeDto";
-export * from "./NodeFormatted";
-export * from "./NodeFormatter";
-
-//# sourceMappingURL=index.js.map
+export * from "./Node.js";
+export * from "./NodeFormatter.js";

package/Tree/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Tree";
-export * from "./domains";
+export * from "./Tree.js";
+export * from "./domains/index.js";

package/Tree/index.js

@@ -1,4 +1,2 @@
-export * from "./Tree";
-export * from "./domains";
-
-//# sourceMappingURL=index.js.map
+export * from "./Tree.js";
+export * from "./domains/index.js";

package/Tree/presenters/TreePresenter.d.ts

@@ -1,4 +1,4 @@
-import { Node, type NodeFormatted, type NodeParams } from "../domains";
+import { Node, type NodeFormatted, type NodeParams } from "../domains/index.js";
 interface TreePresenterInitParams {
     rootId?: string;
     defaultOpenNodeIds?: string[];