@spothero/ui 15.10.9 → 16.0.0-beta.1

package/backlog/DateTime/DatePickerCalendarWithRange.js

@@ -1,241 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-var _reactDayPicker = _interopRequireWildcard(require("react-day-picker"));
-
-var _date = _interopRequireDefault(require("@spothero/utils/date"));
-
-var _DatePickerCalendarNavigation = _interopRequireDefault(require("./DatePickerCalendarNavigation"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var DATE = new Date();
-var DATE_FORMAT = 'MM/DD/YYYY';
-
-var DatePickerCalendarWithRange = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(DatePickerCalendarWithRange, _Component);
-
-  var _super = _createSuper(DatePickerCalendarWithRange);
-
-  function DatePickerCalendarWithRange(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, DatePickerCalendarWithRange);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onDaySelected", function (day, _ref, evt) {
-      var selected = _ref.selected,
-          disabled = _ref.disabled;
-
-      if (disabled) {
-        return;
-      }
-
-      var onChange = _this.props.onChange;
-
-      var _this$_updateDateRang = _this._updateDateRange(day),
-          selectedStartDate = _this$_updateDateRang.to,
-          selectedEndDate = _this$_updateDateRang.from;
-
-      _this.setState({
-        selectedStartDate: selectedStartDate,
-        selectedEndDate: selectedEndDate
-      });
-
-      if (onChange) {
-        onChange({
-          selectedStartDate: selectedStartDate ? (0, _moment.default)(selectedStartDate).format(DATE_FORMAT) : null,
-          selectedEndDate: selectedEndDate ? (0, _moment.default)(selectedEndDate).format(DATE_FORMAT) : null
-        });
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_updateDateRange", function (newDate) {
-      var adjustStartOrEnd = _this.props.adjustStartOrEnd;
-      var _this$state = _this.state,
-          prevSelectedStartDate = _this$state.selectedStartDate,
-          prevSelectedEndDate = _this$state.selectedEndDate;
-      var newStartDate;
-      var newEndDate;
-
-      if (!prevSelectedStartDate || !prevSelectedEndDate) {
-        // if both start and end dates aren't populated, use the default logic
-        var _DayPickerDateUtils$a = _reactDayPicker.DateUtils.addDayToRange(newDate, {
-          from: prevSelectedStartDate,
-          to: prevSelectedEndDate
-        }),
-            from = _DayPickerDateUtils$a.from,
-            to = _DayPickerDateUtils$a.to;
-
-        newStartDate = from;
-        newEndDate = to;
-      } else if (adjustStartOrEnd === 'start') {
-        // if start input is focused, update start date and clear end date
-        newStartDate = newDate;
-        newEndDate = null;
-      } else if (adjustStartOrEnd === 'end' && !_reactDayPicker.DateUtils.isDayBefore(newDate, prevSelectedStartDate)) {
-        // if end input is focused and newDate >= prevSelectedStartDate, update end date
-        newStartDate = prevSelectedStartDate;
-        newEndDate = newDate;
-      } else if (adjustStartOrEnd === 'end' && _reactDayPicker.DateUtils.isDayBefore(newDate, prevSelectedStartDate)) {
-        // if end input is focused and newDate < prevSelectedStartDate, update start date and clear end date
-        newStartDate = newDate;
-        newEndDate = null;
-      }
-
-      return {
-        to: newStartDate,
-        from: newEndDate
-      };
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_renderDayMarkup", function (day) {
-      var _context, _context2;
-
-      var m = (0, _moment.default)(day);
-      var date = (0, _concat.default)(_context = (0, _concat.default)(_context2 = "".concat(m.format('MM'), "/")).call(_context2, m.format('DD'), "/")).call(_context, m.format('YYYY'));
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: "DatePicker-Day--wrapper"
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        "data-date": date
-      }, day.getDate()));
-    });
-    var _selectedStartDate = props.selectedStartDate,
-        _selectedEndDate = props.selectedEndDate;
-    _this.state = {
-      selectedStartDate: _selectedStartDate ? _date.default.getAsDate(_selectedStartDate) : null,
-      selectedEndDate: _selectedEndDate ? _date.default.getAsDate(_selectedEndDate) : null
-    };
-    return _this;
-  }
-
-  (0, _createClass2.default)(DatePickerCalendarWithRange, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          className = _this$props.className,
-          numberOfMonths = _this$props.numberOfMonths,
-          weekdayTitles = _this$props.weekdayTitles,
-          disableBefore = _this$props.disableBefore,
-          disableAfter = _this$props.disableAfter,
-          overrideInitialMonthWithSelected = _this$props.overrideInitialMonthWithSelected;
-      var _this$state2 = this.state,
-          selectedStartDate = _this$state2.selectedStartDate,
-          selectedEndDate = _this$state2.selectedEndDate;
-      var classes = (0, _classnames.default)('DatePicker-calendar', 'DatePicker-calendar-with-range', className);
-      var firstMonth = DATE;
-      var fromMonth = DATE;
-      var toMonth = null;
-
-      if (disableBefore) {
-        var beforeDate = _date.default.getAsDate(disableBefore);
-
-        if (fromMonth) {
-          if (_date.default.isAfter(beforeDate, fromMonth)) {
-            fromMonth = beforeDate;
-          }
-        } else {
-          fromMonth = beforeDate;
-        }
-
-        firstMonth = fromMonth;
-      }
-
-      if (disableAfter) {
-        toMonth = _date.default.getAsDate(disableAfter);
-      }
-
-      if (selectedStartDate && overrideInitialMonthWithSelected) {
-        firstMonth = selectedStartDate;
-      }
-
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes
-      }, /*#__PURE__*/_react.default.createElement(_reactDayPicker.default, {
-        selectedDays: [selectedStartDate, {
-          from: selectedStartDate,
-          to: selectedEndDate
-        }],
-        modifiers: {
-          start: selectedStartDate,
-          end: selectedEndDate,
-          'start-without-end': function startWithoutEnd(day) {
-            return _reactDayPicker.DateUtils.isSameDay(day, selectedStartDate) && !selectedEndDate;
-          }
-        },
-        disabledDays: _objectSpread({
-          before: fromMonth
-        }, toMonth && {
-          after: toMonth
-        }),
-        fromMonth: fromMonth,
-        toMonth: toMonth,
-        initialMonth: firstMonth,
-        onDayClick: this._onDaySelected,
-        numberOfMonths: numberOfMonths,
-        renderDay: this._renderDayMarkup,
-        weekdaysShort: weekdayTitles,
-        navbarElement: /*#__PURE__*/_react.default.createElement(_DatePickerCalendarNavigation.default, null)
-      }));
-    }
-  }]);
-  return DatePickerCalendarWithRange;
-}(_react.Component);
-
-exports.default = DatePickerCalendarWithRange;
-(0, _defineProperty2.default)(DatePickerCalendarWithRange, "defaultProps", {
-  numberOfMonths: 1,
-  weekdayTitles: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
-  overrideInitialMonthWithSelected: true
-});

package/backlog/DateTime/DateTimePicker.js

@@ -1,216 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _DatePicker = _interopRequireDefault(require("./DatePicker"));
-
-var _TimePicker = _interopRequireDefault(require("./TimePicker"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var DateTimePicker = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(DateTimePicker, _Component);
-
-  var _super = _createSuper(DateTimePicker);
-
-  function DateTimePicker(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, DateTimePicker);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onDateChange", function (selectedDate) {
-      _this.setState({
-        selectedDate: selectedDate
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onTimeChange", function (selectedTime) {
-      _this.setState({
-        selectedTime: selectedTime
-      });
-    });
-    var id = props.id,
-        _selectedDate = props.selectedDate,
-        _selectedTime = props.selectedTime,
-        tooltipType = props.tooltipType,
-        tooltipMessage = props.tooltipMessage,
-        tooltipPosition = props.tooltipPosition,
-        updateTooltipPositionOnMove = props.updateTooltipPositionOnMove,
-        onTooltipHidden = props.onTooltipHidden;
-
-    if (!id) {
-      throw new Error("The prop 'id' is required to make DateTimePicker accessible for users using assistive technologies such as screen readers. Check the render method of DateTimePicker.");
-    }
-
-    if (tooltipType || tooltipMessage || tooltipPosition || updateTooltipPositionOnMove || onTooltipHidden) {
-      throw new Error('Tooltip support inside of DateTimePicker was removed in v6.0.0. Use dateNode and timeNode getters in a parent component to add tooltips manually as necessary.');
-    }
-
-    _this.state = {
-      selectedDate: _selectedDate,
-      selectedTime: _selectedTime
-    };
-    return _this;
-  }
-
-  (0, _createClass2.default)(DateTimePicker, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      var onChange = this.props.onChange;
-      var _this$state = this.state,
-          selectedDate = _this$state.selectedDate,
-          selectedTime = _this$state.selectedTime;
-      var prevSelectedDate = prevState.selectedDate,
-          prevSelectedTime = prevState.selectedTime;
-
-      if ((selectedDate !== prevSelectedDate || selectedTime !== prevSelectedTime) && onChange) {
-        onChange({
-          selectedDate: selectedDate,
-          selectedTime: selectedTime
-        });
-      }
-    }
-  }, {
-    key: "dateNode",
-    get:
-    /**
-     * Getter for the date picker input DOM element.
-     *
-     * @public
-     * @returns {Element} - The input element.
-     */
-    function get() {
-      return this._datePicker.node;
-    }
-    /**
-     * Getter for the time picker select DOM element.
-     *
-     * @public
-     * @returns {Element} - The select element.
-     */
-
-  }, {
-    key: "timeNode",
-    get: function get() {
-      return this._timePicker.node;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          className = _this$props.className,
-          id = _this$props.id,
-          useIcons = _this$props.useIcons,
-          iconPosition = _this$props.iconPosition,
-          dateLabel = _this$props.dateLabel,
-          dateDisplayFormat = _this$props.dateDisplayFormat,
-          timeDisplayFormat = _this$props.timeDisplayFormat,
-          datePlaceholder = _this$props.datePlaceholder,
-          timeLabel = _this$props.timeLabel,
-          timePlaceholder = _this$props.timePlaceholder,
-          dateName = _this$props.dateName,
-          timeName = _this$props.timeName,
-          timeStep = _this$props.timeStep,
-          calendarClassName = _this$props.calendarClassName,
-          overrideInitialMonthWithSelected = _this$props.overrideInitialMonthWithSelected,
-          disablePast = _this$props.disablePast,
-          disableDateBefore = _this$props.disableDateBefore,
-          disableDateAfter = _this$props.disableDateAfter,
-          disableTimeBefore = _this$props.disableTimeBefore,
-          disableTimeAfter = _this$props.disableTimeAfter,
-          useTetherShim = _this$props.useTetherShim,
-          disabled = _this$props.disabled;
-      var _this$state2 = this.state,
-          selectedDate = _this$state2.selectedDate,
-          selectedTime = _this$state2.selectedTime;
-      var classes = (0, _classnames.default)('DateTimePicker', className);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes
-      }, /*#__PURE__*/_react.default.createElement(_DatePicker.default, {
-        ref: function ref(node) {
-          _this2._datePicker = node;
-        },
-        id: id,
-        name: dateName,
-        displayFormat: dateDisplayFormat,
-        calendarClassName: calendarClassName,
-        useIcon: useIcons,
-        iconPosition: iconPosition,
-        disabled: disabled,
-        label: dateLabel,
-        placeholder: datePlaceholder,
-        selectedDate: selectedDate,
-        overrideInitialMonthWithSelected: overrideInitialMonthWithSelected,
-        onChange: this._onDateChange,
-        disablePast: disablePast,
-        disableBefore: disableDateBefore,
-        disableAfter: disableDateAfter,
-        useTetherShim: useTetherShim
-      }), /*#__PURE__*/_react.default.createElement(_TimePicker.default, {
-        ref: function ref(node) {
-          _this2._timePicker = node;
-        },
-        name: timeName,
-        useIcon: useIcons,
-        displayFormat: timeDisplayFormat,
-        iconPosition: iconPosition,
-        disabled: disabled,
-        label: timeLabel,
-        placeholder: timePlaceholder,
-        selectedTime: selectedTime,
-        step: timeStep,
-        disableBefore: disableTimeBefore,
-        disableAfter: disableTimeAfter,
-        onChange: this._onTimeChange
-      }));
-    }
-  }]);
-  return DateTimePicker;
-}(_react.Component);
-
-exports.default = DateTimePicker;
-(0, _defineProperty2.default)(DateTimePicker, "defaultProps", {
-  useIcons: true,
-  timeStep: 30,
-  disablePast: true,
-  overrideInitialMonthWithSelected: true,
-  iconPosition: 'right'
-});