@scmlatam/web-ui 0.1.8 → 0.1.10

package/dist/{get-context-C1qO2p6C.js → get-context-DOucrlL_.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./main-jEaTxT8e.js";
+import { _ as f } from "./main-BmrLsV9L.js";
 const o = {
   config: {
     isInitialized: !1

package/dist/{main-jEaTxT8e.js → main-BmrLsV9L.js}

@@ -41716,7 +41716,7 @@ async function zw(e) {
       return;
     const {
       default: t
-    } = await import("./get-context-C1qO2p6C.js"), r = await t();
+    } = await import("./get-context-DOucrlL_.js"), r = await t();
     if (!e || !Vw(r))
       return;
     const o = y({}, e, {
@@ -52173,17 +52173,18 @@ const dA = vt(/* @__PURE__ */ p("path", {
   values: o,
   placeholder: n,
   disabled: s,
-  white: l
-}) => /* @__PURE__ */ p(Ii, { children: /* @__PURE__ */ ne(vs, { fullWidth: !0, focused: !0, children: [
+  fullWidth: l,
+  white: a
+}) => /* @__PURE__ */ p(Ii, { children: /* @__PURE__ */ ne(vs, { fullWidth: l, focused: !0, children: [
   /* @__PURE__ */ p(
     Fs,
     {
       id: `filter-table-label-${e}`,
       sx: {
-        color: l ? "black" : "white",
+        color: a ? "black" : "white",
         position: "absolute",
         "&.Mui-focused": {
-          color: l ? "black" : "white"
+          color: a ? "black" : "white"
         },
         '&[data-shrink="false"]': {
           transform: "translateY(12px) translateX(12px)"
@@ -52199,10 +52200,10 @@ const dA = vt(/* @__PURE__ */ p("path", {
       id: `filter-${e}`,
       value: t,
       label: e,
-      onChange: (a) => r(a.target.value),
+      onChange: (c) => r(c.target.value),
       color: "gr-yellow",
       sx: {
-        color: l ? "black" : "white"
+        color: a ? "black" : "white"
       },
       IconComponent: dA,
       MenuProps: {
@@ -52217,18 +52218,18 @@ const dA = vt(/* @__PURE__ */ p("path", {
         },
         MenuListProps: {
           sx: {
-            backgroundColor: l ? "white" : et["gr-base-dark"].main,
+            backgroundColor: a ? "white" : et["gr-base-dark"].main,
             "& .MuiMenuItem-root": {
-              backgroundColor: l ? "white" : et["gr-base-dark"].main,
-              color: l ? "black" : "white",
+              backgroundColor: a ? "white" : et["gr-base-dark"].main,
+              color: a ? "black" : "white",
               "&:hover": {
-                backgroundColor: l ? "white" : et["gr-base-dark"].main
+                backgroundColor: a ? "white" : et["gr-base-dark"].main
               },
               "&.Mui-selected": {
-                backgroundColor: l ? "white" : et["gr-base-dark"].main
+                backgroundColor: a ? "white" : et["gr-base-dark"].main
               },
               "&.Mui-focusVisible": {
-                backgroundColor: l ? "white" : et["gr-base-dark"].main
+                backgroundColor: a ? "white" : et["gr-base-dark"].main
               }
             }
           }
@@ -52238,7 +52239,7 @@ const dA = vt(/* @__PURE__ */ p("path", {
       disabled: s,
       children: [
         /* @__PURE__ */ p(lo, { sx: { mt: 2 }, disabled: !0, value: "", children: /* @__PURE__ */ p("em", { children: n }) }),
-        o.map((a) => /* @__PURE__ */ p(lo, { value: a.value, children: a.label }, a.value))
+        o.map((c) => /* @__PURE__ */ p(lo, { value: c.value, children: c.label }, c.value))
       ]
     }
   )
@@ -57570,7 +57571,7 @@ const oL = ({
           }
         }
       },
-      renderValue: (l) => l.join(", "),
+      renderValue: (l) => o.filter((a) => l.includes(a.value)).map((a) => a.label).join(", "),
       displayEmpty: !0,
       disabled: s,
       multiple: !0,
@@ -57650,7 +57651,8 @@ const oL = ({
             setMultiValue: c,
             values: n,
             placeholder: "Seleccionar",
-            disabled: !1
+            disabled: !1,
+            fullWidth: !1
           }
         ) : /* @__PURE__ */ p(
           cE,
@@ -57661,6 +57663,7 @@ const oL = ({
             values: n,
             placeholder: "Seleccionar",
             disabled: !1,
+            fullWidth: !1,
             white: !1
           }
         ),
@@ -57672,6 +57675,7 @@ const oL = ({
             setMultiValue: V,
             values: m,
             placeholder: "Seleccionar",
+            fullWidth: !1,
             disabled: !1
           }
         ) : /* @__PURE__ */ p(
@@ -57683,6 +57687,7 @@ const oL = ({
             values: m,
             placeholder: "Seleccionar",
             disabled: !1,
+            fullWidth: !1,
             white: !1
           }
         ),
@@ -59203,19 +59208,20 @@ const hL = vt(/* @__PURE__ */ p("path", {
   value: t,
   setValue: r,
   disabled: o,
-  white: n
+  fullWidth: n,
+  white: s
 }) => /* @__PURE__ */ p(Ii, { children: /* @__PURE__ */ p(sm, { dateAdapter: XA, children: /* @__PURE__ */ p(
   NM,
   {
     label: e,
     value: t,
-    onChange: (s) => {
-      r(s);
+    onChange: (l) => {
+      r(l);
     },
     InputProps: {
       sx: {
         borderRadius: "16px",
-        color: n ? "black !important" : "white !important"
+        color: s ? "black !important" : "white !important"
       }
     },
     size: "small",
@@ -59223,19 +59229,19 @@ const hL = vt(/* @__PURE__ */ p("path", {
     slotProps: {
       textField: {
         InputLabelProps: {
-          sx: { color: n ? "black !important" : "white !important" }
+          sx: { color: s ? "black !important" : "white !important" }
         }
       }
     },
     focused: !0,
     format: "YYYY-MM-DD",
     disabled: o,
-    fullWidth: !0,
+    fullWidth: n,
     endAdornment: /* @__PURE__ */ p(
       Uu,
       {
         position: "end",
-        sx: { color: n ? "black" : "white" },
+        sx: { color: s ? "black" : "white" },
         children: /* @__PURE__ */ p(hL, { sx: { height: "18px", mt: "-4px" } })
       }
     )
@@ -59268,66 +59274,117 @@ const hL = vt(/* @__PURE__ */ p("path", {
       )
     }
   ) });
-}, KL = ({ open: e, setOpen: t, fields: r, onClickSave: o }) => {
-  const [n, s] = mr(!1), l = (u, m) => {
-    switch (u.type) {
-      case "text":
-        return /* @__PURE__ */ p(Wt, { size: u.ncolumn, sx: { mb: "20px" }, children: /* @__PURE__ */ p(
-          hn,
+}, KL = ({
+  title: e,
+  alert: t,
+  action: r,
+  fields: o,
+  open: n,
+  setOpen: s,
+  onClickSave: l
+}) => {
+  const [a, c] = mr(!1), u = (d, M) => {
+    switch (d.element) {
+      case "TextField":
+        return /* @__PURE__ */ p(
+          Wt,
           {
-            fullWidth: !0,
-            variant: "outlined",
-            label: u.label,
-            type: u.type,
-            placeholder: u.placeholder,
-            focused: !0,
-            value: u.value,
-            onChange: (E) => {
-              u.setValue(E.target.value);
-            }
-          }
-        ) }, m);
-      case "select":
-        return /* @__PURE__ */ p(Wt, { size: u.ncolumn, sx: { mb: "20px" }, children: /* @__PURE__ */ p(
-          cE,
+            size: d.ncolumn,
+            sx: { mb: "20px" },
+            children: /* @__PURE__ */ p(
+              hn,
+              {
+                fullWidth: !0,
+                variant: "outlined",
+                label: d.label,
+                type: d.type,
+                placeholder: d.placeholder,
+                focused: !0,
+                value: d.value,
+                onChange: (V) => {
+                  d.setValue(V.target.value);
+                },
+                disabled: d.disable || r.actionButton.loading
+              }
+            )
+          },
+          M
+        );
+      case "SelectField":
+        return /* @__PURE__ */ p(
+          Wt,
           {
-            label: u.label,
-            placeholder: u.placeholder,
-            value: u.value,
-            setValue: u.setValue,
-            values: u.values,
-            disabled: !1,
-            white: !0
-          }
-        ) }, m);
-      case "date":
-        return /* @__PURE__ */ p(Wt, { size: u.ncolumn, sx: { mb: "20px" }, children: /* @__PURE__ */ p(
-          VL,
+            size: d.ncolumn,
+            sx: { mb: "20px" },
+            children: /* @__PURE__ */ p(
+              cE,
+              {
+                label: d.label,
+                placeholder: d.placeholder,
+                value: d.value,
+                setValue: d.setValue,
+                values: d.values,
+                disabled: d.disable || r.actionButton.loading,
+                fullWidth: !0,
+                white: !0
+              }
+            )
+          },
+          M
+        );
+      case "DateField":
+        return /* @__PURE__ */ p(
+          Wt,
           {
-            label: u.label,
-            value: u.value,
-            setValue: u.setValue,
-            disabled: !1,
-            white: !0
-          }
-        ) }, m);
+            size: d.ncolumn,
+            sx: { mb: "20px" },
+            children: /* @__PURE__ */ p(
+              VL,
+              {
+                label: d.label,
+                value: d.value,
+                setValue: d.setValue,
+                disabled: d.disable || r.actionButton.loading,
+                fullWidth: !0,
+                white: !0
+              }
+            )
+          },
+          M
+        );
       default:
         return /* @__PURE__ */ p(Ii, {});
     }
-  }, a = () => {
-    r.forEach((u) => {
-      u.setValue(u.initialValue);
-    }), s(!1);
-  }, c = (u) => {
-    u.some(
-      (E) => E.value !== E.initialValue
-    ) ? s(!0) : t(!1);
+  }, m = () => {
+    o.forEach((d) => {
+      switch (d.element) {
+        case "TextField":
+          d.setValue(
+            d.initialValue
+          );
+          break;
+        case "SelectField":
+          d.setValue(
+            d.initialValue
+          );
+          break;
+        case "DateField":
+          d.setValue(
+            d.initialValue
+          );
+          break;
+      }
+    }), c(!1);
+  }, E = (d) => {
+    d.some(
+      (V) => V.value !== V.initialValue
+    ) ? c(!0) : s(!1);
   };
   return /* @__PURE__ */ p(Ii, { children: /* @__PURE__ */ ne(
     Lf,
     {
-      open: e,
-      onClose: () => t(!1),
+      open: n,
+      onClose: () => E(o),
       PaperComponent: zL,
       "aria-labelledby": "draggable-dialog-title",
       children: [
@@ -59341,10 +59398,10 @@ const hL = vt(/* @__PURE__ */ p("path", {
               padding: 0
             },
             id: "draggable-dialog-title",
-            children: "Agregar empleado"
+            children: e
           }
         ),
-        n && /* @__PURE__ */ p(
+        a && /* @__PURE__ */ p(
           xI,
           {
             sx: {
@@ -59359,9 +59416,9 @@ const hL = vt(/* @__PURE__ */ p("path", {
                 sx: {
                   borderRadius: "24px",
                   bgcolor: "#FFEFE5",
-                  border: (u) => `1px solid ${u.palette["gr-orange"].main}`,
+                  border: (d) => `1px solid ${d.palette["gr-orange"].main}`,
                   "& .MuiAlert-icon": {
-                    color: (u) => u.palette["gr-orange"].main
+                    color: (d) => d.palette["gr-orange"].main
                   }
                 },
                 action: /* @__PURE__ */ ne(nr, { sx: { mt: 3.75 }, children: [
@@ -59370,8 +59427,8 @@ const hL = vt(/* @__PURE__ */ p("path", {
                     {
                       color: "gr-grey",
                       size: "small",
-                      onClick: () => s(!1),
-                      children: /* @__PURE__ */ p("b", { children: "SI" })
+                      onClick: () => c(!1),
+                      children: /* @__PURE__ */ p("b", { children: t.actionButton.buttonText })
                     }
                   ),
                   /* @__PURE__ */ p(
@@ -59380,21 +59437,21 @@ const hL = vt(/* @__PURE__ */ p("path", {
                       color: "gr-grey",
                       size: "small",
                       onClick: () => {
-                        a(), t(!1);
+                        m(), s(!1);
                       },
-                      children: /* @__PURE__ */ p("b", { children: "NO" })
+                      children: /* @__PURE__ */ p("b", { children: t.cancelButton.buttonText })
                     }
                   )
                 ] }),
                 children: [
-                  /* @__PURE__ */ p(gf, { children: "Hay cambios sin guardar" }),
-                  /* @__PURE__ */ p(pr, { variant: "body2", children: "¿Desea continuar?" })
+                  /* @__PURE__ */ p(gf, { children: t.title }),
+                  /* @__PURE__ */ p(pr, { variant: "body2", children: t.message })
                 ]
               }
             )
           }
         ),
-        /* @__PURE__ */ p(xI, { sx: { padding: 0, margin: 0 }, children: /* @__PURE__ */ p(Wt, { container: !0, spacing: 2, sx: { mt: 1 }, children: r.map((u, m) => l(u, m)) }) }),
+        /* @__PURE__ */ p(xI, { sx: { padding: 0, margin: 0 }, children: /* @__PURE__ */ p(Wt, { container: !0, spacing: 2, sx: { mt: 1 }, children: o.map((d, M) => u(d, M)) }) }),
         /* @__PURE__ */ ne(
           Xf,
           {
@@ -59411,14 +59468,14 @@ const hL = vt(/* @__PURE__ */ p("path", {
                 {
                   variant: "outlined",
                   autoFocus: !0,
-                  onClick: () => c(r),
+                  onClick: () => E(o),
                   sx: {
                     minWidth: "130px",
                     borderRadius: "44px",
                     fontWeight: "500"
                   },
                   color: "gr-base-dark",
-                  children: "Cancel"
+                  children: r.cancelButton.buttonText
                 }
               ),
               /* @__PURE__ */ p(
@@ -59428,8 +59485,8 @@ const hL = vt(/* @__PURE__ */ p("path", {
                   onClick: () => {
                     console.log(
                       "data",
-                      r.map((u) => ({ label: u.label, value: u.value }))
-                    ), o();
+                      o.map((d) => ({ label: d.label, value: d.value }))
+                    ), l();
                   },
                   sx: {
                     minWidth: "130px",
@@ -59439,7 +59496,9 @@ const hL = vt(/* @__PURE__ */ p("path", {
                   },
                   color: "gr-base-dark",
                   disableElevation: !0,
-                  children: "Agregar"
+                  disabled: r.actionButton.disabled,
+                  loading: r.actionButton.loading,
+                  children: r.actionButton.buttonText
                 }
               )
             ]

package/dist/web-ui.d.ts

@@ -1,10 +1,9 @@
 import { Context } from 'react';
 import { ContextMenu } from '../components/table/types/types';
 import { CoreProps } from './types/types';
+import { DateFieldForm } from './form/types/types';
 import { Dayjs } from 'dayjs';
 import { Dispatch } from 'react';
-import { Field } from './form/types/types';
-import { FieldType } from './form/types/types';
 import { FormProps } from './form/types/types';
 import { FormProps as FormProps_2 } from './types/types';
 import { GridRowSelectionModel } from '@mui/x-data-grid';
@@ -17,10 +16,12 @@ import { PageProps } from './core/types/types';
 import { PaginationModel } from './table/types/types';
 import { RouteItem } from './core/types/types';
 import { Row } from './table/types/types';
+import { SelectFieldForm } from './form/types/types';
 import { SetStateAction } from 'react';
 import { TableProps } from './table/types/types';
 import { TableProps as TableProps_2 } from './types/types';
 import { TableProviderProps } from './table/types/types';
+import { TextFieldForm } from './form/types/types';
 import { Theme } from '@mui/material';
 import { ToolbarProps } from './table/types/types';
 import { ValueItem } from './select/types/types';
@@ -36,11 +37,9 @@ declare interface CoreProviderProps {
     children: React.ReactNode;
 }
 
-export { Field }
+export { DateFieldForm }
 
-export { FieldType }
-
-export declare const Form: ({ open, setOpen, fields, onClickSave }: FormProps_2) => JSX.Element;
+export declare const Form: ({ title, alert, action, fields, open, setOpen, onClickSave, }: FormProps_2) => JSX.Element;
 
 export { FormProps }
 
@@ -75,12 +74,16 @@ export { RouteItem }
 
 export { Row }
 
+export { SelectFieldForm }
+
 export declare const Table: (props: TableProps_2) => JSX.Element;
 
 export { TableProps }
 
 export { TableProviderProps }
 
+export { TextFieldForm }
+
 export { ToolbarProps }
 
 export declare const useTable: () => {

package/dist/web-ui.js

@@ -1,4 +1,4 @@
-import { C as o, b as r, c as s, F as b, G as t, a as C, T, u as i } from "./main-jEaTxT8e.js";
+import { C as o, b as r, c as s, F as b, G as t, a as C, T, u as i } from "./main-BmrLsV9L.js";
 export {
   o as Core,
   r as CoreContext,