@elliemae/ds-shared 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/FocusGroup/FocusGrid.js

@@ -1,50 +1,47 @@
-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 FocusGrid_exports = {};
-__export(FocusGrid_exports, {
-  FocusGrid: () => FocusGridProvider,
-  FocusGridContext: () => FocusGridContext,
-  FocusGridProvider: () => FocusGridProvider,
-  default: () => FocusGrid_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-var import_getNextCellPosition = __toESM(require("./utils/getNextCellPosition"));
-const FocusGridContext = (0, import_react.createContext)();
-const { Provider } = FocusGridContext;
-const preventDefault = (e) => e.preventDefault();
-function registerHotKeysHooks(hotKeys, { focusedRow, focusedCell }) {
-  Object.keys(hotKeys).forEach((key) => {
-    const { handler, options } = hotKeys[key];
-    (0, import_ds_utilities.useHotkeys)({
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var React = require('react');
+var dsUtilities = require('@elliemae/ds-utilities');
+var getNextCellPosition = require('./utils/getNextCellPosition.js');
+
+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);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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 FocusGridContext = /*#__PURE__*/React.createContext();
+const {
+  Provider
+} = FocusGridContext;
+
+const preventDefault = e => e.preventDefault();
+
+function registerHotKeysHooks(hotKeys, _ref) {
+  let {
+    focusedRow,
+    focusedCell
+  } = _ref;
+  Object.keys(hotKeys).forEach(key => {
+    const {
+      handler,
+      options
+    } = hotKeys[key];
+    dsUtilities.useHotkeys({
       keys: key,
-      handler: (e) => {
+      handler: e => {
         e.preventDefault();
         handler({
           rowIndex: focusedRow.current,
@@ -54,59 +51,76 @@ function registerHotKeysHooks(hotKeys, { focusedRow, focusedCell }) {
       options
     });
   });
-}
-const FocusGridProvider = ({
-  shouldWrapRows = false,
-  shouldWrapCells = false,
-  shouldRefocus = true,
-  children,
-  keyBindings,
-  hotKeys
-}) => {
-  const focusedRow = (0, import_react.useRef)();
-  const focusedCell = (0, import_react.useRef)();
-  const grid = (0, import_react.useRef)([]);
-  const containerRef = (0, import_react.useRef)(document);
-  const child = import_react.default.Children.only(children);
-  const decoratedChild = import_react.default.cloneElement(child, {
-    innerRef: (0, import_ds_utilities.mergeRefs)(child.props.innerRef, containerRef)
+} // eslint-disable-next-line max-statements
+
+
+function FocusGridProvider(_ref2) {
+  let {
+    shouldWrapRows = false,
+    shouldWrapCells = false,
+    shouldRefocus = true,
+    children,
+    keyBindings,
+    hotKeys
+  } = _ref2;
+  const focusedRow = React.useRef();
+  const focusedCell = React.useRef();
+  const grid = React.useRef([]);
+  const containerRef = React.useRef(document);
+  const child = React__default["default"].Children.only(children);
+  const decoratedChild = /*#__PURE__*/React__default["default"].cloneElement(child, {
+    innerRef: dsUtilities.mergeRefs(child.props.innerRef, containerRef)
   });
-  const getNode = ({ rowIndex, cellIndex }) => (0, import_ds_utilities.get)(grid.current, [rowIndex, cellIndex]);
+
+  const getNode = _ref3 => {
+    let {
+      rowIndex,
+      cellIndex
+    } = _ref3;
+    return dsUtilities.get(grid.current, [rowIndex, cellIndex]);
+  };
+
   const register = (node, rowIndex, columnIndex) => {
-    if (!node)
-      return;
+    if (!node) return;
+
     if (!Array.isArray(grid.current[rowIndex])) {
       grid.current[rowIndex] = [];
     }
+
     if (rowIndex === 0 && columnIndex === 0) {
-      node.setAttribute("tabindex", 0);
+      node.setAttribute('tabindex', 0);
     } else {
-      node.setAttribute("tabindex", -1);
+      node.setAttribute('tabindex', -1);
     }
+
     node.onfocus = () => {
       const prevNode = getNode({
         rowIndex: focusedRow.current,
         cellIndex: focusedCell.current
       });
-      if (prevNode)
-        prevNode.setAttribute("tabindex", -1);
-      node.setAttribute("tabindex", 0);
+      if (prevNode) prevNode.setAttribute('tabindex', -1);
+      node.setAttribute('tabindex', 0);
       focusedRow.current = rowIndex;
       focusedCell.current = columnIndex;
     };
+
     grid.current[rowIndex][columnIndex] = node;
   };
-  (0, import_react.useEffect)(() => {
+
+  React.useEffect(() => {
     if (shouldRefocus) {
       const rowIndex = focusedRow.current;
       const cellIndex = focusedCell.current;
-      const node = (0, import_ds_utilities.get)(grid.current, [rowIndex, cellIndex]);
-      if (node)
-        node.focus();
+      const node = dsUtilities.get(grid.current, [rowIndex, cellIndex]);
+      if (node) node.focus();
     }
   });
+
   const focusNextCell = (directionY, directionX, position) => {
-    const { rowIndex, cellIndex } = position || (0, import_getNextCellPosition.getNextCellPosition)({
+    const {
+      rowIndex,
+      cellIndex
+    } = position || getNextCellPosition({
       grid: grid.current,
       currentCell: focusedCell.current,
       currentRow: focusedRow.current,
@@ -115,66 +129,87 @@ const FocusGridProvider = ({
       shouldWrapCells,
       shouldWrapRows
     });
-    const node = getNode({ rowIndex, cellIndex });
+    const node = getNode({
+      rowIndex,
+      cellIndex
+    }); // can focus
+
     if (node) {
       node.focus();
       focusedRow.current = rowIndex;
       focusedCell.current = cellIndex;
     }
   };
-  registerHotKeysHooks(hotKeys, { focusedCell, focusedRow });
-  const defaultKeyBindings = {
-    ArrowUp: (0, import_ds_utilities.runAll)(preventDefault, () => focusNextCell(-1, 0)),
-    ArrowRight: (0, import_ds_utilities.runAll)(preventDefault, () => focusNextCell(0, 1)),
-    ArrowDown: (0, import_ds_utilities.runAll)(preventDefault, () => focusNextCell(1, 0)),
-    ArrowLeft: (0, import_ds_utilities.runAll)(preventDefault, () => focusNextCell(0, -1)),
-    Home: (0, import_ds_utilities.runAll)(preventDefault, (e) => {
+
+  registerHotKeysHooks(hotKeys, {
+    focusedCell,
+    focusedRow
+  });
+
+  const defaultKeyBindings = _objectSpread({
+    ArrowUp: dsUtilities.runAll(preventDefault, () => focusNextCell(-1, 0)),
+    ArrowRight: dsUtilities.runAll(preventDefault, () => focusNextCell(0, 1)),
+    ArrowDown: dsUtilities.runAll(preventDefault, () => focusNextCell(1, 0)),
+    ArrowLeft: dsUtilities.runAll(preventDefault, () => focusNextCell(0, -1)),
+    Home: dsUtilities.runAll(preventDefault, e => {
       let rowIndex = focusedRow.current;
+
       if (e.ctrlKey) {
         rowIndex = 0;
       }
-      focusNextCell(0, 0, { rowIndex, cellIndex: 0 });
+
+      focusNextCell(0, 0, {
+        rowIndex,
+        cellIndex: 0
+      });
     }),
-    End: (0, import_ds_utilities.runAll)(preventDefault, (e) => {
+    End: dsUtilities.runAll(preventDefault, e => {
       let rowIndex = focusedRow.current;
+
       if (e.ctrlKey) {
         rowIndex = grid.current.length - 1;
       }
-      focusNextCell(0, 0, { rowIndex, cellIndex: grid.current[0].length - 1 });
-    }),
-    ...keyBindings
-  };
-  const nextKeyBindings = (0, import_ds_utilities.isFunction)(keyBindings) ? keyBindings({
+
+      focusNextCell(0, 0, {
+        rowIndex,
+        cellIndex: grid.current[0].length - 1
+      });
+    })
+  }, keyBindings);
+
+  const nextKeyBindings = dsUtilities.isFunction(keyBindings) ? keyBindings({
     defaultBindings: defaultKeyBindings,
     rowIndex: focusedRow.current,
     cellIndex: focusedCell.current
-  }) : { ...defaultKeyBindings, ...keyBindings };
-  const onKeyDown = (e) => {
-    if (e.target.tagName.toLowerCase() === "input")
-      return;
+  }) : _objectSpread(_objectSpread({}, defaultKeyBindings), keyBindings);
+
+  const onKeyDown = e => {
+    if (e.target.tagName.toLowerCase() === 'input') return;
     const action = nextKeyBindings[e.key];
-    if ((0, import_ds_utilities.isFunction)(action))
-      action(e);
+    if (dsUtilities.isFunction(action)) action(e);
   };
-  const activate = (container) => {
-    container.addEventListener("keydown", onKeyDown, true);
+
+  const activate = container => {
+    container.addEventListener('keydown', onKeyDown, true);
   };
-  const deactivate = (container) => {
-    container.removeEventListener("keydown", onKeyDown, true);
+
+  const deactivate = container => {
+    container.removeEventListener('keydown', onKeyDown, true);
   };
-  (0, import_react.useEffect)(() => {
+
+  React.useEffect(() => {
     activate(containerRef.current);
     return () => {
       deactivate(containerRef.current);
     };
   }, []);
-  const valueProvider = (0, import_react.useMemo)(() => ({
+  const valueProvider = React.useMemo(() => ({
     register
   }), []);
-  return /* @__PURE__ */ import_react.default.createElement(Provider, {
+  return /*#__PURE__*/_jsx__default["default"](Provider, {
     value: valueProvider
-  }, decoratedChild);
-};
-var FocusGrid_default = FocusGridProvider;
-module.exports = __toCommonJS(FocusGrid_exports);
-//# sourceMappingURL=FocusGrid.js.map
+  }, void 0, decoratedChild);
+}
+
+exports.FocusGridContext = FocusGridContext;
+exports["default"] = FocusGridProvider;