linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/form/withFormSecurity.js

@@ -1,30 +1,34 @@
-import { j as a } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import d, { useRef as i, useState as m } from "react";
-const h = d.createContext({}), k = (l) => (r) => {
-  const {
-    onOpenChange: e,
-    handlerClose: n
-  } = r, s = i(!1), o = i(!1), [f, c] = m(!1), u = () => {
-    s.current && o.current ? c(!0) : e ? e(!1) : n && n();
-  }, C = {
-    onChangedData: (t) => {
-      s.current = t;
-    },
-    showQuestion: f,
-    onConfirmClick: () => {
-      e && e(!1), n && n();
-    },
-    onUnconfirmClick: () => {
-      c(!1);
-    },
-    setSecurityBeforeUnload: (t) => {
-      o.current = t;
-    },
-    securityBeforeUnload: o.current
-  };
-  return /* @__PURE__ */ a.jsx(h.Provider, { value: C, children: /* @__PURE__ */ a.jsx(l, { ...r, handlerClose: u }) });
-};
-export {
-  h as FormSecurityContext,
-  k as default
+import { createContext as e, useRef as t, useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/lib/form/withFormSecurity.tsx
+var i = e({}), a = (e) => (a) => {
+	let { onOpenChange: o, handlerClose: s } = a, c = t(!1), l = t(!1), [u, d] = n(!1), f = () => {
+		c.current && l.current ? d(!0) : o ? o(!1) : s && s();
+	}, p = {
+		onChangedData: (e) => {
+			c.current = e;
+		},
+		showQuestion: u,
+		onConfirmClick: () => {
+			o && o(!1), s && s();
+		},
+		onUnconfirmClick: () => {
+			d(!1);
+		},
+		setSecurityBeforeUnload: (e) => {
+			l.current = e;
+		},
+		securityBeforeUnload: l.current
+	};
+	return /* @__PURE__ */ r(i.Provider, {
+		value: p,
+		children: /* @__PURE__ */ r(e, {
+			...a,
+			handlerClose: f
+		})
+	});
 };
+//#endregion
+export { i as FormSecurityContext, a as default };
+
+//# sourceMappingURL=withFormSecurity.js.map

package/lib/form/withFormSecurity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFormSecurity.js","names":[],"sources":["../../src/lib/form/withFormSecurity.tsx"],"sourcesContent":["import { ComponentType, createContext, useRef, useState } from 'react';\nimport { IFormSecurityContext, IWithFormSecurity } from './types';\n\nconst FormSecurityContext = createContext({} as IFormSecurityContext);\n\nconst withFormSecurity = <ComponentProps extends IWithFormSecurity>(\n  WrappedComponent: ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const { onOpenChange, handlerClose } = props;\n    const changedData = useRef(false);\n    const securityBeforeUnload = useRef(false);\n    const [showQuestion, setShowQuestion] = useState(false);\n\n    const newHandlerClose = () => {\n      if (changedData.current && securityBeforeUnload.current) {\n        setShowQuestion(true);\n      } else if (onOpenChange) onOpenChange(false);\n      else if (handlerClose) handlerClose();\n    };\n\n    const onConfirmClick = () => {\n      if (onOpenChange) onOpenChange(false);\n      if (handlerClose) handlerClose();\n    };\n\n    const onUnconfirmClick = () => {\n      setShowQuestion(false);\n    };\n\n    const onChangedData = (value: boolean) => {\n      changedData.current = value;\n    };\n\n    const setSecurityBeforeUnload = (value: boolean) => {\n      securityBeforeUnload.current = value;\n    };\n\n    const contextValues: IFormSecurityContext = {\n      onChangedData,\n      showQuestion,\n      onConfirmClick,\n      onUnconfirmClick,\n      setSecurityBeforeUnload,\n      securityBeforeUnload: securityBeforeUnload.current,\n    };\n\n    return (\n      <FormSecurityContext.Provider value={contextValues}>\n        <WrappedComponent\n          {...props}\n          handlerClose={newHandlerClose} />\n      </FormSecurityContext.Provider>\n    );\n  };\n\n  return EnhancedComponent;\n};\n\nexport default withFormSecurity;\nexport { FormSecurityContext };\n"],"mappings":";;;AAGA,IAAM,IAAsB,EAAc,EAAE,CAAyB,EAE/D,KACJ,OAE2B,MAA0B;CACnD,IAAM,EAAE,iBAAc,oBAAiB,GACjC,IAAc,EAAO,GAAM,EAC3B,IAAuB,EAAO,GAAM,EACpC,CAAC,GAAc,KAAmB,EAAS,GAAM,EAEjD,UAAwB;AAC5B,EAAI,EAAY,WAAW,EAAqB,UAC9C,EAAgB,GAAK,GACZ,IAAc,EAAa,GAAM,GACnC,KAAc,GAAc;IAoBjC,IAAsC;EAC1C,gBATqB,MAAmB;AACxC,KAAY,UAAU;;EAStB;EACA,sBApB2B;AAE3B,GADI,KAAc,EAAa,GAAM,EACjC,KAAc,GAAc;;EAmBhC,wBAhB6B;AAC7B,KAAgB,GAAM;;EAgBtB,0BAT+B,MAAmB;AAClD,KAAqB,UAAU;;EAS/B,sBAAsB,EAAqB;EAC5C;AAED,QACE,kBAAC,EAAoB,UAArB;EAA8B,OAAO;YACnC,kBAAC,GAAD;GACE,GAAI;GACJ,cAAc;GAAmB,CAAA;EACN,CAAA"}

package/lib/form2/helpers.d.ts

@@ -0,0 +1,5 @@
+import { Ref } from 'react';
+import { DeepPartial } from './types';
+export declare const mergeRefs: <T>(...refs: (Ref<T> | undefined)[]) => (fieldElement: T) => void;
+export declare const deepMergeValues: <T>(current: T, incoming: DeepPartial<T>) => T;
+export declare const flattenValidators: (validators: Record<string, any>, prefix?: string) => Record<string, any>;

package/lib/form2/helpers.js

@@ -0,0 +1,22 @@
+import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
+import { require_lodash as t } from "../node_modules/lodash/lodash.js";
+//#region src/lib/form2/helpers.ts
+var n = /* @__PURE__ */ e(t(), 1), r = (...e) => (t) => {
+	e.forEach((e) => {
+		n.default.isFunction(e) ? e(t) : e && n.default.isObject(e) && (e.current = t);
+	});
+}, i = (e, t) => n.default.mergeWith(n.default.cloneDeep(e), t, (e, t) => n.default.isPlainObject(e) && n.default.isPlainObject(t) ? void 0 : t), a = (e, t = "") => {
+	let n = {};
+	return Object.entries(e).forEach(([e, r]) => {
+		let i = t ? `${t}.${e}` : e;
+		if (Array.isArray(r)) n[i] = r;
+		else if (typeof r == "object" && r) {
+			let e = a(r, i);
+			Object.assign(n, e);
+		} else n[i] = [r];
+	}), n;
+};
+//#endregion
+export { i as deepMergeValues, a as flattenValidators, r as mergeRefs };
+
+//# sourceMappingURL=helpers.js.map

package/lib/form2/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/lib/form2/helpers.ts"],"sourcesContent":["import _ from 'lodash';\nimport { Ref, RefObject } from 'react';\nimport { DeepPartial } from './types';\n\nexport const mergeRefs = <T>(...refs: (Ref<T> | undefined)[]) => {\n  return (fieldElement: T) => {\n    refs.forEach((ref) => {\n      if (_.isFunction(ref)) ref(fieldElement);\n      else if (ref && _.isObject(ref)) (ref as RefObject<T | null>).current = fieldElement;\n    });\n  };\n};\n\nexport const deepMergeValues = <T>(current: T, incoming: DeepPartial<T>): T => {\n  return _.mergeWith(_.cloneDeep(current), incoming, (objValue, srcValue) =>\n    _.isPlainObject(objValue) && _.isPlainObject(srcValue) ? undefined : srcValue);\n};\n\nexport const flattenValidators = (validators: Record<string, any>, prefix = ''): Record<string, any> => {\n  const flattened: Record<string, any> = {};\n  Object.entries(validators).forEach(([key, value]) => {\n    const fullPath = prefix ? `${prefix}.${key}` : key;\n    if (Array.isArray(value)) {\n      flattened[fullPath] = value;\n    } else if (typeof value === 'object' && value !== null) {\n      const nestedFlattened = flattenValidators(value, fullPath);\n      Object.assign(flattened, nestedFlattened);\n    } else {\n      flattened[fullPath] = [value];\n    }\n  });\n\n  return flattened;\n};\n"],"mappings":";;;mCAIa,KAAgB,GAAG,OACtB,MAAoB;AAC1B,GAAK,SAAS,MAAQ;AACpB,EAAI,EAAA,QAAE,WAAW,EAAI,GAAE,EAAI,EAAa,GAC/B,KAAO,EAAA,QAAE,SAAS,EAAI,KAAG,EAA4B,UAAU;GACxE;GAIO,KAAsB,GAAY,MACtC,EAAA,QAAE,UAAU,EAAA,QAAE,UAAU,EAAQ,EAAE,IAAW,GAAU,MAC5D,EAAA,QAAE,cAAc,EAAS,IAAI,EAAA,QAAE,cAAc,EAAS,GAAG,KAAA,IAAY,EAAS,EAGrE,KAAqB,GAAiC,IAAS,OAA4B;CACtG,IAAM,IAAiC,EAAE;AAazC,QAZA,OAAO,QAAQ,EAAW,CAAC,SAAS,CAAC,GAAK,OAAW;EACnD,IAAM,IAAW,IAAS,GAAG,EAAA,GAAU,MAAQ;AAC/C,MAAI,MAAM,QAAQ,EAAM,CACtB,GAAU,KAAY;WACb,OAAO,KAAU,YAAY,GAAgB;GACtD,IAAM,IAAkB,EAAkB,GAAO,EAAS;AAC1D,UAAO,OAAO,GAAW,EAAgB;QAEzC,GAAU,KAAY,CAAC,EAAM;GAE/B,EAEK"}

package/lib/form2/index.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import { default as useForm } from './useForm';
+interface FormElementProps extends ComponentProps<'form'> {
+}
+declare const Form: import('react').ForwardRefExoticComponent<Omit<FormElementProps, "ref"> & import('react').RefAttributes<HTMLFormElement>>;
+export default Form;
+export { useForm };

package/lib/form2/index.js

@@ -0,0 +1,20 @@
+import e from "./useForm/index.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lib/form2/index.tsx
+var r = t((e, t) => {
+	let { noValidate: r = !0, autoComplete: i = "off", translate: a = "no", ...o } = e;
+	return /* @__PURE__ */ n("form", {
+		ref: t,
+		className: "form-container",
+		translate: a,
+		noValidate: r,
+		autoComplete: i,
+		...o
+	});
+});
+r.displayName = "Form";
+//#endregion
+export { r as default, e as useForm };
+
+//# sourceMappingURL=index.js.map

package/lib/form2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/form2/index.tsx"],"sourcesContent":["import { ComponentProps, forwardRef } from 'react';\nimport useForm from './useForm';\n\ninterface FormElementProps extends ComponentProps<'form'> { }\n\nconst Form = forwardRef<HTMLFormElement, FormElementProps>((props, ref) => {\n  const { noValidate = true, autoComplete = 'off', translate = 'no', ...rest } = props;\n\n  return (\n    <form\n      ref={ref}\n      className=\"form-container\"\n      translate={translate}\n      noValidate={noValidate}\n      autoComplete={autoComplete}\n      {...rest} />\n  );\n});\n\nForm.displayName = 'Form';\n\nexport default Form;\nexport { useForm };\n"],"mappings":";;;;AAKA,IAAM,IAAO,GAA+C,GAAO,MAAQ;CACzE,IAAM,EAAE,gBAAa,IAAM,kBAAe,OAAO,eAAY,MAAM,GAAG,MAAS;AAE/E,QACE,kBAAC,QAAD;EACO;EACL,WAAU;EACC;EACC;EACE;EACd,GAAI;EAAQ,CAAA;EAEhB;AAEF,EAAK,cAAc"}

package/lib/form2/types.d.ts

@@ -0,0 +1,133 @@
+import { ChangeEvent, ChangeEventHandler, FocusEvent, FocusEventHandler, FormEvent, Ref, RefCallback } from 'react';
+export type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends Array<infer U> ? Array<DeepPartial<U>> : T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+export type NestedState<T, R = any> = {
+    [K in keyof T]?: [T[K]] extends [readonly any[]] ? R : T[K] extends object ? NestedState<T[K], R> : R;
+};
+export type FieldChanged<T> = NestedState<T, boolean>;
+export type FieldTouched<T> = NestedState<T, boolean>;
+export type FieldErrors<T> = NestedState<T, string[]>;
+export type FieldFocusOptions = Partial<{
+    shouldSelect: boolean;
+}>;
+export type ValidatorFunction<T> = (value: T, data?: Record<string, any>) => string | null;
+export type ValidatorsSchema = Record<string, ValidatorFunction<any>[]>;
+export type ValidationMode = 'default' | 'onSubmit';
+export type UseFormOptionsProps = Partial<{
+    validationMode: ValidationMode;
+}>;
+export type RegisterFunction = (name: string, externalRef?: Ref<HTMLInputElement>) => {
+    name: string;
+    value: any;
+    ref: (fieldElement: HTMLInputElement) => void;
+    onBlur: () => void;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+};
+export type RegisterOptions = {
+    onChange?: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    ref?: Ref<HTMLInputElement | HTMLTextAreaElement>;
+};
+export interface UseFormProps<T> {
+    initialValues: T;
+    validators?: ValidatorsSchema;
+    options?: UseFormOptionsProps;
+}
+export interface UseFormReturn<T> {
+    /**
+     * Reseta os campos especificados ou todo o formulário para seus valores iniciais.
+     * Também limpa estados de `errors`, `touched` e `changed`.
+     * @param fields - Lista de nomes de campos a serem resetados. Se não informado, todos os campos são resetados.
+     */
+    reset: (fields?: string[]) => void;
+    /**
+     * Objeto que indica quais campos foram modificados em relação ao `initialValues`.
+     */
+    changed: FieldChanged<T>;
+    /**
+     * Objeto com os valores atuais dos campos do formulário.
+     */
+    values: Record<string, any>;
+    /**
+     * Objeto contendo arrays de mensagens de erro por campo.
+     */
+    errors: FieldErrors<T>;
+    /**
+     * Objeto que indica se os campos foram tocados (interagidos via blur).
+     */
+    touched: FieldTouched<T>;
+    /**
+     * Indica se o formulário está válido com base nos validadores definidos.
+     */
+    isValid: boolean;
+    /**
+     * Indica se houve alguma alteração em qualquer campo do formulário em relação ao `initialValues`.
+     */
+    formHasChange: boolean;
+    /**
+     * Registra um campo no formulário, integrando com `ref`, `value`, `onChange` e `onBlur`.
+     * @param name - Nome do campo.
+     * @param registerOptions - Opções de registro, incluindo referências e manipuladores de eventos.
+     */
+    register: (name: string, registerOptions?: RegisterOptions) => {
+        name: string;
+        ref: RefCallback<HTMLInputElement | HTMLTextAreaElement>;
+        value: any;
+        onBlur: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+        onChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    };
+    /**
+     * Limpa mensagens de erro de campos especificados, ou de todos os campos se nenhum for informado.
+     * @param fields - Lista de campos a limpar.
+     */
+    cleanErrors: (fields?: string[]) => void;
+    /**
+     * Altera os valores dos campos do formulário com base em dados externos (ex: dados assíncronos).
+     * Preserva os dados atuais para campos não especificados.
+     * @param values - Novo objeto de dados com valores para atualizar no estado do formulário.
+     */
+    changeValues: (values: DeepPartial<T>) => void;
+    /**
+     * Compara o valor atual de um campo com um valor fornecido, retornando true se forem iguais.
+     * @param name - Nome do campo.
+     * @param value - Valor a ser comparado.
+     */
+    compareField: (name: string, value: any) => boolean;
+    /**
+     * Gera uma função de submit que é executada ao chamar a callback fornecida.
+     * @param callback - Função de submit executada em caso de formulário válido e retornando objeto de valores do formulário.
+     */
+    handleSubmit: (callback: (data: T) => void) => (event: FormEvent) => void;
+    /**
+     * Retorna o valor atual de um campo específico.
+     * @param name - Nome do campo.
+     */
+    getFieldValue: (name: string) => any;
+    /**
+     * Retorna as mensagens de erro associadas a um campo específico.
+     * @param name - Nome do campo.
+     */
+    getFieldError: (name: string) => string[];
+    /**
+     * Define o foco programaticamente em um campo registrado.
+     * @param name - Nome do campo.
+     * @param options - Opções adicionais como selecionar o texto ao focar.
+     */
+    setFieldFocus: (name: string, options?: FieldFocusOptions) => void;
+    /**
+     * Atualiza o valor de um campo específico e dispara validações quando apropriado.
+     * @param name - Nome do campo.
+     * @param value - Novo valor.
+     */
+    setFieldValue: (name: string, value: any) => void;
+    /**
+     * Objeto original passado como `initialValues`. Utilizado para reset e comparações.
+     */
+    initialValues: Record<string, any>;
+    /**
+     * Define erros manualmente em campos do formulário, útil para erros externos (ex: backend).
+     * @param errors - Objeto contendo mensagens de erro para campos.
+     */
+    setExternalErrors: (errors: Record<string, string[]>) => void;
+}

package/lib/form2/useForm/index.d.ts

@@ -0,0 +1,3 @@
+import { UseFormProps, UseFormReturn } from '../types';
+declare const useForm: <ValuesType extends Record<string, any>>({ initialValues, validators, options, }: UseFormProps<ValuesType>) => UseFormReturn<ValuesType>;
+export default useForm;

package/lib/form2/useForm/index.js

@@ -0,0 +1,122 @@
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { require_lodash as t } from "../../node_modules/lodash/lodash.js";
+import { deepMergeValues as n, flattenValidators as r, mergeRefs as i } from "../helpers.js";
+import { useRef as a, useState as o } from "react";
+//#region src/lib/form2/useForm/index.ts
+var s = /* @__PURE__ */ e(t(), 1), c = ({ initialValues: e, validators: t = {}, options: c = { validationMode: "default" } }) => {
+	let [l, u] = o(e), [d, f] = o({}), [p, m] = o({}), [h, g] = o({}), _ = a({}), v = a(e), y = a(e), b = r(t), x = (e, t = h, n = d) => {
+		let r = Object.keys(b).filter((e) => {
+			let r = s.default.get(t, e), i = !s.default.isEmpty(s.default.get(n, e));
+			return !!(r || i);
+		});
+		r.length && f((t) => {
+			let n = s.default.cloneDeep(t);
+			return r.forEach((t) => {
+				let r = s.default.get(e, t), i = (s.default.get(b, t) ?? []).map((t) => t(r, e)).filter((e) => !!e);
+				s.default.set(n, t, i);
+			}), n;
+		});
+	}, S = () => {
+		let e = {};
+		return Object.keys(b).forEach((t) => {
+			let n = s.default.get(l, t), r = (s.default.get(b, t) ?? []).map((e) => e(n, l)).filter((e) => !!e);
+			r.length && s.default.set(e, t, r);
+		}), f(e), e;
+	}, C = () => Object.keys(b).every((e) => {
+		let t = s.default.get(l, e);
+		return (s.default.get(b, e) ?? []).every((e) => !e(t, l));
+	}), w = (e) => s.default.get(d, e) ?? [], T = (e) => {
+		f((t) => {
+			let n = s.default.cloneDeep(t);
+			return Object.entries(e).forEach(([e, t]) => {
+				s.default.set(n, e, t);
+			}), n;
+		});
+	}, E = (e) => s.default.get(l, e), D = (e, t) => {
+		u((n) => {
+			let r = s.default.cloneDeep(n);
+			s.default.set(r, e, t);
+			let i = s.default.get(y.current, e), a = !s.default.isEqual(i, t);
+			return m((t) => {
+				let n = s.default.cloneDeep(t);
+				return s.default.set(n, e, a), n;
+			}), c.validationMode === "default" && x(r), r;
+		});
+	}, O = (e, t) => {
+		let n = _.current[e];
+		n?.focus?.(), t?.shouldSelect && n?.select?.();
+	}, k = (e, t) => s.default.isEqual(s.default.get(l, e), t), A = (e) => {
+		let t = s.default.cloneDeep(d);
+		(e ?? Object.keys(d)).forEach((e) => {
+			s.default.set(t, e, []);
+		}), f(t);
+	}, j = (e, t) => {
+		let n = s.default.cloneDeep(l), r = s.default.cloneDeep(h), i = s.default.cloneDeep(p), a = s.default.cloneDeep(d);
+		(e ?? Object.keys(v.current)).forEach((e) => {
+			let t = s.default.get(v.current, e);
+			s.default.set(n, e, t), s.default.set(r, e, !1), s.default.set(i, e, !1), s.default.set(a, e, []);
+		}), u(n), g(r), m(i), f(a), t || (y.current = v.current);
+	};
+	return {
+		reset: j,
+		changed: p,
+		values: l,
+		errors: d,
+		touched: h,
+		isValid: C(),
+		formHasChange: Object.values(p).some(Boolean),
+		register: (e, t) => {
+			let { onChange: n, onBlur: r, ref: a } = t ?? {};
+			return {
+				name: e,
+				ref: i((t) => {
+					_.current[e] = t;
+				}, a),
+				value: s.default.get(l, e, s.default.get(v.current, e, "")),
+				errors: s.default.get(d, e, []),
+				onChange: (t) => {
+					let { value: r } = t.target;
+					u((t) => {
+						let n = s.default.cloneDeep(t);
+						s.default.set(n, e, r);
+						let i = !s.default.isEqual(s.default.get(y.current, e), r);
+						return m((t) => {
+							let n = s.default.cloneDeep(t);
+							return s.default.set(n, e, i), n;
+						}), c.validationMode === "default" && x(n, h, d), n;
+					}), n?.(t);
+				},
+				onBlur: (t) => {
+					let n = s.default.cloneDeep(h);
+					s.default.set(n, e, !0), g((t) => {
+						let n = s.default.cloneDeep(t);
+						return s.default.set(n, e, !0), n;
+					}), c.validationMode === "default" && x(l, n, d), r?.(t);
+				}
+			};
+		},
+		cleanErrors: A,
+		changeValues: (e) => {
+			j(void 0, !0), u((t) => {
+				let r = n(t, e);
+				return y.current = r, r;
+			});
+		},
+		compareField: k,
+		handleSubmit: (e) => (t) => {
+			t.preventDefault();
+			let n = S();
+			s.default.isEmpty(n) && e(l);
+		},
+		getFieldValue: E,
+		getFieldError: w,
+		setFieldFocus: O,
+		setFieldValue: D,
+		setExternalErrors: T,
+		initialValues: v.current
+	};
+};
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=index.js.map

package/lib/form2/useForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/form2/useForm/index.ts"],"sourcesContent":["import _ from 'lodash';\nimport { ChangeEvent, FocusEvent, FormEvent, useRef, useState } from 'react';\nimport type {\n  FieldErrors, FieldChanged, FieldTouched, FieldFocusOptions, UseFormProps,\n  UseFormReturn, DeepPartial,\n  RegisterOptions,\n} from '../types';\nimport { deepMergeValues, flattenValidators, mergeRefs } from '../helpers';\n\nconst useForm = <ValuesType extends Record<string, any>>({\n  initialValues,\n  validators = {},\n  options = { validationMode: 'default' },\n}: UseFormProps<ValuesType>): UseFormReturn<ValuesType> => {\n  const [values, setValues] = useState<ValuesType>(initialValues);\n  const [errors, setErrors] = useState<FieldErrors<ValuesType>>({});\n  const [changed, setChanged] = useState<FieldChanged<ValuesType>>({});\n  const [touched, setTouched] = useState<FieldTouched<ValuesType>>({});\n  const fieldsRef = useRef<Record<string, HTMLInputElement | HTMLTextAreaElement | null>>({});\n  const initialValuesRef = useRef<ValuesType>(initialValues);\n  const valuesToCompareInChangedRef = useRef<ValuesType>(initialValues);\n\n  const flattenedValidators = flattenValidators(validators);\n\n  const validateBatchOfFields = (\n    valuesSnapshot: ValuesType,\n    touchedFields: FieldTouched<ValuesType> = touched,\n    errorsFields: FieldErrors<ValuesType> = errors,\n  ) => {\n    const fieldsToValidate = Object.keys(flattenedValidators).filter((path) => {\n      const wasTouched = _.get(touchedFields, path);\n      const hasErrors = !_.isEmpty(_.get(errorsFields, path));\n      return Boolean(wasTouched || hasErrors);\n    });\n\n    if (!fieldsToValidate.length) return;\n\n    setErrors((prevErrorsState) => {\n      const updatedErrorsState = _.cloneDeep(prevErrorsState);\n\n      fieldsToValidate.forEach((path) => {\n        const value = _.get(valuesSnapshot, path);\n        const fieldValidators = _.get(flattenedValidators, path) ?? [];\n        const fieldErrors = fieldValidators\n          .map((validator: any) => validator(value, valuesSnapshot))\n          .filter((message: string) => Boolean(message));\n\n        _.set(updatedErrorsState, path, fieldErrors);\n      });\n\n      return updatedErrorsState;\n    });\n  };\n\n  const validateAllFields = () => {\n    const allValidationErrors: FieldErrors<ValuesType> = {};\n\n    Object.keys(flattenedValidators).forEach((path) => {\n      const value = _.get(values, path);\n      const fieldValidators = _.get(flattenedValidators, path) ?? [];\n      const fieldErrors = fieldValidators\n        .map((validator: any) => validator(value, values))\n        .filter((message: string) => Boolean(message));\n\n      if (fieldErrors.length) {\n        _.set(allValidationErrors, path, fieldErrors);\n      }\n    });\n\n    setErrors(allValidationErrors);\n    return allValidationErrors;\n  };\n\n  const checkFormIsValid = () => {\n    return Object.keys(flattenedValidators).every((path) => {\n      const value = _.get(values, path);\n      const fieldValidators = _.get(flattenedValidators, path) ?? [];\n      return fieldValidators.every((validator: any) => !validator(value, values));\n    });\n  };\n\n  const getFieldError = (name: string): string[] => {\n    const fieldErrors = _.get(errors, name) as string[] ?? [];\n    return fieldErrors;\n  };\n\n  const setExternalErrors = (externalErrors: Record<string, string[]>) => {\n    setErrors((prevStateErrors) => {\n      const newErrorsState = _.cloneDeep(prevStateErrors);\n      Object.entries(externalErrors).forEach(([key, value]) => {\n        _.set(newErrorsState, key, value);\n      });\n      return newErrorsState;\n    });\n  };\n\n  const getFieldValue = (name: string): any => {\n    return _.get(values, name);\n  };\n\n  const setFieldValue = (name: string, value: any) => {\n    setValues((prevStateValues) => {\n      const updatedValuesState = _.cloneDeep(prevStateValues);\n      _.set(updatedValuesState, name, value);\n\n      const valueToCompare = _.get(valuesToCompareInChangedRef.current, name);\n      const hasChanged = !_.isEqual(valueToCompare, value);\n\n      setChanged((prevStateChanged) => {\n        const updatedChangedState = _.cloneDeep(prevStateChanged);\n        _.set(updatedChangedState, name, hasChanged);\n        return updatedChangedState;\n      });\n\n      if (options.validationMode === 'default') {\n        validateBatchOfFields(updatedValuesState);\n      }\n\n      return updatedValuesState;\n    });\n  };\n\n  const setFieldFocus = (name: string, fieldFocusOptions?: FieldFocusOptions) => {\n    const field = fieldsRef.current[name];\n    field?.focus?.();\n    if (fieldFocusOptions?.shouldSelect) {\n      field?.select?.();\n    }\n  };\n\n  const compareField = (name: string, valueToCompare: any): boolean => {\n    return _.isEqual(_.get(values, name), valueToCompare);\n  };\n\n  const cleanErrors = (fieldsToClean?: string[]) => {\n    const newErrorsState = _.cloneDeep(errors);\n    const fields = fieldsToClean ?? Object.keys(errors);\n\n    fields.forEach((key) => {\n      _.set(newErrorsState, key, []);\n    });\n\n    setErrors(newErrorsState);\n  };\n\n  const reset = (inputsToReset?: string[], internalReset?: boolean) => {\n    const newValuesState = _.cloneDeep(values);\n    const newTouchedState = _.cloneDeep(touched);\n    const newChangedState = _.cloneDeep(changed);\n    const newErrorsState = _.cloneDeep(errors);\n    const inputs = inputsToReset ?? Object.keys(initialValuesRef.current);\n\n    inputs.forEach((key) => {\n      const initialValue = _.get(initialValuesRef.current, key);\n      _.set(newValuesState, key, initialValue);\n      _.set(newTouchedState, key, false);\n      _.set(newChangedState, key, false);\n      _.set(newErrorsState, key, []);\n    });\n\n    setValues(newValuesState);\n    setTouched(newTouchedState);\n    setChanged(newChangedState);\n    setErrors(newErrorsState);\n\n    if (!internalReset) { valuesToCompareInChangedRef.current = initialValuesRef.current; }\n  };\n\n  const changeValues = (fieldValues: DeepPartial<ValuesType>) => {\n    reset(undefined, true);\n    setValues((prevStateValues) => {\n      const newValuesState = deepMergeValues(prevStateValues, fieldValues);\n      valuesToCompareInChangedRef.current = newValuesState;\n      return newValuesState;\n    });\n  };\n\n  const register = (\n    name: string,\n    registerOptions?: RegisterOptions,\n  ) => {\n    const { onChange, onBlur, ref } = registerOptions ?? {};\n    return {\n      name,\n      ref: mergeRefs<HTMLInputElement | HTMLTextAreaElement>((inputElement: any) => {\n        fieldsRef.current[name] = inputElement;\n      }, ref),\n      value: _.get(values, name, _.get(initialValuesRef.current, name, '')),\n      errors: _.get(errors, name, []),\n      onChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const { value } = event.target;\n\n        setValues((prevStateValues) => {\n          const updatedValues = _.cloneDeep(prevStateValues);\n          _.set(updatedValues, name, value);\n\n          const hasChanged = !_.isEqual(_.get(valuesToCompareInChangedRef.current, name), value);\n          setChanged((prevStateChanged) => {\n            const updatedChangedState = _.cloneDeep(prevStateChanged);\n            _.set(updatedChangedState, name, hasChanged);\n            return updatedChangedState;\n          });\n\n          if (options.validationMode === 'default') {\n            validateBatchOfFields(updatedValues, touched, errors);\n          }\n\n          return updatedValues;\n        });\n\n        onChange?.(event);\n      },\n      onBlur: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const touchedSnapshot = _.cloneDeep(touched);\n        _.set(touchedSnapshot, name, true);\n\n        setTouched((prevStateTouched) => {\n          const updated = _.cloneDeep(prevStateTouched);\n          _.set(updated, name, true);\n          return updated;\n        });\n\n        if (options.validationMode === 'default') {\n          validateBatchOfFields(values, touchedSnapshot, errors);\n        }\n\n        onBlur?.(event);\n      },\n    };\n  };\n\n  const handleSubmit = (callback: (data: ValuesType) => void) => (event: FormEvent) => {\n    event.preventDefault();\n\n    const validationErrors = validateAllFields();\n    const hasErrors = !_.isEmpty(validationErrors);\n\n    if (hasErrors) return;\n    callback(values);\n  };\n\n  const isValid = checkFormIsValid();\n  const formHasChange = Object.values(changed).some(Boolean);\n\n  return {\n    reset,\n    changed,\n    values,\n    errors,\n    touched,\n    isValid,\n    formHasChange,\n    register,\n    cleanErrors,\n    changeValues,\n    compareField,\n    handleSubmit,\n    getFieldValue,\n    getFieldError,\n    setFieldFocus,\n    setFieldValue,\n    setExternalErrors,\n    initialValues: initialValuesRef.current,\n  };\n};\n\nexport default useForm;\n"],"mappings":";;;;;mCASM,KAAmD,EACvD,kBACA,gBAAa,EAAE,EACf,aAAU,EAAE,gBAAgB,WAAA,OAC6B;CACzD,IAAM,CAAC,GAAQ,KAAa,EAAqB,EAAc,EACzD,CAAC,GAAQ,KAAa,EAAkC,EAAE,CAAC,EAC3D,CAAC,GAAS,KAAc,EAAmC,EAAE,CAAC,EAC9D,CAAC,GAAS,KAAc,EAAmC,EAAE,CAAC,EAC9D,IAAY,EAAsE,EAAE,CAAC,EACrF,IAAmB,EAAmB,EAAc,EACpD,IAA8B,EAAmB,EAAc,EAE/D,IAAsB,EAAkB,EAAW,EAEnD,KACJ,GACA,IAA0C,GAC1C,IAAwC,MACrC;EACH,IAAM,IAAmB,OAAO,KAAK,EAAoB,CAAC,QAAQ,MAAS;GACzE,IAAM,IAAa,EAAA,QAAE,IAAI,GAAe,EAAK,EACvC,IAAY,CAAC,EAAA,QAAE,QAAQ,EAAA,QAAE,IAAI,GAAc,EAAK,CAAC;AACvD,UAAO,GAAQ,KAAc;IAC7B;AAEG,IAAiB,UAEtB,GAAW,MAAoB;GAC7B,IAAM,IAAqB,EAAA,QAAE,UAAU,EAAgB;AAYvD,UAVA,EAAiB,SAAS,MAAS;IACjC,IAAM,IAAQ,EAAA,QAAE,IAAI,GAAgB,EAAK,EAEnC,KADkB,EAAA,QAAE,IAAI,GAAqB,EAAK,IAAI,EAAE,EAE3D,KAAK,MAAmB,EAAU,GAAO,EAAe,CAAC,CACzD,QAAQ,MAAoB,EAAQ,EAAS;AAEhD,MAAA,QAAE,IAAI,GAAoB,GAAM,EAAY;KAC5C,EAEK;IACP;IAGE,UAA0B;EAC9B,IAAM,IAA+C,EAAE;AAevD,SAbA,OAAO,KAAK,EAAoB,CAAC,SAAS,MAAS;GACjD,IAAM,IAAQ,EAAA,QAAE,IAAI,GAAQ,EAAK,EAE3B,KADkB,EAAA,QAAE,IAAI,GAAqB,EAAK,IAAI,EAAE,EAE3D,KAAK,MAAmB,EAAU,GAAO,EAAO,CAAC,CACjD,QAAQ,MAAoB,EAAQ,EAAS;AAEhD,GAAI,EAAY,UACd,EAAA,QAAE,IAAI,GAAqB,GAAM,EAAY;IAE/C,EAEF,EAAU,EAAoB,EACvB;IAGH,UACG,OAAO,KAAK,EAAoB,CAAC,OAAO,MAAS;EACtD,IAAM,IAAQ,EAAA,QAAE,IAAI,GAAQ,EAAK;AAEjC,UADwB,EAAA,QAAE,IAAI,GAAqB,EAAK,IAAI,EAAE,EACvC,OAAO,MAAmB,CAAC,EAAU,GAAO,EAAO,CAAC;GAC3E,EAGE,KAAiB,MACD,EAAA,QAAE,IAAI,GAAQ,EAAK,IAAgB,EAAE,EAIrD,KAAqB,MAA6C;AACtE,KAAW,MAAoB;GAC7B,IAAM,IAAiB,EAAA,QAAE,UAAU,EAAgB;AAInD,UAHA,OAAO,QAAQ,EAAe,CAAC,SAAS,CAAC,GAAK,OAAW;AACvD,MAAA,QAAE,IAAI,GAAgB,GAAK,EAAM;KACjC,EACK;IACP;IAGE,KAAiB,MACd,EAAA,QAAE,IAAI,GAAQ,EAAK,EAGtB,KAAiB,GAAc,MAAe;AAClD,KAAW,MAAoB;GAC7B,IAAM,IAAqB,EAAA,QAAE,UAAU,EAAgB;AACvD,KAAA,QAAE,IAAI,GAAoB,GAAM,EAAM;GAEtC,IAAM,IAAiB,EAAA,QAAE,IAAI,EAA4B,SAAS,EAAK,EACjE,IAAa,CAAC,EAAA,QAAE,QAAQ,GAAgB,EAAM;AAYpD,UAVA,GAAY,MAAqB;IAC/B,IAAM,IAAsB,EAAA,QAAE,UAAU,EAAiB;AAEzD,WADA,EAAA,QAAE,IAAI,GAAqB,GAAM,EAAW,EACrC;KACP,EAEE,EAAQ,mBAAmB,aAC7B,EAAsB,EAAmB,EAGpC;IACP;IAGE,KAAiB,GAAc,MAA0C;EAC7E,IAAM,IAAQ,EAAU,QAAQ;AAEhC,EADA,GAAO,SAAS,EACZ,GAAmB,gBACrB,GAAO,UAAU;IAIf,KAAgB,GAAc,MAC3B,EAAA,QAAE,QAAQ,EAAA,QAAE,IAAI,GAAQ,EAAK,EAAE,EAAe,EAGjD,KAAe,MAA6B;EAChD,IAAM,IAAiB,EAAA,QAAE,UAAU,EAAO;AAO1C,GANe,KAAiB,OAAO,KAAK,EAAO,EAE5C,SAAS,MAAQ;AACtB,KAAA,QAAE,IAAI,GAAgB,GAAK,EAAE,CAAC;IAC9B,EAEF,EAAU,EAAe;IAGrB,KAAS,GAA0B,MAA4B;EACnE,IAAM,IAAiB,EAAA,QAAE,UAAU,EAAO,EACpC,IAAkB,EAAA,QAAE,UAAU,EAAQ,EACtC,IAAkB,EAAA,QAAE,UAAU,EAAQ,EACtC,IAAiB,EAAA,QAAE,UAAU,EAAO;AAgB1C,GAfe,KAAiB,OAAO,KAAK,EAAiB,QAAQ,EAE9D,SAAS,MAAQ;GACtB,IAAM,IAAe,EAAA,QAAE,IAAI,EAAiB,SAAS,EAAI;AAIzD,GAHA,EAAA,QAAE,IAAI,GAAgB,GAAK,EAAa,EACxC,EAAA,QAAE,IAAI,GAAiB,GAAK,GAAM,EAClC,EAAA,QAAE,IAAI,GAAiB,GAAK,GAAM,EAClC,EAAA,QAAE,IAAI,GAAgB,GAAK,EAAE,CAAC;IAC9B,EAEF,EAAU,EAAe,EACzB,EAAW,EAAgB,EAC3B,EAAW,EAAgB,EAC3B,EAAU,EAAe,EAEpB,MAAiB,EAA4B,UAAU,EAAiB;;AA+E/E,QAAO;EACL;EACA;EACA;EACA;EACA;EACA,SATc,GAAkB;EAUhC,eAToB,OAAO,OAAO,EAAQ,CAAC,KAAK,QAAQ;EAUxD,WA1EA,GACA,MACG;GACH,IAAM,EAAE,aAAU,WAAQ,WAAQ,KAAmB,EAAE;AACvD,UAAO;IACL,MAAA;IACA,KAAK,GAAmD,MAAsB;AAC5E,OAAU,QAAQ,KAAQ;OACzB,EAAI;IACP,OAAO,EAAA,QAAE,IAAI,GAAQ,GAAM,EAAA,QAAE,IAAI,EAAiB,SAAS,GAAM,GAAG,CAAC;IACrE,QAAQ,EAAA,QAAE,IAAI,GAAQ,GAAM,EAAE,CAAC;IAC/B,WAAW,MAA+D;KACxE,IAAM,EAAE,OAAA,MAAU,EAAM;AAoBxB,KAlBA,GAAW,MAAoB;MAC7B,IAAM,IAAgB,EAAA,QAAE,UAAU,EAAgB;AAClD,QAAA,QAAE,IAAI,GAAe,GAAM,EAAM;MAEjC,IAAM,IAAa,CAAC,EAAA,QAAE,QAAQ,EAAA,QAAE,IAAI,EAA4B,SAAS,EAAK,EAAE,EAAM;AAWtF,aAVA,GAAY,MAAqB;OAC/B,IAAM,IAAsB,EAAA,QAAE,UAAU,EAAiB;AAEzD,cADA,EAAA,QAAE,IAAI,GAAqB,GAAM,EAAW,EACrC;QACP,EAEE,EAAQ,mBAAmB,aAC7B,EAAsB,GAAe,GAAS,EAAO,EAGhD;OACP,EAEF,IAAW,EAAM;;IAEnB,SAAS,MAA8D;KACrE,IAAM,IAAkB,EAAA,QAAE,UAAU,EAAQ;AAa5C,KAZA,EAAA,QAAE,IAAI,GAAiB,GAAM,GAAK,EAElC,GAAY,MAAqB;MAC/B,IAAM,IAAU,EAAA,QAAE,UAAU,EAAiB;AAE7C,aADA,EAAA,QAAE,IAAI,GAAS,GAAM,GAAK,EACnB;OACP,EAEE,EAAQ,mBAAmB,aAC7B,EAAsB,GAAQ,GAAiB,EAAO,EAGxD,IAAS,EAAM;;IAElB;;EAyBD;EACA,eAtFoB,MAAyC;AAE7D,GADA,EAAM,KAAA,GAAW,GAAK,EACtB,GAAW,MAAoB;IAC7B,IAAM,IAAiB,EAAgB,GAAiB,EAAY;AAEpE,WADA,EAA4B,UAAU,GAC/B;KACP;;EAiFF;EACA,eAzBoB,OAA0C,MAAqB;AACnF,KAAM,gBAAgB;GAEtB,IAAM,IAAmB,GAAmB;AACzB,KAAA,QAAE,QAAQ,EAAiB,IAG9C,EAAS,EAAO;;EAmBhB;EACA;EACA;EACA;EACA;EACA,eAAe,EAAiB;EACjC"}

package/lib/gridlayout/GridCol.js

@@ -1,27 +1,18 @@
-import { j as d } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as p } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import '../assets/gridlayout.css';/* empty css                            */
-const $ = (o) => {
-  const s = o ? o.split(" ") : [];
-  let t = "grid-container ";
-  return s[0] && (t += `col-xs-${s[0]}`), s[1] && (t += ` col-sm-${s[1]}`), s[2] && (t += ` col-md-${s[2]}`), s[3] && (t += ` col-lg-${s[3]}`), t;
-}, C = (o) => {
-  const s = p.c(6), {
-    cols: t,
-    customClass: a,
-    children: i,
-    style: c,
-    visible: m
-  } = o, f = m === void 0 ? !0 : m, r = t || "";
-  let l;
-  s[0] !== r ? (l = $(r), s[0] = r, s[1] = l) : l = s[1];
-  const u = l;
-  if (!f)
-    return null;
-  const n = `${a} ${u}`;
-  let e;
-  return s[2] !== i || s[3] !== c || s[4] !== n ? (e = /* @__PURE__ */ d.jsx("div", { className: n, style: c, children: i }), s[2] = i, s[3] = c, s[4] = n, s[5] = e) : e = s[5], e;
-};
-export {
-  C as default
+import '../assets/styles/gridlayout.css';/* empty css                          */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/lib/gridlayout/GridCol.tsx
+var t = (e) => {
+	let t = e ? e.split(" ") : [], n = "grid-container ";
+	return t[0] && (n += `col-xs-${t[0]}`), t[1] && (n += ` col-sm-${t[1]}`), t[2] && (n += ` col-md-${t[2]}`), t[3] && (n += ` col-lg-${t[3]}`), n;
+}, n = (n) => {
+	let { cols: r, customClass: i, children: a, style: o, visible: s = !0 } = n, c = t(r || "");
+	return s ? /* @__PURE__ */ e("div", {
+		className: `${i} ${c}`,
+		style: o,
+		children: a
+	}) : null;
 };
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=GridCol.js.map

package/lib/gridlayout/GridCol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCol.js","names":[],"sources":["../../src/lib/gridlayout/GridCol.tsx"],"sourcesContent":["import '../assets/styles/gridlayout.scss';\nimport { IGridCol } from './types';\n\nconst getClass = (col:string) => {\n  const cols = col ? col.split(' ') : [];\n  let classes = 'grid-container ';\n  if (cols[0]) classes += `col-xs-${cols[0]}`;\n  if (cols[1]) classes += ` col-sm-${cols[1]}`;\n  if (cols[2]) classes += ` col-md-${cols[2]}`;\n  if (cols[3]) classes += ` col-lg-${cols[3]}`;\n  return classes;\n};\n\nconst GridCol = (props: IGridCol) => {\n  const {\n    cols, customClass, children, style, visible = true,\n  } = props;\n  const gridClasses = getClass(cols || '');\n  if (!visible) return null;\n  return (\n    <div\n      className={`${customClass} ${gridClasses}`}\n      style={style}>\n      {children}\n    </div>\n  );\n};\n\nexport default GridCol;\n"],"mappings":";;;AAGA,IAAM,KAAY,MAAe;CAC/B,IAAM,IAAO,IAAM,EAAI,MAAM,IAAI,GAAG,EAAE,EAClC,IAAU;AAKd,QAJI,EAAK,OAAI,KAAW,UAAU,EAAK,OACnC,EAAK,OAAI,KAAW,WAAW,EAAK,OACpC,EAAK,OAAI,KAAW,WAAW,EAAK,OACpC,EAAK,OAAI,KAAW,WAAW,EAAK,OACjC;GAGH,KAAW,MAAoB;CACnC,IAAM,EACJ,SAAM,gBAAa,aAAU,UAAO,aAAU,OAC5C,GACE,IAAc,EAAS,KAAQ,GAAG;AAExC,QADK,IAEH,kBAAC,OAAD;EACE,WAAW,GAAG,EAAA,GAAe;EACtB;EACN;EACG,CAAA,GANa"}

package/lib/gridlayout/GridRow.js

@@ -1,26 +1,21 @@
-import { j as a } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as m } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import '../assets/gridlayout.css';/* empty css                            */
-const v = (i) => `row ${i.customClass}
-    ${i.withTrim && " -withtrim"}
-    ${i.verticalAlign && ` align-items-${i.verticalAlign}`}
-    ${i.horizontalAlign && ` justify-content-${i.horizontalAlign}`}`, d = (i) => {
-  const t = m.c(7), {
-    style: n,
-    children: s,
-    verticalAlign: c,
-    visible: o
-  } = i, r = c === void 0 ? "start" : c;
-  if (!(o === void 0 ? !0 : o))
-    return null;
-  let l;
-  t[0] !== i || t[1] !== r ? (l = v({
-    ...i,
-    verticalAlign: r
-  }), t[0] = i, t[1] = r, t[2] = l) : l = t[2];
-  let e;
-  return t[3] !== s || t[4] !== n || t[5] !== l ? (e = /* @__PURE__ */ a.jsx("div", { style: n, className: l, children: s }), t[3] = s, t[4] = n, t[5] = l, t[6] = e) : e = t[6], e;
-};
-export {
-  d as default
+import '../assets/styles/gridlayout.css';/* empty css                          */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/lib/gridlayout/GridRow.tsx
+var t = (e) => `row ${e.customClass}
+    ${e.withTrim && " -withtrim"}
+    ${e.verticalAlign && ` align-items-${e.verticalAlign}`}
+    ${e.horizontalAlign && ` justify-content-${e.horizontalAlign}`}`, n = (n) => {
+	let { style: r, children: i, verticalAlign: a = "start", visible: o = !0 } = n;
+	return o ? /* @__PURE__ */ e("div", {
+		style: r,
+		className: t({
+			...n,
+			verticalAlign: a
+		}),
+		children: i
+	}) : null;
 };
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=GridRow.js.map

package/lib/gridlayout/GridRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridRow.js","names":[],"sources":["../../src/lib/gridlayout/GridRow.tsx"],"sourcesContent":["import '../assets/styles/gridlayout.scss';\nimport { IGridRow } from './types';\n\nconst getClass = (props: IGridRow) => (\n  `row ${props.customClass}\n    ${props.withTrim && ' -withtrim'}\n    ${props.verticalAlign && ` align-items-${props.verticalAlign}`}\n    ${props.horizontalAlign && ` justify-content-${props.horizontalAlign}`}`\n);\n\nconst GridRow = (props: IGridRow) => {\n  const {\n    style,\n    children,\n    verticalAlign = 'start',\n    visible = true,\n  } = props;\n  if (!visible) return null;\n  return (\n    <div\n      style={style}\n      className={getClass({ ...props, verticalAlign })}>\n      {children}\n    </div>\n  );\n};\n\nexport default GridRow;\n"],"mappings":";;;AAGA,IAAM,KAAY,MAChB,OAAO,EAAM,YAAA;MACT,EAAM,YAAY,aAAA;MAClB,EAAM,iBAAiB,gBAAgB,EAAM,gBAAA;MAC7C,EAAM,mBAAmB,oBAAoB,EAAM,qBAGnD,KAAW,MAAoB;CACnC,IAAM,EACJ,UACA,aACA,mBAAgB,SAChB,aAAU,OACR;AAEJ,QADK,IAEH,kBAAC,OAAD;EACS;EACP,WAAW,EAAS;GAAE,GAAG;GAAO;GAAe,CAAC;EAC/C;EACG,CAAA,GANa"}

package/lib/gridlayout/index.js

@@ -1,6 +1,8 @@
-import { default as d } from "./GridRow.js";
-import r from "./GridCol.js";
-export {
-  d as GridRow,
-  r as default
-};
+import e from "./GridRow.js";
+import t from "./GridCol.js";
+//#region src/lib/gridlayout/index.tsx
+var n = t;
+//#endregion
+export { e as GridRow, n as default };
+
+//# sourceMappingURL=index.js.map

package/lib/gridlayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/gridlayout/index.tsx"],"sourcesContent":["import GridRow from './GridRow';\nimport GridCol from './GridCol';\n\nexport default GridCol;\nexport { GridRow };\n"],"mappings":";;;AAGA,IAAA,IAAe"}

package/lib/hint/helpers.js

@@ -1,12 +1,14 @@
-import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
-const n = (t) => /* @__PURE__ */ s.jsx("div", { className: "rules-list", style: {
-  padding: "15px 0px"
-}, children: /* @__PURE__ */ s.jsx("ul", { style: {
-  listStyleType: "none"
-}, children: t.map((i, e) => /* @__PURE__ */ s.jsxs("li", { children: [
-  "-",
-  i
-] }, e.toString())) }) });
-export {
-  n as showHintList
-};
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/lib/hint/helpers.tsx
+var n = (n) => /* @__PURE__ */ e("div", {
+	className: "rules-list",
+	style: { padding: "15px 0px" },
+	children: /* @__PURE__ */ e("ul", {
+		style: { listStyleType: "none" },
+		children: n.map((e, n) => /* @__PURE__ */ t("li", { children: ["-", e] }, n.toString()))
+	})
+});
+//#endregion
+export { n as showHintList };
+
+//# sourceMappingURL=helpers.js.map

package/lib/hint/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/lib/hint/helpers.tsx"],"sourcesContent":["\nexport const showHintList = (arrayHint: string[]) => (\n  <div className=\"rules-list\" style={{ padding: '15px 0px' }}>\n    <ul style={{ listStyleType: 'none' }}>\n      {arrayHint.map((hint, index) => <li key={index.toString()} >\n        -\n        {hint}\n      </li>)}\n    </ul>\n  </div>\n);\n"],"mappings":";;AACA,IAAa,KAAgB,MAC3B,kBAAC,OAAD;CAAK,WAAU;CAAa,OAAO,EAAE,SAAS,YAAY;WACxD,kBAAC,MAAD;EAAI,OAAO,EAAE,eAAe,QAAQ;YACjC,EAAU,KAAK,GAAM,MAAU,kBAAC,MAAD,EAAA,UAAA,CAA4B,KAEzD,EACE,EAAA,EAHoC,EAAM,UAAU,CAGpD,CAAC;EACH,CAAA;CACD,CAAA"}