@elliemae/ds-shared 3.16.0 → 3.16.1

package/dist/esm/useDataList/useDataList.js

@@ -1,13 +1,10 @@
 import * as React from "react";
 import { useMemo, useRef } from "react";
 import { setRef } from "@elliemae/ds-utilities";
-import get from "lodash/get";
-import {
-  composeFormatters,
-  reducePropsGetter
-} from "../createDataInstance/utils";
-import { recordIterator } from "./recordIterator";
-import { createDataInstanceRef } from "../createDataInstance/createInstanceRef";
+import { get } from "lodash";
+import { composeFormatters, reducePropsGetter } from "../createDataInstance/utils.js";
+import { recordIterator } from "./recordIterator.js";
+import { createDataInstanceRef } from "../createDataInstance/createInstanceRef.js";
 const getItemLabel = (record, nameKey = "name") => get(record, ["data", nameKey]);
 const getItemChildren = (record, childrenKey = "children") => get(record, ["data", childrenKey]);
 const listRenderers = {
@@ -33,6 +30,7 @@ const useDataList = ({
       getListProps: [],
       getItemProps: [],
       itemRenderer: [...itemRenderer],
+      // components reduce to compose item content
       record: [],
       records: []
     },
@@ -45,18 +43,9 @@ const useDataList = ({
   instance.current.getItemLabel = (record) => getItemLabel(record, props.nameKey);
   instance.current.getItemChildren = (record) => getItemChildren(record, props.childrenKey);
   instance.current.decorators = decorators;
-  instance.current.getListProps = reducePropsGetter(
-    decorators.getListProps,
-    instance.current
-  );
-  instance.current.getItemProps = reducePropsGetter(
-    decorators.getItemProps,
-    instance.current
-  );
-  instance.current.itemRenderer = composeFormatters(
-    instance.current.decorators.itemRenderer,
-    instance.current
-  );
+  instance.current.getListProps = reducePropsGetter(decorators.getListProps, instance.current);
+  instance.current.getItemProps = reducePropsGetter(decorators.getItemProps, instance.current);
+  instance.current.itemRenderer = composeFormatters(instance.current.decorators.itemRenderer, instance.current);
   instance.current.records = useMemo(() => {
     let nextRecords = recordIterator(
       data,
@@ -64,10 +53,7 @@ const useDataList = ({
       decorators.record,
       instance.current
     );
-    nextRecords = decorators.records.reduce(
-      (nextRows, getter) => getter(nextRows, instance.current),
-      nextRecords
-    );
+    nextRecords = decorators.records.reduce((nextRows, getter) => getter(nextRows, instance.current), nextRecords);
     return nextRecords;
   });
   if (props.instanceRef)

package/dist/esm/useDataList/useDataList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataList/useDataList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo, useRef } from 'react';\nimport { setRef } from '@elliemae/ds-utilities';\nimport get from 'lodash/get';\nimport {\n  composeFormatters,\n  reducePropsGetter,\n} from '../createDataInstance/utils';\nimport { recordIterator } from './recordIterator';\nimport { createDataInstanceRef } from '../createDataInstance/createInstanceRef';\n\nexport const getItemLabel = (record, nameKey = 'name') =>\n  get(record, ['data', nameKey]);\nexport const getItemChildren = (record, childrenKey = 'children') =>\n  get(record, ['data', childrenKey]);\n\nconst listRenderers = {\n  list: 'ul',\n  item: 'li',\n};\n\n// todo: check if a plugin is a LIST plugin rather than GRID\nexport const useDataList = ({\n  data = [],\n  plugins = [],\n  renderers = listRenderers,\n  itemRenderer = [],\n  customDecorators,\n  ...props\n}) => {\n  const listRef = useRef();\n  const { instance, decorators } = createDataInstanceRef({\n    data,\n    renderers,\n    plugins,\n    customDecorators: {\n      ...customDecorators,\n      recordIterator,\n      getListProps: [],\n      getItemProps: [],\n      itemRenderer: [...itemRenderer], // components reduce to compose item content\n      record: [],\n      records: [],\n    },\n    ...props,\n  });\n  instance.current.getListRef = () => listRef;\n  instance.current.setListRef = (ref) => {\n    listRef.current = ref;\n  };\n  instance.current.getItemLabel = (record) =>\n    getItemLabel(record, props.nameKey);\n  instance.current.getItemChildren = (record) =>\n    getItemChildren(record, props.childrenKey);\n\n  instance.current.decorators = decorators;\n  instance.current.getListProps = reducePropsGetter(\n    decorators.getListProps,\n    instance.current,\n  );\n  instance.current.getItemProps = reducePropsGetter(\n    decorators.getItemProps,\n    instance.current,\n  );\n  instance.current.itemRenderer = composeFormatters(\n    instance.current.decorators.itemRenderer,\n    instance.current,\n  );\n\n  instance.current.records = useMemo(() => {\n    // record iterator TREE / Simple\n    let nextRecords = recordIterator(\n      data,\n      instance.current.decorators.recordIterator,\n      decorators.record,\n      instance.current,\n    );\n\n    // compose all records\n    nextRecords = decorators.records.reduce(\n      (nextRows, getter) => getter(nextRows, instance.current),\n      nextRecords,\n    );\n\n    return nextRecords;\n  });\n\n  if (props.instanceRef) setRef(props.instanceRef, instance.current);\n\n  return instance.current;\n};\n\nexport default useDataList;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,SAAS,cAAc;AAChC,SAAS,cAAc;AACvB,OAAO,SAAS;AAChB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AAE/B,MAAM,eAAe,CAAC,QAAQ,UAAU,WAC7C,IAAI,QAAQ,CAAC,QAAQ,OAAO,CAAC;AACxB,MAAM,kBAAkB,CAAC,QAAQ,cAAc,eACpD,IAAI,QAAQ,CAAC,QAAQ,WAAW,CAAC;AAEnC,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,MAAM;AACR;AAGO,MAAM,cAAc,CAAC;AAAA,EAC1B,OAAO,CAAC;AAAA,EACR,UAAU,CAAC;AAAA,EACX,YAAY;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AAAA,KACG;AACL,MAAM;AACJ,QAAM,UAAU,OAAO;AACvB,QAAM,EAAE,UAAU,WAAW,IAAI,sBAAsB;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,MAChB,GAAG;AAAA,MACH;AAAA,MACA,cAAc,CAAC;AAAA,MACf,cAAc,CAAC;AAAA,MACf,cAAc,CAAC,GAAG,YAAY;AAAA,MAC9B,QAAQ,CAAC;AAAA,MACT,SAAS,CAAC;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACD,WAAS,QAAQ,aAAa,MAAM;AACpC,WAAS,QAAQ,aAAa,CAAC,QAAQ;AACrC,YAAQ,UAAU;AAAA,EACpB;AACA,WAAS,QAAQ,eAAe,CAAC,WAC/B,aAAa,QAAQ,MAAM,OAAO;AACpC,WAAS,QAAQ,kBAAkB,CAAC,WAClC,gBAAgB,QAAQ,MAAM,WAAW;AAE3C,WAAS,QAAQ,aAAa;AAC9B,WAAS,QAAQ,eAAe;AAAA,IAC9B,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACA,WAAS,QAAQ,eAAe;AAAA,IAC9B,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACA,WAAS,QAAQ,eAAe;AAAA,IAC9B,SAAS,QAAQ,WAAW;AAAA,IAC5B,SAAS;AAAA,EACX;AAEA,WAAS,QAAQ,UAAU,QAAQ,MAAM;AAEvC,QAAI,cAAc;AAAA,MAChB;AAAA,MACA,SAAS,QAAQ,WAAW;AAAA,MAC5B,WAAW;AAAA,MACX,SAAS;AAAA,IACX;AAGA,kBAAc,WAAW,QAAQ;AAAA,MAC/B,CAAC,UAAU,WAAW,OAAO,UAAU,SAAS,OAAO;AAAA,MACvD;AAAA,IACF;AAEA,WAAO;AAAA,EACT,CAAC;AAED,MAAI,MAAM;AAAa,WAAO,MAAM,aAAa,SAAS,OAAO;AAEjE,SAAO,SAAS;AAClB;AAEA,IAAO,sBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo, useRef } from 'react';\nimport { setRef } from '@elliemae/ds-utilities';\nimport { get } from 'lodash';\nimport { composeFormatters, reducePropsGetter } from '../createDataInstance/utils.js';\nimport { recordIterator } from './recordIterator.js';\nimport { createDataInstanceRef } from '../createDataInstance/createInstanceRef.js';\n\nexport const getItemLabel = (record, nameKey = 'name') => get(record, ['data', nameKey]);\nexport const getItemChildren = (record, childrenKey = 'children') => get(record, ['data', childrenKey]);\n\nconst listRenderers = {\n  list: 'ul',\n  item: 'li',\n};\n\n// todo: check if a plugin is a LIST plugin rather than GRID\nexport const useDataList = ({\n  data = [],\n  plugins = [],\n  renderers = listRenderers,\n  itemRenderer = [],\n  customDecorators,\n  ...props\n}) => {\n  const listRef = useRef();\n  const { instance, decorators } = createDataInstanceRef({\n    data,\n    renderers,\n    plugins,\n    customDecorators: {\n      ...customDecorators,\n      recordIterator,\n      getListProps: [],\n      getItemProps: [],\n      itemRenderer: [...itemRenderer], // components reduce to compose item content\n      record: [],\n      records: [],\n    },\n    ...props,\n  });\n  instance.current.getListRef = () => listRef;\n  instance.current.setListRef = (ref) => {\n    listRef.current = ref;\n  };\n  instance.current.getItemLabel = (record) => getItemLabel(record, props.nameKey);\n  instance.current.getItemChildren = (record) => getItemChildren(record, props.childrenKey);\n\n  instance.current.decorators = decorators;\n  instance.current.getListProps = reducePropsGetter(decorators.getListProps, instance.current);\n  instance.current.getItemProps = reducePropsGetter(decorators.getItemProps, instance.current);\n  instance.current.itemRenderer = composeFormatters(instance.current.decorators.itemRenderer, instance.current);\n\n  instance.current.records = useMemo(() => {\n    // record iterator TREE / Simple\n    let nextRecords = recordIterator(\n      data,\n      instance.current.decorators.recordIterator,\n      decorators.record,\n      instance.current,\n    );\n\n    // compose all records\n    nextRecords = decorators.records.reduce((nextRows, getter) => getter(nextRows, instance.current), nextRecords);\n\n    return nextRecords;\n  });\n\n  if (props.instanceRef) setRef(props.instanceRef, instance.current);\n\n  return instance.current;\n};\n\nexport default useDataList;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,SAAS,cAAc;AAChC,SAAS,cAAc;AACvB,SAAS,WAAW;AACpB,SAAS,mBAAmB,yBAAyB;AACrD,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AAE/B,MAAM,eAAe,CAAC,QAAQ,UAAU,WAAW,IAAI,QAAQ,CAAC,QAAQ,OAAO,CAAC;AAChF,MAAM,kBAAkB,CAAC,QAAQ,cAAc,eAAe,IAAI,QAAQ,CAAC,QAAQ,WAAW,CAAC;AAEtG,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,MAAM;AACR;AAGO,MAAM,cAAc,CAAC;AAAA,EAC1B,OAAO,CAAC;AAAA,EACR,UAAU,CAAC;AAAA,EACX,YAAY;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,UAAU,OAAO;AACvB,QAAM,EAAE,UAAU,WAAW,IAAI,sBAAsB;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,MAChB,GAAG;AAAA,MACH;AAAA,MACA,cAAc,CAAC;AAAA,MACf,cAAc,CAAC;AAAA,MACf,cAAc,CAAC,GAAG,YAAY;AAAA;AAAA,MAC9B,QAAQ,CAAC;AAAA,MACT,SAAS,CAAC;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACD,WAAS,QAAQ,aAAa,MAAM;AACpC,WAAS,QAAQ,aAAa,CAAC,QAAQ;AACrC,YAAQ,UAAU;AAAA,EACpB;AACA,WAAS,QAAQ,eAAe,CAAC,WAAW,aAAa,QAAQ,MAAM,OAAO;AAC9E,WAAS,QAAQ,kBAAkB,CAAC,WAAW,gBAAgB,QAAQ,MAAM,WAAW;AAExF,WAAS,QAAQ,aAAa;AAC9B,WAAS,QAAQ,eAAe,kBAAkB,WAAW,cAAc,SAAS,OAAO;AAC3F,WAAS,QAAQ,eAAe,kBAAkB,WAAW,cAAc,SAAS,OAAO;AAC3F,WAAS,QAAQ,eAAe,kBAAkB,SAAS,QAAQ,WAAW,cAAc,SAAS,OAAO;AAE5G,WAAS,QAAQ,UAAU,QAAQ,MAAM;AAEvC,QAAI,cAAc;AAAA,MAChB;AAAA,MACA,SAAS,QAAQ,WAAW;AAAA,MAC5B,WAAW;AAAA,MACX,SAAS;AAAA,IACX;AAGA,kBAAc,WAAW,QAAQ,OAAO,CAAC,UAAU,WAAW,OAAO,UAAU,SAAS,OAAO,GAAG,WAAW;AAE7G,WAAO;AAAA,EACT,CAAC;AAED,MAAI,MAAM;AAAa,WAAO,MAAM,aAAa,SAAS,OAAO;AAEjE,SAAO,SAAS;AAClB;AAEA,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/utils.js

@@ -46,9 +46,7 @@ const listWithChildren = (list, childrenProp) => list.map((item) => ({
 const getAllNonEmptyNodesIds = (items, childrenProp) => {
   let childrenIds = [];
   const ids = items.filter((item) => item[childrenProp].length).map((item) => {
-    childrenIds = childrenIds.concat(
-      getAllNonEmptyNodesIds(item[childrenProp], childrenProp)
-    );
+    childrenIds = childrenIds.concat(getAllNonEmptyNodesIds(item[childrenProp], childrenProp));
     return item.id;
   });
   return ids.concat(childrenIds);

package/dist/esm/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/utils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-cond-assign */\nexport const objectType = (obj) =>\n  Object.prototype.toString.call(obj).slice(8, -1);\nexport const isDefined = (param) => typeof param !== 'undefined';\nexport const isUndefined = (param) => typeof param === 'undefined';\nexport const isFunction = (param) => typeof param === 'function';\nexport const isNumber = param => typeof param === 'number' && !isNaN(param); // eslint-disable-line\nexport const isString = (str) => objectType(str) === 'String';\nexport const isArray = (arr) => objectType(arr) === 'Array';\n\nexport const closest = (target, selector) => {\n  // closest(e.target, '.field')\n  while (target) {\n    // eslint-disable-line\n    if (target.matches && target.matches(selector)) return target;\n    if (target.msMatchesSelector && target.msMatchesSelector(selector))\n      return target;\n    // eslint-disable-next-line no-param-reassign\n    target = target.parentNode;\n  }\n  return null;\n};\n\nexport const getOffsetRect = (elem) => {\n  // (1)\n  const box = elem.getBoundingClientRect();\n\n  const { body, documentElement } = document;\n\n  // (2)\n  const scrollTop =\n    window.pageYOffset || documentElement.scrollTop || body.scrollTop;\n  const scrollLeft =\n    window.pageXOffset || documentElement.scrollLeft || body.scrollLeft;\n\n  // (3)\n  const clientTop = documentElement.clientTop || body.clientTop || 0;\n  const clientLeft = documentElement.clientLeft || body.clientLeft || 0;\n\n  // (4)\n  const top = box.top + scrollTop - clientTop;\n  const left = box.left + scrollLeft - clientLeft;\n\n  return { top: Math.round(top), left: Math.round(left) };\n};\n\nexport const getTotalScroll = (elem) => {\n  let top = 0;\n  let left = 0;\n\n  // eslint-disable-next-line no-param-reassign\n  while ((elem = elem.parentNode)) {\n    top += elem.scrollTop || 0;\n    left += elem.scrollLeft || 0;\n  }\n\n  return { top, left };\n};\n\nexport const getTransformProps = (x, y) => ({\n  transform: `translate(${x}px, ${y}px)`,\n});\n\nexport const listWithChildren = (list, childrenProp) =>\n  list.map((item) => ({\n    ...item,\n    [childrenProp]: item[childrenProp]\n      ? listWithChildren(item[childrenProp], childrenProp)\n      : [],\n  }));\n\nexport const getAllNonEmptyNodesIds = (items, childrenProp) => {\n  let childrenIds = [];\n  const ids = items\n    .filter((item) => item[childrenProp].length)\n    .map((item) => {\n      childrenIds = childrenIds.concat(\n        getAllNonEmptyNodesIds(item[childrenProp], childrenProp),\n      );\n      return item.id;\n    });\n\n  return ids.concat(childrenIds);\n};\n\nexport const isInternetExplorer = () => {\n  const ua = window.navigator.userAgent;\n  const msie = ua.indexOf('MSIE ');\n  // If Internet Explorer, return version number\n  if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv:11\\./)) {\n    return true;\n  }\n  return false;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACChB,MAAM,aAAa,CAAC,QACzB,OAAO,UAAU,SAAS,KAAK,GAAG,EAAE,MAAM,GAAG,EAAE;AAC1C,MAAM,YAAY,CAAC,UAAU,OAAO,UAAU;AAC9C,MAAM,cAAc,CAAC,UAAU,OAAO,UAAU;AAChD,MAAM,aAAa,CAAC,UAAU,OAAO,UAAU;AAC/C,MAAM,WAAW,WAAS,OAAO,UAAU,YAAY,CAAC,MAAM,KAAK;AACnE,MAAM,WAAW,CAAC,QAAQ,WAAW,GAAG,MAAM;AAC9C,MAAM,UAAU,CAAC,QAAQ,WAAW,GAAG,MAAM;AAE7C,MAAM,UAAU,CAAC,QAAQ,aAAa;AAE3C,SAAO,QAAQ;AAEb,QAAI,OAAO,WAAW,OAAO,QAAQ,QAAQ;AAAG,aAAO;AACvD,QAAI,OAAO,qBAAqB,OAAO,kBAAkB,QAAQ;AAC/D,aAAO;AAET,aAAS,OAAO;AAAA,EAClB;AACA,SAAO;AACT;AAEO,MAAM,gBAAgB,CAAC,SAAS;AAErC,QAAM,MAAM,KAAK,sBAAsB;AAEvC,QAAM,EAAE,MAAM,gBAAgB,IAAI;AAGlC,QAAM,YACJ,OAAO,eAAe,gBAAgB,aAAa,KAAK;AAC1D,QAAM,aACJ,OAAO,eAAe,gBAAgB,cAAc,KAAK;AAG3D,QAAM,YAAY,gBAAgB,aAAa,KAAK,aAAa;AACjE,QAAM,aAAa,gBAAgB,cAAc,KAAK,cAAc;AAGpE,QAAM,MAAM,IAAI,MAAM,YAAY;AAClC,QAAM,OAAO,IAAI,OAAO,aAAa;AAErC,SAAO,EAAE,KAAK,KAAK,MAAM,GAAG,GAAG,MAAM,KAAK,MAAM,IAAI,EAAE;AACxD;AAEO,MAAM,iBAAiB,CAAC,SAAS;AACtC,MAAI,MAAM;AACV,MAAI,OAAO;AAGX,SAAQ,OAAO,KAAK,YAAa;AAC/B,WAAO,KAAK,aAAa;AACzB,YAAQ,KAAK,cAAc;AAAA,EAC7B;AAEA,SAAO,EAAE,KAAK,KAAK;AACrB;AAEO,MAAM,oBAAoB,CAAC,GAAG,OAAO;AAAA,EAC1C,WAAW,aAAa,QAAQ;AAClC;AAEO,MAAM,mBAAmB,CAAC,MAAM,iBACrC,KAAK,IAAI,CAAC,UAAU;AAAA,EAClB,GAAG;AAAA,EACH,CAAC,eAAe,KAAK,gBACjB,iBAAiB,KAAK,eAAe,YAAY,IACjD,CAAC;AACP,EAAE;AAEG,MAAM,yBAAyB,CAAC,OAAO,iBAAiB;AAC7D,MAAI,cAAc,CAAC;AACnB,QAAM,MAAM,MACT,OAAO,CAAC,SAAS,KAAK,cAAc,MAAM,EAC1C,IAAI,CAAC,SAAS;AACb,kBAAc,YAAY;AAAA,MACxB,uBAAuB,KAAK,eAAe,YAAY;AAAA,IACzD;AACA,WAAO,KAAK;AAAA,EACd,CAAC;AAEH,SAAO,IAAI,OAAO,WAAW;AAC/B;AAEO,MAAM,qBAAqB,MAAM;AACtC,QAAM,KAAK,OAAO,UAAU;AAC5B,QAAM,OAAO,GAAG,QAAQ,OAAO;AAE/B,MAAI,OAAO,KAAK,CAAC,CAAC,UAAU,UAAU,MAAM,kBAAkB,GAAG;AAC/D,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-cond-assign */\nexport const objectType = (obj) => Object.prototype.toString.call(obj).slice(8, -1);\nexport const isDefined = (param) => typeof param !== 'undefined';\nexport const isUndefined = (param) => typeof param === 'undefined';\nexport const isFunction = (param) => typeof param === 'function';\nexport const isNumber = param => typeof param === 'number' && !isNaN(param); // eslint-disable-line\nexport const isString = (str) => objectType(str) === 'String';\nexport const isArray = (arr) => objectType(arr) === 'Array';\n\nexport const closest = (target, selector) => {\n  // closest(e.target, '.field')\n  while (target) {\n    // eslint-disable-line\n    if (target.matches && target.matches(selector)) return target;\n    if (target.msMatchesSelector && target.msMatchesSelector(selector)) return target;\n    // eslint-disable-next-line no-param-reassign\n    target = target.parentNode;\n  }\n  return null;\n};\n\nexport const getOffsetRect = (elem) => {\n  // (1)\n  const box = elem.getBoundingClientRect();\n\n  const { body, documentElement } = document;\n\n  // (2)\n  const scrollTop = window.pageYOffset || documentElement.scrollTop || body.scrollTop;\n  const scrollLeft = window.pageXOffset || documentElement.scrollLeft || body.scrollLeft;\n\n  // (3)\n  const clientTop = documentElement.clientTop || body.clientTop || 0;\n  const clientLeft = documentElement.clientLeft || body.clientLeft || 0;\n\n  // (4)\n  const top = box.top + scrollTop - clientTop;\n  const left = box.left + scrollLeft - clientLeft;\n\n  return { top: Math.round(top), left: Math.round(left) };\n};\n\nexport const getTotalScroll = (elem) => {\n  let top = 0;\n  let left = 0;\n\n  // eslint-disable-next-line no-param-reassign\n  while ((elem = elem.parentNode)) {\n    top += elem.scrollTop || 0;\n    left += elem.scrollLeft || 0;\n  }\n\n  return { top, left };\n};\n\nexport const getTransformProps = (x, y) => ({\n  transform: `translate(${x}px, ${y}px)`,\n});\n\nexport const listWithChildren = (list, childrenProp) =>\n  list.map((item) => ({\n    ...item,\n    [childrenProp]: item[childrenProp] ? listWithChildren(item[childrenProp], childrenProp) : [],\n  }));\n\nexport const getAllNonEmptyNodesIds = (items, childrenProp) => {\n  let childrenIds = [];\n  const ids = items\n    .filter((item) => item[childrenProp].length)\n    .map((item) => {\n      childrenIds = childrenIds.concat(getAllNonEmptyNodesIds(item[childrenProp], childrenProp));\n      return item.id;\n    });\n\n  return ids.concat(childrenIds);\n};\n\nexport const isInternetExplorer = () => {\n  const ua = window.navigator.userAgent;\n  const msie = ua.indexOf('MSIE ');\n  // If Internet Explorer, return version number\n  if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv:11\\./)) {\n    return true;\n  }\n  return false;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACChB,MAAM,aAAa,CAAC,QAAQ,OAAO,UAAU,SAAS,KAAK,GAAG,EAAE,MAAM,GAAG,EAAE;AAC3E,MAAM,YAAY,CAAC,UAAU,OAAO,UAAU;AAC9C,MAAM,cAAc,CAAC,UAAU,OAAO,UAAU;AAChD,MAAM,aAAa,CAAC,UAAU,OAAO,UAAU;AAC/C,MAAM,WAAW,WAAS,OAAO,UAAU,YAAY,CAAC,MAAM,KAAK;AACnE,MAAM,WAAW,CAAC,QAAQ,WAAW,GAAG,MAAM;AAC9C,MAAM,UAAU,CAAC,QAAQ,WAAW,GAAG,MAAM;AAE7C,MAAM,UAAU,CAAC,QAAQ,aAAa;AAE3C,SAAO,QAAQ;AAEb,QAAI,OAAO,WAAW,OAAO,QAAQ,QAAQ;AAAG,aAAO;AACvD,QAAI,OAAO,qBAAqB,OAAO,kBAAkB,QAAQ;AAAG,aAAO;AAE3E,aAAS,OAAO;AAAA,EAClB;AACA,SAAO;AACT;AAEO,MAAM,gBAAgB,CAAC,SAAS;AAErC,QAAM,MAAM,KAAK,sBAAsB;AAEvC,QAAM,EAAE,MAAM,gBAAgB,IAAI;AAGlC,QAAM,YAAY,OAAO,eAAe,gBAAgB,aAAa,KAAK;AAC1E,QAAM,aAAa,OAAO,eAAe,gBAAgB,cAAc,KAAK;AAG5E,QAAM,YAAY,gBAAgB,aAAa,KAAK,aAAa;AACjE,QAAM,aAAa,gBAAgB,cAAc,KAAK,cAAc;AAGpE,QAAM,MAAM,IAAI,MAAM,YAAY;AAClC,QAAM,OAAO,IAAI,OAAO,aAAa;AAErC,SAAO,EAAE,KAAK,KAAK,MAAM,GAAG,GAAG,MAAM,KAAK,MAAM,IAAI,EAAE;AACxD;AAEO,MAAM,iBAAiB,CAAC,SAAS;AACtC,MAAI,MAAM;AACV,MAAI,OAAO;AAGX,SAAQ,OAAO,KAAK,YAAa;AAC/B,WAAO,KAAK,aAAa;AACzB,YAAQ,KAAK,cAAc;AAAA,EAC7B;AAEA,SAAO,EAAE,KAAK,KAAK;AACrB;AAEO,MAAM,oBAAoB,CAAC,GAAG,OAAO;AAAA,EAC1C,WAAW,aAAa,QAAQ;AAClC;AAEO,MAAM,mBAAmB,CAAC,MAAM,iBACrC,KAAK,IAAI,CAAC,UAAU;AAAA,EAClB,GAAG;AAAA,EACH,CAAC,YAAY,GAAG,KAAK,YAAY,IAAI,iBAAiB,KAAK,YAAY,GAAG,YAAY,IAAI,CAAC;AAC7F,EAAE;AAEG,MAAM,yBAAyB,CAAC,OAAO,iBAAiB;AAC7D,MAAI,cAAc,CAAC;AACnB,QAAM,MAAM,MACT,OAAO,CAAC,SAAS,KAAK,YAAY,EAAE,MAAM,EAC1C,IAAI,CAAC,SAAS;AACb,kBAAc,YAAY,OAAO,uBAAuB,KAAK,YAAY,GAAG,YAAY,CAAC;AACzF,WAAO,KAAK;AAAA,EACd,CAAC;AAEH,SAAO,IAAI,OAAO,WAAW;AAC/B;AAEO,MAAM,qBAAqB,MAAM;AACtC,QAAM,KAAK,OAAO,UAAU;AAC5B,QAAM,OAAO,GAAG,QAAQ,OAAO;AAE/B,MAAI,OAAO,KAAK,CAAC,CAAC,UAAU,UAAU,MAAM,kBAAkB,GAAG;AAC/D,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/virtualization/AutoHeightList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/virtualization/AutoHeightList.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { forwardRef, useRef } from 'react';\nimport { FixedSizeList as List } from 'react-window';\nimport { cx, useWindowScrollerList, mergeRefs } from '@elliemae/ds-utilities';\n\nexport const AutoHeightList = forwardRef(\n  (\n    {\n      itemCount,\n      className,\n      innerRef,\n      itemData,\n      itemKey,\n      itemSize,\n      outerRef,\n      component: ListComponent = List,\n      ...otherProps\n    },\n    ref,\n  ) => {\n    const listRef = useRef();\n    const outerListRef = useRef();\n\n    useWindowScrollerList({\n      listInstance: listRef,\n      outerListRef,\n    });\n\n    return (\n      <ListComponent\n        {...otherProps}\n        ref={mergeRefs(ref, listRef)}\n        className={cx(className, 'window-scroller-override')}\n        height={window.innerHeight}\n        innerRef={innerRef}\n        itemCount={itemCount}\n        itemData={itemData}\n        itemKey={itemKey}\n        itemSize={itemSize}\n        outerRef={mergeRefs(outerListRef, outerRef)}\n        overscanCount={10}\n        useIsScrolling\n      />\n    );\n  },\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC4BjB;AA5BN,SAAgB,YAAY,cAAc;AAC1C,SAAS,iBAAiB,YAAY;AACtC,SAAS,IAAI,uBAAuB,iBAAiB;AAE9C,MAAM,iBAAiB;AAAA,EAC5B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,gBAAgB;AAAA,OACxB;AAAA,EACL,GACA,QACG;AACH,UAAM,UAAU,OAAO;AACvB,UAAM,eAAe,OAAO;AAE5B,0BAAsB;AAAA,MACpB,cAAc;AAAA,MACd;AAAA,IACF,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK,UAAU,KAAK,OAAO;AAAA,QAC3B,WAAW,GAAG,WAAW,0BAA0B;AAAA,QACnD,QAAQ,OAAO;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,UAAU,cAAc,QAAQ;AAAA,QAC1C,eAAe;AAAA,QACf,gBAAc;AAAA;AAAA,IAChB;AAAA,EAEJ;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;AC4BjB;AA5BN,SAAgB,YAAY,cAAc;AAC1C,SAAS,iBAAiB,YAAY;AACtC,SAAS,IAAI,uBAAuB,iBAAiB;AAE9C,MAAM,iBAAiB;AAAA,EAC5B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,gBAAgB;AAAA,IAC3B,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,UAAU,OAAO;AACvB,UAAM,eAAe,OAAO;AAE5B,0BAAsB;AAAA,MACpB,cAAc;AAAA,MACd;AAAA,IACF,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK,UAAU,KAAK,OAAO;AAAA,QAC3B,WAAW,GAAG,WAAW,0BAA0B;AAAA,QACnD,QAAQ,OAAO;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,UAAU,cAAc,QAAQ;AAAA,QAC1C,eAAe;AAAA,QACf,gBAAc;AAAA;AAAA,IAChB;AAAA,EAEJ;AACF;",
   "names": []
 }

package/dist/esm/virtualization/FluidHeightList.js

@@ -2,16 +2,14 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import AutoSizer from "react-virtualized-auto-sizer";
-const FluidHeightList = forwardRef(
-  ({ component: Component, ...props }, ref) => /* @__PURE__ */ jsx(AutoSizer, { disableWidth: true, children: ({ height: fluidHeight }) => /* @__PURE__ */ jsx(
-    Component,
-    {
-      ...props,
-      ref,
-      height: fluidHeight - 32
-    }
-  ) })
-);
+const FluidHeightList = forwardRef(({ component: Component, ...props }, ref) => /* @__PURE__ */ jsx(AutoSizer, { disableWidth: true, children: ({ height: fluidHeight }) => /* @__PURE__ */ jsx(
+  Component,
+  {
+    ...props,
+    ref,
+    height: fluidHeight - 32
+  }
+) }));
 export {
   FluidHeightList
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/virtualization/FluidHeightList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACOf;AAPR,SAAgB,kBAAkB;AAClC,OAAO,eAAe;AAEf,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,WAAW,cAAc,MAAM,GAAG,QACnC,oBAAC,aAAU,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 * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACMjB;AANN,SAAgB,kBAAkB;AAClC,OAAO,eAAe;AAEf,MAAM,kBAAkB,WAAW,CAAC,EAAE,WAAW,WAAW,GAAG,MAAM,GAAG,QAC7E,oBAAC,aAAU,cAAY,MACpB,WAAC,EAAE,QAAQ,YAAY,MACtB;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,QAAQ,cAAc;AAAA;AACxB,GAEJ,CACD;",
   "names": []
 }

package/dist/esm/virtualization/index.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { FluidHeightList } from "./FluidHeightList";
-import { AutoHeightList } from "./AutoHeightList";
+import { FluidHeightList } from "./FluidHeightList.js";
+import { AutoHeightList } from "./AutoHeightList.js";
 function getVirtualListComponent({ component: Component, fluid, height, autoHeight }) {
   if (autoHeight)
     return AutoHeightList;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/virtualization/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAIxB,SAAS,wBAAwB,EAAE,WAAW,WAAW,OAAO,QAAQ,WAAW,GAAG;AAC3F,MAAI;AAAY,WAAO;AACvB,MAAI;AAAO,WAAO;AAClB,SAAO;AACT;",
   "names": []
 }

package/dist/types/Animations/BaseAnimation.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const BaseAnimation: ({ keys, items, duration, enter, from, leave, onRest, children, }: {
     keys?: undefined;
     items?: never[] | undefined;

package/dist/types/Animations/Grow.d.ts

@@ -1,4 +1,5 @@
-declare const Grow: ({ keys, duration, items, from, to, children, onRest, }: {
+/// <reference types="react" />
+declare const Grow: ({ keys, duration, items, from, to, children, onRest }: {
     keys?: undefined;
     duration: any;
     items?: undefined;

package/dist/types/Animations/GrowRight.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const GrowRight: ({ keys, items, duration, from, to, children, onRest, }: {
     keys?: undefined;
     items?: undefined;

package/dist/types/Animations/GrowVertical.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const GrowVertical: ({ keys, duration, items, from, to, children, onRest, }: {
     keys?: undefined;
     duration: any;

package/dist/types/Animations/index.d.ts

@@ -1,4 +1,4 @@
-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';

package/dist/types/CheckableGroup.d.ts

@@ -4,17 +4,16 @@ export declare function useCheckableGroup({ children, active: activeProp, multi,
     multi: any;
     onCheck?: (() => null) | undefined;
 }): any;
-export declare function CheckableGroup({ active, multi, // checkbox or radio
-children, }: {
-    active?: never[] | undefined;
-    multi?: boolean | undefined;
-    children: any;
-}): any;
-export declare namespace CheckableGroup {
-    var propTypes: {
+export declare const CheckableGroup: {
+    ({ active, multi, children, }: {
+        active?: never[] | undefined;
+        multi?: boolean | undefined;
+        children: any;
+    }): any;
+    propTypes: {
         active: any;
         multi: any;
         onCheck: any;
     };
-}
+};
 export default CheckableGroup;

package/dist/types/DeferRenderAfterComputation.d.ts

@@ -1,4 +1,4 @@
-export declare const DeferRenderAfterComputation: ({ children, resolve, fallback, timeout, }: {
+export declare const DeferRenderAfterComputation: ({ children, resolve, fallback, timeout }: {
     children: any;
     resolve: any;
     fallback: any;

package/dist/types/FocusGroup/focusGroupManagerHoc.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare function FocusGroupHoc(WrappedComponent: any, options?: {}): ({ onExitFocusGroup, onFocusPrevGroup, focusKeyBindings, ...props }: {
     [x: string]: any;
     onExitFocusGroup: any;

package/dist/types/FocusGroup/index.d.ts

@@ -1,7 +1,7 @@
-export * from './FocusGroup';
-export * from './FocusGroupContext';
-export * from './FocusGroupManager';
-export * from './useFocusGroupItem';
-export { FocusGroupHoc as focusGroupManagerHoc } from './focusGroupManagerHoc';
-export { FocusGridProvider as FocusGrid, FocusGridContext } from './FocusGrid';
-export * from './utils/getNextCellPosition';
+export * from './FocusGroup.js';
+export * from './FocusGroupContext.js';
+export * from './FocusGroupManager.js';
+export * from './useFocusGroupItem.js';
+export { FocusGroupHoc as focusGroupManagerHoc } from './focusGroupManagerHoc.js';
+export { FocusGridProvider as FocusGrid, FocusGridContext } from './FocusGrid.js';
+export * from './utils/getNextCellPosition.js';

package/dist/types/GroupContext/GroupItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const GroupItem: ({ render }: {
     render: any;
 }) => JSX.Element;

package/dist/types/GroupContext/index.d.ts

@@ -1,3 +1,3 @@
-export { Group } from './Group';
-export { GroupContext } from './GroupContext';
-export { GroupItem } from './GroupItem';
+export { Group } from './Group.js';
+export { GroupContext } from './GroupContext.js';
+export { GroupItem } from './GroupItem.js';

package/dist/types/ScrollSync/ScrollSyncPane.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 export declare const ScrollSyncPaneHOC: (props: any) => JSX.Element;
 export default ScrollSyncPaneHOC;

package/dist/types/ScrollSync/ScrollSyncProvider.d.ts

@@ -1,12 +1,13 @@
-declare function ScrollSyncProvider({ enabled, horizontal, vertical, children }: {
-    enabled: any;
-    horizontal: any;
-    vertical: any;
-    children: any;
-}): JSX.Element;
-declare namespace ScrollSyncProvider {
-    var propTypes: {};
-    var defaultProps: {};
-}
+/// <reference types="react" />
+declare const ScrollSyncProvider: {
+    ({ enabled, horizontal, vertical, children }: {
+        enabled: any;
+        horizontal: any;
+        vertical: any;
+        children: any;
+    }): JSX.Element;
+    propTypes: {};
+    defaultProps: {};
+};
 export default ScrollSyncProvider;
 export { ScrollSyncProvider };

package/dist/types/ScrollSync/index.d.ts

@@ -1,4 +1,4 @@
-export { ScrollSync } from './ScrollSync';
-export { ScrollSyncPaneHOC as ScrollSyncPane } from './ScrollSyncPane';
-export * from './ScrollSyncProvider';
-export * from './useScrollSync';
+export { ScrollSync } from './ScrollSync.js';
+export { ScrollSyncPaneHOC as ScrollSyncPane } from './ScrollSyncPane.js';
+export * from './ScrollSyncProvider.js';
+export * from './useScrollSync.js';

package/dist/types/createDataInstance/index.d.ts

@@ -1,3 +1,3 @@
-export * from './createInstancePlugin';
-export * from './createInstanceRef';
-export * from './utils';
+export * from './createInstancePlugin.js';
+export * from './createInstanceRef.js';
+export * from './utils.js';

package/dist/types/index.d.ts

@@ -1,16 +1,16 @@
-export * from './Animations';
-export * from './createDataInstance';
-export * from './defer-render-hoc';
-export * from './FocusGroup';
-export * from './GroupContext';
-export * from './ScrollSync';
-export * from './toolbar/ToolbarProvider';
-export * from './useDataGrid';
-export * from './useDataList';
-export * from './virtualization';
-export * from './CheckableGroup';
-export * from './constants';
-export * from './DeferRenderAfterComputation';
-export * from './dimsum.config';
-export * from './prop-types';
-export * from './utils';
+export * from './Animations/index.js';
+export * from './createDataInstance/index.js';
+export * from './defer-render-hoc/index.js';
+export * from './FocusGroup/index.js';
+export * from './GroupContext/index.js';
+export * from './ScrollSync/index.js';
+export * from './toolbar/ToolbarProvider.js';
+export * from './useDataGrid/index.js';
+export * from './useDataList/index.js';
+export * from './virtualization/index.js';
+export * from './CheckableGroup.js';
+export * from './constants.js';
+export * from './DeferRenderAfterComputation.js';
+export * from './dimsum.config.js';
+export * from './prop-types.js';
+export * from './utils.js';

package/dist/types/useDataGrid/index.d.ts

@@ -1,3 +1,3 @@
-export * from './initColumnDefinition';
-export * from './VolatileRowsListener';
-export * from './useDataGrid';
+export * from './initColumnDefinition.js';
+export * from './VolatileRowsListener.js';
+export * from './useDataGrid.js';

package/dist/types/useDataList/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useDataList';
-export * from './recordIterator';
+export * from './useDataList.js';
+export * from './recordIterator.js';

package/dist/types/virtualization/index.d.ts

@@ -1,5 +1,5 @@
-import { FluidHeightList } from './FluidHeightList';
-import { AutoHeightList } from './AutoHeightList';
+import { FluidHeightList } from './FluidHeightList.js';
+import { AutoHeightList } from './AutoHeightList.js';
 export { FluidHeightList, AutoHeightList };
 export declare function getVirtualListComponent({ component: Component, fluid, height, autoHeight }: {
     component: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-shared",
-  "version": "3.16.0",
+  "version": "3.16.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Shared components and utilities",
   "files": [
@@ -216,17 +216,17 @@
   },
   "dependencies": {
     "hoist-non-react-statics": "~3.3.2",
-    "hotkeys-js": "~3.10.0",
+    "hotkeys-js": "~3.10.1",
     "prop-types": "~15.8.1",
     "raf": "~3.4.1",
     "react-spring": "~8.0.27",
-    "react-virtualized-auto-sizer": "~1.0.6",
-    "react-window": "~1.8.7",
+    "react-virtualized-auto-sizer": "~1.0.7",
+    "react-window": "~1.8.8",
     "table-resolver": "~4.1.1",
     "uuid": "~8.3.2",
-    "@elliemae/ds-popover": "3.16.0",
-    "@elliemae/ds-props-helpers": "3.16.0",
-    "@elliemae/ds-utilities": "3.16.0"
+    "@elliemae/ds-popover": "3.16.1",
+    "@elliemae/ds-props-helpers": "3.16.1",
+    "@elliemae/ds-utilities": "3.16.1"
   },
   "peerDependencies": {
     "lodash": "~4.17.21",