@onesy/ui-react 1.0.172 → 1.0.174

package/CalendarWeek/CalendarWeek.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
@@ -16,6 +15,7 @@ var _Line = _interopRequireDefault(require("../Line"));
 var _Type = _interopRequireDefault(require("../Type"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _utils2 = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["date", "times", "events", "onOpen", "onTimeClick", "render", "statuses", "displayTime", "day", "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) { (0, _defineProperty2.default)(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; }
@@ -131,7 +131,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-CalendarWeek'
 });
-const CalendarWeek = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const CalendarWeek = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3;
   const theme = (0, _styleReact.useOnesyTheme)();
   const l = theme.l;
@@ -336,37 +336,41 @@ const CalendarWeek = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       }, top === 0 && bottom === 0 && {
         border: 'none'
       });
-      const elementRendered = (0, _utils.is)('function', render) ? render(item_3, dayProp ? 'day' : 'week') : /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-        key: index,
+      const elementRendered = (0, _utils.is)('function', render) ? render(item_3, dayProp ? 'day' : 'week') : /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
         gap: 0.5,
         align: "center",
         justify: "center"
-      }, itemProps), !minimal && refs.displayTime.current && /*#__PURE__*/_react.default.createElement(Type, {
-        version: "l2",
-        weight: 300,
-        align: "center",
-        className: classes.time,
-        style: {
-          background: getColor(item_3)
-        }
-      }, (0, _date.format)(from_1, 'hh:mm a', {
-        l
-      }), " - ", renderTo((0, _date.format)(to_1, 'hh:mm a', {
-        l
-      }))), item_3.description && /*#__PURE__*/_react.default.createElement(Type, {
-        version: "b2",
-        dangerouslySetInnerHTML: {
-          __html: (0, _utils.textToInnerHTML)(item_3.description)
-        },
-        style: {
-          maxHeight: 24,
-          maxWidth: '90%'
-        }
-      }));
-      elements.push(/*#__PURE__*/_react.default.createElement(WrapperElement, WrapperElementProps, /*#__PURE__*/_react.default.cloneElement(elementRendered, _objectSpread(_objectSpread({}, itemProps), {}, {
-        className: (0, _styleReact.classNames)([itemProps.className, (_elementRendered$prop = elementRendered.props) === null || _elementRendered$prop === void 0 ? void 0 : _elementRendered$prop.className]),
-        style: _objectSpread(_objectSpread({}, style), (_elementRendered$prop2 = elementRendered.props) === null || _elementRendered$prop2 === void 0 ? void 0 : _elementRendered$prop2.style)
-      }))));
+      }, itemProps), {}, {
+        children: [!minimal && refs.displayTime.current && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Type, {
+          version: "l2",
+          weight: 300,
+          align: "center",
+          className: classes.time,
+          style: {
+            background: getColor(item_3)
+          },
+          children: [(0, _date.format)(from_1, 'hh:mm a', {
+            l
+          }), " - ", renderTo((0, _date.format)(to_1, 'hh:mm a', {
+            l
+          }))]
+        }), item_3.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+          version: "b2",
+          dangerouslySetInnerHTML: {
+            __html: (0, _utils.textToInnerHTML)(item_3.description)
+          },
+          style: {
+            maxHeight: 24,
+            maxWidth: '90%'
+          }
+        })]
+      }), index);
+      elements.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(WrapperElement, _objectSpread(_objectSpread({}, WrapperElementProps), {}, {
+        children: /*#__PURE__*/_react.default.cloneElement(elementRendered, _objectSpread(_objectSpread({}, itemProps), {}, {
+          className: (0, _styleReact.classNames)([itemProps.className, (_elementRendered$prop = elementRendered.props) === null || _elementRendered$prop === void 0 ? void 0 : _elementRendered$prop.className]),
+          style: _objectSpread(_objectSpread({}, style), (_elementRendered$prop2 = elementRendered.props) === null || _elementRendered$prop2 === void 0 ? void 0 : _elementRendered$prop2.style)
+        }))
+      })));
     });
     return elements;
   };
@@ -385,10 +389,14 @@ const CalendarWeek = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     refs.days.current = {};
     refs.overlaping.current = {};
     const day_0 = dayDate_0.dayWeek === 0 ? 7 : dayDate_0.dayWeek;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, times.map(item_4 => {
-      var _day_;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, item_4.weekly && renderTimes(dayDate_0, (_day_ = item_4.weekly.days[day_0]) === null || _day_ === void 0 ? void 0 : _day_.values, true, item_4.weekly.days[day_0]), item_4.dates && renderTimes(dayDate_0, getDates(item_4), false));
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: times.map(item_4 => {
+        var _day_;
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [item_4.weekly && renderTimes(dayDate_0, (_day_ = item_4.weekly.days[day_0]) === null || _day_ === void 0 ? void 0 : _day_.values, true, item_4.weekly.days[day_0]), item_4.dates && renderTimes(dayDate_0, getDates(item_4), false)]
+        });
+      })
+    });
   };
   const hours = _react.default.useMemo(() => {
     return Array.from({
@@ -401,136 +409,150 @@ const CalendarWeek = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       length: 7
     }).map((_, index_1) => (0, _date.add)(index_1, 'day', weekStartDate));
   }, [date]);
-  return /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    ref: ref,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread({
     gap: 1.5,
     flex: true,
     fullWidth: true,
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('CalendarWeek', theme) && ['onesy-CalendarWeek-root', dayProp && 'onesy-CalendarWeek-prop-day'], className, classes.root])
-  }, other), /*#__PURE__*/_react.default.createElement(Line, {
-    gap: 0,
-    direction: "row",
-    align: "stretch",
-    flex: true,
-    fullWidth: true,
-    className: classes.days
-  }, /*#__PURE__*/_react.default.createElement(Line, {
-    gap: 0,
-    align: "center",
-    fullWidth: true,
-    className: (0, _styleReact.classNames)(['onesy-hours', classes.hours])
-  }, /*#__PURE__*/_react.default.createElement(Line, {
-    className: classes.dayHeader
-  }), /*#__PURE__*/_react.default.createElement(Line, {
-    gap: 0,
-    flex: true,
-    fullWidth: true,
-    className: classes.hourWrapper
-  }, hours.map((itemHour, index_2) => /*#__PURE__*/_react.default.createElement(Line, {
-    key: index_2,
-    gap: 1,
-    align: "unset",
-    className: classes.hour,
-    style: {
-      top: `${100 / 24 * index_2}%`
-    }
-  }, /*#__PURE__*/_react.default.createElement(Type, {
-    version: "b3",
-    whiteSpace: "nowrap"
-  }, (0, _date.format)(itemHour, 'h A', {
-    l
-  })))))), dayProp && /*#__PURE__*/_react.default.createElement(Line, {
-    gap: 0,
-    direction: "column",
-    align: "center",
-    flex: true,
-    className: (0, _styleReact.classNames)(['onesy-day', classes.day])
-  }, /*#__PURE__*/_react.default.createElement(Line, {
-    gap: 0,
-    align: "center",
-    fullWidth: true,
-    className: classes.dayHeader
-  }, /*#__PURE__*/_react.default.createElement(Type, {
-    version: "l1",
-    weight: 200
-  }, (0, _date.format)(date, 'd', {
-    l
-  })), /*#__PURE__*/_react.default.createElement(Line, {
-    align: "center",
-    justify: "center",
-    className: (0, _styleReact.classNames)([classes.weekDay, date.year === now.year && date.dayYear === now.dayYear && classes.today])
-  }, /*#__PURE__*/_react.default.createElement(Type, {
-    version: "h3",
-    weight: 400,
-    align: "center"
-  }, (0, _date.format)(date, 'D', {
-    l
-  })))), /*#__PURE__*/_react.default.createElement(Line, {
-    className: classes.dayBody,
-    flex: true,
-    fullWidth: true,
-    onClick: event_1 => onTimeClickMethod(date, event_1)
-  }, timesUI(date), hours.map((itemGuide, indexGuide) => /*#__PURE__*/_react.default.createElement(Line, {
-    key: indexGuide,
-    className: classes.guide,
-    fullWidth: true,
-    style: {
-      top: `${100 / 24 * indexGuide}%`
-    }
-  })), (0, _date.format)(now, _utils2.formats.date) === (0, _date.format)(date, _utils2.formats.date) && /*#__PURE__*/_react.default.createElement(Line, {
-    className: classes.guidelineHour,
-    fullWidth: true,
-    style: {
-      top: `${(now.hour * 60 + now.minute) / (24 * 60) * 100}%`
-    }
-  }))), !dayProp && days.map((itemDay_1, index_3) => {
-    return /*#__PURE__*/_react.default.createElement(Line, {
-      key: index_3,
+  }, other), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
       gap: 0,
-      direction: "column",
-      align: "center",
-      flex: true,
-      className: (0, _styleReact.classNames)(['onesy-day', classes.day])
-    }, /*#__PURE__*/_react.default.createElement(Line, {
-      gap: 0,
-      align: "center",
-      fullWidth: true,
-      className: classes.dayHeader
-    }, /*#__PURE__*/_react.default.createElement(Type, {
-      version: "l1",
-      weight: 200
-    }, (0, _date.format)(itemDay_1, 'd', {
-      l
-    })), /*#__PURE__*/_react.default.createElement(Line, {
-      align: "center",
-      justify: "center",
-      className: (0, _styleReact.classNames)([classes.weekDay, itemDay_1.year === now.year && itemDay_1.dayYear === now.dayYear && classes.today])
-    }, /*#__PURE__*/_react.default.createElement(Type, {
-      version: "h3",
-      weight: 400,
-      align: "center"
-    }, (0, _date.format)(itemDay_1, 'D', {
-      l
-    })))), /*#__PURE__*/_react.default.createElement(Line, {
-      className: classes.dayBody,
+      direction: "row",
+      align: "stretch",
       flex: true,
       fullWidth: true,
-      onClick: event_2 => onTimeClickMethod(itemDay_1, event_2)
-    }, timesUI(itemDay_1), hours.map((itemGuide_0, indexGuide_0) => /*#__PURE__*/_react.default.createElement(Line, {
-      key: indexGuide_0,
-      className: classes.guide,
-      fullWidth: true,
-      style: {
-        top: `${100 / 24 * indexGuide_0}%`
-      }
-    })), (0, _date.format)(now, _utils2.formats.date) === (0, _date.format)(itemDay_1, _utils2.formats.date) && /*#__PURE__*/_react.default.createElement(Line, {
-      className: classes.guidelineHour,
-      fullWidth: true,
-      style: {
-        top: `${(now.hour * 60 + now.minute) / (24 * 60) * 100}%`
-      }
-    })));
-  })));
-});
+      className: classes.days,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+        gap: 0,
+        align: "center",
+        fullWidth: true,
+        className: (0, _styleReact.classNames)(['onesy-hours', classes.hours]),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+          className: classes.dayHeader
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+          gap: 0,
+          flex: true,
+          fullWidth: true,
+          className: classes.hourWrapper,
+          children: hours.map((itemHour, index_2) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+            gap: 1,
+            align: "unset",
+            className: classes.hour,
+            style: {
+              top: `${100 / 24 * index_2}%`
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+              version: "b3",
+              whiteSpace: "nowrap",
+              children: (0, _date.format)(itemHour, 'h A', {
+                l
+              })
+            })
+          }, index_2))
+        })]
+      }), dayProp && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+        gap: 0,
+        direction: "column",
+        align: "center",
+        flex: true,
+        className: (0, _styleReact.classNames)(['onesy-day', classes.day]),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+          gap: 0,
+          align: "center",
+          fullWidth: true,
+          className: classes.dayHeader,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+            version: "l1",
+            weight: 200,
+            children: (0, _date.format)(date, 'd', {
+              l
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+            align: "center",
+            justify: "center",
+            className: (0, _styleReact.classNames)([classes.weekDay, date.year === now.year && date.dayYear === now.dayYear && classes.today]),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+              version: "h3",
+              weight: 400,
+              align: "center",
+              children: (0, _date.format)(date, 'D', {
+                l
+              })
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+          className: classes.dayBody,
+          flex: true,
+          fullWidth: true,
+          onClick: event_1 => onTimeClickMethod(date, event_1),
+          children: [timesUI(date), hours.map((itemGuide, indexGuide) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+            className: classes.guide,
+            fullWidth: true,
+            style: {
+              top: `${100 / 24 * indexGuide}%`
+            }
+          }, indexGuide)), (0, _date.format)(now, _utils2.formats.date) === (0, _date.format)(date, _utils2.formats.date) && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+            className: classes.guidelineHour,
+            fullWidth: true,
+            style: {
+              top: `${(now.hour * 60 + now.minute) / (24 * 60) * 100}%`
+            }
+          })]
+        })]
+      }), !dayProp && days.map((itemDay_1, index_3) => {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+          gap: 0,
+          direction: "column",
+          align: "center",
+          flex: true,
+          className: (0, _styleReact.classNames)(['onesy-day', classes.day]),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+            gap: 0,
+            align: "center",
+            fullWidth: true,
+            className: classes.dayHeader,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+              version: "l1",
+              weight: 200,
+              children: (0, _date.format)(itemDay_1, 'd', {
+                l
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+              align: "center",
+              justify: "center",
+              className: (0, _styleReact.classNames)([classes.weekDay, itemDay_1.year === now.year && itemDay_1.dayYear === now.dayYear && classes.today]),
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+                version: "h3",
+                weight: 400,
+                align: "center",
+                children: (0, _date.format)(itemDay_1, 'D', {
+                  l
+                })
+              })
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+            className: classes.dayBody,
+            flex: true,
+            fullWidth: true,
+            onClick: event_2 => onTimeClickMethod(itemDay_1, event_2),
+            children: [timesUI(itemDay_1), hours.map((itemGuide_0, indexGuide_0) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+              className: classes.guide,
+              fullWidth: true,
+              style: {
+                top: `${100 / 24 * indexGuide_0}%`
+              }
+            }, indexGuide_0)), (0, _date.format)(now, _utils2.formats.date) === (0, _date.format)(itemDay_1, _utils2.formats.date) && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+              className: classes.guidelineHour,
+              fullWidth: true,
+              style: {
+                top: `${(now.hour * 60 + now.minute) / (24 * 60) * 100}%`
+              }
+            })]
+          })]
+        }, index_3);
+      })]
+    })
+  }));
+};
 CalendarWeek.displayName = 'onesy-CalendarWeek';
 var _default = exports.default = CalendarWeek;

package/Card/Card.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
@@ -15,6 +14,7 @@ var _Surface = _interopRequireDefault(require("../Surface"));
 var _Interaction = _interopRequireDefault(require("../Interaction"));
 var _Line = _interopRequireDefault(require("../Line"));
 var _utils2 = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["tonal", "color", "version", "elevation", "focus", "selected", "button", "href", "disabled", "onFocus", "onBlur", "InteractionProps", "Component", "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) { (0, _defineProperty2.default)(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; }
@@ -48,7 +48,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-Card'
 });
-const Card = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Card = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3;
   const theme = (0, _styleReact.useOnesyTheme)();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyCard) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
@@ -95,8 +95,7 @@ const Card = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       if ((0, _utils.is)('function', onBlur_)) onBlur_(event_0);
     }
   };
-  return /*#__PURE__*/_react.default.createElement(Surface, (0, _extends2.default)({
-    ref: ref,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Surface, _objectSpread(_objectSpread({
     gap: 0,
     tabIndex: (href || button) && !disabled ? 0 : undefined,
     color: color,
@@ -112,16 +111,18 @@ const Card = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     },
     Component: Line,
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Card', theme) && [`onesy-Card-root`, focus && `onesy-Card-focus`, disabled && `onesy-Card-disabled`], className, classes.root, href && classes.href, button && classes.button, disabled && [classes.disabled, classes[`disabled_version_${version}`]]])
-  }, other), (href || button) && /*#__PURE__*/_react.default.createElement(Interaction, (0, _extends2.default)({
-    border: false,
-    pulse: focus,
-    selected: selected
-  }, InteractionProps)), _react.default.Children.toArray(children).map(item => (/*#__PURE__*/_react.default.cloneElement(item, {
-    tonal: item.props.tonal !== undefined ? item.props.tonal : tonal,
-    version: item.props.version !== undefined ? item.props.version : version,
-    elevation: item.props.elevation !== undefined ? item.props.elevation : elevation,
-    color: item.props.color !== undefined ? item.props.color : color
-  }))));
-});
+  }, other), {}, {
+    children: [(href || button) && /*#__PURE__*/(0, _jsxRuntime.jsx)(Interaction, _objectSpread({
+      border: false,
+      pulse: focus,
+      selected: selected
+    }, InteractionProps)), _react.default.Children.toArray(children).map(item => (/*#__PURE__*/_react.default.cloneElement(item, {
+      tonal: item.props.tonal !== undefined ? item.props.tonal : tonal,
+      version: item.props.version !== undefined ? item.props.version : version,
+      elevation: item.props.elevation !== undefined ? item.props.elevation : elevation,
+      color: item.props.color !== undefined ? item.props.color : color
+    })))]
+  }));
+};
 Card.displayName = 'onesy-Card';
 var _default = exports.default = Card;

package/CardButton/CardButton.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
@@ -13,6 +12,7 @@ var _utils = require("@onesy/utils");
 var _styleReact = require("@onesy/style-react");
 var _Interaction = _interopRequireDefault(require("../Interaction"));
 var _utils2 = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["focus", "selected", "href", "disabled", "onFocus", "onBlur", "InteractionProps", "Component", "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) { (0, _defineProperty2.default)(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; }
@@ -24,7 +24,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-CardButton'
 });
-const CardButton = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const CardButton = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements;
   const theme = (0, _styleReact.useOnesyTheme)();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyCardButton) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
@@ -59,19 +59,20 @@ const CardButton = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }
   };
   const Component = Component_;
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    ref: ref,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, _objectSpread(_objectSpread({
     tabIndex: !disabled ? 0 : -1,
     Component: Component,
     onFocus: onFocus,
     onBlur: onBlur,
     href: href,
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('CardButton', theme) && [`onesy-CardButton-root`, focus && `onesy-CardButton-focus`, disabled && `onesy-CardButton-disabled`], className, classes.root])
-  }, other), /*#__PURE__*/_react.default.createElement(Interaction, (0, _extends2.default)({
-    border: false,
-    pulse: focus,
-    selected: selected
-  }, InteractionProps)), children);
-});
+  }, other), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Interaction, _objectSpread({
+      border: false,
+      pulse: focus,
+      selected: selected
+    }, InteractionProps)), children]
+  }));
+};
 CardButton.displayName = 'onesy-CardButton';
 var _default = exports.default = CardButton;

package/CardFooter/CardFooter.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _compilerRuntime = require("react/compiler-runtime");
@@ -13,6 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _styleReact = require("@onesy/style-react");
 var _Line = _interopRequireDefault(require("../Line"));
 var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["tonal", "color", "version", "elevation", "Component", "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) { (0, _defineProperty2.default)(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; }
@@ -23,9 +23,9 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-CardFooter'
 });
-const CardFooter = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const CardFooter = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements;
-  const $ = (0, _compilerRuntime.c)(7);
+  const $ = (0, _compilerRuntime.c)(6);
   const theme = (0, _styleReact.useOnesyTheme)();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyCardFooter) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
@@ -52,9 +52,8 @@ const CardFooter = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const t7 = true;
   const t8 = (0, _styleReact.classNames)([(0, _utils.staticClassName)("CardFooter", theme) && ["onesy-CardFooter-root"], className, classes.root]);
   let t9;
-  if ($[0] !== Component || $[1] !== Line || $[2] !== children || $[3] !== other || $[4] !== ref || $[5] !== t8) {
-    t9 = /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-      ref: ref,
+  if ($[0] !== Component || $[1] !== Line || $[2] !== children || $[3] !== other || $[4] !== t8) {
+    t9 = /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread({
       gap: t2,
       direction: t3,
       wrap: t4,
@@ -63,18 +62,19 @@ const CardFooter = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       fullWidth: t7,
       Component: Component,
       className: t8
-    }, other), children);
+    }, other), {}, {
+      children: children
+    }));
     $[0] = Component;
     $[1] = Line;
     $[2] = children;
     $[3] = other;
-    $[4] = ref;
-    $[5] = t8;
-    $[6] = t9;
+    $[4] = t8;
+    $[5] = t9;
   } else {
-    t9 = $[6];
+    t9 = $[5];
   }
   return t9;
-});
+};
 CardFooter.displayName = 'onesy-CardFooter';
 var _default = exports.default = CardFooter;

package/CardHeader/CardHeader.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _compilerRuntime = require("react/compiler-runtime");
@@ -13,6 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _styleReact = require("@onesy/style-react");
 var _Line = _interopRequireDefault(require("../Line"));
 var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["tonal", "color", "version", "elevation", "Component", "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) { (0, _defineProperty2.default)(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; }
@@ -23,9 +23,9 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-CardHeader'
 });
-const CardHeader = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const CardHeader = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements;
-  const $ = (0, _compilerRuntime.c)(18);
+  const $ = (0, _compilerRuntime.c)(17);
   const theme = (0, _styleReact.useOnesyTheme)();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyCardHeader) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
@@ -82,27 +82,27 @@ const CardHeader = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     t7 = $[5];
   }
   let t8;
-  if ($[11] !== Component || $[12] !== Line || $[13] !== other || $[14] !== ref || $[15] !== t6 || $[16] !== t7) {
-    t8 = /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-      ref: ref,
+  if ($[11] !== Component || $[12] !== Line || $[13] !== other || $[14] !== t6 || $[15] !== t7) {
+    t8 = /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread({
       direction: t2,
       align: t3,
       justify: t4,
       fullWidth: t5,
       Component: Component,
       className: t6
-    }, other), t7);
+    }, other), {}, {
+      children: t7
+    }));
     $[11] = Component;
     $[12] = Line;
     $[13] = other;
-    $[14] = ref;
-    $[15] = t6;
-    $[16] = t7;
-    $[17] = t8;
+    $[14] = t6;
+    $[15] = t7;
+    $[16] = t8;
   } else {
-    t8 = $[17];
+    t8 = $[16];
   }
   return t8;
-});
+};
 CardHeader.displayName = 'onesy-CardHeader';
 var _default = exports.default = CardHeader;