@onesy/ui-react 1.0.164 → 1.0.167

package/Calendar/Calendar.js

@@ -151,60 +151,22 @@ const useStyle = (0, _styleReact.style)(theme => ({
 // ['Mon'), l('Tue'), l('Wed'), l('Thu'), l('Fri'), l('Sat'), l('Sun')];
 
 const Calendar = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5, _theme$elements6, _theme$elements7, _theme$elements8, _theme$elements9, _theme$elements0, _theme$elements1, _theme$elements10;
   const theme = (0, _styleReact.useOnesyTheme)();
   const l = theme.l;
-  const props = _react.default.useMemo(() => {
-    var _theme$ui, _theme$ui2;
-    return _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.onesyCalendar) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props__);
-  }, [props__]);
-  const Line = _react.default.useMemo(() => {
-    var _theme$elements;
-    return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
-  }, [theme]);
-  const Surface = _react.default.useMemo(() => {
-    var _theme$elements2;
-    return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Surface) || _Surface.default;
-  }, [theme]);
-  const Fade = _react.default.useMemo(() => {
-    var _theme$elements3;
-    return (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Fade) || _Fade.default;
-  }, [theme]);
-  const IconButton = _react.default.useMemo(() => {
-    var _theme$elements4;
-    return (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.IconButton) || _IconButton.default;
-  }, [theme]);
-  const Button = _react.default.useMemo(() => {
-    var _theme$elements5;
-    return (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Button) || _Button.default;
-  }, [theme]);
-  const CalendarMonth = _react.default.useMemo(() => {
-    var _theme$elements6;
-    return (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.CalendarMonth) || _CalendarMonth.default;
-  }, [theme]);
-  const List = _react.default.useMemo(() => {
-    var _theme$elements7;
-    return (theme === null || theme === void 0 || (_theme$elements7 = theme.elements) === null || _theme$elements7 === void 0 ? void 0 : _theme$elements7.List) || _List.default;
-  }, [theme]);
-  const ListItem = _react.default.useMemo(() => {
-    var _theme$elements8;
-    return (theme === null || theme === void 0 || (_theme$elements8 = theme.elements) === null || _theme$elements8 === void 0 ? void 0 : _theme$elements8.ListItem) || _ListItem.default;
-  }, [theme]);
-  const Divider = _react.default.useMemo(() => {
-    var _theme$elements9;
-    return (theme === null || theme === void 0 || (_theme$elements9 = theme.elements) === null || _theme$elements9 === void 0 ? void 0 : _theme$elements9.Divider) || _Divider.default;
-  }, [theme]);
-  const Type = _react.default.useMemo(() => {
-    var _theme$elements0;
-    return (theme === null || theme === void 0 || (_theme$elements0 = theme.elements) === null || _theme$elements0 === void 0 ? void 0 : _theme$elements0.Type) || _Type.default;
-  }, [theme]);
-  const Carousel = _react.default.useMemo(() => {
-    var _theme$elements1;
-    return (theme === null || theme === void 0 || (_theme$elements1 = theme.elements) === null || _theme$elements1 === void 0 ? void 0 : _theme$elements1.Carousel) || _Carousel.default;
-  }, [theme]);
-  const PaginationItem = _react.default.useMemo(() => {
-    var _theme$elements10;
-    return (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.PaginationItem) || _PaginationItem.default;
-  }, [theme]);
+  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.onesyCalendar) === 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;
+  const Surface = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Surface) || _Surface.default;
+  const Fade = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Fade) || _Fade.default;
+  const IconButton = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.IconButton) || _IconButton.default;
+  const Button = (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Button) || _Button.default;
+  const CalendarMonth = (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.CalendarMonth) || _CalendarMonth.default;
+  const List = (theme === null || theme === void 0 || (_theme$elements7 = theme.elements) === null || _theme$elements7 === void 0 ? void 0 : _theme$elements7.List) || _List.default;
+  const ListItem = (theme === null || theme === void 0 || (_theme$elements8 = theme.elements) === null || _theme$elements8 === void 0 ? void 0 : _theme$elements8.ListItem) || _ListItem.default;
+  const Divider = (theme === null || theme === void 0 || (_theme$elements9 = theme.elements) === null || _theme$elements9 === void 0 ? void 0 : _theme$elements9.Divider) || _Divider.default;
+  const Type = (theme === null || theme === void 0 || (_theme$elements0 = theme.elements) === null || _theme$elements0 === void 0 ? void 0 : _theme$elements0.Type) || _Type.default;
+  const Carousel = (theme === null || theme === void 0 || (_theme$elements1 = theme.elements) === null || _theme$elements1 === void 0 ? void 0 : _theme$elements1.Carousel) || _Carousel.default;
+  const PaginationItem = (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.PaginationItem) || _PaginationItem.default;
   const {
       tonal = true,
       color = 'default',
@@ -269,45 +231,45 @@ const Calendar = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
   _react.default.useEffect(() => {
     if (calendar_ !== undefined && calendar_ !== calendar) setCalendar(calendar_);
   }, [calendar_]);
-  const onUpdate = _react.default.useCallback(valueNew => {
+  const onUpdate = valueNew => {
     // Inner update
     if (!props.hasOwnProperty('value')) setValue(valueNew);
     if ((0, _utils.is)('function', onChange)) onChange(!range ? valueNew[0] : valueNew);
-  }, [range, onChange]);
-  const onUpdateCalendar = _react.default.useCallback(valueNew => {
+  };
+  const onUpdateCalendar = valueNew_0 => {
     // Inner update
-    if (!props.hasOwnProperty('calendar')) setCalendar(valueNew);
-    if ((0, _utils.is)('function', onChangeCalendar)) onChangeCalendar(valueNew);
-  }, [onChangeCalendar]);
-  const onUpdateCalendarOption = _react.default.useCallback(valueNew => {
+    if (!props.hasOwnProperty('calendar')) setCalendar(valueNew_0);
+    if ((0, _utils.is)('function', onChangeCalendar)) onChangeCalendar(valueNew_0);
+  };
+  const onUpdateCalendarOption = valueNew_1 => {
     setOpen(null);
-    onUpdateCalendar(valueNew);
-  }, []);
-  const onCalendarMonthChange = _react.default.useCallback(valueNew_ => {
-    const valueNew = (0, _utils.is)('array', valueNew_) ? valueNew_ : [valueNew_];
-    if (valueNew !== value) onUpdate(valueNew);
-  }, [value]);
-  const onCalendarMonthChangeCalendar = _react.default.useCallback(valueNew => {
-    onUpdateCalendar(valueNew);
-  }, [calendar]);
-  const valid = _react.default.useCallback((...args) => {
+    onUpdateCalendar(valueNew_1);
+  };
+  const onCalendarMonthChange = valueNew_ => {
+    const valueNew_2 = (0, _utils.is)('array', valueNew_) ? valueNew_ : [valueNew_];
+    if (valueNew_2 !== value) onUpdate(valueNew_2);
+  };
+  const onCalendarMonthChangeCalendar = valueNew_3 => {
+    onUpdateCalendar(valueNew_3);
+  };
+  const valid = (...args) => {
     if ((0, _utils.is)('function', valid_)) return valid_(...args);
     return true;
-  }, [valid_]);
-  const move = _react.default.useCallback((next = true, unit = 'month') => {
+  };
+  const move = (next = true, unit = 'month') => {
     if (refs.inProgressTransition.current) return;
     onUpdateCalendar((next ? _date.add : _date.remove)(1, unit, calendar));
-  }, [calendar]);
-  const onOpen = _react.default.useCallback((valueUpdate = 'month') => {
-    const valueNew = open === valueUpdate ? null : valueUpdate;
-    setOpen(valueNew);
+  };
+  const onOpen = (valueUpdate = 'month') => {
+    const valueNew_4 = open === valueUpdate ? null : valueUpdate;
+    setOpen(valueNew_4);
 
     // Scroll to the value
-    if (valueNew) setTimeout(() => {
-      var _refs$valueNew;
-      const list = (_refs$valueNew = refs[valueNew]) === null || _refs$valueNew === void 0 ? void 0 : _refs$valueNew.current;
+    if (valueNew_4) setTimeout(() => {
+      var _refs$valueNew_;
+      const list = (_refs$valueNew_ = refs[valueNew_4]) === null || _refs$valueNew_ === void 0 ? void 0 : _refs$valueNew_.current;
       if (list) {
-        const valueData = valueNew === 'month' ? calendar.month - 1 : calendar.year;
+        const valueData = valueNew_4 === 'month' ? calendar.month - 1 : calendar.year;
         (0, _utils.Try)(() => {
           const element = list.querySelector(`[data-value="${valueData}"]`);
           if (element) list.scrollTo({
@@ -317,8 +279,8 @@ const Calendar = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
         });
       }
     });
-  }, [open, menu, calendar]);
-  const getMonths = (0, _utils.is)('function', getMonths_) ? getMonths_ : _react.default.useCallback(() => {
+  };
+  const getMonths = (0, _utils.is)('function', getMonths_) ? getMonths_ : () => {
     const valueCalendar = (0, _date.set)(14, 'day', calendar);
     const result = Array.from({
       length: 12
@@ -326,38 +288,38 @@ const Calendar = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
       value: (0, _date.set)(index, 'month', valueCalendar)
     }));
     return result;
-  }, [calendar]);
-  const getYears = (0, _utils.is)('function', getYears_) ? getYears_ : _react.default.useCallback(() => {
+  };
+  const getYears = (0, _utils.is)('function', getYears_) ? getYears_ : () => {
     const minYear = 1970;
     const length = 130;
     return Array.from({
       length
-    }).map((item, index) => ({
-      value: (0, _date.set)(minYear + index, 'year', calendar)
+    }).map((item_0, index_0) => ({
+      value: (0, _date.set)(minYear + index_0, 'year', calendar)
     }));
-  }, []);
-  const onCarouselInit = _react.default.useCallback(() => {
+  };
+  const onCarouselInit = () => {
     // Scroll to the value
     setTimeout(() => {
       (0, _utils.Try)(() => {
         var _refs$root$current;
         const rootDocument = (0, _utils.isEnvironment)('browser') ? ((_refs$root$current = refs.root.current) === null || _refs$root$current === void 0 ? void 0 : _refs$root$current.ownerDocument) || window.document : undefined;
-        let item = rootDocument.body.querySelector('[data-month-from]');
-        if (item) {
-          item = item.parentElement.parentElement;
+        let item_1 = rootDocument.body.querySelector('[data-month-from]');
+        if (item_1) {
+          item_1 = item_1.parentElement.parentElement;
           setCarousel({
-            y: item.offsetTop
+            y: item_1.offsetTop
           });
         }
       });
     }, 140);
-  }, []);
+  };
 
   // Prevent multiple moves of the calendar
   // before the previous transition is done
-  const onTransition = _react.default.useCallback((element, status) => {
+  const onTransition = (element_0, status) => {
     refs.inProgressTransition.current = !['entered', 'exited', 'removed'].includes(status);
-  }, []);
+  };
   const calendarMonthProps = _objectSpread({
     renderDay,
     renderDayName,
@@ -381,29 +343,29 @@ const Calendar = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
           onInit: onCarouselInit,
           items: Array.from({
             length: 12
-          }).map((item, index) => {
-            const calendarOnesyDate = (0, _date.set)(index, 'month', calendar);
+          }).map((item_3, index_2) => {
+            const calendarOnesyDate_0 = (0, _date.set)(index_2, 'month', calendar);
             return /*#__PURE__*/_react.default.createElement(Line, {
-              key: index,
+              key: index_2,
               gap: 1.5,
               direction: "column",
               className: (0, _styleReact.classNames)([classes.carousel_item])
             }, /*#__PURE__*/_react.default.createElement(Type, {
               version: size === 'large' ? 'l1' : size === 'regular' ? 'l2' : 'l3',
               className: (0, _styleReact.classNames)([classes.carousel_item_label])
-            }, (0, _date.format)(calendarOnesyDate, 'MMMM', {
+            }, (0, _date.format)(calendarOnesyDate_0, 'MMMM', {
               l
-            }), " ", (0, _date.format)(calendarOnesyDate, 'YYYY', {
+            }), " ", (0, _date.format)(calendarOnesyDate_0, 'YYYY', {
               l
             })), /*#__PURE__*/_react.default.createElement(CalendarMonth, (0, _extends2.default)({
               color: "default",
               value: value,
-              calendar: calendarOnesyDate,
+              calendar: calendarOnesyDate_0,
               valid: valid,
               now: now,
               size: size,
               range: range,
-              offset: index,
+              offset: index_2,
               min: min,
               max: max,
               validate: validate,
@@ -439,10 +401,10 @@ const Calendar = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
           className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Calendar', theme) && ['onesy-Calendar-calendars'], classes.calendars])
         }, Array.from({
           length: calendars
-        }).map((item, index) => {
-          const calendarOnesyDate = (0, _date.add)(index, 'month', calendar);
+        }).map((item_2, index_1) => {
+          const calendarOnesyDate = (0, _date.add)(index_1, 'month', calendar);
           return /*#__PURE__*/_react.default.createElement(Line, {
-            key: index,
+            key: index_1,
             gap: 1,
             direction: "column",
             style: {
@@ -463,7 +425,7 @@ const Calendar = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
             now: now,
             size: size,
             range: range,
-            offset: index,
+            offset: index_1,
             min: min,
             max: max,
             validate: validate
@@ -485,11 +447,11 @@ const Calendar = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
     version: 'text'
   }, OptionButtonProps);
   return /*#__PURE__*/_react.default.createElement(Surface, (0, _extends2.default)({
-    ref: item => {
+    ref: item_4 => {
       if (ref) {
-        if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
+        if ((0, _utils.is)('function', ref)) ref(item_4);else ref.current = item_4;
       }
-      refs.root.current = item;
+      refs.root.current = item_4;
     },
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Calendar', theme) && ['onesy-Calendar-root', `onesy-Calendar-version-${version}`, `onesy-Calendar-size-${size}`], className, classes.root, classes[`size_${size}`], range && classes.range])
   }, other), start, /*#__PURE__*/_react.default.createElement(Line, {
@@ -626,11 +588,11 @@ const Calendar = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
     size: "large",
     menu: true,
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Calendar', theme) && ['onesy-Calendar-list'], classes.list])
-  }, getMonths(value, calendar, props).map((item, index) => {
-    const onesyDate = item.value;
+  }, getMonths(value, calendar, props).map((item_5, index_3) => {
+    const onesyDate = item_5.value;
     const selected = calendar.month === onesyDate.month;
     return /*#__PURE__*/_react.default.createElement(ListItem, {
-      key: index,
+      key: index_3,
       onClick: () => onUpdateCalendarOption(onesyDate),
       primary: (0, _date.format)(onesyDate, 'MMMM', {
         l
@@ -650,7 +612,7 @@ const Calendar = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
       PrimaryProps: {
         version: size === 'regular' ? 'b2' : size === 'small' ? 'b3' : 'b1'
       },
-      "data-value": index,
+      "data-value": index_3,
       className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Calendar', theme) && ['onesy-Calendar-list-item'], classes.listItem])
     });
   }))), open === 'year' && /*#__PURE__*/_react.default.createElement(Surface, {
@@ -665,25 +627,25 @@ const Calendar = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
     size: size,
     menu: true,
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Calendar', theme) && ['onesy-Calendar-list'], classes.list])
-  }, getYears(value, calendar, props).map((item, index) => {
-    const onesyDate = item.value;
-    const yearValue = (0, _date.format)(onesyDate, 'YYYY');
-    const selected = calendar.year === onesyDate.year;
+  }, getYears(value, calendar, props).map((item_6, index_4) => {
+    const onesyDate_0 = item_6.value;
+    const yearValue = (0, _date.format)(onesyDate_0, 'YYYY');
+    const selected_0 = calendar.year === onesyDate_0.year;
     return /*#__PURE__*/_react.default.createElement(ListItem, {
-      key: index,
-      onClick: () => onUpdateCalendarOption(onesyDate),
+      key: index_4,
+      onClick: () => onUpdateCalendarOption(onesyDate_0),
       primary: yearValue,
-      inset: !selected,
+      inset: !selected_0,
       startAlign: "center",
       size: size,
-      start: selected ? /*#__PURE__*/_react.default.createElement(_Buttons.IconDoneAnimated, {
+      start: selected_0 ? /*#__PURE__*/_react.default.createElement(_Buttons.IconDoneAnimated, {
         in: true,
         add: true,
         simple: true,
         size: size
       }) : undefined,
-      selected: selected,
-      disabled: !valid(onesyDate, 'year'),
+      selected: selected_0,
+      disabled: !valid(onesyDate_0, 'year'),
       button: true,
       PrimaryProps: {
         version: size === 'regular' ? 'b2' : size === 'small' ? 'b3' : 'b1'
@@ -699,12 +661,12 @@ const Calendar = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
     wrap: "wrap",
     justify: "space-evenly",
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Calendar', theme) && ['onesy-Calendar-list-version-year'], classes.list_version_year])
-  }, getYears(value, calendar, props).map((item, index) => {
-    const onesyDate = item.value;
-    const yearValue = (0, _date.format)(onesyDate, 'YYYY');
-    const selected = calendar.year === onesyDate.year;
+  }, getYears(value, calendar, props).map((item_7, index_5) => {
+    const onesyDate_1 = item_7.value;
+    const yearValue_0 = (0, _date.format)(onesyDate_1, 'YYYY');
+    const selected_1 = calendar.year === onesyDate_1.year;
     return /*#__PURE__*/_react.default.createElement(PaginationItem, (0, _extends2.default)({
-      key: index,
+      key: index_5,
       tonal: tonal,
       color: "inherit",
       size: size,
@@ -713,18 +675,18 @@ const Calendar = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
       },
       TypeProps: {
         version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
-        tone: !selected ? 'primary' : undefined
+        tone: !selected_1 ? 'primary' : undefined
       },
-      onClick: () => onUpdateCalendarOption(onesyDate),
-      "data-value": yearValue,
-      disabled: !valid(onesyDate, 'year')
+      onClick: () => onUpdateCalendarOption(onesyDate_1),
+      "data-value": yearValue_0,
+      disabled: !valid(onesyDate_1, 'year')
     }, PaginationItemsProps, {
       className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Calendar', theme) && ['onesy-Calendar-day-version-year'], PaginationItemsProps === null || PaginationItemsProps === void 0 ? void 0 : PaginationItemsProps.className, classes.day_version_year]),
-      style: _objectSpread(_objectSpread({}, selected ? {
+      style: _objectSpread(_objectSpread({}, selected_1 ? {
         color: theme.methods.palette.color.value(undefined, 90, true, palette),
         backgroundColor: theme.methods.palette.color.value(undefined, 40, true, palette)
       } : undefined), PaginationItemsProps === null || PaginationItemsProps === void 0 ? void 0 : PaginationItemsProps.style)
-    }), yearValue);
+    }), yearValue_0);
   })))), end);
 });
 Calendar.displayName = 'onesy-Calendar';

package/CalendarAvailability/CalendarAvailability.d.ts

@@ -3,7 +3,7 @@ import { OnesyDate } from '@onesy/date';
 import { ILine } from '../Line/Line';
 import { IElement } from '../types';
 import { ICalendarViewsView } from '../CalendarViews/CalendarViews';
-export type ICalendarEvent = {
+export declare type ICalendarEvent = {
     id?: string;
     description?: string;
     from?: number;
@@ -11,7 +11,7 @@ export type ICalendarEvent = {
     status?: string;
     color?: string;
 };
-export type ICalendarAvailability = ILine & {
+export declare type ICalendarAvailability = ILine & {
     name?: string | IElement;
     date?: OnesyDate;
     dateDefault?: OnesyDate;