@12-apps/ui 6.24.7 → 6.25.0

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-ZRPGVHTR.js → chunk-GGI7GM5O.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-AIRWM7KK.js";
 import {
   Button
-} from "./chunk-YTOYMJPM.js";
+} from "./chunk-SLVQ33AN.js";
 import {
   Text
 } from "./chunk-343TTIHD.js";
@@ -74,4 +74,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-ZRPGVHTR.js.map
+//# sourceMappingURL=chunk-GGI7GM5O.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-TX5V42AY.js → chunk-HEBQS7QP.js}

@@ -1,7 +1,7 @@
 import {
   useColumnsWithActions,
   useRenderedColumns
-} from "./chunk-TW3BXVEU.js";
+} from "./chunk-KMXAPYU2.js";
 import {
   filterRows
 } from "./chunk-YGQX7BNI.js";
@@ -22,7 +22,7 @@ import {
 import {
   computeActiveFilterCount,
   defaultSortFields
-} from "./chunk-U2ZDN2AL.js";
+} from "./chunk-2PBGVMM2.js";
 import {
   emptyViewState
 } from "./chunk-LHHAYZ55.js";
@@ -172,4 +172,4 @@ function useDataViewsState({
 export {
   useDataViewsState
 };
-//# sourceMappingURL=chunk-TX5V42AY.js.map
+//# sourceMappingURL=chunk-HEBQS7QP.js.map

package/dist/{chunk-BUQ2JUND.js → chunk-JO6BBSGY.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YANLN6HP.js";
 import {
   Button
-} from "./chunk-YTOYMJPM.js";
+} from "./chunk-SLVQ33AN.js";
 import {
   accentFor
 } from "./chunk-V5IOLAIS.js";
@@ -162,4 +162,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-BUQ2JUND.js.map
+//# sourceMappingURL=chunk-JO6BBSGY.js.map

package/dist/{chunk-4ZV7N5CU.js → chunk-JXPHU3K5.js}

@@ -1,12 +1,12 @@
 import {
   DataViewsDisplayPanel
-} from "./chunk-SQNW22ZZ.js";
+} from "./chunk-OV4WREMW.js";
 import {
   DataViewsExportMenu
-} from "./chunk-XUJG2HFW.js";
+} from "./chunk-BH5BXLGI.js";
 import {
   renderBulkActions
-} from "./chunk-U2ZDN2AL.js";
+} from "./chunk-2PBGVMM2.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -133,4 +133,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-4ZV7N5CU.js.map
+//# sourceMappingURL=chunk-JXPHU3K5.js.map

package/dist/{chunk-TW3BXVEU.js → chunk-KMXAPYU2.js}

@@ -2,7 +2,7 @@ import {
   buildGridColumns,
   buildRowActionsColumn,
   isActionsColumn
-} from "./chunk-U2ZDN2AL.js";
+} from "./chunk-2PBGVMM2.js";
 
 // src/components/data-display/DataViews/data-views-columns.ts
 import { useMemo } from "react";
@@ -52,4 +52,4 @@ export {
   useColumnsWithActions,
   useRenderedColumns
 };
-//# sourceMappingURL=chunk-TW3BXVEU.js.map
+//# sourceMappingURL=chunk-KMXAPYU2.js.map

package/dist/{chunk-CJBBGMIA.js → chunk-MNXVXW4T.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-IDHZHOZW.js";
 import {
   Button
-} from "./chunk-YTOYMJPM.js";
+} from "./chunk-SLVQ33AN.js";
 
 // src/components/data-display/CardKit/CardKebab.tsx
 import { jsx } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ function CardKebab({
 export {
   CardKebab
 };
-//# sourceMappingURL=chunk-CJBBGMIA.js.map
+//# sourceMappingURL=chunk-MNXVXW4T.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":";;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,SAAS;AA8BZ,mBAGM,KAcN,YAjBA;AATG,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AACF,GAGsB;AACpB,QAAM,WAAW,kBAAkB,MAAM,KAAK;AAC9C,SACE,gCACG,mBAAS;AAAA,IAAI,CAAC,SAAS,UACtB,QAAQ,QACN,oBAAC,OAAI,WAAU,QAAwC,IAAI,QACxD,kBAAQ,QADgB,GAAG,QAAQ,IAAI,IAAI,KAAK,EAEnD,IAEA,oBAAC,UAAuC,kBAAQ,QAArC,GAAG,QAAQ,IAAI,IAAI,KAAK,EAAkB;AAAA,EAEzD,GACF;AAEJ;AAGO,SAAS,iBAAiB,EAAE,MAAM,GAAqD;AAC5F,SACE,qBAAC,OAAI,IAAI,CAAC,UAAU,WAAW,OAAO,KAAK,GAAG,eAAY,QACvD;AAAA,cAAU,QAAQ,oBAAC,cAAW;AAAA,IAC9B,UAAU,aAAa,oBAAC,OAAI,IAAI,eAAe;AAAA,KAClD;AAEJ;AAEO,SAAS,cAAc,EAAE,GAAG,GAAuC;AACxE,SAAO,oBAAC,OAAI,IAAI,CAAC,UAAU,QAAQ,OAAO,EAAE,GAAG,eAAY,QAAO;AACpE;AAyBA,SAAS,QACP,eACA,YACA,OAC4C;AAC5C,MAAI,gBAAgB,EAAG,QAAO,EAAE,MAAM,OAAO,aAAa,GAAG,UAAU,KAAK;AAC5E,MAAI,cAAc,UAAU,OAAW,QAAO,EAAE,MAAM,OAAO,KAAK,GAAG,UAAU,MAAM;AACrF,SAAO;AACT;AAGA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGsB;AACpB,MAAI,CAAC,QAAQ;AACX,WAAO,oBAAC,OAAI,IAAI,EAAE,OAAO,QAAQ,eAAe,MAAM,WAAW,GAAG;AAAA,EACtE;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,UAAU;AAAA,MACV,cAAY,WAAW,KAAK,iBAAiB,OAAO,IAAI,IAAI,KAAK,eAAe,OAAO,IAAI;AAAA,MAC3F,eAAa,GAAG,UAAU,WAAW,OAAO,EAAE;AAAA,MAC9C,IAAI,CAAC,UAAU,gBAAgB,OAAO,QAAQ;AAAA,MAC9C,SAAS,CAAC,UAA4B;AACpC,cAAM,gBAAgB;AACtB,yBAAiB;AAAA,MACnB;AAAA,MAEA,8BAAC,mBAAgB;AAAA;AAAA,EACnB;AAEJ;AAGA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AACF,GAA2E;AACzE,MAAI,CAAC,WAAY,QAAO,oBAAC,OAAI,IAAI,EAAE,OAAO,QAAQ,SAAS,MAAM,WAAW,GAAG;AAG/E,MAAI,OAAQ,QAAO,oBAAC,iBAAc,IAAI,eAAe,MAAM;AAC3D,SAAO,oBAAC,oBAAiB,OAAO,YAAY;AAC9C;AAUA,SAAS,UAAU,YAAoB,OAAe,IAAoB;AACxE,SAAO,UAAU,IAAI,GAAG,UAAU,aAAa,EAAE,KAAK,GAAG,UAAU,WAAW,EAAE;AAClF;AAUO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4C;AAC1C,QAAM,OAAO,QAAQ,eAAe,YAAY,OAAO,KAAK;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAM,aAAa,WAAW;AAAA,MAC9B,iBAAe,aAAa,eAAe,OAAO;AAAA,MAClD,iBAAe,SAAS,WAAW;AAAA,MACnC,eAAa,UAAU,YAAY,OAAO,OAAO,EAAE;AAAA,MACnD,IAAI,CAAC,WAAW,EAAE,GAAG,MAAM,OAAO,QAAQ,KAAK,GAAG,GAAG,UAAU,KAAK,EAAE;AAAA,MACtE,SAAS;AAAA,MAET;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,cAAW,YAAwB,QAAgB;AAAA,QACpD,oBAAC,OAAI,WAAU,QAAO,IAAI,CAAC,UAAU,UAAU,OAAO,UAAU,CAAC,GAC/D,8BAAC,mBAAgB,MAAM,OAAO,MAAM,OAAc,GACpD;AAAA,QACC,QACC,oBAAC,OAAI,WAAU,QAAO,IAAI,CAAC,UAAU,UAAU,OAAO,KAAK,QAAQ,GAChE,eAAK,MACR;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAGO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AACF,GAGsB;AACpB,SACE,oBAAC,OAAI,IAAI,eACP,8BAAC,mBAAgB,MAAM,OAAO,MAAM,OAAc,GACpD;AAEJ;","names":[]}

package/dist/{chunk-BPLFM2GL.js → chunk-NYEA7JAI.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-E55CJV65.js";
 import {
   SelectAllStrip
-} from "./chunk-XKV5ZIBG.js";
+} from "./chunk-OGGPQVIG.js";
 import {
   ListCardGroup
 } from "./chunk-CZPU5TW3.js";
@@ -16,7 +16,7 @@ import {
 } from "./chunk-ZPIMPOHV.js";
 import {
   cardGridTracks
-} from "./chunk-U2ZDN2AL.js";
+} from "./chunk-2PBGVMM2.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -264,4 +264,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-BPLFM2GL.js.map
+//# sourceMappingURL=chunk-NYEA7JAI.js.map

package/dist/{chunk-O6AZDQJJ.js → chunk-OE2ZVL67.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-YTOYMJPM.js";
+} from "./chunk-SLVQ33AN.js";
 import {
   Text
 } from "./chunk-343TTIHD.js";
@@ -294,4 +294,4 @@ export {
   ViewHeader,
   ViewFooter
 };
-//# sourceMappingURL=chunk-O6AZDQJJ.js.map
+//# sourceMappingURL=chunk-OE2ZVL67.js.map

package/dist/{chunk-4523RYE7.js → chunk-OG2FP6SE.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk-AIRWM7KK.js";
 import {
   Button
-} from "./chunk-YTOYMJPM.js";
+} from "./chunk-SLVQ33AN.js";
 import {
   Text
 } from "./chunk-343TTIHD.js";
@@ -174,4 +174,4 @@ export {
   SocialLoginButton,
   SocialLoginContainer
 };
-//# sourceMappingURL=chunk-4523RYE7.js.map
+//# sourceMappingURL=chunk-OG2FP6SE.js.map

package/dist/{chunk-XKV5ZIBG.js → chunk-OGGPQVIG.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-YTOYMJPM.js";
+} from "./chunk-SLVQ33AN.js";
 import {
   Text
 } from "./chunk-343TTIHD.js";
@@ -85,4 +85,4 @@ function SelectAllStrip({
 export {
   SelectAllStrip
 };
-//# sourceMappingURL=chunk-XKV5ZIBG.js.map
+//# sourceMappingURL=chunk-OGGPQVIG.js.map

package/dist/{chunk-SQNW22ZZ.js → chunk-OV4WREMW.js}

@@ -10,7 +10,7 @@ import {
   ViewFooter,
   ViewHeader,
   ViewsList
-} from "./chunk-O6AZDQJJ.js";
+} from "./chunk-OE2ZVL67.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-YTOYMJPM.js";
+} from "./chunk-SLVQ33AN.js";
 
 // src/components/data-display/DataViews/data-views-display-panel.tsx
 import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
@@ -261,4 +261,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-SQNW22ZZ.js.map
+//# sourceMappingURL=chunk-OV4WREMW.js.map

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-6LGWJFQK.js → chunk-PFDM2OIP.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-YTOYMJPM.js";
+} from "./chunk-SLVQ33AN.js";
 import {
   Text
 } from "./chunk-343TTIHD.js";
@@ -180,4 +180,4 @@ function MoreFilters({
 export {
   MoreFilters
 };
-//# sourceMappingURL=chunk-6LGWJFQK.js.map
+//# sourceMappingURL=chunk-PFDM2OIP.js.map