@mdesignable/react 1.0.0-beta.64

package/esm/containers/Designer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IDesignerProps } from '../types';
+export declare const Designer: React.FC<React.PropsWithChildren<IDesignerProps>>;

package/esm/containers/Designer.js

@@ -0,0 +1,49 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useEffect, useRef } from 'react';
+import { GlobalRegistry } from '@mdesignable/core';
+import { DesignerEngineContext } from '../context';
+import { GhostWidget } from '../widgets';
+import { useDesigner } from '../hooks';
+import { Layout } from './Layout';
+import * as icons from '../icons';
+GlobalRegistry.registerDesignerIcons(icons);
+export var Designer = function (props) {
+    var engine = useDesigner();
+    var ref = useRef();
+    useEffect(function () {
+        if (props.engine) {
+            if (props.engine && ref.current) {
+                if (props.engine !== ref.current) {
+                    ref.current.unmount();
+                }
+            }
+            props.engine.mount();
+            ref.current = props.engine;
+        }
+        return function () {
+            if (props.engine) {
+                props.engine.unmount();
+            }
+        };
+    }, [props.engine]);
+    if (engine)
+        throw new Error('There can only be one Designable Engine Context in the React Tree');
+    return (React.createElement(Layout, __assign({}, props),
+        React.createElement(DesignerEngineContext.Provider, { value: props.engine },
+            props.children,
+            React.createElement(GhostWidget, null))));
+};
+Designer.defaultProps = {
+    prefixCls: 'dn-',
+    theme: 'light',
+};

package/esm/containers/Layout.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IDesignerLayoutProps } from '../types';
+export declare const Layout: React.FC<IDesignerLayoutProps>;

package/esm/containers/Layout.js

@@ -0,0 +1,33 @@
+import React, { useContext, Fragment, useRef, useLayoutEffect } from 'react';
+import { each } from '@mdesignable/shared';
+import { DesignerLayoutContext } from '../context';
+import cls from 'classnames';
+export var Layout = function (props) {
+    var _a;
+    var layout = useContext(DesignerLayoutContext);
+    var ref = useRef();
+    useLayoutEffect(function () {
+        if (ref.current) {
+            each(props.variables, function (value, key) {
+                ref.current.style.setProperty("--".concat(key), value);
+            });
+        }
+    }, []);
+    if (layout) {
+        return React.createElement(Fragment, null, props.children);
+    }
+    return (React.createElement("div", { ref: ref, className: cls((_a = {},
+            _a["".concat(props.prefixCls, "app")] = true,
+            _a["".concat(props.prefixCls).concat(props.theme)] = props.theme,
+            _a)) },
+        React.createElement(DesignerLayoutContext.Provider, { value: {
+                theme: props.theme,
+                prefixCls: props.prefixCls,
+                position: props.position,
+            } }, props.children)));
+};
+Layout.defaultProps = {
+    theme: 'light',
+    prefixCls: 'dn-',
+    position: 'fixed',
+};

package/esm/containers/Simulator.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export type ISimulatorProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const Simulator: React.FC<ISimulatorProps>;

package/esm/containers/Simulator.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { ScreenType } from '@mdesignable/core';
+import { requestIdle } from '@mdesignable/shared';
+import { observer } from '@formily/reactive-react';
+import { useScreen } from '../hooks';
+import { MobileSimulator, PCSimulator, ResponsiveSimulator, } from '../simulators';
+export var Simulator = observer(function (props) {
+    var screen = useScreen();
+    if (screen.type === ScreenType.PC)
+        return React.createElement(PCSimulator, __assign({}, props), props.children);
+    if (screen.type === ScreenType.Mobile)
+        return React.createElement(MobileSimulator, __assign({}, props), props.children);
+    if (screen.type === ScreenType.Responsive)
+        return (React.createElement(ResponsiveSimulator, __assign({}, props), props.children));
+    return React.createElement(PCSimulator, __assign({}, props), props.children);
+}, {
+    scheduler: requestIdle,
+});

package/esm/containers/Viewport.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface IViewportProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'placeholder'> {
+    placeholder?: React.ReactNode;
+    dragTipsDirection?: 'left' | 'right';
+}
+export declare const Viewport: React.FC<IViewportProps>;

package/esm/containers/Viewport.js

@@ -0,0 +1,84 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React, { useLayoutEffect, useRef, useState } from 'react';
+import { usePrefix, useViewport } from '../hooks';
+import { AuxToolWidget, EmptyWidget } from '../widgets';
+import { requestIdle, globalThisPolyfill } from '@mdesignable/shared';
+import cls from 'classnames';
+export var Viewport = function (_a) {
+    var placeholder = _a.placeholder, dragTipsDirection = _a.dragTipsDirection, props = __rest(_a, ["placeholder", "dragTipsDirection"]);
+    var _b = __read(useState(false), 2), loaded = _b[0], setLoaded = _b[1];
+    var prefix = usePrefix('viewport');
+    var viewport = useViewport();
+    var ref = useRef();
+    var viewportRef = useRef();
+    var isFrameRef = useRef(false);
+    useLayoutEffect(function () {
+        var frameElement = ref.current.querySelector('iframe');
+        if (!viewport)
+            return;
+        if (viewportRef.current && viewportRef.current !== viewport) {
+            viewportRef.current.onUnmount();
+        }
+        if (frameElement) {
+            frameElement.addEventListener('load', function () {
+                viewport.onMount(frameElement, frameElement.contentWindow);
+                requestIdle(function () {
+                    isFrameRef.current = true;
+                    setLoaded(true);
+                });
+            });
+        }
+        else {
+            viewport.onMount(ref.current, globalThisPolyfill);
+            requestIdle(function () {
+                isFrameRef.current = false;
+                setLoaded(true);
+            });
+        }
+        viewportRef.current = viewport;
+        return function () {
+            viewport.onUnmount();
+        };
+    }, [viewport]);
+    return (React.createElement("div", __assign({}, props, { ref: ref, className: cls(prefix, props.className), style: __assign({ opacity: !loaded ? 0 : 1, overflow: isFrameRef.current ? 'hidden' : 'overlay' }, props.style) }),
+        props.children,
+        React.createElement(AuxToolWidget, null),
+        React.createElement(EmptyWidget, { dragTipsDirection: dragTipsDirection }, placeholder)));
+};

package/esm/containers/Workbench.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Workbench: React.FC;

package/esm/containers/Workbench.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { observer } from '@formily/reactive-react';
+import { useWorkbench } from '../hooks';
+import { Workspace } from './Workspace';
+export var Workbench = observer(function (props) {
+    var _a;
+    var workbench = useWorkbench();
+    return (React.createElement(Workspace, { id: (_a = workbench.currentWorkspace) === null || _a === void 0 ? void 0 : _a.id }, props.children));
+});

package/esm/containers/Workspace.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface IWorkspaceProps {
+    id?: string;
+    title?: string;
+    description?: string;
+}
+export declare const Workspace: React.FC<IWorkspaceProps>;

package/esm/containers/Workspace.js

@@ -0,0 +1,38 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useMemo, useRef, Fragment } from 'react';
+import { useDesigner } from '../hooks';
+import { WorkspaceContext } from '../context';
+export var Workspace = function (_a) {
+    var id = _a.id, title = _a.title, description = _a.description, props = __rest(_a, ["id", "title", "description"]);
+    var oldId = useRef();
+    var designer = useDesigner();
+    var workspace = useMemo(function () {
+        if (!designer)
+            return;
+        if (oldId.current && oldId.current !== id) {
+            var old = designer.workbench.findWorkspaceById(oldId.current);
+            if (old)
+                old.viewport.detachEvents();
+        }
+        var workspace = {
+            id: id || 'index',
+            title: title,
+            description: description,
+        };
+        designer.workbench.ensureWorkspace(workspace);
+        oldId.current = workspace.id;
+        return workspace;
+    }, [id, designer]);
+    return (React.createElement(Fragment, null,
+        React.createElement(WorkspaceContext.Provider, { value: workspace }, props.children)));
+};

package/esm/containers/index.d.ts

@@ -0,0 +1,7 @@
+import './styles.less';
+export * from './Layout';
+export * from './Designer';
+export * from './Workspace';
+export * from './Simulator';
+export * from './Viewport';
+export * from './Workbench';

package/esm/containers/index.js

@@ -0,0 +1,7 @@
+import './styles.less';
+export * from './Layout';
+export * from './Designer';
+export * from './Workspace';
+export * from './Simulator';
+export * from './Viewport';
+export * from './Workbench';

package/esm/containers/styles.less

@@ -0,0 +1,19 @@
+@import '../variables.less';
+
+.@{prefix-cls}-viewport {
+  height: 100%;
+  width: 100%;
+  min-height: 100px;
+  position: relative;
+  outline: none;
+  box-sizing: border-box;
+  user-select: none;
+  overflow: overlay;
+
+  // & > * {
+  //   width: fit-content;
+  //   height: fit-content;
+  //   min-width: 100%;
+  //   min-height: 100%;
+  // }
+}

package/esm/context.d.ts

@@ -0,0 +1,7 @@
+import { TreeNode, Engine } from '@mdesignable/core';
+import { IDesignerLayoutContext, IWorkspaceContext, IDesignerComponents } from './types';
+export declare const DesignerComponentsContext: import("react").Context<IDesignerComponents>;
+export declare const DesignerLayoutContext: import("react").Context<IDesignerLayoutContext>;
+export declare const DesignerEngineContext: import("react").Context<Engine>;
+export declare const TreeNodeContext: import("react").Context<TreeNode>;
+export declare const WorkspaceContext: import("react").Context<IWorkspaceContext>;

package/esm/context.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+export var DesignerComponentsContext = createContext({});
+export var DesignerLayoutContext = createContext(null);
+export var DesignerEngineContext = createContext(null);
+export var TreeNodeContext = createContext(null);
+export var WorkspaceContext = createContext(null);

package/esm/hooks/index.d.ts

@@ -0,0 +1,25 @@
+export * from './useDesigner';
+export * from './useCursor';
+export * from './useScreen';
+export * from './useTree';
+export * from './useTheme';
+export * from './usePosition';
+export * from './useTreeNode';
+export * from './useHover';
+export * from './useViewport';
+export * from './useOutline';
+export * from './useSelection';
+export * from './useOperation';
+export * from './useWorkbench';
+export * from './useWorkspace';
+export * from './useLayout';
+export * from './useHistory';
+export * from './usePrefix';
+export * from './useRegistry';
+export * from './useValidNodeOffsetRect';
+export * from './useMoveHelper';
+export * from './useNodeIdProps';
+export * from './useTransformHelper';
+export * from './useSelectedNode';
+export * from './useSelected';
+export * from './useComponents';

package/esm/hooks/index.js

@@ -0,0 +1,25 @@
+export * from './useDesigner';
+export * from './useCursor';
+export * from './useScreen';
+export * from './useTree';
+export * from './useTheme';
+export * from './usePosition';
+export * from './useTreeNode';
+export * from './useHover';
+export * from './useViewport';
+export * from './useOutline';
+export * from './useSelection';
+export * from './useOperation';
+export * from './useWorkbench';
+export * from './useWorkspace';
+export * from './useLayout';
+export * from './useHistory';
+export * from './usePrefix';
+export * from './useRegistry';
+export * from './useValidNodeOffsetRect';
+export * from './useMoveHelper';
+export * from './useNodeIdProps';
+export * from './useTransformHelper';
+export * from './useSelectedNode';
+export * from './useSelected';
+export * from './useComponents';

package/esm/hooks/useComponents.d.ts

@@ -0,0 +1 @@
+export declare const useComponents: () => import("..").IDesignerComponents;

package/esm/hooks/useComponents.js

@@ -0,0 +1,3 @@
+import { useContext } from 'react';
+import { DesignerComponentsContext } from '../context';
+export var useComponents = function () { return useContext(DesignerComponentsContext); };

package/esm/hooks/useCursor.d.ts

@@ -0,0 +1 @@
+export declare const useCursor: () => import("packages/core/lib").Cursor;

package/esm/hooks/useCursor.js

@@ -0,0 +1,5 @@
+import { useDesigner } from './useDesigner';
+export var useCursor = function () {
+    var designer = useDesigner();
+    return designer.cursor;
+};

package/esm/hooks/useDesigner.d.ts

@@ -0,0 +1,5 @@
+import { Engine } from '@mdesignable/core';
+export interface IEffects {
+    (engine: Engine): void;
+}
+export declare const useDesigner: (effects?: IEffects) => Engine;

package/esm/hooks/useDesigner.js

@@ -0,0 +1,13 @@
+import { useContext, useEffect } from 'react';
+import { DesignerEngineContext } from '../context';
+import { isFn, globalThisPolyfill } from '@mdesignable/shared';
+export var useDesigner = function (effects) {
+    var designer = globalThisPolyfill['__DESIGNABLE_ENGINE__'] ||
+        useContext(DesignerEngineContext);
+    useEffect(function () {
+        if (isFn(effects)) {
+            return effects(designer);
+        }
+    }, []);
+    return designer;
+};

package/esm/hooks/useHistory.d.ts

@@ -0,0 +1 @@
+export declare const useHistory: (workspaceId?: string) => import("packages/core/lib").History<import("packages/core/lib").Workspace>;

package/esm/hooks/useHistory.js

@@ -0,0 +1,5 @@
+import { useWorkspace } from './useWorkspace';
+export var useHistory = function (workspaceId) {
+    var workspace = useWorkspace(workspaceId);
+    return workspace === null || workspace === void 0 ? void 0 : workspace.history;
+};

package/esm/hooks/useHover.d.ts

@@ -0,0 +1 @@
+export declare const useHover: (workspaceId?: string) => import("packages/core/lib/models/Hover").Hover;

package/esm/hooks/useHover.js

@@ -0,0 +1,5 @@
+import { useOperation } from './useOperation';
+export var useHover = function (workspaceId) {
+    var operation = useOperation(workspaceId);
+    return operation === null || operation === void 0 ? void 0 : operation.hover;
+};

package/esm/hooks/useLayout.d.ts

@@ -0,0 +1,2 @@
+import { IDesignerLayoutContext } from '../types';
+export declare const useLayout: () => IDesignerLayoutContext;

package/esm/hooks/useLayout.js

@@ -0,0 +1,7 @@
+import { useContext } from 'react';
+import { DesignerLayoutContext } from '../context';
+import { globalThisPolyfill } from '@mdesignable/shared';
+export var useLayout = function () {
+    return (globalThisPolyfill['__DESIGNABLE_LAYOUT__'] ||
+        useContext(DesignerLayoutContext));
+};

package/esm/hooks/useMoveHelper.d.ts

@@ -0,0 +1 @@
+export declare const useMoveHelper: (workspaceId?: string) => import("packages/core/lib").MoveHelper;

package/esm/hooks/useMoveHelper.js

@@ -0,0 +1,5 @@
+import { useOperation } from './useOperation';
+export var useMoveHelper = function (workspaceId) {
+    var operation = useOperation(workspaceId);
+    return operation === null || operation === void 0 ? void 0 : operation.moveHelper;
+};

package/esm/hooks/useNodeIdProps.d.ts

@@ -0,0 +1,4 @@
+import { TreeNode } from '@mdesignable/core';
+export declare const useNodeIdProps: (node?: TreeNode) => {
+    [x: string]: string;
+};

package/esm/hooks/useNodeIdProps.js

@@ -0,0 +1,10 @@
+import { useDesigner } from './useDesigner';
+import { useTreeNode } from './useTreeNode';
+export var useNodeIdProps = function (node) {
+    var _a;
+    var target = useTreeNode();
+    var designer = useDesigner();
+    return _a = {},
+        _a[designer.props.nodeIdAttrName] = node ? node.id : target.id,
+        _a;
+};

package/esm/hooks/useOperation.d.ts

@@ -0,0 +1 @@
+export declare const useOperation: (workspaceId?: string) => import("packages/core/lib").Operation;

package/esm/hooks/useOperation.js

@@ -0,0 +1,5 @@
+import { useWorkspace } from './useWorkspace';
+export var useOperation = function (workspaceId) {
+    var workspace = useWorkspace(workspaceId);
+    return workspace === null || workspace === void 0 ? void 0 : workspace.operation;
+};

package/esm/hooks/useOutline.d.ts

@@ -0,0 +1 @@
+export declare const useOutline: (workspaceId?: string) => import("packages/core/lib").Viewport;

package/esm/hooks/useOutline.js

@@ -0,0 +1,5 @@
+import { useWorkspace } from './useWorkspace';
+export var useOutline = function (workspaceId) {
+    var workspace = useWorkspace(workspaceId);
+    return workspace === null || workspace === void 0 ? void 0 : workspace.outline;
+};

package/esm/hooks/usePosition.d.ts

@@ -0,0 +1 @@
+export declare const usePosition: () => "fixed" | "absolute" | "relative";

package/esm/hooks/usePosition.js

@@ -0,0 +1,5 @@
+import { useLayout } from './useLayout';
+export var usePosition = function () {
+    var _a;
+    return (_a = useLayout()) === null || _a === void 0 ? void 0 : _a.position;
+};

package/esm/hooks/usePrefix.d.ts

@@ -0,0 +1 @@
+export declare const usePrefix: (after?: string) => string;

package/esm/hooks/usePrefix.js

@@ -0,0 +1,6 @@
+import { useLayout } from './useLayout';
+export var usePrefix = function (after) {
+    var _a;
+    if (after === void 0) { after = ''; }
+    return ((_a = useLayout()) === null || _a === void 0 ? void 0 : _a.prefixCls) + after;
+};

package/esm/hooks/useRegistry.d.ts

@@ -0,0 +1,2 @@
+import { IDesignerRegistry } from '@mdesignable/core';
+export declare const useRegistry: () => IDesignerRegistry;

package/esm/hooks/useRegistry.js

@@ -0,0 +1,5 @@
+import { GlobalRegistry } from '@mdesignable/core';
+import { globalThisPolyfill } from '@mdesignable/shared';
+export var useRegistry = function () {
+    return globalThisPolyfill['__DESIGNER_REGISTRY__'] || GlobalRegistry;
+};

package/esm/hooks/useScreen.d.ts

@@ -0,0 +1 @@
+export declare const useScreen: () => import("packages/core/lib").Screen;

package/esm/hooks/useScreen.js

@@ -0,0 +1,4 @@
+import { useDesigner } from './useDesigner';
+export var useScreen = function () {
+    return useDesigner().screen;
+};

package/esm/hooks/useSelected.d.ts

@@ -0,0 +1 @@
+export declare const useSelected: (workspaceId?: string) => string[];

package/esm/hooks/useSelected.js

@@ -0,0 +1,5 @@
+import { useSelection } from './useSelection';
+export var useSelected = function (workspaceId) {
+    var selection = useSelection(workspaceId);
+    return (selection === null || selection === void 0 ? void 0 : selection.selected) || [];
+};

package/esm/hooks/useSelectedNode.d.ts

@@ -0,0 +1,6 @@
+export declare const useSelectedNode: (workspaceId?: string) => import("packages/core/lib").TreeNode;
+/**
+ * @deprecated
+ * please use useSelectedNode
+ */
+export declare const useCurrentNode: (workspaceId?: string) => import("packages/core/lib").TreeNode;

package/esm/hooks/useSelectedNode.js

@@ -0,0 +1,13 @@
+import { useSelected } from './useSelected';
+import { useTree } from './useTree';
+export var useSelectedNode = function (workspaceId) {
+    var _a;
+    var selected = useSelected(workspaceId);
+    var tree = useTree(workspaceId);
+    return (_a = tree === null || tree === void 0 ? void 0 : tree.findById) === null || _a === void 0 ? void 0 : _a.call(tree, selected[0]);
+};
+/**
+ * @deprecated
+ * please use useSelectedNode
+ */
+export var useCurrentNode = useSelectedNode;

package/esm/hooks/useSelection.d.ts

@@ -0,0 +1 @@
+export declare const useSelection: (workspaceId?: string) => import("packages/core/lib").Selection;

package/esm/hooks/useSelection.js

@@ -0,0 +1,5 @@
+import { useOperation } from './useOperation';
+export var useSelection = function (workspaceId) {
+    var operation = useOperation(workspaceId);
+    return operation === null || operation === void 0 ? void 0 : operation.selection;
+};

package/esm/hooks/useTheme.d.ts

@@ -0,0 +1 @@
+export declare const useTheme: () => (string & {}) | "dark" | "light";

package/esm/hooks/useTheme.js

@@ -0,0 +1,5 @@
+import { useLayout } from './useLayout';
+export var useTheme = function () {
+    var _a;
+    return (_a = useLayout()) === null || _a === void 0 ? void 0 : _a.theme;
+};

package/esm/hooks/useTransformHelper.d.ts

@@ -0,0 +1 @@
+export declare const useTransformHelper: (workspaceId?: string) => import("packages/core/lib/models/TransformHelper").TransformHelper;

package/esm/hooks/useTransformHelper.js

@@ -0,0 +1,5 @@
+import { useOperation } from './useOperation';
+export var useTransformHelper = function (workspaceId) {
+    var operation = useOperation(workspaceId);
+    return operation === null || operation === void 0 ? void 0 : operation.transformHelper;
+};

package/esm/hooks/useTree.d.ts

@@ -0,0 +1 @@
+export declare const useTree: (workspaceId?: string) => import("packages/core/lib").TreeNode;

package/esm/hooks/useTree.js

@@ -0,0 +1,5 @@
+import { useOperation } from './useOperation';
+export var useTree = function (workspaceId) {
+    var operation = useOperation(workspaceId);
+    return operation === null || operation === void 0 ? void 0 : operation.tree;
+};

package/esm/hooks/useTreeNode.d.ts

@@ -0,0 +1 @@
+export declare const useTreeNode: () => import("packages/core/lib").TreeNode;