decentraland-ui2 0.31.1-18562883522.commit-8311e68 → 0.32.1

package/dist/utils/colors.js

@@ -0,0 +1,22 @@
+/**
+ * Converts an hexadecimal color into a RGBA string.
+ * @param hex - A color represented as a 7 character hexadecimal color (including #).
+ */
+export const hexToRgba = (hex, alpha = 1) => {
+    const isShortHex = /^#[0-9A-Fa-f]{3}$/.test(hex);
+    const isLongHex = /^#[0-9A-Fa-f]{6}$/.test(hex);
+    if (!isShortHex && !isLongHex) {
+        throw new Error("Invalid hexadecimal color");
+    }
+    if (alpha < 0 || alpha > 1) {
+        throw new Error("Invalid alpha value");
+    }
+    const normalizedHex = isShortHex
+        ? `#${hex[1]}${hex[1]}${hex[2]}${hex[2]}${hex[3]}${hex[3]}`
+        : hex;
+    const r = parseInt(normalizedHex.slice(1, 3), 16);
+    const g = parseInt(normalizedHex.slice(3, 5), 16);
+    const b = parseInt(normalizedHex.slice(5, 7), 16);
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+};
+//# sourceMappingURL=colors.js.map

package/dist/utils/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/utils/colors.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAW,EAAE,QAAgB,CAAC,EAAE,EAAE;IAC1D,MAAM,UAAU,GAAG,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAChD,MAAM,SAAS,GAAG,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAE/C,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,EAAE,CAAC;QAC9B,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAA;IAC9C,CAAC;IAED,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QAC3B,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;IACxC,CAAC;IAED,MAAM,aAAa,GAAG,UAAU;QAC9B,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE;QAC3D,CAAC,CAAC,GAAG,CAAA;IAEP,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IACjD,OAAO,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,GAAG,CAAA;AAC3C,CAAC,CAAA"}

package/dist/utils/colors.spec.d.ts

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

package/dist/utils/colors.spec.js

@@ -0,0 +1,139 @@
+import { hexToRgba } from "./colors";
+describe("when converting hexadecimal colors to RGB", () => {
+    describe("and the hex color is valid", () => {
+        let validHex;
+        let result;
+        beforeEach(() => {
+            validHex = "#FF0000";
+        });
+        describe("and no alpha is provided", () => {
+            beforeEach(() => {
+                result = hexToRgba(validHex);
+            });
+            it("should return RGB string with default alpha of 1", () => {
+                expect(result).toBe("rgba(255, 0, 0, 1)");
+            });
+        });
+        describe("and alpha is provided", () => {
+            let alpha;
+            beforeEach(() => {
+                alpha = 0.5;
+                result = hexToRgba(validHex, alpha);
+            });
+            it("should return RGB string with provided alpha", () => {
+                expect(result).toBe("rgba(255, 0, 0, 0.5)");
+            });
+        });
+        describe("and testing different color values", () => {
+            it("should convert black color correctly", () => {
+                const result = hexToRgba("#000000");
+                expect(result).toBe("rgba(0, 0, 0, 1)");
+            });
+            it("should convert white color correctly", () => {
+                const result = hexToRgba("#FFFFFF");
+                expect(result).toBe("rgba(255, 255, 255, 1)");
+            });
+            it("should convert green color correctly", () => {
+                const result = hexToRgba("#00FF00");
+                expect(result).toBe("rgba(0, 255, 0, 1)");
+            });
+            it("should convert blue color correctly", () => {
+                const result = hexToRgba("#0000FF");
+                expect(result).toBe("rgba(0, 0, 255, 1)");
+            });
+            it("should convert mixed color values correctly", () => {
+                const result = hexToRgba("#1A2B3C");
+                expect(result).toBe("rgba(26, 43, 60, 1)");
+            });
+            it("should convert lowercase hex values correctly", () => {
+                const result = hexToRgba("#ff0000");
+                expect(result).toBe("rgba(255, 0, 0, 1)");
+            });
+            it("should convert mixed case hex values correctly", () => {
+                const result = hexToRgba("#Ff0000");
+                expect(result).toBe("rgba(255, 0, 0, 1)");
+            });
+            it("should convert short hex values correctly", () => {
+                const result = hexToRgba("#0F0");
+                expect(result).toBe("rgba(0, 255, 0, 1)");
+            });
+            it("should convert lowercase short hex values correctly", () => {
+                const result = hexToRgba("#abc");
+                expect(result).toBe("rgba(170, 187, 204, 1)");
+            });
+            it("should convert mixed case short hex values correctly", () => {
+                const result = hexToRgba("#FfF");
+                expect(result).toBe("rgba(255, 255, 255, 1)");
+            });
+        });
+        describe("and alpha is at boundary values", () => {
+            it("should accept alpha value of 0", () => {
+                const result = hexToRgba("#FF0000", 0);
+                expect(result).toBe("rgba(255, 0, 0, 0)");
+            });
+            it("should accept alpha value of 1", () => {
+                const result = hexToRgba("#FF0000", 1);
+                expect(result).toBe("rgba(255, 0, 0, 1)");
+            });
+        });
+    });
+    describe("and the hex color is invalid", () => {
+        describe("and hex length is too short", () => {
+            it("should throw error for 4 character hex", () => {
+                expect(() => hexToRgba("#FF00")).toThrow("Invalid hexadecimal color");
+            });
+            it("should throw error for 5 character hex", () => {
+                expect(() => hexToRgba("#FF000")).toThrow("Invalid hexadecimal color");
+            });
+            it("should throw error for 6 character hex", () => {
+                expect(() => hexToRgba("#FF000")).toThrow("Invalid hexadecimal color");
+            });
+        });
+        describe("and hex length is too long", () => {
+            it("should throw error for 8 character hex", () => {
+                expect(() => hexToRgba("#FF000000")).toThrow("Invalid hexadecimal color");
+            });
+            it("should throw error for 9 character hex", () => {
+                expect(() => hexToRgba("#FF0000000")).toThrow("Invalid hexadecimal color");
+            });
+        });
+        describe("and hex is missing hash symbol", () => {
+            it("should throw error for hex without hash", () => {
+                expect(() => hexToRgba("FF0000")).toThrow("Invalid hexadecimal color");
+            });
+        });
+        describe("and hex contains invalid characters", () => {
+            it("should throw error for hex with invalid characters", () => {
+                expect(() => hexToRgba("#GG0000")).toThrow("Invalid hexadecimal color");
+            });
+            it("should throw error for hex with special characters", () => {
+                expect(() => hexToRgba("#FF@000")).toThrow("Invalid hexadecimal color");
+            });
+            it("should throw error for hex with lowercase invalid characters", () => {
+                expect(() => hexToRgba("#gg0000")).toThrow("Invalid hexadecimal color");
+            });
+            it("should throw error for hex with mixed case invalid characters", () => {
+                expect(() => hexToRgba("#Gg0000")).toThrow("Invalid hexadecimal color");
+            });
+        });
+    });
+    describe("and the alpha value is invalid", () => {
+        describe("and alpha is negative", () => {
+            it("should throw error for negative alpha", () => {
+                expect(() => hexToRgba("#FF0000", -0.1)).toThrow("Invalid alpha value");
+            });
+            it("should throw error for alpha less than 0", () => {
+                expect(() => hexToRgba("#FF0000", -1)).toThrow("Invalid alpha value");
+            });
+        });
+        describe("and alpha is greater than 1", () => {
+            it("should throw error for alpha greater than 1", () => {
+                expect(() => hexToRgba("#FF0000", 1.1)).toThrow("Invalid alpha value");
+            });
+            it("should throw error for alpha much greater than 1", () => {
+                expect(() => hexToRgba("#FF0000", 2)).toThrow("Invalid alpha value");
+            });
+        });
+    });
+});
+//# sourceMappingURL=colors.spec.js.map

package/dist/utils/colors.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.spec.js","sourceRoot":"","sources":["../../src/utils/colors.spec.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "decentraland-ui2",
-  "version": "0.31.1-18562883522.commit-8311e68",
+  "version": "0.32.1",
   "description": "Decentraland's UI components and styles",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -98,5 +98,5 @@
   "files": [
     "dist"
   ],
-  "commit": "8311e6817cfaeeb9ed5c58e09ad77ced76d30b5b"
+  "commit": "1a0cc7b8f61fcb0f1d292e3dd7f8e14cb7118764"
 }