@itwin/core-react 3.4.0-dev.9 → 3.5.0-dev.4

package/lib/cjs/core-react/focustrap/FocusTrap.js

@@ -1,197 +1,197 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Popup
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FocusTrap = exports.focusIntoContainer = void 0;
-const React = require("react");
-const core_bentley_1 = require("@itwin/core-bentley");
-const UiCore_1 = require("../UiCore");
-// cSpell:ignore focusable
-function isFocusable(element) {
-    if (!element || element.tabIndex < 0)
-        return false;
-    if (element.classList && element.classList.contains("core-focus-trap-ignore-initial"))
-        return false;
-    if (element.getAttribute && (typeof element.getAttribute === "function") && element.getAttribute("disabled") !== null)
-        return false;
-    if (element.tabIndex > 0 || (element.tabIndex === 0 && element.getAttribute("tabIndex") !== null))
-        return true;
-    switch (element.nodeName) {
-        case "A":
-            const anchorElement = element;
-            return !!anchorElement.href && anchorElement.rel !== "ignore";
-        case "INPUT":
-            const inputElement = element;
-            return inputElement.type !== "hidden" && inputElement.type !== "file";
-        case "BUTTON":
-        case "SELECT":
-        case "TEXTAREA":
-            return true;
-        default:
-            return false;
-    }
-}
-function processFindFocusableDescendant(element) {
-    // istanbul ignore next
-    if (!element)
-        return null;
-    for (const child of element.childNodes) {
-        // istanbul ignore else
-        if (isFocusable(child))
-            return child;
-        const focusable = processFindFocusableDescendant(child);
-        if (focusable)
-            return focusable;
-    }
-    return null;
-}
-function findFirstFocusableDescendant(focusContainer) {
-    return processFindFocusableDescendant(focusContainer);
-}
-function processFindLastFocusableDescendant(element) {
-    for (let i = element.childNodes.length - 1; i >= 0; i--) {
-        const child = element.childNodes[i];
-        const focusable = processFindLastFocusableDescendant(child);
-        // istanbul ignore else
-        if (focusable)
-            return focusable;
-        // istanbul ignore else
-        if (isFocusable(child))
-            return child;
-    }
-    return null;
-}
-function findLastFocusableDescendant(focusContainer) {
-    return processFindLastFocusableDescendant(focusContainer);
-}
-function getInitialFocusElement(focusContainer, initialFocusSpec) {
-    // istanbul ignore next
-    if (!focusContainer)
-        return null;
-    if (initialFocusSpec) {
-        if (typeof initialFocusSpec === "string") {
-            const node = focusContainer.querySelector(initialFocusSpec);
-            if (node) {
-                return node;
-            }
-            else {
-                core_bentley_1.Logger.logError(`${UiCore_1.UiCore.packageName}.FocusTrap`, `Unable to locate element via selector ${initialFocusSpec}`);
-            }
-        }
-        else {
-            return initialFocusSpec.current;
-        }
-    }
-    return findFirstFocusableDescendant(focusContainer);
-}
-function attemptFocus(element, preventScroll) {
-    // istanbul ignore next
-    if (!isFocusable(element))
-        return false;
-    try {
-        // istanbul ignore else
-        if (document.activeElement !== element)
-            element.focus({ preventScroll: preventScroll ? true : /* istanbul ignore next */ false });
-    }
-    catch (e) {
-        // istanbul ignore next
-        return false;
-    }
-    return (document.activeElement === element);
-} // end attemptFocus
-/** Focus into first focusable element of a container.
- * @internal
- */
-function focusIntoContainer(focusContainer, initialFocusElement) {
-    let result = false;
-    const focusElement = getInitialFocusElement(focusContainer, initialFocusElement);
-    if (focusElement) {
-        // delay setting focus immediately because in some browsers other focus events happen when popup is initially opened.
-        setTimeout(() => {
-            attemptFocus(focusElement, true);
-        }, 60);
-        result = true;
-    }
-    return result;
-}
-exports.focusIntoContainer = focusIntoContainer;
-/** Trap Focus in container while trap is active.
- * @internal
- */
-function FocusTrap(props) {
-    const restoreFocusElement = React.useRef(null);
-    const initialFocusElement = React.useRef(null);
-    const focusContainer = React.useRef(null);
-    const isInitialMount = React.useRef(true);
-    const timeoutRef = React.useRef();
-    // Run on initial mount and when dependencies change. which could happen often.
-    React.useEffect(() => {
-        // istanbul ignore else
-        if (isInitialMount.current) {
-            isInitialMount.current = false;
-            if (props.active) {
-                if (props.returnFocusOnDeactivate) {
-                    restoreFocusElement.current = document.activeElement;
-                }
-                initialFocusElement.current = getInitialFocusElement(focusContainer.current, props.initialFocusElement);
-                if (initialFocusElement.current) {
-                    // delay setting focus immediately because in some browsers other focus events happen when popup is initially opened.
-                    timeoutRef.current = window.setTimeout(() => {
-                        attemptFocus(initialFocusElement.current, true);
-                    }, 60);
-                }
-            }
-        }
-    }, [props.children, props.initialFocusElement, props.active, props.returnFocusOnDeactivate]);
-    // Return function to run only when FocusTrap is unmounted to restore focus
-    React.useEffect(() => {
-        return () => {
-            window.clearTimeout(timeoutRef.current);
-            if (restoreFocusElement.current)
-                restoreFocusElement.current.focus({ preventScroll: true });
-        };
-    }, []);
-    // this is hit if Shift tab is used.
-    const cycleFocusToEnd = React.useCallback((event) => {
-        // istanbul ignore next
-        if (!props.active)
-            return;
-        if (focusContainer.current && event.target === focusContainer.current) {
-            event.stopPropagation();
-            event.preventDefault();
-            const focusable = findLastFocusableDescendant(focusContainer.current);
-            // istanbul ignore else
-            if (focusable) {
-                focusable.focus();
-            }
-            else {
-                if (initialFocusElement.current && initialFocusElement.current !== document.activeElement)
-                    attemptFocus(initialFocusElement.current, true);
-            }
-        }
-    }, [props.active]);
-    // this is hit if tab is used on last focusable item in child container.
-    const cycleFocusToStart = React.useCallback((event) => {
-        // istanbul ignore next
-        if (!props.active)
-            return;
-        event.stopPropagation();
-        // istanbul ignore else
-        if (initialFocusElement.current && initialFocusElement.current !== document.activeElement)
-            initialFocusElement.current.focus();
-    }, [props.active]);
-    if (!props.children)
-        return null;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { "data-testid": "focus-trap-div", onFocus: cycleFocusToEnd, ref: focusContainer, tabIndex: 0, 
-            // eslint-disable-next-line @typescript-eslint/naming-convention
-            style: { outline: "none", WebkitTapHighlightColor: "rgba(0,0,0,0)" } }, props.children),
-        React.createElement("div", { "data-testid": "focus-trap-limit-div", onFocus: cycleFocusToStart, tabIndex: 0 })));
-}
-exports.FocusTrap = FocusTrap;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Popup
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FocusTrap = exports.focusIntoContainer = void 0;
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const UiCore_1 = require("../UiCore");
+// cSpell:ignore focusable
+function isFocusable(element) {
+    if (!element || element.tabIndex < 0)
+        return false;
+    if (element.classList && element.classList.contains("core-focus-trap-ignore-initial"))
+        return false;
+    if (element.getAttribute && (typeof element.getAttribute === "function") && element.getAttribute("disabled") !== null)
+        return false;
+    if (element.tabIndex > 0 || (element.tabIndex === 0 && element.getAttribute("tabIndex") !== null))
+        return true;
+    switch (element.nodeName) {
+        case "A":
+            const anchorElement = element;
+            return !!anchorElement.href && anchorElement.rel !== "ignore";
+        case "INPUT":
+            const inputElement = element;
+            return inputElement.type !== "hidden" && inputElement.type !== "file";
+        case "BUTTON":
+        case "SELECT":
+        case "TEXTAREA":
+            return true;
+        default:
+            return false;
+    }
+}
+function processFindFocusableDescendant(element) {
+    // istanbul ignore next
+    if (!element)
+        return null;
+    for (const child of element.childNodes) {
+        // istanbul ignore else
+        if (isFocusable(child))
+            return child;
+        const focusable = processFindFocusableDescendant(child);
+        if (focusable)
+            return focusable;
+    }
+    return null;
+}
+function findFirstFocusableDescendant(focusContainer) {
+    return processFindFocusableDescendant(focusContainer);
+}
+function processFindLastFocusableDescendant(element) {
+    for (let i = element.childNodes.length - 1; i >= 0; i--) {
+        const child = element.childNodes[i];
+        const focusable = processFindLastFocusableDescendant(child);
+        // istanbul ignore else
+        if (focusable)
+            return focusable;
+        // istanbul ignore else
+        if (isFocusable(child))
+            return child;
+    }
+    return null;
+}
+function findLastFocusableDescendant(focusContainer) {
+    return processFindLastFocusableDescendant(focusContainer);
+}
+function getInitialFocusElement(focusContainer, initialFocusSpec) {
+    // istanbul ignore next
+    if (!focusContainer)
+        return null;
+    if (initialFocusSpec) {
+        if (typeof initialFocusSpec === "string") {
+            const node = focusContainer.querySelector(initialFocusSpec);
+            if (node) {
+                return node;
+            }
+            else {
+                core_bentley_1.Logger.logError(`${UiCore_1.UiCore.packageName}.FocusTrap`, `Unable to locate element via selector ${initialFocusSpec}`);
+            }
+        }
+        else {
+            return initialFocusSpec.current;
+        }
+    }
+    return findFirstFocusableDescendant(focusContainer);
+}
+function attemptFocus(element, preventScroll) {
+    // istanbul ignore next
+    if (!isFocusable(element))
+        return false;
+    try {
+        // istanbul ignore else
+        if (document.activeElement !== element)
+            element.focus({ preventScroll: preventScroll ? true : /* istanbul ignore next */ false });
+    }
+    catch (e) {
+        // istanbul ignore next
+        return false;
+    }
+    return (document.activeElement === element);
+} // end attemptFocus
+/** Focus into first focusable element of a container.
+ * @internal
+ */
+function focusIntoContainer(focusContainer, initialFocusElement) {
+    let result = false;
+    const focusElement = getInitialFocusElement(focusContainer, initialFocusElement);
+    if (focusElement) {
+        // delay setting focus immediately because in some browsers other focus events happen when popup is initially opened.
+        setTimeout(() => {
+            attemptFocus(focusElement, true);
+        }, 60);
+        result = true;
+    }
+    return result;
+}
+exports.focusIntoContainer = focusIntoContainer;
+/** Trap Focus in container while trap is active.
+ * @internal
+ */
+function FocusTrap(props) {
+    const restoreFocusElement = React.useRef(null);
+    const initialFocusElement = React.useRef(null);
+    const focusContainer = React.useRef(null);
+    const isInitialMount = React.useRef(true);
+    const timeoutRef = React.useRef();
+    // Run on initial mount and when dependencies change. which could happen often.
+    React.useEffect(() => {
+        // istanbul ignore else
+        if (isInitialMount.current) {
+            isInitialMount.current = false;
+            if (props.active) {
+                if (props.returnFocusOnDeactivate) {
+                    restoreFocusElement.current = document.activeElement;
+                }
+                initialFocusElement.current = getInitialFocusElement(focusContainer.current, props.initialFocusElement);
+                if (initialFocusElement.current) {
+                    // delay setting focus immediately because in some browsers other focus events happen when popup is initially opened.
+                    timeoutRef.current = window.setTimeout(() => {
+                        attemptFocus(initialFocusElement.current, true);
+                    }, 60);
+                }
+            }
+        }
+    }, [props.children, props.initialFocusElement, props.active, props.returnFocusOnDeactivate]);
+    // Return function to run only when FocusTrap is unmounted to restore focus
+    React.useEffect(() => {
+        return () => {
+            window.clearTimeout(timeoutRef.current);
+            if (restoreFocusElement.current)
+                restoreFocusElement.current.focus({ preventScroll: true });
+        };
+    }, []);
+    // this is hit if Shift tab is used.
+    const cycleFocusToEnd = React.useCallback((event) => {
+        // istanbul ignore next
+        if (!props.active)
+            return;
+        if (focusContainer.current && event.target === focusContainer.current) {
+            event.stopPropagation();
+            event.preventDefault();
+            const focusable = findLastFocusableDescendant(focusContainer.current);
+            // istanbul ignore else
+            if (focusable) {
+                focusable.focus();
+            }
+            else {
+                if (initialFocusElement.current && initialFocusElement.current !== document.activeElement)
+                    attemptFocus(initialFocusElement.current, true);
+            }
+        }
+    }, [props.active]);
+    // this is hit if tab is used on last focusable item in child container.
+    const cycleFocusToStart = React.useCallback((event) => {
+        // istanbul ignore next
+        if (!props.active)
+            return;
+        event.stopPropagation();
+        // istanbul ignore else
+        if (initialFocusElement.current && initialFocusElement.current !== document.activeElement)
+            initialFocusElement.current.focus();
+    }, [props.active]);
+    if (!props.children)
+        return null;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { "data-testid": "focus-trap-div", onFocus: cycleFocusToEnd, ref: focusContainer, tabIndex: 0, 
+            // eslint-disable-next-line @typescript-eslint/naming-convention
+            style: { outline: "none", WebkitTapHighlightColor: "rgba(0,0,0,0)" } }, props.children),
+        React.createElement("div", { "data-testid": "focus-trap-limit-div", onFocus: cycleFocusToStart, tabIndex: 0 })));
+}
+exports.FocusTrap = FocusTrap;
 //# sourceMappingURL=FocusTrap.js.map

package/lib/cjs/core-react/focustrap/FocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../../../src/core-react/focustrap/FocusTrap.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Popup\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport { UiCore } from \"../UiCore\";\r\n\r\n// cSpell:ignore focusable\r\n\r\nfunction isFocusable(element: HTMLElement): boolean {\r\n  if (!element || element.tabIndex < 0)\r\n    return false;\r\n\r\n  if (element.classList && element.classList.contains(\"core-focus-trap-ignore-initial\"))\r\n    return false;\r\n\r\n  if (element.getAttribute && (typeof element.getAttribute === \"function\") && element.getAttribute(\"disabled\") !== null)\r\n    return false;\r\n\r\n  if (element.tabIndex > 0 || (element.tabIndex === 0 && element.getAttribute(\"tabIndex\") !== null))\r\n    return true;\r\n\r\n  switch (element.nodeName) {\r\n    case \"A\":\r\n      const anchorElement = element as HTMLAnchorElement;\r\n      return !!anchorElement.href && anchorElement.rel !== \"ignore\";\r\n    case \"INPUT\":\r\n      const inputElement = element as HTMLInputElement;\r\n      return inputElement.type !== \"hidden\" && inputElement.type !== \"file\";\r\n    case \"BUTTON\":\r\n    case \"SELECT\":\r\n    case \"TEXTAREA\":\r\n      return true;\r\n    default:\r\n      return false;\r\n  }\r\n}\r\n\r\nfunction processFindFocusableDescendant(element: HTMLElement | null): HTMLElement | null {\r\n  // istanbul ignore next\r\n  if (!element)\r\n    return null;\r\n\r\n  for (const child of element.childNodes) {\r\n    // istanbul ignore else\r\n    if (isFocusable(child as HTMLElement))\r\n      return child as HTMLElement;\r\n\r\n    const focusable = processFindFocusableDescendant(child as HTMLElement);\r\n    if (focusable)\r\n      return focusable;\r\n  }\r\n  return null;\r\n}\r\n\r\nfunction findFirstFocusableDescendant(focusContainer: HTMLDivElement | null): HTMLElement | null {\r\n  return processFindFocusableDescendant(focusContainer);\r\n}\r\n\r\nfunction processFindLastFocusableDescendant(element: HTMLElement): HTMLElement | null {\r\n  for (let i = element.childNodes.length - 1; i >= 0; i--) {\r\n    const child = element.childNodes[i] as HTMLElement;\r\n\r\n    const focusable = processFindLastFocusableDescendant(child);\r\n    // istanbul ignore else\r\n    if (focusable)\r\n      return focusable;\r\n\r\n    // istanbul ignore else\r\n    if (isFocusable(child))\r\n      return child;\r\n  }\r\n  return null;\r\n}\r\n\r\nfunction findLastFocusableDescendant(focusContainer: HTMLDivElement): HTMLElement | null {\r\n  return processFindLastFocusableDescendant(focusContainer);\r\n}\r\n\r\nfunction getInitialFocusElement(focusContainer: HTMLDivElement | null, initialFocusSpec: React.RefObject<HTMLElement> | string | undefined): HTMLElement | null {\r\n  // istanbul ignore next\r\n  if (!focusContainer)\r\n    return null;\r\n\r\n  if (initialFocusSpec) {\r\n    if (typeof initialFocusSpec === \"string\") {\r\n      const node = focusContainer.querySelector(initialFocusSpec);\r\n      if (node) {\r\n        return node as HTMLElement;\r\n      } else {\r\n        Logger.logError(`${UiCore.packageName}.FocusTrap`, `Unable to locate element via selector ${initialFocusSpec}`);\r\n      }\r\n    } else {\r\n      return initialFocusSpec.current;\r\n    }\r\n  }\r\n  return findFirstFocusableDescendant(focusContainer);\r\n}\r\n\r\nfunction attemptFocus(element: HTMLElement, preventScroll: boolean): boolean {\r\n  // istanbul ignore next\r\n  if (!isFocusable(element))\r\n    return false;\r\n\r\n  try {\r\n    // istanbul ignore else\r\n    if (document.activeElement !== element)\r\n      element.focus({ preventScroll: preventScroll ? true : /* istanbul ignore next */ false });\r\n  } catch (e) {\r\n    // istanbul ignore next\r\n    return false;\r\n  }\r\n  return (document.activeElement === element);\r\n} // end attemptFocus\r\n\r\n/** Focus into first focusable element of a container.\r\n * @internal\r\n */\r\nexport function focusIntoContainer(focusContainer: HTMLDivElement, initialFocusElement?: React.RefObject<HTMLElement> | string): boolean {\r\n  let result = false;\r\n  const focusElement = getInitialFocusElement(focusContainer, initialFocusElement);\r\n  if (focusElement) {\r\n    // delay setting focus immediately because in some browsers other focus events happen when popup is initially opened.\r\n    setTimeout(() => {\r\n      attemptFocus(focusElement, true);\r\n    }, 60);\r\n    result = true;\r\n  }\r\n  return result;\r\n}\r\n\r\n/** Properties supported by [[FocusTrap]] component.\r\n * @internal\r\n */\r\nexport interface FocusTrapProps extends React.AllHTMLAttributes<any> {\r\n  /** child components */\r\n  children: React.ReactNode;\r\n  /** if active is not true then no trapping of focus is attempted. */\r\n  active?: boolean;\r\n  /** restore focus to element that had focus before trap was activated */\r\n  returnFocusOnDeactivate: boolean;\r\n  /** Optional reference to element to receive focus when trap is activated. Optionally a CSS Selector\r\n   * string can be supplied to locate an element in the FocusTrap container. If no specification is defined\r\n   * the first focusable element is used.\r\n   */\r\n  initialFocusElement?: React.RefObject<HTMLElement> | string;\r\n}\r\n\r\n/** Trap Focus in container while trap is active.\r\n * @internal\r\n */\r\nexport function FocusTrap(props: FocusTrapProps) {\r\n  const restoreFocusElement = React.useRef<Element | null>(null);\r\n  const initialFocusElement = React.useRef<Element | null>(null);\r\n  const focusContainer = React.useRef<HTMLDivElement | null>(null);\r\n  const isInitialMount = React.useRef(true);\r\n  const timeoutRef = React.useRef<number | undefined>();\r\n\r\n  // Run on initial mount and when dependencies change. which could happen often.\r\n  React.useEffect(() => {\r\n    // istanbul ignore else\r\n    if (isInitialMount.current) {\r\n      isInitialMount.current = false;\r\n      if (props.active) {\r\n        if (props.returnFocusOnDeactivate) {\r\n          restoreFocusElement.current = document.activeElement;\r\n        }\r\n\r\n        initialFocusElement.current = getInitialFocusElement(focusContainer.current, props.initialFocusElement);\r\n        if (initialFocusElement.current) {\r\n          // delay setting focus immediately because in some browsers other focus events happen when popup is initially opened.\r\n          timeoutRef.current = window.setTimeout(() => {\r\n            attemptFocus((initialFocusElement.current as HTMLElement), true);\r\n          }, 60);\r\n        }\r\n      }\r\n    }\r\n  }, [props.children, props.initialFocusElement, props.active, props.returnFocusOnDeactivate]);\r\n\r\n  // Return function to run only when FocusTrap is unmounted to restore focus\r\n  React.useEffect(() => {\r\n    return () => {\r\n      window.clearTimeout(timeoutRef.current);\r\n      if (restoreFocusElement.current)\r\n        (restoreFocusElement.current as HTMLElement).focus({ preventScroll: true });\r\n    };\r\n  }, []);\r\n\r\n  // this is hit if Shift tab is used.\r\n  const cycleFocusToEnd = React.useCallback((event: React.FocusEvent<HTMLDivElement>) => {\r\n    // istanbul ignore next\r\n    if (!props.active)\r\n      return;\r\n\r\n    if (focusContainer.current && event.target === focusContainer.current) {\r\n      event.stopPropagation();\r\n      event.preventDefault();\r\n      const focusable = findLastFocusableDescendant(focusContainer.current);\r\n\r\n      // istanbul ignore else\r\n      if (focusable) {\r\n        focusable.focus();\r\n      } else {\r\n        if (initialFocusElement.current && initialFocusElement.current !== document.activeElement)\r\n          attemptFocus((initialFocusElement.current as HTMLElement), true);\r\n      }\r\n    }\r\n  }, [props.active]);\r\n\r\n  // this is hit if tab is used on last focusable item in child container.\r\n  const cycleFocusToStart = React.useCallback((event: React.FocusEvent<HTMLDivElement>) => {\r\n    // istanbul ignore next\r\n    if (!props.active)\r\n      return;\r\n\r\n    event.stopPropagation();\r\n    // istanbul ignore else\r\n    if (initialFocusElement.current && initialFocusElement.current !== document.activeElement)\r\n      (initialFocusElement.current as HTMLElement).focus();\r\n  }, [props.active]);\r\n\r\n  if (!props.children)\r\n    return null;\r\n  return (\r\n    <>\r\n      {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\r\n      <div data-testid=\"focus-trap-div\" onFocus={cycleFocusToEnd} ref={focusContainer} tabIndex={0}\r\n        // eslint-disable-next-line @typescript-eslint/naming-convention\r\n        style={{ outline: \"none\", WebkitTapHighlightColor: \"rgba(0,0,0,0)\" }}>\r\n        {props.children}\r\n      </div>\r\n      {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\r\n      <div data-testid=\"focus-trap-limit-div\" onFocus={cycleFocusToStart} tabIndex={0} />\r\n    </>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../../../src/core-react/focustrap/FocusTrap.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 * as React from \"react\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { UiCore } from \"../UiCore\";\n\n// cSpell:ignore focusable\n\nfunction isFocusable(element: HTMLElement): boolean {\n  if (!element || element.tabIndex < 0)\n    return false;\n\n  if (element.classList && element.classList.contains(\"core-focus-trap-ignore-initial\"))\n    return false;\n\n  if (element.getAttribute && (typeof element.getAttribute === \"function\") && element.getAttribute(\"disabled\") !== null)\n    return false;\n\n  if (element.tabIndex > 0 || (element.tabIndex === 0 && element.getAttribute(\"tabIndex\") !== null))\n    return true;\n\n  switch (element.nodeName) {\n    case \"A\":\n      const anchorElement = element as HTMLAnchorElement;\n      return !!anchorElement.href && anchorElement.rel !== \"ignore\";\n    case \"INPUT\":\n      const inputElement = element as HTMLInputElement;\n      return inputElement.type !== \"hidden\" && inputElement.type !== \"file\";\n    case \"BUTTON\":\n    case \"SELECT\":\n    case \"TEXTAREA\":\n      return true;\n    default:\n      return false;\n  }\n}\n\nfunction processFindFocusableDescendant(element: HTMLElement | null): HTMLElement | null {\n  // istanbul ignore next\n  if (!element)\n    return null;\n\n  for (const child of element.childNodes) {\n    // istanbul ignore else\n    if (isFocusable(child as HTMLElement))\n      return child as HTMLElement;\n\n    const focusable = processFindFocusableDescendant(child as HTMLElement);\n    if (focusable)\n      return focusable;\n  }\n  return null;\n}\n\nfunction findFirstFocusableDescendant(focusContainer: HTMLDivElement | null): HTMLElement | null {\n  return processFindFocusableDescendant(focusContainer);\n}\n\nfunction processFindLastFocusableDescendant(element: HTMLElement): HTMLElement | null {\n  for (let i = element.childNodes.length - 1; i >= 0; i--) {\n    const child = element.childNodes[i] as HTMLElement;\n\n    const focusable = processFindLastFocusableDescendant(child);\n    // istanbul ignore else\n    if (focusable)\n      return focusable;\n\n    // istanbul ignore else\n    if (isFocusable(child))\n      return child;\n  }\n  return null;\n}\n\nfunction findLastFocusableDescendant(focusContainer: HTMLDivElement): HTMLElement | null {\n  return processFindLastFocusableDescendant(focusContainer);\n}\n\nfunction getInitialFocusElement(focusContainer: HTMLDivElement | null, initialFocusSpec: React.RefObject<HTMLElement> | string | undefined): HTMLElement | null {\n  // istanbul ignore next\n  if (!focusContainer)\n    return null;\n\n  if (initialFocusSpec) {\n    if (typeof initialFocusSpec === \"string\") {\n      const node = focusContainer.querySelector(initialFocusSpec);\n      if (node) {\n        return node as HTMLElement;\n      } else {\n        Logger.logError(`${UiCore.packageName}.FocusTrap`, `Unable to locate element via selector ${initialFocusSpec}`);\n      }\n    } else {\n      return initialFocusSpec.current;\n    }\n  }\n  return findFirstFocusableDescendant(focusContainer);\n}\n\nfunction attemptFocus(element: HTMLElement, preventScroll: boolean): boolean {\n  // istanbul ignore next\n  if (!isFocusable(element))\n    return false;\n\n  try {\n    // istanbul ignore else\n    if (document.activeElement !== element)\n      element.focus({ preventScroll: preventScroll ? true : /* istanbul ignore next */ false });\n  } catch (e) {\n    // istanbul ignore next\n    return false;\n  }\n  return (document.activeElement === element);\n} // end attemptFocus\n\n/** Focus into first focusable element of a container.\n * @internal\n */\nexport function focusIntoContainer(focusContainer: HTMLDivElement, initialFocusElement?: React.RefObject<HTMLElement> | string): boolean {\n  let result = false;\n  const focusElement = getInitialFocusElement(focusContainer, initialFocusElement);\n  if (focusElement) {\n    // delay setting focus immediately because in some browsers other focus events happen when popup is initially opened.\n    setTimeout(() => {\n      attemptFocus(focusElement, true);\n    }, 60);\n    result = true;\n  }\n  return result;\n}\n\n/** Properties supported by [[FocusTrap]] component.\n * @internal\n */\nexport interface FocusTrapProps extends React.AllHTMLAttributes<any> {\n  /** child components */\n  children: React.ReactNode;\n  /** if active is not true then no trapping of focus is attempted. */\n  active?: boolean;\n  /** restore focus to element that had focus before trap was activated */\n  returnFocusOnDeactivate: boolean;\n  /** Optional reference to element to receive focus when trap is activated. Optionally a CSS Selector\n   * string can be supplied to locate an element in the FocusTrap container. If no specification is defined\n   * the first focusable element is used.\n   */\n  initialFocusElement?: React.RefObject<HTMLElement> | string;\n}\n\n/** Trap Focus in container while trap is active.\n * @internal\n */\nexport function FocusTrap(props: FocusTrapProps) {\n  const restoreFocusElement = React.useRef<Element | null>(null);\n  const initialFocusElement = React.useRef<Element | null>(null);\n  const focusContainer = React.useRef<HTMLDivElement | null>(null);\n  const isInitialMount = React.useRef(true);\n  const timeoutRef = React.useRef<number | undefined>();\n\n  // Run on initial mount and when dependencies change. which could happen often.\n  React.useEffect(() => {\n    // istanbul ignore else\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      if (props.active) {\n        if (props.returnFocusOnDeactivate) {\n          restoreFocusElement.current = document.activeElement;\n        }\n\n        initialFocusElement.current = getInitialFocusElement(focusContainer.current, props.initialFocusElement);\n        if (initialFocusElement.current) {\n          // delay setting focus immediately because in some browsers other focus events happen when popup is initially opened.\n          timeoutRef.current = window.setTimeout(() => {\n            attemptFocus((initialFocusElement.current as HTMLElement), true);\n          }, 60);\n        }\n      }\n    }\n  }, [props.children, props.initialFocusElement, props.active, props.returnFocusOnDeactivate]);\n\n  // Return function to run only when FocusTrap is unmounted to restore focus\n  React.useEffect(() => {\n    return () => {\n      window.clearTimeout(timeoutRef.current);\n      if (restoreFocusElement.current)\n        (restoreFocusElement.current as HTMLElement).focus({ preventScroll: true });\n    };\n  }, []);\n\n  // this is hit if Shift tab is used.\n  const cycleFocusToEnd = React.useCallback((event: React.FocusEvent<HTMLDivElement>) => {\n    // istanbul ignore next\n    if (!props.active)\n      return;\n\n    if (focusContainer.current && event.target === focusContainer.current) {\n      event.stopPropagation();\n      event.preventDefault();\n      const focusable = findLastFocusableDescendant(focusContainer.current);\n\n      // istanbul ignore else\n      if (focusable) {\n        focusable.focus();\n      } else {\n        if (initialFocusElement.current && initialFocusElement.current !== document.activeElement)\n          attemptFocus((initialFocusElement.current as HTMLElement), true);\n      }\n    }\n  }, [props.active]);\n\n  // this is hit if tab is used on last focusable item in child container.\n  const cycleFocusToStart = React.useCallback((event: React.FocusEvent<HTMLDivElement>) => {\n    // istanbul ignore next\n    if (!props.active)\n      return;\n\n    event.stopPropagation();\n    // istanbul ignore else\n    if (initialFocusElement.current && initialFocusElement.current !== document.activeElement)\n      (initialFocusElement.current as HTMLElement).focus();\n  }, [props.active]);\n\n  if (!props.children)\n    return null;\n  return (\n    <>\n      {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n      <div data-testid=\"focus-trap-div\" onFocus={cycleFocusToEnd} ref={focusContainer} tabIndex={0}\n        // eslint-disable-next-line @typescript-eslint/naming-convention\n        style={{ outline: \"none\", WebkitTapHighlightColor: \"rgba(0,0,0,0)\" }}>\n        {props.children}\n      </div>\n      {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n      <div data-testid=\"focus-trap-limit-div\" onFocus={cycleFocusToStart} tabIndex={0} />\n    </>\n  );\n}\n"]}

package/lib/cjs/core-react/form/Field.d.ts

@@ -1,20 +1,20 @@
-/** @packageDocumentation
- * @module Form
- */
-import * as React from "react";
-import { FieldDef } from "./Form";
-/** Properties used to create a [[Field]] in a [[Form]]
- * @public @deprecated
- */
-export interface FieldProps extends FieldDef {
-    id: string;
-}
-/** Component that represents a single field in an input form. Only four type of editors are supported. Field gets/sets state data from/to the context control by the form.
- * @public @deprecated
- */
-export declare class Field extends React.Component<FieldProps> {
-    constructor(props: FieldProps);
-    private _generateSelectOptions;
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Form
+ */
+import * as React from "react";
+import { FieldDef } from "./Form";
+/** Properties used to create a [[Field]] in a [[Form]]
+ * @public @deprecated
+ */
+export interface FieldProps extends FieldDef {
+    id: string;
+}
+/** Component that represents a single field in an input form. Only four type of editors are supported. Field gets/sets state data from/to the context control by the form.
+ * @public @deprecated
+ */
+export declare class Field extends React.Component<FieldProps> {
+    constructor(props: FieldProps);
+    private _generateSelectOptions;
+    render(): JSX.Element;
+}
 //# sourceMappingURL=Field.d.ts.map

package/lib/cjs/core-react/form/Field.js

@@ -1,45 +1,45 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/* eslint-disable deprecation/deprecation */
-/** @packageDocumentation
- * @module Form
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Field = void 0;
-const React = require("react");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const Form_1 = require("./Form");
-/** Component that represents a single field in an input form. Only four type of editors are supported. Field gets/sets state data from/to the context control by the form.
- * @public @deprecated
- */
-class Field extends React.Component {
-    constructor(props) {
-        super(props);
-        this._generateSelectOptions = (propOptions) => {
-            let selectOptions = [];
-            if (propOptions instanceof Array) {
-                selectOptions = propOptions.map((option) => ({ value: option, label: option }));
-            }
-            else if (propOptions !== undefined) {
-                selectOptions = Object.keys(propOptions).map((key) => ({ value: key, label: propOptions[key] }));
-            }
-            return selectOptions;
-        };
-    }
-    render() {
-        const selectOptions = this._generateSelectOptions(this.props.options);
-        return (React.createElement(Form_1.FormContext.Consumer, null, (context) => (React.createElement("div", { className: "core-form-group" },
-            this.props.editor.toLowerCase() !== "checkbox" && this.props.label && React.createElement("label", { className: "core-form-label", htmlFor: this.props.id }, this.props.label),
-            this.props.editor.toLowerCase() === "textbox" && (React.createElement(itwinui_react_1.Input, { id: this.props.id, value: context.values[this.props.id], onChange: (event) => context.setValues({ [this.props.id]: event.currentTarget.value }), className: "core-form-input", size: "small" })),
-            this.props.editor.toLowerCase() === "checkbox" && (React.createElement(itwinui_react_1.Checkbox, { label: this.props.label, id: this.props.id, checked: context.values[this.props.id], onChange: () => context.setValues({ [this.props.id]: !context.values[this.props.id] }) })),
-            this.props.editor.toLowerCase() === "multilinetextbox" && (React.createElement(itwinui_react_1.Textarea, { id: this.props.id, value: context.values[this.props.id], onChange: (event) => context.setValues({ [this.props.id]: event.currentTarget.value }), className: "core-form-textarea" })),
-            this.props.editor.toLowerCase() === "dropdown" && this.props.options && (React.createElement(itwinui_react_1.Select, { id: this.props.id, 
-                // name={this.props.id}
-                value: context.values[this.props.id], onChange: (newValue) => context.setValues({ [this.props.id]: newValue }), options: selectOptions, className: "core-form-select", size: "small" }))))));
-    }
-}
-exports.Field = Field;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
+/** @packageDocumentation
+ * @module Form
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Field = void 0;
+const React = require("react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const Form_1 = require("./Form");
+/** Component that represents a single field in an input form. Only four type of editors are supported. Field gets/sets state data from/to the context control by the form.
+ * @public @deprecated
+ */
+class Field extends React.Component {
+    constructor(props) {
+        super(props);
+        this._generateSelectOptions = (propOptions) => {
+            let selectOptions = [];
+            if (propOptions instanceof Array) {
+                selectOptions = propOptions.map((option) => ({ value: option, label: option }));
+            }
+            else if (propOptions !== undefined) {
+                selectOptions = Object.keys(propOptions).map((key) => ({ value: key, label: propOptions[key] }));
+            }
+            return selectOptions;
+        };
+    }
+    render() {
+        const selectOptions = this._generateSelectOptions(this.props.options);
+        return (React.createElement(Form_1.FormContext.Consumer, null, (context) => (React.createElement("div", { className: "core-form-group" },
+            this.props.editor.toLowerCase() !== "checkbox" && this.props.label && React.createElement("label", { className: "core-form-label", htmlFor: this.props.id }, this.props.label),
+            this.props.editor.toLowerCase() === "textbox" && (React.createElement(itwinui_react_1.Input, { id: this.props.id, value: context.values[this.props.id], onChange: (event) => context.setValues({ [this.props.id]: event.currentTarget.value }), className: "core-form-input", size: "small" })),
+            this.props.editor.toLowerCase() === "checkbox" && (React.createElement(itwinui_react_1.Checkbox, { label: this.props.label, id: this.props.id, checked: context.values[this.props.id], onChange: () => context.setValues({ [this.props.id]: !context.values[this.props.id] }) })),
+            this.props.editor.toLowerCase() === "multilinetextbox" && (React.createElement(itwinui_react_1.Textarea, { id: this.props.id, value: context.values[this.props.id], onChange: (event) => context.setValues({ [this.props.id]: event.currentTarget.value }), className: "core-form-textarea" })),
+            this.props.editor.toLowerCase() === "dropdown" && this.props.options && (React.createElement(itwinui_react_1.Select, { id: this.props.id, 
+                // name={this.props.id}
+                value: context.values[this.props.id], onChange: (newValue) => context.setValues({ [this.props.id]: newValue }), options: selectOptions, className: "core-form-select", size: "small" }))))));
+    }
+}
+exports.Field = Field;
 //# sourceMappingURL=Field.js.map

package/lib/cjs/core-react/form/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../src/core-react/form/Field.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Form\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Checkbox, Input, Select, SelectOption, Textarea } from \"@itwin/itwinui-react\";\r\nimport { FieldDef, FormContext, FormContextState } from \"./Form\";\r\n\r\n// cSpell:ignore multilinetextbox\r\n\r\n/** Properties used to create a [[Field]] in a [[Form]]\r\n * @public @deprecated\r\n */\r\nexport interface FieldProps extends FieldDef {\r\n  /* The unique field name */\r\n  id: string;\r\n}\r\n\r\ntype FieldDefOptions = FieldDef[\"options\"];\r\n\r\n/** Component that represents a single field in an input form. Only four type of editors are supported. Field gets/sets state data from/to the context control by the form.\r\n * @public @deprecated\r\n */\r\nexport class Field extends React.Component<FieldProps> {\r\n  constructor(props: FieldProps) {\r\n    super(props);\r\n  }\r\n\r\n  private _generateSelectOptions = (propOptions: FieldDefOptions): SelectOption<string>[] => {\r\n    let selectOptions: SelectOption<string>[] = [];\r\n\r\n    if (propOptions instanceof Array) {\r\n      selectOptions = propOptions.map((option: string) => (\r\n        { value: option, label: option }\r\n      ));\r\n    } else if (propOptions !== undefined) {\r\n      selectOptions = Object.keys(propOptions).map((key) => (\r\n        { value: key, label: propOptions[key] }\r\n      ));\r\n    }\r\n\r\n    return selectOptions;\r\n  };\r\n\r\n  public override render() {\r\n    const selectOptions = this._generateSelectOptions(this.props.options);\r\n\r\n    return (\r\n      <FormContext.Consumer>\r\n        {(context: FormContextState | undefined) => (\r\n          <div className=\"core-form-group\">\r\n            {this.props.editor!.toLowerCase() !== \"checkbox\" && this.props.label && <label className=\"core-form-label\" htmlFor={this.props.id}>{this.props.label}</label>}\r\n\r\n            {this.props.editor!.toLowerCase() === \"textbox\" && (\r\n              <Input\r\n                id={this.props.id}\r\n                value={context!.values[this.props.id]}\r\n                onChange={(event: React.ChangeEvent<HTMLInputElement>) => context!.setValues({ [this.props.id]: event.currentTarget.value })}\r\n                className=\"core-form-input\"\r\n                size=\"small\"\r\n              />\r\n            )}\r\n            {this.props.editor!.toLowerCase() === \"checkbox\" && (\r\n              <Checkbox\r\n                label={this.props.label}\r\n                id={this.props.id}\r\n                checked={context!.values[this.props.id]}\r\n                onChange={() => context!.setValues({ [this.props.id]: !context!.values[this.props.id] })}\r\n              />\r\n            )}\r\n            {this.props.editor!.toLowerCase() === \"multilinetextbox\" && (\r\n              <Textarea\r\n                id={this.props.id}\r\n                value={context!.values[this.props.id]}\r\n                onChange={(event: React.ChangeEvent<HTMLTextAreaElement>) => context!.setValues({ [this.props.id]: event.currentTarget.value })}\r\n                className=\"core-form-textarea\"\r\n              />\r\n            )}\r\n            {this.props.editor!.toLowerCase() === \"dropdown\" && this.props.options && (\r\n              <Select\r\n                id={this.props.id}\r\n                // name={this.props.id}\r\n                value={context!.values[this.props.id]}\r\n                onChange={(newValue: any) => context!.setValues({ [this.props.id]: newValue })}\r\n                options={selectOptions}\r\n                className=\"core-form-select\"\r\n                size=\"small\"\r\n              />\r\n            )}\r\n          </div>\r\n        )}\r\n      </FormContext.Consumer>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../src/core-react/form/Field.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/* eslint-disable deprecation/deprecation */\n/** @packageDocumentation\n * @module Form\n */\n\nimport * as React from \"react\";\nimport { Checkbox, Input, Select, SelectOption, Textarea } from \"@itwin/itwinui-react\";\nimport { FieldDef, FormContext, FormContextState } from \"./Form\";\n\n// cSpell:ignore multilinetextbox\n\n/** Properties used to create a [[Field]] in a [[Form]]\n * @public @deprecated\n */\nexport interface FieldProps extends FieldDef {\n  /* The unique field name */\n  id: string;\n}\n\ntype FieldDefOptions = FieldDef[\"options\"];\n\n/** Component that represents a single field in an input form. Only four type of editors are supported. Field gets/sets state data from/to the context control by the form.\n * @public @deprecated\n */\nexport class Field extends React.Component<FieldProps> {\n  constructor(props: FieldProps) {\n    super(props);\n  }\n\n  private _generateSelectOptions = (propOptions: FieldDefOptions): SelectOption<string>[] => {\n    let selectOptions: SelectOption<string>[] = [];\n\n    if (propOptions instanceof Array) {\n      selectOptions = propOptions.map((option: string) => (\n        { value: option, label: option }\n      ));\n    } else if (propOptions !== undefined) {\n      selectOptions = Object.keys(propOptions).map((key) => (\n        { value: key, label: propOptions[key] }\n      ));\n    }\n\n    return selectOptions;\n  };\n\n  public override render() {\n    const selectOptions = this._generateSelectOptions(this.props.options);\n\n    return (\n      <FormContext.Consumer>\n        {(context: FormContextState | undefined) => (\n          <div className=\"core-form-group\">\n            {this.props.editor!.toLowerCase() !== \"checkbox\" && this.props.label && <label className=\"core-form-label\" htmlFor={this.props.id}>{this.props.label}</label>}\n\n            {this.props.editor!.toLowerCase() === \"textbox\" && (\n              <Input\n                id={this.props.id}\n                value={context!.values[this.props.id]}\n                onChange={(event: React.ChangeEvent<HTMLInputElement>) => context!.setValues({ [this.props.id]: event.currentTarget.value })}\n                className=\"core-form-input\"\n                size=\"small\"\n              />\n            )}\n            {this.props.editor!.toLowerCase() === \"checkbox\" && (\n              <Checkbox\n                label={this.props.label}\n                id={this.props.id}\n                checked={context!.values[this.props.id]}\n                onChange={() => context!.setValues({ [this.props.id]: !context!.values[this.props.id] })}\n              />\n            )}\n            {this.props.editor!.toLowerCase() === \"multilinetextbox\" && (\n              <Textarea\n                id={this.props.id}\n                value={context!.values[this.props.id]}\n                onChange={(event: React.ChangeEvent<HTMLTextAreaElement>) => context!.setValues({ [this.props.id]: event.currentTarget.value })}\n                className=\"core-form-textarea\"\n              />\n            )}\n            {this.props.editor!.toLowerCase() === \"dropdown\" && this.props.options && (\n              <Select\n                id={this.props.id}\n                // name={this.props.id}\n                value={context!.values[this.props.id]}\n                onChange={(newValue: any) => context!.setValues({ [this.props.id]: newValue })}\n                options={selectOptions}\n                className=\"core-form-select\"\n                size=\"small\"\n              />\n            )}\n          </div>\n        )}\n      </FormContext.Consumer>\n    );\n  }\n}\n"]}