@m4l/components 9.4.30 → 9.4.31

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

@@ -1,7 +1,7 @@
-import { jsxs as x, jsx as s } from "@emotion/react/jsx-runtime";
-import { forwardRef as oo, useRef as z, useState as _, useImperativeHandle as to, useMemo as M, useEffect as ro } from "react";
-import { useModuleDictionary as io, useEnvironment as eo } from "@m4l/core";
-import po from "react-data-grid";
+import { jsxs as x, jsx as p } from "@emotion/react/jsx-runtime";
+import { forwardRef as ee, useRef as z, useState as _, useImperativeHandle as oe, useMemo as M, useEffect as te } from "react";
+import { useModuleDictionary as re, useEnvironment as ne } from "@m4l/core";
+import ie from "react-data-grid";
 import { IconButton as S } from "../../../../../../../extended/mui/IconButton/IconButton.js";
 import "clsx";
 import "../../../../../../../formatters/BooleanFormatter/slots/BooleanFormatterSlots.js";
@@ -52,191 +52,34 @@ import "../../../../../../../CommonActions/components/ActionIntro/ActionIntro.js
 import "../../../../../../../CommonActions/components/ActionFormCancel/slots/ActionFormCancelSlots.js";
 import "../../../../../../../CommonActions/components/ActionFormIntro/slots/ActionFormIntroSlots.js";
 import "../../../../../../../CommonActions/components/ActionFormSubmitProgrammatic/slots/ActionFormSubmitProgrammaticSlots.js";
-import "../../../../../../../AccountPopover/slots/AccountPopoverSlots.js";
-import "../../../../../../../animate/IconButtonAnimate/index.js";
-import "framer-motion";
-import "@mui/material/styles";
-import "../../../../../../../animate/LoadingScreen/styles.js";
-import "../../../../../../../animate/AnimatedScroll/styles.js";
-import "../../../../../../../AppBar/slots/AppBarSlots.js";
-import "../../../../../../../areas/contexts/AreasContext/index.js";
-import "../../../../../../../areas/components/AreasAdmin/subcomponents/AreaChip/AreaChip.js";
-import "../../../../../../../areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.js";
-import "../../../../../../../areas/components/AreasAdmin/slots/AreasAdminSlots.js";
-import "../../../../../../../extended/mui/Typography/Typography.js";
-import "../../../../../../../MenuActions/MenuActions.js";
-import "../../../../../../../areas/components/AreasViewer/AreasViewer.js";
-import "../../../../../../../Card/slots/CardSlots.js";
-import "../../../../../../../Card/constants.js";
-import "../../../../../../../CheckableList/constants.js";
-import "../../../../../../../CheckableList/slots/styled.js";
-import "../../../../../../../extended/mui/Skeleton/Slots/skeletonSlots.js";
-import "../../../../../../../ImageText/slots/ImageTextSlots.js";
-import "../../../../../../../ImageText/constants.js";
 import "lodash-es/throttle";
-import "../../../../../../../Chip/Chip.js";
-import "../../../../../../../commercial/AppBarCommercial/classes/index.js";
-import "../../../../../../../commercial/AppBarCommercial/styles.js";
-import "../../../../../../../commercial/HamburgerMenu/styles.js";
-import "../../../../../../../commercial/HamburgerMenu/classes/index.js";
-import "../../../../../../../SideBar/SideBar.js";
-import "../../../../../../../commercial/TopBar/classes/index.js";
-import "../../../../../../../commercial/TopBar/context/index.js";
-import "../../../../../../../extended/mui/Popover/slots/PopoverSlots.js";
-import "../../../../../../../extended/mui/Accordion/Accordion.js";
-import "../../../../../../../extended/mui/Button/Button.js";
-import "../../../../../../../commercial/TopBar/component/ConteinItem/subcomponets/NavItem/subcomponents/ArrowIcon/styles.js";
-import "../../../../../../../commercial/TopBar/style.js";
-import "../../../../../../../commercial/SectionCommercial/classes/index.js";
-import "../../../../../../../commercial/SectionCommercial/styles.js";
-import "../../../../../../../ContainerFlow/constants.js";
-import "../../../../../../../ContainerFlow/slots/ContainerFlowSlots.js";
-import "../../../../../../contexts/FilterContext/FilterContext.js";
-import "../../../../../../contexts/DataGridContext/DataGridContext.js";
-import { pathIcons as I } from "../../../../../../icons.js";
-import { DICTIONARY as n } from "../../../../../../dictionary.js";
-import "@m4l/icons";
-import { ColumnsConfigWrapperStyled as mo, ColumnsConfigDataGridStyled as no, ColumnsConfigSelColumnsStyled as lo, TableWrapperDataGridStyled as so, ColumnsConfigActiosStyled as ao } from "../../../../../../slots/DataGridSlot.js";
-import "../../../../../CardsView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.js";
-import "../../../../../../../Pager/slots/PagerSlots.js";
-import "../../../../../../../extended/mui/Select/Select.js";
-import "../../../../../CardsView/subcomponents/CardRow/CardRow.js";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import "../../../CheckboxFormatter/CheckboxFormatter.js";
-import "../../../ActionsColumn/ActionsColumn.js";
-import "../../../RadioSelectColumn/subcomponents/RadioFormatter/RadioFormatter.js";
-import "../../../../../../../extended/mui/MenuItem/constants.js";
-import "../../../../../../../extended/mui/MenuItem/slots/MenuItemSlots.js";
-import "../../../../../../../extended/mui/MenuDivider/slots/MenuDividerSlots.js";
-import "../../../../../../../DaysOfWeekPicker/DaysOfWeekPicker.js";
-import "../../../../../../../DragResizeWindowRND/DragResizeWindowRND.js";
-import "../../../../../../../DaysOfMonthPicker/DaysOfMonthPicker.js";
-import "lodash-es/snakeCase";
-import "lodash-es/camelCase";
-import "../../../../../../../HelperError/HelperError.js";
-import "../../../../../../../extended/mui/Autocomplete/Autocomplete.js";
-import "../../../../../../../hook-form/RHFAutocomplete/slots/RHFAutocompleteSlots.js";
-import "../../../../../../../hook-form/RHFAutocomplete/constants.js";
 import "../../../../../../../Color/slots/ColorSlots.js";
-import "../../../../../../../Label/slots/LabelSlots.js";
-import "../../../../../../../hook-form/RHFColorPicker/slots/RHFColorPickerSlots.js";
-import "lodash-es/debounce";
-import "../../../../../../../hook-form/RHFCheckbox/RHFCheckbox.js";
-import "../../../../../../../hook-form/RHFCheckableList/constants.js";
-import "../../../../../../../hook-form/RHFCheckableList/slots/RHFCheckableListSlots.js";
-import "../../../../../../../extended/mui/DateTimePicker/slots/DateTimePickerSlots.js";
-import "../../../../../../../hook-form/RHFDateTime/slots/RHFDateTimeSlots.js";
-import "../../../../../../../extended/mui/DatePicker/slots/DatePickerSlots.js";
-import "../../../../../../../extended/mui/DatePicker/constants.js";
-import "../../../../../../../hook-form/RHFDatePicker/slots/RHFDatePickerSlots.js";
-import "../../../../../../../hook-form/RHFDaysOfWeekPicker/RHFDaysOfWeekPicker.js";
-import "../../../../../../../hook-form/RHFDaysOfMonthPicker/RHFDaysOfMonthPicker.js";
-import "../../../../../../../hook-form/RHFSelect/constants.js";
-import "../../../../../../../hook-form/RHFSelect/slots/RHFSlots.js";
-import "../../../../../../../hook-form/RHFTextField/RHFTextField.js";
-import "../../../../../../../hook-form/RHFTextFieldPassword/slots/RHFTextFieldPasswordSlots.js";
-import "../../../../../../../hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
-import "../../../../../../../extended/mui/Radio/Radio.js";
-import "../../../../../../../hook-form/RHFRadioGroup/slots/styled.js";
-import "../../../../../../../hook-form/RHFRadioGroup/constants.js";
-import "@mui/material/utils/useId";
-import "../../../../../../../NumberInput/NumberInput.js";
-import "../../../../../../../hook-form/RHFNumberInput/slots/RHFNumberInputSlots.js";
-import "react-dropzone";
-import "../../../../../../../hook-form/RHFUpload/RHFUploadSingleFile/slots/RHFUploadSingleFileSlots.js";
-import "../../../../../../../hook-form/RHFUpload/RHFUploadSingleFile/constants.js";
-import "../../../../../../../hook-form/RHFUpload/RHFUploadImage/slots/RHFUploadImageSlots.js";
-import "lodash-es/isString";
-import "../../../../../../../Image/subcomponents/IntersectComponent/index.js";
-import "../../../../../../../Image/slots/ImageSlots.js";
-import "../../../../../../../Image/constant.js";
-import "../../../../../../../hook-form/RHFormProvider/RHFormProvider.js";
-import "yup";
-import "../../../../../../../hook-form/RHFActionsGroup/slots/RHFActionsGroupSlots.js";
-import "../../../../../../../hook-form/RHFActionsGroup/constants.js";
-import "../../../../../../../extended/React-Resizable/Resizable/slots/ResizableSlots.js";
-import "../../../../../../../extended/React-Resizable/ResizableBox/slots/ResizableBoxSlots.js";
-import "../../../../../../../extended/React-resizable-panels/slots/SplitLayoutSlots.js";
-import "../../../../../../../extended/React-Spinners/PropagateLoaderSpinner/slots/PropagateLoaderSpinnerSlots.js";
-import "../../../../../../../extended/React-Window/FixedSizeList/slots/FixedSizeListSlots.js";
-import "../../../../../../../extended/React-Window/VariableSizeList/VariableSizeList.js";
-import "@textea/json-viewer";
-import "../../../../../../../extended/React-Json-Viewer/slots/ReactJsonViewerSlots.js";
-import "../../../../../../../extended/React-Json-Viewer/constants.js";
-import "../../../../../../../extended/mui/Avatar/Avatar.js";
-import "react-router-dom";
-import "../../../../../../../extended/mui/CheckBox/CheckBox.js";
-import "../../../../../../../extended/mui/CircularProgress/slots/CircularProgressSlots.js";
-import "../../../../../../../extended/mui/Badge/slots/BadgeSlots.js";
-import "../../../../../../../extended/mui/ImageButton/styles.js";
-import "../../../../../../../extended/mui/ImageButton/utils/Clases/index.js";
-import "../../../../../../../extended/mui/LoadingButton/slots/LoadingButtonSlots.js";
-import "../../../../../../../extended/mui/Stack/Stack.js";
-import "../../../../../../../extended/mui/Tab/Slots/TabSlots.js";
-import "../../../../../../../extended/mui/Tabs/slots/TabsSlots.js";
-import "../../../../../../../extended/mui/TabContent/slots/TabContentSlots.js";
-import "../../../../../../../extended/mui/ToggleButton/slots/ToggleButtonSlots.js";
-import "../../../../../../../extended/mui/NavLink/slots/NavLinkSlots.js";
-import "../../../../../../../extended/mui/NavLink/constants.js";
-import "../../../../../../../extended/mui/Dialog/Dialog.js";
-import "../../../../../../../extended/mui/Divider/slots/DividerSlots.js";
-import "../../../../../../../FormContainer/slots/FormContainerSlots.js";
-import "../../../../../../../FormContainer/constants.js";
-import "../../../../../../../GridLayout/GridLayout.js";
-import "../../../../../../../GridLayout/subcomponents/Responsive/index.js";
-import "../../../../../../../HelmetPage/index.js";
-import "../../../../../../../LanguagePopover/slots/LanguagePopoverSlots.js";
-import "../../../../../../../LinearProgressIndeterminate/slots/LinearProgressIndeterminateSlots.js";
-import "../../../../../../../LoadingError/slots/LoadingErrorSlots.js";
-import "../../../../../../../MFIsolationApp/MFIsolationApp.js";
-import "../../../../../../../MFIsolationAppStorybook/MFIsolationAppStorybook.js";
-import "../../../../../../../MFLoader/classes/index.js";
-import "../../../../../../../MFLoader/styles.js";
-import "../../../../../../../NoItemSelected/constant.js";
-import "../../../../../../../NoItemSelected/slots/NoItemSelectedSlots.js";
-import "../../../../../../../NoItemPrivileges/constants.js";
-import "../../../../../../../NoItemPrivileges/slots/NoItemPrivilegesSlots.js";
-import "../../../../../../../ObjectLogs/slots/ObjectLogsSlots.js";
-import "../../../../../../../formatters/IconsFormatter/constants.js";
-import "../../../../../../../formatters/IconsFormatter/slots/IconsFormatterSlots.js";
-import "date-fns";
-import "../../../../../../../PaperForm/slots/PaperFormSlots.js";
-import "../../../../../../../PropertyValue/slots/PropertyValueSlots.js";
-import "../../../../../../../PDFViewer/slots/PDFViewerSlots.js";
-import "../../../../../../../popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
-import "../../../../../../../popups/components/PopupsViewer/PopupsViewer.js";
-import "../../../../../../../PrintingSystem/PrintingSystem.js";
-import "../../../../../../../ScrollBar/slots/ScrollBarSlots.js";
-import "react-toastify";
-import "../../../../../../../ToastContainer/slots/toastContainerSlots.js";
-import "../../../../../../../TabsNavigator/slots/TabsNavigatorSlots.js";
-import "../../../../../../../TabsNavigator/constants.js";
-import "../../../../../../../ModalDialog/slots/ModalDialogSlots.js";
-import "../../../../../../../SettingsLayout/slots/SettingsLayoutSlots.js";
-import "../../../../../../../SettingsLayout/constants.js";
-import "../../../../../../../Stepper/store/StepperContext/index.js";
-import "../../../../../../../Stepper/slots/StepperSlot.js";
 import "../../../../../../../formatters/ColorFormatter/slots/ColorFormatterSlots.js";
 import "../../../../../../../formatters/ImageFormatter/slots/ImageFormatterSlots.js";
 import "../../../../../../../formatters/ImageFormatter/constants.js";
+import "../../../../../../../formatters/IconsFormatter/constants.js";
+import "../../../../../../../formatters/IconsFormatter/slots/IconsFormatterSlots.js";
 import { ColumnInteractiveCheckFormatter as N } from "../../../../../../formatters/ColumnInteractiveCheckFormatter/formatter.js";
 import "../../../../../adapters/CheckboxCellAdapter/CheckboxCellAdapter.js";
+import "../../../../../../contexts/DataGridContext/DataGridContext.js";
+import { pathIcons as I } from "../../../../../../icons.js";
+import { ColumnsConfigWrapperStyled as le, ColumnsConfigDataGridStyled as se, ColumnsConfigSelColumnsStyled as ae, TableWrapperDataGridStyled as pe, ColumnsConfigActiosStyled as me } from "../../../../../../slots/DataGridSlot.js";
+import { DICTIONARY as s } from "../../../../../../dictionary.js";
 function A(C, d) {
-  return C.filter((i) => !i.hidden).map((i) => {
-    const c = d.find((b) => b.key === i.key)?.groupable === !0, h = i.grouped === !0;
+  return C.filter((r) => !r.hidden).map((r) => {
+    const c = d.find((b) => b.key === r.key)?.groupable === !0, h = r.grouped === !0;
     return {
-      key: i.key,
-      name: d?.find((b) => b.key === i.key)?.name ?? "",
-      visible: i.visible === void 0 ? !0 : i.visible,
-      frozen: i.frozen === void 0 ? !1 : i.frozen,
+      key: r.key,
+      name: d?.find((b) => b.key === r.key)?.name ?? "",
+      visible: r.visible === void 0 ? !0 : r.visible,
+      frozen: r.frozen === void 0 ? !1 : r.frozen,
       grouped: h,
       // Checkbox habilitado solo si groupable=true
       groupable: c,
-      originalIndex: i.originalIndex,
-      originalFrozen: i.originalFrozen,
-      originalVisible: i.originalVisible,
-      originalGrouped: i.originalGrouped ?? !1
+      originalIndex: r.originalIndex,
+      originalFrozen: r.originalFrozen,
+      originalVisible: r.originalVisible,
+      originalGrouped: r.originalGrouped ?? !1
     };
   });
 }
@@ -246,9 +89,9 @@ const w = (C) => {
     cellClass: d,
     headerCellClass: d
   };
-}, co = oo(
+}, de = ee(
   (C, d) => {
-    const i = z(null), {
+    const r = z(null), {
       onCloseSettings: E,
       columnsConfig: c,
       onChangeColumnsConfig: h,
@@ -256,18 +99,18 @@ const w = (C) => {
       classes: F,
       size: G,
       columns: k
-    } = C, { getLabel: m } = io(), [U, V] = _(!0), [r, a] = _(
+    } = C, { getLabel: l } = re(), [U, V] = _(!0), [t, m] = _(
       A(c, k)
-    ), [y, D] = _(() => /* @__PURE__ */ new Set()), R = z(null), { host_static_assets: u, environment_assets: f } = eo();
-    to(d, () => ({
+    ), [y, D] = _(() => /* @__PURE__ */ new Set()), R = z(null), { host_static_assets: u, environment_assets: f } = ne();
+    oe(d, () => ({
       onClickIntro: Z,
       current: R.current
     }));
     const P = M(() => {
-      const o = [
+      const e = [
         {
           key: "name",
-          name: m(n.SETTINGS_COLUMN_NAME),
+          name: l(s.SETTINGS_COLUMN_NAME),
           width: 220,
           resizable: !0,
           type: "string",
@@ -275,14 +118,14 @@ const w = (C) => {
         },
         {
           key: "originalIndex",
-          name: m(n.SETTINGS_COLUMN_POSITION),
+          name: l(s.SETTINGS_COLUMN_POSITION),
           width: 70,
           type: "number",
           ...w("center")
         },
         {
           key: "visible",
-          name: m(n.SETTINGS_COLUMN_VISIBLE),
+          name: l(s.SETTINGS_COLUMN_VISIBLE),
           width: 80,
           type: "boolean",
           renderCell: N,
@@ -290,7 +133,7 @@ const w = (C) => {
         },
         {
           key: "frozen",
-          name: m(n.SETTINGS_COLUMNS_FROZEN),
+          name: l(s.SETTINGS_COLUMNS_FROZEN),
           width: 80,
           type: "boolean",
           renderCell: N,
@@ -298,193 +141,193 @@ const w = (C) => {
         }
       ];
       return k.some(
-        (t) => t.groupable === !0 || t.grouped === !0
-      ) && o.push({
+        (o) => o.groupable === !0 || o.grouped === !0
+      ) && e.push({
         key: "grouped",
-        name: m(n.SETTINGS_COLUMN_GROUP),
+        name: l(s.SETTINGS_COLUMN_GROUP),
         width: 80,
         type: "boolean",
         renderCell: N,
         // disabledKey hace que el checkbox esté deshabilitado cuando groupable=false
         disabledKey: "groupable",
         ...w("center")
-      }), o;
-    }, [m, k]), B = () => {
-      a(r.map((o) => ({ ...o, visible: !0 })));
+      }), e;
+    }, [l, k]), B = () => {
+      m(t.map((e) => ({ ...e, visible: !0 })));
     }, W = () => {
-      a(r.map((o) => ({ ...o, visible: !1 })));
+      m(t.map((e) => ({ ...e, visible: !1 })));
     }, K = () => {
-      a(
-        r.map((o) => ({
-          ...o,
-          visible: o.originalVisible,
-          frozen: o.originalFrozen,
-          grouped: o.originalGrouped,
-          index: o.originalIndex
-        })).sort((o, e) => o.index - e.index)
+      m(
+        t.map((e) => ({
+          ...e,
+          visible: e.originalVisible,
+          frozen: e.originalFrozen,
+          grouped: e.originalGrouped,
+          index: e.originalIndex
+        })).sort((e, n) => e.index - n.index)
       );
     };
-    ro(() => {
-      U === !1 && a(
+    te(() => {
+      U === !1 && m(
         A(c, k)
       ), V(!1);
     }, [c]);
-    const p = M(() => {
-      let o = -1;
+    const i = M(() => {
+      let e = -1;
       if (y.size !== 1)
-        return o;
-      const t = y.entries().next().value?.[1];
-      return o = r.findIndex((l) => l.key === t), o;
-    }, [r, y]), j = () => {
-      if (p === -1)
+        return e;
+      const o = y.entries().next().value?.[1];
+      return e = t.findIndex((a) => a.key === o), e;
+    }, [t, y]), j = () => {
+      if (i === -1)
         return -1;
-      const o = [...r];
-      o.splice(p, 1), o.splice(0, 0, r[p]), i.current?.selectCell({ idx: 0, rowIdx: 0 }), a(o);
+      const e = [...t];
+      e.splice(i, 1), e.splice(0, 0, t[i]), r.current?.selectCell({ idx: 0, rowIdx: 0 }), m(e);
     }, H = () => {
-      if (p === -1)
+      if (i === -1)
         return -1;
-      const o = [...r];
-      o.splice(p, 1), o.splice(o.length, 0, r[p]), i.current?.selectCell({ idx: 0, rowIdx: o.length - 1 }), a(o);
-    }, $ = (o) => {
-      if (p === -1)
+      const e = [...t];
+      e.splice(i, 1), e.splice(e.length, 0, t[i]), r.current?.selectCell({ idx: 0, rowIdx: e.length - 1 }), m(e);
+    }, $ = (e) => {
+      if (i === -1)
         return -1;
-      const e = [...r], t = e[p];
-      e.splice(p, 1), e.splice(p + o, 0, t), i.current?.selectCell({
+      const n = [...t], o = n[i];
+      n.splice(i, 1), n.splice(i + e, 0, o), r.current?.selectCell({
         idx: 0,
-        rowIdx: p + o
-      }), a(e);
-    }, Y = (o) => {
-      const e = r.findIndex((t) => t.key === o);
-      if (e > -1)
+        rowIdx: i + e
+      }), m(n);
+    }, Y = (e) => {
+      const n = t.findIndex((o) => o.key === e);
+      if (n > -1)
         return {
-          visible: r[e].visible,
-          frozen: r[e].frozen
+          visible: t[n].visible,
+          frozen: t[n].frozen
         };
-    }, O = (o) => {
-      const e = r.findIndex((t) => t.key === o.key);
-      return e > -1 ? e : c.findIndex(
-        (t) => t.key === o.key
+    }, O = (e) => {
+      const n = t.findIndex((o) => o.key === e.key);
+      return n > -1 ? n : c.findIndex(
+        (o) => o.key === e.key
       );
     }, Z = () => {
-      const o = r.filter((t) => t.grouped), e = c.map((t) => {
-        const l = { ...t };
-        if (!t.hidden) {
-          const v = Y(t.key);
-          v && (l.visible = v.visible, l.frozen = v.frozen);
-          const T = r.findIndex(
-            (g) => g.key === t.key
+      const e = t.filter((o) => o.grouped), n = c.map((o) => {
+        const a = { ...o };
+        if (!o.hidden) {
+          const v = Y(o.key);
+          v && (a.visible = v.visible, a.frozen = v.frozen);
+          const T = t.findIndex(
+            (g) => g.key === o.key
           );
-          T > -1 && (l.index = T);
-          const L = r.find((g) => g.key === t.key);
+          T > -1 && (a.index = T);
+          const L = t.find((g) => g.key === o.key);
           if (L) {
-            l.grouped = L.grouped;
-            const g = o.findIndex(
-              (X) => X.key === t.key
+            a.grouped = L.grouped;
+            const g = e.findIndex(
+              (X) => X.key === o.key
             );
-            l.groupOrder = g > -1 ? g : T;
+            a.groupOrder = g > -1 ? g : T;
           }
         }
-        return l;
-      }).sort((t, l) => O(t) - O(l));
-      h(e), E();
+        return a;
+      }).sort((o, a) => O(o) - O(a));
+      h(n), E();
     }, q = () => {
-    }, J = (o) => {
-      a(o);
-    }, Q = ({ row: o }) => {
-      if (y.has(o.key))
+    }, J = (e) => {
+      m(e);
+    }, Q = ({ row: e }) => {
+      if (y.has(e.key))
         return;
-      const e = /* @__PURE__ */ new Set([o.key]);
-      D(e);
+      const n = /* @__PURE__ */ new Set([e.key]);
+      D(n);
     };
-    return /* @__PURE__ */ x(mo, { ownerState: {}, ref: R, children: [
-      /* @__PURE__ */ x(no, { ownerState: {}, children: [
-        /* @__PURE__ */ s(lo, { ownerState: { size: G }, children: m(n.SETTINGS_SEL_COLUMNS) }),
-        /* @__PURE__ */ s(
-          so,
+    return /* @__PURE__ */ x(le, { ownerState: {}, ref: R, children: [
+      /* @__PURE__ */ x(se, { ownerState: {}, children: [
+        /* @__PURE__ */ p(ae, { ownerState: { size: G }, children: l(s.SETTINGS_SEL_COLUMNS) }),
+        /* @__PURE__ */ p(
+          pe,
           {
             className: F?.tableWrapperDataGrid,
             ownerState: { size: G },
-            children: /* @__PURE__ */ s(
-              po,
+            children: /* @__PURE__ */ p(
+              ie,
               {
-                ref: i,
+                ref: r,
                 rowHeight: b,
                 columns: P,
-                rows: r,
+                rows: t,
                 onRowsChange: J,
                 selectedRows: y,
                 onSelectedRowsChange: q,
                 onCellClick: Q,
-                rowKeyGetter: (o) => o.key,
+                rowKeyGetter: (e) => e.key,
                 defaultColumnOptions: { resizable: !0, sortable: !0 }
               }
             )
           }
         )
       ] }),
-      /* @__PURE__ */ x(ao, { ownerState: {}, children: [
-        /* @__PURE__ */ s(
+      /* @__PURE__ */ x(me, { ownerState: {}, children: [
+        /* @__PURE__ */ p(
           S,
           {
-            tooltip: m(n.SETTINGS_MOVE_FIRST),
+            tooltip: l(s.SETTINGS_MOVE_FIRST),
             onClick: j,
             "aria-label": "move first place",
-            disabled: p < 1,
+            disabled: i < 1,
             icon: `${u}/${f}/${I.moveFirstPlace}`
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ p(
           S,
           {
-            tooltip: m(n.SETTINGS_MOVE_UP),
+            tooltip: l(s.SETTINGS_MOVE_UP),
             onClick: () => $(-1),
             "aria-label": "move up place",
-            disabled: p < 1,
+            disabled: i < 1,
             icon: `${u}/${f}/${I.moveUpPlace}`
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ p(
           S,
           {
-            tooltip: m(n.SETTINGS_MOVE_LAST),
+            tooltip: l(s.SETTINGS_MOVE_LAST),
             onClick: H,
             "aria-label": "move last place",
-            disabled: p === r.length - 1 || p === -1,
+            disabled: i === t.length - 1 || i === -1,
             icon: `${u}/${f}/${I.moveLastPlace}`
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ p(
           S,
           {
-            tooltip: m(n.SETTINGS_MOVE_DOWN),
+            tooltip: l(s.SETTINGS_MOVE_DOWN),
             onClick: () => $(1),
             "aria-label": "move down place",
-            disabled: p === r.length - 1 || p === -1,
+            disabled: i === t.length - 1 || i === -1,
             icon: `${u}/${f}/${I.moveDownPlace}`
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ p(
           S,
           {
-            tooltip: m(n.SETTINGS_VISIBLE_ALL),
+            tooltip: l(s.SETTINGS_VISIBLE_ALL),
             onClick: B,
             "aria-label": "check visible all",
             icon: `${u}/${f}/${I.checkAll}`
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ p(
           S,
           {
-            tooltip: m(n.SETTINGS_NO_VISIBLE_ALL),
+            tooltip: l(s.SETTINGS_NO_VISIBLE_ALL),
             onClick: W,
             "aria-label": "un check all",
             icon: `${u}/${f}/${I.uncheckAll}`
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ p(
           S,
           {
-            tooltip: m(n.SETTINGS_RESTORE),
+            tooltip: l(s.SETTINGS_RESTORE),
             onClick: K,
             "aria-label": "Restore columns",
             icon: `${u}/${f}/${I.restoreColumns}`
@@ -494,8 +337,8 @@ const w = (C) => {
     ] });
   }
 );
-co.displayName = "ColumnsConfig";
+de.displayName = "ColumnsConfig";
 export {
-  co as ColumnsConfig,
+  de as ColumnsConfig,
   w as getAlignClass
 };

package/components/extended/index.d.ts

@@ -4,4 +4,5 @@ export * from './React-Spinners';
 export * from './React-Window';
 export * from './React-Json-Viewer';
 export * from './mui';
+export * from './rsuite';
 //# sourceMappingURL=index.d.ts.map

package/components/extended/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/extended/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/extended/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC"}

package/components/extended/rsuite/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,38 @@
+import { DateRangePickerProps } from './types';
+/**
+ * Componente de selección de rango de fechas con UI completa
+ *
+ * Este componente proporciona la interfaz de usuario para seleccionar un rango de fechas.
+ * Extiende el componente DateRangePicker de rsuite con slots y patrones de construcción
+ * de la librería m4l_components.
+ *
+ * ### Dependencias:
+ * - **`useDateRangePicker:`** Hook que encapsula la lógica del componente.
+ * - **`useComponentSize:`** Hook para manejar los tamaños del componente.
+ * - **`useFormatter:`** Hook para formatear fechas.
+ * @param {DateRangePickerProps} props - Propiedades del componente.
+ * @param {DateRangeValue} [props.value] - Valor del componente. Objeto con las fechas de inicio y fin.
+ * @param {(value: DateRangeValue | null) => void} [props.onChange] - Callback que se ejecuta cuando cambia el valor.
+ * @param {Sizes} [props.size='medium'] - Tamaño del componente.
+ * @param {boolean} [props.disabled] - Indica si el componente está deshabilitado.
+ * @param {string} [props.className] - Clase CSS adicional.
+ * @param {string} [props.dataTestId] - ID para testing.
+ * @param {TextFieldVariants} [props.variant] - Variante del TextField interno.
+ * @param {boolean} [props.readOnly] - Indica si el componente es de solo lectura.
+ * @param {string} [props.id] - ID del elemento.
+ * @param {{ message?: string }} [props.error] - Objeto de error con mensaje opcional.
+ * @returns {JSX.Element} Elemento renderizado.
+ * @example
+ * ```tsx
+ * const [value, setValue] = useState<DateRangeValue>({ start: null, end: null });
+ *
+ * <DateRangePicker
+ *   value={value}
+ *   onChange={(newValue) => setValue(newValue || { start: null, end: null })}
+ *   size="medium"
+ *   variant="outlined"
+ * />
+ * ```
+ */
+export declare const DateRangePicker: import('react').ForwardRefExoticComponent<Omit<DateRangePickerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DateRangePicker.d.ts.map

package/components/extended/rsuite/DateRangePicker/DateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/rsuite/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkC,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAU/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,eAAe,8HA+E1B,CAAC"}