decentraland-ui2 0.26.1-17074319572.commit-54256a2 → 0.26.1

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

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

package/dist/components/Address/Address.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import Tooltip from "@mui/material/Tooltip";
+import { StyledAddress } from "./Address.styled";
+const Address = (props) => {
+    const { value, strong = false, shorten = true, tooltip = false } = props;
+    const address = useMemo(() => (shorten ? `${value.slice(0, 6)}\u2026${value.slice(-4)}` : value), [value, shorten]);
+    const content = (_jsx(StyledAddress, { as: strong ? "strong" : "span", children: address }));
+    return tooltip ? (_jsx(Tooltip, { title: value, placement: "top", children: _jsx("span", { children: content }) })) : (content);
+};
+export { Address };
+//# sourceMappingURL=Address.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Address.js","sourceRoot":"","sources":["../../../src/components/Address/Address.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,OAAO,MAAM,uBAAuB,CAAA;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,OAAO,GAAG,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,CAAA;IACxE,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,OAAO,GAAG,CACd,KAAC,aAAa,IAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,YAAG,OAAO,GAAiB,CACzE,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

@@ -0,0 +1,10 @@
+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;
+declare const ShortAddress: Story;
+declare const StrongStyleAddress: Story;
+declare const WithTooltip: Story;
+export default meta;
+export { FullAddress, ShortAddress, StrongStyleAddress, WithTooltip };

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

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

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

@@ -0,0 +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;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,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAA"}

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

@@ -0,0 +1,5 @@
+declare const StyledAddress: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export { StyledAddress };

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

@@ -0,0 +1,7 @@
+import styled from "@emotion/styled";
+const StyledAddress = styled("span")(({ theme }) => ({
+    color: theme.palette.text.primary,
+    fontFamily: theme.typography.fontFamily,
+}));
+export { StyledAddress };
+//# sourceMappingURL=Address.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Address.styled.js","sourceRoot":"","sources":["../../../src/components/Address/Address.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;CACxC,CAAC,CAAC,CAAA;AAEH,OAAO,EAAE,aAAa,EAAE,CAAA"}

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

@@ -0,0 +1,7 @@
+type AddressProps = {
+    value: string;
+    strong?: boolean;
+    shorten?: boolean;
+    tooltip?: boolean;
+};
+export { AddressProps };

package/dist/components/Address/Address.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Address.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Address.types.js","sourceRoot":"","sources":["../../../src/components/Address/Address.types.ts"],"names":[],"mappings":""}

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

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

package/dist/components/Address/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Address/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA"}

package/dist/components/AddressField/utils.d.ts

@@ -0,0 +1,3 @@
+declare const isValid: (addr?: string) => boolean;
+declare const shorten: (address?: string) => string;
+export { isValid, shorten };

package/dist/components/AddressField/utils.js

@@ -0,0 +1,8 @@
+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) : "";
+};
+export { isValid, shorten };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/AddressField/utils.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,GAAG,CAAC,IAAI,GAAG,EAAE,EAAE,EAAE;IAC5B,OAAO,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AAC1C,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,OAAgB,EAAE,EAAE;IACnC,OAAO,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;AAC3E,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/AddressField/utils.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,21 @@
+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);
+    });
+    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("");
+    });
+    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

@@ -0,0 +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"}

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

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

package/dist/components/Atlas/Atlas.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { TileMap } from "react-tile-map";
+import { getColorByType, getTiles } from "./util";
+import { AtlasColor } from "./Atlas.types";
+import "react-tile-map/dist/styles.css";
+const Atlas = React.memo((props) => {
+    const { layers } = props;
+    const [tiles, setTiles] = useState(props.tiles);
+    const mountedRef = React.useRef(true);
+    const layer = useCallback((x, y) => {
+        const id = x + "," + y;
+        if (tiles && id in tiles) {
+            const tile = tiles[id];
+            return {
+                color: getColorByType(tile.type),
+                top: tile.top,
+                left: tile.left,
+                topLeft: tile.topLeft,
+            };
+        }
+        else {
+            return {
+                color: (x + y) % 2 === 0 ? AtlasColor.ODD : AtlasColor.EVEN,
+            };
+        }
+    }, [tiles]);
+    useEffect(() => {
+        if (!tiles) {
+            getTiles().then(handleUpdateTiles);
+        }
+        return () => {
+            mountedRef.current = false;
+        };
+    }, [tiles]);
+    useEffect(() => {
+        if (props.tiles && props.tiles !== tiles) {
+            setTiles(props.tiles);
+        }
+    }, [props.tiles]);
+    const handleUpdateTiles = (updatedTiles) => {
+        if (mountedRef.current) {
+            setTiles(updatedTiles);
+        }
+    };
+    /*
+    Review this CSS
+    const atlasStyle = css({
+      background: neutral.softBlack1,
+    }) */
+    const layersMemo = useMemo(() => [layer, ...(layers || [])], [layer, layers]);
+    return (_jsx(TileMap, { ...TileMap.defaultProps, ...props, 
+        /* Review this CSS */
+        /* css={atlasStyle} */
+        layers: layersMemo }));
+});
+export { Atlas };
+//# sourceMappingURL=Atlas.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Atlas.js","sourceRoot":"","sources":["../../../src/components/Atlas/Atlas.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,EAAS,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjD,OAAO,EAAE,UAAU,EAA+B,MAAM,eAAe,CAAA;AAEvE,OAAO,gCAAgC,CAAA;AAEvC,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAiB,EAAE,EAAE;IAC7C,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAkB,KAAK,CAAC,KAAK,CAAC,CAAA;IAChE,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAErC,MAAM,KAAK,GAAU,WAAW,CAC9B,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;QACvB,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAA;QACtB,IAAI,KAAK,IAAI,EAAE,IAAI,KAAK,EAAE,CAAC;YACzB,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAA;YACtB,OAAO;gBACL,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;gBAChC,GAAG,EAAE,IAAI,CAAC,GAAG;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,OAAO,EAAE,IAAI,CAAC,OAAO;aACtB,CAAA;QACH,CAAC;aAAM,CAAC;YACN,OAAO;gBACL,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI;aAC5D,CAAA;QACH,CAAC;IACH,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;QACpC,CAAC;QAED,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,OAAO,GAAG,KAAK,CAAA;QAC5B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACzC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,MAAM,iBAAiB,GAAG,CAAC,YAA6B,EAAQ,EAAE;QAChE,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,QAAQ,CAAC,YAAY,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,CAAA;IACD;;;;SAIK;IAEL,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAE7E,OAAO,CACL,KAAC,OAAO,OACF,OAAO,CAAC,YAAY,KACpB,KAAK;QACT,qBAAqB;QACrB,sBAAsB;QACtB,MAAM,EAAE,UAAU,GAClB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,CAAA"}

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

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

package/dist/components/Atlas/Atlas.stories.js

@@ -0,0 +1,249 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArgTypes, Title } from "@storybook/blocks";
+import styled from "@emotion/styled";
+import { getTiles } from "./util";
+import { Atlas } from "./index";
+let tiles;
+if (window) {
+    getTiles().then((_tiles) => (tiles = _tiles));
+}
+// For Sale
+const forSaleLayer = (x, y) => {
+    const key = x + "," + y;
+    if (tiles && tiles[key] && "price" in tiles[key]) {
+        return { color: "#00d3ff" };
+    }
+    return null;
+};
+// Selection
+let selected = [];
+function isSelected(x, y) {
+    return selected.some((coord) => coord.x === x && coord.y === y);
+}
+const selectedStrokeLayer = (x, y) => {
+    return isSelected(x, y) ? { color: "#ff0044", scale: 1.4 } : null;
+};
+const selectedFillLayer = (x, y) => {
+    return isSelected(x, y) ? { color: "#ff9990", scale: 1.2 } : null;
+};
+const handleClick = (x, y) => {
+    console.log(x, y);
+    if (isSelected(x, y)) {
+        selected = selected.filter((coord) => coord.x !== x || coord.y !== y);
+    }
+    else {
+        selected.push({ x, y });
+    }
+};
+// Hover
+let hover;
+const isValid = () => {
+    if (!hover)
+        return false;
+    // only valid if it fits in central plaza
+    return hover.x >= -5 && hover.x <= 6 && hover.y >= -5 && hover.y <= 5;
+};
+const isHighlighted = (x, y) => {
+    if (!hover)
+        return false;
+    // only highlight a 10x10 area centered around hover coords
+    const radius = 5;
+    return (x > hover.x - radius &&
+        x < hover.x + radius &&
+        y > hover.y - radius &&
+        y < hover.y + radius);
+};
+const handleHover = (x, y) => {
+    hover = { x, y };
+};
+const hoverStrokeLayer = (x, y) => {
+    if (isHighlighted(x, y)) {
+        return {
+            color: isValid() ? "#44ff00" : "#ff0044",
+            scale: 1.5,
+        };
+    }
+    return null;
+};
+const hoverFillLayer = (x, y) => {
+    if (isHighlighted(x, y)) {
+        return {
+            color: isValid() ? "#99ff90" : "#ff9990",
+            scale: 1.2,
+        };
+    }
+    return null;
+};
+const AtlasContainer = styled.div({
+    width: "90vw",
+    height: "90vh",
+    backgroundColor: "black",
+});
+const meta = {
+    component: Atlas,
+    title: "Decentraland UI/Atlas",
+    tags: ["autodocs"],
+    argTypes: {
+        layers: {
+            description: "layer to render on the map",
+        },
+        className: {
+            description: "custom class name",
+        },
+        x: {
+            description: "where to position the map in the X axis",
+        },
+        y: {
+            description: "where to position the map in the Y axis",
+        },
+        initialX: {
+            description: "where to initially position the map in the X axis",
+        },
+        initialY: {
+            description: "where to initially position the map in the Y axis",
+        },
+        size: {
+            description: "size of each parcel, i.e: size=5 makes each parcel of 5x5 pixels",
+        },
+        width: {
+            description: "width of the canvas in pixels",
+        },
+        height: {
+            description: "height of the canvas in pixels",
+        },
+        zoom: {
+            description: "zoom level of the map, this changes in the end the size on which parcels are rendered, i.e: size=10 and zoom=0.5 makes each parcel of 5x5 pixels",
+        },
+        minX: {
+            description: "min values for x(ie. the map boundaries)",
+        },
+        maxX: {
+            description: "max values for x(ie. the map boundaries)",
+        },
+        minY: {
+            description: "min values for y (ie. the map boundaries)",
+        },
+        maxY: {
+            description: "max values for y (ie. the map boundaries)",
+        },
+        minSize: {
+            description: "minimum size that parcels can take (after applying zoom)",
+        },
+        maxSize: {
+            description: "maximum size that parcels can take (after applying zoom)",
+        },
+        panX: {
+            description: "initial panning in the X axis, this changes the initial position of the map adding an offset to the prop `x`",
+        },
+        panY: {
+            description: "initial panning in the Y axis, this changes the initial position of the map adding an offset to the prop `y`",
+        },
+        isDraggable: {
+            description: "whether the map should be draggable or not",
+        },
+        padding: {
+            description: "amount of padding tiles",
+        },
+        withZoomControls: {
+            description: "whether the zoom controls should appear",
+        },
+        onMouseDown: {
+            description: "callbacks",
+        },
+        onMouseUp: {
+            description: "callbacks",
+        },
+        onClick: {
+            description: "callbacks",
+        },
+        onHover: {
+            description: " - ",
+        },
+        onPopup: { description: " - " },
+        onChange: { description: " - " },
+        onCenterChange: { description: " - " },
+        renderMap: {
+            description: "renderer",
+        },
+    },
+    parameters: {
+        docs: {
+            page: () => (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(ArgTypes, {})] })),
+        },
+        layout: "centered",
+        canvas: true,
+    },
+    loaders: [
+        async () => ({
+            tiles: await getTiles(),
+        }),
+    ],
+    decorators: [
+        (Story) => (_jsx(AtlasContainer, { children: _jsx(Story, {}) })),
+    ],
+    render: (args, { loaded: { tiles } }) => _jsx(Atlas, { ...args, tiles: tiles }),
+};
+const Uncontrolled = {
+    args: {},
+    loaders: [
+        async () => ({
+            tiles: null,
+        }),
+    ],
+};
+const Controlled = {
+    args: {},
+    loaders: [
+        async () => ({
+            tiles: await getTiles(),
+        }),
+    ],
+};
+const ForSale = {
+    args: {
+        layers: [forSaleLayer],
+    },
+    loaders: [
+        async () => ({
+            tiles: await getTiles(),
+        }),
+    ],
+};
+const ClickToSelect = {
+    args: {
+        layers: [selectedStrokeLayer, selectedFillLayer],
+        onClick: handleClick,
+    },
+    loaders: [
+        async () => ({
+            tiles: await getTiles(),
+        }),
+    ],
+};
+const HoverToHighlight = {
+    args: {
+        layers: [hoverStrokeLayer, hoverFillLayer],
+        onHover: handleHover,
+    },
+    loaders: [
+        async () => ({
+            tiles: await getTiles(),
+        }),
+    ],
+};
+const WithZoomControl = {
+    args: {
+        layers: [hoverStrokeLayer, hoverFillLayer],
+        onHover: handleHover,
+        withZoomControls: true,
+    },
+    loaders: [
+        async () => ({
+            tiles: await getTiles(),
+        }),
+    ],
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export { Uncontrolled, Controlled, ForSale, ClickToSelect, HoverToHighlight, WithZoomControl, };
+//# sourceMappingURL=Atlas.stories.js.map

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

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

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

@@ -0,0 +1,41 @@
+import { Layer, TileMapProps } from "react-tile-map";
+declare enum AtlasColor {
+    OWNED = "#3D3A46",
+    UNOWNED = "#09080A",
+    PLAZA = "#70AC76",
+    ROAD = "#716C7A",
+    DISTRICT = "#5054D4",
+    ODD = "#110E13",
+    EVEN = "#0D0B0E"
+}
+declare enum AtlasTileType {
+    OWNED = "owned",
+    UNOWNED = "unowned",
+    PLAZA = "plaza",
+    ROAD = "road",
+    DISTRICT = "district"
+}
+type AtlasTileProps = {
+    id?: string;
+    x: number;
+    y: number;
+    updatedAt: number;
+    type: AtlasTileType;
+    top?: boolean;
+    left?: boolean;
+    topLeft?: boolean;
+    name?: string;
+    estateId?: string;
+    owner: string;
+    tokenId?: string;
+};
+type AtlasProps = Omit<TileMapProps, "layers" | "className"> & {
+    layers?: Layer[];
+    tiles?: Record<string, AtlasTileProps>;
+    /** @deprecated */
+    className?: string;
+};
+type AtlasStateProps = Record<string, AtlasTileProps> | undefined;
+interface AtlasInterface extends AtlasProps {
+}
+export { AtlasColor, AtlasInterface, AtlasProps, AtlasStateProps, AtlasTileProps, AtlasTileType, };

package/dist/components/Atlas/Atlas.types.js

@@ -0,0 +1,20 @@
+var AtlasColor;
+(function (AtlasColor) {
+    AtlasColor["OWNED"] = "#3D3A46";
+    AtlasColor["UNOWNED"] = "#09080A";
+    AtlasColor["PLAZA"] = "#70AC76";
+    AtlasColor["ROAD"] = "#716C7A";
+    AtlasColor["DISTRICT"] = "#5054D4";
+    AtlasColor["ODD"] = "#110E13";
+    AtlasColor["EVEN"] = "#0D0B0E";
+})(AtlasColor || (AtlasColor = {}));
+var AtlasTileType;
+(function (AtlasTileType) {
+    AtlasTileType["OWNED"] = "owned";
+    AtlasTileType["UNOWNED"] = "unowned";
+    AtlasTileType["PLAZA"] = "plaza";
+    AtlasTileType["ROAD"] = "road";
+    AtlasTileType["DISTRICT"] = "district";
+})(AtlasTileType || (AtlasTileType = {}));
+export { AtlasColor, AtlasTileType, };
+//# sourceMappingURL=Atlas.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Atlas.types.js","sourceRoot":"","sources":["../../../src/components/Atlas/Atlas.types.ts"],"names":[],"mappings":"AAEA,IAAK,UAQJ;AARD,WAAK,UAAU;IACb,+BAAiB,CAAA;IACjB,iCAAmB,CAAA;IACnB,+BAAiB,CAAA;IACjB,8BAAgB,CAAA;IAChB,kCAAoB,CAAA;IACpB,6BAAe,CAAA;IACf,8BAAgB,CAAA;AAClB,CAAC,EARI,UAAU,KAAV,UAAU,QAQd;AAED,IAAK,aAMJ;AAND,WAAK,aAAa;IAChB,gCAAe,CAAA;IACf,oCAAmB,CAAA;IACnB,gCAAe,CAAA;IACf,8BAAa,CAAA;IACb,sCAAqB,CAAA;AACvB,CAAC,EANI,aAAa,KAAb,aAAa,QAMjB;AA4BD,OAAO,EACL,UAAU,EAKV,aAAa,GACd,CAAA"}

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

@@ -0,0 +1,4 @@
+import { Coord, Layer } from "react-tile-map";
+export * from "./Atlas";
+export * from "./Atlas.types";
+export { Coord, Layer };

package/dist/components/Atlas/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Atlas/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA"}

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

@@ -0,0 +1,4 @@
+import { AtlasColor, AtlasTileProps, AtlasTileType } from "./Atlas.types";
+declare const getTiles: () => Promise<Record<string, AtlasTileProps>>;
+declare const getColorByType: (type: AtlasTileType) => AtlasColor.OWNED | AtlasColor.UNOWNED | AtlasColor.PLAZA | AtlasColor.ROAD | AtlasColor.DISTRICT;
+export { getTiles, getColorByType };