@elliemae/ds-left-navigation-tree 0.0.0-stage → 3.80.0-next.38

package/dist/cjs/config/useTreeHandlers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useTreeHandlers.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type React from 'react';\nimport { useMemo, useRef } from 'react';\nimport { LEFT_NAVIGATION_TREE_ITEM_TYPES, LEFT_NAVIGATION_TREE_REGION_FOCUSES } from '../constants/index.js';\nimport type { DSLeftNavigationTreeT } from '../react-desc-prop-types.js';\nimport { useInternalStore, usePropsStore } from './store.js';\nimport { useFocusTracker } from './useFocusTracker.js';\nimport type { TreeModel } from './useTreeModel.js';\nimport {\n  type TreeNodeInfo,\n  getDefaultSelection,\n  getTypeaheadMatchId,\n  hasChildren,\n  isControlledParent,\n  isDescendantOf,\n} from './treeModel.js';\n\ntype InteractionEvent = DSLeftNavigationTreeT.InteractionEvent;\n\nconst getNodeId = (target: EventTarget | null): string | undefined => (target as HTMLElement | null)?.dataset?.dsid;\n\nexport const useTreeHandlers = (model: TreeModel) => {\n  const onItemClick = usePropsStore((state) => state.onItemClick);\n  const onItemOpenedChange = usePropsStore((state) => state.onItemOpenedChange);\n  const onSelectedChange = usePropsStore((state) => state.onSelectedChange);\n  const onFocusChange = usePropsStore((state) => state.onFocusChange);\n  const disableDefaultSelection = usePropsStore((state) => state.disableDefaultSelection);\n  const selectedItem = usePropsStore((state) => state.selectedItem);\n  const setToggles = useInternalStore((state) => state.setToggles);\n  const setInternalSelectedItem = useInternalStore((state) => state.setInternalSelectedItem);\n  const getFocusRegion = useInternalStore((state) => state.getFocusRegion);\n  const { trackFocusItem, trackFocusRegionReset } = useFocusTracker();\n\n  /** Last id reported through onFocusChange, so the callback fires once per actual focus move. */\n  const reportedFocusId = useRef<string | null>(null);\n\n  return useMemo(() => {\n    const { index, openIds, visibleIds, isRail } = model;\n\n    const select = (id: string) => {\n      if (selectedItem === undefined) setInternalSelectedItem(id);\n      if (id !== model.currentId) onSelectedChange(id);\n    };\n\n    const setOpen = (id: string, nextIsOpened: boolean, e: InteractionEvent) => {\n      const info = index.get(id);\n      if (!info) return;\n      if (!isControlledParent(info.item)) setToggles((toggles) => ({ ...toggles, [id]: nextIsOpened }));\n      onItemOpenedChange(info.item, nextIsOpened, e);\n    };\n\n    const activateParent = (id: string, e: InteractionEvent) => {\n      const isOpen = openIds.has(id);\n      /** From the rail the spec \"expands the panel and section\", so a parent only ever opens there. */\n      const nextIsOpened = isRail || !isOpen;\n      if (nextIsOpened !== isOpen) setOpen(id, nextIsOpened, e);\n      if (!nextIsOpened || disableDefaultSelection || isDescendantOf(index, id, model.currentLeafId)) return;\n      const { leafId, parentIdsToOpen } = getDefaultSelection(index, id);\n      if (!leafId) return;\n      parentIdsToOpen.filter((parentId) => !openIds.has(parentId)).forEach((parentId) => setOpen(parentId, true, e));\n      select(leafId);\n    };\n\n    const activate = (id: string, e: InteractionEvent) => {\n      const info = index.get(id);\n      if (!info) return;\n      onItemClick(info.item, e);\n      if (hasChildren(info)) {\n        activateParent(id, e);\n        return;\n      }\n      if (info.item.type === LEFT_NAVIGATION_TREE_ITEM_TYPES.LEAF && info.item.itemOpts?.selectable !== false) {\n        select(id);\n      }\n    };\n\n    const moveTo = (targetId: string | undefined) => {\n      if (targetId) trackFocusItem(targetId);\n    };\n\n    const keyHandlers: Record<string, (id: string, info: TreeNodeInfo, e: InteractionEvent) => void> = {\n      ArrowDown: (id) => moveTo(visibleIds[visibleIds.indexOf(id) + 1]),\n      ArrowUp: (id) => moveTo(visibleIds[visibleIds.indexOf(id) - 1]),\n      Home: () => moveTo(visibleIds[0]),\n      End: () => moveTo(visibleIds[visibleIds.length - 1]),\n      ArrowRight: (id, info, e) => {\n        if (isRail || !hasChildren(info)) return;\n        if (!openIds.has(id)) setOpen(id, true, e);\n        else moveTo(info.childIds[0]);\n      },\n      ArrowLeft: (id, info, e) => {\n        if (isRail) return;\n        if (hasChildren(info) && openIds.has(id)) setOpen(id, false, e);\n        else moveTo(info.parentId ?? undefined);\n      },\n      Enter: (id, _info, e) => activate(id, e),\n      ' ': (id, _info, e) => activate(id, e),\n    };\n\n    const onTreeKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n      if (e.ctrlKey || e.altKey || e.metaKey) return;\n      const id = getNodeId(e.target);\n      const info = id ? index.get(id) : undefined;\n      if (!id || !info) return;\n      const keyHandler = keyHandlers[e.key];\n      if (keyHandler) {\n        keyHandler(id, info, e);\n        e.preventDefault();\n        return;\n      }\n      if (e.key.length !== 1) return;\n      const matchId = getTypeaheadMatchId({ index, visibleIds, fromId: id, character: e.key });\n      if (!matchId) return;\n      trackFocusItem(matchId);\n      e.preventDefault();\n    };\n\n    const onTreeFocus = (e: React.FocusEvent<HTMLElement>) => {\n      const id = getNodeId(e.target);\n      if (!id || !index.has(id)) return;\n      trackFocusItem(id);\n      if (reportedFocusId.current !== id) {\n        reportedFocusId.current = id;\n        onFocusChange(id);\n      }\n    };\n\n    const onTreeBlur = (e: React.FocusEvent<HTMLElement>) => {\n      const next = e.relatedTarget as Node | null;\n      if (next && e.currentTarget.contains(next)) return;\n      /** A removed node cannot be the reason focus left: keep the identity so the fallback can run. */\n      if (!(e.target as Element).isConnected) return;\n      reportedFocusId.current = null;\n      if (getFocusRegion() === LEFT_NAVIGATION_TREE_REGION_FOCUSES.TREE) trackFocusRegionReset();\n    };\n\n    return { activate, onTreeKeyDown, onTreeFocus, onTreeBlur };\n  }, [\n    model,\n    selectedItem,\n    disableDefaultSelection,\n    onItemClick,\n    onItemOpenedChange,\n    onSelectedChange,\n    onFocusChange,\n    setToggles,\n    setInternalSelectedItem,\n    getFocusRegion,\n    trackFocusItem,\n    trackFocusRegionReset,\n  ]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/config/useTreeModel.js

@@ -0,0 +1,110 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useTreeModel_exports = {};
+__export(useTreeModel_exports, {
+  useIsFooterFocusTarget: () => useIsFooterFocusTarget,
+  useItemFocusState: () => useItemFocusState,
+  useTreeModel: () => useTreeModel
+});
+module.exports = __toCommonJS(useTreeModel_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_constants = require("../constants/index.js");
+var import_store = require("./store.js");
+var import_treeModel = require("./treeModel.js");
+const useTreeModel = () => {
+  const items = (0, import_store.usePropsStore)((state) => state.items);
+  const expanded = (0, import_store.usePropsStore)((state) => state.expanded);
+  const selectedItem = (0, import_store.usePropsStore)((state) => state.selectedItem);
+  const selectedParent = (0, import_store.usePropsStore)((state) => state.selectedParent);
+  const headerItem = (0, import_store.usePropsStore)((state) => state.HeaderComponent);
+  const openedItem = (0, import_store.usePropsStore)((state) => state.openedItem);
+  const toggles = (0, import_store.useInternalStore)((state) => state.toggles);
+  const internalSelectedItem = (0, import_store.useInternalStore)((state) => state.internalSelectedItem);
+  const [seed] = (0, import_react.useState)(
+    () => new Set((0, import_treeModel.getAncestorIds)((0, import_treeModel.buildTreeIndex)(items), selectedItem ?? internalSelectedItem))
+  );
+  return (0, import_react.useMemo)(() => {
+    const index = (0, import_treeModel.buildTreeIndex)(items);
+    const isRail = !expanded;
+    const isHeaderOpen = !!headerItem && openedItem === headerItem.dsId;
+    const openIds = /* @__PURE__ */ new Set();
+    index.forEach((info) => {
+      if ((0, import_treeModel.resolveIsOpen)(info, toggles, seed)) openIds.add(info.id);
+    });
+    let visibleIds = [];
+    if (isRail) visibleIds = (0, import_treeModel.getRailIds)(items);
+    else visibleIds = (0, import_treeModel.getVisibleIds)(index, items, (id) => openIds.has(id));
+    const visible = new Set(visibleIds);
+    const currentId = selectedItem !== void 0 ? selectedItem : internalSelectedItem;
+    const currentLeafId = currentId && index.get(currentId)?.item.type === import_constants.LEFT_NAVIGATION_TREE_ITEM_TYPES.LEAF ? currentId : null;
+    const selectedParentIds = new Set(
+      selectedParent !== void 0 ? [selectedParent] : (0, import_treeModel.getAncestorIds)(index, currentLeafId)
+    );
+    const documentOrder = (0, import_treeModel.getDocumentOrder)(index, items);
+    const cache = { key: null, target: null };
+    const resolveFocusTarget = (focusRegion, focusedItemId) => {
+      if (focusRegion !== import_constants.LEFT_NAVIGATION_TREE_REGION_FOCUSES.TREE || !focusedItemId) return null;
+      if (visible.has(focusedItemId)) return { kind: "item", id: focusedItemId };
+      if (cache.key !== focusedItemId) {
+        cache.key = focusedItemId;
+        cache.target = (0, import_treeModel.resolveFallbackTarget)({
+          index,
+          documentOrder,
+          visibleIds,
+          lostId: focusedItemId,
+          currentId: currentLeafId
+        });
+      }
+      return cache.target;
+    };
+    return {
+      items,
+      index,
+      rowPaddings: (0, import_treeModel.getRowPaddings)(index),
+      isRail,
+      headerItem,
+      isHeaderOpen,
+      openIds,
+      visibleIds,
+      currentId,
+      currentLeafId,
+      selectedParentIds,
+      chainTabStopId: (0, import_treeModel.getTabStopChainId)(index, visibleIds, currentLeafId),
+      resolveFocusTarget
+    };
+  }, [items, expanded, headerItem, openedItem, toggles, seed, selectedItem, internalSelectedItem, selectedParent]);
+};
+const useItemFocusState = (model, id) => (0, import_store.useInternalStore)((state) => {
+  const target = model.resolveFocusTarget(state.focusRegion, state.focusedItemId);
+  if (target?.kind === "item") return target.id === id ? "focus-target" : "none";
+  return model.chainTabStopId === id ? "tab-stop" : "none";
+});
+const useIsFooterFocusTarget = (model) => (0, import_store.useInternalStore)((state) => model.resolveFocusTarget(state.focusRegion, state.focusedItemId)?.kind === "footer");
+//# sourceMappingURL=useTreeModel.js.map

package/dist/cjs/config/useTreeModel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useTreeModel.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\nimport { useMemo, useState } from 'react';\nimport { LEFT_NAVIGATION_TREE_ITEM_TYPES, LEFT_NAVIGATION_TREE_REGION_FOCUSES } from '../constants/index.js';\nimport type { DSLeftNavigationTreeT } from '../react-desc-prop-types.js';\nimport { useInternalStore, usePropsStore } from './store.js';\nimport {\n  type FocusTarget,\n  type TreeIndex,\n  buildTreeIndex,\n  getAncestorIds,\n  getDocumentOrder,\n  getRowPaddings,\n  getRailIds,\n  getTabStopChainId,\n  getVisibleIds,\n  resolveFallbackTarget,\n  resolveIsOpen,\n} from './treeModel.js';\n\nexport type TreeModel = {\n  items: readonly DSLeftNavigationTreeT.Item[];\n  index: TreeIndex;\n  isRail: boolean;\n  headerItem: DSLeftNavigationTreeT.Item | undefined;\n  isHeaderOpen: boolean;\n  openIds: ReadonlySet<string>;\n  visibleIds: string[];\n  currentId: string | null;\n  currentLeafId: string | null;\n  selectedParentIds: ReadonlySet<string>;\n  chainTabStopId: string | null;\n  resolveFocusTarget: (focusRegion: string, focusedItemId: string | null) => FocusTarget;\n  rowPaddings: ReadonlyMap<string, number>;\n};\n\nexport const useTreeModel = (): TreeModel => {\n  const items = usePropsStore((state) => state.items);\n  const expanded = usePropsStore((state) => state.expanded);\n  const selectedItem = usePropsStore((state) => state.selectedItem);\n  const selectedParent = usePropsStore((state) => state.selectedParent);\n  const headerItem = usePropsStore((state) => state.HeaderComponent);\n  const openedItem = usePropsStore((state) => state.openedItem);\n\n  const toggles = useInternalStore((state) => state.toggles);\n  const internalSelectedItem = useInternalStore((state) => state.internalSelectedItem);\n\n  /**\n   * Captured once from the first render's props: ancestors of the initial current page start open.\n   * Later selection changes never reopen branches (the tab stop falls back to the nearest visible ancestor).\n   */\n  const [seed] = useState<ReadonlySet<string>>(\n    () => new Set(getAncestorIds(buildTreeIndex(items), selectedItem ?? internalSelectedItem)),\n  );\n\n  return useMemo(() => {\n    const index = buildTreeIndex(items);\n    const isRail = !expanded;\n    const isHeaderOpen = !!headerItem && openedItem === headerItem.dsId;\n\n    const openIds = new Set<string>();\n    index.forEach((info) => {\n      if (resolveIsOpen(info, toggles, seed)) openIds.add(info.id);\n    });\n\n    let visibleIds: string[] = [];\n    if (isRail) visibleIds = getRailIds(items);\n    else visibleIds = getVisibleIds(index, items, (id) => openIds.has(id));\n    const visible = new Set(visibleIds);\n\n    const currentId = selectedItem !== undefined ? selectedItem : internalSelectedItem;\n    const currentLeafId =\n      currentId && index.get(currentId)?.item.type === LEFT_NAVIGATION_TREE_ITEM_TYPES.LEAF ? currentId : null;\n    const selectedParentIds: ReadonlySet<string> = new Set(\n      selectedParent !== undefined ? [selectedParent] : getAncestorIds(index, currentLeafId),\n    );\n\n    const documentOrder = getDocumentOrder(index, items);\n    const cache: { key: string | null; target: FocusTarget } = { key: null, target: null };\n    /**\n     * Derived from the store by each item's own selector, so a focus move re-renders only the items whose\n     * flags change. Cached because every rendered item calls it with the same arguments on each store update.\n     */\n    const resolveFocusTarget = (focusRegion: string, focusedItemId: string | null): FocusTarget => {\n      if (focusRegion !== LEFT_NAVIGATION_TREE_REGION_FOCUSES.TREE || !focusedItemId) return null;\n      if (visible.has(focusedItemId)) return { kind: 'item', id: focusedItemId };\n      if (cache.key !== focusedItemId) {\n        cache.key = focusedItemId;\n        cache.target = resolveFallbackTarget({\n          index,\n          documentOrder,\n          visibleIds,\n          lostId: focusedItemId,\n          currentId: currentLeafId,\n        });\n      }\n      return cache.target;\n    };\n\n    return {\n      items,\n      index,\n      rowPaddings: getRowPaddings(index),\n      isRail,\n      headerItem,\n      isHeaderOpen,\n      openIds,\n      visibleIds,\n      currentId,\n      currentLeafId,\n      selectedParentIds,\n      chainTabStopId: getTabStopChainId(index, visibleIds, currentLeafId),\n      resolveFocusTarget,\n    };\n  }, [items, expanded, headerItem, openedItem, toggles, seed, selectedItem, internalSelectedItem, selectedParent]);\n};\n\nexport type ItemFocusState = 'focus-target' | 'tab-stop' | 'none';\n\n/** Primitive per-item result: the item re-renders only when its own focus state changes. */\nexport const useItemFocusState = (model: TreeModel, id: string): ItemFocusState =>\n  useInternalStore((state) => {\n    const target = model.resolveFocusTarget(state.focusRegion, state.focusedItemId);\n    if (target?.kind === 'item') return target.id === id ? 'focus-target' : 'none';\n    return model.chainTabStopId === id ? 'tab-stop' : 'none';\n  });\n\nexport const useIsFooterFocusTarget = (model: TreeModel): boolean =>\n  useInternalStore((state) => model.resolveFocusTarget(state.focusRegion, state.focusedItemId)?.kind === 'footer');\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/config/useValidateProps.js

@@ -0,0 +1,40 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+module.exports = __toCommonJS(useValidateProps_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("../constants/index.js");
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, import_constants.DSLeftNavigationTreeName);
+};
+//# sourceMappingURL=useValidateProps.js.map

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

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

package/dist/cjs/constants/index.js

@@ -0,0 +1,79 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  DSLeftNavigationTreeName: () => DSLeftNavigationTreeName,
+  LEFT_NAVIGATION_TREE_DATA_TESTID: () => LEFT_NAVIGATION_TREE_DATA_TESTID,
+  LEFT_NAVIGATION_TREE_DEFAULT_LABEL: () => LEFT_NAVIGATION_TREE_DEFAULT_LABEL,
+  LEFT_NAVIGATION_TREE_ITEM_TYPES: () => LEFT_NAVIGATION_TREE_ITEM_TYPES,
+  LEFT_NAVIGATION_TREE_REGION_FOCUSES: () => LEFT_NAVIGATION_TREE_REGION_FOCUSES,
+  LEFT_NAVIGATION_TREE_SLOTS: () => LEFT_NAVIGATION_TREE_SLOTS
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const DSLeftNavigationTreeName = "DSLeftnavigationtree";
+const LEFT_NAVIGATION_TREE_ITEM_TYPES = {
+  LEAF: "ds-left-nav-tree-item-leaf",
+  PARENT: "ds-left-nav-tree-item-parent",
+  SECTION: "ds-left-nav-tree-item-section",
+  SEPARATOR: "ds-left-nav-tree-item-separator"
+};
+const LEFT_NAVIGATION_TREE_DEFAULT_LABEL = "Primary";
+const LEFT_NAVIGATION_TREE_REGION_FOCUSES = {
+  RESET: "",
+  TREE: "tree",
+  HEADER: "header",
+  FOOTER: "footer"
+};
+const LEFT_NAVIGATION_TREE_SLOTS = {
+  ROOT: "root",
+  TREE: "tree",
+  ITEM: "item",
+  ITEM_ROW: "item-row",
+  ITEM_LABEL: "item-label",
+  LEFT_CONTAINER: "left-container",
+  COLLAPSED_CONTAINER: "collapsed-container",
+  RIGHT_CONTAINER: "right-container",
+  ARROW_CONTAINER: "arrow-container",
+  GROUP: "group",
+  SECTION_CONTAINER: "section-container",
+  SECTION_LABEL: "section-label",
+  ITEM_SEPARATOR: "item-separator",
+  HEADER_DISCLOSURE: "header-disclosure",
+  FOOTER_MENU: "footer-menu",
+  FOOTER_LABEL: "footer-label",
+  FOOTER_SEPARATOR: "footer-separator",
+  FOOTER_MENU_COLLAPSE: "footer-menu-collapse"
+};
+const LEFT_NAVIGATION_TREE_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(
+  DSLeftNavigationTreeName,
+  LEFT_NAVIGATION_TREE_SLOTS
+);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSLeftNavigationTreeName = 'DSLeftnavigationtree';\n\nexport const LEFT_NAVIGATION_TREE_ITEM_TYPES = {\n  LEAF: 'ds-left-nav-tree-item-leaf',\n  PARENT: 'ds-left-nav-tree-item-parent',\n  SECTION: 'ds-left-nav-tree-item-section',\n  SEPARATOR: 'ds-left-nav-tree-item-separator',\n} as const;\n\nexport const LEFT_NAVIGATION_TREE_DEFAULT_LABEL = 'Primary';\n\n// we are naming this with the ${component_name}_region_focuses convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const LEFT_NAVIGATION_TREE_REGION_FOCUSES = {\n  RESET: '',\n  TREE: 'tree',\n  HEADER: 'header',\n  FOOTER: 'footer',\n} as const;\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const LEFT_NAVIGATION_TREE_SLOTS = {\n  ROOT: 'root',\n  TREE: 'tree',\n  ITEM: 'item',\n  ITEM_ROW: 'item-row',\n  ITEM_LABEL: 'item-label',\n  LEFT_CONTAINER: 'left-container',\n  COLLAPSED_CONTAINER: 'collapsed-container',\n  RIGHT_CONTAINER: 'right-container',\n  ARROW_CONTAINER: 'arrow-container',\n  GROUP: 'group',\n  SECTION_CONTAINER: 'section-container',\n  SECTION_LABEL: 'section-label',\n  ITEM_SEPARATOR: 'item-separator',\n  HEADER_DISCLOSURE: 'header-disclosure',\n  FOOTER_MENU: 'footer-menu',\n  FOOTER_LABEL: 'footer-label',\n  FOOTER_SEPARATOR: 'footer-separator',\n  FOOTER_MENU_COLLAPSE: 'footer-menu-collapse',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const LEFT_NAVIGATION_TREE_DATA_TESTID = slotObjectToDataTestIds(\n  DSLeftNavigationTreeName,\n  LEFT_NAVIGATION_TREE_SLOTS,\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,2BAA2B;AAEjC,MAAM,kCAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AACb;AAEO,MAAM,qCAAqC;AAG3C,MAAM,sCAAsC;AAAA,EACjD,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AACV;AAGO,MAAM,6BAA6B;AAAA,EACxC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,sBAAsB;AACxB;AAGO,MAAM,uCAAmC;AAAA,EAC9C;AAAA,EACA;AACF;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,46 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+__export(index_exports, {
+  DSLeftNavigationTree: () => import_DSLeftNavigationTree.DSLeftNavigationTree,
+  DSLeftNavigationTreeItemOptsSchema: () => import_react_desc_prop_types.DSLeftNavigationTreeItemOptsSchema,
+  DSLeftNavigationTreeItemSchema: () => import_react_desc_prop_types.DSLeftNavigationTreeItemSchema,
+  DSLeftNavigationTreeName: () => import_constants.DSLeftNavigationTreeName,
+  DSLeftNavigationTreeWithSchema: () => import_DSLeftNavigationTree.DSLeftNavigationTreeWithSchema,
+  LEFT_NAVIGATION_TREE_DATA_TESTID: () => import_constants.LEFT_NAVIGATION_TREE_DATA_TESTID,
+  LEFT_NAVIGATION_TREE_ITEM_TYPES: () => import_constants.LEFT_NAVIGATION_TREE_ITEM_TYPES,
+  LEFT_NAVIGATION_TREE_REGION_FOCUSES: () => import_constants.LEFT_NAVIGATION_TREE_REGION_FOCUSES,
+  LEFT_NAVIGATION_TREE_SLOTS: () => import_constants.LEFT_NAVIGATION_TREE_SLOTS
+});
+module.exports = __toCommonJS(index_exports);
+var React = __toESM(require("react"));
+var import_DSLeftNavigationTree = require("./DSLeftNavigationTree.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_constants = require("./constants/index.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSLeftNavigationTree, DSLeftNavigationTreeWithSchema } from './DSLeftNavigationTree.js';\nexport {\n  type DSLeftNavigationTreeT,\n  DSLeftNavigationTreeItemSchema,\n  DSLeftNavigationTreeItemOptsSchema,\n} from './react-desc-prop-types.js';\nexport {\n  DSLeftNavigationTreeName,\n  LEFT_NAVIGATION_TREE_ITEM_TYPES,\n  LEFT_NAVIGATION_TREE_REGION_FOCUSES,\n  LEFT_NAVIGATION_TREE_SLOTS,\n  LEFT_NAVIGATION_TREE_DATA_TESTID,\n} from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,kCAAqE;AACrE,mCAIO;AACP,uBAMO;",
+  "names": []
+}

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/parts/Footer.js

@@ -0,0 +1,83 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Footer_exports = {};
+__export(Footer_exports, {
+  Footer: () => Footer
+});
+module.exports = __toCommonJS(Footer_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_TreeContext = require("./TreeContext.js");
+var import_store = require("../config/store.js");
+var import_useFocusTracker = require("../config/useFocusTracker.js");
+var import_useTreeModel = require("../config/useTreeModel.js");
+var import_styled = require("./styled.js");
+const ICON_COLOR = ["brand-primary", "600"];
+const Footer = () => {
+  const { model, getOwnerProps } = (0, import_react.useContext)(import_TreeContext.TreeContext);
+  const footerLabel = (0, import_store.usePropsStore)((state) => state.footerLabel);
+  const onFooterExpand = (0, import_store.usePropsStore)((state) => state.onFooterExpand);
+  const onFooterClose = (0, import_store.usePropsStore)((state) => state.onFooterClose);
+  const { trackFocusFooter } = (0, import_useFocusTracker.useFocusTracker)();
+  const expanded = !model.isRail;
+  const showLabel = expanded && !!footerLabel;
+  const isFocusTarget = (0, import_useTreeModel.useIsFooterFocusTarget)(model);
+  const focusRef = (0, import_react.useCallback)(
+    (node) => {
+      if (node && isFocusTarget) node.focus();
+    },
+    [isFocusTarget]
+  );
+  const handleClick = (0, import_react.useCallback)(
+    (e) => {
+      if (expanded) onFooterClose(e);
+      else onFooterExpand(e);
+    },
+    [expanded, onFooterClose, onFooterExpand]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledFooterMenu, { expanded, getOwnerProps, children: [
+    showLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledFooterLabel, { getOwnerProps, children: footerLabel }) : null,
+    showLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledFooterSeparator, { "aria-hidden": "true", getOwnerProps }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_styled.StyledFooterButton,
+      {
+        type: "button",
+        "aria-label": expanded ? "Collapse left navigation" : "Expand left navigation",
+        onClick: handleClick,
+        onFocus: trackFocusFooter,
+        innerRef: focusRef,
+        getOwnerProps,
+        children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MenuCollapse, { size: "m", color: ICON_COLOR }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MenuExpand, { size: "m", color: ICON_COLOR })
+      }
+    )
+  ] });
+};
+//# sourceMappingURL=Footer.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/Footer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useCallback, useContext } from 'react';\nimport { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';\nimport { TreeContext } from './TreeContext.js';\nimport { usePropsStore } from '../config/store.js';\nimport { useFocusTracker } from '../config/useFocusTracker.js';\nimport { useIsFooterFocusTarget } from '../config/useTreeModel.js';\nimport { StyledFooterButton, StyledFooterLabel, StyledFooterMenu, StyledFooterSeparator } from './styled.js';\n\nconst ICON_COLOR = ['brand-primary', '600'] as ['brand-primary', '600'];\n\nexport const Footer = () => {\n  const { model, getOwnerProps } = useContext(TreeContext);\n  const footerLabel = usePropsStore((state) => state.footerLabel);\n  const onFooterExpand = usePropsStore((state) => state.onFooterExpand);\n  const onFooterClose = usePropsStore((state) => state.onFooterClose);\n  const { trackFocusFooter } = useFocusTracker();\n  const expanded = !model.isRail;\n  const showLabel = expanded && !!footerLabel;\n  const isFocusTarget = useIsFooterFocusTarget(model);\n\n  const focusRef = useCallback(\n    (node: HTMLElement | null) => {\n      if (node && isFocusTarget) node.focus();\n    },\n    [isFocusTarget],\n  );\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLElement>) => {\n      if (expanded) onFooterClose(e);\n      else onFooterExpand(e);\n    },\n    [expanded, onFooterClose, onFooterExpand],\n  );\n\n  return (\n    <StyledFooterMenu expanded={expanded} getOwnerProps={getOwnerProps}>\n      {showLabel ? <StyledFooterLabel getOwnerProps={getOwnerProps}>{footerLabel}</StyledFooterLabel> : null}\n      {showLabel ? <StyledFooterSeparator aria-hidden=\"true\" getOwnerProps={getOwnerProps} /> : null}\n      <StyledFooterButton\n        type=\"button\"\n        aria-label={expanded ? 'Collapse left navigation' : 'Expand left navigation'}\n        onClick={handleClick}\n        onFocus={trackFocusFooter}\n        innerRef={focusRef}\n        getOwnerProps={getOwnerProps}\n      >\n        {expanded ? <MenuCollapse size=\"m\" color={ICON_COLOR} /> : <MenuExpand size=\"m\" color={ICON_COLOR} />}\n      </StyledFooterButton>\n    </StyledFooterMenu>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmCnB;AAnCJ,mBAA+C;AAC/C,sBAAyC;AACzC,yBAA4B;AAC5B,mBAA8B;AAC9B,6BAAgC;AAChC,0BAAuC;AACvC,oBAA+F;AAE/F,MAAM,aAAa,CAAC,iBAAiB,KAAK;AAEnC,MAAM,SAAS,MAAM;AAC1B,QAAM,EAAE,OAAO,cAAc,QAAI,yBAAW,8BAAW;AACvD,QAAM,kBAAc,4BAAc,CAAC,UAAU,MAAM,WAAW;AAC9D,QAAM,qBAAiB,4BAAc,CAAC,UAAU,MAAM,cAAc;AACpE,QAAM,oBAAgB,4BAAc,CAAC,UAAU,MAAM,aAAa;AAClE,QAAM,EAAE,iBAAiB,QAAI,wCAAgB;AAC7C,QAAM,WAAW,CAAC,MAAM;AACxB,QAAM,YAAY,YAAY,CAAC,CAAC;AAChC,QAAM,oBAAgB,4CAAuB,KAAK;AAElD,QAAM,eAAW;AAAA,IACf,CAAC,SAA6B;AAC5B,UAAI,QAAQ,cAAe,MAAK,MAAM;AAAA,IACxC;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AACA,QAAM,kBAAc;AAAA,IAClB,CAAC,MAAqC;AACpC,UAAI,SAAU,eAAc,CAAC;AAAA,UACxB,gBAAe,CAAC;AAAA,IACvB;AAAA,IACA,CAAC,UAAU,eAAe,cAAc;AAAA,EAC1C;AAEA,SACE,6CAAC,kCAAiB,UAAoB,eACnC;AAAA,gBAAY,4CAAC,mCAAkB,eAA+B,uBAAY,IAAuB;AAAA,IACjG,YAAY,4CAAC,uCAAsB,eAAY,QAAO,eAA8B,IAAK;AAAA,IAC1F;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,WAAW,6BAA6B;AAAA,QACpD,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,QACV;AAAA,QAEC,qBAAW,4CAAC,gCAAa,MAAK,KAAI,OAAO,YAAY,IAAK,4CAAC,8BAAW,MAAK,KAAI,OAAO,YAAY;AAAA;AAAA,IACrG;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/parts/Header.js

@@ -0,0 +1,114 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Header_exports = {};
+__export(Header_exports, {
+  HeaderDisclosure: () => HeaderDisclosure
+});
+module.exports = __toCommonJS(Header_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_TreeContext = require("./TreeContext.js");
+var import_store = require("../config/store.js");
+var import_useFocusTracker = require("../config/useFocusTracker.js");
+var import_styled = require("./styled.js");
+const HIDDEN_LABEL_STYLE = { display: "none" };
+const CHEVRON_COLOR = ["brand-primary", "800"];
+const HeaderDisclosure = () => {
+  const { model, getOwnerProps, labelOverflow, getElementId } = (0, import_react.useContext)(import_TreeContext.TreeContext);
+  const onItemClick = (0, import_store.usePropsStore)((state) => state.onItemClick);
+  const { trackFocusHeader } = (0, import_useFocusTracker.useFocusTracker)();
+  const { headerItem, isHeaderOpen, isRail } = model;
+  const handleClick = (0, import_react.useCallback)(
+    (e) => {
+      if (headerItem) onItemClick(headerItem, e);
+    },
+    [headerItem, onItemClick]
+  );
+  const getOwnerPropsArguments = (0, import_react.useCallback)(
+    () => ({ item: headerItem, level: 1, isOpen: isHeaderOpen && !isRail, isCurrent: false }),
+    [headerItem, isHeaderOpen, isRail]
+  );
+  if (!headerItem) return null;
+  const { label, RightComponent } = headerItem.itemOpts ?? {};
+  const { CollapsedComponent } = headerItem;
+  const labelId = getElementId("label", headerItem.dsId);
+  const descriptionId = getElementId("description", headerItem.dsId);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_styled.StyledHeaderDisclosure,
+    {
+      type: "button",
+      isRail,
+      isOpen: isHeaderOpen && !isRail,
+      "aria-labelledby": labelId,
+      "aria-describedby": RightComponent && !isRail ? descriptionId : void 0,
+      "aria-expanded": isRail ? void 0 : isHeaderOpen,
+      "aria-controls": isRail || model.visibleIds.length === 0 ? void 0 : getElementId("tree", "root"),
+      onClick: handleClick,
+      onFocus: trackFocusHeader,
+      getOwnerProps,
+      children: [
+        isRail ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledCollapsedContainer, { getOwnerProps, getOwnerPropsArguments, children: CollapsedComponent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsedComponent, { item: headerItem }) : null }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLeftContainer, { getOwnerProps, getOwnerPropsArguments, children: CollapsedComponent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsedComponent, { item: headerItem }) : null }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styled.StyledItemLabel,
+          {
+            id: labelId,
+            isTall: true,
+            labelOverflow: headerItem.itemOpts?.labelOverflow ?? labelOverflow,
+            style: isRail ? HIDDEN_LABEL_STYLE : void 0,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: label
+          }
+        ),
+        RightComponent && !isRail ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styled.StyledRightContainer,
+          {
+            id: descriptionId,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RightComponent, { item: headerItem })
+          }
+        ) : null,
+        isRail ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styled.StyledArrowContainer,
+          {
+            "aria-hidden": "true",
+            isLeading: false,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: isHeaderOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, { size: "m", color: CHEVRON_COLOR }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallRight, { size: "m", color: CHEVRON_COLOR })
+          }
+        )
+      ]
+    }
+  );
+};
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/Header.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useCallback, useContext } from 'react';\nimport { ChevronSmallDown, ChevronSmallRight } from '@elliemae/ds-icons';\nimport { TreeContext } from './TreeContext.js';\nimport { usePropsStore } from '../config/store.js';\nimport { useFocusTracker } from '../config/useFocusTracker.js';\nimport {\n  StyledArrowContainer,\n  StyledCollapsedContainer,\n  StyledHeaderDisclosure,\n  StyledItemLabel,\n  StyledLeftContainer,\n  StyledRightContainer,\n} from './styled.js';\n\nconst HIDDEN_LABEL_STYLE = { display: 'none' };\nconst CHEVRON_COLOR = ['brand-primary', '800'] as ['brand-primary', '800'];\n\nexport const HeaderDisclosure = () => {\n  const { model, getOwnerProps, labelOverflow, getElementId } = useContext(TreeContext);\n  const onItemClick = usePropsStore((state) => state.onItemClick);\n  const { trackFocusHeader } = useFocusTracker();\n  const { headerItem, isHeaderOpen, isRail } = model;\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLElement>) => {\n      if (headerItem) onItemClick(headerItem, e);\n    },\n    [headerItem, onItemClick],\n  );\n  const getOwnerPropsArguments = useCallback(\n    () => ({ item: headerItem, level: 1, isOpen: isHeaderOpen && !isRail, isCurrent: false }),\n    [headerItem, isHeaderOpen, isRail],\n  );\n\n  if (!headerItem) return null;\n  const { label, RightComponent } = headerItem.itemOpts ?? {};\n  const { CollapsedComponent } = headerItem;\n  const labelId = getElementId('label', headerItem.dsId);\n  const descriptionId = getElementId('description', headerItem.dsId);\n\n  return (\n    <StyledHeaderDisclosure\n      type=\"button\"\n      isRail={isRail}\n      isOpen={isHeaderOpen && !isRail}\n      aria-labelledby={labelId}\n      aria-describedby={RightComponent && !isRail ? descriptionId : undefined}\n      aria-expanded={isRail ? undefined : isHeaderOpen}\n      aria-controls={isRail || model.visibleIds.length === 0 ? undefined : getElementId('tree', 'root')}\n      onClick={handleClick}\n      onFocus={trackFocusHeader}\n      getOwnerProps={getOwnerProps}\n    >\n      {isRail ? (\n        <StyledCollapsedContainer getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n          {CollapsedComponent ? <CollapsedComponent item={headerItem} /> : null}\n        </StyledCollapsedContainer>\n      ) : (\n        <StyledLeftContainer getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n          {CollapsedComponent ? <CollapsedComponent item={headerItem} /> : null}\n        </StyledLeftContainer>\n      )}\n      <StyledItemLabel\n        id={labelId}\n        isTall\n        labelOverflow={headerItem.itemOpts?.labelOverflow ?? labelOverflow}\n        style={isRail ? HIDDEN_LABEL_STYLE : undefined}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {label}\n      </StyledItemLabel>\n      {RightComponent && !isRail ? (\n        <StyledRightContainer\n          id={descriptionId}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <RightComponent item={headerItem} />\n        </StyledRightContainer>\n      ) : null}\n      {isRail ? null : (\n        <StyledArrowContainer\n          aria-hidden=\"true\"\n          isLeading={false}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {isHeaderOpen ? (\n            <ChevronSmallDown size=\"m\" color={CHEVRON_COLOR} />\n          ) : (\n            <ChevronSmallRight size=\"m\" color={CHEVRON_COLOR} />\n          )}\n        </StyledArrowContainer>\n      )}\n    </StyledHeaderDisclosure>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0CnB;AAzCJ,mBAA+C;AAC/C,sBAAoD;AACpD,yBAA4B;AAC5B,mBAA8B;AAC9B,6BAAgC;AAChC,oBAOO;AAEP,MAAM,qBAAqB,EAAE,SAAS,OAAO;AAC7C,MAAM,gBAAgB,CAAC,iBAAiB,KAAK;AAEtC,MAAM,mBAAmB,MAAM;AACpC,QAAM,EAAE,OAAO,eAAe,eAAe,aAAa,QAAI,yBAAW,8BAAW;AACpF,QAAM,kBAAc,4BAAc,CAAC,UAAU,MAAM,WAAW;AAC9D,QAAM,EAAE,iBAAiB,QAAI,wCAAgB;AAC7C,QAAM,EAAE,YAAY,cAAc,OAAO,IAAI;AAE7C,QAAM,kBAAc;AAAA,IAClB,CAAC,MAAqC;AACpC,UAAI,WAAY,aAAY,YAAY,CAAC;AAAA,IAC3C;AAAA,IACA,CAAC,YAAY,WAAW;AAAA,EAC1B;AACA,QAAM,6BAAyB;AAAA,IAC7B,OAAO,EAAE,MAAM,YAAY,OAAO,GAAG,QAAQ,gBAAgB,CAAC,QAAQ,WAAW,MAAM;AAAA,IACvF,CAAC,YAAY,cAAc,MAAM;AAAA,EACnC;AAEA,MAAI,CAAC,WAAY,QAAO;AACxB,QAAM,EAAE,OAAO,eAAe,IAAI,WAAW,YAAY,CAAC;AAC1D,QAAM,EAAE,mBAAmB,IAAI;AAC/B,QAAM,UAAU,aAAa,SAAS,WAAW,IAAI;AACrD,QAAM,gBAAgB,aAAa,eAAe,WAAW,IAAI;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,QAAQ,gBAAgB,CAAC;AAAA,MACzB,mBAAiB;AAAA,MACjB,oBAAkB,kBAAkB,CAAC,SAAS,gBAAgB;AAAA,MAC9D,iBAAe,SAAS,SAAY;AAAA,MACpC,iBAAe,UAAU,MAAM,WAAW,WAAW,IAAI,SAAY,aAAa,QAAQ,MAAM;AAAA,MAChG,SAAS;AAAA,MACT,SAAS;AAAA,MACT;AAAA,MAEC;AAAA,iBACC,4CAAC,0CAAyB,eAA8B,wBACrD,+BAAqB,4CAAC,sBAAmB,MAAM,YAAY,IAAK,MACnE,IAEA,4CAAC,qCAAoB,eAA8B,wBAChD,+BAAqB,4CAAC,sBAAmB,MAAM,YAAY,IAAK,MACnE;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,QAAM;AAAA,YACN,eAAe,WAAW,UAAU,iBAAiB;AAAA,YACrD,OAAO,SAAS,qBAAqB;AAAA,YACrC;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QACC,kBAAkB,CAAC,SAClB;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ;AAAA,YACA;AAAA,YAEA,sDAAC,kBAAe,MAAM,YAAY;AAAA;AAAA,QACpC,IACE;AAAA,QACH,SAAS,OACR;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAW;AAAA,YACX;AAAA,YACA;AAAA,YAEC,yBACC,4CAAC,oCAAiB,MAAK,KAAI,OAAO,eAAe,IAEjD,4CAAC,qCAAkB,MAAK,KAAI,OAAO,eAAe;AAAA;AAAA,QAEtD;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
+  "names": []
+}