@m4l/components 9.2.49 → 9.2.50-beta.2

package/hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js

@@ -27,7 +27,8 @@ const useDynamicFilterAndSort = (props) => {
     setCookie,
     getCookie,
     filterSortAutomatic = true,
-    visibleRefresh
+    visibleRefresh,
+    withExternalRefresh
   } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
   const [togglesLeftActions, setTogglesLeftActions] = useState(() => ({ filter: initialFilterToggleed, sort: initialSortToggleed }));
@@ -45,7 +46,7 @@ const useDynamicFilterAndSort = (props) => {
     sort: initialAppliedSorts?.length === 0
   }));
   const visibleCustomHeader = useMemo(() => togglesLeftActions.filter || togglesLeftActions.sort, [togglesLeftActions]);
-  const sortIconUrl = `${host_static_assets}/${environment_assets}/${ASSETS.refresh}`;
+  const refreshIconUrl = `${host_static_assets}/${environment_assets}/${ASSETS.refresh}`;
   const eventRefs = useRef({
     eventFilters: { filters: initialAppliedFilters, rawFilters: [] },
     eventSorts: { sorts: initialAppliedSorts, rawSorts: [] }
@@ -53,6 +54,13 @@ const useDynamicFilterAndSort = (props) => {
   const handleToggles = (key) => {
     setTogglesLeftActions((prev) => ({ ...prev, [key]: !prev[key] }));
   };
+  const isValidFilters = useCallback(() => {
+    if (fields.some((field) => field.presence === "fixed")) {
+      const filters = eventRefs.current?.eventFilters?.filters;
+      return !(!filters || filters.length === 0);
+    }
+    return true;
+  }, [eventRefs, fields]);
   const handleChangeFilters = useCallback((filters, rawFilters) => {
     setInvisibleBadge((prev) => ({ ...prev, filter: filters.length === 0 }));
     if (eventRefs.current?.eventFilters?.filters && !deepEqual(eventRefs.current?.eventFilters?.filters, filters)) {
@@ -76,8 +84,12 @@ const useDynamicFilterAndSort = (props) => {
       ...eventRefs.current,
       eventSorts: { sorts: Sorts, rawSorts }
     };
-    onChangeFilterSort(eventRefs.current);
-  }, [onChangeFilterSort, prefixCookie, setCookie, setInvisibleBadge]);
+    if (isValidFilters()) {
+      onChangeFilterSort(eventRefs.current);
+    } else {
+      refOnChangeFilterSort.current++;
+    }
+  }, [onChangeFilterSort, prefixCookie, setCookie, setInvisibleBadge, isValidFilters]);
   const onRefresh = useCallback(() => {
     if (fireOnChangeFilterRef.current) {
       fireOnChangeFilterRef.current.fireOnChangeFilter();
@@ -85,8 +97,10 @@ const useDynamicFilterAndSort = (props) => {
     if (fireOnChangeSortRef.current) {
       fireOnChangeSortRef.current.fireOnChangeSort();
     }
-    onChangeFilterSort(eventRefs.current);
-  }, [onChangeFilterSort, fireOnChangeFilterRef]);
+    if (isValidFilters()) {
+      onChangeFilterSort(eventRefs.current);
+    }
+  }, [onChangeFilterSort, fireOnChangeFilterRef, isValidFilters]);
   const leftActions = useMemo(() => /* @__PURE__ */ jsxs(StackLeftActionsStyled, { direction: "row", ownerState: {}, ...getPropDataTestId(M4LDYNAMIC_KEY_FILTER_AND_SORT, DynamicFilterAndSortSlots.stackLeftActions, dataTestId), children: [
     /* @__PURE__ */ jsx(Badge, { badgeContent: "", size: "small", color: "primary", invisible: invisibleBadge.filter, children: /* @__PURE__ */ jsx(ToggleIconButton, { icon: `${host_static_assets}/${environment_assets}/${ICON_PATH_FILTER}`, isToggled: togglesLeftActions.filter, onToggle: () => handleToggles("filter") }) }),
     /* @__PURE__ */ jsx(Badge, { badgeContent: "", size: "small", color: "primary", invisible: invisibleBadge.sort, children: /* @__PURE__ */ jsx(ToggleIconButton, { icon: `${host_static_assets}/${environment_assets}/${ICON_PATH_SORT}`, isToggled: togglesLeftActions.sort, onToggle: () => handleToggles("sort") }) })
@@ -101,7 +115,7 @@ const useDynamicFilterAndSort = (props) => {
         /* @__PURE__ */ jsx(
           IconButton,
           {
-            icon: sortIconUrl,
+            icon: refreshIconUrl,
             "aria-label": "refresh",
             onClick: onRefresh
           }
@@ -109,12 +123,42 @@ const useDynamicFilterAndSort = (props) => {
         rightActions
       ]
     }
-  ), [dataTestId, rightActions, sortIconUrl, onRefresh]);
+  ), [dataTestId, rightActions, refreshIconUrl, onRefresh]);
   const dynamicsFiltersSorts = useMemo(() => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(DynamicFilter, { ref: fireOnChangeFilterRef, visibleRefresh, automatic: filterSortAutomatic, fields, initialAppliedFilters, onChangeFilters: handleChangeFilters, withAllField }),
-    sorts ? /* @__PURE__ */ jsx(DynamicSort, { ref: fireOnChangeSortRef, visibleRefresh, automatic: filterSortAutomatic, fields: sorts, initialAppliedSorts, onChangeSorts: handleChangeSorts }) : null
-  ] }), [fields, sorts, initialAppliedFilters, initialAppliedSorts, handleChangeFilters, handleChangeSorts, withAllField, filterSortAutomatic, visibleRefresh]);
-  const customHeaderComponent = useMemo(() => /* @__PURE__ */ jsx(StackCustomHeaderStyled, { direction: "row", ownerState: { showDynamicFilter: togglesLeftActions.filter, showDynamicSort: togglesLeftActions.sort }, ...getPropDataTestId(M4LDYNAMIC_KEY_FILTER_AND_SORT, DynamicFilterAndSortSlots.stackCustomHeader, dataTestId), children: dynamicsFiltersSorts }), [togglesLeftActions]);
+    /* @__PURE__ */ jsx(
+      DynamicFilter,
+      {
+        ref: fireOnChangeFilterRef,
+        visibleRefresh,
+        automatic: filterSortAutomatic,
+        fields,
+        initialAppliedFilters,
+        onChangeFilters: handleChangeFilters,
+        withAllField
+      }
+    ),
+    sorts ? /* @__PURE__ */ jsx(
+      DynamicSort,
+      {
+        ref: fireOnChangeSortRef,
+        visibleRefresh,
+        automatic: filterSortAutomatic,
+        fields: sorts,
+        initialAppliedSorts,
+        onChangeSorts: handleChangeSorts
+      }
+    ) : null,
+    withExternalRefresh && /* @__PURE__ */ jsx(IconButton, { icon: refreshIconUrl, "aria-label": "refresh", onClick: onRefresh })
+  ] }), [visibleRefresh, filterSortAutomatic, fields, initialAppliedFilters, handleChangeFilters, withAllField, sorts, initialAppliedSorts, handleChangeSorts, withExternalRefresh, refreshIconUrl, onRefresh]);
+  const customHeaderComponent = useMemo(() => /* @__PURE__ */ jsx(
+    StackCustomHeaderStyled,
+    {
+      direction: "row",
+      ownerState: { showDynamicFilter: togglesLeftActions.filter, showDynamicSort: togglesLeftActions.sort },
+      ...getPropDataTestId(M4LDYNAMIC_KEY_FILTER_AND_SORT, DynamicFilterAndSortSlots.stackCustomHeader, dataTestId),
+      children: dynamicsFiltersSorts
+    }
+  ), [togglesLeftActions]);
   return {
     leftActions,
     rightActions: finalRightActions,

package/hooks/useSvgColor/constants.js

@@ -31,8 +31,8 @@ const SVG_ICON_ERROR = "data:image/svg+xml;base64," + btoa(`<svg viewBox="0 0 64
 </svg>`);
 export {
   REPLACEMENT_PRYMARY_COLOR as R,
-  SVG_CACHE_PREFIX as S,
-  SKELETON_SVG_ICON as a,
+  SKELETON_SVG_ICON as S,
+  SVG_CACHE_PREFIX as a,
   SVG_ICON_ERROR as b,
   REPLACEMENT_SECONDARY_COLOR as c
 };

package/hooks/useSvgColor/helpers.js

@@ -1,4 +1,4 @@
-import { S as SVG_CACHE_PREFIX, a as SKELETON_SVG_ICON } from "./constants.js";
+import { S as SKELETON_SVG_ICON, a as SVG_CACHE_PREFIX } from "./constants.js";
 function purgedColor(color) {
   return color.replace(/[#\s]/g, "");
 }

package/hooks/useSvgColor/useSvgColor.js

@@ -1,5 +1,5 @@
 import { useState, useEffect } from "react";
-import { b as SVG_ICON_ERROR, S as SVG_CACHE_PREFIX, R as REPLACEMENT_PRYMARY_COLOR, c as REPLACEMENT_SECONDARY_COLOR } from "./constants.js";
+import { b as SVG_ICON_ERROR, a as SVG_CACHE_PREFIX, R as REPLACEMENT_PRYMARY_COLOR, c as REPLACEMENT_SECONDARY_COLOR } from "./constants.js";
 import { g as getSVG, p as purgedColor } from "./helpers.js";
 function useSvgColor(props) {
   const { src, cacheKey, primaryColor, secondaryColor = "#FFFFFF", skeletonIcon, fallBackIcon = SVG_ICON_ERROR } = props;

package/index.js

@@ -9,7 +9,7 @@ import { A as A2 } from "./components/animate/AnimatedScroll/animatedScroll.js";
 import { v } from "./components/animate/variants/fade.js";
 import { v as v2 } from "./components/animate/variants/bounce.js";
 import { v as v3 } from "./components/animate/variants/container.js";
-import { v as v4, a, b } from "./components/animate/variants/transition.js";
+import { a, v as v4, b } from "./components/animate/variants/transition.js";
 import { A as A3 } from "./components/AppBar/AppBar.js";
 import { g as g2 } from "./components/AppBar/dictionary.js";
 import { A as A4 } from "./components/areas/components/AreasAdmin/AreasAdmin.js";
@@ -57,13 +57,13 @@ import { C as C12 } from "./components/DataGrid/formatters/ColumnChipStatusForma
 import { u as u12 } from "./components/DataGrid/formatters/ColumnChipStatusFormatter/useColumnChipStatus.js";
 import { D as D3 } from "./components/DragResizeWindowRND/DragResizeWindowRND.js";
 import { d as d2 } from "./components/DragResizeWindowRND/classes/index.js";
-import { a as a4 } from "./components/DynamicFilter/dictionary.js";
-import { a as a5, g as g7 } from "./components/DynamicFilter/helpers/frontEndHelpers.js";
-import { g as g8 } from "./components/DynamicFilter/helpers/getRawFiltersForNetwork.js";
+import { g as g7 } from "./components/DynamicFilter/dictionary.js";
+import { a as a4, g as g8 } from "./components/DynamicFilter/helpers/frontEndHelpers.js";
+import { g as g9 } from "./components/DynamicFilter/helpers/getRawFiltersForNetwork.js";
 import { D as D4 } from "./components/DynamicFilter/DynamicFilter.js";
-import { a as a6 } from "./components/DynamicSort/dictionary.js";
+import { a as a5 } from "./components/DynamicSort/dictionary.js";
 import { S as S2 } from "./components/DynamicSort/helpers/frontEndHelpers.js";
-import { g as g9 } from "./components/DynamicSort/helpers/getRawSortsForNetwork.js";
+import { g as g10 } from "./components/DynamicSort/helpers/getRawSortsForNetwork.js";
 import { D as D5 } from "./components/DynamicSort/DynamicSort.js";
 import { R } from "./components/extended/React-Resizable/Resizable/Resizable.js";
 import { R as R2 } from "./components/extended/React-Resizable/ResizableBox/ResizableBox.js";
@@ -80,7 +80,7 @@ import { L as L3 } from "./components/mui_extended/LinearProgress/index.js";
 import { L as L4 } from "./components/mui_extended/LinkWithRoute/index.js";
 import { L as L5 } from "./components/mui_extended/LoadingButton/LoadingButton.js";
 import { P as P2 } from "./components/Pager/Pager.js";
-import { g as g10 } from "./components/Pager/dicctionary.js";
+import { g as g11 } from "./components/Pager/dicctionary.js";
 import { A as A15 } from "./components/mui_extended/Accordion/Accordion.js";
 import { T as T3 } from "./components/mui_extended/Tooltip/Tooltip.js";
 import { I as I2 } from "./components/mui_extended/IconButton/IconButton.js";
@@ -93,7 +93,7 @@ import { S as S5 } from "./components/mui_extended/Stack/Stack.js";
 import { T as T4 } from "./components/mui_extended/Tab/Tab.js";
 import { T as T5 } from "./components/mui_extended/Tabs/Tabs.js";
 import { T as T6 } from "./components/mui_extended/TabContent/TabContent.js";
-import { T as T7, a as a7 } from "./components/mui_extended/TabContext/index.js";
+import { T as T7, a as a6 } from "./components/mui_extended/TabContext/index.js";
 import { T as T8 } from "./components/mui_extended/Typography/Typography.js";
 import { t } from "./components/mui_extended/ToggleButton/ToggleButton.styles.js";
 import { T as T9 } from "./components/mui_extended/ToggleButton/ToggleButton.js";
@@ -108,44 +108,44 @@ import { T as T16 } from "./components/mui_extended/ToggleIconButton/slots/Toggl
 import { N as N2 } from "./components/mui_extended/NavLink/NavLink.js";
 import { D as D6 } from "./components/mui_extended/Dialog/Dialog.js";
 import { B as B6 } from "./components/formatters/BooleanFormatter/BooleanFormatter.js";
-import { D as D7, g as g11 } from "./components/formatters/DateFormatter/DateFormatter.js";
-import { U, g as g12 } from "./components/formatters/UncertaintyFormatter/UncertaintyFormatter.js";
-import { P as P4, g as g13 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
-import { C as C15, g as g14 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
+import { D as D7, g as g12 } from "./components/formatters/DateFormatter/DateFormatter.js";
+import { U, g as g13 } from "./components/formatters/UncertaintyFormatter/UncertaintyFormatter.js";
+import { P as P4, g as g14 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
+import { C as C15, g as g15 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
 import { P as P5, u as u13 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
-import { P as P6, g as g15 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
+import { P as P6, g as g16 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
 import { C as C16 } from "./components/formatters/ChipStatusFormatter/ChipStatusFormatter.js";
-import { g as g16 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
+import { g as g17 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
 import { D as D8 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
-import { g as g17 } from "./components/formatters/dictionary.js";
+import { g as g18 } from "./components/formatters/dictionary.js";
 import { G } from "./components/GridLayout/GridLayout.js";
 import { R as R3 } from "./components/GridLayout/subcomponents/Responsive/index.js";
-import { c as c2, d as d3, e } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.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 R4 } from "./components/hook-form/RHFAutocomplete/RHFAutocomplete.js";
-import { g as g18 } from "./components/hook-form/RHFAutocomplete/dictionary.js";
+import { g as g19 } from "./components/hook-form/RHFAutocomplete/dictionary.js";
 import { R as R5 } from "./components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js";
-import { g as g19 } from "./components/hook-form/RHFAutocompleteAsync/dictionary.js";
+import { g as g20 } from "./components/hook-form/RHFAutocompleteAsync/dictionary.js";
 import { R as R6 } from "./components/hook-form/RHFDateTime/RHFDateTime.js";
 import { R as R7 } from "./components/hook-form/RHFMultiCheckbox/index.js";
 import { R as R8 } from "./components/hook-form/RHFSelect/RHFSelect.js";
 import { R as R9 } from "./components/hook-form/RHFHelperError/index.js";
 import { R as R10 } from "./components/hook-form/RHFRadioGroup/RHFRadioGroup.js";
-import { R as R11 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.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 { g as g20 } from "./components/hook-form/RHFPeriod/subcomponents/Period/dictionary.js";
+import { R as R11 } from "./components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.js";
+import { R as R12 } from "./components/hook-form/RHFColorPicker/RFHColorPicker.js";
+import { R as R13 } from "./components/hook-form/RHFCheckbox/RHFCheckbox.js";
+import { R as R14 } from "./components/hook-form/RHFTextField/RHFTextField.js";
+import { R as R15 } 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 { P as P7, R as R20, S as S6, T as T17 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
+import { R as R16 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
+import { R as R17 } from "./components/hook-form/RHFPeriod/constants.js";
+import { R as R18 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodEnum.js";
+import { P as P7, R as R19, S as S6, T as T17 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
+import { R as R20 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
 import { R as R21 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
 import { I as I4 } from "./components/Icon/Icon.js";
 import { I as I5 } from "./components/Image/Image.js";
@@ -154,20 +154,20 @@ import { L as L7 } from "./components/LanguagePopover/LanguagePopover.js";
 import { L as L8 } from "./components/LinearProgressIndeterminate/LinearProgressIndeterminate.js";
 import { L as L9 } from "./components/Loadable/index.js";
 import { L as L10 } from "./components/LoadingError/LoadingError.js";
-import { g as g21 } from "./components/LoadingError/dictionary.js";
-import { g as g22 } from "./components/MenuActions/dictionary.js";
-import { a as a8, M as M3 } from "./components/MenuActions/MenuActions.js";
+import { g as g22 } from "./components/LoadingError/dictionary.js";
+import { g as g23 } from "./components/MenuActions/dictionary.js";
+import { a as a7, M as M3 } from "./components/MenuActions/MenuActions.js";
 import { M as M4 } from "./components/MFIsolationApp/MFIsolationApp.js";
 import { M as M5 } from "./components/MFLoader/MFLoader.js";
-import { g as g23 } from "./components/MFLoader/dictionary.js";
+import { g as g24 } from "./components/MFLoader/dictionary.js";
 import { N as N3 } from "./components/NoItemSelected/NoItemSelected.js";
-import { g as g24 } from "./components/NoItemSelected/dictionary.js";
+import { g as g25 } from "./components/NoItemSelected/dictionary.js";
 import { O } from "./components/ObjectLogs/ObjectLogs.js";
-import { d as d4, g as g25 } from "./components/ObjectLogs/dictionary.js";
+import { d as d4, g as g26 } from "./components/ObjectLogs/dictionary.js";
 import { P as P8 } from "./components/PaperForm/PaperForm.js";
 import { P as P9 } from "./components/PDFViewer/PDFViewer.js";
 import { u as u14 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore.js";
-import { a as a9, P as P10 } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
+import { a as a8, P as P10 } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
 import { P as P11 } from "./components/popups/components/PopupsViewer/PopupsViewer.js";
 import { P as P12 } from "./components/PrintingSystem/PrintingSystem.js";
 import { P as P13 } from "./components/PropertyValue/PropertyValue.js";
@@ -177,44 +177,44 @@ import { T as T18 } from "./components/ToastContainer/ToastContainer.js";
 import { T as T19 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
 import { W } from "./components/WindowBase/WindowBase.js";
 import { u as u15 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
-import { a as a10, u as u16 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
-import { M as M6, W as W2, a as a11 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
+import { a as a9, u as u16 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
+import { M as M6, W as W2, a as a10 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
 import { c as c3 } from "./components/WindowBase/contexts/DynamicMFParmsContext/store.js";
-import { D as D9, a as a12, M as M7 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
+import { D as D9, a as a11, M as M7 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
 import { W as W3 } from "./components/WindowConfirm/WindowConfirm.js";
-import { a as a13, g as g26 } from "./components/ModalDialog/dictionary.js";
+import { a as a12, g as g27 } from "./components/ModalDialog/dictionary.js";
 import { M as M8 } from "./components/ModalDialog/ModalDialog.js";
 import { F as F2, R as R22, u as u17 } from "./components/hook-form/RHFormContext/index.js";
-import { g as g27 } from "./components/hook-form/RHFormContext/dictionary.js";
+import { g as g28 } from "./components/hook-form/RHFormContext/dictionary.js";
 import { u as u18 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
 import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
-import { a as a14, M as M9 } from "./contexts/ModalContext/index.js";
+import { a as a13, M as M9 } from "./contexts/ModalContext/index.js";
 import { u as u19 } from "./hooks/useFormAddEdit/index.js";
 import { u as u20 } from "./hooks/useModal/index.js";
 import { u as u21 } from "./hooks/useTab/index.js";
-import { g as g28 } from "./hooks/useFormAddEdit/dictionary.js";
+import { g as g29 } from "./hooks/useFormAddEdit/dictionary.js";
 import { u as u22 } from "./hooks/useFormFocus/index.js";
 import { u as u23 } from "./hooks/useInterval/index.js";
 import { u as u24 } from "./hooks/useComponentSize/useComponentSize.js";
 import { u as u25 } from "./hooks/useFormReadyForUpdate/index.js";
 import { u as u26 } from "./hooks/useStateRef/index.js";
-import { a as a15 } from "./hooks/useSvgColor/constants.js";
+import { S as S9 } from "./hooks/useSvgColor/constants.js";
 import { u as u27 } from "./hooks/useSvgColor/useSvgColor.js";
 import { u as u28 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
 import { u as u29 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
 import { u as u30 } from "./hooks/usePopoverContainer/usePopoverContainer.js";
 import { c as c4 } from "./utils/capitalizeFirstLetter.js";
 import { i as i2 } from "./utils/isValidDate.js";
-import { g as g29 } from "./utils/getComponentUtilityClass.js";
-import { g as g30 } from "./utils/getPaletteColor.js";
-import { g as g31 } from "./utils/getTypographyStyles.js";
-import { g as g32 } from "./utils/getIconColor.js";
-import { a as a16 } from "./utils/getSizeStyles/getSizeStyles.js";
+import { g as g30 } from "./utils/getComponentUtilityClass.js";
+import { g as g31 } from "./utils/getPaletteColor.js";
+import { g as g32 } from "./utils/getTypographyStyles.js";
+import { g as g33 } from "./utils/getIconColor.js";
+import { a as a14 } from "./utils/getSizeStyles/getSizeStyles.js";
 import { O as O2 } from "./utils/ObjectQueue.js";
-import { g as g33, a as a17 } from "./utils/getComponentSlotRoot.js";
+import { g as g34, a as a15 } from "./utils/getComponentSlotRoot.js";
 import { f } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
-import { g as g34 } from "./utils/getValidDate.js";
-import { g as g35 } from "./utils/getNullGuard.js";
+import { g as g35 } from "./utils/getValidDate.js";
+import { g as g36 } from "./utils/getNullGuard.js";
 export {
   A7 as AREAS_DICCTIONARY,
   a3 as AREAS_DICTIONARY_ID,
@@ -264,7 +264,7 @@ export {
   D3 as DragResizeWindowRND,
   D4 as DynamicFilter,
   D9 as DynamicMFParmsContext,
-  a12 as DynamicMFParmsProvider,
+  a11 as DynamicMFParmsProvider,
   D5 as DynamicSort,
   F as FixedSizeList,
   F2 as FormProviderCustom,
@@ -290,10 +290,10 @@ export {
   M4 as MFIsolationApp,
   M5 as MFLoader,
   M7 as MemonizedDynamicMFParmsProvider,
-  a8 as MemonizedMenuActions,
+  a7 as MemonizedMenuActions,
   M6 as MemonizedWindowToolsMFContext,
   M3 as MenuActions,
-  a14 as ModalContext,
+  a13 as ModalContext,
   M8 as ModalDialog,
   M9 as ModalProvider,
   M as MotionContainer,
@@ -310,7 +310,7 @@ export {
   P7 as PeriodRootStyled,
   P4 as PointsFormatter,
   P3 as Popover,
-  a9 as PopupsContext,
+  a8 as PopupsContext,
   P10 as PopupsProvider,
   P11 as PopupsViewer,
   P6 as PriceFormatter,
@@ -319,27 +319,27 @@ export {
   P13 as PropertyValue,
   R4 as RHFAutocomplete,
   R5 as RHFAutocompleteAsync,
-  R14 as RHFCheckbox,
-  R13 as RHFColorPicker,
+  R13 as RHFCheckbox,
+  R12 as RHFColorPicker,
   R6 as RHFDateTime,
   R9 as RHFHelperError,
   R7 as RHFMultiCheckbox,
-  R11 as RHFNumberInput,
-  R17 as RHFPeriod,
-  R20 as RHFPeriodRootStyled,
-  R19 as RHFPeriodSlots,
+  R20 as RHFNumberInput,
+  R16 as RHFPeriod,
+  R19 as RHFPeriodRootStyled,
+  R18 as RHFPeriodSlots,
   R10 as RHFRadioGroup,
   R8 as RHFSelect,
-  R15 as RHFTextField,
-  R16 as RHFTextFieldPassword,
+  R14 as RHFTextField,
+  R15 as RHFTextFieldPassword,
   R21 as RHFUploadImage,
-  R12 as RHFUploadSingleFile,
-  R18 as RHF_PERIOD_KEY_COMPONENT,
+  R11 as RHFUploadSingleFile,
+  R17 as RHF_PERIOD_KEY_COMPONENT,
   R22 as RHFormProvider,
   R as Resizable,
   R2 as ResizableBox,
   R3 as Responsive,
-  a15 as SKELETON_SVG_ICON,
+  S9 as SKELETON_SVG_ICON,
   S7 as ScrollBar,
   S as SectionCommercial,
   S6 as SelectStyled,
@@ -353,7 +353,7 @@ export {
   T4 as Tab,
   T6 as TabContent,
   T7 as TabContext,
-  a7 as TabProvider,
+  a6 as TabProvider,
   T5 as Tabs,
   T2 as TextEditor,
   T17 as TextFieldStyled,
@@ -373,11 +373,11 @@ export {
   W as WindowBase,
   W3 as WindowConfirm,
   W2 as WindowToolsMFContext,
-  a11 as WindowToolsMFProvider,
+  a10 as WindowToolsMFProvider,
   c2 as addLayoutItemToBreakPointIfNoExists,
-  d3 as addLayoutItemToBreakPoints,
+  e as addLayoutItemToBreakPoints,
   c4 as capitalizeFirstLetter,
-  e as cloneLayouts,
+  d3 as cloneLayouts,
   c3 as createDynamicMFStore,
   c as createToaster,
   d as defaultCommonActionsDictionary,
@@ -389,43 +389,43 @@ export {
   b2 as getAreasComponentsDictionary,
   g3 as getAreasDictionary,
   g4 as getCommonActionsDictionary,
-  g33 as getComponentClasses,
-  a17 as getComponentSlotRoot,
-  g29 as getComponentUtilityClass,
+  g34 as getComponentClasses,
+  a15 as getComponentSlotRoot,
+  g30 as getComponentUtilityClass,
   g5 as getDataGridComponentsDictionary,
   g6 as getDataGridRowsFromSet,
-  g16 as getDistanceToNowFormatterComponentsDictionary,
-  a4 as getDynamicFilterComponentsDictionary,
-  a6 as getDynamicSortComponentsDictionary,
-  a5 as getFilterGroupFieldsByName,
-  g27 as getFormComponentsDictionary,
-  g14 as getFormatConcatenated,
-  g11 as getFormatDate,
-  g13 as getFormatPoints,
-  g15 as getFormatPrice,
-  g17 as getFormattersComponentsDictionary,
-  a16 as getHeightSizeStyles,
-  g32 as getIconColor,
-  g7 as getIsIfInDynamicFilter,
-  g21 as getLoadingErrorComponentsDictionary,
-  g23 as getMFLoaderComponentsDictionary,
-  g22 as getMenuActionsComponentsDictionary,
-  a13 as getModalDialogComponentsDictionary,
-  g26 as getModalDictionary,
-  g24 as getNoItemSelectedComponentsDictionary,
-  g35 as getNullGuard,
-  g25 as getObjectLogsComponentsDictionary,
-  g10 as getPagerComponentsDictionary,
-  g30 as getPaletteColor,
-  g20 as getPeriodComponetsDictionary,
-  g19 as getRHFAutocompleteAsyncComponentsDictionary,
-  g18 as getRHFAutocompleteComponentsDictionary,
-  g8 as getRawFiltersForNetwork,
-  g9 as getRawSortsForNetwork,
-  g31 as getTypographyStyles,
-  g12 as getUncertaintyFormat,
-  g34 as getValidDate,
-  g28 as getformAddEditDictionary,
+  g17 as getDistanceToNowFormatterComponentsDictionary,
+  g7 as getDynamicFilterComponentsDictionary,
+  a5 as getDynamicSortComponentsDictionary,
+  a4 as getFilterGroupFieldsByName,
+  g28 as getFormComponentsDictionary,
+  g15 as getFormatConcatenated,
+  g12 as getFormatDate,
+  g14 as getFormatPoints,
+  g16 as getFormatPrice,
+  g18 as getFormattersComponentsDictionary,
+  a14 as getHeightSizeStyles,
+  g33 as getIconColor,
+  g8 as getIsIfInDynamicFilter,
+  g22 as getLoadingErrorComponentsDictionary,
+  g24 as getMFLoaderComponentsDictionary,
+  g23 as getMenuActionsComponentsDictionary,
+  a12 as getModalDialogComponentsDictionary,
+  g27 as getModalDictionary,
+  g25 as getNoItemSelectedComponentsDictionary,
+  g36 as getNullGuard,
+  g26 as getObjectLogsComponentsDictionary,
+  g11 as getPagerComponentsDictionary,
+  g31 as getPaletteColor,
+  g21 as getPeriodComponetsDictionary,
+  g20 as getRHFAutocompleteAsyncComponentsDictionary,
+  g19 as getRHFAutocompleteComponentsDictionary,
+  g9 as getRawFiltersForNetwork,
+  g10 as getRawSortsForNetwork,
+  g32 as getTypographyStyles,
+  g13 as getUncertaintyFormat,
+  g35 as getValidDate,
+  g29 as getformAddEditDictionary,
   i as isEqualLayout,
   k as isEqualLayouts,
   i2 as isValidDate,
@@ -448,7 +448,7 @@ export {
   u17 as useCustomForm,
   u29 as useDataGridPersistence,
   u28 as useDynamicFilterAndSort,
-  a10 as useDynamicMFParameters,
+  a9 as useDynamicMFParameters,
   u16 as useDynamicMFParametersStore,
   u19 as useFormAddEdit,
   u22 as useFormFocus,
@@ -466,8 +466,8 @@ export {
   v2 as varBounce,
   v3 as varContainer,
   v as varFade,
-  v4 as varTranEnter,
-  a as varTranExit,
+  a as varTranEnter,
+  v4 as varTranExit,
   b as varTranHover,
   w as withSizeProvider
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.2.49",
+  "version": "9.2.50-beta.2",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0  --no-warn-ignored"
@@ -9,8 +9,8 @@
     "@geoman-io/leaflet-geoman-free": "^2.14.2",
     "@googlemaps/js-api-loader": "^1.16.6",
     "@hookform/resolvers": "^2.9.5",
-    "@m4l/core": "^2.0.0",
-    "@m4l/graphics": "^7.0.0",
+    "@m4l/core": "2.0.23-beta.5",
+    "@m4l/graphics": "7.0.16-beta.4",
     "@m4l/styles": "^7.0.0",
     "@microlink/react-json-view": "^1.23.3",
     "@mui/lab": "5.0.0-alpha.173",

package/components/PropertyValue/styles.d.ts

@@ -1 +0,0 @@
-export declare const PropertyValueRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;