@m4l/components 9.3.36 → 9.3.37-JT20251128-beta.2

package/hooks/useDataGridPersistence/useDataGridPersistence.js

@@ -1,6 +1,6 @@
 import { useState, useCallback } from "react";
 import { g as getColumnsConfigCookie } from "./helpers.js";
-import { C as COOKIE_COLUMNS_CONFIG, a as COOKIE_COLUMNS_WIDTHS } from "./constants.js";
+import { C as COOKIE_VIEW_MODE, a as COOKIE_COLUMNS_CONFIG, b as COOKIE_COLUMNS_WIDTHS } from "./constants.js";
 import { u as useWindowToolsMF } from "../../components/WindowBase/hooks/useWindowToolsMF/index.js";
 const useDataGridPersistence = (props) => {
   const { prefixCookie } = props;
@@ -8,7 +8,8 @@ const useDataGridPersistence = (props) => {
   const [defaultUserColumns] = useState(() => {
     return {
       columnsWidths: getCookie(prefixCookie ? `${prefixCookie}_${COOKIE_COLUMNS_WIDTHS}` : COOKIE_COLUMNS_WIDTHS) || {},
-      columnsConfig: getColumnsConfigCookie(getCookie(prefixCookie ? `${prefixCookie}_${COOKIE_COLUMNS_CONFIG}` : COOKIE_COLUMNS_CONFIG)) || []
+      columnsConfig: getColumnsConfigCookie(getCookie(prefixCookie ? `${prefixCookie}_${COOKIE_COLUMNS_CONFIG}` : COOKIE_COLUMNS_CONFIG)) || [],
+      viewMode: getCookie(prefixCookie ? `${prefixCookie}_${COOKIE_VIEW_MODE}` : COOKIE_VIEW_MODE) || "table"
     };
   });
   const onChangeUserColumns = useCallback((newProps) => {
@@ -20,6 +21,8 @@ const useDataGridPersistence = (props) => {
       setCookie(prefixCookie ? `${prefixCookie}_${COOKIE_COLUMNS_CONFIG}` : COOKIE_COLUMNS_CONFIG, "window", userConfig);
     } else if (reason === "columnsWidths") {
       setCookie(prefixCookie ? `${prefixCookie}_${COOKIE_COLUMNS_WIDTHS}` : COOKIE_COLUMNS_WIDTHS, "window", userConfig);
+    } else if (reason === "viewMode") {
+      setCookie(prefixCookie ? `${prefixCookie}_${COOKIE_VIEW_MODE}` : COOKIE_VIEW_MODE, "window", userConfig);
     } else {
       setCookie(prefixCookie ? `${prefixCookie}_${reason}` : reason, "window", userConfig);
     }

package/index.js

@@ -97,6 +97,7 @@ import { T as T3 } from "./components/mui_extended/Tooltip/Tooltip.js";
 import { I as I2 } from "./components/mui_extended/IconButton/IconButton.js";
 import { B as B5 } from "./components/mui_extended/Button/Button.js";
 import { C as C19 } from "./components/mui_extended/CheckBox/CheckBox.js";
+import { R as R4 } from "./components/mui_extended/RadioButton/RadioButton.js";
 import { I as I3 } from "./components/mui_extended/ImageButton/ImageButton.js";
 import { P as P2 } from "./components/mui_extended/Popover/Popover.js";
 import { S as S4 } from "./components/mui_extended/Select/Select.js";
@@ -137,38 +138,38 @@ import { u as u17 } from "./components/formatters/DistanceToNowFormatter/hooks/u
 import { g as g18 } from "./components/formatters/dictionary.js";
 import { F as F2 } from "./components/FormContainer/FormContainer.js";
 import { G } from "./components/GridLayout/GridLayout.js";
-import { R as R4 } from "./components/GridLayout/subcomponents/Responsive/index.js";
+import { R as R5 } from "./components/GridLayout/subcomponents/Responsive/index.js";
 import { c as c2, e, d as d3 } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
 import { i, k } from "./components/GridLayout/utils.js";
 import { w } from "./components/GridLayout/subcomponents/withSizeProvider/index.js";
 import { H as H2 } from "./components/HelmetPage/index.js";
 import { H as H3 } from "./components/HelperError/HelperError.js";
-import { R as R5 } from "./components/hook-form/RHFAutocomplete/RHFAutocomplete.js";
+import { R as R6 } from "./components/hook-form/RHFAutocomplete/RHFAutocomplete.js";
 import { g as g19 } from "./components/hook-form/RHFAutocomplete/dictionary.js";
-import { R as R6 } from "./components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js";
+import { R as R7 } from "./components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js";
 import { g as g20 } from "./components/hook-form/RHFAutocompleteAsync/dictionary.js";
-import { R as R7 } from "./components/hook-form/RHFDateTime/RHFDateTime.js";
-import { R as R8 } from "./components/hook-form/RHFMultiCheckbox/index.js";
-import { R as R9 } from "./components/hook-form/RHFSelect/RHFSelect.js";
-import { R as R10 } from "./components/hook-form/RHFHelperError/index.js";
-import { R as R11 } from "./components/hook-form/RHFRadioGroup/RHFRadioGroup.js";
-import { R as R12 } from "./components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.js";
-import { R as R13 } from "./components/hook-form/RHFColorPicker/RFHColorPicker.js";
-import { R as R14 } from "./components/hook-form/RHFCheckbox/RHFCheckbox.js";
-import { R as R15 } from "./components/hook-form/RHFTextField/RHFTextField.js";
-import { R as R16 } from "./components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js";
+import { R as R8 } from "./components/hook-form/RHFDateTime/RHFDateTime.js";
+import { R as R9 } from "./components/hook-form/RHFMultiCheckbox/index.js";
+import { R as R10 } from "./components/hook-form/RHFSelect/RHFSelect.js";
+import { R as R11 } from "./components/hook-form/RHFHelperError/index.js";
+import { R as R12 } from "./components/hook-form/RHFRadioGroup/RHFRadioGroup.js";
+import { R as R13 } from "./components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.js";
+import { R as R14 } from "./components/hook-form/RHFColorPicker/RFHColorPicker.js";
+import { R as R15 } from "./components/hook-form/RHFCheckbox/RHFCheckbox.js";
+import { R as R16 } from "./components/hook-form/RHFTextField/RHFTextField.js";
+import { R as R17 } from "./components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js";
 import { g as g21 } from "./components/hook-form/RHFPeriod/subcomponents/Period/dictionary.js";
 import { r } from "./components/hook-form/RHFPeriod/RHFPeriod.styles.js";
-import { R as R17 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
-import { R as R18 } from "./components/hook-form/RHFPeriod/constants.js";
-import { R as R19 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodEnum.js";
-import { N as N3, P as P6, R as R20, S as S7 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
-import { R as R21 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
-import { R as R22 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
+import { R as R18 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
+import { R as R19 } from "./components/hook-form/RHFPeriod/constants.js";
+import { R as R20 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodEnum.js";
+import { N as N3, P as P6, R as R21, S as S7 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
+import { R as R22 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
+import { R as R23 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
 import { V as V2, b as b4, a as a9 } from "./components/hook-form/RHFormProvider/types.js";
-import { F as F3, R as R23, u as u18 } from "./components/hook-form/RHFormProvider/RHFormProvider.js";
+import { F as F3, R as R24, u as u18 } from "./components/hook-form/RHFormProvider/RHFormProvider.js";
 import { d as d4, a as a10, b as b5, c as c3 } from "./components/hook-form/RHFormProvider/schema.js";
-import { R as R24 } from "./components/hook-form/RHFActionsGroup/RHFActionsGroup.js";
+import { R as R25 } from "./components/hook-form/RHFActionsGroup/RHFActionsGroup.js";
 import { I as I5 } from "./components/Icon/Icon.js";
 import { I as I6 } from "./components/Image/Image.js";
 import { L as L6 } from "./components/Label/Label.js";
@@ -381,30 +382,31 @@ export {
   P11 as PrintingSystem,
   P as PropagateLoaderSpinner,
   P12 as PropertyValue,
-  R24 as RHFActionsGroup,
-  R5 as RHFAutocomplete,
-  R6 as RHFAutocompleteAsync,
-  R14 as RHFCheckbox,
-  R13 as RHFColorPicker,
-  R7 as RHFDateTime,
-  R10 as RHFHelperError,
-  R8 as RHFMultiCheckbox,
-  R21 as RHFNumberInput,
-  R17 as RHFPeriod,
-  R20 as RHFPeriodRootStyled,
-  R19 as RHFPeriodSlots,
-  R11 as RHFRadioGroup,
-  R9 as RHFSelect,
-  R15 as RHFTextField,
-  R16 as RHFTextFieldPassword,
-  R22 as RHFUploadImage,
-  R12 as RHFUploadSingleFile,
-  R18 as RHF_PERIOD_KEY_COMPONENT,
-  R23 as RHFormProvider,
+  R25 as RHFActionsGroup,
+  R6 as RHFAutocomplete,
+  R7 as RHFAutocompleteAsync,
+  R15 as RHFCheckbox,
+  R14 as RHFColorPicker,
+  R8 as RHFDateTime,
+  R11 as RHFHelperError,
+  R9 as RHFMultiCheckbox,
+  R22 as RHFNumberInput,
+  R18 as RHFPeriod,
+  R21 as RHFPeriodRootStyled,
+  R20 as RHFPeriodSlots,
+  R12 as RHFRadioGroup,
+  R10 as RHFSelect,
+  R16 as RHFTextField,
+  R17 as RHFTextFieldPassword,
+  R23 as RHFUploadImage,
+  R13 as RHFUploadSingleFile,
+  R19 as RHF_PERIOD_KEY_COMPONENT,
+  R24 as RHFormProvider,
+  R4 as RadioButton,
   R3 as ReactJsonViewer,
   R as Resizable,
   R2 as ResizableBox,
-  R4 as Responsive,
+  R5 as Responsive,
   S21 as SKELETON_SVG_ICON,
   S8 as ScrollBar,
   S as SectionCommercial,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.36",
+  "version": "9.3.37-JT20251128-beta.2",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {