@pega/cosmos-react-core 8.0.0-build.3.2 → 8.0.0-build.30.0

package/lib/hooks/useElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useElement.d.ts","sourceRoot":"","sources":["../../src/hooks/useElement.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC;;;;;GAKG;AACH,QAAA,MAAM,UAAU,uEACa,CAAC;AAE9B,eAAe,UAAU,CAAC"}
+{"version":3,"file":"useElement.d.ts","sourceRoot":"","sources":["../../src/hooks/useElement.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC;;;;;GAKG;AACH,QAAA,MAAM,UAAU,GAAI,CAAC,SAAS,OAAO,YAAW,CAAC,GAAG,IAAI,KAAU,CAAC,CAAC,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAC9D,CAAC;AAE9B,eAAe,UAAU,CAAC"}

package/lib/hooks/useEscape.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEscape.d.ts","sourceRoot":"","sources":["../../src/hooks/useEscape.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD;;;;;;;;GAQG;AAEH,QAAA,MAAM,SAAS,WACL,aAAa,KAAK,IAAI,WACtB,WAAW,GAAG,UAAU,WAAW,CAAC,GAAG,QAAQ,GAAG,IAAI,wCAW/D,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"useEscape.d.ts","sourceRoot":"","sources":["../../src/hooks/useEscape.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD;;;;;;;;GAQG;AAEH,QAAA,MAAM,SAAS,OACT,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,WACtB,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC,GAAG,QAAQ,GAAG,IAAI,iBAChD,cAAc,SAU7B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/hooks/useFocusTrap.d.ts

@@ -5,6 +5,6 @@ import type { RefObject, DependencyList } from 'react';
  * @param addToDocument boolean value to specify if event to be attached to document or to be taken from elementRef, defaults to true
  * @param dependencies  list of variables or functions that will initiate this hook when they are updated.
  */
-declare const useFocusTrap: (elementRef: RefObject<HTMLElement>, attachToDocument?: boolean, dependencies?: DependencyList) => void;
+declare const useFocusTrap: (elementRef: RefObject<HTMLElement> | null, attachToDocument?: boolean, dependencies?: DependencyList) => void;
 export default useFocusTrap;
 //# sourceMappingURL=useFocusTrap.d.ts.map

package/lib/hooks/useFocusTrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMvD;;;;;GAKG;AACH,QAAA,MAAM,YAAY,eACJ,UAAU,WAAW,CAAC,qBAChB,OAAO,wCAgD1B,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMvD;;;;;GAKG;AACH,QAAA,MAAM,YAAY,eACJ,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,qBACvB,OAAO,iBACX,cAAc,SAiD7B,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/hooks/useFocusTrap.js

@@ -9,13 +9,15 @@ import useEvent from './useEvent';
  */
 const useFocusTrap = (elementRef, attachToDocument = true, dependencies = []) => {
     const onKeydown = useCallback((e) => {
+        if (!elementRef?.current)
+            return;
         if (e.key === 'Tab') {
             const focusables = getFocusables(elementRef);
             const { 0: firstFocusable, [focusables.length - 1]: lastFocusable } = focusables;
             const activeEl = getActiveElement();
             const requiresFocus = activeEl === elementRef.current ||
-                !elementRef.current?.contains(activeEl) ||
-                (elementRef.current?.contains(activeEl) && !focusables.includes(activeEl));
+                !elementRef.current.contains(activeEl) ||
+                (elementRef.current.contains(activeEl) && !focusables.includes(activeEl));
             if (requiresFocus) {
                 e.preventDefault();
                 if (activeEl) {

package/lib/hooks/useFocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusTrap.js","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE3D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC;;;;;GAKG;AACH,MAAM,YAAY,GAAG,CACnB,UAAkC,EAClC,mBAA4B,IAAI,EAChC,eAA+B,EAAE,EACjC,EAAE;IACF,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAgB,EAAE,EAAE;QACjD,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE;YACnB,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;YAC7C,MAAM,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC;YACjF,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;YAEpC,MAAM,aAAa,GACjB,QAAQ,KAAK,UAAU,CAAC,OAAO;gBAC/B,CAAC,UAAU,CAAC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC;gBACvC,CAAC,UAAU,CAAC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAuB,CAAC,CAAC,CAAC;YAE5F,IAAI,aAAa,EAAE;gBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;gBAEnB,IAAI,QAAQ,EAAE;oBACZ,MAAM,sBAAsB,GAAG,aAAa,CAAC,UAAU,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC;oBACpF,MAAM,aAAa,GAAG,sBAAsB,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;oBAE9E,IAAI,aAAa,KAAK,CAAC,CAAC,EAAE;wBACxB,IAAI,CAAC,CAAC,QAAQ,EAAE;4BACd,sBAAsB,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;yBACrF;6BAAM;4BACL,sBAAsB,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;yBACrF;qBACF;yBAAM,IAAI,CAAC,CAAC,QAAQ,EAAE;wBACrB,aAAa,EAAE,KAAK,EAAE,CAAC;qBACxB;yBAAM;wBACL,cAAc,EAAE,KAAK,EAAE,CAAC;qBACzB;iBACF;qBAAM,IAAI,CAAC,CAAC,QAAQ,EAAE;oBACrB,aAAa,EAAE,KAAK,EAAE,CAAC;iBACxB;qBAAM;oBACL,cAAc,EAAE,KAAK,EAAE,CAAC;iBACzB;aACF;iBAAM,IAAI,CAAC,CAAC,QAAQ,IAAI,QAAQ,KAAK,cAAc,EAAE;gBACpD,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,EAAE,KAAK,EAAE,CAAC;aACxB;iBAAM,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,QAAQ,KAAK,aAAa,EAAE;gBACpD,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,cAAc,EAAE,KAAK,EAAE,CAAC;aACzB;SACF;IACH,CAAC,EAAE,YAAY,CAAC,CAAC;IAEjB,QAAQ,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC;AACxF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { useCallback } from 'react';\nimport type { RefObject, DependencyList } from 'react';\n\nimport { getFocusables, getActiveElement } from '../utils';\n\nimport useEvent from './useEvent';\n\n/**\n * @example useFocusTrap(elementRef)\n * @param elementRef ref of the element in which focus needs to be retained\n * @param addToDocument boolean value to specify if event to be attached to document or to be taken from elementRef, defaults to true\n * @param dependencies  list of variables or functions that will initiate this hook when they are updated.\n */\nconst useFocusTrap = (\n  elementRef: RefObject<HTMLElement>,\n  attachToDocument: boolean = true,\n  dependencies: DependencyList = []\n) => {\n  const onKeydown = useCallback((e: KeyboardEvent) => {\n    if (e.key === 'Tab') {\n      const focusables = getFocusables(elementRef);\n      const { 0: firstFocusable, [focusables.length - 1]: lastFocusable } = focusables;\n      const activeEl = getActiveElement();\n\n      const requiresFocus =\n        activeEl === elementRef.current ||\n        !elementRef.current?.contains(activeEl) ||\n        (elementRef.current?.contains(activeEl) && !focusables.includes(activeEl as HTMLElement));\n\n      if (requiresFocus) {\n        e.preventDefault();\n\n        if (activeEl) {\n          const focusablesWithActiveEl = getFocusables(elementRef, { includeActiveEl: true });\n          const activeElIndex = focusablesWithActiveEl.findIndex(el => el === activeEl);\n\n          if (activeElIndex !== -1) {\n            if (e.shiftKey) {\n              focusablesWithActiveEl[(activeElIndex - 1) % focusablesWithActiveEl.length].focus();\n            } else {\n              focusablesWithActiveEl[(activeElIndex + 1) % focusablesWithActiveEl.length].focus();\n            }\n          } else if (e.shiftKey) {\n            lastFocusable?.focus();\n          } else {\n            firstFocusable?.focus();\n          }\n        } else if (e.shiftKey) {\n          lastFocusable?.focus();\n        } else {\n          firstFocusable?.focus();\n        }\n      } else if (e.shiftKey && activeEl === firstFocusable) {\n        e.preventDefault();\n        lastFocusable?.focus();\n      } else if (!e.shiftKey && activeEl === lastFocusable) {\n        e.preventDefault();\n        firstFocusable?.focus();\n      }\n    }\n  }, dependencies);\n\n  useEvent('keydown', onKeydown, { target: attachToDocument ? undefined : elementRef });\n};\n\nexport default useFocusTrap;\n"]}
+{"version":3,"file":"useFocusTrap.js","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback } from 'react';\nimport type { RefObject, DependencyList } from 'react';\n\nimport { getFocusables, getActiveElement } from '../utils';\n\nimport useEvent from './useEvent';\n\n/**\n * @example useFocusTrap(elementRef)\n * @param elementRef ref of the element in which focus needs to be retained\n * @param addToDocument boolean value to specify if event to be attached to document or to be taken from elementRef, defaults to true\n * @param dependencies  list of variables or functions that will initiate this hook when they are updated.\n */\nconst useFocusTrap = (\n  elementRef: RefObject<HTMLElement> | null,\n  attachToDocument: boolean = true,\n  dependencies: DependencyList = []\n) => {\n  const onKeydown = useCallback((e: KeyboardEvent) => {\n    if (!elementRef?.current) return;\n\n    if (e.key === 'Tab') {\n      const focusables = getFocusables(elementRef);\n      const { 0: firstFocusable, [focusables.length - 1]: lastFocusable } = focusables;\n      const activeEl = getActiveElement();\n\n      const requiresFocus =\n        activeEl === elementRef.current ||\n        !elementRef.current.contains(activeEl) ||\n        (elementRef.current.contains(activeEl) && !focusables.includes(activeEl as HTMLElement));\n\n      if (requiresFocus) {\n        e.preventDefault();\n\n        if (activeEl) {\n          const focusablesWithActiveEl = getFocusables(elementRef, { includeActiveEl: true });\n          const activeElIndex = focusablesWithActiveEl.findIndex(el => el === activeEl);\n\n          if (activeElIndex !== -1) {\n            if (e.shiftKey) {\n              focusablesWithActiveEl[(activeElIndex - 1) % focusablesWithActiveEl.length].focus();\n            } else {\n              focusablesWithActiveEl[(activeElIndex + 1) % focusablesWithActiveEl.length].focus();\n            }\n          } else if (e.shiftKey) {\n            lastFocusable?.focus();\n          } else {\n            firstFocusable?.focus();\n          }\n        } else if (e.shiftKey) {\n          lastFocusable?.focus();\n        } else {\n          firstFocusable?.focus();\n        }\n      } else if (e.shiftKey && activeEl === firstFocusable) {\n        e.preventDefault();\n        lastFocusable?.focus();\n      } else if (!e.shiftKey && activeEl === lastFocusable) {\n        e.preventDefault();\n        firstFocusable?.focus();\n      }\n    }\n  }, dependencies);\n\n  useEvent('keydown', onKeydown, { target: attachToDocument ? undefined : elementRef });\n};\n\nexport default useFocusTrap;\n"]}

package/lib/hooks/useFocusWithin.d.ts

@@ -4,6 +4,6 @@ import type { RefObject } from 'react';
  * @param onFocusChange Callback function that is invoked with the current focus state and the current element when any child elements takes focus or all of them lose focus.
  * @returns * hasFocus:: A boolean indicating if the ref element has focus or not.
  */
-declare const useFocusWithin: <T extends HTMLElement = HTMLElement>(els: (T | RefObject<T | null> | null)[], onFocusChange?: ((isFocused: boolean, element: Element | T | null) => void) | undefined) => boolean;
+declare const useFocusWithin: <T extends HTMLElement = HTMLElement>(els: (T | null | RefObject<T | null>)[], onFocusChange?: (isFocused: boolean, element: T | Element | null) => void) => boolean;
 export default useFocusWithin;
 //# sourceMappingURL=useFocusWithin.d.ts.map

package/lib/hooks/useFocusWithin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusWithin.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusWithin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC;;;;GAIG;AACH,QAAA,MAAM,cAAc,8GAEU,OAAO,kCAAkC,IAAI,kBACxE,OA8GF,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"useFocusWithin.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusWithin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC;;;;GAIG;AACH,QAAA,MAAM,cAAc,GAAI,CAAC,SAAS,WAAW,qBACtC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,kBACvB,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,GAAG,OAAO,GAAG,IAAI,KAAK,IAAI,KACxE,OAgHF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/hooks/useFocusWithin.js

@@ -39,7 +39,9 @@ const useFocusWithin = (els, onFocusChange) => {
         const handlerAbortController = new AbortController();
         const handler = (fe) => {
             if (!elements.some(el => {
-                return el?.contains(fe.target);
+                return fe.composedPath().some(target => {
+                    return target instanceof Node && el.contains(target);
+                });
             })) {
                 setFocus(false);
                 onFocusChange?.(false, focusedElRef.current);

package/lib/hooks/useFocusWithin.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusWithin.js","sourceRoot":"","sources":["../../src/hooks/useFocusWithin.ts"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, useCallback, useRef } from 'react';\nimport type { RefObject } from 'react';\n\nimport { getAllPopovers, hasProp, normalizeTargets } from '../utils';\n\nconst getElements = <T extends HTMLElement = HTMLElement>(\n  els: (T | null | RefObject<T | null>)[]\n) =>\n  normalizeTargets(els)\n    .flatMap(el => [el, ...getAllPopovers(el)])\n    .filter((el): el is HTMLElement => el instanceof HTMLElement);\n\n/** Hook for properly handling focus state of children components.\n * @example const hasFocus = useFocusWithin([containerRef, ...], (isFocused, element) => { doSomething; });\n * @param onFocusChange Callback function that is invoked with the current focus state and the current element when any child elements takes focus or all of them lose focus.\n * @returns * hasFocus:: A boolean indicating if the ref element has focus or not.\n */\nconst useFocusWithin = <T extends HTMLElement = HTMLElement>(\n  els: (T | null | RefObject<T | null>)[],\n  onFocusChange?: (isFocused: boolean, element: T | Element | null) => void\n): boolean => {\n  const [hasFocus, setFocus] = useState(false);\n  const focusedElRef = useRef<T | Element | null>(null);\n\n  const handlerAbortControllerRef = useRef<AbortController>();\n  useEffect(() => {\n    return () => {\n      handlerAbortControllerRef.current?.abort();\n    };\n  }, []);\n\n  const onBlur = useCallback(\n    (e: FocusEvent | Event) => {\n      if (!hasFocus) return;\n\n      const relatedTarget = hasProp(e, 'relatedTarget') ? e.relatedTarget : null;\n\n      // Gather observed elements along with their popovers to probe for element which gains focus.\n      const elements = normalizeTargets(els).flatMap(el => [el, ...getAllPopovers(el)]);\n\n      if (relatedTarget instanceof Node) {\n        // changing focus to another relevant child doesn't count\n        const focusedEl = elements.find(el => el?.contains(relatedTarget));\n        if (focusedEl) {\n          // ... just update the currently focused item\n          focusedElRef.current = focusedEl;\n          return;\n        }\n      }\n\n      // Code below is similar to the useOuterEvent hook, but single-shot only and need to be attached\n      // after blur event only. Due to various order of events between browsers and OSes, we need to\n      // postpone calling 'onBlur' callback until next element gets focus or on outer click to check\n      // if the relevant element contains the target element, which means the focus is retained.\n      const handlerAbortController = new AbortController();\n      const handler = (fe: Event | FocusEvent | MouseEvent) => {\n        if (\n          !elements.some(el => {\n            return el?.contains(fe.target as Node);\n          })\n        ) {\n          setFocus(false);\n          onFocusChange?.(false, focusedElRef.current);\n          focusedElRef.current = null;\n        }\n        handlerAbortController.abort();\n      };\n\n      // For keyboard and SR navigation - wait for 'focusin'.\n      document.addEventListener('focusin', handler, {\n        once: true,\n        signal: handlerAbortController.signal\n      });\n\n      // For mouse and touch navigation - wait for 'mouseup'.\n      // The chosen event need to occur before 'click' to allow the given callback code finish before\n      // 'click' handlers.\n      document.addEventListener('mouseup', handler, {\n        once: true,\n        signal: handlerAbortController.signal\n      });\n\n      handlerAbortControllerRef.current = handlerAbortController;\n    },\n    [hasFocus, onFocusChange, els]\n  );\n\n  const onFocus = useCallback(\n    (e: Event | FocusEvent) => {\n      if (!hasFocus) {\n        setFocus(true);\n        const targetEl = e.currentTarget as T;\n        onFocusChange?.(true, targetEl);\n        focusedElRef.current = targetEl;\n      }\n    },\n    [hasFocus, onFocusChange]\n  );\n\n  useEffect(() => {\n    const elements = getElements(els);\n\n    // Programmatically trigger focus callback on initial render to handle autoFocus\n    elements.forEach(el => {\n      if (el?.contains(document.activeElement)) {\n        onFocus(new FocusEvent('focusin', { relatedTarget: document.activeElement }));\n      }\n    });\n  }, []);\n\n  useEffect(() => {\n    const elements = normalizeTargets(els);\n\n    elements.forEach(el => {\n      el?.addEventListener('focusin', onFocus);\n      el?.addEventListener('popover:focusin', onFocus);\n      el?.addEventListener('focusout', onBlur);\n      el?.addEventListener('popover:focusout', onBlur);\n    });\n    return () => {\n      elements.forEach(el => {\n        el?.removeEventListener('focusin', onFocus);\n        el?.removeEventListener('popover:focusin', onFocus);\n        el?.removeEventListener('focusout', onBlur);\n        el?.removeEventListener('popover:focusout', onBlur);\n      });\n    };\n  }, [els, onFocus, onBlur]);\n\n  return hasFocus;\n};\n\nexport default useFocusWithin;\n"]}
+{"version":3,"file":"useFocusWithin.js","sourceRoot":"","sources":["../../src/hooks/useFocusWithin.ts"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, useCallback, useRef } from 'react';\nimport type { RefObject } from 'react';\n\nimport { getAllPopovers, hasProp, normalizeTargets } from '../utils';\n\nconst getElements = <T extends HTMLElement = HTMLElement>(\n  els: (T | null | RefObject<T | null>)[]\n) =>\n  normalizeTargets(els)\n    .flatMap(el => [el, ...getAllPopovers(el)])\n    .filter((el): el is HTMLElement => el instanceof HTMLElement);\n\n/** Hook for properly handling focus state of children components.\n * @example const hasFocus = useFocusWithin([containerRef, ...], (isFocused, element) => { doSomething; });\n * @param onFocusChange Callback function that is invoked with the current focus state and the current element when any child elements takes focus or all of them lose focus.\n * @returns * hasFocus:: A boolean indicating if the ref element has focus or not.\n */\nconst useFocusWithin = <T extends HTMLElement = HTMLElement>(\n  els: (T | null | RefObject<T | null>)[],\n  onFocusChange?: (isFocused: boolean, element: T | Element | null) => void\n): boolean => {\n  const [hasFocus, setFocus] = useState(false);\n  const focusedElRef = useRef<T | Element | null>(null);\n\n  const handlerAbortControllerRef = useRef<AbortController>();\n  useEffect(() => {\n    return () => {\n      handlerAbortControllerRef.current?.abort();\n    };\n  }, []);\n\n  const onBlur = useCallback(\n    (e: FocusEvent | Event) => {\n      if (!hasFocus) return;\n\n      const relatedTarget = hasProp(e, 'relatedTarget') ? e.relatedTarget : null;\n\n      // Gather observed elements along with their popovers to probe for element which gains focus.\n      const elements = normalizeTargets(els).flatMap(el => [el, ...getAllPopovers(el)]);\n\n      if (relatedTarget instanceof Node) {\n        // changing focus to another relevant child doesn't count\n        const focusedEl = elements.find(el => el?.contains(relatedTarget));\n        if (focusedEl) {\n          // ... just update the currently focused item\n          focusedElRef.current = focusedEl;\n          return;\n        }\n      }\n\n      // Code below is similar to the useOuterEvent hook, but single-shot only and need to be attached\n      // after blur event only. Due to various order of events between browsers and OSes, we need to\n      // postpone calling 'onBlur' callback until next element gets focus or on outer click to check\n      // if the relevant element contains the target element, which means the focus is retained.\n      const handlerAbortController = new AbortController();\n      const handler = (fe: Event | FocusEvent | MouseEvent) => {\n        if (\n          !elements.some(el => {\n            return fe.composedPath().some(target => {\n              return target instanceof Node && el.contains(target);\n            });\n          })\n        ) {\n          setFocus(false);\n          onFocusChange?.(false, focusedElRef.current);\n          focusedElRef.current = null;\n        }\n        handlerAbortController.abort();\n      };\n\n      // For keyboard and SR navigation - wait for 'focusin'.\n      document.addEventListener('focusin', handler, {\n        once: true,\n        signal: handlerAbortController.signal\n      });\n\n      // For mouse and touch navigation - wait for 'mouseup'.\n      // The chosen event need to occur before 'click' to allow the given callback code finish before\n      // 'click' handlers.\n      document.addEventListener('mouseup', handler, {\n        once: true,\n        signal: handlerAbortController.signal\n      });\n\n      handlerAbortControllerRef.current = handlerAbortController;\n    },\n    [hasFocus, onFocusChange, els]\n  );\n\n  const onFocus = useCallback(\n    (e: Event | FocusEvent) => {\n      if (!hasFocus) {\n        setFocus(true);\n        const targetEl = e.currentTarget as T;\n        onFocusChange?.(true, targetEl);\n        focusedElRef.current = targetEl;\n      }\n    },\n    [hasFocus, onFocusChange]\n  );\n\n  useEffect(() => {\n    const elements = getElements(els);\n\n    // Programmatically trigger focus callback on initial render to handle autoFocus\n    elements.forEach(el => {\n      if (el?.contains(document.activeElement)) {\n        onFocus(new FocusEvent('focusin', { relatedTarget: document.activeElement }));\n      }\n    });\n  }, []);\n\n  useEffect(() => {\n    const elements = normalizeTargets(els);\n\n    elements.forEach(el => {\n      el?.addEventListener('focusin', onFocus);\n      el?.addEventListener('popover:focusin', onFocus);\n      el?.addEventListener('focusout', onBlur);\n      el?.addEventListener('popover:focusout', onBlur);\n    });\n    return () => {\n      elements.forEach(el => {\n        el?.removeEventListener('focusin', onFocus);\n        el?.removeEventListener('popover:focusin', onFocus);\n        el?.removeEventListener('focusout', onBlur);\n        el?.removeEventListener('popover:focusout', onBlur);\n      });\n    };\n  }, [els, onFocus, onBlur]);\n\n  return hasFocus;\n};\n\nexport default useFocusWithin;\n"]}

package/lib/hooks/useI18n.d.ts

@@ -9,6 +9,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     never: string;
     true: string;
     false: string;
+    none: string;
     filters: string;
     actions: string;
     status: string;
@@ -23,9 +24,14 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     opens_in_a_new_tab: string;
     details: string;
     content: string;
+    tabs: string;
     pulse: string;
     history: string;
     summary: string;
+    summary_panel: string;
+    heading: string;
+    fields: string;
+    subheading: string;
     records: string;
     utilities: string;
     search: string;
@@ -34,14 +40,21 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     info: string;
     shortcuts: string;
     label: string;
+    caption: string;
     id: string;
     name: string;
     type: string;
     icon: string;
+    page: string;
     default_input: string;
     default_input_value: string;
     default_input_property: string;
     value: string;
+    field: string;
+    field_group: string;
+    insight: string;
+    view: string;
+    range_input: string;
     remove: string;
     follow: string;
     unfollow: string;
@@ -73,6 +86,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     dismiss: string;
     due: string;
     drag: string;
+    reset: string;
     view_all: string;
     view_less: string;
     show_more: string;
@@ -106,6 +120,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     remove_noun: string;
     loading_noun: string;
     create_noun: string;
+    choose_noun: string;
     actions_for: string;
     edited: string;
     done: string;
@@ -239,6 +254,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     minimize: string;
     maximize: string;
     dock: string;
+    step_num: string;
     selected_date_a11y: string;
     open_calendar_button_a11y: string;
     close_calendar_button_a11y: string;
@@ -289,11 +305,12 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     location_not_found_text: string;
     exact_location: string;
     allow_location_permissions_text: string;
+    location_info: string;
     advanced_search: string;
-    select_search_filter: string;
     recent_searches: string;
-    clear_search: string;
     search_instructions: string;
+    search_in: string;
+    search_in_noun: string;
     action_from_summarylist_heading: string;
     selected_search_filter: string;
     utilities_label: string;
@@ -308,10 +325,12 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     case_type_icon: string;
     case_type: string;
     case_tabs: string;
+    update_available: string;
     close_preview: string;
     preview_error: string;
     previewed_case: string;
     case_preview_tabs: string;
+    coach_switcher: string;
     message_pega_gen_ai_coach: string;
     ai_disclaimer: string;
     suggestions: string;
@@ -325,6 +344,14 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     close_gen_ai: string;
     ask_coach: string;
     generating_response: string;
+    response_generated: string;
+    good_response: string;
+    bad_response: string;
+    share_feedback: string;
+    interaction_message: string;
+    pega_genAI: string;
+    suggestions_in_message: string;
+    you_asked: string;
     accept_suggestion_button_a11y: string;
     reject_suggestion_button_a11y: string;
     suggestion_info: string;
@@ -342,11 +369,33 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     description_unavailable: string;
     shortcut_JumpToToast: string;
     shortcut_DismissToast: string;
+    configurable_layout_instructions: string;
     drag_handle_description: string;
     assignments: string;
-    urgency: string;
-    assignee: string;
-    childCase: string;
+    case: string;
+    assignment: string;
+    children_message: string;
+    child_case_count: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    assignments_count: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    combined_children_message: string;
+    assignment_item_assignee: string;
+    assignment_item_urgency: string;
+    assignment_announcement_label: string;
+    case_announcement_label: string;
     article_list_label_a11y: string;
     article_list_filter_label_a11y: string;
     article_list_header_submit_label: string;
@@ -423,6 +472,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     predictions: string;
     all_predictions: string;
     learn_more: string;
+    tasks: string;
     tasks_added: {
         zero: string;
         one: string;
@@ -485,12 +535,16 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     rte_width_in_pixels: string;
     rte_height_in_pixels: string;
     rte_image_settings: string;
+    rte_edit_image: string;
+    rte_delete_image: string;
     rte_image_key_command: string;
     expand_trail: string;
     collapse_trail: string;
     copy_to: string;
     subject_label: string;
     search_results: string;
+    get_next_email: string;
+    feed_post_type: string;
     feed_new_post: string;
     feed_new_post_submit: string;
     feed_new_comment: string;
@@ -499,12 +553,17 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     feed_post_actions_menu: string;
     feed_edit_post: string;
     feed_edit_comment: string;
+    feed_edit_posted: string;
+    feed_edit_commented: string;
     feed_context: string;
     feed_liked_by: string;
     feed_likes: string;
-    feed_private_post: string;
-    feed_public_post: string;
-    feed_recipients: string;
+    feed_visibility: string;
+    feed_private: string;
+    feed_public: string;
+    feed_visible_to: string;
+    feed_users: string;
+    feed_mode: string;
     feed_like_label: string;
     feed_unlike_label: string;
     feed_post_likes: {
@@ -543,6 +602,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     feed_post_liked: string;
     feed_post_deliked: string;
     feed_post_removed: string;
+    feed_comment_added: string;
     feed_comment_removed: string;
     showing_num_of_num: string;
     feed_new_post_added: {
@@ -563,6 +623,27 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     };
     loading_post: string;
     mention_type: string;
+    markdown_syntax: string;
+    markdown_instructions: string;
+    markdown_styles: string;
+    markdown_images: string;
+    markdown_links: string;
+    markdown_lists: string;
+    markdown_headings: string;
+    markdown_code: string;
+    markdown_code_block: string;
+    markdown_bold: string;
+    markdown_italic: string;
+    markdown_blockquote: string;
+    markdown_heading_level: string;
+    markdown_ordered_list: string;
+    markdown_ordered_sublist: string;
+    markdown_unordered_list: string;
+    markdown_unordered_sublist: string;
+    markdown_link_text: string;
+    markdown_link_url: string;
+    markdown_alt_text: string;
+    markdown_image_url: string;
     scroll_to_latest_message: string;
     scroll_to_unread_messages: string;
     suggested_replies_current_of_total: string;
@@ -600,9 +681,6 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     suggestion: string;
     suggested_reply_copied_to_input_field: string;
     dialogue: string;
-    pega_genAI: string;
-    suggestions_in_message: string;
-    you_asked: string;
     suggest_reply: string;
     join_conversation: string;
     unique_entities: {
@@ -643,6 +721,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     inbox: string;
     insert: string;
     email_add_attachment: string;
+    email_add_attachment_count: string;
     email_disable_attachment: string;
     email_remove_attachment: string;
     loading_email: string;
@@ -709,6 +788,8 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     dial_pad_keyboard: string;
     dial_pad_phone_number_input_label: string;
     dial_pad_call_button_label: string;
+    attestation_statement: string;
+    script_adherence_error: string;
     accept_all: string;
     select_multiple: string;
     dismiss_case: string;
@@ -757,6 +838,8 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     add_follow_up_task: string;
     agents_utterance: string;
     detected_entities: string;
+    no_analytics_collected: string;
+    feedback_not_available: string;
     due_on: string;
     interaction_summary: string;
     edit_interaction_summary: string;
@@ -1046,7 +1129,6 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     condition_builder_value_label: string;
     condition_builder_field_label: string;
     condition_builder_comparator_label: string;
-    promoted_filters_clear_all_button_label: string;
     dev_mode: string;
     expand_navigation: string;
     collapse_navigation: string;
@@ -1056,8 +1138,50 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     branch_with_no_changes: string;
     branch_with_no_potential_conflicts: string;
     branch_with_potential_conflicts: string;
+    style: string;
+    color: string;
+    opacity: string;
+    file_url: string;
+    size: string;
+    position: string;
+    repeat: string;
+    image_preview: string;
+    direction: string;
+    color_stops: string;
+    add_stops: string;
+    gradient_preview: string;
+    location: string;
+    delete_stop: string;
+    edit_background_picker_label: string;
+    transparent: string;
+    solid_color: string;
+    image: string;
+    linear_gradient: string;
+    radial_gradient: string;
+    conic_gradient: string;
+    auto: string;
+    cover: string;
+    contain: string;
+    center: string;
+    top: string;
+    right: string;
+    left: string;
+    bottom: string;
+    top_left: string;
+    top_right: string;
+    bottom_right: string;
+    bottom_left: string;
+    no_repeat: string;
+    repeat_image: string;
+    repeat_x: string;
+    repeat_y: string;
+    space: string;
+    round: string;
+    file_url_error: string;
+    color_preview: string;
     parallel: string;
     stage: string;
+    process: string;
     alternate_stage: string;
     add_stage: string;
     add_process: string;
@@ -1069,6 +1193,11 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     step_name_error: string;
     stage_name_error: string;
     process_name_error: string;
+    wait_for_user_action: string;
+    resolve_case: string;
+    collect_info: string;
+    decision: string;
+    send_email: string;
     add_node: string;
     search_nodes: string;
     delete_step: string;
@@ -1133,6 +1262,8 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     delete_group: string;
     add_group: string;
     add_sort: string;
+    view_in_google_maps: string;
+    location_marker: string;
     action_task: string;
     task_object: string;
     view_rule: string;
@@ -1166,9 +1297,15 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     append_automation: string;
     automation_object: string;
     ai_object: string;
+    additional_information: string;
     field_picker_label: string;
     field_picker_placeholder: string;
     editor_loading_message: string;
+    custom_label: string;
+    custom_caption: string;
+    add_label: string;
+    custom_add_label: string;
+    instruction_text_label: string;
     paragraph_already_exists_error: string;
     paragraph_create_modal_heading: string;
     paragraph_update_modal_heading: string;
@@ -1188,11 +1325,28 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     sync_tabs_additional_info_tabs: string;
     location_field_label: string;
     create_new_item: string;
-    plus_create_item: string;
     warning_color: string;
     color_contrast_warning: string;
     has_compliance_warning: string;
     compliance_warning: string;
+    gradient_warning: string;
+    fields_to_highlight: string;
+    first_field: string;
+    first_n_fields: string;
+    learn_about_primary_fields: string;
+    show_lifecycle: string;
+    use_only_primary_fields: string;
+    use_only_primary_fields_info: string;
+    new_tab_heading: string;
+    creating_tab: string;
+    create_tab_failure_message: string;
+    field_reference_not_found: string;
+    loading_configure_dialog: string;
+    delete_parameter_filter: string;
+    insight_field_applied_on: string;
+    please_fill_the_required_fields: string;
+    system_pages: string;
+    value_cannot_be_blank: string;
 }>>;
 export default useI18n;
 //# sourceMappingURL=useI18n.d.ts.map

package/lib/hooks/useI18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useI18n.d.ts","sourceRoot":"","sources":["../../src/hooks/useI18n.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"useI18n.d.ts","sourceRoot":"","sources":["../../src/hooks/useI18n.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/hooks/useInputFormatter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInputFormatter.d.ts","sourceRoot":"","sources":["../../src/hooks/useInputFormatter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;;GAOG;AACH,QAAA,MAAM,iBAAiB,QAChB,UAAU,gBAAgB,CAAC,YACtB,MAAM,qBACG,MAAM,KAAK,MAAM,yBACd,MAAM,WAuG7B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"useInputFormatter.d.ts","sourceRoot":"","sources":["../../src/hooks/useInputFormatter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;;GAOG;AACH,QAAA,MAAM,iBAAiB,QAChB,SAAS,CAAC,gBAAgB,CAAC,YACtB,MAAM,aACL,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,yBACd,MAAM,WAuG7B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/hooks/useInputFormatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInputFormatter.js","sourceRoot":"","sources":["../../src/hooks/useInputFormatter.ts"],"names":[],"mappings":"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","sourcesContent":["import { useRef, useEffect } from 'react';\nimport type { RefObject } from 'react';\n\nimport useEvent from './useEvent';\n\n/**\n * Formats the raw value using given formatter and handles the caret position.\n * @param ref reference to input element.\n * @param rawValue value to be formatted.\n * @param formatter formatter function accepting partial input and returning partially formatted value.\n * @param acceptableCharacters string containing all the characters that may appear in the value to format. RegExp shorthands are also accepted. Only numbers are accepted by default.\n * @returns formatted value that should be passed to the input component.\n */\nconst useInputFormatter = (\n  ref: RefObject<HTMLInputElement>,\n  rawValue: string,\n  formatter: (value: string) => string,\n  acceptableCharacters: string = '\\\\p{N}'\n) => {\n  // synthetic caret position in unformatted value\n  const rawValueCaretPositionRef = useRef<number>();\n\n  useEvent(\n    'keydown',\n    e => {\n      const inputEl = ref.current;\n      if (inputEl) {\n        const caretPositionStart = inputEl.selectionStart ?? 0;\n        const caretPositionEnd = inputEl.selectionEnd ?? 0;\n        const currentValue = inputEl.value;\n        if (caretPositionStart !== caretPositionEnd && ['Backspace', 'Delete'].includes(e.key)) {\n          // if selection contains only formatting characters, move the caret to the beginning of the selection\n          const selectedText = currentValue.slice(caretPositionStart, caretPositionEnd);\n          if (!new RegExp(`[${acceptableCharacters}]`, 'gu').test(selectedText)) {\n            inputEl.setSelectionRange(caretPositionStart, caretPositionStart);\n            e.preventDefault();\n          }\n          return;\n        }\n\n        if (\n          e.key === 'Backspace' &&\n          new RegExp(`[^${acceptableCharacters}]`, 'gu').test(\n            currentValue.charAt(caretPositionStart - 1)\n          )\n        ) {\n          const lastNonFormatChar = new RegExp(\n            `[${acceptableCharacters}](?=[^${acceptableCharacters}]*$)`,\n            'gu'\n          );\n          // match last non-formatting character if it can be found in the preceding slice\n          if (lastNonFormatChar.test(currentValue.slice(0, caretPositionStart))) {\n            // move the caret after matched character to get it removed\n            inputEl.setSelectionRange(lastNonFormatChar.lastIndex, lastNonFormatChar.lastIndex);\n          } else {\n            e.preventDefault();\n          }\n        }\n\n        if (\n          e.key === 'Delete' &&\n          new RegExp(`[^${acceptableCharacters}]`, 'gu').test(currentValue.charAt(caretPositionEnd))\n        ) {\n          const firstNonFormatChar = new RegExp(`[${acceptableCharacters}]`, 'gu');\n          firstNonFormatChar.lastIndex = caretPositionEnd;\n          // find first non-formatting character in the value starting from the caret position\n          if (firstNonFormatChar.test(currentValue)) {\n            // move the caret before matched character to get it removed\n            inputEl.setSelectionRange(\n              firstNonFormatChar.lastIndex - 1,\n              firstNonFormatChar.lastIndex - 1\n            );\n          } else {\n            e.preventDefault();\n          }\n        }\n      }\n    },\n    { target: ref, dependencies: [acceptableCharacters] }\n  );\n\n  useEvent(\n    'input',\n    () => {\n      const inputEl = ref.current;\n      if (inputEl) {\n        // calculate new synthetic caret position in the unformatted value\n        const currentCaretPosition = inputEl.selectionStart ?? 0;\n        rawValueCaretPositionRef.current = inputEl.value\n          .slice(0, currentCaretPosition)\n          .replace(new RegExp(`[^${acceptableCharacters}]`, 'gu'), '').length;\n      }\n    },\n    { target: ref, dependencies: [acceptableCharacters] }\n  );\n\n  useEffect(() => {\n    const inputEl = ref.current;\n    if (inputEl && rawValueCaretPositionRef.current !== undefined) {\n      // create regexp with every raw value character wrapped in possible formatting characters\n      const rawValueRegExpSource = `[^${acceptableCharacters}]*${rawValue\n        .slice(0, rawValueCaretPositionRef.current)\n        .split('')\n        .join(`[^${acceptableCharacters}]*`)}`;\n      const match = inputEl.value.match(new RegExp(rawValueRegExpSource, 'gu'));\n      if (match) {\n        // if it matches move the real caret to the corresponding index in the raw value\n        inputEl.setSelectionRange(match[0].length, match[0].length);\n      } else {\n        // just re-position the caret otherwise\n        inputEl.setSelectionRange(\n          rawValueCaretPositionRef.current,\n          rawValueCaretPositionRef.current\n        );\n      }\n      rawValueCaretPositionRef.current = undefined;\n    }\n  }, [rawValue, acceptableCharacters]);\n\n  return formatter(rawValue);\n};\n\nexport default useInputFormatter;\n"]}
+{"version":3,"file":"useInputFormatter.js","sourceRoot":"","sources":["../../src/hooks/useInputFormatter.ts"],"names":[],"mappings":"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","sourcesContent":["import { useRef, useEffect } from 'react';\nimport type { RefObject } from 'react';\n\nimport useEvent from './useEvent';\n\n/**\n * Formats the raw value using given formatter and handles the caret position.\n * @param ref reference to input element.\n * @param rawValue value to be formatted.\n * @param formatter formatter function accepting partial input and returning partially formatted value.\n * @param acceptableCharacters string containing all the characters that may appear in the value to format. RegExp shorthands are also accepted. Only numbers are accepted by default.\n * @returns formatted value that should be passed to the input component.\n */\nconst useInputFormatter = (\n  ref: RefObject<HTMLInputElement>,\n  rawValue: string,\n  formatter: (value: string) => string,\n  acceptableCharacters: string = '\\\\p{N}'\n) => {\n  // synthetic caret position in unformatted value\n  const rawValueCaretPositionRef = useRef<number>();\n\n  useEvent(\n    'keydown',\n    e => {\n      const inputEl = ref.current;\n      if (inputEl) {\n        const caretPositionStart = inputEl.selectionStart ?? 0;\n        const caretPositionEnd = inputEl.selectionEnd ?? 0;\n        const currentValue = inputEl.value;\n        if (caretPositionStart !== caretPositionEnd && ['Backspace', 'Delete'].includes(e.key)) {\n          // if selection contains only formatting characters, move the caret to the beginning of the selection\n          const selectedText = currentValue.slice(caretPositionStart, caretPositionEnd);\n          if (!new RegExp(`[${acceptableCharacters}]`, 'gu').test(selectedText)) {\n            inputEl.setSelectionRange(caretPositionStart, caretPositionStart);\n            e.preventDefault();\n          }\n          return;\n        }\n\n        if (\n          e.key === 'Backspace' &&\n          new RegExp(`[^${acceptableCharacters}]`, 'gu').test(\n            currentValue.charAt(caretPositionStart - 1)\n          )\n        ) {\n          const lastNonFormatChar = new RegExp(\n            `[${acceptableCharacters}](?=[^${acceptableCharacters}]*$)`,\n            'gu'\n          );\n          // match last non-formatting character if it can be found in the preceding slice\n          if (lastNonFormatChar.test(currentValue.slice(0, caretPositionStart))) {\n            // move the caret after matched character to get it removed\n            inputEl.setSelectionRange(lastNonFormatChar.lastIndex, lastNonFormatChar.lastIndex);\n          } else {\n            e.preventDefault();\n          }\n        }\n\n        if (\n          e.key === 'Delete' &&\n          new RegExp(`[^${acceptableCharacters}]`, 'gu').test(currentValue.charAt(caretPositionEnd))\n        ) {\n          const firstNonFormatChar = new RegExp(`[${acceptableCharacters}]`, 'gu');\n          firstNonFormatChar.lastIndex = caretPositionEnd;\n          // find first non-formatting character in the value starting from the caret position\n          if (firstNonFormatChar.test(currentValue)) {\n            // move the caret before matched character to get it removed\n            inputEl.setSelectionRange(\n              firstNonFormatChar.lastIndex - 1,\n              firstNonFormatChar.lastIndex - 1\n            );\n          } else {\n            e.preventDefault();\n          }\n        }\n      }\n    },\n    { target: ref, dependencies: [acceptableCharacters] }\n  );\n\n  useEvent(\n    'input',\n    () => {\n      const inputEl = ref.current;\n      if (inputEl) {\n        // calculate new synthetic caret position in the unformatted value\n        const currentCaretPosition = inputEl.selectionStart ?? 0;\n        rawValueCaretPositionRef.current = inputEl.value\n          .slice(0, currentCaretPosition)\n          .replace(new RegExp(`[^${acceptableCharacters}]`, 'gu'), '').length;\n      }\n    },\n    { target: ref, dependencies: [acceptableCharacters] }\n  );\n\n  useEffect(() => {\n    const inputEl = ref.current;\n    if (inputEl && rawValueCaretPositionRef.current !== undefined) {\n      // create regexp with every raw value character wrapped in possible formatting characters\n      const rawValueRegExpSource = `[^${acceptableCharacters}]*${rawValue\n        .slice(0, rawValueCaretPositionRef.current)\n        .split('')\n        .join(`[^${acceptableCharacters}]*`)}`;\n      const match = inputEl.value.match(new RegExp(rawValueRegExpSource, 'gu'));\n      if (match) {\n        // if it matches move the real caret to the corresponding index in the raw value\n        inputEl.setSelectionRange(match[0].length, match[0].length);\n      } else {\n        // just re-position the caret otherwise\n        inputEl.setSelectionRange(\n          rawValueCaretPositionRef.current,\n          rawValueCaretPositionRef.current\n        );\n      }\n      rawValueCaretPositionRef.current = undefined;\n    }\n  }, [rawValue, acceptableCharacters]);\n\n  return formatter(rawValue);\n};\n\nexport default useInputFormatter;\n"]}

package/lib/hooks/useItemIntersection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useItemIntersection.d.ts","sourceRoot":"","sources":["../../src/hooks/useItemIntersection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;GAOG;AAEH,QAAA,MAAM,mBAAmB,iBACT,UAAU,WAAW,CAAC,UAC5B,MAAM,MACV,MAAM,IAAI,gBACA,MAAM,SA8BrB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"useItemIntersection.d.ts","sourceRoot":"","sources":["../../src/hooks/useItemIntersection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;GAOG;AAEH,QAAA,MAAM,mBAAmB,iBACT,SAAS,CAAC,WAAW,CAAC,UAC5B,MAAM,MACV,MAAM,IAAI,gBACA,MAAM,SA8BrB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/hooks/useItemIntersection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useItemIntersection.js","sourceRoot":"","sources":["../../src/hooks/useItemIntersection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC;;;;;;;GAOG;AAEH,MAAM,mBAAmB,GAAG,CAC1B,YAAoC,EACpC,MAAc,EACd,EAAc,EACd,YAAoB,EACpB,EAAE;IACF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,GAAuB,IAAI,CAAC;QACpC,IAAI,MAAM,GAAG,CAAC,EAAE;YACd,MAAM,KAAK,GAA4B,CACrC,YAAY,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CACrE,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;YAEjC,IAAI,KAAK,CAAC,MAAM,GAAG,MAAM,EAAE;gBACzB,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;aACtB;SACF;QACD,IAAI,IAAI,EAAE;YACR,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CACnD,CAAC,OAAoC,EAAE,EAAE;gBACvC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE;oBAC7B,EAAE,EAAE,CAAC;iBACN;YACH,CAAC,EACD;gBACE,IAAI,EAAE,YAAY,CAAC,OAAO;aAC3B,CACF,CAAC;YACF,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACnC,OAAO,GAAG,EAAE;gBACV,oBAAoB,CAAC,UAAU,EAAE,CAAC;YACpC,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { useEffect } from 'react';\nimport type { RefObject } from 'react';\n\n/**\n * @example useItemIntersection(listRef,offset,() => { do_some_thing; });\n * @param containerRef The ref of the List.\n * @param offset  Index of the list item which needs to be observed.\n * @param cb Callback that needs to be fired on intersect\n * @param itemSelector Selector used to get the node list of items\n * @returns void.\n */\n\nconst useItemIntersection = (\n  containerRef: RefObject<HTMLElement>,\n  offset: number,\n  cb: () => void,\n  itemSelector: string\n) => {\n  useEffect(() => {\n    let item: HTMLElement | null = null;\n    if (offset > 0) {\n      const items: NodeListOf<HTMLElement> = (\n        containerRef.current === null ? document.body : containerRef.current\n      ).querySelectorAll(itemSelector);\n\n      if (items.length > offset) {\n        item = items[offset];\n      }\n    }\n    if (item) {\n      const intersectionObserver = new IntersectionObserver(\n        (entries: IntersectionObserverEntry[]) => {\n          if (entries[0].isIntersecting) {\n            cb();\n          }\n        },\n        {\n          root: containerRef.current\n        }\n      );\n      intersectionObserver.observe(item);\n      return () => {\n        intersectionObserver.disconnect();\n      };\n    }\n  }, [cb, containerRef.current, offset]);\n};\n\nexport default useItemIntersection;\n"]}
+{"version":3,"file":"useItemIntersection.js","sourceRoot":"","sources":["../../src/hooks/useItemIntersection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC;;;;;;;GAOG;AAEH,MAAM,mBAAmB,GAAG,CAC1B,YAAoC,EACpC,MAAc,EACd,EAAc,EACd,YAAoB,EACpB,EAAE;IACF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,GAAuB,IAAI,CAAC;QACpC,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;YACf,MAAM,KAAK,GAA4B,CACrC,YAAY,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CACrE,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;YAEjC,IAAI,KAAK,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC;gBAC1B,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;YACvB,CAAC;QACH,CAAC;QACD,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CACnD,CAAC,OAAoC,EAAE,EAAE;gBACvC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC;oBAC9B,EAAE,EAAE,CAAC;gBACP,CAAC;YACH,CAAC,EACD;gBACE,IAAI,EAAE,YAAY,CAAC,OAAO;aAC3B,CACF,CAAC;YACF,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACnC,OAAO,GAAG,EAAE;gBACV,oBAAoB,CAAC,UAAU,EAAE,CAAC;YACpC,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { useEffect } from 'react';\nimport type { RefObject } from 'react';\n\n/**\n * @example useItemIntersection(listRef,offset,() => { do_some_thing; });\n * @param containerRef The ref of the List.\n * @param offset  Index of the list item which needs to be observed.\n * @param cb Callback that needs to be fired on intersect\n * @param itemSelector Selector used to get the node list of items\n * @returns void.\n */\n\nconst useItemIntersection = (\n  containerRef: RefObject<HTMLElement>,\n  offset: number,\n  cb: () => void,\n  itemSelector: string\n) => {\n  useEffect(() => {\n    let item: HTMLElement | null = null;\n    if (offset > 0) {\n      const items: NodeListOf<HTMLElement> = (\n        containerRef.current === null ? document.body : containerRef.current\n      ).querySelectorAll(itemSelector);\n\n      if (items.length > offset) {\n        item = items[offset];\n      }\n    }\n    if (item) {\n      const intersectionObserver = new IntersectionObserver(\n        (entries: IntersectionObserverEntry[]) => {\n          if (entries[0].isIntersecting) {\n            cb();\n          }\n        },\n        {\n          root: containerRef.current\n        }\n      );\n      intersectionObserver.observe(item);\n      return () => {\n        intersectionObserver.disconnect();\n      };\n    }\n  }, [cb, containerRef.current, offset]);\n};\n\nexport default useItemIntersection;\n"]}

package/lib/hooks/useLongPress.d.ts

@@ -4,11 +4,11 @@ interface Options {
     shouldPreventDefault?: boolean;
 }
 declare const useLongPress: <T>(onLongPress: () => void, onClick?: () => void, { key, shouldPreventDefault, delay }?: Options) => {
-    onMouseDown: (e: import("react").MouseEvent<T, MouseEvent>) => void;
-    onTouchStart: (e: import("react").TouchEvent<T>) => void;
-    onKeyDown: (e: import("react").KeyboardEvent<T>) => void;
+    onMouseDown: (e: React.MouseEvent<T>) => void;
+    onTouchStart: (e: React.TouchEvent<T>) => void;
+    onKeyDown: (e: React.KeyboardEvent<T>) => void;
     onMouseUp: () => void;
-    onKeyUp: (e: import("react").KeyboardEvent<T>) => void;
+    onKeyUp: (e: React.KeyboardEvent<T>) => void;
     onMouseLeave: () => void;
     onTouchEnd: () => void;
 };

package/lib/hooks/useLongPress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLongPress.d.ts","sourceRoot":"","sources":["../../src/hooks/useLongPress.ts"],"names":[],"mappings":"AAcA,UAAU,OAAO;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,QAAA,MAAM,YAAY,mBACH,MAAM,IAAI,YACb,MAAM,IAAI,yCACyC,OAAO;;;;;;;;CAqDrE,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"useLongPress.d.ts","sourceRoot":"","sources":["../../src/hooks/useLongPress.ts"],"names":[],"mappings":"AAcA,UAAU,OAAO;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,QAAA,MAAM,YAAY,GAAI,CAAC,eACR,MAAM,IAAI,YACb,MAAM,IAAI,yCACyC,OAAO;qBAuCjD,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;sBAClB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;mBACtB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;;iBAKxB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;;;CAOtC,CAAC;AAEF,eAAe,YAAY,CAAC"}