@itwin/core-react 4.17.1 → 5.0.0-dev.2

package/lib/esm/core-react/dialog/Dialog.js

@@ -1,205 +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 Dialog
- */
-import classnames from "classnames";
-import * as React from "react";
-import { Key } from "ts-key-enum";
-import { DialogButtonType } from "@itwin/appui-abstract";
-import { Dialog as BaseDialog, Button } from "@itwin/itwinui-react";
-import { DivWithOutsideClick } from "../base/DivWithOutsideClick";
-import "./Dialog.scss";
-import { useTranslation } from "../l10n/useTranslation";
-/** Enum for dialog alignment
- * @public
- * @deprecated in 4.12.0. Enum used in a deprecated component {@link Dialog}.
- */
-export var DialogAlignment;
-(function (DialogAlignment) {
-    DialogAlignment["TopLeft"] = "top-left";
-    DialogAlignment["Top"] = "top";
-    DialogAlignment["TopRight"] = "top-right";
-    DialogAlignment["Left"] = "left";
-    DialogAlignment["Center"] = "center";
-    DialogAlignment["Right"] = "right";
-    DialogAlignment["BottomLeft"] = "bottom-left";
-    DialogAlignment["Bottom"] = "bottom";
-    DialogAlignment["BottomRight"] = "bottom-right";
-})(DialogAlignment || (DialogAlignment = {}));
-/** Dialog React component with optional resizing and dragging functionality
- * @public
- * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI dialog} instead.
- */
-// eslint-disable-next-line deprecation/deprecation
-export class Dialog extends React.Component {
-    // eslint-disable-next-line deprecation/deprecation
-    constructor(props) {
-        super(props);
-        this._parentDocument = document;
-        this.handleRefSet = (containerDiv) => {
-            if (containerDiv)
-                this._parentDocument = containerDiv.ownerDocument;
-        };
-        this._handleKeyUp = (event) => {
-            if (event.key === Key.Escape.valueOf() &&
-                this.props.opened &&
-                this.props.onEscape) {
-                this.props.onEscape();
-            }
-        };
-        this._handleContainerPointerDown = (event) => {
-            if (!this.props.modal) {
-                if (this.props.onModelessPointerDown && this.props.modelessId)
-                    this.props.onModelessPointerDown(event, this.props.modelessId);
-            }
-        };
-    }
-    componentWillUnmount() {
-        this._parentDocument.removeEventListener("keyup", this._handleKeyUp, true);
-    }
-    componentDidMount() {
-        this._parentDocument.addEventListener("keyup", this._handleKeyUp, true);
-    }
-    render() {
-        const { opened, title, footer, buttonCluster, onClose, onEscape, onOutsideClick, minWidth, minHeight, x, y, width, height, maxHeight, maxWidth, backgroundStyle, titleStyle, footerStyle, style, contentStyle, contentClassName, modal, resizable, movable, className, alignment, inset, trapFocus, modelessId, onModelessPointerDown, hideHeader, header, as, ...props } = this.props;
-        let initialOffset = {};
-        if (x || y) {
-            initialOffset = {
-                left: x ?? 0,
-                top: y ?? 0,
-                transform: "none",
-            };
-        }
-        const containerStyle = {
-            ...initialOffset,
-            margin: "",
-            width,
-            height,
-        };
-        const minMaxStyle = {
-            minWidth,
-            minHeight,
-            maxWidth,
-            maxHeight,
-        };
-        const dialogBaseContainerStyle = {
-            ...containerStyle,
-            ...minMaxStyle,
-        };
-        // eslint-disable-next-line deprecation/deprecation
-        const buttons = this.getFooterButtons(buttonCluster, "high-visibility", true);
-        return (React.createElement(BaseDialog, { isOpen: opened, onClose: onClose, closeOnExternalClick: false, closeOnEsc: false, style: style, className: classnames("core-dialog", className), isDraggable: movable, isResizable: resizable, trapFocus: trapFocus && modal, preventDocumentScroll: true, "data-testid": "core-dialog-root", ...props },
-            modal && React.createElement(BaseDialog.Backdrop, { style: backgroundStyle }),
-            React.createElement(DivWithOutsideClick, { onOutsideClick: onOutsideClick },
-                React.createElement(BaseDialog.Main, { className: classnames("core-dialog-main", alignment && this.getCSSClassNameFromAlignment(alignment)), "data-testid": "core-dialog-container", style: dialogBaseContainerStyle, onPointerDown: this._handleContainerPointerDown },
-                    !hideHeader &&
-                        (header || (React.createElement(BaseDialog.TitleBar, { titleText: title, style: titleStyle, "data-testid": "core-dialog-head" }))),
-                    React.createElement(BaseDialog.Content, { className: contentClassName, style: { padding: inset ? undefined : 0, ...contentStyle } }, this.props.children),
-                    footer ||
-                        (buttons && (React.createElement(BaseDialog.ButtonBar, { style: footerStyle }, buttons)))))));
-    }
-    // eslint-disable-next-line deprecation/deprecation
-    getCSSClassNameFromAlignment(alignment) {
-        switch (alignment) {
-            // eslint-disable-next-line deprecation/deprecation
-            case DialogAlignment.TopLeft:
-                return "core-align-top-left";
-            // eslint-disable-next-line deprecation/deprecation
-            case DialogAlignment.Top:
-                return "core-align-top";
-            // eslint-disable-next-line deprecation/deprecation
-            case DialogAlignment.TopRight:
-                return "core-align-top-right";
-            // eslint-disable-next-line deprecation/deprecation
-            case DialogAlignment.Left:
-                return "core-align-left";
-            // eslint-disable-next-line deprecation/deprecation
-            case DialogAlignment.Center:
-                return "core-align-center";
-            // eslint-disable-next-line deprecation/deprecation
-            case DialogAlignment.Right:
-                return "core-align-right";
-            // eslint-disable-next-line deprecation/deprecation
-            case DialogAlignment.BottomLeft:
-                return "core-align-bottom-left";
-            // eslint-disable-next-line deprecation/deprecation
-            case DialogAlignment.Bottom:
-                return "core-align-bottom";
-            // eslint-disable-next-line deprecation/deprecation
-            case DialogAlignment.BottomRight:
-                return "core-align-bottom-right";
-        }
-    }
-    /** @deprecated in 4.12.0. Use iTwinUI Button instead. */
-    getFooterButtons(buttonCluster, primaryStyleType = "cta", noCoreButtonClasses = false) {
-        if (buttonCluster === undefined)
-            return undefined;
-        const buttons = [];
-        buttonCluster.forEach((button, index) => {
-            buttons.push(React.createElement(DialogButton, { key: index.toString(), button: button, primaryStyleType: primaryStyleType, noCoreButtonClasses: noCoreButtonClasses }));
-        });
-        return buttons;
-    }
-}
-// eslint-disable-next-line deprecation/deprecation
-Dialog.defaultProps = {
-    maxWidth: "100%",
-    width: "50%",
-    hideHeader: false,
-    resizable: false,
-    movable: false,
-    modal: true,
-    inset: true,
-    trapFocus: false,
-};
-function DialogButton({ button, primaryStyleType, noCoreButtonClasses, }) {
-    const { translate } = useTranslation();
-    let buttonText = "";
-    let buttonClass = classnames(!noCoreButtonClasses && "core-dialog-button", !noCoreButtonClasses && `dialog-button-${button.type}`, button.className);
-    let usePrimaryStyleType = false;
-    switch (button.type) {
-        case DialogButtonType.OK:
-            buttonText = translate("dialog.ok");
-            buttonClass = classnames(buttonClass, button.buttonStyle);
-            usePrimaryStyleType = true;
-            break;
-        case DialogButtonType.Retry:
-            buttonText = translate("dialog.retry");
-            buttonClass = classnames(buttonClass, button.buttonStyle);
-            usePrimaryStyleType = true;
-            break;
-        case DialogButtonType.Yes:
-            buttonText = translate("dialog.yes");
-            buttonClass = classnames(buttonClass, button.buttonStyle);
-            usePrimaryStyleType = true;
-            break;
-        case DialogButtonType.No:
-            buttonText = translate("dialog.no");
-            buttonClass = classnames(buttonClass, button.buttonStyle);
-            break;
-        case DialogButtonType.Cancel:
-            buttonText = translate("dialog.cancel");
-            buttonClass = classnames(buttonClass, button.buttonStyle);
-            break;
-        case DialogButtonType.Close:
-            buttonText = translate("dialog.close");
-            buttonClass = classnames(buttonClass, button.buttonStyle);
-            break;
-        case DialogButtonType.Next:
-            buttonText = translate("dialog.next");
-            buttonClass = classnames(buttonClass, button.buttonStyle);
-            usePrimaryStyleType = true;
-            break;
-        case DialogButtonType.Previous:
-            buttonText = translate("dialog.previous");
-            buttonClass = classnames(buttonClass, button.buttonStyle);
-            usePrimaryStyleType = true;
-            break;
-    }
-    buttonText = button.label || buttonText;
-    return (React.createElement(Button, { className: buttonClass, disabled: button.disabled, styleType: usePrimaryStyleType ? primaryStyleType : undefined, onClick: button.onClick }, buttonText));
-}
-//# sourceMappingURL=Dialog.js.map

package/lib/esm/core-react/dialog/Dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/core-react/dialog/Dialog.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 Dialog\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type { DialogButtonDef } from \"@itwin/appui-abstract\";\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\nimport { Dialog as BaseDialog, Button } from \"@itwin/itwinui-react\";\nimport { DivWithOutsideClick } from \"../base/DivWithOutsideClick\";\nimport type { CommonProps } from \"../utils/Props\";\nimport \"./Dialog.scss\";\nimport { useTranslation } from \"../l10n/useTranslation\";\n\ntype ButtonProps = React.ComponentPropsWithoutRef<typeof Button>;\n\n/** Enum for dialog alignment\n * @public\n * @deprecated in 4.12.0. Enum used in a deprecated component {@link Dialog}.\n */\nexport enum DialogAlignment {\n  TopLeft = \"top-left\",\n  Top = \"top\",\n  TopRight = \"top-right\",\n  Left = \"left\",\n  Center = \"center\",\n  Right = \"right\",\n  BottomLeft = \"bottom-left\",\n  Bottom = \"bottom\",\n  BottomRight = \"bottom-right\",\n}\n\n/** Properties for the [[Dialog]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link Dialog}.\n */\nexport interface DialogProps\n  extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"title\">,\n    // eslint-disable-next-line deprecation/deprecation\n    CommonProps {\n  /** Indicates whether to show dialog or not */\n  opened: boolean;\n\n  /** Indicates whether the user can resize dialog with cursor. Default: false */\n  resizable?: boolean;\n  /** Indicates whether the user can move dialog with cursor. Default: false */\n  movable?: boolean;\n  /** Indicates whether the content should be inset. Default: true */\n  inset?: boolean;\n  /** Indicates whether the focus should be trapped within the dialog. Default: false */\n  trapFocus?: boolean;\n\n  /** Whether the hide the header. Default: false */\n  hideHeader?: boolean;\n  /** Override for the header */\n  header?: React.ReactNode;\n  /** Title to show in title bar of dialog */\n  title?: string | React.ReactElement;\n  /** Footer to show at bottom of dialog. Note: will override buttonCluster */\n  footer?: string | React.ReactElement;\n  /** List of DialogButtonDef objects specifying buttons and associated onClick events */\n  buttonCluster?: DialogButtonDef[];\n\n  /** Default alignment of dialog. */\n  // eslint-disable-next-line deprecation/deprecation\n  alignment?: DialogAlignment;\n  /** Initial x/left position of dialog in px. */\n  x?: number;\n  /** Initial y/top position of dialog in px. */\n  y?: number;\n\n  /** onClick event for X button for dialog */\n  onClose?: () => void;\n  /** 'keyup' event for Esc key */\n  onEscape?: () => void;\n  /** Triggered when a click is triggered outside of this dialog. */\n  onOutsideClick?: (event: MouseEvent) => any;\n\n  /** Initial width of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: \"50%\" */\n  width?: string | number;\n  /** Initial height of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  height?: string | number;\n  /** Minimum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 300px */\n  minWidth?: string | number;\n  /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 135px */\n  minHeight?: string | number;\n  /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100% */\n  maxWidth?: string | number;\n  /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  maxHeight?: string | number;\n\n  /** Whether to show background overlay. Default: true.\n   * @note Modeless dialogs require an id and an implementation of onModelessPointerDown.\n   */\n  modal?: boolean;\n  /** An id for a modeless dialog */\n  modelessId?: string;\n  /** Pointer Down event handler when modeless (modal = false) */\n  onModelessPointerDown?: (event: React.PointerEvent, id: string) => void;\n\n  /** Custom CSS Style for overlay */\n  backgroundStyle?: React.CSSProperties;\n  /** Custom CSS Style for title */\n  titleStyle?: React.CSSProperties;\n  /** Custom CSS Style for footer */\n  footerStyle?: React.CSSProperties;\n  /** Custom CSS class name for the content */\n  contentClassName?: string;\n  /** Custom CSS Style for the content */\n  contentStyle?: React.CSSProperties;\n}\n\n/** Dialog React component with optional resizing and dragging functionality\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI dialog} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class Dialog extends React.Component<DialogProps> {\n  private _parentDocument = document;\n  // eslint-disable-next-line deprecation/deprecation\n  public static defaultProps: Partial<DialogProps> = {\n    maxWidth: \"100%\",\n    width: \"50%\",\n    hideHeader: false,\n    resizable: false,\n    movable: false,\n    modal: true,\n    inset: true,\n    trapFocus: false,\n  };\n\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(props: DialogProps) {\n    super(props);\n  }\n\n  public override componentWillUnmount(): void {\n    this._parentDocument.removeEventListener(\"keyup\", this._handleKeyUp, true);\n  }\n\n  public override componentDidMount(): void {\n    this._parentDocument.addEventListener(\"keyup\", this._handleKeyUp, true);\n  }\n\n  public handleRefSet = (containerDiv: HTMLDivElement | null) => {\n    if (containerDiv) this._parentDocument = containerDiv.ownerDocument;\n  };\n\n  public override render(): React.ReactElement {\n    const {\n      opened,\n      title,\n      footer,\n      buttonCluster,\n      onClose,\n      onEscape,\n      onOutsideClick,\n      minWidth,\n      minHeight,\n      x,\n      y,\n      width,\n      height,\n      maxHeight,\n      maxWidth,\n      backgroundStyle,\n      titleStyle,\n      footerStyle,\n      style,\n      contentStyle,\n      contentClassName,\n      modal,\n      resizable,\n      movable,\n      className,\n      alignment,\n      inset,\n      trapFocus,\n      modelessId,\n      onModelessPointerDown,\n      hideHeader,\n      header,\n      as,\n      ...props\n    } = this.props;\n\n    let initialOffset: React.CSSProperties = {};\n    if (x || y) {\n      initialOffset = {\n        left: x ?? 0,\n        top: y ?? 0,\n        transform: \"none\",\n      };\n    }\n\n    const containerStyle: React.CSSProperties = {\n      ...initialOffset,\n      margin: \"\",\n      width,\n      height,\n    };\n\n    const minMaxStyle: React.CSSProperties = {\n      minWidth,\n      minHeight,\n      maxWidth,\n      maxHeight,\n    };\n    const dialogBaseContainerStyle: React.CSSProperties = {\n      ...containerStyle,\n      ...minMaxStyle,\n    };\n\n    // eslint-disable-next-line deprecation/deprecation\n    const buttons = this.getFooterButtons(\n      buttonCluster,\n      \"high-visibility\",\n      true\n    );\n\n    return (\n      <BaseDialog\n        isOpen={opened}\n        onClose={onClose}\n        closeOnExternalClick={false}\n        closeOnEsc={false}\n        style={style}\n        className={classnames(\"core-dialog\", className)}\n        isDraggable={movable}\n        isResizable={resizable}\n        trapFocus={trapFocus && modal}\n        preventDocumentScroll={true}\n        data-testid=\"core-dialog-root\"\n        {...props}\n      >\n        {modal && <BaseDialog.Backdrop style={backgroundStyle} />}\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <DivWithOutsideClick onOutsideClick={onOutsideClick}>\n          <BaseDialog.Main\n            className={classnames(\n              \"core-dialog-main\",\n              alignment && this.getCSSClassNameFromAlignment(alignment)\n            )}\n            data-testid=\"core-dialog-container\"\n            style={dialogBaseContainerStyle}\n            onPointerDown={this._handleContainerPointerDown}\n          >\n            {!hideHeader &&\n              (header || (\n                <BaseDialog.TitleBar\n                  titleText={title}\n                  style={titleStyle}\n                  data-testid=\"core-dialog-head\"\n                />\n              ))}\n            <BaseDialog.Content\n              className={contentClassName}\n              style={{ padding: inset ? undefined : 0, ...contentStyle }}\n            >\n              {this.props.children}\n            </BaseDialog.Content>\n            {footer ||\n              (buttons && (\n                <BaseDialog.ButtonBar style={footerStyle}>\n                  {buttons}\n                </BaseDialog.ButtonBar>\n              ))}\n          </BaseDialog.Main>\n        </DivWithOutsideClick>\n      </BaseDialog>\n    );\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  private getCSSClassNameFromAlignment(alignment: DialogAlignment): string {\n    switch (alignment) {\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.TopLeft:\n        return \"core-align-top-left\";\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.Top:\n        return \"core-align-top\";\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.TopRight:\n        return \"core-align-top-right\";\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.Left:\n        return \"core-align-left\";\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.Center:\n        return \"core-align-center\";\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.Right:\n        return \"core-align-right\";\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.BottomLeft:\n        return \"core-align-bottom-left\";\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.Bottom:\n        return \"core-align-bottom\";\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.BottomRight:\n        return \"core-align-bottom-right\";\n    }\n  }\n\n  /** @deprecated in 4.12.0. Use iTwinUI Button instead. */\n  protected getFooterButtons(\n    buttonCluster: DialogButtonDef[] | undefined,\n    primaryStyleType: ButtonProps[\"styleType\"] = \"cta\",\n    noCoreButtonClasses: boolean = false\n  ): React.ReactNode[] | undefined {\n    if (buttonCluster === undefined) return undefined;\n\n    const buttons: React.ReactNode[] = [];\n    buttonCluster.forEach((button: DialogButtonDef, index: number) => {\n      buttons.push(\n        <DialogButton\n          key={index.toString()}\n          button={button}\n          primaryStyleType={primaryStyleType}\n          noCoreButtonClasses={noCoreButtonClasses}\n        />\n      );\n    });\n    return buttons;\n  }\n\n  private _handleKeyUp = (event: KeyboardEvent) => {\n    if (\n      event.key === Key.Escape.valueOf() &&\n      this.props.opened &&\n      this.props.onEscape\n    ) {\n      this.props.onEscape();\n    }\n  };\n\n  protected _handleContainerPointerDown = (event: React.PointerEvent): void => {\n    if (!this.props.modal) {\n      if (this.props.onModelessPointerDown && this.props.modelessId)\n        this.props.onModelessPointerDown(event, this.props.modelessId);\n    }\n  };\n}\n\nfunction DialogButton({\n  button,\n  primaryStyleType,\n  noCoreButtonClasses,\n}: {\n  button: DialogButtonDef;\n  primaryStyleType: ButtonProps[\"styleType\"];\n  noCoreButtonClasses: boolean;\n}) {\n  const { translate } = useTranslation();\n\n  let buttonText = \"\";\n\n  let buttonClass = classnames(\n    !noCoreButtonClasses && \"core-dialog-button\",\n    !noCoreButtonClasses && `dialog-button-${button.type}`,\n    button.className\n  );\n  let usePrimaryStyleType = false;\n\n  switch (button.type) {\n    case DialogButtonType.OK:\n      buttonText = translate(\"dialog.ok\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n    case DialogButtonType.Retry:\n      buttonText = translate(\"dialog.retry\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n    case DialogButtonType.Yes:\n      buttonText = translate(\"dialog.yes\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n    case DialogButtonType.No:\n      buttonText = translate(\"dialog.no\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      break;\n    case DialogButtonType.Cancel:\n      buttonText = translate(\"dialog.cancel\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      break;\n    case DialogButtonType.Close:\n      buttonText = translate(\"dialog.close\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      break;\n    case DialogButtonType.Next:\n      buttonText = translate(\"dialog.next\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n    case DialogButtonType.Previous:\n      buttonText = translate(\"dialog.previous\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n  }\n\n  buttonText = button.label || buttonText;\n\n  return (\n    <Button\n      className={buttonClass}\n      disabled={button.disabled}\n      styleType={usePrimaryStyleType ? primaryStyleType : undefined}\n      onClick={button.onClick}\n    >\n      {buttonText}\n    </Button>\n  );\n}\n"]}

package/lib/esm/core-react/dialog/Dialog.scss

@@ -1,57 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@import "../z-index";
-
-.core-dialog {
-  @include uicore-z-index(dialog);
-
-  .core-dialog-main {
-    &.core-align-top-left {
-      top: 0px;
-      left: 0px;
-      transform: none;
-    }
-    &.core-align-top {
-      top: 0px;
-      left: 50%;
-      transform: translateX(-50%);
-    }
-    &.core-align-top-right {
-      top: 0px;
-      left: 100%;
-      transform: translateX(-100%);
-    }
-    &.core-align-left {
-      top: 50%;
-      left: 0px;
-      transform: translateY(-50%);
-    }
-    &.core-align-center {
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-    &.core-align-right {
-      top: 50%;
-      left: 100%;
-      transform: translate(-100%, -50%);
-    }
-    &.core-align-bottom-left {
-      top: 100%;
-      left: 0px;
-      transform: translateY(-100%);
-    }
-    &.core-align-bottom {
-      top: 100%;
-      left: 50%;
-      transform: translate(-50%, -100%);
-    }
-    &.core-align-bottom-right {
-      top: 100%;
-      left: 100%;
-      transform: translate(-100%, -100%);
-    }
-  }
-}

package/lib/esm/core-react/dialog/GlobalDialog.d.ts

@@ -1,32 +0,0 @@
-/** @packageDocumentation
- * @module Dialog
- */
-import * as React from "react";
-import type { DialogProps } from "./Dialog";
-/** Properties for the [[GlobalDialog]] component
- * @public
- * @deprecated in 4.12.0. Props of deprecated component {@link GlobalDialog}.
- */
-export interface GlobalDialogProps extends DialogProps {
-    identifier?: string;
-}
-/** State properties for the [[GlobalDialog]] component
- * @public
- * @deprecated in 4.12.0. State of deprecated component {@link GlobalDialog}.
- */
-export interface GlobalDialogState {
-    parentDocument: Document | null;
-}
-/** GlobalDialog React component used to display a [[Dialog]] on the top of screen
- * @public
- * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI dialog} instead.
- */
-export declare class GlobalDialog extends React.Component<GlobalDialogProps, GlobalDialogState> {
-    private _container?;
-    readonly state: GlobalDialogState;
-    constructor(props: GlobalDialogProps);
-    private _handleRefSet;
-    componentWillUnmount(): void;
-    render(): React.ReactNode;
-}
-//# sourceMappingURL=GlobalDialog.d.ts.map

package/lib/esm/core-react/dialog/GlobalDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalDialog.d.ts","sourceRoot":"","sources":["../../../../src/core-react/dialog/GlobalDialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C;;;GAGG;AAEH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,QAAQ,GAAG,IAAI,CAAC;CACjC;AAED;;;GAGG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAE/C,iBAAiB,EAEjB,iBAAiB,CAClB;IACC,OAAO,CAAC,UAAU,CAAC,CAAiB;IAGpC,SAAyB,KAAK,EAAE,iBAAiB,CAE/C;gBAGU,KAAK,EAAE,iBAAiB;IAIpC,OAAO,CAAC,aAAa,CAqBnB;IAEc,oBAAoB;IAOpB,MAAM,IAAI,KAAK,CAAC,SAAS;CAa1C"}

package/lib/esm/core-react/dialog/GlobalDialog.js

@@ -1,57 +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 Dialog
- */
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import { Dialog } from "./Dialog";
-/** GlobalDialog React component used to display a [[Dialog]] on the top of screen
- * @public
- * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI dialog} instead.
- */
-export class GlobalDialog extends React.Component {
-    // eslint-disable-next-line deprecation/deprecation
-    constructor(props) {
-        super(props);
-        // eslint-disable-next-line deprecation/deprecation
-        this.state = {
-            parentDocument: null,
-        };
-        this._handleRefSet = (popupDiv) => {
-            const parentDocument = popupDiv?.ownerDocument ?? null;
-            if (parentDocument) {
-                this._container = parentDocument.createElement("div");
-                this._container.id =
-                    this.props.identifier !== undefined
-                        ? `dialog-${this.props.identifier}`
-                        : "core-dialog";
-                let rt = parentDocument.getElementById("core-dialog-root");
-                if (!rt) {
-                    rt = parentDocument.createElement("div");
-                    rt.id = "core-dialog-root";
-                    parentDocument.body.appendChild(rt);
-                }
-                rt.appendChild(this._container);
-                // used to support component rendering in pop-out window
-                this.setState({ parentDocument });
-            }
-        };
-    }
-    componentWillUnmount() {
-        if (this._container && this._container.parentElement) {
-            // cleanup
-            this._container.parentElement.removeChild(this._container);
-        }
-    }
-    render() {
-        const { identifier, ...props } = this.props;
-        return (React.createElement("div", { ref: this._handleRefSet }, this.state.parentDocument &&
-            ReactDOM.createPortal(
-            // eslint-disable-next-line deprecation/deprecation
-            React.createElement(Dialog, { ...props }), this.state.parentDocument.body)));
-    }
-}
-//# sourceMappingURL=GlobalDialog.js.map

package/lib/esm/core-react/dialog/GlobalDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalDialog.js","sourceRoot":"","sources":["../../../../src/core-react/dialog/GlobalDialog.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAmBlC;;;GAGG;AACH,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAKvC;IAQC,mDAAmD;IACnD,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;QAPf,mDAAmD;QAC1B,UAAK,GAAsB;YAClD,cAAc,EAAE,IAAI;SACrB,CAAC;QAOM,kBAAa,GAAG,CAAC,QAA4B,EAAE,EAAE;YACvD,MAAM,cAAc,GAAG,QAAQ,EAAE,aAAa,IAAI,IAAI,CAAC;YACvD,IAAI,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtD,IAAI,CAAC,UAAU,CAAC,EAAE;oBAChB,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS;wBACjC,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;wBACnC,CAAC,CAAC,aAAa,CAAC;gBACpB,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CACpC,kBAAkB,CACD,CAAC;gBACpB,IAAI,CAAC,EAAE,EAAE,CAAC;oBACR,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACzC,EAAE,CAAC,EAAE,GAAG,kBAAkB,CAAC;oBAC3B,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;gBACtC,CAAC;gBACD,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAEhC,wDAAwD;gBACxD,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;YACpC,CAAC;QACH,CAAC,CAAC;IAvBF,CAAC;IAyBe,oBAAoB;QAClC,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;YACrD,UAAU;YACV,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5C,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,aAAa,IACzB,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,QAAQ,CAAC,YAAY;YACnB,mDAAmD;YACnD,oBAAC,MAAM,OAAK,KAAK,GAAI,EACrB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAC/B,CACC,CACP,CAAC;IACJ,CAAC;CACF","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 Dialog\n */\n\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport type { DialogProps } from \"./Dialog\";\nimport { Dialog } from \"./Dialog\";\n\n/** Properties for the [[GlobalDialog]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link GlobalDialog}.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface GlobalDialogProps extends DialogProps {\n  identifier?: string;\n}\n\n/** State properties for the [[GlobalDialog]] component\n * @public\n * @deprecated in 4.12.0. State of deprecated component {@link GlobalDialog}.\n */\nexport interface GlobalDialogState {\n  parentDocument: Document | null;\n}\n\n/** GlobalDialog React component used to display a [[Dialog]] on the top of screen\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI dialog} instead.\n */\nexport class GlobalDialog extends React.Component<\n  // eslint-disable-next-line deprecation/deprecation\n  GlobalDialogProps,\n  // eslint-disable-next-line deprecation/deprecation\n  GlobalDialogState\n> {\n  private _container?: HTMLDivElement;\n\n  // eslint-disable-next-line deprecation/deprecation\n  public override readonly state: GlobalDialogState = {\n    parentDocument: null,\n  };\n\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(props: GlobalDialogProps) {\n    super(props);\n  }\n\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\n    const parentDocument = popupDiv?.ownerDocument ?? null;\n    if (parentDocument) {\n      this._container = parentDocument.createElement(\"div\");\n      this._container.id =\n        this.props.identifier !== undefined\n          ? `dialog-${this.props.identifier}`\n          : \"core-dialog\";\n      let rt = parentDocument.getElementById(\n        \"core-dialog-root\"\n      ) as HTMLDivElement;\n      if (!rt) {\n        rt = parentDocument.createElement(\"div\");\n        rt.id = \"core-dialog-root\";\n        parentDocument.body.appendChild(rt);\n      }\n      rt.appendChild(this._container);\n\n      // used to support component rendering in pop-out window\n      this.setState({ parentDocument });\n    }\n  };\n\n  public override componentWillUnmount() {\n    if (this._container && this._container.parentElement) {\n      // cleanup\n      this._container.parentElement.removeChild(this._container);\n    }\n  }\n\n  public override render(): React.ReactNode {\n    const { identifier, ...props } = this.props;\n    return (\n      <div ref={this._handleRefSet}>\n        {this.state.parentDocument &&\n          ReactDOM.createPortal(\n            // eslint-disable-next-line deprecation/deprecation\n            <Dialog {...props} />,\n            this.state.parentDocument.body\n          )}\n      </div>\n    );\n  }\n}\n"]}

package/lib/esm/core-react/elementseparator/ElementSeparator.d.ts

@@ -1,44 +0,0 @@
-/** @packageDocumentation
- * @module ElementSeparator
- */
-import "./ElementSeparator.scss";
-import * as React from "react";
-import { Orientation } from "../enums/Orientation";
-import type { CommonProps } from "../utils/Props";
-/** Results returned by onRatioChanged callback for determining new ratio and whether the ratio was updated.
- * @public
- * @deprecated in 4.12.0. Interface used in a deprecated component {@link ElementSeparator}.
- */
-export interface RatioChangeResult {
-    ratio: number;
-}
-/** Properties of [[ElementSeparator]] React component
- * @public
- * @deprecated in 4.12.0. Props of deprecated component {@link ElementSeparator}.
- */
-export interface ElementSeparatorProps extends CommonProps {
-    /** Separator orientation */
-    orientation: Orientation;
-    /** Ratio between left cell and right cell */
-    ratio: number;
-    /** Area width or height (depending on orientation) in pixels */
-    movableArea?: number;
-    /** Separator width or height in pixels. 30 by default */
-    separatorSize?: number;
-    /** Callback to ratio changed event */
-    onRatioChanged?: (ratio: number) => void | RatioChangeResult;
-    /** Is resize handle hovered */
-    isResizeHandleHovered?: boolean;
-    /** Callback to hover event change */
-    onResizeHandleHoverChanged?: (isHovered: boolean) => void;
-    /** Is resize handle being dragged */
-    isResizeHandleBeingDragged?: boolean;
-    /** Callback to drag event change */
-    onResizeHandleDragChanged?: (isDragStarted: boolean) => void;
-}
-/** A movable button, which allows to change the ratio between left element and right element
- * @public
- * @deprecated in 4.12.0. Basic components that need to be user-resized support this out of the box. Use {@link https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent pointer events} API to implement a custom resizer.
- */
-export declare const ElementSeparator: (props: ElementSeparatorProps) => React.JSX.Element;
-//# sourceMappingURL=ElementSeparator.d.ts.map

package/lib/esm/core-react/elementseparator/ElementSeparator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElementSeparator.d.ts","sourceRoot":"","sources":["../../../../src/core-react/elementseparator/ElementSeparator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,4BAA4B;IAC5B,WAAW,EAAE,WAAW,CAAC;IACzB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sCAAsC;IACtC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,iBAAiB,CAAC;IAC7D,+BAA+B;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,oCAAoC;IACpC,yBAAyB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9D;AA6KD;;;GAGG;AACH,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,sBA8C5D,CAAC"}

package/lib/esm/core-react/elementseparator/ElementSeparator.js

@@ -1,163 +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 ElementSeparator
- */
-import "./ElementSeparator.scss";
-import * as React from "react";
-import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from "react";
-import classnames from "classnames";
-import { Orientation } from "../enums/Orientation";
-import { useThrottledFn } from "../utils/hooks/useThrottledFn";
-import { useTranslation } from "../l10n/useTranslation";
-function getCurrentGlobalPosition(orientation, e) {
-    return orientation === Orientation.Horizontal ? e.clientX : e.clientY;
-}
-const useConditionalCleanup = (condition, cleanup) => {
-    const conditionRef = useRef(condition);
-    const cleanupRef = useRef(cleanup);
-    conditionRef.current = condition;
-    cleanupRef.current = cleanup;
-    useEffect(() => {
-        return () => {
-            if (conditionRef.current)
-                cleanupRef.current();
-        };
-    }, []);
-};
-const useElementSeparatorPointerHandler = ({ onResizeHandleDragChanged, onResizeHandleHoverChanged, isResizeHandleBeingDragged, isResizeHandleHovered, movableArea, ratio, orientation, onRatioChanged, }) => {
-    const globalPosition = useRef(0);
-    const pointerOutOfBounds = useRef(false);
-    const [isElementDragged, setIsDragged] = useState(false);
-    const [isElementHovered, setIsHovered] = useState(false);
-    const isGroupDragged = isResizeHandleBeingDragged ?? isElementDragged;
-    const isGroupHovered = isResizeHandleHovered ?? isElementHovered;
-    useConditionalCleanup(isElementDragged && !!onResizeHandleDragChanged, () => onResizeHandleDragChanged(false));
-    useConditionalCleanup(isElementHovered && !!onResizeHandleHoverChanged, () => onResizeHandleHoverChanged(false));
-    if (isGroupHovered && pointerOutOfBounds.current)
-        pointerOutOfBounds.current = false;
-    const stopDrag = useCallback(() => {
-        if (isGroupDragged) {
-            setIsDragged(false);
-            if (onResizeHandleDragChanged)
-                onResizeHandleDragChanged(false);
-        }
-    }, [isGroupDragged, onResizeHandleDragChanged]);
-    const startDrag = useCallback((e) => {
-        globalPosition.current = getCurrentGlobalPosition(orientation, e);
-        if (!isGroupDragged) {
-            setIsDragged(true);
-            if (onResizeHandleDragChanged)
-                onResizeHandleDragChanged(true);
-        }
-    }, [isGroupDragged, orientation, onResizeHandleDragChanged]);
-    const onPointerUp = useCallback(() => {
-        stopDrag();
-    }, [stopDrag]);
-    const onThrottledPointerMove = useThrottledFn((e) => {
-        if (!movableArea) {
-            stopDrag();
-            return;
-        }
-        const currentPosition = getCurrentGlobalPosition(orientation, e);
-        const positionChange = currentPosition - globalPosition.current;
-        // Should not need to recalculate if position on our movement axis does not change
-        if (Math.abs(positionChange) < 1)
-            return;
-        const currentLocalPosition = movableArea * ratio + positionChange;
-        const newRatio = currentLocalPosition / movableArea;
-        globalPosition.current = currentPosition;
-        if (pointerOutOfBounds.current || !onRatioChanged)
-            return;
-        const result = onRatioChanged(newRatio);
-        if (result &&
-            result.ratio === ratio &&
-            !isGroupHovered &&
-            !pointerOutOfBounds.current)
-            pointerOutOfBounds.current = true;
-    }, 16, [stopDrag, isGroupHovered, ratio, movableArea, onRatioChanged, orientation]);
-    useEffect(() => {
-        return () => onThrottledPointerMove.cancel();
-    }, [onThrottledPointerMove]);
-    useLayoutEffect(() => {
-        if (isElementDragged) {
-            document.addEventListener("pointerup", onPointerUp);
-            document.addEventListener("pointermove", onThrottledPointerMove);
-        }
-        return () => {
-            document.removeEventListener("pointerup", onPointerUp);
-            document.removeEventListener("pointermove", onThrottledPointerMove);
-        };
-    }, [isElementDragged, onPointerUp, onThrottledPointerMove]);
-    const onPointerDown = useCallback((e) => {
-        if (!isGroupDragged) {
-            startDrag(e);
-        }
-        else {
-            stopDrag();
-        }
-    }, [isGroupDragged, startDrag, stopDrag]);
-    const onPointerOver = useCallback(() => {
-        if (isGroupHovered)
-            return;
-        setIsHovered(true);
-        if (onResizeHandleHoverChanged)
-            onResizeHandleHoverChanged(true);
-    }, [isGroupHovered, onResizeHandleHoverChanged]);
-    const onPointerOut = useCallback(() => {
-        if (!isGroupHovered)
-            return;
-        setIsHovered(false);
-        if (onResizeHandleHoverChanged)
-            onResizeHandleHoverChanged(false);
-    }, [isGroupHovered, onResizeHandleHoverChanged]);
-    return {
-        isHovered: isGroupHovered,
-        isDragged: isGroupDragged,
-        onPointerDown,
-        onPointerOver,
-        onPointerOut,
-    };
-};
-function getStyle(orientation, separatorSize) {
-    separatorSize = separatorSize || 30;
-    if (orientation === Orientation.Horizontal)
-        return {
-            width: separatorSize,
-            margin: `0px ${-Math.floor(separatorSize / 2)}px`,
-        };
-    return {
-        height: separatorSize,
-        margin: `${-Math.floor(separatorSize / 2)}px 1px`,
-    };
-}
-/** A movable button, which allows to change the ratio between left element and right element
- * @public
- * @deprecated in 4.12.0. Basic components that need to be user-resized support this out of the box. Use {@link https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent pointer events} API to implement a custom resizer.
- */
-export const ElementSeparator = (props) => {
-    const { translate } = useTranslation();
-    const [hasHoverHappened, setHasHoverHappened] = useState(false);
-    const { isDragged, isHovered, onPointerDown, onPointerOver, onPointerOut } = useElementSeparatorPointerHandler(props);
-    const isHoverNeeded = isHovered || isDragged;
-    if (!hasHoverHappened && isHoverNeeded)
-        setHasHoverHappened(isHoverNeeded);
-    // This is done to avoid fade-out animation when first rendering.
-    const unhoverClass = hasHoverHappened
-        ? "core-element-separator-group-unhovered"
-        : "";
-    const classNames = classnames("core-element-separator", props.orientation === Orientation.Horizontal
-        ? "core-element-separator--horizontal"
-        : "core-element-separator--vertical", props.className, isHoverNeeded ? "core-element-separator-group-hovered" : unhoverClass);
-    const orientation = props.orientation;
-    const separatorSize = props.separatorSize;
-    const style = useMemo(() => getStyle(orientation, separatorSize), [orientation, separatorSize]);
-    const styles = {
-        ...style,
-        ...props.style,
-    };
-    return (React.createElement("button", { style: styles, className: classNames, onPointerDown: onPointerDown, onPointerOver: onPointerOver, onPointerOut: onPointerOut, "aria-label": translate("elementSeparator.label"), tabIndex: -1 }));
-};
-//# sourceMappingURL=ElementSeparator.js.map