@onesy/ui-react 1.0.164 → 1.0.165

package/esm/CalendarAvailability/CalendarAvailability.js

@@ -113,20 +113,20 @@ const useStyle = styleMethod(theme => ({
 const CalendarAvailability = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();
   const l = theme.l;
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyCalendarAvailability?.props?.default), props_), [props_]);
-  const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
-  const Type = React.useMemo(() => theme?.elements?.Type || TypeElement, [theme]);
-  const Tooltip = React.useMemo(() => theme?.elements?.Tooltip || TooltipElement, [theme]);
-  const IconButton = React.useMemo(() => theme?.elements?.IconButton || IconButtonElement, [theme]);
-  const Label = React.useMemo(() => theme?.elements?.Label || LabelElement, [theme]);
-  const Switch = React.useMemo(() => theme?.elements?.Switch || SwitchElement, [theme]);
-  const Modal = React.useMemo(() => theme?.elements?.Modal || ModalElement, [theme]);
-  const ModalHeader = React.useMemo(() => theme?.elements?.ModalHeader || ModalHeaderElement, [theme]);
-  const ModalMain = React.useMemo(() => theme?.elements?.ModalMain || ModalMainElement, [theme]);
-  const Slide = React.useMemo(() => theme?.elements?.Slide || SlideElement, [theme]);
-  const Button = React.useMemo(() => theme?.elements?.Button || ButtonElement, [theme]);
-  const Select = React.useMemo(() => theme?.elements?.Select || SelectElement, [theme]);
-  const CalendarWeek = React.useMemo(() => theme?.elements?.CalendarWeek || CalendarWeekElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyCalendarAvailability?.props?.default), props_);
+  const Line = theme?.elements?.Line || LineElement;
+  const Type = theme?.elements?.Type || TypeElement;
+  const Tooltip = theme?.elements?.Tooltip || TooltipElement;
+  const IconButton = theme?.elements?.IconButton || IconButtonElement;
+  const Label = theme?.elements?.Label || LabelElement;
+  const Switch = theme?.elements?.Switch || SwitchElement;
+  const Modal = theme?.elements?.Modal || ModalElement;
+  const ModalHeader = theme?.elements?.ModalHeader || ModalHeaderElement;
+  const ModalMain = theme?.elements?.ModalMain || ModalMainElement;
+  const Slide = theme?.elements?.Slide || SlideElement;
+  const Button = theme?.elements?.Button || ButtonElement;
+  const Select = theme?.elements?.Select || SelectElement;
+  const CalendarWeek = theme?.elements?.CalendarWeek || CalendarWeekElement;
   const {
       name,
       date: date_,
@@ -203,11 +203,11 @@ const CalendarAvailability = /*#__PURE__*/React.forwardRef((props_, ref) => {
     }
     return (is('array', timesProps) ? timesProps : [timesProps]).filter(Boolean);
   }, [events, timesProps]);
-  const onStatusToggle = React.useCallback((value = 'working') => {
+  const onStatusToggle = (value = 'working') => {
     setStatuses(previous => _objectSpread(_objectSpread({}, previous), {}, {
       [value]: previous[value] === undefined ? false : !previous[value]
     }));
-  }, []);
+  };
   const rangeShade = theme.palette.light ? 70 : 40;
   React.useEffect(() => {
     // 1 minute
@@ -223,22 +223,22 @@ const CalendarAvailability = /*#__PURE__*/React.forwardRef((props_, ref) => {
   React.useEffect(() => {
     if (date_ !== undefined && date_ !== date) setDate(date_);
   }, [date_]);
-  const onOpen = React.useCallback(item => {
+  const onOpen = item => {
     setModal(_objectSpread(_objectSpread({}, item), {}, {
       open: true
     }));
-  }, []);
-  const onClose = React.useCallback(() => {
-    setModal(item => _objectSpread(_objectSpread({}, item), {}, {
+  };
+  const onClose = () => {
+    setModal(item_0 => _objectSpread(_objectSpread({}, item_0), {}, {
       open: false
     }));
-  }, []);
-  const onChangeDisplayTime = React.useCallback(valueNew => {
+  };
+  const onChangeDisplayTime = valueNew => {
     setDisplayTime(valueNew);
-  }, []);
-  const onChangeView = React.useCallback(valueNew => {
-    setView(valueNew);
-  }, []);
+  };
+  const onChangeView = valueNew_0 => {
+    setView(valueNew_0);
+  };
   const optionsStatus = React.useMemo(() => {
     return [{
       name: l('Working'),
@@ -263,74 +263,74 @@ const CalendarAvailability = /*#__PURE__*/React.forwardRef((props_, ref) => {
       value: 'other'
     }];
   }, []);
-  const onToday = React.useCallback(() => {
-    const valueNew = new OnesyDate();
-    setDate(valueNew);
-    if (is('function', onChangeDateProps)) onChangeDateProps(valueNew);
-  }, [onChangeDateProps]);
-  const onPrevious = React.useCallback(() => {
-    let valueNew = new OnesyDate();
-    setDate(previous => {
-      valueNew = remove(1, ['week', 'simple'].includes(view) ? 'week' : view, previous);
-      return valueNew;
+  const onToday = () => {
+    const valueNew_1 = new OnesyDate();
+    setDate(valueNew_1);
+    if (is('function', onChangeDateProps)) onChangeDateProps(valueNew_1);
+  };
+  const onPrevious = () => {
+    let valueNew_2 = new OnesyDate();
+    setDate(previous_0 => {
+      valueNew_2 = remove(1, ['week', 'simple'].includes(view) ? 'week' : view, previous_0);
+      return valueNew_2;
     });
-    if (is('function', onChangeDateProps)) onChangeDateProps(valueNew);
-  }, [view, onChangeDateProps]);
-  const onNext = React.useCallback(() => {
-    let valueNew = new OnesyDate();
-    setDate(previous => {
-      valueNew = add(1, ['week', 'simple'].includes(view) ? 'week' : view, previous);
-      return valueNew;
+    if (is('function', onChangeDateProps)) onChangeDateProps(valueNew_2);
+  };
+  const onNext = () => {
+    let valueNew_3 = new OnesyDate();
+    setDate(previous_1 => {
+      valueNew_3 = add(1, ['week', 'simple'].includes(view) ? 'week' : view, previous_1);
+      return valueNew_3;
     });
-    if (is('function', onChangeDateProps)) onChangeDateProps(valueNew);
-  }, [view, onChangeDateProps]);
-  const getDates = React.useCallback(available => {
+    if (is('function', onChangeDateProps)) onChangeDateProps(valueNew_3);
+  };
+  const getDates = available => {
     const values = available.dates?.values || [];
-    return values.map(item => {
-      if (item.entire) {
-        if (item.from) {
-          let from = new OnesyDate(item.from);
+    return values.map(item_1 => {
+      if (item_1.entire) {
+        if (item_1.from) {
+          let from = new OnesyDate(item_1.from);
           let to;
-          if (['day', 'week', 'month', 'year'].includes(item.entire)) from = startOf(from, 'day');
-          if (item.entire === 'minute') from = startOf(from, 'minute');
-          if (item.entire === 'hour') from = startOf(from, 'hour');
-          to = endOf(from, item.entire);
-          item.from = from.milliseconds;
-          item.to = to.milliseconds;
+          if (['day', 'week', 'month', 'year'].includes(item_1.entire)) from = startOf(from, 'day');
+          if (item_1.entire === 'minute') from = startOf(from, 'minute');
+          if (item_1.entire === 'hour') from = startOf(from, 'hour');
+          to = endOf(from, item_1.entire);
+          item_1.from = from.milliseconds;
+          item_1.to = to.milliseconds;
         }
       }
-      return item;
+      return item_1;
     });
-  }, [times]);
-  const getDatesWeek = React.useCallback(available => {
+  };
+  const getDatesWeek = available_0 => {
     const weekFrom = startOf(date, 'week');
     const weekTo = endOf(date, 'week');
-    return getDates(available).filter(item => {
-      const from = new OnesyDate(item.from);
-      const to = new OnesyDate(item.to);
-      return !(from.milliseconds >= weekTo.milliseconds || to.milliseconds <= weekFrom.milliseconds);
+    return getDates(available_0).filter(item_2 => {
+      const from_0 = new OnesyDate(item_2.from);
+      const to_0 = new OnesyDate(item_2.to);
+      return !(from_0.milliseconds >= weekTo.milliseconds || to_0.milliseconds <= weekFrom.milliseconds);
     });
-  }, [date, getDates]);
-  const getColor = React.useCallback(item => {
+  };
+  const getColor = item_3 => {
     let palette = theme.palette.color.neutral;
-    if (item?.status === 'working') palette = theme.palette.color.success;
-    if (item?.status === 'not-working') palette = theme.palette.color.info;
-    if (item?.status === 'break') palette = theme.palette.color.warning;
-    if (item?.status === 'pending') palette = theme.methods.color(colors.yellow[50]);
-    if (item?.status === 'rescheduled') palette = theme.methods.color(colors.purple[50]);
-    if (item?.status === 'canceled') palette = theme.palette.color.error;
-    if (item?.status === 'other') palette = theme.palette.color.neutral;
+    if (item_3?.status === 'working') palette = theme.palette.color.success;
+    if (item_3?.status === 'not-working') palette = theme.palette.color.info;
+    if (item_3?.status === 'break') palette = theme.palette.color.warning;
+    if (item_3?.status === 'pending') palette = theme.methods.color(colors.yellow[50]);
+    if (item_3?.status === 'rescheduled') palette = theme.methods.color(colors.purple[50]);
+    if (item_3?.status === 'canceled') palette = theme.palette.color.error;
+    if (item_3?.status === 'other') palette = theme.palette.color.neutral;
     return palette[rangeShade];
-  }, [rangeShade, colors, theme]);
-  const itemToText = React.useCallback(item => {
-    if (item === 'pending') return l('Scheduled');
-    if (item === 'not-count-workout-session') return l(`Don't count workout session`);
-    return optionsStatus?.find(itemStatus => itemStatus.value === item)?.name ?? l(item);
-  }, []);
+  };
+  const itemToText = item_4 => {
+    if (item_4 === 'pending') return l('Scheduled');
+    if (item_4 === 'not-count-workout-session') return l(`Don't count workout session`);
+    return optionsStatus?.find(itemStatus => itemStatus.value === item_4)?.name ?? l(item_4);
+  };
   const viewOptions = React.useMemo(() => {
-    return viewsProps?.map(item => ({
-      name: capitalize(item?.name),
-      value: item?.value
+    return viewsProps?.map(item_5 => ({
+      name: capitalize(item_5?.name),
+      value: item_5?.value
     }));
   }, [viewsProps]);
   const days = React.useMemo(() => {
@@ -348,11 +348,11 @@ const CalendarAvailability = /*#__PURE__*/React.forwardRef((props_, ref) => {
       },
       className: classes.simpleTimes,
       fullWidth: true
-    }, days.map((itemDay, index) => {
-      const values = times.filter(item => item.weekly.days[index + 1]?.active).flatMap(item => item.weekly.days[index + 1].values).filter(item => item && [undefined, true].includes(refs.statuses.current[item.status || 'working']));
-      values.sort((a, b) => b.from > a.from ? -1 : 1);
+    }, days.map((itemDay, index_0) => {
+      const values_0 = times.filter(item_6 => item_6.weekly.days[index_0 + 1]?.active).flatMap(item_7 => item_7.weekly.days[index_0 + 1].values).filter(item_8 => item_8 && [undefined, true].includes(refs.statuses.current[item_8.status || 'working']));
+      values_0.sort((a, b) => b.from > a.from ? -1 : 1);
       return /*#__PURE__*/React.createElement(Line, {
-        key: index,
+        key: index_0,
         gap: 1.5,
         direction: "column"
       }, /*#__PURE__*/React.createElement(Line, {
@@ -376,7 +376,7 @@ const CalendarAvailability = /*#__PURE__*/React.forwardRef((props_, ref) => {
       })))), /*#__PURE__*/React.createElement(Line, {
         gap: 2,
         fullWidth: true
-      }, !!values.length ? values.map((itemValue, indexItem) => {
+      }, !!values_0.length ? values_0.map((itemValue, indexItem) => {
         const itemValueFrom = new OnesyDate(itemValue.from);
         const itemValueTo = new OnesyDate(itemValue.to);
         return /*#__PURE__*/React.createElement(Line, {
@@ -414,16 +414,16 @@ const CalendarAvailability = /*#__PURE__*/React.forwardRef((props_, ref) => {
     }));
   };
   const simpleExceptionsUI = () => {
-    const items = times.flatMap(item => getDatesWeek(item));
+    const items = times.flatMap(item_9 => getDatesWeek(item_9));
     if (!items.length) return /*#__PURE__*/React.createElement(Type, {
       version: "b1"
     }, l('No exceptions this week'));
-    return /*#__PURE__*/React.createElement(React.Fragment, null, items.map((itemValue, index) => {
-      const day = set(index + 1, 'dayWeek');
-      const itemValueFrom = new OnesyDate(itemValue.from);
-      const itemValueTo = new OnesyDate(itemValue.to);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, items.map((itemValue_0, index_1) => {
+      const day = set(index_1 + 1, 'dayWeek');
+      const itemValueFrom_0 = new OnesyDate(itemValue_0.from);
+      const itemValueTo_0 = new OnesyDate(itemValue_0.to);
       return /*#__PURE__*/React.createElement(Line, {
-        key: index,
+        key: index_1,
         gap: 1,
         direction: "column"
       }, /*#__PURE__*/React.createElement(Line, {
@@ -434,7 +434,7 @@ const CalendarAvailability = /*#__PURE__*/React.forwardRef((props_, ref) => {
       }, /*#__PURE__*/React.createElement(Line, {
         className: classes.palettePreview,
         style: {
-          background: getColor(itemValue)
+          background: getColor(itemValue_0)
         }
       }), /*#__PURE__*/React.createElement(Line, {
         gap: 1,
@@ -447,17 +447,17 @@ const CalendarAvailability = /*#__PURE__*/React.forwardRef((props_, ref) => {
         l
       })), /*#__PURE__*/React.createElement(Type, {
         version: "b2"
-      }, format(itemValueFrom, formats.entire, {
+      }, format(itemValueFrom_0, formats.entire, {
         l
-      }), " \u2014 ", format(itemValueTo, formats.entire, {
+      }), " \u2014 ", format(itemValueTo_0, formats.entire, {
         l
-      })))), itemValue.description && /*#__PURE__*/React.createElement(Type, {
+      })))), itemValue_0.description && /*#__PURE__*/React.createElement(Type, {
         version: "b2",
         weight: 200,
         whiteSpace: "pre-wrap",
         className: classNames([classes.timeDescription, !refs.displayTime.current && 'onesy-work-day-time']),
         dangerouslySetInnerHTML: {
-          __html: textToInnerHTML(itemValue.description)
+          __html: textToInnerHTML(itemValue_0.description)
         }
       }));
     }));
@@ -478,24 +478,24 @@ const CalendarAvailability = /*#__PURE__*/React.forwardRef((props_, ref) => {
       direction: "row",
       align: "center",
       className: classes.legend
-    }, optionsStatus.map((item, index) => /*#__PURE__*/React.createElement(Line, {
-      key: index,
+    }, optionsStatus.map((item_10, index_2) => /*#__PURE__*/React.createElement(Line, {
+      key: index_2,
       gap: 1,
       direction: "row",
       align: "center",
-      onClick: () => onStatusToggle(item.value),
+      onClick: () => onStatusToggle(item_10.value),
       flexNo: true,
-      className: classNames([classes.itemLegend, [undefined, true].includes(refs.statuses.current[item.value || 'working']) && classes.itemLegendActive])
+      className: classNames([classes.itemLegend, [undefined, true].includes(refs.statuses.current[item_10.value || 'working']) && classes.itemLegendActive])
     }, /*#__PURE__*/React.createElement(Line, {
       className: classes.palettePreview,
       style: {
         background: getColor({
-          status: item.value
+          status: item_10.value
         })
       }
     }), /*#__PURE__*/React.createElement(Type, {
       version: "b2"
-    }, item.name))));
+    }, item_10.name))));
   }, [theme, statuses, optionsStatus]);
   return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,

package/esm/CalendarMenu/CalendarMenu.js

@@ -101,17 +101,17 @@ const useStyle = style(theme => ({
 const CalendarMenu = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();
   const l = theme.l;
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyCalendarAvailability?.props?.default), props_), [props_]);
-  const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
-  const Menu = React.useMemo(() => theme?.elements?.Menu || MenuElement, [theme]);
-  const Calendar = React.useMemo(() => theme?.elements?.Calendar || CalendarElement, [theme]);
-  const Tooltip = React.useMemo(() => theme?.elements?.Tooltip || TooltipElement, [theme]);
-  const IconButton = React.useMemo(() => theme?.elements?.IconButton || IconButtonElement, [theme]);
-  const Button = React.useMemo(() => theme?.elements?.Button || ButtonElement, [theme]);
-  const ListItem = React.useMemo(() => theme?.elements?.ListItem || ListItemElement, [theme]);
-  const PaginationItem = React.useMemo(() => theme?.elements?.PaginationItem || PaginationItemElement, [theme]);
-  const TimePicker = React.useMemo(() => theme?.elements?.TimePicker || TimePickerElement, [theme]);
-  const Type = React.useMemo(() => theme?.elements?.Type || TypeElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyCalendarAvailability?.props?.default), props_);
+  const Line = theme?.elements?.Line || LineElement;
+  const Menu = theme?.elements?.Menu || MenuElement;
+  const Calendar = theme?.elements?.Calendar || CalendarElement;
+  const Tooltip = theme?.elements?.Tooltip || TooltipElement;
+  const IconButton = theme?.elements?.IconButton || IconButtonElement;
+  const Button = theme?.elements?.Button || ButtonElement;
+  const ListItem = theme?.elements?.ListItem || ListItemElement;
+  const PaginationItem = theme?.elements?.PaginationItem || PaginationItemElement;
+  const TimePicker = theme?.elements?.TimePicker || TimePickerElement;
+  const Type = theme?.elements?.Type || TypeElement;
   const {
       value,
       dateProperty = 'ends_at',
@@ -147,38 +147,38 @@ const CalendarMenu = /*#__PURE__*/React.forwardRef((props_, ref) => {
   refs.dateProperty.current = dateProperty;
   refs.value.current = value;
   refs.onChange.current = onChange_;
-  const onChange = React.useCallback(async (...args) => {
+  const onChange = async (...args) => {
     if (is('function', onChange_)) onChange_(...args);
-  }, [onChange_]);
+  };
   React.useEffect(() => {
     if (menuOpen !== menuOpen_ && menuOpen_ !== undefined) setMenuOpen(menuOpen_);
   }, [menuOpen_]);
   React.useEffect(() => {
     if (timeMenuOpen !== timeMenuOpen_ && timeMenuOpen_ !== undefined) setTimeMenuOpen(timeMenuOpen_);
   }, [timeMenuOpen_]);
-  const onMenuOpen = React.useCallback(() => {
+  const onMenuOpen = () => {
     setMenuOpen(true);
-  }, []);
-  const onMenuClose = React.useCallback(() => {
+  };
+  const onMenuClose = () => {
     setMenuOpen(false);
-  }, []);
-  const onTimeMenuOpen = React.useCallback(() => {
+  };
+  const onTimeMenuOpen = () => {
     setTimeMenuOpen(true);
-  }, []);
-  const onTimeMenuClose = React.useCallback(() => {
+  };
+  const onTimeMenuClose = () => {
     setTimeMenuOpen(false);
-  }, []);
-  const onChangeDate = React.useCallback(valueNew => {
+  };
+  const onChangeDate = valueNew => {
     if (closeOnChange) onMenuClose();
     onChange(refs.dateProperty.current, valueNew?.milliseconds);
-  }, [closeOnChange, onChange]);
-  const onChangeTime = React.useCallback(valueNew => {
+  };
+  const onChangeTime = valueNew_0 => {
     onTimeMenuClose();
-    onChange(refs.dateProperty.current, valueNew?.milliseconds);
-  }, [onTimeMenuClose, closeOnChange, onChange]);
-  const onRemove = React.useCallback(() => {
+    onChange(refs.dateProperty.current, valueNew_0?.milliseconds);
+  };
+  const onRemove = () => {
     if (is('function', onRemove_)) onRemove_(value);
-  }, [value, onRemove_]);
+  };
   React.useEffect(() => {
     // reset
     refs.repeatCount.current = {};
@@ -203,9 +203,9 @@ const CalendarMenu = /*#__PURE__*/React.forwardRef((props_, ref) => {
     onClick: () => onChangeDate(add(1, 'month')),
     icon: /*#__PURE__*/React.createElement(IconMaterialCalendarMonthRounded, iconProps)
   }];
-  const onClear = React.useCallback(event => {
+  const onClear = event => {
     onChange(refs.dateProperty.current, null);
-  }, [onChange]);
+  };
   const date = React.useMemo(() => new OnesyDate(value?.[dateProperty] || undefined), [value, dateProperty]);
   const repeats = day => {
     if (!value?.repeat?.active) return;
@@ -226,19 +226,19 @@ const CalendarMenu = /*#__PURE__*/React.forwardRef((props_, ref) => {
         const modulus = difference % value?.repeat?.value;
         repeating = isDate(day, 'after or same', date) && !modulus && value?.repeat.weekdays?.includes(day.dayWeek);
       } else {
-        const modulus = difference % valueRepeat;
-        repeating = isDate(day, 'after or same', date) && !modulus;
+        const modulus_0 = difference % valueRepeat;
+        repeating = isDate(day, 'after or same', date) && !modulus_0;
       }
     }
     if (['month'].includes(value?.repeat?.unit)) {
-      const modulus = difference % valueRepeat;
+      const modulus_1 = difference % valueRepeat;
       const monthDate = add(difference, 'month', date);
-      repeating = monthDate.year === day.year && monthDate.dayYear === day.dayYear && !modulus;
+      repeating = monthDate.year === day.year && monthDate.dayYear === day.dayYear && !modulus_1;
     }
     if (['year'].includes(value?.repeat?.unit)) {
-      const modulus = difference % valueRepeat;
+      const modulus_2 = difference % valueRepeat;
       const yearDate = add(difference, 'year', date);
-      repeating = isDate(day, 'after', date) && yearDate.year === day.year && yearDate.dayYear === day.dayYear && !modulus;
+      repeating = isDate(day, 'after', date) && yearDate.year === day.year && yearDate.dayYear === day.dayYear && !modulus_2;
     }
     if (value?.repeat?.skip_weekends && [0, 6].includes(day.dayWeek)) repeating = false;
     if (repeating) {
@@ -264,9 +264,9 @@ const CalendarMenu = /*#__PURE__*/React.forwardRef((props_, ref) => {
     }
     return repeating;
   };
-  const onContextMenu = React.useCallback(event => {
-    event.stopPropagation();
-  }, []);
+  const onContextMenu = event_0 => {
+    event_0.stopPropagation();
+  };
   const palette = theme.palette.color.primary;
   return /*#__PURE__*/React.createElement(Menu, _extends({
     open: menuOpen,
@@ -356,8 +356,8 @@ const CalendarMenu = /*#__PURE__*/React.forwardRef((props_, ref) => {
         onClick: onRemove
       }, /*#__PURE__*/React.createElement(IconMaterialDeleteRounded, iconProps))))),
       CalendarMonthProps: {
-        renderDay: (dayOnesyDate, propsDay, day, outside) => {
-          const repeating = repeats(dayOnesyDate);
+        renderDay: (dayOnesyDate, propsDay, day_0, outside) => {
+          const repeating_0 = repeats(dayOnesyDate);
           return /*#__PURE__*/React.createElement(PaginationItem, _extends({
             tonal: true,
             color: "inherit",
@@ -367,19 +367,19 @@ const CalendarMenu = /*#__PURE__*/React.forwardRef((props_, ref) => {
             },
             TypeProps: {
               version: 'b3',
-              priority: !day.selected ? !day.weekend ? 'primary' : 'secondary' : undefined
+              priority: !day_0.selected ? !day_0.weekend ? 'primary' : 'secondary' : undefined
             },
             "aria-label": format(dayOnesyDate, 'DD-MM-YYYY', {
               l
             }),
-            className: classNames([classes.dayValue, repeating && classes.dayValueRepeating]),
-            style: _objectSpread(_objectSpread({}, day.today ? {
+            className: classNames([classes.dayValue, repeating_0 && classes.dayValueRepeating]),
+            style: _objectSpread(_objectSpread({}, day_0.today ? {
               boxShadow: `inset 0px 0px 0px 1px ${palette[40]}`
-            } : undefined), day.selected ? {
+            } : undefined), day_0.selected ? {
               color: theme.methods.palette.color.value(undefined, 90, true, palette),
               backgroundColor: theme.methods.palette.color.value(undefined, 40, true, palette)
             } : undefined)
-          }, propsDay), day.value);
+          }, propsDay), day_0.value);
         },
         noTransition: true
       },