@elliemae/ds-shared 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/FocusGroup/FocusGroup.js

@@ -1,83 +1,93 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var FocusGroup_exports = {};
-__export(FocusGroup_exports, {
-  FocusGroup: () => FocusGroup,
-  default: () => FocusGroup_default
-});
-var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_hotkeys_js = __toESM(require("hotkeys-js"));
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+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.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var dsUtilities = require('@elliemae/ds-utilities');
+var hotkeys = require('hotkeys-js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var hotkeys__default = /*#__PURE__*/_interopDefaultLegacy(hotkeys);
+
+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; }
 const defaultOptions = {
-  orientation: "vertical"
+  orientation: 'vertical'
 };
-const safeCallAction = (e, fun, ...args) => {
-  if ((0, import_ds_utilities.isFunction)(fun)) {
+
+const safeCallAction = function (e, fun) {
+  if (dsUtilities.isFunction(fun)) {
     e.preventDefault();
+
+    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      args[_key - 2] = arguments[_key];
+    }
+
     fun(...args);
   }
 };
-const registerHotkeys = (hotKeys = {}, params, getContainer = () => document) => {
-  Object.keys(hotKeys).forEach((hotkey) => {
-    const { options, handler, allowDocumentHandler = false } = hotKeys[hotkey];
-    const parameterizedHandler = (e) => {
-      const handlerParams = (0, import_ds_utilities.isFunction)(params) ? params() : params;
-      if (!allowDocumentHandler && handlerParams.item !== document.activeElement)
-        return;
+
+const registerHotkeys = function () {
+  let hotKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let params = arguments.length > 1 ? arguments[1] : undefined;
+  let getContainer = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : () => document;
+  Object.keys(hotKeys).forEach(hotkey => {
+    const {
+      options,
+      handler,
+      allowDocumentHandler = false
+    } = hotKeys[hotkey];
+
+    const parameterizedHandler = e => {
+      const handlerParams = dsUtilities.isFunction(params) ? params() : params;
+      if (!allowDocumentHandler && handlerParams.item !== document.activeElement) return;
       e.preventDefault();
       handler(handlerParams);
     };
-    (0, import_hotkeys_js.default)(hotkey, { element: getContainer(), ...options }, parameterizedHandler);
+
+    hotkeys__default["default"](hotkey, _objectSpread({
+      element: getContainer()
+    }, options), parameterizedHandler);
   });
 };
-const unregisterHotKeys = (hotKeys = {}) => {
-  Object.keys(hotKeys).forEach((hotkey) => {
-    import_hotkeys_js.default.unbind(hotkey);
+
+const unregisterHotKeys = function () {
+  let hotKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  Object.keys(hotKeys).forEach(hotkey => {
+    hotkeys__default["default"].unbind(hotkey);
   });
 };
+
 const noop = () => null;
+
 class FocusGroup {
-  constructor(options = {}) {
+  constructor() {
+    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     this.items = [];
-    this.options = { ...defaultOptions, ...options };
-    const { orientation } = this.options;
-    this.keyBindings = {
-      ArrowUp: orientation !== "horizontal" && "previous",
-      ArrowRight: orientation !== "vertical" && "next",
-      ArrowDown: orientation !== "horizontal" && "next",
-      ArrowLeft: orientation !== "vertical" && "previous",
-      Home: "first",
-      End: "last",
-      PageUp: "first",
-      PageDown: "last",
-      Escape: "exit",
-      ...options.keyBindings
-    };
+    this.options = _objectSpread(_objectSpread({}, defaultOptions), options);
+    const {
+      orientation
+    } = this.options;
+    this.keyBindings = _objectSpread({
+      ArrowUp: orientation !== 'horizontal' && 'previous',
+      ArrowRight: orientation !== 'vertical' && 'next',
+      ArrowDown: orientation !== 'horizontal' && 'next',
+      ArrowLeft: orientation !== 'vertical' && 'previous',
+      Home: 'first',
+      End: 'last',
+      PageUp: 'first',
+      PageDown: 'last',
+      Escape: 'exit'
+    }, options.keyBindings);
     this.currentFocusedItem = null;
     this.currIndex = null;
     this.mapActions = {
@@ -99,151 +109,200 @@ class FocusGroup {
     this.focusCurrent = this.focusCurrent.bind(this);
     this.getHotKeysParams = this.getHotKeysParams.bind(this);
   }
+
   getHotKeysParams() {
     const item = this.currentFocusedItem;
-    const { index } = (0, import_ds_utilities.get)(item, ["dataset"], {});
+    const {
+      index
+    } = dsUtilities.get(item, ['dataset'], {});
     return {
       item,
       index
     };
   }
+
   activate() {
-    const { getContainer } = this.options;
-    document.addEventListener("keydown", this.handleKeyDown, true);
+    const {
+      getContainer
+    } = this.options;
+    document.addEventListener('keydown', this.handleKeyDown, true);
     registerHotkeys(this.options.hotKeys, this.getHotKeysParams, getContainer);
   }
+
   deactivate() {
-    document.removeEventListener("keydown", this.handleKeyDown, true);
+    document.removeEventListener('keydown', this.handleKeyDown, true);
     unregisterHotKeys(this.options.hotKeys);
   }
+
   handleKeyDown(e) {
-    if (!this.isGroupActive())
-      return;
+    if (!this.isGroupActive()) return;
     this.executeActionByEvent(e);
   }
+
   executeActionByEvent(e) {
     const actions = Array.isArray(this.keyBindings[e.key]) ? this.keyBindings[e.key] : [this.keyBindings[e.key]];
-    return actions.map((action) => typeof action === "string" ? safeCallAction(e, this.mapActions[action]) : safeCallAction(e, action));
+    return actions.map(action => typeof action === 'string' ? safeCallAction(e, this.mapActions[action]) : safeCallAction(e, action));
   }
-  register(node, props = {}) {
-    const afterIndex = this.items.findIndex((item) => item.compareDocumentPosition(node) === Node.DOCUMENT_POSITION_PRECEDING);
+
+  register(node) {
+    let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    const afterIndex = this.items.findIndex(item => item.compareDocumentPosition(node) === Node.DOCUMENT_POSITION_PRECEDING);
     node.specialOnFocus = props.onFocus || noop;
     node.specialOnBlur = props.onBlur || noop;
+
     node.onclick = () => this.focusItem(node);
+
     node.onfocus = () => {
       this.focusItem(node);
     };
+
     if (afterIndex === -1) {
       this.items.push(node);
     } else {
       this.items.splice(afterIndex, 0, node);
     }
   }
+
   unregister(node) {
     const index = this.getItemIndexByNode(node);
-    if (index > -1)
-      this.items.splice(index, 1);
+    if (index > -1) this.items.splice(index, 1);
   }
+
   exit() {
-    const { onExitFocusGroup } = this.options;
+    const {
+      onExitFocusGroup
+    } = this.options;
     onExitFocusGroup();
   }
+
   focusItem(node) {
     if (this.currentFocusedItem && this.currentFocusedItem !== node) {
       this.currentFocusedItem.specialOnBlur();
-      this.currentFocusedItem.setAttribute("tabindex", -1);
+      this.currentFocusedItem.setAttribute('tabindex', -1);
     }
-    if (!node)
-      return;
+
+    if (!node) return;
     this.currentFocusedItem = node;
-    node.setAttribute("tabindex", 0);
+    node.setAttribute('tabindex', 0);
     node.focus();
     node.specialOnFocus();
   }
+
   focusNext() {
     const item = this.getNextItem();
     this.focusItem(item);
   }
+
   focusByNode(node) {
     const index = this.getItemIndexByNode(node);
     this.focusByIndex(index);
   }
+
   focusByIndex(index) {
     const item = this.getItemByIndex(index);
     this.focusItem(item);
   }
+
   focusPrevious() {
     const prevItem = this.getPreviousItem();
     this.focusItem(prevItem);
   }
+
   focusFirst() {
     const item = this.getFirstItem();
     this.focusItem(item);
   }
+
   focusLast() {
     const item = this.getLastItem();
     this.focusItem(item);
   }
+
   focusCurrent() {
     this.focusItem(this.currentFocusedItem);
   }
+
   focusNextGroup() {
-    const { onFocusNextGroup } = this.options;
+    const {
+      onFocusNextGroup
+    } = this.options;
     this.exit();
     onFocusNextGroup();
   }
+
   focusPreviousGroup() {
-    const { onFocusPreviousGroup } = this.options;
+    const {
+      onFocusPreviousGroup
+    } = this.options;
     this.exit();
     onFocusPreviousGroup();
   }
+
   getNextItem() {
-    const { loop } = this.options;
+    const {
+      loop
+    } = this.options;
     const currentIndex = this.getFocusedIndex();
     const supposedNextIndex = currentIndex + 1;
+
     if (!this.checkCanFocusNext(supposedNextIndex)) {
       return loop ? this.getFirstItem() : this.focusNextGroup();
     }
+
     return this.getItemByIndex(supposedNextIndex);
   }
+
   getPreviousItem() {
-    const { loop } = this.options;
+    const {
+      loop
+    } = this.options;
     const currentIndex = this.getFocusedIndex();
     const supposedPrevIndex = currentIndex - 1;
+
     if (!this.checkCanFocusPrev(supposedPrevIndex)) {
       return loop ? this.getLastItem() : this.focusPreviousGroup();
     }
+
     return this.getItemByIndex(supposedPrevIndex);
   }
+
   checkCanFocusNext(index) {
     return this.items.length > index;
   }
+
   checkCanFocusPrev(index) {
     return index >= 0;
   }
+
   getItemByIndex(index) {
     return this.items[index];
   }
+
   getItemIndexByNode(node) {
-    return this.items.findIndex((item) => item === node);
+    return this.items.findIndex(item => item === node);
   }
+
   getFocusedIndex() {
     return this.getItemIndexByNode(document.activeElement);
   }
+
   getFocusedItem() {
     const index = this.getFocusedIndex();
     return index > -1 && this.items[index];
   }
+
   isGroupActive() {
     return this.getFocusedIndex() !== -1;
   }
+
   getFirstItem() {
     return !!this.items.length && this.items[0];
   }
+
   getLastItem() {
     return !!this.items.length && this.items[this.items.length - 1];
   }
+
 }
-var FocusGroup_default = FocusGroup;
-module.exports = __toCommonJS(FocusGroup_exports);
-//# sourceMappingURL=FocusGroup.js.map
+
+module.exports = FocusGroup;

package/cjs/FocusGroup/FocusGroupContext.js

@@ -1,38 +1,11 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var FocusGroupContext_exports = {};
-__export(FocusGroupContext_exports, {
-  FocusGroupContext: () => FocusGroupContext,
-  default: () => FocusGroupContext_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const FocusGroupContext = import_react.default.createContext();
-var FocusGroupContext_default = FocusGroupContext;
-module.exports = __toCommonJS(FocusGroupContext_exports);
-//# sourceMappingURL=FocusGroupContext.js.map
+'use strict';
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var FocusGroupContext = /*#__PURE__*/React__default["default"].createContext();
+
+module.exports = FocusGroupContext;

package/cjs/FocusGroup/FocusGroupManager.js

@@ -1,47 +1,22 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var FocusGroupManager_exports = {};
-__export(FocusGroupManager_exports, {
-  FocusGroupManager: () => FocusGroupProvider,
-  FocusGroupProvider: () => FocusGroupProvider,
-  default: () => FocusGroupManager_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_FocusGroup = require("./FocusGroup");
-var import_FocusGroupContext = require("./FocusGroupContext");
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var dsUtilities = require('@elliemae/ds-utilities');
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
 const noop = () => null;
-class FocusGroupProvider extends import_react.Component {
+
+class FocusGroupProvider extends React.Component {
   constructor(props) {
     super(props);
     this.activated = false;
-    this.focusGroup = new import_FocusGroup.FocusGroup(props);
+    this.focusGroup = new FocusGroup(props);
     props.onFocusGroupSet(this);
     this.actions = {
       activate: this.activate.bind(this),
@@ -58,58 +33,75 @@ class FocusGroupProvider extends import_react.Component {
       focusPrevious: this.focusGroup.focusPrevious
     };
   }
+
   componentDidMount() {
-    const { autoFocusOnMount } = this.props;
+    const {
+      autoFocusOnMount
+    } = this.props;
     this.activate();
+
     if (autoFocusOnMount) {
       setTimeout(() => {
         this.actions.focusFirst();
       }, 0);
     }
   }
+
   componentWillUnmount() {
     this.deactivate();
   }
+
   activate() {
-    const { onActivate } = this.props;
+    const {
+      onActivate
+    } = this.props;
     this.focusGroup.activate();
     this.activated = true;
-    if ((0, import_ds_utilities.isFunction)(onActivate))
-      onActivate();
+    if (dsUtilities.isFunction(onActivate)) onActivate();
   }
+
   deactivate() {
-    const { onExitFocusGroup } = this.props;
+    const {
+      onExitFocusGroup
+    } = this.props;
     this.activated = false;
     this.focusGroup.deactivate();
-    if ((0, import_ds_utilities.isFunction)(onExitFocusGroup)) {
+
+    if (dsUtilities.isFunction(onExitFocusGroup)) {
       onExitFocusGroup();
     }
   }
+
   register(item) {
     this.focusGroup.register(item);
   }
+
   unregister(item) {
     this.focusGroup.unregister(item);
   }
+
   focusItemByIndex(index) {
-    if (!this.activated)
-      this.activate();
+    if (!this.activated) this.activate();
     setTimeout(() => {
       this.focusGroup.focusByIndex(index);
     }, 200);
   }
+
   focusItemByNode(node) {
-    if (!this.activated)
-      this.activate();
+    if (!this.activated) this.activate();
     const index = this.focusGroup.getItemIndexByNode(node);
     this.focusItemByIndex(index);
   }
+
   render() {
-    const { children } = this.props;
-    return /* @__PURE__ */ import_react.default.createElement(import_FocusGroupContext.FocusGroupContext.Provider, {
+    const {
+      children
+    } = this.props;
+    return /*#__PURE__*/_jsx__default["default"](FocusGroupContext.Provider, {
       value: this.actions
-    }, children);
+    }, void 0, children);
   }
+
 }
 FocusGroupProvider.defaultProps = {
   exitWhenNoPrevious: false,
@@ -121,6 +113,5 @@ FocusGroupProvider.defaultProps = {
   onFocusNextGroup: noop,
   onFocusGroupSet: noop
 };
-var FocusGroupManager_default = FocusGroupProvider;
-module.exports = __toCommonJS(FocusGroupManager_exports);
-//# sourceMappingURL=FocusGroupManager.js.map
+
+module.exports = FocusGroupProvider;