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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "decentraland-ui2",
-  "version": "0.26.0",
+  "version": "0.26.1-17074319572.commit-54256a2",
   "description": "Decentraland's UI components and styles",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -52,8 +52,8 @@
     "fp-future": "^1.0.1",
     "mitt": "^3.0.1",
     "radash": "^11.0.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-tile-map": "^0.4.1",
     "uuid": "^11.1.0"
   },
@@ -74,7 +74,7 @@
     "@storybook/testing-library": "^0.2.2",
     "@types/deep-equal": "^1.0.4",
     "@types/jest": "^29.5.12",
-    "@types/react": "^17.0.80",
+    "@types/react": "^18.3.23",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "eslint": "^8.57.0",
@@ -98,5 +98,5 @@
   "files": [
     "dist"
   ],
-  "commit": "a1cbc3e56a211ca161de0df372bee418485fc37f"
+  "commit": "54256a2f78b5e9e2ffc581428608abed63f4c4f2"
 }

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

@@ -1,3 +0,0 @@
-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,12 +0,0 @@
-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

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

@@ -1,10 +0,0 @@
-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

@@ -1,58 +0,0 @@
-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

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

@@ -1,5 +0,0 @@
-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

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

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

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

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

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

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

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

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

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

package/dist/components/Address/index.js

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

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

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

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

package/dist/components/AddressField/utils.js

@@ -1,8 +0,0 @@
-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

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

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

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

@@ -1,21 +0,0 @@
-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

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

@@ -1,5 +0,0 @@
-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

@@ -1,58 +0,0 @@
-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

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

@@ -1,12 +0,0 @@
-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

@@ -1,249 +0,0 @@
-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

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

@@ -1,41 +0,0 @@
-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, };