@m4l/components 0.2.35 → 1.0.0

package/components/LinearProgressIndeterminate/index.de9d447c.js

@@ -0,0 +1,53 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { generateUtilityClasses, styled } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { G as LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME, J as ICON_PREFIX, T as TEST_PROP_ID } from "../areas/constants.5387d83e.js";
+import { g as getComponentUtilityClass } from "../../utils/index.9ee4c99a.js";
+generateUtilityClasses(
+  LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME,
+  [
+    "root",
+    "windowLinearProgressBar"
+  ],
+  LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME
+);
+const useLinearProgressIndeterminateUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    windowLinearProgressBar: ["windowLinearProgressBar"]
+  };
+  return unstable_composeClasses(
+    slots,
+    getComponentUtilityClass(LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME),
+    {}
+  );
+};
+const LinearProgressIndeterminateRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LinearProgressIndeterminate?.styleOverrides
+}));
+const getNameLinearProgressIndeterminateDataTestId = (KEY) => {
+  return `${ICON_PREFIX}-${KEY}`;
+};
+const classes = useLinearProgressIndeterminateUtilityClasses();
+const LinearProgressIndeterminate = () => {
+  return /* @__PURE__ */ jsx(
+    LinearProgressIndeterminateRoot,
+    {
+      className: clsx(classes.root, "borealisBar"),
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameLinearProgressIndeterminateDataTestId("root") } : {},
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: classes.windowLinearProgressBar,
+          ...process.env.NODE_ENV !== "production" ? {
+            [TEST_PROP_ID]: getNameLinearProgressIndeterminateDataTestId("windowLinearProgressBar")
+          } : {}
+        }
+      )
+    }
+  );
+};
+export {
+  LinearProgressIndeterminate as L
+};

package/components/LinearProgressIndeterminate/styles.d.ts

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

package/components/Loadable/{index.e994fc3e.js → index.e83cdb4e.js}

@@ -1,13 +1,8 @@
-import { Suspense } from "react";
-import { P as PropagateLoader } from "../animate/PropagateLoader/index.7fab43c8.js";
 import { jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { P as PropagateLoader } from "../animate/PropagateLoader/index.a9da8d00.js";
 const Loadable = (Component) => function EmbededLoadable(props) {
-  return /* @__PURE__ */ jsx(Suspense, {
-    fallback: /* @__PURE__ */ jsx(PropagateLoader, {}),
-    children: /* @__PURE__ */ jsx(Component, {
-      ...props
-    })
-  });
+  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(PropagateLoader, {}), children: /* @__PURE__ */ jsx(Component, { ...props }) });
 };
 export {
   Loadable as L

package/components/LoadingError/classes/types.d.ts

@@ -1,4 +1,4 @@
-import { loadingErrorUtilityClasses } from ".";
+import { loadingErrorUtilityClasses } from '.';
 export interface LoadingErrorClassesType {
     root: string;
     loadingErrorLoading: string;

package/components/LoadingError/{index.ee29dd48.js → index.9f00c83c.js}

@@ -1,13 +1,13 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { I as ICONS } from "../areas/icons.8266ccc8.js";
-import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
+import { I as ICONS } from "../areas/icons.504ec098.js";
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.c46da124.js";
-import { I as Icon } from "../Icon/index.ad330e78.js";
-import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { B as Button } from "../mui_extended/Button/index.c3084916.js";
-const componentName = "M4LoadingError";
+import { K as componentName } from "../areas/constants.5387d83e.js";
+import { styled } from "@mui/material/styles";
+import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.de9d447c.js";
+import { I as Icon } from "../Icon/index.d5fed418.js";
+import { T as Typography, B as Button } from "../../vendor.a1ce6777.js";
 generateUtilityClasses(componentName, [
   "root",
   "loadingErrorLoading",
@@ -43,64 +43,43 @@ const LoadingErrorRoot = styled("div")(({ theme }) => ({
   ...theme?.components?.M4LoadingError?.styleOverrides
 }));
 const LoadingError = (props) => {
-  const {
-    status,
-    action,
-    title,
-    description,
-    recommendation,
-    introMessage,
-    errorIcon
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const {
-    getLabel
-  } = useModuleDictionary();
+  const { status, action, title, description, recommendation, introMessage, errorIcon } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { getLabel } = useModuleDictionary();
   const classes = loadingErrorUtilityClasses();
-  return /* @__PURE__ */ jsx(LoadingErrorRoot, {
-    className: classes.root,
-    children: status !== "error" ? /* @__PURE__ */ jsx("div", {
-      className: classes.loadingErrorLoading,
-      children: /* @__PURE__ */ jsx(LinearProgressIndeterminate, {})
-    }) : /* @__PURE__ */ jsxs("div", {
-      className: classes.loadingError,
-      children: [/* @__PURE__ */ jsx(Icon, {
+  return /* @__PURE__ */ jsx(LoadingErrorRoot, { className: classes.root, children: status !== "error" ? /* @__PURE__ */ jsx("div", { className: classes.loadingErrorLoading, children: /* @__PURE__ */ jsx(LinearProgressIndeterminate, {}) }) : /* @__PURE__ */ jsxs("div", { className: classes.loadingError, children: [
+    /* @__PURE__ */ jsx(
+      Icon,
+      {
         className: classes.loadingErrorIcon,
         src: errorIcon ? errorIcon : `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.NAVIGATE_ERROR}`
-      }), /* @__PURE__ */ jsxs("div", {
-        className: classes.titleDescription,
-        children: [/* @__PURE__ */ jsx(Typography, {
-          variant: "h3",
-          skeletonWidth: "100px",
-          className: classes.loadingErrorTitle,
-          children: title ? title : getLabel("loading_error.label_error_title")
-        }), /* @__PURE__ */ jsx(Typography, {
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: classes.titleDescription, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "h3", skeletonWidth: "100px", className: classes.loadingErrorTitle, children: title ? title : getLabel("loading_error.label_error_title") }),
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
           variant: "subtitle",
           skeletonWidth: "100px",
           className: classes.loadingErrorDescription,
           children: description ? description : getLabel("loading_error.label_error_description")
-        })]
-      }), /* @__PURE__ */ jsx("div", {
-        className: classes.loadingErrorDivider
-      }), /* @__PURE__ */ jsx(Typography, {
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: classes.loadingErrorDivider }),
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
         variant: "paragraph",
         skeletonWidth: "100px",
         className: classes.loadingErrorTextAction,
         children: recommendation ? recommendation : getLabel("loading_error.label_error_recommendation")
-      }), /* @__PURE__ */ jsx(Button, {
-        onClick: action,
-        children: introMessage ? introMessage : getLabel("loading_error.label_error_intro")
-      })]
-    })
-  });
-};
-const getLoadingErrorComponentsDictionary = () => {
-  return ["loading_error"];
+      }
+    ),
+    /* @__PURE__ */ jsx(Button, { onClick: action, children: introMessage ? introMessage : getLabel("loading_error.label_error_intro") })
+  ] }) });
 };
 export {
-  LoadingError as L,
-  getLoadingErrorComponentsDictionary as g
+  LoadingError as L
 };

package/components/LoadingError/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LoadingErrorRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/LoadingError/types.d.ts

@@ -1,4 +1,4 @@
-import { AreaStatus, AreasStatus } from "../areas/contexts/AreasContext/types";
+import { AreaStatus, AreasStatus } from '../areas/contexts/AreasContext/types';
 export interface AreasLoadingErrorProps {
     /**Indica el estado actual del componente. Puede tener valores como 'error', 'cargando' u otros estados definidos por la aplicación. */
     status: AreasStatus | AreaStatus;

package/components/MFLoader/classes/types.d.ts

@@ -1,4 +1,4 @@
-import { mfLoaderUtilityClasses } from ".";
+import { mfLoaderUtilityClasses } from '.';
 export interface MFLoaderClassesType {
     root: string;
     containerLinearProgress: string;

package/components/MFLoader/{index.3a37407c.js → index.402c1acc.js}

@@ -4,16 +4,16 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from "react";
 import { useNetwork, useEnvironment, useHostTools, axiosOperation } from "@m4l/core";
 import { useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/graphics";
 import debounce from "lodash/debounce";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { L as LinearProgress } from "../mui_extended/LinearProgress/index.c92b9ba9.js";
-import { L as LoadingError } from "../LoadingError/index.ee29dd48.js";
-const componentName = "M4LMFLoader";
+import { O as componentName } from "../areas/constants.5387d83e.js";
+import { L as LinearProgress } from "../../vendor.a1ce6777.js";
+import { L as LoadingError } from "../LoadingError/index.9f00c83c.js";
 const mfLoaderClasses = generateUtilityClasses(componentName, [
   "root",
   "containerLinearProgress"
@@ -33,17 +33,9 @@ const mfLoaderUtilityClasses = () => {
 };
 const ProggessLoadingMF = (props) => {
   try {
-    const {
-      loadingProgress
-    } = props;
+    const { loadingProgress } = props;
     if (loadingProgress >= 0 && loadingProgress <= 100) {
-      return /* @__PURE__ */ jsx("div", {
-        className: mfLoaderClasses.containerLinearProgress,
-        children: /* @__PURE__ */ jsx(LinearProgress, {
-          variant: "determinate",
-          value: loadingProgress
-        })
-      });
+      return /* @__PURE__ */ jsx("div", { className: mfLoaderClasses.containerLinearProgress, children: /* @__PURE__ */ jsx(LinearProgress, { variant: "determinate", value: loadingProgress }) });
     }
   } catch (error) {
   }
@@ -156,7 +148,9 @@ const MFLoaderRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LMFLoader?.styleOverrides
 }));
 function getDivScritId(prefix, moduleId) {
-  const rotational_id = `${Math.round(new Date().getTime() / 1e3)}_rnd_${Math.round(Math.random() * 1e3)}`;
+  const rotational_id = `${Math.round(new Date().getTime() / 1e3)}_rnd_${Math.round(
+    Math.random() * 1e3
+  )}`;
   return {
     divContainerId: `container_${prefix}_${moduleId}_${rotational_id}`,
     scriptId: `script_${moduleId}_${rotational_id}`,
@@ -164,30 +158,16 @@ function getDivScritId(prefix, moduleId) {
   };
 }
 function MFLoader(props) {
-  const {
-    prefix,
-    moduleId,
-    cache = true,
-    debug_port,
-    dynamicMFStore,
-    windowTools
-  } = props;
-  const {
-    hostThemeOptions,
-    fnComponentsOverrides
-  } = useHostTheme();
-  const {
-    networkOperation
-  } = useNetwork();
+  const { prefix, moduleId, cache = true, debug_port, dynamicMFStore, windowTools } = props;
+  const { hostThemeOptions, fnComponentsOverrides } = useHostTheme();
+  const { networkOperation } = useNetwork();
   const environment = useEnvironment();
   const hostTools = useHostTools();
   const formatter = useFormatter();
   const [statusLoader, setStatusLoader] = useState("progress");
   const [loadingProgress, setLoadingProgress] = useState(-1);
   const [divScript, setDivScript] = useState(getDivScritId(prefix, moduleId));
-  const {
-    currentLocale
-  } = useLocales();
+  const { currentLocale } = useLocales();
   const classes = mfLoaderUtilityClasses();
   const isFirstRender = useFirstRender([moduleId]);
   const final_host = environment.isLocalhost ? `https://localhost:${debug_port}` : `https://${window.location.host}/mf/${moduleId}`;
@@ -210,30 +190,37 @@ function MFLoader(props) {
       }
     }
   }
-  const renderMicroFrontend = useCallback((newDScript) => {
-    try {
-      window[`render_${prefix}_${newDScript.moduleId}`](newDScript.divContainerId, {
-        ...environment,
-        isMicroFrontend: true,
-        mfProps: {
-          moduleId,
-          debugPort: debug_port
+  const renderMicroFrontend = useCallback(
+    (newDScript) => {
+      try {
+        window[`render_${prefix}_${newDScript.moduleId}`](
+          newDScript.divContainerId,
+          { ...environment, isMicroFrontend: true, mfProps: { moduleId, debugPort: debug_port } },
+          hostTools,
+          currentLocale,
+          { hostThemeOptions, fnComponentsOverrides },
+          axiosOperation,
+          formatter,
+          dynamicMFStore,
+          windowTools
+        );
+      } catch (error) {
+      }
+    },
+    [hostThemeOptions, currentLocale, formatter]
+  );
+  const debouncedSetDivScript = useCallback(
+    debounce(
+      (newName) => {
+        const newDivScript = getDivScritId(prefix, newName);
+        if (newName !== divScript.moduleId) {
+          setDivScript({ ...newDivScript });
         }
-      }, hostTools, currentLocale, {
-        hostThemeOptions,
-        fnComponentsOverrides
-      }, axiosOperation, formatter, dynamicMFStore, windowTools);
-    } catch (error) {
-    }
-  }, [hostThemeOptions, currentLocale, formatter]);
-  const debouncedSetDivScript = useCallback(debounce((newName) => {
-    const newDivScript = getDivScritId(prefix, newName);
-    if (newName !== divScript.moduleId) {
-      setDivScript({
-        ...newDivScript
-      });
-    }
-  }, 200), [divScript]);
+      },
+      200
+    ),
+    [divScript]
+  );
   useEffect(() => {
     if (!isFirstRender) {
       debouncedSetDivScript(moduleId + "");
@@ -247,9 +234,7 @@ function MFLoader(props) {
     window[`observable_${prefix}_${moduleId}`]?.tryAgain();
   }, []);
   useEffect(() => {
-    const dsNowScript = {
-      ...divScript
-    };
+    const dsNowScript = { ...divScript };
     const observableDownload = (event, progress) => {
       setLoadingProgress(progress);
       setStatusLoader(event);
@@ -257,7 +242,12 @@ function MFLoader(props) {
     if (!window[`render_${prefix}_${moduleId}`]) {
       let observableLoaderMF;
       if (!window[`observable_${prefix}_${moduleId}`]) {
-        observableLoaderMF = new ObservableLoaderMF(final_host, dsNowScript.scriptId, networkOperation, !environment.isLocalhost);
+        observableLoaderMF = new ObservableLoaderMF(
+          final_host,
+          dsNowScript.scriptId,
+          networkOperation,
+          !environment.isLocalhost
+        );
         window[`observable_${prefix}_${moduleId}`] = observableLoaderMF;
       } else {
         observableLoaderMF = window[`observable_${prefix}_${moduleId}`];
@@ -276,25 +266,15 @@ function MFLoader(props) {
       renderMicroFrontend(divScript);
     }
   }, [statusLoader]);
-  return /* @__PURE__ */ jsxs(MFLoaderRoot, {
-    id: divScript.divContainerId,
-    className: classes.root,
-    children: [statusLoader === "progress" ? /* @__PURE__ */ jsx(ProggessLoadingMF, {
-      loadingProgress
-    }) : null, statusLoader === "error" ? /* @__PURE__ */ jsx(LoadingError, {
-      status: statusLoader,
-      action: tryAgainOnError
-    }) : null]
-  });
+  return /* @__PURE__ */ jsxs(MFLoaderRoot, { id: divScript.divContainerId, className: classes.root, children: [
+    statusLoader === "progress" ? /* @__PURE__ */ jsx(ProggessLoadingMF, { loadingProgress }) : null,
+    statusLoader === "error" ? /* @__PURE__ */ jsx(LoadingError, { status: statusLoader, action: tryAgainOnError }) : null
+  ] });
 }
 MFLoader.defaultProps = {
   document,
   window
 };
-function getMFLoaderComponentsDictionary() {
-  return ["mf_loader"];
-}
 export {
-  MFLoader as M,
-  getMFLoaderComponentsDictionary as g
+  MFLoader as M
 };

package/components/MFLoader/styles.d.ts

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

package/components/MFLoader/types.d.ts

@@ -1,5 +1,5 @@
-import { DynamicMFStore, WindowToolsMF } from "../areas";
-import { MFBaseProps } from "../areas/types";
+import { DynamicMFStore, WindowToolsMF } from '../areas';
+import { MFBaseProps } from '../areas/types';
 /**
  * Propiedades para el componente MFLoader, utilizado para cargar microfrontends de manera dinámica.
  */
@@ -13,7 +13,7 @@ export interface MFLoaderProps extends MFBaseProps {
      */
     dynamicMFStore?: DynamicMFStore;
     /**
-    * Herramientas de ventana para el microfrontend.
-    */
+     * Herramientas de ventana para el microfrontend.
+     */
     windowTools: WindowToolsMF;
 }

package/components/ModalDialog/index.ea9189c3.js

@@ -0,0 +1,68 @@
+import { jsx } from "react/jsx-runtime";
+import { useTheme, Dialog, Paper } from "@mui/material";
+import { c as cjs } from "../../react-draggable.5331add7.js";
+import { u as useModal } from "../../hooks/useModal/index.ef54bcf2.js";
+import { R as ResizeableWindow } from "../Resizeable/index.1f0c1359.js";
+import { useIsMobile } from "@m4l/graphics";
+import { m as modalUtilityClasses } from "../modal/index.a0e30c8b.js";
+import { useState, useEffect } from "react";
+const DragabblePaperComponent = (props) => {
+  return /* @__PURE__ */ jsx(cjs.exports, { handle: ".m4l_draggable_handle", cancel: '[class*="MuiDialogContent-root"]', children: /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "unset", maxWidth: "unset" }, ...props }) });
+};
+function PaperComponent(props) {
+  return /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "unset", maxWidth: "unset", height: "100%" }, ...props });
+}
+const ModalDialog = () => {
+  const {
+    open,
+    initialWidth = 600,
+    initialHeigth = 400,
+    maxWidth,
+    maxHeigth,
+    window,
+    fullScreen,
+    variant
+  } = useModal();
+  const isMobile = useIsMobile();
+  const [fullScreenState, setFullScreenState] = useState(fullScreen);
+  useEffect(() => {
+    setFullScreenState(isMobile);
+  }, [isMobile]);
+  const theme = useTheme();
+  const classes = modalUtilityClasses({ variant });
+  const contentComnponent = /* @__PURE__ */ jsx("div", { className: classes.containerWindow, children: typeof window === "function" ? window() : window });
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      className: classes.root,
+      sx: { ...theme.components?.M4LModalDialog?.styleOverrides },
+      "aria-labelledby": "child-modal-title",
+      "aria-describedby": "child-modal-description",
+      PaperComponent: !isMobile ? DragabblePaperComponent : PaperComponent,
+      fullScreen: fullScreenState,
+      disableEnforceFocus: true,
+      children: !isMobile ? /* @__PURE__ */ jsx(
+        ResizeableWindow,
+        {
+          width: initialWidth,
+          height: initialHeigth,
+          maxWidth,
+          maxHeigth,
+          handle: (resizeHandle, ref) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref,
+              className: `custom-handle custom-handle-${resizeHandle}`
+            },
+            resizeHandle
+          ),
+          children: contentComnponent
+        }
+      ) : contentComnponent
+    }
+  );
+};
+export {
+  ModalDialog as M
+};

package/components/NavLink/index.4e548cee.js

@@ -0,0 +1,55 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { NavLink as NavLink$1 } from "react-router-dom";
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { styled } from "@mui/material/styles";
+import { P as NAVLINK_PREFIX, T as TEST_PROP_ID } from "../areas/constants.5387d83e.js";
+import { T as Typography } from "../../vendor.a1ce6777.js";
+const componentName = "M4LNavLink";
+generateUtilityClasses(componentName, [
+  "root"
+]);
+function getNavLinkClassesUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getNavLinkClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const NavLinkRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LNavLink?.styleOverrides
+}));
+const getNameDataTestId = (KEY) => {
+  return `${NAVLINK_PREFIX}-${KEY}`;
+};
+const NavLink = (props) => {
+  const { children, text, skeletonWidth, skeletongHeight, ...others } = props;
+  const classes = useUtilityClasses();
+  return /* @__PURE__ */ jsx(
+    NavLinkRoot,
+    {
+      className: classes.root,
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
+      children: /* @__PURE__ */ jsx(NavLink$1, { ...others, children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "action",
+            skeletonWidth,
+            skeletongHeight,
+            children: text
+          }
+        ),
+        children
+      ] }) })
+    }
+  );
+};
+export {
+  NavLink as N
+};

package/components/NavLink/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const NavLinkRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/NavLink/tests/utils.d.ts

@@ -1,2 +1,2 @@
-import { NavLinkClassesKey } from "../classes/types";
+import { NavLinkClassesKey } from '../classes/types';
 export declare const getNameDataTestId: (KEY: NavLinkClassesKey) => string;

package/components/NavLink/types.d.ts

@@ -1,5 +1,5 @@
-import { NavLinkProps as RouterNavLinkProps } from "react-router-dom";
-import { TypographyProps } from "../mui_extended/Typography/types";
+import { NavLinkProps as RouterNavLinkProps } from 'react-router-dom';
+import { TypographyProps } from '../mui_extended/Typography/types';
 export interface NavLinkProps extends RouterNavLinkProps, Pick<TypographyProps, 'skeletonWidth' | 'skeletongHeight'> {
     text: string;
 }

package/components/NoItemSelected/classes/types.d.ts

@@ -1,4 +1,4 @@
-import { useNoItemSelectedUtilityClasses } from ".";
+import { useNoItemSelectedUtilityClasses } from '.';
 export interface NoItemSelectedClassesType {
     root: string;
 }