@itwin/appui-react 3.0.0-dev.100

package/lib/esm/appui-react/dialog/StandardMessageBox.js

@@ -0,0 +1,86 @@
+/*---------------------------------------------------------------------------------------------
+* 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 { MessageBoxIconType, MessageBoxType, MessageBoxValue } from "@itwin/core-frontend";
+import { DialogButtonType, MessageSeverity } from "@itwin/appui-abstract";
+import { MessageBox } from "@itwin/core-react";
+import { ModalDialogManager } from "./ModalDialogManager";
+/** StandardMessageBox React component displays a standard icon, message text and a standard button set in the lower right.
+ * @public
+ */
+export class StandardMessageBox extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._handleButton = (buttonType) => {
+            this._closeDialog(() => {
+                // istanbul ignore else
+                if (this.props.onResult)
+                    this.props.onResult(buttonType);
+            });
+        };
+        this._handleCancel = () => {
+            this._closeDialog(() => {
+                // istanbul ignore else
+                if (this.props.onResult)
+                    this.props.onResult(MessageBoxValue.Cancel);
+            });
+        };
+        this._closeDialog = (followUp) => {
+            this.setState((_prevState) => ({
+                opened: false,
+            }), () => {
+                ModalDialogManager.closeDialog();
+                followUp();
+            });
+        };
+        this.state = {
+            opened: this.props.opened,
+        };
+    }
+    render() {
+        const buttonCluster = new Array();
+        switch (this.props.messageBoxType) {
+            case MessageBoxType.Ok:
+            case MessageBoxType.LargeOk:
+                buttonCluster.push({ type: DialogButtonType.OK, onClick: () => { this._handleButton(MessageBoxValue.Ok); } });
+                break;
+            case MessageBoxType.OkCancel:
+            case MessageBoxType.MediumAlert:
+                buttonCluster.push({ type: DialogButtonType.OK, onClick: () => { this._handleButton(MessageBoxValue.Ok); } });
+                buttonCluster.push({ type: DialogButtonType.Cancel, onClick: () => { this._handleButton(MessageBoxValue.Cancel); } });
+                break;
+            case MessageBoxType.YesNo:
+            case MessageBoxType.YesNoCancel:
+                buttonCluster.push({ type: DialogButtonType.Yes, onClick: () => { this._handleButton(MessageBoxValue.Yes); } });
+                buttonCluster.push({ type: DialogButtonType.No, onClick: () => { this._handleButton(MessageBoxValue.No); } });
+                if (MessageBoxType.YesNoCancel === this.props.messageBoxType)
+                    buttonCluster.push({ type: DialogButtonType.Cancel, onClick: () => { this._handleButton(MessageBoxValue.Cancel); } });
+                break;
+        }
+        let severity = MessageSeverity.None;
+        switch (this.props.iconType) {
+            case MessageBoxIconType.NoSymbol:
+                severity = MessageSeverity.None;
+                break;
+            case MessageBoxIconType.Information:
+                severity = MessageSeverity.Information;
+                break;
+            case MessageBoxIconType.Question:
+                severity = MessageSeverity.Question;
+                break;
+            case MessageBoxIconType.Warning:
+                severity = MessageSeverity.Warning;
+                break;
+            case MessageBoxIconType.Critical:
+                severity = MessageSeverity.Error;
+                break;
+        }
+        return (React.createElement(MessageBox, { className: this.props.className, style: this.props.style, opened: this.state.opened, title: this.props.title, severity: severity, buttonCluster: buttonCluster, onClose: this._handleCancel, onEscape: this._handleCancel }, this.props.children));
+    }
+}
+//# sourceMappingURL=StandardMessageBox.js.map

package/lib/esm/appui-react/dialog/StandardMessageBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardMessageBox.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/StandardMessageBox.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Dialog\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { MessageBoxIconType, MessageBoxType, MessageBoxValue } from \"@itwin/core-frontend\";\r\nimport { DialogButtonDef, DialogButtonType, MessageSeverity } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, MessageBox } from \"@itwin/core-react\";\r\nimport { ModalDialogManager } from \"./ModalDialogManager\";\r\n\r\n/** Properties for [[StandardMessageBox]] React component\r\n * @public\r\n */\r\nexport interface StandardMessageBoxProps extends CommonProps {\r\n  /** Indicates whether the message box is open */\r\n  opened: boolean;\r\n  /** The standard icon to display in the message box */\r\n  iconType: MessageBoxIconType;\r\n  /** Title to display in the message box */\r\n  title: string;\r\n  /** Controls the button set displayed */\r\n  messageBoxType: MessageBoxType;\r\n  /** Callback function for processing the message box result */\r\n  onResult?: (result: MessageBoxValue) => void;\r\n}\r\n\r\n/** State for [[StandardMessageBox]] React component\r\n * @internal\r\n */\r\ninterface StandardMessageBoxState {\r\n  opened: boolean;\r\n}\r\n\r\n/** StandardMessageBox React component displays a standard icon, message text and a standard button set in the lower right.\r\n * @public\r\n */\r\nexport class StandardMessageBox extends React.PureComponent<StandardMessageBoxProps, StandardMessageBoxState> {\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<StandardMessageBoxState>;\r\n\r\n  constructor(props: StandardMessageBoxProps) {\r\n    super(props);\r\n    this.state = {\r\n      opened: this.props.opened,\r\n    };\r\n  }\r\n\r\n  public override render(): JSX.Element {\r\n    const buttonCluster: DialogButtonDef[] = new Array<DialogButtonDef>();\r\n\r\n    switch (this.props.messageBoxType) {\r\n      case MessageBoxType.Ok:\r\n      case MessageBoxType.LargeOk:\r\n        buttonCluster.push({ type: DialogButtonType.OK, onClick: () => { this._handleButton(MessageBoxValue.Ok); } });\r\n        break;\r\n      case MessageBoxType.OkCancel:\r\n      case MessageBoxType.MediumAlert:\r\n        buttonCluster.push({ type: DialogButtonType.OK, onClick: () => { this._handleButton(MessageBoxValue.Ok); } });\r\n        buttonCluster.push({ type: DialogButtonType.Cancel, onClick: () => { this._handleButton(MessageBoxValue.Cancel); } });\r\n        break;\r\n      case MessageBoxType.YesNo:\r\n      case MessageBoxType.YesNoCancel:\r\n        buttonCluster.push({ type: DialogButtonType.Yes, onClick: () => { this._handleButton(MessageBoxValue.Yes); } });\r\n        buttonCluster.push({ type: DialogButtonType.No, onClick: () => { this._handleButton(MessageBoxValue.No); } });\r\n        if (MessageBoxType.YesNoCancel === this.props.messageBoxType)\r\n          buttonCluster.push({ type: DialogButtonType.Cancel, onClick: () => { this._handleButton(MessageBoxValue.Cancel); } });\r\n        break;\r\n    }\r\n\r\n    let severity = MessageSeverity.None;\r\n    switch (this.props.iconType) {\r\n      case MessageBoxIconType.NoSymbol:\r\n        severity = MessageSeverity.None;\r\n        break;\r\n      case MessageBoxIconType.Information:\r\n        severity = MessageSeverity.Information;\r\n        break;\r\n      case MessageBoxIconType.Question:\r\n        severity = MessageSeverity.Question;\r\n        break;\r\n      case MessageBoxIconType.Warning:\r\n        severity = MessageSeverity.Warning;\r\n        break;\r\n      case MessageBoxIconType.Critical:\r\n        severity = MessageSeverity.Error;\r\n        break;\r\n    }\r\n\r\n    return (\r\n      <MessageBox\r\n        className={this.props.className}\r\n        style={this.props.style}\r\n        opened={this.state.opened}\r\n        title={this.props.title}\r\n        severity={severity}\r\n        buttonCluster={buttonCluster}\r\n        onClose={this._handleCancel}\r\n        onEscape={this._handleCancel}\r\n      >\r\n        {this.props.children}\r\n      </MessageBox>\r\n    );\r\n  }\r\n\r\n  private _handleButton = (buttonType: MessageBoxValue) => {\r\n    this._closeDialog(() => {\r\n      // istanbul ignore else\r\n      if (this.props.onResult)\r\n        this.props.onResult(buttonType);\r\n    });\r\n  };\r\n\r\n  private _handleCancel = () => {\r\n    this._closeDialog(() => {\r\n      // istanbul ignore else\r\n      if (this.props.onResult)\r\n        this.props.onResult(MessageBoxValue.Cancel);\r\n    });\r\n  };\r\n\r\n  private _closeDialog = (followUp: () => void) => {\r\n    this.setState((_prevState) => ({\r\n      opened: false,\r\n    }), () => {\r\n      ModalDialogManager.closeDialog();\r\n      followUp();\r\n    });\r\n  };\r\n}\r\n"]}

package/lib/esm/appui-react/dialog/UiDataProvidedDialog.d.ts

@@ -0,0 +1,39 @@
+/** @packageDocumentation
+ * @module Dialog
+ */
+/// <reference types="react" />
+import { DialogLayoutDataProvider } from "@itwin/appui-abstract";
+/** Props for [[UiDataProvidedDialog]] component.
+ * @public
+ */
+export interface UiDataProvidedDialogProps {
+    /** Dialog title */
+    title: string;
+    /** Provider that provides and lays out DialogItems */
+    uiDataProvider: DialogLayoutDataProvider;
+    /** Indicates if Dialog is Modal */
+    isModal: boolean;
+    /** Id used to specify dialog. */
+    id?: string;
+    /** Indicates whether the user can resize dialog with cursor. Default: false */
+    resizable?: boolean;
+    /** Indicates whether the user can move dialog with cursor. Default: false */
+    movable?: boolean;
+    /** Initial width of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: "50%" */
+    width?: string | number;
+    /** Initial height of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
+    height?: string | number;
+    /** 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 */
+    minWidth?: string | number;
+    /** 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 */
+    minHeight?: string | number;
+    /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
+    maxWidth?: string | number;
+    /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
+    maxHeight?: string | number;
+}
+/** Component to show dialog populated from properties supplied via uiDataProvider
+ * @public
+ */
+export declare function UiDataProvidedDialog({ uiDataProvider, id, isModal, ...dialogProps }: UiDataProvidedDialogProps): JSX.Element;
+//# sourceMappingURL=UiDataProvidedDialog.d.ts.map

package/lib/esm/appui-react/dialog/UiDataProvidedDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiDataProvidedDialog.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/UiDataProvidedDialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAqC,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAOpG;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,cAAc,EAAE,wBAAwB,CAAC;IACzC,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gIAAgI;IAChI,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kHAAkH;IAClH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,wJAAwJ;IACxJ,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,yJAAyJ;IACzJ,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,yIAAyI;IACzI,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,0IAA0I;IAC1I,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,EAAE,yBAAyB,eA0E9G"}

package/lib/esm/appui-react/dialog/UiDataProvidedDialog.js

@@ -0,0 +1,79 @@
+/*---------------------------------------------------------------------------------------------
+* 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 { Dialog } from "@itwin/core-react";
+import { DialogButtonType } from "@itwin/appui-abstract";
+import { getUniqueId } from "@itwin/appui-layout-react";
+import { ModalDialogManager } from "./ModalDialogManager";
+import { ModelessDialogManager } from "./ModelessDialogManager";
+import { DefaultDialogGridContainer } from "../uiprovider/DefaultDialogGridContainer";
+import { ComponentGenerator } from "../uiprovider/ComponentGenerator";
+/** Component to show dialog populated from properties supplied via uiDataProvider
+ * @public
+ */
+export function UiDataProvidedDialog({ uiDataProvider, id, isModal, ...dialogProps }) {
+    const dialogId = React.useRef(id ? id : getUniqueId());
+    const dialogIsModal = React.useRef(isModal);
+    const onOK = React.useRef();
+    const onCancel = React.useRef();
+    const closeDialog = () => {
+        if (dialogIsModal.current)
+            ModalDialogManager.closeDialog();
+        else
+            ModelessDialogManager.closeDialog(dialogId.current);
+    };
+    const handleOk = React.useCallback(() => {
+        onOK.current && onOK.current();
+        closeDialog();
+    }, []);
+    const handleCancel = React.useCallback(() => {
+        onCancel.current && onCancel.current();
+        closeDialog();
+    }, []);
+    const generateButtonCluster = React.useCallback((buttons) => {
+        // istanbul ignore else
+        if (buttons) {
+            for (const button of buttons) {
+                if (DialogButtonType.Cancel === button.type) {
+                    onCancel.current = button.onClick;
+                    button.onClick = handleCancel;
+                    continue;
+                }
+                if (DialogButtonType.OK === button.type) {
+                    onOK.current = button.onClick;
+                    button.onClick = handleOk;
+                    continue;
+                }
+            }
+        }
+        return buttons;
+    }, [handleCancel, handleOk]);
+    const [buttonCluster, setButtonCluster] = React.useState(() => generateButtonCluster(uiDataProvider.supplyButtonData()));
+    React.useEffect(() => {
+        const handleReloaded = () => {
+            setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));
+        };
+        uiDataProvider.onItemsReloadedEvent.addListener(handleReloaded);
+        return () => {
+            uiDataProvider.onItemsReloadedEvent.removeListener(handleReloaded);
+        };
+    }, [generateButtonCluster, uiDataProvider]);
+    React.useEffect(() => {
+        const handleButtonReloaded = () => {
+            setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));
+        };
+        uiDataProvider.onButtonsReloadedEvent.addListener(handleButtonReloaded);
+        return () => {
+            uiDataProvider.onButtonsReloadedEvent.removeListener(handleButtonReloaded);
+        };
+    }, [generateButtonCluster, uiDataProvider]);
+    const handleClose = React.useCallback(() => closeDialog(), []);
+    return (React.createElement(Dialog, { ...dialogProps, opened: true, modal: isModal, buttonCluster: buttonCluster, onClose: handleClose, onEscape: handleClose },
+        React.createElement(DefaultDialogGridContainer, { componentGenerator: new ComponentGenerator(uiDataProvider) })));
+}
+//# sourceMappingURL=UiDataProvidedDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UiDataProvidedDialog.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/UiDataProvidedDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Dialog\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Dialog } from \"@itwin/core-react\";\r\nimport { DialogButtonDef, DialogButtonType, DialogLayoutDataProvider } from \"@itwin/appui-abstract\";\r\nimport { getUniqueId } from \"@itwin/appui-layout-react\";\r\nimport { ModalDialogManager } from \"./ModalDialogManager\";\r\nimport { ModelessDialogManager } from \"./ModelessDialogManager\";\r\nimport { DefaultDialogGridContainer } from \"../uiprovider/DefaultDialogGridContainer\";\r\nimport { ComponentGenerator } from \"../uiprovider/ComponentGenerator\";\r\n\r\n/** Props for [[UiDataProvidedDialog]] component.\r\n * @public\r\n */\r\nexport interface UiDataProvidedDialogProps {\r\n  /** Dialog title */\r\n  title: string;\r\n  /** Provider that provides and lays out DialogItems */\r\n  uiDataProvider: DialogLayoutDataProvider;\r\n  /** Indicates if Dialog is Modal */\r\n  isModal: boolean;\r\n  /** Id used to specify dialog. */\r\n  id?: string;\r\n  /** Indicates whether the user can resize dialog with cursor. Default: false */\r\n  resizable?: boolean;\r\n  /** Indicates whether the user can move dialog with cursor. Default: false */\r\n  movable?: boolean;\r\n  /** Initial width of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: \"50%\" */\r\n  width?: string | number;\r\n  /** Initial height of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\r\n  height?: string | number;\r\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 */\r\n  minWidth?: string | number;\r\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 */\r\n  minHeight?: string | number;\r\n  /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\r\n  maxWidth?: string | number;\r\n  /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\r\n  maxHeight?: string | number;\r\n}\r\n\r\n/** Component to show dialog populated from properties supplied via uiDataProvider\r\n * @public\r\n */\r\nexport function UiDataProvidedDialog({ uiDataProvider, id, isModal, ...dialogProps }: UiDataProvidedDialogProps) {\r\n  const dialogId = React.useRef(id ? id : getUniqueId());\r\n  const dialogIsModal = React.useRef(isModal);\r\n  const onOK = React.useRef<() => void>();\r\n  const onCancel = React.useRef<() => void>();\r\n  const closeDialog = () => {\r\n    if (dialogIsModal.current)\r\n      ModalDialogManager.closeDialog();\r\n    else\r\n      ModelessDialogManager.closeDialog(dialogId.current);\r\n  };\r\n\r\n  const handleOk = React.useCallback(() => {\r\n    onOK.current && onOK.current();\r\n    closeDialog();\r\n  }, []);\r\n\r\n  const handleCancel = React.useCallback(() => {\r\n    onCancel.current && onCancel.current();\r\n    closeDialog();\r\n  }, []);\r\n\r\n  const generateButtonCluster = React.useCallback((buttons: DialogButtonDef[] | undefined) => {\r\n    // istanbul ignore else\r\n    if (buttons) {\r\n      for (const button of buttons) {\r\n        if (DialogButtonType.Cancel === button.type) {\r\n          onCancel.current = button.onClick;\r\n          button.onClick = handleCancel;\r\n          continue;\r\n        }\r\n        if (DialogButtonType.OK === button.type) {\r\n          onOK.current = button.onClick;\r\n          button.onClick = handleOk;\r\n          continue;\r\n        }\r\n      }\r\n    }\r\n    return buttons;\r\n  }, [handleCancel, handleOk]);\r\n  const [buttonCluster, setButtonCluster] = React.useState(() => generateButtonCluster(uiDataProvider.supplyButtonData()));\r\n\r\n  React.useEffect(() => {\r\n    const handleReloaded = () => {\r\n      setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));\r\n    };\r\n    uiDataProvider.onItemsReloadedEvent.addListener(handleReloaded);\r\n    return () => {\r\n      uiDataProvider.onItemsReloadedEvent.removeListener(handleReloaded);\r\n    };\r\n  }, [generateButtonCluster, uiDataProvider]);\r\n\r\n  React.useEffect(() => {\r\n    const handleButtonReloaded = () => {\r\n      setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));\r\n    };\r\n    uiDataProvider.onButtonsReloadedEvent.addListener(handleButtonReloaded);\r\n    return () => {\r\n      uiDataProvider.onButtonsReloadedEvent.removeListener(handleButtonReloaded);\r\n    };\r\n  }, [generateButtonCluster, uiDataProvider]);\r\n\r\n  const handleClose = React.useCallback(() => closeDialog(), []);\r\n\r\n  return (<Dialog {...dialogProps}\r\n    opened={true}\r\n    modal={isModal}\r\n    buttonCluster={buttonCluster}\r\n    onClose={handleClose}\r\n    onEscape={handleClose}\r\n  >\r\n    <DefaultDialogGridContainer componentGenerator={new ComponentGenerator(uiDataProvider)} />\r\n  </Dialog>\r\n  );\r\n}\r\n"]}

package/lib/esm/appui-react/dragdrop/ZoneTargets.d.ts

@@ -0,0 +1,22 @@
+/** @packageDocumentation
+ * @module Zone
+ */
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+import { WidgetZoneId, ZoneTargetType } from "@itwin/appui-layout-react";
+import { TargetChangeHandler } from "../frontstage/FrontstageComposer";
+/** Properties for the [[ZoneTargets]] component.
+ * @internal
+ */
+export interface ZoneTargetsProps extends CommonProps {
+    zoneId: WidgetZoneId;
+    dropTarget: ZoneTargetType | undefined;
+    targetChangeHandler: TargetChangeHandler;
+}
+/** Zone Targets React component.
+ * @internal
+ */
+export declare class ZoneTargets extends React.Component<ZoneTargetsProps> {
+    render(): React.ReactNode;
+}
+//# sourceMappingURL=ZoneTargets.d.ts.map

package/lib/esm/appui-react/dragdrop/ZoneTargets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoneTargets.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dragdrop/ZoneTargets.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAA2B,YAAY,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAClG,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,MAAM,EAAE,YAAY,CAAC;IACrB,UAAU,EAAE,cAAc,GAAG,SAAS,CAAC;IACvC,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C;AAED;;GAEG;AACH,qBAAa,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAChD,MAAM,IAAI,KAAK,CAAC,SAAS;CAuB1C"}

package/lib/esm/appui-react/dragdrop/ZoneTargets.js

@@ -0,0 +1,25 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Zone
+ */
+import * as React from "react";
+import { BackTarget, MergeTarget, ZoneTargetType } from "@itwin/appui-layout-react";
+/** Zone Targets React component.
+ * @internal
+ */
+export class ZoneTargets extends React.Component {
+    render() {
+        switch (this.props.dropTarget) {
+            case ZoneTargetType.Merge:
+                return (React.createElement(MergeTarget, { className: this.props.className, onTargetChanged: (isTargeted) => this.props.targetChangeHandler.handleTargetChanged(this.props.zoneId, ZoneTargetType.Merge, isTargeted), style: this.props.style }));
+            case ZoneTargetType.Back:
+                return (React.createElement(BackTarget, { className: this.props.className, onTargetChanged: (isTargeted) => this.props.targetChangeHandler.handleTargetChanged(this.props.zoneId, ZoneTargetType.Back, isTargeted), style: this.props.style, zoneIndex: this.props.zoneId }));
+            default:
+                return null;
+        }
+    }
+}
+//# sourceMappingURL=ZoneTargets.js.map

package/lib/esm/appui-react/dragdrop/ZoneTargets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoneTargets.js","sourceRoot":"","sources":["../../../../src/appui-react/dragdrop/ZoneTargets.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,WAAW,EAAgB,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAYlG;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA2B;IAChD,MAAM;QACpB,QAAQ,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;YAC7B,KAAK,cAAc,CAAC,KAAK;gBACvB,OAAO,CACL,oBAAC,WAAW,IACV,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,eAAe,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,EACxI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GACvB,CACH,CAAC;YACJ,KAAK,cAAc,CAAC,IAAI;gBACtB,OAAO,CACL,oBAAC,UAAU,IACT,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,eAAe,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC,IAAI,EAAE,UAAU,CAAC,EACvI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAC5B,CACH,CAAC;YACJ;gBACE,OAAO,IAAI,CAAC;SACf;IACH,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Zone\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { BackTarget, MergeTarget, WidgetZoneId, ZoneTargetType } from \"@itwin/appui-layout-react\";\r\nimport { TargetChangeHandler } from \"../frontstage/FrontstageComposer\";\r\n\r\n/** Properties for the [[ZoneTargets]] component.\r\n * @internal\r\n */\r\nexport interface ZoneTargetsProps extends CommonProps {\r\n  zoneId: WidgetZoneId;\r\n  dropTarget: ZoneTargetType | undefined;\r\n  targetChangeHandler: TargetChangeHandler;\r\n}\r\n\r\n/** Zone Targets React component.\r\n * @internal\r\n */\r\nexport class ZoneTargets extends React.Component<ZoneTargetsProps> {\r\n  public override render(): React.ReactNode {\r\n    switch (this.props.dropTarget) {\r\n      case ZoneTargetType.Merge:\r\n        return (\r\n          <MergeTarget\r\n            className={this.props.className}\r\n            onTargetChanged={(isTargeted) => this.props.targetChangeHandler.handleTargetChanged(this.props.zoneId, ZoneTargetType.Merge, isTargeted)}\r\n            style={this.props.style}\r\n          />\r\n        );\r\n      case ZoneTargetType.Back:\r\n        return (\r\n          <BackTarget\r\n            className={this.props.className}\r\n            onTargetChanged={(isTargeted) => this.props.targetChangeHandler.handleTargetChanged(this.props.zoneId, ZoneTargetType.Back, isTargeted)}\r\n            style={this.props.style}\r\n            zoneIndex={this.props.zoneId}\r\n          />\r\n        );\r\n      default:\r\n        return null;\r\n    }\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,61 @@
+/** @packageDocumentation
+ * @module Notification
+ */
+import * as React from "react";
+import { XAndY } from "@itwin/core-geometry";
+import { ToolTipOptions } from "@itwin/core-frontend";
+import { PointProps } from "@itwin/appui-abstract";
+import { CommonProps, UiEvent } from "@itwin/core-react";
+import { NotifyMessageType } from "../messages/ReactNotifyMessageDetails";
+/** [[ElementTooltip]] State.
+ * @internal
+ */
+interface ElementTooltipState {
+    isVisible: boolean;
+    message: NotifyMessageType;
+    position: PointProps;
+    options?: ToolTipOptions;
+}
+/** [[ElementTooltipChangedEvent]] arguments.
+ * @public
+ */
+export interface ElementTooltipChangedEventArgs {
+    isTooltipVisible: boolean;
+    message: NotifyMessageType;
+    el?: HTMLElement;
+    pt?: XAndY;
+    options?: ToolTipOptions;
+}
+/** ElementTooltip Changed Event class.
+ * @public
+ */
+export declare class ElementTooltipChangedEvent extends UiEvent<ElementTooltipChangedEventArgs> {
+}
+/** ElementTooltip React component.
+ * @public
+ */
+export declare class ElementTooltip extends React.Component<CommonProps, ElementTooltipState> {
+    private static _elementTooltipChangedEvent;
+    private static _isTooltipVisible;
+    private static _isTooltipHalted;
+    static get onElementTooltipChangedEvent(): ElementTooltipChangedEvent;
+    static get isTooltipVisible(): boolean;
+    static showTooltip(el: HTMLElement, message: NotifyMessageType, pt?: XAndY, options?: ToolTipOptions): void;
+    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(): JSX.Element | null;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private _handleElementTooltipChangedEvent;
+    private _handleSizeChanged;
+    private updatePosition;
+}
+export {};
+//# sourceMappingURL=ElementTooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElementTooltip.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ElementTooltip.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,WAAW,EAA+B,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAGtF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE1E;;GAEG;AACH,UAAU,mBAAmB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,UAAU,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED;;GAEG;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;;GAEG;AACH,qBAAa,0BAA2B,SAAQ,OAAO,CAAC,8BAA8B,CAAC;CAAI;AAE3F;;GAEG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,mBAAmB,CAAC;IACnF,OAAO,CAAC,MAAM,CAAC,2BAA2B,CAAgE;IAC1G,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAU;IAC1C,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAU;IAEzC,WAAkB,4BAA4B,IAAI,0BAA0B,CAAuD;IACnI,WAAkB,gBAAgB,IAAI,OAAO,CAA6C;WAE5E,WAAW,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI;WAQpG,WAAW,IAAI,IAAI;IAMjC,WAAkB,eAAe,IAAI,OAAO,CAA4C;IAExF,WAAkB,eAAe,CAAC,IAAI,EAAE,OAAO,EAI9C;IAED,OAAO,CAAC,KAAK,CAGX;IACF,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC/B,OAAO,CAAC,SAAS,CAAC,CAAa;IAE/B,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAO3D;gBAEU,KAAK,EAAE,WAAW;IAId,MAAM;IAwBN,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,IAAI,IAAI;IAI5C,OAAO,CAAC,iCAAiC,CAQvC;IAGF,OAAO,CAAC,kBAAkB,CAGxB;IAEF,OAAO,CAAC,cAAc;CAuBvB"}

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

@@ -0,0 +1,109 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Notification
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { Rectangle, UiEvent } from "@itwin/core-react";
+import { offsetAndContainInContainer, Tooltip } from "@itwin/appui-layout-react";
+import { MessageDiv } from "../messages/MessageSpan";
+/** ElementTooltip Changed Event class.
+ * @public
+ */
+export class ElementTooltipChangedEvent extends UiEvent {
+}
+/** ElementTooltip React component.
+ * @public
+ */
+export class ElementTooltip extends React.Component {
+    constructor(props) {
+        super(props);
+        this._size = {
+            height: 0,
+            width: 0,
+        };
+        /** @internal */
+        this.state = {
+            message: "",
+            isVisible: false,
+            position: {
+                x: 0,
+                y: 0,
+            },
+        };
+        this._handleElementTooltipChangedEvent = (args) => {
+            this._element = args.el;
+            this._position = args.pt;
+            this.setState({
+                isVisible: args.isTooltipVisible,
+                message: args.message,
+            });
+            this.updatePosition();
+        };
+        // istanbul ignore next
+        this._handleSizeChanged = (size) => {
+            this._size = size;
+            this.updatePosition();
+        };
+    }
+    static get onElementTooltipChangedEvent() { return ElementTooltip._elementTooltipChangedEvent; }
+    static get isTooltipVisible() { return ElementTooltip._isTooltipVisible; }
+    static showTooltip(el, message, pt, options) {
+        // istanbul ignore if
+        if (ElementTooltip._isTooltipHalted)
+            return;
+        ElementTooltip._isTooltipVisible = true;
+        ElementTooltip.onElementTooltipChangedEvent.emit({ isTooltipVisible: true, el, message, pt, options });
+    }
+    static hideTooltip() {
+        ElementTooltip._isTooltipVisible = false;
+        ElementTooltip.onElementTooltipChangedEvent.emit({ isTooltipVisible: false, message: "" });
+    }
+    // istanbul ignore next
+    static get isTooltipHalted() { return ElementTooltip._isTooltipHalted; }
+    // istanbul ignore next
+    static set isTooltipHalted(halt) {
+        ElementTooltip._isTooltipHalted = halt;
+        if (halt && ElementTooltip._isTooltipVisible)
+            ElementTooltip.hideTooltip();
+    }
+    render() {
+        if (!this.state.isVisible)
+            return null;
+        const className = classnames("uifw-element-tooltip", this.props.className);
+        const messageNode = React.createElement(MessageDiv, { message: this.state.message });
+        return (React.createElement("div", { className: "uifw-element-tooltip-container" },
+            React.createElement(Tooltip, { className: className, style: this.props.style, position: this.state.position, onSizeChanged: this._handleSizeChanged }, messageNode)));
+    }
+    componentDidMount() {
+        ElementTooltip.onElementTooltipChangedEvent.addListener(this._handleElementTooltipChangedEvent);
+    }
+    componentWillUnmount() {
+        ElementTooltip.onElementTooltipChangedEvent.removeListener(this._handleElementTooltipChangedEvent);
+    }
+    updatePosition() {
+        this.setState((prevState) => {
+            if (!this._element)
+                return null;
+            // istanbul ignore next
+            if (!this._position)
+                return null;
+            const containerBounds = Rectangle.create(this._element.getBoundingClientRect());
+            const relativeBounds = Rectangle.createFromSize(this._size).offset(this._position);
+            const adjustedPosition = offsetAndContainInContainer(relativeBounds, containerBounds.getSize(), { x: 8, y: 8 });
+            const position = adjustedPosition.offset(containerBounds.topLeft());
+            // istanbul ignore else
+            if (position.equals(prevState.position))
+                return null;
+            // istanbul ignore next
+            return {
+                position,
+            };
+        });
+    }
+}
+ElementTooltip._elementTooltipChangedEvent = new ElementTooltipChangedEvent();
+//# sourceMappingURL=ElementTooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElementTooltip.js","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ElementTooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Notification\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { XAndY } from \"@itwin/core-geometry\";\r\nimport { ToolTipOptions } from \"@itwin/core-frontend\";\r\nimport { PointProps } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, Point, Rectangle, SizeProps, UiEvent } from \"@itwin/core-react\";\r\nimport { offsetAndContainInContainer, Tooltip } from \"@itwin/appui-layout-react\";\r\nimport { MessageDiv } from \"../messages/MessageSpan\";\r\nimport { NotifyMessageType } from \"../messages/ReactNotifyMessageDetails\";\r\n\r\n/** [[ElementTooltip]] State.\r\n * @internal\r\n */\r\ninterface ElementTooltipState {\r\n  isVisible: boolean;\r\n  message: NotifyMessageType;\r\n  position: PointProps;\r\n  options?: ToolTipOptions;\r\n}\r\n\r\n/** [[ElementTooltipChangedEvent]] arguments.\r\n * @public\r\n */\r\nexport interface ElementTooltipChangedEventArgs {\r\n  isTooltipVisible: boolean;\r\n  message: NotifyMessageType;\r\n  el?: HTMLElement;\r\n  pt?: XAndY;\r\n  options?: ToolTipOptions;\r\n}\r\n\r\n/** ElementTooltip Changed Event class.\r\n * @public\r\n */\r\nexport class ElementTooltipChangedEvent extends UiEvent<ElementTooltipChangedEventArgs> { }\r\n\r\n/** ElementTooltip React component.\r\n * @public\r\n */\r\nexport class ElementTooltip extends React.Component<CommonProps, ElementTooltipState> {\r\n  private static _elementTooltipChangedEvent: ElementTooltipChangedEvent = new ElementTooltipChangedEvent();\r\n  private static _isTooltipVisible: boolean;\r\n  private static _isTooltipHalted: boolean;\r\n\r\n  public static get onElementTooltipChangedEvent(): ElementTooltipChangedEvent { return ElementTooltip._elementTooltipChangedEvent; }\r\n  public static get isTooltipVisible(): boolean { return ElementTooltip._isTooltipVisible; }\r\n\r\n  public static showTooltip(el: HTMLElement, message: NotifyMessageType, pt?: XAndY, options?: ToolTipOptions): void {\r\n    // istanbul ignore if\r\n    if (ElementTooltip._isTooltipHalted)\r\n      return;\r\n    ElementTooltip._isTooltipVisible = true;\r\n    ElementTooltip.onElementTooltipChangedEvent.emit({ isTooltipVisible: true, el, message, pt, options });\r\n  }\r\n\r\n  public static hideTooltip(): void {\r\n    ElementTooltip._isTooltipVisible = false;\r\n    ElementTooltip.onElementTooltipChangedEvent.emit({ isTooltipVisible: false, message: \"\" });\r\n  }\r\n\r\n  // istanbul ignore next\r\n  public static get isTooltipHalted(): boolean { return ElementTooltip._isTooltipHalted; }\r\n  // istanbul ignore next\r\n  public static set isTooltipHalted(halt: boolean) {\r\n    ElementTooltip._isTooltipHalted = halt;\r\n    if (halt && ElementTooltip._isTooltipVisible)\r\n      ElementTooltip.hideTooltip();\r\n  }\r\n\r\n  private _size: SizeProps = {\r\n    height: 0,\r\n    width: 0,\r\n  };\r\n  private _element?: HTMLElement;\r\n  private _position?: PointProps;\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<ElementTooltipState> = {\r\n    message: \"\",\r\n    isVisible: false,\r\n    position: {\r\n      x: 0,\r\n      y: 0,\r\n    },\r\n  };\r\n\r\n  constructor(props: CommonProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render() {\r\n    if (!this.state.isVisible)\r\n      return null;\r\n\r\n    const className = classnames(\r\n      \"uifw-element-tooltip\",\r\n      this.props.className);\r\n\r\n    const messageNode = <MessageDiv message={this.state.message} />;\r\n\r\n    return (\r\n      <div className=\"uifw-element-tooltip-container\">\r\n        <Tooltip\r\n          className={className}\r\n          style={this.props.style}\r\n          position={this.state.position}\r\n          onSizeChanged={this._handleSizeChanged}\r\n        >\r\n          {messageNode}\r\n        </Tooltip>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  public override componentDidMount(): void {\r\n    ElementTooltip.onElementTooltipChangedEvent.addListener(this._handleElementTooltipChangedEvent);\r\n  }\r\n\r\n  public override componentWillUnmount(): void {\r\n    ElementTooltip.onElementTooltipChangedEvent.removeListener(this._handleElementTooltipChangedEvent);\r\n  }\r\n\r\n  private _handleElementTooltipChangedEvent = (args: ElementTooltipChangedEventArgs) => {\r\n    this._element = args.el;\r\n    this._position = args.pt;\r\n    this.setState({\r\n      isVisible: args.isTooltipVisible,\r\n      message: args.message,\r\n    });\r\n    this.updatePosition();\r\n  };\r\n\r\n  // istanbul ignore next\r\n  private _handleSizeChanged = (size: SizeProps) => {\r\n    this._size = size;\r\n    this.updatePosition();\r\n  };\r\n\r\n  private updatePosition() {\r\n    this.setState((prevState) => {\r\n      if (!this._element)\r\n        return null;\r\n      // istanbul ignore next\r\n      if (!this._position)\r\n        return null;\r\n\r\n      const containerBounds = Rectangle.create(this._element.getBoundingClientRect());\r\n      const relativeBounds = Rectangle.createFromSize(this._size).offset(this._position);\r\n      const adjustedPosition: Point = offsetAndContainInContainer(relativeBounds, containerBounds.getSize(), { x: 8, y: 8 });\r\n      const position = adjustedPosition.offset(containerBounds.topLeft());\r\n\r\n      // istanbul ignore else\r\n      if (position.equals(prevState.position))\r\n        return null;\r\n\r\n      // istanbul ignore next\r\n      return {\r\n        position,\r\n      };\r\n    });\r\n  }\r\n}\r\n"]}

package/lib/esm/appui-react/feedback/ValidationTextbox.d.ts

@@ -0,0 +1,72 @@
+/** @packageDocumentation
+ * @module Notification
+ */
+import "./ValidationTextbox.scss";
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Enum for Input Status used in [[ValidationTextbox]]
+ * @alpha
+ */
+export declare enum InputStatus {
+    Valid = 0,
+    Invalid = 1
+}
+/** Property interface for ValidationTextbox
+ * @alpha
+ */
+interface ValidationTextboxProps extends CommonProps {
+    /** value to set ValidationTextbox to initially */
+    initialValue?: string;
+    /** placeholder value to show in gray before anything is entered in */
+    placeholder?: string;
+    /** triggered when the content of ValidationTextbox is changed. Return true if valid */
+    onValueChanged?: (value: string) => InputStatus;
+    /** listens for <Enter> key presses */
+    onEnterPressed?: () => void;
+    /** listens for <Esc> key presses */
+    onEscPressed?: () => void;
+    /** width of ValidationTextbox, measured in em */
+    size?: number;
+    /** Error message to display */
+    errorText?: string;
+    /** Detailed error message to display */
+    detailedErrorText?: string;
+}
+interface ValidationTextboxState {
+    isValid: boolean;
+}
+/**
+ * Input box that validates text based on provided criteria. Defaults to checking
+ * for empty if no method for onValueChanged is provided.
+ * @alpha
+ */
+export declare class ValidationTextbox extends React.PureComponent<ValidationTextboxProps, ValidationTextboxState> {
+    constructor(props: ValidationTextboxProps);
+    /** @internal */
+    render(): React.ReactNode;
+    private processValidateText;
+    /**
+     * Determines if value is valid and resolves any defined functions.
+     * Also will show or hide error message if defined.
+     * @param event   Button press event that triggers validation
+     */
+    private _validateText;
+    /**
+     * Determines if value provided is valid by calling user defined
+     * function. If no function is provided, the default criteria for
+     * validity is if the value has been defined.
+     * @param value   The value provided in textbox
+     */
+    private _calculateIsValid;
+    /** Hides error message */
+    private _hideErrorMessage;
+    /** Displays error message. */
+    private _showErrorMessage;
+    /**
+     * Manages special key codes by calling user defined functions
+     * @param event   Keyup event
+     */
+    private _handleKeyUp;
+}
+export {};
+//# sourceMappingURL=ValidationTextbox.d.ts.map

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

@@ -0,0 +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,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD;;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;CAC5B;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;;GAIG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;gBAC5F,KAAK,EAAE,sBAAsB;IAMzC,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;IAqCzC,OAAO,CAAC,mBAAmB;IAmB3B;;;;OAIG;IACH,OAAO,CAAC,aAAa,CAEnB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAMzB,0BAA0B;IAC1B,OAAO,CAAC,iBAAiB;IAIzB,8BAA8B;IAC9B,OAAO,CAAC,iBAAiB;IAKzB;;;OAGG;IACH,OAAO,CAAC,YAAY,CAelB;CACH"}