linear-react-components-ui 1.1.26-beta.2 → 1.1.26-beta.21

package/lib/form/withFormSecurity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFormSecurity.js","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"],"names":["FormSecurityContext","createContext","withFormSecurity","WrappedComponent","EnhancedComponent","props","onOpenChange","handlerClose","changedData","useRef","securityBeforeUnload","showQuestion","setShowQuestion","useState","newHandlerClose","current","contextValues","onChangedData","value","onConfirmClick","onUnconfirmClick","setSecurityBeforeUnload","jsx"],"mappings":";;AAGA,MAAMA,IAAsBC,EAAc,CAAA,CAA0B,GAE9DC,IAAmB,CACvBC,MAE0BC,CAACC,MAA0B;AACnD,QAAM;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,cAAAA;AAAAA,EAAAA,IAAiBF,GACjCG,IAAcC,EAAO,EAAK,GAC1BC,IAAuBD,EAAO,EAAK,GACnC,CAACE,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhDC,IAAkBA,MAAM;AAC5B,IAAIN,EAAYO,WAAWL,EAAqBK,UAC9CH,EAAgB,EAAI,IACXN,IAAcA,EAAa,EAAK,IAClCC,KAAcA,EAAAA;AAAAA,EACzB,GAmBMS,IAAsC;AAAA,IAC1CC,eAToBA,CAACC,MAAmB;AACxCV,MAAAA,EAAYO,UAAUG;AAAAA,IACxB;AAAA,IAQEP,cAAAA;AAAAA,IACAQ,gBApBqBA,MAAM;AAC3B,MAAIb,OAA2B,EAAK,GAChCC,KAAcA,EAAAA;AAAAA,IACpB;AAAA,IAkBEa,kBAhBuBA,MAAM;AAC7BR,MAAAA,EAAgB,EAAK;AAAA,IACvB;AAAA,IAeES,yBAT8BA,CAACH,MAAmB;AAClDR,MAAAA,EAAqBK,UAAUG;AAAAA,IACjC;AAAA,IAQER,sBAAsBA,EAAqBK;AAAAA,EAAAA;AAG7C,SACE,gBAAAO,EAACtB,EAAoB,UAApB,EAA6B,OAAOgB,GACnC,UAAA,gBAAAM,EAACnB,GAAA,EACC,GAAIE,GACJ,cAAcS,EAAAA,CAAgB,EAAA,CAClC;AAEJ;"}

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,24 @@
+import s from "../_virtual/lodash.js";
+const b = (...o) => (e) => {
+  o.forEach((t) => {
+    s.isFunction(t) ? t(e) : t && s.isObject(t) && (t.current = e);
+  });
+}, f = (o, e) => s.mergeWith(s.cloneDeep(o), e, (t, c) => s.isPlainObject(t) && s.isPlainObject(c) ? void 0 : c), a = (o, e = "") => {
+  const t = {};
+  return Object.entries(o).forEach(([c, n]) => {
+    const i = e ? `${e}.${c}` : c;
+    if (Array.isArray(n))
+      t[i] = n;
+    else if (typeof n == "object" && n !== null) {
+      const r = a(n, i);
+      Object.assign(t, r);
+    } else
+      t[i] = [n];
+  }), t;
+};
+export {
+  f as deepMergeValues,
+  a as flattenValidators,
+  b as mergeRefs
+};
+//# sourceMappingURL=helpers.js.map

package/lib/form2/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","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"],"names":["mergeRefs","refs","fieldElement","forEach","ref","_","isFunction","isObject","current","deepMergeValues","incoming","mergeWith","cloneDeep","objValue","srcValue","isPlainObject","undefined","flattenValidators","validators","prefix","flattened","Object","entries","key","value","fullPath","Array","isArray","nestedFlattened","assign"],"mappings":";AAIO,MAAMA,IAAY,IAAOC,MACvB,CAACC,MAAoB;AAC1BD,EAAAA,EAAKE,QAASC,CAAAA,MAAQ;AACpB,IAAIC,EAAEC,WAAWF,CAAG,MAAOF,CAAY,IAC9BE,KAAOC,EAAEE,SAASH,CAAG,MAAIA,EAA4BI,UAAUN;AAAAA,EAC1E,CAAC;AACH,GAGWO,IAAkB,CAAID,GAAYE,MACtCL,EAAEM,UAAUN,EAAEO,UAAUJ,CAAO,GAAGE,GAAU,CAACG,GAAUC,MAC5DT,EAAEU,cAAcF,CAAQ,KAAKR,EAAEU,cAAcD,CAAQ,IAAIE,SAAYF,CAAQ,GAGpEG,IAAoBA,CAACC,GAAiCC,IAAS,OAA4B;AACtG,QAAMC,IAAiC,CAAA;AACvCC,gBAAOC,QAAQJ,CAAU,EAAEf,QAAQ,CAAC,CAACoB,GAAKC,CAAK,MAAM;AACnD,UAAMC,IAAWN,IAAS,GAAGA,CAAM,IAAII,CAAG,KAAKA;AAC/C,QAAIG,MAAMC,QAAQH,CAAK;AACrBJ,MAAAA,EAAUK,CAAQ,IAAID;AAAAA,aACb,OAAOA,KAAU,YAAYA,MAAU,MAAM;AACtD,YAAMI,IAAkBX,EAAkBO,GAAOC,CAAQ;AACzDJ,aAAOQ,OAAOT,GAAWQ,CAAe;AAAA,IAC1C;AACER,MAAAA,EAAUK,CAAQ,IAAI,CAACD,CAAK;AAAA,EAEhC,CAAC,GAEMJ;AACT;"}

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,23 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as d } from "../_virtual/compiler-runtime.js";
+import { forwardRef as u } from "react";
+import { default as R } from "./useForm/index.js";
+const p = u((m, s) => {
+  const t = d.c(11);
+  let o, e, a, r;
+  t[0] !== m ? ({
+    noValidate: e,
+    autoComplete: a,
+    translate: r,
+    ...o
+  } = m, t[0] = m, t[1] = o, t[2] = e, t[3] = a, t[4] = r) : (o = t[1], e = t[2], a = t[3], r = t[4]);
+  const i = e === void 0 ? !0 : e, n = a === void 0 ? "off" : a, f = r === void 0 ? "no" : r;
+  let l;
+  return t[5] !== n || t[6] !== i || t[7] !== s || t[8] !== o || t[9] !== f ? (l = /* @__PURE__ */ c("form", { ref: s, className: "form-container", translate: f, noValidate: i, autoComplete: n, ...o }), t[5] = n, t[6] = i, t[7] = s, t[8] = o, t[9] = f, t[10] = l) : l = t[10], l;
+});
+p.displayName = "Form";
+export {
+  p as default,
+  R as useForm
+};
+//# sourceMappingURL=index.js.map

package/lib/form2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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"],"names":["Form","forwardRef","props","ref","$","_c","rest","t0","t1","t2","noValidate","autoComplete","translate","undefined","t3","jsx","displayName"],"mappings":";;;;AAKA,MAAMA,IAAOC,EAA8C,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAL,SAAAF,KACzD;AAAA,IAAAQ,YAAAH;AAAAA,IAAAI,cAAAH;AAAAA,IAAAI,WAAAH;AAAAA,IAAA,GAAAH;AAAAA,EAAAA,IAA+EJ,GAAME,OAAAF,GAAAE,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,MAAAH,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA;AAA7E,QAAAM,IAAAH,MAAAM,SAAA,KAAAN,GAAmBI,IAAAH,MAAAK,SAAA,QAAAL,GAAsBI,IAAAH,MAAAI,SAAA,OAAAJ;AAAgB,MAAAK;AAAA,SAAAV,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAD,KAAAC,EAAA,CAAA,MAAAE,KAAAF,SAAAQ,KAG/DE,IAAA,gBAAAC,EAAA,UACOZ,KAAAA,GACK,WAAA,kBACCS,WAAAA,GACCF,YAAAA,GACEC,cAAAA,GAAY,GACtBL,EAAAA,CAAI,GAAIF,OAAAO,GAAAP,OAAAM,GAAAN,OAAAD,GAAAC,OAAAE,GAAAF,OAAAQ,GAAAR,QAAAU,KAAAA,IAAAV,EAAA,EAAA,GANdU;AAMc,CAEjB;AAEDd,EAAKgB,cAAc;"}

package/lib/form2/types.d.ts

@@ -0,0 +1,128 @@
+import { ChangeEvent, 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 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 externalRef - Referência externa para o input.
+     */
+    register: (name: string, externalRef?: Ref<HTMLInputElement | HTMLTextAreaElement>) => {
+        name: string;
+        ref: RefCallback<HTMLInputElement | HTMLTextAreaElement>;
+        value: any;
+        onBlur: () => 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,117 @@
+import t from "../../_virtual/lodash.js";
+import { useState as v, useRef as C } from "react";
+import { flattenValidators as L, deepMergeValues as N, mergeRefs as P } from "../helpers.js";
+const X = ({
+  initialValues: V,
+  validators: R = {},
+  options: b = {
+    validationMode: "default"
+  }
+}) => {
+  const [a, g] = v(V), [u, d] = v({}), [F, S] = v({}), [D, w] = v({}), j = C({}), i = C(V), p = C(V), f = L(R), O = (e, r) => {
+    const o = (t.get(f, e) ?? []).map((n) => n(r, a)).filter((n) => !!n);
+    d((n) => {
+      const c = t.cloneDeep(n);
+      return t.set(c, e, o), c;
+    });
+  }, B = () => {
+    const e = {};
+    return Object.keys(f).forEach((r) => {
+      const s = t.get(a, r), n = (t.get(f, r) ?? []).map((c) => c(s, a)).filter((c) => !!c);
+      n.length && t.set(e, r, n);
+    }), d(e), e;
+  }, M = () => Object.keys(f).every((e) => {
+    const r = t.get(a, e);
+    return (t.get(f, e) ?? []).every((o) => !o(r, a));
+  }), T = (e) => t.get(u, e) ?? [], q = (e) => {
+    d((r) => {
+      const s = t.cloneDeep(r);
+      return Object.entries(e).forEach(([o, n]) => {
+        t.set(s, o, n);
+      }), s;
+    });
+  }, y = (e) => t.get(a, e), x = (e, r) => {
+    g((s) => {
+      const o = t.cloneDeep(s);
+      t.set(o, e, r);
+      const n = t.get(p.current, e), c = !t.isEqual(n, r);
+      return S((E) => {
+        const l = t.cloneDeep(E);
+        return t.set(l, e, c), l;
+      }), o;
+    });
+  }, I = (e, r) => {
+    const s = j.current[e];
+    s?.focus?.(), r?.shouldSelect && s?.select?.();
+  }, k = (e, r) => t.isEqual(t.get(a, e), r), A = (e) => {
+    const r = t.cloneDeep(u);
+    (e ?? Object.keys(u)).forEach((o) => {
+      t.set(r, o, []);
+    }), d(r);
+  }, m = (e, r) => {
+    const s = t.cloneDeep(a), o = t.cloneDeep(D), n = t.cloneDeep(F), c = t.cloneDeep(u);
+    (e ?? Object.keys(i.current)).forEach((l) => {
+      const h = t.get(i.current, l);
+      t.set(s, l, h), t.set(o, l, !1), t.set(n, l, !1), t.set(c, l, []);
+    }), g(s), w(o), S(n), d(c), r || (p.current = i.current);
+  }, H = (e) => {
+    m(void 0, !0), g((r) => {
+      const s = N(r, e);
+      return p.current = s, s;
+    });
+  }, z = (e, r) => ({
+    name: e,
+    ref: P((s) => {
+      j.current[e] = s;
+    }, r),
+    value: t.get(a, e, t.get(i.current, e, "")),
+    onChange: (s) => {
+      const {
+        value: o
+      } = s.target;
+      g((n) => {
+        const c = t.cloneDeep(n);
+        t.set(c, e, o);
+        const E = !t.isEqual(t.get(p.current, e), o);
+        return S((l) => {
+          const h = t.cloneDeep(l);
+          return t.set(h, e, E), h;
+        }), b.validationMode === "default" && t.get(D, e) && O(e, o), c;
+      });
+    },
+    onBlur: () => {
+      w((s) => {
+        const o = t.cloneDeep(s);
+        return t.set(o, e, !0), o;
+      }), b.validationMode === "default" && O(e, t.get(a, e));
+    }
+  }), G = (e) => (r) => {
+    r.preventDefault();
+    const s = B();
+    t.isEmpty(s) && e(a);
+  }, J = M(), K = Object.values(F).some(Boolean);
+  return {
+    reset: m,
+    changed: F,
+    values: a,
+    errors: u,
+    touched: D,
+    isValid: J,
+    formHasChange: K,
+    register: z,
+    cleanErrors: A,
+    changeValues: H,
+    compareField: k,
+    handleSubmit: G,
+    getFieldValue: y,
+    getFieldError: T,
+    setFieldFocus: I,
+    setFieldValue: x,
+    setExternalErrors: q,
+    initialValues: i.current
+  };
+};
+export {
+  X as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/form2/useForm/index.ts"],"sourcesContent":["import _ from 'lodash';\nimport { ChangeEvent, FormEvent, Ref, useRef, useState } from 'react';\nimport type {\n  FieldErrors, FieldChanged, FieldTouched, FieldFocusOptions, UseFormProps,\n  UseFormReturn, DeepPartial,\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 validateField = (name: string, value: any) => {\n    const validatorsForField = _.get(flattenedValidators, name) ?? [];\n    const fieldErrors = validatorsForField\n      .map((validator: any) => validator(value, values))\n      .filter((message: string) => Boolean(message));\n\n    setErrors((prevErrorsState) => {\n      const updatedErrorsState = _.cloneDeep(prevErrorsState);\n      _.set(updatedErrorsState, name, fieldErrors);\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      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 = (name: string, externalRef?: Ref<HTMLInputElement | HTMLTextAreaElement>) => {\n    return {\n      name,\n      ref: mergeRefs<HTMLInputElement | HTMLTextAreaElement>((inputElement: any) => {\n        fieldsRef.current[name] = inputElement;\n      }, externalRef),\n      value: _.get(values, name, _.get(initialValuesRef.current, 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' && _.get(touched, name)) {\n            validateField(name, value);\n          }\n\n          return updatedValues;\n        });\n      },\n      onBlur: () => {\n        setTouched((prevStateTouched) => {\n          const updated = _.cloneDeep(prevStateTouched);\n          _.set(updated, name, true);\n          return updated;\n        });\n\n        if (options.validationMode === 'default') {\n          validateField(name, _.get(values, name));\n        }\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"],"names":["useForm","initialValues","validators","options","validationMode","values","setValues","useState","errors","setErrors","changed","setChanged","touched","setTouched","fieldsRef","useRef","initialValuesRef","valuesToCompareInChangedRef","flattenedValidators","flattenValidators","validateField","name","value","fieldErrors","_","get","map","validator","filter","message","Boolean","prevErrorsState","updatedErrorsState","cloneDeep","set","validateAllFields","allValidationErrors","Object","keys","forEach","path","length","checkFormIsValid","every","getFieldError","setExternalErrors","externalErrors","prevStateErrors","newErrorsState","entries","key","getFieldValue","setFieldValue","prevStateValues","updatedValuesState","valueToCompare","current","hasChanged","isEqual","prevStateChanged","updatedChangedState","setFieldFocus","fieldFocusOptions","field","focus","shouldSelect","select","compareField","cleanErrors","fieldsToClean","fields","reset","inputsToReset","internalReset","newValuesState","newTouchedState","newChangedState","inputs","initialValue","changeValues","fieldValues","undefined","deepMergeValues","register","externalRef","ref","mergeRefs","inputElement","onChange","event","target","updatedValues","onBlur","prevStateTouched","updated","handleSubmit","callback","preventDefault","validationErrors","isEmpty","isValid","formHasChange","some"],"mappings":"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"}

package/lib/gridlayout/GridCol.js

@@ -1,26 +1,28 @@
-import { j as c } from "../chunks/jsx-runtime.CYK1ROHF.js";
-/* empty css                            */
-const n = (l) => {
+import { jsx as u } from "react/jsx-runtime";
+import { c as p } from "../_virtual/compiler-runtime.js";
+import '../assets/styles/gridlayout.css';/* empty css                               */
+const $ = (l) => {
   const s = l ? l.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;
-}, u = (l) => {
-  const {
-    cols: s,
-    customClass: t,
-    children: o,
-    style: i,
-    visible: r = !0
-  } = l, e = n(s || "");
-  return r ? /* @__PURE__ */ c.jsx(
-    "div",
-    {
-      className: `${t} ${e}`,
-      style: i,
-      children: o
-    }
-  ) : null;
+}, C = (l) => {
+  const s = p.c(6), {
+    cols: t,
+    customClass: a,
+    children: i,
+    style: c,
+    visible: m
+  } = l, f = m === void 0 ? !0 : m, r = t || "";
+  let o;
+  s[0] !== r ? (o = $(r), s[0] = r, s[1] = o) : o = s[1];
+  const d = o;
+  if (!f)
+    return null;
+  const n = `${a} ${d}`;
+  let e;
+  return s[2] !== i || s[3] !== c || s[4] !== n ? (e = /* @__PURE__ */ u("div", { className: n, style: c, children: i }), s[2] = i, s[3] = c, s[4] = n, s[5] = e) : e = s[5], e;
 };
 export {
-  u as default
+  C as default
 };
+//# sourceMappingURL=GridCol.js.map

package/lib/gridlayout/GridCol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCol.js","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"],"names":["getClass","col","cols","split","classes","GridCol","props","$","_c","customClass","children","style","visible","t0","undefined","t1","t2","gridClasses","t3","t4"],"mappings":";;;AAGA,MAAMA,IAAWA,CAACC,MAAe;AAC/B,QAAMC,IAAOD,IAAMA,EAAIE,MAAM,GAAG,IAAI,CAAA;AACpC,MAAIC,IAAU;AACd,SAAIF,EAAK,CAAC,WAAc,UAAUA,EAAK,CAAC,CAAC,KACrCA,EAAK,CAAC,WAAc,WAAWA,EAAK,CAAC,CAAC,KACtCA,EAAK,CAAC,WAAc,WAAWA,EAAK,CAAC,CAAC,KACtCA,EAAK,CAAC,WAAc,WAAWA,EAAK,CAAC,CAAC,KACnCE;AACT,GAEMC,IAAUC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GACd;AAAA,IAAAN,MAAAA;AAAAA,IAAAO,aAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,SAAAC;AAAAA,EAAAA,IAEIP,GADkCM,IAAAC,MAAAC,SAAA,KAAAD,GAETE,IAAAb,KAAA;AAAU,MAAAc;AAAA,EAAAT,SAAAQ,KAAnBC,IAAAhB,EAASe,CAAU,GAACR,OAAAQ,GAAAR,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAAxC,QAAAU,IAAoBD;AACpB,MAAI,CAACJ;AAAO,WAAS;AAGN,QAAAM,IAAA,GAAGT,CAAW,IAAIQ,CAAW;AAAE,MAAAE;AAAA,SAAAZ,EAAA,CAAA,MAAAG,KAAAH,SAAAI,KAAAJ,EAAA,CAAA,MAAAW,KAD5CC,+BACa,WAAAD,GACJP,OAAAA,GACND,UAAAA,GACH,GAAMH,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAW,GAAAX,OAAAY,KAAAA,IAAAZ,EAAA,CAAA,GAJNY;AAIM;"}

package/lib/gridlayout/GridRow.js

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

package/lib/gridlayout/GridRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridRow.js","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"],"names":["getClass","props","customClass","withTrim","verticalAlign","horizontalAlign","GridRow","$","_c","style","children","t0","visible","t1","undefined","t2","t3"],"mappings":";;;AAGA,MAAMA,IAAWA,CAACC,MAChB,OAAOA,EAAMC,WAAW;AAAA,MACpBD,EAAME,YAAY,YAAY;AAAA,MAC9BF,EAAMG,iBAAiB,gBAAgBH,EAAMG,aAAa,EAAE;AAAA,MAC5DH,EAAMI,mBAAmB,oBAAoBJ,EAAMI,eAAe,EAAE,IAGpEC,IAAUL,CAAAA,MAAA;AAAA,QAAAM,IAAAC,EAAAA,EAAA,CAAA,GACd;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAN,eAAAO;AAAAA,IAAAC,SAAAC;AAAAA,EAAAA,IAKIZ,GAFFG,IAAAO,MAAAG,SAAA,UAAAH;AAGF,MAAI,EAFFE,MAAAC,SAAA,KAAAD;AAEU,WAAS;AAAK,MAAAE;AAAA,EAAAR,EAAA,CAAA,MAAAN,KAAAM,SAAAH,KAIXW,IAAAf,EAAS;AAAA,IAAA,GAAKC;AAAAA,IAAKG,eAAAA;AAAAA,EAAAA,CAAiB,GAACG,OAAAN,GAAAM,OAAAH,GAAAG,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAS;AAAA,SAAAT,EAAA,CAAA,MAAAG,KAAAH,SAAAE,KAAAF,EAAA,CAAA,MAAAQ,KAFlDC,+BACSP,OAAAA,GACI,WAAAM,GACVL,UAAAA,GACH,GAAMH,OAAAG,GAAAH,OAAAE,GAAAF,OAAAQ,GAAAR,OAAAS,KAAAA,IAAAT,EAAA,CAAA,GAJNS;AAIM;"}

package/lib/gridlayout/index.js

@@ -4,3 +4,4 @@ export {
   d as GridRow,
   r as default
 };
+//# sourceMappingURL=index.js.map

package/lib/gridlayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/hint/helpers.js

@@ -1,8 +1,13 @@
-import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.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: [
+import { jsx as s, jsxs as e } from "react/jsx-runtime";
+const r = (i) => /* @__PURE__ */ s("div", { className: "rules-list", style: {
+  padding: "15px 0px"
+}, children: /* @__PURE__ */ s("ul", { style: {
+  listStyleType: "none"
+}, children: i.map((l, t) => /* @__PURE__ */ e("li", { children: [
   "-",
-  i
-] }, e.toString())) }) });
+  l
+] }, t.toString())) }) });
 export {
-  n as showHintList
+  r as showHintList
 };
+//# sourceMappingURL=helpers.js.map

package/lib/hint/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","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"],"names":["showHintList","arrayHint","padding","jsx","listStyleType","map","hint","index","toString"],"mappings":";AACO,MAAMA,IAAeA,CAACC,wBAC1B,OAAA,EAAI,WAAU,cAAa,OAAO;AAAA,EAAEC,SAAS;AAAW,GACvD,UAAA,gBAAAC,EAAC,QAAG,OAAO;AAAA,EAAEC,eAAe;AAAO,GAChCH,YAAUI,IAAI,CAACC,GAAMC,wBAAW,MAAA,EAAyB,UAAA;AAAA,EAAA;AAAA,EAEvDD;AAAAA,EAAAA,GAFsCC,EAAMC,UAG/C,CAAK,GACP,EAAA,CACF;"}

package/lib/hint/index.js

@@ -1,28 +1,32 @@
-import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { showHintList as o } from "./helpers.js";
-const u = ({
-  visible: e = !0,
-  description: r,
-  customClass: t,
-  skeletonize: n = !1,
-  style: i,
-  disabled: a = !1,
-  color: l
-}) => !e || !r ? null : /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    "aria-disabled": a,
-    style: i,
-    className: `
+import { jsx as c } from "react/jsx-runtime";
+import { c as v } from "../_virtual/compiler-runtime.js";
+import { showHintList as $ } from "./helpers.js";
+import '../assets/styles/hint.css';/* empty css                         */
+const z = (m) => {
+  const e = v.c(8), {
+    visible: n,
+    description: i,
+    customClass: p,
+    skeletonize: a,
+    style: l,
+    disabled: d,
+    color: f
+  } = m, b = n === void 0 ? !0 : n, u = a === void 0 ? !1 : a, t = d === void 0 ? !1 : d;
+  if (!b || !i)
+    return null;
+  const r = `
         hint-component
-        ${t}
-        ${n ? "-skeletonized" : ""}
-        ${a ? "-disabled" : ""}
-        -${l}
-      `,
-    children: Array.isArray(r) ? o(r) : /* @__PURE__ */ s.jsx("span", { "aria-disabled": a, children: r })
-  }
-);
+        ${p}
+        ${u ? "-skeletonized" : ""}
+        ${t ? "-disabled" : ""}
+        -${f}
+      `;
+  let s;
+  e[0] !== i || e[1] !== t ? (s = Array.isArray(i) ? $(i) : /* @__PURE__ */ c("span", { "aria-disabled": t, children: i }), e[0] = i, e[1] = t, e[2] = s) : s = e[2];
+  let o;
+  return e[3] !== t || e[4] !== l || e[5] !== r || e[6] !== s ? (o = /* @__PURE__ */ c("div", { "aria-disabled": t, style: l, className: r, children: s }), e[3] = t, e[4] = l, e[5] = r, e[6] = s, e[7] = o) : o = e[7], o;
+};
 export {
-  u as default
+  z as default
 };
+//# sourceMappingURL=index.js.map

package/lib/hint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/hint/index.tsx"],"sourcesContent":["import { HintProps } from './types';\nimport { showHintList } from './helpers';\nimport '../assets/styles/hint.scss';\n\nconst Hint = ({\n  visible = true,\n  description,\n  customClass,\n  skeletonize = false,\n  style,\n  disabled = false,\n  color,\n}: HintProps) => {\n  if (!visible || !description) return null;\n\n  return (\n    <div\n      aria-disabled={disabled}\n      style={style}\n      className={`\n        hint-component\n        ${customClass}\n        ${skeletonize ? '-skeletonized' : ''}\n        ${disabled ? '-disabled' : ''}\n        -${color}\n      `}>\n      {Array.isArray(description) ?\n          showHintList(description) :\n          <span aria-disabled={disabled}>{description}</span>}\n    </div>\n  );\n};\n\nexport default Hint;\n"],"names":["Hint","t0","$","_c","visible","t1","description","customClass","skeletonize","t2","style","disabled","t3","color","undefined","t4","t5","Array","isArray","showHintList","jsx","t6"],"mappings":";;;;AAIA,MAAMA,IAAOC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,SAAAC;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,aAAAC;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAZ,GACZG,IAAAC,MAAAS,SAAA,KAAAT,GAGAG,IAAAC,MAAAK,SAAA,KAAAL,GAEAE,IAAAC,MAAAE,SAAA,KAAAF;AAGA,MAAI,CAACR,KAAD,CAAaE;AAAW,WAAS;AAMtB,QAAAS,IAAA;AAAA;AAAA,UAEPR,CAAW;AAAA,UACXC,IAAA,kBAAA,EAAkC;AAAA,UAClCG,IAAA,cAAA,EAA2B;AAAA,WAC1BE,CAAK;AAAA;AACT,MAAAG;AAAA,EAAAd,EAAA,CAAA,MAAAI,KAAAJ,SAAAS,KACAK,IAAAC,MAAKC,QAASZ,CAEuC,IADlDa,EAAab,CACqC,IAAlD,gBAAAc,EAAA,QAAA,EAAqBT,iBAAAA,GAAWL,UAAAA,EAAAA,CAAY,GAAOJ,OAAAI,GAAAJ,OAAAS,GAAAT,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAmB;AAAA,SAAAnB,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAa,KAAAb,SAAAc,KAZzDK,sBAAA,OAAA,EACiBV,oBACRD,OAAAA,GACI,WAAAK,GAOVC,UAAAA,EAAAA,CAGH,GAAMd,OAAAS,GAAAT,OAAAQ,GAAAR,OAAAa,GAAAb,OAAAc,GAAAd,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA,GAbNmB;AAaM;"}

package/lib/icons/helper.d.ts

@@ -631,5 +631,25 @@ declare const _default: {
         viewbox: string;
         paths: string[];
     };
+    clipboard: {
+        viewbox: string;
+        paths: string[];
+    };
+    square: {
+        viewbox: string;
+        paths: string[];
+    };
+    typography: {
+        viewbox: string;
+        paths: string[];
+    };
+    shrink: {
+        viewbox: string;
+        paths: string[];
+    };
+    minus: {
+        viewbox: string;
+        paths: string[];
+    };
 };
 export default _default;