@onesy/ui-react 1.0.163 → 1.0.165

package/esm/Rating/Rating.js

@@ -61,7 +61,7 @@ const useStyle = styleMethod(theme => ({
 });
 const Rating = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyRating?.props?.default), props_), [props_]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyRating?.props?.default), props_);
   const {
       tonal = true,
       color = 'primary',
@@ -147,37 +147,37 @@ const Rating = /*#__PURE__*/React.forwardRef((props_, ref) => {
         } = rect;
 
         // Value to the precision point value
-        const value__ = valuePrecision((x - rect.x) / width_);
-        const valueNew = value__;
-        if (valueNew !== valuePrevious) {
+        const value___0 = valuePrecision((x - rect.x) / width_);
+        const valueNew_0 = value___0;
+        if (valueNew_0 !== valuePrevious) {
           if (!props.hasOwnProperty('value')) {
             // Inner controlled value
-            if (refs.hover.current) setValueActive(valueNew);else setValue(valueNew);
+            if (refs.hover.current) setValueActive(valueNew_0);else setValue(valueNew_0);
           }
           if (refs.hover.current) {
-            if (is('function', onChangeActive)) onChangeActive(valueNew);
+            if (is('function', onChangeActive)) onChangeActive(valueNew_0);
           } else {
-            if (is('function', onChange)) onChange(valueNew);
+            if (is('function', onChange)) onChange(valueNew_0);
           }
         }
       }
     };
-    const onTouchMove = event => {
+    const onTouchMove = event_0 => {
       if (!refs.props.current.disabled && !refs.props.current.readOnly && refs.mouseDown.current) {
-        const valuePrevious = refs.hover.current ? refs.valueActive.current : refs.value.current;
-        const x = event.touches[0].clientX;
-        const rect = refs.root.current.getBoundingClientRect();
+        const valuePrevious_0 = refs.hover.current ? refs.valueActive.current : refs.value.current;
+        const x_0 = event_0.touches[0].clientX;
+        const rect_0 = refs.root.current.getBoundingClientRect();
         const {
-          width: width_
-        } = rect;
+          width: width__0
+        } = rect_0;
 
         // Value to the precision point value
-        const value__ = valuePrecision((x - rect.x) / width_);
-        const valueNew = value__;
-        if (valueNew !== valuePrevious) {
+        const value___1 = valuePrecision((x_0 - rect_0.x) / width__0);
+        const valueNew_1 = value___1;
+        if (valueNew_1 !== valuePrevious_0) {
           // Inner controlled value
-          if (!props.hasOwnProperty('value')) setValue(valueNew);
-          if (is('function', onChange)) onChange(valueNew);
+          if (!props.hasOwnProperty('value')) setValue(valueNew_1);
+          if (is('function', onChange)) onChange(valueNew_1);
         }
       }
     };
@@ -204,40 +204,40 @@ const Rating = /*#__PURE__*/React.forwardRef((props_, ref) => {
   React.useEffect(() => {
     if (init && valueActive_ !== valueActive) setValueActive(valueActive_);
   }, [valueActive_]);
-  const onMouseDown = React.useCallback(() => {
+  const onMouseDown = () => {
     if (!disabled && !readOnly) setMouseDown(true);
-  }, [disabled, readOnly]);
-  const onClick = React.useCallback(event => {
+  };
+  const onClick = event_1 => {
     if (!disabled && !readOnly) {
       // Make precision value
       // if value is same as previous value clear
       // otherwise update the value y
-      const x = event.clientX;
-      const rect = refs.root.current.getBoundingClientRect();
+      const x_1 = event_1.clientX;
+      const rect_1 = refs.root.current.getBoundingClientRect();
       const {
-        width: width_
-      } = rect;
-      const valueNew = valuePrecision((x - rect.x) / width_);
-      if (value === valueNew) onClear();else {
-        if (!props.hasOwnProperty('value')) setValue(valueNew);
-        if (is('function', onChange)) onChange(valueNew);
+        width: width__1
+      } = rect_1;
+      const valueNew_2 = valuePrecision((x_1 - rect_1.x) / width__1);
+      if (value === valueNew_2) onClear();else {
+        if (!props.hasOwnProperty('value')) setValue(valueNew_2);
+        if (is('function', onChange)) onChange(valueNew_2);
       }
     }
-  }, [disabled, readOnly, value, valueActive]);
+  };
   const move = (forward_ = true) => {
     const forward = theme.direction === 'ltr' ? forward_ : !forward_;
-    let value__ = refs.value.current || 0;
+    let value___2 = refs.value.current || 0;
 
     // previous value
-    const previous = clamp(+(value__ - precision).toFixed(valueDecimals), min, max);
+    const previous_0 = clamp(+(value___2 - precision).toFixed(valueDecimals), min, max);
 
     // next value
-    const next = clamp(+(value__ + precision).toFixed(valueDecimals), min, max);
-    value__ = forward ? next : previous;
-    const valueNew = value__;
-    if (valueNew !== refs.value.current) {
-      if (!props.hasOwnProperty('value')) setValue(valueNew);
-      if (is('function', onChange)) onChange(valueNew);
+    const next_0 = clamp(+(value___2 + precision).toFixed(valueDecimals), min, max);
+    value___2 = forward ? next_0 : previous_0;
+    const valueNew_3 = value___2;
+    if (valueNew_3 !== refs.value.current) {
+      if (!props.hasOwnProperty('value')) setValue(valueNew_3);
+      if (is('function', onChange)) onChange(valueNew_3);
     }
   };
   const onClear = () => {
@@ -245,12 +245,12 @@ const Rating = /*#__PURE__*/React.forwardRef((props_, ref) => {
     if (is('function', onChange)) onChange('');
     setHover(false);
   };
-  const onKeyDown = React.useCallback(event => {
+  const onKeyDown = event_2 => {
     if (!disabled && !readOnly) {
-      if (['Enter', 'Escape', 'ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft', 'Home', 'End'].includes(event.key)) {
+      if (['Enter', 'Escape', 'ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft', 'Home', 'End'].includes(event_2.key)) {
         // Prevent default
-        event.preventDefault();
-        switch (event.key) {
+        event_2.preventDefault();
+        switch (event_2.key) {
           case 'End':
             if (!props.hasOwnProperty('value')) setValue(0);
             if (is('function', onChange)) return onChange(0);
@@ -280,32 +280,32 @@ const Rating = /*#__PURE__*/React.forwardRef((props_, ref) => {
         }
       }
     }
-  }, [disabled, readOnly, value, valueActive, precision]);
-  const onFocus = React.useCallback(event => {
+  };
+  const onFocus = event_3 => {
     if (!disabled && !readOnly && !mouseDown) setFocus(true);
-  }, [disabled, readOnly, mouseDown]);
-  const onBlur = React.useCallback(() => {
+  };
+  const onBlur = () => {
     if (!disabled && !readOnly) setFocus(false);
-  }, [disabled, readOnly]);
-  const onMouseEnter = React.useCallback(() => {
+  };
+  const onMouseEnter = () => {
     if (!disabled && !readOnly) setHover(true);
-  }, [disabled, readOnly]);
-  const onMouseLeave = React.useCallback(() => {
+  };
+  const onMouseLeave = () => {
     if (!disabled && !readOnly) setHover(false);
-  }, [disabled, readOnly]);
+  };
   const width = index => {
-    const value__ = !hover ? value : valueActive;
-    if (value__ > index - 1 && value__ <= index) {
-      if (value__ === index) return '100%';
-      return `${value__ % 1 * 100}%`;
+    const value___3 = !hover ? value : valueActive;
+    if (value___3 > index - 1 && value___3 <= index) {
+      if (value___3 === index) return '100%';
+      return `${value___3 % 1 * 100}%`;
     }
-    if (is('number', value__) && index < +value__.toFixed(1) && !onlyValue) return '100%';
+    if (is('number', value___3) && index < +value___3.toFixed(1) && !onlyValue) return '100%';
   };
-  const getIcon = (index, inactive = true) => {
-    if (inactive) return icons?.[index]?.iconInactive || icons?.[index]?.icon || icon || iconInactive;
-    return icons?.[index]?.iconActive || icons?.[index]?.icon || icon || iconActive;
+  const getIcon = (index_0, inactive = true) => {
+    if (inactive) return icons?.[index_0]?.iconInactive || icons?.[index_0]?.icon || icon || iconInactive;
+    return icons?.[index_0]?.iconActive || icons?.[index_0]?.icon || icon || iconActive;
   };
-  const selected = index => value > index - 1 && value <= index;
+  const selected = index_1 => value > index_1 - 1 && value <= index_1;
   return /*#__PURE__*/React.createElement(Component, _extends({
     ref: item => {
       if (ref) {
@@ -322,14 +322,14 @@ const Rating = /*#__PURE__*/React.forwardRef((props_, ref) => {
     onTouchStart: onMouseDown,
     onKeyDown: onKeyDown,
     className: classNames([staticClassName('Rating', theme) && ['onesy-Rating-root', `onesy-Rating-size-${size}`, hover && `onesy-Button-hover`, mouseDown && `onesy-Button-mouse-down`, focus && [`onesy-Button-focus`, [undefined, 0].includes(value) && `onesy-Button-focus-noValue`], readOnly && `onesy-Rating-read-only`, disabled && `onesy-Rating-disabled`], className, classes.root, focus && [classes.focus, [undefined, 0].includes(value) && classes.focus_outline], readOnly && classes.readOnly, disabled && classes.disabled])
-  }, other), new Array(values).fill(undefined).map((item, index) => {
-    const IconInactive = getIcon(index + 1);
-    const IconActive = getIcon(index + 1, false);
+  }, other), new Array(values).fill(undefined).map((item_0, index_2) => {
+    const IconInactive = getIcon(index_2 + 1);
+    const IconActive = getIcon(index_2 + 1, false);
     return /*#__PURE__*/React.createElement("span", {
       ref: item_ => refs.values.current.push(item_),
-      key: index,
+      key: index_2,
       onClick: onClick,
-      className: classNames([staticClassName('Rating', theme) && ['onesy-Rating-icon-wrapper', focus && selected(index + 1) && 'onesy-Rating-focus'], classes.iconWrapper, focus && selected(index + 1) && classes.focus_outline, (readOnly || disabled) && classes.iconWrapper_readOnly])
+      className: classNames([staticClassName('Rating', theme) && ['onesy-Rating-icon-wrapper', focus && selected(index_2 + 1) && 'onesy-Rating-focus'], classes.iconWrapper, focus && selected(index_2 + 1) && classes.focus_outline, (readOnly || disabled) && classes.iconWrapper_readOnly])
     }, /*#__PURE__*/React.createElement("span", {
       className: classNames([staticClassName('Rating', theme) && ['onesy-Rating-icon', 'onesy-Rating-icon-inactive'], classes.icon, classes.inactive])
     }, /*#__PURE__*/React.cloneElement(IconInactive, _objectSpread(_objectSpread({
@@ -338,7 +338,7 @@ const Rating = /*#__PURE__*/React.forwardRef((props_, ref) => {
     }, IconProps), IconInactiveProps))), /*#__PURE__*/React.createElement("span", {
       className: classNames([staticClassName('Rating', theme) && ['onesy-Rating-icon', 'onesy-Rating-icon-active'], classes.icon, classes.active]),
       style: {
-        width: width(index + 1)
+        width: width(index_2 + 1)
       }
     }, /*#__PURE__*/React.cloneElement(IconActive, _objectSpread(_objectSpread({
       tonal: IconActive.props?.tonal !== undefined ? IconActive.props?.tonal : tonal,

package/esm/Reset/Reset.js

@@ -1,15 +1,37 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 const _excluded = ["children"];
+import { c as _c } from "react/compiler-runtime";
 import React from 'react';
 import { reset } from '@onesy/style-react';
 const useReset = reset();
 const Reset = props => {
-  const {
+  const $ = _c(5);
+  let children;
+  let other;
+  if ($[0] !== props) {
+    var _props = props;
+    ({
       children
-    } = props,
-    other = _objectWithoutProperties(props, _excluded);
+    } = _props);
+    other = _objectWithoutProperties(_props, _excluded);
+    _props;
+    $[0] = props;
+    $[1] = children;
+    $[2] = other;
+  } else {
+    children = $[1];
+    other = $[2];
+  }
   useReset(other);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  let t0;
+  if ($[3] !== children) {
+    t0 = /*#__PURE__*/React.createElement(React.Fragment, null, children);
+    $[3] = children;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  return t0;
 };
 Reset.displayName = 'onesy-Reset';
 export default Reset;

package/esm/Reveal/Reveal.js

@@ -16,8 +16,8 @@ const useStyle = styleMethod(theme => ({
 });
 const Reveal = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyReveal?.props?.default), props_), [props_]);
-  const Fade = React.useMemo(() => theme?.elements?.Fade || FadeElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyReveal?.props?.default), props_);
+  const Fade = theme?.elements?.Fade || FadeElement;
   const {
       inDefault,
       offset,
@@ -58,15 +58,15 @@ const Reveal = /*#__PURE__*/React.forwardRef((props_, ref) => {
   refs.in.current = inProp;
   refs.unreveal.current = unreveal;
   refs.loaded.current = loaded;
-  const onUpdate = React.useCallback(value => {
+  const onUpdate = value => {
     setInProp(value);
     if (value && !refs.loaded.current) setLoaded(true);
     if (is('function', onChange)) onChange(value);
-  }, [onChange]);
+  };
   React.useEffect(() => {
-    const value = visiblity.visible;
-    if (refs.loaded.current && !value && !refs.unreveal.current) return;
-    onUpdate(value);
+    const value_0 = visiblity.visible;
+    if (refs.loaded.current && !value_0 && !refs.unreveal.current) return;
+    onUpdate(value_0);
   }, [visiblity.visible]);
   const Component = !noTransition ? Component_ : React.Fragment;
   if (!noTransition) other.in = inProp;