@onesy/ui-react 1.0.172 → 1.0.174

package/CalendarViews/CalendarViews.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"));
@@ -23,6 +22,7 @@ var _Type = _interopRequireDefault(require("../Type"));
 var _Select = _interopRequireDefault(require("../Select"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _utils2 = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["viewDefault", "dateDefault", "times", "events", "views", "render", "onTimeClick", "onChangeView", "onChangeDate", "startHeader", "endHeader", "startLeft", "endLeft", "startRight", "endRight", "noViews", "IconPrevious", "IconNext", "WeekProps", "DayProps", "CalendarMonthProps", "TypeDateFormattedProps", "className"];
 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; }
@@ -110,7 +110,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-CalendarViews'
 });
-const CalendarViews = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const CalendarViews = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5, _theme$elements6, _theme$elements7, _theme$elements8;
   const theme = (0, _styleReact.useOnesyTheme)();
   const l = theme.l;
@@ -232,29 +232,33 @@ const CalendarViews = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     if ((0, _utils.is)('function', onChangeDateProps)) onChangeDateProps(valueNew_2);
   };
   const renderDay = (valueCalendarMonth, propsDay, day, outside) => {
-    return /*#__PURE__*/_react.default.createElement(Line, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
       gap: 0.5,
       direction: "column",
       align: "center",
       flex: true,
       fullWidth: true,
-      className: classes.dayWrapper
-    }, /*#__PURE__*/_react.default.createElement(Line, {
-      direction: "row",
-      justify: "center",
-      align: "center",
-      fullWidth: true,
-      className: (0, _styleReact.classNames)([classes.monthDay, day.today && classes.today])
-    }, /*#__PURE__*/_react.default.createElement(Type, {
-      version: "b2"
-    }, (0, _date.format)(valueCalendarMonth, 'D', {
-      l
-    }))), /*#__PURE__*/_react.default.createElement(Line, {
-      gap: 0.5,
-      flex: true,
-      fullWidth: true,
-      className: classes.contentItemsMonth
-    }, (0, _utils.is)('function', render) && render(valueCalendarMonth, view)));
+      className: classes.dayWrapper,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+        direction: "row",
+        justify: "center",
+        align: "center",
+        fullWidth: true,
+        className: (0, _styleReact.classNames)([classes.monthDay, day.today && classes.today]),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+          version: "b2",
+          children: (0, _date.format)(valueCalendarMonth, 'D', {
+            l
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+        gap: 0.5,
+        flex: true,
+        fullWidth: true,
+        className: classes.contentItemsMonth,
+        children: (0, _utils.is)('function', render) && render(valueCalendarMonth, view)
+      })]
+    });
   };
   const renderDayName = order => {
     const values = {
@@ -269,33 +273,36 @@ const CalendarViews = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     return values[order];
   };
   const ui = {
-    month: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Line, {
-      gap: 0,
-      className: classes.month
-    }, /*#__PURE__*/_react.default.createElement(CalendarMonth, (0, _extends2.default)({
-      value: now,
-      calendar: date,
-      renderDay: renderDay,
-      renderDayName: renderDayName,
-      onTimeClick: onTimeClick,
-      size: "large",
-      dayNamesFull: true,
-      noTransition: true,
-      outside: false,
-      DayNameProps: {
-        version: 'l1',
-        weight: 200
-      }
-    }, CalendarMonthProps, {
-      className: (0, _styleReact.classNames)([CalendarMonthProps === null || CalendarMonthProps === void 0 ? void 0 : CalendarMonthProps.className, classes.calendarMonth])
-    })))),
-    week: /*#__PURE__*/_react.default.createElement(CalendarWeek, (0, _extends2.default)({
+    month: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+        gap: 0,
+        className: classes.month,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarMonth, _objectSpread(_objectSpread({
+          value: now,
+          calendar: date,
+          renderDay: renderDay,
+          renderDayName: renderDayName,
+          onTimeClick: onTimeClick,
+          size: "large",
+          dayNamesFull: true,
+          noTransition: true,
+          outside: false,
+          DayNameProps: {
+            version: 'l1',
+            weight: 200
+          }
+        }, CalendarMonthProps), {}, {
+          className: (0, _styleReact.classNames)([CalendarMonthProps === null || CalendarMonthProps === void 0 ? void 0 : CalendarMonthProps.className, classes.calendarMonth])
+        }))
+      })
+    }),
+    week: /*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarWeek, _objectSpread({
       date: date,
       times: times,
       events: events,
       onTimeClick: onTimeClick
     }, WeekProps)),
-    day: /*#__PURE__*/_react.default.createElement(CalendarWeek, (0, _extends2.default)({
+    day: /*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarWeek, _objectSpread({
       date: date,
       times: times,
       events: events,
@@ -309,81 +316,97 @@ const CalendarViews = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const iconButtonProps = {
     size: 'regular'
   };
-  return /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    ref: ref,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
     flex: true,
     fullWidth: true,
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('CalendarViews', theme) && ['onesy-CalendarViews-root'], className, classes.root])
-  }, other), /*#__PURE__*/_react.default.createElement(Line, {
-    gap: 1,
-    fullWidth: true,
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('CalendarViews', theme) && ['onesy-CalendarViews-header']])
-  }, startHeader, /*#__PURE__*/_react.default.createElement(Line, {
-    gap: 2,
-    direction: "row",
-    wrap: "wrap",
-    justify: "space-between",
-    align: "center",
-    fullWidth: true
-  }, /*#__PURE__*/_react.default.createElement(Line, {
-    gap: 1.5,
-    direction: "row",
-    wrap: "wrap",
-    align: "center",
-    className: classes.aside
-  }, startLeft, /*#__PURE__*/_react.default.createElement(Button, {
-    color: "inherit",
-    version: "outlined",
-    size: "small",
-    onClick: onToday,
-    selected: now.days === date.days
-  }, l('Today')), /*#__PURE__*/_react.default.createElement(Line, {
-    gap: 0,
-    direction: "row",
-    align: "center"
-  }, /*#__PURE__*/_react.default.createElement(Tooltip, {
-    name: `${l('Previous')} ${l(view)}`
-  }, /*#__PURE__*/_react.default.createElement(IconButton, (0, _extends2.default)({
-    onClick: onPrevious
-  }, iconButtonProps), /*#__PURE__*/_react.default.createElement(IconPrevious, iconProps))), /*#__PURE__*/_react.default.createElement(Tooltip, {
-    name: `${l('Next')} ${l(view)}`
-  }, /*#__PURE__*/_react.default.createElement(IconButton, (0, _extends2.default)({
-    onClick: onNext
-  }, iconButtonProps), /*#__PURE__*/_react.default.createElement(IconNext, iconProps)))), /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-    version: "h3",
-    weight: 300,
-    whiteSpace: "nowrap"
-  }, TypeDateFormattedProps), formattedDate), endLeft), /*#__PURE__*/_react.default.createElement(Line, {
-    gap: 1.5,
-    direction: "row",
-    align: "center",
-    flexNo: true,
-    className: (0, _styleReact.classNames)([classes.aside, classes.overflowX])
-  }, startRight, !noViews && /*#__PURE__*/_react.default.createElement(Select, {
-    name: l('View'),
-    value: view,
-    onChange: onChangeView,
-    options: viewOptions,
-    size: "small",
-    MenuProps: {
-      portal: true,
-      size: 'regular'
-    },
-    WrapperProps: {
-      style: {
-        width: 170,
-        minWidth: 'unset'
-      }
-    },
-    style: {
-      width: 170,
-      minWidth: 'unset'
-    }
-  }), endRight)), endHeader), /*#__PURE__*/_react.default.createElement(Line, {
-    flex: true,
-    fullWidth: true,
-    className: classes.main
-  }, ui[view]));
-});
+  }, other), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+      gap: 1,
+      fullWidth: true,
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('CalendarViews', theme) && ['onesy-CalendarViews-header']]),
+      children: [startHeader, /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+        gap: 2,
+        direction: "row",
+        wrap: "wrap",
+        justify: "space-between",
+        align: "center",
+        fullWidth: true,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+          gap: 1.5,
+          direction: "row",
+          wrap: "wrap",
+          align: "center",
+          className: classes.aside,
+          children: [startLeft, /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
+            color: "inherit",
+            version: "outlined",
+            size: "small",
+            onClick: onToday,
+            selected: now.days === date.days,
+            children: l('Today')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+            gap: 0,
+            direction: "row",
+            align: "center",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, {
+              name: `${l('Previous')} ${l(view)}`,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, _objectSpread(_objectSpread({
+                onClick: onPrevious
+              }, iconButtonProps), {}, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconPrevious, _objectSpread({}, iconProps))
+              }))
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, {
+              name: `${l('Next')} ${l(view)}`,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, _objectSpread(_objectSpread({
+                onClick: onNext
+              }, iconButtonProps), {}, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconNext, _objectSpread({}, iconProps))
+              }))
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
+            version: "h3",
+            weight: 300,
+            whiteSpace: "nowrap"
+          }, TypeDateFormattedProps), {}, {
+            children: formattedDate
+          })), endLeft]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+          gap: 1.5,
+          direction: "row",
+          align: "center",
+          flexNo: true,
+          className: (0, _styleReact.classNames)([classes.aside, classes.overflowX]),
+          children: [startRight, !noViews && /*#__PURE__*/(0, _jsxRuntime.jsx)(Select, {
+            name: l('View'),
+            value: view,
+            onChange: onChangeView,
+            options: viewOptions,
+            size: "small",
+            MenuProps: {
+              portal: true,
+              size: 'regular'
+            },
+            WrapperProps: {
+              style: {
+                width: 170,
+                minWidth: 'unset'
+              }
+            },
+            style: {
+              width: 170,
+              minWidth: 'unset'
+            }
+          }), endRight]
+        })]
+      }), endHeader]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+      flex: true,
+      fullWidth: true,
+      className: classes.main,
+      children: ui[view]
+    })]
+  }));
+};
 CalendarViews.displayName = 'onesy-CalendarViews';
 var _default = exports.default = CalendarViews;