@isettingkit/business-rules 0.1.14 → 0.1.15

package/dist/index.es.js

@@ -1,63 +1,63 @@
-import { jsxs as h, jsx as n, Fragment as F } from "react/jsx-runtime";
+import { jsxs as h, jsx as n, Fragment as R } 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 { 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 R, DecisionConditionRenderer as L } from "@isettingkit/input";
-import { Textarea as Z } from "@inubekit/textarea";
+import { ValueHowToSetUp as f, ValueDataType as j, parsePercentageString as Z, DecisionConditionRenderer as L } from "@isettingkit/input";
+import { Textarea as J } from "@inubekit/textarea";
 import { Date as M } from "@inubekit/date";
-import { Checkbox as J } from "@inubekit/checkbox";
+import { Checkbox as K } from "@inubekit/checkbox";
 import { Button as z } from "@inubekit/button";
-import { object as B, string as I, number as j, mixed as H } from "yup";
+import { object as B, string as H, number as F, mixed as I } from "yup";
 import { DecisionViewConditionRenderer as A } from "@isettingkit/view";
-import { MdOutlineRemoveRedEye as K, MdOutlineDelete as W } from "react-icons/md";
+import { MdOutlineRemoveRedEye as W, MdOutlineDelete as X } from "react-icons/md";
 import { Icon as N } from "@inubekit/icon";
-import { inube as X } from "@inubekit/foundations";
+import { inube as Y } from "@inubekit/foundations";
 import G from "styled-components";
-const Y = (t) => {
+const ee = (t) => {
   const {
     label: e,
     labelText: a,
     onHandleChange: i,
     placeholder: l,
-    required: s,
+    required: c,
     value: m = ""
-  } = t, [u, b] = x(m);
+  } = t, [d, b] = x(m);
   return /* @__PURE__ */ h(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(
-      Z,
+      J,
       {
         id: "reasonChange",
         label: e,
-        onChange: (g) => {
-          b(g.target.value), i(g);
+        onChange: (p) => {
+          b(p.target.value), i(p);
         },
         placeholder: l,
-        required: s,
-        value: u,
+        required: c,
+        value: d,
         maxLength: 120,
         fullwidth: !0
       }
     ) })
   ] });
-}, ee = (t) => {
+}, ne = (t) => {
   const {
     checked: e,
     children: a,
     handleToggleChange: i,
     id: l,
-    labelToggle: s,
+    labelToggle: c,
     name: m,
-    valueToggle: u = ""
-  } = t, [b, C] = x(e), g = (v) => {
+    valueToggle: d = ""
+  } = t, [b, C] = x(e), p = (v) => {
     C(v.target.checked), i(v);
   };
   return P(() => {
     C(e);
-  }, [e]), /* @__PURE__ */ h(F, { children: [
+  }, [e]), /* @__PURE__ */ h(R, { children: [
     /* @__PURE__ */ n(o, { children: /* @__PURE__ */ n(
       $,
       {
@@ -65,26 +65,26 @@ const Y = (t) => {
         id: l,
         margin: "10px",
         name: m,
-        onChange: g,
+        onChange: p,
         size: "small",
-        value: u,
-        children: /* @__PURE__ */ n(y, { size: "medium", type: "label", weight: "bold", children: s })
+        value: d,
+        children: /* @__PURE__ */ n(y, { size: "medium", type: "label", weight: "bold", children: c })
       }
     ) }),
-    b && /* @__PURE__ */ n(F, { children: a })
+    b && /* @__PURE__ */ n(R, { children: a })
   ] });
-}, ne = (t) => {
+}, te = (t) => {
   const {
     onHandleStartChange: e,
     onHandleEndChange: a,
     labelStart: i,
     labelEnd: l,
-    checkedClosed: s = !1,
+    checkedClosed: c = !1,
     required: m = !1,
-    valueStart: u = "",
+    valueStart: d = "",
     valueEnd: b = ""
-  } = t, [C, g] = x(s), [v, E] = x(u), [D, T] = x(b);
-  return /* @__PURE__ */ h(F, { children: [
+  } = 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: [
       /* @__PURE__ */ n(o, { children: /* @__PURE__ */ n(
         y,
@@ -105,11 +105,11 @@ const Y = (t) => {
           wrap: "wrap",
           gap: "4px",
           children: /* @__PURE__ */ n(
-            J,
+            K,
             {
               label: "Cerrada",
-              onChange: ({ target: d }) => {
-                g(d.checked);
+              onChange: ({ target: s }) => {
+                p(s.checked);
               },
               checked: C,
               value: ""
@@ -124,8 +124,8 @@ const Y = (t) => {
         {
           id: "dateStart",
           label: i,
-          onChange: (d) => {
-            E(d.target.value), e(d);
+          onChange: (s) => {
+            E(s.target.value), e(s);
           },
           value: v,
           required: m,
@@ -137,10 +137,10 @@ const Y = (t) => {
         {
           id: "dateEnd",
           label: l,
-          onChange: (d) => {
-            T(d.target.value), a(d);
+          onChange: (s) => {
+            T(s.target.value), a(s);
           },
-          value: D,
+          value: S,
           required: m,
           size: "compact"
         }
@@ -153,22 +153,22 @@ const Y = (t) => {
     switch (t.valueUse) {
       case f.LIST_OF_VALUES:
         return {
-          schema: H().test(
+          schema: I().test(
             "isArrayOrString",
             "Must be an array of strings/numbers or a single string",
             (l) => Array.isArray(l) ? l.every(
-              (s) => typeof s == "string" || typeof s == "number"
+              (c) => typeof c == "string" || typeof c == "number"
             ) : typeof l == "string"
           ),
           value: e
         };
       case f.LIST_OF_VALUES_MULTI:
         return {
-          schema: H().test(
+          schema: I().test(
             "isArrayOrString",
             "Must be an array of strings/numbers or a single string",
             (l) => Array.isArray(l) ? l.every(
-              (s) => typeof s == "string" || typeof s == "number"
+              (c) => typeof c == "string" || typeof c == "number"
             ) : typeof l == "string"
           ),
           value: e
@@ -176,8 +176,8 @@ const Y = (t) => {
       case f.RANGE:
         return {
           schema: B({
-            from: j().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: j().required("Range To is required").min(a, "'Range To' cannot be less than 'Range From'").min(0, "'Range To' cannot be less than 0")
+            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")
           }),
           value: {
             from: a,
@@ -187,21 +187,21 @@ const Y = (t) => {
       case f.GREATER_THAN:
       case f.LESS_THAN:
       case f.EQUAL:
-        return t.dataType === R.PERCENTAGE ? {
-          schema: j().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
+        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"),
           value: e
         } : {
-          schema: I().required("Required"),
+          schema: H().required("Required"),
           value: e
         };
       default:
         return {
-          schema: I(),
+          schema: H(),
           value: void 0
         };
     }
   }
-}, te = (t) => {
+}, ae = (t) => {
   const e = {}, a = {};
   if (t) {
     const i = _(t);
@@ -225,42 +225,42 @@ const Y = (t) => {
       if (a) return a;
     }
   return "";
-}, ae = (t) => {
-  var S;
+}, re = (t) => {
+  var D;
   const {
     decision: e,
     formik: a,
     onChangeCondition: i,
     onChangeDecision: l,
-    onStartChange: s,
+    onStartChange: c,
     onEndChange: m,
-    textValues: u,
+    textValues: d,
     onCancel: b,
     onSubmit: C
-  } = t, [g, v] = x(!1), [E, D] = x(!0), T = {
+  } = t, [p, v] = x(!1), [E, S] = x(!0), T = {
     name: e.name,
     dataType: e.dataType,
-    value: e.value,
+    value: e.dataType === "percentage" ? Z(e.value) : e.value,
     valueUse: e.valueUse,
     possibleValue: e.possibleValue
   };
   P(() => {
     console.log("Updated formik.errors in RulesFormUI:", a.errors);
   }, [a.errors]);
-  const w = (r) => {
+  const k = (r) => {
     v(r.target.checked);
-  }, k = (r) => {
-    r.target.value ? D(!1) : D(!0);
-  }, c = (r) => {
-    const p = U(a.errors[r] || {});
-    return typeof p == "string" ? p ? "invalid" : "pending" : p;
-  }, d = (r) => {
-    const p = U(a.errors[r] || {});
-    return p;
+  }, w = (r) => {
+    r.target.value ? S(!1) : S(!0);
+  }, u = (r) => {
+    const g = U(a.errors[r] || {});
+    return typeof g == "string" ? g ? "invalid" : "pending" : g;
+  }, s = (r) => {
+    const g = U(a.errors[r] || {});
+    return g;
   };
   return /* @__PURE__ */ h(o, { direction: "column", gap: "24px", children: [
     /* @__PURE__ */ h(o, { direction: "column", gap: "16", children: [
-      /* @__PURE__ */ n(y, { weight: "bold", size: "medium", children: u.criteria }),
+      /* @__PURE__ */ n(y, { weight: "bold", size: "medium", children: d.criteria }),
       e && /* @__PURE__ */ n(
         L,
         {
@@ -268,7 +268,7 @@ const Y = (t) => {
           onDecision: l,
           valueData: a.values[e.name],
           message: a.errors[e.name],
-          status: c(e.name),
+          status: u(e.name),
           textValues: {
             selectOptions: "Select an option",
             selectOption: "Option selected",
@@ -281,24 +281,24 @@ const Y = (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(y, { children: u.factsThatConditionIt }),
+        /* @__PURE__ */ n(y, { children: d.factsThatConditionIt }),
         /* @__PURE__ */ n(
           $,
           {
             id: "toogleNone",
-            onChange: w,
-            checked: g,
+            onChange: k,
+            checked: p,
             size: "small",
-            children: /* @__PURE__ */ n(y, { size: "medium", type: "label", weight: "bold", children: u.none })
+            children: /* @__PURE__ */ n(y, { size: "medium", type: "label", weight: "bold", children: d.none })
           }
         )
       ] }),
       e.conditions && e.conditions.map((r) => /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
-        ee,
+        ne,
         {
-          checked: !g,
-          handleToggleChange: (p) => {
-            p.target.checked || i(
+          checked: !p,
+          handleToggleChange: (g) => {
+            g.target.checked || i(
               {
                 value: "",
                 to: 0,
@@ -317,13 +317,13 @@ const Y = (t) => {
               element: r,
               onDecision: i,
               valueData: a.values[r.name],
-              message: d(r.name),
-              status: c(r.name),
+              message: s(r.name),
+              status: u(r.name),
               textValues: {
                 selectOptions: "Select an option",
                 selectOption: "Option selected",
-                rangeMin: (p) => `Minimum ${p}`,
-                rangeMax: (p) => `Maximum ${p}`
+                rangeMin: (g) => `Minimum ${g}`,
+                rangeMax: (g) => `Maximum ${g}`
               }
             }
           )
@@ -332,96 +332,96 @@ const Y = (t) => {
     ] }),
     /* @__PURE__ */ n(V, { dashed: !0 }),
     /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
-      Y,
+      ee,
       {
-        label: u.reasonForChange,
-        labelText: u.change,
-        onHandleChange: k,
-        placeholder: u.changePlaceholder,
+        label: d.reasonForChange,
+        labelText: d.change,
+        onHandleChange: w,
+        placeholder: d.changePlaceholder,
         required: !0
       }
     ) }),
     /* @__PURE__ */ n(V, { dashed: !0 }),
     /* @__PURE__ */ n(o, { direction: "column", children: e && /* @__PURE__ */ n(
-      ne,
+      te,
       {
-        onHandleStartChange: (r) => s(r.target.value),
+        onHandleStartChange: (r) => c(r.target.value),
         onHandleEndChange: (r) => m(r.target.value),
-        labelStart: u.termStart,
-        labelEnd: u.termEnd,
+        labelStart: d.termStart,
+        labelEnd: d.termEnd,
         checkedClosed: !!e.endDate,
         valueStart: e.startDate.toLocaleDateString("en-CA"),
-        valueEnd: ((S = e.endDate) == null ? void 0 : S.toLocaleDateString("en-CA")) || ""
+        valueEnd: ((D = e.endDate) == null ? void 0 : D.toLocaleDateString("en-CA")) || ""
       }
     ) }),
     /* @__PURE__ */ n(V, { dashed: !0 }),
     /* @__PURE__ */ h(o, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ n(z, { appearance: "gray", onClick: b, children: u.cancel }),
+      /* @__PURE__ */ n(z, { appearance: "gray", onClick: b, children: d.cancel }),
       /* @__PURE__ */ n(
         z,
         {
           onClick: C,
           disabled: E || !a.isValid,
           type: "submit",
-          children: u.confirm
+          children: d.confirm
         }
       )
     ] })
   ] });
-}, Te = (t) => {
-  const { id: e, decision: a, onCancel: i, onSubmitEvent: l, textValues: s } = t, [m, u] = x(a), b = (c, d) => {
-    w.setFieldValue(c, d), w.validateField(c);
-  }, C = (c, d) => {
-    const S = c instanceof Date ? c.toISOString() : c;
-    u((r) => {
+}, 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);
+  }, C = (u, s) => {
+    const D = u instanceof Date ? u.toISOString() : u;
+    d((r) => {
       if (!r.conditions)
         return r;
-      const p = r.conditions.map((O) => O.name === d ? { ...O, value: S } : O);
+      const g = r.conditions.map((O) => O.name === s ? { ...O, value: D } : O);
       return {
         ...r,
-        conditions: p
+        conditions: g
       };
-    }), b(d, S);
-  }, g = (c) => {
-    typeof c == "object" && (c instanceof Date || "someProperty" in c) ? u(
-      (d) => k(d, "value", c)
-    ) : console.warn("Invalid type for value:", c);
-  }, v = (c) => {
-    u(
-      (d) => k(d, "endDate", new Date(c))
+    }), b(s, D);
+  }, p = (u) => {
+    d(
+      (s) => w(s, "value", u)
+    );
+  }, v = (u) => {
+    d(
+      (s) => w(s, "endDate", new Date(u))
     );
-  }, E = (c) => {
-    u(
-      (d) => k(d, "startDate", new Date(c))
+  }, E = (u) => {
+    d(
+      (s) => w(s, "startDate", new Date(u))
     );
-  }, { validationSchema: D, initialValues: T } = te(m);
-  D.validate(T, { abortEarly: !1 }).then(() => console.log("Validation passed")).catch((c) => console.log("Validation failed:", c.errors));
-  const w = Q({
+  }, { 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({
     initialValues: T,
-    validationSchema: D,
+    validationSchema: S,
     validateOnChange: !0,
     validateOnBlur: !0,
     onSubmit: () => {
       l(m);
     }
-  }), k = (c, d, S) => ({
-    ...c,
-    ...c.decision,
-    [d]: S
+  }), w = (u, s, D) => ({
+    ...u,
+    ...u.decision,
+    [s]: D
   });
   return /* @__PURE__ */ n(
-    ae,
+    re,
     {
       id: e,
-      formik: w,
+      formik: k,
       decision: m,
       onCancel: i,
       onSubmit: () => l(m),
       onChangeCondition: C,
-      onChangeDecision: g,
+      onChangeDecision: p,
       onStartChange: E,
       onEndChange: v,
-      textValues: s
+      textValues: c
     }
   );
 }, q = (t) => {
@@ -446,7 +446,7 @@ const Y = (t) => {
     }
   return e;
 }, we = (t) => {
-  const { decision: e, textValues: a } = t, i = (s) => s && Object.keys(s).length > 0, l = {
+  const { decision: e, textValues: a } = t, i = (c) => c && Object.keys(c).length > 0, l = {
     name: e.name,
     dataType: e.dataType,
     value: e.value,
@@ -465,18 +465,18 @@ const Y = (t) => {
     ] }),
     /* @__PURE__ */ h(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((s) => {
-        const m = s.value;
+      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,
           {
             element: {
-              ...s,
+              ...c,
               value: m
             },
-            valueData: q(s)
+            valueData: q(c)
           }
-        ) }, s.name);
+        ) }, c.name);
       })
     ] }),
     /* @__PURE__ */ h(o, { direction: "column", gap: "12px", children: [
@@ -489,7 +489,7 @@ const Y = (t) => {
               name: "Fecha de inicio",
               value: String(e.startDate),
               valueUse: f.EQUAL,
-              dataType: R.DATE
+              dataType: j.DATE
             },
             valueData: new Date(e.startDate).toLocaleDateString(
               "en-CA"
@@ -504,7 +504,7 @@ const Y = (t) => {
               name: "Fecha de final",
               value: String(e.endDate),
               valueUse: f.EQUAL,
-              dataType: R.DATE
+              dataType: j.DATE
             },
             valueData: new Date(e.endDate).toLocaleDateString("en-CA")
           },
@@ -513,16 +513,16 @@ const Y = (t) => {
       ] })
     ] })
   ] });
-}, re = G.div`
+}, oe = G.div`
   border-radius: 8px;
-  border: 1px solid ${X.palette.neutral.N30};
+  border: 1px solid ${Y.palette.neutral.N30};
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   height: 340px;
   width: 332px;
   box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
-`, oe = G.div`
+`, ie = G.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -540,10 +540,10 @@ const Y = (t) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, ke = (t) => {
+`, Ee = (t) => {
   const { children: e, handleDelete: a, handleView: i, id: l } = t;
-  return /* @__PURE__ */ h(re, { children: [
-    /* @__PURE__ */ n(o, { height: "282px", gap: "24px", direction: "column", children: /* @__PURE__ */ n(oe, { children: /* @__PURE__ */ n(o, { direction: "column", margin: "10px", children: e }) }) }),
+  return /* @__PURE__ */ h(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: [
@@ -553,7 +553,7 @@ const Y = (t) => {
             appearance: "dark",
             size: "24px",
             cursorHover: !0,
-            icon: /* @__PURE__ */ n(K, {}),
+            icon: /* @__PURE__ */ n(W, {}),
             onClick: () => {
               i(l);
             }
@@ -565,7 +565,7 @@ const Y = (t) => {
             cursorHover: !0,
             appearance: "dark",
             size: "24px",
-            icon: /* @__PURE__ */ n(W, {}),
+            icon: /* @__PURE__ */ n(X, {}),
             onClick: () => {
               a(l);
             }
@@ -576,7 +576,7 @@ const Y = (t) => {
   ] });
 };
 export {
-  ke as BusinessRuleCard,
+  Ee as BusinessRuleCard,
   we as BusinessRuleView,
-  Te as RulesForm
+  ke as RulesForm
 };

package/package.json

@@ -10,7 +10,7 @@
   ],
   "description": "",
   "private": false,
-  "version": "0.1.14",
+  "version": "0.1.15",
   "type": "module",
   "exports": {
     ".": {