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

package/dist/esm/Animations/GrowRight.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Animations/GrowRight.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { BaseAnimation } from './BaseAnimation';\n\nconst GrowRight = ({\n  keys = undefined,\n  items = undefined,\n  duration = 200,\n  from = 0,\n  to = 1,\n  children,\n  onRest = () => null,\n}) => (\n  <BaseAnimation\n    duration={duration}\n    enter={{\n      opacity: `${to}`,\n      transform: 'translateX(0px)',\n    }}\n    from={{\n      opacity: `${from}`,\n      transform: 'translateX(100%)',\n    }}\n    items={items}\n    keys={keys}\n    leave={{\n      opacity: `${from}`,\n      transform: 'translateX(100%)',\n    }}\n    onRest={onRest}\n  >\n    {children}\n  </BaseAnimation>\n);\n\nexport { GrowRight };\nexport default GrowRight;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,YAAY,CAAC;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,OAAO;AAAA,EACP,KAAK;AAAA,EACL;AAAA,EACA,SAAS,MAAM;AAAA,MAEf,qCAAC,eAAD;AAAA,EACE;AAAA,EACA,OAAO;AAAA,IACL,SAAS,GAAG;AAAA,IACZ,WAAW;AAAA;AAAA,EAEb,MAAM;AAAA,IACJ,SAAS,GAAG;AAAA,IACZ,WAAW;AAAA;AAAA,EAEb;AAAA,EACA;AAAA,EACA,OAAO;AAAA,IACL,SAAS,GAAG;AAAA,IACZ,WAAW;AAAA;AAAA,EAEb;AAAA,GAEC;AAKL,IAAO,oBAAQ;",
+  "names": []
+}

package/dist/esm/Animations/GrowVertical.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import React2 from "react";
+import { BaseAnimation } from "./BaseAnimation";
+const GrowVertical = ({
+  keys = void 0,
+  duration,
+  items = void 0,
+  from = 0,
+  to = 1,
+  children,
+  onRest = () => null
+}) => /* @__PURE__ */ React2.createElement(BaseAnimation, {
+  duration,
+  enter: { opacity: 1, transform: `scaleY(${to})`, transformOrigin: "top" },
+  from: {
+    opacity: 0,
+    transform: `scaleY(${from})`,
+    transformOrigin: "top"
+  },
+  items,
+  keys,
+  leave: {
+    opacity: 0,
+    transform: `scaleY(${from})`,
+    transformOrigin: "top"
+  },
+  onRest
+}, children);
+//# sourceMappingURL=GrowVertical.js.map

package/dist/esm/Animations/GrowVertical.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Animations/GrowVertical.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { BaseAnimation } from './BaseAnimation';\n\nconst GrowVertical = ({\n  keys = undefined,\n  duration,\n  items = undefined,\n  from = 0,\n  to = 1,\n  children,\n  onRest = () => null,\n}) => (\n  <BaseAnimation\n    duration={duration}\n    enter={{ opacity: 1, transform: `scaleY(${to})`, transformOrigin: 'top' }}\n    from={{\n      opacity: 0,\n      transform: `scaleY(${from})`,\n      transformOrigin: 'top',\n    }}\n    items={items}\n    keys={keys}\n    leave={{\n      opacity: 0,\n      transform: `scaleY(${from})`,\n      transformOrigin: 'top',\n    }}\n    onRest={onRest}\n  >\n    {children}\n  </BaseAnimation>\n);\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL;AAAA,EACA,SAAS,MAAM;AAAA,MAEf,qCAAC,eAAD;AAAA,EACE;AAAA,EACA,OAAO,EAAE,SAAS,GAAG,WAAW,UAAU,OAAO,iBAAiB;AAAA,EAClE,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAW,UAAU;AAAA,IACrB,iBAAiB;AAAA;AAAA,EAEnB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,WAAW,UAAU;AAAA,IACrB,iBAAiB;AAAA;AAAA,EAEnB;AAAA,GAEC;",
+  "names": []
+}

package/dist/esm/CheckableGroup.js

@@ -0,0 +1,65 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import React2, { cloneElement } from "react";
+import PropTypes from "prop-types";
+import { addOrRemove, runAll, useDerivedStateFromProps } from "@elliemae/ds-utilities";
+function useCheckableGroup({
+  children,
+  active: activeProp,
+  multi,
+  onCheck = () => null
+}) {
+  const [active, setActive] = useDerivedStateFromProps(activeProp);
+  const handleCheck = ({ target: { value } }, item) => {
+    setActive((prevActive) => {
+      const nextActive = multi ? addOrRemove(prevActive, value) : value;
+      onCheck(nextActive, item);
+      return nextActive;
+    });
+  };
+  return React2.Children.map(children, (child) => {
+    const { props } = child;
+    const checked = Array.isArray(active) ? active.indexOf(props.name) !== -1 : active === props.name;
+    return cloneElement(child, __spreadProps(__spreadValues({}, props), {
+      checked,
+      onClick: runAll(handleCheck, props.onClick)
+    }));
+  });
+}
+function CheckableGroup({
+  active = [],
+  multi = false,
+  children
+}) {
+  return useCheckableGroup({ active, multi, children });
+}
+CheckableGroup.propTypes = {
+  active: PropTypes.arrayOf(PropTypes.string),
+  multi: PropTypes.bool,
+  onCheck: PropTypes.func
+};
+var CheckableGroup_default = CheckableGroup;
+export {
+  CheckableGroup,
+  CheckableGroup_default as default,
+  useCheckableGroup
+};
+//# sourceMappingURL=CheckableGroup.js.map

package/dist/esm/CheckableGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/CheckableGroup.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { cloneElement } from 'react';\nimport PropTypes from 'prop-types';\nimport { addOrRemove, runAll, useDerivedStateFromProps } from '@elliemae/ds-utilities';\n\nexport function useCheckableGroup({\n  children,\n  active: activeProp,\n  multi,\n  onCheck = () => null,\n}) {\n  const [active, setActive] = useDerivedStateFromProps(activeProp);\n\n  const handleCheck = ({ target: { value } }, item) => {\n    setActive(prevActive => {\n      const nextActive = multi ? addOrRemove(prevActive, value) : value;\n      onCheck(nextActive, item);\n      return nextActive;\n    });\n  };\n\n  return React.Children.map(children, child => {\n    const { props } = child;\n    const checked = Array.isArray(active)\n      ? active.indexOf(props.name) !== -1\n      : active === props.name;\n\n    return cloneElement(child, {\n      ...props,\n      checked,\n      onClick: runAll(handleCheck, props.onClick),\n    });\n  });\n}\n\nfunction CheckableGroup({\n  active = [],\n  multi = false, // checkbox or radio\n  children,\n}) {\n  return useCheckableGroup({ active, multi, children });\n}\n\nCheckableGroup.propTypes = {\n  /* The item (if multi false) or items (if multi true) selected */\n  active: PropTypes.arrayOf(PropTypes.string),\n  /* Whether is multi select or not */\n  multi: PropTypes.bool,\n  /* Handler when a user checks an item */\n  onCheck: PropTypes.func,\n};\n\nexport { CheckableGroup };\nexport default CheckableGroup;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEO,2BAA2B;AAAA,EAChC;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,UAAU,MAAM;AAAA,GACf;AACD,QAAM,CAAC,QAAQ,aAAa,yBAAyB;AAErD,QAAM,cAAc,CAAC,EAAE,QAAQ,EAAE,WAAW,SAAS;AACnD,cAAU,gBAAc;AACtB,YAAM,aAAa,QAAQ,YAAY,YAAY,SAAS;AAC5D,cAAQ,YAAY;AACpB,aAAO;AAAA;AAAA;AAIX,SAAO,OAAM,SAAS,IAAI,UAAU,WAAS;AAC3C,UAAM,EAAE,UAAU;AAClB,UAAM,UAAU,MAAM,QAAQ,UAC1B,OAAO,QAAQ,MAAM,UAAU,KAC/B,WAAW,MAAM;AAErB,WAAO,aAAa,OAAO,iCACtB,QADsB;AAAA,MAEzB;AAAA,MACA,SAAS,OAAO,aAAa,MAAM;AAAA;AAAA;AAAA;AAKzC,wBAAwB;AAAA,EACtB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,GACC;AACD,SAAO,kBAAkB,EAAE,QAAQ,OAAO;AAAA;AAG5C,eAAe,YAAY;AAAA,EAEzB,QAAQ,UAAU,QAAQ,UAAU;AAAA,EAEpC,OAAO,UAAU;AAAA,EAEjB,SAAS,UAAU;AAAA;AAIrB,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/esm/DeferRenderAfterComputation.js

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { useEffect, useState } from "react";
+import raf from "raf";
+const DeferRenderAfterComputation = ({
+  children,
+  resolve,
+  fallback,
+  timeout = 2e3
+}) => {
+  const [shouldRender, setShouldRender] = useState(false);
+  useEffect(() => {
+    raf(() => raf(() => resolve().then(() => {
+      setShouldRender(true);
+    })));
+  }, []);
+  return shouldRender ? children : fallback;
+};
+var DeferRenderAfterComputation_default = DeferRenderAfterComputation;
+export {
+  DeferRenderAfterComputation,
+  DeferRenderAfterComputation_default as default
+};
+//# sourceMappingURL=DeferRenderAfterComputation.js.map

package/dist/esm/DeferRenderAfterComputation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DeferRenderAfterComputation.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect, useState } from 'react';\nimport raf from 'raf';\n\nexport const DeferRenderAfterComputation = ({\n  children,\n  resolve,\n  fallback,\n  timeout = 2000,\n}) => {\n  const [shouldRender, setShouldRender] = useState(false);\n\n  useEffect(() => {\n    // eslint-disable-next-line max-nested-callbacks\n    raf(() =>\n      raf(() =>\n        resolve().then(() => {\n          setShouldRender(true);\n        }),\n      ),\n    );\n  }, []);\n  return shouldRender ? children : fallback;\n};\n\nexport default DeferRenderAfterComputation;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,MACN;AACJ,QAAM,CAAC,cAAc,mBAAmB,SAAS;AAEjD,YAAU,MAAM;AAEd,QAAI,MACF,IAAI,MACF,UAAU,KAAK,MAAM;AACnB,sBAAgB;AAAA;AAAA,KAIrB;AACH,SAAO,eAAe,WAAW;AAAA;AAGnC,IAAO,sCAAQ;",
+  "names": []
+}

package/dist/esm/FocusGroup/FocusGrid.js

@@ -0,0 +1,166 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import React2, { createContext, useEffect, useMemo, useRef } from "react";
+import { isFunction, runAll, get, useHotkeys, mergeRefs } from "@elliemae/ds-utilities";
+import { getNextCellPosition } from "./utils/getNextCellPosition";
+const FocusGridContext = createContext();
+const { Provider } = FocusGridContext;
+const preventDefault = (e) => e.preventDefault();
+function registerHotKeysHooks(hotKeys, { focusedRow, focusedCell }) {
+  Object.keys(hotKeys).forEach((key) => {
+    const { handler, options } = hotKeys[key];
+    useHotkeys({
+      keys: key,
+      handler: (e) => {
+        e.preventDefault();
+        handler({
+          rowIndex: focusedRow.current,
+          cellIndex: focusedCell.current
+        });
+      },
+      options
+    });
+  });
+}
+const FocusGridProvider = ({
+  shouldWrapRows = false,
+  shouldWrapCells = false,
+  shouldRefocus = true,
+  children,
+  keyBindings,
+  hotKeys
+}) => {
+  const focusedRow = useRef();
+  const focusedCell = useRef();
+  const grid = useRef([]);
+  const containerRef = useRef(document);
+  const child = React2.Children.only(children);
+  const decoratedChild = React2.cloneElement(child, {
+    innerRef: mergeRefs(child.props.innerRef, containerRef)
+  });
+  const getNode = ({ rowIndex, cellIndex }) => get(grid.current, [rowIndex, cellIndex]);
+  const register = (node, rowIndex, columnIndex) => {
+    if (!node)
+      return;
+    if (!Array.isArray(grid.current[rowIndex])) {
+      grid.current[rowIndex] = [];
+    }
+    if (rowIndex === 0 && columnIndex === 0) {
+      node.setAttribute("tabindex", 0);
+    } else {
+      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);
+      focusedRow.current = rowIndex;
+      focusedCell.current = columnIndex;
+    };
+    grid.current[rowIndex][columnIndex] = node;
+  };
+  useEffect(() => {
+    if (shouldRefocus) {
+      const rowIndex = focusedRow.current;
+      const cellIndex = focusedCell.current;
+      const node = get(grid.current, [rowIndex, cellIndex]);
+      if (node)
+        node.focus();
+    }
+  });
+  const focusNextCell = (directionY, directionX, position) => {
+    const { rowIndex, cellIndex } = position || getNextCellPosition({
+      grid: grid.current,
+      currentCell: focusedCell.current,
+      currentRow: focusedRow.current,
+      directionX,
+      directionY,
+      shouldWrapCells,
+      shouldWrapRows
+    });
+    const node = getNode({ rowIndex, cellIndex });
+    if (node) {
+      node.focus();
+      focusedRow.current = rowIndex;
+      focusedCell.current = cellIndex;
+    }
+  };
+  registerHotKeysHooks(hotKeys, { focusedCell, focusedRow });
+  const defaultKeyBindings = __spreadValues({
+    ArrowUp: runAll(preventDefault, () => focusNextCell(-1, 0)),
+    ArrowRight: runAll(preventDefault, () => focusNextCell(0, 1)),
+    ArrowDown: runAll(preventDefault, () => focusNextCell(1, 0)),
+    ArrowLeft: runAll(preventDefault, () => focusNextCell(0, -1)),
+    Home: runAll(preventDefault, (e) => {
+      let rowIndex = focusedRow.current;
+      if (e.ctrlKey) {
+        rowIndex = 0;
+      }
+      focusNextCell(0, 0, { rowIndex, cellIndex: 0 });
+    }),
+    End: 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 = isFunction(keyBindings) ? keyBindings({
+    defaultBindings: defaultKeyBindings,
+    rowIndex: focusedRow.current,
+    cellIndex: focusedCell.current
+  }) : __spreadValues(__spreadValues({}, defaultKeyBindings), keyBindings);
+  const onKeyDown = (e) => {
+    if (e.target.tagName.toLowerCase() === "input")
+      return;
+    const action = nextKeyBindings[e.key];
+    if (isFunction(action))
+      action(e);
+  };
+  const activate = (container) => {
+    container.addEventListener("keydown", onKeyDown, true);
+  };
+  const deactivate = (container) => {
+    container.removeEventListener("keydown", onKeyDown, true);
+  };
+  useEffect(() => {
+    activate(containerRef.current);
+    return () => {
+      deactivate(containerRef.current);
+    };
+  }, []);
+  const valueProvider = useMemo(() => ({
+    register
+  }), []);
+  return /* @__PURE__ */ React2.createElement(Provider, {
+    value: valueProvider
+  }, decoratedChild);
+};
+var FocusGrid_default = FocusGridProvider;
+export {
+  FocusGridProvider as FocusGrid,
+  FocusGridContext,
+  FocusGridProvider,
+  FocusGrid_default as default
+};
+//# sourceMappingURL=FocusGrid.js.map

package/dist/esm/FocusGroup/FocusGrid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/FocusGrid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { createContext, useEffect, useMemo, useRef } from 'react';\nimport { isFunction, runAll, get, useHotkeys, mergeRefs } from '@elliemae/ds-utilities';\nimport { getNextCellPosition } from './utils/getNextCellPosition';\n\nconst FocusGridContext = createContext();\nconst { Provider } = FocusGridContext;\n\nconst preventDefault = e => e.preventDefault();\n\nfunction registerHotKeysHooks(hotKeys, { focusedRow, focusedCell }) {\n  Object.keys(hotKeys).forEach(key => {\n    const { handler, options } = hotKeys[key];\n    useHotkeys({\n      keys: key,\n      handler: e => {\n        e.preventDefault();\n        handler({\n          rowIndex: focusedRow.current,\n          cellIndex: focusedCell.current,\n        });\n      },\n      options,\n    });\n  });\n}\n\n// eslint-disable-next-line max-statements\nconst FocusGridProvider = ({\n  shouldWrapRows = false,\n  shouldWrapCells = false,\n  shouldRefocus = true,\n  children,\n  keyBindings,\n  hotKeys,\n}) => {\n  const focusedRow = useRef();\n  const focusedCell = useRef();\n  const grid = useRef([]);\n  const containerRef = useRef(document);\n  const child = React.Children.only(children);\n  const decoratedChild = React.cloneElement(child, {\n    innerRef: mergeRefs(child.props.innerRef, containerRef),\n  });\n\n  const getNode = ({ rowIndex, cellIndex }) =>\n    get(grid.current, [rowIndex, cellIndex]);\n\n  const register = (node, rowIndex, columnIndex) => {\n    if (!node) return;\n    if (!Array.isArray(grid.current[rowIndex])) {\n      grid.current[rowIndex] = [];\n    }\n\n    if (rowIndex === 0 && columnIndex === 0) {\n      node.setAttribute('tabindex', 0);\n    } else {\n      node.setAttribute('tabindex', -1);\n    }\n\n    node.onfocus = () => {\n      const prevNode = getNode({\n        rowIndex: focusedRow.current,\n        cellIndex: focusedCell.current,\n      });\n\n      if (prevNode) prevNode.setAttribute('tabindex', -1);\n\n      node.setAttribute('tabindex', 0);\n      focusedRow.current = rowIndex;\n      focusedCell.current = columnIndex;\n    };\n    grid.current[rowIndex][columnIndex] = node;\n  };\n\n  useEffect(() => {\n    if (shouldRefocus) {\n      const rowIndex = focusedRow.current;\n      const cellIndex = focusedCell.current;\n\n      const node = get(grid.current, [rowIndex, cellIndex]);\n      if (node) node.focus();\n    }\n  });\n\n  const focusNextCell = (directionY, directionX, position) => {\n    const { rowIndex, cellIndex } =\n      position ||\n      getNextCellPosition({\n        grid: grid.current,\n        currentCell: focusedCell.current,\n        currentRow: focusedRow.current,\n        directionX,\n        directionY,\n        shouldWrapCells,\n        shouldWrapRows,\n      });\n\n    const node = getNode({ rowIndex, cellIndex });\n\n    // can focus\n    if (node) {\n      node.focus();\n      focusedRow.current = rowIndex;\n      focusedCell.current = cellIndex;\n    }\n  };\n\n  registerHotKeysHooks(hotKeys, { focusedCell, focusedRow });\n\n  const defaultKeyBindings = {\n    ArrowUp: runAll(preventDefault, () => focusNextCell(-1, 0)),\n    ArrowRight: runAll(preventDefault, () => focusNextCell(0, 1)),\n    ArrowDown: runAll(preventDefault, () => focusNextCell(1, 0)),\n    ArrowLeft: runAll(preventDefault, () => focusNextCell(0, -1)),\n    Home: runAll(preventDefault, e => {\n      let rowIndex = focusedRow.current;\n      if (e.ctrlKey) {\n        rowIndex = 0;\n      }\n      focusNextCell(0, 0, { rowIndex, cellIndex: 0 });\n    }),\n    End: runAll(preventDefault, e => {\n      let rowIndex = focusedRow.current;\n      if (e.ctrlKey) {\n        rowIndex = grid.current.length - 1;\n      }\n      focusNextCell(0, 0, { rowIndex, cellIndex: grid.current[0].length - 1 });\n    }),\n    ...keyBindings,\n  };\n  const nextKeyBindings = isFunction(keyBindings)\n    ? keyBindings({\n        defaultBindings: defaultKeyBindings,\n        rowIndex: focusedRow.current,\n        cellIndex: focusedCell.current,\n      })\n    : { ...defaultKeyBindings, ...keyBindings };\n\n  const onKeyDown = e => {\n    if (e.target.tagName.toLowerCase() === 'input') return;\n    const action = nextKeyBindings[e.key];\n    if (isFunction(action)) action(e);\n  };\n\n  const activate = container => {\n    container.addEventListener('keydown', onKeyDown, true);\n  };\n\n  const deactivate = container => {\n    container.removeEventListener('keydown', onKeyDown, true);\n  };\n\n  useEffect(() => {\n    activate(containerRef.current);\n    return () => {\n      deactivate(containerRef.current);\n    };\n  }, []);\n\n  const valueProvider = useMemo(\n    () => ({\n      register,\n    }),\n    [],\n  );\n\n  return <Provider value={valueProvider}>{decoratedChild}</Provider>;\n};\n\nexport { FocusGridProvider, FocusGridProvider as FocusGrid, FocusGridContext };\nexport default FocusGridProvider;\n"],
+  "mappings": "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",
+  "names": []
+}