@m4l/components 0.2.35 → 0.2.36

package/components/Icon/{index.ad330e78.js → index.ee7b85c9.js}

@@ -1,25 +1,20 @@
+import { jsx } from "react/jsx-runtime";
 import { Marker } from "react-leaflet";
 import L__default from "leaflet";
-import { m as mapClasses, L as LABEL_BK_COLOR_DEFAULT, a as LABEL_COLOR_DEFAULT } from "../maps/components/Map/index.accb1f77.js";
+import { m as mapClasses, L as LABEL_BK_COLOR_DEFAULT, a as LABEL_COLOR_DEFAULT } from "../maps/components/Map/index.62b7d09b.js";
 import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.b0359a2b.js";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.5d1f4a23.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
 import { useResponsiveDesktop } from "@m4l/graphics";
-const IconRoot = styled("div")(({
-  theme
-}) => ({
+const IconRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LIcon?.styleOverrides
 }));
 const DivIcon = styled("div", {
   shouldForwardProp: (props) => props !== "src" && props !== "rotationAngle"
-})(({
-  src,
-  rotationAngle
-}) => ({
+})(({ src, rotationAngle }) => ({
   maskPosition: "center",
   maskRepeat: "no-repeat",
   maskSize: "cover",
@@ -49,8 +44,23 @@ function getIconClassesUtilityClass(slot) {
 const useUtilityClasses = (ownerState) => {
   const slots = {
     root: ["root"],
-    icon: ["icon", ownerState.size === "extraSmall" && "sizeExtraSmall", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.size === "large" && "sizeLarge", ownerState.size === "extraLarge" && "sizeExtraLarge", ownerState.rotationAngle ? "rotationAngle" : ""],
-    variantSkeleton: ["variantSkeleton", ownerState.size === "extraSmall" && "sizeExtraSmall", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.size === "large" && "sizeLarge", ownerState.size === "extraLarge" && "sizeExtraLarge"]
+    icon: [
+      "icon",
+      ownerState.size === "extraSmall" && "sizeExtraSmall",
+      ownerState.size === "small" && "sizeSmall",
+      ownerState.size === "medium" && "sizeMedium",
+      ownerState.size === "large" && "sizeLarge",
+      ownerState.size === "extraLarge" && "sizeExtraLarge",
+      ownerState.rotationAngle ? "rotationAngle" : ""
+    ],
+    variantSkeleton: [
+      "variantSkeleton",
+      ownerState.size === "extraSmall" && "sizeExtraSmall",
+      ownerState.size === "small" && "sizeSmall",
+      ownerState.size === "medium" && "sizeMedium",
+      ownerState.size === "large" && "sizeLarge",
+      ownerState.size === "extraLarge" && "sizeExtraLarge"
+    ]
   };
   const composedClasses = unstable_composeClasses(slots, getIconClassesUtilityClass, {});
   return {
@@ -62,32 +72,29 @@ const getNameDataTestId = (KEY) => {
   return `${ICON_PREFIX}-${KEY}`;
 };
 function Icon(props) {
-  const {
-    src,
-    size = "small",
-    rotationAngle,
-    className
-  } = props;
+  const { src, size = "small", rotationAngle, className } = props;
   const isDesktop = useResponsiveDesktop();
   const ownerState = {
     size: isDesktop ? size : "medium",
     rotationAngle
   };
   const classes = useUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsx(IconRoot, {
-    className: clsx(classes.root, className),
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId("root")
-    } : {},
-    children: /* @__PURE__ */ jsx(DivIcon, {
-      className: classes.icon,
-      src,
-      rotationAngle,
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId("icon")
-      } : {}
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    IconRoot,
+    {
+      className: clsx(classes.root, className),
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
+      children: /* @__PURE__ */ jsx(
+        DivIcon,
+        {
+          className: classes.icon,
+          src,
+          rotationAngle,
+          ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("icon") } : {}
+        }
+      )
+    }
+  );
 }
 const FeatureDivIconLabel = (props) => {
   const {
@@ -142,13 +149,17 @@ const MarkerIconLabel = (props) => {
     labelColor: color,
     offsetLeftTop
   });
-  return /* @__PURE__ */ jsx(Marker, {
-    position,
-    draggable,
-    riseOnHover: true,
-    icon: makerIcon,
-    ...properties
-  }, Math.random());
+  return /* @__PURE__ */ jsx(
+    Marker,
+    {
+      position,
+      draggable,
+      riseOnHover: true,
+      icon: makerIcon,
+      ...properties
+    },
+    Math.random()
+  );
 };
 const ArrowIconRoot = styled("div")(() => ({
   display: "flex",
@@ -156,26 +167,23 @@ const ArrowIconRoot = styled("div")(() => ({
   lineHeight: 0
 }));
 function ArrowIcon(props) {
-  const {
-    openState
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const {
-    classes
-  } = useSideBar();
-  return /* @__PURE__ */ jsx(ArrowIconRoot, {
-    className: classes.arrowIconRoot,
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId$1("arrowIconRoot")
-    } : {},
-    children: /* @__PURE__ */ jsx(Icon, {
-      src: `${host_static_assets}/${environment_assets}/frontend/components/sidebar/assets/icons/ChevronRight.svg`,
-      rotationAngle: openState ? 90 : 0
-    })
-  });
+  const { openState } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { classes } = useSideBar();
+  return /* @__PURE__ */ jsx(
+    ArrowIconRoot,
+    {
+      className: classes.arrowIconRoot,
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$1("arrowIconRoot") } : {},
+      children: /* @__PURE__ */ jsx(
+        Icon,
+        {
+          src: `${host_static_assets}/${environment_assets}/frontend/components/sidebar/assets/icons/ChevronRight.svg`,
+          rotationAngle: openState ? 90 : 0
+        }
+      )
+    }
+  );
 }
 export {
   ArrowIcon as A,

package/components/Icon/styles.d.ts

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

package/components/Image/{index.b799c514.js → index.8cc036b1.js}

@@ -1,14 +1,12 @@
+import { jsx } from "react/jsx-runtime";
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
-import { jsx } from "react/jsx-runtime";
 import { useBase, useEnvironment, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../PrintingSystem/index.27f1f209.js";
+import { c as classes, g as getSize } from "../PrintingSystem/index.f51a00f8.js";
 import QRCode from "qrcode.react";
-const ImageRoot = styled("div")(({
-  theme
-}) => ({
+const ImageRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LImage?.styleOverrides
 }));
 const ratioOptions = {
@@ -95,68 +93,46 @@ const useUtilityClasses = () => {
   };
 };
 function Image(props) {
-  const {
-    src,
-    alt,
-    width,
-    height,
-    ratio = "1:1",
-    className
-  } = props;
+  const { src, alt, width, height, ratio = "1:1", className } = props;
   const ratioImage = getRatioValues(ratio);
   const classes2 = useUtilityClasses();
-  return /* @__PURE__ */ jsx(ImageRoot, {
-    className: clsx(classes2.root, className),
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId("root")
-    } : {},
-    style: width && height ? {
-      minWidth: width,
-      minHeight: height,
-      width,
-      height
-    } : {
-      width: "100%",
-      height: "100%"
-    },
-    children: /* @__PURE__ */ jsx("img", {
-      alt,
-      src,
-      className: classes2.img,
-      width: !width ? "100%" : ratioImage.width,
-      height: !height ? "100%" : ratioImage.height,
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId("img")
-      } : {}
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    ImageRoot,
+    {
+      className: clsx(classes2.root, className),
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
+      style: width && height ? { minWidth: width, minHeight: height, width, height } : { width: "100%", height: "100%" },
+      children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          alt,
+          src,
+          className: classes2.img,
+          width: !width ? "100%" : ratioImage.width,
+          height: !height ? "100%" : ratioImage.height,
+          ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("img") } : {}
+        }
+      )
+    }
+  );
 }
 const ImageNode = (props) => {
-  const {
-    className,
-    style,
-    src,
-    width = "100%",
-    height = "100%"
-  } = props;
-  const {
-    unitSize,
-    sourceData
-  } = useBase();
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
+  const { className, style, src, width = "100%", height = "100%" } = props;
+  const { unitSize, sourceData } = useBase();
+  const { host_static_assets, environment_assets } = useEnvironment();
   const resourceImg = evaluateWithContext(sourceData, src);
-  return /* @__PURE__ */ jsx("img", {
-    src: `${host_static_assets}/${environment_assets}/${resourceImg}`,
-    className: clsx(classes.imageNodeRoot, className),
-    style: {
-      width: getSize(width, unitSize),
-      height: getSize(height, unitSize),
-      ...style
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: `${host_static_assets}/${environment_assets}/${resourceImg}`,
+      className: clsx(classes.imageNodeRoot, className),
+      style: {
+        width: getSize(width, unitSize),
+        height: getSize(height, unitSize),
+        ...style
+      }
     }
-  });
+  );
 };
 const convertToPx = (size, magnitud) => {
   if (isNaN(size)) {
@@ -181,20 +157,9 @@ const convertToPx = (size, magnitud) => {
   }
 };
 const QRImageNode = (props) => {
-  const {
-    url,
-    size = 8,
-    color
-  } = props;
-  const {
-    unitSize
-  } = useBase();
-  return /* @__PURE__ */ jsx(QRCode, {
-    value: url,
-    size: convertToPx(size, unitSize),
-    fgColor: color,
-    renderAs: "canvas"
-  });
+  const { url, size = 8, color } = props;
+  const { unitSize } = useBase();
+  return /* @__PURE__ */ jsx(QRCode, { value: url, size: convertToPx(size, unitSize), fgColor: color, renderAs: "canvas" });
 };
 export {
   Image as I,

package/components/Image/styles.d.ts

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

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

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

package/components/Image/utils/getRatioValues.d.ts

@@ -1,4 +1,4 @@
-import { RatioOptions } from "../types";
+import { RatioOptions } from '../types';
 export declare const getRatioValues: (ratio: RatioOptions) => {
     width: string;
     height: string;

package/components/LanguagePopover/index.72f316fc.js

@@ -0,0 +1,187 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { styled, generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
+import { I as Image } from "../Image/index.8cc036b1.js";
+import { useLocales } from "@m4l/graphics";
+import { I as ImageButton } from "../mui_extended/Button/index.5395d101.js";
+import { useEnvironment, useNetwork } from "@m4l/core";
+import { unstable_composeClasses } from "@mui/base";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { C as CircularProgress } from "../mui_extended/CircularProgress/index.967e70b7.js";
+import { P as Popover } from "../mui_extended/Popover/index.4e7340b4.js";
+const LanguagePopoverRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LanguagePopover?.styleOverrides
+}));
+const LabelItem = styled("div")(({ theme }) => ({
+  marginLeft: theme.spacing(1)
+}));
+const ContainerProgress = styled("div")(({ theme }) => ({
+  padding: theme.spacing(0.75, 0),
+  margin: theme.spacing(0, 1.25)
+}));
+const ContainerMenuItems = styled("div")(() => ({
+  display: "flex",
+  flexDirection: "column"
+}));
+const ContainerImage = styled("div")(() => ({
+  display: "flex",
+  gap: "4px",
+  width: "16px",
+  height: "16px"
+}));
+const componentName = "M4LanguagePopover";
+generateUtilityClasses(
+  componentName,
+  [
+    "root",
+    "containerItems",
+    "containerProgress",
+    "labelItem",
+    "imageButton"
+  ]
+);
+function getM4LanguagePopoverClassesUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    containerItems: ["containerItems"],
+    containerProgress: ["containerProgress"],
+    labelItem: ["labelItem"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getM4LanguagePopoverClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const LANGUAGEPOPOVER_PREFIX = "LanguagePopover";
+const getNameDataTestId = (KEY) => {
+  return `${LANGUAGEPOPOVER_PREFIX}-${KEY}`;
+};
+function LanguagePopover(props) {
+  const { testingProps } = props;
+  const { currentLocale, onChangeLocale } = useLocales();
+  const { domain_token } = useEnvironment();
+  const { networkOperation } = useNetwork();
+  const [open, setOpen] = useState(testingProps?.open || null);
+  const [loading, setLoading] = useState(testingProps?.loading || false);
+  const [allLocales, setAllLocales] = useState(
+    testingProps?.allLocales || []
+  );
+  const handleOpen = (event) => {
+    setOpen(event.currentTarget);
+  };
+  const handleClose = () => {
+    setOpen(null);
+  };
+  useEffect(() => {
+    let mounted = true;
+    if (open === null || loading || allLocales.length > 0) {
+      return;
+    }
+    setLoading(true);
+    networkOperation({
+      method: "GET",
+      endPoint: `na/locales`,
+      parms: { domain_token }
+    }).then((response) => {
+      if (mounted) {
+        !testingProps && setAllLocales(response.data);
+      }
+    }).finally(() => {
+      setLoading(false);
+    });
+    return function cleanUp() {
+      mounted = false;
+    };
+  }, [open]);
+  const classes = useUtilityClasses();
+  return /* @__PURE__ */ jsxs(
+    LanguagePopoverRoot,
+    {
+      className: classes.root,
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
+      children: [
+        /* @__PURE__ */ jsx(
+          ImageButton,
+          {
+            className: classes.imageButton,
+            onClick: handleOpen,
+            sx: {
+              width: 28,
+              height: 28,
+              ...open && { bgcolor: "action.selected" }
+            },
+            src: currentLocale?.url_icon || "",
+            alt: currentLocale?.name,
+            width: "24px",
+            height: "24px",
+            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("imageButton") } : {}
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Popover,
+          {
+            arrowType: "top-right",
+            open: Boolean(open),
+            anchorEl: open,
+            anchorOrigin: { vertical: "bottom", horizontal: "right" },
+            onClose: handleClose,
+            sx: {
+              mt: 1.5,
+              ml: 0.75,
+              width: 180,
+              rowGap: "100px",
+              "& .MuiMenuItem-root": { px: 1, typography: "body2", borderRadius: 0.75 }
+            },
+            children: /* @__PURE__ */ jsxs(
+              ContainerMenuItems,
+              {
+                className: classes.containerItems,
+                ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerItems") } : {},
+                children: [
+                  allLocales.length === 0 && /* @__PURE__ */ jsx(
+                    ContainerProgress,
+                    {
+                      className: classes.containerProgress,
+                      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerProgress") } : {},
+                      children: /* @__PURE__ */ jsx(CircularProgress, { size: "20px" })
+                    }
+                  ),
+                  allLocales.length > 0 && /* @__PURE__ */ jsx(Stack, { spacing: 0.75, children: allLocales.map((option) => /* @__PURE__ */ jsxs(
+                    MenuItem,
+                    {
+                      selected: option.lang === currentLocale?.lang && option?.script === currentLocale?.script && option?.region === currentLocale?.region,
+                      onClick: () => {
+                        onChangeLocale(option);
+                        handleClose();
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(ContainerImage, { children: /* @__PURE__ */ jsx(Image, { alt: option.name, src: option.url_icon, ratio: "1:1" }) }),
+                        /* @__PURE__ */ jsx(
+                          LabelItem,
+                          {
+                            className: classes.labelItem,
+                            ...process.env.NODE_ENV !== "production" ? {
+                              [TEST_PROP_ID]: getNameDataTestId("labelItem")
+                            } : {},
+                            children: option.name
+                          }
+                        )
+                      ]
+                    },
+                    option.lang || option.script || option.region
+                  )) })
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  LanguagePopover as L
+};

package/components/LanguagePopover/styles.d.ts

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

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

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

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

@@ -1,4 +1,4 @@
-import { useLinearProgressIndeterminateUtilityClasses } from ".";
+import { useLinearProgressIndeterminateUtilityClasses } from '.';
 export interface LinearProgressIndeterminateClasses {
     root: string;
     windowLinearProgressBar: string;

package/components/LinearProgressIndeterminate/{index.c46da124.js → index.2ecd571e.js}

@@ -1,20 +1,28 @@
+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 getComponentUtilityClass } from "../../utils/index.6469f148.js";
+import { g as getComponentUtilityClass } from "../../utils/index.0718eeac.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { jsx } from "react/jsx-runtime";
 const LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME = "M4LinearProgressIndeterminate";
-generateUtilityClasses(LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME, [
-  "root",
-  "windowLinearProgressBar"
-], LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME);
+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), {});
+  return unstable_composeClasses(
+    slots,
+    getComponentUtilityClass(LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME),
+    {}
+  );
 };
 const LinearProgressIndeterminateRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LinearProgressIndeterminate?.styleOverrides
@@ -25,18 +33,22 @@ const getNameLinearProgressIndeterminateDataTestId = (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")
-      } : {}
-    })
-  });
+  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.97fe63f9.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.76d7ea70.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;