@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-BWLDUAKD.js

@@ -0,0 +1,158 @@
+import {
+  CategoryPanelList
+} from "./chunk-XHLLSKKY.js";
+import {
+  CategoryPanelHead,
+  CategoryPinnedTray
+} from "./chunk-EO5XH5IL.js";
+import {
+  CategoryMultiFoot,
+  CategorySingleFoot
+} from "./chunk-YSTIA37W.js";
+import {
+  panelSx,
+  sheetSx
+} from "./chunk-5WN6ZIAH.js";
+import {
+  CategoryQuickActions
+} from "./chunk-ZLAYBWLN.js";
+import {
+  removeChip
+} from "./chunk-DVTCZR3K.js";
+
+// src/components/form/CategorySelect/CategoryPanel.tsx
+import { Box } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CategoryPanel({
+  state,
+  chips,
+  rowIds,
+  changed,
+  single,
+  sheet,
+  loading,
+  showCounts,
+  allowParentSelection,
+  ariaLabel,
+  onKeyDown,
+  onActivateCategory,
+  onActivateSubcategory,
+  onApply,
+  onCancel,
+  onCreateCategory,
+  searchInputRef,
+  listRef,
+  dataTestId,
+  copy
+}) {
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      onKeyDown,
+      role: "dialog",
+      "aria-label": ariaLabel,
+      "data-testid": `${dataTestId}-panel`,
+      sx: (theme) => ({ ...panelSx(theme), ...sheet ? sheetSx(theme) : {} }),
+      children: [
+        /* @__PURE__ */ jsx(
+          CategoryPanelHead,
+          {
+            copy,
+            query: state.query,
+            placeholder: single ? copy.search.placeholderSingle : copy.search.placeholderMulti,
+            sheet,
+            quickActions: single ? void 0 : /* @__PURE__ */ jsx(CategoryQuickActions, { state, dataTestId, copy }),
+            onQueryChange: state.setQuery,
+            searchInputRef,
+            dataTestId
+          }
+        ),
+        !single && !loading && /* @__PURE__ */ jsx(PinnedTray, { state, chips, dataTestId, copy }),
+        /* @__PURE__ */ jsx(
+          CategoryPanelList,
+          {
+            copy,
+            groups: state.visibleGroups,
+            query: state.query,
+            draft: state.draft,
+            rowIds,
+            activeIndex: state.activeIndex,
+            sheet,
+            single,
+            loading,
+            showCounts,
+            allowParentSelection,
+            isExpanded: state.isExpanded,
+            onToggleExpanded: state.toggleExpanded,
+            onActivateCategory,
+            onActivateSubcategory,
+            onClearQuery: () => state.setQuery(""),
+            onCreateCategory,
+            listRef,
+            dataTestId
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          PanelFooter,
+          {
+            state,
+            changed,
+            single,
+            sheet,
+            copy,
+            onApply,
+            onCancel,
+            dataTestId
+          }
+        )
+      ]
+    }
+  );
+}
+function PinnedTray({
+  state,
+  chips,
+  dataTestId,
+  copy
+}) {
+  return /* @__PURE__ */ jsx(
+    CategoryPinnedTray,
+    {
+      copy,
+      chips,
+      onRemove: (chipId) => state.setDraft(removeChip(state.allGroups, chipId, state.draft)),
+      dataTestId
+    }
+  );
+}
+function PanelFooter({
+  state,
+  changed,
+  single,
+  sheet,
+  onApply,
+  onCancel,
+  dataTestId,
+  copy
+}) {
+  if (single) {
+    return /* @__PURE__ */ jsx(CategorySingleFoot, { sheet, onCancel, dataTestId, copy });
+  }
+  return /* @__PURE__ */ jsx(
+    CategoryMultiFoot,
+    {
+      count: state.draft.size,
+      changed,
+      sheet,
+      copy,
+      onClear: () => state.setDraft(/* @__PURE__ */ new Set()),
+      onApply,
+      dataTestId
+    }
+  );
+}
+
+export {
+  CategoryPanel
+};
+//# sourceMappingURL=chunk-BWLDUAKD.js.map

package/dist/chunk-BWLDUAKD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/CategoryPanel.tsx"],"sourcesContent":["'use client';\n\nimport type { CategorySelectCopy } from \"../../../copy\";\nimport { Box } from '@mui/material';\n\nimport { removeChip } from './category-tree';\nimport { CategoryMultiFoot, CategorySingleFoot } from './CategoryPanelFoot';\nimport { CategoryPanelHead, CategoryPinnedTray } from './CategoryPanelHead';\nimport { CategoryPanelList } from './CategoryPanelList';\nimport { CategoryQuickActions } from './CategoryQuickActions';\nimport { panelSx, sheetSx } from './CategorySelect.styles';\nimport type { CategoryGroup, CategorySelectionChip } from './CategorySelect.types';\nimport type { CategorySelectState } from './useCategorySelect';\n\nexport interface CategoryPanelProps {\n  /** The words this panel renders. REQUIRED — no default copy. */\n  copy: CategorySelectCopy;\n  state: CategorySelectState;\n  chips: CategorySelectionChip[];\n  rowIds: string[];\n  /** True when the applied selection differs from the draft. */\n  changed: boolean;\n  single: boolean;\n  sheet: boolean;\n  loading: boolean;\n  showCounts: boolean;\n  allowParentSelection: boolean;\n  ariaLabel: string;\n  onKeyDown: (event: React.KeyboardEvent) => void;\n  onActivateCategory: (group: CategoryGroup) => void;\n  onActivateSubcategory: (id: string) => void;\n  onApply: () => void;\n  onCancel: () => void;\n  onCreateCategory?: () => void;\n  searchInputRef: React.RefObject<HTMLInputElement | null>;\n  listRef: React.RefObject<HTMLDivElement | null>;\n  dataTestId: string;\n}\n\n/** Search + pinned selection + tree + footer, in the panel's own chrome. */\nexport function CategoryPanel({\n  state,\n  chips,\n  rowIds,\n  changed,\n  single,\n  sheet,\n  loading,\n  showCounts,\n  allowParentSelection,\n  ariaLabel,\n  onKeyDown,\n  onActivateCategory,\n  onActivateSubcategory,\n  onApply,\n  onCancel,\n  onCreateCategory,\n  searchInputRef,\n  listRef,\n  dataTestId,\n  copy,\n}: CategoryPanelProps): React.JSX.Element {\n  return (\n    <Box\n      onKeyDown={onKeyDown}\n      role=\"dialog\"\n      aria-label={ariaLabel}\n      data-testid={`${dataTestId}-panel`}\n      sx={(theme) => ({ ...panelSx(theme), ...(sheet ? sheetSx(theme) : {}) })}\n    >\n      <CategoryPanelHead\n        copy={copy}\n        query={state.query}\n        placeholder={single ? copy.search.placeholderSingle : copy.search.placeholderMulti}\n        sheet={sheet}\n        quickActions={\n          single ? undefined : <CategoryQuickActions state={state} dataTestId={dataTestId} copy={copy} />\n        }\n        onQueryChange={state.setQuery}\n        searchInputRef={searchInputRef}\n        dataTestId={dataTestId}\n      />\n      {!single && !loading && (\n        <PinnedTray state={state} chips={chips} dataTestId={dataTestId} copy={copy} />\n      )}\n      <CategoryPanelList copy={copy}\n        groups={state.visibleGroups}\n        query={state.query}\n        draft={state.draft}\n        rowIds={rowIds}\n        activeIndex={state.activeIndex}\n        sheet={sheet}\n        single={single}\n        loading={loading}\n        showCounts={showCounts}\n        allowParentSelection={allowParentSelection}\n        isExpanded={state.isExpanded}\n        onToggleExpanded={state.toggleExpanded}\n        onActivateCategory={onActivateCategory}\n        onActivateSubcategory={onActivateSubcategory}\n        onClearQuery={() => state.setQuery('')}\n        onCreateCategory={onCreateCategory}\n        listRef={listRef}\n        dataTestId={dataTestId}\n      />\n      <PanelFooter\n        state={state}\n        changed={changed}\n        single={single}\n        sheet={sheet}\n        copy={copy}\n        onApply={onApply}\n        onCancel={onCancel}\n        dataTestId={dataTestId}\n      />\n    </Box>\n  );\n}\n\n/** The selected-category chips, wired to remove from the draft. */\nfunction PinnedTray({\n  state,\n  chips,\n  dataTestId,\n  copy,\n}: Pick<CategoryPanelProps, 'state' | 'chips' | 'dataTestId' | 'copy'>): React.JSX.Element {\n  return (\n    <CategoryPinnedTray\n      copy={copy}\n      chips={chips}\n      onRemove={(chipId) => state.setDraft(removeChip(state.allGroups, chipId, state.draft))}\n      dataTestId={dataTestId}\n    />\n  );\n}\n\n/** Whichever footer the mode calls for. */\nfunction PanelFooter({\n  state,\n  changed,\n  single,\n  sheet,\n  onApply,\n  onCancel,\n  dataTestId,\n  copy,\n}: Pick<\n  CategoryPanelProps,\n  'state' | 'changed' | 'single' | 'sheet' | 'onApply' | 'onCancel' | 'dataTestId' | 'copy'\n>): React.JSX.Element {\n  if (single) {\n    return (\n      <CategorySingleFoot sheet={sheet} onCancel={onCancel} dataTestId={dataTestId} copy={copy} />\n    );\n  }\n  return (\n    <CategoryMultiFoot\n      count={state.draft.size}\n      changed={changed}\n      sheet={sheet}\n      copy={copy}\n      onClear={() => state.setDraft(new Set())}\n      onApply={onApply}\n      dataTestId={dataTestId}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,SAAS,WAAW;AA4DhB,SAa2B,KAb3B;AAvBG,SAAS,cAAc;AAAA,EAC5B;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;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0C;AACxC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,eAAa,GAAG,UAAU;AAAA,MAC1B,IAAI,CAAC,WAAW,EAAE,GAAG,QAAQ,KAAK,GAAG,GAAI,QAAQ,QAAQ,KAAK,IAAI,CAAC,EAAG;AAAA,MAEtE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,OAAO,MAAM;AAAA,YACb,aAAa,SAAS,KAAK,OAAO,oBAAoB,KAAK,OAAO;AAAA,YAClE;AAAA,YACA,cACE,SAAS,SAAY,oBAAC,wBAAqB,OAAc,YAAwB,MAAY;AAAA,YAE/F,eAAe,MAAM;AAAA,YACrB;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QACC,CAAC,UAAU,CAAC,WACX,oBAAC,cAAW,OAAc,OAAc,YAAwB,MAAY;AAAA,QAE9E;AAAA,UAAC;AAAA;AAAA,YAAkB;AAAA,YACjB,QAAQ,MAAM;AAAA,YACd,OAAO,MAAM;AAAA,YACb,OAAO,MAAM;AAAA,YACb;AAAA,YACA,aAAa,MAAM;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,YAAY,MAAM;AAAA,YAClB,kBAAkB,MAAM;AAAA,YACxB;AAAA,YACA;AAAA,YACA,cAAc,MAAM,MAAM,SAAS,EAAE;AAAA,YACrC;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAGA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2F;AACzF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU,CAAC,WAAW,MAAM,SAAS,WAAW,MAAM,WAAW,QAAQ,MAAM,KAAK,CAAC;AAAA,MACrF;AAAA;AAAA,EACF;AAEJ;AAGA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGsB;AACpB,MAAI,QAAQ;AACV,WACE,oBAAC,sBAAmB,OAAc,UAAoB,YAAwB,MAAY;AAAA,EAE9F;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM,MAAM;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,MAAM,SAAS,oBAAI,IAAI,CAAC;AAAA,MACvC;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-BWMR623X.js

@@ -0,0 +1,133 @@
+import {
+  useAutocomplete
+} from "./chunk-362OGE5J.js";
+import {
+  AutocompleteInput,
+  ChipList,
+  DefaultSuggestion,
+  SuggestionListBox
+} from "./chunk-7ZXGAMBO.js";
+import {
+  defaultGetKey,
+  defaultGetLabel,
+  defaultGetSuggestionType
+} from "./chunk-XBHQT4BQ.js";
+
+// src/components/form/Autocomplete/Autocomplete.tsx
+import { Box, ClickAwayListener } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+function resolveRenderConfig(p) {
+  return {
+    getKey: p.getKey ?? defaultGetKey,
+    getLabel: p.getLabel ?? defaultGetLabel,
+    getSuggestionType: p.getSuggestionType ?? defaultGetSuggestionType,
+    getDescription: p.getDescription,
+    renderSuggestion: p.renderSuggestion,
+    matchMode: p.matchMode ?? "contains",
+    multiple: Boolean(p.multiple),
+    selectedItems: p.selectedItems ?? [],
+    isLoading: Boolean(p.isLoading),
+    showGhostText: p.showGhostText ?? true,
+    placeholder: p.placeholder ?? p.copy.placeholder,
+    autoFocus: Boolean(p.autoFocus),
+    disabled: Boolean(p.disabled),
+    portal: p.portal ?? false,
+    className: p.className,
+    chipClassName: p.chipClassName,
+    inputAriaLabel: p.inputAriaLabel,
+    inputClassName: p.inputClassName,
+    listClassName: p.listClassName,
+    itemClassName: p.itemClassName,
+    activeItemClassName: p.activeItemClassName
+  };
+}
+function renderSuggestionNode(item, active, query, cfg) {
+  if (cfg.renderSuggestion) return cfg.renderSuggestion(item, { active, query });
+  return /* @__PURE__ */ jsx(
+    DefaultSuggestion,
+    {
+      item,
+      state: { active, query },
+      getLabel: cfg.getLabel,
+      getDescription: cfg.getDescription,
+      getSuggestionType: cfg.getSuggestionType,
+      matchMode: cfg.matchMode
+    }
+  );
+}
+var Autocomplete = (props) => {
+  const cfg = resolveRenderConfig(props);
+  const view = useAutocomplete(props);
+  const s = view.state;
+  const showNoResults = !cfg.isLoading && view.visibleSuggestions.length === 0 && Boolean(s.inputValue.trim());
+  return /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: view.onClickAway, children: /* @__PURE__ */ jsxs(Box, { className: cfg.className, "data-testid": "autocomplete-container", children: [
+    cfg.multiple && cfg.selectedItems.length > 0 && /* @__PURE__ */ jsx(
+      ChipList,
+      {
+        items: cfg.selectedItems,
+        getKey: cfg.getKey,
+        getLabel: cfg.getLabel,
+        onRemove: view.removeSelectedItem,
+        chipClassName: cfg.chipClassName
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AutocompleteInput,
+      {
+        id: view.id,
+        listId: view.listId,
+        inputRef: s.inputRef,
+        inputValue: s.inputValue,
+        ghost: s.ghost,
+        showGhost: cfg.showGhostText,
+        isInputFocused: s.isInputFocused,
+        open: s.open,
+        activeDescendant: view.activeDescendant,
+        isLoading: cfg.isLoading,
+        disabled: cfg.disabled,
+        autoFocus: cfg.autoFocus,
+        placeholder: cfg.placeholder,
+        startAdornment: props.startAdornment,
+        inputAriaLabel: cfg.inputAriaLabel,
+        inputClassName: cfg.inputClassName,
+        onChange: view.onInputChange,
+        onKeyDown: view.onKeyDown,
+        onFocus: view.onFocus,
+        onBlur: view.onBlur,
+        onCompositionStart: () => s.setComposition(true),
+        onCompositionEnd: () => s.setComposition(false)
+      }
+    ),
+    s.open && /* @__PURE__ */ jsx(
+      SuggestionListBox,
+      {
+        copy: props.copy,
+        open: s.open,
+        anchorEl: s.inputRef.current,
+        portal: cfg.portal,
+        listRef: s.listRef,
+        listId: view.listId,
+        optionIdPrefix: view.optionIdPrefix,
+        items: view.visibleSuggestions,
+        activeIndex: s.activeIndex,
+        isLoading: cfg.isLoading,
+        showNoResults,
+        getKey: cfg.getKey,
+        onSelect: view.selectItem,
+        onHover: s.setActiveIndex,
+        renderItem: (item, active) => renderSuggestionNode(item, active, s.inputValue, cfg),
+        listClassName: cfg.listClassName,
+        itemClassName: cfg.itemClassName,
+        activeItemClassName: cfg.activeItemClassName
+      }
+    )
+  ] }) });
+};
+Autocomplete.displayName = "Autocomplete";
+var Autocomplete_default = Autocomplete;
+
+export {
+  Autocomplete,
+  Autocomplete_default
+};
+//# sourceMappingURL=chunk-BWMR623X.js.map

package/dist/chunk-BWMR623X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { Box, ClickAwayListener } from '@mui/material';\nimport React from 'react';\n\nimport {\n  defaultGetKey,\n  defaultGetLabel,\n  defaultGetSuggestionType,\n  type MatchMode,\n} from './Autocomplete.helpers';\nimport {\n  AutocompleteInput,\n  ChipList,\n  DefaultSuggestion,\n  SuggestionListBox,\n} from './Autocomplete.parts';\nimport type { AutocompleteOption, AutocompleteProps, SuggestionType } from './Autocomplete.types';\nimport { useAutocomplete, type AutocompleteView } from './useAutocomplete';\n\n/** Presentational props resolved from {@link AutocompleteProps} (defaults applied once). */\ninterface RenderConfig<T> {\n  getKey: (item: T) => string;\n  getLabel: (item: T) => string;\n  getSuggestionType: (item: T) => SuggestionType | undefined;\n  getDescription?: (item: T) => string | undefined;\n  renderSuggestion?: (item: T, state: { active: boolean; query: string }) => React.ReactNode;\n  matchMode: MatchMode;\n  multiple: boolean;\n  selectedItems: T[];\n  isLoading: boolean;\n  showGhostText: boolean;\n  placeholder: string;\n  autoFocus: boolean;\n  disabled: boolean;\n  portal: boolean | { container?: HTMLElement };\n  className?: string;\n  chipClassName?: string;\n  inputAriaLabel?: string;\n  inputClassName?: string;\n  listClassName?: string;\n  itemClassName?: string;\n  activeItemClassName?: string;\n}\n\n/** Apply presentational defaults once so the component itself stays branch-light. */\nfunction resolveRenderConfig<T>(p: AutocompleteProps<T>): RenderConfig<T> {\n  return {\n    getKey: p.getKey ?? defaultGetKey,\n    getLabel: p.getLabel ?? defaultGetLabel,\n    getSuggestionType: p.getSuggestionType ?? defaultGetSuggestionType,\n    getDescription: p.getDescription,\n    renderSuggestion: p.renderSuggestion,\n    matchMode: p.matchMode ?? 'contains',\n    multiple: Boolean(p.multiple),\n    selectedItems: p.selectedItems ?? [],\n    isLoading: Boolean(p.isLoading),\n    showGhostText: p.showGhostText ?? true,\n    placeholder: p.placeholder ?? p.copy.placeholder,\n    autoFocus: Boolean(p.autoFocus),\n    disabled: Boolean(p.disabled),\n    portal: p.portal ?? false,\n    className: p.className,\n    chipClassName: p.chipClassName,\n    inputAriaLabel: p.inputAriaLabel,\n    inputClassName: p.inputClassName,\n    listClassName: p.listClassName,\n    itemClassName: p.itemClassName,\n    activeItemClassName: p.activeItemClassName,\n  };\n}\n\n/** A single suggestion node: the caller's custom renderer or the default row. */\nfunction renderSuggestionNode<T>(item: T, active: boolean, query: string, cfg: RenderConfig<T>): React.ReactNode {\n  if (cfg.renderSuggestion) return cfg.renderSuggestion(item, { active, query });\n  return (\n    <DefaultSuggestion\n      item={item}\n      state={{ active, query }}\n      getLabel={cfg.getLabel}\n      getDescription={cfg.getDescription}\n      getSuggestionType={cfg.getSuggestionType}\n      matchMode={cfg.matchMode}\n    />\n  );\n}\n\n/**\n * ARIA combobox with a popup listbox: local/async filtering, inline ghost\n * completion (Tab/→), multi-select chips, custom rendering, and typed\n * `search`/`link` suggestions (a `link` opens its URL instead of filling the\n * input). State/effects/handlers live in {@link useAutocomplete}; presentational\n * pieces live in `Autocomplete.parts`.\n */\nexport const Autocomplete = <T = AutocompleteOption>(props: AutocompleteProps<T>): React.JSX.Element => {\n  const cfg = resolveRenderConfig(props);\n  const view: AutocompleteView<T> = useAutocomplete<T>(props);\n  const s = view.state;\n  const showNoResults =\n    !cfg.isLoading && view.visibleSuggestions.length === 0 && Boolean(s.inputValue.trim());\n\n  return (\n    <ClickAwayListener onClickAway={view.onClickAway}>\n      <Box className={cfg.className} data-testid=\"autocomplete-container\">\n        {cfg.multiple && cfg.selectedItems.length > 0 && (\n          <ChipList\n            items={cfg.selectedItems}\n            getKey={cfg.getKey}\n            getLabel={cfg.getLabel}\n            onRemove={view.removeSelectedItem}\n            chipClassName={cfg.chipClassName}\n          />\n        )}\n\n        <AutocompleteInput\n          id={view.id}\n          listId={view.listId}\n          inputRef={s.inputRef}\n          inputValue={s.inputValue}\n          ghost={s.ghost}\n          showGhost={cfg.showGhostText}\n          isInputFocused={s.isInputFocused}\n          open={s.open}\n          activeDescendant={view.activeDescendant}\n          isLoading={cfg.isLoading}\n          disabled={cfg.disabled}\n          autoFocus={cfg.autoFocus}\n          placeholder={cfg.placeholder}\n          startAdornment={props.startAdornment}\n          inputAriaLabel={cfg.inputAriaLabel}\n          inputClassName={cfg.inputClassName}\n          onChange={view.onInputChange}\n          onKeyDown={view.onKeyDown}\n          onFocus={view.onFocus}\n          onBlur={view.onBlur}\n          onCompositionStart={() => s.setComposition(true)}\n          onCompositionEnd={() => s.setComposition(false)}\n        />\n\n        {s.open && (\n          <SuggestionListBox\n            copy={props.copy}\n            open={s.open}\n            anchorEl={s.inputRef.current}\n            portal={cfg.portal}\n            listRef={s.listRef}\n            listId={view.listId}\n            optionIdPrefix={view.optionIdPrefix}\n            items={view.visibleSuggestions}\n            activeIndex={s.activeIndex}\n            isLoading={cfg.isLoading}\n            showNoResults={showNoResults}\n            getKey={cfg.getKey}\n            onSelect={view.selectItem}\n            onHover={s.setActiveIndex}\n            renderItem={(item, active) => renderSuggestionNode(item, active, s.inputValue, cfg)}\n            listClassName={cfg.listClassName}\n            itemClassName={cfg.itemClassName}\n            activeItemClassName={cfg.activeItemClassName}\n          />\n        )}\n      </Box>\n    </ClickAwayListener>\n  );\n};\n\nAutocomplete.displayName = 'Autocomplete';\n\nexport default Autocomplete;\n"],"mappings":"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","names":[]}

package/dist/chunk-BWZKLKDT.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-BWZKLKDT.js.map

package/dist/chunk-BWZKLKDT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-BXC6GRLE.js

@@ -0,0 +1,16 @@
+// src/components/layout/SettingsLayout/SettingsLayout.filters.ts
+function filterGroups(groups, query) {
+  const needle = query.trim().toLowerCase();
+  if (!needle) return groups;
+  const matches = (item) => item.label.toLowerCase().includes(needle) || (item.keywords ?? []).some((keyword) => keyword.toLowerCase().includes(needle));
+  return groups.map((group) => ({ ...group, items: group.items.filter(matches) })).filter((group) => group.items.length > 0);
+}
+function activeItemLabel(groups, activeItemId) {
+  return groups.flatMap((group) => group.items).find((item) => item.id === activeItemId)?.label;
+}
+
+export {
+  filterGroups,
+  activeItemLabel
+};
+//# sourceMappingURL=chunk-BXC6GRLE.js.map

package/dist/chunk-BXC6GRLE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingsLayout/SettingsLayout.filters.ts"],"sourcesContent":["import type { SettingsNavGroup, SettingsNavItem } from './SettingsLayout.types';\n\n/** Case-insensitive filter over item label + keywords; drops emptied groups. */\nexport function filterGroups(groups: SettingsNavGroup[], query: string): SettingsNavGroup[] {\n  const needle = query.trim().toLowerCase();\n  if (!needle) return groups;\n  const matches = (item: SettingsNavItem): boolean =>\n    item.label.toLowerCase().includes(needle) ||\n    (item.keywords ?? []).some((keyword) => keyword.toLowerCase().includes(needle));\n  return groups\n    .map((group) => ({ ...group, items: group.items.filter(matches) }))\n    .filter((group) => group.items.length > 0);\n}\n\n/** Label of the active item, shown in the `switcher`'s collapsed header. */\nexport function activeItemLabel(\n  groups: SettingsNavGroup[],\n  activeItemId?: string,\n): string | undefined {\n  return groups.flatMap((group) => group.items).find((item) => item.id === activeItemId)?.label;\n}\n"],"mappings":";AAGO,SAAS,aAAa,QAA4B,OAAmC;AAC1F,QAAM,SAAS,MAAM,KAAK,EAAE,YAAY;AACxC,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,UAAU,CAAC,SACf,KAAK,MAAM,YAAY,EAAE,SAAS,MAAM,MACvC,KAAK,YAAY,CAAC,GAAG,KAAK,CAAC,YAAY,QAAQ,YAAY,EAAE,SAAS,MAAM,CAAC;AAChF,SAAO,OACJ,IAAI,CAAC,WAAW,EAAE,GAAG,OAAO,OAAO,MAAM,MAAM,OAAO,OAAO,EAAE,EAAE,EACjE,OAAO,CAAC,UAAU,MAAM,MAAM,SAAS,CAAC;AAC7C;AAGO,SAAS,gBACd,QACA,cACoB;AACpB,SAAO,OAAO,QAAQ,CAAC,UAAU,MAAM,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,YAAY,GAAG;AAC1F;","names":[]}

package/dist/chunk-BY3JEK5T.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-BY3JEK5T.js.map

package/dist/chunk-BY3JEK5T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-C2OAUSOX.js

@@ -0,0 +1,181 @@
+import {
+  DataViewsGrid
+} from "./chunk-U72QL2OR.js";
+import {
+  DeleteViewDialog
+} from "./chunk-PPDG6FRL.js";
+import {
+  viewStateKey
+} from "./chunk-ZOLAYP2D.js";
+import {
+  ViewDialogs,
+  ViewMutationErrorAlert
+} from "./chunk-KD34ODAZ.js";
+import {
+  useSavedViewsController
+} from "./chunk-6IAQGSXD.js";
+
+// src/components/data-display/DataViews/DataViewsTableBase.tsx
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function useUrlSyncState(server, initialState) {
+  const isServerMode = server !== void 0;
+  return useMemo(
+    () => isServerMode && initialState ? {
+      search: initialState.search,
+      pills: initialState.pills,
+      ranges: initialState.ranges,
+      sortBy: initialState.sortBy,
+      // The scope belongs in the URL-driven slice alongside them: a
+      // `?view=recusados`-style deep link and browser back/forward must
+      // move the tab strip, and they must do it WITHOUT resetting the
+      // user's hidden columns — which is the whole reason this is a
+      // merging `syncState` and not a replacing `appliedState`.
+      scope: initialState.scope
+    } : void 0,
+    [isServerMode, initialState]
+  );
+}
+function resolveInitialView(views, requestedId) {
+  const requested = requestedId ? views.find((view) => view.id === requestedId) : void 0;
+  return requested ?? views.find((view) => view.isDefault);
+}
+function buildDisplayView({
+  ctl,
+  views,
+  activeView,
+  dirty,
+  onRequestDelete
+}) {
+  return {
+    activeViewName: ctl.activeViewName,
+    dirty,
+    onReset: () => activeView ? ctl.applyView(activeView) : ctl.selectMain(),
+    // Only offer "Atualizar" when there IS a view to update — otherwise the
+    // single footer button is a plain "Salvar visão".
+    onUpdate: activeView ? () => ctl.openEdit(activeView) : void 0,
+    onSaveAs: ctl.openCreate,
+    // The views themselves, not a dropdown: the panel renders them in its own
+    // body (see `data-views-view-nav`), so there is no second popover to clip
+    // the row actions.
+    nav: {
+      views,
+      activeViewId: activeView?.id ?? null,
+      onSelectView: (id) => {
+        const next = id === null ? null : views.find((view) => view.id === id);
+        if (next) ctl.applyView(next);
+        else ctl.selectMain();
+      },
+      onEditView: ctl.openEdit,
+      onPatchView: (view, changes) => void ctl.patchView(view, changes),
+      onDeleteView: onRequestDelete
+    }
+  };
+}
+function useDirtyTracking(ctl) {
+  const [dirty, setDirty] = useState(false);
+  const [savedAt, setSavedAt] = useState(0);
+  const baseline = useRef(null);
+  const appliedKey = JSON.stringify(ctl.applied ?? null);
+  useEffect(() => {
+    baseline.current = null;
+    setDirty(false);
+  }, [appliedKey, savedAt]);
+  return {
+    dirty,
+    noteState: (state) => {
+      ctl.currentRef.current = state;
+      const key = viewStateKey(state);
+      if (baseline.current === null) {
+        baseline.current = key;
+        setDirty(false);
+        return;
+      }
+      const next = key !== baseline.current;
+      setDirty((prev) => prev === next ? prev : next);
+    },
+    markSaved: () => setSavedAt((tick) => tick + 1)
+  };
+}
+function DataViewsTableBase(props) {
+  const {
+    initialViewId = null,
+    persistence,
+    router,
+    columns,
+    fields,
+    testIdPrefix = "table",
+    views,
+    server,
+    initialState
+  } = props;
+  const initialView = resolveInitialView(views, initialViewId);
+  const columnIds = columns.map((col) => col.id);
+  const ctl = useSavedViewsController(persistence, router, columnIds, views, initialView, initialState);
+  const { dirty, noteState, markSaved } = useDirtyTracking(ctl);
+  const [pendingDelete, setPendingDelete] = useState(null);
+  const activeView = views.find((view) => view.name === ctl.activeViewName);
+  const displayView = buildDisplayView({
+    ctl,
+    views,
+    activeView,
+    dirty,
+    onRequestDelete: setPendingDelete
+  });
+  const syncState = useUrlSyncState(server, initialState);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ViewMutationErrorAlert, { error: ctl.mutationError, onClose: ctl.clearMutationError, testIdPrefix }),
+    /* @__PURE__ */ jsx(
+      DataViewsGrid,
+      {
+        ...props,
+        testIdPrefix,
+        appliedState: ctl.applied,
+        syncState,
+        onStateChange: noteState,
+        displayView
+      }
+    ),
+    renderViewDialogs(ctl, fields, columns, views, testIdPrefix, markSaved),
+    /* @__PURE__ */ jsx(
+      DeleteViewDialog,
+      {
+        view: pendingDelete,
+        onClose: () => setPendingDelete(null),
+        onConfirm: (view) => {
+          void ctl.handleDelete(view);
+          setPendingDelete(null);
+        },
+        testIdPrefix
+      }
+    )
+  ] });
+}
+function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
+  return /* @__PURE__ */ jsx(
+    ViewDialogs,
+    {
+      saveOpen: ctl.saveOpen,
+      onCloseSave: ctl.closeSave,
+      currentState: ctl.editing ? ctl.editing.state : ctl.currentRef.current,
+      fields,
+      columns,
+      editing: ctl.editing,
+      onSave: async (payload) => {
+        await ctl.handleSave(payload);
+        onSaved();
+      },
+      manageOpen: ctl.manageOpen,
+      onCloseManage: () => ctl.setManageOpen(false),
+      views,
+      onEditFromManage: ctl.editFromManage,
+      onDelete: (view) => void ctl.handleDelete(view),
+      testIdPrefix
+    }
+  );
+}
+
+export {
+  DataViewsTableBase
+};
+//# sourceMappingURL=chunk-C2OAUSOX.js.map

package/dist/chunk-C2OAUSOX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/DataViewsTableBase.tsx"],"sourcesContent":["\"use client\";\n\nimport type { SortFieldDefinition } from \"../../layout/ContentToolbar\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { DataViewsGrid } from \"./DataViewsGrid\";\nimport type { ListGroupConfig } from \"./list-card-rails\";\nimport type { DisplayPanelView } from \"./data-views-display-panel\";\nimport { viewStateKey } from \"./data-views-dirty\";\nimport { DeleteViewDialog } from \"./DeleteViewDialog\";\nimport type { BoardConfig } from \"./DataViewsBoard\";\nimport type { DataViewExport } from \"./data-views-export\";\nimport type { ScopeConfig } from \"./data-views-scopes\";\nimport { ViewDialogs, ViewMutationErrorAlert } from \"./data-views-table-parts\";\nimport {\n  useSavedViewsController,\n  type SavedViewsController,\n} from \"./use-saved-views-controller\";\nimport {\n  type DataViewColumn,\n  type DataViewsLayout,\n  type DataViewServer,\n  type DataViewState,\n  type DataViewSyncState,\n  type DataViewPersistence,\n  type DataViewRouter,\n  type FilterFieldConfig,\n  type RangeFieldConfig,\n  type DataViewCardSelection,\n  type RowAction,\n  type SavedViewSummary,\n} from \"./data-views-types\";\n\nexport interface DataViewsTableBaseProps<T extends Record<string, unknown>> {\n  /** The applied-view id read from the URL (`?view=`) on load, or null. */\n  initialViewId?: string | null;\n  /** Injected saved-view persistence (create/update/delete). */\n  persistence: DataViewPersistence;\n  /** Injected router side-effects (URL sync + refresh). */\n  router: DataViewRouter;\n  rows: T[];\n  columns: DataViewColumn<T>[];\n  fields: FilterFieldConfig<T>[];\n  /** Optional numeric min/max range filters (advanced \"filter by amount\"). */\n  rangeFields?: RangeFieldConfig<T>[];\n  getRowId: (row: T) => string | number;\n  onRowClick?: (row: T) => void;\n  emptyState?: React.ReactNode;\n  dataTestId?: string;\n  testIdPrefix?: string;\n  /** The user's + shared views for this table (from the server). */\n  views: SavedViewSummary[];\n  /** Big page title in the table header, beside the funnel + gear (GTA layout). */\n  title?: string;\n  /** Primary page actions (e.g. \"Novo produto\") rendered at the header's right. */\n  headerActions?: React.ReactNode;\n  /** Sort options for the toolbar's \"Sort By\" dropdown (defaults to sortable columns). */\n  sortFields?: SortFieldDefinition[];\n  /**\n   * Per-sort-field VALUE KIND (`\"currency\" | \"number\" | \"date\" | \"text\"`), so the\n   * Exibir panel phrases the direction in that column's own terms. \"Crescente\"\n   * on a currency column is a puzzle; \"Menor → maior\" is not. Defaults to text.\n   */\n  sortKinds?: Record<string, string>;\n  /**\n   * Opt-in \"Exportar\" control. The grid hands the host the current query,\n   * UNPAGINATED, and the host re-queries — the grid never fetches, and an\n   * export therefore follows the filters rather than the loaded page.\n   */\n  exportConfig?: DataViewExport;\n  /** Notified with the currently-visible (filtered) rows, so Export matches the view. */\n  onVisibleRowsChange?: (rows: T[]) => void;\n  /** Reusable row actions driving both the row \"⋮\" kebab and the bulk menu. */\n  rowActions?: RowAction<T>[];\n  /** Leading control in the auto kebab column (e.g. a favourite star). */\n  rowActionsLeading?: (row: T) => React.ReactNode;\n  /** Low-level bulk-action override; prefer `rowActions`. */\n  bulkActions?: (selectedRows: T[], clearSelection: () => void) => React.ReactNode;\n  /** Bespoke per-row menu (an entity's self-contained 3-dots menu) instead of the auto kebab. */\n  renderRowMenu?: (row: T) => React.ReactNode;\n  /** Opt-in \"Grade\" (cards) layout — a card renderer per row; adds a Grade/Tabela toggle. */\n  renderCard?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /** Opt-in \"Quadro\" (board) layout — the loaded page as columns of one field. Needs `renderCard`. */\n  board?: BoardConfig<T>;\n  /** Opt-in \"Lista\" layout — one full-width, entity-rendered row per record (FUT-733). */\n  renderListRow?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /** The Lista's shared columns, so its rows line up by construction not convention. */\n  listGroup?: ListGroupConfig<T>;\n  /** The page-level partition rendered as tabs under the toolbar (server mode only). */\n  scopes?: ScopeConfig[];\n  /** The row field the scopes partition by — used only to reject a pill over the same field. */\n  scopeFieldId?: string;\n  /** Which layout to show first when the user has expressed no preference (default \"table\"). */\n  defaultLayout?: DataViewsLayout;\n  /**\n   * Ignore the remembered cross-screen layout preference and pin to\n   * `defaultLayout`. For tables that exist to SHOW a layout — stories, docs,\n   * screenshots — not for real screens.\n   */\n  ignoreStoredLayout?: boolean;\n  /** Opt into the responsive inline filter UX (collapsible row / modal). Default keeps the panel. */\n  inlineFilters?: boolean;\n  /** Keep the inline search visible with no filter fields and no active search. */\n  alwaysShowSearch?: boolean;\n  /** Server-mode wiring (FUT-180): backend-driven rows/total + re-fetch. Omit for client mode. */\n  server?: DataViewServer;\n  /** Seed the initial view state (search/pills/ranges/sort) from the URL when no saved view applies. */\n  initialState?: DataViewState;\n}\n\n/**\n * Derive the grid's reactive `syncState` from the URL-seeded `initialState` in\n * server mode so browser back/forward RE-APPLIES the search/pills/sort controls\n * (merging over live state, preserving hidden columns — see {@link DataViewSyncState}).\n * Client-mode tables (no `server`) get `undefined`. Callers memoize `initialState`\n * on the URL, so this reference only changes on genuine navigations.\n */\nfunction useUrlSyncState(\n  server: DataViewServer | undefined,\n  initialState: DataViewState | undefined,\n): DataViewSyncState | undefined {\n  const isServerMode = server !== undefined;\n  return useMemo<DataViewSyncState | undefined>(\n    () =>\n      isServerMode && initialState\n        ? {\n            search: initialState.search,\n            pills: initialState.pills,\n            ranges: initialState.ranges,\n            sortBy: initialState.sortBy,\n            // The scope belongs in the URL-driven slice alongside them: a\n            // `?view=recusados`-style deep link and browser back/forward must\n            // move the tab strip, and they must do it WITHOUT resetting the\n            // user's hidden columns — which is the whole reason this is a\n            // merging `syncState` and not a replacing `appliedState`.\n            scope: initialState.scope,\n          }\n        : undefined,\n    [isServerMode, initialState],\n  );\n}\n\n/**\n * Resolve the initial applied view: a `?view=<id>` shortcut (FUT-90) wins, else\n * the user's default view, else none. Drives the seed state + trigger label.\n */\nfunction resolveInitialView(\n  views: SavedViewSummary[],\n  requestedId: string | null,\n): SavedViewSummary | undefined {\n  const requested = requestedId ? views.find((view) => view.id === requestedId) : undefined;\n  return requested ?? views.find((view) => view.isDefault);\n}\n\n/**\n * The Exibir panel's view chrome, assembled from the saved-views controller.\n * Extracted so {@link DataViewsTableBase} stays inside its size budget.\n */\nfunction buildDisplayView({\n  ctl,\n  views,\n  activeView,\n  dirty,\n  onRequestDelete,\n}: {\n  ctl: SavedViewsController;\n  views: SavedViewSummary[];\n  activeView: SavedViewSummary | undefined;\n  dirty: boolean;\n  /** Opens the confirmation; the delete itself happens on confirm. */\n  onRequestDelete: (view: SavedViewSummary) => void;\n}): DisplayPanelView {\n  return {\n    activeViewName: ctl.activeViewName,\n    dirty,\n    onReset: () => (activeView ? ctl.applyView(activeView) : ctl.selectMain()),\n    // Only offer \"Atualizar\" when there IS a view to update — otherwise the\n    // single footer button is a plain \"Salvar visão\".\n    onUpdate: activeView ? () => ctl.openEdit(activeView) : undefined,\n    onSaveAs: ctl.openCreate,\n    // The views themselves, not a dropdown: the panel renders them in its own\n    // body (see `data-views-view-nav`), so there is no second popover to clip\n    // the row actions.\n    nav: {\n      views,\n      activeViewId: activeView?.id ?? null,\n      onSelectView: (id) => {\n        const next = id === null ? null : views.find((view) => view.id === id);\n        if (next) ctl.applyView(next);\n        else ctl.selectMain();\n      },\n      onEditView: ctl.openEdit,\n      onPatchView: (view, changes) => void ctl.patchView(view, changes),\n      onDeleteView: onRequestDelete,\n    },\n  };\n}\n\n/**\n * \"Are there unsaved changes?\" — the dot on Exibir, and whether Redefinir and\n * Salvar visão are live.\n *\n * Two things it gets right that the inline version did not. It compares\n * NORMALISED states (`viewStateKey`), so a filter applied and then removed is\n * clean again rather than clean-looking but flagged; and it re-baselines after\n * a SAVE, because the state just written is the clean one from that point.\n *\n * The baseline is the first state the grid emits for a view, not the view\n * itself: the grid normalises what it is handed — resolving visible columns,\n * filling in layout — so the applied view is never byte-identical to the state\n * it produces.\n */\nfunction useDirtyTracking(ctl: SavedViewsController): {\n  dirty: boolean;\n  noteState: (state: DataViewState) => void;\n  markSaved: () => void;\n} {\n  const [dirty, setDirty] = useState(false);\n  const [savedAt, setSavedAt] = useState(0);\n  const baseline = useRef<string | null>(null);\n  const appliedKey = JSON.stringify(ctl.applied ?? null);\n\n  useEffect(() => {\n    baseline.current = null;\n    setDirty(false);\n  }, [appliedKey, savedAt]);\n\n  return {\n    dirty,\n    noteState: (state) => {\n      ctl.currentRef.current = state;\n      const key = viewStateKey(state);\n      if (baseline.current === null) {\n        baseline.current = key;\n        setDirty(false);\n        return;\n      }\n      const next = key !== baseline.current;\n      setDirty((prev) => (prev === next ? prev : next));\n    },\n    markSaved: () => setSavedAt((tick) => tick + 1),\n  };\n}\n\n/**\n * The reusable admin table (FUT-89): the DataViews grid plus the full saved-views\n * experience — a views dropdown, a save/edit modal (with preview), and a manage\n * dialog. Framework-agnostic: saved-view persistence and router side-effects are\n * INJECTED (`persistence`, `router`, `initialViewId`) so the host app wires them\n * to its backend + framework router. A default view auto-applies on load; applying\n * a view restores its filters + columns + sort. Each table supplies its own columns\n * + filter fields; everything else is shared.\n */\nexport function DataViewsTableBase<T extends Record<string, unknown>>(\n  props: DataViewsTableBaseProps<T>,\n): React.JSX.Element {\n  // Forwarded as a whole rather than restated name-by-name twice (as in\n  // DataViewsGrid): this component only ADDS the saved-views chrome, and a\n  // 30-name destructure repeated in the JSX is exactly where a newly added prop\n  // silently stops being passed on.\n  const {\n    initialViewId = null,\n    persistence,\n    router,\n    columns,\n    fields,\n    testIdPrefix = \"table\",\n    views,\n    server,\n    initialState,\n  } = props;\n  const initialView = resolveInitialView(views, initialViewId);\n  const columnIds = columns.map((col) => col.id);\n  const ctl = useSavedViewsController(persistence, router, columnIds, views, initialView, initialState);\n  // Unsaved-changes flag for the Exibir panel. Set from `onStateChange` rather\n  // than derived in render because the live state lives in a REF (the grid owns\n  // it); the equality bail-out in `setDirty` is what stops the update loop.\n  const { dirty, noteState, markSaved } = useDirtyTracking(ctl);\n  // Deleting a saved view is confirmed, not immediate — see `DeleteViewDialog`.\n  const [pendingDelete, setPendingDelete] = useState<SavedViewSummary | null>(null);\n  // The view the panel's \"Redefinir\" restores: the applied one, or the built-in\n  // \"Visão principal\" when none is.\n  const activeView = views.find((view) => view.name === ctl.activeViewName);\n  const displayView = buildDisplayView({\n    ctl,\n    views,\n    activeView,\n    dirty,\n    onRequestDelete: setPendingDelete,\n  });\n  // Server-mode lists re-apply URL-derived controls on back/forward (not just the mount seed).\n  const syncState = useUrlSyncState(server, initialState);\n\n  return (\n    <>\n      <ViewMutationErrorAlert error={ctl.mutationError} onClose={ctl.clearMutationError} testIdPrefix={testIdPrefix} />\n      <DataViewsGrid<T>\n        {...props}\n        testIdPrefix={testIdPrefix}\n        appliedState={ctl.applied}\n        syncState={syncState}\n        onStateChange={noteState}\n        // The saved-views menu is NOT a toolbar control any more: it lives in\n        // the Exibir panel's VISÃO header, passed through `displayView`.\n        displayView={displayView}\n      />\n      {renderViewDialogs(ctl, fields, columns, views, testIdPrefix, markSaved)}\n      <DeleteViewDialog\n        view={pendingDelete}\n        onClose={() => setPendingDelete(null)}\n        onConfirm={(view) => {\n          void ctl.handleDelete(view);\n          setPendingDelete(null);\n        }}\n        testIdPrefix={testIdPrefix}\n      />\n    </>\n  );\n}\n\n/** The save + manage saved-view dialogs, split out to keep the base thin. */\nfunction renderViewDialogs<T extends Record<string, unknown>>(\n  ctl: SavedViewsController,\n  fields: DataViewsTableBaseProps<T>[\"fields\"],\n  columns: DataViewsTableBaseProps<T>[\"columns\"],\n  views: SavedViewSummary[],\n  testIdPrefix: string,\n  onSaved: () => void,\n): React.JSX.Element {\n  return (\n    <ViewDialogs<T>\n      saveOpen={ctl.saveOpen}\n      onCloseSave={ctl.closeSave}\n      currentState={ctl.editing ? ctl.editing.state : ctl.currentRef.current}\n      fields={fields}\n      columns={columns}\n      editing={ctl.editing}\n      onSave={async (payload) => {\n        await ctl.handleSave(payload);\n        // The saved state is the clean one from here on.\n        onSaved();\n      }}\n      manageOpen={ctl.manageOpen}\n      onCloseManage={() => ctl.setManageOpen(false)}\n      views={views}\n      onEditFromManage={ctl.editFromManage}\n      onDelete={(view) => void ctl.handleDelete(view)}\n      testIdPrefix={testIdPrefix}\n    />\n  );\n}\n"],"mappings":"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","names":[]}