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

package/dist/esm/useDataList/useDataList.js

@@ -0,0 +1,102 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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";
+const getItemLabel = (record, nameKey = "name") => get(record, ["data", nameKey]);
+const getItemChildren = (record, childrenKey = "children") => get(record, ["data", childrenKey]);
+const listRenderers = {
+  list: "ul",
+  item: "li"
+};
+const useDataList = (_a) => {
+  var _b = _a, {
+    data = [],
+    plugins = [],
+    renderers = listRenderers,
+    itemRenderer = [],
+    customDecorators
+  } = _b, props = __objRest(_b, [
+    "data",
+    "plugins",
+    "renderers",
+    "itemRenderer",
+    "customDecorators"
+  ]);
+  const listRef = useRef();
+  const { instance, decorators } = createDataInstanceRef(__spreadValues({
+    data,
+    renderers,
+    plugins,
+    customDecorators: __spreadProps(__spreadValues({}, customDecorators), {
+      recordIterator,
+      getListProps: [],
+      getItemProps: [],
+      itemRenderer: [...itemRenderer],
+      record: [],
+      records: []
+    })
+  }, props));
+  instance.current.getListRef = () => listRef;
+  instance.current.setListRef = (ref) => {
+    listRef.current = ref;
+  };
+  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.records = useMemo(() => {
+    let nextRecords = recordIterator(data, instance.current.decorators.recordIterator, decorators.record, instance.current);
+    nextRecords = decorators.records.reduce((nextRows, getter) => getter(nextRows, instance.current), nextRecords);
+    return nextRecords;
+  });
+  if (props.instanceRef)
+    setRef(props.instanceRef, instance.current);
+  return instance.current;
+};
+var useDataList_default = useDataList;
+export {
+  useDataList_default as default,
+  getItemChildren,
+  getItemLabel,
+  useDataList
+};
+//# sourceMappingURL=useDataList.js.map

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

@@ -0,0 +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;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AAEO,MAAM,eAAe,CAAC,QAAQ,UAAU,WAC7C,IAAI,QAAQ,CAAC,QAAQ;AAChB,MAAM,kBAAkB,CAAC,QAAQ,cAAc,eACpD,IAAI,QAAQ,CAAC,QAAQ;AAEvB,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,MAAM;AAAA;AAID,MAAM,cAAc,CAAC,OAOtB;AAPsB,eAC1B;AAAA,WAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,eAAe;AAAA,IACf;AAAA,MAL0B,IAMvB,kBANuB,IAMvB;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,UAAU;AAChB,QAAM,EAAE,UAAU,eAAe,sBAAsB;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB,iCACb,mBADa;AAAA,MAEhB;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd,cAAc,CAAC,GAAG;AAAA,MAClB,QAAQ;AAAA,MACR,SAAS;AAAA;AAAA,KAER;AAEL,WAAS,QAAQ,aAAa,MAAM;AACpC,WAAS,QAAQ,aAAa,CAAC,QAAQ;AACrC,YAAQ,UAAU;AAAA;AAEpB,WAAS,QAAQ,eAAe,CAAC,WAC/B,aAAa,QAAQ,MAAM;AAC7B,WAAS,QAAQ,kBAAkB,CAAC,WAClC,gBAAgB,QAAQ,MAAM;AAEhC,WAAS,QAAQ,aAAa;AAC9B,WAAS,QAAQ,eAAe,kBAC9B,WAAW,cACX,SAAS;AAEX,WAAS,QAAQ,eAAe,kBAC9B,WAAW,cACX,SAAS;AAEX,WAAS,QAAQ,eAAe,kBAC9B,SAAS,QAAQ,WAAW,cAC5B,SAAS;AAGX,WAAS,QAAQ,UAAU,QAAQ,MAAM;AAEvC,QAAI,cAAc,eAChB,MACA,SAAS,QAAQ,WAAW,gBAC5B,WAAW,QACX,SAAS;AAIX,kBAAc,WAAW,QAAQ,OAC/B,CAAC,UAAU,WAAW,OAAO,UAAU,SAAS,UAChD;AAGF,WAAO;AAAA;AAGT,MAAI,MAAM;AAAa,WAAO,MAAM,aAAa,SAAS;AAE1D,SAAO,SAAS;AAAA;AAGlB,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/esm/utils.js

@@ -0,0 +1,96 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+const objectType = (obj) => Object.prototype.toString.call(obj).slice(8, -1);
+const isDefined = (param) => typeof param !== "undefined";
+const isUndefined = (param) => typeof param === "undefined";
+const isFunction = (param) => typeof param === "function";
+const isNumber = (param) => typeof param === "number" && !isNaN(param);
+const isString = (str) => objectType(str) === "String";
+const isArray = (arr) => objectType(arr) === "Array";
+const closest = (target, selector) => {
+  while (target) {
+    if (target.matches && target.matches(selector))
+      return target;
+    if (target.msMatchesSelector && target.msMatchesSelector(selector))
+      return target;
+    target = target.parentNode;
+  }
+  return null;
+};
+const getOffsetRect = (elem) => {
+  const box = elem.getBoundingClientRect();
+  const { body, documentElement } = document;
+  const scrollTop = window.pageYOffset || documentElement.scrollTop || body.scrollTop;
+  const scrollLeft = window.pageXOffset || documentElement.scrollLeft || body.scrollLeft;
+  const clientTop = documentElement.clientTop || body.clientTop || 0;
+  const clientLeft = documentElement.clientLeft || body.clientLeft || 0;
+  const top = box.top + scrollTop - clientTop;
+  const left = box.left + scrollLeft - clientLeft;
+  return { top: Math.round(top), left: Math.round(left) };
+};
+const getTotalScroll = (elem) => {
+  let top = 0;
+  let left = 0;
+  while (elem = elem.parentNode) {
+    top += elem.scrollTop || 0;
+    left += elem.scrollLeft || 0;
+  }
+  return { top, left };
+};
+const getTransformProps = (x, y) => ({
+  transform: `translate(${x}px, ${y}px)`
+});
+const listWithChildren = (list, childrenProp) => list.map((item) => __spreadProps(__spreadValues({}, item), {
+  [childrenProp]: item[childrenProp] ? listWithChildren(item[childrenProp], childrenProp) : []
+}));
+const getAllNonEmptyNodesIds = (items, childrenProp) => {
+  let childrenIds = [];
+  const ids = items.filter((item) => item[childrenProp].length).map((item) => {
+    childrenIds = childrenIds.concat(getAllNonEmptyNodesIds(item[childrenProp], childrenProp));
+    return item.id;
+  });
+  return ids.concat(childrenIds);
+};
+const isInternetExplorer = () => {
+  const ua = window.navigator.userAgent;
+  const msie = ua.indexOf("MSIE ");
+  if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv:11\./)) {
+    return true;
+  }
+  return false;
+};
+export {
+  closest,
+  getAllNonEmptyNodesIds,
+  getOffsetRect,
+  getTotalScroll,
+  getTransformProps,
+  isArray,
+  isDefined,
+  isFunction,
+  isInternetExplorer,
+  isNumber,
+  isString,
+  isUndefined,
+  listWithChildren,
+  objectType
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/utils.js.map

@@ -0,0 +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;ACCO,MAAM,aAAa,CAAC,QACzB,OAAO,UAAU,SAAS,KAAK,KAAK,MAAM,GAAG;AACxC,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;AAC9D,MAAM,WAAW,CAAC,QAAQ,WAAW,SAAS;AAC9C,MAAM,UAAU,CAAC,QAAQ,WAAW,SAAS;AAE7C,MAAM,UAAU,CAAC,QAAQ,aAAa;AAE3C,SAAO,QAAQ;AAEb,QAAI,OAAO,WAAW,OAAO,QAAQ;AAAW,aAAO;AACvD,QAAI,OAAO,qBAAqB,OAAO,kBAAkB;AACvD,aAAO;AAET,aAAS,OAAO;AAAA;AAElB,SAAO;AAAA;AAGF,MAAM,gBAAgB,CAAC,SAAS;AAErC,QAAM,MAAM,KAAK;AAEjB,QAAM,EAAE,MAAM,oBAAoB;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,MAAM,MAAM,KAAK,MAAM;AAAA;AAG3C,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;AAG7B,SAAO,EAAE,KAAK;AAAA;AAGT,MAAM,oBAAoB,CAAC,GAAG,MAAO;AAAA,EAC1C,WAAW,aAAa,QAAQ;AAAA;AAG3B,MAAM,mBAAmB,CAAC,MAAM,iBACrC,KAAK,IAAI,CAAC,SAAU,iCACf,OADe;AAAA,GAEjB,eAAe,KAAK,gBACjB,iBAAiB,KAAK,eAAe,gBACrC;AAAA;AAGD,MAAM,yBAAyB,CAAC,OAAO,iBAAiB;AAC7D,MAAI,cAAc;AAClB,QAAM,MAAM,MACT,OAAO,CAAC,SAAS,KAAK,cAAc,QACpC,IAAI,CAAC,SAAS;AACb,kBAAc,YAAY,OACxB,uBAAuB,KAAK,eAAe;AAE7C,WAAO,KAAK;AAAA;AAGhB,SAAO,IAAI,OAAO;AAAA;AAGb,MAAM,qBAAqB,MAAM;AACtC,QAAM,KAAK,OAAO,UAAU;AAC5B,QAAM,OAAO,GAAG,QAAQ;AAExB,MAAI,OAAO,KAAK,CAAC,CAAC,UAAU,UAAU,MAAM,qBAAqB;AAC/D,WAAO;AAAA;AAET,SAAO;AAAA;",
+  "names": []
+}

package/dist/esm/virtualization/AutoHeightList.js

@@ -0,0 +1,79 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2, { forwardRef, useRef } from "react";
+import { FixedSizeList as List } from "react-window";
+import { cx, useWindowScrollerList, mergeRefs } from "@elliemae/ds-utilities";
+const AutoHeightList = forwardRef((_a, ref) => {
+  var _b = _a, {
+    itemCount,
+    className,
+    innerRef,
+    itemData,
+    itemKey,
+    itemSize,
+    outerRef,
+    component: ListComponent = List
+  } = _b, otherProps = __objRest(_b, [
+    "itemCount",
+    "className",
+    "innerRef",
+    "itemData",
+    "itemKey",
+    "itemSize",
+    "outerRef",
+    "component"
+  ]);
+  const listRef = useRef();
+  const outerListRef = useRef();
+  useWindowScrollerList({
+    listInstance: listRef,
+    outerListRef
+  });
+  return /* @__PURE__ */ React2.createElement(ListComponent, __spreadProps(__spreadValues({}, otherProps), {
+    ref: mergeRefs(ref, listRef),
+    className: cx(className, "window-scroller-override"),
+    height: window.innerHeight,
+    innerRef,
+    itemCount,
+    itemData,
+    itemKey,
+    itemSize,
+    outerRef: mergeRefs(outerListRef, outerRef),
+    overscanCount: 10,
+    useIsScrolling: true
+  }));
+});
+export {
+  AutoHeightList
+};
+//# sourceMappingURL=AutoHeightList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;ACAA;AACA;AACA;AAEO,MAAM,iBAAiB,WAC5B,CACE,IAWA,QACG;AAZH,eACE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,gBAAgB;AAAA,MAR7B,IASK,uBATL,IASK;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,UAAU;AAChB,QAAM,eAAe;AAErB,wBAAsB;AAAA,IACpB,cAAc;AAAA,IACd;AAAA;AAGF,SACE,qCAAC,eAAD,iCACM,aADN;AAAA,IAEE,KAAK,UAAU,KAAK;AAAA,IACpB,WAAW,GAAG,WAAW;AAAA,IACzB,QAAQ,OAAO;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,UAAU,cAAc;AAAA,IAClC,eAAe;AAAA,IACf,gBAAc;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/virtualization/FluidHeightList.js

@@ -0,0 +1,47 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2, { forwardRef } from "react";
+import AutoSizer from "react-virtualized-auto-sizer";
+const FluidHeightList = forwardRef((_a, ref) => {
+  var _b = _a, { component: Component } = _b, props = __objRest(_b, ["component"]);
+  return /* @__PURE__ */ React2.createElement(AutoSizer, {
+    disableWidth: true
+  }, ({ height: fluidHeight }) => /* @__PURE__ */ React2.createElement(Component, __spreadProps(__spreadValues({}, props), {
+    ref,
+    height: fluidHeight - 32
+  })));
+});
+export {
+  FluidHeightList
+};
+//# sourceMappingURL=FluidHeightList.js.map

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

@@ -0,0 +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;ACAA;AACA;AAEO,MAAM,kBAAkB,WAC7B,CAAC,IAAoC,QAAK;AAAzC,eAAE,aAAW,cAAb,IAA2B,kBAA3B,IAA2B,CAAzB;AACD,8CAAC,WAAD;AAAA,IAAW,cAAY;AAAA,KACpB,CAAC,EAAE,QAAQ,kBACV,qCAAC,WAAD,iCACM,QADN;AAAA,IAEE;AAAA,IACA,QAAQ,cAAc;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/virtualization/index.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { FluidHeightList } from "./FluidHeightList";
+import { AutoHeightList } from "./AutoHeightList";
+function getVirtualListComponent({
+  component: Component,
+  fluid,
+  height,
+  autoHeight
+}) {
+  if (autoHeight)
+    return AutoHeightList;
+  if (fluid)
+    return FluidHeightList;
+  return Component;
+}
+export {
+  AutoHeightList,
+  FluidHeightList,
+  getVirtualListComponent
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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({\n  component: Component,\n  fluid,\n  height,\n  autoHeight,\n}) {\n  if (autoHeight) return AutoHeightList;\n  if (fluid) return FluidHeightList;\n  return Component;\n}\n"],
+  "mappings": "AAAA;ACAA;AACA;AAIO,iCAAiC;AAAA,EACtC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,MAAI;AAAY,WAAO;AACvB,MAAI;AAAO,WAAO;AAClB,SAAO;AAAA;",
+  "names": []
+}