@isettingkit/business-rules 0.1.15 → 0.1.16

package/dist/index.es.js

@@ -1,21 +1,21 @@
-import { jsxs as h, jsx as n, Fragment as R } from "react/jsx-runtime";
+import { jsxs as g, jsx as n, Fragment as F } from "react/jsx-runtime";
 import { useFormik as Q } from "formik";
-import { useState as x, useEffect as P } from "react";
-import { Divider as V } from "@inubekit/divider";
+import { useState as x, useEffect as q } from "react";
+import { Divider as E } from "@inubekit/divider";
 import { Stack as o } from "@inubekit/stack";
 import { Text as y } from "@inubekit/text";
-import { Toggle as $ } from "@inubekit/toggle";
-import { ValueHowToSetUp as f, ValueDataType as j, parsePercentageString as Z, DecisionConditionRenderer as L } from "@isettingkit/input";
+import { Toggle as P } from "@inubekit/toggle";
+import { ValueHowToSetUp as f, ValueDataType as R, parsePercentageString as Z, DecisionConditionRenderer as U } from "@isettingkit/input";
 import { Textarea as J } from "@inubekit/textarea";
-import { Date as M } from "@inubekit/date";
+import { Date as L } from "@inubekit/date";
 import { Checkbox as K } from "@inubekit/checkbox";
-import { Button as z } from "@inubekit/button";
-import { object as B, string as H, number as F, mixed as I } from "yup";
-import { DecisionViewConditionRenderer as A } from "@isettingkit/view";
+import { Button as M } from "@inubekit/button";
+import { object as $, string as z, number as O, mixed as H } from "yup";
+import { DecisionViewConditionRenderer as V } from "@isettingkit/view";
 import { MdOutlineRemoveRedEye as W, MdOutlineDelete as X } from "react-icons/md";
-import { Icon as N } from "@inubekit/icon";
+import { Icon as I } from "@inubekit/icon";
 import { inube as Y } from "@inubekit/foundations";
-import G from "styled-components";
+import B from "styled-components";
 const ee = (t) => {
   const {
     label: e,
@@ -25,7 +25,7 @@ const ee = (t) => {
     required: c,
     value: m = ""
   } = t, [d, b] = x(m);
-  return /* @__PURE__ */ h(o, { direction: "column", margin: "10px 4px", children: [
+  return /* @__PURE__ */ g(o, { direction: "column", margin: "10px 4px", children: [
     /* @__PURE__ */ n(y, { size: "large", appearance: "gray", weight: "bold", margin: "10px 0", children: a }),
     /* @__PURE__ */ n(o, { margin: "10px 0", children: /* @__PURE__ */ n(
       J,
@@ -55,11 +55,11 @@ const ee = (t) => {
   } = t, [b, C] = x(e), p = (v) => {
     C(v.target.checked), i(v);
   };
-  return P(() => {
+  return q(() => {
     C(e);
-  }, [e]), /* @__PURE__ */ h(R, { children: [
+  }, [e]), /* @__PURE__ */ g(F, { children: [
     /* @__PURE__ */ n(o, { children: /* @__PURE__ */ n(
-      $,
+      P,
       {
         checked: b,
         id: l,
@@ -71,7 +71,7 @@ const ee = (t) => {
         children: /* @__PURE__ */ n(y, { size: "medium", type: "label", weight: "bold", children: c })
       }
     ) }),
-    b && /* @__PURE__ */ n(R, { children: a })
+    b && /* @__PURE__ */ n(F, { children: a })
   ] });
 }, te = (t) => {
   const {
@@ -83,9 +83,9 @@ const ee = (t) => {
     required: m = !1,
     valueStart: d = "",
     valueEnd: b = ""
-  } = t, [C, p] = x(c), [v, E] = x(d), [S, T] = x(b);
-  return /* @__PURE__ */ h(R, { children: [
-    /* @__PURE__ */ h(o, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
+  } = t, [C, p] = x(c), [v, w] = x(d), [S, T] = x(b);
+  return /* @__PURE__ */ g(F, { children: [
+    /* @__PURE__ */ g(o, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
       /* @__PURE__ */ n(o, { children: /* @__PURE__ */ n(
         y,
         {
@@ -118,14 +118,14 @@ const ee = (t) => {
         }
       )
     ] }),
-    /* @__PURE__ */ h(o, { justifyContent: "space-between", gap: "24px", children: [
+    /* @__PURE__ */ g(o, { justifyContent: "space-between", gap: "24px", children: [
       /* @__PURE__ */ n(o, { width: "189px", children: /* @__PURE__ */ n(
-        M,
+        L,
         {
           id: "dateStart",
           label: i,
           onChange: (s) => {
-            E(s.target.value), e(s);
+            w(s.target.value), e(s);
           },
           value: v,
           required: m,
@@ -133,7 +133,7 @@ const ee = (t) => {
         }
       ) }),
       C && /* @__PURE__ */ n(o, { width: "189px", children: /* @__PURE__ */ n(
-        M,
+        L,
         {
           id: "dateEnd",
           label: l,
@@ -147,13 +147,13 @@ const ee = (t) => {
       ) })
     ] })
   ] });
-}, _ = (t) => {
+}, N = (t) => {
   if ("value" in t && "valueUse" in t && t.value !== void 0) {
     const e = t.value, a = typeof e == "object" && "from" in e && typeof e.from == "number" ? e.from : 0, i = typeof e == "object" && "to" in e && typeof e.to == "number" ? e.to : 1 / 0;
     switch (t.valueUse) {
       case f.LIST_OF_VALUES:
         return {
-          schema: I().test(
+          schema: H().test(
             "isArrayOrString",
             "Must be an array of strings/numbers or a single string",
             (l) => Array.isArray(l) ? l.every(
@@ -164,7 +164,7 @@ const ee = (t) => {
         };
       case f.LIST_OF_VALUES_MULTI:
         return {
-          schema: I().test(
+          schema: H().test(
             "isArrayOrString",
             "Must be an array of strings/numbers or a single string",
             (l) => Array.isArray(l) ? l.every(
@@ -175,9 +175,9 @@ const ee = (t) => {
         };
       case f.RANGE:
         return {
-          schema: B({
-            from: F().required("Range From is required").max(i, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
-            to: F().required("Range To is required").min(a, "'Range To' cannot be less than 'Range From'").min(0, "'Range To' cannot be less than 0")
+          schema: $({
+            from: O().required("Range From is required").max(i, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
+            to: O().required("Range To is required").min(a, "'Range To' cannot be less than 'Range From'").min(0, "'Range To' cannot be less than 0")
           }),
           value: {
             from: a,
@@ -187,16 +187,16 @@ const ee = (t) => {
       case f.GREATER_THAN:
       case f.LESS_THAN:
       case f.EQUAL:
-        return t.dataType === j.PERCENTAGE ? {
-          schema: F().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
+        return t.dataType === R.PERCENTAGE ? {
+          schema: O().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
           value: e
         } : {
-          schema: H().required("Required"),
+          schema: z().required("Required"),
           value: e
         };
       default:
         return {
-          schema: H(),
+          schema: z(),
           value: void 0
         };
     }
@@ -204,14 +204,14 @@ const ee = (t) => {
 }, ae = (t) => {
   const e = {}, a = {};
   if (t) {
-    const i = _(t);
+    const i = N(t);
     i && (e[t.name] = i.schema, a[t.name] = i.value);
   }
   return t.conditions && t.conditions.forEach((i) => {
-    const l = _(i);
+    const l = N(i);
     l && (e[i.name] = l.schema, a[i.name] = l.value);
-  }), { validationSchema: B().shape(e), initialValues: a };
-}, U = (t) => {
+  }), { validationSchema: $().shape(e), initialValues: a };
+}, j = (t) => {
   if (typeof t == "string")
     return t;
   if (typeof t == "object" && ("from" in t || "to" in t))
@@ -221,12 +221,11 @@ const ee = (t) => {
     };
   for (const e in t)
     if (Object.prototype.hasOwnProperty.call(t, e)) {
-      const a = U(t[e]);
+      const a = j(t[e]);
       if (a) return a;
     }
   return "";
 }, re = (t) => {
-  var D;
   const {
     decision: e,
     formik: a,
@@ -237,32 +236,32 @@ const ee = (t) => {
     textValues: d,
     onCancel: b,
     onSubmit: C
-  } = t, [p, v] = x(!1), [E, S] = x(!0), T = {
+  } = t, [p, v] = x(!1), [w, S] = x(!0), T = {
     name: e.name,
     dataType: e.dataType,
     value: e.dataType === "percentage" ? Z(e.value) : e.value,
     valueUse: e.valueUse,
     possibleValue: e.possibleValue
   };
-  P(() => {
+  q(() => {
     console.log("Updated formik.errors in RulesFormUI:", a.errors);
   }, [a.errors]);
-  const k = (r) => {
+  const D = (r) => {
     v(r.target.checked);
-  }, w = (r) => {
+  }, k = (r) => {
     r.target.value ? S(!1) : S(!0);
   }, u = (r) => {
-    const g = U(a.errors[r] || {});
-    return typeof g == "string" ? g ? "invalid" : "pending" : g;
+    const h = j(a.errors[r] || {});
+    return typeof h == "string" ? h ? "invalid" : "pending" : h;
   }, s = (r) => {
-    const g = U(a.errors[r] || {});
-    return g;
+    const h = j(a.errors[r] || {});
+    return h;
   };
-  return /* @__PURE__ */ h(o, { direction: "column", gap: "24px", children: [
-    /* @__PURE__ */ h(o, { direction: "column", gap: "16", children: [
+  return /* @__PURE__ */ g(o, { direction: "column", gap: "24px", children: [
+    /* @__PURE__ */ g(o, { direction: "column", gap: "16", children: [
       /* @__PURE__ */ n(y, { weight: "bold", size: "medium", children: d.criteria }),
       e && /* @__PURE__ */ n(
-        L,
+        U,
         {
           element: T,
           onDecision: l,
@@ -278,15 +277,15 @@ const ee = (t) => {
         }
       )
     ] }),
-    /* @__PURE__ */ n(V, { dashed: !0 }),
-    /* @__PURE__ */ h(o, { direction: "column", children: [
-      /* @__PURE__ */ h(o, { direction: "row", gap: "16px", justifyContent: "space-between", children: [
+    /* @__PURE__ */ n(E, { dashed: !0 }),
+    /* @__PURE__ */ g(o, { direction: "column", children: [
+      /* @__PURE__ */ g(o, { direction: "row", gap: "16px", justifyContent: "space-between", children: [
         /* @__PURE__ */ n(y, { children: d.factsThatConditionIt }),
         /* @__PURE__ */ n(
-          $,
+          P,
           {
             id: "toogleNone",
-            onChange: k,
+            onChange: D,
             checked: p,
             size: "small",
             children: /* @__PURE__ */ n(y, { size: "medium", type: "label", weight: "bold", children: d.none })
@@ -297,8 +296,8 @@ const ee = (t) => {
         ne,
         {
           checked: !p,
-          handleToggleChange: (g) => {
-            g.target.checked || i(
+          handleToggleChange: (h) => {
+            h.target.checked || i(
               {
                 value: "",
                 to: 0,
@@ -312,7 +311,7 @@ const ee = (t) => {
           labelToggle: r.name.split(/(?=[A-Z])/).join(" "),
           name: r.name.replace(" ", ""),
           children: /* @__PURE__ */ n(
-            L,
+            U,
             {
               element: r,
               onDecision: i,
@@ -322,26 +321,26 @@ const ee = (t) => {
               textValues: {
                 selectOptions: "Select an option",
                 selectOption: "Option selected",
-                rangeMin: (g) => `Minimum ${g}`,
-                rangeMax: (g) => `Maximum ${g}`
+                rangeMin: (h) => `Minimum ${h}`,
+                rangeMax: (h) => `Maximum ${h}`
               }
             }
           )
         }
       ) }, r.name))
     ] }),
-    /* @__PURE__ */ n(V, { dashed: !0 }),
+    /* @__PURE__ */ n(E, { dashed: !0 }),
     /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
       ee,
       {
         label: d.reasonForChange,
         labelText: d.change,
-        onHandleChange: w,
+        onHandleChange: k,
         placeholder: d.changePlaceholder,
         required: !0
       }
     ) }),
-    /* @__PURE__ */ n(V, { dashed: !0 }),
+    /* @__PURE__ */ n(E, { dashed: !0 }),
     /* @__PURE__ */ n(o, { direction: "column", children: e && /* @__PURE__ */ n(
       te,
       {
@@ -350,18 +349,18 @@ const ee = (t) => {
         labelStart: d.termStart,
         labelEnd: d.termEnd,
         checkedClosed: !!e.endDate,
-        valueStart: e.startDate.toLocaleDateString("en-CA"),
-        valueEnd: ((D = e.endDate) == null ? void 0 : D.toLocaleDateString("en-CA")) || ""
+        valueStart: String(e.startDate),
+        valueEnd: String(e.endDate) || ""
       }
     ) }),
-    /* @__PURE__ */ n(V, { dashed: !0 }),
-    /* @__PURE__ */ h(o, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ n(z, { appearance: "gray", onClick: b, children: d.cancel }),
+    /* @__PURE__ */ n(E, { dashed: !0 }),
+    /* @__PURE__ */ g(o, { direction: "row", justifyContent: "end", gap: "16px", children: [
+      /* @__PURE__ */ n(M, { appearance: "gray", onClick: b, children: d.cancel }),
       /* @__PURE__ */ n(
-        z,
+        M,
         {
           onClick: C,
-          disabled: E || !a.isValid,
+          disabled: w || !a.isValid,
           type: "submit",
           children: d.confirm
         }
@@ -370,33 +369,33 @@ const ee = (t) => {
   ] });
 }, ke = (t) => {
   const { id: e, decision: a, onCancel: i, onSubmitEvent: l, textValues: c } = t, [m, d] = x(a), b = (u, s) => {
-    k.setFieldValue(u, s), k.validateField(u);
+    D.setFieldValue(u, s), D.validateField(u);
   }, C = (u, s) => {
-    const D = u instanceof Date ? u.toISOString() : u;
-    d((r) => {
-      if (!r.conditions)
-        return r;
-      const g = r.conditions.map((O) => O.name === s ? { ...O, value: D } : O);
+    const r = u instanceof Date ? u.toISOString() : u;
+    d((h) => {
+      if (!h.conditions)
+        return h;
+      const G = h.conditions.map((A) => A.name === s ? { ...A, value: r } : A);
       return {
-        ...r,
-        conditions: g
+        ...h,
+        conditions: G
       };
-    }), b(s, D);
+    }), b(s, r);
   }, p = (u) => {
     d(
-      (s) => w(s, "value", u)
+      (s) => k(s, "value", u)
     );
   }, v = (u) => {
     d(
-      (s) => w(s, "endDate", new Date(u))
+      (s) => k(s, "endDate", u)
     );
-  }, E = (u) => {
+  }, w = (u) => {
     d(
-      (s) => w(s, "startDate", new Date(u))
+      (s) => k(s, "startDate", u)
     );
   }, { validationSchema: S, initialValues: T } = ae(m);
   S.validate(T, { abortEarly: !1 }).then(() => console.log("Validation passed")).catch((u) => console.log("Validation failed:", u.errors));
-  const k = Q({
+  const D = Q({
     initialValues: T,
     validationSchema: S,
     validateOnChange: !0,
@@ -404,27 +403,27 @@ const ee = (t) => {
     onSubmit: () => {
       l(m);
     }
-  }), w = (u, s, D) => ({
+  }), k = (u, s, r) => ({
     ...u,
     ...u.decision,
-    [s]: D
+    [s]: r
   });
   return /* @__PURE__ */ n(
     re,
     {
       id: e,
-      formik: k,
+      formik: D,
       decision: m,
       onCancel: i,
       onSubmit: () => l(m),
       onChangeCondition: C,
       onChangeDecision: p,
-      onStartChange: E,
+      onStartChange: w,
       onEndChange: v,
       textValues: c
     }
   );
-}, q = (t) => {
+}, _ = (t) => {
   if (!t)
     return;
   const e = t.value;
@@ -452,44 +451,44 @@ const ee = (t) => {
     value: e.value,
     valueUse: e.valueUse
   };
-  return /* @__PURE__ */ h(o, { direction: "column", gap: "24px", children: [
-    /* @__PURE__ */ h(o, { direction: "column", gap: "16px", children: [
+  return /* @__PURE__ */ g(o, { direction: "column", gap: "24px", children: [
+    /* @__PURE__ */ g(o, { direction: "column", gap: "16px", children: [
       /* @__PURE__ */ n(y, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: a.criteria }),
       /* @__PURE__ */ n(o, { justifyContent: "space-between", children: e && /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
-        A,
+        V,
         {
           element: l,
-          valueData: q(l)
+          valueData: _(l)
         }
       ) }, e.name) })
     ] }),
-    /* @__PURE__ */ h(o, { direction: "column", gap: "16px", justifyContent: "space-between", children: [
+    /* @__PURE__ */ g(o, { direction: "column", gap: "16px", justifyContent: "space-between", children: [
       /* @__PURE__ */ n(y, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: a.factsThatConditionIt }),
       e.conditions && e.conditions.map((c) => {
         const m = c.value;
         return (typeof m == "object" && i(m) || m) && /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
-          A,
+          V,
           {
             element: {
               ...c,
               value: m
             },
-            valueData: q(c)
+            valueData: _(c)
           }
         ) }, c.name);
       })
     ] }),
-    /* @__PURE__ */ h(o, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ g(o, { direction: "column", gap: "12px", children: [
       /* @__PURE__ */ n(y, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: a.terms }),
-      /* @__PURE__ */ h(o, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ g(o, { justifyContent: "space-between", children: [
         (e == null ? void 0 : e.startDate) && /* @__PURE__ */ n(
-          A,
+          V,
           {
             element: {
               name: "Fecha de inicio",
               value: String(e.startDate),
               valueUse: f.EQUAL,
-              dataType: j.DATE
+              dataType: R.DATE
             },
             valueData: new Date(e.startDate).toLocaleDateString(
               "en-CA"
@@ -498,13 +497,13 @@ const ee = (t) => {
           "startDate"
         ),
         (e == null ? void 0 : e.endDate) && /* @__PURE__ */ n(
-          A,
+          V,
           {
             element: {
               name: "Fecha de final",
               value: String(e.endDate),
               valueUse: f.EQUAL,
-              dataType: j.DATE
+              dataType: R.DATE
             },
             valueData: new Date(e.endDate).toLocaleDateString("en-CA")
           },
@@ -513,7 +512,7 @@ const ee = (t) => {
       ] })
     ] })
   ] });
-}, oe = G.div`
+}, oe = B.div`
   border-radius: 8px;
   border: 1px solid ${Y.palette.neutral.N30};
   box-sizing: border-box;
@@ -522,7 +521,7 @@ const ee = (t) => {
   height: 340px;
   width: 332px;
   box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
-`, ie = G.div`
+`, ie = B.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -542,13 +541,13 @@ const ee = (t) => {
   }
 `, Ee = (t) => {
   const { children: e, handleDelete: a, handleView: i, id: l } = t;
-  return /* @__PURE__ */ h(oe, { children: [
+  return /* @__PURE__ */ g(oe, { children: [
     /* @__PURE__ */ n(o, { height: "282px", gap: "24px", direction: "column", children: /* @__PURE__ */ n(ie, { children: /* @__PURE__ */ n(o, { direction: "column", margin: "10px", children: e }) }) }),
-    /* @__PURE__ */ h(o, { gap: "16px", direction: "column", margin: "2px 12px", children: [
-      /* @__PURE__ */ n(V, {}),
-      /* @__PURE__ */ h(o, { gap: "16px", justifyContent: "end", children: [
+    /* @__PURE__ */ g(o, { gap: "16px", direction: "column", margin: "2px 12px", children: [
+      /* @__PURE__ */ n(E, {}),
+      /* @__PURE__ */ g(o, { gap: "16px", justifyContent: "end", children: [
         /* @__PURE__ */ n(
-          N,
+          I,
           {
             appearance: "dark",
             size: "24px",
@@ -560,7 +559,7 @@ const ee = (t) => {
           }
         ),
         /* @__PURE__ */ n(
-          N,
+          I,
           {
             cursorHover: !0,
             appearance: "dark",

package/package.json

@@ -10,7 +10,7 @@
   ],
   "description": "",
   "private": false,
-  "version": "0.1.15",
+  "version": "0.1.16",
   "type": "module",
   "exports": {
     ".": {
@@ -48,7 +48,7 @@
     "@inubekit/text": "^2.17.0",
     "@inubekit/textarea": "^2.45.0",
     "@inubekit/toggle": "^3.8.2",
-    "@isettingkit/input": "^0.1.23",
+    "@isettingkit/input": "^0.1.24",
     "@isettingkit/view": "^0.1.13"
   },
   "peerDependencies": {