@basic-ui/core 0.0.50 → 0.0.52

package/build/esm/utils/is-right-click.d.ts

@@ -1,6 +1,6 @@
-/**
- * Detects right clicks
- *
- * @param nativeEvent
- */
-export declare function isRightClick(nativeEvent: MouseEvent | PointerEvent | TouchEvent): boolean;
+/**
+ * Detects right clicks
+ *
+ * @param nativeEvent
+ */
+export declare function isRightClick(nativeEvent: MouseEvent | PointerEvent | TouchEvent): boolean;

package/build/esm/utils/is-right-click.js

@@ -1,7 +1,7 @@
-/**
- * Detects right clicks
- *
- * @param nativeEvent
+/**
+ * Detects right clicks
+ *
+ * @param nativeEvent
  */
 export function isRightClick(nativeEvent) {
   return 'which' in nativeEvent ? nativeEvent.which === 3 : 'button' in nativeEvent ? nativeEvent.button === 2 : false;

package/build/esm/utils/is-right-click.js.map

@@ -1 +1 @@
-{"version":3,"file":"is-right-click.js","names":["isRightClick","nativeEvent","which","button"],"sources":["../../../src/utils/is-right-click.ts"],"sourcesContent":["/**\n * Detects right clicks\n *\n * @param nativeEvent\n */\nexport function isRightClick(\n  nativeEvent: MouseEvent | PointerEvent | TouchEvent\n) {\n  return 'which' in nativeEvent\n    ? nativeEvent.which === 3\n    : 'button' in nativeEvent\n    ? (nativeEvent as any).button === 2\n    : false;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,YAAT,CACLC,WADK,EAEL;EACA,OAAO,WAAWA,WAAX,GACHA,WAAW,CAACC,KAAZ,KAAsB,CADnB,GAEH,YAAYD,WAAZ,GACCA,WAAD,CAAqBE,MAArB,KAAgC,CADhC,GAEA,KAJJ;AAKD"}
+{"version":3,"file":"is-right-click.js","names":["isRightClick","nativeEvent","which","button"],"sources":["../../../src/utils/is-right-click.ts"],"sourcesContent":["/**\r\n * Detects right clicks\r\n *\r\n * @param nativeEvent\r\n */\r\nexport function isRightClick(\r\n  nativeEvent: MouseEvent | PointerEvent | TouchEvent\r\n) {\r\n  return 'which' in nativeEvent\r\n    ? nativeEvent.which === 3\r\n    : 'button' in nativeEvent\r\n    ? (nativeEvent as any).button === 2\r\n    : false;\r\n}\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,YAAT,CACLC,WADK,EAEL;EACA,OAAO,WAAWA,WAAX,GACHA,WAAW,CAACC,KAAZ,KAAsB,CADnB,GAEH,YAAYD,WAAZ,GACCA,WAAD,CAAqBE,MAArB,KAAgC,CADhC,GAEA,KAJJ;AAKD"}

package/build/esm/utils/owner-document.d.ts

@@ -1,7 +1,7 @@
-/**
- * Get an element's owner document. Useful when components are used in iframes
- * or other environments like dev tools.
- *
- * @param element
- */
-export declare function getOwnerDocument<T extends Element>(element: T | null | undefined): Document | null;
+/**
+ * Get an element's owner document. Useful when components are used in iframes
+ * or other environments like dev tools.
+ *
+ * @param element
+ */
+export declare function getOwnerDocument<T extends Element>(element: T | null | undefined): Document | null;

package/build/esm/utils/owner-document.js

@@ -1,9 +1,9 @@
 import { canUseDOM } from './can-use-dom';
-/**
- * Get an element's owner document. Useful when components are used in iframes
- * or other environments like dev tools.
- *
- * @param element
+/**
+ * Get an element's owner document. Useful when components are used in iframes
+ * or other environments like dev tools.
+ *
+ * @param element
  */
 
 export function getOwnerDocument(element) {

package/build/esm/utils/owner-document.js.map

@@ -1 +1 @@
-{"version":3,"file":"owner-document.js","names":["canUseDOM","getOwnerDocument","element","ownerDocument","document"],"sources":["../../../src/utils/owner-document.ts"],"sourcesContent":["import { canUseDOM } from './can-use-dom';\n\n/**\n * Get an element's owner document. Useful when components are used in iframes\n * or other environments like dev tools.\n *\n * @param element\n */\nexport function getOwnerDocument<T extends Element>(\n  element: T | null | undefined\n) {\n  return canUseDOM() ? (element ? element.ownerDocument : document) : null;\n}\n"],"mappings":"AAAA,SAASA,SAAT,QAA0B,eAA1B;AAEA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,gBAAT,CACLC,OADK,EAEL;EACA,OAAOF,SAAS,KAAME,OAAO,GAAGA,OAAO,CAACC,aAAX,GAA2BC,QAAxC,GAAoD,IAApE;AACD"}
+{"version":3,"file":"owner-document.js","names":["canUseDOM","getOwnerDocument","element","ownerDocument","document"],"sources":["../../../src/utils/owner-document.ts"],"sourcesContent":["import { canUseDOM } from './can-use-dom';\r\n\r\n/**\r\n * Get an element's owner document. Useful when components are used in iframes\r\n * or other environments like dev tools.\r\n *\r\n * @param element\r\n */\r\nexport function getOwnerDocument<T extends Element>(\r\n  element: T | null | undefined\r\n) {\r\n  return canUseDOM() ? (element ? element.ownerDocument : document) : null;\r\n}\r\n"],"mappings":"AAAA,SAASA,SAAT,QAA0B,eAA1B;AAEA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,gBAAT,CACLC,OADK,EAEL;EACA,OAAOF,SAAS,KAAME,OAAO,GAAGA,OAAO,CAACC,aAAX,GAA2BC,QAAxC,GAAoD,IAApE;AACD"}

package/build/esm/utils/polymorphic.d.ts

@@ -1,39 +1,39 @@
-import type * as React from 'react';
-export declare type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
-/**
- * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
- */
-export declare type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
-/**
- * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs
- */
-export declare type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : never;
-declare type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
-    as?: E;
-    innerAs?: E;
-}>>;
-export interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {
-    <As = IntrinsicElementString>(props: As extends '' ? {
-        as: keyof JSX.IntrinsicElements;
-        innerAs?: keyof JSX.IntrinsicElements;
-    } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
-        as: As;
-        innerAs?: As;
-    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
-        as: As;
-        innerAs?: As;
-    }> : never): React.ReactElement | null;
-}
-export interface MemoComponent<IntrinsicElementString, OwnProps = {}> extends React.MemoExoticComponent<ForwardRefComponent<IntrinsicElementString, OwnProps>> {
-    <As = IntrinsicElementString>(props: As extends '' ? {
-        as: keyof JSX.IntrinsicElements;
-        innerAs?: keyof JSX.IntrinsicElements;
-    } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
-        as: As;
-        innerAs?: As;
-    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
-        as: As;
-        innerAs?: As;
-    }> : never): React.ReactElement | null;
-}
-export {};
+import type * as React from 'react';
+export declare type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
+/**
+ * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
+ */
+export declare type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
+/**
+ * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs
+ */
+export declare type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : never;
+declare type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
+    as?: E;
+    innerAs?: E;
+}>>;
+export interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {
+    <As = IntrinsicElementString>(props: As extends '' ? {
+        as: keyof JSX.IntrinsicElements;
+        innerAs?: keyof JSX.IntrinsicElements;
+    } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
+        as: As;
+        innerAs?: As;
+    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
+        as: As;
+        innerAs?: As;
+    }> : never): React.ReactElement | null;
+}
+export interface MemoComponent<IntrinsicElementString, OwnProps = {}> extends React.MemoExoticComponent<ForwardRefComponent<IntrinsicElementString, OwnProps>> {
+    <As = IntrinsicElementString>(props: As extends '' ? {
+        as: keyof JSX.IntrinsicElements;
+        innerAs?: keyof JSX.IntrinsicElements;
+    } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
+        as: As;
+        innerAs?: As;
+    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
+        as: As;
+        innerAs?: As;
+    }> : never): React.ReactElement | null;
+}
+export {};

package/build/esm/utils/polymorphic.js.map

@@ -1 +1 @@
-{"version":3,"file":"polymorphic.js","names":[],"sources":["../../../src/utils/polymorphic.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\n// adapted from https://github.com/radix-ui/primitives/blob/2f139a832ba0cdfd445c937ebf63c2e79e0ef7ed/packages/react/polymorphic/src/polymorphic.ts\n// Would have liked to use it directly instead of copying but they are\n// (rightfully) treating it as an internal utility, so copy/paste it is to\n// prevent any needless churn if they make breaking changes. Big thanks to Jenna\n// for the heavy lifting! https://github.com/jjenzz\n\nimport type * as React from 'react';\n\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;\n\n/**\n * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs\n */\nexport type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};\n\n/**\n * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs\n */\nexport type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any>\n  ? I\n  : never;\n\ntype ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<\n  Merge<\n    E extends React.ElementType ? React.ComponentPropsWithRef<E> : never,\n    OwnProps & { as?: E; innerAs?: E }\n  >\n>;\n\nexport interface ForwardRefComponent<\n  IntrinsicElementString,\n  OwnProps = {}\n  /*\n   * Extends original type to ensure built in React types play nice with\n   * polymorphic components still e.g. `React.ElementRef` etc.\n   */\n> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {\n  /*\n   * When `as` prop is passed, use this overload. Merges original own props\n   * (without DOM props) and the inferred props from `as` element with the own\n   * props taking precendence.\n   *\n   * We explicitly avoid `React.ElementType` and manually narrow the prop types\n   * so that events are typed when using JSX.IntrinsicElements.\n   */\n  <As = IntrinsicElementString>(\n    props: As extends ''\n      ? {\n          as: keyof JSX.IntrinsicElements;\n          innerAs?: keyof JSX.IntrinsicElements;\n        }\n      : As extends React.ComponentType<infer P>\n      ? Merge<P, OwnProps & { as: As; innerAs?: As }>\n      : As extends keyof JSX.IntrinsicElements\n      ? Merge<JSX.IntrinsicElements[As], OwnProps & { as: As; innerAs?: As }>\n      : never\n  ): React.ReactElement | null;\n}\n\nexport interface MemoComponent<IntrinsicElementString, OwnProps = {}>\n  extends React.MemoExoticComponent<\n    ForwardRefComponent<IntrinsicElementString, OwnProps>\n  > {\n  <As = IntrinsicElementString>(\n    props: As extends ''\n      ? {\n          as: keyof JSX.IntrinsicElements;\n          innerAs?: keyof JSX.IntrinsicElements;\n        }\n      : As extends React.ComponentType<infer P>\n      ? Merge<P, OwnProps & { as: As; innerAs?: As }>\n      : As extends keyof JSX.IntrinsicElements\n      ? Merge<JSX.IntrinsicElements[As], OwnProps & { as: As; innerAs?: As }>\n      : never\n  ): React.ReactElement | null;\n}\n"],"mappings":""}
+{"version":3,"file":"polymorphic.js","names":[],"sources":["../../../src/utils/polymorphic.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\r\n// adapted from https://github.com/radix-ui/primitives/blob/2f139a832ba0cdfd445c937ebf63c2e79e0ef7ed/packages/react/polymorphic/src/polymorphic.ts\r\n// Would have liked to use it directly instead of copying but they are\r\n// (rightfully) treating it as an internal utility, so copy/paste it is to\r\n// prevent any needless churn if they make breaking changes. Big thanks to Jenna\r\n// for the heavy lifting! https://github.com/jjenzz\r\n\r\nimport type * as React from 'react';\r\n\r\n// eslint-disable-next-line @typescript-eslint/ban-types\r\nexport type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;\r\n\r\n/**\r\n * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs\r\n */\r\nexport type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};\r\n\r\n/**\r\n * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs\r\n */\r\nexport type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any>\r\n  ? I\r\n  : never;\r\n\r\ntype ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<\r\n  Merge<\r\n    E extends React.ElementType ? React.ComponentPropsWithRef<E> : never,\r\n    OwnProps & { as?: E; innerAs?: E }\r\n  >\r\n>;\r\n\r\nexport interface ForwardRefComponent<\r\n  IntrinsicElementString,\r\n  OwnProps = {}\r\n  /*\r\n   * Extends original type to ensure built in React types play nice with\r\n   * polymorphic components still e.g. `React.ElementRef` etc.\r\n   */\r\n> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {\r\n  /*\r\n   * When `as` prop is passed, use this overload. Merges original own props\r\n   * (without DOM props) and the inferred props from `as` element with the own\r\n   * props taking precendence.\r\n   *\r\n   * We explicitly avoid `React.ElementType` and manually narrow the prop types\r\n   * so that events are typed when using JSX.IntrinsicElements.\r\n   */\r\n  <As = IntrinsicElementString>(\r\n    props: As extends ''\r\n      ? {\r\n          as: keyof JSX.IntrinsicElements;\r\n          innerAs?: keyof JSX.IntrinsicElements;\r\n        }\r\n      : As extends React.ComponentType<infer P>\r\n      ? Merge<P, OwnProps & { as: As; innerAs?: As }>\r\n      : As extends keyof JSX.IntrinsicElements\r\n      ? Merge<JSX.IntrinsicElements[As], OwnProps & { as: As; innerAs?: As }>\r\n      : never\r\n  ): React.ReactElement | null;\r\n}\r\n\r\nexport interface MemoComponent<IntrinsicElementString, OwnProps = {}>\r\n  extends React.MemoExoticComponent<\r\n    ForwardRefComponent<IntrinsicElementString, OwnProps>\r\n  > {\r\n  <As = IntrinsicElementString>(\r\n    props: As extends ''\r\n      ? {\r\n          as: keyof JSX.IntrinsicElements;\r\n          innerAs?: keyof JSX.IntrinsicElements;\r\n        }\r\n      : As extends React.ComponentType<infer P>\r\n      ? Merge<P, OwnProps & { as: As; innerAs?: As }>\r\n      : As extends keyof JSX.IntrinsicElements\r\n      ? Merge<JSX.IntrinsicElements[As], OwnProps & { as: As; innerAs?: As }>\r\n      : never\r\n  ): React.ReactElement | null;\r\n}\r\n"],"mappings":""}

package/build/esm/utils/rubber-band-clamp.d.ts

@@ -1,2 +1,2 @@
-export declare function rubberBand(distance: number, dimension: number, constant?: number): number;
-export declare function rubberBandClamp(min: number, max: number, delta: number, constant?: number): number;
+export declare function rubberBand(distance: number, dimension: number, constant?: number): number;
+export declare function rubberBandClamp(min: number, max: number, delta: number, constant?: number): number;

package/build/esm/utils/rubber-band-clamp.js.map

@@ -1 +1 @@
-{"version":3,"file":"rubber-band-clamp.js","names":["rubberBand","distance","dimension","constant","rubberBandClamp","min","max","delta"],"sources":["../../../src/utils/rubber-band-clamp.ts"],"sourcesContent":["// https://twitter.com/chpwn/status/285540192096497664\n// iOS constant = 0.55\nexport function rubberBand(\n  distance: number,\n  dimension: number,\n  constant = 0.15\n) {\n  return (distance * dimension * constant) / (dimension + constant * distance);\n}\n\nexport function rubberBandClamp(\n  min: number,\n  max: number,\n  delta: number,\n  constant = 0.15\n) {\n  if (delta < min) {\n    return -rubberBand(min - delta, max - min, constant) + min;\n  }\n  if (delta > max) {\n    return rubberBand(delta - max, max - min, constant) + max;\n  }\n\n  return delta;\n}\n"],"mappings":"AAAA;AACA;AACA,OAAO,SAASA,UAAT,CACLC,QADK,EAELC,SAFK,EAIL;EAAA,IADAC,QACA,uEADW,IACX;EACA,OAAQF,QAAQ,GAAGC,SAAX,GAAuBC,QAAxB,IAAqCD,SAAS,GAAGC,QAAQ,GAAGF,QAA5D,CAAP;AACD;AAED,OAAO,SAASG,eAAT,CACLC,GADK,EAELC,GAFK,EAGLC,KAHK,EAKL;EAAA,IADAJ,QACA,uEADW,IACX;;EACA,IAAII,KAAK,GAAGF,GAAZ,EAAiB;IACf,OAAO,CAACL,UAAU,CAACK,GAAG,GAAGE,KAAP,EAAcD,GAAG,GAAGD,GAApB,EAAyBF,QAAzB,CAAX,GAAgDE,GAAvD;EACD;;EACD,IAAIE,KAAK,GAAGD,GAAZ,EAAiB;IACf,OAAON,UAAU,CAACO,KAAK,GAAGD,GAAT,EAAcA,GAAG,GAAGD,GAApB,EAAyBF,QAAzB,CAAV,GAA+CG,GAAtD;EACD;;EAED,OAAOC,KAAP;AACD"}
+{"version":3,"file":"rubber-band-clamp.js","names":["rubberBand","distance","dimension","constant","rubberBandClamp","min","max","delta"],"sources":["../../../src/utils/rubber-band-clamp.ts"],"sourcesContent":["// https://twitter.com/chpwn/status/285540192096497664\r\n// iOS constant = 0.55\r\nexport function rubberBand(\r\n  distance: number,\r\n  dimension: number,\r\n  constant = 0.15\r\n) {\r\n  return (distance * dimension * constant) / (dimension + constant * distance);\r\n}\r\n\r\nexport function rubberBandClamp(\r\n  min: number,\r\n  max: number,\r\n  delta: number,\r\n  constant = 0.15\r\n) {\r\n  if (delta < min) {\r\n    return -rubberBand(min - delta, max - min, constant) + min;\r\n  }\r\n  if (delta > max) {\r\n    return rubberBand(delta - max, max - min, constant) + max;\r\n  }\r\n\r\n  return delta;\r\n}\r\n"],"mappings":"AAAA;AACA;AACA,OAAO,SAASA,UAAT,CACLC,QADK,EAELC,SAFK,EAIL;EAAA,IADAC,QACA,uEADW,IACX;EACA,OAAQF,QAAQ,GAAGC,SAAX,GAAuBC,QAAxB,IAAqCD,SAAS,GAAGC,QAAQ,GAAGF,QAA5D,CAAP;AACD;AAED,OAAO,SAASG,eAAT,CACLC,GADK,EAELC,GAFK,EAGLC,KAHK,EAKL;EAAA,IADAJ,QACA,uEADW,IACX;;EACA,IAAII,KAAK,GAAGF,GAAZ,EAAiB;IACf,OAAO,CAACL,UAAU,CAACK,GAAG,GAAGE,KAAP,EAAcD,GAAG,GAAGD,GAApB,EAAyBF,QAAzB,CAAX,GAAgDE,GAAvD;EACD;;EACD,IAAIE,KAAK,GAAGD,GAAZ,EAAiB;IACf,OAAON,UAAU,CAACO,KAAK,GAAGD,GAAT,EAAcA,GAAG,GAAGD,GAApB,EAAyBF,QAAzB,CAAV,GAA+CG,GAAtD;EACD;;EAED,OAAOC,KAAP;AACD"}

package/build/esm/utils/use-stable-callback.d.ts

@@ -1,16 +1,16 @@
-/**
- * Converts a callback to a ref to avoid triggering re-renders when passed as a
- * prop and exposed as a stable function to avoid executing effects when passed
- * as a dependency.
- */
-export declare function useStableCallback<T extends (...args: any[]) => any>(callback: T | null | undefined): T;
-/**
- * Converts a callback to a ref to avoid triggering re-renders when passed as a
- * prop and exposed as a stable function to avoid executing effects when passed
- * as a dependency.
- *
- * Use this over `useStableCallback` when you want the callback to be cached in
- * `useLayoutEffect` instead of `useEffect` to deal with timing issues only when
- * needed.
- */
-export declare function useStableLayoutCallback<T extends (...args: any[]) => any>(callback: T | null | undefined): T;
+/**
+ * Converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop and exposed as a stable function to avoid executing effects when passed
+ * as a dependency.
+ */
+export declare function useStableCallback<T extends (...args: any[]) => any>(callback: T | null | undefined): T;
+/**
+ * Converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop and exposed as a stable function to avoid executing effects when passed
+ * as a dependency.
+ *
+ * Use this over `useStableCallback` when you want the callback to be cached in
+ * `useLayoutEffect` instead of `useEffect` to deal with timing issues only when
+ * needed.
+ */
+export declare function useStableLayoutCallback<T extends (...args: any[]) => any>(callback: T | null | undefined): T;

package/build/esm/utils/use-stable-callback.js

@@ -1,10 +1,10 @@
 /* eslint-disable react-hooks/rules-of-hooks */
 import { useRef, useEffect, useCallback, useLayoutEffect } from 'react';
 var useEnhancedEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
-/**
- * Converts a callback to a ref to avoid triggering re-renders when passed as a
- * prop and exposed as a stable function to avoid executing effects when
- * passed as a dependency.
+/**
+ * Converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop and exposed as a stable function to avoid executing effects when
+ * passed as a dependency.
  */
 
 function createStableCallbackHook(useEffectHook, callback) {
@@ -17,24 +17,24 @@ function createStableCallbackHook(useEffectHook, callback) {
     callbackRef.current && callbackRef.current.apply(callbackRef, arguments);
   }, []);
 }
-/**
- * Converts a callback to a ref to avoid triggering re-renders when passed as a
- * prop and exposed as a stable function to avoid executing effects when passed
- * as a dependency.
+/**
+ * Converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop and exposed as a stable function to avoid executing effects when passed
+ * as a dependency.
  */
 
 
 export function useStableCallback(callback) {
   return createStableCallbackHook(useEffect, callback);
 }
-/**
- * Converts a callback to a ref to avoid triggering re-renders when passed as a
- * prop and exposed as a stable function to avoid executing effects when passed
- * as a dependency.
- *
- * Use this over `useStableCallback` when you want the callback to be cached in
- * `useLayoutEffect` instead of `useEffect` to deal with timing issues only when
- * needed.
+/**
+ * Converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop and exposed as a stable function to avoid executing effects when passed
+ * as a dependency.
+ *
+ * Use this over `useStableCallback` when you want the callback to be cached in
+ * `useLayoutEffect` instead of `useEffect` to deal with timing issues only when
+ * needed.
  */
 
 export function useStableLayoutCallback(callback) {

package/build/esm/utils/use-stable-callback.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-stable-callback.js","names":["useRef","useEffect","useCallback","useLayoutEffect","useEnhancedEffect","window","createStableCallbackHook","useEffectHook","callback","callbackRef","current","useStableCallback","useStableLayoutCallback"],"sources":["../../../src/utils/use-stable-callback.ts"],"sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport { useRef, useEffect, useCallback, useLayoutEffect } from 'react';\nimport type * as React from 'react';\n\nconst useEnhancedEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\n/**\n * Converts a callback to a ref to avoid triggering re-renders when passed as a\n * prop and exposed as a stable function to avoid executing effects when\n * passed as a dependency.\n */\nfunction createStableCallbackHook<T extends (...args: any[]) => any>(\n  useEffectHook: (\n    effect: React.EffectCallback,\n    deps?: React.DependencyList | undefined\n  ) => void,\n  callback: T | null | undefined\n): T {\n  const callbackRef = useRef(callback);\n  useEffectHook(() => {\n    callbackRef.current = callback;\n  });\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return useCallback(\n    ((...args) => {\n      callbackRef.current && callbackRef.current(...args);\n    }) as T,\n    []\n  );\n}\n\n/**\n * Converts a callback to a ref to avoid triggering re-renders when passed as a\n * prop and exposed as a stable function to avoid executing effects when passed\n * as a dependency.\n */\nexport function useStableCallback<T extends (...args: any[]) => any>(\n  callback: T | null | undefined\n): T {\n  return createStableCallbackHook(useEffect, callback);\n}\n\n/**\n * Converts a callback to a ref to avoid triggering re-renders when passed as a\n * prop and exposed as a stable function to avoid executing effects when passed\n * as a dependency.\n *\n * Use this over `useStableCallback` when you want the callback to be cached in\n * `useLayoutEffect` instead of `useEffect` to deal with timing issues only when\n * needed.\n */\nexport function useStableLayoutCallback<T extends (...args: any[]) => any>(\n  callback: T | null | undefined\n): T {\n  return createStableCallbackHook(useEnhancedEffect, callback);\n}\n"],"mappings":"AAAA;AACA,SAASA,MAAT,EAAiBC,SAAjB,EAA4BC,WAA5B,EAAyCC,eAAzC,QAAgE,OAAhE;AAGA,IAAMC,iBAAiB,GACrB,OAAOC,MAAP,KAAkB,WAAlB,GAAgCF,eAAhC,GAAkDF,SADpD;AAGA;AACA;AACA;AACA;AACA;;AACA,SAASK,wBAAT,CACEC,aADF,EAKEC,QALF,EAMK;EACH,IAAMC,WAAW,GAAGT,MAAM,CAACQ,QAAD,CAA1B;EACAD,aAAa,CAAC,YAAM;IAClBE,WAAW,CAACC,OAAZ,GAAsBF,QAAtB;EACD,CAFY,CAAb,CAFG,CAMH;;EACA,OAAON,WAAW,CACf,YAAa;IACZO,WAAW,CAACC,OAAZ,IAAuBD,WAAW,CAACC,OAAZ,OAAAD,WAAW,YAAlC;EACD,CAHe,EAIhB,EAJgB,CAAlB;AAMD;AAED;AACA;AACA;AACA;AACA;;;AACA,OAAO,SAASE,iBAAT,CACLH,QADK,EAEF;EACH,OAAOF,wBAAwB,CAACL,SAAD,EAAYO,QAAZ,CAA/B;AACD;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASI,uBAAT,CACLJ,QADK,EAEF;EACH,OAAOF,wBAAwB,CAACF,iBAAD,EAAoBI,QAApB,CAA/B;AACD"}
+{"version":3,"file":"use-stable-callback.js","names":["useRef","useEffect","useCallback","useLayoutEffect","useEnhancedEffect","window","createStableCallbackHook","useEffectHook","callback","callbackRef","current","useStableCallback","useStableLayoutCallback"],"sources":["../../../src/utils/use-stable-callback.ts"],"sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\r\nimport { useRef, useEffect, useCallback, useLayoutEffect } from 'react';\r\nimport type * as React from 'react';\r\n\r\nconst useEnhancedEffect =\r\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\r\n\r\n/**\r\n * Converts a callback to a ref to avoid triggering re-renders when passed as a\r\n * prop and exposed as a stable function to avoid executing effects when\r\n * passed as a dependency.\r\n */\r\nfunction createStableCallbackHook<T extends (...args: any[]) => any>(\r\n  useEffectHook: (\r\n    effect: React.EffectCallback,\r\n    deps?: React.DependencyList | undefined\r\n  ) => void,\r\n  callback: T | null | undefined\r\n): T {\r\n  const callbackRef = useRef(callback);\r\n  useEffectHook(() => {\r\n    callbackRef.current = callback;\r\n  });\r\n\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  return useCallback(\r\n    ((...args) => {\r\n      callbackRef.current && callbackRef.current(...args);\r\n    }) as T,\r\n    []\r\n  );\r\n}\r\n\r\n/**\r\n * Converts a callback to a ref to avoid triggering re-renders when passed as a\r\n * prop and exposed as a stable function to avoid executing effects when passed\r\n * as a dependency.\r\n */\r\nexport function useStableCallback<T extends (...args: any[]) => any>(\r\n  callback: T | null | undefined\r\n): T {\r\n  return createStableCallbackHook(useEffect, callback);\r\n}\r\n\r\n/**\r\n * Converts a callback to a ref to avoid triggering re-renders when passed as a\r\n * prop and exposed as a stable function to avoid executing effects when passed\r\n * as a dependency.\r\n *\r\n * Use this over `useStableCallback` when you want the callback to be cached in\r\n * `useLayoutEffect` instead of `useEffect` to deal with timing issues only when\r\n * needed.\r\n */\r\nexport function useStableLayoutCallback<T extends (...args: any[]) => any>(\r\n  callback: T | null | undefined\r\n): T {\r\n  return createStableCallbackHook(useEnhancedEffect, callback);\r\n}\r\n"],"mappings":"AAAA;AACA,SAASA,MAAT,EAAiBC,SAAjB,EAA4BC,WAA5B,EAAyCC,eAAzC,QAAgE,OAAhE;AAGA,IAAMC,iBAAiB,GACrB,OAAOC,MAAP,KAAkB,WAAlB,GAAgCF,eAAhC,GAAkDF,SADpD;AAGA;AACA;AACA;AACA;AACA;;AACA,SAASK,wBAAT,CACEC,aADF,EAKEC,QALF,EAMK;EACH,IAAMC,WAAW,GAAGT,MAAM,CAACQ,QAAD,CAA1B;EACAD,aAAa,CAAC,YAAM;IAClBE,WAAW,CAACC,OAAZ,GAAsBF,QAAtB;EACD,CAFY,CAAb,CAFG,CAMH;;EACA,OAAON,WAAW,CACf,YAAa;IACZO,WAAW,CAACC,OAAZ,IAAuBD,WAAW,CAACC,OAAZ,OAAAD,WAAW,YAAlC;EACD,CAHe,EAIhB,EAJgB,CAAlB;AAMD;AAED;AACA;AACA;AACA;AACA;;;AACA,OAAO,SAASE,iBAAT,CACLH,QADK,EAEF;EACH,OAAOF,wBAAwB,CAACL,SAAD,EAAYO,QAAZ,CAA/B;AACD;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASI,uBAAT,CACLJ,QADK,EAEF;EACH,OAAOF,wBAAwB,CAACF,iBAAD,EAAoBI,QAApB,CAA/B;AACD"}

package/build/esm/utils/wrap-event.d.ts

@@ -1,3 +1,3 @@
-import type { SyntheticEvent } from 'react';
-export declare type CustomEventHandler<E extends SyntheticEvent<any> | Event, H extends unknown[]> = (e: E, ...args: H) => void;
-export declare function wrapEvent<EventType extends SyntheticEvent<any> | Event, H extends unknown[]>(theirHandler: CustomEventHandler<EventType, H> | undefined, ourHandler: CustomEventHandler<EventType, H>): CustomEventHandler<EventType, H>;
+import type { SyntheticEvent } from 'react';
+export declare type CustomEventHandler<E extends SyntheticEvent<any> | Event, H extends unknown[]> = (e: E, ...args: H) => void;
+export declare function wrapEvent<EventType extends SyntheticEvent<any> | Event, H extends unknown[]>(theirHandler: CustomEventHandler<EventType, H> | undefined, ourHandler: CustomEventHandler<EventType, H>): CustomEventHandler<EventType, H>;

package/build/esm/utils/wrap-event.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrap-event.js","names":["wrapEvent","theirHandler","ourHandler","event","otherArgs","ret","defaultPrevented"],"sources":["../../../src/utils/wrap-event.ts"],"sourcesContent":["import type { SyntheticEvent } from 'react';\n\nexport type CustomEventHandler<\n  E extends SyntheticEvent<any> | Event,\n  H extends unknown[]\n> = (e: E, ...args: H) => void;\n\nexport function wrapEvent<\n  EventType extends SyntheticEvent<any> | Event,\n  H extends unknown[]\n>(\n  theirHandler: CustomEventHandler<EventType, H> | undefined,\n  ourHandler: CustomEventHandler<EventType, H>\n): CustomEventHandler<EventType, H> {\n  return (event: EventType, ...otherArgs: H) => {\n    const ret = theirHandler && theirHandler(event, ...otherArgs);\n    if (!event || !event.defaultPrevented) {\n      return ourHandler(event, ...otherArgs);\n    }\n    return ret;\n  };\n}\n"],"mappings":"AAOA,OAAO,SAASA,SAAT,CAILC,YAJK,EAKLC,UALK,EAM6B;EAClC,OAAO,UAACC,KAAD,EAAuC;IAAA,kCAAjBC,SAAiB;MAAjBA,SAAiB;IAAA;;IAC5C,IAAMC,GAAG,GAAGJ,YAAY,IAAIA,YAAY,MAAZ,UAAaE,KAAb,SAAuBC,SAAvB,EAA5B;;IACA,IAAI,CAACD,KAAD,IAAU,CAACA,KAAK,CAACG,gBAArB,EAAuC;MACrC,OAAOJ,UAAU,MAAV,UAAWC,KAAX,SAAqBC,SAArB,EAAP;IACD;;IACD,OAAOC,GAAP;EACD,CAND;AAOD"}
+{"version":3,"file":"wrap-event.js","names":["wrapEvent","theirHandler","ourHandler","event","otherArgs","ret","defaultPrevented"],"sources":["../../../src/utils/wrap-event.ts"],"sourcesContent":["import type { SyntheticEvent } from 'react';\r\n\r\nexport type CustomEventHandler<\r\n  E extends SyntheticEvent<any> | Event,\r\n  H extends unknown[]\r\n> = (e: E, ...args: H) => void;\r\n\r\nexport function wrapEvent<\r\n  EventType extends SyntheticEvent<any> | Event,\r\n  H extends unknown[]\r\n>(\r\n  theirHandler: CustomEventHandler<EventType, H> | undefined,\r\n  ourHandler: CustomEventHandler<EventType, H>\r\n): CustomEventHandler<EventType, H> {\r\n  return (event: EventType, ...otherArgs: H) => {\r\n    const ret = theirHandler && theirHandler(event, ...otherArgs);\r\n    if (!event || !event.defaultPrevented) {\r\n      return ourHandler(event, ...otherArgs);\r\n    }\r\n    return ret;\r\n  };\r\n}\r\n"],"mappings":"AAOA,OAAO,SAASA,SAAT,CAILC,YAJK,EAKLC,UALK,EAM6B;EAClC,OAAO,UAACC,KAAD,EAAuC;IAAA,kCAAjBC,SAAiB;MAAjBA,SAAiB;IAAA;;IAC5C,IAAMC,GAAG,GAAGJ,YAAY,IAAIA,YAAY,MAAZ,UAAaE,KAAb,SAAuBC,SAAvB,EAA5B;;IACA,IAAI,CAACD,KAAD,IAAU,CAACA,KAAK,CAACG,gBAArB,EAAuC;MACrC,OAAOJ,UAAU,MAAV,UAAWC,KAAX,SAAqBC,SAArB,EAAP;IACD;;IACD,OAAOC,GAAP;EACD,CAND;AAOD"}