@keboola/design 11.0.1 → 11.2.0

package/COMPONENT-API.md

@@ -313,6 +313,44 @@ Source: `src/blocks/Form/connectors/TextareaField.tsx`
 | `tooltip`            | `ReactNode`                                               | no       | —       |                                                                                                                                                                                                                                                                                                                 |
 | `variant`            | `"primary" \| "secondary" \| null`                        | no       | —       |                                                                                                                                                                                                                                                                                                                 |
 
+### `MultiComboboxField`
+
+Source: `src/blocks/Form/connectors/MultiComboboxField.tsx`
+
+> Several values from a searchable list — state is `string[]`, never objects, so the form value stays what gets submitted. Project labels with `itemToLabel`; add `allowCreate` for an enum the user may extend. Imported by name from `@keboola/design`, composed inside `form.AppField` — NOT reachable as `field.MultiComboboxField`.
+
+| Prop                 | Type                                                                                                                                                                                                               | Required | Default | Description                                                                                                                                                                                                                                                                                                     |
+| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `action`             | `ReactNode`                                                                                                                                                                                                        | no       | —       | Optional node rendered at the trailing edge of the label row (opposite the label) — e.g. a "Forgot password?" link beside a Password label. Presentational placement only; it is a sibling of the `<Label>`, not part of the field's accessible name. Provide an interactive element (`ButtonInline` / `Link`). |
+| `allowClear`         | `boolean`                                                                                                                                                                                                          | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `allowCreate`        | `boolean`                                                                                                                                                                                                          | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `allowSelectAll`     | `boolean`                                                                                                                                                                                                          | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `aria-describedby`   | `string`                                                                                                                                                                                                           | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `className`          | `string`                                                                                                                                                                                                           | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `empty`              | `ReactNode`                                                                                                                                                                                                        | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `focusVariant`       | `"off" \| "on" \| "default" \| null`                                                                                                                                                                               | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `groupToLabel`       | `((group: Group<string>) => ReactNode)`                                                                                                                                                                            | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `help`               | `ReactNode`                                                                                                                                                                                                        | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `indicator`          | `Indicator`                                                                                                                                                                                                        | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `inputClassName`     | `string`                                                                                                                                                                                                           | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `items`              | `readonly (string \| Group<string>)[]`                                                                                                                                                                             | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `itemToChipColor`    | `((item: unknown) => "gray" \| "gray-darker" \| "gray-inverse" \| "green" \| "green-darker" \| "green-inverse" \| "blue" \| "blue-inverse" \| "red" \| "orange" \| "orange-inverse" \| "amber" \| ... 9 more ...)` | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `itemToChipLabel`    | `((item: unknown) => ReactNode)`                                                                                                                                                                                   | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `itemToDisabled`     | `((item: string) => boolean)`                                                                                                                                                                                      | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `itemToIcon`         | `((item: string) => ReactNode)`                                                                                                                                                                                    | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `itemToLabel`        | `((item: string) => ReactNode)`                                                                                                                                                                                    | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `itemToStringLabel`  | `((itemValue: string) => string)`                                                                                                                                                                                  | no       | —       | When the item values are objects (`<Combobox.Item value={object}>`), this function converts the object value to a string representation for display in the input. If the shape of the object is `{ value, label }`, the label will be used automatically without needing to specify this prop.                  |
+| `itemToStringValue`  | `((itemValue: string) => string)`                                                                                                                                                                                  | no       | —       | When the item values are objects (`<Combobox.Item value={object}>`), this function converts the object value to a string representation for form submission. If the shape of the object is `{ value, label }`, the value will be used automatically without needing to specify this prop.                       |
+| `label`              | `ReactNode`                                                                                                                                                                                                        | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `maxVisible`         | `number`                                                                                                                                                                                                           | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `queryToCreateLabel` | `((query: string) => ReactNode)`                                                                                                                                                                                   | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `queryToCreateValue` | `((query: string) => string)`                                                                                                                                                                                      | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `required`           | `boolean`                                                                                                                                                                                                          | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `requiredMark`       | `RequiredMark`                                                                                                                                                                                                     | no       | —       | Which marker to show beside the label — gated by `required` so it never lies: `'required'` renders `*` only when the field is `required`; `'optional'` renders `(optional)` only when it is not; `'hidden'` renders neither. Defaults to `'required'`.                                                          |
+| `sizing`             | `"small" \| "medium" \| "default" \| null`                                                                                                                                                                         | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `tooltip`            | `ReactNode`                                                                                                                                                                                                        | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `variant`            | `"primary" \| "secondary" \| null`                                                                                                                                                                                 | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+
 ### `field.CheckboxField`
 
 Source: `src/blocks/Form/connectors/CheckboxField.tsx`
@@ -354,6 +392,7 @@ Source: `src/blocks/Form/connectors/OtpInputField.tsx`
 | `containerClassName`          | `string`                        | no       | —       |                                                                                                                                                                                                                                                                                                                 |
 | `help`                        | `ReactNode`                     | no       | —       |                                                                                                                                                                                                                                                                                                                 |
 | `label`                       | `ReactNode`                     | no       | —       |                                                                                                                                                                                                                                                                                                                 |
+| `nonce`                       | `string`                        | no       | —       |                                                                                                                                                                                                                                                                                                                 |
 | `noScriptCSSFallback`         | `string \| null`                | no       | —       |                                                                                                                                                                                                                                                                                                                 |
 | `onComplete`                  | `((...args: any[]) => unknown)` | no       | —       |                                                                                                                                                                                                                                                                                                                 |
 | `pasteTransformer`            | `((pasted: string) => string)`  | no       | —       |                                                                                                                                                                                                                                                                                                                 |
@@ -537,7 +576,7 @@ Source: `src/components/Navbar/Navbar.tsx`
 
 | Prop       | Type                                        | Required | Default | Description |
 | ---------- | ------------------------------------------- | -------- | ------- | ----------- |
-| `accent`   | `"blue" \| "purple" \| "green" \| "orange"` | no       | `blue`  |             |
+| `accent`   | `"green" \| "blue" \| "orange" \| "purple"` | no       | `blue`  |             |
 | `bordered` | `boolean \| null`                           | no       | `false` |             |
 
 ## Navigation / flow

package/dist/{AIKit-Dre37SJr.js → AIKit-DiS0CVOW.js}

@@ -1,13 +1,13 @@
 import { cn } from "./classNames-BzrkDnOD.js";
 import { Tooltip, TooltipProvider } from "./utils-D0c5VAyF.js";
 import { AlertCircle, ChevronDown, ChevronLeft, ChevronRight, CircleCheck, CirclePause, CircleX, FileText, Loader2, Maximize2, Minimize2, Play, Send, X, XCircle } from "./icons-Cek151jC.js";
-import { Button } from "./Button-nzmDNS2q.js";
-import { ClipboardButton } from "./ClipboardButton-ez5V3fkk.js";
-import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "./FullScreenModal-CJa2VkJ2.js";
+import { Button } from "./Button-6xBX0nNl.js";
+import { ClipboardButton } from "./ClipboardButton-ClcluT0C.js";
+import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "./FullScreenModal-Cb3PGgh4.js";
 import { Truncated } from "./internal/components/Truncated.js";
 import { HoverCard } from "./HoverCard-WfDkLK1s.js";
-import { Command } from "./Command-CQ_bQsJp.js";
-import { TextInput } from "./TextInput-BGed-V13.js";
+import { Command } from "./Command-C0aZfVTq.js";
+import { TextInput } from "./TextInput-CMuN1WfY.js";
 import { Checkbox } from "./Checkbox-GJ8-srt4.js";
 import { Badge } from "./Badge-Ch26CXoP.js";
 import { Textarea } from "./internal/blocks/Textarea.js";
@@ -1317,4 +1317,4 @@ const UsageStats = ({ value, alert = false, children, className, ariaLabel, alig
 //#endregion
 export { AnswerSummary, CollapsibleStepHeader, InlineStepDetail, InlineStepLabel, Markdown, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, UsageStats, UsageStatsRing };
 
-//# sourceMappingURL=AIKit-Dre37SJr.js.map
+//# sourceMappingURL=AIKit-DiS0CVOW.js.map