@plone/volto 18.0.0-alpha.42 → 18.0.0-alpha.44

package/dist/server/assets/RecurrenceWidget-DmaZUmHT.js

@@ -0,0 +1,1426 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React__default, { Component, lazy } from "react";
+import PropTypes from "prop-types";
+import { compose } from "redux";
+import { connect } from "react-redux";
+import cx from "classnames";
+import { find, map, isEqual, remove, concat } from "lodash-es";
+import { defineMessages, injectIntl } from "react-intl";
+import { Form as Form$1, Grid, Input, Radio, Label, Segment, Button, Modal, Header } from "semantic-ui-react";
+import { cm as customSelectStyles, cn as selectTheme, cs as DropdownIndicator, cu as Option, am as toBackendLang, I as Icon, bb as editSVG, b6 as deleteSVG } from "../entry-server.js";
+import DatetimeWidgetComponent from "./DatetimeWidget-CHdttszV.js";
+import SelectWidget from "./SelectWidget-EYyEok6L.js";
+import { s as saveSVG } from "./save-C0BIu8AK.js";
+import { RRule, rrulestr, RRuleSet } from "rrule";
+import moment from "moment";
+const Days = {
+  MO: RRule.MO,
+  TU: RRule.TU,
+  WE: RRule.WE,
+  TH: RRule.TH,
+  FR: RRule.FR,
+  SA: RRule.SA,
+  SU: RRule.SU
+};
+const WEEKLY_DAYS = [Days.MO, Days.TU, Days.WE, Days.TH, Days.FR];
+const MONDAYFRIDAY_DAYS = [Days.MO, Days.FR];
+const FREQUENCES = {
+  DAILY: "daily",
+  MONDAYFRIDAY: "mondayfriday",
+  WEEKDAYS: "weekdays",
+  WEEKLY: "weekly",
+  MONTHLY: "monthly",
+  YEARLY: "yearly"
+};
+const OPTIONS = {
+  frequences: {
+    [FREQUENCES.DAILY]: { rrule: RRule.DAILY, interval: true },
+    [FREQUENCES.MONDAYFRIDAY]: { rrule: RRule.WEEKLY },
+    [FREQUENCES.WEEKDAYS]: { rrule: RRule.WEEKLY },
+    [FREQUENCES.WEEKLY]: { rrule: RRule.WEEKLY, interval: true, byday: true },
+    [FREQUENCES.MONTHLY]: {
+      rrule: RRule.MONTHLY,
+      interval: true,
+      bymonth: true
+    },
+    [FREQUENCES.YEARLY]: { rrule: RRule.YEARLY, interval: true, byyear: true }
+  }
+};
+const toISOString = (date) => {
+  return date.toISOString().split("T")[0];
+};
+const rrulei18n = (intl, moment2, lang) => {
+  moment2.locale(lang);
+  const messages2 = defineMessages({
+    every: { id: "rrule_every", defaultMessage: "every" },
+    until: { id: "rrule_until", defaultMessage: "until" },
+    for: { id: "rrule_for", defaultMessage: "for" },
+    time: { id: "rrule_time", defaultMessage: "time" },
+    times: { id: "rrule_times", defaultMessage: "times" },
+    "(~ approximate)": {
+      id: "rrule_approximate",
+      defaultMessage: "(~approximate)"
+    },
+    hour: { id: "rrule_hour", defaultMessage: "hour" },
+    hours: { id: "rrule_hours", defaultMessage: "hours" },
+    minutes: {
+      id: "rrule_minutes",
+      defaultMessage: "minutes"
+    },
+    weekdays: {
+      id: "rrule_weekdays",
+      defaultMessage: "weekdays"
+    },
+    weekday: {
+      id: "rrule_weekday",
+      defaultMessage: "weekday"
+    },
+    day: { id: "rrule_day", defaultMessage: "day" },
+    days: { id: "rrule_days", defaultMessage: "days" },
+    in: { id: "rrule_in", defaultMessage: "in" },
+    week: { id: "rrule_week", defaultMessage: "week" },
+    weeks: { id: "rrule_weeks", defaultMessage: "weeks" },
+    month: {
+      id: "rrule_month",
+      defaultMessage: "month"
+    },
+    months: {
+      id: "rrule_months",
+      defaultMessage: "months"
+    },
+    on: { id: "rrule_on", defaultMessage: "on" },
+    year: { id: "rrule_year", defaultMessage: "year" },
+    years: { id: "rrule_years", defaultMessage: "years" },
+    "on the": {
+      id: "rrule_on the",
+      defaultMessage: "on the"
+    },
+    the: { id: "rrule_the", defaultMessage: "the" },
+    and: { id: "rrule_and", defaultMessage: "and" },
+    or: { id: "rrule_or", defaultMessage: "or" },
+    at: { id: "rrule_at", defaultMessage: "at" },
+    last: { id: "rrule_last", defaultMessage: "last" },
+    st: { id: "rrule_st", defaultMessage: "st" },
+    nd: { id: "rrule_nd", defaultMessage: "nd" },
+    rd: { id: "rrule_rd", defaultMessage: "rd" },
+    th: { id: "rrule_th", defaultMessage: "th" },
+    dateFormat: {
+      id: "rrule_dateFormat",
+      defaultMessage: "[month] [day], [year]"
+    }
+  });
+  let strings = {};
+  Object.keys(messages2).map(
+    (k) => strings[k] = intl.formatMessage(messages2[k])
+  );
+  let dateFormat = strings.dateFormat.replace(new RegExp("\\[", "g"), "${").replace(new RegExp("\\]", "g"), "}");
+  const dateFormatter = (year, month, day) => dateFormat.replace(/\$\{year\}/g, year).replace(/\$\{month\}/g, month).replace(/\$\{day\}/g, day);
+  const LANGUAGE = {
+    dayNames: moment2.weekdays(),
+    monthNames: moment2.months(),
+    strings,
+    dateFormatter
+  };
+  return LANGUAGE;
+};
+const IntervalField = ({ label, labelAfter, value, onChange }) => {
+  return /* @__PURE__ */ jsx(Form$1.Field, { inline: true, className: "text", children: /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Grid.Row, { stretched: true, children: [
+    /* @__PURE__ */ jsx(Grid.Column, { width: "4", children: /* @__PURE__ */ jsx("div", { className: "wrapper", children: /* @__PURE__ */ jsx("label", { htmlFor: "interval", children: label }) }) }),
+    /* @__PURE__ */ jsx(Grid.Column, { width: "8", children: /* @__PURE__ */ jsxs(Form$1.Field, { inline: true, children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: "interval",
+          name: "interval",
+          value: value || "",
+          onChange: ({ target }) => {
+            onChange(
+              target.id,
+              target.value === "" ? void 0 : parseInt(target.value)
+            );
+          }
+        }
+      ),
+      labelAfter && /* @__PURE__ */ jsx("span", { children: labelAfter })
+    ] }) })
+  ] }) }) });
+};
+IntervalField.propTypes = {
+  label: PropTypes.string.isRequired,
+  labelAfter: PropTypes.string,
+  value: PropTypes.any,
+  onChange: PropTypes.func
+};
+IntervalField.defaultProps = {
+  label: null,
+  labelAfter: null,
+  onChange: null
+};
+const messages$4 = defineMessages({
+  recurrenceEnds: { id: "Recurrence ends", defaultMessage: "Ends" },
+  recurrenceEndsCount: { id: "Recurrence ends after", defaultMessage: "after" },
+  recurrenceEndsUntil: { id: "Recurrence ends on", defaultMessage: "on" },
+  occurrences: { id: "Occurences", defaultMessage: "occurrence(s)" }
+});
+const EndField = ({ value, count, until, onChange, intl }) => {
+  return /* @__PURE__ */ jsx(Form$1.Field, { inline: true, className: "text", children: /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Grid.Row, { stretched: true, children: [
+    /* @__PURE__ */ jsx(Grid.Column, { width: "4", children: /* @__PURE__ */ jsx("div", { className: "wrapper", children: /* @__PURE__ */ jsx("label", { htmlFor: "recurrenceEnds", children: intl.formatMessage(messages$4.recurrenceEnds) }) }) }),
+    /* @__PURE__ */ jsxs(Grid.Column, { width: "8", children: [
+      /* @__PURE__ */ jsxs(Form$1.Group, { inline: true, children: [
+        /* @__PURE__ */ jsx(Form$1.Field, { children: /* @__PURE__ */ jsx(
+          Radio,
+          {
+            label: "",
+            name: "recurrenceEnds",
+            id: "recurrenceEndsCount",
+            value: "count",
+            checked: value === "count",
+            onChange: (e, { value: value2 }) => onChange("recurrenceEnds", value2)
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Form$1.Field, { disabled: value !== "count", children: intl.formatMessage(messages$4.recurrenceEndsCount) }),
+        /* @__PURE__ */ jsx(Form$1.Field, { disabled: value !== "count", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "count",
+            name: "count",
+            value: count || "",
+            onChange: ({ target }) => {
+              onChange(
+                target.id,
+                target.value === "" ? void 0 : target.value
+              );
+            }
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Form$1.Field, { disabled: value !== "count", children: intl.formatMessage(messages$4.occurrences) })
+      ] }),
+      /* @__PURE__ */ jsxs(Form$1.Group, { inline: true, children: [
+        /* @__PURE__ */ jsx(Form$1.Field, { children: /* @__PURE__ */ jsx(
+          Radio,
+          {
+            id: "recurrenceEndsUntil",
+            label: "",
+            name: "recurrenceEnds",
+            value: "until",
+            checked: value === "until",
+            onChange: (e, { value: value2 }) => onChange("recurrenceEnds", value2)
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Form$1.Field, { disabled: value !== "until", children: /* @__PURE__ */ jsx(
+          DatetimeWidgetComponent,
+          {
+            id: "until",
+            title: intl.formatMessage(messages$4.recurrenceEndsUntil),
+            dateOnly: true,
+            value: until ? typeof until === "string" ? until : until == null ? void 0 : until.toISOString() : "",
+            resettable: false,
+            onChange: (id, value2) => {
+              onChange(id, value2 === "" ? void 0 : value2);
+            }
+          }
+        ) })
+      ] })
+    ] })
+  ] }) }) });
+};
+EndField.propTypes = {
+  value: PropTypes.string,
+  count: PropTypes.any,
+  until: PropTypes.any,
+  onChange: PropTypes.func
+};
+EndField.defaultProps = {
+  value: null,
+  count: null,
+  until: null,
+  onChange: null
+};
+const EndField$1 = injectIntl(EndField);
+const messages$3 = defineMessages({
+  bymonthDay: { id: "Month day", defaultMessage: "Day" },
+  ofTheMonth: { id: "of the month", defaultMessage: "of the month" }
+});
+const ByMonthDayField = ({
+  value,
+  disabled,
+  onChange,
+  hideAfterLabel,
+  intl
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Form$1.Field, { inline: true, disabled, children: intl.formatMessage(messages$3.bymonthDay) }),
+    /* @__PURE__ */ jsx(Form$1.Field, { inline: true, disabled, children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        type: "number",
+        id: "bymonthday",
+        name: "bymonthday",
+        value: value || "",
+        onChange: ({ target }) => {
+          onChange(
+            target.id,
+            target.value === "" ? void 0 : [parseInt(target.value)]
+          );
+        }
+      }
+    ) }),
+    !hideAfterLabel && /* @__PURE__ */ jsx(Form$1.Field, { inline: true, disabled, children: intl.formatMessage(messages$3.ofTheMonth) })
+  ] });
+};
+ByMonthDayField.propTypes = {
+  disabled: PropTypes.bool,
+  value: PropTypes.any,
+  onChange: PropTypes.func,
+  hideAfterLabel: PropTypes.bool
+};
+ByMonthDayField.defaultProps = {
+  disabled: false,
+  value: null,
+  onChange: null,
+  hideAfterLabel: false
+};
+const ByMonthDayField$1 = injectIntl(ByMonthDayField);
+const Select = React__default.lazy(() => import("react-select"));
+const SelectInput = ({ name, disabled, options, value, onChange }) => {
+  const inlineSelectStyles = {
+    ...customSelectStyles,
+    control: (styles, state) => ({
+      ...customSelectStyles.control(styles, state),
+      minWidth: "130px"
+    })
+  };
+  const getDefaultValue = (choices, value2) => {
+    const element = find(choices, (o) => o.value === value2);
+    return element ? element : {};
+  };
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      isDisabled: disabled,
+      id: name,
+      name,
+      className: "react-select-container",
+      classNamePrefix: "react-select",
+      defaultValue: getDefaultValue(options, value),
+      value: getDefaultValue(options, value),
+      options,
+      styles: inlineSelectStyles,
+      theme: selectTheme,
+      components: {
+        DropdownIndicator,
+        Option
+      },
+      onChange: (data) => onChange(name, data.value)
+    }
+  );
+};
+SelectInput.propTypes = {
+  name: PropTypes.string.isRequired,
+  options: PropTypes.array.isRequired,
+  disabled: PropTypes.bool,
+  value: PropTypes.any,
+  onChange: PropTypes.func
+};
+SelectInput.defaultProps = {
+  name: "select",
+  options: [],
+  disabled: false,
+  value: null,
+  onChange: null
+};
+const messages$2 = defineMessages({
+  bymonthDayNumber: { id: "Weeek day of month", defaultMessage: "The" },
+  first: { id: "First", defaultMessage: "First" },
+  second: { id: "Second", defaultMessage: "Second" },
+  third: { id: "Third", defaultMessage: "Third" },
+  fourth: { id: "Fourth", defaultMessage: "Fourth" },
+  last: { id: "Last", defaultMessage: "Last" }
+});
+const ORDINAL_NUMBERS = {
+  1: "first",
+  2: "second",
+  3: "third",
+  4: "fourth",
+  "-1": "last"
+};
+class WeekdayOfTheMonthIndexField extends Component {
+  render() {
+    const { intl, disabled } = this.props;
+    const weekdayOfTheMonthIndexList = [
+      ...map(Object.keys(ORDINAL_NUMBERS), (option) => ({
+        value: parseInt(option),
+        label: intl.formatMessage(messages$2[ORDINAL_NUMBERS[option]])
+      }))
+    ];
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Form$1.Field, { disabled, children: intl.formatMessage(messages$2.bymonthDayNumber) }),
+      /* @__PURE__ */ jsx(Form$1.Field, { disabled, children: /* @__PURE__ */ jsx(
+        SelectInput,
+        {
+          name: "weekdayOfTheMonthIndex",
+          options: weekdayOfTheMonthIndexList,
+          ...this.props
+        }
+      ) })
+    ] });
+  }
+}
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+__publicField(WeekdayOfTheMonthIndexField, "propTypes", {
+  disabled: PropTypes.bool,
+  value: PropTypes.any,
+  onChange: PropTypes.func
+});
+/**
+ * Default properties.
+ * @property {Object} defaultProps Default properties.
+ * @static
+ */
+__publicField(WeekdayOfTheMonthIndexField, "defaultProps", {
+  disabled: false,
+  value: null,
+  onChange: null
+});
+const WeekdayOfTheMonthIndexField$1 = injectIntl(WeekdayOfTheMonthIndexField);
+const WeekdayOfTheMonthField$1 = lazy(() => import("./WeekdayOfTheMonthField-Cr_GRGfk.js"));
+const ByMonthField = ({
+  label,
+  value,
+  bymonthday,
+  weekdayOfTheMonthIndex,
+  weekdayOfTheMonth,
+  onChange,
+  intl
+}) => {
+  return /* @__PURE__ */ jsx(Form$1.Field, { inline: true, className: "text", children: /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Grid.Row, { stretched: true, children: [
+    /* @__PURE__ */ jsx(Grid.Column, { width: "4", children: /* @__PURE__ */ jsx("div", { className: "wrapper", children: /* @__PURE__ */ jsx("label", { htmlFor: "monthly", children: label }) }) }),
+    /* @__PURE__ */ jsxs(Grid.Column, { width: "8", children: [
+      /* @__PURE__ */ jsxs(Form$1.Group, { inline: true, children: [
+        /* @__PURE__ */ jsx(Form$1.Field, { children: /* @__PURE__ */ jsx(
+          Radio,
+          {
+            label: "",
+            name: "monthly",
+            id: "monthly-bymonthday",
+            value: "bymonthday",
+            checked: value === "bymonthday",
+            onChange: (e, { value: value2 }) => onChange("monthly", value2)
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          ByMonthDayField$1,
+          {
+            value: bymonthday,
+            disabled: value !== "bymonthday",
+            onChange
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Form$1.Group, { inline: true, children: [
+        /* @__PURE__ */ jsx(Form$1.Field, { children: /* @__PURE__ */ jsx(
+          Radio,
+          {
+            label: "",
+            name: "monthly",
+            id: "monthly-byweekday",
+            value: "byweekday",
+            checked: value === "byweekday",
+            onChange: (e, { value: value2 }) => onChange("monthly", value2)
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          WeekdayOfTheMonthIndexField$1,
+          {
+            disabled: value !== "byweekday",
+            value: weekdayOfTheMonthIndex,
+            onChange
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          WeekdayOfTheMonthField$1,
+          {
+            disabled: value !== "byweekday",
+            value: weekdayOfTheMonth,
+            onChange
+          }
+        )
+      ] })
+    ] })
+  ] }) }) });
+};
+ByMonthField.propTypes = {
+  label: PropTypes.string.isRequired,
+  value: PropTypes.any,
+  bymonthday: PropTypes.any,
+  weekdayOfTheMonthIndex: PropTypes.any,
+  weekdayOfTheMonth: PropTypes.any,
+  onChange: PropTypes.func
+};
+ByMonthField.defaultProps = {
+  label: null,
+  value: null,
+  bymonthday: null,
+  weekdayOfTheMonthIndex: null,
+  weekdayOfTheMonth: null,
+  onChange: null
+};
+const ByMonthField$1 = injectIntl(ByMonthField);
+const MonthOfTheYearField = lazy(() => import("./MonthOfTheYearField-BKVtfnMh.js"));
+const WeekdayOfTheMonthField = lazy(() => import("./WeekdayOfTheMonthField-Cr_GRGfk.js"));
+const messages$1 = defineMessages({
+  ofTheMonth: { id: "of the month", defaultMessage: "of the month" }
+});
+const ByYearField = ({
+  label,
+  value,
+  bymonthday,
+  monthOfTheYear,
+  weekdayOfTheMonthIndex,
+  weekdayOfTheMonth,
+  onChange,
+  intl
+}) => {
+  return /* @__PURE__ */ jsx(Form$1.Field, { inline: true, className: "text byyear-field", children: /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Grid.Row, { stretched: true, children: [
+    /* @__PURE__ */ jsx(Grid.Column, { width: "4", children: /* @__PURE__ */ jsx("div", { className: "wrapper", children: /* @__PURE__ */ jsx("label", { htmlFor: "yearly", children: label }) }) }),
+    /* @__PURE__ */ jsxs(Grid.Column, { width: "8", children: [
+      /* @__PURE__ */ jsxs(Form$1.Group, { inline: true, className: "byyear-bymonthday", children: [
+        /* @__PURE__ */ jsx(Form$1.Field, { children: /* @__PURE__ */ jsx(
+          Radio,
+          {
+            label: "",
+            name: "yearly",
+            value: "bymonthday",
+            id: "yearly-bymonthday",
+            checked: value === "bymonthday",
+            onChange: (e, { value: value2 }) => onChange("yearly", value2)
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          ByMonthDayField$1,
+          {
+            value: bymonthday,
+            disabled: value !== "bymonthday",
+            onChange,
+            hideAfterLabel: true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          MonthOfTheYearField,
+          {
+            value: monthOfTheYear,
+            disabled: value !== "bymonthday",
+            onChange
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Form$1.Group, { inline: true, className: "byyear-byday", children: [
+        /* @__PURE__ */ jsx(Form$1.Field, { children: /* @__PURE__ */ jsx(
+          Radio,
+          {
+            label: "",
+            name: "yearly",
+            id: "yearly-byday",
+            value: "byday",
+            checked: value === "byday",
+            onChange: (e, { value: value2 }) => onChange("yearly", value2)
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          WeekdayOfTheMonthIndexField$1,
+          {
+            disabled: value !== "byday",
+            value: weekdayOfTheMonthIndex,
+            onChange
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          WeekdayOfTheMonthField,
+          {
+            disabled: value !== "byday",
+            value: weekdayOfTheMonth,
+            onChange
+          }
+        ),
+        /* @__PURE__ */ jsx(Form$1.Field, { disabled: value !== "byday", children: intl.formatMessage(messages$1.ofTheMonth) }),
+        /* @__PURE__ */ jsx(
+          MonthOfTheYearField,
+          {
+            value: monthOfTheYear,
+            disabled: value !== "byday",
+            onChange,
+            inline: false
+          }
+        )
+      ] })
+    ] })
+  ] }) }) });
+};
+ByYearField.propTypes = {
+  label: PropTypes.string.isRequired,
+  value: PropTypes.any,
+  bymonthday: PropTypes.any,
+  monthOfTheYear: PropTypes.any,
+  weekdayOfTheMonthIndex: PropTypes.any,
+  weekdayOfTheMonth: PropTypes.any,
+  onChange: PropTypes.func
+};
+ByYearField.defaultProps = {
+  label: null,
+  value: null,
+  bymonthday: null,
+  monthOfTheYear: null,
+  weekdayOfTheMonthIndex: null,
+  weekdayOfTheMonth: null,
+  onChange: null
+};
+const ByYearField$1 = injectIntl(ByYearField);
+const ByDayField = lazy(() => import("./ByDayField-C6SuyhPy.js"));
+const Occurences = lazy(() => import("./Occurences-Zl3kp-s8.js"));
+const messages = defineMessages({
+  editRecurrence: {
+    id: "Edit recurrence",
+    defaultMessage: "Edit recurrence"
+  },
+  save: {
+    id: "Save recurrence",
+    defaultMessage: "Save"
+  },
+  remove: {
+    id: "Remove recurrence",
+    defaultMessage: "Remove"
+  },
+  repeat: {
+    id: "Repeat",
+    defaultMessage: "Repeat"
+  },
+  daily: {
+    id: "Daily",
+    defaultMessage: "Daily"
+  },
+  mondayfriday: {
+    id: "Monday and Friday",
+    defaultMessage: "Monday and Friday"
+  },
+  weekdays: {
+    id: "Weekday",
+    defaultMessage: "Weekday"
+  },
+  weekly: {
+    id: "Weekly",
+    defaultMessage: "Weekly"
+  },
+  monthly: {
+    id: "Monthly",
+    defaultMessage: "Monthly"
+  },
+  yearly: {
+    id: "Yearly",
+    defaultMessage: "Yearly"
+  },
+  repeatEvery: {
+    id: "Repeat every",
+    defaultMessage: "Repeat every"
+  },
+  repeatOn: {
+    id: "Repeat on",
+    defaultMessage: "Repeat on"
+  },
+  interval_daily: {
+    id: "Interval Daily",
+    defaultMessage: "days"
+  },
+  interval_weekly: {
+    id: "Interval Weekly",
+    defaultMessage: "week(s)"
+  },
+  interval_monthly: {
+    id: "Interval Monthly",
+    defaultMessage: "Month(s)"
+  },
+  interval_yearly: {
+    id: "Interval Yearly",
+    defaultMessage: "year(s)"
+  },
+  add_date: {
+    id: "Add date",
+    defaultMessage: "Add date"
+  },
+  select_date_to_add_to_recurrence: {
+    id: "Select a date to add to recurrence",
+    defaultMessage: "Select a date to add to recurrence"
+  }
+});
+const NoRRuleOptions = [
+  "recurrenceEnds",
+  "monthly",
+  "weekdayOfTheMonthIndex",
+  "weekdayOfTheMonth",
+  "yearly",
+  "monthOfTheYear",
+  "byhour",
+  "byminute",
+  "bysecond",
+  "bynmonthday",
+  "exdates",
+  "rdates"
+];
+class RecurrenceWidget extends Component {
+  /**
+   * Constructor
+   * @method constructor
+   * @param {Object} props Component properties
+   * @constructs Actions
+   */
+  constructor(props, intl) {
+    super(props);
+    __publicField(this, "editRecurrence", () => {
+      this.setRecurrenceStartEnd();
+    });
+    __publicField(this, "setRecurrenceStartEnd", () => {
+      var _a;
+      const start = (_a = this.props.formData) == null ? void 0 : _a.start;
+      const _start = new Date(start);
+      this.setState((prevState) => {
+        let rruleSet = prevState.rruleSet;
+        const formValues = this.getFormValues(rruleSet);
+        rruleSet = this.updateRruleSet(rruleSet, formValues, "dtstart", _start);
+        return {
+          ...prevState,
+          rruleSet,
+          formValues
+        };
+      });
+    });
+    __publicField(this, "getUTCDate", (date) => {
+      return date.match(/T(.)*(-|\+|Z)/g) ? this.moment(date).utc() : this.moment(`${date}Z`).utc();
+    });
+    __publicField(this, "show", (dimmer) => () => {
+      this.setState({ dimmer, open: true });
+      this.editRecurrence();
+    });
+    __publicField(this, "close", () => this.setState({ open: false }));
+    __publicField(this, "getFreq", (number, weekdays) => {
+      let freq = FREQUENCES.DAILY;
+      Object.entries(OPTIONS.frequences).forEach(([f, o]) => {
+        if (o.rrule === number) {
+          freq = f;
+        }
+      });
+      if (freq === FREQUENCES.WEEKLY && weekdays) {
+        if (isEqual(weekdays.sort(), WEEKLY_DAYS.map((w) => w.weekday).sort())) {
+          freq = FREQUENCES.WEEKDAYS;
+        }
+      }
+      return freq;
+    });
+    __publicField(this, "getWeekday", (number) => {
+      var day = null;
+      const n = number === -1 ? 6 : number;
+      Object.keys(Days).forEach((d) => {
+        if (Days[d].weekday === n) {
+          day = Days[d];
+        }
+      });
+      return day;
+    });
+    /**
+     * Called on init, to populate form values
+     * */
+    __publicField(this, "getFormValues", (rruleSet) => {
+      var _a;
+      let formValues = {
+        freq: FREQUENCES.DAILY,
+        interval: 1
+      };
+      formValues = this.changeField(
+        formValues,
+        "recurrenceEnds",
+        ((_a = this.props.formData) == null ? void 0 : _a.end) ? "until" : "count"
+      );
+      const rrule = rruleSet.rrules()[0];
+      if (rrule) {
+        var freq = this.getFreq(rrule.options.freq, rrule.options.byweekday);
+        Object.entries(rrule.options).forEach(([option, value]) => {
+          switch (option) {
+            case "freq":
+              formValues[option] = freq;
+              break;
+            case "count":
+              if (value != null) {
+                formValues["recurrenceEnds"] = option;
+                formValues[option] = value;
+              }
+              break;
+            case "until":
+              if (value != null) {
+                formValues["recurrenceEnds"] = option;
+                formValues[option] = value;
+              }
+              break;
+            case "byweekday":
+              if (value && value.length > 0) {
+                if (isEqual(value, WEEKLY_DAYS)) {
+                  formValues["freq"] = FREQUENCES.WEEKDAYS;
+                }
+                if (isEqual(value, MONDAYFRIDAY_DAYS)) {
+                  formValues["freq"] = FREQUENCES.MONDAYFRIDAY;
+                }
+              }
+              formValues[option] = value ? value.map((d) => {
+                return this.getWeekday(d);
+              }) : [];
+              break;
+            case "bymonthday":
+              if (value && value.length > 0) {
+                if (freq === FREQUENCES.MONTHLY) {
+                  formValues["monthly"] = option;
+                }
+                if (freq === FREQUENCES.YEARLY) {
+                  formValues["yearly"] = option;
+                }
+              } else {
+                if (freq === FREQUENCES.MONTHLY) {
+                  formValues["monthly"] = null;
+                }
+                if (freq === FREQUENCES.YEARLY) {
+                  formValues["yearly"] = null;
+                }
+              }
+              formValues[option] = value;
+              break;
+            case "bynweekday":
+              if (value && value.length > 0) {
+                if (freq === FREQUENCES.SMONTHLY) {
+                  formValues["monthly"] = "byweekday";
+                }
+                if (freq === FREQUENCES.YEARLY) {
+                  formValues["yearly"] = "byday";
+                }
+                formValues["weekdayOfTheMonth"] = value[0][0];
+                formValues["weekdayOfTheMonthIndex"] = value[0][1];
+              }
+              break;
+            case "bymonth":
+              if (freq === FREQUENCES.YEARLY) {
+                formValues["yearly"] = "byday";
+              }
+              formValues["monthOfTheYear"] = value ? value[0] : null;
+              break;
+            default:
+              formValues[option] = value;
+          }
+        });
+      }
+      return formValues;
+    });
+    __publicField(this, "formValuesToRRuleOptions", (formValues) => {
+      var values = Object.assign({}, formValues);
+      NoRRuleOptions.forEach((opt) => {
+        delete values[opt];
+      });
+      Object.keys(values).forEach((field) => {
+        var value = values[field];
+        switch (field) {
+          case "freq":
+            if (value) {
+              value = OPTIONS.frequences[value].rrule;
+            }
+            break;
+          case "until":
+            let mDate = null;
+            if (value) {
+              mDate = this.moment(new Date(value));
+              if (typeof value === "string") {
+                mDate = this.moment(new Date(value));
+              } else {
+                mDate = this.moment(value);
+              }
+              if (this.props.formData.end) {
+                const mEnd = this.moment(new Date(this.props.formData.end));
+                mDate.set("hour", mEnd.get("hour"));
+                mDate.set("minute", mEnd.get("minute"));
+              }
+            }
+            value = value ? mDate.toDate() : null;
+            break;
+        }
+        if (value === 0 || value) {
+          values[field] = value;
+        } else {
+          delete values[field];
+        }
+      });
+      return values;
+    });
+    __publicField(this, "updateRruleSet", (rruleSet, formValues, field, value) => {
+      var rruleOptions = this.formValuesToRRuleOptions(formValues);
+      var dstart = field === "dtstart" ? value : rruleSet.dtstart() ? rruleSet.dtstart() : /* @__PURE__ */ new Date();
+      var exdates = field === "exdates" ? value : Object.assign([], rruleSet.exdates());
+      var rdates = field === "rdates" ? value : Object.assign([], rruleSet.rdates());
+      rruleOptions.dtstart = dstart;
+      const { RRule: RRule2, RRuleSet: RRuleSet2 } = this.props.rrule;
+      let set = new RRuleSet2();
+      set.rrule(new RRule2(rruleOptions));
+      exdates.map((ex) => set.exdate(ex));
+      rdates.map((r) => set.rdate(r));
+      return set;
+    });
+    __publicField(this, "getDefaultUntil", (freq) => {
+      var _a;
+      const moment2 = this.moment;
+      var end = ((_a = this.props.formData) == null ? void 0 : _a.end) ? moment2(new Date(this.props.formData.end)) : null;
+      var tomorrow = moment2().add(1, "days");
+      var nextWeek = moment2().add(7, "days");
+      var nextMonth = moment2().add(1, "months");
+      var nextYear = moment2().add(1, "years");
+      var until = end;
+      switch (freq) {
+        case FREQUENCES.DAILY:
+          until = end ? end : tomorrow;
+          break;
+        case FREQUENCES.WEEKLY:
+          until = end ? end : nextWeek;
+          break;
+        case FREQUENCES.WEEKDAYS:
+          until = end ? end : nextWeek;
+          break;
+        case FREQUENCES.MONDAYFRIDAY:
+          until = end ? end : nextWeek;
+          break;
+        case FREQUENCES.MONTHLY:
+          until = end ? end : nextMonth;
+          break;
+        case FREQUENCES.YEARLY:
+          until = end ? end : nextYear;
+          break;
+      }
+      if (this.props.formData.end) {
+        until.set("hour", end.get("hour"));
+        until.set("minute", end.get("minute"));
+      }
+      until = new Date(
+        until.get("year"),
+        until.get("month"),
+        until.get("date"),
+        until.get("hour"),
+        until.get("minute")
+      );
+      return until;
+    });
+    __publicField(this, "changeField", (formValues, field, value) => {
+      var _a, _b, _c, _d, _e;
+      const moment2 = this.moment;
+      const byweekday = ((_b = (_a = this.state) == null ? void 0 : _a.rruleSet) == null ? void 0 : _b.rrules().length) > 0 ? this.state.rruleSet.rrules()[0].origOptions.byweekday : null;
+      const currWeekday = this.getWeekday(moment2().day() - 1);
+      const currMonth = moment2().month() + 1;
+      const startMonth = ((_c = this.props.formData) == null ? void 0 : _c.start) ? moment2(this.props.formData.start).month() + 1 : currMonth;
+      const startWeekday = ((_d = this.props.formData) == null ? void 0 : _d.start) ? this.getWeekday(moment2(this.props.formData.start).day() - 1) : currWeekday;
+      formValues[field] = value;
+      const defaultMonthDay = ((_e = this.props.formData) == null ? void 0 : _e.start) ? moment2(this.props.formData.start).date() : moment2().date();
+      switch (field) {
+        case "freq":
+          formValues.interval = 1;
+          const fconfig = OPTIONS.frequences[value];
+          if (!fconfig.interval) {
+            formValues.interval = null;
+          }
+          formValues = this.changeField(formValues, "byweekday", null);
+          formValues = this.changeField(formValues, "yearly", null);
+          formValues = this.changeField(formValues, "bymonthday", null);
+          formValues = this.changeField(formValues, "byweekday", null);
+          formValues = this.changeField(formValues, "monthOfTheYear", null);
+          if (!formValues.until) {
+            formValues.until = this.getDefaultUntil(value);
+          }
+          switch (value) {
+            case FREQUENCES.DAILY:
+              break;
+            case FREQUENCES.WEEKDAYS:
+              formValues = this.changeField(formValues, "byweekday", WEEKLY_DAYS);
+              break;
+            case FREQUENCES.MONDAYFRIDAY:
+              formValues = this.changeField(
+                formValues,
+                "byweekday",
+                MONDAYFRIDAY_DAYS
+              );
+              break;
+            case FREQUENCES.WEEKLY:
+              formValues = this.changeField(formValues, "byweekday", [
+                startWeekday
+              ]);
+              break;
+            case FREQUENCES.MONTHLY:
+              formValues = this.changeField(formValues, "monthly", "bymonthday");
+              break;
+            case FREQUENCES.YEARLY:
+              formValues = this.changeField(formValues, "yearly", "bymonthday");
+              break;
+          }
+          break;
+        case "recurrenceEnds":
+          if (value === "count") {
+            formValues.count = 1;
+            formValues.until = null;
+          }
+          if (value === "until") {
+            formValues.until = this.getDefaultUntil(formValues.freq);
+            formValues.count = null;
+          }
+          break;
+        case "byweekday":
+          formValues.byweekday = value;
+          if (FREQUENCES.WEEKLY !== formValues.freq) {
+            formValues.weekdayOfTheMonth = value ? value[0].weekday : null;
+            formValues.weekdayOfTheMonthIndex = value ? value[0].n : null;
+          } else {
+            delete formValues.weekdayOfTheMonth;
+            delete formValues.weekdayOfTheMonthIndex;
+          }
+          break;
+        case "weekdayOfTheMonth":
+          var weekday = this.getWeekday(value);
+          var n = byweekday ? byweekday[0].n : 1;
+          formValues.byweekday = weekday ? [weekday.nth(n)] : null;
+          break;
+        case "weekdayOfTheMonthIndex":
+          var week_day = byweekday ? byweekday[0] : currWeekday;
+          formValues.byweekday = value ? [week_day.nth(value)] : null;
+          break;
+        case "monthOfTheYear":
+          if (value === null || value === void 0) {
+            delete formValues.bymonth;
+          } else {
+            formValues.bymonth = [value];
+          }
+          break;
+        case "monthly":
+          if (value === "bymonthday") {
+            formValues.bymonthday = [defaultMonthDay];
+            formValues = this.changeField(formValues, "byweekday", null);
+          }
+          if (value === "byweekday") {
+            formValues.bymonthday = null;
+            formValues = this.changeField(formValues, "byweekday", [
+              currWeekday.nth(1)
+            ]);
+          }
+          if (value === null) {
+            formValues = this.changeField(formValues, "bymonthday", null);
+            formValues = this.changeField(formValues, "byweekday", null);
+          }
+          break;
+        case "yearly":
+          if (value === "bymonthday") {
+            formValues.bymonthday = [defaultMonthDay];
+            formValues = this.changeField(
+              formValues,
+              "monthOfTheYear",
+              startMonth
+            );
+            formValues = this.changeField(formValues, "byweekday", null);
+          }
+          if (value === "byday") {
+            formValues = this.changeField(formValues, "bymonthday", null);
+            formValues = this.changeField(formValues, "byweekday", [
+              startWeekday.nth(1)
+            ]);
+            formValues = this.changeField(
+              formValues,
+              "monthOfTheYear",
+              startMonth
+            );
+          }
+          break;
+      }
+      return formValues;
+    });
+    __publicField(this, "onChangeRule", (field, value) => {
+      var formValues = Object.assign({}, this.state.formValues);
+      formValues = this.changeField(formValues, field, value);
+      this.setState((prevState) => {
+        var rruleSet = prevState.rruleSet;
+        rruleSet = this.updateRruleSet(rruleSet, formValues, field, value);
+        return {
+          ...prevState,
+          rruleSet,
+          formValues
+        };
+      });
+    });
+    __publicField(this, "exclude", (date) => {
+      let list = this.state.rruleSet.exdates().slice(0);
+      list.push(date);
+      this.onChangeRule("exdates", list);
+    });
+    __publicField(this, "undoExclude", (date) => {
+      let list = this.state.rruleSet.exdates().slice(0);
+      remove(list, (e) => {
+        return e.getTime() === date.getTime();
+      });
+      this.onChangeRule("exdates", list);
+    });
+    __publicField(this, "addDate", (date) => {
+      const moment2 = this.moment;
+      let all = concat(this.state.rruleSet.all(), this.state.rruleSet.exdates());
+      var simpleDate = moment2(new Date(date)).startOf("day").toDate().getTime();
+      var exists = find(all, (e) => {
+        var d = moment2(e).startOf("day").toDate().getTime();
+        return d === simpleDate;
+      });
+      if (!exists) {
+        let list = this.state.rruleSet.rdates().slice(0);
+        list.push(new Date(date));
+        this.onChangeRule("rdates", list);
+      }
+    });
+    __publicField(this, "saveRrule", () => {
+      var value = this.state.rruleSet.toString();
+      this.props.onChange(this.props.id, value);
+    });
+    __publicField(this, "save", () => {
+      this.saveRrule();
+      this.close();
+    });
+    __publicField(this, "remove", () => {
+      const { RRuleSet: RRuleSet2 } = this.props.rrule;
+      this.props.onChange(this.props.id, null);
+      let rruleSet = new RRuleSet2();
+      this.setState({
+        rruleSet,
+        formValues: this.getFormValues(rruleSet)
+      });
+    });
+    this.moment = moment;
+    this.moment.locale(toBackendLang(this.props.lang));
+    let rruleSet = this.props.value ? rrulestr(props.value, {
+      compatible: true,
+      //If set to True, the parser will operate in RFC-compatible mode. Right now it means that unfold will be turned on, and if a DTSTART is found, it will be considered the first recurrence instance, as documented in the RFC.
+      forceset: true
+      // dtstart: props.formData.start
+      //   ? this.getUTCDate(props.formData.start)
+      //       .startOf('day')
+      //       .toDate()
+      //   : null,
+    }) : new RRuleSet();
+    this.state = {
+      open: false,
+      rruleSet,
+      formValues: this.getFormValues(rruleSet),
+      RRULE_LANGUAGE: rrulei18n(
+        this.props.intl,
+        this.moment,
+        toBackendLang(this.props.lang)
+      )
+    };
+  }
+  componentDidMount() {
+    if (this.props.value) {
+      this.setRecurrenceStartEnd();
+    }
+  }
+  componentDidUpdate(prevProps) {
+    var _a, _b, _c, _d, _e, _f;
+    if (this.props.value) {
+      const changedStart = ((_a = prevProps.formData) == null ? void 0 : _a.start) !== ((_b = this.props.formData) == null ? void 0 : _b.start);
+      const changedEnd = ((_c = prevProps.formData) == null ? void 0 : _c.end) !== ((_d = this.props.formData) == null ? void 0 : _d.end);
+      if (changedStart || changedEnd) {
+        let start = this.getUTCDate((_e = this.props.formData) == null ? void 0 : _e.start).toDate();
+        let changeFormValues = {};
+        if (changedEnd) {
+          changeFormValues.until = this.getUTCDate(
+            (_f = this.props.formData) == null ? void 0 : _f.end
+          ).toDate();
+        }
+        this.setState(
+          (prevState) => {
+            let rruleSet = prevState.rruleSet;
+            rruleSet = this.updateRruleSet(
+              rruleSet,
+              { ...prevState.formValues, ...changeFormValues },
+              "dtstart",
+              start
+            );
+            return {
+              ...prevState,
+              rruleSet
+            };
+          },
+          () => {
+            this.saveRrule();
+          }
+        );
+      }
+    }
+  }
+  render() {
+    var _a;
+    const { open, dimmer, rruleSet, formValues, RRULE_LANGUAGE } = this.state;
+    const { id, title, required, description, error, fieldSet, intl } = this.props;
+    return /* @__PURE__ */ jsx(
+      Form$1.Field,
+      {
+        inline: true,
+        required,
+        error: error.length > 0,
+        className: cx("recurrence-widget", description ? "help" : ""),
+        id: `${fieldSet || "field"}-${id}`,
+        children: /* @__PURE__ */ jsxs(Grid, { children: [
+          /* @__PURE__ */ jsxs(Grid.Row, { stretched: true, verticalAlign: "middle", children: [
+            /* @__PURE__ */ jsx(Grid.Column, { width: "4", children: /* @__PURE__ */ jsx("div", { className: "wrapper", children: /* @__PURE__ */ jsx("label", { htmlFor: `field-${id}`, children: title }) }) }),
+            /* @__PURE__ */ jsxs(Grid.Column, { width: "8", children: [
+              rruleSet.rrules()[0] && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Label, { children: (_a = rruleSet.rrules()[0]) == null ? void 0 : _a.toText(
+                  (t) => {
+                    return RRULE_LANGUAGE.strings[t];
+                  },
+                  RRULE_LANGUAGE,
+                  RRULE_LANGUAGE.dateFormatter
+                ) }),
+                /* @__PURE__ */ jsx(Segment, { children: /* @__PURE__ */ jsx(
+                  Occurences,
+                  {
+                    rruleSet,
+                    exclude: this.exclude,
+                    undoExclude: this.undoExclude,
+                    showTitle: false,
+                    editOccurences: false
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    basic: true,
+                    disabled: this.props.isDisabled,
+                    color: "blue",
+                    className: "edit-recurrence",
+                    onClick: this.show("blurring"),
+                    type: "button",
+                    "aria-label": intl.formatMessage(messages.editRecurrence),
+                    children: /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        name: editSVG,
+                        size: "20px",
+                        title: intl.formatMessage(messages.editRecurrence)
+                      }
+                    )
+                  }
+                ),
+                this.props.value && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    basic: true,
+                    color: "pink",
+                    className: "remove-recurrence",
+                    onClick: () => {
+                      this.remove();
+                    },
+                    type: "button",
+                    "aria-label": intl.formatMessage(messages.remove),
+                    children: /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        name: deleteSVG,
+                        size: "20px",
+                        title: intl.formatMessage(messages.remove)
+                      }
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs(
+                Modal,
+                {
+                  dimmer,
+                  open,
+                  onClose: this.close,
+                  className: "recurrence-form",
+                  closeIcon: true,
+                  children: [
+                    /* @__PURE__ */ jsxs(Modal.Header, { children: [
+                      intl.formatMessage(messages.editRecurrence),
+                      " "
+                    ] }),
+                    /* @__PURE__ */ jsx(Modal.Content, { scrolling: true, children: rruleSet.rrules().length > 0 && /* @__PURE__ */ jsxs(Modal.Description, { children: [
+                      /* @__PURE__ */ jsx(Segment, { children: /* @__PURE__ */ jsxs(Form$1, { children: [
+                        /* @__PURE__ */ jsx(
+                          SelectWidget,
+                          {
+                            id: "freq",
+                            title: intl.formatMessage(messages.repeat),
+                            getVocabulary: () => {
+                            },
+                            getVocabularyTokenTitle: () => {
+                            },
+                            choices: Object.keys(OPTIONS.frequences).map(
+                              (t) => {
+                                return [t, intl.formatMessage(messages[t])];
+                              }
+                            ),
+                            value: formValues.freq,
+                            onChange: this.onChangeRule
+                          }
+                        ),
+                        OPTIONS.frequences[formValues.freq].interval && /* @__PURE__ */ jsx(
+                          IntervalField,
+                          {
+                            label: intl.formatMessage(messages.repeatEvery),
+                            labelAfter: formValues.freq && intl.formatMessage(
+                              messages["interval_" + formValues.freq]
+                            ),
+                            value: formValues.interval,
+                            onChange: this.onChangeRule
+                          }
+                        ),
+                        OPTIONS.frequences[formValues.freq].byday && /* @__PURE__ */ jsx(
+                          ByDayField,
+                          {
+                            label: intl.formatMessage(messages.repeatOn),
+                            value: formValues.byweekday,
+                            onChange: this.onChangeRule
+                          }
+                        ),
+                        OPTIONS.frequences[formValues.freq].bymonth && /* @__PURE__ */ jsx(
+                          ByMonthField$1,
+                          {
+                            label: intl.formatMessage(messages.repeatOn),
+                            value: formValues.monthly,
+                            bymonthday: formValues.bymonthday,
+                            weekdayOfTheMonthIndex: formValues.weekdayOfTheMonthIndex,
+                            weekdayOfTheMonth: formValues.weekdayOfTheMonth,
+                            onChange: this.onChangeRule
+                          }
+                        ),
+                        OPTIONS.frequences[formValues.freq].byyear && /* @__PURE__ */ jsx(
+                          ByYearField$1,
+                          {
+                            label: intl.formatMessage(messages.repeatOn),
+                            value: formValues.yearly,
+                            bymonthday: formValues.bymonthday,
+                            monthOfTheYear: formValues.monthOfTheYear,
+                            weekdayOfTheMonthIndex: formValues.weekdayOfTheMonthIndex,
+                            weekdayOfTheMonth: formValues.weekdayOfTheMonth,
+                            onChange: this.onChangeRule
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          EndField$1,
+                          {
+                            value: formValues.recurrenceEnds,
+                            count: formValues.count,
+                            until: formValues.until,
+                            onChange: this.onChangeRule
+                          }
+                        )
+                      ] }) }),
+                      /* @__PURE__ */ jsx(Segment, { children: /* @__PURE__ */ jsx(
+                        Occurences,
+                        {
+                          rruleSet,
+                          exclude: this.exclude,
+                          undoExclude: this.undoExclude
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxs(Segment, { children: [
+                        /* @__PURE__ */ jsx(Header, { as: "h2", children: intl.formatMessage(messages.add_date) }),
+                        /* @__PURE__ */ jsx(
+                          DatetimeWidgetComponent,
+                          {
+                            id: "addDate",
+                            title: intl.formatMessage(
+                              messages.select_date_to_add_to_recurrence
+                            ),
+                            dateOnly: true,
+                            noPastDates: true,
+                            onChange: (id2, value) => {
+                              this.addDate(value === "" ? void 0 : value);
+                            }
+                          }
+                        )
+                      ] })
+                    ] }) }),
+                    /* @__PURE__ */ jsx(Modal.Actions, { children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        className: "save",
+                        basic: true,
+                        onClick: () => {
+                          this.save();
+                        },
+                        "aria-label": intl.formatMessage(messages.save),
+                        children: /* @__PURE__ */ jsx(
+                          Icon,
+                          {
+                            name: saveSVG,
+                            className: "circled",
+                            size: "30px",
+                            title: intl.formatMessage(messages.save)
+                          }
+                        )
+                      }
+                    ) })
+                  ]
+                }
+              ),
+              map(error, (message) => /* @__PURE__ */ jsx(Label, { basic: true, color: "red", pointing: true, children: message }, message))
+            ] })
+          ] }),
+          description && /* @__PURE__ */ jsx(Grid.Row, { stretched: true, children: /* @__PURE__ */ jsx(Grid.Column, { stretched: true, width: "12", children: /* @__PURE__ */ jsx("p", { className: "help", children: description }) }) })
+        ] })
+      }
+    );
+  }
+}
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+__publicField(RecurrenceWidget, "propTypes", {
+  id: PropTypes.string.isRequired,
+  formData: PropTypes.object,
+  title: PropTypes.string.isRequired,
+  description: PropTypes.string,
+  required: PropTypes.bool,
+  error: PropTypes.arrayOf(PropTypes.string),
+  value: PropTypes.string,
+  onChange: PropTypes.func.isRequired
+});
+/**
+ * Default properties.
+ * @property {Object} defaultProps Default properties.
+ * @static
+ */
+__publicField(RecurrenceWidget, "defaultProps", {
+  description: null,
+  required: false,
+  error: [],
+  value: null
+});
+const RecurrenceWidget$1 = compose(
+  connect((state) => ({
+    lang: state.intl.locale
+  })),
+  injectIntl
+)(RecurrenceWidget);
+const RecurrenceWidget$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: RecurrenceWidget$1
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Days as D,
+  RecurrenceWidget$2 as R,
+  SelectInput as S,
+  toISOString as t
+};