@webiny/admin-ui 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/DatePicker/utils/dateHelpers.d.ts

@@ -0,0 +1,24 @@
+export declare function formatDateForDisplay(value: Date | string | number | {
+    from?: string;
+    to?: string;
+} | Date[] | string[] | number[] | undefined, type: string, displayFormat?: string): string | undefined;
+export declare function defaultYearRange(centerYear?: number): [number, number];
+export declare function formatMonthValue(year: number, month: number): string;
+export declare function parseMonthValue(value: string): {
+    year: number;
+    month: number;
+} | undefined;
+export declare function formatTimeValue(date: Date): string;
+export declare function parseTimeValue(time: string): {
+    hours: number;
+    minutes: number;
+} | undefined;
+export declare function toIsoWithTz(date: Date, timezone?: string): string;
+export declare function getLocalTimezone(): string;
+export declare function extractTimezone(isoString: string): string | undefined;
+export declare function toLocalNaive(isoString: string): Date;
+export declare function formatWeekValue(date: Date): string;
+export declare function parseWeekValue(value: string): {
+    year: number;
+    week: number;
+} | undefined;

package/DatePicker/utils/dateHelpers.js

@@ -0,0 +1,184 @@
+import { format, getISOWeek, getISOWeekYear, startOfISOWeek, endOfISOWeek } from "date-fns";
+import { DEFAULT_YEAR_RANGE_SIZE, MONTH_NAMES_SHORT } from "./constants.js";
+export function formatDateForDisplay(value, type, displayFormat) {
+  if (value === undefined || value === null) {
+    return undefined;
+  }
+  switch (type) {
+    case "date":
+      return format(new Date(value), displayFormat ?? "PPP");
+    case "time":
+      return value;
+    case "dateTimeLocal":
+      return format(new Date(value), displayFormat ?? "PPP p");
+    case "dateTimeTz":
+      {
+        if (!value) {
+          return undefined;
+        }
+        const isoStr = value;
+        const tzMatch = isoStr.match(/([+-]\d{2}:\d{2})$/);
+        const tz = tzMatch ? `UTC${tzMatch[1]}` : "";
+        const dateWithoutTz = isoStr.replace(/[+-]\d{2}:\d{2}$/, "");
+        const parts = dateWithoutTz.split("T");
+        if (parts.length < 2) {
+          return isoStr;
+        }
+        const datePart = new Date(parts[0] + "T00:00:00");
+        const timeParts = parts[1].split(":");
+        const hours = Number(timeParts[0]);
+        const minutes = timeParts[1] ?? "00";
+        const ampm = hours >= 12 ? "PM" : "AM";
+        const h12 = hours % 12 || 12;
+        if (displayFormat) {
+          return `${format(datePart, displayFormat)} ${h12}:${minutes} ${ampm} (${tz})`;
+        }
+        return `${format(datePart, "PPP")} ${h12}:${minutes} ${ampm} (${tz})`;
+      }
+    case "month":
+      {
+        if (displayFormat) {
+          const parsed = parseMonthValue(value);
+          if (!parsed) {
+            return undefined;
+          }
+          return format(new Date(parsed.year, parsed.month), displayFormat);
+        }
+        const parsed = parseMonthValue(value);
+        if (!parsed) {
+          return undefined;
+        }
+        return `${MONTH_NAMES_SHORT[parsed.month]} ${parsed.year}`;
+      }
+    case "week":
+      {
+        const parsed = parseWeekValue(value);
+        if (!parsed) {
+          return undefined;
+        }
+        const weekStart = startOfISOWeek(new Date(parsed.year, 0, 4 + (parsed.week - 1) * 7));
+        const weekEnd = endOfISOWeek(weekStart);
+        if (displayFormat) {
+          return `${format(weekStart, displayFormat)} – ${format(weekEnd, displayFormat)}`;
+        }
+        return `Week ${parsed.week}, ${format(weekStart, "MMM d")} – ${format(weekEnd, "MMM d, yyyy")}`;
+      }
+    case "year":
+      return String(value);
+    case "dateRange":
+      {
+        const range = value;
+        const fmt = displayFormat ?? "PPP";
+        if (!range.from) {
+          return undefined;
+        }
+        if (!range.to) {
+          return format(new Date(range.from), fmt);
+        }
+        return `${format(new Date(range.from), fmt)} – ${format(new Date(range.to), fmt)}`;
+      }
+    case "multipleDates":
+      {
+        const dates = value;
+        if (dates.length === 0) {
+          return undefined;
+        }
+        return `${dates.length} date${dates.length > 1 ? "s" : ""} selected`;
+      }
+    case "multipleMonths":
+      {
+        const months = value;
+        if (months.length === 0) {
+          return undefined;
+        }
+        return `${months.length} month${months.length > 1 ? "s" : ""} selected`;
+      }
+    case "multipleYears":
+      {
+        const years = value;
+        if (years.length === 0) {
+          return undefined;
+        }
+        return `${years.length} year${years.length > 1 ? "s" : ""} selected`;
+      }
+    default:
+      return undefined;
+  }
+}
+export function defaultYearRange(centerYear) {
+  const center = centerYear ?? new Date().getFullYear();
+  const half = Math.floor(DEFAULT_YEAR_RANGE_SIZE / 2);
+  return [center - half, center + half - 1];
+}
+export function formatMonthValue(year, month) {
+  return `${year}-${String(month + 1).padStart(2, "0")}`;
+}
+export function parseMonthValue(value) {
+  const match = value.match(/^(\d{4})-(\d{2})$/);
+  if (!match) {
+    return undefined;
+  }
+  return {
+    year: Number(match[1]),
+    month: Number(match[2]) - 1
+  };
+}
+export function formatTimeValue(date) {
+  return format(date, "HH:mm");
+}
+export function parseTimeValue(time) {
+  const match = time.match(/^(\d{2}):(\d{2})$/);
+  if (!match) {
+    return undefined;
+  }
+  return {
+    hours: Number(match[1]),
+    minutes: Number(match[2])
+  };
+}
+export function toIsoWithTz(date, timezone) {
+  if (timezone) {
+    return format(date, "yyyy-MM-dd'T'HH:mm:ss") + timezone;
+  }
+  const offset = -date.getTimezoneOffset();
+  const sign = offset >= 0 ? "+" : "-";
+  const absOffset = Math.abs(offset);
+  const hours = String(Math.floor(absOffset / 60)).padStart(2, "0");
+  const minutes = String(absOffset % 60).padStart(2, "0");
+  return format(date, "yyyy-MM-dd'T'HH:mm:ss") + `${sign}${hours}:${minutes}`;
+}
+export function getLocalTimezone() {
+  const offset = -new Date().getTimezoneOffset();
+  const sign = offset >= 0 ? "+" : "-";
+  const absOffset = Math.abs(offset);
+  const hours = String(Math.floor(absOffset / 60)).padStart(2, "0");
+  const minutes = String(absOffset % 60).padStart(2, "0");
+  return `${sign}${hours}:${minutes}`;
+}
+export function extractTimezone(isoString) {
+  const match = isoString.match(/([+-]\d{2}:\d{2})$/);
+  if (match) {
+    return match[1];
+  }
+  return undefined;
+}
+export function toLocalNaive(isoString) {
+  return new Date(isoString);
+}
+export function formatWeekValue(date) {
+  const week = getISOWeek(date);
+  const year = getISOWeekYear(date);
+  return `${year}-W${String(week).padStart(2, "0")}`;
+}
+export function parseWeekValue(value) {
+  const match = value.match(/^(\d{4})-W(\d{2})$/);
+  if (!match) {
+    return undefined;
+  }
+  return {
+    year: Number(match[1]),
+    week: Number(match[2])
+  };
+}
+
+//# sourceMappingURL=dateHelpers.js.map

package/DatePicker/utils/dateHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["format","getISOWeek","getISOWeekYear","startOfISOWeek","endOfISOWeek","DEFAULT_YEAR_RANGE_SIZE","MONTH_NAMES_SHORT","formatDateForDisplay","value","type","displayFormat","undefined","Date","isoStr","tzMatch","match","tz","dateWithoutTz","replace","parts","split","length","datePart","timeParts","hours","Number","minutes","ampm","h12","parsed","parseMonthValue","year","month","parseWeekValue","weekStart","week","weekEnd","String","range","fmt","from","to","dates","months","years","defaultYearRange","centerYear","center","getFullYear","half","Math","floor","formatMonthValue","padStart","formatTimeValue","date","parseTimeValue","time","toIsoWithTz","timezone","offset","getTimezoneOffset","sign","absOffset","abs","getLocalTimezone","extractTimezone","isoString","toLocalNaive","formatWeekValue"],"sources":["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"],"mappings":"AAAA,SAASA,MAAM,EAAEC,UAAU,EAAEC,cAAc,EAAEC,cAAc,EAAEC,YAAY,QAAQ,UAAU;AAC3F,SAASC,uBAAuB,EAAEC,iBAAiB;AAEnD,OAAO,SAASC,oBAAoBA,CAChCC,KAQe,EACfC,IAAY,EACZC,aAAsB,EACJ;EAClB,IAAIF,KAAK,KAAKG,SAAS,IAAIH,KAAK,KAAK,IAAI,EAAE;IACvC,OAAOG,SAAS;EACpB;EAEA,QAAQF,IAAI;IACR,KAAK,MAAM;MACP,OAAOT,MAAM,CAAC,IAAIY,IAAI,CAACJ,KAAe,CAAC,EAAEE,aAAa,IAAI,KAAK,CAAC;IACpE,KAAK,MAAM;MACP,OAAOF,KAAK;IAChB,KAAK,eAAe;MAChB,OAAOR,MAAM,CAAC,IAAIY,IAAI,CAACJ,KAAe,CAAC,EAAEE,aAAa,IAAI,OAAO,CAAC;IACtE,KAAK,YAAY;MAAE;QACf,IAAI,CAACF,KAAK,EAAE;UACR,OAAOG,SAAS;QACpB;QACA,MAAME,MAAM,GAAGL,KAAe;QAC9B,MAAMM,OAAO,GAAGD,MAAM,CAACE,KAAK,CAAC,oBAAoB,CAAC;QAClD,MAAMC,EAAE,GAAGF,OAAO,GAAG,MAAMA,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE;QAC5C,MAAMG,aAAa,GAAGJ,MAAM,CAACK,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC;QAC5D,MAAMC,KAAK,GAAGF,aAAa,CAACG,KAAK,CAAC,GAAG,CAAC;QACtC,IAAID,KAAK,CAACE,MAAM,GAAG,CAAC,EAAE;UAClB,OAAOR,MAAM;QACjB;QACA,MAAMS,QAAQ,GAAG,IAAIV,IAAI,CAACO,KAAK,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC;QACjD,MAAMI,SAAS,GAAGJ,KAAK,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;QACrC,MAAMI,KAAK,GAAGC,MAAM,CAACF,SAAS,CAAC,CAAC,CAAC,CAAC;QAClC,MAAMG,OAAO,GAAGH,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI;QACpC,MAAMI,IAAI,GAAGH,KAAK,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI;QACtC,MAAMI,GAAG,GAAGJ,KAAK,GAAG,EAAE,IAAI,EAAE;QAC5B,IAAId,aAAa,EAAE;UACf,OAAO,GAAGV,MAAM,CAACsB,QAAQ,EAAEZ,aAAa,CAAC,IAAIkB,GAAG,IAAIF,OAAO,IAAIC,IAAI,KAAKX,EAAE,GAAG;QACjF;QACA,OAAO,GAAGhB,MAAM,CAACsB,QAAQ,EAAE,KAAK,CAAC,IAAIM,GAAG,IAAIF,OAAO,IAAIC,IAAI,KAAKX,EAAE,GAAG;MACzE;IACA,KAAK,OAAO;MAAE;QACV,IAAIN,aAAa,EAAE;UACf,MAAMmB,MAAM,GAAGC,eAAe,CAACtB,KAAe,CAAC;UAC/C,IAAI,CAACqB,MAAM,EAAE;YACT,OAAOlB,SAAS;UACpB;UACA,OAAOX,MAAM,CAAC,IAAIY,IAAI,CAACiB,MAAM,CAACE,IAAI,EAAEF,MAAM,CAACG,KAAK,CAAC,EAAEtB,aAAa,CAAC;QACrE;QACA,MAAMmB,MAAM,GAAGC,eAAe,CAACtB,KAAe,CAAC;QAC/C,IAAI,CAACqB,MAAM,EAAE;UACT,OAAOlB,SAAS;QACpB;QACA,OAAO,GAAGL,iBAAiB,CAACuB,MAAM,CAACG,KAAK,CAAC,IAAIH,MAAM,CAACE,IAAI,EAAE;MAC9D;IACA,KAAK,MAAM;MAAE;QACT,MAAMF,MAAM,GAAGI,cAAc,CAACzB,KAAe,CAAC;QAC9C,IAAI,CAACqB,MAAM,EAAE;UACT,OAAOlB,SAAS;QACpB;QACA,MAAMuB,SAAS,GAAG/B,cAAc,CAAC,IAAIS,IAAI,CAACiB,MAAM,CAACE,IAAI,EAAE,CAAC,EAAE,CAAC,GAAG,CAACF,MAAM,CAACM,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;QACrF,MAAMC,OAAO,GAAGhC,YAAY,CAAC8B,SAAS,CAAC;QACvC,IAAIxB,aAAa,EAAE;UACf,OAAO,GAAGV,MAAM,CAACkC,SAAS,EAAExB,aAAa,CAAC,MAAMV,MAAM,CAACoC,OAAO,EAAE1B,aAAa,CAAC,EAAE;QACpF;QACA,OAAO,QAAQmB,MAAM,CAACM,IAAI,KAAKnC,MAAM,CAACkC,SAAS,EAAE,OAAO,CAAC,MAAMlC,MAAM,CAACoC,OAAO,EAAE,aAAa,CAAC,EAAE;MACnG;IACA,KAAK,MAAM;MACP,OAAOC,MAAM,CAAC7B,KAAK,CAAC;IACxB,KAAK,WAAW;MAAE;QACd,MAAM8B,KAAK,GAAG9B,KAAuC;QACrD,MAAM+B,GAAG,GAAG7B,aAAa,IAAI,KAAK;QAClC,IAAI,CAAC4B,KAAK,CAACE,IAAI,EAAE;UACb,OAAO7B,SAAS;QACpB;QACA,IAAI,CAAC2B,KAAK,CAACG,EAAE,EAAE;UACX,OAAOzC,MAAM,CAAC,IAAIY,IAAI,CAAC0B,KAAK,CAACE,IAAI,CAAC,EAAED,GAAG,CAAC;QAC5C;QACA,OAAO,GAAGvC,MAAM,CAAC,IAAIY,IAAI,CAAC0B,KAAK,CAACE,IAAI,CAAC,EAAED,GAAG,CAAC,MAAMvC,MAAM,CAAC,IAAIY,IAAI,CAAC0B,KAAK,CAACG,EAAE,CAAC,EAAEF,GAAG,CAAC,EAAE;MACtF;IACA,KAAK,eAAe;MAAE;QAClB,MAAMG,KAAK,GAAGlC,KAAiB;QAC/B,IAAIkC,KAAK,CAACrB,MAAM,KAAK,CAAC,EAAE;UACpB,OAAOV,SAAS;QACpB;QACA,OAAO,GAAG+B,KAAK,CAACrB,MAAM,QAAQqB,KAAK,CAACrB,MAAM,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,WAAW;MACxE;IACA,KAAK,gBAAgB;MAAE;QACnB,MAAMsB,MAAM,GAAGnC,KAAiB;QAChC,IAAImC,MAAM,CAACtB,MAAM,KAAK,CAAC,EAAE;UACrB,OAAOV,SAAS;QACpB;QACA,OAAO,GAAGgC,MAAM,CAACtB,MAAM,SAASsB,MAAM,CAACtB,MAAM,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,WAAW;MAC3E;IACA,KAAK,eAAe;MAAE;QAClB,MAAMuB,KAAK,GAAGpC,KAAiB;QAC/B,IAAIoC,KAAK,CAACvB,MAAM,KAAK,CAAC,EAAE;UACpB,OAAOV,SAAS;QACpB;QACA,OAAO,GAAGiC,KAAK,CAACvB,MAAM,QAAQuB,KAAK,CAACvB,MAAM,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,WAAW;MACxE;IACA;MACI,OAAOV,SAAS;EACxB;AACJ;AAEA,OAAO,SAASkC,gBAAgBA,CAACC,UAAmB,EAAoB;EACpE,MAAMC,MAAM,GAAGD,UAAU,IAAI,IAAIlC,IAAI,CAAC,CAAC,CAACoC,WAAW,CAAC,CAAC;EACrD,MAAMC,IAAI,GAAGC,IAAI,CAACC,KAAK,CAAC9C,uBAAuB,GAAG,CAAC,CAAC;EACpD,OAAO,CAAC0C,MAAM,GAAGE,IAAI,EAAEF,MAAM,GAAGE,IAAI,GAAG,CAAC,CAAC;AAC7C;AAEA,OAAO,SAASG,gBAAgBA,CAACrB,IAAY,EAAEC,KAAa,EAAU;EAClE,OAAO,GAAGD,IAAI,IAAIM,MAAM,CAACL,KAAK,GAAG,CAAC,CAAC,CAACqB,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;AAC1D;AAEA,OAAO,SAASvB,eAAeA,CAACtB,KAAa,EAA+C;EACxF,MAAMO,KAAK,GAAGP,KAAK,CAACO,KAAK,CAAC,mBAAmB,CAAC;EAC9C,IAAI,CAACA,KAAK,EAAE;IACR,OAAOJ,SAAS;EACpB;EACA,OAAO;IAAEoB,IAAI,EAAEN,MAAM,CAACV,KAAK,CAAC,CAAC,CAAC,CAAC;IAAEiB,KAAK,EAAEP,MAAM,CAACV,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG;EAAE,CAAC;AAClE;AAEA,OAAO,SAASuC,eAAeA,CAACC,IAAU,EAAU;EAChD,OAAOvD,MAAM,CAACuD,IAAI,EAAE,OAAO,CAAC;AAChC;AAEA,OAAO,SAASC,cAAcA,CAACC,IAAY,EAAkD;EACzF,MAAM1C,KAAK,GAAG0C,IAAI,CAAC1C,KAAK,CAAC,mBAAmB,CAAC;EAC7C,IAAI,CAACA,KAAK,EAAE;IACR,OAAOJ,SAAS;EACpB;EACA,OAAO;IAAEa,KAAK,EAAEC,MAAM,CAACV,KAAK,CAAC,CAAC,CAAC,CAAC;IAAEW,OAAO,EAAED,MAAM,CAACV,KAAK,CAAC,CAAC,CAAC;EAAE,CAAC;AACjE;AAEA,OAAO,SAAS2C,WAAWA,CAACH,IAAU,EAAEI,QAAiB,EAAU;EAC/D,IAAIA,QAAQ,EAAE;IACV,OAAO3D,MAAM,CAACuD,IAAI,EAAE,uBAAuB,CAAC,GAAGI,QAAQ;EAC3D;EACA,MAAMC,MAAM,GAAG,CAACL,IAAI,CAACM,iBAAiB,CAAC,CAAC;EACxC,MAAMC,IAAI,GAAGF,MAAM,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG;EACpC,MAAMG,SAAS,GAAGb,IAAI,CAACc,GAAG,CAACJ,MAAM,CAAC;EAClC,MAAMpC,KAAK,GAAGa,MAAM,CAACa,IAAI,CAACC,KAAK,CAACY,SAAS,GAAG,EAAE,CAAC,CAAC,CAACV,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EACjE,MAAM3B,OAAO,GAAGW,MAAM,CAAC0B,SAAS,GAAG,EAAE,CAAC,CAACV,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EACvD,OAAOrD,MAAM,CAACuD,IAAI,EAAE,uBAAuB,CAAC,GAAG,GAAGO,IAAI,GAAGtC,KAAK,IAAIE,OAAO,EAAE;AAC/E;AAEA,OAAO,SAASuC,gBAAgBA,CAAA,EAAW;EACvC,MAAML,MAAM,GAAG,CAAC,IAAIhD,IAAI,CAAC,CAAC,CAACiD,iBAAiB,CAAC,CAAC;EAC9C,MAAMC,IAAI,GAAGF,MAAM,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG;EACpC,MAAMG,SAAS,GAAGb,IAAI,CAACc,GAAG,CAACJ,MAAM,CAAC;EAClC,MAAMpC,KAAK,GAAGa,MAAM,CAACa,IAAI,CAACC,KAAK,CAACY,SAAS,GAAG,EAAE,CAAC,CAAC,CAACV,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EACjE,MAAM3B,OAAO,GAAGW,MAAM,CAAC0B,SAAS,GAAG,EAAE,CAAC,CAACV,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EACvD,OAAO,GAAGS,IAAI,GAAGtC,KAAK,IAAIE,OAAO,EAAE;AACvC;AAEA,OAAO,SAASwC,eAAeA,CAACC,SAAiB,EAAsB;EACnE,MAAMpD,KAAK,GAAGoD,SAAS,CAACpD,KAAK,CAAC,oBAAoB,CAAC;EACnD,IAAIA,KAAK,EAAE;IACP,OAAOA,KAAK,CAAC,CAAC,CAAC;EACnB;EACA,OAAOJ,SAAS;AACpB;AAEA,OAAO,SAASyD,YAAYA,CAACD,SAAiB,EAAQ;EAClD,OAAO,IAAIvD,IAAI,CAACuD,SAAS,CAAC;AAC9B;AAEA,OAAO,SAASE,eAAeA,CAACd,IAAU,EAAU;EAChD,MAAMpB,IAAI,GAAGlC,UAAU,CAACsD,IAAI,CAAC;EAC7B,MAAMxB,IAAI,GAAG7B,cAAc,CAACqD,IAAI,CAAC;EACjC,OAAO,GAAGxB,IAAI,KAAKM,MAAM,CAACF,IAAI,CAAC,CAACkB,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;AACtD;AAEA,OAAO,SAASpB,cAAcA,CAACzB,KAAa,EAA8C;EACtF,MAAMO,KAAK,GAAGP,KAAK,CAACO,KAAK,CAAC,oBAAoB,CAAC;EAC/C,IAAI,CAACA,KAAK,EAAE;IACR,OAAOJ,SAAS;EACpB;EACA,OAAO;IAAEoB,IAAI,EAAEN,MAAM,CAACV,KAAK,CAAC,CAAC,CAAC,CAAC;IAAEoB,IAAI,EAAEV,MAAM,CAACV,KAAK,CAAC,CAAC,CAAC;EAAE,CAAC;AAC7D","ignoreList":[]}

package/DatePicker/utils/index.d.ts

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

package/DatePicker/utils/index.js

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

package/DatePicker/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./types.js\";\nexport * from \"./dateHelpers.js\";\nexport * from \"./constants.js\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}

package/DatePicker/utils/types.d.ts

@@ -0,0 +1,81 @@
+import type { InputPrimitiveProps } from "../../Input/index.js";
+interface DatePickerPreset {
+    label: string;
+    value: () => Date;
+}
+interface DatePickerBaseProps {
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    size?: InputPrimitiveProps["size"];
+    variant?: InputPrimitiveProps["variant"];
+    invalid?: InputPrimitiveProps["invalid"];
+    yearRange?: [number, number];
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    onOpenChange?: (open: boolean) => void;
+    displayFormat?: string;
+}
+interface DateOnlyPickerProps extends DatePickerBaseProps {
+    type: "date";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+    presets?: DatePickerPreset[];
+}
+interface TimeOnlyPickerProps extends DatePickerBaseProps {
+    type: "time";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
+interface DateTimeLocalPickerProps extends DatePickerBaseProps {
+    type: "dateTimeLocal";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
+interface DateTimeTzPickerProps extends DatePickerBaseProps {
+    type: "dateTimeTz";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
+interface MonthPickerProps extends DatePickerBaseProps {
+    type: "month";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
+interface WeekPickerProps extends DatePickerBaseProps {
+    type: "week";
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
+interface YearPickerProps extends DatePickerBaseProps {
+    type: "year";
+    value?: number;
+    onChange?: (value: number | undefined) => void;
+}
+interface DateRangePickerProps extends DatePickerBaseProps {
+    type: "dateRange";
+    value?: {
+        from?: string;
+        to?: string;
+    };
+    onChange?: (value: {
+        from?: string;
+        to?: string;
+    } | undefined) => void;
+}
+interface MultipleDatesPickerProps extends DatePickerBaseProps {
+    type: "multipleDates";
+    value?: string[];
+    onChange?: (value: string[]) => void;
+}
+interface MultipleMonthsPickerProps extends DatePickerBaseProps {
+    type: "multipleMonths";
+    value?: string[];
+    onChange?: (value: string[]) => void;
+}
+interface MultipleYearsPickerProps extends DatePickerBaseProps {
+    type: "multipleYears";
+    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 };

package/DatePicker/utils/types.js

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

package/DatePicker/utils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { InputPrimitiveProps } from \"~/Input/index.js\";\n\ninterface DatePickerPreset {\n    label: string;\n    value: () => Date;\n}\n\ninterface DatePickerBaseProps {\n    placeholder?: string;\n    disabled?: boolean;\n    className?: string;\n    size?: InputPrimitiveProps[\"size\"];\n    variant?: InputPrimitiveProps[\"variant\"];\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    yearRange?: [number, number];\n    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n    onOpenChange?: (open: boolean) => void;\n    displayFormat?: string;\n}\n\ninterface DateOnlyPickerProps extends DatePickerBaseProps {\n    type: \"date\";\n    value?: string;\n    onChange?: (value: string | undefined) => void;\n    presets?: DatePickerPreset[];\n}\n\ninterface TimeOnlyPickerProps extends DatePickerBaseProps {\n    type: \"time\";\n    value?: string;\n    onChange?: (value: string | undefined) => void;\n}\n\ninterface DateTimeLocalPickerProps extends DatePickerBaseProps {\n    type: \"dateTimeLocal\";\n    value?: string;\n    onChange?: (value: string | undefined) => void;\n}\n\ninterface DateTimeTzPickerProps extends DatePickerBaseProps {\n    type: \"dateTimeTz\";\n    value?: string;\n    onChange?: (value: string | undefined) => void;\n}\n\ninterface MonthPickerProps extends DatePickerBaseProps {\n    type: \"month\";\n    value?: string;\n    onChange?: (value: string | undefined) => void;\n}\n\ninterface WeekPickerProps extends DatePickerBaseProps {\n    type: \"week\";\n    value?: string;\n    onChange?: (value: string | undefined) => void;\n}\n\ninterface YearPickerProps extends DatePickerBaseProps {\n    type: \"year\";\n    value?: number;\n    onChange?: (value: number | undefined) => void;\n}\n\ninterface DateRangePickerProps extends DatePickerBaseProps {\n    type: \"dateRange\";\n    value?: { from?: string; to?: string };\n    onChange?: (value: { from?: string; to?: string } | undefined) => void;\n}\n\ninterface MultipleDatesPickerProps extends DatePickerBaseProps {\n    type: \"multipleDates\";\n    value?: string[];\n    onChange?: (value: string[]) => void;\n}\n\ninterface MultipleMonthsPickerProps extends DatePickerBaseProps {\n    type: \"multipleMonths\";\n    value?: string[];\n    onChange?: (value: string[]) => void;\n}\n\ninterface MultipleYearsPickerProps extends DatePickerBaseProps {\n    type: \"multipleYears\";\n    value?: number[];\n    onChange?: (value: number[]) => void;\n}\n\ntype DatePickerPrimitiveProps =\n    | DateOnlyPickerProps\n    | TimeOnlyPickerProps\n    | DateTimeLocalPickerProps\n    | DateTimeTzPickerProps\n    | MonthPickerProps\n    | WeekPickerProps\n    | YearPickerProps\n    | DateRangePickerProps\n    | MultipleDatesPickerProps\n    | MultipleMonthsPickerProps\n    | MultipleYearsPickerProps;\n\nexport {\n    type DatePickerPreset,\n    type DatePickerBaseProps,\n    type DatePickerPrimitiveProps,\n    type DateOnlyPickerProps,\n    type TimeOnlyPickerProps,\n    type DateTimeLocalPickerProps,\n    type DateTimeTzPickerProps,\n    type MonthPickerProps,\n    type WeekPickerProps,\n    type YearPickerProps,\n    type DateRangePickerProps,\n    type MultipleDatesPickerProps,\n    type MultipleMonthsPickerProps,\n    type MultipleYearsPickerProps\n};\n"],"mappings":"","ignoreList":[]}

package/DelayedOnChange/DelayedOnChange.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef, useState } from "react";
-import isEqual from "lodash/isEqual";
+import isEqual from "lodash/isEqual.js";
 const emptyFunction = () => {
   return undefined;
 };

package/DelayedOnChange/DelayedOnChange.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","isEqual","emptyFunction","undefined","DelayedOnChange","children","other","firstMount","onChange","delay","value","initialValue","setValue","localTimeout","applyValue","current","clearTimeout","onChangeLocal","useCallback","onValueStateChanged","nextValue","setTimeout","newProps","renderProp","child","cloneElement","props","realOnKeyDown","onKeyDown","realOnBlur","onBlur","ev","persist","target","key"],"sources":["DelayedOnChange.ts"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport isEqual from \"lodash/isEqual\";\n\nconst emptyFunction = (): undefined => {\n    return undefined;\n};\n\nexport interface ApplyValueCb<TValue> {\n    (value: TValue): void;\n}\n\n/**\n * This component is used to wrap Input and Textarea components to optimize form re-render.\n * These 2 are the only components that trigger form model change on each character input.\n * This means, whenever you type a letter an entire form re-renders.\n * On complex forms you will feel and see a significant delay if this component is not used.\n *\n * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when\n * a user stops typing for given period of time (400ms by default).\n */\n\nexport interface OnChangeCallable<TValue = any> {\n    (value: TValue, cb?: ApplyValueCb<TValue>): void;\n}\n\ninterface OnBlurCallable {\n    (ev: React.SyntheticEvent): void;\n}\n\ninterface OnKeyDownCallable {\n    (ev: React.KeyboardEvent<HTMLInputElement>): void;\n}\n\ninterface ChildrenCallableParams<TValue> {\n    value: TValue;\n    onChange: OnChangeCallable<TValue>;\n}\n\ninterface ChildrenCallable<TValue> {\n    (params: ChildrenCallableParams<TValue>): React.ReactElement;\n}\n\nexport interface DelayedOnChangeProps<TValue> {\n    value?: TValue;\n    delay?: number;\n    onChange?: OnChangeCallable<TValue>;\n    onBlur?: OnBlurCallable;\n    onKeyDown?: OnKeyDownCallable;\n    children: React.ReactNode | ChildrenCallable<TValue | undefined>;\n}\n\nexport const DelayedOnChange = <TValue = any>({\n    children,\n    ...other\n}: DelayedOnChangeProps<TValue>) => {\n    const firstMount = useRef(true);\n    const { onChange, delay = 400, value: initialValue } = other;\n    const [value, setValue] = useState<TValue | undefined>(initialValue);\n    // Sync state and props\n    useEffect(() => {\n        // Do not update local state, if the incoming value is the same as the local state.\n        // This is primarily an optimization for non-scalar values (objects).\n        if (isEqual(initialValue, value)) {\n            return;\n        }\n\n        setValue(initialValue);\n    }, [initialValue]);\n\n    const localTimeout = React.useRef<number | null>(null);\n\n    const applyValue = (value: TValue | undefined) => {\n        localTimeout.current && clearTimeout(localTimeout.current);\n        localTimeout.current = null;\n        if (!onChange) {\n            return;\n        }\n        onChange(value as NonNullable<TValue>);\n    };\n\n    const onChangeLocal = React.useCallback((value: TValue | undefined) => {\n        setValue(value);\n    }, []);\n\n    // this is fired upon change value state\n    const onValueStateChanged = (nextValue: TValue | undefined) => {\n        // We don't want to execute callbacks, if the value hasn't changed.\n        if (isEqual(nextValue, initialValue)) {\n            return;\n        }\n\n        localTimeout.current && clearTimeout(localTimeout.current);\n        localTimeout.current = null;\n        localTimeout.current = setTimeout(() => applyValue(nextValue), delay) as unknown as number;\n    };\n\n    // need to clear the timeout when unmounting the component\n    useEffect(() => {\n        return () => {\n            if (!localTimeout.current) {\n                return;\n            }\n            clearTimeout(localTimeout.current);\n            localTimeout.current = null;\n        };\n    }, []);\n\n    useEffect(() => {\n        if (firstMount.current) {\n            firstMount.current = false;\n            return;\n        }\n\n        onValueStateChanged(value);\n    }, [value]);\n\n    const newProps = {\n        ...other,\n        value: value,\n        onChange: onChangeLocal\n    };\n\n    const renderProp =\n        typeof children === \"function\" ? (children as ChildrenCallable<TValue | undefined>) : null;\n    const child = renderProp\n        ? renderProp(newProps)\n        : React.cloneElement(children as unknown as React.ReactElement, newProps);\n\n    const props = { ...child.props };\n    const realOnKeyDown = props.onKeyDown || emptyFunction;\n    const realOnBlur = props.onBlur || emptyFunction;\n\n    // Need to apply value if input lost focus\n    const onBlur: OnBlurCallable = ev => {\n        if (!ev[\"persist\"]) {\n            return;\n        }\n        ev.persist();\n        applyValue((ev.target as HTMLInputElement).value as any as TValue);\n        realOnBlur(ev);\n    };\n\n    // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.\n    const onKeyDown: OnKeyDownCallable = ev => {\n        ev.persist();\n        if (ev.key === \"Tab\") {\n            applyValue((ev.target as HTMLInputElement).value as any as TValue);\n            realOnKeyDown(ev);\n        } else if (ev.key === \"Enter\") {\n            applyValue((ev.target as HTMLInputElement).value as any as TValue);\n            realOnKeyDown(ev);\n        } else {\n            realOnKeyDown(ev);\n        }\n    };\n\n    return React.cloneElement(child, { ...props, onBlur, onKeyDown });\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC1D,OAAOC,OAAO,MAAM,gBAAgB;AAEpC,MAAMC,aAAa,GAAGA,CAAA,KAAiB;EACnC,OAAOC,SAAS;AACpB,CAAC;;AAMD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgCA,OAAO,MAAMC,eAAe,GAAGA,CAAe;EAC1CC,QAAQ;EACR,GAAGC;AACuB,CAAC,KAAK;EAChC,MAAMC,UAAU,GAAGR,MAAM,CAAC,IAAI,CAAC;EAC/B,MAAM;IAAES,QAAQ;IAAEC,KAAK,GAAG,GAAG;IAAEC,KAAK,EAAEC;EAAa,CAAC,GAAGL,KAAK;EAC5D,MAAM,CAACI,KAAK,EAAEE,QAAQ,CAAC,GAAGZ,QAAQ,CAAqBW,YAAY,CAAC;EACpE;EACAb,SAAS,CAAC,MAAM;IACZ;IACA;IACA,IAAIG,OAAO,CAACU,YAAY,EAAED,KAAK,CAAC,EAAE;MAC9B;IACJ;IAEAE,QAAQ,CAACD,YAAY,CAAC;EAC1B,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,MAAME,YAAY,GAAGhB,KAAK,CAACE,MAAM,CAAgB,IAAI,CAAC;EAEtD,MAAMe,UAAU,GAAIJ,KAAyB,IAAK;IAC9CG,YAAY,CAACE,OAAO,IAAIC,YAAY,CAACH,YAAY,CAACE,OAAO,CAAC;IAC1DF,YAAY,CAACE,OAAO,GAAG,IAAI;IAC3B,IAAI,CAACP,QAAQ,EAAE;MACX;IACJ;IACAA,QAAQ,CAACE,KAA4B,CAAC;EAC1C,CAAC;EAED,MAAMO,aAAa,GAAGpB,KAAK,CAACqB,WAAW,CAAER,KAAyB,IAAK;IACnEE,QAAQ,CAACF,KAAK,CAAC;EACnB,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAMS,mBAAmB,GAAIC,SAA6B,IAAK;IAC3D;IACA,IAAInB,OAAO,CAACmB,SAAS,EAAET,YAAY,CAAC,EAAE;MAClC;IACJ;IAEAE,YAAY,CAACE,OAAO,IAAIC,YAAY,CAACH,YAAY,CAACE,OAAO,CAAC;IAC1DF,YAAY,CAACE,OAAO,GAAG,IAAI;IAC3BF,YAAY,CAACE,OAAO,GAAGM,UAAU,CAAC,MAAMP,UAAU,CAACM,SAAS,CAAC,EAAEX,KAAK,CAAsB;EAC9F,CAAC;;EAED;EACAX,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACT,IAAI,CAACe,YAAY,CAACE,OAAO,EAAE;QACvB;MACJ;MACAC,YAAY,CAACH,YAAY,CAACE,OAAO,CAAC;MAClCF,YAAY,CAACE,OAAO,GAAG,IAAI;IAC/B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAENjB,SAAS,CAAC,MAAM;IACZ,IAAIS,UAAU,CAACQ,OAAO,EAAE;MACpBR,UAAU,CAACQ,OAAO,GAAG,KAAK;MAC1B;IACJ;IAEAI,mBAAmB,CAACT,KAAK,CAAC;EAC9B,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMY,QAAQ,GAAG;IACb,GAAGhB,KAAK;IACRI,KAAK,EAAEA,KAAK;IACZF,QAAQ,EAAES;EACd,CAAC;EAED,MAAMM,UAAU,GACZ,OAAOlB,QAAQ,KAAK,UAAU,GAAIA,QAAQ,GAA4C,IAAI;EAC9F,MAAMmB,KAAK,GAAGD,UAAU,GAClBA,UAAU,CAACD,QAAQ,CAAC,gBACpBzB,KAAK,CAAC4B,YAAY,CAACpB,QAAQ,EAAmCiB,QAAQ,CAAC;EAE7E,MAAMI,KAAK,GAAG;IAAE,GAAGF,KAAK,CAACE;EAAM,CAAC;EAChC,MAAMC,aAAa,GAAGD,KAAK,CAACE,SAAS,IAAI1B,aAAa;EACtD,MAAM2B,UAAU,GAAGH,KAAK,CAACI,MAAM,IAAI5B,aAAa;;EAEhD;EACA,MAAM4B,MAAsB,GAAGC,EAAE,IAAI;IACjC,IAAI,CAACA,EAAE,CAAC,SAAS,CAAC,EAAE;MAChB;IACJ;IACAA,EAAE,CAACC,OAAO,CAAC,CAAC;IACZlB,UAAU,CAAEiB,EAAE,CAACE,MAAM,CAAsBvB,KAAsB,CAAC;IAClEmB,UAAU,CAACE,EAAE,CAAC;EAClB,CAAC;;EAED;EACA,MAAMH,SAA4B,GAAGG,EAAE,IAAI;IACvCA,EAAE,CAACC,OAAO,CAAC,CAAC;IACZ,IAAID,EAAE,CAACG,GAAG,KAAK,KAAK,EAAE;MAClBpB,UAAU,CAAEiB,EAAE,CAACE,MAAM,CAAsBvB,KAAsB,CAAC;MAClEiB,aAAa,CAACI,EAAE,CAAC;IACrB,CAAC,MAAM,IAAIA,EAAE,CAACG,GAAG,KAAK,OAAO,EAAE;MAC3BpB,UAAU,CAAEiB,EAAE,CAACE,MAAM,CAAsBvB,KAAsB,CAAC;MAClEiB,aAAa,CAACI,EAAE,CAAC;IACrB,CAAC,MAAM;MACHJ,aAAa,CAACI,EAAE,CAAC;IACrB;EACJ,CAAC;EAED,oBAAOlC,KAAK,CAAC4B,YAAY,CAACD,KAAK,EAAE;IAAE,GAAGE,KAAK;IAAEI,MAAM;IAAEF;EAAU,CAAC,CAAC;AACrE,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","useState","isEqual","emptyFunction","undefined","DelayedOnChange","children","other","firstMount","onChange","delay","value","initialValue","setValue","localTimeout","applyValue","current","clearTimeout","onChangeLocal","useCallback","onValueStateChanged","nextValue","setTimeout","newProps","renderProp","child","cloneElement","props","realOnKeyDown","onKeyDown","realOnBlur","onBlur","ev","persist","target","key"],"sources":["DelayedOnChange.ts"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport isEqual from \"lodash/isEqual.js\";\n\nconst emptyFunction = (): undefined => {\n    return undefined;\n};\n\nexport interface ApplyValueCb<TValue> {\n    (value: TValue): void;\n}\n\n/**\n * This component is used to wrap Input and Textarea components to optimize form re-render.\n * These 2 are the only components that trigger form model change on each character input.\n * This means, whenever you type a letter an entire form re-renders.\n * On complex forms you will feel and see a significant delay if this component is not used.\n *\n * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when\n * a user stops typing for given period of time (400ms by default).\n */\n\nexport interface OnChangeCallable<TValue = any> {\n    (value: TValue, cb?: ApplyValueCb<TValue>): void;\n}\n\ninterface OnBlurCallable {\n    (ev: React.SyntheticEvent): void;\n}\n\ninterface OnKeyDownCallable {\n    (ev: React.KeyboardEvent<HTMLInputElement>): void;\n}\n\ninterface ChildrenCallableParams<TValue> {\n    value: TValue;\n    onChange: OnChangeCallable<TValue>;\n}\n\ninterface ChildrenCallable<TValue> {\n    (params: ChildrenCallableParams<TValue>): React.ReactElement;\n}\n\nexport interface DelayedOnChangeProps<TValue> {\n    value?: TValue;\n    delay?: number;\n    onChange?: OnChangeCallable<TValue>;\n    onBlur?: OnBlurCallable;\n    onKeyDown?: OnKeyDownCallable;\n    children: React.ReactNode | ChildrenCallable<TValue | undefined>;\n}\n\nexport const DelayedOnChange = <TValue = any>({\n    children,\n    ...other\n}: DelayedOnChangeProps<TValue>) => {\n    const firstMount = useRef(true);\n    const { onChange, delay = 400, value: initialValue } = other;\n    const [value, setValue] = useState<TValue | undefined>(initialValue);\n    // Sync state and props\n    useEffect(() => {\n        // Do not update local state, if the incoming value is the same as the local state.\n        // This is primarily an optimization for non-scalar values (objects).\n        if (isEqual(initialValue, value)) {\n            return;\n        }\n\n        setValue(initialValue);\n    }, [initialValue]);\n\n    const localTimeout = React.useRef<number | null>(null);\n\n    const applyValue = (value: TValue | undefined) => {\n        localTimeout.current && clearTimeout(localTimeout.current);\n        localTimeout.current = null;\n        if (!onChange) {\n            return;\n        }\n        onChange(value as NonNullable<TValue>);\n    };\n\n    const onChangeLocal = React.useCallback((value: TValue | undefined) => {\n        setValue(value);\n    }, []);\n\n    // this is fired upon change value state\n    const onValueStateChanged = (nextValue: TValue | undefined) => {\n        // We don't want to execute callbacks, if the value hasn't changed.\n        if (isEqual(nextValue, initialValue)) {\n            return;\n        }\n\n        localTimeout.current && clearTimeout(localTimeout.current);\n        localTimeout.current = null;\n        localTimeout.current = setTimeout(() => applyValue(nextValue), delay) as unknown as number;\n    };\n\n    // need to clear the timeout when unmounting the component\n    useEffect(() => {\n        return () => {\n            if (!localTimeout.current) {\n                return;\n            }\n            clearTimeout(localTimeout.current);\n            localTimeout.current = null;\n        };\n    }, []);\n\n    useEffect(() => {\n        if (firstMount.current) {\n            firstMount.current = false;\n            return;\n        }\n\n        onValueStateChanged(value);\n    }, [value]);\n\n    const newProps = {\n        ...other,\n        value: value,\n        onChange: onChangeLocal\n    };\n\n    const renderProp =\n        typeof children === \"function\" ? (children as ChildrenCallable<TValue | undefined>) : null;\n    const child = renderProp\n        ? renderProp(newProps)\n        : React.cloneElement(children as unknown as React.ReactElement, newProps);\n\n    const props = { ...(child.props as DelayedOnChangeProps<TValue>) };\n    const realOnKeyDown = props.onKeyDown || emptyFunction;\n    const realOnBlur = props.onBlur || emptyFunction;\n\n    // Need to apply value if input lost focus\n    const onBlur: OnBlurCallable = ev => {\n        if (!ev[\"persist\"]) {\n            return;\n        }\n        ev.persist();\n        applyValue((ev.target as HTMLInputElement).value as TValue);\n        realOnBlur(ev);\n    };\n\n    // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.\n    const onKeyDown: OnKeyDownCallable = ev => {\n        ev.persist();\n        if (ev.key === \"Tab\") {\n            applyValue((ev.target as HTMLInputElement).value as TValue);\n            realOnKeyDown(ev);\n        } else if (ev.key === \"Enter\") {\n            applyValue((ev.target as HTMLInputElement).value as TValue);\n            realOnKeyDown(ev);\n        } else {\n            realOnKeyDown(ev);\n        }\n    };\n\n    return React.cloneElement(child, { ...props, onBlur, onKeyDown });\n};\n"],"mappings":"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","ignoreList":[]}

package/DelayedOnChange/index.d.ts

@@ -1 +1 @@
-export * from "./DelayedOnChange";
+export * from "./DelayedOnChange.js";

package/DelayedOnChange/index.js

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

package/DelayedOnChange/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./DelayedOnChange\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./DelayedOnChange.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { DialogContent } from "./components/DialogContent";
-import { DialogRoot } from "./components/DialogRoot";
+import { DialogContent } from "./components/DialogContent.js";
+import { DialogRoot } from "./components/DialogRoot.js";
 interface DialogProps extends React.ComponentPropsWithoutRef<typeof DialogRoot>, Omit<React.ComponentPropsWithoutRef<typeof DialogContent>, "title"> {
     trigger?: React.ReactNode;
     title?: React.ReactNode;
@@ -8,10 +8,15 @@ interface DialogProps extends React.ComponentPropsWithoutRef<typeof DialogRoot>,
     showCloseButton?: boolean;
     dismissible?: boolean;
     bodyPadding?: boolean;
+    scrollable?: boolean;
     description?: React.ReactNode;
     children: React.ReactNode;
     actions?: React.ReactNode;
     info?: React.ReactNode;
+    loading?: boolean | {
+        text?: string;
+    };
+    overlay?: React.ReactNode;
     onClose?: () => void;
     onOpen?: () => void;
 }
@@ -40,7 +45,7 @@ declare const Dialog: {
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<{
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<{
         (props: DialogProps): React.JSX.Element;
         displayName: string;
     } & {
@@ -52,62 +57,63 @@ declare const Dialog: {
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    ConfirmButton: ((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
-        original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+    ConfirmAction: ((props: import("../index.js").ButtonProps) => React.JSX.Element) & {
+        original: (props: import("../index.js").ButtonProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: ((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
-            original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+        original: ((props: import("../index.js").ButtonProps) => React.JSX.Element) & {
+            original: (props: import("../index.js").ButtonProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
-            original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("../index.js").ButtonProps) => React.JSX.Element) & {
+            original: (props: import("../index.js").ButtonProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    CancelButton: ((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
-        original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+    CancelAction: ((props: import("../index.js").ButtonProps) => React.JSX.Element) & {
+        original: (props: import("../index.js").ButtonProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: ((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
-            original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+        original: ((props: import("../index.js").ButtonProps) => React.JSX.Element) & {
+            original: (props: import("../index.js").ButtonProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
-            original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("../index.js").ButtonProps) => React.JSX.Element) & {
+            original: (props: import("../index.js").ButtonProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Icon: ((props: import("../Icon/Icon").IconProps) => React.JSX.Element) & {
-        original: (props: import("../Icon/Icon").IconProps) => React.JSX.Element;
+    Icon: ((props: import("../index.js").IconProps) => React.JSX.Element) & {
+        original: (props: import("../index.js").IconProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: ((props: import("../Icon/Icon").IconProps) => React.JSX.Element) & {
-            original: (props: import("../Icon/Icon").IconProps) => React.JSX.Element;
+        original: ((props: import("../index.js").IconProps) => React.JSX.Element) & {
+            original: (props: import("../index.js").IconProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../Icon/Icon").IconProps) => React.JSX.Element) & {
-            original: (props: import("../Icon/Icon").IconProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("../index.js").IconProps) => React.JSX.Element) & {
+            original: (props: import("../index.js").IconProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
+    Close: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 };
 export { Dialog, type DialogProps };