@webiny/admin-ui 0.0.0-unstable.06b2ede40f

package/Tree/components/ItemDragHandle.d.ts

@@ -0,0 +1,25 @@
+import type { RefObject } from "react";
+import React from "react";
+type ItemDragHandleProps = {
+    handleRef?: RefObject<HTMLDivElement | null>;
+};
+declare const ItemDragHandle: (({ handleRef }: ItemDragHandleProps) => React.JSX.Element) & {
+    original: ({ handleRef }: ItemDragHandleProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ handleRef }: ItemDragHandleProps) => React.JSX.Element) & {
+        original: ({ handleRef }: ItemDragHandleProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ handleRef }: ItemDragHandleProps) => React.JSX.Element) & {
+        original: ({ handleRef }: ItemDragHandleProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { ItemDragHandle, type ItemDragHandleProps };

package/Tree/components/ItemDragHandle.js

@@ -0,0 +1,29 @@
+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"])
+  }));
+};
+const ItemDragHandle = makeDecoratable("TreeItemDragHandle", BaseItemDragHandle);
+export { ItemDragHandle };
+
+//# sourceMappingURL=ItemDragHandle.js.map

package/Tree/components/ItemDragHandle.js.map

@@ -0,0 +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":[]}

package/Tree/components/ItemIcon.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { type IconProps } from "../../Icon";
+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;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ element, active, ...props }: ItemIconProps) => React.JSX.Element) & {
+        original: ({ element, active, ...props }: ItemIconProps) => React.JSX.Element;
+        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;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { ItemIcon, type ItemIconProps };

package/Tree/components/ItemIcon.js

@@ -0,0 +1,18 @@
+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));
+};
+const ItemIcon = makeDecoratable("TreeItemIcon", BaseItemIcon);
+export { ItemIcon };
+
+//# sourceMappingURL=ItemIcon.js.map

package/Tree/components/ItemIcon.js.map

@@ -0,0 +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":[]}

package/Tree/components/ItemPlaceholder.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+interface ItemPlaceholderProps {
+    depth: number;
+}
+declare const ItemPlaceholder: (({ depth }: ItemPlaceholderProps) => React.JSX.Element) & {
+    original: ({ depth }: ItemPlaceholderProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ depth }: ItemPlaceholderProps) => React.JSX.Element) & {
+        original: ({ depth }: ItemPlaceholderProps) => React.JSX.Element;
+        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;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { ItemPlaceholder, type ItemPlaceholderProps };

package/Tree/components/ItemPlaceholder.js

@@ -0,0 +1,17 @@
+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
+    }
+  });
+};
+const ItemPlaceholder = makeDecoratable("TreeItemPlaceholder", BaseItemPlaceholder);
+export { ItemPlaceholder };
+
+//# sourceMappingURL=ItemPlaceholder.js.map

package/Tree/components/ItemPlaceholder.js.map

@@ -0,0 +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":[]}

package/Tree/components/ItemSubIndentation.d.ts

@@ -0,0 +1,24 @@
+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;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ level }: ItemSubIndentationProps) => React.JSX.Element) & {
+        original: ({ level }: ItemSubIndentationProps) => React.JSX.Element;
+        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;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { ItemSubIndentation, type ItemSubIndentationProps };

package/Tree/components/ItemSubIndentation.js

@@ -0,0 +1,24 @@
+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"
+  }))));
+};
+const ItemSubIndentation = makeDecoratable("TreeItemSubIndentation", BaseItemSubIndentation);
+export { ItemSubIndentation };
+
+//# sourceMappingURL=ItemSubIndentation.js.map

package/Tree/components/ItemSubIndentation.js.map

@@ -0,0 +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":[]}

package/Tree/components/index.d.ts

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

package/Tree/components/index.js

@@ -0,0 +1,9 @@
+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

package/Tree/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Item\";\nexport * from \"./ItemCollapseTrigger\";\nexport * from \"./ItemContent\";\nexport * from \"./ItemDragHandle\";\nexport * from \"./ItemIcon\";\nexport * from \"./ItemPlaceholder\";\nexport * from \"./ItemSubIndentation\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/Tree/domains/Node.d.ts

@@ -0,0 +1,27 @@
+export interface NodeParams<TData = Record<string, any>> {
+    id: string;
+    parentId: string;
+    droppable?: boolean;
+    active?: boolean;
+    loading?: boolean;
+    label: string;
+    data?: TData;
+}
+export declare class Node<TData = Record<string, any>> {
+    private readonly _id;
+    private readonly _parentId;
+    private readonly _droppable;
+    private readonly _active;
+    private readonly _loading;
+    private readonly _label;
+    private readonly _data;
+    protected constructor(params: NodeParams<TData>);
+    static create<TData = Record<string, any>>(data: NodeParams<TData>): Node<TData>;
+    get id(): string;
+    get label(): string;
+    get parentId(): string;
+    get droppable(): boolean;
+    get active(): boolean;
+    get loading(): boolean;
+    get data(): TData;
+}

package/Tree/domains/Node.js

@@ -0,0 +1,37 @@
+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;
+  }
+}
+
+//# sourceMappingURL=Node.js.map

package/Tree/domains/Node.js.map

@@ -0,0 +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":[]}

package/Tree/domains/NodeDto.d.ts

@@ -0,0 +1,9 @@
+export interface NodeDto<TData = Record<string, any>> {
+    id: string;
+    label: string;
+    parentId: string;
+    droppable?: boolean;
+    active?: boolean;
+    loading?: boolean;
+    data?: TData;
+}

package/Tree/domains/NodeDto.js

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

package/Tree/domains/NodeDto.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["NodeDto.ts"],"sourcesContent":["export interface NodeDto<TData = Record<string, any>> {\n    id: string;\n    label: string;\n    parentId: string;\n    droppable?: boolean;\n    active?: boolean;\n    loading?: boolean;\n    data?: TData;\n}\n"],"mappings":"","ignoreList":[]}

package/Tree/domains/NodeFormatted.d.ts

@@ -0,0 +1,16 @@
+export type NodeFormattedDefaultData = {
+    id: string;
+    label: string;
+    parentId: string;
+    droppable: boolean;
+    active: boolean;
+    loading: boolean;
+};
+export type WithDefaultNodeData<T> = NodeFormattedDefaultData & T;
+export interface NodeFormatted<TData = Record<string, any>> {
+    id: string;
+    text: string;
+    parent: string;
+    droppable: boolean;
+    data: WithDefaultNodeData<TData>;
+}

package/Tree/domains/NodeFormatted.js

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

package/Tree/domains/NodeFormatted.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["NodeFormatted.ts"],"sourcesContent":["export type NodeFormattedDefaultData = {\n    id: string;\n    label: string;\n    parentId: string;\n    droppable: boolean;\n    active: boolean;\n    loading: boolean;\n};\n\nexport type WithDefaultNodeData<T> = NodeFormattedDefaultData & T;\n\nexport interface NodeFormatted<TData = Record<string, any>> {\n    id: string;\n    text: string;\n    parent: string;\n    droppable: boolean;\n    data: WithDefaultNodeData<TData>;\n}\n"],"mappings":"","ignoreList":[]}

package/Tree/domains/NodeFormatter.d.ts

@@ -0,0 +1,7 @@
+import type { Node } from "./Node";
+import type { NodeFormatted } from "./NodeFormatted";
+import type { NodeDto } from "./NodeDto";
+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

@@ -0,0 +1,30 @@
+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
+    };
+  }
+}
+
+//# sourceMappingURL=NodeFormatter.js.map

package/Tree/domains/NodeFormatter.js.map

@@ -0,0 +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":[]}

package/Tree/domains/index.d.ts

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

package/Tree/domains/index.js

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

package/Tree/domains/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Node\";\nexport * from \"./NodeDto\";\nexport * from \"./NodeFormatted\";\nexport * from \"./NodeFormatter\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}

package/Tree/index.d.ts

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

package/Tree/index.js

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

package/Tree/index.js.map

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

package/Tree/presenters/TreePresenter.d.ts

@@ -0,0 +1,38 @@
+import { Node, type NodeFormatted, type NodeParams } from "../domains";
+interface TreePresenterInitParams {
+    rootId?: string;
+    defaultOpenNodeIds?: string[];
+    defaultLockedOpenNodeIds?: string[];
+    loadingNodeIds?: string[];
+}
+interface ITreePresenter<TData = unknown> {
+    init: (params: TreePresenterInitParams) => void;
+    initNodes: (nodes?: NodeParams<TData>[]) => void;
+    handleDrop: (newTree: Node<TData>[]) => Promise<void>;
+    vm: {
+        nodes: NodeFormatted<TData>[];
+        rootId: string;
+        openNodeIds: string[];
+        lockedOpenNodeIds?: string[];
+        loadingNodeIds?: string[];
+    };
+}
+declare class TreePresenter<TData = unknown> implements ITreePresenter<TData> {
+    private nodes;
+    private openNodeIds;
+    private lockedOpenNodeIds;
+    private loadingNodeIds;
+    private rootId;
+    constructor();
+    get vm(): {
+        nodes: NodeFormatted<TData>[];
+        openNodeIds: string[];
+        lockedOpenNodeIds: string[];
+        loadingNodeIds: string[];
+        rootId: string;
+    };
+    init(params: TreePresenterInitParams): void;
+    initNodes(nodes?: NodeParams<TData>[]): void;
+    handleDrop: (newTree: NodeParams<TData>[]) => Promise<void>;
+}
+export { TreePresenter, type TreePresenterInitParams };

package/Tree/presenters/TreePresenter.js

@@ -0,0 +1,48 @@
+import { makeAutoObservable } from "mobx";
+import { Node, NodeFormatter } from "../domains";
+class TreePresenter {
+  nodes = [];
+  openNodeIds = [];
+  lockedOpenNodeIds = [];
+  loadingNodeIds = [];
+  rootId = "";
+  constructor() {
+    makeAutoObservable(this);
+  }
+  get vm() {
+    return {
+      nodes: this.nodes.map(item => NodeFormatter.toFormatted(item, this.loadingNodeIds)),
+      openNodeIds: this.openNodeIds,
+      lockedOpenNodeIds: this.lockedOpenNodeIds,
+      loadingNodeIds: this.loadingNodeIds,
+      rootId: this.rootId
+    };
+  }
+  init(params) {
+    this.openNodeIds = params.defaultOpenNodeIds ?? [];
+    this.lockedOpenNodeIds = params.defaultLockedOpenNodeIds ?? [];
+    this.loadingNodeIds = params.loadingNodeIds ?? [];
+    this.rootId = params.rootId ?? "0";
+  }
+  initNodes(nodes) {
+    this.nodes = (nodes ?? []).map(item => Node.create(item));
+  }
+  handleDrop = async newTree => {
+    const oldNodes = [...this.nodes];
+    try {
+      // Update the nodes based on the new tree structure
+      this.nodes = newTree.map(item => Node.create({
+        id: String(item.id),
+        label: item.label,
+        parentId: String(item.parentId),
+        droppable: item.droppable,
+        data: item.data
+      }));
+    } catch (error) {
+      this.nodes = [...oldNodes]; // Revert to old nodes in case of error
+    }
+  };
+}
+export { TreePresenter };
+
+//# sourceMappingURL=TreePresenter.js.map

package/Tree/presenters/TreePresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","Node","NodeFormatter","TreePresenter","nodes","openNodeIds","lockedOpenNodeIds","loadingNodeIds","rootId","constructor","vm","map","item","toFormatted","init","params","defaultOpenNodeIds","defaultLockedOpenNodeIds","initNodes","create","handleDrop","newTree","oldNodes","id","String","label","parentId","droppable","data","error"],"sources":["TreePresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { Node, type NodeFormatted, type NodeParams, NodeFormatter } from \"../domains\";\n\ninterface TreePresenterInitParams {\n    rootId?: string;\n    defaultOpenNodeIds?: string[];\n    defaultLockedOpenNodeIds?: string[];\n    loadingNodeIds?: string[];\n}\n\ninterface ITreePresenter<TData = unknown> {\n    init: (params: TreePresenterInitParams) => void;\n    initNodes: (nodes?: NodeParams<TData>[]) => void;\n    handleDrop: (newTree: Node<TData>[]) => Promise<void>;\n    vm: {\n        nodes: NodeFormatted<TData>[];\n        rootId: string;\n        openNodeIds: string[];\n        lockedOpenNodeIds?: string[];\n        loadingNodeIds?: string[];\n    };\n}\n\nclass TreePresenter<TData = unknown> implements ITreePresenter<TData> {\n    private nodes: Node<TData>[] = [];\n    private openNodeIds: string[] = [];\n    private lockedOpenNodeIds: string[] = [];\n    private loadingNodeIds: string[] = [];\n    private rootId: string = \"\";\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    get vm() {\n        return {\n            nodes: this.nodes.map(item =>\n                NodeFormatter.toFormatted<TData>(item, this.loadingNodeIds)\n            ),\n            openNodeIds: this.openNodeIds,\n            lockedOpenNodeIds: this.lockedOpenNodeIds,\n            loadingNodeIds: this.loadingNodeIds,\n            rootId: this.rootId\n        };\n    }\n\n    public init(params: TreePresenterInitParams) {\n        this.openNodeIds = params.defaultOpenNodeIds ?? [];\n        this.lockedOpenNodeIds = params.defaultLockedOpenNodeIds ?? [];\n        this.loadingNodeIds = params.loadingNodeIds ?? [];\n        this.rootId = params.rootId ?? \"0\";\n    }\n\n    public initNodes(nodes?: NodeParams<TData>[]) {\n        this.nodes = (nodes ?? []).map(item => Node.create<TData>(item));\n    }\n\n    public handleDrop = async (newTree: NodeParams<TData>[]): Promise<void> => {\n        const oldNodes = [...this.nodes];\n\n        try {\n            // Update the nodes based on the new tree structure\n            this.nodes = newTree.map(item =>\n                Node.create<TData>({\n                    id: String(item.id),\n                    label: item.label,\n                    parentId: String(item.parentId),\n                    droppable: item.droppable,\n                    data: item.data\n                })\n            );\n        } catch (error) {\n            this.nodes = [...oldNodes]; // Revert to old nodes in case of error\n        }\n    };\n}\n\nexport { TreePresenter, type TreePresenterInitParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AACzC,SAASC,IAAI,EAAuCC,aAAa;AAsBjE,MAAMC,aAAa,CAAmD;EAC1DC,KAAK,GAAkB,EAAE;EACzBC,WAAW,GAAa,EAAE;EAC1BC,iBAAiB,GAAa,EAAE;EAChCC,cAAc,GAAa,EAAE;EAC7BC,MAAM,GAAW,EAAE;EAE3BC,WAAWA,CAAA,EAAG;IACVT,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,IAAIU,EAAEA,CAAA,EAAG;IACL,OAAO;MACHN,KAAK,EAAE,IAAI,CAACA,KAAK,CAACO,GAAG,CAACC,IAAI,IACtBV,aAAa,CAACW,WAAW,CAAQD,IAAI,EAAE,IAAI,CAACL,cAAc,CAC9D,CAAC;MACDF,WAAW,EAAE,IAAI,CAACA,WAAW;MAC7BC,iBAAiB,EAAE,IAAI,CAACA,iBAAiB;MACzCC,cAAc,EAAE,IAAI,CAACA,cAAc;MACnCC,MAAM,EAAE,IAAI,CAACA;IACjB,CAAC;EACL;EAEOM,IAAIA,CAACC,MAA+B,EAAE;IACzC,IAAI,CAACV,WAAW,GAAGU,MAAM,CAACC,kBAAkB,IAAI,EAAE;IAClD,IAAI,CAACV,iBAAiB,GAAGS,MAAM,CAACE,wBAAwB,IAAI,EAAE;IAC9D,IAAI,CAACV,cAAc,GAAGQ,MAAM,CAACR,cAAc,IAAI,EAAE;IACjD,IAAI,CAACC,MAAM,GAAGO,MAAM,CAACP,MAAM,IAAI,GAAG;EACtC;EAEOU,SAASA,CAACd,KAA2B,EAAE;IAC1C,IAAI,CAACA,KAAK,GAAG,CAACA,KAAK,IAAI,EAAE,EAAEO,GAAG,CAACC,IAAI,IAAIX,IAAI,CAACkB,MAAM,CAAQP,IAAI,CAAC,CAAC;EACpE;EAEOQ,UAAU,GAAG,MAAOC,OAA4B,IAAoB;IACvE,MAAMC,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAClB,KAAK,CAAC;IAEhC,IAAI;MACA;MACA,IAAI,CAACA,KAAK,GAAGiB,OAAO,CAACV,GAAG,CAACC,IAAI,IACzBX,IAAI,CAACkB,MAAM,CAAQ;QACfI,EAAE,EAAEC,MAAM,CAACZ,IAAI,CAACW,EAAE,CAAC;QACnBE,KAAK,EAAEb,IAAI,CAACa,KAAK;QACjBC,QAAQ,EAAEF,MAAM,CAACZ,IAAI,CAACc,QAAQ,CAAC;QAC/BC,SAAS,EAAEf,IAAI,CAACe,SAAS;QACzBC,IAAI,EAAEhB,IAAI,CAACgB;MACf,CAAC,CACL,CAAC;IACL,CAAC,CAAC,OAAOC,KAAK,EAAE;MACZ,IAAI,CAACzB,KAAK,GAAG,CAAC,GAAGkB,QAAQ,CAAC,CAAC,CAAC;IAChC;EACJ,CAAC;AACL;AAEA,SAASnB,aAAa","ignoreList":[]}

package/Tree/presenters/TreePresenter.test.d.ts

@@ -0,0 +1 @@
+export {};