@envisiongroup/porygon 1.0.0-rc.8 → 1.0.0

package/dist/react-components/fields/Input/EFWInput.utils.js

@@ -0,0 +1,222 @@
+import { computeCaretAfterReformat as p } from "../../commons/caretPositioning.js";
+const P = (t) => {
+  const r = (t || "").toString(), e = r.replace(/^0+/, "");
+  let n = "";
+  if (e != "" && e.length > 1) {
+    const s = e.replace(/\./g, "").replace(/-/g, ""), a = s.substring(0, s.length - 1);
+    let c = 0, o = 1;
+    for (c = a.length - 1; c >= 0; c--)
+      n = a.charAt(c) + n, o % 3 == 0 && o <= a.length - 1 && (n = "." + n), o++;
+    const h = s.substring(s.length - 1);
+    return n = n + "-" + h, n;
+  } else
+    return r;
+}, w = (t) => {
+  const r = (t || "").replace(/\./g, "").replace(/‐/g, "-");
+  if (!/^[0-9]+-?[0-9kK]{1}$/.test(r)) return !1;
+  const e = r.includes("-") ? r.split("-") : [r.slice(0, -1), r.slice(-1)];
+  let n = e[1];
+  const i = e[0];
+  if (!i || !n) return !1;
+  const s = (a) => {
+    let c = 0, o = 1;
+    for (; a; a = Math.floor(a / 10))
+      o = (o + a % 10 * (9 - c++ % 6)) % 11;
+    return o ? o - 1 : "k";
+  };
+  return n == "K" && (n = "k"), s(i) == n;
+}, E = (t) => /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(t), b = (t) => /^([01]?[0-9]|2[0-3]):[0-5][0-9]$/.test(t), l = (t) => {
+  if (t instanceof RegExp)
+    return t;
+  try {
+    return new RegExp(t);
+  } catch {
+    return;
+  }
+}, f = {
+  none: /^.*$/,
+  email: /^.*$/,
+  creditCard: /^\d*$/,
+  chileanRut: /^[\dkK-]*$/i,
+  date: /^\d*$/,
+  time: /^\d*$/,
+  custom: /^.*$/
+}, R = (t, r) => (f[r] ?? f.none).test(
+  t
+), u = {
+  none: (t) => t,
+  email: (t) => t,
+  creditCard: (t) => t.replace(/ /g, ""),
+  chileanRut: (t) => {
+    const r = t.replace(/\./g, "");
+    if (!f.chileanRut.test(r))
+      return r;
+    const e = r.includes("-"), n = r.replace(/-/g, "");
+    if (e && n.length >= 2) {
+      const i = n.length - 1;
+      return n.slice(0, i) + "-" + n.slice(i);
+    }
+    return n;
+  },
+  date: (t) => t.replace(/\//g, ""),
+  custom: (t) => t,
+  time: (t) => t.replace(/:/g, "")
+}, $ = (t, r) => {
+  if (!t || !r) return "";
+  let e = "", n = 0;
+  for (let i = 0; i < r.length && n < t.length; i++) {
+    const s = r[i], a = t[n];
+    if (s === "#") {
+      e += a, n++;
+      continue;
+    }
+    e += s, a === s && n++;
+  }
+  return n === t.length ? e : t;
+}, m = (t, r, e) => {
+  if (!t || !e) return !1;
+  const n = /* @__PURE__ */ new Set();
+  for (const s of e)
+    s !== "#" && n.add(s);
+  const i = new RegExp(
+    r.source,
+    r.flags.replace(/[gy]/g, "")
+  );
+  for (const s of t)
+    if (i.test(s) && !n.has(s))
+      return !0;
+  return !1;
+}, F = (t, r, e) => {
+  if (!t) return "";
+  if (e?.stripPattern) {
+    const i = l(e.stripPattern);
+    return !i || e.mask && m(t, i, e.mask) ? t : t.replace(i, "");
+  }
+  return (u[r] || u.none)(t);
+}, d = {
+  none: (t) => t,
+  email: (t) => t,
+  creditCard: (t) => t.length > 19 ? t : t.replace(/(\d{4})(?=\d)/g, "$1 ").trim(),
+  chileanRut: (t) => P(t),
+  date: (t) => t.length > 8 || t.length <= 2 ? t : t.length <= 4 ? `${t.slice(0, 2)}/${t.slice(2)}` : `${t.slice(0, 2)}/${t.slice(2, 4)}/${t.slice(4)}`,
+  // number: (value) => {
+  // 	if (isNaN(Number(value))) return value; // Si no es un número válido, retornar el valor original
+  // 	return formatNumber(value)
+  // },
+  time: (t) => t.length > 4 || t.length <= 2 ? t : `${t.slice(0, 2)}:${t.slice(2)}`,
+  custom: (t, r = {}) => {
+    if (r.formatFunction)
+      return r.formatFunction(t) || t;
+    if (r.formatPattern) {
+      let e = "", n = 0;
+      for (let i = 0; i < r.formatPattern.length && n < t.length; i++)
+        r.formatPattern[i] === "#" ? (e += t[n], n++) : (e += r.formatPattern[i], r.formatPattern[i] === t[n] && n++);
+      return n === t.length ? e : t;
+    }
+    return t;
+  }
+}, k = (t, r, e = {}) => {
+  if (!t) return "";
+  if (e.formatConfig?.mask) {
+    const i = e.formatConfig.stripPattern ? l(e.formatConfig.stripPattern) : void 0;
+    return i && m(t, i, e.formatConfig.mask) ? t : $(t, e.formatConfig.mask);
+  }
+  return R(t, r) ? (d[r] || d.none)(t, e) : t;
+}, x = (t, r, e) => F(t, r, e), y = (t, r, e = {}) => k(t, r, e), A = ({
+  rawValue: t,
+  formattedValue: r,
+  formatConfig: e,
+  defaultMessage: n
+}) => {
+  if (!e || t.length === 0)
+    return { valid: !0 };
+  const i = e.validationTarget === "formatted" ? r : t, s = e.invalidMessage ?? n;
+  if (e.validate) {
+    const a = e.validate(i, {
+      rawValue: t,
+      formattedValue: r
+    });
+    return typeof a == "string" ? { valid: !1, message: a } : a ? { valid: !0 } : { valid: !1, message: s };
+  }
+  if (e.validationPattern) {
+    const a = l(e.validationPattern);
+    return a ? a.test(i) ? { valid: !0 } : { valid: !1, message: s } : { valid: !1, message: s };
+  }
+  return { valid: !0 };
+}, g = (t) => {
+  const r = /* @__PURE__ */ new Set();
+  for (const e of t)
+    e !== "#" && r.add(e);
+  return r;
+}, C = (t, r = {}) => {
+  const { formatConfig: e, formatPattern: n, formatFunction: i } = r;
+  if (e?.stripPattern) {
+    const s = l(e.stripPattern);
+    if (!s) return null;
+    const a = new RegExp(
+      s.source,
+      s.flags.replace(/[gy]/g, "")
+    );
+    return (c) => !a.test(c);
+  }
+  if (e?.mask) {
+    const s = g(e.mask);
+    return (a) => !s.has(a);
+  }
+  switch (t) {
+    case "creditCard":
+      return (s) => s !== " ";
+    case "date":
+      return (s) => s !== "/";
+    case "time":
+      return (s) => s !== ":";
+    case "chileanRut":
+      return (s) => s !== "." && s !== "-";
+    case "custom":
+      if (i) return null;
+      if (n) {
+        const s = g(n);
+        return (a) => !s.has(a);
+      }
+      return null;
+    default:
+      return null;
+  }
+}, S = ({
+  previousCaret: t,
+  typedValue: r,
+  nextFormatted: e,
+  formatType: n,
+  formatOptions: i
+}) => {
+  const s = C(
+    n,
+    i ?? {}
+  );
+  return s ? p({
+    previousCaret: t,
+    typedValue: r,
+    nextFormatted: e,
+    isPayloadChar: s
+  }) : null;
+}, z = (t, r = "none", e) => {
+  const n = x(t ?? "", r, e?.formatConfig);
+  return y(n, r, e ?? {});
+};
+export {
+  y as applyFormatting,
+  k as applyInputFormatting,
+  $ as applyMask,
+  S as computeFormattedCaretPosition,
+  C as createPayloadCharTester,
+  z as getInputFormattedValue,
+  m as hasInvalidMaskCharacters,
+  R as isFormattableValue,
+  x as stripFormatting,
+  F as stripInputValue,
+  l as toRegExp,
+  w as validateChileanRut,
+  E as validateEmail,
+  A as validateInputFormat,
+  b as validateTime
+};

package/dist/react-components/fields/Input/EFWInput.validation.d.ts

@@ -0,0 +1,20 @@
+import { EFWInputFormatConfig, EFWInputValidationMessages, FormatType } from './EFWInput.types';
+import { FormatOptions } from './EFWInput.utils';
+
+export interface InputValidationResult {
+    hasError: boolean;
+    message: string;
+}
+interface ResolveInputValidationStateOptions {
+    rawValue: string;
+    formatType: FormatType;
+    formatPattern?: string;
+    formatConfig?: EFWInputFormatConfig;
+    minLength: number;
+    maxLength: number;
+    messages: Required<EFWInputValidationMessages>;
+    formatOptions?: FormatOptions;
+}
+export declare const validateLegacyFormatPattern: (value: string, formatPattern?: string) => boolean;
+export declare const resolveInputValidationState: ({ rawValue, formatType, formatPattern, formatConfig, minLength, maxLength, messages, formatOptions, }: ResolveInputValidationStateOptions) => InputValidationResult;
+export {};

package/dist/react-components/fields/Input/EFWInput.validation.js

@@ -0,0 +1,72 @@
+import { isFormattableValue as m, applyFormatting as h, validateInputFormat as u, hasInvalidMaskCharacters as I, validateTime as E, validateEmail as p, validateChileanRut as F, toRegExp as v } from "./EFWInput.utils.js";
+const R = (t, r) => {
+  if (!r) return !0;
+  const e = v(r);
+  return e ? e.test(t) : !1;
+}, f = (t, r) => ({
+  creditCard: r.creditCardInvalid,
+  chileanRut: r.chileanRutInvalid,
+  date: r.dateInvalid,
+  time: r.timeInvalid
+})[t] ?? r.formatInvalid, M = {
+  chileanRut: (t, r) => t.length > 0 && !F(t) ? { hasError: !0, message: r.chileanRutInvalid } : void 0,
+  creditCard: (t, r) => t.length > 0 && (t.length < 13 || t.length > 19) ? { hasError: !0, message: r.creditCardInvalid } : void 0,
+  date: (t, r) => t.length > 0 && t.length !== 8 ? { hasError: !0, message: r.dateInvalidWithFormat } : void 0,
+  email: (t, r) => t.length > 0 && !p(t) ? { hasError: !0, message: r.emailInvalid } : void 0,
+  time: (t, r) => {
+    const e = h(t, "time", {});
+    return t.length > 0 && (t.length !== 4 || !E(e)) ? { hasError: !0, message: r.timeInvalid } : void 0;
+  }
+}, b = (t, r, e) => M[r]?.(t, e), k = ({
+  rawValue: t,
+  formatType: r,
+  formatPattern: e,
+  formatConfig: a,
+  minLength: n,
+  maxLength: d,
+  messages: i,
+  formatOptions: c = {}
+}) => {
+  if (n > 0 && t.length > 0 && t.length < n)
+    return { hasError: !0, message: i.minLength(n) };
+  if (t.length > d)
+    return { hasError: !0, message: i.maxLength(d) };
+  if (t.length > 0 && !a?.stripPattern && !m(t, r))
+    return {
+      hasError: !0,
+      message: f(r, i)
+    };
+  const g = h(t, r, c), l = u({
+    rawValue: t,
+    formattedValue: g,
+    formatConfig: a,
+    defaultMessage: i.formatInvalid
+  });
+  if (!l.valid)
+    return {
+      hasError: !0,
+      message: l.message ?? i.formatInvalid
+    };
+  const s = b(
+    t,
+    r,
+    i
+  );
+  if (s)
+    return s;
+  if (!R(t, e))
+    return { hasError: !0, message: i.formatInvalid };
+  if (t.length > 0 && a?.mask && a?.stripPattern) {
+    const o = v(a.stripPattern);
+    if (o && I(t, o, a.mask))
+      return {
+        hasError: !0,
+        message: a.invalidMessage ?? i.formatInvalid
+      };
+  }
+  return { hasError: !1, message: "" };
+};
+export {
+  k as resolveInputValidationState,
+  R as validateLegacyFormatPattern
+};

package/dist/react-components/fields/Input/EFWInputField.js

@@ -0,0 +1,86 @@
+import { jsx as t } from "react/jsx-runtime";
+import { EFWField as O } from "../_shared/EFWField/EFWField.js";
+import { EFWInput as R } from "./EFWInput.js";
+import { mergeClasses as S } from "@griffel/react";
+const H = (a) => {
+  const {
+    title: n,
+    infoLabel: o,
+    hint: i,
+    style: l = {},
+    size: s,
+    className: r,
+    required: d = !1,
+    contentBefore: f,
+    contentAfter: m,
+    minLength: g = 0,
+    maxLength: p = 250,
+    validationState: u,
+    validationMessage: c,
+    validationMessageIcon: h,
+    value: C,
+    defaultValue: b,
+    editable: e = !0,
+    disabled: F = !1,
+    hidden: v = !1,
+    onChange: x,
+    autoComplete: y = "off",
+    type: L = "text",
+    formatType: E = "none",
+    formatPattern: I,
+    formatFunction: M,
+    formatConfig: N,
+    labels: W,
+    readOnlyRenderer: w,
+    validationMessages: P,
+    onValidationChange: V,
+    ...j
+  } = a, q = (A, B) => {
+    x?.(A, B);
+  }, z = S(r, "efw-input-field");
+  return /* @__PURE__ */ t(
+    O,
+    {
+      className: z,
+      style: l,
+      title: n,
+      infoLabel: o,
+      weightLabel: e ? "regular" : "semibold",
+      hint: i,
+      size: s,
+      required: d,
+      validationState: u,
+      validationMessage: c,
+      validationMessageIcon: h,
+      onValidationChange: V,
+      hidden: v,
+      ...j,
+      children: /* @__PURE__ */ t(
+        R,
+        {
+          value: C,
+          defaultValue: b,
+          editable: e,
+          onChange: q,
+          minLength: g,
+          maxLength: p,
+          disabled: F,
+          autoComplete: y,
+          type: L,
+          contentBefore: f,
+          contentAfter: m,
+          formatType: E,
+          formatPattern: I,
+          formatFunction: M,
+          formatConfig: N,
+          labels: W,
+          readOnlyRenderer: w,
+          validationMessages: P
+        }
+      )
+    }
+  );
+};
+export {
+  H as EFWInputField
+};

package/dist/react-components/fields/{EFWInputField → Input}/EFWInputField.types.d.ts

@@ -1,5 +1,5 @@
-import { EFWFieldProps } from '../EFWField/EFWField.types';
-import { EFWInputProps, EFWInputValue } from '../EFWInput/EFWInput.types';
+import { EFWFieldProps } from '../_shared/EFWField/EFWField.types';
+import { EFWInputProps, EFWInputValue } from './EFWInput.types';
 
 export type EFWInputFieldValue = EFWInputValue;
 export interface EFWInputFieldProps extends Omit<EFWFieldProps, 'children'>, EFWInputProps {

package/dist/react-components/fields/Input/index.d.ts

@@ -0,0 +1,5 @@
+export { EFWInput } from './EFWInput';
+export { getInputFormattedValue } from './EFWInput.utils';
+export type { EFWInputProps, EFWInputValue, EFWInputNonEditableRenderer, EFWInputFormatConfig, EFWInputFormatValidationContext, EFWInputValidationTarget, } from './EFWInput.types';
+export { EFWInputField } from './EFWInputField';
+export type { EFWInputFieldProps, EFWInputFieldValue, } from './EFWInputField.types';

package/dist/react-components/fields/Input/index.js

@@ -0,0 +1,8 @@
+import { EFWInput as o } from "./EFWInput.js";
+import { getInputFormattedValue as p } from "./EFWInput.utils.js";
+import { EFWInputField as u } from "./EFWInputField.js";
+export {
+  o as EFWInput,
+  u as EFWInputField,
+  p as getInputFormattedValue
+};