@m4l/components 9.24.1-beta-feature-731-code-editor.1 → 9.25.0

package/@types/types.d.ts

@@ -373,10 +373,6 @@ import {
   ReactJsonViewerOwnerState,
   ReactJsonViewerSlotsType,
 } from '../components/extended/React-Json-Viewer/types';
-import {
-  CodeEditorOwnerState,
-  CodeEditorSlotsType,
-} from '../components/extended/ReactSimpleCodeEditor/types';
 import {
   ResizableOwnerState as ReactResizableOwnerState,
   ResizableSlotsType,
@@ -503,7 +499,6 @@ declare module '@mui/material/styles' {
     M4LFixedSizeList: FixedSizeListSlotsType;
     M4LVariableSizeList: VariableSizeListSlotsType;
     M4LReactJsonViewer: ReactJsonViewerSlotsType;
-    M4LCodeEditor: CodeEditorSlotsType;
     M4LResizable: ResizableSlotsType;
     M4LResizableBox: ResizableBoxSlotsType;
     M4LImageSelector: ImageSelectorSlotsType;
@@ -619,7 +614,6 @@ declare module '@mui/material/styles' {
     M4LFixedSizeList: Partial<FixedSizeListOwnerState>;
     M4LVariableSizeList: Partial<VariableSizeListOwnerState>;
     M4LReactJsonViewer: Partial<ReactJsonViewerOwnerState>;
-    M4LCodeEditor: Partial<CodeEditorOwnerState>;
     M4LResizable: Partial<ReactResizableOwnerState>;
     M4LResizableBox: Partial<ResizableBoxOwnerState>;
     M4LImageSelector: Partial<ImageSelectorOwnerState>;
@@ -1174,11 +1168,6 @@ declare module '@mui/material/styles' {
       styleOverrides?: ComponentsOverrides<Theme>['M4LReactJsonViewer'];
       variants?: ComponentsVariants['M4LReactJsonViewer'];
     };
-    M4LCodeEditor?: {
-      defaultProps?: ComponentsPropsList['M4LCodeEditor'];
-      styleOverrides?: ComponentsOverrides<Theme>['M4LCodeEditor'];
-      variants?: ComponentsVariants['M4LCodeEditor'];
-    };
     M4LResizable?: {
       defaultProps?: ComponentsPropsList['M4LResizable'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LResizable'];

package/components/MFIsolationApp/MFIsolationApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MFIsolationApp.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/MFIsolationApp/MFIsolationApp.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EACV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAqEjB;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDAkLxD"}
+{"version":3,"file":"MFIsolationApp.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/MFIsolationApp/MFIsolationApp.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EACV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAoEjB;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDAiLxD"}

package/components/MFIsolationApp/MFIsolationApp.js

@@ -1,9 +1,9 @@
-import { jsx as o, jsxs as A } from "@emotion/react/jsx-runtime";
-import { useMemo as h, useCallback as _, useId as X } from "react";
+import { jsx as o, jsxs as g } from "@emotion/react/jsx-runtime";
+import { useMemo as h, useCallback as A, useId as X } from "react";
 import { unstable_HistoryRouter as Y } from "react-router-dom";
 import { createBrowserHistory as oo } from "history";
 import eo from "eventemitter3";
-import P from "nprogress";
+import _ from "nprogress";
 import { DeviceTypeProvider as to, ThemeSettingsProvider as ro, LocalesProvider as so, getLocaleFromNetwork as io, AppearanceComponentProvider as no } from "@m4l/graphics";
 import { axiosOperation as ao, EnvironmentProvider as mo, HostToolsProvider as lo, NetworkProvider as po, AuthProvider as co, useAuth as ho, useEnvironment as uo, useNetwork as vo } from "@m4l/core";
 import { WrapperAppBarContentChildrenStyled as fo, WrapperContentChildrenStyled as Ao } from "./slots/MFIsolationAppSlots.js";
@@ -11,15 +11,14 @@ import { MFIsolationAppErrorBoundary as _o } from "./MFIsolationAppErrorBoundary
 import Po from "../ToastContainer/helpers/toaster.js";
 import { ShellObservabilityProvider as Io } from "../../contexts/ShellObservabilityContext/ShellObservabilityContext.js";
 import { MFAuthApp as bo } from "./subcomponents/MFAuthApp/MFAuthApp.js";
-import { ThemeSettingsHostToolsBridge as yo } from "./subcomponents/ThemeSettingsHostToolsBridge/ThemeSettingsHostToolsBridge.js";
-import { BaseModule as go } from "../BaseModule/BaseModule.js";
+import { BaseModule as yo } from "../BaseModule/BaseModule.js";
 import { SettingsLayout as ko } from "../SettingsLayout/SettingsLayout.js";
 import { ToastContainer as wo } from "../ToastContainer/ToastContainer.js";
-import { PopupsProvider as Ro } from "../popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
-import { AreasProvider as Fo } from "../areas/contexts/AreasContext/index.js";
-import { AppBarSettings as Lo } from "./subcomponents/AppBarSettings/AppBarSettings.js";
-import { HostRuntimeProvider as So } from "../../contexts/HostRuntimeContext/HostRuntimeContext.js";
-import { MFObservabilityProvider as To } from "../WindowBase/contexts/MFObservabilityContext/MFObservabilityContext.js";
+import { PopupsProvider as go } from "../popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
+import { AreasProvider as Ro } from "../areas/contexts/AreasContext/index.js";
+import { AppBarSettings as Fo } from "./subcomponents/AppBarSettings/AppBarSettings.js";
+import { HostRuntimeProvider as Lo } from "../../contexts/HostRuntimeContext/HostRuntimeContext.js";
+import { MFObservabilityProvider as So } from "../WindowBase/contexts/MFObservabilityContext/MFObservabilityContext.js";
 const R = oo({ window });
 function Co(u) {
   const { children: v, hostRuntime: s, resolveHostRuntime: i } = u, { user: n } = ho(), {
@@ -44,9 +43,9 @@ function Co(u) {
     i,
     n?.sessionId
   ]);
-  return /* @__PURE__ */ o(So, { value: f, children: v });
+  return /* @__PURE__ */ o(Lo, { value: f, children: v });
 }
-function oe(u) {
+function Xo(u) {
   const {
     children: v,
     user: s,
@@ -61,31 +60,31 @@ function oe(u) {
     host_api_remote: f,
     host_static_assets: F,
     environment_assets: L,
-    moduleId: I,
+    moduleId: P,
     skeletonFlags: S,
-    moduleNameField: T,
-    privileges: C,
-    componentsDictionary: E,
-    onLoad: H,
-    activeAreasNetwork: M = !1,
-    activeCookiesFromNetwork: x = !1,
+    moduleNameField: C,
+    privileges: E,
+    componentsDictionary: M,
+    onLoad: T,
+    activeAreasNetwork: x = !1,
+    activeCookiesFromNetwork: H = !1,
     // observedDivRef,
-    moduleDictionaryLoaded: B,
-    forcedDeviceType: N,
-    areasStoreId: b,
-    areasStoreDevtoolsEnabled: y,
+    moduleDictionaryLoaded: N,
+    forcedDeviceType: B,
+    areasStoreId: I,
+    areasStoreDevtoolsEnabled: b,
     appBarSettings: D = !0,
     axiosOperation: O = ao,
     googleMapsApiKey: j,
     hostRuntime: W,
-    observability: g,
+    observability: y,
     resolveHostRuntime: $
-  } = u, k = a ?? m ?? "", c = d ?? f ?? "", K = l ?? p ?? `${c}/main/icons`, e = h(() => new eo(), []), Z = _(
+  } = u, k = a ?? m ?? "", c = d ?? f ?? "", K = l ?? p ?? `${c}/main/icons`, e = h(() => new eo(), []), Z = A(
     (t, r) => {
       e.on(t, r);
     },
     [e]
-  ), q = _(
+  ), q = A(
     (t, r) => {
       if (r === null) {
         e.removeListener(t);
@@ -94,17 +93,17 @@ function oe(u) {
       e.removeListener(t, r);
     },
     [e]
-  ), z = _(
+  ), z = A(
     (t, r) => {
       e.emit(t, r);
     },
     [e]
   ), G = () => {
-    P.configure({
+    _.configure({
       showSpinner: !0
-    }), P.start();
+    }), _.start();
   }, J = () => {
-    P.done();
+    _.done();
   }, Q = h(
     () => ({
       host: "",
@@ -137,62 +136,59 @@ function oe(u) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  return /* @__PURE__ */ o(mo, { ...Q, children: /* @__PURE__ */ o(lo, { ...V, children: /* @__PURE__ */ o(po, { axiosOperation: O, children: /* @__PURE__ */ o(Io, { value: g, children: /* @__PURE__ */ o(To, { value: g, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(mo, { ...Q, children: /* @__PURE__ */ o(lo, { ...V, children: /* @__PURE__ */ o(po, { axiosOperation: O, children: /* @__PURE__ */ o(Io, { value: y, children: /* @__PURE__ */ o(So, { value: y, children: /* @__PURE__ */ o(
     Y,
     {
       history: R,
       future: { v7_startTransition: !0, v7_relativeSplatPath: !0 },
-      children: /* @__PURE__ */ o(to, { forcedDeviceType: N, children: /* @__PURE__ */ o(co, { children: /* @__PURE__ */ o(bo, { user: s, pwd: i, children: /* @__PURE__ */ A(ro, { children: [
-        /* @__PURE__ */ o(yo, {}),
-        /* @__PURE__ */ o(so, { isMicroFrontEnd: !1, getLocaleFromNetwork: io, children: /* @__PURE__ */ o(
-          go,
-          {
-            moduleId: I,
-            privileges: C,
-            skeletonFlags: S,
-            componentsDictionary: E,
-            moduleNameField: T,
-            moduleDictionaryLoaded: B,
-            children: /* @__PURE__ */ o(_o, { moduleId: I, children: /* @__PURE__ */ A(no, { children: [
-              /* @__PURE__ */ o(ko, {}),
-              /* @__PURE__ */ o(wo, { containerId: w }),
-              " ",
-              /* @__PURE__ */ o(
-                Co,
-                {
-                  hostRuntime: W,
-                  resolveHostRuntime: $,
-                  children: /* @__PURE__ */ o(
-                    Ro,
-                    {
-                      baseZindex: 1e3,
-                      storeId: b,
-                      storeDevtoolsEnabled: y,
-                      children: /* @__PURE__ */ o(
-                        Fo,
-                        {
-                          storeId: b,
-                          storeDevtoolsEnabled: y,
-                          onLoad: H,
-                          loadAreasFromNetwork: M,
-                          loadCookiesFromNetwork: x,
-                          children: /* @__PURE__ */ A(fo, { children: [
-                            D && /* @__PURE__ */ o(Lo, {}),
-                            /* @__PURE__ */ o(Ao, { children: v })
-                          ] })
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ] }) })
-          }
-        ) })
-      ] }) }) }) })
+      children: /* @__PURE__ */ o(to, { forcedDeviceType: B, children: /* @__PURE__ */ o(co, { children: /* @__PURE__ */ o(bo, { user: s, pwd: i, children: /* @__PURE__ */ o(ro, { children: /* @__PURE__ */ o(so, { isMicroFrontEnd: !1, getLocaleFromNetwork: io, children: /* @__PURE__ */ o(
+        yo,
+        {
+          moduleId: P,
+          privileges: E,
+          skeletonFlags: S,
+          componentsDictionary: M,
+          moduleNameField: C,
+          moduleDictionaryLoaded: N,
+          children: /* @__PURE__ */ o(_o, { moduleId: P, children: /* @__PURE__ */ g(no, { children: [
+            /* @__PURE__ */ o(ko, {}),
+            /* @__PURE__ */ o(wo, { containerId: w }),
+            " ",
+            /* @__PURE__ */ o(
+              Co,
+              {
+                hostRuntime: W,
+                resolveHostRuntime: $,
+                children: /* @__PURE__ */ o(
+                  go,
+                  {
+                    baseZindex: 1e3,
+                    storeId: I,
+                    storeDevtoolsEnabled: b,
+                    children: /* @__PURE__ */ o(
+                      Ro,
+                      {
+                        storeId: I,
+                        storeDevtoolsEnabled: b,
+                        onLoad: T,
+                        loadAreasFromNetwork: x,
+                        loadCookiesFromNetwork: H,
+                        children: /* @__PURE__ */ g(fo, { children: [
+                          D && /* @__PURE__ */ o(Fo, {}),
+                          /* @__PURE__ */ o(Ao, { children: v })
+                        ] })
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          ] }) })
+        }
+      ) }) }) }) }) })
     }
   ) }) }) }) }) });
 }
 export {
-  oe as MFIsolationApp
+  Xo as MFIsolationApp
 };

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,cAs4C5B,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,cAi6C5B,CAAC"}

package/components/datagrids/Datagrid.styles.js

@@ -847,6 +847,31 @@ const d = {
     position: "relative",
     height: `${r.totalSize ?? 0}px`
   }),
+  /**
+   * Container that holds the total virtualized height for TanStack Virtual in CardsView.
+   * This element defines the scrollable area; its height equals the sum of all card heights.
+   */
+  cardsVirtualContainer: ({ ownerState: r }) => ({
+    width: "100%",
+    position: "relative",
+    height: `${r.totalSize ?? 0}px`
+  }),
+  /**
+   * Wrapper for each virtualized card row (receives style from TanStack Virtual).
+   * Uses CSS Grid with explicit column count so cards in incomplete rows (last row)
+   * get the same width as cards in full rows. gap and paddingBottom match ContainerFlow (16px).
+   */
+  cardsVirtualRowItem: ({ ownerState: r }) => ({
+    position: "absolute",
+    top: 0,
+    left: 0,
+    width: "100%",
+    transform: `translateY(${r.offsetTop ?? 0}px)`,
+    display: "grid",
+    gridTemplateColumns: `repeat(${r.cardsPerRow ?? 1}, 1fr)`,
+    gap: "16px",
+    paddingBottom: "16px"
+  }),
   /**
    * Estilos para cada tarjeta individual en CardsView.
    */

package/components/datagrids/slots/DataGridEnum.d.ts

@@ -60,7 +60,9 @@ export declare enum TableSlots {
     listContainer = "listContainer",
     list = "list",
     listRowVirtualizedItem = "listRowVirtualizedItem",
-    listVirtualContainer = "listVirtualContainer"
+    listVirtualContainer = "listVirtualContainer",
+    cardsVirtualContainer = "cardsVirtualContainer",
+    cardsVirtualRowItem = "cardsVirtualRowItem"
 }
 export declare enum TextEditorSlots {
     inputTexEditor = "inputTexEditor"

package/components/datagrids/slots/DataGridEnum.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/datagrids/slots/DataGridEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa;IACvB,YAAY,iBAAiB;IAC7B,YAAY,iBAAiB;CAC9B;AAED,oBAAY,YAAY;IACtB,WAAW,gBAAgB;IAC3B,oBAAoB,yBAAyB;IAC7C,qBAAqB,0BAA0B;IAC/C,sBAAsB,2BAA2B;CAClD;AAED,oBAAY,cAAc;IACxB,aAAa,kBAAkB;IAC/B,cAAc,mBAAmB;IACjC,cAAc,mBAAmB;CAClC;AAED,oBAAY,UAAU;IACpB,eAAe,oBAAoB;IACnC,oBAAoB,yBAAyB;IAC7C,mBAAmB,wBAAwB;IAC3C,UAAU,eAAe;IACzB,yBAAyB,8BAA8B;IACvD,eAAe,oBAAoB;IACnC,eAAe,oBAAoB;IACnC,mBAAmB,wBAAwB;IAC3C,iBAAiB,sBAAsB;IACvC,QAAQ,aAAa;IACrB,mBAAmB,wBAAwB;IAC3C,cAAc,mBAAmB;IACjC,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,oBAAoB,yBAAyB;IAC7C,oBAAoB,yBAAyB;IAC7C,oBAAoB,yBAAyB;IAC7C,IAAI,SAAS;IACb,cAAc,mBAAmB;IACjC,kBAAkB,uBAAuB;IACzC,UAAU,eAAe;IACzB,cAAc,mBAAmB;IACjC,eAAe,oBAAoB;IACnC,WAAW,gBAAgB;IAC3B,yBAAyB,8BAA8B;IACvD,oBAAoB,yBAAyB;IAC7C,mBAAmB,wBAAwB;IAC3C,iBAAiB,sBAAsB;IACvC,WAAW,gBAAgB;IAE3B,gBAAgB,qBAAqB;IACrC,gBAAgB,qBAAqB;IACrC,mBAAmB,wBAAwB;IAC3C,uBAAuB,4BAA4B;IACnD,sBAAsB,2BAA2B;IACjD,uBAAuB,4BAA4B;IACnD,mBAAmB,wBAAwB;IAC3C,iBAAiB,sBAAsB;IACvC,mBAAmB,wBAAwB;IAC3C,SAAS,cAAc;IACvB,cAAc,mBAAmB;IACjC,0BAA0B,+BAA+B;IACzD,0BAA0B,+BAA+B;IACzD,qBAAqB,0BAA0B;IAC/C,aAAa,kBAAkB;IAC/B,IAAI,SAAS;IACb,sBAAsB,2BAA2B;IACjD,oBAAoB,yBAAyB;CAC9C;AAED,oBAAY,eAAe;IACzB,cAAc,mBAAmB;CAClC;AAED,oBAAY,kBAAkB;IAC5B,oBAAoB,yBAAyB;IAC7C,uBAAuB,4BAA4B;IACnD,qBAAqB,0BAA0B;IAC/C,mBAAmB,wBAAwB;CAC5C;AAED,oBAAY,oBAAoB;IAC9B,eAAe,oBAAoB;CACpC;AAED,oBAAY,wBAAwB;IAClC,mBAAmB,wBAAwB;CAC5C"}
+{"version":3,"file":"DataGridEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/datagrids/slots/DataGridEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa;IACvB,YAAY,iBAAiB;IAC7B,YAAY,iBAAiB;CAC9B;AAED,oBAAY,YAAY;IACtB,WAAW,gBAAgB;IAC3B,oBAAoB,yBAAyB;IAC7C,qBAAqB,0BAA0B;IAC/C,sBAAsB,2BAA2B;CAClD;AAED,oBAAY,cAAc;IACxB,aAAa,kBAAkB;IAC/B,cAAc,mBAAmB;IACjC,cAAc,mBAAmB;CAClC;AAED,oBAAY,UAAU;IACpB,eAAe,oBAAoB;IACnC,oBAAoB,yBAAyB;IAC7C,mBAAmB,wBAAwB;IAC3C,UAAU,eAAe;IACzB,yBAAyB,8BAA8B;IACvD,eAAe,oBAAoB;IACnC,eAAe,oBAAoB;IACnC,mBAAmB,wBAAwB;IAC3C,iBAAiB,sBAAsB;IACvC,QAAQ,aAAa;IACrB,mBAAmB,wBAAwB;IAC3C,cAAc,mBAAmB;IACjC,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,oBAAoB,yBAAyB;IAC7C,oBAAoB,yBAAyB;IAC7C,oBAAoB,yBAAyB;IAC7C,IAAI,SAAS;IACb,cAAc,mBAAmB;IACjC,kBAAkB,uBAAuB;IACzC,UAAU,eAAe;IACzB,cAAc,mBAAmB;IACjC,eAAe,oBAAoB;IACnC,WAAW,gBAAgB;IAC3B,yBAAyB,8BAA8B;IACvD,oBAAoB,yBAAyB;IAC7C,mBAAmB,wBAAwB;IAC3C,iBAAiB,sBAAsB;IACvC,WAAW,gBAAgB;IAE3B,gBAAgB,qBAAqB;IACrC,gBAAgB,qBAAqB;IACrC,mBAAmB,wBAAwB;IAC3C,uBAAuB,4BAA4B;IACnD,sBAAsB,2BAA2B;IACjD,uBAAuB,4BAA4B;IACnD,mBAAmB,wBAAwB;IAC3C,iBAAiB,sBAAsB;IACvC,mBAAmB,wBAAwB;IAC3C,SAAS,cAAc;IACvB,cAAc,mBAAmB;IACjC,0BAA0B,+BAA+B;IACzD,0BAA0B,+BAA+B;IACzD,qBAAqB,0BAA0B;IAC/C,aAAa,kBAAkB;IAC/B,IAAI,SAAS;IACb,sBAAsB,2BAA2B;IACjD,oBAAoB,yBAAyB;IAC7C,qBAAqB,0BAA0B;IAC/C,mBAAmB,wBAAwB;CAC5C;AAED,oBAAY,eAAe;IACzB,cAAc,mBAAmB;CAClC;AAED,oBAAY,kBAAkB;IAC5B,oBAAoB,yBAAyB;IAC7C,uBAAuB,4BAA4B;IACnD,qBAAqB,0BAA0B;IAC/C,mBAAmB,wBAAwB;CAC5C;AAED,oBAAY,oBAAoB;IAC9B,eAAe,oBAAoB;CACpC;AAED,oBAAY,wBAAwB;IAClC,mBAAmB,wBAAwB;CAC5C"}

package/components/datagrids/slots/DataGridEnum.js

@@ -1,4 +1,4 @@
-var e = /* @__PURE__ */ ((r) => (r.datagridRoot = "datagridRoot", r.customHeader = "customHeader", r))(e || {}), n = /* @__PURE__ */ ((r) => (r.actionsRoot = "actionsRoot", r.containerLeftActions = "containerLeftActions", r.containerRightActions = "containerRightActions", r.actionsConfigContainer = "actionsConfigContainer", r))(n || {}), a = /* @__PURE__ */ ((r) => (r.rowsCountRoot = "rowsCountRoot", r.rowsCountLabel = "rowsCountLabel", r.rowsCountValue = "rowsCountValue", r))(a || {}), t = /* @__PURE__ */ ((r) => (r.tableContaniner = "tableContaniner", r.tableWrapperDataGrid = "tableWrapperDataGrid", r.draggableHeaderRoot = "draggableHeaderRoot", r.iconSearch = "iconSearch", r.draggableWrapperInputBase = "draggableWrapperInputBase", r.headerInputBase = "headerInputBase", r.wrapperSkeleton = "wrapperSkeleton", r.contentModalSetting = "contentModalSetting", r.headerRenderClick = "headerRenderClick", r.menuList = "menuList", r.buttonHeaderActions = "buttonHeaderActions", r.nameColumnIcon = "nameColumnIcon", r.iconColumn = "iconColumn", r.nameColumn = "nameColumn", r.containerToggleCards = "containerToggleCards", r.cardToggleCardButton = "cardToggleCardButton", r.textToggleCardButton = "textToggleCardButton", r.card = "card", r.cardsContainer = "cardsContainer", r.cardContentWrapper = "cardContentWrapper", r.cardHeader = "cardHeader", r.cardHeaderLeft = "cardHeaderLeft", r.cardHeaderRight = "cardHeaderRight", r.cardContent = "cardContent", r.containerLabelValueColumn = "containerLabelValueColumn", r.contentWrapperColumn = "contentWrapperColumn", r.cardDetailContainer = "cardDetailContainer", r.labelHeaderColumn = "labelHeaderColumn", r.valueColumn = "valueColumn", r.customCardHeader = "customCardHeader", r.customCardAvatar = "customCardAvatar", r.customCardNameEmail = "customCardNameEmail", r.customCardFieldWithIcon = "customCardFieldWithIcon", r.customCardFieldContent = "customCardFieldContent", r.customCardIconContainer = "customCardIconContainer", r.checkboxCellWrapper = "checkboxCellWrapper", r.editorCellWrapper = "editorCellWrapper", r.editablePlaceholder = "editablePlaceholder", r.editLabel = "editLabel", r.iconButtonEdit = "iconButtonEdit", r.defaultRenderGroupCellRoot = "defaultRenderGroupCellRoot", r.defaultRenderGroupCellText = "defaultRenderGroupCellText", r.cellBackgroundWrapper = "cellBackgroundWrapper", r.listContainer = "listContainer", r.list = "list", r.listRowVirtualizedItem = "listRowVirtualizedItem", r.listVirtualContainer = "listVirtualContainer", r))(t || {}), o = /* @__PURE__ */ ((r) => (r.inputTexEditor = "inputTexEditor", r))(o || {}), d = /* @__PURE__ */ ((r) => (r.columnsConfigWrapper = "columnsConfigWrapper", r.columnsConfigSelColumns = "columnsConfigSelColumns", r.columnsConfigDataGrid = "columnsConfigDataGrid", r.columnsConfigActios = "columnsConfigActios", r))(d || {}), i = /* @__PURE__ */ ((r) => (r.controlNavigate = "controlNavigate", r))(i || {}), c = /* @__PURE__ */ ((r) => (r.columnIconFormatter = "columnIconFormatter", r))(c || {});
+var e = /* @__PURE__ */ ((r) => (r.datagridRoot = "datagridRoot", r.customHeader = "customHeader", r))(e || {}), n = /* @__PURE__ */ ((r) => (r.actionsRoot = "actionsRoot", r.containerLeftActions = "containerLeftActions", r.containerRightActions = "containerRightActions", r.actionsConfigContainer = "actionsConfigContainer", r))(n || {}), a = /* @__PURE__ */ ((r) => (r.rowsCountRoot = "rowsCountRoot", r.rowsCountLabel = "rowsCountLabel", r.rowsCountValue = "rowsCountValue", r))(a || {}), t = /* @__PURE__ */ ((r) => (r.tableContaniner = "tableContaniner", r.tableWrapperDataGrid = "tableWrapperDataGrid", r.draggableHeaderRoot = "draggableHeaderRoot", r.iconSearch = "iconSearch", r.draggableWrapperInputBase = "draggableWrapperInputBase", r.headerInputBase = "headerInputBase", r.wrapperSkeleton = "wrapperSkeleton", r.contentModalSetting = "contentModalSetting", r.headerRenderClick = "headerRenderClick", r.menuList = "menuList", r.buttonHeaderActions = "buttonHeaderActions", r.nameColumnIcon = "nameColumnIcon", r.iconColumn = "iconColumn", r.nameColumn = "nameColumn", r.containerToggleCards = "containerToggleCards", r.cardToggleCardButton = "cardToggleCardButton", r.textToggleCardButton = "textToggleCardButton", r.card = "card", r.cardsContainer = "cardsContainer", r.cardContentWrapper = "cardContentWrapper", r.cardHeader = "cardHeader", r.cardHeaderLeft = "cardHeaderLeft", r.cardHeaderRight = "cardHeaderRight", r.cardContent = "cardContent", r.containerLabelValueColumn = "containerLabelValueColumn", r.contentWrapperColumn = "contentWrapperColumn", r.cardDetailContainer = "cardDetailContainer", r.labelHeaderColumn = "labelHeaderColumn", r.valueColumn = "valueColumn", r.customCardHeader = "customCardHeader", r.customCardAvatar = "customCardAvatar", r.customCardNameEmail = "customCardNameEmail", r.customCardFieldWithIcon = "customCardFieldWithIcon", r.customCardFieldContent = "customCardFieldContent", r.customCardIconContainer = "customCardIconContainer", r.checkboxCellWrapper = "checkboxCellWrapper", r.editorCellWrapper = "editorCellWrapper", r.editablePlaceholder = "editablePlaceholder", r.editLabel = "editLabel", r.iconButtonEdit = "iconButtonEdit", r.defaultRenderGroupCellRoot = "defaultRenderGroupCellRoot", r.defaultRenderGroupCellText = "defaultRenderGroupCellText", r.cellBackgroundWrapper = "cellBackgroundWrapper", r.listContainer = "listContainer", r.list = "list", r.listRowVirtualizedItem = "listRowVirtualizedItem", r.listVirtualContainer = "listVirtualContainer", r.cardsVirtualContainer = "cardsVirtualContainer", r.cardsVirtualRowItem = "cardsVirtualRowItem", r))(t || {}), o = /* @__PURE__ */ ((r) => (r.inputTexEditor = "inputTexEditor", r))(o || {}), d = /* @__PURE__ */ ((r) => (r.columnsConfigWrapper = "columnsConfigWrapper", r.columnsConfigSelColumns = "columnsConfigSelColumns", r.columnsConfigDataGrid = "columnsConfigDataGrid", r.columnsConfigActios = "columnsConfigActios", r))(d || {}), i = /* @__PURE__ */ ((r) => (r.controlNavigate = "controlNavigate", r))(i || {}), c = /* @__PURE__ */ ((r) => (r.columnIconFormatter = "columnIconFormatter", r))(c || {});
 export {
   n as ActionsSlots,
   c as ColumnIconFormatterSlots,

package/components/datagrids/slots/DataGridSlot.d.ts

@@ -107,6 +107,12 @@ export declare const ListRowVirtualizedItemStyled: import('@emotion/styled').Sty
 export declare const ListVirtualContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DataGridOwnerState<unknown, unknown>> & Record<string, unknown> & {
     ownerState: Partial<import('../types').DataGridOwnerState<unknown, unknown>> & Record<string, unknown>;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const CardsVirtualContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DataGridOwnerState<unknown, unknown>> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DataGridOwnerState<unknown, unknown>> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const CardsVirtualRowItemStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DataGridOwnerState<unknown, unknown>> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DataGridOwnerState<unknown, unknown>> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const ContainerLabelValueColumnStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DataGridOwnerState<unknown, unknown>> & Record<string, unknown> & {
     ownerState: Partial<import('../types').DataGridOwnerState<unknown, unknown>> & Record<string, unknown>;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/components/datagrids/slots/DataGridSlot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridSlot.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/datagrids/slots/DataGridSlot.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataGridSlot.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/datagrids/slots/DataGridSlot.ts"],"names":[],"mappings":"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"}

package/components/datagrids/slots/DataGridSlot.js

@@ -21,22 +21,22 @@ const L = t("div", {
 })(o.containerLeftActions), A = t("div", {
   name: e,
   slot: a.containerRightActions
-})(o.containerRightActions), D = t("div", {
+})(o.containerRightActions), V = t("div", {
   name: e,
   slot: a.actionsConfigContainer
-})(o.actionsConfigContainer), G = t("div", {
+})(o.actionsConfigContainer), w = t("div", {
   name: e,
   slot: d.rowsCountRoot
-})(o.rowsCountRoot), w = t("div", {
+})(o.rowsCountRoot), D = t("div", {
   name: e,
   slot: d.rowsCountLabel
-})(o.rowsCountLabel), x = t("div", {
+})(o.rowsCountLabel), G = t("div", {
   name: e,
   slot: d.rowsCountValue
-})(o.rowsCountValue), E = t("div", {
+})(o.rowsCountValue), x = t("div", {
   name: e,
   slot: l.columnsConfigWrapper
-})(o.columnsConfigWrapper), V = t("div", {
+})(o.columnsConfigWrapper), E = t("div", {
   name: e,
   slot: l.columnsConfigSelColumns
 })(o.columnsConfigSelColumns), k = t("div", {
@@ -91,24 +91,30 @@ const L = t("div", {
   name: e,
   slot: n.listVirtualContainer
 })(o.listVirtualContainer), $ = t("div", {
+  name: e,
+  slot: n.cardsVirtualContainer
+})(o.cardsVirtualContainer), tt = t("div", {
+  name: e,
+  slot: n.cardsVirtualRowItem
+})(o.cardsVirtualRowItem), et = t("div", {
   name: e,
   slot: n.containerLabelValueColumn
-})(o.containerLabelValueColumn), tt = t("div", {
+})(o.containerLabelValueColumn), ot = t("div", {
   name: e,
   slot: n.contentWrapperColumn
-})(o.contentWrapperColumn), et = t("div", {
+})(o.contentWrapperColumn), nt = t("div", {
   name: e,
   slot: n.cardDetailContainer
-})(o.cardDetailContainer), ot = t(r, {
+})(o.cardDetailContainer), at = t(r, {
   name: e,
   slot: n.labelHeaderColumn
-})(o.labelHeaderColumn), nt = t(r, {
+})(o.labelHeaderColumn), lt = t(r, {
   name: e,
   slot: n.valueColumn
-})(o.valueColumn), at = t("div", {
+})(o.valueColumn), rt = t("div", {
   name: e,
   slot: n.checkboxCellWrapper
-})(o.checkboxCellWrapper), lt = t("div", {
+})(o.checkboxCellWrapper), dt = t("div", {
   name: e,
   slot: n.editorCellWrapper
 })(o.editorCellWrapper);
@@ -136,46 +142,46 @@ t("div", {
   name: e,
   slot: n.customCardIconContainer
 })(o.customCardIconContainer);
-const rt = t("div", {
+const st = t("div", {
   name: e,
   slot: n.tableWrapperDataGrid
-})(o.tableWrapperDataGrid), dt = t("div", {
+})(o.tableWrapperDataGrid), it = t("div", {
   name: e,
   slot: n.draggableHeaderRoot
-})(o.draggableHeaderRoot), st = t(S, {
+})(o.draggableHeaderRoot), ct = t(S, {
   name: e,
   slot: n.iconSearch
-})(o.iconSearch), it = t("div", {
+})(o.iconSearch), mt = t("div", {
   name: e,
   slot: n.draggableWrapperInputBase
-})(o.draggableWrapperInputBase), ct = t(m, {
+})(o.draggableWrapperInputBase), Ct = t(m, {
   name: e,
   slot: n.headerInputBase
-})(o.headerInputBase), mt = t("div", {
+})(o.headerInputBase), ut = t("div", {
   name: e,
   slot: n.wrapperSkeleton
-})(o.wrapperSkeleton), Ct = t("div", {
+})(o.wrapperSkeleton), pt = t("div", {
   name: e,
   slot: n.contentModalSetting
-})(o.contentModalSetting), ut = t("div", {
+})(o.contentModalSetting), St = t("div", {
   name: e,
   slot: n.headerRenderClick
-})(o.headerRenderClick), pt = t(c, {
+})(o.headerRenderClick), gt = t(c, {
   name: e,
   slot: n.menuList
-})(o.menuList), St = t("div", {
+})(o.menuList), yt = t("div", {
   name: e,
   slot: n.buttonHeaderActions
-})(o.buttonHeaderActions), gt = t("div", {
+})(o.buttonHeaderActions), vt = t("div", {
   name: e,
   slot: n.nameColumnIcon
-})(o.nameColumnIcon), yt = t("div", {
+})(o.nameColumnIcon), Rt = t("div", {
   name: e,
   slot: n.iconColumn
-})(o.iconColumn), vt = t("div", {
+})(o.iconColumn), ft = t("div", {
   name: e,
   slot: n.nameColumn
-})(o.nameColumn), Rt = t("div", {
+})(o.nameColumn), bt = t("div", {
   name: e,
   slot: n.editablePlaceholder
 })(o.editablePlaceholder);
@@ -183,13 +189,13 @@ t(r, {
   name: e,
   slot: n.editLabel
 })(o.editLabel);
-const ft = t(g, {
+const It = t(g, {
   name: e,
   slot: n.iconButtonEdit
-})(o.iconButtonEdit), bt = t("input", {
+})(o.iconButtonEdit), Wt = t("input", {
   name: e,
   slot: C.inputTexEditor
-})(o.inputTexEditor), It = t("div", {
+})(o.inputTexEditor), Ht = t("div", {
   name: e,
   slot: u.controlNavigate
 })(o.controlNavigate);
@@ -197,70 +203,72 @@ t("div", {
   name: e,
   slot: p.columnIconFormatter
 })(o.columnIconFormatter);
-const Wt = t("span", {
+const Lt = t("span", {
   name: e,
   slot: n.defaultRenderGroupCellRoot
-})(o.defaultRenderGroupCellRoot), Ht = t("span", {
+})(o.defaultRenderGroupCellRoot), ht = t("span", {
   name: e,
   slot: n.defaultRenderGroupCellText
-})(o.defaultRenderGroupCellText), Lt = t("span", {
+})(o.defaultRenderGroupCellText), Tt = t("span", {
   name: e,
   slot: n.cellBackgroundWrapper
 })(o.cellBackgroundWrapper);
 export {
-  D as ActionsConfigContainerStyled,
+  V as ActionsConfigContainerStyled,
   T as ActionsRootStyled,
-  St as ButtonHeaderActionsStyled,
+  yt as ButtonHeaderActionsStyled,
   K as CardContentStyled,
   J as CardContentWrapperStyled,
-  et as CardDetailContainerStyled,
+  nt as CardDetailContainerStyled,
   j as CardHeaderLeftStyled,
   q as CardHeaderRightStyled,
   X as CardHeaderStyled,
   _ as CardStyled,
   P as CardToggleButtonStyled,
   O as CardsContainerStyled,
-  Lt as CellBackgroundWrapperStyled,
-  at as CheckboxCellWrapperStyled,
+  $ as CardsVirtualContainerStyled,
+  tt as CardsVirtualRowItemStyled,
+  Tt as CellBackgroundWrapperStyled,
+  rt as CheckboxCellWrapperStyled,
   N as ColumnsConfigActiosStyled,
   k as ColumnsConfigDataGridStyled,
-  V as ColumnsConfigSelColumnsStyled,
-  E as ColumnsConfigWrapperStyled,
-  $ as ContainerLabelValueColumnStyled,
+  E as ColumnsConfigSelColumnsStyled,
+  x as ColumnsConfigWrapperStyled,
+  et as ContainerLabelValueColumnStyled,
   B as ContainerLeftActionsStyled,
   A as ContainerRightActionsStyled,
   M as ContainerToggleCardsStyled,
-  Ct as ContentModalSettingStyled,
-  tt as ContentWrapperColumnStyled,
-  It as ControlNavigateStyled,
+  pt as ContentModalSettingStyled,
+  ot as ContentWrapperColumnStyled,
+  Ht as ControlNavigateStyled,
   h as CustomHeaderStyled,
   L as DataGridRootStyled,
-  Wt as DefaultRenderGroupCellRootStyled,
-  Ht as DefaultRenderGroupCellTextStyled,
-  dt as DraggableHeaderRootStyled,
-  it as DraggableWrapperInputBaseStyled,
-  Rt as EditablePlaceholderStyled,
-  lt as EditorCellWrapperStyled,
-  ct as HeaderInputBaseStyled,
-  ut as HeaderRenderClickStyled,
-  ft as IconButtonEditStyled,
-  yt as IconColumnStyled,
-  st as IconSearchStyled,
-  bt as InputTextEditorStyled,
-  ot as LabelHeaderColumnStyled,
+  Lt as DefaultRenderGroupCellRootStyled,
+  ht as DefaultRenderGroupCellTextStyled,
+  it as DraggableHeaderRootStyled,
+  mt as DraggableWrapperInputBaseStyled,
+  bt as EditablePlaceholderStyled,
+  dt as EditorCellWrapperStyled,
+  Ct as HeaderInputBaseStyled,
+  St as HeaderRenderClickStyled,
+  It as IconButtonEditStyled,
+  Rt as IconColumnStyled,
+  ct as IconSearchStyled,
+  Wt as InputTextEditorStyled,
+  at as LabelHeaderColumnStyled,
   Q as ListContainerStyled,
   Y as ListRowVirtualizedItemStyled,
   U as ListStyled,
   Z as ListVirtualContainerStyled,
-  pt as MenuListStyled,
-  gt as NameColumnIconStyled,
-  vt as NameColumnStyled,
-  w as RowsCountLabelStyled,
-  G as RowsCountRootStyled,
-  x as RowsCountValueStyled,
+  gt as MenuListStyled,
+  vt as NameColumnIconStyled,
+  ft as NameColumnStyled,
+  D as RowsCountLabelStyled,
+  w as RowsCountRootStyled,
+  G as RowsCountValueStyled,
   F as TableContainerStyled,
-  rt as TableWrapperDataGridStyled,
+  st as TableWrapperDataGridStyled,
   z as TextToggleCardButtonStyled,
-  nt as ValueColumnStyled,
-  mt as WrapperSkeletonStyled
+  lt as ValueColumnStyled,
+  ut as WrapperSkeletonStyled
 };

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

@@ -1,7 +1,8 @@
 import { RowKey } from '../../types';
 import { CardsViewProps } from './types';
 /**
- * Componente que muestra las filas del DataGrid en formato de tarjetas.
+ * Componente que muestra las filas del DataGrid en formato de tarjetas con virtualización TanStack.
+ * Solo se montan en el DOM las filas de tarjetas visibles en el viewport (más el overscan).
  */
 export declare function CardsView<TRow, TSummaryRow, TKey extends RowKey = RowKey>(props: CardsViewProps<TRow, TSummaryRow, TKey>): import("@emotion/react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=CardsView.d.ts.map