@itwin/appui-react 3.4.0-dev.62 → 3.4.0-dev.63

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

@@ -1,39 +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;
+/** @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.js

@@ -1,79 +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) })));
-}
+/*---------------------------------------------------------------------------------------------
+* 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

@@ -1 +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"]}
+{"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 * as React from \"react\";\nimport { Dialog } from \"@itwin/core-react\";\nimport { DialogButtonDef, DialogButtonType, DialogLayoutDataProvider } from \"@itwin/appui-abstract\";\nimport { getUniqueId } from \"@itwin/appui-layout-react\";\nimport { ModalDialogManager } from \"./ModalDialogManager\";\nimport { ModelessDialogManager } from \"./ModelessDialogManager\";\nimport { DefaultDialogGridContainer } from \"../uiprovider/DefaultDialogGridContainer\";\nimport { ComponentGenerator } from \"../uiprovider/ComponentGenerator\";\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({ uiDataProvider, id, isModal, ...dialogProps }: 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)\n      ModalDialogManager.closeDialog();\n    else\n      ModelessDialogManager.closeDialog(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((buttons: DialogButtonDef[] | undefined) => {\n    // istanbul ignore else\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  }, [handleCancel, handleOk]);\n  const [buttonCluster, setButtonCluster] = React.useState(() => generateButtonCluster(uiDataProvider.supplyButtonData()));\n\n  React.useEffect(() => {\n    const handleReloaded = () => {\n      setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));\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(generateButtonCluster(uiDataProvider.supplyButtonData()));\n    };\n    uiDataProvider.onButtonsReloadedEvent.addListener(handleButtonReloaded);\n    return () => {\n      uiDataProvider.onButtonsReloadedEvent.removeListener(handleButtonReloaded);\n    };\n  }, [generateButtonCluster, uiDataProvider]);\n\n  const handleClose = React.useCallback(() => closeDialog(), []);\n\n  return (<Dialog {...dialogProps}\n    opened={true}\n    modal={isModal}\n    buttonCluster={buttonCluster}\n    onClose={handleClose}\n    onEscape={handleClose}\n  >\n    <DefaultDialogGridContainer componentGenerator={new ComponentGenerator(uiDataProvider)} />\n  </Dialog>\n  );\n}\n"]}

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

@@ -1,22 +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;
-}
+/** @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.js

@@ -1,29 +1,29 @@
-/*---------------------------------------------------------------------------------------------
-* 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: // eslint-disable-line deprecation/deprecation
-                return (React.createElement(MergeTarget, { className: this.props.className, 
-                    // eslint-disable-next-line deprecation/deprecation
-                    onTargetChanged: (isTargeted) => this.props.targetChangeHandler.handleTargetChanged(this.props.zoneId, ZoneTargetType.Merge, isTargeted), style: this.props.style }));
-            case ZoneTargetType.Back: // eslint-disable-line deprecation/deprecation
-                return (React.createElement(BackTarget, { className: this.props.className, 
-                    // eslint-disable-next-line deprecation/deprecation
-                    onTargetChanged: (isTargeted) => this.props.targetChangeHandler.handleTargetChanged(this.props.zoneId, ZoneTargetType.Back, isTargeted), style: this.props.style, zoneIndex: this.props.zoneId }));
-            default:
-                return null;
-        }
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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: // eslint-disable-line deprecation/deprecation
+                return (React.createElement(MergeTarget, { className: this.props.className, 
+                    // eslint-disable-next-line deprecation/deprecation
+                    onTargetChanged: (isTargeted) => this.props.targetChangeHandler.handleTargetChanged(this.props.zoneId, ZoneTargetType.Merge, isTargeted), style: this.props.style }));
+            case ZoneTargetType.Back: // eslint-disable-line deprecation/deprecation
+                return (React.createElement(BackTarget, { className: this.props.className, 
+                    // eslint-disable-next-line deprecation/deprecation
+                    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

@@ -1 +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,EAAE,8CAA8C;gBACvE,OAAO,CACL,oBAAC,WAAW,IACV,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;oBAC/B,mDAAmD;oBACnD,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,EAAE,8CAA8C;gBACtE,OAAO,CACL,oBAAC,UAAU,IACT,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;oBAC/B,mDAAmD;oBACnD,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; // eslint-disable-line deprecation/deprecation\r\n  dropTarget: ZoneTargetType | undefined; // eslint-disable-line deprecation/deprecation\r\n  targetChangeHandler: TargetChangeHandler; // eslint-disable-line deprecation/deprecation\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: // eslint-disable-line deprecation/deprecation\r\n        return (\r\n          <MergeTarget\r\n            className={this.props.className}\r\n            // eslint-disable-next-line deprecation/deprecation\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: // eslint-disable-line deprecation/deprecation\r\n        return (\r\n          <BackTarget\r\n            className={this.props.className}\r\n            // eslint-disable-next-line deprecation/deprecation\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"]}
+{"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,EAAE,8CAA8C;gBACvE,OAAO,CACL,oBAAC,WAAW,IACV,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;oBAC/B,mDAAmD;oBACnD,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,EAAE,8CAA8C;gBACtE,OAAO,CACL,oBAAC,UAAU,IACT,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;oBAC/B,mDAAmD;oBACnD,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":["/*---------------------------------------------------------------------------------------------\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 Zone\n */\n\nimport * as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\nimport { BackTarget, MergeTarget, WidgetZoneId, ZoneTargetType } from \"@itwin/appui-layout-react\";\nimport { TargetChangeHandler } from \"../frontstage/FrontstageComposer\";\n\n/** Properties for the [[ZoneTargets]] component.\n * @internal\n */\nexport interface ZoneTargetsProps extends CommonProps {\n  zoneId: WidgetZoneId; // eslint-disable-line deprecation/deprecation\n  dropTarget: ZoneTargetType | undefined; // eslint-disable-line deprecation/deprecation\n  targetChangeHandler: TargetChangeHandler; // eslint-disable-line deprecation/deprecation\n}\n\n/** Zone Targets React component.\n * @internal\n */\nexport class ZoneTargets extends React.Component<ZoneTargetsProps> {\n  public override render(): React.ReactNode {\n    switch (this.props.dropTarget) {\n      case ZoneTargetType.Merge: // eslint-disable-line deprecation/deprecation\n        return (\n          <MergeTarget\n            className={this.props.className}\n            // eslint-disable-next-line deprecation/deprecation\n            onTargetChanged={(isTargeted) => this.props.targetChangeHandler.handleTargetChanged(this.props.zoneId, ZoneTargetType.Merge, isTargeted)}\n            style={this.props.style}\n          />\n        );\n      case ZoneTargetType.Back: // eslint-disable-line deprecation/deprecation\n        return (\n          <BackTarget\n            className={this.props.className}\n            // eslint-disable-next-line deprecation/deprecation\n            onTargetChanged={(isTargeted) => this.props.targetChangeHandler.handleTargetChanged(this.props.zoneId, ZoneTargetType.Back, isTargeted)}\n            style={this.props.style}\n            zoneIndex={this.props.zoneId}\n          />\n        );\n      default:\n        return null;\n    }\n  }\n}\n"]}

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

@@ -1,62 +1,62 @@
-/** @packageDocumentation
- * @module Notification
- */
-import * as React from "react";
-import { XAndY } from "@itwin/core-geometry";
-import { ToolTipOptions } from "@itwin/core-frontend";
-import { PointProps, UiEvent } from "@itwin/appui-abstract";
-import { CommonProps } 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 static _handleMouseMove;
-    private _handleElementTooltipChangedEvent;
-    private _handleSizeChanged;
-    private updatePosition;
-}
-export {};
+/** @packageDocumentation
+ * @module Notification
+ */
+import * as React from "react";
+import { XAndY } from "@itwin/core-geometry";
+import { ToolTipOptions } from "@itwin/core-frontend";
+import { PointProps, UiEvent } from "@itwin/appui-abstract";
+import { CommonProps } 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 static _handleMouseMove;
+    private _handleElementTooltipChangedEvent;
+    private _handleSizeChanged;
+    private updatePosition;
+}
+export {};
 //# sourceMappingURL=ElementTooltip.d.ts.map