impact-nova 2.5.8 → 2.5.10

package/dist/components/forms/smart-input/smart-input.js

@@ -1,34 +1,50 @@
-import { jsx as P } from "react/jsx-runtime";
-import { useState as E } from "react";
-import { createComponent as x } from "../../../lib/primitives/create-component.js";
-import { Input as L } from "../input/input.js";
-const le = x("SmartInput", function({
-  value: M,
-  type: S = "text",
-  onChange: v,
-  onBlur: b,
-  onFocus: z,
-  allowNegative: D = !0,
+import { jsx as R } from "react/jsx-runtime";
+import { useState as ee } from "react";
+import { createComponent as te } from "../../../lib/primitives/create-component.js";
+import { Input as re } from "../input/input.js";
+const ne = /* @__PURE__ */ new Set([
+  "email",
+  "password",
+  "url",
+  "tel"
+]);
+function se(d, v) {
+  return d !== void 0 ? d : ne.has(v ?? "");
+}
+function ue(d) {
+  return d.replace(/[^\p{L}\p{N}\s]/gu, "");
+}
+const he = te("SmartInput", function({
+  value: v,
+  type: C = "text",
+  onChange: I,
+  onBlur: T,
+  onFocus: _,
+  allowNegative: m = !0,
   min: s,
   max: u,
-  minOperator: F,
-  maxOperator: K,
-  min_operator: O = ">=",
-  max_operator: W = "<=",
-  maxIntegerDigits: V,
-  decimalPlaces: o,
-  enforceDecimal: j = !1,
-  allowDecimal: B = !0,
-  maxLength: i,
-  trimLeadingSpaces: y = !0,
-  customValidator: N,
+  minOperator: b,
+  maxOperator: E,
+  min_operator: F = ">=",
+  max_operator: K = "<=",
+  maxIntegerDigits: D,
+  decimalPlaces: a,
+  enforceDecimal: O = !1,
+  allowDecimal: N = !0,
+  allowSpecialCharacters: U,
+  maxLength: c,
+  trimLeadingSpaces: P = !0,
+  customValidator: B,
   onValidationError: p,
-  disabled: h = !1,
-  ...k
-}, T) {
-  const $ = M !== void 0, [U, m] = E(""), a = $ ? String(M ?? "") : U, c = S === "number", g = F ?? O, w = K ?? W, q = (t) => {
+  disabled: S = !1,
+  ...W
+}, j) {
+  const $ = v !== void 0, [k, g] = ee(""), i = $ ? String(v ?? "") : k, l = C === "number", A = se(
+    U,
+    C
+  ), V = b ?? F, w = E ?? K, z = (t) => {
     if (s === void 0) return !0;
-    switch (g) {
+    switch (V) {
       case ">":
         return t > s;
       case ">=":
@@ -40,7 +56,7 @@ const le = x("SmartInput", function({
       default:
         return !0;
     }
-  }, A = (t) => {
+  }, G = (t) => {
     if (u === void 0) return !0;
     switch (w) {
       case ">":
@@ -54,10 +70,10 @@ const le = x("SmartInput", function({
       default:
         return !0;
     }
-  }, G = (t) => {
+  }, H = (t) => {
     let e = t;
     if (s !== void 0) {
-      const r = g === ">" ? s + 0.01 : s;
+      const r = V === ">" ? s + 0.01 : s;
       e = Math.max(e, r);
     }
     if (u !== void 0) {
@@ -65,124 +81,129 @@ const le = x("SmartInput", function({
       e = Math.min(e, r);
     }
     return e;
-  }, H = (t) => {
-    const e = D ? /[^0-9.-]/g : /[^0-9.]/g;
+  }, Q = (t) => {
+    const e = m ? /[^0-9.-]/g : /[^0-9.]/g;
     return t.replace(e, "");
-  }, J = (t) => {
+  }, Y = (t) => {
     const e = t.split(".");
     return e.length > 2 ? e[0] + "." + e.slice(1).join("") : t;
-  }, Q = (t, e) => {
-    if (!D) return t;
+  }, q = (t, e) => {
+    if (!m) return t;
     if ((t.match(/-/g) || []).length > 1) {
       let n = t.replace(/-/g, "");
       return e.startsWith("-") && (n = "-" + n), n;
     } else if (t.includes("-") && !t.startsWith("-"))
       return t.replace("-", "");
     return t;
-  }, R = (t) => {
-    if (o === void 0 || !t.includes(".")) return t;
+  }, J = (t) => {
+    if (a === void 0 || !t.includes(".")) return t;
     const [e, r] = t.split(".");
-    return r && r.length > o ? `${e}.${r.slice(0, o)}` : t;
+    return r && r.length > a ? `${e}.${r.slice(0, a)}` : t;
   }, X = (t) => {
-    if (V === void 0) return t;
+    if (D === void 0) return t;
     const [e, r] = t.split("."), n = e.replace("-", "");
-    if (n.length > V) {
-      const f = n.slice(0, V), d = e.startsWith("-") ? "-" : "";
-      return r !== void 0 ? `${d}${f}.${r}` : `${d}${f}`;
+    if (n.length > D) {
+      const o = n.slice(0, D), f = e.startsWith("-") ? "-" : "";
+      return r !== void 0 ? `${f}${o}.${r}` : `${f}${o}`;
     }
     return t;
-  }, C = (t) => {
-    if (!c) return t;
+  }, Z = (t) => {
+    if (!l) return t;
     let e = String(t ?? "");
-    return y && (e = e.replace(/^\s+/, "")), e = H(e), e = J(e), e = Q(e, t), e = R(e), e = X(e), B || (e = e.replace(".", "")), e;
-  }, Y = (t) => {
-    if (!c || !t || t === "-") return t;
+    return P && (e = e.replace(/^\s+/, "")), e = Q(e), e = Y(e), e = q(e, t), e = J(e), e = X(e), N || (e = e.replace(".", "")), e;
+  }, y = (t) => {
+    if (l) return Z(t);
+    let e = String(t ?? "");
+    return P && (e = e.replace(/^\s+/, "")), A || (e = ue(e)), e;
+  }, x = (t) => {
+    if (!l || !t || t === "-") return t;
     let e = t;
     const r = parseFloat(e);
     if (isNaN(r)) return "";
-    const n = G(r);
-    if (j && o !== void 0)
-      e = n.toFixed(o);
-    else if (o !== void 0 && e.includes(".")) {
-      const [f, d = ""] = e.split("."), I = d.padEnd(o, "0");
-      e = `${f}.${I}`;
+    const n = H(r);
+    if (O && a !== void 0)
+      e = n.toFixed(a);
+    else if (a !== void 0 && e.includes(".")) {
+      const [o, f = ""] = e.split("."), M = f.padEnd(a, "0");
+      e = `${o}.${M}`;
     } else
       e = String(n);
     return e;
-  }, Z = (t) => {
+  }, L = (t) => {
     if (!t) return !0;
-    if (N && !N(t))
+    if (B && !B(t))
       return p?.("Custom validation failed"), !1;
-    if (c) {
+    if (l) {
       const e = parseFloat(t);
       if (isNaN(e))
         return p?.("Invalid number"), !1;
-      if (!q(e))
-        return p?.(`Value must be ${g} ${s}`), !1;
-      if (!A(e))
+      if (!z(e))
+        return p?.(`Value must be ${V} ${s}`), !1;
+      if (!G(e))
         return p?.(`Value must be ${w} ${u}`), !1;
     }
-    return i && t.length > i ? (p?.(`Maximum length is ${i}`), !1) : !0;
+    return c && t.length > c ? (p?.(`Maximum length is ${c}`), !1) : !0;
   };
-  return /* @__PURE__ */ P(
+  return /* @__PURE__ */ R(
     "div",
     {
       "data-component": "smart-input",
       className: "w-full",
-      "data-numeric": c || void 0,
-      "data-decimal-places": o,
+      "data-numeric": l || void 0,
+      "data-allow-special-characters": A || void 0,
+      "data-decimal-places": a,
       "data-min": s,
       "data-max": u,
-      children: /* @__PURE__ */ P(
-        L,
+      children: /* @__PURE__ */ R(
+        re,
         {
-          ...k,
-          type: S,
-          value: a,
+          ...W,
+          type: C,
+          value: i,
           onChange: (t) => {
-            if (h) return;
-            let r = t.target.value;
-            c ? r = C(r) : y && (r = r.replace(/^\s+/, "")), i && r.length > i && (r = r.slice(0, i)), $ || m(r), v?.(r, t);
+            if (S) return;
+            let e = y(t.target.value);
+            c && e.length > c && (e = e.slice(0, c)), $ || g(e), I?.(e, t);
           },
           onBlur: (t) => {
-            let e = a;
-            c && e && (e = Y(e), Z(e) && ($ || m(e), e !== a && v?.(e))), b?.(t);
+            let e = i;
+            l && e && (e = x(e), L(e) && ($ || g(e), e !== i && I?.(e))), T?.(t);
           },
-          onFocus: z,
+          onFocus: _,
           onKeyDown: (t) => {
-            if (h || !c) return;
+            if (S || !l) return;
             const e = t.key;
             if (e === "e" || e === "E") {
               t.preventDefault();
               return;
             }
-            if (e === "-" && !D) {
+            if (e === "-" && !m) {
               t.preventDefault();
               return;
             }
-            if (e === "-" && a.includes("-")) {
+            if (e === "-" && i.includes("-")) {
               t.preventDefault();
               return;
             }
-            if (e === "." && (!B || a.includes("."))) {
+            if (e === "." && (!N || i.includes("."))) {
               t.preventDefault();
               return;
             }
           },
           onPaste: (t) => {
-            if (h) return;
+            if (S) return;
             t.preventDefault();
-            const e = t.clipboardData.getData("text"), r = c ? C(e) : e, n = t.target, f = n.selectionStart || 0, d = n.selectionEnd || 0, I = a.slice(0, f), _ = a.slice(d);
-            let l = I + r + _;
-            c && (l = C(l)), i && l.length > i && (l = l.slice(0, i)), $ || m(l), v?.(l);
+            const e = t.clipboardData.getData("text"), r = t.target, n = r.selectionStart || 0, o = r.selectionEnd || 0, f = i.slice(0, n), M = i.slice(o);
+            let h = y(f + e + M);
+            c && h.length > c && (h = h.slice(0, c)), $ || g(h), I?.(h);
           },
-          disabled: h,
-          ref: T
+          disabled: S,
+          ref: j
         }
       )
     }
   );
 });
 export {
-  le as SmartInput
+  he as SmartInput
 };

package/dist/components/forms/smart-input/smart-input.types.d.ts

@@ -21,6 +21,11 @@ export interface SmartInputProps extends Omit<InputProps, "onChange" | "value" |
     decimalPlaces?: number;
     enforceDecimal?: boolean;
     allowDecimal?: boolean;
+    /**
+     * When false (default), only letters, numbers, and spaces are kept.
+     * `email` / `password` / `url` / `tel` default to true.
+     */
+    allowSpecialCharacters?: boolean;
     maxLength?: number;
     trimLeadingSpaces?: boolean;
     customValidator?: (value: string) => boolean;

package/dist/components/forms/textarea/textarea.js

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as v } from "react/jsx-runtime";
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
 import * as U from "react";
 import { createComponent as k } from "../../../lib/primitives/create-component.js";
 import { useFieldChrome as z } from "../../../lib/primitives/use-field-chrome.js";
@@ -8,11 +8,11 @@ const V = k(
   "Textarea",
   ({
     className: g,
-    label: s,
-    helperText: e,
+    label: i,
+    helperText: a,
     helperTextPosition: d = "absolute",
     labelOrientation: u,
-    characterLimit: a,
+    characterLimit: o,
     required: b,
     isRequired: p,
     error: C,
@@ -20,28 +20,28 @@ const V = k(
     size: N,
     disabled: w,
     isDisabled: j,
-    value: i,
+    value: s,
     onChange: y,
     defaultValue: l,
     id: B,
     ...S
   }, q) => {
-    const A = b ?? p, t = C ?? h, o = w ?? j, R = !!(s || e || t || a), c = i !== void 0, [D, E] = U.useState(
+    const A = b ?? p, t = C ?? h, e = w ?? j, R = !!(i || a || t || o), c = s !== void 0, [D, E] = U.useState(
       () => String(l ?? "").length
-    ), F = c ? String(i ?? "").length : D, I = (f) => {
+    ), F = c ? String(s ?? "").length : D, I = (f) => {
       c || E(f.target.value.length), y?.(f);
-    }, r = z({
-      label: s,
-      helperText: e,
+    }, n = z({
+      label: i,
+      helperText: a,
       helperTextPosition: d,
       labelOrientation: u,
       error: t,
       required: A,
-      disabled: o,
+      disabled: e,
       id: B,
-      footer: e && d === "flow" || a ? /* @__PURE__ */ v("div", { className: "flex items-center justify-between gap-[6px]", children: [
-        /* @__PURE__ */ n("div", { className: "flex min-w-0 flex-1" }),
-        a ? /* @__PURE__ */ v(
+      footer: a && d === "flow" || o ? /* @__PURE__ */ v("div", { className: "flex items-center justify-between gap-[6px]", children: [
+        /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-1" }),
+        o ? /* @__PURE__ */ v(
           "div",
           {
             className: "text-[12px] font-medium leading-[18px] text-navigation-muted text-right",
@@ -49,48 +49,49 @@ const V = k(
             children: [
               F,
               "/",
-              a
+              o
             ]
           }
         ) : null
       ] }) : void 0,
       rootClassName: "min-w-[240px]"
-    }), m = /* @__PURE__ */ n(
+    }), m = /* @__PURE__ */ r(
       "div",
       {
         className: x(
-          e && d === "absolute" && "relative"
+          a && d === "absolute" && "relative"
         ),
-        children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ r(
           "textarea",
           {
             className: x(
               G({
                 error: !!t,
                 size: N,
-                disabled: !!o,
+                disabled: !!e,
                 className: g
               }),
               "bg-canvas",
-              o && "bg-disabled-surface"
+              e && "bg-disabled-surface"
             ),
             ref: q,
-            disabled: !!o,
-            value: i,
+            disabled: !!e,
+            value: s,
             defaultValue: l,
             onChange: I,
-            id: r.controlId,
+            id: n.controlId,
             "data-component": "textarea",
             "data-invalid": t || void 0,
-            "data-disabled": o || void 0,
-            "aria-invalid": r.controlAria["aria-invalid"],
-            "aria-describedby": r.controlAria["aria-describedby"],
-            ...S
+            "data-disabled": e || void 0,
+            "aria-invalid": n.controlAria["aria-invalid"],
+            "aria-describedby": n.controlAria["aria-describedby"],
+            ...S,
+            maxLength: o
           }
         )
       }
     );
-    return /* @__PURE__ */ n("div", { className: "flex w-full flex-col gap-[6px]", children: R ? r.wrapControl(m) : m });
+    return /* @__PURE__ */ r("div", { className: "flex w-full flex-col gap-[6px]", children: R ? n.wrapControl(m) : m });
   }
 );
 export {

package/dist/components/forms/textarea/textarea.types.d.ts

@@ -4,6 +4,7 @@ export interface TextareaProps extends FieldControlProps {
     className?: string;
     value?: string;
     onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    /** Caps input length and shows a live `n/{characterLimit}` counter. */
     characterLimit?: number;
     /** @deprecated Use `required` */
     isRequired?: boolean;

package/dist/form-react/Fields/TextField.js

@@ -1,23 +1,23 @@
 import { jsx as m } from "react/jsx-runtime";
-import { useRef as y, useEffect as b } from "react";
-import { useWatch as V, Controller as w } from "react-hook-form";
+import { useRef as w, useEffect as y } from "react";
+import { useWatch as b, Controller as V } from "react-hook-form";
 import { SmartInput as x } from "../../components/forms/smart-input/smart-input.js";
-import { readOptionFlag as d } from "../utils/optionFlag.js";
-const T = ({
+import { readOptionFlag as p } from "../utils/optionFlag.js";
+const I = ({
   field: e,
   validationRules: u,
   isDisabled: i,
   formHelpers: r
 }) => {
-  const a = e.fieldType === "text" ? e : null, n = a?.allowNegativeDependency, l = !!n, c = !!a?.nonNegative, p = V({
+  const n = e.fieldType === "text" ? e : null, o = n?.allowNegativeDependency, l = !!o, c = !!n?.nonNegative, d = b({
     control: r.form.control,
-    name: n?.fieldId ?? "",
+    name: o?.fieldId ?? "",
     disabled: !l
-  }), f = !c || l && d(
-    r.form.getValues(n.fieldId),
-    n.optionFlag
-  ), s = y(!0);
-  return b(() => {
+  }), f = !c || l && p(
+    r.form.getValues(o.fieldId),
+    o.optionFlag
+  ), s = w(!0);
+  return y(() => {
     if (!l) return;
     if (s.current) {
       s.current = !1;
@@ -25,8 +25,8 @@ const T = ({
     }
     const t = r.form.getValues(e.id);
     t != null && String(t).trim() !== "" && r.form.trigger(e.id);
-  }, [l, p, e.id, r.form]), a ? /* @__PURE__ */ m(
-    w,
+  }, [l, d, e.id, r.form]), n ? /* @__PURE__ */ m(
+    V,
     {
       name: e.id,
       control: r.form.control,
@@ -34,26 +34,26 @@ const T = ({
         ...u,
         validate: (t) => {
           if (typeof u.validate == "function") {
-            const o = u.validate(
+            const a = u.validate(
               t,
               r.form.getValues()
             );
-            if (o !== !0) return o;
+            if (a !== !0) return a;
           }
-          return c && l && !d(
-            r.form.getValues(n.fieldId),
-            n.optionFlag
+          return c && l && !p(
+            r.form.getValues(o.fieldId),
+            o.optionFlag
           ) && typeof t == "string" && Number(t) < 0 ? `${e.label || "Value"} must be a non-negative number` : !0;
         }
       },
-      render: ({ field: t, fieldState: o }) => {
-        const g = !!o.error, h = t.value;
+      render: ({ field: t, fieldState: a }) => {
+        const g = !!a.error, h = t.value;
         return /* @__PURE__ */ m(
           x,
           {
             name: e.id,
             label: e.label,
-            type: a.type,
+            type: n.type,
             value: h ?? void 0,
             onChange: (v) => t.onChange(v),
             onBlur: t.onBlur,
@@ -61,9 +61,10 @@ const T = ({
             required: e.isRequired && !i,
             disabled: i,
             error: g,
-            helperText: g ? o?.error?.message : e?.helpText,
+            helperText: g ? a?.error?.message : e?.helpText,
             allowNegative: f,
-            allowDecimal: a.allowDecimal ?? !0
+            allowDecimal: n.allowDecimal ?? !0,
+            allowSpecialCharacters: n.allowSpecialCharacters
           }
         );
       }
@@ -71,5 +72,5 @@ const T = ({
   ) : null;
 };
 export {
-  T as TextField
+  I as TextField
 };

package/dist/form-react/Fields/WeekRangePicker.js

@@ -1,63 +1,62 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Controller as x } from "react-hook-form";
-import { WeekRangePicker as Y } from "../../components/forms/date-picker/week-range-picker.js";
-import { toLocalDate as u } from "../utils/calendar-boundary.js";
-import { resolveWeekSelection as $ } from "../../lib/fiscal-calendar/week-selection.js";
-import { resolveWeekRangeMinMax as v } from "../utils/date.utils.js";
-const M = (r, e) => $(r, {
-  calendarKind: e.calendarKind,
-  fiscalMode: e.fiscalMode ?? "basic",
-  granularity: e.granularity,
-  fiscalMonthPattern: e.fiscalMonthPattern,
-  fiscalYearStartMonth: e.fiscalYearStartMonth ?? 1,
-  weekStartsOn: e.weekStartsOn ?? 1
-}), T = ({
-  field: r,
-  validationRules: e,
-  isDisabled: D,
-  formHelpers: l
+import { jsx as c } from "react/jsx-runtime";
+import { Controller as Y } from "react-hook-form";
+import { WeekRangePicker as $ } from "../../components/forms/date-picker/week-range-picker.js";
+import { toLocalDate as f } from "../utils/calendar-boundary.js";
+import { resolveWeekSelection as y } from "../../lib/fiscal-calendar/week-selection.js";
+import { resolveWeekRangeMinMax as T } from "../utils/date.utils.js";
+const S = (e, r) => y(e, {
+  calendarKind: r.calendarKind,
+  fiscalMode: r.fiscalMode ?? "basic",
+  granularity: r.granularity,
+  fiscalMonthPattern: r.fiscalMonthPattern,
+  fiscalYearStartMonth: r.fiscalYearStartMonth ?? 1,
+  weekStartsOn: r.weekStartsOn ?? 1
+}), C = ({
+  field: e,
+  validationRules: r,
+  isDisabled: p,
+  formHelpers: d
 }) => {
-  const t = r.fieldType === "week_range" ? r : null;
+  const t = e.fieldType === "week_range" ? e : null;
   if (!t) return null;
-  const { minDate: s, maxDate: c, startMonth: S, endMonth: f } = v(t), g = l.form.control;
-  return /* @__PURE__ */ n(
-    x,
+  const { minDate: u, maxDate: m, startMonth: D, endMonth: k } = T(t), w = d.form.control;
+  return /* @__PURE__ */ c(
+    Y,
     {
-      name: r.id,
-      control: g,
-      rules: e,
-      render: ({ field: p, fieldState: i }) => {
-        const d = !!i.error, o = p.value, h = o?.start ? u(o.start) ?? null : null, m = o?.end ? u(o.end) ?? null : null, k = h && m;
-        return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-          Y,
+      name: e.id,
+      control: w,
+      rules: r,
+      render: ({ field: v, fieldState: h }) => {
+        const g = !!h.error, a = v.value, s = a?.start ? f(a.start) ?? null : null, i = a?.end ? f(a.end) ?? null : null, F = !!(s && i);
+        return /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(
+          $,
           {
-            label: r.label,
-            ...k && {
-              value: {
-                from: M(h, t),
-                to: M(m, t)
-              }
-            },
-            onChange: (a) => {
-              const w = a?.from?.startDate ? `${a.from.startDate.getFullYear()}-${String(a.from.startDate.getMonth() + 1).padStart(2, "0")}-${String(a.from.startDate.getDate()).padStart(2, "0")}` : null, F = a?.to?.endDate ? `${a.to.endDate.getFullYear()}-${String(a.to.endDate.getMonth() + 1).padStart(2, "0")}-${String(a.to.endDate.getDate()).padStart(2, "0")}` : null;
-              l.setValue(r.id, { start: w, end: F });
+            label: e.label,
+            value: F && s && i ? {
+              from: S(s, t),
+              to: S(i, t)
+            } : void 0,
+            onChange: (o) => {
+              const M = o?.from ? { from: o.from, to: o.to ?? o.from } : void 0, n = M?.from?.startDate, l = M?.to?.endDate, P = n ? `${n.getFullYear()}-${String(n.getMonth() + 1).padStart(2, "0")}-${String(n.getDate()).padStart(2, "0")}` : null, x = l ? `${l.getFullYear()}-${String(l.getMonth() + 1).padStart(2, "0")}-${String(l.getDate()).padStart(2, "0")}` : null;
+              d.setValue(e.id, { start: P, end: x });
             },
             placeholder: t.placeholder,
-            startMonth: s ?? S,
-            endMonth: c ?? f,
-            required: r.isRequired,
-            disabled: D,
-            error: d,
-            helperText: d ? i.error?.message : r.helpText,
+            startMonth: u ?? D,
+            endMonth: m ?? k,
+            required: e.isRequired,
+            disabled: p,
+            error: g,
+            helperText: g ? h.error?.message : e.helpText,
             calendarKind: t.calendarKind,
             fiscalMode: t.fiscalMode,
             weekStartsOn: t.weekStartsOn,
-            minDate: s,
-            maxDate: c,
+            minDate: u,
+            maxDate: m,
             granularity: t.granularity,
             fiscalMonthPattern: t.fiscalMonthPattern,
             fiscalYearStartMonth: t.fiscalYearStartMonth,
             showFooter: t.showFooter,
+            showPeriodBoundaries: t.showPeriodBoundaries,
             format: t.dateFormat
           }
         ) });
@@ -66,5 +65,5 @@ const M = (r, e) => $(r, {
   );
 };
 export {
-  T as WeekRangeField
+  C as WeekRangeField
 };