decentraland-ui2 1.2.2-21258714748.commit-c55df48 → 1.2.2-21409431322.commit-d4bd7fb

package/README.md

@@ -33,10 +33,10 @@ import { dark, ThemeProvider } from 'decentraland-ui2/dist/theme';
 Now you can use Decentraland UI v2's components:
 
 ```tsx
-import React from "react"
-import { Button } from "decentraland-ui2/lib/@mui"
+import React from 'react'
+import { Button } from 'decentraland-ui2/lib/@mui'
 
-export const CustomButton = (props) => {
+export const CustomButton = props => {
   return <Button {...props}>Save</Button>
 }
 ```

package/dist/components/Address/Address.d.ts

@@ -1,3 +1,3 @@
-import { AddressProps } from "./Address.types";
+import { AddressProps } from './Address.types';
 declare const Address: (props: AddressProps) => import("react/jsx-runtime").JSX.Element;
 export { Address };

package/dist/components/Address/Address.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo } from "react";
-import Tooltip from "@mui/material/Tooltip";
-import { AddressContainer, CopyButton, CopyIcon, StyledAddress, } from "./Address.styled";
+import { useCallback, useMemo } from 'react';
+import Tooltip from '@mui/material/Tooltip';
+import { AddressContainer, CopyButton, CopyIcon, StyledAddress } from './Address.styled';
 const Address = (props) => {
     const { value, strong = false, shorten = true, tooltip = false, showCopyButton = false, onCopy, ...restProps } = props;
     const address = useMemo(() => (shorten ? `${value.slice(0, 6)}\u2026${value.slice(-4)}` : value), [value, shorten]);
@@ -12,7 +12,7 @@ const Address = (props) => {
         }
         navigator.clipboard.writeText(value);
     }, [onCopy, value]);
-    const content = (_jsxs(AddressContainer, { children: [_jsx(StyledAddress, { as: strong ? "strong" : "span", ...restProps, children: address }), showCopyButton ? (_jsx(CopyButton, { "aria-label": "Copy address", size: "small", onClick: handleCopy, children: _jsx(CopyIcon, {}) })) : null] }));
+    const content = (_jsxs(AddressContainer, { children: [_jsx(StyledAddress, { as: strong ? 'strong' : 'span', ...restProps, children: address }), showCopyButton ? (_jsx(CopyButton, { "aria-label": "Copy address", size: "small", onClick: handleCopy, children: _jsx(CopyIcon, {}) })) : null] }));
     return tooltip ? (_jsx(Tooltip, { title: value, placement: "top", children: _jsx("span", { children: content }) })) : (content);
 };
 export { Address };

package/dist/components/Address/Address.js.map

@@ -1 +1 @@
-{"version":3,"file":"Address.js","sourceRoot":"","sources":["../../../src/components/Address/Address.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,OAAO,MAAM,uBAAuB,CAAA;AAE3C,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,aAAa,GACd,MAAM,kBAAkB,CAAA;AAEzB,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,EACJ,KAAK,EACL,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,IAAI,EACd,OAAO,GAAG,KAAK,EACf,cAAc,GAAG,KAAK,EACtB,MAAM,EACN,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IACT,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,SAAS,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EACxE,CAAC,KAAK,EAAE,OAAO,CAAC,CACjB,CAAA;IAED,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,KAAK,CAAC,CAAA;YACb,OAAM;QACR,CAAC;QAED,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;IACtC,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;IAEnB,MAAM,OAAO,GAAG,CACd,MAAC,gBAAgB,eACf,KAAC,aAAa,IAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KAAM,SAAS,YACzD,OAAO,GACM,EACf,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,UAAU,kBAAY,cAAc,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,UAAU,YACpE,KAAC,QAAQ,KAAG,GACD,CACd,CAAC,CAAC,CAAC,IAAI,IACS,CACpB,CAAA;IAED,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,KAAK,YACpC,yBAAO,OAAO,GAAQ,GACd,CACX,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"Address.js","sourceRoot":"","sources":["../../../src/components/Address/Address.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,OAAO,MAAM,uBAAuB,CAAA;AAE3C,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAExF,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,OAAO,GAAG,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,cAAc,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IACtH,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,SAAS,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAA;IAEnH,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,KAAK,CAAC,CAAA;YACb,OAAM;QACR,CAAC;QAED,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;IACtC,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;IAEnB,MAAM,OAAO,GAAG,CACd,MAAC,gBAAgB,eACf,KAAC,aAAa,IAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KAAM,SAAS,YACzD,OAAO,GACM,EACf,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,UAAU,kBAAY,cAAc,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,UAAU,YACpE,KAAC,QAAQ,KAAG,GACD,CACd,CAAC,CAAC,CAAC,IAAI,IACS,CACpB,CAAA;IAED,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,KAAK,YACpC,yBAAO,OAAO,GAAQ,GACd,CACX,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/Address/Address.stories.d.ts

@@ -1,5 +1,5 @@
-import { AddressProps } from "./Address.types";
-import type { Meta, StoryObj } from "@storybook/react";
+import { AddressProps } from './Address.types';
+import type { Meta, StoryObj } from '@storybook/react';
 declare const meta: Meta<AddressProps>;
 type Story = StoryObj<AddressProps>;
 declare const FullAddress: Story;
@@ -8,4 +8,4 @@ declare const StrongStyleAddress: Story;
 declare const WithTooltip: Story;
 declare const WithCopyButton: Story;
 export default meta;
-export { FullAddress, ShortAddress, StrongStyleAddress, WithTooltip, WithCopyButton, };
+export { FullAddress, ShortAddress, StrongStyleAddress, WithTooltip, WithCopyButton };

package/dist/components/Address/Address.stories.js

@@ -1,69 +1,69 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Address } from "./";
-const address = "0x0F5D2fB29fb7d3CFeE444a200298f468908cC942";
+import { Address } from './';
+const address = '0x0F5D2fB29fb7d3CFeE444a200298f468908cC942';
 const meta = {
     component: Address,
-    title: "Decentraland UI/Address",
-    tags: ["autodocs"],
+    title: 'Decentraland UI/Address',
+    tags: ['autodocs'],
     argTypes: {
         value: {
-            description: "The Ethereum address to display (required)",
-            defaultValue: "",
+            description: 'The Ethereum address to display (required)',
+            defaultValue: ''
         },
         strong: {
-            description: "Bold the address text",
-            defaultValue: false,
+            description: 'Bold the address text',
+            defaultValue: false
         },
         shorten: {
-            description: "Shorten the address for display",
-            defaultValue: true,
+            description: 'Shorten the address for display',
+            defaultValue: true
         },
         tooltip: {
-            description: "Show full address on hover",
+            description: 'Show full address on hover'
         },
         showCopyButton: {
-            description: "Show a copy-to-clipboard button",
-            defaultValue: false,
-        },
+            description: 'Show a copy-to-clipboard button',
+            defaultValue: false
+        }
     },
-    render: (args) => _jsx(Address, { ...args }),
+    render: args => _jsx(Address, { ...args })
 };
 const FullAddress = {
-    name: "Full Address",
+    name: 'Full Address',
     args: {
         value: address,
-        shorten: false,
-    },
+        shorten: false
+    }
 };
 const ShortAddress = {
-    name: "Short Address",
+    name: 'Short Address',
     args: {
         value: address,
-        shorten: true,
-    },
+        shorten: true
+    }
 };
 const StrongStyleAddress = {
-    name: "Strong Style Address",
+    name: 'Strong Style Address',
     args: {
         value: address,
-        strong: true,
-    },
+        strong: true
+    }
 };
 const WithTooltip = {
-    name: "With Tooltip",
+    name: 'With Tooltip',
     args: {
         value: address,
-        tooltip: true,
-    },
+        tooltip: true
+    }
 };
 const WithCopyButton = {
-    name: "With Copy Button",
+    name: 'With Copy Button',
     args: {
         value: address,
-        showCopyButton: true,
-    },
+        showCopyButton: true
+    }
 };
 // eslint-disable-next-line import/no-default-export
 export default meta;
-export { FullAddress, ShortAddress, StrongStyleAddress, WithTooltip, WithCopyButton, };
+export { FullAddress, ShortAddress, StrongStyleAddress, WithTooltip, WithCopyButton };
 //# sourceMappingURL=Address.stories.js.map

package/dist/components/Address/Address.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Address.stories.js","sourceRoot":"","sources":["../../../src/components/Address/Address.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAA;AAG5B,MAAM,OAAO,GAAG,4CAA4C,CAAA;AAE5D,MAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,WAAW,EAAE,4CAA4C;YACzD,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,WAAW,EAAE,uBAAuB;YACpC,YAAY,EAAE,KAAK;SACpB;QACD,OAAO,EAAE;YACP,WAAW,EAAE,iCAAiC;YAC9C,YAAY,EAAE,IAAI;SACnB;QACD,OAAO,EAAE;YACP,WAAW,EAAE,4BAA4B;SAC1C;QACD,cAAc,EAAE;YACd,WAAW,EAAE,iCAAiC;YAC9C,YAAY,EAAE,KAAK;SACpB;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,OAAO,OAAK,IAAI,GAAI;CACxC,CAAA;AAID,MAAM,WAAW,GAAU;IACzB,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,KAAK;KACf;CACF,CAAA;AAED,MAAM,YAAY,GAAU;IAC1B,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,IAAI;KACd;CACF,CAAA;AAED,MAAM,kBAAkB,GAAU;IAChC,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAI;KACb;CACF,CAAA;AAED,MAAM,WAAW,GAAU;IACzB,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,IAAI;KACd;CACF,CAAA;AAED,MAAM,cAAc,GAAU;IAC5B,IAAI,EAAE,kBAAkB;IACxB,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,cAAc,EAAE,IAAI;KACrB;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EACL,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,cAAc,GACf,CAAA"}
+{"version":3,"file":"Address.stories.js","sourceRoot":"","sources":["../../../src/components/Address/Address.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAA;AAG5B,MAAM,OAAO,GAAG,4CAA4C,CAAA;AAE5D,MAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,WAAW,EAAE,4CAA4C;YACzD,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,WAAW,EAAE,uBAAuB;YACpC,YAAY,EAAE,KAAK;SACpB;QACD,OAAO,EAAE;YACP,WAAW,EAAE,iCAAiC;YAC9C,YAAY,EAAE,IAAI;SACnB;QACD,OAAO,EAAE;YACP,WAAW,EAAE,4BAA4B;SAC1C;QACD,cAAc,EAAE;YACd,WAAW,EAAE,iCAAiC;YAC9C,YAAY,EAAE,KAAK;SACpB;KACF;IACD,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,KAAC,OAAO,OAAK,IAAI,GAAI;CACtC,CAAA;AAID,MAAM,WAAW,GAAU;IACzB,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,KAAK;KACf;CACF,CAAA;AAED,MAAM,YAAY,GAAU;IAC1B,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,IAAI;KACd;CACF,CAAA;AAED,MAAM,kBAAkB,GAAU;IAChC,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAI;KACb;CACF,CAAA;AAED,MAAM,WAAW,GAAU;IACzB,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,IAAI;KACd;CACF,CAAA;AAED,MAAM,cAAc,GAAU;IAC5B,IAAI,EAAE,kBAAkB;IACxB,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,cAAc,EAAE,IAAI;KACrB;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/Address/Address.styled.js

@@ -1,24 +1,24 @@
-import ContentCopyIcon from "@mui/icons-material/ContentCopy";
-import IconButton from "@mui/material/IconButton";
-import styled from "@emotion/styled";
-const AddressContainer = styled("span")(({ theme }) => ({
-    display: "inline-flex",
-    alignItems: "center",
-    gap: theme.spacing(0.25),
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import IconButton from '@mui/material/IconButton';
+import styled from '@emotion/styled';
+const AddressContainer = styled('span')(({ theme }) => ({
+    display: 'inline-flex',
+    alignItems: 'center',
+    gap: theme.spacing(0.25)
 }));
 const CopyButton = styled(IconButton)(({ theme }) => ({
     padding: theme.spacing(0.25),
     color: theme.palette.text.secondary,
-    "&:hover": {
-        color: theme.palette.text.primary,
-    },
+    '&:hover': {
+        color: theme.palette.text.primary
+    }
 }));
 const CopyIcon = styled(ContentCopyIcon)({
-    fontSize: "0.875em",
+    fontSize: '0.875em'
 });
-const StyledAddress = styled("span")(({ theme }) => ({
+const StyledAddress = styled('span')(({ theme }) => ({
     color: theme.palette.text.primary,
-    fontFamily: theme.typography.fontFamily,
+    fontFamily: theme.typography.fontFamily
 }));
 export { AddressContainer, CopyButton, CopyIcon, StyledAddress };
 //# sourceMappingURL=Address.styled.js.map

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

@@ -1,2 +1,2 @@
-export * from "./Address";
-export * from "./Address.types";
+export * from './Address';
+export * from './Address.types';

package/dist/components/Address/index.js

@@ -1,3 +1,3 @@
-export * from "./Address";
-export * from "./Address.types";
+export * from './Address';
+export * from './Address.types';
 //# sourceMappingURL=index.js.map

package/dist/components/AddressField/utils.js

@@ -1,8 +1,8 @@
-const isValid = (addr = "") => {
+const isValid = (addr = '') => {
     return /^0x[a-fA-F0-9]{40}$/g.test(addr);
 };
 const shorten = (address) => {
-    return address ? address.slice(0, 6) + "..." + address.slice(42 - 5) : "";
+    return address ? address.slice(0, 6) + '...' + address.slice(42 - 5) : '';
 };
 export { isValid, shorten };
 //# sourceMappingURL=utils.js.map

package/dist/components/AddressField/utils.spec.js

@@ -1,21 +1,21 @@
-import { isValid, shorten } from "./utils";
-describe("isValid", () => {
-    it("should return false when address is undefined", () => {
+import { isValid, shorten } from './utils';
+describe('isValid', () => {
+    it('should return false when address is undefined', () => {
         expect(isValid(undefined)).toBe(false);
     });
     it("should return false when address doesn't match regex", () => {
-        expect(isValid("0x")).toBe(false);
+        expect(isValid('0x')).toBe(false);
     });
-    it("should return true when address matches regex", () => {
-        expect(isValid("0x89805E5f0698Cb4dB57f0E389f2a75259f78CC22")).toBe(true);
+    it('should return true when address matches regex', () => {
+        expect(isValid('0x89805E5f0698Cb4dB57f0E389f2a75259f78CC22')).toBe(true);
     });
 });
-describe("shorten", () => {
-    it("should return empty string when address is not defined", () => {
-        expect(shorten(undefined)).toBe("");
+describe('shorten', () => {
+    it('should return empty string when address is not defined', () => {
+        expect(shorten(undefined)).toBe('');
     });
-    it("should return first and last 5 items", () => {
-        expect(shorten("0x89805E5f0698Cb4dB57f0E389f2a75259f78CC22")).toBe("0x8980...8CC22");
+    it('should return first and last 5 items', () => {
+        expect(shorten('0x89805E5f0698Cb4dB57f0E389f2a75259f78CC22')).toBe('0x8980...8CC22');
     });
 });
 //# sourceMappingURL=utils.spec.js.map

package/dist/components/AddressField/utils.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.spec.js","sourceRoot":"","sources":["../../../src/components/AddressField/utils.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAE1C,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACvD,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC9D,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACnC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACvD,MAAM,CAAC,OAAO,CAAC,4CAA4C,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC1E,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAChE,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACrC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,CAAC,OAAO,CAAC,4CAA4C,CAAC,CAAC,CAAC,IAAI,CAChE,gBAAgB,CACjB,CAAA;IACH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
+{"version":3,"file":"utils.spec.js","sourceRoot":"","sources":["../../../src/components/AddressField/utils.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAE1C,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACvD,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC9D,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACnC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACvD,MAAM,CAAC,OAAO,CAAC,4CAA4C,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC1E,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAChE,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACrC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,CAAC,OAAO,CAAC,4CAA4C,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;IACtF,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/components/AssetImage/AssetImage.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { AssetImageProps } from "./AssetImage.types";
+import React from 'react';
+import { AssetImageProps } from './AssetImage.types';
 declare const AssetImage: React.MemoExoticComponent<(props: AssetImageProps) => import("react/jsx-runtime").JSX.Element>;
 export { AssetImage };

package/dist/components/AssetImage/AssetImage.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { AssetImageContainer, AssetImageStyled } from "./AssetImage.styled";
+import React from 'react';
+import { AssetImageContainer, AssetImageStyled } from './AssetImage.styled';
 const AssetImage = React.memo((props) => {
     const { rarity, name, src, ...restProps } = props;
     return (_jsx(AssetImageContainer, { rarity: rarity, ...restProps, children: _jsx(AssetImageStyled, { src: src, alt: name }) }));

package/dist/components/AssetImage/AssetImage.stories.d.ts

@@ -1,5 +1,5 @@
-import { AssetImageProps } from "./AssetImage.types";
-import type { Meta, StoryObj } from "@storybook/react";
+import { AssetImageProps } from './AssetImage.types';
+import type { Meta, StoryObj } from '@storybook/react';
 declare const meta: Meta<AssetImageProps>;
 type Story = StoryObj<AssetImageProps>;
 declare const Default: Story;

package/dist/components/AssetImage/AssetImage.stories.js

@@ -1,42 +1,42 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Rarity } from "@dcl/schemas";
-import { AssetImage } from "./AssetImage";
-import { item } from "../../data/item";
-import { AssetImageContainer } from "./AssetImage.stories.styled";
+import { Rarity } from '@dcl/schemas';
+import { AssetImage } from './AssetImage';
+import { item } from '../../data/item';
+import { AssetImageContainer } from './AssetImage.stories.styled';
 const meta = {
     component: AssetImage,
-    title: "Decentraland UI/Asset Image",
-    tags: ["autodocs"],
+    title: 'Decentraland UI/Asset Image',
+    tags: ['autodocs'],
     parameters: {
-        layout: "centered",
+        layout: 'centered'
     },
     argTypes: {
         rarity: {
-            control: "select",
+            control: 'select',
             options: Rarity.getRarities(),
             defaultValue: item.rarity,
-            description: "The rarity of the asset",
+            description: 'The rarity of the asset'
         },
         name: {
-            control: "text",
+            control: 'text',
             defaultValue: item.name,
-            description: "The name of the asset",
+            description: 'The name of the asset'
         },
         src: {
-            control: "text",
+            control: 'text',
             defaultValue: item.thumbnail,
-            description: "The source of the asset",
-        },
+            description: 'The source of the asset'
+        }
     },
-    render: (args) => (_jsx(AssetImageContainer, { children: _jsx(AssetImage, { ...args }) })),
+    render: args => (_jsx(AssetImageContainer, { children: _jsx(AssetImage, { ...args }) }))
 };
 const Default = {
-    name: "Default",
+    name: 'Default',
     args: {
         src: item.thumbnail,
         name: item.name,
-        rarity: item.rarity,
-    },
+        rarity: item.rarity
+    }
 };
 // eslint-disable-next-line import/no-default-export
 export default meta;

package/dist/components/AssetImage/AssetImage.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetImage.stories.js","sourceRoot":"","sources":["../../../src/components/AssetImage/AssetImage.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAGjE,MAAM,IAAI,GAA0B;IAClC,SAAS,EAAE,UAAU;IACrB,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,MAAM,CAAC,WAAW,EAAE;YAC7B,YAAY,EAAE,IAAI,CAAC,MAAM;YACzB,WAAW,EAAE,yBAAyB;SACvC;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,IAAI,CAAC,IAAI;YACvB,WAAW,EAAE,uBAAuB;SACrC;QACD,GAAG,EAAE;YACH,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,IAAI,CAAC,SAAS;YAC5B,WAAW,EAAE,yBAAyB;SACvC;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,KAAC,mBAAmB,cAClB,KAAC,UAAU,OAAK,IAAI,GAAI,GACJ,CACvB;CACF,CAAA;AAID,MAAM,OAAO,GAAU;IACrB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,GAAG,EAAE,IAAI,CAAC,SAAS;QACnB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,MAAM,EAAE,IAAI,CAAC,MAAM;KACpB;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"AssetImage.stories.js","sourceRoot":"","sources":["../../../src/components/AssetImage/AssetImage.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAGjE,MAAM,IAAI,GAA0B;IAClC,SAAS,EAAE,UAAU;IACrB,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,MAAM,CAAC,WAAW,EAAE;YAC7B,YAAY,EAAE,IAAI,CAAC,MAAM;YACzB,WAAW,EAAE,yBAAyB;SACvC;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,IAAI,CAAC,IAAI;YACvB,WAAW,EAAE,uBAAuB;SACrC;QACD,GAAG,EAAE;YACH,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,IAAI,CAAC,SAAS;YAC5B,WAAW,EAAE,yBAAyB;SACvC;KACF;IACD,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACd,KAAC,mBAAmB,cAClB,KAAC,UAAU,OAAK,IAAI,GAAI,GACJ,CACvB;CACF,CAAA;AAID,MAAM,OAAO,GAAU;IACrB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,GAAG,EAAE,IAAI,CAAC,SAAS;QACnB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,MAAM,EAAE,IAAI,CAAC,MAAM;KACpB;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/AssetImage/AssetImage.stories.styled.js

@@ -1,6 +1,6 @@
-import styled from "@emotion/styled";
-const AssetImageContainer = styled("div")(({ theme }) => ({
-    height: theme.spacing(35),
+import styled from '@emotion/styled';
+const AssetImageContainer = styled('div')(({ theme }) => ({
+    height: theme.spacing(35)
 }));
 export { AssetImageContainer };
 //# sourceMappingURL=AssetImage.stories.styled.js.map

package/dist/components/AssetImage/AssetImage.styled.d.ts

@@ -1,4 +1,4 @@
-import { AssetImageProps } from "./AssetImage.types";
+import { AssetImageProps } from './AssetImage.types';
 declare const AssetImageContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/dist/components/AssetImage/AssetImage.styled.js

@@ -1,21 +1,21 @@
-import { Rarity } from "@dcl/schemas";
-import styled from "@emotion/styled";
-const AssetImageContainer = styled("div")(({ rarity, }) => {
+import { Rarity } from '@dcl/schemas';
+import styled from '@emotion/styled';
+const AssetImageContainer = styled('div')(({ rarity }) => {
     const [lightColor, regularColor] = Rarity.getGradient(rarity);
     const backgroundImage = `radial-gradient(${lightColor}, ${regularColor})`;
     return {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        height: "inherit",
-        width: "inherit",
-        margin: "auto",
-        backgroundImage,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: 'inherit',
+        width: 'inherit',
+        margin: 'auto',
+        backgroundImage
     };
 });
-const AssetImageStyled = styled("img")({
-    magin: "auto",
-    maxHeight: "100%",
+const AssetImageStyled = styled('img')({
+    magin: 'auto',
+    maxHeight: '100%'
 });
 export { AssetImageContainer, AssetImageStyled };
 //# sourceMappingURL=AssetImage.styled.js.map

package/dist/components/AssetImage/AssetImage.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetImage.styled.js","sourceRoot":"","sources":["../../../src/components/AssetImage/AssetImage.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAGpC,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAkC,CAAC,EAC1E,MAAM,GACP,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;IAC7D,MAAM,eAAe,GAAG,mBAAmB,UAAU,KAAK,YAAY,GAAG,CAAA;IAEzE,OAAO;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,MAAM;QACd,eAAe;KAChB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,MAAM;CAClB,CAAC,CAAA;AAEF,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"AssetImage.styled.js","sourceRoot":"","sources":["../../../src/components/AssetImage/AssetImage.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAGpC,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAkC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACxF,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;IAC7D,MAAM,eAAe,GAAG,mBAAmB,UAAU,KAAK,YAAY,GAAG,CAAA;IAEzE,OAAO;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,MAAM;QACd,eAAe;KAChB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,MAAM;CAClB,CAAC,CAAA;AAEF,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,CAAA"}

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

@@ -1,4 +1,4 @@
-import { Rarity } from "@dcl/schemas";
+import { Rarity } from '@dcl/schemas';
 type AssetImageProps = {
     name: string;
     rarity: Rarity;

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

@@ -1,2 +1,2 @@
-export * from "./AssetImage";
-export * from "./AssetImage.types";
+export * from './AssetImage';
+export * from './AssetImage.types';

package/dist/components/AssetImage/index.js

@@ -1,3 +1,3 @@
-export * from "./AssetImage";
-export * from "./AssetImage.types";
+export * from './AssetImage';
+export * from './AssetImage.types';
 //# sourceMappingURL=index.js.map

package/dist/components/Atlas/Atlas.d.ts

@@ -1,5 +1,4 @@
-import React from "react";
-import "react-tile-map/lib/styles.css";
-import { AtlasProps } from "./Atlas.types";
+import React from 'react';
+import { AtlasProps } from './Atlas.types';
 declare const Atlas: React.MemoExoticComponent<(props: AtlasProps) => import("react/jsx-runtime").JSX.Element>;
 export { Atlas };

package/dist/components/Atlas/Atlas.js

@@ -1,58 +1,69 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import "react-tile-map/lib/styles.css";
-import { getColorByType, getTiles } from "./util";
-import { createLazyComponent } from "../../utils/optionalDependency";
-import { AtlasColor } from "./Atlas.types";
-const LazyTileMap = createLazyComponent({
-    packageName: "react-tile-map",
-    componentName: "Atlas",
-}, () => import("react-tile-map").then((mod) => ({ default: mod.TileMap })));
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import CircularProgress from '@mui/material/CircularProgress';
+import { getColorByType, getTiles } from './util';
+import { createDynamicImport, createLazyComponent } from '../../utils/optionalDependency';
+import { AtlasColor } from './Atlas.types';
+const importTileMap = createDynamicImport('react-tile-map');
+const importTileMapStyles = createDynamicImport('react-tile-map/lib/styles.css');
 const Atlas = React.memo((props) => {
     const { layers } = props;
+    const atlasFallback = useMemo(() => _jsx(CircularProgress, { size: 24, color: "inherit" }), []);
+    const LazyTileMap = useMemo(() => createLazyComponent({
+        packageName: 'react-tile-map',
+        componentName: 'Atlas'
+    }, () => importTileMap().then(mod => ({ default: mod.TileMap })), atlasFallback), [atlasFallback]);
     const [tiles, setTiles] = useState(props.tiles);
-    const mountedRef = React.useRef(true);
+    const resolvedTiles = props.tiles ?? tiles;
     const layer = useCallback((x, y) => {
-        const id = x + "," + y;
-        if (tiles && id in tiles) {
-            const tile = tiles[id];
+        const id = x + ',' + y;
+        if (resolvedTiles && id in resolvedTiles) {
+            const tile = resolvedTiles[id];
             return {
                 color: getColorByType(tile.type),
                 top: tile.top,
                 left: tile.left,
-                topLeft: tile.topLeft,
+                topLeft: tile.topLeft
             };
         }
         else {
             return {
-                color: (x + y) % 2 === 0 ? AtlasColor.ODD : AtlasColor.EVEN,
+                color: (x + y) % 2 === 0 ? AtlasColor.ODD : AtlasColor.EVEN
             };
         }
-    }, [tiles]);
+    }, [resolvedTiles]);
     useEffect(() => {
-        if (!tiles) {
-            getTiles().then(handleUpdateTiles);
+        let cancelled = false;
+        importTileMapStyles().catch(() => {
+            // Keep silent if the optional dependency is not installed; LazyTileMap will warn when rendered.
+            return;
+        });
+        if (!props.tiles && !tiles) {
+            getTiles().then(updatedTiles => {
+                if (cancelled) {
+                    return;
+                }
+                setTiles(updatedTiles);
+            });
         }
         return () => {
-            mountedRef.current = false;
+            cancelled = true;
         };
-    }, [tiles]);
+    }, [props.tiles, tiles]);
     useEffect(() => {
         if (props.tiles && props.tiles !== tiles) {
             setTiles(props.tiles);
         }
-    }, [props.tiles]);
-    const handleUpdateTiles = (updatedTiles) => {
-        if (mountedRef.current) {
-            setTiles(updatedTiles);
-        }
-    };
+    }, [props.tiles, tiles]);
     /*
     Review this CSS
     const atlasStyle = css({
       background: neutral.softBlack1,
     }) */
     const layersMemo = useMemo(() => [layer, ...(layers || [])], [layer, layers]);
+    if (!resolvedTiles) {
+        return atlasFallback;
+    }
     return _jsx(LazyTileMap, { ...props, layers: layersMemo });
 });
 export { Atlas };

package/dist/components/Atlas/Atlas.js.map

@@ -1 +1 @@
-{"version":3,"file":"Atlas.js","sourceRoot":"","sources":["../../../src/components/Atlas/Atlas.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Atlas.js","sourceRoot":"","sources":["../../../src/components/Atlas/Atlas.tsx"],"names":[],"mappings":"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"}

package/dist/components/Atlas/Atlas.stories.d.ts

@@ -1,5 +1,5 @@
-import { AtlasProps } from "./index";
-import type { Meta, StoryObj } from "@storybook/react";
+import { AtlasProps } from './index';
+import type { Meta, StoryObj } from '@storybook/react';
 declare const meta: Meta<AtlasProps>;
 type Story = StoryObj<AtlasProps>;
 declare const Uncontrolled: Story;
@@ -9,4 +9,4 @@ declare const ClickToSelect: Story;
 declare const HoverToHighlight: Story;
 declare const WithZoomControl: Story;
 export default meta;
-export { Uncontrolled, Controlled, ForSale, ClickToSelect, HoverToHighlight, WithZoomControl, };
+export { Uncontrolled, Controlled, ForSale, ClickToSelect, HoverToHighlight, WithZoomControl };