intergalactic 15.106.0-prerelease.0 → 15.107.0-prerelease.0

package/utils/lib/enhances/focusSourceEnhance.mjs

@@ -0,0 +1,66 @@
+import React from 'react';
+import assignProps from "../assignProps.mjs";
+var lastFocusSource = 'none';
+var focusSourceListeners = [];
+export var useFocusSource = function useFocusSource() {
+  var handleMouseDown = React.useCallback(function () {
+    return focusSourceListeners.forEach(function (listener) {
+      return listener.setFocusSource('mouse');
+    });
+  }, []);
+  var handleKeyDown = React.useCallback(function () {
+    return focusSourceListeners.forEach(function (listener) {
+      return listener.setFocusSource('keyboard');
+    });
+  }, []);
+  var focusSourceRef = React.useRef(lastFocusSource);
+  var setFocusSource = React.useCallback(function (source) {
+    focusSourceRef.current = source;
+    lastFocusSource = source;
+  }, []);
+  var subscribeListeners = React.useCallback(function () {
+    document.addEventListener('mousedown', handleMouseDown, {
+      capture: true
+    });
+    document.addEventListener('keydown', handleKeyDown, {
+      capture: true
+    });
+  }, []);
+  var unsubscribeListeners = React.useCallback(function () {
+    document.removeEventListener('mousedown', handleMouseDown, {
+      capture: true
+    });
+    document.removeEventListener('keydown', handleKeyDown, {
+      capture: true
+    });
+  }, []);
+  React.useEffect(function () {
+    var needToAddListeners = focusSourceListeners.length === 0;
+    var sourceListener = {
+      setFocusSource: setFocusSource,
+      subscribeListeners: subscribeListeners
+    };
+    focusSourceListeners.push(sourceListener);
+    if (needToAddListeners) subscribeListeners();
+    var needToRemoveListeners = needToAddListeners;
+    return function () {
+      var sourceListenerIndex = focusSourceListeners.indexOf(sourceListener);
+      focusSourceListeners.splice(sourceListenerIndex, 1);
+      if (needToRemoveListeners) unsubscribeListeners();
+      if (needToRemoveListeners && focusSourceListeners.length > 0) {
+        focusSourceListeners[0].subscribeListeners();
+      }
+    };
+  }, []);
+  return focusSourceRef;
+};
+var focusSourceEnhance = function focusSourceEnhance() {
+  return function (props) {
+    var focusSourceRef = useFocusSource();
+    return assignProps(props, {
+      focusSourceRef: focusSourceRef
+    });
+  };
+};
+export default focusSourceEnhance;
+//# sourceMappingURL=focusSourceEnhance.mjs.map

package/utils/lib/enhances/focusSourceEnhance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusSourceEnhance.mjs","names":["React","assignProps","lastFocusSource","focusSourceListeners","useFocusSource","handleMouseDown","useCallback","forEach","listener","setFocusSource","handleKeyDown","focusSourceRef","useRef","source","current","subscribeListeners","document","addEventListener","capture","unsubscribeListeners","removeEventListener","useEffect","needToAddListeners","length","sourceListener","push","needToRemoveListeners","sourceListenerIndex","indexOf","splice","focusSourceEnhance","props"],"sources":["../../src/enhances/focusSourceEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport assignProps from '../assignProps';\n\nlet lastFocusSource: 'mouse' | 'keyboard' | 'none' = 'none';\nconst focusSourceListeners: {\n  setFocusSource: (source: 'mouse' | 'keyboard' | 'none') => void;\n  subscribeListeners: () => void;\n}[] = [];\nexport const useFocusSource = () => {\n  const handleMouseDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('mouse')),\n    [],\n  );\n  const handleKeyDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('keyboard')),\n    [],\n  );\n  const focusSourceRef = React.useRef<'none' | 'mouse' | 'keyboard'>(lastFocusSource);\n  const setFocusSource = React.useCallback((source: 'none' | 'mouse' | 'keyboard') => {\n    focusSourceRef.current = source;\n    lastFocusSource = source;\n  }, []);\n  const subscribeListeners = React.useCallback(() => {\n    document.addEventListener('mousedown', handleMouseDown, { capture: true });\n    document.addEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n  const unsubscribeListeners = React.useCallback(() => {\n    document.removeEventListener('mousedown', handleMouseDown, { capture: true });\n    document.removeEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n\n  React.useEffect(() => {\n    const needToAddListeners = focusSourceListeners.length === 0;\n    const sourceListener = { setFocusSource, subscribeListeners };\n    focusSourceListeners.push(sourceListener);\n    if (needToAddListeners) subscribeListeners();\n    const needToRemoveListeners = needToAddListeners;\n\n    return () => {\n      const sourceListenerIndex = focusSourceListeners.indexOf(sourceListener);\n      focusSourceListeners.splice(sourceListenerIndex, 1);\n      if (needToRemoveListeners) unsubscribeListeners();\n      if (needToRemoveListeners && focusSourceListeners.length > 0) {\n        focusSourceListeners[0].subscribeListeners();\n      }\n    };\n  }, []);\n\n  return focusSourceRef;\n};\n\nexport type FocusSourceEnhanceHook = (props: {\n  tabIndex?: number;\n  disabled?: boolean;\n  loading?: boolean;\n  autoFocus?: boolean;\n}) => {\n  tabIndex: number;\n  keyboardFocused: boolean;\n  onFocus: (e: React.FocusEvent) => void;\n  onBlur: () => void;\n};\n\nconst focusSourceEnhance = (): FocusSourceEnhanceHook => {\n  return (props) => {\n    const focusSourceRef = useFocusSource();\n\n    return assignProps(props, {\n      focusSourceRef,\n    });\n  };\n};\n\nexport default focusSourceEnhance;\n"],"mappings":"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"}

package/utils/lib/enhances/keyboardFocusEnhance.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import { UnknownProperties } from '../core';
+import { useFocusSource } from './focusSourceEnhance';
+export { useFocusSource };
 /** @deprecated */
 export interface IKeyboardFocusProps extends KeyboardFocusProps, UnknownProperties {
 }
@@ -12,7 +14,6 @@ export type KeyboardFocusProps = {
     autoFocus?: boolean;
 };
 export declare const enforcedKeyboardFocusEnhanceContext: React.Context<boolean>;
-export declare const useFocusSource: () => React.MutableRefObject<"none" | "mouse" | "keyboard">;
 export type KeyboardFocusEnhanceHook = (props: {
     tabIndex?: number;
     disabled?: boolean;

package/utils/lib/enhances/keyboardFocusEnhance.js

@@ -4,67 +4,19 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useFocusSource = exports.enforcedKeyboardFocusEnhanceContext = exports["default"] = void 0;
+exports.enforcedKeyboardFocusEnhanceContext = exports["default"] = void 0;
+Object.defineProperty(exports, "useFocusSource", {
+  enumerable: true,
+  get: function get() {
+    return _focusSourceEnhance.useFocusSource;
+  }
+});
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _assignProps = _interopRequireDefault(require("../assignProps"));
+var _focusSourceEnhance = require("./focusSourceEnhance");
 var enforcedKeyboardFocusEnhanceContext = /*#__PURE__*/_react["default"].createContext(false);
 exports.enforcedKeyboardFocusEnhanceContext = enforcedKeyboardFocusEnhanceContext;
-var lastFocusSource = 'none';
-var focusSourceListeners = [];
-var useFocusSource = function useFocusSource() {
-  var handleMouseDown = _react["default"].useCallback(function () {
-    return focusSourceListeners.forEach(function (listener) {
-      return listener.setFocusSource('mouse');
-    });
-  }, []);
-  var handleKeyDown = _react["default"].useCallback(function () {
-    return focusSourceListeners.forEach(function (listener) {
-      return listener.setFocusSource('keyboard');
-    });
-  }, []);
-  var focusSourceRef = _react["default"].useRef(lastFocusSource);
-  var setFocusSource = _react["default"].useCallback(function (source) {
-    focusSourceRef.current = source;
-    lastFocusSource = source;
-  }, []);
-  var subscribeListeners = _react["default"].useCallback(function () {
-    document.addEventListener('mousedown', handleMouseDown, {
-      capture: true
-    });
-    document.addEventListener('keydown', handleKeyDown, {
-      capture: true
-    });
-  }, []);
-  var unsubscribeListeners = _react["default"].useCallback(function () {
-    document.removeEventListener('mousedown', handleMouseDown, {
-      capture: true
-    });
-    document.removeEventListener('keydown', handleKeyDown, {
-      capture: true
-    });
-  }, []);
-  _react["default"].useEffect(function () {
-    var needToAddListeners = focusSourceListeners.length === 0;
-    var sourceListener = {
-      setFocusSource: setFocusSource,
-      subscribeListeners: subscribeListeners
-    };
-    focusSourceListeners.push(sourceListener);
-    if (needToAddListeners) subscribeListeners();
-    var needToRemoveListeners = needToAddListeners;
-    return function () {
-      var sourceListenerIndex = focusSourceListeners.indexOf(sourceListener);
-      focusSourceListeners.splice(sourceListenerIndex, 1);
-      if (needToRemoveListeners) unsubscribeListeners();
-      if (needToRemoveListeners && focusSourceListeners.length > 0) {
-        focusSourceListeners[0].subscribeListeners();
-      }
-    };
-  }, []);
-  return focusSourceRef;
-};
-exports.useFocusSource = useFocusSource;
 var keyboardFocusEnhance = function keyboardFocusEnhance() {
   var makeFocusable = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
   return function (props) {
@@ -76,7 +28,7 @@ var keyboardFocusEnhance = function keyboardFocusEnhance() {
       _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
       keyboardFocused = _React$useState2[0],
       setKeyboardFocused = _React$useState2[1];
-    var focusSourceRef = useFocusSource();
+    var focusSourceRef = (0, _focusSourceEnhance.useFocusSource)();
     var ref = _react["default"].useRef(null);
     var handleFocus = _react["default"].useCallback(function (event) {
       if (event.isTrusted === true) {

package/utils/lib/enhances/keyboardFocusEnhance.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardFocusEnhance.js","names":["_react","_interopRequireDefault","require","_assignProps","enforcedKeyboardFocusEnhanceContext","React","createContext","exports","lastFocusSource","focusSourceListeners","useFocusSource","handleMouseDown","useCallback","forEach","listener","setFocusSource","handleKeyDown","focusSourceRef","useRef","source","current","subscribeListeners","document","addEventListener","capture","unsubscribeListeners","removeEventListener","useEffect","needToAddListeners","length","sourceListener","push","needToRemoveListeners","sourceListenerIndex","indexOf","splice","keyboardFocusEnhance","makeFocusable","arguments","undefined","props","_props$tabIndex","autoFocus","disabled","loading","tabIndex","_React$useState","useState","_React$useState2","_slicedToArray2","keyboardFocused","setKeyboardFocused","ref","handleFocus","event","isTrusted","handlerBlur","timer","setTimeout","_ref$current","focus","clearTimeout","enforcedKeyboardFocus","useContext","assignProps","onFocus","onBlur","_default"],"sources":["../../src/enhances/keyboardFocusEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport assignProps from '../assignProps';\nimport { UnknownProperties } from '../core';\n\n/** @deprecated */\nexport interface IKeyboardFocusProps extends KeyboardFocusProps, UnknownProperties {}\nexport type KeyboardFocusProps = {\n  /* Property responsible for displaying \"keyboard\" focus */\n  keyboardFocused?: boolean;\n  /**\n   * Makes component to catch browser focus on component mount\n   * @default false\n   */\n  autoFocus?: boolean;\n};\n\nexport const enforcedKeyboardFocusEnhanceContext = React.createContext(false);\n\nlet lastFocusSource: 'mouse' | 'keyboard' | 'none' = 'none';\nconst focusSourceListeners: {\n  setFocusSource: (source: 'mouse' | 'keyboard' | 'none') => void;\n  subscribeListeners: () => void;\n}[] = [];\nexport const useFocusSource = () => {\n  const handleMouseDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('mouse')),\n    [],\n  );\n  const handleKeyDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('keyboard')),\n    [],\n  );\n  const focusSourceRef = React.useRef<'none' | 'mouse' | 'keyboard'>(lastFocusSource);\n  const setFocusSource = React.useCallback((source: 'none' | 'mouse' | 'keyboard') => {\n    focusSourceRef.current = source;\n    lastFocusSource = source;\n  }, []);\n  const subscribeListeners = React.useCallback(() => {\n    document.addEventListener('mousedown', handleMouseDown, { capture: true });\n    document.addEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n  const unsubscribeListeners = React.useCallback(() => {\n    document.removeEventListener('mousedown', handleMouseDown, { capture: true });\n    document.removeEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n\n  React.useEffect(() => {\n    const needToAddListeners = focusSourceListeners.length === 0;\n    const sourceListener = { setFocusSource, subscribeListeners };\n    focusSourceListeners.push(sourceListener);\n    if (needToAddListeners) subscribeListeners();\n    const needToRemoveListeners = needToAddListeners;\n\n    return () => {\n      const sourceListenerIndex = focusSourceListeners.indexOf(sourceListener);\n      focusSourceListeners.splice(sourceListenerIndex, 1);\n      if (needToRemoveListeners) unsubscribeListeners();\n      if (needToRemoveListeners && focusSourceListeners.length > 0) {\n        focusSourceListeners[0].subscribeListeners();\n      }\n    };\n  }, []);\n\n  return focusSourceRef;\n};\n\nexport type KeyboardFocusEnhanceHook = (props: {\n  tabIndex?: number;\n  disabled?: boolean;\n  loading?: boolean;\n  autoFocus?: boolean;\n}) => {\n  tabIndex: number;\n  keyboardFocused: boolean;\n  onFocus: (e: React.FocusEvent) => void;\n  onBlur: () => void;\n};\n\nconst keyboardFocusEnhance = (makeFocusable = true): KeyboardFocusEnhanceHook => {\n  return (props) => {\n    const { autoFocus } = props;\n    const disabled = props.disabled || props.loading;\n    const tabIndex = props.tabIndex ?? (makeFocusable ? 0 : undefined);\n    const [keyboardFocused, setKeyboardFocused] = React.useState(false);\n    const focusSourceRef = useFocusSource();\n    const ref = React.useRef<HTMLElement>(null);\n\n    const handleFocus = React.useCallback((event: React.FocusEvent) => {\n      if (event.isTrusted === true) {\n        if (focusSourceRef.current !== 'keyboard') return;\n      }\n      setKeyboardFocused(true);\n    }, []);\n    const handlerBlur = React.useCallback(() => setKeyboardFocused(false), []);\n    React.useEffect(() => {\n      if (typeof autoFocus !== 'number' && !autoFocus) return;\n      const timer = setTimeout(() => {\n        ref.current?.focus();\n        setKeyboardFocused(true);\n      }, 0);\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [autoFocus]);\n    React.useEffect(() => {\n      if (disabled) {\n        setKeyboardFocused(false);\n      }\n    }, [disabled]);\n\n    const enforcedKeyboardFocus = React.useContext(enforcedKeyboardFocusEnhanceContext);\n\n    return assignProps(props, {\n      tabIndex: disabled ? -1 : tabIndex,\n      keyboardFocused: (keyboardFocused || enforcedKeyboardFocus) && !disabled,\n      onFocus: handleFocus,\n      onBlur: handlerBlur,\n      ref,\n    });\n  };\n};\n\nexport default keyboardFocusEnhance;\n"],"mappings":"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"}
+{"version":3,"file":"keyboardFocusEnhance.js","names":["_react","_interopRequireDefault","require","_assignProps","_focusSourceEnhance","enforcedKeyboardFocusEnhanceContext","React","createContext","exports","keyboardFocusEnhance","makeFocusable","arguments","length","undefined","props","_props$tabIndex","autoFocus","disabled","loading","tabIndex","_React$useState","useState","_React$useState2","_slicedToArray2","keyboardFocused","setKeyboardFocused","focusSourceRef","useFocusSource","ref","useRef","handleFocus","useCallback","event","isTrusted","current","handlerBlur","useEffect","timer","setTimeout","_ref$current","focus","clearTimeout","enforcedKeyboardFocus","useContext","assignProps","onFocus","onBlur","_default"],"sources":["../../src/enhances/keyboardFocusEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport assignProps from '../assignProps';\nimport { UnknownProperties } from '../core';\nimport { useFocusSource } from './focusSourceEnhance';\nexport { useFocusSource };\n\n/** @deprecated */\nexport interface IKeyboardFocusProps extends KeyboardFocusProps, UnknownProperties {}\nexport type KeyboardFocusProps = {\n  /* Property responsible for displaying \"keyboard\" focus */\n  keyboardFocused?: boolean;\n  /**\n   * Makes component to catch browser focus on component mount\n   * @default false\n   */\n  autoFocus?: boolean;\n};\n\nexport const enforcedKeyboardFocusEnhanceContext = React.createContext(false);\n\nexport type KeyboardFocusEnhanceHook = (props: {\n  tabIndex?: number;\n  disabled?: boolean;\n  loading?: boolean;\n  autoFocus?: boolean;\n}) => {\n  tabIndex: number;\n  keyboardFocused: boolean;\n  onFocus: (e: React.FocusEvent) => void;\n  onBlur: () => void;\n};\n\nconst keyboardFocusEnhance = (makeFocusable = true): KeyboardFocusEnhanceHook => {\n  return (props) => {\n    const { autoFocus } = props;\n    const disabled = props.disabled || props.loading;\n    const tabIndex = props.tabIndex ?? (makeFocusable ? 0 : undefined);\n    const [keyboardFocused, setKeyboardFocused] = React.useState(false);\n    const focusSourceRef = useFocusSource();\n    const ref = React.useRef<HTMLElement>(null);\n\n    const handleFocus = React.useCallback((event: React.FocusEvent) => {\n      if (event.isTrusted === true) {\n        if (focusSourceRef.current !== 'keyboard') return;\n      }\n      setKeyboardFocused(true);\n    }, []);\n    const handlerBlur = React.useCallback(() => setKeyboardFocused(false), []);\n    React.useEffect(() => {\n      if (typeof autoFocus !== 'number' && !autoFocus) return;\n      const timer = setTimeout(() => {\n        ref.current?.focus();\n        setKeyboardFocused(true);\n      }, 0);\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [autoFocus]);\n    React.useEffect(() => {\n      if (disabled) {\n        setKeyboardFocused(false);\n      }\n    }, [disabled]);\n\n    const enforcedKeyboardFocus = React.useContext(enforcedKeyboardFocusEnhanceContext);\n\n    return assignProps(props, {\n      tabIndex: disabled ? -1 : tabIndex,\n      keyboardFocused: (keyboardFocused || enforcedKeyboardFocus) && !disabled,\n      onFocus: handleFocus,\n      onBlur: handlerBlur,\n      ref,\n    });\n  };\n};\n\nexport default keyboardFocusEnhance;\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AAeO,IAAMG,mCAAmC,gBAAGC,iBAAK,CAACC,aAAa,CAAC,KAAK,CAAC;AAACC,OAAA,CAAAH,mCAAA,GAAAA,mCAAA;AAc9E,IAAMI,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAuD;EAAA,IAAnDC,aAAa,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAChD,OAAO,UAACG,KAAK,EAAK;IAAA,IAAAC,eAAA;IAChB,IAAQC,SAAS,GAAKF,KAAK,CAAnBE,SAAS;IACjB,IAAMC,QAAQ,GAAGH,KAAK,CAACG,QAAQ,IAAIH,KAAK,CAACI,OAAO;IAChD,IAAMC,QAAQ,IAAAJ,eAAA,GAAGD,KAAK,CAACK,QAAQ,cAAAJ,eAAA,cAAAA,eAAA,GAAKL,aAAa,GAAG,CAAC,GAAGG,SAAU;IAClE,IAAAO,eAAA,GAA8Cd,iBAAK,CAACe,QAAQ,CAAC,KAAK,CAAC;MAAAC,gBAAA,OAAAC,eAAA,aAAAH,eAAA;MAA5DI,eAAe,GAAAF,gBAAA;MAAEG,kBAAkB,GAAAH,gBAAA;IAC1C,IAAMI,cAAc,GAAG,IAAAC,kCAAc,GAAE;IACvC,IAAMC,GAAG,GAAGtB,iBAAK,CAACuB,MAAM,CAAc,IAAI,CAAC;IAE3C,IAAMC,WAAW,GAAGxB,iBAAK,CAACyB,WAAW,CAAC,UAACC,KAAuB,EAAK;MACjE,IAAIA,KAAK,CAACC,SAAS,KAAK,IAAI,EAAE;QAC5B,IAAIP,cAAc,CAACQ,OAAO,KAAK,UAAU,EAAE;MAC7C;MACAT,kBAAkB,CAAC,IAAI,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC;IACN,IAAMU,WAAW,GAAG7B,iBAAK,CAACyB,WAAW,CAAC;MAAA,OAAMN,kBAAkB,CAAC,KAAK,CAAC;IAAA,GAAE,EAAE,CAAC;IAC1EnB,iBAAK,CAAC8B,SAAS,CAAC,YAAM;MACpB,IAAI,OAAOpB,SAAS,KAAK,QAAQ,IAAI,CAACA,SAAS,EAAE;MACjD,IAAMqB,KAAK,GAAGC,UAAU,CAAC,YAAM;QAAA,IAAAC,YAAA;QAC7B,CAAAA,YAAA,GAAAX,GAAG,CAACM,OAAO,cAAAK,YAAA,uBAAXA,YAAA,CAAaC,KAAK,EAAE;QACpBf,kBAAkB,CAAC,IAAI,CAAC;MAC1B,CAAC,EAAE,CAAC,CAAC;MACL,OAAO,YAAM;QACXgB,YAAY,CAACJ,KAAK,CAAC;MACrB,CAAC;IACH,CAAC,EAAE,CAACrB,SAAS,CAAC,CAAC;IACfV,iBAAK,CAAC8B,SAAS,CAAC,YAAM;MACpB,IAAInB,QAAQ,EAAE;QACZQ,kBAAkB,CAAC,KAAK,CAAC;MAC3B;IACF,CAAC,EAAE,CAACR,QAAQ,CAAC,CAAC;IAEd,IAAMyB,qBAAqB,GAAGpC,iBAAK,CAACqC,UAAU,CAACtC,mCAAmC,CAAC;IAEnF,OAAO,IAAAuC,uBAAW,EAAC9B,KAAK,EAAE;MACxBK,QAAQ,EAAEF,QAAQ,GAAG,CAAC,CAAC,GAAGE,QAAQ;MAClCK,eAAe,EAAE,CAACA,eAAe,IAAIkB,qBAAqB,KAAK,CAACzB,QAAQ;MACxE4B,OAAO,EAAEf,WAAW;MACpBgB,MAAM,EAAEX,WAAW;MACnBP,GAAG,EAAHA;IACF,CAAC,CAAC;EACJ,CAAC;AACH,CAAC;AAAC,IAAAmB,QAAA,GAEatC,oBAAoB;AAAAD,OAAA,cAAAuC,QAAA"}

package/utils/lib/enhances/keyboardFocusEnhance.mjs

@@ -1,61 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
 import assignProps from "../assignProps.mjs";
+import { useFocusSource } from "./focusSourceEnhance.mjs";
+export { useFocusSource };
+
+/** @deprecated */
+
 export var enforcedKeyboardFocusEnhanceContext = /*#__PURE__*/React.createContext(false);
-var lastFocusSource = 'none';
-var focusSourceListeners = [];
-export var useFocusSource = function useFocusSource() {
-  var handleMouseDown = React.useCallback(function () {
-    return focusSourceListeners.forEach(function (listener) {
-      return listener.setFocusSource('mouse');
-    });
-  }, []);
-  var handleKeyDown = React.useCallback(function () {
-    return focusSourceListeners.forEach(function (listener) {
-      return listener.setFocusSource('keyboard');
-    });
-  }, []);
-  var focusSourceRef = React.useRef(lastFocusSource);
-  var setFocusSource = React.useCallback(function (source) {
-    focusSourceRef.current = source;
-    lastFocusSource = source;
-  }, []);
-  var subscribeListeners = React.useCallback(function () {
-    document.addEventListener('mousedown', handleMouseDown, {
-      capture: true
-    });
-    document.addEventListener('keydown', handleKeyDown, {
-      capture: true
-    });
-  }, []);
-  var unsubscribeListeners = React.useCallback(function () {
-    document.removeEventListener('mousedown', handleMouseDown, {
-      capture: true
-    });
-    document.removeEventListener('keydown', handleKeyDown, {
-      capture: true
-    });
-  }, []);
-  React.useEffect(function () {
-    var needToAddListeners = focusSourceListeners.length === 0;
-    var sourceListener = {
-      setFocusSource: setFocusSource,
-      subscribeListeners: subscribeListeners
-    };
-    focusSourceListeners.push(sourceListener);
-    if (needToAddListeners) subscribeListeners();
-    var needToRemoveListeners = needToAddListeners;
-    return function () {
-      var sourceListenerIndex = focusSourceListeners.indexOf(sourceListener);
-      focusSourceListeners.splice(sourceListenerIndex, 1);
-      if (needToRemoveListeners) unsubscribeListeners();
-      if (needToRemoveListeners && focusSourceListeners.length > 0) {
-        focusSourceListeners[0].subscribeListeners();
-      }
-    };
-  }, []);
-  return focusSourceRef;
-};
 var keyboardFocusEnhance = function keyboardFocusEnhance() {
   var makeFocusable = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
   return function (props) {

package/utils/lib/enhances/keyboardFocusEnhance.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardFocusEnhance.mjs","names":["React","assignProps","enforcedKeyboardFocusEnhanceContext","createContext","lastFocusSource","focusSourceListeners","useFocusSource","handleMouseDown","useCallback","forEach","listener","setFocusSource","handleKeyDown","focusSourceRef","useRef","source","current","subscribeListeners","document","addEventListener","capture","unsubscribeListeners","removeEventListener","useEffect","needToAddListeners","length","sourceListener","push","needToRemoveListeners","sourceListenerIndex","indexOf","splice","keyboardFocusEnhance","makeFocusable","arguments","undefined","props","_props$tabIndex","autoFocus","disabled","loading","tabIndex","_React$useState","useState","_React$useState2","_slicedToArray","keyboardFocused","setKeyboardFocused","ref","handleFocus","event","isTrusted","handlerBlur","timer","setTimeout","_ref$current","focus","clearTimeout","enforcedKeyboardFocus","useContext","onFocus","onBlur"],"sources":["../../src/enhances/keyboardFocusEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport assignProps from '../assignProps';\nimport { UnknownProperties } from '../core';\n\n/** @deprecated */\nexport interface IKeyboardFocusProps extends KeyboardFocusProps, UnknownProperties {}\nexport type KeyboardFocusProps = {\n  /* Property responsible for displaying \"keyboard\" focus */\n  keyboardFocused?: boolean;\n  /**\n   * Makes component to catch browser focus on component mount\n   * @default false\n   */\n  autoFocus?: boolean;\n};\n\nexport const enforcedKeyboardFocusEnhanceContext = React.createContext(false);\n\nlet lastFocusSource: 'mouse' | 'keyboard' | 'none' = 'none';\nconst focusSourceListeners: {\n  setFocusSource: (source: 'mouse' | 'keyboard' | 'none') => void;\n  subscribeListeners: () => void;\n}[] = [];\nexport const useFocusSource = () => {\n  const handleMouseDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('mouse')),\n    [],\n  );\n  const handleKeyDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('keyboard')),\n    [],\n  );\n  const focusSourceRef = React.useRef<'none' | 'mouse' | 'keyboard'>(lastFocusSource);\n  const setFocusSource = React.useCallback((source: 'none' | 'mouse' | 'keyboard') => {\n    focusSourceRef.current = source;\n    lastFocusSource = source;\n  }, []);\n  const subscribeListeners = React.useCallback(() => {\n    document.addEventListener('mousedown', handleMouseDown, { capture: true });\n    document.addEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n  const unsubscribeListeners = React.useCallback(() => {\n    document.removeEventListener('mousedown', handleMouseDown, { capture: true });\n    document.removeEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n\n  React.useEffect(() => {\n    const needToAddListeners = focusSourceListeners.length === 0;\n    const sourceListener = { setFocusSource, subscribeListeners };\n    focusSourceListeners.push(sourceListener);\n    if (needToAddListeners) subscribeListeners();\n    const needToRemoveListeners = needToAddListeners;\n\n    return () => {\n      const sourceListenerIndex = focusSourceListeners.indexOf(sourceListener);\n      focusSourceListeners.splice(sourceListenerIndex, 1);\n      if (needToRemoveListeners) unsubscribeListeners();\n      if (needToRemoveListeners && focusSourceListeners.length > 0) {\n        focusSourceListeners[0].subscribeListeners();\n      }\n    };\n  }, []);\n\n  return focusSourceRef;\n};\n\nexport type KeyboardFocusEnhanceHook = (props: {\n  tabIndex?: number;\n  disabled?: boolean;\n  loading?: boolean;\n  autoFocus?: boolean;\n}) => {\n  tabIndex: number;\n  keyboardFocused: boolean;\n  onFocus: (e: React.FocusEvent) => void;\n  onBlur: () => void;\n};\n\nconst keyboardFocusEnhance = (makeFocusable = true): KeyboardFocusEnhanceHook => {\n  return (props) => {\n    const { autoFocus } = props;\n    const disabled = props.disabled || props.loading;\n    const tabIndex = props.tabIndex ?? (makeFocusable ? 0 : undefined);\n    const [keyboardFocused, setKeyboardFocused] = React.useState(false);\n    const focusSourceRef = useFocusSource();\n    const ref = React.useRef<HTMLElement>(null);\n\n    const handleFocus = React.useCallback((event: React.FocusEvent) => {\n      if (event.isTrusted === true) {\n        if (focusSourceRef.current !== 'keyboard') return;\n      }\n      setKeyboardFocused(true);\n    }, []);\n    const handlerBlur = React.useCallback(() => setKeyboardFocused(false), []);\n    React.useEffect(() => {\n      if (typeof autoFocus !== 'number' && !autoFocus) return;\n      const timer = setTimeout(() => {\n        ref.current?.focus();\n        setKeyboardFocused(true);\n      }, 0);\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [autoFocus]);\n    React.useEffect(() => {\n      if (disabled) {\n        setKeyboardFocused(false);\n      }\n    }, [disabled]);\n\n    const enforcedKeyboardFocus = React.useContext(enforcedKeyboardFocusEnhanceContext);\n\n    return assignProps(props, {\n      tabIndex: disabled ? -1 : tabIndex,\n      keyboardFocused: (keyboardFocused || enforcedKeyboardFocus) && !disabled,\n      onFocus: handleFocus,\n      onBlur: handlerBlur,\n      ref,\n    });\n  };\n};\n\nexport default keyboardFocusEnhance;\n"],"mappings":"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"}
+{"version":3,"file":"keyboardFocusEnhance.mjs","names":["React","assignProps","useFocusSource","enforcedKeyboardFocusEnhanceContext","createContext","keyboardFocusEnhance","makeFocusable","arguments","length","undefined","props","_props$tabIndex","autoFocus","disabled","loading","tabIndex","_React$useState","useState","_React$useState2","_slicedToArray","keyboardFocused","setKeyboardFocused","focusSourceRef","ref","useRef","handleFocus","useCallback","event","isTrusted","current","handlerBlur","useEffect","timer","setTimeout","_ref$current","focus","clearTimeout","enforcedKeyboardFocus","useContext","onFocus","onBlur"],"sources":["../../src/enhances/keyboardFocusEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport assignProps from '../assignProps';\nimport { UnknownProperties } from '../core';\nimport { useFocusSource } from './focusSourceEnhance';\nexport { useFocusSource };\n\n/** @deprecated */\nexport interface IKeyboardFocusProps extends KeyboardFocusProps, UnknownProperties {}\nexport type KeyboardFocusProps = {\n  /* Property responsible for displaying \"keyboard\" focus */\n  keyboardFocused?: boolean;\n  /**\n   * Makes component to catch browser focus on component mount\n   * @default false\n   */\n  autoFocus?: boolean;\n};\n\nexport const enforcedKeyboardFocusEnhanceContext = React.createContext(false);\n\nexport type KeyboardFocusEnhanceHook = (props: {\n  tabIndex?: number;\n  disabled?: boolean;\n  loading?: boolean;\n  autoFocus?: boolean;\n}) => {\n  tabIndex: number;\n  keyboardFocused: boolean;\n  onFocus: (e: React.FocusEvent) => void;\n  onBlur: () => void;\n};\n\nconst keyboardFocusEnhance = (makeFocusable = true): KeyboardFocusEnhanceHook => {\n  return (props) => {\n    const { autoFocus } = props;\n    const disabled = props.disabled || props.loading;\n    const tabIndex = props.tabIndex ?? (makeFocusable ? 0 : undefined);\n    const [keyboardFocused, setKeyboardFocused] = React.useState(false);\n    const focusSourceRef = useFocusSource();\n    const ref = React.useRef<HTMLElement>(null);\n\n    const handleFocus = React.useCallback((event: React.FocusEvent) => {\n      if (event.isTrusted === true) {\n        if (focusSourceRef.current !== 'keyboard') return;\n      }\n      setKeyboardFocused(true);\n    }, []);\n    const handlerBlur = React.useCallback(() => setKeyboardFocused(false), []);\n    React.useEffect(() => {\n      if (typeof autoFocus !== 'number' && !autoFocus) return;\n      const timer = setTimeout(() => {\n        ref.current?.focus();\n        setKeyboardFocused(true);\n      }, 0);\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [autoFocus]);\n    React.useEffect(() => {\n      if (disabled) {\n        setKeyboardFocused(false);\n      }\n    }, [disabled]);\n\n    const enforcedKeyboardFocus = React.useContext(enforcedKeyboardFocusEnhanceContext);\n\n    return assignProps(props, {\n      tabIndex: disabled ? -1 : tabIndex,\n      keyboardFocused: (keyboardFocused || enforcedKeyboardFocus) && !disabled,\n      onFocus: handleFocus,\n      onBlur: handlerBlur,\n      ref,\n    });\n  };\n};\n\nexport default keyboardFocusEnhance;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAM,oBAAgB;AAExC,SAASC,cAAc,QAAQ,0BAAsB;AACrD,SAASA,cAAc;;AAEvB;;AAYA,OAAO,IAAMC,mCAAmC,gBAAGH,KAAK,CAACI,aAAa,CAAC,KAAK,CAAC;AAc7E,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAuD;EAAA,IAAnDC,aAAa,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAChD,OAAO,UAACG,KAAK,EAAK;IAAA,IAAAC,eAAA;IAChB,IAAQC,SAAS,GAAKF,KAAK,CAAnBE,SAAS;IACjB,IAAMC,QAAQ,GAAGH,KAAK,CAACG,QAAQ,IAAIH,KAAK,CAACI,OAAO;IAChD,IAAMC,QAAQ,IAAAJ,eAAA,GAAGD,KAAK,CAACK,QAAQ,cAAAJ,eAAA,cAAAA,eAAA,GAAKL,aAAa,GAAG,CAAC,GAAGG,SAAU;IAClE,IAAAO,eAAA,GAA8ChB,KAAK,CAACiB,QAAQ,CAAC,KAAK,CAAC;MAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;MAA5DI,eAAe,GAAAF,gBAAA;MAAEG,kBAAkB,GAAAH,gBAAA;IAC1C,IAAMI,cAAc,GAAGpB,cAAc,EAAE;IACvC,IAAMqB,GAAG,GAAGvB,KAAK,CAACwB,MAAM,CAAc,IAAI,CAAC;IAE3C,IAAMC,WAAW,GAAGzB,KAAK,CAAC0B,WAAW,CAAC,UAACC,KAAuB,EAAK;MACjE,IAAIA,KAAK,CAACC,SAAS,KAAK,IAAI,EAAE;QAC5B,IAAIN,cAAc,CAACO,OAAO,KAAK,UAAU,EAAE;MAC7C;MACAR,kBAAkB,CAAC,IAAI,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC;IACN,IAAMS,WAAW,GAAG9B,KAAK,CAAC0B,WAAW,CAAC;MAAA,OAAML,kBAAkB,CAAC,KAAK,CAAC;IAAA,GAAE,EAAE,CAAC;IAC1ErB,KAAK,CAAC+B,SAAS,CAAC,YAAM;MACpB,IAAI,OAAOnB,SAAS,KAAK,QAAQ,IAAI,CAACA,SAAS,EAAE;MACjD,IAAMoB,KAAK,GAAGC,UAAU,CAAC,YAAM;QAAA,IAAAC,YAAA;QAC7B,CAAAA,YAAA,GAAAX,GAAG,CAACM,OAAO,cAAAK,YAAA,uBAAXA,YAAA,CAAaC,KAAK,EAAE;QACpBd,kBAAkB,CAAC,IAAI,CAAC;MAC1B,CAAC,EAAE,CAAC,CAAC;MACL,OAAO,YAAM;QACXe,YAAY,CAACJ,KAAK,CAAC;MACrB,CAAC;IACH,CAAC,EAAE,CAACpB,SAAS,CAAC,CAAC;IACfZ,KAAK,CAAC+B,SAAS,CAAC,YAAM;MACpB,IAAIlB,QAAQ,EAAE;QACZQ,kBAAkB,CAAC,KAAK,CAAC;MAC3B;IACF,CAAC,EAAE,CAACR,QAAQ,CAAC,CAAC;IAEd,IAAMwB,qBAAqB,GAAGrC,KAAK,CAACsC,UAAU,CAACnC,mCAAmC,CAAC;IAEnF,OAAOF,WAAW,CAACS,KAAK,EAAE;MACxBK,QAAQ,EAAEF,QAAQ,GAAG,CAAC,CAAC,GAAGE,QAAQ;MAClCK,eAAe,EAAE,CAACA,eAAe,IAAIiB,qBAAqB,KAAK,CAACxB,QAAQ;MACxE0B,OAAO,EAAEd,WAAW;MACpBe,MAAM,EAAEV,WAAW;MACnBP,GAAG,EAAHA;IACF,CAAC,CAAC;EACJ,CAAC;AACH,CAAC;AAED,eAAelB,oBAAoB"}

package/utils/lib/focus-lock/iframeBorders.d.ts

@@ -0,0 +1,3 @@
+export declare const addIframeBorders: () => void;
+export declare const removeIframeBorders: () => void;
+export declare const areIframeBordersPlacedCorrectly: () => boolean;

package/utils/lib/focus-lock/iframeBorders.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.removeIframeBorders = exports.areIframeBordersPlacedCorrectly = exports.addIframeBorders = void 0;
+var iframeBorders = new Set();
+var addIframeBorders = function addIframeBorders() {
+  var iframes = document.querySelectorAll('iframe');
+  iframes.forEach(function (iframe) {
+    var iframeBefore = document.createElement('div');
+    iframeBefore.style.position = 'fixed';
+    iframeBefore.setAttribute('tabindex', '0');
+    var iframeAfter = document.createElement('div');
+    iframeAfter.style.position = 'fixed';
+    iframeAfter.setAttribute('tabindex', '0');
+    iframeBefore.addEventListener('focus', function (event) {
+      Promise.resolve().then(function () {
+        if (document.activeElement === iframeBefore && event.relatedTarget !== iframeAfter &&
+        // prevent loop
+        event.relatedTarget // prevent initial focus
+        ) {
+          iframeAfter === null || iframeAfter === void 0 ? void 0 : iframeAfter.focus();
+        }
+      });
+    });
+    iframeAfter.addEventListener('focus', function (event) {
+      Promise.resolve().then(function () {
+        if (document.activeElement === iframeAfter && event.relatedTarget !== iframeBefore &&
+        // prevent loop
+        event.relatedTarget // prevent initial focus
+        ) {
+          iframeBefore === null || iframeBefore === void 0 ? void 0 : iframeBefore.focus();
+        }
+      });
+    });
+    iframe.before(iframeBefore);
+    iframe.after(iframeAfter);
+    iframeBorders.add(iframeBefore);
+    iframeBorders.add(iframeAfter);
+  });
+};
+exports.addIframeBorders = addIframeBorders;
+var removeIframeBorders = function removeIframeBorders() {
+  iframeBorders.forEach(function (node) {
+    return node === null || node === void 0 ? void 0 : node.remove();
+  });
+  iframeBorders.clear();
+};
+exports.removeIframeBorders = removeIframeBorders;
+var areIframeBordersPlacedCorrectly = function areIframeBordersPlacedCorrectly() {
+  var iframes = Array.from(document.querySelectorAll('iframe'));
+  if (iframes.length * 2 === iframeBorders.size) return false;
+  return iframes.every(function (iframe) {
+    var nodeBeforeIframe = iframe.previousSibling;
+    var nodeAfterIframe = iframe.nextSibling;
+    return iframeBorders.has(nodeBeforeIframe) && iframeBorders.has(nodeAfterIframe);
+  });
+};
+exports.areIframeBordersPlacedCorrectly = areIframeBordersPlacedCorrectly;
+//# sourceMappingURL=iframeBorders.js.map

package/utils/lib/focus-lock/iframeBorders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframeBorders.js","names":["iframeBorders","Set","addIframeBorders","iframes","document","querySelectorAll","forEach","iframe","iframeBefore","createElement","style","position","setAttribute","iframeAfter","addEventListener","event","Promise","resolve","then","activeElement","relatedTarget","focus","before","after","add","exports","removeIframeBorders","node","remove","clear","areIframeBordersPlacedCorrectly","Array","from","length","size","every","nodeBeforeIframe","previousSibling","nodeAfterIframe","nextSibling","has"],"sources":["../../src/focus-lock/iframeBorders.ts"],"sourcesContent":["const iframeBorders = new Set<HTMLElement>();\n\nexport const addIframeBorders = () => {\n  const iframes = document.querySelectorAll('iframe');\n  iframes.forEach((iframe) => {\n    const iframeBefore = document.createElement('div');\n    iframeBefore.style.position = 'fixed';\n    iframeBefore.setAttribute('tabindex', '0');\n    const iframeAfter = document.createElement('div');\n    iframeAfter.style.position = 'fixed';\n    iframeAfter.setAttribute('tabindex', '0');\n    iframeBefore.addEventListener('focus', (event) => {\n      Promise.resolve().then(() => {\n        if (\n          document.activeElement === iframeBefore &&\n          event.relatedTarget !== iframeAfter && // prevent loop\n          event.relatedTarget // prevent initial focus\n        ) {\n          iframeAfter?.focus();\n        }\n      });\n    });\n    iframeAfter.addEventListener('focus', (event) => {\n      Promise.resolve().then(() => {\n        if (\n          document.activeElement === iframeAfter &&\n          event.relatedTarget !== iframeBefore && // prevent loop\n          event.relatedTarget // prevent initial focus\n        ) {\n          iframeBefore?.focus();\n        }\n      });\n    });\n    iframe.before(iframeBefore);\n    iframe.after(iframeAfter);\n    iframeBorders.add(iframeBefore);\n    iframeBorders.add(iframeAfter);\n  });\n};\nexport const removeIframeBorders = () => {\n  iframeBorders.forEach((node) => node?.remove());\n  iframeBorders.clear();\n};\nexport const areIframeBordersPlacedCorrectly = () => {\n  const iframes = Array.from(document.querySelectorAll('iframe'));\n\n  if (iframes.length * 2 === iframeBorders.size) return false;\n\n  return iframes.every((iframe) => {\n    const nodeBeforeIframe = iframe.previousSibling as any;\n    const nodeAfterIframe = iframe.nextSibling as any;\n\n    return iframeBorders.has(nodeBeforeIframe) && iframeBorders.has(nodeAfterIframe);\n  });\n};\n"],"mappings":"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"}

package/utils/lib/focus-lock/iframeBorders.mjs

@@ -0,0 +1,52 @@
+var iframeBorders = new Set();
+export var addIframeBorders = function addIframeBorders() {
+  var iframes = document.querySelectorAll('iframe');
+  iframes.forEach(function (iframe) {
+    var iframeBefore = document.createElement('div');
+    iframeBefore.style.position = 'fixed';
+    iframeBefore.setAttribute('tabindex', '0');
+    var iframeAfter = document.createElement('div');
+    iframeAfter.style.position = 'fixed';
+    iframeAfter.setAttribute('tabindex', '0');
+    iframeBefore.addEventListener('focus', function (event) {
+      Promise.resolve().then(function () {
+        if (document.activeElement === iframeBefore && event.relatedTarget !== iframeAfter &&
+        // prevent loop
+        event.relatedTarget // prevent initial focus
+        ) {
+          iframeAfter === null || iframeAfter === void 0 ? void 0 : iframeAfter.focus();
+        }
+      });
+    });
+    iframeAfter.addEventListener('focus', function (event) {
+      Promise.resolve().then(function () {
+        if (document.activeElement === iframeAfter && event.relatedTarget !== iframeBefore &&
+        // prevent loop
+        event.relatedTarget // prevent initial focus
+        ) {
+          iframeBefore === null || iframeBefore === void 0 ? void 0 : iframeBefore.focus();
+        }
+      });
+    });
+    iframe.before(iframeBefore);
+    iframe.after(iframeAfter);
+    iframeBorders.add(iframeBefore);
+    iframeBorders.add(iframeAfter);
+  });
+};
+export var removeIframeBorders = function removeIframeBorders() {
+  iframeBorders.forEach(function (node) {
+    return node === null || node === void 0 ? void 0 : node.remove();
+  });
+  iframeBorders.clear();
+};
+export var areIframeBordersPlacedCorrectly = function areIframeBordersPlacedCorrectly() {
+  var iframes = Array.from(document.querySelectorAll('iframe'));
+  if (iframes.length * 2 === iframeBorders.size) return false;
+  return iframes.every(function (iframe) {
+    var nodeBeforeIframe = iframe.previousSibling;
+    var nodeAfterIframe = iframe.nextSibling;
+    return iframeBorders.has(nodeBeforeIframe) && iframeBorders.has(nodeAfterIframe);
+  });
+};
+//# sourceMappingURL=iframeBorders.mjs.map

package/utils/lib/focus-lock/iframeBorders.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframeBorders.mjs","names":["iframeBorders","Set","addIframeBorders","iframes","document","querySelectorAll","forEach","iframe","iframeBefore","createElement","style","position","setAttribute","iframeAfter","addEventListener","event","Promise","resolve","then","activeElement","relatedTarget","focus","before","after","add","removeIframeBorders","node","remove","clear","areIframeBordersPlacedCorrectly","Array","from","length","size","every","nodeBeforeIframe","previousSibling","nodeAfterIframe","nextSibling","has"],"sources":["../../src/focus-lock/iframeBorders.ts"],"sourcesContent":["const iframeBorders = new Set<HTMLElement>();\n\nexport const addIframeBorders = () => {\n  const iframes = document.querySelectorAll('iframe');\n  iframes.forEach((iframe) => {\n    const iframeBefore = document.createElement('div');\n    iframeBefore.style.position = 'fixed';\n    iframeBefore.setAttribute('tabindex', '0');\n    const iframeAfter = document.createElement('div');\n    iframeAfter.style.position = 'fixed';\n    iframeAfter.setAttribute('tabindex', '0');\n    iframeBefore.addEventListener('focus', (event) => {\n      Promise.resolve().then(() => {\n        if (\n          document.activeElement === iframeBefore &&\n          event.relatedTarget !== iframeAfter && // prevent loop\n          event.relatedTarget // prevent initial focus\n        ) {\n          iframeAfter?.focus();\n        }\n      });\n    });\n    iframeAfter.addEventListener('focus', (event) => {\n      Promise.resolve().then(() => {\n        if (\n          document.activeElement === iframeAfter &&\n          event.relatedTarget !== iframeBefore && // prevent loop\n          event.relatedTarget // prevent initial focus\n        ) {\n          iframeBefore?.focus();\n        }\n      });\n    });\n    iframe.before(iframeBefore);\n    iframe.after(iframeAfter);\n    iframeBorders.add(iframeBefore);\n    iframeBorders.add(iframeAfter);\n  });\n};\nexport const removeIframeBorders = () => {\n  iframeBorders.forEach((node) => node?.remove());\n  iframeBorders.clear();\n};\nexport const areIframeBordersPlacedCorrectly = () => {\n  const iframes = Array.from(document.querySelectorAll('iframe'));\n\n  if (iframes.length * 2 === iframeBorders.size) return false;\n\n  return iframes.every((iframe) => {\n    const nodeBeforeIframe = iframe.previousSibling as any;\n    const nodeAfterIframe = iframe.nextSibling as any;\n\n    return iframeBorders.has(nodeBeforeIframe) && iframeBorders.has(nodeAfterIframe);\n  });\n};\n"],"mappings":"AAAA,IAAMA,aAAa,GAAG,IAAIC,GAAG,EAAe;AAE5C,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EACpC,IAAMC,OAAO,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,QAAQ,CAAC;EACnDF,OAAO,CAACG,OAAO,CAAC,UAACC,MAAM,EAAK;IAC1B,IAAMC,YAAY,GAAGJ,QAAQ,CAACK,aAAa,CAAC,KAAK,CAAC;IAClDD,YAAY,CAACE,KAAK,CAACC,QAAQ,GAAG,OAAO;IACrCH,YAAY,CAACI,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC;IAC1C,IAAMC,WAAW,GAAGT,QAAQ,CAACK,aAAa,CAAC,KAAK,CAAC;IACjDI,WAAW,CAACH,KAAK,CAACC,QAAQ,GAAG,OAAO;IACpCE,WAAW,CAACD,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC;IACzCJ,YAAY,CAACM,gBAAgB,CAAC,OAAO,EAAE,UAACC,KAAK,EAAK;MAChDC,OAAO,CAACC,OAAO,EAAE,CAACC,IAAI,CAAC,YAAM;QAC3B,IACEd,QAAQ,CAACe,aAAa,KAAKX,YAAY,IACvCO,KAAK,CAACK,aAAa,KAAKP,WAAW;QAAI;QACvCE,KAAK,CAACK,aAAa,CAAC;QAAA,EACpB;UACAP,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEQ,KAAK,EAAE;QACtB;MACF,CAAC,CAAC;IACJ,CAAC,CAAC;IACFR,WAAW,CAACC,gBAAgB,CAAC,OAAO,EAAE,UAACC,KAAK,EAAK;MAC/CC,OAAO,CAACC,OAAO,EAAE,CAACC,IAAI,CAAC,YAAM;QAC3B,IACEd,QAAQ,CAACe,aAAa,KAAKN,WAAW,IACtCE,KAAK,CAACK,aAAa,KAAKZ,YAAY;QAAI;QACxCO,KAAK,CAACK,aAAa,CAAC;QAAA,EACpB;UACAZ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEa,KAAK,EAAE;QACvB;MACF,CAAC,CAAC;IACJ,CAAC,CAAC;IACFd,MAAM,CAACe,MAAM,CAACd,YAAY,CAAC;IAC3BD,MAAM,CAACgB,KAAK,CAACV,WAAW,CAAC;IACzBb,aAAa,CAACwB,GAAG,CAAChB,YAAY,CAAC;IAC/BR,aAAa,CAACwB,GAAG,CAACX,WAAW,CAAC;EAChC,CAAC,CAAC;AACJ,CAAC;AACD,OAAO,IAAMY,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EACvCzB,aAAa,CAACM,OAAO,CAAC,UAACoB,IAAI;IAAA,OAAKA,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,MAAM,EAAE;EAAA,EAAC;EAC/C3B,aAAa,CAAC4B,KAAK,EAAE;AACvB,CAAC;AACD,OAAO,IAAMC,+BAA+B,GAAG,SAAlCA,+BAA+BA,CAAA,EAAS;EACnD,IAAM1B,OAAO,GAAG2B,KAAK,CAACC,IAAI,CAAC3B,QAAQ,CAACC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;EAE/D,IAAIF,OAAO,CAAC6B,MAAM,GAAG,CAAC,KAAKhC,aAAa,CAACiC,IAAI,EAAE,OAAO,KAAK;EAE3D,OAAO9B,OAAO,CAAC+B,KAAK,CAAC,UAAC3B,MAAM,EAAK;IAC/B,IAAM4B,gBAAgB,GAAG5B,MAAM,CAAC6B,eAAsB;IACtD,IAAMC,eAAe,GAAG9B,MAAM,CAAC+B,WAAkB;IAEjD,OAAOtC,aAAa,CAACuC,GAAG,CAACJ,gBAAgB,CAAC,IAAInC,aAAa,CAACuC,GAAG,CAACF,eAAe,CAAC;EAClF,CAAC,CAAC;AACJ,CAAC"}

package/utils/lib/injectStyle.js

@@ -30,7 +30,7 @@ function injectStyle(css) {
         sh = prevSh;
       } else {
         // @ts-ignore
-        var version = "4.32.2";
+        var version = "4.35.0";
         sh = document.createElement('style');
         sh.setAttribute('data-ui-v', version);
         sh.classList.add(selectorClass);

package/utils/lib/injectStyle.mjs

@@ -23,7 +23,7 @@ function injectStyle(css) {
         sh = prevSh;
       } else {
         // @ts-ignore
-        var version = "4.32.2";
+        var version = "4.35.0";
         sh = document.createElement('style');
         sh.setAttribute('data-ui-v', version);
         sh.classList.add(selectorClass);

package/utils/lib/themes/auto.css

@@ -456,6 +456,8 @@
   --intergalactic-compact: 0.3;
   /* Base denominator of the design system. */
   --intergalactic-scale-indent: 4px;
+  /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */
+  --intergalactic-form-control-s: 20px;
   /* Default size of the controls. */
   --intergalactic-form-control-m: 28px;
   /* Large size of the controls. */
@@ -1163,6 +1165,8 @@
   --intergalactic-compact: 0.3;
   /* Base denominator of the design system. */
   --intergalactic-scale-indent: 4px;
+  /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */
+  --intergalactic-form-control-s: 20px;
   /* Default size of the controls. */
   --intergalactic-form-control-m: 28px;
   /* Large size of the controls. */

package/utils/lib/themes/dark.css

@@ -436,6 +436,8 @@
   --intergalactic-compact: 0.3;
   /* Base denominator of the design system. */
   --intergalactic-scale-indent: 4px;
+  /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */
+  --intergalactic-form-control-s: 20px;
   /* Default size of the controls. */
   --intergalactic-form-control-m: 28px;
   /* Large size of the controls. */

package/utils/lib/themes/dark.json

@@ -222,6 +222,7 @@
   "--intergalactic-fs-800": "48px",
   "--intergalactic-compact": "0.3",
   "--intergalactic-scale-indent": "4px",
+  "--intergalactic-form-control-s": "20px",
   "--intergalactic-form-control-m": "28px",
   "--intergalactic-form-control-l": "40px",
   "--intergalactic-spacing-05x": "2px",

package/utils/lib/themes/default.css

@@ -456,6 +456,8 @@
   --intergalactic-compact: 0.3;
   /* Base denominator of the design system. */
   --intergalactic-scale-indent: 4px;
+  /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */
+  --intergalactic-form-control-s: 20px;
   /* Default size of the controls. */
   --intergalactic-form-control-m: 28px;
   /* Large size of the controls. */

package/utils/lib/themes/default.json

@@ -231,6 +231,7 @@
   "--intergalactic-fs-800": "48px",
   "--intergalactic-compact": "0.3",
   "--intergalactic-scale-indent": "4px",
+  "--intergalactic-form-control-s": "20px",
   "--intergalactic-form-control-m": "28px",
   "--intergalactic-form-control-l": "40px",
   "--intergalactic-spacing-05x": "2px",

package/utils/lib/themes/light.css

@@ -456,6 +456,8 @@
   --intergalactic-compact: 0.3;
   /* Base denominator of the design system. */
   --intergalactic-scale-indent: 4px;
+  /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */
+  --intergalactic-form-control-s: 20px;
   /* Default size of the controls. */
   --intergalactic-form-control-m: 28px;
   /* Large size of the controls. */

package/utils/lib/themes/light.json

@@ -231,6 +231,7 @@
   "--intergalactic-fs-800": "48px",
   "--intergalactic-compact": "0.3",
   "--intergalactic-scale-indent": "4px",
+  "--intergalactic-form-control-s": "20px",
   "--intergalactic-form-control-m": "28px",
   "--intergalactic-form-control-l": "40px",
   "--intergalactic-spacing-05x": "2px",

package/utils/lib/use/useFocusLock.js

@@ -27,6 +27,7 @@ var _isFocusInside = require("../focus-lock/isFocusInside");
 var _setFocus = require("../focus-lock/setFocus");
 var _getFocusableIn = require("../focus-lock/getFocusableIn");
 var _focusBorders = require("../focus-lock/focusBorders");
+var _iframeBorders = require("../focus-lock/iframeBorders");
 var focusBordersConsumers = new Set();
 var syntheticEvents = {
   blur: 'focusout-intergalactic-focus-lock-synthetic',
@@ -65,10 +66,17 @@ var useFocusBorders = function useFocusBorders(React, disabled) {
       focusBordersConsumers.add(id);
     }
     if (!(0, _focusBorders.areFocusBordersPlacedCorrectly)()) (0, _focusBorders.removeFocusBorders)();
-    if (focusBordersConsumers.size > 0) (0, _focusBorders.addFocusBorders)();
+    if (!(0, _iframeBorders.areIframeBordersPlacedCorrectly)()) (0, _iframeBorders.removeIframeBorders)();
+    if (focusBordersConsumers.size > 0) {
+      (0, _focusBorders.addFocusBorders)();
+      (0, _iframeBorders.addIframeBorders)();
+    }
     return function () {
       focusBordersConsumers["delete"](id);
-      if (focusBordersConsumers.size === 0) (0, _focusBorders.removeFocusBorders)();
+      if (focusBordersConsumers.size === 0) {
+        (0, _focusBorders.removeFocusBorders)();
+        (0, _iframeBorders.removeIframeBorders)();
+      }
     };
   }, [disabled]);
 };