@elliemae/ds-treeview 3.80.0-next.12 → 3.80.0-next.14

package/dist/cjs/sharedTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/sharedTypes.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type TreeModel from 'tree-model';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { useVirtual } from 'react-virtual';\nimport type { SetStateAction } from 'react';\nimport type { DSTreeviewT } from './react-desc-prop-types.js';\n\nexport declare namespace DSTreeviewInternalsT {\n  export type GenericFunc = TypescriptHelpersT.VoidGenericFunc;\n  export type DnDMovementDirectionT = 'topToBottom' | 'bottomToTop';\n  export interface MouseCoord {\n    isBefore: boolean;\n    isAfter: boolean;\n    isValid: boolean;\n    item: DSTreeviewT.Item | null;\n    x: number | null;\n    y: number | null;\n    relativeElementDOMRect: DOMRect | null;\n    relativeElementIndex: number | null;\n  }\n\n  export type StateSetter<T = unknown> = React.Dispatch<SetStateAction<T>>;\n\n  export interface CTX {\n    props: DSTreeviewT.Props;\n    visibleItems: DSTreeviewT.Item[];\n    visibleItemsRef: React.MutableRefObject<DSTreeviewT.Item[]>;\n    flattenedItems: DSTreeviewT.DndItem[];\n    withRadioChecks: boolean;\n    withCheckboxChecks: boolean;\n    withDragAndDrop: boolean;\n    triggerTreeRerender: () => void;\n    tree?: TreeModel;\n    treeRoot?: TreeModel.Node<DSTreeviewT.Item>;\n    virtualListHelpers: ReturnType<typeof useVirtual>;\n    virtualListRef?: React.MutableRefObject<HTMLUListElement | undefined>;\n    uniqueTreeViewUUID: string;\n    selectedItem: DSTreeviewT.Item | null;\n    setSelectedItem: StateSetter<DSTreeviewT.Item | null>;\n    focusedItem: DSTreeviewT.Item | null;\n    setFocusedItem: StateSetter<DSTreeviewT.Item | null>;\n    selectedCheckboxes: DSTreeviewT.SelectionItems;\n    setInternallySelectedCheckboxes: StateSetter<DSTreeviewT.SelectionItems>;\n    expandedGroups: DSTreeviewT.ExpandedItems;\n    setExpandedGroups: StateSetter<DSTreeviewT.ExpandedItems>;\n    latestToggledItem?: DSTreeviewT.Item | null | undefined; // item -> if toggle all -> should be undefined\n    setLatestToggledItem: StateSetter<DSTreeviewT.Item | null>;\n    hoverItem: DSTreeviewT.Item | null;\n    setHoverItem: StateSetter<DSTreeviewT.Item | null>;\n    handleExpandGroup: (\n      itemToToggle: DSTreeviewT.Item,\n      triggerTreeRerender: () => void,\n      updateUserExpandedState: () => void,\n      scrollTo?: DSTreeviewT.ScrollToFunc,\n      e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n    ) => void;\n    updateUserExpandedState: () => void;\n  }\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import type TreeModel from 'tree-model';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { useVirtualizer } from '@tanstack/react-virtual';\nimport type { SetStateAction } from 'react';\nimport type { DSTreeviewT } from './react-desc-prop-types.js';\n\nexport declare namespace DSTreeviewInternalsT {\n  export type GenericFunc = TypescriptHelpersT.VoidGenericFunc;\n  export type DnDMovementDirectionT = 'topToBottom' | 'bottomToTop';\n  export interface MouseCoord {\n    isBefore: boolean;\n    isAfter: boolean;\n    isValid: boolean;\n    item: DSTreeviewT.Item | null;\n    x: number | null;\n    y: number | null;\n    relativeElementDOMRect: DOMRect | null;\n    relativeElementIndex: number | null;\n  }\n\n  export type StateSetter<T = unknown> = React.Dispatch<SetStateAction<T>>;\n\n  export interface CTX {\n    props: DSTreeviewT.Props;\n    visibleItems: DSTreeviewT.Item[];\n    visibleItemsRef: React.MutableRefObject<DSTreeviewT.Item[]>;\n    flattenedItems: DSTreeviewT.DndItem[];\n    withRadioChecks: boolean;\n    withCheckboxChecks: boolean;\n    withDragAndDrop: boolean;\n    triggerTreeRerender: () => void;\n    tree?: TreeModel;\n    treeRoot?: TreeModel.Node<DSTreeviewT.Item>;\n    virtualListHelpers: ReturnType<typeof useVirtualizer>;\n    virtualListRef?: React.MutableRefObject<HTMLUListElement | undefined>;\n    uniqueTreeViewUUID: string;\n    selectedItem: DSTreeviewT.Item | null;\n    setSelectedItem: StateSetter<DSTreeviewT.Item | null>;\n    focusedItem: DSTreeviewT.Item | null;\n    setFocusedItem: StateSetter<DSTreeviewT.Item | null>;\n    selectedCheckboxes: DSTreeviewT.SelectionItems;\n    setInternallySelectedCheckboxes: StateSetter<DSTreeviewT.SelectionItems>;\n    expandedGroups: DSTreeviewT.ExpandedItems;\n    setExpandedGroups: StateSetter<DSTreeviewT.ExpandedItems>;\n    latestToggledItem?: DSTreeviewT.Item | null | undefined; // item -> if toggle all -> should be undefined\n    setLatestToggledItem: StateSetter<DSTreeviewT.Item | null>;\n    hoverItem: DSTreeviewT.Item | null;\n    setHoverItem: StateSetter<DSTreeviewT.Item | null>;\n    handleExpandGroup: (\n      itemToToggle: DSTreeviewT.Item,\n      triggerTreeRerender: () => void,\n      updateUserExpandedState: () => void,\n      scrollTo?: DSTreeviewT.ScrollToFunc,\n      e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n    ) => void;\n    updateUserExpandedState: () => void;\n  }\n}\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
   "names": []
 }

package/dist/cjs/utils/object-helpers.js

@@ -39,7 +39,10 @@ function isObjectADate(o) {
 function isObjectAnArray(o) {
   return Array.isArray(o);
 }
-function isObjectAString(o) {
+function isObjectAPrimitiveString(o) {
+  return typeof o === "string";
+}
+function isObjectAPlainObject(o) {
   return typeof o === "object";
 }
 const unfreeze = (o) => {
@@ -55,9 +58,9 @@ const unfreeze = (o) => {
     o.forEach((v) => {
       oo.push(v);
     });
-  } else if (isObjectAString(o)) {
+  } else if (isObjectAPrimitiveString(o)) {
     oo = String(o);
-  } else if (isObjectAString(o)) {
+  } else if (isObjectAPlainObject(o)) {
     oo = {};
     for (const property in o) {
       oo[property] = o[property];

package/dist/cjs/utils/object-helpers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/object-helpers.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable no-sequences */\n/* eslint-disable no-return-assign */\n/* eslint-disable no-restricted-syntax */\n/* eslint-disable guard-for-in */\n\nfunction isObjectADate(o: string | number | unknown[] | Date | null | undefined | Record<string, unknown>): o is Date {\n  return o?.constructor?.name === 'Date';\n}\nfunction isObjectAnArray(\n  o: string | number | unknown[] | Date | null | undefined | Record<string, unknown>,\n): o is unknown[] {\n  return Array.isArray(o);\n}\nfunction isObjectAString(\n  o: string | number | unknown[] | Date | null | undefined | Record<string, unknown>,\n): o is Record<string, unknown> {\n  return typeof o === 'object';\n}\n\nexport const unfreeze = (o: string | number | unknown[] | Date | null | undefined | Record<string, unknown>) => {\n  let oo: string | number | unknown[] | Date | null | undefined | Record<string, unknown>;\n  if (o === null) {\n    oo = null;\n  } else if (o === undefined) {\n    oo = undefined;\n  } else if (isObjectADate(o)) {\n    oo = new Date(o);\n  } else if (isObjectAnArray(o)) {\n    oo = [];\n    o.forEach((v) => {\n      (oo as unknown[]).push(v);\n    });\n  } else if (isObjectAString(o)) {\n    oo = String(o);\n  } else if (isObjectAString(o)) {\n    oo = {};\n    for (const property in o) {\n      oo[property] = o[property];\n    }\n  } else {\n    oo = o;\n  }\n  return oo;\n};\n\ntype GenericItemT<T = unknown> = { [key: string]: T };\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function filterObject<T = unknown>(obj: GenericItemT<T>, predicate: (val: T) => boolean) {\n  return Object.keys(obj).reduce<GenericItemT<T>>((res, key) => {\n    if (predicate(obj[key])) res[key] = obj[key];\n    return res;\n  }, {} as GenericItemT<T>);\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKvB,SAAS,cAAc,GAA+F;AACpH,SAAO,GAAG,aAAa,SAAS;AAClC;AACA,SAAS,gBACP,GACgB;AAChB,SAAO,MAAM,QAAQ,CAAC;AACxB;AACA,SAAS,gBACP,GAC8B;AAC9B,SAAO,OAAO,MAAM;AACtB;AAEO,MAAM,WAAW,CAAC,MAAuF;AAC9G,MAAI;AACJ,MAAI,MAAM,MAAM;AACd,SAAK;AAAA,EACP,WAAW,MAAM,QAAW;AAC1B,SAAK;AAAA,EACP,WAAW,cAAc,CAAC,GAAG;AAC3B,SAAK,IAAI,KAAK,CAAC;AAAA,EACjB,WAAW,gBAAgB,CAAC,GAAG;AAC7B,SAAK,CAAC;AACN,MAAE,QAAQ,CAAC,MAAM;AACf,MAAC,GAAiB,KAAK,CAAC;AAAA,IAC1B,CAAC;AAAA,EACH,WAAW,gBAAgB,CAAC,GAAG;AAC7B,SAAK,OAAO,CAAC;AAAA,EACf,WAAW,gBAAgB,CAAC,GAAG;AAC7B,SAAK,CAAC;AACN,eAAW,YAAY,GAAG;AACxB,SAAG,QAAQ,IAAI,EAAE,QAAQ;AAAA,IAC3B;AAAA,EACF,OAAO;AACL,SAAK;AAAA,EACP;AACA,SAAO;AACT;AAIO,SAAS,aAA0B,KAAsB,WAAgC;AAC9F,SAAO,OAAO,KAAK,GAAG,EAAE,OAAwB,CAAC,KAAK,QAAQ;AAC5D,QAAI,UAAU,IAAI,GAAG,CAAC,EAAG,KAAI,GAAG,IAAI,IAAI,GAAG;AAC3C,WAAO;AAAA,EACT,GAAG,CAAC,CAAoB;AAC1B;",
+  "sourcesContent": ["/* eslint-disable no-sequences */\n/* eslint-disable no-return-assign */\n/* eslint-disable no-restricted-syntax */\n/* eslint-disable guard-for-in */\n\nfunction isObjectADate(o: string | number | unknown[] | Date | null | undefined | Record<string, unknown>): o is Date {\n  return o?.constructor?.name === 'Date';\n}\nfunction isObjectAnArray(\n  o: string | number | unknown[] | Date | null | undefined | Record<string, unknown>,\n): o is unknown[] {\n  return Array.isArray(o);\n}\nfunction isObjectAPrimitiveString(\n  o: string | number | unknown[] | Date | null | undefined | Record<string, unknown>,\n): o is string {\n  return typeof o === 'string';\n}\nfunction isObjectAPlainObject(\n  o: string | number | unknown[] | Date | null | undefined | Record<string, unknown>,\n): o is Record<string, unknown> {\n  return typeof o === 'object';\n}\n\nexport const unfreeze = (o: string | number | unknown[] | Date | null | undefined | Record<string, unknown>) => {\n  let oo: string | number | unknown[] | Date | null | undefined | Record<string, unknown>;\n  if (o === null) {\n    oo = null;\n  } else if (o === undefined) {\n    oo = undefined;\n  } else if (isObjectADate(o)) {\n    oo = new Date(o);\n  } else if (isObjectAnArray(o)) {\n    oo = [];\n    o.forEach((v) => {\n      (oo as unknown[]).push(v);\n    });\n  } else if (isObjectAPrimitiveString(o)) {\n    oo = String(o);\n  } else if (isObjectAPlainObject(o)) {\n    oo = {};\n    for (const property in o) {\n      oo[property] = o[property];\n    }\n  } else {\n    oo = o;\n  }\n  return oo;\n};\n\ntype GenericItemT<T = unknown> = { [key: string]: T };\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function filterObject<T = unknown>(obj: GenericItemT<T>, predicate: (val: T) => boolean) {\n  return Object.keys(obj).reduce<GenericItemT<T>>((res, key) => {\n    if (predicate(obj[key])) res[key] = obj[key];\n    return res;\n  }, {} as GenericItemT<T>);\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKvB,SAAS,cAAc,GAA+F;AACpH,SAAO,GAAG,aAAa,SAAS;AAClC;AACA,SAAS,gBACP,GACgB;AAChB,SAAO,MAAM,QAAQ,CAAC;AACxB;AACA,SAAS,yBACP,GACa;AACb,SAAO,OAAO,MAAM;AACtB;AACA,SAAS,qBACP,GAC8B;AAC9B,SAAO,OAAO,MAAM;AACtB;AAEO,MAAM,WAAW,CAAC,MAAuF;AAC9G,MAAI;AACJ,MAAI,MAAM,MAAM;AACd,SAAK;AAAA,EACP,WAAW,MAAM,QAAW;AAC1B,SAAK;AAAA,EACP,WAAW,cAAc,CAAC,GAAG;AAC3B,SAAK,IAAI,KAAK,CAAC;AAAA,EACjB,WAAW,gBAAgB,CAAC,GAAG;AAC7B,SAAK,CAAC;AACN,MAAE,QAAQ,CAAC,MAAM;AACf,MAAC,GAAiB,KAAK,CAAC;AAAA,IAC1B,CAAC;AAAA,EACH,WAAW,yBAAyB,CAAC,GAAG;AACtC,SAAK,OAAO,CAAC;AAAA,EACf,WAAW,qBAAqB,CAAC,GAAG;AAClC,SAAK,CAAC;AACN,eAAW,YAAY,GAAG;AACxB,SAAG,QAAQ,IAAI,EAAE,QAAQ;AAAA,IAC3B;AAAA,EACF,OAAO;AACL,SAAK;AAAA,EACP;AACA,SAAO;AACT;AAIO,SAAS,aAA0B,KAAsB,WAAgC;AAC9F,SAAO,OAAO,KAAK,GAAG,EAAE,OAAwB,CAAC,KAAK,QAAQ;AAC5D,QAAI,UAAU,IAAI,GAAG,CAAC,EAAG,KAAI,GAAG,IAAI,IAAI,GAAG;AAC3C,WAAO;AAAA,EACT,GAAG,CAAC,CAAoB;AAC1B;",
   "names": []
 }

package/dist/esm/TreeViewContext.js

@@ -56,12 +56,17 @@ const defaultContext = {
   triggerTreeRerender: noop,
   tree: void 0,
   treeRoot: void 0,
+  /**
+   * Placeholder only satisfies the public method surface consumers actually call — @tanstack/react-virtual's
+   * Virtualizer is a class with private internal fields a plain object literal can never structurally match.
+   */
   virtualListHelpers: {
-    virtualItems: [],
-    totalSize: 0,
+    getVirtualItems: () => [],
+    getTotalSize: () => 0,
     scrollToOffset: noop,
     scrollToIndex: noop,
-    measure: noop
+    measure: noop,
+    measureElement: noop
   },
   virtualListRef: void 0,
   uniqueTreeViewUUID: "",

package/dist/esm/TreeViewContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/TreeViewContext.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-unused-vars */\nimport { createContext, createRef } from 'react';\nimport type { DSTreeviewT } from './react-desc-prop-types.js';\nimport type { DSTreeviewInternalsT } from './sharedTypes.js';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction noop<T extends unknown[]>(..._args: T): void {}\n\nexport const defaultProps: DSTreeviewT.DefaultProps = {\n  plugins: [],\n  selection: {},\n  instanceRef: createRef() as React.MutableRefObject<DSTreeviewT.InstanceRef>,\n  isItemDisabled: () => false,\n  removeWidthMaxContent: false,\n  disableIcons: false,\n  disableActions: false,\n  isMultiSelect: false,\n  isSingleSelect: false,\n  getIsDropValid: () => true,\n  showChildrenAmount: false,\n  isLoading: false,\n  highlightOnlyQuery: false,\n  onItemClick: noop,\n  onItemActivate: noop,\n  onItemFocus: noop,\n  onVisibleItemsChange: noop,\n  onOrderChange: noop,\n  onSelectionChange: noop,\n  onExpandChange: noop,\n  onInstanceRefInitialized: noop,\n  rowSize: 'normal',\n  labelOverflow: 'wrap',\n  noItemsPlaceholder: 'No items found',\n  nameKey: 'name',\n  width: '100%',\n  height: '100%',\n  groupIcon: null,\n  itemIcon: null,\n  searchQuery: '',\n  applyAriaDisabled: false,\n};\n\nexport const defaultRelativeMouseCoord = {\n  isBefore: false,\n  isAfter: false,\n  isValid: true,\n  item: null,\n  x: null,\n  y: null,\n  relativeElementDOMRect: null,\n  relativeElementIndex: null,\n};\n\nconst defaultContext: DSTreeviewInternalsT.CTX = {\n  // @ts-expect-error - this context handling is outdated, this should be an empty object anyway. Not touching treeview for now.\n  props: defaultProps,\n  visibleItems: [],\n  flattenedItems: [],\n  withRadioChecks: false,\n  withCheckboxChecks: false,\n  withDragAndDrop: false,\n  triggerTreeRerender: noop,\n  tree: undefined,\n  treeRoot: undefined,\n  virtualListHelpers: {\n    virtualItems: [],\n    totalSize: 0,\n    scrollToOffset: noop,\n    scrollToIndex: noop,\n    measure: noop,\n  },\n  virtualListRef: undefined,\n  uniqueTreeViewUUID: '',\n  selectedItem: null,\n  setSelectedItem: noop,\n  focusedItem: null,\n  setFocusedItem: noop,\n  selectedCheckboxes: {},\n  setInternallySelectedCheckboxes: noop,\n  expandedGroups: {},\n  setExpandedGroups: noop,\n  latestToggledItem: null,\n  setLatestToggledItem: noop,\n  hoverItem: null,\n  setHoverItem: noop,\n  handleExpandGroup: noop,\n  updateUserExpandedState: noop,\n};\n\n/** Context for cross component communication */\nconst TreeViewContext = createContext(defaultContext);\n\nexport default TreeViewContext;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,eAAe,iBAAiB;AAKzC,SAAS,QAA6B,OAAgB;AAAC;AAEhD,MAAM,eAAyC;AAAA,EACpD,SAAS,CAAC;AAAA,EACV,WAAW,CAAC;AAAA,EACZ,aAAa,UAAU;AAAA,EACvB,gBAAgB,MAAM;AAAA,EACtB,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB,MAAM;AAAA,EACtB,oBAAoB;AAAA,EACpB,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,sBAAsB;AAAA,EACtB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,0BAA0B;AAAA,EAC1B,SAAS;AAAA,EACT,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,aAAa;AAAA,EACb,mBAAmB;AACrB;AAEO,MAAM,4BAA4B;AAAA,EACvC,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,GAAG;AAAA,EACH,GAAG;AAAA,EACH,wBAAwB;AAAA,EACxB,sBAAsB;AACxB;AAEA,MAAM,iBAA2C;AAAA;AAAA,EAE/C,OAAO;AAAA,EACP,cAAc,CAAC;AAAA,EACf,gBAAgB,CAAC;AAAA,EACjB,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,oBAAoB;AAAA,IAClB,cAAc,CAAC;AAAA,IACf,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,SAAS;AAAA,EACX;AAAA,EACA,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,oBAAoB,CAAC;AAAA,EACrB,iCAAiC;AAAA,EACjC,gBAAgB,CAAC;AAAA,EACjB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,WAAW;AAAA,EACX,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,yBAAyB;AAC3B;AAGA,MAAM,kBAAkB,cAAc,cAAc;AAEpD,IAAO,0BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-unused-vars */\nimport { createContext, createRef } from 'react';\nimport type { DSTreeviewT } from './react-desc-prop-types.js';\nimport type { DSTreeviewInternalsT } from './sharedTypes.js';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction noop<T extends unknown[]>(..._args: T): void {}\n\nexport const defaultProps: DSTreeviewT.DefaultProps = {\n  plugins: [],\n  selection: {},\n  instanceRef: createRef() as React.MutableRefObject<DSTreeviewT.InstanceRef>,\n  isItemDisabled: () => false,\n  removeWidthMaxContent: false,\n  disableIcons: false,\n  disableActions: false,\n  isMultiSelect: false,\n  isSingleSelect: false,\n  getIsDropValid: () => true,\n  showChildrenAmount: false,\n  isLoading: false,\n  highlightOnlyQuery: false,\n  onItemClick: noop,\n  onItemActivate: noop,\n  onItemFocus: noop,\n  onVisibleItemsChange: noop,\n  onOrderChange: noop,\n  onSelectionChange: noop,\n  onExpandChange: noop,\n  onInstanceRefInitialized: noop,\n  rowSize: 'normal',\n  labelOverflow: 'wrap',\n  noItemsPlaceholder: 'No items found',\n  nameKey: 'name',\n  width: '100%',\n  height: '100%',\n  groupIcon: null,\n  itemIcon: null,\n  searchQuery: '',\n  applyAriaDisabled: false,\n};\n\nexport const defaultRelativeMouseCoord = {\n  isBefore: false,\n  isAfter: false,\n  isValid: true,\n  item: null,\n  x: null,\n  y: null,\n  relativeElementDOMRect: null,\n  relativeElementIndex: null,\n};\n\nconst defaultContext: DSTreeviewInternalsT.CTX = {\n  // @ts-expect-error - this context handling is outdated, this should be an empty object anyway. Not touching treeview for now.\n  props: defaultProps,\n  visibleItems: [],\n  flattenedItems: [],\n  withRadioChecks: false,\n  withCheckboxChecks: false,\n  withDragAndDrop: false,\n  triggerTreeRerender: noop,\n  tree: undefined,\n  treeRoot: undefined,\n  /**\n   * Placeholder only satisfies the public method surface consumers actually call \u2014 @tanstack/react-virtual's\n   * Virtualizer is a class with private internal fields a plain object literal can never structurally match.\n   */\n  virtualListHelpers: {\n    getVirtualItems: () => [],\n    getTotalSize: () => 0,\n    scrollToOffset: noop,\n    scrollToIndex: noop,\n    measure: noop,\n    measureElement: noop,\n  } as unknown as DSTreeviewInternalsT.CTX['virtualListHelpers'],\n  virtualListRef: undefined,\n  uniqueTreeViewUUID: '',\n  selectedItem: null,\n  setSelectedItem: noop,\n  focusedItem: null,\n  setFocusedItem: noop,\n  selectedCheckboxes: {},\n  setInternallySelectedCheckboxes: noop,\n  expandedGroups: {},\n  setExpandedGroups: noop,\n  latestToggledItem: null,\n  setLatestToggledItem: noop,\n  hoverItem: null,\n  setHoverItem: noop,\n  handleExpandGroup: noop,\n  updateUserExpandedState: noop,\n};\n\n/** Context for cross component communication */\nconst TreeViewContext = createContext(defaultContext);\n\nexport default TreeViewContext;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,eAAe,iBAAiB;AAKzC,SAAS,QAA6B,OAAgB;AAAC;AAEhD,MAAM,eAAyC;AAAA,EACpD,SAAS,CAAC;AAAA,EACV,WAAW,CAAC;AAAA,EACZ,aAAa,UAAU;AAAA,EACvB,gBAAgB,MAAM;AAAA,EACtB,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB,MAAM;AAAA,EACtB,oBAAoB;AAAA,EACpB,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,sBAAsB;AAAA,EACtB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,0BAA0B;AAAA,EAC1B,SAAS;AAAA,EACT,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,aAAa;AAAA,EACb,mBAAmB;AACrB;AAEO,MAAM,4BAA4B;AAAA,EACvC,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,GAAG;AAAA,EACH,GAAG;AAAA,EACH,wBAAwB;AAAA,EACxB,sBAAsB;AACxB;AAEA,MAAM,iBAA2C;AAAA;AAAA,EAE/C,OAAO;AAAA,EACP,cAAc,CAAC;AAAA,EACf,gBAAgB,CAAC;AAAA,EACjB,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,MAAM;AAAA,EACN,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKV,oBAAoB;AAAA,IAClB,iBAAiB,MAAM,CAAC;AAAA,IACxB,cAAc,MAAM;AAAA,IACpB,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,SAAS;AAAA,IACT,gBAAgB;AAAA,EAClB;AAAA,EACA,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,oBAAoB,CAAC;AAAA,EACrB,iCAAiC;AAAA,EACjC,gBAAgB,CAAC;AAAA,EACjB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,WAAW;AAAA,EACX,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,yBAAyB;AAC3B;AAGA,MAAM,kBAAkB,cAAc,cAAc;AAEpD,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/config/useTreeview.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useState, useRef, useEffect, useMemo, useCallback } from "react";
-import { useVirtual } from "react-virtual";
+import { useVirtualizer } from "@tanstack/react-virtual";
 import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
 import { uid } from "uid";
 import { TreeViewPropTypes } from "../react-desc-prop-types.js";
@@ -35,6 +35,7 @@ const useTreeview = (props) => {
     instanceRef,
     selection,
     controlledSelection,
+    rowSize,
     onInstanceRefInitialized
   } = propsWithDefault;
   const [uniqueTreeViewUUID] = useState(uid(6));
@@ -62,10 +63,12 @@ const useTreeview = (props) => {
     setExpandedGroups
   });
   const virtualListRef = useRef();
-  const virtualListHelpers = useVirtual({
-    size: visibleItems.length,
-    parentRef: virtualListRef,
-    overscan: 15
+  const estimateSize = useCallback(() => rowSize === "compact" ? 28 : 36, [rowSize]);
+  const virtualListHelpers = useVirtualizer({
+    count: visibleItems.length,
+    getScrollElement: () => virtualListRef.current ?? null,
+    overscan: 15,
+    estimateSize
   });
   const withDragAndDrop = !!(plugins?.includes(TreeDndPlugin) && onOrderChange);
   const withRadioChecks = isSingleSelect && !isMultiSelect;

package/dist/esm/config/useTreeview.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useTreeview.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport { useState, useRef, useEffect, useMemo, useCallback } from 'react';\nimport { useVirtual } from 'react-virtual';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { TreeViewPropTypes } from '../react-desc-prop-types.js';\nimport { defaultProps } from '../TreeViewContext.js';\nimport { TreeDndPlugin } from '../plugins/dnd/index.js';\nimport { useTree } from '../utils/useTree.js';\nimport { useNotifyExpandedChange, toggleItemExpand } from '../utils/group-expands-helpers.js';\nimport { useInstanceRefActions } from '../utils/useInstanceRefActions.js';\nimport { useGlobalToggleAllExpandShortcut } from '../utils/keyboard-helpers.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\nimport type { DSTreeviewInternalsT } from '../sharedTypes.js';\n\ntype UseTreeviewT = (props: DSTreeviewT.Props) => { ctx: DSTreeviewInternalsT.CTX };\n\nexport const useTreeview: UseTreeviewT = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSTreeviewT.Props>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, TreeViewPropTypes, 'DSTreeView');\n  const defaultActions = {\n    actions: {\n      toggleExpandAll: () => {},\n      scrollTo: () => {},\n      setSelectedItemByVirtualIndex: () => {},\n      setFocusedItemByVirtualIndex: () => {},\n    },\n  } as unknown as DSTreeviewT.InstanceRef;\n  const treeRef = useRef(defaultActions);\n  const {\n    data,\n    plugins,\n    onOrderChange,\n    isMultiSelect,\n    isSingleSelect,\n    instanceRef,\n    selection,\n    controlledSelection,\n    onInstanceRefInitialized,\n  } = propsWithDefault;\n  const [uniqueTreeViewUUID] = useState(uid(6));\n  const [hoverItem, setHoverItem] = useState<DSTreeviewT.Item | null>(null);\n  const [latestToggledItem, setLatestToggledItem] = useState<DSTreeviewT.Item | null>(null);\n  const [selectedItem, setSelectedItem] = useState<DSTreeviewT.Item | null>(null);\n  const [focusedItem, setFocusedItem] = useState<DSTreeviewT.Item | null>(null);\n  const [internallySelectedCheckboxes, setInternallySelectedCheckboxes] = useState({\n    ...selection,\n  });\n\n  // if user provides \"controlledSelection\" selectedCheckboxes containes the user selection\n  // else it contains the internal selection\n  const selectedCheckboxes = useMemo(() => {\n    if (controlledSelection) return controlledSelection;\n    return internallySelectedCheckboxes;\n  }, [controlledSelection, internallySelectedCheckboxes]);\n\n  const [expandedGroups, setExpandedGroups] = useState<DSTreeviewT.ExpandedItems>({});\n  const {\n    visibleItems,\n    visibleItemsRef,\n    flattenedItems,\n    tree,\n    treeRoot,\n    triggerTreeRerender,\n    updateUserExpandedState,\n  } = useTree(data, propsWithDefault, {\n    setExpandedGroups,\n  });\n\n  const virtualListRef = useRef<HTMLUListElement>();\n  // estimateSize should not be really required given what was stated on\n  // https://github.com/tannerlinsley/react-virtual/issues/23\n\n  const virtualListHelpers = useVirtual({\n    size: visibleItems.length,\n    parentRef: virtualListRef,\n    overscan: 15,\n  });\n\n  const withDragAndDrop = !!(plugins?.includes(TreeDndPlugin) && onOrderChange);\n  const withRadioChecks = isSingleSelect && !isMultiSelect;\n  const withCheckboxChecks = !isSingleSelect && isMultiSelect;\n\n  const handleExpandGroup = useCallback(toggleItemExpand, []);\n\n  const ctx: DSTreeviewInternalsT.CTX = useMemo(\n    () => ({\n      props: propsWithDefault,\n      virtualListHelpers,\n      virtualListRef,\n      tree,\n      treeRoot,\n      visibleItems,\n      flattenedItems,\n      triggerTreeRerender,\n      withRadioChecks,\n      withCheckboxChecks,\n      withDragAndDrop,\n      uniqueTreeViewUUID,\n      selectedCheckboxes,\n      setInternallySelectedCheckboxes,\n      selectedItem,\n      setSelectedItem,\n      expandedGroups,\n      setExpandedGroups,\n      latestToggledItem,\n      setLatestToggledItem,\n      focusedItem,\n      setFocusedItem,\n      hoverItem,\n      setHoverItem,\n      handleExpandGroup,\n      updateUserExpandedState,\n      visibleItemsRef,\n    }),\n    [\n      propsWithDefault,\n      virtualListHelpers,\n      tree,\n      treeRoot,\n      visibleItems,\n      flattenedItems,\n      triggerTreeRerender,\n      withRadioChecks,\n      withCheckboxChecks,\n      withDragAndDrop,\n      uniqueTreeViewUUID,\n      selectedCheckboxes,\n      selectedItem,\n      expandedGroups,\n      latestToggledItem,\n      focusedItem,\n      hoverItem,\n      handleExpandGroup,\n      updateUserExpandedState,\n      visibleItemsRef,\n    ],\n  );\n  // this hooks can't use the context because the context provider doesn't wrap this\n  // as such we manually pass the second parameter as fit\n  if (instanceRef) instanceRef.current = treeRef.current;\n  useInstanceRefActions(treeRef.current, ctx);\n  useGlobalToggleAllExpandShortcut(treeRoot, triggerTreeRerender, setLatestToggledItem, updateUserExpandedState);\n  useNotifyExpandedChange(propsWithDefault, ctx);\n\n  // this is an horrible hack.\n  // this is required because there is no \"on rendered\" react-way to check if every children has finished rendering\n  // this should be working for now, in the future we may want to review this for a better solution\n  useEffect(() => {\n    setTimeout(() => onInstanceRefInitialized(treeRef), 100);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return useMemo(() => ({ ctx }), [ctx]);\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport { useState, useRef, useEffect, useMemo, useCallback } from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { TreeViewPropTypes } from '../react-desc-prop-types.js';\nimport { defaultProps } from '../TreeViewContext.js';\nimport { TreeDndPlugin } from '../plugins/dnd/index.js';\nimport { useTree } from '../utils/useTree.js';\nimport { useNotifyExpandedChange, toggleItemExpand } from '../utils/group-expands-helpers.js';\nimport { useInstanceRefActions } from '../utils/useInstanceRefActions.js';\nimport { useGlobalToggleAllExpandShortcut } from '../utils/keyboard-helpers.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\nimport type { DSTreeviewInternalsT } from '../sharedTypes.js';\n\ntype UseTreeviewT = (props: DSTreeviewT.Props) => { ctx: DSTreeviewInternalsT.CTX };\n\nexport const useTreeview: UseTreeviewT = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSTreeviewT.Props>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, TreeViewPropTypes, 'DSTreeView');\n  const defaultActions = {\n    actions: {\n      toggleExpandAll: () => {},\n      scrollTo: () => {},\n      setSelectedItemByVirtualIndex: () => {},\n      setFocusedItemByVirtualIndex: () => {},\n    },\n  } as unknown as DSTreeviewT.InstanceRef;\n  const treeRef = useRef(defaultActions);\n  const {\n    data,\n    plugins,\n    onOrderChange,\n    isMultiSelect,\n    isSingleSelect,\n    instanceRef,\n    selection,\n    controlledSelection,\n    rowSize,\n    onInstanceRefInitialized,\n  } = propsWithDefault;\n  const [uniqueTreeViewUUID] = useState(uid(6));\n  const [hoverItem, setHoverItem] = useState<DSTreeviewT.Item | null>(null);\n  const [latestToggledItem, setLatestToggledItem] = useState<DSTreeviewT.Item | null>(null);\n  const [selectedItem, setSelectedItem] = useState<DSTreeviewT.Item | null>(null);\n  const [focusedItem, setFocusedItem] = useState<DSTreeviewT.Item | null>(null);\n  const [internallySelectedCheckboxes, setInternallySelectedCheckboxes] = useState({\n    ...selection,\n  });\n\n  // if user provides \"controlledSelection\" selectedCheckboxes containes the user selection\n  // else it contains the internal selection\n  const selectedCheckboxes = useMemo(() => {\n    if (controlledSelection) return controlledSelection;\n    return internallySelectedCheckboxes;\n  }, [controlledSelection, internallySelectedCheckboxes]);\n\n  const [expandedGroups, setExpandedGroups] = useState<DSTreeviewT.ExpandedItems>({});\n  const {\n    visibleItems,\n    visibleItemsRef,\n    flattenedItems,\n    tree,\n    treeRoot,\n    triggerTreeRerender,\n    updateUserExpandedState,\n  } = useTree(data, propsWithDefault, {\n    setExpandedGroups,\n  });\n\n  const virtualListRef = useRef<HTMLUListElement>();\n  /**\n   * Unlike v2, @tanstack/react-virtual has no internal default for estimateSize \u2014 omitting it throws\n   * at measurement time. Matches the real row heights in Tree.scss ($normal: 36px, $compact: 28px).\n   */\n  const estimateSize = useCallback(() => (rowSize === 'compact' ? 28 : 36), [rowSize]);\n\n  const virtualListHelpers = useVirtualizer({\n    count: visibleItems.length,\n    getScrollElement: () => virtualListRef.current ?? null,\n    overscan: 15,\n    estimateSize,\n  });\n\n  const withDragAndDrop = !!(plugins?.includes(TreeDndPlugin) && onOrderChange);\n  const withRadioChecks = isSingleSelect && !isMultiSelect;\n  const withCheckboxChecks = !isSingleSelect && isMultiSelect;\n\n  const handleExpandGroup = useCallback(toggleItemExpand, []);\n\n  const ctx: DSTreeviewInternalsT.CTX = useMemo(\n    () => ({\n      props: propsWithDefault,\n      virtualListHelpers,\n      virtualListRef,\n      tree,\n      treeRoot,\n      visibleItems,\n      flattenedItems,\n      triggerTreeRerender,\n      withRadioChecks,\n      withCheckboxChecks,\n      withDragAndDrop,\n      uniqueTreeViewUUID,\n      selectedCheckboxes,\n      setInternallySelectedCheckboxes,\n      selectedItem,\n      setSelectedItem,\n      expandedGroups,\n      setExpandedGroups,\n      latestToggledItem,\n      setLatestToggledItem,\n      focusedItem,\n      setFocusedItem,\n      hoverItem,\n      setHoverItem,\n      handleExpandGroup,\n      updateUserExpandedState,\n      visibleItemsRef,\n    }),\n    [\n      propsWithDefault,\n      virtualListHelpers,\n      tree,\n      treeRoot,\n      visibleItems,\n      flattenedItems,\n      triggerTreeRerender,\n      withRadioChecks,\n      withCheckboxChecks,\n      withDragAndDrop,\n      uniqueTreeViewUUID,\n      selectedCheckboxes,\n      selectedItem,\n      expandedGroups,\n      latestToggledItem,\n      focusedItem,\n      hoverItem,\n      handleExpandGroup,\n      updateUserExpandedState,\n      visibleItemsRef,\n    ],\n  );\n  // this hooks can't use the context because the context provider doesn't wrap this\n  // as such we manually pass the second parameter as fit\n  if (instanceRef) instanceRef.current = treeRef.current;\n  useInstanceRefActions(treeRef.current, ctx);\n  useGlobalToggleAllExpandShortcut(treeRoot, triggerTreeRerender, setLatestToggledItem, updateUserExpandedState);\n  useNotifyExpandedChange(propsWithDefault, ctx);\n\n  // this is an horrible hack.\n  // this is required because there is no \"on rendered\" react-way to check if every children has finished rendering\n  // this should be working for now, in the future we may want to review this for a better solution\n  useEffect(() => {\n    setTimeout(() => onInstanceRefInitialized(treeRef), 100);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return useMemo(() => ({ ctx }), [ctx]);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,UAAU,QAAQ,WAAW,SAAS,mBAAmB;AAClE,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B,sCAAsC;AAC7E,SAAS,WAAW;AACpB,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,eAAe;AACxB,SAAS,yBAAyB,wBAAwB;AAC1D,SAAS,6BAA6B;AACtC,SAAS,wCAAwC;AAM1C,MAAM,cAA4B,CAAC,UAAU;AAClD,QAAM,mBAAmB,6BAAgD,OAAO,YAAY;AAC5F,iCAA+B,kBAAkB,mBAAmB,YAAY;AAChF,QAAM,iBAAiB;AAAA,IACrB,SAAS;AAAA,MACP,iBAAiB,MAAM;AAAA,MAAC;AAAA,MACxB,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,+BAA+B,MAAM;AAAA,MAAC;AAAA,MACtC,8BAA8B,MAAM;AAAA,MAAC;AAAA,IACvC;AAAA,EACF;AACA,QAAM,UAAU,OAAO,cAAc;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,CAAC,kBAAkB,IAAI,SAAS,IAAI,CAAC,CAAC;AAC5C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAkC,IAAI;AACxE,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAkC,IAAI;AACxF,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkC,IAAI;AAC9E,QAAM,CAAC,aAAa,cAAc,IAAI,SAAkC,IAAI;AAC5E,QAAM,CAAC,8BAA8B,+BAA+B,IAAI,SAAS;AAAA,IAC/E,GAAG;AAAA,EACL,CAAC;AAID,QAAM,qBAAqB,QAAQ,MAAM;AACvC,QAAI,oBAAqB,QAAO;AAChC,WAAO;AAAA,EACT,GAAG,CAAC,qBAAqB,4BAA4B,CAAC;AAEtD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAoC,CAAC,CAAC;AAClF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,QAAQ,MAAM,kBAAkB;AAAA,IAClC;AAAA,EACF,CAAC;AAED,QAAM,iBAAiB,OAAyB;AAKhD,QAAM,eAAe,YAAY,MAAO,YAAY,YAAY,KAAK,IAAK,CAAC,OAAO,CAAC;AAEnF,QAAM,qBAAqB,eAAe;AAAA,IACxC,OAAO,aAAa;AAAA,IACpB,kBAAkB,MAAM,eAAe,WAAW;AAAA,IAClD,UAAU;AAAA,IACV;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,CAAC,EAAE,SAAS,SAAS,aAAa,KAAK;AAC/D,QAAM,kBAAkB,kBAAkB,CAAC;AAC3C,QAAM,qBAAqB,CAAC,kBAAkB;AAE9C,QAAM,oBAAoB,YAAY,kBAAkB,CAAC,CAAC;AAE1D,QAAM,MAAgC;AAAA,IACpC,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAGA,MAAI,YAAa,aAAY,UAAU,QAAQ;AAC/C,wBAAsB,QAAQ,SAAS,GAAG;AAC1C,mCAAiC,UAAU,qBAAqB,sBAAsB,uBAAuB;AAC7G,0BAAwB,kBAAkB,GAAG;AAK7C,YAAU,MAAM;AACd,eAAW,MAAM,yBAAyB,OAAO,GAAG,GAAG;AAAA,EAEzD,GAAG,CAAC,CAAC;AAEL,SAAO,QAAQ,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC;AACvC;",
   "names": []
 }

package/dist/esm/hoc/WithConditionalDnDContext.js

@@ -19,7 +19,7 @@ const ensure = (argument, message = "This should never happen") => {
   }
   return argument;
 };
-const withConditionalDnDRowContext = (Component) => function(props) {
+const withConditionalDnDRowContext = (Component) => function ConditionalDnDRowContextWrapper(props) {
   const {
     props: { data, onOrderChange, getIsDropValid },
     flattenedItems,

package/dist/esm/hoc/WithConditionalDnDContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/hoc/WithConditionalDnDContext.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/jsx-no-constructed-context-values */\nimport React, { useCallback, useContext, useEffect, useMemo, useRef } from 'react';\nimport {\n  DndContext,\n  DragOverlay,\n  SortableContext,\n  useTreeDndkitConfig,\n  removeChildrenOf,\n} from '@elliemae/ds-drag-and-drop';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\nimport TreeViewContext from '../TreeViewContext.js';\nimport { TreeItem } from '../parts/TreeItem.js';\nimport { DnDTreeContext } from './DnDTreeContext.js';\nimport { DropIndicatorPosition } from './SortableItemContext.js';\nimport { toggleItemExpand } from '../utils/group-expands-helpers.js';\n\ntype FunctionalHOC = <T = unknown>(Component: React.ComponentType<T>, ...other: unknown[]) => (props: T) => JSX.Element;\n\nconst ensure = <T,>(argument: T | undefined | null, message = 'This should never happen'): T => {\n  if (argument === undefined || argument === null) {\n    throw new TypeError(message);\n  }\n\n  return argument;\n};\n\n// only wraps in \"DnDContext\" and \"DnDTreeContext\" if any Drag and Drop functionality is requested\nexport const withConditionalDnDRowContext: FunctionalHOC = (Component) =>\n  function (props) {\n    const {\n      props: { data, onOrderChange, getIsDropValid },\n      flattenedItems,\n      updateUserExpandedState,\n      triggerTreeRerender,\n      visibleItems: flattenedVisibleTree,\n      withDragAndDrop,\n    } = useContext(TreeViewContext);\n\n    const flattenedVisibleTreeForDnD = useMemo(\n      () =>\n        flattenedVisibleTree.map((item, index) => ({\n          uid: item.id.toString(),\n          depth: (item.treeDepth ?? 1) - 1,\n          realIndex: index,\n          childrenCount: item.children?.length ?? 0,\n          parentId: item.node.parent?.model?.id?.toString() ?? null,\n          original: item,\n        })),\n      [flattenedVisibleTree],\n    );\n\n    const onReorder = useCallback(\n      (\n        _active: DSTreeviewT.DndItem,\n        _targetIndex: number,\n        { movedData, fromIndex }: { movedData: Record<string, DSTreeviewT.DndItem[]>; fromIndex: number },\n      ) => {\n        const rootMovedData = movedData.root;\n\n        // Pull the row's original data into an object\n        const nodes: Record<DSTreeviewT.StringOrNum, DSTreeviewT.SimpleItem> = {};\n        rootMovedData.forEach((item) => {\n          const originalItem = item.original.model;\n          originalItem.children = [];\n          nodes[item.uid] = originalItem;\n        });\n\n        const newUserTree: DSTreeviewT.SimpleItem[] = [];\n        rootMovedData.forEach((item) => {\n          // If row has parent, insert it to it's subrows\n          // otherwise append it to the new user data\n          if (item.parentId !== null && item.parentId !== undefined && item.parentId !== '__ds_tree_root') {\n            const parentNode = nodes[item.parentId];\n            parentNode.children?.push(item.original.model);\n          } else if (item.uid !== '__ds_tree_root') {\n            newUserTree.push(item.original.model);\n          }\n        });\n        // Tell the user that the order has change, he can chose to commit it or not\n        onOrderChange(newUserTree, data, flattenedItems[fromIndex]);\n      },\n      [onOrderChange, data, flattenedItems],\n    );\n\n    const theFlattenedItems = useMemo(\n      () =>\n        flattenedItems.map((datum) => ({ ...datum, index: datum.realIndex, collapsed: !datum.original.isExpanded })),\n      [flattenedItems],\n    );\n\n    const { dndContextProps, sortableContextProps, active, dropIndicatorPosition, isDropValid, over } =\n      useTreeDndkitConfig({\n        flattenedItems: theFlattenedItems,\n        isHorizontalDnD: false,\n        isExpandable: true,\n        onReorder,\n        getIsDropValid,\n        maxDragAndDropLevel: Infinity,\n      });\n\n    const containerSortableContextProps = sortableContextProps.root;\n\n    const visibleItems = useMemo(() => {\n      if (!active) return flattenedVisibleTreeForDnD;\n      return removeChildrenOf(flattenedVisibleTreeForDnD, active.id);\n    }, [active, flattenedVisibleTreeForDnD]);\n\n    const timeoutRef = useRef<NodeJS.Timeout>();\n\n    useEffect(() => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      if (dropIndicatorPosition === DropIndicatorPosition.Inside && over) {\n        timeoutRef.current = setTimeout(() => {\n          const overItem = visibleItems.find((item) => item.uid === over.id);\n          if (overItem) {\n            const realOverItem = overItem.original;\n            if (realOverItem.isGroup && !realOverItem.isExpanded) {\n              toggleItemExpand(realOverItem, triggerTreeRerender, updateUserExpandedState);\n            }\n          }\n        }, 1000);\n      }\n    }, [over, dropIndicatorPosition, triggerTreeRerender, visibleItems, updateUserExpandedState]);\n\n    if (withDragAndDrop)\n      return (\n        <DndContext {...dndContextProps}>\n          <SortableContext {...containerSortableContextProps}>\n            <DnDTreeContext.Provider\n              value={{\n                visibleItems: visibleItems.map((item) => item.original),\n                dropIndicatorPosition,\n                isDropValid,\n              }}\n            >\n              <Component {...props} />\n            </DnDTreeContext.Provider>\n          </SortableContext>\n          <DragOverlay style={{ width: 'auto' }}>\n            {active ? (\n              <TreeItem\n                itemIndex={-1}\n                item={ensure(flattenedVisibleTree.find((item) => item.id.toString() === active.id.toString()))}\n                isDragOverlay\n              />\n            ) : null}\n          </DragOverlay>\n        </DndContext>\n      );\n    return <Component {...props} />;\n  };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/jsx-no-constructed-context-values */\nimport React, { useCallback, useContext, useEffect, useMemo, useRef } from 'react';\nimport {\n  DndContext,\n  DragOverlay,\n  SortableContext,\n  useTreeDndkitConfig,\n  removeChildrenOf,\n} from '@elliemae/ds-drag-and-drop';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\nimport TreeViewContext from '../TreeViewContext.js';\nimport { TreeItem } from '../parts/TreeItem.js';\nimport { DnDTreeContext } from './DnDTreeContext.js';\nimport { DropIndicatorPosition } from './SortableItemContext.js';\nimport { toggleItemExpand } from '../utils/group-expands-helpers.js';\n\ntype FunctionalHOC = <T = unknown>(Component: React.ComponentType<T>, ...other: unknown[]) => (props: T) => JSX.Element;\n\nconst ensure = <T,>(argument: T | undefined | null, message = 'This should never happen'): T => {\n  if (argument === undefined || argument === null) {\n    throw new TypeError(message);\n  }\n\n  return argument;\n};\n\n// only wraps in \"DnDContext\" and \"DnDTreeContext\" if any Drag and Drop functionality is requested\nexport const withConditionalDnDRowContext: FunctionalHOC = (Component) =>\n  function ConditionalDnDRowContextWrapper(props) {\n    const {\n      props: { data, onOrderChange, getIsDropValid },\n      flattenedItems,\n      updateUserExpandedState,\n      triggerTreeRerender,\n      visibleItems: flattenedVisibleTree,\n      withDragAndDrop,\n    } = useContext(TreeViewContext);\n\n    const flattenedVisibleTreeForDnD = useMemo(\n      () =>\n        flattenedVisibleTree.map((item, index) => ({\n          uid: item.id.toString(),\n          depth: (item.treeDepth ?? 1) - 1,\n          realIndex: index,\n          childrenCount: item.children?.length ?? 0,\n          parentId: item.node.parent?.model?.id?.toString() ?? null,\n          original: item,\n        })),\n      [flattenedVisibleTree],\n    );\n\n    const onReorder = useCallback(\n      (\n        _active: DSTreeviewT.DndItem,\n        _targetIndex: number,\n        { movedData, fromIndex }: { movedData: Record<string, DSTreeviewT.DndItem[]>; fromIndex: number },\n      ) => {\n        const rootMovedData = movedData.root;\n\n        // Pull the row's original data into an object\n        const nodes: Record<DSTreeviewT.StringOrNum, DSTreeviewT.SimpleItem> = {};\n        rootMovedData.forEach((item) => {\n          const originalItem = item.original.model;\n          originalItem.children = [];\n          nodes[item.uid] = originalItem;\n        });\n\n        const newUserTree: DSTreeviewT.SimpleItem[] = [];\n        rootMovedData.forEach((item) => {\n          // If row has parent, insert it to it's subrows\n          // otherwise append it to the new user data\n          if (item.parentId !== null && item.parentId !== undefined && item.parentId !== '__ds_tree_root') {\n            const parentNode = nodes[item.parentId];\n            parentNode.children?.push(item.original.model);\n          } else if (item.uid !== '__ds_tree_root') {\n            newUserTree.push(item.original.model);\n          }\n        });\n        // Tell the user that the order has change, he can chose to commit it or not\n        onOrderChange(newUserTree, data, flattenedItems[fromIndex]);\n      },\n      [onOrderChange, data, flattenedItems],\n    );\n\n    const theFlattenedItems = useMemo(\n      () =>\n        flattenedItems.map((datum) => ({ ...datum, index: datum.realIndex, collapsed: !datum.original.isExpanded })),\n      [flattenedItems],\n    );\n\n    const { dndContextProps, sortableContextProps, active, dropIndicatorPosition, isDropValid, over } =\n      useTreeDndkitConfig({\n        flattenedItems: theFlattenedItems,\n        isHorizontalDnD: false,\n        isExpandable: true,\n        onReorder,\n        getIsDropValid,\n        maxDragAndDropLevel: Infinity,\n      });\n\n    const containerSortableContextProps = sortableContextProps.root;\n\n    const visibleItems = useMemo(() => {\n      if (!active) return flattenedVisibleTreeForDnD;\n      return removeChildrenOf(flattenedVisibleTreeForDnD, active.id);\n    }, [active, flattenedVisibleTreeForDnD]);\n\n    const timeoutRef = useRef<NodeJS.Timeout>();\n\n    useEffect(() => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      if (dropIndicatorPosition === DropIndicatorPosition.Inside && over) {\n        timeoutRef.current = setTimeout(() => {\n          const overItem = visibleItems.find((item) => item.uid === over.id);\n          if (overItem) {\n            const realOverItem = overItem.original;\n            if (realOverItem.isGroup && !realOverItem.isExpanded) {\n              toggleItemExpand(realOverItem, triggerTreeRerender, updateUserExpandedState);\n            }\n          }\n        }, 1000);\n      }\n    }, [over, dropIndicatorPosition, triggerTreeRerender, visibleItems, updateUserExpandedState]);\n\n    if (withDragAndDrop)\n      return (\n        <DndContext {...dndContextProps}>\n          <SortableContext {...containerSortableContextProps}>\n            <DnDTreeContext.Provider\n              value={{\n                visibleItems: visibleItems.map((item) => item.original),\n                dropIndicatorPosition,\n                isDropValid,\n              }}\n            >\n              <Component {...props} />\n            </DnDTreeContext.Provider>\n          </SortableContext>\n          <DragOverlay style={{ width: 'auto' }}>\n            {active ? (\n              <TreeItem\n                itemIndex={-1}\n                item={ensure(flattenedVisibleTree.find((item) => item.id.toString() === active.id.toString()))}\n                isDragOverlay\n              />\n            ) : null}\n          </DragOverlay>\n        </DndContext>\n      );\n    return <Component {...props} />;\n  };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/hoc/WithDnDSortableItemContext.js

@@ -5,35 +5,38 @@ import { useSortable } from "@elliemae/ds-drag-and-drop";
 import { SortableItemContext } from "./SortableItemContext.js";
 import TreeViewContext from "../TreeViewContext.js";
 import { DnDTreeContext } from "./DnDTreeContext.js";
-const withDnDSortableItemContext = (Component) => function(props) {
-  const { withDragAndDrop } = useContext(TreeViewContext);
-  const { dropIndicatorPosition, isDropValid } = useContext(DnDTreeContext);
-  const id = props.item.id.toString();
-  const draggableOptions = useMemo(
-    () => ({
-      id
-    }),
-    [id]
-  );
-  const useSortableHelpers = useSortable(draggableOptions);
-  const draggableProps = useMemo(() => {
-    if (!withDragAndDrop) return false;
-    const { index, overIndex } = useSortableHelpers;
-    return {
-      ...useSortableHelpers,
-      shouldShowDropIndicatorPosition: overIndex === index,
-      dropIndicatorPosition,
-      isDropValid
-    };
-  }, [withDragAndDrop, useSortableHelpers, dropIndicatorPosition, isDropValid]);
-  const ctx = useMemo(
-    () => ({
-      draggableProps
-    }),
-    [draggableProps]
-  );
-  return /* @__PURE__ */ jsx(SortableItemContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(Component, { ...props }) });
-};
+const withDnDSortableItemContext = (Component) => (
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- `<Component {...props} />` below can't spread a bare generic `T` as JSX props (known TS+JSX generics limitation); `any` here matches the file's existing unsafe-* tolerances for this HOC pattern
+  function DnDSortableItemContextWrapper(props) {
+    const { withDragAndDrop } = useContext(TreeViewContext);
+    const { dropIndicatorPosition, isDropValid } = useContext(DnDTreeContext);
+    const id = props.item.id.toString();
+    const draggableOptions = useMemo(
+      () => ({
+        id
+      }),
+      [id]
+    );
+    const useSortableHelpers = useSortable(draggableOptions);
+    const draggableProps = useMemo(() => {
+      if (!withDragAndDrop) return false;
+      const { index, overIndex } = useSortableHelpers;
+      return {
+        ...useSortableHelpers,
+        shouldShowDropIndicatorPosition: overIndex === index,
+        dropIndicatorPosition,
+        isDropValid
+      };
+    }, [withDragAndDrop, useSortableHelpers, dropIndicatorPosition, isDropValid]);
+    const ctx = useMemo(
+      () => ({
+        draggableProps
+      }),
+      [draggableProps]
+    );
+    return /* @__PURE__ */ jsx(SortableItemContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(Component, { ...props }) });
+  }
+);
 export {
   withDnDSortableItemContext
 };

package/dist/esm/hoc/WithDnDSortableItemContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/hoc/WithDnDSortableItemContext.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-call */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport React, { useContext, useMemo } from 'react';\nimport { useSortable } from '@elliemae/ds-drag-and-drop';\nimport type { SortableItemContextType } from './SortableItemContext.js';\nimport { SortableItemContext } from './SortableItemContext.js';\nimport TreeViewContext from '../TreeViewContext.js';\nimport { DnDTreeContext } from './DnDTreeContext.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\n\ntype FunctionalHOC = <T = unknown>(Component: React.ComponentType<T>, ...other: unknown[]) => (props: T) => JSX.Element;\n\nexport const withDnDSortableItemContext: FunctionalHOC = (Component) =>\n  function (props: any) {\n    const { withDragAndDrop } = useContext(TreeViewContext);\n    const { dropIndicatorPosition, isDropValid } = useContext(DnDTreeContext);\n\n    const id = (props as { item: DSTreeviewT.Item }).item.id.toString();\n\n    // onMount generate unique options, so everyting is only ran once\n    const draggableOptions = useMemo(\n      () => ({\n        id,\n      }),\n      [id],\n    );\n\n    const useSortableHelpers = useSortable(draggableOptions);\n\n    // calculate all the \"useSortable\" values as per required\n    const draggableProps = useMemo(() => {\n      if (!withDragAndDrop) return false;\n\n      const { index, overIndex } = useSortableHelpers;\n\n      return {\n        ...useSortableHelpers,\n        shouldShowDropIndicatorPosition: overIndex === index,\n        dropIndicatorPosition,\n        isDropValid,\n      };\n    }, [withDragAndDrop, useSortableHelpers, dropIndicatorPosition, isDropValid]);\n\n    // we use a context so we can easly access information wherever without bubbling down\n    // this context is all Memoized so as long as component is not re-mounted,\n    // the context won't trigger un-required renders per-se...\n    const ctx: SortableItemContextType = useMemo(\n      () => ({\n        draggableProps,\n      }),\n      [draggableProps],\n    );\n    // we always add the context, if draggableProps===false we don't have the DnD enabled.\n    return (\n      <SortableItemContext.Provider value={ctx}>\n        <Component {...props} />\n      </SortableItemContext.Provider>\n    );\n  };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACwDf;AArDR,SAAgB,YAAY,eAAe;AAC3C,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AACpC,OAAO,qBAAqB;AAC5B,SAAS,sBAAsB;AAKxB,MAAM,6BAA4C,CAAC,cACxD,SAAU,OAAY;AACpB,QAAM,EAAE,gBAAgB,IAAI,WAAW,eAAe;AACtD,QAAM,EAAE,uBAAuB,YAAY,IAAI,WAAW,cAAc;AAExE,QAAM,KAAM,MAAqC,KAAK,GAAG,SAAS;AAGlE,QAAM,mBAAmB;AAAA,IACvB,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,EAAE;AAAA,EACL;AAEA,QAAM,qBAAqB,YAAY,gBAAgB;AAGvD,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,CAAC,gBAAiB,QAAO;AAE7B,UAAM,EAAE,OAAO,UAAU,IAAI;AAE7B,WAAO;AAAA,MACL,GAAG;AAAA,MACH,iCAAiC,cAAc;AAAA,MAC/C;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,iBAAiB,oBAAoB,uBAAuB,WAAW,CAAC;AAK5E,QAAM,MAA+B;AAAA,IACnC,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,KACnC,8BAAC,aAAW,GAAG,OAAO,GACxB;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-call */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport React, { useContext, useMemo } from 'react';\nimport { useSortable } from '@elliemae/ds-drag-and-drop';\nimport type { SortableItemContextType } from './SortableItemContext.js';\nimport { SortableItemContext } from './SortableItemContext.js';\nimport TreeViewContext from '../TreeViewContext.js';\nimport { DnDTreeContext } from './DnDTreeContext.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\n\ntype FunctionalHOC = <T = unknown>(Component: React.ComponentType<T>, ...other: unknown[]) => (props: T) => JSX.Element;\n\nexport const withDnDSortableItemContext: FunctionalHOC = (Component) =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- `<Component {...props} />` below can't spread a bare generic `T` as JSX props (known TS+JSX generics limitation); `any` here matches the file's existing unsafe-* tolerances for this HOC pattern\n  function DnDSortableItemContextWrapper(props: any) {\n    const { withDragAndDrop } = useContext(TreeViewContext);\n    const { dropIndicatorPosition, isDropValid } = useContext(DnDTreeContext);\n\n    const id = (props as { item: DSTreeviewT.Item }).item.id.toString();\n\n    // onMount generate unique options, so everyting is only ran once\n    const draggableOptions = useMemo(\n      () => ({\n        id,\n      }),\n      [id],\n    );\n\n    const useSortableHelpers = useSortable(draggableOptions);\n\n    // calculate all the \"useSortable\" values as per required\n    const draggableProps = useMemo(() => {\n      if (!withDragAndDrop) return false;\n\n      const { index, overIndex } = useSortableHelpers;\n\n      return {\n        ...useSortableHelpers,\n        shouldShowDropIndicatorPosition: overIndex === index,\n        dropIndicatorPosition,\n        isDropValid,\n      };\n    }, [withDragAndDrop, useSortableHelpers, dropIndicatorPosition, isDropValid]);\n\n    // we use a context so we can easly access information wherever without bubbling down\n    // this context is all Memoized so as long as component is not re-mounted,\n    // the context won't trigger un-required renders per-se...\n    const ctx: SortableItemContextType = useMemo(\n      () => ({\n        draggableProps,\n      }),\n      [draggableProps],\n    );\n    // we always add the context, if draggableProps===false we don't have the DnD enabled.\n    return (\n      <SortableItemContext.Provider value={ctx}>\n        <Component {...props} />\n      </SortableItemContext.Provider>\n    );\n  };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACyDf;AAtDR,SAAgB,YAAY,eAAe;AAC3C,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AACpC,OAAO,qBAAqB;AAC5B,SAAS,sBAAsB;AAKxB,MAAM,6BAA4C,CAAC;AAAA;AAAA,EAExD,SAAS,8BAA8B,OAAY;AACjD,UAAM,EAAE,gBAAgB,IAAI,WAAW,eAAe;AACtD,UAAM,EAAE,uBAAuB,YAAY,IAAI,WAAW,cAAc;AAExE,UAAM,KAAM,MAAqC,KAAK,GAAG,SAAS;AAGlE,UAAM,mBAAmB;AAAA,MACvB,OAAO;AAAA,QACL;AAAA,MACF;AAAA,MACA,CAAC,EAAE;AAAA,IACL;AAEA,UAAM,qBAAqB,YAAY,gBAAgB;AAGvD,UAAM,iBAAiB,QAAQ,MAAM;AACnC,UAAI,CAAC,gBAAiB,QAAO;AAE7B,YAAM,EAAE,OAAO,UAAU,IAAI;AAE7B,aAAO;AAAA,QACL,GAAG;AAAA,QACH,iCAAiC,cAAc;AAAA,QAC/C;AAAA,QACA;AAAA,MACF;AAAA,IACF,GAAG,CAAC,iBAAiB,oBAAoB,uBAAuB,WAAW,CAAC;AAK5E,UAAM,MAA+B;AAAA,MACnC,OAAO;AAAA,QACL;AAAA,MACF;AAAA,MACA,CAAC,cAAc;AAAA,IACjB;AAEA,WACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,KACnC,8BAAC,aAAW,GAAG,OAAO,GACxB;AAAA,EAEJ;AAAA;",
   "names": []
 }

package/dist/esm/parts/Icon.js

@@ -16,7 +16,7 @@ const Icon = (props) => {
     // legacy class-name way of handling things,
     // this will eventually be deprecated in favor of styled components
     // untill then, just eslint-ignore and move on
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-argument
     className: cx(icon.props.className, isDisabled ? "tree-item-icon tree-item-icon-disabled" : "tree-item-icon")
   });
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Icon.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport TreeViewContext from '../TreeViewContext.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\n\nconst cx = (...classnames: string[]): string => classnames.reduce((result, cn) => `${result} ${cn || ''}`, '');\n\ninterface PropsT {\n  item: DSTreeviewT.Item;\n  isDisabled: boolean;\n}\nexport const Icon = (props: PropsT): JSX.Element | null => {\n  const { item, isDisabled } = props;\n  const isGroupOrHasChildrens = item.isGroup || (Array.isArray(item.children) && item.children.length > 0);\n  const ctx = useContext(TreeViewContext);\n  const {\n    props: { groupIcon, itemIcon },\n  } = ctx;\n  const icon = isGroupOrHasChildrens ? groupIcon : itemIcon;\n  if (!icon) return null;\n\n  return React.cloneElement(icon, {\n    'data-testid': isGroupOrHasChildrens ? 'tree-item-group-icon' : 'tree-item-icon',\n    // legacy class-name way of handling things,\n    // this will eventually be deprecated in favor of styled components\n    // untill then, just eslint-ignore and move on\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment\n    className: cx(icon.props.className, isDisabled ? 'tree-item-icon tree-item-icon-disabled' : 'tree-item-icon'),\n  });\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport TreeViewContext from '../TreeViewContext.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\n\nconst cx = (...classnames: string[]): string => classnames.reduce((result, cn) => `${result} ${cn || ''}`, '');\n\ninterface PropsT {\n  item: DSTreeviewT.Item;\n  isDisabled: boolean;\n}\nexport const Icon = (props: PropsT): JSX.Element | null => {\n  const { item, isDisabled } = props;\n  const isGroupOrHasChildrens = item.isGroup || (Array.isArray(item.children) && item.children.length > 0);\n  const ctx = useContext(TreeViewContext);\n  const {\n    props: { groupIcon, itemIcon },\n  } = ctx;\n  const icon = isGroupOrHasChildrens ? groupIcon : itemIcon;\n  if (!icon) return null;\n\n  return React.cloneElement(icon, {\n    'data-testid': isGroupOrHasChildrens ? 'tree-item-group-icon' : 'tree-item-icon',\n    // legacy class-name way of handling things,\n    // this will eventually be deprecated in favor of styled components\n    // untill then, just eslint-ignore and move on\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-argument\n    className: cx(icon.props.className, isDisabled ? 'tree-item-icon tree-item-icon-disabled' : 'tree-item-icon'),\n  });\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,kBAAkB;AAClC,OAAO,qBAAqB;AAG5B,MAAM,KAAK,IAAI,eAAiC,WAAW,OAAO,CAAC,QAAQ,OAAO,GAAG,MAAM,IAAI,MAAM,EAAE,IAAI,EAAE;AAMtG,MAAM,OAAO,CAAC,UAAsC;AACzD,QAAM,EAAE,MAAM,WAAW,IAAI;AAC7B,QAAM,wBAAwB,KAAK,WAAY,MAAM,QAAQ,KAAK,QAAQ,KAAK,KAAK,SAAS,SAAS;AACtG,QAAM,MAAM,WAAW,eAAe;AACtC,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW,SAAS;AAAA,EAC/B,IAAI;AACJ,QAAM,OAAO,wBAAwB,YAAY;AACjD,MAAI,CAAC,KAAM,QAAO;AAElB,SAAOA,OAAM,aAAa,MAAM;AAAA,IAC9B,eAAe,wBAAwB,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKhE,WAAW,GAAG,KAAK,MAAM,WAAW,aAAa,2CAA2C,gBAAgB;AAAA,EAC9G,CAAC;AACH;",
   "names": ["React"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/TreeItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useContext, useMemo, useCallback } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport RadioSelectable from './RadioSelectable.js';\nimport CheckboxSelectable from './CheckboxSelectable.js';\nimport TreeViewContext from '../TreeViewContext.js';\nimport { setMultipleRefs } from '../utils/refs-helpers.js';\nimport { useOnItemKeyDown } from '../utils/keyboard-helpers.js';\nimport { NestingSpace } from './NestingSpace.js';\nimport { Icon } from './Icon.js';\nimport { ExpandCaret } from './ExpandCaret.js';\nimport { TreeItemText } from './TreeItemText.js';\nimport { DSTreeViewPrefix, treeItemBlockName } from '../config/cssClassesConstants.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\nimport { DnDHandle } from './DnDHandle.js';\nimport { withDnDSortableItemContext } from '../hoc/WithDnDSortableItemContext.js';\nimport { DropIndicatorPosition, SortableItemContext } from '../hoc/SortableItemContext.js';\nimport DropIndicator from './DropIndicator.js';\nimport { StyledTreeListItemAddonsWrapper } from './styled.js';\n\nexport const TreeListItem = aggregatedClasses('li', {\n  'data-testid': treeItemBlockName,\n  role: 'treeitem',\n  // temp fix untill we move to styled components\n})(treeItemBlockName) as unknown as React.ComponentType<React.ComponentProps<'li'>>;\n\nexport const TreeListItemAddonsWrapper = aggregatedClasses('div')(\n  treeItemBlockName,\n  'addons',\n  // temp fix untill we move to styled components\n) as unknown as React.ComponentType<React.ComponentProps<'div'>>;\n\ninterface PropsT {\n  item: DSTreeviewT.Item;\n  itemIndex: number;\n  isDragOverlay?: boolean;\n  virtualItemRef?: React.RefObject<HTMLLIElement>;\n  itemWrapperStyle?: { [key: string]: unknown };\n  spaceForNestingLevel?: number;\n}\n\n// we ensure the priority of legacy rightAddons over the new RightAddons\n// we also enable the cleaner syntax in the JSX returned by this component as per \"<FinalRightAddons />\"\n// NOTE: the legacy rightAddons is still not allowing for instanciated components even if we are enabling the cleaner syntax\n// NOTE 2: this component is meant to already wrap the right-addons in a TreeListItemAddonsWrapper for class-name purposes\nconst FinalRightAddons = ({\n  item,\n  RightAddons,\n  rightAddons,\n  isDragging,\n}: {\n  item: DSTreeviewT.Item;\n  RightAddons: DSTreeviewT.PropsOptional['RightAddons'];\n  rightAddons: DSTreeviewT.PropsOptional['rightAddons'];\n  isDragging: boolean;\n}) => {\n  if (RightAddons)\n    return (\n      <StyledTreeListItemAddonsWrapper isDragging={isDragging}>\n        <RightAddons item={item} />\n      </StyledTreeListItemAddonsWrapper>\n    );\n  if (rightAddons)\n    return (\n      <StyledTreeListItemAddonsWrapper isDragging={isDragging}>\n        {typeof rightAddons === 'function' ? rightAddons(item) : rightAddons}\n      </StyledTreeListItemAddonsWrapper>\n    );\n\n  return null;\n};\n\nexport const TreeItem = (props: PropsT): JSX.Element => {\n  const {\n    item,\n    itemIndex,\n    itemWrapperStyle = {},\n    virtualItemRef,\n    spaceForNestingLevel = 1.5,\n    isDragOverlay = false,\n  } = props;\n  const { id, node, children } = item;\n  const { nodeItemRef } = node.model;\n\n  const { draggableProps } = useContext(SortableItemContext);\n\n  const onItemKeyDown = useOnItemKeyDown(item, draggableProps);\n\n  const ctx = useContext(TreeViewContext);\n  const {\n    props: {\n      disableIcons,\n      rightAddons,\n      RightAddons,\n      onItemClick,\n      onItemActivate,\n      onItemFocus,\n      isItemDisabled,\n      rowSize,\n      labelOverflow,\n      nameKey,\n      showChildrenAmount,\n    },\n    withRadioChecks,\n    withCheckboxChecks,\n    withDragAndDrop,\n    selectedItem,\n    selectedCheckboxes,\n    hoverItem,\n    virtualListHelpers: { scrollToIndex },\n    setHoverItem,\n    setSelectedItem,\n    setFocusedItem,\n  } = ctx;\n  const itemLabelText = item[nameKey] as DSTreeviewT.Item['name'];\n  const { disableActions = false } = item;\n\n  // Sortable Items needs to update\n  //   - the virtual list ref (for react-virtual requirement)\n  //   - nodeItemRef which is a prop avaiable in the TreeModel nodes\n  //   - the drag and drop node reference\n  const setItemRefs: React.LegacyRef<HTMLLIElement> | undefined = (ref: HTMLLIElement) => {\n    setMultipleRefs(\n      virtualItemRef,\n      !isDragOverlay && nodeItemRef,\n      !isDragOverlay && draggableProps && draggableProps.setNodeRef,\n    )(ref);\n  };\n\n  const dropIndicatorPosition =\n    draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;\n\n  const isDropIndicatorPositionInside = dropIndicatorPosition === DropIndicatorPosition.Inside;\n\n  const isDragging = draggableProps && draggableProps.isDragging;\n\n  const isDropValid = draggableProps && draggableProps.isDropValid;\n\n  const isDisabled = useMemo(() => isItemDisabled(item), [item, isItemDisabled]);\n\n  const dropPreviewClassName = useMemo(() => {\n    if (isDropIndicatorPositionInside) {\n      const className = `${DSTreeViewPrefix}-${treeItemBlockName}${isDropValid ? '--valid' : '--invalid'}-drop-in`;\n      return className;\n    }\n    return '';\n  }, [isDropIndicatorPositionInside, isDropValid]);\n\n  const dragOverlayClassName = useMemo(() => (isDragOverlay ? 'drag-overlay' : ''), [isDragOverlay]);\n\n  const selectedClassName = useMemo(\n    () => (selectedItem?.id === item.id && !isDragOverlay ? 'selected' : ''),\n    [isDragOverlay, item.id, selectedItem?.id],\n  );\n  const hoverClassName = useMemo(\n    () => (!isDragOverlay && hoverItem?.id === item.id && !isDragging ? 'hover' : ''),\n    [isDragOverlay, hoverItem?.id, item.id, isDragging],\n  );\n  const fixedHeightClassname = useMemo(() => {\n    if (labelOverflow === 'truncate') {\n      if (rowSize === 'compact') return `${DSTreeViewPrefix}-${treeItemBlockName}--fixed-height-compact`;\n      return `${DSTreeViewPrefix}-${treeItemBlockName}--fixed-height`;\n    }\n    return '';\n  }, [labelOverflow, rowSize]);\n\n  const isDraggingClassname = useMemo(() => {\n    if (isDragging) return `${DSTreeViewPrefix}-${treeItemBlockName}--dragging`;\n    return '';\n  }, [isDragging]);\n\n  const finalClassName = useMemo(\n    () =>\n      `${dropPreviewClassName} ${fixedHeightClassname} ${selectedClassName} ${hoverClassName} ${dragOverlayClassName} ${isDraggingClassname}`,\n    [\n      dropPreviewClassName,\n      fixedHeightClassname,\n      selectedClassName,\n      hoverClassName,\n      dragOverlayClassName,\n      isDraggingClassname,\n    ],\n  );\n\n  const handleItemClick = useCallback(\n    (e: React.MouseEvent<HTMLLIElement>) => {\n      onItemClick(item, e);\n      setFocusedItem(item);\n      setSelectedItem(item);\n      onItemActivate(item, e);\n      const itemVirtualIndex = typeof item.virtualIndex === 'number' ? item.virtualIndex : -1;\n      onItemFocus({\n        itemIndex: itemVirtualIndex,\n        scrollToItem: (opts = { align: 'start' }) => scrollToIndex(itemVirtualIndex, opts),\n        item,\n      });\n    },\n    [onItemClick, item, setFocusedItem, setSelectedItem, onItemActivate, onItemFocus, scrollToIndex],\n  );\n\n  const childrenLength = useMemo(() => children?.length ?? 0, [children]);\n\n  const ariaLabel = `${itemLabelText}${showChildrenAmount && childrenLength > 0 ? `, ${childrenLength} Items` : ''}`;\n\n  return (\n    <TreeListItem\n      tabIndex={0}\n      onMouseLeave={() => {\n        if (hoverItem?.id === item.id) {\n          setHoverItem(null);\n        }\n      }}\n      onMouseEnter={() => {\n        setHoverItem(item);\n      }}\n      onClick={handleItemClick}\n      onBlur={() => setFocusedItem(null)}\n      ref={setItemRefs}\n      style={{ ...itemWrapperStyle }}\n      className={finalClassName}\n      aria-expanded={!!item.isExpanded}\n      aria-selected={!!selectedCheckboxes[item.id]}\n      aria-label={ariaLabel}\n      aria-disabled={isDisabled}\n      data-id={item.id}\n      data-index={item.virtualIndex}\n      onKeyDown={onItemKeyDown}\n    >\n      <TreeListItemAddonsWrapper>\n        {withDragAndDrop ? <DnDHandle id={id} isDragOverlay={isDragOverlay} disableActions={disableActions} /> : null}\n        {withRadioChecks && !isDragOverlay ? <RadioSelectable item={item} itemIndex={itemIndex} /> : null}\n        {withCheckboxChecks && !isDragOverlay ? <CheckboxSelectable item={item} itemIndex={itemIndex} /> : null}\n        {!isDragOverlay && <NestingSpace item={item} spaceForNestingLevel={spaceForNestingLevel} />}\n        {!isDragOverlay && <ExpandCaret item={item} isDragging={isDragging} disableActions={disableActions} />}\n        {!disableIcons ? <Icon item={item} isDisabled={isDisabled} /> : null}\n      </TreeListItemAddonsWrapper>\n      <TreeItemText item={item} isDragging={isDragging} isDisabled={isDisabled} />\n      {/* eslint-disable-next-line react/jsx-no-duplicate-props */}\n      <FinalRightAddons item={item} rightAddons={rightAddons} RightAddons={RightAddons} isDragging={isDragging} />\n      <DropIndicator dropIndicatorPosition={dropIndicatorPosition} isDropValid={isDropValid} />\n    </TreeListItem>\n  );\n};\n\nexport default withDnDSortableItemContext(TreeItem);\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useContext, useMemo, useCallback } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport RadioSelectable from './RadioSelectable.js';\nimport CheckboxSelectable from './CheckboxSelectable.js';\nimport TreeViewContext from '../TreeViewContext.js';\nimport { setMultipleRefs } from '../utils/refs-helpers.js';\nimport { useOnItemKeyDown } from '../utils/keyboard-helpers.js';\nimport { NestingSpace } from './NestingSpace.js';\nimport { Icon } from './Icon.js';\nimport { ExpandCaret } from './ExpandCaret.js';\nimport { TreeItemText } from './TreeItemText.js';\nimport { DSTreeViewPrefix, treeItemBlockName } from '../config/cssClassesConstants.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\nimport { DnDHandle } from './DnDHandle.js';\nimport { withDnDSortableItemContext } from '../hoc/WithDnDSortableItemContext.js';\nimport { DropIndicatorPosition, SortableItemContext } from '../hoc/SortableItemContext.js';\nimport DropIndicator from './DropIndicator.js';\nimport { StyledTreeListItemAddonsWrapper } from './styled.js';\n\nexport const TreeListItem = aggregatedClasses('li', {\n  'data-testid': treeItemBlockName,\n  role: 'treeitem',\n  // temp fix untill we move to styled components\n})(treeItemBlockName) as unknown as React.ComponentType<React.ComponentProps<'li'>>;\n\nexport const TreeListItemAddonsWrapper = aggregatedClasses('div')(\n  treeItemBlockName,\n  'addons',\n  // temp fix untill we move to styled components\n) as unknown as React.ComponentType<React.ComponentProps<'div'>>;\n\ninterface PropsT {\n  item: DSTreeviewT.Item;\n  itemIndex: number;\n  isDragOverlay?: boolean;\n  virtualItemRef?: (node: HTMLElement | null | undefined) => void;\n  itemWrapperStyle?: { [key: string]: unknown };\n  spaceForNestingLevel?: number;\n}\n\n// we ensure the priority of legacy rightAddons over the new RightAddons\n// we also enable the cleaner syntax in the JSX returned by this component as per \"<FinalRightAddons />\"\n// NOTE: the legacy rightAddons is still not allowing for instanciated components even if we are enabling the cleaner syntax\n// NOTE 2: this component is meant to already wrap the right-addons in a TreeListItemAddonsWrapper for class-name purposes\nconst FinalRightAddons = ({\n  item,\n  RightAddons,\n  rightAddons,\n  isDragging,\n}: {\n  item: DSTreeviewT.Item;\n  RightAddons: DSTreeviewT.PropsOptional['RightAddons'];\n  rightAddons: DSTreeviewT.PropsOptional['rightAddons'];\n  isDragging: boolean;\n}) => {\n  if (RightAddons)\n    return (\n      <StyledTreeListItemAddonsWrapper isDragging={isDragging}>\n        <RightAddons item={item} />\n      </StyledTreeListItemAddonsWrapper>\n    );\n  if (rightAddons)\n    return (\n      <StyledTreeListItemAddonsWrapper isDragging={isDragging}>\n        {typeof rightAddons === 'function' ? rightAddons(item) : rightAddons}\n      </StyledTreeListItemAddonsWrapper>\n    );\n\n  return null;\n};\n\nexport const TreeItem = (props: PropsT): JSX.Element => {\n  const {\n    item,\n    itemIndex,\n    itemWrapperStyle = {},\n    virtualItemRef,\n    spaceForNestingLevel = 1.5,\n    isDragOverlay = false,\n  } = props;\n  const { id, node, children } = item;\n  const { nodeItemRef } = node.model;\n\n  const { draggableProps } = useContext(SortableItemContext);\n\n  const onItemKeyDown = useOnItemKeyDown(item, draggableProps);\n\n  const ctx = useContext(TreeViewContext);\n  const {\n    props: {\n      disableIcons,\n      rightAddons,\n      RightAddons,\n      onItemClick,\n      onItemActivate,\n      onItemFocus,\n      isItemDisabled,\n      rowSize,\n      labelOverflow,\n      nameKey,\n      showChildrenAmount,\n    },\n    withRadioChecks,\n    withCheckboxChecks,\n    withDragAndDrop,\n    selectedItem,\n    selectedCheckboxes,\n    hoverItem,\n    virtualListHelpers: { scrollToIndex },\n    setHoverItem,\n    setSelectedItem,\n    setFocusedItem,\n  } = ctx;\n  const itemLabelText = item[nameKey] as DSTreeviewT.Item['name'];\n  const { disableActions = false } = item;\n\n  // Sortable Items needs to update\n  //   - the virtual list ref (for react-virtual requirement)\n  //   - nodeItemRef which is a prop avaiable in the TreeModel nodes\n  //   - the drag and drop node reference\n  const setItemRefs: React.LegacyRef<HTMLLIElement> | undefined = (ref: HTMLLIElement) => {\n    setMultipleRefs(\n      virtualItemRef,\n      !isDragOverlay && nodeItemRef,\n      !isDragOverlay && draggableProps && draggableProps.setNodeRef,\n    )(ref);\n  };\n\n  const dropIndicatorPosition =\n    draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;\n\n  const isDropIndicatorPositionInside = dropIndicatorPosition === DropIndicatorPosition.Inside;\n\n  const isDragging = draggableProps && draggableProps.isDragging;\n\n  const isDropValid = draggableProps && draggableProps.isDropValid;\n\n  const isDisabled = useMemo(() => isItemDisabled(item), [item, isItemDisabled]);\n\n  const dropPreviewClassName = useMemo(() => {\n    if (isDropIndicatorPositionInside) {\n      const className = `${DSTreeViewPrefix}-${treeItemBlockName}${isDropValid ? '--valid' : '--invalid'}-drop-in`;\n      return className;\n    }\n    return '';\n  }, [isDropIndicatorPositionInside, isDropValid]);\n\n  const dragOverlayClassName = useMemo(() => (isDragOverlay ? 'drag-overlay' : ''), [isDragOverlay]);\n\n  const selectedClassName = useMemo(\n    () => (selectedItem?.id === item.id && !isDragOverlay ? 'selected' : ''),\n    [isDragOverlay, item.id, selectedItem?.id],\n  );\n  const hoverClassName = useMemo(\n    () => (!isDragOverlay && hoverItem?.id === item.id && !isDragging ? 'hover' : ''),\n    [isDragOverlay, hoverItem?.id, item.id, isDragging],\n  );\n  const fixedHeightClassname = useMemo(() => {\n    if (labelOverflow === 'truncate') {\n      if (rowSize === 'compact') return `${DSTreeViewPrefix}-${treeItemBlockName}--fixed-height-compact`;\n      return `${DSTreeViewPrefix}-${treeItemBlockName}--fixed-height`;\n    }\n    return '';\n  }, [labelOverflow, rowSize]);\n\n  const isDraggingClassname = useMemo(() => {\n    if (isDragging) return `${DSTreeViewPrefix}-${treeItemBlockName}--dragging`;\n    return '';\n  }, [isDragging]);\n\n  const finalClassName = useMemo(\n    () =>\n      `${dropPreviewClassName} ${fixedHeightClassname} ${selectedClassName} ${hoverClassName} ${dragOverlayClassName} ${isDraggingClassname}`,\n    [\n      dropPreviewClassName,\n      fixedHeightClassname,\n      selectedClassName,\n      hoverClassName,\n      dragOverlayClassName,\n      isDraggingClassname,\n    ],\n  );\n\n  const handleItemClick = useCallback(\n    (e: React.MouseEvent<HTMLLIElement>) => {\n      onItemClick(item, e);\n      setFocusedItem(item);\n      setSelectedItem(item);\n      onItemActivate(item, e);\n      const itemVirtualIndex = typeof item.virtualIndex === 'number' ? item.virtualIndex : -1;\n      onItemFocus({\n        itemIndex: itemVirtualIndex,\n        scrollToItem: (opts = { align: 'start' }) => scrollToIndex(itemVirtualIndex, opts),\n        item,\n      });\n    },\n    [onItemClick, item, setFocusedItem, setSelectedItem, onItemActivate, onItemFocus, scrollToIndex],\n  );\n\n  const childrenLength = useMemo(() => children?.length ?? 0, [children]);\n\n  const ariaLabel = `${itemLabelText}${showChildrenAmount && childrenLength > 0 ? `, ${childrenLength} Items` : ''}`;\n\n  return (\n    <TreeListItem\n      tabIndex={0}\n      onMouseLeave={() => {\n        if (hoverItem?.id === item.id) {\n          setHoverItem(null);\n        }\n      }}\n      onMouseEnter={() => {\n        setHoverItem(item);\n      }}\n      onClick={handleItemClick}\n      onBlur={() => setFocusedItem(null)}\n      ref={setItemRefs}\n      style={{ ...itemWrapperStyle }}\n      className={finalClassName}\n      aria-expanded={!!item.isExpanded}\n      aria-selected={!!selectedCheckboxes[item.id]}\n      aria-label={ariaLabel}\n      aria-disabled={isDisabled}\n      data-id={item.id}\n      data-index={item.virtualIndex}\n      onKeyDown={onItemKeyDown}\n    >\n      <TreeListItemAddonsWrapper>\n        {withDragAndDrop ? <DnDHandle id={id} isDragOverlay={isDragOverlay} disableActions={disableActions} /> : null}\n        {withRadioChecks && !isDragOverlay ? <RadioSelectable item={item} itemIndex={itemIndex} /> : null}\n        {withCheckboxChecks && !isDragOverlay ? <CheckboxSelectable item={item} itemIndex={itemIndex} /> : null}\n        {!isDragOverlay && <NestingSpace item={item} spaceForNestingLevel={spaceForNestingLevel} />}\n        {!isDragOverlay && <ExpandCaret item={item} isDragging={isDragging} disableActions={disableActions} />}\n        {!disableIcons ? <Icon item={item} isDisabled={isDisabled} /> : null}\n      </TreeListItemAddonsWrapper>\n      <TreeItemText item={item} isDragging={isDragging} isDisabled={isDisabled} />\n      {/* eslint-disable-next-line react/jsx-no-duplicate-props */}\n      <FinalRightAddons item={item} rightAddons={rightAddons} RightAddons={RightAddons} isDragging={isDragging} />\n      <DropIndicator dropIndicatorPosition={dropIndicatorPosition} isDropValid={isDropValid} />\n    </TreeListItem>\n  );\n};\n\nexport default withDnDSortableItemContext(TreeItem);\n"],
   "mappings": "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",
   "names": []
 }

package/dist/esm/parts/TreeItemText.js

@@ -2,8 +2,8 @@ import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useContext } from "react";
 import Highlighter from "react-highlight-words";
-import { TruncatedTooltipText } from "../TruncatedTooltipText.js";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { TruncatedTooltipText } from "../TruncatedTooltipText.js";
 import { StyledItemContent } from "./styled.js";
 import { ChildrenCountDisplayer } from "./ChildrenCountDisplayer.js";
 import { DSTreeViewPrefix, treeItemBlockName } from "../config/cssClassesConstants.js";

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/TreeItemText.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useMemo, useContext } from 'react';\nimport Highlighter from 'react-highlight-words';\nimport { TruncatedTooltipText } from '../TruncatedTooltipText.js';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { StyledItemContent } from './styled.js';\nimport { ChildrenCountDisplayer } from './ChildrenCountDisplayer.js';\nimport { DSTreeViewPrefix, treeItemBlockName } from '../config/cssClassesConstants.js';\nimport TreeViewContext from '../TreeViewContext.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\n\nconst ItemValue = aggregatedClasses('span')(treeItemBlockName, 'value') as unknown as React.ComponentType<\n  React.ComponentProps<'span'>\n>;\n\n// const wrapperClassName = `${DSTreeViewPrefix}-${treeItemBlockName}-content`;\nconst classNameModifierWrapAll = `${DSTreeViewPrefix}-${treeItemBlockName}__value--wrap-all`;\nconst classNameModifierTruncate = `${DSTreeViewPrefix}-${treeItemBlockName}__value--truncate`;\n\n// eslint-disable-next-line react/prop-types\nconst CustomHighlight = ({ children }: { children: React.ReactNode }) => (\n  <mark className=\"tree-text-highlight\" data-testid=\"tree-text-highlight\">\n    {children}\n  </mark>\n);\ninterface PropsT {\n  item: DSTreeviewT.Item;\n  isDragging: boolean;\n  isDisabled: boolean;\n}\nexport const TreeItemText = (props: PropsT): JSX.Element => {\n  const { item, isDragging, isDisabled } = props;\n  const ctx = useContext(TreeViewContext);\n  const {\n    props: { searchQuery, showChildrenAmount, labelOverflow, nameKey },\n  } = ctx;\n\n  const Text = useMemo(() => {\n    const itemLabelText = item[nameKey] as DSTreeviewT.Item['name'];\n    if (searchQuery) {\n      if (labelOverflow === 'truncate') {\n        return (\n          <TruncatedTooltipText\n            value={\n              <>\n                <Highlighter\n                  autoEscape\n                  highlightTag={CustomHighlight}\n                  searchWords={[searchQuery]}\n                  textToHighlight={itemLabelText}\n                />\n                {showChildrenAmount ? <ChildrenCountDisplayer item={item} isDragging={isDragging} /> : null}\n              </>\n            }\n          />\n        );\n      }\n      return (\n        <>\n          <Highlighter\n            autoEscape\n            highlightTag={CustomHighlight}\n            searchWords={[searchQuery]}\n            textToHighlight={itemLabelText}\n          />\n          {showChildrenAmount ? <ChildrenCountDisplayer item={item} isDragging={isDragging} /> : null}\n        </>\n      );\n    }\n    if (labelOverflow === 'truncate') {\n      return (\n        <TruncatedTooltipText\n          value={\n            <>\n              {itemLabelText}\n              {showChildrenAmount ? <ChildrenCountDisplayer item={item} isDragging={isDragging} /> : null}\n            </>\n          }\n        />\n      );\n    }\n    return (\n      <>\n        {itemLabelText}\n        {showChildrenAmount ? <ChildrenCountDisplayer item={item} isDragging={isDragging} /> : null}\n      </>\n    );\n  }, [item, isDragging, searchQuery, nameKey, showChildrenAmount, labelOverflow]);\n\n  let className = '';\n  if (labelOverflow === 'wrap-all') className += `${classNameModifierWrapAll} `;\n  if (labelOverflow === 'truncate') className += `${classNameModifierTruncate} `;\n\n  return (\n    <StyledItemContent data-testid={`${treeItemBlockName}-content`} isDragging={isDragging} isDisabled={isDisabled}>\n      <ItemValue className={className}>{Text}</ItemValue>\n    </StyledItemContent>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACqBrB,SAuBY,UAvBZ,KAuBY,YAvBZ;AApBF,SAAgB,SAAS,kBAAkB;AAC3C,OAAO,iBAAiB;AACxB,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,8BAA8B;AACvC,SAAS,kBAAkB,yBAAyB;AACpD,OAAO,qBAAqB;AAG5B,MAAM,YAAY,kBAAkB,MAAM,EAAE,mBAAmB,OAAO;AAKtE,MAAM,2BAA2B,GAAG,gBAAgB,IAAI,iBAAiB;AACzE,MAAM,4BAA4B,GAAG,gBAAgB,IAAI,iBAAiB;AAG1E,MAAM,kBAAkB,CAAC,EAAE,SAAS,MAClC,oBAAC,UAAK,WAAU,uBAAsB,eAAY,uBAC/C,UACH;AAOK,MAAM,eAAe,CAAC,UAA+B;AAC1D,QAAM,EAAE,MAAM,YAAY,WAAW,IAAI;AACzC,QAAM,MAAM,WAAW,eAAe;AACtC,QAAM;AAAA,IACJ,OAAO,EAAE,aAAa,oBAAoB,eAAe,QAAQ;AAAA,EACnE,IAAI;AAEJ,QAAM,OAAO,QAAQ,MAAM;AACzB,UAAM,gBAAgB,KAAK,OAAO;AAClC,QAAI,aAAa;AACf,UAAI,kBAAkB,YAAY;AAChC,eACE;AAAA,UAAC;AAAA;AAAA,YACC,OACE,iCACE;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,YAAU;AAAA,kBACV,cAAc;AAAA,kBACd,aAAa,CAAC,WAAW;AAAA,kBACzB,iBAAiB;AAAA;AAAA,cACnB;AAAA,cACC,qBAAqB,oBAAC,0BAAuB,MAAY,YAAwB,IAAK;AAAA,eACzF;AAAA;AAAA,QAEJ;AAAA,MAEJ;AACA,aACE,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,YAAU;AAAA,YACV,cAAc;AAAA,YACd,aAAa,CAAC,WAAW;AAAA,YACzB,iBAAiB;AAAA;AAAA,QACnB;AAAA,QACC,qBAAqB,oBAAC,0BAAuB,MAAY,YAAwB,IAAK;AAAA,SACzF;AAAA,IAEJ;AACA,QAAI,kBAAkB,YAAY;AAChC,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OACE,iCACG;AAAA;AAAA,YACA,qBAAqB,oBAAC,0BAAuB,MAAY,YAAwB,IAAK;AAAA,aACzF;AAAA;AAAA,MAEJ;AAAA,IAEJ;AACA,WACE,iCACG;AAAA;AAAA,MACA,qBAAqB,oBAAC,0BAAuB,MAAY,YAAwB,IAAK;AAAA,OACzF;AAAA,EAEJ,GAAG,CAAC,MAAM,YAAY,aAAa,SAAS,oBAAoB,aAAa,CAAC;AAE9E,MAAI,YAAY;AAChB,MAAI,kBAAkB,WAAY,cAAa,GAAG,wBAAwB;AAC1E,MAAI,kBAAkB,WAAY,cAAa,GAAG,yBAAyB;AAE3E,SACE,oBAAC,qBAAkB,eAAa,GAAG,iBAAiB,YAAY,YAAwB,YACtF,8BAAC,aAAU,WAAuB,gBAAK,GACzC;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useMemo, useContext } from 'react';\nimport Highlighter from 'react-highlight-words';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { TruncatedTooltipText } from '../TruncatedTooltipText.js';\nimport { StyledItemContent } from './styled.js';\nimport { ChildrenCountDisplayer } from './ChildrenCountDisplayer.js';\nimport { DSTreeViewPrefix, treeItemBlockName } from '../config/cssClassesConstants.js';\nimport TreeViewContext from '../TreeViewContext.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\n\nconst ItemValue = aggregatedClasses('span')(treeItemBlockName, 'value') as unknown as React.ComponentType<\n  React.ComponentProps<'span'>\n>;\n\n// const wrapperClassName = `${DSTreeViewPrefix}-${treeItemBlockName}-content`;\nconst classNameModifierWrapAll = `${DSTreeViewPrefix}-${treeItemBlockName}__value--wrap-all`;\nconst classNameModifierTruncate = `${DSTreeViewPrefix}-${treeItemBlockName}__value--truncate`;\n\n// eslint-disable-next-line react/prop-types\nconst CustomHighlight = ({ children }: { children: React.ReactNode }) => (\n  <mark className=\"tree-text-highlight\" data-testid=\"tree-text-highlight\">\n    {children}\n  </mark>\n);\ninterface PropsT {\n  item: DSTreeviewT.Item;\n  isDragging: boolean;\n  isDisabled: boolean;\n}\nexport const TreeItemText = (props: PropsT): JSX.Element => {\n  const { item, isDragging, isDisabled } = props;\n  const ctx = useContext(TreeViewContext);\n  const {\n    props: { searchQuery, showChildrenAmount, labelOverflow, nameKey },\n  } = ctx;\n\n  const Text = useMemo(() => {\n    const itemLabelText = item[nameKey] as DSTreeviewT.Item['name'];\n    if (searchQuery) {\n      if (labelOverflow === 'truncate') {\n        return (\n          <TruncatedTooltipText\n            value={\n              <>\n                <Highlighter\n                  autoEscape\n                  highlightTag={CustomHighlight}\n                  searchWords={[searchQuery]}\n                  textToHighlight={itemLabelText}\n                />\n                {showChildrenAmount ? <ChildrenCountDisplayer item={item} isDragging={isDragging} /> : null}\n              </>\n            }\n          />\n        );\n      }\n      return (\n        <>\n          <Highlighter\n            autoEscape\n            highlightTag={CustomHighlight}\n            searchWords={[searchQuery]}\n            textToHighlight={itemLabelText}\n          />\n          {showChildrenAmount ? <ChildrenCountDisplayer item={item} isDragging={isDragging} /> : null}\n        </>\n      );\n    }\n    if (labelOverflow === 'truncate') {\n      return (\n        <TruncatedTooltipText\n          value={\n            <>\n              {itemLabelText}\n              {showChildrenAmount ? <ChildrenCountDisplayer item={item} isDragging={isDragging} /> : null}\n            </>\n          }\n        />\n      );\n    }\n    return (\n      <>\n        {itemLabelText}\n        {showChildrenAmount ? <ChildrenCountDisplayer item={item} isDragging={isDragging} /> : null}\n      </>\n    );\n  }, [item, isDragging, searchQuery, nameKey, showChildrenAmount, labelOverflow]);\n\n  let className = '';\n  if (labelOverflow === 'wrap-all') className += `${classNameModifierWrapAll} `;\n  if (labelOverflow === 'truncate') className += `${classNameModifierTruncate} `;\n\n  return (\n    <StyledItemContent data-testid={`${treeItemBlockName}-content`} isDragging={isDragging} isDisabled={isDisabled}>\n      <ItemValue className={className}>{Text}</ItemValue>\n    </StyledItemContent>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACqBrB,SAuBY,UAvBZ,KAuBY,YAvBZ;AApBF,SAAgB,SAAS,kBAAkB;AAC3C,OAAO,iBAAiB;AACxB,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAS,8BAA8B;AACvC,SAAS,kBAAkB,yBAAyB;AACpD,OAAO,qBAAqB;AAG5B,MAAM,YAAY,kBAAkB,MAAM,EAAE,mBAAmB,OAAO;AAKtE,MAAM,2BAA2B,GAAG,gBAAgB,IAAI,iBAAiB;AACzE,MAAM,4BAA4B,GAAG,gBAAgB,IAAI,iBAAiB;AAG1E,MAAM,kBAAkB,CAAC,EAAE,SAAS,MAClC,oBAAC,UAAK,WAAU,uBAAsB,eAAY,uBAC/C,UACH;AAOK,MAAM,eAAe,CAAC,UAA+B;AAC1D,QAAM,EAAE,MAAM,YAAY,WAAW,IAAI;AACzC,QAAM,MAAM,WAAW,eAAe;AACtC,QAAM;AAAA,IACJ,OAAO,EAAE,aAAa,oBAAoB,eAAe,QAAQ;AAAA,EACnE,IAAI;AAEJ,QAAM,OAAO,QAAQ,MAAM;AACzB,UAAM,gBAAgB,KAAK,OAAO;AAClC,QAAI,aAAa;AACf,UAAI,kBAAkB,YAAY;AAChC,eACE;AAAA,UAAC;AAAA;AAAA,YACC,OACE,iCACE;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,YAAU;AAAA,kBACV,cAAc;AAAA,kBACd,aAAa,CAAC,WAAW;AAAA,kBACzB,iBAAiB;AAAA;AAAA,cACnB;AAAA,cACC,qBAAqB,oBAAC,0BAAuB,MAAY,YAAwB,IAAK;AAAA,eACzF;AAAA;AAAA,QAEJ;AAAA,MAEJ;AACA,aACE,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,YAAU;AAAA,YACV,cAAc;AAAA,YACd,aAAa,CAAC,WAAW;AAAA,YACzB,iBAAiB;AAAA;AAAA,QACnB;AAAA,QACC,qBAAqB,oBAAC,0BAAuB,MAAY,YAAwB,IAAK;AAAA,SACzF;AAAA,IAEJ;AACA,QAAI,kBAAkB,YAAY;AAChC,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OACE,iCACG;AAAA;AAAA,YACA,qBAAqB,oBAAC,0BAAuB,MAAY,YAAwB,IAAK;AAAA,aACzF;AAAA;AAAA,MAEJ;AAAA,IAEJ;AACA,WACE,iCACG;AAAA;AAAA,MACA,qBAAqB,oBAAC,0BAAuB,MAAY,YAAwB,IAAK;AAAA,OACzF;AAAA,EAEJ,GAAG,CAAC,MAAM,YAAY,aAAa,SAAS,oBAAoB,aAAa,CAAC;AAE9E,MAAI,YAAY;AAChB,MAAI,kBAAkB,WAAY,cAAa,GAAG,wBAAwB;AAC1E,MAAI,kBAAkB,WAAY,cAAa,GAAG,yBAAyB;AAE3E,SACE,oBAAC,qBAAkB,eAAa,GAAG,iBAAiB,YAAY,YAAwB,YACtF,8BAAC,aAAU,WAAuB,gBAAK,GACzC;AAEJ;",
   "names": []
 }

package/dist/esm/parts/TreeList.js

@@ -75,7 +75,8 @@ const TreeListComp = () => {
     visibleItems: flattenedVisibleItems,
     props: { width, height, rowSize, noItemsPlaceholder, isLoading, removeWidthMaxContent }
   } = ctx;
-  const { totalSize, virtualItems } = virtualListHelpers;
+  const totalSize = virtualListHelpers.getTotalSize();
+  const virtualItems = virtualListHelpers.getVirtualItems();
   const className = `${rowSize === "compact" ? `${compactRowClass}` : `${normaRowClass}`}`;
   const { visibleItems } = useContext(DnDTreeContext);
   return /* @__PURE__ */ jsx(TreeListWrapper, { $removeWidthMaxContent: removeWidthMaxContent, children: /* @__PURE__ */ jsxs(
@@ -112,7 +113,7 @@ const TreeListComp = () => {
               position: "relative"
             },
             children: virtualItems.map((virtualItem) => {
-              const { index, measureRef, start } = virtualItem;
+              const { index, start } = virtualItem;
               const item = (visibleItems || flattenedVisibleItems)[index];
               if (!item) return null;
               item.virtualIndex = index;
@@ -125,7 +126,7 @@ const TreeListComp = () => {
               };
               const listItemProps = {
                 key: `DS-TreeView-List-Item-${id}`,
-                virtualItemRef: measureRef,
+                virtualItemRef: virtualListHelpers.measureElement,
                 index,
                 // this is consumed by the DnD HOC
                 itemIndex: index,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/TreeList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { styled } from '@elliemae/ds-system';\nimport TreeViewContext from '../TreeViewContext.js';\nimport { DSTreeViewPrefix, treeListBlockName } from '../config/cssClassesConstants.js';\nimport TreeItem from './TreeItem.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\nimport { withConditionalDnDRowContext } from '../hoc/WithConditionalDnDContext.js';\nimport { DnDTreeContext } from '../hoc/DnDTreeContext.js';\n\nexport const treeListNoItemsBn = `${treeListBlockName}-no-items`;\nexport const TreeListNoItems = aggregatedClasses('div', {\n  'data-testid': treeListNoItemsBn,\n})(treeListNoItemsBn) as unknown as React.ComponentType<React.ComponentProps<'div'>>;\n\n// React.ComponentProps<'ul'> uses LegacyRef typings that existed pre-hook era\n// we omit the LegacyRef typings in favor of hook-era typings\ninterface UlProps extends Omit<React.ComponentProps<'ul'>, 'ref'> {\n  ref: React.MutableRefObject<HTMLUListElement | undefined> | undefined;\n}\nconst LegacyTreeListWrapper = aggregatedClasses('ul', {\n  'data-testid': treeListBlockName,\n  role: 'tree',\n})(treeListBlockName, null, ({ rowSize }: { rowSize: 'normal' | 'compact' }) => ({\n  [`rowsize-${rowSize}`]: rowSize,\n})) as unknown as React.ComponentType<UlProps>;\n\nexport const TreeListWrapper = styled.div<{ $removeWidthMaxContent?: boolean }>`\n  ${({ $removeWidthMaxContent }) => ($removeWidthMaxContent ? '' : 'width: max-content;')}\n  height: 100%;\n\n  // Item content\n  .em-ds-tree-item.hover {\n    &[aria-disabled='true'] {\n      background-color: ${({ theme }) => theme.colors.neutral['000']};\n    }\n  }\n\n  .em-ds-tree-item.selected {\n    &[aria-disabled='true'] {\n      background-color: ${({ theme }) => theme.colors.neutral['000']};\n    }\n  }\n\n  .em-ds-tree-item.hover.selected {\n    &[aria-disabled='true'] {\n      background-color: ${({ theme }) => theme.colors.neutral['000']};\n    }\n  }\n\n  // DnD Handle\n  .em-ds-icon.drag-handle {\n    &[aria-disabled='true'] {\n      cursor: not-allowed;\n      fill: ${({ theme }) => theme.colors.neutral['500']};\n    }\n  }\n\n  // Item left icon\n  .em-ds-icon.tree-item-icon.tree-item-icon-disabled {\n    fill: ${({ theme }) => theme.colors.neutral['500']};\n  }\n\n  // Rigth addons\n  .em-ds-tree-item--dragging.em-ds-tree-item__addons.em-ds-icon {\n    fill: ${({ theme }) => theme.colors.neutral['600']};\n  }\n\n  //Count displayer\n  .em-ds-tree-item-children-count-displayer {\n    color: ${({ theme }) => theme.colors.neutral['700']};\n  }\n`;\n\nconst compactRowClass = `${DSTreeViewPrefix}-tv-row-size-compact`;\nconst normaRowClass = `${DSTreeViewPrefix}-tv-row-size-normal`;\n\ninterface PropsT {\n  onMouseDragOverItem?: (opts: {\n    event: React.MouseEvent<HTMLLIElement>;\n    item: DSTreeviewT.Item;\n    itemIndex: number;\n    setIsDraggingOverThis: React.Dispatch<React.SetStateAction<boolean>>;\n    openFolderOnHoverTimeout: React.MutableRefObject<NodeJS.Timeout | null>;\n  }) => void;\n}\n\nconst TreeListComp: React.ComponentType<PropsT> = () => {\n  const ctx = useContext(TreeViewContext);\n  const {\n    virtualListRef,\n    virtualListHelpers,\n    visibleItems: flattenedVisibleItems,\n    props: { width, height, rowSize, noItemsPlaceholder, isLoading, removeWidthMaxContent },\n  } = ctx;\n  const { totalSize, virtualItems } = virtualListHelpers;\n  const className = `${rowSize === 'compact' ? `${compactRowClass}` : `${normaRowClass}`}`;\n\n  const { visibleItems } = useContext(DnDTreeContext);\n\n  return (\n    <TreeListWrapper $removeWidthMaxContent={removeWidthMaxContent}>\n      <LegacyTreeListWrapper\n        ref={virtualListRef}\n        className={className}\n        style={{\n          height: `${typeof height === 'number' ? `${height}px` : height}`,\n          width: `${typeof width === 'number' ? `${width}px` : width}`,\n          overflow: 'auto',\n        }}\n      >\n        {isLoading ? (\n          <div\n            style={{\n              width: '100%',\n              height: '100%',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            }}\n          >\n            <DSCircularProgressIndicator size=\"xl\" loading={isLoading} showLabel waiting={false} showTooltip={false} />\n          </div>\n        ) : null}\n        {!isLoading && virtualItems.length === 0 ? <TreeListNoItems>{noItemsPlaceholder}</TreeListNoItems> : null}\n        {!isLoading && virtualItems.length !== 0 ? (\n          <div\n            style={{\n              height: `${totalSize}px`,\n              width: '100%',\n              position: 'relative',\n            }}\n          >\n            {virtualItems.map((virtualItem) => {\n              const { index, measureRef, start } = virtualItem;\n              const item = (visibleItems || flattenedVisibleItems)[index];\n              if (!item) return null;\n              item.virtualIndex = index;\n              const { id } = item;\n\n              const style = {\n                position: 'absolute',\n                top: `${start}px`,\n                left: 0,\n                width: '100%',\n              };\n\n              const listItemProps = {\n                key: `DS-TreeView-List-Item-${id}`,\n                virtualItemRef: measureRef,\n                index, // this is consumed by the DnD HOC\n                itemIndex: index,\n                item,\n                itemWrapperStyle: style,\n              };\n\n              return <TreeItem {...listItemProps} />;\n            })}\n          </div>\n        ) : null}\n      </LegacyTreeListWrapper>\n    </TreeListWrapper>\n  );\n};\n\nexport const TreeList = withConditionalDnDRowContext(TreeListComp);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { styled } from '@elliemae/ds-system';\nimport TreeViewContext from '../TreeViewContext.js';\nimport { DSTreeViewPrefix, treeListBlockName } from '../config/cssClassesConstants.js';\nimport TreeItem from './TreeItem.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\nimport { withConditionalDnDRowContext } from '../hoc/WithConditionalDnDContext.js';\nimport { DnDTreeContext } from '../hoc/DnDTreeContext.js';\n\nexport const treeListNoItemsBn = `${treeListBlockName}-no-items`;\nexport const TreeListNoItems = aggregatedClasses('div', {\n  'data-testid': treeListNoItemsBn,\n})(treeListNoItemsBn) as unknown as React.ComponentType<React.ComponentProps<'div'>>;\n\n// React.ComponentProps<'ul'> uses LegacyRef typings that existed pre-hook era\n// we omit the LegacyRef typings in favor of hook-era typings\ninterface UlProps extends Omit<React.ComponentProps<'ul'>, 'ref'> {\n  ref: React.MutableRefObject<HTMLUListElement | undefined> | undefined;\n}\nconst LegacyTreeListWrapper = aggregatedClasses('ul', {\n  'data-testid': treeListBlockName,\n  role: 'tree',\n})(treeListBlockName, null, ({ rowSize }: { rowSize: 'normal' | 'compact' }) => ({\n  [`rowsize-${rowSize}`]: rowSize,\n})) as unknown as React.ComponentType<UlProps>;\n\nexport const TreeListWrapper = styled.div<{ $removeWidthMaxContent?: boolean }>`\n  ${({ $removeWidthMaxContent }) => ($removeWidthMaxContent ? '' : 'width: max-content;')}\n  height: 100%;\n\n  // Item content\n  .em-ds-tree-item.hover {\n    &[aria-disabled='true'] {\n      background-color: ${({ theme }) => theme.colors.neutral['000']};\n    }\n  }\n\n  .em-ds-tree-item.selected {\n    &[aria-disabled='true'] {\n      background-color: ${({ theme }) => theme.colors.neutral['000']};\n    }\n  }\n\n  .em-ds-tree-item.hover.selected {\n    &[aria-disabled='true'] {\n      background-color: ${({ theme }) => theme.colors.neutral['000']};\n    }\n  }\n\n  // DnD Handle\n  .em-ds-icon.drag-handle {\n    &[aria-disabled='true'] {\n      cursor: not-allowed;\n      fill: ${({ theme }) => theme.colors.neutral['500']};\n    }\n  }\n\n  // Item left icon\n  .em-ds-icon.tree-item-icon.tree-item-icon-disabled {\n    fill: ${({ theme }) => theme.colors.neutral['500']};\n  }\n\n  // Rigth addons\n  .em-ds-tree-item--dragging.em-ds-tree-item__addons.em-ds-icon {\n    fill: ${({ theme }) => theme.colors.neutral['600']};\n  }\n\n  //Count displayer\n  .em-ds-tree-item-children-count-displayer {\n    color: ${({ theme }) => theme.colors.neutral['700']};\n  }\n`;\n\nconst compactRowClass = `${DSTreeViewPrefix}-tv-row-size-compact`;\nconst normaRowClass = `${DSTreeViewPrefix}-tv-row-size-normal`;\n\ninterface PropsT {\n  onMouseDragOverItem?: (opts: {\n    event: React.MouseEvent<HTMLLIElement>;\n    item: DSTreeviewT.Item;\n    itemIndex: number;\n    setIsDraggingOverThis: React.Dispatch<React.SetStateAction<boolean>>;\n    openFolderOnHoverTimeout: React.MutableRefObject<NodeJS.Timeout | null>;\n  }) => void;\n}\n\nconst TreeListComp: React.ComponentType<PropsT> = () => {\n  const ctx = useContext(TreeViewContext);\n  const {\n    virtualListRef,\n    virtualListHelpers,\n    visibleItems: flattenedVisibleItems,\n    props: { width, height, rowSize, noItemsPlaceholder, isLoading, removeWidthMaxContent },\n  } = ctx;\n  const totalSize = virtualListHelpers.getTotalSize();\n  const virtualItems = virtualListHelpers.getVirtualItems();\n  const className = `${rowSize === 'compact' ? `${compactRowClass}` : `${normaRowClass}`}`;\n\n  const { visibleItems } = useContext(DnDTreeContext);\n\n  return (\n    <TreeListWrapper $removeWidthMaxContent={removeWidthMaxContent}>\n      <LegacyTreeListWrapper\n        ref={virtualListRef}\n        className={className}\n        style={{\n          height: `${typeof height === 'number' ? `${height}px` : height}`,\n          width: `${typeof width === 'number' ? `${width}px` : width}`,\n          overflow: 'auto',\n        }}\n      >\n        {isLoading ? (\n          <div\n            style={{\n              width: '100%',\n              height: '100%',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            }}\n          >\n            <DSCircularProgressIndicator size=\"xl\" loading={isLoading} showLabel waiting={false} showTooltip={false} />\n          </div>\n        ) : null}\n        {!isLoading && virtualItems.length === 0 ? <TreeListNoItems>{noItemsPlaceholder}</TreeListNoItems> : null}\n        {!isLoading && virtualItems.length !== 0 ? (\n          <div\n            style={{\n              height: `${totalSize}px`,\n              width: '100%',\n              position: 'relative',\n            }}\n          >\n            {virtualItems.map((virtualItem) => {\n              const { index, start } = virtualItem;\n              const item = (visibleItems || flattenedVisibleItems)[index];\n              if (!item) return null;\n              item.virtualIndex = index;\n              const { id } = item;\n\n              const style = {\n                position: 'absolute',\n                top: `${start}px`,\n                left: 0,\n                width: '100%',\n              };\n\n              const listItemProps = {\n                key: `DS-TreeView-List-Item-${id}`,\n                virtualItemRef: virtualListHelpers.measureElement,\n                index, // this is consumed by the DnD HOC\n                itemIndex: index,\n                item,\n                itemWrapperStyle: style,\n              };\n\n              return <TreeItem {...listItemProps} />;\n            })}\n          </div>\n        ) : null}\n      </LegacyTreeListWrapper>\n    </TreeListWrapper>\n  );\n};\n\nexport const TreeList = withConditionalDnDRowContext(TreeListComp);\n"],
+  "mappings": "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",
   "names": []
 }