@koine/react 2.0.0-beta.80 → 2.0.0-beta.82

package/createUseMediaQueryWidth.cjs.js

@@ -6,40 +6,7 @@ var react = require('react');
 var utils = require('@koine/utils');
 var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect.cjs.js');
 
-let createUseMediaQueryWidth = (customBreakpoints) => {
-    const queryResolvers = utils.getMediaQueryWidthResolvers(customBreakpoints);
-    return function useMediaQueryWidth(media, serverValue) {
-        const definition = media.substring(1);
-        let [rule, ruleBreakpoint] = definition.split("-");
-        if (utils.isUndefined(ruleBreakpoint)) {
-            ruleBreakpoint = rule;
-        }
-        if (utils.isUndefined(rule)) {
-            rule = "min";
-        }
-        const [br1, br2] = ruleBreakpoint.split("_");
-        const query = queryResolvers[rule](br1, br2);
-        const [matches, setMatches] = react.useState(utils.isUndefined(serverValue) ? null : serverValue);
-        useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
-            const mq = window.matchMedia(query);
-            const handleChange = (event) => {
-                setMatches(event.matches);
-            };
-            setMatches(mq.matches);
-            if (!mq.addEventListener) {
-                mq.addListener(handleChange);
-                return () => {
-                    mq.removeListener(handleChange);
-                };
-            }
-            mq.addEventListener("change", handleChange);
-            return () => {
-                mq.removeEventListener("change", handleChange);
-            };
-        }, [query]);
-        return matches;
-    };
-};
+let createUseMediaQueryWidth=n=>{let a=utils.getMediaQueryWidthResolvers(n);return function(t,n){let[o,s]=t.substring(1).split("-");utils.isUndefined(s)&&(s=o),utils.isUndefined(o)&&(o="min");let[d,m]=s.split("_"),u=a[o](d,m),[c,l]=react.useState(utils.isUndefined(n)?null:n);return useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(()=>{let e=window.matchMedia(u),t=e=>{l(e.matches);};return (l(e.matches),e.addEventListener)?(e.addEventListener("change",t),()=>{e.removeEventListener("change",t);}):(e.addListener(t),()=>{e.removeListener(t);})},[u]),c}};
 
 exports.createUseMediaQueryWidth = createUseMediaQueryWidth;
 exports["default"] = createUseMediaQueryWidth;

package/createUseMediaQueryWidth.d.ts

@@ -2,5 +2,5 @@ import { type GetMediaQueryWidthResolversBreakpoints } from "@koine/utils";
 type _MediaQuerWidthDefExplicit<TBreakpoint extends string> = `min-${TBreakpoint}` | `max-${TBreakpoint}` | `up-${TBreakpoint}` | `down-${TBreakpoint}` | `between-${TBreakpoint}_${TBreakpoint}` | `only-${TBreakpoint}`;
 export type MediaQuerWidthDef<TBreakpoint extends string> = `${TBreakpoint}` | _MediaQuerWidthDefExplicit<TBreakpoint>;
 export type MediaQueryWidth<TBreakpoint extends string> = `@${MediaQuerWidthDef<TBreakpoint>}`;
-export declare let createUseMediaQueryWidth: <TBreakpointsConfig extends GetMediaQueryWidthResolversBreakpoints>(customBreakpoints: TBreakpointsConfig) => <TBreakpoints extends Extract<keyof TBreakpointsConfig, string>>(media: `@${TBreakpoints}` | `@min-${TBreakpoints}` | `@max-${TBreakpoints}` | `@up-${TBreakpoints}` | `@down-${TBreakpoints}` | `@between-${TBreakpoints}_${TBreakpoints}` | `@only-${TBreakpoints}`, serverValue?: null | boolean) => boolean | null;
+export declare let createUseMediaQueryWidth: <TBreakpointsConfig extends GetMediaQueryWidthResolversBreakpoints>(customBreakpoints: TBreakpointsConfig) => <TBreakpoints extends Extract<keyof TBreakpointsConfig, string>>(media: MediaQueryWidth<TBreakpoints>, serverValue?: null | boolean) => boolean | null;
 export default createUseMediaQueryWidth;

package/createUseMediaQueryWidth.esm.js

@@ -2,39 +2,6 @@ import { useState } from 'react';
 import { getMediaQueryWidthResolvers, isUndefined } from '@koine/utils';
 import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.esm.js';
 
-let createUseMediaQueryWidth = (customBreakpoints) => {
-    const queryResolvers = getMediaQueryWidthResolvers(customBreakpoints);
-    return function useMediaQueryWidth(media, serverValue) {
-        const definition = media.substring(1);
-        let [rule, ruleBreakpoint] = definition.split("-");
-        if (isUndefined(ruleBreakpoint)) {
-            ruleBreakpoint = rule;
-        }
-        if (isUndefined(rule)) {
-            rule = "min";
-        }
-        const [br1, br2] = ruleBreakpoint.split("_");
-        const query = queryResolvers[rule](br1, br2);
-        const [matches, setMatches] = useState(isUndefined(serverValue) ? null : serverValue);
-        useIsomorphicLayoutEffect(() => {
-            const mq = window.matchMedia(query);
-            const handleChange = (event) => {
-                setMatches(event.matches);
-            };
-            setMatches(mq.matches);
-            if (!mq.addEventListener) {
-                mq.addListener(handleChange);
-                return () => {
-                    mq.removeListener(handleChange);
-                };
-            }
-            mq.addEventListener("change", handleChange);
-            return () => {
-                mq.removeEventListener("change", handleChange);
-            };
-        }, [query]);
-        return matches;
-    };
-};
+let createUseMediaQueryWidth=n=>{let a=getMediaQueryWidthResolvers(n);return function(t,n){let[o,s]=t.substring(1).split("-");isUndefined(s)&&(s=o),isUndefined(o)&&(o="min");let[d,m]=s.split("_"),u=a[o](d,m),[c,l]=useState(isUndefined(n)?null:n);return useIsomorphicLayoutEffect(()=>{let e=window.matchMedia(u),t=e=>{l(e.matches);};return (l(e.matches),e.addEventListener)?(e.addEventListener("change",t),()=>{e.removeEventListener("change",t);}):(e.addListener(t),()=>{e.removeListener(t);})},[u]),c}};
 
 export { createUseMediaQueryWidth, createUseMediaQueryWidth as default };

package/extendComponent.cjs.js

@@ -4,13 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 
-let extendComponent = (component, defaultProps) => {
-    const NewComponent = (props) => react.createElement(component, props);
-    return Object.assign(NewComponent, {
-        ...defaultProps,
-        defaultProps,
-    });
-};
+let extendComponent=(t,o)=>Object.assign(o=>react.createElement(t,o),{...o,defaultProps:o});
 
 exports["default"] = extendComponent;
 exports.extendComponent = extendComponent;

package/extendComponent.d.ts

@@ -1,5 +1,5 @@
 export type ExtendableComponent<Props = any> = React.ForwardRefExoticComponent<Props> | React.ExoticComponent<Props> | React.FC<Props> | ((props: Props) => JSX.Element);
-export declare let extendComponent: <Component extends ExtendableComponent<any>, DefaultProps extends {}>(component: Component, defaultProps: DefaultProps) => ((props: import("react").ComponentProps<Component>) => import("react").FunctionComponentElement<any>) & DefaultProps & {
+export declare let extendComponent: <Component extends ExtendableComponent<any>, DefaultProps extends {}>(component: Component, defaultProps: DefaultProps) => ((props: React.ComponentProps<Component>) => import("react").FunctionComponentElement<any>) & DefaultProps & {
     defaultProps: DefaultProps;
 };
 export interface OverridableComponents {

package/extendComponent.esm.js

@@ -1,11 +1,5 @@
 import { createElement } from 'react';
 
-let extendComponent = (component, defaultProps) => {
-    const NewComponent = (props) => createElement(component, props);
-    return Object.assign(NewComponent, {
-        ...defaultProps,
-        defaultProps,
-    });
-};
+let extendComponent=(t,o)=>Object.assign(o=>createElement(t,o),{...o,defaultProps:o});
 
 export { extendComponent as default, extendComponent };

package/forms/antispam.d.ts

@@ -24,4 +24,4 @@ export declare let encodeForm: <T extends ObjectShape = {}>(validationRules: T)
     }, "">;
     encodedNames: Record<keyof T, string>;
 };
-export declare let decodeForm: <ReturnAs extends Record<string, unknown> = {}, FormData_1 extends Record<string, unknown> = {}>(formData: FormData_1) => ReturnAs;
+export declare let decodeForm: <ReturnAs extends Record<string, unknown> = {}, FormData extends Record<string, unknown> = {}>(formData: FormData) => ReturnAs;

package/forms.cjs.js

@@ -5,33 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var yup = require('@kuus/yup');
 var utils = require('@koine/utils');
 
-let encodeForm = (validationRules) => {
-    const encoded = {};
-    const encodedNames = {};
-    for (const name in validationRules) {
-        if (!name.startsWith("_")) {
-            const encodedName = utils.encode(name);
-            encoded[encodedName] = validationRules[name];
-            encodedNames[name] = encodedName;
-        }
-    }
-    const encodedSchema = yup.object(encoded).required();
-    return { encodedSchema, encodedNames };
-};
-let decodeForm = (formData) => {
-    const json = {};
-    for (const encodedName in formData) {
-        const decodedName = utils.decode(encodedName);
-        if (encodedName.startsWith("_")) {
-            json[encodedName.substring(1)] = formData[encodedName];
-        }
-        else if (!utils.isUndefined(formData[encodedName]) &&
-            formData[decodedName] === "") {
-            json[decodedName] = formData[encodedName];
-        }
-    }
-    return json;
-};
+let encodeForm=t=>{let o={},i={};for(let e in t)if(!e.startsWith("_")){let l=utils.encode(e);o[l]=t[e],i[e]=l;}return {encodedSchema:yup.object(o).required(),encodedNames:i}};let decodeForm=e=>{let r={};for(let i in e){let l=utils.decode(i);i.startsWith("_")?r[i.substring(1)]=e[i]:utils.isUndefined(e[i])||""!==e[l]||(r[l]=e[i]);}return r};
 
 exports.decodeForm = decodeForm;
 exports.encodeForm = encodeForm;

package/forms.esm.js

@@ -1,32 +1,6 @@
 import { object } from '@kuus/yup';
 import { encode, decode, isUndefined } from '@koine/utils';
 
-let encodeForm = (validationRules) => {
-    const encoded = {};
-    const encodedNames = {};
-    for (const name in validationRules) {
-        if (!name.startsWith("_")) {
-            const encodedName = encode(name);
-            encoded[encodedName] = validationRules[name];
-            encodedNames[name] = encodedName;
-        }
-    }
-    const encodedSchema = object(encoded).required();
-    return { encodedSchema, encodedNames };
-};
-let decodeForm = (formData) => {
-    const json = {};
-    for (const encodedName in formData) {
-        const decodedName = decode(encodedName);
-        if (encodedName.startsWith("_")) {
-            json[encodedName.substring(1)] = formData[encodedName];
-        }
-        else if (!isUndefined(formData[encodedName]) &&
-            formData[decodedName] === "") {
-            json[decodedName] = formData[encodedName];
-        }
-    }
-    return json;
-};
+let encodeForm=t=>{let o={},i={};for(let e in t)if(!e.startsWith("_")){let l=encode(e);o[l]=t[e],i[e]=l;}return {encodedSchema:object(o).required(),encodedNames:i}};let decodeForm=e=>{let r={};for(let i in e){let l=decode(i);i.startsWith("_")?r[i.substring(1)]=e[i]:isUndefined(e[i])||""!==e[l]||(r[l]=e[i]);}return r};
 
 export { decodeForm, encodeForm };

package/mergeRefs.cjs.js

@@ -2,18 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-let mergeRefs = (refs) => {
-    return (value) => {
-        refs.forEach((ref) => {
-            if (typeof ref === "function") {
-                ref(value);
-            }
-            else if (ref != null) {
-                ref.current = value;
-            }
-        });
-    };
-};
+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.d.ts

@@ -1,2 +1,2 @@
-export declare let mergeRefs: <T = Element>(refs: (import("react").MutableRefObject<T> | import("react").LegacyRef<T>)[]) => (instance: T | null) => void;
+export declare let mergeRefs: <T = Element>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>) => React.RefCallback<T>;
 export default mergeRefs;

package/mergeRefs.esm.js

@@ -1,14 +1,3 @@
-let mergeRefs = (refs) => {
-    return (value) => {
-        refs.forEach((ref) => {
-            if (typeof ref === "function") {
-                ref(value);
-            }
-            else if (ref != null) {
-                ref.current = value;
-            }
-        });
-    };
-};
+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,8 +2,8 @@
   "name": "@koine/react",
   "sideEffects": false,
   "dependencies": {
-    "@koine/dom": "2.0.0-beta.80",
-    "@koine/utils": "2.0.0-beta.80"
+    "@koine/dom": "2.0.0-beta.82",
+    "@koine/utils": "2.0.0-beta.82"
   },
   "peerDependencies": {
     "@kuus/yup": "1.0.0-beta.7",
@@ -190,5 +190,5 @@
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",
-  "version": "2.0.0-beta.80"
+  "version": "2.0.0-beta.82"
 }

package/useAsyncFn.cjs.js

@@ -5,29 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 var useMountedState = require('./useMountedState.cjs.js');
 
-let useAsyncFn = (fn, deps = [], initialState = { loading: false }) => {
-    const lastCallId = react.useRef(0);
-    const isMounted = useMountedState.useMountedState();
-    const [state, set] = react.useState(initialState);
-    const callback = react.useCallback((...args) => {
-        const callId = ++lastCallId.current;
-        if (!state.loading) {
-            set((prevState) => ({ ...prevState, loading: true }));
-        }
-        return fn(...args).then((value) => {
-            isMounted() &&
-                callId === lastCallId.current &&
-                set({ value, loading: false });
-            return value;
-        }, (error) => {
-            isMounted() &&
-                callId === lastCallId.current &&
-                set({ error, loading: false });
-            return error;
-        });
-    }, deps);
-    return [state, callback];
-};
+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.esm.js

@@ -1,28 +1,6 @@
 import { useRef, useState, useCallback } from 'react';
 import { useMountedState } from './useMountedState.esm.js';
 
-let useAsyncFn = (fn, deps = [], initialState = { loading: false }) => {
-    const lastCallId = useRef(0);
-    const isMounted = useMountedState();
-    const [state, set] = useState(initialState);
-    const callback = useCallback((...args) => {
-        const callId = ++lastCallId.current;
-        if (!state.loading) {
-            set((prevState) => ({ ...prevState, loading: true }));
-        }
-        return fn(...args).then((value) => {
-            isMounted() &&
-                callId === lastCallId.current &&
-                set({ value, loading: false });
-            return value;
-        }, (error) => {
-            isMounted() &&
-                callId === lastCallId.current &&
-                set({ error, loading: false });
-            return error;
-        });
-    }, deps);
-    return [state, callback];
-};
+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.js

@@ -4,14 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 
-let useFirstMountState = () => {
-    const isFirst = react.useRef(true);
-    if (isFirst.current) {
-        isFirst.current = false;
-        return true;
-    }
-    return isFirst.current;
-};
+let useFirstMountState=()=>{let r=react.useRef(!0);return r.current?(r.current=!1,!0):r.current};
 
 exports["default"] = useFirstMountState;
 exports.useFirstMountState = useFirstMountState;

package/useFirstMountState.esm.js

@@ -1,12 +1,5 @@
 import { useRef } from 'react';
 
-let useFirstMountState = () => {
-    const isFirst = useRef(true);
-    if (isFirst.current) {
-        isFirst.current = false;
-        return true;
-    }
-    return isFirst.current;
-};
+let useFirstMountState=()=>{let r=useRef(!0);return r.current?(r.current=!1,!0):r.current};
 
 export { useFirstMountState as default, useFirstMountState };

package/useFixedOffset.cjs.js

@@ -7,43 +7,7 @@ var utils = require('@koine/utils');
 var dom = require('@koine/dom');
 var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect.cjs.js');
 
-const inject = (value) => {
-    dom.injectCss("useFixedOffset", `html{scroll-padding-top: ${value}px}`);
-};
-let useFixedOffset = (selector) => {
-    const fixedOffset = react.useRef(0);
-    useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
-        const update = () => {
-            const newFixedOffset = dom.calculateFixedOffset();
-            fixedOffset.current = newFixedOffset;
-            inject(newFixedOffset);
-        };
-        update();
-        if (ResizeObserver) {
-            const observer = new ResizeObserver((entries) => {
-                let newFixedOffset = 0;
-                entries.forEach((entry) => {
-                    newFixedOffset += entry.contentRect.height;
-                });
-                fixedOffset.current = newFixedOffset;
-                const updateOnResize = utils.debounce(() => inject(newFixedOffset), 400, true);
-                updateOnResize();
-            });
-            dom.domEach(selector || "[data-fixed]", ($el) => {
-                if (observer)
-                    observer.observe($el);
-            });
-            return () => {
-                observer?.disconnect();
-            };
-        }
-        else {
-            const listener = dom.listenResizeDebounced(0, update);
-            return listener;
-        }
-    }, [selector]);
-    return fixedOffset;
-};
+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.esm.js

@@ -1,44 +1,8 @@
 import { useRef } from 'react';
 import { debounce } from '@koine/utils';
-import { domEach, listenResizeDebounced, calculateFixedOffset, injectCss } from '@koine/dom';
+import { listenResizeDebounced, domEach, calculateFixedOffset, injectCss } from '@koine/dom';
 import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.esm.js';
 
-const inject = (value) => {
-    injectCss("useFixedOffset", `html{scroll-padding-top: ${value}px}`);
-};
-let useFixedOffset = (selector) => {
-    const fixedOffset = useRef(0);
-    useIsomorphicLayoutEffect(() => {
-        const update = () => {
-            const newFixedOffset = calculateFixedOffset();
-            fixedOffset.current = newFixedOffset;
-            inject(newFixedOffset);
-        };
-        update();
-        if (ResizeObserver) {
-            const observer = new ResizeObserver((entries) => {
-                let newFixedOffset = 0;
-                entries.forEach((entry) => {
-                    newFixedOffset += entry.contentRect.height;
-                });
-                fixedOffset.current = newFixedOffset;
-                const updateOnResize = debounce(() => inject(newFixedOffset), 400, true);
-                updateOnResize();
-            });
-            domEach(selector || "[data-fixed]", ($el) => {
-                if (observer)
-                    observer.observe($el);
-            });
-            return () => {
-                observer?.disconnect();
-            };
-        }
-        else {
-            const listener = listenResizeDebounced(0, update);
-            return listener;
-        }
-    }, [selector]);
-    return fixedOffset;
-};
+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.js

@@ -4,13 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 
-let useFocus = () => {
-    const elementRef = react.useRef(null);
-    const setFocus = () => {
-        elementRef.current && elementRef.current.focus();
-    };
-    return [elementRef, setFocus];
-};
+let useFocus=()=>{let r=react.useRef(null);return [r,()=>{r.current&&r.current.focus();}]};
 
 exports["default"] = useFocus;
 exports.useFocus = useFocus;

package/useFocus.esm.js

@@ -1,11 +1,5 @@
 import { useRef } from 'react';
 
-let useFocus = () => {
-    const elementRef = useRef(null);
-    const setFocus = () => {
-        elementRef.current && elementRef.current.focus();
-    };
-    return [elementRef, setFocus];
-};
+let useFocus=()=>{let r=useRef(null);return [r,()=>{r.current&&r.current.focus();}]};
 
 export { useFocus as default, useFocus };

package/useInterval.cjs.js

@@ -5,23 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 var utils = require('@koine/utils');
 
-let useInterval = (callback, delay, deps = []) => {
-    const savedCallback = react.useRef();
-    react.useEffect(() => {
-        savedCallback.current = callback;
-    }, [callback, ...deps]);
-    react.useEffect(() => {
-        function tick() {
-            if (savedCallback.current)
-                savedCallback.current();
-        }
-        if (delay !== null) {
-            const id = setInterval(tick, delay);
-            return () => clearInterval(id);
-        }
-        return utils.noop;
-    }, [delay]);
-};
+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.esm.js

@@ -1,22 +1,6 @@
 import { useRef, useEffect } from 'react';
 import { noop } from '@koine/utils';
 
-let useInterval = (callback, delay, deps = []) => {
-    const savedCallback = useRef();
-    useEffect(() => {
-        savedCallback.current = callback;
-    }, [callback, ...deps]);
-    useEffect(() => {
-        function tick() {
-            if (savedCallback.current)
-                savedCallback.current();
-        }
-        if (delay !== null) {
-            const id = setInterval(tick, delay);
-            return () => clearInterval(id);
-        }
-        return noop;
-    }, [delay]);
-};
+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.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 var utils = require('@koine/utils');
 
-let useIsomorphicLayoutEffect = utils.isBrowser ? react.useLayoutEffect : react.useEffect;
+let useIsomorphicLayoutEffect=utils.isBrowser?react.useLayoutEffect:react.useEffect;
 
 exports["default"] = useIsomorphicLayoutEffect;
 exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;

package/useIsomorphicLayoutEffect.esm.js

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

package/useKeyUp.cjs.js

@@ -5,19 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 var dom = require('@koine/dom');
 
-let useKeyUp = (callback, deps = []) => {
-    react.useEffect(() => {
-        const listener = dom.on(window, "keyup", (event) => {
-            if (!event.ctrlKey &&
-                !event.altKey &&
-                !event.shiftKey &&
-                !event.metaKey) {
-                callback(event);
-            }
-        });
-        return listener;
-    }, [callback, ...deps]);
-};
+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.esm.js

@@ -1,18 +1,6 @@
 import { useEffect } from 'react';
 import { on } from '@koine/dom';
 
-let useKeyUp = (callback, deps = []) => {
-    useEffect(() => {
-        const listener = on(window, "keyup", (event) => {
-            if (!event.ctrlKey &&
-                !event.altKey &&
-                !event.shiftKey &&
-                !event.metaKey) {
-                callback(event);
-            }
-        });
-        return listener;
-    }, [callback, ...deps]);
-};
+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 };