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

package/components/DataGrid/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/DataGrid/views/TableView/subcomponents/Settings/subcomponents/ColumnsConfig/index.d.ts

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

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1 @@
+

package/components/DataGrid/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/DataGrid/views/TableView/subcomponents/Settings/types.js

@@ -0,0 +1 @@
+

package/components/DataGrid/{subcomponents/Table/subcomponents/SkeletonFormatter/index.js → 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/DataGrid/views/TableView/subcomponents/SkeletonFormatter/index.d.ts

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

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

@@ -0,0 +1 @@
+

package/components/DataGrid/{subcomponents/CheckboxCellAdapter/index.js → 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 { l 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/DataGrid/views/adapters/CheckboxCellAdapter/index.d.ts

@@ -0,0 +1,2 @@
+export { CheckboxCellAdapter } from './CheckboxCellAdapter';
+export * from './types';

package/components/DataGrid/views/adapters/CheckboxCellAdapter/index.js

@@ -0,0 +1 @@
+

package/components/DataGrid/views/adapters/CheckboxCellAdapter/types.js

@@ -0,0 +1 @@
+

package/components/DataGrid/{subcomponents/RenderContent/index.d.ts → views/adapters/RenderContent/RenderContent.d.ts}

@@ -1,4 +1,4 @@
-import { GridProps, RowKey } from '../../types';
+import { GridProps, RowKey } from '../../../types';
 /**
  * Componente que renderiza el contenido del DataGrid en formato de tarjetas o tabla, depende del viewMode.
  */

package/components/DataGrid/views/adapters/RenderContent/RenderContent.js

@@ -0,0 +1,11 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { T as TableView } from "../../TableView/TableView.js";
+import { C as CardsView } from "../../CardsView/CardsView.js";
+import { u as useDataGrid } from "../../../hooks/shared/useDataGrid/useDataGrid.js";
+function RenderContent(props) {
+  const { viewMode } = useDataGrid();
+  return /* @__PURE__ */ jsx(Fragment, { children: viewMode === "table" ? /* @__PURE__ */ jsx(TableView, { ...props }) : /* @__PURE__ */ jsx(CardsView, { ...props }) });
+}
+export {
+  RenderContent as R
+};

package/components/DataGrid/views/adapters/RenderContent/index.d.ts

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

package/components/DataGrid/views/adapters/RenderContent/index.js

@@ -0,0 +1 @@
+

package/components/DynamicFilter/subcomponents/DynamicFilterBase/DynamicFilterBase.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
 import { D as DYNAMIC_FILTER_KEY_COMPONENT } from "../../constants.js";
 import { u as useDynamicFilterBase } from "./useDynamicFilterBase.js";

package/components/DynamicSort/subcomponents/AppliedSorts/AppliedSorts.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { D as DYNAMIC_SORT_KEY_COMPONENT } from "../../constants.js";
 import { D as DynamicSortSlots } from "../../slots/SlotsEnum.js";
 import { u as useDynamicSortBase } from "../DynamicSortBase/useDynamicSortBase.js";

package/components/DynamicSort/subcomponents/DynamicSortBase/DynamicSortBase.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
 import { D as DYNAMIC_SORT_KEY_COMPONENT } from "../../constants.js";
 import { u as useDynamicSortBase } from "./useDynamicSortBase.js";

package/components/Icon/Icon.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import clsx from "clsx";
-import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { I as ICON_PREFIX, a as ICON_KEY_COMPONENT } from "./constants.js";
 import { g as getComponentClasses, a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";

package/components/Image/Image.js

@@ -4,7 +4,7 @@ import { useModuleSkeleton } from "@m4l/core";
 import clsx from "clsx";
 import { L as LazyLoadComponent } from "./subcomponents/LazyLoadComponent/index.js";
 import { D as DivContainerSkeletonStyled, I as ImgSkeleton, a as ImgStyled } from "./slots/ImageSlots.js";
-import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { s as svgDataUriSkeleton, I as IMAGE_CLASSES, a as IMAGE_KEY_COMPONENT } from "./constant.js";
 import { I as ImageSlots } from "./slots/ImageEnum.js";
 function Image(props) {

package/components/Image/subcomponents/IntersectComponent/index.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useImperativeHandle, useEffect } from "react";
 import { b as IntersectComponentStyled } from "../../slots/ImageSlots.js";
-import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { a as IMAGE_KEY_COMPONENT } from "../../constant.js";
 import { I as ImageSlots } from "../../slots/ImageEnum.js";
 const checkIntersections = (entries) => {

package/components/ImageText/ImageText.js

@@ -4,7 +4,7 @@ import { I as ImageTextContainerRoot, a as ImageContainerStyled, b as ImgStyled,
 import { I as IMG_ALT, a as IMAGE_TEXT_CLASSES, b as IMAGE_TEXT_KEY_COMPONENT } from "./constants.js";
 import { clsx } from "clsx";
 import { useRef } from "react";
-import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { u as useIsVisible } from "../../hooks/useIsVisible/useIsVisible.js";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
 const ImageText = (props) => {

package/components/LanguagePopover/LanguagePopover.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { useFirstRender, useLocales } from "@m4l/graphics";
 import { useEnvironment, useNetwork } from "@m4l/core";
-import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { I as Image } from "../Image/Image.js";
 import { L as LanguagePopoverRootStyled, P as PaperStyled } from "./slots/LanguagePopoverSlots.js";

package/components/LinearProgressIndeterminate/LinearProgressIndeterminate.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import clsx from "clsx";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { L as LINEAR_PROGRESS_INDETERMINATE_KEY_COMPONENT } from "./constants.js";

package/components/LoadingError/LoadingError.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { L as LoadingErrorRootStyled, a as LoadingErrorStyled, b as LinearProgressIndeterminateStyled, c as LoadingErrorContainerStyled, d as LoadingErrorContentStyled, e as LoadingErrorImageStyled, f as LoadingErrorTextContainerStyled, g as LoadingErrorTitleDescriptionStyled, h as LoadingErrorDividerStyled, i as LoadingErrorButtonContainerStyled, j as LoadingErrorRecommendationTextStyled } from "./slots/LoadingErrorSlots.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
-import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { L as LOADING_ERROR_KEY_COMPONENT } from "./constants.js";
 import clsx from "clsx";
 import { d as dictionary } from "./dictionary.js";

package/components/MenuActions/MenuActions.js

@@ -5,7 +5,7 @@ import { u as useComponentSize } from "../../hooks/useComponentSize/useComponent
 import { P as Popover } from "../mui_extended/Popover/Popover.js";
 import { M as MenuItem } from "../mui_extended/MenuItem/MenuItem.js";
 import { I as ICON_PATH, a as ICONS, M as MENU_ACTIONS_, b as MENU_ACTIONS_CLASSES } from "./constants.js";
-import { a as getMenuActionsDictionary, D as DICTIONARY } from "./dictionary.js";
+import { g as getMenuActionsDictionary, D as DICTIONARY } from "./dictionary.js";
 import { M as MenuDivider } from "../mui_extended/MenuDivider/MenuDivider.js";
 import clsx from "clsx";
 import { M as MenuListStyled, a as MenuLoaderStyled, R as RootStyled, I as IconButtonStyled, H as HeaderMenuActionsStyled, F as FooterMenuActionsStyled } from "./slots/MenuActionsSlots.js";

package/components/MenuActions/dictionary.js

@@ -10,6 +10,6 @@ const getMenuActionsDictionary = (key) => {
 };
 export {
   DICTIONARY as D,
-  getMenuActionsDictionary as a,
-  getMenuActionsComponentsDictionary as g
+  getMenuActionsComponentsDictionary as a,
+  getMenuActionsDictionary as g
 };

package/components/NumberInput/NumberInput.js

@@ -3,7 +3,7 @@ import clsx from "clsx";
 import { forwardRef } from "react";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
 import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
-import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { u as useNumberInput } from "./hooks/useNumberInput/useNumberInput.js";
 import { S as SkeletonStyled, R as RootStyled, I as InputStyled, C as ContainButtonsAdornmentStyled, a as ContainerButtonsStyled, b as IncrementButtonStyled, D as DecrementButtonStyled } from "./slots/NumberInputSlots.js";
 import { N as NUMBER_INPUT_KEY_COMPONENT } from "./constants.js";

package/components/NumberInput/hooks/useNumberInput/useNumberInput.js

@@ -56,11 +56,9 @@ const useNumberInput = (parameters) => {
     (event, field, fieldValue, reason) => {
       if (field === "value" && typeof fieldValue !== "string") {
         switch (reason) {
-          // only a blur event will dispatch `numberInput:clamp`
           case "numberInput:inputChange":
             onChange?.(event, fieldValue);
             break;
-          // only a blur event will dispatch `numberInput:clamp`
           case "numberInput:clamp":
             onChange?.(event, fieldValue);
             break;

package/components/ObjectLogs/dictionary.js

@@ -1,4 +1,4 @@
-import { g as getDataGridComponentsDictionary } from "../DataGrid/dictionary.js";
+import { g as getDataGridComponentsDictionary } from "../datagrid/dictionary.js";
 import { g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/dictionary.js";
 const DICTIONARY_OBJECT_LOGS_ID = "object_logs";
 function getObjectLogsComponentsDictionary() {

package/components/ObjectLogs/hooks/useDetailFormatter.d.ts

@@ -1,4 +1,4 @@
-import { ColumnIconResponse } from '../../DataGrid/formatters/ColumnIconFormatter/types';
+import { ColumnIconResponse } from '../../datagrid/formatters/ColumnIconFormatter/types';
 /**
  * Hook para gestionar las columnas del componente ObjectLogs
  */

package/components/ObjectLogs/hooks/useObjectLogsColumns.js

@@ -2,8 +2,8 @@ import { useMemo } from "react";
 import { useModuleDictionary } from "@m4l/core";
 import { D as DICTIONARY } from "../dictionary.js";
 import { u as useDetailFormatter } from "./useDetailFormatter.js";
-import { u as useColumnIcon } from "../../DataGrid/formatters/ColumnIconFormatter/useColumnIcon.js";
-import { u as useColumnDate } from "../../DataGrid/formatters/ColumnDateFormatter/useColumnDate.js";
+import { u as useColumnIcon } from "../../datagrid/formatters/ColumnIconFormatter/useColumnIcon.js";
+import { u as useColumnDate } from "../../datagrid/formatters/ColumnDateFormatter/useColumnDate.js";
 const useObjectLogsColumns = (type) => {
   const { getLabel } = useModuleDictionary();
   const columnDate = useColumnDate({

package/components/ObjectLogs/subcomponents/ObjectLogsByM4L/ObjectLogsByM4L.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { D as DataGrid } from "../../../DataGrid/DataGrid.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.js";
 import { C as ContainerWrapperStyled, G as GridWrapperStyled } from "../../slots/ObjectLogsSlots.js";
 import { usePaginate } from "@m4l/graphics";
 import { u as useObjectLogsColumns } from "../../hooks/useObjectLogsColumns.js";
 import { a as OBJECT_LOGS_M4L_END_POINT, O as OBJECT_LOGS_KEY_COMPONENT } from "../../constants.js";
-import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { u as useFilterAndSort } from "../../hooks/useFilterAndSort.js";
+import { D as DataGrid } from "../../../datagrid/components/DataGrid/DataGrid.js";
 import { O as ObjectLogsSlots } from "../../slots/ObjectLogsEnum.js";
 function ObjectLogsByM4L(props) {
   const { resourceId, objectId, dataTestId = "" } = props;

package/components/ObjectLogs/subcomponents/ObjectLogsByOthers/ObjectLogsByOthers.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { D as DataGrid } from "../../../DataGrid/DataGrid.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.js";
 import { C as ContainerWrapperStyled, G as GridWrapperStyled } from "../../slots/ObjectLogsSlots.js";
 import { useRows } from "@m4l/graphics";
 import { u as useObjectLogsColumns } from "../../hooks/useObjectLogsColumns.js";
 import { b as OBJECT_LOGS_OTHERS_END_POINT, O as OBJECT_LOGS_KEY_COMPONENT } from "../../constants.js";
-import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { u as useFilterAndSort } from "../../hooks/useFilterAndSort.js";
+import { D as DataGrid } from "../../../datagrid/components/DataGrid/DataGrid.js";
 import { O as ObjectLogsSlots } from "../../slots/ObjectLogsEnum.js";
 function ObjectLogsByOthers(props) {
   const { dataTestId = "", resourceSerialId, resourceTypeId } = props;

package/components/PDFViewer/PDFViewer.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
-import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { P as PDFViewerRootStyled, a as PreviewPDFStyled } from "./slots/PDFViewerSlots.js";
 import { P as PDFViewerSlots } from "./slots/PDFViewerEnum.js";
 import { P as PDF_VIEWER_KEY_COMPONENT } from "./constants.js";

package/components/PrintingSystem/PrintingSystem.js

@@ -7,7 +7,7 @@ import { P as PrintingSystemRootStyled } from "./slots/PrintingSystemSlots.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { P as PRINTING_SYSTEM_KEY_COMPONENT } from "./constants.js";
 import { P as PrintingSystemSlots } from "./slots/PrintingSystemEnum.js";
-import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import clsx from "clsx";
 import { p as printingSystemStyles } from "./PrintingSystem.styles.js";
 const PrintingSystem = forwardRef((props, ref) => {

package/components/PropertyValue/PropertyValue.js

@@ -3,7 +3,7 @@ import React, { useId } from "react";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.js";
 import { T as TEST_PROPS_DATA, C as COMPONENT_PREFIX, P as PROPERTY_VALUE_KEY_COMPONENT } from "./constants.js";
-import { g as getNameDataTestId, a as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { a as getNameDataTestId, g as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { P as PropertyValueRootStyled, N as NameStyled, V as ValueStyled } from "./slots/PropertyValueSlots.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";