@picked/react 0.0.1-dev.1767922288295 → 0.0.1-dev.1767932013788

package/dist/hooks/step.d.ts

@@ -1,4 +1,3 @@
-import { Store } from 'effector';
 import { Field, Response } from '@picked/client';
 type FieldWithValue = Field & {
     value: Response | undefined;
@@ -8,10 +7,11 @@ type StepWithLabel = {
     label: string;
 };
 export interface StepContext {
-    step: Store<StepWithLabel>;
-    fields: Store<FieldWithValue[]>;
+    step: StepWithLabel;
+    fields: FieldWithValue[];
     isActiveStep?: boolean;
 }
+export declare const StepContextProvider: import('react').Context<StepContext | null>;
 export declare function useStep(): {
     step: StepWithLabel;
     fields: FieldWithValue[];

package/dist/hooks/step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../src/hooks/step.ts"],"names":[],"mappings":"AACA,OAAO,EAAsD,KAAK,KAAK,EAAE,MAAM,UAAU,CAAA;AACzF,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAoC,MAAM,gBAAgB,CAAA;AAMvF,KAAK,cAAc,GAAG,KAAK,GAAG;IAAE,KAAK,EAAE,QAAQ,GAAG,SAAS,CAAA;CAAE,CAAA;AAC7D,KAAK,aAAa,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAOlD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAC1B,MAAM,EAAE,KAAK,CAAC,cAAc,EAAE,CAAC,CAAA;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAID,wBAAgB,OAAO;;;;EActB;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM;;;;EA+F/C"}
+{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../src/hooks/step.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAoC,MAAM,gBAAgB,CAAA;AAMvF,KAAK,cAAc,GAAG,KAAK,GAAG;IAAE,KAAK,EAAE,QAAQ,GAAG,SAAS,CAAA;CAAE,CAAA;AAC7D,KAAK,aAAa,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAOlD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,aAAa,CAAA;IACnB,MAAM,EAAE,cAAc,EAAE,CAAA;IACxB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,mBAAmB,6CAA0C,CAAA;AAE1E,wBAAgB,OAAO;;;;EAWtB;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM;;;;EA+F/C"}

package/dist/hooks/step.js

@@ -1 +1 @@
-import{createContext as E,useContext as F,useMemo as x}from"react";import{attach as R,createEffect as A,combine as P,createStore as g,sample as k}from"effector";import{evaluateRuleLogic as y}from"@picked/client";import{useUnit as f}from"effector-react";import{useStepRouter as D}from"../router/context.js";import{useExperience as L,usePicked as M}from"./client.js";const U=E(null);function G(){const e=F(U);if(!e)throw new Error("useStep must be used within a StepContextProvider");const i=f(e.step),s=f(e.fields);return{step:i,fields:s,isActiveStep:e.isActiveStep??!1}}function H(e){const i=L(),s=M(),{activeStep:o}=D(),S=x(()=>(o==null?void 0:o.id)===e,[o==null?void 0:o.id,e]),{stepContext:C}=x(()=>{const r=R({source:P({steps:i.treeStore.map(c=>c.steps),fields:s.fields.listStore,responses:s.responses.listStore}),effect:A(async({steps:c,fields:p,responses:h})=>{const l=c.find(t=>t.id===e);if(!l)throw new Error(`Step with id "${e}" not found in the experience tree.`);const w=p.filter(t=>l.fieldIds.includes(t.id)),d=[];for(const t of w)t.condition?await y(s,t.condition)&&d.push(t):d.push(t);const v=d.map(t=>{var m;const a=(m=h.find(b=>b.fieldId===t.id))==null?void 0:m.value;return{...t,value:a}});return{step:{id:l.id,label:l.label},fields:v}})}),u=g({step:{id:e,label:""},fields:[]});return u.on(r.doneData,(c,p)=>p),k({clock:[s.fields.listStore,s.responses.listStore],target:r}),r(),{stepContextFx:r,stepContext:u}},[e,s,i]),n=f(C);return{step:n==null?void 0:n.step,fields:(n==null?void 0:n.fields)||[],isActiveStep:S}}export{H as useSetStepContext,G as useStep};
+import{createContext as b,useContext as E,useMemo as m}from"react";import{attach as F,createEffect as R,combine as A,createStore as P,sample as g}from"effector";import{evaluateRuleLogic as k}from"@picked/client";import{useUnit as y}from"effector-react";import{useStepRouter as D}from"../router/context.js";import{useExperience as L,usePicked as M}from"./client.js";const U=b(null);function G(){const e=E(U);if(!e)throw new Error("useStep must be used within a StepContextProvider");return{step:e.step,fields:e.fields,isActiveStep:e.isActiveStep??!1}}function H(e){const d=L(),s=M(),{activeStep:o}=D(),x=m(()=>(o==null?void 0:o.id)===e,[o==null?void 0:o.id,e]),{stepContext:S}=m(()=>{const n=F({source:A({steps:d.treeStore.map(r=>r.steps),fields:s.fields.listStore,responses:s.responses.listStore}),effect:R(async({steps:r,fields:l,responses:C})=>{const c=r.find(t=>t.id===e);if(!c)throw new Error(`Step with id "${e}" not found in the experience tree.`);const h=l.filter(t=>c.fieldIds.includes(t.id)),p=[];for(const t of h)t.condition?await k(s,t.condition)&&p.push(t):p.push(t);const w=p.map(t=>{var a;const u=(a=C.find(v=>v.fieldId===t.id))==null?void 0:a.value;return{...t,value:u}});return{step:{id:c.id,label:c.label},fields:w}})}),f=P({step:{id:e,label:""},fields:[]});return f.on(n.doneData,(r,l)=>l),g({clock:[s.fields.listStore,s.responses.listStore],target:n}),n(),{stepContextFx:n,stepContext:f}},[e,s,d]),i=y(S);return{step:i==null?void 0:i.step,fields:(i==null?void 0:i.fields)||[],isActiveStep:x}}export{U as StepContextProvider,H as useSetStepContext,G as useStep};

package/dist/router/Step.js

@@ -1 +1 @@
-import{jsx as l,Fragment as a}from"react/jsx-runtime";import{useState as m,useEffect as p}from"react";import"../context.js";import{useSetStepContext as n}from"../hooks/step.js";import"@picked/client";import{useStepRouter as g}from"./context.js";const d=({id:s,component:t,children:S})=>{const r={id:s},{registerStep:u,unregisterStep:i}=g(),[o,f]=m(null);return n(s),p(()=>(u(r),()=>i(r)),[u,i,r]),p(()=>{t&&typeof t!="function"?Promise.resolve(t).then(e=>{typeof e=="object"&&"default"in e?f(()=>e.default):f(()=>e)}):typeof t=="function"&&f(()=>t)},[t]),t?o?l(o,{}):null:l(a,{children:S})};export{d as default};
+import{jsx as f}from"react/jsx-runtime";import{useState as c,useEffect as n}from"react";import{useSetStepContext as d,StepContextProvider as p}from"../hooks/step.js";import{useStepRouter as v}from"./context.js";const g=({id:i,component:e,children:S})=>{const r={id:i},{registerStep:s,unregisterStep:o}=v(),[l,u]=c(null),a=d(i);return n(()=>(s(r),()=>o(r)),[s,o,r]),n(()=>{e&&typeof e!="function"?Promise.resolve(e).then(t=>{typeof t=="object"&&"default"in t?u(()=>t.default):u(()=>t)}):typeof e=="function"&&u(()=>e)},[e]),e?l?f(p.Provider,{value:a,children:f(l,{})}):null:f(p.Provider,{value:a,children:S})};export{g as default};

package/package.json

@@ -1,21 +1,25 @@
 {
   "name": "@picked/react",
-  "version": "0.0.1-dev.1767922288295",
+  "version": "0.0.1-dev.1767932013788",
   "devDependencies": {
     "@picked/client": "workspace:*",
     "@repo/eslint-config": "workspace:*",
     "@repo/typescript-config": "workspace:*",
+    "@testing-library/react": "^16.3.0",
     "@types/node": "^22",
     "@types/react": "19.2.4",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "^4.5.2",
+    "@vitest/coverage-v8": "^3.2.4",
     "effector": "^23.3.0",
     "effector-react": "^23.3.0",
     "fast-glob": "^3.3.3",
+    "jsdom": "^26.1.0",
     "typedoc": "^0.28.5",
     "typedoc-plugin-markdown": "^4.6.3",
     "vite": "^6.4.1",
-    "vite-plugin-dts": "^4.5.4"
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.4"
   },
   "exports": {
     ".": {
@@ -54,7 +58,7 @@
   ],
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.1-dev.1767922288295",
+    "@picked/client": "0.0.1-dev.1767932013788",
     "effector": "^23.3.0",
     "effector-react": "^23.3.0",
     "react": "19.2.2",
@@ -69,7 +73,10 @@
     "lint-files": "eslint",
     "lint:format": "eslint . --fix",
     "lint:report": "eslint . -o './.reports/eslint.json' -f json || [ -f './.reports/eslint.json' ]",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
     "test:packaged-types": "attw --pack",
+    "test:watch": "vitest",
     "type-check": "tsc -p . --noEmit"
   },
   "type": "module",