ublo-lib 1.31.43 → 1.32.0

package/es/common/components/editable-calendar/calendar.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classnames from "classnames";
 import Header from "./calendar-header";
@@ -7,120 +8,68 @@ import CalendarCaption from "./calendar-caption";
 import * as Data from "./data";
 import * as Utils from "./utils";
 import css from "./calendar.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function Calendar({
-  lang = "fr",
-  format,
-  className
-}) {
-  const locale = lang || (typeof navigator !== "undefined" && navigator.language) === "fr" ? "fr" : "en";
-  const [presets, setPresets] = React.useState(format.presets);
-  React.useEffect(() => {
-    format.element.dataset.presets = JSON.stringify(presets);
-  }, [format, presets]);
-  const now = new Date();
-  const minDate = now;
-  if (minDate) minDate.setHours(0, 0, 0, 0);
-  const currentMonth = Data.THIS_MONTH;
-  const presetMonth = getMonthFromPresets(presets?.dates);
-  const defaultMonth = currentMonth > presetMonth ? currentMonth : presetMonth;
-  const currentYear = Data.THIS_YEAR;
-  const [month, setMonth] = React.useState(currentMonth);
-  const [year, setYear] = React.useState(currentYear);
-  const [selecting, setSelecting] = React.useState(false);
-  const [hoveredDates, setHoveredDates] = React.useState([]);
-  const showAssociationEditor = !selecting && hoveredDates.length > 0;
-  const closeEditor = () => {
-    setSelecting(false);
-    setHoveredDates([]);
-  };
-  const resetSelection = () => {
-    if (!selecting) return;
-    setSelecting(false);
-    setHoveredDates([]);
-  };
-  const pastMonthDisabled = minDate && month <= minDate.getMonth() + 1 && year <= minDate.getFullYear() || minDate && month <= defaultMonth && year <= currentYear;
-  const i18nMonths = Data.MONTHS[locale];
-  const monthName = i18nMonths[Object.keys(i18nMonths)[month - 1]];
-  const i18nWeekDays = Data.WEEK_DAYS[locale];
-  const days = Object.keys(i18nWeekDays);
-  const calendarDates = Data.calendar(month, year);
-  const goToPreviousMonth = () => {
-    const {
-      month: newMonth,
-      year: newYear
-    } = Utils.getPreviousMonth(month, year);
-    setMonth(newMonth);
-    setYear(newYear);
-  };
-  const goToNextMonth = () => {
-    const {
-      month: newMonth,
-      year: newYear
-    } = Utils.getNextMonth(month, year);
-    setMonth(newMonth);
-    setYear(newYear);
-  };
-  const classes = classnames(css.root, className);
-  return _jsx("div", {
-    className: classes,
-    "data-cms-remove": "",
-    children: _jsxs("div", {
-      className: css.outer,
-      children: [_jsxs("div", {
-        className: css.calendar,
-        children: [_jsxs("div", {
-          className: css.inner,
-          children: [_jsx(Header, {
-            goToPreviousMonth: goToPreviousMonth,
-            goToNextMonth: goToNextMonth,
-            monthName: monthName,
-            year: year,
-            pastMonthDisabled: pastMonthDisabled
-          }), _jsx("div", {
-            className: css.days,
-            children: days.map((day, i) => _jsx("div", {
-              className: css.day,
-              children: i18nWeekDays[day]
-            }, `${day}-${i}`))
-          }), _jsx("div", {
-            className: css.dates,
-            onMouseLeave: resetSelection,
-            children: calendarDates.map((date, i) => _jsx(CalendarDate, {
-              date: date,
-              month: month,
-              year: year,
-              minDate: minDate,
-              presets: presets,
-              setPresets: setPresets,
-              selecting: selecting,
-              setSelecting: setSelecting,
-              hoveredDates: hoveredDates,
-              setHoveredDates: setHoveredDates
-            }, i))
-          })]
-        }), showAssociationEditor && _jsx(CalendarEditor, {
-          presets: presets,
-          setPresets: setPresets,
-          hoveredDates: hoveredDates,
-          closeEditor: closeEditor
-        })]
-      }), _jsx(CalendarCaption, {
-        presets: presets,
-        setPresets: setPresets
-      })]
-    })
-  });
+export default function Calendar({ lang = "fr", format, className }) {
+    const locale = lang || (typeof navigator !== "undefined" && navigator.language) === "fr"
+        ? "fr"
+        : "en";
+    const [presets, setPresets] = React.useState(format.presets);
+    React.useEffect(() => {
+        format.element.dataset.presets = JSON.stringify(presets);
+    }, [format, presets]);
+    const now = new Date();
+    const minDate = now;
+    if (minDate)
+        minDate.setHours(0, 0, 0, 0);
+    const currentMonth = Data.THIS_MONTH;
+    const presetMonth = getMonthFromPresets(presets?.dates);
+    const defaultMonth = currentMonth > presetMonth ? currentMonth : presetMonth;
+    const currentYear = Data.THIS_YEAR;
+    const [month, setMonth] = React.useState(currentMonth);
+    const [year, setYear] = React.useState(currentYear);
+    const [selecting, setSelecting] = React.useState(false);
+    const [hoveredDates, setHoveredDates] = React.useState([]);
+    const showAssociationEditor = !selecting && hoveredDates.length > 0;
+    const closeEditor = () => {
+        setSelecting(false);
+        setHoveredDates([]);
+    };
+    const resetSelection = () => {
+        if (!selecting)
+            return;
+        setSelecting(false);
+        setHoveredDates([]);
+    };
+    const pastMonthDisabled = (minDate &&
+        month <= minDate.getMonth() + 1 &&
+        year <= minDate.getFullYear()) ||
+        (minDate && month <= defaultMonth && year <= currentYear);
+    const i18nMonths = Data.MONTHS[locale];
+    const monthName = i18nMonths[Object.keys(i18nMonths)[month - 1]];
+    const i18nWeekDays = Data.WEEK_DAYS[locale];
+    const days = Object.keys(i18nWeekDays);
+    const calendarDates = Data.calendar(month, year);
+    const goToPreviousMonth = () => {
+        const { month: newMonth, year: newYear } = Utils.getPreviousMonth(month, year);
+        setMonth(newMonth);
+        setYear(newYear);
+    };
+    const goToNextMonth = () => {
+        const { month: newMonth, year: newYear } = Utils.getNextMonth(month, year);
+        setMonth(newMonth);
+        setYear(newYear);
+    };
+    const classes = classnames(css.root, className);
+    return (_jsx("div", { className: classes, "data-cms-remove": "", children: _jsxs("div", { className: css.outer, children: [_jsxs("div", { className: css.calendar, children: [_jsxs("div", { className: css.inner, children: [_jsx(Header, { goToPreviousMonth: goToPreviousMonth, goToNextMonth: goToNextMonth, monthName: monthName, year: year, pastMonthDisabled: pastMonthDisabled }), _jsx("div", { className: css.days, children: days.map((day, i) => (_jsx("div", { className: css.day, children: i18nWeekDays[day] }, `${day}-${i}`))) }), _jsx("div", { className: css.dates, onMouseLeave: resetSelection, children: calendarDates.map((date, i) => (_jsx(CalendarDate, { date: date, month: month, year: year, minDate: minDate, presets: presets, setPresets: setPresets, selecting: selecting, setSelecting: setSelecting, hoveredDates: hoveredDates, setHoveredDates: setHoveredDates }, i))) })] }), showAssociationEditor && (_jsx(CalendarEditor, { presets: presets, setPresets: setPresets, hoveredDates: hoveredDates, closeEditor: closeEditor }))] }), _jsx(CalendarCaption, { presets: presets, setPresets: setPresets })] }) }));
 }
 function getMonthFromPresets(dates = {}) {
-  const keys = Object.keys(dates);
-  if (keys.length === 0) return Data.THIS_MONTH;
-  const sortedKeys = keys.sort((a, b) => {
-    const dateA = new Date(a);
-    const dateB = new Date(b);
-    return dateA.getTime() - dateB.getTime();
-  });
-  const firstDate = new Date(sortedKeys[0]);
-  return firstDate.getMonth() + 1;
-}
+    const keys = Object.keys(dates);
+    if (keys.length === 0)
+        return Data.THIS_MONTH;
+    const sortedKeys = keys.sort((a, b) => {
+        const dateA = new Date(a);
+        const dateB = new Date(b);
+        return dateA.getTime() - dateB.getTime();
+    });
+    const firstDate = new Date(sortedKeys[0]);
+    return firstDate.getMonth() + 1;
+}

package/es/common/components/editable-calendar/data.d.ts

@@ -0,0 +1,132 @@
+export function calendar(month?: number, year?: number): any[][];
+export const THIS_YEAR: number;
+export const THIS_MONTH: number;
+export namespace MONTHS {
+    namespace fr {
+        let january: string;
+        let february: string;
+        let march: string;
+        let april: string;
+        let may: string;
+        let june: string;
+        let july: string;
+        let august: string;
+        let september: string;
+        let october: string;
+        let november: string;
+        let december: string;
+    }
+    namespace en {
+        let january_1: string;
+        export { january_1 as january };
+        let february_1: string;
+        export { february_1 as february };
+        let march_1: string;
+        export { march_1 as march };
+        let april_1: string;
+        export { april_1 as april };
+        let may_1: string;
+        export { may_1 as may };
+        let june_1: string;
+        export { june_1 as june };
+        let july_1: string;
+        export { july_1 as july };
+        let august_1: string;
+        export { august_1 as august };
+        let september_1: string;
+        export { september_1 as september };
+        let october_1: string;
+        export { october_1 as october };
+        let november_1: string;
+        export { november_1 as november };
+        let december_1: string;
+        export { december_1 as december };
+    }
+}
+export namespace SHORT_MONTHS {
+    export namespace fr_1 {
+        let january_2: string;
+        export { january_2 as january };
+        let february_2: string;
+        export { february_2 as february };
+        let march_2: string;
+        export { march_2 as march };
+        let april_2: string;
+        export { april_2 as april };
+        let may_2: string;
+        export { may_2 as may };
+        let june_2: string;
+        export { june_2 as june };
+        let july_2: string;
+        export { july_2 as july };
+        let august_2: string;
+        export { august_2 as august };
+        let september_2: string;
+        export { september_2 as september };
+        let october_2: string;
+        export { october_2 as october };
+        let november_2: string;
+        export { november_2 as november };
+        let december_2: string;
+        export { december_2 as december };
+    }
+    export { fr_1 as fr };
+    export namespace en_1 {
+        let january_3: string;
+        export { january_3 as january };
+        let february_3: string;
+        export { february_3 as february };
+        let march_3: string;
+        export { march_3 as march };
+        let april_3: string;
+        export { april_3 as april };
+        let may_3: string;
+        export { may_3 as may };
+        let june_3: string;
+        export { june_3 as june };
+        let july_3: string;
+        export { july_3 as july };
+        let august_3: string;
+        export { august_3 as august };
+        let september_3: string;
+        export { september_3 as september };
+        let october_3: string;
+        export { october_3 as october };
+        let november_3: string;
+        export { november_3 as november };
+        let december_3: string;
+        export { december_3 as december };
+    }
+    export { en_1 as en };
+}
+export namespace WEEK_DAYS {
+    export namespace fr_2 {
+        let monday: string;
+        let tuesday: string;
+        let wednesday: string;
+        let thursday: string;
+        let friday: string;
+        let saturday: string;
+        let sunday: string;
+    }
+    export { fr_2 as fr };
+    export namespace en_2 {
+        let monday_1: string;
+        export { monday_1 as monday };
+        let tuesday_1: string;
+        export { tuesday_1 as tuesday };
+        let wednesday_1: string;
+        export { wednesday_1 as wednesday };
+        let thursday_1: string;
+        export { thursday_1 as thursday };
+        let friday_1: string;
+        export { friday_1 as friday };
+        let saturday_1: string;
+        export { saturday_1 as saturday };
+        let sunday_1: string;
+        export { sunday_1 as sunday };
+    }
+    export { en_2 as en };
+}
+export const CALENDAR_WEEKS: 6;
+//# sourceMappingURL=data.d.ts.map

package/es/common/components/editable-calendar/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-calendar/data.js"],"names":[],"mappings":"AA2FA,iEAmCC;AA5HD,+BAAkD;AAElD,gCAAoD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFpD,+BAAgC"}

package/es/common/components/editable-calendar/data.js

@@ -2,111 +2,105 @@ import * as Utils from "./utils";
 export const THIS_YEAR = new Date().getFullYear();
 export const THIS_MONTH = new Date().getMonth() + 1;
 export const MONTHS = {
-  fr: {
-    january: "Janvier",
-    february: "Février",
-    march: "Mars",
-    april: "Avril",
-    may: "Mai",
-    june: "Juin",
-    july: "Juillet",
-    august: "Aout",
-    september: "Septembre",
-    october: "Octobre",
-    november: "Novembre",
-    december: "Décembre"
-  },
-  en: {
-    january: "January",
-    february: "February",
-    march: "March",
-    april: "April",
-    may: "May",
-    june: "June",
-    july: "July",
-    august: "August",
-    september: "September",
-    october: "October",
-    november: "November",
-    december: "December"
-  }
+    fr: {
+        january: "Janvier",
+        february: "Février",
+        march: "Mars",
+        april: "Avril",
+        may: "Mai",
+        june: "Juin",
+        july: "Juillet",
+        august: "Aout",
+        september: "Septembre",
+        october: "Octobre",
+        november: "Novembre",
+        december: "Décembre",
+    },
+    en: {
+        january: "January",
+        february: "February",
+        march: "March",
+        april: "April",
+        may: "May",
+        june: "June",
+        july: "July",
+        august: "August",
+        september: "September",
+        october: "October",
+        november: "November",
+        december: "December",
+    },
 };
 export const SHORT_MONTHS = {
-  fr: {
-    january: "Jan",
-    february: "Fév",
-    march: "Mar",
-    april: "Avr",
-    may: "Mai",
-    june: "Juin",
-    july: "Juil",
-    august: "Aou",
-    september: "Sept",
-    october: "Oct",
-    november: "Nov",
-    december: "Déc"
-  },
-  en: {
-    january: "Jan",
-    february: "Feb",
-    march: "Mar",
-    april: "Apr",
-    may: "May",
-    june: "Jun",
-    july: "Jul",
-    august: "Aug",
-    september: "Sept",
-    october: "Oct",
-    november: "Nov",
-    december: "Dec"
-  }
+    fr: {
+        january: "Jan",
+        february: "Fév",
+        march: "Mar",
+        april: "Avr",
+        may: "Mai",
+        june: "Juin",
+        july: "Juil",
+        august: "Aou",
+        september: "Sept",
+        october: "Oct",
+        november: "Nov",
+        december: "Déc",
+    },
+    en: {
+        january: "Jan",
+        february: "Feb",
+        march: "Mar",
+        april: "Apr",
+        may: "May",
+        june: "Jun",
+        july: "Jul",
+        august: "Aug",
+        september: "Sept",
+        october: "Oct",
+        november: "Nov",
+        december: "Dec",
+    },
 };
 export const WEEK_DAYS = {
-  fr: {
-    monday: "L",
-    tuesday: "M",
-    wednesday: "M",
-    thursday: "J",
-    friday: "V",
-    saturday: "S",
-    sunday: "D"
-  },
-  en: {
-    monday: "M",
-    tuesday: "T",
-    wednesday: "W",
-    thursday: "T",
-    friday: "F",
-    saturday: "S",
-    sunday: "S"
-  }
+    fr: {
+        monday: "L",
+        tuesday: "M",
+        wednesday: "M",
+        thursday: "J",
+        friday: "V",
+        saturday: "S",
+        sunday: "D",
+    },
+    en: {
+        monday: "M",
+        tuesday: "T",
+        wednesday: "W",
+        thursday: "T",
+        friday: "F",
+        saturday: "S",
+        sunday: "S",
+    },
 };
 export const CALENDAR_WEEKS = 6;
 export function calendar(month = THIS_MONTH, year = THIS_YEAR) {
-  const monthDays = Utils.getMonthDays(month, year);
-  const monthFirstDay = Utils.getMonthFirstDay(month, year);
-  const daysFromPrevMonth = monthFirstDay === 0 ? 6 : monthFirstDay - 1;
-  const daysFromNextMonth = CALENDAR_WEEKS * 7 - (daysFromPrevMonth + monthDays);
-  const {
-    month: prevMonth,
-    year: prevMonthYear
-  } = Utils.getPreviousMonth(month, year);
-  const {
-    month: nextMonth,
-    year: nextMonthYear
-  } = Utils.getNextMonth(month, year);
-  const prevMonthDays = Utils.getMonthDays(prevMonth, prevMonthYear);
-  const prevMonthDates = [...new Array(daysFromPrevMonth)].map((_, i) => {
-    const day = i + 1 + (prevMonthDays - daysFromPrevMonth);
-    return [prevMonthYear, Utils.zeroPad(prevMonth, 2), Utils.zeroPad(day, 2)];
-  });
-  const thisMonthDates = [...new Array(monthDays)].map((_, i) => {
-    const day = i + 1;
-    return [year, Utils.zeroPad(month, 2), Utils.zeroPad(day, 2)];
-  });
-  const nextMonthDates = [...new Array(daysFromNextMonth)].map((_, i) => {
-    const day = i + 1;
-    return [nextMonthYear, Utils.zeroPad(nextMonth, 2), Utils.zeroPad(day, 2)];
-  });
-  return [...prevMonthDates, ...thisMonthDates, ...nextMonthDates];
-}
+    const monthDays = Utils.getMonthDays(month, year);
+    const monthFirstDay = Utils.getMonthFirstDay(month, year);
+    const daysFromPrevMonth = monthFirstDay === 0 ? 6 : monthFirstDay - 1;
+    const daysFromNextMonth = CALENDAR_WEEKS * 7 - (daysFromPrevMonth + monthDays);
+    const { month: prevMonth, year: prevMonthYear } = Utils.getPreviousMonth(month, year);
+    const { month: nextMonth, year: nextMonthYear } = Utils.getNextMonth(month, year);
+    const prevMonthDays = Utils.getMonthDays(prevMonth, prevMonthYear);
+    const prevMonthDates = [...new Array(daysFromPrevMonth)].map((_, i) => {
+        const day = i + 1 + (prevMonthDays - daysFromPrevMonth);
+        return [prevMonthYear, Utils.zeroPad(prevMonth, 2), Utils.zeroPad(day, 2)];
+    });
+    const thisMonthDates = [...new Array(monthDays)].map((_, i) => {
+        const day = i + 1;
+        return [year, Utils.zeroPad(month, 2), Utils.zeroPad(day, 2)];
+    });
+    const nextMonthDates = [...new Array(daysFromNextMonth)].map((_, i) => {
+        const day = i + 1;
+        return [nextMonthYear, Utils.zeroPad(nextMonth, 2), Utils.zeroPad(day, 2)];
+    });
+    return [...prevMonthDates, ...thisMonthDates, ...nextMonthDates];
+}

package/es/common/components/editable-calendar/index.d.ts

@@ -0,0 +1,2 @@
+export default function EditableCalendar(): import("react-dom/node_modules/@types/react").ReactPortal[];
+//# sourceMappingURL=index.d.ts.map

package/es/common/components/editable-calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-calendar/index.js"],"names":[],"mappings":"AAOA,wGAiDC"}

package/es/common/components/editable-calendar/index.js

@@ -1,57 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
 import dynamic from "next/dynamic";
 import { useUbloContext } from "ublo/with-ublo";
-import { jsx as _jsx } from "react/jsx-runtime";
-const Calendar = dynamic(() => import("./calendar"), {
-  ssr: false
-});
+const Calendar = dynamic(() => import("./calendar"), { ssr: false });
 export default function EditableCalendar() {
-  const {
-    lang,
-    path,
-    cmsMode
-  } = useUbloContext();
-  const [formats, setFormats] = React.useState([]);
-  const refreshFormats = React.useCallback(() => {
-    setFormats([]);
-    window.requestAnimationFrame(() => setTimeout(() => {
-      const elements = document.querySelectorAll("section.editable-calendar");
-      if (elements.length) {
-        const formats = Array.from(elements).map(element => {
-          const storedPresets = element.dataset.presets;
-          const presets = storedPresets ? JSON.parse(storedPresets) : {};
-          return {
-            element,
-            presets
-          };
+    const { lang, path, cmsMode } = useUbloContext();
+    const [formats, setFormats] = React.useState([]);
+    const refreshFormats = React.useCallback(() => {
+        setFormats([]);
+        window.requestAnimationFrame(() => setTimeout(() => {
+            const elements = document.querySelectorAll("section.editable-calendar");
+            if (elements.length) {
+                const formats = Array.from(elements).map((element) => {
+                    const storedPresets = element.dataset.presets;
+                    const presets = storedPresets ? JSON.parse(storedPresets) : {};
+                    return { element, presets };
+                });
+                setFormats(formats);
+            }
+        }, 1000));
+    }, []);
+    React.useEffect(() => {
+        refreshFormats();
+    }, [lang, path, cmsMode, refreshFormats]);
+    React.useEffect(() => {
+        const zones = Array.from(document.querySelectorAll(".cms"));
+        zones.forEach((zone) => {
+            zone.addEventListener("ublo-section-created", refreshFormats);
         });
-        setFormats(formats);
-      }
-    }, 1000));
-  }, []);
-  React.useEffect(() => {
-    refreshFormats();
-  }, [lang, path, cmsMode, refreshFormats]);
-  React.useEffect(() => {
-    const zones = Array.from(document.querySelectorAll(".cms"));
-    zones.forEach(zone => {
-      zone.addEventListener("ublo-section-created", refreshFormats);
-    });
-    window.addEventListener("ublo-content-saved", reloadWindow);
-    return () => {
-      window.addEventListener("ublo-content-saved", reloadWindow);
-      zones.forEach(zone => {
-        zone.removeEventListener("ublo-section-created", refreshFormats);
-      });
-    };
-  }, [refreshFormats]);
-  if (!formats.length) return null;
-  return formats.map(format => ReactDOM.createPortal(_jsx(Calendar, {
-    lang: lang,
-    format: format
-  }), format.element));
+        window.addEventListener("ublo-content-saved", reloadWindow);
+        return () => {
+            window.addEventListener("ublo-content-saved", reloadWindow);
+            zones.forEach((zone) => {
+                zone.removeEventListener("ublo-section-created", refreshFormats);
+            });
+        };
+    }, [refreshFormats]);
+    if (!formats.length)
+        return null;
+    return formats.map((format) => ReactDOM.createPortal(_jsx(Calendar, { lang: lang, format: format }), format.element));
 }
 function reloadWindow() {
-  window.location.reload();
-}
+    window.location.reload();
+}

package/es/common/components/editable-calendar/utils.d.ts

@@ -0,0 +1,19 @@
+export function zeroPad(value: any, length: any): string;
+export function formatDate(date: any): string;
+export function getYearsRange(start: any, end: any): any[];
+export function getMonthDays(month?: number, year?: number): 30 | 29 | 28 | 31;
+export function getMonthFirstDay(month?: number, year?: number): number;
+export function isDate(date: any): boolean;
+export function isSameMonth(date: any, basedate?: Date): boolean;
+export function isSameDay(date: any, basedate?: Date): boolean;
+export function getPreviousMonth(month: any, year: any): {
+    month: number;
+    year: any;
+};
+export function getNextMonth(month: any, year: any): {
+    month: any;
+    year: any;
+};
+export function addDays(_date: any, days: any): Date;
+export function getDateInterval(startDate: any, endDate: any, reverse: any): any[];
+//# sourceMappingURL=utils.d.ts.map