@voplus/morpho-document 5.0.18 → 5.0.20

package/es/controls/TimeLog/index.js

@@ -1,73 +1,73 @@
-import { Avatar, Button, Dropdown, Input } from "@voplus/antd";
-import React, { useEffect, useState } from "react";
-import { faPlay, faStop } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { faStopwatch } from "@fortawesome/pro-light-svg-icons";
-import moment from "moment";
-import styles from "./index.less";
-const TimeLog = (props) => {
-    const [visible, setVisible] = useState(false);
-    const [on, setOn] = useState(false);
-    const [times, setTimes] = useState(0);
-    useEffect(() => {
-        const timer = setInterval(() => {
-            if (on)
-                setTimes((times) => times + 1);
-        }, 1000);
-        return () => clearInterval(timer);
-    }, [on]);
-    // 计时时间不足两位补0显示
-    const appendZero = (time) => {
-        return Number.parseInt(time).toLocaleString("zh", { minimumIntegerDigits: 2 });
-    };
-    // 手动输入更改计数时间
-    const onChange = (type, e) => {
-        e.persist();
-        const value = e.target.value - 0;
-        if (type === "hour")
-            setTimes(value * 3600 + (times % 3600));
-        if (type === "minute")
-            setTimes(value * 60 + (times % 60));
-        if (type === "second")
-            setTimes(value + times - (times % 60));
-    };
-    // 清空
-    const onClear = () => {
-        setTimes(0);
-        setOn(false);
-    };
-    const handleVisibleChange = (flag) => {
-        setVisible(flag);
-    };
-    const hour = appendZero(times / 3600);
-    const minute = appendZero((times / 60) % 60);
-    const second = appendZero(times % 60);
-    return (React.createElement(Dropdown, { visible: visible, overlay: React.createElement("div", { className: styles["time-log"] },
-            React.createElement("div", { className: "time-header" },
-                React.createElement(Button, { type: "link", onClick: onClear }, "Clear"),
-                React.createElement(Button, { type: "link" }, "Record")),
-            React.createElement("div", { className: "timer" },
-                React.createElement(Input, { value: hour, maxLength: 3, onChange: onChange.bind(event, "hour") }),
-                ":",
-                React.createElement(Input, { value: minute, maxLength: 3, onChange: onChange.bind(event, "minute") }),
-                ":",
-                React.createElement(Input, { value: second, maxLength: 3, onChange: onChange.bind(event, "second") }),
-                React.createElement("span", { onClick: () => setOn(!on), className: "status-icon" },
-                    React.createElement(FAIcon, { icon: on ? faStop : faPlay, color: "#000" }))),
-            React.createElement("div", { className: "record-list" }, Array.from(new Array(3).keys()).map((item) => (React.createElement("div", { key: item, className: "record-item" },
-                React.createElement(Avatar, { size: "small" }, "Mn"),
-                React.createElement("div", { className: "record-time" },
-                    React.createElement("div", null,
-                        React.createElement("span", null, moment().format("YYYY-MM-DD")),
-                        " from",
-                        " ",
-                        React.createElement("span", null, moment().format("HH:mm")),
-                        " to",
-                        " ",
-                        React.createElement("span", null, moment().format("HH:mm"))),
-                    React.createElement("div", null, "3 hours 4 minutes 4 seconds"))))))), trigger: ["click"], placement: "bottomCenter", onVisibleChange: handleVisibleChange },
-        React.createElement(Button, { shape: "circle", size: props.size },
-            React.createElement(FAIcon, { icon: faStopwatch }))));
-};
-export default TimeLog;
+import { Avatar, Button, Dropdown, Input } from "antd";
+import React, { useEffect, useState } from "react";
+import { faPlay, faStop } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { faStopwatch } from "@fortawesome/pro-light-svg-icons";
+import moment from "moment";
+import styles from "./index.less";
+const TimeLog = (props) => {
+    const [visible, setVisible] = useState(false);
+    const [on, setOn] = useState(false);
+    const [times, setTimes] = useState(0);
+    useEffect(() => {
+        const timer = setInterval(() => {
+            if (on)
+                setTimes((times) => times + 1);
+        }, 1000);
+        return () => clearInterval(timer);
+    }, [on]);
+    // 计时时间不足两位补0显示
+    const appendZero = (time) => {
+        return Number.parseInt(time).toLocaleString("zh", { minimumIntegerDigits: 2 });
+    };
+    // 手动输入更改计数时间
+    const onChange = (type, e) => {
+        e.persist();
+        const value = e.target.value - 0;
+        if (type === "hour")
+            setTimes(value * 3600 + (times % 3600));
+        if (type === "minute")
+            setTimes(value * 60 + (times % 60));
+        if (type === "second")
+            setTimes(value + times - (times % 60));
+    };
+    // 清空
+    const onClear = () => {
+        setTimes(0);
+        setOn(false);
+    };
+    const hour = appendZero(times / 3600);
+    const minute = appendZero((times / 60) % 60);
+    const second = appendZero(times % 60);
+    return (React.createElement(Dropdown, { open: visible, dropdownRender: () => (React.createElement("div", { className: styles["time-log"] },
+            React.createElement("div", { className: "time-header" },
+                React.createElement(Button, { type: "link", onClick: onClear }, "Clear"),
+                React.createElement(Button, { type: "link" }, "Record")),
+            React.createElement("div", { className: "timer" },
+                React.createElement(Input, { value: hour, maxLength: 3, onChange: onChange.bind(event, "hour") }),
+                ":",
+                React.createElement(Input, { value: minute, maxLength: 3, onChange: onChange.bind(event, "minute") }),
+                ":",
+                React.createElement(Input, { value: second, maxLength: 3, onChange: onChange.bind(event, "second") }),
+                React.createElement("span", { onClick: () => setOn(!on), className: "status-icon" },
+                    React.createElement(FAIcon, { icon: on ? faStop : faPlay, color: "#000" }))),
+            React.createElement("div", { className: "record-list" }, Array.from(new Array(3).keys()).map((item) => (React.createElement("div", { key: item, className: "record-item" },
+                React.createElement(Avatar, { size: "small" }, "Mn"),
+                React.createElement("div", { className: "record-time" },
+                    React.createElement("div", null,
+                        React.createElement("span", null, moment().format("YYYY-MM-DD")),
+                        " from",
+                        " ",
+                        React.createElement("span", null, moment().format("HH:mm")),
+                        " to",
+                        " ",
+                        React.createElement("span", null, moment().format("HH:mm"))),
+                    React.createElement("div", null, "3 hours 4 minutes 4 seconds")))))))), trigger: ["click"], placement: "bottom", onOpenChange: handleVisibleChange },
+        React.createElement(Button, { shape: "circle", size: props.size },
+            React.createElement(FAIcon, { icon: faStopwatch }))));
+    function handleVisibleChange(open) {
+        setVisible(open);
+    }
+};
+export default TimeLog;
 //# sourceMappingURL=index.js.map

package/es/controls/TimeLog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/TimeLog/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/TimeLog/index.tsx"],"names":[],"mappings":"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"}

package/es/controls/TimeLog/index.less

@@ -1,91 +1,91 @@
-@import "../../components/styles/common.less";
-.time-log {
-	position: relative;
-	margin-top: 8px;
-	background-color: #fff;
-	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-	:global {
-		.time-header {
-			display: flex;
-			justify-content: space-around;
-			padding: 1px 0;
-			background: #f5f5f5;
-			.ant-btn {
-				padding: 0;
-				color: #333;
-			}
-		}
-		.timer {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			padding: 12px 25px;
-			.status-icon {
-				cursor: pointer;
-				margin-left: 10px;
-				font-size: 20px;
-			}
-			.ant-input {
-				width: 40px;
-				padding: 0;
-				border: 0;
-				text-align: center;
-				font-size: 22px;
-				color: #000;
-			}
-			.ant-input:focus {
-				box-shadow: none;
-				border: 0;
-			}
-		}
-		.record-list {
-			position: relative;
-			padding: 15px 15px 0 15px;
-			font-size: 13px;
-			line-height: 14px;
-			color: #666;
-			.record-item {
-				display: flex;
-				justify-content: space-around;
-			}
-			.ant-avatar {
-				margin-right: 10px;
-			}
-			.record-time {
-				padding-bottom: 15px;
-				> div + div {
-					padding-top: 5px;
-				}
-				span {
-					color: #000;
-				}
-			}
-		}
-		.record-list:before {
-			position: absolute;
-			content: "";
-			left: 0;
-			top: 0;
-			right: 0;
-			border-top: 1px #d9d9d9 solid;
-		}
-	}
-}
-.time-log:before,
-.time-log:after {
-	position: absolute;
-	content: "";
-	border-width: 6px;
-	top: -13px;
-	border-style: dashed solid solid dashed;
-}
-.time-log:before {
-	left: 50%;
-	margin-left: -6px;
-	border-color: transparent transparent #e4e7ed transparent;
-}
-.time-log:after {
-	left: 50%;
-	margin-left: -5px;
-	border-color: transparent transparent #f5f5f5 transparent;
-}
+@import "../../components/styles/common.less";
+.time-log {
+	position: relative;
+	margin-top: 8px;
+	background-color: #fff;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+	:global {
+		.time-header {
+			display: flex;
+			justify-content: space-around;
+			padding: 1px 0;
+			background: #f5f5f5;
+			.ant-btn {
+				padding: 0;
+				color: #333;
+			}
+		}
+		.timer {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			padding: 12px 25px;
+			.status-icon {
+				cursor: pointer;
+				margin-left: 10px;
+				font-size: 20px;
+			}
+			.ant-input {
+				width: 40px;
+				padding: 0;
+				border: 0;
+				text-align: center;
+				font-size: 22px;
+				color: #000;
+			}
+			.ant-input:focus {
+				box-shadow: none;
+				border: 0;
+			}
+		}
+		.record-list {
+			position: relative;
+			padding: 15px 15px 0 15px;
+			font-size: 13px;
+			line-height: 14px;
+			color: #666;
+			.record-item {
+				display: flex;
+				justify-content: space-around;
+			}
+			.ant-avatar {
+				margin-right: 10px;
+			}
+			.record-time {
+				padding-bottom: 15px;
+				> div + div {
+					padding-top: 5px;
+				}
+				span {
+					color: #000;
+				}
+			}
+		}
+		.record-list:before {
+			position: absolute;
+			content: "";
+			left: 0;
+			top: 0;
+			right: 0;
+			border-top: 1px #d9d9d9 solid;
+		}
+	}
+}
+.time-log:before,
+.time-log:after {
+	position: absolute;
+	content: "";
+	border-width: 6px;
+	top: -13px;
+	border-style: dashed solid solid dashed;
+}
+.time-log:before {
+	left: 50%;
+	margin-left: -6px;
+	border-color: transparent transparent #e4e7ed transparent;
+}
+.time-log:after {
+	left: 50%;
+	margin-left: -5px;
+	border-color: transparent transparent #f5f5f5 transparent;
+}

package/es/controls/ToolBar/ToolBar2.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import "./index.less";
-import { ToolBarProps } from "./ToolBarState";
-declare const Toolbar: {
-    (props: ToolBarProps): JSX.Element;
-    defaultProps: {
-        showMenu: boolean;
-    };
-};
-export default Toolbar;
+import "./index.less";
+import React from "react";
+import { ToolBarProps } from "./ToolBarState";
+declare const Toolbar: {
+    (props: ToolBarProps): React.JSX.Element;
+    defaultProps: {
+        showMenu: boolean;
+    };
+};
+export default Toolbar;

package/es/controls/ToolBar/ToolBar2.js

@@ -1,20 +1,28 @@
-import "./index.less";
-import React, { useState } from "react";
-import { ToolBarContext, ToolBarState } from "./ToolBarState";
-import { More } from "./buttons";
-import { observe } from "@voplus/morpho-ui";
-import { useDocumentStore } from "@voplus/morpho-document-core";
-const Toolbar = (props) => {
-    const { children, visible, showMenu, moreProps: dropDownMenuProps } = props;
-    const store = useDocumentStore();
-    const [state] = useState(new ToolBarState(store));
-    state.props = props;
-    return observe(() => (React.createElement(ToolBarContext.Provider, { value: state }, visible !== false ? (React.createElement("span", { className: "tool-bar" },
-        children,
-        showMenu && React.createElement(More, { ...dropDownMenuProps }))) : (React.createElement(React.Fragment, null)))));
-};
-Toolbar.defaultProps = {
-    showMenu: true,
-};
-export default Toolbar;
+import "./index.less";
+import React, { useState, useRef, useEffect } from "react";
+import { ToolBarContext, ToolBarState } from "./ToolBarState";
+import { More } from "./buttons";
+import { observe } from "@voplus/morpho-ui";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+const Toolbar = (props) => {
+    const { children, visible, showMenu, moreProps: dropDownMenuProps } = props;
+    const store = useDocumentStore();
+    const [state] = useState(new ToolBarState(store));
+    state.props = props;
+    const boxRef = useRef(null);
+    useEffect(() => {
+        var _a;
+        const left = (_a = boxRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left;
+        /** 如果是default view menu向右展开 */
+        if (left > 0 && left < 800)
+            state.isShowRight = true;
+    }, [boxRef]);
+    return observe(() => (React.createElement(ToolBarContext.Provider, { value: state }, visible !== false ? (React.createElement("span", { className: "tool-bar", ref: boxRef },
+        children,
+        showMenu && React.createElement(More, { ...dropDownMenuProps }))) : (React.createElement(React.Fragment, null)))));
+};
+Toolbar.defaultProps = {
+    showMenu: true,
+};
+export default Toolbar;
 //# sourceMappingURL=ToolBar2.js.map

package/es/controls/ToolBar/ToolBar2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolBar2.js","sourceRoot":"","sources":["../../../src/controls/ToolBar/ToolBar2.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAgB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE5E,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACvC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IAEjC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAClD,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IAEpB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IACnC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CACpB,8BAAM,SAAS,EAAC,UAAU;QACxB,QAAQ;QACR,QAAQ,IAAI,oBAAC,IAAI,OAAK,iBAAiB,GAAI,CACtC,CACP,CAAC,CAAC,CAAC,CACH,yCAAK,CACL,CACwB,CAC1B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,YAAY,GAAG;IACtB,QAAQ,EAAE,IAAI;CACd,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"ToolBar2.js","sourceRoot":"","sources":["../../../src/controls/ToolBar/ToolBar2.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAgB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE5E,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACvC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IAEjC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAClD,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IAEpB,MAAM,MAAM,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAEjC,SAAS,CAAC,GAAG,EAAE;;QACd,MAAM,IAAI,GAAG,MAAA,MAAM,CAAC,OAAO,0CAAE,qBAAqB,GAAG,IAAI,CAAC;QAC1D,+BAA+B;QAC/B,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,GAAG;YAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;IACtD,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IACnC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CACpB,8BAAM,SAAS,EAAC,UAAU,EAAC,GAAG,EAAE,MAAM;QACpC,QAAQ;QACR,QAAQ,IAAI,oBAAC,IAAI,OAAK,iBAAiB,GAAI,CACtC,CACP,CAAC,CAAC,CAAC,CACH,yCAAK,CACL,CACwB,CAC1B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,YAAY,GAAG;IACtB,QAAQ,EAAE,IAAI;CACd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/es/controls/ToolBar/ToolBarState.d.ts

@@ -1,36 +1,38 @@
-import { ReactNode } from "react";
-import { DocumentStore } from "@voplus/morpho-document-core";
-import { MoreButtonProps } from "./buttons/More";
-export declare type ToolBarProps = {
-    /** id of document */
-    id?: string;
-    children?: ReactNode;
-    /** show toolbar */
-    visible?: boolean;
-    /** show drop down menu */
-    showMenu?: boolean;
-    /** Props for dropd */
-    moreProps?: MoreButtonProps;
-};
-export interface IToolBarState {
-    disabled?: boolean;
-}
-export declare class ToolBarState {
-    store: DocumentStore;
-    /** Current tools states. */
-    private states;
-    props: ToolBarProps;
-    constructor(store: DocumentStore);
-    /** Try to get an existing icons state or create a new one if it's not already exists.
-     * @param key - Key of the icons state.
-     * @param factory - factor to create a new option state.
-     */
-    getState<T extends IToolBarState>(key: string, factory: () => T): T;
-    /** id */
-    get id(): string;
-    collapsed: boolean;
-}
-/** React context for ToolBarState. */
-export declare const ToolBarContext: import("react").Context<ToolBarState>;
-/** React hook to retrieve the nearest ToolBarContext. */
-export declare const useToolBarContext: () => ToolBarState;
+import { ReactNode } from "react";
+import { DocumentStore } from "@voplus/morpho-document-core";
+import { MoreButtonProps } from "./buttons/More";
+export type ToolBarProps = {
+    /** id of document */
+    id?: string;
+    children?: ReactNode;
+    /** show toolbar */
+    visible?: boolean;
+    /** show drop down menu */
+    showMenu?: boolean;
+    /** Props for dropd */
+    moreProps?: MoreButtonProps;
+};
+export interface IToolBarState {
+    disabled?: boolean;
+}
+export declare class ToolBarState {
+    store: DocumentStore;
+    /** Current tools states. */
+    private states;
+    props: ToolBarProps;
+    isShowRight?: boolean;
+    width?: number;
+    constructor(store: DocumentStore);
+    /** Try to get an existing icons state or create a new one if it's not already exists.
+     * @param key - Key of the icons state.
+     * @param factory - factor to create a new option state.
+     */
+    getState<T extends IToolBarState>(key: string, factory: () => T): T;
+    /** id */
+    get id(): string;
+    collapsed: boolean;
+}
+/** React context for ToolBarState. */
+export declare const ToolBarContext: import("react").Context<ToolBarState>;
+/** React hook to retrieve the nearest ToolBarContext. */
+export declare const useToolBarContext: () => ToolBarState;

package/es/controls/ToolBar/ToolBarState.js

@@ -1,57 +1,69 @@
-import { __decorate } from "tslib";
-import { createContext, useContext } from "react";
-import { computed, makeObservable, observable } from "mobx";
-export class ToolBarState {
-    constructor(store) {
-        Object.defineProperty(this, "store", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: store
-        });
-        /** Current tools states. */
-        Object.defineProperty(this, "states", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Map()
-        });
-        Object.defineProperty(this, "props", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "collapsed", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        makeObservable(this);
-    }
-    /** Try to get an existing icons state or create a new one if it's not already exists.
-     * @param key - Key of the icons state.
-     * @param factory - factor to create a new option state.
-     */
-    getState(key, factory) {
-        if (!this.states.has(key))
-            this.states.set(key, factory());
-        return this.states.get(key);
-    }
-    /** id */
-    get id() {
-        return (this.props && this.props.id) || "";
-    }
-}
-__decorate([
-    computed
-], ToolBarState.prototype, "id", null);
-__decorate([
-    observable
-], ToolBarState.prototype, "collapsed", void 0);
-/** React context for ToolBarState. */
-export const ToolBarContext = createContext(null);
-/** React hook to retrieve the nearest ToolBarContext. */
-export const useToolBarContext = () => useContext(ToolBarContext);
+import { __decorate } from "tslib";
+import { createContext, useContext } from "react";
+import { computed, makeObservable, observable } from "mobx";
+export class ToolBarState {
+    constructor(store) {
+        Object.defineProperty(this, "store", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: store
+        });
+        /** Current tools states. */
+        Object.defineProperty(this, "states", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
+        Object.defineProperty(this, "props", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "isShowRight", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "width", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 170
+        });
+        Object.defineProperty(this, "collapsed", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+    /** Try to get an existing icons state or create a new one if it's not already exists.
+     * @param key - Key of the icons state.
+     * @param factory - factor to create a new option state.
+     */
+    getState(key, factory) {
+        if (!this.states.has(key))
+            this.states.set(key, factory());
+        return this.states.get(key);
+    }
+    /** id */
+    get id() {
+        return (this.props && this.props.id) || "";
+    }
+}
+__decorate([
+    computed
+], ToolBarState.prototype, "id", null);
+__decorate([
+    observable
+], ToolBarState.prototype, "collapsed", void 0);
+/** React context for ToolBarState. */
+export const ToolBarContext = createContext(null);
+/** React hook to retrieve the nearest ToolBarContext. */
+export const useToolBarContext = () => useContext(ToolBarContext);
 //# sourceMappingURL=ToolBarState.js.map

package/es/controls/ToolBar/ToolBarState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolBarState.js","sourceRoot":"","sources":["../../../src/controls/ToolBar/ToolBarState.ts"],"names":[],"mappings":";AAAA,OAAO,EAAa,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAqB5D,MAAM,OAAO,YAAY;IAMxB,YAA0B,KAAoB;;;;;mBAApB;;QAL1B,4BAA4B;QAC5B;;;;mBAA6C,IAAI,GAAG,EAAE;WAAC;QAEvD;;;;;WAA2B;QAqBf;;;;mBAAmB,KAAK;WAAC;QAlBpC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAED;;;OAGG;IACI,QAAQ,CAA0B,GAAW,EAAE,OAAgB;QACrE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAM,CAAC;IAClC,CAAC;IAED,SAAS;IAET,IAAW,EAAE;QACZ,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;IAC5C,CAAC;CAGD;AALA;IADC,QAAQ;sCAGR;AAEW;IAAX,UAAU;+CAA0B;AAGtC,sCAAsC;AACtC,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAe,IAAW,CAAC,CAAC;AAEvE,yDAAyD;AACzD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"ToolBarState.js","sourceRoot":"","sources":["../../../src/controls/ToolBar/ToolBarState.ts"],"names":[],"mappings":";AAAA,OAAO,EAAa,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAqB5D,MAAM,OAAO,YAAY;IAUxB,YAA0B,KAAoB;QAA3B;;;;mBAAO,KAAK;WAAe;QAT9C,4BAA4B;QACpB;;;;mBAAqC,IAAI,GAAG,EAAE;WAAC;QAEhD;;;;;WAAoB;QAEpB;;;;;WAAsB;QAEtB;;;;mBAAiB,GAAG;WAAC;QAqBT;;;;mBAAY,KAAK;WAAC;QAlBpC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAED;;;OAGG;IACI,QAAQ,CAA0B,GAAW,EAAE,OAAgB;QACrE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAM,CAAC;IAClC,CAAC;IAED,SAAS;IAET,IAAW,EAAE;QACZ,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;IAC5C,CAAC;CAGD;AALA;IADC,QAAQ;sCAGR;AAEkB;IAAlB,UAAU;+CAA0B;AAGtC,sCAAsC;AACtC,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAe,IAAW,CAAC,CAAC;AAEvE,yDAAyD;AACzD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC"}