@m4l/components 0.0.11 → 0.0.14

package/dist/commonjs.js

@@ -1,6 +1,6 @@
 import "react";
-import "prop-types";
 import "react-dom";
+import "prop-types";
 import "clsx";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {

package/dist/components/CompanyLogo/index.d.ts

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

package/dist/components/CompanyLogo/index.js

@@ -0,0 +1,83 @@
+import { useEnvironment } from "@m4l/core";
+import { useResponsive } from "@m4l/graphics";
+import { Skeleton } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { I as Image } from "../Image/index.js";
+import { jsx } from "react/jsx-runtime";
+styled("div")(({
+  theme
+}) => ({
+  [theme.breakpoints.up("md")]: {
+    display: "flex"
+  }
+}));
+styled("header")(({
+  theme
+}) => ({
+  top: 0,
+  zIndex: 9,
+  lineHeight: 0,
+  width: "100%",
+  display: "flex",
+  alignItems: "center",
+  position: "absolute",
+  padding: theme.spacing(3),
+  justifyContent: "space-between",
+  [theme.breakpoints.up("md")]: {
+    alignItems: "flex-start",
+    padding: theme.spacing(7, 5, 0, 7)
+  }
+}));
+styled("div")(({
+  theme
+}) => ({
+  maxWidth: 480,
+  margin: "auto",
+  display: "flex",
+  minHeight: "100vh",
+  flexDirection: "column",
+  justifyContent: "center",
+  padding: theme.spacing(12, 0)
+}));
+const SKTCompanyLogoMask = styled("div")(({
+  theme
+}) => ({
+  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`,
+  [theme.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`
+  }
+}));
+const CompanyLogo = (props) => {
+  const {
+    size = "small",
+    isSkeleton,
+    ...other
+  } = props;
+  const height = size === "small" ? "50px" : "auto";
+  const width = size === "small" ? "50px" : "380px";
+  const {
+    host_static_assets,
+    environment
+  } = useEnvironment();
+  const mdUp = useResponsive("up", "md");
+  console.log("CompanyLogoSkeleton", isSkeleton);
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(SKTCompanyLogoMask, {
+      children: /* @__PURE__ */ jsx(Skeleton, {
+        variant: "rectangular",
+        width: mdUp ? 380 : 50,
+        height: mdUp ? 97 : 50
+      })
+    });
+  }
+  return /* @__PURE__ */ jsx(Image, {
+    src: `${host_static_assets}/${environment}/frontend/commons/assets/icons/${size === "small" ? "isotipo_m4l.svg" : "logotipo_m4l.svg"}`,
+    effect: "opacity",
+    width,
+    height,
+    ...other
+  });
+};
+export { CompanyLogo as C };

package/dist/components/CompanyLogo/styles.d.ts

@@ -0,0 +1,5 @@
+/// <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/dist/components/CompanyLogo/types.d.ts

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

package/dist/components/DataGrid/index.js

@@ -10,7 +10,7 @@ import { M as MenuActions } from "../mui_extended/MenuActions/index.js";
 import { P as Pager, g as getPagerComponentsDictionary, d as defaultPagerDictionary } from "../mui_extended/Pager/index.js";
 import { I as IconButton } from "../mui_extended/IconButton/index.js";
 import { u as useModal } from "../../hooks/useModal/index.js";
-import { u as useResponsiveDesktop } from "../../vendor.js";
+import { useResponsiveDesktop } from "@m4l/graphics";
 import "date-fns";
 import { g as getModalDialogComponentsDictionary, d as defaultModalDialogDictionary } from "../ModalDialog/index.js";
 const WrapperGrid$1 = styled("div")(() => ({
@@ -1617,9 +1617,4 @@ function getGridComponentsDictionary() {
   ...defaultPagerDictionary,
   ...defaultModalDialogDictionary
 });
-const initialPagerState = {
-  page: 0,
-  rowsPerPage: 25,
-  totalRecords: 0
-};
-export { DataGrid as D, getGridComponentsDictionary as g, initialPagerState as i };
+export { DataGrid as D, getGridComponentsDictionary as g };

package/dist/components/Image/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { Props } from './types';
+export default function Image({ ratio, sx, isSekeleton, width, height, src, ...other }: Props): JSX.Element;

package/dist/components/Image/index.js

@@ -0,0 +1,115 @@
+import { b as build } from "../../react-lazy-load-image-component.js";
+import { Skeleton, Box } from "@mui/material";
+import { styled, useTheme } from "@mui/material/styles";
+import { jsx } from "react/jsx-runtime";
+const SKTWrapperImage = styled("div")(({
+  theme,
+  width
+}) => ({
+  width,
+  height: "100%",
+  padding: theme.spacing(3),
+  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`
+}));
+const WrapperLazyLoadImage = styled("div")(({
+  width,
+  height
+}) => ({
+  width,
+  height,
+  lineHeight: 0,
+  display: "block",
+  overflow: "hidden",
+  "& > span": {
+    width: "100%",
+    height: "100%"
+  },
+  "& .LazyLoadImage": {
+    width: "100%",
+    height: "100%",
+    objectFit: "contain"
+  }
+}));
+function Image({
+  ratio,
+  sx,
+  isSekeleton = false,
+  width,
+  height,
+  src,
+  ...other
+}) {
+  console.log("ImageSkeleton", isSekeleton);
+  const theme = useTheme();
+  const themeMode = theme.palette.mode;
+  if (isSekeleton) {
+    return /* @__PURE__ */ jsx(SKTWrapperImage, {
+      width,
+      children: /* @__PURE__ */ jsx(Skeleton, {
+        variant: "rectangular",
+        width: "100%",
+        height: "100%"
+      })
+    });
+  }
+  if (ratio) {
+    return /* @__PURE__ */ jsx(Box, {
+      component: "span",
+      sx: {
+        width: 1,
+        lineHeight: 0,
+        display: "block",
+        overflow: "hidden",
+        position: "relative",
+        pt: getRatio(ratio),
+        "& .wrapper": {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          lineHeight: 0,
+          position: "absolute",
+          backgroundSize: "cover !important"
+        },
+        ...sx
+      },
+      children: /* @__PURE__ */ jsx(WrapperLazyLoadImage, {
+        width,
+        height,
+        id: "WrapperLazyLoadImage",
+        children: /* @__PURE__ */ jsx(build.exports.LazyLoadImage, {
+          className: "LazyLoadImage",
+          src,
+          placeholderSrc: themeMode === "light" ? "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==" : "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM5MTlFQUI7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==",
+          ...other
+        })
+      })
+    });
+  }
+  return /* @__PURE__ */ jsx(WrapperLazyLoadImage, {
+    width,
+    height,
+    id: "WrapperLazyLoadImage",
+    children: /* @__PURE__ */ jsx(build.exports.LazyLoadImage, {
+      className: "LazyLoadImage",
+      src,
+      placeholderSrc: themeMode === "light" ? "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==" : "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM5MTlFQUI7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==",
+      ...other
+    })
+  });
+}
+function getRatio(ratio = "1/1") {
+  return {
+    "4/3": "calc(100% / 4 * 3)",
+    "3/4": "calc(100% / 3 * 4)",
+    "6/4": "calc(100% / 6 * 4)",
+    "4/6": "calc(100% / 4 * 6)",
+    "16/9": "calc(100% / 16 * 9)",
+    "9/16": "calc(100% / 9 * 16)",
+    "21/9": "calc(100% / 21 * 9)",
+    "9/21": "calc(100% / 9 * 21)",
+    "1/1": "100%"
+  }[ratio];
+}
+export { Image as I };

package/dist/components/Image/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { styleProps } from './types';
+import { WrapperLazyLoadImageProps } from './types';
+export declare const SKTWrapperImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & styleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperLazyLoadImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & WrapperLazyLoadImageProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Image/types.d.ts

@@ -0,0 +1,19 @@
+import { LazyLoadImageProps } from 'react-lazy-load-image-component';
+import { BoxProps, SxProps } from '@mui/material';
+import { Theme } from '@mui/material/styles';
+export declare type ImageRato = '4/3' | '3/4' | '6/4' | '4/6' | '16/9' | '9/16' | '21/9' | '9/21' | '1/1';
+export declare type IProps = BoxProps & LazyLoadImageProps;
+export interface Props extends IProps {
+    sx?: SxProps<Theme>;
+    ratio?: ImageRato;
+    isSekeleton?: boolean;
+    width?: string;
+    height?: string;
+}
+export interface styleProps {
+    width?: string;
+}
+export interface WrapperLazyLoadImageProps {
+    width?: string | number;
+    height?: string | number;
+}

package/dist/components/LanguagePopover/index.d.ts

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

package/dist/components/LanguagePopover/index.js

@@ -0,0 +1,7 @@
+import "react";
+import "@mui/material";
+import "../../react-lazy-load-image-component.js";
+import "@mui/material/styles";
+import "../Image/index.js";
+import "react/jsx-runtime";
+import "@m4l/graphics";

package/dist/components/LanguagePopover/types.d.ts

@@ -0,0 +1,3 @@
+export interface defaultProps {
+    isSkeleton?: boolean;
+}

package/dist/components/Loadable/index.d.ts

@@ -0,0 +1,2 @@
+import { ElementType } from 'react';
+export declare const Loadable: (Component: ElementType) => (props: any) => JSX.Element;

package/dist/components/Loadable/index.js

@@ -0,0 +1,13 @@
+import { Suspense } from "react";
+import { jsx } from "react/jsx-runtime";
+const Loadable = (Component) => function EmbededLoadable(props) {
+  return /* @__PURE__ */ jsx(Suspense, {
+    fallback: /* @__PURE__ */ jsx("div", {
+      children: "Cargando"
+    }),
+    children: /* @__PURE__ */ jsx(Component, {
+      ...props
+    })
+  });
+};
+export { Loadable as L };

package/dist/components/ModalDialog/index.js

@@ -3,7 +3,7 @@ import { D as Draggable } from "../../react-draggable.js";
 import { u as useModal } from "../../hooks/useModal/index.js";
 import { styled } from "@mui/material/styles";
 import { R as Resizeable } from "../Resizeable/index.js";
-import { u as useResponsiveDesktop } from "../../vendor.js";
+import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment } from "@m4l/core";
 import { B as BoxIcon } from "../mui_extended/BoxIcon/index.js";
 import { jsxs, jsx } from "react/jsx-runtime";

package/dist/components/ObjectLogs/index.js

@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
-import { useNetwork, useModuleDictionary } from "@m4l/core";
+import { useNetwork, useModuleDictionary, usePaginate } from "@m4l/core";
 import { Tooltip, IconButton, TextField } from "@mui/material";
 import { LocalizationProvider, DateTimePicker } from "@mui/x-date-pickers";
 import AdapterDateFns from "@mui/lab/AdapterDateFns";
@@ -11,7 +11,6 @@ import { D as DateFormatter } from "../DataGrid/formatters/DateFormatter/index.j
 import { R as ReactJson } from "../../react-json-view.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { u as useModal } from "../../hooks/useModal/index.js";
-import { a as usePaginate } from "../../vendor.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",

package/dist/components/PaperForm/index.js

@@ -1,7 +1,7 @@
 import { styled, useTheme } from "@mui/material/styles";
 import { Skeleton } from "@mui/material";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { BoxIcon } from "@mui_extended/BoxIcon";
+import { B as BoxIcon } from "../mui_extended/BoxIcon/index.js";
 const WrapperPaper = styled("div")(({
   theme
 }) => ({

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from '../components/CompanyLogo';
 export { DataGrid } from '../components/DataGrid';
 export { DateFormatter, BooleanFormatter } from '../components/DataGrid/formatters';
 export type { Column } from 'react-data-grid';
@@ -6,6 +7,9 @@ export { getGridComponentsDictionary } from '../components/DataGrid/dictionary';
 export * from '../components/FormActions';
 export * from '../components/FormActions/dictionary';
 export * from '../components/hook-form';
+export * from '../components/Image';
+export * from '../components/LanguagePopover';
+export * from '../components/Loadable';
 export * from '../components/ModalDialog';
 export * from '../components/ModalDialog/dictionary';
 export * from '../components/NoItemSelected';

package/dist/components/mui_extended/LinkWithRoute/index.d.ts

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

package/dist/components/mui_extended/LinkWithRoute/index.js

@@ -0,0 +1,30 @@
+import { Link as Link$1 } from "react-router-dom";
+import { Skeleton, Link } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+const LinkWithRoute = (props) => {
+  const {
+    to,
+    children,
+    skeletonProps = {},
+    ...other
+  } = props;
+  const {
+    isSkeleton = false,
+    width = "100%",
+    height = "14px"
+  } = skeletonProps;
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(Skeleton, {
+      variant: "text",
+      width,
+      height
+    });
+  }
+  return /* @__PURE__ */ jsx(Link, {
+    component: Link$1,
+    to,
+    ...other,
+    children
+  });
+};
+export { LinkWithRoute as L };

package/dist/components/mui_extended/LinkWithRoute/types.d.ts

@@ -0,0 +1,11 @@
+import { LinkProps as MuiLinkProps } from '@mui/material';
+import { To } from 'history';
+export interface SkeletonProps {
+    isSkeleton?: boolean;
+    width?: string | number;
+    height?: string | number;
+}
+export interface LinkWithRouteProps extends MuiLinkProps {
+    to: To;
+    skeletonProps: SkeletonProps;
+}

package/dist/components/mui_extended/MenuActions/styles.d.ts

@@ -2,7 +2,7 @@
 export declare const WrapperMenuActions: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
-    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | "default" | undefined;
+    color?: "inherit" | "default" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     edge?: false | "end" | "start" | undefined;
@@ -26,5 +26,5 @@ export declare const WrapperMenuActions: import("@emotion/styled").StyledCompone
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "color" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "size" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "size" | "color" | "sx" | "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const LabelMemuItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

package/dist/components/mui_extended/Typography/index.js

@@ -0,0 +1,21 @@
+import { Skeleton, Typography as Typography$1 } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+function Typography(props) {
+  const {
+    skeletonProps = {},
+    ...other
+  } = props;
+  const {
+    isSkeleton = "false",
+    width = "100%",
+    height = "14px"
+  } = skeletonProps;
+  return isSkeleton ? /* @__PURE__ */ jsx(Skeleton, {
+    variant: "text",
+    width,
+    height
+  }) : /* @__PURE__ */ jsx(Typography$1, {
+    ...other
+  });
+}
+export { Typography as T };

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

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

package/dist/components/mui_extended/index.d.ts

@@ -3,13 +3,15 @@ export { BoxIcon } from './BoxIcon';
 export { Breadcrumbs } from './Breadcrumbs';
 export type { TLink } from './Breadcrumbs/types';
 export { IconButton } from './IconButton';
+export { LinkWithRoute } from './LinkWithRoute';
 export { MenuActions } from './MenuActions';
 export type { MenuAction, ComponentActionProps } from './MenuActions/types';
 export { MenuPopover } from './MenuPopover';
 export { Pager } from './Pager';
 export type { PagerProps } from './Pager/types';
-export { Tab } from './Tab';
 export { getPagerComponentsDictionary } from './Pager/dicctionary';
+export { Tab } from './Tab';
+export { Typography } from './Typography';
 declare module '@mui/material/styles/createPalette' {
     interface TypeBackground {
         neutral: string;

package/dist/core-js.js

@@ -198,10 +198,10 @@ var store$2 = sharedStore;
 (shared$4.exports = function(key, value) {
   return store$2[key] || (store$2[key] = value !== void 0 ? value : {});
 })("versions", []).push({
-  version: "3.23.3",
+  version: "3.23.4",
   mode: "global",
   copyright: "\xA9 2014-2022 Denis Pushkarev (zloirock.ru)",
-  license: "https://github.com/zloirock/core-js/blob/v3.23.3/LICENSE",
+  license: "https://github.com/zloirock/core-js/blob/v3.23.4/LICENSE",
   source: "https://github.com/zloirock/core-js"
 });
 var requireObjectCoercible$4 = requireObjectCoercible$6;
@@ -1685,6 +1685,7 @@ var ResultPrototype = Result.prototype;
 var iterate$2 = function(iterable, unboundFunction, options) {
   var that = options && options.that;
   var AS_ENTRIES = !!(options && options.AS_ENTRIES);
+  var IS_RECORD = !!(options && options.IS_RECORD);
   var IS_ITERATOR = !!(options && options.IS_ITERATOR);
   var INTERRUPTED = !!(options && options.INTERRUPTED);
   var fn = bind(unboundFunction, that);
@@ -1701,7 +1702,9 @@ var iterate$2 = function(iterable, unboundFunction, options) {
     }
     return INTERRUPTED ? fn(value, stop) : fn(value);
   };
-  if (IS_ITERATOR) {
+  if (IS_RECORD) {
+    iterator = iterable.iterator;
+  } else if (IS_ITERATOR) {
     iterator = iterable;
   } else {
     iterFn = getIteratorMethod(iterable);
@@ -1717,7 +1720,7 @@ var iterate$2 = function(iterable, unboundFunction, options) {
     }
     iterator = getIterator(iterable, iterFn);
   }
-  next2 = iterator.next;
+  next2 = IS_RECORD ? iterable.next : iterator.next;
   while (!(step = call$5(next2, iterator)).done) {
     try {
       result = callFn(step.value);