@spaced-out/ui-design-system 0.1.110 → 0.1.112

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.1.110",
+  "version": "0.1.112",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {

package/lib/components/DateRangePicker/utils.js

@@ -1,236 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.wrangleMoment = exports.isStartOfRange = exports.isStartDateEndDateSame = exports.isEndOfRange = exports.inDateRange = exports.getTimezones = exports.getSubtractedDate = exports.getMonthStartDate = exports.getInitialDates = exports.getDaysInMonth = exports.getAvailableMonths = exports.getAddedDate = exports.generateAvailableYears = exports.formatIsoDate = exports.addTimezone = exports.WEEKDAYS = exports.NAVIGATION_ACTION = exports.MONTHS = exports.MARKERS = void 0;
-var _formatISO = _interopRequireDefault(require("date-fns/formatISO"));
-var _parseISO = _interopRequireDefault(require("date-fns/parseISO"));
-var _lodash = _interopRequireDefault(require("lodash"));
-var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-var _timezones = require("./timezones");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// $FlowFixMe - strict types for date-fns
-
-// $FlowFixMe - strict types for date-fns
-
-// $FlowFixMe[untyped-import]
-
-const NAVIGATION_ACTION = Object.freeze({
-  NEXT: 'next',
-  PREV: 'prev'
-});
-exports.NAVIGATION_ACTION = NAVIGATION_ACTION;
-const MARKERS = Object.freeze({
-  DATE_RANGE_START: 'FIRST',
-  DATE_RANGE_END: 'SECOND'
-});
-exports.MARKERS = MARKERS;
-const WEEKDAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
-exports.WEEKDAYS = WEEKDAYS;
-const MONTHS = [{
-  key: '0',
-  label: 'Jan'
-}, {
-  key: '1',
-  label: 'Feb'
-}, {
-  key: '2',
-  label: 'Mar'
-}, {
-  key: '3',
-  label: 'Apr'
-}, {
-  key: '4',
-  label: 'May'
-}, {
-  key: '5',
-  label: 'Jun'
-}, {
-  key: '6',
-  label: 'Jul'
-}, {
-  key: '7',
-  label: 'Aug'
-}, {
-  key: '8',
-  label: 'Sep'
-}, {
-  key: '9',
-  label: 'Oct'
-}, {
-  key: '10',
-  label: 'Nov'
-}, {
-  key: '11',
-  label: 'Dec'
-}];
-exports.MONTHS = MONTHS;
-const wrangleMoment = date => {
-  if (date instanceof Date) {
-    return date;
-  } else if (!date) {
-    return new Date();
-  }
-  return date instanceof _momentTimezone.default ? date.toDate() : (0, _parseISO.default)(date);
-};
-exports.wrangleMoment = wrangleMoment;
-const formatIsoDate = date => (0, _formatISO.default)(wrangleMoment(date), {
-  representation: 'date'
-});
-exports.formatIsoDate = formatIsoDate;
-const isStartOfRange = (_ref, date) => {
-  let {
-    startDate
-  } = _ref;
-  return Boolean(startDate) && (0, _momentTimezone.default)(date).isSame((0, _momentTimezone.default)(startDate), 'd');
-};
-exports.isStartOfRange = isStartOfRange;
-const isEndOfRange = (_ref2, date) => {
-  let {
-    endDate
-  } = _ref2;
-  return Boolean(endDate) && (0, _momentTimezone.default)(date).isSame((0, _momentTimezone.default)(endDate), 'd');
-};
-exports.isEndOfRange = isEndOfRange;
-const inDateRange = (_ref3, date) => {
-  let {
-    startDate,
-    endDate
-  } = _ref3;
-  if (startDate && endDate) {
-    const momentDay = (0, _momentTimezone.default)(date);
-    const momentStartDate = (0, _momentTimezone.default)(startDate);
-    const momentEndDate = (0, _momentTimezone.default)(endDate);
-    return momentDay.isBetween(momentStartDate, momentEndDate, null, '[]');
-  }
-  return false;
-};
-exports.inDateRange = inDateRange;
-const isStartDateEndDateSame = _ref4 => {
-  let {
-    startDate,
-    endDate
-  } = _ref4;
-  if (startDate && endDate) {
-    return (0, _momentTimezone.default)(startDate).isSame((0, _momentTimezone.default)(endDate), 'd');
-  }
-  return false;
-};
-exports.isStartDateEndDateSame = isStartDateEndDateSame;
-const getMonthAndYear = date => {
-  const momentDate = date ? (0, _momentTimezone.default)(date) : (0, _momentTimezone.default)();
-  return [momentDate.month(), momentDate.year()];
-};
-const getDaysInMonth = date => {
-  const startWeek = (0, _momentTimezone.default)(date).startOf('month').startOf('week');
-  const endWeek = (0, _momentTimezone.default)(date).endOf('month').endOf('week');
-  const days = [],
-    current = startWeek;
-  while (current.isBefore(endWeek)) {
-    days.push(current.clone().format('YYYY-MM-DD'));
-    current.add(1, 'd');
-  }
-  const daysInChunks = _lodash.default.chunk(days, 7);
-
-  // if total rows in calendar are 5 add one more week to the calendar
-  if (daysInChunks.length === 5) {
-    const nextWeek = getAddedDate(endWeek, WEEKDAYS.length, 'd');
-    const extraDays = [];
-    while (current.isSameOrBefore(nextWeek)) {
-      extraDays.push(current.clone().format('YYYY-MM-DD'));
-      current.add(1, 'd');
-    }
-    daysInChunks.push(extraDays);
-  }
-  return daysInChunks;
-};
-exports.getDaysInMonth = getDaysInMonth;
-const getAddedDate = (date, addCount, timeUnit) => formatIsoDate((0, _momentTimezone.default)(date).add(addCount, timeUnit));
-exports.getAddedDate = getAddedDate;
-const getSubtractedDate = (date, subtractCount, timeUnit) => formatIsoDate((0, _momentTimezone.default)(date).subtract(subtractCount, timeUnit));
-exports.getSubtractedDate = getSubtractedDate;
-const getMonthStartDate = date => formatIsoDate((0, _momentTimezone.default)(date).startOf('M'));
-exports.getMonthStartDate = getMonthStartDate;
-const addTimezone = (date, timezone) => _momentTimezone.default.tz(date, timezone).startOf('d').utc().toISOString();
-exports.addTimezone = addTimezone;
-const getTimezones = () => Object.keys(_timezones.TIMEZONES).reduce((menuOptions, key) => {
-  menuOptions.push({
-    key,
-    label: _timezones.TIMEZONES[key]
-  });
-  return menuOptions;
-}, []);
-exports.getTimezones = getTimezones;
-const generateAvailableYears = (count, firstCalendarDate, secondCalendarDate, marker) => {
-  const startYear = (0, _momentTimezone.default)().year() - count + 1;
-  const firstCalendarYear = (0, _momentTimezone.default)(firstCalendarDate).add(1, 'M').year();
-  const secondCalendarYear = (0, _momentTimezone.default)(secondCalendarDate).subtract(1, 'M').year();
-  const isWithinRange = year => marker === MARKERS.DATE_RANGE_START ? year <= secondCalendarYear : year >= firstCalendarYear;
-  return Array.from({
-    length: count
-  }, (_, index) => {
-    const year = startYear + index;
-    return {
-      key: year.toString(),
-      label: year.toString(),
-      disabled: !isWithinRange(year)
-    };
-  }).filter(_ref5 => {
-    let {
-      disabled
-    } = _ref5;
-    return !disabled;
-  });
-};
-exports.generateAvailableYears = generateAvailableYears;
-const getAvailableMonths = (Months, first, second, marker) => {
-  const [firstMonth, firstYear] = getMonthAndYear(first);
-  const [secondMonth, secondYear] = getMonthAndYear(second);
-  const [currentMonth, currentYear] = getMonthAndYear();
-  return Months.filter(month => {
-    const isSameYear = firstYear === secondYear;
-    const isMonthBeforeFirstMonth = month.key <= firstMonth;
-    const isMonthAfterCurrentMonth = currentYear === secondYear && month.key > currentMonth;
-    if (marker === MARKERS.DATE_RANGE_START) {
-      return !(isSameYear && month.key >= secondMonth);
-    } else {
-      return !(isSameYear && isMonthBeforeFirstMonth || isMonthAfterCurrentMonth);
-    }
-  });
-};
-exports.getAvailableMonths = getAvailableMonths;
-const getInitialDates = selectedDateRange => {
-  const today = formatIsoDate();
-  const currentTimezone = _momentTimezone.default.tz.guess();
-  const {
-    startDate,
-    endDate,
-    timezone
-  } = selectedDateRange;
-  const isStartDateValid = (0, _momentTimezone.default)(startDate).isSameOrBefore(today);
-  const isEndDateValid = (0, _momentTimezone.default)(endDate).isSameOrBefore(today);
-  const dateRange = startDate && endDate && isStartDateValid && isEndDateValid && (0, _momentTimezone.default)(endDate).isSameOrAfter(startDate) ? {
-    startDate,
-    endDate
-  } : {
-    startDate: undefined,
-    endDate: undefined
-  };
-  let startMonth = dateRange.startDate ? getMonthStartDate(dateRange.startDate) : getMonthStartDate(getSubtractedDate(today, 1, 'M'));
-  const endMonth = dateRange.endDate ? getMonthStartDate(dateRange.endDate) : getMonthStartDate(today);
-  if ((0, _momentTimezone.default)(startMonth).isSame((0, _momentTimezone.default)(endMonth), 'M')) {
-    startMonth = getSubtractedDate(endMonth, 1, 'M');
-  }
-  const monthRange = {
-    rangeStartMonth: startMonth,
-    rangeEndMonth: endMonth
-  };
-  return {
-    dateRange,
-    monthRange,
-    timezone: timezone ?? currentTimezone
-  };
-};
-exports.getInitialDates = getInitialDates;

package/lib/components/DateRangePicker/utils.js.flow

@@ -1,245 +0,0 @@
-// @flow strict
-
-// $FlowFixMe - strict types for date-fns
-import formatISO from 'date-fns/formatISO';
-// $FlowFixMe - strict types for date-fns
-import parseISO from 'date-fns/parseISO';
-import lodash from 'lodash';
-// $FlowFixMe[untyped-import]
-import moment from 'moment-timezone';
-
-import type {MenuOption} from '../Menu';
-
-import {TIMEZONES} from './timezones';
-
-
-export type TimeUnit = 'years' | 'months' | 'days' | 'd' | 'M' | 'y';
-export type DateRange = {startDate?: string, endDate?: string};
-export type DateRangeWithTimezone = {|
-  ...DateRange,
-  startDateUTC?: string,
-  endDateUTC?: string,
-  timezone?: string,
-|};
-
-type MonthRange = {rangeStartMonth: string, rangeEndMonth: string};
-type SelectedDateRangeTimezone = {
-  dateRange: DateRange,
-  monthRange: MonthRange,
-  timezone: string,
-};
-
-export const NAVIGATION_ACTION = Object.freeze({
-  NEXT: 'next',
-  PREV: 'prev',
-});
-export const MARKERS = Object.freeze({
-  DATE_RANGE_START: 'FIRST',
-  DATE_RANGE_END: 'SECOND',
-});
-export const WEEKDAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
-export const MONTHS = [
-  {key: '0', label: 'Jan'},
-  {key: '1', label: 'Feb'},
-  {key: '2', label: 'Mar'},
-  {key: '3', label: 'Apr'},
-  {key: '4', label: 'May'},
-  {key: '5', label: 'Jun'},
-  {key: '6', label: 'Jul'},
-  {key: '7', label: 'Aug'},
-  {key: '8', label: 'Sep'},
-  {key: '9', label: 'Oct'},
-  {key: '10', label: 'Nov'},
-  {key: '11', label: 'Dec'},
-];
-
-export const wrangleMoment = (date?: string | Date): Date => {
-  if (date instanceof Date) {
-    return date;
-  } else if (!date) {
-    return new Date();
-  }
-  return date instanceof moment ? date.toDate() : parseISO(date);
-};
-
-export const formatIsoDate = (date?: string | Date): string =>
-  formatISO(wrangleMoment(date), {
-    representation: 'date',
-  });
-
-export const isStartOfRange = ({startDate}: DateRange, date: string): boolean =>
-  Boolean(startDate) && moment(date).isSame(moment(startDate), 'd');
-
-export const isEndOfRange = ({endDate}: DateRange, date: string): boolean =>
-  Boolean(endDate) && moment(date).isSame(moment(endDate), 'd');
-
-export const inDateRange = (
-  {startDate, endDate}: DateRange,
-  date: string,
-): boolean => {
-  if (startDate && endDate) {
-    const momentDay = moment(date);
-    const momentStartDate = moment(startDate);
-    const momentEndDate = moment(endDate);
-    return momentDay.isBetween(momentStartDate, momentEndDate, null, '[]');
-  }
-  return false;
-};
-
-export const isStartDateEndDateSame = ({
-  startDate,
-  endDate,
-}: DateRange): boolean => {
-  if (startDate && endDate) {
-    return moment(startDate).isSame(moment(endDate), 'd');
-  }
-  return false;
-};
-
-const getMonthAndYear = (date) => {
-  const momentDate = date ? moment(date) : moment();
-  return [momentDate.month(), momentDate.year()];
-};
-
-export const getDaysInMonth = (date: string): Array<Array<string>> => {
-  const startWeek = moment(date).startOf('month').startOf('week');
-  const endWeek = moment(date).endOf('month').endOf('week');
-  const days = [],
-    current = startWeek;
-
-  while (current.isBefore(endWeek)) {
-    days.push(current.clone().format('YYYY-MM-DD'));
-    current.add(1, 'd');
-  }
-  const daysInChunks = lodash.chunk(days, 7);
-
-  // if total rows in calendar are 5 add one more week to the calendar
-  if (daysInChunks.length === 5) {
-    const nextWeek = getAddedDate(endWeek, WEEKDAYS.length, 'd');
-    const extraDays = [];
-    while (current.isSameOrBefore(nextWeek)) {
-      extraDays.push(current.clone().format('YYYY-MM-DD'));
-      current.add(1, 'd');
-    }
-    daysInChunks.push(extraDays);
-  }
-
-  return daysInChunks;
-};
-
-export const getAddedDate = (
-  date: string,
-  addCount: number,
-  timeUnit: TimeUnit,
-): string => formatIsoDate(moment(date).add(addCount, timeUnit));
-
-export const getSubtractedDate = (
-  date: string,
-  subtractCount: number,
-  timeUnit: TimeUnit,
-): string => formatIsoDate(moment(date).subtract(subtractCount, timeUnit));
-
-export const getMonthStartDate = (date: string): string =>
-  formatIsoDate(moment(date).startOf('M'));
-
-export const addTimezone = (date: string, timezone: string): string =>
-  moment.tz(date, timezone).startOf('d').utc().toISOString();
-
-export const getTimezones = (): Array<MenuOption> =>
-  Object.keys(TIMEZONES).reduce((menuOptions, key) => {
-    menuOptions.push({
-      key,
-      label: TIMEZONES[key],
-    });
-    return menuOptions;
-  }, []);
-
-export const generateAvailableYears = (
-  count: number,
-  firstCalendarDate: string,
-  secondCalendarDate: string,
-  marker: $Values<typeof MARKERS>,
-): Array<MenuOption> => {
-  const startYear = moment().year() - count + 1;
-  const firstCalendarYear = moment(firstCalendarDate).add(1, 'M').year();
-  const secondCalendarYear = moment(secondCalendarDate).subtract(1, 'M').year();
-
-  const isWithinRange = (year: number) =>
-    marker === MARKERS.DATE_RANGE_START
-      ? year <= secondCalendarYear
-      : year >= firstCalendarYear;
-
-  return Array.from({length: count}, (_, index) => {
-    const year = startYear + index;
-    return {
-      key: year.toString(),
-      label: year.toString(),
-      disabled: !isWithinRange(year),
-    };
-  }).filter(({disabled}) => !disabled);
-};
-
-export const getAvailableMonths = (
-  Months: Array<MenuOption>,
-  first: string,
-  second: string,
-  marker: $Values<typeof MARKERS>,
-): Array<MenuOption> => {
-  const [firstMonth, firstYear] = getMonthAndYear(first);
-  const [secondMonth, secondYear] = getMonthAndYear(second);
-  const [currentMonth, currentYear] = getMonthAndYear();
-
-  return Months.filter((month: MenuOption) => {
-    const isSameYear = firstYear === secondYear;
-    const isMonthBeforeFirstMonth = month.key <= firstMonth;
-    const isMonthAfterCurrentMonth =
-      currentYear === secondYear && month.key > currentMonth;
-
-    if (marker === MARKERS.DATE_RANGE_START) {
-      return !(isSameYear && month.key >= secondMonth);
-    } else {
-      return !(
-        (isSameYear && isMonthBeforeFirstMonth) ||
-        isMonthAfterCurrentMonth
-      );
-    }
-  });
-};
-
-export const getInitialDates = (
-  selectedDateRange: DateRangeWithTimezone,
-): SelectedDateRangeTimezone => {
-  const today = formatIsoDate();
-  const currentTimezone = moment.tz.guess();
-  const {startDate, endDate, timezone} = selectedDateRange;
-
-  const isStartDateValid = moment(startDate).isSameOrBefore(today);
-  const isEndDateValid = moment(endDate).isSameOrBefore(today);
-
-  const dateRange =
-    startDate &&
-    endDate &&
-    isStartDateValid &&
-    isEndDateValid &&
-    moment(endDate).isSameOrAfter(startDate)
-      ? {startDate, endDate}
-      : {startDate: undefined, endDate: undefined};
-
-  let startMonth = dateRange.startDate
-    ? getMonthStartDate(dateRange.startDate)
-    : getMonthStartDate(getSubtractedDate(today, 1, 'M'));
-  const endMonth = dateRange.endDate
-    ? getMonthStartDate(dateRange.endDate)
-    : getMonthStartDate(today);
-
-  if (moment(startMonth).isSame(moment(endMonth), 'M')) {
-    startMonth = getSubtractedDate(endMonth, 1, 'M');
-  }
-
-  const monthRange = {rangeStartMonth: startMonth, rangeEndMonth: endMonth};
-  return {
-    dateRange,
-    monthRange,
-    timezone: timezone ?? currentTimezone,
-  };
-};