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

package/lib/esm/appui-react/preview/new-toolbars/Item.js

@@ -1,50 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toolbar
- */
-import * as React from "react";
-import { assert } from "@itwin/core-bentley";
-import { Icon } from "@itwin/core-react";
-import { IconButton } from "@itwin/itwinui-react";
-import { useConditionalProp } from "../../hooks/useConditionalProp";
-import { Badge } from "./Badge";
-import { ToolbarContext } from "./Toolbar";
-/** @internal */
-export const Item = React.forwardRef(function Item(props, ref) {
-    const { item, ...other } = props;
-    const label = useConditionalProp(item.label);
-    const isDisabled = useConditionalProp(item.isDisabled);
-    const isHidden = useConditionalProp(item.isHidden);
-    // eslint-disable-next-line deprecation/deprecation
-    const iconSpec = useConditionalProp(item.icon);
-    const labelProps = useLabelProps();
-    if (isHidden)
-        return null;
-    return (React.createElement(IconButton, { className: props.className, styleType: "borderless", disabled: isDisabled, isActive: item.isActive, label: label, labelProps: labelProps, style: props.style, ref: ref, ...other },
-        item.iconNode ?? React.createElement(Icon, { iconSpec: iconSpec }),
-        React.createElement(Badge, { badge: item.badge, badgeKind: item.badgeKind }),
-        props.children));
-});
-/** @internal */
-export function useExpandsTo() {
-    const context = React.useContext(ToolbarContext);
-    assert(!!context);
-    const { expandsTo } = context;
-    return expandsTo;
-}
-/** @internal */
-export function useLabelProps() {
-    const context = React.useContext(ToolbarContext);
-    const [internalVisible, setInternalVisible] = React.useState(false);
-    const visible = context?.popoverOpen ? false : internalVisible;
-    const placement = useExpandsTo();
-    return {
-        placement,
-        visible,
-        onVisibleChange: setInternalVisible,
-    };
-}
-//# sourceMappingURL=Item.js.map

package/lib/esm/appui-react/preview/new-toolbars/Item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/Item.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAQ3C,gBAAgB;AAChB,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,SAAS,IAAI,CAAC,KAAK,EAAE,GAAG;IACtB,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,KAAK,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACnD,mDAAmD;IACnD,MAAM,QAAQ,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,IAAI,QAAQ;QAAE,OAAO,IAAI,CAAC;IAC1B,OAAO,CACL,oBAAC,UAAU,IACT,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,GAAG,EAAE,GAAG,KACJ,KAAK;QAGR,IAAI,CAAC,QAAQ,IAAI,oBAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI;QAE9C,oBAAC,KAAK,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,GAAI;QACtD,KAAK,CAAC,QAAQ,CACJ,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB;AAChB,MAAM,UAAU,YAAY;IAC1B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IACjD,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAElB,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;IAC9B,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IACjD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,OAAO,GAAG,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC;IAC/D,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,OAAO;QACL,SAAS;QACT,OAAO;QACP,eAAe,EAAE,kBAAkB;KAC3B,CAAC;AACb,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 Toolbar\n */\n\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { Icon } from \"@itwin/core-react\";\nimport { IconButton } from \"@itwin/itwinui-react\";\nimport type { ToolbarItem } from \"../../toolbar/ToolbarItem\";\nimport { useConditionalProp } from \"../../hooks/useConditionalProp\";\nimport { Badge } from \"./Badge\";\nimport { ToolbarContext } from \"./Toolbar\";\n\n/** @internal */\nexport interface ItemProps\n  extends Partial<React.ComponentProps<typeof IconButton>> {\n  item: ToolbarItem;\n}\n\n/** @internal */\nexport const Item = React.forwardRef<HTMLButtonElement, ItemProps>(\n  function Item(props, ref) {\n    const { item, ...other } = props;\n    const label = useConditionalProp(item.label);\n    const isDisabled = useConditionalProp(item.isDisabled);\n    const isHidden = useConditionalProp(item.isHidden);\n    // eslint-disable-next-line deprecation/deprecation\n    const iconSpec = useConditionalProp(item.icon);\n    const labelProps = useLabelProps();\n\n    if (isHidden) return null;\n    return (\n      <IconButton\n        className={props.className}\n        styleType=\"borderless\"\n        disabled={isDisabled}\n        isActive={item.isActive}\n        label={label}\n        labelProps={labelProps}\n        style={props.style}\n        ref={ref}\n        {...other}\n      >\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        {item.iconNode ?? <Icon iconSpec={iconSpec} />}\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <Badge badge={item.badge} badgeKind={item.badgeKind} />\n        {props.children}\n      </IconButton>\n    );\n  }\n);\n\n/** @internal */\nexport function useExpandsTo() {\n  const context = React.useContext(ToolbarContext);\n  assert(!!context);\n\n  const { expandsTo } = context;\n  return expandsTo;\n}\n\n/** @internal */\nexport function useLabelProps() {\n  const context = React.useContext(ToolbarContext);\n  const [internalVisible, setInternalVisible] = React.useState(false);\n  const visible = context?.popoverOpen ? false : internalVisible;\n  const placement = useExpandsTo();\n  return {\n    placement,\n    visible,\n    onVisibleChange: setInternalVisible,\n  } as const;\n}\n"]}

package/lib/esm/appui-react/preview/new-toolbars/OverflowButton.d.ts

@@ -1,17 +0,0 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import * as React from "react";
-/** @internal */
-interface ToolGroupOverflow {
-    onClose?: () => void;
-}
-/** @internal */
-export declare const ToolGroupOverflowContext: React.Context<ToolGroupOverflow | undefined>;
-interface OverflowButtonProps {
-    children?: React.ReactNode;
-}
-/** @internal */
-export declare const OverflowButton: React.ForwardRefExoticComponent<OverflowButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export {};
-//# sourceMappingURL=OverflowButton.d.ts.map

package/lib/esm/appui-react/preview/new-toolbars/OverflowButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverflowButton.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/OverflowButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,gBAAgB;AAChB,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,gBAAgB;AAChB,eAAO,MAAM,wBAAwB,8CAEzB,CAAC;AAEb,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,gBAAgB;AAChB,eAAO,MAAM,cAAc,+FAgCzB,CAAC"}

package/lib/esm/appui-react/preview/new-toolbars/OverflowButton.js

@@ -1,34 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toolbar
- */
-import * as React from "react";
-import { DropdownMenu, IconButton } from "@itwin/itwinui-react";
-import { SvgMore } from "@itwin/itwinui-icons-react";
-import { useLabelProps } from "./Item";
-import { usePopoverPlacement } from "./GroupItem";
-import { ToolbarContext } from "./Toolbar";
-/** @internal */
-export const ToolGroupOverflowContext = React.createContext(undefined);
-/** @internal */
-export const OverflowButton = React.forwardRef(function OverflowButton(props, ref) {
-    const placement = usePopoverPlacement();
-    const labelProps = useLabelProps();
-    const context = React.useContext(ToolbarContext);
-    return (React.createElement(DropdownMenu, { menuItems: (close) => {
-            return [
-                React.createElement(OverflowMenu, { key: 0, onClose: close }, props.children),
-            ];
-        }, placement: placement, onVisibleChange: (newVisible) => {
-            context?.setPopoverOpen(newVisible);
-        } },
-        React.createElement(IconButton, { ref: ref, label: "More", labelProps: labelProps, styleType: "borderless" },
-            React.createElement(SvgMore, null))));
-});
-function OverflowMenu({ children, onClose }) {
-    return (React.createElement(ToolGroupOverflowContext.Provider, { value: { onClose } }, children));
-}
-//# sourceMappingURL=OverflowButton.js.map

package/lib/esm/appui-react/preview/new-toolbars/OverflowButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverflowButton.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/OverflowButton.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAO3C,gBAAgB;AAChB,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC,aAAa,CAEzD,SAAS,CAAC,CAAC;AAMb,gBAAgB;AAChB,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,SAAS,cAAc,CAAC,KAAK,EAAE,GAAG;IAClC,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAEjD,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,OAAO;gBACL,oBAAC,YAAY,IAAC,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,IACjC,KAAK,CAAC,QAAQ,CACF;aAChB,CAAC;QACJ,CAAC,EACD,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,CAAC,UAAU,EAAE,EAAE;YAC9B,OAAO,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;QACtC,CAAC;QAED,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,MAAM,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,YAAY;YAEtB,oBAAC,OAAO,OAAG,CACA,CACA,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAOH,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAqB;IAC5D,OAAO,CACL,oBAAC,wBAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAClD,QAAQ,CACyB,CACrC,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 Toolbar\n */\n\nimport * as React from \"react\";\nimport { DropdownMenu, IconButton } from \"@itwin/itwinui-react\";\nimport { SvgMore } from \"@itwin/itwinui-icons-react\";\nimport { useLabelProps } from \"./Item\";\nimport { usePopoverPlacement } from \"./GroupItem\";\nimport { ToolbarContext } from \"./Toolbar\";\n\n/** @internal */\ninterface ToolGroupOverflow {\n  onClose?: () => void;\n}\n\n/** @internal */\nexport const ToolGroupOverflowContext = React.createContext<\n  ToolGroupOverflow | undefined\n>(undefined);\n\ninterface OverflowButtonProps {\n  children?: React.ReactNode;\n}\n\n/** @internal */\nexport const OverflowButton = React.forwardRef<\n  HTMLButtonElement,\n  OverflowButtonProps\n>(function OverflowButton(props, ref) {\n  const placement = usePopoverPlacement();\n  const labelProps = useLabelProps();\n  const context = React.useContext(ToolbarContext);\n\n  return (\n    <DropdownMenu\n      menuItems={(close) => {\n        return [\n          <OverflowMenu key={0} onClose={close}>\n            {props.children}\n          </OverflowMenu>,\n        ];\n      }}\n      placement={placement}\n      onVisibleChange={(newVisible) => {\n        context?.setPopoverOpen(newVisible);\n      }}\n    >\n      <IconButton\n        ref={ref}\n        label=\"More\"\n        labelProps={labelProps}\n        styleType=\"borderless\"\n      >\n        <SvgMore />\n      </IconButton>\n    </DropdownMenu>\n  );\n});\n\ninterface OverflowMenuProps {\n  children?: React.ReactNode;\n  onClose?: () => void;\n}\n\nfunction OverflowMenu({ children, onClose }: OverflowMenuProps) {\n  return (\n    <ToolGroupOverflowContext.Provider value={{ onClose }}>\n      {children}\n    </ToolGroupOverflowContext.Provider>\n  );\n}\n"]}

package/lib/esm/appui-react/preview/new-toolbars/ToolGroup.d.ts

@@ -1,18 +0,0 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./ToolGroup.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-interface ToolGroupProps extends CommonProps {
-    children?: React.ReactNode;
-}
-/** @internal */
-export declare function ToolGroup({ children, className, ...props }: ToolGroupProps): React.JSX.Element;
-export declare namespace ToolGroup {
-    var ActionItem: React.ForwardRefExoticComponent<import("./ActionItem").ActionItemProps & React.RefAttributes<HTMLButtonElement>>;
-    var GroupItem: React.ForwardRefExoticComponent<import("./GroupItem").GroupItemProps & React.RefAttributes<HTMLButtonElement>>;
-    var CustomItem: React.ForwardRefExoticComponent<import("./CustomItem").CustomItemProps & React.RefAttributes<HTMLButtonElement>>;
-}
-export {};
-//# sourceMappingURL=ToolGroup.d.ts.map

package/lib/esm/appui-react/preview/new-toolbars/ToolGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolGroup.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/ToolGroup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAWrD,UAAU,cAAe,SAAQ,WAAW;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAID,gBAAgB;AAChB,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBA2E1E;yBA3Ee,SAAS"}

package/lib/esm/appui-react/preview/new-toolbars/ToolGroup.js

@@ -1,80 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./ToolGroup.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Surface } from "@itwin/itwinui-react";
-import { ActionItem } from "./ActionItem";
-import { GroupItem } from "./GroupItem";
-import { CustomItem } from "./CustomItem";
-import { OverflowButton } from "./OverflowButton";
-import { useOverflow } from "./useOverflow";
-import { getChildKey } from "../../layout/tool-settings/Docked";
-import { ToolbarContext } from "./Toolbar";
-/** @internal */
-export function ToolGroup({ children, className, ...props }) {
-    const context = React.useContext(ToolbarContext);
-    const expandsTo = context?.expandsTo ?? "bottom";
-    const panelAlignment = context?.panelAlignment ?? "start";
-    const orientation = getOrientation(expandsTo);
-    const childrenArray = React.Children.toArray(children);
-    const keyToChildMap = childrenArray.reduce((acc, child, index) => {
-        const childKey = getChildKey(child, index);
-        acc.set(childKey, child);
-        return acc;
-    }, new Map());
-    const childrenKeys = Array.from(keyToChildMap.keys());
-    const itemRefs = React.useRef(new Map());
-    const overflowRef = React.useRef(null);
-    const getItemSize = React.useCallback((item) => {
-        const element = itemRefs.current.get(item);
-        if (!element)
-            return { width: 0, height: 0 };
-        return element.getBoundingClientRect();
-    }, []);
-    const getOverflowSize = React.useCallback(() => {
-        const element = overflowRef.current;
-        if (!element)
-            return { width: 0, height: 0 };
-        return element.getBoundingClientRect();
-    }, []);
-    const [containerRef, componentRef, visibleCount, renderOverflow] = useOverflow(childrenKeys, orientation, getItemSize, getOverflowSize);
-    const keyToChildEntries = Array.from(keyToChildMap.entries());
-    const visibleChildren = keyToChildEntries.slice(0, visibleCount);
-    const overflown = keyToChildEntries.slice(visibleCount);
-    return (React.createElement("div", { className: classnames("uifw-toolbar-group-toolGroup_container", `uifw-${orientation}`, `uifw-${panelAlignment}`, className), ref: containerRef },
-        React.createElement(Surface, { className: classnames("uifw-toolbar-group-toolGroup", `uifw-${orientation}`), ref: componentRef, ...props },
-            visibleChildren.map(([item, child]) => {
-                if (!React.isValidElement(child))
-                    return child;
-                return React.cloneElement(child, {
-                    ref: (el) => {
-                        if (!el) {
-                            itemRefs.current.delete(item);
-                            return;
-                        }
-                        itemRefs.current.set(item, el);
-                    },
-                });
-            }),
-            renderOverflow && (React.createElement(OverflowButton, { ref: overflowRef }, overflown.map(([_, child]) => child))))));
-}
-ToolGroup.ActionItem = ActionItem;
-ToolGroup.GroupItem = GroupItem;
-ToolGroup.CustomItem = CustomItem;
-function getOrientation(expandsTo) {
-    switch (expandsTo) {
-        case "left":
-        case "right":
-            return "vertical";
-        case "top":
-        case "bottom":
-            return "horizontal";
-    }
-}
-//# sourceMappingURL=ToolGroup.js.map

package/lib/esm/appui-react/preview/new-toolbars/ToolGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolGroup.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/ToolGroup.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 Toolbar\n */\n\nimport \"./ToolGroup.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Surface } from \"@itwin/itwinui-react\";\nimport { ActionItem } from \"./ActionItem\";\nimport { GroupItem } from \"./GroupItem\";\nimport { CustomItem } from \"./CustomItem\";\nimport { OverflowButton } from \"./OverflowButton\";\nimport { useOverflow } from \"./useOverflow\";\nimport { getChildKey } from \"../../layout/tool-settings/Docked\";\nimport { ToolbarContext } from \"./Toolbar\";\n\n// eslint-disable-next-line deprecation/deprecation\ninterface ToolGroupProps extends CommonProps {\n  children?: React.ReactNode;\n}\n\ntype Child = ReturnType<typeof React.Children.toArray>[0];\n\n/** @internal */\nexport function ToolGroup({ children, className, ...props }: ToolGroupProps) {\n  const context = React.useContext(ToolbarContext);\n  const expandsTo = context?.expandsTo ?? \"bottom\";\n  const panelAlignment = context?.panelAlignment ?? \"start\";\n  const orientation = getOrientation(expandsTo);\n  const childrenArray = React.Children.toArray(children);\n\n  const keyToChildMap = childrenArray.reduce<Map<string, Child>>(\n    (acc, child, index) => {\n      const childKey = getChildKey(child, index);\n      acc.set(childKey, child);\n      return acc;\n    },\n    new Map()\n  );\n  const childrenKeys = Array.from(keyToChildMap.keys());\n  const itemRefs = React.useRef<Map<string, Element>>(new Map());\n  const overflowRef = React.useRef<HTMLButtonElement>(null);\n\n  const getItemSize = React.useCallback((item: string) => {\n    const element = itemRefs.current.get(item);\n    if (!element) return { width: 0, height: 0 };\n    return element.getBoundingClientRect();\n  }, []);\n  const getOverflowSize = React.useCallback(() => {\n    const element = overflowRef.current;\n    if (!element) return { width: 0, height: 0 };\n    return element.getBoundingClientRect();\n  }, []);\n\n  const [containerRef, componentRef, visibleCount, renderOverflow] =\n    useOverflow(childrenKeys, orientation, getItemSize, getOverflowSize);\n\n  const keyToChildEntries = Array.from(keyToChildMap.entries());\n  const visibleChildren = keyToChildEntries.slice(0, visibleCount);\n  const overflown = keyToChildEntries.slice(visibleCount);\n  return (\n    <div\n      className={classnames(\n        \"uifw-toolbar-group-toolGroup_container\",\n        `uifw-${orientation}`,\n        `uifw-${panelAlignment}`,\n        className\n      )}\n      ref={containerRef}\n    >\n      <Surface\n        className={classnames(\n          \"uifw-toolbar-group-toolGroup\",\n          `uifw-${orientation}`\n        )}\n        ref={componentRef}\n        {...props}\n      >\n        {visibleChildren.map(([item, child]) => {\n          if (!React.isValidElement<{ ref: React.Ref<Element> }>(child))\n            return child;\n          return React.cloneElement(child, {\n            ref: (el: Element | null) => {\n              if (!el) {\n                itemRefs.current.delete(item);\n                return;\n              }\n              itemRefs.current.set(item, el);\n            },\n          });\n        })}\n        {renderOverflow && (\n          <OverflowButton ref={overflowRef}>\n            {overflown.map(([_, child]) => child)}\n          </OverflowButton>\n        )}\n      </Surface>\n    </div>\n  );\n}\n\nToolGroup.ActionItem = ActionItem;\nToolGroup.GroupItem = GroupItem;\nToolGroup.CustomItem = CustomItem;\n\ntype ToolbarContextProps = React.ContextType<typeof ToolbarContext>;\n\nfunction getOrientation(\n  expandsTo: NonNullable<ToolbarContextProps>[\"expandsTo\"]\n) {\n  switch (expandsTo) {\n    case \"left\":\n    case \"right\":\n      return \"vertical\";\n    case \"top\":\n    case \"bottom\":\n      return \"horizontal\";\n  }\n}\n"]}

package/lib/esm/appui-react/preview/new-toolbars/ToolGroup.scss

@@ -1,47 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-.uifw-toolbar-group-toolGroup_container {
-  flex: 1 1 100%;
-  min-width: 0;
-
-  &.uifw-vertical {
-    height: 100%;
-  }
-
-  &.uifw-end {
-    display: flex;
-    justify-content: flex-end;
-  }
-}
-
-.uifw-toolbar-group-toolGroup {
-  display: flex;
-  width: fit-content;
-  height: fit-content;
-  border-color: var(--iui-color-border-foreground);
-  transition: border-color var(--iui-duration-1) ease;
-  // TODO: needed due to opacity on toolbar container (since pointer events are disabled for center content).
-  pointer-events: all;
-
-  @supports (backdrop-filter: blur(5px)) {
-    background-color: hsl(
-      var(--iui-color-background-hsl) / var(--iui-opacity-2)
-    );
-    backdrop-filter: blur(5px);
-  }
-
-  &.uifw-vertical {
-    flex-direction: column;
-  }
-
-  &:hover,
-  &:focus-within {
-    border-color: var(--iui-color-border-foreground-hover);
-  }
-
-  &:empty {
-    display: none;
-  }
-}

package/lib/esm/appui-react/preview/new-toolbars/Toolbar.d.ts

@@ -1,23 +0,0 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import * as React from "react";
-import type { ToolbarItem } from "../../toolbar/ToolbarItem";
-interface ToolbarProps {
-    /** Definitions for items of the toolbar. */
-    items: ToolbarItem[];
-    /** Describes direction to which the panels are expanded. Orientation of the toolbar is determined based on this prop. Defaults to `bottom`.  */
-    expandsTo?: "top" | "bottom" | "left" | "right";
-    /** Describes how panels are aligned. Defaults to `start`. */
-    panelAlignment?: "start" | "end";
-}
-/** @internal */
-export declare function Toolbar({ items, expandsTo, panelAlignment, }: ToolbarProps): React.JSX.Element;
-interface ToolbarContextProps extends Pick<Required<ToolbarProps>, "expandsTo" | "panelAlignment"> {
-    popoverOpen: boolean;
-    setPopoverOpen: React.Dispatch<React.SetStateAction<boolean>>;
-}
-/** @internal */
-export declare const ToolbarContext: React.Context<ToolbarContextProps | undefined>;
-export {};
-//# sourceMappingURL=Toolbar.d.ts.map

package/lib/esm/appui-react/preview/new-toolbars/Toolbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/Toolbar.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAQ7D,UAAU,YAAY;IACpB,4CAA4C;IAC5C,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,gJAAgJ;IAChJ,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAClC;AAED,gBAAgB;AAChB,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,SAAoB,EACpB,cAAwB,GACzB,EAAE,YAAY,qBA2Bd;AAED,UAAU,mBACR,SAAQ,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,GAAG,gBAAgB,CAAC;IACpE,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/D;AAED,gBAAgB;AAChB,eAAO,MAAM,cAAc,gDAEf,CAAC"}

package/lib/esm/appui-react/preview/new-toolbars/Toolbar.js

@@ -1,36 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toolbar
- */
-import * as React from "react";
-import { isToolbarActionItem, isToolbarCustomItem, isToolbarGroupItem, } from "../../toolbar/ToolbarItem";
-import { ToolGroup } from "./ToolGroup";
-/** @internal */
-export function Toolbar({ items, expandsTo = "bottom", panelAlignment = "start", }) {
-    const [popoverOpen, setPopoverOpen] = React.useState(false);
-    return (React.createElement(ToolbarContext.Provider, { value: {
-            expandsTo,
-            panelAlignment,
-            popoverOpen,
-            setPopoverOpen,
-        } },
-        React.createElement(ToolGroup, null, items.map((item) => {
-            if (isToolbarActionItem(item)) {
-                return React.createElement(ToolGroup.ActionItem, { key: item.id, item: item });
-            }
-            if (isToolbarGroupItem(item)) {
-                return React.createElement(ToolGroup.GroupItem, { key: item.id, item: item });
-            }
-            if (isToolbarCustomItem(item)) {
-                return React.createElement(ToolGroup.CustomItem, { key: item.id, item: item });
-            }
-            return null;
-        }))));
-}
-/** @internal */
-export const ToolbarContext = React.createContext(undefined);
-ToolbarContext.displayName = "uifw:ToolbarContext";
-//# sourceMappingURL=Toolbar.js.map

package/lib/esm/appui-react/preview/new-toolbars/Toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/Toolbar.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAWxC,gBAAgB;AAChB,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,SAAS,GAAG,QAAQ,EACpB,cAAc,GAAG,OAAO,GACX;IACb,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;YACL,SAAS;YACT,cAAc;YACd,WAAW;YACX,cAAc;SACf;QAED,oBAAC,SAAS,QACP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAClB,IAAI,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC9B,OAAO,oBAAC,SAAS,CAAC,UAAU,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;YAC5D,CAAC;YACD,IAAI,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC7B,OAAO,oBAAC,SAAS,CAAC,SAAS,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;YAC3D,CAAC;YACD,IAAI,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC9B,OAAO,oBAAC,SAAS,CAAC,UAAU,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;YAC5D,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CACQ,CACY,CAC3B,CAAC;AACJ,CAAC;AAQD,gBAAgB;AAChB,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAE/C,SAAS,CAAC,CAAC;AACb,cAAc,CAAC,WAAW,GAAG,qBAAqB,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 Toolbar\n */\n\nimport * as React from \"react\";\nimport type { ToolbarItem } from \"../../toolbar/ToolbarItem\";\nimport {\n  isToolbarActionItem,\n  isToolbarCustomItem,\n  isToolbarGroupItem,\n} from \"../../toolbar/ToolbarItem\";\nimport { ToolGroup } from \"./ToolGroup\";\n\ninterface ToolbarProps {\n  /** Definitions for items of the toolbar. */\n  items: ToolbarItem[];\n  /** Describes direction to which the panels are expanded. Orientation of the toolbar is determined based on this prop. Defaults to `bottom`.  */\n  expandsTo?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  /** Describes how panels are aligned. Defaults to `start`. */\n  panelAlignment?: \"start\" | \"end\";\n}\n\n/** @internal */\nexport function Toolbar({\n  items,\n  expandsTo = \"bottom\",\n  panelAlignment = \"start\",\n}: ToolbarProps) {\n  const [popoverOpen, setPopoverOpen] = React.useState(false);\n  return (\n    <ToolbarContext.Provider\n      value={{\n        expandsTo,\n        panelAlignment,\n        popoverOpen,\n        setPopoverOpen,\n      }}\n    >\n      <ToolGroup>\n        {items.map((item) => {\n          if (isToolbarActionItem(item)) {\n            return <ToolGroup.ActionItem key={item.id} item={item} />;\n          }\n          if (isToolbarGroupItem(item)) {\n            return <ToolGroup.GroupItem key={item.id} item={item} />;\n          }\n          if (isToolbarCustomItem(item)) {\n            return <ToolGroup.CustomItem key={item.id} item={item} />;\n          }\n          return null;\n        })}\n      </ToolGroup>\n    </ToolbarContext.Provider>\n  );\n}\n\ninterface ToolbarContextProps\n  extends Pick<Required<ToolbarProps>, \"expandsTo\" | \"panelAlignment\"> {\n  popoverOpen: boolean;\n  setPopoverOpen: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\n/** @internal */\nexport const ToolbarContext = React.createContext<\n  ToolbarContextProps | undefined\n>(undefined);\nToolbarContext.displayName = \"uifw:ToolbarContext\";\n"]}

package/lib/esm/appui-react/preview/new-toolbars/useOverflow.d.ts

@@ -1,9 +0,0 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import type { SizeProps } from "../../utils/SizeProps";
-type Orientation = "horizontal" | "vertical";
-/** @internal */
-export declare const useOverflow: <TContainer extends HTMLElement, TComponent extends HTMLElement>(allItems: ReadonlyArray<string>, orientation: Orientation, getItemSize: (item: string) => SizeProps, getOverflowSize: () => SizeProps) => readonly [(instance: Element | null) => void, (instance: Element | null) => void, number, boolean];
-export {};
-//# sourceMappingURL=useOverflow.d.ts.map

package/lib/esm/appui-react/preview/new-toolbars/useOverflow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOverflow.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/useOverflow.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAE7C,gBAAgB;AAChB,eAAO,MAAM,WAAW,6EAIZ,cAAc,MAAM,CAAC,eAClB,WAAW,sBACJ,MAAM,KAAK,SAAS,mBACvB,MAAM,SAAS,uGA2FjC,CAAC"}

package/lib/esm/appui-react/preview/new-toolbars/useOverflow.js

@@ -1,89 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toolbar
- */
-import * as React from "react";
-import { useResizeObserver } from "@itwin/core-react";
-/** @internal */
-export const useOverflow = (allItems, orientation, getItemSize, getOverflowSize) => {
-    const [visible, setVisible] = React.useState(allItems.length);
-    const [calculate, setCalculate] = React.useState(false);
-    const containerSizeRef = React.useRef();
-    const componentSizeRef = React.useRef();
-    const [prevOrientation, setPrevOrientation] = React.useState(orientation);
-    if (prevOrientation !== orientation) {
-        setPrevOrientation(orientation);
-        setCalculate(true);
-    }
-    React.useLayoutEffect(() => {
-        setCalculate(false);
-        if (!calculate)
-            return;
-        const containerSize = containerSizeRef.current
-            ? getLength(containerSizeRef.current, orientation)
-            : undefined;
-        if (containerSize === undefined)
-            return;
-        const componentSize = componentSizeRef.current
-            ? getLength(componentSizeRef.current, orientation)
-            : undefined;
-        if (componentSize === undefined)
-            return;
-        const itemSizes = allItems.map((item) => {
-            const size = getItemSize(item);
-            return getLength(size, orientation);
-        });
-        const overflowSize = getLength(getOverflowSize(), orientation);
-        const otherSize = itemSizes.reduce((acc, size) => acc + size, 0);
-        if (otherSize < containerSize) {
-            // No overflow.
-            setVisible(itemSizes.length);
-            return;
-        }
-        let totalSize = overflowSize;
-        if (totalSize >= containerSize) {
-            // Render only overflow.
-            setVisible(0);
-            return;
-        }
-        let newVisible = 0;
-        for (const size of itemSizes) {
-            totalSize += size;
-            if (totalSize >= containerSize) {
-                break;
-            }
-            newVisible++;
-        }
-        setVisible(newVisible);
-    }, [calculate, allItems, getItemSize, getOverflowSize, orientation]);
-    const containerRoRef = useResizeObserver(React.useCallback((width, height) => {
-        const length = containerSizeRef.current
-            ? getLength(containerSizeRef.current, orientation)
-            : undefined;
-        containerSizeRef.current = { width, height };
-        const newLength = getLength(containerSizeRef.current, orientation);
-        if (newLength === length)
-            return;
-        setCalculate(true);
-    }, [orientation]));
-    const componentRoRef = useResizeObserver(React.useCallback((width, height) => {
-        const length = componentSizeRef.current
-            ? getLength(componentSizeRef.current, orientation)
-            : undefined;
-        componentSizeRef.current = { width, height };
-        const newLength = getLength(componentSizeRef.current, orientation);
-        if (newLength === length)
-            return;
-        setCalculate(true);
-    }, [orientation]));
-    const overflow = calculate || visible < allItems.length;
-    const visibleItems = calculate ? allItems.length : visible;
-    return [containerRoRef, componentRoRef, visibleItems, overflow];
-};
-function getLength(size, orientation) {
-    return orientation === "horizontal" ? size.width : size.height;
-}
-//# sourceMappingURL=useOverflow.js.map

package/lib/esm/appui-react/preview/new-toolbars/useOverflow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOverflow.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/new-toolbars/useOverflow.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAKtD,gBAAgB;AAChB,MAAM,CAAC,MAAM,WAAW,GAAG,CAIzB,QAA+B,EAC/B,WAAwB,EACxB,WAAwC,EACxC,eAAgC,EAChC,EAAE;IACF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,EAAa,CAAC;IACnD,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,EAAa,CAAC;IAEnD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC1E,IAAI,eAAe,KAAK,WAAW,EAAE,CAAC;QACpC,kBAAkB,CAAC,WAAW,CAAC,CAAC;QAChC,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC;IAED,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO;YAC5C,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC;YAClD,CAAC,CAAC,SAAS,CAAC;QACd,IAAI,aAAa,KAAK,SAAS;YAAE,OAAO;QAExC,MAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO;YAC5C,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC;YAClD,CAAC,CAAC,SAAS,CAAC;QACd,IAAI,aAAa,KAAK,SAAS;YAAE,OAAO;QAExC,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACtC,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;YAC/B,OAAO,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;QACH,MAAM,YAAY,GAAG,SAAS,CAAC,eAAe,EAAE,EAAE,WAAW,CAAC,CAAC;QAE/D,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC;QACjE,IAAI,SAAS,GAAG,aAAa,EAAE,CAAC;YAC9B,eAAe;YACf,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YAC7B,OAAO;QACT,CAAC;QAED,IAAI,SAAS,GAAG,YAAY,CAAC;QAC7B,IAAI,SAAS,IAAI,aAAa,EAAE,CAAC;YAC/B,wBAAwB;YACxB,UAAU,CAAC,CAAC,CAAC,CAAC;YACd,OAAO;QACT,CAAC;QAED,IAAI,UAAU,GAAG,CAAC,CAAC;QACnB,KAAK,MAAM,IAAI,IAAI,SAAS,EAAE,CAAC;YAC7B,SAAS,IAAI,IAAI,CAAC;YAClB,IAAI,SAAS,IAAI,aAAa,EAAE,CAAC;gBAC/B,MAAM;YACR,CAAC;YACD,UAAU,EAAE,CAAC;QACf,CAAC;QACD,UAAU,CAAC,UAAU,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC;IACrE,MAAM,cAAc,GAAG,iBAAiB,CACtC,KAAK,CAAC,WAAW,CACf,CAAC,KAAa,EAAE,MAAc,EAAE,EAAE;QAChC,MAAM,MAAM,GAAG,gBAAgB,CAAC,OAAO;YACrC,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC;YAClD,CAAC,CAAC,SAAS,CAAC;QACd,gBAAgB,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAC7C,MAAM,SAAS,GAAG,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEnE,IAAI,SAAS,KAAK,MAAM;YAAE,OAAO;QACjC,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CACF,CAAC;IACF,MAAM,cAAc,GAAG,iBAAiB,CACtC,KAAK,CAAC,WAAW,CACf,CAAC,KAAa,EAAE,MAAc,EAAE,EAAE;QAChC,MAAM,MAAM,GAAG,gBAAgB,CAAC,OAAO;YACrC,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC;YAClD,CAAC,CAAC,SAAS,CAAC;QACd,gBAAgB,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAC7C,MAAM,SAAS,GAAG,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEnE,IAAI,SAAS,KAAK,MAAM;YAAE,OAAO;QACjC,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CACF,CAAC;IAEF,MAAM,QAAQ,GAAG,SAAS,IAAI,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC;IACxD,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAC3D,OAAO,CAAC,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,QAAQ,CAAU,CAAC;AAC3E,CAAC,CAAC;AAEF,SAAS,SAAS,CAChB,IAAuC,EACvC,WAAwB;IAExB,OAAO,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;AACjE,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 Toolbar\n */\n\nimport * as React from \"react\";\nimport { useResizeObserver } from \"@itwin/core-react\";\nimport type { SizeProps } from \"../../utils/SizeProps\";\n\ntype Orientation = \"horizontal\" | \"vertical\";\n\n/** @internal */\nexport const useOverflow = <\n  TContainer extends HTMLElement,\n  TComponent extends HTMLElement\n>(\n  allItems: ReadonlyArray<string>,\n  orientation: Orientation,\n  getItemSize: (item: string) => SizeProps,\n  getOverflowSize: () => SizeProps\n) => {\n  const [visible, setVisible] = React.useState(allItems.length);\n  const [calculate, setCalculate] = React.useState(false);\n  const containerSizeRef = React.useRef<SizeProps>();\n  const componentSizeRef = React.useRef<SizeProps>();\n\n  const [prevOrientation, setPrevOrientation] = React.useState(orientation);\n  if (prevOrientation !== orientation) {\n    setPrevOrientation(orientation);\n    setCalculate(true);\n  }\n\n  React.useLayoutEffect(() => {\n    setCalculate(false);\n    if (!calculate) return;\n\n    const containerSize = containerSizeRef.current\n      ? getLength(containerSizeRef.current, orientation)\n      : undefined;\n    if (containerSize === undefined) return;\n\n    const componentSize = componentSizeRef.current\n      ? getLength(componentSizeRef.current, orientation)\n      : undefined;\n    if (componentSize === undefined) return;\n\n    const itemSizes = allItems.map((item) => {\n      const size = getItemSize(item);\n      return getLength(size, orientation);\n    });\n    const overflowSize = getLength(getOverflowSize(), orientation);\n\n    const otherSize = itemSizes.reduce((acc, size) => acc + size, 0);\n    if (otherSize < containerSize) {\n      // No overflow.\n      setVisible(itemSizes.length);\n      return;\n    }\n\n    let totalSize = overflowSize;\n    if (totalSize >= containerSize) {\n      // Render only overflow.\n      setVisible(0);\n      return;\n    }\n\n    let newVisible = 0;\n    for (const size of itemSizes) {\n      totalSize += size;\n      if (totalSize >= containerSize) {\n        break;\n      }\n      newVisible++;\n    }\n    setVisible(newVisible);\n  }, [calculate, allItems, getItemSize, getOverflowSize, orientation]);\n  const containerRoRef = useResizeObserver<TContainer>(\n    React.useCallback(\n      (width: number, height: number) => {\n        const length = containerSizeRef.current\n          ? getLength(containerSizeRef.current, orientation)\n          : undefined;\n        containerSizeRef.current = { width, height };\n        const newLength = getLength(containerSizeRef.current, orientation);\n\n        if (newLength === length) return;\n        setCalculate(true);\n      },\n      [orientation]\n    )\n  );\n  const componentRoRef = useResizeObserver<TComponent>(\n    React.useCallback(\n      (width: number, height: number) => {\n        const length = componentSizeRef.current\n          ? getLength(componentSizeRef.current, orientation)\n          : undefined;\n        componentSizeRef.current = { width, height };\n        const newLength = getLength(componentSizeRef.current, orientation);\n\n        if (newLength === length) return;\n        setCalculate(true);\n      },\n      [orientation]\n    )\n  );\n\n  const overflow = calculate || visible < allItems.length;\n  const visibleItems = calculate ? allItems.length : visible;\n  return [containerRoRef, componentRoRef, visibleItems, overflow] as const;\n};\n\nfunction getLength(\n  size: { width: number; height: number },\n  orientation: Orientation\n) {\n  return orientation === \"horizontal\" ? size.width : size.height;\n}\n"]}

package/lib/esm/appui-react/preview/reparent-popout-widgets/PopoutThemeProvider.d.ts

@@ -1,11 +0,0 @@
-/** @packageDocumentation
- * @module Widget
- */
-import "./PopoutThemeProvider.scss";
-import * as React from "react";
-/** Theme provider is required to open floating/popover elements in a popout widget window (instead of a main window).
- * @note iTwinUI v2 `ThemeProvider` is not used because of https://github.com/iTwin/appui/issues/612
- * @internal
- */
-export declare function PopoutThemeProvider({ children }: React.PropsWithChildren<{}>): React.JSX.Element;
-//# sourceMappingURL=PopoutThemeProvider.d.ts.map

package/lib/esm/appui-react/preview/reparent-popout-widgets/PopoutThemeProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoutThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/reparent-popout-widgets/PopoutThemeProvider.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,qBA8B5E"}

package/lib/esm/appui-react/preview/reparent-popout-widgets/PopoutThemeProvider.js

@@ -1,40 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-import "./PopoutThemeProvider.scss";
-import * as React from "react";
-import { ThemeProvider } from "@itwin/itwinui-react";
-import { TabIdContext } from "../../layout/widget/ContentRenderer";
-import { useLayoutStore } from "../../layout/base/LayoutStore";
-import { getTabLocation, isPopoutTabLocation, } from "../../layout/state/TabLocation";
-import { usePopoutsStore } from "./usePopoutsStore";
-/** Theme provider is required to open floating/popover elements in a popout widget window (instead of a main window).
- * @note iTwinUI v2 `ThemeProvider` is not used because of https://github.com/iTwin/appui/issues/612
- * @internal
- */
-export function PopoutThemeProvider({ children }) {
-    const tabId = React.useContext(TabIdContext);
-    const layoutStore = useLayoutStore();
-    const stateRef = React.useRef(layoutStore.getState());
-    React.useEffect(() => layoutStore.subscribe((state) => (stateRef.current = state)), [layoutStore]);
-    const portalContainer = usePopoutsStore((state) => {
-        if (!tabId)
-            return undefined;
-        const tabLocation = getTabLocation(stateRef.current, tabId);
-        if (!tabLocation)
-            return undefined;
-        if (!isPopoutTabLocation(tabLocation))
-            return undefined;
-        const popout = state.popouts[tabLocation.popoutWidgetId];
-        if (!popout)
-            return undefined;
-        const container = popout.ownerDocument.querySelector(".uifw-childwindow-internalChildWindowManager_portalContainer");
-        return container ?? undefined;
-    });
-    return (React.createElement(ThemeProvider, { portalContainer: portalContainer, className: "uifw-preview-reparentPopoutWidgets-popoutThemeProvider" }, children));
-}
-//# sourceMappingURL=PopoutThemeProvider.js.map

package/lib/esm/appui-react/preview/reparent-popout-widgets/PopoutThemeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoutThemeProvider.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/reparent-popout-widgets/PopoutThemeProvider.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EACL,cAAc,EACd,mBAAmB,GACpB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAE,QAAQ,EAA+B;IAC3E,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtD,KAAK,CAAC,SAAS,CACb,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,EAClE,CAAC,WAAW,CAAC,CACd,CAAC;IACF,MAAM,eAAe,GAAG,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE;QAChD,IAAI,CAAC,KAAK;YAAE,OAAO,SAAS,CAAC;QAC7B,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAC5D,IAAI,CAAC,WAAW;YAAE,OAAO,SAAS,CAAC;QACnC,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC;YAAE,OAAO,SAAS,CAAC;QACxD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QACzD,IAAI,CAAC,MAAM;YAAE,OAAO,SAAS,CAAC;QAE9B,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,aAAa,CAClD,8DAA8D,CAC/D,CAAC;QACF,OAAO,SAAS,IAAI,SAAS,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,aAAa,IACZ,eAAe,EAAE,eAAe,EAChC,SAAS,EAAC,wDAAwD,IAEjE,QAAQ,CACK,CACjB,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 Widget\n */\n\nimport \"./PopoutThemeProvider.scss\";\nimport * as React from \"react\";\nimport { ThemeProvider } from \"@itwin/itwinui-react\";\nimport { TabIdContext } from \"../../layout/widget/ContentRenderer\";\nimport { useLayoutStore } from \"../../layout/base/LayoutStore\";\nimport {\n  getTabLocation,\n  isPopoutTabLocation,\n} from \"../../layout/state/TabLocation\";\nimport { usePopoutsStore } from \"./usePopoutsStore\";\n\n/** Theme provider is required to open floating/popover elements in a popout widget window (instead of a main window).\n * @note iTwinUI v2 `ThemeProvider` is not used because of https://github.com/iTwin/appui/issues/612\n * @internal\n */\nexport function PopoutThemeProvider({ children }: React.PropsWithChildren<{}>) {\n  const tabId = React.useContext(TabIdContext);\n  const layoutStore = useLayoutStore();\n  const stateRef = React.useRef(layoutStore.getState());\n  React.useEffect(\n    () => layoutStore.subscribe((state) => (stateRef.current = state)),\n    [layoutStore]\n  );\n  const portalContainer = usePopoutsStore((state) => {\n    if (!tabId) return undefined;\n    const tabLocation = getTabLocation(stateRef.current, tabId);\n    if (!tabLocation) return undefined;\n    if (!isPopoutTabLocation(tabLocation)) return undefined;\n    const popout = state.popouts[tabLocation.popoutWidgetId];\n    if (!popout) return undefined;\n\n    const container = popout.ownerDocument.querySelector<HTMLDivElement>(\n      \".uifw-childwindow-internalChildWindowManager_portalContainer\"\n    );\n    return container ?? undefined;\n  });\n\n  return (\n    <ThemeProvider\n      portalContainer={portalContainer}\n      className=\"uifw-preview-reparentPopoutWidgets-popoutThemeProvider\"\n    >\n      {children}\n    </ThemeProvider>\n  );\n}\n"]}

package/lib/esm/appui-react/preview/reparent-popout-widgets/PopoutThemeProvider.scss

@@ -1,7 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-.uifw-preview-reparentPopoutWidgets-popoutThemeProvider {
-  height: 100%;
-}

package/lib/esm/appui-react/preview/reparent-popout-widgets/PopoutWidget.d.ts

@@ -1,7 +0,0 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-/** @internal */
-export declare function PopoutWidget(): React.ReactPortal | null;
-//# sourceMappingURL=PopoutWidget.d.ts.map

package/lib/esm/appui-react/preview/reparent-popout-widgets/PopoutWidget.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoutWidget.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/preview/reparent-popout-widgets/PopoutWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,gBAAgB;AAChB,wBAAgB,YAAY,6BAO3B"}

package/lib/esm/appui-react/preview/reparent-popout-widgets/PopoutWidget.js

@@ -1,21 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import { WidgetIdContext } from "../../layout/widget/Widget";
-import { WidgetContentContainer } from "../../layout/widget/ContentContainer";
-import { usePopoutsStore } from "./usePopoutsStore";
-/** @internal */
-export function PopoutWidget() {
-    const widgetId = React.useContext(WidgetIdContext);
-    const popoutContainer = usePopoutsStore((state) => widgetId ? state.popouts[widgetId] : undefined);
-    if (!popoutContainer)
-        return null;
-    return ReactDOM.createPortal(React.createElement(WidgetContentContainer, null), popoutContainer);
-}
-//# sourceMappingURL=PopoutWidget.js.map

package/lib/esm/appui-react/preview/reparent-popout-widgets/PopoutWidget.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoutWidget.js","sourceRoot":"","sources":["../../../../../src/appui-react/preview/reparent-popout-widgets/PopoutWidget.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,gBAAgB;AAChB,MAAM,UAAU,YAAY;IAC1B,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACnD,MAAM,eAAe,GAAG,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAChD,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAC/C,CAAC;IACF,IAAI,CAAC,eAAe;QAAE,OAAO,IAAI,CAAC;IAClC,OAAO,QAAQ,CAAC,YAAY,CAAC,oBAAC,sBAAsB,OAAG,EAAE,eAAe,CAAC,CAAC;AAC5E,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 Widget\n */\n\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { WidgetIdContext } from \"../../layout/widget/Widget\";\nimport { WidgetContentContainer } from \"../../layout/widget/ContentContainer\";\nimport { usePopoutsStore } from \"./usePopoutsStore\";\n\n/** @internal */\nexport function PopoutWidget() {\n  const widgetId = React.useContext(WidgetIdContext);\n  const popoutContainer = usePopoutsStore((state) =>\n    widgetId ? state.popouts[widgetId] : undefined\n  );\n  if (!popoutContainer) return null;\n  return ReactDOM.createPortal(<WidgetContentContainer />, popoutContainer);\n}\n"]}