@webiny/admin-ui 0.0.0-unstable.7be00a75a9 → 0.0.0-unstable.7c2def32a7

package/DatePicker/utils/dateHelpers.js

@@ -1,10 +1,17 @@
 import { endOfISOWeek, format, getISOWeek, getISOWeekYear, startOfISOWeek } from "date-fns";
 import { DEFAULT_YEAR_RANGE_SIZE, MONTH_NAMES_SHORT } from "./constants.js";
+function parseDateValue(value) {
+    if ("string" == typeof value) {
+        const match = value.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+        if (match) return new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3]));
+    }
+    return new Date(value);
+}
 function formatDateForDisplay(value, type, displayFormat) {
     if (null == value) return;
     switch(type){
         case "date":
-            return format(new Date(value), displayFormat ?? "PPP");
+            return format(parseDateValue(value), displayFormat ?? "PPP");
         case "time":
             return value;
         case "dateTimeLocal":
@@ -12,7 +19,7 @@ function formatDateForDisplay(value, type, displayFormat) {
         case "dateTimeTz":
             {
                 if (!value) return;
-                const isoStr = value;
+                const isoStr = value instanceof Date ? value.toISOString() : value;
                 const tzMatch = isoStr.match(/([+-]\d{2}:\d{2})$/);
                 const tz = tzMatch ? `UTC${tzMatch[1]}` : "";
                 const dateWithoutTz = isoStr.replace(/[+-]\d{2}:\d{2}$/, "");
@@ -54,8 +61,8 @@ function formatDateForDisplay(value, type, displayFormat) {
                 const range = value;
                 const fmt = displayFormat ?? "PPP";
                 if (!range.from) return;
-                if (!range.to) return format(new Date(range.from), fmt);
-                return `${format(new Date(range.from), fmt)} – ${format(new Date(range.to), fmt)}`;
+                if (!range.to) return format(parseDateValue(range.from), fmt);
+                return `${format(parseDateValue(range.from), fmt)} – ${format(parseDateValue(range.to), fmt)}`;
             }
         case "multipleDates":
             {
@@ -127,6 +134,7 @@ function getLocalTimezone() {
     return `${sign}${hours}:${minutes}`;
 }
 function extractTimezone(isoString) {
+    if ("string" != typeof isoString) return;
     const match = isoString.match(/([+-]\d{2}:\d{2})$/);
     if (match) return match[1];
 }
@@ -146,6 +154,6 @@ function parseWeekValue(value) {
         week: Number(match[2])
     };
 }
-export { defaultYearRange, extractTimezone, formatDateForDisplay, formatMonthValue, formatTimeValue, formatWeekValue, getLocalTimezone, parseMonthValue, parseTimeValue, parseWeekValue, toIsoWithTz, toLocalNaive };
+export { defaultYearRange, extractTimezone, formatDateForDisplay, formatMonthValue, formatTimeValue, formatWeekValue, getLocalTimezone, parseDateValue, parseMonthValue, parseTimeValue, parseWeekValue, toIsoWithTz, toLocalNaive };
 
 //# sourceMappingURL=dateHelpers.js.map

package/DatePicker/utils/dateHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker/utils/dateHelpers.js","sources":["../../../src/DatePicker/utils/dateHelpers.ts"],"sourcesContent":["import { format, getISOWeek, getISOWeekYear, startOfISOWeek, endOfISOWeek } from \"date-fns\";\nimport { DEFAULT_YEAR_RANGE_SIZE, MONTH_NAMES_SHORT } from \"./constants.js\";\n\nexport function formatDateForDisplay(\n    value:\n        | Date\n        | string\n        | number\n        | { from?: string; to?: string }\n        | Date[]\n        | string[]\n        | number[]\n        | undefined,\n    type: string,\n    displayFormat?: string\n): string | undefined {\n    if (value === undefined || value === null) {\n        return undefined;\n    }\n\n    switch (type) {\n        case \"date\":\n            return format(new Date(value as string), displayFormat ?? \"PPP\");\n        case \"time\":\n            return value as string;\n        case \"dateTimeLocal\":\n            return format(new Date(value as string), displayFormat ?? \"PPP p\");\n        case \"dateTimeTz\": {\n            if (!value) {\n                return undefined;\n            }\n            const isoStr = value as string;\n            const tzMatch = isoStr.match(/([+-]\\d{2}:\\d{2})$/);\n            const tz = tzMatch ? `UTC${tzMatch[1]}` : \"\";\n            const dateWithoutTz = isoStr.replace(/[+-]\\d{2}:\\d{2}$/, \"\");\n            const parts = dateWithoutTz.split(\"T\");\n            if (parts.length < 2) {\n                return isoStr;\n            }\n            const datePart = new Date(parts[0] + \"T00:00:00\");\n            const timeParts = parts[1].split(\":\");\n            const hours = Number(timeParts[0]);\n            const minutes = timeParts[1] ?? \"00\";\n            const ampm = hours >= 12 ? \"PM\" : \"AM\";\n            const h12 = hours % 12 || 12;\n            if (displayFormat) {\n                return `${format(datePart, displayFormat)} ${h12}:${minutes} ${ampm} (${tz})`;\n            }\n            return `${format(datePart, \"PPP\")} ${h12}:${minutes} ${ampm} (${tz})`;\n        }\n        case \"month\": {\n            if (displayFormat) {\n                const parsed = parseMonthValue(value as string);\n                if (!parsed) {\n                    return undefined;\n                }\n                return format(new Date(parsed.year, parsed.month), displayFormat);\n            }\n            const parsed = parseMonthValue(value as string);\n            if (!parsed) {\n                return undefined;\n            }\n            return `${MONTH_NAMES_SHORT[parsed.month]} ${parsed.year}`;\n        }\n        case \"week\": {\n            const parsed = parseWeekValue(value as string);\n            if (!parsed) {\n                return undefined;\n            }\n            const weekStart = startOfISOWeek(new Date(parsed.year, 0, 4 + (parsed.week - 1) * 7));\n            const weekEnd = endOfISOWeek(weekStart);\n            if (displayFormat) {\n                return `${format(weekStart, displayFormat)} – ${format(weekEnd, displayFormat)}`;\n            }\n            return `Week ${parsed.week}, ${format(weekStart, \"MMM d\")} – ${format(weekEnd, \"MMM d, yyyy\")}`;\n        }\n        case \"year\":\n            return String(value);\n        case \"dateRange\": {\n            const range = value as { from?: string; to?: string };\n            const fmt = displayFormat ?? \"PPP\";\n            if (!range.from) {\n                return undefined;\n            }\n            if (!range.to) {\n                return format(new Date(range.from), fmt);\n            }\n            return `${format(new Date(range.from), fmt)} – ${format(new Date(range.to), fmt)}`;\n        }\n        case \"multipleDates\": {\n            const dates = value as string[];\n            if (dates.length === 0) {\n                return undefined;\n            }\n            return `${dates.length} date${dates.length > 1 ? \"s\" : \"\"} selected`;\n        }\n        case \"multipleMonths\": {\n            const months = value as string[];\n            if (months.length === 0) {\n                return undefined;\n            }\n            return `${months.length} month${months.length > 1 ? \"s\" : \"\"} selected`;\n        }\n        case \"multipleYears\": {\n            const years = value as number[];\n            if (years.length === 0) {\n                return undefined;\n            }\n            return `${years.length} year${years.length > 1 ? \"s\" : \"\"} selected`;\n        }\n        default:\n            return undefined;\n    }\n}\n\nexport function defaultYearRange(centerYear?: number): [number, number] {\n    const center = centerYear ?? new Date().getFullYear();\n    const half = Math.floor(DEFAULT_YEAR_RANGE_SIZE / 2);\n    return [center - half, center + half - 1];\n}\n\nexport function formatMonthValue(year: number, month: number): string {\n    return `${year}-${String(month + 1).padStart(2, \"0\")}`;\n}\n\nexport function parseMonthValue(value: string): { year: number; month: number } | undefined {\n    const match = value.match(/^(\\d{4})-(\\d{2})$/);\n    if (!match) {\n        return undefined;\n    }\n    return { year: Number(match[1]), month: Number(match[2]) - 1 };\n}\n\nexport function formatTimeValue(date: Date): string {\n    return format(date, \"HH:mm\");\n}\n\nexport function parseTimeValue(time: string): { hours: number; minutes: number } | undefined {\n    const match = time.match(/^(\\d{2}):(\\d{2})$/);\n    if (!match) {\n        return undefined;\n    }\n    return { hours: Number(match[1]), minutes: Number(match[2]) };\n}\n\nexport function toIsoWithTz(date: Date, timezone?: string): string {\n    if (timezone) {\n        return format(date, \"yyyy-MM-dd'T'HH:mm:ss\") + timezone;\n    }\n    const offset = -date.getTimezoneOffset();\n    const sign = offset >= 0 ? \"+\" : \"-\";\n    const absOffset = Math.abs(offset);\n    const hours = String(Math.floor(absOffset / 60)).padStart(2, \"0\");\n    const minutes = String(absOffset % 60).padStart(2, \"0\");\n    return format(date, \"yyyy-MM-dd'T'HH:mm:ss\") + `${sign}${hours}:${minutes}`;\n}\n\nexport function getLocalTimezone(): string {\n    const offset = -new Date().getTimezoneOffset();\n    const sign = offset >= 0 ? \"+\" : \"-\";\n    const absOffset = Math.abs(offset);\n    const hours = String(Math.floor(absOffset / 60)).padStart(2, \"0\");\n    const minutes = String(absOffset % 60).padStart(2, \"0\");\n    return `${sign}${hours}:${minutes}`;\n}\n\nexport function extractTimezone(isoString: string): string | undefined {\n    const match = isoString.match(/([+-]\\d{2}:\\d{2})$/);\n    if (match) {\n        return match[1];\n    }\n    return undefined;\n}\n\nexport function toLocalNaive(isoString: string): Date {\n    return new Date(isoString);\n}\n\nexport function formatWeekValue(date: Date): string {\n    const week = getISOWeek(date);\n    const year = getISOWeekYear(date);\n    return `${year}-W${String(week).padStart(2, \"0\")}`;\n}\n\nexport function parseWeekValue(value: string): { year: number; week: number } | undefined {\n    const match = value.match(/^(\\d{4})-W(\\d{2})$/);\n    if (!match) {\n        return undefined;\n    }\n    return { year: Number(match[1]), week: Number(match[2]) };\n}\n"],"names":["formatDateForDisplay","value","type","displayFormat","format","Date","isoStr","tzMatch","tz","dateWithoutTz","parts","datePart","timeParts","hours","Number","minutes","ampm","h12","parsed","parseMonthValue","MONTH_NAMES_SHORT","parseWeekValue","weekStart","startOfISOWeek","weekEnd","endOfISOWeek","String","range","fmt","dates","months","years","defaultYearRange","centerYear","center","half","Math","DEFAULT_YEAR_RANGE_SIZE","formatMonthValue","year","month","match","formatTimeValue","date","parseTimeValue","time","toIsoWithTz","timezone","offset","sign","absOffset","getLocalTimezone","extractTimezone","isoString","toLocalNaive","formatWeekValue","week","getISOWeek","getISOWeekYear"],"mappings":"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"}
+{"version":3,"file":"DatePicker/utils/dateHelpers.js","sources":["../../../src/DatePicker/utils/dateHelpers.ts"],"sourcesContent":["import { format, getISOWeek, getISOWeekYear, startOfISOWeek, endOfISOWeek } from \"date-fns\";\nimport { DEFAULT_YEAR_RANGE_SIZE, MONTH_NAMES_SHORT } from \"./constants.js\";\n\n/**\n * `new Date(\"2026-10-10\")` is UTC midnight, which is the previous day west of UTC.\n * Bare dates are calendar days, so build them at local midnight instead.\n */\nexport function parseDateValue(value: string | Date | number): Date {\n    if (typeof value === \"string\") {\n        const match = value.match(/^(\\d{4})-(\\d{2})-(\\d{2})$/);\n        if (match) {\n            return new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3]));\n        }\n    }\n    return new Date(value);\n}\n\nexport function formatDateForDisplay(\n    value:\n        | Date\n        | string\n        | number\n        | { from?: string; to?: string }\n        | Date[]\n        | string[]\n        | number[]\n        | undefined,\n    type: string,\n    displayFormat?: string\n): string | undefined {\n    if (value === undefined || value === null) {\n        return undefined;\n    }\n\n    switch (type) {\n        case \"date\":\n            return format(parseDateValue(value as string), displayFormat ?? \"PPP\");\n        case \"time\":\n            return value as string;\n        case \"dateTimeLocal\":\n            return format(new Date(value as string), displayFormat ?? \"PPP p\");\n        case \"dateTimeTz\": {\n            if (!value) {\n                return undefined;\n            }\n            const isoStr = value instanceof Date ? value.toISOString() : (value as string);\n            const tzMatch = isoStr.match(/([+-]\\d{2}:\\d{2})$/);\n            const tz = tzMatch ? `UTC${tzMatch[1]}` : \"\";\n            const dateWithoutTz = isoStr.replace(/[+-]\\d{2}:\\d{2}$/, \"\");\n            const parts = dateWithoutTz.split(\"T\");\n            if (parts.length < 2) {\n                return isoStr;\n            }\n            const datePart = new Date(parts[0] + \"T00:00:00\");\n            const timeParts = parts[1].split(\":\");\n            const hours = Number(timeParts[0]);\n            const minutes = timeParts[1] ?? \"00\";\n            const ampm = hours >= 12 ? \"PM\" : \"AM\";\n            const h12 = hours % 12 || 12;\n            if (displayFormat) {\n                return `${format(datePart, displayFormat)} ${h12}:${minutes} ${ampm} (${tz})`;\n            }\n            return `${format(datePart, \"PPP\")} ${h12}:${minutes} ${ampm} (${tz})`;\n        }\n        case \"month\": {\n            if (displayFormat) {\n                const parsed = parseMonthValue(value as string);\n                if (!parsed) {\n                    return undefined;\n                }\n                return format(new Date(parsed.year, parsed.month), displayFormat);\n            }\n            const parsed = parseMonthValue(value as string);\n            if (!parsed) {\n                return undefined;\n            }\n            return `${MONTH_NAMES_SHORT[parsed.month]} ${parsed.year}`;\n        }\n        case \"week\": {\n            const parsed = parseWeekValue(value as string);\n            if (!parsed) {\n                return undefined;\n            }\n            const weekStart = startOfISOWeek(new Date(parsed.year, 0, 4 + (parsed.week - 1) * 7));\n            const weekEnd = endOfISOWeek(weekStart);\n            if (displayFormat) {\n                return `${format(weekStart, displayFormat)} – ${format(weekEnd, displayFormat)}`;\n            }\n            return `Week ${parsed.week}, ${format(weekStart, \"MMM d\")} – ${format(weekEnd, \"MMM d, yyyy\")}`;\n        }\n        case \"year\":\n            return String(value);\n        case \"dateRange\": {\n            const range = value as { from?: string; to?: string };\n            const fmt = displayFormat ?? \"PPP\";\n            if (!range.from) {\n                return undefined;\n            }\n            if (!range.to) {\n                return format(parseDateValue(range.from), fmt);\n            }\n            return `${format(parseDateValue(range.from), fmt)} – ${format(parseDateValue(range.to), fmt)}`;\n        }\n        case \"multipleDates\": {\n            const dates = value as string[];\n            if (dates.length === 0) {\n                return undefined;\n            }\n            return `${dates.length} date${dates.length > 1 ? \"s\" : \"\"} selected`;\n        }\n        case \"multipleMonths\": {\n            const months = value as string[];\n            if (months.length === 0) {\n                return undefined;\n            }\n            return `${months.length} month${months.length > 1 ? \"s\" : \"\"} selected`;\n        }\n        case \"multipleYears\": {\n            const years = value as number[];\n            if (years.length === 0) {\n                return undefined;\n            }\n            return `${years.length} year${years.length > 1 ? \"s\" : \"\"} selected`;\n        }\n        default:\n            return undefined;\n    }\n}\n\nexport function defaultYearRange(centerYear?: number): [number, number] {\n    const center = centerYear ?? new Date().getFullYear();\n    const half = Math.floor(DEFAULT_YEAR_RANGE_SIZE / 2);\n    return [center - half, center + half - 1];\n}\n\nexport function formatMonthValue(year: number, month: number): string {\n    return `${year}-${String(month + 1).padStart(2, \"0\")}`;\n}\n\nexport function parseMonthValue(value: string): { year: number; month: number } | undefined {\n    const match = value.match(/^(\\d{4})-(\\d{2})$/);\n    if (!match) {\n        return undefined;\n    }\n    return { year: Number(match[1]), month: Number(match[2]) - 1 };\n}\n\nexport function formatTimeValue(date: Date): string {\n    return format(date, \"HH:mm\");\n}\n\nexport function parseTimeValue(time: string): { hours: number; minutes: number } | undefined {\n    const match = time.match(/^(\\d{2}):(\\d{2})$/);\n    if (!match) {\n        return undefined;\n    }\n    return { hours: Number(match[1]), minutes: Number(match[2]) };\n}\n\nexport function toIsoWithTz(date: Date, timezone?: string): string {\n    if (timezone) {\n        return format(date, \"yyyy-MM-dd'T'HH:mm:ss\") + timezone;\n    }\n    const offset = -date.getTimezoneOffset();\n    const sign = offset >= 0 ? \"+\" : \"-\";\n    const absOffset = Math.abs(offset);\n    const hours = String(Math.floor(absOffset / 60)).padStart(2, \"0\");\n    const minutes = String(absOffset % 60).padStart(2, \"0\");\n    return format(date, \"yyyy-MM-dd'T'HH:mm:ss\") + `${sign}${hours}:${minutes}`;\n}\n\nexport function getLocalTimezone(): string {\n    const offset = -new Date().getTimezoneOffset();\n    const sign = offset >= 0 ? \"+\" : \"-\";\n    const absOffset = Math.abs(offset);\n    const hours = String(Math.floor(absOffset / 60)).padStart(2, \"0\");\n    const minutes = String(absOffset % 60).padStart(2, \"0\");\n    return `${sign}${hours}:${minutes}`;\n}\n\nexport function extractTimezone(isoString: string | Date | unknown): string | undefined {\n    if (typeof isoString !== \"string\") {\n        return undefined;\n    }\n    const match = isoString.match(/([+-]\\d{2}:\\d{2})$/);\n    if (match) {\n        return match[1];\n    }\n    return undefined;\n}\n\nexport function toLocalNaive(isoString: string): Date {\n    return new Date(isoString);\n}\n\nexport function formatWeekValue(date: Date): string {\n    const week = getISOWeek(date);\n    const year = getISOWeekYear(date);\n    return `${year}-W${String(week).padStart(2, \"0\")}`;\n}\n\nexport function parseWeekValue(value: string): { year: number; week: number } | undefined {\n    const match = value.match(/^(\\d{4})-W(\\d{2})$/);\n    if (!match) {\n        return undefined;\n    }\n    return { year: Number(match[1]), week: Number(match[2]) };\n}\n"],"names":["parseDateValue","value","match","Date","Number","formatDateForDisplay","type","displayFormat","format","isoStr","tzMatch","tz","dateWithoutTz","parts","datePart","timeParts","hours","minutes","ampm","h12","parsed","parseMonthValue","MONTH_NAMES_SHORT","parseWeekValue","weekStart","startOfISOWeek","weekEnd","endOfISOWeek","String","range","fmt","dates","months","years","defaultYearRange","centerYear","center","half","Math","DEFAULT_YEAR_RANGE_SIZE","formatMonthValue","year","month","formatTimeValue","date","parseTimeValue","time","toIsoWithTz","timezone","offset","sign","absOffset","getLocalTimezone","extractTimezone","isoString","toLocalNaive","formatWeekValue","week","getISOWeek","getISOWeekYear"],"mappings":"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"}

package/DatePicker/utils/dateHelpers.test.d.ts

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

package/DatePicker/utils/dateHelpers.test.js

@@ -0,0 +1,32 @@
+import { afterAll, beforeAll, describe, expect, it } from "vitest";
+import { formatDateForDisplay, parseDateValue } from "./dateHelpers.js";
+describe("dateHelpers in a timezone west of UTC", ()=>{
+    const originalTz = process.env.TZ;
+    beforeAll(()=>{
+        process.env.TZ = "America/Chicago";
+    });
+    afterAll(()=>{
+        process.env.TZ = originalTz;
+    });
+    it("should parse a bare date as that calendar day", ()=>{
+        const date = parseDateValue("2026-10-10");
+        expect(date.getFullYear()).toBe(2026);
+        expect(date.getMonth()).toBe(9);
+        expect(date.getDate()).toBe(10);
+    });
+    it("should leave full ISO strings to the Date constructor", ()=>{
+        const date = parseDateValue("2026-10-10T00:00:00.000Z");
+        expect(date.toISOString()).toBe("2026-10-10T00:00:00.000Z");
+    });
+    it("should display a date-only value as the stored day", ()=>{
+        expect(formatDateForDisplay("2026-10-10", "date")).toBe("October 10th, 2026");
+    });
+    it("should display a date range as the stored days", ()=>{
+        expect(formatDateForDisplay({
+            from: "2026-10-10",
+            to: "2026-10-12"
+        }, "dateRange", "yyyy-MM-dd")).toBe("2026-10-10 – 2026-10-12");
+    });
+});
+
+//# sourceMappingURL=dateHelpers.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker/utils/dateHelpers.test.js","sources":["../../../src/DatePicker/utils/dateHelpers.test.ts"],"sourcesContent":["import { afterAll, beforeAll, describe, expect, it } from \"vitest\";\nimport { formatDateForDisplay, parseDateValue } from \"./dateHelpers.js\";\n\ndescribe(\"dateHelpers in a timezone west of UTC\", () => {\n    const originalTz = process.env.TZ;\n\n    beforeAll(() => {\n        process.env.TZ = \"America/Chicago\";\n    });\n\n    afterAll(() => {\n        process.env.TZ = originalTz;\n    });\n\n    it(\"should parse a bare date as that calendar day\", () => {\n        const date = parseDateValue(\"2026-10-10\");\n        expect(date.getFullYear()).toBe(2026);\n        expect(date.getMonth()).toBe(9);\n        expect(date.getDate()).toBe(10);\n    });\n\n    it(\"should leave full ISO strings to the Date constructor\", () => {\n        const date = parseDateValue(\"2026-10-10T00:00:00.000Z\");\n        expect(date.toISOString()).toBe(\"2026-10-10T00:00:00.000Z\");\n    });\n\n    it(\"should display a date-only value as the stored day\", () => {\n        expect(formatDateForDisplay(\"2026-10-10\", \"date\")).toBe(\"October 10th, 2026\");\n    });\n\n    it(\"should display a date range as the stored days\", () => {\n        expect(\n            formatDateForDisplay(\n                { from: \"2026-10-10\", to: \"2026-10-12\" },\n                \"dateRange\",\n                \"yyyy-MM-dd\"\n            )\n        ).toBe(\"2026-10-10 – 2026-10-12\");\n    });\n});\n"],"names":["describe","originalTz","process","beforeAll","afterAll","it","date","parseDateValue","expect","formatDateForDisplay"],"mappings":";;AAGAA,SAAS,yCAAyC;IAC9C,MAAMC,aAAaC,QAAQ,GAAG,CAAC,EAAE;IAEjCC,UAAU;QACND,QAAQ,GAAG,CAAC,EAAE,GAAG;IACrB;IAEAE,SAAS;QACLF,QAAQ,GAAG,CAAC,EAAE,GAAGD;IACrB;IAEAI,GAAG,iDAAiD;QAChD,MAAMC,OAAOC,eAAe;QAC5BC,OAAOF,KAAK,WAAW,IAAI,IAAI,CAAC;QAChCE,OAAOF,KAAK,QAAQ,IAAI,IAAI,CAAC;QAC7BE,OAAOF,KAAK,OAAO,IAAI,IAAI,CAAC;IAChC;IAEAD,GAAG,yDAAyD;QACxD,MAAMC,OAAOC,eAAe;QAC5BC,OAAOF,KAAK,WAAW,IAAI,IAAI,CAAC;IACpC;IAEAD,GAAG,sDAAsD;QACrDG,OAAOC,qBAAqB,cAAc,SAAS,IAAI,CAAC;IAC5D;IAEAJ,GAAG,kDAAkD;QACjDG,OACIC,qBACI;YAAE,MAAM;YAAc,IAAI;QAAa,GACvC,aACA,eAEN,IAAI,CAAC;IACX;AACJ"}

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/timezoneHelpers.d.ts

@@ -0,0 +1,3 @@
+export declare function utcToTimezoneDate(utcDate: Date, timezone: string): Date;
+export declare function naiveDateToUtcIso(date: Date, timezone: string): string;
+export declare function parseToDate(value: string | Date | undefined): Date | undefined;

package/DatePicker/utils/timezoneHelpers.js

@@ -0,0 +1,32 @@
+import { format } from "date-fns";
+function parseOffset(tz) {
+    const match = tz.match(/^([+-])(\d{2}):(\d{2})$/);
+    if (!match) return null;
+    const sign = "+" === match[1] ? 1 : -1;
+    return {
+        sign,
+        minutes: sign * (60 * Number(match[2]) + Number(match[3]))
+    };
+}
+function utcToTimezoneDate(utcDate, timezone) {
+    const parsed = parseOffset(timezone);
+    if (!parsed) return utcDate;
+    const localOffsetMinutes = -utcDate.getTimezoneOffset();
+    const shiftMs = (parsed.minutes - localOffsetMinutes) * 60000;
+    return new Date(utcDate.getTime() + shiftMs);
+}
+function naiveDateToUtcIso(date, timezone) {
+    const naive = format(date, "yyyy-MM-dd'T'HH:mm:ss");
+    const parsed = parseOffset(timezone);
+    if (parsed) return new Date(`${naive}${timezone}`).toISOString();
+    return date.toISOString();
+}
+function parseToDate(value) {
+    if (!value) return;
+    const d = new Date(value);
+    if (Number.isNaN(d.getTime())) return;
+    return d;
+}
+export { naiveDateToUtcIso, parseToDate, utcToTimezoneDate };
+
+//# sourceMappingURL=timezoneHelpers.js.map

package/DatePicker/utils/timezoneHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker/utils/timezoneHelpers.js","sources":["../../../src/DatePicker/utils/timezoneHelpers.ts"],"sourcesContent":["import { format } from \"date-fns\";\n\ninterface ParsedOffset {\n    sign: number;\n    minutes: number;\n}\n\nfunction parseOffset(tz: string): ParsedOffset | null {\n    const match = tz.match(/^([+-])(\\d{2}):(\\d{2})$/);\n    if (!match) {\n        return null;\n    }\n    const sign = match[1] === \"+\" ? 1 : -1;\n    return { sign, minutes: sign * (Number(match[2]) * 60 + Number(match[3])) };\n}\n\nexport function utcToTimezoneDate(utcDate: Date, timezone: string): Date {\n    const parsed = parseOffset(timezone);\n    if (!parsed) {\n        return utcDate;\n    }\n    const localOffsetMinutes = -utcDate.getTimezoneOffset();\n    const shiftMs = (parsed.minutes - localOffsetMinutes) * 60 * 1000;\n    return new Date(utcDate.getTime() + shiftMs);\n}\n\nexport function naiveDateToUtcIso(date: Date, timezone: string): string {\n    const naive = format(date, \"yyyy-MM-dd'T'HH:mm:ss\");\n    const parsed = parseOffset(timezone);\n    if (parsed) {\n        return new Date(`${naive}${timezone}`).toISOString();\n    }\n    return date.toISOString();\n}\n\nexport function parseToDate(value: string | Date | undefined): Date | undefined {\n    if (!value) {\n        return undefined;\n    }\n    const d = new Date(value);\n    if (Number.isNaN(d.getTime())) {\n        return undefined;\n    }\n    return d;\n}\n"],"names":["parseOffset","tz","match","sign","Number","utcToTimezoneDate","utcDate","timezone","parsed","localOffsetMinutes","shiftMs","Date","naiveDateToUtcIso","date","naive","format","parseToDate","value","d"],"mappings":";AAOA,SAASA,YAAYC,EAAU;IAC3B,MAAMC,QAAQD,GAAG,KAAK,CAAC;IACvB,IAAI,CAACC,OACD,OAAO;IAEX,MAAMC,OAAOD,AAAa,QAAbA,KAAK,CAAC,EAAE,GAAW,IAAI;IACpC,OAAO;QAAEC;QAAM,SAASA,OAAQC,CAAAA,AAAmB,KAAnBA,OAAOF,KAAK,CAAC,EAAE,IAASE,OAAOF,KAAK,CAAC,EAAE;IAAG;AAC9E;AAEO,SAASG,kBAAkBC,OAAa,EAAEC,QAAgB;IAC7D,MAAMC,SAASR,YAAYO;IAC3B,IAAI,CAACC,QACD,OAAOF;IAEX,MAAMG,qBAAqB,CAACH,QAAQ,iBAAiB;IACrD,MAAMI,UAAWF,AAAAA,CAAAA,OAAO,OAAO,GAAGC,kBAAiB,IAAlCD;IACjB,OAAO,IAAIG,KAAKL,QAAQ,OAAO,KAAKI;AACxC;AAEO,SAASE,kBAAkBC,IAAU,EAAEN,QAAgB;IAC1D,MAAMO,QAAQC,OAAOF,MAAM;IAC3B,MAAML,SAASR,YAAYO;IAC3B,IAAIC,QACA,OAAO,IAAIG,KAAK,GAAGG,QAAQP,UAAU,EAAE,WAAW;IAEtD,OAAOM,KAAK,WAAW;AAC3B;AAEO,SAASG,YAAYC,KAAgC;IACxD,IAAI,CAACA,OACD;IAEJ,MAAMC,IAAI,IAAIP,KAAKM;IACnB,IAAIb,OAAO,KAAK,CAACc,EAAE,OAAO,KACtB;IAEJ,OAAOA;AACX"}

package/DatePicker/utils/types.d.ts

@@ -14,6 +14,8 @@ interface DatePickerBaseProps {
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     onOpenChange?: (open: boolean) => void;
     displayFormat?: string;
+    minDate?: Date;
+    maxDate?: Date;
 }
 interface DateOnlyPickerProps extends DatePickerBaseProps {
     type: "date";
@@ -21,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;
@@ -77,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/Dialog/Dialog.d.ts

@@ -20,39 +20,25 @@ interface DialogProps extends React.ComponentPropsWithoutRef<typeof DialogRoot>,
     onClose?: () => void;
     onOpen?: () => void;
 }
-declare const Dialog: {
+declare const DialogBase: {
     (props: DialogProps): React.JSX.Element;
     displayName: string;
-} & {
-    original: {
-        (props: DialogProps): React.JSX.Element;
-        displayName: string;
-    };
+};
+declare const Dialog: typeof DialogBase & {
+    original: typeof DialogBase;
     originalName: string;
     displayName: string;
 } & {
-    original: {
-        (props: DialogProps): React.JSX.Element;
-        displayName: string;
-    } & {
-        original: {
-            (props: DialogProps): React.JSX.Element;
-            displayName: string;
-        };
+    original: typeof DialogBase & {
+        original: typeof DialogBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<{
-        (props: DialogProps): React.JSX.Element;
-        displayName: string;
-    } & {
-        original: {
-            (props: DialogProps): React.JSX.Element;
-            displayName: string;
-        };
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DialogBase & {
+        original: typeof DialogBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Dialog/Dialog.stories.d.ts

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import type { Meta, StoryObj } from "@storybook/react";
 import { Dialog } from "./Dialog.js";
 declare const meta: Meta<typeof Dialog>;
 export default meta;

package/Dialog/Dialog.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog/Dialog.stories.js","sources":["../../src/Dialog/Dialog.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Dialog } from \"./Dialog.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { DropdownMenu } from \"~/DropdownMenu/index.js\";\nimport { ReactComponent as NotificationIcon } from \"@webiny/icons/notifications_active.svg\";\nimport { Tabs } from \"~/Tabs/index.js\";\nimport { IconPicker } from \"~/IconPicker/index.js\";\n\nlibrary.add(fas);\n\nconst meta: Meta<typeof Dialog> = {\n    title: \"Components/Dialog\",\n    component: Dialog,\n    argTypes: {}\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Dialog>;\n\nexport const Default: Story = {\n    args: {\n        size: \"md\",\n        trigger: <Button variant=\"primary\" text={\"Open\"} />,\n        title: \"Dialog Title\",\n        description: \"A short dialog description.\",\n        info: (\n            <>\n                Learn more about this <a href={\"#\"}>here</a>.\n            </>\n        ),\n        children: (\n            <>\n                The amazing, splendid, and most useful umbrella, resistant to rain and friendly to\n                winds, is something that deserves all admiration. Crafted with perfect textures, it\n                bravely withstands storms and gently shades the rays of the sun. A remarkable\n                innovation, with an ergonomically designed grip most suited to the hand, it remains\n                stable even in the fiercest weather.\n            </>\n        ),\n        onOpenChange: opened => {\n            console.log(`Dialog is ${opened ? \"opened\" : \"closed\"}.`);\n        },\n        actions: (\n            <>\n                <Dialog.CancelAction />\n                <Dialog.ConfirmAction />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const SizeSmall: Story = {\n    args: {\n        ...Default.args,\n        size: \"sm\"\n    }\n};\n\nexport const SizeMedium: Story = {\n    args: {\n        ...Default.args,\n        size: \"md\"\n    }\n};\n\nexport const SizeLarge: Story = {\n    args: {\n        ...Default.args,\n        size: \"lg\"\n    }\n};\n\nexport const SizeExtraLarge: Story = {\n    args: {\n        ...Default.args,\n        size: \"xl\"\n    }\n};\n\nexport const SizeFullScreen: Story = {\n    args: {\n        ...Default.args,\n        size: \"full\"\n    }\n};\n\nexport const ControlledVisibility: Story = {\n    render: props => {\n        const [open, setOpen] = React.useState(false);\n\n        return (\n            <>\n                <Button variant=\"primary\" text={\"Open\"} onClick={() => setOpen(true)} />\n                <Dialog\n                    {...props}\n                    open={open}\n                    onOpenChange={open => {\n                        if (!open) {\n                            setOpen(false);\n                        }\n                    }}\n                />\n            </>\n        );\n    },\n    args: { ...Default.args, trigger: null }\n};\n\nexport const WithOpenCloseEventHandler: Story = {\n    args: {\n        ...Default.args,\n        onClose: () => {\n            console.log(\"onClose triggered\");\n        },\n        onOpen: () => {\n            console.log(\"onOpen triggered\");\n        }\n    }\n};\n\nexport const WithDropdownMenu: Story = {\n    render: props => {\n        const [open, setOpen] = React.useState(false);\n\n        return (\n            <>\n                <DropdownMenu trigger={<Button variant=\"primary\" text={\"Open\"} />}>\n                    <DropdownMenu.Item\n                        text={\"Open Dialog\"}\n                        content={\"Open Dialog\"}\n                        onClick={() => setOpen(true)}\n                    />\n                </DropdownMenu>\n\n                <Dialog {...props} open={open} onOpenChange={() => setOpen(false)} />\n            </>\n        );\n    },\n    args: { ...Default.args, trigger: null }\n};\n\nexport const WithoutCloseButton: Story = {\n    args: { ...Default.args, showCloseButton: false }\n};\n\nexport const AlertDialog: Story = {\n    args: {\n        ...Default.args,\n        info: null,\n        showCloseButton: false,\n        title: \"Confirm Action\",\n        description: \"Are you sure you want to delete this item?\",\n        children: (\n            <>\n                <p>This action cannot be undone.</p>\n                <p>Deleted items cannot be recovered.</p>\n            </>\n        )\n    }\n};\n\nexport const DropdownMenuInDialog: Story = {\n    args: {\n        ...Default.args,\n        children: (\n            <>\n                <DropdownMenu trigger={<Button variant=\"primary\" text={\"Open\"} />}>\n                    <DropdownMenu.Item text={\"Billing\"} />\n                    <DropdownMenu.Item text={\"Settings\"} />\n                    <DropdownMenu.Item text={\"Keyboard shortcuts\"} />\n                </DropdownMenu>\n            </>\n        )\n    }\n};\n\nexport const DropdownIconPickerInDialog: Story = {\n    args: {\n        ...Default.args\n    },\n    render: args => {\n        const [value, setValue] = useState(\"\");\n        return (\n            <Dialog {...args}>\n                <IconPicker\n                    icons={[\n                        { prefix: \"fas\", name: \"trash-restore-alt\" },\n                        { prefix: \"fas\", name: \"trash-can-arrow-up\" },\n                        { prefix: \"fas\", name: \"naira-sign\" },\n                        { prefix: \"fas\", name: \"cart-arrow-down\" },\n                        { prefix: \"fas\", name: \"walkie-talkie\" },\n                        { prefix: \"fas\", name: \"file-edit\" },\n                        { prefix: \"fas\", name: \"file-pen\" },\n                        { prefix: \"fas\", name: \"receipt\" },\n                        { prefix: \"fas\", name: \"pen-square\" },\n                        { prefix: \"fas\", name: \"pencil-square\" },\n                        { prefix: \"fas\", name: \"square-pen\" },\n                        { prefix: \"fas\", name: \"suitcase-rolling\" },\n                        { prefix: \"fas\", name: \"person-circle-exclamation\" },\n                        { prefix: \"fas\", name: \"chevron-down\" },\n                        { prefix: \"fas\", name: \"battery\" },\n                        { prefix: \"fas\", name: \"battery-5\" },\n                        { prefix: \"fas\", name: \"battery-full\" },\n                        { prefix: \"fas\", name: \"skull-crossbones\" },\n                        { prefix: \"fas\", name: \"code-compare\" },\n                        { prefix: \"fas\", name: \"list-dots\" },\n                        { prefix: \"fas\", name: \"list-ul\" },\n                        { prefix: \"fas\", name: \"school-lock\" },\n                        { prefix: \"fas\", name: \"tower-cell\" },\n                        { prefix: \"fas\", name: \"long-arrow-alt-down\" },\n                        { prefix: \"fas\", name: \"down-long\" },\n                        { prefix: \"fas\", name: \"ranking-star\" },\n                        { prefix: \"fas\", name: \"chess-king\" },\n                        { prefix: \"fas\", name: \"person-harassing\" },\n                        { prefix: \"fas\", name: \"brazilian-real-sign\" },\n                        { prefix: \"fas\", name: \"landmark-alt\" }\n                    ]}\n                    value={value}\n                    onChange={value => {\n                        console.log(\"Selected icon:\", value);\n                        setValue(value);\n                    }}\n                />\n            </Dialog>\n        );\n    }\n};\n\nexport const WithIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: <Dialog.Icon icon={<NotificationIcon />} label={\"Title icon\"} />\n    }\n};\n\nexport const PreventOutsideDismiss: Story = {\n    args: {\n        ...Default.args,\n        dismissible: false\n    }\n};\n\nexport const WithTabs: Story = {\n    args: {\n        ...Default.args,\n        bodyPadding: false,\n        children: (\n            <>\n                <Tabs\n                    separator={true}\n                    spacing={\"lg\"}\n                    tabs={[\n                        <Tabs.Tab\n                            key={\"account\"}\n                            value={\"account\"}\n                            trigger={\"Account\"}\n                            content={\"Make changes to your account here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"company\"}\n                            value={\"company\"}\n                            trigger={\"Company\"}\n                            content={\"Make changes to your company info here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"security\"}\n                            value={\"security\"}\n                            trigger={\"Security\"}\n                            content={\"Make changes to your security settings here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"development\"}\n                            value={\"development\"}\n                            trigger={\"Development\"}\n                            content={\"Make changes to your development settings here.\"}\n                        />\n                    ]}\n                />\n            </>\n        )\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [open, setOpen] = useState(false);\n\n        return (\n            <>\n                <Button variant=\"primary\" text=\"Open Dialog\" onClick={() => setOpen(true)} />\n\n                <Dialog {...args} open={open} onOpenChange={open => setOpen(open)} />\n            </>\n        );\n    },\n    args: {\n        title: \"Dialog Title\",\n        description: \"A short dialog description.\",\n        showCloseButton: true,\n        dismissible: true,\n        bodyPadding: true,\n        info: (\n            <>\n                Learn more about this <a href={\"#\"}>here</a>.\n            </>\n        ),\n        children: (\n            <>\n                This is the dialog content area. You can place any content here including forms,\n                text, images, or other components.\n            </>\n        ),\n        actions: (\n            <>\n                <Dialog.CancelAction />\n                <Dialog.ConfirmAction />\n            </>\n        )\n    },\n    argTypes: {\n        title: {\n            description: \"Title displayed in the header\",\n            control: \"text\"\n        },\n        description: {\n            description: \"Description displayed below the title\",\n            control: \"text\"\n        },\n        size: {\n            description: \"Controls the size of the dialog\",\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\", \"full\"]\n        },\n        showCloseButton: {\n            description:\n                \"Show close button, please refer to the 'Without Close Button' example below for details.\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        dismissible: {\n            description:\n                \"Allow dialog to be dismissed by clicking outside or pressing Escape, please refer to the 'Prevent Outside Dismiss' example below for details.\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        bodyPadding: {\n            description: \"Add padding to the Dialog body.\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        info: {\n            description:\n                \"Additional info displayed below the description, please refer to the example below for details.\"\n        },\n        children: {\n            description:\n                \"Content of the dialog, please refer to the 'With Dropdown Menu' and ''With Tabs' example below for details.\"\n        },\n        actions: {\n            description:\n                \"Actions displayed in the footer, please refer to the code example for details.\"\n        }\n    }\n};\n"],"names":["library","fas","meta","Dialog","Default","Button","opened","console","SizeSmall","SizeMedium","SizeLarge","SizeExtraLarge","SizeFullScreen","ControlledVisibility","props","open","setOpen","React","WithOpenCloseEventHandler","WithDropdownMenu","DropdownMenu","WithoutCloseButton","AlertDialog","DropdownMenuInDialog","DropdownIconPickerInDialog","args","value","setValue","useState","IconPicker","WithIcon","NotificationIcon","PreventOutsideDismiss","WithTabs","Tabs","Documentation"],"mappings":"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"}
+{"version":3,"file":"Dialog/Dialog.stories.js","sources":["../../src/Dialog/Dialog.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { Dialog } from \"./Dialog.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { DropdownMenu } from \"~/DropdownMenu/index.js\";\nimport { ReactComponent as NotificationIcon } from \"@webiny/icons/notifications_active.svg\";\nimport { Tabs } from \"~/Tabs/index.js\";\nimport { IconPicker } from \"~/IconPicker/index.js\";\n\nlibrary.add(fas);\n\nconst meta: Meta<typeof Dialog> = {\n    title: \"Components/Dialog\",\n    component: Dialog,\n    argTypes: {}\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Dialog>;\n\nexport const Default: Story = {\n    args: {\n        size: \"md\",\n        trigger: <Button variant=\"primary\" text={\"Open\"} />,\n        title: \"Dialog Title\",\n        description: \"A short dialog description.\",\n        info: (\n            <>\n                Learn more about this <a href={\"#\"}>here</a>.\n            </>\n        ),\n        children: (\n            <>\n                The amazing, splendid, and most useful umbrella, resistant to rain and friendly to\n                winds, is something that deserves all admiration. Crafted with perfect textures, it\n                bravely withstands storms and gently shades the rays of the sun. A remarkable\n                innovation, with an ergonomically designed grip most suited to the hand, it remains\n                stable even in the fiercest weather.\n            </>\n        ),\n        onOpenChange: opened => {\n            console.log(`Dialog is ${opened ? \"opened\" : \"closed\"}.`);\n        },\n        actions: (\n            <>\n                <Dialog.CancelAction />\n                <Dialog.ConfirmAction />\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const SizeSmall: Story = {\n    args: {\n        ...Default.args,\n        size: \"sm\"\n    }\n};\n\nexport const SizeMedium: Story = {\n    args: {\n        ...Default.args,\n        size: \"md\"\n    }\n};\n\nexport const SizeLarge: Story = {\n    args: {\n        ...Default.args,\n        size: \"lg\"\n    }\n};\n\nexport const SizeExtraLarge: Story = {\n    args: {\n        ...Default.args,\n        size: \"xl\"\n    }\n};\n\nexport const SizeFullScreen: Story = {\n    args: {\n        ...Default.args,\n        size: \"full\"\n    }\n};\n\nexport const ControlledVisibility: Story = {\n    render: props => {\n        const [open, setOpen] = React.useState(false);\n\n        return (\n            <>\n                <Button variant=\"primary\" text={\"Open\"} onClick={() => setOpen(true)} />\n                <Dialog\n                    {...props}\n                    open={open}\n                    onOpenChange={open => {\n                        if (!open) {\n                            setOpen(false);\n                        }\n                    }}\n                />\n            </>\n        );\n    },\n    args: { ...Default.args, trigger: null }\n};\n\nexport const WithOpenCloseEventHandler: Story = {\n    args: {\n        ...Default.args,\n        onClose: () => {\n            console.log(\"onClose triggered\");\n        },\n        onOpen: () => {\n            console.log(\"onOpen triggered\");\n        }\n    }\n};\n\nexport const WithDropdownMenu: Story = {\n    render: props => {\n        const [open, setOpen] = React.useState(false);\n\n        return (\n            <>\n                <DropdownMenu trigger={<Button variant=\"primary\" text={\"Open\"} />}>\n                    <DropdownMenu.Item\n                        text={\"Open Dialog\"}\n                        content={\"Open Dialog\"}\n                        onClick={() => setOpen(true)}\n                    />\n                </DropdownMenu>\n\n                <Dialog {...props} open={open} onOpenChange={() => setOpen(false)} />\n            </>\n        );\n    },\n    args: { ...Default.args, trigger: null }\n};\n\nexport const WithoutCloseButton: Story = {\n    args: { ...Default.args, showCloseButton: false }\n};\n\nexport const AlertDialog: Story = {\n    args: {\n        ...Default.args,\n        info: null,\n        showCloseButton: false,\n        title: \"Confirm Action\",\n        description: \"Are you sure you want to delete this item?\",\n        children: (\n            <>\n                <p>This action cannot be undone.</p>\n                <p>Deleted items cannot be recovered.</p>\n            </>\n        )\n    }\n};\n\nexport const DropdownMenuInDialog: Story = {\n    args: {\n        ...Default.args,\n        children: (\n            <>\n                <DropdownMenu trigger={<Button variant=\"primary\" text={\"Open\"} />}>\n                    <DropdownMenu.Item text={\"Billing\"} />\n                    <DropdownMenu.Item text={\"Settings\"} />\n                    <DropdownMenu.Item text={\"Keyboard shortcuts\"} />\n                </DropdownMenu>\n            </>\n        )\n    }\n};\n\nexport const DropdownIconPickerInDialog: Story = {\n    args: {\n        ...Default.args\n    },\n    render: args => {\n        const [value, setValue] = useState(\"\");\n        return (\n            <Dialog {...args}>\n                <IconPicker\n                    icons={[\n                        { prefix: \"fas\", name: \"trash-restore-alt\" },\n                        { prefix: \"fas\", name: \"trash-can-arrow-up\" },\n                        { prefix: \"fas\", name: \"naira-sign\" },\n                        { prefix: \"fas\", name: \"cart-arrow-down\" },\n                        { prefix: \"fas\", name: \"walkie-talkie\" },\n                        { prefix: \"fas\", name: \"file-edit\" },\n                        { prefix: \"fas\", name: \"file-pen\" },\n                        { prefix: \"fas\", name: \"receipt\" },\n                        { prefix: \"fas\", name: \"pen-square\" },\n                        { prefix: \"fas\", name: \"pencil-square\" },\n                        { prefix: \"fas\", name: \"square-pen\" },\n                        { prefix: \"fas\", name: \"suitcase-rolling\" },\n                        { prefix: \"fas\", name: \"person-circle-exclamation\" },\n                        { prefix: \"fas\", name: \"chevron-down\" },\n                        { prefix: \"fas\", name: \"battery\" },\n                        { prefix: \"fas\", name: \"battery-5\" },\n                        { prefix: \"fas\", name: \"battery-full\" },\n                        { prefix: \"fas\", name: \"skull-crossbones\" },\n                        { prefix: \"fas\", name: \"code-compare\" },\n                        { prefix: \"fas\", name: \"list-dots\" },\n                        { prefix: \"fas\", name: \"list-ul\" },\n                        { prefix: \"fas\", name: \"school-lock\" },\n                        { prefix: \"fas\", name: \"tower-cell\" },\n                        { prefix: \"fas\", name: \"long-arrow-alt-down\" },\n                        { prefix: \"fas\", name: \"down-long\" },\n                        { prefix: \"fas\", name: \"ranking-star\" },\n                        { prefix: \"fas\", name: \"chess-king\" },\n                        { prefix: \"fas\", name: \"person-harassing\" },\n                        { prefix: \"fas\", name: \"brazilian-real-sign\" },\n                        { prefix: \"fas\", name: \"landmark-alt\" }\n                    ]}\n                    value={value}\n                    onChange={value => {\n                        console.log(\"Selected icon:\", value);\n                        setValue(value);\n                    }}\n                />\n            </Dialog>\n        );\n    }\n};\n\nexport const WithIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: <Dialog.Icon icon={<NotificationIcon />} label={\"Title icon\"} />\n    }\n};\n\nexport const PreventOutsideDismiss: Story = {\n    args: {\n        ...Default.args,\n        dismissible: false\n    }\n};\n\nexport const WithTabs: Story = {\n    args: {\n        ...Default.args,\n        bodyPadding: false,\n        children: (\n            <>\n                <Tabs\n                    separator={true}\n                    spacing={\"lg\"}\n                    tabs={[\n                        <Tabs.Tab\n                            key={\"account\"}\n                            value={\"account\"}\n                            trigger={\"Account\"}\n                            content={\"Make changes to your account here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"company\"}\n                            value={\"company\"}\n                            trigger={\"Company\"}\n                            content={\"Make changes to your company info here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"security\"}\n                            value={\"security\"}\n                            trigger={\"Security\"}\n                            content={\"Make changes to your security settings here.\"}\n                        />,\n                        <Tabs.Tab\n                            key={\"development\"}\n                            value={\"development\"}\n                            trigger={\"Development\"}\n                            content={\"Make changes to your development settings here.\"}\n                        />\n                    ]}\n                />\n            </>\n        )\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [open, setOpen] = useState(false);\n\n        return (\n            <>\n                <Button variant=\"primary\" text=\"Open Dialog\" onClick={() => setOpen(true)} />\n\n                <Dialog {...args} open={open} onOpenChange={open => setOpen(open)} />\n            </>\n        );\n    },\n    args: {\n        title: \"Dialog Title\",\n        description: \"A short dialog description.\",\n        showCloseButton: true,\n        dismissible: true,\n        bodyPadding: true,\n        info: (\n            <>\n                Learn more about this <a href={\"#\"}>here</a>.\n            </>\n        ),\n        children: (\n            <>\n                This is the dialog content area. You can place any content here including forms,\n                text, images, or other components.\n            </>\n        ),\n        actions: (\n            <>\n                <Dialog.CancelAction />\n                <Dialog.ConfirmAction />\n            </>\n        )\n    },\n    argTypes: {\n        title: {\n            description: \"Title displayed in the header\",\n            control: \"text\"\n        },\n        description: {\n            description: \"Description displayed below the title\",\n            control: \"text\"\n        },\n        size: {\n            description: \"Controls the size of the dialog\",\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\", \"full\"]\n        },\n        showCloseButton: {\n            description:\n                \"Show close button, please refer to the 'Without Close Button' example below for details.\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        dismissible: {\n            description:\n                \"Allow dialog to be dismissed by clicking outside or pressing Escape, please refer to the 'Prevent Outside Dismiss' example below for details.\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        bodyPadding: {\n            description: \"Add padding to the Dialog body.\",\n            control: \"boolean\",\n            defaultValue: true\n        },\n        info: {\n            description:\n                \"Additional info displayed below the description, please refer to the example below for details.\"\n        },\n        children: {\n            description:\n                \"Content of the dialog, please refer to the 'With Dropdown Menu' and ''With Tabs' example below for details.\"\n        },\n        actions: {\n            description:\n                \"Actions displayed in the footer, please refer to the code example for details.\"\n        }\n    }\n};\n"],"names":["library","fas","meta","Dialog","Default","Button","opened","console","SizeSmall","SizeMedium","SizeLarge","SizeExtraLarge","SizeFullScreen","ControlledVisibility","props","open","setOpen","React","WithOpenCloseEventHandler","WithDropdownMenu","DropdownMenu","WithoutCloseButton","AlertDialog","DropdownMenuInDialog","DropdownIconPickerInDialog","args","value","setValue","useState","IconPicker","WithIcon","NotificationIcon","PreventOutsideDismiss","WithTabs","Tabs","Documentation"],"mappings":"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"}

package/Dialog/components/CancelAction.d.ts

@@ -1,21 +1,23 @@
 import * as React from "react";
 import type { ButtonProps } from "../../Button/index.js";
-export declare const CancelAction: ((props: ButtonProps) => React.JSX.Element) & {
-    original: (props: ButtonProps) => React.JSX.Element;
+declare const CancelActionBase: (props: ButtonProps) => React.JSX.Element;
+export declare const CancelAction: typeof CancelActionBase & {
+    original: typeof CancelActionBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    original: typeof CancelActionBase & {
+        original: typeof CancelActionBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof CancelActionBase & {
+        original: typeof CancelActionBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+export {};

package/Dialog/components/ConfirmAction.d.ts

@@ -1,21 +1,23 @@
 import * as React from "react";
 import type { ButtonProps } from "../../Button/index.js";
-export declare const ConfirmAction: ((props: ButtonProps) => React.JSX.Element) & {
-    original: (props: ButtonProps) => React.JSX.Element;
+declare const ConfirmActionBase: (props: ButtonProps) => React.JSX.Element;
+export declare const ConfirmAction: typeof ConfirmActionBase & {
+    original: typeof ConfirmActionBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    original: typeof ConfirmActionBase & {
+        original: typeof ConfirmActionBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof ConfirmActionBase & {
+        original: typeof ConfirmActionBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+export {};

package/Dialog/components/DialogContent.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { Dialog as DialogPrimitive } from "radix-ui";
 import { type VariantProps } from "../../utils.js";
 declare const dialogContentVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
+    size?: "full" | "lg" | "md" | "sm" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof dialogContentVariants> {
     dismissible?: boolean;

package/Dialog/components/DialogFooter.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "../../utils.js";
 declare const dialogFooterVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
+    size?: "full" | "lg" | "md" | "sm" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogFooterVariants> {
     actions?: React.ReactNode;

package/Dialog/components/DialogTitle.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { Dialog as DialogPrimitive } from "radix-ui";
 import { type VariantProps } from "../../utils.js";
 declare const dialogTitleVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
+    size?: "full" | "lg" | "md" | "sm" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> & VariantProps<typeof dialogTitleVariants>;
 export declare const DialogTitle: ({ className, size, ...props }: DialogTitleProps) => React.JSX.Element;

package/Dialog/components/Icon.d.ts

@@ -1,21 +1,22 @@
 import * as React from "react";
 import type { IconProps as IconComponentProps } from "../../Icon/index.js";
 type IconProps = IconComponentProps;
-export declare const Icon: ((props: IconProps) => React.JSX.Element) & {
-    original: (props: IconProps) => React.JSX.Element;
+declare const IconBase: (props: IconProps) => React.JSX.Element;
+export declare const Icon: typeof IconBase & {
+    original: typeof IconBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: IconProps) => React.JSX.Element) & {
-        original: (props: IconProps) => React.JSX.Element;
+    original: typeof IconBase & {
+        original: typeof IconBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<((props: IconProps) => React.JSX.Element) & {
-        original: (props: IconProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof IconBase & {
+        original: typeof IconBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/DragCursor/DragCursor.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface DragCursorProps {
+    label: string;
+    icon?: React.ReactNode;
+    isOverSlot?: boolean;
+}
+export declare const DragCursor: ({ label, icon, isOverSlot }: DragCursorProps) => React.JSX.Element;

package/DragCursor/DragCursor.js

@@ -0,0 +1,21 @@
+import react from "react";
+import { Icon } from "../Icon/index.js";
+const DragCursor = ({ label, icon, isOverSlot = false })=>{
+    const containerClass = isOverSlot ? "flex items-center gap-xs px-sm rounded-md border-2 border-accent-default bg-primary-subtle shadow-lg" : "flex items-center gap-xs px-sm rounded-md border-2 border-dotted border-accent-default bg-neutral-subtle shadow-lg";
+    return /*#__PURE__*/ react.createElement("div", {
+        className: containerClass,
+        style: {
+            height: 28
+        }
+    }, icon && /*#__PURE__*/ react.createElement(Icon, {
+        icon: icon,
+        label: label,
+        color: "neutral-strong",
+        size: "sm"
+    }), /*#__PURE__*/ react.createElement("span", {
+        className: "text-sm font-medium whitespace-nowrap text-neutral-primary"
+    }, label));
+};
+export { DragCursor };
+
+//# sourceMappingURL=DragCursor.js.map

package/DragCursor/DragCursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragCursor/DragCursor.js","sources":["../../src/DragCursor/DragCursor.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"~/Icon/index.js\";\n\nexport interface DragCursorProps {\n    label: string;\n    icon?: React.ReactNode;\n    isOverSlot?: boolean;\n}\n\nexport const DragCursor = ({ label, icon, isOverSlot = false }: DragCursorProps) => {\n    const containerClass = isOverSlot\n        ? \"flex items-center gap-xs px-sm rounded-md border-2 border-accent-default bg-primary-subtle shadow-lg\"\n        : \"flex items-center gap-xs px-sm rounded-md border-2 border-dotted border-accent-default bg-neutral-subtle shadow-lg\";\n\n    return (\n        <div className={containerClass} style={{ height: 28 }}>\n            {icon && <Icon icon={icon} label={label} color={\"neutral-strong\"} size={\"sm\"} />}\n            <span className={\"text-sm font-medium whitespace-nowrap text-neutral-primary\"}>\n                {label}\n            </span>\n        </div>\n    );\n};\n"],"names":["DragCursor","label","icon","isOverSlot","containerClass","Icon"],"mappings":";;AASO,MAAMA,aAAa,CAAC,EAAEC,KAAK,EAAEC,IAAI,EAAEC,aAAa,KAAK,EAAmB;IAC3E,MAAMC,iBAAiBD,aACjB,yGACA;IAEN,OAAO,WAAP,GACI,oBAAC;QAAI,WAAWC;QAAgB,OAAO;YAAE,QAAQ;QAAG;OAC/CF,QAAQ,WAARA,GAAQ,oBAACG,MAAIA;QAAC,MAAMH;QAAM,OAAOD;QAAO,OAAO;QAAkB,MAAM;sBACxE,oBAAC;QAAK,WAAW;OACZA;AAIjB"}

package/DragCursor/DragCursor.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { DragCursor } from "./DragCursor.js";
+declare const meta: Meta<typeof DragCursor>;
+export default meta;
+type Story = StoryObj<typeof DragCursor>;
+export declare const OnDrag: Story;
+export declare const OnSlot: Story;
+export declare const NoIcon: Story;
+export declare const NoIconOnSlot: Story;
+export declare const AllVariants: Story;