@m4l/components 9.37.0 → 9.37.1-beta-pkg-754-nuevos-hooks-compartidos-para-shared-export-datagrid.0

package/components/datagrids/formatters/ColumnDateFormatter/ColumnDateGroupFormatter.js

@@ -3,7 +3,7 @@ import { getPropertyByString as l } from "@m4l/core";
 import s from "react";
 import { DateFormatter as c } from "../../../formatters/DateFormatter/DateFormatter.js";
 function F(n) {
-  const { fieldValue: a, presentationType: i, Component: m = s.Fragment } = n;
+  const { fieldValue: a, presentationType: i = "datetime", Component: m = s.Fragment } = n;
   return (p) => {
     const { childRows: r } = p;
     if (r.length === 0)

package/components/datagrids/formatters/ColumnDateFormatter/formatter.js

@@ -3,7 +3,7 @@ import { getPropertyByString as f } from "@m4l/core";
 import p from "react";
 import { DateFormatter as u } from "../../../formatters/DateFormatter/DateFormatter.js";
 function g(r) {
-  const { fieldValue: o, presentationType: n, Component: a = p.Fragment } = r;
+  const { fieldValue: o, presentationType: n = "datetime", Component: a = p.Fragment } = r;
   return (m) => {
     const e = f(
       m.row,

package/components/datagrids/formatters/ColumnDateFormatter/types.d.ts

@@ -2,7 +2,8 @@ import { PresentationType } from '../../../formatters/DateFormatter/types';
 import { DeepKeyOf } from '../../../../utils/types';
 export interface ColumnDateFormatterProps<TRow> {
     Component?: React.ElementType;
-    presentationType: PresentationType;
+    /** Optional; defaults to 'datetime' (renders as datetime and exports as date_time). */
+    presentationType?: PresentationType;
     format?: string;
     fieldValue: DeepKeyOf<TRow>;
 }

package/components/datagrids/formatters/ColumnDateFormatter/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/formatters/ColumnDateFormatter/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,MAAM,WAAW,wBAAwB,CAAC,IAAI;IAC5C,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/formatters/ColumnDateFormatter/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,MAAM,WAAW,wBAAwB,CAAC,IAAI;IAC5C,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;CAC7B"}

package/components/datagrids/formatters/ColumnDateFormatter/useColumnDate.d.ts

@@ -7,10 +7,13 @@ export declare const useCustomDateFilter: <TRow>(props: ColumnDateFormatterProps
  * Function helper that returns the formatter,
  * customFilter and customSort of a date column
  */
-export declare const useColumnDate: <TRow>(props: ColumnDateFormatterProps<TRow>) => {
+export declare const useColumnDate: <TRow>(props: ColumnDateFormatterProps<TRow>) => Omit<{
     formatter: (formatterProps: import('react-data-grid').RenderCellProps<TRow, unknown>) => import("@emotion/react/jsx-runtime").JSX.Element;
     renderGroupCell: (groupProps: import('react-data-grid').RenderGroupCellProps<TRow, unknown>) => import("@emotion/react/jsx-runtime").JSX.Element;
     customFilter: (row: TRow, value: string) => boolean;
     customSort: (a: TRow, b: TRow) => 0 | 1 | -1;
+    exportDataType: string;
+}, "exportDataType"> & {
+    exportDataType?: string;
 };
 //# sourceMappingURL=useColumnDate.d.ts.map

package/components/datagrids/formatters/ColumnDateFormatter/useColumnDate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useColumnDate.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/formatters/ColumnDateFormatter/useColumnDate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAWnD;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,IAAI,EAAE,OAAO,wBAAwB,CAAC,IAAI,CAAC,WAG9C,IAAI,SAAS,MAAM,YAqBnD,CAAC;AAwBF;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,IAAI,EAAE,OAAO,wBAAwB,CAAC,IAAI,CAAC;;;qCAjD3B,MAAM;;CAqEnD,CAAC"}
+{"version":3,"file":"useColumnDate.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/formatters/ColumnDateFormatter/useColumnDate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAYnD;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,IAAI,EAAE,OAAO,wBAAwB,CAAC,IAAI,CAAC,WAG9C,IAAI,SAAS,MAAM,YAqBnD,CAAC;AAmCF;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,IAAI,EAAE,OAAO,wBAAwB,CAAC,IAAI,CAAC;;;qCA5D3B,MAAM;;;;qBAsF4B,MAAM;CAErF,CAAC"}

package/components/datagrids/formatters/ColumnDateFormatter/useColumnDate.js

@@ -1,36 +1,43 @@
 import { useUserPreferences as l, getPropertyByString as i } from "@m4l/core";
 import { ColumnDateFormatter as c } from "./formatter.js";
-import { ColumnDateGroupFormatter as g } from "./ColumnDateGroupFormatter.js";
+import { ColumnDateGroupFormatter as d } from "./ColumnDateGroupFormatter.js";
 import { getValidDate as s } from "../../../../utils/getValidDate.js";
-import { useState as D, useRef as d, useEffect as y, useMemo as C, useCallback as T } from "react";
-import { deepEqual as V } from "fast-equals";
+import { useState as T, useRef as D, useEffect as g, useMemo as y, useCallback as p } from "react";
+import { deepEqual as C } from "fast-equals";
 import { getColumnKey as f } from "../../helpers/shared/getColumnKey/getColumnKey.js";
-const S = (e) => {
+const P = (e) => {
   const { formatDate: t } = l();
-  return T((a, n) => {
-    const m = f(e.fieldValue), o = i(a, m);
+  return p((a, n) => {
+    const u = f(e.fieldValue), o = i(a, u);
     let r = null;
     return typeof o == "string" ? r = new Date(o) : o instanceof Date && (r = o), !r || isNaN(r.getTime()) ? !1 : t({
-      presentationType: e.presentationType,
+      presentationType: e.presentationType ?? "datetime",
       value: r,
       format: e.format
     }).includes(n);
   }, [e.presentationType, e.format, t]);
-}, b = (e) => (t, u) => {
-  const a = f(e.fieldValue), n = i(t, a), m = i(u, a), o = s(n), r = s(m);
+}, S = (e) => (t, m) => {
+  const a = f(e.fieldValue), n = i(t, a), u = i(m, a), o = s(n), r = s(u);
   return !o || !r ? 0 : o.getTime() > r.getTime() ? 1 : o.getTime() < r.getTime() ? -1 : 0;
-}, k = (e) => {
-  const [t, u] = D(e), a = S(t), n = d({ ...e });
-  return y(() => {
-    V(n.current, e) || (n.current = e, u(e));
-  }, [e]), C(() => ({
+}, V = {
+  date: "date",
+  datetime: "date_time",
+  time: "time"
+}, B = (e) => {
+  const [t, m] = T(e), a = P(t), n = D({ ...e });
+  return g(() => {
+    C(n.current, e) || (n.current = e, m(e));
+  }, [e]), y(() => ({
     formatter: c(t),
-    renderGroupCell: g(t),
+    renderGroupCell: d(t),
     customFilter: a,
-    customSort: b(t)
+    customSort: S(t),
+    // Export dataType derived from the presentation mode (date / datetime / time),
+    // since the DataGrid ColumnType cannot carry it. useExportColumns reads it.
+    exportDataType: V[t.presentationType ?? "datetime"]
   }), [t, a]);
 };
 export {
-  k as useColumnDate,
-  S as useCustomDateFilter
+  B as useColumnDate,
+  P as useCustomDateFilter
 };

package/hooks/index.d.ts

@@ -16,4 +16,5 @@ export * from './usePopoverPaperProps';
 export * from './useIsVisible';
 export * from './useSizeContainer';
 export * from './useWatchTyped';
+export * from './useExportDatagridColumns';
 //# sourceMappingURL=index.d.ts.map

package/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/components/src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/components/src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC"}

package/hooks/useExportDatagridColumns/index.d.ts

@@ -0,0 +1,4 @@
+export { useExportColumns } from './useExportColumns';
+export { useVisibleColumnNames } from './useVisibleColumnNames';
+export type { DataGridColumn, ColumnVisibilityConfig, ExportableColumnConfig, ExportableColumnsMap, ExportColumn, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/hooks/useExportDatagridColumns/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/hooks/useExportDatagridColumns/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EACV,cAAc,EACd,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,YAAY,GACb,MAAM,SAAS,CAAC"}

package/hooks/useExportDatagridColumns/types.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Shared type contracts for the Shared Export DataGrid column hooks.
+ *
+ * Consumed by list modules to build the params passed to the export
+ * microfrontend. Modules inject only what varies (their `EXPORTABLE_COLUMNS`
+ * map); the hooks and these contracts live once in `@m4l/components`.
+ */
+/** Minimal DataGrid column shape the export hooks read. */
+export interface DataGridColumn {
+    key: string;
+    name: string | unknown;
+    type: string;
+    visible?: boolean;
+    exportable?: boolean;
+    /**
+     * Optional export dataType resolved from the column's presentation mode
+     * (e.g. a date column's `datetime` → `date_time`). When present it overrides
+     * `type` for export, because the DataGrid ColumnType is always `date`.
+     */
+    exportDataType?: string;
+}
+/** Persisted per-user column visibility entry (from the saved cookie config). */
+export interface ColumnVisibilityConfig {
+    key: string;
+    visible: boolean;
+}
+/** Per-module mapping value: backend field name plus optional formatter props. */
+export interface ExportableColumnConfig {
+    /** Backend API field name (snake_case). */
+    name: string;
+    /** Optional formatter options forwarded to the export worker. */
+    formatterProps?: Record<string, unknown>;
+}
+/** Per-module map of DataGrid column key (camelCase) to backend export config. */
+export type ExportableColumnsMap = Record<string, ExportableColumnConfig>;
+/** Export column metadata entry expected by the shared export microfrontend. */
+export interface ExportColumn {
+    /** Backend API field name sent to the export worker. */
+    name: string;
+    /** Optional formatter options forwarded to the export worker. */
+    formatterProps?: Record<string, unknown>;
+    /** Translated DataGrid label rendered as the column title in the export form. */
+    title: string;
+    /** DataGrid column data type (string, number, date, ...). */
+    dataType: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/hooks/useExportDatagridColumns/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/hooks/useExportDatagridColumns/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,2DAA2D;AAC3D,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,iFAAiF;AACjF,MAAM,WAAW,sBAAsB;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,kFAAkF;AAClF,MAAM,WAAW,sBAAsB;IACrC,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAED,kFAAkF;AAClF,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;AAE1E,gFAAgF;AAChF,MAAM,WAAW,YAAY;IAC3B,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,QAAQ,EAAE,MAAM,CAAC;CAClB"}

package/hooks/useExportDatagridColumns/useExportColumns.d.ts

@@ -0,0 +1,16 @@
+import { DataGridColumn, ExportColumn, ExportableColumnsMap } from './types';
+/**
+ * Builds the exportable column metadata passed to the shared export datagrid MF.
+ *
+ * Filters columns flagged with `exportable: true` and maps each one to the shape the
+ * export microfrontend expects:
+ * - name: backend API field (from the injected `exportableColumns` map, falls back to the grid key)
+ * - formatterProps: optional format options forwarded to the export worker
+ * - title: the translated column label rendered in the export form's column list
+ * - dataType: the column's `exportDataType` when present (e.g. a date column's
+ *   date_time / time), otherwise the grid `type` (string, number, date, ...)
+ * @param columns DataGrid columns; only those with `exportable: true` are emitted.
+ * @param exportableColumns Per-module map of grid key to backend field (+ optional formatter props).
+ */
+export declare function useExportColumns(columns?: DataGridColumn[], exportableColumns?: ExportableColumnsMap): ExportColumn[];
+//# sourceMappingURL=useExportColumns.d.ts.map

package/hooks/useExportDatagridColumns/useExportColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExportColumns.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/hooks/useExportDatagridColumns/useExportColumns.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAElF;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,GAAE,cAAc,EAAO,EAC9B,iBAAiB,GAAE,oBAAyB,GAC3C,YAAY,EAAE,CAwBhB"}

package/hooks/useExportDatagridColumns/useExportColumns.js

@@ -0,0 +1,23 @@
+import { useMemo as a } from "react";
+function f(r = [], p = {}) {
+  return a(
+    () => r.filter((e) => e.exportable === !0).map((e) => {
+      const t = p[e.key];
+      return {
+        // Backend API field name: use the mapped value if present, otherwise the grid key
+        name: t?.name ?? e.key,
+        // Additional format options (when they apply)
+        ...t?.formatterProps ? { formatterProps: t.formatterProps } : {},
+        // Translated DataGrid label used as the column title in the export form
+        title: e.name,
+        // Prefer the resolved export dataType (date columns carry date_time/time
+        // here since the grid `type` is always 'date'); fall back to the grid type.
+        dataType: e.exportDataType ?? e.type
+      };
+    }),
+    [r, p]
+  );
+}
+export {
+  f as useExportColumns
+};

package/hooks/useExportDatagridColumns/useVisibleColumnNames.d.ts

@@ -0,0 +1,9 @@
+import { ColumnVisibilityConfig, DataGridColumn, ExportableColumnsMap } from './types';
+/**
+ * Resolves the API field names that should be pre-selected in the export form.
+ * @param columns DataGrid columns.
+ * @param exportableColumns Per-module map of grid key to backend field name.
+ * @param defaultConfigColumns Persisted per-user visibility config (may be an empty array).
+ */
+export declare function useVisibleColumnNames(columns?: DataGridColumn[], exportableColumns?: ExportableColumnsMap, defaultConfigColumns?: ColumnVisibilityConfig[]): string[];
+//# sourceMappingURL=useVisibleColumnNames.d.ts.map

package/hooks/useExportDatagridColumns/useVisibleColumnNames.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisibleColumnNames.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/hooks/useExportDatagridColumns/useVisibleColumnNames.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE5F;;;;;GAKG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,GAAE,cAAc,EAAO,EAC9B,iBAAiB,GAAE,oBAAyB,EAC5C,oBAAoB,CAAC,EAAE,sBAAsB,EAAE,GAC9C,MAAM,EAAE,CAiBV"}

package/hooks/useExportDatagridColumns/useVisibleColumnNames.js

@@ -0,0 +1,7 @@
+import { useMemo as a } from "react";
+function y(r = [], s = {}, i) {
+  return a(() => (i !== void 0 && i.length > 0 ? i.filter((e) => e.visible).map((e) => e.key) : r.filter((e) => e.visible !== !1).map((e) => e.key)).filter((e) => r.find((t) => t.key === e)?.exportable === !0).map((e) => s[e]?.name ?? e), [r, s, i]);
+}
+export {
+  y as useVisibleColumnNames
+};

package/index.js

@@ -318,22 +318,24 @@ import { resolvePopoverPaperProps as gl, usePopoverPaperProps as Tl } from "./ho
 import { useIsVisible as Dl } from "./hooks/useIsVisible/useIsVisible.js";
 import { useSizeContainer as Sl } from "./hooks/useSizeContainer/index.js";
 import { useWatchTyped as yl } from "./hooks/useWatchTyped/useTypedWatch.js";
-import { withToggle as _l } from "./hocs/withToggle/index.js";
-import { withRHFController as Nl } from "./hocs/withRHFController/index.js";
-import { capitalizeFirstLetter as Ll } from "./utils/capitalizeFirstLetter.js";
-import { isValidDate as vl } from "./utils/isValidDate.js";
-import { getComponentUtilityClass as bl } from "./utils/getComponentUtilityClass.js";
-import { getPaletteColor as kl } from "./utils/getPaletteColor.js";
-import { getTypographyStyles as Vl } from "./utils/getTypographyStyles.js";
-import { getIconColor as Yl } from "./utils/getIconColor.js";
-import { getHeightSizeStyles as Ul, getSizeStyles as Wl } from "./utils/getSizeStyles/getSizeStyles.js";
-import { getInputAlignmentIconButtonOverrides as jl } from "./utils/getInputAlignmentIconButtonOverrides/getInputAlignmentIconButtonOverrides.js";
-import { ObjectQueue as ql } from "./utils/ObjectQueue.js";
-import { getComponentClasses as Xl, getComponentSlotRoot as Zl } from "./utils/getComponentSlotRoot.js";
-import { formatDistanceToNow as ou } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
-import { getValidDate as eu } from "./utils/getValidDate.js";
-import { getNullGuard as mu } from "./utils/getNullGuard.js";
-import { createCustomDeepShallow as au, deepShallow as nu } from "./utils/deepShallow.js";
+import { useExportColumns as _l } from "./hooks/useExportDatagridColumns/useExportColumns.js";
+import { useVisibleColumnNames as Nl } from "./hooks/useExportDatagridColumns/useVisibleColumnNames.js";
+import { withToggle as Ll } from "./hocs/withToggle/index.js";
+import { withRHFController as vl } from "./hocs/withRHFController/index.js";
+import { capitalizeFirstLetter as bl } from "./utils/capitalizeFirstLetter.js";
+import { isValidDate as kl } from "./utils/isValidDate.js";
+import { getComponentUtilityClass as Vl } from "./utils/getComponentUtilityClass.js";
+import { getPaletteColor as Yl } from "./utils/getPaletteColor.js";
+import { getTypographyStyles as Ul } from "./utils/getTypographyStyles.js";
+import { getIconColor as Kl } from "./utils/getIconColor.js";
+import { getHeightSizeStyles as Jl, getSizeStyles as ql } from "./utils/getSizeStyles/getSizeStyles.js";
+import { getInputAlignmentIconButtonOverrides as Xl } from "./utils/getInputAlignmentIconButtonOverrides/getInputAlignmentIconButtonOverrides.js";
+import { ObjectQueue as $l } from "./utils/ObjectQueue.js";
+import { getComponentClasses as ru, getComponentSlotRoot as eu } from "./utils/getComponentSlotRoot.js";
+import { formatDistanceToNow as mu } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
+import { getValidDate as au } from "./utils/getValidDate.js";
+import { getNullGuard as iu } from "./utils/getNullGuard.js";
+import { createCustomDeepShallow as fu, deepShallow as su } from "./utils/deepShallow.js";
 export {
   U as AREAS_DICCTIONARY,
   W as AREAS_DICTIONARY_ID,
@@ -490,7 +492,7 @@ export {
   Ko as NumberEditor,
   $n as NumberInputStyled,
   Ex as ObjectLogs,
-  ql as ObjectQueue,
+  $l as ObjectQueue,
   Ox as PDFViewer,
   Cl as POPOVER_CONTAINER_ID,
   cl as POPOVER_OVERLAY_ROOT_ATTRIBUTE,
@@ -609,25 +611,25 @@ export {
   Pf as WindowToolsMFProvider,
   Ba as addLayoutItemToBreakPointIfNoExists,
   ba as addLayoutItemToBreakPoints,
-  Ll as capitalizeFirstLetter,
+  bl as capitalizeFirstLetter,
   Ga as cloneLayouts,
   qt as createCodeEditorLezerSyntaxValidator,
   px as createComponentsMFIsolationAppStorybookProps,
-  au as createCustomDeepShallow,
+  fu as createCustomDeepShallow,
   Tf as createDynamicMFStore,
   di as createEmptyValidationSchema,
   e as createToaster,
   Fi as createValidationFullObject,
   Pi as createValidationPartialObject,
   gi as createValidationSchema,
-  nu as deepShallow,
+  su as deepShallow,
   Bo as defaultCommonActionsDictionary,
   Ye as defaultDateRangeCalendarPickerDictionary,
   ot as defaultDateTimeRangePickerDictionary,
   He as dragResizeWindowRNDClasses,
   Qt as ensureCodeEditorRuntimeDependencies,
   Fs as evaluateVisibilityStepCondition,
-  ou as formatDistanceToNow,
+  mu as formatDistanceToNow,
   a as getAccountPopoverDictionary,
   L as getAppBarDictionary,
   j as getAreasComponentsDictionary,
@@ -635,9 +637,9 @@ export {
   Fa as getBooleanFormatterComponentsDictionary,
   eo as getCheckableListComponentsDictionary,
   bo as getCommonActionsDictionary,
-  Xl as getComponentClasses,
-  Zl as getComponentSlotRoot,
-  bl as getComponentUtilityClass,
+  ru as getComponentClasses,
+  eu as getComponentSlotRoot,
+  Vl as getComponentUtilityClass,
   Uo as getDataGridComponentsDictionary,
   qo as getDataGridRowsFromSet,
   ze as getDateRangeCalendarPickerComponentsDictionary,
@@ -654,10 +656,10 @@ export {
   Qp as getFormatPoints,
   pa as getFormatPrice,
   Ia as getFormattersComponentsDictionary,
-  Ul as getHeightSizeStyles,
-  Yl as getIconColor,
+  Jl as getHeightSizeStyles,
+  Kl as getIconColor,
   Oi as getImageSelectorComponentsDictionary,
-  jl as getInputAlignmentIconButtonOverrides,
+  Xl as getInputAlignmentIconButtonOverrides,
   at as getIsIfInDynamicFilter,
   zi as getLoadingErrorComponentsDictionary,
   xx as getMFLoaderComponentsDictionary,
@@ -666,26 +668,26 @@ export {
   wf as getModalDictionary,
   Rx as getNoItemPrivilegesComponentsDictionary,
   Fx as getNoItemSelectedComponentsDictionary,
-  mu as getNullGuard,
+  iu as getNullGuard,
   Ax as getObjectLogsComponentsDictionary,
   gm as getPagerComponentsDictionary,
-  kl as getPaletteColor,
+  Yl as getPaletteColor,
   zn as getPeriodComponetsDictionary,
   on as getRHFAutocompleteAsyncComponentsDictionary,
   Qa as getRHFAutocompleteComponentsDictionary,
   it as getRawFiltersForNetwork,
   _t as getRawSortsForNetwork,
-  Wl as getSizeStyles,
+  ql as getSizeStyles,
   Rs as getStepperComponentsDictionary,
   gs as getStepsAndValidationSchema,
   Zx as getTabsNavigatorComponentsDictionary,
-  Vl as getTypographyStyles,
+  Ul as getTypographyStyles,
   jp as getUncertaintyFormat,
-  eu as getValidDate,
+  au as getValidDate,
   Ws as getformAddEditDictionary,
   ha as isEqualLayout,
   Va as isEqualLayouts,
-  vl as isValidDate,
+  kl as isValidDate,
   sx as projectMFHostRuntimeTools,
   Xt as registerCodeEditorLanguage,
   Zt as registerCodeEditorLanguageTemplate,
@@ -727,6 +729,7 @@ export {
   Pt as useDynamicFormData,
   af as useDynamicMFParameters,
   nf as useDynamicMFParametersStore,
+  _l as useExportColumns,
   hs as useFormAddEdit,
   js as useFormFocus,
   $s as useFormReadyForUpdate,
@@ -747,6 +750,7 @@ export {
   qf as useStepper,
   pl as useSvgColor,
   zs as useTab,
+  Nl as useVisibleColumnNames,
   yl as useWatchTyped,
   Lo as useWindowCloseGuard,
   mf as useWindowToolsMF,
@@ -756,7 +760,7 @@ export {
   y as varTranEnter,
   I as varTranExit,
   _ as varTranHover,
-  Nl as withRHFController,
+  vl as withRHFController,
   Ya as withSizeProvider,
-  _l as withToggle
+  Ll as withToggle
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.37.0",
+  "version": "9.37.1-beta-pkg-754-nuevos-hooks-compartidos-para-shared-export-datagrid.0",
   "publishConfig": {
     "access": "public"
   },
@@ -52,21 +52,21 @@
     "@hookform/resolvers": "2.9.11",
     "nprogress": "0.2.0",
     "react-transition-group": "4.4.5",
+    "react-color": "2.19.3",
     "@mui/x-date-pickers": "6.20.2",
+    "react-spinners": "0.13.8",
     "react-rnd": "10.5.2",
-    "react-color": "2.19.3",
-    "react-dropzone": "14.4.1",
     "react-draggable": "4.5.0",
-    "react-spinners": "0.13.8",
+    "react-dropzone": "14.4.1",
     "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",
     "react-data-grid": "7.0.0-beta.47",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
+    "react-resizable-panels": "2.1.9",
+    "react-simple-code-editor": "0.14.1",
     "date-fns": "2.30.0",
     "react-resizable": "3.1.3",
     "react-window": "1.8.11",