@itwin/appui-react 4.17.0 → 5.0.0-dev.2

package/lib/cjs/appui-react/widget-panels/useSaveFrontstageSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSaveFrontstageSettings.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useSaveFrontstageSettings.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAI/B,oEAAwE;AAExE,6CAKsB;AAEtB,mCAAkC;AAOlC,gBAAgB;AAChB,SAAgB,yBAAyB,CACvC,aAA4B,EAC5B,KAAkB;IAElB,MAAM,iBAAiB,GAAG,IAAA,4CAAwB,GAAE,CAAC;IACrD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CACjC,SAAS,CACV,CAAC;IACF,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAgB,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE;QACxE,IAAI,CAAC,cAAc,CAAC,OAAO;YAAE,OAAO;QACpC,IAAI,KAAK,CAAC,UAAU;YAAE,OAAO;QAC7B,OAAO,cAAc,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IACnD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,WAAW,GAAG,CAAC,cAAc,CAAC,OAAO,GAAG,IAAA,iBAAQ,EACpD,KAAK,EAAE,UAAyB,EAAE,KAAoB,EAAE,EAAE;YACxD,MAAM,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;YACzB,MAAM,OAAO,GAAgC;gBAC3C,EAAE;gBACF,OAAO,EAAE,UAAU,CAAC,OAAO;gBAC3B,YAAY,EAAZ,yBAAY;gBACZ,QAAQ,EAAE,IAAA,8BAAiB,EAAC,KAAK,CAAC;aACnC,CAAC;YACF,MAAM,iBAAiB,CAAC,WAAW,CACjC,0CAA6B,EAC7B,IAAA,0CAA6B,EAAC,EAAE,CAAC,EACjC,OAAO,CACR,CAAC;QACJ,CAAC,EACD,IAAI,CACL,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,OAAO,GAAG,SAAS,CAAC;YACnC,WAAW,CAAC,MAAM,EAAE,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACxB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,GAAG,EAAE;YACV,4DAA4D;YAC5D,KAAK,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QACvC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YAC1B,KAAK,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;AACnC,CAAC;AA/CD,8DA+CC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Frontstage\n */\n\nimport * as React from \"react\";\nimport type { FrontstageDef } from \"../frontstage/FrontstageDef\";\nimport type { LayoutStore } from \"../layout/base/LayoutStore\";\nimport type { NineZoneState } from \"../layout/state/NineZoneState\";\nimport { useUiStateStorageHandler } from \"../uistate/useUiStateStorage\";\nimport type { WidgetPanelsFrontstageState } from \"./Frontstage\";\nimport {\n  FRONTSTAGE_SETTINGS_NAMESPACE,\n  getFrontstageStateSettingName,\n  packNineZoneState,\n  stateVersion,\n} from \"./Frontstage\";\nimport type { DebouncedFunc } from \"lodash\";\nimport { debounce } from \"lodash\";\n\ntype SaveSettingFn = (\n  frontstage: FrontstageDef,\n  state: NineZoneState\n) => Promise<void>;\n\n/** @internal */\nexport function useSaveFrontstageSettings(\n  frontstageDef: FrontstageDef,\n  store: LayoutStore\n) {\n  const uiSettingsStorage = useUiStateStorageHandler();\n  const saveSettingRef = React.useRef<DebouncedFunc<SaveSettingFn> | undefined>(\n    undefined\n  );\n  const save = React.useCallback<SaveSettingFn>(async (frontstage, state) => {\n    if (!saveSettingRef.current) return;\n    if (state.draggedTab) return;\n    return saveSettingRef.current(frontstage, state);\n  }, []);\n  React.useEffect(() => {\n    const saveSetting = (saveSettingRef.current = debounce(\n      async (frontstage: FrontstageDef, state: NineZoneState) => {\n        const id = frontstage.id;\n        const setting: WidgetPanelsFrontstageState = {\n          id,\n          version: frontstage.version,\n          stateVersion,\n          nineZone: packNineZoneState(state),\n        };\n        await uiSettingsStorage.saveSetting(\n          FRONTSTAGE_SETTINGS_NAMESPACE,\n          getFrontstageStateSettingName(id),\n          setting\n        );\n      },\n      1000\n    ));\n    return () => {\n      saveSettingRef.current = undefined;\n      saveSetting.cancel();\n    };\n  }, [uiSettingsStorage]);\n  React.useEffect(() => {\n    return () => {\n      // Save pending frontstage changes when changing frontstage.\n      void saveSettingRef.current?.flush();\n    };\n  }, [frontstageDef]);\n  React.useEffect(() => {\n    return store.subscribe(() => {\n      void save(frontstageDef, store.getState());\n    });\n  }, [save, frontstageDef, store]);\n}\n"]}

package/lib/cjs/appui-react/widget-panels/useTransientState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTransientState.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useTransientState.tsx"],"names":[],"mappings":"AAIA;;GAEG;AASH;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,EAAE,SAAS,CAAC,EAAE,MAAM,IAAI,QAI5E"}

package/lib/cjs/appui-react/widget-panels/useTransientState.js

@@ -1,23 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTransientState = void 0;
-const core_bentley_1 = require("@itwin/core-bentley");
-const React = require("react");
-const ContentRenderer_1 = require("../layout/widget/ContentRenderer");
-/** Hook that allows to save and restore transient DOM state (i.e. scroll offset) of a widget.
- * @public
- */
-function useTransientState(onSave, onRestore) {
-    const tabId = React.useContext(ContentRenderer_1.TabIdContext);
-    (0, core_bentley_1.assert)(!!tabId);
-    return (0, ContentRenderer_1.useTabTransientState)(tabId, onSave, onRestore);
-}
-exports.useTransientState = useTransientState;
-//# sourceMappingURL=useTransientState.js.map

package/lib/cjs/appui-react/widget-panels/useTransientState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTransientState.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useTransientState.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,sDAA6C;AAC7C,+BAA+B;AAC/B,sEAG0C;AAE1C;;GAEG;AACH,SAAgB,iBAAiB,CAAC,MAAmB,EAAE,SAAsB;IAC3E,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,8BAAY,CAAC,CAAC;IAC7C,IAAA,qBAAM,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChB,OAAO,IAAA,sCAAoB,EAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;AACxD,CAAC;AAJD,8CAIC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport { assert } from \"@itwin/core-bentley\";\nimport * as React from \"react\";\nimport {\n  TabIdContext,\n  useTabTransientState,\n} from \"../layout/widget/ContentRenderer\";\n\n/** Hook that allows to save and restore transient DOM state (i.e. scroll offset) of a widget.\n * @public\n */\nexport function useTransientState(onSave?: () => void, onRestore?: () => void) {\n  const tabId = React.useContext(TabIdContext);\n  assert(!!tabId);\n  return useTabTransientState(tabId, onSave, onRestore);\n}\n"]}

package/lib/cjs/appui-react/widget-panels/useWidgetDirection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWidgetDirection.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useWidgetDirection.tsx"],"names":[],"mappings":"AAIA;;GAEG;AASH;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,YAAY,GAAG,UAAU,CAc9D"}

package/lib/cjs/appui-react/widget-panels/useWidgetDirection.js

@@ -1,35 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWidgetDirection = void 0;
-const core_bentley_1 = require("@itwin/core-bentley");
-const React = require("react");
-const LayoutStore_1 = require("../layout/base/LayoutStore");
-const TabLocation_1 = require("../layout/state/TabLocation");
-const Panel_1 = require("../layout/widget-panels/Panel");
-const ContentRenderer_1 = require("../layout/widget/ContentRenderer");
-/** Returns widget direction.
- * I.e. "horizontal" when widget is in bottom/top stage panel.
- * @alpha
- */
-function useWidgetDirection() {
-    const tabId = React.useContext(ContentRenderer_1.TabIdContext);
-    (0, core_bentley_1.assert)(!!tabId);
-    return (0, LayoutStore_1.useLayout)((state) => {
-        const tabLocation = (0, TabLocation_1.getTabLocation)(state, tabId);
-        if (tabLocation &&
-            "side" in tabLocation &&
-            (0, Panel_1.isHorizontalPanelSide)(tabLocation.side)) {
-            return "horizontal";
-        }
-        return "vertical";
-    });
-}
-exports.useWidgetDirection = useWidgetDirection;
-//# sourceMappingURL=useWidgetDirection.js.map

package/lib/cjs/appui-react/widget-panels/useWidgetDirection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWidgetDirection.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/useWidgetDirection.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,sDAA6C;AAC7C,+BAA+B;AAC/B,4DAAuD;AACvD,6DAA6D;AAC7D,yDAAsE;AACtE,sEAAgE;AAEhE;;;GAGG;AACH,SAAgB,kBAAkB;IAChC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,8BAAY,CAAC,CAAC;IAC7C,IAAA,qBAAM,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChB,OAAO,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE;QACzB,MAAM,WAAW,GAAG,IAAA,4BAAc,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACjD,IACE,WAAW;YACX,MAAM,IAAI,WAAW;YACrB,IAAA,6BAAqB,EAAC,WAAW,CAAC,IAAI,CAAC,EACvC,CAAC;YACD,OAAO,YAAY,CAAC;QACtB,CAAC;QACD,OAAO,UAAU,CAAC;IACpB,CAAC,CAAC,CAAC;AACL,CAAC;AAdD,gDAcC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport { assert } from \"@itwin/core-bentley\";\nimport * as React from \"react\";\nimport { useLayout } from \"../layout/base/LayoutStore\";\nimport { getTabLocation } from \"../layout/state/TabLocation\";\nimport { isHorizontalPanelSide } from \"../layout/widget-panels/Panel\";\nimport { TabIdContext } from \"../layout/widget/ContentRenderer\";\n\n/** Returns widget direction.\n * I.e. \"horizontal\" when widget is in bottom/top stage panel.\n * @alpha\n */\nexport function useWidgetDirection(): \"horizontal\" | \"vertical\" {\n  const tabId = React.useContext(TabIdContext);\n  assert(!!tabId);\n  return useLayout((state) => {\n    const tabLocation = getTabLocation(state, tabId);\n    if (\n      tabLocation &&\n      \"side\" in tabLocation &&\n      isHorizontalPanelSide(tabLocation.side)\n    ) {\n      return \"horizontal\";\n    }\n    return \"vertical\";\n  });\n}\n"]}

package/lib/cjs/appui-react/widgets/BackstageAppButton.d.ts

@@ -1,24 +0,0 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import type { IconSpec } from "@itwin/core-react";
-/** Properties of {@link BackstageAppButton} component.
- * @public
- */
-export interface BackstageAppButtonProps {
-    /** If specified overrides the default icon.
-     * @deprecated in 4.16.0. Use {@link BackstageAppButtonProps.iconNode} instead.
-     */
-    icon?: IconSpec;
-    iconNode?: React.ReactNode;
-    /** If specified overrides the default label. */
-    label?: string;
-    /** If specified overrides the default action that toggles the backstage. */
-    execute?: () => void;
-}
-/** Component shown in the top-left corner of the content manipulation area. It is usually used to toggle the display of a backstage or navigate between frontstages.
- * @public
- */
-export declare function BackstageAppButton({ icon, iconNode, label, execute, }: BackstageAppButtonProps): React.JSX.Element;
-//# sourceMappingURL=BackstageAppButton.d.ts.map

package/lib/cjs/appui-react/widgets/BackstageAppButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackstageAppButton.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAOlD;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IAEH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAEjC,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,OAAO,GACR,EAAE,uBAAuB,qBA8CzB"}

package/lib/cjs/appui-react/widgets/BackstageAppButton.js

@@ -1,54 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BackstageAppButton = void 0;
-const React = require("react");
-const core_bentley_1 = require("@itwin/core-bentley");
-const core_react_1 = require("@itwin/core-react");
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-const UiFramework_1 = require("../UiFramework");
-const App_1 = require("../layout/widget/tools/button/App");
-const useTranslation_1 = require("../hooks/useTranslation");
-/** Component shown in the top-left corner of the content manipulation area. It is usually used to toggle the display of a backstage or navigate between frontstages.
- * @public
- */
-function BackstageAppButton({ 
-// eslint-disable-next-line deprecation/deprecation
-icon, iconNode, label, execute, }) {
-    const { translate } = (0, useTranslation_1.useTranslation)();
-    label = label ?? translate("commands.openBackstage");
-    const isInitialMount = React.useRef(true);
-    const { onElementRef, proximityScale } = (0, core_react_1.useWidgetOpacityContext)();
-    const ref = React.useRef(null);
-    const handleClick = React.useCallback(() => {
-        if (execute) {
-            execute();
-            return;
-        }
-        UiFramework_1.UiFramework.backstage.toggle();
-    }, [execute]);
-    React.useEffect(() => {
-        if (isInitialMount.current) {
-            isInitialMount.current = false;
-            onElementRef(ref);
-        }
-    }, [onElementRef]);
-    let buttonProximityScale;
-    if ((UiFramework_1.UiFramework.visibility.useProximityOpacity || // eslint-disable-line deprecation/deprecation
-        UiFramework_1.UiFramework.visibility.snapWidgetOpacity) &&
-        !core_bentley_1.ProcessDetector.isMobileBrowser) {
-        buttonProximityScale = proximityScale;
-    }
-    // eslint-disable-next-line deprecation/deprecation
-    const specIcon = icon ? React.createElement(core_react_1.Icon, { iconSpec: icon }) : undefined;
-    return (React.createElement("div", { ref: ref, className: "uifw-app-button-small" },
-        React.createElement(App_1.AppButton, { small: true, mouseProximity: buttonProximityScale, onClick: handleClick, icon: iconNode ?? specIcon ?? React.createElement(itwinui_icons_react_1.SvgHome, null), title: label })));
-}
-exports.BackstageAppButton = BackstageAppButton;
-//# sourceMappingURL=BackstageAppButton.js.map

package/lib/cjs/appui-react/widgets/BackstageAppButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackstageAppButton.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,sDAAsD;AAEtD,kDAAkE;AAClE,oEAAqD;AACrD,gDAA6C;AAC7C,2DAA8D;AAC9D,4DAAyD;AAkBzD;;GAEG;AACH,SAAgB,kBAAkB,CAAC;AACjC,mDAAmD;AACnD,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,OAAO,GACiB;IACxB,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IACvC,KAAK,GAAG,KAAK,IAAI,SAAS,CAAC,wBAAwB,CAAC,CAAC;IACrD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,IAAA,oCAAuB,GAAE,CAAC;IACnE,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,yBAAW,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC3B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,YAAY,CAAC,GAAG,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAI,oBAAwC,CAAC;IAE7C,IACE,CAAC,yBAAW,CAAC,UAAU,CAAC,mBAAmB,IAAI,8CAA8C;QAC3F,yBAAW,CAAC,UAAU,CAAC,iBAAiB,CAAC;QAC3C,CAAC,8BAAe,CAAC,eAAe,EAChC,CAAC;QACD,oBAAoB,GAAG,cAAc,CAAC;IACxC,CAAC;IAED,mDAAmD;IACnD,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,oBAAC,iBAAI,IAAC,QAAQ,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7D,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,uBAAuB;QAC9C,oBAAC,eAAS,IACR,KAAK,EAAE,IAAI,EACX,cAAc,EAAE,oBAAoB,EACpC,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,QAAQ,IAAI,QAAQ,IAAI,oBAAC,6BAAO,OAAG,EACzC,KAAK,EAAE,KAAK,GACZ,CACE,CACP,CAAC;AACJ,CAAC;AApDD,gDAoDC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport * as React from \"react\";\nimport { ProcessDetector } from \"@itwin/core-bentley\";\nimport type { IconSpec } from \"@itwin/core-react\";\nimport { Icon, useWidgetOpacityContext } from \"@itwin/core-react\";\nimport { SvgHome } from \"@itwin/itwinui-icons-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { AppButton } from \"../layout/widget/tools/button/App\";\nimport { useTranslation } from \"../hooks/useTranslation\";\n\n/** Properties of {@link BackstageAppButton} component.\n * @public\n */\nexport interface BackstageAppButtonProps {\n  /** If specified overrides the default icon.\n   * @deprecated in 4.16.0. Use {@link BackstageAppButtonProps.iconNode} instead.\n   */\n  // eslint-disable-next-line deprecation/deprecation\n  icon?: IconSpec;\n  iconNode?: React.ReactNode;\n  /** If specified overrides the default label. */\n  label?: string;\n  /** If specified overrides the default action that toggles the backstage. */\n  execute?: () => void;\n}\n\n/** Component shown in the top-left corner of the content manipulation area. It is usually used to toggle the display of a backstage or navigate between frontstages.\n * @public\n */\nexport function BackstageAppButton({\n  // eslint-disable-next-line deprecation/deprecation\n  icon,\n  iconNode,\n  label,\n  execute,\n}: BackstageAppButtonProps) {\n  const { translate } = useTranslation();\n  label = label ?? translate(\"commands.openBackstage\");\n  const isInitialMount = React.useRef(true);\n  const { onElementRef, proximityScale } = useWidgetOpacityContext();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  const handleClick = React.useCallback(() => {\n    if (execute) {\n      execute();\n      return;\n    }\n\n    UiFramework.backstage.toggle();\n  }, [execute]);\n\n  React.useEffect(() => {\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      onElementRef(ref);\n    }\n  }, [onElementRef]);\n\n  let buttonProximityScale: number | undefined;\n\n  if (\n    (UiFramework.visibility.useProximityOpacity || // eslint-disable-line deprecation/deprecation\n      UiFramework.visibility.snapWidgetOpacity) &&\n    !ProcessDetector.isMobileBrowser\n  ) {\n    buttonProximityScale = proximityScale;\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  const specIcon = icon ? <Icon iconSpec={icon} /> : undefined;\n  return (\n    <div ref={ref} className=\"uifw-app-button-small\">\n      <AppButton\n        small={true}\n        mouseProximity={buttonProximityScale}\n        onClick={handleClick}\n        icon={iconNode ?? specIcon ?? <SvgHome />}\n        title={label}\n      />\n    </div>\n  );\n}\n"]}

package/lib/cjs/appui-react/widgets/BasicNavigationWidget.d.ts

@@ -1,21 +0,0 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import type { ToolbarItem } from "../toolbar/ToolbarItem";
-/** Properties that can be used to append items to the default set of toolbar items.
- * @public
- * @deprecated in 4.17.0. Use `React.ComponentProps<typeof BasicNavigationWidget>`
- */
-export interface BasicNavigationWidgetProps {
-    /** optional set of additional items to include in horizontal toolbar */
-    additionalHorizontalItems?: ToolbarItem[];
-    /** optional set of additional items to include in vertical toolbar */
-    additionalVerticalItems?: ToolbarItem[];
-}
-/** Basic Navigation Widget that provides standard tools to manipulate views containing element data.
- * Supports the specification of additional horizontal and vertical toolbar items through props.
- * @public
- */
-export declare function BasicNavigationWidget(props: BasicNavigationWidgetProps): React.JSX.Element;
-//# sourceMappingURL=BasicNavigationWidget.d.ts.map

package/lib/cjs/appui-react/widgets/BasicNavigationWidget.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasicNavigationWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicNavigationWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAI1D;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IACzC,wEAAwE;IACxE,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;CACzC;AAED;;;GAGG;AAEH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAqFtE"}

package/lib/cjs/appui-react/widgets/BasicNavigationWidget.js

@@ -1,81 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BasicNavigationWidget = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const ToolbarComposer_1 = require("../toolbar/ToolbarComposer");
-const useUiVisibility_1 = require("../hooks/useUiVisibility");
-const NavigationWidgetComposer_1 = require("./NavigationWidgetComposer");
-const ToolbarItem_1 = require("../toolbar/ToolbarItem");
-const ToolbarItems_1 = require("../tools/ToolbarItems");
-/** Basic Navigation Widget that provides standard tools to manipulate views containing element data.
- * Supports the specification of additional horizontal and vertical toolbar items through props.
- * @public
- */
-// eslint-disable-next-line deprecation/deprecation
-function BasicNavigationWidget(props) {
-    const getHorizontalToolbarItems = React.useCallback(() => {
-        const items = [
-            ToolbarItems_1.ToolbarItems.createRotateView({
-                itemPriority: 10,
-            }),
-            ToolbarItems_1.ToolbarItems.createPanView({
-                itemPriority: 20,
-            }),
-            ToolbarItems_1.ToolbarItems.createFitView({
-                itemPriority: 30,
-            }),
-            ToolbarItems_1.ToolbarItems.createWindowArea({
-                itemPriority: 40,
-            }),
-            ToolbarItems_1.ToolbarItems.createViewUndo({
-                itemPriority: 50,
-            }),
-            ToolbarItems_1.ToolbarItems.createViewRedo({
-                itemPriority: 60,
-            }),
-        ];
-        if (props.additionalHorizontalItems)
-            items.push(...props.additionalHorizontalItems);
-        return items;
-    }, [props.additionalHorizontalItems]);
-    const getVerticalToolbarItems = React.useCallback(() => {
-        const items = [];
-        items.push(ToolbarItems_1.ToolbarItems.createWalkView({
-            itemPriority: 10,
-        }), ToolbarItems_1.ToolbarItems.createToggleCameraView({
-            itemPriority: 20,
-        }));
-        if (props.additionalVerticalItems)
-            items.push(...props.additionalVerticalItems);
-        return items;
-    }, [props.additionalVerticalItems]);
-    const [horizontalItems, setHorizontalItems] = React.useState(() => getHorizontalToolbarItems());
-    const [verticalItems, setVerticalItems] = React.useState(() => getVerticalToolbarItems());
-    const isInitialMount = React.useRef(true);
-    React.useEffect(() => {
-        if (isInitialMount.current)
-            isInitialMount.current = false;
-        else {
-            setHorizontalItems(getHorizontalToolbarItems());
-            setVerticalItems(getVerticalToolbarItems());
-        }
-    }, [
-        props.additionalHorizontalItems,
-        props.additionalVerticalItems,
-        getHorizontalToolbarItems,
-        getVerticalToolbarItems,
-    ]);
-    const uiIsVisible = (0, useUiVisibility_1.useUiVisibility)();
-    const className = (0, classnames_1.default)(!uiIsVisible && "nz-hidden");
-    return (React.createElement(NavigationWidgetComposer_1.NavigationWidgetComposer, { className: className, horizontalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: horizontalItems, usage: ToolbarItem_1.ToolbarUsage.ViewNavigation, orientation: ToolbarItem_1.ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: verticalItems, usage: ToolbarItem_1.ToolbarUsage.ViewNavigation, orientation: ToolbarItem_1.ToolbarOrientation.Vertical }) }));
-}
-exports.BasicNavigationWidget = BasicNavigationWidget;
-//# sourceMappingURL=BasicNavigationWidget.js.map

package/lib/cjs/appui-react/widgets/BasicNavigationWidget.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasicNavigationWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicNavigationWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\nimport { ToolbarItems } from \"../tools/ToolbarItems\";\n\n/** Properties that can be used to append items to the default set of toolbar items.\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof BasicNavigationWidget>`\n */\nexport interface BasicNavigationWidgetProps {\n  /** optional set of additional items to include in horizontal toolbar */\n  additionalHorizontalItems?: ToolbarItem[];\n  /** optional set of additional items to include in vertical toolbar */\n  additionalVerticalItems?: ToolbarItem[];\n}\n\n/** Basic Navigation Widget that provides standard tools to manipulate views containing element data.\n * Supports the specification of additional horizontal and vertical toolbar items through props.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function BasicNavigationWidget(props: BasicNavigationWidgetProps) {\n  const getHorizontalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = [\n      ToolbarItems.createRotateView({\n        itemPriority: 10,\n      }),\n      ToolbarItems.createPanView({\n        itemPriority: 20,\n      }),\n      ToolbarItems.createFitView({\n        itemPriority: 30,\n      }),\n      ToolbarItems.createWindowArea({\n        itemPriority: 40,\n      }),\n      ToolbarItems.createViewUndo({\n        itemPriority: 50,\n      }),\n      ToolbarItems.createViewRedo({\n        itemPriority: 60,\n      }),\n    ];\n    if (props.additionalHorizontalItems)\n      items.push(...props.additionalHorizontalItems);\n    return items;\n  }, [props.additionalHorizontalItems]);\n\n  const getVerticalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = [];\n    items.push(\n      ToolbarItems.createWalkView({\n        itemPriority: 10,\n      }),\n      ToolbarItems.createToggleCameraView({\n        itemPriority: 20,\n      })\n    );\n    if (props.additionalVerticalItems)\n      items.push(...props.additionalVerticalItems);\n    return items;\n  }, [props.additionalVerticalItems]);\n\n  const [horizontalItems, setHorizontalItems] = React.useState(() =>\n    getHorizontalToolbarItems()\n  );\n  const [verticalItems, setVerticalItems] = React.useState(() =>\n    getVerticalToolbarItems()\n  );\n\n  const isInitialMount = React.useRef(true);\n  React.useEffect(() => {\n    if (isInitialMount.current) isInitialMount.current = false;\n    else {\n      setHorizontalItems(getHorizontalToolbarItems());\n      setVerticalItems(getVerticalToolbarItems());\n    }\n  }, [\n    props.additionalHorizontalItems,\n    props.additionalVerticalItems,\n    getHorizontalToolbarItems,\n    getVerticalToolbarItems,\n  ]);\n\n  const uiIsVisible = useUiVisibility();\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n\n  return (\n    <NavigationWidgetComposer\n      className={className}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={horizontalItems}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={verticalItems}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}

package/lib/cjs/appui-react/widgets/BasicToolWidget.d.ts

@@ -1,25 +0,0 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import type { ToolbarItem } from "../toolbar/ToolbarItem";
-/** Properties that can be used to append items to the default set of toolbar items.
- * @public
- * @deprecated in 4.17.0. Use `React.ComponentProps<typeof BasicToolWidget>`
- */
-export interface BasicToolWidgetProps {
-    /** if true include hide/isolate Models and Categories */
-    showCategoryAndModelsContextTools?: boolean;
-    /** Name of icon WebFont entry or if specifying an imported SVG symbol use "webSvg:" prefix to imported symbol Id. */
-    icon?: string;
-    /** optional set of additional items to include in horizontal toolbar */
-    additionalHorizontalItems?: ToolbarItem[];
-    /** optional set of additional items to include in vertical toolbar */
-    additionalVerticalItems?: ToolbarItem[];
-}
-/** Default Tool Widget for standard "review" applications. Provides standard tools to review, and measure elements.
- * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.
- * @public
- */
-export declare function BasicToolWidget(props: BasicToolWidgetProps): React.JSX.Element;
-//# sourceMappingURL=BasicToolWidget.d.ts.map

package/lib/cjs/appui-react/widgets/BasicToolWidget.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasicToolWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAI1D;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,yDAAyD;IACzD,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,qHAAqH;IACrH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;CACzC;AAED;;;GAGG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAgH1D"}

package/lib/cjs/appui-react/widgets/BasicToolWidget.js

@@ -1,92 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BasicToolWidget = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const ToolbarComposer_1 = require("../toolbar/ToolbarComposer");
-const ToolWidgetComposer_1 = require("./ToolWidgetComposer");
-const BackstageAppButton_1 = require("./BackstageAppButton");
-const useUiVisibility_1 = require("../hooks/useUiVisibility");
-const ToolbarItem_1 = require("../toolbar/ToolbarItem");
-const ToolbarItems_1 = require("../tools/ToolbarItems");
-/** Default Tool Widget for standard "review" applications. Provides standard tools to review, and measure elements.
- * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.
- * @public
- */
-// eslint-disable-next-line deprecation/deprecation
-function BasicToolWidget(props) {
-    const getHorizontalToolbarItems = React.useCallback((useCategoryAndModelsContextTools) => {
-        const items = [];
-        if (useCategoryAndModelsContextTools) {
-            items.push(ToolbarItems_1.ToolbarItems.createClearSelection({
-                itemPriority: 10,
-            }), ToolbarItems_1.ToolbarItems.createClearHideIsolateEmphasizeElements({
-                itemPriority: 20,
-            }), ToolbarItems_1.ToolbarItems.createHideSectionGroup({
-                itemPriority: 30,
-            }), ToolbarItems_1.ToolbarItems.createIsolateSelectionGroup({
-                itemPriority: 40,
-            }), ToolbarItems_1.ToolbarItems.createEmphasizeElements({
-                itemPriority: 50,
-            }));
-        }
-        else {
-            items.push(ToolbarItems_1.ToolbarItems.createClearSelection({
-                itemPriority: 10,
-            }), ToolbarItems_1.ToolbarItems.createClearHideIsolateEmphasizeElements({
-                itemPriority: 20,
-            }), ToolbarItems_1.ToolbarItems.createHideElements({
-                itemPriority: 30,
-            }), ToolbarItems_1.ToolbarItems.createIsolateElements({
-                itemPriority: 40,
-            }), ToolbarItems_1.ToolbarItems.createEmphasizeElements({
-                itemPriority: 50,
-            }));
-        }
-        if (props.additionalHorizontalItems)
-            items.push(...props.additionalHorizontalItems);
-        return items;
-    }, [props.additionalHorizontalItems]);
-    const getVerticalToolbarItems = React.useCallback(() => {
-        const items = [];
-        items.push(ToolbarItems_1.ToolbarItems.createSelectElement({
-            itemPriority: 10,
-        }), ToolbarItems_1.ToolbarItems.createMeasureGroup({
-            itemPriority: 20,
-        }), ToolbarItems_1.ToolbarItems.createSectionGroup({
-            itemPriority: 30,
-        }));
-        if (props.additionalVerticalItems)
-            items.push(...props.additionalVerticalItems);
-        return items;
-    }, [props.additionalVerticalItems]);
-    const [horizontalItems, setHorizontalItems] = React.useState(() => getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools));
-    const [verticalItems, setVerticalItems] = React.useState(() => getVerticalToolbarItems());
-    const isInitialMount = React.useRef(true);
-    React.useEffect(() => {
-        if (isInitialMount.current)
-            isInitialMount.current = false;
-        else {
-            setHorizontalItems(getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools));
-            setVerticalItems(getVerticalToolbarItems());
-        }
-    }, [
-        props.showCategoryAndModelsContextTools,
-        props.additionalHorizontalItems,
-        props.additionalVerticalItems,
-        getHorizontalToolbarItems,
-        getVerticalToolbarItems,
-    ]);
-    const uiIsVisible = (0, useUiVisibility_1.useUiVisibility)();
-    const className = (0, classnames_1.default)(!uiIsVisible && "nz-hidden");
-    return (React.createElement(ToolWidgetComposer_1.ToolWidgetComposer, { className: className, cornerItem: React.createElement(BackstageAppButton_1.BackstageAppButton, { icon: props.icon }), horizontalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: horizontalItems, usage: ToolbarItem_1.ToolbarUsage.ContentManipulation, orientation: ToolbarItem_1.ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: verticalItems, usage: ToolbarItem_1.ToolbarUsage.ContentManipulation, orientation: ToolbarItem_1.ToolbarOrientation.Vertical }) }));
-}
-exports.BasicToolWidget = BasicToolWidget;
-//# sourceMappingURL=BasicToolWidget.js.map

package/lib/cjs/appui-react/widgets/BasicToolWidget.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasicToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer\";\nimport { BackstageAppButton } from \"./BackstageAppButton\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\nimport { ToolbarItems } from \"../tools/ToolbarItems\";\n\n/** Properties that can be used to append items to the default set of toolbar items.\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof BasicToolWidget>`\n */\nexport interface BasicToolWidgetProps {\n  /** if true include hide/isolate Models and Categories */\n  showCategoryAndModelsContextTools?: boolean;\n  /** Name of icon WebFont entry or if specifying an imported SVG symbol use \"webSvg:\" prefix to imported symbol Id. */\n  icon?: string;\n  /** optional set of additional items to include in horizontal toolbar */\n  additionalHorizontalItems?: ToolbarItem[];\n  /** optional set of additional items to include in vertical toolbar */\n  additionalVerticalItems?: ToolbarItem[];\n}\n\n/** Default Tool Widget for standard \"review\" applications. Provides standard tools to review, and measure elements.\n * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function BasicToolWidget(props: BasicToolWidgetProps) {\n  const getHorizontalToolbarItems = React.useCallback(\n    (useCategoryAndModelsContextTools: boolean): ToolbarItem[] => {\n      const items: ToolbarItem[] = [];\n      if (useCategoryAndModelsContextTools) {\n        items.push(\n          ToolbarItems.createClearSelection({\n            itemPriority: 10,\n          }),\n          ToolbarItems.createClearHideIsolateEmphasizeElements({\n            itemPriority: 20,\n          }),\n          ToolbarItems.createHideSectionGroup({\n            itemPriority: 30,\n          }),\n          ToolbarItems.createIsolateSelectionGroup({\n            itemPriority: 40,\n          }),\n          ToolbarItems.createEmphasizeElements({\n            itemPriority: 50,\n          })\n        );\n      } else {\n        items.push(\n          ToolbarItems.createClearSelection({\n            itemPriority: 10,\n          }),\n          ToolbarItems.createClearHideIsolateEmphasizeElements({\n            itemPriority: 20,\n          }),\n          ToolbarItems.createHideElements({\n            itemPriority: 30,\n          }),\n          ToolbarItems.createIsolateElements({\n            itemPriority: 40,\n          }),\n          ToolbarItems.createEmphasizeElements({\n            itemPriority: 50,\n          })\n        );\n      }\n      if (props.additionalHorizontalItems)\n        items.push(...props.additionalHorizontalItems);\n      return items;\n    },\n    [props.additionalHorizontalItems]\n  );\n\n  const getVerticalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = [];\n    items.push(\n      ToolbarItems.createSelectElement({\n        itemPriority: 10,\n      }),\n      ToolbarItems.createMeasureGroup({\n        itemPriority: 20,\n      }),\n      ToolbarItems.createSectionGroup({\n        itemPriority: 30,\n      })\n    );\n    if (props.additionalVerticalItems)\n      items.push(...props.additionalVerticalItems);\n    return items;\n  }, [props.additionalVerticalItems]);\n\n  const [horizontalItems, setHorizontalItems] = React.useState(() =>\n    getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools)\n  );\n  const [verticalItems, setVerticalItems] = React.useState(() =>\n    getVerticalToolbarItems()\n  );\n\n  const isInitialMount = React.useRef(true);\n  React.useEffect(() => {\n    if (isInitialMount.current) isInitialMount.current = false;\n    else {\n      setHorizontalItems(\n        getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools)\n      );\n      setVerticalItems(getVerticalToolbarItems());\n    }\n  }, [\n    props.showCategoryAndModelsContextTools,\n    props.additionalHorizontalItems,\n    props.additionalVerticalItems,\n    getHorizontalToolbarItems,\n    getVerticalToolbarItems,\n  ]);\n\n  const uiIsVisible = useUiVisibility();\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n  return (\n    <ToolWidgetComposer\n      className={className}\n      cornerItem={<BackstageAppButton icon={props.icon} />}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={horizontalItems}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={verticalItems}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}

package/lib/cjs/appui-react/widgets/ContentToolWidgetComposer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentToolWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ContentToolWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;;GAIG;AACH,MAAM,WAAW,8BAA8B;IAC7C,yEAAyE;IACzE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,yBAAyB,CAEvC,KAAK,EAAE,8BAA8B,qBAyBtC"}

package/lib/cjs/appui-react/widgets/ContentToolWidgetComposer.js

@@ -1,50 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentToolWidgetComposer = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const ToolbarComposer_1 = require("../toolbar/ToolbarComposer");
-const ToolWidgetComposer_1 = require("./ToolWidgetComposer");
-const useUiVisibility_1 = require("../hooks/useUiVisibility");
-const ToolbarItem_1 = require("../toolbar/ToolbarItem");
-/**
- * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders
- * are used to populate the toolbars. See [[StandardContentToolsProvider]].
- * @example
- * ToolWidget with no corner button
- * ```
- * <ContentToolWidgetComposer />
- * ```
- * ToolWidget with corner button
- * ```
- * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />} />;
- * <ContentToolWidgetComposer cornerButton={cornerButton} />
- * ```
- * ToolWidget with custom corner button
- * ```
- * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}
- *   label="Toggle Backstage display",
- *   execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;
- * <ContentToolWidgetComposer cornerButton={cornerButton} />
- * ```
- *
- * BackstageCornerButton,
- * @public
- */
-function ContentToolWidgetComposer(
-/* eslint-disable-next-line deprecation/deprecation */
-props) {
-    const { cornerButton } = props;
-    const uiIsVisible = (0, useUiVisibility_1.useUiVisibility)();
-    const className = (0, classnames_1.default)(!uiIsVisible && "nz-hidden");
-    return (React.createElement(ToolWidgetComposer_1.ToolWidgetComposer, { className: className, cornerItem: cornerButton, horizontalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: ToolbarItem_1.ToolbarUsage.ContentManipulation, orientation: ToolbarItem_1.ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer_1.ToolbarComposer, { items: [], usage: ToolbarItem_1.ToolbarUsage.ContentManipulation, orientation: ToolbarItem_1.ToolbarOrientation.Vertical }) }));
-}
-exports.ContentToolWidgetComposer = ContentToolWidgetComposer;
-//# sourceMappingURL=ContentToolWidgetComposer.js.map

package/lib/cjs/appui-react/widgets/ContentToolWidgetComposer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ContentToolWidgetComposer.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,gEAA6D;AAC7D,6DAA0D;AAC1D,8DAA2D;AAC3D,wDAA0E;AAY1E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,SAAgB,yBAAyB;AACvC,sDAAsD;AACtD,KAAqC;IAErC,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,WAAW,GAAG,IAAA,iCAAe,GAAE,CAAC;IACtC,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,CAAC,WAAW,IAAI,WAAW,CAAC,CAAC;IAC1D,OAAO,CACL,oBAAC,uCAAkB,IACjB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,YAAY,EACxB,iBAAiB,EACf,oBAAC,iCAAe,IACd,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,0BAAY,CAAC,mBAAmB,EACvC,WAAW,EAAE,gCAAkB,CAAC,UAAU,GAC1C,EAEJ,eAAe,EACb,oBAAC,iCAAe,IACd,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,0BAAY,CAAC,mBAAmB,EACvC,WAAW,EAAE,gCAAkB,CAAC,QAAQ,GACxC,GAEJ,CACH,CAAC;AACJ,CAAC;AA3BD,8DA2BC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\n\n/**\n * Props for [[ContentToolWidgetComposer]].\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof ContentToolWidgetComposer>`\n */\nexport interface ContentToolWidgetComposerProps {\n  /** If default backstage button is desired use <BackstageAppButton />. */\n  cornerButton?: React.ReactNode;\n}\n\n/**\n * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders\n * are used to populate the toolbars. See [[StandardContentToolsProvider]].\n * @example\n * ToolWidget with no corner button\n * ```\n * <ContentToolWidgetComposer />\n * ```\n * ToolWidget with corner button\n * ```\n * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />} />;\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\n * ```\n * ToolWidget with custom corner button\n * ```\n * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}\n *   label=\"Toggle Backstage display\",\n *   execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;\n * <ContentToolWidgetComposer cornerButton={cornerButton} />\n * ```\n *\n * BackstageCornerButton,\n * @public\n */\nexport function ContentToolWidgetComposer(\n  /* eslint-disable-next-line deprecation/deprecation */\n  props: ContentToolWidgetComposerProps\n) {\n  const { cornerButton } = props;\n  const uiIsVisible = useUiVisibility();\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n  return (\n    <ToolWidgetComposer\n      className={className}\n      cornerItem={cornerButton}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={[]}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={[]}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}

package/lib/cjs/appui-react/widgets/NavigationWidgetComposer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgDrD;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AAEH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBA0G9D;AA8BD;;;GAGG;AAEH,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAChE,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gCAAgC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iFAAiF;IACjF,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;GAIG;AAEH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBAwC5E"}