@idem.agency/form-builder 0.0.11 → 0.0.13

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["createStoreContext","createStoreContext"],"sources":["../src/shared/model/store/store.ts","../src/shared/model/store/createStoreContext.tsx","../src/shared/utils.ts","../src/shared/model/store/index.ts","../src/widgets/dynamicBuilder/element.tsx","../src/widgets/dynamicBuilder/index.tsx","../src/shared/model/builder/createContext.tsx","../src/shared/model/builder/index.ts","../src/app/index.tsx","../src/entity/inputs/ui/input/index.tsx","../src/entity/inputs/ui/group/index.tsx","../src/shared/model/index.ts"],"sourcesContent":["export type Reducer<S, A> = (state: S, action: A) => S;\n\nexport function createStore<S, A>(\n  reducer: Reducer<S, A>,\n  initialState: S\n) {\n  let state = initialState;\n  const listeners = new Set<() => void>();\n  \n  return {\n    getState(): S {\n      return state;\n    },\n    \n    dispatch(action: A) {\n      state = reducer(state, action);\n      listeners.forEach(l => l());\n    },\n    \n    subscribe(listener: () => void) {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    }\n  };\n}\n\nexport type Store<S, A> = ReturnType<typeof createStore<S, A>>;\n","import {\n  createContext,\n  useContext,\n  useRef,\n  useSyncExternalStore\n} from \"react\";\nimport { createStore, type Reducer, type Store } from \"./store\";\n\nexport function createStoreContext<S, A>(\n  reducer: Reducer<S, A>,\n  initialState: S\n) {\n  const StoreContext = createContext<Store<S, A> | null>(null);\n  \n  const Provider: React.FC<{ children: React.ReactNode }> = ({\n                                                               children\n                                                             }) => {\n    const storeRef = useRef<Store<S, A>>(null);\n    \n    if (!storeRef.current) {\n      storeRef.current = createStore(reducer, initialState);\n    }\n\n    return (\n      <StoreContext.Provider value={storeRef.current}>\n        {children}\n      </StoreContext.Provider>\n    );\n  };\n  \n  function useStore<T>(\n    selector: (state: S) => T\n  ): T {\n    const store = useContext(StoreContext);\n\n    if (!store) {\n      throw new Error(\"StoreProvider missing\");\n    }\n    \n    return useSyncExternalStore(\n      store.subscribe,\n      () => selector(store.getState()),\n      () => selector(store.getState())\n    );\n  }\n  \n  function useDispatch() {\n    const store = useContext(StoreContext);\n    \n    if (!store) {\n      throw new Error(\"StoreProvider missing\");\n    }\n    \n    return store.dispatch;\n  }\n  \n  function useSubmit(onSubmit: (state: S) => void) {\n    const store = useContext(StoreContext);\n    \n    return () => {\n      if (store) {\n        const state = store.getState();\n        onSubmit(state);\n      }\n    };\n  }\n  \n  return {\n    Provider,\n    useStore,\n    useSubmit,\n    useDispatch\n  };\n}\n","export function updateNestedValue(obj: any, path: string[], value: any): any {\n  if (path.length === 0) {\n    return value;\n  }\n  \n  const newObj = Array.isArray(obj) ? [...obj] : { ...obj }; // Создаем копию\n  const currentKey = path[0];\n  \n  if (path.length === 1) {\n    // Последний элемент пути, просто обновляем значение\n    newObj[currentKey] = value;\n  } else {\n    const remainingPath = path.slice(1);\n    const nestedObj = newObj[currentKey];\n    \n    if (typeof nestedObj === 'undefined' || nestedObj === null) {\n      newObj[currentKey] = typeof remainingPath[0] === 'number' ? [] : {};\n    }\n    newObj[currentKey] = updateNestedValue(newObj[currentKey], remainingPath, value);\n  }\n  return newObj;\n}\nexport function getNestedValue(obj: any, path: string[]): any {\n  return path.reduce((acc, key) => (acc && acc[key] !== undefined ? acc[key] : undefined), obj);\n}\n","import { createStoreContext } from \"./createStoreContext\";\nimport type {FormData} from \"@/shared/types/common\";\nimport {updateNestedValue} from \"@/shared/utils\";\n\ntype State = {\n  formData: FormData\n  errors: Record<string, any>\n};\n\ntype Action =\n  | { type: \"setValue\"; path: string[]; value: unknown }\n  | { type: \"setError\"; path: string[]; value?: string }\n  | { type: \"reset\"; }\n  | { type: \"setErrors\"; errors?: object };\n\nconst initialState: State = {\n  formData: {},\n  errors: {}\n};\n\nfunction reducer(state: State, action: Action): State {\n  const newData = {...state};\n  switch (action.type) {\n    case 'setValue':\n      newData.formData = updateNestedValue(newData.formData, action.path, action.value);\n      break;\n    case 'setError':\n      newData.errors = updateNestedValue(newData.errors, action.path, action.value);\n      break;\n    case 'reset':\n      newData.formData = {};\n      newData.errors = {};\n      break;\n    case 'setErrors':\n      newData.errors = {...action.errors};\n      break;\n  }\n  return newData;\n}\n\nexport const {\n  Provider: FormStoreProvider,\n  useStore: useFormStore,\n  useDispatch: useFormDispatch,\n  useSubmit,\n} = createStoreContext(reducer, initialState);\n","import {useFormStore, useFormDispatch} from \"@/shared/model/store\";\nimport {getNestedValue} from \"@/shared/utils\";\n\nexport const BuilderElement = (props: any) => {\n  const Element = props.element;\n  const field = props.field;\n  const currentFieldPath = [...props.path, field.name];\n  const value = useFormStore((s=> getNestedValue(s.formData, currentFieldPath)));\n  const errors = useFormStore((s=> getNestedValue(s.errors, currentFieldPath)));\n  const dispatch= useFormDispatch();\n  return <Element\n    field={{...field}}\n    builder={props.DynamicBuilder}\n    path={currentFieldPath}\n    plugins={props.plugins}\n    value={value}\n    errors={errors}\n    onChange={(value: any) => {\n      dispatch({\n        type: 'setValue',\n        path: currentFieldPath,\n        value\n      });\n      dispatch({\n        type: 'setError',\n        path: currentFieldPath,\n        value: ''\n      });\n    }}\n  />;\n}\n","import type {TDynamicBuilder} from \"@/shared/types/common\";\nimport {BuilderElement} from \"@/widgets/dynamicBuilder/element\";\n// import {getNestedValue} from \"@/shared/utils\";\n// import {useCallback} from \"react\";\n// import {VisibleCore} from \"@/shared/lib/VisibleCore\";\n// import {use} from \"@/shared/model/store\";\n\nexport const DynamicBuilder: TDynamicBuilder = (props) => {\n  const path = props.path ?? [];\n  \n  // const isShow = useCallback((field: FormFieldConfig) => {\n  //   let result = true;\n  //\n  //   if (field.viewConfig) {\n  //     result = VisibleCore.isVisible(field.viewConfig, state.formData);\n  //   }\n  //   return result;\n  // }, [state]);\n  \n  \n  return props.layout.map((field, index) => {\n    const FormElement = props.plugins[field.type];\n    \n    if (!FormElement) {\n      console.warn(`Неизвестный тип поля: ${field.type}. Проверьте formRegistry.`);\n      return null;\n    }\n    \n    // const currentValue = getNestedValue(state.formData, currentFieldPath);\n    // const currentErrors = getNestedValue(state.errors, currentFieldPath) as (Record<string, string> | undefined);\n    return <BuilderElement key={`${field.name}${index}`} element={FormElement} path={path} field={field}/>\n  })\n}\n","import React, {createContext, type ReactNode, useContext, useRef,} from \"react\";\nimport {DynamicBuilder} from \"@/widgets/dynamicBuilder\";\n\nexport function createStoreContext() {\n  const BuilderContext = createContext<((layout: any, path: string[]|undefined, children?: ReactNode) => ReactNode) | null>(null);\n  \n  const Provider: React.FC<{ children: React.ReactNode, plugins: any }> = ({\n                                                                             plugins,\n                                                                           children\n                                                                         }) => {\n    const storeRef = useRef<(layout: any, path: string[]|undefined, children?: ReactNode) => ReactNode>(null);\n    \n    if (!storeRef.current) {\n      storeRef.current = (layout: any, path: string[]|undefined, children?: ReactNode) => {\n        return <DynamicBuilder layout={layout} path={path} plugins={plugins}>{children}</DynamicBuilder>\n      };\n    }\n    \n    return (\n      <BuilderContext.Provider value={storeRef.current}>\n        {children}\n      </BuilderContext.Provider>\n    );\n  };\n  \n  function useBuilder(): (layout: any, path: string[]|undefined, children?: ReactNode) => ReactNode {\n    const store = useContext(BuilderContext);\n    \n    if (!store) {\n      throw new Error(\"StoreProvider missing\");\n    }\n    \n    return store\n  }\n  \n  return {\n    Provider,\n    useBuilder\n  };\n}\n","import {createStoreContext} from \"@/shared/model/builder/createContext\";\n\nexport const {\n  Provider: BuilderProvider,\n  useBuilder,\n} = createStoreContext();\n","'use client';\n\nimport type {FormBuilderRef, TFormBuilder} from \"../shared/types/common\";\n// import {StoreContext, storeReducer,} from \"@/shared/model\";\n\nimport {DynamicBuilder} from \"../widgets/dynamicBuilder\";\nimport { forwardRef, useImperativeHandle} from \"react\";\n// import {ValidationCore} from \"@/shared/lib/validation/core\";\n// import { useUpdateEffect } from '@/shared/hook/useUpdateEffect';\nimport {FormStoreProvider, useSubmit} from \"@/shared/model/store\";\nimport {BuilderProvider} from \"@/shared/model/builder\";\n\nexport const FormBuilder = forwardRef<FormBuilderRef, TFormBuilder>((props, ref) => {\n  // const validator = useMemo(() => {\n  //   return (new ValidationCore(props.layout, props.plugins))\n  // }, [props.layout, props.plugins]);\n\n  // const [state, dispatch] = useReducer(storeReducer, {\n  //   formData: props.formData ?? {},\n  //   errors: {},\n  // });\n  //\n  // useUpdateEffect(() => {\n  //   if (props.onChange) {\n  //     props.onChange(state.formData);\n  //   }\n  // }, [state.formData, props.onChange]);\n  const submitHdl = useSubmit((data) => {\n    if (props.onSubmit) {\n      props.onSubmit(data);\n    }\n  });\n  \n  // const submit = () => {\n  //\n  //   // const errors = validator.validate(state.formData);\n  //   // if (Object.keys(errors).length == 0) {\n  //   //   if (props.onSubmit) {\n  //   //     props.onSubmit(state.formData)\n  //   //   }\n  //   // } else {\n  //   //   dispatch({\n  //   //     type: 'setErrors',\n  //   //     payload: {\n  //   //       errors\n  //   //     }\n  //   //   });\n  //   // }\n  // }\n\n  useImperativeHandle(ref, () => ({\n    reset: () => {\n      // dispatch({type: 'reset'})\n    },\n    submit: () => {\n      submitHdl();\n    },\n    errors: () => {\n      return {}\n      // return state?.errors ?? {};\n    }\n  }), [props.onSubmit]);\n\n  return <form onSubmit={(e) => {\n      e.preventDefault();\n      submitHdl();\n    }}\n    className={props?.className}\n  >\n      <FormStoreProvider>\n        <BuilderProvider plugins={props.plugins}>\n          <DynamicBuilder layout={props.layout} plugins={props.plugins} />\n        </BuilderProvider>\n      </FormStoreProvider>\n      <input type=\"submit\" style={{ display: 'none' }}/>\n      {props.children}\n    </form>\n});\n\nexport default FormBuilder;\n","import type { FormElementProps, FormFieldConfig, FormFieldBase, RC } from '../../../../shared/types/common';\nimport { useId } from \"react\";\n\nexport type TextFieldConfig = FormFieldBase & { type: 'text' | 'email' | 'password';  placeholder?: string; };\n\nfunction isTextFieldConfig(field: FormFieldConfig): field is TextFieldConfig {\n  return field.type === 'text' || field.type === 'email' || field.type === 'password';\n}\n\nexport const TextField: RC<FormElementProps> = ({ field, value, errors, onChange }) => {\n  if (!isTextFieldConfig(field)) {\n    console.warn(`TextField received an invalid field config for type: ${field.type}`);\n    return null;\n  }\n  const id = useId();\n  return (\n    <div style={{ marginBottom: '15px' }}>\n      <label htmlFor={id}>{field.label}:</label>\n      <input\n        type={field.type}\n        id={id}\n        name={field.name}\n        placeholder={field.placeholder}\n        value={value || ''}\n        onChange={(e) => onChange(e.target.value)}\n        style={{ borderColor: errors ? 'red' : '#ccc' }}\n      />\n      {errors && <p style={{ color: 'red', fontSize: '0.8em' }}>{Object.values(errors).join(', ')}</p>}\n    </div>\n  );\n};\n","import type {FormElementProps, FormFieldBase, FormFieldConfig, RC} from \"../../../../shared/types/common.ts\";\nimport clsx from \"clsx\";\nimport {useBuilder} from \"@/shared/model/builder\";\nexport type FormGroupConfig = FormFieldBase & { variant?: 'row' | 'col', fields: FormFieldConfig[] };\n\nfunction isGroupConfig(field: FormFieldConfig): field is FormGroupConfig {\n  return field.fields;\n}\n\n\nexport const FormGroup: RC<FormElementProps<FormGroupConfig>> = ({field, path}) => {\n  if (!isGroupConfig(field)) {\n    return null;\n  }\n  const Builder = useBuilder()(field.fields, path);\n  const variant = field.variant ?? 'col';\n  \n  const className = variant == 'col' ? 'flex-col' : 'flex-row';\n\n  return <div>\n    <div>{field.label}</div>\n    <div className={clsx(className, 'flex')}>\n      {Builder}\n    </div>\n  </div>;\n};\n\nFormGroup.fieldProps = ['fields'];\n","import { z } from 'zod';\n\nconst fieldShema = z.object({\n  name: z.string(),\n  label: z.string().optional(),\n  type: z.string(),\n});\n\ntype TField = z.infer<typeof fieldShema>;\n\nexport type { TField };\nexport { fieldShema };\n"],"mappings":";;;;;;AAEA,SAAgB,YACd,SACA,cACA;CACA,IAAI,QAAQ;CACZ,MAAM,4BAAY,IAAI,KAAiB;AAEvC,QAAO;EACL,WAAc;AACZ,UAAO;;EAGT,SAAS,QAAW;AAClB,WAAQ,QAAQ,OAAO,OAAO;AAC9B,aAAU,SAAQ,MAAK,GAAG,CAAC;;EAG7B,UAAU,UAAsB;AAC9B,aAAU,IAAI,SAAS;AACvB,gBAAa,UAAU,OAAO,SAAS;;EAE1C;;;;;ACfH,SAAgBA,qBACd,SACA,cACA;CACA,MAAM,eAAe,cAAkC,KAAK;CAE5D,MAAM,YAAqD,EACE,eACI;EAC/D,MAAM,WAAW,OAAoB,KAAK;AAE1C,MAAI,CAAC,SAAS,QACZ,UAAS,UAAU,YAAY,SAAS,aAAa;AAGvD,SACE,oBAAC,aAAa;GAAS,OAAO,SAAS;GACpC;IACqB;;CAI5B,SAAS,SACP,UACG;EACH,MAAM,QAAQ,WAAW,aAAa;AAEtC,MAAI,CAAC,MACH,OAAM,IAAI,MAAM,wBAAwB;AAG1C,SAAO,qBACL,MAAM,iBACA,SAAS,MAAM,UAAU,CAAC,QAC1B,SAAS,MAAM,UAAU,CAAC,CACjC;;CAGH,SAAS,cAAc;EACrB,MAAM,QAAQ,WAAW,aAAa;AAEtC,MAAI,CAAC,MACH,OAAM,IAAI,MAAM,wBAAwB;AAG1C,SAAO,MAAM;;CAGf,SAAS,UAAU,UAA8B;EAC/C,MAAM,QAAQ,WAAW,aAAa;AAEtC,eAAa;AACX,OAAI,MAEF,UADc,MAAM,UAAU,CACf;;;AAKrB,QAAO;EACL;EACA;EACA;EACA;EACD;;;;;ACxEH,SAAgB,kBAAkB,KAAU,MAAgB,OAAiB;AAC3E,KAAI,KAAK,WAAW,EAClB,QAAO;CAGT,MAAM,SAAS,MAAM,QAAQ,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,EAAE,GAAG,KAAK;CACzD,MAAM,aAAa,KAAK;AAExB,KAAI,KAAK,WAAW,EAElB,QAAO,cAAc;MAChB;EACL,MAAM,gBAAgB,KAAK,MAAM,EAAE;EACnC,MAAM,YAAY,OAAO;AAEzB,MAAI,OAAO,cAAc,eAAe,cAAc,KACpD,QAAO,cAAc,OAAO,cAAc,OAAO,WAAW,EAAE,GAAG,EAAE;AAErE,SAAO,cAAc,kBAAkB,OAAO,aAAa,eAAe,MAAM;;AAElF,QAAO;;AAET,SAAgB,eAAe,KAAU,MAAqB;AAC5D,QAAO,KAAK,QAAQ,KAAK,QAAS,OAAO,IAAI,SAAS,SAAY,IAAI,OAAO,QAAY,IAAI;;;;;ACR/F,MAAM,eAAsB;CAC1B,UAAU,EAAE;CACZ,QAAQ,EAAE;CACX;AAED,SAAS,QAAQ,OAAc,QAAuB;CACpD,MAAM,UAAU,EAAC,GAAG,OAAM;AAC1B,SAAQ,OAAO,MAAf;EACE,KAAK;AACH,WAAQ,WAAW,kBAAkB,QAAQ,UAAU,OAAO,MAAM,OAAO,MAAM;AACjF;EACF,KAAK;AACH,WAAQ,SAAS,kBAAkB,QAAQ,QAAQ,OAAO,MAAM,OAAO,MAAM;AAC7E;EACF,KAAK;AACH,WAAQ,WAAW,EAAE;AACrB,WAAQ,SAAS,EAAE;AACnB;EACF,KAAK;AACH,WAAQ,SAAS,EAAC,GAAG,OAAO,QAAO;AACnC;;AAEJ,QAAO;;AAGT,MAAa,EACX,UAAU,mBACV,UAAU,cACV,aAAa,iBACb,cACEC,qBAAmB,SAAS,aAAa;;;;AC1C7C,MAAa,kBAAkB,UAAe;CAC5C,MAAM,UAAU,MAAM;CACtB,MAAM,QAAQ,MAAM;CACpB,MAAM,mBAAmB,CAAC,GAAG,MAAM,MAAM,MAAM,KAAK;CACpD,MAAM,QAAQ,eAAc,MAAI,eAAe,EAAE,UAAU,iBAAiB,EAAE;CAC9E,MAAM,SAAS,eAAc,MAAI,eAAe,EAAE,QAAQ,iBAAiB,EAAE;CAC7E,MAAM,WAAU,iBAAiB;AACjC,QAAO,oBAAC;EACN,OAAO,EAAC,GAAG,OAAM;EACjB,SAAS,MAAM;EACf,MAAM;EACN,SAAS,MAAM;EACR;EACC;EACR,WAAW,UAAe;AACxB,YAAS;IACP,MAAM;IACN,MAAM;IACN;IACD,CAAC;AACF,YAAS;IACP,MAAM;IACN,MAAM;IACN,OAAO;IACR,CAAC;;GAEJ;;;;;ACtBJ,MAAa,kBAAmC,UAAU;CACxD,MAAM,OAAO,MAAM,QAAQ,EAAE;AAY7B,QAAO,MAAM,OAAO,KAAK,OAAO,UAAU;EACxC,MAAM,cAAc,MAAM,QAAQ,MAAM;AAExC,MAAI,CAAC,aAAa;AAChB,WAAQ,KAAK,yBAAyB,MAAM,KAAK,2BAA2B;AAC5E,UAAO;;AAKT,SAAO,oBAAC;GAA6C,SAAS;GAAmB;GAAa;KAAlE,GAAG,MAAM,OAAO,QAA0D;GACtG;;;;;AC5BJ,SAAgB,qBAAqB;CACnC,MAAM,iBAAiB,cAAmG,KAAK;CAE/H,MAAM,YAAmE,EACE,SACF,eACI;EAC3E,MAAM,WAAW,OAAmF,KAAK;AAEzG,MAAI,CAAC,SAAS,QACZ,UAAS,WAAW,QAAa,MAA0B,aAAyB;AAClF,UAAO,oBAAC;IAAuB;IAAc;IAAe;IAAU;KAA0B;;AAIpG,SACE,oBAAC,eAAe;GAAS,OAAO,SAAS;GACtC;IACuB;;CAI9B,SAAS,aAAyF;EAChG,MAAM,QAAQ,WAAW,eAAe;AAExC,MAAI,CAAC,MACH,OAAM,IAAI,MAAM,wBAAwB;AAG1C,SAAO;;AAGT,QAAO;EACL;EACA;EACD;;;;;ACpCH,MAAa,EACX,UAAU,iBACV,eACE,oBAAoB;;;;ACOxB,MAAa,cAAc,YAA0C,OAAO,QAAQ;CAelF,MAAM,YAAY,WAAW,SAAS;AACpC,MAAI,MAAM,SACR,OAAM,SAAS,KAAK;GAEtB;AAmBF,qBAAoB,YAAY;EAC9B,aAAa;EAGb,cAAc;AACZ,cAAW;;EAEb,cAAc;AACZ,UAAO,EAAE;;EAGZ,GAAG,CAAC,MAAM,SAAS,CAAC;AAErB,QAAO,qBAAC;EAAK,WAAW,MAAM;AAC1B,KAAE,gBAAgB;AAClB,cAAW;;EAEb,WAAW,OAAO;;GAEhB,oBAAC,+BACC,oBAAC;IAAgB,SAAS,MAAM;cAC9B,oBAAC;KAAe,QAAQ,MAAM;KAAQ,SAAS,MAAM;MAAW;KAChD,GACA;GACpB,oBAAC;IAAM,MAAK;IAAS,OAAO,EAAE,SAAS,QAAQ;KAAG;GACjD,MAAM;;GACF;EACT;;;;ACxEF,SAAS,kBAAkB,OAAkD;AAC3E,QAAO,MAAM,SAAS,UAAU,MAAM,SAAS,WAAW,MAAM,SAAS;;AAG3E,MAAa,aAAmC,EAAE,OAAO,OAAO,QAAQ,eAAe;AACrF,KAAI,CAAC,kBAAkB,MAAM,EAAE;AAC7B,UAAQ,KAAK,wDAAwD,MAAM,OAAO;AAClF,SAAO;;CAET,MAAM,KAAK,OAAO;AAClB,QACE,qBAAC;EAAI,OAAO,EAAE,cAAc,QAAQ;;GAClC,qBAAC;IAAM,SAAS;eAAK,MAAM,OAAM;KAAS;GAC1C,oBAAC;IACC,MAAM,MAAM;IACR;IACJ,MAAM,MAAM;IACZ,aAAa,MAAM;IACnB,OAAO,SAAS;IAChB,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;IACzC,OAAO,EAAE,aAAa,SAAS,QAAQ,QAAQ;KAC/C;GACD,UAAU,oBAAC;IAAE,OAAO;KAAE,OAAO;KAAO,UAAU;KAAS;cAAG,OAAO,OAAO,OAAO,CAAC,KAAK,KAAK;KAAK;;GAC5F;;;;;ACvBV,SAAS,cAAc,OAAkD;AACvE,QAAO,MAAM;;AAIf,MAAa,aAAoD,EAAC,OAAO,WAAU;AACjF,KAAI,CAAC,cAAc,MAAM,CACvB,QAAO;CAET,MAAM,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;CAGhD,MAAM,aAFU,MAAM,WAAW,UAEJ,QAAQ,aAAa;AAElD,QAAO,qBAAC,oBACN,oBAAC,mBAAK,MAAM,QAAY,EACxB,oBAAC;EAAI,WAAW,KAAK,WAAW,OAAO;YACpC;GACG,IACF;;AAGR,UAAU,aAAa,CAAC,SAAS;;;;ACzBjC,MAAM,aAAa,EAAE,OAAO;CAC1B,MAAM,EAAE,QAAQ;CAChB,OAAO,EAAE,QAAQ,CAAC,UAAU;CAC5B,MAAM,EAAE,QAAQ;CACjB,CAAC"}
+{"version":3,"file":"index.mjs","names":["base"],"sources":["../src/shared/model/store/store.ts","../src/shared/model/store/createStoreContext.tsx","../src/shared/utils.ts","../src/shared/model/store/index.tsx","../src/plugins/validation/rules/confirm.ts","../src/plugins/validation/rules/required.ts","../src/plugins/validation/rules/email.ts","../src/plugins/validation/rules/index.ts","../src/plugins/validation/validation.ts","../src/plugins/validation/provider.tsx","../src/plugins/validation/index.ts","../src/entity/dynamicBuilder/element.tsx","../src/entity/dynamicBuilder/model/createBuilderContext.tsx","../src/entity/dynamicBuilder/model/index.ts","../src/entity/dynamicBuilder/index.tsx","../src/widgets/form/form.tsx","../src/app/index.tsx","../src/entity/inputs/ui/input/index.tsx","../src/entity/inputs/ui/group/index.tsx","../src/shared/model/index.ts"],"sourcesContent":["export type Reducer<S, A> = (state: S, action: A) => S;\n\nexport function createStore<S, A>(\n  reducer: Reducer<S, A>,\n  initialState: S\n) {\n  let state = initialState;\n  const listeners = new Set<() => void>();\n  \n  return {\n    getState(): S {\n      return state;\n    },\n    \n    dispatch(action: A) {\n      state = reducer(state, action);\n      listeners.forEach(l => l());\n    },\n    \n    subscribe(listener: () => void) {\n      listeners.add(listener);\n      return () => { listeners.delete(listener) };\n    },\n\n    subscribeSelector<T>(selector: (state: S) => T, listener: (value: T) => void) {\n      let prev = selector(state);\n      return this.subscribe(() => {\n        const next = selector(state);\n        if (next !== prev) {\n          prev = next;\n          listener(next);\n        }\n      });\n    }\n  };\n}\n\nexport type Store<S, A> = ReturnType<typeof createStore<S, A>>;\n","import {\n  createContext,\n  useContext,\n  useRef,\n  useSyncExternalStore\n} from \"react\";\n\nimport { createStore, type Reducer, type Store } from \"./store\";\n\nexport function createStoreContext<S, A>(\n  reducer: Reducer<S, A>,\n  defaultState: S\n) {\n  const StoreContext = createContext<Store<S, A> | null>(null);\n  const Provider: React.FC<{ children: React.ReactNode, initialState?: S }> = ({\n                                                               children,\n                                                               initialState\n                                                             }) => {\n    const storeRef = useRef<Store<S, A>>(createStore(reducer, initialState ?? defaultState));\n\n    return (\n      <StoreContext.Provider value={storeRef.current}>\n        {children}\n      </StoreContext.Provider>\n    );\n  };\n  \n  function useStore<T>(\n    selector: (state: S) => T\n  ): T {\n    const store = useContext(StoreContext);\n\n    if (!store) {\n      throw new Error(\"StoreProvider missing\");\n    }\n    \n    return useSyncExternalStore(\n      store.subscribe,\n      () => selector(store.getState()),\n      () => selector(store.getState())\n    );\n  }\n  \n  function useDispatch() {\n    const store = useContext(StoreContext);\n    \n    if (!store) {\n      throw new Error(\"StoreProvider missing\");\n    }\n    \n    return store.dispatch;\n  }\n  \n  function useStoreInstance(): Store<S, A> {\n    const store = useContext(StoreContext);\n\n    if (!store) {\n      throw new Error(\"StoreProvider missing\");\n    }\n\n    return store;\n  }\n  \n  return {\n    Provider,\n    useStore,\n    useDispatch,\n    useStoreInstance,\n  };\n}\n","export function updateNestedValue(obj: any, path: string, value: any): any {\n  if (!path) return value;\n  return _updateByKeys(obj, path.split('.'), value);\n}\n\nfunction _updateByKeys(obj: any, keys: string[], value: any): any {\n  if (keys.length === 0) return value;\n\n  const newObj = Array.isArray(obj) ? [...obj] : { ...obj };\n  const currentKey = keys[0];\n\n  if (currentKey === '__proto__' || currentKey === 'constructor' || currentKey === 'prototype') {\n    throw new Error(`Forbidden path key: ${currentKey}`);\n  }\n\n  if (keys.length === 1) {\n    newObj[currentKey] = value;\n  } else {\n    const remainingKeys = keys.slice(1);\n    const nestedObj = newObj[currentKey];\n\n    if (typeof nestedObj === 'undefined' || nestedObj === null) {\n      newObj[currentKey] = typeof remainingKeys[0] === 'number' ? [] : {};\n    }\n    newObj[currentKey] = _updateByKeys(newObj[currentKey], remainingKeys, value);\n  }\n  return newObj;\n}\n\nexport function getNestedValue(obj: any, path: string): any {\n  if (!path) return obj;\n  return path.split('.').reduce(\n    (acc, key) => (acc && acc[key] !== undefined ? acc[key] : undefined),\n    obj\n  );\n}\n","import { createStoreContext } from \"./createStoreContext\";\nimport type {FormData} from \"@/shared/types/common\";\nimport {updateNestedValue} from \"@/shared/utils\";\nimport type {Provider, ReactNode} from \"react\";\n\ntype State = {\n  formData: FormData\n  errors: Record<string, any>\n};\n\ntype Action =\n  | { type: \"setValue\"; path: string; value: unknown }\n  | { type: \"setFieldValue\"; path: string; value: unknown, errors?: string[] }\n  | { type: \"setError\"; path: string; value?: string }\n  | { type: \"reset\"; }\n  | { type: \"setErrors\"; errors?: object };\n\n\nfunction reducer(state: State, action: Action): State {\n  const newData = {...state};\n  switch (action.type) {\n    case 'setValue':\n      newData.formData = updateNestedValue(newData.formData, action.path, action.value);\n      break;\n    case 'setFieldValue':\n      newData.formData = updateNestedValue(newData.formData, action.path, action.value);\n      newData.errors = updateNestedValue(newData.errors, action.path, action?.errors?.length ? action.errors : null);\n      break;\n    case 'setError':\n      newData.errors = updateNestedValue(newData.errors, action.path, action.value);\n      break;\n    case 'reset':\n      newData.formData = {};\n      newData.errors = {};\n      break;\n    case 'setErrors':\n      newData.errors = {...action.errors};\n      break;\n  }\n  return newData;\n}\n\nconst {\n  Provider,\n  useStore: useFormStore,\n  useDispatch: useFormDispatch,\n  useStoreInstance: useFormStoreInstance,\n} = createStoreContext(reducer, { formData: {}, errors: {} });\n\nconst FormStoreProvider: React.FC<{ children: ReactNode; formData?: FormData }> = ({children, formData}) =>\n  (<Provider  initialState={{ formData: formData ?? {}, errors: {} }}>{children}</Provider>);\n\n\nexport { FormStoreProvider, useFormStore, useFormDispatch, useFormStoreInstance };\n","import type {IUserRule} from \"@/plugins/validation/types\";\nimport {getNestedValue} from \"@/shared/utils\";\n\nexport const confirm: IUserRule = {\n  code: 'confirm',\n  fn: (value, data, args) => {\n    const attr = args[0] ?? false;\n    return attr ? value == getNestedValue(data, attr) : false;\n  },\n  message: 'Поле не совпадает с ::attr(1)'\n};\n","import type {IUserRule} from \"@/plugins/validation/types\";\n\nexport const required: IUserRule = {\n  code: 'required',\n  fn: (value) => {\n    return value !== undefined && value !== null && value.length > 0;\n  },\n  message: 'Поле обязательно для заполнения'\n};\n","import type {IUserRule} from \"@/plugins/validation/types\";\n\nconst emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/;\nexport const email: IUserRule = {\n  code: 'email',\n  fn: (value) => {\n    return emailRegex.test(value);\n  },\n  message: 'Поле не является email'\n};\n","import { confirm } from \"@/plugins/validation/rules/confirm\";\nimport { required } from \"@/plugins/validation/rules/required\";\nimport {email} from \"@/plugins/validation/rules/email\";\n\nexport default [confirm, required, email]\n","import type {FormData} from \"@/shared/types/common\";\nimport base from './rules';\nimport type {IUserRule} from \"@/plugins/validation/types\";\nimport {getNestedValue} from \"@/shared/utils\";\n\nexport class Validation {\n  private readonly registry: IUserRule[] = [];\n  private registerFields: Record<string, string[]> = {};\n  constructor(public readonly onSubmit: boolean, rules: IUserRule[] = []) {\n    this.registry = [...rules, ...base];\n  }\n  \n  \n  private validateRule(rule: string, data: unknown, formData: FormData): string|null {\n    const [code, rawArgs] = rule.split(':');\n    const args = rawArgs ? rawArgs.split(',') : [];\n    const userRule = this.registry.find(i => i.code == code);\n    if (!userRule) {\n      return null;\n    }\n    const validateStatus = userRule.fn(data, formData, args);\n    return !validateStatus ? this.replaceMessageArgs(userRule.message, args) : null;\n  }\n  \n  private replaceMessageArgs(message: string, args: string[] = []): string {\n    const replaceArgs = args.reduce<Record<string, string>>((acc, arg, index) => {\n      acc[`::attr(${index})`] = arg;\n      return acc;\n    }, {});\n\n    return message.replace(/::attr\\(\\d\\)/g, i => replaceArgs[i]);\n  }\n  \n  public registerField(path: string, validators: string[]): void {\n    this.registerFields[path] = validators;\n  }\n\n  private _validate(rules: string[], data: unknown, formData: FormData): string[] {\n    return rules.map((rule) => {\n      return this.validateRule(rule, data, formData);\n    }).filter(i => i !== null)\n  }\n  validate(rules: string[], data: unknown, formData: FormData): string[] {\n    return !this.onSubmit ? this._validate(rules, data, formData) : [];\n  }\n  \n  public validateAll(formData: FormData): Record<string, string[]> {\n    return Object.entries(this.registerFields).reduce<Record<string, string[]>>((acc, [path, rules]) => {\n      const value = getNestedValue(formData, path);\n      const validationMessage = this._validate(rules, value, formData);\n      if (validationMessage.length) {\n        acc[path] = validationMessage;\n      }\n      return acc;\n    } , {});\n  }\n}\n","import React, {createContext, useContext, useMemo} from \"react\";\nimport type {IUserRule} from \"@/plugins/validation/types\";\nimport {Validation} from \"@/plugins/validation/validation\";\nimport type {FormData, FormFieldConfig} from \"@/shared/types/common\";\n\nexport type TValidator = {\n  rules?: IUserRule[],\n  onSubmit?: boolean,\n}\n\nexport function createValidationProvider() {\n  const Context = createContext<Validation | null>(null);\n  const Provider: React.FC<{\n    children: React.ReactNode,\n    validator?: TValidator,\n  }> = ({\n          validator = {\n            onSubmit: false,\n            rules: []\n          },\n          children\n        }) => {\n    const core = useMemo(() => new Validation(validator.onSubmit ?? false, validator.rules ?? []), [validator]);\n    \n    return (\n      <Context.Provider value={core}>\n        {children}\n      </Context.Provider>\n    );\n  }\n  \n  const useValidate = (rules ?: string[]) => {\n    const core = useContext(Context);\n    if (!core) {\n      throw new Error(\"ValidationProvider missing\");\n    }\n    return (data: unknown, formData: FormData) => {\n      return core.validate(rules ?? [], data, formData);\n    }\n  }\n  \n  const useRegister = (currentFieldPath: string, field: FormFieldConfig) => {\n    const core = useContext(Context);\n    if (!core) {\n      throw new Error(\"ValidationProvider missing\");\n    }\n    \n    core.registerField(currentFieldPath, field.validation ?? []);\n\n    return useValidate(field.validation);\n  }\n  \n  const useSubmitValidation = ()  => {\n    const core = useContext(Context);\n    if (!core) {\n      throw new Error(\"ValidationProvider missing\");\n    }\n    \n    return (formData: FormData) => core.validateAll(formData);\n  }\n  \n  return {\n    Provider,\n    useRegister,\n    useSubmitValidation,\n  }\n}\n","import {createValidationProvider } from \"./provider\";\nexport { type TValidator } from \"./provider\";\n\nexport const {\n  Provider: ValidationProvider,\n  useRegister,\n  useSubmitValidation\n} = createValidationProvider();\n","import {useFormStore, useFormDispatch, useFormStoreInstance} from \"@/shared/model/store\";\nimport {getNestedValue} from \"@/shared/utils\";\n\nimport type { FormFieldConfig, FormElementComponent} from \"@/shared/types/common\";\nimport {useRegister} from \"@/plugins/validation\";\n\ntype BuilderElementProps = {\n  element: FormElementComponent;\n  field: FormFieldConfig;\n  path: string;\n};\n\n\nexport const DynamicBuilderElement = (props: BuilderElementProps) => {\n  const Element = props.element;\n  const field = props.field;\n  const currentFieldPath = props.path ? `${props.path}.${field.name}` : field.name;\n  const value = useFormStore((s=> getNestedValue(s.formData, currentFieldPath)));\n  const errors = useFormStore((s=> s.errors[currentFieldPath]));\n  const dispatch= useFormDispatch();\n  const store = useFormStoreInstance();\n  const validator = useRegister(currentFieldPath, field);\n  return <Element\n    field={{...field}}\n    path={currentFieldPath}\n    value={value}\n    errors={errors}\n    onChange={(value: any) => {\n      const data = store.getState().formData;\n      const errors = validator(value, data);\n      dispatch({\n        type: 'setFieldValue',\n        path: currentFieldPath,\n        value,\n        errors\n      });\n    }}\n  />;\n}\n","import React, {createContext, type ReactNode, useCallback, useContext} from \"react\";\nimport {DynamicBuilder} from \"@/entity/dynamicBuilder\";\nimport type {FormElementRegistry} from \"~/src\";\n\nexport type TFnBuilder = (layout: any, path: string | undefined, children?: ReactNode) => ReactNode;\nexport function createBuilderContext() {\n  const BuilderContext = createContext<{\n    builder: TFnBuilder,\n    fields: FormElementRegistry,\n  } | null>(null);\n  \n  const Provider: React.FC<{ children: React.ReactNode, fields: FormElementRegistry }> = ({\n                                                                            fields,\n                                                                            children\n                                                                          }) => {\n    const builder = useCallback<TFnBuilder>((layout, path, children) => {\n      return <DynamicBuilder layout={layout} path={path}>{children}</DynamicBuilder>\n    }, [fields]);\n    \n    return (\n      <BuilderContext.Provider value={{builder, fields}}>\n        {children}\n      </BuilderContext.Provider>\n    );\n  };\n  \n  function useBuilder(): TFnBuilder {\n    const store = useContext(BuilderContext);\n    \n    if (!store) {\n      throw new Error(\"StoreProvider missing\");\n    }\n    \n    return store.builder\n  }\n  \n  function useFields(): FormElementRegistry {\n    const store = useContext(BuilderContext);\n    \n    if (!store) {\n      throw new Error(\"StoreProvider missing\");\n    }\n    \n    return store.fields\n  }\n  \n  return {\n    Provider,\n    useBuilder,\n    useFields,\n  };\n}\n","import { createBuilderContext } from \"./createBuilderContext\";\n\nexport const {\n  Provider: BuilderProvider,\n  useBuilder,\n  useFields,\n} = createBuilderContext();\n","import type {TDynamicBuilder} from \"@/shared/types/common\";\nimport {DynamicBuilderElement} from \"./element\";\nimport { useFields } from \"@/entity/dynamicBuilder/model\";\n\nexport const DynamicBuilder: TDynamicBuilder = (props) => {\n  const path = props.path ?? '';\n  const fields = useFields();\n\n  return props.layout.map((field, index) => {\n    const FormElement = fields[field.type];\n    \n    if (!FormElement) {\n      console.warn(`Неизвестный тип поля: ${field.type}. Проверьте formRegistry.`);\n      return null;\n    }\n\n    return <DynamicBuilderElement key={`${field.name}-${index}`} element={FormElement} path={path} field={field}/>\n  })\n}\n\nexport * from './model';\n","'use client';\n\nimport {DynamicBuilder, BuilderProvider} from \"@/entity/dynamicBuilder\";\nimport {forwardRef, useCallback, useEffect, useImperativeHandle, useRef} from \"react\";\nimport {useFormDispatch, useFormStoreInstance} from \"@/shared/model/store\";\nimport type {FormBuilderRef, TFormBuilder} from \"@/shared/types/common\";\nimport { useSubmitValidation } from \"@/plugins/validation\";\n\nexport const Form = forwardRef<FormBuilderRef, TFormBuilder>((props, ref) => {\n  const dispatch = useFormDispatch();\n  const store = useFormStoreInstance();\n  const changeRef = useRef(props.onChange);\n  \n  useEffect(() => {\n    return store.subscribeSelector(\n      (s) => s.formData,\n      (formData) => changeRef.current?.(formData)\n    );\n  }, [store]);\n  \n  const validation = useSubmitValidation();\n  \n  const submitHdl = useCallback(() => {\n    if (props.onSubmit) {\n      const errors = validation(store.getState().formData);\n      if (Object.keys(errors).length == 0) {\n        props.onSubmit(store.getState().formData);\n      } else {\n        dispatch({type: 'setErrors', errors })\n      }\n    }\n  }, [props.onSubmit, validation]);\n  \n  useImperativeHandle(ref, () => ({\n    reset: () => dispatch({type: 'reset'}),\n    submit: () => submitHdl(),\n    errors: () => store.getState().errors,\n  }), [submitHdl, dispatch, store]);\n  \n  return (\n    <form onSubmit={(e) => {\n      e.preventDefault();\n      submitHdl();\n    }}\n          className={props?.className}\n    >\n      <BuilderProvider fields={props.fields}>\n        <DynamicBuilder layout={props.layout}/>\n      </BuilderProvider>\n      <input type=\"submit\" style={{display: 'none'}}/>\n      {props.children}\n    </form>\n  );\n});\n","import type {FormBuilderRef, TFormBuilder} from \"../shared/types/common\";\nimport {forwardRef} from \"react\";\nimport {FormStoreProvider} from \"@/shared/model/store\";\n\nimport { Form } from \"@/widgets/form/form\";\nimport {ValidationProvider} from \"@/plugins/validation\";\n\nexport const FormBuilder = forwardRef<FormBuilderRef, TFormBuilder>((props, ref) => {\n  const {formData, ...innerProps} = props;\n\n  return <FormStoreProvider formData={formData}>\n    <ValidationProvider validator={props.validator}>\n      <Form {...innerProps} ref={ref}></Form>\n    </ValidationProvider>\n  </FormStoreProvider>\n});\n\nexport default FormBuilder;\n","import type { FormElementProps, FormFieldConfig, FormFieldBase, RC } from '../../../../shared/types/common';\nimport { useId } from \"react\";\n\nexport type TextFieldConfig = FormFieldBase & { type: 'text' | 'email' | 'password';  placeholder?: string; };\n\nfunction isTextFieldConfig(field: FormFieldConfig): field is TextFieldConfig {\n  return field.type === 'text' || field.type === 'email' || field.type === 'password';\n}\n\nexport const TextField: RC<FormElementProps> = ({ field, value, errors, onChange }) => {\n  if (!isTextFieldConfig(field)) {\n    console.warn(`TextField received an invalid field config for type: ${field.type}`);\n    return null;\n  }\n  const id = useId();\n  return (\n    <div style={{ marginBottom: '15px' }}>\n      <label htmlFor={id}>{field.label}:</label>\n      <input\n        type={field.type}\n        id={id}\n        name={field.name}\n        placeholder={field.placeholder}\n        value={value || ''}\n        onChange={(e) => onChange(e.target.value)}\n        style={{ borderColor: errors ? 'red' : '#ccc' }}\n      />\n      {errors && <p style={{ color: 'red', fontSize: '0.8em' }}>{Object.values(errors).join(', ')}</p>}\n    </div>\n  );\n};\n","import type {FormElementProps, FormFieldBase, FormFieldConfig, RC} from \"../../../../shared/types/common.ts\";\nimport clsx from \"clsx\";\nimport {useBuilder} from \"@/entity/dynamicBuilder\";\nexport type FormGroupConfig = FormFieldBase & { variant?: 'row' | 'col', fields: FormFieldConfig[] };\n\nfunction isGroupConfig(field: FormFieldConfig): field is FormGroupConfig {\n  return Array.isArray(field.fields);\n}\n\n\nexport const FormGroup: RC<FormElementProps<FormGroupConfig>> = ({field, path}) => {\n  if (!isGroupConfig(field)) {\n    return null;\n  }\n  const Builder = useBuilder()(field.fields, path);\n  const variant = field.variant ?? 'col';\n  \n  const className = variant == 'col' ? 'flex-col' : 'flex-row';\n\n  return <div>\n    <div>{field.label}</div>\n    <div className={clsx(className, 'flex')}>\n      {Builder}\n    </div>\n  </div>;\n};\n","import { z } from 'zod';\n\nconst fieldShema = z.object({\n  name: z.string(),\n  label: z.string().optional(),\n  type: z.string(),\n});\n\ntype TField = z.infer<typeof fieldShema>;\n\nexport type { TField };\nexport { fieldShema };\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idem.agency/form-builder",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "Построитель форм",
   "main": "src/index.ts",
   "author": "idem.agency",
@@ -23,6 +23,9 @@
     "react-dom": "19.2.3",
     "zod": "4.3.6"
   },
+  "files": [
+    "dist"
+  ],
   "devDependencies": {
     "@eslint/js": "9.39.2",
     "@tailwindcss/vite": "4.1.18",
@@ -43,5 +46,5 @@
     "vite-tsconfig-paths": "6.0.5",
     "vitest": "4.0.17"
   },
-  "gitHead": "5c2212eb5f6bc9bf7e422e68b90700cfecd03f41"
+  "gitHead": "700ffe97c5801f382c16129af4ecb85fd476e030"
 }

package/src/index.ts

@@ -1,6 +1,20 @@
-import FormBuilder from "@/app";
-import type { IRule, TGroupRules, FormFieldConfig, FormElementProps, FormElementRegistry, FormBuilderRef} from "./shared/types/common.ts";
-export {FormGroup, TextField} from "./entity/inputs";
-export type {IRule, TGroupRules, FormFieldConfig, FormElementProps, FormElementRegistry, FormBuilderRef};
-export { FormBuilder };
+import { createValidationPlugin } from './plugins/validation';
+import { createVisibilityPlugin } from './plugins/visibility';
+import { FormGroup, TextField } from "./entity/inputs";
+
+export type { FormFieldConfig, FormElementProps, FormElementRegistry, FormBuilderRef } from "./shared/types/common.ts";
+export type { IPlugin, IPluginContext } from './shared/model/plugins/types';
+export type { TValidator, IUserRule } from './plugins/validation';
+
+export { FormBuilder } from "@/app";
 export { fieldShema } from './shared/model';
+
+export const plugins = {
+    createValidationPlugin,
+    createVisibilityPlugin
+  };
+
+export const inputs = {
+    FormGroup,
+    TextField
+};

package/CHANGELOG.md

@@ -1,8 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [0.0.11](https://gitlab.idem.agency/idem-project/front-package/compare/@idem.agency/form-builder@0.0.10...@idem.agency/form-builder@0.0.11) (2026-02-09)
-
-**Note:** Version bump only for package @idem.agency/form-builder

package/eslint.config.js

@@ -1,23 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-import { globalIgnores } from 'eslint/config'
-
-export default tseslint.config([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      js.configs.recommended,
-      tseslint.configs.recommended,
-      reactHooks.configs['recommended-latest'],
-      reactRefresh.configs.vite,
-    ],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-  },
-])

package/public/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Виджет для генерации форм</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="main.tsx"></script>
-  </body>
-</html>

package/public/main.tsx

@@ -1,90 +0,0 @@
-import {StrictMode} from 'react'
-import {createRoot} from 'react-dom/client'
-import { FormBuilder, FormGroup, TextField } from "~/src/index";
-import type {FormBuilderRef, FormElementRegistry, FormFieldConfig} from "~/src/index";
-import {useRef} from "react";
-
-function Debug() {
-  
-  const plugins: FormElementRegistry = {
-    text: TextField,
-    group: FormGroup,
-  }
-  
-  const layout: FormFieldConfig[] = [
-    {
-      name: 'username',
-      label: 'Имя пользователя',
-      type: 'text',
-      placeholder: 'Введите ваше имя',
-      defaultValue: 'Мое имя',
-      validation: ['required', 'confirm:personal.username_2,Имя 2 пользователя'],
-      viewConfig: {
-        logic: 'and',
-        rules: [
-          {
-            field: 'personal.username_2',
-            operator: 'in',
-            value: ['Alex']
-          },
-        ]
-      }
-    },
-    {
-      name: 'personal',
-      label: 'Группа',
-      type: 'group',
-      variant: 'col',
-      fields: [
-        {
-          id: 'username_2',
-          name: 'username_2',
-          label: 'Имя 2 пользователя',
-          type: 'text',
-          placeholder: 'Введите ваше имя 2',
-          defaultValue: 'Мое имя',
-          validation: ['required'],
-        },
-        {
-          name: 'username_3',
-          label: 'Имя 3 пользователя',
-          type: 'text',
-          placeholder: 'Введите ваше имя 2',
-          defaultValue: 'Мое имя',
-          validation: ['required'],
-        },
-        {
-          name: 'username_4',
-          label: 'Имя 4 пользователя',
-          type: 'text',
-          placeholder: 'Введите ваше имя 2',
-          defaultValue: 'Мое имя',
-          validation: ['required'],
-        },
-      ],
-    },
-  ];
-  
-  const ref = useRef<FormBuilderRef>(null);
-  return <div>
-    <FormBuilder ref={ref} layout={layout} plugins={plugins} formData={{
-      personal: {
-        username_2: "Alex"
-      }
-    }}></FormBuilder>
-    <button onClick={() => {
-      ref.current?.reset();
-    }}>Сбросить
-    </button>
-    <button onClick={() => {
-      ref.current?.submit();
-    }}>Отправить
-    </button>
-  </div>
-}
-
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <Debug/>
-  </StrictMode>,
-)

package/src/app/index.tsx

@@ -1,80 +0,0 @@
-'use client';
-
-import type {FormBuilderRef, TFormBuilder} from "../shared/types/common";
-// import {StoreContext, storeReducer,} from "@/shared/model";
-
-import {DynamicBuilder} from "../widgets/dynamicBuilder";
-import { forwardRef, useImperativeHandle} from "react";
-// import {ValidationCore} from "@/shared/lib/validation/core";
-// import { useUpdateEffect } from '@/shared/hook/useUpdateEffect';
-import {FormStoreProvider, useSubmit} from "@/shared/model/store";
-import {BuilderProvider} from "@/shared/model/builder";
-
-export const FormBuilder = forwardRef<FormBuilderRef, TFormBuilder>((props, ref) => {
-  // const validator = useMemo(() => {
-  //   return (new ValidationCore(props.layout, props.plugins))
-  // }, [props.layout, props.plugins]);
-
-  // const [state, dispatch] = useReducer(storeReducer, {
-  //   formData: props.formData ?? {},
-  //   errors: {},
-  // });
-  //
-  // useUpdateEffect(() => {
-  //   if (props.onChange) {
-  //     props.onChange(state.formData);
-  //   }
-  // }, [state.formData, props.onChange]);
-  const submitHdl = useSubmit((data) => {
-    if (props.onSubmit) {
-      props.onSubmit(data);
-    }
-  });
-  
-  // const submit = () => {
-  //
-  //   // const errors = validator.validate(state.formData);
-  //   // if (Object.keys(errors).length == 0) {
-  //   //   if (props.onSubmit) {
-  //   //     props.onSubmit(state.formData)
-  //   //   }
-  //   // } else {
-  //   //   dispatch({
-  //   //     type: 'setErrors',
-  //   //     payload: {
-  //   //       errors
-  //   //     }
-  //   //   });
-  //   // }
-  // }
-
-  useImperativeHandle(ref, () => ({
-    reset: () => {
-      // dispatch({type: 'reset'})
-    },
-    submit: () => {
-      submitHdl();
-    },
-    errors: () => {
-      return {}
-      // return state?.errors ?? {};
-    }
-  }), [props.onSubmit]);
-
-  return <form onSubmit={(e) => {
-      e.preventDefault();
-      submitHdl();
-    }}
-    className={props?.className}
-  >
-      <FormStoreProvider>
-        <BuilderProvider plugins={props.plugins}>
-          <DynamicBuilder layout={props.layout} plugins={props.plugins} />
-        </BuilderProvider>
-      </FormStoreProvider>
-      <input type="submit" style={{ display: 'none' }}/>
-      {props.children}
-    </form>
-});
-
-export default FormBuilder;

package/src/app/test.css

@@ -1 +0,0 @@
-@import "tailwindcss";

package/src/entity/inputs/index.ts

@@ -1,2 +0,0 @@
-export * from './ui/input/index'
-export * from './ui/group/index'

package/src/entity/inputs/ui/group/index.tsx

@@ -1,28 +0,0 @@
-import type {FormElementProps, FormFieldBase, FormFieldConfig, RC} from "../../../../shared/types/common.ts";
-import clsx from "clsx";
-import {useBuilder} from "@/shared/model/builder";
-export type FormGroupConfig = FormFieldBase & { variant?: 'row' | 'col', fields: FormFieldConfig[] };
-
-function isGroupConfig(field: FormFieldConfig): field is FormGroupConfig {
-  return field.fields;
-}
-
-
-export const FormGroup: RC<FormElementProps<FormGroupConfig>> = ({field, path}) => {
-  if (!isGroupConfig(field)) {
-    return null;
-  }
-  const Builder = useBuilder()(field.fields, path);
-  const variant = field.variant ?? 'col';
-  
-  const className = variant == 'col' ? 'flex-col' : 'flex-row';
-
-  return <div>
-    <div>{field.label}</div>
-    <div className={clsx(className, 'flex')}>
-      {Builder}
-    </div>
-  </div>;
-};
-
-FormGroup.fieldProps = ['fields'];

package/src/entity/inputs/ui/input/index.tsx

@@ -1,31 +0,0 @@
-import type { FormElementProps, FormFieldConfig, FormFieldBase, RC } from '../../../../shared/types/common';
-import { useId } from "react";
-
-export type TextFieldConfig = FormFieldBase & { type: 'text' | 'email' | 'password';  placeholder?: string; };
-
-function isTextFieldConfig(field: FormFieldConfig): field is TextFieldConfig {
-  return field.type === 'text' || field.type === 'email' || field.type === 'password';
-}
-
-export const TextField: RC<FormElementProps> = ({ field, value, errors, onChange }) => {
-  if (!isTextFieldConfig(field)) {
-    console.warn(`TextField received an invalid field config for type: ${field.type}`);
-    return null;
-  }
-  const id = useId();
-  return (
-    <div style={{ marginBottom: '15px' }}>
-      <label htmlFor={id}>{field.label}:</label>
-      <input
-        type={field.type}
-        id={id}
-        name={field.name}
-        placeholder={field.placeholder}
-        value={value || ''}
-        onChange={(e) => onChange(e.target.value)}
-        style={{ borderColor: errors ? 'red' : '#ccc' }}
-      />
-      {errors && <p style={{ color: 'red', fontSize: '0.8em' }}>{Object.values(errors).join(', ')}</p>}
-    </div>
-  );
-};

package/src/shared/hook/useUpdateEffect.tsx

@@ -1,23 +0,0 @@
-import {
-  useEffect,
-  useRef,
-  type DependencyList,
-  type EffectCallback,
-} from 'react';
-
-/**
- * Хук как useEffect, но не выполняется на первом рендере.
- * Выполняется только на обновлениях, когда меняются зависимости.
- */
-export const useUpdateEffect = (effect: EffectCallback, deps: DependencyList): void => {
-  const isFirstRenderRef = useRef(true);
-
-  useEffect(() => {
-    if (isFirstRenderRef.current) {
-      isFirstRenderRef.current = false;
-      return;
-    }
-
-    return effect();
-  }, deps);
-};

package/src/shared/lib/VisibleCore.spec.ts

@@ -1,103 +0,0 @@
-import {expect, test} from "vitest";
-import {VisibleCore} from "./VisibleCore.ts";
-import type { TGroupRules } from "../../index.ts";
-
-test.each([
-    {
-      operator: 'logic: and, operator: in',
-      setting: {
-        logic: 'and',
-        rules: [
-          {
-            field: 'test',
-            operator: 'in',
-            value: ['Alex']
-          },
-        ]
-      } as TGroupRules,
-      formData: {},
-      result: false,
-    },
-  {
-    operator: 'logic: and, operator: in',
-    setting: {
-      logic: 'and',
-      rules: [
-        {
-          field: 'test',
-          operator: 'in',
-          value: ['Alex', 'Habr']
-        },
-      ]
-    } as TGroupRules,
-    formData: {test: 'Alex'},
-    result: true,
-  },
-  {
-    operator: 'logic: and, operator =',
-    setting: {
-      logic: 'and',
-      rules: [
-        {
-          field: 'test',
-          operator: '=',
-          value: "habr"
-        },
-      ]
-    } as TGroupRules,
-    formData: {test: 'habr'},
-    result: true,
-  },
-  {
-    operator: 'logic: or, operator =',
-    setting: {
-      logic: 'or',
-      rules: [
-        {
-          field: 'test',
-          operator: '=',
-          value: "habr"
-        },
-        {
-          field: 'operator',
-          operator: '=',
-          value: "habr"
-        },
-      ]
-    } as TGroupRules,
-    formData: {operator: 'habr'},
-    result: true,
-  },
-  {
-    operator: 'logic: or, deep rules, operator =',
-    setting: {
-      logic: 'or',
-      rules: [
-        {
-          field: 'test',
-          operator: '=',
-          value: "habr"
-        },
-        {
-          logic: 'and',
-          rules: [
-            {
-              field: 'test',
-              operator: '=',
-              value: "1"
-            },
-            {
-              field: 'test2',
-              operator: '=',
-              value: "2"
-            }
-          ]
-        },
-      ]
-    } as TGroupRules,
-    formData: {test: '1', test2: '2'},
-    result: true,
-  },
-])('is visible for operation $operator with data $formData', ({setting, formData, result}) => {
-  expect(VisibleCore.isVisible(setting, formData)).toBe(result)
-});

package/src/shared/lib/VisibleCore.ts

@@ -1,43 +0,0 @@
-import type {TCommonRule, TGroupRules, FormData, TInRule, TEqualRule} from "../types/common";
-import {getNestedValue} from "../utils";
-
-export class VisibleCore {
-
-  private static isGroupRule(i: TGroupRules | TCommonRule): i is TGroupRules {
-    return 'rules' in i;
-  }
-
-  private static isInOperator(i: TCommonRule): i is TInRule  {
-    return i.operator == 'in' ;
-  }
-
-  private static isEqualOperand(i: TCommonRule): i is TEqualRule  {
-    return i.operator == '=' ;
-  }
-
-  static checkGroup(groupRule: TGroupRules, formData: FormData): boolean {
-    const logic = groupRule.logic;
-    const items: boolean[] = [];
-    groupRule.rules.forEach((rule: TGroupRules | TCommonRule) => {
-      if (this.isGroupRule(rule)) {
-        items.push(this.checkGroup(rule, formData));
-      } else {
-        const value = getNestedValue(formData, rule.field.split('.'))
-        if (this.isInOperator(rule)) {
-          items.push(rule.value.indexOf(value) !== -1);
-        } else if (this.isEqualOperand(rule)) {
-          items.push(rule.value == value);
-        }
-      }
-    })
-    if (logic == 'or') {
-      return items.indexOf(true) != -1
-    } else {
-      return items.indexOf(false) == -1;
-    }
-  }
-
-  static isVisible(setting: TGroupRules, formData: FormData): boolean {
-    return this.checkGroup(setting, formData);
-  }
-}