@elliemae/ds-fast-list 3.53.0-beta.8 → 3.53.0-beta.9

package/dist/cjs/hooks/useFastList.js

@@ -61,10 +61,10 @@ const useFastList = (propsFromUser) => {
   const instanceUid = import_react.default.useMemo(() => `ds-fast-list-${(0, import_uid.uid)(6)}${count}`, [count]);
   return import_react.default.useMemo(
     () => ({
+      instanceUid,
       parentRef,
       getVirtualItems: useVirtualHelpers.getVirtualItems,
       totalSize,
-      instanceUid,
       measureElement: useVirtualHelpers.measureElement
     }),
     [useVirtualHelpers.getVirtualItems, useVirtualHelpers.measureElement, totalSize, instanceUid]

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useFastList.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { uid } from 'uid';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { type DSFastListT, DSFastListPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\n// we \"own\" the interfaces/type instead of importing from react-virtual\n//  to abstract our implementation from their\ninterface VirtualItem {\n  key: string | number | bigint;\n  index: number;\n  start: number;\n  end: number;\n  size: number;\n}\ntype MeasureElement = ((element: HTMLElement) => number) | ((node: Element | null) => void);\n\nexport type FastListCTX = {\n  parentRef: React.MutableRefObject<HTMLDivElement | null>;\n  getVirtualItems: () => VirtualItem[];\n  totalSize: number;\n  instanceUid: string;\n  measureElement: MeasureElement;\n};\nexport const useFastList = <T,>(propsFromUser: DSFastListT.Props<T>): FastListCTX => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFastListT.InternalProps<T>>(\n    propsFromUser,\n    defaultProps as Partial<DSFastListT.InternalProps<T>>,\n  );\n  useValidateProps(propsWithDefault, DSFastListPropTypes);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  const { actionRef, count, estimateSize } = propsWithDefault;\n  const parentRef = React.useRef<HTMLDivElement>(null);\n  const useVirtualHelpers = useVirtualizer({\n    count,\n    getScrollElement: () => parentRef.current,\n    overscan: 15,\n    estimateSize,\n  });\n  const totalSize = useVirtualHelpers.getTotalSize();\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.scrollTo = useVirtualHelpers.scrollToIndex;\n    }\n  }, [actionRef, useVirtualHelpers]);\n\n  const instanceUid = React.useMemo(() => `ds-fast-list-${uid(6)}${count}`, [count]);\n  return React.useMemo(\n    () => ({\n      parentRef,\n      getVirtualItems: useVirtualHelpers.getVirtualItems,\n      totalSize,\n      instanceUid,\n      measureElement: useVirtualHelpers.measureElement,\n    }),\n    [useVirtualHelpers.getVirtualItems, useVirtualHelpers.measureElement, totalSize, instanceUid],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,iBAAoB;AACpB,2BAA+B;AAC/B,8BAA6C;AAC7C,mCAAoE;AACpE,8BAAiC;AAoB1B,MAAM,cAAc,CAAK,kBAAqD;AAInF,QAAM,uBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,gDAAiB,kBAAkB,gDAAmB;AAItD,QAAM,EAAE,WAAW,OAAO,aAAa,IAAI;AAC3C,QAAM,YAAY,aAAAA,QAAM,OAAuB,IAAI;AACnD,QAAM,wBAAoB,qCAAe;AAAA,IACvC;AAAA,IACA,kBAAkB,MAAM,UAAU;AAAA,IAClC,UAAU;AAAA,IACV;AAAA,EACF,CAAC;AACD,QAAM,YAAY,kBAAkB,aAAa;AACjD,eAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,aAAa,UAAU,SAAS;AAClC,gBAAU,QAAQ,WAAW,kBAAkB;AAAA,IACjD;AAAA,EACF,GAAG,CAAC,WAAW,iBAAiB,CAAC;AAEjC,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,oBAAgB,gBAAI,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC;AACjF,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA,iBAAiB,kBAAkB;AAAA,MACnC;AAAA,MACA;AAAA,MACA,gBAAgB,kBAAkB;AAAA,IACpC;AAAA,IACA,CAAC,kBAAkB,iBAAiB,kBAAkB,gBAAgB,WAAW,WAAW;AAAA,EAC9F;AACF;",
+  "sourcesContent": ["import React from 'react';\nimport { uid } from 'uid';\nimport { useVirtualizer, type Virtualizer } from '@tanstack/react-virtual';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { type DSFastListT, DSFastListPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport type FastListCTX = {\n  instanceUid: string;\n  parentRef: React.MutableRefObject<HTMLDivElement | null>;\n  getVirtualItems: Virtualizer<HTMLDivElement, HTMLElement>['getVirtualItems'];\n  totalSize: ReturnType<Virtualizer<HTMLDivElement, HTMLElement>['getTotalSize']>;\n  measureElement: Virtualizer<HTMLDivElement, HTMLElement>['measureElement'];\n};\nexport const useFastList = <T,>(propsFromUser: DSFastListT.Props<T>): FastListCTX => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFastListT.InternalProps<T>>(\n    propsFromUser,\n    defaultProps as Partial<DSFastListT.InternalProps<T>>,\n  );\n  useValidateProps(propsWithDefault, DSFastListPropTypes);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  const { actionRef, count, estimateSize } = propsWithDefault;\n  const parentRef = React.useRef<HTMLDivElement>(null);\n  const useVirtualHelpers = useVirtualizer({\n    count,\n    getScrollElement: () => parentRef.current,\n    overscan: 15,\n    estimateSize,\n  });\n  const totalSize = useVirtualHelpers.getTotalSize();\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.scrollTo = useVirtualHelpers.scrollToIndex;\n    }\n  }, [actionRef, useVirtualHelpers]);\n\n  const instanceUid = React.useMemo(() => `ds-fast-list-${uid(6)}${count}`, [count]);\n  return React.useMemo(\n    () => ({\n      instanceUid,\n      parentRef,\n      getVirtualItems: useVirtualHelpers.getVirtualItems,\n      totalSize,\n      measureElement: useVirtualHelpers.measureElement,\n    }),\n    [useVirtualHelpers.getVirtualItems, useVirtualHelpers.measureElement, totalSize, instanceUid],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,iBAAoB;AACpB,2BAAiD;AACjD,8BAA6C;AAC7C,mCAAoE;AACpE,8BAAiC;AAS1B,MAAM,cAAc,CAAK,kBAAqD;AAInF,QAAM,uBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,gDAAiB,kBAAkB,gDAAmB;AAItD,QAAM,EAAE,WAAW,OAAO,aAAa,IAAI;AAC3C,QAAM,YAAY,aAAAA,QAAM,OAAuB,IAAI;AACnD,QAAM,wBAAoB,qCAAe;AAAA,IACvC;AAAA,IACA,kBAAkB,MAAM,UAAU;AAAA,IAClC,UAAU;AAAA,IACV;AAAA,EACF,CAAC;AACD,QAAM,YAAY,kBAAkB,aAAa;AACjD,eAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,aAAa,UAAU,SAAS;AAClC,gBAAU,QAAQ,WAAW,kBAAkB;AAAA,IACjD;AAAA,EACF,GAAG,CAAC,WAAW,iBAAiB,CAAC;AAEjC,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,oBAAgB,gBAAI,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC;AACjF,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,iBAAiB,kBAAkB;AAAA,MACnC;AAAA,MACA,gBAAgB,kBAAkB;AAAA,IACpC;AAAA,IACA,CAAC,kBAAkB,iBAAiB,kBAAkB,gBAAgB,WAAW,WAAW;AAAA,EAC9F;AACF;",
   "names": ["React"]
 }

package/dist/esm/hooks/useFastList.js

@@ -28,10 +28,10 @@ const useFastList = (propsFromUser) => {
   const instanceUid = React2.useMemo(() => `ds-fast-list-${uid(6)}${count}`, [count]);
   return React2.useMemo(
     () => ({
+      instanceUid,
       parentRef,
       getVirtualItems: useVirtualHelpers.getVirtualItems,
       totalSize,
-      instanceUid,
       measureElement: useVirtualHelpers.measureElement
     }),
     [useVirtualHelpers.getVirtualItems, useVirtualHelpers.measureElement, totalSize, instanceUid]

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useFastList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { uid } from 'uid';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { type DSFastListT, DSFastListPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\n// we \"own\" the interfaces/type instead of importing from react-virtual\n//  to abstract our implementation from their\ninterface VirtualItem {\n  key: string | number | bigint;\n  index: number;\n  start: number;\n  end: number;\n  size: number;\n}\ntype MeasureElement = ((element: HTMLElement) => number) | ((node: Element | null) => void);\n\nexport type FastListCTX = {\n  parentRef: React.MutableRefObject<HTMLDivElement | null>;\n  getVirtualItems: () => VirtualItem[];\n  totalSize: number;\n  instanceUid: string;\n  measureElement: MeasureElement;\n};\nexport const useFastList = <T,>(propsFromUser: DSFastListT.Props<T>): FastListCTX => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFastListT.InternalProps<T>>(\n    propsFromUser,\n    defaultProps as Partial<DSFastListT.InternalProps<T>>,\n  );\n  useValidateProps(propsWithDefault, DSFastListPropTypes);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  const { actionRef, count, estimateSize } = propsWithDefault;\n  const parentRef = React.useRef<HTMLDivElement>(null);\n  const useVirtualHelpers = useVirtualizer({\n    count,\n    getScrollElement: () => parentRef.current,\n    overscan: 15,\n    estimateSize,\n  });\n  const totalSize = useVirtualHelpers.getTotalSize();\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.scrollTo = useVirtualHelpers.scrollToIndex;\n    }\n  }, [actionRef, useVirtualHelpers]);\n\n  const instanceUid = React.useMemo(() => `ds-fast-list-${uid(6)}${count}`, [count]);\n  return React.useMemo(\n    () => ({\n      parentRef,\n      getVirtualItems: useVirtualHelpers.getVirtualItems,\n      totalSize,\n      instanceUid,\n      measureElement: useVirtualHelpers.measureElement,\n    }),\n    [useVirtualHelpers.getVirtualItems, useVirtualHelpers.measureElement, totalSize, instanceUid],\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB,SAAS,sBAAsB;AAC/B,SAAS,oCAAoC;AAC7C,SAA2B,qBAAqB,oBAAoB;AACpE,SAAS,wBAAwB;AAoB1B,MAAM,cAAc,CAAK,kBAAqD;AAInF,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,mBAAiB,kBAAkB,mBAAmB;AAItD,QAAM,EAAE,WAAW,OAAO,aAAa,IAAI;AAC3C,QAAM,YAAYA,OAAM,OAAuB,IAAI;AACnD,QAAM,oBAAoB,eAAe;AAAA,IACvC;AAAA,IACA,kBAAkB,MAAM,UAAU;AAAA,IAClC,UAAU;AAAA,IACV;AAAA,EACF,CAAC;AACD,QAAM,YAAY,kBAAkB,aAAa;AACjD,EAAAA,OAAM,UAAU,MAAM;AACpB,QAAI,aAAa,UAAU,SAAS;AAClC,gBAAU,QAAQ,WAAW,kBAAkB;AAAA,IACjD;AAAA,EACF,GAAG,CAAC,WAAW,iBAAiB,CAAC;AAEjC,QAAM,cAAcA,OAAM,QAAQ,MAAM,gBAAgB,IAAI,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC;AACjF,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA,iBAAiB,kBAAkB;AAAA,MACnC;AAAA,MACA;AAAA,MACA,gBAAgB,kBAAkB;AAAA,IACpC;AAAA,IACA,CAAC,kBAAkB,iBAAiB,kBAAkB,gBAAgB,WAAW,WAAW;AAAA,EAC9F;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { uid } from 'uid';\nimport { useVirtualizer, type Virtualizer } from '@tanstack/react-virtual';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { type DSFastListT, DSFastListPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport type FastListCTX = {\n  instanceUid: string;\n  parentRef: React.MutableRefObject<HTMLDivElement | null>;\n  getVirtualItems: Virtualizer<HTMLDivElement, HTMLElement>['getVirtualItems'];\n  totalSize: ReturnType<Virtualizer<HTMLDivElement, HTMLElement>['getTotalSize']>;\n  measureElement: Virtualizer<HTMLDivElement, HTMLElement>['measureElement'];\n};\nexport const useFastList = <T,>(propsFromUser: DSFastListT.Props<T>): FastListCTX => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFastListT.InternalProps<T>>(\n    propsFromUser,\n    defaultProps as Partial<DSFastListT.InternalProps<T>>,\n  );\n  useValidateProps(propsWithDefault, DSFastListPropTypes);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  const { actionRef, count, estimateSize } = propsWithDefault;\n  const parentRef = React.useRef<HTMLDivElement>(null);\n  const useVirtualHelpers = useVirtualizer({\n    count,\n    getScrollElement: () => parentRef.current,\n    overscan: 15,\n    estimateSize,\n  });\n  const totalSize = useVirtualHelpers.getTotalSize();\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.scrollTo = useVirtualHelpers.scrollToIndex;\n    }\n  }, [actionRef, useVirtualHelpers]);\n\n  const instanceUid = React.useMemo(() => `ds-fast-list-${uid(6)}${count}`, [count]);\n  return React.useMemo(\n    () => ({\n      instanceUid,\n      parentRef,\n      getVirtualItems: useVirtualHelpers.getVirtualItems,\n      totalSize,\n      measureElement: useVirtualHelpers.measureElement,\n    }),\n    [useVirtualHelpers.getVirtualItems, useVirtualHelpers.measureElement, totalSize, instanceUid],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB,SAAS,sBAAwC;AACjD,SAAS,oCAAoC;AAC7C,SAA2B,qBAAqB,oBAAoB;AACpE,SAAS,wBAAwB;AAS1B,MAAM,cAAc,CAAK,kBAAqD;AAInF,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,mBAAiB,kBAAkB,mBAAmB;AAItD,QAAM,EAAE,WAAW,OAAO,aAAa,IAAI;AAC3C,QAAM,YAAYA,OAAM,OAAuB,IAAI;AACnD,QAAM,oBAAoB,eAAe;AAAA,IACvC;AAAA,IACA,kBAAkB,MAAM,UAAU;AAAA,IAClC,UAAU;AAAA,IACV;AAAA,EACF,CAAC;AACD,QAAM,YAAY,kBAAkB,aAAa;AACjD,EAAAA,OAAM,UAAU,MAAM;AACpB,QAAI,aAAa,UAAU,SAAS;AAClC,gBAAU,QAAQ,WAAW,kBAAkB;AAAA,IACjD;AAAA,EACF,GAAG,CAAC,WAAW,iBAAiB,CAAC;AAEjC,QAAM,cAAcA,OAAM,QAAQ,MAAM,gBAAgB,IAAI,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC;AACjF,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,iBAAiB,kBAAkB;AAAA,MACnC;AAAA,MACA,gBAAgB,kBAAkB;AAAA,IACpC;AAAA,IACA,CAAC,kBAAkB,iBAAiB,kBAAkB,gBAAgB,WAAW,WAAW;AAAA,EAC9F;AACF;",
   "names": ["React"]
 }

package/dist/types/hooks/useFastList.d.ts

@@ -1,19 +1,11 @@
 import React from 'react';
+import { type Virtualizer } from '@tanstack/react-virtual';
 import { type DSFastListT } from '../react-desc-prop-types.js';
-interface VirtualItem {
-    key: string | number | bigint;
-    index: number;
-    start: number;
-    end: number;
-    size: number;
-}
-type MeasureElement = ((element: HTMLElement) => number) | ((node: Element | null) => void);
 export type FastListCTX = {
-    parentRef: React.MutableRefObject<HTMLDivElement | null>;
-    getVirtualItems: () => VirtualItem[];
-    totalSize: number;
     instanceUid: string;
-    measureElement: MeasureElement;
+    parentRef: React.MutableRefObject<HTMLDivElement | null>;
+    getVirtualItems: Virtualizer<HTMLDivElement, HTMLElement>['getVirtualItems'];
+    totalSize: ReturnType<Virtualizer<HTMLDivElement, HTMLElement>['getTotalSize']>;
+    measureElement: Virtualizer<HTMLDivElement, HTMLElement>['measureElement'];
 };
 export declare const useFastList: <T>(propsFromUser: DSFastListT.Props<T>) => FastListCTX;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-fast-list",
-  "version": "3.53.0-beta.8",
+  "version": "3.53.0-beta.9",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Virtual List",
   "files": [
@@ -36,19 +36,19 @@
     "indent": 4
   },
   "dependencies": {
-    "@tanstack/react-virtual": "3.0.0-beta.54",
+    "@tanstack/react-virtual": "3.13.9",
     "@xstyled/system": "~3.7.3",
     "uid": "^2.0.1",
-    "@elliemae/ds-props-helpers": "3.53.0-beta.8",
-    "@elliemae/ds-system": "3.53.0-beta.8",
-    "@elliemae/ds-typescript-helpers": "3.53.0-beta.8"
+    "@elliemae/ds-props-helpers": "3.53.0-beta.9",
+    "@elliemae/ds-system": "3.53.0-beta.9",
+    "@elliemae/ds-typescript-helpers": "3.53.0-beta.9"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "9.0.0-next.65",
     "jest": "~29.7.0",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.53.0-beta.8",
-    "@elliemae/ds-test-utils": "3.53.0-beta.8"
+    "@elliemae/ds-test-utils": "3.53.0-beta.9",
+    "@elliemae/ds-monorepo-devops": "3.53.0-beta.9"
   },
   "peerDependencies": {
     "lodash-es": "^4.17.21",