@superdispatch/dates 0.16.0-alpha.0 → 0.16.0-alpha.1

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

@@ -1,96 +0,0 @@
-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"];
-import { forwardRef, useMemo, useRef } from 'react';
-import { BaseDatePicker } from "../base-date-picker/BaseDatePicker.js";
-import { Calendar } from "../calendar/Calendar.js";
-import { useDateConfig } from "../date-config/DateConfig.js";
-import { stringifyDate, toDatePayload } from "../date-time-utils/DateTimeUtils.js";
-import { useFormattedDate } from "../formatted-date/FormattedDate.js";
-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);
-
-  var config = useDateConfig({
-    format: formatProp
-  });
-  var apiRef = useRef(null);
-  var date = useDateTime(valueProp, config);
-  var displayValue = useFormattedDate(date, _objectSpread({
-    variant,
-    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,
-    stringValue: dateString,
-    close: handleClose,
-    change: handleChange
-  };
-  return /*#__PURE__*/_jsx(BaseDatePicker, _objectSpread(_objectSpread({}, textFieldProps), {}, {
-    ref: ref,
-    api: apiRef,
-    onClose: onBlur,
-    value: displayValue || fallback,
-    enableClearable: enableClearable && date.isValid,
-    onClear: () => {
-      handleChange(undefined);
-    },
-    children: /*#__PURE__*/_jsx(Calendar, _objectSpread(_objectSpread({}, calendarProps), {}, {
-      initialMonth: date,
-      footer: renderFooter === null || renderFooter === void 0 ? void 0 : renderFooter(api),
-      quickSelection: renderQuickSelection === null || renderQuickSelection === void 0 ? void 0 : renderQuickSelection(api),
-      selectedDays: _ref2 => {
-        var {
-          dateValue
-        } = _ref2;
-        return date.hasSame(dateValue, 'day');
-      },
-      onDayClick: event => {
-        _onDayClick === null || _onDayClick === void 0 ? void 0 : _onDayClick(event);
-
-        if (!event.disabled) {
-          handleChange(event.dateValue);
-        }
-      }
-    }))
-  }));
-});
-if (process.env.NODE_ENV !== "production") DateField.displayName = "DateField";

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

@@ -1,204 +0,0 @@
-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"];
-import { makeStyles } from '@mui/styles';
-import { Color } from '@superdispatch/ui';
-import { forwardRef, useMemo, useRef, useState } from 'react';
-import { BaseDatePicker } from "../base-date-picker/BaseDatePicker.js";
-import { Calendar } from "../calendar/Calendar.js";
-import { useDateConfig } from "../date-config/DateConfig.js";
-import { formatDateRange, parseDateRange, stringifyDateRange, toDateRangePayload } from "../date-time-utils/DateTimeUtils.js";
-import { useDateTimeRange } from "../use-date-time-range/useDateTimeRange.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-var useStyles = /*#__PURE__*/makeStyles(theme => ({
-  rangeStart: {},
-  rangeFinish: {},
-  outside: {},
-  disabled: {},
-  selected: {},
-  day: {
-    '&$selected:not($outside)': {
-      '&$rangeStart:before': {
-        left: theme.spacing(0.5)
-      },
-      '&$rangeFinish:before': {
-        right: theme.spacing(0.5)
-      },
-      '&:not($rangeStart):not($rangeFinish)': {
-        '&:after': {
-          backgroundColor: Color.Transparent
-        },
-        '&$disabled': {
-          '&:before': {
-            backgroundColor: Color.Silver100
-          }
-        },
-        '&:not($disabled)': {
-          color: Color.Blue500,
-          '&:before': {
-            backgroundColor: Color.Blue50
-          }
-        }
-      }
-    }
-  }
-}), {
-  name: 'SD-DateRangeField'
-});
-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);
-
-  var apiRef = useRef(null);
-
-  var _useStyles = useStyles({}),
-      {
-    rangeStart,
-    rangeFinish
-  } = _useStyles,
-      styles = _objectWithoutProperties(_useStyles, _excluded3);
-
-  var config = useDateConfig({
-    format: formatProp
-  });
-  var [startDate, finishDate] = useDateTimeRange(valueProp, config);
-  var [startDateString, finishDateString] = useMemo(() => stringifyDateRange([startDate, finishDate], config), [config, startDate, finishDate]);
-  var displayValue = useMemo(() => formatDateRange([startDate, finishDate], {
-    fallback
-  }, config), [config, fallback, startDate, finishDate]);
-  var [hoveredDate, setHoveredDate] = useState();
-  var [calendarStartDate, calendarFinishDate] = useMemo(() => {
-    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) {
-          nextStartDate = nextStartDate.set({
-            hour: startDate.hour,
-            minute: startDate.minute,
-            second: startDate.second,
-            millisecond: startDate.millisecond
-          });
-        } else {
-          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,
-    change: handleChange,
-    dateValue: [startDate, finishDate],
-    stringValue: [startDateString, finishDateString]
-  };
-  return /*#__PURE__*/_jsx(BaseDatePicker, _objectSpread(_objectSpread({}, textFieldProps), {}, {
-    ref: ref,
-    api: apiRef,
-    value: displayValue || fallback,
-    enableClearable: enableClearable && !!startDate && !!finishDate,
-    onClear: () => {
-      handleChange([undefined, undefined]);
-    },
-    onClose: () => {
-      onBlur === null || onBlur === void 0 ? void 0 : onBlur();
-      setHoveredDate(undefined);
-    },
-    children: /*#__PURE__*/_jsx(Calendar, _objectSpread(_objectSpread({
-      numberOfMonths: 2
-    }, calendarProps), {}, {
-      classes: styles,
-      initialMonth: startDateString,
-      modifiers: _objectSpread(_objectSpread({}, modifiers), {}, {
-        [rangeStart]: _ref2 => {
-          var {
-            dateValue
-          } = _ref2;
-          return !!(calendarStartDate !== null && calendarStartDate !== void 0 && calendarStartDate.hasSame(dateValue, 'day'));
-        },
-        [rangeFinish]: _ref3 => {
-          var {
-            dateValue
-          } = _ref3;
-          return !!(calendarFinishDate !== null && calendarFinishDate !== void 0 && calendarFinishDate.hasSame(dateValue, 'day'));
-        }
-      }),
-      selectedDays: _ref4 => {
-        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),
-      quickSelection: renderQuickSelection === null || renderQuickSelection === void 0 ? void 0 : renderQuickSelection(api),
-      onDayMouseEnter: event => {
-        _onDayMouseEnter === null || _onDayMouseEnter === void 0 ? void 0 : _onDayMouseEnter(event);
-        setHoveredDate(!event.disabled ? event.dateValue.valueOf() : undefined);
-      },
-      onDayClick: event => {
-        _onDayClick === null || _onDayClick === void 0 ? void 0 : _onDayClick(event);
-
-        if (!event.disabled) {
-          if (startDate && !finishDate) {
-            handleChange([startDateString, event.stringValue]);
-          } else {
-            handleChange([event.stringValue, undefined]);
-          }
-        }
-      }
-    }))
-  }));
-});
-if (process.env.NODE_ENV !== "production") DateRangeField.displayName = "DateRangeField";

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

@@ -1,238 +0,0 @@
-import { DateTime, Settings } from 'luxon';
-import { defaultDateConfig } from "../date-config/DateConfig.js"; //
-// Config
-//
-
-var DATE_FORMATS = {
-  DateISO: '',
-  DateTimeISO: '',
-  JodaISO: "yyyy-MM-dd'T'HH:mm:ss.SSSZZZ"
-};
-var DATE_DISPLAY_VARIANTS = {
-  Date: {
-    day: '2-digit',
-    month: 'short',
-    year: 'numeric'
-  },
-  ShortDate: {
-    day: '2-digit',
-    month: 'short'
-  },
-  Time: {
-    hour: 'numeric',
-    minute: 'numeric'
-  },
-  DateTime: {
-    day: '2-digit',
-    month: 'short',
-    year: 'numeric',
-    hour: 'numeric',
-    minute: 'numeric'
-  }
-}; //
-// Date Utils
-//
-
-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) {
-  var {
-    variant,
-    fallback = 'Invalid Date'
-  } = _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,
-    unit: unitOption,
-    base: baseOption,
-    padding: paddingOption,
-    fallback = 'Invalid Date'
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultDateConfig;
-  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) {
-  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultDateConfig;
-  var dateValue = parseDate(input, config);
-  return {
-    config,
-    dateValue,
-    stringValue: stringifyDate(dateValue, config)
-  };
-} //
-// Date Range Utils
-//
-
-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) {
-  var [start, finish] = parseDateRange(input, config);
-  return [stringifyDate(start, config), stringifyDate(finish, config)];
-}
-export function formatDateRange(input, _ref2) {
-  var {
-    fallback = 'Invalid Date Range'
-  } = _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
-  }, config);
-  var finishText = !finish ? '…' : formatDate(finish, {
-    variant: 'Date'
-  });
-  return "".concat(startText, " - ").concat(finishText);
-}
-export function toDateRangePayload(input) {
-  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultDateConfig;
-  var dateValue = parseDateRange(input, config);
-  return {
-    config,
-    dateValue,
-    stringValue: stringifyDateRange(dateValue, config)
-  };
-}