@spothero/ui 17.1.0-beta.0 → 17.1.0-beta.5

package/dist/components/DatepickerRange/components/DatepickerRangeInput.js

@@ -1,90 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@chakra-ui/react");
-
-var _calendar = _interopRequireDefault(require("@spothero/icons/calendar"));
-
-var _propTypes = require("../utils/propTypes");
-
-var _generalCalculations = require("../utils/generalCalculations");
-
-var _WithPopoverAnchor = _interopRequireDefault(require("./WithPopoverAnchor"));
-
-var _DatepickerRangeContext = require("../DatepickerRangeContext");
-
-var formLabelStyleProps = {
-  as: 'label',
-  fontSize: 'sm',
-  fontWeight: 'semibold',
-  color: 'text.secondary.light',
-  marginBottom: 1
-};
-var formErrorMessageStyleProps = {
-  color: 'error',
-  fontSize: 'xs',
-  marginTop: 1
-};
-
-var DatepickerRangeInput = function DatepickerRangeInput(_ref) {
-  var isSelected = _ref.isSelected,
-      onClick = _ref.onClick,
-      selectionPosition = _ref.selectionPosition,
-      value = _ref.value,
-      useInputIcons = _ref.useInputIcons,
-      isInputInvalid = _ref.isInputInvalid,
-      inputLabelText = _ref.inputLabelText,
-      placeholderText = _ref.placeholderText,
-      errorText = _ref.errorText,
-      inputComponentOverrides = _ref.inputComponentOverrides;
-
-  var _useDatepickerRange = (0, _DatepickerRangeContext.useDatepickerRange)(),
-      _useDatepickerRange$d = _useDatepickerRange.disclosure,
-      onOpen = _useDatepickerRange$d.onOpen,
-      onClose = _useDatepickerRange$d.onClose;
-
-  var handleKeyboardControls = function handleKeyboardControls(evt) {
-    var keyCode = evt.code;
-
-    if (keyCode === 'Enter' || keyCode === 'Space') {
-      onOpen();
-    } else if (keyCode === 'Escape') {
-      onClose();
-    }
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react2.Box, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.inputGroupContainer, /*#__PURE__*/_react.default.createElement(_react2.FormControl, (0, _extends2.default)({
-    "data-testid": "DatepickerRangeInput-".concat(selectionPosition),
-    isInvalid: isInputInvalid
-  }, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.formControl), inputLabelText && /*#__PURE__*/_react.default.createElement(_react2.FormLabel, (0, _extends2.default)({}, formLabelStyleProps, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.formLabel), inputLabelText), /*#__PURE__*/_react.default.createElement(_WithPopoverAnchor.default, {
-    isSelected: isSelected
-  }, /*#__PURE__*/_react.default.createElement(_react2.InputGroup, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.inputGroup, /*#__PURE__*/_react.default.createElement(_react2.Input, (0, _extends2.default)({
-    name: "DatepickerRangeInput-".concat(selectionPosition),
-    placeholder: placeholderText,
-    value: (0, _generalCalculations.formatValueForInputDisplay)(value),
-    onClick: onClick,
-    onKeyDown: handleKeyboardControls,
-    isReadOnly: true
-  }, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.input)), useInputIcons && /*#__PURE__*/_react.default.createElement(_react2.InputRightElement, (0, _extends2.default)({
-    color: isInputInvalid ? 'error' : 'gray.dark',
-    zIndex: "base"
-  }, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.inputRightElement), /*#__PURE__*/_react.default.createElement(_react2.Icon, {
-    as: _calendar.default,
-    color: "inherit",
-    height: 5,
-    width: 5
-  })))), /*#__PURE__*/_react.default.createElement(_react2.FormErrorMessage, (0, _extends2.default)({}, formErrorMessageStyleProps, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.formErrorMessage), errorText)));
-};
-
-var _default = DatepickerRangeInput;
-exports.default = _default;

package/dist/components/DatepickerRange/constants.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FULL_MONTH_NAMES = exports.DAY_NAMES = void 0;
-var DAY_NAMES = [{
-  abbv: 'Su',
-  full: 'Sunday'
-}, {
-  abbv: 'Mo',
-  full: 'Monday'
-}, {
-  abbv: 'Tu',
-  full: 'Tuesday'
-}, {
-  abbv: 'We',
-  full: 'Wednesday'
-}, {
-  abbv: 'Th',
-  full: 'Thursday'
-}, {
-  abbv: 'Fr',
-  full: 'Friday'
-}, {
-  abbv: 'Sa',
-  full: 'Saturday'
-}];
-exports.DAY_NAMES = DAY_NAMES;
-var FULL_MONTH_NAMES = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
-exports.FULL_MONTH_NAMES = FULL_MONTH_NAMES;

package/dist/components/DatepickerRange/utils/generalCalculations.js

@@ -1,71 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.formatForDataDate = formatForDataDate;
-exports.formatValueForInputDisplay = formatValueForInputDisplay;
-exports.isCurrentMonthAndYearInView = isCurrentMonthAndYearInView;
-
-var _flat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/flat"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-function isCurrentMonthAndYearInView(currentDate, arrayOfCalendarDates) {
-  /* eslint-disable func-names */
-
-  /* eslint-disable no-multi-assign */
-  function mode(arr) {
-    return arr === null || arr === void 0 ? void 0 : arr.reduce(function (current, item) {
-      var val = current.numMapping[item] = (current.numMapping[item] || 0) + 1;
-
-      if (val > current.greatestFreq) {
-        current.greatestFreq = val;
-        current.mode = item;
-      }
-
-      return current;
-    }, {
-      mode: null,
-      greatestFreq: -Infinity,
-      numMapping: {}
-    }).mode;
-  }
-  /* eslint-enable no-multi-assign */
-
-  /* eslint-enable func-names */
-
-
-  var flattendCalendarArray = arrayOfCalendarDates === null || arrayOfCalendarDates === void 0 ? void 0 : (0, _flat.default)(arrayOfCalendarDates).call(arrayOfCalendarDates);
-  var yearInView = mode(flattendCalendarArray === null || flattendCalendarArray === void 0 ? void 0 : (0, _map.default)(flattendCalendarArray).call(flattendCalendarArray, function (calendarDate) {
-    return calendarDate.getFullYear();
-  }));
-  var monthInView = mode(flattendCalendarArray === null || flattendCalendarArray === void 0 ? void 0 : (0, _map.default)(flattendCalendarArray).call(flattendCalendarArray, function (calendarDate) {
-    return calendarDate.getMonth();
-  }));
-  var currentYear = currentDate.getFullYear();
-  var currentMonth = currentDate.getMonth();
-  return currentYear === yearInView && currentMonth === monthInView;
-}
-
-function formatForDataDate(dateToFormat) {
-  var _context, _context2;
-
-  var year = dateToFormat.getFullYear();
-  var month = dateToFormat.getMonth() + 1;
-  var dateNumber = dateToFormat.getDate();
-  var formattedDate = (0, _concat.default)(_context = (0, _concat.default)(_context2 = "".concat(year, "-")).call(_context2, month, "-")).call(_context, dateNumber);
-  return formattedDate;
-}
-
-function formatValueForInputDisplay(selectedDate) {
-  return (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.getTime()) === 0 || !selectedDate ? '' : new Intl.DateTimeFormat('en-CA', {
-    weekday: 'long',
-    month: 'short',
-    day: 'numeric'
-  }).format(selectedDate);
-}

package/dist/components/DatepickerRange/utils/getWeeksOfMonth.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getWeeksOfMonth = getWeeksOfMonth;
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
-
-function getWeeksOfMonth(input) {
-  var date = new Date(input);
-  var year = date.getFullYear();
-  var month = date.getMonth();
-  var firstDayOfMonth = new Date(year, month, 1).getDay();
-  var lastDateOfMonth = new Date(year, month + 1, 0).getDate();
-  var lastDayOfMonth = new Date(year, month + 1, 0).getDay();
-  var lastDayOfLastMonth = new Date(year, month, 0).getDate();
-  var weeks = [];
-  var firstWeekDiff = lastDayOfLastMonth - firstDayOfMonth;
-  var daysInMonth = lastDateOfMonth + firstDayOfMonth + (7 - lastDayOfMonth);
-  var numberOfWeeks = Math.round(daysInMonth / 7);
-  (0, _toConsumableArray2.default)(new Array(numberOfWeeks)).forEach(function (_, weekIndex) {
-    var _weeks$6$getDate, _weeks, _weeks$, _weeks$$getDate, _context;
-
-    var start = (_weeks$6$getDate = weeks === null || weeks === void 0 ? void 0 : (_weeks = weeks[weekIndex - 1]) === null || _weeks === void 0 ? void 0 : (_weeks$ = _weeks[6]) === null || _weeks$ === void 0 ? void 0 : (_weeks$$getDate = _weeks$.getDate) === null || _weeks$$getDate === void 0 ? void 0 : _weeks$$getDate.call(_weeks$)) !== null && _weeks$6$getDate !== void 0 ? _weeks$6$getDate : firstWeekDiff;
-    var week = (0, _map.default)(_context = (0, _toConsumableArray2.default)(new Array(7))).call(_context, function (__, dayIndex) {
-      // First week of month
-      if (weekIndex === 0) {
-        if (dayIndex >= firstDayOfMonth) {
-          return new Date(year, month, dayIndex - firstDayOfMonth + 1);
-        } else {
-          return new Date(year, month - 1, lastDayOfLastMonth - (firstDayOfMonth - dayIndex - 1));
-        }
-      } // Last week of month
-
-
-      if (start + 1 + dayIndex > lastDateOfMonth) {
-        return new Date(year, month + 1, start + 1 + dayIndex - lastDateOfMonth);
-      } // Any other day
-
-
-      return new Date(year, month, start + 1 + dayIndex);
-    });
-    weeks.push(week);
-  });
-  return weeks;
-}

package/dist/components/DatepickerRange/utils/propTypes.js

@@ -1,245 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.inputComponentOverridesProps = exports.default = exports.datepickerRangeOverridesProps = exports.datepickerRangeHeaderOverridesProps = exports.datepickerRangeDaysOverridesProps = exports.datepickerRangeControlsOverridesProps = exports.datepickerRangeBodyOverridesProps = exports.dateRowOverridesProps = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var inputComponentOverridesProps = _propTypes.default.shape({
-  /**
-   * Overrides for the parent Box component that wraps the Inputs and Form control,
-   * see https://chakra-ui.com/docs/components/box/usage for more
-   */
-  inputGroupContainer: _propTypes.default.object,
-
-  /**
-   * Overrides for the parent FormControl component,
-   * see https://chakra-ui.com/docs/components/form-control/props for more
-   */
-  formControl: _propTypes.default.object,
-
-  /**
-   * Overrides for the FormLabel component,
-   * see https://chakra-ui.com/docs/components/form-control/props and/or https://chakra-ui.com/docs/components/form-control/usage for more
-   */
-  formLabel: _propTypes.default.object,
-
-  /**
-   * Overrides for the InputGroup component,
-   * see https://chakra-ui.com/docs/components/input/usage#left-and-right-addons for more
-   */
-  inputGroup: _propTypes.default.object,
-
-  /**
-   * Overrides for the Input component,
-   * see https://chakra-ui.com/docs/components/input/props for more
-   */
-  input: _propTypes.default.object,
-
-  /**
-   * Overrides for the InputRightElement component,
-   * see https://chakra-ui.com/docs/components/input/usage#add-elements-inside-input for more
-   */
-  inputRightElement: _propTypes.default.object,
-
-  /**
-   * Overrides for the FormControl ErrorMessage component,
-   * see https://chakra-ui.com/docs/components/form-control/usage#error-message for more
-   */
-  formErrorMessage: _propTypes.default.object
-});
-
-exports.inputComponentOverridesProps = inputComponentOverridesProps;
-
-var datepickerRangeControlsOverridesProps = _propTypes.default.shape({
-  /**
-   * Overrides for the Flex component that wraps the Start and End Date input fields,
-   * see https://chakra-ui.com/docs/components/flex/props for more
-   */
-  controlsContainer: _propTypes.default.object,
-
-  /** Overrides for the Start Date Input components */
-  startDateInputComponentOverrides: inputComponentOverridesProps,
-
-  /** Overrides for the End Date Input components */
-  endDateInputComponentOverrides: inputComponentOverridesProps
-});
-
-exports.datepickerRangeControlsOverridesProps = datepickerRangeControlsOverridesProps;
-
-var datepickerRangeHeaderOverridesProps = _propTypes.default.shape({
-  /**
-   * Overrides for the Flex component that wraps the Header Title and navigation Buttons,
-   * see https://chakra-ui.com/docs/components/flex/props for more
-   */
-  headerContainer: _propTypes.default.object,
-
-  /**
-   * Overrides for the IconButton component used as navigation for the Header,
-   * see https://chakra-ui.com/docs/components/icon-button, for more
-   */
-  iconButton: _propTypes.default.object,
-
-  /**
-   * Overrides for the Flex component that wraps the Header Title,
-   * see https://chakra-ui.com/docs/components/flex/props for more
-   */
-  title: _propTypes.default.object
-});
-
-exports.datepickerRangeHeaderOverridesProps = datepickerRangeHeaderOverridesProps;
-
-var dateRowOverridesProps = _propTypes.default.shape({
-  /**
-   * Overrides for the Tbody component that contains the Calendar display
-   * see https://chakra-ui.com/docs/components/table/props for more
-   */
-  tbody: _propTypes.default.object,
-
-  /**
-   * Overrides for the Tr component that contains the rows of the month within the Calendar display
-   * see https://chakra-ui.com/docs/components/table/props for more
-   */
-  tr: _propTypes.default.object,
-
-  /**
-   * Overrides for the Td component that contains the individual date within the Calendar display
-   * see https://chakra-ui.com/docs/components/table/props for more
-   */
-  td: _propTypes.default.object,
-
-  /**
-   * Overrides for the Button component that contains the individual date within the Calendar display
-   * see https://chakra-ui.com/docs/components/button/props for more
-   */
-  button: _propTypes.default.object
-});
-
-exports.dateRowOverridesProps = dateRowOverridesProps;
-
-var datepickerRangeDaysOverridesProps = _propTypes.default.shape({
-  /**
-   * Overrides for the Table component containing the Calendar display,
-   * see https://chakra-ui.com/docs/components/table/props#table for more
-   */
-  table: _propTypes.default.object,
-
-  /**
-   * Overrides for the Thead component containing the names of the days of the week,
-   * see https://chakra-ui.com/docs/components/table/props for more
-   */
-  thead: _propTypes.default.object,
-
-  /**
-   * Overrides for the Th component containing the name of the single day names,
-   * see https://chakra-ui.com/docs/components/table/props for more
-   */
-  th: _propTypes.default.object,
-
-  /** An optional Object containing style and prop overrides for the DateRow component */
-  dateRowOverrides: dateRowOverridesProps
-});
-
-exports.datepickerRangeDaysOverridesProps = datepickerRangeDaysOverridesProps;
-
-var datepickerRangeBodyOverridesProps = _propTypes.default.shape({
-  /**
-   * Overrides for the PopoverBody component,
-   * see https://chakra-ui.com/docs/components/popover/props#other-props for more
-   */
-  popoverBody: _propTypes.default.object,
-
-  /** An optional Object containing style and prop overrides to be applied to the components that compose the Header section */
-  datepickerRangeHeaderOverrides: datepickerRangeHeaderOverridesProps,
-
-  /** An optional Object containing style and prop overrides to be applied to the components that compose the Calendar section */
-  datepickerRangeDaysOverrides: datepickerRangeDaysOverridesProps
-});
-
-exports.datepickerRangeBodyOverridesProps = datepickerRangeBodyOverridesProps;
-
-var datepickerRangeOverridesProps = _propTypes.default.shape({
-  /**
-   * Overrides for the parent Popover component,
-   * see https://chakra-ui.com/docs/components/popover/props for more
-   */
-  popover: _propTypes.default.object,
-
-  /**
-   * Overrides for the Portal component that wraps the DatepickerRange calendar Popover, see https://chakra-ui.com/docs/components/portal/props for more
-   */
-  portal: _propTypes.default.object,
-
-  /**
-   * Overrides for the PopoverContent component,
-   * see https://chakra-ui.com/docs/components/popover/props#other-props for more
-   */
-  popoverContent: _propTypes.default.object,
-
-  /** An optional Object containing style and prop overrides to be applied to the Form and Control components */
-  datepickerRangeControlsOverrides: datepickerRangeControlsOverridesProps,
-
-  /** An optional Object containing style and prop overrides to be applied to the Popover body, Calendar, and Header componets */
-  datepickerRangeBodyOverrides: datepickerRangeBodyOverridesProps
-});
-
-exports.datepickerRangeOverridesProps = datepickerRangeOverridesProps;
-var props = {
-  /** An optional (pre-selected) Start Date to populate the Datepicker Range with  */
-  initialStartDate: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.instanceOf(Date)]),
-
-  /** An optional (pre-selected) End Date to populate the Datepicker Range with */
-  initialEndDate: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.instanceOf(Date)]),
-
-  /** A string in the format 'MM/DD/YYYY' representing the date where days before it should be disabled in the calendar */
-  disableBefore: _propTypes.default.string,
-
-  /** A string in the format 'MM/DD/YYYY' representing the date where days after it should be disabled in the calendar. */
-  disableAfter: _propTypes.default.string,
-
-  /**
-   * A callback function to execute on changes
-   *
-   * @param {string|object} startDate
-   * @param {string|object} endDate
-   * @param {boolean} startIsSelected
-   * @param {boolean} endIsSelected
-   */
-  onChange: _propTypes.default.func,
-
-  /** Whether to display the Start Date Input as invalid or not */
-  isStartInvalid: _propTypes.default.bool,
-
-  /** Whether to display the End Date Input as invalid or not */
-  isEndInvalid: _propTypes.default.bool,
-
-  /** Whether to show the Calendar Icon in the Input field. */
-  useInputIcons: _propTypes.default.bool,
-
-  /** A string to use as the Start Input form label */
-  startDateInputLabelText: _propTypes.default.string,
-
-  /** A string to use as the Start Input placeholder text */
-  startDateInputPlaceholderText: _propTypes.default.string,
-
-  /** A string to use as the Start Input form Error text */
-  startDateInputErrorText: _propTypes.default.string,
-
-  /** A string to use as the End Input form label */
-  endDateInputLabelText: _propTypes.default.string,
-
-  /** A string to use as the End Input placeholder text */
-  endDateInputPlaceholderText: _propTypes.default.string,
-
-  /** A string to use as the End Input form Error text */
-  endDateInputErrorText: _propTypes.default.string,
-
-  /** An optional Object containing style and prop overrides to be applied to the component and child components */
-  datepickerRangeOverrides: datepickerRangeOverridesProps
-};
-var _default = props;
-exports.default = _default;