@idem.agency/form-builder 0.0.10 → 0.0.12

package/dist/index.cjs

@@ -0,0 +1,509 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+let react = require("react");
+react = __toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+clsx = __toESM(clsx);
+let zod = require("zod");
+
+//#region src/shared/model/store/store.ts
+function createStore(reducer, initialState) {
+	let state = initialState;
+	const listeners = /* @__PURE__ */ new Set();
+	return {
+		getState() {
+			return state;
+		},
+		dispatch(action) {
+			state = reducer(state, action);
+			listeners.forEach((l) => l());
+		},
+		subscribe(listener) {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		},
+		subscribeSelector(selector, listener) {
+			let prev = selector(state);
+			return this.subscribe(() => {
+				const next = selector(state);
+				if (next !== prev) {
+					prev = next;
+					listener(next);
+				}
+			});
+		}
+	};
+}
+
+//#endregion
+//#region src/shared/model/store/createStoreContext.tsx
+function createStoreContext(reducer, defaultState) {
+	const StoreContext = (0, react.createContext)(null);
+	const Provider = ({ children, initialState }) => {
+		const storeRef = (0, react.useRef)(createStore(reducer, initialState ?? defaultState));
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StoreContext.Provider, {
+			value: storeRef.current,
+			children
+		});
+	};
+	function useStore(selector) {
+		const store = (0, react.useContext)(StoreContext);
+		if (!store) throw new Error("StoreProvider missing");
+		return (0, react.useSyncExternalStore)(store.subscribe, () => selector(store.getState()), () => selector(store.getState()));
+	}
+	function useDispatch() {
+		const store = (0, react.useContext)(StoreContext);
+		if (!store) throw new Error("StoreProvider missing");
+		return store.dispatch;
+	}
+	function useStoreInstance() {
+		const store = (0, react.useContext)(StoreContext);
+		if (!store) throw new Error("StoreProvider missing");
+		return store;
+	}
+	return {
+		Provider,
+		useStore,
+		useDispatch,
+		useStoreInstance
+	};
+}
+
+//#endregion
+//#region src/shared/utils.ts
+function updateNestedValue(obj, path, value) {
+	if (!path) return value;
+	return _updateByKeys(obj, path.split("."), value);
+}
+function _updateByKeys(obj, keys, value) {
+	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;
+}
+function getNestedValue(obj, path) {
+	if (!path) return obj;
+	return path.split(".").reduce((acc, key) => acc && acc[key] !== void 0 ? acc[key] : void 0, obj);
+}
+
+//#endregion
+//#region src/shared/model/store/index.tsx
+function reducer(state, action) {
+	const newData = { ...state };
+	switch (action.type) {
+		case "setValue":
+			newData.formData = updateNestedValue(newData.formData, action.path, action.value);
+			break;
+		case "setFieldValue":
+			newData.formData = updateNestedValue(newData.formData, action.path, action.value);
+			newData.errors = updateNestedValue(newData.errors, action.path, action?.errors?.length ? action.errors : null);
+			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;
+}
+const { Provider, useStore: useFormStore, useDispatch: useFormDispatch, useStoreInstance: useFormStoreInstance } = createStoreContext(reducer, {
+	formData: {},
+	errors: {}
+});
+const FormStoreProvider = ({ children, formData }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Provider, {
+	initialState: {
+		formData: formData ?? {},
+		errors: {}
+	},
+	children
+});
+
+//#endregion
+//#region src/plugins/validation/rules/confirm.ts
+const confirm = {
+	code: "confirm",
+	fn: (value, data, args) => {
+		const attr = args[0] ?? false;
+		return attr ? value == getNestedValue(data, attr) : false;
+	},
+	message: "Поле не совпадает с ::attr(1)"
+};
+
+//#endregion
+//#region src/plugins/validation/rules/required.ts
+const required = {
+	code: "required",
+	fn: (value) => {
+		return value !== void 0 && value !== null && value.length > 0;
+	},
+	message: "Поле обязательно для заполнения"
+};
+
+//#endregion
+//#region src/plugins/validation/rules/email.ts
+const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+const email = {
+	code: "email",
+	fn: (value) => {
+		return emailRegex.test(value);
+	},
+	message: "Поле не является email"
+};
+
+//#endregion
+//#region src/plugins/validation/rules/index.ts
+var rules_default = [
+	confirm,
+	required,
+	email
+];
+
+//#endregion
+//#region src/plugins/validation/validation.ts
+var Validation = class {
+	registry = [];
+	registerFields = {};
+	constructor(onSubmit, rules = []) {
+		this.onSubmit = onSubmit;
+		this.registry = [...rules, ...rules_default];
+	}
+	validateRule(rule, data, formData) {
+		const [code, rawArgs] = rule.split(":");
+		const args = rawArgs ? rawArgs.split(",") : [];
+		const userRule = this.registry.find((i) => i.code == code);
+		if (!userRule) return null;
+		return !userRule.fn(data, formData, args) ? this.replaceMessageArgs(userRule.message, args) : null;
+	}
+	replaceMessageArgs(message, args = []) {
+		const replaceArgs = args.reduce((acc, arg, index) => {
+			acc[`::attr(${index})`] = arg;
+			return acc;
+		}, {});
+		return message.replace(/::attr\(\d\)/g, (i) => replaceArgs[i]);
+	}
+	registerField(path, validators) {
+		this.registerFields[path] = validators;
+	}
+	_validate(rules, data, formData) {
+		return rules.map((rule) => {
+			return this.validateRule(rule, data, formData);
+		}).filter((i) => i !== null);
+	}
+	validate(rules, data, formData) {
+		return !this.onSubmit ? this._validate(rules, data, formData) : [];
+	}
+	validateAll(formData) {
+		return Object.entries(this.registerFields).reduce((acc, [path, rules]) => {
+			const value = getNestedValue(formData, path);
+			const validationMessage = this._validate(rules, value, formData);
+			if (validationMessage.length) acc[path] = validationMessage;
+			return acc;
+		}, {});
+	}
+};
+
+//#endregion
+//#region src/plugins/validation/provider.tsx
+function createValidationProvider() {
+	const Context = (0, react.createContext)(null);
+	const Provider = ({ validator = {
+		onSubmit: false,
+		rules: []
+	}, children }) => {
+		const core = (0, react.useMemo)(() => new Validation(validator.onSubmit ?? false, validator.rules ?? []), [validator]);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Context.Provider, {
+			value: core,
+			children
+		});
+	};
+	const useValidate = (rules) => {
+		const core = (0, react.useContext)(Context);
+		if (!core) throw new Error("ValidationProvider missing");
+		return (data, formData) => {
+			return core.validate(rules ?? [], data, formData);
+		};
+	};
+	const useRegister = (currentFieldPath, field) => {
+		const core = (0, react.useContext)(Context);
+		if (!core) throw new Error("ValidationProvider missing");
+		core.registerField(currentFieldPath, field.validation ?? []);
+		return useValidate(field.validation);
+	};
+	const useSubmitValidation = () => {
+		const core = (0, react.useContext)(Context);
+		if (!core) throw new Error("ValidationProvider missing");
+		return (formData) => core.validateAll(formData);
+	};
+	return {
+		Provider,
+		useRegister,
+		useSubmitValidation
+	};
+}
+
+//#endregion
+//#region src/plugins/validation/index.ts
+const { Provider: ValidationProvider, useRegister, useSubmitValidation } = createValidationProvider();
+
+//#endregion
+//#region src/entity/dynamicBuilder/element.tsx
+const DynamicBuilderElement = (props) => {
+	const Element = props.element;
+	const field = props.field;
+	const currentFieldPath = props.path ? `${props.path}.${field.name}` : field.name;
+	const value = useFormStore(((s) => getNestedValue(s.formData, currentFieldPath)));
+	const errors = useFormStore(((s) => s.errors[currentFieldPath]));
+	const dispatch = useFormDispatch();
+	const store = useFormStoreInstance();
+	const validator = useRegister(currentFieldPath, field);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Element, {
+		field: { ...field },
+		path: currentFieldPath,
+		value,
+		errors,
+		onChange: (value) => {
+			const data = store.getState().formData;
+			dispatch({
+				type: "setFieldValue",
+				path: currentFieldPath,
+				value,
+				errors: validator(value, data)
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/entity/dynamicBuilder/model/createBuilderContext.tsx
+function createBuilderContext() {
+	const BuilderContext = (0, react.createContext)(null);
+	const Provider = ({ fields, children }) => {
+		const builder = (0, react.useCallback)((layout, path, children) => {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DynamicBuilder, {
+				layout,
+				path,
+				children
+			});
+		}, [fields]);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BuilderContext.Provider, {
+			value: {
+				builder,
+				fields
+			},
+			children
+		});
+	};
+	function useBuilder() {
+		const store = (0, react.useContext)(BuilderContext);
+		if (!store) throw new Error("StoreProvider missing");
+		return store.builder;
+	}
+	function useFields() {
+		const store = (0, react.useContext)(BuilderContext);
+		if (!store) throw new Error("StoreProvider missing");
+		return store.fields;
+	}
+	return {
+		Provider,
+		useBuilder,
+		useFields
+	};
+}
+
+//#endregion
+//#region src/entity/dynamicBuilder/model/index.ts
+const { Provider: BuilderProvider, useBuilder, useFields } = createBuilderContext();
+
+//#endregion
+//#region src/entity/dynamicBuilder/index.tsx
+const DynamicBuilder = (props) => {
+	const path = props.path ?? "";
+	const fields = useFields();
+	return props.layout.map((field, index) => {
+		const FormElement = fields[field.type];
+		if (!FormElement) {
+			console.warn(`Неизвестный тип поля: ${field.type}. Проверьте formRegistry.`);
+			return null;
+		}
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DynamicBuilderElement, {
+			element: FormElement,
+			path,
+			field
+		}, `${field.name}-${index}`);
+	});
+};
+
+//#endregion
+//#region src/widgets/form/form.tsx
+const Form = (0, react.forwardRef)((props, ref) => {
+	const dispatch = useFormDispatch();
+	const store = useFormStoreInstance();
+	const changeRef = (0, react.useRef)(props.onChange);
+	(0, react.useEffect)(() => {
+		return store.subscribeSelector((s) => s.formData, (formData) => changeRef.current?.(formData));
+	}, [store]);
+	const validation = useSubmitValidation();
+	const submitHdl = (0, react.useCallback)(() => {
+		if (props.onSubmit) {
+			const errors = validation(store.getState().formData);
+			if (Object.keys(errors).length == 0) props.onSubmit(store.getState().formData);
+			else dispatch({
+				type: "setErrors",
+				errors
+			});
+		}
+	}, [props.onSubmit, validation]);
+	(0, react.useImperativeHandle)(ref, () => ({
+		reset: () => dispatch({ type: "reset" }),
+		submit: () => submitHdl(),
+		errors: () => store.getState().errors
+	}), [
+		submitHdl,
+		dispatch,
+		store
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+		onSubmit: (e) => {
+			e.preventDefault();
+			submitHdl();
+		},
+		className: props?.className,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BuilderProvider, {
+				fields: props.fields,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DynamicBuilder, { layout: props.layout })
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				type: "submit",
+				style: { display: "none" }
+			}),
+			props.children
+		]
+	});
+});
+
+//#endregion
+//#region src/app/index.tsx
+const FormBuilder = (0, react.forwardRef)((props, ref) => {
+	const { formData, ...innerProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormStoreProvider, {
+		formData,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValidationProvider, {
+			validator: props.validator,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Form, {
+				...innerProps,
+				ref
+			})
+		})
+	});
+});
+
+//#endregion
+//#region src/entity/inputs/ui/input/index.tsx
+function isTextFieldConfig(field) {
+	return field.type === "text" || field.type === "email" || field.type === "password";
+}
+const TextField = ({ field, value, errors, onChange }) => {
+	if (!isTextFieldConfig(field)) {
+		console.warn(`TextField received an invalid field config for type: ${field.type}`);
+		return null;
+	}
+	const id = (0, react.useId)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style: { marginBottom: "15px" },
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				htmlFor: id,
+				children: [field.label, ":"]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				type: field.type,
+				id,
+				name: field.name,
+				placeholder: field.placeholder,
+				value: value || "",
+				onChange: (e) => onChange(e.target.value),
+				style: { borderColor: errors ? "red" : "#ccc" }
+			}),
+			errors && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				style: {
+					color: "red",
+					fontSize: "0.8em"
+				},
+				children: Object.values(errors).join(", ")
+			})
+		]
+	});
+};
+
+//#endregion
+//#region src/entity/inputs/ui/group/index.tsx
+function isGroupConfig(field) {
+	return Array.isArray(field.fields);
+}
+const FormGroup = ({ field, path }) => {
+	if (!isGroupConfig(field)) return null;
+	const Builder = useBuilder()(field.fields, path);
+	const className = (field.variant ?? "col") == "col" ? "flex-col" : "flex-row";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: field.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, clsx.default)(className, "flex"),
+		children: Builder
+	})] });
+};
+
+//#endregion
+//#region src/shared/model/index.ts
+const fieldShema = zod.z.object({
+	name: zod.z.string(),
+	label: zod.z.string().optional(),
+	type: zod.z.string()
+});
+
+//#endregion
+exports.FormBuilder = FormBuilder;
+exports.FormGroup = FormGroup;
+exports.TextField = TextField;
+exports.fieldShema = fieldShema;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["base","z"],"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/dist/index.d.cts

@@ -0,0 +1,88 @@
+import * as react from "react";
+import { FC, ReactNode } from "react";
+import { z } from "zod";
+
+//#region src/shared/model/index.d.ts
+declare const fieldShema: z.ZodObject<{
+  name: z.ZodString;
+  label: z.ZodOptional<z.ZodString>;
+  type: z.ZodString;
+}, z.core.$strip>;
+type TField = z.infer<typeof fieldShema>;
+//#endregion
+//#region src/plugins/validation/types/index.d.ts
+interface IUserRule {
+  code: string;
+  fn: (value: any, data: FormData, args: string[]) => boolean;
+  message: string;
+}
+//#endregion
+//#region src/plugins/validation/provider.d.ts
+type TValidator = {
+  rules?: IUserRule[];
+  onSubmit?: boolean;
+};
+//#endregion
+//#region src/shared/types/common.d.ts
+type ConfigFunctionComponent<P> = FC<P> & {
+  fieldProps?: string[];
+};
+type RC<T = {}> = ConfigFunctionComponent<T & {
+  className?: string;
+  children?: ReactNode;
+}>;
+type FormData = Record<string, any>;
+type FormFieldBase = {
+  validation?: string[];
+  viewConfig?: TGroupRules;
+} & TField;
+type FormFieldConfig = FormFieldBase & Record<string, any>;
+type FormElementProps<F extends FormFieldConfig = FormFieldConfig> = {
+  field: F;
+  path: string;
+  value: any;
+  errors?: Record<string, string>;
+  onChange: (value: any) => void;
+};
+type FormElementComponent<F extends FormFieldConfig = FormFieldConfig> = RC<FormElementProps<F>>;
+type FormElementRegistry = Record<string, FormElementComponent<any>>;
+type TFormBuilder = {
+  formData?: FormData;
+  className?: string;
+  layout: FormFieldConfig[];
+  fields: FormElementRegistry;
+  validator?: TValidator;
+  onChange?: (formData: any) => void;
+  onSubmit?: (formData: any) => void;
+  children?: ReactNode;
+};
+type TCommonRule = {
+  operator: string;
+  field: string;
+  value: any;
+};
+type TGroupRules = {
+  logic: 'and' | 'or';
+  rules: (TGroupRules | TCommonRule)[];
+};
+type FormBuilderRef = {
+  reset: () => void;
+  submit: () => void;
+  errors: () => Record<string, any>;
+};
+//#endregion
+//#region src/app/index.d.ts
+declare const FormBuilder: react.ForwardRefExoticComponent<TFormBuilder & react.RefAttributes<FormBuilderRef>>;
+//#endregion
+//#region src/entity/inputs/ui/input/index.d.ts
+declare const TextField: RC<FormElementProps>;
+//#endregion
+//#region src/entity/inputs/ui/group/index.d.ts
+type FormGroupConfig = FormFieldBase & {
+  variant?: 'row' | 'col';
+  fields: FormFieldConfig[];
+};
+declare const FormGroup: RC<FormElementProps<FormGroupConfig>>;
+//#endregion
+export { FormBuilder, type FormBuilderRef, type FormElementProps, type FormElementRegistry, type FormFieldConfig, FormGroup, type TGroupRules, TextField, fieldShema };
+//# sourceMappingURL=index.d.cts.map