@onesy/ui-react 1.0.131 → 1.0.133

package/esm/Calendar/Calendar.js

@@ -244,18 +244,15 @@ const Calendar = /*#__PURE__*/React.forwardRef((props__, ref) => {
   const onCalendarMonthChangeCalendar = React.useCallback(valueNew => {
     onUpdateCalendar(valueNew);
   }, [calendar]);
-  const valid = React.useCallback(function () {
-    if (is('function', valid_)) return valid_(...arguments);
+  const valid = React.useCallback((...args) => {
+    if (is('function', valid_)) return valid_(...args);
     return true;
   }, [valid_]);
-  const move = React.useCallback(function () {
-    let next = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    let unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'month';
+  const move = React.useCallback((next = true, unit = 'month') => {
     if (refs.inProgressTransition.current) return;
     onUpdateCalendar((next ? add : remove)(1, unit, calendar));
   }, [calendar]);
-  const onOpen = React.useCallback(function () {
-    let valueUpdate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'month';
+  const onOpen = React.useCallback((valueUpdate = 'month') => {
     const valueNew = open === valueUpdate ? null : valueUpdate;
     setOpen(valueNew);
 
@@ -609,80 +606,77 @@ const Calendar = /*#__PURE__*/React.forwardRef((props__, ref) => {
     });
   }))), open === 'year' && /*#__PURE__*/React.createElement(Surface, {
     color: "default"
-  }, _ref => {
-    let {
-      palette
-    } = _ref;
-    return menu === 'month-year' ? /*#__PURE__*/React.createElement(Fade, {
-      in: true
-    }, /*#__PURE__*/React.createElement(List, {
-      ref: refs.year,
-      color: "default",
+  }, ({
+    palette
+  }) => menu === 'month-year' ? /*#__PURE__*/React.createElement(Fade, {
+    in: true
+  }, /*#__PURE__*/React.createElement(List, {
+    ref: refs.year,
+    color: "default",
+    size: size,
+    menu: true,
+    className: classNames([staticClassName('Calendar', theme) && ['onesy-Calendar-list'], classes.list])
+  }, getYears(value, calendar, props).map((item, index) => {
+    const onesyDate = item.value;
+    const yearValue = format(onesyDate, 'YYYY');
+    const selected = calendar.year === onesyDate.year;
+    return /*#__PURE__*/React.createElement(ListItem, {
+      key: index,
+      onClick: () => onUpdateCalendarOption(onesyDate),
+      primary: yearValue,
+      inset: !selected,
+      startAlign: "center",
       size: size,
-      menu: true,
-      className: classNames([staticClassName('Calendar', theme) && ['onesy-Calendar-list'], classes.list])
-    }, getYears(value, calendar, props).map((item, index) => {
-      const onesyDate = item.value;
-      const yearValue = format(onesyDate, 'YYYY');
-      const selected = calendar.year === onesyDate.year;
-      return /*#__PURE__*/React.createElement(ListItem, {
-        key: index,
-        onClick: () => onUpdateCalendarOption(onesyDate),
-        primary: yearValue,
-        inset: !selected,
-        startAlign: "center",
-        size: size,
-        start: selected ? /*#__PURE__*/React.createElement(IconDoneAnimated, {
-          in: true,
-          add: true,
-          simple: true,
-          size: size
-        }) : undefined,
-        selected: selected,
-        disabled: !valid(onesyDate, 'year'),
-        button: true,
-        PrimaryProps: {
-          version: size === 'regular' ? 'b2' : size === 'small' ? 'b3' : 'b1'
-        },
-        "data-value": yearValue,
-        className: classNames([staticClassName('Calendar', theme) && ['onesy-Calendar-list-item'], classes.listItem])
-      });
-    }))) : /*#__PURE__*/React.createElement(Fade, {
-      in: true
-    }, /*#__PURE__*/React.createElement(Line, {
-      ref: refs.year,
-      direction: "row",
-      wrap: "wrap",
-      justify: "space-evenly",
-      className: classNames([staticClassName('Calendar', theme) && ['onesy-Calendar-list-version-year'], classes.list_version_year])
-    }, getYears(value, calendar, props).map((item, index) => {
-      const onesyDate = item.value;
-      const yearValue = format(onesyDate, 'YYYY');
-      const selected = calendar.year === onesyDate.year;
-      return /*#__PURE__*/React.createElement(PaginationItem, _extends({
-        key: index,
-        tonal: tonal,
-        color: "inherit",
-        size: size,
-        InteractionProps: {
-          background: false
-        },
-        TypeProps: {
-          version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
-          tone: !selected ? 'primary' : undefined
-        },
-        onClick: () => onUpdateCalendarOption(onesyDate),
-        "data-value": yearValue,
-        disabled: !valid(onesyDate, 'year')
-      }, PaginationItemsProps, {
-        className: classNames([staticClassName('Calendar', theme) && ['onesy-Calendar-day-version-year'], PaginationItemsProps?.className, classes.day_version_year]),
-        style: _objectSpread(_objectSpread({}, selected ? {
-          color: theme.methods.palette.color.value(undefined, 90, true, palette),
-          backgroundColor: theme.methods.palette.color.value(undefined, 40, true, palette)
-        } : undefined), PaginationItemsProps?.style)
-      }), yearValue);
-    })));
-  }), end);
+      start: selected ? /*#__PURE__*/React.createElement(IconDoneAnimated, {
+        in: true,
+        add: true,
+        simple: true,
+        size: size
+      }) : undefined,
+      selected: selected,
+      disabled: !valid(onesyDate, 'year'),
+      button: true,
+      PrimaryProps: {
+        version: size === 'regular' ? 'b2' : size === 'small' ? 'b3' : 'b1'
+      },
+      "data-value": yearValue,
+      className: classNames([staticClassName('Calendar', theme) && ['onesy-Calendar-list-item'], classes.listItem])
+    });
+  }))) : /*#__PURE__*/React.createElement(Fade, {
+    in: true
+  }, /*#__PURE__*/React.createElement(Line, {
+    ref: refs.year,
+    direction: "row",
+    wrap: "wrap",
+    justify: "space-evenly",
+    className: classNames([staticClassName('Calendar', theme) && ['onesy-Calendar-list-version-year'], classes.list_version_year])
+  }, getYears(value, calendar, props).map((item, index) => {
+    const onesyDate = item.value;
+    const yearValue = format(onesyDate, 'YYYY');
+    const selected = calendar.year === onesyDate.year;
+    return /*#__PURE__*/React.createElement(PaginationItem, _extends({
+      key: index,
+      tonal: tonal,
+      color: "inherit",
+      size: size,
+      InteractionProps: {
+        background: false
+      },
+      TypeProps: {
+        version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
+        tone: !selected ? 'primary' : undefined
+      },
+      onClick: () => onUpdateCalendarOption(onesyDate),
+      "data-value": yearValue,
+      disabled: !valid(onesyDate, 'year')
+    }, PaginationItemsProps, {
+      className: classNames([staticClassName('Calendar', theme) && ['onesy-Calendar-day-version-year'], PaginationItemsProps?.className, classes.day_version_year]),
+      style: _objectSpread(_objectSpread({}, selected ? {
+        color: theme.methods.palette.color.value(undefined, 90, true, palette),
+        backgroundColor: theme.methods.palette.color.value(undefined, 40, true, palette)
+      } : undefined), PaginationItemsProps?.style)
+    }), yearValue);
+  })))), end);
 });
 Calendar.displayName = 'onesy-Calendar';
 export default Calendar;

package/esm/CalendarAvailability/CalendarAvailability.js

@@ -203,8 +203,7 @@ const CalendarAvailability = /*#__PURE__*/React.forwardRef((props_, ref) => {
     }
     return (is('array', timesProps) ? timesProps : [timesProps]).filter(Boolean);
   }, [events, timesProps]);
-  const onStatusToggle = React.useCallback(function () {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'working';
+  const onStatusToggle = React.useCallback((value = 'working') => {
     setStatuses(previous => _objectSpread(_objectSpread({}, previous), {}, {
       [value]: previous[value] === undefined ? false : !previous[value]
     }));

package/esm/CalendarMenu/CalendarMenu.js

@@ -147,8 +147,8 @@ const CalendarMenu = /*#__PURE__*/React.forwardRef((props_, ref) => {
   refs.dateProperty.current = dateProperty;
   refs.value.current = value;
   refs.onChange.current = onChange_;
-  const onChange = React.useCallback(async function () {
-    if (is('function', onChange_)) onChange_(...arguments);
+  const onChange = React.useCallback(async (...args) => {
+    if (is('function', onChange_)) onChange_(...args);
   }, [onChange_]);
   React.useEffect(() => {
     if (menuOpen !== menuOpen_ && menuOpen_ !== undefined) setMenuOpen(menuOpen_);

package/esm/CalendarMonth/CalendarMonth.js

@@ -247,9 +247,9 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
   React.useEffect(() => {
     if (calendar_ !== undefined && calendar_ !== calendar) setCalendar(calendar_);
   }, [calendar_]);
-  const valid = React.useCallback(function () {
-    if (is('function', valid_)) return valid_(...arguments);
-    const onesyDate = arguments.length <= 0 ? undefined : arguments[0];
+  const valid = React.useCallback((...args) => {
+    if (is('function', valid_)) return valid_(...args);
+    const onesyDate = args[0];
     if (min || max || validate) {
       let response = true;
       if (is('function', validate)) response = validate(onesyDate);
@@ -418,73 +418,70 @@ const CalendarMonth = /*#__PURE__*/React.forwardRef((props__, ref) => {
   }
   const weeks = arrayToParts(days, 7);
   const getCalendar = status => {
-    return /*#__PURE__*/React.createElement(Surface, null, _ref => {
-      let {
-        palette
-      } = _ref;
+    return /*#__PURE__*/React.createElement(Surface, null, ({
+      palette
+    }) => /*#__PURE__*/React.createElement(Line, {
+      gap: 0.5,
+      direction: "column",
+      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) =>
+    /*#__PURE__*/
+    // Week
+    React.createElement(Line, {
+      key: index,
+      gap: 0,
+      direction: "row",
+      align: "unset",
+      justify: "space-between",
+      className: classNames([staticClassName('CalendarMonth', theme) && ['onesy-CalendarMonth-week'], classes.week])
+    }, week.map((day, index_) => {
+      const propsDay = {
+        onClick: () => onUpdate(day.onesyDate, day.start || day.end ? -1 : undefined),
+        disabled: !day.in && !outside || !valid(day.onesyDate, 'day') ||
+        // not prior to 1970, we may potentially update this in the future
+        day.onesyDate.year < 1970
+      };
       return /*#__PURE__*/React.createElement(Line, {
-        gap: 0.5,
-        direction: "column",
-        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) =>
-      /*#__PURE__*/
-      // Week
-      React.createElement(Line, {
-        key: index,
-        gap: 0,
+        key: index_,
         direction: "row",
-        align: "unset",
-        justify: "space-between",
-        className: classNames([staticClassName('CalendarMonth', theme) && ['onesy-CalendarMonth-week'], classes.week])
-      }, week.map((day, index_) => {
-        const propsDay = {
-          onClick: () => onUpdate(day.onesyDate, day.start || day.end ? -1 : undefined),
-          disabled: !day.in && !outside || !valid(day.onesyDate, 'day') ||
-          // not prior to 1970, we may potentially update this in the future
-          day.onesyDate.year < 1970
-        };
-        return /*#__PURE__*/React.createElement(Line, {
-          key: index_,
-          direction: "row",
-          align: "center",
-          justify: "center",
-          onClick: event => {
-            const timeDate = startOf(day.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, !day.selectedSame && range && [(day.dayWeek === 1 || day.selected && day.selectedIndex === 0 || day.start && !outside) && classes.dayStart, (day.dayWeek === 0 || day.selected && day.selectedIndex === 1 || day.end && !outside) && classes.dayEnd, (day.dayWeek === 1 || day.selected && day.selectedIndex === 0 || day.start && !outside) && (day.dayWeek === 0 || day.selected && day.selectedIndex === 1 || day.end && !outside) && classes.dayStartEnd, day.selected && day.selectedIndex === 0 && !day.selectedSame && classes.dayStartSelected, day.selected && day.selectedIndex === 1 && !day.selectedSame && classes.dayEndSelected]]),
-          style: _objectSpread(_objectSpread({}, range && !day.selected && !day.selectedSame && day.between ? {
-            background: theme.methods.palette.color.value(undefined, 60, true, palette)
-          } : undefined), range && day.selected && !day.selectedSame ? {
-            color: theme.methods.palette.color.value(undefined, 60, true, palette)
-          } : undefined)
-        }, is('function', renderDay) ? renderDay(day.onesyDate, propsDay, day, outside) : /*#__PURE__*/React.createElement(PaginationItem, _extends({
-          tonal: tonal,
-          color: "inherit",
-          size: size,
-          InteractionProps: {
-            background: false
-          },
-          TypeProps: {
-            version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
-            priority: !day.selected ? !day.weekend ? 'primary' : 'secondary' : undefined
-          },
-          "aria-label": format(day.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.between && 'onesy-CalendarMonth-day-between', day.selected && 'onesy-CalendarMonth-day-selected', day.start && 'onesy-CalendarMonth-day-start', day.end && 'onesy-CalendarMonth-day-end'], PaginationItemProps?.className, classes.dayValue]),
-          style: _objectSpread(_objectSpread(_objectSpread({}, day.today ? {
-            boxShadow: `inset 0px 0px 0px 1px ${palette[40]}`
-          } : undefined), day.selected ? {
-            color: theme.methods.palette.color.value(undefined, 90, true, palette),
-            backgroundColor: theme.methods.palette.color.value(undefined, 40, true, palette)
-          } : undefined), PaginationItemProps?.style)
-        }, propsDay), day.value));
-      }))));
-    });
+        align: "center",
+        justify: "center",
+        onClick: event => {
+          const timeDate = startOf(day.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, !day.selectedSame && range && [(day.dayWeek === 1 || day.selected && day.selectedIndex === 0 || day.start && !outside) && classes.dayStart, (day.dayWeek === 0 || day.selected && day.selectedIndex === 1 || day.end && !outside) && classes.dayEnd, (day.dayWeek === 1 || day.selected && day.selectedIndex === 0 || day.start && !outside) && (day.dayWeek === 0 || day.selected && day.selectedIndex === 1 || day.end && !outside) && classes.dayStartEnd, day.selected && day.selectedIndex === 0 && !day.selectedSame && classes.dayStartSelected, day.selected && day.selectedIndex === 1 && !day.selectedSame && classes.dayEndSelected]]),
+        style: _objectSpread(_objectSpread({}, range && !day.selected && !day.selectedSame && day.between ? {
+          background: theme.methods.palette.color.value(undefined, 60, true, palette)
+        } : undefined), range && day.selected && !day.selectedSame ? {
+          color: theme.methods.palette.color.value(undefined, 60, true, palette)
+        } : undefined)
+      }, is('function', renderDay) ? renderDay(day.onesyDate, propsDay, day, outside) : /*#__PURE__*/React.createElement(PaginationItem, _extends({
+        tonal: tonal,
+        color: "inherit",
+        size: size,
+        InteractionProps: {
+          background: false
+        },
+        TypeProps: {
+          version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
+          priority: !day.selected ? !day.weekend ? 'primary' : 'secondary' : undefined
+        },
+        "aria-label": format(day.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.between && 'onesy-CalendarMonth-day-between', day.selected && 'onesy-CalendarMonth-day-selected', day.start && 'onesy-CalendarMonth-day-start', day.end && 'onesy-CalendarMonth-day-end'], PaginationItemProps?.className, classes.dayValue]),
+        style: _objectSpread(_objectSpread(_objectSpread({}, day.today ? {
+          boxShadow: `inset 0px 0px 0px 1px ${palette[40]}`
+        } : undefined), day.selected ? {
+          color: theme.methods.palette.color.value(undefined, 90, true, palette),
+          backgroundColor: theme.methods.palette.color.value(undefined, 40, true, palette)
+        } : undefined), PaginationItemProps?.style)
+      }, propsDay), day.value));
+    })))));
   };
   return /*#__PURE__*/React.createElement(Line, _extends({
     ref: ref,

package/esm/CalendarWeek/CalendarWeek.js

@@ -240,9 +240,7 @@ const CalendarWeek = /*#__PURE__*/React.forwardRef((props_, ref) => {
     if (item === 'not-count-workout-session') return l(`Don't count workout session`);
     return optionsStatus?.find(itemStatus => itemStatus.value === item)?.name ?? l(item);
   }, []);
-  const renderTimes = function (day, valuesAll) {
-    let weekly = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    let itemDay = arguments.length > 3 ? arguments[3] : undefined;
+  const renderTimes = (day, valuesAll, weekly = true, itemDay) => {
     if (itemDay !== undefined && !itemDay?.active) return null;
     if (weekly) {
       const ends_at = itemDay?.ends_at ? new OnesyDate(itemDay.ends_at) : undefined;
@@ -291,14 +289,12 @@ const CalendarWeek = /*#__PURE__*/React.forwardRef((props_, ref) => {
       const bottom_ = 100 - bottom;
 
       // intersections
-      const overlaps = refs.days.current[itemDate].filter(_ref => {
-        let [itemTop, itemBottom] = _ref;
+      const overlaps = refs.days.current[itemDate].filter(([itemTop, itemBottom]) => {
         return !(top >= itemBottom || bottom_ <= itemTop);
       });
       let level = 0;
       if (overlaps.length) {
-        level = refs.overlaping.current[itemDate].filter(_ref2 => {
-          let [itemTop, itemBottom] = _ref2;
+        level = refs.overlaping.current[itemDate].filter(([itemTop, itemBottom]) => {
           return !(top >= itemBottom || bottom_ <= itemTop);
         }).length + 1;
         refs.overlaping.current[itemDate].push([top, bottom_]);

package/esm/Carousel/Carousel.js

@@ -421,9 +421,7 @@ const Carousel = /*#__PURE__*/React.forwardRef((props_, ref) => {
     updateValue(valueNew);
     if (is('function', onUpdatePosition_)) onUpdatePosition_(valueNew);
   };
-  const onUpdate = React.useCallback(function () {
-    let to = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'next';
-    let values = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : refs.items.current;
+  const onUpdate = React.useCallback((to = 'next', values = refs.items.current) => {
     // Momentum
     momentumClear();
 
@@ -739,27 +737,21 @@ const Carousel = /*#__PURE__*/React.forwardRef((props_, ref) => {
 
   // OnesySubscription methods
   React.useEffect(() => {
-    const method = function () {
-      return onUpdate(...arguments);
-    };
+    const method = (...args) => onUpdate(...args);
     if (is('function', updateSub?.subscribe)) updateSub?.subscribe(method);
     return () => {
       if (is('function', updateSub?.unsubscribe)) updateSub?.unsubscribe(method);
     };
   }, [updateSub]);
   React.useEffect(() => {
-    const method = function () {
-      return onUpdate(...arguments);
-    };
+    const method = (...args) => onUpdate(...args);
     if (is('function', previousSub?.subscribe)) previousSub?.subscribe(method);
     return () => {
       if (is('function', previousSub?.unsubscribe)) previousSub?.unsubscribe(method);
     };
   }, [previousSub]);
   React.useEffect(() => {
-    const method = function () {
-      return onUpdate(...arguments);
-    };
+    const method = (...args) => onUpdate(...args);
     if (is('function', nextSub?.subscribe)) nextSub?.subscribe(method);
     return () => {
       if (is('function', nextSub?.unsubscribe)) nextSub?.unsubscribe(method);

package/esm/Chart/Chart.js

@@ -770,8 +770,7 @@ const Chart = /*#__PURE__*/React.forwardRef((props_, ref) => {
       version: "b2"
     }, name));
   }, [theme]);
-  const make = function () {
-    let valueNew = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.values.current;
+  const make = (valueNew = refs.values.current) => {
     // Make values into x, y, coordinates
     // normalized in rect width, height values
 
@@ -840,8 +839,7 @@ const Chart = /*#__PURE__*/React.forwardRef((props_, ref) => {
           tone = 'main',
           name
         } = item;
-        const itemValues = _ref => {
-          let [x, y, ...args] = _ref;
+        const itemValues = ([x, y, ...args]) => {
           const values__ = {
             x: percentageFromValueWithinRange(x, refs.minMax.current.min.x, refs.minMax.current.max.x),
             y: percentageFromValueWithinRange(y, refs.minMax.current.min.y, refs.minMax.current.max.y)
@@ -995,11 +993,10 @@ const Chart = /*#__PURE__*/React.forwardRef((props_, ref) => {
     wrap: "wrap"
   }, LegendProps, {
     className: classNames([staticClassName('Chart', theme) && ['onesy-Chart-legend', `onesy-Chart-legend-position-${legendPosition}`], LegendProps?.className, classes.legend, classes[`legend_position_${legendPosition}`], labels?.y && labelsY && classes.legend_offset_labels_y, names?.y && nameY && classes.legend_offset_names_y])
-  }), legend.map(_ref2 => {
-    let {
-      item,
-      element
-    } = _ref2;
+  }), legend.map(({
+    item,
+    element
+  }) => {
     return /*#__PURE__*/React.cloneElement(element, {
       onClick: () => onLegendClick(item.name),
       className: classNames([element?.props?.className, legendManageVisibility && classes.legend_item_manage_visibility, refs.visible.current[item.name] === false && classes.legend_item_hidden])
@@ -1011,12 +1008,11 @@ const Chart = /*#__PURE__*/React.forwardRef((props_, ref) => {
   }), /*#__PURE__*/React.createElement(Surface, {
     tonal: tonal,
     color: color
-  }, _ref3 => {
-    let {
-      color: color_,
-      backgroundColor,
-      palette
-    } = _ref3;
+  }, ({
+    color: color_,
+    backgroundColor,
+    palette
+  }) => {
     return /*#__PURE__*/React.createElement(React.Fragment, null, !!grid__ && gridX && grid?.x && /*#__PURE__*/React.createElement(Line, {
       gap: 0,
       direction: "row",
@@ -1054,11 +1050,10 @@ const Chart = /*#__PURE__*/React.forwardRef((props_, ref) => {
       ref: refs.defs
     }, defs && defs.map((item, index) => (/*#__PURE__*/React.cloneElement(item, {
       key: index
-    })))), pre, elements && elements.map((_ref4, index) => {
-      let {
-        item,
-        element
-      } = _ref4;
+    })))), pre, elements && elements.map(({
+      item,
+      element
+    }, index) => {
       const isVisible = visible[item?.name] === undefined || !!visible[item?.name];
       return /*#__PURE__*/React.cloneElement(element, _objectSpread(_objectSpread({
         key: index
@@ -1219,11 +1214,10 @@ const Chart = /*#__PURE__*/React.forwardRef((props_, ref) => {
     wrap: "wrap"
   }, LegendProps, {
     className: classNames([staticClassName('Chart', theme) && ['onesy-Chart-legend', `onesy-Chart-legend-position-${legendPosition}`], LegendProps?.className, classes.legend, classes[`legend_position_${legendPosition}`], labels?.y && labelsY && classes.legend_offset_labels_y, names?.y && nameY && classes.legend_offset_names_y])
-  }), legend.map(_ref5 => {
-    let {
-      item,
-      element
-    } = _ref5;
+  }), legend.map(({
+    item,
+    element
+  }) => {
     return /*#__PURE__*/React.cloneElement(element, {
       onClick: () => onLegendClick(item.name),
       className: classNames([element?.props?.className, legendManageVisibility && classes.legend_item_manage_visibility, refs.visible.current[item.name] === false && classes.legend_item_hidden])

package/esm/Clock/Clock.js

@@ -93,9 +93,7 @@ const Clock = /*#__PURE__*/React.forwardRef((props__, ref) => {
   refs.autoNext.current = autoNext;
   refs.format.current = format;
   refs.dayTime.current = dayTime;
-  const resolve = React.useCallback(function () {
-    let valueNew = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.value.current;
-    let dayTimeValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : refs.dayTime.current;
+  const resolve = React.useCallback((valueNew = refs.value.current, dayTimeValue = refs.dayTime.current) => {
     // Resolve the range value
     const valueHour = valueNew.hour;
     if (format === '12') {
@@ -104,8 +102,7 @@ const Clock = /*#__PURE__*/React.forwardRef((props__, ref) => {
     }
     return valueNew;
   }, [value, dayTime, format]);
-  const inputToValue = React.useCallback(function (valueNew) {
-    let unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : refs.selecting.current;
+  const inputToValue = React.useCallback((valueNew, unit = refs.selecting.current) => {
     let onesyDate = new OnesyDate(refs.value.current);
     let valueTime = valueNew;
     if (is('string', valueTime) && valueTime.startsWith('0')) valueTime = valueTime.slice(1);
@@ -277,9 +274,9 @@ const Clock = /*#__PURE__*/React.forwardRef((props__, ref) => {
       if (is('function', onChangeSelecting)) onChangeSelecting(valueNew);
     }
   }, [readOnly, disabled]);
-  const valid = React.useCallback(function () {
-    if (is('function', valid_)) return valid_(...arguments);
-    const onesyDate = arguments.length <= 0 ? undefined : arguments[0];
+  const valid = React.useCallback((...args) => {
+    if (is('function', valid_)) return valid_(...args);
+    const onesyDate = args[0];
     if (min || max || validate) {
       let response = true;
       if (is('function', validate)) response = validate(onesyDate);

package/esm/Confirm/Confirm.js

@@ -92,8 +92,7 @@ const Confirm = /*#__PURE__*/React.forwardRef((props_, ref) => {
       return promise;
     }
   }, [openModal, onOpen]);
-  const close = React.useCallback(function () {
-    let confirm = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  const close = React.useCallback((confirm = false) => {
     if (openModal) {
       setOpenModal(false);
       if (is('function', onClose)) onClose();

package/esm/DatePicker/DatePicker.js

@@ -230,8 +230,7 @@ const DatePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
   const [open, setOpen] = React.useState(false);
   const [mode, setMode] = React.useState((touch ? openMobile : 'select') || 'select');
   const [error, setError] = React.useState(false);
-  const valueToInput = React.useCallback(function () {
-    let valueNew = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : value;
+  const valueToInput = React.useCallback((valueNew = value) => {
     let result = '';
     const [from, to] = is('array', valueNew) ? valueNew : [valueNew];
     if (!(from || to)) return '';
@@ -268,8 +267,7 @@ const DatePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     // Update input modal
     setInputModal(valueToInput(valueNew));
   };
-  const errorCheck = React.useCallback(function () {
-    let valueNew = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : value;
+  const errorCheck = React.useCallback((valueNew = value) => {
     // Error
     setError((valueNew || []).some((item, index) => !valid(item)));
   }, [value]);
@@ -316,8 +314,7 @@ const DatePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
   const onCalendarChangeCalendar = React.useCallback(valueNew => {
     if (valueNew !== calendar) onUpdateCalendar(valueNew);
   }, [calendar]);
-  const inputToValue = React.useCallback(function () {
-    let valueNew_ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : input;
+  const inputToValue = React.useCallback((valueNew_ = input) => {
     let valueNew = valueNew_;
     let [from, to] = valueNew.split(SEPARATOR);
     from = textToOnesyDate(from);
@@ -418,9 +415,9 @@ const DatePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     onClose(event);
     if (is('function', onCancel_)) onCancel_(event);
   }, [input, onCancel_]);
-  const valid = React.useCallback(function () {
-    if (is('function', valid_)) return valid_(...arguments);
-    const onesyDate = arguments.length <= 0 ? undefined : arguments[0];
+  const valid = React.useCallback((...args) => {
+    if (is('function', valid_)) return valid_(...args);
+    const onesyDate = args[0];
     if (min || max || validate) {
       let response = true;
       if (is('function', validate)) response = validate(onesyDate);
@@ -430,8 +427,7 @@ const DatePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     }
     return true;
   }, [valid_, min, max, validate]);
-  const textToOnesyDate = React.useCallback(function (valueNew) {
-    let start = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  const textToOnesyDate = React.useCallback((valueNew, start = true) => {
     const [valueDay, valueMonth, valueYear] = (valueNew || '').split('/');
     const onesyDate = new OnesyDate(new Date(`${valueMonth}/${valueDay}/${valueYear}`));
     return start ? startOf(onesyDate, 'day') : endOf(onesyDate, 'day');
@@ -479,8 +475,7 @@ const DatePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     // Update input for free typing
     setInputModal(valueNew_);
   }, []);
-  const onMode = React.useCallback(function () {
-    let mode_ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : openMobile;
+  const onMode = React.useCallback((mode_ = openMobile) => {
     setMode(() => mode_);
   }, []);
   const mask = [{