@m4l/components 0.1.18 → 0.1.20

package/components/mui_extended/Typography/subcomponents/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SkeletonTypographyProps } from './types';
+export declare const SkeletonTypography: (props: SkeletonTypographyProps) => JSX.Element;

package/components/mui_extended/Typography/subcomponents/types.d.ts

@@ -0,0 +1,2 @@
+import { SkeletonProps } from '../types';
+export declare type SkeletonTypographyProps = SkeletonProps;

package/components/mui_extended/Typography/types.d.ts

@@ -1,9 +1,7 @@
 import { TypographyProps as MUITypographyProps } from '@mui/material';
 export interface SkeletonProps {
-    isSkeleton?: boolean;
-    width?: string | number;
-    height?: string | number;
+    skeletonWidth?: string | number;
+    skeletongHeight?: string | number;
 }
-export interface TypographyProps extends MUITypographyProps {
-    skeletonProps?: SkeletonProps;
+export interface TypographyProps extends MUITypographyProps, SkeletonProps {
 }

package/components/mui_extended/index.d.ts

@@ -10,7 +10,7 @@ export { LinkWithRoute } from './LinkWithRoute';
 export { LoadingButton } from './LoadingButton';
 export { MenuActions } from './MenuActions';
 export type { MenuAction, ComponentActionProps } from './MenuActions/types';
-export { MenuPopover } from './MenuPopover';
+export { Popover } from './Popover';
 export { Pager } from './Pager';
 export type { PagerProps } from './Pager/types';
 export { getPagerComponentsDictionary } from './Pager/dicctionary';

package/contexts/ModalContext/{index.1688a07c.js → index.699767c7.js}

@@ -4,9 +4,9 @@ import { Typography as I } from "@mui/material";
 import { styled as c } from "@mui/material/styles";
 import { B as _ } from "../../components/mui_extended/BoxIcon/index.e638ecc8.js";
 import { jsx as t, jsxs as f, Fragment as k } from "react/jsx-runtime";
-import { M as $ } from "../../components/ModalDialog/index.0ddffae6.js";
-import { A as b } from "../../components/CommonActions/components/ActionIntro/index.bac90f39.js";
-import { A } from "../../components/CommonActions/components/ActionCancel/index.7e947996.js";
+import { M as $ } from "../../components/ModalDialog/index.16024a4e.js";
+import { A as b } from "../../components/CommonActions/components/ActionIntro/index.ca7b6952.js";
+import { A } from "../../components/CommonActions/components/ActionCancel/index.3775989f.js";
 import { b as j } from "../../utils/index.214d9542.js";
 const D = c("div")(() => ({
   display: "flex",

package/contexts/RHFormContext/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FormProviderProps } from './types';
+export declare function RHFormProvider(props: FormProviderProps): JSX.Element;

package/contexts/index.d.ts

@@ -1,2 +1,4 @@
 export * from './ModalContext/index';
 export * from './ModalContext/types';
+export type { FormInitialValues, FormStatusLoad } from './RHFormContext/types';
+export { RHFormProvider } from './RHFormContext';

package/hooks/useFormAddEdit/index.d.ts

@@ -1,4 +1,4 @@
-import { FormStatusLoad } from '../../components/hook-form/FormProvider/types';
+import { FormStatusLoad } from '../../contexts/RHFormContext/types';
 import { UseFormAddEditProps } from './types';
 export declare const useFormAddEdit: (props: UseFormAddEditProps) => {
     formValues: import("react-hook-form").FieldValues;

package/hooks/useFormAddEdit/types.d.ts

@@ -1,5 +1,5 @@
 import { FieldValues } from 'react-hook-form';
-import { FormInitialValues } from '../../components/hook-form/FormProvider/types';
+import { FormInitialValues } from '../../contexts/RHFormContext/types';
 export interface UseFormAddEditProps {
     objectId?: number;
     endPoint: string;

package/hooks/useModal/{index.cdd84702.js → index.8201ccec.js}

@@ -1,5 +1,5 @@
 import { useContext as o } from "react";
-import { M as t } from "../../contexts/ModalContext/index.1688a07c.js";
+import { M as t } from "../../contexts/ModalContext/index.699767c7.js";
 const s = () => o(t);
 export {
   s as u

package/index.js

@@ -1,86 +1,82 @@
-import { I as N, a as h } from "./components/mui_extended/IconButton/index.88f3aadb.js";
+import { I as E, a as N } from "./components/mui_extended/IconButton/index.4b5ce8b5.js";
 import "framer-motion";
 import "@mui/material";
 import "react/jsx-runtime";
-import { L as U } from "./components/animate/LoadingScreen/index.f1cec7db.js";
-import "react";
-import "react-hook-form";
-import { F as k } from "./components/hook-form/FormProvider/index.936cbb98.js";
+import { L as O } from "./components/animate/LoadingScreen/index.f1cec7db.js";
 import "@m4l/core";
-import { R as z } from "./components/hook-form/RHFAutocomplete/index.6ed76d4c.js";
-import { R as W } from "./components/hook-form/RHFAutocompleteAsync/index.8f2c97ea.js";
-import { R as w } from "./components/hook-form/RHFCheckbox/index.f9ce6c39.js";
-import { R as K } from "./components/hook-form/RHFDateTime/index.fc5cbafe.js";
+import "react-hook-form";
+import { R as j } from "./components/hook-form/RHFAutocomplete/index.b7f11146.js";
+import "react";
+import { I as G } from "./components/Image/index.c9da2d5a.js";
+import { R as V } from "./components/hook-form/RHFCheckbox/index.6a40e25f.js";
+import { R as W } from "./components/hook-form/RHFDateTime/index.5ed774e3.js";
 import "@mui/x-date-pickers";
-import { R as X } from "./components/hook-form/RHFTextField/index.4c455f75.js";
-import { R as Z } from "./components/hook-form/RHFPeriod/index.0b982ae8.js";
-import { E as $ } from "./components/ErrorLabel/index.c8615f16.js";
-import { P as ro, g as to } from "./components/Period/index.8423f865.js";
-import { I as eo } from "./components/Icon/index.cbca79b0.js";
+import { R as J, a as K } from "./components/hook-form/RHFTextField/index.bab2a2cf.js";
+import { I as X } from "./components/Icon/index.f569765b.js";
 import "@mui/material/styles";
-import { b as so, M as po, d as io, g as no } from "./components/CommonActions/components/Actions/index.6b25caed.js";
+import { R as Z } from "./components/hook-form/RHFPeriod/index.e17b1c72.js";
+import { E as $ } from "./components/ErrorLabel/index.c8615f16.js";
+import { P as ro, g as to } from "./components/Period/index.497b8df4.js";
+import { b as eo, M as mo, d as so, g as io } from "./components/CommonActions/components/Actions/index.a908e4b9.js";
 import "@mui/material/Button";
-import { B as fo, L as co } from "./components/mui_extended/Button/index.3debb608.js";
 import "react-router-dom";
-import { M as go, a as uo } from "./contexts/ModalContext/index.1688a07c.js";
+import { M as no, a as xo } from "./contexts/ModalContext/index.699767c7.js";
 import "@mui/lab";
 import "./lodash.e09401f0.js";
 import "react-dropzone";
-import "./react-lazy-load-image-component.45b56650.js";
-import { I as Do } from "./components/Image/index.e790b50b.js";
-import { R as Ro } from "./components/hook-form/RHFUpload/index.ed3d739f.js";
-import { A as Po } from "./components/mui_extended/Accordion/index.2116e423.js";
-import { A as Lo } from "./components/mui_extended/Avatar/index.0a2a4523.js";
-import { M as vo } from "./components/mui_extended/MenuPopover/index.488fc536.js";
-import { P as Bo, g as Io } from "./components/mui_extended/Pager/index.f0911163.js";
-import { T as Ho } from "./components/mui_extended/Tab/index.e0653a0a.js";
-import "@m4l/graphics";
-import { C as Eo } from "./components/CompanyLogo/index.f81c179c.js";
-import { D as ho, N as Oo, T as Uo, g as jo } from "./components/DataGrid/index.091572bf.js";
+import { R as co } from "./components/hook-form/RHFUpload/index.cbf11b68.js";
+import { A as go } from "./components/mui_extended/Accordion/index.49f5df8e.js";
+import { A as uo } from "./components/mui_extended/Avatar/index.dadb0528.js";
+import { B as Ro, L as yo } from "./components/mui_extended/Button/index.16591787.js";
+import { L as Ao, P as Co } from "./components/mui_extended/Popover/index.305f2ea5.js";
+import { P as vo, g as Ho } from "./components/mui_extended/Pager/index.80c2f8a0.js";
+import { T as bo } from "./components/mui_extended/Tab/index.e0653a0a.js";
+import { D as Io, N as To, T as So, g as Eo } from "./components/DataGrid/index.5cbf0dd8.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import { S as Go } from "./components/ScrollBar/index.39eeb2de.js";
-import { D as Vo, d as Wo, g as qo } from "./components/DynamicFilter/index.7efecd5d.js";
+import "@m4l/graphics";
+import { S as ho } from "./components/ScrollBar/index.39eeb2de.js";
+import { D as Uo, d as jo, g as ko } from "./components/DynamicFilter/index.8a571617.js";
 import "simplebar/dist/simplebar.min.css";
+import { R as zo } from "./components/contexts/RHFormContext/index.f8241292.js";
 import "yup";
-import { L as Jo } from "./components/LanguagePopover/index.15f7dea7.js";
 import "./react-draggable.20e95c61.js";
-import { M as Qo, d as Xo, g as Yo } from "./components/ModalDialog/index.0ddffae6.js";
-import { R as _o } from "./components/Resizeable/index.45995d2b.js";
-import { N as or, d as rr, g as tr } from "./components/NoItemSelected/index.12f0ca67.js";
-import { O as er, d as mr, g as sr } from "./components/ObjectLogs/index.64f06b3d.js";
+import { M as wo, d as Wo, g as qo } from "./components/ModalDialog/index.16024a4e.js";
+import { R as Ko } from "./components/Resizeable/index.45995d2b.js";
+import { N as Xo, d as Yo, g as Zo } from "./components/NoItemSelected/index.9609a7f7.js";
+import { O as $o, d as or, g as rr } from "./components/ObjectLogs/index.ac2bfa48.js";
 import "./react-json-view.f56a7f8e.js";
-import { P as ir } from "./components/PaperForm/index.d7c74064.js";
-import { P as xr } from "./components/Page/index.6d69977e.js";
-import { P as cr } from "./components/PropertyValue/index.ab3dd7e9.js";
+import { P as ar } from "./components/PaperForm/index.3f8c7ef2.js";
+import { H as mr } from "./components/Page/index.fc660ee5.js";
+import { P as ir } from "./components/PropertyValue/index.ab3dd7e9.js";
 import "./react-splitter-layout.7810ac1b.js";
-import { S as dr } from "./components/SplitLayout/index.4032673d.js";
-import { v as ur } from "./components/animate/variants/fade.b561c0fc.js";
-import { v as Dr } from "./components/animate/variants/bounce.784aaaaa.js";
-import { v as Rr } from "./components/animate/variants/container.11f82b76.js";
-import { v as Pr, a as Cr, b as Lr } from "./components/animate/variants/transition.bd46b9ce.js";
-import { M as vr } from "./components/animate/MotionContainer/index.8d9f9d80.js";
-import { M as Br } from "./components/animate/MotionLazyContainer/index.572dd012.js";
-import { R as Tr } from "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
-import { R as Sr } from "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
-import { R as Nr } from "./components/hook-form/RHFRadioGroup/index.b3335e13.js";
-import { B as Or } from "./components/mui_extended/BoxIcon/index.e638ecc8.js";
-import { B as jr } from "./components/mui_extended/Breadcrumbs/index.5e37d903.js";
-import { L as Gr } from "./components/mui_extended/LinkWithRoute/index.d4b263de.js";
-import { T as Vr } from "./components/mui_extended/Typography/index.0c4604b3.js";
-import { B as qr, c as wr } from "./components/formatters/BooleanFormatter/index.cca53b7f.js";
-import { D as Kr, c as Qr } from "./components/formatters/DateFormatter/index.ad8d9b8e.js";
-import { P as Yr, a as Zr, U as _r, e as $r, b as ot, c as rt, d as tt, g as at } from "./components/formatters/index.55856d65.js";
-import { A as mt } from "./components/CommonActions/components/ActionCancel/index.7e947996.js";
-import { A as pt } from "./components/CommonActions/components/ActionIntro/index.bac90f39.js";
-import { A as nt } from "./components/CommonActions/components/ActionFormCancel/index.63405f6c.js";
-import { A as ft } from "./components/CommonActions/components/ActionFormIntro/index.ca4d2674.js";
-import { L as lt } from "./components/Loadable/index.f5518558.js";
-import { S as gt } from "./components/ScrollToTop/index.e06f98f6.js";
-import { u as Ft } from "./hooks/useFormAddEdit/index.d4845f1a.js";
-import { u as yt } from "./hooks/useModal/index.cdd84702.js";
-import { L as At } from "./assets/Logo/index.228dcb5a.js";
-import "./node_modules.168cb897.js";
+import { S as nr } from "./components/SplitLayout/index.4032673d.js";
+import { v as fr } from "./components/animate/variants/fade.b561c0fc.js";
+import { v as lr } from "./components/animate/variants/bounce.784aaaaa.js";
+import { v as gr } from "./components/animate/variants/container.11f82b76.js";
+import { v as ur, a as Dr, b as Rr } from "./components/animate/variants/transition.bd46b9ce.js";
+import { M as Pr } from "./components/animate/MotionContainer/index.8d9f9d80.js";
+import { M as Cr } from "./components/animate/MotionLazyContainer/index.572dd012.js";
+import { R as vr } from "./components/hook-form/RHFAutocompleteAsync/index.97a5a66e.js";
+import { R as Mr } from "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
+import { R as Br } from "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
+import { R as Tr } from "./components/hook-form/RHFRadioGroup/index.b3335e13.js";
+import { B as Er } from "./components/mui_extended/BoxIcon/index.e638ecc8.js";
+import { B as hr } from "./components/mui_extended/Breadcrumbs/index.5e37d903.js";
+import { L as Ur } from "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
+import { T as kr } from "./components/mui_extended/Typography/index.e5494696.js";
+import { B as zr, c as Vr } from "./components/formatters/BooleanFormatter/index.3ec56305.js";
+import { D as Wr, c as qr } from "./components/formatters/DateFormatter/index.08d8823b.js";
+import { P as Kr, a as Qr, U as Xr, e as Yr, b as Zr, c as _r, d as $r, g as ot } from "./components/formatters/index.6959c2de.js";
+import { A as tt } from "./components/CommonActions/components/ActionCancel/index.3775989f.js";
+import { A as et } from "./components/CommonActions/components/ActionIntro/index.ca7b6952.js";
+import { A as st } from "./components/CommonActions/components/ActionFormCancel/index.d69d9e0f.js";
+import { A as pt } from "./components/CommonActions/components/ActionFormIntro/index.ca4d2674.js";
+import { L as xt } from "./components/Loadable/index.f5518558.js";
+import { S as ct } from "./components/ScrollToTop/index.e06f98f6.js";
+import { u as dt } from "./hooks/useFormAddEdit/index.d4845f1a.js";
+import { u as Ft } from "./hooks/useModal/index.8201ccec.js";
+import { L as Dt } from "./assets/Logo/index.228dcb5a.js";
 import "./utils/index.214d9542.js";
 import "./react-data-grid.d46d625e.js";
 import "clsx";
@@ -88,97 +84,98 @@ import "./commonjs.565e6834.js";
 import "prop-types";
 import "react-dom";
 import "simplebar-react";
+import "./node_modules.168cb897.js";
 import "./react-resizable.5277deaf.js";
 import "react-helmet-async";
 export {
-  Po as Accordion,
-  mt as ActionCancel,
-  nt as ActionFormCancel,
-  ft as ActionFormIntro,
-  pt as ActionIntro,
-  so as Actions,
-  Lo as Avatar,
-  qr as BooleanFormatter,
-  Or as BoxIcon,
-  jr as Breadcrumbs,
-  fo as Button,
-  Eo as CompanyLogo,
-  ho as DataGrid,
-  Kr as DateFormatter,
-  Vo as DynamicFilter,
+  go as Accordion,
+  tt as ActionCancel,
+  st as ActionFormCancel,
+  pt as ActionFormIntro,
+  et as ActionIntro,
+  eo as Actions,
+  uo as Avatar,
+  zr as BooleanFormatter,
+  Er as BoxIcon,
+  hr as Breadcrumbs,
+  Ro as Button,
+  Io as DataGrid,
+  Wr as DateFormatter,
+  Uo as DynamicFilter,
   $ as ErrorLabel,
-  k as FormProvider,
-  eo as Icon,
-  N as IconButton,
-  h as IconButtonAnimate,
-  Do as Image,
-  Jo as LanguagePopover,
-  Gr as LinkWithRoute,
-  lt as Loadable,
-  co as LoadingButton,
-  U as LoadingScreen,
-  At as Logo,
-  po as MenuActions,
-  vo as MenuPopover,
-  go as ModalContext,
-  Qo as ModalDialog,
-  uo as ModalProvider,
-  vr as MotionContainer,
-  Br as MotionLazyContainer,
-  or as NoItemSelected,
-  Oo as NumberEditor,
-  er as ObjectLogs,
-  xr as Page,
-  Bo as Pager,
-  ir as PaperForm,
+  mr as HelmetPage,
+  X as Icon,
+  E as IconButton,
+  N as IconButtonAnimate,
+  G as Image,
+  Ao as LanguagePopover,
+  Ur as LinkWithRoute,
+  xt as Loadable,
+  yo as LoadingButton,
+  O as LoadingScreen,
+  Dt as Logo,
+  mo as MenuActions,
+  no as ModalContext,
+  wo as ModalDialog,
+  xo as ModalProvider,
+  Pr as MotionContainer,
+  Cr as MotionLazyContainer,
+  Xo as NoItemSelected,
+  To as NumberEditor,
+  $o as ObjectLogs,
+  vo as Pager,
+  ar as PaperForm,
   ro as Period,
-  Yr as PointsFormatter,
-  Zr as PriceFormatter,
-  cr as PropertyValue,
-  z as RHFAutocomplete,
-  W as RHFAutocompleteAsync,
-  w as RHFCheckbox,
-  K as RHFDateTime,
-  Tr as RHFMultiCheckbox,
+  Kr as PointsFormatter,
+  Co as Popover,
+  Qr as PriceFormatter,
+  ir as PropertyValue,
+  j as RHFAutocomplete,
+  vr as RHFAutocompleteAsync,
+  V as RHFCheckbox,
+  W as RHFDateTime,
+  Mr as RHFMultiCheckbox,
   Z as RHFPeriod,
-  Nr as RHFRadioGroup,
-  Sr as RHFSelect,
-  X as RHFTextField,
-  Ro as RHFUploadImage,
-  _o as Resizeable,
-  Go as ScrollBar,
-  gt as ScrollToTop,
-  dr as SplitLayout,
-  Ho as Tab,
-  Uo as TextEditor,
-  Vr as Typography,
-  _r as UncertaintyFormatter,
-  wr as columnBooleanFormatter,
-  Qr as columnDateFormatter,
-  $r as columnNestedValueFormatter,
-  ot as columnPointsFormatter,
-  rt as columnUncertaintyFormatter,
-  io as defaultCommonActionsDictionary,
-  Wo as defaultDynamicFilterDictionary,
-  tt as defaultFormattersDictionary,
-  Xo as defaultModalDialogDictionary,
-  rr as defaultNoItemSelectedDictionary,
-  mr as defaultObjectLogDictionary,
-  no as getCommonActionsDictionary,
-  qo as getDynamicFilterComponentsDictionary,
-  at as getFormattersComponentsDictionary,
-  jo as getGridComponentsDictionary,
-  Yo as getModalDialogComponentsDictionary,
-  tr as getNoItemSelectedComponentsDictionary,
-  sr as getObjectLogsComponentsDictionary,
-  Io as getPagerComponentsDictionary,
+  Tr as RHFRadioGroup,
+  Br as RHFSelect,
+  J as RHFTextField,
+  K as RHFTextFieldPassword,
+  co as RHFUploadImage,
+  zo as RHFormProvider,
+  Ko as Resizeable,
+  ho as ScrollBar,
+  ct as ScrollToTop,
+  nr as SplitLayout,
+  bo as Tab,
+  So as TextEditor,
+  kr as Typography,
+  Xr as UncertaintyFormatter,
+  Vr as columnBooleanFormatter,
+  qr as columnDateFormatter,
+  Yr as columnNestedValueFormatter,
+  Zr as columnPointsFormatter,
+  _r as columnUncertaintyFormatter,
+  so as defaultCommonActionsDictionary,
+  jo as defaultDynamicFilterDictionary,
+  $r as defaultFormattersDictionary,
+  Wo as defaultModalDialogDictionary,
+  Yo as defaultNoItemSelectedDictionary,
+  or as defaultObjectLogDictionary,
+  io as getCommonActionsDictionary,
+  ko as getDynamicFilterComponentsDictionary,
+  ot as getFormattersComponentsDictionary,
+  Eo as getGridComponentsDictionary,
+  qo as getModalDialogComponentsDictionary,
+  Zo as getNoItemSelectedComponentsDictionary,
+  rr as getObjectLogsComponentsDictionary,
+  Ho as getPagerComponentsDictionary,
   to as getPeriodComponetsDictionary,
-  Ft as useFormAddEdit,
-  yt as useModal,
-  Dr as varBounce,
-  Rr as varContainer,
-  ur as varFade,
-  Pr as varTranEnter,
-  Cr as varTranExit,
-  Lr as varTranHover
+  dt as useFormAddEdit,
+  Ft as useModal,
+  lr as varBounce,
+  gr as varContainer,
+  fr as varFade,
+  ur as varTranEnter,
+  Dr as varTranExit,
+  Rr as varTranHover
 };

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "@m4l/components",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "license": "UNLICENSED",
   "dependencies": {
     "@m4l/core": "*",
     "@m4l/graphics": "*",
+    "lodash.debounce": "^4.0.8",
+    "lodash.throttle": "^4.1.1",
     "react-helmet-async": "^1.3.0",
     "react-hook-form": "^7.33.1",
     "react-router-dom": "^6.3.0",

package/utils/index.d.ts

@@ -1,5 +1,5 @@
 import { Palette, Theme } from '@mui/material/styles';
 import { VariantColor } from './types';
 export declare const getPaletteColor: (palette: Palette, s: string) => any;
-export declare const getVariantColor: (variant: VariantColor | undefined) => "warning" | "info" | "primary" | "error";
+export declare const getVariantColor: (variant: VariantColor | undefined) => "error" | "warning" | "info" | "primary";
 export declare const getThemeVariantColor: (theme: Theme, variant: VariantColor | undefined) => string;

package/components/CompanyLogo/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { CompanyLogoProps } from './types';
-export declare const CompanyLogo: (props: CompanyLogoProps) => JSX.Element;

package/components/CompanyLogo/index.f81c179c.js

@@ -1,75 +0,0 @@
-import { useEnvironment as g } from "@m4l/core";
-import { useResponsive as m } from "@m4l/graphics";
-import { Skeleton as x } from "@mui/material";
-import { styled as s } from "@mui/material/styles";
-import { I as d } from "../Image/index.e790b50b.js";
-import { jsx as t } from "react/jsx-runtime";
-s("div")(({
-  theme: c
-}) => ({
-  [c.breakpoints.up("md")]: {
-    display: "flex"
-  }
-}));
-s("header")(({
-  theme: c
-}) => ({
-  top: 0,
-  lineHeight: 0,
-  width: "100%",
-  display: "flex",
-  alignItems: "center",
-  position: "absolute",
-  padding: c.spacing(3),
-  justifyContent: "space-between",
-  [c.breakpoints.up("md")]: {
-    alignItems: "flex-start",
-    padding: c.spacing(7, 5, 0, 7)
-  }
-}));
-s("div")(({
-  theme: c
-}) => ({
-  maxWidth: 480,
-  margin: "auto",
-  display: "flex",
-  minHeight: "100vh",
-  flexDirection: "column",
-  justifyContent: "center",
-  padding: c.spacing(12, 0)
-}));
-const w = s("div")(({
-  theme: c
-}) => ({
-  mask: `url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M45 8.7c1.4-1.5 3.4-2.3 5.4-2.3s3.9 0.8 5.4 2.3s2.4 3.5 2.5 5.7c0 2.2-0.9 4.2-2.4 5.7s-3.5 2.3-5.5 2.2c-2.1 0.1-4-0.7-5.5-2.2c-1.4-1.5-2.3-3.5-2.4-5.7C42.6 12.2 43.5 10.2 45 8.7z'/%3E%3Cpath d='M68.4 62.1c-0.3 0.5-0.7 0.8-1.2 1.1s-1 0.4-1.6 0.4H4.3c-0.6 0-1.1-0.1-1.6-0.4s-0.9-0.6-1.2-1.1c-0.2-0.5-0.4-1-0.4-1.5s0.1-1.1 0.4-1.5l23-36.4c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l11.5 18.2c0.2 0.3 0.5 0.5 0.8 0.7c0.3 0.2 0.6 0.3 1 0.3c0.3 0 0.7-0.1 1-0.3c0.3-0.2 0.6-0.4 0.8-0.7l3.1-4.9c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l14.6 23.1c0.3 0.5 0.3 1 0.3 1.5S68.7 61.7 68.4 62.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain`,
-  WebkitMask: `url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M45 8.7c1.4-1.5 3.4-2.3 5.4-2.3s3.9 0.8 5.4 2.3s2.4 3.5 2.5 5.7c0 2.2-0.9 4.2-2.4 5.7s-3.5 2.3-5.5 2.2c-2.1 0.1-4-0.7-5.5-2.2c-1.4-1.5-2.3-3.5-2.4-5.7C42.6 12.2 43.5 10.2 45 8.7z'/%3E%3Cpath d='M68.4 62.1c-0.3 0.5-0.7 0.8-1.2 1.1s-1 0.4-1.6 0.4H4.3c-0.6 0-1.1-0.1-1.6-0.4s-0.9-0.6-1.2-1.1c-0.2-0.5-0.4-1-0.4-1.5s0.1-1.1 0.4-1.5l23-36.4c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l11.5 18.2c0.2 0.3 0.5 0.5 0.8 0.7c0.3 0.2 0.6 0.3 1 0.3c0.3 0 0.7-0.1 1-0.3c0.3-0.2 0.6-0.4 0.8-0.7l3.1-4.9c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l14.6 23.1c0.3 0.5 0.3 1 0.3 1.5S68.7 61.7 68.4 62.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain`,
-  [c.breakpoints.up("md")]: {
-    mask: `url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 394.6 97' style='enable-background:new 0 0 394.6 97%3B' xml:space='preserve'%3E%3Cpath d='M54.2 35.1c2.2 0 4.3-0.8 5.8-2.3c1.6-1.5 2.5-3.7 2.6-6c-0.1-2.3-1-4.4-2.6-6c-1.6-1.5-3.7-2.4-5.8-2.4c-2.2 0-4.2 0.8-5.8 2.4c-1.5 1.6-2.5 3.7-2.6 6c0.1 2.3 1 4.4 2.6 6C50 34.3 52 35.2 54.2 35.1z'/%3E%3Cpath d='M58 49.6c-0.3-0.5-0.8-0.9-1.3-1.2C56.2 48.1 55.6 48 55 48s-1.3 0.1-1.8 0.4c-0.5 0.3-1 0.7-1.3 1.2l-3.3 5.2c-0.2 0.4-0.5 0.6-0.8 0.8c-0.3 0.2-0.7 0.3-1.1 0.3c-0.4 0-0.8-0.1-1.1-0.3c-0.3-0.2-0.6-0.5-0.8-0.8L32.7 35.5c-0.3-0.5-0.8-0.9-1.3-1.2s-1.1-0.4-1.7-0.4c-0.6 0-1.2 0.1-1.7 0.4s-1 0.7-1.3 1.2L2.5 74C2.2 74.5 2 75 2 75.6c0 0.6 0.2 1.1 0.5 1.6s0.8 0.9 1.3 1.2c0.5 0.3 1.1 0.4 1.7 0.4h64.9c0.6 0 1.2-0.2 1.7-0.4c0.5-0.3 1-0.7 1.3-1.2c0.3-0.5 0.5-1 0.5-1.6c0-0.6-0.2-1.1-0.5-1.6L58 49.6z'/%3E%3Cpath d='M386.6 41.8H107.5c-3.1 0-5.6 2.5-5.6 5.6v9c0 3.1 2.5 5.6 5.6 5.6h279.1c3.1 0 5.6-2.5 5.6-5.6v-9C392.2 44.3 389.7 41.8 386.6 41.8z'/%3E%3C/svg%3E") no-repeat center / contain`,
-    WebkitMask: `url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 394.6 97' style='enable-background:new 0 0 394.6 97%3B' xml:space='preserve'%3E%3Cpath d='M54.2 35.1c2.2 0 4.3-0.8 5.8-2.3c1.6-1.5 2.5-3.7 2.6-6c-0.1-2.3-1-4.4-2.6-6c-1.6-1.5-3.7-2.4-5.8-2.4c-2.2 0-4.2 0.8-5.8 2.4c-1.5 1.6-2.5 3.7-2.6 6c0.1 2.3 1 4.4 2.6 6C50 34.3 52 35.2 54.2 35.1z'/%3E%3Cpath d='M58 49.6c-0.3-0.5-0.8-0.9-1.3-1.2C56.2 48.1 55.6 48 55 48s-1.3 0.1-1.8 0.4c-0.5 0.3-1 0.7-1.3 1.2l-3.3 5.2c-0.2 0.4-0.5 0.6-0.8 0.8c-0.3 0.2-0.7 0.3-1.1 0.3c-0.4 0-0.8-0.1-1.1-0.3c-0.3-0.2-0.6-0.5-0.8-0.8L32.7 35.5c-0.3-0.5-0.8-0.9-1.3-1.2s-1.1-0.4-1.7-0.4c-0.6 0-1.2 0.1-1.7 0.4s-1 0.7-1.3 1.2L2.5 74C2.2 74.5 2 75 2 75.6c0 0.6 0.2 1.1 0.5 1.6s0.8 0.9 1.3 1.2c0.5 0.3 1.1 0.4 1.7 0.4h64.9c0.6 0 1.2-0.2 1.7-0.4c0.5-0.3 1-0.7 1.3-1.2c0.3-0.5 0.5-1 0.5-1.6c0-0.6-0.2-1.1-0.5-1.6L58 49.6z'/%3E%3Cpath d='M386.6 41.8H107.5c-3.1 0-5.6 2.5-5.6 5.6v9c0 3.1 2.5 5.6 5.6 5.6h279.1c3.1 0 5.6-2.5 5.6-5.6v-9C392.2 44.3 389.7 41.8 386.6 41.8z'/%3E%3C/svg%3E") no-repeat center / contain`
-  }
-})), f = (c) => {
-  const {
-    size: e = "small",
-    isSkeleton: a,
-    ...i
-  } = c, o = e === "small" ? "50px" : "auto", p = e === "small" ? "50px" : "380px", {
-    host_static_assets: l,
-    environment_assets: r
-  } = g(), n = m("up", "md");
-  return a ? /* @__PURE__ */ t(w, {
-    children: /* @__PURE__ */ t(x, {
-      variant: "rectangular",
-      width: n ? 380 : 50,
-      height: n ? 97 : 50
-    })
-  }) : /* @__PURE__ */ t(d, {
-    src: `${l}/${r}/frontend/commons/assets/icons/${e === "small" ? "isotipo_m4l.svg" : "logotipo_m4l.svg"}`,
-    effect: "opacity",
-    width: p,
-    height: o,
-    ...i
-  });
-};
-export {
-  f as C
-};

package/components/CompanyLogo/styles.d.ts

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

package/components/CompanyLogo/types.d.ts

@@ -1,6 +0,0 @@
-declare type LogoSize = 'small' | 'normal';
-export interface CompanyLogoProps {
-    size?: LogoSize;
-    isSkeleton?: boolean;
-}
-export {};