@webiny/admin-ui 6.5.0 → 6.5.1-beta.0

package/DatePicker/utils/birthdayHelpers.test.js

@@ -0,0 +1,394 @@
+import { describe, expect, it } from "vitest";
+import { birthdayYears, daysInMonth, formatBirthdayValue, isDayDisabled, isMonthDisabled, isYearDisabled, nextBirthdayStep, parseBirthdayValue, pickDay, pickMonth, pickYear } from "./birthdayHelpers.js";
+describe("birthdayHelpers", ()=>{
+    it("should read the parts of a date-only value", ()=>{
+        expect(parseBirthdayValue("1990-02-09")).toEqual({
+            day: 9,
+            month: 2,
+            year: 1990
+        });
+    });
+    it("should read the date part of a value that carries a time", ()=>{
+        expect(parseBirthdayValue("1990-02-09T00:00:00.000Z")).toEqual({
+            day: 9,
+            month: 2,
+            year: 1990
+        });
+    });
+    it("should read no parts from an empty or impossible value", ()=>{
+        expect(parseBirthdayValue(void 0)).toEqual({});
+        expect(parseBirthdayValue("")).toEqual({});
+        expect(parseBirthdayValue("not a date")).toEqual({});
+        expect(parseBirthdayValue("1990-02-30")).toEqual({});
+    });
+    it("should write a value only once every part is set", ()=>{
+        expect(formatBirthdayValue({
+            day: 9,
+            month: 2,
+            year: 1990
+        })).toBe("1990-02-09");
+        expect(formatBirthdayValue({
+            day: 9,
+            month: 2
+        })).toBeUndefined();
+    });
+    it("should give February 29 days until a non-leap year is known", ()=>{
+        expect(daysInMonth(2)).toBe(29);
+        expect(daysInMonth(2, 2000)).toBe(29);
+        expect(daysInMonth(2, 1900)).toBe(28);
+        expect(daysInMonth(2, 1990)).toBe(28);
+    });
+    it("should dim the months that can't hold the 31st", ()=>{
+        const dimmed = Array.from({
+            length: 12
+        }, (_, i)=>i + 1).filter((month)=>isMonthDisabled(month, {
+                day: 31
+            }));
+        expect(dimmed).toEqual([
+            2,
+            4,
+            6,
+            9,
+            11
+        ]);
+    });
+    it("should dim no month before a day is picked", ()=>{
+        expect(isMonthDisabled(2, {})).toBe(false);
+    });
+    it("should clear a month that can't hold the newly picked day and keep the year", ()=>{
+        expect(pickDay({
+            day: 9,
+            month: 2,
+            year: 1990
+        }, 31)).toEqual({
+            day: 31,
+            month: void 0,
+            year: 1990
+        });
+    });
+    it("should keep a month that holds the newly picked day", ()=>{
+        expect(pickDay({
+            day: 9,
+            month: 8,
+            year: 1990
+        }, 31)).toEqual({
+            day: 31,
+            month: 8,
+            year: 1990
+        });
+    });
+    it("should clear a non-leap year when 29 February is picked", ()=>{
+        expect(pickDay({
+            day: 9,
+            month: 2,
+            year: 1990
+        }, 29)).toEqual({
+            day: 29,
+            month: 2,
+            year: void 0
+        });
+        expect(pickMonth({
+            day: 29,
+            month: 1,
+            year: 1990
+        }, 2)).toEqual({
+            day: 29,
+            month: 2,
+            year: void 0
+        });
+        expect(pickMonth({
+            day: 29,
+            month: 1,
+            year: 1992
+        }, 2)).toEqual({
+            day: 29,
+            month: 2,
+            year: 1992
+        });
+    });
+    it("should dim non-leap years for 29 February only", ()=>{
+        expect(isYearDisabled(1990, {
+            day: 29,
+            month: 2
+        })).toBe(true);
+        expect(isYearDisabled(1992, {
+            day: 29,
+            month: 2
+        })).toBe(false);
+        expect(isYearDisabled(1990, {
+            day: 28,
+            month: 2
+        })).toBe(false);
+        expect(isYearDisabled(1990, {
+            day: 29
+        })).toBe(false);
+    });
+    it("should set the year", ()=>{
+        expect(pickYear({
+            day: 31,
+            month: 8
+        }, 1990)).toEqual({
+            day: 31,
+            month: 8,
+            year: 1990
+        });
+    });
+    it("should list years newest first", ()=>{
+        expect(birthdayYears([
+            1985,
+            1990
+        ])).toEqual([
+            1990,
+            1989,
+            1988,
+            1987,
+            1986,
+            1985
+        ]);
+        expect(birthdayYears([
+            1990,
+            1985
+        ])).toEqual([
+            1990,
+            1989,
+            1988,
+            1987,
+            1986,
+            1985
+        ]);
+    });
+    it("should default to this year back 120 years", ()=>{
+        const currentYear = new Date().getFullYear();
+        const years = birthdayYears();
+        expect(years[0]).toBe(currentYear);
+        expect(years[years.length - 1]).toBe(currentYear - 120);
+    });
+    it("should include a set year that falls outside the range", ()=>{
+        expect(birthdayYears([
+            1985,
+            1987
+        ], 1980)).toEqual([
+            1987,
+            1986,
+            1985,
+            1984,
+            1983,
+            1982,
+            1981,
+            1980
+        ]);
+    });
+    describe("within minDate and maxDate", ()=>{
+        const range = {
+            years: birthdayYears([
+                2000,
+                2026
+            ]),
+            minDate: new Date(2000, 2, 10),
+            maxDate: new Date(2026, 9, 15)
+        };
+        it("should dim the years outside the limits", ()=>{
+            const wide = {
+                ...range,
+                years: birthdayYears([
+                    1995,
+                    2030
+                ])
+            };
+            expect(isYearDisabled(1999, {}, wide)).toBe(true);
+            expect(isYearDisabled(2000, {}, wide)).toBe(false);
+            expect(isYearDisabled(2026, {}, wide)).toBe(false);
+            expect(isYearDisabled(2027, {}, wide)).toBe(true);
+        });
+        it("should dim the last year when the picked day and month fall after maxDate", ()=>{
+            expect(isYearDisabled(2026, {
+                day: 16,
+                month: 10
+            }, range)).toBe(true);
+            expect(isYearDisabled(2026, {
+                day: 15,
+                month: 10
+            }, range)).toBe(false);
+            expect(isYearDisabled(2026, {
+                day: 1,
+                month: 11
+            }, range)).toBe(true);
+            expect(isYearDisabled(2025, {
+                day: 1,
+                month: 11
+            }, range)).toBe(false);
+        });
+        it("should dim the first year when the picked day and month fall before minDate", ()=>{
+            expect(isYearDisabled(2000, {
+                day: 9,
+                month: 3
+            }, range)).toBe(true);
+            expect(isYearDisabled(2000, {
+                day: 10,
+                month: 3
+            }, range)).toBe(false);
+        });
+        it("should dim the months and days that no date in range has", ()=>{
+            const oneYear = {
+                ...range,
+                years: [
+                    2026
+                ]
+            };
+            expect(isMonthDisabled(10, {}, oneYear)).toBe(false);
+            expect(isMonthDisabled(11, {}, oneYear)).toBe(true);
+            expect(isMonthDisabled(10, {
+                day: 16
+            }, oneYear)).toBe(true);
+            const oneMonth = {
+                years: [
+                    2026
+                ],
+                minDate: new Date(2026, 9, 1),
+                maxDate: new Date(2026, 9, 15)
+            };
+            expect(isDayDisabled(15, oneMonth)).toBe(false);
+            expect(isDayDisabled(16, oneMonth)).toBe(true);
+            expect(isDayDisabled(16, range)).toBe(false);
+        });
+        it("should keep 29 February when the range offers a leap year", ()=>{
+            expect(isMonthDisabled(2, {
+                day: 29
+            }, range)).toBe(false);
+            expect(isMonthDisabled(2, {
+                day: 29
+            }, {
+                ...range,
+                years: [
+                    2025
+                ]
+            })).toBe(true);
+        });
+        it("should clear a year the newly picked part puts past a limit", ()=>{
+            expect(pickDay({
+                day: 1,
+                month: 10,
+                year: 2026
+            }, 20, range)).toEqual({
+                day: 20,
+                month: 10,
+                year: void 0
+            });
+            expect(pickMonth({
+                day: 1,
+                month: 10,
+                year: 2026
+            }, 12, range)).toEqual({
+                day: 1,
+                month: 12,
+                year: void 0
+            });
+            expect(pickDay({
+                day: 1,
+                month: 10,
+                year: 2026
+            }, 15, range)).toEqual({
+                day: 15,
+                month: 10,
+                year: 2026
+            });
+        });
+        it("should end the default years at maxDate and start them at minDate", ()=>{
+            const years = birthdayYears(void 0, void 0, {
+                maxDate: new Date(2000, 0, 1)
+            });
+            expect(years[0]).toBe(2000);
+            expect(years[years.length - 1]).toBe(1880);
+            expect(birthdayYears(void 0, void 0, {
+                minDate: new Date(1990, 0, 1),
+                maxDate: new Date(1995, 0, 1)
+            })).toEqual([
+                1995,
+                1994,
+                1993,
+                1992,
+                1991,
+                1990
+            ]);
+        });
+        it("should start the default years at a maxDate in the future", ()=>{
+            const currentYear = new Date().getFullYear();
+            const years = birthdayYears(void 0, void 0, {
+                maxDate: new Date(currentYear + 2, 0, 1)
+            });
+            expect(years[0]).toBe(currentYear + 2);
+            expect(years[years.length - 1]).toBe(currentYear + 2 - 120);
+        });
+        it("should run the default years from this year down to an old minDate", ()=>{
+            const currentYear = new Date().getFullYear();
+            const years = birthdayYears(void 0, void 0, {
+                minDate: new Date(1850, 0, 1)
+            });
+            expect(years[0]).toBe(currentYear);
+            expect(years[years.length - 1]).toBe(1850);
+        });
+        it("should start the default years at a minDate in the future", ()=>{
+            const currentYear = new Date().getFullYear();
+            const years = birthdayYears(void 0, void 0, {
+                minDate: new Date(currentYear + 3, 0, 1)
+            });
+            expect(years).toEqual([
+                currentYear + 3
+            ]);
+        });
+        it("should ignore an invalid limit", ()=>{
+            expect(isYearDisabled(2026, {}, {
+                years: [
+                    2026
+                ],
+                maxDate: new Date("nope")
+            })).toBe(false);
+        });
+    });
+    it("should go to the next missing part after a pick", ()=>{
+        expect(nextBirthdayStep({
+            day: 9
+        }, "day", new Set([
+            "day"
+        ]))).toBe("month");
+        expect(nextBirthdayStep({
+            month: 2,
+            year: 1990
+        }, "year", new Set([
+            "year"
+        ]))).toBe("day");
+    });
+    it("should close once a pick out of order completes the date", ()=>{
+        const picked = new Set([
+            "year",
+            "day",
+            "month"
+        ]);
+        expect(nextBirthdayStep({
+            day: 9,
+            month: 2,
+            year: 1990
+        }, "month", picked)).toBe(void 0);
+    });
+    it("should walk on through the later steps when editing a saved date", ()=>{
+        const date = {
+            day: 9,
+            month: 2,
+            year: 1990
+        };
+        expect(nextBirthdayStep(date, "day", new Set([
+            "day"
+        ]))).toBe("month");
+        expect(nextBirthdayStep(date, "month", new Set([
+            "day",
+            "month"
+        ]))).toBe("year");
+        expect(nextBirthdayStep(date, "year", new Set([
+            "day",
+            "month",
+            "year"
+        ]))).toBe(void 0);
+    });
+});
+
+//# sourceMappingURL=birthdayHelpers.test.js.map

package/DatePicker/utils/birthdayHelpers.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker/utils/birthdayHelpers.test.js","sources":["../../../src/DatePicker/utils/birthdayHelpers.test.ts"],"sourcesContent":["import { describe, expect, it } from \"vitest\";\nimport {\n    birthdayYears,\n    daysInMonth,\n    formatBirthdayValue,\n    isDayDisabled,\n    isMonthDisabled,\n    isYearDisabled,\n    nextBirthdayStep,\n    parseBirthdayValue,\n    pickDay,\n    pickMonth,\n    pickYear\n} from \"./birthdayHelpers.js\";\n\ndescribe(\"birthdayHelpers\", () => {\n    it(\"should read the parts of a date-only value\", () => {\n        expect(parseBirthdayValue(\"1990-02-09\")).toEqual({ day: 9, month: 2, year: 1990 });\n    });\n\n    it(\"should read the date part of a value that carries a time\", () => {\n        expect(parseBirthdayValue(\"1990-02-09T00:00:00.000Z\")).toEqual({\n            day: 9,\n            month: 2,\n            year: 1990\n        });\n    });\n\n    it(\"should read no parts from an empty or impossible value\", () => {\n        expect(parseBirthdayValue(undefined)).toEqual({});\n        expect(parseBirthdayValue(\"\")).toEqual({});\n        expect(parseBirthdayValue(\"not a date\")).toEqual({});\n        expect(parseBirthdayValue(\"1990-02-30\")).toEqual({});\n    });\n\n    it(\"should write a value only once every part is set\", () => {\n        expect(formatBirthdayValue({ day: 9, month: 2, year: 1990 })).toBe(\"1990-02-09\");\n        expect(formatBirthdayValue({ day: 9, month: 2 })).toBeUndefined();\n    });\n\n    it(\"should give February 29 days until a non-leap year is known\", () => {\n        expect(daysInMonth(2)).toBe(29);\n        expect(daysInMonth(2, 2000)).toBe(29);\n        expect(daysInMonth(2, 1900)).toBe(28);\n        expect(daysInMonth(2, 1990)).toBe(28);\n    });\n\n    it(\"should dim the months that can't hold the 31st\", () => {\n        const dimmed = Array.from({ length: 12 }, (_, i) => i + 1).filter(month =>\n            isMonthDisabled(month, { day: 31 })\n        );\n        expect(dimmed).toEqual([2, 4, 6, 9, 11]);\n    });\n\n    it(\"should dim no month before a day is picked\", () => {\n        expect(isMonthDisabled(2, {})).toBe(false);\n    });\n\n    it(\"should clear a month that can't hold the newly picked day and keep the year\", () => {\n        expect(pickDay({ day: 9, month: 2, year: 1990 }, 31)).toEqual({\n            day: 31,\n            month: undefined,\n            year: 1990\n        });\n    });\n\n    it(\"should keep a month that holds the newly picked day\", () => {\n        expect(pickDay({ day: 9, month: 8, year: 1990 }, 31)).toEqual({\n            day: 31,\n            month: 8,\n            year: 1990\n        });\n    });\n\n    it(\"should clear a non-leap year when 29 February is picked\", () => {\n        expect(pickDay({ day: 9, month: 2, year: 1990 }, 29)).toEqual({\n            day: 29,\n            month: 2,\n            year: undefined\n        });\n        expect(pickMonth({ day: 29, month: 1, year: 1990 }, 2)).toEqual({\n            day: 29,\n            month: 2,\n            year: undefined\n        });\n        expect(pickMonth({ day: 29, month: 1, year: 1992 }, 2)).toEqual({\n            day: 29,\n            month: 2,\n            year: 1992\n        });\n    });\n\n    it(\"should dim non-leap years for 29 February only\", () => {\n        expect(isYearDisabled(1990, { day: 29, month: 2 })).toBe(true);\n        expect(isYearDisabled(1992, { day: 29, month: 2 })).toBe(false);\n        expect(isYearDisabled(1990, { day: 28, month: 2 })).toBe(false);\n        expect(isYearDisabled(1990, { day: 29 })).toBe(false);\n    });\n\n    it(\"should set the year\", () => {\n        expect(pickYear({ day: 31, month: 8 }, 1990)).toEqual({ day: 31, month: 8, year: 1990 });\n    });\n\n    it(\"should list years newest first\", () => {\n        expect(birthdayYears([1985, 1990])).toEqual([1990, 1989, 1988, 1987, 1986, 1985]);\n        expect(birthdayYears([1990, 1985])).toEqual([1990, 1989, 1988, 1987, 1986, 1985]);\n    });\n\n    it(\"should default to this year back 120 years\", () => {\n        const currentYear = new Date().getFullYear();\n        const years = birthdayYears();\n        expect(years[0]).toBe(currentYear);\n        expect(years[years.length - 1]).toBe(currentYear - 120);\n    });\n\n    it(\"should include a set year that falls outside the range\", () => {\n        expect(birthdayYears([1985, 1987], 1980)).toEqual([\n            1987, 1986, 1985, 1984, 1983, 1982, 1981, 1980\n        ]);\n    });\n\n    describe(\"within minDate and maxDate\", () => {\n        const range = {\n            years: birthdayYears([2000, 2026]),\n            minDate: new Date(2000, 2, 10),\n            maxDate: new Date(2026, 9, 15)\n        };\n\n        it(\"should dim the years outside the limits\", () => {\n            const wide = { ...range, years: birthdayYears([1995, 2030]) };\n            expect(isYearDisabled(1999, {}, wide)).toBe(true);\n            expect(isYearDisabled(2000, {}, wide)).toBe(false);\n            expect(isYearDisabled(2026, {}, wide)).toBe(false);\n            expect(isYearDisabled(2027, {}, wide)).toBe(true);\n        });\n\n        it(\"should dim the last year when the picked day and month fall after maxDate\", () => {\n            expect(isYearDisabled(2026, { day: 16, month: 10 }, range)).toBe(true);\n            expect(isYearDisabled(2026, { day: 15, month: 10 }, range)).toBe(false);\n            expect(isYearDisabled(2026, { day: 1, month: 11 }, range)).toBe(true);\n            expect(isYearDisabled(2025, { day: 1, month: 11 }, range)).toBe(false);\n        });\n\n        it(\"should dim the first year when the picked day and month fall before minDate\", () => {\n            expect(isYearDisabled(2000, { day: 9, month: 3 }, range)).toBe(true);\n            expect(isYearDisabled(2000, { day: 10, month: 3 }, range)).toBe(false);\n        });\n\n        it(\"should dim the months and days that no date in range has\", () => {\n            const oneYear = { ...range, years: [2026] };\n            expect(isMonthDisabled(10, {}, oneYear)).toBe(false);\n            expect(isMonthDisabled(11, {}, oneYear)).toBe(true);\n            expect(isMonthDisabled(10, { day: 16 }, oneYear)).toBe(true);\n\n            const oneMonth = {\n                years: [2026],\n                minDate: new Date(2026, 9, 1),\n                maxDate: new Date(2026, 9, 15)\n            };\n            expect(isDayDisabled(15, oneMonth)).toBe(false);\n            expect(isDayDisabled(16, oneMonth)).toBe(true);\n            expect(isDayDisabled(16, range)).toBe(false);\n        });\n\n        it(\"should keep 29 February when the range offers a leap year\", () => {\n            expect(isMonthDisabled(2, { day: 29 }, range)).toBe(false);\n            expect(isMonthDisabled(2, { day: 29 }, { ...range, years: [2025] })).toBe(true);\n        });\n\n        it(\"should clear a year the newly picked part puts past a limit\", () => {\n            expect(pickDay({ day: 1, month: 10, year: 2026 }, 20, range)).toEqual({\n                day: 20,\n                month: 10,\n                year: undefined\n            });\n            expect(pickMonth({ day: 1, month: 10, year: 2026 }, 12, range)).toEqual({\n                day: 1,\n                month: 12,\n                year: undefined\n            });\n            expect(pickDay({ day: 1, month: 10, year: 2026 }, 15, range)).toEqual({\n                day: 15,\n                month: 10,\n                year: 2026\n            });\n        });\n\n        it(\"should end the default years at maxDate and start them at minDate\", () => {\n            const years = birthdayYears(undefined, undefined, { maxDate: new Date(2000, 0, 1) });\n            expect(years[0]).toBe(2000);\n            expect(years[years.length - 1]).toBe(1880);\n            expect(\n                birthdayYears(undefined, undefined, {\n                    minDate: new Date(1990, 0, 1),\n                    maxDate: new Date(1995, 0, 1)\n                })\n            ).toEqual([1995, 1994, 1993, 1992, 1991, 1990]);\n        });\n\n        it(\"should start the default years at a maxDate in the future\", () => {\n            const currentYear = new Date().getFullYear();\n            const years = birthdayYears(undefined, undefined, {\n                maxDate: new Date(currentYear + 2, 0, 1)\n            });\n            expect(years[0]).toBe(currentYear + 2);\n            expect(years[years.length - 1]).toBe(currentYear + 2 - 120);\n        });\n\n        it(\"should run the default years from this year down to an old minDate\", () => {\n            const currentYear = new Date().getFullYear();\n            const years = birthdayYears(undefined, undefined, { minDate: new Date(1850, 0, 1) });\n            expect(years[0]).toBe(currentYear);\n            expect(years[years.length - 1]).toBe(1850);\n        });\n\n        it(\"should start the default years at a minDate in the future\", () => {\n            const currentYear = new Date().getFullYear();\n            const years = birthdayYears(undefined, undefined, {\n                minDate: new Date(currentYear + 3, 0, 1)\n            });\n            expect(years).toEqual([currentYear + 3]);\n        });\n\n        it(\"should ignore an invalid limit\", () => {\n            expect(isYearDisabled(2026, {}, { years: [2026], maxDate: new Date(\"nope\") })).toBe(\n                false\n            );\n        });\n    });\n\n    it(\"should go to the next missing part after a pick\", () => {\n        expect(nextBirthdayStep({ day: 9 }, \"day\", new Set([\"day\"]))).toBe(\"month\");\n        expect(nextBirthdayStep({ month: 2, year: 1990 }, \"year\", new Set([\"year\"]))).toBe(\"day\");\n    });\n\n    it(\"should close once a pick out of order completes the date\", () => {\n        const picked = new Set([\"year\", \"day\", \"month\"] as const);\n        expect(nextBirthdayStep({ day: 9, month: 2, year: 1990 }, \"month\", picked)).toBe(undefined);\n    });\n\n    it(\"should walk on through the later steps when editing a saved date\", () => {\n        const date = { day: 9, month: 2, year: 1990 };\n        expect(nextBirthdayStep(date, \"day\", new Set([\"day\"]))).toBe(\"month\");\n        expect(nextBirthdayStep(date, \"month\", new Set([\"day\", \"month\"]))).toBe(\"year\");\n        expect(nextBirthdayStep(date, \"year\", new Set([\"day\", \"month\", \"year\"]))).toBe(undefined);\n    });\n});\n"],"names":["describe","it","expect","parseBirthdayValue","undefined","formatBirthdayValue","daysInMonth","dimmed","Array","_","i","month","isMonthDisabled","pickDay","pickMonth","isYearDisabled","pickYear","birthdayYears","currentYear","Date","years","range","wide","oneYear","oneMonth","isDayDisabled","nextBirthdayStep","Set","picked","date"],"mappings":"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"}

package/DatePicker/utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./types.js";
 export * from "./dateHelpers.js";
 export * from "./constants.js";
+export * from "./birthdayHelpers.js";

package/DatePicker/utils/index.js

@@ -1,3 +1,4 @@
 export * from "./types.js";
 export * from "./dateHelpers.js";
 export * from "./constants.js";
+export * from "./birthdayHelpers.js";

package/DatePicker/utils/types.d.ts

@@ -23,6 +23,17 @@ interface DateOnlyPickerProps extends DatePickerBaseProps {
     onChange?: (value: string | undefined) => void;
     presets?: DatePickerPreset[];
 }
+/**
+ * Picks a date as day, then month, then year. The value is a `YYYY-MM-DD` string, the same as
+ * the `date` picker's. `yearRange` sets the years offered. By default they run from `maxDate`'s
+ * year (or this year) down to `minDate`'s year (or 120 years back). Days, months and years that
+ * can't make a date between `minDate` and `maxDate` can't be picked.
+ */
+interface BirthdayPickerProps extends DatePickerBaseProps {
+    type: "birthday";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
 interface TimeOnlyPickerProps extends DatePickerBaseProps {
     type: "time";
     value?: string;
@@ -79,5 +90,5 @@ interface MultipleYearsPickerProps extends DatePickerBaseProps {
     value?: number[];
     onChange?: (value: number[]) => void;
 }
-type DatePickerPrimitiveProps = DateOnlyPickerProps | TimeOnlyPickerProps | DateTimeLocalPickerProps | DateTimeTzPickerProps | MonthPickerProps | WeekPickerProps | YearPickerProps | DateRangePickerProps | MultipleDatesPickerProps | MultipleMonthsPickerProps | MultipleYearsPickerProps;
-export { type DatePickerPreset, type DatePickerBaseProps, type DatePickerPrimitiveProps, type DateOnlyPickerProps, type TimeOnlyPickerProps, type DateTimeLocalPickerProps, type DateTimeTzPickerProps, type MonthPickerProps, type WeekPickerProps, type YearPickerProps, type DateRangePickerProps, type MultipleDatesPickerProps, type MultipleMonthsPickerProps, type MultipleYearsPickerProps };
+type DatePickerPrimitiveProps = DateOnlyPickerProps | BirthdayPickerProps | TimeOnlyPickerProps | DateTimeLocalPickerProps | DateTimeTzPickerProps | MonthPickerProps | WeekPickerProps | YearPickerProps | DateRangePickerProps | MultipleDatesPickerProps | MultipleMonthsPickerProps | MultipleYearsPickerProps;
+export { type DatePickerPreset, type DatePickerBaseProps, type DatePickerPrimitiveProps, type DateOnlyPickerProps, type BirthdayPickerProps, type TimeOnlyPickerProps, type DateTimeLocalPickerProps, type DateTimeTzPickerProps, type MonthPickerProps, type WeekPickerProps, type YearPickerProps, type DateRangePickerProps, type MultipleDatesPickerProps, type MultipleMonthsPickerProps, type MultipleYearsPickerProps };

package/Switch/Switch.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
 import type { SwitchPrimitiveProps } from "./primitives/index.js";
-import type { FormComponentProps } from "../FormComponent/index.js";
-type SwitchProps = SwitchPrimitiveProps & FormComponentProps;
-declare const DecoratableSwitch: ({ note, validation, ...props }: SwitchProps) => React.JSX.Element;
+import { type FormComponentProps } from "../FormComponent/index.js";
+type SwitchProps = Omit<SwitchPrimitiveProps, "label"> & FormComponentProps;
+declare const DecoratableSwitch: ({ label, description, hint, note, required, disabled, validation, ...props }: SwitchProps) => React.JSX.Element;
 declare const Switch: typeof DecoratableSwitch & {
     original: typeof DecoratableSwitch;
     originalName: string;
@@ -22,4 +22,4 @@ declare const Switch: typeof DecoratableSwitch & {
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-export { Switch };
+export { Switch, type SwitchProps };

package/Switch/Switch.js

@@ -1,24 +1,38 @@
 import react, { useMemo } from "react";
-import { makeDecoratable } from "../utils.js";
+import { generateId, makeDecoratable } from "../utils.js";
 import { SwitchPrimitive } from "./primitives/index.js";
-import { FormComponentErrorMessage, FormComponentNote } from "../FormComponent/index.js";
-const DecoratableSwitch = ({ note, validation, ...props })=>{
+import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../FormComponent/index.js";
+const DecoratableSwitch = ({ label, description, hint, note, required, disabled, validation, ...props })=>{
     const { isValid: validationIsValid, message: validationMessage } = validation || {};
+    const id = useMemo(()=>generateId(props.id), [
+        props.id
+    ]);
     const invalid = useMemo(()=>false === validationIsValid, [
         validationIsValid
     ]);
     return /*#__PURE__*/ react.createElement("div", {
         className: "w-full"
-    }, /*#__PURE__*/ react.createElement(SwitchPrimitive, {
+    }, /*#__PURE__*/ react.createElement(FormComponentLabel, {
+        htmlFor: id,
+        text: label,
+        required: required,
+        disabled: disabled,
+        invalid: invalid,
+        hint: hint
+    }), /*#__PURE__*/ react.createElement(FormComponentDescription, {
+        text: description,
+        disabled: disabled
+    }), /*#__PURE__*/ react.createElement(SwitchPrimitive, {
         ...props,
-        disabled: props.disabled
+        id: id,
+        disabled: disabled
     }), /*#__PURE__*/ react.createElement(FormComponentErrorMessage, {
         text: validationMessage,
         invalid: invalid,
-        disabled: props.disabled
+        disabled: disabled
     }), /*#__PURE__*/ react.createElement(FormComponentNote, {
         text: note,
-        disabled: props.disabled
+        disabled: disabled
     }));
 };
 const Switch = makeDecoratable("Switch", DecoratableSwitch);

package/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch/Switch.js","sources":["../../src/Switch/Switch.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { SwitchPrimitiveProps } from \"./primitives/index.js\";\nimport { SwitchPrimitive } from \"./primitives/index.js\";\nimport type { FormComponentProps } from \"~/FormComponent/index.js\";\nimport { FormComponentErrorMessage, FormComponentNote } from \"~/FormComponent/index.js\";\n\ntype SwitchProps = SwitchPrimitiveProps & FormComponentProps;\n\nconst DecoratableSwitch = ({ note, validation, ...props }: SwitchProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"w-full\"}>\n            <SwitchPrimitive {...props} disabled={props.disabled} />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={props.disabled}\n            />\n            <FormComponentNote text={note} disabled={props.disabled} />\n        </div>\n    );\n};\n\nconst Switch = makeDecoratable(\"Switch\", DecoratableSwitch);\n\nexport { Switch };\n"],"names":["DecoratableSwitch","note","validation","props","validationIsValid","validationMessage","invalid","useMemo","SwitchPrimitive","FormComponentErrorMessage","FormComponentNote","Switch","makeDecoratable"],"mappings":";;;;AASA,MAAMA,oBAAoB,CAAC,EAAEC,IAAI,EAAEC,UAAU,EAAE,GAAGC,OAAoB;IAClE,MAAM,EAAE,SAASC,iBAAiB,EAAE,SAASC,iBAAiB,EAAE,GAAGH,cAAc,CAAC;IAClF,MAAMI,UAAUC,QAAQ,IAAMH,AAAsB,UAAtBA,mBAA6B;QAACA;KAAkB;IAE9E,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACI,iBAAeA;QAAE,GAAGL,KAAK;QAAE,UAAUA,MAAM,QAAQ;sBACpD,oBAACM,2BAAyBA;QACtB,MAAMJ;QACN,SAASC;QACT,UAAUH,MAAM,QAAQ;sBAE5B,oBAACO,mBAAiBA;QAAC,MAAMT;QAAM,UAAUE,MAAM,QAAQ;;AAGnE;AAEA,MAAMQ,SAASC,gBAAgB,UAAUZ"}
+{"version":3,"file":"Switch/Switch.js","sources":["../../src/Switch/Switch.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { generateId, makeDecoratable } from \"~/utils.js\";\nimport type { SwitchPrimitiveProps } from \"./primitives/index.js\";\nimport { SwitchPrimitive } from \"./primitives/index.js\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote,\n    type FormComponentProps\n} from \"~/FormComponent/index.js\";\n\ntype SwitchProps = Omit<SwitchPrimitiveProps, \"label\"> & FormComponentProps;\n\nconst DecoratableSwitch = ({\n    label,\n    description,\n    hint,\n    note,\n    required,\n    disabled,\n    validation,\n    ...props\n}: SwitchProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const id = useMemo(() => generateId(props.id), [props.id]);\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"w-full\"}>\n            <FormComponentLabel\n                htmlFor={id}\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n                hint={hint}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <SwitchPrimitive {...props} id={id} disabled={disabled} />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\n\nconst Switch = makeDecoratable(\"Switch\", DecoratableSwitch);\n\nexport { Switch, type SwitchProps };\n"],"names":["DecoratableSwitch","label","description","hint","note","required","disabled","validation","props","validationIsValid","validationMessage","id","useMemo","generateId","invalid","FormComponentLabel","FormComponentDescription","SwitchPrimitive","FormComponentErrorMessage","FormComponentNote","Switch","makeDecoratable"],"mappings":";;;;AAcA,MAAMA,oBAAoB,CAAC,EACvBC,KAAK,EACLC,WAAW,EACXC,IAAI,EACJC,IAAI,EACJC,QAAQ,EACRC,QAAQ,EACRC,UAAU,EACV,GAAGC,OACO;IACV,MAAM,EAAE,SAASC,iBAAiB,EAAE,SAASC,iBAAiB,EAAE,GAAGH,cAAc,CAAC;IAClF,MAAMI,KAAKC,QAAQ,IAAMC,WAAWL,MAAM,EAAE,GAAG;QAACA,MAAM,EAAE;KAAC;IACzD,MAAMM,UAAUF,QAAQ,IAAMH,AAAsB,UAAtBA,mBAA6B;QAACA;KAAkB;IAE9E,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACM,oBAAkBA;QACf,SAASJ;QACT,MAAMV;QACN,UAAUI;QACV,UAAUC;QACV,SAASQ;QACT,MAAMX;sBAEV,oBAACa,0BAAwBA;QAAC,MAAMd;QAAa,UAAUI;sBACvD,oBAACW,iBAAeA;QAAE,GAAGT,KAAK;QAAE,IAAIG;QAAI,UAAUL;sBAC9C,oBAACY,2BAAyBA;QACtB,MAAMR;QACN,SAASI;QACT,UAAUR;sBAEd,oBAACa,mBAAiBA;QAAC,MAAMf;QAAM,UAAUE;;AAGrD;AAEA,MAAMc,SAASC,gBAAgB,UAAUrB"}

package/Switch/domains/SwitchItemDto.d.ts

@@ -1,7 +1,7 @@
 import type React from "react";
 export interface SwitchItemDto {
     id?: string;
-    label: React.ReactNode;
+    label?: React.ReactNode;
     value?: number | string | boolean;
     checked?: boolean;
     disabled?: boolean;

package/Switch/primitives/SwitchPrimitive.js

@@ -18,7 +18,7 @@ const SwitchRenderer = ({ id, label, changeChecked, description, className, labe
         className: cn(switchVariants({
             labelPosition
         }), className)
-    }, /*#__PURE__*/ __rspack_external_react.createElement(Label, {
+    }, label && /*#__PURE__*/ __rspack_external_react.createElement(Label, {
         htmlFor: id,
         text: label,
         disabled: disabled,
@@ -30,10 +30,11 @@ const SwitchRenderer = ({ id, label, changeChecked, description, className, labe
         id: id,
         checked: checked,
         className: cn([
-            "peer inline-flex h-md w-[26px] mt-xxs shrink-0 cursor-pointer items-center rounded-xxl border-sm transition-colors",
+            "peer inline-flex h-md w-[26px] shrink-0 cursor-pointer items-center rounded-xxl border-sm transition-colors",
             "border-transparent data-[state=checked]:bg-secondary data-[state=unchecked]:bg-neutral-strong",
             "focus-visible:outline-none focus-visible:border-success focus-visible:ring-lg focus-visible:ring-primary-dimmed",
-            "disabled:cursor-not-allowed disabled:bg-neutral-muted disabled:data-[state=checked]:bg-neutral-muted"
+            "disabled:cursor-not-allowed disabled:bg-neutral-muted disabled:data-[state=checked]:bg-neutral-muted",
+            label && "mt-xxs"
         ]),
         disabled: disabled,
         onCheckedChange: changeChecked

package/Switch/primitives/SwitchPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch/primitives/SwitchPrimitive.js","sources":["../../../src/Switch/primitives/SwitchPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Switch as SwitchPrimitives } from \"radix-ui\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils.js\";\nimport { Label } from \"~/Label/index.js\";\nimport { useSwitch } from \"./useSwitch.js\";\nimport type { SwitchItemDto, SwitchItemFormatted } from \"../domains/index.js\";\n\n/**\n * Switch Renderer\n */\n\nconst switchVariants = cva(\"inline-flex items-start space-x-sm\", {\n    variants: {\n        labelPosition: {\n            start: \"\",\n            end: \"flex-row-reverse space-x-sm-extra space-x-reverse\"\n        }\n    },\n    defaultVariants: {\n        labelPosition: \"start\"\n    }\n});\n\ntype SwitchPrimitiveProps = Omit<\n    SwitchPrimitives.SwitchProps,\n    \"defaultChecked\" | \"onCheckedChange\" | \"onChange\"\n> &\n    VariantProps<typeof switchVariants> &\n    SwitchItemDto & {\n        onChange?: (checked: boolean) => void;\n    };\n\ntype SwitchPrimitivVm = {\n    item?: SwitchItemFormatted;\n};\n\ntype SwitchRendererProps = Omit<SwitchPrimitiveProps, \"onCheckedChange\"> &\n    NonNullable<SwitchPrimitivVm[\"item\"]> & {\n        changeChecked: (checked: boolean) => void;\n        description?: React.ReactNode;\n    };\n\nconst SwitchRenderer = ({\n    id,\n    label,\n    changeChecked,\n    description,\n    className,\n    labelPosition,\n    disabled,\n    required,\n    checked\n}: SwitchRendererProps) => {\n    return (\n        <div className={cn(switchVariants({ labelPosition }), className)}>\n            <Label\n                htmlFor={id}\n                text={label}\n                disabled={disabled}\n                required={required}\n                hint={description}\n                weight={\"light\"}\n                className={\"text-md\"}\n            />\n            <SwitchPrimitives.Root\n                id={id}\n                checked={checked}\n                className={cn([\n                    \"peer inline-flex h-md w-[26px] mt-xxs shrink-0 cursor-pointer items-center rounded-xxl border-sm transition-colors\",\n                    \"border-transparent data-[state=checked]:bg-secondary data-[state=unchecked]:bg-neutral-strong\",\n                    \"focus-visible:outline-none focus-visible:border-success focus-visible:ring-lg focus-visible:ring-primary-dimmed\",\n                    \"disabled:cursor-not-allowed disabled:bg-neutral-muted disabled:data-[state=checked]:bg-neutral-muted\"\n                ])}\n                disabled={disabled}\n                onCheckedChange={changeChecked}\n            >\n                <SwitchPrimitives.Thumb\n                    className={cn(\n                        \"pointer-events-none block h-sm-plus w-sm-plus rounded-xxl bg-neutral-base shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-sm-extra data-[state=unchecked]:translate-x-xxs\"\n                    )}\n                />\n            </SwitchPrimitives.Root>\n        </div>\n    );\n};\n\n/**\n * Switch\n */\nconst DecoratableSwitchPrimitive = (props: SwitchPrimitiveProps) => {\n    const { vm, changeChecked } = useSwitch(props);\n\n    if (!vm.item) {\n        return null;\n    }\n\n    return <SwitchRenderer {...props} {...vm.item} changeChecked={changeChecked} />;\n};\nconst SwitchPrimitive = makeDecoratable(\"SwitchPrimitive\", DecoratableSwitchPrimitive);\n\nexport { SwitchPrimitive, type SwitchPrimitiveProps, type SwitchPrimitivVm };\n"],"names":["switchVariants","cva","SwitchRenderer","id","label","changeChecked","description","className","labelPosition","disabled","required","checked","cn","Label","SwitchPrimitives","DecoratableSwitchPrimitive","props","vm","useSwitch","SwitchPrimitive","makeDecoratable"],"mappings":";;;;;AAWA,MAAMA,iBAAiBC,IAAI,sCAAsC;IAC7D,UAAU;QACN,eAAe;YACX,OAAO;YACP,KAAK;QACT;IACJ;IACA,iBAAiB;QACb,eAAe;IACnB;AACJ;AAqBA,MAAMC,iBAAiB,CAAC,EACpBC,EAAE,EACFC,KAAK,EACLC,aAAa,EACbC,WAAW,EACXC,SAAS,EACTC,aAAa,EACbC,QAAQ,EACRC,QAAQ,EACRC,OAAO,EACW,GACX,WAAP,GACI,sCAAC;QAAI,WAAWC,GAAGZ,eAAe;YAAEQ;QAAc,IAAID;qBAClD,sCAACM,OAAKA;QACF,SAASV;QACT,MAAMC;QACN,UAAUK;QACV,UAAUC;QACV,MAAMJ;QACN,QAAQ;QACR,WAAW;sBAEf,sCAACQ,OAAAA,IAAqB;QAClB,IAAIX;QACJ,SAASQ;QACT,WAAWC,GAAG;YACV;YACA;YACA;YACA;SACH;QACD,UAAUH;QACV,iBAAiBJ;qBAEjB,sCAACS,OAAAA,KAAsB;QACnB,WAAWF,GACP;;AAWxB,MAAMG,6BAA6B,CAACC;IAChC,MAAM,EAAEC,EAAE,EAAEZ,aAAa,EAAE,GAAGa,UAAUF;IAExC,IAAI,CAACC,GAAG,IAAI,EACR,OAAO;IAGX,OAAO,WAAP,GAAO,sCAACf,gBAAcA;QAAE,GAAGc,KAAK;QAAG,GAAGC,GAAG,IAAI;QAAE,eAAeZ;;AAClE;AACA,MAAMc,kBAAkBC,gBAAgB,mBAAmBL"}
+{"version":3,"file":"Switch/primitives/SwitchPrimitive.js","sources":["../../../src/Switch/primitives/SwitchPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Switch as SwitchPrimitives } from \"radix-ui\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils.js\";\nimport { Label } from \"~/Label/index.js\";\nimport { useSwitch } from \"./useSwitch.js\";\nimport type { SwitchItemDto, SwitchItemFormatted } from \"../domains/index.js\";\n\n/**\n * Switch Renderer\n */\n\nconst switchVariants = cva(\"inline-flex items-start space-x-sm\", {\n    variants: {\n        labelPosition: {\n            start: \"\",\n            end: \"flex-row-reverse space-x-sm-extra space-x-reverse\"\n        }\n    },\n    defaultVariants: {\n        labelPosition: \"start\"\n    }\n});\n\ntype SwitchPrimitiveProps = Omit<\n    SwitchPrimitives.SwitchProps,\n    \"defaultChecked\" | \"onCheckedChange\" | \"onChange\"\n> &\n    VariantProps<typeof switchVariants> &\n    SwitchItemDto & {\n        onChange?: (checked: boolean) => void;\n    };\n\ntype SwitchPrimitivVm = {\n    item?: SwitchItemFormatted;\n};\n\ntype SwitchRendererProps = Omit<SwitchPrimitiveProps, \"onCheckedChange\"> &\n    NonNullable<SwitchPrimitivVm[\"item\"]> & {\n        changeChecked: (checked: boolean) => void;\n        description?: React.ReactNode;\n    };\n\nconst SwitchRenderer = ({\n    id,\n    label,\n    changeChecked,\n    description,\n    className,\n    labelPosition,\n    disabled,\n    required,\n    checked\n}: SwitchRendererProps) => {\n    return (\n        <div className={cn(switchVariants({ labelPosition }), className)}>\n            {label && (\n                <Label\n                    htmlFor={id}\n                    text={label}\n                    disabled={disabled}\n                    required={required}\n                    hint={description}\n                    weight={\"light\"}\n                    className={\"text-md\"}\n                />\n            )}\n            <SwitchPrimitives.Root\n                id={id}\n                checked={checked}\n                className={cn([\n                    \"peer inline-flex h-md w-[26px] shrink-0 cursor-pointer items-center rounded-xxl border-sm transition-colors\",\n                    \"border-transparent data-[state=checked]:bg-secondary data-[state=unchecked]:bg-neutral-strong\",\n                    \"focus-visible:outline-none focus-visible:border-success focus-visible:ring-lg focus-visible:ring-primary-dimmed\",\n                    \"disabled:cursor-not-allowed disabled:bg-neutral-muted disabled:data-[state=checked]:bg-neutral-muted\",\n                    // Nudges the switch down to line up with the inline label's text.\n                    label && \"mt-xxs\"\n                ])}\n                disabled={disabled}\n                onCheckedChange={changeChecked}\n            >\n                <SwitchPrimitives.Thumb\n                    className={cn(\n                        \"pointer-events-none block h-sm-plus w-sm-plus rounded-xxl bg-neutral-base shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-sm-extra data-[state=unchecked]:translate-x-xxs\"\n                    )}\n                />\n            </SwitchPrimitives.Root>\n        </div>\n    );\n};\n\n/**\n * Switch\n */\nconst DecoratableSwitchPrimitive = (props: SwitchPrimitiveProps) => {\n    const { vm, changeChecked } = useSwitch(props);\n\n    if (!vm.item) {\n        return null;\n    }\n\n    return <SwitchRenderer {...props} {...vm.item} changeChecked={changeChecked} />;\n};\nconst SwitchPrimitive = makeDecoratable(\"SwitchPrimitive\", DecoratableSwitchPrimitive);\n\nexport { SwitchPrimitive, type SwitchPrimitiveProps, type SwitchPrimitivVm };\n"],"names":["switchVariants","cva","SwitchRenderer","id","label","changeChecked","description","className","labelPosition","disabled","required","checked","cn","Label","SwitchPrimitives","DecoratableSwitchPrimitive","props","vm","useSwitch","SwitchPrimitive","makeDecoratable"],"mappings":";;;;;AAWA,MAAMA,iBAAiBC,IAAI,sCAAsC;IAC7D,UAAU;QACN,eAAe;YACX,OAAO;YACP,KAAK;QACT;IACJ;IACA,iBAAiB;QACb,eAAe;IACnB;AACJ;AAqBA,MAAMC,iBAAiB,CAAC,EACpBC,EAAE,EACFC,KAAK,EACLC,aAAa,EACbC,WAAW,EACXC,SAAS,EACTC,aAAa,EACbC,QAAQ,EACRC,QAAQ,EACRC,OAAO,EACW,GACX,WAAP,GACI,sCAAC;QAAI,WAAWC,GAAGZ,eAAe;YAAEQ;QAAc,IAAID;OACjDH,SAAS,WAATA,GACG,sCAACS,OAAKA;QACF,SAASV;QACT,MAAMC;QACN,UAAUK;QACV,UAAUC;QACV,MAAMJ;QACN,QAAQ;QACR,WAAW;sBAGnB,sCAACQ,OAAAA,IAAqB;QAClB,IAAIX;QACJ,SAASQ;QACT,WAAWC,GAAG;YACV;YACA;YACA;YACA;YAEAR,SAAS;SACZ;QACD,UAAUK;QACV,iBAAiBJ;qBAEjB,sCAACS,OAAAA,KAAsB;QACnB,WAAWF,GACP;;AAWxB,MAAMG,6BAA6B,CAACC;IAChC,MAAM,EAAEC,EAAE,EAAEZ,aAAa,EAAE,GAAGa,UAAUF;IAExC,IAAI,CAACC,GAAG,IAAI,EACR,OAAO;IAGX,OAAO,WAAP,GAAO,sCAACf,gBAAcA;QAAE,GAAGc,KAAK;QAAG,GAAGC,GAAG,IAAI;QAAE,eAAeZ;;AAClE;AACA,MAAMc,kBAAkBC,gBAAgB,mBAAmBL"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/admin-ui",
-	"version": "6.5.0",
+	"version": "6.5.1-beta.0",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -19,9 +19,9 @@
 		"@monaco-editor/react": "4.7.0",
 		"@radix-ui/react-scroll-area": "1.4.0",
 		"@tanstack/react-table": "9.3.1",
-		"@webiny/icons": "6.5.0",
-		"@webiny/react-composition": "6.5.0",
-		"@webiny/utils": "6.5.0",
+		"@webiny/icons": "6.5.1-beta.0",
+		"@webiny/react-composition": "6.5.1-beta.0",
+		"@webiny/utils": "6.5.1-beta.0",
 		"bytes": "3.1.2",
 		"class-variance-authority": "0.7.1",
 		"clsx": "2.1.1",
@@ -56,8 +56,8 @@
 		"@types/react-color": "3.0.13",
 		"@types/react-custom-scrollbars": "4.0.13",
 		"@types/react-virtualized": "9.22.4",
-		"@webiny/build-tools": "6.5.0",
-		"@webiny/project": "6.5.0",
+		"@webiny/build-tools": "6.5.1-beta.0",
+		"@webiny/project": "6.5.1-beta.0",
 		"chalk": "6.0.1",
 		"oxfmt": "0.73.0",
 		"rimraf": "6.1.3",