@onesy/ui-react 1.0.164 → 1.0.165

package/esm/CalendarMonth/CalendarMonth.js

@@ -199,13 +199,13 @@ const useStyle = style(theme => ({
 const CalendarMonth = /*#__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?.onesyCalendarMonth?.props?.default), props__), [props__]);
-  const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
-  const Surface = React.useMemo(() => theme?.elements?.Surface || SurfaceElement, [theme]);
-  const Type = React.useMemo(() => theme?.elements?.Type || TypeElement, [theme]);
-  const PaginationItem = React.useMemo(() => theme?.elements?.PaginationItem || PaginationItemElement, [theme]);
-  const Transitions = React.useMemo(() => theme?.elements?.Transitions || TransitionsElement, [theme]);
-  const Transition = React.useMemo(() => theme?.elements?.Transition || TransitionElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyCalendarMonth?.props?.default), props__);
+  const Line = theme?.elements?.Line || LineElement;
+  const Surface = theme?.elements?.Surface || SurfaceElement;
+  const Type = theme?.elements?.Type || TypeElement;
+  const PaginationItem = theme?.elements?.PaginationItem || PaginationItemElement;
+  const Transitions = theme?.elements?.Transitions || TransitionsElement;
+  const Transition = theme?.elements?.Transition || TransitionElement;
   const {
       tonal = true,
       color = 'primary',
@@ -269,7 +269,7 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
   React.useEffect(() => {
     if (calendar_ !== undefined && calendar_ !== calendar) setCalendar(calendar_);
   }, [calendar_]);
-  const valid = React.useCallback((...args) => {
+  const valid = (...args) => {
     if (is('function', valid_)) return valid_(...args);
     const onesyDate = args[0];
     if (min || max || validate) {
@@ -280,21 +280,21 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
       return response;
     }
     return true;
-  }, [valid_, min, max, validate]);
-  const onUpdateCalendar = React.useCallback(valueNew => {
+  };
+  const onUpdateCalendar = valueNew => {
     // Inner update
     if (!props.hasOwnProperty('calendar')) setCalendar(valueNew);
     if (is('function', onChangeCalendar)) onChangeCalendar(valueNew);
-  }, [onChangeCalendar]);
-  const onUpdate = React.useCallback((valueUpdated, offsetMultiplier) => {
-    let valueNew = [valueUpdated, value[1]].filter(Boolean);
+  };
+  const onUpdate = (valueUpdated, offsetMultiplier) => {
+    let valueNew_0 = [valueUpdated, value[1]].filter(Boolean);
 
     // Previous
     // Range reset
     // If value is range, and is the same (in terms of day, month, year as from and/or to)
     // make a reset, ie. make both values that same date
     if (range) {
-      if (value.filter(Boolean).some(item => valueUpdated.year === item.year && valueUpdated.month === item.month && valueUpdated.day === item.day)) valueNew = [valueUpdated, valueUpdated];else {
+      if (value.filter(Boolean).some(item => valueUpdated.year === item.year && valueUpdated.month === item.month && valueUpdated.day === item.day)) valueNew_0 = [valueUpdated, valueUpdated];else {
         // Update the value closest to from, to value
         let index;
 
@@ -304,18 +304,18 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
           const middle = Math.abs(value[1].milliseconds - value[0]?.milliseconds) / 2;
           index = valueUpdated.milliseconds <= value[0]?.milliseconds + middle ? 0 : 1;
         }
-        valueNew = [...value];
-        valueNew[index] = valueUpdated;
+        valueNew_0 = [...value];
+        valueNew_0[index] = valueUpdated;
       }
 
       // start of the day
-      if (valueNew[0]) {
-        valueNew[0] = startOf(valueNew[0], 'day');
+      if (valueNew_0[0]) {
+        valueNew_0[0] = startOf(valueNew_0[0], 'day');
       }
 
       // end of the day
-      if (valueNew[1]) {
-        valueNew[1] = endOf(valueNew[1], 'day');
+      if (valueNew_0[1]) {
+        valueNew_0[1] = endOf(valueNew_0[1], 'day');
       }
     }
 
@@ -326,9 +326,9 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
     }
 
     // Inner value update
-    if (!props.hasOwnProperty('value')) setValue(valueNew);
-    if (is('function', onChange)) onChange(!range ? valueNew[0] : valueNew);
-  }, [value, range, offset, calendar, onChange]);
+    if (!props.hasOwnProperty('value')) setValue(valueNew_0);
+    if (is('function', onChange)) onChange(!range ? valueNew_0[0] : valueNew_0);
+  };
   const dayNames = [1, 2, 3, 4, 5, 6];
   if (weekStartDay === 'Monday') dayNames.push(7);else dayNames.unshift(7);
   const renderDayNameMethod = is('function', renderDayName) ? renderDayName : order_ => {
@@ -347,17 +347,17 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
 
   // value or value range selected value
   let id = `${month.year} ${month.month} ${month.day} ${theme.palette.light}`;
-  value.forEach(item => id += ` ${item.year} ${item.month} ${item.day}`);
+  value.forEach(item_0 => id += ` ${item_0.year} ${item_0.month} ${item_0.day}`);
   const monthStart = startOf(month, 'month');
   const previousMonth = remove(1, 'month', month);
   const previousMonthEnd = endOf(previousMonth, 'month');
   const nextMonth = add(1, 'month', month);
   const monthSame = refs.previous.current?.year === calendar?.year && refs.previous.current?.month === calendar?.month;
-  const getRanges = React.useCallback(ranges => {
+  const getRanges = ranges => {
     // Convert all ranges to start/end timestamps
-    const rangeTimestamps = ranges.filter(itemRange => itemRange.filter(Boolean).length).map(itemRange => ({
-      start: itemRange[0].milliseconds,
-      end: (itemRange[1] || itemRange[0]).milliseconds
+    const rangeTimestamps = ranges.filter(itemRange => itemRange.filter(Boolean).length).map(itemRange_0 => ({
+      start: itemRange_0[0].milliseconds,
+      end: (itemRange_0[1] || itemRange_0[0]).milliseconds
     }));
 
     // Sort by start time
@@ -378,20 +378,20 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
     }
     mergedRanges.push(currentRange);
     return mergedRanges.filter(Boolean);
-  }, []);
+  };
   const rangesValue = React.useMemo(() => {
-    const ranges = [value].map(item => {
-      return item.map((itemRange, index) => !index ? startOf(itemRange, 'day') : endOf(itemRange, 'day'));
+    const ranges_0 = [value].map(item_1 => {
+      return item_1.map((itemRange_1, index_0) => !index_0 ? startOf(itemRange_1, 'day') : endOf(itemRange_1, 'day'));
     });
-    return getRanges(ranges);
+    return getRanges(ranges_0);
   }, [value]);
   const rangesSelected = React.useMemo(() => {
-    const ranges = [...(selected || [])].map(item => {
-      return item.map((itemRange, index) => !index ? startOf(itemRange, 'day') : endOf(itemRange, 'day'));
+    const ranges_1 = [...(selected || [])].map(item_2 => {
+      return item_2.map((itemRange_2, index_1) => !index_1 ? startOf(itemRange_2, 'day') : endOf(itemRange_2, 'day'));
     });
-    return getRanges(ranges);
+    return getRanges(ranges_1);
   }, [selected]);
-  const getDetails = React.useCallback(day => {
+  const getDetails = day => {
     const dayFormat = format(day, 'DD-MM-YYYY');
     const dayMonthStart = format(startOf(day, 'month'), 'DD-MM-YYYY');
     const dayMonthEnd = format(endOf(day, 'month'), 'DD-MM-YYYY');
@@ -405,14 +405,14 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
       fromSelected: false,
       monthStart: dayMonthStart === dayFormat,
       monthEnd: dayMonthEnd === dayFormat,
-      selectedIndex: value.findIndex(item => item.year === day.year && item.month === day.month && item.day === day.day),
-      selectedSame: value.filter(item => item.year === day.year && item.month === day.month && item.day === day.day).length === 2
+      selectedIndex: value.findIndex(item_3 => item_3.year === day.year && item_3.month === day.month && item_3.day === day.day),
+      selectedSame: value.filter(item_4 => item_4.year === day.year && item_4.month === day.month && item_4.day === day.day).length === 2
     };
 
     // value
-    for (const itemRange of rangesValue) {
-      const rangeStartDay = format(new OnesyDate(itemRange.start), 'DD-MM-YYYY');
-      const rangeEndDay = format(new OnesyDate(itemRange.end), 'DD-MM-YYYY');
+    for (const itemRange_3 of rangesValue) {
+      const rangeStartDay = format(new OnesyDate(itemRange_3.start), 'DD-MM-YYYY');
+      const rangeEndDay = format(new OnesyDate(itemRange_3.end), 'DD-MM-YYYY');
 
       // start
       if (dayFormat === rangeStartDay) result.selected = result.start = true;
@@ -421,7 +421,7 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
       if (dayFormat === rangeEndDay) result.selected = result.end = true;
 
       // between
-      if (day.milliseconds >= itemRange.start && day.milliseconds <= itemRange.end) result.selected = result.between = true;
+      if (day.milliseconds >= itemRange_3.start && day.milliseconds <= itemRange_3.end) result.selected = result.between = true;
 
       // same
       result.same = result.start && result.end;
@@ -429,18 +429,18 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
     }
 
     // selected
-    for (const itemRange of rangesSelected) {
-      const rangeStartDay = format(new OnesyDate(itemRange.start), 'DD-MM-YYYY');
-      const rangeEndDay = format(new OnesyDate(itemRange.end), 'DD-MM-YYYY');
+    for (const itemRange_4 of rangesSelected) {
+      const rangeStartDay_0 = format(new OnesyDate(itemRange_4.start), 'DD-MM-YYYY');
+      const rangeEndDay_0 = format(new OnesyDate(itemRange_4.end), 'DD-MM-YYYY');
 
       // start
-      if (dayFormat === rangeStartDay) result.selected = result.start = true;
+      if (dayFormat === rangeStartDay_0) result.selected = result.start = true;
 
       // end
-      if (dayFormat === rangeEndDay) result.selected = result.end = true;
+      if (dayFormat === rangeEndDay_0) result.selected = result.end = true;
 
       // between
-      if (day.milliseconds >= itemRange.start && day.milliseconds <= itemRange.end) result.selected = result.between = true;
+      if (day.milliseconds >= itemRange_4.start && day.milliseconds <= itemRange_4.end) result.selected = result.between = true;
 
       // same
       result.same = result.start && result.end;
@@ -451,23 +451,23 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
     }
     result.outside = true;
     return result;
-  }, [value, selected, rangesSelected, rangesValue]);
+  };
   const days = React.useMemo(() => {
     const items = [];
 
     // Add all month days
-    for (let i = 0; i < month.daysInMonth; i++) {
-      let day = set(i + 1, 'day', month);
-      day = set(14, 'hour', day);
-      const details = getDetails(day);
+    for (let i_0 = 0; i_0 < month.daysInMonth; i_0++) {
+      let day_0 = set(i_0 + 1, 'day', month);
+      day_0 = set(14, 'hour', day_0);
+      const details = getDetails(day_0);
       items.push({
-        value: i + 1,
+        value: i_0 + 1,
         in: true,
-        dayWeek: day.dayWeek,
-        weekend: [0, 6].includes(day.dayWeek),
-        today: day.year === monthNow.year && day.dayYear === monthNow.dayYear,
+        dayWeek: day_0.dayWeek,
+        weekend: [0, 6].includes(day_0.dayWeek),
+        today: day_0.year === monthNow.year && day_0.dayYear === monthNow.dayYear,
         is: _objectSpread({}, details),
-        onesyDate: day
+        onesyDate: day_0
       });
     }
     items[0].start = true;
@@ -477,18 +477,18 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
     if (weekStartDay === 'Sunday' && monthStart.dayWeek !== 0 || weekStartDay === 'Monday' && monthStart.dayWeek !== 1) {
       let toAdd = monthStart.dayWeek === 0 ? 6 : monthStart.dayWeek - 1;
       if (weekStartDay === 'Sunday') toAdd++;
-      for (let i = 0; i < toAdd; i++) {
-        const day = set(previousMonthEnd.day - i, 'day', previousMonth);
-        const details = getDetails(day);
+      for (let i_1 = 0; i_1 < toAdd; i_1++) {
+        const day_1 = set(previousMonthEnd.day - i_1, 'day', previousMonth);
+        const details_0 = getDetails(day_1);
         items.unshift({
-          value: day.day,
+          value: day_1.day,
           in: false,
-          dayWeek: day.dayWeek,
-          weekend: [0, 6].includes(day.dayWeek),
-          today: day.year === monthNow.year && day.dayYear === monthNow.dayYear,
-          is: _objectSpread({}, details),
+          dayWeek: day_1.dayWeek,
+          weekend: [0, 6].includes(day_1.dayWeek),
+          today: day_1.year === monthNow.year && day_1.dayYear === monthNow.dayYear,
+          is: _objectSpread({}, details_0),
           start: true,
-          onesyDate: day
+          onesyDate: day_1
         });
       }
     }
@@ -496,20 +496,20 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
     // Add to end
     const dayLast = items[items.length - 1];
     if (dayLast.dayWeek < 7) {
-      let toAdd = 7 - dayLast.dayWeek;
-      if (items.length + toAdd - 1 < 42) toAdd += 41 - (items.length + toAdd - 1);
-      for (let i = 0; i < toAdd; i++) {
-        const day = set(i + 1, 'day', nextMonth);
-        const details = getDetails(day);
+      let toAdd_0 = 7 - dayLast.dayWeek;
+      if (items.length + toAdd_0 - 1 < 42) toAdd_0 += 41 - (items.length + toAdd_0 - 1);
+      for (let i_2 = 0; i_2 < toAdd_0; i_2++) {
+        const day_2 = set(i_2 + 1, 'day', nextMonth);
+        const details_1 = getDetails(day_2);
         items.push({
-          value: i + 1,
+          value: i_2 + 1,
           in: false,
-          dayWeek: day.dayWeek,
-          weekend: [0, 6].includes(day.dayWeek),
-          today: day.year === monthNow.year && day.dayYear === monthNow.dayYear,
-          is: _objectSpread({}, details),
+          dayWeek: day_2.dayWeek,
+          weekend: [0, 6].includes(day_2.dayWeek),
+          today: day_2.year === monthNow.year && day_2.dayYear === monthNow.dayYear,
+          is: _objectSpread({}, details_1),
           end: true,
-          onesyDate: day
+          onesyDate: day_2
         });
       }
     }
@@ -542,46 +542,46 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
       align: "unset",
       justify: "unset",
       className: classNames([staticClassName('CalendarMonth', theme) && ['onesy-CalendarMonth-weeks'], classes.weeks, classes[`weeks_size_${size}`], status && [`weeks_${status}`], !labels && classes.weeks_no_labels])
-    }, weeks.map((week, index) =>
+    }, weeks.map((week, index_2) =>
     /*#__PURE__*/
     // Week
     React.createElement(Line, {
-      key: index,
+      key: index_2,
       gap: 0,
       direction: "row",
       align: "unset",
       justify: "space-between",
       className: classNames([staticClassName('CalendarMonth', theme) && ['onesy-CalendarMonth-week'], classes.week])
-    }, week.map((day, index_) => {
+    }, week.map((day_3, index_) => {
       const propsDay = {
-        onClick: () => onUpdate(day.onesyDate, day.start || day.end ? -1 : undefined),
-        disabled: !day.in && !outside || !valid(day.onesyDate, 'day') ||
+        onClick: () => onUpdate(day_3.onesyDate, day_3.start || day_3.end ? -1 : undefined),
+        disabled: !day_3.in && !outside || !valid(day_3.onesyDate, 'day') ||
         // not prior to 1970, we may potentially update this in the future
-        day.onesyDate.year < 1970
+        day_3.onesyDate.year < 1970
       };
-      const isEdge = day.is.same || (day.is.monthStart || day.is.monthEnd) && day.is.selected;
+      const isEdge = day_3.is.same || (day_3.is.monthStart || day_3.is.monthEnd) && day_3.is.selected;
       return /*#__PURE__*/React.createElement(Line, {
         key: index_,
         direction: "row",
         align: "center",
         justify: "center",
         onClick: event => {
-          const timeDate = startOf(day.onesyDate, 'hour');
+          const timeDate = startOf(day_3.onesyDate, 'hour');
           onTimeClick?.(timeDate, 'month', event);
         },
-        className: classNames([staticClassName('CalendarMonth', theme) && ['onesy-CalendarMonth-day', `onesy-CalendarMonth-day-${day.in ? 'in' : 'out'}`], classes.day, classes[`day_size_${size}`], classes[`day_${day.in ? 'in' : 'out'}`], !day.in && !outside && classes.day_out_no, !propsDay.disabled ? 'onesy-enabled' : 'onesy-disabled',
+        className: classNames([staticClassName('CalendarMonth', theme) && ['onesy-CalendarMonth-day', `onesy-CalendarMonth-day-${day_3.in ? 'in' : 'out'}`], classes.day, classes[`day_size_${size}`], classes[`day_${day_3.in ? 'in' : 'out'}`], !day_3.in && !outside && classes.day_out_no, !propsDay.disabled ? 'onesy-enabled' : 'onesy-disabled',
         // same day
         // (day.is.same || ((day.is.monthStart || day.is.monthEnd) && day.is.selected)) && classes.dayStartEnd,
         // start
-        day.is.start && !isEdge && classes.dayStart,
+        day_3.is.start && !isEdge && classes.dayStart,
         // end
-        day.is.end && !isEdge && classes.dayEnd,
+        day_3.is.end && !isEdge && classes.dayEnd,
         // between
-        day.is.between && !day.is.same && [!day.is.end && day.dayWeek !== 0 && !day.is.monthEnd && classes.dayStartSelection, !day.is.start && day.dayWeek !== 1 && !day.is.monthStart && classes.dayEndSelection]]),
+        day_3.is.between && !day_3.is.same && [!day_3.is.end && day_3.dayWeek !== 0 && !day_3.is.monthEnd && classes.dayStartSelection, !day_3.is.start && day_3.dayWeek !== 1 && !day_3.is.monthStart && classes.dayEndSelection]]),
         style: {
-          '--onesy-color': day.is.fromSelected ? colorSelectedTheme?.main : palette?.main
+          '--onesy-color': day_3.is.fromSelected ? colorSelectedTheme?.main : palette?.main
         }
-      }, is('function', renderDay) ? renderDay(day.onesyDate, propsDay, day, outside) : /*#__PURE__*/React.createElement(PaginationItem, _extends({
+      }, is('function', renderDay) ? renderDay(day_3.onesyDate, propsDay, day_3, outside) : /*#__PURE__*/React.createElement(PaginationItem, _extends({
         tonal: tonal,
         color: "inherit",
         size: size,
@@ -590,23 +590,23 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
         },
         TypeProps: {
           version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
-          priority: !day.is.selected ? !day.weekend ? 'primary' : 'secondary' : undefined
+          priority: !day_3.is.selected ? !day_3.weekend ? 'primary' : 'secondary' : undefined
         },
-        "aria-label": format(day.onesyDate, 'DD-MM-YYYY', {
+        "aria-label": format(day_3.onesyDate, 'DD-MM-YYYY', {
           l
         })
       }, PaginationItemProps, {
-        className: classNames([staticClassName('CalendarMonth', theme) && ['onesy-CalendarMonth-day-value', day.in && 'onesy-CalendarMonth-day-in', day.dayWeek && 'onesy-CalendarMonth-day-day-week', day.weekend && 'onesy-CalendarMonth-day-weekend', day.today && 'onesy-CalendarMonth-day-today', day.is.between && 'onesy-CalendarMonth-day-between', day.is.selected && 'onesy-CalendarMonth-day-selected', day.is.start && 'onesy-CalendarMonth-day-start', day.is.end && 'onesy-CalendarMonth-day-end'], PaginationItemProps?.className, classes.dayValue, day.is.selected && classes.daySelected, classes[`day_size_${size}`]]),
-        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, day.today ? {
+        className: classNames([staticClassName('CalendarMonth', theme) && ['onesy-CalendarMonth-day-value', day_3.in && 'onesy-CalendarMonth-day-in', day_3.dayWeek && 'onesy-CalendarMonth-day-day-week', day_3.weekend && 'onesy-CalendarMonth-day-weekend', day_3.today && 'onesy-CalendarMonth-day-today', day_3.is.between && 'onesy-CalendarMonth-day-between', day_3.is.selected && 'onesy-CalendarMonth-day-selected', day_3.is.start && 'onesy-CalendarMonth-day-start', day_3.is.end && 'onesy-CalendarMonth-day-end'], PaginationItemProps?.className, classes.dayValue, day_3.is.selected && classes.daySelected, classes[`day_size_${size}`]]),
+        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, day_3.today ? {
           boxShadow: `inset 0px 0px 0px 1px ${palette[40]}`
-        } : undefined), day.is.selected && day.is.between && {
+        } : undefined), day_3.is.selected && day_3.is.between && {
           color: `hsl(from var(--onesy-color) h s ${theme.palette.light ? 10 : 98})`,
           backgroundColor: `hsl(from var(--onesy-color) h s ${theme.palette.light ? propsDay.disabled ? 90 : 85 : propsDay.disabled ? 20 : 25})`
-        }), day.is.selected && (day.is.start || day.is.end) && {
+        }), day_3.is.selected && (day_3.is.start || day_3.is.end) && {
           color: `hsl(from var(--onesy-color) h s ${theme.palette.light ? 98 : 10})`,
           backgroundColor: `hsl(from var(--onesy-color) h s ${theme.palette.light ? propsDay.disabled ? 40 : 50 : propsDay.disabled ? 60 : 70})`
         }), PaginationItemProps?.style)
-      }, propsDay), day.value));
+      }, propsDay), day_3.value));
     })))));
   };
   return /*#__PURE__*/React.createElement(Line, _extends({
@@ -620,8 +620,8 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
     align: "center",
     justify: "space-between",
     className: classNames([staticClassName('CalendarMonth', theme) && ['onesy-CalendarMonth-day-names'], classes.dayNames])
-  }, dayNames.map((day, index) => /*#__PURE__*/React.createElement(Line, {
-    key: index,
+  }, dayNames.map((day_4, index_3) => /*#__PURE__*/React.createElement(Line, {
+    key: index_3,
     direction: "column",
     align: "center",
     justify: "center",
@@ -629,7 +629,7 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
   }, /*#__PURE__*/React.createElement(Type, _extends({
     version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
     align: "center"
-  }, DayNameProps), renderDayNameMethod(day))))), noTransition && getCalendar(), !noTransition && /*#__PURE__*/React.createElement(Transitions, _extends({
+  }, DayNameProps), renderDayNameMethod(day_4))))), noTransition && getCalendar(), !noTransition && /*#__PURE__*/React.createElement(Transitions, _extends({
     id: refs.id.current,
     mode: "in-out-follow",
     switch: true

package/esm/CalendarViews/CalendarViews.js

@@ -106,15 +106,15 @@ const useStyle = styleMethod(theme => ({
 const CalendarViews = /*#__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?.onesyCalendarViews?.props?.default), props_), [props_]);
-  const CalendarMonth = React.useMemo(() => theme?.elements?.CalendarMonth || CalendarMonthElement, [theme]);
-  const IconButton = React.useMemo(() => theme?.elements?.IconButton || IconButtonElement, [theme]);
-  const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
-  const Tooltip = React.useMemo(() => theme?.elements?.Tooltip || TooltipElement, [theme]);
-  const Type = React.useMemo(() => theme?.elements?.Type || TypeElement, [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?.onesyCalendarViews?.props?.default), props_);
+  const CalendarMonth = theme?.elements?.CalendarMonth || CalendarMonthElement;
+  const IconButton = theme?.elements?.IconButton || IconButtonElement;
+  const Line = theme?.elements?.Line || LineElement;
+  const Tooltip = theme?.elements?.Tooltip || TooltipElement;
+  const Type = theme?.elements?.Type || TypeElement;
+  const Button = theme?.elements?.Button || ButtonElement;
+  const Select = theme?.elements?.Select || SelectElement;
+  const CalendarWeek = theme?.elements?.CalendarWeek || CalendarWeekElement;
   const {
       viewDefault,
       dateDefault,
@@ -198,32 +198,32 @@ const CalendarViews = /*#__PURE__*/React.forwardRef((props_, ref) => {
       l
     });
   }, [view, date]);
-  const onChangeView = React.useCallback(valueNew => {
+  const onChangeView = valueNew => {
     setView(valueNew);
     if (is('function', onChangeViewProps)) onChangeViewProps(valueNew);
-  }, [onChangeViewProps]);
-  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();
+  };
+  const onToday = () => {
+    const valueNew_0 = new OnesyDate();
+    setDate(valueNew_0);
+    if (is('function', onChangeDateProps)) onChangeDateProps(valueNew_0);
+  };
+  const onPrevious = () => {
+    let valueNew_1 = new OnesyDate();
     setDate(previous => {
-      valueNew = remove(1, view, previous);
-      return valueNew;
+      valueNew_1 = remove(1, view, previous);
+      return valueNew_1;
     });
-    if (is('function', onChangeDateProps)) onChangeDateProps(valueNew);
-  }, [view, onChangeDateProps]);
-  const onNext = React.useCallback(() => {
-    let valueNew = new OnesyDate();
-    setDate(previous => {
-      valueNew = add(1, view, previous);
-      return valueNew;
+    if (is('function', onChangeDateProps)) onChangeDateProps(valueNew_1);
+  };
+  const onNext = () => {
+    let valueNew_2 = new OnesyDate();
+    setDate(previous_0 => {
+      valueNew_2 = add(1, view, previous_0);
+      return valueNew_2;
     });
-    if (is('function', onChangeDateProps)) onChangeDateProps(valueNew);
-  }, [view, onChangeDateProps]);
-  const renderDay = React.useCallback((valueCalendarMonth, propsDay, day, outside) => {
+    if (is('function', onChangeDateProps)) onChangeDateProps(valueNew_2);
+  };
+  const renderDay = (valueCalendarMonth, propsDay, day, outside) => {
     return /*#__PURE__*/React.createElement(Line, {
       gap: 0.5,
       direction: "column",
@@ -247,8 +247,8 @@ const CalendarViews = /*#__PURE__*/React.forwardRef((props_, ref) => {
       fullWidth: true,
       className: classes.contentItemsMonth
     }, is('function', render) && render(valueCalendarMonth, view)));
-  }, [render, view]);
-  const renderDayName = React.useCallback(order => {
+  };
+  const renderDayName = order => {
     const values = {
       1: l('Mo'),
       2: l('Tu'),
@@ -259,7 +259,7 @@ const CalendarViews = /*#__PURE__*/React.forwardRef((props_, ref) => {
       7: l('Su')
     };
     return values[order];
-  }, []);
+  };
   const ui = {
     month: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Line, {
       gap: 0,