@m4l/components 9.24.1-beta-feature-731-code-editor.2 → 9.25.1-beta-feature-731-code-editor.0

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

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,2DAwK/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;AAUrC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAKzC;;;GAGG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM,EACvE,KAAK,EAAE,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,2DAiM/C"}

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

@@ -1,93 +1,113 @@
-import { jsx as m } from "@emotion/react/jsx-runtime";
-import { useRef as x, useMemo as S, useEffect as b } from "react";
-import { CardsContainerStyled as K } from "../../slots/DataGridSlot.js";
-import { useProcessedColumns as y } from "./hooks/useProcessedColumns/useProcessedColumns.js";
-import { useModalDetail as D } from "./hooks/useModalDetail/useModalDetail.js";
-import { calculateCardHeight as F } from "./helpers/calculateCardHeight/calculateCardHeight.js";
-import { scrollToRowElement as I } from "../../helpers/shared/scrollToRowElement/scrollToRowElement.js";
-import { ContainerFlow as M } from "../../../ContainerFlow/ContainerFlow.js";
-import { CardRow as O } from "./subcomponents/CardRow/CardRow.js";
-function z(v) {
+import { jsx as u } from "@emotion/react/jsx-runtime";
+import { useRef as v, useMemo as T, useEffect as D } from "react";
+import { CardsContainerStyled as O, CardsVirtualContainerStyled as B, CardsVirtualRowItemStyled as F } from "../../slots/DataGridSlot.js";
+import { useProcessedColumns as k } from "./hooks/useProcessedColumns/useProcessedColumns.js";
+import { useModalDetail as _ } from "./hooks/useModalDetail/useModalDetail.js";
+import { calculateCardHeight as j } from "./helpers/calculateCardHeight/calculateCardHeight.js";
+import { useCardsPerRow as G } from "./hooks/useCardsPerRow/useCardsPerRow.js";
+import { useCardsVirtualizer as q } from "./hooks/useCardsVirtualizer/useCardsVirtualizer.js";
+import { CardRow as A } from "./subcomponents/CardRow/CardRow.js";
+function $(E) {
   const {
-    rows: i,
-    columns: f,
-    rowKeyGetter: s,
-    selectedRows: k,
-    onSelectedRowsChange: l,
-    onRowsChange: h,
+    rows: r,
+    columns: w,
+    rowKeyGetter: l,
+    selectedRows: H,
+    onSelectedRowsChange: d,
+    onRowsChange: p,
     cardsViewConfig: e,
-    focusOnRowKey: n,
-    smoothScroll: C = !0,
-    checkedRows: u,
-    onCheckedRowsChange: w
-  } = v, p = x(null), d = x(void 0), c = y(f), g = y(f, {
+    focusOnRowKey: s,
+    smoothScroll: g = !0,
+    checkedRows: m,
+    onCheckedRowsChange: R
+  } = E, f = v(null), h = v(void 0), c = k(w), x = k(w, {
     applyVisibilityFilter: !1
-  }), H = D({
-    columns: g,
-    onRowsChange: h,
-    rows: i
-  }), R = S(() => {
-    const t = c.reduce((r, o) => {
-      const a = o.renderCell?.__imageFormatterHeight;
-      return a ? r + a : r;
+  }), V = _({
+    columns: x,
+    onRowsChange: p,
+    rows: r
+  }), S = T(() => {
+    const o = c.reduce((t, n) => {
+      const a = n.renderCell?.__imageFormatterHeight;
+      return a ? t + a : t;
     }, 0);
-    return F({
+    return j({
       visibleColumnsCount: c.length,
       customMinHeight: e?.customRender?.minHeight
-    }) + t;
-  }, [c, e]);
-  return b(() => {
-    if (!n) {
-      d.current = void 0;
+    }) + o;
+  }, [c, e]), i = G(f), I = Math.ceil(r.length / i), { virtualizer: C, virtualItems: M, totalSize: b } = q({
+    count: I,
+    scrollElementRef: f,
+    estimateSize: S
+  });
+  return D(() => {
+    if (!s) {
+      h.current = void 0;
       return;
     }
-    if (d.current === n || i.findIndex(
-      (o) => s(o) === n
-    ) === -1)
+    if (h.current === s)
       return;
-    const r = setTimeout(() => {
-      const o = p.current;
-      if (!o) {
-        console.warn("container es null, abortando scroll");
-        return;
-      }
-      I(
-        o,
-        n,
-        "data-attribute",
-        "data-row-key",
-        C
-      ), l && l(/* @__PURE__ */ new Set([n])), d.current = n;
+    const o = r.findIndex(
+      (n) => l(n) === s
+    );
+    if (o === -1)
+      return;
+    const t = setTimeout(() => {
+      const n = Math.floor(o / i);
+      C.scrollToIndex(n, {
+        align: "center",
+        behavior: g ? "smooth" : "auto"
+      }), d && d(/* @__PURE__ */ new Set([s])), h.current = s;
     }, 300);
-    return () => clearTimeout(r);
-  }, [n, i, s, R, l, C]), c.length === 0 ? null : /* @__PURE__ */ m(K, { ownerState: {}, "data-testid": "cards-container", ref: p, children: /* @__PURE__ */ m(M, { variant: "grid-layout", minWidth: 280, children: i.map((t, r) => {
-    const o = s(t), a = u?.has(o) || !1, E = u !== void 0 && w !== void 0;
-    return /* @__PURE__ */ m(
-      O,
+    return () => clearTimeout(t);
+  }, [
+    s,
+    r,
+    l,
+    i,
+    C,
+    g,
+    d
+  ]), c.length === 0 ? null : /* @__PURE__ */ u(O, { ownerState: {}, "data-testid": "cards-container", ref: f, children: /* @__PURE__ */ u(B, { ownerState: { totalSize: b }, children: M.map((o) => {
+    const t = o.index * i, n = r.slice(t, t + i);
+    return /* @__PURE__ */ u(
+      F,
       {
-        row: t,
-        rows: i,
-        rowIndex: r,
-        columns: c,
-        originalColumns: g,
-        rowKeyGetter: s,
-        selectedRows: k,
-        onSelectedRowsChange: l,
-        onRowsChange: h,
-        customRender: e?.customRender,
-        minHeight: R,
-        isChecked: a,
-        showCheckbox: E,
-        checkedRows: u,
-        onCheckedRowsChange: w,
-        onOpenDetail: H,
-        showExpandButton: e && "columnsConfig" in e ? e.showExpandButton : void 0,
-        onExpandClick: e && "columnsConfig" in e ? e.onExpandClick : void 0
+        ref: C.measureElement,
+        "data-index": o.index,
+        ownerState: { offsetTop: o.start, cardsPerRow: i },
+        children: n.map((a, z) => {
+          const y = l(a), K = m?.has(y) || !1, P = m !== void 0 && R !== void 0;
+          return /* @__PURE__ */ u(
+            A,
+            {
+              row: a,
+              rows: r,
+              rowIndex: t + z,
+              columns: c,
+              originalColumns: x,
+              rowKeyGetter: l,
+              selectedRows: H,
+              onSelectedRowsChange: d,
+              onRowsChange: p,
+              customRender: e?.customRender,
+              minHeight: S,
+              isChecked: K,
+              showCheckbox: P,
+              checkedRows: m,
+              onCheckedRowsChange: R,
+              onOpenDetail: V,
+              showExpandButton: e && "columnsConfig" in e ? e.showExpandButton : void 0,
+              onExpandClick: e && "columnsConfig" in e ? e.onExpandClick : void 0
+            },
+            y
+          );
+        })
       },
-      s(t)
+      o.key
     );
   }) }) });
 }
 export {
-  z as CardsView
+  $ as CardsView
 };

package/components/datagrids/views/CardsView/hooks/useCardsPerRow/index.d.ts

@@ -0,0 +1,2 @@
+export { useCardsPerRow } from './useCardsPerRow';
+//# sourceMappingURL=index.d.ts.map

package/components/datagrids/views/CardsView/hooks/useCardsPerRow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/CardsView/hooks/useCardsPerRow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+/**
+ * Computes the number of cards per row from the container width, accounting for the gap
+ * between columns. Formula: floor((width + gap) / (minCardWidth + gap)).
+ * Uses useLayoutEffect + an immediate getBoundingClientRect measurement so cardsPerRow is
+ * correct before the first paint, preventing stale DOM references in Storybook interaction tests.
+ */
+export declare function useCardsPerRow(containerRef: RefObject<HTMLDivElement | null>, minCardWidth?: number, gap?: number): number;
+//# sourceMappingURL=useCardsPerRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCardsPerRow.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/CardsView/hooks/useCardsPerRow/useCardsPerRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA6B,MAAM,OAAO,CAAC;AAY7D;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,YAAY,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EAC9C,YAAY,SAAyB,EACrC,GAAG,SAAc,GAChB,MAAM,CA8BR"}

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

@@ -0,0 +1,19 @@
+import { useState as d, useLayoutEffect as f } from "react";
+const w = 280, R = 16;
+function A(r, n = w, t = R) {
+  const [a, s] = d(1);
+  return f(() => {
+    const e = r.current;
+    if (!e)
+      return;
+    const c = (o) => Math.max(1, Math.floor((o + t) / (n + t))), i = e.getBoundingClientRect().width;
+    i > 0 && s(c(i));
+    const u = new ResizeObserver(([o]) => {
+      s(c(o.contentRect.width));
+    });
+    return u.observe(e), () => u.disconnect();
+  }, [r, n, t]), a;
+}
+export {
+  A as useCardsPerRow
+};

package/components/datagrids/views/CardsView/hooks/useCardsVirtualizer/index.d.ts

@@ -0,0 +1,3 @@
+export { useCardsVirtualizer } from './useCardsVirtualizer';
+export type { UseCardsVirtualizerProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/components/datagrids/views/CardsView/hooks/useCardsVirtualizer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/CardsView/hooks/useCardsVirtualizer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC"}

package/components/datagrids/views/CardsView/hooks/useCardsVirtualizer/types.d.ts

@@ -0,0 +1,26 @@
+import { RefObject } from 'react';
+export interface UseCardsVirtualizerProps {
+    /**
+     * Total number of virtual rows to render (Math.ceil(rows.length / cardsPerRow)).
+     * Each row contains cardsPerRow cards.
+     */
+    count: number;
+    /**
+     * Ref to the scroll container element (CardsContainerStyled with overflow: auto).
+     * The virtualizer listens to scroll events on this element.
+     */
+    scrollElementRef: RefObject<HTMLDivElement | null>;
+    /**
+     * Number of extra rows to render outside the visible viewport.
+     * Prevents blank flashes during fast scrolling.
+     * @default 3
+     */
+    overscan?: number;
+    /**
+     * Estimated row height in pixels. Use calculateCardHeight() result as initial value.
+     * Corrected automatically via measureElement + ResizeObserver after first render.
+     * @default 200
+     */
+    estimateSize?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/components/datagrids/views/CardsView/hooks/useCardsVirtualizer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/CardsView/hooks/useCardsVirtualizer/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,wBAAwB;IACvC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,gBAAgB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

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

@@ -0,0 +1,17 @@
+import { UseCardsVirtualizerProps } from './types';
+/**
+ * Hook that wraps TanStack Virtual's `useVirtualizer` for the CardsView.
+ * Each virtual item represents a horizontal row of N cards (cardsPerRow).
+ * Row heights are measured dynamically via measureElement + ResizeObserver.
+ * @returns
+ * - `virtualizer` — virtualizer instance (use `virtualizer.measureElement` as ref on each row,
+ *   and `virtualizer.scrollToIndex` to programmatically scroll to a row group)
+ * - `virtualItems` — array of visible row groups to render
+ * - `totalSize` — total scrollable height in pixels (set on the virtual container)
+ */
+export declare function useCardsVirtualizer({ count, scrollElementRef, overscan, estimateSize, }: UseCardsVirtualizerProps): {
+    virtualizer: import('@tanstack/virtual-core').Virtualizer<HTMLDivElement, Element>;
+    virtualItems: import('@tanstack/virtual-core').VirtualItem[];
+    totalSize: number;
+};
+//# sourceMappingURL=useCardsVirtualizer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCardsVirtualizer.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/CardsView/hooks/useCardsVirtualizer/useCardsVirtualizer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AASnD;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,gBAAgB,EAChB,QAAY,EACZ,YAAoC,GACrC,EAAE,wBAAwB;;;;EAa1B"}

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

@@ -0,0 +1,23 @@
+import { useVirtualizer as u } from "@tanstack/react-virtual";
+const a = 200;
+function s({
+  count: e,
+  scrollElementRef: r,
+  overscan: i = 3,
+  estimateSize: l = a
+}) {
+  const t = u({
+    count: e,
+    getScrollElement: () => r.current,
+    estimateSize: () => l,
+    overscan: i
+  });
+  return {
+    virtualizer: t,
+    virtualItems: t.getVirtualItems(),
+    totalSize: t.getTotalSize()
+  };
+}
+export {
+  s as useCardsVirtualizer
+};

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

@@ -3,7 +3,7 @@ import { CardRowProps } from './types';
 /**
  * Componente que muestra una fila de tarjetas.
  */
-declare function CardRowComponent<TRow, TKey extends RowKey = RowKey>({ row, rows, rowIndex, columns, originalColumns, rowKeyGetter, selectedRows, onSelectedRowsChange, onRowsChange, customRender, minHeight, isChecked, checkedRows, showCheckbox, onCheckedRowsChange, onOpenDetail, showExpandButton, onExpandClick, }: CardRowProps<TRow, TKey>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function CardRowComponent<TRow, TKey extends RowKey = RowKey>({ row, rows, rowIndex, columns, originalColumns, rowKeyGetter, selectedRows, onSelectedRowsChange, onRowsChange, customRender, minHeight: _minHeight, isChecked, checkedRows, showCheckbox, onCheckedRowsChange, onOpenDetail, showExpandButton, onExpandClick, }: CardRowProps<TRow, TKey>): import("@emotion/react/jsx-runtime").JSX.Element;
 /**
  * Componente que muestra CardRow
  */

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

@@ -1 +1 @@
-{"version":3,"file":"CardRow.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/CardsView/subcomponents/CardRow/CardRow.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAOvC;;GAEG;AACH,iBAAS,gBAAgB,CAAC,IAAI,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM,EAAE,EAC5D,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,oBAAoB,EACpB,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,gBAAuB,EACvB,aAAa,GACd,EAAE,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,oDA8H1B;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAEd,OAAO,gBAAgB,CAAC"}
+{"version":3,"file":"CardRow.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/CardsView/subcomponents/CardRow/CardRow.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAOvC;;GAEG;AACH,iBAAS,gBAAgB,CAAC,IAAI,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM,EAAE,EAC5D,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,oBAAoB,EACpB,YAAY,EACZ,YAAY,EACZ,SAAS,EAAE,UAAU,EACrB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,gBAAuB,EACvB,aAAa,GACd,EAAE,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,oDA4H1B;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAEd,OAAO,gBAAgB,CAAC"}

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

@@ -1,99 +1,98 @@
-import { jsxs as y, jsx as o } from "@emotion/react/jsx-runtime";
-import L, { useMemo as q } from "react";
-import { CardContentWrapperStyled as z, CardContentStyled as B, CardStyled as H } from "../../../../slots/DataGridSlot.js";
-import { deepEqual as W } from "fast-equals";
-import { useCardContent as F } from "../../hooks/useCardContent/useCardContent.js";
-import { CardHeader as J } from "./subcomponents/CardHeader/CardHeader.js";
-import { LazyLoadCard as N } from "./subcomponents/LazyLoadCard/LazyLoadCard.js";
-import { getDefaultAction as O } from "../../../../helpers/shared/getDefaultAction/getDefaultAction.js";
-import { useDataGrid as P } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
-function Q({
+import { jsxs as j, jsx as u } from "@emotion/react/jsx-runtime";
+import x, { useMemo as q } from "react";
+import { CardContentWrapperStyled as y, CardContentStyled as B, CardStyled as W } from "../../../../slots/DataGridSlot.js";
+import { deepEqual as _ } from "fast-equals";
+import { useCardContent as z } from "../../hooks/useCardContent/useCardContent.js";
+import { CardHeader as F } from "./subcomponents/CardHeader/CardHeader.js";
+import { getDefaultAction as J } from "../../../../helpers/shared/getDefaultAction/getDefaultAction.js";
+import { useDataGrid as L } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
+function N({
   row: t,
-  rows: e,
+  rows: o,
   rowIndex: v,
   columns: I,
-  originalColumns: T,
+  originalColumns: O,
   rowKeyGetter: n,
   selectedRows: r,
-  onSelectedRowsChange: l,
+  onSelectedRowsChange: m,
   onRowsChange: M,
-  customRender: i,
-  minHeight: h,
-  isChecked: a,
-  checkedRows: m,
-  showCheckbox: d,
-  onCheckedRowsChange: s,
+  customRender: e,
+  minHeight: P,
+  isChecked: i,
+  checkedRows: l,
+  showCheckbox: s,
+  onCheckedRowsChange: d,
   onOpenDetail: k,
   showExpandButton: f = !0,
   onExpandClick: C
 }) {
-  const { rowActionsGetter: p } = P(), b = i !== void 0, { cardContent: g } = F({
+  const { rowActionsGetter: p } = L(), g = e !== void 0, { cardContent: b } = z({
     row: t,
-    rows: e,
+    rows: o,
     rowIndex: v,
     columns: I,
     onRowsChange: M
-  }), D = q(() => b ? i.renderContent(t) : /* @__PURE__ */ y(z, { ownerState: {}, children: [
-    /* @__PURE__ */ o(
-      J,
+  }), D = q(() => g ? e.renderContent(t) : /* @__PURE__ */ j(y, { ownerState: {}, children: [
+    /* @__PURE__ */ u(
+      F,
       {
         row: t,
         onOpenDetail: k,
-        isChecked: a,
-        showCheckbox: d,
-        checkedRows: m,
-        onCheckedRowsChange: s,
+        isChecked: i,
+        showCheckbox: s,
+        checkedRows: l,
+        onCheckedRowsChange: d,
         showExpandButton: f,
         onExpandClick: C
       }
     ),
-    /* @__PURE__ */ o(B, { ownerState: {}, children: g })
+    /* @__PURE__ */ u(B, { ownerState: {}, children: b })
   ] }), [
+    g,
+    e,
+    t,
     b,
     i,
-    t,
-    g,
-    a,
-    d,
-    m,
     s,
+    l,
+    d,
     f,
     C
-  ]), A = (c) => {
-    if (!c.target.closest(
+  ]), h = (a) => {
+    if (!a.target.closest(
       'input, button, a, [role="button"], .MuiCheckbox-root, .MuiIconButton-root'
-    ) && r && l) {
+    ) && r && m) {
       if (r.has(n(t)))
         return;
-      const u = /* @__PURE__ */ new Set([n(t)]);
-      l(u);
+      const c = /* @__PURE__ */ new Set([n(t)]);
+      m(c);
     }
-  }, E = (c) => {
-    if (c.target.closest(
+  }, A = (a) => {
+    if (a.target.closest(
       'input, button, a, [role="button"], .MuiCheckbox-root, .MuiIconButton-root'
     ) || !p)
       return;
-    const u = p(t), S = O(u);
+    const c = p(t), S = J(c);
     S?.onClick && S.onClick(t);
   };
-  return /* @__PURE__ */ o(N, { threshold: 200, minHeight: h, rowKey: n(t), children: /* @__PURE__ */ o(
-    H,
+  return /* @__PURE__ */ u(
+    W,
     {
       variant: "outlined",
       selected: r?.has(n(t)),
       ownerState: {
-        checked: a,
+        checked: i,
         selected: r?.has(n(t))
       },
-      onClick: A,
-      onDoubleClick: E,
+      onClick: h,
+      onDoubleClick: A,
       "data-testid": "data-grid-card",
       "data-row-key": n(t),
       children: D
     }
-  ) });
+  );
 }
-const R = L.memo(Q, (t, e) => W(t, e));
+const G = x.memo(N, (t, o) => _(t, o));
 export {
-  R as CardRow
+  G as CardRow
 };

package/components/datagrids/views/CardsView/subcomponents/CardRow/types.d.ts

@@ -46,9 +46,11 @@ export interface CardRowProps<TRow, TKey extends RowKey = RowKey> {
      */
     customRender?: CardsViewConfig<TRow>['customRender'];
     /**
-     * Altura mínima de la tarjeta
+     * @deprecated No longer used since TanStack Virtualizer replaced LazyLoadCard.
+     * Card height is now managed by useCardsVirtualizer's estimateSize.
+     * Kept for API compatibility — has no visual effect.
      */
-    minHeight: number;
+    minHeight?: number;
     /**
      * Indica si la fila está chequeada
      */

package/components/datagrids/views/CardsView/subcomponents/CardRow/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/CardsView/subcomponents/CardRow/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC;;GAEG;AACH,MAAM,WAAW,YAAY,CAAC,IAAI,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM;IAC9D;;OAEG;IACH,GAAG,EAAE,IAAI,CAAC;IACV;;OAEG;IACH,IAAI,EAAE,SAAS,IAAI,EAAE,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,EAAE,SAAS,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;IACtC;;OAEG;IACH,eAAe,EAAE,SAAS,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;IAC9C;;OAEG;IACH,YAAY,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,eAAe,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACpE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,IAAI,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC;IAC9E;;OAEG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC;IACrD;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAChC;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAClE;;OAEG;IACH,YAAY,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;CACrC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/CardsView/subcomponents/CardRow/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC;;GAEG;AACH,MAAM,WAAW,YAAY,CAAC,IAAI,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM;IAC9D;;OAEG;IACH,GAAG,EAAE,IAAI,CAAC;IACV;;OAEG;IACH,IAAI,EAAE,SAAS,IAAI,EAAE,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,EAAE,SAAS,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;IACtC;;OAEG;IACH,eAAe,EAAE,SAAS,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;IAC9C;;OAEG;IACH,YAAY,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,eAAe,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACpE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,IAAI,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC;IAC9E;;OAEG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC;IACrD;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAChC;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAClE;;OAEG;IACH,YAAY,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;CACrC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.24.1-beta-feature-731-code-editor.2",
+  "version": "9.25.1-beta-feature-731-code-editor.0",
   "publishConfig": {
     "access": "public"
   },
@@ -53,19 +53,19 @@
     "@hookform/resolvers": "2.9.11",
     "nprogress": "0.2.0",
     "react-transition-group": "4.4.5",
-    "react-color": "2.19.3",
     "react-dropzone": "14.4.1",
+    "react-color": "2.19.3",
     "@mui/x-date-pickers": "6.20.2",
+    "react-draggable": "4.5.0",
     "react-rnd": "10.5.2",
     "react-spinners": "0.13.8",
     "date-fns": "2.30.0",
-    "react-draggable": "4.5.0",
-    "chart.js": "4.5.1",
-    "chartjs-chart-error-bars": "4.4.5",
-    "qrcode.react": "3.2.0",
     "simplebar-react": "3.2.6",
     "react-resizable-panels": "2.1.9",
     "react-simple-code-editor": "0.14.1",
+    "chart.js": "4.5.1",
+    "chartjs-chart-error-bars": "4.4.5",
+    "qrcode.react": "3.2.0",
     "react-data-grid": "7.0.0-beta.47",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",

package/components/datagrids/helpers/shared/scrollToRowElement/scrollToRowElement.js

@@ -1,24 +0,0 @@
-function s(e, r, n = "data-attribute", l = "data-row-key", c = !0) {
-  if (!e) {
-    console.warn("scrollToRowElement: containerElement is null");
-    return;
-  }
-  try {
-    const o = n === "class" ? `.${l}-${r}` : `[${l}="${r}"]`, t = e.querySelector(o);
-    if (!t) {
-      console.warn(
-        `scrollToRowElement: No element found with selector "${o}"`
-      );
-      return;
-    }
-    t.scrollIntoView({
-      behavior: c ? "smooth" : "auto",
-      block: "end"
-    });
-  } catch (o) {
-    console.error("scrollToRowElement: Error scrolling", o);
-  }
-}
-export {
-  s as scrollToRowElement
-};

package/components/datagrids/views/CardsView/subcomponents/CardRow/subcomponents/LazyLoadCard/LazyLoadCard.js

@@ -1,33 +0,0 @@
-import { jsx as e, Fragment as a } from "@emotion/react/jsx-runtime";
-import { useState as b } from "react";
-import { IntersectCard as w } from "./subcomponents/IntersectCard/IntersectCard.js";
-const l = () => typeof window < "u" && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
-function f(r) {
-  const {
-    children: t,
-    enableIntersectionObserver: n = !0,
-    threshold: i = 100,
-    minHeight: o = 120,
-    rowKey: s
-  } = r, [c, d] = b(
-    !(n && l())
-  );
-  return /* @__PURE__ */ e(a, { children: c ? (
-    // Contenido real: se renderiza cuando es visible o cuando no se usa observer
-    t
-  ) : (
-    // Placeholder: elemento centinela que detecta cuándo debe cargar el contenido
-    /* @__PURE__ */ e(
-      w,
-      {
-        setIsVisible: d,
-        threshold: i,
-        minHeight: o,
-        rowKey: s
-      }
-    )
-  ) });
-}
-export {
-  f as LazyLoadCard
-};

package/components/datagrids/views/CardsView/subcomponents/CardRow/subcomponents/LazyLoadCard/subcomponents/IntersectCard/IntersectCard.js

@@ -1,36 +0,0 @@
-import { jsx as u } from "@emotion/react/jsx-runtime";
-import { useState as a, useRef as m, useEffect as b } from "react";
-import { styled as I } from "@mui/material/styles";
-const d = (e) => {
-  e.forEach((t) => {
-    t.isIntersecting && t.target?.setIsVisible(!0);
-  });
-}, n = {}, g = (e) => (n[e] = n[e] || new IntersectionObserver(d, {
-  rootMargin: e + "px"
-}), n[e]), l = I("div")(
-  ({ minHeight: e }) => ({
-    minHeight: `${e}px`,
-    width: "100%"
-  })
-);
-function x(e) {
-  const { setIsVisible: t, threshold: o, minHeight: c = 120, rowKey: f } = e, [r] = a(
-    g(o)
-  ), i = m(null);
-  return b(() => {
-    const s = i.current;
-    return r && s && (s.setIsVisible = t, r.observe(s)), () => {
-      r && s && r.unobserve(s);
-    };
-  }, [r, t]), /* @__PURE__ */ u(
-    l,
-    {
-      ref: i,
-      minHeight: c,
-      "data-row-key": f
-    }
-  );
-}
-export {
-  x as IntersectCard
-};