@webiny/admin-ui 6.5.0-beta.9 → 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/MultiAutoComplete/primitives/MultiAutoCompletePrimitive.d.ts

@@ -82,6 +82,12 @@ interface MultiAutoCompletePrimitiveProps {
      * Custom renderer for the selected options.
      */
     selectedOptionRenderer?: (item: any, index: number) => React.ReactNode;
+    /**
+     * Filter the options by the typed text on the client. Defaults to `true`.
+     * Set to `false` when `onValueSearch` already returns the matching options,
+     * so options matched on data other than their label are not dropped.
+     */
+    shouldFilter?: boolean;
     /**
      * Icon to be displayed at the start of the input field.
      */

package/MultiAutoComplete/primitives/MultiAutoCompletePrimitive.js

@@ -35,6 +35,7 @@ const DecoratableMultiAutoCompletePrimitive = (props)=>{
         onOpenChange: ()=>setListOpenState(true)
     }, /*#__PURE__*/ react.createElement(Command, {
         label: String(props.label),
+        shouldFilter: props.shouldFilter,
         onKeyDown: handleKeyDown
     }, /*#__PURE__*/ react.createElement(PopoverPrimitive.Trigger, {
         asChild: true

package/MultiAutoComplete/primitives/MultiAutoCompletePrimitive.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiAutoComplete/primitives/MultiAutoCompletePrimitive.js","sources":["../../../src/MultiAutoComplete/primitives/MultiAutoCompletePrimitive.tsx"],"sourcesContent":["import type { KeyboardEvent } from \"react\";\nimport React from \"react\";\nimport { Command } from \"~/Command/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { InputPrimitiveProps } from \"~/Input/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { useMultiAutoComplete } from \"./useMultiAutoComplete.js\";\nimport {\n    MultiAutoCompleteInput,\n    MultiAutoCompleteInputIcons,\n    MultiAutoCompleteList\n} from \"./components/index.js\";\nimport type { MultiAutoCompleteOption } from \"../domains/index.js\";\nimport type { Icon } from \"~/Icon/index.js\";\n\ninterface MultiAutoCompletePrimitiveProps {\n    /**\n     * Allows free input of values not present in the options.\n     */\n    allowFreeInput?: boolean;\n    /**\n     * Indicates if the reset action should be displayed.\n     */\n    displayResetAction?: boolean;\n    /**\n     * Indicates if the field is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Message to display when there are no options.\n     */\n    emptyMessage?: React.ReactNode;\n    /**\n     * Indicates if the input field is invalid.\n     * Refer to `InputPrimitiveProps[\"invalid\"]` for possible values.\n     */\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    /**\n     * Message to display when there are no options loaded or selected.\n     * Use it to invite the user to interact with the autocomplete by typing a value.\n     */\n    initialMessage?: React.ReactNode;\n    /**\n     * Reference to the input element.\n     */\n    inputRef?: React.Ref<HTMLInputElement>;\n    /**\n     * Accessible label for the command menu. Not shown visibly.\n     */\n    label?: React.ReactNode;\n    /**\n     * Indicates if the autocomplete is loading options.\n     */\n    loading?: boolean;\n    /**\n     * Message to display while loading options.\n     */\n    loadingMessage?: React.ReactNode;\n    /**\n     * Callback triggered when the open state changes.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Callback triggered when a value has been searched by the user.\n     */\n    onValueSearch?: (value: string) => void;\n    /**\n     * Callback triggered when the values change.\n     */\n    onValuesChange: (values: string[]) => void;\n    /**\n     * Callback triggered to reset the values.\n     */\n    onValuesReset?: () => void;\n    /**\n     * List of options for the autocomplete.\n     */\n    options?: MultiAutoCompleteOption[];\n    /**\n     * Custom renderer for the options.\n     */\n    optionRenderer?: (item: any, index: number) => React.ReactNode;\n    /**\n     * Placeholder text for the input field.\n     */\n    placeholder?: string;\n    /**\n     * Size of the input field.\n     * Refer to `InputPrimitiveProps[\"size\"]` for possible values.\n     */\n    size?: InputPrimitiveProps[\"size\"];\n    /**\n     * Custom renderer for the selected options.\n     */\n    selectedOptionRenderer?: (item: any, index: number) => React.ReactNode;\n    /**\n     * Icon to be displayed at the start of the input field.\n     */\n    startIcon?: React.ReactElement<typeof Icon> | React.ReactElement;\n    /**\n     * Ensures that each value is unique.\n     */\n    uniqueValues?: boolean;\n    /**\n     * Variant of the input field.\n     * Refer to `InputPrimitiveProps[\"variant\"]` for possible values.\n     */\n    variant?: InputPrimitiveProps[\"variant\"];\n    /**\n     * Optional selected items.\n     */\n    values?: string[];\n}\n\nconst DecoratableMultiAutoCompletePrimitive = (props: MultiAutoCompletePrimitiveProps) => {\n    const {\n        vm,\n        setListOpenState,\n        setSelectedOption,\n        searchOption,\n        removeSelectedOption,\n        resetSelectedOptions,\n        createOption\n    } = useMultiAutoComplete(props);\n\n    const handleKeyDown = React.useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            if (props.disabled) {\n                return;\n            }\n\n            if (!vm.optionsListVm.open) {\n                setListOpenState(true);\n            }\n\n            if (event.key.toLowerCase() === \"escape\") {\n                setListOpenState(false);\n            }\n        },\n        [props.disabled, setListOpenState, setSelectedOption, vm.optionsListVm.open]\n    );\n\n    const handleSelectOption = React.useCallback(\n        (value: string) => {\n            setSelectedOption(value);\n            setListOpenState(false);\n        },\n        [setSelectedOption, setListOpenState]\n    );\n\n    const handleCreateOption = React.useCallback(\n        (value: string) => {\n            createOption(value);\n            setListOpenState(false);\n        },\n        [createOption, setListOpenState]\n    );\n\n    return (\n        <PopoverPrimitive open={vm.optionsListVm.open} onOpenChange={() => setListOpenState(true)}>\n            <Command label={String(props.label)} onKeyDown={handleKeyDown}>\n                <PopoverPrimitive.Trigger asChild>\n                    <span>\n                        <MultiAutoCompleteInput\n                            inputRef={props.inputRef}\n                            value={vm.inputVm.value}\n                            placeholder={vm.inputVm.placeholder}\n                            changeValue={searchOption}\n                            closeList={() => setListOpenState(false)}\n                            openList={() => setListOpenState(true)}\n                            variant={props.variant}\n                            size={props.size}\n                            invalid={props.invalid}\n                            removeSelectedOption={removeSelectedOption}\n                            selectedOptionRenderer={props.selectedOptionRenderer}\n                            selectedOptions={vm.selectedOptionsVm.options}\n                            disabled={props.disabled}\n                            startIcon={props.startIcon}\n                            endIcon={\n                                <MultiAutoCompleteInputIcons\n                                    inputSize={props.size}\n                                    inputVariant={props.variant}\n                                    displayResetAction={\n                                        !vm.selectedOptionsVm.empty && vm.inputVm.displayResetAction\n                                    }\n                                    disabled={props.disabled}\n                                    loading={props.loading}\n                                    onResetValue={resetSelectedOptions}\n                                    onOpenChange={() => setListOpenState(!vm.optionsListVm.open)}\n                                />\n                            }\n                        />\n                    </span>\n                </PopoverPrimitive.Trigger>\n                <PopoverPrimitive.Content\n                    style={{ width: \"var(--radix-popover-trigger-width)\" }}\n                    onOpenAutoFocus={e => e.preventDefault()}\n                >\n                    <MultiAutoCompleteList\n                        emptyMessage={vm.optionsListVm.emptyMessage}\n                        empty={vm.optionsListVm.empty}\n                        loading={props.loading}\n                        loadingMessage={vm.optionsListVm.loadingMessage}\n                        onOptionCreate={handleCreateOption}\n                        onOptionSelect={handleSelectOption}\n                        optionRenderer={props.optionRenderer}\n                        options={vm.optionsListVm.options}\n                        temporaryOption={vm.temporaryOptionVm.option}\n                    />\n                </PopoverPrimitive.Content>\n            </Command>\n        </PopoverPrimitive>\n    );\n};\n\nconst MultiAutoCompletePrimitive = makeDecoratable(\n    \"MultiAutoCompletePrimitive\",\n    DecoratableMultiAutoCompletePrimitive\n);\n\nexport { MultiAutoCompletePrimitive, type MultiAutoCompletePrimitiveProps };\n"],"names":["DecoratableMultiAutoCompletePrimitive","props","vm","setListOpenState","setSelectedOption","searchOption","removeSelectedOption","resetSelectedOptions","createOption","useMultiAutoComplete","handleKeyDown","React","event","handleSelectOption","value","handleCreateOption","PopoverPrimitive","Command","String","MultiAutoCompleteInput","MultiAutoCompleteInputIcons","e","MultiAutoCompleteList","MultiAutoCompletePrimitive","makeDecoratable"],"mappings":";;;;;;AAkHA,MAAMA,wCAAwC,CAACC;IAC3C,MAAM,EACFC,EAAE,EACFC,gBAAgB,EAChBC,iBAAiB,EACjBC,YAAY,EACZC,oBAAoB,EACpBC,oBAAoB,EACpBC,YAAY,EACf,GAAGC,qBAAqBR;IAEzB,MAAMS,gBAAgBC,MAAAA,WAAiB,CACnC,CAACC;QACG,IAAIX,MAAM,QAAQ,EACd;QAGJ,IAAI,CAACC,GAAG,aAAa,CAAC,IAAI,EACtBC,iBAAiB;QAGrB,IAAIS,AAA4B,aAA5BA,MAAM,GAAG,CAAC,WAAW,IACrBT,iBAAiB;IAEzB,GACA;QAACF,MAAM,QAAQ;QAAEE;QAAkBC;QAAmBF,GAAG,aAAa,CAAC,IAAI;KAAC;IAGhF,MAAMW,qBAAqBF,MAAAA,WAAiB,CACxC,CAACG;QACGV,kBAAkBU;QAClBX,iBAAiB;IACrB,GACA;QAACC;QAAmBD;KAAiB;IAGzC,MAAMY,qBAAqBJ,MAAAA,WAAiB,CACxC,CAACG;QACGN,aAAaM;QACbX,iBAAiB;IACrB,GACA;QAACK;QAAcL;KAAiB;IAGpC,OAAO,WAAP,GACI,oBAACa,kBAAgBA;QAAC,MAAMd,GAAG,aAAa,CAAC,IAAI;QAAE,cAAc,IAAMC,iBAAiB;qBAChF,oBAACc,SAAOA;QAAC,OAAOC,OAAOjB,MAAM,KAAK;QAAG,WAAWS;qBAC5C,oBAACM,iBAAiB,OAAO;QAAC;qBACtB,oBAAC,4BACG,oBAACG,wBAAsBA;QACnB,UAAUlB,MAAM,QAAQ;QACxB,OAAOC,GAAG,OAAO,CAAC,KAAK;QACvB,aAAaA,GAAG,OAAO,CAAC,WAAW;QACnC,aAAaG;QACb,WAAW,IAAMF,iBAAiB;QAClC,UAAU,IAAMA,iBAAiB;QACjC,SAASF,MAAM,OAAO;QACtB,MAAMA,MAAM,IAAI;QAChB,SAASA,MAAM,OAAO;QACtB,sBAAsBK;QACtB,wBAAwBL,MAAM,sBAAsB;QACpD,iBAAiBC,GAAG,iBAAiB,CAAC,OAAO;QAC7C,UAAUD,MAAM,QAAQ;QACxB,WAAWA,MAAM,SAAS;QAC1B,uBACI,oBAACmB,6BAA2BA;YACxB,WAAWnB,MAAM,IAAI;YACrB,cAAcA,MAAM,OAAO;YAC3B,oBACI,CAACC,GAAG,iBAAiB,CAAC,KAAK,IAAIA,GAAG,OAAO,CAAC,kBAAkB;YAEhE,UAAUD,MAAM,QAAQ;YACxB,SAASA,MAAM,OAAO;YACtB,cAAcM;YACd,cAAc,IAAMJ,iBAAiB,CAACD,GAAG,aAAa,CAAC,IAAI;;wBAM/E,oBAACc,iBAAiB,OAAO;QACrB,OAAO;YAAE,OAAO;QAAqC;QACrD,iBAAiBK,CAAAA,IAAKA,EAAE,cAAc;qBAEtC,oBAACC,uBAAqBA;QAClB,cAAcpB,GAAG,aAAa,CAAC,YAAY;QAC3C,OAAOA,GAAG,aAAa,CAAC,KAAK;QAC7B,SAASD,MAAM,OAAO;QACtB,gBAAgBC,GAAG,aAAa,CAAC,cAAc;QAC/C,gBAAgBa;QAChB,gBAAgBF;QAChB,gBAAgBZ,MAAM,cAAc;QACpC,SAASC,GAAG,aAAa,CAAC,OAAO;QACjC,iBAAiBA,GAAG,iBAAiB,CAAC,MAAM;;AAMpE;AAEA,MAAMqB,6BAA6BC,gBAC/B,8BACAxB"}
+{"version":3,"file":"MultiAutoComplete/primitives/MultiAutoCompletePrimitive.js","sources":["../../../src/MultiAutoComplete/primitives/MultiAutoCompletePrimitive.tsx"],"sourcesContent":["import type { KeyboardEvent } from \"react\";\nimport React from \"react\";\nimport { Command } from \"~/Command/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { InputPrimitiveProps } from \"~/Input/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { useMultiAutoComplete } from \"./useMultiAutoComplete.js\";\nimport {\n    MultiAutoCompleteInput,\n    MultiAutoCompleteInputIcons,\n    MultiAutoCompleteList\n} from \"./components/index.js\";\nimport type { MultiAutoCompleteOption } from \"../domains/index.js\";\nimport type { Icon } from \"~/Icon/index.js\";\n\ninterface MultiAutoCompletePrimitiveProps {\n    /**\n     * Allows free input of values not present in the options.\n     */\n    allowFreeInput?: boolean;\n    /**\n     * Indicates if the reset action should be displayed.\n     */\n    displayResetAction?: boolean;\n    /**\n     * Indicates if the field is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Message to display when there are no options.\n     */\n    emptyMessage?: React.ReactNode;\n    /**\n     * Indicates if the input field is invalid.\n     * Refer to `InputPrimitiveProps[\"invalid\"]` for possible values.\n     */\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    /**\n     * Message to display when there are no options loaded or selected.\n     * Use it to invite the user to interact with the autocomplete by typing a value.\n     */\n    initialMessage?: React.ReactNode;\n    /**\n     * Reference to the input element.\n     */\n    inputRef?: React.Ref<HTMLInputElement>;\n    /**\n     * Accessible label for the command menu. Not shown visibly.\n     */\n    label?: React.ReactNode;\n    /**\n     * Indicates if the autocomplete is loading options.\n     */\n    loading?: boolean;\n    /**\n     * Message to display while loading options.\n     */\n    loadingMessage?: React.ReactNode;\n    /**\n     * Callback triggered when the open state changes.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Callback triggered when a value has been searched by the user.\n     */\n    onValueSearch?: (value: string) => void;\n    /**\n     * Callback triggered when the values change.\n     */\n    onValuesChange: (values: string[]) => void;\n    /**\n     * Callback triggered to reset the values.\n     */\n    onValuesReset?: () => void;\n    /**\n     * List of options for the autocomplete.\n     */\n    options?: MultiAutoCompleteOption[];\n    /**\n     * Custom renderer for the options.\n     */\n    optionRenderer?: (item: any, index: number) => React.ReactNode;\n    /**\n     * Placeholder text for the input field.\n     */\n    placeholder?: string;\n    /**\n     * Size of the input field.\n     * Refer to `InputPrimitiveProps[\"size\"]` for possible values.\n     */\n    size?: InputPrimitiveProps[\"size\"];\n    /**\n     * Custom renderer for the selected options.\n     */\n    selectedOptionRenderer?: (item: any, index: number) => React.ReactNode;\n    /**\n     * Filter the options by the typed text on the client. Defaults to `true`.\n     * Set to `false` when `onValueSearch` already returns the matching options,\n     * so options matched on data other than their label are not dropped.\n     */\n    shouldFilter?: boolean;\n    /**\n     * Icon to be displayed at the start of the input field.\n     */\n    startIcon?: React.ReactElement<typeof Icon> | React.ReactElement;\n    /**\n     * Ensures that each value is unique.\n     */\n    uniqueValues?: boolean;\n    /**\n     * Variant of the input field.\n     * Refer to `InputPrimitiveProps[\"variant\"]` for possible values.\n     */\n    variant?: InputPrimitiveProps[\"variant\"];\n    /**\n     * Optional selected items.\n     */\n    values?: string[];\n}\n\nconst DecoratableMultiAutoCompletePrimitive = (props: MultiAutoCompletePrimitiveProps) => {\n    const {\n        vm,\n        setListOpenState,\n        setSelectedOption,\n        searchOption,\n        removeSelectedOption,\n        resetSelectedOptions,\n        createOption\n    } = useMultiAutoComplete(props);\n\n    const handleKeyDown = React.useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            if (props.disabled) {\n                return;\n            }\n\n            if (!vm.optionsListVm.open) {\n                setListOpenState(true);\n            }\n\n            if (event.key.toLowerCase() === \"escape\") {\n                setListOpenState(false);\n            }\n        },\n        [props.disabled, setListOpenState, setSelectedOption, vm.optionsListVm.open]\n    );\n\n    const handleSelectOption = React.useCallback(\n        (value: string) => {\n            setSelectedOption(value);\n            setListOpenState(false);\n        },\n        [setSelectedOption, setListOpenState]\n    );\n\n    const handleCreateOption = React.useCallback(\n        (value: string) => {\n            createOption(value);\n            setListOpenState(false);\n        },\n        [createOption, setListOpenState]\n    );\n\n    return (\n        <PopoverPrimitive open={vm.optionsListVm.open} onOpenChange={() => setListOpenState(true)}>\n            <Command\n                label={String(props.label)}\n                shouldFilter={props.shouldFilter}\n                onKeyDown={handleKeyDown}\n            >\n                <PopoverPrimitive.Trigger asChild>\n                    <span>\n                        <MultiAutoCompleteInput\n                            inputRef={props.inputRef}\n                            value={vm.inputVm.value}\n                            placeholder={vm.inputVm.placeholder}\n                            changeValue={searchOption}\n                            closeList={() => setListOpenState(false)}\n                            openList={() => setListOpenState(true)}\n                            variant={props.variant}\n                            size={props.size}\n                            invalid={props.invalid}\n                            removeSelectedOption={removeSelectedOption}\n                            selectedOptionRenderer={props.selectedOptionRenderer}\n                            selectedOptions={vm.selectedOptionsVm.options}\n                            disabled={props.disabled}\n                            startIcon={props.startIcon}\n                            endIcon={\n                                <MultiAutoCompleteInputIcons\n                                    inputSize={props.size}\n                                    inputVariant={props.variant}\n                                    displayResetAction={\n                                        !vm.selectedOptionsVm.empty && vm.inputVm.displayResetAction\n                                    }\n                                    disabled={props.disabled}\n                                    loading={props.loading}\n                                    onResetValue={resetSelectedOptions}\n                                    onOpenChange={() => setListOpenState(!vm.optionsListVm.open)}\n                                />\n                            }\n                        />\n                    </span>\n                </PopoverPrimitive.Trigger>\n                <PopoverPrimitive.Content\n                    style={{ width: \"var(--radix-popover-trigger-width)\" }}\n                    onOpenAutoFocus={e => e.preventDefault()}\n                >\n                    <MultiAutoCompleteList\n                        emptyMessage={vm.optionsListVm.emptyMessage}\n                        empty={vm.optionsListVm.empty}\n                        loading={props.loading}\n                        loadingMessage={vm.optionsListVm.loadingMessage}\n                        onOptionCreate={handleCreateOption}\n                        onOptionSelect={handleSelectOption}\n                        optionRenderer={props.optionRenderer}\n                        options={vm.optionsListVm.options}\n                        temporaryOption={vm.temporaryOptionVm.option}\n                    />\n                </PopoverPrimitive.Content>\n            </Command>\n        </PopoverPrimitive>\n    );\n};\n\nconst MultiAutoCompletePrimitive = makeDecoratable(\n    \"MultiAutoCompletePrimitive\",\n    DecoratableMultiAutoCompletePrimitive\n);\n\nexport { MultiAutoCompletePrimitive, type MultiAutoCompletePrimitiveProps };\n"],"names":["DecoratableMultiAutoCompletePrimitive","props","vm","setListOpenState","setSelectedOption","searchOption","removeSelectedOption","resetSelectedOptions","createOption","useMultiAutoComplete","handleKeyDown","React","event","handleSelectOption","value","handleCreateOption","PopoverPrimitive","Command","String","MultiAutoCompleteInput","MultiAutoCompleteInputIcons","e","MultiAutoCompleteList","MultiAutoCompletePrimitive","makeDecoratable"],"mappings":";;;;;;AAwHA,MAAMA,wCAAwC,CAACC;IAC3C,MAAM,EACFC,EAAE,EACFC,gBAAgB,EAChBC,iBAAiB,EACjBC,YAAY,EACZC,oBAAoB,EACpBC,oBAAoB,EACpBC,YAAY,EACf,GAAGC,qBAAqBR;IAEzB,MAAMS,gBAAgBC,MAAAA,WAAiB,CACnC,CAACC;QACG,IAAIX,MAAM,QAAQ,EACd;QAGJ,IAAI,CAACC,GAAG,aAAa,CAAC,IAAI,EACtBC,iBAAiB;QAGrB,IAAIS,AAA4B,aAA5BA,MAAM,GAAG,CAAC,WAAW,IACrBT,iBAAiB;IAEzB,GACA;QAACF,MAAM,QAAQ;QAAEE;QAAkBC;QAAmBF,GAAG,aAAa,CAAC,IAAI;KAAC;IAGhF,MAAMW,qBAAqBF,MAAAA,WAAiB,CACxC,CAACG;QACGV,kBAAkBU;QAClBX,iBAAiB;IACrB,GACA;QAACC;QAAmBD;KAAiB;IAGzC,MAAMY,qBAAqBJ,MAAAA,WAAiB,CACxC,CAACG;QACGN,aAAaM;QACbX,iBAAiB;IACrB,GACA;QAACK;QAAcL;KAAiB;IAGpC,OAAO,WAAP,GACI,oBAACa,kBAAgBA;QAAC,MAAMd,GAAG,aAAa,CAAC,IAAI;QAAE,cAAc,IAAMC,iBAAiB;qBAChF,oBAACc,SAAOA;QACJ,OAAOC,OAAOjB,MAAM,KAAK;QACzB,cAAcA,MAAM,YAAY;QAChC,WAAWS;qBAEX,oBAACM,iBAAiB,OAAO;QAAC;qBACtB,oBAAC,4BACG,oBAACG,wBAAsBA;QACnB,UAAUlB,MAAM,QAAQ;QACxB,OAAOC,GAAG,OAAO,CAAC,KAAK;QACvB,aAAaA,GAAG,OAAO,CAAC,WAAW;QACnC,aAAaG;QACb,WAAW,IAAMF,iBAAiB;QAClC,UAAU,IAAMA,iBAAiB;QACjC,SAASF,MAAM,OAAO;QACtB,MAAMA,MAAM,IAAI;QAChB,SAASA,MAAM,OAAO;QACtB,sBAAsBK;QACtB,wBAAwBL,MAAM,sBAAsB;QACpD,iBAAiBC,GAAG,iBAAiB,CAAC,OAAO;QAC7C,UAAUD,MAAM,QAAQ;QACxB,WAAWA,MAAM,SAAS;QAC1B,uBACI,oBAACmB,6BAA2BA;YACxB,WAAWnB,MAAM,IAAI;YACrB,cAAcA,MAAM,OAAO;YAC3B,oBACI,CAACC,GAAG,iBAAiB,CAAC,KAAK,IAAIA,GAAG,OAAO,CAAC,kBAAkB;YAEhE,UAAUD,MAAM,QAAQ;YACxB,SAASA,MAAM,OAAO;YACtB,cAAcM;YACd,cAAc,IAAMJ,iBAAiB,CAACD,GAAG,aAAa,CAAC,IAAI;;wBAM/E,oBAACc,iBAAiB,OAAO;QACrB,OAAO;YAAE,OAAO;QAAqC;QACrD,iBAAiBK,CAAAA,IAAKA,EAAE,cAAc;qBAEtC,oBAACC,uBAAqBA;QAClB,cAAcpB,GAAG,aAAa,CAAC,YAAY;QAC3C,OAAOA,GAAG,aAAa,CAAC,KAAK;QAC7B,SAASD,MAAM,OAAO;QACtB,gBAAgBC,GAAG,aAAa,CAAC,cAAc;QAC/C,gBAAgBa;QAChB,gBAAgBF;QAChB,gBAAgBZ,MAAM,cAAc;QACpC,SAASC,GAAG,aAAa,CAAC,OAAO;QACjC,iBAAiBA,GAAG,iBAAiB,CAAC,MAAM;;AAMpE;AAEA,MAAMqB,6BAA6BC,gBAC/B,8BACAxB"}

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;