@m4l/components 9.3.1 → 9.3.2-B04082025-beta.3

package/index.js

@@ -58,6 +58,7 @@ import { C as C13 } from "./components/DataGrid/formatters/ColumnChipStatusForma
 import { u as u11 } 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 { W } from "./components/DragResizeWindowRND/constants.js";
 import { g as g7 } from "./components/DynamicFilter/dictionary.js";
 import { a as a5, g as g8 } from "./components/DynamicFilter/helpers/frontEndHelpers.js";
 import { g as g9 } from "./components/DynamicFilter/helpers/getRawFiltersForNetwork.js";
@@ -162,9 +163,12 @@ import { a as a9, 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 g24 } from "./components/MFLoader/dictionary.js";
-import { N as N3 } from "./components/NoItemSelected/NoItemSelected.js";
-import { g as g25 } from "./components/NoItemSelected/dictionary.js";
-import { g as g26 } from "./components/ObjectLogs/dictionary.js";
+import { N as N3 } from "./components/ImageText/components/NoItemPrivileges/NoItemPrivileges.js";
+import { g as g25 } from "./components/ImageText/components/NoItemPrivileges/dictionary.js";
+import { N as N4 } from "./components/ImageText/components/NoItemSelected/NoItemSelected.js";
+import { g as g26 } from "./components/ImageText/components/NoItemSelected/dictionary.js";
+import { I as I6 } from "./components/ImageText/components/ImageTextContainer/ImageTextContainer.js";
+import { g as g27 } from "./components/ObjectLogs/dictionary.js";
 import { O } from "./components/ObjectLogs/ObjectLogs.js";
 import { P as P7 } from "./components/PaperForm/PaperForm.js";
 import { P as P8 } from "./components/PDFViewer/PDFViewer.js";
@@ -177,25 +181,25 @@ import { S as S8 } from "./components/ScrollBar/ScrollBar.js";
 import { S as S9 } from "./components/SideBar/SideBar.js";
 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 { W as W2 } from "./components/WindowBase/WindowBase.js";
 import { u as u14 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
 import { u as u15, a as a11 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
-import { M as M6, W as W2, a as a12 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
+import { M as M6, W as W3, a as a12 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
 import { c as c3 } from "./components/WindowBase/contexts/DynamicMFParmsContext/store.js";
 import { D as D10, a as a13, M as M7 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
-import { W as W3 } from "./components/WindowConfirm/WindowConfirm.js";
-import { a as a14, g as g27 } from "./components/ModalDialog/dictionary.js";
+import { W as W4 } from "./components/WindowConfirm/WindowConfirm.js";
+import { a as a14, g as g28 } from "./components/ModalDialog/dictionary.js";
 import { M as M8 } from "./components/ModalDialog/ModalDialog.js";
 import { P as P13 } from "./components/Pager/Pager.js";
 import { F as F2, R as R22, u as u16 } from "./components/hook-form/RHFormContext/index.js";
-import { g as g28 } from "./components/hook-form/RHFormContext/dictionary.js";
+import { g as g29 } 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 a15, M as M9 } from "./contexts/ModalContext/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 g29 } from "./hooks/useFormAddEdit/dictionary.js";
+import { g as g30 } 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";
@@ -208,16 +212,16 @@ import { u as u28 } from "./hooks/useDataGridPersistence/useDataGridPersistence.
 import { u as u29 } from "./hooks/usePopoverContainer/usePopoverContainer.js";
 import { c as c4 } from "./utils/capitalizeFirstLetter.js";
 import { i as i2 } from "./utils/isValidDate.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 a16, g as g34 } from "./utils/getSizeStyles/getSizeStyles.js";
+import { g as g31 } from "./utils/getComponentUtilityClass.js";
+import { g as g32 } from "./utils/getPaletteColor.js";
+import { g as g33 } from "./utils/getTypographyStyles.js";
+import { g as g34 } from "./utils/getIconColor.js";
+import { a as a16, g as g35 } from "./utils/getSizeStyles/getSizeStyles.js";
 import { O as O2 } from "./utils/ObjectQueue.js";
-import { g as g35, a as a17 } from "./utils/getComponentSlotRoot.js";
+import { g as g36, a as a17 } from "./utils/getComponentSlotRoot.js";
 import { f } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
-import { g as g36 } from "./utils/getValidDate.js";
-import { g as g37 } from "./utils/getNullGuard.js";
+import { g as g37 } from "./utils/getValidDate.js";
+import { g as g38 } from "./utils/getNullGuard.js";
 export {
   A7 as AREAS_DICCTIONARY,
   a3 as AREAS_DICTIONARY_ID,
@@ -285,6 +289,7 @@ export {
   I as IconButtonAnimate,
   I5 as Image,
   I3 as ImageButton,
+  I6 as ImageTextContainer,
   L2 as LABEL_FILTER_BUTTON,
   L6 as Label,
   L7 as LanguagePopover,
@@ -307,7 +312,8 @@ export {
   M as MotionContainer,
   M2 as MotionLazyContainer,
   N2 as NavLink,
-  N3 as NoItemSelected,
+  N3 as NoItemPrivileges,
+  N4 as NoItemSelected,
   N as NumberEditor,
   O as ObjectLogs,
   O2 as ObjectQueue,
@@ -380,9 +386,10 @@ export {
   T8 as Typography,
   U as UncertaintyFormatter,
   V as VariableSizeList,
-  W as WindowBase,
-  W3 as WindowConfirm,
-  W2 as WindowToolsMFContext,
+  W as WINDOW_SIZES,
+  W2 as WindowBase,
+  W4 as WindowConfirm,
+  W3 as WindowToolsMFContext,
   a12 as WindowToolsMFProvider,
   c2 as addLayoutItemToBreakPointIfNoExists,
   e2 as addLayoutItemToBreakPoints,
@@ -398,44 +405,45 @@ export {
   b2 as getAreasComponentsDictionary,
   g3 as getAreasDictionary,
   g4 as getCommonActionsDictionary,
-  g35 as getComponentClasses,
+  g36 as getComponentClasses,
   a17 as getComponentSlotRoot,
-  g30 as getComponentUtilityClass,
+  g31 as getComponentUtilityClass,
   g5 as getDataGridComponentsDictionary,
   g6 as getDataGridRowsFromSet,
   g17 as getDistanceToNowFormatterComponentsDictionary,
   g7 as getDynamicFilterComponentsDictionary,
   a6 as getDynamicSortComponentsDictionary,
   a5 as getFilterGroupFieldsByName,
-  g28 as getFormComponentsDictionary,
+  g29 as getFormComponentsDictionary,
   g15 as getFormatConcatenated,
   g12 as getFormatDate,
   g14 as getFormatPoints,
   g16 as getFormatPrice,
   g18 as getFormattersComponentsDictionary,
   a16 as getHeightSizeStyles,
-  g33 as getIconColor,
+  g34 as getIconColor,
   g8 as getIsIfInDynamicFilter,
   g22 as getLoadingErrorComponentsDictionary,
   g24 as getMFLoaderComponentsDictionary,
   g23 as getMenuActionsComponentsDictionary,
   a14 as getModalDialogComponentsDictionary,
-  g27 as getModalDictionary,
-  g25 as getNoItemSelectedComponentsDictionary,
-  g37 as getNullGuard,
-  g26 as getObjectLogsComponentsDictionary,
+  g28 as getModalDictionary,
+  g25 as getNoItemPrivilegesComponentsDictionary,
+  g26 as getNoItemSelectedComponentsDictionary,
+  g38 as getNullGuard,
+  g27 as getObjectLogsComponentsDictionary,
   g11 as getPagerComponentsDictionary,
-  g31 as getPaletteColor,
+  g32 as getPaletteColor,
   g21 as getPeriodComponetsDictionary,
   g20 as getRHFAutocompleteAsyncComponentsDictionary,
   g19 as getRHFAutocompleteComponentsDictionary,
   g9 as getRawFiltersForNetwork,
   g10 as getRawSortsForNetwork,
-  g34 as getSizeStyles,
-  g32 as getTypographyStyles,
+  g35 as getSizeStyles,
+  g33 as getTypographyStyles,
   g13 as getUncertaintyFormat,
-  g36 as getValidDate,
-  g29 as getformAddEditDictionary,
+  g37 as getValidDate,
+  g30 as getformAddEditDictionary,
   i as isEqualLayout,
   k as isEqualLayouts,
   i2 as isValidDate,

package/mockServiceWorker.js

@@ -8,7 +8,7 @@
  * - Please do NOT serve this file on production.
  */
 
-const PACKAGE_VERSION = '2.8.2'
+const PACKAGE_VERSION = '2.7.0'
 const INTEGRITY_CHECKSUM = '00729d72e3b82faf54ca8b9621dbb96f'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.1",
+  "version": "9.3.2-B04082025-beta.3",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {
@@ -11,8 +11,8 @@
     "@googlemaps/js-api-loader": "^1.16.6",
     "@hookform/resolvers": "2.9.11",
     "@m4l/core": "^2.0.0",
-    "@m4l/graphics": "^7.0.0",
-    "@m4l/styles": "^7.0.0",
+    "@m4l/graphics": "7.1.3-B04082025-beta.3",
+    "@m4l/styles": "7.1.31-B04082025-beta.3",
     "@microlink/react-json-view": "^1.23.3",
     "@mui/lab": "5.0.0-alpha.173",
     "@mui/material": "5.16.7",

package/storybook/components/Areas/AreasViewer/subcomponents/Launcher/PopupButton.d.ts

@@ -4,7 +4,7 @@ interface PopupButtonProps {
     iconUrl: string;
     dynamicParams: Record<string, any>;
     /** Si se pasa este id, se intentará reemplazar el popup existente */
-    windowType?: 'simple_popup' | 'microfrontend_userd_add_edit_popup' | 'microfrontend_users_list_layout';
+    windowType?: 'simple_popup' | 'microfrontend_userd_add_edit_popup' | 'microfrontend_users_list_layout' | 'microfrontend_userd_add_edit_modal';
     replaceMeId?: string;
     onClick?: () => void;
     /** Callback para notificar que se ha generado un id, en caso de no recibir uno por props */

package/storybook/components/NoItemPrivileges/NoItemPrivileges.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { NoItemPrivileges } from '../../../src/components/ImageText/components/NoItemPrivileges';
+declare const meta: Meta<typeof NoItemPrivileges>;
+export default meta;
+type Story = StoryObj<typeof NoItemPrivileges>;
+/** Base component  */
+export declare const NoItemPrivilegesComponent: Story;
+/**
+ * Version skeleton del componente
+ */
+export declare const Skeleton: Story;
+export declare const WithSplitLayout: Story;

package/storybook/components/NoItemSelect/NoItemSelect.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { NoItemSelected } from '../../../src/components/NoItemSelected/NoItemSelected';
+import { NoItemSelected } from '../../../src/components/ImageText/components/NoItemSelected/NoItemSelected';
 declare const meta: Meta<typeof NoItemSelected>;
 export default meta;
 type Story = StoryObj<typeof NoItemSelected>;

package/storybook/components/extended/mui/TextField/TextFieldText.stories.d.ts

@@ -21,5 +21,12 @@ export declare const MultipleLines: Story;
  * disabled
  */
 export declare const WhitAdorment: Story;
+/**
+ * Se aplica cuando el input tiene un limite de caracteres.
+ */
+export declare const WithLimitCharacters: Story;
+/**
+ * Se aplica cuando el input tiene un skeleton.
+ */
 export declare const WithSkeleton: Story;
 export default meta;

package/components/NoItemSelected/NoItemSelected.js

@@ -1,77 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { useMemo, useRef, useState, useEffect } from "react";
-import { W as WrapperNoItemSelectedStyled, N as NoItemSelectedContainer, I as ImgStyled, a as WrapperTpography, T as TypographyStyledTitle, b as TypographyStyledDetail, L as LabelDetail } from "./slots/NoItemSelectedSlots.js";
-import { clsx } from "clsx";
-import { c as classNoItemSelected, N as NO_ITEM_SELECT_KEY_COMPONENT } from "./constant.js";
-import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
-import { N as NoItemSelectedSlots } from "./slots/NoItemSelectedEnum.js";
-import { D as DICTIONARY } from "./dictionary.js";
-import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
-function NoItemSelected(props) {
-  const { image, message, size = "medium", className, dataTestId } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { currentSize } = useComponentSize(size);
-  const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
-  const { getLabel } = useModuleDictionary();
-  const defaultImage = useMemo(() => {
-    return `${host_static_assets}/${environment_assets}/frontend/components/no_item_selected/assets/icons/no_selected.svg`;
-  }, []);
-  const ownerState = {
-    size
-  };
-  const containerRef = useRef(null);
-  const [isVisible, setIsVisible] = useState(true);
-  useEffect(() => {
-    const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        setIsVisible(entry.contentRect.height >= 49);
-      }
-    });
-    if (containerRef.current) {
-      observer.observe(containerRef.current);
-    }
-    return () => observer.disconnect();
-  }, []);
-  return /* @__PURE__ */ jsxs(
-    WrapperNoItemSelectedStyled,
-    {
-      ...getPropDataTestId(NO_ITEM_SELECT_KEY_COMPONENT, NoItemSelectedSlots.root, dataTestId),
-      children: [
-        /* @__PURE__ */ jsx(NoItemSelectedContainer, { ref: containerRef, children: isVisible && /* @__PURE__ */ jsx(
-          ImgStyled,
-          {
-            className: clsx(classNoItemSelected.img, "noItemSelectedImg", className),
-            src: image || defaultImage,
-            alt: "No item selected"
-          }
-        ) }),
-        !message ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(WrapperTpography, { size: adjustedSize, children: [
-          /* @__PURE__ */ jsx(
-            TypographyStyledTitle,
-            {
-              ownerState: { ...ownerState },
-              skeletonWidth: 100,
-              size: adjustedSize,
-              "data-testid": getPropDataTestId(NO_ITEM_SELECT_KEY_COMPONENT, NoItemSelectedSlots.typographyStyledTitle, dataTestId),
-              children: getLabel(DICTIONARY.LABEL_TITLE)
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            TypographyStyledDetail,
-            {
-              ownerState: { ...ownerState },
-              skeletonWidth: 200,
-              size: adjustedSize,
-              "data-testid": getPropDataTestId(NO_ITEM_SELECT_KEY_COMPONENT, NoItemSelectedSlots.typographyStyledDetail, dataTestId),
-              children: getLabel(DICTIONARY.LABEL_DETAIL)
-            }
-          )
-        ] }) }) : /* @__PURE__ */ jsx(LabelDetail, { children: message })
-      ]
-    }
-  );
-}
-export {
-  NoItemSelected as N
-};