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

package/dist-src/v5/date-utils/DateUtils.js

@@ -1,274 +0,0 @@
-import { DateTime } from 'luxon';
-import { useMemo } from 'react';
-/** @deprecated */
-
-/** @deprecated */
-function toDateTime(value) {
-  return typeof value === 'number' ? DateTime.fromMillis(value) : DateTime.fromJSDate(value);
-}
-/** @deprecated */
-
-
-export function isDate(value) {
-  return value != null && value instanceof Date;
-}
-/** @deprecated */
-
-export function isDateLike(value) {
-  return isDate(value) || typeof value === 'number' && Number.isInteger(value);
-}
-/** @deprecated */
-
-export function isValidDate(value) {
-  return isDate(value) && Number.isFinite(value.getTime());
-}
-/** @deprecated */
-
-function checkRange(range, validator) {
-  if (!Array.isArray(range) || range.length > 2) {
-    return false;
-  }
-
-  var [start, finish] = range;
-  return (start == null || validator(start)) && (finish == null || validator(finish));
-}
-/** @deprecated */
-
-
-export function isDateRange(range) {
-  return checkRange(range, isDate);
-}
-/** @deprecated */
-
-export function isDateRangeLike(range) {
-  return checkRange(range, isDateLike);
-}
-/** @deprecated */
-
-export function isValidDateRange(range) {
-  return checkRange(range, isValidDate);
-}
-/** @deprecated */
-
-export function toDate(value) {
-  return !isDateLike(value) ? new Date(NaN) : new Date(value);
-}
-/** @deprecated */
-
-export function toDateRange(range) {
-  if (range == null || !isDateRangeLike(range)) {
-    return [];
-  }
-
-  return range.filter(x => x != null).map(x => x == null ? undefined : toDate(x)).sort((a, b) => !isValidDate(a) ? -1 : !isValidDate(b) ? 1 : a.valueOf() - b.valueOf());
-}
-/** @deprecated */
-
-/** @deprecated */
-export class DateUtils {
-  /** @deprecated */
-  toObject(value) {
-    var {
-      year = NaN,
-      month = NaN,
-      day = NaN,
-      hour = NaN,
-      minute = NaN,
-      second = NaN,
-      millisecond = NaN
-    } = toDateTime(value).toObject({
-      includeConfig: false
-    });
-    return {
-      year,
-      month,
-      day,
-      hour,
-      minute,
-      second,
-      millisecond
-    };
-  }
-  /** @deprecated */
-
-
-  fromObject(_ref) {
-    var {
-      year = 0,
-      month = 1,
-      day = 1,
-      hour = 0,
-      minute = 0,
-      second = 0,
-      millisecond = 0
-    } = _ref;
-
-    if (Number.isNaN(year) || Number.isNaN(month) || Number.isNaN(day) || Number.isNaN(hour) || Number.isNaN(minute) || Number.isNaN(second) || Number.isNaN(millisecond)) {
-      return new Date(NaN);
-    }
-
-    return DateTime.fromObject({
-      year,
-      month,
-      day,
-      hour,
-      minute,
-      second,
-      millisecond
-    }).toJSDate();
-  }
-  /** @deprecated */
-
-
-  update(value, values) {
-    return toDateTime(value).set(values).toJSDate();
-  }
-  /** @deprecated */
-
-
-  mergeDateAndTime(date, time) {
-    var {
-      hour,
-      minute,
-      second,
-      millisecond
-    } = this.toObject(time);
-
-    if (Number.isNaN(hour) || Number.isNaN(minute) || Number.isNaN(second) || Number.isNaN(millisecond)) {
-      return new Date(NaN);
-    }
-
-    return this.update(date, {
-      hour,
-      minute,
-      second,
-      millisecond
-    });
-  }
-  /** @deprecated */
-
-
-  startOf(value, unit) {
-    return toDateTime(value).startOf(unit).toJSDate();
-  }
-  /** @deprecated */
-
-
-  endOf(value, unit) {
-    return toDateTime(value).endOf(unit).toJSDate();
-  }
-  /** @deprecated */
-
-
-  plus(value, values) {
-    return toDateTime(value).plus(values).toJSDate();
-  }
-  /** @deprecated */
-
-
-  minus(value, values) {
-    return toDateTime(value).minus(values).toJSDate();
-  }
-  /** @deprecated */
-
-
-  isSameDate(value, compare) {
-    var unit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'millisecond';
-
-    if (value == null && compare == null) {
-      return true;
-    }
-
-    if (value == null || compare == null) {
-      return false;
-    }
-
-    var dateTimeValue = toDateTime(value);
-    var dateTimeCompare = toDateTime(compare);
-    return dateTimeValue.isValid && dateTimeCompare.isValid && dateTimeValue.startOf(unit).equals(dateTimeCompare.startOf(unit));
-  }
-  /** @deprecated */
-
-
-  isSameDateRange(value, compare, unit) {
-    var range1 = toDateRange(value);
-    var range2 = toDateRange(compare);
-    return !range1.some((date, idx) => !this.isSameDate(date, range2[idx], unit));
-  }
-  /** @deprecated */
-
-
-  diff(value, compare, unit) {
-    var valueDateTime = toDateTime(value);
-    var compareDateTime = toDateTime(compare);
-    return valueDateTime.diff(compareDateTime, unit).as(unit);
-  }
-  /** @deprecated */
-
-
-  toLocaleString(value, options) {
-    return toDateTime(value).toLocaleString(options);
-  }
-  /** @deprecated */
-
-
-  format(value, variant) {
-    return this.toLocaleString(value, variant === 'date' ? {
-      day: '2-digit',
-      month: 'short',
-      year: 'numeric'
-    } : variant === 'shortDate' ? {
-      day: '2-digit',
-      month: 'short'
-    } : variant === 'time' ? {
-      hour: 'numeric',
-      minute: 'numeric'
-    } : {
-      day: '2-digit',
-      month: 'short',
-      year: 'numeric',
-      hour: 'numeric',
-      minute: 'numeric'
-    });
-  }
-  /** @deprecated */
-
-
-  formatRange(value) {
-    var emptyText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    var range = toDateRange(value);
-
-    if (!isValidDateRange(range)) {
-      return 'Invalid Date Range';
-    }
-
-    var [start, finish] = range;
-
-    if (!start) {
-      return emptyText;
-    }
-
-    var startText = this.format(start, !this.isSameDate(start, finish, 'year') ? 'date' : 'shortDate');
-    var finishText = !finish ? '…' : this.format(finish, 'date');
-    return "".concat(startText, " - ").concat(finishText);
-  }
-  /** @deprecated */
-
-
-  formatRelativeTime(value) {
-    var {
-      style = 'long',
-      compare = Date.now()
-    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var valueDateTime = toDateTime(value);
-    var compareDateTime = toDateTime(compare);
-    return valueDateTime.toRelative({
-      style,
-      base: compareDateTime
-    });
-  }
-
-}
-export function useDateUtils() {
-  return useMemo(() => new DateUtils(), []);
-}

package/dist-src/v5/formatted-date/FormattedDate.js

@@ -1,35 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["variant", "fallback"],
-    _excluded2 = ["date", "fallback"];
-import { renderChildren } from '@superdispatch/ui';
-import { useMemo } from 'react';
-import { useDateConfig } from "../date-config/DateConfig.js";
-import { formatDate } from "../date-time-utils/DateTimeUtils.js";
-import { useDateTime } from "../use-date-time/useDateTime.js";
-export function useFormattedDate(input, _ref) {
-  var {
-    variant,
-    fallback
-  } = _ref,
-      dateConfig = _objectWithoutProperties(_ref, _excluded);
-
-  var config = useDateConfig(dateConfig);
-  var date = useDateTime(input, config);
-  return useMemo(() => formatDate(date, {
-    variant,
-    fallback
-  }, config), [date, config, variant, fallback]);
-}
-export function FormattedDate(_ref2) {
-  var {
-    date,
-    fallback = 'Invalid Date'
-  } = _ref2,
-      options = _objectWithoutProperties(_ref2, _excluded2);
-
-  var formatted = useFormattedDate(date, _objectSpread(_objectSpread({}, options), {}, {
-    fallback: ''
-  }));
-  return renderChildren(formatted || fallback);
-}

package/dist-src/v5/formatted-relative-time/FormattedRelativeTime.js

@@ -1,44 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["unit", "round", "padding", "fallback", "base"],
-    _excluded2 = ["date", "fallback"];
-import { renderChildren } from '@superdispatch/ui';
-import { useMemo } from 'react';
-import { useDateConfig } from "../date-config/DateConfig.js";
-import { formatRelativeTime } from "../date-time-utils/DateTimeUtils.js";
-import { useDateTime } from "../use-date-time/useDateTime.js";
-export function useFormattedRelativeTime(input) {
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      {
-    unit,
-    round,
-    padding,
-    fallback,
-    base: baseOption
-  } = _ref,
-      dateConfig = _objectWithoutProperties(_ref, _excluded);
-
-  var config = useDateConfig(dateConfig);
-  var date = useDateTime(input, config);
-  var baseOptionDate = useDateTime(baseOption, config);
-  var base = baseOption == null ? undefined : baseOptionDate;
-  return useMemo(() => formatRelativeTime(date, {
-    base,
-    unit,
-    round,
-    padding,
-    fallback
-  }, config), [base, date, unit, round, config, padding, fallback]);
-}
-export function FormattedRelativeTime(_ref2) {
-  var {
-    date,
-    fallback = 'Invalid Date'
-  } = _ref2,
-      options = _objectWithoutProperties(_ref2, _excluded2);
-
-  var formatted = useFormattedRelativeTime(date, _objectSpread(_objectSpread({}, options), {}, {
-    fallback: ''
-  }));
-  return renderChildren(formatted || fallback);
-}

package/dist-src/v5/index.js

@@ -1,12 +0,0 @@
-export * from "./calendar/Calendar.js";
-export * from "./calendar/CalendarQuickSelection.js";
-export * from "./date-config/DateConfig.js";
-export * from "./date-field/DateField.js";
-export * from "./date-range-field/DateRangeField.js";
-export * from "./date-time-utils/DateTimeUtils.js";
-export * from "./date-utils/DateUtils.js";
-export * from "./formatted-date/FormattedDate.js";
-export * from "./formatted-relative-time/FormattedRelativeTime.js";
-export * from "./time-field/TimeField.js";
-export * from "./use-date-time-range/useDateTimeRange.js";
-export * from "./use-date-time/useDateTime.js";

package/dist-src/v5/time-field/TimeField.js

@@ -1,148 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["disabled", "onChange", "value", "format"];
-import { Autocomplete, TextField } from '@mui/material';
-import { DateTime } from 'luxon';
-import { forwardRef, useEffect, useMemo, useState } from 'react';
-import { useDateConfig } from "../date-config/DateConfig.js";
-import { formatDate, toDatePayload } from "../date-time-utils/DateTimeUtils.js";
-import { useDateTime } from "../use-date-time/useDateTime.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-var TIME_MATCH_FORMATS = ['h:mm a', 'h:mma', 'H:mm', 'h:mm', 'hmm', 'Hmm', 'h', 'H'];
-
-function toTimeFieldOption(date, config) {
-  return {
-    value: date.valueOf(),
-    label: formatDate(date, {
-      variant: 'Time'
-    }, config),
-    pattern: new RegExp("^(".concat(TIME_MATCH_FORMATS.map(format => date.toFormat(format)).join('|'), ")"), 'i')
-  };
-}
-
-function normalizeInputValue(inputValue) {
-  return inputValue.replace(/[\s]/g, '').toLowerCase();
-}
-
-function makeOptions(config) {
-  var options = [];
-  var now = DateTime.local().startOf('day');
-
-  for (var i = 0; i < 96; i++) {
-    options.push(toTimeFieldOption(now.set({
-      minute: i * 15
-    }), config));
-  }
-
-  var cache = new Map();
-  return [options, (_, _ref) => {
-    var {
-      inputValue
-    } = _ref;
-    var query = normalizeInputValue(inputValue);
-
-    if (!query) {
-      return options;
-    }
-
-    var filtered = cache.get(query);
-
-    if (!filtered) {
-      filtered = options.filter(option => option.pattern.test(query));
-      cache.set(query, filtered);
-    }
-
-    return filtered;
-  }];
-}
-
-export var TimeField = /*#__PURE__*/forwardRef((_ref2, ref) => {
-  var {
-    disabled,
-    onChange,
-    value: valueProp,
-    format: formatProp
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
-  var config = useDateConfig({
-    format: formatProp
-  });
-  var date = useDateTime(valueProp, config);
-  var selectedOption = useMemo(() => !date.isValid ? undefined : toTimeFieldOption(date, config), [date, config]);
-  var [options, filterOptions] = useMemo(() => makeOptions(config), [config]);
-  var [inputValue, setInputValue] = useState('');
-
-  function handleChange(nextValue) {
-    if (onChange) {
-      onChange(toDatePayload(nextValue, config));
-    }
-  }
-
-  function handleType(text) {
-    text = normalizeInputValue(text);
-
-    for (var timeFormat of TIME_MATCH_FORMATS) {
-      var nextDate = DateTime.fromFormat(text, timeFormat);
-
-      if (nextDate.isValid) {
-        if (onChange) {
-          if (date.isValid) {
-            nextDate = nextDate.set({
-              year: date.year,
-              month: date.month,
-              day: date.day
-            });
-          }
-
-          onChange(toDatePayload(nextDate, config));
-        }
-
-        return;
-      }
-    }
-
-    setInputValue((selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || '');
-  }
-
-  useEffect(() => {
-    if (!date.isValid) {
-      setInputValue('');
-    } else {
-      setInputValue(formatDate(date, {
-        variant: 'Time'
-      }, config));
-    }
-  }, [date, config]);
-  return /*#__PURE__*/_jsx(Autocomplete, {
-    ref: ref,
-    disabled: disabled,
-    freeSolo: true,
-    autoComplete: true,
-    value: selectedOption,
-    inputValue: inputValue,
-    options: options,
-    includeInputInList: true,
-    filterOptions: filterOptions,
-    getOptionLabel: option => typeof option === 'string' ? option : option.label,
-    onBlur: event => {
-      handleType(event.target.value);
-    },
-    onChange: (_, nextValue) => {
-      if (typeof nextValue === 'string') {
-        handleType(nextValue);
-      } else {
-        handleChange(nextValue === null || nextValue === void 0 ? void 0 : nextValue.value);
-      }
-    },
-    onInputChange: (_, nextInputValue) => {
-      setInputValue(nextInputValue);
-    },
-    renderInput: params => /*#__PURE__*/_jsx(TextField, _objectSpread(_objectSpread(_objectSpread({
-      variant: "outlined"
-    }, props), params), {}, {
-      InputProps: params.InputProps
-    }))
-  });
-});
-if (process.env.NODE_ENV !== "production") TimeField.displayName = "TimeField";

package/dist-src/v5/use-date-time/useDateTime.js

@@ -1,19 +0,0 @@
-import { useMemo } from 'react';
-import { useDateConfig } from "../date-config/DateConfig.js";
-import { parseDate, toPrimitiveDateInput } from "../date-time-utils/DateTimeUtils.js";
-export function useDateTime(input, options) {
-  var config = useDateConfig(options);
-  var primitiveInput = toPrimitiveDateInput(input);
-  return useMemo(() => {
-    var date = parseDate(primitiveInput, config);
-
-    if (process.env.NODE_ENV !== 'production') {
-      if (!date.isValid && typeof primitiveInput === 'string') {
-        // eslint-disable-next-line no-console
-        console.error("[useDateTime] Failed to parse \"".concat(primitiveInput, "\" string with \"").concat(config.format, "\" format."));
-      }
-    }
-
-    return date;
-  }, [config, primitiveInput]);
-}

package/dist-src/v5/use-date-time-range/useDateTimeRange.js

@@ -1,11 +0,0 @@
-import { useMemo } from 'react';
-import { useDateConfig } from "../date-config/DateConfig.js";
-import { parseDateRange, toPrimitiveDateRangeInput } from "../date-time-utils/DateTimeUtils.js";
-import { useDateTime } from "../use-date-time/useDateTime.js";
-export function useDateTimeRange(input, options) {
-  var config = useDateConfig(options);
-  var [startInput, finishInput] = toPrimitiveDateRangeInput(input);
-  var startDate = useDateTime(startInput, config);
-  var finishDate = useDateTime(finishInput, config);
-  return useMemo(() => parseDateRange([startDate, finishDate], config), [config, startDate, finishDate]);
-}