@m4l/components 0.2.29 → 0.2.31

package/components/AppBar/{index.1562b3b8.js → index.0cc0bd40.js}

@@ -1,5 +1,5 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { useResponsiveDesktop } from "@m4l/graphics";
+import { useResponsiveContainerStore } from "@m4l/graphics";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
@@ -49,7 +49,10 @@ const AppBar = (props) => {
     companyLogo,
     companyName
   } = props;
-  const isDesktop = useResponsiveDesktop();
+  const {
+    isUpSm,
+    breakPoint
+  } = useResponsiveContainerStore((state) => state);
   const {
     host_static_assets,
     environment_assets
@@ -58,12 +61,13 @@ const AppBar = (props) => {
   const {
     getLabel
   } = useModuleDictionary();
+  console.log("host break point", breakPoint);
   return /* @__PURE__ */ jsxs(AppBarRoot, {
     className: classes.root,
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: getNameDataTestId("root")
     } : {},
-    children: [companyLogo && isDesktop ? /* @__PURE__ */ jsx("div", {
+    children: [companyLogo && isUpSm ? /* @__PURE__ */ jsx("div", {
       className: classes.containerLogo,
       children: /* @__PURE__ */ jsxs("div", {
         className: classes.containerImageTypography,
@@ -76,7 +80,7 @@ const AppBar = (props) => {
           children: companyName
         })]
       })
-    }) : null, !isDesktop ? /* @__PURE__ */ jsx("div", {
+    }) : null, !isUpSm ? /* @__PURE__ */ jsx("div", {
       className: classes.containerIconMenuToggle,
       ...process.env.NODE_ENV !== "production" ? {
         [TEST_PROP_ID]: getNameDataTestId("containerIconMenuToggle")

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/{index.c097ac25.js → index.c2a8a7d0.js}

@@ -1,5 +1,5 @@
 import { Checkbox } from "@mui/material";
-import { d as dataGridClasses } from "../../index.6bdcbf70.js";
+import { d as dataGridClasses } from "../../index.ca78a0a9.js";
 import { jsx } from "react/jsx-runtime";
 function ColumnInteractiveCheckFormatter(props) {
   const {

package/components/DataGrid/{index.6bdcbf70.js → index.ca78a0a9.js}

@@ -1,5 +1,5 @@
 import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.7b85f8b0.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.8e2d569e.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.91696066.js";
 import { styled, SvgIcon, Checkbox, InputBase, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { forwardRef, createContext, useState, useMemo, useEffect, useCallback, useContext, useRef, useLayoutEffect } from "react";
 import { u as useRowSelection, S as SelectCellFormatter, H as HeaderRenderer, D as DataGrid$1 } from "../../react-data-grid.c5377916.js";
@@ -8,10 +8,12 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { D as DATAGRID_SELECT_COLUMN_KEY, c as componentName, a as DATAGRID_PREFIX_NAME } from "./constants.e334cd50.js";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString } from "@m4l/core";
-import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.380c24dc.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.6cfca40a.js";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.14875ec7.js";
+import { shallow } from "zustand/shallow";
+import { useResponsiveContainerStore } from "@m4l/graphics";
 const DataGridRoot = styled("div")(({
   theme
 }) => ({
@@ -901,6 +903,8 @@ function DataGrid(props) {
     onCheckedRowsChange,
     dataTestId = ""
   } = props;
+  const isUpSm = useResponsiveContainerStore((state) => state.isUpSm, shallow);
+  console.log("isUpSm", isUpSm);
   const ownerState = {
     actionsProps,
     withActions

package/components/DataGrid/subcomponents/Actions/{index.380c24dc.js → index.6cfca40a.js}

@@ -1,20 +1,21 @@
 import { M as MenuActions } from "../../../mui_extended/MenuActions/index.154d57f0.js";
-import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.6bdcbf70.js";
+import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.ca78a0a9.js";
 import { useTheme, styled, Skeleton } from "@mui/material";
 import { b as DATAGRID_ACTIONS_COLUMN_KEY } from "../../constants.e334cd50.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { P as Pager } from "../../../mui_extended/Pager/index.8e2d569e.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.91696066.js";
 import { I as IconButton } from "../../../mui_extended/IconButton/index.d8bdadaa.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { forwardRef, useRef, useState, useImperativeHandle, useMemo, useEffect, useCallback } from "react";
 import { D as DataGrid$1 } from "../../../../react-data-grid.c5377916.js";
-import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.c097ac25.js";
+import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.c2a8a7d0.js";
 import { u as useModal } from "../../../../hooks/useModal/index.b64e2ea0.js";
 import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.f00f026d.js";
 import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.574967a0.js";
-import { useResponsiveDesktop } from "@m4l/graphics";
+import { useResponsiveDesktop, useResponsiveContainerStore } from "@m4l/graphics";
 import { W as WindowBase } from "../../../modal/WindowBase.ab22627c.js";
 import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.23bfc86b.js";
+import { shallow } from "zustand/shallow";
 function ActionsFormatter(props) {
   const {
     rowActionsGetter,
@@ -552,7 +553,7 @@ function Density() {
   });
 }
 function Actions(props) {
-  const isDesktop = useResponsiveDesktop();
+  const isXs = useResponsiveContainerStore((state) => state.isXs, shallow);
   const {
     rowHeights,
     classes
@@ -571,11 +572,11 @@ function Actions(props) {
   } = props;
   return /* @__PURE__ */ jsxs("div", {
     className: classes.actions,
-    children: [withRowsCount && isDesktop && /* @__PURE__ */ jsx(RowsCount, {}), withPager && pagerOptions && /* @__PURE__ */ jsx(Pager, {
+    children: [withRowsCount && !isXs && /* @__PURE__ */ jsx(RowsCount, {}), withPager && pagerOptions && /* @__PURE__ */ jsx(Pager, {
       ...pagerOptions,
       totalRecords: pagerOptions.totalRecords,
       isSkeleton,
-      isDesktop,
+      isXs,
       labelRows: getLabel(dictionary.LABEL_ROWS_PER_PAGE),
       labelOf: getLabel(dictionary.LABEL_OF)
     }), /* @__PURE__ */ jsxs("div", {

package/components/DragResizeWindow/{index.1c6d51f9.js → index.ff74eed8.js}

@@ -2,7 +2,7 @@ import React__default, { useState, useRef, useCallback, useEffect, useMemo } fro
 import { D as DraggableCore_1 } from "../../react-draggable.6cf19cba.js";
 import clsx from "clsx";
 import { styled, generateUtilityClasses } from "@mui/material";
-import { M as MAP_ZINDEX_OVER_MAP } from "../../vendor.e5e34bad.js";
+import { M as MAP_ZINDEX_OVER_MAP } from "../../vendor.1c5be0ff.js";
 import "@mui/base";
 import { M as MAP_ZINDEX_OVER_MAP$1 } from "../PopupsProvider/index.3d5ad0ee.js";
 import { R as Resizable } from "../../react-resizable.0ebffd82.js";

package/components/DynamicFilter/{index.04cc1034.js → index.740ab57c.js}

@@ -8,13 +8,13 @@ import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.23bfc86b.js";
-import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.42ec23c5.js";
+import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.4b666e32.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.14875ec7.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
 import { shallow } from "zustand/shallow";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.1d21546f.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.2c2dcc64.js";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.59623e57.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.ad830000.js";
 import * as Yup from "yup";
 import { useResponsiveDesktop, useFirstRender, useFormatter } from "@m4l/graphics";
 import { S as ScrollBar } from "../ScrollBar/index.7dfc2f29.js";

package/components/ObjectLogs/{index.edc0fecc.js → index.c0a6ebab.js}

@@ -1,7 +1,7 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled, Tooltip, IconButton } from "@mui/material";
-import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.6bdcbf70.js";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.ca78a0a9.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.5636414a.js";
@@ -11,7 +11,7 @@ import { u as useModal } from "../../hooks/useModal/index.b64e2ea0.js";
 import { I as Icon } from "../Icon/index.14670a00.js";
 import { S as Stack } from "../mui_extended/Stack/index.0e53197c.js";
 import { W as WindowBase } from "../modal/WindowBase.ab22627c.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.04cc1034.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.740ab57c.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const Container = styled("div")(() => ({
   height: "100%",

package/components/PropertyValue/{index.3e240f9d.js → index.1dbf6ef8.js}

@@ -8,7 +8,6 @@ import { useState } from "react";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { F as FieldLabel } from "../FieldLabel/index.75e89ace.js";
 import { I as Icon } from "../Icon/index.14670a00.js";
-import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const PropertyValueRoot = styled("div")(({
   theme
 }) => ({
@@ -185,10 +184,11 @@ function PropertyValue(props) {
       children: [iconProperty ? /* @__PURE__ */ jsx(Icon, {
         src: iconProperty,
         className: classes.iconProperty
-      }) : null, /* @__PURE__ */ jsx(Typography, {
-        variant: "body",
-        skeletonWidth: "70px",
-        children: property
+      }) : null, /* @__PURE__ */ jsx(FieldLabel, {
+        label: property,
+        mandatory,
+        mandatoryMessage,
+        helperMessage
       })]
     }), /* @__PURE__ */ jsx("div", {
       className: classes.value,

package/components/areas/components/AreasAdmin/{index.be0ad2f1.js → index.c116bd31.js}

@@ -1,4 +1,4 @@
-import { u as useAreasStore } from "../../hooks/useAreas/index.33fe5c67.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.01011617.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo } from "react";
 import * as Yup from "yup";
@@ -9,12 +9,12 @@ import { g as getComponentUtilityClass } from "../../../../utils/index.24b5284a.
 import { A as AREAS_ADMIN_CLASS_NAME } from "../../constants.66529246.js";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { useResponsiveDesktop } from "@m4l/graphics";
+import { useResponsiveDesktop, useResponsiveContainerStore } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { M as MenuActions } from "../../../mui_extended/MenuActions/index.154d57f0.js";
 import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.7b2a8723.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.2c2dcc64.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.ad830000.js";
 import { A as Actions } from "../../../CommonActions/components/Actions/index.23bfc86b.js";
 import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.f00f026d.js";
 import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.574967a0.js";
@@ -658,6 +658,8 @@ function AreasAdmin() {
   const classesRoot = useAreasStore((state) => state.adminClasses.root);
   const areasLength = useAreasStore((state) => state.areasIds.length);
   const isDesktop = useResponsiveDesktop();
+  const isUpSm = useResponsiveContainerStore((state) => state.isUpSm, shallow);
+  console.log("host isUpSm", isUpSm);
   const {
     addArea
   } = useAreasStore((state) => state.areasActions, shallow);

package/components/areas/components/AreasViewer/{index.4d7caeeb.js → index.88cb57e4.js}

@@ -6,7 +6,7 @@ import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
 import { shallow } from "zustand/shallow";
 import React__default, { useMemo, useEffect } from "react";
 import clsx from "clsx";
-import { u as useAreasStore } from "../../hooks/useAreas/index.33fe5c67.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.01011617.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
 import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.154d57f0.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
@@ -23,7 +23,7 @@ import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContex
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../../test/getNameDataTestId.14875ec7.js";
-import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.ef8e9ef3.js";
+import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.7d883aa4.js";
 import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.607d8861.js";
 import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.69e13d04.js";
 import { useLocation } from "react-router-dom";

package/components/areas/contexts/AreasContext/helper.d.ts

@@ -1,8 +1,8 @@
 import { WritableDraft } from 'immer/dist/internal';
 import type { Area, AreasStateWithActions } from './types';
 import type { WindowState, WindowStateProps } from '../../types';
-export declare const PADDING_GRIDLAYOUT = 10;
-export declare const MARGIN_GRIDLAYOUT = 10;
+export declare const PADDING_GRIDLAYOUT = 8;
+export declare const MARGIN_GRIDLAYOUT = 8;
 export declare const DEBOUCED_SAVE_TIME = 500;
 export declare const THROTTLE_RESIZE_TIME = 300;
 export declare const COOKIE_BREAKPOINT_LAYOUTS = "layoutPros";

package/components/areas/contexts/AreasContext/{index.ef8e9ef3.js → index.7d883aa4.js}

@@ -5,8 +5,8 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useHostTools, useModuleDictionary, useNetwork, useModuleSkeleton, EmitEvents } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.4d7caeeb.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.be0ad2f1.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.88cb57e4.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.c116bd31.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
 import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.69e13d04.js";
@@ -14,8 +14,8 @@ import { debounce, cloneDeep } from "lodash";
 import { A as isEqualLayouts } from "../../../GridLayout/index.e005b65b.js";
 import { useNavigate } from "react-router-dom";
 import { jsx } from "react/jsx-runtime";
-const PADDING_GRIDLAYOUT = 10;
-const MARGIN_GRIDLAYOUT = 10;
+const PADDING_GRIDLAYOUT = 8;
+const MARGIN_GRIDLAYOUT = 8;
 const DEBOUCED_SAVE_TIME = 500;
 const COOKIE_BREAKPOINT_LAYOUTS = "layoutPros";
 const COOKIE_WINDOWS = "windows";

package/components/areas/hooks/useAreas/{index.33fe5c67.js → index.01011617.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.ef8e9ef3.js";
+import { A as AreasContext } from "../../contexts/AreasContext/index.7d883aa4.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context)

package/components/hook-form/RHFAutocomplete/{index.42ec23c5.js → index.4b666e32.js}

@@ -9,7 +9,7 @@ import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js
 import { unstable_composeClasses } from "@mui/base";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { u as useFormFocus } from "../../../vendor.e5e34bad.js";
+import { u as useFormFocus } from "../../../vendor.1c5be0ff.js";
 import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
 import { I as IconButton } from "../../mui_extended/IconButton/index.d8bdadaa.js";
 const AutocompleteRoot = styled("div")(({

package/components/hook-form/RHFAutocompleteAsync/{index.91ad29a5.js → index.0536f712.js}

@@ -5,7 +5,7 @@ import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/mater
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsx } from "react/jsx-runtime";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.42ec23c5.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.4b666e32.js";
 styled("div")(() => ({
   display: "flex",
   width: "100%",

package/components/hook-form/RHFCheckbox/{index.f890d98f.js → index.4942ed5e.js}

@@ -6,7 +6,7 @@ import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { u as useFormFocus } from "../../../vendor.e5e34bad.js";
+import { u as useFormFocus } from "../../../vendor.1c5be0ff.js";
 import { C as CheckBox } from "../../mui_extended/CheckBox.0dcf39ae.js";
 const RHFCheckboxRoot = styled("div")(({
   theme

package/components/hook-form/RHFColorPicker/{index.25a0318a.js → index.b2d1edf3.js}

@@ -10,7 +10,7 @@ import { generateUtilityClasses, generateUtilityClass, styled, Skeleton } from "
 import { unstable_composeClasses } from "@mui/base";
 import { useTheme } from "@mui/material/styles";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { u as useFormFocus } from "../../../vendor.e5e34bad.js";
+import { u as useFormFocus } from "../../../vendor.1c5be0ff.js";
 import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
 import { P as Popover } from "../../mui_extended/Popover/index.d85de73b.js";
 import { I as Icon } from "../../Icon/index.14670a00.js";

package/components/hook-form/RHFDateTime/{index.1d21546f.js → index.59623e57.js}

@@ -9,7 +9,7 @@ import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { u as useFormFocus } from "../../../vendor.e5e34bad.js";
+import { u as useFormFocus } from "../../../vendor.1c5be0ff.js";
 import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
 import { I as Icon } from "../../Icon/index.14670a00.js";
 const SkeletonRHFDateTime = (props) => {

package/components/hook-form/RHFPeriod/{index.d30e8d8c.js → index.d3960c8c.js}

@@ -4,7 +4,7 @@ import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { u as useFormFocus } from "../../../vendor.e5e34bad.js";
+import { u as useFormFocus } from "../../../vendor.1c5be0ff.js";
 import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
 import { P as Period } from "../../Period/index.ddf8716c.js";
 const RHFPeriodRoot = styled("div")(({

package/components/hook-form/RHFTextField/{index.2c2dcc64.js → index.ad830000.js}

@@ -9,7 +9,7 @@ import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.24b5284a.js";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { u as useFormFocus } from "../../../vendor.e5e34bad.js";
+import { u as useFormFocus } from "../../../vendor.1c5be0ff.js";
 import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",

package/components/mui_extended/Pager/{index.8e2d569e.js → index.91696066.js}

@@ -4,41 +4,11 @@ import { unstable_composeClasses } from "@mui/base";
 import { I as IconButton } from "../IconButton/index.d8bdadaa.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useResponsiveDesktop } from "@m4l/graphics";
+import { useResponsiveContainerStore } from "@m4l/graphics";
 import { T as Typography } from "../Typography/index.379dd374.js";
 const PagerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPager?.styleOverrides
 }));
-styled("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  height: "100%",
-  overflow: "hidden"
-}));
-styled("div")(({ theme }) => ({
-  width: "100%",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  marginLeft: theme.spacing(3)
-}));
-styled("div")(({ theme }) => ({
-  display: "flex",
-  marginLeft: theme.spacing(3)
-}));
-styled("div")(({ theme }) => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  width: theme.spacing(3.75),
-  height: theme.spacing(3.75)
-}));
-styled("div")(({ theme }) => ({
-  display: "grid",
-  gridTemplateColumns: "auto auto",
-  gridGap: theme.spacing(1),
-  marginRight: theme.spacing(3)
-}));
 const componentName = "M4LPager";
 generateUtilityClasses(componentName, [
   "root",
@@ -87,17 +57,6 @@ const pagerUtilityClasses = () => {
     ...composedClasses
   };
 };
-const WrapperPagerActions = styled("div")(({ theme }) => ({
-  width: "100%",
-  justifyContent: "center",
-  display: "flex",
-  marginLeft: 0,
-  [theme.breakpoints.up("sm")]: {
-    display: "flex",
-    alignItems: "center",
-    marginLeft: theme.spacing(3)
-  }
-}));
 function PagerActions(props) {
   const {
     count,
@@ -122,7 +81,7 @@ function PagerActions(props) {
   const handleLastPageButtonClick = (event) => {
     onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
   };
-  return /* @__PURE__ */ jsxs(WrapperPagerActions, {
+  return /* @__PURE__ */ jsxs("div", {
     className: classes.pagerActions,
     children: [/* @__PURE__ */ jsx(IconButton, {
       dictionaryTooltipId: "pager.first",
@@ -168,7 +127,7 @@ const CustomTablePagination = (props) => {
     SelectProps,
     labelDisplayedRows = defaultLabelDisplayedRows
   } = props;
-  const isDesktop = useResponsiveDesktop();
+  const isUpSm = useResponsiveContainerStore((state) => state.isUpSm);
   const theme = useTheme();
   function defaultLabelDisplayedRows({
     from,
@@ -186,7 +145,7 @@ const CustomTablePagination = (props) => {
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [rowsPerPageOptions?.length > 1 ? /* @__PURE__ */ jsxs("div", {
       className: classes.labelRowsPerPageContainer,
-      children: [isDesktop ? /* @__PURE__ */ jsx(Typography, {
+      children: [isUpSm ? /* @__PURE__ */ jsx(Typography, {
         variant: "body",
         children: labelRowsPerPage
       }) : null, /* @__PURE__ */ jsx(Select, {
@@ -240,7 +199,7 @@ function Pager(props) {
     onRowsPerPageChange,
     labelRows = "Rows per page",
     labelOf = "Of",
-    isDesktop
+    isXs
   } = props;
   const currentPage = useMemo(() => {
     if (rowsPerPage * page > totalRecords) {
@@ -267,7 +226,7 @@ function Pager(props) {
       page: currentPage,
       onPageChange: handleChangePage,
       onRowsPerPageChange: handleChangeRowsPerPage,
-      labelDisplayedRows: isDesktop ? ({
+      labelDisplayedRows: !isXs ? ({
         from,
         to,
         count

package/components/mui_extended/Pager/types.d.ts

@@ -9,5 +9,5 @@ export interface PagerProps {
     labelRows?: string;
     labelOf?: string;
     isSkeleton?: boolean;
-    isDesktop?: boolean;
+    isXs?: boolean;
 }

package/index.js

@@ -1,5 +1,5 @@
 import { L } from "./assets/Logo/index.228dcb5a.js";
-import { c, e, g } from "./components/DataGrid/index.6bdcbf70.js";
+import { c, e, g } from "./components/DataGrid/index.ca78a0a9.js";
 import { N, T } from "./components/DataGrid/subcomponents/editors/TextEditor/index.eac1749c.js";
 import { N as N2 } from "./components/NavLink/index.b75c91e1.js";
 import { S } from "./components/ScrollToTop/index.e06f98f6.js";
@@ -12,25 +12,25 @@ import { v } from "./components/animate/variants/fade.b561c0fc.js";
 import { v as v2 } from "./components/animate/variants/bounce.784aaaaa.js";
 import { v as v3 } from "./components/animate/variants/container.11f82b76.js";
 import { v as v4, a, b } from "./components/animate/variants/transition.bd46b9ce.js";
-import { A as A2 } from "./components/areas/components/AreasAdmin/index.be0ad2f1.js";
-import { A as A3 } from "./components/areas/components/AreasViewer/index.4d7caeeb.js";
+import { A as A2 } from "./components/areas/components/AreasAdmin/index.c116bd31.js";
+import { A as A3 } from "./components/areas/components/AreasViewer/index.88cb57e4.js";
 import { a as a2, W } from "./components/areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import { a as a3, D, M as M3, c as c2 } from "./components/areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import { A as A4, b as b2 } from "./components/areas/contexts/AreasContext/index.ef8e9ef3.js";
+import { A as A4, b as b2 } from "./components/areas/contexts/AreasContext/index.7d883aa4.js";
 import { u } from "./components/areas/hooks/useDynamicMFParameters/index.e52c5392.js";
 import { u as u2 } from "./components/areas/hooks/useWindowToolsMF/index.b7afaf88.js";
 import { A as A5, D as D2, L as L3, a as a4, g as g2 } from "./components/areas/dictionary.08cfc4c9.js";
-import { R, g as g3 } from "./components/hook-form/RHFAutocomplete/index.42ec23c5.js";
-import { R as R2, g as g4 } from "./components/hook-form/RHFAutocompleteAsync/index.91ad29a5.js";
-import { R as R3 } from "./components/hook-form/RHFDateTime/index.1d21546f.js";
+import { R, g as g3 } from "./components/hook-form/RHFAutocomplete/index.4b666e32.js";
+import { R as R2, g as g4 } from "./components/hook-form/RHFAutocompleteAsync/index.0536f712.js";
+import { R as R3 } from "./components/hook-form/RHFDateTime/index.59623e57.js";
 import { R as R4 } from "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
 import { R as R5 } from "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
-import { R as R6 } from "./components/hook-form/RHFPeriod/index.d30e8d8c.js";
+import { R as R6 } from "./components/hook-form/RHFPeriod/index.d3960c8c.js";
 import { P as P2, g as g5 } from "./components/Period/index.ddf8716c.js";
 import { R as R7 } from "./components/hook-form/RHFRadioGroup/index.1ddb3d93.js";
-import { R as R8, g as g6 } from "./components/hook-form/RHFColorPicker/index.25a0318a.js";
-import { R as R9 } from "./components/hook-form/RHFCheckbox/index.f890d98f.js";
-import { b as b3, c as c3, a as a5, R as R10, d } from "./components/hook-form/RHFTextField/index.2c2dcc64.js";
+import { R as R8, g as g6 } from "./components/hook-form/RHFColorPicker/index.b2d1edf3.js";
+import { R as R9 } from "./components/hook-form/RHFCheckbox/index.4942ed5e.js";
+import { b as b3, c as c3, a as a5, R as R10, d } from "./components/hook-form/RHFTextField/index.ad830000.js";
 import { R as R11 } from "./components/hook-form/RHFUpload/index.9d4d4460.js";
 import { A as A6 } from "./components/mui_extended/Accordion/index.f9042228.js";
 import { A as A7 } from "./components/mui_extended/Avatar/index.75e6ed57.js";
@@ -42,7 +42,7 @@ import { L as L4 } from "./components/mui_extended/LinearProgress/index.c92b9ba9
 import { L as L5 } from "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
 import { B as B4, I as I2, L as L6 } from "./components/mui_extended/Button/index.d5a031be.js";
 import { M as M4 } from "./components/mui_extended/MenuActions/index.154d57f0.js";
-import { P as P3, g as g7 } from "./components/mui_extended/Pager/index.8e2d569e.js";
+import { P as P3, g as g7 } from "./components/mui_extended/Pager/index.91696066.js";
 import { a as a6, c as c4, T as T2, d as d2, b as b4 } from "./components/mui_extended/Tab/index.2068925d.js";
 import { C as C2 } from "./components/mui_extended/CheckBox.0dcf39ae.js";
 import { I as I3 } from "./components/mui_extended/IconButton/index.d8bdadaa.js";
@@ -65,9 +65,9 @@ import { C as C7 } from "./components/DataGrid/formatters/ColumnBooleanFormatter
 import { C as C8 } from "./components/DataGrid/formatters/ColumnDateFormatter/index.704db1ca.js";
 import { C as C9 } from "./components/DataGrid/formatters/ColumnConcatenatedValueFormatter/index.00f9ed87.js";
 import { C as C10 } from "./components/DataGrid/formatters/ColumnPriceFormatter/index.d717405e.js";
-import { C as C11 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.c097ac25.js";
+import { C as C11 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.c2a8a7d0.js";
 import { C as C12 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/index.eb406256.js";
-import { D as D4, g as g13 } from "./components/DynamicFilter/index.04cc1034.js";
+import { D as D4, g as g13 } from "./components/DynamicFilter/index.740ab57c.js";
 import { F } from "./components/FieldLabel/index.75e89ace.js";
 import { H, e as e2 } from "./components/HelperText/index.7d2afdb3.js";
 import { A as A8, d as d3, g as g14 } from "./components/CommonActions/components/Actions/index.23bfc86b.js";
@@ -75,7 +75,7 @@ import { A as A9 } from "./components/CommonActions/components/ActionCancel/inde
 import { A as A10 } from "./components/CommonActions/components/ActionIntro/index.574967a0.js";
 import { A as A11 } from "./components/CommonActions/components/ActionFormCancel/index.674a0faa.js";
 import { A as A12 } from "./components/CommonActions/components/ActionFormIntro/index.b5a5c4b4.js";
-import { D as D5, d as d4 } from "./components/DragResizeWindow/index.1c6d51f9.js";
+import { D as D5, d as d4 } from "./components/DragResizeWindow/index.ff74eed8.js";
 import { G, w, A as A13 } from "./components/GridLayout/index.e005b65b.js";
 import { R as R12, a as a8, b as b6, c as c5 } from "./components/GridLayout/subcomponents/Responsive/index.69e13d04.js";
 import { w as w2 } from "./components/GridLayout/subcomponents/SizeProvider/index.607d8861.js";
@@ -92,22 +92,22 @@ import { W as W3 } from "./components/modal/WindowBase.ab22627c.js";
 import { L as L10, g as g17 } from "./components/LoadingError/index.1ec78dd5.js";
 import { M as M6, g as g18 } from "./components/MFLoader/index.6037f834.js";
 import { N as N3, d as d6, g as g19 } from "./components/NoItemSelected/index.54023226.js";
-import { O, d as d7, g as g20 } from "./components/ObjectLogs/index.edc0fecc.js";
+import { O, d as d7, g as g20 } from "./components/ObjectLogs/index.c0a6ebab.js";
 import { P as P9 } from "./components/PaperForm/index.63dc4b29.js";
 import { P as P10 } from "./components/PDFViewer/index.d185afd0.js";
 import { H as H2 } from "./components/Page/index.2c550c91.js";
-import { P as P11 } from "./components/PropertyValue/index.3e240f9d.js";
+import { P as P11 } from "./components/PropertyValue/index.1dbf6ef8.js";
 import { R as R13 } from "./components/Resizeable/index.eba4fda9.js";
 import { S as S3 } from "./components/ScrollBar/index.7dfc2f29.js";
 import { S as S4 } from "./components/SplitLayout/index.3856385c.js";
 import { T as T7, a as a9 } from "./components/ToastContainer/index.a33ebb52.js";
 import { S as S5 } from "./components/SideBar/index.b1455bd0.js";
-import { A as A14, g as g21 } from "./components/AppBar/index.1562b3b8.js";
+import { A as A14, g as g21 } from "./components/AppBar/index.0cc0bd40.js";
 import { A as A15, g as g22 } from "./components/AccountPopover/index.69cda48b.js";
 import { A as A16 } from "./components/commercial/AppBarCommercial/index.3e0ad6ef.js";
 import { H as H3 } from "./components/HamburgerMenu/index.fb1a3aae.js";
 import { T as T8 } from "./components/commercial/TopBar/index.7b22d97b.js";
-import { S as S6, u as u3 } from "./vendor.e5e34bad.js";
+import { S as S6, u as u3 } from "./vendor.1c5be0ff.js";
 import { R as R14, g as g23 } from "./contexts/RHFormContext/index.7b2a8723.js";
 import { M as M7, a as a10 } from "./contexts/ModalContext/index.f9da6aa8.js";
 import { g as g24, u as u4 } from "./hooks/useFormAddEdit/index.8127dd88.js";
@@ -124,21 +124,21 @@ import "react-dnd";
 import "react-dnd-html5-backend";
 import "./components/DataGrid/constants.e334cd50.js";
 import "@m4l/core";
-import "./components/DataGrid/subcomponents/Actions/index.380c24dc.js";
+import "./components/DataGrid/subcomponents/Actions/index.6cfca40a.js";
 import "@m4l/graphics";
+import "zustand/shallow";
 import "@mui/base";
 import "./test/constants_no_mock.86c553a9.js";
 import "./test/getNameDataTestId.14875ec7.js";
 import "framer-motion";
 import "simplebar-react";
 import "./react-spinners.342a6578.js";
-import "./components/areas/hooks/useAreas/index.33fe5c67.js";
+import "./components/areas/hooks/useAreas/index.01011617.js";
 import "zustand";
 import "yup";
 import "./utils/index.24b5284a.js";
 import "./components/areas/constants.66529246.js";
 import "./components/areas/icons.8266ccc8.js";
-import "zustand/shallow";
 import "@mui/material/ButtonBase/TouchRipple";
 import "./components/areas/index.4cc6a221.js";
 import "./react-resizable.0ebffd82.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "0.2.29",
+  "version": "0.2.31",
   "license": "UNLICENSED",
   "dependencies": {
     "@emotion/react": "^11.9.0",

package/{vendor.e5e34bad.js → vendor.1c5be0ff.js}

@@ -1,5 +1,5 @@
 import "./assets/Logo/index.228dcb5a.js";
-import "./components/DataGrid/index.6bdcbf70.js";
+import "./components/DataGrid/index.ca78a0a9.js";
 import "./components/DataGrid/subcomponents/editors/TextEditor/index.eac1749c.js";
 import "./components/NavLink/index.b75c91e1.js";
 import "./components/ScrollToTop/index.e06f98f6.js";
@@ -12,25 +12,25 @@ import "./components/animate/variants/fade.b561c0fc.js";
 import "./components/animate/variants/bounce.784aaaaa.js";
 import "./components/animate/variants/container.11f82b76.js";
 import "./components/animate/variants/transition.bd46b9ce.js";
-import "./components/areas/components/AreasAdmin/index.be0ad2f1.js";
-import "./components/areas/components/AreasViewer/index.4d7caeeb.js";
+import "./components/areas/components/AreasAdmin/index.c116bd31.js";
+import "./components/areas/components/AreasViewer/index.88cb57e4.js";
 import "./components/areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "./components/areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "./components/areas/contexts/AreasContext/index.ef8e9ef3.js";
+import "./components/areas/contexts/AreasContext/index.7d883aa4.js";
 import "./components/areas/hooks/useDynamicMFParameters/index.e52c5392.js";
 import "./components/areas/hooks/useWindowToolsMF/index.b7afaf88.js";
 import "./components/areas/dictionary.08cfc4c9.js";
-import "./components/hook-form/RHFAutocomplete/index.42ec23c5.js";
-import "./components/hook-form/RHFAutocompleteAsync/index.91ad29a5.js";
-import "./components/hook-form/RHFDateTime/index.1d21546f.js";
+import "./components/hook-form/RHFAutocomplete/index.4b666e32.js";
+import "./components/hook-form/RHFAutocompleteAsync/index.0536f712.js";
+import "./components/hook-form/RHFDateTime/index.59623e57.js";
 import "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
 import "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
-import "./components/hook-form/RHFPeriod/index.d30e8d8c.js";
+import "./components/hook-form/RHFPeriod/index.d3960c8c.js";
 import "./components/Period/index.ddf8716c.js";
 import "./components/hook-form/RHFRadioGroup/index.1ddb3d93.js";
-import "./components/hook-form/RHFColorPicker/index.25a0318a.js";
-import "./components/hook-form/RHFCheckbox/index.f890d98f.js";
-import "./components/hook-form/RHFTextField/index.2c2dcc64.js";
+import "./components/hook-form/RHFColorPicker/index.b2d1edf3.js";
+import "./components/hook-form/RHFCheckbox/index.4942ed5e.js";
+import "./components/hook-form/RHFTextField/index.ad830000.js";
 import "./components/hook-form/RHFUpload/index.9d4d4460.js";
 import "./components/mui_extended/Accordion/index.f9042228.js";
 import "./components/mui_extended/Avatar/index.75e6ed57.js";
@@ -42,7 +42,7 @@ import "./components/mui_extended/LinearProgress/index.c92b9ba9.js";
 import "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
 import "./components/mui_extended/Button/index.d5a031be.js";
 import "./components/mui_extended/MenuActions/index.154d57f0.js";
-import "./components/mui_extended/Pager/index.8e2d569e.js";
+import "./components/mui_extended/Pager/index.91696066.js";
 import "./components/mui_extended/Tab/index.2068925d.js";
 import "./components/mui_extended/CheckBox.0dcf39ae.js";
 import "./components/mui_extended/IconButton/index.d8bdadaa.js";
@@ -65,9 +65,9 @@ import "./components/DataGrid/formatters/ColumnBooleanFormatter/index.cf410875.j
 import "./components/DataGrid/formatters/ColumnDateFormatter/index.704db1ca.js";
 import "./components/DataGrid/formatters/ColumnConcatenatedValueFormatter/index.00f9ed87.js";
 import "./components/DataGrid/formatters/ColumnPriceFormatter/index.d717405e.js";
-import "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.c097ac25.js";
+import "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.c2a8a7d0.js";
 import "./components/DataGrid/formatters/ColumnSetCheckFormatter/index.eb406256.js";
-import "./components/DynamicFilter/index.04cc1034.js";
+import "./components/DynamicFilter/index.740ab57c.js";
 import "./components/FieldLabel/index.75e89ace.js";
 import "./components/HelperText/index.7d2afdb3.js";
 import "./components/CommonActions/components/Actions/index.23bfc86b.js";
@@ -75,7 +75,7 @@ import "./components/CommonActions/components/ActionCancel/index.f00f026d.js";
 import "./components/CommonActions/components/ActionIntro/index.574967a0.js";
 import "./components/CommonActions/components/ActionFormCancel/index.674a0faa.js";
 import "./components/CommonActions/components/ActionFormIntro/index.b5a5c4b4.js";
-import "./components/DragResizeWindow/index.1c6d51f9.js";
+import "./components/DragResizeWindow/index.ff74eed8.js";
 import "./components/GridLayout/index.e005b65b.js";
 import "./components/GridLayout/subcomponents/Responsive/index.69e13d04.js";
 import "./components/GridLayout/subcomponents/SizeProvider/index.607d8861.js";
@@ -92,17 +92,17 @@ import "./components/modal/WindowBase.ab22627c.js";
 import "./components/LoadingError/index.1ec78dd5.js";
 import "./components/MFLoader/index.6037f834.js";
 import "./components/NoItemSelected/index.54023226.js";
-import "./components/ObjectLogs/index.edc0fecc.js";
+import "./components/ObjectLogs/index.c0a6ebab.js";
 import "./components/PaperForm/index.63dc4b29.js";
 import "./components/PDFViewer/index.d185afd0.js";
 import "./components/Page/index.2c550c91.js";
-import "./components/PropertyValue/index.3e240f9d.js";
+import "./components/PropertyValue/index.1dbf6ef8.js";
 import "./components/Resizeable/index.eba4fda9.js";
 import "./components/ScrollBar/index.7dfc2f29.js";
 import "./components/SplitLayout/index.3856385c.js";
 import "./components/ToastContainer/index.a33ebb52.js";
 import "./components/SideBar/index.b1455bd0.js";
-import "./components/AppBar/index.1562b3b8.js";
+import "./components/AppBar/index.0cc0bd40.js";
 import "./components/AccountPopover/index.69cda48b.js";
 import "./components/commercial/AppBarCommercial/index.3e0ad6ef.js";
 import "./components/HamburgerMenu/index.fb1a3aae.js";