@koine/react 2.0.0-beta.14 → 2.0.0-beta.140

package/package.json

@@ -2,71 +2,226 @@
   "name": "@koine/react",
   "sideEffects": false,
   "dependencies": {
-    "@koine/dom": "2.0.0-beta.14",
-    "@koine/utils": "2.0.0-beta.14"
+    "@koine/dom": "2.0.0-beta.140",
+    "@koine/utils": "2.0.0-beta.140"
+  },
+  "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",
+      "types": "./index.esm.d.ts",
+      "import": "./index.cjs.mjs",
+      "default": "./index.cjs.js"
     },
-    "date-fns": {
-      "optional": true
+    "./calendar": {
+      "module": "./calendar.esm.js",
+      "types": "./calendar.esm.d.ts",
+      "import": "./calendar.cjs.mjs",
+      "default": "./calendar.cjs.js"
     },
-    "framer-motion": {
-      "optional": true
+    "./classed": {
+      "module": "./classed.esm.js",
+      "types": "./classed.esm.d.ts",
+      "import": "./classed.cjs.mjs",
+      "default": "./classed.cjs.js"
     },
-    "react-hook-form": {
-      "optional": true
+    "./createUseMediaQueryWidth": {
+      "module": "./createUseMediaQueryWidth.esm.js",
+      "types": "./createUseMediaQueryWidth.esm.d.ts",
+      "import": "./createUseMediaQueryWidth.cjs.mjs",
+      "default": "./createUseMediaQueryWidth.cjs.js"
     },
-    "react-icons": {
-      "optional": true
+    "./extendComponent": {
+      "module": "./extendComponent.esm.js",
+      "types": "./extendComponent.esm.d.ts",
+      "import": "./extendComponent.cjs.mjs",
+      "default": "./extendComponent.cjs.js"
     },
-    "react-is": {
-      "optional": true
+    "./FaviconTags": {
+      "module": "./FaviconTags.esm.js",
+      "types": "./FaviconTags.esm.d.ts",
+      "import": "./FaviconTags.cjs.mjs",
+      "default": "./FaviconTags.cjs.js"
     },
-    "react-popper": {
-      "optional": true
+    "./forms": {
+      "module": "./forms.esm.js",
+      "types": "./forms.esm.d.ts",
+      "import": "./forms.cjs.mjs",
+      "default": "./forms.cjs.js"
     },
-    "react-swipeable": {
-      "optional": true
+    "./mergeRefs": {
+      "module": "./mergeRefs.esm.js",
+      "types": "./mergeRefs.esm.d.ts",
+      "import": "./mergeRefs.cjs.mjs",
+      "default": "./mergeRefs.cjs.js"
     },
-    "styled-components": {
-      "optional": true
+    "./Meta": {
+      "module": "./Meta.esm.js",
+      "types": "./Meta.esm.d.ts",
+      "import": "./Meta.cjs.mjs",
+      "default": "./Meta.cjs.js"
     },
-    "tailwindcss": {
-      "optional": true
+    "./NoJs": {
+      "module": "./NoJs.esm.js",
+      "types": "./NoJs.esm.d.ts",
+      "import": "./NoJs.cjs.mjs",
+      "default": "./NoJs.cjs.js"
+    },
+    "./Polymorphic": {
+      "module": "./Polymorphic.esm.js",
+      "types": "./Polymorphic.esm.d.ts",
+      "import": "./Polymorphic.cjs.mjs",
+      "default": "./Polymorphic.cjs.js"
+    },
+    "./types": {
+      "module": "./types.esm.js",
+      "types": "./types.esm.d.ts",
+      "import": "./types.cjs.mjs",
+      "default": "./types.cjs.js"
+    },
+    "./useAsyncFn": {
+      "module": "./useAsyncFn.esm.js",
+      "types": "./useAsyncFn.esm.d.ts",
+      "import": "./useAsyncFn.cjs.mjs",
+      "default": "./useAsyncFn.cjs.js"
+    },
+    "./useFirstMountState": {
+      "module": "./useFirstMountState.esm.js",
+      "types": "./useFirstMountState.esm.d.ts",
+      "import": "./useFirstMountState.cjs.mjs",
+      "default": "./useFirstMountState.cjs.js"
+    },
+    "./useFixedOffset": {
+      "module": "./useFixedOffset.esm.js",
+      "types": "./useFixedOffset.esm.d.ts",
+      "import": "./useFixedOffset.cjs.mjs",
+      "default": "./useFixedOffset.cjs.js"
+    },
+    "./useFocus": {
+      "module": "./useFocus.esm.js",
+      "types": "./useFocus.esm.d.ts",
+      "import": "./useFocus.cjs.mjs",
+      "default": "./useFocus.cjs.js"
+    },
+    "./useInterval": {
+      "module": "./useInterval.esm.js",
+      "types": "./useInterval.esm.d.ts",
+      "import": "./useInterval.cjs.mjs",
+      "default": "./useInterval.cjs.js"
+    },
+    "./useIsomorphicLayoutEffect": {
+      "module": "./useIsomorphicLayoutEffect.esm.js",
+      "types": "./useIsomorphicLayoutEffect.esm.d.ts",
+      "import": "./useIsomorphicLayoutEffect.cjs.mjs",
+      "default": "./useIsomorphicLayoutEffect.cjs.js"
+    },
+    "./useKeyUp": {
+      "module": "./useKeyUp.esm.js",
+      "types": "./useKeyUp.esm.d.ts",
+      "import": "./useKeyUp.cjs.mjs",
+      "default": "./useKeyUp.cjs.js"
+    },
+    "./useMeasure": {
+      "module": "./useMeasure.esm.js",
+      "types": "./useMeasure.esm.d.ts",
+      "import": "./useMeasure.cjs.mjs",
+      "default": "./useMeasure.cjs.js"
+    },
+    "./useMountedState": {
+      "module": "./useMountedState.esm.js",
+      "types": "./useMountedState.esm.d.ts",
+      "import": "./useMountedState.cjs.mjs",
+      "default": "./useMountedState.cjs.js"
+    },
+    "./useNavigateAway": {
+      "module": "./useNavigateAway.esm.js",
+      "types": "./useNavigateAway.esm.d.ts",
+      "import": "./useNavigateAway.cjs.mjs",
+      "default": "./useNavigateAway.cjs.js"
+    },
+    "./usePrevious": {
+      "module": "./usePrevious.esm.js",
+      "types": "./usePrevious.esm.d.ts",
+      "import": "./usePrevious.cjs.mjs",
+      "default": "./usePrevious.cjs.js"
+    },
+    "./usePreviousRef": {
+      "module": "./usePreviousRef.esm.js",
+      "types": "./usePreviousRef.esm.d.ts",
+      "import": "./usePreviousRef.cjs.mjs",
+      "default": "./usePreviousRef.cjs.js"
+    },
+    "./useScrollPosition": {
+      "module": "./useScrollPosition.esm.js",
+      "types": "./useScrollPosition.esm.d.ts",
+      "import": "./useScrollPosition.cjs.mjs",
+      "default": "./useScrollPosition.cjs.js"
+    },
+    "./useScrollThreshold": {
+      "module": "./useScrollThreshold.esm.js",
+      "types": "./useScrollThreshold.esm.d.ts",
+      "import": "./useScrollThreshold.cjs.mjs",
+      "default": "./useScrollThreshold.cjs.js"
+    },
+    "./useScrollTo": {
+      "module": "./useScrollTo.esm.js",
+      "types": "./useScrollTo.esm.d.ts",
+      "import": "./useScrollTo.cjs.mjs",
+      "default": "./useScrollTo.cjs.js"
+    },
+    "./useSmoothScroll": {
+      "module": "./useSmoothScroll.esm.js",
+      "types": "./useSmoothScroll.esm.d.ts",
+      "import": "./useSmoothScroll.cjs.mjs",
+      "default": "./useSmoothScroll.cjs.js"
+    },
+    "./useSpinDelay": {
+      "module": "./useSpinDelay.esm.js",
+      "types": "./useSpinDelay.esm.d.ts",
+      "import": "./useSpinDelay.cjs.mjs",
+      "default": "./useSpinDelay.cjs.js"
+    },
+    "./useTraceUpdate": {
+      "module": "./useTraceUpdate.esm.js",
+      "types": "./useTraceUpdate.esm.d.ts",
+      "import": "./useTraceUpdate.cjs.mjs",
+      "default": "./useTraceUpdate.cjs.js"
+    },
+    "./useUpdateEffect": {
+      "module": "./useUpdateEffect.esm.js",
+      "types": "./useUpdateEffect.esm.d.ts",
+      "import": "./useUpdateEffect.cjs.mjs",
+      "default": "./useUpdateEffect.cjs.js"
+    },
+    "./useWindowSize": {
+      "module": "./useWindowSize.esm.js",
+      "types": "./useWindowSize.esm.d.ts",
+      "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.14"
-}
+  "module": "./index.esm.js",
+  "main": "./index.cjs.js",
+  "types": "./index.esm.d.ts",
+  "version": "2.0.0-beta.140"
+}

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,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var useMountedState = require('./useMountedState.cjs.js');
+
+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))},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;
@@ -22,5 +23,5 @@ export type UseAsyncFnReturn<T extends FunctionReturningPromise = FunctionReturn
 /**
  * @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,6 @@
+import { useRef, useState, useCallback } from 'react';
+import { useMountedState } from './useMountedState.esm.js';
+
+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))},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,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+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/{hooks/useFirstMountState.d.ts → useFirstMountState.d.ts}

@@ -1,5 +1,5 @@
 /**
  * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useFirstMountState.ts)
  */
-export declare function useFirstMountState(): boolean;
+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,5 @@
+import { useRef } from 'react';
+
+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,13 @@
+'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}`);};let useFixedOffset=i=>{let l=react.useRef(0);return useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(()=>{let e=()=>{let e=dom.calculateFixedOffset();l.current=e,n(e);};if(e(),!ResizeObserver)return dom.listenResizeDebounced(0,e);{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/{hooks/useFixedOffset.d.ts → useFixedOffset.d.ts}

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * # Use fixed offset
  *
@@ -8,5 +7,5 @@
  *
  * @param selector By default `[data-fixed]`: anyhting with the data attribute `data-fixed`
  */
-export declare function useFixedOffset(selector?: string): import("react").MutableRefObject<number>;
+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,8 @@
+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}`);};let useFixedOffset=i=>{let l=useRef(0);return useIsomorphicLayoutEffect(()=>{let e=()=>{let e=calculateFixedOffset();l.current=e,n(e);};if(e(),!ResizeObserver)return listenResizeDebounced(0,e);{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,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+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,5 @@
+/**
+ * @see https://stackoverflow.com/a/54159564/1938970
+ */
+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,5 @@
+import { useRef } from 'react';
+
+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,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var utils = require('@koine/utils');
+
+let useInterval=(n,l,u=[])=>{let o=react.useRef();react.useEffect(()=>{o.current=n;},[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/{hooks/useInterval.d.ts → useInterval.d.ts}

@@ -3,5 +3,5 @@
  *
  * We just add `deps` array argument and typescript support
  */
-export declare function useInterval<T extends () => unknown>(callback: T, delay: number, deps?: unknown[]): void;
+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";

package/useInterval.esm.js

@@ -0,0 +1,6 @@
+import { useRef, useEffect } from 'react';
+import { noop } from '@koine/utils';
+
+let useInterval=(n,l,u=[])=>{let o=useRef();useEffect(()=>{o.current=n;},[n,...u]),useEffect(()=>{if(null!==l){let r=setInterval(function(){o.current&&o.current();},l);return ()=>clearInterval(r)}return noop},[l]);};
+
+export { useInterval as default, useInterval };

package/useIsomorphicLayoutEffect.cjs.d.ts

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

package/useIsomorphicLayoutEffect.cjs.default.js

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

package/useIsomorphicLayoutEffect.cjs.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var utils = require('@koine/utils');
+
+let useIsomorphicLayoutEffect=utils.isBrowser?react.useLayoutEffect:react.useEffect;
+
+exports.default = useIsomorphicLayoutEffect;
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;

package/useIsomorphicLayoutEffect.cjs.mjs

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

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

@@ -1,6 +1,6 @@
-import { useEffect } from "react";
+import { useLayoutEffect } from "react";
 /**
  * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useIsomorphicLayoutEffect.ts)
  */
-export declare const useIsomorphicLayoutEffect: typeof useEffect;
+export declare let useIsomorphicLayoutEffect: typeof useLayoutEffect;
 export default useIsomorphicLayoutEffect;

package/useIsomorphicLayoutEffect.esm.d.ts

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

package/useIsomorphicLayoutEffect.esm.js

@@ -0,0 +1,6 @@
+import { useLayoutEffect, useEffect } from 'react';
+import { isBrowser } from '@koine/utils';
+
+let useIsomorphicLayoutEffect=isBrowser?useLayoutEffect:useEffect;
+
+export { useIsomorphicLayoutEffect as default, useIsomorphicLayoutEffect };

package/useKeyUp.cjs.d.ts

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

package/useKeyUp.cjs.default.js

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

package/useKeyUp.cjs.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var dom = require('@koine/dom');
+
+let useKeyUp=(o,r=[])=>{react.useEffect(()=>dom.on(window,"keyup",e=>{e.ctrlKey||e.altKey||e.shiftKey||e.metaKey||o(e);}),[o,...r]);};
+
+exports.default = useKeyUp;
+exports.useKeyUp = useKeyUp;

package/useKeyUp.cjs.mjs

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

package/useKeyUp.d.ts

@@ -0,0 +1,2 @@
+export declare let useKeyUp: (callback: (event: KeyboardEvent) => void, deps?: unknown[]) => void;
+export default useKeyUp;

package/useKeyUp.esm.d.ts

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

package/useKeyUp.esm.js

@@ -0,0 +1,6 @@
+import { useEffect } from 'react';
+import { on } from '@koine/dom';
+
+let useKeyUp=(o,r=[])=>{useEffect(()=>on(window,"keyup",e=>{e.ctrlKey||e.altKey||e.shiftKey||e.metaKey||o(e);}),[o,...r]);};
+
+export { useKeyUp as default, useKeyUp };