@m4l/components 9.1.129 → 9.1.131

package/index.js

@@ -22,6 +22,7 @@ import { a as a3, A as A4 } from "./components/areas/contexts/AreasContext/index
 import { u } from "./components/areas/hooks/useDynamicMFParameters/index.js";
 import { u as u2 } from "./components/areas/hooks/useWindowToolsMF/index.js";
 import { u as u3 } from "./components/areas/hooks/useSetWindowsTitle/useSetWindowsTitle.js";
+import { u as u4 } from "./components/areas/hooks/useAreas/index.js";
 import { A as A5, a as a4, L as L2, b as b2, g as g3 } from "./components/areas/dictionary.js";
 import { R } from "./components/hook-form/RHFAutocomplete/RHFAutocomplete.js";
 import { g as g4 } from "./components/hook-form/RHFAutocomplete/dictionary.js";
@@ -47,15 +48,15 @@ import { P, R as R17, S as S2, T as T2 } from "./components/hook-form/RHFPeriod/
 import { R as R18 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
 import { C } from "./components/Chip/Chip.js";
 import { B } from "./components/formatters/BooleanFormatter/BooleanFormatter.js";
-import { D as D2, u as u4 } from "./components/formatters/DateFormatter/DateFormatter.js";
-import { U, g as g7 } from "./components/formatters/UncertaintyFormatter/UncertaintyFormatter.js";
-import { P as P2, g as g8 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
-import { C as C2, g as g9 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
+import { D as D2, g as g7 } from "./components/formatters/DateFormatter/DateFormatter.js";
+import { U, g as g8 } from "./components/formatters/UncertaintyFormatter/UncertaintyFormatter.js";
+import { P as P2, g as g9 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
+import { C as C2, g as g10 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
 import { P as P3, u as u5 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
-import { P as P4, g as g10 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
-import { g as g11 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
+import { P as P4, g as g11 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
+import { g as g12 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
 import { D as D3 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
-import { g as g12 } from "./components/formatters/dictionary.js";
+import { g as g13 } from "./components/formatters/dictionary.js";
 import { C as C3 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/index.js";
 import { C as C4 } from "./components/DataGrid/formatters/ColumnPointsFormatter/index.js";
 import { C as C5 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/index.js";
@@ -66,6 +67,15 @@ import { C as C9 } from "./components/DataGrid/formatters/ColumnPriceFormatter/i
 import { C as C10 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.js";
 import { C as C11 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/index.js";
 import { C as C12 } from "./components/DataGrid/formatters/ColumnIconFormatter/index.js";
+import { u as u6 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js";
+import { u as u7 } from "./components/DataGrid/formatters/ColumnConcatenatedValueFormatter/useColumnConcatenatedValue.js";
+import { u as u8 } from "./components/DataGrid/formatters/ColumnDateFormatter/useColumnDate.js";
+import { u as u9 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/useColumnNestedValue.js";
+import { u as u10 } from "./components/DataGrid/formatters/ColumnPriceFormatter/useColumnPrice.js";
+import { u as u11 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/useColumnUncertainty.js";
+import { u as u12 } from "./components/DataGrid/formatters/ColumnPointsFormatter/useColumnPoints.js";
+import { u as u13 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/useColumnInteractiveCheck.js";
+import { u as u14 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/useColumnSetCheck.js";
 import { a as a5 } from "./components/DynamicFilter/dictionary.js";
 import { D as D4 } from "./components/DynamicFilter/DynamicFilter.js";
 import { a as a6 } from "./components/DynamicSort/dictionary.js";
@@ -77,7 +87,7 @@ import { A as A7 } from "./components/CommonActions/components/ActionCancel/Acti
 import { A as A8 } from "./components/CommonActions/components/ActionIntro/ActionIntro.js";
 import { A as A9 } from "./components/CommonActions/components/ActionFormCancel/ActionFormCancel.js";
 import { A as A10 } from "./components/CommonActions/components/ActionFormIntro/ActionFormIntro.js";
-import { D as D6, d, g as g13 } from "./components/CommonActions/dictionary.js";
+import { D as D6, d, g as g14 } from "./components/CommonActions/dictionary.js";
 import { D as D7 } from "./components/DragResizeWindow/DragResizeWindow.js";
 import { d as d2 } from "./components/DragResizeWindow/classes/index.js";
 import { G } from "./components/GridLayout/GridLayout.js";
@@ -91,8 +101,8 @@ import { L as L5 } from "./components/LinearProgressIndeterminate/LinearProgress
 import { I as I3 } from "./components/Image/Image.js";
 import { L as L6 } from "./components/Loadable/index.js";
 import { M as M3 } from "./components/ModalDialog/ModalDialog.js";
-import { g as g14 } from "./components/modal/dictionary.js";
-import { d as d4, g as g15 } from "./components/ModalDialog/dictionary.js";
+import { g as g15 } from "./components/modal/dictionary.js";
+import { d as d4, g as g16 } from "./components/ModalDialog/dictionary.js";
 import { W as W2 } from "./components/WindowConfirm/WindowConfirm.js";
 import { w as w2 } from "./components/WindowBase/WindowBase.styles.js";
 import { W as W3 } from "./components/WindowBase/WindowBase.js";
@@ -102,13 +112,13 @@ import { W as W5 } from "./components/WindowBase/slots/WindowBaseEnum.js";
 import { a as a7, C as C13, b as b3, H as H2, I as I5, e as e2, L as L7, M as M4, c as c4, P as P6, S as S3, d as d5, T as T3, W as W6 } from "./components/WindowBase/slots/WindowBaseSlots.js";
 import { H as H3 } from "./components/WindowBase/subcomponents/Header/HeaderWindowBase.js";
 import { L as L8 } from "./components/LoadingError/LoadingError.js";
-import { g as g16 } from "./components/LoadingError/dictionary.js";
+import { g as g17 } from "./components/LoadingError/dictionary.js";
 import { M as M5 } from "./components/MFLoader/MFLoader.js";
-import { g as g17 } from "./components/MFLoader/dictionary.js";
+import { g as g18 } from "./components/MFLoader/dictionary.js";
 import { N as N2 } from "./components/NoItemSelected/NoItemSelected.js";
-import { g as g18 } from "./components/NoItemSelected/dictionary.js";
+import { g as g19 } from "./components/NoItemSelected/dictionary.js";
 import { O } from "./components/ObjectLogs/index.js";
-import { d as d6, g as g19 } from "./components/ObjectLogs/dictionary.js";
+import { d as d6, g as g20 } from "./components/ObjectLogs/dictionary.js";
 import { P as P7 } from "./components/PaperForm/PaperForm.js";
 import { P as P8 } from "./components/PDFViewer/PDFViewer.js";
 import { H as H4 } from "./components/HelmetPage/index.js";
@@ -126,10 +136,10 @@ import { T as T4 } from "./components/ToastContainer/ToastContainer.js";
 import { T as T5 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
 import { S as S6 } from "./components/SideBar/SideBar.js";
 import { A as A11 } from "./components/AppBar/AppBar.js";
-import { g as g20 } from "./components/AppBar/dictionary.js";
+import { g as g21 } from "./components/AppBar/dictionary.js";
 import { A as A12 } from "./components/AccountPopover/AccountPopover.js";
-import { g as g21 } from "./components/AccountPopover/dictionary.js";
-import { u as u6 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore/index.js";
+import { g as g22 } from "./components/AccountPopover/dictionary.js";
+import { u as u15 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore/index.js";
 import { P as P11, a as a10 } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
 import { P as P12 } from "./components/popups/components/PopupsViewer/PopupsViewer.js";
 import { A as A13 } from "./components/commercial/AppBarCommercial/index.js";
@@ -148,7 +158,7 @@ import { L as L9 } from "./components/mui_extended/LinearProgress/index.js";
 import { L as L10 } from "./components/mui_extended/LinkWithRoute/index.js";
 import { L as L11 } from "./components/mui_extended/LoadingButton/LoadingButton.js";
 import { P as P13 } from "./components/Pager/Pager.js";
-import { g as g22 } from "./components/Pager/dicctionary.js";
+import { g as g23 } from "./components/Pager/dicctionary.js";
 import { T as T7 } from "./components/mui_extended/Tab/Tab.js";
 import { T as T8 } from "./components/mui_extended/Tooltip/Tooltip.js";
 import { I as I6 } from "./components/mui_extended/IconButton/IconButton.js";
@@ -174,30 +184,30 @@ import { T as T19 } from "./components/mui_extended/ToggleIconButton/slots/Toggl
 import { T as T20 } from "./components/mui_extended/ToggleIconButton/slots/ToggleIconButtonSlots.js";
 import { N as N3 } from "./components/mui_extended/NavLink/NavLink.js";
 import { a as a12, D as D8, M as M8 } from "./components/areas/contexts/DynamicMFParmsContext/index.js";
-import { F as F2, R as R22, u as u7 } from "./components/hook-form/RHFormContext/index.js";
-import { g as g23 } from "./components/hook-form/RHFormContext/dictionary.js";
-import { u as u8 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
+import { F as F2, R as R22, u as u16 } from "./components/hook-form/RHFormContext/index.js";
+import { g as g24 } from "./components/hook-form/RHFormContext/dictionary.js";
+import { u as u17 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
 import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
 import { a as a13, M as M9 } from "./contexts/ModalContext/index.js";
-import { u as u9 } from "./hooks/useFormAddEdit/index.js";
-import { u as u10 } from "./hooks/useModal/index.js";
-import { u as u11 } from "./hooks/useTab/index.js";
-import { g as g24 } from "./hooks/useFormAddEdit/dictionary.js";
-import { u as u12 } from "./hooks/useFormFocus/index.js";
-import { u as u13 } from "./hooks/useInterval/index.js";
-import { u as u14 } from "./hooks/useComponentSize/useComponentSize.js";
-import { u as u15 } from "./hooks/useFormReadyForUpdate/index.js";
-import { u as u16 } from "./hooks/useStateRef/index.js";
+import { u as u18 } from "./hooks/useFormAddEdit/index.js";
+import { u as u19 } from "./hooks/useModal/index.js";
+import { u as u20 } from "./hooks/useTab/index.js";
+import { g as g25 } from "./hooks/useFormAddEdit/dictionary.js";
+import { u as u21 } from "./hooks/useFormFocus/index.js";
+import { u as u22 } from "./hooks/useInterval/index.js";
+import { u as u23 } from "./hooks/useComponentSize/useComponentSize.js";
+import { u as u24 } from "./hooks/useFormReadyForUpdate/index.js";
+import { u as u25 } from "./hooks/useStateRef/index.js";
 import { a as a14 } from "./hooks/useSvgColor/constants.js";
-import { u as u17 } from "./hooks/useSvgColor/useSvgColor.js";
+import { u as u26 } from "./hooks/useSvgColor/useSvgColor.js";
 import { c as c5 } from "./utils/capitalizeFirstLetter.js";
 import { i as i2 } from "./utils/isValidDate.js";
-import { g as g25 } from "./utils/getComponentUtilityClass.js";
-import { g as g26 } from "./utils/getPaletteColor.js";
-import { g as g27 } from "./utils/getTypographyStyles.js";
-import { g as g28 } from "./utils/getSizeStyles/getSizeStyles.js";
+import { g as g26 } from "./utils/getComponentUtilityClass.js";
+import { g as g27 } from "./utils/getPaletteColor.js";
+import { g as g28 } from "./utils/getTypographyStyles.js";
+import { g as g29 } from "./utils/getSizeStyles/getSizeStyles.js";
 import { O as O2 } from "./utils/ObjectQueue.js";
-import { g as g29, a as a15 } from "./utils/getComponentSlotRoot.js";
+import { g as g30, a as a15 } from "./utils/getComponentSlotRoot.js";
 import { f } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
 import { W as W7, c as c6, b as b4, a as a16, e as e3, d as d7, f as f2 } from "./vendor.js";
 export {
@@ -391,62 +401,72 @@ export {
   d6 as defaultObjectLogDictionary,
   d2 as dragResizeWindowClasses,
   f as formatDistanceToNow,
-  g21 as getAccountPopoverDictionary,
-  g20 as getAppBarDictionary,
+  g22 as getAccountPopoverDictionary,
+  g21 as getAppBarDictionary,
   b2 as getAreasComponentsDictionary,
   g3 as getAreasDictionary,
-  g13 as getCommonActionsDictionary,
-  g29 as getComponentClasses,
+  g14 as getCommonActionsDictionary,
+  g30 as getComponentClasses,
   a15 as getComponentSlotRoot,
-  g25 as getComponentUtilityClass,
+  g26 as getComponentUtilityClass,
   g as getDataGridComponentsDictionary,
   g2 as getDataGridRowsFromSet,
-  g11 as getDistanceToNowFormatterComponentsDictionary,
+  g12 as getDistanceToNowFormatterComponentsDictionary,
   a5 as getDynamicFilterComponentsDictionary,
   a6 as getDynamicSortComponentsDictionary,
-  g23 as getFormComponentsDictionary,
-  g9 as getFormatConcatenated,
-  u4 as getFormatDate,
-  g8 as getFormatPoints,
-  g10 as getFormatPrice,
-  g12 as getFormattersComponentsDictionary,
-  g28 as getHeightSizeStyles,
-  g16 as getLoadingErrorComponentsDictionary,
-  g17 as getMFLoaderComponentsDictionary,
+  g24 as getFormComponentsDictionary,
+  g10 as getFormatConcatenated,
+  g7 as getFormatDate,
+  g9 as getFormatPoints,
+  g11 as getFormatPrice,
+  g13 as getFormattersComponentsDictionary,
+  g29 as getHeightSizeStyles,
+  g17 as getLoadingErrorComponentsDictionary,
+  g18 as getMFLoaderComponentsDictionary,
   a8 as getMenuActionsComponentsDictionary,
-  g15 as getModalDialogComponentsDictionary,
-  g14 as getModalDictionary,
-  g18 as getNoItemSelectedComponentsDictionary,
-  g19 as getObjectLogsComponentsDictionary,
-  g22 as getPagerComponentsDictionary,
-  g26 as getPaletteColor,
+  g16 as getModalDialogComponentsDictionary,
+  g15 as getModalDictionary,
+  g19 as getNoItemSelectedComponentsDictionary,
+  g20 as getObjectLogsComponentsDictionary,
+  g23 as getPagerComponentsDictionary,
+  g27 as getPaletteColor,
   g6 as getPeriodComponetsDictionary,
   g5 as getRHFAutocompleteAsyncComponentsDictionary,
   g4 as getRHFAutocompleteComponentsDictionary,
-  g27 as getTypographyStyles,
-  g7 as getUncertaintyFormat,
-  g24 as getformAddEditDictionary,
+  g28 as getTypographyStyles,
+  g8 as getUncertaintyFormat,
+  g25 as getformAddEditDictionary,
   i as isEqualLayout,
   k as isEqualLayouts,
   i2 as isValidDate,
   r as rhfPeriodStyles,
   t as toggleButtonStyles,
   t2 as toggleIconButtonStyles,
-  u8 as useAppearanceComponentStore,
-  u14 as useComponentSize,
-  u7 as useCustomForm,
+  u17 as useAppearanceComponentStore,
+  u4 as useAreasStore,
+  u6 as useColumnBoolean,
+  u11 as useColumnCertanity,
+  u7 as useColumnConcatenatedValue,
+  u8 as useColumnDate,
+  u13 as useColumnInteractiveCheck,
+  u9 as useColumnNestedValue,
+  u12 as useColumnPoints,
+  u10 as useColumnPrice,
+  u14 as useColumnSetCheck,
+  u23 as useComponentSize,
+  u16 as useCustomForm,
   u as useDynamicMFParametersStore,
-  u9 as useFormAddEdit,
-  u12 as useFormFocus,
-  u15 as useFormReadyForUpdate,
+  u18 as useFormAddEdit,
+  u21 as useFormFocus,
+  u24 as useFormReadyForUpdate,
   u5 as useFormatPeriod,
-  u13 as useInterval,
-  u10 as useModal,
-  u6 as usePopupsStore,
+  u22 as useInterval,
+  u19 as useModal,
+  u15 as usePopupsStore,
   u3 as useSetWindowsTitle,
-  u16 as useStateRef,
-  u17 as useSvgColor,
-  u11 as useTab,
+  u25 as useStateRef,
+  u26 as useSvgColor,
+  u20 as useTab,
   u2 as useWindowToolsMF,
   v2 as varBounce,
   v3 as varContainer,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.129",
+  "version": "9.1.131",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"

package/vendor.js

@@ -56,7 +56,8 @@ const STORYBOOK_ISOLATION_MODULE_ID = "users_list";
 const WithContexts = (Story, storyContext) => {
   const { globals, parameters } = storyContext;
   const { themeMode, themeColor, deviceType } = globals ?? {};
-  const { isolationForceSkeleton, isolationComponentsDictionary, loadAreasFromNetwork, loadCookiesFromNetwork } = parameters ?? {};
+  const { isolationForceSkeleton, isolationComponentsDictionary, loadAreasFromNetwork, loadCookiesFromNetwork, onAreasLoad = () => {
+  } } = parameters ?? {};
   return /* @__PURE__ */ jsx(
     MFIsolationApp,
     {
@@ -74,8 +75,7 @@ const WithContexts = (Story, storyContext) => {
         isolationForceSkeleton ? "forceSkeleton" : CommonFlags.FLAG_DICTIONARY_LOADED
       ],
       privileges: [],
-      onLoad: () => {
-      },
+      onLoad: onAreasLoad,
       componentsDictionary: isolationComponentsDictionary,
       observedDivRef: {},
       forcedDeviceType: deviceType === "automatic" ? void 0 : deviceType,

package/components/DynamicSort/DynamicSort.stories.d.ts

@@ -1,21 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { DynamicSort } from './DynamicSort';
-declare const meta: Meta<typeof DynamicSort>;
-export default meta;
-type Story = StoryObj<typeof DynamicSort>;
-/**
- * Base DynamicSort component
- */
-export declare const Base: Story;
-/**
- * DynamicSort in skeleton mode
- */
-export declare const WithSkeleton: Story;
-/**
- * DynamicFilter With fixed field
- */
-export declare const WithFixedField: Story;
-/**
- * DynamicFilter With props `automatic=true`
- */
-export declare const WithAutomatic: Story;

package/components/DynamicSort/subcomponents/InputSort/InputSortSkeleton.d.ts

@@ -1,5 +0,0 @@
-/**
- * TODO: Documentar
- */
-declare function InputFilterSkeleton(): import("react/jsx-runtime").JSX.Element;
-export default InputFilterSkeleton;

package/components/DynamicSort/subcomponents/InputSort/InputSortSkeleton.js

@@ -1,19 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Skeleton } from "@mui/material";
-function InputFilterSkeleton() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        variant: "circular",
-        width: "16px",
-        height: "16px",
-        sx: { minWidth: "16px", minHeight: "16px" }
-      }
-    ),
-    /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "100%", height: "16px", sx: { minWidth: "80px" } })
-  ] });
-}
-export {
-  InputFilterSkeleton as I
-};

package/components/DynamicSort/subcomponents/SortActions/SortActionsSkeleton.d.ts

@@ -1,5 +0,0 @@
-/**
- * TODO: Documentar
- */
-declare function SortActionsSkeleton(): import("react/jsx-runtime").JSX.Element;
-export default SortActionsSkeleton;

package/components/DynamicSort/subcomponents/SortActions/SortActionsSkeleton.js

@@ -1,12 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Skeleton } from "@mui/material";
-import { w as ActionsSkeletonButtonStyled } from "../../slots/DynamicSortSlots.js";
-function SortActionsSkeleton() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ActionsSkeletonButtonStyled, { ownerState: {}, children: /* @__PURE__ */ jsx(Skeleton, { variant: "circular", width: "16px", height: "16px" }) }),
-    /* @__PURE__ */ jsx(ActionsSkeletonButtonStyled, { ownerState: {}, children: /* @__PURE__ */ jsx(Skeleton, { variant: "circular", width: "16px", height: "16px" }) })
-  ] });
-}
-export {
-  SortActionsSkeleton as S
-};