@itwin/core-react 4.10.0 → 4.12.0

package/lib/cjs/core-react/l10n/usePackageTranslation.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePackageTranslation = void 0;
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+const React = require("react");
+const LocalizationProvider_1 = require("./LocalizationProvider");
+/** Used by AppUI packages internally to define package specific `useTranslation` hook.
+ * Uses a localization provider to translate the provided key with a specified namespace. Multiple fallback layers are used to resolve the translation:
+ * - Return value of a specified `fallback` function.
+ * - Default value looked up from a specified `defaults` object.
+ * - Lastly `key` argument of the translation function is returned.
+ * @internal
+ */
+function usePackageTranslation({ namespace, fallback, defaults, }) {
+    const localization = (0, LocalizationProvider_1.useLocalization)();
+    const [registered, setRegistered] = React.useState(false);
+    React.useEffect(() => {
+        if (!localization)
+            return;
+        let ignore = false;
+        setRegistered(false);
+        void (async () => {
+            await localization.registerNamespace(namespace);
+            if (ignore)
+                return;
+            setRegistered(true);
+        })();
+        return () => {
+            ignore = true;
+        };
+    }, [localization, namespace]);
+    const translate = React.useCallback((key) => {
+        if (localization && registered) {
+            return localization.getLocalizedString(`${namespace}:${key}`);
+        }
+        const fallbackTranslation = fallback(key);
+        if (fallbackTranslation !== undefined) {
+            return fallbackTranslation;
+        }
+        const defaultValue = getDefaultValue(defaults, key);
+        return defaultValue !== null && defaultValue !== void 0 ? defaultValue : key;
+    }, [localization, namespace, fallback, defaults, registered]);
+    return { translate };
+}
+exports.usePackageTranslation = usePackageTranslation;
+function getDefaultValue(defaults, propertyKey) {
+    const keys = propertyKey.split(".");
+    let prop = defaults;
+    for (const key of keys) {
+        if (!(key in prop)) {
+            prop = undefined;
+            break;
+        }
+        prop = prop[key];
+    }
+    if (typeof prop !== "string") {
+        return undefined;
+    }
+    return prop;
+}
+//# sourceMappingURL=usePackageTranslation.js.map

package/lib/cjs/core-react/l10n/usePackageTranslation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePackageTranslation.js","sourceRoot":"","sources":["../../../../src/core-react/l10n/usePackageTranslation.tsx"],"names":[],"mappings":";;;AAAA;;;gGAGgG;AAChG,+BAA+B;AAC/B,iEAAyD;AAEzD;;;;;;GAMG;AACH,SAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,QAAQ,EACR,QAAQ,GAKT;IACC,MAAM,YAAY,GAAG,IAAA,sCAAe,GAAE,CAAC;IACvC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,IAAI,MAAM,GAAG,KAAK,CAAC;QACnB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,KAAK,CAAC,KAAK,IAAI,EAAE;YACf,MAAM,YAAY,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;YAChD,IAAI,MAAM;gBAAE,OAAO;YACnB,aAAa,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC,CAAC,EAAE,CAAC;QACL,OAAO,GAAG,EAAE;YACV,MAAM,GAAG,IAAI,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAC9B,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,GAAW,EAAE,EAAE;QACd,IAAI,YAAY,IAAI,UAAU,EAAE;YAC9B,OAAO,YAAY,CAAC,kBAAkB,CAAC,GAAG,SAAS,IAAI,GAAG,EAAE,CAAC,CAAC;SAC/D;QAED,MAAM,mBAAmB,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,mBAAmB,KAAK,SAAS,EAAE;YACrC,OAAO,mBAAmB,CAAC;SAC5B;QAED,MAAM,YAAY,GAAG,eAAe,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QACpD,OAAO,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,GAAG,CAAC;IAC7B,CAAC,EACD,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAC1D,CAAC;IACF,OAAO,EAAE,SAAS,EAAE,CAAC;AACvB,CAAC;AA1CD,sDA0CC;AAED,SAAS,eAAe,CAAC,QAAgB,EAAE,WAAmB;IAC5D,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACpC,IAAI,IAAI,GAAQ,QAAQ,CAAC;IACzB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;QACtB,IAAI,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,EAAE;YAClB,IAAI,GAAG,SAAS,CAAC;YACjB,MAAM;SACP;QACD,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;KAClB;IACD,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,IAAI,CAAC;AACd,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 *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport { useLocalization } from \"./LocalizationProvider\";\n\n/** Used by AppUI packages internally to define package specific `useTranslation` hook.\n * Uses a localization provider to translate the provided key with a specified namespace. Multiple fallback layers are used to resolve the translation:\n * - Return value of a specified `fallback` function.\n * - Default value looked up from a specified `defaults` object.\n * - Lastly `key` argument of the translation function is returned.\n * @internal\n */\nexport function usePackageTranslation({\n  namespace,\n  fallback,\n  defaults,\n}: {\n  namespace: string;\n  fallback: (key: string) => string | undefined;\n  defaults: object;\n}) {\n  const localization = useLocalization();\n  const [registered, setRegistered] = React.useState(false);\n  React.useEffect(() => {\n    if (!localization) return;\n\n    let ignore = false;\n    setRegistered(false);\n    void (async () => {\n      await localization.registerNamespace(namespace);\n      if (ignore) return;\n      setRegistered(true);\n    })();\n    return () => {\n      ignore = true;\n    };\n  }, [localization, namespace]);\n  const translate = React.useCallback(\n    (key: string) => {\n      if (localization && registered) {\n        return localization.getLocalizedString(`${namespace}:${key}`);\n      }\n\n      const fallbackTranslation = fallback(key);\n      if (fallbackTranslation !== undefined) {\n        return fallbackTranslation;\n      }\n\n      const defaultValue = getDefaultValue(defaults, key);\n      return defaultValue ?? key;\n    },\n    [localization, namespace, fallback, defaults, registered]\n  );\n  return { translate };\n}\n\nfunction getDefaultValue(defaults: object, propertyKey: string) {\n  const keys = propertyKey.split(\".\");\n  let prop: any = defaults;\n  for (const key of keys) {\n    if (!(key in prop)) {\n      prop = undefined;\n      break;\n    }\n    prop = prop[key];\n  }\n  if (typeof prop !== \"string\") {\n    return undefined;\n  }\n  return prop;\n}\n"]}

package/lib/cjs/core-react/l10n/useTranslation.d.ts

@@ -0,0 +1,7 @@
+/** Returns a translation function to localize package components.
+ * @internal
+ */
+export declare function useTranslation(): {
+    translate: (key: string) => string;
+};
+//# sourceMappingURL=useTranslation.d.ts.map

package/lib/cjs/core-react/l10n/useTranslation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslation.d.ts","sourceRoot":"","sources":["../../../../src/core-react/l10n/useTranslation.tsx"],"names":[],"mappings":"AASA;;GAEG;AACH,wBAAgB,cAAc;;EAc7B"}

package/lib/cjs/core-react/l10n/useTranslation.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTranslation = void 0;
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+const defaults = require("../UiCore.json");
+const React = require("react");
+const UiCore_1 = require("../UiCore");
+const usePackageTranslation_1 = require("./usePackageTranslation");
+/** Returns a translation function to localize package components.
+ * @internal
+ */
+function useTranslation() {
+    const fallback = React.useCallback((key) => {
+        if (!UiCore_1.UiCore.initialized) {
+            return undefined;
+        }
+        // eslint-disable-next-line deprecation/deprecation
+        return UiCore_1.UiCore.translate(key);
+    }, []);
+    return (0, usePackageTranslation_1.usePackageTranslation)({
+        namespace: UiCore_1.UiCore.localizationNamespace,
+        fallback,
+        defaults,
+    });
+}
+exports.useTranslation = useTranslation;
+//# sourceMappingURL=useTranslation.js.map

package/lib/cjs/core-react/l10n/useTranslation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslation.js","sourceRoot":"","sources":["../../../../src/core-react/l10n/useTranslation.tsx"],"names":[],"mappings":";;;AAAA;;;gGAGgG;AAChG,2CAA2C;AAC3C,+BAA+B;AAC/B,sCAAmC;AACnC,mEAAgE;AAEhE;;GAEG;AACH,SAAgB,cAAc;IAC5B,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,GAAW,EAAE,EAAE;QACjD,IAAI,CAAC,eAAM,CAAC,WAAW,EAAE;YACvB,OAAO,SAAS,CAAC;SAClB;QAED,mDAAmD;QACnD,OAAO,eAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,IAAA,6CAAqB,EAAC;QAC3B,SAAS,EAAE,eAAM,CAAC,qBAAqB;QACvC,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;AACL,CAAC;AAdD,wCAcC","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 *--------------------------------------------------------------------------------------------*/\nimport * as defaults from \"../UiCore.json\";\nimport * as React from \"react\";\nimport { UiCore } from \"../UiCore\";\nimport { usePackageTranslation } from \"./usePackageTranslation\";\n\n/** Returns a translation function to localize package components.\n * @internal\n */\nexport function useTranslation() {\n  const fallback = React.useCallback((key: string) => {\n    if (!UiCore.initialized) {\n      return undefined;\n    }\n\n    // eslint-disable-next-line deprecation/deprecation\n    return UiCore.translate(key);\n  }, []);\n  return usePackageTranslation({\n    namespace: UiCore.localizationNamespace,\n    fallback,\n    defaults,\n  });\n}\n"]}

package/lib/cjs/core-react/listbox/Listbox.js

@@ -76,7 +76,7 @@ function Listbox(props) {
     const { ariaLabel, ariaLabelledBy, id, children, selectedValue, className, onListboxValueChange, onKeyDown, ...otherProps } = props;
     const listRef = React.useRef(null);
     const [listId] = React.useState(() => {
-        return id ?? core_bentley_1.Guid.createValue();
+        return id !== null && id !== void 0 ? id : core_bentley_1.Guid.createValue();
     });
     const optionValues = React.useMemo(() => getOptionValueArray(children), [children]);
     const classes = React.useMemo(() => (0, classnames_1.default)("core-listbox", className), [className]);
@@ -206,9 +206,10 @@ function ListboxItem(props) {
     const itemRef = React.useRef(null);
     const isSelected = listboxValue === value;
     const handleClick = React.useCallback((event) => {
+        var _a, _b;
         event.preventDefault();
         // istanbul ignore next
-        const selectedValue = event.currentTarget?.dataset?.value;
+        const selectedValue = (_b = (_a = event.currentTarget) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.value;
         // istanbul ignore else
         if (undefined !== selectedValue) {
             onListboxValueChange(selectedValue, event.ctrlKey);

package/lib/cjs/core-react/listbox/Listbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Listbox.js","sourceRoot":"","sources":["../../../../src/core-react/listbox/Listbox.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 *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { Key } from \"ts-key-enum\";\n\nimport \"./Listbox.scss\";\nimport { Guid } from \"@itwin/core-bentley\";\n\n/** Ideas borrowed from  https://reacttraining.com/reach-ui/listbox */\n\n/**\n * `Listbox` value.\n * @alpha\n */\nexport type ListboxValue = string;\n\n/**\n * `Listbox` Props.\n * @alpha\n */\nexport interface ListboxProps\n  extends React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLUListElement>,\n    HTMLUListElement\n  > {\n  id?: string;\n  selectedValue?: ListboxValue;\n  ariaLabel?: any;\n  ariaLabelledBy?: any;\n  onListboxValueChange?: (\n    newValue: ListboxValue,\n    isControlOrCommandPressed?: boolean\n  ) => void;\n}\n\n/**\n * `ListboxItem` Props.\n * @alpha\n */\nexport interface ListboxItemProps\n  extends React.DetailedHTMLProps<\n    React.LiHTMLAttributes<HTMLLIElement>,\n    HTMLLIElement\n  > {\n  /** The unique item's value. */\n  value: ListboxValue;\n  /** set if item is disabled. */\n  disabled?: boolean;\n}\n\n/**\n * `Listbox` Context.\n * @alpha\n */\nexport interface ListboxContextProps {\n  listboxId?: string;\n  listboxValue?: ListboxValue;\n  focusValue?: ListboxValue;\n  onListboxValueChange: (\n    newValue: ListboxValue,\n    isControlOrCommandPressed?: boolean\n  ) => void;\n  listboxRef?: React.RefObject<HTMLUListElement>;\n}\n\n/**\n * Context set up by listbox for use by `ListboxItems` .\n * @alpha\n */\n// istanbul ignore next\nexport const ListboxContext = React.createContext<ListboxContextProps>({\n  onListboxValueChange: (_newValue: ListboxValue | undefined) => {},\n});\n\nfunction makeId(...args: Array<string | number | null | undefined>) {\n  return args.filter((val) => val != null).join(\"--\");\n}\n\nfunction getOptionValueArray(childNodes: React.ReactNode): ListboxItemProps[] {\n  return React.Children.toArray(childNodes)\n    .filter((node) => React.isValidElement(node) && node.props.value)\n    .map(\n      (optionNode) =>\n        (optionNode as React.ReactElement).props as ListboxItemProps\n    );\n}\n\nfunction processKeyboardNavigation(\n  optionValues: ListboxItemProps[],\n  itemIndex: number,\n  key: string\n): [number, boolean] {\n  let keyProcessed = false;\n  let newIndex = itemIndex >= 0 ? itemIndex : 0;\n\n  // Note: In aria example Page Up/Down just moves up or down by one item. See https://www.w3.org/TR/wai-aria-practices-1.1/examples/listbox/js/listbox.js\n  if (key === Key.ArrowDown.valueOf() || key === Key.PageDown.valueOf()) {\n    for (let i = itemIndex + 1; i < optionValues.length; i++) {\n      if (!optionValues[i].disabled) {\n        newIndex = i;\n        break;\n      }\n    }\n    keyProcessed = true;\n  } else if (key === Key.ArrowUp.valueOf() || key === Key.PageUp.valueOf()) {\n    for (let i = itemIndex - 1; i >= 0; i--) {\n      if (!optionValues[i].disabled) {\n        newIndex = i;\n        break;\n      }\n    }\n    keyProcessed = true;\n  } else if (key === Key.Home.valueOf()) {\n    for (let i = 0; i < optionValues.length; i++) {\n      if (!optionValues[i].disabled) {\n        newIndex = i;\n        break;\n      }\n    }\n    keyProcessed = true;\n  } else if (key === Key.End.valueOf()) {\n    for (let i = optionValues.length - 1; i >= 0; i--) {\n      if (!optionValues[i].disabled) {\n        newIndex = i;\n        break;\n      }\n    }\n    keyProcessed = true;\n  }\n  return [newIndex, keyProcessed];\n}\n\n/**\n * Single select `Listbox` component\n * @alpha\n */\nexport function Listbox(props: ListboxProps) {\n  const {\n    ariaLabel,\n    ariaLabelledBy,\n    id,\n    children,\n    selectedValue,\n    className,\n    onListboxValueChange,\n    onKeyDown,\n    ...otherProps\n  } = props;\n  const listRef = React.useRef<HTMLUListElement>(null);\n  const [listId] = React.useState(() => {\n    return id ?? Guid.createValue();\n  });\n  const optionValues = React.useMemo(\n    () => getOptionValueArray(children),\n    [children]\n  );\n  const classes = React.useMemo(\n    () => classnames(\"core-listbox\", className),\n    [className]\n  );\n  const [currentValue, setCurrentValue] = React.useState<\n    ListboxValue | undefined\n  >(selectedValue);\n  const [focusValue, setFocusValue] = React.useState<ListboxValue | undefined>(\n    currentValue\n  );\n\n  React.useEffect(() => {\n    setCurrentValue(selectedValue);\n    setFocusValue(selectedValue);\n  }, [selectedValue]);\n\n  const scrollTopRef = React.useRef(0);\n  const handleValueChange = React.useCallback(\n    (newValue: ListboxValue, isControlOrCommandPressed?: boolean) => {\n      // istanbul ignore else\n      if (newValue !== currentValue) {\n        setCurrentValue(newValue);\n        setFocusValue(newValue);\n        if (onListboxValueChange)\n          onListboxValueChange(newValue, isControlOrCommandPressed);\n      }\n    },\n    [setCurrentValue, currentValue, onListboxValueChange]\n  );\n\n  const focusOption = React.useCallback(\n    (itemIndex: number) => {\n      // istanbul ignore else\n      if (itemIndex >= 0 && itemIndex < optionValues.length) {\n        const newSelection = optionValues[itemIndex];\n        const listElement = listRef.current as HTMLUListElement;\n        const optionToFocus = listElement.querySelector<HTMLLIElement>(\n          `li[data-value=\"${newSelection.value}\"]`\n        );\n        // istanbul ignore else\n        if (optionToFocus && listElement) {\n          let newScrollTop = listElement.scrollTop;\n\n          // istanbul ignore next\n          if (listElement.scrollHeight > listElement.clientHeight) {\n            const scrollBottom =\n              listElement.clientHeight + listElement.scrollTop;\n            const elementBottom =\n              optionToFocus.offsetTop + optionToFocus.offsetHeight;\n            if (elementBottom > scrollBottom) {\n              newScrollTop = elementBottom - listElement.clientHeight;\n            } else if (optionToFocus.offsetTop < listElement.scrollTop) {\n              newScrollTop = optionToFocus.offsetTop;\n            }\n            scrollTopRef.current = newScrollTop;\n          }\n          setFocusValue(newSelection.value);\n        }\n      }\n    },\n    [optionValues]\n  );\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLUListElement>) => {\n      if (optionValues.length < 1) return;\n\n      const itemIndex =\n        undefined === focusValue\n          ? -1\n          : optionValues.findIndex(\n              (optionValue) => optionValue.value === focusValue\n            );\n\n      if (event.key === \" \") {\n        event.preventDefault();\n        // istanbul ignore else\n        if (focusValue)\n          handleValueChange(\n            focusValue,\n            event.getModifierState(\"Control\") || event.getModifierState(\"Meta\")\n          ); // Control or Command\n        return;\n      } else {\n        const [newItemIndex, keyProcessed] = processKeyboardNavigation(\n          optionValues,\n          itemIndex,\n          event.key\n        );\n        // istanbul ignore else\n        if (keyProcessed) {\n          event.preventDefault();\n          focusOption(newItemIndex);\n          return;\n        }\n      }\n\n      // istanbul ignore else\n      if (onKeyDown) onKeyDown(event);\n    },\n    [focusValue, optionValues, focusOption, onKeyDown, handleValueChange]\n  );\n\n  const isInitialMount = React.useRef(true);\n\n  React.useEffect(() => {\n    const list = listRef.current as HTMLUListElement;\n\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n\n      if (undefined !== focusValue) {\n        const itemIndex = optionValues.findIndex(\n          (optionValue) => optionValue.value === focusValue\n        );\n        focusOption(itemIndex);\n      }\n    } else {\n      list.scrollTop = scrollTopRef.current;\n    }\n  }, [focusValue, focusOption, optionValues]);\n\n  // istanbul ignore next\n  const handleOnScroll = React.useCallback(\n    (_event: React.UIEvent<HTMLUListElement, UIEvent>) => {\n      if (listRef.current) scrollTopRef.current = listRef.current.scrollTop;\n    },\n    []\n  );\n\n  // istanbul ignore next\n  const handleOnFocus = React.useCallback(\n    (_event: React.FocusEvent<HTMLUListElement>) => {\n      if (!focusValue || 0 === focusValue.length) {\n        if (currentValue) {\n          setFocusValue(currentValue);\n        } else {\n          if (optionValues.length > 0) setFocusValue(optionValues[0].value);\n        }\n      }\n    },\n    [currentValue, focusValue, optionValues]\n  );\n\n  return (\n    <ul\n      className={classes}\n      // If the listbox is not part of another widget, then it has a visible\n      // label referenced by `aria-labelledby` on the element with role\n      // `listbox`.\n      // https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox\n      // If an `aria-label` is passed, we should skip `aria-labelledby` to\n      // avoid confusion.\n      aria-labelledby={ariaLabel ? undefined : ariaLabelledBy}\n      aria-label={ariaLabel}\n      // An element that contains or owns all the listbox options has role\n      // listbox.\n      // https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox\n      role=\"listbox\"\n      // https://www.w3.org/TR/wai-aria-practices-1.2/examples/listbox/listbox-collapsible.html\n      tabIndex={0}\n      // https://www.w3.org/TR/wai-aria-practices-1.2/examples/listbox/listbox-scrollable.html\n      aria-activedescendant={makeId(currentValue, listId)}\n      {...otherProps}\n      ref={listRef}\n      id={listId}\n      onKeyDown={handleKeyDown}\n      onScroll={handleOnScroll}\n      data-value={currentValue}\n      data-focusvalue={focusValue}\n      onFocus={handleOnFocus}\n    >\n      <ListboxContext.Provider\n        value={{\n          listboxValue: currentValue,\n          focusValue,\n          listboxId: listId,\n          onListboxValueChange: handleValueChange,\n          listboxRef: listRef,\n        }}\n      >\n        {children}\n      </ListboxContext.Provider>\n    </ul>\n  );\n}\n\n/**\n * `ListboxItem` component.\n * @alpha\n */\nexport function ListboxItem(props: ListboxItemProps) {\n  const { children, value, className, disabled, ...otherProps } = props;\n\n  const { listboxValue, focusValue, listboxId, onListboxValueChange } =\n    React.useContext(ListboxContext);\n\n  const hasFocus = focusValue === value;\n\n  const classes = React.useMemo(\n    () => classnames(\"core-listbox-item\", hasFocus && \"focused\", className),\n    [className, hasFocus]\n  );\n  const itemRef = React.useRef<HTMLLIElement>(null);\n  const isSelected = listboxValue === value;\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => {\n      event.preventDefault();\n      // istanbul ignore next\n      const selectedValue = event.currentTarget?.dataset?.value;\n      // istanbul ignore else\n      if (undefined !== selectedValue) {\n        onListboxValueChange(selectedValue, event.ctrlKey);\n      }\n    },\n    [onListboxValueChange]\n  );\n\n  const getItemId = React.useCallback(() => {\n    return makeId(value, listboxId);\n  }, [listboxId, value]);\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n    <li\n      // In a single-select listbox, the selected option has `aria-selected`\n      // set to `true`.\n      // https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox\n      aria-selected={isSelected}\n      // Applicable to all host language elements regardless of whether a\n      // `role` is applied.\n      // https://www.w3.org/WAI/PF/aria/states_and_properties#global_states_header\n      aria-disabled={disabled || undefined}\n      // Each option in the listbox has role `option` and is a DOM descendant\n      // of the element with role `listbox`.\n      // https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox\n      role=\"option\"\n      className={classes}\n      {...otherProps}\n      ref={itemRef}\n      id={getItemId()}\n      // used for css styling\n      data-value={value}\n      onClick={handleClick}\n    >\n      {children}\n    </li>\n  );\n}\n"]}
+{"version":3,"file":"Listbox.js","sourceRoot":"","sources":["../../../../src/core-react/listbox/Listbox.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 *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { Key } from \"ts-key-enum\";\n\nimport \"./Listbox.scss\";\nimport { Guid } from \"@itwin/core-bentley\";\n\n/** Ideas borrowed from  https://reacttraining.com/reach-ui/listbox */\n\n/**\n * `Listbox` value.\n * @alpha\n */\nexport type ListboxValue = string;\n\n/**\n * `Listbox` Props.\n * @alpha\n */\nexport interface ListboxProps\n  extends React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLUListElement>,\n    HTMLUListElement\n  > {\n  id?: string;\n  selectedValue?: ListboxValue;\n  ariaLabel?: any;\n  ariaLabelledBy?: any;\n  onListboxValueChange?: (\n    newValue: ListboxValue,\n    isControlOrCommandPressed?: boolean\n  ) => void;\n}\n\n/**\n * `ListboxItem` Props.\n * @alpha\n */\nexport interface ListboxItemProps\n  extends React.DetailedHTMLProps<\n    React.LiHTMLAttributes<HTMLLIElement>,\n    HTMLLIElement\n  > {\n  /** The unique item's value. */\n  value: ListboxValue;\n  /** set if item is disabled. */\n  disabled?: boolean;\n}\n\n/**\n * `Listbox` Context.\n * @alpha\n */\nexport interface ListboxContextProps {\n  listboxId?: string;\n  listboxValue?: ListboxValue;\n  focusValue?: ListboxValue;\n  onListboxValueChange: (\n    newValue: ListboxValue,\n    isControlOrCommandPressed?: boolean\n  ) => void;\n  listboxRef?: React.RefObject<HTMLUListElement>;\n}\n\n/**\n * Context set up by listbox for use by `ListboxItems` .\n * @alpha\n */\n// istanbul ignore next\nexport const ListboxContext = React.createContext<ListboxContextProps>({\n  onListboxValueChange: (_newValue: ListboxValue | undefined) => {},\n});\n\nfunction makeId(...args: Array<string | number | null | undefined>) {\n  return args.filter((val) => val != null).join(\"--\");\n}\n\nfunction getOptionValueArray(childNodes: React.ReactNode): ListboxItemProps[] {\n  return React.Children.toArray(childNodes)\n    .filter((node) => React.isValidElement(node) && node.props.value)\n    .map(\n      (optionNode) =>\n        (optionNode as React.ReactElement).props as ListboxItemProps\n    );\n}\n\nfunction processKeyboardNavigation(\n  optionValues: ListboxItemProps[],\n  itemIndex: number,\n  key: string\n): [number, boolean] {\n  let keyProcessed = false;\n  let newIndex = itemIndex >= 0 ? itemIndex : 0;\n\n  // Note: In aria example Page Up/Down just moves up or down by one item. See https://www.w3.org/TR/wai-aria-practices-1.1/examples/listbox/js/listbox.js\n  if (key === Key.ArrowDown.valueOf() || key === Key.PageDown.valueOf()) {\n    for (let i = itemIndex + 1; i < optionValues.length; i++) {\n      if (!optionValues[i].disabled) {\n        newIndex = i;\n        break;\n      }\n    }\n    keyProcessed = true;\n  } else if (key === Key.ArrowUp.valueOf() || key === Key.PageUp.valueOf()) {\n    for (let i = itemIndex - 1; i >= 0; i--) {\n      if (!optionValues[i].disabled) {\n        newIndex = i;\n        break;\n      }\n    }\n    keyProcessed = true;\n  } else if (key === Key.Home.valueOf()) {\n    for (let i = 0; i < optionValues.length; i++) {\n      if (!optionValues[i].disabled) {\n        newIndex = i;\n        break;\n      }\n    }\n    keyProcessed = true;\n  } else if (key === Key.End.valueOf()) {\n    for (let i = optionValues.length - 1; i >= 0; i--) {\n      if (!optionValues[i].disabled) {\n        newIndex = i;\n        break;\n      }\n    }\n    keyProcessed = true;\n  }\n  return [newIndex, keyProcessed];\n}\n\n/**\n * Single select `Listbox` component\n * @alpha\n */\nexport function Listbox(props: ListboxProps) {\n  const {\n    ariaLabel,\n    ariaLabelledBy,\n    id,\n    children,\n    selectedValue,\n    className,\n    onListboxValueChange,\n    onKeyDown,\n    ...otherProps\n  } = props;\n  const listRef = React.useRef<HTMLUListElement>(null);\n  const [listId] = React.useState(() => {\n    return id ?? Guid.createValue();\n  });\n  const optionValues = React.useMemo(\n    () => getOptionValueArray(children),\n    [children]\n  );\n  const classes = React.useMemo(\n    () => classnames(\"core-listbox\", className),\n    [className]\n  );\n  const [currentValue, setCurrentValue] = React.useState<\n    ListboxValue | undefined\n  >(selectedValue);\n  const [focusValue, setFocusValue] = React.useState<ListboxValue | undefined>(\n    currentValue\n  );\n\n  React.useEffect(() => {\n    setCurrentValue(selectedValue);\n    setFocusValue(selectedValue);\n  }, [selectedValue]);\n\n  const scrollTopRef = React.useRef(0);\n  const handleValueChange = React.useCallback(\n    (newValue: ListboxValue, isControlOrCommandPressed?: boolean) => {\n      // istanbul ignore else\n      if (newValue !== currentValue) {\n        setCurrentValue(newValue);\n        setFocusValue(newValue);\n        if (onListboxValueChange)\n          onListboxValueChange(newValue, isControlOrCommandPressed);\n      }\n    },\n    [setCurrentValue, currentValue, onListboxValueChange]\n  );\n\n  const focusOption = React.useCallback(\n    (itemIndex: number) => {\n      // istanbul ignore else\n      if (itemIndex >= 0 && itemIndex < optionValues.length) {\n        const newSelection = optionValues[itemIndex];\n        const listElement = listRef.current as HTMLUListElement;\n        const optionToFocus = listElement.querySelector<HTMLLIElement>(\n          `li[data-value=\"${newSelection.value}\"]`\n        );\n        // istanbul ignore else\n        if (optionToFocus && listElement) {\n          let newScrollTop = listElement.scrollTop;\n\n          // istanbul ignore next\n          if (listElement.scrollHeight > listElement.clientHeight) {\n            const scrollBottom =\n              listElement.clientHeight + listElement.scrollTop;\n            const elementBottom =\n              optionToFocus.offsetTop + optionToFocus.offsetHeight;\n            if (elementBottom > scrollBottom) {\n              newScrollTop = elementBottom - listElement.clientHeight;\n            } else if (optionToFocus.offsetTop < listElement.scrollTop) {\n              newScrollTop = optionToFocus.offsetTop;\n            }\n            scrollTopRef.current = newScrollTop;\n          }\n          setFocusValue(newSelection.value);\n        }\n      }\n    },\n    [optionValues]\n  );\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLUListElement>) => {\n      if (optionValues.length < 1) return;\n\n      const itemIndex =\n        undefined === focusValue\n          ? -1\n          : optionValues.findIndex(\n              (optionValue) => optionValue.value === focusValue\n            );\n\n      if (event.key === \" \") {\n        event.preventDefault();\n        // istanbul ignore else\n        if (focusValue)\n          handleValueChange(\n            focusValue,\n            event.getModifierState(\"Control\") || event.getModifierState(\"Meta\")\n          ); // Control or Command\n        return;\n      } else {\n        const [newItemIndex, keyProcessed] = processKeyboardNavigation(\n          optionValues,\n          itemIndex,\n          event.key\n        );\n        // istanbul ignore else\n        if (keyProcessed) {\n          event.preventDefault();\n          focusOption(newItemIndex);\n          return;\n        }\n      }\n\n      // istanbul ignore else\n      if (onKeyDown) onKeyDown(event);\n    },\n    [focusValue, optionValues, focusOption, onKeyDown, handleValueChange]\n  );\n\n  const isInitialMount = React.useRef(true);\n\n  React.useEffect(() => {\n    const list = listRef.current as HTMLUListElement;\n\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n\n      if (undefined !== focusValue) {\n        const itemIndex = optionValues.findIndex(\n          (optionValue) => optionValue.value === focusValue\n        );\n        focusOption(itemIndex);\n      }\n    } else {\n      list.scrollTop = scrollTopRef.current;\n    }\n  }, [focusValue, focusOption, optionValues]);\n\n  // istanbul ignore next\n  const handleOnScroll = React.useCallback(\n    (_event: React.UIEvent<HTMLUListElement, UIEvent>) => {\n      if (listRef.current) scrollTopRef.current = listRef.current.scrollTop;\n    },\n    []\n  );\n\n  // istanbul ignore next\n  const handleOnFocus = React.useCallback(\n    (_event: React.FocusEvent<HTMLUListElement>) => {\n      if (!focusValue || 0 === focusValue.length) {\n        if (currentValue) {\n          setFocusValue(currentValue);\n        } else {\n          if (optionValues.length > 0) setFocusValue(optionValues[0].value);\n        }\n      }\n    },\n    [currentValue, focusValue, optionValues]\n  );\n\n  return (\n    <ul\n      className={classes}\n      // If the listbox is not part of another widget, then it has a visible\n      // label referenced by `aria-labelledby` on the element with role\n      // `listbox`.\n      // https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox\n      // If an `aria-label` is passed, we should skip `aria-labelledby` to\n      // avoid confusion.\n      aria-labelledby={ariaLabel ? undefined : ariaLabelledBy}\n      aria-label={ariaLabel}\n      // An element that contains or owns all the listbox options has role\n      // listbox.\n      // https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox\n      role=\"listbox\"\n      // https://www.w3.org/TR/wai-aria-practices-1.2/examples/listbox/listbox-collapsible.html\n      tabIndex={0}\n      // https://www.w3.org/TR/wai-aria-practices-1.2/examples/listbox/listbox-scrollable.html\n      aria-activedescendant={makeId(currentValue, listId)}\n      {...otherProps}\n      ref={listRef}\n      id={listId}\n      onKeyDown={handleKeyDown}\n      onScroll={handleOnScroll}\n      data-value={currentValue}\n      data-focusvalue={focusValue}\n      onFocus={handleOnFocus}\n    >\n      <ListboxContext.Provider\n        value={{\n          listboxValue: currentValue,\n          focusValue,\n          listboxId: listId,\n          onListboxValueChange: handleValueChange,\n          listboxRef: listRef,\n        }}\n      >\n        {children}\n      </ListboxContext.Provider>\n    </ul>\n  );\n}\n\n/**\n * `ListboxItem` component.\n * @alpha\n */\nexport function ListboxItem(props: ListboxItemProps) {\n  const { children, value, className, disabled, ...otherProps } = props;\n\n  const { listboxValue, focusValue, listboxId, onListboxValueChange } =\n    React.useContext(ListboxContext);\n\n  const hasFocus = focusValue === value;\n\n  const classes = React.useMemo(\n    () => classnames(\"core-listbox-item\", hasFocus && \"focused\", className),\n    [className, hasFocus]\n  );\n  const itemRef = React.useRef<HTMLLIElement>(null);\n  const isSelected = listboxValue === value;\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => {\n      event.preventDefault();\n      // istanbul ignore next\n      const selectedValue = event.currentTarget?.dataset?.value;\n      // istanbul ignore else\n      if (undefined !== selectedValue) {\n        onListboxValueChange(selectedValue, event.ctrlKey);\n      }\n    },\n    [onListboxValueChange]\n  );\n\n  const getItemId = React.useCallback(() => {\n    return makeId(value, listboxId);\n  }, [listboxId, value]);\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n    <li\n      // In a single-select listbox, the selected option has `aria-selected`\n      // set to `true`.\n      // https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox\n      aria-selected={isSelected}\n      // Applicable to all host language elements regardless of whether a\n      // `role` is applied.\n      // https://www.w3.org/WAI/PF/aria/states_and_properties#global_states_header\n      aria-disabled={disabled || undefined}\n      // Each option in the listbox has role `option` and is a DOM descendant\n      // of the element with role `listbox`.\n      // https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox\n      role=\"option\"\n      className={classes}\n      {...otherProps}\n      ref={itemRef}\n      id={getItemId()}\n      // used for css styling\n      data-value={value}\n      onClick={handleClick}\n    >\n      {children}\n    </li>\n  );\n}\n"]}

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

@@ -24,7 +24,7 @@ function MessageRenderer(props) {
         // 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_1.default ?? DOMPurifyNS; // `sanitizer` is default function name for "jam3/no-sanitizer-with-danger" ESLint rule
+        const sanitizer = dompurify_1.default !== null && dompurify_1.default !== void 0 ? dompurify_1.default : 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

package/lib/cjs/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 type { MessageType } from \"./MessageType\";\nimport { isHTMLElement, isReactMessage } from \"./MessageType\";\nimport type { 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 = (\n      <OutElement className={props.className}>{props.message}</OutElement>\n    );\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 (\n        anchor.hasAttribute(\"rel\") &&\n        (anchor.rel.includes(\"noopener\") || anchor.rel.includes(\"noreferrer\"))\n      );\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 (\n          child.hasAttribute(\"target\") &&\n          (child as HTMLAnchorElement).target === \"_blank\"\n        ) {\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 (\n      props.message.hasAttribute(\"target\") &&\n      (props.message as HTMLAnchorElement).target === \"_blank\"\n    ) {\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, {\n        ADD_ATTR: [\"target\"],\n      });\n    } else {\n      sanitizedHtml = sanitizer.sanitize(props.message.outerHTML);\n    }\n\n    messageNode = (\n      <OutElement\n        className={props.className}\n        // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above\n        // eslint-disable-next-line jam3/no-sanitizer-with-danger\n        dangerouslySetInnerHTML={{ __html: sanitizedHtml }}\n      />\n    );\n  } else {\n    /* istanbul ignore else */\n    if (isReactMessage(props.message))\n      messageNode = (\n        <OutElement className={props.className}>\n          {props.message.reactNode}\n        </OutElement>\n      );\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":["/*---------------------------------------------------------------------------------------------\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 type { MessageType } from \"./MessageType\";\nimport { isHTMLElement, isReactMessage } from \"./MessageType\";\nimport type { 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 = (\n      <OutElement className={props.className}>{props.message}</OutElement>\n    );\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 (\n        anchor.hasAttribute(\"rel\") &&\n        (anchor.rel.includes(\"noopener\") || anchor.rel.includes(\"noreferrer\"))\n      );\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 (\n          child.hasAttribute(\"target\") &&\n          (child as HTMLAnchorElement).target === \"_blank\"\n        ) {\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 (\n      props.message.hasAttribute(\"target\") &&\n      (props.message as HTMLAnchorElement).target === \"_blank\"\n    ) {\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, {\n        ADD_ATTR: [\"target\"],\n      });\n    } else {\n      sanitizedHtml = sanitizer.sanitize(props.message.outerHTML);\n    }\n\n    messageNode = (\n      <OutElement\n        className={props.className}\n        // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above\n        // eslint-disable-next-line jam3/no-sanitizer-with-danger\n        dangerouslySetInnerHTML={{ __html: sanitizedHtml }}\n      />\n    );\n  } else {\n    /* istanbul ignore else */\n    if (isReactMessage(props.message))\n      messageNode = (\n        <OutElement className={props.className}>\n          {props.message.reactNode}\n        </OutElement>\n      );\n  }\n\n  return messageNode;\n}\n"]}

package/lib/cjs/core-react/popup/Popup.js

@@ -21,6 +21,7 @@ const Rectangle_1 = require("../utils/Rectangle");
  */
 class Popup extends React.Component {
     constructor(props) {
+        var _a, _b;
         super(props);
         this._popup = null;
         this._bindWindowEvents = () => {
@@ -220,7 +221,7 @@ class Popup extends React.Component {
                 this.setState({ animationEnded: true });
             }
         };
-        const parentDocument = this.props.target?.ownerDocument ?? document;
+        const parentDocument = (_b = (_a = this.props.target) === null || _a === void 0 ? void 0 : _a.ownerDocument) !== null && _b !== void 0 ? _b : document;
         this.state = {
             animationEnded: false,
             isOpen: this.props.isOpen,
@@ -236,17 +237,19 @@ class Popup extends React.Component {
         }
     }
     getParentWindow() {
+        var _a;
         // istanbul ignore next
-        return this.state.parentDocument.defaultView ?? window;
+        return (_a = this.state.parentDocument.defaultView) !== null && _a !== void 0 ? _a : window;
     }
     componentDidUpdate(previousProps, prevState) {
+        var _a, _b;
         if (this.state.position !== prevState.position) {
             this.setState({ animationEnded: false });
         }
         if (this.props.target !== previousProps.target) {
             // istanbul ignore next
             {
-                const parentDocument = this.props.target?.ownerDocument ?? document;
+                const parentDocument = (_b = (_a = this.props.target) === null || _a === void 0 ? void 0 : _a.ownerDocument) !== null && _b !== void 0 ? _b : document;
                 if (parentDocument !== this.state.parentDocument) {
                     this._unBindWindowEvents();
                     this.setState({ parentDocument });
@@ -440,8 +443,9 @@ class Popup extends React.Component {
             React.createElement(FocusTrap_1.FocusTrap, { active: !!this.props.moveFocus, initialFocusElement: this.props.focusTarget, returnFocusOnDeactivate: true }, this.props.children)), this.getContainer());
     }
     getContainer() {
+        var _a;
         // istanbul ignore next
-        return (this.state.parentDocument.body.querySelector('[data-root-container="appui-root-id"]') ?? this.state.parentDocument.body);
+        return ((_a = this.state.parentDocument.body.querySelector('[data-root-container="appui-root-id"]')) !== null && _a !== void 0 ? _a : this.state.parentDocument.body);
     }
 }
 Popup.defaultProps = {

package/lib/cjs/core-react/popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sourceRoot":"","sources":["../../../../src/core-react/popup/Popup.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 Popup\n */\n\nimport \"./Popup.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { Key } from \"ts-key-enum\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { FocusTrap } from \"../focustrap/FocusTrap\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Rectangle } from \"../utils/Rectangle\";\n\n// cSpell:ignore focustrap focusable alertdialog\n\n/** @internal */\ninterface PopupPoint {\n  x: number;\n  y: number;\n}\n\n/** Properties for the [[Popup]] component\n * @public\n */\nexport interface PopupProps extends CommonProps {\n  /** Show or hide the box shadow (defaults to true) */\n  showShadow: boolean;\n  /** Show or hide the arrow (defaults to false) */\n  showArrow: boolean;\n  /** Indicates whether the popup is shown or not (defaults to false) */\n  isOpen: boolean;\n  /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */\n  position: RelativePosition;\n  /** Top position (absolute positioning - defaults to 0) */\n  top: number;\n  /** Left position (absolute positioning - defaults to 0) */\n  left: number;\n  /** Function called when the popup is opened */\n  onOpen?: () => void;\n  /** Function called when user clicks outside the popup  */\n  onOutsideClick?: (e: MouseEvent) => void;\n  /** Function called when the popup is closed */\n  onClose?: () => void;\n  /** Function called when the popup is closed on Enter */\n  onEnter?: () => void;\n  /** Function called when the wheel is used */\n  onWheel?: (e: WheelEvent) => void;\n  /** Function called when the right mouse button is pressed */\n  onContextMenu?: (e: MouseEvent) => void;\n  /** Offset from the parent (defaults to 4) */\n  offset: number;\n  /** Target element to position popup */\n  target?: HTMLElement | null;\n  /** Role - if not specified \"dialog\" is used */\n  role?: \"dialog\" | \"alert\" | \"alertdialog\";\n  /** accessibility label */\n  ariaLabel?: string;\n  /** set focus to popup - default to not set focus */\n  moveFocus?: boolean;\n  /** 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. */\n  focusTarget?: React.RefObject<HTMLElement> | string;\n  /** Indicates whether the popup is pinned. */\n  isPinned?: boolean;\n  /** Indicates whether to use animation for open/close (defaults to true) */\n  animate?: boolean;\n  /** Indicates whether to close the popup when Enter is pressed (defaults to true) */\n  closeOnEnter?: boolean;\n  /** Indicates whether to close the popup when the wheel is used (defaults to true) */\n  closeOnWheel?: boolean;\n  /** Indicates whether to close the popup when the right mouse button is pressed (defaults to true) */\n  closeOnContextMenu?: boolean;\n  /** If false outside click processing and closing are skipped if click occurs in another Popup component, default to false. */\n  closeOnNestedPopupOutsideClick?: boolean;\n  /** If true the children are mounted once and unmounted when this component is unmounted. If false the\n   * children are unmounted each time the popup is closed. */\n  keepContentsMounted?: boolean;\n\n  /**\n   * If true the popup will remain open and will be repositioned when window resize events occur, default to false.\n   * @beta\n   * */\n  repositionOnResize?: boolean;\n\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** @internal */\ninterface PopupState {\n  isOpen: boolean;\n  top: number;\n  left: number;\n  position: RelativePosition;\n  parentDocument: Document;\n  animationEnded: boolean;\n}\n\n/** Popup React component displays a popup relative to an optional target element.\n * @public\n */\nexport class Popup extends React.Component<PopupProps, PopupState> {\n  private _popup: HTMLElement | null = null;\n\n  constructor(props: PopupProps) {\n    super(props);\n    const parentDocument = this.props.target?.ownerDocument ?? document;\n\n    this.state = {\n      animationEnded: false,\n      isOpen: this.props.isOpen,\n      top: 0,\n      left: 0,\n      position: this.props.position,\n      parentDocument,\n    };\n  }\n\n  public static defaultProps: Partial<PopupProps> = {\n    position: RelativePosition.Bottom,\n    showShadow: true,\n    showArrow: false,\n    isOpen: false,\n    offset: 4,\n    top: -1,\n    left: -1,\n  };\n\n  public override componentDidMount() {\n    if (this.props.isOpen) {\n      this._onShow();\n    }\n  }\n\n  private getParentWindow() {\n    // istanbul ignore next\n    return this.state.parentDocument.defaultView ?? window;\n  }\n\n  public override componentDidUpdate(\n    previousProps: PopupProps,\n    prevState: PopupState\n  ) {\n    if (this.state.position !== prevState.position) {\n      this.setState({ animationEnded: false });\n    }\n\n    if (this.props.target !== previousProps.target) {\n      // istanbul ignore next\n      {\n        const parentDocument = this.props.target?.ownerDocument ?? document;\n        if (parentDocument !== this.state.parentDocument) {\n          this._unBindWindowEvents();\n          this.setState({ parentDocument });\n        }\n      }\n    }\n\n    if (this.props.isOpen === previousProps.isOpen) {\n      if (this.props.isOpen) {\n        const position = this._toggleRelativePosition();\n        const point = this._fitPopup(this._getPosition(position));\n        if (\n          Math.abs(this.state.left - point.x) < 3 &&\n          Math.abs(this.state.top - point.y) < 3 &&\n          this.state.position === position\n        )\n          return;\n\n        this.setState({\n          left: point.x,\n          top: point.y,\n          position,\n        });\n      }\n      return;\n    }\n\n    if (this.props.isOpen) {\n      this._onShow();\n    } else {\n      this._onClose();\n    }\n  }\n\n  public override componentWillUnmount() {\n    this._unBindWindowEvents();\n  }\n\n  private _bindWindowEvents = () => {\n    const activeWindow = this.getParentWindow();\n    activeWindow.addEventListener(\"pointerdown\", this._handleOutsideClick);\n    activeWindow.addEventListener(\"resize\", this._resize);\n    activeWindow.addEventListener(\"contextmenu\", this._handleContextMenu);\n    activeWindow.addEventListener(\"scroll\", this._hide);\n    activeWindow.addEventListener(\"wheel\", this._handleWheel);\n    activeWindow.addEventListener(\"keydown\", this._handleKeyboard);\n  };\n\n  private _unBindWindowEvents = () => {\n    const activeWindow = this.getParentWindow();\n    activeWindow.removeEventListener(\"pointerdown\", this._handleOutsideClick);\n    activeWindow.removeEventListener(\"resize\", this._resize);\n    activeWindow.removeEventListener(\"contextmenu\", this._handleContextMenu);\n    activeWindow.removeEventListener(\"scroll\", this._hide);\n    activeWindow.removeEventListener(\"wheel\", this._handleWheel);\n    activeWindow.removeEventListener(\"keydown\", this._handleKeyboard);\n  };\n\n  private _handleWheel = (event: WheelEvent) => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.onWheel) return this.props.onWheel(event);\n\n    const closeOnWheel =\n      this.props.closeOnWheel !== undefined ? this.props.closeOnWheel : true;\n    if (closeOnWheel) this._hide();\n  };\n\n  private isInCorePopup(element: HTMLElement): boolean {\n    if (element.nodeName === \"DIV\") {\n      if (element.classList && element.classList.contains(\"core-popup\"))\n        return true;\n      if (element.parentElement && this.isInCorePopup(element.parentElement))\n        return true;\n    } else {\n      // istanbul ignore else\n      if (element.parentElement && this.isInCorePopup(element.parentElement))\n        return true;\n    }\n    return false;\n  }\n\n  private _handleOutsideClick = (event: MouseEvent): void => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.isPinned) return;\n\n    if (\n      !this.props.closeOnNestedPopupOutsideClick &&\n      this.isInCorePopup(event.target as HTMLElement)\n    )\n      return;\n\n    if (this.props.onOutsideClick) return this.props.onOutsideClick(event);\n\n    if (this.props.target && this.props.target.contains(event.target as Node))\n      return;\n\n    this._onClose();\n  };\n\n  private _handleContextMenu = (event: MouseEvent) => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.onContextMenu) return this.props.onContextMenu(event);\n\n    const closeOnContextMenu =\n      this.props.closeOnContextMenu !== undefined\n        ? this.props.closeOnContextMenu\n        : true;\n    if (closeOnContextMenu) this._hide();\n  };\n\n  private _handleKeyboard = (event: KeyboardEvent): void => {\n    if (this.props.isPinned) return;\n\n    if (\n      event.key === Key.Escape.valueOf() ||\n      event.key === Key.Enter.valueOf()\n    ) {\n      const closeOnEnter =\n        this.props.closeOnEnter !== undefined ? this.props.closeOnEnter : true;\n      if (event.key === Key.Enter.valueOf()) {\n        if (closeOnEnter) this._onClose(true);\n        else this.props.onEnter && this.props.onEnter();\n      } else {\n        this._onClose(false);\n      }\n    }\n  };\n\n  private _resize = () => {\n    if (this.props.repositionOnResize) {\n      const position = this._toggleRelativePosition();\n      const point = this._fitPopup(this._getPosition(position));\n      this.setState({ left: point.x, top: point.y, position });\n    } else {\n      this._hide(); // legacy behavior\n    }\n  };\n\n  private _hide = () => {\n    if (this.props.isPinned) return;\n\n    this._onClose();\n  };\n\n  private _onShow() {\n    this._bindWindowEvents();\n    const position = this._toggleRelativePosition();\n    const point = this._fitPopup(this._getPosition(position));\n\n    this.setState(\n      { left: point.x, top: point.y, isOpen: true, position },\n      () => {\n        if (this.props.onOpen) this.props.onOpen();\n      }\n    );\n  }\n\n  private _onClose(enterKey?: boolean) {\n    if (!this.state.isOpen) return;\n\n    this._unBindWindowEvents();\n\n    this.setState({ isOpen: false }, () => {\n      if (enterKey && this.props.onEnter) this.props.onEnter();\n      if (this.props.onClose) this.props.onClose();\n    });\n  }\n\n  private _isPositionAbsolute(): boolean {\n    return this.props.top !== -1 && this.props.left !== -1;\n  }\n\n  private _getClassNameByPosition(position: RelativePosition): string {\n    if (!this._isPositionAbsolute()) {\n      switch (position) {\n        case RelativePosition.TopLeft:\n          return \"core-popup-top-left\";\n        case RelativePosition.TopRight:\n          return \"core-popup-top-right\";\n        case RelativePosition.BottomLeft:\n          return \"core-popup-bottom-left\";\n        case RelativePosition.BottomRight:\n          return \"core-popup-bottom-right\";\n        case RelativePosition.Top:\n          return \"core-popup-top\";\n        case RelativePosition.Left:\n          return \"core-popup-left\";\n        case RelativePosition.Right:\n          return \"core-popup-right\";\n        case RelativePosition.Bottom:\n          return \"core-popup-bottom\";\n        case RelativePosition.LeftTop:\n          return \"core-popup-left-top\";\n        case RelativePosition.RightTop:\n          return \"core-popup-right-top\";\n      }\n    }\n\n    return \"\";\n  }\n\n  private _getPopupDimensions(): { popupWidth: number; popupHeight: number } {\n    let popupWidth = 0;\n    let popupHeight = 0;\n    // istanbul ignore else\n    if (this._popup) {\n      const activeWindow = this.getParentWindow();\n      const style = activeWindow.getComputedStyle(this._popup);\n      const borderLeftWidth = parsePxString(style.borderLeftWidth);\n      const borderRightWidth = parsePxString(style.borderRightWidth);\n      const borderTopWidth = parsePxString(style.borderTopWidth);\n      const borderBottomWidth = parsePxString(style.borderBottomWidth);\n      popupWidth = this._popup.clientWidth + borderLeftWidth + borderRightWidth;\n      popupHeight =\n        this._popup.clientHeight + borderTopWidth + borderBottomWidth;\n    }\n\n    return { popupWidth, popupHeight };\n  }\n\n  private _getPosition = (position: RelativePosition) => {\n    const activeWindow = this.getParentWindow();\n    const { target, offset, top, left } = this.props;\n    const offsetArrow = this.props.showArrow ? 6 : 0;\n\n    // absolute position\n    if (this._isPositionAbsolute()) return { x: left, y: top };\n\n    // sanity check\n    const point = { x: 0, y: 0 };\n    if (!this._popup || !target) return point;\n\n    // relative position\n    const scrollY = activeWindow.scrollY;\n    const scrollX = activeWindow.scrollX;\n\n    const container = this.getContainer();\n    const containerBounds = container.getBoundingClientRect();\n    const targetRect = Rectangle.create(target.getBoundingClientRect()).offset({\n      x: -containerBounds.left,\n      y: -containerBounds.top,\n    });\n\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n\n    switch (position) {\n      case RelativePosition.Top:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x =\n          scrollX +\n          targetRect.left +\n          targetRect.getWidth() / 2 -\n          popupWidth / 2;\n        break;\n\n      case RelativePosition.TopLeft:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x = scrollX + targetRect.left;\n        break;\n\n      case RelativePosition.TopRight:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x = scrollX + targetRect.right - popupWidth;\n        break;\n\n      case RelativePosition.Bottom:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x =\n          scrollX +\n          targetRect.left +\n          targetRect.getWidth() / 2 -\n          popupWidth / 2;\n        break;\n\n      case RelativePosition.BottomLeft:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x = scrollX + targetRect.left;\n        break;\n\n      case RelativePosition.BottomRight:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x = scrollX + targetRect.right - popupWidth;\n        break;\n\n      case RelativePosition.Left:\n        point.y =\n          scrollY +\n          targetRect.top +\n          targetRect.getHeight() / 2 -\n          popupHeight / 2;\n        point.x = scrollX + targetRect.left - popupWidth - offset - offsetArrow;\n        break;\n\n      case RelativePosition.LeftTop:\n        point.y = scrollY + targetRect.top;\n        point.x = scrollX + targetRect.left - popupWidth - offset - offsetArrow;\n        break;\n\n      case RelativePosition.Right:\n        point.y =\n          scrollY +\n          targetRect.top +\n          targetRect.getHeight() / 2 -\n          popupHeight / 2;\n        point.x = scrollX + targetRect.right + offset + offsetArrow;\n        break;\n\n      case RelativePosition.RightTop:\n        point.y = scrollY + targetRect.top;\n        point.x = scrollX + targetRect.right + offset + offsetArrow;\n        break;\n    }\n\n    return point;\n  };\n\n  private _toggleRelativePosition(): RelativePosition {\n    const { target, position, offset } = this.props;\n\n    if (!this._popup || !target) return position;\n\n    // istanbul ignore if\n    if (this._isPositionAbsolute()) return position;\n\n    let newPosition = position;\n\n    interface Rect {\n      left: number;\n      top: number;\n      right: number;\n      bottom: number;\n    }\n\n    const activeWindow = this.getParentWindow();\n\n    // Note: Cannot use DOMRect yet since it's experimental and not available in all browsers (Nov. 2018)\n    const viewportRect: Rect = {\n      left: activeWindow.scrollX,\n      top: activeWindow.scrollY,\n      right: activeWindow.scrollX + activeWindow.innerWidth,\n      bottom: activeWindow.scrollY + activeWindow.innerHeight,\n    };\n    const targetRect = target.getBoundingClientRect();\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n    const containerStyle = activeWindow.getComputedStyle(target);\n    const offsetArrow = this.props.showArrow\n      ? /* istanbul ignore next */ 10\n      : 2;\n\n    const bottomMargin = parseMargin(containerStyle.marginBottom);\n    if (\n      targetRect.bottom + popupHeight + bottomMargin + offsetArrow + offset >\n      viewportRect.bottom\n    ) {\n      if (newPosition === RelativePosition.Bottom)\n        newPosition = RelativePosition.Top;\n      else if (newPosition === RelativePosition.BottomLeft)\n        newPosition = RelativePosition.TopLeft;\n      else if (newPosition === RelativePosition.BottomRight)\n        newPosition = RelativePosition.TopRight;\n    }\n\n    const topMargin = parseMargin(containerStyle.marginTop);\n    if (\n      targetRect.top - popupHeight - topMargin - offsetArrow - offset <\n      viewportRect.top\n    ) {\n      if (newPosition === RelativePosition.Top)\n        newPosition = RelativePosition.Bottom;\n      else if (newPosition === RelativePosition.TopLeft)\n        newPosition = RelativePosition.BottomLeft;\n      else if (newPosition === RelativePosition.TopRight)\n        newPosition = RelativePosition.BottomRight;\n    }\n\n    const leftMargin = parseMargin(containerStyle.marginLeft);\n    if (\n      targetRect.left - popupWidth - leftMargin - offsetArrow - offset <\n      viewportRect.left\n    ) {\n      if (newPosition === RelativePosition.Left)\n        newPosition = RelativePosition.Right;\n      else if (newPosition === RelativePosition.LeftTop)\n        newPosition = RelativePosition.RightTop;\n    }\n\n    const rightMargin = parseMargin(containerStyle.marginRight);\n    if (\n      targetRect.right + popupWidth + rightMargin + offsetArrow + offset >\n      viewportRect.right\n    ) {\n      if (newPosition === RelativePosition.Right)\n        newPosition = RelativePosition.Left;\n      else if (newPosition === RelativePosition.RightTop)\n        newPosition = RelativePosition.LeftTop;\n    }\n\n    return newPosition;\n  }\n\n  // fit the popup within the extents of the view port\n  private _fitPopup = (point: PopupPoint) => {\n    const fittedPoint = point;\n\n    // istanbul ignore if\n    if (!this._popup) {\n      return fittedPoint;\n    }\n\n    // const popupRect = this._popup.getBoundingClientRect();\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n    const { innerWidth, innerHeight } = window;\n\n    // istanbul ignore if\n    if (fittedPoint.y + popupHeight > innerHeight) {\n      fittedPoint.y = innerHeight - popupHeight;\n    }\n\n    // istanbul ignore if\n    if (fittedPoint.x + popupWidth > innerWidth) {\n      fittedPoint.x = innerWidth - popupWidth;\n    }\n\n    // istanbul ignore if\n    if (fittedPoint.y < 0) {\n      fittedPoint.y = 0;\n    }\n\n    if (fittedPoint.x < 0) {\n      fittedPoint.x = 0;\n    }\n\n    return fittedPoint;\n  };\n\n  private _handleAnimationEnd = (\n    event: React.AnimationEvent<HTMLDivElement>\n  ) => {\n    if (event.target === this._popup) {\n      this.setState({ animationEnded: true });\n    }\n  };\n\n  public override render() {\n    const animate =\n      this.props.animate !== undefined ? this.props.animate : true;\n    const className = classnames(\n      \"core-popup\",\n      this._getClassNameByPosition(this.state.position),\n      this.props.showShadow && \"core-popup-shadow\",\n      this.props.showArrow && \"arrow\",\n      !animate && \"core-popup-animation-none\",\n      this.props.className,\n      this.state.animationEnded && \"core-animation-ended\",\n      !this.props.isOpen &&\n        this.props.keepContentsMounted &&\n        \"core-popup-hidden\"\n    );\n\n    const style: React.CSSProperties = {\n      top: this.state.top,\n      left: this.state.left,\n      ...this.props.style,\n    };\n\n    const role = this.props.role ? this.props.role : \"dialog\"; // accessibility property\n\n    if (!this.props.isOpen && !this.props.keepContentsMounted) {\n      return null;\n    }\n\n    return ReactDOM.createPortal(\n      <div\n        className={className}\n        data-testid=\"core-popup\"\n        ref={(element) => {\n          this._popup = element;\n        }}\n        style={style}\n        role={role}\n        aria-modal={true}\n        tabIndex={-1}\n        aria-label={this.props.ariaLabel}\n        onAnimationEnd={this._handleAnimationEnd}\n      >\n        <FocusTrap\n          active={!!this.props.moveFocus}\n          initialFocusElement={this.props.focusTarget}\n          returnFocusOnDeactivate={true}\n        >\n          {this.props.children}\n        </FocusTrap>\n      </div>,\n      this.getContainer()\n    );\n  }\n\n  private getContainer() {\n    // istanbul ignore next\n    return (\n      this.state.parentDocument.body.querySelector(\n        '[data-root-container=\"appui-root-id\"]'\n      ) ?? this.state.parentDocument.body\n    );\n  }\n}\n\nfunction parsePxString(pxStr: string): number {\n  const parsed = parseInt(pxStr, 10);\n  return parsed || 0;\n}\n\nfunction parseMargin(value: string) {\n  return value ? /* istanbul ignore next */ parseFloat(value) : 0;\n}\n"]}
+{"version":3,"file":"Popup.js","sourceRoot":"","sources":["../../../../src/core-react/popup/Popup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,wBAAsB;AACtB,2CAAoC;AACpC,+BAA+B;AAC/B,sCAAsC;AACtC,6CAAkC;AAClC,0DAAyD;AACzD,sDAAmD;AAEnD,kDAA+C;AAsF/C;;GAEG;AACH,MAAa,KAAM,SAAQ,KAAK,CAAC,SAAiC;IAGhE,YAAY,KAAiB;;QAC3B,KAAK,CAAC,KAAK,CAAC,CAAC;QAHP,WAAM,GAAuB,IAAI,CAAC;QAuFlC,sBAAiB,GAAG,GAAG,EAAE;YAC/B,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YAC5C,YAAY,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACvE,YAAY,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;YACtD,YAAY,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;YACtE,YAAY,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACpD,YAAY,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YAC1D,YAAY,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACjE,CAAC,CAAC;QAEM,wBAAmB,GAAG,GAAG,EAAE;YACjC,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YAC5C,YAAY,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YAC1E,YAAY,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;YACzD,YAAY,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;YACzE,YAAY,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACvD,YAAY,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YAC7D,YAAY,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACpE,CAAC,CAAC;QAEM,iBAAY,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC3C,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;gBAAE,OAAO;YAEtE,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;gBAAE,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAEzD,MAAM,YAAY,GAChB,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC;YACzE,IAAI,YAAY;gBAAE,IAAI,CAAC,KAAK,EAAE,CAAC;QACjC,CAAC,CAAC;QAgBM,wBAAmB,GAAG,CAAC,KAAiB,EAAQ,EAAE;YACxD,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;gBAAE,OAAO;YAEtE,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAAE,OAAO;YAEhC,IACE,CAAC,IAAI,CAAC,KAAK,CAAC,8BAA8B;gBAC1C,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAqB,CAAC;gBAE/C,OAAO;YAET,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc;gBAAE,OAAO,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YAEvE,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;gBACvE,OAAO;YAET,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,CAAC,CAAC;QAEM,uBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YACjD,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;gBAAE,OAAO;YAEtE,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa;gBAAE,OAAO,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAErE,MAAM,kBAAkB,GACtB,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,SAAS;gBACzC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB;gBAC/B,CAAC,CAAC,IAAI,CAAC;YACX,IAAI,kBAAkB;gBAAE,IAAI,CAAC,KAAK,EAAE,CAAC;QACvC,CAAC,CAAC;QAEM,oBAAe,GAAG,CAAC,KAAoB,EAAQ,EAAE;YACvD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAAE,OAAO;YAEhC,IACE,KAAK,CAAC,GAAG,KAAK,iBAAG,CAAC,MAAM,CAAC,OAAO,EAAE;gBAClC,KAAK,CAAC,GAAG,KAAK,iBAAG,CAAC,KAAK,CAAC,OAAO,EAAE,EACjC;gBACA,MAAM,YAAY,GAChB,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC;gBACzE,IAAI,KAAK,CAAC,GAAG,KAAK,iBAAG,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE;oBACrC,IAAI,YAAY;wBAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;;wBACjC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;iBACjD;qBAAM;oBACL,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;iBACtB;aACF;QACH,CAAC,CAAC;QAEM,YAAO,GAAG,GAAG,EAAE;YACrB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE;gBACjC,MAAM,QAAQ,GAAG,IAAI,CAAC,uBAAuB,EAAE,CAAC;gBAChD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAC1D,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;aAC1D;iBAAM;gBACL,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,kBAAkB;aACjC;QACH,CAAC,CAAC;QAEM,UAAK,GAAG,GAAG,EAAE;YACnB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAAE,OAAO;YAEhC,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,CAAC,CAAC;QA8EM,iBAAY,GAAG,CAAC,QAA0B,EAAE,EAAE;YACpD,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YAC5C,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YACjD,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAEjD,oBAAoB;YACpB,IAAI,IAAI,CAAC,mBAAmB,EAAE;gBAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;YAE3D,eAAe;YACf,MAAM,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;YAC7B,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM;gBAAE,OAAO,KAAK,CAAC;YAE1C,oBAAoB;YACpB,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC;YACrC,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC;YAErC,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACtC,MAAM,eAAe,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;YAC1D,MAAM,UAAU,GAAG,qBAAS,CAAC,MAAM,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC;gBACzE,CAAC,EAAE,CAAC,eAAe,CAAC,IAAI;gBACxB,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG;aACxB,CAAC,CAAC;YAEH,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAE/D,QAAQ,QAAQ,EAAE;gBAChB,KAAK,iCAAgB,CAAC,GAAG;oBACvB,KAAK,CAAC,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG,GAAG,WAAW,GAAG,MAAM,GAAG,WAAW,CAAC;oBACxE,KAAK,CAAC,CAAC;wBACL,OAAO;4BACP,UAAU,CAAC,IAAI;4BACf,UAAU,CAAC,QAAQ,EAAE,GAAG,CAAC;4BACzB,UAAU,GAAG,CAAC,CAAC;oBACjB,MAAM;gBAER,KAAK,iCAAgB,CAAC,OAAO;oBAC3B,KAAK,CAAC,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG,GAAG,WAAW,GAAG,MAAM,GAAG,WAAW,CAAC;oBACxE,KAAK,CAAC,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC;oBACpC,MAAM;gBAER,KAAK,iCAAgB,CAAC,QAAQ;oBAC5B,KAAK,CAAC,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG,GAAG,WAAW,GAAG,MAAM,GAAG,WAAW,CAAC;oBACxE,KAAK,CAAC,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC;oBAClD,MAAM;gBAER,KAAK,iCAAgB,CAAC,MAAM;oBAC1B,KAAK,CAAC,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,MAAM,GAAG,MAAM,GAAG,WAAW,CAAC;oBAC7D,KAAK,CAAC,CAAC;wBACL,OAAO;4BACP,UAAU,CAAC,IAAI;4BACf,UAAU,CAAC,QAAQ,EAAE,GAAG,CAAC;4BACzB,UAAU,GAAG,CAAC,CAAC;oBACjB,MAAM;gBAER,KAAK,iCAAgB,CAAC,UAAU;oBAC9B,KAAK,CAAC,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,MAAM,GAAG,MAAM,GAAG,WAAW,CAAC;oBAC7D,KAAK,CAAC,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC;oBACpC,MAAM;gBAER,KAAK,iCAAgB,CAAC,WAAW;oBAC/B,KAAK,CAAC,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,MAAM,GAAG,MAAM,GAAG,WAAW,CAAC;oBAC7D,KAAK,CAAC,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC;oBAClD,MAAM;gBAER,KAAK,iCAAgB,CAAC,IAAI;oBACxB,KAAK,CAAC,CAAC;wBACL,OAAO;4BACP,UAAU,CAAC,GAAG;4BACd,UAAU,CAAC,SAAS,EAAE,GAAG,CAAC;4BAC1B,WAAW,GAAG,CAAC,CAAC;oBAClB,KAAK,CAAC,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,IAAI,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;oBACxE,MAAM;gBAER,KAAK,iCAAgB,CAAC,OAAO;oBAC3B,KAAK,CAAC,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG,CAAC;oBACnC,KAAK,CAAC,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,IAAI,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;oBACxE,MAAM;gBAER,KAAK,iCAAgB,CAAC,KAAK;oBACzB,KAAK,CAAC,CAAC;wBACL,OAAO;4BACP,UAAU,CAAC,GAAG;4BACd,UAAU,CAAC,SAAS,EAAE,GAAG,CAAC;4BAC1B,WAAW,GAAG,CAAC,CAAC;oBAClB,KAAK,CAAC,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,KAAK,GAAG,MAAM,GAAG,WAAW,CAAC;oBAC5D,MAAM;gBAER,KAAK,iCAAgB,CAAC,QAAQ;oBAC5B,KAAK,CAAC,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG,CAAC;oBACnC,KAAK,CAAC,CAAC,GAAG,OAAO,GAAG,UAAU,CAAC,KAAK,GAAG,MAAM,GAAG,WAAW,CAAC;oBAC5D,MAAM;aACT;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC;QAsFF,oDAAoD;QAC5C,cAAS,GAAG,CAAC,KAAiB,EAAE,EAAE;YACxC,MAAM,WAAW,GAAG,KAAK,CAAC;YAE1B,qBAAqB;YACrB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;gBAChB,OAAO,WAAW,CAAC;aACpB;YAED,yDAAyD;YACzD,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC/D,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;YAE3C,qBAAqB;YACrB,IAAI,WAAW,CAAC,CAAC,GAAG,WAAW,GAAG,WAAW,EAAE;gBAC7C,WAAW,CAAC,CAAC,GAAG,WAAW,GAAG,WAAW,CAAC;aAC3C;YAED,qBAAqB;YACrB,IAAI,WAAW,CAAC,CAAC,GAAG,UAAU,GAAG,UAAU,EAAE;gBAC3C,WAAW,CAAC,CAAC,GAAG,UAAU,GAAG,UAAU,CAAC;aACzC;YAED,qBAAqB;YACrB,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,EAAE;gBACrB,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC;aACnB;YAED,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,EAAE;gBACrB,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC;aACnB;YAED,OAAO,WAAW,CAAC;QACrB,CAAC,CAAC;QAEM,wBAAmB,GAAG,CAC5B,KAA2C,EAC3C,EAAE;YACF,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,EAAE;gBAChC,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;aACzC;QACH,CAAC,CAAC;QAzeA,MAAM,cAAc,GAAG,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,aAAa,mCAAI,QAAQ,CAAC;QAEpE,IAAI,CAAC,KAAK,GAAG;YACX,cAAc,EAAE,KAAK;YACrB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;YACzB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;YAC7B,cAAc;SACf,CAAC;IACJ,CAAC;IAYe,iBAAiB;QAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACrB,IAAI,CAAC,OAAO,EAAE,CAAC;SAChB;IACH,CAAC;IAEO,eAAe;;QACrB,uBAAuB;QACvB,OAAO,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,mCAAI,MAAM,CAAC;IACzD,CAAC;IAEe,kBAAkB,CAChC,aAAyB,EACzB,SAAqB;;QAErB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ,EAAE;YAC9C,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;SAC1C;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,EAAE;YAC9C,uBAAuB;YACvB;gBACE,MAAM,cAAc,GAAG,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,aAAa,mCAAI,QAAQ,CAAC;gBACpE,IAAI,cAAc,KAAK,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE;oBAChD,IAAI,CAAC,mBAAmB,EAAE,CAAC;oBAC3B,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;iBACnC;aACF;SACF;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,EAAE;YAC9C,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;gBACrB,MAAM,QAAQ,GAAG,IAAI,CAAC,uBAAuB,EAAE,CAAC;gBAChD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAC1D,IACE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;oBACvC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;oBACtC,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,QAAQ;oBAEhC,OAAO;gBAET,IAAI,CAAC,QAAQ,CAAC;oBACZ,IAAI,EAAE,KAAK,CAAC,CAAC;oBACb,GAAG,EAAE,KAAK,CAAC,CAAC;oBACZ,QAAQ;iBACT,CAAC,CAAC;aACJ;YACD,OAAO;SACR;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACrB,IAAI,CAAC,OAAO,EAAE,CAAC;SAChB;aAAM;YACL,IAAI,CAAC,QAAQ,EAAE,CAAC;SACjB;IACH,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAgCO,aAAa,CAAC,OAAoB;QACxC,IAAI,OAAO,CAAC,QAAQ,KAAK,KAAK,EAAE;YAC9B,IAAI,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC;gBAC/D,OAAO,IAAI,CAAC;YACd,IAAI,OAAO,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;gBACpE,OAAO,IAAI,CAAC;SACf;aAAM;YACL,uBAAuB;YACvB,IAAI,OAAO,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;gBACpE,OAAO,IAAI,CAAC;SACf;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAmEO,OAAO;QACb,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAChD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;QAE1D,IAAI,CAAC,QAAQ,CACX,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,EACvD,GAAG,EAAE;YACH,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM;gBAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QAC7C,CAAC,CACF,CAAC;IACJ,CAAC;IAEO,QAAQ,CAAC,QAAkB;QACjC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAE/B,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAE3B,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE;YACpC,IAAI,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;gBAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACzD,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;gBAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,mBAAmB;QACzB,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;IACzD,CAAC;IAEO,uBAAuB,CAAC,QAA0B;QACxD,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAAE;YAC/B,QAAQ,QAAQ,EAAE;gBAChB,KAAK,iCAAgB,CAAC,OAAO;oBAC3B,OAAO,qBAAqB,CAAC;gBAC/B,KAAK,iCAAgB,CAAC,QAAQ;oBAC5B,OAAO,sBAAsB,CAAC;gBAChC,KAAK,iCAAgB,CAAC,UAAU;oBAC9B,OAAO,wBAAwB,CAAC;gBAClC,KAAK,iCAAgB,CAAC,WAAW;oBAC/B,OAAO,yBAAyB,CAAC;gBACnC,KAAK,iCAAgB,CAAC,GAAG;oBACvB,OAAO,gBAAgB,CAAC;gBAC1B,KAAK,iCAAgB,CAAC,IAAI;oBACxB,OAAO,iBAAiB,CAAC;gBAC3B,KAAK,iCAAgB,CAAC,KAAK;oBACzB,OAAO,kBAAkB,CAAC;gBAC5B,KAAK,iCAAgB,CAAC,MAAM;oBAC1B,OAAO,mBAAmB,CAAC;gBAC7B,KAAK,iCAAgB,CAAC,OAAO;oBAC3B,OAAO,qBAAqB,CAAC;gBAC/B,KAAK,iCAAgB,CAAC,QAAQ;oBAC5B,OAAO,sBAAsB,CAAC;aACjC;SACF;QAED,OAAO,EAAE,CAAC;IACZ,CAAC;IAEO,mBAAmB;QACzB,IAAI,UAAU,GAAG,CAAC,CAAC;QACnB,IAAI,WAAW,GAAG,CAAC,CAAC;QACpB,uBAAuB;QACvB,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YAC5C,MAAM,KAAK,GAAG,YAAY,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACzD,MAAM,eAAe,GAAG,aAAa,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;YAC7D,MAAM,gBAAgB,GAAG,aAAa,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;YAC/D,MAAM,cAAc,GAAG,aAAa,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;YAC3D,MAAM,iBAAiB,GAAG,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;YACjE,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,eAAe,GAAG,gBAAgB,CAAC;YAC1E,WAAW;gBACT,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,cAAc,GAAG,iBAAiB,CAAC;SACjE;QAED,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC;IACrC,CAAC;IAkGO,uBAAuB;QAC7B,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEhD,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM;YAAE,OAAO,QAAQ,CAAC;QAE7C,qBAAqB;QACrB,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAAE,OAAO,QAAQ,CAAC;QAEhD,IAAI,WAAW,GAAG,QAAQ,CAAC;QAS3B,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAE5C,qGAAqG;QACrG,MAAM,YAAY,GAAS;YACzB,IAAI,EAAE,YAAY,CAAC,OAAO;YAC1B,GAAG,EAAE,YAAY,CAAC,OAAO;YACzB,KAAK,EAAE,YAAY,CAAC,OAAO,GAAG,YAAY,CAAC,UAAU;YACrD,MAAM,EAAE,YAAY,CAAC,OAAO,GAAG,YAAY,CAAC,WAAW;SACxD,CAAC;QACF,MAAM,UAAU,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;QAClD,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC/D,MAAM,cAAc,GAAG,YAAY,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAC7D,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS;YACtC,CAAC,CAAC,0BAA0B,CAAC,EAAE;YAC/B,CAAC,CAAC,CAAC,CAAC;QAEN,MAAM,YAAY,GAAG,WAAW,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;QAC9D,IACE,UAAU,CAAC,MAAM,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,MAAM;YACrE,YAAY,CAAC,MAAM,EACnB;YACA,IAAI,WAAW,KAAK,iCAAgB,CAAC,MAAM;gBACzC,WAAW,GAAG,iCAAgB,CAAC,GAAG,CAAC;iBAChC,IAAI,WAAW,KAAK,iCAAgB,CAAC,UAAU;gBAClD,WAAW,GAAG,iCAAgB,CAAC,OAAO,CAAC;iBACpC,IAAI,WAAW,KAAK,iCAAgB,CAAC,WAAW;gBACnD,WAAW,GAAG,iCAAgB,CAAC,QAAQ,CAAC;SAC3C;QAED,MAAM,SAAS,GAAG,WAAW,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;QACxD,IACE,UAAU,CAAC,GAAG,GAAG,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM;YAC/D,YAAY,CAAC,GAAG,EAChB;YACA,IAAI,WAAW,KAAK,iCAAgB,CAAC,GAAG;gBACtC,WAAW,GAAG,iCAAgB,CAAC,MAAM,CAAC;iBACnC,IAAI,WAAW,KAAK,iCAAgB,CAAC,OAAO;gBAC/C,WAAW,GAAG,iCAAgB,CAAC,UAAU,CAAC;iBACvC,IAAI,WAAW,KAAK,iCAAgB,CAAC,QAAQ;gBAChD,WAAW,GAAG,iCAAgB,CAAC,WAAW,CAAC;SAC9C;QAED,MAAM,UAAU,GAAG,WAAW,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;QAC1D,IACE,UAAU,CAAC,IAAI,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM;YAChE,YAAY,CAAC,IAAI,EACjB;YACA,IAAI,WAAW,KAAK,iCAAgB,CAAC,IAAI;gBACvC,WAAW,GAAG,iCAAgB,CAAC,KAAK,CAAC;iBAClC,IAAI,WAAW,KAAK,iCAAgB,CAAC,OAAO;gBAC/C,WAAW,GAAG,iCAAgB,CAAC,QAAQ,CAAC;SAC3C;QAED,MAAM,WAAW,GAAG,WAAW,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QAC5D,IACE,UAAU,CAAC,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM;YAClE,YAAY,CAAC,KAAK,EAClB;YACA,IAAI,WAAW,KAAK,iCAAgB,CAAC,KAAK;gBACxC,WAAW,GAAG,iCAAgB,CAAC,IAAI,CAAC;iBACjC,IAAI,WAAW,KAAK,iCAAgB,CAAC,QAAQ;gBAChD,WAAW,GAAG,iCAAgB,CAAC,OAAO,CAAC;SAC1C;QAED,OAAO,WAAW,CAAC;IACrB,CAAC;IA6Ce,MAAM;QACpB,MAAM,OAAO,GACX,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;QAC/D,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,YAAY,EACZ,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EACjD,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,mBAAmB,EAC5C,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,OAAO,EAC/B,CAAC,OAAO,IAAI,2BAA2B,EACvC,IAAI,CAAC,KAAK,CAAC,SAAS,EACpB,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,sBAAsB,EACnD,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;YAChB,IAAI,CAAC,KAAK,CAAC,mBAAmB;YAC9B,mBAAmB,CACtB,CAAC;QAEF,MAAM,KAAK,GAAwB;YACjC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG;YACnB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI;YACrB,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;SACpB,CAAC;QAEF,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,yBAAyB;QAEpF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE;YACzD,OAAO,IAAI,CAAC;SACb;QAED,OAAO,QAAQ,CAAC,YAAY,CAC1B,6BACE,SAAS,EAAE,SAAS,iBACR,YAAY,EACxB,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE;gBACf,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC;YACxB,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,gBACE,IAAI,EAChB,QAAQ,EAAE,CAAC,CAAC,gBACA,IAAI,CAAC,KAAK,CAAC,SAAS,EAChC,cAAc,EAAE,IAAI,CAAC,mBAAmB;YAExC,oBAAC,qBAAS,IACR,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAC9B,mBAAmB,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EAC3C,uBAAuB,EAAE,IAAI,IAE5B,IAAI,CAAC,KAAK,CAAC,QAAQ,CACV,CACR,EACN,IAAI,CAAC,YAAY,EAAE,CACpB,CAAC;IACJ,CAAC;IAEO,YAAY;;QAClB,uBAAuB;QACvB,OAAO,CACL,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAC1C,uCAAuC,CACxC,mCAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CACpC,CAAC;IACJ,CAAC;;AA5hBa,kBAAY,GAAwB;IAChD,QAAQ,EAAE,iCAAgB,CAAC,MAAM;IACjC,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC,CAAC;IACP,IAAI,EAAE,CAAC,CAAC;CACT,AARyB,CAQxB;AAzBS,sBAAK;AAgjBlB,SAAS,aAAa,CAAC,KAAa;IAClC,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACnC,OAAO,MAAM,IAAI,CAAC,CAAC;AACrB,CAAC;AAED,SAAS,WAAW,CAAC,KAAa;IAChC,OAAO,KAAK,CAAC,CAAC,CAAC,0BAA0B,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,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 Popup\n */\n\nimport \"./Popup.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { Key } from \"ts-key-enum\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { FocusTrap } from \"../focustrap/FocusTrap\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Rectangle } from \"../utils/Rectangle\";\n\n// cSpell:ignore focustrap focusable alertdialog\n\n/** @internal */\ninterface PopupPoint {\n  x: number;\n  y: number;\n}\n\n/** Properties for the [[Popup]] component\n * @public\n */\nexport interface PopupProps extends CommonProps {\n  /** Show or hide the box shadow (defaults to true) */\n  showShadow: boolean;\n  /** Show or hide the arrow (defaults to false) */\n  showArrow: boolean;\n  /** Indicates whether the popup is shown or not (defaults to false) */\n  isOpen: boolean;\n  /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */\n  position: RelativePosition;\n  /** Top position (absolute positioning - defaults to 0) */\n  top: number;\n  /** Left position (absolute positioning - defaults to 0) */\n  left: number;\n  /** Function called when the popup is opened */\n  onOpen?: () => void;\n  /** Function called when user clicks outside the popup  */\n  onOutsideClick?: (e: MouseEvent) => void;\n  /** Function called when the popup is closed */\n  onClose?: () => void;\n  /** Function called when the popup is closed on Enter */\n  onEnter?: () => void;\n  /** Function called when the wheel is used */\n  onWheel?: (e: WheelEvent) => void;\n  /** Function called when the right mouse button is pressed */\n  onContextMenu?: (e: MouseEvent) => void;\n  /** Offset from the parent (defaults to 4) */\n  offset: number;\n  /** Target element to position popup */\n  target?: HTMLElement | null;\n  /** Role - if not specified \"dialog\" is used */\n  role?: \"dialog\" | \"alert\" | \"alertdialog\";\n  /** accessibility label */\n  ariaLabel?: string;\n  /** set focus to popup - default to not set focus */\n  moveFocus?: boolean;\n  /** 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. */\n  focusTarget?: React.RefObject<HTMLElement> | string;\n  /** Indicates whether the popup is pinned. */\n  isPinned?: boolean;\n  /** Indicates whether to use animation for open/close (defaults to true) */\n  animate?: boolean;\n  /** Indicates whether to close the popup when Enter is pressed (defaults to true) */\n  closeOnEnter?: boolean;\n  /** Indicates whether to close the popup when the wheel is used (defaults to true) */\n  closeOnWheel?: boolean;\n  /** Indicates whether to close the popup when the right mouse button is pressed (defaults to true) */\n  closeOnContextMenu?: boolean;\n  /** If false outside click processing and closing are skipped if click occurs in another Popup component, default to false. */\n  closeOnNestedPopupOutsideClick?: boolean;\n  /** If true the children are mounted once and unmounted when this component is unmounted. If false the\n   * children are unmounted each time the popup is closed. */\n  keepContentsMounted?: boolean;\n\n  /**\n   * If true the popup will remain open and will be repositioned when window resize events occur, default to false.\n   * @beta\n   * */\n  repositionOnResize?: boolean;\n\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** @internal */\ninterface PopupState {\n  isOpen: boolean;\n  top: number;\n  left: number;\n  position: RelativePosition;\n  parentDocument: Document;\n  animationEnded: boolean;\n}\n\n/** Popup React component displays a popup relative to an optional target element.\n * @public\n */\nexport class Popup extends React.Component<PopupProps, PopupState> {\n  private _popup: HTMLElement | null = null;\n\n  constructor(props: PopupProps) {\n    super(props);\n    const parentDocument = this.props.target?.ownerDocument ?? document;\n\n    this.state = {\n      animationEnded: false,\n      isOpen: this.props.isOpen,\n      top: 0,\n      left: 0,\n      position: this.props.position,\n      parentDocument,\n    };\n  }\n\n  public static defaultProps: Partial<PopupProps> = {\n    position: RelativePosition.Bottom,\n    showShadow: true,\n    showArrow: false,\n    isOpen: false,\n    offset: 4,\n    top: -1,\n    left: -1,\n  };\n\n  public override componentDidMount() {\n    if (this.props.isOpen) {\n      this._onShow();\n    }\n  }\n\n  private getParentWindow() {\n    // istanbul ignore next\n    return this.state.parentDocument.defaultView ?? window;\n  }\n\n  public override componentDidUpdate(\n    previousProps: PopupProps,\n    prevState: PopupState\n  ) {\n    if (this.state.position !== prevState.position) {\n      this.setState({ animationEnded: false });\n    }\n\n    if (this.props.target !== previousProps.target) {\n      // istanbul ignore next\n      {\n        const parentDocument = this.props.target?.ownerDocument ?? document;\n        if (parentDocument !== this.state.parentDocument) {\n          this._unBindWindowEvents();\n          this.setState({ parentDocument });\n        }\n      }\n    }\n\n    if (this.props.isOpen === previousProps.isOpen) {\n      if (this.props.isOpen) {\n        const position = this._toggleRelativePosition();\n        const point = this._fitPopup(this._getPosition(position));\n        if (\n          Math.abs(this.state.left - point.x) < 3 &&\n          Math.abs(this.state.top - point.y) < 3 &&\n          this.state.position === position\n        )\n          return;\n\n        this.setState({\n          left: point.x,\n          top: point.y,\n          position,\n        });\n      }\n      return;\n    }\n\n    if (this.props.isOpen) {\n      this._onShow();\n    } else {\n      this._onClose();\n    }\n  }\n\n  public override componentWillUnmount() {\n    this._unBindWindowEvents();\n  }\n\n  private _bindWindowEvents = () => {\n    const activeWindow = this.getParentWindow();\n    activeWindow.addEventListener(\"pointerdown\", this._handleOutsideClick);\n    activeWindow.addEventListener(\"resize\", this._resize);\n    activeWindow.addEventListener(\"contextmenu\", this._handleContextMenu);\n    activeWindow.addEventListener(\"scroll\", this._hide);\n    activeWindow.addEventListener(\"wheel\", this._handleWheel);\n    activeWindow.addEventListener(\"keydown\", this._handleKeyboard);\n  };\n\n  private _unBindWindowEvents = () => {\n    const activeWindow = this.getParentWindow();\n    activeWindow.removeEventListener(\"pointerdown\", this._handleOutsideClick);\n    activeWindow.removeEventListener(\"resize\", this._resize);\n    activeWindow.removeEventListener(\"contextmenu\", this._handleContextMenu);\n    activeWindow.removeEventListener(\"scroll\", this._hide);\n    activeWindow.removeEventListener(\"wheel\", this._handleWheel);\n    activeWindow.removeEventListener(\"keydown\", this._handleKeyboard);\n  };\n\n  private _handleWheel = (event: WheelEvent) => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.onWheel) return this.props.onWheel(event);\n\n    const closeOnWheel =\n      this.props.closeOnWheel !== undefined ? this.props.closeOnWheel : true;\n    if (closeOnWheel) this._hide();\n  };\n\n  private isInCorePopup(element: HTMLElement): boolean {\n    if (element.nodeName === \"DIV\") {\n      if (element.classList && element.classList.contains(\"core-popup\"))\n        return true;\n      if (element.parentElement && this.isInCorePopup(element.parentElement))\n        return true;\n    } else {\n      // istanbul ignore else\n      if (element.parentElement && this.isInCorePopup(element.parentElement))\n        return true;\n    }\n    return false;\n  }\n\n  private _handleOutsideClick = (event: MouseEvent): void => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.isPinned) return;\n\n    if (\n      !this.props.closeOnNestedPopupOutsideClick &&\n      this.isInCorePopup(event.target as HTMLElement)\n    )\n      return;\n\n    if (this.props.onOutsideClick) return this.props.onOutsideClick(event);\n\n    if (this.props.target && this.props.target.contains(event.target as Node))\n      return;\n\n    this._onClose();\n  };\n\n  private _handleContextMenu = (event: MouseEvent) => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.onContextMenu) return this.props.onContextMenu(event);\n\n    const closeOnContextMenu =\n      this.props.closeOnContextMenu !== undefined\n        ? this.props.closeOnContextMenu\n        : true;\n    if (closeOnContextMenu) this._hide();\n  };\n\n  private _handleKeyboard = (event: KeyboardEvent): void => {\n    if (this.props.isPinned) return;\n\n    if (\n      event.key === Key.Escape.valueOf() ||\n      event.key === Key.Enter.valueOf()\n    ) {\n      const closeOnEnter =\n        this.props.closeOnEnter !== undefined ? this.props.closeOnEnter : true;\n      if (event.key === Key.Enter.valueOf()) {\n        if (closeOnEnter) this._onClose(true);\n        else this.props.onEnter && this.props.onEnter();\n      } else {\n        this._onClose(false);\n      }\n    }\n  };\n\n  private _resize = () => {\n    if (this.props.repositionOnResize) {\n      const position = this._toggleRelativePosition();\n      const point = this._fitPopup(this._getPosition(position));\n      this.setState({ left: point.x, top: point.y, position });\n    } else {\n      this._hide(); // legacy behavior\n    }\n  };\n\n  private _hide = () => {\n    if (this.props.isPinned) return;\n\n    this._onClose();\n  };\n\n  private _onShow() {\n    this._bindWindowEvents();\n    const position = this._toggleRelativePosition();\n    const point = this._fitPopup(this._getPosition(position));\n\n    this.setState(\n      { left: point.x, top: point.y, isOpen: true, position },\n      () => {\n        if (this.props.onOpen) this.props.onOpen();\n      }\n    );\n  }\n\n  private _onClose(enterKey?: boolean) {\n    if (!this.state.isOpen) return;\n\n    this._unBindWindowEvents();\n\n    this.setState({ isOpen: false }, () => {\n      if (enterKey && this.props.onEnter) this.props.onEnter();\n      if (this.props.onClose) this.props.onClose();\n    });\n  }\n\n  private _isPositionAbsolute(): boolean {\n    return this.props.top !== -1 && this.props.left !== -1;\n  }\n\n  private _getClassNameByPosition(position: RelativePosition): string {\n    if (!this._isPositionAbsolute()) {\n      switch (position) {\n        case RelativePosition.TopLeft:\n          return \"core-popup-top-left\";\n        case RelativePosition.TopRight:\n          return \"core-popup-top-right\";\n        case RelativePosition.BottomLeft:\n          return \"core-popup-bottom-left\";\n        case RelativePosition.BottomRight:\n          return \"core-popup-bottom-right\";\n        case RelativePosition.Top:\n          return \"core-popup-top\";\n        case RelativePosition.Left:\n          return \"core-popup-left\";\n        case RelativePosition.Right:\n          return \"core-popup-right\";\n        case RelativePosition.Bottom:\n          return \"core-popup-bottom\";\n        case RelativePosition.LeftTop:\n          return \"core-popup-left-top\";\n        case RelativePosition.RightTop:\n          return \"core-popup-right-top\";\n      }\n    }\n\n    return \"\";\n  }\n\n  private _getPopupDimensions(): { popupWidth: number; popupHeight: number } {\n    let popupWidth = 0;\n    let popupHeight = 0;\n    // istanbul ignore else\n    if (this._popup) {\n      const activeWindow = this.getParentWindow();\n      const style = activeWindow.getComputedStyle(this._popup);\n      const borderLeftWidth = parsePxString(style.borderLeftWidth);\n      const borderRightWidth = parsePxString(style.borderRightWidth);\n      const borderTopWidth = parsePxString(style.borderTopWidth);\n      const borderBottomWidth = parsePxString(style.borderBottomWidth);\n      popupWidth = this._popup.clientWidth + borderLeftWidth + borderRightWidth;\n      popupHeight =\n        this._popup.clientHeight + borderTopWidth + borderBottomWidth;\n    }\n\n    return { popupWidth, popupHeight };\n  }\n\n  private _getPosition = (position: RelativePosition) => {\n    const activeWindow = this.getParentWindow();\n    const { target, offset, top, left } = this.props;\n    const offsetArrow = this.props.showArrow ? 6 : 0;\n\n    // absolute position\n    if (this._isPositionAbsolute()) return { x: left, y: top };\n\n    // sanity check\n    const point = { x: 0, y: 0 };\n    if (!this._popup || !target) return point;\n\n    // relative position\n    const scrollY = activeWindow.scrollY;\n    const scrollX = activeWindow.scrollX;\n\n    const container = this.getContainer();\n    const containerBounds = container.getBoundingClientRect();\n    const targetRect = Rectangle.create(target.getBoundingClientRect()).offset({\n      x: -containerBounds.left,\n      y: -containerBounds.top,\n    });\n\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n\n    switch (position) {\n      case RelativePosition.Top:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x =\n          scrollX +\n          targetRect.left +\n          targetRect.getWidth() / 2 -\n          popupWidth / 2;\n        break;\n\n      case RelativePosition.TopLeft:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x = scrollX + targetRect.left;\n        break;\n\n      case RelativePosition.TopRight:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x = scrollX + targetRect.right - popupWidth;\n        break;\n\n      case RelativePosition.Bottom:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x =\n          scrollX +\n          targetRect.left +\n          targetRect.getWidth() / 2 -\n          popupWidth / 2;\n        break;\n\n      case RelativePosition.BottomLeft:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x = scrollX + targetRect.left;\n        break;\n\n      case RelativePosition.BottomRight:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x = scrollX + targetRect.right - popupWidth;\n        break;\n\n      case RelativePosition.Left:\n        point.y =\n          scrollY +\n          targetRect.top +\n          targetRect.getHeight() / 2 -\n          popupHeight / 2;\n        point.x = scrollX + targetRect.left - popupWidth - offset - offsetArrow;\n        break;\n\n      case RelativePosition.LeftTop:\n        point.y = scrollY + targetRect.top;\n        point.x = scrollX + targetRect.left - popupWidth - offset - offsetArrow;\n        break;\n\n      case RelativePosition.Right:\n        point.y =\n          scrollY +\n          targetRect.top +\n          targetRect.getHeight() / 2 -\n          popupHeight / 2;\n        point.x = scrollX + targetRect.right + offset + offsetArrow;\n        break;\n\n      case RelativePosition.RightTop:\n        point.y = scrollY + targetRect.top;\n        point.x = scrollX + targetRect.right + offset + offsetArrow;\n        break;\n    }\n\n    return point;\n  };\n\n  private _toggleRelativePosition(): RelativePosition {\n    const { target, position, offset } = this.props;\n\n    if (!this._popup || !target) return position;\n\n    // istanbul ignore if\n    if (this._isPositionAbsolute()) return position;\n\n    let newPosition = position;\n\n    interface Rect {\n      left: number;\n      top: number;\n      right: number;\n      bottom: number;\n    }\n\n    const activeWindow = this.getParentWindow();\n\n    // Note: Cannot use DOMRect yet since it's experimental and not available in all browsers (Nov. 2018)\n    const viewportRect: Rect = {\n      left: activeWindow.scrollX,\n      top: activeWindow.scrollY,\n      right: activeWindow.scrollX + activeWindow.innerWidth,\n      bottom: activeWindow.scrollY + activeWindow.innerHeight,\n    };\n    const targetRect = target.getBoundingClientRect();\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n    const containerStyle = activeWindow.getComputedStyle(target);\n    const offsetArrow = this.props.showArrow\n      ? /* istanbul ignore next */ 10\n      : 2;\n\n    const bottomMargin = parseMargin(containerStyle.marginBottom);\n    if (\n      targetRect.bottom + popupHeight + bottomMargin + offsetArrow + offset >\n      viewportRect.bottom\n    ) {\n      if (newPosition === RelativePosition.Bottom)\n        newPosition = RelativePosition.Top;\n      else if (newPosition === RelativePosition.BottomLeft)\n        newPosition = RelativePosition.TopLeft;\n      else if (newPosition === RelativePosition.BottomRight)\n        newPosition = RelativePosition.TopRight;\n    }\n\n    const topMargin = parseMargin(containerStyle.marginTop);\n    if (\n      targetRect.top - popupHeight - topMargin - offsetArrow - offset <\n      viewportRect.top\n    ) {\n      if (newPosition === RelativePosition.Top)\n        newPosition = RelativePosition.Bottom;\n      else if (newPosition === RelativePosition.TopLeft)\n        newPosition = RelativePosition.BottomLeft;\n      else if (newPosition === RelativePosition.TopRight)\n        newPosition = RelativePosition.BottomRight;\n    }\n\n    const leftMargin = parseMargin(containerStyle.marginLeft);\n    if (\n      targetRect.left - popupWidth - leftMargin - offsetArrow - offset <\n      viewportRect.left\n    ) {\n      if (newPosition === RelativePosition.Left)\n        newPosition = RelativePosition.Right;\n      else if (newPosition === RelativePosition.LeftTop)\n        newPosition = RelativePosition.RightTop;\n    }\n\n    const rightMargin = parseMargin(containerStyle.marginRight);\n    if (\n      targetRect.right + popupWidth + rightMargin + offsetArrow + offset >\n      viewportRect.right\n    ) {\n      if (newPosition === RelativePosition.Right)\n        newPosition = RelativePosition.Left;\n      else if (newPosition === RelativePosition.RightTop)\n        newPosition = RelativePosition.LeftTop;\n    }\n\n    return newPosition;\n  }\n\n  // fit the popup within the extents of the view port\n  private _fitPopup = (point: PopupPoint) => {\n    const fittedPoint = point;\n\n    // istanbul ignore if\n    if (!this._popup) {\n      return fittedPoint;\n    }\n\n    // const popupRect = this._popup.getBoundingClientRect();\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n    const { innerWidth, innerHeight } = window;\n\n    // istanbul ignore if\n    if (fittedPoint.y + popupHeight > innerHeight) {\n      fittedPoint.y = innerHeight - popupHeight;\n    }\n\n    // istanbul ignore if\n    if (fittedPoint.x + popupWidth > innerWidth) {\n      fittedPoint.x = innerWidth - popupWidth;\n    }\n\n    // istanbul ignore if\n    if (fittedPoint.y < 0) {\n      fittedPoint.y = 0;\n    }\n\n    if (fittedPoint.x < 0) {\n      fittedPoint.x = 0;\n    }\n\n    return fittedPoint;\n  };\n\n  private _handleAnimationEnd = (\n    event: React.AnimationEvent<HTMLDivElement>\n  ) => {\n    if (event.target === this._popup) {\n      this.setState({ animationEnded: true });\n    }\n  };\n\n  public override render() {\n    const animate =\n      this.props.animate !== undefined ? this.props.animate : true;\n    const className = classnames(\n      \"core-popup\",\n      this._getClassNameByPosition(this.state.position),\n      this.props.showShadow && \"core-popup-shadow\",\n      this.props.showArrow && \"arrow\",\n      !animate && \"core-popup-animation-none\",\n      this.props.className,\n      this.state.animationEnded && \"core-animation-ended\",\n      !this.props.isOpen &&\n        this.props.keepContentsMounted &&\n        \"core-popup-hidden\"\n    );\n\n    const style: React.CSSProperties = {\n      top: this.state.top,\n      left: this.state.left,\n      ...this.props.style,\n    };\n\n    const role = this.props.role ? this.props.role : \"dialog\"; // accessibility property\n\n    if (!this.props.isOpen && !this.props.keepContentsMounted) {\n      return null;\n    }\n\n    return ReactDOM.createPortal(\n      <div\n        className={className}\n        data-testid=\"core-popup\"\n        ref={(element) => {\n          this._popup = element;\n        }}\n        style={style}\n        role={role}\n        aria-modal={true}\n        tabIndex={-1}\n        aria-label={this.props.ariaLabel}\n        onAnimationEnd={this._handleAnimationEnd}\n      >\n        <FocusTrap\n          active={!!this.props.moveFocus}\n          initialFocusElement={this.props.focusTarget}\n          returnFocusOnDeactivate={true}\n        >\n          {this.props.children}\n        </FocusTrap>\n      </div>,\n      this.getContainer()\n    );\n  }\n\n  private getContainer() {\n    // istanbul ignore next\n    return (\n      this.state.parentDocument.body.querySelector(\n        '[data-root-container=\"appui-root-id\"]'\n      ) ?? this.state.parentDocument.body\n    );\n  }\n}\n\nfunction parsePxString(pxStr: string): number {\n  const parsed = parseInt(pxStr, 10);\n  return parsed || 0;\n}\n\nfunction parseMargin(value: string) {\n  return value ? /* istanbul ignore next */ parseFloat(value) : 0;\n}\n"]}

package/lib/cjs/core-react/searchbox/SearchBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBox.d.ts","sourceRoot":"","sources":["../../../../src/core-react/searchbox/SearchBox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mCAAmC;IACnC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,gBAAgB;AAChB,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,OAAO,CAAC,aAAa,CAAiC;IACtD,OAAO,CAAC,UAAU,CAAa;IAE/B,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,CAEtD;gBAEU,KAAK,EAAE,cAAc;IAIjC,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;IA+CzC,6HAA6H;IAC7H,OAAO,CAAC,eAAe,CAcrB;IACF,OAAO,CAAC,YAAY,CAelB;IAEF,OAAO,CAAC,cAAc,CAWpB;IAEF,OAAO,CAAC,gBAAgB,CAUtB;IAEF,OAAO,CAAC,aAAa,CAKnB;IAEc,oBAAoB;IAI7B,KAAK;CAIb"}
+{"version":3,"file":"SearchBox.d.ts","sourceRoot":"","sources":["../../../../src/core-react/searchbox/SearchBox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AASlD;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mCAAmC;IACnC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,gBAAgB;AAChB,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,OAAO,CAAC,aAAa,CAAiC;IACtD,OAAO,CAAC,UAAU,CAAa;IAE/B,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,CAEtD;gBAEU,KAAK,EAAE,cAAc;IAIjC,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;IAuCzC,6HAA6H;IAC7H,OAAO,CAAC,eAAe,CAcrB;IACF,OAAO,CAAC,YAAY,CAelB;IAEF,OAAO,CAAC,cAAc,CAWpB;IAEF,OAAO,CAAC,gBAAgB,CAUtB;IAEF,OAAO,CAAC,aAAa,CAKnB;IAEc,oBAAoB;IAI7B,KAAK;CAIb"}

package/lib/cjs/core-react/searchbox/SearchBox.js

@@ -12,10 +12,10 @@ require("./SearchBox.scss");
 const classnames_1 = require("classnames");
 const React = require("react");
 const ts_key_enum_1 = require("ts-key-enum");
-const UiCore_1 = require("../UiCore");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const IconComponent_1 = require("../icons/IconComponent");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const useTranslation_1 = require("../l10n/useTranslation");
 /**
  * Input box for entering text to search for.
  * The SearchBox has an icon right-justified and bounded by the box and shows a Search or Clear icon.
@@ -98,14 +98,11 @@ class SearchBox extends React.Component {
         const emptyString = this.state.value === "";
         const iconClassName = (0, classnames_1.default)("core-searchbox-icon", "icon");
         const iconSpec = emptyString ? React.createElement(itwinui_icons_react_1.SvgSearch, null) : React.createElement(itwinui_icons_react_1.SvgClose, null);
-        const buttonTitle = UiCore_1.UiCore.translate(emptyString ? "general.search" : "general.clear");
         return (React.createElement("div", { className: searchClassName, style: this.props.style, "data-testid": "core-searchbox-instance" },
-            React.createElement(itwinui_react_1.Input, { defaultValue: this.props.initialValue, ref: (el) => {
+            React.createElement(SearchBoxInput, { defaultValue: this.props.initialValue, ref: (el) => {
                     this._inputElement = el;
-                }, onChange: this._trackChange, onKeyDown: this._handleKeyDown, onPaste: this._trackChange, onCut: this._trackChange, placeholder: this.props.placeholder
-                    ? this.props.placeholder
-                    : UiCore_1.UiCore.translate("general.search"), role: "searchbox", "data-testid": "core-searchbox-input" }),
-            React.createElement("div", { className: "core-searchbox-button", onClick: this._handleIconClick, role: "button", tabIndex: -1, title: buttonTitle },
+                }, onChange: this._trackChange, onKeyDown: this._handleKeyDown, onPaste: this._trackChange, onCut: this._trackChange, placeholder: this.props.placeholder, role: "searchbox", "data-testid": "core-searchbox-input" }),
+            React.createElement(SearchBoxButton, { className: "core-searchbox-button", onClick: this._handleIconClick, role: "button", tabIndex: -1, emptyString: emptyString },
                 React.createElement("span", { className: iconClassName },
                     React.createElement(IconComponent_1.Icon, { iconSpec: iconSpec })))));
     }
@@ -119,4 +116,13 @@ class SearchBox extends React.Component {
     }
 }
 exports.SearchBox = SearchBox;
+const SearchBoxInput = React.forwardRef(function SearchBoxInput({ placeholder, ...props }, ref) {
+    const { translate } = (0, useTranslation_1.useTranslation)();
+    return (React.createElement(itwinui_react_1.Input, { ref: ref, placeholder: placeholder || translate("general.search"), ...props }));
+});
+function SearchBoxButton({ emptyString, ...props }) {
+    const { translate } = (0, useTranslation_1.useTranslation)();
+    const buttonTitle = translate(emptyString ? "general.search" : "general.clear");
+    return React.createElement("div", { title: buttonTitle, ...props });
+}
 //# sourceMappingURL=SearchBox.js.map