Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement
Sign In

@statx/react

Package Overview
Dependencies
Maintainers
1
Versions
48
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@statx/react - npm Package Compare versions

Comparing version
1.3.0
to
1.6.0
+3
-3
build/index.d.ts
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;

@@ -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"}
{
"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",

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 => {