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

package/{helpers/classed.d.ts → classed.d.ts}

@@ -23,5 +23,5 @@ type ClassedFinalProps<Props, Component> = Component extends React.ReactHTML ? R
  * Discussions and Q/A:
  * - https://stackoverflow.com/q/73055695/1938970
  */
-export declare function classed<Props, Component extends React.ElementType = any>(component: Component): (strings: TemplateStringsArray, ...args: string[] | ((props: Props) => string)[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<ClassedFinalProps<Props, Component>> & React.RefAttributes<Component>>;
+export declare let classed: <Props, Component extends React.ElementType = any>(component: Component) => (strings: TemplateStringsArray, ...args: ((props: Props) => string)[] | string[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<ClassedFinalProps<Props, Component>> & React.RefAttributes<Component>>;
 export default classed;

package/classed.esm.d.ts

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

package/classed.esm.js

@@ -0,0 +1,5 @@
+import { forwardRef, createElement } from 'react';
+
+let classed=r=>{let s=r.type||r;return function(r,...a){return forwardRef(function(e,n){let o=a.map((t,s)=>{let a="";return "function"==typeof t?a=t(e):void 0!==t&&(a=t.toString()),r[s]+a}).join(""),l="string"==typeof s,i=l?{}:e;if(l)for(let t in e)t.startsWith("$")||(i[t]=e[t]);let c=o||r[0];return c=(c.match(/class="([^"]*)/)?.[1]||c)+(e?.className?" "+e?.className:""),createElement(s,{...i,className:c||void 0,ref:n})})}};
+
+export { classed, classed as default };

package/createUseMediaQueryWidth.cjs.d.ts

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

package/createUseMediaQueryWidth.cjs.default.js

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

package/createUseMediaQueryWidth.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var utils = require('@koine/utils');
+var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect.cjs.js');
+
+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.cjs.mjs

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

package/{helpers/createUseMediaQueryWidth.d.ts → createUseMediaQueryWidth.d.ts}

@@ -1,4 +1,4 @@
-import { type GetMediaQueryWidthResolversBreakpoints } from "@koine/utils/getMediaQueryWidthResolvers";
+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>}`;
@@ -8,5 +8,5 @@ export type MediaQueryWidth<TBreakpoint extends string> = `@${MediaQuerWidthDef<
  * @param customBreakpoints
  * @returns
  */
-export declare function 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.d.ts

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

package/createUseMediaQueryWidth.esm.js

@@ -0,0 +1,7 @@
+import { useState } from 'react';
+import { getMediaQueryWidthResolvers, isUndefined } from '@koine/utils';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.esm.js';
+
+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.d.ts

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

package/extendComponent.cjs.default.js

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

package/extendComponent.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+let extendComponent=(t,o)=>Object.assign(o=>react.createElement(t,o),{...o,defaultProps:o});
+
+exports.default = extendComponent;
+exports.extendComponent = extendComponent;

package/extendComponent.cjs.mjs

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

package/{helpers/extend-component.d.ts → extendComponent.d.ts}

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

package/extendComponent.esm.d.ts

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

package/extendComponent.esm.js

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

package/forms/antispam.cjs.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var yup = require('@kuus/yup');
+var utils = require('@koine/utils');
+
+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 → forms}/antispam.d.ts

@@ -10,7 +10,7 @@ import { type ObjectShape } from "@kuus/yup";
  *
  * FIXME: types https://github.com/jquense/yup/issues/1700
  */
-export declare function encodeForm<T extends ObjectShape = {}>(validationRules: T): {
+export declare let encodeForm: <T extends ObjectShape = ObjectShape>(validationRules: T) => {
     encodedSchema: import("@kuus/yup").ObjectSchema<{
         [x: string]: T[keyof T] extends import("@kuus/yup").ISchema<any, any, any, any> ? T[keyof T]["__outputType"] : T[keyof T] extends {
             readonly key: string;
@@ -19,17 +19,17 @@ export declare function encodeForm<T extends ObjectShape = {}>(validationRules:
             readonly isSibling: boolean;
             readonly path: any;
             readonly getter: (data: unknown) => unknown;
-            readonly map?: ((value: unknown) => infer T) | undefined;
+            readonly map?: ((value: unknown) => infer T_1) | undefined;
             readonly __isYupRef: boolean;
-            getValue(value: any, parent?: {} | undefined, context?: {} | undefined): infer T;
+            getValue(value: any, parent?: {}, context?: {}): infer T_1;
             cast(value: any, options?: {
-                parent?: {} | undefined;
-                context?: {} | undefined;
-            } | undefined): infer T;
+                parent?: {};
+                context?: {};
+            }): infer T_1;
             resolve(): any;
             describe(): import("@kuus/yup").SchemaRefDescription;
             toString(): string;
-        } ? T : unknown;
+        } ? T_1 : unknown;
     }, import("@kuus/yup").AnyObject, {
         [x: string]: T[keyof T] extends import("@kuus/yup").ISchema<any, import("@kuus/yup").AnyObject, any, any> ? T[keyof T]["__default"] : undefined;
     }, "">;
@@ -44,4 +44,4 @@ export declare function encodeForm<T extends ObjectShape = {}>(validationRules:
  * Here too we skip encoding/decoding process for names prefixed wth an underscore
  * which are considered programmatic form data not created by user input.
  */
-export declare function decodeForm<ReturnAs extends Record<string, unknown> = {}, FormData extends Record<string, unknown> = {}>(formData: FormData): ReturnAs;
+export declare let decodeForm: <ReturnAs extends Record<string, unknown> = Record<string, unknown>, FormData extends Record<string, unknown> = Record<string, unknown>>(formData: FormData) => ReturnAs;

package/forms/antispam.esm.js

@@ -0,0 +1,6 @@
+import { object } from '@kuus/yup';
+import { encode, decode, isUndefined } from '@koine/utils';
+
+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/forms.cjs.d.ts

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

package/forms.cjs.default.js

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

package/forms.cjs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var antispam = require('./forms/antispam.cjs.js');
+
+
+
+exports.decodeForm = antispam.decodeForm;
+exports.encodeForm = antispam.encodeForm;

package/forms.cjs.mjs

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

package/forms.d.ts

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

package/forms.esm.d.ts

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

package/forms.esm.js

@@ -0,0 +1 @@
+export { decodeForm, encodeForm } from './forms/antispam.esm.js';

package/index.cjs.d.ts

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

package/index.cjs.default.js

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

package/index.cjs.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var classed = require('./classed.cjs.js');
+var createUseMediaQueryWidth = require('./createUseMediaQueryWidth.cjs.js');
+var extendComponent = require('./extendComponent.cjs.js');
+var FaviconTags = require('./FaviconTags.cjs.js');
+var mergeRefs = require('./mergeRefs.cjs.js');
+var Meta = require('./Meta.cjs.js');
+var NoJs = require('./NoJs.cjs.js');
+var useAsyncFn = require('./useAsyncFn.cjs.js');
+var useFirstMountState = require('./useFirstMountState.cjs.js');
+var useFixedOffset = require('./useFixedOffset.cjs.js');
+var useFocus = require('./useFocus.cjs.js');
+var useInterval = require('./useInterval.cjs.js');
+var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect.cjs.js');
+var useKeyUp = require('./useKeyUp.cjs.js');
+var useMeasure = require('./useMeasure.cjs.js');
+var useMountedState = require('./useMountedState.cjs.js');
+var useNavigateAway = require('./useNavigateAway.cjs.js');
+var usePrevious = require('./usePrevious.cjs.js');
+var usePreviousRef = require('./usePreviousRef.cjs.js');
+var useScrollPosition = require('./useScrollPosition.cjs.js');
+var useScrollThreshold = require('./useScrollThreshold.cjs.js');
+var useSmoothScroll = require('./useSmoothScroll.cjs.js');
+var useSpinDelay = require('./useSpinDelay.cjs.js');
+var useTraceUpdate = require('./useTraceUpdate.cjs.js');
+var useUpdateEffect = require('./useUpdateEffect.cjs.js');
+var useWindowSize = require('./useWindowSize.cjs.js');
+
+
+
+exports.classed = classed.classed;
+exports.createUseMediaQueryWidth = createUseMediaQueryWidth.createUseMediaQueryWidth;
+exports.extendComponent = extendComponent.extendComponent;
+exports.FaviconTags = FaviconTags.FaviconTags;
+exports.mergeRefs = mergeRefs.mergeRefs;
+exports.Meta = Meta.Meta;
+exports.NoJs = NoJs.NoJs;
+exports.useAsyncFn = useAsyncFn.useAsyncFn;
+exports.useFirstMountState = useFirstMountState.useFirstMountState;
+exports.useFixedOffset = useFixedOffset.useFixedOffset;
+exports.useFocus = useFocus.useFocus;
+exports.useInterval = useInterval.useInterval;
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
+exports.useKeyUp = useKeyUp.useKeyUp;
+exports.useMeasure = useMeasure.useMeasure;
+exports.useMountedState = useMountedState.useMountedState;
+exports.useNavigateAway = useNavigateAway.useNavigateAway;
+exports.usePrevious = usePrevious.usePrevious;
+exports.usePreviousRef = usePreviousRef.usePreviousRef;
+exports.useScrollPosition = useScrollPosition.useScrollPosition;
+exports.useScrollThreshold = useScrollThreshold.useScrollThreshold;
+exports.useSmoothScroll = useSmoothScroll.useSmoothScroll;
+exports.useSpinDelay = useSpinDelay.useSpinDelay;
+exports.useTraceUpdate = useTraceUpdate.useTraceUpdate;
+exports.useUpdateEffect = useUpdateEffect.useUpdateEffect;
+exports.useWindowSize = useWindowSize.useWindowSize;

package/index.cjs.mjs

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

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,26 @@
+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';

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 };