@voplus/morpho-document 1.4.97 → 1.4.99

package/es/controls/PDFViewer/state.js

@@ -1,85 +1,85 @@
-import { __decorate } from "tslib";
-import React, { useContext } from "react";
-import { action, computed, makeObservable, observable } from "mobx";
-import { ToolbarState } from "./Toolbar/ToolbarState";
-export class PDFViewerState {
-    constructor(url) {
-        Object.defineProperty(this, "scale", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "originalWidth", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        /** Gets the toolbar state. */
-        Object.defineProperty(this, "toolbar", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "url", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        Object.defineProperty(this, "containerWidth", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        makeObservable(this);
-        this.url = url;
-        this.toolbar = new ToolbarState(this);
-    }
-    updateOriginalWidth(width) {
-        if (this.originalWidth < width)
-            this.originalWidth = width;
-    }
-    get Scale() {
-        return this.width ? this.width / this.originalWidth : 0;
-    }
-    get width() {
-        if (this.scale === 0)
-            // fit
-            return this.containerWidth;
-        return this.originalWidth * this.scale;
-    }
-    Zoom(scale) {
-        this.scale = scale;
-    }
-}
-__decorate([
-    observable
-], PDFViewerState.prototype, "scale", void 0);
-__decorate([
-    observable
-], PDFViewerState.prototype, "originalWidth", void 0);
-__decorate([
-    observable
-], PDFViewerState.prototype, "url", void 0);
-__decorate([
-    observable
-], PDFViewerState.prototype, "containerWidth", void 0);
-__decorate([
-    action
-], PDFViewerState.prototype, "updateOriginalWidth", null);
-__decorate([
-    computed
-], PDFViewerState.prototype, "Scale", null);
-__decorate([
-    computed
-], PDFViewerState.prototype, "width", null);
-__decorate([
-    action
-], PDFViewerState.prototype, "Zoom", null);
-export const PDFViewerContext = React.createContext(null);
-export const usePDFViewerContext = () => useContext(PDFViewerContext);
+import { __decorate } from "tslib";
+import React, { useContext } from "react";
+import { action, computed, makeObservable, observable } from "mobx";
+import { ToolbarState } from "./Toolbar/ToolbarState";
+export class PDFViewerState {
+    constructor(url) {
+        Object.defineProperty(this, "scale", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "originalWidth", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        /** Gets the toolbar state. */
+        Object.defineProperty(this, "toolbar", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "url", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        Object.defineProperty(this, "containerWidth", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        makeObservable(this);
+        this.url = url;
+        this.toolbar = new ToolbarState(this);
+    }
+    updateOriginalWidth(width) {
+        if (this.originalWidth < width)
+            this.originalWidth = width;
+    }
+    get Scale() {
+        return this.width ? this.width / this.originalWidth : 0;
+    }
+    get width() {
+        if (this.scale === 0)
+            // fit
+            return this.containerWidth;
+        return this.originalWidth * this.scale;
+    }
+    Zoom(scale) {
+        this.scale = scale;
+    }
+}
+__decorate([
+    observable
+], PDFViewerState.prototype, "scale", void 0);
+__decorate([
+    observable
+], PDFViewerState.prototype, "originalWidth", void 0);
+__decorate([
+    observable
+], PDFViewerState.prototype, "url", void 0);
+__decorate([
+    observable
+], PDFViewerState.prototype, "containerWidth", void 0);
+__decorate([
+    action
+], PDFViewerState.prototype, "updateOriginalWidth", null);
+__decorate([
+    computed
+], PDFViewerState.prototype, "Scale", null);
+__decorate([
+    computed
+], PDFViewerState.prototype, "width", null);
+__decorate([
+    action
+], PDFViewerState.prototype, "Zoom", null);
+export const PDFViewerContext = React.createContext(null);
+export const usePDFViewerContext = () => useContext(PDFViewerContext);
 //# sourceMappingURL=state.js.map

package/es/controls/PageMenu/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare const PageMenu: (props: {
-    id: string;
-    closeAside?: boolean;
-}) => JSX.Element;
-export default PageMenu;
+/// <reference types="react" />
+declare const PageMenu: (props: {
+    id: string;
+    closeAside?: boolean;
+}) => JSX.Element;
+export default PageMenu;

package/es/controls/PageMenu/index.js

@@ -1,20 +1,20 @@
-import { Access, Archive, Delete, DownloadFiles, Lock, Move, Notifications, OpenReferenceView, Paste, Print, Publish, PublishLock, Unlock, } from "../DocumentMenu/items";
-import React from "react";
-const PageMenu = (props) => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Print, { url: `page/print/${props.id}` }),
-        React.createElement(Move, null),
-        React.createElement(Paste, null),
-        React.createElement(Lock, null),
-        React.createElement(Unlock, null),
-        React.createElement(Publish, null),
-        React.createElement(PublishLock, null),
-        React.createElement(Access, null),
-        React.createElement(Notifications, null),
-        React.createElement(OpenReferenceView, null),
-        React.createElement(Archive, null),
-        React.createElement(DownloadFiles, null),
-        React.createElement(Delete, { closeAside: props.closeAside })));
-};
-export default PageMenu;
+import { Access, Archive, Delete, DownloadFiles, Lock, Move, Notifications, OpenReferenceView, Paste, Print, Publish, PublishLock, Unlock, } from "../DocumentMenu/items";
+import React from "react";
+const PageMenu = (props) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Print, { url: `page/print/${props.id}` }),
+        React.createElement(Move, null),
+        React.createElement(Paste, null),
+        React.createElement(Lock, null),
+        React.createElement(Unlock, null),
+        React.createElement(Publish, null),
+        React.createElement(PublishLock, null),
+        React.createElement(Access, null),
+        React.createElement(Notifications, null),
+        React.createElement(OpenReferenceView, null),
+        React.createElement(Archive, null),
+        React.createElement(DownloadFiles, null),
+        React.createElement(Delete, { closeAside: props.closeAside })));
+};
+export default PageMenu;
 //# sourceMappingURL=index.js.map

package/es/controls/ShortcutMenu/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const ShortcutMenu: (props: {
-    id: string;
-}) => JSX.Element;
-export default ShortcutMenu;
+/// <reference types="react" />
+declare const ShortcutMenu: (props: {
+    id: string;
+}) => JSX.Element;
+export default ShortcutMenu;

package/es/controls/ShortcutMenu/index.js

@@ -1,26 +1,26 @@
-import { Access, Delete } from "../DocumentMenu/items";
-import React, { useState } from "react";
-import { Button } from "@voplus/antd";
-import DescriptionDocumentList from "../../components/DescriptionDocumentList";
-import DocumentMenu from "../DocumentMenu";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import QuickViewDialog from "../../components/QuickViewDialog";
-import { faEnvelope } from "@fortawesome/pro-light-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-const ShortcutMenu = (props) => {
-    const [quickViewVisible, setQuickViewVisible] = useState(false);
-    return observe(() => (React.createElement(React.Fragment, null,
-        React.createElement(DocumentMenu, { id: props.id },
-            React.createElement(Button, { type: "link", key: "OpenQuickView", onClick: () => setQuickViewVisible(true) },
-                React.createElement(FAIcon, { icon: faEnvelope }),
-                React.createElement("span", null, "Open Quick View")),
-            React.createElement(Access, null),
-            React.createElement(Delete, null)),
-        React.createElement(QuickViewDialog, { id: props.id, visible: quickViewVisible, onCancel: onCancel },
-            React.createElement(DescriptionDocumentList, { id: props.id })))));
-    function onCancel() {
-        setQuickViewVisible(false);
-    }
-};
-export default ShortcutMenu;
+import { Access, Delete } from "../DocumentMenu/items";
+import React, { useState } from "react";
+import { Button } from "@voplus/antd";
+import DescriptionDocumentList from "../../components/DescriptionDocumentList";
+import DocumentMenu from "../DocumentMenu";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import QuickViewDialog from "../../components/QuickViewDialog";
+import { faEnvelope } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+const ShortcutMenu = (props) => {
+    const [quickViewVisible, setQuickViewVisible] = useState(false);
+    return observe(() => (React.createElement(React.Fragment, null,
+        React.createElement(DocumentMenu, { id: props.id },
+            React.createElement(Button, { type: "link", key: "OpenQuickView", onClick: () => setQuickViewVisible(true) },
+                React.createElement(FAIcon, { icon: faEnvelope }),
+                React.createElement("span", null, "Open Quick View")),
+            React.createElement(Access, null),
+            React.createElement(Delete, null)),
+        React.createElement(QuickViewDialog, { id: props.id, visible: quickViewVisible, onCancel: onCancel },
+            React.createElement(DescriptionDocumentList, { id: props.id })))));
+    function onCancel() {
+        setQuickViewVisible(false);
+    }
+};
+export default ShortcutMenu;
 //# sourceMappingURL=index.js.map

package/es/controls/TextMenu/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare const TextMenu: (props: {
-    id: string;
-    closeAside?: boolean;
-}) => JSX.Element;
-export default TextMenu;
+/// <reference types="react" />
+declare const TextMenu: (props: {
+    id: string;
+    closeAside?: boolean;
+}) => JSX.Element;
+export default TextMenu;

package/es/controls/TextMenu/index.js

@@ -1,20 +1,20 @@
-import { Access, Archive, Delete, DownloadFiles, Lock, Move, Notifications, OpenReferenceView, Paste, Print, Publish, PublishLock, Unlock, } from "../DocumentMenu/items";
-import React from "react";
-const TextMenu = (props) => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Print, { url: `text/print/${props.id}` }),
-        React.createElement(Move, null),
-        React.createElement(Paste, null),
-        React.createElement(Lock, null),
-        React.createElement(Unlock, null),
-        React.createElement(Publish, null),
-        React.createElement(PublishLock, null),
-        React.createElement(Access, null),
-        React.createElement(Notifications, null),
-        React.createElement(OpenReferenceView, null),
-        React.createElement(Archive, null),
-        React.createElement(DownloadFiles, null),
-        React.createElement(Delete, { closeAside: props.closeAside })));
-};
-export default TextMenu;
+import { Access, Archive, Delete, DownloadFiles, Lock, Move, Notifications, OpenReferenceView, Paste, Print, Publish, PublishLock, Unlock, } from "../DocumentMenu/items";
+import React from "react";
+const TextMenu = (props) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Print, { url: `text/print/${props.id}` }),
+        React.createElement(Move, null),
+        React.createElement(Paste, null),
+        React.createElement(Lock, null),
+        React.createElement(Unlock, null),
+        React.createElement(Publish, null),
+        React.createElement(PublishLock, null),
+        React.createElement(Access, null),
+        React.createElement(Notifications, null),
+        React.createElement(OpenReferenceView, null),
+        React.createElement(Archive, null),
+        React.createElement(DownloadFiles, null),
+        React.createElement(Delete, { closeAside: props.closeAside })));
+};
+export default TextMenu;
 //# sourceMappingURL=index.js.map

package/es/controls/TimeLog/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const TimeLog: (props: {
-    size?: "middle" | "small" | "large";
-}) => JSX.Element;
-export default TimeLog;
+/// <reference types="react" />
+declare const TimeLog: (props: {
+    size?: "middle" | "small" | "large";
+}) => JSX.Element;
+export default TimeLog;

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 "@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;
 //# sourceMappingURL=index.js.map

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;
+/// <reference types="react" />
+import "./index.less";
+import { ToolBarProps } from "./ToolBarState";
+declare const Toolbar: {
+    (props: ToolBarProps): JSX.Element;
+    defaultProps: {
+        showMenu: boolean;
+    };
+};
+export default Toolbar;

package/es/controls/ToolBar/ToolBar2.js

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

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

@@ -1,36 +1,36 @@
-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 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;