@itwin/appui-react 4.9.0-dev.1 → 4.10.0-dev.1

package/lib/esm/appui-react/layout/tool-settings/Docked.js

@@ -0,0 +1,255 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ToolSettings
+ */
+import { assert } from "@itwin/core-bentley";
+import { useRefs, useResizeObserver } from "@itwin/core-react";
+import classnames from "classnames";
+import * as React from "react";
+import { CSSTransition, TransitionGroup } from "react-transition-group";
+import { usePreviewFeatures } from "../../preview/PreviewFeatures";
+import { AnimateDockedToolSettingsContext } from "../base/NineZone";
+import "./Docked.scss";
+import { DockedToolSettingsHandle } from "./Handle";
+import { DockedToolSettingsOverflow } from "./Overflow";
+import { ToolSettingsOverflowPanel } from "./Panel";
+/** @internal */
+export function onOverflowLabelAndEditorResize() { }
+/** This component takes a DockedToolSetting "wrapper" component and extract only the label and editor components from it */
+function OverflowLabelAndEditor({ wrapper }) {
+    assert(React.isValidElement(wrapper));
+    const entryValue = React.useMemo(() => ({
+        isOverflown: true,
+        onResize: onOverflowLabelAndEditorResize,
+    }), []);
+    const wrapperChildren = wrapper.props.children;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(DockedToolSettingsEntryContext.Provider, { value: entryValue }, wrapperChildren &&
+            React.Children.map(wrapperChildren, (child) => child))));
+}
+/** Component that displays tool settings as a bar across the top of the content view.
+ * @internal
+ */
+export function DockedToolSettings(props) {
+    const [open, setOpen] = React.useState(false);
+    const { contentAlwaysMaxSize } = usePreviewFeatures();
+    const animateToolSettings = React.useContext(AnimateDockedToolSettingsContext);
+    const ref = React.useRef(null);
+    const width = React.useRef(undefined);
+    const handleWidth = React.useRef(undefined);
+    const [overflown, handleContainerResize, handleOverflowResize, handleEntryResize,] = useOverflow(props.children);
+    const onResize = React.useCallback(() => {
+        width.current !== undefined &&
+            handleWidth.current !== undefined &&
+            handleContainerResize(width.current - handleWidth.current);
+    }, [handleContainerResize]);
+    const handleHandleResize = React.useCallback((w) => {
+        handleWidth.current = w;
+        onResize();
+    }, [onResize]);
+    const handleResize = React.useCallback((w) => {
+        width.current = w;
+        onResize();
+    }, [onResize]);
+    const resizeObserverRef = useResizeObserver(handleResize);
+    const onOverflowClick = React.useCallback(() => {
+        setOpen((prev) => !prev);
+    }, []);
+    const handleOnClose = React.useCallback(() => {
+        setOpen(false);
+    }, []);
+    const targetRef = React.useRef(null);
+    const refs = useRefs(ref, resizeObserverRef);
+    const children = React.useMemo(() => React.Children.toArray(props.children), [props.children]);
+    const dockedChildren = children.reduce((acc, child, index) => {
+        const key = getChildKey(child, index);
+        if (!overflown || overflown.indexOf(key) < 0) {
+            acc.push([key, child]);
+        }
+        return acc;
+    }, []);
+    const overflownChildren = overflown
+        ? children.reduce((acc, child, index) => {
+            const key = getChildKey(child, index);
+            if (overflown.indexOf(key) >= 0) {
+                acc.push([key, child]);
+            }
+            return acc;
+        }, [])
+        : [];
+    const PanelContainer = props.panelContainer
+        ? props.panelContainer
+        : DefaultPanelContainer;
+    const className = classnames("nz-toolSettings-docked", props.className, 
+    // istanbul ignore next (preview)
+    contentAlwaysMaxSize && "preview-contentAlwaysMaxSize");
+    return (React.createElement("div", { "data-toolsettings-provider": props.itemId, className: className, ref: refs, style: props.style },
+        React.createElement(DockedToolSettingsHandle, { onResize: handleHandleResize }),
+        dockedChildren.map(([key, child]) => {
+            return (React.createElement(TransitionGroup, { appear: animateToolSettings, enter: animateToolSettings, key: key },
+                React.createElement(CSSTransition, { in: animateToolSettings, timeout: 400, classNames: {
+                        appear: "toolsettings-appear",
+                        enter: "toolsettings-appear",
+                        appearActive: "toolsettings-appear-active",
+                        enterActive: "toolsettings-appear-active",
+                    } },
+                    React.createElement(DockedToolSettingsEntry, { key: key, entryKey: key, getOnResize: handleEntryResize }, child))));
+        }),
+        (!overflown || overflown.length > 0) && (React.createElement(React.Fragment, null,
+            React.createElement(DockedToolSettingsOverflow, { onClick: onOverflowClick, onResize: handleOverflowResize, ref: targetRef }),
+            overflownChildren.length > 0 && open && targetRef.current && (React.createElement(ToolSettingsOverflowPanel, { onClose: handleOnClose, open: true, target: targetRef.current },
+                React.createElement(PanelContainer, null, overflownChildren.map(([key, child]) => {
+                    return React.createElement(OverflowLabelAndEditor, { key: key, wrapper: child });
+                }))))))));
+}
+function DockedToolSettingsEntry({ children, entryKey, getOnResize, }) {
+    const onResize = React.useMemo(() => getOnResize(entryKey), [getOnResize, entryKey]);
+    const entry = React.useMemo(() => ({
+        isOverflown: false,
+        onResize,
+    }), [onResize]);
+    return (React.createElement(DockedToolSettingsEntryContext.Provider, { value: entry }, children));
+}
+/** Returns key of a child. Must be used along with React.Children.toArray to preserve the semantics of children.
+ * @internal
+ */
+export function getChildKey(child, index) {
+    if (React.isValidElement(child) && child.key !== null) {
+        return child.key.toString();
+    }
+    return index.toString();
+}
+/** Returns a subset of docked entry keys that exceed given width and should be overflown.
+ * @internal
+ */
+export function getOverflown(width, docked, overflowWidth, activeIndex) {
+    let settingsWidth = 0;
+    if (activeIndex !== undefined && docked.length > activeIndex) {
+        const activeWidth = docked[activeIndex];
+        settingsWidth += activeWidth[1];
+    }
+    let i = 0;
+    for (; i < docked.length; i++) {
+        if (i === activeIndex)
+            continue;
+        const w = docked[i][1];
+        const newSettingsWidth = settingsWidth + w;
+        if (newSettingsWidth > width) {
+            settingsWidth += overflowWidth;
+            break;
+        }
+        settingsWidth = newSettingsWidth;
+    }
+    let j = i;
+    // istanbul ignore else
+    if (j < docked.length) {
+        for (; j > 0; j--) {
+            if (j === activeIndex)
+                continue;
+            if (settingsWidth <= width)
+                break;
+            const w = docked[j][1];
+            settingsWidth -= w;
+        }
+    }
+    const overflown = new Array();
+    for (i = j; i < docked.length; i++) {
+        if (i === activeIndex)
+            continue;
+        overflown.push(docked[i][0]);
+    }
+    return overflown;
+}
+/** Hook that returns a list of overflown children.
+ * @internal
+ */
+export function useOverflow(children, activeChildIndex) {
+    const [overflown, setOverflown] = React.useState();
+    const entryWidths = React.useRef(new Map());
+    const width = React.useRef(undefined);
+    const overflowWidth = React.useRef(undefined);
+    const calculateOverflow = React.useCallback(() => {
+        const widths = verifiedMapEntries(entryWidths.current);
+        if (width.current === undefined ||
+            widths === undefined ||
+            overflowWidth.current === undefined) {
+            setOverflown(undefined);
+            return;
+        }
+        // Calculate overflow.
+        const newOverflown = getOverflown(width.current, [...widths.entries()], overflowWidth.current, activeChildIndex);
+        setOverflown((prevOverflown) => {
+            return eqlOverflown(prevOverflown, newOverflown)
+                ? prevOverflown
+                : newOverflown;
+        });
+    }, [activeChildIndex]);
+    React.useLayoutEffect(() => {
+        const newEntryWidths = new Map();
+        const array = React.Children.toArray(children);
+        for (let i = 0; i < array.length; i++) {
+            const child = array[i];
+            const key = getChildKey(child, i);
+            const lastW = entryWidths.current.get(key);
+            newEntryWidths.set(key, lastW);
+        }
+        entryWidths.current = newEntryWidths;
+        calculateOverflow();
+    }, [children, calculateOverflow]);
+    const handleContainerResize = React.useCallback((w) => {
+        const calculate = width.current !== w;
+        width.current = w;
+        calculate && calculateOverflow();
+    }, [calculateOverflow]);
+    const handleOverflowResize = React.useCallback((w) => {
+        const calculate = overflowWidth.current !== w;
+        overflowWidth.current = w;
+        calculate && calculateOverflow();
+    }, [calculateOverflow]);
+    const handleEntryResize = React.useCallback((key) => (w) => {
+        const oldW = entryWidths.current.get(key);
+        oldW !== w && entryWidths.current.set(key, w);
+        oldW !== w && calculateOverflow();
+    }, [calculateOverflow]);
+    return [
+        overflown,
+        handleContainerResize,
+        handleOverflowResize,
+        handleEntryResize,
+    ];
+}
+const DockedToolSettingsEntryContext = React.createContext(null);
+DockedToolSettingsEntryContext.displayName =
+    "nz:DockedToolSettingsEntryContext";
+/** @internal */
+export function useToolSettingsEntry() {
+    return React.useContext(DockedToolSettingsEntryContext);
+}
+function verifiedMapEntries(map) {
+    for (const [, val] of map) {
+        if (val === undefined)
+            return undefined;
+    }
+    return map;
+}
+function DefaultPanelContainer(props) {
+    return (React.createElement("div", { className: "nz-toolSettings-docked_container" }, props.children));
+}
+/** @internal */
+export function eqlOverflown(prev, value) {
+    if (!prev)
+        return false;
+    if (prev.length !== value.length)
+        return false;
+    for (let i = 0; i < prev.length; i++) {
+        const p = prev[i];
+        const v = value[i];
+        if (p !== v)
+            return false;
+    }
+    return true;
+}
+//# sourceMappingURL=Docked.js.map

package/lib/esm/appui-react/layout/tool-settings/Docked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Docked.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/tool-settings/Docked.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 ToolSettings\n */\n\nimport { assert } from \"@itwin/core-bentley\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { useRefs, useResizeObserver } from \"@itwin/core-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CSSTransition, TransitionGroup } from \"react-transition-group\";\nimport { usePreviewFeatures } from \"../../preview/PreviewFeatures\";\nimport { AnimateDockedToolSettingsContext } from \"../base/NineZone\";\nimport \"./Docked.scss\";\nimport { DockedToolSettingsHandle } from \"./Handle\";\nimport { DockedToolSettingsOverflow } from \"./Overflow\";\nimport { ToolSettingsOverflowPanel } from \"./Panel\";\n\n/** @internal */\nexport function onOverflowLabelAndEditorResize() {}\n\n/** This component takes a DockedToolSetting \"wrapper\" component and extract only the label and editor components from it */\nfunction OverflowLabelAndEditor({ wrapper }: { wrapper: React.ReactNode }) {\n  assert(React.isValidElement(wrapper));\n  const entryValue = React.useMemo<DockedToolSettingsEntryContextArgs>(\n    () => ({\n      isOverflown: true,\n      onResize: onOverflowLabelAndEditorResize,\n    }),\n    []\n  );\n  const wrapperChildren = (wrapper as React.ReactElement<any>).props.children;\n  return (\n    <>\n      <DockedToolSettingsEntryContext.Provider value={entryValue}>\n        {wrapperChildren &&\n          React.Children.map(\n            wrapperChildren,\n            (child: React.ReactNode) => child\n          )}\n      </DockedToolSettingsEntryContext.Provider>\n    </>\n  );\n}\n\n/** Properties of [[DockedToolSettings]] component.\n * @internal\n */\nexport interface DockedToolSettingsProps extends CommonProps {\n  /** Tool settings content. */\n  children?: React.ReactNode;\n  /** Container for overflown entries. */\n  panelContainer?: React.ComponentType<{ children?: React.ReactNode }>;\n}\n\n/** Component that displays tool settings as a bar across the top of the content view.\n * @internal\n */\nexport function DockedToolSettings(props: DockedToolSettingsProps) {\n  const [open, setOpen] = React.useState(false);\n  const { contentAlwaysMaxSize } = usePreviewFeatures();\n  const animateToolSettings = React.useContext(\n    AnimateDockedToolSettingsContext\n  );\n\n  const ref = React.useRef<HTMLDivElement>(null);\n  const width = React.useRef<number | undefined>(undefined);\n  const handleWidth = React.useRef<number | undefined>(undefined);\n  const [\n    overflown,\n    handleContainerResize,\n    handleOverflowResize,\n    handleEntryResize,\n  ] = useOverflow(props.children);\n  const onResize = React.useCallback(() => {\n    width.current !== undefined &&\n      handleWidth.current !== undefined &&\n      handleContainerResize(width.current - handleWidth.current);\n  }, [handleContainerResize]);\n  const handleHandleResize = React.useCallback(\n    (w: number) => {\n      handleWidth.current = w;\n      onResize();\n    },\n    [onResize]\n  );\n  const handleResize = React.useCallback(\n    (w: number) => {\n      width.current = w;\n      onResize();\n    },\n    [onResize]\n  );\n  const resizeObserverRef = useResizeObserver(handleResize);\n\n  const onOverflowClick = React.useCallback(() => {\n    setOpen((prev) => !prev);\n  }, []);\n  const handleOnClose = React.useCallback(() => {\n    setOpen(false);\n  }, []);\n  const targetRef = React.useRef<HTMLDivElement>(null);\n  const refs = useRefs(ref, resizeObserverRef);\n  const children = React.useMemo(\n    () => React.Children.toArray(props.children),\n    [props.children]\n  );\n  const dockedChildren = children.reduce<Array<[string, React.ReactNode]>>(\n    (acc, child, index) => {\n      const key = getChildKey(child, index);\n      if (!overflown || overflown.indexOf(key) < 0) {\n        acc.push([key, child]);\n      }\n      return acc;\n    },\n    []\n  );\n  const overflownChildren = overflown\n    ? children.reduce<Array<[string, React.ReactNode]>>((acc, child, index) => {\n        const key = getChildKey(child, index);\n        if (overflown.indexOf(key) >= 0) {\n          acc.push([key, child]);\n        }\n        return acc;\n      }, [])\n    : [];\n  const PanelContainer = props.panelContainer\n    ? props.panelContainer\n    : DefaultPanelContainer;\n  const className = classnames(\n    \"nz-toolSettings-docked\",\n    props.className,\n    // istanbul ignore next (preview)\n    contentAlwaysMaxSize && \"preview-contentAlwaysMaxSize\"\n  );\n  return (\n    <div\n      data-toolsettings-provider={props.itemId}\n      className={className}\n      ref={refs}\n      style={props.style}\n    >\n      <DockedToolSettingsHandle onResize={handleHandleResize} />\n      {dockedChildren.map(([key, child]) => {\n        return (\n          <TransitionGroup\n            appear={animateToolSettings}\n            enter={animateToolSettings}\n            key={key}\n          >\n            <CSSTransition\n              in={animateToolSettings}\n              timeout={400}\n              classNames={{\n                appear: \"toolsettings-appear\",\n                enter: \"toolsettings-appear\",\n                appearActive: \"toolsettings-appear-active\",\n                enterActive: \"toolsettings-appear-active\",\n              }}\n            >\n              <DockedToolSettingsEntry\n                key={key}\n                entryKey={key}\n                getOnResize={handleEntryResize}\n              >\n                {child}\n              </DockedToolSettingsEntry>\n            </CSSTransition>\n          </TransitionGroup>\n        );\n      })}\n      {(!overflown || overflown.length > 0) && (\n        <>\n          <DockedToolSettingsOverflow\n            onClick={onOverflowClick}\n            onResize={handleOverflowResize}\n            ref={targetRef}\n          />\n          {overflownChildren.length > 0 && open && targetRef.current && (\n            <ToolSettingsOverflowPanel\n              onClose={handleOnClose}\n              open\n              target={targetRef.current}\n            >\n              <PanelContainer>\n                {overflownChildren.map(([key, child]) => {\n                  return <OverflowLabelAndEditor key={key} wrapper={child} />;\n                })}\n              </PanelContainer>\n            </ToolSettingsOverflowPanel>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n\ninterface DockedToolSettingsEntryProps {\n  children?: React.ReactNode;\n  entryKey: string;\n  getOnResize: (key: string) => (w: number) => void;\n}\n\nfunction DockedToolSettingsEntry({\n  children,\n  entryKey,\n  getOnResize,\n}: DockedToolSettingsEntryProps) {\n  const onResize = React.useMemo(\n    () => getOnResize(entryKey),\n    [getOnResize, entryKey]\n  );\n  const entry = React.useMemo<DockedToolSettingsEntryContextArgs>(\n    () => ({\n      isOverflown: false,\n      onResize,\n    }),\n    [onResize]\n  );\n  return (\n    <DockedToolSettingsEntryContext.Provider value={entry}>\n      {children}\n    </DockedToolSettingsEntryContext.Provider>\n  );\n}\n\n/** Returns key of a child. Must be used along with React.Children.toArray to preserve the semantics of children.\n * @internal\n */\nexport function getChildKey(child: React.ReactNode, index: number) {\n  if (React.isValidElement(child) && child.key !== null) {\n    return child.key.toString();\n  }\n  return index.toString();\n}\n\n/** Returns a subset of docked entry keys that exceed given width and should be overflown.\n * @internal\n */\nexport function getOverflown(\n  width: number,\n  docked: ReadonlyArray<readonly [string, number]>,\n  overflowWidth: number,\n  activeIndex?: number\n) {\n  let settingsWidth = 0;\n  if (activeIndex !== undefined && docked.length > activeIndex) {\n    const activeWidth = docked[activeIndex];\n    settingsWidth += activeWidth[1];\n  }\n  let i = 0;\n  for (; i < docked.length; i++) {\n    if (i === activeIndex) continue;\n    const w = docked[i][1];\n    const newSettingsWidth = settingsWidth + w;\n    if (newSettingsWidth > width) {\n      settingsWidth += overflowWidth;\n      break;\n    }\n    settingsWidth = newSettingsWidth;\n  }\n\n  let j = i;\n  // istanbul ignore else\n  if (j < docked.length) {\n    for (; j > 0; j--) {\n      if (j === activeIndex) continue;\n      if (settingsWidth <= width) break;\n      const w = docked[j][1];\n      settingsWidth -= w;\n    }\n  }\n\n  const overflown = new Array<string>();\n  for (i = j; i < docked.length; i++) {\n    if (i === activeIndex) continue;\n    overflown.push(docked[i][0]);\n  }\n  return overflown;\n}\n\n/** Hook that returns a list of overflown children.\n * @internal\n */\nexport function useOverflow(\n  children: React.ReactNode,\n  activeChildIndex?: number\n): [\n  ReadonlyArray<string> | undefined,\n  (size: number) => void,\n  (size: number) => void,\n  (key: string) => (size: number) => void\n] {\n  const [overflown, setOverflown] = React.useState<ReadonlyArray<string>>();\n  const entryWidths = React.useRef(new Map<string, number | undefined>());\n  const width = React.useRef<number | undefined>(undefined);\n  const overflowWidth = React.useRef<number | undefined>(undefined);\n\n  const calculateOverflow = React.useCallback(() => {\n    const widths = verifiedMapEntries(entryWidths.current);\n    if (\n      width.current === undefined ||\n      widths === undefined ||\n      overflowWidth.current === undefined\n    ) {\n      setOverflown(undefined);\n      return;\n    }\n\n    // Calculate overflow.\n    const newOverflown = getOverflown(\n      width.current,\n      [...widths.entries()],\n      overflowWidth.current,\n      activeChildIndex\n    );\n    setOverflown((prevOverflown) => {\n      return eqlOverflown(prevOverflown, newOverflown)\n        ? prevOverflown\n        : newOverflown;\n    });\n  }, [activeChildIndex]);\n\n  React.useLayoutEffect(() => {\n    const newEntryWidths = new Map<string, number | undefined>();\n    const array = React.Children.toArray(children);\n    for (let i = 0; i < array.length; i++) {\n      const child = array[i];\n      const key = getChildKey(child, i);\n      const lastW = entryWidths.current.get(key);\n      newEntryWidths.set(key, lastW);\n    }\n    entryWidths.current = newEntryWidths;\n    calculateOverflow();\n  }, [children, calculateOverflow]);\n\n  const handleContainerResize = React.useCallback(\n    (w: number) => {\n      const calculate = width.current !== w;\n      width.current = w;\n      calculate && calculateOverflow();\n    },\n    [calculateOverflow]\n  );\n\n  const handleOverflowResize = React.useCallback(\n    (w: number) => {\n      const calculate = overflowWidth.current !== w;\n      overflowWidth.current = w;\n      calculate && calculateOverflow();\n    },\n    [calculateOverflow]\n  );\n\n  const handleEntryResize = React.useCallback(\n    (key: string) => (w: number) => {\n      const oldW = entryWidths.current.get(key);\n      oldW !== w && entryWidths.current.set(key, w);\n      oldW !== w && calculateOverflow();\n    },\n    [calculateOverflow]\n  );\n\n  return [\n    overflown,\n    handleContainerResize,\n    handleOverflowResize,\n    handleEntryResize,\n  ];\n}\n\ninterface DockedToolSettingsEntryContextArgs {\n  readonly isOverflown: boolean;\n  readonly onResize: (w: number) => void;\n}\n\nconst DockedToolSettingsEntryContext =\n  React.createContext<DockedToolSettingsEntryContextArgs>(null!);\nDockedToolSettingsEntryContext.displayName =\n  \"nz:DockedToolSettingsEntryContext\";\n\n/** @internal */\nexport function useToolSettingsEntry() {\n  return React.useContext(DockedToolSettingsEntryContext);\n}\n\nfunction verifiedMapEntries<T>(map: Map<string, T | undefined>) {\n  for (const [, val] of map) {\n    if (val === undefined) return undefined;\n  }\n  return map as Map<string, T>;\n}\n\nfunction DefaultPanelContainer(props: { children: React.ReactNode }) {\n  return (\n    <div className=\"nz-toolSettings-docked_container\">{props.children}</div>\n  );\n}\n\n/** @internal */\nexport function eqlOverflown(\n  prev: readonly string[] | undefined,\n  value: readonly string[]\n) {\n  if (!prev) return false;\n  if (prev.length !== value.length) return false;\n  for (let i = 0; i < prev.length; i++) {\n    const p = prev[i];\n    const v = value[i];\n    if (p !== v) return false;\n  }\n  return true;\n}\n"]}

package/lib/esm/appui-react/layout/tool-settings/Docked.scss

@@ -0,0 +1,48 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+
+.nz-toolSettings-docked {
+  height: 2.5em;
+  width: 100%;
+
+  display: flex;
+  position: relative;
+  background: var(--iui-color-background);
+  border: 1px solid var(--iui-color-border);
+
+  > .nz-container {
+    display: flex;
+  }
+
+  // Remove docked toolsettings from the flow causes the content to shift up.
+  // We then simply account for it by adding a margin to the top of the content.
+  &.preview-contentAlwaysMaxSize {
+    z-index: 1;
+    position: absolute;
+    // iTwinUI toast cause box-sizing to be border-box, so we need to override it.
+    box-sizing: content-box;
+  }
+}
+
+.nz-toolSettings-docked_container {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  row-gap: 4px;
+  column-gap: 4px;
+  align-items: flex-start;
+}
+
+.toolsettings-appear {
+  opacity: 0.1;
+  transition: opacity 150ms ease-in-out;
+  transform: translateY(-100%);
+}
+
+.toolsettings-appear-active {
+  opacity: 0.7;
+  transition: opacity 150ms ease-in-out;
+  transform: translateY(0);
+  transition: transform 400ms ease-out;
+}

package/lib/esm/appui-react/layout/tool-settings/Handle.d.ts

@@ -0,0 +1,17 @@
+/** @packageDocumentation
+ * @module ToolSettings
+ */
+import "./Handle.scss";
+import * as React from "react";
+import type { CommonProps } from "@itwin/core-react";
+/** Properties of [[DockedToolSettingsHandle]] component.
+ * @internal
+ */
+export interface DockedToolSettingsHandleProps extends CommonProps {
+    onResize?: (w: number) => void;
+}
+/** Component that displays tool settings as a bar across the top of the content view.
+ * @internal
+ */
+export declare function DockedToolSettingsHandle(props: DockedToolSettingsHandleProps): React.JSX.Element;
+//# sourceMappingURL=Handle.d.ts.map

package/lib/esm/appui-react/layout/tool-settings/Handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Handle.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/tool-settings/Handle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAS,MAAM,mBAAmB,CAAC;AAW5D;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAChE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBA4B5E"}

package/lib/esm/appui-react/layout/tool-settings/Handle.js

@@ -0,0 +1,41 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ToolSettings
+ */
+import "./Handle.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { useRefs, useResizeObserver } from "@itwin/core-react";
+import { useDragToolSettings } from "../base/DragManager";
+import { getUniqueId, NineZoneDispatchContext, useLabel, } from "../base/NineZone";
+import { useDrag } from "../widget/TabBar";
+import { SvgDragHandleVertical } from "@itwin/itwinui-icons-react";
+/** Component that displays tool settings as a bar across the top of the content view.
+ * @internal
+ */
+export function DockedToolSettingsHandle(props) {
+    const dispatch = React.useContext(NineZoneDispatchContext);
+    const resizeObserverRef = useResizeObserver(props.onResize);
+    const newFloatingWidgetId = React.useMemo(() => getUniqueId(), []);
+    const onDragStart = useDragToolSettings({ newFloatingWidgetId });
+    const handleDragStart = React.useCallback((initialPointerPosition) => {
+        onDragStart({
+            initialPointerPosition,
+            pointerPosition: initialPointerPosition,
+        });
+        dispatch({
+            type: "TOOL_SETTINGS_DRAG_START",
+            newFloatingWidgetId,
+        });
+    }, [dispatch, newFloatingWidgetId, onDragStart]);
+    const dragRef = useDrag(handleDragStart);
+    const refs = useRefs(dragRef, resizeObserverRef);
+    const title = useLabel("toolSettingsHandleTitle");
+    const className = classnames("nz-toolSettings-handle", props.className);
+    return (React.createElement("div", { className: className, ref: refs, style: props.style, title: title },
+        React.createElement(SvgDragHandleVertical, null)));
+}
+//# sourceMappingURL=Handle.js.map

package/lib/esm/appui-react/layout/tool-settings/Handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Handle.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/tool-settings/Handle.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EACL,WAAW,EACX,uBAAuB,EACvB,QAAQ,GACT,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AASnE;;GAEG;AACH,MAAM,UAAU,wBAAwB,CAAC,KAAoC;IAC3E,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC3D,MAAM,iBAAiB,GAAG,iBAAiB,CAAiB,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC5E,MAAM,mBAAmB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC;IACnE,MAAM,WAAW,GAAG,mBAAmB,CAAC,EAAE,mBAAmB,EAAE,CAAC,CAAC;IACjE,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACvC,CAAC,sBAA6B,EAAE,EAAE;QAChC,WAAW,CAAC;YACV,sBAAsB;YACtB,eAAe,EAAE,sBAAsB;SACxC,CAAC,CAAC;QACH,QAAQ,CAAC;YACP,IAAI,EAAE,0BAA0B;YAChC,mBAAmB;SACpB,CAAC,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,EAAE,mBAAmB,EAAE,WAAW,CAAC,CAC7C,CAAC;IACF,MAAM,OAAO,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;IACzC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,QAAQ,CAAC,yBAAyB,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,UAAU,CAAC,wBAAwB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAExE,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK;QACpE,oBAAC,qBAAqB,OAAG,CACrB,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 ToolSettings\n */\n\nimport \"./Handle.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps, Point } from \"@itwin/core-react\";\nimport { useRefs, useResizeObserver } from \"@itwin/core-react\";\nimport { useDragToolSettings } from \"../base/DragManager\";\nimport {\n  getUniqueId,\n  NineZoneDispatchContext,\n  useLabel,\n} from \"../base/NineZone\";\nimport { useDrag } from \"../widget/TabBar\";\nimport { SvgDragHandleVertical } from \"@itwin/itwinui-icons-react\";\n\n/** Properties of [[DockedToolSettingsHandle]] component.\n * @internal\n */\nexport interface DockedToolSettingsHandleProps extends CommonProps {\n  onResize?: (w: number) => void;\n}\n\n/** Component that displays tool settings as a bar across the top of the content view.\n * @internal\n */\nexport function DockedToolSettingsHandle(props: DockedToolSettingsHandleProps) {\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const resizeObserverRef = useResizeObserver<HTMLDivElement>(props.onResize);\n  const newFloatingWidgetId = React.useMemo(() => getUniqueId(), []);\n  const onDragStart = useDragToolSettings({ newFloatingWidgetId });\n  const handleDragStart = React.useCallback(\n    (initialPointerPosition: Point) => {\n      onDragStart({\n        initialPointerPosition,\n        pointerPosition: initialPointerPosition,\n      });\n      dispatch({\n        type: \"TOOL_SETTINGS_DRAG_START\",\n        newFloatingWidgetId,\n      });\n    },\n    [dispatch, newFloatingWidgetId, onDragStart]\n  );\n  const dragRef = useDrag(handleDragStart);\n  const refs = useRefs(dragRef, resizeObserverRef);\n  const title = useLabel(\"toolSettingsHandleTitle\");\n  const className = classnames(\"nz-toolSettings-handle\", props.className);\n\n  return (\n    <div className={className} ref={refs} style={props.style} title={title}>\n      <SvgDragHandleVertical />\n    </div>\n  );\n}\n"]}

package/lib/esm/appui-react/layout/tool-settings/Handle.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.
+ *--------------------------------------------------------------------------------------------*/
+
+.nz-toolSettings-handle {
+  $dot-size: 0.25em;
+  $dot-gap: $dot-size;
+
+  height: 100%;
+  width: 2em;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  cursor: grab;
+  flex-shrink: 0;
+
+  svg {
+    width: 2em;
+    height: 2em;
+  }
+}

package/lib/esm/appui-react/layout/tool-settings/Overflow.d.ts

@@ -0,0 +1,20 @@
+/** @packageDocumentation
+ * @module ToolSettings
+ */
+import "./Overflow.scss";
+import * as React from "react";
+import type { CommonProps } from "@itwin/core-react";
+/** Properties of [[ToolSettingsOverflow]] component.
+ * @internal
+ */
+export interface DockedToolSettingsOverflowProps extends CommonProps {
+    /** Function called when button is clicked. */
+    onClick?: () => void;
+    /** Function called when button is resized. */
+    onResize?: (w: number) => void;
+}
+/** Entry point to overflown tool settings of [[DockedToolSettings]] component.
+ * @internal
+ */
+export declare const DockedToolSettingsOverflow: React.ForwardRefExoticComponent<DockedToolSettingsOverflowProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Overflow.d.ts.map

package/lib/esm/appui-react/layout/tool-settings/Overflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overflow.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/tool-settings/Overflow.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AAEzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD;;GAEG;AACH,MAAM,WAAW,+BAAgC,SAAQ,WAAW;IAClE,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED;;GAEG;AACH,eAAO,MAAM,0BAA0B,wGAuBrC,CAAC"}

package/lib/esm/appui-react/layout/tool-settings/Overflow.js

@@ -0,0 +1,27 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ToolSettings
+ */
+import "./Overflow.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { useRefs, useResizeObserver } from "@itwin/core-react";
+import { Ellipsis } from "../base/Ellipsis";
+import { useLabel } from "../base/NineZone";
+/** Entry point to overflown tool settings of [[DockedToolSettings]] component.
+ * @internal
+ */
+export const DockedToolSettingsOverflow = React.forwardRef(function DockedToolSettingsOverflow(props, ref) {
+    const roRef = useResizeObserver(props.onResize);
+    const refs = useRefs(roRef, ref);
+    const className = classnames("nz-toolSettings-overflow", props.className);
+    const moreToolSettingsTitle = useLabel("moreToolSettingsTitle");
+    return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+    React.createElement("div", { className: className, onClick: props.onClick, ref: refs, style: props.style, role: "button", tabIndex: -1, title: moreToolSettingsTitle },
+        React.createElement(Ellipsis, null)));
+});
+//# sourceMappingURL=Overflow.js.map

package/lib/esm/appui-react/layout/tool-settings/Overflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overflow.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/tool-settings/Overflow.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAY5C;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,CAAC,UAAU,CAGxD,SAAS,0BAA0B,CAAC,KAAK,EAAE,GAAG;IAC9C,MAAM,KAAK,GAAG,iBAAiB,CAAiB,KAAK,CAAC,QAAQ,CAAC,CAAC;IAChE,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACjC,MAAM,SAAS,GAAG,UAAU,CAAC,0BAA0B,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1E,MAAM,qBAAqB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC;IAEhE,OAAO;IACL,iEAAiE;IACjE,6BACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,qBAAqB;QAE5B,oBAAC,QAAQ,OAAG,CACR,CACP,CAAC;AACJ,CAAC,CAAC,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 ToolSettings\n */\n\nimport \"./Overflow.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { useRefs, useResizeObserver } from \"@itwin/core-react\";\nimport { Ellipsis } from \"../base/Ellipsis\";\nimport { useLabel } from \"../base/NineZone\";\n\n/** Properties of [[ToolSettingsOverflow]] component.\n * @internal\n */\nexport interface DockedToolSettingsOverflowProps extends CommonProps {\n  /** Function called when button is clicked. */\n  onClick?: () => void;\n  /** Function called when button is resized. */\n  onResize?: (w: number) => void;\n}\n\n/** Entry point to overflown tool settings of [[DockedToolSettings]] component.\n * @internal\n */\nexport const DockedToolSettingsOverflow = React.forwardRef<\n  HTMLDivElement,\n  DockedToolSettingsOverflowProps\n>(function DockedToolSettingsOverflow(props, ref) {\n  const roRef = useResizeObserver<HTMLDivElement>(props.onResize);\n  const refs = useRefs(roRef, ref);\n  const className = classnames(\"nz-toolSettings-overflow\", props.className);\n  const moreToolSettingsTitle = useLabel(\"moreToolSettingsTitle\");\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n    <div\n      className={className}\n      onClick={props.onClick}\n      ref={refs}\n      style={props.style}\n      role=\"button\"\n      tabIndex={-1}\n      title={moreToolSettingsTitle}\n    >\n      <Ellipsis />\n    </div>\n  );\n});\n"]}

package/lib/esm/appui-react/layout/tool-settings/Overflow.scss

@@ -0,0 +1,28 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+
+.nz-toolSettings-overflow {
+  height: 100%;
+  width: 3em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: auto;
+  cursor: pointer;
+  flex-shrink: 0;
+
+  &:hover {
+    background: $buic-background-2;
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &.nz-hidden {
+    visibility: hidden;
+  }
+}

package/lib/esm/appui-react/layout/tool-settings/Panel.d.ts

@@ -0,0 +1,21 @@
+/** @packageDocumentation
+ * @module ToolSettings
+ */
+import "./Panel.scss";
+import * as React from "react";
+import type { CommonProps } from "@itwin/core-react";
+/** Properties of [[ToolSettingsOverflowPanel]] component.
+ * @internal
+ */
+export interface ToolSettingsOverflowPanelProps extends CommonProps {
+    /** Panel content. */
+    children?: React.ReactNode;
+    onClose: () => void;
+    target: HTMLElement | undefined;
+    open: boolean;
+}
+/** Displays overflown tool settings.
+ * @internal
+ */
+export declare function ToolSettingsOverflowPanel(props: ToolSettingsOverflowPanelProps): React.JSX.Element;
+//# sourceMappingURL=Panel.d.ts.map

package/lib/esm/appui-react/layout/tool-settings/Panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/tool-settings/Panel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD;;GAEG;AACH,MAAM,WAAW,8BAA+B,SAAQ,WAAW;IACjE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;CACf;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,qBAgBtC"}

package/lib/esm/appui-react/layout/tool-settings/Panel.js

@@ -0,0 +1,19 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ToolSettings
+ */
+import "./Panel.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { Popup } from "@itwin/core-react";
+/** Displays overflown tool settings.
+ * @internal
+ */
+export function ToolSettingsOverflowPanel(props) {
+    const className = classnames("nz-toolSettings-panel", props.className);
+    return (React.createElement(Popup, { className: className, isOpen: props.open, offset: 0, onClose: props.onClose, style: props.style, showShadow: true, target: props.target }, props.children));
+}
+//# sourceMappingURL=Panel.js.map

package/lib/esm/appui-react/layout/tool-settings/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/tool-settings/Panel.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAa1C;;GAEG;AACH,MAAM,UAAU,yBAAyB,CACvC,KAAqC;IAErC,MAAM,SAAS,GAAG,UAAU,CAAC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACvE,OAAO,CACL,oBAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,KAAK,CAAC,IAAI,EAClB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,QACV,MAAM,EAAE,KAAK,CAAC,MAAM,IAEnB,KAAK,CAAC,QAAQ,CACT,CACT,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 ToolSettings\n */\n\nimport \"./Panel.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Popup } from \"@itwin/core-react\";\n\n/** Properties of [[ToolSettingsOverflowPanel]] component.\n * @internal\n */\nexport interface ToolSettingsOverflowPanelProps extends CommonProps {\n  /** Panel content. */\n  children?: React.ReactNode;\n  onClose: () => void;\n  target: HTMLElement | undefined;\n  open: boolean;\n}\n\n/** Displays overflown tool settings.\n * @internal\n */\nexport function ToolSettingsOverflowPanel(\n  props: ToolSettingsOverflowPanelProps\n) {\n  const className = classnames(\"nz-toolSettings-panel\", props.className);\n  return (\n    <Popup\n      className={className}\n      isOpen={props.open}\n      offset={0}\n      onClose={props.onClose}\n      style={props.style}\n      showShadow\n      target={props.target}\n    >\n      {props.children}\n    </Popup>\n  );\n}\n"]}

package/lib/esm/appui-react/layout/tool-settings/Panel.scss

@@ -0,0 +1,11 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/z-index";
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+
+.nz-toolSettings-panel {
+  background: $buic-background-1;
+  padding: 0.5em;
+}

package/lib/esm/appui-react/layout/tool-settings/Setting.d.ts

@@ -0,0 +1,18 @@
+/** @packageDocumentation
+ * @module ToolSettings
+ */
+import "./Setting.scss";
+import * as React from "react";
+import type { CommonProps } from "@itwin/core-react";
+/** Properties of [[ToolSetting]] component.
+ * @internal
+ */
+export interface ToolSettingProps extends CommonProps {
+    /** Tool setting content. */
+    children?: React.ReactNode;
+}
+/** Used in a [[DockedToolSettings]] component to display a setting.
+ * @internal
+ */
+export declare function DockedToolSetting(props: ToolSettingProps): React.JSX.Element;
+//# sourceMappingURL=Setting.d.ts.map

package/lib/esm/appui-react/layout/tool-settings/Setting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Setting.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/tool-settings/Setting.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AAExB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,qBASxD"}