@fluentui/react-utilities 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.1

package/.swcrc

@@ -1,15 +1,5 @@
 {
   "$schema": "https://json.schemastore.org/swcrc",
-  "env": {
-    "targets": {
-      "chrome": "84",
-      "edge": "84",
-      "firefox": "75",
-      "opera": "73",
-      "safari": "14.1"
-    },
-    "bugfixes": true
-  },
   "exclude": [
     "/testing",
     "/**/*.cy.ts",
@@ -32,7 +22,8 @@
         "runtime": "classic",
         "useSpread": true
       }
-    }
+    },
+    "target": "es2019"
   },
   "minify": false,
   "sourceMaps": true

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-utilities",
   "entries": [
     {
-      "date": "Fri, 17 Mar 2023 15:00:09 GMT",
-      "tag": "@fluentui/react-utilities_v0.0.0-nightly-20230317-1454.1",
-      "version": "0.0.0-nightly-20230317-1454.1",
+      "date": "Wed, 22 Mar 2023 04:46:38 GMT",
+      "tag": "@fluentui/react-utilities_v0.0.0-nightly-20230322-0439.1",
+      "version": "0.0.0-nightly-20230322-0439.1",
       "comments": {
         "prerelease": [
           {
@@ -16,8 +16,41 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-utilities",
-            "comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 21 Mar 2023 21:23:15 GMT",
+      "tag": "@fluentui/react-utilities_v9.7.2",
+      "version": "9.7.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-utilities",
+            "commit": "a3463ec7ba84fce450b4a03c989806ba4e11c5e1",
+            "comment": "chore: exports isHTMLElement as public"
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-utilities",
+            "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+            "comment": "fix: add node field to package.json exports map."
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-utilities",
+            "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+            "comment": "chore: migrate to swc transpilation approach."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-utilities",
+            "comment": "Bump @fluentui/keyboard-keys to v9.0.2",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,18 +1,30 @@
 # Change Log - @fluentui/react-utilities
 
-This log was last generated on Fri, 17 Mar 2023 15:00:09 GMT and should not be manually modified.
+This log was last generated on Wed, 22 Mar 2023 04:46:38 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20230317-1454.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v0.0.0-nightly-20230317-1454.1)
+## [0.0.0-nightly-20230322-0439.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v0.0.0-nightly-20230322-0439.1)
 
-Fri, 17 Mar 2023 15:00:09 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.7.1..@fluentui/react-utilities_v0.0.0-nightly-20230317-1454.1)
+Wed, 22 Mar 2023 04:46:38 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.7.2..@fluentui/react-utilities_v0.0.0-nightly-20230322-0439.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
+- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+
+## [9.7.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.7.2)
+
+Tue, 21 Mar 2023 21:23:15 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.7.1..@fluentui/react-utilities_v9.7.2)
+
+### Patches
+
+- chore: exports isHTMLElement as public ([PR #27178](https://github.com/microsoft/fluentui/pull/27178) by bernardo.sunderhus@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/keyboard-keys to v9.0.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
 
 ## [9.7.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.7.1)
 

package/lib/compose/getSlots.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { omit } from "../utils/omit";
+import * as React from 'react';
+import { omit } from '../utils/omit';
 /**
  * Given the state and an array of slot names, will break out `slots` and `slotProps`
  * collections.
@@ -32,6 +32,7 @@ export function getSlots(state) {
   };
 }
 function getSlot(state, slotName) {
+  var _state_components, _state_components1, _state_slotName;
   if (state[slotName] === undefined) {
     return [null, undefined];
   }
@@ -40,15 +41,15 @@ function getSlot(state, slotName) {
     as: asProp,
     ...rest
   } = state[slotName];
-  const slot = state.components?.[slotName] === undefined || typeof state.components[slotName] === "string" ? asProp || state.components?.[slotName] || "div" : state.components[slotName];
-  if (typeof children === "function") {
+  const slot = ((_state_components = state.components) === null || _state_components === void 0 ? void 0 : _state_components[slotName]) === undefined || typeof state.components[slotName] === 'string' ? asProp || ((_state_components1 = state.components) === null || _state_components1 === void 0 ? void 0 : _state_components1[slotName]) || 'div' : state.components[slotName];
+  if (typeof children === 'function') {
     const render = children;
     return [React.Fragment, {
       children: render(slot, rest)
     }];
   }
-  const shouldOmitAsProp = typeof slot === "string" && state[slotName]?.as;
-  const slotProps = shouldOmitAsProp ? omit(state[slotName], ["as"]) : state[slotName];
+  const shouldOmitAsProp = typeof slot === 'string' && ((_state_slotName = state[slotName]) === null || _state_slotName === void 0 ? void 0 : _state_slotName.as);
+  const slotProps = shouldOmitAsProp ? omit(state[slotName], ['as']) : state[slotName];
   return [slot, slotProps];
 }
 //# sourceMappingURL=getSlots.js.map

package/lib/compose/getSlots.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","omit","getSlots","state","slots","slotProps","slotNames","Object","keys","components","slotName","slot","props","getSlot","undefined","children","as","asProp","rest","render","Fragment","shouldOmitAsProp"],"sources":["../../src/compose/getSlots.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { omit } from '../utils/omit';\nimport type {\n  AsIntrinsicElement,\n  ComponentState,\n  ExtractSlotProps,\n  SlotPropsRecord,\n  SlotRenderFunction,\n  UnionToIntersection,\n} from './types';\n\nexport type Slots<S extends SlotPropsRecord> = {\n  [K in keyof S]: ExtractSlotProps<S[K]> extends AsIntrinsicElement<infer As>\n    ? // for slots with an `as` prop, the slot will be any one of the possible values of `as`\n      As\n    : ExtractSlotProps<S[K]> extends React.ComponentType<infer P>\n    ? React.ElementType<NonNullable<P>>\n    : React.ElementType<ExtractSlotProps<S[K]>>;\n};\n\ntype ObjectSlotProps<S extends SlotPropsRecord> = {\n  [K in keyof S]-?: ExtractSlotProps<S[K]> extends AsIntrinsicElement<infer As>\n    ? // For intrinsic element types, return the intersection of all possible\n      // element's props, to be compatible with the As type returned by Slots<>\n      UnionToIntersection<JSX.IntrinsicElements[As]> // Slot<'div', 'span'>\n    : ExtractSlotProps<S[K]> extends React.ComponentType<infer P>\n    ? P // Slot<typeof Button>\n    : ExtractSlotProps<S[K]>; // Slot<ButtonProps>\n};\n\n/**\n * Given the state and an array of slot names, will break out `slots` and `slotProps`\n * collections.\n *\n * The root is derived from a mix of `components` props and `as` prop.\n *\n * Slots will render as null if they are rendered as primitives with undefined children.\n *\n * The slotProps will always omit the `as` prop within them, and for slots that are string\n * primitives, the props will be filtered according to the slot type by the type system.\n * For example, if the slot is rendered `as: 'a'`, the props will be filtered for acceptable\n * anchor props. Note that this is only enforced at build time by Typescript -- there is no\n * runtime code filtering props in this function.\n *\n * @param state - State including slot definitions\n * @returns An object containing the `slots` map and `slotProps` map.\n */\nexport function getSlots<R extends SlotPropsRecord>(\n  state: ComponentState<R>,\n): {\n  slots: Slots<R>;\n  slotProps: ObjectSlotProps<R>;\n} {\n  const slots = {} as Slots<R>;\n  const slotProps = {} as R;\n\n  const slotNames: (keyof R)[] = Object.keys(state.components);\n  for (const slotName of slotNames) {\n    const [slot, props] = getSlot(state, slotName);\n    slots[slotName] = slot as Slots<R>[typeof slotName];\n    slotProps[slotName] = props;\n  }\n  return { slots, slotProps: slotProps as unknown as ObjectSlotProps<R> };\n}\n\nfunction getSlot<R extends SlotPropsRecord, K extends keyof R>(\n  state: ComponentState<R>,\n  slotName: K,\n): readonly [React.ElementType<R[K]> | null, R[K]] {\n  if (state[slotName] === undefined) {\n    return [null, undefined as R[K]];\n  }\n  const { children, as: asProp, ...rest } = state[slotName]!;\n\n  const slot = (\n    state.components?.[slotName] === undefined || typeof state.components[slotName] === 'string'\n      ? asProp || state.components?.[slotName] || 'div'\n      : state.components[slotName]\n  ) as React.ElementType<R[K]>;\n\n  if (typeof children === 'function') {\n    const render = children as SlotRenderFunction<R[K]>;\n    return [\n      React.Fragment,\n      {\n        children: render(slot, rest as Omit<R[K], 'children' | 'as'>),\n      } as unknown as R[K],\n    ];\n  }\n\n  const shouldOmitAsProp = typeof slot === 'string' && state[slotName]?.as;\n  const slotProps = (shouldOmitAsProp ? omit(state[slotName]!, ['as']) : state[slotName]) as R[K];\n\n  return [slot, slotProps];\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAEvB,SAASC,IAAI,QAAQ;AA6BrB;;;;;;;;;;;;;;;;;AAiBA,OAAO,SAASC,SACdC,KAAwB,EAIxB;EACA,MAAMC,KAAA,GAAQ,CAAC;EACf,MAAMC,SAAA,GAAY,CAAC;EAEnB,MAAMC,SAAA,GAAyBC,MAAA,CAAOC,IAAI,CAACL,KAAA,CAAMM,UAAU;EAC3D,KAAK,MAAMC,QAAA,IAAYJ,SAAA,EAAW;IAChC,MAAM,CAACK,IAAA,EAAMC,KAAA,CAAM,GAAGC,OAAA,CAAQV,KAAA,EAAOO,QAAA;IACrCN,KAAK,CAACM,QAAA,CAAS,GAAGC,IAAA;IAClBN,SAAS,CAACK,QAAA,CAAS,GAAGE,KAAA;EACxB;EACA,OAAO;IAAER,KAAA;IAAOC,SAAA,EAAWA;EAA2C;AACxE;AAEA,SAASQ,QACPV,KAAwB,EACxBO,QAAW,EACsC;EACjD,IAAIP,KAAK,CAACO,QAAA,CAAS,KAAKI,SAAA,EAAW;IACjC,OAAO,CAAC,IAAI,EAAEA,SAAA,CAAkB;EAClC;EACA,MAAM;IAAEC,QAAA;IAAUC,EAAA,EAAIC,MAAA;IAAQ,GAAGC;EAAA,CAAM,GAAGf,KAAK,CAACO,QAAA,CAAS;EAEzD,MAAMC,IAAA,GACJR,KAAA,CAAMM,UAAU,GAAGC,QAAA,CAAS,KAAKI,SAAA,IAAa,OAAOX,KAAA,CAAMM,UAAU,CAACC,QAAA,CAAS,KAAK,WAChFO,MAAA,IAAUd,KAAA,CAAMM,UAAU,GAAGC,QAAA,CAAS,IAAI,QAC1CP,KAAA,CAAMM,UAAU,CAACC,QAAA,CAAS;EAGhC,IAAI,OAAOK,QAAA,KAAa,YAAY;IAClC,MAAMI,MAAA,GAASJ,QAAA;IACf,OAAO,CACLf,KAAA,CAAMoB,QAAQ,EACd;MACEL,QAAA,EAAUI,MAAA,CAAOR,IAAA,EAAMO,IAAA;IACzB,EACD;EACH;EAEA,MAAMG,gBAAA,GAAmB,OAAOV,IAAA,KAAS,YAAYR,KAAK,CAACO,QAAA,CAAS,EAAEM,EAAA;EACtE,MAAMX,SAAA,GAAagB,gBAAA,GAAmBpB,IAAA,CAAKE,KAAK,CAACO,QAAA,CAAS,EAAG,CAAC,KAAK,IAAIP,KAAK,CAACO,QAAA,CAAS;EAEtF,OAAO,CAACC,IAAA,EAAMN,SAAA,CAAU;AAC1B"}
+{"version":3,"names":["React","omit","getSlots","state","slots","slotProps","slotNames","Object","keys","components","slotName","slot","props","getSlot","_state_components","_state_components1","_state_slotName","undefined","children","as","asProp","rest","render","Fragment","shouldOmitAsProp"],"sources":["../../src/compose/getSlots.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { omit } from '../utils/omit';\nimport type {\n  AsIntrinsicElement,\n  ComponentState,\n  ExtractSlotProps,\n  SlotPropsRecord,\n  SlotRenderFunction,\n  UnionToIntersection,\n} from './types';\n\nexport type Slots<S extends SlotPropsRecord> = {\n  [K in keyof S]: ExtractSlotProps<S[K]> extends AsIntrinsicElement<infer As>\n    ? // for slots with an `as` prop, the slot will be any one of the possible values of `as`\n      As\n    : ExtractSlotProps<S[K]> extends React.ComponentType<infer P>\n    ? React.ElementType<NonNullable<P>>\n    : React.ElementType<ExtractSlotProps<S[K]>>;\n};\n\ntype ObjectSlotProps<S extends SlotPropsRecord> = {\n  [K in keyof S]-?: ExtractSlotProps<S[K]> extends AsIntrinsicElement<infer As>\n    ? // For intrinsic element types, return the intersection of all possible\n      // element's props, to be compatible with the As type returned by Slots<>\n      UnionToIntersection<JSX.IntrinsicElements[As]> // Slot<'div', 'span'>\n    : ExtractSlotProps<S[K]> extends React.ComponentType<infer P>\n    ? P // Slot<typeof Button>\n    : ExtractSlotProps<S[K]>; // Slot<ButtonProps>\n};\n\n/**\n * Given the state and an array of slot names, will break out `slots` and `slotProps`\n * collections.\n *\n * The root is derived from a mix of `components` props and `as` prop.\n *\n * Slots will render as null if they are rendered as primitives with undefined children.\n *\n * The slotProps will always omit the `as` prop within them, and for slots that are string\n * primitives, the props will be filtered according to the slot type by the type system.\n * For example, if the slot is rendered `as: 'a'`, the props will be filtered for acceptable\n * anchor props. Note that this is only enforced at build time by Typescript -- there is no\n * runtime code filtering props in this function.\n *\n * @param state - State including slot definitions\n * @returns An object containing the `slots` map and `slotProps` map.\n */\nexport function getSlots<R extends SlotPropsRecord>(\n  state: ComponentState<R>,\n): {\n  slots: Slots<R>;\n  slotProps: ObjectSlotProps<R>;\n} {\n  const slots = {} as Slots<R>;\n  const slotProps = {} as R;\n\n  const slotNames: (keyof R)[] = Object.keys(state.components);\n  for (const slotName of slotNames) {\n    const [slot, props] = getSlot(state, slotName);\n    slots[slotName] = slot as Slots<R>[typeof slotName];\n    slotProps[slotName] = props;\n  }\n  return { slots, slotProps: slotProps as unknown as ObjectSlotProps<R> };\n}\n\nfunction getSlot<R extends SlotPropsRecord, K extends keyof R>(\n  state: ComponentState<R>,\n  slotName: K,\n): readonly [React.ElementType<R[K]> | null, R[K]] {\n  if (state[slotName] === undefined) {\n    return [null, undefined as R[K]];\n  }\n  const { children, as: asProp, ...rest } = state[slotName]!;\n\n  const slot = (\n    state.components?.[slotName] === undefined || typeof state.components[slotName] === 'string'\n      ? asProp || state.components?.[slotName] || 'div'\n      : state.components[slotName]\n  ) as React.ElementType<R[K]>;\n\n  if (typeof children === 'function') {\n    const render = children as SlotRenderFunction<R[K]>;\n    return [\n      React.Fragment,\n      {\n        children: render(slot, rest as Omit<R[K], 'children' | 'as'>),\n      } as unknown as R[K],\n    ];\n  }\n\n  const shouldOmitAsProp = typeof slot === 'string' && state[slotName]?.as;\n  const slotProps = (shouldOmitAsProp ? omit(state[slotName]!, ['as']) : state[slotName]) as R[K];\n\n  return [slot, slotProps];\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAEvB,SAASC,IAAI,QAAQ;AA6BrB;;;;;;;;;;;;;;;;;AAiBA,OAAO,SAASC,SACdC,KAAwB,EAIxB;EACA,MAAMC,KAAA,GAAQ,CAAC;EACf,MAAMC,SAAA,GAAY,CAAC;EAEnB,MAAMC,SAAA,GAAyBC,MAAA,CAAOC,IAAI,CAACL,KAAA,CAAMM,UAAU;EAC3D,KAAK,MAAMC,QAAA,IAAYJ,SAAA,EAAW;IAChC,MAAM,CAACK,IAAA,EAAMC,KAAA,CAAM,GAAGC,OAAA,CAAQV,KAAA,EAAOO,QAAA;IACrCN,KAAK,CAACM,QAAA,CAAS,GAAGC,IAAA;IAClBN,SAAS,CAACK,QAAA,CAAS,GAAGE,KAAA;EACxB;EACA,OAAO;IAAER,KAAA;IAAOC,SAAA,EAAWA;EAA2C;AACxE;AAEA,SAASQ,QACPV,KAAwB,EACxBO,QAAW,EACsC;MAO/CI,iBAAA,EACcC,kBAAA,EAcqCC,eAAA;EArBrD,IAAIb,KAAK,CAACO,QAAA,CAAS,KAAKO,SAAA,EAAW;IACjC,OAAO,CAAC,IAAI,EAAEA,SAAA,CAAkB;EAClC;EACA,MAAM;IAAEC,QAAA;IAAUC,EAAA,EAAIC,MAAA;IAAQ,GAAGC;EAAA,CAAM,GAAGlB,KAAK,CAACO,QAAA,CAAS;EAEzD,MAAMC,IAAA,GACJ,EAAAG,iBAAA,GAAAX,KAAA,CAAMM,UAAU,cAAhBK,iBAAA,uBAAAA,iBAAkB,CAACJ,QAAA,CAAS,MAAKO,SAAA,IAAa,OAAOd,KAAA,CAAMM,UAAU,CAACC,QAAA,CAAS,KAAK,WAChFU,MAAA,KAAU,CAAAL,kBAAA,GAAAZ,KAAA,CAAMM,UAAU,cAAhBM,kBAAA,uBAAAA,kBAAkB,CAACL,QAAA,CAAS,CAAD,IAAK,QAC1CP,KAAA,CAAMM,UAAU,CAACC,QAAA,CAAS;EAGhC,IAAI,OAAOQ,QAAA,KAAa,YAAY;IAClC,MAAMI,MAAA,GAASJ,QAAA;IACf,OAAO,CACLlB,KAAA,CAAMuB,QAAQ,EACd;MACEL,QAAA,EAAUI,MAAA,CAAOX,IAAA,EAAMU,IAAA;IACzB,EACD;EACH;EAEA,MAAMG,gBAAA,GAAmB,OAAOb,IAAA,KAAS,aAAY,CAAAK,eAAA,GAAAb,KAAK,CAACO,QAAA,CAAS,cAAfM,eAAA,uBAAAA,eAAA,CAAiBG,EAAE,CAAD;EACvE,MAAMd,SAAA,GAAamB,gBAAA,GAAmBvB,IAAA,CAAKE,KAAK,CAACO,QAAA,CAAS,EAAG,CAAC,KAAK,IAAIP,KAAK,CAACO,QAAA,CAAS;EAEtF,OAAO,CAACC,IAAA,EAAMN,SAAA,CAAU;AAC1B"}

package/lib/compose/index.js

@@ -1,5 +1,5 @@
-export * from "./getSlots";
-export * from "./resolveShorthand";
-export * from "./types";
-export * from "./isResolvedShorthand";
+export * from './getSlots';
+export * from './resolveShorthand';
+export * from './types';
+export * from './isResolvedShorthand';
 //# sourceMappingURL=index.js.map

package/lib/compose/isResolvedShorthand.js

@@ -1,4 +1,4 @@
-import { isValidElement } from "react";
+import { isValidElement } from 'react';
 /**
  * Guard method that validates if a shorthand is a slot
  * can be used to extends properties provided by a slot
@@ -30,6 +30,6 @@ import { isValidElement } from "react";
  * ```
  */
 export function isResolvedShorthand(shorthand) {
-  return shorthand !== null && typeof shorthand === "object" && !Array.isArray(shorthand) && ! /*#__PURE__*/isValidElement(shorthand);
+  return shorthand !== null && typeof shorthand === 'object' && !Array.isArray(shorthand) && ! /*#__PURE__*/isValidElement(shorthand);
 }
 //# sourceMappingURL=isResolvedShorthand.js.map

package/lib/compose/resolveShorthand.js

@@ -1,4 +1,4 @@
-import { isValidElement } from "react";
+import { isValidElement } from 'react';
 /**
  * Resolves shorthands into slot props, to ensure normalization of the signature
  * being passed down to getSlots method
@@ -14,9 +14,9 @@ export const resolveShorthand = (value, options) => {
     return undefined;
   }
   let resolvedShorthand = {};
-  if (typeof value === "string" || typeof value === "number" || Array.isArray(value) || /*#__PURE__*/isValidElement(value)) {
+  if (typeof value === 'string' || typeof value === 'number' || Array.isArray(value) || /*#__PURE__*/isValidElement(value)) {
     resolvedShorthand.children = value;
-  } else if (typeof value === "object") {
+  } else if (typeof value === 'object') {
     resolvedShorthand = {
       ...value
     };

package/lib/compose/types.js

@@ -1,2 +1,2 @@
-import * as React from "react";
+import * as React from 'react';
 //# sourceMappingURL=types.js.map

package/lib/events/index.js

@@ -1,2 +1,2 @@
-export * from "./mouseTouchHelpers";
+export * from './mouseTouchHelpers';
 //# sourceMappingURL=index.js.map

package/lib/events/mouseTouchHelpers.js

@@ -1,15 +1,15 @@
-import * as React from "react";
+import * as React from 'react';
 /**
  * Returns true if event is a touch event. Useful when sharing logic between touch and mouse interactions.
  */
 export function isTouchEvent(event) {
-  return event.type.startsWith("touch");
+  return event.type.startsWith('touch');
 }
 /**
  * Returns true if event is a mouse event. Useful when sharing logic between touch and mouse interactions.
  */
 export function isMouseEvent(event) {
-  return event.type.startsWith("mouse") || ["click", "contextmenu", "dblclick"].indexOf(event.type) > -1;
+  return event.type.startsWith('mouse') || ['click', 'contextmenu', 'dblclick'].indexOf(event.type) > -1;
 }
 /**
  * Returns an object with clientX, clientY for TouchOrMouseEvent.
@@ -27,8 +27,8 @@ export function getEventClientCoords(event) {
       clientY: event.touches[0].clientY
     };
   } else {
-    if (process.env.NODE_ENV !== "production") {
-      throw new Error("@fluentui/react-utilities]: Unable to get clientX. Unknown event type.");
+    if (process.env.NODE_ENV !== 'production') {
+      throw new Error('@fluentui/react-utilities]: Unable to get clientX. Unknown event type.');
     }
     return {
       clientX: 0,

package/lib/hooks/index.js

@@ -1,13 +1,13 @@
-export * from "./useControllableState";
-export * from "./useEventCallback";
-export * from "./useFirstMount";
-export * from "./useForceUpdate";
-export * from "./useId";
-export * from "./useIsomorphicLayoutEffect";
-export * from "./useMergedRefs";
-export * from "./useOnClickOutside";
-export * from "./useOnScrollOutside";
-export * from "./usePrevious";
-export * from "./useScrollbarWidth";
-export * from "./useTimeout";
+export * from './useControllableState';
+export * from './useEventCallback';
+export * from './useFirstMount';
+export * from './useForceUpdate';
+export * from './useId';
+export * from './useIsomorphicLayoutEffect';
+export * from './useMergedRefs';
+export * from './useOnClickOutside';
+export * from './useOnScrollOutside';
+export * from './usePrevious';
+export * from './useScrollbarWidth';
+export * from './useTimeout';
 //# sourceMappingURL=index.js.map

package/lib/hooks/useControllableState.js

@@ -1,6 +1,6 @@
-import * as React from "react";
+import * as React from 'react';
 function isFactoryDispatch(newState) {
-  return typeof newState === "function";
+  return typeof newState === 'function';
 }
 /**
  * @internal
@@ -20,7 +20,7 @@ function isFactoryDispatch(newState) {
  */
 export const useControllableState = options => {
   const isControlled = useIsControlled(options.state);
-  const initialState = typeof options.defaultState === "undefined" ? options.initialState : options.defaultState;
+  const initialState = typeof options.defaultState === 'undefined' ? options.initialState : options.defaultState;
   const [internalState, setInternalState] = React.useState(initialState);
   const state = isControlled ? options.state : internalState;
   const stateRef = React.useRef(state);
@@ -48,18 +48,18 @@ export const useControllableState = options => {
  */
 const useIsControlled = controlledValue => {
   const [isControlled] = React.useState(() => controlledValue !== undefined);
-  if (process.env.NODE_ENV !== "production") {
+  if (process.env.NODE_ENV !== 'production') {
     // We don't want these warnings in production even though it is against native behaviour
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useEffect(() => {
       if (isControlled !== (controlledValue !== undefined)) {
         const error = new Error();
-        const controlWarning = isControlled ? "a controlled value to be uncontrolled" : "an uncontrolled value to be controlled";
-        const undefinedWarning = isControlled ? "defined to an undefined" : "undefined to a defined";
+        const controlWarning = isControlled ? 'a controlled value to be uncontrolled' : 'an uncontrolled value to be controlled';
+        const undefinedWarning = isControlled ? 'defined to an undefined' : 'undefined to a defined';
         // eslint-disable-next-line no-console
         console.error([
         // Default react error
-        "A component is changing " + controlWarning + ". This is likely caused by the value", "changing from " + undefinedWarning + " value, which should not happen.", "Decide between using a controlled or uncontrolled input element for the lifetime of the component.", "More info: https://reactjs.org/link/controlled-components", error.stack].join(" "));
+        'A component is changing ' + controlWarning + '. This is likely caused by the value', 'changing from ' + undefinedWarning + ' value, which should not happen.', 'Decide between using a controlled or uncontrolled input element for the lifetime of the component.', 'More info: https://reactjs.org/link/controlled-components', error.stack].join(' '));
       }
     }, [isControlled, controlledValue]);
   }

package/lib/hooks/useEventCallback.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
+import * as React from 'react';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
 /**
  * @internal
  * https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
@@ -15,7 +15,7 @@ import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
  */
 export const useEventCallback = fn => {
   const callbackRef = React.useRef(() => {
-    throw new Error("Cannot call an event handler while rendering");
+    throw new Error('Cannot call an event handler while rendering');
   });
   useIsomorphicLayoutEffect(() => {
     callbackRef.current = fn;

package/lib/hooks/useFirstMount.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 /**
  * @internal
  * Checks if components was mounted the first time.

package/lib/hooks/useForceUpdate.js

@@ -1,4 +1,4 @@
-import { useReducer } from "react";
+import { useReducer } from 'react';
 /**
  * @internal
  * Forces a re-render, similar to `forceUpdate` in class components.

package/lib/hooks/useId.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { defaultSSRContextValue, useSSRContext } from "../ssr/index";
+import * as React from 'react';
+import { defaultSSRContextValue, useSSRContext } from '../ssr/index';
 const IdPrefixContext = /*#__PURE__*/React.createContext(undefined);
 /**
  * Allows to define a prefix that will be used for all IDs generated by useId() hook. It's useful to avoid collisions
@@ -7,7 +7,7 @@ const IdPrefixContext = /*#__PURE__*/React.createContext(undefined);
  */
 export const IdPrefixProvider = IdPrefixContext.Provider;
 function useIdPrefix() {
-  return React.useContext(IdPrefixContext) || "";
+  return React.useContext(IdPrefixContext) || '';
 }
 /**
  * Resets generated IDs, should be used only in tests.
@@ -23,16 +23,16 @@ export function resetIdsForTests() {
  *  without conditioning the hook call
  * @returns The ID
  */
-export function useId(prefix = "fui-", providedId) {
+export function useId(prefix = 'fui-', providedId) {
   const contextValue = useSSRContext();
   const idPrefix = useIdPrefix();
   // Checking if useId is available on React, if it is, we use it to generate the id. String concatenation is used to
   // prevent bundlers from complaining with older versions of React.
-  const _useId = React["use" + "Id"];
+  const _useId = React['use' + 'Id'];
   if (_useId) {
     const generatedId = _useId();
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    const escapedId = React.useMemo(() => generatedId.replace(/:/g, ""), [generatedId]);
+    const escapedId = React.useMemo(() => generatedId.replace(/:/g, ''), [generatedId]);
     return providedId || `${idPrefix}${prefix}${escapedId}`;
   }
   // Hooks appear to be running conditionally, but they will always run in the same order since it's based on

package/lib/hooks/useIsomorphicLayoutEffect.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { canUseDOM } from "../ssr/index";
+import * as React from 'react';
+import { canUseDOM } from '../ssr/index';
 /**
  * React currently throws a warning when using useLayoutEffect on the server. To get around it, we can conditionally
  * useEffect on the server (no-op) and useLayoutEffect in the browser. We occasionally need useLayoutEffect to

package/lib/hooks/useMergedRefs.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 /**
  * React hook to merge multiple React refs (either MutableRefObjects or ref callbacks) into a single ref callback that
  * updates all provided refs
@@ -10,7 +10,7 @@ export function useMergedRefs(...refs) {
     // Update the "current" prop hanging on the function.
     mergedCallback.current = value;
     for (const ref of refs) {
-      if (typeof ref === "function") {
+      if (typeof ref === 'function') {
         ref(value);
       } else if (ref) {
         // work around the immutability of the React.Ref type

package/lib/hooks/useOnClickOutside.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { useEventCallback } from "./useEventCallback";
+import * as React from 'react';
+import { useEventCallback } from './useEventCallback';
 /**
  * @internal
  * Utility to perform checks where a click/touch event was made outside a component
@@ -15,7 +15,9 @@ export const useOnClickOutside = options => {
   const timeoutId = React.useRef(undefined);
   useIFrameFocus(options);
   const listener = useEventCallback(ev => {
-    const contains = containsProp || ((parent, child) => !!parent?.contains(child));
+    const contains = containsProp || ((parent, child) => {
+      return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
+    });
     const isOutside = refs.every(ref => !contains(ref.current || null, ev.target));
     if (isOutside && !disabled) {
       callback(ev);
@@ -36,18 +38,18 @@ export const useOnClickOutside = options => {
     };
     if (!disabled) {
       // use capture phase because React can update DOM before the event bubbles to the document
-      element?.addEventListener("click", conditionalHandler, true);
-      element?.addEventListener("touchstart", conditionalHandler, true);
-      element?.addEventListener("contextmenu", conditionalHandler, true);
+      element === null || element === void 0 ? void 0 : element.addEventListener('click', conditionalHandler, true);
+      element === null || element === void 0 ? void 0 : element.addEventListener('touchstart', conditionalHandler, true);
+      element === null || element === void 0 ? void 0 : element.addEventListener('contextmenu', conditionalHandler, true);
     }
     // Garbage collect this event after it's no longer useful to avoid memory leaks
     timeoutId.current = window.setTimeout(() => {
       currentEvent = undefined;
     }, 1);
     return () => {
-      element?.removeEventListener("click", conditionalHandler, true);
-      element?.removeEventListener("touchstart", conditionalHandler, true);
-      element?.removeEventListener("contextmenu", conditionalHandler, true);
+      element === null || element === void 0 ? void 0 : element.removeEventListener('click', conditionalHandler, true);
+      element === null || element === void 0 ? void 0 : element.removeEventListener('touchstart', conditionalHandler, true);
+      element === null || element === void 0 ? void 0 : element.removeEventListener('contextmenu', conditionalHandler, true);
       clearTimeout(timeoutId.current);
       currentEvent = undefined;
     };
@@ -55,16 +57,18 @@ export const useOnClickOutside = options => {
 };
 const getWindowEvent = target => {
   if (target) {
-    if (typeof target.window === "object" && target.window === target) {
+    var _target_ownerDocument, _target_ownerDocument_defaultView;
+    if (typeof target.window === 'object' && target.window === target) {
       // eslint-disable-next-line deprecation/deprecation
       return target.event;
     }
+    var _target_ownerDocument_defaultView_event;
     // eslint-disable-next-line deprecation/deprecation
-    return target.ownerDocument?.defaultView?.event ?? undefined;
+    return (_target_ownerDocument_defaultView_event = (_target_ownerDocument = target.ownerDocument) === null || _target_ownerDocument === void 0 ? void 0 : (_target_ownerDocument_defaultView = _target_ownerDocument.defaultView) === null || _target_ownerDocument_defaultView === void 0 ? void 0 : _target_ownerDocument_defaultView.event) !== null && _target_ownerDocument_defaultView_event !== void 0 ? _target_ownerDocument_defaultView_event : undefined;
   }
   return undefined;
 };
-const FUI_FRAME_EVENT = "fuiframefocus";
+const FUI_FRAME_EVENT = 'fuiframefocus';
 /**
  * Since click events do not propagate past iframes, we use focus to detect if a
  * click has happened inside an iframe, since the only ways of focusing inside an
@@ -80,13 +84,17 @@ const useIFrameFocus = options => {
     disabled,
     element: targetDocument,
     callback,
-    contains: containsProp = (parent, child) => !!parent?.contains(child),
+    contains: containsProp = (parent, child) => {
+      return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
+    },
     pollDuration = 1000,
     refs
   } = options;
   const timeoutRef = React.useRef();
   const listener = useEventCallback(e => {
-    const contains = containsProp || ((parent, child) => !!parent?.contains(child));
+    const contains = containsProp || ((parent, child) => {
+      return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
+    });
     const isOutside = refs.every(ref => !contains(ref.current || null, e.target));
     if (isOutside && !disabled) {
       callback(e);
@@ -95,18 +103,19 @@ const useIFrameFocus = options => {
   // Adds listener to the custom iframe focus event
   React.useEffect(() => {
     if (!disabled) {
-      targetDocument?.addEventListener(FUI_FRAME_EVENT, listener, true);
+      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener(FUI_FRAME_EVENT, listener, true);
       return () => {
-        targetDocument?.removeEventListener(FUI_FRAME_EVENT, listener, true);
+        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener(FUI_FRAME_EVENT, listener, true);
       };
     }
   }, [targetDocument, disabled, listener]);
   // Starts polling for the active element
   React.useEffect(() => {
     if (!disabled) {
-      timeoutRef.current = targetDocument?.defaultView?.setInterval(() => {
-        const activeElement = targetDocument?.activeElement;
-        if (activeElement?.tagName === "IFRAME" || activeElement?.tagName === "WEBVIEW") {
+      var _targetDocument_defaultView;
+      timeoutRef.current = targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.setInterval(() => {
+        const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;
+        if ((activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) === 'IFRAME' || (activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) === 'WEBVIEW') {
           const event = new CustomEvent(FUI_FRAME_EVENT, {
             bubbles: true
           });
@@ -115,7 +124,8 @@ const useIFrameFocus = options => {
       }, pollDuration);
     }
     return () => {
-      targetDocument?.defaultView?.clearTimeout(timeoutRef.current);
+      var _targetDocument_defaultView;
+      targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.clearTimeout(timeoutRef.current);
     };
   }, [targetDocument, disabled, pollDuration]);
 };

package/lib/hooks/useOnClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEventCallback","useOnClickOutside","options","refs","callback","element","disabled","contains","containsProp","timeoutId","useRef","undefined","useIFrameFocus","listener","ev","parent","child","isOutside","every","ref","current","target","useEffect","currentEvent","getWindowEvent","window","conditionalHandler","event","addEventListener","setTimeout","removeEventListener","clearTimeout","ownerDocument","defaultView","FUI_FRAME_EVENT","targetDocument","pollDuration","timeoutRef","e","setInterval","activeElement","tagName","CustomEvent","bubbles","dispatchEvent"],"sources":["../../src/hooks/useOnClickOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from './useEventCallback';\n\n/**\n * @internal\n */\nexport type UseOnClickOrScrollOutsideOptions = {\n  /**\n   * The element to listen for the click event\n   */\n  element: Document | undefined;\n  /**\n   * Refs to elements that check if the click is outside\n   */\n  refs: React.MutableRefObject<HTMLElement | undefined | null>[];\n\n  /**\n   * By default uses element.contains, but custom contain function can be provided\n   * @param parentRef - provided parent ref\n   * @param child - event target element\n   */\n  contains?(parent: HTMLElement | null, child: HTMLElement): boolean;\n\n  /**\n   * Disables event listeners\n   */\n  disabled?: boolean;\n\n  /**\n   * Called if the click is outside the element refs\n   */\n  callback: (ev: MouseEvent | TouchEvent) => void;\n};\n\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */\nexport const useOnClickOutside = (options: UseOnClickOrScrollOutsideOptions) => {\n  const { refs, callback, element, disabled, contains: containsProp } = options;\n  const timeoutId = React.useRef<number | undefined>(undefined);\n  useIFrameFocus(options);\n\n  const listener = useEventCallback((ev: MouseEvent | TouchEvent) => {\n    const contains: UseOnClickOrScrollOutsideOptions['contains'] =\n      containsProp || ((parent, child) => !!parent?.contains(child));\n\n    const isOutside = refs.every(ref => !contains(ref.current || null, ev.target as HTMLElement));\n    if (isOutside && !disabled) {\n      callback(ev);\n    }\n  });\n\n  React.useEffect(() => {\n    // Store the current event to avoid triggering handlers immediately\n    // Note this depends on a deprecated but extremely well supported quirk of the web platform\n    // https://github.com/facebook/react/issues/20074\n    let currentEvent = getWindowEvent(window);\n\n    const conditionalHandler = (event: MouseEvent | TouchEvent) => {\n      // Skip if this event is the same as the one running when we added the handlers\n      if (event === currentEvent) {\n        currentEvent = undefined;\n        return;\n      }\n\n      listener(event);\n    };\n\n    if (!disabled) {\n      // use capture phase because React can update DOM before the event bubbles to the document\n      element?.addEventListener('click', conditionalHandler, true);\n      element?.addEventListener('touchstart', conditionalHandler, true);\n      element?.addEventListener('contextmenu', conditionalHandler, true);\n    }\n\n    // Garbage collect this event after it's no longer useful to avoid memory leaks\n    timeoutId.current = window.setTimeout(() => {\n      currentEvent = undefined;\n    }, 1);\n\n    return () => {\n      element?.removeEventListener('click', conditionalHandler, true);\n      element?.removeEventListener('touchstart', conditionalHandler, true);\n      element?.removeEventListener('contextmenu', conditionalHandler, true);\n\n      clearTimeout(timeoutId.current);\n      currentEvent = undefined;\n    };\n  }, [listener, element, disabled]);\n};\n\nconst getWindowEvent = (target: Node | Window): Event | undefined => {\n  if (target) {\n    if (typeof (target as Window).window === 'object' && (target as Window).window === target) {\n      // eslint-disable-next-line deprecation/deprecation\n      return target.event;\n    }\n\n    // eslint-disable-next-line deprecation/deprecation\n    return (target as Node).ownerDocument?.defaultView?.event ?? undefined;\n  }\n\n  return undefined;\n};\n\nconst FUI_FRAME_EVENT = 'fuiframefocus';\n\ninterface UseIFrameFocusOptions extends UseOnClickOrScrollOutsideOptions {\n  /**\n   * Millisecond duration to poll\n   */\n  pollDuration?: number;\n}\n\n/**\n * Since click events do not propagate past iframes, we use focus to detect if a\n * click has happened inside an iframe, since the only ways of focusing inside an\n * iframe are:\n *   - clicking inside\n *   - tabbing inside\n *\n * Polls the value of `document.activeElement`. If it is an iframe, then dispatch\n * a custom DOM event. When the custom event is received call the provided callback\n */\nconst useIFrameFocus = (options: UseIFrameFocusOptions) => {\n  const {\n    disabled,\n    element: targetDocument,\n    callback,\n    contains: containsProp = (parent, child) => !!parent?.contains(child),\n    pollDuration = 1000,\n    refs,\n  } = options;\n  const timeoutRef = React.useRef<number>();\n\n  const listener = useEventCallback((e: Event) => {\n    const contains = containsProp || ((parent, child) => !!parent?.contains(child));\n\n    const isOutside = refs.every(ref => !contains(ref.current || null, e.target as HTMLElement));\n    if (isOutside && !disabled) {\n      callback(e as MouseEvent);\n    }\n  });\n\n  // Adds listener to the custom iframe focus event\n  React.useEffect(() => {\n    if (!disabled) {\n      targetDocument?.addEventListener(FUI_FRAME_EVENT, listener, true);\n      return () => {\n        targetDocument?.removeEventListener(FUI_FRAME_EVENT, listener, true);\n      };\n    }\n  }, [targetDocument, disabled, listener]);\n\n  // Starts polling for the active element\n  React.useEffect(() => {\n    if (!disabled) {\n      timeoutRef.current = targetDocument?.defaultView?.setInterval(() => {\n        const activeElement = targetDocument?.activeElement;\n        if (activeElement?.tagName === 'IFRAME' || activeElement?.tagName === 'WEBVIEW') {\n          const event = new CustomEvent(FUI_FRAME_EVENT, { bubbles: true });\n          activeElement.dispatchEvent(event);\n        }\n      }, pollDuration);\n    }\n    return () => {\n      targetDocument?.defaultView?.clearTimeout(timeoutRef.current);\n    };\n  }, [targetDocument, disabled, pollDuration]);\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","useEventCallback","useOnClickOutside","options","refs","callback","element","disabled","contains","containsProp","timeoutId","useRef","undefined","useIFrameFocus","listener","ev","parent","child","isOutside","every","ref","current","target","useEffect","currentEvent","getWindowEvent","window","conditionalHandler","event","addEventListener","setTimeout","removeEventListener","clearTimeout","_target_ownerDocument","_target_ownerDocument_defaultView","_target_ownerDocument_defaultView_event","ownerDocument","defaultView","FUI_FRAME_EVENT","targetDocument","pollDuration","timeoutRef","e","_targetDocument_defaultView","setInterval","activeElement","tagName","CustomEvent","bubbles","dispatchEvent"],"sources":["../../src/hooks/useOnClickOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from './useEventCallback';\n\n/**\n * @internal\n */\nexport type UseOnClickOrScrollOutsideOptions = {\n  /**\n   * The element to listen for the click event\n   */\n  element: Document | undefined;\n  /**\n   * Refs to elements that check if the click is outside\n   */\n  refs: React.MutableRefObject<HTMLElement | undefined | null>[];\n\n  /**\n   * By default uses element.contains, but custom contain function can be provided\n   * @param parentRef - provided parent ref\n   * @param child - event target element\n   */\n  contains?(parent: HTMLElement | null, child: HTMLElement): boolean;\n\n  /**\n   * Disables event listeners\n   */\n  disabled?: boolean;\n\n  /**\n   * Called if the click is outside the element refs\n   */\n  callback: (ev: MouseEvent | TouchEvent) => void;\n};\n\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */\nexport const useOnClickOutside = (options: UseOnClickOrScrollOutsideOptions) => {\n  const { refs, callback, element, disabled, contains: containsProp } = options;\n  const timeoutId = React.useRef<number | undefined>(undefined);\n  useIFrameFocus(options);\n\n  const listener = useEventCallback((ev: MouseEvent | TouchEvent) => {\n    const contains: UseOnClickOrScrollOutsideOptions['contains'] =\n      containsProp || ((parent, child) => !!parent?.contains(child));\n\n    const isOutside = refs.every(ref => !contains(ref.current || null, ev.target as HTMLElement));\n    if (isOutside && !disabled) {\n      callback(ev);\n    }\n  });\n\n  React.useEffect(() => {\n    // Store the current event to avoid triggering handlers immediately\n    // Note this depends on a deprecated but extremely well supported quirk of the web platform\n    // https://github.com/facebook/react/issues/20074\n    let currentEvent = getWindowEvent(window);\n\n    const conditionalHandler = (event: MouseEvent | TouchEvent) => {\n      // Skip if this event is the same as the one running when we added the handlers\n      if (event === currentEvent) {\n        currentEvent = undefined;\n        return;\n      }\n\n      listener(event);\n    };\n\n    if (!disabled) {\n      // use capture phase because React can update DOM before the event bubbles to the document\n      element?.addEventListener('click', conditionalHandler, true);\n      element?.addEventListener('touchstart', conditionalHandler, true);\n      element?.addEventListener('contextmenu', conditionalHandler, true);\n    }\n\n    // Garbage collect this event after it's no longer useful to avoid memory leaks\n    timeoutId.current = window.setTimeout(() => {\n      currentEvent = undefined;\n    }, 1);\n\n    return () => {\n      element?.removeEventListener('click', conditionalHandler, true);\n      element?.removeEventListener('touchstart', conditionalHandler, true);\n      element?.removeEventListener('contextmenu', conditionalHandler, true);\n\n      clearTimeout(timeoutId.current);\n      currentEvent = undefined;\n    };\n  }, [listener, element, disabled]);\n};\n\nconst getWindowEvent = (target: Node | Window): Event | undefined => {\n  if (target) {\n    if (typeof (target as Window).window === 'object' && (target as Window).window === target) {\n      // eslint-disable-next-line deprecation/deprecation\n      return target.event;\n    }\n\n    // eslint-disable-next-line deprecation/deprecation\n    return (target as Node).ownerDocument?.defaultView?.event ?? undefined;\n  }\n\n  return undefined;\n};\n\nconst FUI_FRAME_EVENT = 'fuiframefocus';\n\ninterface UseIFrameFocusOptions extends UseOnClickOrScrollOutsideOptions {\n  /**\n   * Millisecond duration to poll\n   */\n  pollDuration?: number;\n}\n\n/**\n * Since click events do not propagate past iframes, we use focus to detect if a\n * click has happened inside an iframe, since the only ways of focusing inside an\n * iframe are:\n *   - clicking inside\n *   - tabbing inside\n *\n * Polls the value of `document.activeElement`. If it is an iframe, then dispatch\n * a custom DOM event. When the custom event is received call the provided callback\n */\nconst useIFrameFocus = (options: UseIFrameFocusOptions) => {\n  const {\n    disabled,\n    element: targetDocument,\n    callback,\n    contains: containsProp = (parent, child) => !!parent?.contains(child),\n    pollDuration = 1000,\n    refs,\n  } = options;\n  const timeoutRef = React.useRef<number>();\n\n  const listener = useEventCallback((e: Event) => {\n    const contains = containsProp || ((parent, child) => !!parent?.contains(child));\n\n    const isOutside = refs.every(ref => !contains(ref.current || null, e.target as HTMLElement));\n    if (isOutside && !disabled) {\n      callback(e as MouseEvent);\n    }\n  });\n\n  // Adds listener to the custom iframe focus event\n  React.useEffect(() => {\n    if (!disabled) {\n      targetDocument?.addEventListener(FUI_FRAME_EVENT, listener, true);\n      return () => {\n        targetDocument?.removeEventListener(FUI_FRAME_EVENT, listener, true);\n      };\n    }\n  }, [targetDocument, disabled, listener]);\n\n  // Starts polling for the active element\n  React.useEffect(() => {\n    if (!disabled) {\n      timeoutRef.current = targetDocument?.defaultView?.setInterval(() => {\n        const activeElement = targetDocument?.activeElement;\n        if (activeElement?.tagName === 'IFRAME' || activeElement?.tagName === 'WEBVIEW') {\n          const event = new CustomEvent(FUI_FRAME_EVENT, { bubbles: true });\n          activeElement.dispatchEvent(event);\n        }\n      }, pollDuration);\n    }\n    return () => {\n      targetDocument?.defaultView?.clearTimeout(timeoutRef.current);\n    };\n  }, [targetDocument, disabled, pollDuration]);\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,gBAAgB,QAAQ;AAiCjC;;;;AAIA,OAAO,MAAMC,iBAAA,GAAqBC,OAAA,IAA8C;EAC9E,MAAM;IAAEC,IAAA;IAAMC,QAAA;IAAUC,OAAA;IAASC,QAAA;IAAUC,QAAA,EAAUC;EAAY,CAAE,GAAGN,OAAA;EACtE,MAAMO,SAAA,GAAYV,KAAA,CAAMW,MAAM,CAAqBC,SAAA;EACnDC,cAAA,CAAeV,OAAA;EAEf,MAAMW,QAAA,GAAWb,gBAAA,CAAkBc,EAAA,IAAgC;IACjE,MAAMP,QAAA,GACJC,YAAA,KAAiB,CAACO,MAAA,EAAQC,KAAA;MAAU,QAAC,EAACD,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAQR,QAAQ,CAACS,KAAA;KAAK;IAE9D,MAAMC,SAAA,GAAYd,IAAA,CAAKe,KAAK,CAACC,GAAA,IAAO,CAACZ,QAAA,CAASY,GAAA,CAAIC,OAAO,IAAI,IAAI,EAAEN,EAAA,CAAGO,MAAM;IAC5E,IAAIJ,SAAA,IAAa,CAACX,QAAA,EAAU;MAC1BF,QAAA,CAASU,EAAA;IACX;EACF;EAEAf,KAAA,CAAMuB,SAAS,CAAC,MAAM;IACpB;IACA;IACA;IACA,IAAIC,YAAA,GAAeC,cAAA,CAAeC,MAAA;IAElC,MAAMC,kBAAA,GAAsBC,KAAA,IAAmC;MAC7D;MACA,IAAIA,KAAA,KAAUJ,YAAA,EAAc;QAC1BA,YAAA,GAAeZ,SAAA;QACf;MACF;MAEAE,QAAA,CAASc,KAAA;IACX;IAEA,IAAI,CAACrB,QAAA,EAAU;MACb;MACAD,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASuB,gBAAgB,CAAC,SAASF,kBAAA,EAAoB,IAAI;MAC3DrB,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASuB,gBAAgB,CAAC,cAAcF,kBAAA,EAAoB,IAAI;MAChErB,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASuB,gBAAgB,CAAC,eAAeF,kBAAA,EAAoB,IAAI;IACnE;IAEA;IACAjB,SAAA,CAAUW,OAAO,GAAGK,MAAA,CAAOI,UAAU,CAAC,MAAM;MAC1CN,YAAA,GAAeZ,SAAA;IACjB,GAAG;IAEH,OAAO,MAAM;MACXN,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASyB,mBAAmB,CAAC,SAASJ,kBAAA,EAAoB,IAAI;MAC9DrB,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASyB,mBAAmB,CAAC,cAAcJ,kBAAA,EAAoB,IAAI;MACnErB,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASyB,mBAAmB,CAAC,eAAeJ,kBAAA,EAAoB,IAAI;MAEpEK,YAAA,CAAatB,SAAA,CAAUW,OAAO;MAC9BG,YAAA,GAAeZ,SAAA;IACjB;EACF,GAAG,CAACE,QAAA,EAAUR,OAAA,EAASC,QAAA,CAAS;AAClC;AAEA,MAAMkB,cAAA,GAAkBH,MAAA,IAA6C;EACnE,IAAIA,MAAA,EAAQ;QAOHW,qBAAA,EAAAC,iCAAA;IANP,IAAI,OAAOZ,MAAC,CAAkBI,MAAM,KAAK,YAAYJ,MAAC,CAAkBI,MAAM,KAAKJ,MAAA,EAAQ;MACzF;MACA,OAAOA,MAAA,CAAOM,KAAK;IACrB;QAGOO,uCAAA;IADP;IACA,OAAO,CAAAA,uCAAA,IAAAF,qBAAA,GAAAX,MAAC,CAAgBc,aAAa,cAA9BH,qBAAA,wBAAAC,iCAAA,GAAAD,qBAAA,CAAgCI,WAAA,cAAAH,iCAAA,cAAhC,SAAAA,iCAAA,CAA6CN,KAAF,cAA3CO,uCAAA,cAAAA,uCAAA,GAAsDvB,SAAS;EACxE;EAEA,OAAOA,SAAA;AACT;AAEA,MAAM0B,eAAA,GAAkB;AASxB;;;;;;;;;;AAUA,MAAMzB,cAAA,GAAkBV,OAAA,IAAmC;EACzD,MAAM;IACJI,QAAA;IACAD,OAAA,EAASiC,cAAA;IACTlC,QAAA;IACAG,QAAA,EAAUC,YAAA,GAAeA,CAACO,MAAA,EAAQC,KAAA;MAAU,QAAC,EAACD,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAQR,QAAQ,CAACS,KAAA;KAAM;IACrEuB,YAAA,GAAe;IACfpC;EAAI,CACL,GAAGD,OAAA;EACJ,MAAMsC,UAAA,GAAazC,KAAA,CAAMW,MAAM;EAE/B,MAAMG,QAAA,GAAWb,gBAAA,CAAkByC,CAAA,IAAa;IAC9C,MAAMlC,QAAA,GAAWC,YAAA,KAAiB,CAACO,MAAA,EAAQC,KAAA;MAAU,QAAC,EAACD,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAQR,QAAQ,CAACS,KAAA;KAAK;IAE7E,MAAMC,SAAA,GAAYd,IAAA,CAAKe,KAAK,CAACC,GAAA,IAAO,CAACZ,QAAA,CAASY,GAAA,CAAIC,OAAO,IAAI,IAAI,EAAEqB,CAAA,CAAEpB,MAAM;IAC3E,IAAIJ,SAAA,IAAa,CAACX,QAAA,EAAU;MAC1BF,QAAA,CAASqC,CAAA;IACX;EACF;EAEA;EACA1C,KAAA,CAAMuB,SAAS,CAAC,MAAM;IACpB,IAAI,CAAChB,QAAA,EAAU;MACbgC,cAAA,aAAAA,cAAA,uBAAAA,cAAA,CAAgBV,gBAAgB,CAACS,eAAA,EAAiBxB,QAAA,EAAU,IAAI;MAChE,OAAO,MAAM;QACXyB,cAAA,aAAAA,cAAA,uBAAAA,cAAA,CAAgBR,mBAAmB,CAACO,eAAA,EAAiBxB,QAAA,EAAU,IAAI;MACrE;IACF;EACF,GAAG,CAACyB,cAAA,EAAgBhC,QAAA,EAAUO,QAAA,CAAS;EAEvC;EACAd,KAAA,CAAMuB,SAAS,CAAC,MAAM;IACpB,IAAI,CAAChB,QAAA,EAAU;UACQoC,2BAAA;MAArBF,UAAA,CAAWpB,OAAO,GAAGkB,cAAA,aAAAA,cAAA,wBAAAI,2BAAA,GAAAJ,cAAA,CAAgBF,WAAW,cAA3BM,2BAAA,uBAAAA,2BAAA,CAA6BC,WAAA,CAAY,MAAM;QAClE,MAAMC,aAAA,GAAgBN,cAAA,aAAAA,cAAA,uBAAAA,cAAA,CAAgBM,aAAa;QACnD,IAAI,CAAAA,aAAA,aAAAA,aAAA,uBAAAA,aAAA,CAAeC,OAAO,MAAK,YAAY,CAAAD,aAAA,aAAAA,aAAA,uBAAAA,aAAA,CAAeC,OAAO,MAAK,WAAW;UAC/E,MAAMlB,KAAA,GAAQ,IAAImB,WAAA,CAAYT,eAAA,EAAiB;YAAEU,OAAA,EAAS;UAAK;UAC/DH,aAAA,CAAcI,aAAa,CAACrB,KAAA;QAC9B;MACF,GAAGY,YAAA;IACL;IACA,OAAO,MAAM;UACXG,2BAAA;MAAAJ,cAAA,aAAAA,cAAA,wBAAAI,2BAAA,GAAAJ,cAAA,CAAgBF,WAAW,cAA3BM,2BAAA,uBAAAA,2BAAA,CAA6BX,YAAA,CAAaS,UAAA,CAAWpB,OAAO;IAC9D;EACF,GAAG,CAACkB,cAAA,EAAgBhC,QAAA,EAAUiC,YAAA,CAAa;AAC7C"}