@elliemae/ds-virtual-list 3.12.0-rc.2 → 3.12.0-rc.4

package/dist/cjs/DSVirtualListDefinitions.js

@@ -0,0 +1,32 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSVirtualListDefinitions_exports = {};
+__export(DSVirtualListDefinitions_exports, {
+  DSVirtualListName: () => DSVirtualListName
+});
+module.exports = __toCommonJS(DSVirtualListDefinitions_exports);
+var React = __toESM(require("react"));
+const DSVirtualListName = "DSVirtualList";
+//# sourceMappingURL=DSVirtualListDefinitions.js.map

package/dist/cjs/DSVirtualListDefinitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSVirtualListDefinitions.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSVirtualListName = 'DSVirtualList';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,oBAAoB;",
+  "names": []
+}

package/dist/cjs/VirtualList.js

@@ -33,15 +33,14 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_List = require("./parts/List");
 var import_props = require("./props");
+var import_DSVirtualListDefinitions = require("./DSVirtualListDefinitions");
 const DSVirtualList = (props) => {
   const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
-  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_props.DSVirtualListSchema);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_List.List, {
-    ...propsWithDefault
-  });
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_props.DSVirtualListSchema, import_DSVirtualListDefinitions.DSVirtualListName);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_List.List, { ...propsWithDefault });
 };
 DSVirtualList.propTypes = import_props.DSVirtualListSchema;
-DSVirtualList.displayName = "DSVirtualList";
+DSVirtualList.displayName = import_DSVirtualListDefinitions.DSVirtualListName;
 const DSVirtualListWithSchema = (0, import_ds_utilities.describe)(DSVirtualList).description("DSVirtualList");
 DSVirtualListWithSchema.propTypes = import_props.DSVirtualListSchema;
 //# sourceMappingURL=VirtualList.js.map

package/dist/cjs/VirtualList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/VirtualList.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, describe } from '@elliemae/ds-utilities';\nimport { List } from './parts/List';\nimport { DSVirtualListSchema, defaultProps } from './props';\nimport type { DSVirtualListProps } from './index.d';\n\nconst DSVirtualList: React.ComponentType<DSVirtualListProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSVirtualListSchema);\n\n  return <List {...propsWithDefault} />;\n};\n\nDSVirtualList.propTypes = DSVirtualListSchema;\nDSVirtualList.displayName = 'DSVirtualList';\nconst DSVirtualListWithSchema = describe(DSVirtualList).description('DSVirtualList');\nDSVirtualListWithSchema.propTypes = DSVirtualListSchema;\n\nexport { DSVirtualList, DSVirtualListWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUd;AATT,0BAAuF;AACvF,kBAAqB;AACrB,mBAAkD;AAGlD,MAAM,gBAAyD,CAAC,UAAU;AACxE,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,gCAAmB;AAEpE,SAAO,4CAAC;AAAA,IAAM,GAAG;AAAA,GAAkB;AACrC;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,8BAA0B,8BAAS,aAAa,EAAE,YAAY,eAAe;AACnF,wBAAwB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, describe } from '@elliemae/ds-utilities';\nimport { List } from './parts/List';\nimport { DSVirtualListSchema, defaultProps } from './props';\nimport type { DSVirtualListProps } from './index.d';\nimport { DSVirtualListName } from './DSVirtualListDefinitions';\n\nconst DSVirtualList: React.ComponentType<DSVirtualListProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSVirtualListSchema, DSVirtualListName);\n\n  return <List {...propsWithDefault} />;\n};\n\nDSVirtualList.propTypes = DSVirtualListSchema;\nDSVirtualList.displayName = DSVirtualListName;\nconst DSVirtualListWithSchema = describe(DSVirtualList).description('DSVirtualList');\nDSVirtualListWithSchema.propTypes = DSVirtualListSchema;\n\nexport { DSVirtualList, DSVirtualListWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWd;AAVT,0BAAuF;AACvF,kBAAqB;AACrB,mBAAkD;AAElD,sCAAkC;AAElC,MAAM,gBAAyD,CAAC,UAAU;AACxE,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,kCAAqB,iDAAiB;AAEvF,SAAO,4CAAC,oBAAM,GAAG,kBAAkB;AACrC;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,8BAA0B,8BAAS,aAAa,EAAE,YAAY,eAAe;AACnF,wBAAwB,YAAY;",
   "names": []
 }

package/dist/cjs/parts/List.js

@@ -43,26 +43,22 @@ const List = (props) => {
       const style = {
         transform: `translateY(${start}px)`
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.VirtualItemStyled, {
-        ref: measureRef,
-        style,
-        role: "listitem",
-        children: filteredChildren[index]
-      }, `ds-virtual-list-item-${(0, import_uid.uid)(6)}`);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.VirtualItemStyled, { ref: measureRef, style, role: "listitem", children: filteredChildren[index] }, `ds-virtual-list-item-${(0, import_uid.uid)(6)}`);
     }),
     [filteredChildren, virtualItems]
   );
   import_react.default.useEffect(() => {
     setDynamicRerenderWorkaround((0, import_uid.uid)(6));
   }, [filteredChildren]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledContainerContentList, {
-    ref: parentRef,
-    "data-testid": import_VirtualListDataTestID.LIST_DATA_TESTID.CONTAINER,
-    role: "list",
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledVirtualList, {
-      height: `${totalSize}px`,
-      children: virtualChildren
-    })
-  }, `ds-virtual-list-${dynamicRerenderWorkaround}`);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled.StyledContainerContentList,
+    {
+      ref: parentRef,
+      "data-testid": import_VirtualListDataTestID.LIST_DATA_TESTID.CONTAINER,
+      role: "list",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledVirtualList, { height: `${totalSize}px`, children: virtualChildren })
+    },
+    `ds-virtual-list-${dynamicRerenderWorkaround}`
+  );
 };
 //# sourceMappingURL=List.js.map

package/dist/cjs/parts/List.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/List.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { uid } from 'uid';\nimport { VirtualItemStyled, StyledContainerContentList, StyledVirtualList } from '../styled';\n\nimport { LIST_DATA_TESTID } from '../VirtualListDataTestID';\n\nimport type { DSVirtualListProps } from '../index.d';\nimport { useVirtualList } from '../hooks/useVirtualList';\n\n/**\n *  List component: renders a list of items\n *  Accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/List_role\n *\n *  @param {DSVirtualListProps} props\n * @returns JSX\n */\nexport const List: React.FC<DSVirtualListProps> = (props: DSVirtualListProps) => {\n  const { parentRef, virtualItems, filteredChildren, totalSize } = useVirtualList(props);\n  const [dynamicRerenderWorkaround, setDynamicRerenderWorkaround] = React.useState(uid(6));\n  const virtualChildren = React.useMemo(\n    () =>\n      virtualItems.map((virtualItem) => {\n        const { index, measureRef, start } = virtualItem;\n        const style = {\n          transform: `translateY(${start}px)`,\n        };\n        return (\n          <VirtualItemStyled ref={measureRef} style={style} role=\"listitem\" key={`ds-virtual-list-item-${uid(6)}`}>\n            {filteredChildren[index]}\n          </VirtualItemStyled>\n        );\n      }),\n    [filteredChildren, virtualItems],\n  );\n  React.useEffect(() => {\n    setDynamicRerenderWorkaround(uid(6));\n  }, [filteredChildren]);\n  return (\n    <StyledContainerContentList\n      key={`ds-virtual-list-${dynamicRerenderWorkaround}`}\n      ref={parentRef}\n      data-testid={LIST_DATA_TESTID.CONTAINER}\n      role=\"list\"\n    >\n      <StyledVirtualList height={`${totalSize}px`}>{virtualChildren}</StyledVirtualList>\n    </StyledContainerContentList>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2Bb;AA3BV,mBAAkB;AAClB,iBAAoB;AACpB,oBAAiF;AAEjF,mCAAiC;AAGjC,4BAA+B;AASxB,MAAM,OAAqC,CAAC,UAA8B;AAC/E,QAAM,EAAE,WAAW,cAAc,kBAAkB,UAAU,QAAI,sCAAe,KAAK;AACrF,QAAM,CAAC,2BAA2B,4BAA4B,IAAI,aAAAA,QAAM,aAAS,gBAAI,CAAC,CAAC;AACvF,QAAM,kBAAkB,aAAAA,QAAM;AAAA,IAC5B,MACE,aAAa,IAAI,CAAC,gBAAgB;AAChC,YAAM,EAAE,OAAO,YAAY,MAAM,IAAI;AACrC,YAAM,QAAQ;AAAA,QACZ,WAAW,cAAc;AAAA,MAC3B;AACA,aACE,4CAAC;AAAA,QAAkB,KAAK;AAAA,QAAY;AAAA,QAAc,MAAK;AAAA,QACpD,2BAAiB;AAAA,SADmD,4BAAwB,gBAAI,CAAC,GAEpG;AAAA,IAEJ,CAAC;AAAA,IACH,CAAC,kBAAkB,YAAY;AAAA,EACjC;AACA,eAAAA,QAAM,UAAU,MAAM;AACpB,qCAA6B,gBAAI,CAAC,CAAC;AAAA,EACrC,GAAG,CAAC,gBAAgB,CAAC;AACrB,SACE,4CAAC;AAAA,IAEC,KAAK;AAAA,IACL,eAAa,8CAAiB;AAAA,IAC9B,MAAK;AAAA,IAEL,sDAAC;AAAA,MAAkB,QAAQ,GAAG;AAAA,MAAgB;AAAA,KAAgB;AAAA,KALzD,mBAAmB,2BAM1B;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2Bb;AA3BV,mBAAkB;AAClB,iBAAoB;AACpB,oBAAiF;AAEjF,mCAAiC;AAGjC,4BAA+B;AASxB,MAAM,OAAqC,CAAC,UAA8B;AAC/E,QAAM,EAAE,WAAW,cAAc,kBAAkB,UAAU,QAAI,sCAAe,KAAK;AACrF,QAAM,CAAC,2BAA2B,4BAA4B,IAAI,aAAAA,QAAM,aAAS,gBAAI,CAAC,CAAC;AACvF,QAAM,kBAAkB,aAAAA,QAAM;AAAA,IAC5B,MACE,aAAa,IAAI,CAAC,gBAAgB;AAChC,YAAM,EAAE,OAAO,YAAY,MAAM,IAAI;AACrC,YAAM,QAAQ;AAAA,QACZ,WAAW,cAAc;AAAA,MAC3B;AACA,aACE,4CAAC,mCAAkB,KAAK,YAAY,OAAc,MAAK,YACpD,2BAAiB,UADmD,4BAAwB,gBAAI,CAAC,GAEpG;AAAA,IAEJ,CAAC;AAAA,IACH,CAAC,kBAAkB,YAAY;AAAA,EACjC;AACA,eAAAA,QAAM,UAAU,MAAM;AACpB,qCAA6B,gBAAI,CAAC,CAAC;AAAA,EACrC,GAAG,CAAC,gBAAgB,CAAC;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,KAAK;AAAA,MACL,eAAa,8CAAiB;AAAA,MAC9B,MAAK;AAAA,MAEL,sDAAC,mCAAkB,QAAQ,GAAG,eAAgB,2BAAgB;AAAA;AAAA,IALzD,mBAAmB;AAAA,EAM1B;AAEJ;",
   "names": ["React"]
 }

package/dist/esm/DSVirtualListDefinitions.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+const DSVirtualListName = "DSVirtualList";
+export {
+  DSVirtualListName
+};
+//# sourceMappingURL=DSVirtualListDefinitions.js.map

package/dist/esm/DSVirtualListDefinitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSVirtualListDefinitions.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSVirtualListName = 'DSVirtualList';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,oBAAoB;",
+  "names": []
+}

package/dist/esm/VirtualList.js

@@ -3,15 +3,14 @@ import { jsx } from "react/jsx-runtime";
 import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, describe } from "@elliemae/ds-utilities";
 import { List } from "./parts/List";
 import { DSVirtualListSchema, defaultProps } from "./props";
+import { DSVirtualListName } from "./DSVirtualListDefinitions";
 const DSVirtualList = (props) => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefault, DSVirtualListSchema);
-  return /* @__PURE__ */ jsx(List, {
-    ...propsWithDefault
-  });
+  useValidateTypescriptPropTypes(propsWithDefault, DSVirtualListSchema, DSVirtualListName);
+  return /* @__PURE__ */ jsx(List, { ...propsWithDefault });
 };
 DSVirtualList.propTypes = DSVirtualListSchema;
-DSVirtualList.displayName = "DSVirtualList";
+DSVirtualList.displayName = DSVirtualListName;
 const DSVirtualListWithSchema = describe(DSVirtualList).description("DSVirtualList");
 DSVirtualListWithSchema.propTypes = DSVirtualListSchema;
 export {

package/dist/esm/VirtualList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/VirtualList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, describe } from '@elliemae/ds-utilities';\nimport { List } from './parts/List';\nimport { DSVirtualListSchema, defaultProps } from './props';\nimport type { DSVirtualListProps } from './index.d';\n\nconst DSVirtualList: React.ComponentType<DSVirtualListProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSVirtualListSchema);\n\n  return <List {...propsWithDefault} />;\n};\n\nDSVirtualList.propTypes = DSVirtualListSchema;\nDSVirtualList.displayName = 'DSVirtualList';\nconst DSVirtualListWithSchema = describe(DSVirtualList).description('DSVirtualList');\nDSVirtualListWithSchema.propTypes = DSVirtualListSchema;\n\nexport { DSVirtualList, DSVirtualListWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACUd;AATT,SAAS,8BAA8B,gCAAgC,gBAAgB;AACvF,SAAS,YAAY;AACrB,SAAS,qBAAqB,oBAAoB;AAGlD,MAAM,gBAAyD,CAAC,UAAU;AACxE,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,mBAAmB;AAEpE,SAAO,oBAAC;AAAA,IAAM,GAAG;AAAA,GAAkB;AACrC;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa,EAAE,YAAY,eAAe;AACnF,wBAAwB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, describe } from '@elliemae/ds-utilities';\nimport { List } from './parts/List';\nimport { DSVirtualListSchema, defaultProps } from './props';\nimport type { DSVirtualListProps } from './index.d';\nimport { DSVirtualListName } from './DSVirtualListDefinitions';\n\nconst DSVirtualList: React.ComponentType<DSVirtualListProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSVirtualListSchema, DSVirtualListName);\n\n  return <List {...propsWithDefault} />;\n};\n\nDSVirtualList.propTypes = DSVirtualListSchema;\nDSVirtualList.displayName = DSVirtualListName;\nconst DSVirtualListWithSchema = describe(DSVirtualList).description('DSVirtualList');\nDSVirtualListWithSchema.propTypes = DSVirtualListSchema;\n\nexport { DSVirtualList, DSVirtualListWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACWd;AAVT,SAAS,8BAA8B,gCAAgC,gBAAgB;AACvF,SAAS,YAAY;AACrB,SAAS,qBAAqB,oBAAoB;AAElD,SAAS,yBAAyB;AAElC,MAAM,gBAAyD,CAAC,UAAU;AACxE,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,qBAAqB,iBAAiB;AAEvF,SAAO,oBAAC,QAAM,GAAG,kBAAkB;AACrC;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa,EAAE,YAAY,eAAe;AACnF,wBAAwB,YAAY;",
   "names": []
 }

package/dist/esm/parts/List.js

@@ -14,27 +14,23 @@ const List = (props) => {
       const style = {
         transform: `translateY(${start}px)`
       };
-      return /* @__PURE__ */ jsx(VirtualItemStyled, {
-        ref: measureRef,
-        style,
-        role: "listitem",
-        children: filteredChildren[index]
-      }, `ds-virtual-list-item-${uid(6)}`);
+      return /* @__PURE__ */ jsx(VirtualItemStyled, { ref: measureRef, style, role: "listitem", children: filteredChildren[index] }, `ds-virtual-list-item-${uid(6)}`);
     }),
     [filteredChildren, virtualItems]
   );
   React2.useEffect(() => {
     setDynamicRerenderWorkaround(uid(6));
   }, [filteredChildren]);
-  return /* @__PURE__ */ jsx(StyledContainerContentList, {
-    ref: parentRef,
-    "data-testid": LIST_DATA_TESTID.CONTAINER,
-    role: "list",
-    children: /* @__PURE__ */ jsx(StyledVirtualList, {
-      height: `${totalSize}px`,
-      children: virtualChildren
-    })
-  }, `ds-virtual-list-${dynamicRerenderWorkaround}`);
+  return /* @__PURE__ */ jsx(
+    StyledContainerContentList,
+    {
+      ref: parentRef,
+      "data-testid": LIST_DATA_TESTID.CONTAINER,
+      role: "list",
+      children: /* @__PURE__ */ jsx(StyledVirtualList, { height: `${totalSize}px`, children: virtualChildren })
+    },
+    `ds-virtual-list-${dynamicRerenderWorkaround}`
+  );
 };
 export {
   List

package/dist/esm/parts/List.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/List.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { uid } from 'uid';\nimport { VirtualItemStyled, StyledContainerContentList, StyledVirtualList } from '../styled';\n\nimport { LIST_DATA_TESTID } from '../VirtualListDataTestID';\n\nimport type { DSVirtualListProps } from '../index.d';\nimport { useVirtualList } from '../hooks/useVirtualList';\n\n/**\n *  List component: renders a list of items\n *  Accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/List_role\n *\n *  @param {DSVirtualListProps} props\n * @returns JSX\n */\nexport const List: React.FC<DSVirtualListProps> = (props: DSVirtualListProps) => {\n  const { parentRef, virtualItems, filteredChildren, totalSize } = useVirtualList(props);\n  const [dynamicRerenderWorkaround, setDynamicRerenderWorkaround] = React.useState(uid(6));\n  const virtualChildren = React.useMemo(\n    () =>\n      virtualItems.map((virtualItem) => {\n        const { index, measureRef, start } = virtualItem;\n        const style = {\n          transform: `translateY(${start}px)`,\n        };\n        return (\n          <VirtualItemStyled ref={measureRef} style={style} role=\"listitem\" key={`ds-virtual-list-item-${uid(6)}`}>\n            {filteredChildren[index]}\n          </VirtualItemStyled>\n        );\n      }),\n    [filteredChildren, virtualItems],\n  );\n  React.useEffect(() => {\n    setDynamicRerenderWorkaround(uid(6));\n  }, [filteredChildren]);\n  return (\n    <StyledContainerContentList\n      key={`ds-virtual-list-${dynamicRerenderWorkaround}`}\n      ref={parentRef}\n      data-testid={LIST_DATA_TESTID.CONTAINER}\n      role=\"list\"\n    >\n      <StyledVirtualList height={`${totalSize}px`}>{virtualChildren}</StyledVirtualList>\n    </StyledContainerContentList>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC2Bb;AA3BV,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB,SAAS,mBAAmB,4BAA4B,yBAAyB;AAEjF,SAAS,wBAAwB;AAGjC,SAAS,sBAAsB;AASxB,MAAM,OAAqC,CAAC,UAA8B;AAC/E,QAAM,EAAE,WAAW,cAAc,kBAAkB,UAAU,IAAI,eAAe,KAAK;AACrF,QAAM,CAAC,2BAA2B,4BAA4B,IAAIA,OAAM,SAAS,IAAI,CAAC,CAAC;AACvF,QAAM,kBAAkBA,OAAM;AAAA,IAC5B,MACE,aAAa,IAAI,CAAC,gBAAgB;AAChC,YAAM,EAAE,OAAO,YAAY,MAAM,IAAI;AACrC,YAAM,QAAQ;AAAA,QACZ,WAAW,cAAc;AAAA,MAC3B;AACA,aACE,oBAAC;AAAA,QAAkB,KAAK;AAAA,QAAY;AAAA,QAAc,MAAK;AAAA,QACpD,2BAAiB;AAAA,SADmD,wBAAwB,IAAI,CAAC,GAEpG;AAAA,IAEJ,CAAC;AAAA,IACH,CAAC,kBAAkB,YAAY;AAAA,EACjC;AACA,EAAAA,OAAM,UAAU,MAAM;AACpB,iCAA6B,IAAI,CAAC,CAAC;AAAA,EACrC,GAAG,CAAC,gBAAgB,CAAC;AACrB,SACE,oBAAC;AAAA,IAEC,KAAK;AAAA,IACL,eAAa,iBAAiB;AAAA,IAC9B,MAAK;AAAA,IAEL,8BAAC;AAAA,MAAkB,QAAQ,GAAG;AAAA,MAAgB;AAAA,KAAgB;AAAA,KALzD,mBAAmB,2BAM1B;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;AC2Bb;AA3BV,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB,SAAS,mBAAmB,4BAA4B,yBAAyB;AAEjF,SAAS,wBAAwB;AAGjC,SAAS,sBAAsB;AASxB,MAAM,OAAqC,CAAC,UAA8B;AAC/E,QAAM,EAAE,WAAW,cAAc,kBAAkB,UAAU,IAAI,eAAe,KAAK;AACrF,QAAM,CAAC,2BAA2B,4BAA4B,IAAIA,OAAM,SAAS,IAAI,CAAC,CAAC;AACvF,QAAM,kBAAkBA,OAAM;AAAA,IAC5B,MACE,aAAa,IAAI,CAAC,gBAAgB;AAChC,YAAM,EAAE,OAAO,YAAY,MAAM,IAAI;AACrC,YAAM,QAAQ;AAAA,QACZ,WAAW,cAAc;AAAA,MAC3B;AACA,aACE,oBAAC,qBAAkB,KAAK,YAAY,OAAc,MAAK,YACpD,2BAAiB,UADmD,wBAAwB,IAAI,CAAC,GAEpG;AAAA,IAEJ,CAAC;AAAA,IACH,CAAC,kBAAkB,YAAY;AAAA,EACjC;AACA,EAAAA,OAAM,UAAU,MAAM;AACpB,iCAA6B,IAAI,CAAC,CAAC;AAAA,EACrC,GAAG,CAAC,gBAAgB,CAAC;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,KAAK;AAAA,MACL,eAAa,iBAAiB;AAAA,MAC9B,MAAK;AAAA,MAEL,8BAAC,qBAAkB,QAAQ,GAAG,eAAgB,2BAAgB;AAAA;AAAA,IALzD,mBAAmB;AAAA,EAM1B;AAEJ;",
   "names": ["React"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-virtual-list",
-  "version": "3.12.0-rc.2",
+  "version": "3.12.0-rc.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Virtual List",
   "files": [
@@ -59,8 +59,8 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-system": "3.12.0-rc.2",
-    "@elliemae/ds-utilities": "3.12.0-rc.2",
+    "@elliemae/ds-system": "3.12.0-rc.4",
+    "@elliemae/ds-utilities": "3.12.0-rc.4",
     "react-virtual": "~2.10.4",
     "uid": "^2.0.0"
   },