@superdispatch/dates 0.25.1 → 0.26.0

package/dist-src/base-date-picker/BaseDatePicker.js

@@ -8,50 +8,45 @@ import { useValueObserver } from '@superdispatch/hooks';
 import { Color, mergeRefs, useUID } from '@superdispatch/ui';
 import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
 import styled from 'styled-components';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var Popover = /*#__PURE__*/styled(MuiPopover).withConfig({
   displayName: "BaseDatePicker__Popover",
   componentId: "SD__sc-1xvk8l6-0"
 })([".MuiPaper-rounded{border:1px solid ", ";box-shadow:0px 0px 4px 0px rgba(0,0,0,0.05),0px 4px 8px 0px rgba(0,0,0,0.12);}"], Color.Silver400);
 export var BaseDatePicker = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    id,
-    api,
-    onClear,
-    onClick: _onClick,
-    onClose,
-    onKeyDown: _onKeyDown,
-    disabled,
-    children,
-    enableClearable,
-    inputRef: inputRefProp,
-    InputProps: inputProps
-  } = _ref,
-      textFieldProps = _objectWithoutProperties(_ref, _excluded);
-
+      id,
+      api,
+      onClear,
+      onClick: _onClick,
+      onClose,
+      onKeyDown: _onKeyDown,
+      disabled,
+      children,
+      enableClearable,
+      inputRef: inputRefProp,
+      InputProps: inputProps
+    } = _ref,
+    textFieldProps = _objectWithoutProperties(_ref, _excluded);
   var uid = useUID(id);
   var labelID = "".concat(uid, "-label");
   var clearIconID = "".concat(uid, "-clear-icon");
   var inputRef = useRef(null);
   var textFieldRef = useRef(null);
   var [popoverAnchor, setPopoverAnchor] = useState(null);
-
   function handleOpen() {
     if (!disabled && textFieldRef.current) {
       setPopoverAnchor(textFieldRef.current);
     }
   }
-
   function handleClose() {
     setPopoverAnchor(null);
   }
-
   useImperativeHandle(api, () => ({
     close: handleClose
-  })); // We want to trigger close event only when UI will be ready after updates.
+  }));
 
+  // We want to trigger close event only when UI will be ready after updates.
   useValueObserver(popoverAnchor, () => {
     if (!popoverAnchor) {
       onClose === null || onClose === void 0 ? void 0 : onClose();
@@ -78,14 +73,12 @@ export var BaseDatePicker = /*#__PURE__*/forwardRef((_ref, ref) => {
       inputRef: mergeRefs(inputRef, inputRefProp),
       onClick: event => {
         _onClick === null || _onClick === void 0 ? void 0 : _onClick(event);
-
         if (!event.defaultPrevented) {
           handleOpen();
         }
       },
       onKeyDown: event => {
         _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(event);
-
         if (!event.defaultPrevented && (event.key === ' ' || event.key === 'Enter')) {
           handleOpen();
         }

package/dist-src/calendar/Calendar.js

@@ -10,13 +10,12 @@ import DayPicker from 'react-day-picker';
 import { useDateConfig } from "../date-config/DateConfig.js";
 import { stringifyDate } from "../date-time-utils/DateTimeUtils.js";
 import { useDateTime } from "../use-date-time/useDateTime.js";
-import { CalendarCaption, CalendarNavbar, CalendarWeekDay } from "./InternalCalendarComponents.js"; //
+import { CalendarCaption, CalendarNavbar, CalendarWeekDay } from "./InternalCalendarComponents.js";
+
+//
 // Styles
 //
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = /*#__PURE__*/makeStyles(theme => ({
   container: {
     display: 'inline-block'
@@ -223,18 +222,20 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
   todayButton: {}
 }), {
   name: 'SD-Calendar'
-}); //
+});
+
+//
 // Utility Types
 //
 
 //
 // Internal Utils
 //
+
 function toDayPickerModifier(config, modifier) {
   if (!modifier) {
     return undefined;
   }
-
   return localDate => {
     var dateValue = DateTime.fromObject({
       year: localDate.getFullYear(),
@@ -252,12 +253,10 @@ function toDayPickerModifier(config, modifier) {
     });
   };
 }
-
 function toDayPickerHandler(config, classes, initialTime, handler) {
   if (!handler) {
     return undefined;
   }
-
   return (localDate, modifiers) => {
     var dateValue = DateTime.fromObject({
       year: localDate.getFullYear(),
@@ -276,35 +275,35 @@ function toDayPickerHandler(config, classes, initialTime, handler) {
       stringValue: stringifyDate(dateValue, config)
     });
   };
-} //
+}
+
+//
 // Calendar
 //
 
-
 export var Calendar = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    footer,
-    classes,
-    direction,
-    quickSelection,
-    selectedDays,
-    disabledDays,
-    onDayClick,
-    onDayKeyDown,
-    onDayMouseEnter,
-    onDayMouseLeave,
-    onDayMouseDown,
-    onDayMouseUp,
-    onDayTouchEnd,
-    onDayTouchStart,
-    modifiers,
-    highlightedDays,
-    format: formatProp,
-    initialTime: initialTimeInputProp,
-    initialMonth: initialMonthInputProp
-  } = _ref,
-      dayPickerProps = _objectWithoutProperties(_ref, _excluded);
-
+      footer,
+      classes,
+      direction,
+      quickSelection,
+      selectedDays,
+      disabledDays,
+      onDayClick,
+      onDayKeyDown,
+      onDayMouseEnter,
+      onDayMouseLeave,
+      onDayMouseDown,
+      onDayMouseUp,
+      onDayTouchEnd,
+      onDayTouchStart,
+      modifiers,
+      highlightedDays,
+      format: formatProp,
+      initialTime: initialTimeInputProp,
+      initialMonth: initialMonthInputProp
+    } = _ref,
+    dayPickerProps = _objectWithoutProperties(_ref, _excluded);
   var styles = useStyles({
     classes
   });
@@ -316,15 +315,12 @@ export var Calendar = /*#__PURE__*/forwardRef((_ref, ref) => {
   var [initialTime, initialMonth] = useMemo(() => {
     var time = initialTimeInput;
     var month = initialMonthInput;
-
     if (!month.isValid) {
       month = DateTime.local().startOf('month');
     }
-
     if (!time.isValid) {
       time = month;
     }
-
     return [time, new Date(month.year, month.month - 1, month.day, month.hour, month.minute, month.second, month.millisecond)];
   }, [initialTimeInput, initialMonthInput]);
   var wrapModifier = toDayPickerModifier.bind(null, config);
@@ -343,19 +339,16 @@ export var Calendar = /*#__PURE__*/forwardRef((_ref, ref) => {
       return dateValue.day === dateValue.daysInMonth;
     })
   };
-
   if (modifiers) {
     for (var [key, modifier] of Object.entries(modifiers)) {
       dayPickerModifiers[key] = wrapModifier(modifier);
     }
   }
-
   if (highlightedDays) {
     for (var [_key, _modifier] of Object.entries(highlightedDays)) {
       dayPickerModifiers[styles[_key]] = wrapModifier(_modifier);
     }
   }
-
   return /*#__PURE__*/_jsxs(Grid, {
     ref: ref,
     container: true,

package/dist-src/calendar/CalendarQuickSelection.js

@@ -1,7 +1,6 @@
 import { List, ListItem, Typography } from '@material-ui/core';
 import { forwardRef } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var CalendarQuickSelectionItem = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
     onClick,

package/dist-src/calendar/InternalCalendarComponents.js

@@ -1,8 +1,6 @@
 import { IconButton, Typography } from '@material-ui/core';
 import { ChevronLeft, ChevronRight } from '@material-ui/icons';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export function CalendarCaption(_ref) {
   var {
     date,

package/dist-src/date-config/DateConfig.js

@@ -6,12 +6,10 @@ export function setDefaultTimeZone(offset) {
     Settings.defaultZoneName = offset;
   } else {
     var zone = FixedOffsetZone.instance(offset);
-
     if (zone.isValid) {
       Settings.defaultZoneName = zone.name;
     }
   }
-
   return Settings.defaultZoneName;
 }
 export function useDefaultTimeZone(offset) {

package/dist-src/date-field/DateField.js

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["onDayClick"],
-    _excluded2 = ["onBlur", "onFocus", "onChange", "renderFooter", "renderQuickSelection", "value", "format", "fallback", "variant", "enableClearable", "disableCloseOnSelect", "CalendarProps"];
+  _excluded2 = ["onBlur", "onFocus", "onChange", "renderFooter", "renderQuickSelection", "value", "format", "fallback", "variant", "enableClearable", "disableCloseOnSelect", "CalendarProps"];
 import { forwardRef, useMemo, useRef } from 'react';
 import { BaseDatePicker } from "../base-date-picker/BaseDatePicker.js";
 import { Calendar } from "../calendar/Calendar.js";
@@ -12,24 +12,23 @@ import { useDateTime } from "../use-date-time/useDateTime.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var DateField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    onBlur,
-    onFocus,
-    onChange,
-    renderFooter,
-    renderQuickSelection,
-    value: valueProp,
-    format: formatProp,
-    fallback = '',
-    variant = 'Date',
-    enableClearable,
-    disableCloseOnSelect,
-    CalendarProps: {
-      onDayClick: _onDayClick
-    } = {}
-  } = _ref,
-      calendarProps = _objectWithoutProperties(_ref.CalendarProps, _excluded),
-      textFieldProps = _objectWithoutProperties(_ref, _excluded2);
-
+      onBlur,
+      onFocus,
+      onChange,
+      renderFooter,
+      renderQuickSelection,
+      value: valueProp,
+      format: formatProp,
+      fallback = '',
+      variant = 'Date',
+      enableClearable,
+      disableCloseOnSelect,
+      CalendarProps: {
+        onDayClick: _onDayClick
+      } = {}
+    } = _ref,
+    calendarProps = _objectWithoutProperties(_ref.CalendarProps, _excluded),
+    textFieldProps = _objectWithoutProperties(_ref, _excluded2);
   var config = useDateConfig({
     format: formatProp
   });
@@ -40,23 +39,18 @@ export var DateField = /*#__PURE__*/forwardRef((_ref, ref) => {
     fallback
   }, config));
   var dateString = useMemo(() => stringifyDate(date, config), [date, config]);
-
   function handleClose() {
     var _apiRef$current;
-
     (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 ? void 0 : _apiRef$current.close();
   }
-
   function handleChange(nextInput) {
     if (onChange) {
       onChange(toDatePayload(nextInput, config));
     }
-
     if (!disableCloseOnSelect) {
       handleClose();
     }
   }
-
   var api = {
     config,
     dateValue: date,
@@ -85,7 +79,6 @@ export var DateField = /*#__PURE__*/forwardRef((_ref, ref) => {
       },
       onDayClick: event => {
         _onDayClick === null || _onDayClick === void 0 ? void 0 : _onDayClick(event);
-
         if (!event.disabled) {
           handleChange(event.dateValue);
         }

package/dist-src/date-range-field/DateRangeField.js

@@ -1,8 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["modifiers", "onDayClick", "onDayMouseEnter"],
-    _excluded2 = ["onBlur", "onFocus", "onChange", "renderFooter", "renderQuickSelection", "value", "format", "fallback", "enableClearable", "disableCloseOnSelect", "CalendarProps"],
-    _excluded3 = ["rangeStart", "rangeFinish"];
+  _excluded2 = ["onBlur", "onFocus", "onChange", "renderFooter", "renderQuickSelection", "value", "format", "fallback", "enableClearable", "disableCloseOnSelect", "CalendarProps"],
+  _excluded3 = ["rangeStart", "rangeFinish"];
 import { makeStyles } from '@material-ui/styles';
 import { Color } from '@superdispatch/ui';
 import { forwardRef, useMemo, useRef, useState } from 'react';
@@ -49,34 +49,31 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
 });
 export var DateRangeField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    onBlur,
-    onFocus,
-    onChange,
-    renderFooter,
-    renderQuickSelection,
-    value: valueProp,
-    format: formatProp,
-    fallback = '',
-    enableClearable,
-    disableCloseOnSelect,
-    CalendarProps: {
-      modifiers,
-      onDayClick: _onDayClick,
-      onDayMouseEnter: _onDayMouseEnter
-    } = {}
-  } = _ref,
-      calendarProps = _objectWithoutProperties(_ref.CalendarProps, _excluded),
-      textFieldProps = _objectWithoutProperties(_ref, _excluded2);
-
+      onBlur,
+      onFocus,
+      onChange,
+      renderFooter,
+      renderQuickSelection,
+      value: valueProp,
+      format: formatProp,
+      fallback = '',
+      enableClearable,
+      disableCloseOnSelect,
+      CalendarProps: {
+        modifiers,
+        onDayClick: _onDayClick,
+        onDayMouseEnter: _onDayMouseEnter
+      } = {}
+    } = _ref,
+    calendarProps = _objectWithoutProperties(_ref.CalendarProps, _excluded),
+    textFieldProps = _objectWithoutProperties(_ref, _excluded2);
   var apiRef = useRef(null);
-
   var _useStyles = useStyles({}),
-      {
-    rangeStart,
-    rangeFinish
-  } = _useStyles,
-      styles = _objectWithoutProperties(_useStyles, _excluded3);
-
+    {
+      rangeStart,
+      rangeFinish
+    } = _useStyles,
+    styles = _objectWithoutProperties(_useStyles, _excluded3);
   var config = useDateConfig({
     format: formatProp
   });
@@ -90,18 +87,13 @@ export var DateRangeField = /*#__PURE__*/forwardRef((_ref, ref) => {
     var [nextCalendarStartDate, nextCalendarFinishDate] = parseDateRange([startDate, finishDate || hoveredDate], config);
     return [nextCalendarStartDate === null || nextCalendarStartDate === void 0 ? void 0 : nextCalendarStartDate.startOf('day'), nextCalendarFinishDate === null || nextCalendarFinishDate === void 0 ? void 0 : nextCalendarFinishDate.endOf('day')];
   }, [config, startDate, finishDate, hoveredDate]);
-
   function handleClose() {
     var _apiRef$current;
-
     (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 ? void 0 : _apiRef$current.close();
   }
-
   function handleChange(nextValue) {
     var _nextFinishDate;
-
     var [nextStartDate, nextFinishDate] = parseDateRange(nextValue, config);
-
     if (onChange) {
       if (nextStartDate) {
         if (startDate) {
@@ -115,19 +107,15 @@ export var DateRangeField = /*#__PURE__*/forwardRef((_ref, ref) => {
           nextStartDate = nextStartDate.startOf('day');
         }
       }
-
       if (nextFinishDate) {
         nextFinishDate = nextFinishDate.endOf('day');
       }
-
       onChange(toDateRangePayload([nextStartDate, nextFinishDate], config));
     }
-
     if (!disableCloseOnSelect && (_nextFinishDate = nextFinishDate) !== null && _nextFinishDate !== void 0 && _nextFinishDate.isValid) {
       handleClose();
     }
   }
-
   var api = {
     config,
     close: handleClose,
@@ -170,15 +158,12 @@ export var DateRangeField = /*#__PURE__*/forwardRef((_ref, ref) => {
         var {
           dateValue
         } = _ref4;
-
         if (calendarStartDate) {
           if (!calendarFinishDate) {
             return calendarStartDate.hasSame(dateValue, 'day');
           }
-
           return calendarStartDate <= dateValue && dateValue <= calendarFinishDate;
         }
-
         return false;
       },
       footer: renderFooter === null || renderFooter === void 0 ? void 0 : renderFooter(api),
@@ -189,7 +174,6 @@ export var DateRangeField = /*#__PURE__*/forwardRef((_ref, ref) => {
       },
       onDayClick: event => {
         _onDayClick === null || _onDayClick === void 0 ? void 0 : _onDayClick(event);
-
         if (!event.disabled) {
           if (startDate && !finishDate) {
             handleChange([startDateString, event.stringValue]);

package/dist-src/date-time-utils/DateTimeUtils.js

@@ -1,5 +1,7 @@
 import { DateTime, Settings } from 'luxon';
-import { defaultDateConfig } from "../date-config/DateConfig.js"; //
+import { defaultDateConfig } from "../date-config/DateConfig.js";
+
+//
 // Config
 //
 
@@ -29,7 +31,9 @@ var DATE_DISPLAY_VARIANTS = {
     hour: 'numeric',
     minute: 'numeric'
   }
-}; //
+};
+
+//
 // Date Utils
 //
 
@@ -37,72 +41,57 @@ export function toPrimitiveDateInput(input) {
   if (typeof input == 'number' || typeof input == 'string') {
     return input;
   }
-
   if (input instanceof Date || input instanceof DateTime) {
     return input.valueOf();
   }
-
   return NaN;
 }
 export function parseDate(input) {
   var {
     format
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultDateConfig;
-
   if (input instanceof DateTime) {
     var {
       defaultZone
     } = Settings;
-
     if (!defaultZone.equals(input.zone)) {
       return input.setZone(defaultZone);
     }
-
     return input;
   }
-
   if (input instanceof Date) {
     return DateTime.fromJSDate(input);
   }
-
   if (typeof input === 'number') {
     return DateTime.fromMillis(input);
   }
-
   if (typeof input == 'string') {
     switch (format) {
       case 'DateISO':
       case 'DateTimeISO':
         return DateTime.fromISO(input);
-
       default:
         return DateTime.fromFormat(input, DATE_FORMATS[format]);
     }
   }
-
   return DateTime.invalid('invalid input');
 }
 export function stringifyDate(input) {
   var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultDateConfig;
   var date = parseDate(input, config);
-
   if (date.isValid) {
     var {
       format
     } = config;
-
     switch (format) {
       case 'DateISO':
         return date.toISODate();
-
       case 'DateTimeISO':
         return date.toISO();
-
       default:
         return date.toFormat(DATE_FORMATS[format]);
     }
   }
-
   return null;
 }
 export function formatDate(input, _ref) {
@@ -112,24 +101,19 @@ export function formatDate(input, _ref) {
   } = _ref;
   var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultDateConfig;
   var date = parseDate(input, config);
-
   if (!date.isValid) {
     return fallback;
   }
-
   return date.toLocaleString(DATE_DISPLAY_VARIANTS[variant]);
 }
-
 function formatUnit(unit) {
   switch (unit) {
     case 'months':
       return 'mo';
-
     default:
       return unit.charAt(0);
   }
 }
-
 export function formatRelativeTime(input) {
   var {
     round = true,
@@ -142,36 +126,28 @@ export function formatRelativeTime(input) {
   var base = baseOption == null ? DateTime.now() : parseDate(baseOption, config);
   var date = parseDate(input, config);
   var padding = paddingOption ? date < base ? -paddingOption : paddingOption : 0;
-
   function format(value, unit) {
     var isPast = Object.is(value, -0) || value < 0;
     var diff = Math.abs(!round ? value : Math.trunc(value));
     var formattedUnit = formatUnit(unit);
     return isPast ? "".concat(diff).concat(formattedUnit, " ago") : "in ".concat(diff).concat(formattedUnit);
   }
-
   function differ(unit) {
     return date.plus(padding).diff(base, unit).get(unit);
   }
-
   if (date.isValid && base.isValid) {
     var units = ['years', 'months', 'days', 'hours', 'minutes', 'seconds'];
-
     if (unitOption) {
       return format(differ(unitOption), unitOption);
     }
-
     for (var unit of units) {
       var diff = differ(unit);
-
       if (Math.abs(diff) >= 1) {
         return format(diff, unit);
       }
     }
-
     return format(0, 'seconds');
   }
-
   return fallback;
 }
 export function toDatePayload(input) {
@@ -182,7 +158,9 @@ export function toDatePayload(input) {
     dateValue,
     stringValue: stringifyDate(dateValue, config)
   };
-} //
+}
+
+//
 // Date Range Utils
 //
 
@@ -190,17 +168,14 @@ export function toPrimitiveDateRangeInput(input) {
   if (!Array.isArray(input)) {
     return [undefined, undefined];
   }
-
   return [toPrimitiveDateInput(input[0]), toPrimitiveDateInput(input[1])];
 }
 export function parseDateRange(input, config) {
   var start = null;
   var finish = null;
-
   if (Array.isArray(input)) {
     [start = null, finish = null] = input.map(value => parseDate(value, config)).filter(date => date.isValid).sort((a, b) => a.valueOf() - b.valueOf());
   }
-
   return [start, finish];
 }
 export function stringifyDateRange(input, config) {
@@ -213,11 +188,9 @@ export function formatDateRange(input, _ref2) {
   } = _ref2;
   var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultDateConfig;
   var [start, finish] = parseDateRange(input, config);
-
   if (!start) {
     return fallback;
   }
-
   var startVariant = !(finish !== null && finish !== void 0 && finish.hasSame(start, 'year')) ? 'Date' : 'ShortDate';
   var startText = formatDate(start, {
     variant: startVariant