mozrest-sdk-react-dev 0.3.38 → 0.3.39

package/mozrest-sdk.es.js

@@ -7830,6 +7830,7 @@ const Negative$4 = "Negative";
 const Period$4 = "Period";
 const Year$5 = "Year";
 const Covers$4 = "Covered";
+const NO_AVAILABLE_CHANNELS$4 = "No available channels";
 const en = {
   errors: errors$4,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$4,
@@ -8374,7 +8375,8 @@ const en = {
   Year: Year$5,
   "No options": "No options",
   Covers: Covers$4,
-  "dd/mm/yyyy": "dd/mm/yyyy"
+  "dd/mm/yyyy": "dd/mm/yyyy",
+  NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$4
 };
 const errors$3 = { "required": "Este campo es requerido", "email": "Este correo electrónico no es válido", "phone": "Número de teléfono no válido", "url": "URL no válida" };
 const SPECIALCLOSINGDATES$3 = "Fechas de cierre especiales u horarios de apertura diferentes (días especiales, festivos, eventos privados…)";
@@ -8868,6 +8870,7 @@ const Period$3 = "Período";
 const Year$4 = "Año";
 const Bookings$3 = "Reservas";
 const Covers$3 = "Coberturas";
+const NO_AVAILABLE_CHANNELS$3 = "No hay canales disponibles";
 const es$2 = {
   errors: errors$3,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$3,
@@ -9413,7 +9416,8 @@ const es$2 = {
   "No options": "No hay opciones",
   Bookings: Bookings$3,
   Covers: Covers$3,
-  "dd/mm/yyyy": "dd/mm/yyyy"
+  "dd/mm/yyyy": "dd/mm/yyyy",
+  NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$3
 };
 const errors$2 = { "required": "Ce champ est requis", "email": "Cet e-mail n'est pas valide", "phone": "Numéro de téléphone non valide", "url": "Cette URL n'est pas valide" };
 const SPECIALCLOSINGDATES$2 = "Dates de fermeture spéciales ou horaires différents (jours fériés, événements privés, etc.)";
@@ -9907,6 +9911,7 @@ const Period$2 = "Période";
 const Year$3 = "Année";
 const Bookings$2 = "Réservations";
 const Covers$2 = "Couverts";
+const NO_AVAILABLE_CHANNELS$2 = "Aucun canal disponible";
 const fr$1 = {
   errors: errors$2,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$2,
@@ -10452,7 +10457,8 @@ const fr$1 = {
   "No options": "Vide",
   Bookings: Bookings$2,
   Covers: Covers$2,
-  "dd/mm/yyyy": "jj/mm/aaaa"
+  "dd/mm/yyyy": "jj/mm/aaaa",
+  NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$2
 };
 const errors$1 = { "required": "Dieses Feld ist erforderlich", "email": "Diese E-Mail ist nicht gültig", "phone": "Diese Telefonnummer ist nicht gültig", "url": "Diese URL ist nicht gültig" };
 const SPECIALCLOSINGDATES$1 = "Besondere Schließungstage oder abweichende Öffnungszeiten (besondere Tage, Feiertage, private Veranstaltungen…)";
@@ -10946,6 +10952,7 @@ const Period$1 = "Zeitraum";
 const Year$2 = "Jahr";
 const Bookings$1 = "Buchungen";
 const Covers$1 = "Covered";
+const NO_AVAILABLE_CHANNELS$1 = "Keine verfügbaren Kanäle";
 const de$1 = {
   errors: errors$1,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$1,
@@ -11491,7 +11498,8 @@ const de$1 = {
   "No options": "Keine Optionen",
   Bookings: Bookings$1,
   Covers: Covers$1,
-  "dd/mm/yyyy": "dd/mm/yyyy"
+  "dd/mm/yyyy": "dd/mm/yyyy",
+  NO_AVAILABLE_CHANNELS: NO_AVAILABLE_CHANNELS$1
 };
 const errors = { "required": "Dit veld is verplicht", "email": "Dit e-mailadres is ongeldig", "phone": "Ongeldig telefoonnummer", "url": "Deze URL is ongeldig" };
 const SPECIALCLOSINGDATES = "Speciale sluitingsdagen of afwijkende openingstijden (feestdagen, evenementen, enz.)";
@@ -61444,10 +61452,71 @@ const formatData$i = (values = {}) => {
     }
   };
 };
+const useOutsideClick = (ref, callback) => {
+  useEffect(() => {
+    function handleClickOutside(event) {
+      if (ref.current && (!ref.current.contains(event.target) && !event.target.className.includes("ant-picker"))) {
+        callback();
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [ref]);
+};
+const filterButton$1 = "_filterButton_c0yjo_1";
+const buttonClose$1 = "_buttonClose_c0yjo_21";
+const toolbar$2 = "_toolbar_c0yjo_38";
+const styles$1y = {
+  filterButton: filterButton$1,
+  buttonClose: buttonClose$1,
+  toolbar: toolbar$2,
+  "toolbar--hide": "_toolbar--hide_c0yjo_47"
+};
+const FiltersWrapper$1 = ({
+  children
+}) => {
+  const {
+    t: t2
+  } = useTranslation();
+  const [showFilters, setShowFilters] = useState(false);
+  const toogleFilter = () => setShowFilters((current) => !current);
+  const close3 = () => setShowFilters(false);
+  const ref = useRef(null);
+  useOutsideClick(ref, close3);
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsxs("div", {
+      ref,
+      className: classNames$2(styles$1y.toolbar, {
+        [styles$1y["toolbar--hide"]]: !showFilters
+      }),
+      children: [/* @__PURE__ */ jsx$1("div", {
+        className: classNames$2(styles$1y.buttonClose, {
+          [styles$1y.hide]: !showFilters
+        }),
+        children: /* @__PURE__ */ jsx$1(Icon, {
+          icon: "close",
+          size: "small",
+          onClick: close3
+        })
+      }), /* @__PURE__ */ jsx$1("div", {
+        children
+      })]
+    }), /* @__PURE__ */ jsxs("button", {
+      onClick: toogleFilter,
+      className: styles$1y.filterButton,
+      children: [/* @__PURE__ */ jsx$1(Icon, {
+        icon: "descriptionShort",
+        size: "small"
+      }), t2("FILTERS")]
+    })]
+  });
+};
 const inputWrapper = "_inputWrapper_c5acm_1";
 const input$4 = "_input_c5acm_1";
 const inputIcon = "_inputIcon_c5acm_89";
-const styles$1y = {
+const styles$1x = {
   inputWrapper,
   input: input$4,
   "input--r-md": "_input--r-md_c5acm_37",
@@ -61509,7 +61578,7 @@ const Input$2 = React__default.forwardRef(({
       },
       children: [/* @__PURE__ */ jsx$1("input", {
         ref,
-        className: classNames$2(styles$1y["input"], styles$1y[`input--h-${heigth}`], styles$1y[`input--r-${radius}`], icon2 && styles$1y[`input--with-icon-${iconPosition}`], filled == true ? styles$1y[`input--filled`] : "", borderLess == true ? styles$1y[`input--borderless`] : "", rounded == true ? styles$1y[`input--rounded`] : "", error3 == true ? styles$1y[`input--error`] : "", lineThrough == true ? styles$1y[`input--line-through`] : ""),
+        className: classNames$2(styles$1x["input"], styles$1x[`input--h-${heigth}`], styles$1x[`input--r-${radius}`], icon2 && styles$1x[`input--with-icon-${iconPosition}`], filled == true ? styles$1x[`input--filled`] : "", borderLess == true ? styles$1x[`input--borderless`] : "", rounded == true ? styles$1x[`input--rounded`] : "", error3 == true ? styles$1x[`input--error`] : "", lineThrough == true ? styles$1x[`input--line-through`] : ""),
         style: customStyles2,
         onChange: onChange2,
         id: id2,
@@ -61520,7 +61589,7 @@ const Input$2 = React__default.forwardRef(({
         disabled: disabled2,
         ...props
       }), icon2 && /* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1y["inputIcon"], styles$1y[`inputIcon--p-${iconPosition}`], className ? className : ""),
+        className: classNames$2(styles$1x["inputIcon"], styles$1x[`inputIcon--p-${iconPosition}`], className ? className : ""),
         children: /* @__PURE__ */ jsx$1(Icon, {
           icon: icon2,
           size: iconSize
@@ -61530,7 +61599,7 @@ const Input$2 = React__default.forwardRef(({
   });
 });
 const datePicker$1 = "_datePicker_aezmq_1";
-const styles$1x = {
+const styles$1w = {
   datePicker: datePicker$1
 };
 function r(e) {
@@ -71970,7 +72039,7 @@ const left = "_left_10sq9_38";
 const datePickerShortcuts = "_datePickerShortcuts_10sq9_48";
 const singleMode = "_singleMode_10sq9_298";
 const rangeMode = "_rangeMode_10sq9_303";
-const styles$1w = {
+const styles$1v = {
   datePicker,
   inlinePicker,
   visible,
@@ -85540,12 +85609,12 @@ const DatePicker$1 = ({
       return null;
     }
     return /* @__PURE__ */ jsx$1("div", {
-      className: styles$1w.datePickerShortcuts,
+      className: styles$1v.datePickerShortcuts,
       children: options2.shortcuts.map((shortcut, index2) => /* @__PURE__ */ jsx$1(Button$1, {
         type: "button",
         mode: "tertiary",
         size: "mini",
-        className: styles$1w.datePickerShortcutBtn,
+        className: styles$1v.datePickerShortcutBtn,
         onClick: () => {
           shortcut.onClick({
             setDateRange: (start, end) => {
@@ -85596,7 +85665,7 @@ const DatePicker$1 = ({
   }, [value2, format3, isRangeMode]);
   const selectedDate = isRangeMode ? startDate : singleDate;
   return /* @__PURE__ */ jsxs("div", {
-    className: `${styles$1w.inlinePicker} ${show ? styles$1w.visible : ""} ${isRangeMode ? styles$1w.rangeMode : styles$1w.singleMode} ${styles$1w[pickerPosition]}`,
+    className: `${styles$1v.inlinePicker} ${show ? styles$1v.visible : ""} ${isRangeMode ? styles$1v.rangeMode : styles$1v.singleMode} ${styles$1v[pickerPosition]}`,
     children: [/* @__PURE__ */ jsx$1(DatePicker$2, {
       id: id2,
       ref: datePickerRef,
@@ -85663,7 +85732,7 @@ const InputDatePicker = (props) => {
     });
   });
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1x.datePicker,
+    className: styles$1w.datePicker,
     ref: pickerContainerRef,
     children: [/* @__PURE__ */ jsx$1(CustomInput, {}), /* @__PURE__ */ jsx$1(DatePicker$1, {
       id: props.id,
@@ -85687,67 +85756,6 @@ InputDatePicker.defaultProps = {
   },
   mode: "single"
 };
-const useOutsideClick = (ref, callback) => {
-  useEffect(() => {
-    function handleClickOutside(event) {
-      if (ref.current && (!ref.current.contains(event.target) && !event.target.className.includes("ant-picker"))) {
-        callback();
-      }
-    }
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [ref]);
-};
-const filterButton$1 = "_filterButton_c0yjo_1";
-const buttonClose$1 = "_buttonClose_c0yjo_21";
-const toolbar$2 = "_toolbar_c0yjo_38";
-const styles$1v = {
-  filterButton: filterButton$1,
-  buttonClose: buttonClose$1,
-  toolbar: toolbar$2,
-  "toolbar--hide": "_toolbar--hide_c0yjo_47"
-};
-const FiltersWrapper$1 = ({
-  children
-}) => {
-  const {
-    t: t2
-  } = useTranslation();
-  const [showFilters, setShowFilters] = useState(false);
-  const toogleFilter = () => setShowFilters((current) => !current);
-  const close3 = () => setShowFilters(false);
-  const ref = useRef(null);
-  useOutsideClick(ref, close3);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsxs("div", {
-      ref,
-      className: classNames$2(styles$1v.toolbar, {
-        [styles$1v["toolbar--hide"]]: !showFilters
-      }),
-      children: [/* @__PURE__ */ jsx$1("div", {
-        className: classNames$2(styles$1v.buttonClose, {
-          [styles$1v.hide]: !showFilters
-        }),
-        children: /* @__PURE__ */ jsx$1(Icon, {
-          icon: "close",
-          size: "small",
-          onClick: close3
-        })
-      }), /* @__PURE__ */ jsx$1("div", {
-        children
-      })]
-    }), /* @__PURE__ */ jsxs("button", {
-      onClick: toogleFilter,
-      className: styles$1v.filterButton,
-      children: [/* @__PURE__ */ jsx$1(Icon, {
-        icon: "descriptionShort",
-        size: "small"
-      }), t2("FILTERS")]
-    })]
-  });
-};
 const Header$3 = ({
   onChangeFilter,
   filters: filters2,
@@ -85804,6 +85812,7 @@ const Header$3 = ({
           children: /* @__PURE__ */ jsx$1(InputDatePicker, {
             id: "date",
             label: t2("DATERANGE"),
+            mode: "range",
             value: [new Date(filters2.range.from), new Date(filters2.range.till)],
             onChange: (v2) => {
               if (!v2 || v2.length < 2) return;
@@ -85812,16 +85821,7 @@ const Header$3 = ({
               handleChangeRange([start, end]);
             },
             options: {
-              splitView: true,
-              singleMode: false,
-              numberOfColumns: 2,
-              numberOfMonths: 2,
-              autoApply: false,
-              showWeekNumbers: false,
-              lang: i18n.language === "es" ? "es-ES" : "en-EN",
               dropdowns: {
-                minYear: 1990,
-                maxYear: null,
                 months: true,
                 years: true
               }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mozrest-sdk-react-dev",
-  "version": "0.3.38",
+  "version": "0.3.39",
   "main": "mozrest-sdk.es.js",
   "keywords": [
     "mozrest"

package/style.css

@@ -1302,6 +1302,71 @@
   position: absolute;
   top: 1rem;
   right: 1rem;
+}._filterButton_c0yjo_1 {
+  display: flex;
+  background: var(--moz-cta-content-bg);
+  color: var(--moz-text-label);
+  border: 1px solid var(--moz-border);
+  padding: 0.5rem;
+  border-radius: 2px;
+  justify-content: center;
+  align-items: center;
+  gap: 0.5rem;
+  cursor: pointer;
+  margin-left: auto;
+  margin-bottom: 1rem;
+}
+@media (min-width: 768px) {
+  ._filterButton_c0yjo_1 {
+    display: none;
+  }
+}
+
+._buttonClose_c0yjo_21 {
+  display: flex;
+  color: var(--moz-text-label);
+  justify-content: flex-end;
+  cursor: pointer;
+  flex: 1;
+  width: 100%;
+}
+._buttonClose--hidden_c0yjo_29 {
+  display: none;
+}
+@media (min-width: 768px) {
+  ._buttonClose_c0yjo_21 {
+    display: none;
+  }
+}
+
+._toolbar_c0yjo_38 {
+  background-color: var(--moz-cta-content-bg);
+  box-shadow: var(--moz-input-border) 0px 10px 10px -10px;
+  position: absolute;
+  padding: 1rem;
+  left: 0;
+  right: 0;
+  z-index: 10;
+}
+._toolbar--hide_c0yjo_47 {
+  display: none;
+}
+@media (min-width: 768px) {
+  ._toolbar--hide_c0yjo_47 {
+    display: block;
+  }
+}
+@media (min-width: 768px) {
+  ._toolbar_c0yjo_38 {
+    background-color: transparent;
+    box-shadow: none;
+    padding: 1rem 0;
+    position: relative;
+    gap: 1rem;
+  }
+  ._toolbar--hidden_c0yjo_63 {
+    display: flex;
+  }
 }._inputWrapper_c5acm_1 {
   position: relative;
   display: flex;
@@ -2525,71 +2590,6 @@ h2.react-datepicker__current-month {
 ._rangeMode_10sq9_303 {
   --picker-width: 540px;
   --picker-mobile-width: 260px;
-}._filterButton_c0yjo_1 {
-  display: flex;
-  background: var(--moz-cta-content-bg);
-  color: var(--moz-text-label);
-  border: 1px solid var(--moz-border);
-  padding: 0.5rem;
-  border-radius: 2px;
-  justify-content: center;
-  align-items: center;
-  gap: 0.5rem;
-  cursor: pointer;
-  margin-left: auto;
-  margin-bottom: 1rem;
-}
-@media (min-width: 768px) {
-  ._filterButton_c0yjo_1 {
-    display: none;
-  }
-}
-
-._buttonClose_c0yjo_21 {
-  display: flex;
-  color: var(--moz-text-label);
-  justify-content: flex-end;
-  cursor: pointer;
-  flex: 1;
-  width: 100%;
-}
-._buttonClose--hidden_c0yjo_29 {
-  display: none;
-}
-@media (min-width: 768px) {
-  ._buttonClose_c0yjo_21 {
-    display: none;
-  }
-}
-
-._toolbar_c0yjo_38 {
-  background-color: var(--moz-cta-content-bg);
-  box-shadow: var(--moz-input-border) 0px 10px 10px -10px;
-  position: absolute;
-  padding: 1rem;
-  left: 0;
-  right: 0;
-  z-index: 10;
-}
-._toolbar--hide_c0yjo_47 {
-  display: none;
-}
-@media (min-width: 768px) {
-  ._toolbar--hide_c0yjo_47 {
-    display: block;
-  }
-}
-@media (min-width: 768px) {
-  ._toolbar_c0yjo_38 {
-    background-color: transparent;
-    box-shadow: none;
-    padding: 1rem 0;
-    position: relative;
-    gap: 1rem;
-  }
-  ._toolbar--hidden_c0yjo_63 {
-    display: flex;
-  }
 }@media (max-width: 768px) {
   ._content_6vryc_2 {
     padding: 0;