@itwin/appui-react 4.17.6 → 5.0.0-dev.3

package/lib/appui-react/statusfields/SectionsField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionsField.js","sourceRoot":"","sources":["../../../src/appui-react/statusfields/SectionsField.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 StatusBar\n */\n\nimport svgSectionTool from \"@bentley/icons-generic/icons/section-tool.svg\";\nimport {\n  IModelApp,\n  ViewClipClearTool,\n  ViewClipDecoration,\n  ViewClipDecorationProvider,\n} from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon } from \"@itwin/core-react\";\nimport { Button, IconButton, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { useActiveViewport } from \"../hooks/useActiveViewport.js\";\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog.js\";\nimport \"./SectionsField.scss\";\nimport { useTranslation } from \"../hooks/useTranslation.js\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover.js\";\n\n/** Sections Status Field Props\n * @beta\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface SectionsStatusFieldProps extends CommonProps {\n  hideWhenUnused?: boolean;\n}\n\n/** Status Field for showing section extra tools for clearing and showing manipulators\n * @beta\n */\nexport function SectionsStatusField(props: SectionsStatusFieldProps) {\n  const { translate } = useTranslation();\n  const tooltip = translate(\"tools.sectionTools\");\n\n  const activeViewport = useActiveViewport();\n  const [showIndicator, setShowIndicator] = React.useState(false);\n  const [isPopupOpen, setPopupOpen] = React.useState(false);\n  const [hasManipulatorsShown, setHasManipulatorsShown] = React.useState(false);\n\n  React.useEffect(() => {\n    const clipActive = !!activeViewport && !!activeViewport.view.getViewClip();\n    setShowIndicator(clipActive || !props.hideWhenUnused);\n    setHasManipulatorsShown(\n      clipActive && !!activeViewport && !!ViewClipDecoration.get(activeViewport)\n    );\n\n    return ViewClipDecorationProvider.create().onActiveClipChanged.addListener(\n      (viewport) => {\n        if (viewport !== activeViewport) return;\n\n        setHasManipulatorsShown(!!ViewClipDecoration.get(activeViewport));\n        const isClipActive = !!activeViewport.view.getViewClip();\n        setShowIndicator(isClipActive || !props.hideWhenUnused);\n      }\n    );\n  }, [activeViewport, props.hideWhenUnused, isPopupOpen]);\n\n  const toggleManipulators = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (activeViewport) {\n      setHasManipulatorsShown(e.target.checked);\n      await ViewClipDecorationProvider.create().toggleDecoration(\n        activeViewport\n      );\n    }\n  };\n\n  const handleClear = async () => {\n    await IModelApp.tools.run(\n      ViewClipClearTool.toolId,\n      ViewClipDecorationProvider.create()\n    );\n    setPopupOpen(false);\n  };\n\n  return (\n    <>\n      {showIndicator && (\n        <StatusBarPopover\n          visible={isPopupOpen}\n          onVisibleChange={setPopupOpen}\n          content={\n            <StatusBarDialog\n              titleBar={<StatusBarDialog.TitleBar title={tooltip} />}\n            >\n              <div className=\"uifw-sections-footer-contents\">\n                <Button onClick={handleClear}>\n                  {translate(\"tools.sectionClear\")}\n                </Button>\n                <div className=\"uifw-uifw-sections-toggle-container\">\n                  <div className={classnames(\"uifw-sections-label\")}>\n                    {translate(\"tools.sectionShowHandles\")}\n                  </div>\n                  <ToggleSwitch\n                    className=\"uifw-sections-toggle\"\n                    onChange={toggleManipulators}\n                    checked={hasManipulatorsShown}\n                  />\n                </div>\n              </div>\n            </StatusBarDialog>\n          }\n        >\n          <IconButton\n            label={tooltip}\n            styleType=\"borderless\"\n            data-testid=\"sections-status-field-button\"\n          >\n            {/* eslint-disable-next-line deprecation/deprecation */}\n            <Icon iconSpec={svgSectionTool} />\n            <StatusBarPopover.ExpandIndicator />\n          </IconButton>\n        </StatusBarPopover>\n      )}\n    </>\n  );\n}\n"]}

package/lib/appui-react/statusfields/SectionsField.scss

@@ -0,0 +1,33 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.uifw-sections-footer-contents {
+  display: flex;
+  flex-direction: column;
+  width: 200px;
+  padding: 8px;
+}
+
+.uifw-uifw-sections-toggle-container {
+  display: flex;
+  margin: var(--iui-size-2xs);
+  justify-content: center;
+}
+
+.uifw-sections-toggle {
+  align-self: center;
+  margin-right: var(--iui-size-xs);
+}
+
+.uifw-sections-label {
+  font-family: var(--iui-font-sans);
+  color: var(--iui-color-text);
+  font-size: var(--iui-font-size-1);
+  align-self: center;
+  margin: var(--iui-size-xs);
+
+  &.disabled {
+    color: var(--iui-color-text-disabled);
+  }
+}

package/lib/appui-react/statusfields/SelectionCount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionCount.d.ts","sourceRoot":"","sources":["../../../src/appui-react/statusfields/SelectionCount.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD,OAAO,uBAAuB,CAAC;AAE/B;;GAEG;AAEH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBAelE;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,gBAAgB,GAAG,SAAS,CAAC;CACtC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,uBAAuB,GAAG,MAAM,CAczE"}

package/lib/appui-react/statusfields/SelectionCount.js

@@ -0,0 +1,43 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import * as React from "react";
+import { Icon } from "@itwin/core-react";
+import { SvgCursor } from "@itwin/itwinui-icons-react";
+import classnames from "classnames";
+import { StatusBarCornerComponentContext } from "../statusbar/StatusBarCornerComponentContext.js";
+import "./SelectionCount.scss";
+/** Status field component used to display the number of selected items.
+ * @note Use [[useSelectionSetSize]] hook to get the selection count.
+ * @beta
+ */
+export function SelectionCountField(props) {
+    const cornerContext = React.useContext(StatusBarCornerComponentContext);
+    const className = classnames("uifw-statusFields-selectionCount", cornerContext === "left-corner" && "uifw-left-corner", cornerContext === "right-corner" && "uifw-right-corner", props.className);
+    return (React.createElement("div", { className: className, style: props.style },
+        React.createElement(Icon, { iconSpec: React.createElement(SvgCursor, null) }),
+        props.count));
+}
+/** React hook that returns element count of a selection set.
+ * @beta
+ */
+export function useSelectionSetSize(args) {
+    const [size, setSize] = React.useState(0);
+    const { iModel } = args;
+    React.useEffect(() => {
+        if (!iModel) {
+            setSize(0);
+            return;
+        }
+        setSize(iModel.selectionSet.size);
+        return iModel.selectionSet.onChanged.addListener((ev) => {
+            setSize(ev.set.size);
+        });
+    }, [iModel]);
+    return size;
+}
+//# sourceMappingURL=SelectionCount.js.map

package/lib/appui-react/statusfields/SelectionCount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionCount.js","sourceRoot":"","sources":["../../../src/appui-react/statusfields/SelectionCount.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,+BAA+B,EAAE,MAAM,iDAAiD,CAAC;AAClG,OAAO,uBAAuB,CAAC;AAU/B;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;IACxE,MAAM,SAAS,GAAG,UAAU,CAC1B,kCAAkC,EAClC,aAAa,KAAK,aAAa,IAAI,kBAAkB,EACrD,aAAa,KAAK,cAAc,IAAI,mBAAmB,EACvD,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QAE3C,oBAAC,IAAI,IAAC,QAAQ,EAAE,oBAAC,SAAS,OAAG,GAAI;QAChC,KAAK,CAAC,KAAK,CACR,CACP,CAAC;AACJ,CAAC;AASD;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,IAA6B;IAC/D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;YACX,OAAO;QACT,CAAC;QACD,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAClC,OAAO,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE;YACtD,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,IAAI,CAAC;AACd,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 StatusBar\n */\n\nimport * as React from \"react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon } from \"@itwin/core-react\";\nimport { SvgCursor } from \"@itwin/itwinui-icons-react\";\nimport classnames from \"classnames\";\nimport { StatusBarCornerComponentContext } from \"../statusbar/StatusBarCornerComponentContext.js\";\nimport \"./SelectionCount.scss\";\n\n/** Properties for the [[SelectionCountField]] component.\n * @beta\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface SelectionCountFieldProps extends CommonProps {\n  count: number;\n}\n\n/** Status field component used to display the number of selected items.\n * @note Use [[useSelectionSetSize]] hook to get the selection count.\n * @beta\n */\nexport function SelectionCountField(props: SelectionCountFieldProps) {\n  const cornerContext = React.useContext(StatusBarCornerComponentContext);\n  const className = classnames(\n    \"uifw-statusFields-selectionCount\",\n    cornerContext === \"left-corner\" && \"uifw-left-corner\",\n    cornerContext === \"right-corner\" && \"uifw-right-corner\",\n    props.className\n  );\n  return (\n    <div className={className} style={props.style}>\n      {/* eslint-disable-next-line deprecation/deprecation */}\n      <Icon iconSpec={<SvgCursor />} />\n      {props.count}\n    </div>\n  );\n}\n\n/** Arguments for [[useSelectionSetSize]] hook.\n * @beta\n */\nexport interface UseSelectionSetSizeArgs {\n  iModel: IModelConnection | undefined;\n}\n\n/** React hook that returns element count of a selection set.\n * @beta\n */\nexport function useSelectionSetSize(args: UseSelectionSetSizeArgs): number {\n  const [size, setSize] = React.useState(0);\n  const { iModel } = args;\n  React.useEffect(() => {\n    if (!iModel) {\n      setSize(0);\n      return;\n    }\n    setSize(iModel.selectionSet.size);\n    return iModel.selectionSet.onChanged.addListener((ev) => {\n      setSize(ev.set.size);\n    });\n  }, [iModel]);\n  return size;\n}\n"]}

package/lib/appui-react/statusfields/SelectionCount.scss

@@ -0,0 +1,23 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.uifw-statusFields-selectionCount {
+  gap: var(--iui-size-2xs);
+  display: flex;
+  align-items: center;
+  min-width: 3.75rem;
+  margin: 0 var(--iui-size-xs);
+
+  .icon {
+    color: var(--iui-color-icon);
+  }
+
+  &.uifw-left-corner {
+    margin-left: var(--iui-size-m);
+  }
+
+  &.uifw-right-corner {
+    margin-right: var(--iui-size-m);
+  }
+}

package/lib/appui-react/statusfields/SelectionInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionInfo.d.ts","sourceRoot":"","sources":["../../../src/appui-react/statusfields/SelectionInfo.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;;;;GAKG;AAEH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,qBAYpD"}

package/lib/appui-react/statusfields/SelectionInfo.js

@@ -0,0 +1,24 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import * as React from "react";
+import { SelectionCountField } from "./SelectionCount.js";
+import { useReduxFrameworkState } from "../uistate/useReduxFrameworkState.js";
+/** `SelectionInfoField` component is designed to be specified in a status bar.
+ * It is used to display the number of items in a selection set.
+ * @note Requires redux provider.
+ * @public
+ * @deprecated in 4.15.0. Use {@link SelectionCountField} instead.
+ */
+// eslint-disable-next-line deprecation/deprecation
+export function SelectionInfoField(props) {
+    const numItemsSelected = useReduxFrameworkState(
+    // eslint-disable-next-line deprecation/deprecation
+    (state) => state?.sessionState.numItemsSelected ?? 0);
+    return (React.createElement(SelectionCountField, { className: props.className, style: props.style, count: numItemsSelected }));
+}
+//# sourceMappingURL=SelectionInfo.js.map

package/lib/appui-react/statusfields/SelectionInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionInfo.js","sourceRoot":"","sources":["../../../src/appui-react/statusfields/SelectionInfo.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAE9E;;;;;GAKG;AACH,mDAAmD;AACnD,MAAM,UAAU,kBAAkB,CAAC,KAAkB;IACnD,MAAM,gBAAgB,GAAG,sBAAsB;IAC7C,mDAAmD;IACnD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,gBAAgB,IAAI,CAAC,CACrD,CAAC;IACF,OAAO,CACL,oBAAC,mBAAmB,IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,gBAAgB,GACvB,CACH,CAAC;AACJ,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 StatusBar\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { SelectionCountField } from \"./SelectionCount.js\";\nimport { useReduxFrameworkState } from \"../uistate/useReduxFrameworkState.js\";\n\n/** `SelectionInfoField` component is designed to be specified in a status bar.\n * It is used to display the number of items in a selection set.\n * @note Requires redux provider.\n * @public\n * @deprecated in 4.15.0. Use {@link SelectionCountField} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function SelectionInfoField(props: CommonProps) {\n  const numItemsSelected = useReduxFrameworkState(\n    // eslint-disable-next-line deprecation/deprecation\n    (state) => state?.sessionState.numItemsSelected ?? 0\n  );\n  return (\n    <SelectionCountField\n      className={props.className}\n      style={props.style}\n      count={numItemsSelected}\n    />\n  );\n}\n"]}

package/lib/appui-react/statusfields/SelectionScope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionScope.d.ts","sourceRoot":"","sources":["../../../src/appui-react/statusfields/SelectionScope.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOrD,UAAU,wBAAyB,SAAQ,WAAW;IACpD,mGAAmG;IACnG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+HAA+H;IAC/H,eAAe,CAAC,EAAE;QAChB,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBA8DlE"}

package/lib/appui-react/statusfields/SelectionScope.js

@@ -0,0 +1,46 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import "./SelectionScope.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { LabeledSelect } from "@itwin/itwinui-react";
+import { UiFramework } from "../UiFramework.js";
+import { useTranslation } from "../hooks/useTranslation.js";
+import { useReduxFrameworkState } from "../uistate/useReduxFrameworkState.js";
+/** `SelectionScopeField` component is designed to be specified in a status bar.
+ * It displays the active selection scope and the list of scopes from which the user can change the active selection scope.
+ * @public
+ */
+export function SelectionScopeField(props) {
+    const { translate } = useTranslation();
+    const reduxActiveSelectionScope = useReduxFrameworkState(
+    // eslint-disable-next-line deprecation/deprecation
+    (state) => state?.sessionState.activeSelectionScope);
+    const reduxAvailableSelectionScopes = useReduxFrameworkState(
+    // eslint-disable-next-line deprecation/deprecation
+    (state) => state?.sessionState.availableSelectionScopes);
+    const activeSelectionScope = props.activeScope ?? reduxActiveSelectionScope ?? "";
+    const availableSelectionScopes = React.useMemo(() => props.selectionScopes ??
+        reduxAvailableSelectionScopes ?? [{ id: "element", label: "Element" }], [props.selectionScopes, reduxAvailableSelectionScopes]);
+    const options = React.useMemo(() => availableSelectionScopes.map((scope) => {
+        return { value: scope.id, label: scope.label };
+    }), [availableSelectionScopes]);
+    const updateSelectValue = (newValue) => {
+        if (!newValue)
+            return;
+        if (props.onChange) {
+            props.onChange(newValue);
+            return;
+        }
+        // eslint-disable-next-line deprecation/deprecation
+        UiFramework.setActiveSelectionScope(newValue);
+    };
+    return (React.createElement("div", { className: classnames("uifw-statusFields-selectionScope", props.className), style: props.style },
+        React.createElement(LabeledSelect, { className: "uifw-statusFields-selectionScope-selector", label: `${translate("selectionScopeField.label")}:`, labelProps: { className: "uifw-statusFields-selectionScope-label" }, popoverProps: { placement: "top" }, displayStyle: "inline", value: activeSelectionScope, options: options, onChange: updateSelectValue, "data-testid": "components-selectionScope-selector", title: translate("selectionScopeField.toolTip"), size: "small" })));
+}
+//# sourceMappingURL=SelectionScope.js.map

package/lib/appui-react/statusfields/SelectionScope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionScope.js","sourceRoot":"","sources":["../../../src/appui-react/statusfields/SelectionScope.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAe9E;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,yBAAyB,GAAG,sBAAsB;IACtD,mDAAmD;IACnD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,oBAAoB,CACpD,CAAC;IACF,MAAM,6BAA6B,GAAG,sBAAsB;IAC1D,mDAAmD;IACnD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,wBAAwB,CACxD,CAAC;IAEF,MAAM,oBAAoB,GACxB,KAAK,CAAC,WAAW,IAAI,yBAAyB,IAAI,EAAE,CAAC;IACvD,MAAM,wBAAwB,GAAG,KAAK,CAAC,OAAO,CAC5C,GAAG,EAAE,CACH,KAAK,CAAC,eAAe;QACrB,6BAA6B,IAAI,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACxE,CAAC,KAAK,CAAC,eAAe,EAAE,6BAA6B,CAAC,CACvD,CAAC;IAEF,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CACH,wBAAwB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACrC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;IACjD,CAAC,CAAC,EACJ,CAAC,wBAAwB,CAAC,CAC3B,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC7C,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACzB,OAAO;QACT,CAAC;QAED,mDAAmD;QACnD,WAAW,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CACnB,kCAAkC,EAClC,KAAK,CAAC,SAAS,CAChB,EACD,KAAK,EAAE,KAAK,CAAC,KAAK;QAElB,oBAAC,aAAa,IACZ,SAAS,EAAC,2CAA2C,EACrD,KAAK,EAAE,GAAG,SAAS,CAAC,2BAA2B,CAAC,GAAG,EACnD,UAAU,EAAE,EAAE,SAAS,EAAE,wCAAwC,EAAE,EACnE,YAAY,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAClC,YAAY,EAAC,QAAQ,EACrB,KAAK,EAAE,oBAAoB,EAC3B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,iBAAiB,iBACf,oCAAoC,EAChD,KAAK,EAAE,SAAS,CAAC,6BAA6B,CAAC,EAC/C,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC;AACJ,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 StatusBar\n */\n\nimport \"./SelectionScope.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { LabeledSelect } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { useTranslation } from \"../hooks/useTranslation.js\";\nimport { useReduxFrameworkState } from \"../uistate/useReduxFrameworkState.js\";\n\n// eslint-disable-next-line deprecation/deprecation\ninterface SelectionScopeFieldProps extends CommonProps {\n  /** Describes which selection scope is active. Uses redux store as a fallback. Defaults to `\"\"`. */\n  activeScope?: string;\n  /** Describes available selection scopes. Uses redux store as a fallback. Defaults to `{ id: \"element\", label: \"Element\" }`. */\n  selectionScopes?: {\n    id: string;\n    label: string;\n  }[];\n  /** Function called when the active selection scope is changed. */\n  onChange?: (scope: string) => void;\n}\n\n/** `SelectionScopeField` component is designed to be specified in a status bar.\n * It displays the active selection scope and the list of scopes from which the user can change the active selection scope.\n * @public\n */\nexport function SelectionScopeField(props: SelectionScopeFieldProps) {\n  const { translate } = useTranslation();\n  const reduxActiveSelectionScope = useReduxFrameworkState(\n    // eslint-disable-next-line deprecation/deprecation\n    (state) => state?.sessionState.activeSelectionScope\n  );\n  const reduxAvailableSelectionScopes = useReduxFrameworkState(\n    // eslint-disable-next-line deprecation/deprecation\n    (state) => state?.sessionState.availableSelectionScopes\n  );\n\n  const activeSelectionScope =\n    props.activeScope ?? reduxActiveSelectionScope ?? \"\";\n  const availableSelectionScopes = React.useMemo(\n    () =>\n      props.selectionScopes ??\n      reduxAvailableSelectionScopes ?? [{ id: \"element\", label: \"Element\" }],\n    [props.selectionScopes, reduxAvailableSelectionScopes]\n  );\n\n  const options = React.useMemo(\n    () =>\n      availableSelectionScopes.map((scope) => {\n        return { value: scope.id, label: scope.label };\n      }),\n    [availableSelectionScopes]\n  );\n\n  const updateSelectValue = (newValue: string) => {\n    if (!newValue) return;\n    if (props.onChange) {\n      props.onChange(newValue);\n      return;\n    }\n\n    // eslint-disable-next-line deprecation/deprecation\n    UiFramework.setActiveSelectionScope(newValue);\n  };\n\n  return (\n    <div\n      className={classnames(\n        \"uifw-statusFields-selectionScope\",\n        props.className\n      )}\n      style={props.style}\n    >\n      <LabeledSelect\n        className=\"uifw-statusFields-selectionScope-selector\"\n        label={`${translate(\"selectionScopeField.label\")}:`}\n        labelProps={{ className: \"uifw-statusFields-selectionScope-label\" }}\n        popoverProps={{ placement: \"top\" }}\n        displayStyle=\"inline\"\n        value={activeSelectionScope}\n        options={options}\n        onChange={updateSelectValue}\n        data-testid=\"components-selectionScope-selector\"\n        title={translate(\"selectionScopeField.toolTip\")}\n        size=\"small\"\n      />\n    </div>\n  );\n}\n"]}

package/lib/appui-react/statusfields/SelectionScope.scss

@@ -0,0 +1,17 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.uifw-statusFields-selectionScope {
+  display: flex;
+  align-items: center;
+}
+
+.uifw-statusFields-selectionScope-selector {
+  min-width: 140px;
+}
+
+.uifw-statusFields-selectionScope-label {
+  margin-right: var(--iui-size-xs);
+  white-space: nowrap;
+}

package/lib/appui-react/statusfields/SnapMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnapMode.d.ts","sourceRoot":"","sources":["../../../src/appui-react/statusfields/SnapMode.tsx"],"names":[],"mappings":"AAIA;;GAEG;AASH,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwE/B,oEAAoE;AAEpE,UAAU,kBAAmB,SAAQ,WAAW;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5C;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAyDtD"}

package/lib/appui-react/statusfields/SnapMode.js

@@ -0,0 +1,104 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import snapModeBisector from "@bentley/icons-generic/icons/snaps-bisector.svg";
+import snapModeCenter from "@bentley/icons-generic/icons/snaps-center.svg";
+import snapModeIntersection from "@bentley/icons-generic/icons/snaps-intersection.svg";
+import snapModeMidpoint from "@bentley/icons-generic/icons/snaps-midpoint.svg";
+import snapModeNearest from "@bentley/icons-generic/icons/snaps-nearest.svg";
+import snapModeOrigin from "@bentley/icons-generic/icons/snaps-origin.svg";
+import snapModeKeypoint from "@bentley/icons-generic/icons/snaps.svg";
+import { SnapMode } from "@itwin/core-frontend";
+import { Icon } from "@itwin/core-react";
+import * as React from "react";
+import { UiFramework } from "../UiFramework.js";
+import { SnapModePanel } from "../layout/footer/snap-mode/Panel.js";
+import { Snap } from "../layout/footer/snap-mode/Snap.js";
+import { useTranslation } from "../hooks/useTranslation.js";
+import { useReduxFrameworkState } from "../uistate/useReduxFrameworkState.js";
+import { Button } from "@itwin/itwinui-react";
+import { StatusBarPopover } from "../statusbar/popup/StatusBarPopover.js";
+// Field entry of all possible snap modes.
+const allSnapModeFieldEntries = [
+    {
+        labelKey: "snapModeField.keypoint",
+        value: SnapMode.NearestKeypoint,
+        iconSpec: snapModeKeypoint,
+    },
+    {
+        labelKey: "snapModeField.intersection",
+        value: SnapMode.Intersection,
+        iconSpec: snapModeIntersection,
+    },
+    {
+        labelKey: "snapModeField.center",
+        value: SnapMode.Center,
+        iconSpec: snapModeCenter,
+    },
+    {
+        labelKey: "snapModeField.nearest",
+        value: SnapMode.Nearest,
+        iconSpec: snapModeNearest,
+    },
+    {
+        labelKey: "snapModeField.origin",
+        value: SnapMode.Origin,
+        iconSpec: snapModeOrigin,
+    },
+    {
+        labelKey: "snapModeField.midpoint",
+        value: SnapMode.MidPoint,
+        iconSpec: snapModeMidpoint,
+    },
+    {
+        labelKey: "snapModeField.bisector",
+        value: SnapMode.Bisector,
+        iconSpec: snapModeBisector,
+    },
+];
+/** Return icon for a specific snapMode. */
+const getSnapModeIcon = (snapMode) => {
+    // Get all the modes present in the bitmask.
+    const modes = allSnapModeFieldEntries.filter((entry) => {
+        return (entry.value & snapMode) === entry.value;
+    });
+    return (
+    // eslint-disable-next-line deprecation/deprecation
+    React.createElement(Icon, { iconSpec: modes.length === 1 ? modes[0].iconSpec : snapModeKeypoint }));
+};
+/** `SnapModeField` component designed to be specified in a status bar. It will
+ * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.
+ * @public
+ */
+export function SnapModeField(props) {
+    const { translate } = useTranslation();
+    const snapModeEntries = props.availableSnapModes
+        ? allSnapModeFieldEntries.filter((entry) => {
+            return (props.availableSnapModes &&
+                props.availableSnapModes.some((availableSnap) => availableSnap === entry.value));
+        })
+        : allSnapModeFieldEntries;
+    const reduxSnapMode = useReduxFrameworkState(
+    // eslint-disable-next-line deprecation/deprecation
+    (state) => state?.configurableUiState.snapMode);
+    const snapMode = props.snapMode ?? reduxSnapMode ?? SnapMode.NearestKeypoint;
+    const title = translate("snapModeField.snapMode");
+    return (React.createElement(StatusBarPopover, { content: React.createElement(SnapModePanel, { title: title }, snapModeEntries.map((entry, index) => (React.createElement(Snap, { key: `SM_${index}`, onClick: () => {
+                if (props.onChange) {
+                    props.onChange(entry.value);
+                    return;
+                }
+                // eslint-disable-next-line deprecation/deprecation
+                UiFramework.setAccudrawSnapMode(entry.value);
+            }, isActive: (snapMode & entry.value) === entry.value, icon: 
+            // eslint-disable-next-line deprecation/deprecation
+            React.createElement(Icon, { className: `icon`, iconSpec: entry.iconSpec }) }, translate(entry.labelKey))))) },
+        React.createElement(Button, { styleType: "borderless", title: title, endIcon: getSnapModeIcon(snapMode) },
+            title,
+            React.createElement(StatusBarPopover.ExpandIndicator, null))));
+}
+//# sourceMappingURL=SnapMode.js.map

package/lib/appui-react/statusfields/SnapMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnapMode.js","sourceRoot":"","sources":["../../../src/appui-react/statusfields/SnapMode.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 StatusBar\n */\n\nimport snapModeBisector from \"@bentley/icons-generic/icons/snaps-bisector.svg\";\nimport snapModeCenter from \"@bentley/icons-generic/icons/snaps-center.svg\";\nimport snapModeIntersection from \"@bentley/icons-generic/icons/snaps-intersection.svg\";\nimport snapModeMidpoint from \"@bentley/icons-generic/icons/snaps-midpoint.svg\";\nimport snapModeNearest from \"@bentley/icons-generic/icons/snaps-nearest.svg\";\nimport snapModeOrigin from \"@bentley/icons-generic/icons/snaps-origin.svg\";\nimport snapModeKeypoint from \"@bentley/icons-generic/icons/snaps.svg\";\nimport { SnapMode } from \"@itwin/core-frontend\";\nimport { Icon } from \"@itwin/core-react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { SnapModePanel } from \"../layout/footer/snap-mode/Panel.js\";\nimport { Snap } from \"../layout/footer/snap-mode/Snap.js\";\nimport { useTranslation } from \"../hooks/useTranslation.js\";\nimport { useReduxFrameworkState } from \"../uistate/useReduxFrameworkState.js\";\nimport { Button } from \"@itwin/itwinui-react\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover.js\";\n\n/** Define the properties that will be used to represent the available snap modes. */\ninterface SnapModeFieldEntry {\n  labelKey: string;\n  value: number;\n  iconSpec: string;\n}\n\n// Field entry of all possible snap modes.\nconst allSnapModeFieldEntries: SnapModeFieldEntry[] = [\n  {\n    labelKey: \"snapModeField.keypoint\",\n    value: SnapMode.NearestKeypoint as number,\n    iconSpec: snapModeKeypoint,\n  },\n  {\n    labelKey: \"snapModeField.intersection\",\n    value: SnapMode.Intersection as number,\n    iconSpec: snapModeIntersection,\n  },\n  {\n    labelKey: \"snapModeField.center\",\n    value: SnapMode.Center as number,\n    iconSpec: snapModeCenter,\n  },\n  {\n    labelKey: \"snapModeField.nearest\",\n    value: SnapMode.Nearest as number,\n    iconSpec: snapModeNearest,\n  },\n  {\n    labelKey: \"snapModeField.origin\",\n    value: SnapMode.Origin as number,\n    iconSpec: snapModeOrigin,\n  },\n  {\n    labelKey: \"snapModeField.midpoint\",\n    value: SnapMode.MidPoint as number,\n    iconSpec: snapModeMidpoint,\n  },\n  {\n    labelKey: \"snapModeField.bisector\",\n    value: SnapMode.Bisector as number,\n    iconSpec: snapModeBisector,\n  },\n];\n\n/** Return icon for a specific snapMode. */\nconst getSnapModeIcon = (snapMode: number) => {\n  // Get all the modes present in the bitmask.\n  const modes: SnapModeFieldEntry[] = allSnapModeFieldEntries.filter(\n    (entry) => {\n      return (entry.value & snapMode) === entry.value;\n    }\n  );\n\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <Icon\n      iconSpec={modes.length === 1 ? modes[0].iconSpec : snapModeKeypoint}\n    />\n  );\n};\n\n/** Defines properties supported by the SnapMode Field Component. */\n// eslint-disable-next-line deprecation/deprecation\ninterface SnapModeFieldProps extends CommonProps {\n  /** Uses redux store as a fallback. Defaults to {@link SnapMode.NearestKeypoint}.\n   * @note Enum flags are supported.\n   */\n  snapMode?: SnapMode;\n  /** The list of snap modes available for selection. Defaults to all the modes.*/\n  availableSnapModes?: SnapMode[];\n  onChange?: (newSnapMode: SnapMode) => void;\n}\n\n/** `SnapModeField` component designed to be specified in a status bar. It will\n * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.\n * @public\n */\nexport function SnapModeField(props: SnapModeFieldProps) {\n  const { translate } = useTranslation();\n  const snapModeEntries: SnapModeFieldEntry[] = props.availableSnapModes\n    ? allSnapModeFieldEntries.filter((entry) => {\n        return (\n          props.availableSnapModes &&\n          props.availableSnapModes.some(\n            (availableSnap) => availableSnap === (entry.value as SnapMode)\n          )\n        );\n      })\n    : allSnapModeFieldEntries;\n\n  const reduxSnapMode = useReduxFrameworkState(\n    // eslint-disable-next-line deprecation/deprecation\n    (state) => state?.configurableUiState.snapMode\n  );\n  const snapMode = props.snapMode ?? reduxSnapMode ?? SnapMode.NearestKeypoint;\n\n  const title = translate(\"snapModeField.snapMode\");\n  return (\n    <StatusBarPopover\n      content={\n        <SnapModePanel title={title}>\n          {snapModeEntries.map((entry, index) => (\n            <Snap\n              key={`SM_${index}`}\n              onClick={() => {\n                if (props.onChange) {\n                  props.onChange(entry.value);\n                  return;\n                }\n                // eslint-disable-next-line deprecation/deprecation\n                UiFramework.setAccudrawSnapMode(entry.value);\n              }}\n              isActive={(snapMode & entry.value) === entry.value}\n              icon={\n                // eslint-disable-next-line deprecation/deprecation\n                <Icon className={`icon`} iconSpec={entry.iconSpec} />\n              }\n            >\n              {translate(entry.labelKey)}\n            </Snap>\n          ))}\n        </SnapModePanel>\n      }\n    >\n      <Button\n        styleType=\"borderless\"\n        title={title}\n        endIcon={getSnapModeIcon(snapMode)}\n      >\n        {title}\n        <StatusBarPopover.ExpandIndicator />\n      </Button>\n    </StatusBarPopover>\n  );\n}\n"]}

package/lib/appui-react/statusfields/ViewAttributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewAttributes.d.ts","sourceRoot":"","sources":["../../../src/appui-react/statusfields/ViewAttributes.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD,UAAU,8BAA8B;IACtC,SAAS,EAAE,aAAa,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAC5D,WAAW,EAAE,8CAA8C;AAC3D,8BAA8B,CAC/B;gBAEa,KAAK,EAAE,WAAW;IAUd,iBAAiB;IAIjC,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,oBAAoB,CAY1B;IAEF,OAAO,CAAC,mBAAmB,CAMzB;IAEF,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,YAAY;IA0DJ,MAAM;CAoBvB"}

package/lib/appui-react/statusfields/ViewAttributes.js

@@ -0,0 +1,93 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import "./ViewAttributes.scss";
+import * as React from "react";
+import { ViewFlags } from "@itwin/core-common";
+import { IModelApp } from "@itwin/core-frontend";
+import { Checkbox, IconButton } from "@itwin/itwinui-react";
+import { UiFramework } from "../UiFramework.js";
+import { StatusBarDialog } from "../statusbar/dialog/Dialog.js";
+import { SvgWindowSettings } from "@itwin/itwinui-icons-react";
+import { StatusBarPopover } from "../statusbar/popup/StatusBarPopover.js";
+/** Widget for showing Checkboxes for View Attributes
+ * @beta
+ */
+export class ViewAttributesStatusField extends React.Component {
+    // eslint-disable-next-line deprecation/deprecation
+    constructor(props) {
+        super(props);
+        this._handleViewFlagClick = (flagName) => {
+            if (IModelApp.viewManager.selectedView) {
+                const props = IModelApp.viewManager.selectedView.viewFlags.toJSON();
+                props[flagName] =
+                    props[flagName] === undefined
+                        ? true
+                        : !props[flagName];
+                const viewFlags = ViewFlags.fromJSON(props);
+                IModelApp.viewManager.selectedView.viewFlags = viewFlags;
+                this.updateState();
+            }
+        };
+        this._handleToggleCamera = async () => {
+            await IModelApp.tools.run("View.ToggleCamera", IModelApp.viewManager.selectedView);
+            this.updateState();
+        };
+        this.state = {
+            cameraOn: false,
+            viewFlags: {},
+            target: null,
+        };
+    }
+    componentDidMount() {
+        this.updateState();
+    }
+    updateState() {
+        if (IModelApp.viewManager.selectedView) {
+            const viewFlags = {
+                ...IModelApp.viewManager.selectedView.view.viewFlags.toJSON(),
+            };
+            const cameraOn = IModelApp.viewManager.selectedView.isCameraOn;
+            this.setState({
+                viewFlags,
+                cameraOn,
+            });
+        }
+    }
+    getViewFlagItem(flagName, value, labelKey) {
+        return (React.createElement(Checkbox, { key: flagName, label: UiFramework.translate(labelKey), onClick: () => this._handleViewFlagClick(flagName), defaultChecked: value }));
+    }
+    getFlagState(flagName) {
+        return this.state.viewFlags.hasOwnProperty(flagName)
+            ? this.state.viewFlags[flagName]
+            : false;
+    }
+    getToggleCameraItem() {
+        return (React.createElement(Checkbox, { key: "toggleCamera", label: UiFramework.translate("listTools.camera"), onClick: this._handleToggleCamera, defaultChecked: this.state.cameraOn }));
+    }
+    getViewFlags() {
+        const items = [];
+        items.push(this.getViewFlagItem("acs", this.getFlagState("acs"), "listTools.acs"));
+        items.push(this.getToggleCameraItem());
+        items.push(this.getViewFlagItem("noConstruct", !this.getFlagState("noConstruct"), "listTools.constructions"));
+        items.push(this.getViewFlagItem("hidEdges", this.getFlagState("hidEdges"), "listTools.hidEdges"));
+        items.push(this.getViewFlagItem("monochrome", this.getFlagState("monochrome"), "listTools.monochrome"));
+        items.push(this.getViewFlagItem("visEdges", this.getFlagState("visEdges"), "listTools.visEdges"));
+        items.push(this.getViewFlagItem("ambientOcclusion", this.getFlagState("ambientOcclusion"), "listTools.ambientOcclusion"));
+        items.push(this.getViewFlagItem("shadows", this.getFlagState("shadows"), "listTools.shadows"));
+        items.push(this.getViewFlagItem("backgroundMap", this.getFlagState("backgroundMap"), "listTools.backgroundMap"));
+        return React.createElement("div", { className: "uifw-view-attributes-contents" }, items);
+    }
+    render() {
+        const title = UiFramework.translate("listTools.viewAttributes");
+        return (React.createElement(StatusBarPopover, { content: React.createElement(StatusBarDialog, { titleBar: React.createElement(StatusBarDialog.TitleBar, { title: title }) }, this.getViewFlags()) },
+            React.createElement(IconButton, { styleType: "borderless", label: title },
+                React.createElement(SvgWindowSettings, null),
+                React.createElement(StatusBarPopover.ExpandIndicator, null))));
+    }
+}
+//# sourceMappingURL=ViewAttributes.js.map

package/lib/appui-react/statusfields/ViewAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewAttributes.js","sourceRoot":"","sources":["../../../src/appui-react/statusfields/ViewAttributes.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 StatusBar\n */\n\nimport \"./ViewAttributes.scss\";\nimport * as React from \"react\";\nimport type { ViewFlagProps } from \"@itwin/core-common\";\nimport { ViewFlags } from \"@itwin/core-common\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { Checkbox, IconButton } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog.js\";\nimport { SvgWindowSettings } from \"@itwin/itwinui-icons-react\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover.js\";\n\ninterface ViewAttributesStatusFieldState {\n  viewFlags: ViewFlagProps;\n  cameraOn: boolean;\n  target: HTMLElement | null;\n}\n\n/** Widget for showing Checkboxes for View Attributes\n * @beta\n */\nexport class ViewAttributesStatusField extends React.Component<\n  CommonProps, // eslint-disable-line deprecation/deprecation\n  ViewAttributesStatusFieldState\n> {\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(props: CommonProps) {\n    super(props);\n\n    this.state = {\n      cameraOn: false,\n      viewFlags: {},\n      target: null,\n    };\n  }\n\n  public override componentDidMount() {\n    this.updateState();\n  }\n\n  private updateState() {\n    if (IModelApp.viewManager.selectedView) {\n      const viewFlags: ViewFlagProps = {\n        ...IModelApp.viewManager.selectedView.view.viewFlags.toJSON(),\n      };\n      const cameraOn = IModelApp.viewManager.selectedView.isCameraOn;\n\n      this.setState({\n        viewFlags,\n        cameraOn,\n      });\n    }\n  }\n\n  private _handleViewFlagClick = (flagName: string) => {\n    if (IModelApp.viewManager.selectedView) {\n      const props: ViewFlagProps =\n        IModelApp.viewManager.selectedView.viewFlags.toJSON();\n      (props as any)[flagName] =\n        (props as any)[flagName] === undefined\n          ? true\n          : !(props as any)[flagName];\n      const viewFlags = ViewFlags.fromJSON(props);\n      IModelApp.viewManager.selectedView.viewFlags = viewFlags;\n      this.updateState();\n    }\n  };\n\n  private _handleToggleCamera = async () => {\n    await IModelApp.tools.run(\n      \"View.ToggleCamera\",\n      IModelApp.viewManager.selectedView\n    );\n    this.updateState();\n  };\n\n  private getViewFlagItem(flagName: string, value: boolean, labelKey: string) {\n    return (\n      <Checkbox\n        key={flagName}\n        label={UiFramework.translate(labelKey)}\n        onClick={() => this._handleViewFlagClick(flagName)}\n        defaultChecked={value}\n      />\n    );\n  }\n\n  private getFlagState(flagName: string) {\n    return this.state.viewFlags.hasOwnProperty(flagName)\n      ? (this.state.viewFlags as any)[flagName]\n      : false;\n  }\n\n  private getToggleCameraItem() {\n    return (\n      <Checkbox\n        key={\"toggleCamera\"}\n        label={UiFramework.translate(\"listTools.camera\")}\n        onClick={this._handleToggleCamera}\n        defaultChecked={this.state.cameraOn}\n      />\n    );\n  }\n\n  private getViewFlags() {\n    const items: React.ReactElement[] = [];\n    items.push(\n      this.getViewFlagItem(\"acs\", this.getFlagState(\"acs\"), \"listTools.acs\")\n    );\n    items.push(this.getToggleCameraItem());\n    items.push(\n      this.getViewFlagItem(\n        \"noConstruct\",\n        !this.getFlagState(\"noConstruct\"),\n        \"listTools.constructions\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"hidEdges\",\n        this.getFlagState(\"hidEdges\"),\n        \"listTools.hidEdges\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"monochrome\",\n        this.getFlagState(\"monochrome\"),\n        \"listTools.monochrome\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"visEdges\",\n        this.getFlagState(\"visEdges\"),\n        \"listTools.visEdges\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"ambientOcclusion\",\n        this.getFlagState(\"ambientOcclusion\"),\n        \"listTools.ambientOcclusion\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"shadows\",\n        this.getFlagState(\"shadows\"),\n        \"listTools.shadows\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"backgroundMap\",\n        this.getFlagState(\"backgroundMap\"),\n        \"listTools.backgroundMap\"\n      )\n    );\n    return <div className=\"uifw-view-attributes-contents\">{items}</div>;\n  }\n\n  public override render() {\n    const title = UiFramework.translate(\"listTools.viewAttributes\");\n\n    return (\n      <StatusBarPopover\n        content={\n          <StatusBarDialog\n            titleBar={<StatusBarDialog.TitleBar title={title} />}\n          >\n            {this.getViewFlags()}\n          </StatusBarDialog>\n        }\n      >\n        <IconButton styleType=\"borderless\" label={title}>\n          <SvgWindowSettings />\n          <StatusBarPopover.ExpandIndicator />\n        </IconButton>\n      </StatusBarPopover>\n    );\n  }\n}\n"]}

package/lib/appui-react/statusfields/ViewAttributes.scss

@@ -0,0 +1,10 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.uifw-view-attributes-contents {
+  display: flex;
+  flex-direction: column;
+  padding: 8px;
+  overflow-y: auto;
+}

package/lib/appui-react/statusfields/message-center/MessageCenterField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageCenterField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/message-center/MessageCenterField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgBrD,OAAO,2BAA2B,CAAC;AAWnC;;GAEG;AAEH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,qBA8HpD"}