@udecode/react-utils 44.0.1 → 46.0.9

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import React, { JSX } from 'react';
+import React, { JSX, DependencyList } from 'react';
 
 declare const Box: React.ForwardRefExoticComponent<{
     as?: React.ElementType;
@@ -120,6 +120,17 @@ type El = HTMLElement;
 type Refs = React.RefObject<El | null>[];
 declare const useOnClickOutside: (callback: UseOnClickOutsideCallback, { detectIFrame, disabled, eventTypes, excludeScrollbar, ignoreClass, refs: refsOpt, }?: UseOnClickOutsideOptions) => UseOnClickOutsideReturn;
 
+/**
+ * Create a stable version of a function that can be used in dependency arrays
+ * without causing hooks like useEffect to re-run if the function changes.
+ * Calling the returned function always calls the most recent version of the
+ * function that was passed to useStableFn.
+ *
+ * If you do want the function to be replaced when certain dependency values
+ * change, include those values in the dependency array of useStableFn.
+ */
+declare const useStableFn: <A extends unknown[], R>(fn: (...args: A) => R, deps?: DependencyList) => (...args: A) => R;
+
 declare const useStableMemo: <T>(producer: () => T, deps?: React.DependencyList) => T;
 
 /**
@@ -141,4 +152,4 @@ type InferElementRef<T> = T extends ElementType<any> ? T extends keyof JSX.Intri
  */
 declare function withRef<T extends ElementType, P = {}>(renderFunction: React.ForwardRefRenderFunction<InferElementRef<T>, React.ComponentPropsWithoutRef<T> & P>): ForwardRefComponent<InferElementRef<T>, React.ComponentPropsWithoutRef<T> & P>;
 
-export { Box, type BoxProps, CAN_USE_DOM, DEFAULT_IGNORE_CLASS, MemoizedChildren, PortalBody, type PortalBodyProps, Text, type TextProps, type UseOnClickOutsideCallback, type UseOnClickOutsideOptions, type UseOnClickOutsideReturn, composeEventHandlers, composeRefs, createPrimitiveComponent, createPrimitiveElement, createSlotComponent, useComposedRef, useEffectOnce, useIsomorphicLayoutEffect, useMemoOnce, useMemoizedSelector, useOnClickOutside, useStableMemo, withProviders, withRef };
+export { Box, type BoxProps, CAN_USE_DOM, DEFAULT_IGNORE_CLASS, MemoizedChildren, PortalBody, type PortalBodyProps, Text, type TextProps, type UseOnClickOutsideCallback, type UseOnClickOutsideOptions, type UseOnClickOutsideReturn, composeEventHandlers, composeRefs, createPrimitiveComponent, createPrimitiveElement, createSlotComponent, useComposedRef, useEffectOnce, useIsomorphicLayoutEffect, useMemoOnce, useMemoizedSelector, useOnClickOutside, useStableFn, useStableMemo, withProviders, withRef };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React, { JSX } from 'react';
+import React, { JSX, DependencyList } from 'react';
 
 declare const Box: React.ForwardRefExoticComponent<{
     as?: React.ElementType;
@@ -120,6 +120,17 @@ type El = HTMLElement;
 type Refs = React.RefObject<El | null>[];
 declare const useOnClickOutside: (callback: UseOnClickOutsideCallback, { detectIFrame, disabled, eventTypes, excludeScrollbar, ignoreClass, refs: refsOpt, }?: UseOnClickOutsideOptions) => UseOnClickOutsideReturn;
 
+/**
+ * Create a stable version of a function that can be used in dependency arrays
+ * without causing hooks like useEffect to re-run if the function changes.
+ * Calling the returned function always calls the most recent version of the
+ * function that was passed to useStableFn.
+ *
+ * If you do want the function to be replaced when certain dependency values
+ * change, include those values in the dependency array of useStableFn.
+ */
+declare const useStableFn: <A extends unknown[], R>(fn: (...args: A) => R, deps?: DependencyList) => (...args: A) => R;
+
 declare const useStableMemo: <T>(producer: () => T, deps?: React.DependencyList) => T;
 
 /**
@@ -141,4 +152,4 @@ type InferElementRef<T> = T extends ElementType<any> ? T extends keyof JSX.Intri
  */
 declare function withRef<T extends ElementType, P = {}>(renderFunction: React.ForwardRefRenderFunction<InferElementRef<T>, React.ComponentPropsWithoutRef<T> & P>): ForwardRefComponent<InferElementRef<T>, React.ComponentPropsWithoutRef<T> & P>;
 
-export { Box, type BoxProps, CAN_USE_DOM, DEFAULT_IGNORE_CLASS, MemoizedChildren, PortalBody, type PortalBodyProps, Text, type TextProps, type UseOnClickOutsideCallback, type UseOnClickOutsideOptions, type UseOnClickOutsideReturn, composeEventHandlers, composeRefs, createPrimitiveComponent, createPrimitiveElement, createSlotComponent, useComposedRef, useEffectOnce, useIsomorphicLayoutEffect, useMemoOnce, useMemoizedSelector, useOnClickOutside, useStableMemo, withProviders, withRef };
+export { Box, type BoxProps, CAN_USE_DOM, DEFAULT_IGNORE_CLASS, MemoizedChildren, PortalBody, type PortalBodyProps, Text, type TextProps, type UseOnClickOutsideCallback, type UseOnClickOutsideOptions, type UseOnClickOutsideReturn, composeEventHandlers, composeRefs, createPrimitiveComponent, createPrimitiveElement, createSlotComponent, useComposedRef, useEffectOnce, useIsomorphicLayoutEffect, useMemoOnce, useMemoizedSelector, useOnClickOutside, useStableFn, useStableMemo, withProviders, withRef };

package/dist/index.js

@@ -47,6 +47,7 @@ __export(index_exports, {
   useMemoOnce: () => useMemoOnce,
   useMemoizedSelector: () => useMemoizedSelector,
   useOnClickOutside: () => useOnClickOutside,
+  useStableFn: () => useStableFn,
   useStableMemo: () => useStableMemo,
   withProviders: () => withProviders,
   withRef: () => withRef
@@ -319,34 +320,42 @@ var useOnClickOutside = (callback, {
   return ref;
 };
 
-// src/useStableMemo.ts
+// src/useStableFn.ts
 var import_react12 = __toESM(require("react"));
+var useStableFn = (fn, deps = []) => {
+  const fnRef = import_react12.default.useRef(fn);
+  fnRef.current = fn;
+  return import_react12.default.useCallback((...args) => fnRef.current(...args), deps);
+};
+
+// src/useStableMemo.ts
+var import_react13 = __toESM(require("react"));
 var useStableMemo = (producer, deps) => {
-  const [value, setValue] = import_react12.default.useState(producer);
-  import_react12.default.useLayoutEffect(() => {
+  const [value, setValue] = import_react13.default.useState(producer);
+  import_react13.default.useLayoutEffect(() => {
     setValue(producer);
   }, deps);
   return value;
 };
 
 // src/withProviders.tsx
-var import_react13 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 var withProviders = (...providers) => (WrappedComponent) => (props) => providers.reduceRight(
   (acc, prov) => {
     let Provider = prov;
     if (Array.isArray(prov)) {
       [Provider] = prov;
-      return /* @__PURE__ */ import_react13.default.createElement(Provider, { ...prov[1] }, acc);
+      return /* @__PURE__ */ import_react14.default.createElement(Provider, { ...prov[1] }, acc);
     }
-    return /* @__PURE__ */ import_react13.default.createElement(Provider, null, acc);
+    return /* @__PURE__ */ import_react14.default.createElement(Provider, null, acc);
   },
-  /* @__PURE__ */ import_react13.default.createElement(WrappedComponent, { ...props })
+  /* @__PURE__ */ import_react14.default.createElement(WrappedComponent, { ...props })
 );
 
 // src/withRef.tsx
-var import_react14 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 function withRef(renderFunction) {
-  return import_react14.default.forwardRef(renderFunction);
+  return import_react15.default.forwardRef(renderFunction);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -367,6 +376,7 @@ function withRef(renderFunction) {
   useMemoOnce,
   useMemoizedSelector,
   useOnClickOutside,
+  useStableFn,
   useStableMemo,
   withProviders,
   withRef

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/createSlotComponent.tsx","../src/Box.tsx","../src/MemoizedChildren.tsx","../src/PortalBody.tsx","../src/Text.tsx","../src/composeEventHandlers.ts","../src/createPrimitiveComponent.tsx","../src/useComposedRef.ts","../src/createPrimitiveElement.tsx","../src/useEffectOnce.ts","../src/useIsomorphicLayoutEffect.ts","../src/useMemoOnce.ts","../src/useMemoizedSelector.ts","../src/useOnClickOutside.ts","../src/useStableMemo.ts","../src/withProviders.tsx","../src/withRef.tsx"],"sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from './Box';\nexport * from './MemoizedChildren';\nexport * from './PortalBody';\nexport * from './Text';\nexport * from './composeEventHandlers';\nexport * from './createPrimitiveComponent';\nexport * from './createPrimitiveElement';\nexport * from './createSlotComponent';\nexport * from './useComposedRef';\nexport * from './useEffectOnce';\nexport * from './useIsomorphicLayoutEffect';\nexport * from './useMemoOnce';\nexport * from './useMemoizedSelector';\nexport * from './useOnClickOutside';\nexport * from './useStableMemo';\nexport * from './withProviders';\nexport * from './withRef';\n","import React from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\nexport const createSlotComponent = <\n  T extends React.ElementType,\n  P extends React.ComponentPropsWithoutRef<T>,\n>(\n  element: T\n) =>\n  React.forwardRef<\n    any,\n    {\n      as?: React.ElementType;\n      asChild?: boolean;\n    } & P\n  >(({ as, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : (as as T) || element;\n\n    return <Comp ref={ref} {...props} />;\n  });\n","import type React from 'react';\n\nimport { createSlotComponent } from './createSlotComponent';\n\nexport const Box = createSlotComponent('div');\n\nexport type BoxProps = React.ComponentPropsWithRef<typeof Box>;\n","import React from 'react';\n\nexport const MemoizedChildren = React.memo(\n  ({ children }: { children: React.ReactNode }) => {\n    return <>{children}</>;\n  }\n);\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nexport type PortalBodyProps = { children: React.ReactNode; element?: Element };\n\nexport const PortalBody: ({\n  children,\n  element,\n}: PortalBodyProps) => React.ReactPortal = ({\n  children,\n  element,\n}: PortalBodyProps) => {\n  const container =\n    element || typeof window !== 'undefined' ? document.body : undefined;\n\n  if (!container) return (<>{children}</>) as any;\n\n  return ReactDOM.createPortal(children, element || document.body);\n};\n","import type React from 'react';\n\nimport { createSlotComponent } from './createSlotComponent';\n\nexport const Text = createSlotComponent('span');\n\nexport type TextProps = React.ComponentPropsWithRef<typeof Text>;\n","/** @see https://github.com/radix-ui/primitives/blob/b324ec2d7ddf13a2a115cb5b11478e24d2f45b87/packages/core/primitive/src/primitive.tsx#L1 */\nexport const composeEventHandlers =\n  <E>(\n    originalEventHandler?: (event: E) => void,\n    ourEventHandler?: (event: E) => void,\n    { checkForDefaultPrevented = true } = {}\n  ) =>\n  (event: E) => {\n    originalEventHandler?.(event);\n\n    if (\n      checkForDefaultPrevented === false ||\n      !(event as unknown as Event).defaultPrevented\n    ) {\n      return ourEventHandler?.(event);\n    }\n  };\n","import React from 'react';\n\nimport { isDefined } from '@udecode/utils';\nimport { clsx } from 'clsx';\n\nimport { createSlotComponent } from './createSlotComponent';\nimport { useComposedRef } from './useComposedRef';\n\n/**\n * Primitive component factory. It uses hooks for managing state and props, and\n * forwards references to child components. Component props:\n *\n * - `asChild`: If true, the component will be rendered as a `Slot`\n *   {@link https://www.radix-ui.com/docs/primitives/utilities/slot}.\n * - `options`: Options passed to the state hook.\n * - `state`: Provide your state instead of using the state hook.\n * - `className`: Class name to be merged to the component.\n * - `style`: Style object to be merged to the component.\n * - `setProps`: Function to set props from the props hook.\n * - `...props`: Props to be passed to the component. Props hook return value:\n * - `ref`: Reference to be forwarded to the component.\n * - `props`: Props to be passed to the component.\n * - `hidden`: If true, the component will not be rendered.\n *\n * @example\n *   const MyButton = createPrimitiveComponent(Button)({\n *     stateHook: useButtonState,\n *     propsHook: useButton,\n *   });\n *\n * @param {React.ElementType} element The base component or native HTML element.\n * @returns {function} A primitive component.\n */\nexport const createPrimitiveComponent = <\n  T extends React.ElementType,\n  P extends React.ComponentPropsWithoutRef<T>,\n>(\n  element: T\n) => {\n  const Comp = createSlotComponent<T, P>(element);\n\n  return <SH extends (options: any) => any, PH extends (state: any) => any>({\n    propsHook,\n    stateHook,\n  }: {\n    propsHook?: PH;\n    stateHook?: SH;\n  } = {}) => {\n    return React.forwardRef<\n      any,\n      {\n        as?: React.ElementType;\n        asChild?: boolean;\n        className?: string;\n        options?: Parameters<SH>[0];\n        state?: Parameters<PH>[0];\n        style?: React.CSSProperties;\n        setProps?: (hookProps: NonNullable<ReturnType<PH>['props']>) => P;\n      } & P\n    >(\n      (\n        {\n          asChild,\n          className: classNameProp,\n          getClassName,\n          options,\n          state: stateProp,\n          ...props\n        },\n        ref\n      ) => {\n        const state = isDefined(stateProp)\n          ? stateProp\n          : stateHook\n            ? stateHook(options as any)\n            : undefined;\n        const {\n          hidden,\n          props: hookProps,\n          ref: hookRef,\n        } = propsHook\n          ? propsHook(state)\n          : { hidden: false, props: {}, ref: null };\n\n        const _ref = useComposedRef(ref, hookRef);\n        const className =\n          isDefined(hookProps?.className) || isDefined(classNameProp)\n            ? clsx(hookProps?.className, classNameProp)\n            : undefined;\n        const style =\n          hookProps?.style || props.style\n            ? { ...hookProps?.style, ...props.style }\n            : undefined;\n\n        if (!asChild && hidden) return null;\n\n        return (\n          <Comp\n            ref={_ref}\n            asChild={asChild}\n            {...hookProps}\n            className={className}\n            style={style}\n            {...props}\n            {...(props.setProps?.(hookProps ?? {}) ?? {})}\n          />\n        );\n      }\n    );\n  };\n};\n","import React from 'react';\n\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\n/**\n * Set a given ref to a given value This utility takes care of different types\n * of refs: callback refs and React.RefObject(s)\n */\nconst setRef = <T>(ref: PossibleRef<T>, value: T) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref !== null && ref !== undefined) {\n    (ref as React.MutableRefObject<T>).current = value;\n  }\n};\n\n/**\n * A utility to compose multiple refs together Accepts callback refs and\n * React.RefObject(s)\n */\nexport const composeRefs =\n  <T>(...refs: PossibleRef<T>[]) =>\n  (node: T) =>\n    refs.forEach((ref) => setRef(ref, node));\n\n/**\n * A custom hook that composes multiple refs Accepts callback refs and\n * React.RefObject(s)\n */\nexport const useComposedRef = <T>(...refs: PossibleRef<T>[]) => {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback(composeRefs(...refs), refs);\n};\n","import React, { type JSX } from 'react';\n\nexport function createPrimitiveElement<T extends keyof HTMLElementTagNameMap>(\n  tag: T\n) {\n  return React.forwardRef<HTMLElementTagNameMap[T], JSX.IntrinsicElements[T]>(\n    function CreateComponent(props, ref) {\n      return React.createElement(tag, { ...props, ref });\n    }\n  );\n}\n","import React from 'react';\n\nexport function useEffectOnce(\n  effect: React.EffectCallback,\n  deps: React.DependencyList\n) {\n  const initialized = React.useRef(false);\n  const prevDepsRef = React.useRef(deps);\n\n  React.useEffect(() => {\n    const depsChanged = deps.some((dep, i) => dep !== prevDepsRef.current[i]);\n\n    if (!initialized.current || depsChanged) {\n      initialized.current = true;\n      prevDepsRef.current = deps;\n      effect();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n}\n","import React from 'react';\n\nexport const CAN_USE_DOM =\n  typeof window !== 'undefined' && window.document?.createElement !== undefined;\n\n/**\n * Prevent warning on SSR by falling back to React.useEffect when DOM isn't\n * available\n */\nexport const useIsomorphicLayoutEffect = CAN_USE_DOM\n  ? React.useLayoutEffect\n  : React.useEffect;\n","import React from 'react';\n\nexport function useMemoOnce<T>(\n  factory: () => T,\n  deps: React.DependencyList\n): T {\n  const initialized = React.useRef(false);\n  const prevDepsRef = React.useRef(deps);\n  const memoizedValueRef = React.useRef<T>(undefined);\n\n  if (\n    !initialized.current ||\n    deps.some((dep, i) => dep !== prevDepsRef.current[i])\n  ) {\n    initialized.current = true;\n    prevDepsRef.current = deps;\n    memoizedValueRef.current = factory();\n  }\n\n  return memoizedValueRef.current!;\n}\n","import React from 'react';\n\n/**\n * Re-render only when the selector result changes.\n *\n * @param selector A function that derives a value from deps\n * @param deps Dependencies on which to run the selector\n * @param equalityFn Optional comparison function to detect changes in the\n *   derived value\n */\nexport function useMemoizedSelector<R>(\n  selector: () => R,\n  deps: React.DependencyList,\n  equalityFn: (a: R, b: R) => boolean = (a, b) => a === b\n) {\n  // Initialize our state with the initial \"selected\" value.\n  const [memoizedValue, setMemoizedValue] = React.useState<R>(() => selector());\n\n  // Keep a ref of the previous value so we can compare in an effect.\n  const previousValueRef = React.useRef<R>(memoizedValue);\n\n  React.useEffect(() => {\n    // Compute a new value by calling the selector.\n    const newValue = selector();\n\n    // If different, update state and the ref.\n    if (!equalityFn(previousValueRef.current, newValue)) {\n      setMemoizedValue(newValue);\n      previousValueRef.current = newValue;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  return memoizedValue;\n}\n","import React from 'react';\n\nconst canUsePassiveEvents = (): boolean => {\n  if (\n    typeof window === 'undefined' ||\n    typeof window.addEventListener !== 'function'\n  )\n    return false;\n\n  let passive = false;\n  const options = Object.defineProperty({}, 'passive', {\n    get() {\n      passive = true;\n    },\n  });\n  const noop = () => null;\n\n  window.addEventListener('test', noop, options);\n  window.removeEventListener('test', noop, options);\n\n  return passive;\n};\n\nexport const DEFAULT_IGNORE_CLASS = 'ignore-onclickoutside';\n\nexport type UseOnClickOutsideCallback<T extends Event = Event> = (\n  event: T\n) => void;\n\nexport interface UseOnClickOutsideOptions {\n  detectIFrame?: boolean;\n  disabled?: boolean;\n  eventTypes?: string[];\n  excludeScrollbar?: boolean;\n  ignoreClass?: string[] | string;\n  refs?: Refs;\n}\n\nexport type UseOnClickOutsideReturn = (element: El | null) => void;\n\ntype El = HTMLElement;\n\ntype Refs = React.RefObject<El | null>[];\n\nconst checkClass = (el: HTMLElement, cl: string): boolean =>\n  el.classList?.contains(cl);\n\nconst hasIgnoreClass = (e: any, ignoreClass: string[] | string): boolean => {\n  let el = e.target || e;\n\n  while (el) {\n    if (Array.isArray(ignoreClass)) {\n      if (ignoreClass.some((c) => checkClass(el, c))) return true;\n    } else if (checkClass(el, ignoreClass)) {\n      return true;\n    }\n\n    el = el.parentElement;\n  }\n\n  return false;\n};\n\nconst clickedOnScrollbar = (e: MouseEvent): boolean =>\n  document.documentElement.clientWidth <= e.clientX ||\n  document.documentElement.clientHeight <= e.clientY;\n\nconst getEventOptions = (type: string): { passive: boolean } | boolean =>\n  type.includes('touch') && canUsePassiveEvents() ? { passive: true } : false;\n\nexport const useOnClickOutside = (\n  callback: UseOnClickOutsideCallback,\n  {\n    detectIFrame = true,\n    disabled,\n    eventTypes = ['mousedown', 'touchstart'],\n    excludeScrollbar,\n    ignoreClass = DEFAULT_IGNORE_CLASS,\n    refs: refsOpt,\n  }: UseOnClickOutsideOptions = {}\n): UseOnClickOutsideReturn => {\n  const [refsState, setRefsState] = React.useState<Refs>([]);\n  const callbackRef = React.useRef(callback);\n  callbackRef.current = callback;\n\n  const ref: UseOnClickOutsideReturn = React.useCallback(\n    (el) => setRefsState((prevState) => [...prevState, { current: el }]),\n    []\n  );\n\n  React.useEffect(\n    () => {\n      if (!refsOpt?.length && refsState.length === 0) return;\n\n      const getEls = () => {\n        const els: El[] = [];\n        (refsOpt || refsState).forEach(\n          ({ current }) => current && els.push(current)\n        );\n\n        return els;\n      };\n\n      const handler = (e: any) => {\n        if (\n          !hasIgnoreClass(e, ignoreClass) &&\n          !(excludeScrollbar && clickedOnScrollbar(e)) &&\n          getEls().every((el) => !el.contains(e.target))\n        )\n          callbackRef.current(e);\n      };\n\n      const blurHandler = (e: FocusEvent) =>\n        // On firefox the iframe becomes document.activeElement in the next event loop\n        setTimeout(() => {\n          const { activeElement } = document;\n\n          if (\n            activeElement?.tagName === 'IFRAME' &&\n            !hasIgnoreClass(activeElement, ignoreClass) &&\n            !getEls().includes(activeElement as HTMLIFrameElement)\n          )\n            callbackRef.current(e);\n        }, 0);\n\n      const removeEventListener = () => {\n        eventTypes.forEach((type) =>\n          document.removeEventListener(\n            type,\n            handler,\n            getEventOptions(type) as any\n          )\n        );\n\n        if (detectIFrame) window.removeEventListener('blur', blurHandler);\n      };\n\n      if (disabled) {\n        removeEventListener();\n\n        return;\n      }\n\n      eventTypes.forEach((type) =>\n        document.addEventListener(type, handler, getEventOptions(type))\n      );\n\n      if (detectIFrame) window.addEventListener('blur', blurHandler);\n\n      return () => removeEventListener();\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      refsState,\n      ignoreClass,\n      excludeScrollbar,\n      disabled,\n      detectIFrame,\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      JSON.stringify(eventTypes),\n    ]\n  );\n\n  return ref;\n};\n","import React from 'react';\n\nexport const useStableMemo = <T>(\n  producer: () => T,\n  deps?: React.DependencyList\n): T => {\n  const [value, setValue] = React.useState(producer);\n\n  React.useLayoutEffect(() => {\n    setValue(producer);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  return value;\n};\n","import React from 'react';\n\n/**\n * Wrap a component into multiple providers. If there are any props that you\n * want a provider to receive, you can simply pass an array.\n */\nexport const withProviders =\n  (...providers: any[]) =>\n  <T,>(WrappedComponent: React.FC<T>) =>\n  (props: T) =>\n    providers.reduceRight(\n      (acc, prov) => {\n        let Provider = prov;\n\n        if (Array.isArray(prov)) {\n          [Provider] = prov;\n\n          return <Provider {...prov[1]}>{acc}</Provider>;\n        }\n\n        return <Provider>{acc}</Provider>;\n      },\n      <WrappedComponent {...(props as any)} />\n    );\n","import React, { type JSX } from 'react';\n\ntype ElementType<P = any> =\n  | React.ComponentType<P>\n  | {\n      [K in keyof JSX.IntrinsicElements]: P extends JSX.IntrinsicElements[K]\n        ? K\n        : never;\n    }[keyof JSX.IntrinsicElements];\n\ntype ForwardRefComponent<T, P = {}> = React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<P> & React.RefAttributes<T>\n>;\n\ntype InferElementRef<T> =\n  T extends ElementType<any>\n    ? T extends keyof JSX.IntrinsicElements\n      ? JSX.IntrinsicElements[T] extends React.DetailedHTMLProps<\n          React.HTMLAttributes<infer R>,\n          any\n        >\n        ? R\n        : never\n      : T extends React.ComponentType<any>\n        ? T extends React.ComponentClass<any>\n          ? InstanceType<T>\n          : T extends React.ForwardRefExoticComponent<any>\n            ? React.ComponentPropsWithRef<T>['ref'] extends React.Ref<infer R>\n              ? R\n              : never\n            : never\n        : never\n    : never;\n\n/**\n * Shorter alternative to `React.forwardRef`.\n *\n * @generic1 Component type or element type\n * @generic2 Extended prop types\n */\nexport function withRef<T extends ElementType, P = {}>(\n  renderFunction: React.ForwardRefRenderFunction<\n    InferElementRef<T>,\n    React.ComponentPropsWithoutRef<T> & P\n  >\n): ForwardRefComponent<\n  InferElementRef<T>,\n  React.ComponentPropsWithoutRef<T> & P\n> {\n  return React.forwardRef(renderFunction as any) as any;\n}\n"],"mappings":"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","names":["React","import_react","React","import_react","React","ReactDOM","import_react","import_react","React","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React"]}
+{"version":3,"sources":["../src/index.ts","../src/createSlotComponent.tsx","../src/Box.tsx","../src/MemoizedChildren.tsx","../src/PortalBody.tsx","../src/Text.tsx","../src/composeEventHandlers.ts","../src/createPrimitiveComponent.tsx","../src/useComposedRef.ts","../src/createPrimitiveElement.tsx","../src/useEffectOnce.ts","../src/useIsomorphicLayoutEffect.ts","../src/useMemoOnce.ts","../src/useMemoizedSelector.ts","../src/useOnClickOutside.ts","../src/useStableFn.ts","../src/useStableMemo.ts","../src/withProviders.tsx","../src/withRef.tsx"],"sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from './Box';\nexport * from './MemoizedChildren';\nexport * from './PortalBody';\nexport * from './Text';\nexport * from './composeEventHandlers';\nexport * from './createPrimitiveComponent';\nexport * from './createPrimitiveElement';\nexport * from './createSlotComponent';\nexport * from './useComposedRef';\nexport * from './useEffectOnce';\nexport * from './useIsomorphicLayoutEffect';\nexport * from './useMemoOnce';\nexport * from './useMemoizedSelector';\nexport * from './useOnClickOutside';\nexport * from './useStableFn';\nexport * from './useStableMemo';\nexport * from './withProviders';\nexport * from './withRef';\n","import React from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\nexport const createSlotComponent = <\n  T extends React.ElementType,\n  P extends React.ComponentPropsWithoutRef<T>,\n>(\n  element: T\n) =>\n  React.forwardRef<\n    any,\n    {\n      as?: React.ElementType;\n      asChild?: boolean;\n    } & P\n  >(({ as, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : (as as T) || element;\n\n    return <Comp ref={ref} {...props} />;\n  });\n","import type React from 'react';\n\nimport { createSlotComponent } from './createSlotComponent';\n\nexport const Box = createSlotComponent('div');\n\nexport type BoxProps = React.ComponentPropsWithRef<typeof Box>;\n","import React from 'react';\n\nexport const MemoizedChildren = React.memo(\n  ({ children }: { children: React.ReactNode }) => {\n    return <>{children}</>;\n  }\n);\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nexport type PortalBodyProps = { children: React.ReactNode; element?: Element };\n\nexport const PortalBody: ({\n  children,\n  element,\n}: PortalBodyProps) => React.ReactPortal = ({\n  children,\n  element,\n}: PortalBodyProps) => {\n  const container =\n    element || typeof window !== 'undefined' ? document.body : undefined;\n\n  if (!container) return (<>{children}</>) as any;\n\n  return ReactDOM.createPortal(children, element || document.body);\n};\n","import type React from 'react';\n\nimport { createSlotComponent } from './createSlotComponent';\n\nexport const Text = createSlotComponent('span');\n\nexport type TextProps = React.ComponentPropsWithRef<typeof Text>;\n","/** @see https://github.com/radix-ui/primitives/blob/b324ec2d7ddf13a2a115cb5b11478e24d2f45b87/packages/core/primitive/src/primitive.tsx#L1 */\nexport const composeEventHandlers =\n  <E>(\n    originalEventHandler?: (event: E) => void,\n    ourEventHandler?: (event: E) => void,\n    { checkForDefaultPrevented = true } = {}\n  ) =>\n  (event: E) => {\n    originalEventHandler?.(event);\n\n    if (\n      checkForDefaultPrevented === false ||\n      !(event as unknown as Event).defaultPrevented\n    ) {\n      return ourEventHandler?.(event);\n    }\n  };\n","import React from 'react';\n\nimport { isDefined } from '@udecode/utils';\nimport { clsx } from 'clsx';\n\nimport { createSlotComponent } from './createSlotComponent';\nimport { useComposedRef } from './useComposedRef';\n\n/**\n * Primitive component factory. It uses hooks for managing state and props, and\n * forwards references to child components. Component props:\n *\n * - `asChild`: If true, the component will be rendered as a `Slot`\n *   {@link https://www.radix-ui.com/docs/primitives/utilities/slot}.\n * - `options`: Options passed to the state hook.\n * - `state`: Provide your state instead of using the state hook.\n * - `className`: Class name to be merged to the component.\n * - `style`: Style object to be merged to the component.\n * - `setProps`: Function to set props from the props hook.\n * - `...props`: Props to be passed to the component. Props hook return value:\n * - `ref`: Reference to be forwarded to the component.\n * - `props`: Props to be passed to the component.\n * - `hidden`: If true, the component will not be rendered.\n *\n * @example\n *   const MyButton = createPrimitiveComponent(Button)({\n *     stateHook: useButtonState,\n *     propsHook: useButton,\n *   });\n *\n * @param {React.ElementType} element The base component or native HTML element.\n * @returns {function} A primitive component.\n */\nexport const createPrimitiveComponent = <\n  T extends React.ElementType,\n  P extends React.ComponentPropsWithoutRef<T>,\n>(\n  element: T\n) => {\n  const Comp = createSlotComponent<T, P>(element);\n\n  return <SH extends (options: any) => any, PH extends (state: any) => any>({\n    propsHook,\n    stateHook,\n  }: {\n    propsHook?: PH;\n    stateHook?: SH;\n  } = {}) => {\n    return React.forwardRef<\n      any,\n      {\n        as?: React.ElementType;\n        asChild?: boolean;\n        className?: string;\n        options?: Parameters<SH>[0];\n        state?: Parameters<PH>[0];\n        style?: React.CSSProperties;\n        setProps?: (hookProps: NonNullable<ReturnType<PH>['props']>) => P;\n      } & P\n    >(\n      (\n        {\n          asChild,\n          className: classNameProp,\n          getClassName,\n          options,\n          state: stateProp,\n          ...props\n        },\n        ref\n      ) => {\n        const state = isDefined(stateProp)\n          ? stateProp\n          : stateHook\n            ? stateHook(options as any)\n            : undefined;\n        const {\n          hidden,\n          props: hookProps,\n          ref: hookRef,\n        } = propsHook\n          ? propsHook(state)\n          : { hidden: false, props: {}, ref: null };\n\n        const _ref = useComposedRef(ref, hookRef);\n        const className =\n          isDefined(hookProps?.className) || isDefined(classNameProp)\n            ? clsx(hookProps?.className, classNameProp)\n            : undefined;\n        const style =\n          hookProps?.style || props.style\n            ? { ...hookProps?.style, ...props.style }\n            : undefined;\n\n        if (!asChild && hidden) return null;\n\n        return (\n          <Comp\n            ref={_ref}\n            asChild={asChild}\n            {...hookProps}\n            className={className}\n            style={style}\n            {...props}\n            {...(props.setProps?.(hookProps ?? {}) ?? {})}\n          />\n        );\n      }\n    );\n  };\n};\n","import React from 'react';\n\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\n/**\n * Set a given ref to a given value This utility takes care of different types\n * of refs: callback refs and React.RefObject(s)\n */\nconst setRef = <T>(ref: PossibleRef<T>, value: T) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref !== null && ref !== undefined) {\n    (ref as React.MutableRefObject<T>).current = value;\n  }\n};\n\n/**\n * A utility to compose multiple refs together Accepts callback refs and\n * React.RefObject(s)\n */\nexport const composeRefs =\n  <T>(...refs: PossibleRef<T>[]) =>\n  (node: T) =>\n    refs.forEach((ref) => setRef(ref, node));\n\n/**\n * A custom hook that composes multiple refs Accepts callback refs and\n * React.RefObject(s)\n */\nexport const useComposedRef = <T>(...refs: PossibleRef<T>[]) => {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback(composeRefs(...refs), refs);\n};\n","import React, { type JSX } from 'react';\n\nexport function createPrimitiveElement<T extends keyof HTMLElementTagNameMap>(\n  tag: T\n) {\n  return React.forwardRef<HTMLElementTagNameMap[T], JSX.IntrinsicElements[T]>(\n    function CreateComponent(props, ref) {\n      return React.createElement(tag, { ...props, ref });\n    }\n  );\n}\n","import React from 'react';\n\nexport function useEffectOnce(\n  effect: React.EffectCallback,\n  deps: React.DependencyList\n) {\n  const initialized = React.useRef(false);\n  const prevDepsRef = React.useRef(deps);\n\n  React.useEffect(() => {\n    const depsChanged = deps.some((dep, i) => dep !== prevDepsRef.current[i]);\n\n    if (!initialized.current || depsChanged) {\n      initialized.current = true;\n      prevDepsRef.current = deps;\n      effect();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n}\n","import React from 'react';\n\nexport const CAN_USE_DOM =\n  typeof window !== 'undefined' && window.document?.createElement !== undefined;\n\n/**\n * Prevent warning on SSR by falling back to React.useEffect when DOM isn't\n * available\n */\nexport const useIsomorphicLayoutEffect = CAN_USE_DOM\n  ? React.useLayoutEffect\n  : React.useEffect;\n","import React from 'react';\n\nexport function useMemoOnce<T>(\n  factory: () => T,\n  deps: React.DependencyList\n): T {\n  const initialized = React.useRef(false);\n  const prevDepsRef = React.useRef(deps);\n  const memoizedValueRef = React.useRef<T>(undefined);\n\n  if (\n    !initialized.current ||\n    deps.some((dep, i) => dep !== prevDepsRef.current[i])\n  ) {\n    initialized.current = true;\n    prevDepsRef.current = deps;\n    memoizedValueRef.current = factory();\n  }\n\n  return memoizedValueRef.current!;\n}\n","import React from 'react';\n\n/**\n * Re-render only when the selector result changes.\n *\n * @param selector A function that derives a value from deps\n * @param deps Dependencies on which to run the selector\n * @param equalityFn Optional comparison function to detect changes in the\n *   derived value\n */\nexport function useMemoizedSelector<R>(\n  selector: () => R,\n  deps: React.DependencyList,\n  equalityFn: (a: R, b: R) => boolean = (a, b) => a === b\n) {\n  // Initialize our state with the initial \"selected\" value.\n  const [memoizedValue, setMemoizedValue] = React.useState<R>(() => selector());\n\n  // Keep a ref of the previous value so we can compare in an effect.\n  const previousValueRef = React.useRef<R>(memoizedValue);\n\n  React.useEffect(() => {\n    // Compute a new value by calling the selector.\n    const newValue = selector();\n\n    // If different, update state and the ref.\n    if (!equalityFn(previousValueRef.current, newValue)) {\n      setMemoizedValue(newValue);\n      previousValueRef.current = newValue;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  return memoizedValue;\n}\n","import React from 'react';\n\nconst canUsePassiveEvents = (): boolean => {\n  if (\n    typeof window === 'undefined' ||\n    typeof window.addEventListener !== 'function'\n  )\n    return false;\n\n  let passive = false;\n  const options = Object.defineProperty({}, 'passive', {\n    get() {\n      passive = true;\n    },\n  });\n  const noop = () => null;\n\n  window.addEventListener('test', noop, options);\n  window.removeEventListener('test', noop, options);\n\n  return passive;\n};\n\nexport const DEFAULT_IGNORE_CLASS = 'ignore-onclickoutside';\n\nexport type UseOnClickOutsideCallback<T extends Event = Event> = (\n  event: T\n) => void;\n\nexport interface UseOnClickOutsideOptions {\n  detectIFrame?: boolean;\n  disabled?: boolean;\n  eventTypes?: string[];\n  excludeScrollbar?: boolean;\n  ignoreClass?: string[] | string;\n  refs?: Refs;\n}\n\nexport type UseOnClickOutsideReturn = (element: El | null) => void;\n\ntype El = HTMLElement;\n\ntype Refs = React.RefObject<El | null>[];\n\nconst checkClass = (el: HTMLElement, cl: string): boolean =>\n  el.classList?.contains(cl);\n\nconst hasIgnoreClass = (e: any, ignoreClass: string[] | string): boolean => {\n  let el = e.target || e;\n\n  while (el) {\n    if (Array.isArray(ignoreClass)) {\n      if (ignoreClass.some((c) => checkClass(el, c))) return true;\n    } else if (checkClass(el, ignoreClass)) {\n      return true;\n    }\n\n    el = el.parentElement;\n  }\n\n  return false;\n};\n\nconst clickedOnScrollbar = (e: MouseEvent): boolean =>\n  document.documentElement.clientWidth <= e.clientX ||\n  document.documentElement.clientHeight <= e.clientY;\n\nconst getEventOptions = (type: string): { passive: boolean } | boolean =>\n  type.includes('touch') && canUsePassiveEvents() ? { passive: true } : false;\n\nexport const useOnClickOutside = (\n  callback: UseOnClickOutsideCallback,\n  {\n    detectIFrame = true,\n    disabled,\n    eventTypes = ['mousedown', 'touchstart'],\n    excludeScrollbar,\n    ignoreClass = DEFAULT_IGNORE_CLASS,\n    refs: refsOpt,\n  }: UseOnClickOutsideOptions = {}\n): UseOnClickOutsideReturn => {\n  const [refsState, setRefsState] = React.useState<Refs>([]);\n  const callbackRef = React.useRef(callback);\n  callbackRef.current = callback;\n\n  const ref: UseOnClickOutsideReturn = React.useCallback(\n    (el) => setRefsState((prevState) => [...prevState, { current: el }]),\n    []\n  );\n\n  React.useEffect(\n    () => {\n      if (!refsOpt?.length && refsState.length === 0) return;\n\n      const getEls = () => {\n        const els: El[] = [];\n        (refsOpt || refsState).forEach(\n          ({ current }) => current && els.push(current)\n        );\n\n        return els;\n      };\n\n      const handler = (e: any) => {\n        if (\n          !hasIgnoreClass(e, ignoreClass) &&\n          !(excludeScrollbar && clickedOnScrollbar(e)) &&\n          getEls().every((el) => !el.contains(e.target))\n        )\n          callbackRef.current(e);\n      };\n\n      const blurHandler = (e: FocusEvent) =>\n        // On firefox the iframe becomes document.activeElement in the next event loop\n        setTimeout(() => {\n          const { activeElement } = document;\n\n          if (\n            activeElement?.tagName === 'IFRAME' &&\n            !hasIgnoreClass(activeElement, ignoreClass) &&\n            !getEls().includes(activeElement as HTMLIFrameElement)\n          )\n            callbackRef.current(e);\n        }, 0);\n\n      const removeEventListener = () => {\n        eventTypes.forEach((type) =>\n          document.removeEventListener(\n            type,\n            handler,\n            getEventOptions(type) as any\n          )\n        );\n\n        if (detectIFrame) window.removeEventListener('blur', blurHandler);\n      };\n\n      if (disabled) {\n        removeEventListener();\n\n        return;\n      }\n\n      eventTypes.forEach((type) =>\n        document.addEventListener(type, handler, getEventOptions(type))\n      );\n\n      if (detectIFrame) window.addEventListener('blur', blurHandler);\n\n      return () => removeEventListener();\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      refsState,\n      ignoreClass,\n      excludeScrollbar,\n      disabled,\n      detectIFrame,\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      JSON.stringify(eventTypes),\n    ]\n  );\n\n  return ref;\n};\n","import React, { type DependencyList } from 'react';\n\n/**\n * Create a stable version of a function that can be used in dependency arrays\n * without causing hooks like useEffect to re-run if the function changes.\n * Calling the returned function always calls the most recent version of the\n * function that was passed to useStableFn.\n *\n * If you do want the function to be replaced when certain dependency values\n * change, include those values in the dependency array of useStableFn.\n */\nexport const useStableFn = <A extends unknown[], R>(\n  fn: (...args: A) => R,\n  deps: DependencyList = []\n) => {\n  const fnRef = React.useRef(fn);\n  fnRef.current = fn;\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback((...args: A) => fnRef.current(...args), deps);\n};\n","import React from 'react';\n\nexport const useStableMemo = <T>(\n  producer: () => T,\n  deps?: React.DependencyList\n): T => {\n  const [value, setValue] = React.useState(producer);\n\n  React.useLayoutEffect(() => {\n    setValue(producer);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  return value;\n};\n","import React from 'react';\n\n/**\n * Wrap a component into multiple providers. If there are any props that you\n * want a provider to receive, you can simply pass an array.\n */\nexport const withProviders =\n  (...providers: any[]) =>\n  <T,>(WrappedComponent: React.FC<T>) =>\n  (props: T) =>\n    providers.reduceRight(\n      (acc, prov) => {\n        let Provider = prov;\n\n        if (Array.isArray(prov)) {\n          [Provider] = prov;\n\n          return <Provider {...prov[1]}>{acc}</Provider>;\n        }\n\n        return <Provider>{acc}</Provider>;\n      },\n      <WrappedComponent {...(props as any)} />\n    );\n","import React, { type JSX } from 'react';\n\ntype ElementType<P = any> =\n  | React.ComponentType<P>\n  | {\n      [K in keyof JSX.IntrinsicElements]: P extends JSX.IntrinsicElements[K]\n        ? K\n        : never;\n    }[keyof JSX.IntrinsicElements];\n\ntype ForwardRefComponent<T, P = {}> = React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<P> & React.RefAttributes<T>\n>;\n\ntype InferElementRef<T> =\n  T extends ElementType<any>\n    ? T extends keyof JSX.IntrinsicElements\n      ? JSX.IntrinsicElements[T] extends React.DetailedHTMLProps<\n          React.HTMLAttributes<infer R>,\n          any\n        >\n        ? R\n        : never\n      : T extends React.ComponentType<any>\n        ? T extends React.ComponentClass<any>\n          ? InstanceType<T>\n          : T extends React.ForwardRefExoticComponent<any>\n            ? React.ComponentPropsWithRef<T>['ref'] extends React.Ref<infer R>\n              ? R\n              : never\n            : never\n        : never\n    : never;\n\n/**\n * Shorter alternative to `React.forwardRef`.\n *\n * @generic1 Component type or element type\n * @generic2 Extended prop types\n */\nexport function withRef<T extends ElementType, P = {}>(\n  renderFunction: React.ForwardRefRenderFunction<\n    InferElementRef<T>,\n    React.ComponentPropsWithoutRef<T> & P\n  >\n): ForwardRefComponent<\n  InferElementRef<T>,\n  React.ComponentPropsWithoutRef<T> & P\n> {\n  return React.forwardRef(renderFunction as any) as any;\n}\n"],"mappings":"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","names":["React","import_react","React","import_react","React","ReactDOM","import_react","import_react","React","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React"]}

package/dist/index.mjs

@@ -264,34 +264,42 @@ var useOnClickOutside = (callback, {
   return ref;
 };
 
-// src/useStableMemo.ts
+// src/useStableFn.ts
 import React12 from "react";
+var useStableFn = (fn, deps = []) => {
+  const fnRef = React12.useRef(fn);
+  fnRef.current = fn;
+  return React12.useCallback((...args) => fnRef.current(...args), deps);
+};
+
+// src/useStableMemo.ts
+import React13 from "react";
 var useStableMemo = (producer, deps) => {
-  const [value, setValue] = React12.useState(producer);
-  React12.useLayoutEffect(() => {
+  const [value, setValue] = React13.useState(producer);
+  React13.useLayoutEffect(() => {
     setValue(producer);
   }, deps);
   return value;
 };
 
 // src/withProviders.tsx
-import React13 from "react";
+import React14 from "react";
 var withProviders = (...providers) => (WrappedComponent) => (props) => providers.reduceRight(
   (acc, prov) => {
     let Provider = prov;
     if (Array.isArray(prov)) {
       [Provider] = prov;
-      return /* @__PURE__ */ React13.createElement(Provider, { ...prov[1] }, acc);
+      return /* @__PURE__ */ React14.createElement(Provider, { ...prov[1] }, acc);
     }
-    return /* @__PURE__ */ React13.createElement(Provider, null, acc);
+    return /* @__PURE__ */ React14.createElement(Provider, null, acc);
   },
-  /* @__PURE__ */ React13.createElement(WrappedComponent, { ...props })
+  /* @__PURE__ */ React14.createElement(WrappedComponent, { ...props })
 );
 
 // src/withRef.tsx
-import React14 from "react";
+import React15 from "react";
 function withRef(renderFunction) {
-  return React14.forwardRef(renderFunction);
+  return React15.forwardRef(renderFunction);
 }
 export {
   Box,
@@ -311,6 +319,7 @@ export {
   useMemoOnce,
   useMemoizedSelector,
   useOnClickOutside,
+  useStableFn,
   useStableMemo,
   withProviders,
   withRef

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/createSlotComponent.tsx","../src/Box.tsx","../src/MemoizedChildren.tsx","../src/PortalBody.tsx","../src/Text.tsx","../src/composeEventHandlers.ts","../src/createPrimitiveComponent.tsx","../src/useComposedRef.ts","../src/createPrimitiveElement.tsx","../src/useEffectOnce.ts","../src/useIsomorphicLayoutEffect.ts","../src/useMemoOnce.ts","../src/useMemoizedSelector.ts","../src/useOnClickOutside.ts","../src/useStableMemo.ts","../src/withProviders.tsx","../src/withRef.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\nexport const createSlotComponent = <\n  T extends React.ElementType,\n  P extends React.ComponentPropsWithoutRef<T>,\n>(\n  element: T\n) =>\n  React.forwardRef<\n    any,\n    {\n      as?: React.ElementType;\n      asChild?: boolean;\n    } & P\n  >(({ as, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : (as as T) || element;\n\n    return <Comp ref={ref} {...props} />;\n  });\n","import type React from 'react';\n\nimport { createSlotComponent } from './createSlotComponent';\n\nexport const Box = createSlotComponent('div');\n\nexport type BoxProps = React.ComponentPropsWithRef<typeof Box>;\n","import React from 'react';\n\nexport const MemoizedChildren = React.memo(\n  ({ children }: { children: React.ReactNode }) => {\n    return <>{children}</>;\n  }\n);\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nexport type PortalBodyProps = { children: React.ReactNode; element?: Element };\n\nexport const PortalBody: ({\n  children,\n  element,\n}: PortalBodyProps) => React.ReactPortal = ({\n  children,\n  element,\n}: PortalBodyProps) => {\n  const container =\n    element || typeof window !== 'undefined' ? document.body : undefined;\n\n  if (!container) return (<>{children}</>) as any;\n\n  return ReactDOM.createPortal(children, element || document.body);\n};\n","import type React from 'react';\n\nimport { createSlotComponent } from './createSlotComponent';\n\nexport const Text = createSlotComponent('span');\n\nexport type TextProps = React.ComponentPropsWithRef<typeof Text>;\n","/** @see https://github.com/radix-ui/primitives/blob/b324ec2d7ddf13a2a115cb5b11478e24d2f45b87/packages/core/primitive/src/primitive.tsx#L1 */\nexport const composeEventHandlers =\n  <E>(\n    originalEventHandler?: (event: E) => void,\n    ourEventHandler?: (event: E) => void,\n    { checkForDefaultPrevented = true } = {}\n  ) =>\n  (event: E) => {\n    originalEventHandler?.(event);\n\n    if (\n      checkForDefaultPrevented === false ||\n      !(event as unknown as Event).defaultPrevented\n    ) {\n      return ourEventHandler?.(event);\n    }\n  };\n","import React from 'react';\n\nimport { isDefined } from '@udecode/utils';\nimport { clsx } from 'clsx';\n\nimport { createSlotComponent } from './createSlotComponent';\nimport { useComposedRef } from './useComposedRef';\n\n/**\n * Primitive component factory. It uses hooks for managing state and props, and\n * forwards references to child components. Component props:\n *\n * - `asChild`: If true, the component will be rendered as a `Slot`\n *   {@link https://www.radix-ui.com/docs/primitives/utilities/slot}.\n * - `options`: Options passed to the state hook.\n * - `state`: Provide your state instead of using the state hook.\n * - `className`: Class name to be merged to the component.\n * - `style`: Style object to be merged to the component.\n * - `setProps`: Function to set props from the props hook.\n * - `...props`: Props to be passed to the component. Props hook return value:\n * - `ref`: Reference to be forwarded to the component.\n * - `props`: Props to be passed to the component.\n * - `hidden`: If true, the component will not be rendered.\n *\n * @example\n *   const MyButton = createPrimitiveComponent(Button)({\n *     stateHook: useButtonState,\n *     propsHook: useButton,\n *   });\n *\n * @param {React.ElementType} element The base component or native HTML element.\n * @returns {function} A primitive component.\n */\nexport const createPrimitiveComponent = <\n  T extends React.ElementType,\n  P extends React.ComponentPropsWithoutRef<T>,\n>(\n  element: T\n) => {\n  const Comp = createSlotComponent<T, P>(element);\n\n  return <SH extends (options: any) => any, PH extends (state: any) => any>({\n    propsHook,\n    stateHook,\n  }: {\n    propsHook?: PH;\n    stateHook?: SH;\n  } = {}) => {\n    return React.forwardRef<\n      any,\n      {\n        as?: React.ElementType;\n        asChild?: boolean;\n        className?: string;\n        options?: Parameters<SH>[0];\n        state?: Parameters<PH>[0];\n        style?: React.CSSProperties;\n        setProps?: (hookProps: NonNullable<ReturnType<PH>['props']>) => P;\n      } & P\n    >(\n      (\n        {\n          asChild,\n          className: classNameProp,\n          getClassName,\n          options,\n          state: stateProp,\n          ...props\n        },\n        ref\n      ) => {\n        const state = isDefined(stateProp)\n          ? stateProp\n          : stateHook\n            ? stateHook(options as any)\n            : undefined;\n        const {\n          hidden,\n          props: hookProps,\n          ref: hookRef,\n        } = propsHook\n          ? propsHook(state)\n          : { hidden: false, props: {}, ref: null };\n\n        const _ref = useComposedRef(ref, hookRef);\n        const className =\n          isDefined(hookProps?.className) || isDefined(classNameProp)\n            ? clsx(hookProps?.className, classNameProp)\n            : undefined;\n        const style =\n          hookProps?.style || props.style\n            ? { ...hookProps?.style, ...props.style }\n            : undefined;\n\n        if (!asChild && hidden) return null;\n\n        return (\n          <Comp\n            ref={_ref}\n            asChild={asChild}\n            {...hookProps}\n            className={className}\n            style={style}\n            {...props}\n            {...(props.setProps?.(hookProps ?? {}) ?? {})}\n          />\n        );\n      }\n    );\n  };\n};\n","import React from 'react';\n\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\n/**\n * Set a given ref to a given value This utility takes care of different types\n * of refs: callback refs and React.RefObject(s)\n */\nconst setRef = <T>(ref: PossibleRef<T>, value: T) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref !== null && ref !== undefined) {\n    (ref as React.MutableRefObject<T>).current = value;\n  }\n};\n\n/**\n * A utility to compose multiple refs together Accepts callback refs and\n * React.RefObject(s)\n */\nexport const composeRefs =\n  <T>(...refs: PossibleRef<T>[]) =>\n  (node: T) =>\n    refs.forEach((ref) => setRef(ref, node));\n\n/**\n * A custom hook that composes multiple refs Accepts callback refs and\n * React.RefObject(s)\n */\nexport const useComposedRef = <T>(...refs: PossibleRef<T>[]) => {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback(composeRefs(...refs), refs);\n};\n","import React, { type JSX } from 'react';\n\nexport function createPrimitiveElement<T extends keyof HTMLElementTagNameMap>(\n  tag: T\n) {\n  return React.forwardRef<HTMLElementTagNameMap[T], JSX.IntrinsicElements[T]>(\n    function CreateComponent(props, ref) {\n      return React.createElement(tag, { ...props, ref });\n    }\n  );\n}\n","import React from 'react';\n\nexport function useEffectOnce(\n  effect: React.EffectCallback,\n  deps: React.DependencyList\n) {\n  const initialized = React.useRef(false);\n  const prevDepsRef = React.useRef(deps);\n\n  React.useEffect(() => {\n    const depsChanged = deps.some((dep, i) => dep !== prevDepsRef.current[i]);\n\n    if (!initialized.current || depsChanged) {\n      initialized.current = true;\n      prevDepsRef.current = deps;\n      effect();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n}\n","import React from 'react';\n\nexport const CAN_USE_DOM =\n  typeof window !== 'undefined' && window.document?.createElement !== undefined;\n\n/**\n * Prevent warning on SSR by falling back to React.useEffect when DOM isn't\n * available\n */\nexport const useIsomorphicLayoutEffect = CAN_USE_DOM\n  ? React.useLayoutEffect\n  : React.useEffect;\n","import React from 'react';\n\nexport function useMemoOnce<T>(\n  factory: () => T,\n  deps: React.DependencyList\n): T {\n  const initialized = React.useRef(false);\n  const prevDepsRef = React.useRef(deps);\n  const memoizedValueRef = React.useRef<T>(undefined);\n\n  if (\n    !initialized.current ||\n    deps.some((dep, i) => dep !== prevDepsRef.current[i])\n  ) {\n    initialized.current = true;\n    prevDepsRef.current = deps;\n    memoizedValueRef.current = factory();\n  }\n\n  return memoizedValueRef.current!;\n}\n","import React from 'react';\n\n/**\n * Re-render only when the selector result changes.\n *\n * @param selector A function that derives a value from deps\n * @param deps Dependencies on which to run the selector\n * @param equalityFn Optional comparison function to detect changes in the\n *   derived value\n */\nexport function useMemoizedSelector<R>(\n  selector: () => R,\n  deps: React.DependencyList,\n  equalityFn: (a: R, b: R) => boolean = (a, b) => a === b\n) {\n  // Initialize our state with the initial \"selected\" value.\n  const [memoizedValue, setMemoizedValue] = React.useState<R>(() => selector());\n\n  // Keep a ref of the previous value so we can compare in an effect.\n  const previousValueRef = React.useRef<R>(memoizedValue);\n\n  React.useEffect(() => {\n    // Compute a new value by calling the selector.\n    const newValue = selector();\n\n    // If different, update state and the ref.\n    if (!equalityFn(previousValueRef.current, newValue)) {\n      setMemoizedValue(newValue);\n      previousValueRef.current = newValue;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  return memoizedValue;\n}\n","import React from 'react';\n\nconst canUsePassiveEvents = (): boolean => {\n  if (\n    typeof window === 'undefined' ||\n    typeof window.addEventListener !== 'function'\n  )\n    return false;\n\n  let passive = false;\n  const options = Object.defineProperty({}, 'passive', {\n    get() {\n      passive = true;\n    },\n  });\n  const noop = () => null;\n\n  window.addEventListener('test', noop, options);\n  window.removeEventListener('test', noop, options);\n\n  return passive;\n};\n\nexport const DEFAULT_IGNORE_CLASS = 'ignore-onclickoutside';\n\nexport type UseOnClickOutsideCallback<T extends Event = Event> = (\n  event: T\n) => void;\n\nexport interface UseOnClickOutsideOptions {\n  detectIFrame?: boolean;\n  disabled?: boolean;\n  eventTypes?: string[];\n  excludeScrollbar?: boolean;\n  ignoreClass?: string[] | string;\n  refs?: Refs;\n}\n\nexport type UseOnClickOutsideReturn = (element: El | null) => void;\n\ntype El = HTMLElement;\n\ntype Refs = React.RefObject<El | null>[];\n\nconst checkClass = (el: HTMLElement, cl: string): boolean =>\n  el.classList?.contains(cl);\n\nconst hasIgnoreClass = (e: any, ignoreClass: string[] | string): boolean => {\n  let el = e.target || e;\n\n  while (el) {\n    if (Array.isArray(ignoreClass)) {\n      if (ignoreClass.some((c) => checkClass(el, c))) return true;\n    } else if (checkClass(el, ignoreClass)) {\n      return true;\n    }\n\n    el = el.parentElement;\n  }\n\n  return false;\n};\n\nconst clickedOnScrollbar = (e: MouseEvent): boolean =>\n  document.documentElement.clientWidth <= e.clientX ||\n  document.documentElement.clientHeight <= e.clientY;\n\nconst getEventOptions = (type: string): { passive: boolean } | boolean =>\n  type.includes('touch') && canUsePassiveEvents() ? { passive: true } : false;\n\nexport const useOnClickOutside = (\n  callback: UseOnClickOutsideCallback,\n  {\n    detectIFrame = true,\n    disabled,\n    eventTypes = ['mousedown', 'touchstart'],\n    excludeScrollbar,\n    ignoreClass = DEFAULT_IGNORE_CLASS,\n    refs: refsOpt,\n  }: UseOnClickOutsideOptions = {}\n): UseOnClickOutsideReturn => {\n  const [refsState, setRefsState] = React.useState<Refs>([]);\n  const callbackRef = React.useRef(callback);\n  callbackRef.current = callback;\n\n  const ref: UseOnClickOutsideReturn = React.useCallback(\n    (el) => setRefsState((prevState) => [...prevState, { current: el }]),\n    []\n  );\n\n  React.useEffect(\n    () => {\n      if (!refsOpt?.length && refsState.length === 0) return;\n\n      const getEls = () => {\n        const els: El[] = [];\n        (refsOpt || refsState).forEach(\n          ({ current }) => current && els.push(current)\n        );\n\n        return els;\n      };\n\n      const handler = (e: any) => {\n        if (\n          !hasIgnoreClass(e, ignoreClass) &&\n          !(excludeScrollbar && clickedOnScrollbar(e)) &&\n          getEls().every((el) => !el.contains(e.target))\n        )\n          callbackRef.current(e);\n      };\n\n      const blurHandler = (e: FocusEvent) =>\n        // On firefox the iframe becomes document.activeElement in the next event loop\n        setTimeout(() => {\n          const { activeElement } = document;\n\n          if (\n            activeElement?.tagName === 'IFRAME' &&\n            !hasIgnoreClass(activeElement, ignoreClass) &&\n            !getEls().includes(activeElement as HTMLIFrameElement)\n          )\n            callbackRef.current(e);\n        }, 0);\n\n      const removeEventListener = () => {\n        eventTypes.forEach((type) =>\n          document.removeEventListener(\n            type,\n            handler,\n            getEventOptions(type) as any\n          )\n        );\n\n        if (detectIFrame) window.removeEventListener('blur', blurHandler);\n      };\n\n      if (disabled) {\n        removeEventListener();\n\n        return;\n      }\n\n      eventTypes.forEach((type) =>\n        document.addEventListener(type, handler, getEventOptions(type))\n      );\n\n      if (detectIFrame) window.addEventListener('blur', blurHandler);\n\n      return () => removeEventListener();\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      refsState,\n      ignoreClass,\n      excludeScrollbar,\n      disabled,\n      detectIFrame,\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      JSON.stringify(eventTypes),\n    ]\n  );\n\n  return ref;\n};\n","import React from 'react';\n\nexport const useStableMemo = <T>(\n  producer: () => T,\n  deps?: React.DependencyList\n): T => {\n  const [value, setValue] = React.useState(producer);\n\n  React.useLayoutEffect(() => {\n    setValue(producer);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  return value;\n};\n","import React from 'react';\n\n/**\n * Wrap a component into multiple providers. If there are any props that you\n * want a provider to receive, you can simply pass an array.\n */\nexport const withProviders =\n  (...providers: any[]) =>\n  <T,>(WrappedComponent: React.FC<T>) =>\n  (props: T) =>\n    providers.reduceRight(\n      (acc, prov) => {\n        let Provider = prov;\n\n        if (Array.isArray(prov)) {\n          [Provider] = prov;\n\n          return <Provider {...prov[1]}>{acc}</Provider>;\n        }\n\n        return <Provider>{acc}</Provider>;\n      },\n      <WrappedComponent {...(props as any)} />\n    );\n","import React, { type JSX } from 'react';\n\ntype ElementType<P = any> =\n  | React.ComponentType<P>\n  | {\n      [K in keyof JSX.IntrinsicElements]: P extends JSX.IntrinsicElements[K]\n        ? K\n        : never;\n    }[keyof JSX.IntrinsicElements];\n\ntype ForwardRefComponent<T, P = {}> = React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<P> & React.RefAttributes<T>\n>;\n\ntype InferElementRef<T> =\n  T extends ElementType<any>\n    ? T extends keyof JSX.IntrinsicElements\n      ? JSX.IntrinsicElements[T] extends React.DetailedHTMLProps<\n          React.HTMLAttributes<infer R>,\n          any\n        >\n        ? R\n        : never\n      : T extends React.ComponentType<any>\n        ? T extends React.ComponentClass<any>\n          ? InstanceType<T>\n          : T extends React.ForwardRefExoticComponent<any>\n            ? React.ComponentPropsWithRef<T>['ref'] extends React.Ref<infer R>\n              ? R\n              : never\n            : never\n        : never\n    : never;\n\n/**\n * Shorter alternative to `React.forwardRef`.\n *\n * @generic1 Component type or element type\n * @generic2 Extended prop types\n */\nexport function withRef<T extends ElementType, P = {}>(\n  renderFunction: React.ForwardRefRenderFunction<\n    InferElementRef<T>,\n    React.ComponentPropsWithoutRef<T> & P\n  >\n): ForwardRefComponent<\n  InferElementRef<T>,\n  React.ComponentPropsWithoutRef<T> & P\n> {\n  return React.forwardRef(renderFunction as any) as any;\n}\n"],"mappings":"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","names":["React","React","React","React","React","React","React","React","React","React","React","React","React","React"]}
+{"version":3,"sources":["../src/createSlotComponent.tsx","../src/Box.tsx","../src/MemoizedChildren.tsx","../src/PortalBody.tsx","../src/Text.tsx","../src/composeEventHandlers.ts","../src/createPrimitiveComponent.tsx","../src/useComposedRef.ts","../src/createPrimitiveElement.tsx","../src/useEffectOnce.ts","../src/useIsomorphicLayoutEffect.ts","../src/useMemoOnce.ts","../src/useMemoizedSelector.ts","../src/useOnClickOutside.ts","../src/useStableFn.ts","../src/useStableMemo.ts","../src/withProviders.tsx","../src/withRef.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\nexport const createSlotComponent = <\n  T extends React.ElementType,\n  P extends React.ComponentPropsWithoutRef<T>,\n>(\n  element: T\n) =>\n  React.forwardRef<\n    any,\n    {\n      as?: React.ElementType;\n      asChild?: boolean;\n    } & P\n  >(({ as, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : (as as T) || element;\n\n    return <Comp ref={ref} {...props} />;\n  });\n","import type React from 'react';\n\nimport { createSlotComponent } from './createSlotComponent';\n\nexport const Box = createSlotComponent('div');\n\nexport type BoxProps = React.ComponentPropsWithRef<typeof Box>;\n","import React from 'react';\n\nexport const MemoizedChildren = React.memo(\n  ({ children }: { children: React.ReactNode }) => {\n    return <>{children}</>;\n  }\n);\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nexport type PortalBodyProps = { children: React.ReactNode; element?: Element };\n\nexport const PortalBody: ({\n  children,\n  element,\n}: PortalBodyProps) => React.ReactPortal = ({\n  children,\n  element,\n}: PortalBodyProps) => {\n  const container =\n    element || typeof window !== 'undefined' ? document.body : undefined;\n\n  if (!container) return (<>{children}</>) as any;\n\n  return ReactDOM.createPortal(children, element || document.body);\n};\n","import type React from 'react';\n\nimport { createSlotComponent } from './createSlotComponent';\n\nexport const Text = createSlotComponent('span');\n\nexport type TextProps = React.ComponentPropsWithRef<typeof Text>;\n","/** @see https://github.com/radix-ui/primitives/blob/b324ec2d7ddf13a2a115cb5b11478e24d2f45b87/packages/core/primitive/src/primitive.tsx#L1 */\nexport const composeEventHandlers =\n  <E>(\n    originalEventHandler?: (event: E) => void,\n    ourEventHandler?: (event: E) => void,\n    { checkForDefaultPrevented = true } = {}\n  ) =>\n  (event: E) => {\n    originalEventHandler?.(event);\n\n    if (\n      checkForDefaultPrevented === false ||\n      !(event as unknown as Event).defaultPrevented\n    ) {\n      return ourEventHandler?.(event);\n    }\n  };\n","import React from 'react';\n\nimport { isDefined } from '@udecode/utils';\nimport { clsx } from 'clsx';\n\nimport { createSlotComponent } from './createSlotComponent';\nimport { useComposedRef } from './useComposedRef';\n\n/**\n * Primitive component factory. It uses hooks for managing state and props, and\n * forwards references to child components. Component props:\n *\n * - `asChild`: If true, the component will be rendered as a `Slot`\n *   {@link https://www.radix-ui.com/docs/primitives/utilities/slot}.\n * - `options`: Options passed to the state hook.\n * - `state`: Provide your state instead of using the state hook.\n * - `className`: Class name to be merged to the component.\n * - `style`: Style object to be merged to the component.\n * - `setProps`: Function to set props from the props hook.\n * - `...props`: Props to be passed to the component. Props hook return value:\n * - `ref`: Reference to be forwarded to the component.\n * - `props`: Props to be passed to the component.\n * - `hidden`: If true, the component will not be rendered.\n *\n * @example\n *   const MyButton = createPrimitiveComponent(Button)({\n *     stateHook: useButtonState,\n *     propsHook: useButton,\n *   });\n *\n * @param {React.ElementType} element The base component or native HTML element.\n * @returns {function} A primitive component.\n */\nexport const createPrimitiveComponent = <\n  T extends React.ElementType,\n  P extends React.ComponentPropsWithoutRef<T>,\n>(\n  element: T\n) => {\n  const Comp = createSlotComponent<T, P>(element);\n\n  return <SH extends (options: any) => any, PH extends (state: any) => any>({\n    propsHook,\n    stateHook,\n  }: {\n    propsHook?: PH;\n    stateHook?: SH;\n  } = {}) => {\n    return React.forwardRef<\n      any,\n      {\n        as?: React.ElementType;\n        asChild?: boolean;\n        className?: string;\n        options?: Parameters<SH>[0];\n        state?: Parameters<PH>[0];\n        style?: React.CSSProperties;\n        setProps?: (hookProps: NonNullable<ReturnType<PH>['props']>) => P;\n      } & P\n    >(\n      (\n        {\n          asChild,\n          className: classNameProp,\n          getClassName,\n          options,\n          state: stateProp,\n          ...props\n        },\n        ref\n      ) => {\n        const state = isDefined(stateProp)\n          ? stateProp\n          : stateHook\n            ? stateHook(options as any)\n            : undefined;\n        const {\n          hidden,\n          props: hookProps,\n          ref: hookRef,\n        } = propsHook\n          ? propsHook(state)\n          : { hidden: false, props: {}, ref: null };\n\n        const _ref = useComposedRef(ref, hookRef);\n        const className =\n          isDefined(hookProps?.className) || isDefined(classNameProp)\n            ? clsx(hookProps?.className, classNameProp)\n            : undefined;\n        const style =\n          hookProps?.style || props.style\n            ? { ...hookProps?.style, ...props.style }\n            : undefined;\n\n        if (!asChild && hidden) return null;\n\n        return (\n          <Comp\n            ref={_ref}\n            asChild={asChild}\n            {...hookProps}\n            className={className}\n            style={style}\n            {...props}\n            {...(props.setProps?.(hookProps ?? {}) ?? {})}\n          />\n        );\n      }\n    );\n  };\n};\n","import React from 'react';\n\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\n/**\n * Set a given ref to a given value This utility takes care of different types\n * of refs: callback refs and React.RefObject(s)\n */\nconst setRef = <T>(ref: PossibleRef<T>, value: T) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref !== null && ref !== undefined) {\n    (ref as React.MutableRefObject<T>).current = value;\n  }\n};\n\n/**\n * A utility to compose multiple refs together Accepts callback refs and\n * React.RefObject(s)\n */\nexport const composeRefs =\n  <T>(...refs: PossibleRef<T>[]) =>\n  (node: T) =>\n    refs.forEach((ref) => setRef(ref, node));\n\n/**\n * A custom hook that composes multiple refs Accepts callback refs and\n * React.RefObject(s)\n */\nexport const useComposedRef = <T>(...refs: PossibleRef<T>[]) => {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback(composeRefs(...refs), refs);\n};\n","import React, { type JSX } from 'react';\n\nexport function createPrimitiveElement<T extends keyof HTMLElementTagNameMap>(\n  tag: T\n) {\n  return React.forwardRef<HTMLElementTagNameMap[T], JSX.IntrinsicElements[T]>(\n    function CreateComponent(props, ref) {\n      return React.createElement(tag, { ...props, ref });\n    }\n  );\n}\n","import React from 'react';\n\nexport function useEffectOnce(\n  effect: React.EffectCallback,\n  deps: React.DependencyList\n) {\n  const initialized = React.useRef(false);\n  const prevDepsRef = React.useRef(deps);\n\n  React.useEffect(() => {\n    const depsChanged = deps.some((dep, i) => dep !== prevDepsRef.current[i]);\n\n    if (!initialized.current || depsChanged) {\n      initialized.current = true;\n      prevDepsRef.current = deps;\n      effect();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n}\n","import React from 'react';\n\nexport const CAN_USE_DOM =\n  typeof window !== 'undefined' && window.document?.createElement !== undefined;\n\n/**\n * Prevent warning on SSR by falling back to React.useEffect when DOM isn't\n * available\n */\nexport const useIsomorphicLayoutEffect = CAN_USE_DOM\n  ? React.useLayoutEffect\n  : React.useEffect;\n","import React from 'react';\n\nexport function useMemoOnce<T>(\n  factory: () => T,\n  deps: React.DependencyList\n): T {\n  const initialized = React.useRef(false);\n  const prevDepsRef = React.useRef(deps);\n  const memoizedValueRef = React.useRef<T>(undefined);\n\n  if (\n    !initialized.current ||\n    deps.some((dep, i) => dep !== prevDepsRef.current[i])\n  ) {\n    initialized.current = true;\n    prevDepsRef.current = deps;\n    memoizedValueRef.current = factory();\n  }\n\n  return memoizedValueRef.current!;\n}\n","import React from 'react';\n\n/**\n * Re-render only when the selector result changes.\n *\n * @param selector A function that derives a value from deps\n * @param deps Dependencies on which to run the selector\n * @param equalityFn Optional comparison function to detect changes in the\n *   derived value\n */\nexport function useMemoizedSelector<R>(\n  selector: () => R,\n  deps: React.DependencyList,\n  equalityFn: (a: R, b: R) => boolean = (a, b) => a === b\n) {\n  // Initialize our state with the initial \"selected\" value.\n  const [memoizedValue, setMemoizedValue] = React.useState<R>(() => selector());\n\n  // Keep a ref of the previous value so we can compare in an effect.\n  const previousValueRef = React.useRef<R>(memoizedValue);\n\n  React.useEffect(() => {\n    // Compute a new value by calling the selector.\n    const newValue = selector();\n\n    // If different, update state and the ref.\n    if (!equalityFn(previousValueRef.current, newValue)) {\n      setMemoizedValue(newValue);\n      previousValueRef.current = newValue;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  return memoizedValue;\n}\n","import React from 'react';\n\nconst canUsePassiveEvents = (): boolean => {\n  if (\n    typeof window === 'undefined' ||\n    typeof window.addEventListener !== 'function'\n  )\n    return false;\n\n  let passive = false;\n  const options = Object.defineProperty({}, 'passive', {\n    get() {\n      passive = true;\n    },\n  });\n  const noop = () => null;\n\n  window.addEventListener('test', noop, options);\n  window.removeEventListener('test', noop, options);\n\n  return passive;\n};\n\nexport const DEFAULT_IGNORE_CLASS = 'ignore-onclickoutside';\n\nexport type UseOnClickOutsideCallback<T extends Event = Event> = (\n  event: T\n) => void;\n\nexport interface UseOnClickOutsideOptions {\n  detectIFrame?: boolean;\n  disabled?: boolean;\n  eventTypes?: string[];\n  excludeScrollbar?: boolean;\n  ignoreClass?: string[] | string;\n  refs?: Refs;\n}\n\nexport type UseOnClickOutsideReturn = (element: El | null) => void;\n\ntype El = HTMLElement;\n\ntype Refs = React.RefObject<El | null>[];\n\nconst checkClass = (el: HTMLElement, cl: string): boolean =>\n  el.classList?.contains(cl);\n\nconst hasIgnoreClass = (e: any, ignoreClass: string[] | string): boolean => {\n  let el = e.target || e;\n\n  while (el) {\n    if (Array.isArray(ignoreClass)) {\n      if (ignoreClass.some((c) => checkClass(el, c))) return true;\n    } else if (checkClass(el, ignoreClass)) {\n      return true;\n    }\n\n    el = el.parentElement;\n  }\n\n  return false;\n};\n\nconst clickedOnScrollbar = (e: MouseEvent): boolean =>\n  document.documentElement.clientWidth <= e.clientX ||\n  document.documentElement.clientHeight <= e.clientY;\n\nconst getEventOptions = (type: string): { passive: boolean } | boolean =>\n  type.includes('touch') && canUsePassiveEvents() ? { passive: true } : false;\n\nexport const useOnClickOutside = (\n  callback: UseOnClickOutsideCallback,\n  {\n    detectIFrame = true,\n    disabled,\n    eventTypes = ['mousedown', 'touchstart'],\n    excludeScrollbar,\n    ignoreClass = DEFAULT_IGNORE_CLASS,\n    refs: refsOpt,\n  }: UseOnClickOutsideOptions = {}\n): UseOnClickOutsideReturn => {\n  const [refsState, setRefsState] = React.useState<Refs>([]);\n  const callbackRef = React.useRef(callback);\n  callbackRef.current = callback;\n\n  const ref: UseOnClickOutsideReturn = React.useCallback(\n    (el) => setRefsState((prevState) => [...prevState, { current: el }]),\n    []\n  );\n\n  React.useEffect(\n    () => {\n      if (!refsOpt?.length && refsState.length === 0) return;\n\n      const getEls = () => {\n        const els: El[] = [];\n        (refsOpt || refsState).forEach(\n          ({ current }) => current && els.push(current)\n        );\n\n        return els;\n      };\n\n      const handler = (e: any) => {\n        if (\n          !hasIgnoreClass(e, ignoreClass) &&\n          !(excludeScrollbar && clickedOnScrollbar(e)) &&\n          getEls().every((el) => !el.contains(e.target))\n        )\n          callbackRef.current(e);\n      };\n\n      const blurHandler = (e: FocusEvent) =>\n        // On firefox the iframe becomes document.activeElement in the next event loop\n        setTimeout(() => {\n          const { activeElement } = document;\n\n          if (\n            activeElement?.tagName === 'IFRAME' &&\n            !hasIgnoreClass(activeElement, ignoreClass) &&\n            !getEls().includes(activeElement as HTMLIFrameElement)\n          )\n            callbackRef.current(e);\n        }, 0);\n\n      const removeEventListener = () => {\n        eventTypes.forEach((type) =>\n          document.removeEventListener(\n            type,\n            handler,\n            getEventOptions(type) as any\n          )\n        );\n\n        if (detectIFrame) window.removeEventListener('blur', blurHandler);\n      };\n\n      if (disabled) {\n        removeEventListener();\n\n        return;\n      }\n\n      eventTypes.forEach((type) =>\n        document.addEventListener(type, handler, getEventOptions(type))\n      );\n\n      if (detectIFrame) window.addEventListener('blur', blurHandler);\n\n      return () => removeEventListener();\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      refsState,\n      ignoreClass,\n      excludeScrollbar,\n      disabled,\n      detectIFrame,\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      JSON.stringify(eventTypes),\n    ]\n  );\n\n  return ref;\n};\n","import React, { type DependencyList } from 'react';\n\n/**\n * Create a stable version of a function that can be used in dependency arrays\n * without causing hooks like useEffect to re-run if the function changes.\n * Calling the returned function always calls the most recent version of the\n * function that was passed to useStableFn.\n *\n * If you do want the function to be replaced when certain dependency values\n * change, include those values in the dependency array of useStableFn.\n */\nexport const useStableFn = <A extends unknown[], R>(\n  fn: (...args: A) => R,\n  deps: DependencyList = []\n) => {\n  const fnRef = React.useRef(fn);\n  fnRef.current = fn;\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback((...args: A) => fnRef.current(...args), deps);\n};\n","import React from 'react';\n\nexport const useStableMemo = <T>(\n  producer: () => T,\n  deps?: React.DependencyList\n): T => {\n  const [value, setValue] = React.useState(producer);\n\n  React.useLayoutEffect(() => {\n    setValue(producer);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  return value;\n};\n","import React from 'react';\n\n/**\n * Wrap a component into multiple providers. If there are any props that you\n * want a provider to receive, you can simply pass an array.\n */\nexport const withProviders =\n  (...providers: any[]) =>\n  <T,>(WrappedComponent: React.FC<T>) =>\n  (props: T) =>\n    providers.reduceRight(\n      (acc, prov) => {\n        let Provider = prov;\n\n        if (Array.isArray(prov)) {\n          [Provider] = prov;\n\n          return <Provider {...prov[1]}>{acc}</Provider>;\n        }\n\n        return <Provider>{acc}</Provider>;\n      },\n      <WrappedComponent {...(props as any)} />\n    );\n","import React, { type JSX } from 'react';\n\ntype ElementType<P = any> =\n  | React.ComponentType<P>\n  | {\n      [K in keyof JSX.IntrinsicElements]: P extends JSX.IntrinsicElements[K]\n        ? K\n        : never;\n    }[keyof JSX.IntrinsicElements];\n\ntype ForwardRefComponent<T, P = {}> = React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<P> & React.RefAttributes<T>\n>;\n\ntype InferElementRef<T> =\n  T extends ElementType<any>\n    ? T extends keyof JSX.IntrinsicElements\n      ? JSX.IntrinsicElements[T] extends React.DetailedHTMLProps<\n          React.HTMLAttributes<infer R>,\n          any\n        >\n        ? R\n        : never\n      : T extends React.ComponentType<any>\n        ? T extends React.ComponentClass<any>\n          ? InstanceType<T>\n          : T extends React.ForwardRefExoticComponent<any>\n            ? React.ComponentPropsWithRef<T>['ref'] extends React.Ref<infer R>\n              ? R\n              : never\n            : never\n        : never\n    : never;\n\n/**\n * Shorter alternative to `React.forwardRef`.\n *\n * @generic1 Component type or element type\n * @generic2 Extended prop types\n */\nexport function withRef<T extends ElementType, P = {}>(\n  renderFunction: React.ForwardRefRenderFunction<\n    InferElementRef<T>,\n    React.ComponentPropsWithoutRef<T> & P\n  >\n): ForwardRefComponent<\n  InferElementRef<T>,\n  React.ComponentPropsWithoutRef<T> & P\n> {\n  return React.forwardRef(renderFunction as any) as any;\n}\n"],"mappings":"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","names":["React","React","React","React","React","React","React","React","React","React","React","React","React","React","React"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udecode/react-utils",
-  "version": "44.0.1",
+  "version": "46.0.9",
   "description": "React utils",
   "keywords": [
     "utils"