@itwin/components-react 4.3.0 → 4.4.0

package/lib/cjs/components-react/toolbar/Toolbar.js

@@ -29,85 +29,18 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toolbar = void 0;
 require("./Toolbar.scss");
-const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
-const Items_1 = require("./Items");
-const Direction_1 = require("./utilities/Direction");
-const ToolbarWithOverflow_1 = require("./ToolbarWithOverflow");
-function getItemWrapperClass(child) {
-    // istanbul ignore else
-    if (React.isValidElement(child)) {
-        if (child.props && child.props.addGroupSeparator)
-            return "components-toolbar-button-add-gap-before";
-    }
-    return "";
-}
+const InternalToolbarComponent_1 = require("./InternalToolbarComponent");
 /** Component that displays toolbar items.
  * @public
  * @deprecated in 4.0. Use [Toolbar]($appui-react) instead.
  */
 // eslint-disable-next-line deprecation/deprecation
 function Toolbar(props) {
-    const expandsTo = props.expandsTo ? props.expandsTo : Direction_1.Direction.Bottom;
-    const useDragInteraction = !!props.useDragInteraction;
-    const panelAlignment = props.panelAlignment
-        ? props.panelAlignment
-        : ToolbarWithOverflow_1.ToolbarPanelAlignment.Start;
-    const [popupPanelCount, setPopupPanelCount] = React.useState(0);
-    const handlePopupPanelOpenClose = React.useCallback((isOpening) => {
-        // use setTimeout to avoid warning about setting state in Toolbar from render method of PopupItem/PopupItemWithDrag
-        setTimeout(() => {
-            setPopupPanelCount((prev) => {
-                const nextCount = isOpening ? prev + 1 : prev - 1;
-                return nextCount < 0 ? /* istanbul ignore next */ 0 : nextCount;
-            });
-        });
-    }, []);
-    const availableNodes = React.useMemo(() => {
-        return props.items.map((item, index) => {
-            let addGroupSeparator = false;
-            if (index > 0)
-                addGroupSeparator =
-                    item.groupPriority !== props.items[index - 1].groupPriority;
-            return (React.createElement(ToolbarWithOverflow_1.ToolbarItemComponent, { key: item.id, item: item, addGroupSeparator: !!addGroupSeparator }));
-        });
-    }, [props.items]);
-    const direction = (0, ToolbarWithOverflow_1.getToolbarDirection)(expandsTo);
-    const className = (0, classnames_1.default)("components-toolbar-overflow-sizer", Direction_1.OrthogonalDirectionHelpers.getCssClassName(direction), props.className);
-    // needed to construct DOM structure identical to ToolbarWithOverflow so same css can be applied.
-    const wrapperClassName = (0, classnames_1.default)("components-toolbar-item-container", Direction_1.OrthogonalDirectionHelpers.getCssClassName(direction));
-    return (React.createElement(ToolbarWithOverflow_1.ToolbarWithOverflowDirectionContext.Provider, { value: {
-            expandsTo,
-            direction,
-            overflowExpandsTo: Direction_1.Direction.Right,
-            panelAlignment,
-            useDragInteraction,
-            toolbarOpacitySetting: props.toolbarOpacitySetting
-                ? props.toolbarOpacitySetting
-                : ToolbarWithOverflow_1.ToolbarOpacitySetting.Proximity,
-            overflowDirection: Direction_1.OrthogonalDirection.Horizontal,
-            openPopupCount: popupPanelCount,
-            onPopupPanelOpenClose: handlePopupPanelOpenClose,
-            overflowDisplayActive: false,
-            onItemExecuted: props.onItemExecuted
-                ? props.onItemExecuted
-                : /* istanbul ignore next */ () => { },
-            onKeyDown: props.onKeyDown
-                ? props.onKeyDown
-                : /* istanbul ignore next */ (_e) => { },
-        } },
-        React.createElement(ToolbarWithOverflow_1.ToolbarItemContext.Provider, { value: {
-                hasOverflow: false,
-                useHeight: false,
-                onResize: /* istanbul ignore next */ () => { },
-            } }, availableNodes.length > 0 && (React.createElement("div", { className: className, style: props.style, onKeyDown: props.onKeyDown, role: "presentation" },
-            React.createElement(Items_1.ToolbarItems, { className: "components-items", direction: direction }, availableNodes.map((child, index) => (React.createElement("div", { key: index, className: `${wrapperClassName} ${getItemWrapperClass(child)}` }, child)))))))));
+    return React.createElement(InternalToolbarComponent_1.InternalToolbarComponent, { ...props });
 }
 exports.Toolbar = Toolbar;
 //# sourceMappingURL=Toolbar.js.map

package/lib/cjs/components-react/toolbar/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components-react/toolbar/Toolbar.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 \"./Toolbar.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type {\n  CommonToolbarItem,\n  OnItemExecutedFunc,\n} from \"@itwin/appui-abstract\";\nimport type { CommonProps, NoChildrenProps } from \"@itwin/core-react\";\nimport { ToolbarItems } from \"./Items\";\nimport {\n  Direction,\n  OrthogonalDirection,\n  OrthogonalDirectionHelpers,\n} from \"./utilities/Direction\";\nimport {\n  getToolbarDirection,\n  ToolbarItemComponent,\n  ToolbarItemContext,\n  ToolbarOpacitySetting,\n  ToolbarPanelAlignment,\n  ToolbarWithOverflowDirectionContext,\n} from \"./ToolbarWithOverflow\";\n\n/** Properties of [[Toolbar]] component.\n * @public\n * @deprecated in 4.0. Use [ToolbarProps]($appui-react) instead.\n */\nexport interface ToolbarProps extends CommonProps, NoChildrenProps {\n  /** Describes to which direction the popup panels are expanded. Defaults to: [[Direction.Bottom]] */\n  expandsTo?: Direction;\n  /** Definitions for items of the toolbar. Items are expected to be already sorted by group and item. */\n  items: CommonToolbarItem[];\n  /** Describes how expanded panels are aligned. Defaults to: [[ToolbarPanelAlignment.Start]] */\n  panelAlignment?: ToolbarPanelAlignment;\n  /** Use Drag Interaction to open popups with nest action buttons */\n  useDragInteraction?: boolean;\n  /** Determines whether to use mouse proximity to alter the opacity of the toolbar */\n  toolbarOpacitySetting?: ToolbarOpacitySetting;\n  /** Optional function to call on any item execution */\n  onItemExecuted?: OnItemExecutedFunc;\n  /** Optional function to call on any KeyDown events processed by toolbar */\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n}\n\nfunction getItemWrapperClass(child: React.ReactNode) {\n  // istanbul ignore else\n  if (React.isValidElement(child)) {\n    if (child.props && child.props.addGroupSeparator)\n      return \"components-toolbar-button-add-gap-before\";\n  }\n  return \"\";\n}\n\n/** Component that displays toolbar items.\n * @public\n * @deprecated in 4.0. Use [Toolbar]($appui-react) instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function Toolbar(props: ToolbarProps) {\n  const expandsTo = props.expandsTo ? props.expandsTo : Direction.Bottom;\n  const useDragInteraction = !!props.useDragInteraction;\n  const panelAlignment = props.panelAlignment\n    ? props.panelAlignment\n    : ToolbarPanelAlignment.Start;\n  const [popupPanelCount, setPopupPanelCount] = React.useState(0);\n\n  const handlePopupPanelOpenClose = React.useCallback((isOpening: boolean) => {\n    // use setTimeout to avoid warning about setting state in Toolbar from render method of PopupItem/PopupItemWithDrag\n    setTimeout(() => {\n      setPopupPanelCount((prev) => {\n        const nextCount = isOpening ? prev + 1 : prev - 1;\n        return nextCount < 0 ? /* istanbul ignore next */ 0 : nextCount;\n      });\n    });\n  }, []);\n\n  const availableNodes = React.useMemo<React.ReactNode[]>(() => {\n    return props.items.map((item, index) => {\n      let addGroupSeparator = false;\n      if (index > 0)\n        addGroupSeparator =\n          item.groupPriority !== props.items[index - 1].groupPriority;\n      return (\n        <ToolbarItemComponent\n          key={item.id}\n          item={item}\n          addGroupSeparator={!!addGroupSeparator}\n        />\n      );\n    });\n  }, [props.items]);\n\n  const direction = getToolbarDirection(expandsTo);\n  const className = classnames(\n    \"components-toolbar-overflow-sizer\",\n    OrthogonalDirectionHelpers.getCssClassName(direction),\n    props.className\n  );\n\n  // needed to construct DOM structure identical to ToolbarWithOverflow so same css can be applied.\n  const wrapperClassName = classnames(\n    \"components-toolbar-item-container\",\n    OrthogonalDirectionHelpers.getCssClassName(direction)\n  );\n\n  return (\n    <ToolbarWithOverflowDirectionContext.Provider\n      value={{\n        expandsTo,\n        direction,\n        overflowExpandsTo: Direction.Right,\n        panelAlignment,\n        useDragInteraction,\n        toolbarOpacitySetting: props.toolbarOpacitySetting\n          ? props.toolbarOpacitySetting\n          : ToolbarOpacitySetting.Proximity,\n        overflowDirection: OrthogonalDirection.Horizontal,\n        openPopupCount: popupPanelCount,\n        onPopupPanelOpenClose: handlePopupPanelOpenClose,\n        overflowDisplayActive: false,\n        onItemExecuted: props.onItemExecuted\n          ? props.onItemExecuted\n          : /* istanbul ignore next */ () => {},\n        onKeyDown: props.onKeyDown\n          ? props.onKeyDown\n          : /* istanbul ignore next */ (_e: React.KeyboardEvent) => {},\n      }}\n    >\n      <ToolbarItemContext.Provider\n        value={{\n          hasOverflow: false,\n          useHeight: false,\n          onResize: /* istanbul ignore next */ () => {},\n        }}\n      >\n        {availableNodes.length > 0 && (\n          <div\n            className={className}\n            style={props.style}\n            onKeyDown={props.onKeyDown}\n            role=\"presentation\"\n          >\n            <ToolbarItems className=\"components-items\" direction={direction}>\n              {availableNodes.map((child, index) => (\n                <div\n                  key={index}\n                  className={`${wrapperClassName} ${getItemWrapperClass(\n                    child\n                  )}`}\n                >\n                  {child}\n                </div>\n              ))}\n            </ToolbarItems>\n          </div>\n        )}\n      </ToolbarItemContext.Provider>\n    </ToolbarWithOverflowDirectionContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components-react/toolbar/Toolbar.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,0BAAwB;AACxB,6CAA+B;AAW/B,yEAAsE;AAwBtE;;;GAGG;AACH,mDAAmD;AACnD,SAAgB,OAAO,CAAC,KAAmB;IACzC,OAAO,oBAAC,mDAAwB,OAAK,KAAK,GAAI,CAAC;AACjD,CAAC;AAFD,0BAEC","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 \"./Toolbar.scss\";\nimport * as React from \"react\";\nimport type {\n  CommonToolbarItem,\n  OnItemExecutedFunc,\n} from \"@itwin/appui-abstract\";\nimport type { CommonProps, NoChildrenProps } from \"@itwin/core-react\";\nimport type { Direction } from \"./utilities/Direction\";\nimport type {\n  ToolbarOpacitySetting,\n  ToolbarPanelAlignment,\n} from \"./InternalToolbarComponent\";\nimport { InternalToolbarComponent } from \"./InternalToolbarComponent\";\n\n/** Properties of [[Toolbar]] component.\n * @public\n * @deprecated in 4.0. Use [ToolbarProps]($appui-react) instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface ToolbarProps extends CommonProps, NoChildrenProps {\n  /** Describes to which direction the popup panels are expanded. Defaults to: [[Direction.Bottom]] */\n  expandsTo?: Direction;\n  /** Definitions for items of the toolbar. Items are expected to be already sorted by group and item. */\n  items: CommonToolbarItem[];\n  /** Describes how expanded panels are aligned. Defaults to: [[ToolbarPanelAlignment.Start]] */\n  panelAlignment?: ToolbarPanelAlignment;\n  /** Use Drag Interaction to open popups with nest action buttons */\n  useDragInteraction?: boolean;\n  /** Determines whether to use mouse proximity to alter the opacity of the toolbar */\n  toolbarOpacitySetting?: ToolbarOpacitySetting;\n  /** Optional function to call on any item execution */\n  onItemExecuted?: OnItemExecutedFunc;\n  /** Optional function to call on any KeyDown events processed by toolbar */\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n}\n\n/** Component that displays toolbar items.\n * @public\n * @deprecated in 4.0. Use [Toolbar]($appui-react) instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function Toolbar(props: ToolbarProps) {\n  return <InternalToolbarComponent {...props} />;\n}\n"]}

package/lib/cjs/components-react/toolbar/ToolbarWithOverflow.d.ts

@@ -3,97 +3,10 @@
  */
 import "./Toolbar.scss";
 import * as React from "react";
-import type { ActionButton, CommonToolbarItem, CustomButtonDefinition, GroupButton, OnItemExecutedFunc } from "@itwin/appui-abstract";
+import type { CommonToolbarItem, OnItemExecutedFunc } from "@itwin/appui-abstract";
 import type { CommonProps, NoChildrenProps } from "@itwin/core-react";
-import { Direction, OrthogonalDirection } from "./utilities/Direction";
-/** Describes the data needed to insert a custom `React` button into an ToolbarWithOverflow.
- * @public
- * @deprecated in 4.0. Use [ToolbarCustomItem]($appui-react) instead.
- */
-export interface CustomToolbarItem extends CustomButtonDefinition {
-    /** defines the content to display in popup panel */
-    panelContentNode?: React.ReactNode;
-    /** If true the popup panel is mounted once and unmounted when button is unmounted. If false the
-     * content node is unmounted each time the popup is closed. */
-    keepContentsLoaded?: boolean;
-}
-/**
- * Context used by Toolbar items to know if popup panel should be hidden - via AutoHide.
- * @public
- */
-export declare const ToolbarPopupAutoHideContext: React.Context<boolean>;
-/**
- * React hook used to retrieve the ToolbarPopupAutoHideContext.
- *  @public
- */
-export declare function useToolbarPopupAutoHideContext(): boolean;
-/** Describes toolbar item.
- * @public
- * @deprecated in 4.0. Use [ToolbarItem]($appui-react) instead.
- */
-export type ToolbarItem = ActionButton | GroupButton | CustomToolbarItem;
-/** CustomToolbarItem type guard.
- * @internal
- */
-export declare function isCustomToolbarItem(item: ToolbarItem): item is CustomToolbarItem;
-/** @internal */
-export declare const getToolbarDirection: (expandsTo: Direction) => OrthogonalDirection;
-/** Available alignment modes of [[Toolbar]] panels.
- * @public
- */
-export declare enum ToolbarPanelAlignment {
-    Start = 0,
-    End = 1
-}
-/** Enumeration of Toolbar Opacity setting.
- * @public
- */
-export declare enum ToolbarOpacitySetting {
-    /** Use the default background, box-shadow opacity and backdrop-filter blur */
-    Defaults = 0,
-    /** Alter the opacity from transparent to the defaults based on mouse proximity */
-    Proximity = 1,
-    /** Use a transparent background, box-shadow opacity and backdrop-filter blur */
-    Transparent = 2
-}
-/** Helpers for [[ToolbarPanelAlignment]].
- * @internal
- */
-export declare class ToolbarPanelAlignmentHelpers {
-    /** Class name of [[ToolbarPanelAlignment.Start]] */
-    static readonly START_CLASS_NAME = "components-panel-alignment-start";
-    /** Class name of [[ToolbarPanelAlignment.End]] */
-    static readonly END_CLASS_NAME = "components-panel-alignment-end";
-    /** @returns Class name of specified [[ToolbarPanelAlignment]] */
-    static getCssClassName(panelAlignment: ToolbarPanelAlignment): string;
-}
-/** @internal */
-export interface ToolbarOverflowContextProps {
-    readonly expandsTo: Direction;
-    readonly direction: OrthogonalDirection;
-    readonly overflowExpandsTo: Direction;
-    readonly overflowDirection: OrthogonalDirection;
-    readonly panelAlignment: ToolbarPanelAlignment;
-    readonly useDragInteraction: boolean;
-    readonly toolbarOpacitySetting: ToolbarOpacitySetting;
-    readonly openPopupCount: number;
-    readonly onPopupPanelOpenClose: (isOpening: boolean) => void;
-    readonly overflowDisplayActive: boolean;
-    readonly onItemExecuted: OnItemExecutedFunc;
-    readonly onKeyDown: (e: React.KeyboardEvent) => void;
-}
-/**
- * Context used by Toolbar component to provide Direction to child components.
- * @internal
- */
-export declare const ToolbarWithOverflowDirectionContext: React.Context<ToolbarOverflowContextProps>;
-/** @internal */
-export declare function ToolbarItemComponent({ item, addGroupSeparator, }: {
-    item: ToolbarItem;
-    addGroupSeparator: boolean;
-}): JSX.Element | null;
-/** @internal */
-export declare function useToolbarWithOverflowDirectionContext(): ToolbarOverflowContextProps;
+import type { Direction } from "./utilities/Direction";
+import type { ToolbarOpacitySetting, ToolbarPanelAlignment } from "./InternalToolbarComponent";
 /** Properties of [[ToolbarWithOverflow]] component.
  * @public
  * @deprecated in 4.0. Use [ToolbarWithOverflowProps]($appui-react) instead.
@@ -116,23 +29,10 @@ export interface ToolbarWithOverflowProps extends CommonProps, NoChildrenProps {
     /** Optional function to call on any KeyDown events processed by toolbar */
     onKeyDown?: (e: React.KeyboardEvent) => void;
 }
-/** Component that displays tool settings as a bar across the top of the content view.
+/** Component that displays toolbar items, displaying only the elements that can fit in the available space,
+ * and put the other items into a single panel.
  * @public
  * @deprecated in 4.0. Use [ToolbarWithOverflow]($appui-react) instead.
  */
 export declare function ToolbarWithOverflow(props: ToolbarWithOverflowProps): JSX.Element;
-/** Interface toolbars use to define context for its items.
- * @internal
- */
-export interface ToolbarItemContextArgs {
-    readonly hasOverflow: boolean;
-    readonly useHeight: boolean;
-    readonly onResize: (w: number) => void;
-}
-/** Interface toolbars use to define context for its items.
- * @internal
- */
-export declare const ToolbarItemContext: React.Context<ToolbarItemContextArgs>;
-/** @internal */
-export declare function useToolItemEntryContext(): ToolbarItemContextArgs;
 //# sourceMappingURL=ToolbarWithOverflow.d.ts.map

package/lib/cjs/components-react/toolbar/ToolbarWithOverflow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarWithOverflow.d.ts","sourceRoot":"","sources":["../../../../src/components-react/toolbar/ToolbarWithOverflow.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToolbarWithOverflow.d.ts","sourceRoot":"","sources":["../../../../src/components-react/toolbar/ToolbarWithOverflow.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,4BAA4B,CAAC;AAGpC;;;GAGG;AACH,MAAM,WAAW,wBAAyB,SAAQ,WAAW,EAAE,eAAe;IAC5E,oGAAoG;IACpG,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,4GAA4G;IAC5G,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,uGAAuG;IACvG,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,8FAA8F;IAC9F,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oFAAoF;IACpF,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,sDAAsD;IACtD,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAC9C;AAED;;;;GAIG;AAEH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,eAQlE"}