@elliemae/ds-fast-list 3.80.0-next.1 → 3.80.0-next.12

package/dist/cjs/FastList.js

@@ -37,9 +37,9 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_List = require("./parts/List.js");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
-var import_DSFastListDefinitions = require("./DSFastListDefinitions.js");
+var import_constants = require("./constants/index.js");
 const DSFastList = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_List.List, { ...props });
-DSFastList.displayName = import_DSFastListDefinitions.DSFastListName;
+DSFastList.displayName = import_constants.DSFastListName;
 const DSFastListWithSchema = (0, import_ds_props_helpers.describe)(DSFastList).description("DSFastList");
 DSFastListWithSchema.propTypes = import_react_desc_prop_types.DSFastListPropTypes;
 //# sourceMappingURL=FastList.js.map

package/dist/cjs/FastList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/FastList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { List } from './parts/List.js';\nimport { DSFastListPropTypes, type DSFastListT } from './react-desc-prop-types.js';\nimport { DSFastListName } from './DSFastListDefinitions.js';\n\n// we create ds-fast-list to solve the issue with the children prop in ds-virtual-list\n// this packages use render props instead of children prop.\n// we are not using a context nor zustand so all the logic is handled in List...\nconst DSFastList = <T extends object>(props: DSFastListT.Props<T>) => <List {...props} />;\n\nDSFastList.displayName = DSFastListName;\nconst DSFastListWithSchema = describe(DSFastList).description('DSFastList');\nDSFastListWithSchema.propTypes = DSFastListPropTypes;\n\nexport { DSFastList, DSFastListWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADS+C;AARtE,8BAAyB;AACzB,kBAAqB;AACrB,mCAAsD;AACtD,mCAA+B;AAK/B,MAAM,aAAa,CAAmB,UAAgC,4CAAC,oBAAM,GAAG,OAAO;AAEvF,WAAW,cAAc;AACzB,MAAM,2BAAuB,kCAAS,UAAU,EAAE,YAAY,YAAY;AAC1E,qBAAqB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { List } from './parts/List.js';\nimport { DSFastListPropTypes, type DSFastListT } from './react-desc-prop-types.js';\nimport { DSFastListName } from './constants/index.js';\n\n// we create ds-fast-list to solve the issue with the children prop in ds-virtual-list\n// this packages use render props instead of children prop.\n// we are not using a context nor zustand so all the logic is handled in List...\nconst DSFastList = <T extends object>(props: DSFastListT.Props<T>) => <List {...props} />;\n\nDSFastList.displayName = DSFastListName;\nconst DSFastListWithSchema = describe(DSFastList).description('DSFastList');\nDSFastListWithSchema.propTypes = DSFastListPropTypes;\n\nexport { DSFastList, DSFastListWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADS+C;AARtE,8BAAyB;AACzB,kBAAqB;AACrB,mCAAsD;AACtD,uBAA+B;AAK/B,MAAM,aAAa,CAAmB,UAAgC,4CAAC,oBAAM,GAAG,OAAO;AAEvF,WAAW,cAAc;AACzB,MAAM,2BAAuB,kCAAS,UAAU,EAAE,YAAY,YAAY;AAC1E,qBAAqB,YAAY;",
   "names": []
 }

package/dist/cjs/{DSFastListDefinitions.js → constants/index.js}

@@ -26,13 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DSFastListDefinitions_exports = {};
-__export(DSFastListDefinitions_exports, {
-  DSCardV3DataTestIds: () => DSCardV3DataTestIds,
+var constants_exports = {};
+__export(constants_exports, {
+  DSFastListDataTestIds: () => DSFastListDataTestIds,
   DSFastListName: () => DSFastListName,
   DSFastListSlots: () => DSFastListSlots
 });
-module.exports = __toCommonJS(DSFastListDefinitions_exports);
+module.exports = __toCommonJS(constants_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
 const DSFastListName = "DSFastlist";
@@ -41,5 +41,5 @@ const DSFastListSlots = {
   WRAPPER_LIST: "wrapper-list",
   ITEM: "item"
 };
-const DSCardV3DataTestIds = (0, import_ds_system.slotObjectToDataTestIds)(DSFastListName, DSFastListSlots);
-//# sourceMappingURL=DSFastListDefinitions.js.map
+const DSFastListDataTestIds = (0, import_ds_system.slotObjectToDataTestIds)(DSFastListName, DSFastListSlots);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSFastListName = 'DSFastlist';\n\nexport const DSFastListSlots = {\n  CONTAINER: 'container',\n  WRAPPER_LIST: 'wrapper-list',\n  ITEM: 'item',\n} as const;\n\nexport const DSFastListDataTestIds = slotObjectToDataTestIds(DSFastListName, DSFastListSlots);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,WAAW;AAAA,EACX,cAAc;AAAA,EACd,MAAM;AACR;AAEO,MAAM,4BAAwB,0CAAwB,gBAAgB,eAAe;",
+  "names": []
+}

package/dist/cjs/hooks/useValidateProps.js

@@ -33,8 +33,8 @@ __export(useValidateProps_exports, {
 module.exports = __toCommonJS(useValidateProps_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_DSFastListDefinitions = require("../DSFastListDefinitions.js");
+var import_constants = require("../constants/index.js");
 const useValidateProps = (props, propTypes) => {
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, import_DSFastListDefinitions.DSFastListName);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, import_constants.DSFastListName);
 };
 //# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/hooks/useValidateProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useValidateProps.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { type DSFastListT } from '../react-desc-prop-types.js';\nimport { DSFastListName } from '../DSFastListDefinitions.js';\n\nexport const useValidateProps = <T>(\n  props: DSFastListT.InternalProps<T>,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSFastListName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,mCAA+B;AAExB,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,8DAA+B,OAAO,WAAW,2CAAc;AACjE;",
+  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { type DSFastListT } from '../react-desc-prop-types.js';\nimport { DSFastListName } from '../constants/index.js';\n\nexport const useValidateProps = <T>(\n  props: DSFastListT.InternalProps<T>,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSFastListName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,uBAA+B;AAExB,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,8DAA+B,OAAO,WAAW,+BAAc;AACjE;",
   "names": []
 }

package/dist/cjs/index.js

@@ -29,9 +29,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   DSFastList: () => import_FastList.DSFastList,
+  DSFastListDataTestIds: () => import_constants.DSFastListDataTestIds,
+  DSFastListName: () => import_constants.DSFastListName,
+  DSFastListSlots: () => import_constants.DSFastListSlots,
   DSFastListWithSchema: () => import_FastList.DSFastListWithSchema
 });
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
 var import_FastList = require("./FastList.js");
+var import_constants = require("./constants/index.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { type DSFastListT } from './react-desc-prop-types.js';\nexport { DSFastList, DSFastListWithSchema } from './FastList.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,sBAAiD;",
+  "sourcesContent": ["export { type DSFastListT } from './react-desc-prop-types.js';\nexport { DSFastList, DSFastListWithSchema } from './FastList.js';\nexport { DSFastListName, DSFastListSlots, DSFastListDataTestIds } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,sBAAiD;AACjD,uBAAuE;",
   "names": []
 }

package/dist/cjs/parts/List.js

@@ -37,17 +37,17 @@ var import_react = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_useFastList = require("../hooks/useFastList.js");
-var import_DSFastListDefinitions = require("../DSFastListDefinitions.js");
+var import_constants = require("../constants/index.js");
 const StyledList = (0, import_ds_system.styled)("div", {
-  name: import_DSFastListDefinitions.DSFastListName,
-  slot: import_DSFastListDefinitions.DSFastListSlots.WRAPPER_LIST
+  name: import_constants.DSFastListName,
+  slot: import_constants.DSFastListSlots.WRAPPER_LIST
 })`
   width: 100%;
   position: relative;
 `;
 const StyledListItem = (0, import_ds_system.styled)("div", {
-  name: import_DSFastListDefinitions.DSFastListName,
-  slot: import_DSFastListDefinitions.DSFastListSlots.ITEM
+  name: import_constants.DSFastListName,
+  slot: import_constants.DSFastListSlots.ITEM
 })`
   position: absolute;
   top: 0;
@@ -55,8 +55,8 @@ const StyledListItem = (0, import_ds_system.styled)("div", {
   width: 100%;
 `;
 const StyledListContainer = (0, import_ds_system.styled)("div", {
-  name: import_DSFastListDefinitions.DSFastListName,
-  slot: import_DSFastListDefinitions.DSFastListSlots.CONTAINER
+  name: import_constants.DSFastListName,
+  slot: import_constants.DSFastListSlots.CONTAINER
 })`
   overflow: auto;
   width: 100%;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/parts/List.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { useFastList } from '../hooks/useFastList.js';\nimport type { DSFastListT } from '../react-desc-prop-types.js';\nimport { DSFastListName, DSFastListSlots } from '../DSFastListDefinitions.js';\n\nconst StyledList = styled('div', {\n  name: DSFastListName,\n  slot: DSFastListSlots.WRAPPER_LIST,\n})`\n  width: 100%;\n  position: relative;\n`;\n\nconst StyledListItem = styled('div', {\n  name: DSFastListName,\n  slot: DSFastListSlots.ITEM,\n})`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n`;\n\nconst StyledListContainer = styled('div', {\n  name: DSFastListName,\n  slot: DSFastListSlots.CONTAINER,\n})`\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n  padding-bottom: 0;\n`;\n\nexport const List = <T extends object>(props: DSFastListT.Props<T>) => {\n  const { parentRef, getVirtualItems, totalSize, instanceUid, measureElement } = useFastList(props);\n  const { ItemRenderer, extraItemProps, getId } = props;\n\n  const virtualItems = getVirtualItems();\n  const measureRef: React.LegacyRef<HTMLDivElement> = React.useCallback(\n    (node: HTMLDivElement) => measureElement(node),\n    [measureElement],\n  );\n\n  const getOwnerProps = useCallback(() => props, [props]);\n  const globalAttributes = useGetGlobalAttributes(props);\n\n  return (\n    <StyledListContainer\n      innerRef={parentRef}\n      // firefox needs this tabIndex to prevent scrolling\n      tabIndex={-1}\n      key={instanceUid}\n      getOwnerProps={getOwnerProps}\n      {...globalAttributes}\n    >\n      <StyledList\n        style={{\n          // we add up 0.5 to prevent the scrollbar from appearing in some cases\n          height: `${totalSize + 0.5}px`,\n        }}\n        role=\"list\"\n        getOwnerProps={getOwnerProps}\n      >\n        {virtualItems.map((virtualItem) => {\n          const { index, start } = virtualItem;\n          return (\n            <StyledListItem\n              innerRef={measureRef}\n              data-index={index}\n              style={{\n                transform: `translateY(${start}px)`,\n              }}\n              role=\"listitem\"\n              key={getId(index)}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={() => ({ index: getId(index) })}\n            >\n              <ItemRenderer extraItemProps={extraItemProps} index={index} />\n            </StyledListItem>\n          );\n        })}\n      </StyledList>\n    </StyledListContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+ET;AA/Ed,mBAAmC;AACnC,uBAAuB;AACvB,8BAAuC;AACvC,yBAA4B;AAE5B,mCAAgD;AAEhD,MAAM,iBAAa,yBAAO,OAAO;AAAA,EAC/B,MAAM;AAAA,EACN,MAAM,6CAAgB;AACxB,CAAC;AAAA;AAAA;AAAA;AAKD,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EACnC,MAAM;AAAA,EACN,MAAM,6CAAgB;AACxB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOD,MAAM,0BAAsB,yBAAO,OAAO;AAAA,EACxC,MAAM;AAAA,EACN,MAAM,6CAAgB;AACxB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOM,MAAM,OAAO,CAAmB,UAAgC;AACrE,QAAM,EAAE,WAAW,iBAAiB,WAAW,aAAa,eAAe,QAAI,gCAAY,KAAK;AAChG,QAAM,EAAE,cAAc,gBAAgB,MAAM,IAAI;AAEhD,QAAM,eAAe,gBAAgB;AACrC,QAAM,aAA8C,aAAAA,QAAM;AAAA,IACxD,CAAC,SAAyB,eAAe,IAAI;AAAA,IAC7C,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,oBAAgB,0BAAY,MAAM,OAAO,CAAC,KAAK,CAAC;AACtD,QAAM,uBAAmB,gDAAuB,KAAK;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MAEV,UAAU;AAAA,MAEV;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA;AAAA,YAEL,QAAQ,GAAG,YAAY,GAAG;AAAA,UAC5B;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UAEC,uBAAa,IAAI,CAAC,gBAAgB;AACjC,kBAAM,EAAE,OAAO,MAAM,IAAI;AACzB,mBACE;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,cAAY;AAAA,gBACZ,OAAO;AAAA,kBACL,WAAW,cAAc,KAAK;AAAA,gBAChC;AAAA,gBACA,MAAK;AAAA,gBAEL;AAAA,gBACA,wBAAwB,OAAO,EAAE,OAAO,MAAM,KAAK,EAAE;AAAA,gBAErD,sDAAC,gBAAa,gBAAgC,OAAc;AAAA;AAAA,cAJvD,MAAM,KAAK;AAAA,YAKlB;AAAA,UAEJ,CAAC;AAAA;AAAA,MACH;AAAA;AAAA,IA9BK;AAAA,EA+BP;AAEJ;",
+  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { useFastList } from '../hooks/useFastList.js';\nimport type { DSFastListT } from '../react-desc-prop-types.js';\nimport { DSFastListName, DSFastListSlots } from '../constants/index.js';\n\nconst StyledList = styled('div', {\n  name: DSFastListName,\n  slot: DSFastListSlots.WRAPPER_LIST,\n})`\n  width: 100%;\n  position: relative;\n`;\n\nconst StyledListItem = styled('div', {\n  name: DSFastListName,\n  slot: DSFastListSlots.ITEM,\n})`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n`;\n\nconst StyledListContainer = styled('div', {\n  name: DSFastListName,\n  slot: DSFastListSlots.CONTAINER,\n})`\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n  padding-bottom: 0;\n`;\n\nexport const List = <T extends object>(props: DSFastListT.Props<T>) => {\n  const { parentRef, getVirtualItems, totalSize, instanceUid, measureElement } = useFastList(props);\n  const { ItemRenderer, extraItemProps, getId } = props;\n\n  const virtualItems = getVirtualItems();\n  const measureRef: React.LegacyRef<HTMLDivElement> = React.useCallback(\n    (node: HTMLDivElement) => measureElement(node),\n    [measureElement],\n  );\n\n  const getOwnerProps = useCallback(() => props, [props]);\n  const globalAttributes = useGetGlobalAttributes(props);\n\n  return (\n    <StyledListContainer\n      innerRef={parentRef}\n      // firefox needs this tabIndex to prevent scrolling\n      tabIndex={-1}\n      key={instanceUid}\n      getOwnerProps={getOwnerProps}\n      {...globalAttributes}\n    >\n      <StyledList\n        style={{\n          // we add up 0.5 to prevent the scrollbar from appearing in some cases\n          height: `${totalSize + 0.5}px`,\n        }}\n        role=\"list\"\n        getOwnerProps={getOwnerProps}\n      >\n        {virtualItems.map((virtualItem) => {\n          const { index, start } = virtualItem;\n          return (\n            <StyledListItem\n              innerRef={measureRef}\n              data-index={index}\n              style={{\n                transform: `translateY(${start}px)`,\n              }}\n              role=\"listitem\"\n              key={getId(index)}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={() => ({ index: getId(index) })}\n            >\n              <ItemRenderer extraItemProps={extraItemProps} index={index} />\n            </StyledListItem>\n          );\n        })}\n      </StyledList>\n    </StyledListContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+ET;AA/Ed,mBAAmC;AACnC,uBAAuB;AACvB,8BAAuC;AACvC,yBAA4B;AAE5B,uBAAgD;AAEhD,MAAM,iBAAa,yBAAO,OAAO;AAAA,EAC/B,MAAM;AAAA,EACN,MAAM,iCAAgB;AACxB,CAAC;AAAA;AAAA;AAAA;AAKD,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EACnC,MAAM;AAAA,EACN,MAAM,iCAAgB;AACxB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOD,MAAM,0BAAsB,yBAAO,OAAO;AAAA,EACxC,MAAM;AAAA,EACN,MAAM,iCAAgB;AACxB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOM,MAAM,OAAO,CAAmB,UAAgC;AACrE,QAAM,EAAE,WAAW,iBAAiB,WAAW,aAAa,eAAe,QAAI,gCAAY,KAAK;AAChG,QAAM,EAAE,cAAc,gBAAgB,MAAM,IAAI;AAEhD,QAAM,eAAe,gBAAgB;AACrC,QAAM,aAA8C,aAAAA,QAAM;AAAA,IACxD,CAAC,SAAyB,eAAe,IAAI;AAAA,IAC7C,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,oBAAgB,0BAAY,MAAM,OAAO,CAAC,KAAK,CAAC;AACtD,QAAM,uBAAmB,gDAAuB,KAAK;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MAEV,UAAU;AAAA,MAEV;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA;AAAA,YAEL,QAAQ,GAAG,YAAY,GAAG;AAAA,UAC5B;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UAEC,uBAAa,IAAI,CAAC,gBAAgB;AACjC,kBAAM,EAAE,OAAO,MAAM,IAAI;AACzB,mBACE;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,cAAY;AAAA,gBACZ,OAAO;AAAA,kBACL,WAAW,cAAc,KAAK;AAAA,gBAChC;AAAA,gBACA,MAAK;AAAA,gBAEL;AAAA,gBACA,wBAAwB,OAAO,EAAE,OAAO,MAAM,KAAK,EAAE;AAAA,gBAErD,sDAAC,gBAAa,gBAAgC,OAAc;AAAA;AAAA,cAJvD,MAAM,KAAK;AAAA,YAKlB;AAAA,UAEJ,CAAC;AAAA;AAAA,MACH;AAAA;AAAA,IA9BK;AAAA,EA+BP;AAEJ;",
   "names": ["React"]
 }

package/dist/cjs/react-desc-prop-types.js

@@ -34,10 +34,13 @@ __export(react_desc_prop_types_exports, {
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("./constants/index.js");
 const defaultProps = {
   estimateSize: () => 36
 };
 const DSFastListPropTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSFastListName, import_constants.DSFastListSlots),
+  ...import_ds_props_helpers.globalAttributesPropTypes,
   actionRef: import_ds_props_helpers.PropTypes.shape({
     current: import_ds_props_helpers.PropTypes.oneOfType([
       import_ds_props_helpers.PropTypes.oneOf([null]),

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type React from 'react';\nimport type { DSFastListName, DSFastListSlots } from './DSFastListDefinitions.js';\n\nexport declare namespace DSFastListT {\n  type ScrollAlignment = 'start' | 'center' | 'end' | 'auto';\n  export type ScrollToOptions = {\n    align: ScrollAlignment;\n  };\n\n  export type ActionRef = {\n    scrollTo?: (index: number, options?: ScrollToOptions | undefined) => void;\n  };\n\n  export interface OptionalProps<ExtraItemPropsT> extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSFastListName,\n    typeof DSFastListSlots\n  > {\n    actionRef?: React.MutableRefObject<ActionRef>;\n    extraItemProps?: ExtraItemPropsT;\n  }\n\n  export interface RequiredProps<ExtraItemPropsT> {\n    ItemRenderer: React.ComponentType<{ index: number; extraItemProps?: ExtraItemPropsT }>;\n    count: number;\n    getId: (index: number) => string | number;\n  }\n\n  export interface DefaultProps {\n    estimateSize: () => number;\n  }\n\n  type PropsT<D, R, O> = Partial<D> & R & O;\n  type InternalPropsT<D, R, O> = D & R & O;\n\n  export type Props<ExtraItemPropsT> = PropsT<\n    DefaultProps,\n    RequiredProps<ExtraItemPropsT>,\n    OptionalProps<ExtraItemPropsT>\n  >;\n  export type InternalProps<ExtraItemPropsT> = InternalPropsT<\n    DefaultProps,\n    RequiredProps<ExtraItemPropsT>,\n    OptionalProps<ExtraItemPropsT>\n  >;\n}\n\nexport const defaultProps = {\n  estimateSize: () => 36,\n};\n\nexport const DSFastListPropTypes = {\n  actionRef: PropTypes.shape({\n    current: PropTypes.oneOfType([\n      PropTypes.oneOf([null]),\n      PropTypes.shape({\n        scrollTo: PropTypes.func\n          .description('Scroll to a index inside the list')\n          .signature(`((index: number, { align: 'start' | 'center' | 'end' | 'auto' }) => void)`),\n      }),\n    ]),\n  }).description(`mutable reference where methods will be stored`),\n  ItemRenderer: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired.description(\n    'Render function for each item',\n  ),\n  count: PropTypes.number.isRequired.description('Number of items to render'),\n  extraItemProps: PropTypes.object.description('Extra props to pass to each item'),\n  getId: PropTypes.func.isRequired.description('Function to get the key for each item'),\n  estimateSize: PropTypes.func.description('Function to estimate the size of each item'),\n} as React.WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAgDnB,MAAM,eAAe;AAAA,EAC1B,cAAc,MAAM;AACtB;AAEO,MAAM,sBAAsB;AAAA,EACjC,WAAW,kCAAU,MAAM;AAAA,IACzB,SAAS,kCAAU,UAAU;AAAA,MAC3B,kCAAU,MAAM,CAAC,IAAI,CAAC;AAAA,MACtB,kCAAU,MAAM;AAAA,QACd,UAAU,kCAAU,KACjB,YAAY,mCAAmC,EAC/C,UAAU,2EAA2E;AAAA,MAC1F,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC,EAAE,YAAY,gDAAgD;AAAA,EAC/D,cAAc,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,IAAI,CAAC,EAAE,WAAW;AAAA,IAC/E;AAAA,EACF;AAAA,EACA,OAAO,kCAAU,OAAO,WAAW,YAAY,2BAA2B;AAAA,EAC1E,gBAAgB,kCAAU,OAAO,YAAY,kCAAkC;AAAA,EAC/E,OAAO,kCAAU,KAAK,WAAW,YAAY,uCAAuC;AAAA,EACpF,cAAc,kCAAU,KAAK,YAAY,4CAA4C;AACvF;",
+  "sourcesContent": ["import type { GlobalAttributesT } from '@elliemae/ds-props-helpers';\nimport { PropTypes, getPropsPerSlotPropTypes, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type React from 'react';\nimport { DSFastListName, DSFastListSlots } from './constants/index.js';\n\nexport declare namespace DSFastListT {\n  type ScrollAlignment = 'start' | 'center' | 'end' | 'auto';\n  export type ScrollToOptions = {\n    align: ScrollAlignment;\n  };\n\n  export type ActionRef = {\n    scrollTo?: (index: number, options?: ScrollToOptions | undefined) => void;\n  };\n\n  export type SlotFunctionArguments = {\n    dsFastlistContainer: () => object;\n    dsFastlistWrapperList: () => object;\n    dsFastlistItem: () => object;\n  };\n\n  export interface OptionalProps<ExtraItemPropsT> extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSFastListName,\n    typeof DSFastListSlots\n  > {\n    actionRef?: React.MutableRefObject<ActionRef>;\n    extraItemProps?: ExtraItemPropsT;\n  }\n\n  export interface RequiredProps<ExtraItemPropsT> {\n    ItemRenderer: React.ComponentType<{ index: number; extraItemProps?: ExtraItemPropsT }>;\n    count: number;\n    getId: (index: number) => string | number;\n  }\n\n  export interface DefaultProps {\n    estimateSize: () => number;\n  }\n\n  type PropsT<D, R, O> = Partial<D> & R & O & Omit<GlobalAttributesT<HTMLElement>, keyof D | keyof R>;\n  type InternalPropsT<D, R, O> = D & R & O & Omit<GlobalAttributesT<HTMLElement>, keyof D | keyof R>;\n\n  export type Props<ExtraItemPropsT> = PropsT<\n    DefaultProps,\n    RequiredProps<ExtraItemPropsT>,\n    OptionalProps<ExtraItemPropsT>\n  >;\n  export type InternalProps<ExtraItemPropsT> = InternalPropsT<\n    DefaultProps,\n    RequiredProps<ExtraItemPropsT>,\n    OptionalProps<ExtraItemPropsT>\n  >;\n}\n\nexport const defaultProps = {\n  estimateSize: () => 36,\n};\n\nexport const DSFastListPropTypes = {\n  ...getPropsPerSlotPropTypes(DSFastListName, DSFastListSlots),\n  ...globalAttributesPropTypes,\n  actionRef: PropTypes.shape({\n    current: PropTypes.oneOfType([\n      PropTypes.oneOf([null]),\n      PropTypes.shape({\n        scrollTo: PropTypes.func\n          .description('Scroll to a index inside the list')\n          .signature(`((index: number, { align: 'start' | 'center' | 'end' | 'auto' }) => void)`),\n      }),\n    ]),\n  }).description(`mutable reference where methods will be stored`),\n  ItemRenderer: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired.description(\n    'Render function for each item',\n  ),\n  count: PropTypes.number.isRequired.description('Number of items to render'),\n  extraItemProps: PropTypes.object.description('Extra props to pass to each item'),\n  getId: PropTypes.func.isRequired.description('Function to get the key for each item'),\n  estimateSize: PropTypes.func.description('Function to estimate the size of each item'),\n} as React.WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA+E;AAG/E,uBAAgD;AAmDzC,MAAM,eAAe;AAAA,EAC1B,cAAc,MAAM;AACtB;AAEO,MAAM,sBAAsB;AAAA,EACjC,OAAG,kDAAyB,iCAAgB,gCAAe;AAAA,EAC3D,GAAG;AAAA,EACH,WAAW,kCAAU,MAAM;AAAA,IACzB,SAAS,kCAAU,UAAU;AAAA,MAC3B,kCAAU,MAAM,CAAC,IAAI,CAAC;AAAA,MACtB,kCAAU,MAAM;AAAA,QACd,UAAU,kCAAU,KACjB,YAAY,mCAAmC,EAC/C,UAAU,2EAA2E;AAAA,MAC1F,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC,EAAE,YAAY,gDAAgD;AAAA,EAC/D,cAAc,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,IAAI,CAAC,EAAE,WAAW;AAAA,IAC/E;AAAA,EACF;AAAA,EACA,OAAO,kCAAU,OAAO,WAAW,YAAY,2BAA2B;AAAA,EAC1E,gBAAgB,kCAAU,OAAO,YAAY,kCAAkC;AAAA,EAC/E,OAAO,kCAAU,KAAK,WAAW,YAAY,uCAAuC;AAAA,EACpF,cAAc,kCAAU,KAAK,YAAY,4CAA4C;AACvF;",
   "names": []
 }

package/dist/cjs/{FastListDataTestID.js → typescript-testing/slot-props.js}

@@ -5,10 +5,6 @@ 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))
@@ -25,14 +21,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var FastListDataTestID_exports = {};
-__export(FastListDataTestID_exports, {
-  LIST_DATA_TESTID: () => LIST_DATA_TESTID
-});
-module.exports = __toCommonJS(FastListDataTestID_exports);
 var React = __toESM(require("react"));
-const LIST_DATA_TESTID = {
-  CONTAINER: "fast-list-container"
+const SlotPropsAsObject = {
+  dsFastlistContainer: { "aria-label": "just a typescript test" },
+  dsFastlistWrapperList: { "aria-label": "just a typescript test" },
+  dsFastlistItem: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsFastlistContainer: () => ({ "aria-label": "just a typescript test" }),
+  dsFastlistWrapperList: () => ({ "aria-label": "just a typescript test" }),
+  dsFastlistItem: () => ({ "aria-label": "just a typescript test" })
 };
-//# sourceMappingURL=FastListDataTestID.js.map
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/cjs/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSFastListName, DSFastListSlots } from '../constants/index.js';\nimport type { DSFastListT } from '../react-desc-prop-types.js';\n\nconst SlotPropsAsObject: Partial<DSFastListT.OptionalProps<object>> = {\n  dsFastlistContainer: { 'aria-label': 'just a typescript test' },\n  dsFastlistWrapperList: { 'aria-label': 'just a typescript test' },\n  dsFastlistItem: { 'aria-label': 'just a typescript test' },\n};\n\nconst SlotPropsAsFunctions: DSFastListT.SlotFunctionArguments = {\n  dsFastlistContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsFastlistWrapperList: () => ({ 'aria-label': 'just a typescript test' }),\n  dsFastlistItem: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\n// Exhaustiveness check \u2014 fails compilation if a slot is missing from SlotFunctionArguments\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSFastListName, typeof DSFastListSlots>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACMvB,MAAM,oBAAgE;AAAA,EACpE,qBAAqB,EAAE,cAAc,yBAAyB;AAAA,EAC9D,uBAAuB,EAAE,cAAc,yBAAyB;AAAA,EAChE,gBAAgB,EAAE,cAAc,yBAAyB;AAC3D;AAEA,MAAM,uBAA0D;AAAA,EAC9D,qBAAqB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACrE,uBAAuB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACvE,gBAAgB,OAAO,EAAE,cAAc,yBAAyB;AAClE;AAGA,MAAM,6CAEF;",
+  "names": []
+}

package/dist/cjs/typescript-testing/typescript-fast-list-valid.js

@@ -69,7 +69,7 @@ const testExplicitDefinition = {
   actionRef,
   extraItemProps: { data }
 };
-const testInferedTypeCompatibility = {
+const testInferredTypeCompatibility = {
   ItemRenderer: MockItemRenderer,
   count: 0,
   getId: (index) => "",
@@ -83,10 +83,19 @@ const testDefinitionAsConst = {
   actionRef,
   extraItemProps: { foo: "bar" }
 };
+const testGlobalAttributes = {
+  ItemRenderer: MockItemRenderer,
+  count: 0,
+  getId: (index) => "",
+  className: "custom-class",
+  id: "custom-id",
+  "aria-label": "custom list"
+};
 const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSFastList, { ...testExplicitDefinition }),
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSFastList, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSFastList, { ...testInferredTypeCompatibility }),
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSFastList, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSFastList, { ...testGlobalAttributes }),
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import__.DSFastList,
     {
@@ -96,6 +105,18 @@ const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)
       actionRef,
       extraItemProps: { foo: "bar" }
     }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.DSFastList,
+    {
+      className: "custom-class",
+      id: "custom-id",
+      "aria-label": "custom list",
+      "data-testid": "custom-testid",
+      ItemRenderer: MockItemRenderer,
+      count: 0,
+      getId: (index) => ""
+    }
   )
 ] });
 //# sourceMappingURL=typescript-fast-list-valid.js.map

package/dist/cjs/typescript-testing/typescript-fast-list-valid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-fast-list-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { type MutableRefObject, createRef } from 'react';\nimport { DSFastList } from '../index.js';\nimport type { DSFastListT } from '../index.js';\n\nconst data = [1, 2, 3];\nconst extraProps = { data };\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSFastListT.Props<typeof extraProps>;\ntype ComponentPropsInternals = DSFastListT.InternalProps<typeof extraProps>;\ntype ComponentPropsDefaultProps = DSFastListT.DefaultProps;\ntype ComponentPropsOptionalProps = DSFastListT.OptionalProps<typeof extraProps>;\ntype ComponentPropsRequiredProps = DSFastListT.RequiredProps<typeof extraProps>;\n\nconst MockItemRenderer = ({ index }: { index: number }) => <div></div>;\n\nconst actionRef = createRef() as MutableRefObject<{ scrollTo: (index: number) => void }>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  actionRef,\n  extraItemProps: { data },\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  estimateSize: () => 36,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n  actionRef,\n  extraItemProps: { data },\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n  actionRef,\n  extraItemProps: { data },\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n  actionRef,\n  extraItemProps: { foo: 'bar' },\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSFastList {...testExplicitDefinition} />\n    <DSFastList {...testInferedTypeCompatibility} />\n    <DSFastList {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSFastList\n      ItemRenderer={MockItemRenderer}\n      count={0}\n      getId={(index: number) => ''}\n      actionRef={actionRef}\n      extraItemProps={{ foo: 'bar' }}\n    />\n  </>\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACcoC;AAb3D,mBAAiD;AACjD,eAA2B;AAG3B,MAAM,OAAO,CAAC,GAAG,GAAG,CAAC;AACrB,MAAM,aAAa,EAAE,KAAK;AAQ1B,MAAM,mBAAmB,CAAC,EAAE,MAAM,MAAyB,4CAAC,SAAI;AAEhE,MAAM,gBAAY,wBAAU;AAE5B,MAAM,oBAAiD;AAAA,EACrD,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAC5B;AAEA,MAAM,oBAAiD;AAAA,EACrD;AAAA,EACA,gBAAgB,EAAE,KAAK;AACzB;AAIA,MAAM,sBAA2D,CAAC;AAElE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,cAAc,MAAM;AACtB;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAAA,EAC1B;AAAA,EACA,gBAAgB,EAAE,KAAK;AACzB;AAGA,MAAM,+BAA+B;AAAA,EACnC,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAAA,EAC1B;AAAA,EACA,gBAAgB,EAAE,KAAK;AACzB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAAA,EAC1B;AAAA,EACA,gBAAgB,EAAE,KAAK,MAAM;AAC/B;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,uBAAY,GAAG,wBAAwB;AAAA,EACxC,4CAAC,uBAAY,GAAG,8BAA8B;AAAA,EAC9C,4CAAC,uBAAY,GAAG,uBAAuB;AAAA,EAEvC;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP,OAAO,CAAC,UAAkB;AAAA,MAC1B;AAAA,MACA,gBAAgB,EAAE,KAAK,MAAM;AAAA;AAAA,EAC/B;AAAA,GACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { type MutableRefObject, createRef } from 'react';\nimport { DSFastList } from '../index.js';\nimport type { DSFastListT } from '../index.js';\n\nconst data = [1, 2, 3];\nconst extraProps = { data };\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSFastListT.Props<typeof extraProps>;\ntype ComponentPropsInternals = DSFastListT.InternalProps<typeof extraProps>;\ntype ComponentPropsDefaultProps = DSFastListT.DefaultProps;\ntype ComponentPropsOptionalProps = DSFastListT.OptionalProps<typeof extraProps>;\ntype ComponentPropsRequiredProps = DSFastListT.RequiredProps<typeof extraProps>;\n\nconst MockItemRenderer = ({ index }: { index: number }) => <div></div>;\n\nconst actionRef = createRef() as MutableRefObject<{ scrollTo: (index: number) => void }>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  actionRef,\n  extraItemProps: { data },\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  estimateSize: () => 36,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n  actionRef,\n  extraItemProps: { data },\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferredTypeCompatibility = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n  actionRef,\n  extraItemProps: { data },\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n  actionRef,\n  extraItemProps: { foo: 'bar' },\n} as const;\n\n// Global HTML/ARIA attributes (className, id, aria-*, data-*) work at runtime via\n// useGetGlobalAttributes in List.tsx \u2014 PropsT/InternalPropsT intersect with\n// Omit<GlobalAttributesT<HTMLElement>, ...> specifically so this compiles. Regression here means\n// the type/runtime contract has drifted apart again.\nconst testGlobalAttributes: ComponentPropsForApp = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n  className: 'custom-class',\n  id: 'custom-id',\n  'aria-label': 'custom list',\n};\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSFastList {...testExplicitDefinition} />\n    <DSFastList {...testInferredTypeCompatibility} />\n    <DSFastList {...testDefinitionAsConst} />\n    <DSFastList {...testGlobalAttributes} />\n    {/* works with inline values */}\n    <DSFastList\n      ItemRenderer={MockItemRenderer}\n      count={0}\n      getId={(index: number) => ''}\n      actionRef={actionRef}\n      extraItemProps={{ foo: 'bar' }}\n    />\n    {/* Inline props test \u2014 global HTML/ARIA attributes */}\n    <DSFastList\n      className=\"custom-class\"\n      id=\"custom-id\"\n      aria-label=\"custom list\"\n      data-testid=\"custom-testid\"\n      ItemRenderer={MockItemRenderer}\n      count={0}\n      getId={(index: number) => ''}\n    />\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACcoC;AAb3D,mBAAiD;AACjD,eAA2B;AAG3B,MAAM,OAAO,CAAC,GAAG,GAAG,CAAC;AACrB,MAAM,aAAa,EAAE,KAAK;AAQ1B,MAAM,mBAAmB,CAAC,EAAE,MAAM,MAAyB,4CAAC,SAAI;AAEhE,MAAM,gBAAY,wBAAU;AAE5B,MAAM,oBAAiD;AAAA,EACrD,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAC5B;AAEA,MAAM,oBAAiD;AAAA,EACrD;AAAA,EACA,gBAAgB,EAAE,KAAK;AACzB;AAIA,MAAM,sBAA2D,CAAC;AAElE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,cAAc,MAAM;AACtB;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAAA,EAC1B;AAAA,EACA,gBAAgB,EAAE,KAAK;AACzB;AAGA,MAAM,gCAAgC;AAAA,EACpC,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAAA,EAC1B;AAAA,EACA,gBAAgB,EAAE,KAAK;AACzB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAAA,EAC1B;AAAA,EACA,gBAAgB,EAAE,KAAK,MAAM;AAC/B;AAMA,MAAM,uBAA6C;AAAA,EACjD,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAAA,EAC1B,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,cAAc;AAChB;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,uBAAY,GAAG,wBAAwB;AAAA,EACxC,4CAAC,uBAAY,GAAG,+BAA+B;AAAA,EAC/C,4CAAC,uBAAY,GAAG,uBAAuB;AAAA,EACvC,4CAAC,uBAAY,GAAG,sBAAsB;AAAA,EAEtC;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP,OAAO,CAAC,UAAkB;AAAA,MAC1B;AAAA,MACA,gBAAgB,EAAE,KAAK,MAAM;AAAA;AAAA,EAC/B;AAAA,EAEA;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,eAAY;AAAA,MACZ,cAAc;AAAA,MACd,OAAO;AAAA,MACP,OAAO,CAAC,UAAkB;AAAA;AAAA,EAC5B;AAAA,GACF;",
   "names": []
 }

package/dist/esm/FastList.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-props-helpers";
 import { List } from "./parts/List.js";
 import { DSFastListPropTypes } from "./react-desc-prop-types.js";
-import { DSFastListName } from "./DSFastListDefinitions.js";
+import { DSFastListName } from "./constants/index.js";
 const DSFastList = (props) => /* @__PURE__ */ jsx(List, { ...props });
 DSFastList.displayName = DSFastListName;
 const DSFastListWithSchema = describe(DSFastList).description("DSFastList");

package/dist/esm/FastList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/FastList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { List } from './parts/List.js';\nimport { DSFastListPropTypes, type DSFastListT } from './react-desc-prop-types.js';\nimport { DSFastListName } from './DSFastListDefinitions.js';\n\n// we create ds-fast-list to solve the issue with the children prop in ds-virtual-list\n// this packages use render props instead of children prop.\n// we are not using a context nor zustand so all the logic is handled in List...\nconst DSFastList = <T extends object>(props: DSFastListT.Props<T>) => <List {...props} />;\n\nDSFastList.displayName = DSFastListName;\nconst DSFastListWithSchema = describe(DSFastList).description('DSFastList');\nDSFastListWithSchema.propTypes = DSFastListPropTypes;\n\nexport { DSFastList, DSFastListWithSchema };\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { List } from './parts/List.js';\nimport { DSFastListPropTypes, type DSFastListT } from './react-desc-prop-types.js';\nimport { DSFastListName } from './constants/index.js';\n\n// we create ds-fast-list to solve the issue with the children prop in ds-virtual-list\n// this packages use render props instead of children prop.\n// we are not using a context nor zustand so all the logic is handled in List...\nconst DSFastList = <T extends object>(props: DSFastListT.Props<T>) => <List {...props} />;\n\nDSFastList.displayName = DSFastListName;\nconst DSFastListWithSchema = describe(DSFastList).description('DSFastList');\nDSFastListWithSchema.propTypes = DSFastListPropTypes;\n\nexport { DSFastList, DSFastListWithSchema };\n"],
   "mappings": "AAAA,YAAY,WAAW;ACS+C;AARtE,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,2BAA6C;AACtD,SAAS,sBAAsB;AAK/B,MAAM,aAAa,CAAmB,UAAgC,oBAAC,QAAM,GAAG,OAAO;AAEvF,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU,EAAE,YAAY,YAAY;AAC1E,qBAAqB,YAAY;",
   "names": []
 }

package/dist/esm/{DSFastListDefinitions.js → constants/index.js}

@@ -6,10 +6,10 @@ const DSFastListSlots = {
   WRAPPER_LIST: "wrapper-list",
   ITEM: "item"
 };
-const DSCardV3DataTestIds = slotObjectToDataTestIds(DSFastListName, DSFastListSlots);
+const DSFastListDataTestIds = slotObjectToDataTestIds(DSFastListName, DSFastListSlots);
 export {
-  DSCardV3DataTestIds,
+  DSFastListDataTestIds,
   DSFastListName,
   DSFastListSlots
 };
-//# sourceMappingURL=DSFastListDefinitions.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSFastListName = 'DSFastlist';\n\nexport const DSFastListSlots = {\n  CONTAINER: 'container',\n  WRAPPER_LIST: 'wrapper-list',\n  ITEM: 'item',\n} as const;\n\nexport const DSFastListDataTestIds = slotObjectToDataTestIds(DSFastListName, DSFastListSlots);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,WAAW;AAAA,EACX,cAAc;AAAA,EACd,MAAM;AACR;AAEO,MAAM,wBAAwB,wBAAwB,gBAAgB,eAAe;",
+  "names": []
+}

package/dist/esm/hooks/useValidateProps.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
-import { DSFastListName } from "../DSFastListDefinitions.js";
+import { DSFastListName } from "../constants/index.js";
 const useValidateProps = (props, propTypes) => {
   useValidateTypescriptPropTypes(props, propTypes, DSFastListName);
 };

package/dist/esm/hooks/useValidateProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useValidateProps.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { type DSFastListT } from '../react-desc-prop-types.js';\nimport { DSFastListName } from '../DSFastListDefinitions.js';\n\nexport const useValidateProps = <T>(\n  props: DSFastListT.InternalProps<T>,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSFastListName);\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { type DSFastListT } from '../react-desc-prop-types.js';\nimport { DSFastListName } from '../constants/index.js';\n\nexport const useValidateProps = <T>(\n  props: DSFastListT.InternalProps<T>,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSFastListName);\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,sBAAsB;AAExB,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,iCAA+B,OAAO,WAAW,cAAc;AACjE;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,7 +1,11 @@
 import * as React from "react";
 import { DSFastList, DSFastListWithSchema } from "./FastList.js";
+import { DSFastListName, DSFastListSlots, DSFastListDataTestIds } from "./constants/index.js";
 export {
   DSFastList,
+  DSFastListDataTestIds,
+  DSFastListName,
+  DSFastListSlots,
   DSFastListWithSchema
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { type DSFastListT } from './react-desc-prop-types.js';\nexport { DSFastList, DSFastListWithSchema } from './FastList.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,YAAY,4BAA4B;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { type DSFastListT } from './react-desc-prop-types.js';\nexport { DSFastList, DSFastListWithSchema } from './FastList.js';\nexport { DSFastListName, DSFastListSlots, DSFastListDataTestIds } from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,YAAY,4BAA4B;AACjD,SAAS,gBAAgB,iBAAiB,6BAA6B;",
   "names": []
 }

package/dist/esm/parts/List.js

@@ -4,7 +4,7 @@ import React2, { useCallback } from "react";
 import { styled } from "@elliemae/ds-system";
 import { useGetGlobalAttributes } from "@elliemae/ds-props-helpers";
 import { useFastList } from "../hooks/useFastList.js";
-import { DSFastListName, DSFastListSlots } from "../DSFastListDefinitions.js";
+import { DSFastListName, DSFastListSlots } from "../constants/index.js";
 const StyledList = styled("div", {
   name: DSFastListName,
   slot: DSFastListSlots.WRAPPER_LIST

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/List.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { useFastList } from '../hooks/useFastList.js';\nimport type { DSFastListT } from '../react-desc-prop-types.js';\nimport { DSFastListName, DSFastListSlots } from '../DSFastListDefinitions.js';\n\nconst StyledList = styled('div', {\n  name: DSFastListName,\n  slot: DSFastListSlots.WRAPPER_LIST,\n})`\n  width: 100%;\n  position: relative;\n`;\n\nconst StyledListItem = styled('div', {\n  name: DSFastListName,\n  slot: DSFastListSlots.ITEM,\n})`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n`;\n\nconst StyledListContainer = styled('div', {\n  name: DSFastListName,\n  slot: DSFastListSlots.CONTAINER,\n})`\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n  padding-bottom: 0;\n`;\n\nexport const List = <T extends object>(props: DSFastListT.Props<T>) => {\n  const { parentRef, getVirtualItems, totalSize, instanceUid, measureElement } = useFastList(props);\n  const { ItemRenderer, extraItemProps, getId } = props;\n\n  const virtualItems = getVirtualItems();\n  const measureRef: React.LegacyRef<HTMLDivElement> = React.useCallback(\n    (node: HTMLDivElement) => measureElement(node),\n    [measureElement],\n  );\n\n  const getOwnerProps = useCallback(() => props, [props]);\n  const globalAttributes = useGetGlobalAttributes(props);\n\n  return (\n    <StyledListContainer\n      innerRef={parentRef}\n      // firefox needs this tabIndex to prevent scrolling\n      tabIndex={-1}\n      key={instanceUid}\n      getOwnerProps={getOwnerProps}\n      {...globalAttributes}\n    >\n      <StyledList\n        style={{\n          // we add up 0.5 to prevent the scrollbar from appearing in some cases\n          height: `${totalSize + 0.5}px`,\n        }}\n        role=\"list\"\n        getOwnerProps={getOwnerProps}\n      >\n        {virtualItems.map((virtualItem) => {\n          const { index, start } = virtualItem;\n          return (\n            <StyledListItem\n              innerRef={measureRef}\n              data-index={index}\n              style={{\n                transform: `translateY(${start}px)`,\n              }}\n              role=\"listitem\"\n              key={getId(index)}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={() => ({ index: getId(index) })}\n            >\n              <ItemRenderer extraItemProps={extraItemProps} index={index} />\n            </StyledListItem>\n          );\n        })}\n      </StyledList>\n    </StyledListContainer>\n  );\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { useFastList } from '../hooks/useFastList.js';\nimport type { DSFastListT } from '../react-desc-prop-types.js';\nimport { DSFastListName, DSFastListSlots } from '../constants/index.js';\n\nconst StyledList = styled('div', {\n  name: DSFastListName,\n  slot: DSFastListSlots.WRAPPER_LIST,\n})`\n  width: 100%;\n  position: relative;\n`;\n\nconst StyledListItem = styled('div', {\n  name: DSFastListName,\n  slot: DSFastListSlots.ITEM,\n})`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n`;\n\nconst StyledListContainer = styled('div', {\n  name: DSFastListName,\n  slot: DSFastListSlots.CONTAINER,\n})`\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n  padding-bottom: 0;\n`;\n\nexport const List = <T extends object>(props: DSFastListT.Props<T>) => {\n  const { parentRef, getVirtualItems, totalSize, instanceUid, measureElement } = useFastList(props);\n  const { ItemRenderer, extraItemProps, getId } = props;\n\n  const virtualItems = getVirtualItems();\n  const measureRef: React.LegacyRef<HTMLDivElement> = React.useCallback(\n    (node: HTMLDivElement) => measureElement(node),\n    [measureElement],\n  );\n\n  const getOwnerProps = useCallback(() => props, [props]);\n  const globalAttributes = useGetGlobalAttributes(props);\n\n  return (\n    <StyledListContainer\n      innerRef={parentRef}\n      // firefox needs this tabIndex to prevent scrolling\n      tabIndex={-1}\n      key={instanceUid}\n      getOwnerProps={getOwnerProps}\n      {...globalAttributes}\n    >\n      <StyledList\n        style={{\n          // we add up 0.5 to prevent the scrollbar from appearing in some cases\n          height: `${totalSize + 0.5}px`,\n        }}\n        role=\"list\"\n        getOwnerProps={getOwnerProps}\n      >\n        {virtualItems.map((virtualItem) => {\n          const { index, start } = virtualItem;\n          return (\n            <StyledListItem\n              innerRef={measureRef}\n              data-index={index}\n              style={{\n                transform: `translateY(${start}px)`,\n              }}\n              role=\"listitem\"\n              key={getId(index)}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={() => ({ index: getId(index) })}\n            >\n              <ItemRenderer extraItemProps={extraItemProps} index={index} />\n            </StyledListItem>\n          );\n        })}\n      </StyledList>\n    </StyledListContainer>\n  );\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;AC+ET;AA/Ed,OAAOA,UAAS,mBAAmB;AACnC,SAAS,cAAc;AACvB,SAAS,8BAA8B;AACvC,SAAS,mBAAmB;AAE5B,SAAS,gBAAgB,uBAAuB;AAEhD,MAAM,aAAa,OAAO,OAAO;AAAA,EAC/B,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA;AAAA;AAAA;AAKD,MAAM,iBAAiB,OAAO,OAAO;AAAA,EACnC,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOD,MAAM,sBAAsB,OAAO,OAAO;AAAA,EACxC,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOM,MAAM,OAAO,CAAmB,UAAgC;AACrE,QAAM,EAAE,WAAW,iBAAiB,WAAW,aAAa,eAAe,IAAI,YAAY,KAAK;AAChG,QAAM,EAAE,cAAc,gBAAgB,MAAM,IAAI;AAEhD,QAAM,eAAe,gBAAgB;AACrC,QAAM,aAA8CA,OAAM;AAAA,IACxD,CAAC,SAAyB,eAAe,IAAI;AAAA,IAC7C,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,gBAAgB,YAAY,MAAM,OAAO,CAAC,KAAK,CAAC;AACtD,QAAM,mBAAmB,uBAAuB,KAAK;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MAEV,UAAU;AAAA,MAEV;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA;AAAA,YAEL,QAAQ,GAAG,YAAY,GAAG;AAAA,UAC5B;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UAEC,uBAAa,IAAI,CAAC,gBAAgB;AACjC,kBAAM,EAAE,OAAO,MAAM,IAAI;AACzB,mBACE;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,cAAY;AAAA,gBACZ,OAAO;AAAA,kBACL,WAAW,cAAc,KAAK;AAAA,gBAChC;AAAA,gBACA,MAAK;AAAA,gBAEL;AAAA,gBACA,wBAAwB,OAAO,EAAE,OAAO,MAAM,KAAK,EAAE;AAAA,gBAErD,8BAAC,gBAAa,gBAAgC,OAAc;AAAA;AAAA,cAJvD,MAAM,KAAK;AAAA,YAKlB;AAAA,UAEJ,CAAC;AAAA;AAAA,MACH;AAAA;AAAA,IA9BK;AAAA,EA+BP;AAEJ;",
   "names": ["React"]
 }

package/dist/esm/react-desc-prop-types.js

@@ -1,9 +1,12 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-props-helpers";
+import { PropTypes, getPropsPerSlotPropTypes, globalAttributesPropTypes } from "@elliemae/ds-props-helpers";
+import { DSFastListName, DSFastListSlots } from "./constants/index.js";
 const defaultProps = {
   estimateSize: () => 36
 };
 const DSFastListPropTypes = {
+  ...getPropsPerSlotPropTypes(DSFastListName, DSFastListSlots),
+  ...globalAttributesPropTypes,
   actionRef: PropTypes.shape({
     current: PropTypes.oneOfType([
       PropTypes.oneOf([null]),

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type React from 'react';\nimport type { DSFastListName, DSFastListSlots } from './DSFastListDefinitions.js';\n\nexport declare namespace DSFastListT {\n  type ScrollAlignment = 'start' | 'center' | 'end' | 'auto';\n  export type ScrollToOptions = {\n    align: ScrollAlignment;\n  };\n\n  export type ActionRef = {\n    scrollTo?: (index: number, options?: ScrollToOptions | undefined) => void;\n  };\n\n  export interface OptionalProps<ExtraItemPropsT> extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSFastListName,\n    typeof DSFastListSlots\n  > {\n    actionRef?: React.MutableRefObject<ActionRef>;\n    extraItemProps?: ExtraItemPropsT;\n  }\n\n  export interface RequiredProps<ExtraItemPropsT> {\n    ItemRenderer: React.ComponentType<{ index: number; extraItemProps?: ExtraItemPropsT }>;\n    count: number;\n    getId: (index: number) => string | number;\n  }\n\n  export interface DefaultProps {\n    estimateSize: () => number;\n  }\n\n  type PropsT<D, R, O> = Partial<D> & R & O;\n  type InternalPropsT<D, R, O> = D & R & O;\n\n  export type Props<ExtraItemPropsT> = PropsT<\n    DefaultProps,\n    RequiredProps<ExtraItemPropsT>,\n    OptionalProps<ExtraItemPropsT>\n  >;\n  export type InternalProps<ExtraItemPropsT> = InternalPropsT<\n    DefaultProps,\n    RequiredProps<ExtraItemPropsT>,\n    OptionalProps<ExtraItemPropsT>\n  >;\n}\n\nexport const defaultProps = {\n  estimateSize: () => 36,\n};\n\nexport const DSFastListPropTypes = {\n  actionRef: PropTypes.shape({\n    current: PropTypes.oneOfType([\n      PropTypes.oneOf([null]),\n      PropTypes.shape({\n        scrollTo: PropTypes.func\n          .description('Scroll to a index inside the list')\n          .signature(`((index: number, { align: 'start' | 'center' | 'end' | 'auto' }) => void)`),\n      }),\n    ]),\n  }).description(`mutable reference where methods will be stored`),\n  ItemRenderer: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired.description(\n    'Render function for each item',\n  ),\n  count: PropTypes.number.isRequired.description('Number of items to render'),\n  extraItemProps: PropTypes.object.description('Extra props to pass to each item'),\n  getId: PropTypes.func.isRequired.description('Function to get the key for each item'),\n  estimateSize: PropTypes.func.description('Function to estimate the size of each item'),\n} as React.WeakValidationMap<unknown>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAgDnB,MAAM,eAAe;AAAA,EAC1B,cAAc,MAAM;AACtB;AAEO,MAAM,sBAAsB;AAAA,EACjC,WAAW,UAAU,MAAM;AAAA,IACzB,SAAS,UAAU,UAAU;AAAA,MAC3B,UAAU,MAAM,CAAC,IAAI,CAAC;AAAA,MACtB,UAAU,MAAM;AAAA,QACd,UAAU,UAAU,KACjB,YAAY,mCAAmC,EAC/C,UAAU,2EAA2E;AAAA,MAC1F,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC,EAAE,YAAY,gDAAgD;AAAA,EAC/D,cAAc,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE,WAAW;AAAA,IAC/E;AAAA,EACF;AAAA,EACA,OAAO,UAAU,OAAO,WAAW,YAAY,2BAA2B;AAAA,EAC1E,gBAAgB,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAC/E,OAAO,UAAU,KAAK,WAAW,YAAY,uCAAuC;AAAA,EACpF,cAAc,UAAU,KAAK,YAAY,4CAA4C;AACvF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { GlobalAttributesT } from '@elliemae/ds-props-helpers';\nimport { PropTypes, getPropsPerSlotPropTypes, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type React from 'react';\nimport { DSFastListName, DSFastListSlots } from './constants/index.js';\n\nexport declare namespace DSFastListT {\n  type ScrollAlignment = 'start' | 'center' | 'end' | 'auto';\n  export type ScrollToOptions = {\n    align: ScrollAlignment;\n  };\n\n  export type ActionRef = {\n    scrollTo?: (index: number, options?: ScrollToOptions | undefined) => void;\n  };\n\n  export type SlotFunctionArguments = {\n    dsFastlistContainer: () => object;\n    dsFastlistWrapperList: () => object;\n    dsFastlistItem: () => object;\n  };\n\n  export interface OptionalProps<ExtraItemPropsT> extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSFastListName,\n    typeof DSFastListSlots\n  > {\n    actionRef?: React.MutableRefObject<ActionRef>;\n    extraItemProps?: ExtraItemPropsT;\n  }\n\n  export interface RequiredProps<ExtraItemPropsT> {\n    ItemRenderer: React.ComponentType<{ index: number; extraItemProps?: ExtraItemPropsT }>;\n    count: number;\n    getId: (index: number) => string | number;\n  }\n\n  export interface DefaultProps {\n    estimateSize: () => number;\n  }\n\n  type PropsT<D, R, O> = Partial<D> & R & O & Omit<GlobalAttributesT<HTMLElement>, keyof D | keyof R>;\n  type InternalPropsT<D, R, O> = D & R & O & Omit<GlobalAttributesT<HTMLElement>, keyof D | keyof R>;\n\n  export type Props<ExtraItemPropsT> = PropsT<\n    DefaultProps,\n    RequiredProps<ExtraItemPropsT>,\n    OptionalProps<ExtraItemPropsT>\n  >;\n  export type InternalProps<ExtraItemPropsT> = InternalPropsT<\n    DefaultProps,\n    RequiredProps<ExtraItemPropsT>,\n    OptionalProps<ExtraItemPropsT>\n  >;\n}\n\nexport const defaultProps = {\n  estimateSize: () => 36,\n};\n\nexport const DSFastListPropTypes = {\n  ...getPropsPerSlotPropTypes(DSFastListName, DSFastListSlots),\n  ...globalAttributesPropTypes,\n  actionRef: PropTypes.shape({\n    current: PropTypes.oneOfType([\n      PropTypes.oneOf([null]),\n      PropTypes.shape({\n        scrollTo: PropTypes.func\n          .description('Scroll to a index inside the list')\n          .signature(`((index: number, { align: 'start' | 'center' | 'end' | 'auto' }) => void)`),\n      }),\n    ]),\n  }).description(`mutable reference where methods will be stored`),\n  ItemRenderer: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired.description(\n    'Render function for each item',\n  ),\n  count: PropTypes.number.isRequired.description('Number of items to render'),\n  extraItemProps: PropTypes.object.description('Extra props to pass to each item'),\n  getId: PropTypes.func.isRequired.description('Function to get the key for each item'),\n  estimateSize: PropTypes.func.description('Function to estimate the size of each item'),\n} as React.WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,0BAA0B,iCAAiC;AAG/E,SAAS,gBAAgB,uBAAuB;AAmDzC,MAAM,eAAe;AAAA,EAC1B,cAAc,MAAM;AACtB;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG,yBAAyB,gBAAgB,eAAe;AAAA,EAC3D,GAAG;AAAA,EACH,WAAW,UAAU,MAAM;AAAA,IACzB,SAAS,UAAU,UAAU;AAAA,MAC3B,UAAU,MAAM,CAAC,IAAI,CAAC;AAAA,MACtB,UAAU,MAAM;AAAA,QACd,UAAU,UAAU,KACjB,YAAY,mCAAmC,EAC/C,UAAU,2EAA2E;AAAA,MAC1F,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC,EAAE,YAAY,gDAAgD;AAAA,EAC/D,cAAc,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE,WAAW;AAAA,IAC/E;AAAA,EACF;AAAA,EACA,OAAO,UAAU,OAAO,WAAW,YAAY,2BAA2B;AAAA,EAC1E,gBAAgB,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAC/E,OAAO,UAAU,KAAK,WAAW,YAAY,uCAAuC;AAAA,EACpF,cAAc,UAAU,KAAK,YAAY,4CAA4C;AACvF;",
   "names": []
 }

package/dist/esm/typescript-testing/slot-props.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+const SlotPropsAsObject = {
+  dsFastlistContainer: { "aria-label": "just a typescript test" },
+  dsFastlistWrapperList: { "aria-label": "just a typescript test" },
+  dsFastlistItem: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsFastlistContainer: () => ({ "aria-label": "just a typescript test" }),
+  dsFastlistWrapperList: () => ({ "aria-label": "just a typescript test" }),
+  dsFastlistItem: () => ({ "aria-label": "just a typescript test" })
+};
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/esm/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSFastListName, DSFastListSlots } from '../constants/index.js';\nimport type { DSFastListT } from '../react-desc-prop-types.js';\n\nconst SlotPropsAsObject: Partial<DSFastListT.OptionalProps<object>> = {\n  dsFastlistContainer: { 'aria-label': 'just a typescript test' },\n  dsFastlistWrapperList: { 'aria-label': 'just a typescript test' },\n  dsFastlistItem: { 'aria-label': 'just a typescript test' },\n};\n\nconst SlotPropsAsFunctions: DSFastListT.SlotFunctionArguments = {\n  dsFastlistContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsFastlistWrapperList: () => ({ 'aria-label': 'just a typescript test' }),\n  dsFastlistItem: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\n// Exhaustiveness check \u2014 fails compilation if a slot is missing from SlotFunctionArguments\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSFastListName, typeof DSFastListSlots>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACMvB,MAAM,oBAAgE;AAAA,EACpE,qBAAqB,EAAE,cAAc,yBAAyB;AAAA,EAC9D,uBAAuB,EAAE,cAAc,yBAAyB;AAAA,EAChE,gBAAgB,EAAE,cAAc,yBAAyB;AAC3D;AAEA,MAAM,uBAA0D;AAAA,EAC9D,qBAAqB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACrE,uBAAuB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACvE,gBAAgB,OAAO,EAAE,cAAc,yBAAyB;AAClE;AAGA,MAAM,6CAEF;",
+  "names": []
+}

package/dist/esm/typescript-testing/typescript-fast-list-valid.js

@@ -46,7 +46,7 @@ const testExplicitDefinition = {
   actionRef,
   extraItemProps: { data }
 };
-const testInferedTypeCompatibility = {
+const testInferredTypeCompatibility = {
   ItemRenderer: MockItemRenderer,
   count: 0,
   getId: (index) => "",
@@ -60,10 +60,19 @@ const testDefinitionAsConst = {
   actionRef,
   extraItemProps: { foo: "bar" }
 };
+const testGlobalAttributes = {
+  ItemRenderer: MockItemRenderer,
+  count: 0,
+  getId: (index) => "",
+  className: "custom-class",
+  id: "custom-id",
+  "aria-label": "custom list"
+};
 const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx(DSFastList, { ...testExplicitDefinition }),
-  /* @__PURE__ */ jsx(DSFastList, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(DSFastList, { ...testInferredTypeCompatibility }),
   /* @__PURE__ */ jsx(DSFastList, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(DSFastList, { ...testGlobalAttributes }),
   /* @__PURE__ */ jsx(
     DSFastList,
     {
@@ -73,6 +82,18 @@ const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
       actionRef,
       extraItemProps: { foo: "bar" }
     }
+  ),
+  /* @__PURE__ */ jsx(
+    DSFastList,
+    {
+      className: "custom-class",
+      id: "custom-id",
+      "aria-label": "custom list",
+      "data-testid": "custom-testid",
+      ItemRenderer: MockItemRenderer,
+      count: 0,
+      getId: (index) => ""
+    }
   )
 ] });
 //# sourceMappingURL=typescript-fast-list-valid.js.map

package/dist/esm/typescript-testing/typescript-fast-list-valid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-fast-list-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { type MutableRefObject, createRef } from 'react';\nimport { DSFastList } from '../index.js';\nimport type { DSFastListT } from '../index.js';\n\nconst data = [1, 2, 3];\nconst extraProps = { data };\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSFastListT.Props<typeof extraProps>;\ntype ComponentPropsInternals = DSFastListT.InternalProps<typeof extraProps>;\ntype ComponentPropsDefaultProps = DSFastListT.DefaultProps;\ntype ComponentPropsOptionalProps = DSFastListT.OptionalProps<typeof extraProps>;\ntype ComponentPropsRequiredProps = DSFastListT.RequiredProps<typeof extraProps>;\n\nconst MockItemRenderer = ({ index }: { index: number }) => <div></div>;\n\nconst actionRef = createRef() as MutableRefObject<{ scrollTo: (index: number) => void }>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  actionRef,\n  extraItemProps: { data },\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  estimateSize: () => 36,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n  actionRef,\n  extraItemProps: { data },\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n  actionRef,\n  extraItemProps: { data },\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n  actionRef,\n  extraItemProps: { foo: 'bar' },\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSFastList {...testExplicitDefinition} />\n    <DSFastList {...testInferedTypeCompatibility} />\n    <DSFastList {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSFastList\n      ItemRenderer={MockItemRenderer}\n      count={0}\n      getId={(index: number) => ''}\n      actionRef={actionRef}\n      extraItemProps={{ foo: 'bar' }}\n    />\n  </>\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACcoC,SA2EzD,UA3EyD,KA2EzD,YA3EyD;AAb3D,SAAgC,iBAAiB;AACjD,SAAS,kBAAkB;AAG3B,MAAM,OAAO,CAAC,GAAG,GAAG,CAAC;AACrB,MAAM,aAAa,EAAE,KAAK;AAQ1B,MAAM,mBAAmB,CAAC,EAAE,MAAM,MAAyB,oBAAC,SAAI;AAEhE,MAAM,YAAY,UAAU;AAE5B,MAAM,oBAAiD;AAAA,EACrD,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAC5B;AAEA,MAAM,oBAAiD;AAAA,EACrD;AAAA,EACA,gBAAgB,EAAE,KAAK;AACzB;AAIA,MAAM,sBAA2D,CAAC;AAElE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,cAAc,MAAM;AACtB;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAAA,EAC1B;AAAA,EACA,gBAAgB,EAAE,KAAK;AACzB;AAGA,MAAM,+BAA+B;AAAA,EACnC,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAAA,EAC1B;AAAA,EACA,gBAAgB,EAAE,KAAK;AACzB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAAA,EAC1B;AAAA,EACA,gBAAgB,EAAE,KAAK,MAAM;AAC/B;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,cAAY,GAAG,wBAAwB;AAAA,EACxC,oBAAC,cAAY,GAAG,8BAA8B;AAAA,EAC9C,oBAAC,cAAY,GAAG,uBAAuB;AAAA,EAEvC;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP,OAAO,CAAC,UAAkB;AAAA,MAC1B;AAAA,MACA,gBAAgB,EAAE,KAAK,MAAM;AAAA;AAAA,EAC/B;AAAA,GACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { type MutableRefObject, createRef } from 'react';\nimport { DSFastList } from '../index.js';\nimport type { DSFastListT } from '../index.js';\n\nconst data = [1, 2, 3];\nconst extraProps = { data };\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSFastListT.Props<typeof extraProps>;\ntype ComponentPropsInternals = DSFastListT.InternalProps<typeof extraProps>;\ntype ComponentPropsDefaultProps = DSFastListT.DefaultProps;\ntype ComponentPropsOptionalProps = DSFastListT.OptionalProps<typeof extraProps>;\ntype ComponentPropsRequiredProps = DSFastListT.RequiredProps<typeof extraProps>;\n\nconst MockItemRenderer = ({ index }: { index: number }) => <div></div>;\n\nconst actionRef = createRef() as MutableRefObject<{ scrollTo: (index: number) => void }>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  actionRef,\n  extraItemProps: { data },\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  estimateSize: () => 36,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n  actionRef,\n  extraItemProps: { data },\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferredTypeCompatibility = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n  actionRef,\n  extraItemProps: { data },\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n  actionRef,\n  extraItemProps: { foo: 'bar' },\n} as const;\n\n// Global HTML/ARIA attributes (className, id, aria-*, data-*) work at runtime via\n// useGetGlobalAttributes in List.tsx \u2014 PropsT/InternalPropsT intersect with\n// Omit<GlobalAttributesT<HTMLElement>, ...> specifically so this compiles. Regression here means\n// the type/runtime contract has drifted apart again.\nconst testGlobalAttributes: ComponentPropsForApp = {\n  ItemRenderer: MockItemRenderer,\n  count: 0,\n  getId: (index: number) => '',\n  className: 'custom-class',\n  id: 'custom-id',\n  'aria-label': 'custom list',\n};\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSFastList {...testExplicitDefinition} />\n    <DSFastList {...testInferredTypeCompatibility} />\n    <DSFastList {...testDefinitionAsConst} />\n    <DSFastList {...testGlobalAttributes} />\n    {/* works with inline values */}\n    <DSFastList\n      ItemRenderer={MockItemRenderer}\n      count={0}\n      getId={(index: number) => ''}\n      actionRef={actionRef}\n      extraItemProps={{ foo: 'bar' }}\n    />\n    {/* Inline props test \u2014 global HTML/ARIA attributes */}\n    <DSFastList\n      className=\"custom-class\"\n      id=\"custom-id\"\n      aria-label=\"custom list\"\n      data-testid=\"custom-testid\"\n      ItemRenderer={MockItemRenderer}\n      count={0}\n      getId={(index: number) => ''}\n    />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACcoC,SAwFzD,UAxFyD,KAwFzD,YAxFyD;AAb3D,SAAgC,iBAAiB;AACjD,SAAS,kBAAkB;AAG3B,MAAM,OAAO,CAAC,GAAG,GAAG,CAAC;AACrB,MAAM,aAAa,EAAE,KAAK;AAQ1B,MAAM,mBAAmB,CAAC,EAAE,MAAM,MAAyB,oBAAC,SAAI;AAEhE,MAAM,YAAY,UAAU;AAE5B,MAAM,oBAAiD;AAAA,EACrD,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAC5B;AAEA,MAAM,oBAAiD;AAAA,EACrD;AAAA,EACA,gBAAgB,EAAE,KAAK;AACzB;AAIA,MAAM,sBAA2D,CAAC;AAElE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,cAAc,MAAM;AACtB;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAAA,EAC1B;AAAA,EACA,gBAAgB,EAAE,KAAK;AACzB;AAGA,MAAM,gCAAgC;AAAA,EACpC,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAAA,EAC1B;AAAA,EACA,gBAAgB,EAAE,KAAK;AACzB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAAA,EAC1B;AAAA,EACA,gBAAgB,EAAE,KAAK,MAAM;AAC/B;AAMA,MAAM,uBAA6C;AAAA,EACjD,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO,CAAC,UAAkB;AAAA,EAC1B,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,cAAc;AAChB;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,cAAY,GAAG,wBAAwB;AAAA,EACxC,oBAAC,cAAY,GAAG,+BAA+B;AAAA,EAC/C,oBAAC,cAAY,GAAG,uBAAuB;AAAA,EACvC,oBAAC,cAAY,GAAG,sBAAsB;AAAA,EAEtC;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP,OAAO,CAAC,UAAkB;AAAA,MAC1B;AAAA,MACA,gBAAgB,EAAE,KAAK,MAAM;AAAA;AAAA,EAC/B;AAAA,EAEA;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,eAAY;AAAA,MACZ,cAAc;AAAA,MACd,OAAO;AAAA,MACP,OAAO,CAAC,UAAkB;AAAA;AAAA,EAC5B;AAAA,GACF;",
   "names": []
 }

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

@@ -0,0 +1,11 @@
+export declare const DSFastListName = "DSFastlist";
+export declare const DSFastListSlots: {
+    readonly CONTAINER: "container";
+    readonly WRAPPER_LIST: "wrapper-list";
+    readonly ITEM: "item";
+};
+export declare const DSFastListDataTestIds: {
+    readonly CONTAINER: "ds-fastlist-container";
+    readonly WRAPPER_LIST: "ds-fastlist-wrapper-list";
+    readonly ITEM: "ds-fastlist-item";
+};

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export { type DSFastListT } from './react-desc-prop-types.js';
 export { DSFastList, DSFastListWithSchema } from './FastList.js';
+export { DSFastListName, DSFastListSlots, DSFastListDataTestIds } from './constants/index.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -1,6 +1,7 @@
+import type { GlobalAttributesT } from '@elliemae/ds-props-helpers';
 import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
 import type React from 'react';
-import type { DSFastListName, DSFastListSlots } from './DSFastListDefinitions.js';
+import { DSFastListName, DSFastListSlots } from './constants/index.js';
 export declare namespace DSFastListT {
     type ScrollAlignment = 'start' | 'center' | 'end' | 'auto';
     type ScrollToOptions = {
@@ -9,6 +10,11 @@ export declare namespace DSFastListT {
     type ActionRef = {
         scrollTo?: (index: number, options?: ScrollToOptions | undefined) => void;
     };
+    type SlotFunctionArguments = {
+        dsFastlistContainer: () => object;
+        dsFastlistWrapperList: () => object;
+        dsFastlistItem: () => object;
+    };
     interface OptionalProps<ExtraItemPropsT> extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSFastListName, typeof DSFastListSlots> {
         actionRef?: React.MutableRefObject<ActionRef>;
         extraItemProps?: ExtraItemPropsT;
@@ -24,8 +30,8 @@ export declare namespace DSFastListT {
     interface DefaultProps {
         estimateSize: () => number;
     }
-    type PropsT<D, R, O> = Partial<D> & R & O;
-    type InternalPropsT<D, R, O> = D & R & O;
+    type PropsT<D, R, O> = Partial<D> & R & O & Omit<GlobalAttributesT<HTMLElement>, keyof D | keyof R>;
+    type InternalPropsT<D, R, O> = D & R & O & Omit<GlobalAttributesT<HTMLElement>, keyof D | keyof R>;
     type Props<ExtraItemPropsT> = PropsT<DefaultProps, RequiredProps<ExtraItemPropsT>, OptionalProps<ExtraItemPropsT>>;
     type InternalProps<ExtraItemPropsT> = InternalPropsT<DefaultProps, RequiredProps<ExtraItemPropsT>, OptionalProps<ExtraItemPropsT>>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-fast-list",
-  "version": "3.80.0-next.1",
+  "version": "3.80.0-next.12",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Virtual List",
   "files": [
@@ -38,15 +38,16 @@
   "dependencies": {
     "@tanstack/react-virtual": "3.13.18",
     "uid": "^2.0.2",
-    "@elliemae/ds-props-helpers": "3.80.0-next.1",
-    "@elliemae/ds-system": "3.80.0-next.1",
-    "@elliemae/ds-typescript-helpers": "3.80.0-next.1"
+    "@elliemae/ds-props-helpers": "3.80.0-next.12",
+    "@elliemae/ds-typescript-helpers": "3.80.0-next.12",
+    "@elliemae/ds-system": "3.80.0-next.12"
   },
   "devDependencies": {
+    "@playwright/experimental-ct-react": "1.61.1",
     "jest": "^30.0.0",
     "styled-components": "~5.3.11",
-    "@elliemae/ds-monorepo-devops": "3.80.0-next.1",
-    "@elliemae/ds-test-utils": "3.80.0-next.1"
+    "@elliemae/ds-test-utils": "3.80.0-next.12",
+    "@elliemae/ds-monorepo-devops": "3.80.0-next.12"
   },
   "peerDependencies": {
     "lodash-es": "^4.18.1",
@@ -59,7 +60,7 @@
     "typeSafety": true
   },
   "scripts": {
-    "test": "ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
+    "test": "playwright test -c ./playwright.config.mjs && ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
     "lint": "node ../../../scripts/lint.mjs --fix",
     "lint:strict": "node ../../../scripts/lint-strict.mjs",
     "dts": "node ../../../scripts/dts.mjs",

package/dist/cjs/DSFastListDefinitions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSFastListDefinitions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSFastListName = 'DSFastlist';\nexport const DSFastListSlots = {\n  CONTAINER: 'container',\n  WRAPPER_LIST: 'wrapper-list',\n  ITEM: 'item',\n};\n\nexport const DSCardV3DataTestIds = slotObjectToDataTestIds(DSFastListName, DSFastListSlots);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AAAA,EAC7B,WAAW;AAAA,EACX,cAAc;AAAA,EACd,MAAM;AACR;AAEO,MAAM,0BAAsB,0CAAwB,gBAAgB,eAAe;",
-  "names": []
-}

package/dist/cjs/FastListDataTestID.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/FastListDataTestID.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const LIST_DATA_TESTID = {\n  CONTAINER: 'fast-list-container',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB;AAAA,EAC9B,WAAW;AACb;",
-  "names": []
-}

package/dist/esm/DSFastListDefinitions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSFastListDefinitions.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSFastListName = 'DSFastlist';\nexport const DSFastListSlots = {\n  CONTAINER: 'container',\n  WRAPPER_LIST: 'wrapper-list',\n  ITEM: 'item',\n};\n\nexport const DSCardV3DataTestIds = slotObjectToDataTestIds(DSFastListName, DSFastListSlots);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AAAA,EAC7B,WAAW;AAAA,EACX,cAAc;AAAA,EACd,MAAM;AACR;AAEO,MAAM,sBAAsB,wBAAwB,gBAAgB,eAAe;",
-  "names": []
-}

package/dist/esm/FastListDataTestID.js

@@ -1,8 +0,0 @@
-import * as React from "react";
-const LIST_DATA_TESTID = {
-  CONTAINER: "fast-list-container"
-};
-export {
-  LIST_DATA_TESTID
-};
-//# sourceMappingURL=FastListDataTestID.js.map

package/dist/esm/FastListDataTestID.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/FastListDataTestID.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const LIST_DATA_TESTID = {\n  CONTAINER: 'fast-list-container',\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,mBAAmB;AAAA,EAC9B,WAAW;AACb;",
-  "names": []
-}

package/dist/types/DSFastListDefinitions.d.ts

@@ -1,11 +0,0 @@
-export declare const DSFastListName = "DSFastlist";
-export declare const DSFastListSlots: {
-    CONTAINER: string;
-    WRAPPER_LIST: string;
-    ITEM: string;
-};
-export declare const DSCardV3DataTestIds: {
-    CONTAINER: `ds-fastlist-${string}`;
-    WRAPPER_LIST: `ds-fastlist-${string}`;
-    ITEM: `ds-fastlist-${string}`;
-};

package/dist/types/FastListDataTestID.d.ts

@@ -1,3 +0,0 @@
-export declare const LIST_DATA_TESTID: {
-    CONTAINER: string;
-};