@procore/core-react 11.24.4 → 11.25.1

package/dist/Typography/Typography.table.story.js

@@ -5,11 +5,11 @@ import { colors } from '../_styles/colors';
 import { getTypographyIntent } from './Typography.styles';
 var StyledBodyCell = /*#__PURE__*/styled(Table.BodyCell).withConfig({
   displayName: "StyledBodyCell",
-  componentId: "core-11_24_4__sc-p4v7d-0"
+  componentId: "core-11_25_1__sc-p4v7d-0"
 })([""]);
 var StyledTextCell = /*#__PURE__*/styled(Table.TextCell).withConfig({
   displayName: "StyledTextCell",
-  componentId: "core-11_24_4__sc-p4v7d-1"
+  componentId: "core-11_25_1__sc-p4v7d-1"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
 function BodyCell() {
   return /*#__PURE__*/React.createElement(StyledBodyCell, {

package/dist/_hooks/Analytics.d.ts

@@ -15,7 +15,7 @@ export declare const AnalyticsContext: React.Context<ContextValue>;
  * @deprecatedSince 11
  * @deprecated
  */
-export declare function AnalyticsProvider({ analytics, children, }: AnalyticsProviderProps): JSX.Element;
+export declare function AnalyticsProvider({ analytics, children, }: AnalyticsProviderProps): React.JSX.Element;
 /**
  * @deprecatedSince 11
  * @deprecated

package/dist/_hooks/Anchor.d.ts

@@ -63,7 +63,7 @@ export declare const AnchorContext: React.Context<AnchorApi>;
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
-export declare function AnchorProvider({ children, ...props }: AnchorProps): JSX.Element;
+export declare function AnchorProvider({ children, ...props }: AnchorProps): React.JSX.Element;
 /**
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported

package/dist/_hooks/BoundingRect.d.ts

@@ -32,7 +32,7 @@ export declare const BoundingRectContext: React.Context<BoundingRectApi>;
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
-export declare function BoundingRectProvider({ children, ...props }: Props): JSX.Element;
+export declare function BoundingRectProvider({ children, ...props }: Props): React.JSX.Element;
 /**
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported

package/dist/_hooks/Buffer.d.ts

@@ -53,7 +53,7 @@ export declare const BufferContext: React.Context<BufferApi>;
  * @deprecatedSince 9.7.0
  * @deprecated
  */
-export declare function BufferProvider({ children, ...props }: Props): JSX.Element;
+export declare function BufferProvider({ children, ...props }: Props): React.JSX.Element;
 /**
  * @deprecatedSince 9.7.0
  * @deprecated

package/dist/_hooks/ClickOutside.d.ts

@@ -1,5 +1,6 @@
 import type React from 'react';
-export interface ClickOutsideConfig {
+import type { PortalProps } from '../Portal/Portal.types';
+export interface ClickOutsideConfig extends Pick<PortalProps, 'container'> {
     /**
      * @since 10.19.0
      */
@@ -24,4 +25,4 @@ export declare function isEventSource(ref: React.RefObject<any>, event: Event):
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
-export declare function useClickOutside({ refs, onClickOutside, }: ClickOutsideConfig): void;
+export declare function useClickOutside({ refs, onClickOutside, container, }: ClickOutsideConfig): void;

package/dist/_hooks/ClickOutside.js

@@ -18,7 +18,8 @@ export function isEventSource(ref, event) {
 export function useClickOutside(_ref) {
   var _ref$refs = _ref.refs,
     refs = _ref$refs === void 0 ? [] : _ref$refs,
-    onClickOutside = _ref.onClickOutside;
+    onClickOutside = _ref.onClickOutside,
+    container = _ref.container;
   var handler = function handler(event) {
     if (onClickOutside && !refs.find(function (ref) {
       return isEventSource(ref, event);
@@ -29,15 +30,19 @@ export function useClickOutside(_ref) {
   var options = {
     capture: true
   };
+  var containerDocument = container === null || container === void 0 ? void 0 : container.ownerDocument;
+  var scope = (containerDocument === null || containerDocument === void 0 ? void 0 : containerDocument.defaultView) || undefined;
   useEventListener({
     event: 'click',
     handler: handler,
-    options: options
+    options: options,
+    scope: scope
   });
   useEventListener({
     event: 'touchend',
     handler: handler,
-    options: options
+    options: options,
+    scope: scope
   });
 }
 //# sourceMappingURL=ClickOutside.js.map

package/dist/_hooks/ClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClickOutside.js","names":["useEventListener","isEventSource","ref","event","current","target","HTMLElement","SVGElement","contains","useClickOutside","_ref","_ref$refs","refs","onClickOutside","handler","find","options","capture"],"sources":["../../src/_hooks/ClickOutside.ts"],"sourcesContent":["import type React from 'react'\nimport { useEventListener } from './EventListener'\n\nexport interface ClickOutsideConfig {\n  /**\n   * @since 10.19.0\n   */\n  onClickOutside: (event: MouseEvent) => void\n  /**\n   * @since 10.19.0\n   */\n  refs: Array<React.RefObject<HTMLElement>>\n}\n\nexport interface ClickOutsideProps extends ClickOutsideConfig {\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactElement\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\n// To support MenuRef had to change to any. Could manually do <HTMLElement & MenuRef> but seems brittle\nexport function isEventSource(ref: React.RefObject<any>, event: Event) {\n  if (\n    ref?.current &&\n    event &&\n    (event.target instanceof HTMLElement || event.target instanceof SVGElement)\n  ) {\n    return ref.current.contains(event.target)\n  } else {\n    return false\n  }\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useClickOutside({\n  refs = [],\n  onClickOutside,\n}: ClickOutsideConfig) {\n  const handler = (event: MouseEvent) => {\n    if (onClickOutside && !refs.find((ref) => isEventSource(ref, event))) {\n      onClickOutside(event)\n    }\n  }\n\n  const options = { capture: true }\n\n  useEventListener({ event: 'click', handler, options })\n\n  useEventListener({ event: 'touchend', handler, options })\n}\n"],"mappings":"AACA,SAASA,gBAAgB,QAAQ,iBAAiB;AAoBlD;AACA;AACA;AACA,GAHA,CAIA;AACA,OAAO,SAASC,aAAaA,CAACC,GAAyB,EAAEC,KAAY,EAAE;EACrE,IACED,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEE,OAAO,IACZD,KAAK,KACJA,KAAK,CAACE,MAAM,YAAYC,WAAW,IAAIH,KAAK,CAACE,MAAM,YAAYE,UAAU,CAAC,EAC3E;IACA,OAAOL,GAAG,CAACE,OAAO,CAACI,QAAQ,CAACL,KAAK,CAACE,MAAM,CAAC;EAC3C,CAAC,MAAM;IACL,OAAO,KAAK;EACd;AACF;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASI,eAAeA,CAAAC,IAAA,EAGR;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAFrBE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IACTE,cAAc,GAAAH,IAAA,CAAdG,cAAc;EAEd,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAIX,KAAiB,EAAK;IACrC,IAAIU,cAAc,IAAI,CAACD,IAAI,CAACG,IAAI,CAAC,UAACb,GAAG;MAAA,OAAKD,aAAa,CAACC,GAAG,EAAEC,KAAK,CAAC;IAAA,EAAC,EAAE;MACpEU,cAAc,CAACV,KAAK,CAAC;IACvB;EACF,CAAC;EAED,IAAMa,OAAO,GAAG;IAAEC,OAAO,EAAE;EAAK,CAAC;EAEjCjB,gBAAgB,CAAC;IAAEG,KAAK,EAAE,OAAO;IAAEW,OAAO,EAAPA,OAAO;IAAEE,OAAO,EAAPA;EAAQ,CAAC,CAAC;EAEtDhB,gBAAgB,CAAC;IAAEG,KAAK,EAAE,UAAU;IAAEW,OAAO,EAAPA,OAAO;IAAEE,OAAO,EAAPA;EAAQ,CAAC,CAAC;AAC3D"}
+{"version":3,"file":"ClickOutside.js","names":["useEventListener","isEventSource","ref","event","current","target","HTMLElement","SVGElement","contains","useClickOutside","_ref","_ref$refs","refs","onClickOutside","container","handler","find","options","capture","containerDocument","ownerDocument","scope","defaultView","undefined"],"sources":["../../src/_hooks/ClickOutside.ts"],"sourcesContent":["import type React from 'react'\nimport type { PortalProps } from '../Portal/Portal.types'\nimport { useEventListener } from './EventListener'\n\nexport interface ClickOutsideConfig extends Pick<PortalProps, 'container'> {\n  /**\n   * @since 10.19.0\n   */\n  onClickOutside: (event: MouseEvent) => void\n  /**\n   * @since 10.19.0\n   */\n  refs: Array<React.RefObject<HTMLElement>>\n}\n\nexport interface ClickOutsideProps extends ClickOutsideConfig {\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactElement\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\n// To support MenuRef had to change to any. Could manually do <HTMLElement & MenuRef> but seems brittle\nexport function isEventSource(ref: React.RefObject<any>, event: Event) {\n  if (\n    ref?.current &&\n    event &&\n    (event.target instanceof HTMLElement || event.target instanceof SVGElement)\n  ) {\n    return ref.current.contains(event.target)\n  } else {\n    return false\n  }\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useClickOutside({\n  refs = [],\n  onClickOutside,\n  container,\n}: ClickOutsideConfig) {\n  const handler = (event: MouseEvent) => {\n    if (onClickOutside && !refs.find((ref) => isEventSource(ref, event))) {\n      onClickOutside(event)\n    }\n  }\n\n  const options = { capture: true }\n\n  const containerDocument = container?.ownerDocument\n  const scope = containerDocument?.defaultView || undefined\n\n  useEventListener({ event: 'click', handler, options, scope: scope })\n\n  useEventListener({ event: 'touchend', handler, options, scope: scope })\n}\n"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ,iBAAiB;AAoBlD;AACA;AACA;AACA,GAHA,CAIA;AACA,OAAO,SAASC,aAAaA,CAACC,GAAyB,EAAEC,KAAY,EAAE;EACrE,IACED,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEE,OAAO,IACZD,KAAK,KACJA,KAAK,CAACE,MAAM,YAAYC,WAAW,IAAIH,KAAK,CAACE,MAAM,YAAYE,UAAU,CAAC,EAC3E;IACA,OAAOL,GAAG,CAACE,OAAO,CAACI,QAAQ,CAACL,KAAK,CAACE,MAAM,CAAC;EAC3C,CAAC,MAAM;IACL,OAAO,KAAK;EACd;AACF;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASI,eAAeA,CAAAC,IAAA,EAIR;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAHrBE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IACTE,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAET,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAIZ,KAAiB,EAAK;IACrC,IAAIU,cAAc,IAAI,CAACD,IAAI,CAACI,IAAI,CAAC,UAACd,GAAG;MAAA,OAAKD,aAAa,CAACC,GAAG,EAAEC,KAAK,CAAC;IAAA,EAAC,EAAE;MACpEU,cAAc,CAACV,KAAK,CAAC;IACvB;EACF,CAAC;EAED,IAAMc,OAAO,GAAG;IAAEC,OAAO,EAAE;EAAK,CAAC;EAEjC,IAAMC,iBAAiB,GAAGL,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEM,aAAa;EAClD,IAAMC,KAAK,GAAG,CAAAF,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEG,WAAW,KAAIC,SAAS;EAEzDvB,gBAAgB,CAAC;IAAEG,KAAK,EAAE,OAAO;IAAEY,OAAO,EAAPA,OAAO;IAAEE,OAAO,EAAPA,OAAO;IAAEI,KAAK,EAAEA;EAAM,CAAC,CAAC;EAEpErB,gBAAgB,CAAC;IAAEG,KAAK,EAAE,UAAU;IAAEY,OAAO,EAAPA,OAAO;IAAEE,OAAO,EAAPA,OAAO;IAAEI,KAAK,EAAEA;EAAM,CAAC,CAAC;AACzE"}

package/dist/_hooks/DateTime/DateTime.d.ts

@@ -20,7 +20,7 @@ export declare type DateTimeContextConfig = Pick<Intl.DateTimeFormatOptions, 'ho
 export declare type DateTimeProviderProps = {
     children: React.ReactNode;
 } & DateTimeContextConfig;
-export declare function DateTimeProvider({ children, hour12, timeZone, }: DateTimeProviderProps): JSX.Element;
+export declare function DateTimeProvider({ children, hour12, timeZone, }: DateTimeProviderProps): React.JSX.Element;
 interface DateTimeAPI {
     format: (value: Date, type: DateTimeFormatTypes, options?: Intl.DateTimeFormatOptions, timeOptions?: Intl.DateTimeFormatOptions, 
     /** @internal */

package/dist/_hooks/DelayedToggle.d.ts

@@ -102,7 +102,7 @@ export declare const DelayedToggleContext: React.Context<Api>;
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
-export declare function DelayedToggleProvider({ children, ...props }: DelayedToggleProps): JSX.Element;
+export declare function DelayedToggleProvider({ children, ...props }: DelayedToggleProps): React.JSX.Element;
 /**
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported

package/dist/_hooks/Event.d.ts

@@ -33,7 +33,7 @@ export declare const EventContext: React.Context<EventApi>;
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported
  */
-export declare function EventProvider({ children, ...props }: Props): JSX.Element;
+export declare function EventProvider({ children, ...props }: Props): React.JSX.Element;
 /**
  * @deprecatedSince 9
  * @deprecated Never officially documented/supported

package/dist/_hooks/EventListener.js

@@ -89,9 +89,18 @@ export function useEventListener(_ref2) {
   } else if (!handler) {
     console.warn("\"handler\" option missing, no listeners added");
   }
-  var actualScope = scope === getWindow() || !scope ? {
-    current: getWindow()
-  } : scope || {};
+  var actualScope;
+  if (scope && !('current' in scope) && !Array.isArray(scope)) {
+    actualScope = {
+      current: scope
+    };
+  } else if (!scope) {
+    actualScope = {
+      current: getWindow()
+    };
+  } else {
+    actualScope = scope || {};
+  }
   var listener = useEventCallback({
     handler: handler,
     dependencies: dependencies
@@ -100,7 +109,8 @@ export function useEventListener(_ref2) {
     if (noopHandler) {
       return;
     }
-    var current = actualScope.current;
+    var _actualScope = actualScope,
+      current = _actualScope.current;
     if (current) {
       current.addEventListener(event, listener, options);
       return function () {

package/dist/_hooks/EventListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventListener.js","names":["React","getWindow","window","useLayoutEventListener","_ref","_ref$dependencies","dependencies","event","handler","_ref$options","options","scope","_ref$noopHandler","noopHandler","console","warn","actualScope","current","listener","useEventCallback","useLayoutEffect","addEventListener","removeEventListener","useEventListener","_ref2","_ref2$dependencies","_ref2$options","_ref2$noopHandler","useEffect","_ref3","_ref3$dependencies","ref","useRef","concat","_toConsumableArray","useCallback"],"sources":["../../src/_hooks/EventListener.ts"],"sourcesContent":["import React from 'react'\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport type Scope =\n  | Window\n  | React.RefObject<HTMLElement>\n  | React.RefObject<HTMLElement>[]\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport interface Config {\n  /**\n   * @since 10.19.0\n   */\n  dependencies?: any[]\n  /**\n   * @since 10.19.0\n   */\n  event: string\n  /**\n   * @since 10.19.0\n   */\n  handler: React.EventHandler<any>\n  /**\n   * @since 10.19.0\n   */\n  options?: AddEventListenerOptions\n  /**\n   * @since 10.19.0\n   */\n  scope?: Scope\n  /**\n   * @since 10.19.0\n   */\n  noopHandler?: boolean\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport interface EventCallbackConfig {\n  /**\n   * @since 10.19.0\n   */\n  handler: React.EventHandler<any>\n  /**\n   * @since 10.19.0\n   */\n  dependencies?: Array<any>\n}\n\n// TODO this is kind of hacky and just to satisfy gatsby. There are other usages of\n// window in the library which don't trigger this error, so we should probably figure\n// out what's going on here\nfunction getWindow() {\n  if (typeof window !== 'undefined') {\n    return window\n  }\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useLayoutEventListener({\n  dependencies = [],\n  event,\n  handler,\n  options = {},\n  scope,\n  noopHandler = false,\n}: Config) {\n  if (!event) {\n    console.warn(`\"event\" option missing, no listeners added`)\n  } else if (!handler) {\n    console.warn(`\"handler\" option missing, no listeners added`)\n  }\n\n  const actualScope =\n    scope === getWindow() || !scope\n      ? { current: getWindow() }\n      : (scope as React.RefObject<HTMLElement>) || {}\n\n  const listener = useEventCallback({ handler, dependencies })\n\n  React.useLayoutEffect(() => {\n    if (noopHandler) {\n      return\n    }\n\n    const { current } = actualScope\n\n    if (current) {\n      current.addEventListener(event, listener, options)\n\n      return () => current.removeEventListener(event, listener, options)\n    }\n  }, [noopHandler, event, listener, actualScope.current])\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useEventListener({\n  dependencies = [],\n  event,\n  handler,\n  options = {},\n  scope,\n  noopHandler = false,\n}: Config) {\n  if (!event) {\n    console.warn(`\"event\" option missing, no listeners added`)\n  } else if (!handler) {\n    console.warn(`\"handler\" option missing, no listeners added`)\n  }\n\n  const actualScope =\n    scope === getWindow() || !scope\n      ? { current: getWindow() }\n      : (scope as React.RefObject<HTMLElement>) || {}\n\n  const listener = useEventCallback({ handler, dependencies })\n\n  React.useEffect(() => {\n    if (noopHandler) {\n      return\n    }\n\n    const { current } = actualScope\n\n    if (current) {\n      current.addEventListener(event, listener, options)\n\n      return () => current.removeEventListener(event, listener, options)\n    }\n  }, [noopHandler, event, listener, actualScope.current])\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useEventCallback({\n  handler,\n  dependencies = [],\n}: EventCallbackConfig): React.EventHandler<any> {\n  const ref = React.useRef(handler)\n\n  React.useLayoutEffect(() => {\n    ref.current = handler\n  }, [handler, ...dependencies])\n\n  return React.useCallback((event) => ref.current(event), [])\n}\n"],"mappings":"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"}
+{"version":3,"file":"EventListener.js","names":["React","getWindow","window","useLayoutEventListener","_ref","_ref$dependencies","dependencies","event","handler","_ref$options","options","scope","_ref$noopHandler","noopHandler","console","warn","actualScope","current","listener","useEventCallback","useLayoutEffect","addEventListener","removeEventListener","useEventListener","_ref2","_ref2$dependencies","_ref2$options","_ref2$noopHandler","Array","isArray","useEffect","_actualScope","_ref3","_ref3$dependencies","ref","useRef","concat","_toConsumableArray","useCallback"],"sources":["../../src/_hooks/EventListener.ts"],"sourcesContent":["import React from 'react'\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport type Scope =\n  | Window\n  | React.RefObject<HTMLElement>\n  | React.RefObject<HTMLElement>[]\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport interface Config {\n  /**\n   * @since 10.19.0\n   */\n  dependencies?: any[]\n  /**\n   * @since 10.19.0\n   */\n  event: string\n  /**\n   * @since 10.19.0\n   */\n  handler: React.EventHandler<any>\n  /**\n   * @since 10.19.0\n   */\n  options?: AddEventListenerOptions\n  /**\n   * @since 10.19.0\n   */\n  scope?: Scope\n  /**\n   * @since 10.19.0\n   */\n  noopHandler?: boolean\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport interface EventCallbackConfig {\n  /**\n   * @since 10.19.0\n   */\n  handler: React.EventHandler<any>\n  /**\n   * @since 10.19.0\n   */\n  dependencies?: Array<any>\n}\n\n// TODO this is kind of hacky and just to satisfy gatsby. There are other usages of\n// window in the library which don't trigger this error, so we should probably figure\n// out what's going on here\nfunction getWindow() {\n  if (typeof window !== 'undefined') {\n    return window\n  }\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useLayoutEventListener({\n  dependencies = [],\n  event,\n  handler,\n  options = {},\n  scope,\n  noopHandler = false,\n}: Config) {\n  if (!event) {\n    console.warn(`\"event\" option missing, no listeners added`)\n  } else if (!handler) {\n    console.warn(`\"handler\" option missing, no listeners added`)\n  }\n\n  const actualScope =\n    scope === getWindow() || !scope\n      ? { current: getWindow() }\n      : (scope as React.RefObject<HTMLElement>) || {}\n\n  const listener = useEventCallback({ handler, dependencies })\n\n  React.useLayoutEffect(() => {\n    if (noopHandler) {\n      return\n    }\n\n    const { current } = actualScope\n\n    if (current) {\n      current.addEventListener(event, listener, options)\n\n      return () => current.removeEventListener(event, listener, options)\n    }\n  }, [noopHandler, event, listener, actualScope.current])\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useEventListener({\n  dependencies = [],\n  event,\n  handler,\n  options = {},\n  scope,\n  noopHandler = false,\n}: Config) {\n  if (!event) {\n    console.warn(`\"event\" option missing, no listeners added`)\n  } else if (!handler) {\n    console.warn(`\"handler\" option missing, no listeners added`)\n  }\n\n  let actualScope: {\n    current?: Window | HTMLElement | null\n  }\n\n  if (scope && !('current' in scope) && !Array.isArray(scope)) {\n    actualScope = { current: scope }\n  } else if (!scope) {\n    actualScope = { current: getWindow() }\n  } else {\n    actualScope = (scope as React.RefObject<HTMLElement>) || {}\n  }\n\n  const listener = useEventCallback({ handler, dependencies })\n\n  React.useEffect(() => {\n    if (noopHandler) {\n      return\n    }\n\n    const { current } = actualScope\n\n    if (current) {\n      current.addEventListener(event, listener, options)\n\n      return () => current.removeEventListener(event, listener, options)\n    }\n  }, [noopHandler, event, listener, actualScope.current])\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useEventCallback({\n  handler,\n  dependencies = [],\n}: EventCallbackConfig): React.EventHandler<any> {\n  const ref = React.useRef(handler)\n\n  React.useLayoutEffect(() => {\n    ref.current = handler\n  }, [handler, ...dependencies])\n\n  return React.useCallback((event) => ref.current(event), [])\n}\n"],"mappings":"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"}