@m4l/components 9.72.0 → 9.72.1-beta-m4lcom-785-data-grids-implementar-la-funcionalidad-de-scroll-infinito.0

package/components/Pager/subcomponents/CustomTablePagination/CustomTablePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomTablePagination.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/Pager/subcomponents/CustomTablePagination/CustomTablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AASrD;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,qDA6GtE,CAAC"}
+{"version":3,"file":"CustomTablePagination.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/Pager/subcomponents/CustomTablePagination/CustomTablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AASrD;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,qDAmGtE,CAAC"}

package/components/Pager/subcomponents/CustomTablePagination/CustomTablePagination.js

@@ -1,73 +1,65 @@
-import { jsxs as w, Fragment as N, jsx as g } from "@emotion/react/jsx-runtime";
-import { PagerActions as O } from "../PagerActions/PagerActions.js";
-import { useState as L, useMemo as r, useEffect as x, useCallback as T } from "react";
-import { useModuleDictionary as j } from "@m4l/core";
-import { PAGER_DICTIONARY as P } from "../../dicctionary.js";
-import { ContainerTotalRowSelectStyled as E, TotalRowStyled as I, LabelSelectContainerStyled as W, RowsPerPageStyled as F, ActionsContainerStyled as G } from "../../slots/PagerSlots.js";
-import { Select as V } from "../../../extended/mui/Select/Select.js";
-const U = (v) => {
+import { jsxs as O, Fragment as j, jsx as w } from "@emotion/react/jsx-runtime";
+import { PagerActions as E } from "../PagerActions/PagerActions.js";
+import { RowsPerPageSelect as I } from "../RowsPerPageSelect/RowsPerPageSelect.js";
+import { useState as L, useMemo as n, useEffect as T, useCallback as z } from "react";
+import { useModuleDictionary as k } from "@m4l/core";
+import { PAGER_DICTIONARY as m } from "../../dicctionary.js";
+import { ActionsContainerStyled as v } from "../../slots/PagerSlots.js";
+const J = (y) => {
   const {
-    count: t,
-    page: u,
-    rowsPerPage: d = 25,
-    rowsPerPageOptions: l = [10, 25, 50, 100],
-    onRowsPerPageChange: h,
+    count: e,
+    page: P,
+    rowsPerPage: i = 25,
+    rowsPerPageOptions: g = [10, 25, 50, 100],
+    onRowsPerPageChange: u,
     onPageChange: c,
-    size: m,
-    labelOf: p,
-    labelTotalRows: z
-  } = v, [n, S] = L(d), [b, f] = L(Math.max(0, u)), { getLabel: o } = j(), s = r(() => Math.max(1, Math.ceil(t / n)), [t, n]);
-  x(() => {
-    f(Math.max(0, Math.min(u, s - 1)));
-  }, [u, s]), x(() => {
-    l.includes(d) && S(d);
-  }, [d, l]);
-  const i = r(() => Math.max(0, Math.min(b, s - 1)), [b, s]), R = r(() => o(P.page), [o]), C = r(() => o(P.rows), [o]), A = r(() => o(P.rows_per_page), [o]), M = r(() => o(P.no_records), [o]), _ = r(() => {
-    if (t === 0)
-      return M;
-    const e = i + 1;
-    return `${R} ${e} ${p} ${s}`;
-  }, [i, s, t, p, R, M]), $ = T((e) => {
-    const a = Number(e.id), D = Math.ceil(t / a), y = Math.min(i, D - 1);
-    S(a), f(y), h && h({ id: a, value: a, label: `${a} ${C}` }), c && c(null, y);
-  }, [t, i, C, c, h]), k = T((e) => {
-    e && $(e);
+    size: f,
+    labelOf: h,
+    labelTotalRows: A
+  } = y, [r, p] = L(i), [R, d] = L(Math.max(0, P)), { getLabel: o } = k(), s = n(() => Math.max(1, Math.ceil(e / r)), [e, r]);
+  T(() => {
+    d(Math.max(0, Math.min(P, s - 1)));
+  }, [P, s]), T(() => {
+    g.includes(i) && p(i);
+  }, [i, g]);
+  const l = n(() => Math.max(0, Math.min(R, s - 1)), [R, s]), b = n(() => o(m.page), [o]), M = n(() => o(m.rows), [o]), S = n(() => o(m.rows_per_page), [o]), C = n(() => o(m.no_records), [o]), _ = n(() => {
+    if (e === 0)
+      return C;
+    const a = l + 1;
+    return `${b} ${a} ${h} ${s}`;
+  }, [l, s, e, h, b, C]), $ = z((a) => {
+    const t = Number(a.id), N = Math.ceil(e / t), x = Math.min(l, N - 1);
+    p(t), d(x), u && u({ id: t, value: t, label: `${t} ${M}` }), c && c(null, x);
+  }, [e, l, M, c, u]), D = z((a) => {
+    a && $(a);
   }, [$]);
-  return /* @__PURE__ */ w(N, { children: [
-    l?.length > 1 ? /* @__PURE__ */ w(E, { children: [
-      /* @__PURE__ */ g(I, { skeletonWidth: 50, size: m, variant: "bodyStandard", children: `${z}: ${Math.min(n, t - i * n)} ${p} ${t}` }),
-      /* @__PURE__ */ w(W, { children: [
-        /* @__PURE__ */ g(F, { skeletonWidth: 50, size: m, variant: "bodyStandard", children: `${A}:` }),
-        /* @__PURE__ */ g(
-          V,
-          {
-            size: m,
-            value: l.includes(n) ? n.toString() : l[0].toString(),
-            onChange: k,
-            options: l.map((e) => ({
-              id: e.toString(),
-              value: e.toString(),
-              label: e.toString()
-            }))
-          }
-        )
-      ] })
-    ] }) : null,
-    /* @__PURE__ */ g(G, { children: /* @__PURE__ */ g(
-      O,
+  return /* @__PURE__ */ O(j, { children: [
+    g?.length > 1 ? /* @__PURE__ */ w(
+      I,
       {
-        size: m,
-        count: t,
-        page: i,
-        rowsPerPage: n,
+        size: f,
+        totalRowText: `${A}: ${Math.min(r, e - l * r)} ${h} ${e}`,
+        labelRowsPerPage: S,
+        rowsPerPage: r,
+        rowsPerPageOptions: g,
+        onChange: D
+      }
+    ) : null,
+    /* @__PURE__ */ w(v, { children: /* @__PURE__ */ w(
+      E,
+      {
+        size: f,
+        count: e,
+        page: l,
+        rowsPerPage: r,
         pageCounter: _,
-        onPageChange: (e, a) => {
-          f(a), c && c(e, a);
+        onPageChange: (a, t) => {
+          d(t), c && c(a, t);
         }
       }
     ) })
   ] });
 };
 export {
-  U as CustomTablePagination
+  J as CustomTablePagination
 };

package/components/Pager/subcomponents/RowsPerPageSelect/RowsPerPageSelect.d.ts

@@ -0,0 +1,7 @@
+import { RowsPerPageSelectProps } from './types';
+/**
+ * Rows counter and "Rows per page" select of the pager. The DataGrid infinite scroll status bar
+ * renders this same block, so both look exactly alike.
+ */
+export declare function RowsPerPageSelect(props: RowsPerPageSelectProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RowsPerPageSelect.d.ts.map

package/components/Pager/subcomponents/RowsPerPageSelect/RowsPerPageSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowsPerPageSelect.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/Pager/subcomponents/RowsPerPageSelect/RowsPerPageSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,oDAyB9D"}

package/components/Pager/subcomponents/RowsPerPageSelect/RowsPerPageSelect.js

@@ -0,0 +1,28 @@
+import { jsxs as l, jsx as r } from "@emotion/react/jsx-runtime";
+import { ContainerTotalRowSelectStyled as S, TotalRowStyled as c, LabelSelectContainerStyled as g, RowsPerPageStyled as P } from "../../slots/PagerSlots.js";
+import { Select as w } from "../../../extended/mui/Select/Select.js";
+function R(i) {
+  const { size: e, totalRowText: n, labelRowsPerPage: d, rowsPerPage: a, rowsPerPageOptions: t, onChange: s } = i;
+  return /* @__PURE__ */ l(S, { children: [
+    n !== void 0 && /* @__PURE__ */ r(c, { skeletonWidth: 50, size: e, variant: "bodyStandard", children: n }),
+    /* @__PURE__ */ l(g, { children: [
+      /* @__PURE__ */ r(P, { skeletonWidth: 50, size: e, variant: "bodyStandard", children: `${d}:` }),
+      /* @__PURE__ */ r(
+        w,
+        {
+          size: e,
+          value: t.includes(a) ? a.toString() : t[0].toString(),
+          onChange: s,
+          options: t.map((o) => ({
+            id: o.toString(),
+            value: o.toString(),
+            label: o.toString()
+          }))
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  R as RowsPerPageSelect
+};

package/components/Pager/subcomponents/RowsPerPageSelect/types.d.ts

@@ -0,0 +1,20 @@
+import { SelectOption } from '../../../extended/mui/Select/types';
+import { CustomTablePaginationProps } from '../CustomTablePagination/types';
+/**
+ * Props of the pager's rows counter and rows-per-page select block.
+ */
+export interface RowsPerPageSelectProps {
+    /** Size of the texts and the select, the same one the pager receives. */
+    size: CustomTablePaginationProps['size'];
+    /** Counter text, for example "Rows: 7 of 7". Without it, only the label and the select show. */
+    totalRowText?: string;
+    /** Label of the select, already translated; the block adds the colon. */
+    labelRowsPerPage: string;
+    /** Size currently chosen. When it is not one of the options, the first option shows. */
+    rowsPerPage: number;
+    /** Sizes offered by the select. */
+    rowsPerPageOptions: number[];
+    /** Called by the select with the option the user picks. */
+    onChange: (option: SelectOption<string | number> | SelectOption<string | number>[] | null) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/components/Pager/subcomponents/RowsPerPageSelect/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/Pager/subcomponents/RowsPerPageSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAEjF;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,yEAAyE;IACzE,IAAI,EAAE,0BAA0B,CAAC,MAAM,CAAC,CAAC;IACzC,gGAAgG;IAChG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yEAAyE;IACzE,gBAAgB,EAAE,MAAM,CAAC;IACzB,wFAAwF;IACxF,WAAW,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,2DAA2D;IAC3D,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,YAAY,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;CACpG"}

package/components/datagrids/Datagrid.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Datagrid.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/datagrids/Datagrid.styles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAIzC,eAAO,MAAM,cAAc,EAAE,cAs7C5B,CAAC"}
+{"version":3,"file":"Datagrid.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/datagrids/Datagrid.styles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAIzC,eAAO,MAAM,cAAc,EAAE,cA09C5B,CAAC"}