@elliemae/ds-shared 3.0.0-next.0 → 3.0.0-next.4

package/cjs/FocusGroup/index.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var FocusGroup = require('./FocusGroup.js');
-var FocusGroupContext = require('./FocusGroupContext.js');
-var FocusGroupManager = require('./FocusGroupManager.js');
-var useFocusGroupItem = require('./useFocusGroupItem.js');
-var focusGroupManagerHoc = require('./focusGroupManagerHoc.js');
-var FocusGrid = require('./FocusGrid.js');
-
-
-
-exports.FocusGroup = FocusGroup;
-exports.FocusGroupContext = FocusGroupContext;
-exports.FocusGroupManager = FocusGroupManager;
-exports.useFocusGroupItem = useFocusGroupItem["default"];
-exports.useFocusGroupWithState = useFocusGroupItem.useFocusGroupWithState;
-exports.focusGroupManagerHoc = focusGroupManagerHoc;
-exports.FocusGrid = FocusGrid["default"];
-exports.FocusGridContext = FocusGrid.FocusGridContext;

package/cjs/FocusGroup/useFocusGroupItem.js

@@ -1,59 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
-var FocusGroupContext = require('./FocusGroupContext.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-const _excluded = ["register", "unregister"],
-      _excluded2 = ["register", "unregister"];
-function useFocusGroupItem() {
-  let ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let props = arguments.length > 1 ? arguments[1] : undefined;
-
-  const _ref = React.useContext(FocusGroupContext) || {},
-        {
-    register,
-    unregister
-  } = _ref,
-        otherActions = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  React.useEffect(() => {
-    if (ref.current && register) register(ref.current, props);
-    return () => {
-      if (ref.current && unregister) unregister(ref.current);
-    };
-  }); // if the focus item is not wrapped with the focus provider then return null
-
-  if (!register) return {};
-  return otherActions;
-}
-const useFocusGroupWithState = function () {
-  let ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let props = arguments.length > 1 ? arguments[1] : undefined;
-
-  const _ref2 = React.useContext(FocusGroupContext) || {},
-        {
-    register,
-    unregister
-  } = _ref2,
-        otherActions = _objectWithoutProperties__default["default"](_ref2, _excluded2);
-
-  React.useEffect(() => {
-    if (ref && register) register(ref, props);
-    return () => {
-      if (ref && unregister) unregister(ref);
-    };
-  }, [ref]); // if the focus item is not wrapped with the focus provider then return null
-
-  if (!register) return {};
-  return otherActions;
-};
-
-exports["default"] = useFocusGroupItem;
-exports.useFocusGroupWithState = useFocusGroupWithState;

package/cjs/FocusGroup/utils/getNextCellPosition.js

@@ -1,60 +0,0 @@
-'use strict';
-
-// eslint-disable-next-line max-statements
-function getNextCellPosition(_ref) {
-  let {
-    grid,
-    currentRow = 0,
-    currentCell = 0,
-    directionY,
-    directionX,
-    shouldWrapCells,
-    shouldWrapRows
-  } = _ref;
-  let nextRow = currentRow + directionY;
-  let nextCell = currentCell + directionX;
-  const rowCount = grid.length;
-  const isLeftRight = directionX !== 0;
-
-  if (!rowCount) {
-    return false;
-  }
-
-  const cellsLength = grid[0].length; // moving horizontally
-
-  if (shouldWrapCells && isLeftRight) {
-    // to left
-    if (nextCell < 0) {
-      nextCell = cellsLength - 1;
-      nextRow -= 1;
-    }
-
-    if (nextCell >= cellsLength) {
-      nextCell = 0;
-      nextRow += 1;
-    }
-  } // moving vertically
-
-
-  if (shouldWrapRows && !isLeftRight) {
-    // to top
-    if (nextRow < 0) {
-      nextCell -= 1;
-      nextRow = rowCount - 1;
-
-      if (grid[nextRow] && nextCell >= 0 && !grid[nextRow][nextCell]) {
-        nextRow -= 1;
-      }
-    } else if (nextRow >= rowCount || !grid[nextRow][nextCell]) {
-      nextRow = 0;
-      nextCell += 1;
-    }
-  }
-
-  return {
-    cellIndex: nextCell,
-    rowIndex: nextRow
-  };
-}
-
-module.exports = getNextCellPosition;

package/cjs/GroupContext/Group.js

@@ -1,124 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var GroupContext = require('./GroupContext.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const getValueItem = e => {
-  const {
-    target,
-    currentTarget
-  } = e;
-
-  if (target) {
-    const {
-      value
-    } = target;
-    return value;
-  }
-
-  if (currentTarget) {
-    const {
-      value
-    } = currentTarget;
-    return value;
-  }
-
-  return e;
-};
-
-const toggleItemValue = (array, e) => {
-  const newvalue = getValueItem(e);
-  const res = array;
-  const index = array.indexOf(newvalue);
-
-  if (index === -1) {
-    res.push(newvalue);
-  } else {
-    res.splice(index, 1);
-  }
-
-  return res;
-};
-
-const {
-  Provider
-} = GroupContext.GroupContext;
-/** deprecated use CheckableGroup instead */
-
-class Group extends React.Component {
-  constructor(props) {
-    super(props);
-    const {
-      activeValue,
-      disabled
-    } = props;
-    this.state = {
-      activeValue,
-      disabled,
-      prevValue: null,
-      onChange: this.handleChange.bind(this)
-    };
-  }
-
-  static getDerivedStateFromProps(nextProps, _ref) {
-    let {
-      prevValue
-    } = _ref;
-    if (nextProps.activeValue === prevValue) return null;
-    return {
-      activeValue: nextProps.activeValue,
-      prevValue: nextProps.activeValue
-    };
-  }
-
-  handleChange(e) {
-    const {
-      multiple,
-      onChange
-    } = this.props;
-    const {
-      activeValue
-    } = this.state;
-    const value = getValueItem(e);
-    let newValue;
-
-    if (multiple) {
-      newValue = toggleItemValue(activeValue || [], value);
-    } else if (activeValue !== value) {
-      // default behaviour it will be toggle the active value
-      newValue = value;
-    }
-
-    this.setState({
-      activeValue: newValue
-    });
-
-    for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      rest[_key - 1] = arguments[_key];
-    }
-
-    if (onChange) onChange(newValue, ...rest);
-  }
-
-  render() {
-    const {
-      children
-    } = this.props;
-    return /*#__PURE__*/_jsx__default["default"](Provider, {
-      value: this.state
-    }, void 0, children);
-  }
-
-}
-
-Group.defaultProps = {
-  multiple: false
-};
-
-module.exports = Group;

package/cjs/GroupContext/GroupContext.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const GroupContext = /*#__PURE__*/React__default["default"].createContext();
-
-exports.GroupContext = GroupContext;

package/cjs/GroupContext/GroupItem.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var GroupContext = require('./GroupContext.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const {
-  Consumer
-} = GroupContext.GroupContext;
-
-const GroupItem = _ref => {
-  let {
-    render
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](Consumer, {}, void 0, context => render(context));
-};
-
-module.exports = GroupItem;

package/cjs/GroupContext/index.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Group = require('./Group.js');
-var GroupContext = require('./GroupContext.js');
-var GroupItem = require('./GroupItem.js');
-
-
-
-exports.Group = Group;
-exports.GroupContext = GroupContext.GroupContext;
-exports.GroupItem = GroupItem;

package/cjs/ScrollSync/ScrollSync.js

@@ -1,153 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.find.js');
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const ScrollSyncContext = /*#__PURE__*/React__default["default"].createContext();
-const {
-  Provider
-} = ScrollSyncContext;
-class ScrollSync extends React.Component {
-  constructor(props) {
-    super(props);
-    this.panes = {};
-
-    this.registerPane = (node, groups) => {
-      groups.forEach(group => {
-        if (!this.panes[group]) {
-          this.panes[group] = [];
-        }
-
-        if (this.panes[group].length > 0) {
-          this.syncScrollPosition(this.panes[group][0], node);
-        }
-
-        this.panes[group].push(node);
-      });
-      this.addEvents(node, groups);
-    };
-
-    this.unregisterPane = (node, groups) => {
-      groups.forEach(group => {
-        if (this.findPane(node, group)) {
-          this.removeEvents(node);
-          this.panes[group].splice(this.panes[group].indexOf(node), 1);
-        }
-      });
-    };
-
-    this.addEvents = (node, groups) => {
-      /* For some reason element.addEventListener doesnt work with document.body */
-      node.onscroll = this.handlePaneScroll.bind(this, node, groups); // eslint-disable-line
-    };
-
-    this.removeEvents = node => {
-      /* For some reason element.removeEventListener doesnt work with document.body */
-      node.onscroll = null; // eslint-disable-line
-    };
-
-    this.findPane = (node, group) => {
-      if (!this.panes[group]) {
-        return false;
-      }
-
-      return this.panes[group].find(pane => pane === node);
-    };
-
-    this.handlePaneScroll = (node, groups, e) => {
-      const {
-        enabled
-      } = this.props;
-      if (this.props.onScroll) this.props.onScroll(e);
-      if (!enabled) return;
-      window.requestAnimationFrame(() => {
-        this.syncScrollPositions(node, groups);
-      });
-    };
-
-    this.syncScrollPositions = (scrolledPane, groups) => {
-      groups.forEach(group => {
-        this.panes[group].forEach(pane => {
-          /* For all panes beside the currently scrolling one */
-          if (scrolledPane !== pane) {
-            /* Remove event listeners from the node that we'll manipulate */
-            this.removeEvents(pane, group);
-            this.syncScrollPosition(scrolledPane, pane);
-            /* Re-attach event listeners after we're done scrolling */
-
-            window.requestAnimationFrame(() => {
-              this.addEvents(pane, groups);
-            });
-          }
-        });
-      });
-    };
-
-    this.syncContext = {
-      registerPane: this.registerPane,
-      unregisterPane: this.unregisterPane
-    };
-  }
-
-  syncScrollPosition(scrolledPane, pane) {
-    const {
-      scrollTop,
-      scrollHeight,
-      clientHeight,
-      scrollLeft,
-      scrollWidth,
-      clientWidth
-    } = scrolledPane;
-    const scrollTopOffset = scrollHeight - clientHeight;
-    const scrollLeftOffset = scrollWidth - clientWidth;
-    const {
-      proportional,
-      vertical,
-      horizontal
-    } = this.props;
-    /* Calculate the actual pane height */
-
-    const paneHeight = pane.scrollHeight - clientHeight;
-    const paneWidth = pane.scrollWidth - clientWidth;
-    /* Adjust the scrollTop position of it accordingly */
-
-    if (vertical && scrollTopOffset > 0) {
-      pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop; // eslint-disable-line
-    }
-
-    if (horizontal && scrollLeftOffset > 0) {
-      pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft; // eslint-disable-line
-    }
-  }
-
-  render() {
-    const {
-      children
-    } = this.props;
-    return /*#__PURE__*/_jsx__default["default"](Provider, {
-      value: this.syncContext
-    }, void 0, React__default["default"].Children.only(children));
-  }
-
-}
-ScrollSync.defaultProps = {
-  proportional: true,
-  vertical: true,
-  horizontal: true,
-  enabled: true
-};
-
-exports.ScrollSyncContext = ScrollSyncContext;
-exports["default"] = ScrollSync;

package/cjs/ScrollSync/ScrollSyncPane.js

@@ -1,81 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.constructor.js');
-require('core-js/modules/esnext.async-iterator.to-array.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.to-array.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var ScrollSync = require('./ScrollSync.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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) { _defineProperty__default["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; }
-
-class ScrollSyncPane extends React.Component {
-  constructor() {
-    super(...arguments);
-
-    this.toArray = groups => [].concat(groups);
-  }
-
-  componentWillUnmount() {
-    const {
-      enabled,
-      group,
-      syncContext
-    } = this.props;
-    const {
-      unregisterPane
-    } = syncContext;
-    if (enabled) unregisterPane(this.node, this.toArray(group));
-  }
-
-  render() {
-    const {
-      children,
-      group,
-      syncContext,
-      notPaginated
-    } = this.props;
-    const {
-      registerPane
-    } = syncContext;
-    return children({
-      registerPane: node => {
-        if (notPaginated) {
-          const virtualizedBody = node.querySelector('.virtualized-body-wrapper');
-
-          if (virtualizedBody) {
-            registerPane(virtualizedBody, this.toArray(group));
-          }
-        }
-
-        return registerPane(node, this.toArray(group));
-      }
-    });
-  }
-
-}
-
-ScrollSyncPane.defaultProps = {
-  group: 'default',
-  enabled: true
-};
-var ScrollSyncPane$1 = (props => /*#__PURE__*/_jsx__default["default"](ScrollSync.ScrollSyncContext.Consumer, {}, void 0, context => /*#__PURE__*/jsxRuntime.jsx(ScrollSyncPane, _objectSpread(_objectSpread({}, props), {}, {
-  syncContext: context
-}))));
-
-module.exports = ScrollSyncPane$1;

package/cjs/ScrollSync/ScrollSyncProvider.js

@@ -1,67 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.find.js');
-var React = require('react');
-var raf = require('raf');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var raf__default = /*#__PURE__*/_interopDefaultLegacy(raf);
-
-const ScrollSyncContext = /*#__PURE__*/React__default["default"].createContext();
-const {
-  Provider
-} = ScrollSyncContext;
-
-function ScrollSyncProvider(_ref) {
-  let {
-    enabled,
-    horizontal,
-    vertical,
-    children
-  } = _ref;
-  useRef();
-
-  raf__default["default"]((scrolledPane, pane) => {
-    const {
-      scrollTop,
-      scrollHeight,
-      clientHeight,
-      scrollLeft,
-      scrollWidth,
-      clientWidth
-    } = scrolledPane;
-    const scrollTopOffset = scrollHeight - clientHeight;
-    const scrollLeftOffset = scrollWidth - clientWidth;
-    const {
-      proportional,
-      vertical,
-      horizontal
-    } = this.props;
-    /* Calculate the actual pane height */
-
-    const paneHeight = pane.scrollHeight - clientHeight;
-    const paneWidth = pane.scrollWidth - clientWidth;
-    /* Adjust the scrollTop position of it accordingly */
-
-    if (vertical && scrollTopOffset > 0) {
-      pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop; // eslint-disable-line
-    }
-
-    if (horizontal && scrollLeftOffset > 0) {
-      pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft; // eslint-disable-line
-    }
-  });
-  return /*#__PURE__*/_jsx__default["default"](Provider, {}, void 0, children);
-}
-
-ScrollSyncProvider.defaultProps = {};
-
-module.exports = ScrollSyncProvider;

package/cjs/ScrollSync/index.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ScrollSync = require('./ScrollSync.js');
-var ScrollSyncPane = require('./ScrollSyncPane.js');
-
-
-
-exports.ScrollSync = ScrollSync["default"];
-exports.ScrollSyncPane = ScrollSyncPane;

package/cjs/ScrollSync/useScrollSync.js

@@ -1,10 +0,0 @@
-'use strict';
-
-function useScrollSync(props) {
-  return {};
-}
-
-useScrollSync.propTypes = {};
-useScrollSync.defaultProps = {};
-
-module.exports = useScrollSync;

package/cjs/constants.js

@@ -1,51 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const DEFAULT_DELAY_OPEN = 200;
-const DEFAULT_DELAY_CLOSE = 300;
-const sizeOptions = ['small', 'medium', 'large', 'x-large'];
-const AM = 'am';
-const PM = 'pm';
-const ARROW_UP = 'ArrowUp';
-const ARROW_DOWN = 'ArrowDown';
-const BACKSPACE = 'Backspace';
-const ESCAPE = 'Escape';
-const HOME = 'Home';
-const SHIFT = 'Shift';
-const END = 'End';
-const HOUR_RANGE_12 = {
-  min: 0,
-  max: 12
-};
-const HOUR_RANGE_24 = {
-  min: 0,
-  max: 24
-};
-const GENERAL_TIME_RANGE = {
-  min: 0,
-  max: 59
-};
-const PLACEHOLDER_TIME = {
-  hour: 'hour',
-  minutes: 'minutes',
-  seconds: 'seconds',
-  meridiem: 'meridiem'
-};
-
-exports.AM = AM;
-exports.ARROW_DOWN = ARROW_DOWN;
-exports.ARROW_UP = ARROW_UP;
-exports.BACKSPACE = BACKSPACE;
-exports.DEFAULT_DELAY_CLOSE = DEFAULT_DELAY_CLOSE;
-exports.DEFAULT_DELAY_OPEN = DEFAULT_DELAY_OPEN;
-exports.END = END;
-exports.ESCAPE = ESCAPE;
-exports.GENERAL_TIME_RANGE = GENERAL_TIME_RANGE;
-exports.HOME = HOME;
-exports.HOUR_RANGE_12 = HOUR_RANGE_12;
-exports.HOUR_RANGE_24 = HOUR_RANGE_24;
-exports.PLACEHOLDER_TIME = PLACEHOLDER_TIME;
-exports.PM = PM;
-exports.SHIFT = SHIFT;
-exports.sizeOptions = sizeOptions;