@m4l/components 9.4.6 → 9.4.7

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

@@ -0,0 +1,65 @@
+import { Column, RenderCellProps, RenderGroupCellProps, RenderHeaderCellProps } from 'react-data-grid';
+/**
+ * Renderizador para celdas de grupo con radio button.
+ *
+ * En modo de selección única con radio buttons, no tiene sentido
+ * seleccionar grupos completos, por lo que retorna null.
+ * @param _props - Props de renderizado de celda de grupo (no utilizadas)
+ * @returns null - No renderiza ningún control en filas de grupo
+ * @example
+ * ```tsx
+ * // En un DataGrid con filas agrupadas:
+ * // - Filas de grupo: sin radio button (este componente)
+ * // - Filas individuales: con radio button (RadioSelectFormatter)
+ * ```
+ */
+export declare function RadioSelectGroupFormatter(_props: RenderGroupCellProps<unknown>): null;
+/**
+ * Renderizador de celda de selección única con radio button.
+ *
+ * Implementa la lógica de selección única: cuando el usuario hace click
+ * en un radio button, se REEMPLAZA la selección anterior con solo la fila actual.
+ *
+ * Comportamiento:
+ * - Click en radio (checked=true): checkedRows se reemplaza con [rowKey actual]
+ * - Click en radio seleccionado (checked=false): checkedRows se vacía
+ * @param props - Props de renderizado de celda de react-data-grid
+ * @returns Componente RadioFormatter configurado
+ * @example
+ * ```tsx
+ * // Usuario hace click en radio de fila ID=5:
+ * // checkedRows antes: Set([3])
+ * // checkedRows después: Set([5]) ← Reemplaza, no agrega
+ * ```
+ */
+export declare function RadioSelectFormatter(props: RenderCellProps<any, any>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renderizador para el header de la columna de radio buttons.
+ *
+ * A diferencia de checkboxes, los radio buttons NO tienen funcionalidad
+ * de "Seleccionar Todo" ya que solo se puede seleccionar una fila a la vez.
+ * Por lo tanto, retorna null (header vacío).
+ * @param _props - Props de renderizado del header (no utilizadas)
+ * @returns null - No renderiza control en el header
+ */
+export declare function RadioSelectColumnHeaderRenderer(_props: RenderHeaderCellProps<any, any>): null;
+/**
+ * Configuración de la columna de selección única con radio buttons.
+ *
+ * Esta columna permite selección única de filas mediante radio buttons.
+ *
+ * Características:
+ * - Ancho fijo: 32px
+ * - No redimensionable, no draggable, no sortable
+ * - Congelada (frozen): siempre visible al hacer scroll horizontal
+ * - Header vacío: no tiene control "Select All"
+ * - Selección única: solo una fila puede estar seleccionada a la vez
+ * @example
+ * ```tsx
+ * // En useSortColumnsRows:
+ * const selectionColumn = checkedRowsMultiple === false
+ *   ? RadioSelectColumn   // Selección única
+ *   : SelectColumn;       // Selección múltiple
+ * ```
+ */
+export declare const RadioSelectColumn: Column<any, any>;

package/components/{DataGrid/subcomponents/Table/subcomponents → datagrids/views/TableView/subcomponents/RadioSelectColumn}/RadioSelectColumn.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { u as useDataGrid } from "../../../hooks/useDataGrid.js";
-import { d as DATAGRID_SELECT_COLUMN_KEY } from "../../../constants.js";
-import { R as RadioFormatter } from "./RadioFormatter.js";
+import { d as DATAGRID_SELECT_COLUMN_KEY } from "../../../../constants.js";
+import { u as useDataGrid } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
+import { R as RadioFormatter } from "./subcomponents/RadioFormatter/RadioFormatter.js";
 function RadioSelectGroupFormatter(_props) {
   return null;
 }

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

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

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

@@ -0,0 +1 @@
+export * from './RadioSelectColumn';

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

@@ -0,0 +1 @@
+

package/components/datagrids/views/TableView/subcomponents/RadioSelectColumn/subcomponents/RadioFormatter/RadioFormatter.d.ts

@@ -0,0 +1,22 @@
+import { RenderCheckboxProps } from 'react-data-grid';
+/**
+ * Renderizador de radio button para selección única de filas en TableView.
+ *
+ * Este componente es un wrapper del Radio de MUI que adapta las props
+ * de react-data-grid (RenderCheckboxProps) al formato esperado por Radio.
+ *
+ * Se utiliza en conjunto con RadioSelectColumn para implementar
+ * selección única de filas (a diferencia de CheckboxFormatter que
+ * permite selección múltiple).
+ * @param props - Props de renderizado de checkbox de react-data-grid
+ * @param props.onChange - Callback cuando cambia el estado del radio
+ * @param props.checked - Estado actual del radio (seleccionado o no)
+ * @param _ref - Ref forwarded (no utilizado internamente)
+ * @returns Componente Radio de MUI adaptado
+ * @example
+ * ```tsx
+ * // Uso interno en RadioSelectColumn
+ * renderCell: (props) => <RadioFormatter {...props} />
+ * ```
+ */
+export declare const RadioFormatter: import('react').ForwardRefExoticComponent<RenderCheckboxProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/datagrids/views/TableView/subcomponents/RadioSelectColumn/subcomponents/RadioFormatter/RadioFormatter.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { R as Radio } from "../../../../../../../mui_extended/Radio/Radio.js";
+const RadioFormatter = forwardRef(
+  function RadioFormatter2({ onChange, checked, ...props }, _ref) {
+    function handleChange(e) {
+      onChange(e.target.checked, e.nativeEvent.shiftKey);
+    }
+    return /* @__PURE__ */ jsx(Radio, { checked, onChange: handleChange, ...props });
+  }
+);
+export {
+  RadioFormatter as R
+};

package/components/datagrids/views/TableView/subcomponents/RadioSelectColumn/subcomponents/RadioFormatter/RadioFormatter.test.d.ts

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

package/components/datagrids/views/TableView/subcomponents/RadioSelectColumn/subcomponents/RadioFormatter/index.d.ts

@@ -0,0 +1 @@
+export * from './RadioFormatter';

package/components/datagrids/views/TableView/subcomponents/RadioSelectColumn/subcomponents/RadioFormatter/index.js

@@ -0,0 +1 @@
+

package/components/{DataGrid/subcomponents/Table/subcomponents → datagrids/views/TableView/subcomponents/SelectColumn}/SelectColumn.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useRowSelection, SelectCellFormatter } from "react-data-grid";
-import { u as useDataGrid } from "../../../hooks/useDataGrid.js";
-import { d as DATAGRID_SELECT_COLUMN_KEY } from "../../../constants.js";
+import { d as DATAGRID_SELECT_COLUMN_KEY } from "../../../../constants.js";
+import { u as useDataGrid } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
 const filterColumnClassName = "filter-cell";
 const filterHeight = 35;
 function SelectGroupFormatter(props) {
@@ -74,6 +74,6 @@ const SelectColumn = {
 };
 export {
   SelectColumn as S,
-  filterHeight as a,
-  filterColumnClassName as f
+  filterColumnClassName as a,
+  filterHeight as f
 };

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

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

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

@@ -0,0 +1 @@
+export * from './SelectColumn';

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,6 @@
+import { SettingsProps } from './types';
+/**
+ * Componente que renderiza el icono de configuración para TableView.
+ * Abre el modal de configuración de columnas específico para la vista de tabla.
+ */
+export declare function Settings(props: SettingsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton.js";
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { p as pathIcons } from "../../../../icons.js";
+import { u as useDataGrid } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
+import { u as useModalSettings } from "./hooks/useModalSettings/useModalSettings.js";
+function Settings(props) {
+  const { columns } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { size } = useDataGrid();
+  const modalSettings = useModalSettings(size, columns);
+  const { getLabel } = useModuleDictionary();
+  const handleClick = () => {
+    modalSettings();
+  };
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      tooltip: getLabel("data_grid.tooltip_settings"),
+      onClick: handleClick,
+      "aria-label": "settings",
+      icon: `${host_static_assets}/${environment_assets}/${pathIcons.configuration}`,
+      "data-testid": "settings-button"
+    }
+  );
+}
+export {
+  Settings as S
+};

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

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

package/components/datagrids/views/TableView/subcomponents/Settings/hooks/useModalSettings/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useModalSettings';
+export * from './types';

package/components/datagrids/views/TableView/subcomponents/Settings/hooks/useModalSettings/index.js

@@ -0,0 +1 @@
+

package/components/datagrids/views/TableView/subcomponents/Settings/hooks/useModalSettings/types.js

@@ -0,0 +1 @@
+

package/components/datagrids/views/TableView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.d.ts

@@ -0,0 +1,7 @@
+import { GridProps } from '../../../../../../types';
+import { Column } from 'react-data-grid';
+/**
+ * Hook que renderiza el modal de configuración de las columnas
+ * de la tabla
+ */
+export declare const useModalSettings: (size: GridProps<unknown, unknown>["size"], columns: readonly Column<any, any>[]) => () => void;

package/components/{DataGrid/subcomponents/HeaderActions/subcomponents/hooks/useModalSettings/index.js → datagrids/views/TableView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.js}

@@ -2,15 +2,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import { useIsMobile } from "@m4l/graphics";
 import { useRef, useCallback } from "react";
-import { u as useDataGrid } from "../../../../../hooks/useDataGrid.js";
-import { u as useModal } from "../../../../../../../hooks/useModal/index.js";
-import { C as ColumnsConfig } from "../../Settings/subcomponents/ColumnsConfig/index.js";
-import { a as ContentModalSettingStyled, D as DataGridRootStyled } from "../../../../../slots/DataGridSlot.js";
-import { p as pathIcons } from "../../../../../icons.js";
-import { A as ActionsContainer } from "../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
-import { W as WindowBase } from "../../../../../../WindowBase/WindowBase.js";
-import { A as ActionCancel } from "../../../../../../CommonActions/components/ActionCancel/ActionCancel.js";
-import { A as ActionIntro } from "../../../../../../CommonActions/components/ActionIntro/ActionIntro.js";
+import { u as useModal } from "../../../../../../../../hooks/useModal/index.js";
+import { n as ContentModalSettingStyled, D as DataGridRootStyled } from "../../../../../../slots/DataGridSlot.js";
+import { p as pathIcons } from "../../../../../../icons.js";
+import { C as ColumnsConfig } from "../../subcomponents/ColumnsConfig/ColumnsConfig.js";
+import { A as ActionsContainer } from "../../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
+import { u as useDataGrid } from "../../../../../../hooks/shared/useDataGrid/useDataGrid.js";
+import { W as WindowBase } from "../../../../../../../WindowBase/WindowBase.js";
+import { A as ActionCancel } from "../../../../../../../CommonActions/components/ActionCancel/ActionCancel.js";
+import { A as ActionIntro } from "../../../../../../../CommonActions/components/ActionIntro/ActionIntro.js";
 const useModalSettings = (size, columns) => {
   const { openModal, closeModal } = useModal();
   const { columnsConfig, onChangeColumnsConfig, currentRowHeight, classes } = useDataGrid();

package/components/datagrids/views/TableView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.test.d.ts

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

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

@@ -0,0 +1,2 @@
+export * from './Settings';
+export * from './types';

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

@@ -0,0 +1 @@
+

package/components/datagrids/views/TableView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.d.ts

@@ -0,0 +1,10 @@
+import { ColumnAlign } from '../../../../../../types';
+import { ColumnsConfigRef, ConfigProps } from './types';
+/**
+ * función encargada de definir la clase css de alineación
+ */
+export declare const getAlignClass: (align: ColumnAlign) => {
+    cellClass: string;
+    headerCellClass: string;
+};
+export declare const ColumnsConfig: import('react').ForwardRefExoticComponent<ConfigProps & import('react').RefAttributes<ColumnsConfigRef>>;

package/components/datagrids/views/TableView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.js

@@ -0,0 +1,309 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useRef, useState, useImperativeHandle, useMemo, useEffect } from "react";
+import { useModuleDictionary, useEnvironment } from "@m4l/core";
+import DataGrid from "react-data-grid";
+import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton.js";
+import { p as pathIcons } from "../../../../../../icons.js";
+import { v as ColumnsConfigWrapperStyled, w as ColumnsConfigDataGridStyled, x as ColumnsConfigSelColumnsStyled, y as TableWrapperDataGridStyled, z as ColumnsConfigActiosStyled } from "../../../../../../slots/DataGridSlot.js";
+import { D as DICTIONARY } from "../../../../../../dictionary.js";
+import { C as ColumnInteractiveCheckFormatter } from "../../../../../../formatters/ColumnInteractiveCheckFormatter/formatter.js";
+function getRowsFromColumnsConfig(columnsConfig, columns) {
+  return columnsConfig.filter((cConfig) => !cConfig.hidden).map(
+    (cConfig) => ({
+      key: cConfig.key,
+      name: columns?.find((c) => c.key === cConfig.key)?.name ?? "",
+      visible: cConfig.visible === void 0 ? true : cConfig.visible,
+      frozen: cConfig.frozen === void 0 ? false : cConfig.frozen,
+      originalIndex: cConfig.originalIndex,
+      originalFrozen: cConfig.originalFrozen,
+      originalVisible: cConfig.originalVisible
+    })
+  );
+}
+const getAlignClass = (align) => {
+  const cellClass = align !== void 0 ? `rdg-cell-align-${align}` : "";
+  return {
+    cellClass,
+    headerCellClass: cellClass
+  };
+};
+const ColumnsConfig = forwardRef(
+  (props, ref) => {
+    const refdata_grid = useRef(null);
+    const {
+      onCloseSettings,
+      columnsConfig,
+      onChangeColumnsConfig,
+      rowHeight,
+      classes,
+      size,
+      columns
+    } = props;
+    const { getLabel } = useModuleDictionary();
+    const [isInit, setIsInit] = useState(true);
+    const [rows, setRows] = useState(
+      getRowsFromColumnsConfig(columnsConfig, columns)
+    );
+    const [selRows, setSelRows] = useState(() => /* @__PURE__ */ new Set());
+    const divRef = useRef(null);
+    const { host_static_assets, environment_assets } = useEnvironment();
+    useImperativeHandle(ref, () => ({
+      onClickIntro: handleIntro,
+      current: divRef.current
+    }));
+    const columnsdata_grid = useMemo(
+      () => [
+        {
+          key: "name",
+          name: getLabel(DICTIONARY.SETTINGS_COLUMN_NAME),
+          width: 220,
+          resizable: true,
+          type: "string",
+          ...getAlignClass("left")
+        },
+        {
+          key: "originalIndex",
+          name: getLabel(DICTIONARY.SETTINGS_COLUMN_POSITION),
+          width: 50,
+          type: "number",
+          ...getAlignClass("center")
+        },
+        {
+          key: "visible",
+          name: getLabel(DICTIONARY.SETTINGS_COLUMN_VISIBLE),
+          width: 80,
+          type: "boolean",
+          renderCell: ColumnInteractiveCheckFormatter,
+          ...getAlignClass("center")
+        },
+        {
+          key: "frozen",
+          name: getLabel(DICTIONARY.SETTINGS_COLUMNS_FROZEN),
+          width: 80,
+          type: "boolean",
+          renderCell: ColumnInteractiveCheckFormatter,
+          ...getAlignClass("center")
+        }
+      ],
+      [getLabel]
+    );
+    const checkAll = () => {
+      setRows(rows.map((row) => ({ ...row, visible: true })));
+    };
+    const unCheckAll = () => {
+      setRows(rows.map((row) => ({ ...row, visible: false })));
+    };
+    const restoreAll = () => {
+      setRows(
+        rows.map((row) => ({
+          ...row,
+          visible: row.originalVisible,
+          frozen: row.originalFrozen,
+          index: row.originalIndex
+        })).sort((a, b) => a.index - b.index)
+      );
+    };
+    useEffect(() => {
+      if (isInit === false) {
+        setRows(getRowsFromColumnsConfig(columnsConfig, columns));
+      }
+      setIsInit(false);
+    }, [columnsConfig]);
+    const rowSelectedIndex = useMemo(() => {
+      let rowIndex = -1;
+      if (selRows.size !== 1) {
+        return rowIndex;
+      }
+      const iterator = selRows.entries();
+      const entry = iterator.next().value?.[1];
+      rowIndex = rows.findIndex((row) => row.key === entry);
+      return rowIndex;
+    }, [rows, selRows]);
+    const handleMoveFirst = () => {
+      if (rowSelectedIndex === -1) {
+        return -1;
+      }
+      const newRows = [...rows];
+      newRows.splice(rowSelectedIndex, 1);
+      newRows.splice(0, 0, rows[rowSelectedIndex]);
+      refdata_grid.current?.selectCell({ idx: 0, rowIdx: 0 });
+      setRows(newRows);
+    };
+    const handleMoveLast = () => {
+      if (rowSelectedIndex === -1) {
+        return -1;
+      }
+      const newRows = [...rows];
+      newRows.splice(rowSelectedIndex, 1);
+      newRows.splice(newRows.length, 0, rows[rowSelectedIndex]);
+      refdata_grid.current?.selectCell({ idx: 0, rowIdx: newRows.length - 1 });
+      setRows(newRows);
+    };
+    const handleMoveUpDownd = (position) => {
+      if (rowSelectedIndex === -1) {
+        return -1;
+      }
+      const newRows = [...rows];
+      const element = newRows[rowSelectedIndex];
+      newRows.splice(rowSelectedIndex, 1);
+      newRows.splice(rowSelectedIndex + position, 0, element);
+      refdata_grid.current?.selectCell({
+        idx: 0,
+        rowIdx: rowSelectedIndex + position
+      });
+      setRows(newRows);
+    };
+    const getColumnConfigByKey = (key) => {
+      const rowIndexFinded = rows.findIndex((row) => row.key === key);
+      if (rowIndexFinded > -1) {
+        return {
+          visible: rows[rowIndexFinded].visible,
+          frozen: rows[rowIndexFinded].frozen
+        };
+      }
+      return void 0;
+    };
+    const getRowIndex = (column) => {
+      const rowIndexFinded = rows.findIndex((row) => row.key === column.key);
+      if (rowIndexFinded > -1) {
+        return rowIndexFinded;
+      }
+      return columnsConfig.findIndex(
+        (columnConfig) => columnConfig.key === column.key
+      );
+    };
+    const handleIntro = () => {
+      const newColumnsConfig = columnsConfig.map((columnConfig) => {
+        const newColumnConfig = { ...columnConfig };
+        if (!columnConfig.hidden) {
+          const columnConfigRow = getColumnConfigByKey(columnConfig.key);
+          if (columnConfigRow) {
+            newColumnConfig.visible = columnConfigRow.visible;
+            newColumnConfig.frozen = columnConfigRow.frozen;
+          }
+          const rowIndex = rows.findIndex(
+            (row) => row.key === columnConfig.key
+          );
+          if (rowIndex > -1) {
+            newColumnConfig.index = rowIndex;
+          }
+        }
+        return newColumnConfig;
+      }).sort((a, b) => getRowIndex(a) - getRowIndex(b));
+      onChangeColumnsConfig(newColumnsConfig);
+      onCloseSettings();
+    };
+    const onInternalSelectedRowsChange = () => {
+    };
+    const onInternalRowsChange = (newRows) => {
+      setRows(newRows);
+    };
+    const onCellClick = ({ row }) => {
+      if (selRows.has(row.key)) {
+        return;
+      }
+      const mySet = /* @__PURE__ */ new Set([row.key]);
+      setSelRows(mySet);
+    };
+    return /* @__PURE__ */ jsxs(ColumnsConfigWrapperStyled, { ref: divRef, children: [
+      /* @__PURE__ */ jsxs(ColumnsConfigDataGridStyled, { children: [
+        /* @__PURE__ */ jsx(ColumnsConfigSelColumnsStyled, { ownerState: { size }, children: getLabel(DICTIONARY.SETTINGS_SEL_COLUMNS) }),
+        /* @__PURE__ */ jsx(
+          TableWrapperDataGridStyled,
+          {
+            className: classes?.tableWrapperDataGrid,
+            ownerState: { size },
+            children: /* @__PURE__ */ jsx(
+              DataGrid,
+              {
+                ref: refdata_grid,
+                rowHeight,
+                columns: columnsdata_grid,
+                rows,
+                onRowsChange: onInternalRowsChange,
+                selectedRows: selRows,
+                onSelectedRowsChange: onInternalSelectedRowsChange,
+                onCellClick,
+                rowKeyGetter: (row) => row.key,
+                defaultColumnOptions: { resizable: true, sortable: true }
+              }
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(ColumnsConfigActiosStyled, { children: [
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            tooltip: getLabel(DICTIONARY.SETTINGS_MOVE_FIRST),
+            onClick: handleMoveFirst,
+            "aria-label": "move first place",
+            disabled: rowSelectedIndex < 1,
+            icon: `${host_static_assets}/${environment_assets}/${pathIcons.moveFirstPlace}`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            tooltip: getLabel(DICTIONARY.SETTINGS_MOVE_UP),
+            onClick: () => handleMoveUpDownd(-1),
+            "aria-label": "move up place",
+            disabled: rowSelectedIndex < 1,
+            icon: `${host_static_assets}/${environment_assets}/${pathIcons.moveUpPlace}`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            tooltip: getLabel(DICTIONARY.SETTINGS_MOVE_LAST),
+            onClick: handleMoveLast,
+            "aria-label": "move last place",
+            disabled: !!(rowSelectedIndex === rows.length - 1 || rowSelectedIndex === -1),
+            icon: `${host_static_assets}/${environment_assets}/${pathIcons.moveLastPlace}`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            tooltip: getLabel(DICTIONARY.SETTINGS_MOVE_DOWN),
+            onClick: () => handleMoveUpDownd(1),
+            "aria-label": "move down place",
+            disabled: !!(rowSelectedIndex === rows.length - 1 || rowSelectedIndex === -1),
+            icon: `${host_static_assets}/${environment_assets}/${pathIcons.moveDownPlace}`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            tooltip: getLabel(DICTIONARY.SETTINGS_VISIBLE_ALL),
+            onClick: checkAll,
+            "aria-label": "check visible all",
+            icon: `${host_static_assets}/${environment_assets}/${pathIcons.checkAll}`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            tooltip: getLabel(DICTIONARY.SETTINGS_NO_VISIBLE_ALL),
+            onClick: unCheckAll,
+            "aria-label": "un check all",
+            icon: `${host_static_assets}/${environment_assets}/${pathIcons.uncheckAll}`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            tooltip: getLabel(DICTIONARY.SETTINGS_RESTORE),
+            onClick: restoreAll,
+            "aria-label": "Restore columns",
+            icon: `${host_static_assets}/${environment_assets}/${pathIcons.restoreColumns}`
+          }
+        )
+      ] })
+    ] });
+  }
+);
+ColumnsConfig.displayName = "ColumnsConfig";
+export {
+  ColumnsConfig as C
+};

package/components/datagrids/views/TableView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.test.d.ts

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

package/components/datagrids/views/TableView/subcomponents/Settings/subcomponents/ColumnsConfig/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ColumnsConfig';
+export * from './types';

package/components/datagrids/views/TableView/subcomponents/Settings/subcomponents/ColumnsConfig/index.js

@@ -0,0 +1 @@
+

package/components/datagrids/views/TableView/subcomponents/Settings/subcomponents/ColumnsConfig/types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,4 @@
+import { Column } from 'react-data-grid';
+export interface SettingsProps {
+    columns: readonly Column<any, any>[];
+}

package/components/datagrids/views/TableView/subcomponents/Settings/types.js

@@ -0,0 +1 @@
+

package/components/{DataGrid/subcomponents/Table/subcomponents/SkeletonFormatter/index.js → datagrids/views/TableView/subcomponents/SkeletonFormatter/SkeletonFormatter.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { u as useDataGrid } from "../../../../hooks/useDataGrid.js";
 import { S as Skeleton } from "../../../../../mui_extended/Skeleton/Skeleton.js";
 import { W as WrapperSkeletonStyled } from "../../../../slots/DataGridSlot.js";
+import { u as useDataGrid } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
 function SkeletonFormatter() {
   const { size } = useDataGrid();
   return /* @__PURE__ */ jsx(WrapperSkeletonStyled, { ownerState: { size }, children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "100%" }) });

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

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

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

@@ -0,0 +1 @@
+export * from './SkeletonFormatter';

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

@@ -0,0 +1 @@
+

package/components/{DataGrid/subcomponents/CheckboxCellAdapter/index.js → datagrids/views/adapters/CheckboxCellAdapter/CheckboxCellAdapter.js}

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from "react";
 import { SelectCellFormatter } from "react-data-grid";
-import { C as CheckboxFormatter } from "../Table/subcomponents/CheckboxFormatter.js";
-import { R as RadioFormatter } from "../Table/subcomponents/RadioFormatter.js";
-import { a as DataGridContext } from "../../contexts/DataGridContext/index.js";
-import { m as CheckboxCellWrapperStyled } from "../../slots/DataGridSlot.js";
+import { S as CheckboxCellWrapperStyled } from "../../../slots/DataGridSlot.js";
+import { a as DataGridContext } from "../../../contexts/DataGridContext/DataGridContext.js";
+import { R as RadioFormatter } from "../../TableView/subcomponents/RadioSelectColumn/subcomponents/RadioFormatter/RadioFormatter.js";
+import { C as CheckboxFormatter } from "../../TableView/subcomponents/CheckboxFormatter/CheckboxFormatter.js";
 const CheckboxCellAdapter = forwardRef(function CheckboxCellAdapter2(props, ref) {
   const {
     value,

package/components/datagrids/views/adapters/CheckboxCellAdapter/CheckboxCellAdapter.test.d.ts

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