@onesy/ui-react 1.0.131 → 1.0.132

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 = [{

package/esm/DateTimePicker/DateTimePicker.js

@@ -156,8 +156,7 @@ const DateTimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
   const [error, setError] = React.useState(false);
   const [tab, setTab] = React.useState('date');
   refs.value.current = value;
-  const valueToInput = React.useCallback(function () {
-    let valueNew = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.value.current;
+  const valueToInput = React.useCallback((valueNew = refs.value.current) => {
     let result = '';
     const [from, to] = valueNew;
     if (!(from || to)) return '';
@@ -191,8 +190,7 @@ const DateTimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     // Update input
     setInput(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]);
@@ -256,8 +254,7 @@ const DateTimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     }
     return onesyDate;
   }, [format, hour, minute, second]);
-  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);
@@ -351,9 +348,9 @@ const DateTimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     setOpen(false);
     if (is('function', onClose_)) onClose_(event);
   }, [onClose_]);
-  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/Drawing/Drawing.js

@@ -361,12 +361,7 @@ const Drawing = /*#__PURE__*/React.forwardRef((props__, ref) => {
     setLoading(false);
     if (is('function', onDownload_)) onDownload_();
   }, []);
-  const includes = function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return !is('array', exclude) || args.some(item => !exclude.includes(item));
-  };
+  const includes = (...args) => !is('array', exclude) || args.some(item => !exclude.includes(item));
 
   // updates toolbar
   const updateOptions = ['stroke-color', 'stroke-width', 'size'];

package/esm/Expand/Expand.js

@@ -129,8 +129,7 @@ const Expand = /*#__PURE__*/React.forwardRef((props_, ref) => {
     };
     return allStyles[status];
   };
-  const duration = function (status) {
-    let property = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'opacity';
+  const duration = (status, property = 'opacity') => {
     const properties = {
       [prop]: theme.transitions.duration.rg
     };

package/esm/Fade/Fade.js

@@ -89,8 +89,7 @@ const Fade = /*#__PURE__*/React.forwardRef((props_, ref) => {
     };
     return allStyles[status];
   };
-  const duration = function (status) {
-    let property = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'opacity';
+  const duration = (status, property = 'opacity') => {
     const properties = {
       opacity: theme.transitions.duration.sm
     };

package/esm/Focus/Focus.js

@@ -27,8 +27,7 @@ const Focus = /*#__PURE__*/React.forwardRef((props_, ref) => {
       children
     } = props,
     other = _objectWithoutProperties(props, _excluded);
-  const getElements = function () {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.focusStart.current;
+  const getElements = (value = refs.focusStart.current) => {
     // Setup siblings array and get the first sibling
     const allElements = [];
     let element = value.parentNode.firstChild;

package/esm/Grow/Grow.js

@@ -96,8 +96,7 @@ const Grow = /*#__PURE__*/React.forwardRef((props_, ref) => {
     };
     return allStyles[status];
   };
-  const duration = function (status) {
-    let property = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'opacity';
+  const duration = (status, property = 'opacity') => {
     const properties = {
       opacity: theme.transitions.duration.sm,
       transform: theme.transitions.duration.xs

package/esm/HTMLCanvas/HTMLCanvas.js

@@ -186,8 +186,7 @@ const HTMLCanvas = /*#__PURE__*/React.forwardRef((props_, ref) => {
     });
     if (is('function', onChange_)) onChange_(values);
   }, [onChange_]);
-  const updateBoundaries = React.useCallback(function () {
-    let valueZoom = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.positions.current?.zoom;
+  const updateBoundaries = React.useCallback((valueZoom = refs.positions.current?.zoom) => {
     const root = refs.root.current;
     const rootRect = root.getBoundingClientRect();
     refs.boundaries.current = {
@@ -246,9 +245,7 @@ const HTMLCanvas = /*#__PURE__*/React.forwardRef((props_, ref) => {
       top
     });
   }, []);
-  const zoom = React.useCallback(function () {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-    let event = arguments.length > 1 ? arguments[1] : undefined;
+  const zoom = React.useCallback((value = 1, event) => {
     update({
       zoom: value
     });

package/esm/ImageCrop/ImageCrop.js

@@ -818,9 +818,7 @@ const ImageCrop = /*#__PURE__*/React.forwardRef((props_, ref) => {
       if (image_ instanceof HTMLCanvasElement) setImage(image_);else if (is('string', image_)) !refs.dynamicParent.current ? makeImage(image_) : setTimeout(() => makeImage(image_), 140);
     }
   }, [image_]);
-  const updateSelector = function () {
-    let selector__ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.selector.current;
-    let image__ = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : refs.image.current;
+  const updateSelector = (selector__ = refs.selector.current, image__ = refs.image.current) => {
     if (selector__ !== undefined && image__ !== undefined) {
       const rootRect = refs.root.current.getBoundingClientRect();
       const selectorValue = {
@@ -883,8 +881,7 @@ const ImageCrop = /*#__PURE__*/React.forwardRef((props_, ref) => {
       updateSelector();
     }
   }, [image]);
-  const makeImage = async function () {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : image;
+  const makeImage = async (value = image) => {
     const img = await imageMethod(value);
     const rootDocument = isEnvironment('browser') ? refs.root.current?.ownerDocument || window.document : undefined;
     const canvas = rootDocument.createElement('canvas');

package/esm/ImageEdit/ImageEdit.js

@@ -222,8 +222,7 @@ const ImageEdit = /*#__PURE__*/React.forwardRef((props_, ref) => {
   refs.resizeAspectRatio.current = resizeAspectRatio;
   refs.filterValues.current = filterValues;
   refs.filterValuesCopy.current = filterValuesCopy;
-  const updateSize = function () {
-    let valueNew = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.canvasMain.current;
+  const updateSize = (valueNew = refs.canvasMain.current) => {
     const uri = valueNew.toDataURL(type);
 
     // Update size
@@ -318,8 +317,7 @@ const ImageEdit = /*#__PURE__*/React.forwardRef((props_, ref) => {
   React.useEffect(() => {
     applyAllFiltersDebounced(refs.canvasMain.current);
   }, [filterValuesCopy]);
-  const makeImage = async function () {
-    let valueNew = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.value.current;
+  const makeImage = async (valueNew = refs.value.current) => {
     const img = await imageMethod(valueNew);
     const rootDocument = isEnvironment('browser') ? refs.root.current?.ownerDocument || window.document : undefined;
     const canvas = rootDocument.createElement('canvas');
@@ -369,8 +367,7 @@ const ImageEdit = /*#__PURE__*/React.forwardRef((props_, ref) => {
     // clean up previous one filter for mainCanvas
     if (filter === valueNew) setFilter('');else setFilter(valueNew);
   };
-  const onChangeAspectRatioCustom = function (valueNew_) {
-    let left_ = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  const onChangeAspectRatioCustom = (valueNew_, left_ = true) => {
     const valueNew = !valueNew_ ? 1 : valueNew_;
     let left = aspectRatioCustom?.[0] || 1;
     let right = aspectRatioCustom?.[1] || 1;
@@ -381,8 +378,7 @@ const ImageEdit = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const onChangeAspectRatio = valueNew => {
     if (aspectRatio === valueNew) setAspectRatio('');else setAspectRatio(valueNew);
   };
-  const onChangeResize = async function (valueNew) {
-    let width_ = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  const onChangeResize = async (valueNew, width_ = true) => {
     let width;
     let height;
     if (!refs.resizeAspectRatio.current) {
@@ -442,10 +438,7 @@ const ImageEdit = /*#__PURE__*/React.forwardRef((props_, ref) => {
     if (!props.hasOwnProperty('valueCopy')) setValueCopy(valueNew);
     if (is('function', onChangeCopy_)) onChangeCopy_(valueNew);
   };
-  const onReset = function () {
-    let imageReset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    let valueCopyReset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    let resizeReset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  const onReset = (imageReset = true, valueCopyReset = true, resizeReset = true) => {
     const rootDocument = isEnvironment('browser') ? refs.root.current?.ownerDocument || window.document : undefined;
     setOpen(false);
     setQuality(100);

package/esm/ImageGallery/ImageGallery.js

@@ -287,8 +287,7 @@ const ImageGallery = /*#__PURE__*/React.forwardRef((props_, ref) => {
     }, 140);
     if (is('function', onClose_)) onClose_();
   }, [onClose_]);
-  const move = function () {
-    let forward_ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const move = (forward_ = true) => {
     const forward = forward_;
     const rect = refs.more.current.getBoundingClientRect();
     const moveValue_ = {