@idem.agency/form-builder 0.0.12 → 0.0.13

package/src/shared/types/common.ts

@@ -1,45 +0,0 @@
-import {type FC, type ReactNode} from "react";
-import type { TField } from '@/shared/model';
-import type { IPlugin } from '@/shared/model/plugins/types';
-
-export type ConfigFunctionComponent<P> = FC<P> & {
-  fieldProps?: string[];
-}
-export type RC<T = {}> = ConfigFunctionComponent<T & { className?: string, children?: ReactNode, }>;
-export type FormData = Record<string, any>;
-
-export type FormFieldConfig = TField & Record<string, any>;
-
-export type FormElementProps<F extends FormFieldConfig = FormFieldConfig> = {
-  field: F;
-  path: string;
-  value: any;
-  errors?: Record<string, string>;
-  onChange: (value: any) => void;
-};
-
-export type FormElementComponent<F extends FormFieldConfig = FormFieldConfig> = RC<FormElementProps<F>>;
-export type FormElementRegistry = Record<string, FormElementComponent<any>>;
-
-
-export type TFormBuilder = {
-  formData?: FormData,
-  className?: string,
-  layout: FormFieldConfig[],
-  fields: FormElementRegistry,
-  plugins?: IPlugin[],
-  onChange?: (formData: any) => void,
-  onSubmit?: (formData: any) => void,
-  children?: ReactNode,
-}
-
-export type TDynamicBuilder = RC<{
-  layout: FormFieldConfig[],
-  path?: string,
-}>;
-
-export type FormBuilderRef = {
-  reset: () => void;
-  submit: () => Promise<void>;
-  errors: () => Record<string, any>
-}

package/src/shared/utils.test.ts

@@ -1,55 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { updateNestedValue, getNestedValue } from './utils'
-
-describe('updateNestedValue', () => {
-  it('updates top-level key', () => {
-    const result = updateNestedValue({ a: 1 }, 'a', 2)
-    expect(result).toEqual({ a: 2 })
-  })
-
-  it('updates nested key (a.b.c)', () => {
-    const result = updateNestedValue({ a: { b: { c: 1 } } }, 'a.b.c', 42)
-    expect(result).toEqual({ a: { b: { c: 42 } } })
-  })
-
-  it('returns value directly when path is empty', () => {
-    const result = updateNestedValue({ a: 1 }, '', 'newValue')
-    expect(result).toBe('newValue')
-  })
-
-  it('auto-creates intermediate objects', () => {
-    const result = updateNestedValue({}, 'a.b.c', 'val')
-    expect(result).toEqual({ a: { b: { c: 'val' } } })
-  })
-
-  it('throws on __proto__ path', () => {
-    expect(() => updateNestedValue({}, '__proto__.x', 1)).toThrow()
-  })
-
-  it('throws on constructor path', () => {
-    expect(() => updateNestedValue({}, 'constructor', 1)).toThrow()
-  })
-
-  it('throws on prototype path', () => {
-    expect(() => updateNestedValue({}, 'prototype', 1)).toThrow()
-  })
-})
-
-describe('getNestedValue', () => {
-  it('gets top-level key', () => {
-    expect(getNestedValue({ a: 1 }, 'a')).toBe(1)
-  })
-
-  it('gets nested key (a.b.c)', () => {
-    expect(getNestedValue({ a: { b: { c: 42 } } }, 'a.b.c')).toBe(42)
-  })
-
-  it('returns undefined for missing key', () => {
-    expect(getNestedValue({ a: 1 }, 'b')).toBeUndefined()
-  })
-
-  it('returns obj when path is empty', () => {
-    const obj = { a: 1 }
-    expect(getNestedValue(obj, '')).toBe(obj)
-  })
-})

package/src/shared/utils.ts

@@ -1,36 +0,0 @@
-export function updateNestedValue(obj: any, path: string, value: any): any {
-  if (!path) return value;
-  return _updateByKeys(obj, path.split('.'), value);
-}
-
-function _updateByKeys(obj: any, keys: string[], value: any): any {
-  if (keys.length === 0) return value;
-
-  const newObj = Array.isArray(obj) ? [...obj] : { ...obj };
-  const currentKey = keys[0];
-
-  if (currentKey === '__proto__' || currentKey === 'constructor' || currentKey === 'prototype') {
-    throw new Error(`Forbidden path key: ${currentKey}`);
-  }
-
-  if (keys.length === 1) {
-    newObj[currentKey] = value;
-  } else {
-    const remainingKeys = keys.slice(1);
-    const nestedObj = newObj[currentKey];
-
-    if (typeof nestedObj === 'undefined' || nestedObj === null) {
-      newObj[currentKey] = typeof remainingKeys[0] === 'number' ? [] : {};
-    }
-    newObj[currentKey] = _updateByKeys(newObj[currentKey], remainingKeys, value);
-  }
-  return newObj;
-}
-
-export function getNestedValue(obj: any, path: string): any {
-  if (!path) return obj;
-  return path.split('.').reduce(
-    (acc, key) => (acc && acc[key] !== undefined ? acc[key] : undefined),
-    obj
-  );
-}

package/src/widgets/form/form.tsx

@@ -1,59 +0,0 @@
-'use client';
-
-import { DynamicBuilder, BuilderProvider } from "@/entity/dynamicBuilder";
-import { forwardRef, useCallback, useEffect, useImperativeHandle } from "react";
-import { useFormDispatch, useFormStoreInstance } from "@/shared/model/store";
-import type { FormBuilderRef, TFormBuilder } from "@/shared/types/common";
-import { useCallEvents, useRunPipeline } from '@/shared/model/plugins/hooks';
-
-export const Form = forwardRef<FormBuilderRef, TFormBuilder>((props, ref) => {
-  const dispatch = useFormDispatch();
-  const store = useFormStoreInstance();
-  const callEvents = useCallEvents();
-  const runPipeline = useRunPipeline();
-
-  useEffect(() => {
-    return store.subscribeSelector(
-      (s) => s.formData,
-      (formData) => props.onChange ? props.onChange?.(formData): null
-    );
-  }, [props.onChange]);
-
-  const submitHdl = useCallback(async () => {
-    if (props.onSubmit) {
-      const currentFormData = store.getState().formData;
-      await callEvents('form:submit:before', { formData: currentFormData });
-      const { formData: transformed } = await runPipeline('form:submit', { formData: currentFormData });
-      const { errors } = await runPipeline('form:validate', { formData: transformed, errors: {} });
-
-      if (Object.keys(errors).length === 0) {
-        props.onSubmit(transformed);
-      } else {
-        dispatch({ type: 'setErrors', errors });
-      }
-      await callEvents('form:submit:after', { formData: transformed, errors });
-    }
-  }, [props.onSubmit, callEvents, runPipeline, store, dispatch]);
-
-  useImperativeHandle(ref, () => ({
-    reset: () => dispatch({ type: 'reset' }),
-    submit: () => submitHdl(),
-    errors: () => store.getState().errors,
-  }), [submitHdl, dispatch, store]);
-
-  return (
-    <form
-      onSubmit={async (e) => {
-        e.preventDefault();
-        await submitHdl();
-      }}
-      className={props?.className}
-    >
-      <BuilderProvider fields={props.fields}>
-        <DynamicBuilder layout={props.layout} />
-      </BuilderProvider>
-      <input type="submit" style={{ display: 'none' }} />
-      {props.children}
-    </form>
-  );
-});

package/tsconfig.json

@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "declaration": true,
-    "jsx": "react-jsx",
-    "emitDeclarationOnly": true,
-    "outDir": "dist",
-    "module": "ESNext",
-    "target": "ESNext",
-    "moduleResolution": "bundler",
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"],
-      "~/*": ["./*"]
-    },
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src/**/*", "./*.ts", "./public/*.tsx"]
-}

package/tsdown.config.ts

@@ -1,10 +0,0 @@
-import { defineConfig } from "tsdown";
-
-export default defineConfig({
-  entry: ["src/index.ts"],
-  format: ["esm", "cjs"],
-  dts: true,
-  sourcemap: true,
-  clean: true,
-  skipNodeModulesBundle: true
-});

package/vite.config.ts

@@ -1,12 +0,0 @@
-import { defineConfig } from 'vitest/config'
-import tsconfigPaths from 'vite-tsconfig-paths'
-
-export default defineConfig({
-  root: "./public",
-  plugins: [tsconfigPaths({ root: __dirname })],
-  test: {
-    globals: true,
-    environment: 'jsdom',
-    include: ['../src/**/*.{test,spec}.?(c|m)[jt]s?(x)'],
-  }
-})