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

package/dist/components/DatepickerRange/constants.js

@@ -0,0 +1,31 @@
+"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/dateRowArithmentic.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.areEqual = areEqual;
+exports.getButtonText = getButtonText;
+exports.isAfterDisabledDate = isAfterDisabledDate;
+exports.isAfterStart = isAfterStart;
+exports.isBeforeDisabledDate = isBeforeDisabledDate;
+exports.isBeforeStart = isBeforeStart;
+exports.isDateBeforeToday = isDateBeforeToday;
+exports.isEqualToStart = isEqualToStart;
+exports.isToday = isToday;
+exports.outOfMonth = outOfMonth;
+exports.selected = selected;
+exports.withinRange = withinRange;
+exports.withinRangeAfterStart = withinRangeAfterStart;
+exports.withinRangeBeforeStart = withinRangeBeforeStart;
+
+function selected(calendarDate, selectedStartDate, selectedEndDate) {
+  return (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) === (selectedStartDate === null || selectedStartDate === void 0 ? void 0 : selectedStartDate.getTime()) || (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) === (selectedEndDate === null || selectedEndDate === void 0 ? void 0 : selectedEndDate.getTime());
+}
+
+function outOfMonth(calendarDate, date) {
+  var isOutOfMonth = (date === null || date === void 0 ? void 0 : date.getMonth()) !== (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getMonth());
+  return isOutOfMonth;
+}
+
+function getButtonText(calendarDate) {
+  return calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getDate();
+}
+
+function isEqualToStart(calendarDate, selectedStartDate) {
+  var equalToStart = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) === (selectedStartDate === null || selectedStartDate === void 0 ? void 0 : selectedStartDate.getTime());
+  return equalToStart;
+}
+
+function areEqual(dateOne, dateTwo) {
+  var equal = (dateOne === null || dateOne === void 0 ? void 0 : dateOne.getTime()) === (dateTwo === null || dateTwo === void 0 ? void 0 : dateTwo.getTime());
+  return equal;
+}
+
+function isBeforeStart(calendarDate, selectedStartDate) {
+  var beforeStart = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) < (selectedStartDate === null || selectedStartDate === void 0 ? void 0 : selectedStartDate.getTime());
+  return beforeStart;
+}
+
+function isAfterStart(calendarDate, selectedStartDate) {
+  var afterStart = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) > (selectedStartDate === null || selectedStartDate === void 0 ? void 0 : selectedStartDate.getTime());
+  return afterStart;
+}
+
+function withinRangeBeforeStart(calendarDate, dateToCompare, selectedStartDate) {
+  var isWithinRangeBeforeStart = (selectedStartDate === null || selectedStartDate === void 0 ? void 0 : selectedStartDate.getTime()) < (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) && (dateToCompare === null || dateToCompare === void 0 ? void 0 : dateToCompare.getTime()) > (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime());
+  return isWithinRangeBeforeStart;
+}
+
+function withinRangeAfterStart(calendarDate, dateToCompare, selectedStartDate) {
+  var isWithinRangeAfterStart = (selectedStartDate === null || selectedStartDate === void 0 ? void 0 : selectedStartDate.getTime()) > (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) && (dateToCompare === null || dateToCompare === void 0 ? void 0 : dateToCompare.getTime()) < (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime());
+  return isWithinRangeAfterStart;
+}
+
+function withinRange(calendarDate, dateToCompare, selectedStartDate) {
+  return withinRangeBeforeStart(calendarDate, dateToCompare, selectedStartDate) || withinRangeAfterStart(calendarDate, dateToCompare, selectedStartDate);
+}
+
+function isDateBeforeToday(calendarDate, today) {
+  var isBeforeToday = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getFullYear()) <= (today === null || today === void 0 ? void 0 : today.getFullYear()) && (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getMonth()) < (today === null || today === void 0 ? void 0 : today.getMonth()) || (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getMonth()) === (today === null || today === void 0 ? void 0 : today.getMonth()) && (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getDate()) < (today === null || today === void 0 ? void 0 : today.getDate());
+  return isBeforeToday;
+}
+
+function isBeforeDisabledDate(calendarDate, disableBeforeDate) {
+  var beforeDisabledDate = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) < (disableBeforeDate === null || disableBeforeDate === void 0 ? void 0 : disableBeforeDate.getTime());
+  return beforeDisabledDate;
+}
+
+function isAfterDisabledDate(calendarDate, disableAfterDate) {
+  var afterDisabledDate = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) > (disableAfterDate === null || disableAfterDate === void 0 ? void 0 : disableAfterDate.getTime());
+  return afterDisabledDate;
+}
+
+function isToday(calendarDate, today) {
+  var isSameDate = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getDate()) === (today === null || today === void 0 ? void 0 : today.getDate());
+  var isSameMonth = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getMonth()) === (today === null || today === void 0 ? void 0 : today.getMonth());
+  var isSameYear = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getFullYear()) === (today === null || today === void 0 ? void 0 : today.getFullYear());
+
+  if (isSameDate && isSameMonth && isSameYear) {
+    return true;
+  } else {
+    return false;
+  }
+}

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

@@ -0,0 +1,71 @@
+"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

@@ -0,0 +1,51 @@
+"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

@@ -0,0 +1,245 @@
+"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;

package/dist/components/Divider/Divider.js

@@ -1,22 +1,38 @@
 "use strict";
 
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+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 _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _react2 = require("@chakra-ui/react");
+
 var _Divider = require("./Divider.styles");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-const Divider = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    variant,
-    colorScheme: borderColor,
-    ...props
-  } = _ref;
+
+var _excluded = ["variant", "colorScheme"];
+
+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; }
+
+var Divider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var variant = _ref.variant,
+      borderColor = _ref.colorScheme,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_react2.Divider, (0, _extends2.default)({}, _Divider.colorScheme[borderColor], {
     variant: variant
   }, props, {

package/dist/components/Divider/Divider.stories.js

@@ -1,14 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Divider = void 0;
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _Divider = require("./Divider.styles");
+
 var _Divider2 = _interopRequireDefault(require("./Divider"));
+
 var _react2 = require("@chakra-ui/react");
+
 var _default = {
   title: 'v2/Divider',
   component: _Divider2.default,
@@ -16,7 +24,7 @@ var _default = {
     colorScheme: {
       control: {
         type: 'select',
-        options: Object.keys(_Divider.colorScheme)
+        options: (0, _keys.default)(_Divider.colorScheme)
       }
     },
     variant: {
@@ -28,8 +36,12 @@ var _default = {
   }
 };
 exports.default = _default;
-const Template = props => /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Over HowdyHowdyHowdy"), /*#__PURE__*/_react.default.createElement(_Divider2.default, props), /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Under HowdyHowdyHowdy"));
-const Divider = Template.bind({});
+
+var Template = function Template(props) {
+  return /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Over HowdyHowdyHowdy"), /*#__PURE__*/_react.default.createElement(_Divider2.default, props), /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Under HowdyHowdyHowdy"));
+};
+
+var Divider = Template.bind({});
 exports.Divider = Divider;
 Divider.args = {
   variant: 'solid',

package/dist/components/Divider/Divider.styles.js

@@ -1,13 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.colorScheme = void 0;
+
 var _merge = _interopRequireDefault(require("lodash/merge"));
+
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-const colorScheme = {
+
+var colorScheme = {
   low: {
     borderColor: 'gray.100'
   },
@@ -16,7 +20,9 @@ const colorScheme = {
   }
 };
 exports.colorScheme = colorScheme;
+
 var _default = (0, _merge.default)(_theme.default.components.Divider, {
-  colorScheme
+  colorScheme: colorScheme
 });
+
 exports.default = _default;