@onesy/ui-react 1.0.172 → 1.0.174

package/esm/Buttons/Buttons.js

@@ -1,9 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 const _excluded = ["className"],
   _excluded2 = ["in", "simple", "onExited", "fullWidth", "noExitAnimation", "add", "className", "style"],
-  _excluded3 = ["tonal", "color", "version", "colorSelected", "size", "value", "valueDefault", "onChange", "select", "unselect", "orientation", "noCheckIcon", "elevation", "border", "chip", "fullWidth", "disabled", "className", "children"];
+  _excluded3 = ["ref", "tonal", "color", "version", "colorSelected", "size", "value", "valueDefault", "onChange", "select", "unselect", "orientation", "noCheckIcon", "elevation", "border", "chip", "fullWidth", "disabled", "className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { c as _c } from "react/compiler-runtime";
@@ -15,8 +14,9 @@ import LineElement from '../Line';
 import { staticClassName, valueBreakpoints } from '../utils';
 import useMediaQuery from '../useMediaQuery';
 import Icon from '../Icon';
-export const IconMaterialDone = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const $ = _c(9);
+import { jsx as _jsx } from "react/jsx-runtime";
+export const IconMaterialDone = props => {
+  const $ = _c(8);
   let className;
   let other;
   if ($[0] !== props) {
@@ -35,7 +35,7 @@ export const IconMaterialDone = /*#__PURE__*/React.forwardRef((props, ref) => {
   }
   let t0;
   if ($[3] !== className) {
-    t0 = /*#__PURE__*/React.createElement("path", {
+    t0 = /*#__PURE__*/_jsx("path", {
       className: className,
       fill: "none",
       d: "M4.5 11.5L9.5 16.5L19.5 6.5"
@@ -46,21 +46,21 @@ export const IconMaterialDone = /*#__PURE__*/React.forwardRef((props, ref) => {
     t0 = $[4];
   }
   let t1;
-  if ($[5] !== other || $[6] !== ref || $[7] !== t0) {
-    t1 = /*#__PURE__*/React.createElement(Icon, _extends({
-      ref: ref,
+  if ($[5] !== other || $[6] !== t0) {
+    t1 = /*#__PURE__*/_jsx(Icon, _objectSpread(_objectSpread({
       name: "DoneSharp",
       short_name: "Done"
-    }, other), t0);
+    }, other), {}, {
+      children: t0
+    }));
     $[5] = other;
-    $[6] = ref;
-    $[7] = t0;
-    $[8] = t1;
+    $[6] = t0;
+    $[7] = t1;
   } else {
-    t1 = $[8];
+    t1 = $[7];
   }
   return t1;
-});
+};
 const useStyle = styleMethod(theme => ({
   root: {
     position: 'relative',
@@ -248,13 +248,14 @@ export const IconDoneAnimated = props => {
   }
   let t2;
   if ($[15] !== className || $[16] !== classes.path || $[17] !== classes.pathIn || $[18] !== noExitAnimation || $[19] !== other || $[20] !== simple || $[21] !== style || $[22] !== styles || $[23] !== theme.methods.transitions) {
-    t2 = status => /*#__PURE__*/React.cloneElement(/*#__PURE__*/React.createElement("span", {
+    t2 = status => /*#__PURE__*/React.cloneElement(/*#__PURE__*/_jsx("span", {
       className: className,
-      style: style
-    }, /*#__PURE__*/React.createElement(IconMaterialDone, _extends({
-      className: classNames([classes.path, (["adding", "added", "enter", "entering", "entered"].includes(status) || noExitAnimation) && classes.pathIn]),
-      size: "inherit"
-    }, other))), {
+      style: style,
+      children: /*#__PURE__*/_jsx(IconMaterialDone, _objectSpread({
+        className: classNames([classes.path, (["adding", "added", "enter", "entering", "entered"].includes(status) || noExitAnimation) && classes.pathIn]),
+        size: "inherit"
+      }, other))
+    }), {
       style: _objectSpread(_objectSpread(_objectSpread({
         display: "inline-flex",
         overflow: "hidden"
@@ -282,12 +283,13 @@ export const IconDoneAnimated = props => {
   }
   let t3;
   if ($[25] !== Transition || $[26] !== add || $[27] !== inProp || $[28] !== t1 || $[29] !== t2) {
-    t3 = /*#__PURE__*/React.createElement(Transition, {
+    t3 = /*#__PURE__*/_jsx(Transition, {
       in: inProp,
       onExited: t1,
       add: add,
-      enterOnAdd: false
-    }, t2);
+      enterOnAdd: false,
+      children: t2
+    });
     $[25] = Transition;
     $[26] = add;
     $[27] = inProp;
@@ -299,11 +301,12 @@ export const IconDoneAnimated = props => {
   }
   return t3;
 };
-const Buttons = /*#__PURE__*/React.forwardRef((props_, ref) => {
+const Buttons = props_ => {
   const theme = useOnesyTheme();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyButtons?.props?.default), props_);
   const Line = theme?.elements?.Line || LineElement;
   const {
+      ref,
       tonal = true,
       color = 'primary',
       version = 'outlined',
@@ -400,7 +403,7 @@ const Buttons = /*#__PURE__*/React.forwardRef((props_, ref) => {
       if (is('function', item_2.props.onClick)) item_2.props.onClick();
     }
   }, !refs.noCheckIcon.current && selected.includes(item_2.props.value) ? {
-    start: /*#__PURE__*/React.createElement(IconDoneAnimated, {
+    start: /*#__PURE__*/_jsx(IconDoneAnimated, {
       in: true,
       add: true,
       simple: true
@@ -414,7 +417,7 @@ const Buttons = /*#__PURE__*/React.forwardRef((props_, ref) => {
     selected: item_2.props.selected !== undefined ? item_2.props.selected : selected.includes(item_2.props.value),
     disabled: item_2.props?.disabled !== undefined ? item_2.props.disabled : disabled
   })));
-  return /*#__PURE__*/React.createElement(Line, _extends({
+  return /*#__PURE__*/_jsx(Line, _objectSpread(_objectSpread({
     ref: item_3 => {
       if (ref) {
         if (is('function', ref)) ref(item_3);else ref.current = item_3;
@@ -425,7 +428,9 @@ const Buttons = /*#__PURE__*/React.forwardRef((props_, ref) => {
     direction: "row",
     display: "inline-flex",
     className: classNames([staticClassName('Buttons', theme) && ['onesy-Buttons-root', `onesy-Buttons-version-${version}`, `onesy-Buttons-size-${size}`, disabled && `onesy-Buttons-disabled`], className, classes.root, classes[`orientation_${orientation}`], classes[`orientation_${orientation}_size_${size}`], fullWidth && classes.fullWidth, elevation && !disabled && ['filled', 'tonal'].includes(version) && classes.elevation, disabled && classes.disabled])
-  }, other), children);
-});
+  }, other), {}, {
+    children: children
+  }));
+};
 Buttons.displayName = 'onesy-Buttons';
 export default Buttons;