@onesy/ui-react 1.0.131 → 1.0.133

package/esm/RoundMeter/RoundMeter.js

@@ -555,80 +555,77 @@ const RoundMeter = /*#__PURE__*/React.forwardRef((props_, ref) => {
   }, other), additional, /*#__PURE__*/React.createElement(Surface, {
     tonal: tonal,
     color: color
-  }, _ref => {
-    let {
-      color: color_,
-      backgroundColor
-    } = _ref;
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: `0 ${yViewBox} ${width || 0} ${height || 0}`
-    }, SvgProps, {
-      className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-svg'], SvgProps?.className, classes.svg])
-    }), childrenPosition === 'pre' && children_, background && /*#__PURE__*/React.createElement("path", _extends({
-      d: pathBackground,
-      fill: backgroundColor,
-      stroke: "none"
-    }, pathProps, BackgroundProps)), border && /*#__PURE__*/React.createElement("path", _extends({
-      d: pathBorder,
-      fill: "none",
-      stroke: color_,
-      strokeWidth: boundaryWidth
-    }, pathProps, BorderProps)), arcsVisible && /*#__PURE__*/React.createElement("g", {
-      className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-arcs'], classes.arcs])
-    }, arcs.map((item, index) => /*#__PURE__*/React.createElement("path", _extends({
+  }, ({
+    color: color_,
+    backgroundColor
+  }) => /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: `0 ${yViewBox} ${width || 0} ${height || 0}`
+  }, SvgProps, {
+    className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-svg'], SvgProps?.className, classes.svg])
+  }), childrenPosition === 'pre' && children_, background && /*#__PURE__*/React.createElement("path", _extends({
+    d: pathBackground,
+    fill: backgroundColor,
+    stroke: "none"
+  }, pathProps, BackgroundProps)), border && /*#__PURE__*/React.createElement("path", _extends({
+    d: pathBorder,
+    fill: "none",
+    stroke: color_,
+    strokeWidth: boundaryWidth
+  }, pathProps, BorderProps)), arcsVisible && /*#__PURE__*/React.createElement("g", {
+    className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-arcs'], classes.arcs])
+  }, arcs.map((item, index) => /*#__PURE__*/React.createElement("path", _extends({
+    key: index,
+    d: item.d,
+    fill: "none",
+    stroke: color_,
+    strokeWidth: boundaryWidth,
+    strokeLinecap: lineCap
+  }, pathProps, ArcProps, ArcMainProps)))), arcsVisible && arcProgress && /*#__PURE__*/React.createElement("g", _extends({}, ArcsProgressProps, {
+    className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-arcs-progress'], ArcsProgressProps?.className, classes.arcs_progress])
+  }), arcs.map((item, index) => /*#__PURE__*/React.createElement("path", _extends({
+    key: index,
+    d: item.d,
+    fill: "none",
+    stroke: color_,
+    strokeWidth: boundaryWidth,
+    strokeLinecap: lineCap
+  }, pathProps, ArcProps, ArcProgressProps)))), childrenPosition === 'pre-marks' && children_, marksVisible && !!marks_.length && marks.map((marksValue, index) => /*#__PURE__*/React.createElement("g", {
+    key: index,
+    className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-marks'], classes.marks])
+  }, marksValue.map((item, index_) => /*#__PURE__*/React.createElement("path", _extends({
+    key: index_,
+    d: item.d,
+    fill: "none",
+    stroke: color_,
+    strokeWidth: item.width !== undefined ? item.width : markWidth,
+    strokeLinecap: lineCap
+  }, pathProps, MarkProps))))), childrenPosition === 'pre-labels' && children_, labelsVisible && !!labels_.length && labels.map((labelsValue, index) => {
+    return /*#__PURE__*/React.createElement("g", {
       key: index,
-      d: item.d,
-      fill: "none",
-      stroke: color_,
-      strokeWidth: boundaryWidth,
-      strokeLinecap: lineCap
-    }, pathProps, ArcProps, ArcMainProps)))), arcsVisible && arcProgress && /*#__PURE__*/React.createElement("g", _extends({}, ArcsProgressProps, {
-      className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-arcs-progress'], ArcsProgressProps?.className, classes.arcs_progress])
-    }), arcs.map((item, index) => /*#__PURE__*/React.createElement("path", _extends({
-      key: index,
-      d: item.d,
-      fill: "none",
-      stroke: color_,
-      strokeWidth: boundaryWidth,
-      strokeLinecap: lineCap
-    }, pathProps, ArcProps, ArcProgressProps)))), childrenPosition === 'pre-marks' && children_, marksVisible && !!marks_.length && marks.map((marksValue, index) => /*#__PURE__*/React.createElement("g", {
-      key: index,
-      className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-marks'], classes.marks])
-    }, marksValue.map((item, index_) => /*#__PURE__*/React.createElement("path", _extends({
-      key: index_,
-      d: item.d,
-      fill: "none",
-      stroke: color_,
-      strokeWidth: item.width !== undefined ? item.width : markWidth,
-      strokeLinecap: lineCap
-    }, pathProps, MarkProps))))), childrenPosition === 'pre-labels' && children_, labelsVisible && !!labels_.length && labels.map((labelsValue, index) => {
-      return /*#__PURE__*/React.createElement("g", {
-        key: index,
-        className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-labels'], classes.labels])
-      }, labelsValue.map((item, index_) => {
-        const {
-            x,
-            y,
-            value
-          } = item,
-          other_ = _objectWithoutProperties(item, _excluded4);
-        const propsLabel = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, other_), textProps), LabelProps), {}, {
-          style: _objectSpread(_objectSpread(_objectSpread({
-            fill: color_
-          }, other_.style), textProps?.style), LabelProps?.style)
-        });
-        if (is('function', renderLabel)) return renderLabel(x, y, value, propsLabel);
-        return /*#__PURE__*/React.createElement("text", _extends({
-          key: index_,
-          x: x,
-          y: y
-        }, propsLabel, {
-          className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-label'], other_?.className, textProps?.className, LabelProps?.className, classes.label])
-        }), value);
-      }));
-    }), childrenPosition === 'post' && children_);
-  }));
+      className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-labels'], classes.labels])
+    }, labelsValue.map((item, index_) => {
+      const {
+          x,
+          y,
+          value
+        } = item,
+        other_ = _objectWithoutProperties(item, _excluded4);
+      const propsLabel = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, other_), textProps), LabelProps), {}, {
+        style: _objectSpread(_objectSpread(_objectSpread({
+          fill: color_
+        }, other_.style), textProps?.style), LabelProps?.style)
+      });
+      if (is('function', renderLabel)) return renderLabel(x, y, value, propsLabel);
+      return /*#__PURE__*/React.createElement("text", _extends({
+        key: index_,
+        x: x,
+        y: y
+      }, propsLabel, {
+        className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-label'], other_?.className, textProps?.className, LabelProps?.className, classes.label])
+      }), value);
+    }));
+  }), childrenPosition === 'post' && children_)));
 });
 RoundMeter.displayName = 'onesy-RoundMeter';
 export default RoundMeter;

package/esm/ScreenCapture/ScreenCapture.js

@@ -170,8 +170,7 @@ const ScreenCapture = /*#__PURE__*/React.forwardRef((props_, ref) => {
     if (!props.hasOwnProperty('value')) setName(value_);
     if (is('function', onChangeName)) onChangeName(value_);
   };
-  const trackToValue = React.useCallback(async function (track) {
-    let version = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'canvas';
+  const trackToValue = React.useCallback(async (track, version = 'canvas') => {
     const rootDocument = isEnvironment('browser') ? refs.root.current?.ownerDocument || window.document : undefined;
     const canvasElement = document.createElement('canvas');
     const {
@@ -200,9 +199,7 @@ const ScreenCapture = /*#__PURE__*/React.forwardRef((props_, ref) => {
     const image = canvasElement.toDataURL(type, quality);
     return image;
   }, [type, quality]);
-  const make = React.useCallback(async function () {
-    let version = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'image';
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const make = React.useCallback(async (version = 'image', options = {}) => {
     const rootDocument = isEnvironment('browser') ? refs.root.current?.ownerDocument || window.document : undefined;
     refs.element.current = rootDocument.createElement('video');
     let tracks;

package/esm/Select/Select.js

@@ -249,8 +249,7 @@ const Select = /*#__PURE__*/React.forwardRef((props_, ref) => {
       return !open_;
     });
   }, []);
-  const onClose = React.useCallback(function () {
-    let refocus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const onClose = React.useCallback((refocus = true) => {
     if (!disabled && !readOnly) {
       setOpen(open_ => {
         if (open_ && refocus) refs.input.current.focus();
@@ -275,8 +274,7 @@ const Select = /*#__PURE__*/React.forwardRef((props_, ref) => {
       onChange(values);
     }
   };
-  const onClear = React.useCallback(function () {
-    let refocus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  const onClear = React.useCallback((refocus = false) => {
     if (!disabled && !readOnly) {
       onChange(multiple ? [] : null);
       if (refocus) refs.input.current.focus();
@@ -299,13 +297,11 @@ const Select = /*#__PURE__*/React.forwardRef((props_, ref) => {
     }
     return l(noSelectText) || l('Select an option');
   };
-  const renderValue = function () {
-    let itemValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : value;
+  const renderValue = (itemValue = value) => {
     const item = !!items?.length ? items.find(item_ => getValue(item_) === getValue(itemValue)) : children.find(item_ => getValue(item_.props?.value) === getValue(itemValue));
     return item ? getLabel(item, props) : getLabel(itemValue, props) || '';
   };
-  const renderValues = renderValues_ || function () {
-    let value__ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : value;
+  const renderValues = renderValues_ || ((value__ = value) => {
     if (multiple) {
       if (chip) {
         return /*#__PURE__*/React.createElement(Chips, _extends({
@@ -337,7 +333,7 @@ const Select = /*#__PURE__*/React.forwardRef((props_, ref) => {
       return value?.length ? valuesAll : noSelectText || name;
     }
     return renderValue(value);
-  };
+  });
   const endIcons = [end, clear && !!(multiple ? value.length : ![undefined, null].includes(value)) && /*#__PURE__*/React.createElement(IconButton, _extends({
     onClick: onClear,
     size: "small",

package/esm/Share/Share.js

@@ -246,11 +246,10 @@ const Share = /*#__PURE__*/React.forwardRef((props_, ref) => {
     const valuesEncoded = {};
     values['name-with-url'] = `${values.name}\n\n${values.url}`;
     Object.keys(values).forEach(item_ => valuesEncoded[item_] = encodeURIComponent(values[item_]));
-    const popupCenter = function () {
-      let valuesWindow = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-        width: 700,
-        height: 700
-      };
+    const popupCenter = (valuesWindow = {
+      width: 700,
+      height: 700
+    }) => {
       const width = clamp(valuesWindow.width, 240, window.innerWidth);
       const height = clamp(valuesWindow.height, 240, window.screen.height);
       const top = Math.round((window.screen.height - height) / 2);

package/esm/Slide/Slide.js

@@ -51,8 +51,7 @@ const Slide = /*#__PURE__*/React.forwardRef((props_, ref) => {
     root: React.useRef(undefined),
     rect: React.useRef(undefined)
   };
-  const translate = function () {
-    let useMin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  const translate = (useMin = false) => {
     const rect = !removeOnExited ? refs.rect.current : refs.root?.current?.getBoundingClientRect();
     const {
       width = 0,
@@ -126,8 +125,7 @@ const Slide = /*#__PURE__*/React.forwardRef((props_, ref) => {
     };
     return allStyles[status];
   };
-  const duration = function (status) {
-    let property = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'transform';
+  const duration = (status, property = 'transform') => {
     const properties = {
       transform: theme.transitions.duration.xs
     };

package/esm/Slider/Slider.js

@@ -502,8 +502,7 @@ const Slider = /*#__PURE__*/React.forwardRef((props_, ref) => {
   let color = color_;
   if (disabled) color = 'default';
   const valueDecimals = (String(precision).includes('e-') ? +String(precision).split('e-')[1] : String(precision).split('.')[1]?.length) || 0;
-  const valuePrecision = function (valueMouse) {
-    let mouseDownButtonUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  const valuePrecision = (valueMouse, mouseDownButtonUpdate = false) => {
     let value__ = valueFromPercentageWithinRange(valueMouse * 100, refs.min.current, refs.max.current);
     if (refs.direction.current === 'rtl' && orientation === 'horizontal') value__ = refs.max.current + refs.min.current - value__;
     if (value__ <= refs.min.current) return refs.min.current;
@@ -629,8 +628,7 @@ const Slider = /*#__PURE__*/React.forwardRef((props_, ref) => {
       }
     }
   }, [disabled, readOnly, onChange, value, mouseDownButton]);
-  const moveItem = function () {
-    let forward_ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const moveItem = (forward_ = true) => {
     const forward = orientation === 'vertical' || theme.direction === 'ltr' && orientation === 'horizontal' ? forward_ : !forward_;
     let valueNew = is('array', refs.value.current) ? [...refs.value.current] : refs.value.current;
     let index = refs.focusButton.current || 0;
@@ -754,8 +752,7 @@ const Slider = /*#__PURE__*/React.forwardRef((props_, ref) => {
   styles.label.background = !tonal ? palette?.[40] || (color === 'default' ? theme.palette.text.default.primary : theme.palette.color[color].main) : theme.methods.palette.color.value(color, 40, true, palette);
   styles.label.color = theme.methods.palette.color.text(styles.label.background, true, 'light');
   const values = is('array', value) ? value : [value];
-  const valueValue = function () {
-    let value__ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : values[0];
+  const valueValue = (value__ = values[0]) => {
     let valueNew = value__;
     if (value__ === refs.min.current) valueNew = 0;else if (value__ === refs.max.current) valueNew = 100;else valueNew = percentageFromValueWithinRange(value__, refs.min.current, refs.max.current);
     return clamp(valueNew, 0, 100);

package/esm/SmartTextField/SmartTextField.js

@@ -332,8 +332,7 @@ const SmartTextField = /*#__PURE__*/React.forwardRef((props_, ref) => {
       });
     }
   }, []);
-  const validate = React.useCallback(function () {
-    let valueNew = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
+  const validate = React.useCallback((valueNew = undefined) => {
     // Save caret position
     refs.caret.current = caret.save(refs.root.current);
 
@@ -497,8 +496,7 @@ const SmartTextField = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const onDrop = React.useCallback(event => {
     event.preventDefault();
   }, []);
-  const addTag = React.useCallback(function (item) {
-    let versionMention = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'user';
+  const addTag = React.useCallback((item, versionMention = 'user') => {
     // Save caret position
     refs.caret.current = caret.save(refs.root.current);
     const itemName = item.name;

package/esm/Snackbar/Snackbar.js

@@ -119,8 +119,7 @@ const Snackbar = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const onClose = React.useCallback(() => {
     if (is('function', onClose_)) onClose_();
   }, [onClose_]);
-  const addTimeout = React.useCallback(function () {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : autoHideDuration;
+  const addTimeout = React.useCallback((value = autoHideDuration) => {
     clearTimeout(timeouts[id]);
     timeouts[id] = setTimeout(() => onClose(), value);
     refs.timeoutStart.current = new Date().getTime();

package/esm/Snackbars/Snackbars.js

@@ -199,10 +199,10 @@ const Snackbars = /*#__PURE__*/React.forwardRef((props_, ref) => {
   }, snackbarProps, item.Snackbar, {
     TransitionComponentProps: _objectSpread(_objectSpread(_objectSpread({}, snackbarProps?.TransitionComponentProps), item.Snackbar?.TransitionComponentProps), {}, {
       removeOnExited: false,
-      onExited: function () {
+      onExited: (...args) => {
         onSnackbarExited(item.id);
-        if (is('function', snackbarProps?.TransitionComponentProps?.onExited)) snackbarProps.TransitionComponentProps.onExited(...arguments);
-        if (is('function', item.Snackbar?.onExited)) item.Snackbar.onExited(...arguments);
+        if (is('function', snackbarProps?.TransitionComponentProps?.onExited)) snackbarProps.TransitionComponentProps.onExited(...args);
+        if (is('function', item.Snackbar?.onExited)) item.Snackbar.onExited(...args);
       }
     }),
     onClose: () => onClose(item.id),

package/esm/Space/Space.js

@@ -479,8 +479,7 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
     });
     setItems(itemsNew);
   }, []);
-  const onItemMakeCopy = React.useCallback(function () {
-    let item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.itemOpen.current;
+  const onItemMakeCopy = React.useCallback((item = refs.itemOpen.current) => {
     const itemNew = _objectSpread(_objectSpread({}, copy(item)), {}, {
       id: getID(),
       name: `${item.name} copy`
@@ -552,8 +551,7 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
     if ((String(valueNew_).startsWith('-0') || String(valueNew_).includes('.')) && clamp(+valueNew_, refs.minSize.current, refs.maxSize.current) === +valueNew_) return valueNew_;
     return !valueNew ? clamp(+valueNew, refs.minSize.current, refs.maxSize.current) : valueNew;
   }, []);
-  const toUnitValue = React.useCallback(function (valueNew_) {
-    let raw = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  const toUnitValue = React.useCallback((valueNew_, raw = false) => {
     if (['', ' ', '+', '-', 'e', 'e+', 'e-', undefined, null].includes(valueNew_)) return valueNew_;
     let valueNew = valueNew_;
     const unit_ = refs.unit.current;
@@ -770,8 +768,7 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
       if (item.group !== refs.selectedGroup.current) setSelectedGroup(null);
     }
   }, []);
-  const onItemUpdate = React.useCallback(function (valueNew) {
-    let item = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : refs.itemOpen.current;
+  const onItemUpdate = React.useCallback((valueNew, item = refs.itemOpen.current) => {
     const itemsNew = [...refs.items.current];
     const index = itemsNew.findIndex(item_ => item_.id === item.id);
     if (index > -1) {

package/esm/Switch/Switch.js

@@ -302,8 +302,7 @@ const Switch = /*#__PURE__*/React.forwardRef((props_, ref) => {
       timeout: 100
     }]
   };
-  const ltrSign = function () {
-    let item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  const ltrSign = (item = '') => {
     if (theme.direction === 'ltr') return item;
     return !item ? '-' : '';
   };

package/esm/TableCell/TableCell.js

@@ -60,7 +60,9 @@ const useStyle = styleMethod(theme => ({
   },
   sticky: {
     position: 'sticky',
-    zIndex: '14',
+    zIndex: '14'
+  },
+  sticky_left: {
     '&::after': {
       content: "''",
       position: 'absolute',
@@ -72,11 +74,28 @@ const useStyle = styleMethod(theme => ({
       pointerEvents: 'none'
     }
   },
-  stickyActive: {
+  sticky_right: {
+    '&::after': {
+      content: "''",
+      position: 'absolute',
+      top: '0',
+      left: '-24px',
+      bottom: '0',
+      width: '24px',
+      transition: theme.methods.transitions.make('box-shadow'),
+      pointerEvents: 'none'
+    }
+  },
+  stickyActive_left: {
     '&::after': {
       boxShadow: `inset 11px 0 7px -7px ${theme.palette.light ? 'rgba(0, 0, 0, 0.04)' : 'rgba(255, 255, 255, 0.14)'}`
     }
   },
+  stickyActive_right: {
+    '&::after': {
+      boxShadow: `inset -11px 0 7px -7px ${theme.palette.light ? 'rgba(0, 0, 0, 0.04)' : 'rgba(255, 255, 255, 0.14)'}`
+    }
+  },
   sort: {
     cursor: 'pointer',
     borderRadius: 2,
@@ -172,7 +191,7 @@ const TableCell = /*#__PURE__*/React.forwardRef((props_, ref) => {
   React.useEffect(() => {
     if (sticky) {
       if (root) {
-        const parentOverflow = getOverflowParent(root);
+        const parentOverflow = getOverflowParent(root, false);
         const offsetPrevious = stickyPosition === 'left' ? root.offsetLeft : window.innerWidth - root.getBoundingClientRect().right;
         const method = () => {
           const offsetNew = stickyPosition === 'left' ? root.offsetLeft : window.innerWidth - root.getBoundingClientRect().right;
@@ -210,7 +229,7 @@ const TableCell = /*#__PURE__*/React.forwardRef((props_, ref) => {
       setRoot(item);
     },
     role: "cell",
-    className: classNames([staticClassName('TableCell', theme) && [`onesy-TableCell-root`, `onesy-TableCell-size-${size}`, sticky && `onesy-TableCell-sticky`, stickyPosition && `onesy-TableCell-sticky-position-${stickyPosition}`, stickyActive && `onesy-TableHead-sticky-active`], className, classes.root, position === 'head' ? classes.head : classes.body, noWeight && classes.noWeight, sticky && classes.sticky, stickyActive && classes.stickyActive]),
+    className: classNames([staticClassName('TableCell', theme) && [`onesy-TableCell-root`, `onesy-TableCell-size-${size}`, sticky && `onesy-TableCell-sticky`, stickyPosition && `onesy-TableCell-sticky-position-${stickyPosition}`, stickyActive && `onesy-TableHead-sticky-active`], className, classes.root, position === 'head' ? classes.head : classes.body, noWeight && classes.noWeight, sticky && [classes.sticky, classes[`sticky_${stickyPosition}`]], stickyActive && classes[`stickyActive_${stickyPosition}`]]),
     style: _objectSpread(_objectSpread({}, style), stylesOther)
   }, other), /*#__PURE__*/React.createElement(Line, {
     gap: 0,

package/esm/Tabs/Tabs.js

@@ -261,8 +261,7 @@ const Tabs = /*#__PURE__*/React.forwardRef((props_, ref) => {
     }
     if (is('function', onChange_)) onChange_(valueItem);
   };
-  const move = function () {
-    let forward_ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const move = (forward_ = true) => {
     const forward = theme.direction === 'ltr' || orientation === 'vertical' ? forward_ : !forward_;
     const rect = refs.tabsRoot.current.getBoundingClientRect();
     let moveValue_;

package/esm/TimePicker/TimePicker.js

@@ -344,8 +344,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
   refs.value.current = value;
   refs.mode.current = mode;
   refs.dayTime.current = dayTime;
-  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] = is('array', valueNew) ? valueNew : [valueNew];
     if (!(from || to)) return '';
@@ -378,8 +377,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     // Update dayTime
     setDayTime(valueNew.map(item => formatDate(item, 'a')));
   };
-  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]);
@@ -409,9 +407,9 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     if (!props.hasOwnProperty('selecting')) setSelecting(valueNew);
     if (is('function', onChangeSelecting)) onChangeSelecting(valueNew);
   }, [onChangeSelecting]);
-  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);
@@ -453,9 +451,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     value[index] = set(valueTime, unit || selecting[index], value[index]);
     (!actions_ ? onUpdate : setValue)(resolve(value));
   }, [value, actions_, selecting]);
-  const resolve = React.useCallback(function () {
-    let valueNew = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.value.current;
-    let dayTimeNew = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : refs.dayTime.current;
+  const resolve = React.useCallback((valueNew = refs.value.current, dayTimeNew = refs.dayTime.current) => {
     const values = valueNew.filter(Boolean).map((item, index) => {
       // Resolve the range value
       const valueHour = item.hour;
@@ -477,8 +473,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     setDayTime(dayTimeNew);
     (!actions_ ? onUpdate : setValue)(resolve(refs.value.current));
   }, [value, actions_, dayTime, format]);
-  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);
@@ -506,8 +501,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     // Update input for free typing
     setInput(valueNew_);
   }, []);
-  const onChangeClock = React.useCallback(function (valueNew_) {
-    let index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  const onChangeClock = React.useCallback((valueNew_, index = 0) => {
     const valueNew = [...value];
     if (valueNew_ !== value[index]) {
       valueNew[index] = valueNew_;
@@ -517,8 +511,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
       errorCheck(valueNew);
     }
   }, [value, actions_]);
-  const onChangeSelectingClock = React.useCallback(function (valueNew) {
-    let index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  const onChangeSelectingClock = React.useCallback((valueNew, index = 0) => {
     const selectingValue = selecting;
     selectingValue[index] = valueNew;
     if (valueNew !== selecting[0]) setSelecting([...selectingValue]);
@@ -663,26 +656,23 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
   const iconButtonProps = _objectSpread({
     size
   }, IconButtonProps);
-  const clock = function () {
-    let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    return /*#__PURE__*/React.createElement(Clock, _extends({
-      size: size,
-      format: format,
-      value: value[index] || new OnesyDate(),
-      dayTime: dayTime[index] || formatDate(new OnesyDate(), 'a'),
-      selecting: selecting[index],
-      onChange: valueNew => onChangeClock(valueNew, index),
-      onChangeSelecting: valueNew => onChangeSelectingClock(valueNew, index),
-      onDoneSelecting: onDoneSelecting,
-      renderValue: renderValue,
-      valid: valid,
-      hour: hour,
-      minute: minute,
-      second: second,
-      autoNext: autoNext,
-      disabled: disabled
-    }, ClockProps));
-  };
+  const clock = (index = 0) => /*#__PURE__*/React.createElement(Clock, _extends({
+    size: size,
+    format: format,
+    value: value[index] || new OnesyDate(),
+    dayTime: dayTime[index] || formatDate(new OnesyDate(), 'a'),
+    selecting: selecting[index],
+    onChange: valueNew => onChangeClock(valueNew, index),
+    onChangeSelecting: valueNew => onChangeSelectingClock(valueNew, index),
+    onDoneSelecting: onDoneSelecting,
+    renderValue: renderValue,
+    valid: valid,
+    hour: hour,
+    minute: minute,
+    second: second,
+    autoNext: autoNext,
+    disabled: disabled
+  }, ClockProps));
   const moreProps = {};
   if (version === 'desktop') {
     moreProps.end = /*#__PURE__*/React.createElement(IconButton, _extends({
@@ -695,8 +685,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
       disabled: disabled || readOnly
     }, iconButtonProps), /*#__PURE__*/React.createElement(Icon_, IconProps));
   }
-  const makeInputs = function () {
-    let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  const makeInputs = (index = 0) => {
     const inputProps = _objectSpread({
       tonal,
       color,

package/esm/Timer/Timer.js

@@ -214,10 +214,9 @@ const Timer = /*#__PURE__*/React.forwardRef((props_, ref) => {
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Surface, {
     tonal: tonal,
     color: color
-  }, _ref => {
-    let {
-      palette
-    } = _ref;
+  }, ({
+    palette
+  }) => {
     return /*#__PURE__*/React.createElement(Tree, _extends({
       openDefault: true,
       middle: l('Flags'),

package/esm/Tooltip/Tooltip.js

@@ -368,8 +368,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef((props_, ref) => {
       if (refs.open.current) onOpen();
     }
   }, [longPress]);
-  const resolvePosition = function () {
-    let switched = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  const resolvePosition = (switched = false) => {
     if (!switched) return position;
     if (position === 'top') return 'bottom';
     if (position === 'left') return 'right';

package/esm/ViewSplit/ViewSplit.js

@@ -299,8 +299,7 @@ const ViewSplit = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const onMouseDown = React.useCallback(() => {
     setMouseDown(true);
   }, []);
-  const move = function () {
-    let forward_ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const move = (forward_ = true) => {
     let forward = forward_;
     if (refs.orientation.current === 'horizontal') {
       if (refs.direction.current === 'rtl') forward = !forward;

package/esm/Watch/Watch.js

@@ -229,11 +229,10 @@ const Watch = /*#__PURE__*/React.forwardRef((props_, ref) => {
   }, other), /*#__PURE__*/React.createElement(Surface, {
     tonal: tonal,
     color: color
-  }, _ref => {
-    let {
-      backgroundColor,
-      palette
-    } = _ref;
+  }, ({
+    backgroundColor,
+    palette
+  }) => {
     return /*#__PURE__*/React.createElement(React.Fragment, null, version === 'regular' && /*#__PURE__*/React.createElement(Line, _extends({
       gap: 0.5,
       direction: "column",