@elliemae/ds-shared 3.16.0-next.1 → 3.16.0-next.10

package/dist/cjs/Animations/BaseAnimation.js

@@ -40,18 +40,6 @@ const BaseAnimation = ({
   leave = {},
   onRest = () => null,
   children
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_renderprops.Transition,
-  {
-    config: { duration },
-    enter,
-    from,
-    items,
-    keys,
-    leave,
-    onRest,
-    children
-  }
-);
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_renderprops.Transition, { config: { duration }, enter, from, items, keys, leave, onRest, children });
 var BaseAnimation_default = BaseAnimation;
 //# sourceMappingURL=BaseAnimation.js.map

package/dist/cjs/Animations/BaseAnimation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Animations/BaseAnimation.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { Transition } from 'react-spring/renderprops';\n\nconst BaseAnimation = ({\n  keys = undefined,\n  items = [],\n  duration = 100,\n  enter = {},\n  from = {},\n  leave = {},\n  onRest = () => null,\n  children,\n}) => (\n  <Transition\n    config={{ duration }}\n    enter={enter}\n    from={from}\n    items={items}\n    keys={keys}\n    leave={leave}\n    onRest={onRest}\n  >\n    {children}\n  </Transition>\n);\n\nexport { BaseAnimation };\nexport default BaseAnimation;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcrB;AAZF,yBAA2B;AAE3B,MAAM,gBAAgB,CAAC;AAAA,EACrB,OAAO;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,WAAW;AAAA,EACX,QAAQ,CAAC;AAAA,EACT,OAAO,CAAC;AAAA,EACR,QAAQ,CAAC;AAAA,EACT,SAAS,MAAM;AAAA,EACf;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ,EAAE,SAAS;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAIF,IAAO,wBAAQ;",
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { Transition } from 'react-spring/renderprops';\n\nconst BaseAnimation = ({\n  keys = undefined,\n  items = [],\n  duration = 100,\n  enter = {},\n  from = {},\n  leave = {},\n  onRest = () => null,\n  children,\n}) => (\n  <Transition config={{ duration }} enter={enter} from={from} items={items} keys={keys} leave={leave} onRest={onRest}>\n    {children}\n  </Transition>\n);\n\nexport { BaseAnimation };\nexport default BaseAnimation;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcrB;AAZF,yBAA2B;AAE3B,MAAM,gBAAgB,CAAC;AAAA,EACrB,OAAO;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,WAAW;AAAA,EACX,QAAQ,CAAC;AAAA,EACT,OAAO,CAAC;AAAA,EACR,QAAQ,CAAC;AAAA,EACT,SAAS,MAAM;AAAA,EACf;AACF,MACE,4CAAC,iCAAW,QAAQ,EAAE,SAAS,GAAG,OAAc,MAAY,OAAc,MAAY,OAAc,QACjG,UACH;AAIF,IAAO,wBAAQ;",
   "names": []
 }

package/dist/cjs/Animations/Grow.js

@@ -30,16 +30,8 @@ __export(Grow_exports, {
 module.exports = __toCommonJS(Grow_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_BaseAnimation = require("./BaseAnimation");
-const Grow = ({
-  keys = void 0,
-  duration,
-  items = void 0,
-  from = 0,
-  to = 1,
-  children,
-  onRest = () => null
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+var import_BaseAnimation = require("./BaseAnimation.js");
+const Grow = ({ keys = void 0, duration, items = void 0, from = 0, to = 1, children, onRest = () => null }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   import_BaseAnimation.BaseAnimation,
   {
     duration,

package/dist/cjs/Animations/Grow.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Animations/Grow.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { BaseAnimation } from './BaseAnimation';\n\nconst Grow = ({\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: `scale(${to})` }}\n    from={{ opacity: 0, transform: `scale(${from})` }}\n    items={items}\n    keys={keys}\n    leave={{ opacity: 0, transform: `scale(${from})` }}\n    onRest={onRest}\n  >\n    {children}\n  </BaseAnimation>\n);\n\nexport { Grow };\nexport default Grow;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYrB;AAXF,2BAA8B;AAE9B,MAAM,OAAO,CAAC;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL;AAAA,EACA,SAAS,MAAM;AACjB,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,OAAO,EAAE,SAAS,GAAG,WAAW,SAAS,MAAM;AAAA,IAC/C,MAAM,EAAE,SAAS,GAAG,WAAW,SAAS,QAAQ;AAAA,IAChD;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS,GAAG,WAAW,SAAS,QAAQ;AAAA,IACjD;AAAA,IAEC;AAAA;AACH;AAIF,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { BaseAnimation } from './BaseAnimation.js';\n\nconst Grow = ({ keys = undefined, duration, items = undefined, from = 0, to = 1, children, onRest = () => null }) => (\n  <BaseAnimation\n    duration={duration}\n    enter={{ opacity: 1, transform: `scale(${to})` }}\n    from={{ opacity: 0, transform: `scale(${from})` }}\n    items={items}\n    keys={keys}\n    leave={{ opacity: 0, transform: `scale(${from})` }}\n    onRest={onRest}\n  >\n    {children}\n  </BaseAnimation>\n);\n\nexport { Grow };\nexport default Grow;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIrB;AAHF,2BAA8B;AAE9B,MAAM,OAAO,CAAC,EAAE,OAAO,QAAW,UAAU,QAAQ,QAAW,OAAO,GAAG,KAAK,GAAG,UAAU,SAAS,MAAM,KAAK,MAC7G;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,OAAO,EAAE,SAAS,GAAG,WAAW,SAAS,MAAM;AAAA,IAC/C,MAAM,EAAE,SAAS,GAAG,WAAW,SAAS,QAAQ;AAAA,IAChD;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS,GAAG,WAAW,SAAS,QAAQ;AAAA,IACjD;AAAA,IAEC;AAAA;AACH;AAIF,IAAO,eAAQ;",
   "names": []
 }

package/dist/cjs/Animations/GrowRight.js

@@ -30,7 +30,7 @@ __export(GrowRight_exports, {
 module.exports = __toCommonJS(GrowRight_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_BaseAnimation = require("./BaseAnimation");
+var import_BaseAnimation = require("./BaseAnimation.js");
 const GrowRight = ({
   keys = void 0,
   items = void 0,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Animations/GrowRight.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import React from 'react';\nimport { BaseAnimation } from './BaseAnimation.js';\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", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYrB;AAXF,2BAA8B;AAE9B,MAAM,YAAY,CAAC;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,OAAO;AAAA,EACP,KAAK;AAAA,EACL;AAAA,EACA,SAAS,MAAM;AACjB,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,OAAO;AAAA,MACL,SAAS,GAAG;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,GAAG;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MACL,SAAS,GAAG;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAIF,IAAO,oBAAQ;",
   "names": []
 }

package/dist/cjs/Animations/GrowVertical.js

@@ -30,7 +30,7 @@ __export(GrowVertical_exports, {
 module.exports = __toCommonJS(GrowVertical_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_BaseAnimation = require("./BaseAnimation");
+var import_BaseAnimation = require("./BaseAnimation.js");
 const GrowVertical = ({
   keys = void 0,
   duration,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Animations/GrowVertical.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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\nexport { GrowVertical };\nexport default GrowVertical;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import React from 'react';\nimport { BaseAnimation } from './BaseAnimation.js';\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\nexport { GrowVertical };\nexport default GrowVertical;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYrB;AAXF,2BAA8B;AAE9B,MAAM,eAAe,CAAC;AAAA,EACpB,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL;AAAA,EACA,SAAS,MAAM;AACjB,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,OAAO,EAAE,SAAS,GAAG,WAAW,UAAU,OAAO,iBAAiB,MAAM;AAAA,IACxE,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,WAAW,UAAU;AAAA,MACrB,iBAAiB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW,UAAU;AAAA,MACrB,iBAAiB;AAAA,IACnB;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAIF,IAAO,uBAAQ;",
   "names": []
 }

package/dist/cjs/Animations/index.js

@@ -22,8 +22,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var Animations_exports = {};
 module.exports = __toCommonJS(Animations_exports);
 var React = __toESM(require("react"));
-__reExport(Animations_exports, require("./BaseAnimation"), module.exports);
-__reExport(Animations_exports, require("./Grow"), module.exports);
-__reExport(Animations_exports, require("./GrowRight"), module.exports);
-__reExport(Animations_exports, require("./GrowVertical"), module.exports);
+__reExport(Animations_exports, require("./BaseAnimation.js"), module.exports);
+__reExport(Animations_exports, require("./Grow.js"), module.exports);
+__reExport(Animations_exports, require("./GrowRight.js"), module.exports);
+__reExport(Animations_exports, require("./GrowVertical.js"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/Animations/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Animations/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './BaseAnimation';\nexport * from './Grow';\nexport * from './GrowRight';\nexport * from './GrowVertical';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAc,4BAAd;AACA,+BAAc,mBADd;AAEA,+BAAc,wBAFd;AAGA,+BAAc,2BAHd;",
+  "sourcesContent": ["export * from './BaseAnimation.js';\nexport * from './Grow.js';\nexport * from './GrowRight.js';\nexport * from './GrowVertical.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAc,+BAAd;AACA,+BAAc,sBADd;AAEA,+BAAc,2BAFd;AAGA,+BAAc,8BAHd;",
   "names": []
 }

package/dist/cjs/CheckableGroup.js

@@ -52,13 +52,11 @@ function useCheckableGroup({ children, active: activeProp, multi, onCheck = () =
     });
   });
 }
-function CheckableGroup({
+const CheckableGroup = ({
   active = [],
   multi = false,
   children
-}) {
-  return useCheckableGroup({ active, multi, children });
-}
+}) => useCheckableGroup({ active, multi, children });
 CheckableGroup.propTypes = {
   active: import_prop_types.default.arrayOf(import_prop_types.default.string),
   multi: import_prop_types.default.bool,

package/dist/cjs/CheckableGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/CheckableGroup.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { cloneElement } from 'react';\nimport PropTypes from 'prop-types';\nimport { addOrRemove, runAll, useDerivedStateFromProps } from '@elliemae/ds-utilities';\n\nexport function useCheckableGroup({ children, active: activeProp, multi, onCheck = () => null }) {\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) ? active.indexOf(props.name) !== -1 : active === props.name;\n\n    return cloneElement(child, {\n      ...props,\n      checked,\n      onClick: runAll(handleCheck, props.onClick),\n    });\n  });\n}\n\nexport function 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 default CheckableGroup;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,wBAAsB;AACtB,0BAA8D;AAEvD,SAAS,kBAAkB,EAAE,UAAU,QAAQ,YAAY,OAAO,UAAU,MAAM,KAAK,GAAG;AAC/F,QAAM,CAAC,QAAQ,SAAS,QAAI,8CAAyB,UAAU;AAE/D,QAAM,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS;AACnD,cAAU,CAAC,eAAe;AACxB,YAAM,aAAa,YAAQ,iCAAY,YAAY,KAAK,IAAI;AAC5D,cAAQ,YAAY,IAAI;AACxB,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SAAO,aAAAA,QAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AAC7C,UAAM,EAAE,MAAM,IAAI;AAClB,UAAM,UAAU,MAAM,QAAQ,MAAM,IAAI,OAAO,QAAQ,MAAM,IAAI,MAAM,KAAK,WAAW,MAAM;AAE7F,eAAO,2BAAa,OAAO;AAAA,MACzB,GAAG;AAAA,MACH;AAAA,MACA,aAAS,4BAAO,aAAa,MAAM,OAAO;AAAA,IAC5C,CAAC;AAAA,EACH,CAAC;AACH;AAEO,SAAS,eAAe;AAAA,EAC7B,SAAS,CAAC;AAAA,EACV,QAAQ;AAAA,EACR;AACF,GAAG;AACD,SAAO,kBAAkB,EAAE,QAAQ,OAAO,SAAS,CAAC;AACtD;AAEA,eAAe,YAAY;AAAA,EAEzB,QAAQ,kBAAAC,QAAU,QAAQ,kBAAAA,QAAU,MAAM;AAAA,EAE1C,OAAO,kBAAAA,QAAU;AAAA,EAEjB,SAAS,kBAAAA,QAAU;AACrB;AAEA,IAAO,yBAAQ;",
+  "sourcesContent": ["import React, { cloneElement } from 'react';\nimport PropTypes from 'prop-types';\nimport { addOrRemove, runAll, useDerivedStateFromProps } from '@elliemae/ds-utilities';\n\nexport function useCheckableGroup({ children, active: activeProp, multi, onCheck = () => null }) {\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) ? active.indexOf(props.name) !== -1 : active === props.name;\n\n    return cloneElement(child, {\n      ...props,\n      checked,\n      onClick: runAll(handleCheck, props.onClick),\n    });\n  });\n}\n\nexport const CheckableGroup = ({\n  active = [],\n  multi = false, // checkbox or radio\n  children,\n}) => useCheckableGroup({ active, multi, children });\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 default CheckableGroup;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,wBAAsB;AACtB,0BAA8D;AAEvD,SAAS,kBAAkB,EAAE,UAAU,QAAQ,YAAY,OAAO,UAAU,MAAM,KAAK,GAAG;AAC/F,QAAM,CAAC,QAAQ,SAAS,QAAI,8CAAyB,UAAU;AAE/D,QAAM,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS;AACnD,cAAU,CAAC,eAAe;AACxB,YAAM,aAAa,YAAQ,iCAAY,YAAY,KAAK,IAAI;AAC5D,cAAQ,YAAY,IAAI;AACxB,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SAAO,aAAAA,QAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AAC7C,UAAM,EAAE,MAAM,IAAI;AAClB,UAAM,UAAU,MAAM,QAAQ,MAAM,IAAI,OAAO,QAAQ,MAAM,IAAI,MAAM,KAAK,WAAW,MAAM;AAE7F,eAAO,2BAAa,OAAO;AAAA,MACzB,GAAG;AAAA,MACH;AAAA,MACA,aAAS,4BAAO,aAAa,MAAM,OAAO;AAAA,IAC5C,CAAC;AAAA,EACH,CAAC;AACH;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,SAAS,CAAC;AAAA,EACV,QAAQ;AAAA,EACR;AACF,MAAM,kBAAkB,EAAE,QAAQ,OAAO,SAAS,CAAC;AAEnD,eAAe,YAAY;AAAA,EAEzB,QAAQ,kBAAAC,QAAU,QAAQ,kBAAAA,QAAU,MAAM;AAAA,EAE1C,OAAO,kBAAAA,QAAU;AAAA,EAEjB,SAAS,kBAAAA,QAAU;AACrB;AAEA,IAAO,yBAAQ;",
   "names": ["React", "PropTypes"]
 }

package/dist/cjs/DeferRenderAfterComputation.js

@@ -31,12 +31,7 @@ module.exports = __toCommonJS(DeferRenderAfterComputation_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
 var import_raf = __toESM(require("raf"));
-const DeferRenderAfterComputation = ({
-  children,
-  resolve,
-  fallback,
-  timeout = 2e3
-}) => {
+const DeferRenderAfterComputation = ({ children, resolve, fallback, timeout = 2e3 }) => {
   const [shouldRender, setShouldRender] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {
     (0, import_raf.default)(

package/dist/cjs/DeferRenderAfterComputation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DeferRenderAfterComputation.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,iBAAgB;AAET,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACZ,MAAM;AACJ,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AAEtD,8BAAU,MAAM;AAEd,mBAAAA;AAAA,MAAI,UACF,WAAAA;AAAA,QAAI,MACF,QAAQ,EAAE,KAAK,MAAM;AACnB,0BAAgB,IAAI;AAAA,QACtB,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SAAO,eAAe,WAAW;AACnC;AAEA,IAAO,sCAAQ;",
+  "sourcesContent": ["import { useEffect, useState } from 'react';\nimport raf from 'raf';\n\nexport const DeferRenderAfterComputation = ({ children, resolve, fallback, timeout = 2000 }) => {\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,iBAAgB;AAET,MAAM,8BAA8B,CAAC,EAAE,UAAU,SAAS,UAAU,UAAU,IAAK,MAAM;AAC9F,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AAEtD,8BAAU,MAAM;AAEd,mBAAAA;AAAA,MAAI,UACF,WAAAA;AAAA,QAAI,MACF,QAAQ,EAAE,KAAK,MAAM;AACnB,0BAAgB,IAAI;AAAA,QACtB,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SAAO,eAAe,WAAW;AACnC;AAEA,IAAO,sCAAQ;",
   "names": ["raf"]
 }

package/dist/cjs/FocusGroup/FocusGrid.js

@@ -34,7 +34,7 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_getNextCellPosition = require("./utils/getNextCellPosition");
+var import_getNextCellPosition = require("./utils/getNextCellPosition.js");
 const FocusGridContext = (0, import_react.createContext)();
 const { Provider } = FocusGridContext;
 const preventDefault = (e) => e.preventDefault();

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FocusGroup/FocusGrid.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { createContext, useEffect, useMemo, useRef } from 'react';\nimport { isFunction, runAll, get, useHotkeys, mergeRefs } from '@elliemae/ds-utilities';\nimport { getNextCellPosition } from './utils/getNextCellPosition.js';\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 }) => 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["React"]
 }

package/dist/cjs/FocusGroup/FocusGroupManager.js

@@ -33,8 +33,8 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_FocusGroup = require("./FocusGroup");
-var import_FocusGroupContext = require("./FocusGroupContext");
+var import_FocusGroup = require("./FocusGroup.js");
+var import_FocusGroupContext = require("./FocusGroupContext.js");
 const noop = () => null;
 class FocusGroupProvider extends import_react.Component {
   constructor(props) {

package/dist/cjs/FocusGroup/FocusGroupManager.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FocusGroup/FocusGroupManager.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { Component, useEffect } from 'react';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { FocusGroup } from './FocusGroup';\nimport { FocusGroupContext } from './FocusGroupContext';\n\nconst noop = () => null;\n\nclass FocusGroupProvider extends Component {\n  activated = false;\n\n  static defaultProps = {\n    exitWhenNoPrevious: false,\n    exitWhenNoNext: false,\n    keyBindings: {},\n    onFocus: noop,\n    onExitFocusGroup: noop,\n    onFocusPreviousGroup: noop,\n    onFocusNextGroup: noop,\n    onFocusGroupSet: noop,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.focusGroup = new FocusGroup(props);\n\n    props.onFocusGroupSet(this);\n\n    this.actions = {\n      activate: this.activate.bind(this),\n      deactivate: this.deactivate.bind(this),\n      register: this.focusGroup.register,\n      unregister: this.unregister.bind(this),\n      focusFirst: this.focusGroup.focusFirst,\n      focusLast: this.focusGroup.focusLast,\n      focusItemByIndex: this.focusItemByIndex.bind(this),\n      focusItemByNode: this.focusItemByNode.bind(this),\n      focus: this.focusGroup.focusCurrent,\n      isGroupActive: this.focusGroup.isGroupActive,\n      focusNext: this.focusGroup.focusNext,\n      focusPrevious: this.focusGroup.focusPrevious,\n    };\n  }\n\n  componentDidMount() {\n    const { autoFocusOnMount } = this.props;\n\n    this.activate();\n\n    if (autoFocusOnMount) {\n      setTimeout(() => {\n        this.actions.focusFirst();\n      }, 0);\n    }\n  }\n\n  componentWillUnmount() {\n    this.deactivate();\n  }\n\n  activate() {\n    const { onActivate } = this.props;\n    this.focusGroup.activate();\n    this.activated = true;\n    if (isFunction(onActivate)) onActivate();\n  }\n\n  deactivate() {\n    const { onExitFocusGroup } = this.props;\n    this.activated = false;\n    this.focusGroup.deactivate();\n    if (isFunction(onExitFocusGroup)) {\n      onExitFocusGroup();\n    }\n  }\n\n  register(item) {\n    this.focusGroup.register(item);\n  }\n\n  unregister(item) {\n    this.focusGroup.unregister(item);\n  }\n\n  focusItemByIndex(index) {\n    if (!this.activated) this.activate();\n    setTimeout(() => {\n      this.focusGroup.focusByIndex(index);\n    }, 200);\n  }\n\n  focusItemByNode(node) {\n    if (!this.activated) this.activate();\n    const index = this.focusGroup.getItemIndexByNode(node);\n    this.focusItemByIndex(index);\n  }\n\n  render() {\n    const { children } = this.props;\n    return (\n      <FocusGroupContext.Provider value={this.actions}>\n        {children}\n      </FocusGroupContext.Provider>\n    );\n  }\n}\n\nexport { FocusGroupProvider, FocusGroupProvider as FocusGroupManager };\nexport default FocusGroupProvider;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoGjB;AApGN,mBAA4C;AAC5C,0BAA2B;AAC3B,wBAA2B;AAC3B,+BAAkC;AAElC,MAAM,OAAO,MAAM;AAEnB,MAAM,2BAA2B,uBAAU;AAAA,EAczC,YAAY,OAAO;AACjB,UAAM,KAAK;AAdb,qBAAY;AAgBV,SAAK,aAAa,IAAI,6BAAW,KAAK;AAEtC,UAAM,gBAAgB,IAAI;AAE1B,SAAK,UAAU;AAAA,MACb,UAAU,KAAK,SAAS,KAAK,IAAI;AAAA,MACjC,YAAY,KAAK,WAAW,KAAK,IAAI;AAAA,MACrC,UAAU,KAAK,WAAW;AAAA,MAC1B,YAAY,KAAK,WAAW,KAAK,IAAI;AAAA,MACrC,YAAY,KAAK,WAAW;AAAA,MAC5B,WAAW,KAAK,WAAW;AAAA,MAC3B,kBAAkB,KAAK,iBAAiB,KAAK,IAAI;AAAA,MACjD,iBAAiB,KAAK,gBAAgB,KAAK,IAAI;AAAA,MAC/C,OAAO,KAAK,WAAW;AAAA,MACvB,eAAe,KAAK,WAAW;AAAA,MAC/B,WAAW,KAAK,WAAW;AAAA,MAC3B,eAAe,KAAK,WAAW;AAAA,IACjC;AAAA,EACF;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,iBAAiB,IAAI,KAAK;AAElC,SAAK,SAAS;AAEd,QAAI,kBAAkB;AACpB,iBAAW,MAAM;AACf,aAAK,QAAQ,WAAW;AAAA,MAC1B,GAAG,CAAC;AAAA,IACN;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,SAAK,WAAW;AAAA,EAClB;AAAA,EAEA,WAAW;AACT,UAAM,EAAE,WAAW,IAAI,KAAK;AAC5B,SAAK,WAAW,SAAS;AACzB,SAAK,YAAY;AACjB,YAAI,gCAAW,UAAU;AAAG,iBAAW;AAAA,EACzC;AAAA,EAEA,aAAa;AACX,UAAM,EAAE,iBAAiB,IAAI,KAAK;AAClC,SAAK,YAAY;AACjB,SAAK,WAAW,WAAW;AAC3B,YAAI,gCAAW,gBAAgB,GAAG;AAChC,uBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,SAAS,MAAM;AACb,SAAK,WAAW,SAAS,IAAI;AAAA,EAC/B;AAAA,EAEA,WAAW,MAAM;AACf,SAAK,WAAW,WAAW,IAAI;AAAA,EACjC;AAAA,EAEA,iBAAiB,OAAO;AACtB,QAAI,CAAC,KAAK;AAAW,WAAK,SAAS;AACnC,eAAW,MAAM;AACf,WAAK,WAAW,aAAa,KAAK;AAAA,IACpC,GAAG,GAAG;AAAA,EACR;AAAA,EAEA,gBAAgB,MAAM;AACpB,QAAI,CAAC,KAAK;AAAW,WAAK,SAAS;AACnC,UAAM,QAAQ,KAAK,WAAW,mBAAmB,IAAI;AACrD,SAAK,iBAAiB,KAAK;AAAA,EAC7B;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,WACE,4CAAC,2CAAkB,UAAlB,EAA2B,OAAO,KAAK,SACrC,UACH;AAAA,EAEJ;AACF;AAlGM,mBAGG,eAAe;AAAA,EACpB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,aAAa,CAAC;AAAA,EACd,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,iBAAiB;AACnB;AAyFF,IAAO,4BAAQ;",
+  "sourcesContent": ["import React, { Component, useEffect } from 'react';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { FocusGroup } from './FocusGroup.js';\nimport { FocusGroupContext } from './FocusGroupContext.js';\n\nconst noop = () => null;\n\nclass FocusGroupProvider extends Component {\n  activated = false;\n\n  static defaultProps = {\n    exitWhenNoPrevious: false,\n    exitWhenNoNext: false,\n    keyBindings: {},\n    onFocus: noop,\n    onExitFocusGroup: noop,\n    onFocusPreviousGroup: noop,\n    onFocusNextGroup: noop,\n    onFocusGroupSet: noop,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.focusGroup = new FocusGroup(props);\n\n    props.onFocusGroupSet(this);\n\n    this.actions = {\n      activate: this.activate.bind(this),\n      deactivate: this.deactivate.bind(this),\n      register: this.focusGroup.register,\n      unregister: this.unregister.bind(this),\n      focusFirst: this.focusGroup.focusFirst,\n      focusLast: this.focusGroup.focusLast,\n      focusItemByIndex: this.focusItemByIndex.bind(this),\n      focusItemByNode: this.focusItemByNode.bind(this),\n      focus: this.focusGroup.focusCurrent,\n      isGroupActive: this.focusGroup.isGroupActive,\n      focusNext: this.focusGroup.focusNext,\n      focusPrevious: this.focusGroup.focusPrevious,\n    };\n  }\n\n  componentDidMount() {\n    const { autoFocusOnMount } = this.props;\n\n    this.activate();\n\n    if (autoFocusOnMount) {\n      setTimeout(() => {\n        this.actions.focusFirst();\n      }, 0);\n    }\n  }\n\n  componentWillUnmount() {\n    this.deactivate();\n  }\n\n  activate() {\n    const { onActivate } = this.props;\n    this.focusGroup.activate();\n    this.activated = true;\n    if (isFunction(onActivate)) onActivate();\n  }\n\n  deactivate() {\n    const { onExitFocusGroup } = this.props;\n    this.activated = false;\n    this.focusGroup.deactivate();\n    if (isFunction(onExitFocusGroup)) {\n      onExitFocusGroup();\n    }\n  }\n\n  register(item) {\n    this.focusGroup.register(item);\n  }\n\n  unregister(item) {\n    this.focusGroup.unregister(item);\n  }\n\n  focusItemByIndex(index) {\n    if (!this.activated) this.activate();\n    setTimeout(() => {\n      this.focusGroup.focusByIndex(index);\n    }, 200);\n  }\n\n  focusItemByNode(node) {\n    if (!this.activated) this.activate();\n    const index = this.focusGroup.getItemIndexByNode(node);\n    this.focusItemByIndex(index);\n  }\n\n  render() {\n    const { children } = this.props;\n    return <FocusGroupContext.Provider value={this.actions}>{children}</FocusGroupContext.Provider>;\n  }\n}\n\nexport { FocusGroupProvider, FocusGroupProvider as FocusGroupManager };\nexport default FocusGroupProvider;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmGZ;AAnGX,mBAA4C;AAC5C,0BAA2B;AAC3B,wBAA2B;AAC3B,+BAAkC;AAElC,MAAM,OAAO,MAAM;AAEnB,MAAM,2BAA2B,uBAAU;AAAA,EAczC,YAAY,OAAO;AACjB,UAAM,KAAK;AAdb,qBAAY;AAgBV,SAAK,aAAa,IAAI,6BAAW,KAAK;AAEtC,UAAM,gBAAgB,IAAI;AAE1B,SAAK,UAAU;AAAA,MACb,UAAU,KAAK,SAAS,KAAK,IAAI;AAAA,MACjC,YAAY,KAAK,WAAW,KAAK,IAAI;AAAA,MACrC,UAAU,KAAK,WAAW;AAAA,MAC1B,YAAY,KAAK,WAAW,KAAK,IAAI;AAAA,MACrC,YAAY,KAAK,WAAW;AAAA,MAC5B,WAAW,KAAK,WAAW;AAAA,MAC3B,kBAAkB,KAAK,iBAAiB,KAAK,IAAI;AAAA,MACjD,iBAAiB,KAAK,gBAAgB,KAAK,IAAI;AAAA,MAC/C,OAAO,KAAK,WAAW;AAAA,MACvB,eAAe,KAAK,WAAW;AAAA,MAC/B,WAAW,KAAK,WAAW;AAAA,MAC3B,eAAe,KAAK,WAAW;AAAA,IACjC;AAAA,EACF;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,iBAAiB,IAAI,KAAK;AAElC,SAAK,SAAS;AAEd,QAAI,kBAAkB;AACpB,iBAAW,MAAM;AACf,aAAK,QAAQ,WAAW;AAAA,MAC1B,GAAG,CAAC;AAAA,IACN;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,SAAK,WAAW;AAAA,EAClB;AAAA,EAEA,WAAW;AACT,UAAM,EAAE,WAAW,IAAI,KAAK;AAC5B,SAAK,WAAW,SAAS;AACzB,SAAK,YAAY;AACjB,YAAI,gCAAW,UAAU;AAAG,iBAAW;AAAA,EACzC;AAAA,EAEA,aAAa;AACX,UAAM,EAAE,iBAAiB,IAAI,KAAK;AAClC,SAAK,YAAY;AACjB,SAAK,WAAW,WAAW;AAC3B,YAAI,gCAAW,gBAAgB,GAAG;AAChC,uBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,SAAS,MAAM;AACb,SAAK,WAAW,SAAS,IAAI;AAAA,EAC/B;AAAA,EAEA,WAAW,MAAM;AACf,SAAK,WAAW,WAAW,IAAI;AAAA,EACjC;AAAA,EAEA,iBAAiB,OAAO;AACtB,QAAI,CAAC,KAAK;AAAW,WAAK,SAAS;AACnC,eAAW,MAAM;AACf,WAAK,WAAW,aAAa,KAAK;AAAA,IACpC,GAAG,GAAG;AAAA,EACR;AAAA,EAEA,gBAAgB,MAAM;AACpB,QAAI,CAAC,KAAK;AAAW,WAAK,SAAS;AACnC,UAAM,QAAQ,KAAK,WAAW,mBAAmB,IAAI;AACrD,SAAK,iBAAiB,KAAK;AAAA,EAC7B;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,WAAO,4CAAC,2CAAkB,UAAlB,EAA2B,OAAO,KAAK,SAAU,UAAS;AAAA,EACpE;AACF;AA9FM,mBAGG,eAAe;AAAA,EACpB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,aAAa,CAAC;AAAA,EACd,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,iBAAiB;AACnB;AAqFF,IAAO,4BAAQ;",
   "names": []
 }

package/dist/cjs/FocusGroup/focusGroupManagerHoc.js

@@ -30,23 +30,20 @@ __export(focusGroupManagerHoc_exports, {
 module.exports = __toCommonJS(focusGroupManagerHoc_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_FocusGroupManager = require("./FocusGroupManager");
+var import_FocusGroupManager = require("./FocusGroupManager.js");
 function FocusGroupHoc(WrappedComponent, options = {}) {
-  return ({
-    onExitFocusGroup,
-    onFocusPrevGroup,
-    focusKeyBindings,
-    ...props
-  }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_FocusGroupManager.FocusGroupProvider,
-    {
-      keyBindings: focusKeyBindings,
-      onExitFocusGroup,
-      onFocusPrevGroup,
-      ...options,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrappedComponent, { ...props, ...options })
-    }
-  );
+  return function({ onExitFocusGroup, onFocusPrevGroup, focusKeyBindings, ...props }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_FocusGroupManager.FocusGroupProvider,
+      {
+        keyBindings: focusKeyBindings,
+        onExitFocusGroup,
+        onFocusPrevGroup,
+        ...options,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrappedComponent, { ...props, ...options })
+      }
+    );
+  };
 }
 var focusGroupManagerHoc_default = FocusGroupHoc;
 //# sourceMappingURL=focusGroupManagerHoc.js.map

package/dist/cjs/FocusGroup/focusGroupManagerHoc.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FocusGroup/focusGroupManagerHoc.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/display-name */\nimport React from 'react';\nimport { FocusGroupProvider } from './FocusGroupManager';\n\nfunction FocusGroupHoc(WrappedComponent, options = {}) {\n  return ({\n    onExitFocusGroup,\n    onFocusPrevGroup,\n    focusKeyBindings,\n    ...props\n  }) => (\n    <FocusGroupProvider\n      keyBindings={focusKeyBindings}\n      onExitFocusGroup={onExitFocusGroup}\n      onFocusPrevGroup={onFocusPrevGroup}\n      {...options}\n    >\n      <WrappedComponent {...props} {...options} />\n    </FocusGroupProvider>\n  );\n}\n\nexport { FocusGroupHoc };\nexport default FocusGroupHoc;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiBjB;AAfN,+BAAmC;AAEnC,SAAS,cAAc,kBAAkB,UAAU,CAAC,GAAG;AACrD,SAAO,CAAC;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,EACL,MACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ,sDAAC,oBAAkB,GAAG,OAAQ,GAAG,SAAS;AAAA;AAAA,EAC5C;AAEJ;AAGA,IAAO,+BAAQ;",
+  "sourcesContent": ["/* eslint-disable react/display-name */\nimport React from 'react';\nimport { FocusGroupProvider } from './FocusGroupManager.js';\n\nfunction FocusGroupHoc(WrappedComponent, options = {}) {\n  return function ({ onExitFocusGroup, onFocusPrevGroup, focusKeyBindings, ...props }) {\n    return (\n      <FocusGroupProvider\n        keyBindings={focusKeyBindings}\n        onExitFocusGroup={onExitFocusGroup}\n        onFocusPrevGroup={onFocusPrevGroup}\n        {...options}\n      >\n        <WrappedComponent {...props} {...options} />\n      </FocusGroupProvider>\n    );\n  };\n}\n\nexport { FocusGroupHoc };\nexport default FocusGroupHoc;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADaf;AAXR,+BAAmC;AAEnC,SAAS,cAAc,kBAAkB,UAAU,CAAC,GAAG;AACrD,SAAO,SAAU,EAAE,kBAAkB,kBAAkB,qBAAqB,MAAM,GAAG;AACnF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QAEJ,sDAAC,oBAAkB,GAAG,OAAQ,GAAG,SAAS;AAAA;AAAA,IAC5C;AAAA,EAEJ;AACF;AAGA,IAAO,+BAAQ;",
   "names": []
 }

package/dist/cjs/FocusGroup/index.js

@@ -31,11 +31,11 @@ __export(FocusGroup_exports, {
 });
 module.exports = __toCommonJS(FocusGroup_exports);
 var React = __toESM(require("react"));
-__reExport(FocusGroup_exports, require("./FocusGroup"), module.exports);
-__reExport(FocusGroup_exports, require("./FocusGroupContext"), module.exports);
-__reExport(FocusGroup_exports, require("./FocusGroupManager"), module.exports);
-__reExport(FocusGroup_exports, require("./useFocusGroupItem"), module.exports);
-var import_focusGroupManagerHoc = require("./focusGroupManagerHoc");
-var import_FocusGrid = require("./FocusGrid");
-__reExport(FocusGroup_exports, require("./utils/getNextCellPosition"), module.exports);
+__reExport(FocusGroup_exports, require("./FocusGroup.js"), module.exports);
+__reExport(FocusGroup_exports, require("./FocusGroupContext.js"), module.exports);
+__reExport(FocusGroup_exports, require("./FocusGroupManager.js"), module.exports);
+__reExport(FocusGroup_exports, require("./useFocusGroupItem.js"), module.exports);
+var import_focusGroupManagerHoc = require("./focusGroupManagerHoc.js");
+var import_FocusGrid = require("./FocusGrid.js");
+__reExport(FocusGroup_exports, require("./utils/getNextCellPosition.js"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/FocusGroup/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FocusGroup/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './FocusGroup';\nexport * from './FocusGroupContext';\nexport * from './FocusGroupManager';\nexport * from './useFocusGroupItem';\nexport { FocusGroupHoc as focusGroupManagerHoc } from './focusGroupManagerHoc';\nexport { FocusGridProvider as FocusGrid, FocusGridContext } from './FocusGrid';\nexport * from './utils/getNextCellPosition';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAc,yBAAd;AACA,+BAAc,gCADd;AAEA,+BAAc,gCAFd;AAGA,+BAAc,gCAHd;AAIA,kCAAsD;AACtD,uBAAiE;AACjE,+BAAc,wCANd;",
+  "sourcesContent": ["export * from './FocusGroup.js';\nexport * from './FocusGroupContext.js';\nexport * from './FocusGroupManager.js';\nexport * from './useFocusGroupItem.js';\nexport { FocusGroupHoc as focusGroupManagerHoc } from './focusGroupManagerHoc.js';\nexport { FocusGridProvider as FocusGrid, FocusGridContext } from './FocusGrid.js';\nexport * from './utils/getNextCellPosition.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAc,4BAAd;AACA,+BAAc,mCADd;AAEA,+BAAc,mCAFd;AAGA,+BAAc,mCAHd;AAIA,kCAAsD;AACtD,uBAAiE;AACjE,+BAAc,2CANd;",
   "names": []
 }

package/dist/cjs/FocusGroup/useFocusGroupItem.js

@@ -31,7 +31,7 @@ __export(useFocusGroupItem_exports, {
 module.exports = __toCommonJS(useFocusGroupItem_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
-var import_FocusGroupContext = require("./FocusGroupContext");
+var import_FocusGroupContext = require("./FocusGroupContext.js");
 function useFocusGroupItem(ref = {}, props) {
   const { register, unregister, ...otherActions } = (0, import_react.useContext)(import_FocusGroupContext.FocusGroupContext) || {};
   (0, import_react.useEffect)(() => {

package/dist/cjs/FocusGroup/useFocusGroupItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FocusGroup/useFocusGroupItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useContext, useEffect } from 'react';\nimport { FocusGroupContext } from './FocusGroupContext';\n\nfunction useFocusGroupItem(ref = {}, props) {\n  const { register, unregister, ...otherActions } =\n    useContext(FocusGroupContext) || {};\n\n  useEffect(() => {\n    if (ref.current && register) register(ref.current, props);\n    return () => {\n      if (ref.current && unregister) unregister(ref.current);\n    };\n  });\n\n  // if the focus item is not wrapped with the focus provider then return null\n  if (!register) return {};\n  return otherActions;\n}\n\nexport const useFocusGroupWithState = (ref = {}, props) => {\n  const { register, unregister, ...otherActions } =\n    useContext(FocusGroupContext) || {};\n\n  useEffect(() => {\n    if (ref && register) register(ref, props);\n    return () => {\n      if (ref && unregister) unregister(ref);\n    };\n  }, [ref]);\n\n  // if the focus item is not wrapped with the focus provider then return null\n  if (!register) return {};\n  return otherActions;\n};\n\nexport { useFocusGroupItem };\nexport default useFocusGroupItem;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAsC;AACtC,+BAAkC;AAElC,SAAS,kBAAkB,MAAM,CAAC,GAAG,OAAO;AAC1C,QAAM,EAAE,UAAU,eAAe,aAAa,QAC5C,yBAAW,0CAAiB,KAAK,CAAC;AAEpC,8BAAU,MAAM;AACd,QAAI,IAAI,WAAW;AAAU,eAAS,IAAI,SAAS,KAAK;AACxD,WAAO,MAAM;AACX,UAAI,IAAI,WAAW;AAAY,mBAAW,IAAI,OAAO;AAAA,IACvD;AAAA,EACF,CAAC;AAGD,MAAI,CAAC;AAAU,WAAO,CAAC;AACvB,SAAO;AACT;AAEO,MAAM,yBAAyB,CAAC,MAAM,CAAC,GAAG,UAAU;AACzD,QAAM,EAAE,UAAU,eAAe,aAAa,QAC5C,yBAAW,0CAAiB,KAAK,CAAC;AAEpC,8BAAU,MAAM;AACd,QAAI,OAAO;AAAU,eAAS,KAAK,KAAK;AACxC,WAAO,MAAM;AACX,UAAI,OAAO;AAAY,mBAAW,GAAG;AAAA,IACvC;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAGR,MAAI,CAAC;AAAU,WAAO,CAAC;AACvB,SAAO;AACT;AAGA,IAAO,4BAAQ;",
+  "sourcesContent": ["import { useContext, useEffect } from 'react';\nimport { FocusGroupContext } from './FocusGroupContext.js';\n\nfunction useFocusGroupItem(ref = {}, props) {\n  const { register, unregister, ...otherActions } = useContext(FocusGroupContext) || {};\n\n  useEffect(() => {\n    if (ref.current && register) register(ref.current, props);\n    return () => {\n      if (ref.current && unregister) unregister(ref.current);\n    };\n  });\n\n  // if the focus item is not wrapped with the focus provider then return null\n  if (!register) return {};\n  return otherActions;\n}\n\nexport const useFocusGroupWithState = (ref = {}, props) => {\n  const { register, unregister, ...otherActions } = useContext(FocusGroupContext) || {};\n\n  useEffect(() => {\n    if (ref && register) register(ref, props);\n    return () => {\n      if (ref && unregister) unregister(ref);\n    };\n  }, [ref]);\n\n  // if the focus item is not wrapped with the focus provider then return null\n  if (!register) return {};\n  return otherActions;\n};\n\nexport { useFocusGroupItem };\nexport default useFocusGroupItem;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAsC;AACtC,+BAAkC;AAElC,SAAS,kBAAkB,MAAM,CAAC,GAAG,OAAO;AAC1C,QAAM,EAAE,UAAU,eAAe,aAAa,QAAI,yBAAW,0CAAiB,KAAK,CAAC;AAEpF,8BAAU,MAAM;AACd,QAAI,IAAI,WAAW;AAAU,eAAS,IAAI,SAAS,KAAK;AACxD,WAAO,MAAM;AACX,UAAI,IAAI,WAAW;AAAY,mBAAW,IAAI,OAAO;AAAA,IACvD;AAAA,EACF,CAAC;AAGD,MAAI,CAAC;AAAU,WAAO,CAAC;AACvB,SAAO;AACT;AAEO,MAAM,yBAAyB,CAAC,MAAM,CAAC,GAAG,UAAU;AACzD,QAAM,EAAE,UAAU,eAAe,aAAa,QAAI,yBAAW,0CAAiB,KAAK,CAAC;AAEpF,8BAAU,MAAM;AACd,QAAI,OAAO;AAAU,eAAS,KAAK,KAAK;AACxC,WAAO,MAAM;AACX,UAAI,OAAO;AAAY,mBAAW,GAAG;AAAA,IACvC;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAGR,MAAI,CAAC;AAAU,WAAO,CAAC;AACvB,SAAO;AACT;AAGA,IAAO,4BAAQ;",
   "names": []
 }

package/dist/cjs/FocusGroup/utils/getNextCellPosition.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/FocusGroup/utils/getNextCellPosition.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["// eslint-disable-next-line max-statements\nfunction getNextCellPosition({\n  grid,\n  currentRow = 0,\n  currentCell = 0,\n  directionY,\n  directionX,\n  shouldWrapCells,\n  shouldWrapRows,\n}) {\n  let nextRow = currentRow + directionY;\n  let nextCell = currentCell + directionX;\n  const rowCount = grid.length;\n  const isLeftRight = directionX !== 0;\n\n  if (!rowCount) {\n    return false;\n  }\n\n  const cellsLength = grid[0].length;\n\n  // moving horizontally\n  if (shouldWrapCells && isLeftRight) {\n    // to left\n    if (nextCell < 0) {\n      nextCell = cellsLength - 1;\n      nextRow -= 1;\n    }\n\n    if (nextCell >= cellsLength) {\n      nextCell = 0;\n      nextRow += 1;\n    }\n  }\n\n  // moving vertically\n  if (shouldWrapRows && !isLeftRight) {\n    // to top\n    if (nextRow < 0) {\n      nextCell -= 1;\n      nextRow = rowCount - 1;\n      if (grid[nextRow] && nextCell >= 0 && !grid[nextRow][nextCell]) {\n        nextRow -= 1;\n      }\n    } else if (nextRow >= rowCount || !grid[nextRow][nextCell]) {\n      nextRow = 0;\n      nextCell += 1;\n    }\n  }\n\n  return {\n    cellIndex: nextCell,\n    rowIndex: nextRow,\n  };\n}\n\nexport { getNextCellPosition };\nexport default getNextCellPosition;", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["// eslint-disable-next-line max-statements\nfunction getNextCellPosition({\n  grid,\n  currentRow = 0,\n  currentCell = 0,\n  directionY,\n  directionX,\n  shouldWrapCells,\n  shouldWrapRows,\n}) {\n  let nextRow = currentRow + directionY;\n  let nextCell = currentCell + directionX;\n  const rowCount = grid.length;\n  const isLeftRight = directionX !== 0;\n\n  if (!rowCount) {\n    return false;\n  }\n\n  const cellsLength = grid[0].length;\n\n  // moving horizontally\n  if (shouldWrapCells && isLeftRight) {\n    // to left\n    if (nextCell < 0) {\n      nextCell = cellsLength - 1;\n      nextRow -= 1;\n    }\n\n    if (nextCell >= cellsLength) {\n      nextCell = 0;\n      nextRow += 1;\n    }\n  }\n\n  // moving vertically\n  if (shouldWrapRows && !isLeftRight) {\n    // to top\n    if (nextRow < 0) {\n      nextCell -= 1;\n      nextRow = rowCount - 1;\n      if (grid[nextRow] && nextCell >= 0 && !grid[nextRow][nextCell]) {\n        nextRow -= 1;\n      }\n    } else if (nextRow >= rowCount || !grid[nextRow][nextCell]) {\n      nextRow = 0;\n      nextCell += 1;\n    }\n  }\n\n  return {\n    cellIndex: nextCell,\n    rowIndex: nextRow,\n  };\n}\n\nexport { getNextCellPosition };\nexport default getNextCellPosition;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,MAAI,UAAU,aAAa;AAC3B,MAAI,WAAW,cAAc;AAC7B,QAAM,WAAW,KAAK;AACtB,QAAM,cAAc,eAAe;AAEnC,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,KAAK,GAAG;AAG5B,MAAI,mBAAmB,aAAa;AAElC,QAAI,WAAW,GAAG;AAChB,iBAAW,cAAc;AACzB,iBAAW;AAAA,IACb;AAEA,QAAI,YAAY,aAAa;AAC3B,iBAAW;AACX,iBAAW;AAAA,IACb;AAAA,EACF;AAGA,MAAI,kBAAkB,CAAC,aAAa;AAElC,QAAI,UAAU,GAAG;AACf,kBAAY;AACZ,gBAAU,WAAW;AACrB,UAAI,KAAK,YAAY,YAAY,KAAK,CAAC,KAAK,SAAS,WAAW;AAC9D,mBAAW;AAAA,MACb;AAAA,IACF,WAAW,WAAW,YAAY,CAAC,KAAK,SAAS,WAAW;AAC1D,gBAAU;AACV,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,SAAO;AAAA,IACL,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AACF;AAGA,IAAO,8BAAQ;",
   "names": []
 }

package/dist/cjs/GroupContext/Group.js

@@ -32,7 +32,7 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_prop_types = __toESM(require("prop-types"));
-var import_GroupContext = require("./GroupContext");
+var import_GroupContext = require("./GroupContext.js");
 const getValueItem = (e) => {
   const { target, currentTarget } = e;
   if (target) {

package/dist/cjs/GroupContext/Group.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/GroupContext/Group.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/no-unused-state */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { GroupContext } from './GroupContext';\n\nconst getValueItem = (e) => {\n  const { target, currentTarget } = e;\n  if (target) {\n    const { value } = target;\n    return value;\n  }\n  if (currentTarget) {\n    const { value } = currentTarget;\n    return value;\n  }\n  return e;\n};\n\nconst toggleItemValue = (array, e) => {\n  const newvalue = getValueItem(e);\n  const res = array;\n  const index = array.indexOf(newvalue);\n\n  if (index === -1) {\n    res.push(newvalue);\n  } else {\n    res.splice(index, 1);\n  }\n\n  return res;\n};\n\nconst { Provider } = GroupContext;\n/** deprecated use CheckableGroup instead */\nclass Group extends Component {\n  constructor(props) {\n    super(props);\n    const { activeValue, disabled } = props;\n    this.state = {\n      activeValue,\n      disabled,\n      prevValue: null,\n      onChange: this.handleChange.bind(this),\n    };\n  }\n\n  static getDerivedStateFromProps(nextProps, { prevValue }) {\n    if (nextProps.activeValue === prevValue) return null;\n    return {\n      activeValue: nextProps.activeValue,\n      prevValue: nextProps.activeValue,\n    };\n  }\n\n  handleChange(e, ...rest) {\n    const { multiple, onChange } = this.props;\n    const { activeValue } = this.state;\n    const value = getValueItem(e);\n    let newValue;\n    if (multiple) {\n      newValue = toggleItemValue(activeValue || [], value);\n    } else if (activeValue !== value) {\n      // default behaviour it will be toggle the active value\n      newValue = value;\n    }\n\n    this.setState({\n      activeValue: newValue,\n    });\n\n    if (onChange) onChange(newValue, ...rest);\n  }\n\n  render() {\n    const { children } = this.props;\n    return <Provider value={this.state}>{children}</Provider>;\n  }\n}\n\nGroup.defaultProps = {\n  multiple: false,\n};\n\nGroup.propTypes = {\n  children: PropTypes.node,\n  multiple: PropTypes.bool,\n  onChange: PropTypes.func,\n  activeValue: PropTypes.oneOfType([PropTypes.array, PropTypes.number, PropTypes.string]),\n  disabled: PropTypes.bool,\n};\n\nexport { Group };\nexport default Group;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["/* eslint-disable react/no-unused-state */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { GroupContext } from './GroupContext.js';\n\nconst getValueItem = (e) => {\n  const { target, currentTarget } = e;\n  if (target) {\n    const { value } = target;\n    return value;\n  }\n  if (currentTarget) {\n    const { value } = currentTarget;\n    return value;\n  }\n  return e;\n};\n\nconst toggleItemValue = (array, e) => {\n  const newvalue = getValueItem(e);\n  const res = array;\n  const index = array.indexOf(newvalue);\n\n  if (index === -1) {\n    res.push(newvalue);\n  } else {\n    res.splice(index, 1);\n  }\n\n  return res;\n};\n\nconst { Provider } = GroupContext;\n/** deprecated use CheckableGroup instead */\nclass Group extends Component {\n  constructor(props) {\n    super(props);\n    const { activeValue, disabled } = props;\n    this.state = {\n      activeValue,\n      disabled,\n      prevValue: null,\n      onChange: this.handleChange.bind(this),\n    };\n  }\n\n  static getDerivedStateFromProps(nextProps, { prevValue }) {\n    if (nextProps.activeValue === prevValue) return null;\n    return {\n      activeValue: nextProps.activeValue,\n      prevValue: nextProps.activeValue,\n    };\n  }\n\n  handleChange(e, ...rest) {\n    const { multiple, onChange } = this.props;\n    const { activeValue } = this.state;\n    const value = getValueItem(e);\n    let newValue;\n    if (multiple) {\n      newValue = toggleItemValue(activeValue || [], value);\n    } else if (activeValue !== value) {\n      // default behaviour it will be toggle the active value\n      newValue = value;\n    }\n\n    this.setState({\n      activeValue: newValue,\n    });\n\n    if (onChange) onChange(newValue, ...rest);\n  }\n\n  render() {\n    const { children } = this.props;\n    return <Provider value={this.state}>{children}</Provider>;\n  }\n}\n\nGroup.defaultProps = {\n  multiple: false,\n};\n\nGroup.propTypes = {\n  children: PropTypes.node,\n  multiple: PropTypes.bool,\n  onChange: PropTypes.func,\n  activeValue: PropTypes.oneOfType([PropTypes.array, PropTypes.number, PropTypes.string]),\n  disabled: PropTypes.bool,\n};\n\nexport { Group };\nexport default Group;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2EZ;AA1EX,mBAAiC;AACjC,wBAAsB;AACtB,0BAA6B;AAE7B,MAAM,eAAe,CAAC,MAAM;AAC1B,QAAM,EAAE,QAAQ,cAAc,IAAI;AAClC,MAAI,QAAQ;AACV,UAAM,EAAE,MAAM,IAAI;AAClB,WAAO;AAAA,EACT;AACA,MAAI,eAAe;AACjB,UAAM,EAAE,MAAM,IAAI;AAClB,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,MAAM,kBAAkB,CAAC,OAAO,MAAM;AACpC,QAAM,WAAW,aAAa,CAAC;AAC/B,QAAM,MAAM;AACZ,QAAM,QAAQ,MAAM,QAAQ,QAAQ;AAEpC,MAAI,UAAU,IAAI;AAChB,QAAI,KAAK,QAAQ;AAAA,EACnB,OAAO;AACL,QAAI,OAAO,OAAO,CAAC;AAAA,EACrB;AAEA,SAAO;AACT;AAEA,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,cAAc,uBAAU;AAAA,EAC5B,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,UAAM,EAAE,aAAa,SAAS,IAAI;AAClC,SAAK,QAAQ;AAAA,MACX;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,UAAU,KAAK,aAAa,KAAK,IAAI;AAAA,IACvC;AAAA,EACF;AAAA,EAEA,OAAO,yBAAyB,WAAW,EAAE,UAAU,GAAG;AACxD,QAAI,UAAU,gBAAgB;AAAW,aAAO;AAChD,WAAO;AAAA,MACL,aAAa,UAAU;AAAA,MACvB,WAAW,UAAU;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,aAAa,MAAM,MAAM;AACvB,UAAM,EAAE,UAAU,SAAS,IAAI,KAAK;AACpC,UAAM,EAAE,YAAY,IAAI,KAAK;AAC7B,UAAM,QAAQ,aAAa,CAAC;AAC5B,QAAI;AACJ,QAAI,UAAU;AACZ,iBAAW,gBAAgB,eAAe,CAAC,GAAG,KAAK;AAAA,IACrD,WAAW,gBAAgB,OAAO;AAEhC,iBAAW;AAAA,IACb;AAEA,SAAK,SAAS;AAAA,MACZ,aAAa;AAAA,IACf,CAAC;AAED,QAAI;AAAU,eAAS,UAAU,GAAG,IAAI;AAAA,EAC1C;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,WAAO,4CAAC,YAAS,OAAO,KAAK,OAAQ,UAAS;AAAA,EAChD;AACF;AAEA,MAAM,eAAe;AAAA,EACnB,UAAU;AACZ;AAEA,MAAM,YAAY;AAAA,EAChB,UAAU,kBAAAA,QAAU;AAAA,EACpB,UAAU,kBAAAA,QAAU;AAAA,EACpB,UAAU,kBAAAA,QAAU;AAAA,EACpB,aAAa,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,OAAO,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM,CAAC;AAAA,EACtF,UAAU,kBAAAA,QAAU;AACtB;AAGA,IAAO,gBAAQ;",
   "names": ["PropTypes"]
 }

package/dist/cjs/GroupContext/GroupItem.js

@@ -30,7 +30,7 @@ __export(GroupItem_exports, {
 module.exports = __toCommonJS(GroupItem_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_GroupContext = require("./GroupContext");
+var import_GroupContext = require("./GroupContext.js");
 const { Consumer } = import_GroupContext.GroupContext;
 const GroupItem = ({ render }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Consumer, { children: (context) => render(context) });
 var GroupItem_default = GroupItem;

package/dist/cjs/GroupContext/GroupItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/GroupContext/GroupItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { GroupContext } from './GroupContext';\n\nconst { Consumer } = GroupContext;\n\nconst GroupItem = ({ render }) => (\n  <Consumer>{context => render(context)}</Consumer>\n);\n\nexport { GroupItem };\nexport default GroupItem;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMrB;AALF,0BAA6B;AAE7B,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,YAAY,CAAC,EAAE,OAAO,MAC1B,4CAAC,YAAU,uBAAW,OAAO,OAAO,GAAE;AAIxC,IAAO,oBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { GroupContext } from './GroupContext.js';\n\nconst { Consumer } = GroupContext;\n\nconst GroupItem = ({ render }) => <Consumer>{(context) => render(context)}</Consumer>;\n\nexport { GroupItem };\nexport default GroupItem;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKW;AAJlC,0BAA6B;AAE7B,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,YAAY,CAAC,EAAE,OAAO,MAAM,4CAAC,YAAU,WAAC,YAAY,OAAO,OAAO,GAAE;AAG1E,IAAO,oBAAQ;",
   "names": []
 }

package/dist/cjs/GroupContext/index.js

@@ -30,7 +30,7 @@ __export(GroupContext_exports, {
 });
 module.exports = __toCommonJS(GroupContext_exports);
 var React = __toESM(require("react"));
-var import_Group = require("./Group");
-var import_GroupContext = require("./GroupContext");
-var import_GroupItem = require("./GroupItem");
+var import_Group = require("./Group.js");
+var import_GroupContext = require("./GroupContext.js");
+var import_GroupItem = require("./GroupItem.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/GroupContext/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/GroupContext/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { Group } from './Group';\nexport { GroupContext } from './GroupContext';\nexport { GroupItem } from './GroupItem';\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["export { Group } from './Group.js';\nexport { GroupContext } from './GroupContext.js';\nexport { GroupItem } from './GroupItem.js';\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAsB;AACtB,0BAA6B;AAC7B,uBAA0B;",
   "names": []
 }

package/dist/cjs/ScrollSync/ScrollSyncPane.js

@@ -31,7 +31,7 @@ module.exports = __toCommonJS(ScrollSyncPane_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_ScrollSync = require("./ScrollSync");
+var import_ScrollSync = require("./ScrollSync.js");
 class ScrollSyncPane extends import_react.Component {
   constructor() {
     super(...arguments);
@@ -49,9 +49,7 @@ class ScrollSyncPane extends import_react.Component {
     return children({
       registerPane: (node) => {
         if (notPaginated) {
-          const virtualizedBody = node.querySelector(
-            ".virtualized-body-wrapper"
-          );
+          const virtualizedBody = node.querySelector(".virtualized-body-wrapper");
           if (virtualizedBody) {
             registerPane(virtualizedBody, this.toArray(group));
           }

package/dist/cjs/ScrollSync/ScrollSyncPane.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ScrollSync/ScrollSyncPane.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/display-name */\nimport React, { Component } from 'react';\nimport { ScrollSyncContext } from './ScrollSync';\n\n/**\n * MODIFIED FROM react-scroll-sync\n *\n * ScrollSyncPane Component\n *\n * Wrap your content in it to keep its scroll position in sync with other panes\n *\n * @param groups\n * @example ./example.md\n */\nclass ScrollSyncPane extends Component {\n  static defaultProps = {\n    group: 'default',\n    enabled: true,\n  };\n\n  componentWillUnmount() {\n    const { enabled, group, syncContext } = this.props;\n    const { unregisterPane } = syncContext;\n\n    if (enabled) unregisterPane(this.node, this.toArray(group));\n  }\n\n  toArray = groups => [].concat(groups);\n\n  render() {\n    const { children, group, syncContext, notPaginated } = this.props;\n    const { registerPane } = syncContext;\n\n    return children({\n      registerPane: node => {\n        if (notPaginated) {\n          const virtualizedBody = node.querySelector(\n            '.virtualized-body-wrapper',\n          );\n          if (virtualizedBody) {\n            registerPane(virtualizedBody, this.toArray(group));\n          }\n        }\n        return registerPane(node, this.toArray(group));\n      },\n    });\n  }\n}\n\nexport const ScrollSyncPaneHOC = props => (\n  <ScrollSyncContext.Consumer>\n    {context => <ScrollSyncPane {...props} syncContext={context} />}\n  </ScrollSyncContext.Consumer>\n);\n\nexport default ScrollSyncPaneHOC;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmDP;AAlDhB,mBAAiC;AACjC,wBAAkC;AAYlC,MAAM,uBAAuB,uBAAU;AAAA,EAAvC;AAAA;AAaE,mBAAU,YAAU,CAAC,EAAE,OAAO,MAAM;AAAA;AAAA,EAPpC,uBAAuB;AACrB,UAAM,EAAE,SAAS,OAAO,YAAY,IAAI,KAAK;AAC7C,UAAM,EAAE,eAAe,IAAI;AAE3B,QAAI;AAAS,qBAAe,KAAK,MAAM,KAAK,QAAQ,KAAK,CAAC;AAAA,EAC5D;AAAA,EAIA,SAAS;AACP,UAAM,EAAE,UAAU,OAAO,aAAa,aAAa,IAAI,KAAK;AAC5D,UAAM,EAAE,aAAa,IAAI;AAEzB,WAAO,SAAS;AAAA,MACd,cAAc,UAAQ;AACpB,YAAI,cAAc;AAChB,gBAAM,kBAAkB,KAAK;AAAA,YAC3B;AAAA,UACF;AACA,cAAI,iBAAiB;AACnB,yBAAa,iBAAiB,KAAK,QAAQ,KAAK,CAAC;AAAA,UACnD;AAAA,QACF;AACA,eAAO,aAAa,MAAM,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC/C;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAjCM,eACG,eAAe;AAAA,EACpB,OAAO;AAAA,EACP,SAAS;AACX;AA+BK,MAAM,oBAAoB,WAC/B,4CAAC,oCAAkB,UAAlB,EACE,uBAAW,4CAAC,kBAAgB,GAAG,OAAO,aAAa,SAAS,GAC/D;AAGF,IAAO,yBAAQ;",
+  "sourcesContent": ["/* eslint-disable react/display-name */\nimport React, { Component } from 'react';\nimport { ScrollSyncContext } from './ScrollSync.js';\n\n/**\n * MODIFIED FROM react-scroll-sync\n *\n * ScrollSyncPane Component\n *\n * Wrap your content in it to keep its scroll position in sync with other panes\n *\n * @param groups\n * @example ./example.md\n */\nclass ScrollSyncPane extends Component {\n  static defaultProps = {\n    group: 'default',\n    enabled: true,\n  };\n\n  componentWillUnmount() {\n    const { enabled, group, syncContext } = this.props;\n    const { unregisterPane } = syncContext;\n\n    if (enabled) unregisterPane(this.node, this.toArray(group));\n  }\n\n  toArray = (groups) => [].concat(groups);\n\n  render() {\n    const { children, group, syncContext, notPaginated } = this.props;\n    const { registerPane } = syncContext;\n\n    return children({\n      registerPane: (node) => {\n        if (notPaginated) {\n          const virtualizedBody = node.querySelector('.virtualized-body-wrapper');\n          if (virtualizedBody) {\n            registerPane(virtualizedBody, this.toArray(group));\n          }\n        }\n        return registerPane(node, this.toArray(group));\n      },\n    });\n  }\n}\n\nexport const ScrollSyncPaneHOC = (props) => (\n  <ScrollSyncContext.Consumer>\n    {(context) => <ScrollSyncPane {...props} syncContext={context} />}\n  </ScrollSyncContext.Consumer>\n);\n\nexport default ScrollSyncPaneHOC;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiDL;AAhDlB,mBAAiC;AACjC,wBAAkC;AAYlC,MAAM,uBAAuB,uBAAU;AAAA,EAAvC;AAAA;AAaE,mBAAU,CAAC,WAAW,CAAC,EAAE,OAAO,MAAM;AAAA;AAAA,EAPtC,uBAAuB;AACrB,UAAM,EAAE,SAAS,OAAO,YAAY,IAAI,KAAK;AAC7C,UAAM,EAAE,eAAe,IAAI;AAE3B,QAAI;AAAS,qBAAe,KAAK,MAAM,KAAK,QAAQ,KAAK,CAAC;AAAA,EAC5D;AAAA,EAIA,SAAS;AACP,UAAM,EAAE,UAAU,OAAO,aAAa,aAAa,IAAI,KAAK;AAC5D,UAAM,EAAE,aAAa,IAAI;AAEzB,WAAO,SAAS;AAAA,MACd,cAAc,CAAC,SAAS;AACtB,YAAI,cAAc;AAChB,gBAAM,kBAAkB,KAAK,cAAc,2BAA2B;AACtE,cAAI,iBAAiB;AACnB,yBAAa,iBAAiB,KAAK,QAAQ,KAAK,CAAC;AAAA,UACnD;AAAA,QACF;AACA,eAAO,aAAa,MAAM,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC/C;AAAA,IACF,CAAC;AAAA,EACH;AACF;AA/BM,eACG,eAAe;AAAA,EACpB,OAAO;AAAA,EACP,SAAS;AACX;AA6BK,MAAM,oBAAoB,CAAC,UAChC,4CAAC,oCAAkB,UAAlB,EACE,WAAC,YAAY,4CAAC,kBAAgB,GAAG,OAAO,aAAa,SAAS,GACjE;AAGF,IAAO,yBAAQ;",
   "names": []
 }