@m4l/components 0.2.35 → 1.0.0

package/components/Image/index.36a3d440.js

@@ -0,0 +1,459 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useMemo, useCallback } from "react";
+import { generateUtilityClasses, generateUtilityClass, IconButton, Tooltip, Skeleton, styled as styled$1 } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { unstable_composeClasses } from "@mui/base";
+import { v as IMAGE_PREFIX, T as TEST_PROP_ID, w as componentName$1, x as IMAGEBUTTON_PREFIX, y as ICON_PREFIX, z as componentName$2 } from "../areas/constants.5387d83e.js";
+import { useFormContext, Controller } from "react-hook-form";
+import isString from "lodash/isString";
+import { useDropzone } from "react-dropzone";
+import clsx from "clsx";
+import { useEnvironment, useModuleDictionary, useModuleSkeleton, useBase, evaluateWithContext } from "@m4l/core";
+import { T as Typography, B as Button } from "../../vendor.a1ce6777.js";
+import { H as HelperText } from "../HelperText/index.be949cdf.js";
+import { c as classes, g as getSize } from "../PrintingSystem/index.fb176a93.js";
+import QRCode from "qrcode.react";
+const ImageRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LImage?.styleOverrides
+}));
+const ratioOptions = {
+  "1.168:1": {
+    width: 1.168,
+    height: 1
+  },
+  "16:9": {
+    width: 16,
+    height: 9
+  },
+  "1:1": {
+    width: 1,
+    height: 1
+  },
+  "1:1.168": {
+    width: 1,
+    height: 1.168
+  },
+  "2:1": {
+    width: 2,
+    height: 1
+  },
+  "2:3": {
+    width: 2,
+    height: 3
+  },
+  "3:1": {
+    width: 3,
+    height: 1
+  },
+  "3:2": {
+    width: 3,
+    height: 2
+  },
+  "3:4": {
+    width: 3,
+    height: 4
+  },
+  "4:3": {
+    width: 4,
+    height: 3
+  },
+  "5:2": {
+    width: 5,
+    height: 2
+  }
+};
+const getRatioValues = (ratio) => {
+  const numType = ratioOptions[ratio];
+  const numRef = numType.width / numType.height;
+  if (numRef >= 1) {
+    return {
+      width: "100%",
+      height: `${Math.trunc(numRef * 100)}%`
+    };
+  } else {
+    return {
+      width: `${Math.trunc(numRef * 100)}%`,
+      height: "100%"
+    };
+  }
+};
+const getNameDataTestId$1 = (KEY) => {
+  return `${IMAGE_PREFIX}-${KEY}`;
+};
+const componentName = "M4LImage";
+generateUtilityClasses(componentName, [
+  "root",
+  "img"
+]);
+function getImagenClassesUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses$1 = () => {
+  const slots = {
+    root: ["root"],
+    img: ["img"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getImagenClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+function Image(props) {
+  const { src, alt, width, height, ratio = "1:1", className } = props;
+  const ratioImage = getRatioValues(ratio);
+  const classes2 = useUtilityClasses$1();
+  return /* @__PURE__ */ jsx(
+    ImageRoot,
+    {
+      className: clsx(classes2.root, className),
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$1("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$1("img") } : {}
+        }
+      )
+    }
+  );
+}
+const WrapperImageButton = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LImageButton?.styleOverrides
+}));
+generateUtilityClasses(componentName$1, [
+  "root"
+]);
+function getImageButtonUtilityClass(slot) {
+  return generateUtilityClass(componentName$1, slot);
+}
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getImageButtonUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const getNameDataTestId = (KEY) => {
+  return `${IMAGEBUTTON_PREFIX}-${KEY}`;
+};
+function ImageButton({
+  src,
+  width,
+  height,
+  tooltip,
+  sx = { width, height },
+  ...other
+}) {
+  const finalTooltip = tooltip;
+  const classes2 = useUtilityClasses();
+  const imageButton = useMemo(() => {
+    return /* @__PURE__ */ jsx(IconButton, { sx, ...other, children: /* @__PURE__ */ jsx(Image, { src }) });
+  }, [src, width, height, sx]);
+  return /* @__PURE__ */ jsx(
+    WrapperImageButton,
+    {
+      className: classes2.root,
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
+      children: finalTooltip ? /* @__PURE__ */ jsx(Tooltip, { title: finalTooltip || "", children: imageButton }) : imageButton
+    }
+  );
+}
+const UploadImageRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LRHFUploadImage?.styleOverrides
+}));
+const getNameRHFUploadImageDataTestId = (KEY) => {
+  return `${ICON_PREFIX}-${KEY}`;
+};
+const SkeletonUploadImage = (props) => {
+  const { classes: classes2 } = props;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classes2,
+      ...process.env.NODE_ENV !== "production" ? {
+        [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("skeleton")
+      } : {},
+      children: [
+        "est\xE1 con skeleton",
+        /* @__PURE__ */ jsx(Skeleton, { variant: "rectangular", width: "100%", height: "100%" })
+      ]
+    }
+  );
+};
+generateUtilityClasses(
+  componentName$2,
+  [
+    "root",
+    "dropZoneStyle",
+    "containerFileImage",
+    "placeHolder",
+    "containerUploadBoddy",
+    "containerBodyImage",
+    "containerMessage",
+    "containerTitle",
+    "containerDescription",
+    "containerConditions",
+    "containerUploadImage",
+    "string",
+    "skeleton",
+    "inputDropZone",
+    "stateError"
+  ]
+);
+function getRHFUploadImagebUtilityClass(slot) {
+  return generateUtilityClass(componentName$2, slot);
+}
+const RHFUploadImageUtilityClasses = (ownerState) => {
+  const slots = {
+    root: [
+      "root",
+      ownerState.isDragReject && "stateError",
+      ownerState.isDragActive && "stateActive",
+      ownerState.hasFile && "hasFile"
+    ],
+    dropZoneStyle: ["dropZoneStyle"],
+    containerFileImage: ["containerFileImage"],
+    placeHolder: ["placeHolder"],
+    containerUploadBoddy: ["containerUploadBoddy"],
+    containerBodyImage: ["containerBodyImage"],
+    containerMessage: ["containerMessage"],
+    containerTitle: ["containerTitle"],
+    containerDescription: ["containerDescription"],
+    containerConditions: ["containerConditions"],
+    containerUploadImage: ["containerUploadImage"],
+    skeleton: ["skeleton"],
+    inputDropZone: ["inputDropZone"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getRHFUploadImagebUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+function UploadImage({ error, file, helperText, sx, ...other }) {
+  const { getRootProps, getInputProps, isDragActive, isDragReject, open } = useDropzone({
+    multiple: false,
+    ...other
+  });
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { getLabel } = useModuleDictionary();
+  const isSkeleton = useModuleSkeleton();
+  const ownerSate = {
+    isDragReject: isDragReject || error,
+    isDragActive,
+    hasFile: file
+  };
+  const classes2 = RHFUploadImageUtilityClasses(ownerSate);
+  return /* @__PURE__ */ jsx(
+    UploadImageRoot,
+    {
+      className: classes2.root,
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("root") } : {},
+      children: !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        "est\xE1 sin skeleton",
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classes2.containerUploadImage,
+            ...process.env.NODE_ENV !== "production" ? {
+              [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerUploadImage")
+            } : {},
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: classes2.dropZoneStyle,
+                ...getRootProps(),
+                ...process.env.NODE_ENV !== "production" ? {
+                  [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("dropZoneStyle")
+                } : {},
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      ...getInputProps(),
+                      className: classes2.inputDropZone,
+                      ...process.env.NODE_ENV !== "production" ? {
+                        [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("inputDropZone")
+                      } : {}
+                    }
+                  ),
+                  file && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: classes2.containerFileImage,
+                      ...process.env.NODE_ENV !== "production" ? {
+                        [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerFileImage")
+                      } : {},
+                      children: /* @__PURE__ */ jsx(
+                        Image,
+                        {
+                          alt: "bgImageUploadImage",
+                          src: isString(file) ? file : file.preview || "",
+                          ratio: "1:1"
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: classes2.placeHolder,
+                      ...process.env.NODE_ENV !== "production" ? {
+                        [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("placeHolder")
+                      } : {},
+                      children: /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          className: classes2.containerUploadBoddy,
+                          ...process.env.NODE_ENV !== "production" ? {
+                            [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerUploadBoddy")
+                          } : {},
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              "div",
+                              {
+                                className: classes2.containerBodyImage,
+                                ...process.env.NODE_ENV !== "production" ? {
+                                  [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerBodyImage")
+                                } : {},
+                                children: /* @__PURE__ */ jsx(
+                                  Image,
+                                  {
+                                    src: `${host_static_assets}/${environment_assets}/frontend/components/upload_image/assets/img/upload_image_illustration.svg`,
+                                    ratio: "1:1"
+                                  }
+                                )
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              "div",
+                              {
+                                className: classes2.containerMessage,
+                                ...process.env.NODE_ENV !== "production" ? {
+                                  [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerMessage")
+                                } : {},
+                                children: [
+                                  /* @__PURE__ */ jsx(
+                                    Typography,
+                                    {
+                                      className: classes2.containerTitle,
+                                      variant: "subtitle",
+                                      skeletonWidth: "150px",
+                                      children: getLabel("upload_image.title_upload")
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsx(Typography, { className: classes2.containerDescription, variant: "body", children: getLabel("upload_image.description") }),
+                                  /* @__PURE__ */ jsx(Typography, { className: classes2.containerConditions, variant: "body", children: getLabel("upload_image.conditions") }),
+                                  /* @__PURE__ */ jsx(Button, { onClick: open, children: getLabel("upload_image.label_button") })
+                                ]
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        helperText && helperText
+      ] }) : /* @__PURE__ */ jsx(SkeletonUploadImage, { classes: classes2.skeleton })
+    }
+  );
+}
+const WrapperRHFUploadImage = styled$1("div")(() => ({
+  width: "inherit",
+  height: "inherit",
+  padding: "1px"
+}));
+function RHFUploadImage({ name, ...other }) {
+  const { control, setValue } = useFormContext();
+  const handleDrop = useCallback(
+    (acceptedFiles) => {
+      const file = acceptedFiles[0];
+      if (file) {
+        setValue(
+          name,
+          Object.assign(file, {
+            preview: URL.createObjectURL(file)
+          })
+        );
+      }
+    },
+    [setValue]
+  );
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      render: ({ field, fieldState: { error } }) => {
+        const checkError = !!error && !field.value;
+        return /* @__PURE__ */ jsxs(WrapperRHFUploadImage, { children: [
+          /* @__PURE__ */ jsx(UploadImage, { onDrop: handleDrop, error: checkError, ...other, file: field.value }),
+          checkError && /* @__PURE__ */ jsx(HelperText, { message: error.message })
+        ] });
+      }
+    }
+  );
+}
+const ImageNode = (props) => {
+  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
+      }
+    }
+  );
+};
+const convertToPx = (size, magnitud) => {
+  if (isNaN(size)) {
+    return 0;
+  }
+  if (magnitud === "px") {
+    return size;
+  }
+  switch (magnitud) {
+    case "cm":
+      return size * 37.8;
+    case "mm":
+      return size * 3.78;
+    case "in":
+      return size * 96;
+    case "pt":
+      return size * 1.33;
+    case "pc":
+      return size * 16;
+    default:
+      return 100;
+  }
+};
+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" });
+};
+export {
+  Image as I,
+  QRImageNode as Q,
+  RHFUploadImage as R,
+  ImageButton as a,
+  ImageNode as b
+};

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/styles").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.e6fa2336.js

@@ -0,0 +1,184 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
+import { a as ImageButton, I as Image } from "../Image/index.36a3d440.js";
+import { useLocales } from "@m4l/graphics";
+import { styled } from "@mui/material/styles";
+import { useEnvironment, useNetwork } from "@m4l/core";
+import { unstable_composeClasses } from "@mui/base";
+import { E as componentName, F as LANGUAGEPOPOVER_PREFIX, T as TEST_PROP_ID } from "../areas/constants.5387d83e.js";
+import { P as Popover, C as CircularProgress } from "../../vendor.a1ce6777.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"
+}));
+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 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/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LabelItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerProgress: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerMenuItems: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").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;