@itwin/appui-react 4.6.3 → 4.7.0

package/lib/cjs/appui-react/popup/ToolbarPopup.js

@@ -9,7 +9,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolbarPopup = void 0;
 const React = require("react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
+const ts_key_enum_1 = require("ts-key-enum");
 const core_react_1 = require("@itwin/core-react");
 const components_react_1 = require("@itwin/components-react");
 const CursorPopup_1 = require("../cursor/cursorpopup/CursorPopup");
@@ -33,7 +33,7 @@ class ToolbarPopup extends React.PureComponent {
         };
         this._handleKeyDown = (event) => {
             switch (event.key) {
-                case appui_abstract_1.SpecialKey.Escape:
+                case ts_key_enum_1.Key.Escape:
                     this._cancel();
                     break;
             }

package/lib/cjs/appui-react/popup/ToolbarPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolbarPopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAM/B,0DAAmD;AAEnD,kDAAgF;AAChF,8DAIiC;AACjC,mEAAgE;AAEhE,iDAA8C;AAC9C,mDAAgD;AAEhD,gDAA6C;AAiB7C;;GAEG;AACH,MAAa,YAAa,SAAQ,KAAK,CAAC,aAGvC;IAHD;;QAIE,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACvB,CAAC;QAEM,iBAAY,GAAG,CAAC,OAAkB,EAAE,EAAE;YAC5C,uBAAuB;YACvB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;gBAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;QAEM,mBAAc,GAAG,CACvB,KAA0C,EACpC,EAAE;YACR,QAAQ,KAAK,CAAC,GAAG,EAAE;gBACjB,KAAK,2BAAU,CAAC,MAAM;oBACpB,IAAI,CAAC,OAAO,EAAE,CAAC;oBACf,MAAM;aACT;QACH,CAAC,CAAC;IAgDJ,CAAC;IA9CS,OAAO;QACb,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;SACvB;IACH,CAAC;IAEe,MAAM;QACpB,IAAI,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CACvC,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,kBAAK,EAAE,EACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAChB,CAAC;QACF,MAAM,SAAS,GAAG,yBAAW,CAAC,YAAY,CACxC,KAAK,EACL,IAAI,CAAC,KAAK,CAAC,MAAM,EACjB,IAAI,CAAC,KAAK,CAAC,IAAI,EACf,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAC5B,CAAC;QACF,KAAK,GAAG,IAAI,kBAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QACjD,OAAO,CACL,oBAAC,6BAAa,IACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAClB,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAE9B,oBAAC,gCAAmB,IAClB,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnC,SAAS,EAAE,IAAI,CAAC,cAAc;gBAE9B,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI;oBACpD,oBAAC,iBAAO,IACN,SAAS,EAAE,4BAAS,CAAC,MAAM,EAC3B,cAAc,EAAE,wCAAqB,CAAC,KAAK,EAC3C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,kBAAkB,EAAE,IAAI,EACxB,qBAAqB,EAAE,wCAAqB,CAAC,QAAQ,EACrD,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACQ,CACQ,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AAvED,oCAuEC","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 Popup\n */\n\nimport * as React from \"react\";\nimport type {\n  OnCancelFunc,\n  OnItemExecutedFunc,\n  RelativePosition,\n} from \"@itwin/appui-abstract\";\nimport { SpecialKey } from \"@itwin/appui-abstract\";\nimport type { Orientation, SizeProps } from \"@itwin/core-react\";\nimport { DivWithOutsideClick, FocusTrap, Point, Size } from \"@itwin/core-react\";\nimport {\n  Direction,\n  ToolbarOpacitySetting,\n  ToolbarPanelAlignment,\n} from \"@itwin/components-react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup } from \"./PositionPopup\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport { Toolbar } from \"../toolbar/Toolbar\";\n\n/** Props for a popup toolbar\n * @beta */\nexport interface ToolbarPopupProps extends PopupPropsBase {\n  items: ToolbarItem[];\n  relativePosition: RelativePosition;\n  orientation: Orientation;\n  onCancel: OnCancelFunc;\n  onItemExecuted: OnItemExecutedFunc;\n}\n\n/** @internal */\ninterface ToolbarPopupState {\n  size: Size;\n}\n\n/** Popup component for Toolbar\n * @beta\n */\nexport class ToolbarPopup extends React.PureComponent<\n  ToolbarPopupProps,\n  ToolbarPopupState\n> {\n  /** @internal */\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  private _onSizeKnown = (newSize: SizeProps) => {\n    // istanbul ignore else\n    if (!this.state.size.equals(newSize))\n      this.setState({ size: Size.create(newSize) });\n  };\n\n  private _handleKeyDown = (\n    event: React.KeyboardEvent<HTMLDivElement>\n  ): void => {\n    switch (event.key) {\n      case SpecialKey.Escape:\n        this._cancel();\n        break;\n    }\n  };\n\n  private _cancel() {\n    // istanbul ignore else\n    if (this.props.onCancel) {\n      this.props.onCancel();\n    }\n  }\n\n  public override render() {\n    let point = PopupManager.getPopupPosition(\n      this.props.el,\n      this.props.pt,\n      new Point(),\n      this.state.size\n    );\n    const popupRect = CursorPopup.getPopupRect(\n      point,\n      this.props.offset,\n      this.state.size,\n      this.props.relativePosition\n    );\n    point = new Point(popupRect.left, popupRect.top);\n    return (\n      <PositionPopup\n        key={this.props.id}\n        className=\"uifw-no-border\"\n        point={point}\n        onSizeKnown={this._onSizeKnown}\n      >\n        <DivWithOutsideClick\n          onOutsideClick={this.props.onCancel}\n          onKeyDown={this._handleKeyDown}\n        >\n          <FocusTrap active={true} returnFocusOnDeactivate={true}>\n            <Toolbar\n              expandsTo={Direction.Bottom}\n              panelAlignment={ToolbarPanelAlignment.Start}\n              items={this.props.items}\n              useDragInteraction={true}\n              toolbarOpacitySetting={ToolbarOpacitySetting.Defaults}\n              onItemExecuted={this.props.onItemExecuted}\n            />\n          </FocusTrap>\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ToolbarPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolbarPopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,6CAAkC;AAOlC,kDAAgF;AAChF,8DAIiC;AACjC,mEAAgE;AAEhE,iDAA8C;AAC9C,mDAAgD;AAEhD,gDAA6C;AAiB7C;;GAEG;AACH,MAAa,YAAa,SAAQ,KAAK,CAAC,aAGvC;IAHD;;QAIE,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACvB,CAAC;QAEM,iBAAY,GAAG,CAAC,OAAkB,EAAE,EAAE;YAC5C,uBAAuB;YACvB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;gBAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;QAEM,mBAAc,GAAG,CACvB,KAA0C,EACpC,EAAE;YACR,QAAQ,KAAK,CAAC,GAAG,EAAE;gBACjB,KAAK,iBAAG,CAAC,MAAM;oBACb,IAAI,CAAC,OAAO,EAAE,CAAC;oBACf,MAAM;aACT;QACH,CAAC,CAAC;IAgDJ,CAAC;IA9CS,OAAO;QACb,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;SACvB;IACH,CAAC;IAEe,MAAM;QACpB,IAAI,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CACvC,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,kBAAK,EAAE,EACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAChB,CAAC;QACF,MAAM,SAAS,GAAG,yBAAW,CAAC,YAAY,CACxC,KAAK,EACL,IAAI,CAAC,KAAK,CAAC,MAAM,EACjB,IAAI,CAAC,KAAK,CAAC,IAAI,EACf,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAC5B,CAAC;QACF,KAAK,GAAG,IAAI,kBAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QACjD,OAAO,CACL,oBAAC,6BAAa,IACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAClB,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAE9B,oBAAC,gCAAmB,IAClB,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnC,SAAS,EAAE,IAAI,CAAC,cAAc;gBAE9B,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI;oBACpD,oBAAC,iBAAO,IACN,SAAS,EAAE,4BAAS,CAAC,MAAM,EAC3B,cAAc,EAAE,wCAAqB,CAAC,KAAK,EAC3C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,kBAAkB,EAAE,IAAI,EACxB,qBAAqB,EAAE,wCAAqB,CAAC,QAAQ,EACrD,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACQ,CACQ,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AAvED,oCAuEC","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 Popup\n */\n\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type {\n  OnCancelFunc,\n  OnItemExecutedFunc,\n  RelativePosition,\n} from \"@itwin/appui-abstract\";\nimport type { Orientation, SizeProps } from \"@itwin/core-react\";\nimport { DivWithOutsideClick, FocusTrap, Point, Size } from \"@itwin/core-react\";\nimport {\n  Direction,\n  ToolbarOpacitySetting,\n  ToolbarPanelAlignment,\n} from \"@itwin/components-react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup } from \"./PositionPopup\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport { Toolbar } from \"../toolbar/Toolbar\";\n\n/** Props for a popup toolbar\n * @beta */\nexport interface ToolbarPopupProps extends PopupPropsBase {\n  items: ToolbarItem[];\n  relativePosition: RelativePosition;\n  orientation: Orientation;\n  onCancel: OnCancelFunc;\n  onItemExecuted: OnItemExecutedFunc;\n}\n\n/** @internal */\ninterface ToolbarPopupState {\n  size: Size;\n}\n\n/** Popup component for Toolbar\n * @beta\n */\nexport class ToolbarPopup extends React.PureComponent<\n  ToolbarPopupProps,\n  ToolbarPopupState\n> {\n  /** @internal */\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  private _onSizeKnown = (newSize: SizeProps) => {\n    // istanbul ignore else\n    if (!this.state.size.equals(newSize))\n      this.setState({ size: Size.create(newSize) });\n  };\n\n  private _handleKeyDown = (\n    event: React.KeyboardEvent<HTMLDivElement>\n  ): void => {\n    switch (event.key) {\n      case Key.Escape:\n        this._cancel();\n        break;\n    }\n  };\n\n  private _cancel() {\n    // istanbul ignore else\n    if (this.props.onCancel) {\n      this.props.onCancel();\n    }\n  }\n\n  public override render() {\n    let point = PopupManager.getPopupPosition(\n      this.props.el,\n      this.props.pt,\n      new Point(),\n      this.state.size\n    );\n    const popupRect = CursorPopup.getPopupRect(\n      point,\n      this.props.offset,\n      this.state.size,\n      this.props.relativePosition\n    );\n    point = new Point(popupRect.left, popupRect.top);\n    return (\n      <PositionPopup\n        key={this.props.id}\n        className=\"uifw-no-border\"\n        point={point}\n        onSizeKnown={this._onSizeKnown}\n      >\n        <DivWithOutsideClick\n          onOutsideClick={this.props.onCancel}\n          onKeyDown={this._handleKeyDown}\n        >\n          <FocusTrap active={true} returnFocusOnDeactivate={true}>\n            <Toolbar\n              expandsTo={Direction.Bottom}\n              panelAlignment={ToolbarPanelAlignment.Start}\n              items={this.props.items}\n              useDragInteraction={true}\n              toolbarOpacitySetting={ToolbarOpacitySetting.Defaults}\n              onItemExecuted={this.props.onItemExecuted}\n            />\n          </FocusTrap>\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}

package/lib/cjs/appui-react/preview/PreviewFeatures.d.ts

@@ -0,0 +1,47 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+import { type KnownPreviewLayoutFeatures } from "@itwin/appui-layout-react";
+import * as React from "react";
+/** List of known preview features. */
+interface KnownPreviewFeatures extends KnownPreviewLayoutFeatures {
+}
+/** List of preview features that can be enabled/disabled.
+ * This list is expected to change over time, the interface is made
+ * so that new features can be added or removed without breaking existing code.
+ * A console warning will simply appear if unknown features are passed.
+ * @beta
+ */
+export interface PreviewFeatures extends Partial<KnownPreviewFeatures> {
+    [featureName: string]: any;
+}
+/** Hook to access the preview features set.
+ * @internal
+ */
+export declare function usePreviewFeatures(): PreviewFeatures;
+/** Props for PreviewFeaturesProvider.
+ * @beta
+ */
+export interface PreviewFeaturesProviderProps {
+    children?: React.ReactNode;
+    features?: PreviewFeatures;
+}
+/** Set which preview features are enabled. These features are not yet ready for production use nor have
+ * a proper API defined yet.
+ * The available set of features are defined in the [[PreviewFeatures]] interface.
+ *
+ * This component should wrap the Provider component.
+ *
+ * ```tsx
+ * <PreviewFeaturesProvider features={{ enableMaximizedFloatingWidget: true }}>
+ *   <Provider store={UiFramework.store}>
+ *    [...]
+ *     <ConfigurableUIContent />
+ *    [/...]
+ *   </Provider>
+ * </PreviewFeaturesProvider>
+ * @beta
+ */
+export declare function PreviewFeaturesProvider({ children, features, }: PreviewFeaturesProviderProps): JSX.Element;
+export {};
+//# sourceMappingURL=PreviewFeatures.d.ts.map

package/lib/cjs/appui-react/preview/PreviewFeatures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewFeatures.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/preview/PreviewFeatures.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,sCAAsC;AAEtC,UAAU,oBAAqB,SAAQ,0BAA0B;CAEhE;AAWD;;;;;GAKG;AACH,MAAM,WAAW,eAAgB,SAAQ,OAAO,CAAC,oBAAoB,CAAC;IACpE,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAC;CAC5B;AAwDD;;GAEG;AACH,wBAAgB,kBAAkB,oBAEjC;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,GACT,EAAE,4BAA4B,eAgB9B"}

package/lib/cjs/appui-react/preview/PreviewFeatures.js

@@ -0,0 +1,95 @@
+"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 Utilities
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PreviewFeaturesProvider = exports.usePreviewFeatures = void 0;
+const React = require("react");
+const zustand_1 = require("zustand");
+/** Object used trim to only known features at runtime.
+ * @internal
+ */
+const knownFeaturesObject = {
+    contentAlwaysMaxSize: undefined,
+    enableMaximizedFloatingWidget: undefined,
+    ...{ newToolbars: undefined }, // Hidden feature used in storybook only (to avoid trimming).
+};
+/** Trim an object to only contain known feature keys.
+ * @param previewFeatures object potentially containing unknown features
+ * @returns object containing only known features
+ * @internal
+ */
+function trimToKnownFeaturesOnly(previewFeatures) {
+    const knownFeatureKeys = Object.keys(knownFeaturesObject);
+    const [knownFeatures, unknownFeatures] = Object.entries(previewFeatures).reduce(([known, unknown], [key, value]) => {
+        if (knownFeatureKeys.includes(key)) {
+            known[key] = value;
+        }
+        else {
+            unknown.push(key);
+        }
+        return [known, unknown];
+    }, [{}, []]);
+    if (Object.keys(unknownFeatures).length > 0 &&
+        process.env.NODE_ENV === "development") {
+        // eslint-disable-next-line no-console
+        console.warn(`The following features used in "setPreviewFeatures" are unknown or no longer in preview: [${unknownFeatures.toString()}]
+      Here is the list of currently known features: [${knownFeatureKeys.toString()}]`);
+    }
+    return knownFeatures;
+}
+/** Preview features store used by `UiFramework.previewFeatures` and `UiFramework.setPreviewFeatures()` APIs to manage the preview features.
+ * Use `usePreviewFeatures` hook to access the preview features set from a react component.
+ * Use `usePreviewFeaturesStore.getState().previewFeatures` to access the preview features set from a non-react component.
+ * Use `usePreviewFeaturesStore.subscribe()` to subscribe to changes to the preview features set from a non-react component.
+ * @internal
+ */
+const usePreviewFeaturesStore = (0, zustand_1.create)((set) => {
+    return {
+        previewFeatures: {},
+        setPreviewFeatures: (newPreviewFeatures) => {
+            const previewFeatures = trimToKnownFeaturesOnly(newPreviewFeatures);
+            set({ previewFeatures });
+        },
+    };
+});
+/** Hook to access the preview features set.
+ * @internal
+ */
+function usePreviewFeatures() {
+    return usePreviewFeaturesStore((state) => state.previewFeatures);
+}
+exports.usePreviewFeatures = usePreviewFeatures;
+/** Set which preview features are enabled. These features are not yet ready for production use nor have
+ * a proper API defined yet.
+ * The available set of features are defined in the [[PreviewFeatures]] interface.
+ *
+ * This component should wrap the Provider component.
+ *
+ * ```tsx
+ * <PreviewFeaturesProvider features={{ enableMaximizedFloatingWidget: true }}>
+ *   <Provider store={UiFramework.store}>
+ *    [...]
+ *     <ConfigurableUIContent />
+ *    [/...]
+ *   </Provider>
+ * </PreviewFeaturesProvider>
+ * @beta
+ */
+function PreviewFeaturesProvider({ children, features, }) {
+    const setPreviewFeatures = usePreviewFeaturesStore((state) => state.setPreviewFeatures);
+    React.useEffect(() => {
+        setPreviewFeatures(features ?? {});
+    }, [features, setPreviewFeatures]);
+    // Clear preview features when unmounting.
+    React.useEffect(() => () => {
+        setPreviewFeatures({});
+    }, [setPreviewFeatures]);
+    return React.createElement(React.Fragment, null, children);
+}
+exports.PreviewFeaturesProvider = PreviewFeaturesProvider;
+//# sourceMappingURL=PreviewFeatures.js.map

package/lib/cjs/appui-react/preview/PreviewFeatures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewFeatures.js","sourceRoot":"","sources":["../../../../src/appui-react/preview/PreviewFeatures.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,+BAA+B;AAC/B,qCAAiC;AAQjC;;GAEG;AACH,MAAM,mBAAmB,GAAkD;IACzE,oBAAoB,EAAE,SAAS;IAC/B,6BAA6B,EAAE,SAAS;IACxC,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,6DAA6D;CAC7F,CAAC;AAYF;;;;GAIG;AACH,SAAS,uBAAuB,CAAC,eAAgC;IAC/D,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC1D,MAAM,CAAC,aAAa,EAAE,eAAe,CAAC,GAAG,MAAM,CAAC,OAAO,CACrD,eAAe,CAChB,CAAC,MAAM,CACN,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACjC,IAAI,gBAAgB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YAClC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;SACpB;aAAM;YACL,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACnB;QACD,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,EAAE,EAAE,EAAE,CAAgC,CACxC,CAAC;IACF,IACE,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC;QACvC,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EACtC;QACA,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,6FAA6F,eAAe,CAAC,QAAQ,EAAE;uDACtE,gBAAgB,CAAC,QAAQ,EAAE,GAAG,CAChF,CAAC;KACH;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAOD;;;;;GAKG;AACH,MAAM,uBAAuB,GAAG,IAAA,gBAAM,EAAuB,CAAC,GAAG,EAAE,EAAE;IACnE,OAAO;QACL,eAAe,EAAE,EAAE;QACnB,kBAAkB,EAAE,CAAC,kBAAmC,EAAE,EAAE;YAC1D,MAAM,eAAe,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,CAAC;YACpE,GAAG,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC;QAC3B,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;GAEG;AACH,SAAgB,kBAAkB;IAChC,OAAO,uBAAuB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;AACnE,CAAC;AAFD,gDAEC;AAUD;;;;;;;;;;;;;;;GAeG;AACH,SAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,GACqB;IAC7B,MAAM,kBAAkB,GAAG,uBAAuB,CAChD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,kBAAkB,CACpC,CAAC;IACF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,kBAAkB,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEnC,0CAA0C;IAC1C,KAAK,CAAC,SAAS,CACb,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,kBAAkB,CAAC,EAAE,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IACF,OAAO,0CAAG,QAAQ,CAAI,CAAC;AACzB,CAAC;AAnBD,0DAmBC","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 Utilities\n */\n\nimport { type KnownPreviewLayoutFeatures } from \"@itwin/appui-layout-react\";\nimport * as React from \"react\";\nimport { create } from \"zustand\";\n\n/** List of known preview features. */\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface KnownPreviewFeatures extends KnownPreviewLayoutFeatures {\n  // Add preview features not in appui-layout-react here.\n}\n\n/** Object used trim to only known features at runtime.\n * @internal\n */\nconst knownFeaturesObject: Record<keyof KnownPreviewFeatures, undefined> = {\n  contentAlwaysMaxSize: undefined,\n  enableMaximizedFloatingWidget: undefined,\n  ...{ newToolbars: undefined }, // Hidden feature used in storybook only (to avoid trimming).\n};\n\n/** List of preview features that can be enabled/disabled.\n * This list is expected to change over time, the interface is made\n * so that new features can be added or removed without breaking existing code.\n * A console warning will simply appear if unknown features are passed.\n * @beta\n */\nexport interface PreviewFeatures extends Partial<KnownPreviewFeatures> {\n  [featureName: string]: any;\n}\n\n/** Trim an object to only contain known feature keys.\n * @param previewFeatures object potentially containing unknown features\n * @returns object containing only known features\n * @internal\n */\nfunction trimToKnownFeaturesOnly(previewFeatures: PreviewFeatures) {\n  const knownFeatureKeys = Object.keys(knownFeaturesObject);\n  const [knownFeatures, unknownFeatures] = Object.entries(\n    previewFeatures\n  ).reduce(\n    ([known, unknown], [key, value]) => {\n      if (knownFeatureKeys.includes(key)) {\n        known[key] = value;\n      } else {\n        unknown.push(key);\n      }\n      return [known, unknown];\n    },\n    [{}, []] as [PreviewFeatures, string[]]\n  );\n  if (\n    Object.keys(unknownFeatures).length > 0 &&\n    process.env.NODE_ENV === \"development\"\n  ) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `The following features used in \"setPreviewFeatures\" are unknown or no longer in preview: [${unknownFeatures.toString()}]\n      Here is the list of currently known features: [${knownFeatureKeys.toString()}]`\n    );\n  }\n  return knownFeatures;\n}\n\ninterface PreviewFeaturesState {\n  previewFeatures: PreviewFeatures;\n  setPreviewFeatures: (previewFeatures: PreviewFeatures) => void;\n}\n\n/** Preview features store used by `UiFramework.previewFeatures` and `UiFramework.setPreviewFeatures()` APIs to manage the preview features.\n * Use `usePreviewFeatures` hook to access the preview features set from a react component.\n * Use `usePreviewFeaturesStore.getState().previewFeatures` to access the preview features set from a non-react component.\n * Use `usePreviewFeaturesStore.subscribe()` to subscribe to changes to the preview features set from a non-react component.\n * @internal\n */\nconst usePreviewFeaturesStore = create<PreviewFeaturesState>((set) => {\n  return {\n    previewFeatures: {},\n    setPreviewFeatures: (newPreviewFeatures: PreviewFeatures) => {\n      const previewFeatures = trimToKnownFeaturesOnly(newPreviewFeatures);\n      set({ previewFeatures });\n    },\n  };\n});\n\n/** Hook to access the preview features set.\n * @internal\n */\nexport function usePreviewFeatures() {\n  return usePreviewFeaturesStore((state) => state.previewFeatures);\n}\n\n/** Props for PreviewFeaturesProvider.\n * @beta\n */\nexport interface PreviewFeaturesProviderProps {\n  children?: React.ReactNode;\n  features?: PreviewFeatures;\n}\n\n/** Set which preview features are enabled. These features are not yet ready for production use nor have\n * a proper API defined yet.\n * The available set of features are defined in the [[PreviewFeatures]] interface.\n *\n * This component should wrap the Provider component.\n *\n * ```tsx\n * <PreviewFeaturesProvider features={{ enableMaximizedFloatingWidget: true }}>\n *   <Provider store={UiFramework.store}>\n *    [...]\n *     <ConfigurableUIContent />\n *    [/...]\n *   </Provider>\n * </PreviewFeaturesProvider>\n * @beta\n */\nexport function PreviewFeaturesProvider({\n  children,\n  features,\n}: PreviewFeaturesProviderProps) {\n  const setPreviewFeatures = usePreviewFeaturesStore(\n    (state) => state.setPreviewFeatures\n  );\n  React.useEffect(() => {\n    setPreviewFeatures(features ?? {});\n  }, [features, setPreviewFeatures]);\n\n  // Clear preview features when unmounting.\n  React.useEffect(\n    () => () => {\n      setPreviewFeatures({});\n    },\n    [setPreviewFeatures]\n  );\n  return <>{children}</>;\n}\n"]}

package/lib/cjs/appui-react/safearea/SafeAreaContext.d.ts

@@ -3,8 +3,15 @@
  */
 import * as React from "react";
 import type { SafeAreaInsets } from "./SafeAreaInsets";
-/**
- * Context used to manage safe area (feature used by devices with non-rectangular screens).
+/** Context used to manage safe area (feature used by devices with non-rectangular screens).
+ *
+ * If used, this is expected to wrap [[ConfigurableUiContent]].
+ *
+ * ```tsx
+ *  <SafeAreaContext.Provider value={SafeAreaInsets.All}>
+ *    <ConfigurableUiContent />
+ *  </SafeAreaContext.Provider>
+ * ```
  * @public
  */
 export declare const SafeAreaContext: React.Context<SafeAreaInsets | undefined>;

package/lib/cjs/appui-react/safearea/SafeAreaContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SafeAreaContext.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/safearea/SafeAreaContext.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,eAAe,2CAE3B,CAAC"}
+{"version":3,"file":"SafeAreaContext.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/safearea/SafeAreaContext.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe,2CAE3B,CAAC"}

package/lib/cjs/appui-react/safearea/SafeAreaContext.js

@@ -9,8 +9,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SafeAreaContext = void 0;
 const React = require("react");
-/**
- * Context used to manage safe area (feature used by devices with non-rectangular screens).
+/** Context used to manage safe area (feature used by devices with non-rectangular screens).
+ *
+ * If used, this is expected to wrap [[ConfigurableUiContent]].
+ *
+ * ```tsx
+ *  <SafeAreaContext.Provider value={SafeAreaInsets.All}>
+ *    <ConfigurableUiContent />
+ *  </SafeAreaContext.Provider>
+ * ```
  * @public
  */
 exports.SafeAreaContext = React.createContext(undefined);

package/lib/cjs/appui-react/safearea/SafeAreaContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SafeAreaContext.js","sourceRoot":"","sources":["../../../../src/appui-react/safearea/SafeAreaContext.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAG/B;;;GAGG;AACU,QAAA,eAAe,GAAG,KAAK,CAAC,aAAa,CAChD,SAAS,CACV,CAAC","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 Utilities\n */\n\nimport * as React from \"react\";\nimport type { SafeAreaInsets } from \"./SafeAreaInsets\";\n\n/**\n * Context used to manage safe area (feature used by devices with non-rectangular screens).\n * @public\n */\nexport const SafeAreaContext = React.createContext<SafeAreaInsets | undefined>(\n  undefined\n);\n"]}
+{"version":3,"file":"SafeAreaContext.js","sourceRoot":"","sources":["../../../../src/appui-react/safearea/SafeAreaContext.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAG/B;;;;;;;;;;GAUG;AACU,QAAA,eAAe,GAAG,KAAK,CAAC,aAAa,CAChD,SAAS,CACV,CAAC","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 Utilities\n */\n\nimport * as React from \"react\";\nimport type { SafeAreaInsets } from \"./SafeAreaInsets\";\n\n/** Context used to manage safe area (feature used by devices with non-rectangular screens).\n *\n * If used, this is expected to wrap [[ConfigurableUiContent]].\n *\n * ```tsx\n *  <SafeAreaContext.Provider value={SafeAreaInsets.All}>\n *    <ConfigurableUiContent />\n *  </SafeAreaContext.Provider>\n * ```\n * @public\n */\nexport const SafeAreaContext = React.createContext<SafeAreaInsets | undefined>(\n  undefined\n);\n"]}

package/lib/cjs/appui-react/selection/SelectionContextItemDef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionContextItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/selection/SelectionContextItemDef.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EACL,uBAAuB,EAExB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAapD;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,MAAM,EAAE,CAOzD;AAED;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,MAAM,EAAE,CAS1D;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,OAAO,CAsB7C;AAED;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,OAAO,CASrD;AAED;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,uBAAuB,CAK7E;AAED;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,uBAAuB,CAKzE;AAED;;GAEG;AAEH,wBAAgB,+BAA+B,CAC7C,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,GAC7B,aAAa,CAYf;AAED;;GAEG;AAEH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,GAC7B,aAAa,CAkBf;AAED;;GAEG;AAEH,qBAAa,+BAA+B;IAC1C,WAAkB,+BAA+B,mBAQhD;IAED,WAAkB,mCAAmC,mBAQpD;IAED,WAAkB,sBAAsB,mBASvC;IAED,WAAkB,yBAAyB,iBAa1C;IAED,WAAkB,4BAA4B,mBAQ7C;IAED,WAAkB,gCAAgC,mBAQjD;IAED,WAAkB,mBAAmB,mBAWpC;IAED,WAAkB,oBAAoB,iBAarC;IAED,WAAkB,wBAAwB,mBAWzC;IAED,WAAkB,wCAAwC,mBAYzD;CACF"}
+{"version":3,"file":"SelectionContextItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/selection/SelectionContextItemDef.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAapD;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,MAAM,EAAE,CAOzD;AAED;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,MAAM,EAAE,CAS1D;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,OAAO,CAsB7C;AAED;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,OAAO,CASrD;AAED;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,uBAAuB,CAK7E;AAED;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,uBAAuB,CAKzE;AAED;;GAEG;AAEH,wBAAgB,+BAA+B,CAC7C,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,GAC7B,aAAa,CAYf;AAED;;GAEG;AAEH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,GAC7B,aAAa,CAkBf;AAED;;GAEG;AAEH,qBAAa,+BAA+B;IAC1C,WAAkB,+BAA+B,mBAQhD;IAED,WAAkB,mCAAmC,mBAQpD;IAED,WAAkB,sBAAsB,mBASvC;IAED,WAAkB,yBAAyB,iBAa1C;IAED,WAAkB,4BAA4B,mBAQ7C;IAED,WAAkB,gCAAgC,mBAQjD;IAED,WAAkB,mBAAmB,mBASpC;IAED,WAAkB,oBAAoB,iBAarC;IAED,WAAkB,wBAAwB,mBASzC;IAED,WAAkB,wCAAwC,mBAYzD;CACF"}

package/lib/cjs/appui-react/selection/SelectionContextItemDef.js

@@ -140,7 +140,7 @@ class SelectionContextToolDefinitions {
     static get isolateModelsInSelectionItemDef() {
         return new CommandItemDef_1.CommandItemDef({
             commandId: "UiFramework.IsolateModel",
-            iconSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(model_isolate_svg_1.default),
+            iconSpec: model_isolate_svg_1.default,
             labelKey: "UiFramework:tools.isolateModels",
             execute: async () => UiFramework_1.UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsModel(),
         });
@@ -148,7 +148,7 @@ class SelectionContextToolDefinitions {
     static get isolateCategoriesInSelectionItemDef() {
         return new CommandItemDef_1.CommandItemDef({
             commandId: "UiFramework.IsolateCategory",
-            iconSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(layers_isolate_svg_1.default),
+            iconSpec: layers_isolate_svg_1.default,
             labelKey: "UiFramework:tools.isolateCategories",
             execute: async () => UiFramework_1.UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsCategory(),
         });
@@ -156,7 +156,7 @@ class SelectionContextToolDefinitions {
     static get isolateElementsItemDef() {
         return new CommandItemDef_1.CommandItemDef({
             commandId: "UiFramework.IsolateSelected",
-            iconSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(asset_isolate_svg_1.default),
+            iconSpec: asset_isolate_svg_1.default,
             labelKey: "UiFramework:tools.isolateSelected",
             isHidden: getIsHiddenIfSelectionNotActive(),
             execute: async () => UiFramework_1.UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelected(),
@@ -166,7 +166,7 @@ class SelectionContextToolDefinitions {
         return new GroupItem_1.GroupItemDef({
             groupId: "UiFramework.IsolateSelectionGroup",
             labelKey: "UiFramework:tools.isolate",
-            iconSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(isolate_svg_1.default),
+            iconSpec: isolate_svg_1.default,
             isHidden: getIsHiddenIfSelectionNotActive(),
             items: [
                 this.isolateElementsItemDef,
@@ -179,7 +179,7 @@ class SelectionContextToolDefinitions {
     static get hideModelsInSelectionItemDef() {
         return new CommandItemDef_1.CommandItemDef({
             commandId: "UiFramework.HideModel",
-            iconSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(model_hide_svg_1.default),
+            iconSpec: model_hide_svg_1.default,
             labelKey: "UiFramework:tools.hideModels",
             execute: async () => UiFramework_1.UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsModel(),
         });
@@ -187,7 +187,7 @@ class SelectionContextToolDefinitions {
     static get hideCategoriesInSelectionItemDef() {
         return new CommandItemDef_1.CommandItemDef({
             commandId: "UiFramework.HideCategory",
-            iconSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(layers_hide_svg_1.default),
+            iconSpec: layers_hide_svg_1.default,
             labelKey: "UiFramework:tools.hideCategories",
             execute: async () => UiFramework_1.UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsCategory(),
         });
@@ -195,7 +195,7 @@ class SelectionContextToolDefinitions {
     static get hideElementsItemDef() {
         return new CommandItemDef_1.CommandItemDef({
             commandId: "UiFramework.HideSelected",
-            iconSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(asset_classification_hide_svg_1.default),
+            iconSpec: asset_classification_hide_svg_1.default,
             labelKey: "UiFramework:tools.hideSelected",
             isHidden: getIsHiddenIfSelectionNotActive(),
             execute: async () => UiFramework_1.UiFramework.hideIsolateEmphasizeActionHandler.processHideSelected(),
@@ -205,7 +205,7 @@ class SelectionContextToolDefinitions {
         return new GroupItem_1.GroupItemDef({
             groupId: "UiFramework.HideSelectionGroup",
             labelKey: "UiFramework:tools.hide",
-            iconSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(visibility_hide_2_svg_1.default),
+            iconSpec: visibility_hide_2_svg_1.default,
             isHidden: getIsHiddenIfSelectionNotActive(),
             items: [
                 this.hideElementsItemDef,
@@ -218,7 +218,7 @@ class SelectionContextToolDefinitions {
     static get emphasizeElementsItemDef() {
         return new CommandItemDef_1.CommandItemDef({
             commandId: "UiFramework.EmphasizeSelected",
-            iconSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(visibility_semi_transparent_svg_1.default),
+            iconSpec: visibility_semi_transparent_svg_1.default,
             labelKey: "UiFramework:tools.emphasizeSelected",
             isHidden: getIsHiddenIfSelectionNotActive(),
             execute: async () => UiFramework_1.UiFramework.hideIsolateEmphasizeActionHandler.processEmphasizeSelected(),
@@ -227,7 +227,7 @@ class SelectionContextToolDefinitions {
     static get clearHideIsolateEmphasizeElementsItemDef() {
         return new CommandItemDef_1.CommandItemDef({
             commandId: "UiFramework.ClearHideIsolateEmphasize",
-            iconSpec: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(visibility_svg_1.default),
+            iconSpec: visibility_svg_1.default,
             labelKey: "UiFramework:tools.clearVisibility",
             isHidden: getIsHiddenIfFeatureOverridesActive(),
             execute: async () => {

package/lib/cjs/appui-react/selection/SelectionContextItemDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionContextItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/selection/SelectionContextItemDef.ts"],"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 Tools\n */\n\nimport {\n  ConditionalBooleanValue,\n  IconSpecUtilities,\n} from \"@itwin/appui-abstract\";\nimport { SessionStateActionId } from \"../redux/SessionState\";\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\nimport type { BaseItemState } from \"../shared/ItemDefBase\";\nimport { SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\nimport { GroupItemDef } from \"../toolbar/GroupItem\";\nimport { UiFramework } from \"../UiFramework\";\nimport svgModelIsolate from \"@bentley/icons-generic/icons/model-isolate.svg\";\nimport svgLayersIsolate from \"@bentley/icons-generic/icons/layers-isolate.svg\";\nimport svgAssetIsolate from \"@bentley/icons-generic/icons/asset-isolate.svg\";\nimport svgIsolate from \"@bentley/icons-generic/icons/isolate.svg\";\nimport svgModelHide from \"@bentley/icons-generic/icons/model-hide.svg\";\nimport svgLayersHide from \"@bentley/icons-generic/icons/layers-hide.svg\";\nimport svgAssetClassificationHide from \"@bentley/icons-generic/icons/asset-classification-hide.svg\";\nimport svgVisibilitySemiTransparent from \"@bentley/icons-generic/icons/visibility-semi-transparent.svg\";\nimport svgVisibilityHide from \"@bentley/icons-generic/icons/visibility-hide_2.svg\";\nimport svgVisibility from \"@bentley/icons-generic/icons/visibility.svg\";\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function getFeatureOverrideSyncEventIds(): string[] {\n  return [\n    SyncUiEventId.ActiveContentChanged,\n    SyncUiEventId.ActiveViewportChanged,\n    SyncUiEventId.FeatureOverridesChanged,\n    SyncUiEventId.ViewedModelsChanged,\n  ];\n}\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function getSelectionContextSyncEventIds(): string[] {\n  return [\n    SyncUiEventId.SelectionSetChanged,\n    SyncUiEventId.ActiveContentChanged,\n    SyncUiEventId.ActiveViewportChanged,\n    SessionStateActionId.SetNumItemsSelected,\n    SyncUiEventId.FeatureOverridesChanged,\n    SyncUiEventId.ViewedModelsChanged,\n  ];\n}\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function isNoSelectionActive(): boolean {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let selectionCount = 0;\n  // istanbul ignore if\n  if (!UiFramework.frameworkStateKey)\n    selectionCount =\n      UiFramework.store.getState()[UiFramework.frameworkStateKey].frameworkState\n        .sessionState.numItemsSelected;\n\n  // istanbul ignore if\n  if (activeContentControl?.viewport) {\n    const hiddenElementsSet = activeContentControl.viewport.neverDrawn;\n    const selectedElementsSet =\n      activeContentControl.viewport.view.iModel.selectionSet.elements;\n    // TODO: add check for categories, subcategories and models\n    if (\n      selectionCount > 0 ||\n      ![...selectedElementsSet].every((value) => hiddenElementsSet?.has(value))\n    )\n      return false;\n  }\n  return true;\n}\n\n/** return ConditionalBooleanValue object used to show items if selection set is active.\n * @beta\n */\nexport function areNoFeatureOverridesActive(): boolean {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  // istanbul ignore next\n  if (activeContentControl && activeContentControl.viewport)\n    return !UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(\n      activeContentControl.viewport\n    );\n\n  return true;\n}\n\n/** return ConditionalBooleanValue object used to show item if feature overrides are active.\n * @beta\n */\nexport function getIsHiddenIfFeatureOverridesActive(): ConditionalBooleanValue {\n  return new ConditionalBooleanValue(\n    areNoFeatureOverridesActive,\n    getFeatureOverrideSyncEventIds()\n  );\n}\n\n/** return ConditionalBooleanValue object used to show items if selection set is active.\n * @beta\n */\nexport function getIsHiddenIfSelectionNotActive(): ConditionalBooleanValue {\n  return new ConditionalBooleanValue(\n    isNoSelectionActive,\n    getSelectionContextSyncEventIds()\n  );\n}\n\n/** return state with isVisible set to true is SectionSet is active.\n * @beta\n */\n// istanbul ignore next\nexport function featureOverridesActiveStateFunc(\n  state: Readonly<BaseItemState>\n): BaseItemState {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let isVisible = false;\n\n  // istanbul ignore next\n  if (activeContentControl && activeContentControl.viewport)\n    isVisible =\n      UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(\n        activeContentControl.viewport\n      );\n\n  return { ...state, isVisible };\n}\n\n/** return state with isVisible set to true is SectionSet is active.\n * @beta\n */\n// istanbul ignore next\nexport function selectionContextStateFunc(\n  state: Readonly<BaseItemState>\n): BaseItemState {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let isVisible = false;\n\n  let selectionCount = 0;\n  if (!UiFramework.frameworkStateKey)\n    selectionCount =\n      UiFramework.store.getState()[UiFramework.frameworkStateKey].frameworkState\n        .sessionState.numItemsSelected;\n\n  if (\n    activeContentControl &&\n    activeContentControl.viewport &&\n    (activeContentControl.viewport.view.iModel.selectionSet.size > 0 ||\n      selectionCount > 0)\n  )\n    isVisible = true;\n  return { ...state, isVisible };\n}\n\n/** Utility Class that provides definitions for tools dependent on current selection. These definitions can be used to populate toolbars.\n * @public\n */\n// istanbul ignore next\nexport class SelectionContextToolDefinitions {\n  public static get isolateModelsInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateModel\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgModelIsolate),\n      labelKey: \"UiFramework:tools.isolateModels\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsModel(),\n    });\n  }\n\n  public static get isolateCategoriesInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateCategory\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgLayersIsolate),\n      labelKey: \"UiFramework:tools.isolateCategories\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsCategory(),\n    });\n  }\n\n  public static get isolateElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateSelected\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgAssetIsolate),\n      labelKey: \"UiFramework:tools.isolateSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelected(),\n    });\n  }\n\n  public static get isolateSelectionToolGroup() {\n    return new GroupItemDef({\n      groupId: \"UiFramework.IsolateSelectionGroup\",\n      labelKey: \"UiFramework:tools.isolate\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgIsolate),\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      items: [\n        this.isolateElementsItemDef,\n        this.isolateCategoriesInSelectionItemDef,\n        this.isolateModelsInSelectionItemDef,\n      ],\n      itemsInColumn: 3,\n    });\n  }\n\n  public static get hideModelsInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideModel\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgModelHide),\n      labelKey: \"UiFramework:tools.hideModels\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsModel(),\n    });\n  }\n\n  public static get hideCategoriesInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideCategory\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgLayersHide),\n      labelKey: \"UiFramework:tools.hideCategories\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsCategory(),\n    });\n  }\n\n  public static get hideElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideSelected\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(\n        svgAssetClassificationHide\n      ),\n      labelKey: \"UiFramework:tools.hideSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processHideSelected(),\n    });\n  }\n\n  public static get hideSectionToolGroup() {\n    return new GroupItemDef({\n      groupId: \"UiFramework.HideSelectionGroup\",\n      labelKey: \"UiFramework:tools.hide\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgVisibilityHide),\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      items: [\n        this.hideElementsItemDef,\n        this.hideCategoriesInSelectionItemDef,\n        this.hideModelsInSelectionItemDef,\n      ],\n      itemsInColumn: 3,\n    });\n  }\n\n  public static get emphasizeElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.EmphasizeSelected\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(\n        svgVisibilitySemiTransparent\n      ),\n      labelKey: \"UiFramework:tools.emphasizeSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processEmphasizeSelected(),\n    });\n  }\n\n  public static get clearHideIsolateEmphasizeElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.ClearHideIsolateEmphasize\",\n      iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgVisibility),\n      labelKey: \"UiFramework:tools.clearVisibility\",\n      isHidden: getIsHiddenIfFeatureOverridesActive(),\n      execute: async () => {\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearEmphasize();\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideModels();\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideCategories();\n      },\n    });\n  }\n}\n"]}
+{"version":3,"file":"SelectionContextItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/selection/SelectionContextItemDef.ts"],"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 Tools\n */\n\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\nimport { SessionStateActionId } from \"../redux/SessionState\";\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\nimport type { BaseItemState } from \"../shared/ItemDefBase\";\nimport { SyncUiEventId } from \"../syncui/SyncUiEventDispatcher\";\nimport { GroupItemDef } from \"../toolbar/GroupItem\";\nimport { UiFramework } from \"../UiFramework\";\nimport svgModelIsolate from \"@bentley/icons-generic/icons/model-isolate.svg\";\nimport svgLayersIsolate from \"@bentley/icons-generic/icons/layers-isolate.svg\";\nimport svgAssetIsolate from \"@bentley/icons-generic/icons/asset-isolate.svg\";\nimport svgIsolate from \"@bentley/icons-generic/icons/isolate.svg\";\nimport svgModelHide from \"@bentley/icons-generic/icons/model-hide.svg\";\nimport svgLayersHide from \"@bentley/icons-generic/icons/layers-hide.svg\";\nimport svgAssetClassificationHide from \"@bentley/icons-generic/icons/asset-classification-hide.svg\";\nimport svgVisibilitySemiTransparent from \"@bentley/icons-generic/icons/visibility-semi-transparent.svg\";\nimport svgVisibilityHide from \"@bentley/icons-generic/icons/visibility-hide_2.svg\";\nimport svgVisibility from \"@bentley/icons-generic/icons/visibility.svg\";\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function getFeatureOverrideSyncEventIds(): string[] {\n  return [\n    SyncUiEventId.ActiveContentChanged,\n    SyncUiEventId.ActiveViewportChanged,\n    SyncUiEventId.FeatureOverridesChanged,\n    SyncUiEventId.ViewedModelsChanged,\n  ];\n}\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function getSelectionContextSyncEventIds(): string[] {\n  return [\n    SyncUiEventId.SelectionSetChanged,\n    SyncUiEventId.ActiveContentChanged,\n    SyncUiEventId.ActiveViewportChanged,\n    SessionStateActionId.SetNumItemsSelected,\n    SyncUiEventId.FeatureOverridesChanged,\n    SyncUiEventId.ViewedModelsChanged,\n  ];\n}\n\n/** return SyncEventIds that trigger selection state function refresh.\n * @beta\n */\nexport function isNoSelectionActive(): boolean {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let selectionCount = 0;\n  // istanbul ignore if\n  if (!UiFramework.frameworkStateKey)\n    selectionCount =\n      UiFramework.store.getState()[UiFramework.frameworkStateKey].frameworkState\n        .sessionState.numItemsSelected;\n\n  // istanbul ignore if\n  if (activeContentControl?.viewport) {\n    const hiddenElementsSet = activeContentControl.viewport.neverDrawn;\n    const selectedElementsSet =\n      activeContentControl.viewport.view.iModel.selectionSet.elements;\n    // TODO: add check for categories, subcategories and models\n    if (\n      selectionCount > 0 ||\n      ![...selectedElementsSet].every((value) => hiddenElementsSet?.has(value))\n    )\n      return false;\n  }\n  return true;\n}\n\n/** return ConditionalBooleanValue object used to show items if selection set is active.\n * @beta\n */\nexport function areNoFeatureOverridesActive(): boolean {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  // istanbul ignore next\n  if (activeContentControl && activeContentControl.viewport)\n    return !UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(\n      activeContentControl.viewport\n    );\n\n  return true;\n}\n\n/** return ConditionalBooleanValue object used to show item if feature overrides are active.\n * @beta\n */\nexport function getIsHiddenIfFeatureOverridesActive(): ConditionalBooleanValue {\n  return new ConditionalBooleanValue(\n    areNoFeatureOverridesActive,\n    getFeatureOverrideSyncEventIds()\n  );\n}\n\n/** return ConditionalBooleanValue object used to show items if selection set is active.\n * @beta\n */\nexport function getIsHiddenIfSelectionNotActive(): ConditionalBooleanValue {\n  return new ConditionalBooleanValue(\n    isNoSelectionActive,\n    getSelectionContextSyncEventIds()\n  );\n}\n\n/** return state with isVisible set to true is SectionSet is active.\n * @beta\n */\n// istanbul ignore next\nexport function featureOverridesActiveStateFunc(\n  state: Readonly<BaseItemState>\n): BaseItemState {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let isVisible = false;\n\n  // istanbul ignore next\n  if (activeContentControl && activeContentControl.viewport)\n    isVisible =\n      UiFramework.hideIsolateEmphasizeActionHandler.areFeatureOverridesActive(\n        activeContentControl.viewport\n      );\n\n  return { ...state, isVisible };\n}\n\n/** return state with isVisible set to true is SectionSet is active.\n * @beta\n */\n// istanbul ignore next\nexport function selectionContextStateFunc(\n  state: Readonly<BaseItemState>\n): BaseItemState {\n  const activeContentControl = UiFramework.content.getActiveContentControl();\n  let isVisible = false;\n\n  let selectionCount = 0;\n  if (!UiFramework.frameworkStateKey)\n    selectionCount =\n      UiFramework.store.getState()[UiFramework.frameworkStateKey].frameworkState\n        .sessionState.numItemsSelected;\n\n  if (\n    activeContentControl &&\n    activeContentControl.viewport &&\n    (activeContentControl.viewport.view.iModel.selectionSet.size > 0 ||\n      selectionCount > 0)\n  )\n    isVisible = true;\n  return { ...state, isVisible };\n}\n\n/** Utility Class that provides definitions for tools dependent on current selection. These definitions can be used to populate toolbars.\n * @public\n */\n// istanbul ignore next\nexport class SelectionContextToolDefinitions {\n  public static get isolateModelsInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateModel\",\n      iconSpec: svgModelIsolate,\n      labelKey: \"UiFramework:tools.isolateModels\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsModel(),\n    });\n  }\n\n  public static get isolateCategoriesInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateCategory\",\n      iconSpec: svgLayersIsolate,\n      labelKey: \"UiFramework:tools.isolateCategories\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelectedElementsCategory(),\n    });\n  }\n\n  public static get isolateElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.IsolateSelected\",\n      iconSpec: svgAssetIsolate,\n      labelKey: \"UiFramework:tools.isolateSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processIsolateSelected(),\n    });\n  }\n\n  public static get isolateSelectionToolGroup() {\n    return new GroupItemDef({\n      groupId: \"UiFramework.IsolateSelectionGroup\",\n      labelKey: \"UiFramework:tools.isolate\",\n      iconSpec: svgIsolate,\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      items: [\n        this.isolateElementsItemDef,\n        this.isolateCategoriesInSelectionItemDef,\n        this.isolateModelsInSelectionItemDef,\n      ],\n      itemsInColumn: 3,\n    });\n  }\n\n  public static get hideModelsInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideModel\",\n      iconSpec: svgModelHide,\n      labelKey: \"UiFramework:tools.hideModels\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsModel(),\n    });\n  }\n\n  public static get hideCategoriesInSelectionItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideCategory\",\n      iconSpec: svgLayersHide,\n      labelKey: \"UiFramework:tools.hideCategories\",\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processHideSelectedElementsCategory(),\n    });\n  }\n\n  public static get hideElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.HideSelected\",\n      iconSpec: svgAssetClassificationHide,\n      labelKey: \"UiFramework:tools.hideSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processHideSelected(),\n    });\n  }\n\n  public static get hideSectionToolGroup() {\n    return new GroupItemDef({\n      groupId: \"UiFramework.HideSelectionGroup\",\n      labelKey: \"UiFramework:tools.hide\",\n      iconSpec: svgVisibilityHide,\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      items: [\n        this.hideElementsItemDef,\n        this.hideCategoriesInSelectionItemDef,\n        this.hideModelsInSelectionItemDef,\n      ],\n      itemsInColumn: 3,\n    });\n  }\n\n  public static get emphasizeElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.EmphasizeSelected\",\n      iconSpec: svgVisibilitySemiTransparent,\n      labelKey: \"UiFramework:tools.emphasizeSelected\",\n      isHidden: getIsHiddenIfSelectionNotActive(),\n      execute: async () =>\n        UiFramework.hideIsolateEmphasizeActionHandler.processEmphasizeSelected(),\n    });\n  }\n\n  public static get clearHideIsolateEmphasizeElementsItemDef() {\n    return new CommandItemDef({\n      commandId: \"UiFramework.ClearHideIsolateEmphasize\",\n      iconSpec: svgVisibility,\n      labelKey: \"UiFramework:tools.clearVisibility\",\n      isHidden: getIsHiddenIfFeatureOverridesActive(),\n      execute: async () => {\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearEmphasize();\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideModels();\n        await UiFramework.hideIsolateEmphasizeActionHandler.processClearOverrideCategories();\n      },\n    });\n  }\n}\n"]}

package/lib/cjs/appui-react/settings/ui/UiSettingsPage.d.ts

@@ -6,15 +6,14 @@ import "./UiSettingsPage.scss";
 import type { SettingsTabEntry } from "@itwin/core-react";
 /** UiSettingsPage displaying the active UI settings. This page lets users set the following settings.
  *
- * - theme - Dark, Light, or based on OS preference.
+ * - theme - Dark, Light, with or without High contrast, or based on OS preference.
  * - auto hide - Starts a timer and blanks out ui components that overlay content if there is no mouse movement for a period of time.
  * - drag interaction - If set, toolbar group buttons require a press and drag or a long press to open. In this mode a child action
  * item is shown as the group button and is activated when button is clicked. If a different child item is selected, it becomes the
  * active group button item.
  * - use proximity - Changes the opacity of toolbar from transparent to opaque as the mouse moves closer.
  * - snap widget opacity - triggers an abrupt change from transparent to opaque for tool and navigation widgets, instead of a gradual change based on mouse location.
- * - widget opacity - determines how transparent floating widgets in V2 and all widgets in V1 become when the mouse in not in them.
- * - UI version - if allowed by props, the UI version can be toggled between V1 and V2.
+ * - widget opacity - determines how transparent floating widgets become when the mouse in not in them.
  *
  * @beta
  */

package/lib/cjs/appui-react/settings/ui/UiSettingsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiSettingsPage.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/settings/ui/UiSettingsPage.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAKH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAe1D;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,gBAiY7B;AAsBD;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,YAAY,EAAE,MAAM,GACnB,gBAAgB,CAUlB"}
+{"version":3,"file":"UiSettingsPage.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/settings/ui/UiSettingsPage.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAKH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAc1D;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,gBA4Y7B;AAsBD;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,YAAY,EAAE,MAAM,GACnB,gBAAgB,CAUlB"}

package/lib/cjs/appui-react/settings/ui/UiSettingsPage.js

@@ -15,19 +15,17 @@ const React = require("react");
 const UiFramework_1 = require("../../UiFramework");
 const ThemeManager_1 = require("../../theme/ThemeManager");
 const SyncUiEventDispatcher_1 = require("../../syncui/SyncUiEventDispatcher");
-const appui_abstract_1 = require("@itwin/appui-abstract");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 /** UiSettingsPage displaying the active UI settings. This page lets users set the following settings.
  *
- * - theme - Dark, Light, or based on OS preference.
+ * - theme - Dark, Light, with or without High contrast, or based on OS preference.
  * - auto hide - Starts a timer and blanks out ui components that overlay content if there is no mouse movement for a period of time.
  * - drag interaction - If set, toolbar group buttons require a press and drag or a long press to open. In this mode a child action
  * item is shown as the group button and is activated when button is clicked. If a different child item is selected, it becomes the
  * active group button item.
  * - use proximity - Changes the opacity of toolbar from transparent to opaque as the mouse moves closer.
  * - snap widget opacity - triggers an abrupt change from transparent to opaque for tool and navigation widgets, instead of a gradual change based on mouse location.
- * - widget opacity - determines how transparent floating widgets in V2 and all widgets in V1 become when the mouse in not in them.
- * - UI version - if allowed by props, the UI version can be toggled between V1 and V2.
+ * - widget opacity - determines how transparent floating widgets become when the mouse in not in them.
  *
  * @beta
  */
@@ -44,6 +42,9 @@ function UiSettingsPage() {
     const snapWidgetOpacityDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.snapWidgetOpacityDescription"));
     const darkLabel = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.dark"));
     const lightLabel = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.light"));
+    const darkHCLabel = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.darkHighContrast"));
+    const lightHCLabel = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.lightHighContrast"));
+    const inheritLabel = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.inherit"));
     const systemPreferredLabel = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.systemPreferred"));
     const widgetOpacityTitle = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.widgetOpacityTitle"));
     const widgetOpacityDescription = React.useRef(UiFramework_1.UiFramework.translate("settings.uiSettingsPage.widgetOpacityDescription"));
@@ -74,7 +75,6 @@ function UiSettingsPage() {
             "configurableui:set_widget_opacity",
             "configurableui:set-show-widget-icon",
             "configurableui:set-drag-interaction",
-            "configurableui:set-framework-version",
             "configurableui:set-auto-collapse-unpinned-panels",
             "configurableui:set-animate-tool-settings",
             "configurableui:set-use-tool-as-tool-settings-label",
@@ -132,6 +132,9 @@ function UiSettingsPage() {
         defaultThemeOption,
         { label: lightLabel.current, value: ThemeManager_1.ColorTheme.Light },
         { label: darkLabel.current, value: ThemeManager_1.ColorTheme.Dark },
+        { label: lightHCLabel.current, value: ThemeManager_1.ColorTheme.HighContrastLight },
+        { label: darkHCLabel.current, value: ThemeManager_1.ColorTheme.HighContrastDark },
+        { label: inheritLabel.current, value: ThemeManager_1.ColorTheme.Inherit },
     ];
     const onThemeChange = React.useCallback((newValue) => {
         UiFramework_1.UiFramework.setColorTheme(newValue);
@@ -206,7 +209,7 @@ function getUiSettingsManagerEntry(itemPriority) {
         itemPriority,
         tabId: "uifw:UiStateStorage",
         label: UiFramework_1.UiFramework.translate("settings.uiSettingsPage.label"),
-        icon: appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(window_settings_svg_1.default),
+        icon: window_settings_svg_1.default,
         page: React.createElement(UiSettingsPage, null),
         isDisabled: false,
         tooltip: UiFramework_1.UiFramework.translate("settings.uiSettingsPage.tooltip"),