@onesy/ui-react 1.0.131 → 1.0.133

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

package/esm/Interaction/Interaction.js

@@ -285,8 +285,7 @@ const Interaction = /*#__PURE__*/React.forwardRef((props_, ref) => {
   React.useEffect(() => {
     if (disabled && refs.interactions.current.length) setInteractions([]);
   }, [disabled]);
-  const addWave = React.useCallback(function (event) {
-    let overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const addWave = React.useCallback((event, overrides = {}) => {
     const origin = overrides.origin !== undefined ? overrides.origin : refs.origin.current;
     if (refs.wave.current && !refs.props.current.disabled) {
       let top = 0;

package/esm/Keyframes/Keyframes.js

@@ -112,8 +112,7 @@ const Keyframes = props_ => {
     updateStatus('added');
     await wait(0);
   };
-  const updateStatus = function () {
-    let status_ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : status;
+  const updateStatus = (status_ = status) => {
     // Update
     setStatus(status_);
 

package/esm/LinearMeter/LinearMeter.js

@@ -378,88 +378,85 @@ const LinearMeter = /*#__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 0 ${width || 0} ${height || 0}`
-    }, SvgProps, {
-      className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-svg'], SvgProps?.className, classes.svg])
-    }), 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)), linesVisible && /*#__PURE__*/React.createElement("g", {
-      className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-arcs'], classes.arcs])
-    }, lines.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 0 ${width || 0} ${height || 0}`
+  }, SvgProps, {
+    className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-svg'], SvgProps?.className, classes.svg])
+  }), 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)), linesVisible && /*#__PURE__*/React.createElement("g", {
+    className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-arcs'], classes.arcs])
+  }, lines.map((item, index) => /*#__PURE__*/React.createElement("path", _extends({
+    key: index,
+    d: item.d,
+    fill: "none",
+    stroke: color_,
+    strokeWidth: boundaryWidth,
+    strokeLinecap: lineCap
+  }, pathProps, LineProps, LineMainProps)))), linesVisible && lineProgress && /*#__PURE__*/React.createElement("g", _extends({}, LinesProgressProps, {
+    className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-lines-progress'], LinesProgressProps?.className, classes.lines_progress])
+  }), lines.map((item, index) => /*#__PURE__*/React.createElement("path", _extends({
+    key: index,
+    d: item.d,
+    fill: "none",
+    stroke: color_,
+    strokeWidth: boundaryWidth,
+    strokeLinecap: lineCap
+  }, pathProps, LineProps, LineProgressProps)))), children && /*#__PURE__*/React.createElement("g", {
+    className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-children'], classes.children])
+  }, React.Children.toArray(children).map((item, index) => {
+    return /*#__PURE__*/React.cloneElement(item, {
       key: index,
-      d: item.d,
-      fill: "none",
-      stroke: color_,
-      strokeWidth: boundaryWidth,
-      strokeLinecap: lineCap
-    }, pathProps, LineProps, LineMainProps)))), linesVisible && lineProgress && /*#__PURE__*/React.createElement("g", _extends({}, LinesProgressProps, {
-      className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-lines-progress'], LinesProgressProps?.className, classes.lines_progress])
-    }), lines.map((item, index) => /*#__PURE__*/React.createElement("path", _extends({
-      key: index,
-      d: item.d,
-      fill: "none",
-      stroke: color_,
-      strokeWidth: boundaryWidth,
-      strokeLinecap: lineCap
-    }, pathProps, LineProps, LineProgressProps)))), children && /*#__PURE__*/React.createElement("g", {
-      className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-children'], classes.children])
-    }, React.Children.toArray(children).map((item, index) => {
-      return /*#__PURE__*/React.cloneElement(item, {
-        key: index,
-        fill: item.props.fill !== undefined ? item.props.fill : color_,
-        stroke: item.props.stroke !== undefined ? item.props.stroke : color_,
-        // clean up
-        value: undefined,
-        style: _objectSpread(_objectSpread({}, item.props.value !== undefined ? {
-          transform: orientation === 'horizontal' ? `translate3d(${paddings.x + (item.props.value / 100 || 0) * (width - paddings.x * 2)}px, 0, 0)` : `translate3d(0, ${paddings.y + (item.props.value / 100 || 0) * (height - paddings.y * 2)}px, 0)`
-        } : undefined), item.props.style)
-      });
-    })), marksVisible && !!marks_.length && marks.map((marksValue, index) => /*#__PURE__*/React.createElement("g", {
-      key: index,
-      className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-marks'], classes.marks])
-    }, marksValue.map((item, index_) => /*#__PURE__*/React.createElement("path", _extends({
+      fill: item.props.fill !== undefined ? item.props.fill : color_,
+      stroke: item.props.stroke !== undefined ? item.props.stroke : color_,
+      // clean up
+      value: undefined,
+      style: _objectSpread(_objectSpread({}, item.props.value !== undefined ? {
+        transform: orientation === 'horizontal' ? `translate3d(${paddings.x + (item.props.value / 100 || 0) * (width - paddings.x * 2)}px, 0, 0)` : `translate3d(0, ${paddings.y + (item.props.value / 100 || 0) * (height - paddings.y * 2)}px, 0)`
+      } : undefined), item.props.style)
+    });
+  })), marksVisible && !!marks_.length && marks.map((marksValue, index) => /*#__PURE__*/React.createElement("g", {
+    key: index,
+    className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-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))))), labelsVisible && !!labels_.length && labels.map((labelsValue, index) => /*#__PURE__*/React.createElement("g", {
+    key: index,
+    className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-labels'], classes.labels])
+  }, labelsValue.map((item, index_) => {
+    const {
+        x,
+        y,
+        value
+      } = item,
+      other_ = _objectWithoutProperties(item, _excluded4);
+    return /*#__PURE__*/React.createElement("text", _extends({
       key: index_,
-      d: item.d,
-      fill: "none",
-      stroke: color_,
-      strokeWidth: item.width !== undefined ? item.width : markWidth,
-      strokeLinecap: lineCap
-    }, pathProps, MarkProps))))), labelsVisible && !!labels_.length && labels.map((labelsValue, index) => /*#__PURE__*/React.createElement("g", {
-      key: index,
-      className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-labels'], classes.labels])
-    }, labelsValue.map((item, index_) => {
-      const {
-          x,
-          y,
-          value
-        } = item,
-        other_ = _objectWithoutProperties(item, _excluded4);
-      return /*#__PURE__*/React.createElement("text", _extends({
-        key: index_,
-        x: x,
-        y: y
-      }, other_, textProps, LabelProps, {
-        className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-label'], other_?.className, textProps?.className, LabelProps?.className, classes.label]),
-        style: _objectSpread(_objectSpread(_objectSpread({
-          fill: color_
-        }, other_.style), textProps?.style), LabelProps?.style)
-      }), value);
-    }))));
-  }));
+      x: x,
+      y: y
+    }, other_, textProps, LabelProps, {
+      className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-label'], other_?.className, textProps?.className, LabelProps?.className, classes.label]),
+      style: _objectSpread(_objectSpread(_objectSpread({
+        fill: color_
+      }, other_.style), textProps?.style), LabelProps?.style)
+    }), value);
+  }))))));
 });
 LinearMeter.displayName = 'onesy-LinearMeter';
 export default LinearMeter;