@elliemae/ds-treeview 3.53.0-alpha.1 → 3.53.0-alpha.3

package/dist/cjs/parts/CheckboxSelectable.js

@@ -34,7 +34,7 @@ module.exports = __toCommonJS(CheckboxSelectable_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
+var import_ds_form_checkbox = require("@elliemae/ds-form-checkbox");
 var import_ds_system = require("@elliemae/ds-system");
 var import_TreeViewContext = __toESM(require("../TreeViewContext.js"));
 var import_selectable_helper = require("../utils/selectable-helper.js");
@@ -97,7 +97,7 @@ const CheckboxSelectable = (props) => {
     return void 0;
   }, [children, uniqueTreeViewUUID]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledCheckboxWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ds_controlled_form.DSControlledCheckbox,
+    import_ds_form_checkbox.DSControlledCheckbox,
     {
       checked: isChecked,
       disabled: isDisabled && !applyAriaDisabled,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/parts/CheckboxSelectable.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext, useCallback, useMemo } from 'react';\nimport { DSControlledCheckbox } from '@elliemae/ds-controlled-form';\nimport { styled } from '@elliemae/ds-system';\nimport TreeViewContext from '../TreeViewContext.js';\nimport { toggleCheckboxItem } from '../utils/selectable-helper.js';\nimport { filterObject } from '../utils/object-helpers.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\nconst StyledCheckboxWrapper = styled.span`\n  padding-top: 3px;\n  margin-left: 8px;\n`;\ninterface PropsT {\n  item: DSTreeviewT.Item;\n  itemIndex: number;\n}\nconst CheckboxSelectable = (props: PropsT): JSX.Element | null => {\n  const { item, itemIndex } = props;\n  const { id, children } = item;\n\n  const ctx = useContext(TreeViewContext);\n  const {\n    props: { onSelectionChange, isItemDisabled, applyAriaDisabled },\n    virtualListHelpers: { scrollToIndex },\n    triggerTreeRerender,\n    selectedCheckboxes,\n    setInternallySelectedCheckboxes,\n    uniqueTreeViewUUID,\n  } = ctx;\n\n  const onCheckboxChange = useCallback(() => {\n    const newSelections = toggleCheckboxItem(item, selectedCheckboxes);\n    const newSelectionHasmap = filterObject<DSTreeviewT.SelectionState>(\n      { ...selectedCheckboxes, ...newSelections },\n      (value) => value !== false,\n    );\n    setInternallySelectedCheckboxes(newSelectionHasmap);\n    triggerTreeRerender();\n\n    const indexAndScrollTo = {\n      scrollToItem: () => {\n        if (typeof item.virtualIndex === 'number') scrollToIndex(item.virtualIndex);\n      },\n      itemIndex,\n    };\n    if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);\n  }, [\n    item,\n    triggerTreeRerender,\n    onSelectionChange,\n    itemIndex,\n    scrollToIndex,\n    selectedCheckboxes,\n    setInternallySelectedCheckboxes,\n  ]);\n  const isChecked = useMemo(() => {\n    if (selectedCheckboxes[id] === 'mixed') {\n      return 'mixed' as const;\n    }\n    if (selectedCheckboxes[id] === true) {\n      return true;\n    }\n    return false;\n  }, [selectedCheckboxes, id]);\n\n  const isDisabled = useMemo(() => isItemDisabled(item), [item, isItemDisabled]);\n  const ariaControls = useMemo(() => {\n    if (children?.length) {\n      const childrenIds = children.map((child) => `ds-item-${uniqueTreeViewUUID}-${child.id}`);\n      return childrenIds.join(' ');\n    }\n    return undefined;\n  }, [children, uniqueTreeViewUUID]);\n\n  return (\n    <StyledCheckboxWrapper>\n      <DSControlledCheckbox\n        checked={isChecked}\n        disabled={isDisabled && !applyAriaDisabled}\n        applyAriaDisabled={isDisabled && applyAriaDisabled}\n        data-testid=\"tree-item-checkbox\"\n        aria-controls={ariaControls}\n        id={`ds-item-${uniqueTreeViewUUID}-${id}`}\n        onChange={onCheckboxChange}\n        tabIndex=\"0\"\n      />\n    </StyledCheckboxWrapper>\n  );\n};\n\nexport default CheckboxSelectable;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2EjB;AA3EN,mBAAwD;AACxD,gCAAqC;AACrC,uBAAuB;AACvB,6BAA4B;AAC5B,+BAAmC;AACnC,4BAA6B;AAE7B,MAAM,wBAAwB,wBAAO;AAAA;AAAA;AAAA;AAQrC,MAAM,qBAAqB,CAAC,UAAsC;AAChE,QAAM,EAAE,MAAM,UAAU,IAAI;AAC5B,QAAM,EAAE,IAAI,SAAS,IAAI;AAEzB,QAAM,UAAM,yBAAW,uBAAAA,OAAe;AACtC,QAAM;AAAA,IACJ,OAAO,EAAE,mBAAmB,gBAAgB,kBAAkB;AAAA,IAC9D,oBAAoB,EAAE,cAAc;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,uBAAmB,0BAAY,MAAM;AACzC,UAAM,oBAAgB,6CAAmB,MAAM,kBAAkB;AACjE,UAAM,yBAAqB;AAAA,MACzB,EAAE,GAAG,oBAAoB,GAAG,cAAc;AAAA,MAC1C,CAAC,UAAU,UAAU;AAAA,IACvB;AACA,oCAAgC,kBAAkB;AAClD,wBAAoB;AAEpB,UAAM,mBAAmB;AAAA,MACvB,cAAc,MAAM;AAClB,YAAI,OAAO,KAAK,iBAAiB,SAAU,eAAc,KAAK,YAAY;AAAA,MAC5E;AAAA,MACA;AAAA,IACF;AACA,QAAI,kBAAmB,mBAAkB,oBAAoB,MAAM,gBAAgB;AAAA,EACrF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,gBAAY,sBAAQ,MAAM;AAC9B,QAAI,mBAAmB,EAAE,MAAM,SAAS;AACtC,aAAO;AAAA,IACT;AACA,QAAI,mBAAmB,EAAE,MAAM,MAAM;AACnC,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,GAAG,CAAC,oBAAoB,EAAE,CAAC;AAE3B,QAAM,iBAAa,sBAAQ,MAAM,eAAe,IAAI,GAAG,CAAC,MAAM,cAAc,CAAC;AAC7E,QAAM,mBAAe,sBAAQ,MAAM;AACjC,QAAI,UAAU,QAAQ;AACpB,YAAM,cAAc,SAAS,IAAI,CAAC,UAAU,WAAW,kBAAkB,IAAI,MAAM,EAAE,EAAE;AACvF,aAAO,YAAY,KAAK,GAAG;AAAA,IAC7B;AACA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,kBAAkB,CAAC;AAEjC,SACE,4CAAC,yBACC;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,UAAU,cAAc,CAAC;AAAA,MACzB,mBAAmB,cAAc;AAAA,MACjC,eAAY;AAAA,MACZ,iBAAe;AAAA,MACf,IAAI,WAAW,kBAAkB,IAAI,EAAE;AAAA,MACvC,UAAU;AAAA,MACV,UAAS;AAAA;AAAA,EACX,GACF;AAEJ;AAEA,IAAO,6BAAQ;",
+  "sourcesContent": ["import React, { useContext, useCallback, useMemo } from 'react';\nimport { DSControlledCheckbox } from '@elliemae/ds-form-checkbox';\nimport { styled } from '@elliemae/ds-system';\nimport TreeViewContext from '../TreeViewContext.js';\nimport { toggleCheckboxItem } from '../utils/selectable-helper.js';\nimport { filterObject } from '../utils/object-helpers.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\nconst StyledCheckboxWrapper = styled.span`\n  padding-top: 3px;\n  margin-left: 8px;\n`;\ninterface PropsT {\n  item: DSTreeviewT.Item;\n  itemIndex: number;\n}\nconst CheckboxSelectable = (props: PropsT): JSX.Element | null => {\n  const { item, itemIndex } = props;\n  const { id, children } = item;\n\n  const ctx = useContext(TreeViewContext);\n  const {\n    props: { onSelectionChange, isItemDisabled, applyAriaDisabled },\n    virtualListHelpers: { scrollToIndex },\n    triggerTreeRerender,\n    selectedCheckboxes,\n    setInternallySelectedCheckboxes,\n    uniqueTreeViewUUID,\n  } = ctx;\n\n  const onCheckboxChange = useCallback(() => {\n    const newSelections = toggleCheckboxItem(item, selectedCheckboxes);\n    const newSelectionHasmap = filterObject<DSTreeviewT.SelectionState>(\n      { ...selectedCheckboxes, ...newSelections },\n      (value) => value !== false,\n    );\n    setInternallySelectedCheckboxes(newSelectionHasmap);\n    triggerTreeRerender();\n\n    const indexAndScrollTo = {\n      scrollToItem: () => {\n        if (typeof item.virtualIndex === 'number') scrollToIndex(item.virtualIndex);\n      },\n      itemIndex,\n    };\n    if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);\n  }, [\n    item,\n    triggerTreeRerender,\n    onSelectionChange,\n    itemIndex,\n    scrollToIndex,\n    selectedCheckboxes,\n    setInternallySelectedCheckboxes,\n  ]);\n  const isChecked = useMemo(() => {\n    if (selectedCheckboxes[id] === 'mixed') {\n      return 'mixed' as const;\n    }\n    if (selectedCheckboxes[id] === true) {\n      return true;\n    }\n    return false;\n  }, [selectedCheckboxes, id]);\n\n  const isDisabled = useMemo(() => isItemDisabled(item), [item, isItemDisabled]);\n  const ariaControls = useMemo(() => {\n    if (children?.length) {\n      const childrenIds = children.map((child) => `ds-item-${uniqueTreeViewUUID}-${child.id}`);\n      return childrenIds.join(' ');\n    }\n    return undefined;\n  }, [children, uniqueTreeViewUUID]);\n\n  return (\n    <StyledCheckboxWrapper>\n      <DSControlledCheckbox\n        checked={isChecked}\n        disabled={isDisabled && !applyAriaDisabled}\n        applyAriaDisabled={isDisabled && applyAriaDisabled}\n        data-testid=\"tree-item-checkbox\"\n        aria-controls={ariaControls}\n        id={`ds-item-${uniqueTreeViewUUID}-${id}`}\n        onChange={onCheckboxChange}\n        tabIndex=\"0\"\n      />\n    </StyledCheckboxWrapper>\n  );\n};\n\nexport default CheckboxSelectable;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2EjB;AA3EN,mBAAwD;AACxD,8BAAqC;AACrC,uBAAuB;AACvB,6BAA4B;AAC5B,+BAAmC;AACnC,4BAA6B;AAE7B,MAAM,wBAAwB,wBAAO;AAAA;AAAA;AAAA;AAQrC,MAAM,qBAAqB,CAAC,UAAsC;AAChE,QAAM,EAAE,MAAM,UAAU,IAAI;AAC5B,QAAM,EAAE,IAAI,SAAS,IAAI;AAEzB,QAAM,UAAM,yBAAW,uBAAAA,OAAe;AACtC,QAAM;AAAA,IACJ,OAAO,EAAE,mBAAmB,gBAAgB,kBAAkB;AAAA,IAC9D,oBAAoB,EAAE,cAAc;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,uBAAmB,0BAAY,MAAM;AACzC,UAAM,oBAAgB,6CAAmB,MAAM,kBAAkB;AACjE,UAAM,yBAAqB;AAAA,MACzB,EAAE,GAAG,oBAAoB,GAAG,cAAc;AAAA,MAC1C,CAAC,UAAU,UAAU;AAAA,IACvB;AACA,oCAAgC,kBAAkB;AAClD,wBAAoB;AAEpB,UAAM,mBAAmB;AAAA,MACvB,cAAc,MAAM;AAClB,YAAI,OAAO,KAAK,iBAAiB,SAAU,eAAc,KAAK,YAAY;AAAA,MAC5E;AAAA,MACA;AAAA,IACF;AACA,QAAI,kBAAmB,mBAAkB,oBAAoB,MAAM,gBAAgB;AAAA,EACrF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,gBAAY,sBAAQ,MAAM;AAC9B,QAAI,mBAAmB,EAAE,MAAM,SAAS;AACtC,aAAO;AAAA,IACT;AACA,QAAI,mBAAmB,EAAE,MAAM,MAAM;AACnC,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,GAAG,CAAC,oBAAoB,EAAE,CAAC;AAE3B,QAAM,iBAAa,sBAAQ,MAAM,eAAe,IAAI,GAAG,CAAC,MAAM,cAAc,CAAC;AAC7E,QAAM,mBAAe,sBAAQ,MAAM;AACjC,QAAI,UAAU,QAAQ;AACpB,YAAM,cAAc,SAAS,IAAI,CAAC,UAAU,WAAW,kBAAkB,IAAI,MAAM,EAAE,EAAE;AACvF,aAAO,YAAY,KAAK,GAAG;AAAA,IAC7B;AACA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,kBAAkB,CAAC;AAEjC,SACE,4CAAC,yBACC;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,UAAU,cAAc,CAAC;AAAA,MACzB,mBAAmB,cAAc;AAAA,MACjC,eAAY;AAAA,MACZ,iBAAe;AAAA,MACf,IAAI,WAAW,kBAAkB,IAAI,EAAE;AAAA,MACvC,UAAU;AAAA,MACV,UAAS;AAAA;AAAA,EACX,GACF;AAEJ;AAEA,IAAO,6BAAQ;",
   "names": ["TreeViewContext"]
 }

package/dist/cjs/parts/RadioSelectable.js

@@ -33,12 +33,12 @@ __export(RadioSelectable_exports, {
 module.exports = __toCommonJS(RadioSelectable_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
+var import_ds_form_radio = require("@elliemae/ds-form-radio");
+var import_react = __toESM(require("react"));
 var import_TreeViewContext = __toESM(require("../TreeViewContext.js"));
 const RadioSelectable = (props) => {
   const { item, itemIndex } = props;
-  const ctx = (0, import_react.useContext)(import_TreeViewContext.default);
+  const ctx = import_react.default.useContext(import_TreeViewContext.default);
   const {
     props: { onSelectionChange, isItemDisabled, applyAriaDisabled },
     virtualListHelpers: { scrollToIndex },
@@ -46,7 +46,7 @@ const RadioSelectable = (props) => {
     setInternallySelectedCheckboxes
   } = ctx;
   const { id } = item;
-  const onRadioChange = (0, import_react.useCallback)(() => {
+  const onRadioChange = import_react.default.useCallback(() => {
     const newSelectionHasmap = { [id]: true };
     setInternallySelectedCheckboxes(newSelectionHasmap);
     const indexAndScrollTo = {
@@ -57,9 +57,9 @@ const RadioSelectable = (props) => {
     };
     if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);
   }, [id, setInternallySelectedCheckboxes, itemIndex, onSelectionChange, item, scrollToIndex]);
-  const isDisabled = (0, import_react.useMemo)(() => isItemDisabled(item), [item, isItemDisabled]);
+  const isDisabled = import_react.default.useMemo(() => isItemDisabled(item), [item, isItemDisabled]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ds_controlled_form.DSControlledRadio,
+    import_ds_form_radio.DSControlledRadio,
     {
       checked: selectedCheckboxes[id] === true,
       disabled: isDisabled && !applyAriaDisabled,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/parts/RadioSelectable.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext, useCallback, useMemo } from 'react';\nimport { DSControlledRadio } from '@elliemae/ds-controlled-form';\nimport TreeViewContext from '../TreeViewContext.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\ninterface PropsT {\n  item: DSTreeviewT.Item;\n  itemIndex: number;\n}\nconst RadioSelectable = (props: PropsT) => {\n  const { item, itemIndex } = props;\n\n  const ctx = useContext(TreeViewContext);\n  const {\n    props: { onSelectionChange, isItemDisabled, applyAriaDisabled },\n    virtualListHelpers: { scrollToIndex },\n    selectedCheckboxes,\n    setInternallySelectedCheckboxes,\n  } = ctx;\n\n  const { id } = item;\n\n  const onRadioChange = useCallback(() => {\n    const newSelectionHasmap = { [id]: true };\n    setInternallySelectedCheckboxes(newSelectionHasmap);\n    const indexAndScrollTo = {\n      scrollToItem: () => {\n        if (item.virtualIndex) scrollToIndex(item.virtualIndex);\n      },\n      itemIndex,\n    };\n    if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);\n  }, [id, setInternallySelectedCheckboxes, itemIndex, onSelectionChange, item, scrollToIndex]);\n\n  const isDisabled = useMemo(() => isItemDisabled(item), [item, isItemDisabled]);\n  return (\n    <DSControlledRadio\n      checked={selectedCheckboxes[id] === true}\n      disabled={isDisabled && !applyAriaDisabled}\n      applyAriaDisabled={isDisabled && applyAriaDisabled}\n      aria-label={item.name}\n      className=\"em-ds-tree-item-radio\"\n      data-testid=\"tree-item-radio\"\n      onChange={onRadioChange}\n      tabIndex={0}\n      value={id.toString()}\n    />\n  );\n};\n\nexport default RadioSelectable;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmCnB;AAnCJ,mBAAwD;AACxD,gCAAkC;AAClC,6BAA4B;AAM5B,MAAM,kBAAkB,CAAC,UAAkB;AACzC,QAAM,EAAE,MAAM,UAAU,IAAI;AAE5B,QAAM,UAAM,yBAAW,uBAAAA,OAAe;AACtC,QAAM;AAAA,IACJ,OAAO,EAAE,mBAAmB,gBAAgB,kBAAkB;AAAA,IAC9D,oBAAoB,EAAE,cAAc;AAAA,IACpC;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,GAAG,IAAI;AAEf,QAAM,oBAAgB,0BAAY,MAAM;AACtC,UAAM,qBAAqB,EAAE,CAAC,EAAE,GAAG,KAAK;AACxC,oCAAgC,kBAAkB;AAClD,UAAM,mBAAmB;AAAA,MACvB,cAAc,MAAM;AAClB,YAAI,KAAK,aAAc,eAAc,KAAK,YAAY;AAAA,MACxD;AAAA,MACA;AAAA,IACF;AACA,QAAI,kBAAmB,mBAAkB,oBAAoB,MAAM,gBAAgB;AAAA,EACrF,GAAG,CAAC,IAAI,iCAAiC,WAAW,mBAAmB,MAAM,aAAa,CAAC;AAE3F,QAAM,iBAAa,sBAAQ,MAAM,eAAe,IAAI,GAAG,CAAC,MAAM,cAAc,CAAC;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,mBAAmB,EAAE,MAAM;AAAA,MACpC,UAAU,cAAc,CAAC;AAAA,MACzB,mBAAmB,cAAc;AAAA,MACjC,cAAY,KAAK;AAAA,MACjB,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,MACV,OAAO,GAAG,SAAS;AAAA;AAAA,EACrB;AAEJ;AAEA,IAAO,0BAAQ;",
-  "names": ["TreeViewContext"]
+  "sourcesContent": ["import { DSControlledRadio } from '@elliemae/ds-form-radio';\nimport React from 'react';\nimport TreeViewContext from '../TreeViewContext.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\ninterface PropsT {\n  item: DSTreeviewT.Item;\n  itemIndex: number;\n}\nconst RadioSelectable = (props: PropsT) => {\n  const { item, itemIndex } = props;\n\n  const ctx = React.useContext(TreeViewContext);\n  const {\n    props: { onSelectionChange, isItemDisabled, applyAriaDisabled },\n    virtualListHelpers: { scrollToIndex },\n    selectedCheckboxes,\n    setInternallySelectedCheckboxes,\n  } = ctx;\n\n  const { id } = item;\n\n  const onRadioChange = React.useCallback(() => {\n    const newSelectionHasmap = { [id]: true };\n    setInternallySelectedCheckboxes(newSelectionHasmap);\n    const indexAndScrollTo = {\n      scrollToItem: () => {\n        if (item.virtualIndex) scrollToIndex(item.virtualIndex);\n      },\n      itemIndex,\n    };\n    if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);\n  }, [id, setInternallySelectedCheckboxes, itemIndex, onSelectionChange, item, scrollToIndex]);\n\n  const isDisabled = React.useMemo(() => isItemDisabled(item), [item, isItemDisabled]);\n  return (\n    <DSControlledRadio\n      checked={selectedCheckboxes[id] === true}\n      disabled={isDisabled && !applyAriaDisabled}\n      applyAriaDisabled={isDisabled && applyAriaDisabled}\n      aria-label={item.name}\n      className=\"em-ds-tree-item-radio\"\n      data-testid=\"tree-item-radio\"\n      onChange={onRadioChange}\n      tabIndex={0}\n      value={id.toString()}\n    />\n  );\n};\n\nexport default RadioSelectable;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmCnB;AAnCJ,2BAAkC;AAClC,mBAAkB;AAClB,6BAA4B;AAM5B,MAAM,kBAAkB,CAAC,UAAkB;AACzC,QAAM,EAAE,MAAM,UAAU,IAAI;AAE5B,QAAM,MAAM,aAAAA,QAAM,WAAW,uBAAAC,OAAe;AAC5C,QAAM;AAAA,IACJ,OAAO,EAAE,mBAAmB,gBAAgB,kBAAkB;AAAA,IAC9D,oBAAoB,EAAE,cAAc;AAAA,IACpC;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,GAAG,IAAI;AAEf,QAAM,gBAAgB,aAAAD,QAAM,YAAY,MAAM;AAC5C,UAAM,qBAAqB,EAAE,CAAC,EAAE,GAAG,KAAK;AACxC,oCAAgC,kBAAkB;AAClD,UAAM,mBAAmB;AAAA,MACvB,cAAc,MAAM;AAClB,YAAI,KAAK,aAAc,eAAc,KAAK,YAAY;AAAA,MACxD;AAAA,MACA;AAAA,IACF;AACA,QAAI,kBAAmB,mBAAkB,oBAAoB,MAAM,gBAAgB;AAAA,EACrF,GAAG,CAAC,IAAI,iCAAiC,WAAW,mBAAmB,MAAM,aAAa,CAAC;AAE3F,QAAM,aAAa,aAAAA,QAAM,QAAQ,MAAM,eAAe,IAAI,GAAG,CAAC,MAAM,cAAc,CAAC;AACnF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,mBAAmB,EAAE,MAAM;AAAA,MACpC,UAAU,cAAc,CAAC;AAAA,MACzB,mBAAmB,cAAc;AAAA,MACjC,cAAY,KAAK;AAAA,MACjB,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,MACV,OAAO,GAAG,SAAS;AAAA;AAAA,EACrB;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": ["React", "TreeViewContext"]
 }

package/dist/esm/parts/CheckboxSelectable.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { useContext, useCallback, useMemo } from "react";
-import { DSControlledCheckbox } from "@elliemae/ds-controlled-form";
+import { DSControlledCheckbox } from "@elliemae/ds-form-checkbox";
 import { styled } from "@elliemae/ds-system";
 import TreeViewContext from "../TreeViewContext.js";
 import { toggleCheckboxItem } from "../utils/selectable-helper.js";

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/CheckboxSelectable.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useCallback, useMemo } from 'react';\nimport { DSControlledCheckbox } from '@elliemae/ds-controlled-form';\nimport { styled } from '@elliemae/ds-system';\nimport TreeViewContext from '../TreeViewContext.js';\nimport { toggleCheckboxItem } from '../utils/selectable-helper.js';\nimport { filterObject } from '../utils/object-helpers.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\nconst StyledCheckboxWrapper = styled.span`\n  padding-top: 3px;\n  margin-left: 8px;\n`;\ninterface PropsT {\n  item: DSTreeviewT.Item;\n  itemIndex: number;\n}\nconst CheckboxSelectable = (props: PropsT): JSX.Element | null => {\n  const { item, itemIndex } = props;\n  const { id, children } = item;\n\n  const ctx = useContext(TreeViewContext);\n  const {\n    props: { onSelectionChange, isItemDisabled, applyAriaDisabled },\n    virtualListHelpers: { scrollToIndex },\n    triggerTreeRerender,\n    selectedCheckboxes,\n    setInternallySelectedCheckboxes,\n    uniqueTreeViewUUID,\n  } = ctx;\n\n  const onCheckboxChange = useCallback(() => {\n    const newSelections = toggleCheckboxItem(item, selectedCheckboxes);\n    const newSelectionHasmap = filterObject<DSTreeviewT.SelectionState>(\n      { ...selectedCheckboxes, ...newSelections },\n      (value) => value !== false,\n    );\n    setInternallySelectedCheckboxes(newSelectionHasmap);\n    triggerTreeRerender();\n\n    const indexAndScrollTo = {\n      scrollToItem: () => {\n        if (typeof item.virtualIndex === 'number') scrollToIndex(item.virtualIndex);\n      },\n      itemIndex,\n    };\n    if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);\n  }, [\n    item,\n    triggerTreeRerender,\n    onSelectionChange,\n    itemIndex,\n    scrollToIndex,\n    selectedCheckboxes,\n    setInternallySelectedCheckboxes,\n  ]);\n  const isChecked = useMemo(() => {\n    if (selectedCheckboxes[id] === 'mixed') {\n      return 'mixed' as const;\n    }\n    if (selectedCheckboxes[id] === true) {\n      return true;\n    }\n    return false;\n  }, [selectedCheckboxes, id]);\n\n  const isDisabled = useMemo(() => isItemDisabled(item), [item, isItemDisabled]);\n  const ariaControls = useMemo(() => {\n    if (children?.length) {\n      const childrenIds = children.map((child) => `ds-item-${uniqueTreeViewUUID}-${child.id}`);\n      return childrenIds.join(' ');\n    }\n    return undefined;\n  }, [children, uniqueTreeViewUUID]);\n\n  return (\n    <StyledCheckboxWrapper>\n      <DSControlledCheckbox\n        checked={isChecked}\n        disabled={isDisabled && !applyAriaDisabled}\n        applyAriaDisabled={isDisabled && applyAriaDisabled}\n        data-testid=\"tree-item-checkbox\"\n        aria-controls={ariaControls}\n        id={`ds-item-${uniqueTreeViewUUID}-${id}`}\n        onChange={onCheckboxChange}\n        tabIndex=\"0\"\n      />\n    </StyledCheckboxWrapper>\n  );\n};\n\nexport default CheckboxSelectable;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useCallback, useMemo } from 'react';\nimport { DSControlledCheckbox } from '@elliemae/ds-form-checkbox';\nimport { styled } from '@elliemae/ds-system';\nimport TreeViewContext from '../TreeViewContext.js';\nimport { toggleCheckboxItem } from '../utils/selectable-helper.js';\nimport { filterObject } from '../utils/object-helpers.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\nconst StyledCheckboxWrapper = styled.span`\n  padding-top: 3px;\n  margin-left: 8px;\n`;\ninterface PropsT {\n  item: DSTreeviewT.Item;\n  itemIndex: number;\n}\nconst CheckboxSelectable = (props: PropsT): JSX.Element | null => {\n  const { item, itemIndex } = props;\n  const { id, children } = item;\n\n  const ctx = useContext(TreeViewContext);\n  const {\n    props: { onSelectionChange, isItemDisabled, applyAriaDisabled },\n    virtualListHelpers: { scrollToIndex },\n    triggerTreeRerender,\n    selectedCheckboxes,\n    setInternallySelectedCheckboxes,\n    uniqueTreeViewUUID,\n  } = ctx;\n\n  const onCheckboxChange = useCallback(() => {\n    const newSelections = toggleCheckboxItem(item, selectedCheckboxes);\n    const newSelectionHasmap = filterObject<DSTreeviewT.SelectionState>(\n      { ...selectedCheckboxes, ...newSelections },\n      (value) => value !== false,\n    );\n    setInternallySelectedCheckboxes(newSelectionHasmap);\n    triggerTreeRerender();\n\n    const indexAndScrollTo = {\n      scrollToItem: () => {\n        if (typeof item.virtualIndex === 'number') scrollToIndex(item.virtualIndex);\n      },\n      itemIndex,\n    };\n    if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);\n  }, [\n    item,\n    triggerTreeRerender,\n    onSelectionChange,\n    itemIndex,\n    scrollToIndex,\n    selectedCheckboxes,\n    setInternallySelectedCheckboxes,\n  ]);\n  const isChecked = useMemo(() => {\n    if (selectedCheckboxes[id] === 'mixed') {\n      return 'mixed' as const;\n    }\n    if (selectedCheckboxes[id] === true) {\n      return true;\n    }\n    return false;\n  }, [selectedCheckboxes, id]);\n\n  const isDisabled = useMemo(() => isItemDisabled(item), [item, isItemDisabled]);\n  const ariaControls = useMemo(() => {\n    if (children?.length) {\n      const childrenIds = children.map((child) => `ds-item-${uniqueTreeViewUUID}-${child.id}`);\n      return childrenIds.join(' ');\n    }\n    return undefined;\n  }, [children, uniqueTreeViewUUID]);\n\n  return (\n    <StyledCheckboxWrapper>\n      <DSControlledCheckbox\n        checked={isChecked}\n        disabled={isDisabled && !applyAriaDisabled}\n        applyAriaDisabled={isDisabled && applyAriaDisabled}\n        data-testid=\"tree-item-checkbox\"\n        aria-controls={ariaControls}\n        id={`ds-item-${uniqueTreeViewUUID}-${id}`}\n        onChange={onCheckboxChange}\n        tabIndex=\"0\"\n      />\n    </StyledCheckboxWrapper>\n  );\n};\n\nexport default CheckboxSelectable;\n"],
   "mappings": "AAAA,YAAY,WAAW;AC2EjB;AA3EN,SAAgB,YAAY,aAAa,eAAe;AACxD,SAAS,4BAA4B;AACrC,SAAS,cAAc;AACvB,OAAO,qBAAqB;AAC5B,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAE7B,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAQrC,MAAM,qBAAqB,CAAC,UAAsC;AAChE,QAAM,EAAE,MAAM,UAAU,IAAI;AAC5B,QAAM,EAAE,IAAI,SAAS,IAAI;AAEzB,QAAM,MAAM,WAAW,eAAe;AACtC,QAAM;AAAA,IACJ,OAAO,EAAE,mBAAmB,gBAAgB,kBAAkB;AAAA,IAC9D,oBAAoB,EAAE,cAAc;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,mBAAmB,YAAY,MAAM;AACzC,UAAM,gBAAgB,mBAAmB,MAAM,kBAAkB;AACjE,UAAM,qBAAqB;AAAA,MACzB,EAAE,GAAG,oBAAoB,GAAG,cAAc;AAAA,MAC1C,CAAC,UAAU,UAAU;AAAA,IACvB;AACA,oCAAgC,kBAAkB;AAClD,wBAAoB;AAEpB,UAAM,mBAAmB;AAAA,MACvB,cAAc,MAAM;AAClB,YAAI,OAAO,KAAK,iBAAiB,SAAU,eAAc,KAAK,YAAY;AAAA,MAC5E;AAAA,MACA;AAAA,IACF;AACA,QAAI,kBAAmB,mBAAkB,oBAAoB,MAAM,gBAAgB;AAAA,EACrF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,YAAY,QAAQ,MAAM;AAC9B,QAAI,mBAAmB,EAAE,MAAM,SAAS;AACtC,aAAO;AAAA,IACT;AACA,QAAI,mBAAmB,EAAE,MAAM,MAAM;AACnC,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,GAAG,CAAC,oBAAoB,EAAE,CAAC;AAE3B,QAAM,aAAa,QAAQ,MAAM,eAAe,IAAI,GAAG,CAAC,MAAM,cAAc,CAAC;AAC7E,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,UAAU,QAAQ;AACpB,YAAM,cAAc,SAAS,IAAI,CAAC,UAAU,WAAW,kBAAkB,IAAI,MAAM,EAAE,EAAE;AACvF,aAAO,YAAY,KAAK,GAAG;AAAA,IAC7B;AACA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,kBAAkB,CAAC;AAEjC,SACE,oBAAC,yBACC;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,UAAU,cAAc,CAAC;AAAA,MACzB,mBAAmB,cAAc;AAAA,MACjC,eAAY;AAAA,MACZ,iBAAe;AAAA,MACf,IAAI,WAAW,kBAAkB,IAAI,EAAE;AAAA,MACvC,UAAU;AAAA,MACV,UAAS;AAAA;AAAA,EACX,GACF;AAEJ;AAEA,IAAO,6BAAQ;",
   "names": []
 }

package/dist/esm/parts/RadioSelectable.js

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { useContext, useCallback, useMemo } from "react";
-import { DSControlledRadio } from "@elliemae/ds-controlled-form";
+import { DSControlledRadio } from "@elliemae/ds-form-radio";
+import React2 from "react";
 import TreeViewContext from "../TreeViewContext.js";
 const RadioSelectable = (props) => {
   const { item, itemIndex } = props;
-  const ctx = useContext(TreeViewContext);
+  const ctx = React2.useContext(TreeViewContext);
   const {
     props: { onSelectionChange, isItemDisabled, applyAriaDisabled },
     virtualListHelpers: { scrollToIndex },
@@ -13,7 +13,7 @@ const RadioSelectable = (props) => {
     setInternallySelectedCheckboxes
   } = ctx;
   const { id } = item;
-  const onRadioChange = useCallback(() => {
+  const onRadioChange = React2.useCallback(() => {
     const newSelectionHasmap = { [id]: true };
     setInternallySelectedCheckboxes(newSelectionHasmap);
     const indexAndScrollTo = {
@@ -24,7 +24,7 @@ const RadioSelectable = (props) => {
     };
     if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);
   }, [id, setInternallySelectedCheckboxes, itemIndex, onSelectionChange, item, scrollToIndex]);
-  const isDisabled = useMemo(() => isItemDisabled(item), [item, isItemDisabled]);
+  const isDisabled = React2.useMemo(() => isItemDisabled(item), [item, isItemDisabled]);
   return /* @__PURE__ */ jsx(
     DSControlledRadio,
     {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/RadioSelectable.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useCallback, useMemo } from 'react';\nimport { DSControlledRadio } from '@elliemae/ds-controlled-form';\nimport TreeViewContext from '../TreeViewContext.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\ninterface PropsT {\n  item: DSTreeviewT.Item;\n  itemIndex: number;\n}\nconst RadioSelectable = (props: PropsT) => {\n  const { item, itemIndex } = props;\n\n  const ctx = useContext(TreeViewContext);\n  const {\n    props: { onSelectionChange, isItemDisabled, applyAriaDisabled },\n    virtualListHelpers: { scrollToIndex },\n    selectedCheckboxes,\n    setInternallySelectedCheckboxes,\n  } = ctx;\n\n  const { id } = item;\n\n  const onRadioChange = useCallback(() => {\n    const newSelectionHasmap = { [id]: true };\n    setInternallySelectedCheckboxes(newSelectionHasmap);\n    const indexAndScrollTo = {\n      scrollToItem: () => {\n        if (item.virtualIndex) scrollToIndex(item.virtualIndex);\n      },\n      itemIndex,\n    };\n    if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);\n  }, [id, setInternallySelectedCheckboxes, itemIndex, onSelectionChange, item, scrollToIndex]);\n\n  const isDisabled = useMemo(() => isItemDisabled(item), [item, isItemDisabled]);\n  return (\n    <DSControlledRadio\n      checked={selectedCheckboxes[id] === true}\n      disabled={isDisabled && !applyAriaDisabled}\n      applyAriaDisabled={isDisabled && applyAriaDisabled}\n      aria-label={item.name}\n      className=\"em-ds-tree-item-radio\"\n      data-testid=\"tree-item-radio\"\n      onChange={onRadioChange}\n      tabIndex={0}\n      value={id.toString()}\n    />\n  );\n};\n\nexport default RadioSelectable;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACmCnB;AAnCJ,SAAgB,YAAY,aAAa,eAAe;AACxD,SAAS,yBAAyB;AAClC,OAAO,qBAAqB;AAM5B,MAAM,kBAAkB,CAAC,UAAkB;AACzC,QAAM,EAAE,MAAM,UAAU,IAAI;AAE5B,QAAM,MAAM,WAAW,eAAe;AACtC,QAAM;AAAA,IACJ,OAAO,EAAE,mBAAmB,gBAAgB,kBAAkB;AAAA,IAC9D,oBAAoB,EAAE,cAAc;AAAA,IACpC;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,GAAG,IAAI;AAEf,QAAM,gBAAgB,YAAY,MAAM;AACtC,UAAM,qBAAqB,EAAE,CAAC,EAAE,GAAG,KAAK;AACxC,oCAAgC,kBAAkB;AAClD,UAAM,mBAAmB;AAAA,MACvB,cAAc,MAAM;AAClB,YAAI,KAAK,aAAc,eAAc,KAAK,YAAY;AAAA,MACxD;AAAA,MACA;AAAA,IACF;AACA,QAAI,kBAAmB,mBAAkB,oBAAoB,MAAM,gBAAgB;AAAA,EACrF,GAAG,CAAC,IAAI,iCAAiC,WAAW,mBAAmB,MAAM,aAAa,CAAC;AAE3F,QAAM,aAAa,QAAQ,MAAM,eAAe,IAAI,GAAG,CAAC,MAAM,cAAc,CAAC;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,mBAAmB,EAAE,MAAM;AAAA,MACpC,UAAU,cAAc,CAAC;AAAA,MACzB,mBAAmB,cAAc;AAAA,MACjC,cAAY,KAAK;AAAA,MACjB,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,MACV,OAAO,GAAG,SAAS;AAAA;AAAA,EACrB;AAEJ;AAEA,IAAO,0BAAQ;",
-  "names": []
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSControlledRadio } from '@elliemae/ds-form-radio';\nimport React from 'react';\nimport TreeViewContext from '../TreeViewContext.js';\nimport type { DSTreeviewT } from '../react-desc-prop-types.js';\ninterface PropsT {\n  item: DSTreeviewT.Item;\n  itemIndex: number;\n}\nconst RadioSelectable = (props: PropsT) => {\n  const { item, itemIndex } = props;\n\n  const ctx = React.useContext(TreeViewContext);\n  const {\n    props: { onSelectionChange, isItemDisabled, applyAriaDisabled },\n    virtualListHelpers: { scrollToIndex },\n    selectedCheckboxes,\n    setInternallySelectedCheckboxes,\n  } = ctx;\n\n  const { id } = item;\n\n  const onRadioChange = React.useCallback(() => {\n    const newSelectionHasmap = { [id]: true };\n    setInternallySelectedCheckboxes(newSelectionHasmap);\n    const indexAndScrollTo = {\n      scrollToItem: () => {\n        if (item.virtualIndex) scrollToIndex(item.virtualIndex);\n      },\n      itemIndex,\n    };\n    if (onSelectionChange) onSelectionChange(newSelectionHasmap, item, indexAndScrollTo);\n  }, [id, setInternallySelectedCheckboxes, itemIndex, onSelectionChange, item, scrollToIndex]);\n\n  const isDisabled = React.useMemo(() => isItemDisabled(item), [item, isItemDisabled]);\n  return (\n    <DSControlledRadio\n      checked={selectedCheckboxes[id] === true}\n      disabled={isDisabled && !applyAriaDisabled}\n      applyAriaDisabled={isDisabled && applyAriaDisabled}\n      aria-label={item.name}\n      className=\"em-ds-tree-item-radio\"\n      data-testid=\"tree-item-radio\"\n      onChange={onRadioChange}\n      tabIndex={0}\n      value={id.toString()}\n    />\n  );\n};\n\nexport default RadioSelectable;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACmCnB;AAnCJ,SAAS,yBAAyB;AAClC,OAAOA,YAAW;AAClB,OAAO,qBAAqB;AAM5B,MAAM,kBAAkB,CAAC,UAAkB;AACzC,QAAM,EAAE,MAAM,UAAU,IAAI;AAE5B,QAAM,MAAMA,OAAM,WAAW,eAAe;AAC5C,QAAM;AAAA,IACJ,OAAO,EAAE,mBAAmB,gBAAgB,kBAAkB;AAAA,IAC9D,oBAAoB,EAAE,cAAc;AAAA,IACpC;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,GAAG,IAAI;AAEf,QAAM,gBAAgBA,OAAM,YAAY,MAAM;AAC5C,UAAM,qBAAqB,EAAE,CAAC,EAAE,GAAG,KAAK;AACxC,oCAAgC,kBAAkB;AAClD,UAAM,mBAAmB;AAAA,MACvB,cAAc,MAAM;AAClB,YAAI,KAAK,aAAc,eAAc,KAAK,YAAY;AAAA,MACxD;AAAA,MACA;AAAA,IACF;AACA,QAAI,kBAAmB,mBAAkB,oBAAoB,MAAM,gBAAgB;AAAA,EACrF,GAAG,CAAC,IAAI,iCAAiC,WAAW,mBAAmB,MAAM,aAAa,CAAC;AAE3F,QAAM,aAAaA,OAAM,QAAQ,MAAM,eAAe,IAAI,GAAG,CAAC,MAAM,cAAc,CAAC;AACnF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,mBAAmB,EAAE,MAAM;AAAA,MACpC,UAAU,cAAc,CAAC;AAAA,MACzB,mBAAmB,cAAc;AAAA,MACjC,cAAY,KAAK;AAAA,MACjB,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,MACV,OAAO,GAAG,SAAS;AAAA;AAAA,EACrB;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": ["React"]
 }

package/dist/types/TreeViewContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DSTreeviewT } from './react-desc-prop-types.js';
 import type { DSTreeviewInternalsT } from './sharedTypes.js';
 export declare const defaultProps: DSTreeviewT.DefaultProps;

package/dist/types/hoc/DnDTreeContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DSTreeviewT } from '../react-desc-prop-types.js';
 import { DropIndicatorPosition } from './SortableItemContext.js';
 type DnDTreeContextType = {

package/dist/types/hoc/SortableItemContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { useSortable } from '@elliemae/ds-drag-and-drop';
 export declare enum DropIndicatorPosition {
     None = "none",

package/dist/types/parts/CheckboxSelectable.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DSTreeviewT } from '../react-desc-prop-types.js';
 interface PropsT {
     item: DSTreeviewT.Item;

package/dist/types/parts/ExpandCaret.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DSTreeviewT } from '../react-desc-prop-types.js';
 interface PropsT {
     item: DSTreeviewT.Item;

package/dist/types/parts/Icon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DSTreeviewT } from '../react-desc-prop-types.js';
 interface PropsT {
     item: DSTreeviewT.Item;

package/dist/types/parts/NestingSpace.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DSTreeviewT } from '../react-desc-prop-types.js';
 type NestingSpacePropsType = {
     item: DSTreeviewT.Item;

package/dist/types/parts/TreeItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { DSTreeviewT } from '../react-desc-prop-types.js';
-export declare const TreeListItem: React.ComponentType<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>>;
-export declare const TreeListItemAddonsWrapper: React.ComponentType<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const TreeListItem: React.ComponentType<React.ComponentProps<"li">>;
+export declare const TreeListItemAddonsWrapper: React.ComponentType<React.ComponentProps<"div">>;
 interface PropsT {
     item: DSTreeviewT.Item;
     itemIndex: number;

package/dist/types/parts/TreeItemText.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DSTreeviewT } from '../react-desc-prop-types.js';
 interface PropsT {
     item: DSTreeviewT.Item;

package/dist/types/parts/TreeList.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="node" />
 import React from 'react';
 import type { DSTreeviewT } from '../react-desc-prop-types.js';
 export declare const treeListNoItemsBn = "tree-list-no-items";
-export declare const TreeListNoItems: React.ComponentType<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const TreeListNoItems: React.ComponentType<React.ComponentProps<"div">>;
 export declare const TreeListWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
-    $removeWidthMaxContent?: boolean | undefined;
+    $removeWidthMaxContent?: boolean;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 interface PropsT {
     onMouseDragOverItem?: (opts: {

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

@@ -1,4 +1,3 @@
-/// <reference types="prop-types" />
 import type React from 'react';
 import type { ValidationMap } from '@elliemae/ds-props-helpers';
 import type TreeModel from 'tree-model';

package/dist/types/utils/group-expands-helpers.d.ts

@@ -1,14 +1,14 @@
 import type { DSTreeviewT } from '../react-desc-prop-types.js';
 import type { DSTreeviewInternalsT } from '../sharedTypes.js';
-export declare const updateExpandedState: (treeRoot: DSTreeviewT.Item['node'], onExpandChange: DSTreeviewT.Props['onExpandChange'] | null | undefined) => void;
-export declare const toggleItemExpand: (itemToToggle: DSTreeviewT.Item, triggerTreeRerender: () => void, updateUserExpandedState: DSTreeviewInternalsT.CTX['updateUserExpandedState'], scrollTo?: DSTreeviewT.ScrollToFunc) => void;
-export declare const expandItemModel: (modelToExpand: DSTreeviewT.Item['model']) => void;
-export declare const collapseItemModel: (modelToCollapse: DSTreeviewT.Item['model']) => void;
-export declare const expandAll: (treeRoot: DSTreeviewT.Item['node'], triggerTreeRerender: () => void) => void;
-export declare const collapseAll: (treeRoot: DSTreeviewT.Item['node'], triggerTreeRerender: () => void) => void;
-export declare const getToggleExpandShouldExpand: (treeRoot: DSTreeviewT.Item['node']) => boolean;
-export declare const toggleExpandAllHelper: (isExpand: boolean | 'toggle', treeRoot: DSTreeviewT.Item['node'], triggerTreeRerender: () => void, setLatestToggledItem: DSTreeviewInternalsT.CTX['setLatestToggledItem'], updateUserExpandedState: DSTreeviewInternalsT.CTX['updateUserExpandedState']) => void;
+export declare const updateExpandedState: (treeRoot: DSTreeviewT.Item["node"], onExpandChange: DSTreeviewT.Props["onExpandChange"] | null | undefined) => void;
+export declare const toggleItemExpand: (itemToToggle: DSTreeviewT.Item, triggerTreeRerender: () => void, updateUserExpandedState: DSTreeviewInternalsT.CTX["updateUserExpandedState"], scrollTo?: DSTreeviewT.ScrollToFunc) => void;
+export declare const expandItemModel: (modelToExpand: DSTreeviewT.Item["model"]) => void;
+export declare const collapseItemModel: (modelToCollapse: DSTreeviewT.Item["model"]) => void;
+export declare const expandAll: (treeRoot: DSTreeviewT.Item["node"], triggerTreeRerender: () => void) => void;
+export declare const collapseAll: (treeRoot: DSTreeviewT.Item["node"], triggerTreeRerender: () => void) => void;
+export declare const getToggleExpandShouldExpand: (treeRoot: DSTreeviewT.Item["node"]) => boolean;
+export declare const toggleExpandAllHelper: (isExpand: boolean | "toggle", treeRoot: DSTreeviewT.Item["node"], triggerTreeRerender: () => void, setLatestToggledItem: DSTreeviewInternalsT.CTX["setLatestToggledItem"], updateUserExpandedState: DSTreeviewInternalsT.CTX["updateUserExpandedState"]) => void;
 export declare const useNotifyExpandedChange: (propsWithDefaults: DSTreeviewT.Props, { latestToggledItem, expandedGroups, }: {
-    latestToggledItem?: DSTreeviewInternalsT.CTX['latestToggledItem'];
-    expandedGroups?: DSTreeviewInternalsT.CTX['expandedGroups'];
+    latestToggledItem?: DSTreeviewInternalsT.CTX["latestToggledItem"];
+    expandedGroups?: DSTreeviewInternalsT.CTX["expandedGroups"];
 }) => void;

package/dist/types/utils/keyboard-helpers.d.ts

@@ -1,6 +1,6 @@
 import type { DSTreeviewT } from '../react-desc-prop-types.js';
 import type { DSTreeviewInternalsT } from '../sharedTypes.js';
 import type { SortableItemContextType } from '../hoc/SortableItemContext.js';
-export declare const useOnItemKeyDown: (item: DSTreeviewT.Item, draggableProps: SortableItemContextType['draggableProps']) => (e: React.KeyboardEvent<HTMLLIElement>) => void;
+export declare const useOnItemKeyDown: (item: DSTreeviewT.Item, draggableProps: SortableItemContextType["draggableProps"]) => (e: React.KeyboardEvent<HTMLLIElement>) => void;
 export declare const useGlobalKeyboardListener: (func: (e: KeyboardEvent) => void) => void;
-export declare const useGlobalToggleAllExpandShortcut: (treeRoot: DSTreeviewT.Item['node'], triggerTreeRerender: () => void, setLatestToggledItem: DSTreeviewInternalsT.CTX['setLatestToggledItem'], updateUserExpandedState: DSTreeviewInternalsT.CTX['updateUserExpandedState']) => void;
+export declare const useGlobalToggleAllExpandShortcut: (treeRoot: DSTreeviewT.Item["node"], triggerTreeRerender: () => void, setLatestToggledItem: DSTreeviewInternalsT.CTX["setLatestToggledItem"], updateUserExpandedState: DSTreeviewInternalsT.CTX["updateUserExpandedState"]) => void;

package/dist/types/utils/refs-helpers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type GenericMergeableRef = null | undefined | React.MutableRefObject<unknown> | ((ref: HTMLElement) => void) | false;
 export declare const setMultipleRefs: (...refs: GenericMergeableRef[]) => ((ref: HTMLElement) => void);
 export {};

package/dist/types/utils/selectable-helper.d.ts

@@ -1,5 +1,5 @@
 import type { DSTreeviewT } from '../react-desc-prop-types.js';
-export declare const getGroupCheckState: (node: DSTreeviewT.Item['node']) => boolean | "mixed";
+export declare const getGroupCheckState: (node: DSTreeviewT.Item["node"]) => boolean | "mixed";
 export declare const selectCheckboxItemModelParentsTillRoot: (modelToCheck: DSTreeviewT.Item, triggerTreeRerender?: (() => void) | null) => DSTreeviewT.SelectionItems;
 export declare const toggleCheckboxItem: (itemToSelect: DSTreeviewT.Item, currentlySelectedCheckboxes: DSTreeviewT.SelectionItems, triggerTreeRerender?: (() => void) | null) => {
     [x: string]: DSTreeviewT.SelectionState;

package/dist/types/utils/tree-helpers.d.ts

@@ -1,17 +1,15 @@
 import type TreeModel from 'tree-model';
 import type { DSTreeviewT } from '../react-desc-prop-types.js';
-export declare const walkVisibles: (node: DSTreeviewT.Item['node'], callback: (node: DSTreeviewT.Item['node']) => void, skipRoot?: boolean, highlightOnlyQuery?: boolean) => void;
-export declare const walkParents: (nodePath: DSTreeviewT.Item['nodePath'], callback: (currParent: DSTreeviewT.Item['node']) => void, skipRoot?: boolean) => void;
+export declare const walkVisibles: (node: DSTreeviewT.Item["node"], callback: (node: DSTreeviewT.Item["node"]) => void, skipRoot?: boolean, highlightOnlyQuery?: boolean) => void;
+export declare const walkParents: (nodePath: DSTreeviewT.Item["nodePath"], callback: (currParent: DSTreeviewT.Item["node"]) => void, skipRoot?: boolean) => void;
 type RecursiveCallbackT = (childNode: DSTreeviewT.Item['node'], cb?: RecursiveCallbackT, isFirst?: boolean) => void;
-export declare const walkAllNodeChildren: (node: DSTreeviewT.Item['node'], callback: RecursiveCallbackT, isFirst?: boolean) => void;
-export declare const getNodeById: (treeRoot: DSTreeviewT.Item['node'], id: DSTreeviewT.StringOrNum) => TreeModel.Node<DSTreeviewT.Item>;
+export declare const walkAllNodeChildren: (node: DSTreeviewT.Item["node"], callback: RecursiveCallbackT, isFirst?: boolean) => void;
+export declare const getNodeById: (treeRoot: DSTreeviewT.Item["node"], id: DSTreeviewT.StringOrNum) => TreeModel.Node<DSTreeviewT.Item>;
 export declare const cloneNode: (tree: TreeModel, node: DSTreeviewT.Item) => TreeModel.Node<DSTreeviewT.Item>;
 export declare const itemsShareSameParent: (items?: DSTreeviewT.Item[]) => boolean;
-export declare const getItemsParentNode: (items?: DSTreeviewT.Item[], skipSameParentCheck?: boolean) => TreeModel.Node<DSTreeviewT.Item> & {
-    parent?: TreeModel.Node<DSTreeviewT.Item> | undefined;
-};
-export declare const getNodeMatchesSearchQuery: (node: DSTreeviewT.Item['node'], searchQuery?: string) => boolean;
-export declare const getChildrenMatchesSearchQuery: (parentNode: DSTreeviewT.Item['node'], searchQuery?: string) => boolean;
+export declare const getItemsParentNode: (items?: DSTreeviewT.Item[], skipSameParentCheck?: boolean) => DSTreeviewT.Item["node"];
+export declare const getNodeMatchesSearchQuery: (node: DSTreeviewT.Item["node"], searchQuery?: string) => boolean;
+export declare const getChildrenMatchesSearchQuery: (parentNode: DSTreeviewT.Item["node"], searchQuery?: string) => boolean;
 /**
  * Mutate in place a node from tree-model normalizing object properties like "isGroup" even if user didn't specify it explicitly,
  * after execution the node will have "nodePath" "treeDepth" "nodeItemRef" "isGroup" "isExpanded"

package/dist/types/utils/useTree.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import TreeModel from 'tree-model';
 import type { DSTreeviewT } from '../react-desc-prop-types.js';
 import type { DSTreeviewInternalsT } from '../sharedTypes.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-treeview",
-  "version": "3.53.0-alpha.1",
+  "version": "3.53.0-alpha.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tree View",
   "files": [
@@ -43,24 +43,26 @@
     "react-highlight-words": "~0.18.0",
     "react-virtual": "~2.10.4",
     "tree-model": "~1.0.7",
-    "uid": "~2.0.1",
-    "@elliemae/ds-button-v2": "3.53.0-alpha.1",
-    "@elliemae/ds-classnames": "3.53.0-alpha.1",
-    "@elliemae/ds-circular-progress-indicator": "3.53.0-alpha.1",
-    "@elliemae/ds-controlled-form": "3.53.0-alpha.1",
-    "@elliemae/ds-drag-and-drop": "3.53.0-alpha.1",
-    "@elliemae/ds-form": "3.53.0-alpha.1",
-    "@elliemae/ds-system": "3.53.0-alpha.1",
-    "@elliemae/ds-truncated-tooltip-text": "3.53.0-alpha.1",
-    "@elliemae/ds-typescript-helpers": "3.53.0-alpha.1",
-    "@elliemae/ds-icons": "3.53.0-alpha.1",
-    "@elliemae/ds-props-helpers": "3.53.0-alpha.1"
+    "uid": "^2.0.2",
+    "@elliemae/ds-button-v2": "3.53.0-alpha.3",
+    "@elliemae/ds-circular-progress-indicator": "3.53.0-alpha.3",
+    "@elliemae/ds-classnames": "3.53.0-alpha.3",
+    "@elliemae/ds-drag-and-drop": "3.53.0-alpha.3",
+    "@elliemae/ds-form-checkbox": "3.53.0-alpha.3",
+    "@elliemae/ds-form": "3.53.0-alpha.3",
+    "@elliemae/ds-form-radio": "3.53.0-alpha.3",
+    "@elliemae/ds-system": "3.53.0-alpha.3",
+    "@elliemae/ds-icons": "3.53.0-alpha.3",
+    "@elliemae/ds-props-helpers": "3.53.0-alpha.3",
+    "@elliemae/ds-truncated-tooltip-text": "3.53.0-alpha.3",
+    "@elliemae/ds-typescript-helpers": "3.53.0-alpha.3"
   },
   "devDependencies": {
-    "@elliemae/pui-cli": "9.0.0-next.63",
+    "@elliemae/pui-cli": "9.0.0-next.65",
     "jest": "~29.7.0",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.53.0-alpha.1"
+    "@elliemae/ds-monorepo-devops": "3.53.0-alpha.3",
+    "@elliemae/ds-test-utils": "3.53.0-alpha.3"
   },
   "peerDependencies": {
     "lodash-es": "^4.17.21",