@elliemae/ds-left-navigation 3.80.0-next.6 → 3.80.0-next.61

package/dist/esm/exported-related/conversion-utils/conversionHelpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/conversion-utils/conversionHelpers.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  LEFT_NAVIGATION_TREE_ITEM_TYPES as TREE_TYPES,\n  type DSLeftNavigationTreeT,\n} from '@elliemae/ds-left-navigation-tree';\nimport { ITEM_TYPES } from '../../constants/index.js';\nimport type { DSLeftNavigationT } from '../../react-desc-prop-types.js';\nimport {\n  DRILLDOWN_TYPES,\n  DROPPED_TYPE_CODES,\n  HEADER_TYPES,\n  LEAF_TYPES,\n  NO_RAIL_TYPES,\n  OUT_OF_THE_BOX_TYPES,\n  getOwn,\n} from './conversionConstants.js';\nimport { convertItemOpts } from './convertItemOpts.js';\nimport { markLost } from './report.js';\nimport type { DSLeftNavBridgeT } from './types.js';\n\ntype OldItemT = DSLeftNavigationT.GenericItemItemProps;\ntype NewItemT = DSLeftNavigationTreeT.Item;\ntype ReportT = DSLeftNavBridgeT.ReportMutableT;\n\ntype ConvertListArgsT = {\n  list: readonly OldItemT[];\n  isRoot: boolean;\n  /** The dsIds (or the items themselves, when they have none) of the submenus and drilldowns being expanded, to stop a branch that contains itself. */\n  ancestors?: readonly (string | OldItemT)[];\n  report: ReportT;\n  childrenByParentId: DSLeftNavBridgeT.ChildrenByParentIdT;\n};\n\nconst convertCollapsed = (item: OldItemT, report: ReportT): Partial<NewItemT> => {\n  if (!item.CollapsedComponent || NO_RAIL_TYPES.includes(item.type ?? '')) return {};\n  markLost(report, {\n    code: 'collapsed-component-ctx',\n    dsId: item.dsId ?? '',\n    message: 'CollapsedComponent is kept, it only receives { item }',\n  });\n  return { CollapsedComponent: item.CollapsedComponent as unknown as NewItemT['CollapsedComponent'] };\n};\n\nconst joinSectionLabel = (label: unknown, rightSection: unknown) =>\n  typeof label === 'string' && typeof rightSection === 'string' ? `${label}, ${rightSection}` : label;\n\ntype RecurseT = (children: readonly OldItemT[]) => NewItemT[];\n\nconst convertSubmenu = (item: OldItemT, args: ConvertOneArgsT): NewItemT => {\n  const { report, childrenByParentId, recurse } = args;\n  const dsId = item.dsId ?? '';\n  const children = getOwn(childrenByParentId, dsId);\n  if (!children)\n    markLost(report, { code: 'submenu-without-children', dsId, message: 'No entry in childrenByParentId' });\n  return {\n    dsId,\n    type: TREE_TYPES.PARENT,\n    ...convertCollapsed(item, report),\n    itemOpts: { ...convertItemOpts({ item, report, kind: 'submenu' }), items: recurse(children ?? []) },\n  };\n};\n\n/**\n * Both legacy drilldowns already open their children in place, so they map one to one to a tree parent. The open state\n * follows the legacy type: the controlled one reads only `isOpened` (closed when omitted), the uncontrolled one only\n * `startOpened`. The tree treats a parent as controlled when `isOpened` is defined, so each option is carried only where\n * LeftNavigation used it.\n */\nconst convertDrilldown = (item: OldItemT, args: ConvertOneArgsT): NewItemT => {\n  const { report, recurse } = args;\n  const dsId = item.dsId ?? '';\n  const { startOpened, isOpened, items = [] } = item.itemOpts ?? {};\n  const opts = convertItemOpts({ item, report, kind: 'drilldown' });\n  const isControlled = item.type === ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN;\n  return {\n    dsId,\n    type: TREE_TYPES.PARENT,\n    ...convertCollapsed(item, report),\n    itemOpts: {\n      ...opts,\n      ...(isControlled && { isOpened: !!isOpened }),\n      ...(!isControlled && startOpened !== undefined && { startOpened }),\n      items: recurse(items),\n    },\n  };\n};\n\ntype ConvertOneArgsT = Omit<ConvertListArgsT, 'list' | 'isRoot'> & { recurse: RecurseT };\n\n/**\n * Converts one item that is neither a section nor a separator. Returns null when the tree cannot carry it over.\n */\nconst convertOne = (item: OldItemT, args: ConvertOneArgsT): NewItemT | null => {\n  const { report } = args;\n  const dsId = item.dsId ?? '';\n  const { type } = item;\n\n  if (typeof type !== 'string') {\n    markLost(report, {\n      code: 'custom-component-dropped',\n      dsId,\n      message: 'Items with a custom Component are not supported',\n    });\n    return null;\n  }\n  if (LEAF_TYPES.includes(type)) {\n    return {\n      dsId,\n      type: TREE_TYPES.LEAF,\n      ...convertCollapsed(item, report),\n      itemOpts: convertItemOpts({ item, report, kind: 'leaf' }),\n    };\n  }\n  if (type === ITEM_TYPES.LEFT_NAV_ITEM_SUBMENU) return convertSubmenu(item, args);\n  if (DRILLDOWN_TYPES.includes(type)) return convertDrilldown(item, args);\n  const [code, message] = getOwn(DROPPED_TYPE_CODES as Record<string, readonly [string, string]>, type) ?? [\n    'unknown-type-dropped',\n    `Type \"${type}\" is not out of the box`,\n  ];\n  markLost(report, { code: code as DSLeftNavBridgeT.LostCodeT, dsId, message });\n  return null;\n};\n\nconst convertSection = (item: OldItemT, report: ReportT, items: NewItemT[]): NewItemT => {\n  const { label, labelRightSection } = item.itemOpts ?? {};\n  const joinable = typeof label === 'string' && typeof labelRightSection === 'string';\n  const opts = convertItemOpts({ item, report, kind: 'section', joinable });\n  return {\n    dsId: item.dsId ?? '',\n    type: TREE_TYPES.SECTION,\n    itemOpts: {\n      ...opts,\n      label: joinSectionLabel(label, labelRightSection) as NonNullable<NewItemT['itemOpts']>['label'],\n      items,\n    },\n  };\n};\n\n/**\n * LeftNavigation lists are flat: a section is a label and the items that follow it belong to it until the next section or separator.\n * The tree holds the children of a section inside it, so the conversion groups them.\n */\nexport const convertList = (args: ConvertListArgsT): NewItemT[] => {\n  const { list, isRoot, report, ancestors = [] } = args;\n  const converted: NewItemT[] = [];\n  let sectionItems: NewItemT[] | null = null;\n\n  list.forEach((item) => {\n    const { type, dsId = '' } = item;\n    const isSection = type === ITEM_TYPES.LEFT_NAV_ITEM_SECTION;\n    if (isSection || type === ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR) {\n      if (!isRoot) {\n        markLost(report, {\n          code: 'section-in-nested-list-dropped',\n          dsId,\n          message: 'Sections and separators are only supported at the root level',\n        });\n        return;\n      }\n      sectionItems = isSection ? [] : null;\n      converted.push(sectionItems ? convertSection(item, report, sectionItems) : { dsId, type: TREE_TYPES.SEPARATOR });\n      return;\n    }\n    /** An item that is its own ancestor (by dsId, or by identity when it has none) would expand forever: its repeated branch stays empty and `duplicate-id` or `missing-id` reports it. */\n    const ancestorKey = dsId || item;\n    const isOwnAncestor = ancestors.includes(ancestorKey);\n    const convertedItem = convertOne(item, {\n      report,\n      childrenByParentId: args.childrenByParentId,\n      recurse: (children) =>\n        isOwnAncestor\n          ? []\n          : convertList({ ...args, list: children, isRoot: false, ancestors: [...ancestors, ancestorKey] }),\n    });\n    if (!convertedItem) return;\n    if (sectionItems) sectionItems.push(convertedItem);\n    else converted.push(convertedItem);\n  });\n  return converted;\n};\n\n/**\n * Returns null when the header cannot be carried over: a skeleton (the same policy as the items of the list), or a custom\n * `Component` (no type, or a type that is not out of the box).\n */\nexport const convertHeader = (header: OldItemT, report: ReportT): NewItemT | null => {\n  if (header.type === ITEM_TYPES.LEFT_NAV_ITEM_SKELETON) {\n    const [code, message] = DROPPED_TYPE_CODES[ITEM_TYPES.LEFT_NAV_ITEM_SKELETON];\n    markLost(report, { code, dsId: header.dsId ?? '', message });\n    return null;\n  }\n  if (typeof header.type !== 'string' || !OUT_OF_THE_BOX_TYPES.includes(header.type)) {\n    markLost(report, {\n      code: 'custom-component-dropped',\n      dsId: header.dsId ?? '',\n      message: 'A HeaderComponent with a custom Component is not supported',\n    });\n    return null;\n  }\n  if (!HEADER_TYPES.includes(header.type)) {\n    markLost(report, {\n      code: 'unknown-type-dropped',\n      dsId: header.dsId ?? '',\n      message: `A HeaderComponent of type \"${header.type}\" is not supported, use a header or a leaf type`,\n    });\n    return null;\n  }\n  return {\n    dsId: header.dsId ?? '',\n    type: TREE_TYPES.LEAF,\n    ...convertCollapsed(header, report),\n    /** A header of a leaf type is drawn by LeftNavigation as that leaf (a with-date header shows its date), so it converts as one. */\n    itemOpts: convertItemOpts({\n      item: header,\n      report,\n      kind: header.type === ITEM_TYPES.LEFT_NAV_ITEM_HEADER ? 'header' : 'leaf',\n    }),\n  };\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/exported-related/conversion-utils/convertItemOpts.js

@@ -0,0 +1,157 @@
+import * as React from "react";
+import React2 from "react";
+import { ITEM_TYPES } from "../../constants/index.js";
+import { markLost } from "./report.js";
+const CONSUMER_SELECTABLE_TYPES = [ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL, ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE];
+const convertSelectable = (item) => {
+  const { selectable } = item.itemOpts ?? {};
+  return selectable !== void 0 && CONSUMER_SELECTABLE_TYPES.includes(item.type ?? "") ? { selectable } : {};
+};
+const KNOWN_OPTS = /* @__PURE__ */ new Set([
+  "label",
+  "labelBold",
+  "labelColor",
+  "labelOverflow",
+  "labelRightSection",
+  "selectable",
+  "focuseable",
+  "startOpened",
+  "isOpened",
+  "openable",
+  "closable",
+  "indent",
+  "LeftComponent",
+  "RightComponent",
+  "BottomComponent",
+  "ariaLabel",
+  "ariaRole",
+  "ariaLive",
+  "ariaExpanded",
+  "ariaDescribedBy",
+  "items",
+  "labelDataTestId",
+  "skeletonVariant"
+]);
+const DROPPED_OPTS = ["focuseable", "openable", "closable", "indent", "skeletonVariant", "labelDataTestId"];
+const ARIA_OPTS = ["ariaLabel", "ariaRole", "ariaLive", "ariaExpanded", "ariaDescribedBy"];
+const toRightComponent = (node) => (
+  // LeftNavigation shows labelRightSection as plain content, the tree renders it through RightComponent
+  function RightSection() {
+    return React2.createElement(React2.Fragment, null, node);
+  }
+);
+const EMPTY_CTX = {
+  leftNavProps: {},
+  selectedItem: null,
+  selectedParent: null
+};
+const carryRightComponent = (Old, rightSection) => function CarriedRightComponent({ item }) {
+  return React2.createElement(
+    React2.Fragment,
+    null,
+    rightSection,
+    Old ? React2.createElement(Old, { item, ctx: EMPTY_CTX }) : null
+  );
+};
+const reportStyleLosses = (opts, dsId, report) => {
+  if (opts.labelOverflow === "truncate") {
+    markLost(report, {
+      code: "label-truncate-to-wrap",
+      dsId,
+      message: 'labelOverflow "truncate" is not supported, labels wrap'
+    });
+  }
+  if (opts.labelBold !== void 0 || opts.labelColor !== void 0) {
+    markLost(report, { code: "label-style-dropped", dsId, message: "labelBold and labelColor are not supported" });
+  }
+  if (ARIA_OPTS.some((key) => opts[key] !== void 0)) {
+    markLost(report, {
+      code: "aria-overrides-dropped",
+      dsId,
+      message: "aria overrides are not supported, the tree computes them"
+    });
+  }
+};
+const reportDroppedComponents = ({
+  item,
+  report,
+  carriesRight
+}) => {
+  const opts = item.itemOpts ?? {};
+  const dropped = [
+    opts.RightComponent && !carriesRight ? "RightComponent" : void 0,
+    opts.LeftComponent ? "LeftComponent" : void 0,
+    opts.BottomComponent ? "BottomComponent" : void 0
+  ].filter(Boolean);
+  if (dropped.length === 0) return;
+  markLost(report, {
+    code: "component-with-ctx-dropped",
+    dsId: item.dsId ?? "",
+    message: `Not supported: ${dropped.join(", ")}`
+  });
+};
+const droppedRightSection = (opts, joinable) => opts.labelRightSection !== void 0 && !joinable ? ["labelRightSection"] : [];
+const convertCarriedRightComponent = (args, carriesRight) => {
+  const { item, report, joinable = false } = args;
+  const opts = item.itemOpts ?? {};
+  markLost(report, {
+    code: "right-component-ctx",
+    dsId: item.dsId ?? "",
+    message: "RightComponent is kept, it only receives { item } and an empty ctx"
+  });
+  return {
+    RightComponent: carryRightComponent(opts.RightComponent, carriesRight ? opts.labelRightSection : void 0),
+    droppedOpts: carriesRight ? [] : droppedRightSection(opts, joinable)
+  };
+};
+const convertRightSection = (args) => {
+  const { item, report } = args;
+  const { labelRightSection } = item.itemOpts ?? {};
+  if (typeof labelRightSection !== "string") {
+    markLost(report, {
+      code: "right-component-ctx",
+      dsId: item.dsId ?? "",
+      message: "labelRightSection is not text, it is drawn as is: remove any control inside it"
+    });
+  }
+  return { RightComponent: toRightComponent(labelRightSection), droppedOpts: [] };
+};
+const convertRightSide = (args) => {
+  const { item, report, kind, joinable = false } = args;
+  const opts = item.itemOpts ?? {};
+  const carriesRight = kind === "leaf" || kind === "drilldown";
+  const carriesRightComponent = carriesRight || kind === "header";
+  reportDroppedComponents({ item, report, carriesRight: carriesRightComponent });
+  if (carriesRightComponent && opts.RightComponent) return convertCarriedRightComponent(args, carriesRight);
+  if (carriesRight && opts.labelRightSection !== void 0) return convertRightSection(args);
+  return { droppedOpts: droppedRightSection(opts, joinable) };
+};
+const convertItemOpts = (args) => {
+  const { item, report } = args;
+  const dsId = item.dsId ?? "";
+  const opts = item.itemOpts ?? {};
+  const converted = { ...convertSelectable(item) };
+  if (opts.label !== void 0) converted.label = opts.label;
+  if (opts.labelOverflow !== void 0 && opts.labelOverflow !== "truncate") {
+    converted.labelOverflow = opts.labelOverflow;
+  }
+  reportStyleLosses(opts, dsId, report);
+  const { RightComponent, droppedOpts: droppedRight } = convertRightSide(args);
+  if (RightComponent) converted.RightComponent = RightComponent;
+  const droppedSelectable = args.kind === "drilldown" && opts.selectable !== void 0 ? ["selectable"] : [];
+  const customKeys = Object.keys(opts).filter((key) => !KNOWN_OPTS.has(key) && opts[key] !== void 0);
+  const droppedOpts = [
+    ...droppedSelectable,
+    ...DROPPED_OPTS.filter((key) => opts[key] !== void 0),
+    ...customKeys,
+    ...droppedRight
+  ];
+  if (droppedOpts.length > 0) {
+    markLost(report, { code: "item-options-dropped", dsId, message: `Not supported: ${droppedOpts.join(", ")}` });
+  }
+  return converted;
+};
+export {
+  convertItemOpts
+};
+//# sourceMappingURL=convertItemOpts.js.map

package/dist/esm/exported-related/conversion-utils/convertItemOpts.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/conversion-utils/convertItemOpts.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { DSLeftNavigationTreeT } from '@elliemae/ds-left-navigation-tree';\nimport { ITEM_TYPES } from '../../constants/index.js';\nimport type { DSLeftNavigationT } from '../../react-desc-prop-types.js';\nimport { markLost } from './report.js';\nimport type { DSLeftNavBridgeT } from './types.js';\n\ntype OldItemT = DSLeftNavigationT.GenericItemItemProps;\ntype NewItemOptsT = DSLeftNavigationTreeT.ItemOpts;\ntype ReportT = DSLeftNavBridgeT.ReportMutableT;\ntype OldOptsT = OldItemT['itemOpts'];\ntype OldRightComponentPropsT = DSLeftNavigationT.ComponentProps;\n\n/**\n * LeftNavigation lets the consumer decide `selectable` only on these types. The others set it themselves (a link is always\n * selectable, a submenu, a header or a section follow their own state), so there is nothing to carry or to report.\n */\nconst CONSUMER_SELECTABLE_TYPES: string[] = [ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL, ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE];\n\nconst convertSelectable = (item: OldItemT): Pick<NewItemOptsT, 'selectable'> => {\n  const { selectable } = item.itemOpts ?? {};\n  return selectable !== undefined && CONSUMER_SELECTABLE_TYPES.includes(item.type ?? '') ? { selectable } : {};\n};\n\n/**\n * Every key LeftNavigation knows in `itemOpts`. `ItemOptsT` also accepts any other key, which the tree has no place for.\n */\nconst KNOWN_OPTS = new Set([\n  'label',\n  'labelBold',\n  'labelColor',\n  'labelOverflow',\n  'labelRightSection',\n  'selectable',\n  'focuseable',\n  'startOpened',\n  'isOpened',\n  'openable',\n  'closable',\n  'indent',\n  'LeftComponent',\n  'RightComponent',\n  'BottomComponent',\n  'ariaLabel',\n  'ariaRole',\n  'ariaLive',\n  'ariaExpanded',\n  'ariaDescribedBy',\n  'items',\n  'labelDataTestId',\n  'skeletonVariant',\n]);\n\nconst DROPPED_OPTS = ['focuseable', 'openable', 'closable', 'indent', 'skeletonVariant', 'labelDataTestId'] as const;\n\nconst ARIA_OPTS = ['ariaLabel', 'ariaRole', 'ariaLive', 'ariaExpanded', 'ariaDescribedBy'] as const;\n\nconst toRightComponent = (node: unknown): NewItemOptsT['RightComponent'] =>\n  // LeftNavigation shows labelRightSection as plain content, the tree renders it through RightComponent\n  function RightSection() {\n    return React.createElement(React.Fragment, null, node as React.ReactNode);\n  };\n\n/**\n * The tree gives its components `{ item }`, LeftNavigation gave `{ item, ctx }`. Components that read `ctx` get an empty one.\n */\nconst EMPTY_CTX = {\n  leftNavProps: {},\n  selectedItem: null,\n  selectedParent: null,\n} as unknown as OldRightComponentPropsT['ctx'];\n\n/**\n * LeftNavigation draws `labelRightSection` and then `RightComponent` on the right side of an item, the tree has one `RightComponent`.\n */\nconst carryRightComponent = (Old: OldOptsT['RightComponent'], rightSection: unknown): NewItemOptsT['RightComponent'] =>\n  function CarriedRightComponent({ item }) {\n    return React.createElement(\n      React.Fragment,\n      null,\n      rightSection as React.ReactNode,\n      Old\n        ? React.createElement(Old, { item: item as unknown as OldRightComponentPropsT['item'], ctx: EMPTY_CTX })\n        : null,\n    );\n  };\n\nconst reportStyleLosses = (opts: OldOptsT, dsId: string, report: ReportT) => {\n  if (opts.labelOverflow === 'truncate') {\n    markLost(report, {\n      code: 'label-truncate-to-wrap',\n      dsId,\n      message: 'labelOverflow \"truncate\" is not supported, labels wrap',\n    });\n  }\n  if (opts.labelBold !== undefined || opts.labelColor !== undefined) {\n    markLost(report, { code: 'label-style-dropped', dsId, message: 'labelBold and labelColor are not supported' });\n  }\n  if (ARIA_OPTS.some((key) => opts[key] !== undefined)) {\n    markLost(report, {\n      code: 'aria-overrides-dropped',\n      dsId,\n      message: 'aria overrides are not supported, the tree computes them',\n    });\n  }\n};\n\ntype ConvertItemOptsArgsT = {\n  item: OldItemT;\n  report: ReportT;\n  /**\n   * Leaves and drilldowns carry `RightComponent` and `labelRightSection`, the header only its `RightComponent`.\n   * Submenus and the header keep their right side only as the chevron, and the tree draws its own arrow, so it is dropped.\n   */\n  kind: 'leaf' | 'drilldown' | 'submenu' | 'header' | 'section';\n  /** The caller merges labelRightSection into the label (sections), so it is not lost. */\n  joinable?: boolean;\n};\n\ntype RightSideResultT = { RightComponent?: NewItemOptsT['RightComponent']; droppedOpts: string[] };\n\nconst reportDroppedComponents = ({\n  item,\n  report,\n  carriesRight,\n}: {\n  item: OldItemT;\n  report: ReportT;\n  carriesRight: boolean;\n}) => {\n  const opts = item.itemOpts ?? {};\n  const dropped = [\n    opts.RightComponent && !carriesRight ? 'RightComponent' : undefined,\n    opts.LeftComponent ? 'LeftComponent' : undefined,\n    opts.BottomComponent ? 'BottomComponent' : undefined,\n  ].filter(Boolean);\n  if (dropped.length === 0) return;\n  markLost(report, {\n    code: 'component-with-ctx-dropped',\n    dsId: item.dsId ?? '',\n    message: `Not supported: ${dropped.join(', ')}`,\n  });\n};\n\nconst droppedRightSection = (opts: OldOptsT, joinable: boolean) =>\n  opts.labelRightSection !== undefined && !joinable ? ['labelRightSection'] : [];\n\n/**\n * The header also draws its `RightComponent` (the tree renders it, LeftNavigation did), but never drew `labelRightSection`.\n */\nconst convertCarriedRightComponent = (args: ConvertItemOptsArgsT, carriesRight: boolean): RightSideResultT => {\n  const { item, report, joinable = false } = args;\n  const opts = item.itemOpts ?? {};\n  markLost(report, {\n    code: 'right-component-ctx',\n    dsId: item.dsId ?? '',\n    message: 'RightComponent is kept, it only receives { item } and an empty ctx',\n  });\n  return {\n    RightComponent: carryRightComponent(opts.RightComponent, carriesRight ? opts.labelRightSection : undefined),\n    droppedOpts: carriesRight ? [] : droppedRightSection(opts, joinable),\n  };\n};\n\n/**\n * A `labelRightSection` that is not text is drawn as is, so a control inside it would be a second focusable element in the\n * treeitem: the conversion keeps it and reports it, as it does with a carried `RightComponent`.\n */\nconst convertRightSection = (args: ConvertItemOptsArgsT): RightSideResultT => {\n  const { item, report } = args;\n  const { labelRightSection } = item.itemOpts ?? {};\n  if (typeof labelRightSection !== 'string') {\n    markLost(report, {\n      code: 'right-component-ctx',\n      dsId: item.dsId ?? '',\n      message: 'labelRightSection is not text, it is drawn as is: remove any control inside it',\n    });\n  }\n  return { RightComponent: toRightComponent(labelRightSection), droppedOpts: [] };\n};\n\n/**\n * The right side of an item: leaves and drilldowns keep `RightComponent` and `labelRightSection`, the header only its\n * `RightComponent`, the other kinds lose them.\n */\nconst convertRightSide = (args: ConvertItemOptsArgsT): RightSideResultT => {\n  const { item, report, kind, joinable = false } = args;\n  const opts = item.itemOpts ?? {};\n  const carriesRight = kind === 'leaf' || kind === 'drilldown';\n  const carriesRightComponent = carriesRight || kind === 'header';\n  reportDroppedComponents({ item, report, carriesRight: carriesRightComponent });\n  if (carriesRightComponent && opts.RightComponent) return convertCarriedRightComponent(args, carriesRight);\n  if (carriesRight && opts.labelRightSection !== undefined) return convertRightSection(args);\n  return { droppedOpts: droppedRightSection(opts, joinable) };\n};\n\n/**\n * Builds the tree item options shared by every converted type and records what could not be carried over.\n */\nexport const convertItemOpts = (args: ConvertItemOptsArgsT): NewItemOptsT => {\n  const { item, report } = args;\n  const dsId = item.dsId ?? '';\n  const opts = item.itemOpts ?? {};\n  const converted: NewItemOptsT = { ...convertSelectable(item) };\n  if (opts.label !== undefined) converted.label = opts.label;\n  if (opts.labelOverflow !== undefined && opts.labelOverflow !== 'truncate') {\n    converted.labelOverflow = opts.labelOverflow;\n  }\n  reportStyleLosses(opts, dsId, report);\n\n  const { RightComponent, droppedOpts: droppedRight } = convertRightSide(args);\n  if (RightComponent) converted.RightComponent = RightComponent;\n  /** LeftNavigation drilldowns keep the consumer's `selectable`, the tree has it on leaves only. */\n  const droppedSelectable = args.kind === 'drilldown' && opts.selectable !== undefined ? ['selectable'] : [];\n  const customKeys = Object.keys(opts).filter((key) => !KNOWN_OPTS.has(key) && opts[key] !== undefined);\n  const droppedOpts = [\n    ...droppedSelectable,\n    ...DROPPED_OPTS.filter((key) => opts[key] !== undefined),\n    ...customKeys,\n    ...droppedRight,\n  ];\n  if (droppedOpts.length > 0) {\n    markLost(report, { code: 'item-options-dropped', dsId, message: `Not supported: ${droppedOpts.join(', ')}` });\n  }\n  return converted;\n};\n"],
+  "mappings": "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",
+  "names": ["React"]
+}

package/dist/esm/exported-related/conversion-utils/getHumanReadableWarnings.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { WARNING_PER_LOST_CODE } from "./lostCodes.js";
+const getHumanReadableWarnings = (report) => Object.keys(WARNING_PER_LOST_CODE).filter((code) => report.detectedLostsOnConversion[code]).map((code) => WARNING_PER_LOST_CODE[code]);
+export {
+  getHumanReadableWarnings
+};
+//# sourceMappingURL=getHumanReadableWarnings.js.map

package/dist/esm/exported-related/conversion-utils/getHumanReadableWarnings.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/conversion-utils/getHumanReadableWarnings.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { WARNING_PER_LOST_CODE } from './lostCodes.js';\nimport type { DSLeftNavBridgeT } from './types.js';\n\n/**\n * given the report, it will return a human readable list of warnings\n * @param report - The report to get the warnings from.\n * @returns A list of human readable warnings.\n */\nexport const getHumanReadableWarnings = (report: DSLeftNavBridgeT.ReportMutableT): string[] =>\n  (Object.keys(WARNING_PER_LOST_CODE) as DSLeftNavBridgeT.LostCodeT[])\n    .filter((code) => report.detectedLostsOnConversion[code])\n    .map((code) => WARNING_PER_LOST_CODE[code]);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,6BAA6B;AAQ/B,MAAM,2BAA2B,CAAC,WACtC,OAAO,KAAK,qBAAqB,EAC/B,OAAO,CAAC,SAAS,OAAO,0BAA0B,IAAI,CAAC,EACvD,IAAI,CAAC,SAAS,sBAAsB,IAAI,CAAC;",
+  "names": []
+}

package/dist/esm/exported-related/conversion-utils/index.js

@@ -0,0 +1,65 @@
+import * as React from "react";
+import { getOwn } from "./conversionConstants.js";
+import { convertHeader, convertList } from "./conversionHelpers.js";
+import { reportIdProblems } from "./validateIds.js";
+import { getHumanReadableWarnings } from "./getHumanReadableWarnings.js";
+import { createEmptyReport, markLost } from "./report.js";
+const reportIgnoredHeaderContent = (dsId, childrenByParentId, report) => {
+  if (!dsId || !getOwn(childrenByParentId, dsId)) return;
+  markLost(report, {
+    code: "header-content-dropped",
+    dsId,
+    message: "The header is the first leaf, so its list in childrenByParentId was ignored"
+  });
+};
+const convertHeaderPart = (args) => {
+  const { HeaderComponent, headerAsFirstLeaf, convertedItems, report, childrenByParentId } = args;
+  const result = {};
+  const header = HeaderComponent ? convertHeader(HeaderComponent, report) : null;
+  if (!HeaderComponent || !header) return result;
+  if (headerAsFirstLeaf) {
+    convertedItems.unshift(header);
+    reportIgnoredHeaderContent(HeaderComponent.dsId, childrenByParentId, report);
+    return result;
+  }
+  const headerContent = HeaderComponent.dsId ? getOwn(childrenByParentId, HeaderComponent.dsId) : void 0;
+  if (!headerContent) {
+    markLost(report, {
+      code: "header-without-content",
+      dsId: HeaderComponent.dsId ?? "",
+      message: "No entry in childrenByParentId for the header, it is a disclosure with nothing to open"
+    });
+  }
+  return {
+    convertedHeader: header,
+    convertedHeaderItems: headerContent ? convertList({ list: headerContent, isRoot: true, report, childrenByParentId }) : []
+  };
+};
+const checkAndConvertItems = (items, options = {}) => {
+  const { childrenByParentId = {}, HeaderComponent, BodyHeaderComponent, headerAsFirstLeaf = false } = options;
+  const report = createEmptyReport();
+  const convertedItems = convertList({ list: items, isRoot: true, report, childrenByParentId });
+  const { convertedHeader, convertedHeaderItems } = convertHeaderPart({
+    HeaderComponent,
+    headerAsFirstLeaf,
+    convertedItems,
+    report,
+    childrenByParentId
+  });
+  reportIdProblems(convertedItems, report, convertedHeader ? [convertedHeader.dsId] : []);
+  if (convertedHeaderItems)
+    reportIdProblems(convertedHeaderItems, report, convertedHeader?.dsId ? [convertedHeader.dsId] : []);
+  if (BodyHeaderComponent) {
+    markLost(report, {
+      code: "body-header-dropped",
+      dsId: BodyHeaderComponent.dsId ?? "",
+      message: "BodyHeaderComponent is not supported, the submenu is the parent of its children"
+    });
+  }
+  report.humanReadableWarnings = getHumanReadableWarnings(report);
+  return { convertedItems, convertedHeader, convertedHeaderItems, report };
+};
+export {
+  checkAndConvertItems
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/exported-related/conversion-utils/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/conversion-utils/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { getOwn } from './conversionConstants.js';\nimport { convertHeader, convertList } from './conversionHelpers.js';\nimport { reportIdProblems } from './validateIds.js';\nimport { getHumanReadableWarnings } from './getHumanReadableWarnings.js';\nimport { createEmptyReport, markLost } from './report.js';\nimport type { DSLeftNavBridgeT } from './types.js';\nimport type { DSLeftNavigationT } from '../../react-desc-prop-types.js';\n\ntype ConvertHeaderPartArgsT = {\n  HeaderComponent?: DSLeftNavBridgeT.OptionsT['HeaderComponent'];\n  headerAsFirstLeaf: boolean;\n  convertedItems: DSLeftNavBridgeT.ResultT['convertedItems'];\n  report: DSLeftNavBridgeT.ReportMutableT;\n  childrenByParentId: DSLeftNavBridgeT.ChildrenByParentIdT;\n};\n\nconst reportIgnoredHeaderContent = (\n  dsId: string | undefined,\n  childrenByParentId: DSLeftNavBridgeT.ChildrenByParentIdT,\n  report: DSLeftNavBridgeT.ReportMutableT,\n) => {\n  if (!dsId || !getOwn(childrenByParentId, dsId)) return;\n  markLost(report, {\n    code: 'header-content-dropped',\n    dsId,\n    message: 'The header is the first leaf, so its list in childrenByParentId was ignored',\n  });\n};\n\nconst convertHeaderPart = (args: ConvertHeaderPartArgsT) => {\n  const { HeaderComponent, headerAsFirstLeaf, convertedItems, report, childrenByParentId } = args;\n  const result: Pick<DSLeftNavBridgeT.ResultT, 'convertedHeader' | 'convertedHeaderItems'> = {};\n  const header = HeaderComponent ? convertHeader(HeaderComponent, report) : null;\n  if (!HeaderComponent || !header) return result;\n  if (headerAsFirstLeaf) {\n    convertedItems.unshift(header);\n    reportIgnoredHeaderContent(HeaderComponent.dsId, childrenByParentId, report);\n    return result;\n  }\n  const headerContent = HeaderComponent.dsId ? getOwn(childrenByParentId, HeaderComponent.dsId) : undefined;\n  if (!headerContent) {\n    markLost(report, {\n      code: 'header-without-content',\n      dsId: HeaderComponent.dsId ?? '',\n      message: 'No entry in childrenByParentId for the header, it is a disclosure with nothing to open',\n    });\n  }\n  return {\n    convertedHeader: header,\n    convertedHeaderItems: headerContent\n      ? convertList({ list: headerContent, isRoot: true, report, childrenByParentId })\n      : [],\n  };\n};\n\n/**\n * Converts LeftNavigation items to DSLeftNavigationTree items and reports what the tree cannot carry over.\n * It is a migration aid, not a drop-in replacement: read `report.humanReadableWarnings` and `report.lostEntries`.\n * @param items - The LeftNavigation items (the flat list shown by the body).\n * @param options - Children of the submenus (`childrenByParentId`), and the `HeaderComponent` and `BodyHeaderComponent` props.\n * @returns The converted items and the report. `HeaderComponent` becomes `convertedHeader`, a disclosure, and\n * `convertedHeaderItems` is its content (the list under the header `dsId` in `childrenByParentId`) to pass as `items`\n * while it is open. A header that is only a link goes to the front of `convertedItems` with `headerAsFirstLeaf`.\n */\nexport const checkAndConvertItems = (\n  items: readonly DSLeftNavigationT.GenericItemItemProps[],\n  options: DSLeftNavBridgeT.OptionsT = {},\n): DSLeftNavBridgeT.ResultT => {\n  const { childrenByParentId = {}, HeaderComponent, BodyHeaderComponent, headerAsFirstLeaf = false } = options;\n  const report = createEmptyReport();\n  const convertedItems = convertList({ list: items, isRoot: true, report, childrenByParentId });\n  const { convertedHeader, convertedHeaderItems } = convertHeaderPart({\n    HeaderComponent,\n    headerAsFirstLeaf,\n    convertedItems,\n    report,\n    childrenByParentId,\n  });\n  /** The header and each list the consumer passes as `items` are one hierarchy for the tree, so each is validated with the header. */\n  reportIdProblems(convertedItems, report, convertedHeader ? [convertedHeader.dsId] : []);\n  if (convertedHeaderItems)\n    reportIdProblems(convertedHeaderItems, report, convertedHeader?.dsId ? [convertedHeader.dsId] : []);\n  if (BodyHeaderComponent) {\n    markLost(report, {\n      code: 'body-header-dropped',\n      dsId: BodyHeaderComponent.dsId ?? '',\n      message: 'BodyHeaderComponent is not supported, the submenu is the parent of its children',\n    });\n  }\n  report.humanReadableWarnings = getHumanReadableWarnings(report);\n  return { convertedItems, convertedHeader, convertedHeaderItems, report };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,eAAe,mBAAmB;AAC3C,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AACzC,SAAS,mBAAmB,gBAAgB;AAY5C,MAAM,6BAA6B,CACjC,MACA,oBACA,WACG;AACH,MAAI,CAAC,QAAQ,CAAC,OAAO,oBAAoB,IAAI,EAAG;AAChD,WAAS,QAAQ;AAAA,IACf,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AAAA,EACX,CAAC;AACH;AAEA,MAAM,oBAAoB,CAAC,SAAiC;AAC1D,QAAM,EAAE,iBAAiB,mBAAmB,gBAAgB,QAAQ,mBAAmB,IAAI;AAC3F,QAAM,SAAqF,CAAC;AAC5F,QAAM,SAAS,kBAAkB,cAAc,iBAAiB,MAAM,IAAI;AAC1E,MAAI,CAAC,mBAAmB,CAAC,OAAQ,QAAO;AACxC,MAAI,mBAAmB;AACrB,mBAAe,QAAQ,MAAM;AAC7B,+BAA2B,gBAAgB,MAAM,oBAAoB,MAAM;AAC3E,WAAO;AAAA,EACT;AACA,QAAM,gBAAgB,gBAAgB,OAAO,OAAO,oBAAoB,gBAAgB,IAAI,IAAI;AAChG,MAAI,CAAC,eAAe;AAClB,aAAS,QAAQ;AAAA,MACf,MAAM;AAAA,MACN,MAAM,gBAAgB,QAAQ;AAAA,MAC9B,SAAS;AAAA,IACX,CAAC;AAAA,EACH;AACA,SAAO;AAAA,IACL,iBAAiB;AAAA,IACjB,sBAAsB,gBAClB,YAAY,EAAE,MAAM,eAAe,QAAQ,MAAM,QAAQ,mBAAmB,CAAC,IAC7E,CAAC;AAAA,EACP;AACF;AAWO,MAAM,uBAAuB,CAClC,OACA,UAAqC,CAAC,MACT;AAC7B,QAAM,EAAE,qBAAqB,CAAC,GAAG,iBAAiB,qBAAqB,oBAAoB,MAAM,IAAI;AACrG,QAAM,SAAS,kBAAkB;AACjC,QAAM,iBAAiB,YAAY,EAAE,MAAM,OAAO,QAAQ,MAAM,QAAQ,mBAAmB,CAAC;AAC5F,QAAM,EAAE,iBAAiB,qBAAqB,IAAI,kBAAkB;AAAA,IAClE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,mBAAiB,gBAAgB,QAAQ,kBAAkB,CAAC,gBAAgB,IAAI,IAAI,CAAC,CAAC;AACtF,MAAI;AACF,qBAAiB,sBAAsB,QAAQ,iBAAiB,OAAO,CAAC,gBAAgB,IAAI,IAAI,CAAC,CAAC;AACpG,MAAI,qBAAqB;AACvB,aAAS,QAAQ;AAAA,MACf,MAAM;AAAA,MACN,MAAM,oBAAoB,QAAQ;AAAA,MAClC,SAAS;AAAA,IACX,CAAC;AAAA,EACH;AACA,SAAO,wBAAwB,yBAAyB,MAAM;AAC9D,SAAO,EAAE,gBAAgB,iBAAiB,sBAAsB,OAAO;AACzE;",
+  "names": []
+}

package/dist/esm/exported-related/conversion-utils/lostCodes.js

@@ -0,0 +1,25 @@
+import * as React from "react";
+const WARNING_PER_LOST_CODE = {
+  "submenu-without-children": `- Encountered submenu items without an entry in "childrenByParentId" - the tree needs the children in the data, the conversion created an empty parent`,
+  "custom-component-dropped": `- Encountered items with a custom "Component" - a treeitem cannot hold arbitrary interactive content (WCAG 4.1.2), the conversion dropped them`,
+  "skeleton-dropped": `- Encountered skeleton items - loading states are not part of the tree, the conversion dropped them`,
+  "header-item-dropped": `- Encountered an item of type header inside "items" - the tree has one header disclosure, passed as "HeaderComponent", the conversion dropped it from the list`,
+  "header-content-dropped": `- Encountered "headerAsFirstLeaf" together with a list for the header in "childrenByParentId" - a header that is the first item of the list has nothing to open, the conversion ignored that list. Drop "headerAsFirstLeaf" to keep the header as a disclosure with its content`,
+  "header-without-content": `- Encountered a "HeaderComponent" without an entry in "childrenByParentId" - the tree header is a disclosure with nothing to open. If the header is only a link, pass "headerAsFirstLeaf" to make it the first item of the list`,
+  "right-component-ctx": `- Encountered "RightComponent" on a leaf, drilldown or header, or a "labelRightSection" that is not text - the conversion kept it, but the tree only gives it "{ item }" and an empty "ctx", so it must not read "ctx". The "item" it receives is the converted tree item (another type, with only the options the tree keeps), so it must not read legacy fields either. The conversion does not inspect what it draws: remove buttons, menus or any other control inside it before rendering the converted data, a treeitem cannot hold them`,
+  "body-header-dropped": `- Encountered "BodyHeaderComponent" - the tree shows the opened submenu as the parent of its children, the conversion ignored it`,
+  "component-with-ctx-dropped": `- Encountered "LeftComponent" or "BottomComponent", or a "RightComponent" on a submenu or section - the tree has no place for them (parents draw their own arrow), the conversion dropped them`,
+  "collapsed-component-ctx": `- Encountered "CollapsedComponent" - the conversion kept it as is, but the tree only gives it "{ item }" with the converted tree item (another type, with only the options the tree keeps), so it must not read "ctx" or legacy fields of the item`,
+  "label-style-dropped": `- Encountered "labelBold" or "labelColor" - state conveyed only by weight or color fails WCAG 1.3.1 and 1.4.1, the conversion dropped them`,
+  "label-truncate-to-wrap": `- Encountered "labelOverflow: truncate" - truncated labels need a hover tooltip (1.4.13) and hide text from users who zoom (1.4.10), the conversion uses "wrap"`,
+  "aria-overrides-dropped": `- Encountered "ariaLabel", "ariaRole", "ariaLive", "ariaExpanded" or "ariaDescribedBy" - the tree computes its own names and states, the conversion dropped them`,
+  "item-options-dropped": `- Encountered item options the tree does not have (selectable on a drilldown, focuseable, openable, closable, indent, skeletonVariant, labelDataTestId, any other key of itemOpts, or a non-text labelRightSection where it cannot be shown) - the conversion dropped them, see lostEntries for the list per item`,
+  "section-in-nested-list-dropped": `- Encountered a section or separator inside a submenu or drilldown - the tree supports them only at the root level, the conversion dropped them`,
+  "missing-id": `- Encountered items without a "dsId" - the tree finds every item by its "dsId", so each one needs its own; set it before using the converted items`,
+  "duplicate-id": `- Encountered the same "dsId" on more than one item of the converted hierarchy - the tree finds items by "dsId" across all levels, so a repeated one overwrites the other's label and parent; give each item a unique "dsId" (LeftNavigation only needed it unique inside the list that is shown)`,
+  "unknown-type-dropped": `- Encountered items with a type that is not out of the box, or a "HeaderComponent" that is not a header, link, text-label or with-date - the conversion dropped them`
+};
+export {
+  WARNING_PER_LOST_CODE
+};
+//# sourceMappingURL=lostCodes.js.map

package/dist/esm/exported-related/conversion-utils/lostCodes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/conversion-utils/lostCodes.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/**\n * Single source of truth for the codes of what the conversion cannot carry over: the type, the empty report and the warnings derive from it.\n */\nexport const WARNING_PER_LOST_CODE = {\n  'submenu-without-children': `- Encountered submenu items without an entry in \"childrenByParentId\" - the tree needs the children in the data, the conversion created an empty parent`,\n  'custom-component-dropped': `- Encountered items with a custom \"Component\" - a treeitem cannot hold arbitrary interactive content (WCAG 4.1.2), the conversion dropped them`,\n  'skeleton-dropped': `- Encountered skeleton items - loading states are not part of the tree, the conversion dropped them`,\n  'header-item-dropped': `- Encountered an item of type header inside \"items\" - the tree has one header disclosure, passed as \"HeaderComponent\", the conversion dropped it from the list`,\n  'header-content-dropped': `- Encountered \"headerAsFirstLeaf\" together with a list for the header in \"childrenByParentId\" - a header that is the first item of the list has nothing to open, the conversion ignored that list. Drop \"headerAsFirstLeaf\" to keep the header as a disclosure with its content`,\n  'header-without-content': `- Encountered a \"HeaderComponent\" without an entry in \"childrenByParentId\" - the tree header is a disclosure with nothing to open. If the header is only a link, pass \"headerAsFirstLeaf\" to make it the first item of the list`,\n  'right-component-ctx': `- Encountered \"RightComponent\" on a leaf, drilldown or header, or a \"labelRightSection\" that is not text - the conversion kept it, but the tree only gives it \"{ item }\" and an empty \"ctx\", so it must not read \"ctx\". The \"item\" it receives is the converted tree item (another type, with only the options the tree keeps), so it must not read legacy fields either. The conversion does not inspect what it draws: remove buttons, menus or any other control inside it before rendering the converted data, a treeitem cannot hold them`,\n  'body-header-dropped': `- Encountered \"BodyHeaderComponent\" - the tree shows the opened submenu as the parent of its children, the conversion ignored it`,\n  'component-with-ctx-dropped': `- Encountered \"LeftComponent\" or \"BottomComponent\", or a \"RightComponent\" on a submenu or section - the tree has no place for them (parents draw their own arrow), the conversion dropped them`,\n  'collapsed-component-ctx': `- Encountered \"CollapsedComponent\" - the conversion kept it as is, but the tree only gives it \"{ item }\" with the converted tree item (another type, with only the options the tree keeps), so it must not read \"ctx\" or legacy fields of the item`,\n  'label-style-dropped': `- Encountered \"labelBold\" or \"labelColor\" - state conveyed only by weight or color fails WCAG 1.3.1 and 1.4.1, the conversion dropped them`,\n  'label-truncate-to-wrap': `- Encountered \"labelOverflow: truncate\" - truncated labels need a hover tooltip (1.4.13) and hide text from users who zoom (1.4.10), the conversion uses \"wrap\"`,\n  'aria-overrides-dropped': `- Encountered \"ariaLabel\", \"ariaRole\", \"ariaLive\", \"ariaExpanded\" or \"ariaDescribedBy\" - the tree computes its own names and states, the conversion dropped them`,\n  'item-options-dropped': `- Encountered item options the tree does not have (selectable on a drilldown, focuseable, openable, closable, indent, skeletonVariant, labelDataTestId, any other key of itemOpts, or a non-text labelRightSection where it cannot be shown) - the conversion dropped them, see lostEntries for the list per item`,\n  'section-in-nested-list-dropped': `- Encountered a section or separator inside a submenu or drilldown - the tree supports them only at the root level, the conversion dropped them`,\n  'missing-id': `- Encountered items without a \"dsId\" - the tree finds every item by its \"dsId\", so each one needs its own; set it before using the converted items`,\n  'duplicate-id': `- Encountered the same \"dsId\" on more than one item of the converted hierarchy - the tree finds items by \"dsId\" across all levels, so a repeated one overwrites the other's label and parent; give each item a unique \"dsId\" (LeftNavigation only needed it unique inside the list that is shown)`,\n  'unknown-type-dropped': `- Encountered items with a type that is not out of the box, or a \"HeaderComponent\" that is not a header, link, text-label or with-date - the conversion dropped them`,\n} as const;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGhB,MAAM,wBAAwB;AAAA,EACnC,4BAA4B;AAAA,EAC5B,4BAA4B;AAAA,EAC5B,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,8BAA8B;AAAA,EAC9B,2BAA2B;AAAA,EAC3B,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,wBAAwB;AAAA,EACxB,kCAAkC;AAAA,EAClC,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,wBAAwB;AAC1B;",
+  "names": []
+}

package/dist/esm/exported-related/conversion-utils/report.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { WARNING_PER_LOST_CODE } from "./lostCodes.js";
+const createEmptyReport = () => ({
+  detectedLostsOnConversion: Object.fromEntries(
+    Object.keys(WARNING_PER_LOST_CODE).map((code) => [code, false])
+  ),
+  lostEntries: [],
+  humanReadableWarnings: []
+});
+const markLost = (report, entry) => {
+  report.detectedLostsOnConversion[entry.code] = true;
+  report.lostEntries.push(entry);
+};
+export {
+  createEmptyReport,
+  markLost
+};
+//# sourceMappingURL=report.js.map

package/dist/esm/exported-related/conversion-utils/report.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/conversion-utils/report.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { WARNING_PER_LOST_CODE } from './lostCodes.js';\nimport type { DSLeftNavBridgeT } from './types.js';\n\nexport const createEmptyReport = (): DSLeftNavBridgeT.ReportMutableT => ({\n  detectedLostsOnConversion: Object.fromEntries(\n    Object.keys(WARNING_PER_LOST_CODE).map((code) => [code, false]),\n  ) as DSLeftNavBridgeT.ReportMutableT['detectedLostsOnConversion'],\n  lostEntries: [],\n  humanReadableWarnings: [],\n});\n\nexport const markLost = (report: DSLeftNavBridgeT.ReportMutableT, entry: DSLeftNavBridgeT.LostEntryT) => {\n  // eslint-disable-next-line no-param-reassign\n  report.detectedLostsOnConversion[entry.code] = true;\n  report.lostEntries.push(entry);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,6BAA6B;AAG/B,MAAM,oBAAoB,OAAwC;AAAA,EACvE,2BAA2B,OAAO;AAAA,IAChC,OAAO,KAAK,qBAAqB,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC;AAAA,EAChE;AAAA,EACA,aAAa,CAAC;AAAA,EACd,uBAAuB,CAAC;AAC1B;AAEO,MAAM,WAAW,CAAC,QAAyC,UAAuC;AAEvG,SAAO,0BAA0B,MAAM,IAAI,IAAI;AAC/C,SAAO,YAAY,KAAK,KAAK;AAC/B;",
+  "names": []
+}

package/dist/esm/exported-related/conversion-utils/types.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=types.js.map

package/dist/esm/exported-related/conversion-utils/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA,YAAY,WAAW;",
+  "names": []
+}

package/dist/esm/exported-related/conversion-utils/validateIds.js

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { markLost } from "./report.js";
+const collectIds = (items, ids = []) => {
+  items.forEach((item) => {
+    ids.push(item.dsId);
+    collectIds(item.itemOpts?.items ?? [], ids);
+  });
+  return ids;
+};
+const reportIdProblems = (items, report, extraIds = []) => {
+  const seen = /* @__PURE__ */ new Set();
+  const reported = /* @__PURE__ */ new Set();
+  [...extraIds, ...collectIds(items)].forEach((dsId) => {
+    if (!dsId) {
+      markLost(report, { code: "missing-id", dsId: "", message: "An item has no dsId" });
+      return;
+    }
+    if (seen.has(dsId) && !reported.has(dsId)) {
+      reported.add(dsId);
+      markLost(report, { code: "duplicate-id", dsId, message: "The dsId is used by more than one item" });
+    }
+    seen.add(dsId);
+  });
+};
+export {
+  reportIdProblems
+};
+//# sourceMappingURL=validateIds.js.map

package/dist/esm/exported-related/conversion-utils/validateIds.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/conversion-utils/validateIds.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { DSLeftNavigationTreeT } from '@elliemae/ds-left-navigation-tree';\nimport { markLost } from './report.js';\nimport type { DSLeftNavBridgeT } from './types.js';\n\ntype NewItemT = DSLeftNavigationTreeT.Item;\n\nconst collectIds = (items: readonly NewItemT[], ids: string[] = []): string[] => {\n  items.forEach((item) => {\n    ids.push(item.dsId);\n    collectIds(item.itemOpts?.items ?? [], ids);\n  });\n  return ids;\n};\n\n/**\n * The tree finds items by `dsId` across every level of the list it receives, LeftNavigation only needed them unique inside each list it showed.\n * Reports the items without one and the ids that repeat, once per repeated id.\n */\nexport const reportIdProblems = (\n  items: readonly NewItemT[],\n  report: DSLeftNavBridgeT.ReportMutableT,\n  extraIds: readonly string[] = [],\n) => {\n  const seen = new Set<string>();\n  const reported = new Set<string>();\n  [...extraIds, ...collectIds(items)].forEach((dsId) => {\n    if (!dsId) {\n      markLost(report, { code: 'missing-id', dsId: '', message: 'An item has no dsId' });\n      return;\n    }\n    if (seen.has(dsId) && !reported.has(dsId)) {\n      reported.add(dsId);\n      markLost(report, { code: 'duplicate-id', dsId, message: 'The dsId is used by more than one item' });\n    }\n    seen.add(dsId);\n  });\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,gBAAgB;AAKzB,MAAM,aAAa,CAAC,OAA4B,MAAgB,CAAC,MAAgB;AAC/E,QAAM,QAAQ,CAAC,SAAS;AACtB,QAAI,KAAK,KAAK,IAAI;AAClB,eAAW,KAAK,UAAU,SAAS,CAAC,GAAG,GAAG;AAAA,EAC5C,CAAC;AACD,SAAO;AACT;AAMO,MAAM,mBAAmB,CAC9B,OACA,QACA,WAA8B,CAAC,MAC5B;AACH,QAAM,OAAO,oBAAI,IAAY;AAC7B,QAAM,WAAW,oBAAI,IAAY;AACjC,GAAC,GAAG,UAAU,GAAG,WAAW,KAAK,CAAC,EAAE,QAAQ,CAAC,SAAS;AACpD,QAAI,CAAC,MAAM;AACT,eAAS,QAAQ,EAAE,MAAM,cAAc,MAAM,IAAI,SAAS,sBAAsB,CAAC;AACjF;AAAA,IACF;AACA,QAAI,KAAK,IAAI,IAAI,KAAK,CAAC,SAAS,IAAI,IAAI,GAAG;AACzC,eAAS,IAAI,IAAI;AACjB,eAAS,QAAQ,EAAE,MAAM,gBAAgB,MAAM,SAAS,yCAAyC,CAAC;AAAA,IACpG;AACA,SAAK,IAAI,IAAI;AAAA,EACf,CAAC;AACH;",
+  "names": []
+}

package/dist/esm/index.js

@@ -14,6 +14,7 @@ import {
   LEFT_NAVIGATION_SLOTS,
   MAP_ITEMS_TO_SKELETON
 } from "./constants/index.js";
+import { checkAndConvertItems } from "./exported-related/conversion-utils/index.js";
 import { ChevronItem, Icon, ItemRenderer, Notifications, OpenWindow } from "./exported-related/index.js";
 import { LeftNavigation as LeftNavigation2, LeftNavigationWithSchema } from "./LeftNavigation.js";
 import {
@@ -45,6 +46,7 @@ export {
   MAP_ITEMS_TO_SKELETON,
   Notifications,
   OpenWindow,
+  checkAndConvertItems,
   index_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { LeftNavigation } from './LeftNavigation.js';\n\nexport default LeftNavigation;\nexport {\n  CHEVRON_BACK_DS_ID,\n  DSLeftNavigationName,\n  DSLeftNavigationSlots,\n  FOOTER_DS_ID,\n  FOOTER_MENU_CLOSE_DS_ID,\n  ITEM_TYPES,\n  LABEL_OVERFLOW,\n  LEFT_NAVIGATION_DATA_TESTID,\n  LEFT_NAVIGATION_REGION_FOCUSES,\n  LEFT_NAVIGATION_SLOTS,\n  MAP_ITEMS_TO_SKELETON,\n} from './constants/index.js';\nexport { ChevronItem, Icon, ItemRenderer, Notifications, OpenWindow } from './exported-related/index.js';\nexport { LeftNavigation, LeftNavigationWithSchema } from './LeftNavigation.js';\nexport {\n  DSLeftNavigationItemPropTypesSchema,\n  DSLeftNavigationPropTypesSchema,\n  LeftNavItemOptionsSchema,\n  LeftNavItemPropsSchema,\n  type DSLeftNavigationT,\n} from './react-desc-prop-types.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sBAAsB;AAE/B,IAAO,gBAAQ;AACf;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa,MAAM,cAAc,eAAe,kBAAkB;AAC3E,SAAS,kBAAAA,iBAAgB,gCAAgC;AACzD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { LeftNavigation } from './LeftNavigation.js';\n\nexport default LeftNavigation;\nexport {\n  CHEVRON_BACK_DS_ID,\n  DSLeftNavigationName,\n  DSLeftNavigationSlots,\n  FOOTER_DS_ID,\n  FOOTER_MENU_CLOSE_DS_ID,\n  ITEM_TYPES,\n  LABEL_OVERFLOW,\n  LEFT_NAVIGATION_DATA_TESTID,\n  LEFT_NAVIGATION_REGION_FOCUSES,\n  LEFT_NAVIGATION_SLOTS,\n  MAP_ITEMS_TO_SKELETON,\n} from './constants/index.js';\nexport { checkAndConvertItems } from './exported-related/conversion-utils/index.js';\nexport type { DSLeftNavBridgeT } from './exported-related/conversion-utils/types.js';\nexport { ChevronItem, Icon, ItemRenderer, Notifications, OpenWindow } from './exported-related/index.js';\nexport { LeftNavigation, LeftNavigationWithSchema } from './LeftNavigation.js';\nexport {\n  DSLeftNavigationItemPropTypesSchema,\n  DSLeftNavigationPropTypesSchema,\n  LeftNavItemOptionsSchema,\n  LeftNavItemPropsSchema,\n  type DSLeftNavigationT,\n} from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sBAAsB;AAE/B,IAAO,gBAAQ;AACf;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AAErC,SAAS,aAAa,MAAM,cAAc,eAAe,kBAAkB;AAC3E,SAAS,kBAAAA,iBAAgB,gCAAgC;AACzD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;",
   "names": ["LeftNavigation"]
 }

package/dist/esm/outOfTheBox/ItemHeader/index.js

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronSmallLeft } from "@elliemae/ds-icons";
-import { TruncatedTooltipText } from "../../TruncatedTooltipText.js";
 import React2, { useCallback } from "react";
+import { TruncatedTooltipText } from "../../TruncatedTooltipText.js";
 import { CHEVRON_BACK_DS_ID, LEFT_NAVIGATION_DATA_TESTID } from "../../constants/index.js";
 import { ItemRenderer } from "../../exported-related/index.js";
 import {

package/dist/esm/outOfTheBox/ItemHeader/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/ItemHeader/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport { ChevronSmallLeft } from '@elliemae/ds-icons';\nimport type { Theme } from '@elliemae/ds-system';\nimport { TruncatedTooltipText } from '../../TruncatedTooltipText.js';\nimport React, { useCallback } from 'react';\nimport { CHEVRON_BACK_DS_ID, LEFT_NAVIGATION_DATA_TESTID } from '../../constants/index.js';\nimport { ItemRenderer } from '../../exported-related/index.js';\nimport type { DSLeftNavigationT } from '../../react-desc-prop-types.js';\nimport {\n  StyledBottomContainer,\n  StyledChevronLeft,\n  StyledItemLabel,\n  StyledLeftContainer,\n  StyledRightContainer,\n} from '../styled.js';\n\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: Theme) =>\n  `\n  box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n  :hover {\n    box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\n  }\n\n  :active {\n    box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n  }\n`;\n\nexport const ItemHeader = (props: DSLeftNavigationT.ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { label, RightComponent, BottomComponent, labelDataTestId, labelOverflow: itemLabelOverflow },\n      CollapsedComponent = () => null,\n    },\n    ctx,\n    ctx: {\n      leftNavProps,\n      leftNavProps: { openedItem, labelOverflow: leftNavLabelOverflow, onItemClick },\n      expandedForAnimation,\n      setFocusedItem,\n      selectedItem,\n      selectedParent,\n    },\n  } = props;\n\n  const getOwnerProps = React.useCallback(() => leftNavProps, [leftNavProps]);\n  const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  const opened = openedItem === dsId;\n\n  const ariaLabel = item.itemOpts.ariaLabel ?? (typeof label === 'string' ? `${label}, category` : 'category');\n\n  const isSelected = selectedItem === dsId || selectedParent === dsId;\n\n  const shadowStyle = useCallback(\n    (opened_: boolean) => (theme: Theme) =>\n      !opened_ ? notOpenedShadowStyle(isSelected)(theme) : `box-shadow: inset 4px 0 0 0 #52A6EC`,\n    [isSelected],\n  );\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaLabel,\n          ariaExpanded: opened,\n          ...item.itemOpts,\n          openable: expandedForAnimation && !opened,\n          closable: expandedForAnimation && opened,\n          selectable: !opened,\n        },\n      }}\n      hasBorderBottom\n      borderBottomMr={opened ? '12px' : '0px'}\n      shadowStyle={shadowStyle}\n    >\n      <StyledLeftContainer\n        cols={opened ? ['auto', 'auto'] : ['38px']}\n        gutter=\"1px\"\n        pl={opened ? 'xxs' : 0}\n        justifyItems=\"center\"\n        data-testid={LEFT_NAVIGATION_DATA_TESTID.LEFT_CONTAINER} // https://jira.elliemae.io/browse/PUI-15589\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {opened && (\n          <StyledChevronLeft\n            buttonType=\"raw\"\n            onClick={(e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => {\n              if (onItemClick) onItemClick(item, e as React.MouseEvent<HTMLElement>);\n            }}\n            onFocus={(e: React.FocusEvent) => {\n              e.stopPropagation();\n              setFocusedItem(CHEVRON_BACK_DS_ID);\n            }}\n            aria-label={`Close ${ariaLabel}`}\n            data-testid={LEFT_NAVIGATION_DATA_TESTID.ITEM_CHEVRON_BACK} // https://jira.elliemae.io/browse/PUI-15589\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <ChevronSmallLeft size=\"m\" color={['brand-primary', '800']} />\n          </StyledChevronLeft>\n        )}\n        {CollapsedComponent && <CollapsedComponent item={item} ctx={ctx} />}\n      </StyledLeftContainer>\n      <StyledItemLabel\n        ml={opened ? 'xxs' : '1px'}\n        mt=\"xxxs\"\n        mb=\"15px\"\n        labelOverflow={labelOverflow}\n        data-testid={labelDataTestId || LEFT_NAVIGATION_DATA_TESTID.ITEM_LABEL}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {labelOverflow === 'truncate' ? <TruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n      </StyledItemLabel>\n      <StyledRightContainer\n        pl=\"xs\"\n        pr={opened ? 'xxs2' : 'xxs'}\n        onFocus={(e: React.FocusEvent) => {\n          setFocusedItem(null);\n          e.stopPropagation();\n        }}\n        onKeyDown={(e: React.KeyboardEvent) => e.stopPropagation()}\n        data-testid={LEFT_NAVIGATION_DATA_TESTID.RIGHT_CONTAINER} // https://jira.elliemae.io/browse/PUI-15589\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </StyledRightContainer>\n      {BottomComponent && (\n        <StyledBottomContainer\n          pb=\"xxxs\"\n          pl=\"xxs\"\n          pr=\"xxs\"\n          onFocus={(e: React.FocusEvent) => {\n            setFocusedItem(null);\n            e.stopPropagation();\n          }}\n          onKeyDown={(e: React.KeyboardEvent) => e.stopPropagation()}\n          data-testid={LEFT_NAVIGATION_DATA_TESTID.BOTTOM_CONTAINER} // https://jira.elliemae.io/browse/PUI-15589\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <BottomComponent ctx={ctx} item={item} />\n        </StyledBottomContainer>\n      )}\n    </ItemRenderer>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport { ChevronSmallLeft } from '@elliemae/ds-icons';\nimport type { Theme } from '@elliemae/ds-system';\nimport React, { useCallback } from 'react';\nimport { TruncatedTooltipText } from '../../TruncatedTooltipText.js';\nimport { CHEVRON_BACK_DS_ID, LEFT_NAVIGATION_DATA_TESTID } from '../../constants/index.js';\nimport { ItemRenderer } from '../../exported-related/index.js';\nimport type { DSLeftNavigationT } from '../../react-desc-prop-types.js';\nimport {\n  StyledBottomContainer,\n  StyledChevronLeft,\n  StyledItemLabel,\n  StyledLeftContainer,\n  StyledRightContainer,\n} from '../styled.js';\n\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: Theme) =>\n  `\n  box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n  :hover {\n    box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\n  }\n\n  :active {\n    box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n  }\n`;\n\nexport const ItemHeader = (props: DSLeftNavigationT.ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { label, RightComponent, BottomComponent, labelDataTestId, labelOverflow: itemLabelOverflow },\n      CollapsedComponent = () => null,\n    },\n    ctx,\n    ctx: {\n      leftNavProps,\n      leftNavProps: { openedItem, labelOverflow: leftNavLabelOverflow, onItemClick },\n      expandedForAnimation,\n      setFocusedItem,\n      selectedItem,\n      selectedParent,\n    },\n  } = props;\n\n  const getOwnerProps = React.useCallback(() => leftNavProps, [leftNavProps]);\n  const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  const opened = openedItem === dsId;\n\n  const ariaLabel = item.itemOpts.ariaLabel ?? (typeof label === 'string' ? `${label}, category` : 'category');\n\n  const isSelected = selectedItem === dsId || selectedParent === dsId;\n\n  const shadowStyle = useCallback(\n    (opened_: boolean) => (theme: Theme) =>\n      !opened_ ? notOpenedShadowStyle(isSelected)(theme) : `box-shadow: inset 4px 0 0 0 #52A6EC`,\n    [isSelected],\n  );\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaLabel,\n          ariaExpanded: opened,\n          ...item.itemOpts,\n          openable: expandedForAnimation && !opened,\n          closable: expandedForAnimation && opened,\n          selectable: !opened,\n        },\n      }}\n      hasBorderBottom\n      borderBottomMr={opened ? '12px' : '0px'}\n      shadowStyle={shadowStyle}\n    >\n      <StyledLeftContainer\n        cols={opened ? ['auto', 'auto'] : ['38px']}\n        gutter=\"1px\"\n        pl={opened ? 'xxs' : 0}\n        justifyItems=\"center\"\n        data-testid={LEFT_NAVIGATION_DATA_TESTID.LEFT_CONTAINER} // https://jira.elliemae.io/browse/PUI-15589\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {opened && (\n          <StyledChevronLeft\n            buttonType=\"raw\"\n            onClick={(e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => {\n              if (onItemClick) onItemClick(item, e as React.MouseEvent<HTMLElement>);\n            }}\n            onFocus={(e: React.FocusEvent) => {\n              e.stopPropagation();\n              setFocusedItem(CHEVRON_BACK_DS_ID);\n            }}\n            aria-label={`Close ${ariaLabel}`}\n            data-testid={LEFT_NAVIGATION_DATA_TESTID.ITEM_CHEVRON_BACK} // https://jira.elliemae.io/browse/PUI-15589\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <ChevronSmallLeft size=\"m\" color={['brand-primary', '800']} />\n          </StyledChevronLeft>\n        )}\n        {CollapsedComponent && <CollapsedComponent item={item} ctx={ctx} />}\n      </StyledLeftContainer>\n      <StyledItemLabel\n        ml={opened ? 'xxs' : '1px'}\n        mt=\"xxxs\"\n        mb=\"15px\"\n        labelOverflow={labelOverflow}\n        data-testid={labelDataTestId || LEFT_NAVIGATION_DATA_TESTID.ITEM_LABEL}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {labelOverflow === 'truncate' ? <TruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n      </StyledItemLabel>\n      <StyledRightContainer\n        pl=\"xs\"\n        pr={opened ? 'xxs2' : 'xxs'}\n        onFocus={(e: React.FocusEvent) => {\n          setFocusedItem(null);\n          e.stopPropagation();\n        }}\n        onKeyDown={(e: React.KeyboardEvent) => e.stopPropagation()}\n        data-testid={LEFT_NAVIGATION_DATA_TESTID.RIGHT_CONTAINER} // https://jira.elliemae.io/browse/PUI-15589\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </StyledRightContainer>\n      {BottomComponent && (\n        <StyledBottomContainer\n          pb=\"xxxs\"\n          pl=\"xxs\"\n          pr=\"xxs\"\n          onFocus={(e: React.FocusEvent) => {\n            setFocusedItem(null);\n            e.stopPropagation();\n          }}\n          onKeyDown={(e: React.KeyboardEvent) => e.stopPropagation()}\n          data-testid={LEFT_NAVIGATION_DATA_TESTID.BOTTOM_CONTAINER} // https://jira.elliemae.io/browse/PUI-15589\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <BottomComponent ctx={ctx} item={item} />\n        </StyledBottomContainer>\n      )}\n    </ItemRenderer>\n  );\n};\n"],
+  "mappings": "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",
   "names": ["React"]
 }

package/dist/esm/outOfTheBox/ItemLink/index.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { TruncatedTooltipText } from "../../TruncatedTooltipText.js";
 import React2, { useCallback } from "react";
+import { TruncatedTooltipText } from "../../TruncatedTooltipText.js";
 import { LEFT_NAVIGATION_DATA_TESTID } from "../../constants/index.js";
 import { ItemRenderer } from "../../exported-related/index.js";
 import { StyledItemLabel, StyledLeftContainer, StyledRightContainer } from "../styled.js";

package/dist/esm/outOfTheBox/ItemLink/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/ItemLink/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\nimport type { Theme } from '@elliemae/ds-system';\nimport { TruncatedTooltipText } from '../../TruncatedTooltipText.js';\nimport React, { useCallback } from 'react';\nimport { LEFT_NAVIGATION_DATA_TESTID } from '../../constants/index.js';\nimport { ItemRenderer } from '../../exported-related/index.js';\nimport type { DSLeftNavigationT } from '../../react-desc-prop-types.js';\nimport { StyledItemLabel, StyledLeftContainer, StyledRightContainer } from '../styled.js';\n\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: Theme) =>\n  `\n  box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n  :hover {\n    box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\n  }\n\n  :active {\n    box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n  }\n`;\n\nexport const ItemLink = (props: DSLeftNavigationT.ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { label, RightComponent, labelDataTestId, labelOverflow: itemLabelOverflow },\n      CollapsedComponent = () => null,\n    },\n    ctx,\n    ctx: {\n      leftNavProps,\n      leftNavProps: { labelOverflow: leftNavLabelOverflow },\n      selectedItem,\n      selectedParent,\n    },\n  } = props;\n\n  const getOwnerProps = React.useCallback(() => leftNavProps, [leftNavProps]);\n  const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  const isSelected = selectedItem === dsId || selectedParent === dsId;\n\n  const shadowStyle = useCallback(\n    (opened_: boolean) => (theme: Theme) =>\n      !opened_ ? notOpenedShadowStyle(isSelected)(theme) : `box-shadow: inset 4px 0 0 0 #52A6EC`,\n    [isSelected],\n  );\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaLabel: typeof label === 'string' ? label : '',\n          ...item.itemOpts,\n          selectable: true,\n        },\n      }}\n      shadowStyle={shadowStyle}\n    >\n      <StyledLeftContainer\n        cols={['38px']}\n        gutter=\"1px\"\n        justifyItems=\"center\"\n        data-testid={LEFT_NAVIGATION_DATA_TESTID.LEFT_CONTAINER} // https://jira.elliemae.io/browse/PUI-15589\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {CollapsedComponent && <CollapsedComponent item={item} ctx={ctx} />}\n      </StyledLeftContainer>\n      <StyledItemLabel\n        ml=\"1px\"\n        mt=\"xxxs\"\n        mb=\"15px\"\n        labelOverflow={labelOverflow}\n        data-testid={labelDataTestId || LEFT_NAVIGATION_DATA_TESTID.ITEM_LABEL}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {labelOverflow === 'truncate' ? <TruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n      </StyledItemLabel>\n      <StyledRightContainer\n        mt=\"xxxs\"\n        pr=\"xxs2\"\n        data-testid={LEFT_NAVIGATION_DATA_TESTID.RIGHT_CONTAINER} // https://jira.elliemae.io/browse/PUI-15589\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </StyledRightContainer>\n    </ItemRenderer>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACoDnB,SAmB2B,KAnB3B;AAlDJ,SAAS,4BAA4B;AACrC,OAAOA,UAAS,mBAAmB;AACnC,SAAS,mCAAmC;AAC5C,SAAS,oBAAoB;AAE7B,SAAS,iBAAiB,qBAAqB,4BAA4B;AAE3E,MAAM,uBAAuB,CAAC,eAAwB,CAAC,UACrD;AAAA,gCAC8B,aAAa,MAAM,OAAO,MAAM,GAAG,IAAI,aAAa;AAAA;AAAA;AAAA,kCAGlD,aAAa,MAAM,OAAO,MAAM,GAAG,IAAI,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,kCAI9D,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAIlD,MAAM,WAAW,CAAC,UAAyD;AAChF,QAAM;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ;AAAA,MACA,UAAU,EAAE,OAAO,gBAAgB,iBAAiB,eAAe,kBAAkB;AAAA,MACrF,qBAAqB,MAAM;AAAA,IAC7B;AAAA,IACA;AAAA,IACA,KAAK;AAAA,MACH;AAAA,MACA,cAAc,EAAE,eAAe,qBAAqB;AAAA,MACpD;AAAA,MACA;AAAA,IACF;AAAA,EACF,IAAI;AAEJ,QAAM,gBAAgBA,OAAM,YAAY,MAAM,cAAc,CAAC,YAAY,CAAC;AAC1E,QAAM,yBAAyBA,OAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAC/D,QAAM,gBAAgB,qBAAqB;AAE3C,QAAM,aAAa,iBAAiB,QAAQ,mBAAmB;AAE/D,QAAM,cAAc;AAAA,IAClB,CAAC,YAAqB,CAAC,UACrB,CAAC,UAAU,qBAAqB,UAAU,EAAE,KAAK,IAAI;AAAA,IACvD,CAAC,UAAU;AAAA,EACb;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,UAAU;AAAA,UACR,WAAW,OAAO,UAAU,WAAW,QAAQ;AAAA,UAC/C,GAAG,KAAK;AAAA,UACR,YAAY;AAAA,QACd;AAAA,MACF;AAAA,MACA;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,CAAC,MAAM;AAAA,YACb,QAAO;AAAA,YACP,cAAa;AAAA,YACb,eAAa,4BAA4B;AAAA,YACzC;AAAA,YACA;AAAA,YAEC,gCAAsB,oBAAC,sBAAmB,MAAY,KAAU;AAAA;AAAA,QACnE;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH;AAAA,YACA,eAAa,mBAAmB,4BAA4B;AAAA,YAC5D;AAAA,YACA;AAAA,YAEC,4BAAkB,aAAa,oBAAC,wBAAqB,OAAO,OAAO,WAAU,gBAAe,IAAK;AAAA;AAAA,QACpG;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,eAAa,4BAA4B;AAAA,YACzC;AAAA,YACA;AAAA,YAEC,4BAAkB,oBAAC,kBAAe,KAAU,MAAY;AAAA;AAAA,QAC3D;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\nimport type { Theme } from '@elliemae/ds-system';\nimport React, { useCallback } from 'react';\nimport { TruncatedTooltipText } from '../../TruncatedTooltipText.js';\nimport { LEFT_NAVIGATION_DATA_TESTID } from '../../constants/index.js';\nimport { ItemRenderer } from '../../exported-related/index.js';\nimport type { DSLeftNavigationT } from '../../react-desc-prop-types.js';\nimport { StyledItemLabel, StyledLeftContainer, StyledRightContainer } from '../styled.js';\n\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: Theme) =>\n  `\n  box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n  :hover {\n    box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\n  }\n\n  :active {\n    box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n  }\n`;\n\nexport const ItemLink = (props: DSLeftNavigationT.ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { label, RightComponent, labelDataTestId, labelOverflow: itemLabelOverflow },\n      CollapsedComponent = () => null,\n    },\n    ctx,\n    ctx: {\n      leftNavProps,\n      leftNavProps: { labelOverflow: leftNavLabelOverflow },\n      selectedItem,\n      selectedParent,\n    },\n  } = props;\n\n  const getOwnerProps = React.useCallback(() => leftNavProps, [leftNavProps]);\n  const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  const isSelected = selectedItem === dsId || selectedParent === dsId;\n\n  const shadowStyle = useCallback(\n    (opened_: boolean) => (theme: Theme) =>\n      !opened_ ? notOpenedShadowStyle(isSelected)(theme) : `box-shadow: inset 4px 0 0 0 #52A6EC`,\n    [isSelected],\n  );\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaLabel: typeof label === 'string' ? label : '',\n          ...item.itemOpts,\n          selectable: true,\n        },\n      }}\n      shadowStyle={shadowStyle}\n    >\n      <StyledLeftContainer\n        cols={['38px']}\n        gutter=\"1px\"\n        justifyItems=\"center\"\n        data-testid={LEFT_NAVIGATION_DATA_TESTID.LEFT_CONTAINER} // https://jira.elliemae.io/browse/PUI-15589\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {CollapsedComponent && <CollapsedComponent item={item} ctx={ctx} />}\n      </StyledLeftContainer>\n      <StyledItemLabel\n        ml=\"1px\"\n        mt=\"xxxs\"\n        mb=\"15px\"\n        labelOverflow={labelOverflow}\n        data-testid={labelDataTestId || LEFT_NAVIGATION_DATA_TESTID.ITEM_LABEL}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {labelOverflow === 'truncate' ? <TruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n      </StyledItemLabel>\n      <StyledRightContainer\n        mt=\"xxxs\"\n        pr=\"xxs2\"\n        data-testid={LEFT_NAVIGATION_DATA_TESTID.RIGHT_CONTAINER} // https://jira.elliemae.io/browse/PUI-15589\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </StyledRightContainer>\n    </ItemRenderer>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoDnB,SAmB2B,KAnB3B;AAlDJ,OAAOA,UAAS,mBAAmB;AACnC,SAAS,4BAA4B;AACrC,SAAS,mCAAmC;AAC5C,SAAS,oBAAoB;AAE7B,SAAS,iBAAiB,qBAAqB,4BAA4B;AAE3E,MAAM,uBAAuB,CAAC,eAAwB,CAAC,UACrD;AAAA,gCAC8B,aAAa,MAAM,OAAO,MAAM,GAAG,IAAI,aAAa;AAAA;AAAA;AAAA,kCAGlD,aAAa,MAAM,OAAO,MAAM,GAAG,IAAI,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,kCAI9D,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAIlD,MAAM,WAAW,CAAC,UAAyD;AAChF,QAAM;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ;AAAA,MACA,UAAU,EAAE,OAAO,gBAAgB,iBAAiB,eAAe,kBAAkB;AAAA,MACrF,qBAAqB,MAAM;AAAA,IAC7B;AAAA,IACA;AAAA,IACA,KAAK;AAAA,MACH;AAAA,MACA,cAAc,EAAE,eAAe,qBAAqB;AAAA,MACpD;AAAA,MACA;AAAA,IACF;AAAA,EACF,IAAI;AAEJ,QAAM,gBAAgBA,OAAM,YAAY,MAAM,cAAc,CAAC,YAAY,CAAC;AAC1E,QAAM,yBAAyBA,OAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAC/D,QAAM,gBAAgB,qBAAqB;AAE3C,QAAM,aAAa,iBAAiB,QAAQ,mBAAmB;AAE/D,QAAM,cAAc;AAAA,IAClB,CAAC,YAAqB,CAAC,UACrB,CAAC,UAAU,qBAAqB,UAAU,EAAE,KAAK,IAAI;AAAA,IACvD,CAAC,UAAU;AAAA,EACb;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,UAAU;AAAA,UACR,WAAW,OAAO,UAAU,WAAW,QAAQ;AAAA,UAC/C,GAAG,KAAK;AAAA,UACR,YAAY;AAAA,QACd;AAAA,MACF;AAAA,MACA;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,CAAC,MAAM;AAAA,YACb,QAAO;AAAA,YACP,cAAa;AAAA,YACb,eAAa,4BAA4B;AAAA,YACzC;AAAA,YACA;AAAA,YAEC,gCAAsB,oBAAC,sBAAmB,MAAY,KAAU;AAAA;AAAA,QACnE;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH;AAAA,YACA,eAAa,mBAAmB,4BAA4B;AAAA,YAC5D;AAAA,YACA;AAAA,YAEC,4BAAkB,aAAa,oBAAC,wBAAqB,OAAO,OAAO,WAAU,gBAAe,IAAK;AAAA;AAAA,QACpG;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,eAAa,4BAA4B;AAAA,YACzC;AAAA,YACA;AAAA,YAEC,4BAAkB,oBAAC,kBAAe,KAAU,MAAY;AAAA;AAAA,QAC3D;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": ["React"]
 }