@12-apps/ui 6.12.1 → 6.13.1

package/dist/types/components/form/CategorySelect/category-tree.d.ts

@@ -16,6 +16,18 @@ export declare function foldText(text: string): string;
  * was filtered out of the payload, or because the tree is deeper than two levels.
  */
 export declare function buildCategoryGroups(options: CategorySelectOption[]): CategoryGroup[];
+/**
+ * Whether this category IS the leaf, because nothing sits under it.
+ *
+ * The leaf-only default makes a category a heading and the subcategory the thing
+ * you pick — but a childless category has no subcategory to offer instead, so
+ * that reading leaves it unpickable and the row does nothing at all. It is the
+ * leaf, so it is selectable in its own right, whatever `allowParentSelection`
+ * says. Everything below already agreed; only the rows and the activation did
+ * not, which is what made a childless category unselectable on the estoque
+ * filter while `Marcar tudo` could still select it.
+ */
+export declare function isLeafCategory(group: CategoryGroup): boolean;
 /** Every selectable leaf id across all groups, in display order. */
 export declare function collectLeafIds(groups: CategoryGroup[]): string[];
 /** The leaves a category stands for — its subcategories, or itself when childless. */

package/dist/types/components/form/CategorySelect/category-tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"category-tree.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/CategorySelect/category-tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAEhC;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAK7C;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,oBAAoB,EAAE,GAAG,aAAa,EAAE,CAmBpF;AAED,oEAAoE;AACpE,wBAAgB,cAAc,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,EAAE,CAMhE;AAED,sFAAsF;AACtF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,EAAE,CAIvD;AAED,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC;AAE1D,sEAAsE;AACtE,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,GAC5B,kBAAkB,CAKpB;AAED,gFAAgF;AAChF,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,GAC5B,GAAG,CAAC,MAAM,CAAC,CAMb;AAED,qDAAqD;AACrD,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAIjF;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,aAAa,EAAE,EACvB,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,GAC5B,qBAAqB,EAAE,CAWzB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,aAAa,EAAE,EACvB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,GAC5B,GAAG,CAAC,MAAM,CAAC,CASb;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,aAAa,EAAE,CAU5F;AAED,yEAAyE;AACzE,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAUjF;AAED,mFAAmF;AACnF,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,GAAG,aAAa,CAAC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,2EAA2E;AAC3E,wBAAgB,WAAW,CACzB,MAAM,EAAE,aAAa,EAAE,EACvB,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,GAC1C,cAAc,EAAE,CAelB"}
+{"version":3,"file":"category-tree.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/CategorySelect/category-tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAEhC;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAK7C;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,oBAAoB,EAAE,GAAG,aAAa,EAAE,CAmBpF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAE5D;AAED,oEAAoE;AACpE,wBAAgB,cAAc,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,EAAE,CAEhE;AAED,sFAAsF;AACtF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,EAAE,CAEvD;AAED,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC;AAE1D,sEAAsE;AACtE,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,GAC5B,kBAAkB,CAKpB;AAED,gFAAgF;AAChF,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,GAC5B,GAAG,CAAC,MAAM,CAAC,CAMb;AAED,qDAAqD;AACrD,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAIjF;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,aAAa,EAAE,EACvB,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,GAC5B,qBAAqB,EAAE,CAWzB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,aAAa,EAAE,EACvB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,GAC5B,GAAG,CAAC,MAAM,CAAC,CASb;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,aAAa,EAAE,CAU5F;AAED,yEAAyE;AACzE,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAUjF;AAED,mFAAmF;AACnF,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,GAAG,aAAa,CAAC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,2EAA2E;AAC3E,wBAAgB,WAAW,CACzB,MAAM,EAAE,aAAa,EAAE,EACvB,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,GAC1C,cAAc,EAAE,CAelB"}

package/dist/types/components/form/CategorySelect/useCategoryCommit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCategoryCommit.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/CategorySelect/useCategoryCommit.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AACjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,kEAAkE;AAClE,MAAM,WAAW,eAAe;IAC9B,gEAAgE;IAChE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,+CAA+C;IAC/C,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3B,gEAAgE;IAChE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,oEAAoE;IACpE,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,UAAU,qBAAqB;IAC7B,KAAK,EAAE,mBAAmB,CAAC;IAC3B,KAAK,EAAE,mBAAmB,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,oBAAoB,EAAE,OAAO,CAAC;CAC/B;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,MAAM,EACN,oBAAoB,GACrB,EAAE,qBAAqB,GAAG,eAAe,CAgEzC"}
+{"version":3,"file":"useCategoryCommit.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/CategorySelect/useCategoryCommit.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AACjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,kEAAkE;AAClE,MAAM,WAAW,eAAe;IAC9B,gEAAgE;IAChE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,+CAA+C;IAC/C,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3B,gEAAgE;IAChE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,oEAAoE;IACpE,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,UAAU,qBAAqB;IAC7B,KAAK,EAAE,mBAAmB,CAAC;IAC3B,KAAK,EAAE,mBAAmB,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,oBAAoB,EAAE,OAAO,CAAC;CAC/B;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,MAAM,EACN,oBAAoB,GACrB,EAAE,qBAAqB,GAAG,eAAe,CAmEzC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.12.1",
+  "version": "6.13.1",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/data-display/DataViews/data-views-category-pill.tsx

@@ -55,6 +55,12 @@ interface PillControlProps<T extends Record<string, unknown>> {
  * A category set nests, and flattening it into one list is what made "Massas"
  * (mercearia) indistinguishable from "Massas" (pratos principais). `control:
  * "category"` opts a field into the tree, which shows each hit under its parent.
+ *
+ * {@link FilterFieldConfig.allowParentSelection} decides whether a parent row is
+ * itself tickable. It is forwarded rather than fixed here because it is a
+ * per-SCREEN question: a filter over a catalogue where products sit on leaves
+ * wants "the whole category" as one click, while one whose parents are pure
+ * grouping would only offer a tick that means nothing.
  */
 export function PillControl<T extends Record<string, unknown>>({
   fieldId,
@@ -76,6 +82,7 @@ export function PillControl<T extends Record<string, unknown>>({
         label={layout === "stacked" ? pill.label : undefined}
         fullWidth={layout === "stacked"}
         options={pill.options.map(toCategoryOption)}
+        allowParentSelection={pill.allowParentSelection ?? false}
         value={selected}
         onChange={(next) => emitPillDiff(fieldId, selected, next, onTogglePill)}
         dataTestId={testId}

package/src/components/data-display/DataViews/data-views-grid-parts.tsx

@@ -200,8 +200,9 @@ function useGridShellFilters<T extends Record<string, unknown>>({
     pills: state.pills,
     ranges: c.ranges,
     onSearchChange: (value) => c.patch({ search: value }),
+    // Updater, never the render's `state` — see {@link DataViewStatePatch}.
     onTogglePill: (fieldId, value, checked) =>
-      c.patch({ pills: { ...state.pills, [fieldId]: togglePillValues(state.pills[fieldId], value, checked) } }),
+      c.patch(({ pills }) => ({ pills: { ...pills, [fieldId]: togglePillValues(pills[fieldId], value, checked) } })),
     onChangeRange: (fieldId, range) => c.patch({ ranges: { ...c.ranges, [fieldId]: range } }),
     onClearField: (fieldId) => c.patch({ pills: { ...state.pills, [fieldId]: [] } }),
     onClearAll: () => c.patch({ search: "", pills: {}, ranges: {} }),

package/src/components/data-display/DataViews/data-views-types.ts

@@ -109,6 +109,19 @@ export interface FilterFieldConfig<T extends Record<string, unknown>> {
    * one indistinguishable list.
    */
   control?: "checkboxes" | "multiselect" | "category";
+  /**
+   * Lets a `control: "category"` pill select a PARENT category, not just its
+   * children. Off by default, which keeps the leaf-only reading: the parent is
+   * a heading and its subcategories are the rows you tick.
+   *
+   * Turn it on where "the whole category" is a filter a user would reach for —
+   * selecting a parent then selects every subcategory under it, and the chip
+   * tray collapses that back to one chip bearing the category's name.
+   *
+   * A category with NO children is selectable either way: it is itself the
+   * leaf, so the flag has nothing to gate there.
+   */
+  allowParentSelection?: boolean;
   /**
    * Forces this filter to render as a searchable multi-select dropdown with the
    * search box always shown, regardless of how many options are currently
@@ -157,6 +170,17 @@ export interface DataViewColumn<T extends Record<string, unknown>> extends GridC
 export type DataViewsLayout = "cards" | "list" | "board" | "table";
 
 /** The full, serializable state a view captures. */
+/**
+ * A view-state patch: the fields to merge, or an updater given the CURRENT
+ * state. Use the updater whenever the patch derives from state it also changes
+ * — a render-scoped snapshot would let two calls in one tick read the same
+ * `prev` and the second overwrite the first, which is exactly what a control
+ * emitting one call per changed value does.
+ */
+export type DataViewStatePatch =
+  | Partial<DataViewState>
+  | ((prev: DataViewState) => Partial<DataViewState>);
+
 export interface DataViewState {
   /** Free text matched across every `searchable` column. */
   search: string;

package/src/components/data-display/DataViews/use-data-views-state.ts

@@ -20,6 +20,7 @@ import {
   type DataViewColumn,
   type DataViewServer,
   type DataViewState,
+  type DataViewStatePatch,
   type DataViewSyncState,
   type FilterFieldConfig,
   type RangeFieldConfig,
@@ -73,7 +74,15 @@ interface UseDataViewsStateArgs<T extends Record<string, unknown>> {
 export interface DataViewsController<T extends Record<string, unknown>> {
   state: DataViewState;
   ranges: Record<string, RangeValue>;
-  patch: (next: Partial<DataViewState>) => void;
+  /**
+   * Merge a partial into the view state.
+   *
+   * The UPDATER form is the one to reach for when the patch is derived from
+   * state you are also changing — successive calls within one tick each see the
+   * previous call's result, where the object form would have every caller build
+   * its patch from the same render-scoped snapshot and the last write would win.
+   */
+  patch: (next: DataViewStatePatch) => void;
   matched: T[];
   gridColumns: GridColumn<T>[];
   /** Columns eligible for the show/hide menu (hideable, with a text header). */
@@ -229,7 +238,7 @@ function seedState(
  * same reason changing any other part of the query clears it.
  */
 function makeSetScope(
-  patch: (next: Partial<DataViewState>) => void,
+  patch: (next: DataViewStatePatch) => void,
   clearSelection: () => void,
 ): (id: string) => void {
   return (id) => {
@@ -327,7 +336,8 @@ export function useDataViewsState<T extends Record<string, unknown>>({
 
   useStateSyncEffects(appliedState, syncState, state, onStateChange, setState);
 
-  const patch = (next: Partial<DataViewState>): void => setState((prev) => ({ ...prev, ...next }));
+  const patch = (next: DataViewStatePatch): void =>
+    setState((prev) => ({ ...prev, ...(typeof next === "function" ? next(prev) : next) }));
   const matched = useMatchedRows(server, rows, columns, fields, rangeFields, state);
   // Resolved at READ time, every render: a stale deep link or a saved view naming
   // a scope that has since been removed falls back to the first declared scope

package/src/components/form/CategorySelect/CategoryPanelList.tsx

@@ -5,7 +5,7 @@ import Box from '@mui/material/Box/index.js';
 import Button from '@mui/material/Button/index.js';
 import Skeleton from '@mui/material/Skeleton/index.js';
 
-import { categoryCheckState } from './category-tree';
+import { categoryCheckState, isLeafCategory } from './category-tree';
 import {
   CategoryHeadRow,
   CategorySectionHeading,
@@ -125,7 +125,11 @@ function CategoryGroupRows({
   const { draft, query, single, allowParentSelection, rowIds, activeIndex, sheet } = props;
   const categoryId = group.category.id;
   const expanded = props.isExpanded(categoryId);
-  const asHeading = single && !allowParentSelection;
+  // A childless category is the leaf, so it is selectable whatever the mode says
+  // — the heading reading has no subcategory to point at, and would leave the
+  // row inert.
+  const selectable = allowParentSelection || isLeafCategory(group);
+  const asHeading = single && !selectable;
   const selectedCount = group.subcategories.filter((sub) => draft.has(sub.id)).length;
 
   return (
@@ -139,9 +143,9 @@ function CategoryGroupRows({
           expanded={expanded}
           active={rowIds[activeIndex] === categoryId}
           sheet={sheet}
-          checkState={
-            allowParentSelection ? categoryCheckState(group, draft) : undefined
-          }
+          checkState={selectable ? categoryCheckState(group, draft) : undefined}
+          single={single}
+          expandable={!isLeafCategory(group)}
           selectedCount={selectedCount}
           showCounts={props.showCounts}
           onToggleExpanded={() => props.onToggleExpanded(categoryId)}

package/src/components/form/CategorySelect/CategoryRows.tsx

@@ -65,6 +65,10 @@ interface CategoryHeadRowProps {
   sheet: boolean;
   /** Absent in leaf-only mode, where the category is a heading with no checkbox. */
   checkState?: CategoryCheckState;
+  /** Single-select draws a radio for the control: choosing a row is exclusive. */
+  single: boolean;
+  /** False for a childless category — there is nothing under it to disclose. */
+  expandable: boolean;
   selectedCount: number;
   showCounts: boolean;
   onToggleExpanded: () => void;
@@ -84,12 +88,59 @@ function rowMeta(
   return null;
 }
 
+/** The disclosure chevron, or the space it would have taken on a childless row. */
+function HeadRowDisclosure({
+  option,
+  expanded,
+  expandable,
+  onToggleExpanded,
+  dataTestId,
+  copy,
+}: Pick<
+  CategoryHeadRowProps,
+  'option' | 'expanded' | 'expandable' | 'onToggleExpanded' | 'dataTestId' | 'copy'
+>): React.JSX.Element {
+  if (!expandable) {
+    return <Box sx={{ width: METRICS.chevronButton, flex: '0 0 auto' }} />;
+  }
+  return (
+    <Box
+      component="button"
+      type="button"
+      tabIndex={-1}
+      aria-label={expanded ? copy.collapseCategory(option.name) : copy.expandCategory(option.name)}
+      data-testid={`${dataTestId}-expand-${option.id}`}
+      sx={(theme) => chevronButtonSx(theme, expanded)}
+      onClick={(event: React.MouseEvent) => {
+        event.stopPropagation();
+        onToggleExpanded();
+      }}
+    >
+      <DisclosureGlyph />
+    </Box>
+  );
+}
+
+/** The row's selection control, or the space it would have taken on a heading. */
+function HeadRowControl({
+  checkState,
+  single,
+}: Pick<CategoryHeadRowProps, 'checkState' | 'single'>): React.JSX.Element {
+  if (!checkState) return <Box sx={{ width: METRICS.boxSize, flex: '0 0 auto' }} />;
+  // Single-select commits the moment a row is chosen, so the control is a radio
+  // there: a checkbox would promise the accumulation this mode does not do.
+  if (single) return <CategoryRadio on={checkState === 'on'} />;
+  return <CategoryCheckbox state={checkState} />;
+}
+
 /**
  * A top-level category row: disclosure chevron, optional checkbox, name, meta.
  *
  * The chevron is its OWN button inside the row button — clicking it only folds,
  * while clicking the row does the row's job (expand as a heading, or tick when
- * parents are selectable).
+ * the category is selectable). A CHILDLESS category has neither a fold nor a
+ * heading to be: it draws no chevron, and it carries the control, because it is
+ * itself the leaf.
  */
 export function CategoryHeadRow({
   option,
@@ -98,6 +149,8 @@ export function CategoryHeadRow({
   active,
   sheet,
   checkState,
+  single,
+  expandable,
   selectedCount,
   showCounts,
   onToggleExpanded,
@@ -111,32 +164,20 @@ export function CategoryHeadRow({
       component="div"
       role={checkState ? 'option' : 'button'}
       aria-selected={checkState ? checkState === 'on' : undefined}
-      aria-expanded={expanded}
+      aria-expanded={expandable ? expanded : undefined}
       data-testid={`${dataTestId}-category-${option.id}`}
       sx={(theme) => rowSx(theme, active, sheet)}
       onClick={onActivate}
     >
-      <Box
-        component="button"
-        type="button"
-        tabIndex={-1}
-        aria-label={
-          expanded ? copy.collapseCategory(option.name) : copy.expandCategory(option.name)
-        }
-        data-testid={`${dataTestId}-expand-${option.id}`}
-        sx={(theme) => chevronButtonSx(theme, expanded)}
-        onClick={(event: React.MouseEvent) => {
-          event.stopPropagation();
-          onToggleExpanded();
-        }}
-      >
-        <DisclosureGlyph />
-      </Box>
-      {checkState ? (
-        <CategoryCheckbox state={checkState} />
-      ) : (
-        <Box sx={{ width: METRICS.boxSize, flex: '0 0 auto' }} />
-      )}
+      <HeadRowDisclosure
+        option={option}
+        expanded={expanded}
+        expandable={expandable}
+        onToggleExpanded={onToggleExpanded}
+        dataTestId={dataTestId}
+        copy={copy}
+      />
+      <HeadRowControl checkState={checkState} single={single} />
       <Box component="span" sx={(theme) => rowNameSx(theme, true)}>
         <HighlightedName text={option.name} query={query} />
       </Box>

package/src/components/form/CategorySelect/CategorySelect.md

@@ -32,9 +32,36 @@ const options = [
 Never pre-indent `name` (`"— Águas"`). The row draws the nesting; a baked-in dash
 travels everywhere the label goes, including the closed trigger.
 
-A category with no children is selectable in its own right. An option whose
-`parentId` matches nothing is promoted to top level rather than dropped, so a
-partial payload never makes a category invisible.
+An option whose `parentId` matches nothing is promoted to top level rather than
+dropped, so a partial payload never makes a category invisible.
+
+## Which rows are selectable
+
+`allowParentSelection` is the switch, and it gates exactly one thing: whether a
+parent that HAS children can be ticked in its own right.
+
+| `allowParentSelection` | has children | the row |
+| --- | --- | --- |
+| `false` (default) | yes | a **heading** — no control; its subcategories are what you tick |
+| `false` | no | **selectable** — it is itself the leaf |
+| `true` | yes | **selectable** — ticking it selects **every subcategory under it** |
+| `true` | no | **selectable** |
+
+Two of those deserve their reasons written down.
+
+**A parent with children, flag on, selects its CHILDREN** — not an id of its own.
+That is what makes the value a caller receives uniform: always leaves, never a
+mix of leaves and groups that every consumer would have to re-expand. The chip
+tray collapses a fully-selected category back to one chip bearing the category's
+name, so the user still sees "Bebidas" rather than six drinks.
+
+**A childless category is selectable whatever the flag says.** The leaf-only
+reading makes the category a heading and the subcategory the thing you pick — but
+a childless category has no subcategory to offer instead, so that reading leaves
+the row inert: no control, and a disclosure that opens onto nothing. It IS the
+leaf, so it carries the control and draws no chevron. The rest of the component
+always agreed: `leavesOf` returns its own id, `Marcar tudo` ticks it, and a chip
+appears for it. The flag has nothing to gate there.
 
 ## The two modes
 
@@ -87,8 +114,8 @@ reads `Pai › Filha`, so the chosen leaf keeps its context.
 | `↑` `↓` | Move the cursor |
 | `→` | Expand the category |
 | `←` | Collapse it, or jump from a subcategory to its parent |
-| `Space` | Mark the row (single-select: pick it) |
-| `Enter` | Apply (single-select: pick) |
+| `Space` | Mark the row (single-select: pick it) — a heading category expands |
+| `Enter` | Apply (single-select: pick, and expand on a heading, as `Space` does) |
 | `Esc` | Cancel, returning focus to the trigger |
 
 `Space`, `←` and `→` belong to the search field **only while it holds text**. The
@@ -122,7 +149,7 @@ design's own values.
 | `loading` | `boolean` | `false` | Skeleton rows |
 | `fullWidth` | `boolean` | `false` | |
 | `showCounts` | `boolean` | `false` | Trailing `count` per row |
-| `allowParentSelection` | `boolean` | `false` | Makes categories selectable |
+| `allowParentSelection` | `boolean` | `false` | Lets a parent **with children** be ticked (selecting all of them); see the table above |
 | `onCreateCategory` | `() => void` | — | CTA on the empty catalogue |
 | `dataTestId` | `string` | `'category-select'` | |
 

package/src/components/form/CategorySelect/category-keyboard.ts

@@ -1,4 +1,4 @@
-import type { CategoryRowRef } from './category-tree';
+import { isLeafCategory, type CategoryRowRef } from './category-tree';
 import type { CategoryGroup } from './CategorySelect.types';
 
 /** What a key handler is allowed to do to the panel. */
@@ -63,33 +63,52 @@ function handleLeft(context: CategoryKeyContext): void {
 }
 
 /**
- * Space marks. On a category that is only a HEADING it expands instead — the
- * row has no checkbox, so "mark" has nothing to mean there.
+ * What a category row does when it is activated — the one answer the click, the
+ * Space key and (in single-select) Enter all take, so the three cannot disagree
+ * about a row the way they did over a childless category.
+ *
+ * A category that is only a HEADING expands instead of marking: the row has no
+ * control, so "mark" has nothing to mean there. A childless category is not a
+ * heading — it is the leaf — so it marks.
  */
-function handleSpace(context: CategoryKeyContext): void {
-  const row = activeRow(context);
-  if (!row) return;
+function activateCategoryRow(context: CategoryKeyContext, categoryId: string): void {
+  const group = groupOf(context, categoryId);
+  if (!group) return;
+  if (!context.allowParentSelection && !isLeafCategory(group)) {
+    context.toggleExpanded(categoryId);
+    return;
+  }
   if (context.single) {
-    context.pick(row.id);
+    context.pick(categoryId);
     return;
   }
+  context.toggleCategory(group);
+}
+
+/** Space marks the row under the cursor. */
+function handleSpace(context: CategoryKeyContext): void {
+  const row = activeRow(context);
+  if (!row) return;
   if (row.kind === 'subcategory') {
-    context.toggleSubcategory(row.id);
+    if (context.single) context.pick(row.id);
+    else context.toggleSubcategory(row.id);
     return;
   }
-  const group = groupOf(context, row.id);
-  if (!group) return;
-  if (context.allowParentSelection) context.toggleCategory(group);
-  else context.toggleExpanded(row.id);
+  activateCategoryRow(context, row.id);
 }
 
 function handleEnter(context: CategoryKeyContext): void {
   const row = activeRow(context);
-  if (context.single) {
-    if (row) context.pick(row.id);
+  if (!context.single) {
+    context.commit();
+    return;
+  }
+  if (!row) return;
+  if (row.kind === 'subcategory') {
+    context.pick(row.id);
     return;
   }
-  context.commit();
+  activateCategoryRow(context, row.id);
 }
 
 /** Key → behaviour. A map keeps this dispatch flat instead of a long if-chain. */

package/src/components/form/CategorySelect/category-tree.ts

@@ -47,20 +47,29 @@ export function buildCategoryGroups(options: CategorySelectOption[]): CategoryGr
   return [...groups.values(), ...orphans];
 }
 
+/**
+ * Whether this category IS the leaf, because nothing sits under it.
+ *
+ * The leaf-only default makes a category a heading and the subcategory the thing
+ * you pick — but a childless category has no subcategory to offer instead, so
+ * that reading leaves it unpickable and the row does nothing at all. It is the
+ * leaf, so it is selectable in its own right, whatever `allowParentSelection`
+ * says. Everything below already agreed; only the rows and the activation did
+ * not, which is what made a childless category unselectable on the estoque
+ * filter while `Marcar tudo` could still select it.
+ */
+export function isLeafCategory(group: CategoryGroup): boolean {
+  return group.subcategories.length === 0;
+}
+
 /** Every selectable leaf id across all groups, in display order. */
 export function collectLeafIds(groups: CategoryGroup[]): string[] {
-  return groups.flatMap((group) =>
-    group.subcategories.length > 0
-      ? group.subcategories.map((sub) => sub.id)
-      : [group.category.id],
-  );
+  return groups.flatMap((group) => leavesOf(group));
 }
 
 /** The leaves a category stands for — its subcategories, or itself when childless. */
 export function leavesOf(group: CategoryGroup): string[] {
-  return group.subcategories.length > 0
-    ? group.subcategories.map((sub) => sub.id)
-    : [group.category.id];
+  return isLeafCategory(group) ? [group.category.id] : group.subcategories.map((sub) => sub.id);
 }
 
 export type CategoryCheckState = 'off' | 'partial' | 'on';

package/src/components/form/CategorySelect/useCategoryCommit.ts

@@ -1,5 +1,6 @@
 import { useCallback, useMemo } from 'react';
 
+import { isLeafCategory } from './category-tree';
 import type { CategoryGroup, CategorySelectProps } from './CategorySelect.types';
 import type { CategorySelectState } from './useCategorySelect';
 
@@ -63,18 +64,21 @@ export function useCategoryCommit({
   }, [props]);
 
   // A category row means different things per mode: pick the whole category,
-  // tick all its leaves, or — when it is only a heading — just fold it.
+  // tick all its leaves, or — when it is only a heading — just fold it. A
+  // CHILDLESS category is never the last of those: it is the leaf, so it acts
+  // like one even in the leaf-only default.
   const activateCategory = useCallback(
     (group: CategoryGroup) => {
-      if (allowParentSelection && single) {
-        pick(group.category.id);
+      const selectable = allowParentSelection || isLeafCategory(group);
+      if (!selectable) {
+        toggleExpanded(group.category.id);
         return;
       }
-      if (allowParentSelection) {
-        toggleCategory(group);
+      if (single) {
+        pick(group.category.id);
         return;
       }
-      toggleExpanded(group.category.id);
+      toggleCategory(group);
     },
     [allowParentSelection, single, pick, toggleCategory, toggleExpanded],
   );

package/dist/chunk-5F4NIRVF.js.map

@@ -1 +0,0 @@
-{"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 } from './category-tree';\nimport {\n  CategoryHeadRow,\n  CategorySectionHeading,\n  SubcategoryRow,\n} 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  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/** One group: its heading or head row, then whichever children are visible. */\nfunction CategoryGroupRows({\n  group,\n  props,\n}: {\n  group: CategoryGroup;\n  props: PanelListProps;\n}): React.JSX.Element {\n  const { draft, query, single, allowParentSelection, rowIds, activeIndex, sheet } = props;\n  const categoryId = group.category.id;\n  const expanded = props.isExpanded(categoryId);\n  const asHeading = single && !allowParentSelection;\n  const selectedCount = group.subcategories.filter((sub) => draft.has(sub.id)).length;\n\n  return (\n    <>\n      {asHeading ? (\n        <CategorySectionHeading option={group.category} query={query} />\n      ) : (\n        <CategoryHeadRow\n          option={group.category}\n          query={query}\n          expanded={expanded}\n          active={rowIds[activeIndex] === categoryId}\n          sheet={sheet}\n          checkState={\n            allowParentSelection ? categoryCheckState(group, draft) : undefined\n          }\n          selectedCount={selectedCount}\n          showCounts={props.showCounts}\n          onToggleExpanded={() => props.onToggleExpanded(categoryId)}\n          onActivate={() => props.onActivateCategory(group)}\n          dataTestId={props.dataTestId}\n          copy={props.copy}\n        />\n      )}\n      {(expanded || asHeading) &&\n        group.subcategories.map((sub) => (\n          <SubcategoryRow\n            key={sub.id}\n            option={sub}\n            query={query}\n            selected={draft.has(sub.id)}\n            active={rowIds[activeIndex] === sub.id}\n            sheet={sheet}\n            single={single}\n            showCounts={props.showCounts}\n            onActivate={() => props.onActivateSubcategory(sub.id)}\n            dataTestId={props.dataTestId}\n          />\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          <CategoryGroupRows key={group.category.id} group={group} 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":";;;;;;;;;;;;;;;AAGA,OAAO,SAAS;AAChB,OAAO,YAAY;AACnB,OAAO,cAAc;AA0CjB,mBAEI,KAiBJ,YAnBA;AA9BJ,IAAM,gBAAgB,EAAE,eAAe,OAAO;AAG9C,IAAM,gBAAgB;AAyBtB,SAAS,cAAiC;AACxC,SACE,gCACG,gBAAM,KAAK,EAAE,QAAQ,cAAc,GAAG,CAAC,SAAS,UAC/C,oBAAC,YAAqB,SAAQ,WAAU,IAAI,cAA7B,KAAyC,CACzD,GACH;AAEJ;AAGA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,GAIsB;AACpB,SACE,qBAAC,OAAI,IAAI,SAAS,eAAa,GAAG,UAAU,oBAC1C;AAAA,wBAAC,YAAQ,eAAK,YAAW;AAAA,IACzB,oBAAC,OAAG,eAAK,SAAQ;AAAA,IAChB,oBACC,oBAAC,UAAO,SAAQ,aAAY,MAAK,SAAQ,IAAI,eAAe,SAAS,MAAM,iBAAiB,GACzF,eAAK,gBACR;AAAA,KAEJ;AAEJ;AAGA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMsB;AACpB,SACE,qBAAC,OAAI,IAAI,SAAS,eAAa,GAAG,UAAU,eAC1C;AAAA,wBAAC,YAAQ,eAAK,UAAU,MAAM,KAAK,GAAE;AAAA,IACrC,oBAAC,OAAG,eAAK,UAAU,MAAK;AAAA,IACxB,qBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,KAAK,OAAO,gBAAgB,SAAS,GAC/D;AAAA,0BAAC,UAAO,SAAQ,YAAW,MAAK,SAAQ,IAAI,eAAe,SAAS,cACjE,eAAK,UAAU,aAClB;AAAA,MACC,oBACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,IAAI;AAAA,UACJ,eAAa,GAAG,UAAU;AAAA,UAC1B,SAAS,MAAM,iBAAiB,MAAM,KAAK,CAAC;AAAA,UAE3C,eAAK,UAAU,OAAO,MAAM,KAAK,CAAC;AAAA;AAAA,MACrC;AAAA,OAEJ;AAAA,KACF;AAEJ;AAGA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AACF,GAGsB;AACpB,QAAM,EAAE,OAAO,OAAO,QAAQ,sBAAsB,QAAQ,aAAa,MAAM,IAAI;AACnF,QAAM,aAAa,MAAM,SAAS;AAClC,QAAM,WAAW,MAAM,WAAW,UAAU;AAC5C,QAAM,YAAY,UAAU,CAAC;AAC7B,QAAM,gBAAgB,MAAM,cAAc,OAAO,CAAC,QAAQ,MAAM,IAAI,IAAI,EAAE,CAAC,EAAE;AAE7E,SACE,iCACG;AAAA,gBACC,oBAAC,0BAAuB,QAAQ,MAAM,UAAU,OAAc,IAE9D;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,MAAM;AAAA,QACd;AAAA,QACA;AAAA,QACA,QAAQ,OAAO,WAAW,MAAM;AAAA,QAChC;AAAA,QACA,YACE,uBAAuB,mBAAmB,OAAO,KAAK,IAAI;AAAA,QAE5D;AAAA,QACA,YAAY,MAAM;AAAA,QAClB,kBAAkB,MAAM,MAAM,iBAAiB,UAAU;AAAA,QACzD,YAAY,MAAM,MAAM,mBAAmB,KAAK;AAAA,QAChD,YAAY,MAAM;AAAA,QAClB,MAAM,MAAM;AAAA;AAAA,IACd;AAAA,KAEA,YAAY,cACZ,MAAM,cAAc,IAAI,CAAC,QACvB;AAAA,MAAC;AAAA;AAAA,QAEC,QAAQ;AAAA,QACR;AAAA,QACA,UAAU,MAAM,IAAI,IAAI,EAAE;AAAA,QAC1B,QAAQ,OAAO,WAAW,MAAM,IAAI;AAAA,QACpC;AAAA,QACA;AAAA,QACA,YAAY,MAAM;AAAA,QAClB,YAAY,MAAM,MAAM,sBAAsB,IAAI,EAAE;AAAA,QACpD,YAAY,MAAM;AAAA;AAAA,MATb,IAAI;AAAA,IAUX,CACD;AAAA,KACL;AAEJ;AAGO,SAAS,kBAAkB,OAA0C;AAC1E,QAAM,EAAE,QAAQ,SAAS,OAAO,SAAS,OAAO,YAAY,KAAK,IAAI;AAErE,QAAM,OAAO,MAAyB;AACpC,QAAI,QAAS,QAAO,oBAAC,eAAY;AACjC,QAAI,OAAO,WAAW,KAAK,MAAM,KAAK,EAAE,SAAS,GAAG;AAClD,aACE;AAAA,QAAC;AAAA;AAAA,UAAU;AAAA,UACT;AAAA,UACA,cAAc,MAAM;AAAA,UACpB,kBAAkB,MAAM;AAAA,UACxB;AAAA;AAAA,MACF;AAAA,IAEJ;AACA,QAAI,OAAO,WAAW,GAAG;AACvB,aACE;AAAA,QAAC;AAAA;AAAA,UAAe;AAAA,UACd,kBAAkB,MAAM;AAAA,UACxB;AAAA;AAAA,MACF;AAAA,IAEJ;AACA,WACE,gCACG,iBAAO,IAAI,CAAC,UACX,oBAAC,qBAA0C,OAAc,SAAjC,MAAM,SAAS,EAAgC,CACxE,GACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAK;AAAA,MACL,wBAAsB,MAAM,SAAS,SAAY;AAAA,MACjD,UAAU;AAAA,MACV,eAAa,GAAG,UAAU;AAAA,MAC1B,IAAI,OAAO,KAAK;AAAA,MAEf,eAAK;AAAA;AAAA,EACR;AAEJ;","names":[]}

package/dist/chunk-C6ATAHBX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-types.ts"],"sourcesContent":["import type { GridColumn, GridSort } from \"../DataGrid\";\nimport type { DropdownMenuItem } from \"../../navigation/DropdownMenu\";\n// A re-export does not bring the name into local scope, and the state/query\n// types below are written in terms of it.\nimport type { RangeValue } from \"./data-views-range-types\";\n\n/**\n * Shared types for the reusable admin \"DataViews\" table (FUT-88): a filter bar\n * (search-across-all + typed multi-select pills + column visibility) whose full\n * state — filters + sort + visible columns — a saved view (FUT-89) can capture\n * and restore. Each table declares its own columns + filter fields.\n */\n\n/**\n * A single, reusable row action. ONE definition drives BOTH the per-row \"⋮\"\n * kebab menu and the bulk-actions menu (tabwoah model): `onSelect` receives the\n * affected rows — `[row]` from a kebab, the whole selection from the bulk menu.\n * Single-item-only actions (e.g. \"Editar\") set `bulk: false` so they never\n * appear in the bulk menu.\n */\nexport interface RowAction<T extends Record<string, unknown>> {\n  /** Stable id (also the `data-testid` suffix). */\n  id: string;\n  /** Menu label. In the kebab, `rowLabel` overrides it per row when provided. */\n  label: string;\n  /** Menu-item colour (e.g. `\"error\"` for destructive). */\n  color?: DropdownMenuItem[\"color\"];\n  /**\n   * Runs on the affected rows: `[row]` from the kebab, all selected from bulk.\n   * May be async — the bulk menu awaits it and only clears the selection once it\n   * settles (keeping the selection on failure so the user can retry).\n   */\n  onSelect: (rows: T[]) => void | Promise<void>;\n  /** Include in the bulk menu (2+ selected). Defaults to `true`. */\n  bulk?: boolean;\n  /** Include in the per-row kebab. Defaults to `true`. */\n  row?: boolean;\n  /** Per-row kebab label (e.g. `row.active ? \"Inativar\" : \"Ativar\"`). */\n  rowLabel?: (row: T) => string;\n  /**\n   * Per-row applicability (e.g. state-machine guards). `false` hides the\n   * kebab item for that row; in bulk the action runs only on the passing\n   * rows and is dropped when none pass. Defaults to applicable.\n   */\n  isVisible?: (row: T) => boolean;\n}\n\n/** Selection state handed to a card renderer so it can drive its own checkbox. */\nexport interface DataViewCardSelection {\n  selected: boolean;\n  onToggleSelect: () => void;\n  /**\n   * Card SIZE multiplier from the toolbar zoom slider. The grid sizes the card's\n   * width to `base × scale`; a card passes this to {@link BaseCard} `scale` so its\n   * padding + typography grow by the same factor — the whole card scales together\n   * (scale 2 → ~2× size). The proportion (aspect ratio) stays constant.\n   */\n  scale: number;\n}\n\n/**\n * The fixed proportions a {@link BaseCard} tile can take. The tile keeps this\n * ratio and grows in BOTH width and height as the zoom slider widens its grid\n * track, so a grid of cards stays visually uniform.\n */\nexport type CardAspectRatio = \"1:1\" | \"4:3\" | \"16:9\" | \"9:16\" | \"3:4\" | \"3:1\";\n\n/** Numeric width/height factor for each {@link CardAspectRatio} (CSS `aspect-ratio`). */\nexport const CARD_ASPECT_RATIOS: Record<CardAspectRatio, number> = {\n  \"1:1\": 1,\n  \"4:3\": 4 / 3,\n  \"16:9\": 16 / 9,\n  \"9:16\": 9 / 16,\n  \"3:4\": 3 / 4,\n  /**\n   * The BANNER tile: too short for media, sized for two lines of text.\n   *\n   * Every other ratio here is picture-shaped, because they were added for cards\n   * built around a thumbnail. A card whose subject is a NAME and a NUMBER — a\n   * cart, an order, anything triaged rather than browsed — spends most of a 4:3\n   * tile on an icon that repeats down the whole grid and says nothing.\n   */\n  \"3:1\": 3,\n};\n\n/** One selectable value inside a filter pill. */\nexport interface FilterOption {\n  value: string;\n  label: string;\n  /**\n   * Parent option's `value`, for a hierarchical field (`control: \"category\"`).\n   * Ignored by the flat controls, so one option list serves both.\n   */\n  parentId?: string | null;\n}\n\n/** A typed, multi-select filter pill's configuration for a table. */\nexport interface FilterFieldConfig<T extends Record<string, unknown>> {\n  /** Stable id; also the default row key when no `accessor` is given. */\n  id: string;\n  label: string;\n  options: FilterOption[];\n  /**\n   * How the field renders in the filter panel. `checkboxes` (default) is best for\n   * a few fixed options; `multiselect` is a compact dropdown for long option\n   * lists; `category` is the hierarchical picker, for an option set that nests\n   * via {@link FilterOption.parentId} — it renders parents as headings and\n   * their children as the selectable rows, rather than flattening the tree into\n   * one indistinguishable list.\n   */\n  control?: \"checkboxes\" | \"multiselect\" | \"category\";\n  /**\n   * Forces this filter to render as a searchable multi-select dropdown with the\n   * search box always shown, regardless of how many options are currently\n   * loaded. Use it when the option set can grow unbounded (e.g. a filter backed\n   * by a relation such as Roles or Categories). Omit it for a closed value set\n   * (an enum), which keeps the plain checkbox / \"search only when long\"\n   * behavior.\n   */\n  searchEnabled?: boolean;\n  /**\n   * Reads the row's value(s) for this field. A row matches the pill when any of\n   * its values is selected. Defaults to `String(row[id])`.\n   */\n  accessor?: (row: T) => string | string[];\n}\n\n/**\n * The range types live in `data-views-range-types` (this file outgrew the\n * size gate); they are re-exported here so `data-views-types` stays the one\n * name every consumer imports the model from.\n */\nexport type {\n  DayRangeFieldConfig,\n  NumberRangeFieldConfig,\n  RangeFieldConfig,\n  RangeFieldKind,\n  RangePreset,\n  RangeValue,\n} from \"./data-views-range-types\";\n\n/** A grid column that can join the search scan and the column-visibility menu. */\nexport interface DataViewColumn<T extends Record<string, unknown>> extends GridColumn<T> {\n  /** Included in \"search across all columns\" (needs a resolvable value). */\n  searchable?: boolean;\n  /** Toggleable in the column-visibility menu. Defaults to true; set false for\n   *  structural columns (image thumbnail, actions kebab) that must always show. */\n  hideable?: boolean;\n}\n\n/**\n * The DataViews layout (view type): the dense \"Tabela\" grid, the \"Grade\" of\n * cards, the \"Lista\" of full-width rows, or the \"Quadro\" board of state columns.\n * Lives with the state types rather than with the toggle because a saved view\n * CAPTURES it — see {@link DataViewState.layout}.\n */\nexport type DataViewsLayout = \"cards\" | \"list\" | \"board\" | \"table\";\n\n/** The full, serializable state a view captures. */\nexport interface DataViewState {\n  /** Free text matched across every `searchable` column. */\n  search: string;\n  /** fieldId → selected option values (empty/absent = no constraint). */\n  pills: Record<string, string[]>;\n  /** fieldId → selected numeric range (min/max). Absent/empty = no constraint. */\n  ranges?: Record<string, RangeValue>;\n  sortBy: GridSort[];\n  /** Column ids kept visible; a hideable column not listed here is hidden. */\n  visibleColumns: string[];\n  /**\n   * Column ids in READING ORDER. Absent ⇒ the order the table declared them in.\n   *\n   * Order is view state for the same reason visibility is: reordering columns is\n   * an operator deciding what to read FIRST, and a saved view that restored the\n   * columns but not their order would restore half a decision. Ids the table no\n   * longer declares are ignored at render, and ids missing from a stale list\n   * fall in after it — so a column added since the view was saved appears rather\n   * than disappearing.\n   */\n  order?: string[];\n  /**\n   * The active SCOPE id — the page-level partition the scope tabs select (see\n   * `ScopeConfig`). Optional, so a table that declares no scopes is untouched\n   * and no view persisted before scopes existed breaks.\n   *\n   * Stored raw and RESOLVED at read time: the declared scopes change underneath\n   * a saved view, and a view naming a scope that has since been removed must\n   * fall back at render rather than break.\n   */\n  scope?: string;\n  /**\n   * The layout the view was saved in. Optional — absent means \"whatever the user\n   * is currently using\", which is the pre-existing behaviour.\n   *\n   * A LAYOUT FALLBACK IS NOT A LAYOUT CHANGE: a table rendered as stacked rows\n   * on a phone still has `\"table\"` stored here, so the view round-trips the\n   * stored layout regardless of the device that opened it.\n   */\n  layout?: DataViewsLayout;\n}\n\n/** A pristine view state showing every given column and no filters/sort. */\nexport function emptyViewState(visibleColumns: string[]): DataViewState {\n  return { search: \"\", pills: {}, ranges: {}, sortBy: [], visibleColumns };\n}\n\n/**\n * The URL-driven slice of {@link DataViewState} — the controls a server-mode host\n * mirrors from the address bar (search / pills / ranges / sort), WITHOUT\n * `visibleColumns`. Supplying it re-applies those controls when its reference\n * changes (e.g. browser back/forward or a deep-link on the same route), merging\n * over the current state so a user's show/hide column choices are preserved —\n * unlike `appliedState`, which fully replaces the state to apply a saved view.\n */\nexport type DataViewSyncState = Pick<\n  DataViewState,\n  \"search\" | \"pills\" | \"ranges\" | \"sortBy\" | \"scope\"\n>;\n\n/**\n * The query a SERVER-mode table emits whenever its filter/sort/page changes\n * (FUT-180). The host translates this into a backend request (see\n * `@12-apps/shared-helpers/search`) — in server mode the grid never filters,\n * sorts, or paginates in the browser; it renders exactly the page the server\n * returned. `page` is 1-based to match the backend contract.\n */\nexport interface DataViewQuery {\n  search: string;\n  pills: Record<string, string[]>;\n  ranges: Record<string, RangeValue>;\n  sortBy: GridSort[];\n  /**\n   * The RESOLVED active scope (see `resolveScope`), when the table declares\n   * scopes. The KEY IS ABSENT for a table that declares none — not present-and-\n   * undefined — so a host that never opted in sees a byte-identical query.\n   *\n   * It carries the resolved id, never the stored one: a deep link or a saved\n   * view naming a scope the table no longer declares must not put that id on the\n   * wire, where the backend would reject it and replace the page with an error.\n   */\n  scope?: string;\n  page: number;\n  pageSize: number;\n}\n\n/**\n * Server-mode wiring for a DataViews table. Its PRESENCE flips the table from\n * in-browser filtering/sorting/pagination to backend-driven: the rows handed in\n * are already the current page, `totalCount` is the unpaginated total, and\n * `onQueryChange` fires (search debounced by the host) whenever the user changes\n * a filter, the sort, or the page. This is the ONLY way an admin list should run\n * (see the app-side `DataViewsTable` wrapper, which requires it).\n */\nexport interface DataViewServer {\n  /** Total matched rows across all pages (drives the counter + page count). */\n  totalCount: number;\n  /** Current 1-based page. */\n  page: number;\n  /** Rows per page. */\n  pageSize: number;\n  /** Fired when the effective query changes; the host re-fetches the page. */\n  onQueryChange: (query: DataViewQuery) => void;\n  /**\n   * Per-scope totals for the scope tabs: `scopeId → count`. THE ONLY PIECE OF\n   * THIS CONTRACT THAT CANNOT BE DONE CLIENT-SIDE — a count computed from the\n   * loaded page is wrong the moment there is a second page, which is the\n   * concrete bug scopes exist to fix.\n   *\n   * Compute it over search + pills + ranges while IGNORING the active scope.\n   * Computed WITH the scope applied, every inactive tab reads zero, which is\n   * worse than no counts at all.\n   *\n   * Omit it and the tabs render with no numbers. Nothing is ever invented from\n   * the loaded rows to fill the gap.\n   */\n  scopeCounts?: Record<string, number>;\n}\n\n/**\n * Coerce an opaque persisted state (a saved view's JSON) into a valid\n * DataViewState, filling any missing part with a sane default. Guards against\n * legacy/older shapes so applying a saved view never renders an empty grid.\n */\nexport function coerceViewState(raw: unknown, allColumnIds: string[]): DataViewState {\n  const value = (raw ?? {}) as Partial<DataViewState>;\n  return {\n    search: typeof value.search === \"string\" ? value.search : \"\",\n    pills: asRecord<string[]>(value.pills),\n    ranges: asRecord<RangeValue>(value.ranges),\n    sortBy: Array.isArray(value.sortBy) ? value.sortBy : [],\n    visibleColumns: Array.isArray(value.visibleColumns) ? value.visibleColumns : allColumnIds,\n    order: Array.isArray(value.order) ? value.order : undefined,\n    // Carried through UNVALIDATED against the declared scopes on purpose: a view\n    // written before scopes existed has none (⇒ undefined ⇒ the first declared\n    // scope at render), and one naming a since-removed scope keeps its stored id\n    // here and falls back at READ time. Resolving here would rewrite the view.\n    scope: typeof value.scope === \"string\" ? value.scope : undefined,\n    layout: isLayout(value.layout) ? value.layout : undefined,\n  };\n}\n\n/** Every layout this build knows how to render — the guard's single source. */\nexport const DATA_VIEWS_LAYOUTS: readonly DataViewsLayout[] = [\"cards\", \"list\", \"board\", \"table\"];\n\n/** Is this a layout this build knows how to render? Guards persisted JSON. */\nfunction isLayout(value: unknown): value is DataViewsLayout {\n  return DATA_VIEWS_LAYOUTS.includes(value as DataViewsLayout);\n}\n\n/** A persisted map, or an empty one — persisted JSON can hold anything. */\nfunction asRecord<V>(value: unknown): Record<string, V> {\n  return value !== null && typeof value === \"object\" ? (value as Record<string, V>) : {};\n}\n\n/** A saved view as consumed by the DataViews UI (FUT-89), with ownership flag. */\nexport interface SavedViewSummary {\n  id: string;\n  name: string;\n  description: string | null;\n  state: DataViewState;\n  shared: boolean;\n  pinned: boolean;\n  isDefault: boolean;\n  /** True when the current user owns the view (may edit/delete/pin/share it). */\n  isOwner: boolean;\n}\n\n/** A saved-view repository record (opaque `state`), as returned to server pages. */\ninterface SavedViewRecordLike {\n  id: string;\n  name: string;\n  description: string | null;\n  state: unknown;\n  shared: boolean;\n  pinned: boolean;\n  isDefault: boolean;\n  isOwner: boolean;\n}\n\n/** Map a repository record to the client summary (opaque state → DataViewState). */\nexport function toSavedViewSummary(record: SavedViewRecordLike): SavedViewSummary {\n  return { ...record, state: (record.state ?? {}) as DataViewState };\n}\n\n/**\n * Dependency-injection contracts for the framework-agnostic DataViewsTableBase:\n * the host app supplies saved-view persistence + router side-effects so the ui\n * component imports neither a backend (server actions) nor a framework router.\n */\n\n/** A saved view's editable fields, as the host persists them. */\nexport interface DataViewSaveInput {\n  name: string;\n  description: string;\n  state: DataViewState;\n  shared: boolean;\n  pinned: boolean;\n  isDefault: boolean;\n}\n\n/** Result of a persistence call — mirrors the app's `Result` without importing it. */\nexport type DataViewMutationResult = { ok: true } | { ok: false; error: string };\n\n/** Injected saved-view persistence (create/update/delete), wired by the host. */\nexport interface DataViewPersistence {\n  create: (input: DataViewSaveInput) => Promise<DataViewMutationResult>;\n  update: (id: string, input: DataViewSaveInput) => Promise<DataViewMutationResult>;\n  remove: (id: string) => Promise<DataViewMutationResult>;\n}\n\n/** Injected router side-effects: sync the `?view=` param and re-fetch on change. */\nexport interface DataViewRouter {\n  syncViewParam: (viewId: string | null) => void;\n  refresh: () => void;\n}\n"],"mappings":";AAoEO,IAAM,qBAAsD;AAAA,EACjE,OAAO;AAAA,EACP,OAAO,IAAI;AAAA,EACX,QAAQ,KAAK;AAAA,EACb,QAAQ,IAAI;AAAA,EACZ,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASX,OAAO;AACT;AAuHO,SAAS,eAAe,gBAAyC;AACtE,SAAO,EAAE,QAAQ,IAAI,OAAO,CAAC,GAAG,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,eAAe;AACzE;AA+EO,SAAS,gBAAgB,KAAc,cAAuC;AACnF,QAAM,QAAS,OAAO,CAAC;AACvB,SAAO;AAAA,IACL,QAAQ,OAAO,MAAM,WAAW,WAAW,MAAM,SAAS;AAAA,IAC1D,OAAO,SAAmB,MAAM,KAAK;AAAA,IACrC,QAAQ,SAAqB,MAAM,MAAM;AAAA,IACzC,QAAQ,MAAM,QAAQ,MAAM,MAAM,IAAI,MAAM,SAAS,CAAC;AAAA,IACtD,gBAAgB,MAAM,QAAQ,MAAM,cAAc,IAAI,MAAM,iBAAiB;AAAA,IAC7E,OAAO,MAAM,QAAQ,MAAM,KAAK,IAAI,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlD,OAAO,OAAO,MAAM,UAAU,WAAW,MAAM,QAAQ;AAAA,IACvD,QAAQ,SAAS,MAAM,MAAM,IAAI,MAAM,SAAS;AAAA,EAClD;AACF;AAGO,IAAM,qBAAiD,CAAC,SAAS,QAAQ,SAAS,OAAO;AAGhG,SAAS,SAAS,OAA0C;AAC1D,SAAO,mBAAmB,SAAS,KAAwB;AAC7D;AAGA,SAAS,SAAY,OAAmC;AACtD,SAAO,UAAU,QAAQ,OAAO,UAAU,WAAY,QAA8B,CAAC;AACvF;AA4BO,SAAS,mBAAmB,QAA+C;AAChF,SAAO,EAAE,GAAG,QAAQ,OAAQ,OAAO,SAAS,CAAC,EAAoB;AACnE;","names":[]}

package/dist/chunk-DVTCZR3K.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CategorySelect/category-tree.ts"],"sourcesContent":["import type {\n  CategoryGroup,\n  CategorySelectionChip,\n  CategorySelectOption,\n} from './CategorySelect.types';\n\n/**\n * Fold a string to its comparison form: no diacritics, lower case.\n *\n * Portuguese category names are full of them (\"Águas\", \"Cápsulas\", \"Grãos\"), and\n * an admin typing \"agua\" or \"graos\" on a hurried phone keyboard means the same\n * thing. Comparing folded forms on both sides makes the search accent-blind in\n * both directions.\n */\nexport function foldText(text: string): string {\n  return text\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '')\n    .toLowerCase();\n}\n\n/**\n * Group a flat `parentId` list into top level + children, preserving input order.\n *\n * An option whose `parentId` names no top-level row is promoted to top level\n * rather than dropped — a category is never invisible just because its parent\n * was filtered out of the payload, or because the tree is deeper than two levels.\n */\nexport function buildCategoryGroups(options: CategorySelectOption[]): CategoryGroup[] {\n  const roots = options.filter((option) => !option.parentId);\n  const rootIds = new Set(roots.map((root) => root.id));\n  const groups = new Map<string, CategoryGroup>(\n    roots.map((root) => [root.id, { category: root, subcategories: [] }]),\n  );\n  const orphans: CategoryGroup[] = [];\n\n  options.forEach((option) => {\n    if (!option.parentId) return;\n    const parent = groups.get(option.parentId);\n    if (parent) {\n      parent.subcategories.push(option);\n      return;\n    }\n    if (!rootIds.has(option.id)) orphans.push({ category: option, subcategories: [] });\n  });\n\n  return [...groups.values(), ...orphans];\n}\n\n/** Every selectable leaf id across all groups, in display order. */\nexport function collectLeafIds(groups: CategoryGroup[]): string[] {\n  return groups.flatMap((group) =>\n    group.subcategories.length > 0\n      ? group.subcategories.map((sub) => sub.id)\n      : [group.category.id],\n  );\n}\n\n/** The leaves a category stands for — its subcategories, or itself when childless. */\nexport function leavesOf(group: CategoryGroup): string[] {\n  return group.subcategories.length > 0\n    ? group.subcategories.map((sub) => sub.id)\n    : [group.category.id];\n}\n\nexport type CategoryCheckState = 'off' | 'partial' | 'on';\n\n/** Whether none, some, or all of a category's leaves are selected. */\nexport function categoryCheckState(\n  group: CategoryGroup,\n  selected: ReadonlySet<string>,\n): CategoryCheckState {\n  const leaves = leavesOf(group);\n  const hits = leaves.filter((id) => selected.has(id)).length;\n  if (hits === 0) return 'off';\n  return hits === leaves.length ? 'on' : 'partial';\n}\n\n/** Select every leaf of a category, or clear them all when already complete. */\nexport function toggleCategoryLeaves(\n  group: CategoryGroup,\n  selected: ReadonlySet<string>,\n): Set<string> {\n  const next = new Set(selected);\n  const leaves = leavesOf(group);\n  const turningOff = categoryCheckState(group, selected) === 'on';\n  leaves.forEach((id) => (turningOff ? next.delete(id) : next.add(id)));\n  return next;\n}\n\n/** Add an id when absent, remove it when present. */\nexport function toggleLeaf(id: string, selected: ReadonlySet<string>): Set<string> {\n  const next = new Set(selected);\n  if (!next.delete(id)) next.add(id);\n  return next;\n}\n\n/**\n * Collapse a raw id set into the chips a human reads: a category that is fully\n * selected becomes ONE chip bearing the category's name, rather than one chip\n * per subcategory — \"Bebidas\" instead of six drinks.\n */\nexport function summarizeSelection(\n  groups: CategoryGroup[],\n  selected: ReadonlySet<string>,\n): CategorySelectionChip[] {\n  return groups.flatMap((group): CategorySelectionChip[] => {\n    const state = categoryCheckState(group, selected);\n    if (state === 'off') return [];\n    if (state === 'on') {\n      return [{ id: group.category.id, label: group.category.name, whole: true }];\n    }\n    return group.subcategories\n      .filter((sub) => selected.has(sub.id))\n      .map((sub) => ({ id: sub.id, label: sub.name, whole: false }));\n  });\n}\n\n/**\n * Drop the leaves a chip stands for. A `whole` chip removes the whole category;\n * any other chip removes just that leaf.\n */\nexport function removeChip(\n  groups: CategoryGroup[],\n  chipId: string,\n  selected: ReadonlySet<string>,\n): Set<string> {\n  const next = new Set(selected);\n  const group = groups.find((candidate) => candidate.category.id === chipId);\n  if (group) {\n    leavesOf(group).forEach((id) => next.delete(id));\n    return next;\n  }\n  next.delete(chipId);\n  return next;\n}\n\n/**\n * Search across BOTH levels, keeping every hit under its parent.\n *\n * A category that matches keeps all of its subcategories, so \"Bebidas\" shows the\n * whole group. A category that does not match keeps only the subcategories that\n * do — the hit still arrives with its parent visible above it, which is the\n * context that tells \"Massas\" (mercearia) from \"Massas\" (pratos principais).\n */\nexport function filterCategoryGroups(groups: CategoryGroup[], query: string): CategoryGroup[] {\n  const needle = foldText(query.trim());\n  if (!needle) return groups;\n  return groups.flatMap((group) => {\n    if (foldText(group.category.name).includes(needle)) return [group];\n    const subcategories = group.subcategories.filter((sub) =>\n      foldText(sub.name).includes(needle),\n    );\n    return subcategories.length > 0 ? [{ category: group.category, subcategories }] : [];\n  });\n}\n\n/** A run of text, flagged when it is the part that matched the query. */\ninterface HighlightSegment {\n  text: string;\n  match: boolean;\n}\n\n/**\n * Split a label around the query hit so the view can mark it.\n *\n * Slicing uses indices from the FOLDED text but cuts the ORIGINAL, which is safe\n * because folding is per-character here: NFD-stripping combining marks and\n * lower-casing both preserve offsets for the scripts these names use.\n */\nexport function highlightSegments(text: string, query: string): HighlightSegment[] {\n  const needle = foldText(query.trim());\n  if (!needle) return [{ text, match: false }];\n  const at = foldText(text).indexOf(needle);\n  if (at < 0) return [{ text, match: false }];\n  return [\n    { text: text.slice(0, at), match: false },\n    { text: text.slice(at, at + needle.length), match: true },\n    { text: text.slice(at + needle.length), match: false },\n  ].filter((segment) => segment.text.length > 0);\n}\n\n/** A flattened row, so keyboard navigation can walk what is actually on screen. */\nexport interface CategoryRowRef {\n  kind: 'category' | 'subcategory';\n  id: string;\n  /** Owning category id — lets ← jump from a subcategory back to its parent. */\n  parentId?: string;\n}\n\n/** The visible rows, in order, honouring which categories are expanded. */\nexport function flattenRows(\n  groups: CategoryGroup[],\n  isExpanded: (categoryId: string) => boolean,\n): CategoryRowRef[] {\n  return groups.flatMap((group) => {\n    const head: CategoryRowRef = { kind: 'category', id: group.category.id };\n    if (!isExpanded(group.category.id)) return [head];\n    return [\n      head,\n      ...group.subcategories.map(\n        (sub): CategoryRowRef => ({\n          kind: 'subcategory',\n          id: sub.id,\n          parentId: group.category.id,\n        }),\n      ),\n    ];\n  });\n}\n"],"mappings":"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","names":[]}