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

package/dist/cjs/virtualization/FluidHeightList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/virtualization/FluidHeightList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { forwardRef } from 'react';\nimport AutoSizer from 'react-virtualized-auto-sizer';\n\nexport const FluidHeightList = forwardRef(\n  ({ component: Component, ...props }, ref) => (\n    <AutoSizer disableWidth>\n      {({ height: fluidHeight }) => (\n        <Component\n          {...props}\n          ref={ref}\n          height={fluidHeight - 32} // taking in count the margins of the list\n        />\n      )}\n    </AutoSizer>\n  ),\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADOf;AAPR,mBAAkC;AAClC,0CAAsB;AAEf,MAAM,sBAAkB;AAAA,EAC7B,CAAC,EAAE,WAAW,cAAc,MAAM,GAAG,QACnC,4CAAC,oCAAAA,SAAA,EAAU,cAAY,MACpB,WAAC,EAAE,QAAQ,YAAY,MACtB;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,QAAQ,cAAc;AAAA;AAAA,EACxB,GAEJ;AAEJ;",
+  "sourcesContent": ["import React, { forwardRef } from 'react';\nimport AutoSizer from 'react-virtualized-auto-sizer';\n\nexport const FluidHeightList = forwardRef(({ component: Component, ...props }, ref) => (\n  <AutoSizer disableWidth>\n    {({ height: fluidHeight }) => (\n      <Component\n        {...props}\n        ref={ref}\n        height={fluidHeight - 32} // taking in count the margins of the list\n      />\n    )}\n  </AutoSizer>\n));\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMjB;AANN,mBAAkC;AAClC,0CAAsB;AAEf,MAAM,sBAAkB,yBAAW,CAAC,EAAE,WAAW,cAAc,MAAM,GAAG,QAC7E,4CAAC,oCAAAA,SAAA,EAAU,cAAY,MACpB,WAAC,EAAE,QAAQ,YAAY,MACtB;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,QAAQ,cAAc;AAAA;AACxB,GAEJ,CACD;",
   "names": ["AutoSizer"]
 }

package/dist/cjs/virtualization/index.js

@@ -30,8 +30,8 @@ __export(virtualization_exports, {
 });
 module.exports = __toCommonJS(virtualization_exports);
 var React = __toESM(require("react"));
-var import_FluidHeightList = require("./FluidHeightList");
-var import_AutoHeightList = require("./AutoHeightList");
+var import_FluidHeightList = require("./FluidHeightList.js");
+var import_AutoHeightList = require("./AutoHeightList.js");
 function getVirtualListComponent({ component: Component, fluid, height, autoHeight }) {
   if (autoHeight)
     return import_AutoHeightList.AutoHeightList;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/virtualization/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { FluidHeightList } from './FluidHeightList';\nimport { AutoHeightList } from './AutoHeightList';\n\nexport { FluidHeightList, AutoHeightList };\n\nexport function getVirtualListComponent({ component: Component, fluid, height, autoHeight }) {\n  if (autoHeight) return AutoHeightList;\n  if (fluid) return FluidHeightList;\n  return Component;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import { FluidHeightList } from './FluidHeightList.js';\nimport { AutoHeightList } from './AutoHeightList.js';\n\nexport { FluidHeightList, AutoHeightList };\n\nexport function getVirtualListComponent({ component: Component, fluid, height, autoHeight }) {\n  if (autoHeight) return AutoHeightList;\n  if (fluid) return FluidHeightList;\n  return Component;\n}\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,6BAAgC;AAChC,4BAA+B;AAIxB,SAAS,wBAAwB,EAAE,WAAW,WAAW,OAAO,QAAQ,WAAW,GAAG;AAC3F,MAAI;AAAY,WAAO;AACvB,MAAI;AAAO,WAAO;AAClB,SAAO;AACT;",
   "names": []
 }

package/dist/esm/Animations/BaseAnimation.js

@@ -10,19 +10,7 @@ const BaseAnimation = ({
   leave = {},
   onRest = () => null,
   children
-}) => /* @__PURE__ */ jsx(
-  Transition,
-  {
-    config: { duration },
-    enter,
-    from,
-    items,
-    keys,
-    leave,
-    onRest,
-    children
-  }
-);
+}) => /* @__PURE__ */ jsx(Transition, { config: { duration }, enter, from, items, keys, leave, onRest, children });
 var BaseAnimation_default = BaseAnimation;
 export {
   BaseAnimation,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Animations/BaseAnimation.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACcrB;AAZF,SAAS,kBAAkB;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": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA,YAAY,WAAW;ACcrB;AAZF,SAAS,kBAAkB;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,oBAAC,cAAW,QAAQ,EAAE,SAAS,GAAG,OAAc,MAAY,OAAc,MAAY,OAAc,QACjG,UACH;AAIF,IAAO,wBAAQ;",
   "names": []
 }

package/dist/esm/Animations/Grow.js

@@ -1,15 +1,7 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { BaseAnimation } from "./BaseAnimation";
-const Grow = ({
-  keys = void 0,
-  duration,
-  items = void 0,
-  from = 0,
-  to = 1,
-  children,
-  onRest = () => null
-}) => /* @__PURE__ */ jsx(
+import { BaseAnimation } from "./BaseAnimation.js";
+const Grow = ({ keys = void 0, duration, items = void 0, from = 0, to = 1, children, onRest = () => null }) => /* @__PURE__ */ jsx(
   BaseAnimation,
   {
     duration,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Animations/Grow.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACYrB;AAXF,SAAS,qBAAqB;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 * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACIrB;AAHF,SAAS,qBAAqB;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/esm/Animations/GrowRight.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { BaseAnimation } from "./BaseAnimation";
+import { BaseAnimation } from "./BaseAnimation.js";
 const GrowRight = ({
   keys = void 0,
   items = void 0,

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

@@ -1,7 +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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
   "mappings": "AAAA,YAAY,WAAW;ACYrB;AAXF,SAAS,qBAAqB;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/esm/Animations/GrowVertical.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { BaseAnimation } from "./BaseAnimation";
+import { BaseAnimation } from "./BaseAnimation.js";
 const GrowVertical = ({
   keys = void 0,
   duration,

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

@@ -1,7 +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\nexport { GrowVertical };\nexport default GrowVertical;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
   "mappings": "AAAA,YAAY,WAAW;ACYrB;AAXF,SAAS,qBAAqB;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/esm/Animations/index.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-export * from "./BaseAnimation";
-export * from "./Grow";
-export * from "./GrowRight";
-export * from "./GrowVertical";
+export * from "./BaseAnimation.js";
+export * from "./Grow.js";
+export * from "./GrowRight.js";
+export * from "./GrowVertical.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Animations/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './BaseAnimation';\nexport * from './Grow';\nexport * from './GrowRight';\nexport * from './GrowVertical';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './BaseAnimation.js';\nexport * from './Grow.js';\nexport * from './GrowRight.js';\nexport * from './GrowVertical.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/CheckableGroup.js

@@ -21,13 +21,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: PropTypes.arrayOf(PropTypes.string),
   multi: PropTypes.bool,

package/dist/esm/CheckableGroup.js.map

@@ -1,7 +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({ 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,oBAAoB;AACpC,OAAO,eAAe;AACtB,SAAS,aAAa,QAAQ,gCAAgC;AAEvD,SAAS,kBAAkB,EAAE,UAAU,QAAQ,YAAY,OAAO,UAAU,MAAM,KAAK,GAAG;AAC/F,QAAM,CAAC,QAAQ,SAAS,IAAI,yBAAyB,UAAU;AAE/D,QAAM,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS;AACnD,cAAU,CAAC,eAAe;AACxB,YAAM,aAAa,QAAQ,YAAY,YAAY,KAAK,IAAI;AAC5D,cAAQ,YAAY,IAAI;AACxB,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SAAOA,OAAM,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,WAAO,aAAa,OAAO;AAAA,MACzB,GAAG;AAAA,MACH;AAAA,MACA,SAAS,OAAO,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,UAAU,QAAQ,UAAU,MAAM;AAAA,EAE1C,OAAO,UAAU;AAAA,EAEjB,SAAS,UAAU;AACrB;AAEA,IAAO,yBAAQ;",
+  "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({ 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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,oBAAoB;AACpC,OAAO,eAAe;AACtB,SAAS,aAAa,QAAQ,gCAAgC;AAEvD,SAAS,kBAAkB,EAAE,UAAU,QAAQ,YAAY,OAAO,UAAU,MAAM,KAAK,GAAG;AAC/F,QAAM,CAAC,QAAQ,SAAS,IAAI,yBAAyB,UAAU;AAE/D,QAAM,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS;AACnD,cAAU,CAAC,eAAe;AACxB,YAAM,aAAa,QAAQ,YAAY,YAAY,KAAK,IAAI;AAC5D,cAAQ,YAAY,IAAI;AACxB,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SAAOA,OAAM,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,WAAO,aAAa,OAAO;AAAA,MACzB,GAAG;AAAA,MACH;AAAA,MACA,SAAS,OAAO,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,UAAU,QAAQ,UAAU,MAAM;AAAA,EAE1C,OAAO,UAAU;AAAA,EAEjB,SAAS,UAAU;AACrB;AAEA,IAAO,yBAAQ;",
   "names": ["React"]
 }

package/dist/esm/DeferRenderAfterComputation.js

@@ -1,12 +1,7 @@
 import * as React from "react";
 import { useEffect, useState } from "react";
 import raf from "raf";
-const DeferRenderAfterComputation = ({
-  children,
-  resolve,
-  fallback,
-  timeout = 2e3
-}) => {
+const DeferRenderAfterComputation = ({ children, resolve, fallback, timeout = 2e3 }) => {
   const [shouldRender, setShouldRender] = useState(false);
   useEffect(() => {
     raf(

package/dist/esm/DeferRenderAfterComputation.js.map

@@ -1,7 +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,YAAY,WAAW;ACAvB,SAAS,WAAW,gBAAgB;AACpC,OAAO,SAAS;AAET,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACZ,MAAM;AACJ,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,YAAU,MAAM;AAEd;AAAA,MAAI,MACF;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 * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,gBAAgB;AACpC,OAAO,SAAS;AAET,MAAM,8BAA8B,CAAC,EAAE,UAAU,SAAS,UAAU,UAAU,IAAK,MAAM;AAC9F,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,YAAU,MAAM;AAEd;AAAA,MAAI,MACF;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": []
 }

package/dist/esm/FocusGroup/FocusGrid.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import React2, { createContext, useEffect, useMemo, useRef } from "react";
 import { isFunction, runAll, get, useHotkeys, mergeRefs } from "@elliemae/ds-utilities";
-import { getNextCellPosition } from "./utils/getNextCellPosition";
+import { getNextCellPosition } from "./utils/getNextCellPosition.js";
 const FocusGridContext = createContext();
 const { Provider } = FocusGridContext;
 const preventDefault = (e) => e.preventDefault();

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

@@ -1,7 +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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",
+  "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.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"],
+  "mappings": "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",
   "names": ["React"]
 }

package/dist/esm/FocusGroup/FocusGroupManager.js

@@ -2,8 +2,8 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { Component } from "react";
 import { isFunction } from "@elliemae/ds-utilities";
-import { FocusGroup } from "./FocusGroup";
-import { FocusGroupContext } from "./FocusGroupContext";
+import { FocusGroup } from "./FocusGroup.js";
+import { FocusGroupContext } from "./FocusGroupContext.js";
 const noop = () => null;
 class FocusGroupProvider extends Component {
   constructor(props) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/FocusGroupManager.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACoGjB;AApGN,SAAgB,iBAA4B;AAC5C,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAElC,MAAM,OAAO,MAAM;AAEnB,MAAM,2BAA2B,UAAU;AAAA,EAczC,YAAY,OAAO;AACjB,UAAM,KAAK;AAdb,qBAAY;AAgBV,SAAK,aAAa,IAAI,WAAW,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,QAAI,WAAW,UAAU;AAAG,iBAAW;AAAA,EACzC;AAAA,EAEA,aAAa;AACX,UAAM,EAAE,iBAAiB,IAAI,KAAK;AAClC,SAAK,YAAY;AACjB,SAAK,WAAW,WAAW;AAC3B,QAAI,WAAW,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,oBAAC,kBAAkB,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 * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACmGZ;AAnGX,SAAgB,iBAA4B;AAC5C,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAElC,MAAM,OAAO,MAAM;AAEnB,MAAM,2BAA2B,UAAU;AAAA,EAczC,YAAY,OAAO;AACjB,UAAM,KAAK;AAdb,qBAAY;AAgBV,SAAK,aAAa,IAAI,WAAW,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,QAAI,WAAW,UAAU;AAAG,iBAAW;AAAA,EACzC;AAAA,EAEA,aAAa;AACX,UAAM,EAAE,iBAAiB,IAAI,KAAK;AAClC,SAAK,YAAY;AACjB,SAAK,WAAW,WAAW;AAC3B,QAAI,WAAW,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,oBAAC,kBAAkB,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/esm/FocusGroup/focusGroupManagerHoc.js

@@ -1,22 +1,19 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { FocusGroupProvider } from "./FocusGroupManager";
+import { FocusGroupProvider } from "./FocusGroupManager.js";
 function FocusGroupHoc(WrappedComponent, options = {}) {
-  return ({
-    onExitFocusGroup,
-    onFocusPrevGroup,
-    focusKeyBindings,
-    ...props
-  }) => /* @__PURE__ */ jsx(
-    FocusGroupProvider,
-    {
-      keyBindings: focusKeyBindings,
-      onExitFocusGroup,
-      onFocusPrevGroup,
-      ...options,
-      children: /* @__PURE__ */ jsx(WrappedComponent, { ...props, ...options })
-    }
-  );
+  return function({ onExitFocusGroup, onFocusPrevGroup, focusKeyBindings, ...props }) {
+    return /* @__PURE__ */ jsx(
+      FocusGroupProvider,
+      {
+        keyBindings: focusKeyBindings,
+        onExitFocusGroup,
+        onFocusPrevGroup,
+        ...options,
+        children: /* @__PURE__ */ jsx(WrappedComponent, { ...props, ...options })
+      }
+    );
+  };
 }
 var focusGroupManagerHoc_default = FocusGroupHoc;
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/focusGroupManagerHoc.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACiBjB;AAfN,SAAS,0BAA0B;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,8BAAC,oBAAkB,GAAG,OAAQ,GAAG,SAAS;AAAA;AAAA,EAC5C;AAEJ;AAGA,IAAO,+BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA,YAAY,WAAW;ACaf;AAXR,SAAS,0BAA0B;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,8BAAC,oBAAkB,GAAG,OAAQ,GAAG,SAAS;AAAA;AAAA,IAC5C;AAAA,EAEJ;AACF;AAGA,IAAO,+BAAQ;",
   "names": []
 }

package/dist/esm/FocusGroup/index.js

@@ -1,11 +1,11 @@
 import * as React from "react";
-export * from "./FocusGroup";
-export * from "./FocusGroupContext";
-export * from "./FocusGroupManager";
-export * from "./useFocusGroupItem";
-import { FocusGroupHoc } from "./focusGroupManagerHoc";
-import { FocusGridProvider, FocusGridContext } from "./FocusGrid";
-export * from "./utils/getNextCellPosition";
+export * from "./FocusGroup.js";
+export * from "./FocusGroupContext.js";
+export * from "./FocusGroupManager.js";
+export * from "./useFocusGroupItem.js";
+import { FocusGroupHoc } from "./focusGroupManagerHoc.js";
+import { FocusGridProvider, FocusGridContext } from "./FocusGrid.js";
+export * from "./utils/getNextCellPosition.js";
 export {
   FocusGridProvider as FocusGrid,
   FocusGridContext,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAA0B,qBAA4B;AACtD,SAA8B,mBAAW,wBAAwB;AACjE,cAAc;",
   "names": []
 }

package/dist/esm/FocusGroup/useFocusGroupItem.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useContext, useEffect } from "react";
-import { FocusGroupContext } from "./FocusGroupContext";
+import { FocusGroupContext } from "./FocusGroupContext.js";
 function useFocusGroupItem(ref = {}, props) {
   const { register, unregister, ...otherActions } = useContext(FocusGroupContext) || {};
   useEffect(() => {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/useFocusGroupItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY,iBAAiB;AACtC,SAAS,yBAAyB;AAElC,SAAS,kBAAkB,MAAM,CAAC,GAAG,OAAO;AAC1C,QAAM,EAAE,UAAU,eAAe,aAAa,IAC5C,WAAW,iBAAiB,KAAK,CAAC;AAEpC,YAAU,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,IAC5C,WAAW,iBAAiB,KAAK,CAAC;AAEpC,YAAU,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 * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY,iBAAiB;AACtC,SAAS,yBAAyB;AAElC,SAAS,kBAAkB,MAAM,CAAC,GAAG,OAAO;AAC1C,QAAM,EAAE,UAAU,eAAe,aAAa,IAAI,WAAW,iBAAiB,KAAK,CAAC;AAEpF,YAAU,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,IAAI,WAAW,iBAAiB,KAAK,CAAC;AAEpF,YAAU,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/esm/FocusGroup/utils/getNextCellPosition.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/FocusGroup/utils/getNextCellPosition.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// 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;"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// 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"],
   "mappings": "AAAA,YAAY,WAAW;ACCvB,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/esm/GroupContext/Group.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { Component } from "react";
 import PropTypes from "prop-types";
-import { GroupContext } from "./GroupContext";
+import { GroupContext } from "./GroupContext.js";
 const getValueItem = (e) => {
   const { target, currentTarget } = e;
   if (target) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/Group.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
   "mappings": "AAAA,YAAY,WAAW;AC2EZ;AA1EX,SAAgB,iBAAiB;AACjC,OAAO,eAAe;AACtB,SAAS,oBAAoB;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,UAAU;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,oBAAC,YAAS,OAAO,KAAK,OAAQ,UAAS;AAAA,EAChD;AACF;AAEA,MAAM,eAAe;AAAA,EACnB,UAAU;AACZ;AAEA,MAAM,YAAY;AAAA,EAChB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACtF,UAAU,UAAU;AACtB;AAGA,IAAO,gBAAQ;",
   "names": []
 }

package/dist/esm/GroupContext/GroupItem.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { GroupContext } from "./GroupContext";
+import { GroupContext } from "./GroupContext.js";
 const { Consumer } = GroupContext;
 const GroupItem = ({ render }) => /* @__PURE__ */ jsx(Consumer, { children: (context) => render(context) });
 var GroupItem_default = GroupItem;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/GroupItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACMrB;AALF,SAAS,oBAAoB;AAE7B,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,YAAY,CAAC,EAAE,OAAO,MAC1B,oBAAC,YAAU,uBAAW,OAAO,OAAO,GAAE;AAIxC,IAAO,oBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACKW;AAJlC,SAAS,oBAAoB;AAE7B,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,YAAY,CAAC,EAAE,OAAO,MAAM,oBAAC,YAAU,WAAC,YAAY,OAAO,OAAO,GAAE;AAG1E,IAAO,oBAAQ;",
   "names": []
 }

package/dist/esm/GroupContext/index.js

@@ -1,7 +1,7 @@
 import * as React from "react";
-import { Group } from "./Group";
-import { GroupContext } from "./GroupContext";
-import { GroupItem } from "./GroupItem";
+import { Group } from "./Group.js";
+import { GroupContext } from "./GroupContext.js";
+import { GroupItem } from "./GroupItem.js";
 export {
   Group,
   GroupContext,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { Group } from './Group';\nexport { GroupContext } from './GroupContext';\nexport { GroupItem } from './GroupItem';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { Group } from './Group.js';\nexport { GroupContext } from './GroupContext.js';\nexport { GroupItem } from './GroupItem.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa;AACtB,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;",
   "names": []
 }

package/dist/esm/ScrollSync/ScrollSyncPane.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { Component } from "react";
-import { ScrollSyncContext } from "./ScrollSync";
+import { ScrollSyncContext } from "./ScrollSync.js";
 class ScrollSyncPane extends Component {
   constructor() {
     super(...arguments);
@@ -19,9 +19,7 @@ class ScrollSyncPane extends 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));
           }