@m4l/components 9.4.36 → 9.4.37

package/components/datagrids/views/CardsView/CardsView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardsView.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/views/CardsView/CardsView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAQrC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC;;GAEG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM,EACvE,KAAK,EAAE,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,2DAmK/C"}
+{"version":3,"file":"CardsView.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/views/CardsView/CardsView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAQrC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC;;GAEG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM,EACvE,KAAK,EAAE,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,2DAsK/C"}

package/components/datagrids/views/CardsView/CardsView.js

@@ -1,88 +1,88 @@
 import { jsx as m } from "@emotion/react/jsx-runtime";
 import { useRef as R, useMemo as E, useEffect as b } from "react";
 import { CardsContainerStyled as S } from "../../slots/DataGridSlot.js";
-import { ContainerFlow as F } from "../../../ContainerFlow/ContainerFlow.js";
-import { CardRow as T } from "./subcomponents/CardRow/CardRow.js";
+import { ContainerFlow as K } from "../../../ContainerFlow/ContainerFlow.js";
+import { CardRow as D } from "./subcomponents/CardRow/CardRow.js";
 import { useProcessedColumns as x } from "./hooks/useProcessedColumns/useProcessedColumns.js";
-import { calculateCardHeight as D } from "./helpers/calculateCardHeight/calculateCardHeight.js";
+import { calculateCardHeight as F } from "./helpers/calculateCardHeight/calculateCardHeight.js";
 import { useModalDetail as I } from "./hooks/useModalDetail/useModalDetail.js";
-import { scrollToCardElement as K } from "./helpers/scrollToCardElement/scrollToCardElement.js";
+import { scrollToCardElement as M } from "./helpers/scrollToCardElement/scrollToCardElement.js";
 function q(y) {
   const {
-    rows: r,
+    rows: i,
     columns: f,
-    rowKeyGetter: i,
-    selectedRows: k,
+    rowKeyGetter: s,
+    selectedRows: v,
     onSelectedRowsChange: a,
-    onRowsChange: h,
+    onRowsChange: C,
     cardsViewConfig: e,
-    focusOnRowKey: s,
-    checkedRows: u,
-    onCheckedRowsChange: C
-  } = y, w = R(null), d = R(!1), c = x(f), p = x(f, {
+    focusOnRowKey: n,
+    checkedRows: d,
+    onCheckedRowsChange: h
+  } = y, w = R(null), u = R(void 0), c = x(f), p = x(f, {
     applyVisibilityFilter: !1
-  }), H = I({
+  }), k = I({
     columns: p,
-    onRowsChange: h,
-    rows: r
+    onRowsChange: C,
+    rows: i
   }), g = E(() => {
-    const n = c.reduce((t, o) => {
+    const t = c.reduce((r, o) => {
       const l = o.renderCell?.__imageFormatterHeight;
-      return l ? t + l : t;
+      return l ? r + l : r;
     }, 0);
-    return D({
+    return F({
       visibleColumnsCount: c.length,
       customMinHeight: e?.customRender?.minHeight
-    }) + n;
+    }) + t;
   }, [c, e]);
   return b(() => {
-    if (!s) {
-      d.current = !1;
+    if (!n) {
+      u.current = void 0;
       return;
     }
-    if (d.current || r.findIndex(
-      (o) => i(o) === s
+    if (u.current === n || i.findIndex(
+      (o) => s(o) === n
     ) === -1)
       return;
-    const t = setTimeout(() => {
+    const r = setTimeout(() => {
       const o = w.current;
       if (!o) {
         console.warn("container es null, abortando scroll");
         return;
       }
-      K(
+      M(
         o,
-        s,
+        n,
         "data-attribute",
         "data-row-key"
-      ), a && a(/* @__PURE__ */ new Set([s])), d.current = !0;
+      ), a && a(/* @__PURE__ */ new Set([n])), u.current = n;
     }, 300);
-    return () => clearTimeout(t);
-  }, [s, r, i, g, a]), c.length === 0 ? null : /* @__PURE__ */ m(S, { ownerState: {}, "data-testid": "cards-container", ref: w, children: /* @__PURE__ */ m(F, { variant: "grid-layout", minWidth: 280, children: r.map((n, t) => {
-    const o = i(n), l = u?.has(o) || !1, v = u !== void 0 && C !== void 0;
+    return () => clearTimeout(r);
+  }, [n, i, s, g, a]), c.length === 0 ? null : /* @__PURE__ */ m(S, { ownerState: {}, "data-testid": "cards-container", ref: w, children: /* @__PURE__ */ m(K, { variant: "grid-layout", minWidth: 280, children: i.map((t, r) => {
+    const o = s(t), l = d?.has(o) || !1, H = d !== void 0 && h !== void 0;
     return /* @__PURE__ */ m(
-      T,
+      D,
       {
-        row: n,
-        rows: r,
-        rowIndex: t,
+        row: t,
+        rows: i,
+        rowIndex: r,
         columns: c,
         originalColumns: p,
-        rowKeyGetter: i,
-        selectedRows: k,
+        rowKeyGetter: s,
+        selectedRows: v,
         onSelectedRowsChange: a,
-        onRowsChange: h,
+        onRowsChange: C,
         customRender: e?.customRender,
         minHeight: g,
         isChecked: l,
-        showCheckbox: v,
-        checkedRows: u,
-        onCheckedRowsChange: C,
-        onOpenDetail: H,
+        showCheckbox: H,
+        checkedRows: d,
+        onCheckedRowsChange: h,
+        onOpenDetail: k,
         showExpandButton: e && "columnsConfig" in e ? e.showExpandButton : void 0,
         onExpandClick: e && "columnsConfig" in e ? e.onExpandClick : void 0
       },
-      i(n)
+      s(t)
     );
   }) }) });
 }

package/components/datagrids/views/TableView/TableView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableView.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/views/TableView/TableView.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAmBrD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM,EACvE,KAAK,EAAE,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,oDAgX/C"}
+{"version":3,"file":"TableView.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/views/TableView/TableView.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAmBrD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM,EACvE,KAAK,EAAE,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,oDAiX/C"}

package/components/datagrids/views/TableView/TableView.js

@@ -1,10 +1,10 @@
-import { jsx as s, jsxs as Z } from "@emotion/react/jsx-runtime";
-import { useMemo as C, useState as P, useRef as F, useEffect as R } from "react";
+import { jsx as c, jsxs as Z } from "@emotion/react/jsx-runtime";
+import { useMemo as h, useState as P, useRef as W, useEffect as R } from "react";
 import ee, { TreeDataGrid as oe } from "react-data-grid";
 import { DndProvider as re } from "react-dnd";
 import { HTML5Backend as te } from "react-dnd-html5-backend";
 import { CheckboxFormatter as ne } from "./subcomponents/CheckboxFormatter/CheckboxFormatter.js";
-import { filterHeight as W } from "./subcomponents/SelectColumn/SelectColumn.js";
+import { filterHeight as F } from "./subcomponents/SelectColumn/SelectColumn.js";
 import { useSortColumnsRows as le } from "./hooks/useSortColumnsRows/useSortColumnsRows.js";
 import { useFilters as ie } from "../../hooks/shared/useFilters/useFilters.js";
 import { useDataGrid as se } from "../../hooks/shared/useDataGrid/useDataGrid.js";
@@ -23,31 +23,31 @@ import "../../../Icon/constants.js";
 import "../../../Icon/slots/IconSlots.js";
 import { getGroupBy as de } from "./helpers/getGroupBy/getGroupBy.js";
 import { defaultRowGrouper as fe } from "./helpers/defaultRowGrouper/defaultRowGrouper.js";
-import { createRowCellsBackgroundMap as pe, processColumnsWithRowCellsBackground as he } from "./helpers/rowCellsBackground/rowCellsBackground.js";
-import { getDefaultAction as Ce } from "../../helpers/shared/getDefaultAction/getDefaultAction.js";
+import { createRowCellsBackgroundMap as pe, processColumnsWithRowCellsBackground as Ce } from "./helpers/rowCellsBackground/rowCellsBackground.js";
+import { getDefaultAction as he } from "../../helpers/shared/getDefaultAction/getDefaultAction.js";
 function qe(z) {
   const {
     columns: L,
     rows: $,
     onRowsChange: y,
     rowKeyGetter: r,
-    selectedRows: c,
+    selectedRows: u,
     onSelectedRowsChange: t,
     defaultColumnOptions: j,
-    focusOnRowKey: f,
-    rowCellsBackground: u,
-    treeProps: n,
+    focusOnRowKey: n,
+    rowCellsBackground: a,
+    treeProps: l,
     ...b
-  } = z, k = (e) => /* @__PURE__ */ s(
+  } = z, k = (e) => /* @__PURE__ */ c(
     ne,
     {
       ...e,
       tabIndex: e.tabIndex
     }
-  ), { finalColumns: l, finalRows: i } = le(
+  ), { finalColumns: i, finalRows: s } = le(
     L,
     $,
-    C(
+    h(
       () => ({
         /**
          * Función que abre el menú de acciones para una columna
@@ -68,31 +68,31 @@ function qe(z) {
     currentRowHeaderHeight: p,
     currentRowHeightVariant: g,
     size: V,
-    sortColumns: a,
-    setSortColumns: H,
-    columnsConfig: v,
+    sortColumns: m,
+    setSortColumns: v,
+    columnsConfig: H,
     rowActionsGetter: I
-  } = se(), _ = C(() => n ? de(v) : [], [v, n]), J = n?.rowGrouper ?? fe, T = C(() => {
-    if (u)
-      return typeof u == "function" ? u : pe(u);
-  }, [u]), D = C(
-    () => he(
-      l,
-      T,
+  } = se(), _ = h(() => l ? de(H) : [], [H, l]), J = l?.rowGrouper ?? fe, D = h(() => {
+    if (a)
+      return typeof a == "function" ? a : pe(a);
+  }, [a]), T = h(
+    () => Ce(
+      i,
+      D,
       r,
       g
     ),
-    [l, T, r, g]
-  ), m = F(null), [h, A] = P({
+    [i, D, r, g]
+  ), d = W(null), [C, A] = P({
     anchorEl: null,
     columnKey: null
-  }), x = F(!1), [Q, B] = P(!1), E = (e) => {
-    Q && (H(e), B(!1));
+  }), x = W(void 0), [Q, B] = P(!1), E = (e) => {
+    Q && (v(e), B(!1));
   }, U = (e) => {
-    B(!0), H(e);
+    B(!0), v(e);
   }, K = ({ row: e }) => {
-    if (c && t) {
-      if (c.entries().next().value && c.entries().next().value?.[1] === r(e))
+    if (u && t) {
+      if (u.entries().next().value && u.entries().next().value?.[1] === r(e))
         return;
       const o = /* @__PURE__ */ new Set([r(e)]);
       t(o);
@@ -100,65 +100,65 @@ function qe(z) {
   }, M = ({ row: e }) => {
     if (!I)
       return;
-    const o = I(e), d = Ce(o);
-    d?.onClick && d.onClick(e);
+    const o = I(e), f = he(o);
+    f?.onClick && f.onClick(e);
   };
   R(() => {
     let e = 0;
-    for (const o of l) {
-      const d = a.findIndex(
+    for (const o of i) {
+      const f = m.findIndex(
         (Y) => o.key === Y.columnKey
       );
-      d !== -1 ? m.current?.element?.querySelector(
+      f !== -1 ? d.current?.element?.querySelector(
         `[role="columnheader"][aria-colindex="${e + 1}"]`
-      )?.setAttribute("aria-columnsort", `${a[d].direction}`) : m.current?.element?.querySelector(
+      )?.setAttribute("aria-columnsort", `${m[f].direction}`) : d.current?.element?.querySelector(
         `[role="columnheader"][aria-colindex="${e + 1}"]`
       )?.removeAttribute("aria-columnsort"), e++;
     }
-  }, [a, l]), R(() => {
-    N(i.length);
-  }, [i]), R(() => {
-    if (!f) {
-      x.current = !1;
+  }, [m, i]), R(() => {
+    N(s.length);
+  }, [s]), R(() => {
+    if (!n) {
+      x.current = void 0;
       return;
     }
-    if (x.current)
+    if (x.current === n)
       return;
-    const e = i.findIndex(
-      (o) => r(o) === f
+    const e = s.findIndex(
+      (o) => r(o) === n
     );
-    e !== -1 && (m.current?.scrollToCell({ rowIdx: e }), t && t(/* @__PURE__ */ new Set([f])), x.current = !0);
-  }, [f, i, r, t]);
+    e !== -1 && (d.current?.scrollToCell({ rowIdx: e }), t && t(/* @__PURE__ */ new Set([n])), x.current = n);
+  }, [n, s, r, t]);
   const O = (e, o) => {
-    q(l[e].key, o);
+    q(i[e].key, o);
   }, S = {
     resizable: !0,
     sortable: !0,
     ...j || {}
   }, X = ae(
-    h.columnKey,
-    l,
+    C.columnKey,
+    i,
     !!S.sortable,
     U
   );
-  return /* @__PURE__ */ s(ce, { ownerState: {}, id: "WrapperTable", children: /* @__PURE__ */ Z(
+  return /* @__PURE__ */ c(ce, { ownerState: {}, id: "WrapperTable", children: /* @__PURE__ */ Z(
     ue,
     {
       ownerState: { size: V, currentRowHeightVariant: g, currentRowHeight: w },
       children: [
-        /* @__PURE__ */ s(re, { backend: te, context: window, children: n ? /* @__PURE__ */ s(
+        /* @__PURE__ */ c(re, { backend: te, context: window, children: l ? /* @__PURE__ */ c(
           oe,
           {
             className: "rdg-light",
-            ref: m,
-            headerRowHeight: G ? p + W : p,
-            columns: D,
-            sortColumns: a,
+            ref: d,
+            headerRowHeight: G ? p + F : p,
+            columns: T,
+            sortColumns: m,
             onSortColumnsChange: E,
             onColumnResize: O,
-            rows: i,
+            rows: s,
             onRowsChange: y,
-            selectedRows: c,
+            selectedRows: u,
             onSelectedRowsChange: t,
             onCellClick: K,
             onCellDoubleClick: M,
@@ -170,23 +170,23 @@ function qe(z) {
             defaultColumnOptions: S,
             groupBy: _,
             rowGrouper: J,
-            expandedGroupIds: n.expandedGroupIds,
-            onExpandedGroupIdsChange: n.onExpandedGroupIdsChange,
+            expandedGroupIds: l.expandedGroupIds,
+            onExpandedGroupIdsChange: l.onExpandedGroupIdsChange,
             ...b
           }
-        ) : /* @__PURE__ */ s(
+        ) : /* @__PURE__ */ c(
           ee,
           {
             className: "rdg-light",
-            ref: m,
-            headerRowHeight: G ? p + W : p,
-            columns: D,
-            sortColumns: a,
+            ref: d,
+            headerRowHeight: G ? p + F : p,
+            columns: T,
+            sortColumns: m,
             onSortColumnsChange: E,
             onColumnResize: O,
-            rows: i,
+            rows: s,
             onRowsChange: y,
-            selectedRows: c,
+            selectedRows: u,
             onSelectedRowsChange: t,
             onCellClick: K,
             onCellDoubleClick: M,
@@ -199,10 +199,10 @@ function qe(z) {
             ...b
           }
         ) }),
-        h.columnKey && h.anchorEl instanceof HTMLDivElement && /* @__PURE__ */ s(
+        C.columnKey && C.anchorEl instanceof HTMLDivElement && /* @__PURE__ */ c(
           me,
           {
-            externalOpen: h.anchorEl,
+            externalOpen: C.anchorEl,
             onOpen: (e) => {
               e || A({
                 anchorEl: null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.4.36",
+  "version": "9.4.37",
   "publishConfig": {
     "access": "public"
   },
@@ -53,18 +53,18 @@
     "date-fns": "^2.30.0",
     "react-transition-group": "^4.4.5",
     "react-rnd": "^10.5.2",
-    "react-spinners": "^0.13.8",
     "react-color": "^2.19.3",
     "@mui/x-date-pickers": "6.20.2",
     "react-draggable": "^4.4.5",
+    "react-spinners": "^0.13.8",
     "react-data-grid": "7.0.0-beta.47",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
-    "simplebar-react": "3.2.6",
     "chart.js": "^4.4.0",
     "chartjs-chart-error-bars": "^4.3.3",
     "qrcode.react": "^3.1.0",
     "react-resizable": "^3.0.4",
+    "simplebar-react": "3.2.6",
     "react-resizable-panels": "^2.1.8"
   }
 }