@sproutsocial/racine 13.7.1 → 14.0.0

package/__flow__/utils/hooks.js

@@ -1,179 +0,0 @@
-'no babel-plugin-flow-react-proptypes';
-
-// @flow
-import { useState, useCallback, useEffect, useMemo, useReducer, useRef } from 'react';
-import { canUseDOM } from "./";
-export function useTextContent(initial: string) {
-  const [textContent, setTextContent] = useState(initial);
-  const ref = useCallback((node: Node) => {
-    if (node !== null) {
-      setTextContent(node.textContent);
-    }
-  }, []);
-  ref.current = textContent;
-  return ref;
-}
-type TypeMutationObserverInitRequired = {|
-  childList: true
-|} | {|
-  attributes: true
-|} | {|
-  characterData: true
-|};
-type TypeMutationObserverInit = {
-  ...TypeMutationObserverInitRequired,
-  subtree?: boolean,
-  attributeOldValue?: boolean,
-  characterDataOldValue?: boolean,
-  attributeFilter?: Array<string>,
-  ...
-};
-type TypeMutationObserverCallback = (mutationList?: MutationRecord[], observer?: MutationObserver) => any;
-const defaultCallback: TypeMutationObserverCallback = mutationList => mutationList;
-export function useMutationObserver(targetNode: ?Node, config: TypeMutationObserverInit, callback?: TypeMutationObserverCallback = defaultCallback) {
-  if (!canUseDOM()) {
-    return;
-  }
-  /* eslint-disable-next-line */
-  const [value, setValue] = useState(undefined);
-  /* eslint-disable-next-line */
-  const observer = useMemo(() => new MutationObserver((mutationList, observer) => {
-    const result = callback(mutationList, observer);
-    setValue(result);
-  }), [callback]);
-  /* eslint-disable-next-line */
-  useEffect(() => {
-    if (targetNode) {
-      observer.observe(targetNode, config);
-      return () => {
-        observer.disconnect();
-      };
-    }
-  }, [targetNode, config, observer]);
-  return value;
-}
-export function useMutationObserverOnce(targetNode: ?Node, config: TypeMutationObserverInit, callback: TypeMutationObserverCallback) {
-  const [isObserving, setObserving] = useState(true);
-  const node = isObserving ? targetNode : null;
-  const value = useMutationObserver(node, config, callback);
-  if (value !== undefined && isObserving) {
-    setObserving(false);
-  }
-  return value;
-}
-type TypeSingleSelectProps<T: string> = {|
-  initialValue?: T | '',
-  onChange?: (value: string | T) => any,
-|};
-type TypeMultiSelectProps<T: string> = {|
-  initialValue?: T[],
-  onChange?: (value: Array<string | T>) => any,
-|};
-export const useSelect = <T: string>({
-  initialValue = '',
-  onChange: userOnChange = () => {}
-}: TypeSingleSelectProps<T> = {
-  initialValue: '',
-  onChange: () => {}
-}) => {
-  const [value, setValue] = useState(initialValue);
-  const onChange = useCallback((newValue: string) => {
-    if (newValue !== value) {
-      setValue(newValue);
-      userOnChange(newValue);
-    }
-  }, [userOnChange, value]);
-  return {
-    value,
-    onChange
-  };
-};
-const valueReducer = (state, action) => {
-  const newState = new Set(state);
-  switch (action.type) {
-    case 'reset':
-      {
-        return new Set();
-      }
-    case 'toggle_item':
-    default:
-      {
-        if (newState.has(action.value)) {
-          newState.delete(action.value);
-        } else {
-          newState.add(action.value);
-        }
-        return newState;
-      }
-  }
-};
-export const useMultiselect = <T: string>({
-  initialValue = [],
-  onChange: userOnChange = () => {}
-}: TypeMultiSelectProps<T> = {
-  initialValue: [],
-  onChange: () => {}
-}) => {
-  const [value, dispatch] = useReducer(valueReducer, new Set(initialValue));
-  const getArrayValue = (value: Set<string | T>) => Array.from<string | T>(value);
-  const onChange = useCallback((newValue: string) => {
-    dispatch({
-      type: 'toggle_item',
-      value: newValue
-    });
-  }, [dispatch]);
-  const isFirstRun = useRef(true);
-  useEffect(() => {
-    if (isFirstRun.current) {
-      isFirstRun.current = false;
-      return;
-    }
-    userOnChange(getArrayValue(value));
-  }, [userOnChange, value]);
-  const onClear = useCallback(() => {
-    dispatch({
-      type: 'reset'
-    });
-  }, [dispatch]);
-  return {
-    value: getArrayValue(value),
-    onChange,
-    onClear
-  };
-};
-export function useWhyDidYouUpdate(name: string, props: Object) {
-  // Get a mutable ref object where we can store props ...
-  // ... for comparison next time this hook runs.
-  const previousProps = useRef({});
-  useEffect(() => {
-    if (previousProps.current) {
-      // Get all keys from previous and current props
-      const allKeys = Object.keys({
-        ...previousProps.current,
-        ...props
-      });
-      // Use this object to keep track of changed props
-      const changesObj = {};
-      // Iterate through keys
-      allKeys.forEach(key => {
-        // If previous is different from current
-        if (previousProps.current[key] !== props[key]) {
-          // Add to changesObj
-          changesObj[key] = {
-            from: previousProps.current[key],
-            to: props[key]
-          };
-        }
-      });
-
-      // If changesObj not empty then output to console
-      if (Object.keys(changesObj).length) {
-        // eslint-disable-next-line no-console
-        console.log('[why-did-you-update]', name, changesObj);
-      }
-    }
-
-    // Finally update previousProps with current props for next hook call
-    previousProps.current = props;
-  });
-}

package/__flow__/utils/index.js

@@ -1,26 +0,0 @@
-// @flow
-
-import { type ElementRef } from 'react';
-export const canUseDOM = () => {
-  return Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
-};
-type TypeRef = {|
-  current: null | HTMLInputElement
-|} | ((ElementRef<any> | HTMLElement) => void);
-
-// Allows a component to pass its own ref *and* a ref prop to the same element.
-// Via https://www.davedrinks.coffee/how-do-i-use-two-react-refs/
-export const mergeRefs = (refs: (?TypeRef)[]) => {
-  const filteredRefs = refs.filter(Boolean);
-  if (!filteredRefs.length) return null;
-  if (filteredRefs.length === 0) return filteredRefs[0];
-  return (inst: any) => {
-    for (const ref of filteredRefs) {
-      if (typeof ref === 'function') {
-        ref(inst);
-      } else if (ref) {
-        ref.current = inst;
-      }
-    }
-  };
-};

package/__flow__/utils/innerText.js

@@ -1,32 +0,0 @@
-// @flow
-
-// Copied from 'script/core/react/innerText.js' in web-app-core
-
-const hasOwnProperty = (obj: Object, property: string): boolean => {
-  return Object.prototype.hasOwnProperty.call(obj, property);
-};
-const hasChildren = (node: React$Node): boolean => {
-  return hasOwnProperty(node, 'children');
-};
-const hasProps = (node: React$Node): boolean => {
-  return hasOwnProperty(node, 'props');
-};
-const reduceNodeToString = (previous: string, current: React$Node): string => {
-  return previous.length ? `${previous} ${innerText(current)}` : innerText(current);
-};
-const innerText = (node: React$Node): string => {
-  if (node === null || typeof node === 'undefined' || typeof node === 'boolean') {
-    return '';
-  } else if (typeof node === 'string') {
-    return node;
-  } else if (typeof node === 'number') {
-    return node.toString();
-  } else if (Array.isArray(node)) {
-    return node.reduce<string>(reduceNodeToString, '');
-    // $FlowIssue - Portal and Iterable
-  } else if (hasProps(node) && hasChildren(node.props)) {
-    return innerText(node.props.children);
-  }
-  return '';
-};
-export default innerText;

package/__flow__/utils/mixins.js

@@ -1,40 +0,0 @@
-// @flow strict-local
-import { transparentize } from 'polished';
-import { css } from 'styled-components';
-import theme from "../themes/light/theme";
-export const svgToDataURL = (svgStr: string) => {
-  const encoded = encodeURIComponent(svgStr).replace(/'/g, '%27').replace(/"/g, '%22');
-  const header = 'data:image/svg+xml,';
-  const dataUrl = header + encoded;
-  return dataUrl;
-};
-export const visuallyHidden = css`
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-  border: 0;
-`;
-export const focusRing = css`
-  box-shadow: 0 0 0 1px ${theme.colors.button.primary.background.base},
-    0 0px 0px 4px
-      ${transparentize(0.7, theme.colors.button.primary.background.base)};
-  outline: none;
-
-  &::-moz-focus-inner {
-    border: 0;
-  }
-`;
-export const pill = css`
-  min-width: ${theme.space[600]};
-  min-height: ${theme.space[600]};
-  padding: ${theme.space[300]} ${theme.space[350]};
-  border-radius: ${theme.radii.pill};
-`;
-export const disabled = css`
-  opacity: 0.4;
-  pointer-events: none;
-`;

package/__flow__/utils/react-testing-library.js

@@ -1,32 +0,0 @@
-// @flow
-import * as React from 'react';
-import { act, cleanup, createEvent, fireEvent, queries, render, screen as defaultScreen, wait, waitFor, waitForElement, waitForElementToBeRemoved, within } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import ThemeProvider from "../ThemeProvider";
-import { a11yCheck } from "./a11yTest";
-import { dataQaLabelQueries } from "./dataQaLabelQueries";
-const sproutQueries = {
-  ...queries,
-  ...dataQaLabelQueries
-};
-const customRender = (node: React.Node, options: any) => {
-  const utils = render(node, {
-    ...options,
-    queries: sproutQueries,
-    wrapper: ThemeProvider
-  });
-  const runA11yCheck = async () => {
-    await a11yCheck(utils.container);
-  };
-  return {
-    ...utils,
-    runA11yCheck
-  };
-};
-const customWithin = (element: HTMLElement) => within(element, sproutQueries);
-const boundQueries = within(document.body, sproutQueries);
-const customScreen = {
-  ...defaultScreen,
-  ...boundQueries
-};
-export { act, cleanup, createEvent, customRender as render, customWithin as within, fireEvent, customScreen as screen, userEvent, wait, waitFor, waitForElement, waitForElementToBeRemoved };

package/__flow__/utils/responsiveProps/index.js

@@ -1,28 +0,0 @@
-// @flow
-import theme from "../../themes/light/theme";
-import type { TypeResponsive } from "../../types/system-props.flow";
-const breakpoints = theme.breakpoints;
-const LENGTH = breakpoints.length + 1;
-export const normalizeResponsiveProp = (value: TypeResponsive<any>): TypeResponsive<any> => {
-  if (['string', 'number'].includes(typeof value)) {
-    return Array(LENGTH).fill(value);
-  }
-  if (value.length) {
-    switch (value.length) {
-      case 1:
-        return Array(LENGTH).fill(value[0]);
-      case 2:
-        return [value[0], ...Array(LENGTH - 1).fill(value[1])];
-      case 3:
-        return [value[0], value[1], ...Array(LENGTH - 2).fill(value[2])];
-      case 4:
-        return [value[0], value[1], value[2], ...Array(LENGTH - 3).fill(value[3])];
-      case 5:
-        return value;
-      default:
-        throw new Error(`Invalid responsive prop length: ${JSON.stringify(value)}`);
-    }
-  } else {
-    throw new Error(`Invalid responsive prop type: ${JSON.stringify(value)}`);
-  }
-};

package/__flow__/utils/system-props.js

@@ -1,17 +0,0 @@
-// @flow
-// eslint-disable-next-line no-restricted-syntax
-import * as styles from 'styled-system';
-const typeScale = styles.variant({
-  key: 'typography',
-  prop: 'typeScale'
-});
-export const COMMON = styles.compose(styles.color, styles.space, styles.system({
-  cursor: true,
-  whiteSpace: true
-}));
-export const BORDER = styles.compose(styles.border, styles.borderTop, styles.borderRight, styles.borderBottom, styles.borderLeft, styles.borderWidth, styles.borderStyle, styles.borderColor, styles.borderRadius, styles.border.borderBottomLeftRadius, styles.border.borderBottomRightRadius, styles.border.borderTopLeftRadius, styles.border.borderTopRightRadius, styles.boxShadow);
-export const TYPOGRAPHY = styles.compose(typeScale, styles.fontFamily, styles.fontStyle, styles.fontWeight, styles.lineHeight, styles.textAlign);
-export const LAYOUT = styles.compose(styles.display, styles.size, styles.width, styles.height, styles.minWidth, styles.minHeight, styles.maxWidth, styles.maxHeight, styles.overflow, styles.verticalAlign);
-export const POSITION = styles.compose(styles.position, styles.zIndex, styles.top, styles.right, styles.bottom, styles.left);
-export const FLEXBOX = styles.compose(styles.flexBasis, styles.flexDirection, styles.flexWrap, styles.alignContent, styles.alignItems, styles.justifyContent, styles.justifyItems, styles.order, styles.flex, styles.flexShrink, styles.flexGrow, styles.justifySelf, styles.alignSelf);
-export const GRID = styles.grid;

package/__flow__/utils/useInteractiveColor.js

@@ -1,28 +0,0 @@
-//@flow strict-local
-import { darken, lighten } from 'polished';
-import { useTheme } from 'styled-components';
-
-/**
- * The useInteractiveColor hook has context of theme mode (light or dark)
- * and can be used to lighten or darken a color dynamically
- *
- * note: colors are limited to our theme colors
- */
-const useInteractiveColor = (themeColor: string): string => {
-  // Throw error if used outside of a ThemeProvider (styled-components)
-  if (!useTheme()) {
-    throw new Error('useInteractiveColor() must be used within a Styled Components ThemeProvider');
-  }
-
-  // Get the current theme mode ie. 'light' or 'dark'
-  const themeMode = useTheme().mode;
-
-  // If the theme mode is dark, return a lightened version of the themeValue
-  if (themeMode === 'dark') {
-    return lighten(0.2, themeColor);
-  } else {
-    // If the theme mode is light, return a darkened version of the themeValue
-    return darken(0.2, themeColor);
-  }
-};
-export { useInteractiveColor };

package/commonjs/DatePicker/DateRangePicker.js

@@ -1,32 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _DayPickerRangeController = _interopRequireDefault(require("react-dates/lib/components/DayPickerRangeController"));
-var _styles = require("./styles");
-var _common = require("./common");
-var _excluded = ["startDate", "endDate", "onDatesChange"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var DateRangePicker = function DateRangePicker(_ref) {
-  var startDate = _ref.startDate,
-    endDate = _ref.endDate,
-    onDatesChange = _ref.onDatesChange,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.ReactDatesCssOverrides, null), /*#__PURE__*/_react.default.createElement(_DayPickerRangeController.default, _extends({
-    startDate: startDate,
-    endDate: endDate,
-    onDatesChange: onDatesChange,
-    numberOfMonths: 2
-  }, _common.commonDatePickerProps, rest)));
-};
-var _default = DateRangePicker;
-exports.default = _default;

package/commonjs/DatePicker/SingleDatePicker.js

@@ -1,30 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _DayPickerSingleDateController = _interopRequireDefault(require("react-dates/lib/components/DayPickerSingleDateController"));
-var _styles = require("./styles");
-var _common = require("./common");
-var _excluded = ["onDateChange", "date"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var SingleDatePicker = function SingleDatePicker(_ref) {
-  var onDateChange = _ref.onDateChange,
-    date = _ref.date,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.ReactDatesCssOverrides, null), /*#__PURE__*/_react.default.createElement(_DayPickerSingleDateController.default, _extends({
-    date: date,
-    numberOfMonths: 1,
-    onDateChange: onDateChange
-  }, _common.commonDatePickerProps, rest)));
-};
-var _default = /*#__PURE__*/_react.default.memo(SingleDatePicker);
-exports.default = _default;

package/commonjs/DatePicker/StatefulDateRangePicker.js

@@ -1,65 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StatefulDateRangePicker = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _constants = require("react-dates/constants");
-var _DateRangePicker = _interopRequireDefault(require("./DateRangePicker"));
-var _excluded = ["startDate", "endDate", "onDatesChange", "onFocusChange"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var StatefulDateRangePicker = function StatefulDateRangePicker(_ref) {
-  var startDate = _ref.startDate,
-    endDate = _ref.endDate,
-    onDatesChange = _ref.onDatesChange,
-    onFocusChange = _ref.onFocusChange,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)({
-      startDate: startDate,
-      endDate: endDate
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    dates = _useState2[0],
-    setDate = _useState2[1];
-  var _React$useState = _react.default.useState(_constants.START_DATE),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    focusedInput = _React$useState2[0],
-    setFocusedInput = _React$useState2[1];
-  var handleDatesChange = function handleDatesChange(nextDates) {
-    onDatesChange && onDatesChange(nextDates);
-    setDate(nextDates);
-  };
-  var handleFocusChange = function handleFocusChange(nextFocusedInput) {
-    onFocusChange && onFocusChange(nextFocusedInput);
-    setFocusedInput(
-    // null means that we've selected an end date. we want to go back to START_DATE
-    // so the user can modify their selection. if focusedInput === null then it won't
-    // respond to click or keyboard events
-    nextFocusedInput === null ? _constants.START_DATE : nextFocusedInput);
-  };
-  return (
-    /*#__PURE__*/
-    // $FlowIssue
-    _react.default.createElement(_DateRangePicker.default, _extends({
-      startDate: dates.startDate,
-      endDate: dates.endDate,
-      focusedInput: focusedInput,
-      onDatesChange: handleDatesChange,
-      onFocusChange: handleFocusChange
-    }, rest))
-  );
-};
-exports.StatefulDateRangePicker = StatefulDateRangePicker;

package/commonjs/DatePicker/StatefulSingleDatePicker.js

@@ -1,44 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StatefulSingleDatePicker = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _SingleDatePicker = _interopRequireDefault(require("./SingleDatePicker"));
-var _excluded = ["date", "onDateChange"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var StatefulSingleDatePicker = function StatefulSingleDatePicker(_ref) {
-  var date = _ref.date,
-    onDateChange = _ref.onDateChange,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(date),
-    _useState2 = _slicedToArray(_useState, 2),
-    stateDate = _useState2[0],
-    setDate = _useState2[1];
-  var handleDateChange = function handleDateChange(date) {
-    onDateChange && onDateChange(date);
-    setDate(date);
-  };
-  return (
-    /*#__PURE__*/
-    // $FlowIssue
-    _react.default.createElement(_SingleDatePicker.default, _extends({
-      date: stateDate,
-      onDateChange: handleDateChange
-    }, rest))
-  );
-};
-exports.StatefulSingleDatePicker = StatefulSingleDatePicker;