@statx/react
Advanced tools
+3
-3
| import { ReactElement, ReactNode } from 'react'; | ||
| import type { Common } from '@statx/core'; | ||
| export declare const useStatx: <T extends unknown>(state: Common<T>) => T; | ||
| export declare const useStatxComp: <T extends unknown>(state: Common<T>, f?: ((value: T) => ReactNode) | undefined) => ReactElement; | ||
| import type { PublicState } from '@statx/core'; | ||
| export declare const useStatx: <T extends unknown>(state: PublicState<T>) => T; | ||
| export declare const useSXComponent: <T extends unknown>(state: PublicState<T>, f?: ((value: T) => ReactNode) | undefined) => ReactElement; |
+1
-1
@@ -9,3 +9,3 @@ import { Fragment, useMemo, createElement, useEffect, useState } from 'react'; | ||
| }; | ||
| export const useStatxComp = (state, f) => { | ||
| export const useSXComponent = (state, f) => { | ||
| return useMemo(() => { | ||
@@ -12,0 +12,0 @@ return createElement(() => { |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAE,aAAa,EAA2B,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAGpG,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAsB,KAAgB,EAAK,EAAE;IACnE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,KAAK,EAAE,CAAC,CAAA;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;IAClC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,KAAgB,EAChB,CAA2B,EACb,EAAE;IAChB,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,OAAO,aAAa,CAAC,GAAG,EAAE;YACxB,MAAM,GAAG,GAAG,QAAQ,CAAI,KAAK,CAAC,CAAA;YAC9B,IAAI,CAAC,GAAG,EAAE;gBACR,OAAO,IAAI,CAAA;aACZ;YACD,IAAI,CAAC,EAAE;gBACL,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;gBAC3B,OAAO,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,YAAY,CAAC,CAAA;aACjD;YACD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;gBAC3B,OAAO,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAA;aACxD;YACD,OAAO,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAA;QACpD,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC,CAAA"} | ||
| {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAE,aAAa,EAA2B,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAGpG,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAsB,KAAqB,EAAK,EAAE;IACxE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,KAAK,EAAE,CAAC,CAAA;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;IAClC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,KAAqB,EACrB,CAA2B,EACb,EAAE;IAChB,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,OAAO,aAAa,CAAC,GAAG,EAAE;YACxB,MAAM,GAAG,GAAG,QAAQ,CAAI,KAAK,CAAC,CAAA;YAC9B,IAAI,CAAC,GAAG,EAAE;gBACR,OAAO,IAAI,CAAA;aACZ;YACD,IAAI,CAAC,EAAE;gBACL,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;gBAC3B,OAAO,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,YAAY,CAAC,CAAA;aACjD;YACD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;gBAC3B,OAAO,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAA;aACxD;YACD,OAAO,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAA;QACpD,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC,CAAA"} |
+5
-3
| { | ||
| "name": "@statx/react", | ||
| "version": "1.3.0", | ||
| "version": "1.6.0", | ||
| "private": false, | ||
@@ -50,4 +50,6 @@ "description": "Extry tiny smart statx manager", | ||
| ], | ||
| "dependencies": { | ||
| "@statx/core": "^1.6.0" | ||
| }, | ||
| "peerDependencies": { | ||
| "@statx/core": "^1.2.3", | ||
| "react": "^16.0.0" | ||
@@ -65,3 +67,3 @@ }, | ||
| }, | ||
| "gitHead": "d01165e6fe197dfbddf4a968f70f8d1df5e2398b", | ||
| "gitHead": "77cb350daac7ac1f6210b7c3d44c231a2f8d2b8f", | ||
| "devDependencies": { | ||
@@ -68,0 +70,0 @@ "@types/react-dom": "^16.0.0", |
+4
-4
| import {Fragment, useMemo, createElement, ReactElement, ReactNode, useEffect, useState} from 'react' | ||
| import type {Common, StateType} from '@statx/core' | ||
| import type {PublicState, StateType} from '@statx/core' | ||
| export const useStatx = <T extends StateType>(state: Common<T>): T => { | ||
| export const useStatx = <T extends StateType>(state: PublicState<T>): T => { | ||
| const [inner, setInner] = useState<T>(state()) | ||
@@ -14,4 +14,4 @@ | ||
| export const useStatxComp = <T extends StateType>( | ||
| state: Common<T>, | ||
| export const useSXComponent = <T extends StateType>( | ||
| state: PublicState<T>, | ||
| f?: (value: T) => ReactNode, | ||
@@ -18,0 +18,0 @@ ): ReactElement => { |
8117
0.74%+ Added