@itwin/core-react 3.4.0-dev.59 → 3.4.0-dev.60

package/lib/esm/core-react/notification/MessageRenderer.js

@@ -1,78 +1,78 @@
-/*---------------------------------------------------------------------------------------------
-* 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 * as React from "react";
-import DOMPurify, * as DOMPurifyNS from "dompurify";
-import { isHTMLElement, isReactMessage } from "./MessageType";
-/** React component renders a string, HTMLElement or React node in a `div` or `span`
- * @public
- */
-export function MessageRenderer(props) {
-    let messageNode = null;
-    const OutElement = props.useSpan ? "span" : "div";
-    if (typeof props.message === "string") {
-        messageNode = React.createElement(OutElement, { className: props.className }, props.message);
-    }
-    else if (isHTMLElement(props.message)) {
-        // the esm build of dompurify has a default import but the cjs build does not
-        // if there is a default export, use it (likely esm), otherwise use the namespace
-        // istanbul ignore next
-        const sanitizer = DOMPurify !== null && DOMPurify !== void 0 ? DOMPurify : DOMPurifyNS; // `sanitizer` is default function name for "jam3/no-sanitizer-with-danger" ESLint rule
-        let validAnchors = false;
-        let hasAnchors = false;
-        // verify that the tag has proper relationships
-        const isAnchorValid = (anchor) => {
-            return anchor.hasAttribute("rel") && (anchor.rel.includes("noopener") || anchor.rel.includes("noreferrer"));
-        };
-        // recursively check child elements for valid anchor tags
-        const checkChildAnchors = (parent) => {
-            const children = Array.from(parent.children);
-            for (const child of children) {
-                if (child.hasAttribute("target") && child.target === "_blank") {
-                    hasAnchors = true;
-                    validAnchors = isAnchorValid(child);
-                    if (!validAnchors) {
-                        return;
-                    }
-                }
-                checkChildAnchors(child);
-            }
-        };
-        // check for anchor tags in the message that have target _blank also have a relationship that avoids security holes
-        // https://web.dev/external-anchors-use-rel-noopener/
-        // first check the message element
-        /* istanbul ignore else */
-        if (props.message.hasAttribute("target") && props.message.target === "_blank") {
-            hasAnchors = true;
-            validAnchors = isAnchorValid(props.message);
-        }
-        else {
-            // if the message element is not an anchor, recursively verify it's children
-            if (props.message.children) {
-                checkChildAnchors(props.message);
-            }
-        }
-        let sanitizedHtml;
-        if (hasAnchors && validAnchors) {
-            // all anchors are valid. do not remove the target attr
-            sanitizedHtml = sanitizer.sanitize(props.message.outerHTML, { ADD_ATTR: ["target"] });
-        }
-        else {
-            sanitizedHtml = sanitizer.sanitize(props.message.outerHTML);
-        }
-        // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above
-        // eslint-disable-next-line @typescript-eslint/naming-convention, jam3/no-sanitizer-with-danger
-        messageNode = React.createElement(OutElement, { className: props.className, dangerouslySetInnerHTML: { __html: sanitizedHtml } });
-    }
-    else {
-        /* istanbul ignore else */
-        if (isReactMessage(props.message))
-            messageNode = React.createElement(OutElement, { className: props.className }, props.message.reactNode);
-    }
-    return messageNode;
-}
+/*---------------------------------------------------------------------------------------------
+* 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 * as React from "react";
+import DOMPurify, * as DOMPurifyNS from "dompurify";
+import { isHTMLElement, isReactMessage } from "./MessageType";
+/** React component renders a string, HTMLElement or React node in a `div` or `span`
+ * @public
+ */
+export function MessageRenderer(props) {
+    let messageNode = null;
+    const OutElement = props.useSpan ? "span" : "div";
+    if (typeof props.message === "string") {
+        messageNode = React.createElement(OutElement, { className: props.className }, props.message);
+    }
+    else if (isHTMLElement(props.message)) {
+        // the esm build of dompurify has a default import but the cjs build does not
+        // if there is a default export, use it (likely esm), otherwise use the namespace
+        // istanbul ignore next
+        const sanitizer = DOMPurify !== null && DOMPurify !== void 0 ? DOMPurify : DOMPurifyNS; // `sanitizer` is default function name for "jam3/no-sanitizer-with-danger" ESLint rule
+        let validAnchors = false;
+        let hasAnchors = false;
+        // verify that the tag has proper relationships
+        const isAnchorValid = (anchor) => {
+            return anchor.hasAttribute("rel") && (anchor.rel.includes("noopener") || anchor.rel.includes("noreferrer"));
+        };
+        // recursively check child elements for valid anchor tags
+        const checkChildAnchors = (parent) => {
+            const children = Array.from(parent.children);
+            for (const child of children) {
+                if (child.hasAttribute("target") && child.target === "_blank") {
+                    hasAnchors = true;
+                    validAnchors = isAnchorValid(child);
+                    if (!validAnchors) {
+                        return;
+                    }
+                }
+                checkChildAnchors(child);
+            }
+        };
+        // check for anchor tags in the message that have target _blank also have a relationship that avoids security holes
+        // https://web.dev/external-anchors-use-rel-noopener/
+        // first check the message element
+        /* istanbul ignore else */
+        if (props.message.hasAttribute("target") && props.message.target === "_blank") {
+            hasAnchors = true;
+            validAnchors = isAnchorValid(props.message);
+        }
+        else {
+            // if the message element is not an anchor, recursively verify it's children
+            if (props.message.children) {
+                checkChildAnchors(props.message);
+            }
+        }
+        let sanitizedHtml;
+        if (hasAnchors && validAnchors) {
+            // all anchors are valid. do not remove the target attr
+            sanitizedHtml = sanitizer.sanitize(props.message.outerHTML, { ADD_ATTR: ["target"] });
+        }
+        else {
+            sanitizedHtml = sanitizer.sanitize(props.message.outerHTML);
+        }
+        // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above
+        // eslint-disable-next-line @typescript-eslint/naming-convention, jam3/no-sanitizer-with-danger
+        messageNode = React.createElement(OutElement, { className: props.className, dangerouslySetInnerHTML: { __html: sanitizedHtml } });
+    }
+    else {
+        /* istanbul ignore else */
+        if (isReactMessage(props.message))
+            messageNode = React.createElement(OutElement, { className: props.className }, props.message.reactNode);
+    }
+    return messageNode;
+}
 //# sourceMappingURL=MessageRenderer.js.map

package/lib/esm/core-react/notification/MessageRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageRenderer.js","sourceRoot":"","sources":["../../../../src/core-react/notification/MessageRenderer.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 * as React from \"react\";\nimport DOMPurify, * as DOMPurifyNS from \"dompurify\";\nimport { isHTMLElement, isReactMessage, MessageType } from \"./MessageType\";\nimport { ClassNameProps } from \"../utils/Props\";\n\n// cSpell:ignore dompurify\n\n/** Properties for the [[MessageRenderer]] component\n * @public\n */\nexport interface MessageRendererProps extends ClassNameProps {\n  /** Message to render */\n  message: MessageType;\n  /** Indicates whether to use a `span` or `div` element for rendering */\n  useSpan?: boolean;\n}\n\n/** React component renders a string, HTMLElement or React node in a `div` or `span`\n * @public\n */\nexport function MessageRenderer(props: MessageRendererProps) {\n  let messageNode = null;\n  const OutElement = props.useSpan ? \"span\" : \"div\";\n\n  if (typeof props.message === \"string\") {\n    messageNode = <OutElement className={props.className}>{props.message}</OutElement>;\n  } else if (isHTMLElement(props.message)) {\n    // the esm build of dompurify has a default import but the cjs build does not\n    // if there is a default export, use it (likely esm), otherwise use the namespace\n    // istanbul ignore next\n    const sanitizer = DOMPurify ?? DOMPurifyNS; // `sanitizer` is default function name for \"jam3/no-sanitizer-with-danger\" ESLint rule\n\n    let validAnchors = false;\n    let hasAnchors = false;\n\n    // verify that the tag has proper relationships\n    const isAnchorValid = (anchor: HTMLAnchorElement): boolean => {\n      return anchor.hasAttribute(\"rel\") && (anchor.rel.includes(\"noopener\") || anchor.rel.includes(\"noreferrer\"));\n    };\n\n    // recursively check child elements for valid anchor tags\n    const checkChildAnchors = (parent: Element) => {\n      const children = Array.from(parent.children);\n      for (const child of children){\n        if (child.hasAttribute(\"target\") && (child as HTMLAnchorElement).target === \"_blank\") {\n          hasAnchors = true;\n          validAnchors = isAnchorValid(child as HTMLAnchorElement);\n          if (!validAnchors) {\n            return;\n          }\n        }\n        checkChildAnchors(child);\n      }\n    };\n\n    // check for anchor tags in the message that have target _blank also have a relationship that avoids security holes\n    // https://web.dev/external-anchors-use-rel-noopener/\n    // first check the message element\n    /* istanbul ignore else */\n    if (props.message.hasAttribute(\"target\") && (props.message as HTMLAnchorElement).target === \"_blank\") {\n      hasAnchors = true;\n      validAnchors = isAnchorValid(props.message as HTMLAnchorElement);\n    } else {\n      // if the message element is not an anchor, recursively verify it's children\n      if (props.message.children) {\n        checkChildAnchors(props.message);\n      }\n    }\n\n    let sanitizedHtml;\n    if (hasAnchors && validAnchors) {\n      // all anchors are valid. do not remove the target attr\n      sanitizedHtml = sanitizer.sanitize(props.message.outerHTML, {ADD_ATTR: [\"target\"]});\n    } else {\n      sanitizedHtml = sanitizer.sanitize(props.message.outerHTML);\n    }\n\n    // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above\n    // eslint-disable-next-line @typescript-eslint/naming-convention, jam3/no-sanitizer-with-danger\n    messageNode = <OutElement className={props.className} dangerouslySetInnerHTML={{ __html: sanitizedHtml }} />;\n  } else {\n    /* istanbul ignore else */\n    if (isReactMessage(props.message))\n      messageNode = <OutElement className={props.className}>{props.message.reactNode}</OutElement>;\n  }\n\n  return messageNode;\n}\n"]}
+{"version":3,"file":"MessageRenderer.js","sourceRoot":"","sources":["../../../../src/core-react/notification/MessageRenderer.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 * as React from \"react\";\r\nimport DOMPurify, * as DOMPurifyNS from \"dompurify\";\r\nimport { isHTMLElement, isReactMessage, MessageType } from \"./MessageType\";\r\nimport { ClassNameProps } from \"../utils/Props\";\r\n\r\n// cSpell:ignore dompurify\r\n\r\n/** Properties for the [[MessageRenderer]] component\r\n * @public\r\n */\r\nexport interface MessageRendererProps extends ClassNameProps {\r\n  /** Message to render */\r\n  message: MessageType;\r\n  /** Indicates whether to use a `span` or `div` element for rendering */\r\n  useSpan?: boolean;\r\n}\r\n\r\n/** React component renders a string, HTMLElement or React node in a `div` or `span`\r\n * @public\r\n */\r\nexport function MessageRenderer(props: MessageRendererProps) {\r\n  let messageNode = null;\r\n  const OutElement = props.useSpan ? \"span\" : \"div\";\r\n\r\n  if (typeof props.message === \"string\") {\r\n    messageNode = <OutElement className={props.className}>{props.message}</OutElement>;\r\n  } else if (isHTMLElement(props.message)) {\r\n    // the esm build of dompurify has a default import but the cjs build does not\r\n    // if there is a default export, use it (likely esm), otherwise use the namespace\r\n    // istanbul ignore next\r\n    const sanitizer = DOMPurify ?? DOMPurifyNS; // `sanitizer` is default function name for \"jam3/no-sanitizer-with-danger\" ESLint rule\r\n\r\n    let validAnchors = false;\r\n    let hasAnchors = false;\r\n\r\n    // verify that the tag has proper relationships\r\n    const isAnchorValid = (anchor: HTMLAnchorElement): boolean => {\r\n      return anchor.hasAttribute(\"rel\") && (anchor.rel.includes(\"noopener\") || anchor.rel.includes(\"noreferrer\"));\r\n    };\r\n\r\n    // recursively check child elements for valid anchor tags\r\n    const checkChildAnchors = (parent: Element) => {\r\n      const children = Array.from(parent.children);\r\n      for (const child of children){\r\n        if (child.hasAttribute(\"target\") && (child as HTMLAnchorElement).target === \"_blank\") {\r\n          hasAnchors = true;\r\n          validAnchors = isAnchorValid(child as HTMLAnchorElement);\r\n          if (!validAnchors) {\r\n            return;\r\n          }\r\n        }\r\n        checkChildAnchors(child);\r\n      }\r\n    };\r\n\r\n    // check for anchor tags in the message that have target _blank also have a relationship that avoids security holes\r\n    // https://web.dev/external-anchors-use-rel-noopener/\r\n    // first check the message element\r\n    /* istanbul ignore else */\r\n    if (props.message.hasAttribute(\"target\") && (props.message as HTMLAnchorElement).target === \"_blank\") {\r\n      hasAnchors = true;\r\n      validAnchors = isAnchorValid(props.message as HTMLAnchorElement);\r\n    } else {\r\n      // if the message element is not an anchor, recursively verify it's children\r\n      if (props.message.children) {\r\n        checkChildAnchors(props.message);\r\n      }\r\n    }\r\n\r\n    let sanitizedHtml;\r\n    if (hasAnchors && validAnchors) {\r\n      // all anchors are valid. do not remove the target attr\r\n      sanitizedHtml = sanitizer.sanitize(props.message.outerHTML, {ADD_ATTR: [\"target\"]});\r\n    } else {\r\n      sanitizedHtml = sanitizer.sanitize(props.message.outerHTML);\r\n    }\r\n\r\n    // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention, jam3/no-sanitizer-with-danger\r\n    messageNode = <OutElement className={props.className} dangerouslySetInnerHTML={{ __html: sanitizedHtml }} />;\r\n  } else {\r\n    /* istanbul ignore else */\r\n    if (isReactMessage(props.message))\r\n      messageNode = <OutElement className={props.className}>{props.message.reactNode}</OutElement>;\r\n  }\r\n\r\n  return messageNode;\r\n}\r\n"]}

package/lib/esm/core-react/notification/MessageType.d.ts

@@ -1,23 +1,23 @@
-/** @packageDocumentation
- * @module Notification
- */
-import * as React from "react";
-/** Describes a React based message
- * @public
- */
-export interface ReactMessage {
-    reactNode: React.ReactNode;
-}
-/** Types for message
- * @public
- */
-export declare type MessageType = string | HTMLElement | ReactMessage;
-/** HTMLElement type guard.
- * @internal
- */
-export declare const isHTMLElement: (message: MessageType) => message is HTMLElement;
-/** ReactMessage type guard.
- * @internal
- */
-export declare const isReactMessage: (message: MessageType) => message is ReactMessage;
+/** @packageDocumentation
+ * @module Notification
+ */
+import * as React from "react";
+/** Describes a React based message
+ * @public
+ */
+export interface ReactMessage {
+    reactNode: React.ReactNode;
+}
+/** Types for message
+ * @public
+ */
+export declare type MessageType = string | HTMLElement | ReactMessage;
+/** HTMLElement type guard.
+ * @internal
+ */
+export declare const isHTMLElement: (message: MessageType) => message is HTMLElement;
+/** ReactMessage type guard.
+ * @internal
+ */
+export declare const isReactMessage: (message: MessageType) => message is ReactMessage;
 //# sourceMappingURL=MessageType.d.ts.map

package/lib/esm/core-react/notification/MessageType.js

@@ -1,20 +1,20 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-/** HTMLElement type guard.
- * @internal
- */
-export const isHTMLElement = (message) => {
-    return message.outerHTML !== undefined;
-};
-/** ReactMessage type guard.
- * @internal
- */
-export const isReactMessage = (message) => {
-    return message.reactNode !== undefined;
-};
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+/** HTMLElement type guard.
+ * @internal
+ */
+export const isHTMLElement = (message) => {
+    return message.outerHTML !== undefined;
+};
+/** ReactMessage type guard.
+ * @internal
+ */
+export const isReactMessage = (message) => {
+    return message.reactNode !== undefined;
+};
 //# sourceMappingURL=MessageType.js.map

package/lib/esm/core-react/notification/MessageType.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageType.js","sourceRoot":"","sources":["../../../../src/core-react/notification/MessageType.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAgBH;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAoB,EAA0B,EAAE;IAC5E,OAAQ,OAAuB,CAAC,SAAS,KAAK,SAAS,CAAC;AAC1D,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAoB,EAA2B,EAAE;IAC9E,OAAQ,OAAwB,CAAC,SAAS,KAAK,SAAS,CAAC;AAC3D,CAAC,CAAC","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 * as React from \"react\";\n\n/** Describes a React based message\n * @public\n */\nexport interface ReactMessage {\n  reactNode: React.ReactNode;\n}\n\n/** Types for message\n * @public\n */\nexport type MessageType = string | HTMLElement | ReactMessage;\n\n/** HTMLElement type guard.\n * @internal\n */\nexport const isHTMLElement = (message: MessageType): message is HTMLElement => {\n  return (message as HTMLElement).outerHTML !== undefined;\n};\n\n/** ReactMessage type guard.\n * @internal\n */\nexport const isReactMessage = (message: MessageType): message is ReactMessage => {\n  return (message as ReactMessage).reactNode !== undefined;\n};\n"]}
+{"version":3,"file":"MessageType.js","sourceRoot":"","sources":["../../../../src/core-react/notification/MessageType.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAgBH;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAoB,EAA0B,EAAE;IAC5E,OAAQ,OAAuB,CAAC,SAAS,KAAK,SAAS,CAAC;AAC1D,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAoB,EAA2B,EAAE;IAC9E,OAAQ,OAAwB,CAAC,SAAS,KAAK,SAAS,CAAC;AAC3D,CAAC,CAAC","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 * as React from \"react\";\r\n\r\n/** Describes a React based message\r\n * @public\r\n */\r\nexport interface ReactMessage {\r\n  reactNode: React.ReactNode;\r\n}\r\n\r\n/** Types for message\r\n * @public\r\n */\r\nexport type MessageType = string | HTMLElement | ReactMessage;\r\n\r\n/** HTMLElement type guard.\r\n * @internal\r\n */\r\nexport const isHTMLElement = (message: MessageType): message is HTMLElement => {\r\n  return (message as HTMLElement).outerHTML !== undefined;\r\n};\r\n\r\n/** ReactMessage type guard.\r\n * @internal\r\n */\r\nexport const isReactMessage = (message: MessageType): message is ReactMessage => {\r\n  return (message as ReactMessage).reactNode !== undefined;\r\n};\r\n"]}

package/lib/esm/core-react/popup/Popup.d.ts

@@ -1,110 +1,110 @@
-/** @packageDocumentation
- * @module Popup
- */
-import "./Popup.scss";
-import * as React from "react";
-import { RelativePosition } from "@itwin/appui-abstract";
-import { CommonProps } from "../utils/Props";
-/** Properties for the [[Popup]] component
- * @public
- */
-export interface PopupProps extends CommonProps {
-    /** Show or hide the box shadow (defaults to true) */
-    showShadow: boolean;
-    /** Show or hide the arrow (defaults to false) */
-    showArrow: boolean;
-    /** Indicates whether the popup is shown or not (defaults to false) */
-    isOpen: boolean;
-    /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */
-    position: RelativePosition;
-    /** Top position (absolute positioning - defaults to 0) */
-    top: number;
-    /** Left position (absolute positioning - defaults to 0) */
-    left: number;
-    /** Function called when the popup is opened */
-    onOpen?: () => void;
-    /** Function called when user clicks outside the popup  */
-    onOutsideClick?: (e: MouseEvent) => void;
-    /** Function called when the popup is closed */
-    onClose?: () => void;
-    /** Function called when the popup is closed on Enter */
-    onEnter?: () => void;
-    /** Function called when the wheel is used */
-    onWheel?: (e: WheelEvent) => void;
-    /** Function called when the right mouse button is pressed */
-    onContextMenu?: (e: MouseEvent) => void;
-    /** Offset from the parent (defaults to 4) */
-    offset: number;
-    /** Target element to position popup */
-    target?: HTMLElement | null;
-    /** Role - if not specified "dialog" is used */
-    role?: "dialog" | "alert" | "alertdialog";
-    /** accessibility label */
-    ariaLabel?: string;
-    /** set focus to popup - default to not set focus */
-    moveFocus?: boolean;
-    /** Element to receive focus, specified by React.RefObject or CSS selector string. If undefined and moveFocus is true then focus is moved to first focusable element. */
-    focusTarget?: React.RefObject<HTMLElement> | string;
-    /** Indicates whether the popup is pinned. */
-    isPinned?: boolean;
-    /** Indicates whether to use animation for open/close (defaults to true) */
-    animate?: boolean;
-    /** Indicates whether to close the popup when Enter is pressed (defaults to true) */
-    closeOnEnter?: boolean;
-    /** Indicates whether to close the popup when the wheel is used (defaults to true) */
-    closeOnWheel?: boolean;
-    /** Indicates whether to close the popup when the right mouse button is pressed (defaults to true) */
-    closeOnContextMenu?: boolean;
-    /** If false outside click processing and closing are skipped if click occurs in another Popup component, default to false. */
-    closeOnNestedPopupOutsideClick?: boolean;
-    /** If true the children are mounted once and unmounted when this component is unmounted. If false the
-     * children are unmounted each time the popup is closed. */
-    keepContentsMounted?: boolean;
-    /**
-     * If true the popup will remain open and will be repositioned when window resize events occur, default to false.
-     * @beta
-     * */
-    repositionOnResize?: boolean;
-}
-/** @internal */
-interface PopupState {
-    isOpen: boolean;
-    top: number;
-    left: number;
-    position: RelativePosition;
-    parentDocument: Document;
-    animationEnded: boolean;
-}
-/** Popup React component displays a popup relative to an optional target element.
- * @public
- */
-export declare class Popup extends React.Component<PopupProps, PopupState> {
-    private _popup;
-    constructor(props: PopupProps);
-    static defaultProps: Partial<PopupProps>;
-    componentDidMount(): void;
-    private getParentWindow;
-    componentDidUpdate(previousProps: PopupProps, prevState: PopupState): void;
-    componentWillUnmount(): void;
-    private _bindWindowEvents;
-    private _unBindWindowEvents;
-    private _handleWheel;
-    private isInCorePopup;
-    private _handleOutsideClick;
-    private _handleContextMenu;
-    private _handleKeyboard;
-    private _resize;
-    private _hide;
-    private _onShow;
-    private _onClose;
-    private _isPositionAbsolute;
-    private _getClassNameByPosition;
-    private _getPopupDimensions;
-    private _getPosition;
-    private _toggleRelativePosition;
-    private _fitPopup;
-    private _handleAnimationEnd;
-    render(): React.ReactPortal | null;
-}
-export {};
+/** @packageDocumentation
+ * @module Popup
+ */
+import "./Popup.scss";
+import * as React from "react";
+import { RelativePosition } from "@itwin/appui-abstract";
+import { CommonProps } from "../utils/Props";
+/** Properties for the [[Popup]] component
+ * @public
+ */
+export interface PopupProps extends CommonProps {
+    /** Show or hide the box shadow (defaults to true) */
+    showShadow: boolean;
+    /** Show or hide the arrow (defaults to false) */
+    showArrow: boolean;
+    /** Indicates whether the popup is shown or not (defaults to false) */
+    isOpen: boolean;
+    /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */
+    position: RelativePosition;
+    /** Top position (absolute positioning - defaults to 0) */
+    top: number;
+    /** Left position (absolute positioning - defaults to 0) */
+    left: number;
+    /** Function called when the popup is opened */
+    onOpen?: () => void;
+    /** Function called when user clicks outside the popup  */
+    onOutsideClick?: (e: MouseEvent) => void;
+    /** Function called when the popup is closed */
+    onClose?: () => void;
+    /** Function called when the popup is closed on Enter */
+    onEnter?: () => void;
+    /** Function called when the wheel is used */
+    onWheel?: (e: WheelEvent) => void;
+    /** Function called when the right mouse button is pressed */
+    onContextMenu?: (e: MouseEvent) => void;
+    /** Offset from the parent (defaults to 4) */
+    offset: number;
+    /** Target element to position popup */
+    target?: HTMLElement | null;
+    /** Role - if not specified "dialog" is used */
+    role?: "dialog" | "alert" | "alertdialog";
+    /** accessibility label */
+    ariaLabel?: string;
+    /** set focus to popup - default to not set focus */
+    moveFocus?: boolean;
+    /** Element to receive focus, specified by React.RefObject or CSS selector string. If undefined and moveFocus is true then focus is moved to first focusable element. */
+    focusTarget?: React.RefObject<HTMLElement> | string;
+    /** Indicates whether the popup is pinned. */
+    isPinned?: boolean;
+    /** Indicates whether to use animation for open/close (defaults to true) */
+    animate?: boolean;
+    /** Indicates whether to close the popup when Enter is pressed (defaults to true) */
+    closeOnEnter?: boolean;
+    /** Indicates whether to close the popup when the wheel is used (defaults to true) */
+    closeOnWheel?: boolean;
+    /** Indicates whether to close the popup when the right mouse button is pressed (defaults to true) */
+    closeOnContextMenu?: boolean;
+    /** If false outside click processing and closing are skipped if click occurs in another Popup component, default to false. */
+    closeOnNestedPopupOutsideClick?: boolean;
+    /** If true the children are mounted once and unmounted when this component is unmounted. If false the
+     * children are unmounted each time the popup is closed. */
+    keepContentsMounted?: boolean;
+    /**
+     * If true the popup will remain open and will be repositioned when window resize events occur, default to false.
+     * @beta
+     * */
+    repositionOnResize?: boolean;
+}
+/** @internal */
+interface PopupState {
+    isOpen: boolean;
+    top: number;
+    left: number;
+    position: RelativePosition;
+    parentDocument: Document;
+    animationEnded: boolean;
+}
+/** Popup React component displays a popup relative to an optional target element.
+ * @public
+ */
+export declare class Popup extends React.Component<PopupProps, PopupState> {
+    private _popup;
+    constructor(props: PopupProps);
+    static defaultProps: Partial<PopupProps>;
+    componentDidMount(): void;
+    private getParentWindow;
+    componentDidUpdate(previousProps: PopupProps, prevState: PopupState): void;
+    componentWillUnmount(): void;
+    private _bindWindowEvents;
+    private _unBindWindowEvents;
+    private _handleWheel;
+    private isInCorePopup;
+    private _handleOutsideClick;
+    private _handleContextMenu;
+    private _handleKeyboard;
+    private _resize;
+    private _hide;
+    private _onShow;
+    private _onClose;
+    private _isPositionAbsolute;
+    private _getClassNameByPosition;
+    private _getPopupDimensions;
+    private _getPosition;
+    private _toggleRelativePosition;
+    private _fitPopup;
+    private _handleAnimationEnd;
+    render(): React.ReactPortal | null;
+}
+export {};
 //# sourceMappingURL=Popup.d.ts.map