@idem.agency/form-builder 0.0.11 → 0.0.12

package/src/shared/model/builder/createContext.tsx

@@ -1,40 +0,0 @@
-import React, {createContext, type ReactNode, useContext, useRef,} from "react";
-import {DynamicBuilder} from "@/widgets/dynamicBuilder";
-
-export function createStoreContext() {
-  const BuilderContext = createContext<((layout: any, path: string[]|undefined, children?: ReactNode) => ReactNode) | null>(null);
-  
-  const Provider: React.FC<{ children: React.ReactNode, plugins: any }> = ({
-                                                                             plugins,
-                                                                           children
-                                                                         }) => {
-    const storeRef = useRef<(layout: any, path: string[]|undefined, children?: ReactNode) => ReactNode>(null);
-    
-    if (!storeRef.current) {
-      storeRef.current = (layout: any, path: string[]|undefined, children?: ReactNode) => {
-        return <DynamicBuilder layout={layout} path={path} plugins={plugins}>{children}</DynamicBuilder>
-      };
-    }
-    
-    return (
-      <BuilderContext.Provider value={storeRef.current}>
-        {children}
-      </BuilderContext.Provider>
-    );
-  };
-  
-  function useBuilder(): (layout: any, path: string[]|undefined, children?: ReactNode) => ReactNode {
-    const store = useContext(BuilderContext);
-    
-    if (!store) {
-      throw new Error("StoreProvider missing");
-    }
-    
-    return store
-  }
-  
-  return {
-    Provider,
-    useBuilder
-  };
-}

package/src/shared/model/builder/index.ts

@@ -1,6 +0,0 @@
-import {createStoreContext} from "@/shared/model/builder/createContext";
-
-export const {
-  Provider: BuilderProvider,
-  useBuilder,
-} = createStoreContext();

package/src/shared/model/store/index.ts

@@ -1,46 +0,0 @@
-import { createStoreContext } from "./createStoreContext";
-import type {FormData} from "@/shared/types/common";
-import {updateNestedValue} from "@/shared/utils";
-
-type State = {
-  formData: FormData
-  errors: Record<string, any>
-};
-
-type Action =
-  | { type: "setValue"; path: string[]; value: unknown }
-  | { type: "setError"; path: string[]; value?: string }
-  | { type: "reset"; }
-  | { type: "setErrors"; errors?: object };
-
-const initialState: State = {
-  formData: {},
-  errors: {}
-};
-
-function reducer(state: State, action: Action): State {
-  const newData = {...state};
-  switch (action.type) {
-    case 'setValue':
-      newData.formData = updateNestedValue(newData.formData, action.path, action.value);
-      break;
-    case 'setError':
-      newData.errors = updateNestedValue(newData.errors, action.path, action.value);
-      break;
-    case 'reset':
-      newData.formData = {};
-      newData.errors = {};
-      break;
-    case 'setErrors':
-      newData.errors = {...action.errors};
-      break;
-  }
-  return newData;
-}
-
-export const {
-  Provider: FormStoreProvider,
-  useStore: useFormStore,
-  useDispatch: useFormDispatch,
-  useSubmit,
-} = createStoreContext(reducer, initialState);

package/src/widgets/dynamicBuilder/element.tsx

@@ -1,31 +0,0 @@
-import {useFormStore, useFormDispatch} from "@/shared/model/store";
-import {getNestedValue} from "@/shared/utils";
-
-export const BuilderElement = (props: any) => {
-  const Element = props.element;
-  const field = props.field;
-  const currentFieldPath = [...props.path, field.name];
-  const value = useFormStore((s=> getNestedValue(s.formData, currentFieldPath)));
-  const errors = useFormStore((s=> getNestedValue(s.errors, currentFieldPath)));
-  const dispatch= useFormDispatch();
-  return <Element
-    field={{...field}}
-    builder={props.DynamicBuilder}
-    path={currentFieldPath}
-    plugins={props.plugins}
-    value={value}
-    errors={errors}
-    onChange={(value: any) => {
-      dispatch({
-        type: 'setValue',
-        path: currentFieldPath,
-        value
-      });
-      dispatch({
-        type: 'setError',
-        path: currentFieldPath,
-        value: ''
-      });
-    }}
-  />;
-}

package/src/widgets/dynamicBuilder/index.tsx

@@ -1,33 +0,0 @@
-import type {TDynamicBuilder} from "@/shared/types/common";
-import {BuilderElement} from "@/widgets/dynamicBuilder/element";
-// import {getNestedValue} from "@/shared/utils";
-// import {useCallback} from "react";
-// import {VisibleCore} from "@/shared/lib/VisibleCore";
-// import {use} from "@/shared/model/store";
-
-export const DynamicBuilder: TDynamicBuilder = (props) => {
-  const path = props.path ?? [];
-  
-  // const isShow = useCallback((field: FormFieldConfig) => {
-  //   let result = true;
-  //
-  //   if (field.viewConfig) {
-  //     result = VisibleCore.isVisible(field.viewConfig, state.formData);
-  //   }
-  //   return result;
-  // }, [state]);
-  
-  
-  return props.layout.map((field, index) => {
-    const FormElement = props.plugins[field.type];
-    
-    if (!FormElement) {
-      console.warn(`Неизвестный тип поля: ${field.type}. Проверьте formRegistry.`);
-      return null;
-    }
-    
-    // const currentValue = getNestedValue(state.formData, currentFieldPath);
-    // const currentErrors = getNestedValue(state.errors, currentFieldPath) as (Record<string, string> | undefined);
-    return <BuilderElement key={`${field.name}${index}`} element={FormElement} path={path} field={field}/>
-  })
-}