@onesy/ui-react 1.0.171 → 1.0.173

package/esm/CalendarViews/CalendarViews.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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"];
@@ -19,6 +18,7 @@ import TypeElement from '../Type';
 import SelectElement from '../Select';
 import ButtonElement from '../Button';
 import { staticClassName } from '../utils';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {
     padding: '16px',
@@ -103,7 +103,7 @@ const useStyle = styleMethod(theme => ({
 }), {
   name: 'onesy-CalendarViews'
 });
-const CalendarViews = /*#__PURE__*/React.forwardRef((props_, ref) => {
+const CalendarViews = props_ => {
   const theme = useOnesyTheme();
   const l = theme.l;
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyCalendarViews?.props?.default), props_);
@@ -224,29 +224,33 @@ const CalendarViews = /*#__PURE__*/React.forwardRef((props_, ref) => {
     if (is('function', onChangeDateProps)) onChangeDateProps(valueNew_2);
   };
   const renderDay = (valueCalendarMonth, propsDay, day, outside) => {
-    return /*#__PURE__*/React.createElement(Line, {
+    return /*#__PURE__*/_jsxs(Line, {
       gap: 0.5,
       direction: "column",
       align: "center",
       flex: true,
       fullWidth: true,
-      className: classes.dayWrapper
-    }, /*#__PURE__*/React.createElement(Line, {
-      direction: "row",
-      justify: "center",
-      align: "center",
-      fullWidth: true,
-      className: classNames([classes.monthDay, day.today && classes.today])
-    }, /*#__PURE__*/React.createElement(Type, {
-      version: "b2"
-    }, format(valueCalendarMonth, 'D', {
-      l
-    }))), /*#__PURE__*/React.createElement(Line, {
-      gap: 0.5,
-      flex: true,
-      fullWidth: true,
-      className: classes.contentItemsMonth
-    }, is('function', render) && render(valueCalendarMonth, view)));
+      className: classes.dayWrapper,
+      children: [/*#__PURE__*/_jsx(Line, {
+        direction: "row",
+        justify: "center",
+        align: "center",
+        fullWidth: true,
+        className: classNames([classes.monthDay, day.today && classes.today]),
+        children: /*#__PURE__*/_jsx(Type, {
+          version: "b2",
+          children: format(valueCalendarMonth, 'D', {
+            l
+          })
+        })
+      }), /*#__PURE__*/_jsx(Line, {
+        gap: 0.5,
+        flex: true,
+        fullWidth: true,
+        className: classes.contentItemsMonth,
+        children: is('function', render) && render(valueCalendarMonth, view)
+      })]
+    });
   };
   const renderDayName = order => {
     const values = {
@@ -261,33 +265,36 @@ const CalendarViews = /*#__PURE__*/React.forwardRef((props_, ref) => {
     return values[order];
   };
   const ui = {
-    month: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Line, {
-      gap: 0,
-      className: classes.month
-    }, /*#__PURE__*/React.createElement(CalendarMonth, _extends({
-      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: classNames([CalendarMonthProps?.className, classes.calendarMonth])
-    })))),
-    week: /*#__PURE__*/React.createElement(CalendarWeek, _extends({
+    month: /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsx(Line, {
+        gap: 0,
+        className: classes.month,
+        children: /*#__PURE__*/_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: classNames([CalendarMonthProps?.className, classes.calendarMonth])
+        }))
+      })
+    }),
+    week: /*#__PURE__*/_jsx(CalendarWeek, _objectSpread({
       date: date,
       times: times,
       events: events,
       onTimeClick: onTimeClick
     }, WeekProps)),
-    day: /*#__PURE__*/React.createElement(CalendarWeek, _extends({
+    day: /*#__PURE__*/_jsx(CalendarWeek, _objectSpread({
       date: date,
       times: times,
       events: events,
@@ -301,81 +308,97 @@ const CalendarViews = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const iconButtonProps = {
     size: 'regular'
   };
-  return /*#__PURE__*/React.createElement(Line, _extends({
-    ref: ref,
+  return /*#__PURE__*/_jsxs(Line, _objectSpread(_objectSpread({
     flex: true,
     fullWidth: true,
     className: classNames([staticClassName('CalendarViews', theme) && ['onesy-CalendarViews-root'], className, classes.root])
-  }, other), /*#__PURE__*/React.createElement(Line, {
-    gap: 1,
-    fullWidth: true,
-    className: classNames([staticClassName('CalendarViews', theme) && ['onesy-CalendarViews-header']])
-  }, startHeader, /*#__PURE__*/React.createElement(Line, {
-    gap: 2,
-    direction: "row",
-    wrap: "wrap",
-    justify: "space-between",
-    align: "center",
-    fullWidth: true
-  }, /*#__PURE__*/React.createElement(Line, {
-    gap: 1.5,
-    direction: "row",
-    wrap: "wrap",
-    align: "center",
-    className: classes.aside
-  }, startLeft, /*#__PURE__*/React.createElement(Button, {
-    color: "inherit",
-    version: "outlined",
-    size: "small",
-    onClick: onToday,
-    selected: now.days === date.days
-  }, l('Today')), /*#__PURE__*/React.createElement(Line, {
-    gap: 0,
-    direction: "row",
-    align: "center"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    name: `${l('Previous')} ${l(view)}`
-  }, /*#__PURE__*/React.createElement(IconButton, _extends({
-    onClick: onPrevious
-  }, iconButtonProps), /*#__PURE__*/React.createElement(IconPrevious, iconProps))), /*#__PURE__*/React.createElement(Tooltip, {
-    name: `${l('Next')} ${l(view)}`
-  }, /*#__PURE__*/React.createElement(IconButton, _extends({
-    onClick: onNext
-  }, iconButtonProps), /*#__PURE__*/React.createElement(IconNext, iconProps)))), /*#__PURE__*/React.createElement(Type, _extends({
-    version: "h3",
-    weight: 300,
-    whiteSpace: "nowrap"
-  }, TypeDateFormattedProps), formattedDate), endLeft), /*#__PURE__*/React.createElement(Line, {
-    gap: 1.5,
-    direction: "row",
-    align: "center",
-    flexNo: true,
-    className: classNames([classes.aside, classes.overflowX])
-  }, startRight, !noViews && /*#__PURE__*/React.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.createElement(Line, {
-    flex: true,
-    fullWidth: true,
-    className: classes.main
-  }, ui[view]));
-});
+  }, other), {}, {
+    children: [/*#__PURE__*/_jsxs(Line, {
+      gap: 1,
+      fullWidth: true,
+      className: classNames([staticClassName('CalendarViews', theme) && ['onesy-CalendarViews-header']]),
+      children: [startHeader, /*#__PURE__*/_jsxs(Line, {
+        gap: 2,
+        direction: "row",
+        wrap: "wrap",
+        justify: "space-between",
+        align: "center",
+        fullWidth: true,
+        children: [/*#__PURE__*/_jsxs(Line, {
+          gap: 1.5,
+          direction: "row",
+          wrap: "wrap",
+          align: "center",
+          className: classes.aside,
+          children: [startLeft, /*#__PURE__*/_jsx(Button, {
+            color: "inherit",
+            version: "outlined",
+            size: "small",
+            onClick: onToday,
+            selected: now.days === date.days,
+            children: l('Today')
+          }), /*#__PURE__*/_jsxs(Line, {
+            gap: 0,
+            direction: "row",
+            align: "center",
+            children: [/*#__PURE__*/_jsx(Tooltip, {
+              name: `${l('Previous')} ${l(view)}`,
+              children: /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({
+                onClick: onPrevious
+              }, iconButtonProps), {}, {
+                children: /*#__PURE__*/_jsx(IconPrevious, _objectSpread({}, iconProps))
+              }))
+            }), /*#__PURE__*/_jsx(Tooltip, {
+              name: `${l('Next')} ${l(view)}`,
+              children: /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({
+                onClick: onNext
+              }, iconButtonProps), {}, {
+                children: /*#__PURE__*/_jsx(IconNext, _objectSpread({}, iconProps))
+              }))
+            })]
+          }), /*#__PURE__*/_jsx(Type, _objectSpread(_objectSpread({
+            version: "h3",
+            weight: 300,
+            whiteSpace: "nowrap"
+          }, TypeDateFormattedProps), {}, {
+            children: formattedDate
+          })), endLeft]
+        }), /*#__PURE__*/_jsxs(Line, {
+          gap: 1.5,
+          direction: "row",
+          align: "center",
+          flexNo: true,
+          className: classNames([classes.aside, classes.overflowX]),
+          children: [startRight, !noViews && /*#__PURE__*/_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__*/_jsx(Line, {
+      flex: true,
+      fullWidth: true,
+      className: classes.main,
+      children: ui[view]
+    })]
+  }));
+};
 CalendarViews.displayName = 'onesy-CalendarViews';
 export default CalendarViews;