@m4l/components 9.3.10-BE250825-beta.2 → 9.3.10-BE250825-beta.4

package/components/ObjectLogs/slots/ObjectLogsSlots.js

@@ -4,7 +4,7 @@ import { o as objectLogsStyles } from "../ObjectLogs.styles.js";
 import { S as Stack } from "../../mui_extended/Stack/Stack.js";
 import { W as WindowBase } from "../../WindowBase/WindowBase.js";
 import { D as DetailDialog } from "../subcomponents/DetailDialog/index.js";
-import { R as ReactJson } from "../../../not_recognized/index.js";
+import ReactJson from "@microlink/react-json-view";
 import { O as ObjectLogsSlots } from "./ObjectLogsEnum.js";
 import { T as Tooltip } from "../../mui_extended/Tooltip/Tooltip.js";
 import { I as IconButton } from "../../mui_extended/IconButton/IconButton.js";

package/components/ObjectLogs/subcomponents/DetailDialog/index.js

@@ -28,9 +28,11 @@ function DetailDialog(props) {
   return /* @__PURE__ */ jsx(
     ReactJsonViewer,
     {
-      value: detail,
+      name: null,
+      sortKeys: true,
       displayDataTypes: false,
-      quotesOnKeys: false
+      quotesOnKeys: false,
+      src: detail
     }
   );
 }

package/components/SideBar/tests/constants.d.ts

@@ -3,4 +3,3 @@ export declare const SIDEBAR_PREFIX = "M4LSideBar";
 export declare const Data1: Array<MenuDataType>;
 export declare const Data2: Array<MenuDataType>;
 export declare const Data3: Array<MenuDataType>;
-export declare const menuData: MenuDataType[];

package/components/extended/React-Json-Viewer/ReactJsonViewer.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { JsonViewer } from "@textea/json-viewer";
+import ReactJson from "@microlink/react-json-view";
 import { R as ReactJsonViewerRootStyled } from "./slots/ReactJsonViewerSlots.js";
 import { R as REACT_JSON_VIEWER_CLASSES } from "./constants.js";
 import { useTheme } from "@mui/material";
@@ -17,7 +17,7 @@ const ReactJsonViewer = (props) => {
       role: "application",
       "aria-label": "JSON data viewer",
       children: /* @__PURE__ */ jsx(
-        JsonViewer,
+        ReactJson,
         {
           theme,
           ...others

package/components/extended/React-Json-Viewer/helpers/getReactJsonViewerTheme/getReactJsonViewerTheme.d.ts

@@ -1,8 +1,8 @@
+import { ThemeObject } from '@microlink/react-json-view';
 import { Theme } from '@mui/material';
-import { Colorspace } from '@textea/json-viewer';
 /**
  * Función para obtener los colores del tema de MUI.
  * @param muiTheme - Tema de MUI.
  * @returns Colores del tema.
  */
-export declare const getReactJsonViewerTheme: (muiTheme: Theme) => Colorspace;
+export declare const getReactJsonViewerTheme: (muiTheme: Theme) => ThemeObject;

package/components/extended/React-Json-Viewer/helpers/getReactJsonViewerTheme/getReactJsonViewerTheme.js

@@ -1,21 +1,21 @@
 const getReactJsonViewerTheme = (muiTheme) => {
   return {
-    base00: muiTheme.vars?.palette?.background?.default,
-    base01: muiTheme.vars?.palette?.background?.base,
-    base02: muiTheme.vars?.palette?.background?.neutral,
-    base03: muiTheme.vars?.palette?.text?.disabled,
-    base04: muiTheme.vars?.palette?.text?.secondary,
-    base05: muiTheme.vars?.palette?.text?.primary,
-    base06: muiTheme.vars?.palette?.text?.primary,
-    base07: muiTheme.vars?.palette?.text?.primary,
-    base08: muiTheme.vars?.palette?.chips?.error?.outlined?.colorTone,
-    base09: muiTheme.vars?.palette?.chips?.orange?.outlined?.color,
-    base0A: muiTheme.vars?.palette?.chips?.warning?.outlined?.colorTone,
-    base0B: muiTheme.vars?.palette?.chips?.forest?.outlined?.color,
-    base0C: muiTheme.vars?.palette?.chips?.aqua?.outlined?.colorTone,
-    base0D: muiTheme.vars?.palette?.chips?.info?.outlined?.colorTone,
-    base0E: muiTheme.vars?.palette?.chips?.pink?.outlined?.colorTone,
-    base0F: muiTheme.vars?.palette?.chips?.persianGreen?.outlined?.colorTone
+    base00: muiTheme?.vars?.palette?.background?.default,
+    base01: muiTheme?.vars?.palette?.background?.base,
+    base02: muiTheme?.vars?.palette?.background?.neutral,
+    base03: muiTheme?.vars?.palette?.text?.disabled,
+    base04: muiTheme?.vars?.palette?.text?.secondary,
+    base05: muiTheme?.vars?.palette?.text?.primary,
+    base06: muiTheme?.vars?.palette?.text?.primary,
+    base07: muiTheme?.vars?.palette?.text?.primary,
+    base08: muiTheme?.vars?.palette?.chips?.error?.outlined?.colorTone,
+    base09: muiTheme?.vars?.palette?.chips?.orange?.outlined?.color,
+    base0A: muiTheme?.vars?.palette?.chips?.warning?.outlined?.colorTone,
+    base0B: muiTheme?.vars?.palette?.chips?.forest?.outlined?.color,
+    base0C: muiTheme?.vars?.palette?.chips?.aqua?.outlined?.colorTone,
+    base0D: muiTheme?.vars?.palette?.chips?.info?.outlined?.colorTone,
+    base0E: muiTheme?.vars?.palette?.chips?.pink?.outlined?.colorTone,
+    base0F: muiTheme?.vars?.palette?.chips?.persianGreen?.outlined?.colorTone
   };
 };
 export {

package/components/extended/React-Json-Viewer/types.d.ts

@@ -1,9 +1,9 @@
+import { ReactJsonViewProps } from '@microlink/react-json-view';
 import { ReactJsonViewerSlots } from './slots/ReactJsonViewerEnum';
 import { M4LOverridesStyleRules } from '../../../@types/augmentations';
 import { REACT_JSON_VIEWER_KEY_COMPONENT } from './constants';
 import { Theme } from '@mui/material';
-import { JsonViewerProps } from '@textea/json-viewer';
-export interface ReactJsonViewerProps extends Omit<JsonViewerProps, 'theme'> {
+export interface ReactJsonViewerProps extends Omit<ReactJsonViewProps, 'theme'> {
     className?: string;
     dataTestId?: string;
 }

package/components/extended/React-Resizable/Resizable/stories/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const heightWindow = 180;
+export declare const widthWindow = 260;
+export declare const marginWindow = 10;

package/components/extended/React-Resizable/Resizable/stories/types.d.ts

@@ -0,0 +1,3 @@
+import { StoryObj } from '@storybook/react';
+import { Resizable } from '../Resizable';
+export type StoryResizableType = StoryObj<typeof Resizable>;

package/components/extended/React-Resizable/ResizableBox/stories/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const heightWindow = 180;
+export declare const widthWindow = 260;
+export declare const marginWindow = 10;

package/components/extended/React-Resizable/ResizableBox/stories/types.d.ts

@@ -0,0 +1,3 @@
+import { StoryObj } from '@storybook/react';
+import { ResizableBox } from '../ResizableBox';
+export type StoryResizableBoxType = StoryObj<typeof ResizableBox>;

package/components/mui_extended/FormControlLabel/FormControlLabel.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as CustomFormControlLabel } from './FormControlLabel';
+declare const meta: Meta<typeof CustomFormControlLabel>;
+export default meta;
+type Story = StoryObj<typeof CustomFormControlLabel>;
+export declare const Base: Story;
+export declare const CheckboxType: Story;
+export declare const SwitchType: Story;
+export declare const RadioWithLabelOption: Story;
+export declare const SizesRadio: Story;
+/**
+ * TODO: Documentar
+ */
+export declare function ControlledRadioButtonsGroup(): import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxDisabledWithLabel: Story;

package/components/mui_extended/Select/Select.js

@@ -176,6 +176,7 @@ const Select = forwardRef(
               paddingBottom: theme.vars.size.baseSpacings.sp3,
               paddingLeft: 0,
               paddingRight: 0,
+              maxHeight: "200px",
               "& .MuiList-root": {
                 padding: 0,
                 display: "flex",

package/components/mui_extended/Select/Select.styles.js

@@ -35,7 +35,12 @@ const selectStyles = {
         },
         "& .MuiSelect-select": {
           padding: `${theme.vars.size.baseSpacings.sp1}!important`,
-          minHeight: "unset"
+          minHeight: "unset",
+          maxHeight: "80px",
+          overflow: "auto",
+          boxSizing: "border-box",
+          display: "flex",
+          flexDirection: "column"
         },
         // Estilos para la variante text
         [`&.${SELECT_CLASSES.text}`]: {
@@ -69,7 +74,8 @@ const selectStyles = {
           (height) => {
             return {
               minHeight: height,
-              maxHeight: height
+              height: "fit-content",
+              maxHeight: "80px"
             };
           }
         )
@@ -88,7 +94,9 @@ const selectStyles = {
     display: "flex",
     alignItems: "center",
     gap: theme.vars.size.baseSpacings.sp1,
-    flexWrap: "wrap"
+    flexWrap: "wrap",
+    overflow: "auto",
+    flexShrink: 1
   }),
   arrowDown: {},
   renderValueTypography: () => ({

package/hooks/useComponentSize/useComponentSize.stories.d.ts

@@ -0,0 +1,47 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Sizes } from '@m4l/styles';
+/**
+ * TODO: Documentar
+ */
+declare const ComponentSizeBase: ({ propSize }: {
+    propSize?: Sizes;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook usado para obtener el valor por default para la propiedad `size` de los componentes.
+ *
+ * El hook está en la ruta `packages/m4l_components/src/hooks/useComponentSize/useComponentSize.ts`.
+ *
+ * Ejemplo:
+ *
+ * ```jsx
+ *  import { useComponentSize } from './useComponentSize';
+ *
+ *  const Button = ({ size }) => {
+ *   // currentSize sería la variable que debemos usar para calcular el size del componente en los estilos.
+ *   const { currentSize } = useComponentSize(size);
+ *
+ *   return (...);
+ * };
+ * ```
+ *
+ * El valor por defecto para toda la aplicación se encuentra en `packages/m4l_styles/src/config.ts`
+ * y es `'medium'`, se puede obtener de la constante `DEFAULT_SIZE` desde `@m4l/styles`.
+ *
+ * Este valor por defecto es pasado a través del contexto `AppearanceComponentProvider` que se
+ * encuentra en `packages/m4l_components/src/contexts/AppearanceComponentContext/AppearanceComponentContext.tsx`
+ */
+declare const meta: Meta<typeof ComponentSizeBase>;
+export default meta;
+type Story = StoryObj<typeof ComponentSizeBase>;
+/**
+ * Base useComponentSize hook, cuando no se envía el size `currentSize` es el valor por default
+ */
+export declare const Base: Story;
+/**
+ * With prop size
+ */
+export declare const WithPropSize: Story;
+/**
+ * With inner context
+ */
+export declare const WithInnerContext: Story;

package/mockServiceWorker.js

@@ -5,23 +5,24 @@
  * Mock Service Worker.
  * @see https://github.com/mswjs/msw
  * - Please do NOT modify this file.
+ * - Please do NOT serve this file on production.
  */
 
-const PACKAGE_VERSION = '2.10.4'
-const INTEGRITY_CHECKSUM = 'f5825c521429caf22a4dd13b66e243af'
+const PACKAGE_VERSION = '2.7.0'
+const INTEGRITY_CHECKSUM = '00729d72e3b82faf54ca8b9621dbb96f'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()
 
-addEventListener('install', function () {
+self.addEventListener('install', function () {
   self.skipWaiting()
 })
 
-addEventListener('activate', function (event) {
+self.addEventListener('activate', function (event) {
   event.waitUntil(self.clients.claim())
 })
 
-addEventListener('message', async function (event) {
-  const clientId = Reflect.get(event.source || {}, 'id')
+self.addEventListener('message', async function (event) {
+  const clientId = event.source.id
 
   if (!clientId || !self.clients) {
     return
@@ -93,18 +94,17 @@ addEventListener('message', async function (event) {
   }
 })
 
-addEventListener('fetch', function (event) {
+self.addEventListener('fetch', function (event) {
+  const { request } = event
+
   // Bypass navigation requests.
-  if (event.request.mode === 'navigate') {
+  if (request.mode === 'navigate') {
     return
   }
 
   // Opening the DevTools triggers the "only-if-cached" request
   // that cannot be handled by the worker. Bypass such requests.
-  if (
-    event.request.cache === 'only-if-cached' &&
-    event.request.mode !== 'same-origin'
-  ) {
+  if (request.cache === 'only-if-cached' && request.mode !== 'same-origin') {
     return
   }
 
@@ -115,62 +115,48 @@ addEventListener('fetch', function (event) {
     return
   }
 
+  // Generate unique request ID.
   const requestId = crypto.randomUUID()
   event.respondWith(handleRequest(event, requestId))
 })
 
-/**
- * @param {FetchEvent} event
- * @param {string} requestId
- */
 async function handleRequest(event, requestId) {
   const client = await resolveMainClient(event)
-  const requestCloneForEvents = event.request.clone()
   const response = await getResponse(event, client, requestId)
 
   // Send back the response clone for the "response:*" life-cycle events.
   // Ensure MSW is active and ready to handle the message, otherwise
   // this message will pend indefinitely.
   if (client && activeClientIds.has(client.id)) {
-    const serializedRequest = await serializeRequest(requestCloneForEvents)
-
-    // Clone the response so both the client and the library could consume it.
-    const responseClone = response.clone()
-
-    sendToClient(
-      client,
-      {
-        type: 'RESPONSE',
-        payload: {
-          isMockedResponse: IS_MOCKED_RESPONSE in response,
-          request: {
-            id: requestId,
-            ...serializedRequest,
-          },
-          response: {
+    ;(async function () {
+      const responseClone = response.clone()
+
+      sendToClient(
+        client,
+        {
+          type: 'RESPONSE',
+          payload: {
+            requestId,
+            isMockedResponse: IS_MOCKED_RESPONSE in response,
             type: responseClone.type,
             status: responseClone.status,
             statusText: responseClone.statusText,
-            headers: Object.fromEntries(responseClone.headers.entries()),
             body: responseClone.body,
+            headers: Object.fromEntries(responseClone.headers.entries()),
           },
         },
-      },
-      responseClone.body ? [serializedRequest.body, responseClone.body] : [],
-    )
+        [responseClone.body],
+      )
+    })()
   }
 
   return response
 }
 
-/**
- * Resolve the main client for the given event.
- * Client that issues a request doesn't necessarily equal the client
- * that registered the worker. It's with the latter the worker should
- * communicate with during the response resolving phase.
- * @param {FetchEvent} event
- * @returns {Promise<Client | undefined>}
- */
+// Resolve the main client for the given event.
+// Client that issues a request doesn't necessarily equal the client
+// that registered the worker. It's with the latter the worker should
+// communicate with during the response resolving phase.
 async function resolveMainClient(event) {
   const client = await self.clients.get(event.clientId)
 
@@ -198,16 +184,12 @@ async function resolveMainClient(event) {
     })
 }
 
-/**
- * @param {FetchEvent} event
- * @param {Client | undefined} client
- * @param {string} requestId
- * @returns {Promise<Response>}
- */
 async function getResponse(event, client, requestId) {
+  const { request } = event
+
   // Clone the request because it might've been already used
   // (i.e. its body has been read and sent to the client).
-  const requestClone = event.request.clone()
+  const requestClone = request.clone()
 
   function passthrough() {
     // Cast the request headers to a new Headers instance
@@ -248,17 +230,29 @@ async function getResponse(event, client, requestId) {
   }
 
   // Notify the client that a request has been intercepted.
-  const serializedRequest = await serializeRequest(event.request)
+  const requestBuffer = await request.arrayBuffer()
   const clientMessage = await sendToClient(
     client,
     {
       type: 'REQUEST',
       payload: {
         id: requestId,
-        ...serializedRequest,
+        url: request.url,
+        mode: request.mode,
+        method: request.method,
+        headers: Object.fromEntries(request.headers.entries()),
+        cache: request.cache,
+        credentials: request.credentials,
+        destination: request.destination,
+        integrity: request.integrity,
+        redirect: request.redirect,
+        referrer: request.referrer,
+        referrerPolicy: request.referrerPolicy,
+        body: requestBuffer,
+        keepalive: request.keepalive,
       },
     },
-    [serializedRequest.body],
+    [requestBuffer],
   )
 
   switch (clientMessage.type) {
@@ -274,12 +268,6 @@ async function getResponse(event, client, requestId) {
   return passthrough()
 }
 
-/**
- * @param {Client} client
- * @param {any} message
- * @param {Array<Transferable>} transferrables
- * @returns {Promise<any>}
- */
 function sendToClient(client, message, transferrables = []) {
   return new Promise((resolve, reject) => {
     const channel = new MessageChannel()
@@ -292,18 +280,14 @@ function sendToClient(client, message, transferrables = []) {
       resolve(event.data)
     }
 
-    client.postMessage(message, [
-      channel.port2,
-      ...transferrables.filter(Boolean),
-    ])
+    client.postMessage(
+      message,
+      [channel.port2].concat(transferrables.filter(Boolean)),
+    )
   })
 }
 
-/**
- * @param {Response} response
- * @returns {Response}
- */
-function respondWithMock(response) {
+async function respondWithMock(response) {
   // Setting response status code to 0 is a no-op.
   // However, when responding with a "Response.error()", the produced Response
   // instance will have status code set to 0. Since it's not possible to create
@@ -321,24 +305,3 @@ function respondWithMock(response) {
 
   return mockedResponse
 }
-
-/**
- * @param {Request} request
- */
-async function serializeRequest(request) {
-  return {
-    url: request.url,
-    mode: request.mode,
-    method: request.method,
-    headers: Object.fromEntries(request.headers.entries()),
-    cache: request.cache,
-    credentials: request.credentials,
-    destination: request.destination,
-    integrity: request.integrity,
-    redirect: request.redirect,
-    referrer: request.referrer,
-    referrerPolicy: request.referrerPolicy,
-    body: await request.arrayBuffer(),
-    keepalive: request.keepalive,
-  }
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.10-BE250825-beta.2",
+  "version": "9.3.10-BE250825-beta.4",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {
@@ -17,7 +17,6 @@
     "@mui/lab": "5.0.0-alpha.173",
     "@mui/material": "5.16.7",
     "@mui/x-date-pickers": "6.20.2",
-    "@textea/json-viewer": "4.0.1",
     "atmosphere.js": "^4.0.0",
     "chart.js": "^4.4.0",
     "chartjs-chart-error-bars": "^4.3.3",

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SideBar } from '../../../src/components/SideBar';
+import { AccountPopover } from '../../../src/components/AccountPopover';
+declare const meta: Meta<typeof AccountPopover>;
+type Story = StoryObj<typeof SideBar>;
+/**
+ * Componente AccountPopover por defecto.
+ * Muestra el avatar del usuario, la versión de la aplicación, el nombre del usuario y las opciones de menú.
+ */
+export declare const Default: Story;
+export default meta;

package/storybook/components/Areas/AreasAdmin/AreasAdmin.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PaperForm } from '../../../../src/components/PaperForm';
+import { AreasAdmin } from '../../../../src/components/areas/components/AreasAdmin/AreasAdmin';
+declare const meta: Meta<typeof AreasAdmin>;
+type Story = StoryObj<typeof PaperForm>;
+export declare const Default: Story;
+export declare const Skeleton: Story;
+export default meta;

package/storybook/components/Areas/AreasViewer/AreasViewer.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PaperForm } from '../../../../src/components/PaperForm';
+import { AreasViewer } from '../../../../src/components/areas/components/AreasViewer/AreasViewer';
+declare const meta: Meta<typeof AreasViewer>;
+type Story = StoryObj<typeof PaperForm>;
+export declare const Default: Story;
+export default meta;

package/storybook/components/Areas/AreasViewer/hooks/useWindowsActions.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Componente que define las acciones del header para "clientes"
+ */
+export declare function useWindowsActions(moduleId: string): null;

package/storybook/components/Areas/AreasViewer/moks/mokData.d.ts

@@ -0,0 +1,14 @@
+export declare const MOCK_CLIENTS: {
+    nombre: string;
+    correo: string;
+    telefono: string;
+    direccion: string;
+    ciudad: string;
+}[];
+export declare const MOCK_USERS: {
+    nombre: string;
+    apellido: string;
+    email: string;
+    telefono: string;
+    activo: boolean;
+}[];

package/storybook/components/Areas/AreasViewer/subcomponents/AreasViewerRender.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Render AreasViewer
+ */
+export declare const AreasViewerRender: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+/**
+ * Layout de prueba para lanzar popups con replaceMeId.
+ */
+export declare const Launcher: React.FC;

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

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+interface PopupButtonProps {
+    title: string;
+    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' | '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 */
+    onPopupCreated?: (id: string) => void;
+}
+export declare const heightWindow = 180;
+export declare const widthWindow = 460;
+export declare const marginWindow = 10;
+/**
+ * Botón que lanza un popup. Si se proporciona un replaceMeId, se usará ese id para reemplazar el popup existente;
+ * si no, se genera uno nuevo (incluyendo el currentAreaId) y se notifica al padre mediante onPopupCreated.
+ */
+export declare const PopupButton: React.FC<PopupButtonProps>;
+export {};

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

@@ -0,0 +1,4 @@
+/**
+ * Componente de ejemplo para el contenido de un popup.
+ */
+export declare const PopupContentExample: () => import("react/jsx-runtime").JSX.Element;

package/storybook/components/Areas/AreasViewer/subcomponents/layouts/ClientsLayout.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Componente que define las acciones del header para "clientes"
+ */
+export declare function CustomersLayout(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/Areas/AreasViewer/subcomponents/layouts/UsersLayout.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Componente que define las acciones del header para "usuarios"
+ */
+export declare function UsersLayout(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/Areas/AreasViewerWithNetwork/AreasViewerWithNetwork.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PaperForm } from '../../../../src/components/PaperForm';
+import { AreasAdmin } from '../../../../src/components/areas/components/AreasAdmin/AreasAdmin';
+declare const meta: Meta<typeof AreasAdmin>;
+type Story = StoryObj<typeof PaperForm>;
+export declare const Default: Story;
+export default meta;

package/storybook/components/Areas/AreasViewerWithNetwork/moks/mokData.d.ts

@@ -0,0 +1,14 @@
+export declare const MOCK_CLIENTS: {
+    nombre: string;
+    correo: string;
+    telefono: string;
+    direccion: string;
+    ciudad: string;
+}[];
+export declare const MOCK_USERS: {
+    nombre: string;
+    apellido: string;
+    email: string;
+    telefono: string;
+    activo: boolean;
+}[];

package/storybook/components/Areas/AreasViewerWithNetwork/moks/mokRed.d.ts

@@ -0,0 +1 @@
+export declare const handle_mock: import('msw').HttpHandler[];

package/storybook/components/Areas/AreasViewerWithNetwork/subcomponents/ClientsHeaderActions.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Componente que define las acciones del header para "clientes"
+ */
+export declare function ClientsHeaderActions(): import("react/jsx-runtime").JSX.Element;