@mdesignable/react 1.0.0-beta.64

package/lib/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/lib/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/lib/context.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkspaceContext = exports.TreeNodeContext = exports.DesignerEngineContext = exports.DesignerLayoutContext = exports.DesignerComponentsContext = void 0;
+var react_1 = require("react");
+exports.DesignerComponentsContext = (0, react_1.createContext)({});
+exports.DesignerLayoutContext = (0, react_1.createContext)(null);
+exports.DesignerEngineContext = (0, react_1.createContext)(null);
+exports.TreeNodeContext = (0, react_1.createContext)(null);
+exports.WorkspaceContext = (0, react_1.createContext)(null);

package/lib/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/lib/hooks/index.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useDesigner"), exports);
+__exportStar(require("./useCursor"), exports);
+__exportStar(require("./useScreen"), exports);
+__exportStar(require("./useTree"), exports);
+__exportStar(require("./useTheme"), exports);
+__exportStar(require("./usePosition"), exports);
+__exportStar(require("./useTreeNode"), exports);
+__exportStar(require("./useHover"), exports);
+__exportStar(require("./useViewport"), exports);
+__exportStar(require("./useOutline"), exports);
+__exportStar(require("./useSelection"), exports);
+__exportStar(require("./useOperation"), exports);
+__exportStar(require("./useWorkbench"), exports);
+__exportStar(require("./useWorkspace"), exports);
+__exportStar(require("./useLayout"), exports);
+__exportStar(require("./useHistory"), exports);
+__exportStar(require("./usePrefix"), exports);
+__exportStar(require("./useRegistry"), exports);
+__exportStar(require("./useValidNodeOffsetRect"), exports);
+__exportStar(require("./useMoveHelper"), exports);
+__exportStar(require("./useNodeIdProps"), exports);
+__exportStar(require("./useTransformHelper"), exports);
+__exportStar(require("./useSelectedNode"), exports);
+__exportStar(require("./useSelected"), exports);
+__exportStar(require("./useComponents"), exports);

package/lib/hooks/useComponents.d.ts

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

package/lib/hooks/useComponents.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useComponents = void 0;
+var react_1 = require("react");
+var context_1 = require("../context");
+var useComponents = function () { return (0, react_1.useContext)(context_1.DesignerComponentsContext); };
+exports.useComponents = useComponents;

package/lib/hooks/useCursor.d.ts

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

package/lib/hooks/useCursor.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCursor = void 0;
+var useDesigner_1 = require("./useDesigner");
+var useCursor = function () {
+    var designer = (0, useDesigner_1.useDesigner)();
+    return designer.cursor;
+};
+exports.useCursor = useCursor;

package/lib/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/lib/hooks/useDesigner.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDesigner = void 0;
+var react_1 = require("react");
+var context_1 = require("../context");
+var shared_1 = require("@mdesignable/shared");
+var useDesigner = function (effects) {
+    var designer = shared_1.globalThisPolyfill['__DESIGNABLE_ENGINE__'] ||
+        (0, react_1.useContext)(context_1.DesignerEngineContext);
+    (0, react_1.useEffect)(function () {
+        if ((0, shared_1.isFn)(effects)) {
+            return effects(designer);
+        }
+    }, []);
+    return designer;
+};
+exports.useDesigner = useDesigner;

package/lib/hooks/useHistory.d.ts

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

package/lib/hooks/useHistory.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHistory = void 0;
+var useWorkspace_1 = require("./useWorkspace");
+var useHistory = function (workspaceId) {
+    var workspace = (0, useWorkspace_1.useWorkspace)(workspaceId);
+    return workspace === null || workspace === void 0 ? void 0 : workspace.history;
+};
+exports.useHistory = useHistory;

package/lib/hooks/useHover.d.ts

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

package/lib/hooks/useHover.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHover = void 0;
+var useOperation_1 = require("./useOperation");
+var useHover = function (workspaceId) {
+    var operation = (0, useOperation_1.useOperation)(workspaceId);
+    return operation === null || operation === void 0 ? void 0 : operation.hover;
+};
+exports.useHover = useHover;

package/lib/hooks/useLayout.d.ts

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

package/lib/hooks/useLayout.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLayout = void 0;
+var react_1 = require("react");
+var context_1 = require("../context");
+var shared_1 = require("@mdesignable/shared");
+var useLayout = function () {
+    return (shared_1.globalThisPolyfill['__DESIGNABLE_LAYOUT__'] ||
+        (0, react_1.useContext)(context_1.DesignerLayoutContext));
+};
+exports.useLayout = useLayout;

package/lib/hooks/useMoveHelper.d.ts

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

package/lib/hooks/useMoveHelper.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMoveHelper = void 0;
+var useOperation_1 = require("./useOperation");
+var useMoveHelper = function (workspaceId) {
+    var operation = (0, useOperation_1.useOperation)(workspaceId);
+    return operation === null || operation === void 0 ? void 0 : operation.moveHelper;
+};
+exports.useMoveHelper = useMoveHelper;

package/lib/hooks/useNodeIdProps.d.ts

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

package/lib/hooks/useNodeIdProps.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNodeIdProps = void 0;
+var useDesigner_1 = require("./useDesigner");
+var useTreeNode_1 = require("./useTreeNode");
+var useNodeIdProps = function (node) {
+    var _a;
+    var target = (0, useTreeNode_1.useTreeNode)();
+    var designer = (0, useDesigner_1.useDesigner)();
+    return _a = {},
+        _a[designer.props.nodeIdAttrName] = node ? node.id : target.id,
+        _a;
+};
+exports.useNodeIdProps = useNodeIdProps;

package/lib/hooks/useOperation.d.ts

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

package/lib/hooks/useOperation.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOperation = void 0;
+var useWorkspace_1 = require("./useWorkspace");
+var useOperation = function (workspaceId) {
+    var workspace = (0, useWorkspace_1.useWorkspace)(workspaceId);
+    return workspace === null || workspace === void 0 ? void 0 : workspace.operation;
+};
+exports.useOperation = useOperation;

package/lib/hooks/useOutline.d.ts

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

package/lib/hooks/useOutline.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOutline = void 0;
+var useWorkspace_1 = require("./useWorkspace");
+var useOutline = function (workspaceId) {
+    var workspace = (0, useWorkspace_1.useWorkspace)(workspaceId);
+    return workspace === null || workspace === void 0 ? void 0 : workspace.outline;
+};
+exports.useOutline = useOutline;

package/lib/hooks/usePosition.d.ts

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

package/lib/hooks/usePosition.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePosition = void 0;
+var useLayout_1 = require("./useLayout");
+var usePosition = function () {
+    var _a;
+    return (_a = (0, useLayout_1.useLayout)()) === null || _a === void 0 ? void 0 : _a.position;
+};
+exports.usePosition = usePosition;

package/lib/hooks/usePrefix.d.ts

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

package/lib/hooks/usePrefix.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePrefix = void 0;
+var useLayout_1 = require("./useLayout");
+var usePrefix = function (after) {
+    var _a;
+    if (after === void 0) { after = ''; }
+    return ((_a = (0, useLayout_1.useLayout)()) === null || _a === void 0 ? void 0 : _a.prefixCls) + after;
+};
+exports.usePrefix = usePrefix;

package/lib/hooks/useRegistry.d.ts

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

package/lib/hooks/useRegistry.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRegistry = void 0;
+var core_1 = require("@mdesignable/core");
+var shared_1 = require("@mdesignable/shared");
+var useRegistry = function () {
+    return shared_1.globalThisPolyfill['__DESIGNER_REGISTRY__'] || core_1.GlobalRegistry;
+};
+exports.useRegistry = useRegistry;

package/lib/hooks/useScreen.d.ts

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

package/lib/hooks/useScreen.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useScreen = void 0;
+var useDesigner_1 = require("./useDesigner");
+var useScreen = function () {
+    return (0, useDesigner_1.useDesigner)().screen;
+};
+exports.useScreen = useScreen;

package/lib/hooks/useSelected.d.ts

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

package/lib/hooks/useSelected.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSelected = void 0;
+var useSelection_1 = require("./useSelection");
+var useSelected = function (workspaceId) {
+    var selection = (0, useSelection_1.useSelection)(workspaceId);
+    return (selection === null || selection === void 0 ? void 0 : selection.selected) || [];
+};
+exports.useSelected = useSelected;

package/lib/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/lib/hooks/useSelectedNode.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCurrentNode = exports.useSelectedNode = void 0;
+var useSelected_1 = require("./useSelected");
+var useTree_1 = require("./useTree");
+var useSelectedNode = function (workspaceId) {
+    var _a;
+    var selected = (0, useSelected_1.useSelected)(workspaceId);
+    var tree = (0, useTree_1.useTree)(workspaceId);
+    return (_a = tree === null || tree === void 0 ? void 0 : tree.findById) === null || _a === void 0 ? void 0 : _a.call(tree, selected[0]);
+};
+exports.useSelectedNode = useSelectedNode;
+/**
+ * @deprecated
+ * please use useSelectedNode
+ */
+exports.useCurrentNode = exports.useSelectedNode;

package/lib/hooks/useSelection.d.ts

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

package/lib/hooks/useSelection.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSelection = void 0;
+var useOperation_1 = require("./useOperation");
+var useSelection = function (workspaceId) {
+    var operation = (0, useOperation_1.useOperation)(workspaceId);
+    return operation === null || operation === void 0 ? void 0 : operation.selection;
+};
+exports.useSelection = useSelection;

package/lib/hooks/useTheme.d.ts

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

package/lib/hooks/useTheme.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = void 0;
+var useLayout_1 = require("./useLayout");
+var useTheme = function () {
+    var _a;
+    return (_a = (0, useLayout_1.useLayout)()) === null || _a === void 0 ? void 0 : _a.theme;
+};
+exports.useTheme = useTheme;

package/lib/hooks/useTransformHelper.d.ts

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

package/lib/hooks/useTransformHelper.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTransformHelper = void 0;
+var useOperation_1 = require("./useOperation");
+var useTransformHelper = function (workspaceId) {
+    var operation = (0, useOperation_1.useOperation)(workspaceId);
+    return operation === null || operation === void 0 ? void 0 : operation.transformHelper;
+};
+exports.useTransformHelper = useTransformHelper;

package/lib/hooks/useTree.d.ts

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

package/lib/hooks/useTree.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTree = void 0;
+var useOperation_1 = require("./useOperation");
+var useTree = function (workspaceId) {
+    var operation = (0, useOperation_1.useOperation)(workspaceId);
+    return operation === null || operation === void 0 ? void 0 : operation.tree;
+};
+exports.useTree = useTree;

package/lib/hooks/useTreeNode.d.ts

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

package/lib/hooks/useTreeNode.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTreeNode = void 0;
+var react_1 = require("react");
+var context_1 = require("../context");
+var useTreeNode = function () {
+    return (0, react_1.useContext)(context_1.TreeNodeContext);
+};
+exports.useTreeNode = useTreeNode;

package/lib/hooks/useValidNodeOffsetRect.d.ts

@@ -0,0 +1,2 @@
+import { TreeNode } from '@mdesignable/core';
+export declare const useValidNodeOffsetRect: (node: TreeNode) => import("@mdesignable/shared").Rect;

package/lib/hooks/useValidNodeOffsetRect.js

@@ -0,0 +1,58 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useValidNodeOffsetRect = void 0;
+var react_1 = require("react");
+var core_1 = require("@mdesignable/core");
+var shared_1 = require("@mdesignable/shared");
+var useViewport_1 = require("./useViewport");
+var useDesigner_1 = require("./useDesigner");
+var isEqualRect = function (rect1, rect2) {
+    return ((rect1 === null || rect1 === void 0 ? void 0 : rect1.x) === (rect2 === null || rect2 === void 0 ? void 0 : rect2.x) &&
+        (rect1 === null || rect1 === void 0 ? void 0 : rect1.y) === (rect2 === null || rect2 === void 0 ? void 0 : rect2.y) &&
+        (rect1 === null || rect1 === void 0 ? void 0 : rect1.width) === (rect2 === null || rect2 === void 0 ? void 0 : rect2.width) &&
+        (rect1 === null || rect1 === void 0 ? void 0 : rect1.height) === (rect2 === null || rect2 === void 0 ? void 0 : rect2.height));
+};
+var useValidNodeOffsetRect = function (node) {
+    var engine = (0, useDesigner_1.useDesigner)();
+    var viewport = (0, useViewport_1.useViewport)();
+    var _a = __read((0, react_1.useState)(null), 2), forceUpdate = _a[1];
+    var rectRef = (0, react_1.useMemo)(function () { return ({ current: viewport.getValidNodeOffsetRect(node) }); }, [viewport]);
+    var element = viewport.findElementById(node === null || node === void 0 ? void 0 : node.id);
+    var compute = (0, react_1.useCallback)(function () {
+        if (engine.cursor.status !== core_1.CursorStatus.Normal &&
+            engine.cursor.dragType === core_1.CursorDragType.Move)
+            return;
+        var nextRect = viewport.getValidNodeOffsetRect(node);
+        if (!isEqualRect(rectRef.current, nextRect) &&
+            nextRect) {
+            rectRef.current = nextRect;
+            forceUpdate([]);
+        }
+    }, [viewport, node]);
+    (0, react_1.useEffect)(function () {
+        var layoutObserver = new shared_1.LayoutObserver(compute);
+        if (element)
+            layoutObserver.observe(element);
+        return function () {
+            layoutObserver.disconnect();
+        };
+    }, [node, viewport, element]);
+    return rectRef.current;
+};
+exports.useValidNodeOffsetRect = useValidNodeOffsetRect;

package/lib/hooks/useViewport.d.ts

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

package/lib/hooks/useViewport.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useViewport = void 0;
+var useWorkspace_1 = require("./useWorkspace");
+var useViewport = function (workspaceId) {
+    var workspace = (0, useWorkspace_1.useWorkspace)(workspaceId);
+    return workspace === null || workspace === void 0 ? void 0 : workspace.viewport;
+};
+exports.useViewport = useViewport;

package/lib/hooks/useWorkbench.d.ts

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

package/lib/hooks/useWorkbench.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWorkbench = void 0;
+var useDesigner_1 = require("./useDesigner");
+var useWorkbench = function () {
+    var designer = (0, useDesigner_1.useDesigner)();
+    return designer.workbench;
+};
+exports.useWorkbench = useWorkbench;

package/lib/hooks/useWorkspace.d.ts

@@ -0,0 +1,2 @@
+import { Workspace } from '@mdesignable/core';
+export declare const useWorkspace: (id?: string) => Workspace;

package/lib/hooks/useWorkspace.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWorkspace = void 0;
+var react_1 = require("react");
+var useDesigner_1 = require("./useDesigner");
+var context_1 = require("../context");
+var shared_1 = require("@mdesignable/shared");
+var useWorkspace = function (id) {
+    var _a;
+    var designer = (0, useDesigner_1.useDesigner)();
+    var workspaceId = id || ((_a = (0, react_1.useContext)(context_1.WorkspaceContext)) === null || _a === void 0 ? void 0 : _a.id);
+    if (workspaceId) {
+        return designer.workbench.findWorkspaceById(workspaceId);
+    }
+    if (shared_1.globalThisPolyfill['__DESIGNABLE_WORKSPACE__'])
+        return shared_1.globalThisPolyfill['__DESIGNABLE_WORKSPACE__'];
+    return designer.workbench.currentWorkspace;
+};
+exports.useWorkspace = useWorkspace;

package/lib/icons/actions.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const AddSort: React.JSX.Element;
+export declare const AddIndex: React.JSX.Element;
+export declare const AddColumn: React.JSX.Element;
+export declare const AddColumnGroup: React.JSX.Element;
+export declare const AddPanel: React.JSX.Element;
+export declare const AddOperation: React.JSX.Element;

package/lib/icons/actions.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddOperation = exports.AddPanel = exports.AddColumnGroup = exports.AddColumn = exports.AddIndex = exports.AddSort = void 0;
+var react_1 = __importDefault(require("react"));
+exports.AddSort = (react_1.default.createElement("g", { stroke: "none", strokeWidth: "1", fillRule: "evenodd" },
+    react_1.default.createElement("rect", { transform: "translate(370.000000, 495.274170) scale(1, -1) rotate(90.000000) translate(-370.000000, -495.274170) ", x: "-70", y: "455.27417", width: "880", height: "80", rx: "40" }),
+    react_1.default.createElement("rect", { transform: "translate(313.431458, 838.637085) scale(-1, -1) rotate(45.000000) translate(-313.431458, -838.637085) ", x: "193.431458", y: "798.637085", width: "240", height: "80", rx: "40" }),
+    react_1.default.createElement("rect", { transform: "translate(654.000000, 512.000000) scale(-1, 1) rotate(90.000000) translate(-654.000000, -512.000000) ", x: "214", y: "472", width: "880", height: "80", rx: "40" }),
+    react_1.default.createElement("rect", { transform: "translate(710.568542, 168.637085) rotate(45.000000) translate(-710.568542, -168.637085) ", x: "590.568542", y: "128.637085", width: "240", height: "80", rx: "40" })));
+exports.AddIndex = (react_1.default.createElement("g", { stroke: "none", strokeWidth: "1", fillRule: "evenodd" },
+    react_1.default.createElement("path", { d: "M281,34 C195.672006,34 126.5,103.172006 126.5,188.5 C126.5,273.827994 195.672006,343 281,343 C366.327994,343 435.5,273.827994 435.5,188.5 C435.5,103.172006 366.327994,34 281,34 Z M281,114 C322.145214,114 355.5,147.354786 355.5,188.5 C355.5,229.645214 322.145214,263 281,263 C239.854786,263 206.5,229.645214 206.5,188.5 C206.5,147.354786 239.854786,114 281,114 Z", fillRule: "nonzero" }),
+    react_1.default.createElement("path", { d: "M739.612903,685 C654.284909,685 585.112903,754.172006 585.112903,839.5 C585.112903,924.827994 654.284909,994 739.612903,994 C824.940897,994 894.112903,924.827994 894.112903,839.5 C894.112903,754.172006 824.940897,685 739.612903,685 Z M739.612903,765 C780.758117,765 814.112903,798.354786 814.112903,839.5 C814.112903,880.645214 780.758117,914 739.612903,914 C698.467689,914 665.112903,880.645214 665.112903,839.5 C665.112903,798.354786 698.467689,765 739.612903,765 Z", fillRule: "nonzero" }),
+    react_1.default.createElement("path", { d: "M393.732359,149.064329 C505.758065,142.703248 593.848922,154.953101 658.388544,187.222912 C727.464102,221.760691 768.75285,279.025488 779.602138,355.372328 C790.479268,431.915099 771.469071,492.660327 720.942087,531.663613 C674.39496,567.594729 604.894755,581.798404 512.610685,577.088366 L510.128,576.956 L508.190557,576.875971 C440.452561,574.16688 391.4421,583.200136 361.247153,602.098655 L360.328695,602.68026 C333.829878,619.657857 321,645.428695 321,685 C321,720.96408 339.709031,746.580224 383.432217,766.281079 C434.006015,789.068691 513.641467,800.721303 621.377837,800.026361 L624.651176,800.001521 L625.348824,879.998479 C505.413438,881.044427 414.149806,867.867798 350.567783,839.218921 C279.624302,807.253109 241,754.369254 241,685 C241,619.237972 266.670122,567.675476 317.171305,535.31974 C363.286163,505.77429 427.932493,493.623563 511.200993,496.932429 L513.961445,497.047448 L514.192776,497.060149 C590.511632,501.250203 643.075213,490.708997 672.057913,468.336387 C697.530929,448.673006 707.520732,416.751568 700.397862,366.627672 C693.24715,316.307846 668.202565,281.572642 622.611456,258.777088 C572.985682,233.9642 499.070973,223.506553 401.23955,228.771319 L398.267641,228.935671 L393.732359,149.064329 Z", fillRule: "nonzero" })));
+exports.AddColumn = (react_1.default.createElement("g", { stroke: "none", strokeWidth: "1", fillRule: "evenodd" },
+    react_1.default.createElement("rect", { transform: "translate(354.000000, 512.000000) rotate(90.000000) translate(-354.000000, -512.000000) ", x: "-56", y: "472", width: "820", height: "80", rx: "40" }),
+    react_1.default.createElement("path", { d: "M864,62 L160,62 C71.63444,62 0,133.63444 0,222 L0,802 C0,890.36556 71.63444,962 160,962 L864,962 C952.36556,962 1024,890.36556 1024,802 L1024,222 C1024,133.63444 952.36556,62 864,62 Z M160,142 L864,142 C908.18278,142 944,177.81722 944,222 L944,802 C944,846.18278 908.18278,882 864,882 L160,882 C115.81722,882 80,846.18278 80,802 L80,222 C80,177.81722 115.81722,142 160,142 Z", fillRule: "nonzero" }),
+    react_1.default.createElement("rect", { transform: "translate(670.000000, 512.000000) rotate(90.000000) translate(-670.000000, -512.000000) ", x: "260", y: "472", width: "820", height: "80", rx: "40" })));
+exports.AddColumnGroup = (react_1.default.createElement("g", { stroke: "none", strokeWidth: "1", fillRule: "evenodd" },
+    react_1.default.createElement("path", { d: "M864,62 L160,62 C71.63444,62 0,133.63444 0,222 L0,802 C0,890.36556 71.63444,962 160,962 L864,962 C952.36556,962 1024,890.36556 1024,802 L1024,222 C1024,133.63444 952.36556,62 864,62 Z M160,142 L864,142 C908.18278,142 944,177.81722 944,222 L944,802 C944,846.18278 908.18278,882 864,882 L160,882 C115.81722,882 80,846.18278 80,802 L80,222 C80,177.81722 115.81722,142 160,142 Z", fillRule: "nonzero" }),
+    react_1.default.createElement("rect", { x: "32", y: "472", width: "960", height: "80", rx: "40" }),
+    react_1.default.createElement("rect", { transform: "translate(512.000000, 716.500000) rotate(90.000000) translate(-512.000000, -716.500000) ", x: "307.5", y: "676.5", width: "409", height: "80", rx: "40" })));
+exports.AddPanel = (react_1.default.createElement("g", { stroke: "none", strokeWidth: "1", fillRule: "evenodd" },
+    react_1.default.createElement("path", { d: "M864,62 L160,62 C71.63444,62 0,133.63444 0,222 L0,802 C0,890.36556 71.63444,962 160,962 L864,962 C952.36556,962 1024,890.36556 1024,802 L1024,222 C1024,133.63444 952.36556,62 864,62 Z M160,142 L864,142 C908.18278,142 944,177.81722 944,222 L944,802 C944,846.18278 908.18278,882 864,882 L160,882 C115.81722,882 80,846.18278 80,802 L80,222 C80,177.81722 115.81722,142 160,142 Z", fillRule: "nonzero" }),
+    react_1.default.createElement("rect", { x: "40", y: "281", width: "984", height: "80", rx: "40" })));
+exports.AddOperation = (react_1.default.createElement("g", { stroke: "none", strokeWidth: "1", fillRule: "evenodd" },
+    react_1.default.createElement("path", { d: "M421.97834,146.878887 C449.098125,146.878887 475.034958,155.079747 495.071944,170.058344 C517.366493,186.724577 531.199744,210.946101 531.474179,238.012376 L531.47834,238.833432 L531.47834,567.878887 C531.47834,589.970277 513.56973,607.878887 491.47834,607.878887 C469.607864,607.878887 451.83693,590.326658 451.483699,568.54036 L451.47834,567.878887 L451.47762,238.832254 L451.424408,238.717723 L451.319172,238.517315 L451.202904,238.308109 C450.531417,237.121323 449.203347,235.651792 447.172579,234.133697 C441.310242,229.751322 432.225599,226.878887 421.97834,226.878887 C411.73108,226.878887 402.646438,229.751322 396.784101,234.133697 C394.753333,235.651792 393.425263,237.121323 392.753776,238.308109 L392.559374,238.664382 L392.47834,238.833432 L392.47834,567.878887 C392.47834,589.970277 374.56973,607.878887 352.47834,607.878887 C330.607864,607.878887 312.83693,590.326658 312.483699,568.54036 L312.47834,567.878887 L312.47834,238.833432 C312.47834,211.436195 326.364989,186.892923 348.884736,170.058344 C368.921722,155.079747 394.858555,146.878887 421.97834,146.878887 Z", fillRule: "nonzero" }),
+    react_1.default.createElement("path", { d: "M699.97834,363.356159 C759.848768,363.356159 808.496698,411.405385 809.46367,471.045377 L809.47834,472.856159 L809.47834,567.878887 L729.47834,567.878887 L729.47834,472.856159 C729.47834,456.563759 716.27074,443.356159 699.97834,443.356159 C683.848864,443.356159 670.7428,456.300928 670.482292,472.368323 L670.47834,472.856159 L670.47834,567.878887 L590.47834,567.878887 L590.47834,472.856159 C590.47834,412.380979 639.50316,363.356159 699.97834,363.356159 Z", fillRule: "nonzero" }),
+    react_1.default.createElement("path", { d: "M832.43132,430.773744 C888.722088,430.773744 934.461351,475.9501 935.370508,532.024208 L935.3843,533.726724 L935.3843,567.878887 C935.3843,589.970277 917.47569,607.878887 895.3843,607.878887 C873.513824,607.878887 855.742891,590.326658 855.389659,568.54036 L855.3843,567.878887 L855.3843,533.726724 C855.3843,521.050143 845.107901,510.773744 832.43132,510.773744 C819.881505,510.773744 809.684108,520.845643 809.481415,533.347154 L809.47834,533.726724 L809.47834,567.878887 C809.47834,589.970277 791.56973,607.878887 769.47834,607.878887 C747.607864,607.878887 729.83693,590.326658 729.483699,568.54036 L729.47834,567.878887 L729.47834,533.726724 C729.47834,476.867363 775.571959,430.773744 832.43132,430.773744 Z", fillRule: "nonzero" }),
+    react_1.default.createElement("path", { d: "M560.97834,279.163422 C620.848768,279.163422 669.496698,327.212648 670.46367,386.852639 L670.47834,388.663422 L670.47834,567.878887 C670.47834,589.970277 652.56973,607.878887 630.47834,607.878887 C608.607864,607.878887 590.83693,590.326658 590.483699,568.54036 L590.47834,567.878887 L590.47834,388.663422 C590.47834,372.371022 577.27074,359.163422 560.97834,359.163422 C544.848864,359.163422 531.7428,372.10819 531.482292,388.175585 L531.47834,388.663422 L531.47834,567.878887 C531.47834,589.970277 513.56973,607.878887 491.47834,607.878887 C469.607864,607.878887 451.83693,590.326658 451.483699,568.54036 L451.47834,567.878887 L451.47834,388.663422 C451.47834,328.188242 500.50316,279.163422 560.97834,279.163422 Z", fillRule: "nonzero" }),
+    react_1.default.createElement("path", { d: "M577.326586,260.358513 C632.767553,240.933771 694.424586,258.909478 730.740134,305.085234 C824.066269,423.750711 874.61782,534.886747 880.966628,638.993166 C887.483675,745.85833 847.257108,842.899322 762.327561,927.828869 C671.364292,1018.79214 572.753664,1061.66055 468.28526,1053.62452 C365.843318,1045.74437 261.475519,989.153266 154.690995,885.869874 C138.811879,870.511385 138.389828,845.188303 153.748317,829.309187 C169.106806,813.430071 194.429889,813.008019 210.309005,828.366509 C304.814212,919.773184 393.015159,967.598178 474.42098,973.860164 C553.800339,979.966268 630.316491,946.702854 705.759018,871.260327 C775.074298,801.945047 806.179407,726.908303 801.114976,643.862825 C795.882306,558.058601 751.939226,461.451087 667.85757,354.540094 C652.68919,335.253275 626.936111,327.745133 603.779371,335.858514 C588.359483,341.261149 579.811803,357.691411 584.168374,373.380386 L584.304347,373.855571 L611.89921,467.510864 C618.142899,488.701566 606.025951,510.941535 584.835249,517.185224 C563.856454,523.366476 541.849273,511.552468 535.352982,490.754252 L535.16089,490.121262 L507.566026,396.465969 C490.857458,339.758101 521.533808,279.906517 577.326586,260.358513 Z", fillRule: "nonzero", transform: "translate(512.074373, 653.600003) scale(-1, 1) rotate(45.000000) translate(-512.074373, -653.600003) " }),
+    react_1.default.createElement("path", { d: "M416,26.3788866 C531.427513,26.3788866 625,119.951374 625,235.378887 C625,257.470277 607.09139,275.378887 585,275.378887 C563.129524,275.378887 545.35859,257.826658 545.005359,236.04036 L545,235.378887 C545,164.134154 487.244733,106.378887 416,106.378887 C345.467715,106.378887 288.156454,162.984824 287.017282,233.245636 L287,235.378887 C287,257.470277 269.09139,275.378887 247,275.378887 C224.90861,275.378887 207,257.470277 207,235.378887 C207,119.951374 300.572487,26.3788866 416,26.3788866 Z", fillRule: "nonzero" })));

package/lib/icons/add.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Add: React.JSX.Element;