@elliemae/ds-shared 1.57.1-rc.0 → 2.0.0-alpha.11

package/cjs/FocusGroup/FocusGroupManager.js

@@ -1,149 +1,114 @@
 'use strict';
 
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
-var FocusGroup_FocusGroup = require('./FocusGroup.js');
-var FocusGroup_FocusGroupContext = require('./FocusGroupContext.js');
-require('hotkeys-js');
+var utils = require('@elliemae/ds-utilities/utils');
+var FocusGroup = require('./FocusGroup.js');
+var FocusGroupContext = require('./FocusGroupContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+const noop = () => null;
+
+class FocusGroupProvider extends React.Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty__default["default"](this, "activated", false);
+
+    this.focusGroup = new FocusGroup(props);
+    props.onFocusGroupSet(this);
+    this.actions = {
+      activate: this.activate.bind(this),
+      deactivate: this.deactivate.bind(this),
+      register: this.focusGroup.register,
+      unregister: this.unregister.bind(this),
+      focusFirst: this.focusGroup.focusFirst,
+      focusLast: this.focusGroup.focusLast,
+      focusItemByIndex: this.focusItemByIndex.bind(this),
+      focusItemByNode: this.focusItemByNode.bind(this),
+      focus: this.focusGroup.focusCurrent,
+      isGroupActive: this.focusGroup.isGroupActive,
+      focusNext: this.focusGroup.focusNext,
+      focusPrevious: this.focusGroup.focusPrevious
+    };
+  }
 
-var noop = function noop() {
-  return null;
-};
+  componentDidMount() {
+    const {
+      autoFocusOnMount
+    } = this.props;
+    this.activate();
 
-var FocusGroupProvider = /*#__PURE__*/function (_Component) {
-  _inherits__default['default'](FocusGroupProvider, _Component);
+    if (autoFocusOnMount) {
+      setTimeout(() => {
+        this.actions.focusFirst();
+      }, 0);
+    }
+  }
 
-  var _super = _createSuper(FocusGroupProvider);
+  componentWillUnmount() {
+    this.deactivate();
+  }
 
-  function FocusGroupProvider(props) {
-    var _this;
+  activate() {
+    const {
+      onActivate
+    } = this.props;
+    this.focusGroup.activate();
+    this.activated = true;
+    if (utils.isFunction(onActivate)) onActivate();
+  }
 
-    _classCallCheck__default['default'](this, FocusGroupProvider);
+  deactivate() {
+    const {
+      onExitFocusGroup
+    } = this.props;
+    this.activated = false;
+    this.focusGroup.deactivate();
 
-    _this = _super.call(this, props);
+    if (utils.isFunction(onExitFocusGroup)) {
+      onExitFocusGroup();
+    }
+  }
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "activated", false);
+  register(item) {
+    this.focusGroup.register(item);
+  }
 
-    _this.focusGroup = new FocusGroup_FocusGroup(props);
-    props.onFocusGroupSet(_assertThisInitialized__default['default'](_this));
-    _this.actions = {
-      activate: _this.activate.bind(_assertThisInitialized__default['default'](_this)),
-      deactivate: _this.deactivate.bind(_assertThisInitialized__default['default'](_this)),
-      register: _this.focusGroup.register,
-      unregister: _this.unregister.bind(_assertThisInitialized__default['default'](_this)),
-      focusFirst: _this.focusGroup.focusFirst,
-      focusLast: _this.focusGroup.focusLast,
-      focusItemByIndex: _this.focusItemByIndex.bind(_assertThisInitialized__default['default'](_this)),
-      focusItemByNode: _this.focusItemByNode.bind(_assertThisInitialized__default['default'](_this)),
-      focus: _this.focusGroup.focusCurrent,
-      isGroupActive: _this.focusGroup.isGroupActive,
-      focusNext: _this.focusGroup.focusNext,
-      focusPrevious: _this.focusGroup.focusPrevious
-    };
-    return _this;
+  unregister(item) {
+    this.focusGroup.unregister(item);
   }
 
-  _createClass__default['default'](FocusGroupProvider, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
+  focusItemByIndex(index) {
+    if (!this.activated) this.activate();
+    setTimeout(() => {
+      this.focusGroup.focusByIndex(index);
+    }, 200);
+  }
 
-      var autoFocusOnMount = this.props.autoFocusOnMount;
-      this.activate();
+  focusItemByNode(node) {
+    if (!this.activated) this.activate();
+    const index = this.focusGroup.getItemIndexByNode(node);
+    this.focusItemByIndex(index);
+  }
 
-      if (autoFocusOnMount) {
-        setTimeout(function () {
-          _this2.actions.focusFirst();
-        }, 0);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.deactivate();
-    }
-  }, {
-    key: "activate",
-    value: function activate() {
-      var onActivate = this.props.onActivate;
-      this.focusGroup.activate();
-      this.activated = true;
-      if (dsUtilities.isFunction(onActivate)) onActivate();
-    }
-  }, {
-    key: "deactivate",
-    value: function deactivate() {
-      var onExitFocusGroup = this.props.onExitFocusGroup;
-      this.activated = false;
-      this.focusGroup.deactivate();
-
-      if (dsUtilities.isFunction(onExitFocusGroup)) {
-        onExitFocusGroup();
-      }
-    }
-  }, {
-    key: "register",
-    value: function register(item) {
-      this.focusGroup.register(item);
-    }
-  }, {
-    key: "unregister",
-    value: function unregister(item) {
-      this.focusGroup.unregister(item);
-    }
-  }, {
-    key: "focusItemByIndex",
-    value: function focusItemByIndex(index) {
-      var _this3 = this;
-
-      if (!this.activated) this.activate();
-      setTimeout(function () {
-        _this3.focusGroup.focusByIndex(index);
-      }, 200);
-    }
-  }, {
-    key: "focusItemByNode",
-    value: function focusItemByNode(node) {
-      if (!this.activated) this.activate();
-      var index = this.focusGroup.getItemIndexByNode(node);
-      this.focusItemByIndex(index);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var children = this.props.children;
-      return /*#__PURE__*/React__default['default'].createElement(FocusGroup_FocusGroupContext.Provider, {
-        value: this.actions
-      }, children);
-    }
-  }]);
+  render() {
+    const {
+      children
+    } = this.props;
+    return /*#__PURE__*/_jsx__default["default"](FocusGroupContext.Provider, {
+      value: this.actions
+    }, void 0, children);
+  }
 
-  return FocusGroupProvider;
-}(React.Component);
+}
 
-_defineProperty__default['default'](FocusGroupProvider, "defaultProps", {
+_defineProperty__default["default"](FocusGroupProvider, "defaultProps", {
   exitWhenNoPrevious: false,
   exitWhenNoNext: false,
   keyBindings: {},
@@ -155,4 +120,3 @@ _defineProperty__default['default'](FocusGroupProvider, "defaultProps", {
 });
 
 module.exports = FocusGroupProvider;
-//# sourceMappingURL=FocusGroupManager.js.map

package/cjs/FocusGroup/focusGroupManagerHoc.js

@@ -1,43 +1,38 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
-var FocusGroup_FocusGroupManager = require('./FocusGroupManager.js');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-utilities');
-require('./FocusGroup.js');
-require('hotkeys-js');
-require('./FocusGroupContext.js');
+require('react');
+var FocusGroupManager = require('./FocusGroupManager.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var _excluded = ["onExitFocusGroup", "onFocusPrevGroup", "focusKeyBindings"];
-function FocusGroupHoc(WrappedComponent) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return function (_ref) {
-    var onExitFocusGroup = _ref.onExitFocusGroup,
-        onFocusPrevGroup = _ref.onFocusPrevGroup,
-        focusKeyBindings = _ref.focusKeyBindings,
-        props = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-    return /*#__PURE__*/React__default['default'].createElement(FocusGroup_FocusGroupManager, _extends__default['default']({
+
+const _excluded = ["onExitFocusGroup", "onFocusPrevGroup", "focusKeyBindings"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function FocusGroupHoc(WrappedComponent, options = {}) {
+  return _ref => {
+    let {
+      onExitFocusGroup,
+      onFocusPrevGroup,
+      focusKeyBindings
+    } = _ref,
+        props = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+    return /*#__PURE__*/jsxRuntime.jsx(FocusGroupManager, _objectSpread(_objectSpread({
       keyBindings: focusKeyBindings,
       onExitFocusGroup: onExitFocusGroup,
       onFocusPrevGroup: onFocusPrevGroup
-    }, options), /*#__PURE__*/React__default['default'].createElement(WrappedComponent, _extends__default['default']({}, props, options)));
+    }, options), {}, {
+      children: /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _objectSpread(_objectSpread({}, props), options))
+    }));
   };
 }
 
 module.exports = FocusGroupHoc;
-//# sourceMappingURL=focusGroupManagerHoc.js.map

package/cjs/FocusGroup/index.js

@@ -2,34 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FocusGroup_FocusGroup = require('./FocusGroup.js');
-var FocusGroup_FocusGroupContext = require('./FocusGroupContext.js');
-var FocusGroup_FocusGroupManager = require('./FocusGroupManager.js');
-var FocusGroup_useFocusGroupItem = require('./useFocusGroupItem.js');
-var FocusGroup_focusGroupManagerHoc = require('./focusGroupManagerHoc.js');
-var FocusGroup_FocusGrid = require('./FocusGrid.js');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-utilities');
-require('hotkeys-js');
-require('react');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/extends');
-require('./utils/getNextCellPosition.js');
+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_FocusGroup;
-exports.FocusGroupContext = FocusGroup_FocusGroupContext;
-exports.FocusGroupManager = FocusGroup_FocusGroupManager;
-exports.useFocusGroupItem = FocusGroup_useFocusGroupItem['default'];
-exports.useFocusGroupWithState = FocusGroup_useFocusGroupItem.useFocusGroupWithState;
-exports.focusGroupManagerHoc = FocusGroup_focusGroupManagerHoc;
-exports.FocusGrid = FocusGroup_FocusGrid['default'];
-exports.FocusGridContext = FocusGroup_FocusGrid.FocusGridContext;
-//# sourceMappingURL=index.js.map
+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

@@ -4,26 +4,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var FocusGroup_FocusGroupContext = require('./FocusGroupContext.js');
+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);
 
-var _excluded = ["register", "unregister"],
-    _excluded2 = ["register", "unregister"];
-function useFocusGroupItem() {
-  var ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var props = arguments.length > 1 ? arguments[1] : undefined;
-
-  var _ref = React.useContext(FocusGroup_FocusGroupContext) || {},
-      register = _ref.register,
-      unregister = _ref.unregister,
-      otherActions = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  React.useEffect(function () {
+const _excluded = ["register", "unregister"],
+      _excluded2 = ["register", "unregister"];
+function useFocusGroupItem(ref = {}, props) {
+  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 function () {
+    return () => {
       if (ref.current && unregister) unregister(ref.current);
     };
   }); // if the focus item is not wrapped with the focus provider then return null
@@ -31,18 +30,17 @@ function useFocusGroupItem() {
   if (!register) return {};
   return otherActions;
 }
-var useFocusGroupWithState = function useFocusGroupWithState() {
-  var ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var props = arguments.length > 1 ? arguments[1] : undefined;
-
-  var _ref2 = React.useContext(FocusGroup_FocusGroupContext) || {},
-      register = _ref2.register,
-      unregister = _ref2.unregister,
-      otherActions = _objectWithoutProperties__default['default'](_ref2, _excluded2);
-
-  React.useEffect(function () {
+const useFocusGroupWithState = (ref = {}, props) => {
+  const _ref2 = React.useContext(FocusGroupContext) || {},
+        {
+    register,
+    unregister
+  } = _ref2,
+        otherActions = _objectWithoutProperties__default["default"](_ref2, _excluded2);
+
+  React.useEffect(() => {
     if (ref && register) register(ref, props);
-    return function () {
+    return () => {
       if (ref && unregister) unregister(ref);
     };
   }, [ref]); // if the focus item is not wrapped with the focus provider then return null
@@ -51,6 +49,5 @@ var useFocusGroupWithState = function useFocusGroupWithState() {
   return otherActions;
 };
 
-exports['default'] = useFocusGroupItem;
+exports["default"] = useFocusGroupItem;
 exports.useFocusGroupWithState = useFocusGroupWithState;
-//# sourceMappingURL=useFocusGroupItem.js.map

package/cjs/FocusGroup/utils/getNextCellPosition.js

@@ -1,26 +1,25 @@
 'use strict';
 
 // eslint-disable-next-line max-statements
-function getNextCellPosition(_ref) {
-  var grid = _ref.grid,
-      _ref$currentRow = _ref.currentRow,
-      currentRow = _ref$currentRow === void 0 ? 0 : _ref$currentRow,
-      _ref$currentCell = _ref.currentCell,
-      currentCell = _ref$currentCell === void 0 ? 0 : _ref$currentCell,
-      directionY = _ref.directionY,
-      directionX = _ref.directionX,
-      shouldWrapCells = _ref.shouldWrapCells,
-      shouldWrapRows = _ref.shouldWrapRows;
-  var nextRow = currentRow + directionY;
-  var nextCell = currentCell + directionX;
-  var rowCount = grid.length;
-  var isLeftRight = directionX !== 0;
+function getNextCellPosition({
+  grid,
+  currentRow = 0,
+  currentCell = 0,
+  directionY,
+  directionX,
+  shouldWrapCells,
+  shouldWrapRows
+}) {
+  let nextRow = currentRow + directionY;
+  let nextCell = currentCell + directionX;
+  const rowCount = grid.length;
+  const isLeftRight = directionX !== 0;
 
   if (!rowCount) {
     return false;
   }
 
-  var cellsLength = grid[0].length; // moving horizontally
+  const cellsLength = grid[0].length; // moving horizontally
 
   if (shouldWrapCells && isLeftRight) {
     // to left
@@ -58,4 +57,3 @@ function getNextCellPosition(_ref) {
 }
 
 module.exports = getNextCellPosition;
-//# sourceMappingURL=getNextCellPosition.js.map