@12-apps/ui 6.24.8 → 6.25.0

package/dist/_internal/components/form/total-form/Fields/CategoryField.js

@@ -1,25 +1,25 @@
 "use client";
 import {
   CategoryField
-} from "../../../../../chunk-WIT3Y7JT.js";
+} from "../../../../../chunk-Y2B3I3IH.js";
 import "../../../../../chunk-4XK6JQ4D.js";
 import "../../../../../chunk-N5ZWC6CB.js";
-import "../../../../../chunk-JM64OEU6.js";
+import "../../../../../chunk-WAPJ2DL3.js";
 import "../../../../../chunk-LMXWI3DD.js";
-import "../../../../../chunk-TPLKJHNN.js";
-import "../../../../../chunk-ZUIJ3N7N.js";
-import "../../../../../chunk-OVLNF4AZ.js";
-import "../../../../../chunk-4TXIZ5WI.js";
-import "../../../../../chunk-AJ6XEO4E.js";
-import "../../../../../chunk-ZAB65STX.js";
-import "../../../../../chunk-KIHQE5YA.js";
-import "../../../../../chunk-OFOYMZRY.js";
+import "../../../../../chunk-ZC7RQDZ5.js";
+import "../../../../../chunk-V6Z4XS3I.js";
+import "../../../../../chunk-P7IVAMAU.js";
+import "../../../../../chunk-CJUOBTLL.js";
+import "../../../../../chunk-ZUY65MFH.js";
+import "../../../../../chunk-XHHR6G35.js";
+import "../../../../../chunk-GVDJQMFI.js";
+import "../../../../../chunk-NPN7JTRM.js";
 import "../../../../../chunk-DMNZD3Q7.js";
-import "../../../../../chunk-TFO6GBW7.js";
-import "../../../../../chunk-2GB5CIN6.js";
-import "../../../../../chunk-ISH42UC7.js";
-import "../../../../../chunk-WWM2YTW4.js";
-import "../../../../../chunk-LR6MSKTT.js";
+import "../../../../../chunk-ZS44PY7T.js";
+import "../../../../../chunk-RZVUY2MO.js";
+import "../../../../../chunk-USJPZ5Q7.js";
+import "../../../../../chunk-R2AZOWEZ.js";
+import "../../../../../chunk-PN4HVM43.js";
 import "../../../../../chunk-C3UKR3NT.js";
 import "../../../../../chunk-IPPTOL53.js";
 import "../../../../../chunk-7FDU3FIN.js";

package/dist/_internal/components/form/total-form/Fields/index.js

@@ -1,4 +1,4 @@
-import "../../../../../chunk-R6SNYC3D.js";
+import "../../../../../chunk-Y3KRUT7O.js";
 import {
   SelectField
 } from "../../../../../chunk-W4SDVTZC.js";
@@ -7,7 +7,7 @@ import {
 } from "../../../../../chunk-EOHKZGOZ.js";
 import {
   CategoryField
-} from "../../../../../chunk-WIT3Y7JT.js";
+} from "../../../../../chunk-Y2B3I3IH.js";
 import {
   ToggleField
 } from "../../../../../chunk-LYMAMKJT.js";
@@ -23,22 +23,22 @@ import "../../../../../chunk-A7LG3AXV.js";
 import "../../../../../chunk-6XLMTOJ3.js";
 import "../../../../../chunk-FGK2C7JR.js";
 import "../../../../../chunk-N5ZWC6CB.js";
-import "../../../../../chunk-JM64OEU6.js";
+import "../../../../../chunk-WAPJ2DL3.js";
 import "../../../../../chunk-LMXWI3DD.js";
-import "../../../../../chunk-TPLKJHNN.js";
-import "../../../../../chunk-ZUIJ3N7N.js";
-import "../../../../../chunk-OVLNF4AZ.js";
-import "../../../../../chunk-4TXIZ5WI.js";
-import "../../../../../chunk-AJ6XEO4E.js";
-import "../../../../../chunk-ZAB65STX.js";
-import "../../../../../chunk-KIHQE5YA.js";
-import "../../../../../chunk-OFOYMZRY.js";
+import "../../../../../chunk-ZC7RQDZ5.js";
+import "../../../../../chunk-V6Z4XS3I.js";
+import "../../../../../chunk-P7IVAMAU.js";
+import "../../../../../chunk-CJUOBTLL.js";
+import "../../../../../chunk-ZUY65MFH.js";
+import "../../../../../chunk-XHHR6G35.js";
+import "../../../../../chunk-GVDJQMFI.js";
+import "../../../../../chunk-NPN7JTRM.js";
 import "../../../../../chunk-DMNZD3Q7.js";
-import "../../../../../chunk-TFO6GBW7.js";
-import "../../../../../chunk-2GB5CIN6.js";
-import "../../../../../chunk-ISH42UC7.js";
-import "../../../../../chunk-WWM2YTW4.js";
-import "../../../../../chunk-LR6MSKTT.js";
+import "../../../../../chunk-ZS44PY7T.js";
+import "../../../../../chunk-RZVUY2MO.js";
+import "../../../../../chunk-USJPZ5Q7.js";
+import "../../../../../chunk-R2AZOWEZ.js";
+import "../../../../../chunk-PN4HVM43.js";
 import "../../../../../chunk-QYKDY4EI.js";
 import "../../../../../chunk-4OHRZW7U.js";
 import "../../../../../chunk-S6YY2WWK.js";

package/dist/{chunk-NLJV4CPF.js → chunk-7MN6I5NK.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-5WNQJ5KS.js";
 import {
   PillControl
-} from "./chunk-EJQW2IYW.js";
+} from "./chunk-FPFUXRD2.js";
 import {
   MoreFilters
 } from "./chunk-PFDM2OIP.js";
@@ -220,4 +220,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-NLJV4CPF.js.map
+//# sourceMappingURL=chunk-7MN6I5NK.js.map

package/dist/{chunk-PN5CQKA2.js → chunk-AXTLFK4T.js}

@@ -1,6 +1,6 @@
 import {
   PillControl
-} from "./chunk-EJQW2IYW.js";
+} from "./chunk-FPFUXRD2.js";
 import {
   PanelRangeField
 } from "./chunk-DFLTUI7W.js";
@@ -154,4 +154,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-PN5CQKA2.js.map
+//# sourceMappingURL=chunk-AXTLFK4T.js.map

package/dist/{chunk-4TXIZ5WI.js → chunk-CJUOBTLL.js}

@@ -7,7 +7,7 @@ import {
   panelHeadSx,
   pinnedLabelSx,
   pinnedSx
-} from "./chunk-TFO6GBW7.js";
+} from "./chunk-ZS44PY7T.js";
 
 // src/components/form/CategorySelect/CategoryPanelHead.tsx
 import Box from "@mui/material/Box/index.js";
@@ -144,4 +144,4 @@ export {
   CategoryPanelHead,
   CategoryPinnedTray
 };
-//# sourceMappingURL=chunk-4TXIZ5WI.js.map
+//# sourceMappingURL=chunk-CJUOBTLL.js.map

package/dist/{chunk-E3PUH5IF.js → chunk-EQ7PWGBN.js}

@@ -1,6 +1,6 @@
 import {
   GridShell
-} from "./chunk-FBI6QB3O.js";
+} from "./chunk-TVPPA4RD.js";
 import {
   useDataViewsState
 } from "./chunk-HEBQS7QP.js";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-E3PUH5IF.js.map
+//# sourceMappingURL=chunk-EQ7PWGBN.js.map

package/dist/{chunk-EJQW2IYW.js → chunk-FPFUXRD2.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-4T6W43TO.js";
 import {
   CategorySelect
-} from "./chunk-JM64OEU6.js";
+} from "./chunk-WAPJ2DL3.js";
 
 // src/components/data-display/DataViews/data-views-category-pill.tsx
 import { jsx } from "react/jsx-runtime";
@@ -79,4 +79,4 @@ export {
   emitPillDiff,
   PillControl
 };
-//# sourceMappingURL=chunk-EJQW2IYW.js.map
+//# sourceMappingURL=chunk-FPFUXRD2.js.map

package/dist/{chunk-KIHQE5YA.js → chunk-GVDJQMFI.js}

@@ -6,7 +6,7 @@ import {
   triggerClearSx,
   triggerCountSx,
   triggerSx
-} from "./chunk-TFO6GBW7.js";
+} from "./chunk-ZS44PY7T.js";
 
 // src/components/form/CategorySelect/CategoryTrigger.tsx
 import Box from "@mui/material/Box/index.js";
@@ -88,4 +88,4 @@ function CategoryTrigger({
 export {
   CategoryTrigger
 };
-//# sourceMappingURL=chunk-KIHQE5YA.js.map
+//# sourceMappingURL=chunk-GVDJQMFI.js.map

package/dist/{chunk-OFOYMZRY.js → chunk-NPN7JTRM.js}

@@ -9,14 +9,15 @@ import {
   chevronButtonSx,
   markSx,
   radioSx,
+  rowIndent,
   rowMetaSx,
   rowNameSx,
   rowSx,
   sectionHeadSx
-} from "./chunk-TFO6GBW7.js";
+} from "./chunk-ZS44PY7T.js";
 import {
   highlightSegments
-} from "./chunk-LR6MSKTT.js";
+} from "./chunk-PN4HVM43.js";
 
 // src/components/form/CategorySelect/CategoryRows.tsx
 import Box from "@mui/material/Box/index.js";
@@ -44,15 +45,15 @@ function rowMeta(selectedCount, showCounts, count) {
   if (showCounts && count !== void 0) return { text: String(count), selected: false };
   return null;
 }
-function HeadRowDisclosure({
+function RowDisclosure({
   option,
   expanded,
-  expandable,
+  branch,
   onToggleExpanded,
   dataTestId,
   copy
 }) {
-  if (!expandable) {
+  if (!branch) {
     return /* @__PURE__ */ jsx(Box, { sx: { width: METRICS.chevronButton, flex: "0 0 auto" } });
   }
   return /* @__PURE__ */ jsx(
@@ -72,7 +73,7 @@ function HeadRowDisclosure({
     }
   );
 }
-function HeadRowControl({
+function RowControl({
   checkState,
   single
 }) {
@@ -80,15 +81,19 @@ function HeadRowControl({
   if (single) return /* @__PURE__ */ jsx(CategoryRadio, { on: checkState === "on" });
   return /* @__PURE__ */ jsx(CategoryCheckbox, { state: checkState });
 }
-function CategoryHeadRow({
+function rowTestId(dataTestId, depth, id) {
+  return depth === 0 ? `${dataTestId}-category-${id}` : `${dataTestId}-option-${id}`;
+}
+function CategoryTreeRow({
   option,
   query,
+  depth,
+  branch,
   expanded,
   active,
   sheet,
   checkState,
   single,
-  expandable,
   selectedCount,
   showCounts,
   onToggleExpanded,
@@ -103,58 +108,29 @@ function CategoryHeadRow({
       component: "div",
       role: checkState ? "option" : "button",
       "aria-selected": checkState ? checkState === "on" : void 0,
-      "aria-expanded": expandable ? expanded : void 0,
-      "data-testid": `${dataTestId}-category-${option.id}`,
-      sx: (theme) => rowSx(theme, active, sheet),
+      "aria-expanded": branch ? expanded : void 0,
+      "data-testid": rowTestId(dataTestId, depth, option.id),
+      sx: (theme) => ({ ...rowSx(theme, active, sheet), ...rowIndent(depth) }),
       onClick: onActivate,
       children: [
         /* @__PURE__ */ jsx(
-          HeadRowDisclosure,
+          RowDisclosure,
           {
             option,
             expanded,
-            expandable,
+            branch,
             onToggleExpanded,
             dataTestId,
             copy
           }
         ),
-        /* @__PURE__ */ jsx(HeadRowControl, { checkState, single }),
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: (theme) => rowNameSx(theme, true), children: /* @__PURE__ */ jsx(HighlightedName, { text: option.name, query }) }),
+        /* @__PURE__ */ jsx(RowControl, { checkState, single }),
+        /* @__PURE__ */ jsx(Box, { component: "span", sx: (theme) => rowNameSx(theme, depth === 0), children: /* @__PURE__ */ jsx(HighlightedName, { text: option.name, query }) }),
         meta && /* @__PURE__ */ jsx(Box, { component: "span", sx: (theme) => rowMetaSx(theme, meta.selected), children: meta.text })
       ]
     }
   );
 }
-function SubcategoryRow({
-  option,
-  query,
-  selected,
-  active,
-  sheet,
-  single,
-  showCounts,
-  onActivate,
-  dataTestId
-}) {
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "div",
-      role: "option",
-      "aria-selected": selected,
-      "data-testid": `${dataTestId}-option-${option.id}`,
-      sx: (theme) => ({ ...rowSx(theme, active, sheet), paddingLeft: "14px" }),
-      onClick: onActivate,
-      children: [
-        /* @__PURE__ */ jsx(Box, { sx: { width: METRICS.chevronButton, flex: "0 0 auto" } }),
-        single ? /* @__PURE__ */ jsx(CategoryRadio, { on: selected }) : /* @__PURE__ */ jsx(CategoryCheckbox, { state: selected ? "on" : "off" }),
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: (theme) => rowNameSx(theme, false), children: /* @__PURE__ */ jsx(HighlightedName, { text: option.name, query }) }),
-        showCounts && option.count !== void 0 && /* @__PURE__ */ jsx(Box, { component: "span", sx: (theme) => rowMetaSx(theme, false), children: option.count })
-      ]
-    }
-  );
-}
 function CategorySectionHeading({
   option,
   query
@@ -166,8 +142,7 @@ export {
   HighlightedName,
   CategoryCheckbox,
   CategoryRadio,
-  CategoryHeadRow,
-  SubcategoryRow,
+  CategoryTreeRow,
   CategorySectionHeading
 };
-//# sourceMappingURL=chunk-OFOYMZRY.js.map
+//# sourceMappingURL=chunk-NPN7JTRM.js.map

package/dist/chunk-NPN7JTRM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/CategoryRows.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\n\nimport type { CategorySelectCopy } from '../../../copy';\nimport { CheckGlyph, DisclosureGlyph } from './CategoryIcons';\nimport { highlightSegments, type CategoryCheckState } from './category-tree';\nimport {\n  checkboxBarSx,\n  checkboxSx,\n  chevronButtonSx,\n  markSx,\n  METRICS,\n  radioSx,\n  rowIndent,\n  rowMetaSx,\n  rowNameSx,\n  rowSx,\n  sectionHeadSx,\n} from './CategorySelect.styles';\nimport type { CategorySelectOption } from './CategorySelect.types';\n\n/** A label with the search hit marked. */\nexport function HighlightedName({\n  text,\n  query,\n}: {\n  text: string;\n  query: string;\n}): React.JSX.Element {\n  const segments = highlightSegments(text, query);\n  return (\n    <>\n      {segments.map((segment, index) =>\n        segment.match ? (\n          <Box component=\"mark\" key={`${segment.text}-${index}`} sx={markSx}>\n            {segment.text}\n          </Box>\n        ) : (\n          <span key={`${segment.text}-${index}`}>{segment.text}</span>\n        ),\n      )}\n    </>\n  );\n}\n\n/** Tri-state checkbox. `partial` draws the bar the prototype uses for \"some\". */\nexport function CategoryCheckbox({ state }: { state: CategoryCheckState }): React.JSX.Element {\n  return (\n    <Box sx={(theme) => checkboxSx(theme, state)} aria-hidden=\"true\">\n      {state === 'on' && <CheckGlyph />}\n      {state === 'partial' && <Box sx={checkboxBarSx} />}\n    </Box>\n  );\n}\n\nexport function CategoryRadio({ on }: { on: boolean }): React.JSX.Element {\n  return <Box sx={(theme) => radioSx(theme, on)} aria-hidden=\"true\" />;\n}\n\ninterface CategoryTreeRowProps {\n  option: CategorySelectOption;\n  query: string;\n  /** 0 for a top-level category; each level below indents one more step. */\n  depth: number;\n  /** True when there is something under this row to fold. */\n  branch: boolean;\n  expanded: boolean;\n  active: boolean;\n  sheet: boolean;\n  /** Absent where the row cannot be picked — a category acting as a frame. */\n  checkState?: CategoryCheckState;\n  /** Single-select draws a radio for the control: choosing a row is exclusive. */\n  single: boolean;\n  selectedCount: number;\n  showCounts: boolean;\n  onToggleExpanded: () => void;\n  onActivate: () => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}\n\n/** The trailing number: how many leaves are picked below, else the item count. */\nfunction rowMeta(\n  selectedCount: number,\n  showCounts: boolean,\n  count: number | undefined,\n): { text: string; selected: boolean } | null {\n  if (selectedCount > 0) return { text: String(selectedCount), selected: true };\n  if (showCounts && count !== undefined) return { text: String(count), selected: false };\n  return null;\n}\n\n/** The disclosure chevron, or the space it would have taken on a leaf row. */\nfunction RowDisclosure({\n  option,\n  expanded,\n  branch,\n  onToggleExpanded,\n  dataTestId,\n  copy,\n}: Pick<\n  CategoryTreeRowProps,\n  'option' | 'expanded' | 'branch' | 'onToggleExpanded' | 'dataTestId' | 'copy'\n>): React.JSX.Element {\n  if (!branch) {\n    return <Box sx={{ width: METRICS.chevronButton, flex: '0 0 auto' }} />;\n  }\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      tabIndex={-1}\n      aria-label={expanded ? copy.collapseCategory(option.name) : copy.expandCategory(option.name)}\n      data-testid={`${dataTestId}-expand-${option.id}`}\n      sx={(theme) => chevronButtonSx(theme, expanded)}\n      onClick={(event: React.MouseEvent) => {\n        event.stopPropagation();\n        onToggleExpanded();\n      }}\n    >\n      <DisclosureGlyph />\n    </Box>\n  );\n}\n\n/** The row's selection control, or the space it would have taken on a frame. */\nfunction RowControl({\n  checkState,\n  single,\n}: Pick<CategoryTreeRowProps, 'checkState' | 'single'>): React.JSX.Element {\n  if (!checkState) return <Box sx={{ width: METRICS.boxSize, flex: '0 0 auto' }} />;\n  // Single-select commits the moment a row is chosen, so the control is a radio\n  // there: a checkbox would promise the accumulation this mode does not do.\n  if (single) return <CategoryRadio on={checkState === 'on'} />;\n  return <CategoryCheckbox state={checkState} />;\n}\n\n/**\n * The test id a row answers to.\n *\n * Keyed on DEPTH rather than on whether the row has children, because that is\n * what the ids meant when the tree was two levels and specs were written against\n * them: `-category-<id>` is a top-level row — childless or not — and `-option-`\n * is anything filed under one.\n */\nfunction rowTestId(dataTestId: string, depth: number, id: string): string {\n  return depth === 0 ? `${dataTestId}-category-${id}` : `${dataTestId}-option-${id}`;\n}\n\n/**\n * One row of the tree: disclosure chevron, optional control, name, meta.\n *\n * The chevron is its OWN button inside the row — clicking it only folds, while\n * clicking the row does the row's job (expand as a frame, or mark when the row\n * is selectable). A LEAF has neither a fold nor a frame to be: it draws no\n * chevron, and it always carries the control, because it is what you pick.\n */\nexport function CategoryTreeRow({\n  option,\n  query,\n  depth,\n  branch,\n  expanded,\n  active,\n  sheet,\n  checkState,\n  single,\n  selectedCount,\n  showCounts,\n  onToggleExpanded,\n  onActivate,\n  dataTestId,\n  copy,\n}: CategoryTreeRowProps): React.JSX.Element {\n  const meta = rowMeta(selectedCount, showCounts, option.count);\n  return (\n    <Box\n      component=\"div\"\n      role={checkState ? 'option' : 'button'}\n      aria-selected={checkState ? checkState === 'on' : undefined}\n      aria-expanded={branch ? expanded : undefined}\n      data-testid={rowTestId(dataTestId, depth, option.id)}\n      sx={(theme) => ({ ...rowSx(theme, active, sheet), ...rowIndent(depth) })}\n      onClick={onActivate}\n    >\n      <RowDisclosure\n        option={option}\n        expanded={expanded}\n        branch={branch}\n        onToggleExpanded={onToggleExpanded}\n        dataTestId={dataTestId}\n        copy={copy}\n      />\n      <RowControl checkState={checkState} single={single} />\n      <Box component=\"span\" sx={(theme) => rowNameSx(theme, depth === 0)}>\n        <HighlightedName text={option.name} query={query} />\n      </Box>\n      {meta && (\n        <Box component=\"span\" sx={(theme) => rowMetaSx(theme, meta.selected)}>\n          {meta.text}\n        </Box>\n      )}\n    </Box>\n  );\n}\n\n/** The category as a non-interactive heading (single-select, leaf-only). */\nexport function CategorySectionHeading({\n  option,\n  query,\n}: {\n  option: CategorySelectOption;\n  query: string;\n}): React.JSX.Element {\n  return (\n    <Box sx={sectionHeadSx}>\n      <HighlightedName text={option.name} query={query} />\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-OVLNF4AZ.js → chunk-P7IVAMAU.js}

@@ -1,17 +1,17 @@
 import {
-  CategoryHeadRow,
   CategorySectionHeading,
-  SubcategoryRow
-} from "./chunk-OFOYMZRY.js";
+  CategoryTreeRow
+} from "./chunk-NPN7JTRM.js";
 import {
   emptySx,
   listSx,
   skeletonSx
-} from "./chunk-TFO6GBW7.js";
+} from "./chunk-ZS44PY7T.js";
 import {
   categoryCheckState,
-  isLeafCategory
-} from "./chunk-LR6MSKTT.js";
+  isLeafCategory,
+  leavesOf
+} from "./chunk-PN4HVM43.js";
 
 // src/components/form/CategorySelect/CategoryPanelList.tsx
 import Box from "@mui/material/Box/index.js";
@@ -60,51 +60,40 @@ function NoResults({
     ] })
   ] });
 }
-function CategoryGroupRows({
-  group,
+function CategoryNodeRows({
+  node,
+  depth,
   props
 }) {
   const { draft, query, single, allowParentSelection, rowIds, activeIndex, sheet } = props;
-  const categoryId = group.category.id;
+  const categoryId = node.category.id;
+  const leaf = isLeafCategory(node);
   const expanded = props.isExpanded(categoryId);
-  const selectable = allowParentSelection || isLeafCategory(group);
-  const asHeading = single && !selectable;
-  const selectedCount = group.subcategories.filter((sub) => draft.has(sub.id)).length;
+  const selectable = allowParentSelection || leaf;
+  const asHeading = single && !selectable && !props.deepTree;
+  const selectedCount = leaf ? 0 : leavesOf(node).filter((id) => draft.has(id)).length;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    asHeading ? /* @__PURE__ */ jsx(CategorySectionHeading, { option: group.category, query }) : /* @__PURE__ */ jsx(
-      CategoryHeadRow,
+    asHeading ? /* @__PURE__ */ jsx(CategorySectionHeading, { option: node.category, query }) : /* @__PURE__ */ jsx(
+      CategoryTreeRow,
       {
-        option: group.category,
+        option: node.category,
         query,
+        depth,
+        branch: !leaf,
         expanded,
         active: rowIds[activeIndex] === categoryId,
         sheet,
-        checkState: selectable ? categoryCheckState(group, draft) : void 0,
+        ...selectable ? { checkState: categoryCheckState(node, draft) } : {},
         single,
-        expandable: !isLeafCategory(group),
         selectedCount,
         showCounts: props.showCounts,
         onToggleExpanded: () => props.onToggleExpanded(categoryId),
-        onActivate: () => props.onActivateCategory(group),
+        onActivate: () => leaf ? props.onActivateSubcategory(categoryId) : props.onActivateCategory(node),
         dataTestId: props.dataTestId,
         copy: props.copy
       }
     ),
-    (expanded || asHeading) && group.subcategories.map((sub) => /* @__PURE__ */ jsx(
-      SubcategoryRow,
-      {
-        option: sub,
-        query,
-        selected: draft.has(sub.id),
-        active: rowIds[activeIndex] === sub.id,
-        sheet,
-        single,
-        showCounts: props.showCounts,
-        onActivate: () => props.onActivateSubcategory(sub.id),
-        dataTestId: props.dataTestId
-      },
-      sub.id
-    ))
+    (expanded || asHeading) && node.subcategories.map((sub) => /* @__PURE__ */ jsx(CategoryNodeRows, { node: sub, depth: depth + 1, props }, sub.category.id))
   ] });
 }
 function CategoryPanelList(props) {
@@ -133,7 +122,7 @@ function CategoryPanelList(props) {
         }
       );
     }
-    return /* @__PURE__ */ jsx(Fragment, { children: groups.map((group) => /* @__PURE__ */ jsx(CategoryGroupRows, { group, props }, group.category.id)) });
+    return /* @__PURE__ */ jsx(Fragment, { children: groups.map((group) => /* @__PURE__ */ jsx(CategoryNodeRows, { node: group, depth: 0, props }, group.category.id)) });
   };
   return /* @__PURE__ */ jsx(
     Box,
@@ -152,4 +141,4 @@ function CategoryPanelList(props) {
 export {
   CategoryPanelList
 };
-//# sourceMappingURL=chunk-OVLNF4AZ.js.map
+//# sourceMappingURL=chunk-P7IVAMAU.js.map

package/dist/chunk-P7IVAMAU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/CategoryPanelList.tsx"],"sourcesContent":["'use client';\n\nimport type { CategorySelectCopy } from \"../../../copy\";\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Skeleton from '@mui/material/Skeleton/index.js';\n\nimport { categoryCheckState, isLeafCategory, leavesOf } from './category-tree';\nimport { CategorySectionHeading, CategoryTreeRow } from './CategoryRows';\nimport { emptySx, listSx, skeletonSx } from './CategorySelect.styles';\nimport type { CategoryGroup } from './CategorySelect.types';\n\n/** The design sets these labels in sentence case, not MUI's default caps. */\nconst SENTENCE_CASE = { textTransform: 'none' } as const;\n\n/** How many skeleton rows stand in for the catalogue while it loads. */\nconst SKELETON_ROWS = 6;\n\ninterface PanelListProps {\n  /** The words this panel renders. REQUIRED — no default copy. */\n  copy: CategorySelectCopy;\n  groups: CategoryGroup[];\n  query: string;\n  draft: ReadonlySet<string>;\n  rowIds: string[];\n  activeIndex: number;\n  sheet: boolean;\n  single: boolean;\n  loading: boolean;\n  showCounts: boolean;\n  allowParentSelection: boolean;\n  /**\n   * True when the tree has a level BELOW the subcategories. It turns the\n   * section-heading treatment off — see {@link CategoryNodeRows}. Derived from\n   * the options the panel state already holds, never a caller's decision.\n   */\n  deepTree: boolean;\n  isExpanded: (categoryId: string) => boolean;\n  onToggleExpanded: (categoryId: string) => void;\n  onActivateCategory: (group: CategoryGroup) => void;\n  onActivateSubcategory: (id: string) => void;\n  onClearQuery: () => void;\n  onCreateCategory?: (name?: string) => void;\n  listRef: React.RefObject<HTMLDivElement | null>;\n  dataTestId: string;\n}\n\nfunction LoadingRows(): React.JSX.Element {\n  return (\n    <>\n      {Array.from({ length: SKELETON_ROWS }, (_unused, index) => (\n        <Skeleton key={index} variant=\"rounded\" sx={skeletonSx} />\n      ))}\n    </>\n  );\n}\n\n/** No categories exist at all — an onboarding moment, not an error. */\nfunction EmptyCatalogue({\n  onCreateCategory,\n  dataTestId,\n  copy,\n}: {\n  onCreateCategory?: (name?: string) => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}): React.JSX.Element {\n  return (\n    <Box sx={emptySx} data-testid={`${dataTestId}-empty-catalogue`}>\n      <strong>{copy.emptyTitle}</strong>\n      <p>{copy.purpose}</p>\n      {onCreateCategory && (\n        <Button variant=\"contained\" size=\"small\" sx={SENTENCE_CASE} onClick={() => onCreateCategory()}>\n          {copy.createCategory}\n        </Button>\n      )}\n    </Box>\n  );\n}\n\n/** The search found nothing — offer creation, or the way back. */\nfunction NoResults({\n  query,\n  onClearQuery,\n  onCreateCategory,\n  dataTestId,\n  copy,\n}: {\n  query: string;\n  onClearQuery: () => void;\n  onCreateCategory?: (name?: string) => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}): React.JSX.Element {\n  return (\n    <Box sx={emptySx} data-testid={`${dataTestId}-no-results`}>\n      <strong>{copy.noResults.title(query)}</strong>\n      <p>{copy.noResults.hint}</p>\n      <Box sx={{ display: 'flex', gap: '6px', justifyContent: 'center' }}>\n        <Button variant=\"outlined\" size=\"small\" sx={SENTENCE_CASE} onClick={onClearQuery}>\n          {copy.noResults.clearSearch}\n        </Button>\n        {onCreateCategory && (\n          <Button\n            variant=\"contained\"\n            size=\"small\"\n            sx={SENTENCE_CASE}\n            data-testid={`${dataTestId}-create`}\n            onClick={() => onCreateCategory(query.trim())}\n          >\n            {copy.noResults.create(query.trim())}\n          </Button>\n        )}\n      </Box>\n    </Box>\n  );\n}\n\n/**\n * One node: its heading or its row, then whichever children are visible.\n *\n * The SECTION-HEADING treatment — an inert uppercase label with its children\n * always on show — belongs to a two-level tree and only there. It is what makes\n * the \"mover para…\" picker read as \"category, then the subcategory you pick\",\n * and it works because a two-level category has nothing to fold TO: everything\n * under it is already the thing you came for. A third level breaks both halves\n * at once — the heading has no chevron, so the panel opens onto every item in\n * the catalogue, which is the flat list this component exists to replace. So a\n * deep tree drops the treatment and every frame becomes a foldable row instead.\n */\nfunction CategoryNodeRows({\n  node,\n  depth,\n  props,\n}: {\n  node: CategoryGroup;\n  depth: number;\n  props: PanelListProps;\n}): React.JSX.Element {\n  const { draft, query, single, allowParentSelection, rowIds, activeIndex, sheet } = props;\n  const categoryId = node.category.id;\n  const leaf = isLeafCategory(node);\n  const expanded = props.isExpanded(categoryId);\n  // A childless category is the leaf, so it is selectable whatever the mode says\n  // — the heading reading has no subcategory to point at, and would leave the\n  // row inert.\n  const selectable = allowParentSelection || leaf;\n  const asHeading = single && !selectable && !props.deepTree;\n  const selectedCount = leaf ? 0 : leavesOf(node).filter((id) => draft.has(id)).length;\n\n  return (\n    <>\n      {asHeading ? (\n        <CategorySectionHeading option={node.category} query={query} />\n      ) : (\n        <CategoryTreeRow\n          option={node.category}\n          query={query}\n          depth={depth}\n          branch={!leaf}\n          expanded={expanded}\n          active={rowIds[activeIndex] === categoryId}\n          sheet={sheet}\n          {...(selectable ? { checkState: categoryCheckState(node, draft) } : {})}\n          single={single}\n          selectedCount={selectedCount}\n          showCounts={props.showCounts}\n          onToggleExpanded={() => props.onToggleExpanded(categoryId)}\n          onActivate={() =>\n            leaf ? props.onActivateSubcategory(categoryId) : props.onActivateCategory(node)\n          }\n          dataTestId={props.dataTestId}\n          copy={props.copy}\n        />\n      )}\n      {(expanded || asHeading) &&\n        node.subcategories.map((sub) => (\n          <CategoryNodeRows key={sub.category.id} node={sub} depth={depth + 1} props={props} />\n        ))}\n    </>\n  );\n}\n\n/** The scrolling body of the panel, including its three non-list states. */\nexport function CategoryPanelList(props: PanelListProps): React.JSX.Element {\n  const { groups, loading, query, listRef, sheet, dataTestId, copy } = props;\n\n  const body = (): React.JSX.Element => {\n    if (loading) return <LoadingRows />;\n    if (groups.length === 0 && query.trim().length > 0) {\n      return (\n        <NoResults copy={copy}\n          query={query}\n          onClearQuery={props.onClearQuery}\n          onCreateCategory={props.onCreateCategory}\n          dataTestId={dataTestId}\n        />\n      );\n    }\n    if (groups.length === 0) {\n      return (\n        <EmptyCatalogue copy={copy}\n          onCreateCategory={props.onCreateCategory}\n          dataTestId={dataTestId}\n        />\n      );\n    }\n    return (\n      <>\n        {groups.map((group) => (\n          <CategoryNodeRows key={group.category.id} node={group} depth={0} props={props} />\n        ))}\n      </>\n    );\n  };\n\n  return (\n    <Box\n      ref={listRef}\n      role=\"listbox\"\n      aria-multiselectable={props.single ? undefined : true}\n      tabIndex={-1}\n      data-testid={`${dataTestId}-list`}\n      sx={listSx(sheet)}\n    >\n      {body()}\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-PN4HVM43.js

@@ -0,0 +1,160 @@
+// src/components/form/CategorySelect/category-tree.ts
+function foldText(text) {
+  return text.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase();
+}
+function onParentCycle(startId, parents) {
+  const seen = /* @__PURE__ */ new Set([startId]);
+  let current = parents.get(startId);
+  while (current !== void 0) {
+    if (seen.has(current)) return true;
+    seen.add(current);
+    current = parents.get(current);
+  }
+  return false;
+}
+function buildCategoryGroups(options) {
+  const nodes = /* @__PURE__ */ new Map();
+  const parents = /* @__PURE__ */ new Map();
+  options.forEach((option) => {
+    if (nodes.has(option.id)) return;
+    nodes.set(option.id, { category: option, subcategories: [] });
+    if (option.parentId && option.parentId !== option.id) parents.set(option.id, option.parentId);
+  });
+  const roots = [];
+  nodes.forEach((node, id) => {
+    const parentId = parents.get(id);
+    const parent = parentId === void 0 ? void 0 : nodes.get(parentId);
+    if (parent && !onParentCycle(id, parents)) parent.subcategories.push(node);
+    else roots.push(node);
+  });
+  return roots;
+}
+function isLeafCategory(group) {
+  return group.subcategories.length === 0;
+}
+function collectLeafIds(groups) {
+  return groups.flatMap((group) => leavesOf(group));
+}
+function leavesOf(group) {
+  if (isLeafCategory(group)) return [group.category.id];
+  return group.subcategories.flatMap((sub) => leavesOf(sub));
+}
+function collectBranchIds(groups) {
+  return groups.flatMap(
+    (group) => isLeafCategory(group) ? [] : [group.category.id, ...collectBranchIds(group.subcategories)]
+  );
+}
+function findGroup(groups, id) {
+  for (const group of groups) {
+    if (group.category.id === id) return group;
+    const found = findGroup(group.subcategories, id);
+    if (found) return found;
+  }
+  return void 0;
+}
+function categoryPath(groups, id) {
+  for (const group of groups) {
+    if (group.category.id === id) return [group.category.name];
+    const below = categoryPath(group.subcategories, id);
+    if (below) return [group.category.name, ...below];
+  }
+  return null;
+}
+function treeDepth(groups) {
+  return groups.reduce(
+    (deepest, group) => Math.max(deepest, 1 + treeDepth(group.subcategories)),
+    0
+  );
+}
+function categoryCheckState(group, selected) {
+  const leaves = leavesOf(group);
+  const hits = leaves.filter((id) => selected.has(id)).length;
+  if (hits === 0) return "off";
+  return hits === leaves.length ? "on" : "partial";
+}
+function toggleCategoryLeaves(group, selected) {
+  const next = new Set(selected);
+  const leaves = leavesOf(group);
+  const turningOff = categoryCheckState(group, selected) === "on";
+  leaves.forEach((id) => turningOff ? next.delete(id) : next.add(id));
+  return next;
+}
+function toggleLeaf(id, selected) {
+  const next = new Set(selected);
+  if (!next.delete(id)) next.add(id);
+  return next;
+}
+function summarizeSelection(groups, selected) {
+  return groups.flatMap((group) => {
+    const state = categoryCheckState(group, selected);
+    if (state === "off") return [];
+    if (state === "on") {
+      return [
+        { id: group.category.id, label: group.category.name, whole: !isLeafCategory(group) }
+      ];
+    }
+    return summarizeSelection(group.subcategories, selected);
+  });
+}
+function removeChip(groups, chipId, selected) {
+  const next = new Set(selected);
+  const group = findGroup(groups, chipId);
+  if (group) {
+    leavesOf(group).forEach((id) => next.delete(id));
+    return next;
+  }
+  next.delete(chipId);
+  return next;
+}
+function filterCategoryGroups(groups, query) {
+  const needle = foldText(query.trim());
+  if (!needle) return groups;
+  const walk = (nodes) => nodes.flatMap((node) => {
+    if (foldText(node.category.name).includes(needle)) return [node];
+    const subcategories = walk(node.subcategories);
+    return subcategories.length > 0 ? [{ category: node.category, subcategories }] : [];
+  });
+  return walk(groups);
+}
+function highlightSegments(text, query) {
+  const needle = foldText(query.trim());
+  if (!needle) return [{ text, match: false }];
+  const at = foldText(text).indexOf(needle);
+  if (at < 0) return [{ text, match: false }];
+  return [
+    { text: text.slice(0, at), match: false },
+    { text: text.slice(at, at + needle.length), match: true },
+    { text: text.slice(at + needle.length), match: false }
+  ].filter((segment) => segment.text.length > 0);
+}
+function flattenRows(groups, isExpanded) {
+  const walk = (nodes, depth, parentId) => nodes.flatMap((node) => {
+    const id = node.category.id;
+    const branch = !isLeafCategory(node);
+    const row = { id, depth, branch, ...parentId ? { parentId } : {} };
+    if (!branch || !isExpanded(id)) return [row];
+    return [row, ...walk(node.subcategories, depth + 1, id)];
+  });
+  return walk(groups, 0);
+}
+
+export {
+  foldText,
+  buildCategoryGroups,
+  isLeafCategory,
+  collectLeafIds,
+  leavesOf,
+  collectBranchIds,
+  findGroup,
+  categoryPath,
+  treeDepth,
+  categoryCheckState,
+  toggleCategoryLeaves,
+  toggleLeaf,
+  summarizeSelection,
+  removeChip,
+  filterCategoryGroups,
+  highlightSegments,
+  flattenRows
+};
+//# sourceMappingURL=chunk-PN4HVM43.js.map