@m4l/components 9.4.10-JT14012026.beta.1 → 9.4.11

package/components/datagrids/formatters/ColumnPriceFormatter/ColumnPriceGroupFormatter.js

@@ -1,26 +0,0 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import React from "react";
-import { P as PriceFormatter } from "../../../formatters/PriceFormatter/PriceFormatter.js";
-const ColumnPriceGroupFormatter = (props) => {
-  const { Component = React.Fragment } = props;
-  const fieldValue = props.fieldValue;
-  return (groupProps) => {
-    const { childRows } = groupProps;
-    if (childRows.length === 0) {
-      return /* @__PURE__ */ jsx(Fragment, { children: "-" });
-    }
-    const representativeRow = childRows[0];
-    return /* @__PURE__ */ jsx(
-      PriceFormatter,
-      {
-        obProps: representativeRow,
-        ...props,
-        fieldValue,
-        Component
-      }
-    );
-  };
-};
-export {
-  ColumnPriceGroupFormatter as C
-};

package/components/datagrids/formatters/ColumnTagsFormatter/ColumnTagsGroupFormatter.d.ts

@@ -1,13 +0,0 @@
-import { ColumnTagsFormatterProps } from './types';
-import { RenderGroupCellProps } from 'react-data-grid';
-/**
- * Formatter para mostrar tags en filas de grupo (TreeDataGrid).
- *
- * Esta función es utilizada cuando el TreeDataGrid agrupa filas y necesita
- * mostrar tags en el encabezado del grupo. Usa la primera fila
- * del grupo (childRows[0]) como fuente de datos representativa.
- * @param props - Propiedades del formatter que incluyen:
- *                - fieldValue: Campo que contiene los tags
- * @returns Función que recibe RenderGroupCellProps y retorna el TagsFormatter
- */
-export declare const ColumnTagsGroupFormatter: <TRow>(props: ColumnTagsFormatterProps<TRow>) => (groupProps: RenderGroupCellProps<TRow>) => import("react/jsx-runtime").JSX.Element;

package/components/datagrids/formatters/ColumnTagsFormatter/ColumnTagsGroupFormatter.js

@@ -1,21 +0,0 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { getPropertyByString } from "@m4l/core";
-import { T as TagsFormatter } from "../../../formatters/TagsFormatter/TagsFormatter.js";
-const ColumnTagsGroupFormatter = (props) => {
-  const { fieldValue } = props;
-  return (groupProps) => {
-    const { childRows } = groupProps;
-    if (childRows.length === 0) {
-      return /* @__PURE__ */ jsx(Fragment, { children: "-" });
-    }
-    const representativeRow = childRows[0];
-    const tags = getPropertyByString(
-      representativeRow,
-      fieldValue.toString()
-    );
-    return /* @__PURE__ */ jsx(TagsFormatter, { tags });
-  };
-};
-export {
-  ColumnTagsGroupFormatter as C
-};

package/components/datagrids/formatters/ColumnUncertaintyFormatter/ColumnUncertaintyGroupFormatter.d.ts

@@ -1,15 +0,0 @@
-import { ColumnUncertaintyFormatterProps } from './types';
-import { RenderGroupCellProps } from 'react-data-grid';
-/**
- * Formatter para mostrar valores de incertidumbre en filas de grupo (TreeDataGrid).
- *
- * Esta función es utilizada cuando el TreeDataGrid agrupa filas y necesita
- * mostrar el valor de incertidumbre en el encabezado del grupo. Usa la primera fila
- * del grupo (childRows[0]) como fuente de datos representativa.
- * @param props - Propiedades del formatter que incluyen:
- *                - fieldValue: Campo con los rangos de incertidumbre
- *                - fieldSymbol: Campo con el símbolo
- *                - fieldUnit: Campo con la unidad
- * @returns Función que recibe RenderGroupCellProps y retorna el UncertaintyFormatter
- */
-export declare const ColumnUncertaintyGroupFormatter: <TRow>(props: ColumnUncertaintyFormatterProps<TRow>) => (groupProps: RenderGroupCellProps<TRow>) => import("react/jsx-runtime").JSX.Element;

package/components/datagrids/formatters/ColumnUncertaintyFormatter/ColumnUncertaintyGroupFormatter.js

@@ -1,27 +0,0 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import React from "react";
-import { U as UncertaintyFormatter } from "../../../formatters/UncertaintyFormatter/UncertaintyFormatter.js";
-const ColumnUncertaintyGroupFormatter = (props) => {
-  const { Component = React.Fragment, fieldValue, fieldSymbol, fieldUnit } = props;
-  return (groupProps) => {
-    const { childRows } = groupProps;
-    if (childRows.length === 0) {
-      return /* @__PURE__ */ jsx(Fragment, { children: "-" });
-    }
-    const representativeRow = childRows[0];
-    return /* @__PURE__ */ jsx(
-      UncertaintyFormatter,
-      {
-        obProps: representativeRow,
-        ...props,
-        fieldValue: fieldValue.toString(),
-        fieldSymbol: fieldSymbol.toString(),
-        fieldUnit: fieldUnit.toString(),
-        Component
-      }
-    );
-  };
-};
-export {
-  ColumnUncertaintyGroupFormatter as C
-};

package/components/datagrids/views/TableView/helpers/defaultRowGrouper/defaultRowGrouper.d.ts

@@ -1,28 +0,0 @@
-/**
- * RowGrouper genérico por defecto.
- *
- * Se usa cuando NO pasas un rowGrouper personalizado al TreeDataGrid.
- * Agrupa las filas usando el valor directo de la columna.
- *
- * Ideal para agrupar por campos de texto como:
- * - Departamento
- * - Estado
- * - Ubicación
- * @param rows - Todas las filas de la tabla
- * @param columnKey - El nombre de la columna por la que agrupar (ej: 'department')
- * @returns Un objeto donde cada llave es un valor único y cada valor es un array de filas
- * @example
- * const rows = [
- *   { id: 1, name: 'Juan', department: 'Ventas' },
- *   { id: 2, name: 'María', department: 'Tecnología' },
- *   { id: 3, name: 'Pedro', department: 'Ventas' },
- * ];
- *
- * const groups = defaultRowGrouper(rows, 'department');
- * // Resultado:
- * // {
- * //   'Ventas': [Juan, Pedro],
- * //   'Tecnología': [María]
- * // }
- */
-export declare const defaultRowGrouper: <TRow>(rows: readonly TRow[], columnKey: string) => Record<string, readonly TRow[]>;

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

@@ -1,15 +0,0 @@
-const defaultRowGrouper = (rows, columnKey) => {
-  const groups = {};
-  for (const row of rows) {
-    const rawValue = row[columnKey];
-    const groupKey = String(rawValue ?? "");
-    if (!groups[groupKey]) {
-      groups[groupKey] = [];
-    }
-    groups[groupKey].push(row);
-  }
-  return groups;
-};
-export {
-  defaultRowGrouper as d
-};

package/components/datagrids/views/TableView/helpers/defaultRowGrouper/defaultRowGrouper.test.d.ts

@@ -1 +0,0 @@
-export {};

package/components/datagrids/views/TableView/helpers/defaultRowGrouper/index.d.ts

@@ -1 +0,0 @@
-export { defaultRowGrouper } from './defaultRowGrouper';

package/components/datagrids/views/TableView/helpers/defaultRowGrouper/index.js

@@ -1 +0,0 @@
-

package/components/datagrids/views/TableView/helpers/getGroupBy/getGroupBy.d.ts

@@ -1,20 +0,0 @@
-import { IConfigColumn } from '../../../../contexts/DataGridContext/types';
-/**
- * Calcula el array de keys de columnas que deben agruparse.
- *
- * Esta función:
- * 1. Filtra las columnas que tienen grouped: true
- * 2. Las ordena por groupOrder (menor = primer nivel de agrupación)
- * 3. Retorna un array con las keys de esas columnas
- * @param columnsConfig - Array de configuración de columnas del DataGrid
- * @returns Array de keys de columnas ordenadas por nivel de agrupación
- * @example
- * // Si columnsConfig tiene:
- * // - department: { grouped: true, groupOrder: 0 }
- * // - team: { grouped: true, groupOrder: 1 }
- * // - name: { grouped: false }
- *
- * const groupBy = getGroupBy(columnsConfig);
- * // Resultado: ['department', 'team']
- */
-export declare const getGroupBy: (columnsConfig: IConfigColumn[]) => string[];

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

@@ -1,13 +0,0 @@
-const getGroupBy = (columnsConfig) => {
-  const groupedColumns = columnsConfig.filter(
-    (column) => column.grouped === true
-  );
-  const sortedColumns = groupedColumns.sort(
-    (columnA, columnB) => (columnA.groupOrder ?? 0) - (columnB.groupOrder ?? 0)
-  );
-  const groupByKeys = sortedColumns.map((column) => column.key);
-  return groupByKeys;
-};
-export {
-  getGroupBy as g
-};

package/components/datagrids/views/TableView/helpers/getGroupBy/getGroupBy.test.d.ts

@@ -1 +0,0 @@
-export {};

package/components/datagrids/views/TableView/helpers/getGroupBy/index.d.ts

@@ -1 +0,0 @@
-export { getGroupBy } from './getGroupBy';

package/components/datagrids/views/TableView/helpers/getGroupBy/index.js

@@ -1 +0,0 @@
-

package/components/datagrids/views/TableView/subcomponents/RenderGroupCell/RenderGroupCell.d.ts

@@ -1,10 +0,0 @@
-import { RenderGroupCellComponentProps } from './types';
-/**
- * Componente para renderizar las celdas de grupo en TreeDataGrid.
- * Siempre muestra un icono de expansión/colapso al inicio.
- * Si se proporciona customRenderGroupCell, renderiza ese contenido después del icono.
- * De lo contrario, muestra el texto del grupo (groupKey).
- * Respeta la alineación de la columna (align: left | center | right).
- * @param props - Props de react-data-grid para grupo + customRenderGroupCell opcional
- */
-export declare function RenderGroupCell<TRow>(props: RenderGroupCellComponentProps<TRow>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,35 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useEnvironment } from "@m4l/core";
-import { p as pathIcons } from "../../../../icons.js";
-import { I as Icon } from "../../../../../Icon/Icon.js";
-import { S as DefaultRenderGroupCellRootStyled, U as DefaultRenderGroupCellTextStyled } from "../../../../slots/DataGridSlot.js";
-import { u as useDataGrid } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
-function RenderGroupCell(props) {
-  const { groupKey, isExpanded, toggleGroup, column, customRenderGroupCell, ...restProps } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { size, currentRowHeightVariant } = useDataGrid();
-  const iconPath = isExpanded ? pathIcons.groupDown : pathIcons.groupUp;
-  const fullIconPath = `${host_static_assets}/${environment_assets}/${iconPath}`;
-  const align = column.align;
-  const originalProps = {
-    groupKey,
-    isExpanded,
-    toggleGroup,
-    column,
-    ...restProps
-  };
-  return /* @__PURE__ */ jsxs(DefaultRenderGroupCellRootStyled, { ownerState: { align }, onClick: toggleGroup, children: [
-    /* @__PURE__ */ jsx(
-      Icon,
-      {
-        src: fullIconPath,
-        size,
-        ariaLabel: isExpanded ? "Colapsar grupo" : "Expandir grupo"
-      }
-    ),
-    customRenderGroupCell ? customRenderGroupCell(originalProps) : /* @__PURE__ */ jsx(DefaultRenderGroupCellTextStyled, { ownerState: { currentRowHeightVariant }, children: String(groupKey) })
-  ] });
-}
-export {
-  RenderGroupCell as R
-};

package/components/datagrids/views/TableView/subcomponents/RenderGroupCell/RenderGroupCell.test.d.ts

@@ -1 +0,0 @@
-export {};

package/components/datagrids/views/TableView/subcomponents/RenderGroupCell/index.d.ts

@@ -1,2 +0,0 @@
-export { RenderGroupCell } from './RenderGroupCell';
-export type { RenderGroupCellComponentProps } from './types';

package/components/datagrids/views/TableView/subcomponents/RenderGroupCell/index.js

@@ -1 +0,0 @@
-

package/components/datagrids/views/TableView/subcomponents/RenderGroupCell/types.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-import { RenderGroupCellProps } from 'react-data-grid';
-/**
- * Props para RenderGroupCell que permiten contenido personalizado.
- */
-export interface RenderGroupCellComponentProps<TRow> extends RenderGroupCellProps<TRow> {
-    /**
-     * Función opcional para renderizar contenido personalizado después del icono.
-     * Si se proporciona, se renderiza en lugar del texto por defecto (groupKey).
-     */
-    customRenderGroupCell?: (props: RenderGroupCellProps<TRow>) => ReactNode;
-}