@spothero/ui 17.1.0-beta.5 → 17.1.0

package/dist/components/Datepicker/Range/DatepickerRange.stories.js

@@ -1,427 +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.WithInitialStartDate = exports.WithInitialStartAndEndDate = exports.WithFormControl = exports.WithCustomPlaceholder = exports.UseInputIcons = 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 _DatepickerRange = _interopRequireDefault(require("./DatepickerRange"));
-
-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/DatepickerRange',
-  component: {
-    DatepickerRange: _DatepickerRange.default
-  },
-  parameters: {
-    importBy: 'DatepickerRange',
-    removeBaseHtmlClass: true
-  },
-  argTypes: {
-    initialStartDate: {
-      description: 'An optional (pre-selected) Start Date to populate the Datepicker Range with',
-      control: {
-        type: 'text'
-      },
-      table: {
-        category: 'display',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    initialEndDate: {
-      description: 'An optional (pre-selected) End Date to populate the Datepicker Range 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
-    },
-    startDateInputLabelText: {
-      description: 'A string to use as the Start Input form label',
-      control: {
-        type: 'text'
-      },
-      table: {
-        category: 'display',
-        type: {
-          summary: 'string'
-        },
-        defaultValue: {
-          summary: 'Enter After'
-        }
-      },
-      defaultValue: 'Enter After'
-    },
-    startDateInputPlaceholderText: {
-      description: 'A string to use as the Start Input placeholder text',
-      control: {
-        type: 'text'
-      },
-      table: {
-        category: 'display',
-        type: {
-          summary: 'string'
-        },
-        defaultValue: {
-          summary: 'Select Start Date'
-        }
-      },
-      defaultValue: 'Select Start Date'
-    },
-    startDateInputErrorText: {
-      description: 'A string to use as the Start Input form Error Text',
-      control: {
-        type: 'text'
-      },
-      table: {
-        category: 'display',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    endDateInputLabelText: {
-      description: 'A string to use as the End Input form label',
-      control: {
-        type: 'text'
-      },
-      table: {
-        category: 'display',
-        type: {
-          summary: 'string'
-        },
-        defaultValue: {
-          summary: 'Exit Before'
-        }
-      },
-      defaultValue: 'Exit Before'
-    },
-    endDateInputPlaceholderText: {
-      description: 'A string to use as the End Input placeholder text',
-      control: {
-        type: 'text'
-      },
-      table: {
-        category: 'display',
-        type: {
-          summary: 'string'
-        },
-        defaultValue: {
-          summary: 'Select End Date'
-        }
-      },
-      defaultValue: 'Select End Date'
-    },
-    endDateInputErrorText: {
-      description: 'A string to use as the End Input form Error Text',
-      control: {
-        type: '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'
-        }
-      }
-    },
-    isStartInvalid: {
-      description: 'Whether to display the Start Date Input as invalid or not',
-      control: {
-        type: 'boolean'
-      },
-      table: {
-        category: 'interaction',
-        type: {
-          summary: 'boolean'
-        },
-        defaultValue: {
-          summary: false
-        }
-      },
-      defaultValue: false
-    },
-    isEndInvalid: {
-      description: 'Whether to display the End 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'
-        }
-      }
-    },
-    datepickerRangeOverrides: {
-      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 DatepickerRangeTemplate = function DatepickerRangeTemplate(props) {
-  return /*#__PURE__*/_react.default.createElement(_DatepickerRange.default, props);
-};
-
-var Default = DatepickerRangeTemplate.bind({});
-exports.Default = Default;
-var WithInitialStartDate = DatepickerRangeTemplate.bind({});
-exports.WithInitialStartDate = WithInitialStartDate;
-WithInitialStartDate.args = {
-  initialStartDate: new Intl.DateTimeFormat('en-US').format(new Date().setDate(new Date().getDate() + 1)),
-  initialEndDate: ''
-};
-WithInitialStartDate.argTypes = _objectSpread({}, (0, _disableArgs.default)(['disableBefore', 'disableAfter', 'onDateChange', 'usePortal', 'startDateInputPlaceholderText', 'endDateInputPlaceholderText', 'isStartInvalid', 'isEndInvalid', 'useInputIcons', 'startDateInputLabelText', 'endDateInputLabelText', 'startDateInputErrorText', 'endDateInputErrorText', 'datepickerRangeOverrides']));
-var WithInitialStartAndEndDate = DatepickerRangeTemplate.bind({});
-exports.WithInitialStartAndEndDate = WithInitialStartAndEndDate;
-WithInitialStartAndEndDate.args = {
-  initialStartDate: new Intl.DateTimeFormat('en-US').format(new Date().setDate(new Date().getDate() - 3)),
-  initialEndDate: new Intl.DateTimeFormat('en-US').format(new Date().setDate(new Date().getDate() + 5))
-};
-WithInitialStartAndEndDate.argTypes = _objectSpread({}, (0, _disableArgs.default)(['disableBefore', 'disableAfter', 'onDateChange', 'usePortal', 'startDateInputPlaceholderText', 'endDateInputPlaceholderText', 'isStartInvalid', 'isEndInvalid', 'useInputIcons', 'startDateInputLabelText', 'endDateInputLabelText', 'startDateInputErrorText', 'endDateInputErrorText', 'datepickerRangeOverrides']));
-var DisableBeforeAfter = DatepickerRangeTemplate.bind({});
-exports.DisableBeforeAfter = DisableBeforeAfter;
-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))
-};
-DisableBeforeAfter.argTypes = _objectSpread({}, (0, _disableArgs.default)(['onDateChange', 'usePortal', 'startDateInputPlaceholderText', 'endDateInputPlaceholderText', 'initialStartDate', 'initialEndDate', 'isStartInvalid', 'isEndInvalid', 'useInputIcons', 'startDateInputLabelText', 'endDateInputLabelText', 'startDateInputErrorText', 'endDateInputErrorText', 'datepickerRangeOverrides']));
-var UseInputIcons = DatepickerRangeTemplate.bind({});
-exports.UseInputIcons = UseInputIcons;
-UseInputIcons.args = {
-  useInputIcons: true
-};
-UseInputIcons.argTypes = _objectSpread({}, (0, _disableArgs.default)(['onDateChange', 'usePortal', 'startDateInputPlaceholderText', 'endDateInputPlaceholderText', 'initialStartDate', 'initialEndDate', 'disableBefore', 'disableAfter', 'isStartInvalid', 'isEndInvalid', 'startDateInputLabelText', 'endDateInputLabelText', 'startDateInputErrorText', 'endDateInputErrorText', 'datepickerRangeOverrides']));
-var WithCustomPlaceholder = DatepickerRangeTemplate.bind({});
-exports.WithCustomPlaceholder = WithCustomPlaceholder;
-WithCustomPlaceholder.args = {
-  startDateInputPlaceholderText: 'Hey a Placeholder!',
-  endDateInputPlaceholderText: 'Oh, look another one'
-};
-WithCustomPlaceholder.argTypes = _objectSpread({}, (0, _disableArgs.default)(['onDateChange', 'usePortal', 'initialStartDate', 'initialEndDate', 'disableBefore', 'disableAfter', 'isStartInvalid', 'isEndInvalid', 'useInputIcons', 'startDateInputLabelText', 'endDateInputLabelText', 'startDateInputErrorText', 'endDateInputErrorText', 'datepickerRangeOverrides']));
-var WithFormControl = DatepickerRangeTemplate.bind({});
-exports.WithFormControl = WithFormControl;
-WithFormControl.args = {
-  isStartInvalid: false,
-  isEndInvalid: false,
-  useInputIcons: true,
-  startDateInputLabelText: 'Custom Start Label',
-  startDateInputErrorText: 'Start Date Error Message',
-  endDateInputLabelText: 'Custom End Label',
-  endDateInputErrorText: 'End Date Error Message'
-};
-WithFormControl.argTypes = _objectSpread({}, (0, _disableArgs.default)(['onDateChange', 'startDateInputPlaceholderText', 'endDateInputPlaceholderText', 'initialStartDate', 'initialEndDate', 'disableBefore', 'disableAfter', 'datepickerRangeOverrides']));
-var WithOverrides = DatepickerRangeTemplate.bind({});
-exports.WithOverrides = WithOverrides;
-WithOverrides.argTypes = _objectSpread(_objectSpread({}, (0, _disableArgs.default)(['onDateChange', 'usePortal', 'startDateInputPlaceholderText', 'endDateInputPlaceholderText', 'initialStartDate', 'initialEndDate', 'disableBefore', 'disableAfter', 'isStartInvalid', 'isEndInvalid', 'useInputIcons', 'startDateInputLabelText', 'endDateInputLabelText', 'startDateInputErrorText', 'endDateInputErrorText'])), {}, {
-  datepickerRangeOverrides: {
-    control: 'object'
-  }
-});
-WithOverrides.args = {
-  datepickerRangeOverrides: {
-    datepickerRangeControlsOverrides: {
-      controlsContainer: {},
-      startDateInputComponentOverrides: {
-        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'
-        }
-      },
-      endDateInputComponentOverrides: {
-        formControl: {
-          backgroundColor: 'red.100'
-        },
-        formLabel: {
-          color: 'blue',
-          fontWeight: 'light',
-          fontSize: '1.5rem'
-        },
-        inputGroup: {
-          size: 'lg'
-        },
-        input: {
-          borderColor: 'green.800',
-          _hover: {
-            borderColor: 'secondary.400'
-          }
-        },
-        inputRightElement: {
-          backgroundColor: 'primary.default'
-        },
-        formErrorMessage: {
-          color: 'secondary.900'
-        }
-      }
-    },
-    popover: {
-      offset: [150, 150]
-    },
-    portal: {},
-    popoverContent: {
-      width: 460,
-      borderRadius: 'sm',
-      boxShadow: 'sm',
-      borderColor: 'gray.700'
-    },
-    datepickerRangeBodyOverrides: {
-      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/Range/DatepickerRangeContext.js

@@ -1,80 +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.useDatepickerRange = exports.DatepickerRangeProvider = exports.DatepickerRangeContext = 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 DatepickerRangeContext = /*#__PURE__*/(0, _react.createContext)({});
-exports.DatepickerRangeContext = DatepickerRangeContext;
-
-var useDatepickerRange = function useDatepickerRange() {
-  return (0, _react.useContext)(DatepickerRangeContext);
-};
-
-exports.useDatepickerRange = useDatepickerRange;
-
-var DatepickerRangeProvider = function DatepickerRangeProvider(_ref) {
-  var _ref$initialStartDate = _ref.initialStartDate,
-      initialStartDate = _ref$initialStartDate === void 0 ? null : _ref$initialStartDate,
-      _ref$initialEndDate = _ref.initialEndDate,
-      initialEndDate = _ref$initialEndDate === void 0 ? null : _ref$initialEndDate,
-      _ref$disableBefore = _ref.disableBefore,
-      disableBefore = _ref$disableBefore === void 0 ? null : _ref$disableBefore,
-      _ref$disableAfter = _ref.disableAfter,
-      disableAfter = _ref$disableAfter === void 0 ? null : _ref$disableAfter,
-      isStartInvalid = _ref.isStartInvalid,
-      isEndInvalid = _ref.isEndInvalid,
-      children = _ref.children;
-  // Now
-  var now = new Date(); // Today
-
-  var today = (0, _react.useState)(now); // Stored as the JS date object
-
-  var date = (0, _react.useState)(new Date(initialStartDate || now)); // Currently selected start date
-
-  var selectedStartDate = (0, _react.useState)(initialStartDate ? new Date(initialStartDate) : null); // Currently selected end date
-
-  var selectedEndDate = (0, _react.useState)(initialStartDate && initialEndDate ? new Date(initialEndDate) : null); // Boolean for if start input is selected
-
-  var startIsSelected = (0, _react.useState)(false); // Boolean for if end input is selected
-
-  var endIsSelected = (0, _react.useState)(false); // 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(DatepickerRangeContext.Provider, {
-    value: {
-      today: today,
-      date: date,
-      selectedStartDate: selectedStartDate,
-      selectedEndDate: selectedEndDate,
-      startIsSelected: startIsSelected,
-      endIsSelected: endIsSelected,
-      disableBeforeDate: disableBeforeDate,
-      disableAfterDate: disableAfterDate,
-      isStartInvalid: isStartInvalid,
-      isEndInvalid: isEndInvalid,
-      disclosure: disclosure
-    }
-  }, children);
-};
-
-exports.DatepickerRangeProvider = DatepickerRangeProvider;