linear-react-components-ui 2.0.0-beta.1 → 2.0.0-beta.3

package/lib/form2/useForm/index.js

@@ -0,0 +1,132 @@
+import e from "../../_virtual/lodash.js";
+import { useState as D, useRef as O } from "react";
+import { flattenValidators as Q, deepMergeValues as U, mergeRefs as W } from "../helpers.js";
+const $ = ({
+  initialValues: S,
+  validators: M = {},
+  options: C = {
+    validationMode: "default"
+  }
+}) => {
+  const [u, V] = D(S), [d, g] = D({}), [F, m] = D({}), [E, j] = D({}), B = O({}), h = O(S), v = O(S), f = Q(M), b = (t, r = E, s = d) => {
+    const n = Object.keys(f).filter((c) => {
+      const o = e.get(r, c), a = !e.isEmpty(e.get(s, c));
+      return !!(o || a);
+    });
+    n.length && g((c) => {
+      const o = e.cloneDeep(c);
+      return n.forEach((a) => {
+        const l = e.get(t, a), w = (e.get(f, a) ?? []).map((p) => p(l, t)).filter((p) => !!p);
+        e.set(o, a, w);
+      }), o;
+    });
+  }, R = () => {
+    const t = {};
+    return Object.keys(f).forEach((r) => {
+      const s = e.get(u, r), c = (e.get(f, r) ?? []).map((o) => o(s, u)).filter((o) => !!o);
+      c.length && e.set(t, r, c);
+    }), g(t), t;
+  }, q = () => Object.keys(f).every((t) => {
+    const r = e.get(u, t);
+    return (e.get(f, t) ?? []).every((n) => !n(r, u));
+  }), k = (t) => e.get(d, t) ?? [], x = (t) => {
+    g((r) => {
+      const s = e.cloneDeep(r);
+      return Object.entries(t).forEach(([n, c]) => {
+        e.set(s, n, c);
+      }), s;
+    });
+  }, I = (t) => e.get(u, t), A = (t, r) => {
+    V((s) => {
+      const n = e.cloneDeep(s);
+      e.set(n, t, r);
+      const c = e.get(v.current, t), o = !e.isEqual(c, r);
+      return m((a) => {
+        const l = e.cloneDeep(a);
+        return e.set(l, t, o), l;
+      }), C.validationMode === "default" && b(n), n;
+    });
+  }, H = (t, r) => {
+    const s = B.current[t];
+    s?.focus?.(), r?.shouldSelect && s?.select?.();
+  }, z = (t, r) => e.isEqual(e.get(u, t), r), G = (t) => {
+    const r = e.cloneDeep(d);
+    (t ?? Object.keys(d)).forEach((n) => {
+      e.set(r, n, []);
+    }), g(r);
+  }, T = (t, r) => {
+    const s = e.cloneDeep(u), n = e.cloneDeep(E), c = e.cloneDeep(F), o = e.cloneDeep(d);
+    (t ?? Object.keys(h.current)).forEach((l) => {
+      const i = e.get(h.current, l);
+      e.set(s, l, i), e.set(n, l, !1), e.set(c, l, !1), e.set(o, l, []);
+    }), V(s), j(n), m(c), g(o), r || (v.current = h.current);
+  }, J = (t) => {
+    T(void 0, !0), V((r) => {
+      const s = U(r, t);
+      return v.current = s, s;
+    });
+  }, K = (t, r) => {
+    const {
+      onChange: s,
+      onBlur: n,
+      ref: c
+    } = r ?? {};
+    return {
+      name: t,
+      ref: W((o) => {
+        B.current[t] = o;
+      }, c),
+      value: e.get(u, t, e.get(h.current, t, "")),
+      errors: e.get(d, t, []),
+      onChange: (o) => {
+        const {
+          value: a
+        } = o.target;
+        V((l) => {
+          const i = e.cloneDeep(l);
+          e.set(i, t, a);
+          const w = !e.isEqual(e.get(v.current, t), a);
+          return m((p) => {
+            const y = e.cloneDeep(p);
+            return e.set(y, t, w), y;
+          }), C.validationMode === "default" && b(i, E, d), i;
+        }), s?.(o);
+      },
+      onBlur: (o) => {
+        const a = e.cloneDeep(E);
+        e.set(a, t, !0), j((l) => {
+          const i = e.cloneDeep(l);
+          return e.set(i, t, !0), i;
+        }), C.validationMode === "default" && b(u, a, d), n?.(o);
+      }
+    };
+  }, L = (t) => (r) => {
+    r.preventDefault();
+    const s = R();
+    e.isEmpty(s) && t(u);
+  }, N = q(), P = Object.values(F).some(Boolean);
+  return {
+    reset: T,
+    changed: F,
+    values: u,
+    errors: d,
+    touched: E,
+    isValid: N,
+    formHasChange: P,
+    register: K,
+    cleanErrors: G,
+    changeValues: J,
+    compareField: z,
+    handleSubmit: L,
+    getFieldValue: I,
+    getFieldError: k,
+    setFieldFocus: H,
+    setFieldValue: A,
+    setExternalErrors: x,
+    initialValues: h.current
+  };
+};
+export {
+  $ 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, 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"],"names":["useForm","initialValues","validators","options","validationMode","values","setValues","useState","errors","setErrors","changed","setChanged","touched","setTouched","fieldsRef","useRef","initialValuesRef","valuesToCompareInChangedRef","flattenedValidators","flattenValidators","validateBatchOfFields","valuesSnapshot","touchedFields","errorsFields","fieldsToValidate","Object","keys","filter","path","wasTouched","_","get","hasErrors","isEmpty","Boolean","length","prevErrorsState","updatedErrorsState","cloneDeep","forEach","value","fieldErrors","map","validator","message","set","validateAllFields","allValidationErrors","checkFormIsValid","every","getFieldError","name","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","registerOptions","onChange","onBlur","ref","mergeRefs","inputElement","event","target","updatedValues","touchedSnapshot","prevStateTouched","updated","handleSubmit","callback","preventDefault","validationErrors","isValid","formHasChange","some"],"mappings":"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"}

package/lib/gridlayout/GridCol.d.ts

@@ -0,0 +1,3 @@
+import { IGridCol } from './types';
+declare const GridCol: (props: IGridCol) => import("react/jsx-runtime").JSX.Element | null;
+export default GridCol;

package/lib/gridlayout/GridCol.js

@@ -0,0 +1,28 @@
+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;
+}, 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 {
+  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.d.ts

@@ -0,0 +1,3 @@
+import { IGridRow } from './types';
+declare const GridRow: (props: IGridRow) => import("react/jsx-runtime").JSX.Element | null;
+export default GridRow;

package/lib/gridlayout/GridRow.js

@@ -0,0 +1,27 @@
+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 {
+  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.d.ts

@@ -0,0 +1,4 @@
+import { default as GridRow } from './GridRow';
+import { default as GridCol } from './GridCol';
+export default GridCol;
+export { GridRow };

package/lib/gridlayout/index.js

@@ -0,0 +1,7 @@
+import { default as d } from "./GridRow.js";
+import r from "./GridCol.js";
+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/gridlayout/types.d.ts

@@ -0,0 +1,17 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface IGridCol {
+    children?: ReactNode | ReactNode[];
+    cols?: string;
+    customClass?: string;
+    style?: CSSProperties;
+    visible?: boolean;
+}
+export interface IGridRow {
+    children?: ReactNode | ReactNode[];
+    verticalAlign?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+    horizontalAlign?: string;
+    style?: CSSProperties;
+    withTrim?: boolean;
+    visible?: boolean;
+    customClass?: string;
+}

package/lib/hint/helpers.d.ts

@@ -0,0 +1 @@
+export declare const showHintList: (arrayHint: string[]) => import("react/jsx-runtime").JSX.Element;

package/lib/hint/helpers.js

@@ -0,0 +1,13 @@
+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: [
+  "-",
+  l
+] }, t.toString())) }) });
+export {
+  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.d.ts

@@ -0,0 +1,3 @@
+import { HintProps } from './types';
+declare const Hint: ({ visible, description, customClass, skeletonize, style, disabled, color, }: HintProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Hint;

package/lib/hint/index.js

@@ -0,0 +1,32 @@
+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
+        ${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 {
+  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/hint/types.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { ColorStyles } from '../@types/ColorStyles';
+export interface HintProps {
+    description?: string | string[];
+    visible?: boolean;
+    customClass?: string;
+    skeletonize?: boolean;
+    disabled?: boolean;
+    style?: CSSProperties;
+    color?: ColorStyles;
+}