@m4l/components 9.4.5 → 9.4.6-JT19122025.beta.1

package/components/DataGrid/contexts/DataGridContext/index.js

@@ -1,365 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useEffect, useMemo, createContext } from "react";
-import { useFirstRender } from "@m4l/graphics";
-import { g as getComponentClasses } from "../../../../utils/getComponentSlotRoot.js";
-import { a as DATAGRID_ROW_HEIGHTS, b as DATAGRID_ROW_HEADER_HEIGHTS, D as DATAGRID_PREFIX_NAME } from "../../constants.js";
-import { C as ControlNavigateSlots, a as ColumnsConfigSlots, T as TextEditorSlots, b as TableSlots, R as RowsCountSlots, A as ActionsSlots, D as DataGridSlots } from "../../slots/DataGridEnum.js";
-import { deepEqual } from "fast-equals";
-import { u as useViewMode } from "../../hooks/useViewMode/useViewMode.js";
-import { u as useRowHeight } from "../../hooks/useRowHeight/useRowHeight.js";
-import { u as useColumnsWidth } from "../../hooks/useColumnsWidth/useColumnsWidth.js";
-import { u as useViewConfig } from "../../hooks/useViewConfig/useViewConfig.js";
-import { u as useChangeColumnsConfig } from "../../hooks/useChangeColumnsConfig/useChangeColumnsConfig.js";
-import { u as useChangeColumnsOrder } from "../../hooks/useChangeColumnsOrder/useChangeColumnsOrder.js";
-import { g as getColumnsWidth } from "../../helpers/getColumnsWidth/getColumnsWidth.js";
-import { g as getInitialColumnsConfig } from "../../helpers/getInitialColumnsConfig/getInitialColumnsConfig.js";
-import { g as getAllViewModes } from "../../helpers/getAllViewModes/getAllViewModes.js";
-import { g as getViewSpecificConfig } from "../../helpers/getViewSpecificConfig/getViewSpecificConfig.js";
-import { g as getViewMode } from "../../helpers/getViewMode/getViewMode.js";
-const DataGridContext = createContext(null);
-function DataGridProvider(props) {
-  const {
-    id,
-    children,
-    columns,
-    defaultConfig,
-    onChangeConfig,
-    defaultUserColumns,
-    // deprecated
-    onChangeUserColumns,
-    // deprecated
-    rows,
-    rowsCount,
-    rowActionsGetter,
-    rowHeights = DATAGRID_ROW_HEIGHTS,
-    rowHeaderHeights = DATAGRID_ROW_HEADER_HEIGHTS,
-    initialRowHeightVariant = "standard",
-    checkedRows,
-    onCheckedRowsChange,
-    checkedRowsMultiple,
-    rowKeyGetter,
-    externalSortSettings: sortSettings,
-    externalFilterSettings: filterSettings,
-    size,
-    viewMode,
-    onViewModeChange,
-    defaultViewMode,
-    cardsViewConfig
-  } = props;
-  const resolvedDefaultConfig = defaultConfig ?? defaultUserColumns;
-  const resolvedOnChangeConfig = onChangeConfig ?? onChangeUserColumns;
-  const isFirstRender = useFirstRender([columns, id]);
-  const { viewModeState, setViewModeState, handleViewModeChange } = useViewMode(
-    {
-      id,
-      viewMode,
-      defaultViewMode,
-      onViewModeChange,
-      onChangeConfig: resolvedOnChangeConfig
-    }
-  );
-  const { currentRowHeightVariant, setRowHeightVariant } = useRowHeight({
-    rowHeights,
-    rowHeaderHeights,
-    initialRowHeightVariant
-  });
-  const { columnsWidths, setColumnsWidths, onChangeColumnWidth } = useColumnsWidth({
-    id,
-    onChangeConfig: resolvedOnChangeConfig
-  });
-  const { getConfigColumns, updateConfigColumns } = useViewConfig();
-  const { onChangeColumnsConfig } = useChangeColumnsConfig({
-    id,
-    onChangeConfig: resolvedOnChangeConfig,
-    updateConfigColumns
-  });
-  const { onChangeColumnsOrder } = useChangeColumnsOrder({
-    getConfigColumns,
-    onChangeColumnsConfig
-  });
-  const classes = getComponentClasses(DATAGRID_PREFIX_NAME, {
-    ...DataGridSlots,
-    ...ActionsSlots,
-    ...RowsCountSlots,
-    ...TableSlots,
-    ...TextEditorSlots,
-    ...ColumnsConfigSlots,
-    ...ControlNavigateSlots
-  });
-  const [rowsFilterCount, setRowFilterCount] = useState(rowsCount);
-  const [sortColumns, setSortColumns] = useState([]);
-  useEffect(() => {
-    const keys = new Set(columns.map((c) => c.key));
-    if (defaultViewMode === "cards" && cardsViewConfig === void 0) {
-      throw new Error(
-        `DataGridProvider: Cuando defaultViewMode="cards", es obligatorio proporcionar cardsViewConfig.
 
-        Ejemplo válido con columnsConfig:
-          defaultViewMode="cards"
-          cardsViewConfig={{
-            columnsConfig: [
-              { columnKey: 'name', showTitle: false },
-              { columnKey: 'email', showTitle: true }
-            ]
-          }}
-
-        Ejemplo válido con customRender:
-          defaultViewMode="cards"
-          cardsViewConfig={{
-            customRender: {
-              renderContent: (row) => <CustomCard row={row} />,
-              minHeight: 200
-            }
-          }}`
-      );
-    }
-    if (sortSettings?.sortsColumns) {
-      for (const sort of sortSettings.sortsColumns) {
-        if (!keys.has(sort)) {
-          throw new Error(
-            `DataGridProvider: Sorts incluye "${sort}", pero no existe ninguna columna con key="${sort}".`
-          );
-        }
-      }
-    }
-    if (filterSettings?.filterColumns) {
-      for (const filterField of filterSettings.filterColumns) {
-        if (!filterField.skipColumnValidation && !keys.has(filterField.name)) {
-          throw new Error(
-            `DataGridProvider: Fields incluye "${filterField.name}", pero no existe ninguna columna con key="${filterField.name}".`
-          );
-        }
-      }
-    }
-    if (cardsViewConfig !== void 0) {
-      const hasCustomRender = cardsViewConfig.customRender !== void 0;
-      const hasColumnsConfig = cardsViewConfig.columnsConfig !== void 0 && cardsViewConfig.columnsConfig.length > 0;
-      if (!hasCustomRender && !hasColumnsConfig) {
-        throw new Error(
-          `DataGridProvider: cardsViewConfig.enabled=true requiere configurar al menos una de estas opciones:
-          - cardsViewConfig.customRender (renderizado personalizado)
-          - cardsViewConfig.columnsConfig (configuración de columnas con al menos 1 elemento)
-
-          Configuración actual:
-          - customRender: ${hasCustomRender ? "definido" : "undefined"}
-          - columnsConfig: ${cardsViewConfig.columnsConfig?.length || 0} columnas
-
-          Ejemplo válido con columnsConfig:
-            cardsViewConfig={{
-              enabled: true,
-              columnsConfig: [
-                { columnKey: 'name', showTitle: false },
-                { columnKey: 'email', showTitle: true }
-              ]
-            }}
-
-          Ejemplo válido con customRender:
-            cardsViewConfig={{
-              enabled: true,
-              customRender: {
-                renderContent: (row) => <CustomCard row={row} />,
-                minHeight: 200
-              }
-            }}
-          `
-        );
-      }
-      if (hasColumnsConfig && cardsViewConfig.columnsConfig) {
-        for (const cardCol of cardsViewConfig.columnsConfig) {
-          if (!keys.has(cardCol.columnKey)) {
-            throw new Error(
-              `DataGridProvider: cardsViewConfig.columnsConfig incluye columnKey="${cardCol.columnKey}", pero no existe ninguna columna con key="${cardCol.columnKey}".`
-            );
-          }
-        }
-      }
-    }
-  }, [columns, sortSettings, filterSettings, cardsViewConfig, defaultViewMode]);
-  const finalRowHeights = useMemo(() => rowHeights, [rowHeights]);
-  useEffect(() => {
-    if (isFirstRender) {
-      setColumnsWidths(getColumnsWidth(id, columns, resolvedDefaultConfig));
-      setViewModeState(
-        getViewMode(id, resolvedDefaultConfig, defaultViewMode) ?? "table"
-      );
-      updateConfigColumns(
-        "table",
-        getInitialColumnsConfig(
-          id,
-          columns,
-          "table",
-          resolvedDefaultConfig?.columnsConfig,
-          { frozen: false },
-          { originalFrozen: false }
-        )
-      );
-      const finalCardsConfig = (() => {
-        if (resolvedDefaultConfig?.columnsConfigCards && resolvedDefaultConfig.columnsConfigCards.length > 0) {
-          return resolvedDefaultConfig.columnsConfigCards;
-        }
-        if (cardsViewConfig?.columnsConfig) {
-          return cardsViewConfig.columnsConfig.map((colConfig, index) => {
-            const originalColumn = columns.find(
-              (col) => col.key === colConfig.columnKey
-            );
-            return {
-              key: colConfig.columnKey,
-              visible: originalColumn?.visible === void 0 ? true : originalColumn?.visible,
-              index,
-              showTitle: colConfig.showTitle
-            };
-          });
-        }
-        return void 0;
-      })();
-      updateConfigColumns(
-        "cards",
-        getInitialColumnsConfig(
-          id,
-          columns,
-          "cards",
-          finalCardsConfig,
-          { showTitle: false },
-          { originalShowTitle: false }
-        )
-      );
-    }
-  }, [resolvedDefaultConfig]);
-  useEffect(() => {
-    if (!isFirstRender) {
-      const updatedConfigs = {
-        table: [],
-        cards: []
-      };
-      getAllViewModes().forEach((viewModeParam) => {
-        const currentConfig = getConfigColumns(viewModeParam);
-        const finalConfig = [];
-        for (let i = 0; i < currentConfig.length; i++) {
-          const columnIndex = columns.findIndex(
-            (c) => c.key === currentConfig[i]?.key
-          );
-          if (columnIndex !== -1) {
-            const column = columns[columnIndex];
-            finalConfig.push({
-              ...currentConfig[i],
-              originalIndex: columnIndex,
-              // Propiedades específicas por vista dinámicamente
-              ...getViewSpecificConfig(viewModeParam).dynamicOriginalProperty(
-                currentConfig[i] || column
-              ),
-              originalVisible: column.visible ?? true
-            });
-          }
-        }
-        updatedConfigs[viewModeParam] = finalConfig;
-      });
-      getAllViewModes().forEach((viewModeParam) => {
-        const currentConfig = updatedConfigs[viewModeParam];
-        const currentConfigKeys = new Set(
-          getConfigColumns(viewModeParam).map((c) => c.key)
-        );
-        const newColumnsForView = columns.filter(
-          (column) => !currentConfigKeys.has(column.key)
-        );
-        if (newColumnsForView.length > 0) {
-          const colLength = currentConfig.length;
-          const viewSpecificDefaults = viewModeParam === "cards" ? { showTitle: false } : {
-            frozen: false
-          };
-          const originalViewSpecificDefaults = viewModeParam === "cards" ? {
-            originalShowTitle: false
-          } : {
-            originalFrozen: false
-          };
-          const newColConfig = getInitialColumnsConfig(
-            id,
-            newColumnsForView,
-            viewModeParam,
-            void 0,
-            viewSpecificDefaults,
-            originalViewSpecificDefaults
-          ).map((columnConfig, index) => {
-            const columnIndex = columns.findIndex(
-              (c) => c.key === newColumnsForView[index].key
-            );
-            const column = newColumnsForView[index];
-            return {
-              ...columnConfig,
-              index: index + colLength,
-              name: column.name,
-              originalIndex: columnIndex,
-              originalVisible: column.visible ?? true,
-              // Propiedades específicas por vista dinámicamente
-              ...getViewSpecificConfig(viewModeParam).dynamicOriginalProperty(
-                column
-              )
-            };
-          });
-          updatedConfigs[viewModeParam].push(...newColConfig);
-        }
-      });
-      let hasChanges = false;
-      getAllViewModes().forEach((viewModeParam) => {
-        if (!deepEqual(
-          getConfigColumns(viewModeParam),
-          updatedConfigs[viewModeParam]
-        )) {
-          hasChanges = true;
-        }
-      });
-      if (!hasChanges) {
-        return;
-      }
-      console.log("useEffect viewConfigs changed", updatedConfigs);
-      getAllViewModes().forEach((viewModeParam) => {
-        updateConfigColumns(viewModeParam, updatedConfigs[viewModeParam]);
-      });
-    }
-  }, [columns, id]);
-  const setRowFilterCountInternal = (newRowsCount) => {
-    setRowFilterCount(newRowsCount);
-  };
-  return /* @__PURE__ */ jsx(
-    DataGridContext.Provider,
-    {
-      value: {
-        getConfigColumns,
-        onChangeColumnsConfig,
-        columnsConfig: getConfigColumns("table"),
-        columnsWidths,
-        rowsCount: rowsFilterCount,
-        currentRowHeightVariant: currentRowHeightVariant.rowHVariant,
-        currentRowHeight: currentRowHeightVariant.rowHeight,
-        currentRowHeaderHeight: currentRowHeightVariant.rowHeaderHeight,
-        rows,
-        rowHeights: finalRowHeights,
-        checkedRows,
-        onChangeColumnsOrder,
-        onChangeColumnWidth,
-        setRowsCount: setRowFilterCountInternal,
-        rowActionsGetter,
-        setRowHeightVariant,
-        onCheckedRowsChange,
-        checkedRowsMultiple,
-        rowKeyGetter,
-        onChangeConfig: resolvedOnChangeConfig,
-        onChangeUserColumns: resolvedOnChangeConfig,
-        // deprecated alias
-        sortColumns,
-        setSortColumns,
-        externalSortSettings: sortSettings,
-        externalFilterSettings: filterSettings,
-        classes,
-        size,
-        viewMode: viewModeState,
-        onViewModeChange: handleViewModeChange,
-        cardsViewConfig
-      },
-      children
-    }
-  );
-}
-export {
-  DataGridProvider as D,
-  DataGridContext as a
-};

package/components/DataGrid/contexts/DataGridContext/types.d.ts

@@ -3,7 +3,8 @@ import { RowKey, RowHeightVariants, GridProps, OnChangeConfig } from '../../type
 import { Maybe } from '@m4l/core';
 import { ActionsSlots, ColumnsConfigSlots, ControlNavigateSlots, DataGridSlots, RowsCountSlots, TableSlots, TextEditorSlots } from '../../slots/DataGridEnum';
 import { SortColumn } from 'react-data-grid';
-import { IGridConfig, BaseViewConfig } from '../../types.helpers';
+import { IGridConfig } from '../../helpers/persistence/getColumnsWidth/types';
+import { BaseViewConfig } from '../../helpers/shared/getInitialColumnsConfig/types';
 /**
  * Configuración extendida genérica con propiedades originales
  * USO INTERNO: El contexto usa esto para el estado interno con propiedades de tracking

package/components/DataGrid/contexts/FilterContext/FilterContext.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { FilterContextProps } from './types';
+declare const FilterContext: import('react').Context<FilterContextProps>;
+type FilterProviderProps = {
+    children: ReactNode;
+    initialActiveFilters: boolean;
+};
+/**
+ * Proveedor de contexto para los filtros de la tabla
+ */
+declare function FilterProvider({ children, initialActiveFilters, }: FilterProviderProps): import("react/jsx-runtime").JSX.Element;
+export { FilterProvider, FilterContext };

package/components/DataGrid/contexts/FilterContext/FilterContext.js

@@ -0,0 +1,50 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, createContext } from "react";
+import { voidFunction } from "@m4l/core";
+const initialState = {
+  activeFilters: false,
+  setActiveFilters: voidFunction
+};
+const FilterContext = createContext(initialState);
+function FilterProvider({
+  children,
+  initialActiveFilters
+}) {
+  const [filterOptions, setFilterOptions] = useState({
+    activeFilters: initialActiveFilters
+  });
+  const onChangeFilter = (column, value) => {
+    const newMap = filterOptions.filters ? new Map(filterOptions.filters) : /* @__PURE__ */ new Map();
+    if (value !== "") {
+      newMap.set(column.key, { value, customFilter: column.customFilter });
+    } else {
+      newMap.delete(column.key);
+    }
+    setFilterOptions({
+      ...filterOptions,
+      filters: newMap
+    });
+  };
+  const setActiveFilters = (active) => {
+    if (active) {
+      setFilterOptions({ activeFilters: true, filters: /* @__PURE__ */ new Map() });
+    } else {
+      setFilterOptions({ activeFilters: false });
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    FilterContext.Provider,
+    {
+      value: {
+        ...filterOptions,
+        onChangeFilter,
+        setActiveFilters
+      },
+      children
+    }
+  );
+}
+export {
+  FilterProvider as F,
+  FilterContext as a
+};

package/components/DataGrid/contexts/FilterContext/index.d.ts

@@ -1,12 +1,2 @@
-import { ReactNode } from 'react';
-import { FilterContextProps } from './types';
-declare const FilterContext: import('react').Context<FilterContextProps>;
-type FilterProviderProps = {
-    children: ReactNode;
-    initialActiveFilters: boolean;
-};
-/**
- * Proveedor de contexto para los filtros de la tabla
- */
-declare function FilterProvider({ children, initialActiveFilters }: FilterProviderProps): import("react/jsx-runtime").JSX.Element;
-export { FilterProvider, FilterContext };
+export { FilterProvider, FilterContext } from './FilterContext';
+export * from './types';

package/components/DataGrid/contexts/FilterContext/index.js

@@ -1,47 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, createContext } from "react";
-import { voidFunction } from "@m4l/core";
-const initialState = {
-  activeFilters: false,
-  setActiveFilters: voidFunction
-};
-const FilterContext = createContext(initialState);
-function FilterProvider({ children, initialActiveFilters }) {
-  const [filterOptions, setFilterOptions] = useState({
-    activeFilters: initialActiveFilters
-  });
-  const onChangeFilter = (column, value) => {
-    const newMap = filterOptions.filters ? new Map(filterOptions.filters) : /* @__PURE__ */ new Map();
-    if (value !== "") {
-      newMap.set(column.key, { value, customFilter: column.customFilter });
-    } else {
-      newMap.delete(column.key);
-    }
-    setFilterOptions({
-      ...filterOptions,
-      filters: newMap
-    });
-  };
-  const setActiveFilters = (active) => {
-    if (active) {
-      setFilterOptions({ activeFilters: true, filters: /* @__PURE__ */ new Map() });
-    } else {
-      setFilterOptions({ activeFilters: false });
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    FilterContext.Provider,
-    {
-      value: {
-        ...filterOptions,
-        onChangeFilter,
-        setActiveFilters
-      },
-      children
-    }
-  );
-}
-export {
-  FilterProvider as F,
-  FilterContext as a
-};
+

package/components/DataGrid/dictionary.d.ts

@@ -1,6 +1,6 @@
 export declare const DATAGRID_DICTIONARY_ID = "data_grid";
 /**
- * TODO: Documentar
+ * Obtiene los IDs de diccionarios necesarios para el DataGrid
  */
 export declare function getDataGridComponentsDictionary(): string[];
 export declare const DICTIONARY: {
@@ -38,4 +38,5 @@ export declare const DICTIONARY: {
     VIEW_MODE_CARDS: string;
     TOOLTIP_VIEW_MODE: string;
     DETAILS: string;
+    EDIT_PLACEHOLDER: string;
 };

package/components/DataGrid/dictionary.js

@@ -1,4 +1,4 @@
-import { g as getMenuActionsComponentsDictionary } from "../MenuActions/dictionary.js";
+import { a as getMenuActionsComponentsDictionary } from "../MenuActions/dictionary.js";
 import { g as getModalDictionary } from "../ModalDialog/dictionary.js";
 import { g as getPagerComponentsDictionary } from "../Pager/dicctionary.js";
 import { c as DATAGRID_ID_DICTIONARY } from "./constants.js";
@@ -37,7 +37,8 @@ const DICTIONARY = {
   VIEW_MODE_TABLE: `${DATAGRID_ID_DICTIONARY}.view_mode_table`,
   VIEW_MODE_CARDS: `${DATAGRID_ID_DICTIONARY}.view_mode_cards`,
   TOOLTIP_VIEW_MODE: `${DATAGRID_ID_DICTIONARY}.tooltip_view_mode`,
-  DETAILS: `${DATAGRID_ID_DICTIONARY}.details`
+  DETAILS: `${DATAGRID_ID_DICTIONARY}.details`,
+  EDIT_PLACEHOLDER: `${DATAGRID_ID_DICTIONARY}.edit_placeholder`
 };
 export {
   DICTIONARY as D,

package/components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js

@@ -3,7 +3,7 @@ import { C as ColumnBooleanFormatter } from "./formatter.js";
 import { useModuleDictionary, getPropertyByString } from "@m4l/core";
 import { useState, useRef, useEffect, useMemo } from "react";
 import { deepEqual } from "fast-equals";
-import { g as getColumnKey } from "../../helpers/getColumnKey.js";
+import { g as getColumnKey } from "../../helpers/shared/getColumnKey/getColumnKey.js";
 const getCustomBooleanFilter = (props, getLabel) => {
   return (row, value) => {
     const keyWiouthRow = getColumnKey(props.fieldValue);
@@ -67,11 +67,14 @@ const useColumnBoolean = (props) => {
       setStateProps(props);
     }
   }, [props]);
-  return useMemo(() => ({
-    formatter: ColumnBooleanFormatter(stateProps),
-    customFilter: getCustomBooleanFilter(stateProps, getLabel),
-    customSort: getCustomBooleanSort(stateProps, getLabel)
-  }), [stateProps, getLabel]);
+  return useMemo(
+    () => ({
+      formatter: ColumnBooleanFormatter(stateProps),
+      customFilter: getCustomBooleanFilter(stateProps, getLabel),
+      customSort: getCustomBooleanSort(stateProps, getLabel)
+    }),
+    [stateProps, getLabel]
+  );
 };
 export {
   useColumnBoolean as u

package/components/DataGrid/formatters/ColumnChipStatusFormatter/useColumnChipStatus.js

@@ -1,8 +1,8 @@
 import { getPropertyByString } from "@m4l/core";
 import { C as ColumnChipStatusFormatter } from "./formatter.js";
-import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { deepEqual } from "fast-equals";
 import { useState, useRef, useEffect, useMemo } from "react";
+import { g as getColumnKey } from "../../helpers/shared/getColumnKey/getColumnKey.js";
 const getCustomChipStatusFilter = (props) => {
   const { fieldLabel: uriLabel } = props;
   return (row, value) => {

package/components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/useColumnConcatenatedValues.js

@@ -1,9 +1,9 @@
 import { getPropertyByString } from "@m4l/core";
 import { deepEqual } from "fast-equals";
-import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { g as getFormatConcatenated } from "../../../formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
 import { useState, useRef, useEffect, useMemo } from "react";
 import { C as ColumnConcatenatedValuesFormatter } from "./formatter.js";
+import { g as getColumnKey } from "../../helpers/shared/getColumnKey/getColumnKey.js";
 const getArrayValuesWithFieldValue = (row, fieldValue) => {
   const values = fieldValue.map((element) => {
     const keyWiouthRow = getColumnKey(element);

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

@@ -1,11 +1,11 @@
 import { getPropertyByString } from "@m4l/core";
 import { g as getFormatDate } from "../../../formatters/DateFormatter/DateFormatter.js";
 import { C as ColumnDateFormatter } from "./formatter.js";
-import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { useFormatter } from "@m4l/graphics";
 import { g as getValidDate } from "../../../../utils/getValidDate.js";
 import { useState, useRef, useEffect, useMemo, useCallback } from "react";
 import { deepEqual } from "fast-equals";
+import { g as getColumnKey } from "../../helpers/shared/getColumnKey/getColumnKey.js";
 const useCustomDateFilter = (props) => {
   const { dateFormatter } = useFormatter();
   const ret = useCallback((row, value) => {

package/components/DataGrid/formatters/ColumnImageFormatter/ImageFormatterCell.js

@@ -2,7 +2,7 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import { useContext } from "react";
 import { getPropertyByString } from "@m4l/core";
 import { I as IMAGE_SIZES } from "./constants.js";
-import { a as DataGridContext } from "../../contexts/DataGridContext/index.js";
+import { a as DataGridContext } from "../../contexts/DataGridContext/DataGridContext.js";
 import { I as ImageFormatter } from "../../../formatters/ImageFormatter/ImageFormatter.js";
 function ImageFormatterCell(props) {
   const { formatterProps, fieldValue, fieldText, width, height, cover } = props;

package/components/DataGrid/formatters/ColumnNestedValueFormatter/useColumnNestedValue.js

@@ -1,9 +1,9 @@
 import { getPropertyByString } from "@m4l/core";
 import { useState, useRef, useEffect, useMemo } from "react";
 import { deepEqual } from "fast-equals";
-import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { g as getNullGuard } from "../../../../utils/getNullGuard.js";
 import { C as ColumnNestedValueFormatter } from "./formatter.js";
+import { g as getColumnKey } from "../../helpers/shared/getColumnKey/getColumnKey.js";
 const getCustomNestedValueFilter = (props) => {
   return (row, value) => {
     const property = getNullGuard(getPropertyByString(row, props.fieldValue));

package/components/DataGrid/formatters/ColumnPointsFormatter/useColumnPoints.js

@@ -1,8 +1,8 @@
 import { useState, useRef, useEffect, useMemo } from "react";
 import { deepEqual } from "fast-equals";
 import { C as ColumnPointsFormatter } from "./formatter.js";
-import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { g as getFormatPoints } from "../../../formatters/PointsFormatter/PointsFormatter.js";
+import { g as getColumnKey } from "../../helpers/shared/getColumnKey/getColumnKey.js";
 const getCustomPointsFilter = (props) => {
   return (row, value) => {
     const fieldValue = getColumnKey(props.fieldValue);

package/components/DataGrid/formatters/ColumnPriceFormatter/useColumnPrice.js

@@ -3,8 +3,8 @@ import { useFormatter } from "@m4l/graphics";
 import { getPropertyByString } from "@m4l/core";
 import { deepEqual } from "fast-equals";
 import { g as getFormatPrice } from "../../../formatters/PriceFormatter/PriceFormatter.js";
-import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { C as ColumnPriceFormatter } from "./formatter.js";
+import { g as getColumnKey } from "../../helpers/shared/getColumnKey/getColumnKey.js";
 const getCustomPriceFilter = (props) => {
   const { currencyFormatter } = useFormatter();
   const customFilter = useCallback((row, value) => {

package/components/DataGrid/formatters/ColumnSetCheckFormatter/formatter.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { C as CheckboxCellAdapter } from "../../subcomponents/CheckboxCellAdapter/index.js";
+import { C as CheckboxCellAdapter } from "../../views/adapters/CheckboxCellAdapter/CheckboxCellAdapter.js";
 function ColumnSetCheckFormatter(parameters) {
   const { field, disabledGetter, rowKeyGetter, useHook } = parameters;
   const formatter = (props) => {

package/components/DataGrid/formatters/ColumnSetCheckFormatter/useColumnSetCheck.js

@@ -1,8 +1,8 @@
 import { useState, useRef, useEffect, useMemo } from "react";
 import { getPropertyByString } from "@m4l/core";
 import { deepEqual } from "fast-equals";
-import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { C as ColumnSetCheckFormatter } from "./formatter.js";
+import { g as getColumnKey } from "../../helpers/shared/getColumnKey/getColumnKey.js";
 const getCustomFilter = (props) => {
   return (row, value) => {
     const keyWiouthRow = getColumnKey(props.field);