@spothero/ui 17.1.0-beta.5 → 17.1.0

package/dist/components/Datepicker/Range/utils/propTypes.js

@@ -1,158 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.datepickerRangeOverridesProps = exports.datepickerRangeControlsOverridesProps = exports.datepickerRangeContextProps = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _sharedPropTypes = require("../../common/utils/sharedPropTypes");
-
-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: _sharedPropTypes.inputComponentOverridesProps,
-
-  /** Overrides for the End Date Input components */
-  endDateInputComponentOverrides: _sharedPropTypes.inputComponentOverridesProps
-});
-
-exports.datepickerRangeControlsOverridesProps = datepickerRangeControlsOverridesProps;
-
-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: _sharedPropTypes.datepickerBodyOverridesProps
-});
-
-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
-   */
-  onDateChange: _propTypes.default.func,
-
-  /** Whether to render the Popover within a Portal or not */
-  usePortal: _propTypes.default.bool,
-
-  /** 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 chakraUseDisclosureProps = _propTypes.default.shape({
-  isOpen: _propTypes.default.bool,
-  onOpen: _propTypes.default.func,
-  onClose: _propTypes.default.func
-});
-
-var datepickerRangeContextProps = {
-  today: _propTypes.default.shape({
-    today: _propTypes.default.instanceOf(Date),
-    setToday: _propTypes.default.func
-  }),
-  date: _propTypes.default.shape({
-    date: _propTypes.default.instanceOf(Date),
-    setDate: _propTypes.default.func
-  }),
-  selectedStartDate: _propTypes.default.shape({
-    selectedStartDate: _propTypes.default.instanceOf(Date),
-    setSelectedStartDate: _propTypes.default.func
-  }),
-  selectedEndDate: _propTypes.default.shape({
-    selectedEndDate: _propTypes.default.instanceOf(Date),
-    setSelectedEndDate: _propTypes.default.func
-  }),
-  startIsSelected: _propTypes.default.shape({
-    startIsSelected: _propTypes.default.bool,
-    setStartIsSelected: _propTypes.default.func
-  }),
-  endIsSelected: _propTypes.default.shape({
-    endIsSelected: _propTypes.default.bool,
-    setEndIsSelected: _propTypes.default.func
-  }),
-  disableBeforeDate: _propTypes.default.shape({
-    disableBeforeDate: _propTypes.default.instanceOf(Date),
-    setDisableBeforeDate: _propTypes.default.func
-  }),
-  disableAfterDate: _propTypes.default.shape({
-    disableAfterDate: _propTypes.default.instanceOf(Date),
-    setDisableAfterDate: _propTypes.default.func
-  }),
-  isStartInvalid: _propTypes.default.bool,
-  isEndInvalid: _propTypes.default.bool,
-  disclosure: _propTypes.default.instanceOf(chakraUseDisclosureProps)
-};
-exports.datepickerRangeContextProps = datepickerRangeContextProps;
-var _default = props;
-exports.default = _default;

package/dist/components/Datepicker/Single/Datepicker.stories.js

@@ -1,314 +0,0 @@
-"use strict";
-
-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 _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithOverrides = exports.WithInitialValue = exports.WithFormControl = exports.WithCustomPlaceholder = exports.UseInputIcon = exports.DisableBeforeAfter = exports.Default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
-
-var _DatepickerSingle = _interopRequireDefault(require("./DatepickerSingle"));
-
-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; }
-
-/* eslint-disable no-console */
-var _default = {
-  title: 'v2/Datepicker/DatepickerSingle',
-  component: {
-    DatepickerSingle: _DatepickerSingle.default
-  },
-  parameters: {
-    importBy: 'DatepickerSingle',
-    removeBaseHtmlClass: true
-  },
-  argTypes: {
-    initialSelectedDate: {
-      description: 'An optional (pre-selected) Selected Date to populate the Datepicker with',
-      control: {
-        type: 'text'
-      },
-      table: {
-        category: 'display',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    usePortal: {
-      description: 'Whether to render the Popover within a Portal or not',
-      control: {
-        type: 'boolean'
-      },
-      table: {
-        category: 'display',
-        type: {
-          summary: 'boolean'
-        },
-        defaultValue: {
-          summary: false
-        }
-      },
-      defaultValue: false
-    },
-    useInputIcons: {
-      description: 'Whether to show the Calendar Icon in the Input field',
-      control: {
-        type: 'boolean'
-      },
-      table: {
-        category: 'display',
-        type: {
-          summary: 'boolean'
-        },
-        defaultValue: {
-          summary: true
-        }
-      },
-      defaultValue: true
-    },
-    dateInputLabelText: {
-      description: 'A string to use as the Input form label',
-      control: 'text',
-      table: {
-        category: 'display',
-        type: {
-          summary: 'string'
-        },
-        defaultValue: {
-          summary: 'Select a Date'
-        }
-      },
-      defaultValue: 'Select a Date'
-    },
-    dateInputPlaceholderText: {
-      description: 'A string to use as the Input placeholder text',
-      control: {
-        type: 'text'
-      },
-      table: {
-        category: 'display',
-        type: {
-          summary: 'string'
-        },
-        defaultValue: {
-          summary: 'Today'
-        }
-      },
-      defaultValue: 'Today'
-    },
-    dateInputErrorText: {
-      description: 'A string to use as the Input form Error Text',
-      control: 'text',
-      table: {
-        category: 'display',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    disableBefore: {
-      description: 'A string in the format "MM/DD/YYYY" representing the date where days before it should be disabled in the calendar',
-      control: {
-        type: 'text'
-      },
-      table: {
-        category: 'interaction',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    disableAfter: {
-      description: 'A string in the format "MM/DD/YYYY" representing the date where days after it should be disabled in the calendar',
-      control: {
-        type: 'text'
-      },
-      table: {
-        category: 'interaction',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    isInvalid: {
-      description: ' Whether to display the Selected Date Input as invalid or not',
-      control: {
-        type: 'boolean'
-      },
-      table: {
-        category: 'interaction',
-        type: {
-          summary: 'boolean'
-        },
-        defaultValue: {
-          summary: false
-        }
-      },
-      defaultValue: false
-    },
-    onDateChange: {
-      description: 'A callback function to execute on changes',
-      table: {
-        category: 'events',
-        type: {
-          summary: 'function'
-        }
-      }
-    },
-    datepickerOverrides: {
-      description: 'An optional Object containing style and prop overrides to be applied to the component and child components',
-      control: {
-        type: 'object'
-      },
-      table: {
-        category: 'customization',
-        type: {
-          summary: 'object'
-        }
-      }
-    }
-  }
-};
-/* eslint-enable no-console */
-
-exports.default = _default;
-
-var DatepickerTemplate = function DatepickerTemplate(props) {
-  return /*#__PURE__*/_react.default.createElement(_DatepickerSingle.default, props);
-};
-
-var Default = DatepickerTemplate.bind({});
-exports.Default = Default;
-var WithInitialValue = DatepickerTemplate.bind({});
-exports.WithInitialValue = WithInitialValue;
-WithInitialValue.argTypes = _objectSpread({}, (0, _disableArgs.default)(['onDateChange', 'usePortal', 'disableBefore', 'disableAfter', 'isInvalid', 'useInputIcons', 'dateInputLabelText', 'dateInputPlaceholderText', 'dateInputErrorText']));
-WithInitialValue.args = {
-  initialSelectedDate: new Intl.DateTimeFormat('en-US').format(new Date().setDate(new Date().getDate() + 1))
-};
-var DisableBeforeAfter = DatepickerTemplate.bind({});
-exports.DisableBeforeAfter = DisableBeforeAfter;
-DisableBeforeAfter.argTypes = _objectSpread({}, (0, _disableArgs.default)(['onDateChange', 'usePortal', 'initialSelectedDate', 'isInvalid', 'useInputIcons', 'dateInputLabelText', 'dateInputPlaceholderText', 'dateInputErrorText']));
-DisableBeforeAfter.args = {
-  disableBefore: new Intl.DateTimeFormat('en-US').format(new Date().setDate(new Date().getDate() - 5)),
-  disableAfter: new Intl.DateTimeFormat('en-US').format(new Date().setDate(new Date().getDate() + 25))
-};
-var UseInputIcon = DatepickerTemplate.bind({});
-exports.UseInputIcon = UseInputIcon;
-UseInputIcon.argTypes = _objectSpread({}, (0, _disableArgs.default)(['onDateChange', 'usePortal', 'initialSelectedDate', 'disableBefore', 'disableAfter', 'isInvalid', 'dateInputLabelText', 'dateInputPlaceholderText', 'dateInputErrorText']));
-UseInputIcon.args = {
-  useInputIcons: true
-};
-var WithCustomPlaceholder = DatepickerTemplate.bind({});
-exports.WithCustomPlaceholder = WithCustomPlaceholder;
-WithCustomPlaceholder.argTypes = _objectSpread({}, (0, _disableArgs.default)(['onDateChange', 'usePortal', 'initialSelectedDate', 'disableBefore', 'disableAfter', 'isInvalid', 'useInputIcons', 'dateInputLabelText', 'dateInputErrorText']));
-WithCustomPlaceholder.args = {
-  dateInputPlaceholderText: 'Oh, look a placeholder'
-};
-var WithFormControl = DatepickerTemplate.bind({});
-exports.WithFormControl = WithFormControl;
-WithFormControl.argTypes = _objectSpread({}, (0, _disableArgs.default)(['onDateChange', 'usePortal', 'initialSelectedDate', 'disableBefore', 'disableAfter']));
-WithFormControl.args = {
-  isInvalid: false,
-  useInputIcons: true,
-  dateInputLabelText: 'Select A Date:',
-  dateInputErrorText: 'Date Selection Error Message'
-};
-var WithOverrides = DatepickerTemplate.bind({});
-exports.WithOverrides = WithOverrides;
-WithOverrides.argTypes = _objectSpread(_objectSpread({}, (0, _disableArgs.default)(['initialSelectedDate', 'usePortal', 'disableBefore', 'disableAfter', 'isInvalid', 'useInputIcons', 'dateInputLabelText', 'dateInputPlaceholderText', 'dateInputErrorText', 'onDateChange'])), {}, {
-  datepickerOverrides: {
-    control: 'object'
-  }
-});
-WithOverrides.args = {
-  datepickerOverrides: {
-    datepickerControlOverrides: {
-      controlsContainer: {},
-      inputComponentOverrides: {
-        formControl: {
-          backgroundColor: 'blue.100'
-        },
-        formLabel: {
-          color: 'pink',
-          fontWeight: 'bold',
-          fontSize: '1.5rem'
-        },
-        inputGroup: {
-          size: 'lg'
-        },
-        input: {
-          borderColor: 'yellow.800',
-          _hover: {
-            borderColor: 'yellow.400'
-          }
-        },
-        inputRightElement: {
-          backgroundColor: 'red.200'
-        },
-        formErrorMessage: {
-          color: 'red.900'
-        }
-      }
-    },
-    popover: {
-      offset: [150, 150]
-    },
-    portal: {},
-    popoverContent: {
-      width: 460,
-      borderRadius: 'sm',
-      boxShadow: 'sm',
-      borderColor: 'gray.700'
-    },
-    datepickerBodyOverrides: {
-      popoverBody: {
-        width: 425,
-        backgroundColor: 'blue.200'
-      },
-      datepickerHeaderOverrides: {
-        headerContainer: {
-          margin: 0
-        },
-        iconButton: {
-          size: 'lg',
-          variant: 'outline',
-          _hover: {
-            backgroundColor: 'red.200'
-          }
-        },
-        title: {
-          fontSize: 'sm'
-        }
-      },
-      datepickerDaysOverrides: {
-        table: {},
-        thead: {},
-        th: {},
-        dateRowOverrides: {
-          tbody: {},
-          tr: {},
-          td: {},
-          button: {}
-        }
-      }
-    }
-  }
-};

package/dist/components/Datepicker/Single/DatepickerContext.js

@@ -1,65 +0,0 @@
-"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");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDatepicker = exports.DatepickerProvider = exports.DatepickerContext = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("@chakra-ui/react");
-
-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 DatepickerContext = /*#__PURE__*/(0, _react.createContext)({});
-exports.DatepickerContext = DatepickerContext;
-
-var useDatepicker = function useDatepicker() {
-  return (0, _react.useContext)(DatepickerContext);
-};
-
-exports.useDatepicker = useDatepicker;
-
-var DatepickerProvider = function DatepickerProvider(_ref) {
-  var _ref$initialSelectedD = _ref.initialSelectedDate,
-      initialSelectedDate = _ref$initialSelectedD === void 0 ? null : _ref$initialSelectedD,
-      _ref$disableBefore = _ref.disableBefore,
-      disableBefore = _ref$disableBefore === void 0 ? null : _ref$disableBefore,
-      _ref$disableAfter = _ref.disableAfter,
-      disableAfter = _ref$disableAfter === void 0 ? null : _ref$disableAfter,
-      isInvalid = _ref.isInvalid,
-      children = _ref.children;
-  // Today
-  var today = (0, _react.useState)(new Date()); // Date used to keep track of what Month is in view
-
-  var date = (0, _react.useState)(initialSelectedDate ? new Date(initialSelectedDate) : new Date()); // Currently selected date
-
-  var selectedDate = (0, _react.useState)(initialSelectedDate ? new Date(initialSelectedDate) : null); // The date where days in the past should be disabled
-
-  var disableBeforeDate = (0, _react.useState)(disableBefore ? new Date(disableBefore) : null); // The date where days in the future should be disabled
-
-  var disableAfterDate = (0, _react.useState)(disableAfter ? new Date(disableAfter) : null); // Chakra's Disclosure values
-
-  var disclosure = (0, _react2.useDisclosure)();
-  return /*#__PURE__*/_react.default.createElement(DatepickerContext.Provider, {
-    value: {
-      today: today,
-      date: date,
-      selectedDate: selectedDate,
-      disableBeforeDate: disableBeforeDate,
-      disableAfterDate: disableAfterDate,
-      isInvalid: isInvalid,
-      disclosure: disclosure
-    }
-  }, children);
-};
-
-exports.DatepickerProvider = DatepickerProvider;

package/dist/components/Datepicker/Single/DatepickerSingle.js

@@ -1,54 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("./utils/propTypes"));
-
-var _DatepickerContext = require("./DatepickerContext");
-
-var _components = require("./components");
-
-var DatepickerSingle = function DatepickerSingle(_ref) {
-  var initialSelectedDate = _ref.initialSelectedDate,
-      disableBefore = _ref.disableBefore,
-      disableAfter = _ref.disableAfter,
-      onDateChange = _ref.onDateChange,
-      usePortal = _ref.usePortal,
-      isInvalid = _ref.isInvalid,
-      useInputIcons = _ref.useInputIcons,
-      dateInputLabelText = _ref.dateInputLabelText,
-      dateInputPlaceholderText = _ref.dateInputPlaceholderText,
-      dateInputErrorText = _ref.dateInputErrorText,
-      datepickerOverrides = _ref.datepickerOverrides;
-  return /*#__PURE__*/_react.default.createElement(_DatepickerContext.DatepickerProvider, {
-    initialSelectedDate: initialSelectedDate,
-    disableBefore: disableBefore,
-    disableAfter: disableAfter,
-    isInvalid: isInvalid
-  }, /*#__PURE__*/_react.default.createElement(_components.DatepickerContainer, {
-    onDateChange: onDateChange,
-    usePortal: usePortal,
-    useInputIcons: useInputIcons,
-    dateInputLabelText: dateInputLabelText,
-    dateInputPlaceholderText: dateInputPlaceholderText,
-    dateInputErrorText: dateInputErrorText,
-    datepickerOverrides: datepickerOverrides
-  }));
-};
-
-DatepickerSingle.defaultProps = {
-  usePortal: false,
-  useInputIcons: true,
-  isInvalid: false,
-  dateInputLabelText: 'Select a Date',
-  dateInputPlaceholderText: 'Today'
-};
-var _default = DatepickerSingle;
-exports.default = _default;