@itwin/appui-react 4.14.0 → 4.15.0

package/lib/cjs/appui-react/dialog/UiDataProvidedDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiDataProvidedDialog.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/UiDataProvidedDialog.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 type {\n  DialogButtonDef,\n  DialogLayoutDataProvider,\n} from \"@itwin/appui-abstract\";\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\nimport { Dialog } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { getUniqueId } from \"../layout/base/NineZone\";\nimport { ComponentGenerator } from \"../uiprovider/ComponentGenerator\";\nimport { DefaultDialogGridContainer } from \"../uiprovider/DefaultDialogGridContainer\";\n\n/** Props for [[UiDataProvidedDialog]] component.\n * @public\n */\nexport interface UiDataProvidedDialogProps {\n  /** Dialog title */\n  title: string;\n  /** Provider that provides and lays out DialogItems */\n  uiDataProvider: DialogLayoutDataProvider;\n  /** Indicates if Dialog is Modal */\n  isModal: boolean;\n  /** Id used to specify dialog. */\n  id?: string;\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  /** 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: 100px */\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. */\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\n/** Component to show dialog populated from properties supplied via uiDataProvider\n * @public\n */\nexport function UiDataProvidedDialog({\n  uiDataProvider,\n  id,\n  isModal,\n  ...dialogProps\n}: UiDataProvidedDialogProps) {\n  const dialogId = React.useRef(id ? id : getUniqueId());\n  const dialogIsModal = React.useRef(isModal);\n  const onOK = React.useRef<() => void>();\n  const onCancel = React.useRef<() => void>();\n  const closeDialog = () => {\n    if (dialogIsModal.current) UiFramework.dialogs.modal.close();\n    else UiFramework.dialogs.modeless.close(dialogId.current);\n  };\n\n  const handleOk = React.useCallback(() => {\n    onOK.current && onOK.current();\n    closeDialog();\n  }, []);\n\n  const handleCancel = React.useCallback(() => {\n    onCancel.current && onCancel.current();\n    closeDialog();\n  }, []);\n\n  const generateButtonCluster = React.useCallback(\n    (buttons: DialogButtonDef[] | undefined) => {\n      if (buttons) {\n        for (const button of buttons) {\n          if (DialogButtonType.Cancel === button.type) {\n            onCancel.current = button.onClick;\n            button.onClick = handleCancel;\n            continue;\n          }\n          if (DialogButtonType.OK === button.type) {\n            onOK.current = button.onClick;\n            button.onClick = handleOk;\n            continue;\n          }\n        }\n      }\n      return buttons;\n    },\n    [handleCancel, handleOk]\n  );\n  const [buttonCluster, setButtonCluster] = React.useState(() =>\n    generateButtonCluster(uiDataProvider.supplyButtonData())\n  );\n\n  React.useEffect(() => {\n    const handleReloaded = () => {\n      setButtonCluster(\n        generateButtonCluster(uiDataProvider.supplyButtonData())\n      );\n    };\n    uiDataProvider.onItemsReloadedEvent.addListener(handleReloaded);\n    return () => {\n      uiDataProvider.onItemsReloadedEvent.removeListener(handleReloaded);\n    };\n  }, [generateButtonCluster, uiDataProvider]);\n\n  React.useEffect(() => {\n    const handleButtonReloaded = () => {\n      setButtonCluster(\n        generateButtonCluster(uiDataProvider.supplyButtonData())\n      );\n    };\n    uiDataProvider.onButtonsReloadedEvent.addListener(handleButtonReloaded);\n    return () => {\n      uiDataProvider.onButtonsReloadedEvent.removeListener(\n        handleButtonReloaded\n      );\n    };\n  }, [generateButtonCluster, uiDataProvider]);\n\n  const handleClose = React.useCallback(() => closeDialog(), []);\n\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <Dialog\n      {...dialogProps}\n      opened={true}\n      modal={isModal}\n      buttonCluster={buttonCluster}\n      onClose={handleClose}\n      onEscape={handleClose}\n    >\n      <DefaultDialogGridContainer\n        componentGenerator={new ComponentGenerator(uiDataProvider)}\n      />\n    </Dialog>\n  );\n}\n"]}
+{"version":3,"file":"UiDataProvidedDialog.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/UiDataProvidedDialog.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 type {\n  DialogButtonDef,\n  DialogLayoutDataProvider,\n} from \"@itwin/appui-abstract\";\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { getUniqueId } from \"../layout/base/NineZone\";\nimport { ComponentGenerator } from \"../uiprovider/ComponentGenerator\";\nimport { DefaultDialogGridContainer } from \"../uiprovider/DefaultDialogGridContainer\";\nimport { Button, Dialog } from \"@itwin/itwinui-react\";\nimport classnames from \"classnames\";\nimport { useTranslation } from \"../hooks/useTranslation\";\n\n/** Props for [[UiDataProvidedDialog]] component.\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link UiDataProvidedDialog} component.\n */\nexport interface UiDataProvidedDialogProps {\n  /** Dialog title */\n  title: string;\n  /** Provider that provides and lays out DialogItems */\n  uiDataProvider: DialogLayoutDataProvider;\n  /** Indicates if Dialog is Modal */\n  isModal: boolean;\n  /** Id used to specify dialog. */\n  id?: string;\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  /** 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: 100px */\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. */\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  /** Custom CSS style properties. */\n  style?: React.CSSProperties;\n}\n\n/** Component to show dialog populated from properties supplied via uiDataProvider\n * @public\n * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI Dialog} instead.\n */\nexport function UiDataProvidedDialog({\n  uiDataProvider,\n  id,\n  isModal,\n  title,\n  movable,\n  resizable,\n  minWidth,\n  minHeight,\n  maxWidth,\n  maxHeight,\n  width,\n  height,\n  style,\n}: // eslint-disable-next-line deprecation/deprecation\nUiDataProvidedDialogProps) {\n  const dialogId = React.useRef(id ? id : getUniqueId());\n  const dialogIsModal = React.useRef(isModal);\n  const onOK = React.useRef<() => void>();\n  const onCancel = React.useRef<() => void>();\n  const closeDialog = () => {\n    if (dialogIsModal.current) UiFramework.dialogs.modal.close();\n    else UiFramework.dialogs.modeless.close(dialogId.current);\n  };\n\n  const handleOk = React.useCallback(() => {\n    onOK.current && onOK.current();\n    closeDialog();\n  }, []);\n\n  const handleCancel = React.useCallback(() => {\n    onCancel.current && onCancel.current();\n    closeDialog();\n  }, []);\n\n  const generateButtonCluster = React.useCallback(\n    (buttons: DialogButtonDef[] | undefined) => {\n      if (buttons) {\n        for (const button of buttons) {\n          if (DialogButtonType.Cancel === button.type) {\n            onCancel.current = button.onClick;\n            button.onClick = handleCancel;\n            continue;\n          }\n          if (DialogButtonType.OK === button.type) {\n            onOK.current = button.onClick;\n            button.onClick = handleOk;\n            continue;\n          }\n        }\n      }\n      return buttons;\n    },\n    [handleCancel, handleOk]\n  );\n  const [buttonCluster, setButtonCluster] = React.useState(() =>\n    generateButtonCluster(uiDataProvider.supplyButtonData())\n  );\n\n  React.useEffect(() => {\n    const handleReloaded = () => {\n      setButtonCluster(\n        generateButtonCluster(uiDataProvider.supplyButtonData())\n      );\n    };\n    uiDataProvider.onItemsReloadedEvent.addListener(handleReloaded);\n    return () => {\n      uiDataProvider.onItemsReloadedEvent.removeListener(handleReloaded);\n    };\n  }, [generateButtonCluster, uiDataProvider]);\n\n  React.useEffect(() => {\n    const handleButtonReloaded = () => {\n      setButtonCluster(\n        generateButtonCluster(uiDataProvider.supplyButtonData())\n      );\n    };\n    uiDataProvider.onButtonsReloadedEvent.addListener(handleButtonReloaded);\n    return () => {\n      uiDataProvider.onButtonsReloadedEvent.removeListener(\n        handleButtonReloaded\n      );\n    };\n  }, [generateButtonCluster, uiDataProvider]);\n\n  const handleClose = React.useCallback(() => closeDialog(), []);\n\n  const containerStyle: React.CSSProperties = {\n    minWidth,\n    minHeight,\n    maxWidth: maxWidth || \"100%\",\n    maxHeight,\n    width: width || \"50%\",\n    margin: \"\",\n    height,\n  };\n\n  return (\n    <Dialog\n      isOpen={true}\n      onClose={handleClose}\n      closeOnEsc\n      closeOnExternalClick={false}\n      isDraggable={movable}\n      isResizable={resizable}\n      preventDocumentScroll\n      style={style}\n    >\n      {isModal && <Dialog.Backdrop />}\n      <Dialog.Main\n        style={containerStyle}\n        data-testid=\"ui-data-provided-dialog-container\"\n      >\n        <Dialog.TitleBar titleText={title} />\n        <Dialog.Content>\n          <DefaultDialogGridContainer\n            componentGenerator={new ComponentGenerator(uiDataProvider)}\n          />\n        </Dialog.Content>\n        <Dialog.ButtonBar>\n          {buttonCluster &&\n            buttonCluster.map((button, index) => (\n              <DialogButton key={index} button={button} />\n            ))}\n        </Dialog.ButtonBar>\n      </Dialog.Main>\n    </Dialog>\n  );\n}\n\nfunction DialogButton({ button }: { button: DialogButtonDef }) {\n  const { translate } = useTranslation();\n\n  let buttonText = \"\";\n  let usePrimaryStyleType = false;\n  let buttonClass = button.className;\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 ? \"high-visibility\" : undefined}\n      onClick={button.onClick}\n    >\n      {buttonText}\n    </Button>\n  );\n}\n"]}

package/lib/cjs/appui-react/feedback/ElementTooltip.d.ts

@@ -1,15 +1,14 @@
 /** @packageDocumentation
  * @module Notification
  */
+import "./ElementTooltip.scss";
+import * as React from "react";
 import { UiEvent } from "@itwin/appui-abstract";
 import type { ToolTipOptions } from "@itwin/core-frontend";
 import type { XAndY } from "@itwin/core-geometry";
 import type { CommonProps } from "@itwin/core-react";
-import * as React from "react";
 import type { NotifyMessageType } from "../messages/ReactNotifyMessageDetails";
-/** [[ElementTooltip]] State.
- * @internal
- */
+/** [[ElementTooltip]] state. */
 interface ElementTooltipState {
     isVisible: boolean;
     message: NotifyMessageType;
@@ -18,7 +17,7 @@ interface ElementTooltipState {
 }
 /** [[ElementTooltipChangedEvent]] arguments.
  * @public
- * @deprecated in 4.13.x. Event args are inferred from a listener. If explicit type is needed use a type helper.
+ * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.
  */
 export interface ElementTooltipChangedEventArgs {
     isTooltipVisible: boolean;
@@ -29,14 +28,15 @@ export interface ElementTooltipChangedEventArgs {
 }
 /** ElementTooltip Changed Event class.
  * @public
- * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.
+ * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
  */
 export declare class ElementTooltipChangedEvent extends UiEvent<ElementTooltipChangedEventArgs> {
 }
 /** ElementTooltip React component.
  * @public
  */
-export declare class ElementTooltip extends React.Component<CommonProps, ElementTooltipState> {
+export declare class ElementTooltip extends React.Component<CommonProps, // eslint-disable-line deprecation/deprecation
+ElementTooltipState> {
     private static _elementTooltipChangedEvent;
     private static _isTooltipVisible;
     private static _isTooltipHalted;
@@ -46,19 +46,7 @@ export declare class ElementTooltip extends React.Component<CommonProps, Element
     static hideTooltip(): void;
     static get isTooltipHalted(): boolean;
     static set isTooltipHalted(halt: boolean);
-    private _size;
-    private _element?;
-    private _position?;
-    /** @internal */
-    readonly state: Readonly<ElementTooltipState>;
-    constructor(props: CommonProps);
-    render(): React.JSX.Element | null;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private static _handleMouseMove;
-    private _handleElementTooltipChangedEvent;
-    private _handleSizeChanged;
-    private updatePosition;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=ElementTooltip.d.ts.map

package/lib/cjs/appui-react/feedback/ElementTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElementTooltip.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ElementTooltip.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAoB,MAAM,mBAAmB,CAAC;AAGvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAG/E;;GAEG;AACH,UAAU,mBAAmB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC;IAChB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED;;;GAGG;AACH,MAAM,WAAW,8BAA8B;IAC7C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,EAAE,CAAC,EAAE,KAAK,CAAC;IACX,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED;;;GAGG;AAEH,qBAAa,0BAA2B,SAAQ,OAAO,CAAC,8BAA8B,CAAC;CAAG;AAE1F;;GAEG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CACjD,WAAW,EACX,mBAAmB,CACpB;IACC,OAAO,CAAC,MAAM,CAAC,2BAA2B,CACQ;IAClD,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAU;IAC1C,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAU;IAGzC,WAAkB,4BAA4B,IAAI,0BAA0B,CAE3E;IACD,WAAkB,gBAAgB,IAAI,OAAO,CAE5C;WAEa,WAAW,CACvB,EAAE,EAAE,WAAW,EACf,OAAO,EAAE,iBAAiB,EAC1B,EAAE,CAAC,EAAE,KAAK,EACV,OAAO,CAAC,EAAE,cAAc,GACvB,IAAI;WAgBO,WAAW,IAAI,IAAI;IAQjC,WAAkB,eAAe,IAAI,OAAO,CAE3C;IACD,WAAkB,eAAe,CAAC,IAAI,EAAE,OAAO,EAG9C;IAED,OAAO,CAAC,KAAK,CAGX;IACF,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC/B,OAAO,CAAC,SAAS,CAAC,CAAQ;IAE1B,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAO3D;gBAEU,KAAK,EAAE,WAAW;IAId,MAAM;IAkBN,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5C,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAuB/B,OAAO,CAAC,iCAAiC,CAUvC;IAEF,OAAO,CAAC,kBAAkB,CAGxB;IAEF,OAAO,CAAC,cAAc;CAyBvB"}
+{"version":3,"file":"ElementTooltip.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ElementTooltip.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAEhE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAK/E,gCAAgC;AAChC,UAAU,mBAAmB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC;IAChB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED;;;GAGG;AACH,MAAM,WAAW,8BAA8B;IAC7C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,EAAE,CAAC,EAAE,KAAK,CAAC;IACX,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED;;;GAGG;AACH,qBAAa,0BAA2B,SAAQ,OAAO,CAAC,8BAA8B,CAAC;CAAG;AAE1F;;GAEG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CACjD,WAAW,EAAE,8CAA8C;AAC3D,mBAAmB,CACpB;IACC,OAAO,CAAC,MAAM,CAAC,2BAA2B,CACQ;IAClD,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAU;IAC1C,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAU;IAEzC,WAAkB,4BAA4B,IAAI,0BAA0B,CAE3E;IAED,WAAkB,gBAAgB,IAAI,OAAO,CAE5C;WAEa,WAAW,CACvB,EAAE,EAAE,WAAW,EACf,OAAO,EAAE,iBAAiB,EAC1B,EAAE,CAAC,EAAE,KAAK,EACV,OAAO,CAAC,EAAE,cAAc,GACvB,IAAI;WAYO,WAAW,IAAI,IAAI;IAQjC,WAAkB,eAAe,IAAI,OAAO,CAE3C;IAED,WAAkB,eAAe,CAAC,IAAI,EAAE,OAAO,EAG9C;IAEe,MAAM;CAGvB"}

package/lib/cjs/appui-react/feedback/ElementTooltip.js

@@ -8,17 +8,18 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ElementTooltip = exports.ElementTooltipChangedEvent = void 0;
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const core_react_1 = require("@itwin/core-react");
+require("./ElementTooltip.scss");
 const classnames_1 = require("classnames");
 const React = require("react");
-const Tooltip_1 = require("../layout/popup/Tooltip");
+const ReactDOM = require("react-dom");
+const appui_abstract_1 = require("@itwin/appui-abstract");
 const core_bentley_1 = require("@itwin/core-bentley");
+const core_react_1 = require("@itwin/core-react");
+const Tooltip_1 = require("../layout/popup/Tooltip");
 /** ElementTooltip Changed Event class.
  * @public
- * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.
+ * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
  */
-// eslint-disable-next-line deprecation/deprecation
 class ElementTooltipChangedEvent extends appui_abstract_1.UiEvent {
 }
 exports.ElementTooltipChangedEvent = ElementTooltipChangedEvent;
@@ -26,7 +27,6 @@ exports.ElementTooltipChangedEvent = ElementTooltipChangedEvent;
  * @public
  */
 class ElementTooltip extends React.Component {
-    // eslint-disable-next-line deprecation/deprecation
     static get onElementTooltipChangedEvent() {
         return ElementTooltip._elementTooltipChangedEvent;
     }
@@ -44,7 +44,6 @@ class ElementTooltip extends React.Component {
             pt,
             options,
         });
-        el.ownerDocument.addEventListener("mousemove", ElementTooltip._handleMouseMove);
     }
     static hideTooltip() {
         ElementTooltip._isTooltipVisible = false;
@@ -61,89 +60,54 @@ class ElementTooltip extends React.Component {
         if (halt && ElementTooltip._isTooltipVisible)
             ElementTooltip.hideTooltip();
     }
-    constructor(props) {
-        super(props);
-        this._size = {
-            height: 0,
-            width: 0,
-        };
-        /** @internal */
-        this.state = {
-            message: "",
-            isVisible: false,
-            position: {
-                x: 0,
-                y: 0,
-            },
-        };
-        this._handleElementTooltipChangedEvent = (args // eslint-disable-line deprecation/deprecation
-        ) => {
-            this._element = args.el;
-            this._position = args.pt;
-            this.setState({
-                isVisible: args.isTooltipVisible,
-                message: args.message,
-            });
-            this.updatePosition();
-        };
-        this._handleSizeChanged = (size) => {
-            this._size = size;
-            this.updatePosition();
-        };
-    }
     render() {
-        if (!this.state.isVisible)
-            return null;
-        const className = (0, classnames_1.default)("uifw-element-tooltip", this.props.className);
-        return (React.createElement("div", { className: "uifw-element-tooltip-container" },
-            React.createElement(Tooltip_1.Tooltip, { className: className, style: this.props.style, position: this.state.position, onSizeChanged: this._handleSizeChanged },
-                React.createElement(core_react_1.MessageRenderer, { message: this.state.message }))));
-    }
-    componentDidMount() {
-        ElementTooltip.onElementTooltipChangedEvent.addListener(this._handleElementTooltipChangedEvent);
+        return React.createElement(ElementTooltipComponent, null);
     }
-    componentWillUnmount() {
-        ElementTooltip.onElementTooltipChangedEvent.removeListener(this._handleElementTooltipChangedEvent);
-    }
-    static _handleMouseMove(event) {
-        const el = event.currentTarget;
-        /* Only monitor mouse movement when an ElementTooltip is open. */
-        if ((el && ElementTooltip._isTooltipHalted) ||
-            !ElementTooltip._isTooltipVisible) {
-            el.removeEventListener("mousemove", ElementTooltip._handleMouseMove);
+}
+exports.ElementTooltip = ElementTooltip;
+ElementTooltip._elementTooltipChangedEvent = new core_bentley_1.BeUiEvent();
+function ElementTooltipComponent(props) {
+    const [visible, setVisible] = React.useState(false);
+    const [message, setMessage] = React.useState("");
+    const [preferredPosition, setPreferredPosition] = React.useState(undefined);
+    const [position, setPosition] = React.useState({ x: 0, y: 0 });
+    // Use a dedicated container for the tooltip to avoid z-index issues in the main window.
+    const [mainContainer, setMainContainer] = React.useState(undefined);
+    const [container, setContainer] = React.useState(undefined);
+    const [popout, setPopout] = React.useState(false);
+    const [size, setSize] = React.useState(undefined);
+    React.useEffect(() => {
+        return ElementTooltip.onElementTooltipChangedEvent.addListener((args) => {
+            const isPopout = args.el?.ownerDocument.defaultView !== window;
+            setPopout(isPopout);
+            setVisible(args.isTooltipVisible);
+            setMessage(args.message);
+            setContainer(args.el);
+            setPreferredPosition(args.pt);
+        });
+    }, []);
+    const portalContainer = popout ? container : mainContainer;
+    React.useLayoutEffect(() => {
+        if (!preferredPosition)
             return;
-        }
-        const hoveredElement = el
-            ? el.elementFromPoint(event.clientX, event.clientY)
-            : undefined;
-        /* If the mouse has moved to an element that is not the view canvas, close the ElementTooltip. */
-        if (hoveredElement && hoveredElement.localName !== "canvas") {
-            ElementTooltip.onElementTooltipChangedEvent.emit({
-                isTooltipVisible: false,
-                message: "",
-            });
-            el.removeEventListener("mousemove", ElementTooltip._handleMouseMove);
+        // Use preferred position by default.
+        setPosition(preferredPosition);
+        if (!container)
             return;
-        }
-    }
-    updatePosition() {
-        this.setState((prevState) => {
-            if (!this._element)
-                return null;
-            if (!this._position)
-                return null;
-            const containerBounds = core_react_1.Rectangle.create(this._element.getBoundingClientRect());
-            const relativeBounds = core_react_1.Rectangle.createFromSize(this._size).offset(this._position);
-            const adjustedPosition = (0, Tooltip_1.offsetAndContainInContainer)(relativeBounds, containerBounds.getSize(), { x: 8, y: 8 });
-            const position = adjustedPosition.offset(containerBounds.topLeft());
-            if (position.equals(prevState.position))
-                return null;
-            return {
-                position,
-            };
-        });
-    }
+        if (!size)
+            return;
+        // Contain the tooltip based on the container bounds.
+        const containerBounds = core_react_1.Rectangle.create(container.getBoundingClientRect());
+        const bounds = core_react_1.Rectangle.createFromSize(size).offset(preferredPosition);
+        const adjustedPosition = (0, Tooltip_1.offsetAndContainInContainer)(bounds, containerBounds.getSize(), { x: 8, y: 8 });
+        const newPosition = adjustedPosition.offset(containerBounds.topLeft());
+        setPosition(newPosition);
+    }, [container, size, preferredPosition]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: (0, classnames_1.default)("uifw-feedback-elementTooltip_container", props.className), ref: (el) => setMainContainer(el ?? undefined) }),
+        portalContainer &&
+            visible &&
+            ReactDOM.createPortal(React.createElement(Tooltip_1.Tooltip, { className: (0, classnames_1.default)("uifw-feedback-elementTooltip", props.className), style: props.style, onSizeChanged: setSize, position: position },
+                React.createElement(core_react_1.MessageRenderer, { message: message })), portalContainer)));
 }
-exports.ElementTooltip = ElementTooltip;
-ElementTooltip._elementTooltipChangedEvent = new core_bentley_1.BeUiEvent(); // eslint-disable-line deprecation/deprecation
 //# sourceMappingURL=ElementTooltip.js.map

package/lib/cjs/appui-react/feedback/ElementTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementTooltip.js","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ElementTooltip.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 Notification\n */\n\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport type { ToolTipOptions } from \"@itwin/core-frontend\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport type { CommonProps, Point, SizeProps } from \"@itwin/core-react\";\nimport { MessageRenderer, Rectangle } from \"@itwin/core-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { offsetAndContainInContainer, Tooltip } from \"../layout/popup/Tooltip\";\nimport type { NotifyMessageType } from \"../messages/ReactNotifyMessageDetails\";\nimport { BeUiEvent } from \"@itwin/core-bentley\";\n\n/** [[ElementTooltip]] State.\n * @internal\n */\ninterface ElementTooltipState {\n  isVisible: boolean;\n  message: NotifyMessageType;\n  position: XAndY;\n  options?: ToolTipOptions;\n}\n\n/** [[ElementTooltipChangedEvent]] arguments.\n * @public\n * @deprecated in 4.13.x. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ElementTooltipChangedEventArgs {\n  isTooltipVisible: boolean;\n  message: NotifyMessageType;\n  el?: HTMLElement;\n  pt?: XAndY;\n  options?: ToolTipOptions;\n}\n\n/** ElementTooltip Changed Event class.\n * @public\n * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class ElementTooltipChangedEvent extends UiEvent<ElementTooltipChangedEventArgs> {}\n\n/** ElementTooltip React component.\n * @public\n */\nexport class ElementTooltip extends React.Component<\n  CommonProps,\n  ElementTooltipState\n> {\n  private static _elementTooltipChangedEvent =\n    new BeUiEvent<ElementTooltipChangedEventArgs>(); // eslint-disable-line deprecation/deprecation\n  private static _isTooltipVisible: boolean;\n  private static _isTooltipHalted: boolean;\n\n  // eslint-disable-next-line deprecation/deprecation\n  public static get onElementTooltipChangedEvent(): ElementTooltipChangedEvent {\n    return ElementTooltip._elementTooltipChangedEvent;\n  }\n  public static get isTooltipVisible(): boolean {\n    return ElementTooltip._isTooltipVisible;\n  }\n\n  public static showTooltip(\n    el: HTMLElement,\n    message: NotifyMessageType,\n    pt?: XAndY,\n    options?: ToolTipOptions\n  ): void {\n    if (ElementTooltip._isTooltipHalted) return;\n    ElementTooltip._isTooltipVisible = true;\n    ElementTooltip.onElementTooltipChangedEvent.emit({\n      isTooltipVisible: true,\n      el,\n      message,\n      pt,\n      options,\n    });\n    el.ownerDocument.addEventListener(\n      \"mousemove\",\n      ElementTooltip._handleMouseMove\n    );\n  }\n\n  public static hideTooltip(): void {\n    ElementTooltip._isTooltipVisible = false;\n    ElementTooltip.onElementTooltipChangedEvent.emit({\n      isTooltipVisible: false,\n      message: \"\",\n    });\n  }\n\n  public static get isTooltipHalted(): boolean {\n    return ElementTooltip._isTooltipHalted;\n  }\n  public static set isTooltipHalted(halt: boolean) {\n    ElementTooltip._isTooltipHalted = halt;\n    if (halt && ElementTooltip._isTooltipVisible) ElementTooltip.hideTooltip();\n  }\n\n  private _size: SizeProps = {\n    height: 0,\n    width: 0,\n  };\n  private _element?: HTMLElement;\n  private _position?: XAndY;\n\n  /** @internal */\n  public override readonly state: Readonly<ElementTooltipState> = {\n    message: \"\",\n    isVisible: false,\n    position: {\n      x: 0,\n      y: 0,\n    },\n  };\n\n  constructor(props: CommonProps) {\n    super(props);\n  }\n\n  public override render() {\n    if (!this.state.isVisible) return null;\n\n    const className = classnames(\"uifw-element-tooltip\", this.props.className);\n    return (\n      <div className=\"uifw-element-tooltip-container\">\n        <Tooltip\n          className={className}\n          style={this.props.style}\n          position={this.state.position}\n          onSizeChanged={this._handleSizeChanged}\n        >\n          <MessageRenderer message={this.state.message} />\n        </Tooltip>\n      </div>\n    );\n  }\n\n  public override componentDidMount(): void {\n    ElementTooltip.onElementTooltipChangedEvent.addListener(\n      this._handleElementTooltipChangedEvent\n    );\n  }\n\n  public override componentWillUnmount(): void {\n    ElementTooltip.onElementTooltipChangedEvent.removeListener(\n      this._handleElementTooltipChangedEvent\n    );\n  }\n\n  private static _handleMouseMove(event: MouseEvent) {\n    const el = event.currentTarget as Document;\n    /* Only monitor mouse movement when an ElementTooltip is open. */\n    if (\n      (el && ElementTooltip._isTooltipHalted) ||\n      !ElementTooltip._isTooltipVisible\n    ) {\n      el.removeEventListener(\"mousemove\", ElementTooltip._handleMouseMove);\n      return;\n    }\n    const hoveredElement = el\n      ? el.elementFromPoint(event.clientX, event.clientY)\n      : undefined;\n    /* If the mouse has moved to an element that is not the view canvas, close the ElementTooltip. */\n    if (hoveredElement && hoveredElement.localName !== \"canvas\") {\n      ElementTooltip.onElementTooltipChangedEvent.emit({\n        isTooltipVisible: false,\n        message: \"\",\n      });\n      el.removeEventListener(\"mousemove\", ElementTooltip._handleMouseMove);\n      return;\n    }\n  }\n  private _handleElementTooltipChangedEvent = (\n    args: ElementTooltipChangedEventArgs // eslint-disable-line deprecation/deprecation\n  ) => {\n    this._element = args.el;\n    this._position = args.pt;\n    this.setState({\n      isVisible: args.isTooltipVisible,\n      message: args.message,\n    });\n    this.updatePosition();\n  };\n\n  private _handleSizeChanged = (size: SizeProps) => {\n    this._size = size;\n    this.updatePosition();\n  };\n\n  private updatePosition() {\n    this.setState((prevState) => {\n      if (!this._element) return null;\n      if (!this._position) return null;\n\n      const containerBounds = Rectangle.create(\n        this._element.getBoundingClientRect()\n      );\n      const relativeBounds = Rectangle.createFromSize(this._size).offset(\n        this._position\n      );\n      const adjustedPosition: Point = offsetAndContainInContainer(\n        relativeBounds,\n        containerBounds.getSize(),\n        { x: 8, y: 8 }\n      );\n      const position = adjustedPosition.offset(containerBounds.topLeft());\n\n      if (position.equals(prevState.position)) return null;\n\n      return {\n        position,\n      };\n    });\n  }\n}\n"]}
+{"version":3,"file":"ElementTooltip.js","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ElementTooltip.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 Notification\n */\n\nimport \"./ElementTooltip.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport { BeUiEvent } from \"@itwin/core-bentley\";\nimport type { ToolTipOptions } from \"@itwin/core-frontend\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport type { CommonProps, SizeProps } from \"@itwin/core-react\";\nimport { MessageRenderer, Rectangle } from \"@itwin/core-react\";\nimport type { NotifyMessageType } from \"../messages/ReactNotifyMessageDetails\";\nimport { offsetAndContainInContainer, Tooltip } from \"../layout/popup/Tooltip\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** [[ElementTooltip]] state. */\ninterface ElementTooltipState {\n  isVisible: boolean;\n  message: NotifyMessageType;\n  position: XAndY;\n  options?: ToolTipOptions;\n}\n\n/** [[ElementTooltipChangedEvent]] arguments.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ElementTooltipChangedEventArgs {\n  isTooltipVisible: boolean;\n  message: NotifyMessageType;\n  el?: HTMLElement;\n  pt?: XAndY;\n  options?: ToolTipOptions;\n}\n\n/** ElementTooltip Changed Event class.\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\nexport class ElementTooltipChangedEvent extends UiEvent<ElementTooltipChangedEventArgs> {}\n\n/** ElementTooltip React component.\n * @public\n */\nexport class ElementTooltip extends React.Component<\n  CommonProps, // eslint-disable-line deprecation/deprecation\n  ElementTooltipState\n> {\n  private static _elementTooltipChangedEvent =\n    new BeUiEvent<ElementTooltipChangedEventArgs>();\n  private static _isTooltipVisible: boolean;\n  private static _isTooltipHalted: boolean;\n\n  public static get onElementTooltipChangedEvent(): ElementTooltipChangedEvent {\n    return ElementTooltip._elementTooltipChangedEvent;\n  }\n\n  public static get isTooltipVisible(): boolean {\n    return ElementTooltip._isTooltipVisible;\n  }\n\n  public static showTooltip(\n    el: HTMLElement,\n    message: NotifyMessageType,\n    pt?: XAndY,\n    options?: ToolTipOptions\n  ): void {\n    if (ElementTooltip._isTooltipHalted) return;\n    ElementTooltip._isTooltipVisible = true;\n    ElementTooltip.onElementTooltipChangedEvent.emit({\n      isTooltipVisible: true,\n      el,\n      message,\n      pt,\n      options,\n    });\n  }\n\n  public static hideTooltip(): void {\n    ElementTooltip._isTooltipVisible = false;\n    ElementTooltip.onElementTooltipChangedEvent.emit({\n      isTooltipVisible: false,\n      message: \"\",\n    });\n  }\n\n  public static get isTooltipHalted(): boolean {\n    return ElementTooltip._isTooltipHalted;\n  }\n\n  public static set isTooltipHalted(halt: boolean) {\n    ElementTooltip._isTooltipHalted = halt;\n    if (halt && ElementTooltip._isTooltipVisible) ElementTooltip.hideTooltip();\n  }\n\n  public override render() {\n    return <ElementTooltipComponent />;\n  }\n}\n\nfunction ElementTooltipComponent(props: CommonProps) {\n  const [visible, setVisible] = React.useState(false);\n  const [message, setMessage] = React.useState<NotifyMessageType>(\"\");\n  const [preferredPosition, setPreferredPosition] = React.useState<\n    XAndY | undefined\n  >(undefined);\n  const [position, setPosition] = React.useState<XAndY>({ x: 0, y: 0 });\n\n  // Use a dedicated container for the tooltip to avoid z-index issues in the main window.\n  const [mainContainer, setMainContainer] = React.useState<\n    HTMLDivElement | undefined\n  >(undefined);\n  const [container, setContainer] = React.useState<HTMLElement | undefined>(\n    undefined\n  );\n  const [popout, setPopout] = React.useState(false);\n  const [size, setSize] = React.useState<SizeProps | undefined>(undefined);\n\n  React.useEffect(() => {\n    return ElementTooltip.onElementTooltipChangedEvent.addListener((args) => {\n      const isPopout = args.el?.ownerDocument.defaultView !== window;\n      setPopout(isPopout);\n      setVisible(args.isTooltipVisible);\n      setMessage(args.message);\n      setContainer(args.el);\n      setPreferredPosition(args.pt);\n    });\n  }, []);\n\n  const portalContainer = popout ? container : mainContainer;\n\n  React.useLayoutEffect(() => {\n    if (!preferredPosition) return;\n\n    // Use preferred position by default.\n    setPosition(preferredPosition);\n\n    if (!container) return;\n    if (!size) return;\n\n    // Contain the tooltip based on the container bounds.\n    const containerBounds = Rectangle.create(container.getBoundingClientRect());\n    const bounds = Rectangle.createFromSize(size).offset(preferredPosition);\n    const adjustedPosition = offsetAndContainInContainer(\n      bounds,\n      containerBounds.getSize(),\n      { x: 8, y: 8 }\n    );\n    const newPosition = adjustedPosition.offset(containerBounds.topLeft());\n    setPosition(newPosition);\n  }, [container, size, preferredPosition]);\n\n  return (\n    <>\n      <div\n        className={classnames(\n          \"uifw-feedback-elementTooltip_container\",\n          props.className\n        )}\n        ref={(el) => setMainContainer(el ?? undefined)}\n      />\n      {portalContainer &&\n        visible &&\n        ReactDOM.createPortal(\n          <Tooltip\n            className={classnames(\n              \"uifw-feedback-elementTooltip\",\n              props.className\n            )}\n            style={props.style}\n            onSizeChanged={setSize}\n            position={position}\n          >\n            <MessageRenderer message={message} />\n          </Tooltip>,\n          portalContainer\n        )}\n    </>\n  );\n}\n"]}

package/lib/cjs/appui-react/feedback/ElementTooltip.scss

@@ -0,0 +1,29 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/z-index";
+@import "../variables";
+
+.uifw-feedback-elementTooltip {
+  pointer-events: none;
+  width: max-content;
+  font-size: var(--iui-font-size-1);
+  border: {
+    color: $uifw-popup-border-color;
+    radius: $uifw-popup-border-radius;
+    style: solid;
+    width: $uifw-popup-border-width;
+  }
+}
+
+.uifw-feedback-elementTooltip_container {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+
+  @include uicore-z-index(tooltip);
+}

package/lib/cjs/appui-react/feedback/ValidationTextbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationTextbox.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ValidationTextbox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,0BAA0B,CAAC;AAElC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;GAEG;AACH,oBAAY,WAAW;IACrB,KAAK,IAAI;IACT,OAAO,IAAI;CACZ;AAED;;GAEG;AACH,UAAU,sBAAuB,SAAQ,WAAW;IAClD,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC;IAChD,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;;GAIG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CACxD,sBAAsB,EACtB,sBAAsB,CACvB;gBACa,KAAK,EAAE,sBAAsB;IAMzC,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;IAoCzC,OAAO,CAAC,mBAAmB;IAgB3B;;;;OAIG;IACH,OAAO,CAAC,aAAa,CAEnB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAQzB,0BAA0B;IAC1B,OAAO,CAAC,iBAAiB;IAIzB,8BAA8B;IAC9B,OAAO,CAAC,iBAAiB;IASzB;;;OAGG;IACH,OAAO,CAAC,YAAY,CAWlB;CACH"}
+{"version":3,"file":"ValidationTextbox.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ValidationTextbox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,0BAA0B,CAAC;AAElC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;GAEG;AACH,oBAAY,WAAW;IACrB,KAAK,IAAI;IACT,OAAO,IAAI;CACZ;AAED;;GAEG;AAEH,UAAU,sBAAuB,SAAQ,WAAW;IAClD,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC;IAChD,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;;GAIG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CACxD,sBAAsB,EACtB,sBAAsB,CACvB;gBACa,KAAK,EAAE,sBAAsB;IAMzC,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;IAoCzC,OAAO,CAAC,mBAAmB;IAgB3B;;;;OAIG;IACH,OAAO,CAAC,aAAa,CAEnB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAQzB,0BAA0B;IAC1B,OAAO,CAAC,iBAAiB;IAIzB,8BAA8B;IAC9B,OAAO,CAAC,iBAAiB;IASzB;;;OAGG;IACH,OAAO,CAAC,YAAY,CAWlB;CACH"}

package/lib/cjs/appui-react/feedback/ValidationTextbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationTextbox.js","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ValidationTextbox.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 Notification\n */\n\nimport \"./ValidationTextbox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { MessageManager } from \"../messages/MessageManager\";\nimport { Input } from \"@itwin/itwinui-react\";\n\n/** Enum for Input Status used in [[ValidationTextbox]]\n * @alpha\n */\nexport enum InputStatus {\n  Valid = 0,\n  Invalid = 1,\n}\n\n/** Property interface for ValidationTextbox\n * @alpha\n */\ninterface ValidationTextboxProps extends CommonProps {\n  /** value to set ValidationTextbox to initially */\n  initialValue?: string;\n  /** placeholder value to show in gray before anything is entered in */\n  placeholder?: string;\n  /** triggered when the content of ValidationTextbox is changed. Return true if valid */\n  onValueChanged?: (value: string) => InputStatus;\n  /** listens for <Enter> key presses */\n  onEnterPressed?: () => void;\n  /** listens for <Esc> key presses */\n  onEscPressed?: () => void;\n  /** width of ValidationTextbox, measured in em */\n  size?: number;\n  /** Error message to display */\n  errorText?: string;\n  /** Detailed error message to display */\n  detailedErrorText?: string;\n  /** Content */\n  children?: React.ReactNode;\n}\n\ninterface ValidationTextboxState {\n  isValid: boolean;\n}\n\n/**\n * Input box that validates text based on provided criteria. Defaults to checking\n * for empty if no method for onValueChanged is provided.\n * @alpha\n */\nexport class ValidationTextbox extends React.PureComponent<\n  ValidationTextboxProps,\n  ValidationTextboxState\n> {\n  constructor(props: ValidationTextboxProps) {\n    super(props);\n\n    this.state = { isValid: true };\n  }\n\n  /** @internal */\n  public override render(): React.ReactNode {\n    const sizeStyle: React.CSSProperties = {\n      width: this.props.size ? `${this.props.size.toString()}em` : \"12em\",\n    };\n    const divStyle: React.CSSProperties = {\n      ...sizeStyle,\n      ...this.props.style,\n    };\n\n    const validClassNames = classnames(\"ValidationTextbox-input\");\n\n    const invalidClassNames = classnames(\n      \"ValidationTextbox-input\",\n      \"ValidationTextbox-invalid\"\n    );\n\n    return (\n      <div\n        className={classnames(\"uifw-ValidationTextbox\", this.props.className)}\n        style={divStyle}\n      >\n        <Input\n          className={this.state.isValid ? validClassNames : invalidClassNames}\n          onChange={this._validateText}\n          onKeyUp={this._handleKeyUp}\n          onPaste={this._validateText}\n          onCut={this._validateText}\n          onBlur={this._validateText}\n          placeholder={this.props.placeholder ? this.props.placeholder : \"\"}\n          style={sizeStyle}\n        />\n        {this.props.children}\n      </div>\n    );\n  }\n\n  private processValidateText(target: HTMLInputElement | undefined): void {\n    if (undefined === target) return;\n\n    const value = target.value;\n    const isValid = this._calculateIsValid(value);\n\n    this.setState({ isValid }, () => {\n      if (this.state.isValid) {\n        this._hideErrorMessage();\n      } else {\n        if (this.props.errorText && !this.state.isValid)\n          this._showErrorMessage(target);\n      }\n    });\n  }\n\n  /**\n   * Determines if value is valid and resolves any defined functions.\n   * Also will show or hide error message if defined.\n   * @param event   Button press event that triggers validation\n   */\n  private _validateText = (event?: any): void => {\n    this.processValidateText(event.target as HTMLInputElement);\n  };\n\n  /**\n   * Determines if value provided is valid by calling user defined\n   * function. If no function is provided, the default criteria for\n   * validity is if the value has been defined.\n   * @param value   The value provided in textbox\n   */\n  private _calculateIsValid(value: string): boolean {\n    if (this.props.onValueChanged)\n      return this.props.onValueChanged(value) === InputStatus.Valid\n        ? true\n        : false;\n    return value.length > 0;\n  }\n\n  /** Hides error message */\n  private _hideErrorMessage() {\n    MessageManager.hideInputFieldMessage();\n  }\n\n  /** Displays error message. */\n  private _showErrorMessage(target: Element) {\n    MessageManager.displayInputFieldMessage(\n      target as HTMLElement,\n      this.props.errorText!,\n      this.props.detailedErrorText\n    );\n    return;\n  }\n\n  /**\n   * Manages special key codes by calling user defined functions\n   * @param event   Keyup event\n   */\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    this.processValidateText(event.target as HTMLInputElement);\n\n    switch (event.key) {\n      case Key.Escape.valueOf():\n        if (this.props.onEscPressed) this.props.onEscPressed();\n        break;\n      case Key.Enter.valueOf():\n        if (this.props.onEnterPressed) this.props.onEnterPressed();\n        break;\n    }\n  };\n}\n"]}
+{"version":3,"file":"ValidationTextbox.js","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ValidationTextbox.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 Notification\n */\n\nimport \"./ValidationTextbox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { MessageManager } from \"../messages/MessageManager\";\nimport { Input } from \"@itwin/itwinui-react\";\n\n/** Enum for Input Status used in [[ValidationTextbox]]\n * @alpha\n */\nexport enum InputStatus {\n  Valid = 0,\n  Invalid = 1,\n}\n\n/** Property interface for ValidationTextbox\n * @alpha\n */\n// eslint-disable-next-line deprecation/deprecation\ninterface ValidationTextboxProps extends CommonProps {\n  /** value to set ValidationTextbox to initially */\n  initialValue?: string;\n  /** placeholder value to show in gray before anything is entered in */\n  placeholder?: string;\n  /** triggered when the content of ValidationTextbox is changed. Return true if valid */\n  onValueChanged?: (value: string) => InputStatus;\n  /** listens for <Enter> key presses */\n  onEnterPressed?: () => void;\n  /** listens for <Esc> key presses */\n  onEscPressed?: () => void;\n  /** width of ValidationTextbox, measured in em */\n  size?: number;\n  /** Error message to display */\n  errorText?: string;\n  /** Detailed error message to display */\n  detailedErrorText?: string;\n  /** Content */\n  children?: React.ReactNode;\n}\n\ninterface ValidationTextboxState {\n  isValid: boolean;\n}\n\n/**\n * Input box that validates text based on provided criteria. Defaults to checking\n * for empty if no method for onValueChanged is provided.\n * @alpha\n */\nexport class ValidationTextbox extends React.PureComponent<\n  ValidationTextboxProps,\n  ValidationTextboxState\n> {\n  constructor(props: ValidationTextboxProps) {\n    super(props);\n\n    this.state = { isValid: true };\n  }\n\n  /** @internal */\n  public override render(): React.ReactNode {\n    const sizeStyle: React.CSSProperties = {\n      width: this.props.size ? `${this.props.size.toString()}em` : \"12em\",\n    };\n    const divStyle: React.CSSProperties = {\n      ...sizeStyle,\n      ...this.props.style,\n    };\n\n    const validClassNames = classnames(\"ValidationTextbox-input\");\n\n    const invalidClassNames = classnames(\n      \"ValidationTextbox-input\",\n      \"ValidationTextbox-invalid\"\n    );\n\n    return (\n      <div\n        className={classnames(\"uifw-ValidationTextbox\", this.props.className)}\n        style={divStyle}\n      >\n        <Input\n          className={this.state.isValid ? validClassNames : invalidClassNames}\n          onChange={this._validateText}\n          onKeyUp={this._handleKeyUp}\n          onPaste={this._validateText}\n          onCut={this._validateText}\n          onBlur={this._validateText}\n          placeholder={this.props.placeholder ? this.props.placeholder : \"\"}\n          style={sizeStyle}\n        />\n        {this.props.children}\n      </div>\n    );\n  }\n\n  private processValidateText(target: HTMLInputElement | undefined): void {\n    if (undefined === target) return;\n\n    const value = target.value;\n    const isValid = this._calculateIsValid(value);\n\n    this.setState({ isValid }, () => {\n      if (this.state.isValid) {\n        this._hideErrorMessage();\n      } else {\n        if (this.props.errorText && !this.state.isValid)\n          this._showErrorMessage(target);\n      }\n    });\n  }\n\n  /**\n   * Determines if value is valid and resolves any defined functions.\n   * Also will show or hide error message if defined.\n   * @param event   Button press event that triggers validation\n   */\n  private _validateText = (event?: any): void => {\n    this.processValidateText(event.target as HTMLInputElement);\n  };\n\n  /**\n   * Determines if value provided is valid by calling user defined\n   * function. If no function is provided, the default criteria for\n   * validity is if the value has been defined.\n   * @param value   The value provided in textbox\n   */\n  private _calculateIsValid(value: string): boolean {\n    if (this.props.onValueChanged)\n      return this.props.onValueChanged(value) === InputStatus.Valid\n        ? true\n        : false;\n    return value.length > 0;\n  }\n\n  /** Hides error message */\n  private _hideErrorMessage() {\n    MessageManager.hideInputFieldMessage();\n  }\n\n  /** Displays error message. */\n  private _showErrorMessage(target: Element) {\n    MessageManager.displayInputFieldMessage(\n      target as HTMLElement,\n      this.props.errorText!,\n      this.props.detailedErrorText\n    );\n    return;\n  }\n\n  /**\n   * Manages special key codes by calling user defined functions\n   * @param event   Keyup event\n   */\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    this.processValidateText(event.target as HTMLInputElement);\n\n    switch (event.key) {\n      case Key.Escape.valueOf():\n        if (this.props.onEscPressed) this.props.onEscPressed();\n        break;\n      case Key.Enter.valueOf():\n        if (this.props.onEnterPressed) this.props.onEnterPressed();\n        break;\n    }\n  };\n}\n"]}

package/lib/cjs/appui-react/framework/FrameworkBackstage.d.ts

@@ -35,9 +35,9 @@ export interface FrameworkBackstage {
      * Toggle the backstage.
      */
     toggle(): void;
-    /**
-     * Creates a CommandItemDef that toggle the backstage.
+    /** Creates a CommandItemDef that toggles the backstage.
      * @param overrideIconSpec Icon to replace the default 'home'.
+     * @deprecated in 4.15.0. Use {@link BackstageAppButton} component or {@link FrameworkBackstage.toggle} instead.
      */
     getBackstageToggleCommand(overrideIconSpec?: IconSpec): CommandItemDef;
 }

package/lib/cjs/appui-react/framework/FrameworkBackstage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FrameworkBackstage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkBackstage.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;CAC1B;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC,CAAC;IAClE;;OAEG;IACH,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,IAAI,IAAI,CAAC;IACb;;OAEG;IACH,KAAK,IAAI,IAAI,CAAC;IACd;;OAEG;IACH,MAAM,IAAI,IAAI,CAAC;IACf;;;OAGG;IACH,yBAAyB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACxE"}
+{"version":3,"file":"FrameworkBackstage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkBackstage.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAG/D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;CAC1B;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC,CAAC;IAClE;;OAEG;IACH,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,IAAI,IAAI,CAAC;IACb;;OAEG;IACH,KAAK,IAAI,IAAI,CAAC;IACd;;OAEG;IACH,MAAM,IAAI,IAAI,CAAC;IACf;;;OAGG;IAEH,yBAAyB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACxE"}

package/lib/cjs/appui-react/framework/FrameworkBackstage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FrameworkBackstage.js","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkBackstage.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG","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 Backstage\n */\n\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport type { IconSpec } from \"@itwin/core-react\";\nimport type { CommandItemDef } from \"../shared/CommandItemDef\";\n\n/** Arguments of [[Backstage.onToggled]].\n * @public\n */\nexport interface BackstageToggledArgs {\n  readonly isOpen: boolean;\n}\n\n/**\n * [[UiFramework.backstage]] interface.\n * @public\n */\nexport interface FrameworkBackstage {\n  /**\n   * Event activated when the backstage is toggled.\n   */\n  readonly onToggled: BeEvent<(args: BackstageToggledArgs) => void>;\n  /**\n   * State of the backstage.\n   */\n  readonly isOpen: boolean;\n  /**\n   * Display the backstage.\n   */\n  open(): void;\n  /**\n   * Hides the backstage.\n   */\n  close(): void;\n  /**\n   * Toggle the backstage.\n   */\n  toggle(): void;\n  /**\n   * Creates a CommandItemDef that toggle the backstage.\n   * @param overrideIconSpec Icon to replace the default 'home'.\n   */\n  getBackstageToggleCommand(overrideIconSpec?: IconSpec): CommandItemDef;\n}\n"]}
+{"version":3,"file":"FrameworkBackstage.js","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkBackstage.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG","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 Backstage\n */\n\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport type { IconSpec } from \"@itwin/core-react\";\nimport type { CommandItemDef } from \"../shared/CommandItemDef\";\nimport type { BackstageAppButton } from \"../widgets/BackstageAppButton\";\n\n/** Arguments of [[Backstage.onToggled]].\n * @public\n */\nexport interface BackstageToggledArgs {\n  readonly isOpen: boolean;\n}\n\n/**\n * [[UiFramework.backstage]] interface.\n * @public\n */\nexport interface FrameworkBackstage {\n  /**\n   * Event activated when the backstage is toggled.\n   */\n  readonly onToggled: BeEvent<(args: BackstageToggledArgs) => void>;\n  /**\n   * State of the backstage.\n   */\n  readonly isOpen: boolean;\n  /**\n   * Display the backstage.\n   */\n  open(): void;\n  /**\n   * Hides the backstage.\n   */\n  close(): void;\n  /**\n   * Toggle the backstage.\n   */\n  toggle(): void;\n  /** Creates a CommandItemDef that toggles the backstage.\n   * @param overrideIconSpec Icon to replace the default 'home'.\n   * @deprecated in 4.15.0. Use {@link BackstageAppButton} component or {@link FrameworkBackstage.toggle} instead.\n   */\n  // eslint-disable-next-line deprecation/deprecation\n  getBackstageToggleCommand(overrideIconSpec?: IconSpec): CommandItemDef;\n}\n"]}

package/lib/cjs/appui-react/framework/FrameworkContent.d.ts

@@ -11,7 +11,7 @@ import { DialogChangedEvent } from "../dialog/DialogManagerBase";
 import type { FrameworkStackedDialog } from "./FrameworkDialogs";
 /** [[MouseDownChangedEvent]] Args interface.
  * @public
- * @deprecated in 4.13.x. Event args are inferred from a listener. If explicit type is needed use a type helper.
+ * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.
  */
 export interface MouseDownChangedEventArgs {
     /** Indicates whether the mouse is down */
@@ -19,13 +19,13 @@ export interface MouseDownChangedEventArgs {
 }
 /** Mouse Down Changed Event class.
  * @public
- * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.
+ * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
  */
 export declare class MouseDownChangedEvent extends UiEvent<MouseDownChangedEventArgs> {
 }
 /** [[ActiveContentChangedEvent]] Args interface.
  * @public
- * @deprecated in 4.13.x. Event args are inferred from a listener. If explicit type is needed use a type helper.
+ * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.
  */
 export interface ActiveContentChangedEventArgs {
     /** React node of the old content */
@@ -35,13 +35,13 @@ export interface ActiveContentChangedEventArgs {
 }
 /** Active Content Changed Event class.
  * @public
- * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.
+ * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
  */
 export declare class ActiveContentChangedEvent extends UiEvent<ActiveContentChangedEventArgs> {
 }
 /** Content Dialog Changed Event class.
  * @public
- * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.
+ * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
  */
 export declare class ContentDialogChangedEvent extends DialogChangedEvent {
 }
@@ -152,6 +152,7 @@ export interface FrameworkContent {
     /**
      * Manage dialogs displaying managed content.
      * @beta
+     * @deprecated in 4.15.0. Use `modeless` or `modal` properties of {@link UiFramework.dialogs} instead.
      */
     readonly dialogs: FrameworkStackedDialog<ContentDialogInfo> & {
         /** Content Dialog Changed Event */

package/lib/cjs/appui-react/framework/FrameworkContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FrameworkContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkContent.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"FrameworkContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkContent.ts"],"names":[],"mappings":"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"}

package/lib/cjs/appui-react/framework/FrameworkContent.js

@@ -12,7 +12,7 @@ const appui_abstract_1 = require("@itwin/appui-abstract");
 const DialogManagerBase_1 = require("../dialog/DialogManagerBase");
 /** Mouse Down Changed Event class.
  * @public
- * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.
+ * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
  */
 // eslint-disable-next-line deprecation/deprecation
 class MouseDownChangedEvent extends appui_abstract_1.UiEvent {
@@ -20,7 +20,7 @@ class MouseDownChangedEvent extends appui_abstract_1.UiEvent {
 exports.MouseDownChangedEvent = MouseDownChangedEvent;
 /** Active Content Changed Event class.
  * @public
- * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.
+ * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
  */
 // eslint-disable-next-line deprecation/deprecation
 class ActiveContentChangedEvent extends appui_abstract_1.UiEvent {
@@ -28,7 +28,7 @@ class ActiveContentChangedEvent extends appui_abstract_1.UiEvent {
 exports.ActiveContentChangedEvent = ActiveContentChangedEvent;
 /** Content Dialog Changed Event class.
  * @public
- * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.
+ * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
  */
 // eslint-disable-next-line deprecation/deprecation
 class ContentDialogChangedEvent extends DialogManagerBase_1.DialogChangedEvent {

package/lib/cjs/appui-react/framework/FrameworkContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FrameworkContent.js","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkContent.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,0DAAgD;AAIhD,mEAAiE;AAYjE;;;GAGG;AACH,mDAAmD;AACnD,MAAa,qBAAsB,SAAQ,wBAAkC;CAAG;AAAhF,sDAAgF;AAahF;;;GAGG;AACH,mDAAmD;AACnD,MAAa,yBAA0B,SAAQ,wBAAsC;CAAG;AAAxF,8DAAwF;AAExF;;;GAGG;AACH,mDAAmD;AACnD,MAAa,yBAA0B,SAAQ,sCAAkB;CAAG;AAApE,8DAAoE","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 ContentView\n */\n\nimport type { ContentLayoutProps } from \"@itwin/appui-abstract\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport type { ContentControl } from \"../content/ContentControl\";\nimport type { ContentGroup, ContentGroupProps } from \"../content/ContentGroup\";\nimport type { ContentLayoutDef } from \"../content/ContentLayout\";\nimport { DialogChangedEvent } from \"../dialog/DialogManagerBase\";\nimport type { FrameworkStackedDialog } from \"./FrameworkDialogs\";\n\n/** [[MouseDownChangedEvent]] Args interface.\n * @public\n * @deprecated in 4.13.x. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface MouseDownChangedEventArgs {\n  /** Indicates whether the mouse is down */\n  mouseDown: boolean;\n}\n\n/** Mouse Down Changed Event class.\n * @public\n * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class MouseDownChangedEvent extends UiEvent<MouseDownChangedEventArgs> {}\n\n/** [[ActiveContentChangedEvent]] Args interface.\n * @public\n * @deprecated in 4.13.x. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ActiveContentChangedEventArgs {\n  /** React node of the old content */\n  oldContent?: React.ReactNode;\n  /** React node of the newly active content */\n  activeContent?: React.ReactNode;\n}\n\n/** Active Content Changed Event class.\n * @public\n * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class ActiveContentChangedEvent extends UiEvent<ActiveContentChangedEventArgs> {}\n\n/** Content Dialog Changed Event class.\n * @public\n * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class ContentDialogChangedEvent extends DialogChangedEvent {}\n\n/** @public */\nexport interface ContentDialogInfo {\n  reactNode: React.ReactNode;\n  zIndex: number;\n  parentDocument: Document;\n}\n\n/**\n * [[UiFramework.content]] interface\n * @public\n */\nexport interface FrameworkContent {\n  /** Gets the [[MouseDownChangedEvent]] */\n  // eslint-disable-next-line deprecation/deprecation\n  readonly onMouseDownChangedEvent: MouseDownChangedEvent;\n\n  /** Determines if the mouse is down in a content view */\n  readonly isMouseDown: boolean;\n\n  /** Sets the mouse down status for a content view */\n  setMouseDown(mouseDown: boolean): void;\n\n  /** Gets the [[ActiveContentChangedEvent]] */\n  // eslint-disable-next-line deprecation/deprecation\n  readonly onActiveContentChangedEvent: ActiveContentChangedEvent;\n\n  /** Fires when floating contents are added or removed */\n\n  // eslint-disable-next-line deprecation/deprecation\n  readonly onAvailableContentChangedEvent: UiEvent<{ contentId: string }>;\n\n  /** Gets the active content as a React.ReactNode. */\n  getActive(): React.ReactNode | undefined;\n\n  /** Return the active ContentControl. */\n  getActiveContentControl(): ContentControl | undefined;\n\n  addFloatingContentControl(contentControl?: ContentControl): void;\n\n  dropFloatingContentControl(contentControl?: ContentControl): void;\n\n  /** Sets the active [[ContentControl]] */\n  setActive(\n    activeContent?: React.ReactNode,\n    forceEventProcessing?: boolean\n  ): void;\n\n  /** Refreshes the active [[ContentControl]] */\n  refreshActive(activeContent: React.ReactNode): void;\n\n  /**\n   * Determines if content displays a Sheet view.\n   * @param content ContentControl to check\n   */\n  isContentSheetView(content: ContentControl | undefined): boolean;\n\n  /**\n   * Determines if content displays a Drawing view.\n   * @param content ContentControl to check\n   */\n  isContentDrawingView(content: ContentControl | undefined): boolean;\n\n  /**\n   * Determines if content displays a Spatial view.\n   * @param content ContentControl to check\n   */\n  isContentSpatialView(content: ContentControl | undefined): boolean;\n\n  /**\n   * Determines if content displays a Orthographic view.\n   * @param content ContentControl to check\n   */\n  isContentOrthographicView(content: ContentControl | undefined): boolean;\n\n  /**\n   * Determines if content displays a 3d view.\n   * @param content ContentControl to check\n   */\n  isContent3dView(content: ContentControl | undefined): boolean;\n\n  /**\n   * Determines if viewport supports use of a camera.\n   * @param content ContentControl to check\n   */\n  contentSupportsCamera(content: ContentControl | undefined): boolean;\n\n  /**\n   * Manage content layouts.\n   * @public\n   */\n  readonly layouts: {\n    /** build a layout key that is unique for group layout combination */\n    getKey(props: { contentGroupId: string; layoutId: string }): string;\n\n    /** Return a LayoutDef that is specific to a content group.\n     * @returns the [[ContentLayoutDef]] if found, or undefined otherwise\n     */\n    getForGroup(\n      contentGroupProps: ContentGroupProps | ContentGroup,\n      overrideContentLayout?: ContentLayoutProps\n    ): ContentLayoutDef;\n\n    /** Finds a Content Layout with a given id.\n     * @param layoutKey  group specific layout id, see `getLayoutKey`\n     * @returns the [[ContentLayoutDef]] if found, or undefined otherwise\n     */\n    find(layoutKey: string): ContentLayoutDef | undefined;\n\n    /** Adds a Content Layout.\n     * @param layoutId  the id of the Content Layout to add\n     * @param layoutDef  the Content Layout definition to add\n     */\n    add(layoutId: string, layoutDef: ContentLayoutDef): void;\n\n    /** Gets the active Content Layout */\n    readonly activeLayout: ContentLayoutDef | undefined;\n\n    /** Gets the active Content Group */\n    readonly activeContentGroup: ContentGroup | undefined;\n\n    /** Sets the active Content Layout, Content Group and Content Control.\n     * @param contentLayoutDef  Content layout to make active\n     * @param contentGroup  Content Group to make active\n     */\n    setActive(\n      contentLayoutDef: ContentLayoutDef,\n      contentGroup: ContentGroup\n    ): Promise<void>;\n\n    /** Sets the active Content Group.\n     * @param contentGroup  Content Group to make active\n     */\n    setActiveContentGroup(contentGroup: ContentGroup): Promise<void>;\n\n    /** Refreshes the active layout and content group.\n     */\n    refreshActive(): void;\n  };\n  /**\n   * Manage dialogs displaying managed content.\n   * @beta\n   */\n  readonly dialogs: FrameworkStackedDialog<ContentDialogInfo> & {\n    /** Content Dialog Changed Event */\n    // eslint-disable-next-line deprecation/deprecation\n    readonly onContentDialogChangedEvent: ContentDialogChangedEvent;\n  };\n}\n"]}
+{"version":3,"file":"FrameworkContent.js","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkContent.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,0DAAgD;AAIhD,mEAAiE;AAajE;;;GAGG;AACH,mDAAmD;AACnD,MAAa,qBAAsB,SAAQ,wBAAkC;CAAG;AAAhF,sDAAgF;AAahF;;;GAGG;AACH,mDAAmD;AACnD,MAAa,yBAA0B,SAAQ,wBAAsC;CAAG;AAAxF,8DAAwF;AAExF;;;GAGG;AACH,mDAAmD;AACnD,MAAa,yBAA0B,SAAQ,sCAAkB;CAAG;AAApE,8DAAoE","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 ContentView\n */\n\nimport type { ContentLayoutProps } from \"@itwin/appui-abstract\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport type { ContentControl } from \"../content/ContentControl\";\nimport type { ContentGroup, ContentGroupProps } from \"../content/ContentGroup\";\nimport type { ContentLayoutDef } from \"../content/ContentLayout\";\nimport { DialogChangedEvent } from \"../dialog/DialogManagerBase\";\nimport type { FrameworkStackedDialog } from \"./FrameworkDialogs\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** [[MouseDownChangedEvent]] Args interface.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface MouseDownChangedEventArgs {\n  /** Indicates whether the mouse is down */\n  mouseDown: boolean;\n}\n\n/** Mouse Down Changed Event class.\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class MouseDownChangedEvent extends UiEvent<MouseDownChangedEventArgs> {}\n\n/** [[ActiveContentChangedEvent]] Args interface.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ActiveContentChangedEventArgs {\n  /** React node of the old content */\n  oldContent?: React.ReactNode;\n  /** React node of the newly active content */\n  activeContent?: React.ReactNode;\n}\n\n/** Active Content Changed Event class.\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class ActiveContentChangedEvent extends UiEvent<ActiveContentChangedEventArgs> {}\n\n/** Content Dialog Changed Event class.\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class ContentDialogChangedEvent extends DialogChangedEvent {}\n\n/** @public */\nexport interface ContentDialogInfo {\n  reactNode: React.ReactNode;\n  zIndex: number;\n  parentDocument: Document;\n}\n\n/**\n * [[UiFramework.content]] interface\n * @public\n */\nexport interface FrameworkContent {\n  /** Gets the [[MouseDownChangedEvent]] */\n  // eslint-disable-next-line deprecation/deprecation\n  readonly onMouseDownChangedEvent: MouseDownChangedEvent;\n\n  /** Determines if the mouse is down in a content view */\n  readonly isMouseDown: boolean;\n\n  /** Sets the mouse down status for a content view */\n  setMouseDown(mouseDown: boolean): void;\n\n  /** Gets the [[ActiveContentChangedEvent]] */\n  // eslint-disable-next-line deprecation/deprecation\n  readonly onActiveContentChangedEvent: ActiveContentChangedEvent;\n\n  /** Fires when floating contents are added or removed */\n\n  // eslint-disable-next-line deprecation/deprecation\n  readonly onAvailableContentChangedEvent: UiEvent<{ contentId: string }>;\n\n  /** Gets the active content as a React.ReactNode. */\n  getActive(): React.ReactNode | undefined;\n\n  /** Return the active ContentControl. */\n  getActiveContentControl(): ContentControl | undefined;\n\n  addFloatingContentControl(contentControl?: ContentControl): void;\n\n  dropFloatingContentControl(contentControl?: ContentControl): void;\n\n  /** Sets the active [[ContentControl]] */\n  setActive(\n    activeContent?: React.ReactNode,\n    forceEventProcessing?: boolean\n  ): void;\n\n  /** Refreshes the active [[ContentControl]] */\n  refreshActive(activeContent: React.ReactNode): void;\n\n  /**\n   * Determines if content displays a Sheet view.\n   * @param content ContentControl to check\n   */\n  isContentSheetView(content: ContentControl | undefined): boolean;\n\n  /**\n   * Determines if content displays a Drawing view.\n   * @param content ContentControl to check\n   */\n  isContentDrawingView(content: ContentControl | undefined): boolean;\n\n  /**\n   * Determines if content displays a Spatial view.\n   * @param content ContentControl to check\n   */\n  isContentSpatialView(content: ContentControl | undefined): boolean;\n\n  /**\n   * Determines if content displays a Orthographic view.\n   * @param content ContentControl to check\n   */\n  isContentOrthographicView(content: ContentControl | undefined): boolean;\n\n  /**\n   * Determines if content displays a 3d view.\n   * @param content ContentControl to check\n   */\n  isContent3dView(content: ContentControl | undefined): boolean;\n\n  /**\n   * Determines if viewport supports use of a camera.\n   * @param content ContentControl to check\n   */\n  contentSupportsCamera(content: ContentControl | undefined): boolean;\n\n  /**\n   * Manage content layouts.\n   * @public\n   */\n  readonly layouts: {\n    /** build a layout key that is unique for group layout combination */\n    getKey(props: { contentGroupId: string; layoutId: string }): string;\n\n    /** Return a LayoutDef that is specific to a content group.\n     * @returns the [[ContentLayoutDef]] if found, or undefined otherwise\n     */\n    getForGroup(\n      contentGroupProps: ContentGroupProps | ContentGroup,\n      overrideContentLayout?: ContentLayoutProps\n    ): ContentLayoutDef;\n\n    /** Finds a Content Layout with a given id.\n     * @param layoutKey  group specific layout id, see `getLayoutKey`\n     * @returns the [[ContentLayoutDef]] if found, or undefined otherwise\n     */\n    find(layoutKey: string): ContentLayoutDef | undefined;\n\n    /** Adds a Content Layout.\n     * @param layoutId  the id of the Content Layout to add\n     * @param layoutDef  the Content Layout definition to add\n     */\n    add(layoutId: string, layoutDef: ContentLayoutDef): void;\n\n    /** Gets the active Content Layout */\n    readonly activeLayout: ContentLayoutDef | undefined;\n\n    /** Gets the active Content Group */\n    readonly activeContentGroup: ContentGroup | undefined;\n\n    /** Sets the active Content Layout, Content Group and Content Control.\n     * @param contentLayoutDef  Content layout to make active\n     * @param contentGroup  Content Group to make active\n     */\n    setActive(\n      contentLayoutDef: ContentLayoutDef,\n      contentGroup: ContentGroup\n    ): Promise<void>;\n\n    /** Sets the active Content Group.\n     * @param contentGroup  Content Group to make active\n     */\n    setActiveContentGroup(contentGroup: ContentGroup): Promise<void>;\n\n    /** Refreshes the active layout and content group.\n     */\n    refreshActive(): void;\n  };\n  /**\n   * Manage dialogs displaying managed content.\n   * @beta\n   * @deprecated in 4.15.0. Use `modeless` or `modal` properties of {@link UiFramework.dialogs} instead.\n   */\n  readonly dialogs: FrameworkStackedDialog<ContentDialogInfo> & {\n    /** Content Dialog Changed Event */\n    // eslint-disable-next-line deprecation/deprecation\n    readonly onContentDialogChangedEvent: ContentDialogChangedEvent;\n  };\n}\n"]}