@andreyfedkovich/cozy-ui 1.0.12 → 1.0.13

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 Формат основан на [Keep a Changelog](https://keepachangelog.com/).
 Версии соответствуют [Semantic Versioning](https://semver.org/) и git-тегам `v*`.
 
+## Unreleased
+
+- **feat:** `TreeDialogSelect` — проп `isNodeSelectable` для ограничения выбора узлов предикатом (компонуется с `leafConfirmOnly`).
+
 ## 1.0.8 - 2026-09-14
 
 - **feat:** `TreeDialogSelect` — `mode="multiple"` с независимым выбором узлов через чекбоксы, тегами в триггере и `onDelete`; `resolveSelectedPath` работает для всех выбранных значений.

package/README.md

@@ -697,6 +697,8 @@ Hierarchical picker with lazy-loaded branches and search.
 | `label`                  | `ReactNode` | Field label above the trigger.                  |
 | `tooltipContent`         | `ReactNode` | Help tooltip on the «?» icon next to the label. |
 | `tooltipPopperClassName` | `string`    | Extra class for the tooltip popper.             |
+| `leafConfirmOnly`        | `boolean`   | When true, only leaf nodes (`hasChildren !== true`) can be confirmed. |
+| `isNodeSelectable`       | `(node) => boolean` | When provided, nodes for which this returns `false` cannot be selected or confirmed. Composed with `leafConfirmOnly`. |
 | `onDelete`               | `(node) => void` | Multiple mode only — remove a selected node (tag click or uncheck in dialog). |
 | `tagRender`              | `(node) => ReactNode` | Multiple mode only — custom tag render in the trigger. |
 | `resolveSelectedPath`    | `(value) => Promise<TreeSearchResult>` | Resolves the path to the current value when the dialog opens; expands the tree, highlights the row, and scrolls it into view. In multiple mode, called for each selected value. |
@@ -713,12 +715,15 @@ import { TreeDialogSelect } from "@andreyfedkovich/cozy-ui";
   searchNodes={async (search) => ({ matches: await searchTreeWithPath(search) })}
   resolveSelectedPath={async (value) => ({ matches: await resolveTreePathById(value) })}
   leafConfirmOnly
+  isNodeSelectable={(node) => node.meta?.selectable !== false}
   onValueChange={(node) => console.log(node)}
 />;
 ```
 
 With **`leafConfirmOnly`**, the confirm button in the dialog stays disabled until a row is selected and that node’s `hasChildren` is not strictly `true` (only leaves can be confirmed). Omit the prop to allow confirming any selected node, including branches.
 
+With **`isNodeSelectable`**, you can block arbitrary nodes (e.g. by `meta`). A node is confirmable only when it passes both `leafConfirmOnly` (if set) and the predicate. Non-selectable rows are visually disabled; expanding branches still works.
+
 With **`resolveSelectedPath`**, reopening the dialog with an existing `value` expands the tree to that node, pre-selects it in the dialog, and scrolls the row into view. Works independently of `searchNodes`. In **`mode="multiple"`**, paths for all selected values are resolved in parallel.
 
 ```tsx

package/dist-lib/index.d.ts

@@ -1224,7 +1224,7 @@ export declare type TooltipTrigger = "hover" | "click";
 /** `yyyy-MM-dd` for API / form state */
 export declare const toYmdString: (d: Date) => string;
 
-export declare const TreeDialogSelect: <T, S extends string | number>({ value, placeholder, loadChildren: loadChildrenProp, loadNodes, searchNodes, resolveSelectedPath, onValueChange, onChange, onBlur, onFocus, onClear, onDelete, label, tooltipContent, tooltipPopperClassName, title, searchPlaceholder, selectButtonText, closeButtonText, confirmButtonText, debounceMs, disabled, error, suppressError, fieldMeta, showErrorPolicy, className, inputClassName, selectedOptionRender, nodeRender, tagRender, leafConfirmOnly, mode, }: TreeDialogSelectComponentProps<T, S>) => JSX.Element;
+export declare const TreeDialogSelect: <T, S extends string | number>({ value, placeholder, loadChildren: loadChildrenProp, loadNodes, searchNodes, resolveSelectedPath, onValueChange, onChange, onBlur, onFocus, onClear, onDelete, label, tooltipContent, tooltipPopperClassName, title, searchPlaceholder, selectButtonText, closeButtonText, confirmButtonText, debounceMs, disabled, error, suppressError, fieldMeta, showErrorPolicy, className, inputClassName, selectedOptionRender, nodeRender, tagRender, leafConfirmOnly, isNodeSelectable, mode, }: TreeDialogSelectComponentProps<T, S>) => JSX.Element;
 
 declare type TreeDialogSelectComponentProps<T, S extends string | number> = TreeDialogSelectProps<T, S> & {
     mode?: "single" | "multiple";
@@ -1279,6 +1279,11 @@ declare interface TreeDialogSelectShared<T, S extends string | number> extends V
      * {@link TreeNode.hasChildren} is not strictly `true` (confirm leaf nodes only).
      */
     leafConfirmOnly?: boolean;
+    /**
+     * When provided, nodes for which this returns `false` cannot be selected
+     * (or confirmed). Composed with {@link leafConfirmOnly}.
+     */
+    isNodeSelectable?: (node: TreeNode<T, S>) => boolean;
 }
 
 declare type TreeLoader<T, S extends string | number> = (params: TreeLoadParams<S>) => Promise<TreeLoadResult<T, S>>;