@koine/react 2.0.0-beta.12 → 2.0.0-beta.120

package/index.d.ts

@@ -1 +1,28 @@
-export * from "./shared";
+export { classed } from "./classed";
+export { createUseMediaQueryWidth, type MediaQuerWidthDef, type MediaQueryWidth, } from "./createUseMediaQueryWidth";
+export { type ExtendableComponent, type OverridableComponents, type WithComponents, extendComponent, } from "./extendComponent";
+export { FaviconTags, type FaviconTagsProps } from "./FaviconTags";
+export { mergeRefs } from "./mergeRefs";
+export { Meta, type MetaProps } from "./Meta";
+export { NoJs, type NoJsProps } from "./NoJs";
+export type { Polymorphic } from "./Polymorphic";
+export { useAsyncFn, type UseAsyncFnReturn, type UseAsyncState, } from "./useAsyncFn";
+export { useFirstMountState } from "./useFirstMountState";
+export { useFixedOffset } from "./useFixedOffset";
+export { useFocus } from "./useFocus";
+export { useInterval } from "./useInterval";
+export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
+export { useKeyUp } from "./useKeyUp";
+export { useMeasure, type UseMeasureOptions, type UseMeasureReturn, } from "./useMeasure";
+export { useMountedState } from "./useMountedState";
+export { useNavigateAway, type UseNavigateAwayHandler, } from "./useNavigateAway";
+export { usePrevious } from "./usePrevious";
+export { usePreviousRef } from "./usePreviousRef";
+export { useScrollPosition } from "./useScrollPosition";
+export { useScrollThreshold } from "./useScrollThreshold";
+export { useSmoothScroll } from "./useSmoothScroll";
+export { useSpinDelay } from "./useSpinDelay";
+export { useTraceUpdate } from "./useTraceUpdate";
+export { useUpdateEffect } from "./useUpdateEffect";
+export { useWindowSize } from "./useWindowSize";
+export type { KoineComponentProps, KoineComponent } from "./types";

package/index.esm.d.ts

@@ -0,0 +1 @@
+export * from "./index";

package/index.esm.js

@@ -0,0 +1,30 @@
+export { classed } from './classed.esm.js';
+export { createUseMediaQueryWidth } from './createUseMediaQueryWidth.esm.js';
+export { extendComponent } from './extendComponent.esm.js';
+export { FaviconTags } from './FaviconTags.esm.js';
+export { mergeRefs } from './mergeRefs.esm.js';
+export { Meta } from './Meta.esm.js';
+export { NoJs } from './NoJs.esm.js';
+export { useAsyncFn } from './useAsyncFn.esm.js';
+export { useFirstMountState } from './useFirstMountState.esm.js';
+export { useFixedOffset } from './useFixedOffset.esm.js';
+export { useFocus } from './useFocus.esm.js';
+export { useInterval } from './useInterval.esm.js';
+export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.esm.js';
+export { useKeyUp } from './useKeyUp.esm.js';
+export { useMeasure } from './useMeasure.esm.js';
+export { useMountedState } from './useMountedState.esm.js';
+export { useNavigateAway } from './useNavigateAway.esm.js';
+export { usePrevious } from './usePrevious.esm.js';
+export { usePreviousRef } from './usePreviousRef.esm.js';
+export { useScrollPosition } from './useScrollPosition.esm.js';
+export { useScrollThreshold } from './useScrollThreshold.esm.js';
+export { useSmoothScroll } from './useSmoothScroll.esm.js';
+export { useSpinDelay } from './useSpinDelay.esm.js';
+export { useTraceUpdate } from './useTraceUpdate.esm.js';
+export { useUpdateEffect } from './useUpdateEffect.esm.js';
+export { useWindowSize } from './useWindowSize.esm.js';
+import 'react';
+import '@koine/utils';
+import 'react/jsx-runtime';
+import '@koine/dom';

package/mergeRefs.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./mergeRefs";
+export { default } from "./mergeRefs";

package/mergeRefs.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./mergeRefs.cjs.js').default;

package/mergeRefs.cjs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let mergeRefs=e=>r=>{e.forEach(e=>{"function"==typeof e?e(r):null!=e&&(e.current=r);});};
+
+exports.default = mergeRefs;
+exports.mergeRefs = mergeRefs;

package/mergeRefs.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './mergeRefs.cjs.js';
+export { _default as default } from './mergeRefs.cjs.default.js';

package/mergeRefs.d.ts

@@ -0,0 +1,2 @@
+export declare let mergeRefs: <T = Element>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>) => React.RefCallback<T>;
+export default mergeRefs;

package/mergeRefs.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./mergeRefs";
+export { default } from "./mergeRefs";

package/mergeRefs.esm.js

@@ -0,0 +1,3 @@
+let mergeRefs=e=>r=>{e.forEach(e=>{"function"==typeof e?e(r):null!=e&&(e.current=r);});};
+
+export { mergeRefs as default, mergeRefs };

package/package.json

@@ -2,71 +2,193 @@
   "name": "@koine/react",
   "sideEffects": false,
   "dependencies": {
-    "@koine/dom": "2.0.0-beta.12",
-    "@koine/utils": "2.0.0-beta.12"
+    "@koine/dom": "2.0.0-beta.120",
+    "@koine/utils": "2.0.0-beta.120"
+  },
+  "peerDependencies": {
+    "@kuus/yup": "1.0.0-beta.7",
+    "date-fns": "^3.2.0",
+    "react": "^18.2.0",
+    "react-swipeable": "^7.0.1"
   },
   "peerDependenciesMeta": {
-    "@hookform/resolvers": {
-      "optional": true
-    },
     "@kuus/yup": {
       "optional": true
     },
-    "@mui/base": {
+    "date-fns": {
       "optional": true
     },
-    "@tiptap/react": {
+    "react-swipeable": {
       "optional": true
     },
-    "@tiptap/starter-kit": {
+    "tailwindcss": {
       "optional": true
+    }
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "module": "./index.esm.js",
+      "import": "./index.cjs.mjs",
+      "default": "./index.cjs.js"
     },
-    "date-fns": {
-      "optional": true
+    "./calendar": {
+      "module": "./calendar.esm.js",
+      "import": "./calendar.cjs.mjs",
+      "default": "./calendar.cjs.js"
     },
-    "framer-motion": {
-      "optional": true
+    "./classed": {
+      "module": "./classed.esm.js",
+      "import": "./classed.cjs.mjs",
+      "default": "./classed.cjs.js"
     },
-    "react-hook-form": {
-      "optional": true
+    "./createUseMediaQueryWidth": {
+      "module": "./createUseMediaQueryWidth.esm.js",
+      "import": "./createUseMediaQueryWidth.cjs.mjs",
+      "default": "./createUseMediaQueryWidth.cjs.js"
     },
-    "react-icons": {
-      "optional": true
+    "./extendComponent": {
+      "module": "./extendComponent.esm.js",
+      "import": "./extendComponent.cjs.mjs",
+      "default": "./extendComponent.cjs.js"
     },
-    "react-is": {
-      "optional": true
+    "./FaviconTags": {
+      "module": "./FaviconTags.esm.js",
+      "import": "./FaviconTags.cjs.mjs",
+      "default": "./FaviconTags.cjs.js"
     },
-    "react-popper": {
-      "optional": true
+    "./forms": {
+      "module": "./forms.esm.js",
+      "import": "./forms.cjs.mjs",
+      "default": "./forms.cjs.js"
     },
-    "react-swipeable": {
-      "optional": true
+    "./mergeRefs": {
+      "module": "./mergeRefs.esm.js",
+      "import": "./mergeRefs.cjs.mjs",
+      "default": "./mergeRefs.cjs.js"
     },
-    "styled-components": {
-      "optional": true
+    "./Meta": {
+      "module": "./Meta.esm.js",
+      "import": "./Meta.cjs.mjs",
+      "default": "./Meta.cjs.js"
     },
-    "tailwindcss": {
-      "optional": true
+    "./NoJs": {
+      "module": "./NoJs.esm.js",
+      "import": "./NoJs.cjs.mjs",
+      "default": "./NoJs.cjs.js"
+    },
+    "./Polymorphic": {
+      "module": "./Polymorphic.esm.js",
+      "import": "./Polymorphic.cjs.mjs",
+      "default": "./Polymorphic.cjs.js"
+    },
+    "./types": {
+      "module": "./types.esm.js",
+      "import": "./types.cjs.mjs",
+      "default": "./types.cjs.js"
+    },
+    "./useAsyncFn": {
+      "module": "./useAsyncFn.esm.js",
+      "import": "./useAsyncFn.cjs.mjs",
+      "default": "./useAsyncFn.cjs.js"
+    },
+    "./useFirstMountState": {
+      "module": "./useFirstMountState.esm.js",
+      "import": "./useFirstMountState.cjs.mjs",
+      "default": "./useFirstMountState.cjs.js"
+    },
+    "./useFixedOffset": {
+      "module": "./useFixedOffset.esm.js",
+      "import": "./useFixedOffset.cjs.mjs",
+      "default": "./useFixedOffset.cjs.js"
+    },
+    "./useFocus": {
+      "module": "./useFocus.esm.js",
+      "import": "./useFocus.cjs.mjs",
+      "default": "./useFocus.cjs.js"
+    },
+    "./useInterval": {
+      "module": "./useInterval.esm.js",
+      "import": "./useInterval.cjs.mjs",
+      "default": "./useInterval.cjs.js"
+    },
+    "./useIsomorphicLayoutEffect": {
+      "module": "./useIsomorphicLayoutEffect.esm.js",
+      "import": "./useIsomorphicLayoutEffect.cjs.mjs",
+      "default": "./useIsomorphicLayoutEffect.cjs.js"
+    },
+    "./useKeyUp": {
+      "module": "./useKeyUp.esm.js",
+      "import": "./useKeyUp.cjs.mjs",
+      "default": "./useKeyUp.cjs.js"
+    },
+    "./useMeasure": {
+      "module": "./useMeasure.esm.js",
+      "import": "./useMeasure.cjs.mjs",
+      "default": "./useMeasure.cjs.js"
+    },
+    "./useMountedState": {
+      "module": "./useMountedState.esm.js",
+      "import": "./useMountedState.cjs.mjs",
+      "default": "./useMountedState.cjs.js"
+    },
+    "./useNavigateAway": {
+      "module": "./useNavigateAway.esm.js",
+      "import": "./useNavigateAway.cjs.mjs",
+      "default": "./useNavigateAway.cjs.js"
+    },
+    "./usePrevious": {
+      "module": "./usePrevious.esm.js",
+      "import": "./usePrevious.cjs.mjs",
+      "default": "./usePrevious.cjs.js"
+    },
+    "./usePreviousRef": {
+      "module": "./usePreviousRef.esm.js",
+      "import": "./usePreviousRef.cjs.mjs",
+      "default": "./usePreviousRef.cjs.js"
+    },
+    "./useScrollPosition": {
+      "module": "./useScrollPosition.esm.js",
+      "import": "./useScrollPosition.cjs.mjs",
+      "default": "./useScrollPosition.cjs.js"
+    },
+    "./useScrollThreshold": {
+      "module": "./useScrollThreshold.esm.js",
+      "import": "./useScrollThreshold.cjs.mjs",
+      "default": "./useScrollThreshold.cjs.js"
+    },
+    "./useScrollTo": {
+      "module": "./useScrollTo.esm.js",
+      "import": "./useScrollTo.cjs.mjs",
+      "default": "./useScrollTo.cjs.js"
+    },
+    "./useSmoothScroll": {
+      "module": "./useSmoothScroll.esm.js",
+      "import": "./useSmoothScroll.cjs.mjs",
+      "default": "./useSmoothScroll.cjs.js"
+    },
+    "./useSpinDelay": {
+      "module": "./useSpinDelay.esm.js",
+      "import": "./useSpinDelay.cjs.mjs",
+      "default": "./useSpinDelay.cjs.js"
+    },
+    "./useTraceUpdate": {
+      "module": "./useTraceUpdate.esm.js",
+      "import": "./useTraceUpdate.cjs.mjs",
+      "default": "./useTraceUpdate.cjs.js"
+    },
+    "./useUpdateEffect": {
+      "module": "./useUpdateEffect.esm.js",
+      "import": "./useUpdateEffect.cjs.mjs",
+      "default": "./useUpdateEffect.cjs.js"
+    },
+    "./useWindowSize": {
+      "module": "./useWindowSize.esm.js",
+      "import": "./useWindowSize.cjs.mjs",
+      "default": "./useWindowSize.cjs.js"
     }
   },
-  "peerDependencies": {
-    "@kuus/yup": "1.0.0-beta.7",
-    "@mui/base": "5.0.0-beta.9",
-    "@mui/utils": "^5.14.3",
-    "@tiptap/react": "^2.0.4",
-    "@tiptap/starter-kit": "^2.0.4",
-    "date-fns": "^2.30.0",
-    "framer-motion": "^10.15.0",
-    "react": "^18.2.0",
-    "react-hook-form": "^7.45.2",
-    "react-icons": "^4.10.1",
-    "react-swipeable": "^7.0.1",
-    "styled-components": "^5.3.11",
-    "tslib": "^2.6.1",
-    "type-fest": "^4.1.0"
-  },
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "version": "2.0.0-beta.12"
-}
+  "module": "./index.esm.js",
+  "main": "./index.cjs.js",
+  "version": "2.0.0-beta.120"
+}

package/types.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./types.cjs.js').default;

package/types.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/types.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './types.cjs.js';
+export { _default as default } from './types.cjs.default.js';

package/types.d.ts

@@ -1,10 +1,2 @@
-/// <reference types="react" />
-export type { KoineImgSmartWrapProps, KoineImgSmartProps } from "./Img/types";
-export type Translate = (i18nKey: any, query?: any, options?: any) => string;
-export type Option = {
-    value: string;
-    Label?: NonNullable<import("react").ReactNode>;
-    label: NonNullable<import("react").ReactChild | import("react").ReactFragment>;
-};
 export type KoineComponentProps<BaseComponentProps, ExtendableProps> = BaseComponentProps & ExtendableProps;
 export type KoineComponent<Props = any> = string | React.ForwardRefExoticComponent<Props> | React.ExoticComponent<Props> | React.FC<Props> | ((props: Props) => JSX.Element);

package/types.esm.js

@@ -0,0 +1 @@
+

package/useAsyncFn.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useAsyncFn";
+export { default } from "./useAsyncFn";

package/useAsyncFn.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useAsyncFn.cjs.js').default;

package/useAsyncFn.cjs.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var useMountedState = require('./useMountedState.cjs.js');
+
+/**
+ * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useAsyncFn.ts)
+ */let useAsyncFn=(o,u=[],l={loading:!1})=>{let a=react.useRef(0),d=useMountedState.useMountedState(),[i,c]=react.useState(l),g=react.useCallback((...e)=>{let t=++a.current;return i.loading||c(e=>({...e,loading:!0})),o(...e).then(e=>(d()&&t===a.current&&c({value:e,loading:!1}),e),e=>(d()&&t===a.current&&c({error:e,loading:!1}),e))},// eslint-disable-next-line react-hooks/exhaustive-deps
+u);return [i,g]};
+
+exports.default = useAsyncFn;
+exports.useAsyncFn = useAsyncFn;

package/useAsyncFn.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useAsyncFn.cjs.js';
+export { _default as default } from './useAsyncFn.cjs.default.js';

package/{hooks/useAsyncFn.d.ts → useAsyncFn.d.ts}

@@ -1,5 +1,6 @@
 import React from "react";
-import type { FunctionReturningPromise, PromiseType } from "./types";
+type PromiseType<P extends Promise<any>> = P extends Promise<infer T> ? T : never;
+type FunctionReturningPromise = (...args: any[]) => Promise<any>;
 export type UseAsyncState<T> = {
     loading: boolean;
     error?: undefined;
@@ -19,8 +20,5 @@ export type UseAsyncState<T> = {
 };
 type StateFromFunctionReturningPromise<T extends FunctionReturningPromise> = UseAsyncState<PromiseType<ReturnType<T>>>;
 export type UseAsyncFnReturn<T extends FunctionReturningPromise = FunctionReturningPromise> = [StateFromFunctionReturningPromise<T>, T];
-/**
- * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useAsyncFn.ts)
- */
-export declare function useAsyncFn<T extends FunctionReturningPromise>(fn: T, deps?: React.DependencyList, initialState?: StateFromFunctionReturningPromise<T>): UseAsyncFnReturn<T>;
+export declare let useAsyncFn: <T extends FunctionReturningPromise>(fn: T, deps?: React.DependencyList, initialState?: StateFromFunctionReturningPromise<T>) => UseAsyncFnReturn<T>;
 export default useAsyncFn;

package/useAsyncFn.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./useAsyncFn";
+export { default } from "./useAsyncFn";

package/useAsyncFn.esm.js

@@ -0,0 +1,9 @@
+import { useRef, useState, useCallback } from 'react';
+import { useMountedState } from './useMountedState.esm.js';
+
+/**
+ * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useAsyncFn.ts)
+ */let useAsyncFn=(o,u=[],l={loading:!1})=>{let a=useRef(0),d=useMountedState(),[i,c]=useState(l),g=useCallback((...e)=>{let t=++a.current;return i.loading||c(e=>({...e,loading:!0})),o(...e).then(e=>(d()&&t===a.current&&c({value:e,loading:!1}),e),e=>(d()&&t===a.current&&c({error:e,loading:!1}),e))},// eslint-disable-next-line react-hooks/exhaustive-deps
+u);return [i,g]};
+
+export { useAsyncFn as default, useAsyncFn };

package/useFirstMountState.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useFirstMountState";
+export { default } from "./useFirstMountState";

package/useFirstMountState.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useFirstMountState.cjs.js').default;

package/useFirstMountState.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+/**
+ * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useFirstMountState.ts)
+ */let useFirstMountState=()=>{let r=react.useRef(!0);return r.current?(r.current=!1,!0):r.current};
+
+exports.default = useFirstMountState;
+exports.useFirstMountState = useFirstMountState;

package/useFirstMountState.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useFirstMountState.cjs.js';
+export { _default as default } from './useFirstMountState.cjs.default.js';

package/useFirstMountState.d.ts

@@ -0,0 +1,2 @@
+export declare let useFirstMountState: () => boolean;
+export default useFirstMountState;

package/useFirstMountState.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./useFirstMountState";
+export { default } from "./useFirstMountState";

package/useFirstMountState.esm.js

@@ -0,0 +1,7 @@
+import { useRef } from 'react';
+
+/**
+ * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useFirstMountState.ts)
+ */let useFirstMountState=()=>{let r=useRef(!0);return r.current?(r.current=!1,!0):r.current};
+
+export { useFirstMountState as default, useFirstMountState };

package/useFixedOffset.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useFixedOffset";
+export { default } from "./useFixedOffset";

package/useFixedOffset.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useFixedOffset.cjs.js').default;

package/useFixedOffset.cjs.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var utils = require('@koine/utils');
+var dom = require('@koine/dom');
+var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect.cjs.js');
+
+let n=e=>{dom.injectCss("useFixedOffset",`html{scroll-padding-top: ${e}px}`);};/**
+ * # Use fixed offset
+ *
+ * Maybe use [ResizeObserver polyfill](https://github.com/juggle/resize-observer)
+ *
+ * @see https://web.dev/resize-observer/
+ *
+ * @param selector By default `[data-fixed]`: anyhting with the data attribute `data-fixed`
+ */let useFixedOffset=i=>{let l=react.useRef(0);return useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(()=>{let e=()=>{let e=dom.calculateFixedOffset();l.current=e,// inject this CSS make the hashed deeplinks position the scroll at the
+// right offset
+n(e);};if(e(),!ResizeObserver)return dom.listenResizeDebounced(0,e);{// const elements = domAll("[data-fixed]");
+let e=new ResizeObserver(e=>{let r=0;e.forEach(e=>{r+=e.contentRect.height;}),l.current=r,utils.debounce(()=>n(r),400,!0)();});return dom.domEach(i||"[data-fixed]",t=>{e&&e.observe(t);}),()=>{e?.disconnect();}}},[i]),l};
+
+exports.default = useFixedOffset;
+exports.useFixedOffset = useFixedOffset;

package/useFixedOffset.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useFixedOffset.cjs.js';
+export { _default as default } from './useFixedOffset.cjs.default.js';

package/useFixedOffset.d.ts

@@ -0,0 +1,2 @@
+export declare let useFixedOffset: (selector?: string) => import("react").MutableRefObject<number>;
+export default useFixedOffset;

package/useFixedOffset.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./useFixedOffset";
+export { default } from "./useFixedOffset";

package/useFixedOffset.esm.js

@@ -0,0 +1,19 @@
+import { useRef } from 'react';
+import { debounce } from '@koine/utils';
+import { listenResizeDebounced, domEach, calculateFixedOffset, injectCss } from '@koine/dom';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.esm.js';
+
+let n=e=>{injectCss("useFixedOffset",`html{scroll-padding-top: ${e}px}`);};/**
+ * # Use fixed offset
+ *
+ * Maybe use [ResizeObserver polyfill](https://github.com/juggle/resize-observer)
+ *
+ * @see https://web.dev/resize-observer/
+ *
+ * @param selector By default `[data-fixed]`: anyhting with the data attribute `data-fixed`
+ */let useFixedOffset=i=>{let l=useRef(0);return useIsomorphicLayoutEffect(()=>{let e=()=>{let e=calculateFixedOffset();l.current=e,// inject this CSS make the hashed deeplinks position the scroll at the
+// right offset
+n(e);};if(e(),!ResizeObserver)return listenResizeDebounced(0,e);{// const elements = domAll("[data-fixed]");
+let e=new ResizeObserver(e=>{let r=0;e.forEach(e=>{r+=e.contentRect.height;}),l.current=r,debounce(()=>n(r),400,!0)();});return domEach(i||"[data-fixed]",t=>{e&&e.observe(t);}),()=>{e?.disconnect();}}},[i]),l};
+
+export { useFixedOffset as default, useFixedOffset };

package/useFocus.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useFocus";
+export { default } from "./useFocus";

package/useFocus.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useFocus.cjs.js').default;

package/useFocus.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+/**
+ * @see https://stackoverflow.com/a/54159564/1938970
+ */let useFocus=()=>{let r=react.useRef(null);return [r,()=>{r.current&&r.current.focus();}]};
+
+exports.default = useFocus;
+exports.useFocus = useFocus;

package/useFocus.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useFocus.cjs.js';
+export { _default as default } from './useFocus.cjs.default.js';

package/useFocus.d.ts

@@ -0,0 +1,2 @@
+export declare let useFocus: () => (import("react").RefObject<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement> | (() => void))[];
+export default useFocus;

package/useFocus.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./useFocus";
+export { default } from "./useFocus";

package/useFocus.esm.js

@@ -0,0 +1,7 @@
+import { useRef } from 'react';
+
+/**
+ * @see https://stackoverflow.com/a/54159564/1938970
+ */let useFocus=()=>{let r=useRef(null);return [r,()=>{r.current&&r.current.focus();}]};
+
+export { useFocus as default, useFocus };

package/useInterval.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useInterval";
+export { default } from "./useInterval";

package/useInterval.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useInterval.cjs.js').default;

package/useInterval.cjs.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var utils = require('@koine/utils');
+
+/**
+ * @borrows [dan abramov](https://overreacted.io/making-setinterval-declarative-with-react-hooks/)
+ *
+ * We just add `deps` array argument and typescript support
+ */let useInterval=(n,l,u=[])=>{let o=react.useRef();react.useEffect(()=>{o.current=n;},// eslint-disable-next-line react-hooks/exhaustive-deps
+[n,...u]),react.useEffect(()=>{if(null!==l){let r=setInterval(function(){o.current&&o.current();},l);return ()=>clearInterval(r)}return utils.noop},[l]);};
+
+exports.default = useInterval;
+exports.useInterval = useInterval;

package/useInterval.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useInterval.cjs.js';
+export { _default as default } from './useInterval.cjs.default.js';

package/useInterval.d.ts

@@ -0,0 +1,2 @@
+export declare let useInterval: <T extends () => unknown>(callback: T, delay: number, deps?: unknown[]) => void;
+export default useInterval;

package/useInterval.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./useInterval";
+export { default } from "./useInterval";