@flytedan/flytebot-design-system 0.3.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1404 -1182
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +90 -1
- package/dist/index.d.ts +90 -1
- package/dist/index.js +1402 -1182
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -559,6 +559,60 @@ interface DataTableProps {
|
|
|
559
559
|
}
|
|
560
560
|
declare function DataTable({ columns, rows, compact, selectedId, onRowClick, rowKey, loading, refreshing, skeletonRows, sort, onSort, className, ...rest }: DataTableProps): React.JSX.Element;
|
|
561
561
|
|
|
562
|
+
interface FilterFieldOption {
|
|
563
|
+
value: string;
|
|
564
|
+
label: string;
|
|
565
|
+
}
|
|
566
|
+
interface FilterFieldBase {
|
|
567
|
+
/** Filter id — the key this field reads/writes in `filters` and reports through
|
|
568
|
+
* onFilterChange/onFilterRemove. Matches useServerTable's setFilter(id, value). */
|
|
569
|
+
key: string;
|
|
570
|
+
/** Human label shown in the "add filter" list and on the field's chip. */
|
|
571
|
+
label: string;
|
|
572
|
+
}
|
|
573
|
+
interface FilterFieldText extends FilterFieldBase {
|
|
574
|
+
type: "text";
|
|
575
|
+
placeholder?: string;
|
|
576
|
+
}
|
|
577
|
+
interface FilterFieldSelect extends FilterFieldBase {
|
|
578
|
+
type: "select";
|
|
579
|
+
options: FilterFieldOption[];
|
|
580
|
+
}
|
|
581
|
+
/** A declared filter field. Add a variant here (and a branch below) for a new value picker. */
|
|
582
|
+
type FilterField = FilterFieldText | FilterFieldSelect;
|
|
583
|
+
interface FilterBarProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "onChange"> {
|
|
584
|
+
/** Every filter a consumer can add. Order here is the order in the "add filter" list. */
|
|
585
|
+
fields: FilterField[];
|
|
586
|
+
/** Straight off useServerTable — a value of undefined/""/false reads as "not set",
|
|
587
|
+
* same convention that hook already uses for activeFilterCount. */
|
|
588
|
+
filters: Record<string, unknown>;
|
|
589
|
+
/** Fires on every value edit. Maps 1:1 onto useServerTable's setFilter(id, value). */
|
|
590
|
+
onFilterChange: (key: string, value: unknown) => void;
|
|
591
|
+
/** Fires when a chip's × is clicked. Maps 1:1 onto useServerTable's clearFilter(id). */
|
|
592
|
+
onFilterRemove: (key: string) => void;
|
|
593
|
+
/** Which edge the "add filter" popover aligns to. Default "left" — the trigger sits
|
|
594
|
+
* at the end of a left-to-right chip row, so its menu opens under its left edge. */
|
|
595
|
+
align?: "left" | "right";
|
|
596
|
+
className?: string;
|
|
597
|
+
}
|
|
598
|
+
/**
|
|
599
|
+
* FilterBar — the declarative filter system for a server-driven list.
|
|
600
|
+
*
|
|
601
|
+
* A consumer declares fields once (`{ key, label, type: "text" | "select", ... }`) and
|
|
602
|
+
* hands this a live `filters` record plus onFilterChange/onFilterRemove — the same three
|
|
603
|
+
* things useServerTable already exposes, so wiring one up is copy-paste, not glue code.
|
|
604
|
+
* Every active filter renders as a Tag chip; this component holds no shadow copy of
|
|
605
|
+
* filter values, only the transient "which field's popover/input is open right now" UI
|
|
606
|
+
* state (`panel`), the same way SortMenu holds `open` but never sort state itself.
|
|
607
|
+
*
|
|
608
|
+
* Visual/interaction language is deliberately identical to SortMenu: a secondary Button
|
|
609
|
+
* trigger, a `fd-view-enter` panel positioned with `top: calc(100% + 6px)`, the same
|
|
610
|
+
* click-outside/Escape wiring, and the same `fd-stack`/`fd-row`/`fd-overline`/`fd-muted`/
|
|
611
|
+
* `fd-body-sm` utility classes — so this reads as built by the same hand, not a new
|
|
612
|
+
* import from elsewhere.
|
|
613
|
+
*/
|
|
614
|
+
declare function FilterBar({ fields, filters, onFilterChange, onFilterRemove, align, className, ...rest }: FilterBarProps): React.JSX.Element;
|
|
615
|
+
|
|
562
616
|
/**
|
|
563
617
|
* A flat figure tile — no shadow, no background color, never more than four in a row.
|
|
564
618
|
*/
|
|
@@ -963,6 +1017,41 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
|
|
|
963
1017
|
}
|
|
964
1018
|
declare function Input({ label, help, error, prefix, suffix, icon, numeric, required, size, loading, disabled, id, className, style, inputStyle, ...rest }: InputProps): React.JSX.Element;
|
|
965
1019
|
|
|
1020
|
+
interface SearchFieldProps {
|
|
1021
|
+
/** Current search text. */
|
|
1022
|
+
value: string;
|
|
1023
|
+
/** Fires with the new text on every keystroke — a plain string, not a raw
|
|
1024
|
+
* DOM event, so this drops in above a filterable list with zero boilerplate. */
|
|
1025
|
+
onChange: (value: string) => void;
|
|
1026
|
+
placeholder?: string;
|
|
1027
|
+
/** Fires when the clear ("x") button is pressed. Defaults to onChange(""). */
|
|
1028
|
+
onClear?: () => void;
|
|
1029
|
+
/** Applied to the outer .fd-field element — this is where width belongs. */
|
|
1030
|
+
style?: React.CSSProperties;
|
|
1031
|
+
className?: string;
|
|
1032
|
+
/** Visible field label, same as Input. Most search fields skip this and rely on placeholder. */
|
|
1033
|
+
label?: string;
|
|
1034
|
+
disabled?: boolean;
|
|
1035
|
+
id?: string;
|
|
1036
|
+
name?: string;
|
|
1037
|
+
"aria-label"?: string;
|
|
1038
|
+
}
|
|
1039
|
+
/**
|
|
1040
|
+
* SearchField — the one keyword field that belongs above a filterable list.
|
|
1041
|
+
*
|
|
1042
|
+
* A thin wrapper around Input: a magnifying-glass icon on the left (Input's
|
|
1043
|
+
* own `icon` prop) and a clear ("x") button on the right that appears only
|
|
1044
|
+
* once there's something to clear. The clear button rides in Input's
|
|
1045
|
+
* existing `suffix` slot rather than inventing new inset layout, and its
|
|
1046
|
+
* styling matches Select's clearable "x" (`ph-x-circle`, `all: unset`,
|
|
1047
|
+
* `text-muted`) so every clear affordance in the kit looks the same.
|
|
1048
|
+
*
|
|
1049
|
+
* Controlled, string-in/string-out. Debouncing is the consumer's job (or a
|
|
1050
|
+
* future concern) — building it in here would be hidden behavior a caller
|
|
1051
|
+
* can't see or override.
|
|
1052
|
+
*/
|
|
1053
|
+
declare function SearchField({ value, onChange, placeholder, onClear, style, className, label, disabled, id, name, ...rest }: SearchFieldProps): React.JSX.Element;
|
|
1054
|
+
|
|
966
1055
|
/** Multi-line field. Same chrome as Input; vertical resize only. */
|
|
967
1056
|
interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
968
1057
|
label?: string;
|
|
@@ -2747,4 +2836,4 @@ interface VersionStore<TState, TDiff = unknown> {
|
|
|
2747
2836
|
}
|
|
2748
2837
|
declare function createVersionStore<TState, TDiff = unknown>(initialState: TState, options?: CreateVersionStoreOptions<TState, TDiff>): VersionStore<TState, TDiff>;
|
|
2749
2838
|
|
|
2750
|
-
export { AccountMenu, type AccountMenuLink, type AccountMenuProps, AgentChatPanel, type AgentChatPanelProps, ApiSpecBrowser, type ApiSpecBrowserProps, type Attachment, Avatar, type AvatarProps, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, BudgetReallocator, type BudgetReallocatorProps, Button, type ButtonProps, CHANNELS, CHANNEL_WEIGHTS, CHAT_UNAVAILABLE, Calendar, type CalendarProps, Card, type CardProps, CardRow, type CardRowProps, ChannelContribution, type ChannelContributionChannel, type ChannelContributionProps, ChannelMeta, type ChannelMetaRecord, ChannelTag, type ChannelTagProps, ChannelWeightOf, type ChatAdapter, ChatComposer, type ChatComposerProps, type ChatEngine, type ChatEngineOptions, ChatKit, type ChatMessage, type ChatRenderContext, ChatSessionBar, type ChatSessionBarProps, ChatTranscript, type ChatTranscriptProps, ChatTurn, type ChatTurnProps, Checkbox, type CheckboxProps, type Citation, Citations, type CitationsProps, Clamp, type ClampProps, ClockFace, type ClockFaceProps, CodeBlock, type CodeBlockProps, Collapsible, type CollapsibleProps, ComingSoon, type ComingSoonProps, type ContextUsage, type CreateVersionStoreOptions, CsiBadge, type CsiBadgeProps, CsiHero, type CsiHeroProps, CsiMeter, type CsiMeterProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, type DeviceSession, DiffBlock, type DiffBlockProps, Drawer, type DrawerProps, Dropzone, DropzoneKit, type DropzoneProps, type EditorTrigger, EmptyState, type EmptyStateProps, type EndpointSpec, FeatureGate, type FeatureGateProps, type FeatureStatus, FileChip, type FileChipProps, FileGrid, type FileGridProps, FileKit, FilePickButton, type FilePickButtonProps, type FileRejection, FileStrip, type FileStripProps, FileTile, type FileTileProps, type FileUploadHandler, Flag$1 as Flag, type FlagExplanation, type FlagProps, FlytedeskBrand, type FlytedeskBrandProps, FlytedeskMark, type FlytedeskMarkProps, FormatEta, Gate, type GateProps, IconButton, type IconButtonProps, Input, type InputProps, type JobStatus, Json, KeyHint, type KeyHintProps, type ListEnvelope, LoadingRegion, type LoadingRegionProps, Markdown, MarkdownEditor, type MarkdownEditorHandle, type MarkdownEditorProps, MarkdownInline, type MarkdownProps, type MentionSource, Menu, MenuButton, type MenuButtonProps, type MenuItem, type MenuProps, MessageBody, type MessageBodyProps, type MessageGroup, Meter, type MeterProps, type MeterSegment, type MeterSegmentInput, MixGap, type MixGapProps, type MixGapRow, MockJobKit, type MockJobStatus, Modal, type ModalProps, ModeSwitch, type ModeSwitchProps, type Model, ModelControls, type ModelControlsProps, NumberInput, type NumberInputProps, type Packet, PacketCard, type PacketCardProps, type PacketSchema, type Pager, Pagination, type PaginationProps, PermissionDenied, type PermissionDeniedProps, type PermissionGroup, PermissionHint, type PermissionItem, type Placement, type PollOptions, Popover, type PopoverProps, ProfilePage, type ProfilePageProps, ProgressBar, type ProgressBarProps, QueryKit, type QueuedTurn, QuotaRow, type QuotaRowProps, Radio, type RadioProps, RangeSlider, type RangeSliderProps, RelativeTime, type RelativeTimeProps, type RoadmapItem, type RoadmapResult, RoadmapTimeline, type RoadmapTimelineProps, type Role, RunActions, type RunActionsProps, type RunConfig, RuntimeKit, type RuntimeSummary, SaturationDistribution, type SaturationDistributionCampus, type SaturationDistributionProps, SegmentedControl, type SegmentedControlProps, SegmentedMeter, type SegmentedMeterProps, Select, type SelectOption, type SelectProps, type SendMessageResult, type ServerTable, type Session, type Flag as SessionFlag, SessionKit, type SessionStats, SidebarNav, type SidebarNavItem, type SidebarNavProps, Skeleton, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SlashCommand, Slider, type SliderProps, SortMenu, type SortMenuField, type SortMenuProps, type SpecModule, Spinner, type SpinnerProps, StatTile, type StatTileProps, type Step, StepList, type StepListProps, type StreamHandlers, type Suggestion, SurroundSound, type SurroundSoundProps, Switch, type SwitchProps, type TableQuery, Tabs, type TabsProps, Tag, type TagProps, TestModeBar, type TestModeBarProps, Textarea, type TextareaProps, ThinkingBlock, type ThinkingBlockProps, type ThreadSummary, TimePicker, type TimePickerProps, Toast, type ToastProps, Tooltip, type TooltipProps, Topbar, type TopbarProps, TranscriptKit, type UsageLimit, UseFeatureStatus, UseRuntimeMode, type UseServerTableOptions, type User, type VersionRecord, type VersionStore, type VoiceHandler, acceptMatches, anyOfFilter, channelWeightOf, createVersionStore, eqFilter, extensionOf, extractClipboardFiles, filterFiles, formatAbsolute, formatBytes, formatClock, formatDuration, formatEta, formatRelative, groupMessages, hasModifier, iconForMime, isImage, isSystemMessage, jobBucket, languageLabel, markdownToText, meterFormats, modifierLabel, pastedTextName, rangeFilter, revokeAttachment, toAttachment, tokenize, useChatEngine, useFeatureStatus, usePopoverPosition, useRuntimeMode, useServerTable, useStagedFiles, visibleMessages };
|
|
2839
|
+
export { AccountMenu, type AccountMenuLink, type AccountMenuProps, AgentChatPanel, type AgentChatPanelProps, ApiSpecBrowser, type ApiSpecBrowserProps, type Attachment, Avatar, type AvatarProps, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, BudgetReallocator, type BudgetReallocatorProps, Button, type ButtonProps, CHANNELS, CHANNEL_WEIGHTS, CHAT_UNAVAILABLE, Calendar, type CalendarProps, Card, type CardProps, CardRow, type CardRowProps, ChannelContribution, type ChannelContributionChannel, type ChannelContributionProps, ChannelMeta, type ChannelMetaRecord, ChannelTag, type ChannelTagProps, ChannelWeightOf, type ChatAdapter, ChatComposer, type ChatComposerProps, type ChatEngine, type ChatEngineOptions, ChatKit, type ChatMessage, type ChatRenderContext, ChatSessionBar, type ChatSessionBarProps, ChatTranscript, type ChatTranscriptProps, ChatTurn, type ChatTurnProps, Checkbox, type CheckboxProps, type Citation, Citations, type CitationsProps, Clamp, type ClampProps, ClockFace, type ClockFaceProps, CodeBlock, type CodeBlockProps, Collapsible, type CollapsibleProps, ComingSoon, type ComingSoonProps, type ContextUsage, type CreateVersionStoreOptions, CsiBadge, type CsiBadgeProps, CsiHero, type CsiHeroProps, CsiMeter, type CsiMeterProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, type DeviceSession, DiffBlock, type DiffBlockProps, Drawer, type DrawerProps, Dropzone, DropzoneKit, type DropzoneProps, type EditorTrigger, EmptyState, type EmptyStateProps, type EndpointSpec, FeatureGate, type FeatureGateProps, type FeatureStatus, FileChip, type FileChipProps, FileGrid, type FileGridProps, FileKit, FilePickButton, type FilePickButtonProps, type FileRejection, FileStrip, type FileStripProps, FileTile, type FileTileProps, type FileUploadHandler, FilterBar, type FilterBarProps, type FilterField, type FilterFieldOption, type FilterFieldSelect, type FilterFieldText, Flag$1 as Flag, type FlagExplanation, type FlagProps, FlytedeskBrand, type FlytedeskBrandProps, FlytedeskMark, type FlytedeskMarkProps, FormatEta, Gate, type GateProps, IconButton, type IconButtonProps, Input, type InputProps, type JobStatus, Json, KeyHint, type KeyHintProps, type ListEnvelope, LoadingRegion, type LoadingRegionProps, Markdown, MarkdownEditor, type MarkdownEditorHandle, type MarkdownEditorProps, MarkdownInline, type MarkdownProps, type MentionSource, Menu, MenuButton, type MenuButtonProps, type MenuItem, type MenuProps, MessageBody, type MessageBodyProps, type MessageGroup, Meter, type MeterProps, type MeterSegment, type MeterSegmentInput, MixGap, type MixGapProps, type MixGapRow, MockJobKit, type MockJobStatus, Modal, type ModalProps, ModeSwitch, type ModeSwitchProps, type Model, ModelControls, type ModelControlsProps, NumberInput, type NumberInputProps, type Packet, PacketCard, type PacketCardProps, type PacketSchema, type Pager, Pagination, type PaginationProps, PermissionDenied, type PermissionDeniedProps, type PermissionGroup, PermissionHint, type PermissionItem, type Placement, type PollOptions, Popover, type PopoverProps, ProfilePage, type ProfilePageProps, ProgressBar, type ProgressBarProps, QueryKit, type QueuedTurn, QuotaRow, type QuotaRowProps, Radio, type RadioProps, RangeSlider, type RangeSliderProps, RelativeTime, type RelativeTimeProps, type RoadmapItem, type RoadmapResult, RoadmapTimeline, type RoadmapTimelineProps, type Role, RunActions, type RunActionsProps, type RunConfig, RuntimeKit, type RuntimeSummary, SaturationDistribution, type SaturationDistributionCampus, type SaturationDistributionProps, SearchField, type SearchFieldProps, SegmentedControl, type SegmentedControlProps, SegmentedMeter, type SegmentedMeterProps, Select, type SelectOption, type SelectProps, type SendMessageResult, type ServerTable, type Session, type Flag as SessionFlag, SessionKit, type SessionStats, SidebarNav, type SidebarNavItem, type SidebarNavProps, Skeleton, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SlashCommand, Slider, type SliderProps, SortMenu, type SortMenuField, type SortMenuProps, type SpecModule, Spinner, type SpinnerProps, StatTile, type StatTileProps, type Step, StepList, type StepListProps, type StreamHandlers, type Suggestion, SurroundSound, type SurroundSoundProps, Switch, type SwitchProps, type TableQuery, Tabs, type TabsProps, Tag, type TagProps, TestModeBar, type TestModeBarProps, Textarea, type TextareaProps, ThinkingBlock, type ThinkingBlockProps, type ThreadSummary, TimePicker, type TimePickerProps, Toast, type ToastProps, Tooltip, type TooltipProps, Topbar, type TopbarProps, TranscriptKit, type UsageLimit, UseFeatureStatus, UseRuntimeMode, type UseServerTableOptions, type User, type VersionRecord, type VersionStore, type VoiceHandler, acceptMatches, anyOfFilter, channelWeightOf, createVersionStore, eqFilter, extensionOf, extractClipboardFiles, filterFiles, formatAbsolute, formatBytes, formatClock, formatDuration, formatEta, formatRelative, groupMessages, hasModifier, iconForMime, isImage, isSystemMessage, jobBucket, languageLabel, markdownToText, meterFormats, modifierLabel, pastedTextName, rangeFilter, revokeAttachment, toAttachment, tokenize, useChatEngine, useFeatureStatus, usePopoverPosition, useRuntimeMode, useServerTable, useStagedFiles, visibleMessages };
|
package/dist/index.d.ts
CHANGED
|
@@ -559,6 +559,60 @@ interface DataTableProps {
|
|
|
559
559
|
}
|
|
560
560
|
declare function DataTable({ columns, rows, compact, selectedId, onRowClick, rowKey, loading, refreshing, skeletonRows, sort, onSort, className, ...rest }: DataTableProps): React.JSX.Element;
|
|
561
561
|
|
|
562
|
+
interface FilterFieldOption {
|
|
563
|
+
value: string;
|
|
564
|
+
label: string;
|
|
565
|
+
}
|
|
566
|
+
interface FilterFieldBase {
|
|
567
|
+
/** Filter id — the key this field reads/writes in `filters` and reports through
|
|
568
|
+
* onFilterChange/onFilterRemove. Matches useServerTable's setFilter(id, value). */
|
|
569
|
+
key: string;
|
|
570
|
+
/** Human label shown in the "add filter" list and on the field's chip. */
|
|
571
|
+
label: string;
|
|
572
|
+
}
|
|
573
|
+
interface FilterFieldText extends FilterFieldBase {
|
|
574
|
+
type: "text";
|
|
575
|
+
placeholder?: string;
|
|
576
|
+
}
|
|
577
|
+
interface FilterFieldSelect extends FilterFieldBase {
|
|
578
|
+
type: "select";
|
|
579
|
+
options: FilterFieldOption[];
|
|
580
|
+
}
|
|
581
|
+
/** A declared filter field. Add a variant here (and a branch below) for a new value picker. */
|
|
582
|
+
type FilterField = FilterFieldText | FilterFieldSelect;
|
|
583
|
+
interface FilterBarProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "onChange"> {
|
|
584
|
+
/** Every filter a consumer can add. Order here is the order in the "add filter" list. */
|
|
585
|
+
fields: FilterField[];
|
|
586
|
+
/** Straight off useServerTable — a value of undefined/""/false reads as "not set",
|
|
587
|
+
* same convention that hook already uses for activeFilterCount. */
|
|
588
|
+
filters: Record<string, unknown>;
|
|
589
|
+
/** Fires on every value edit. Maps 1:1 onto useServerTable's setFilter(id, value). */
|
|
590
|
+
onFilterChange: (key: string, value: unknown) => void;
|
|
591
|
+
/** Fires when a chip's × is clicked. Maps 1:1 onto useServerTable's clearFilter(id). */
|
|
592
|
+
onFilterRemove: (key: string) => void;
|
|
593
|
+
/** Which edge the "add filter" popover aligns to. Default "left" — the trigger sits
|
|
594
|
+
* at the end of a left-to-right chip row, so its menu opens under its left edge. */
|
|
595
|
+
align?: "left" | "right";
|
|
596
|
+
className?: string;
|
|
597
|
+
}
|
|
598
|
+
/**
|
|
599
|
+
* FilterBar — the declarative filter system for a server-driven list.
|
|
600
|
+
*
|
|
601
|
+
* A consumer declares fields once (`{ key, label, type: "text" | "select", ... }`) and
|
|
602
|
+
* hands this a live `filters` record plus onFilterChange/onFilterRemove — the same three
|
|
603
|
+
* things useServerTable already exposes, so wiring one up is copy-paste, not glue code.
|
|
604
|
+
* Every active filter renders as a Tag chip; this component holds no shadow copy of
|
|
605
|
+
* filter values, only the transient "which field's popover/input is open right now" UI
|
|
606
|
+
* state (`panel`), the same way SortMenu holds `open` but never sort state itself.
|
|
607
|
+
*
|
|
608
|
+
* Visual/interaction language is deliberately identical to SortMenu: a secondary Button
|
|
609
|
+
* trigger, a `fd-view-enter` panel positioned with `top: calc(100% + 6px)`, the same
|
|
610
|
+
* click-outside/Escape wiring, and the same `fd-stack`/`fd-row`/`fd-overline`/`fd-muted`/
|
|
611
|
+
* `fd-body-sm` utility classes — so this reads as built by the same hand, not a new
|
|
612
|
+
* import from elsewhere.
|
|
613
|
+
*/
|
|
614
|
+
declare function FilterBar({ fields, filters, onFilterChange, onFilterRemove, align, className, ...rest }: FilterBarProps): React.JSX.Element;
|
|
615
|
+
|
|
562
616
|
/**
|
|
563
617
|
* A flat figure tile — no shadow, no background color, never more than four in a row.
|
|
564
618
|
*/
|
|
@@ -963,6 +1017,41 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
|
|
|
963
1017
|
}
|
|
964
1018
|
declare function Input({ label, help, error, prefix, suffix, icon, numeric, required, size, loading, disabled, id, className, style, inputStyle, ...rest }: InputProps): React.JSX.Element;
|
|
965
1019
|
|
|
1020
|
+
interface SearchFieldProps {
|
|
1021
|
+
/** Current search text. */
|
|
1022
|
+
value: string;
|
|
1023
|
+
/** Fires with the new text on every keystroke — a plain string, not a raw
|
|
1024
|
+
* DOM event, so this drops in above a filterable list with zero boilerplate. */
|
|
1025
|
+
onChange: (value: string) => void;
|
|
1026
|
+
placeholder?: string;
|
|
1027
|
+
/** Fires when the clear ("x") button is pressed. Defaults to onChange(""). */
|
|
1028
|
+
onClear?: () => void;
|
|
1029
|
+
/** Applied to the outer .fd-field element — this is where width belongs. */
|
|
1030
|
+
style?: React.CSSProperties;
|
|
1031
|
+
className?: string;
|
|
1032
|
+
/** Visible field label, same as Input. Most search fields skip this and rely on placeholder. */
|
|
1033
|
+
label?: string;
|
|
1034
|
+
disabled?: boolean;
|
|
1035
|
+
id?: string;
|
|
1036
|
+
name?: string;
|
|
1037
|
+
"aria-label"?: string;
|
|
1038
|
+
}
|
|
1039
|
+
/**
|
|
1040
|
+
* SearchField — the one keyword field that belongs above a filterable list.
|
|
1041
|
+
*
|
|
1042
|
+
* A thin wrapper around Input: a magnifying-glass icon on the left (Input's
|
|
1043
|
+
* own `icon` prop) and a clear ("x") button on the right that appears only
|
|
1044
|
+
* once there's something to clear. The clear button rides in Input's
|
|
1045
|
+
* existing `suffix` slot rather than inventing new inset layout, and its
|
|
1046
|
+
* styling matches Select's clearable "x" (`ph-x-circle`, `all: unset`,
|
|
1047
|
+
* `text-muted`) so every clear affordance in the kit looks the same.
|
|
1048
|
+
*
|
|
1049
|
+
* Controlled, string-in/string-out. Debouncing is the consumer's job (or a
|
|
1050
|
+
* future concern) — building it in here would be hidden behavior a caller
|
|
1051
|
+
* can't see or override.
|
|
1052
|
+
*/
|
|
1053
|
+
declare function SearchField({ value, onChange, placeholder, onClear, style, className, label, disabled, id, name, ...rest }: SearchFieldProps): React.JSX.Element;
|
|
1054
|
+
|
|
966
1055
|
/** Multi-line field. Same chrome as Input; vertical resize only. */
|
|
967
1056
|
interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
968
1057
|
label?: string;
|
|
@@ -2747,4 +2836,4 @@ interface VersionStore<TState, TDiff = unknown> {
|
|
|
2747
2836
|
}
|
|
2748
2837
|
declare function createVersionStore<TState, TDiff = unknown>(initialState: TState, options?: CreateVersionStoreOptions<TState, TDiff>): VersionStore<TState, TDiff>;
|
|
2749
2838
|
|
|
2750
|
-
export { AccountMenu, type AccountMenuLink, type AccountMenuProps, AgentChatPanel, type AgentChatPanelProps, ApiSpecBrowser, type ApiSpecBrowserProps, type Attachment, Avatar, type AvatarProps, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, BudgetReallocator, type BudgetReallocatorProps, Button, type ButtonProps, CHANNELS, CHANNEL_WEIGHTS, CHAT_UNAVAILABLE, Calendar, type CalendarProps, Card, type CardProps, CardRow, type CardRowProps, ChannelContribution, type ChannelContributionChannel, type ChannelContributionProps, ChannelMeta, type ChannelMetaRecord, ChannelTag, type ChannelTagProps, ChannelWeightOf, type ChatAdapter, ChatComposer, type ChatComposerProps, type ChatEngine, type ChatEngineOptions, ChatKit, type ChatMessage, type ChatRenderContext, ChatSessionBar, type ChatSessionBarProps, ChatTranscript, type ChatTranscriptProps, ChatTurn, type ChatTurnProps, Checkbox, type CheckboxProps, type Citation, Citations, type CitationsProps, Clamp, type ClampProps, ClockFace, type ClockFaceProps, CodeBlock, type CodeBlockProps, Collapsible, type CollapsibleProps, ComingSoon, type ComingSoonProps, type ContextUsage, type CreateVersionStoreOptions, CsiBadge, type CsiBadgeProps, CsiHero, type CsiHeroProps, CsiMeter, type CsiMeterProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, type DeviceSession, DiffBlock, type DiffBlockProps, Drawer, type DrawerProps, Dropzone, DropzoneKit, type DropzoneProps, type EditorTrigger, EmptyState, type EmptyStateProps, type EndpointSpec, FeatureGate, type FeatureGateProps, type FeatureStatus, FileChip, type FileChipProps, FileGrid, type FileGridProps, FileKit, FilePickButton, type FilePickButtonProps, type FileRejection, FileStrip, type FileStripProps, FileTile, type FileTileProps, type FileUploadHandler, Flag$1 as Flag, type FlagExplanation, type FlagProps, FlytedeskBrand, type FlytedeskBrandProps, FlytedeskMark, type FlytedeskMarkProps, FormatEta, Gate, type GateProps, IconButton, type IconButtonProps, Input, type InputProps, type JobStatus, Json, KeyHint, type KeyHintProps, type ListEnvelope, LoadingRegion, type LoadingRegionProps, Markdown, MarkdownEditor, type MarkdownEditorHandle, type MarkdownEditorProps, MarkdownInline, type MarkdownProps, type MentionSource, Menu, MenuButton, type MenuButtonProps, type MenuItem, type MenuProps, MessageBody, type MessageBodyProps, type MessageGroup, Meter, type MeterProps, type MeterSegment, type MeterSegmentInput, MixGap, type MixGapProps, type MixGapRow, MockJobKit, type MockJobStatus, Modal, type ModalProps, ModeSwitch, type ModeSwitchProps, type Model, ModelControls, type ModelControlsProps, NumberInput, type NumberInputProps, type Packet, PacketCard, type PacketCardProps, type PacketSchema, type Pager, Pagination, type PaginationProps, PermissionDenied, type PermissionDeniedProps, type PermissionGroup, PermissionHint, type PermissionItem, type Placement, type PollOptions, Popover, type PopoverProps, ProfilePage, type ProfilePageProps, ProgressBar, type ProgressBarProps, QueryKit, type QueuedTurn, QuotaRow, type QuotaRowProps, Radio, type RadioProps, RangeSlider, type RangeSliderProps, RelativeTime, type RelativeTimeProps, type RoadmapItem, type RoadmapResult, RoadmapTimeline, type RoadmapTimelineProps, type Role, RunActions, type RunActionsProps, type RunConfig, RuntimeKit, type RuntimeSummary, SaturationDistribution, type SaturationDistributionCampus, type SaturationDistributionProps, SegmentedControl, type SegmentedControlProps, SegmentedMeter, type SegmentedMeterProps, Select, type SelectOption, type SelectProps, type SendMessageResult, type ServerTable, type Session, type Flag as SessionFlag, SessionKit, type SessionStats, SidebarNav, type SidebarNavItem, type SidebarNavProps, Skeleton, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SlashCommand, Slider, type SliderProps, SortMenu, type SortMenuField, type SortMenuProps, type SpecModule, Spinner, type SpinnerProps, StatTile, type StatTileProps, type Step, StepList, type StepListProps, type StreamHandlers, type Suggestion, SurroundSound, type SurroundSoundProps, Switch, type SwitchProps, type TableQuery, Tabs, type TabsProps, Tag, type TagProps, TestModeBar, type TestModeBarProps, Textarea, type TextareaProps, ThinkingBlock, type ThinkingBlockProps, type ThreadSummary, TimePicker, type TimePickerProps, Toast, type ToastProps, Tooltip, type TooltipProps, Topbar, type TopbarProps, TranscriptKit, type UsageLimit, UseFeatureStatus, UseRuntimeMode, type UseServerTableOptions, type User, type VersionRecord, type VersionStore, type VoiceHandler, acceptMatches, anyOfFilter, channelWeightOf, createVersionStore, eqFilter, extensionOf, extractClipboardFiles, filterFiles, formatAbsolute, formatBytes, formatClock, formatDuration, formatEta, formatRelative, groupMessages, hasModifier, iconForMime, isImage, isSystemMessage, jobBucket, languageLabel, markdownToText, meterFormats, modifierLabel, pastedTextName, rangeFilter, revokeAttachment, toAttachment, tokenize, useChatEngine, useFeatureStatus, usePopoverPosition, useRuntimeMode, useServerTable, useStagedFiles, visibleMessages };
|
|
2839
|
+
export { AccountMenu, type AccountMenuLink, type AccountMenuProps, AgentChatPanel, type AgentChatPanelProps, ApiSpecBrowser, type ApiSpecBrowserProps, type Attachment, Avatar, type AvatarProps, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, BudgetReallocator, type BudgetReallocatorProps, Button, type ButtonProps, CHANNELS, CHANNEL_WEIGHTS, CHAT_UNAVAILABLE, Calendar, type CalendarProps, Card, type CardProps, CardRow, type CardRowProps, ChannelContribution, type ChannelContributionChannel, type ChannelContributionProps, ChannelMeta, type ChannelMetaRecord, ChannelTag, type ChannelTagProps, ChannelWeightOf, type ChatAdapter, ChatComposer, type ChatComposerProps, type ChatEngine, type ChatEngineOptions, ChatKit, type ChatMessage, type ChatRenderContext, ChatSessionBar, type ChatSessionBarProps, ChatTranscript, type ChatTranscriptProps, ChatTurn, type ChatTurnProps, Checkbox, type CheckboxProps, type Citation, Citations, type CitationsProps, Clamp, type ClampProps, ClockFace, type ClockFaceProps, CodeBlock, type CodeBlockProps, Collapsible, type CollapsibleProps, ComingSoon, type ComingSoonProps, type ContextUsage, type CreateVersionStoreOptions, CsiBadge, type CsiBadgeProps, CsiHero, type CsiHeroProps, CsiMeter, type CsiMeterProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, type DeviceSession, DiffBlock, type DiffBlockProps, Drawer, type DrawerProps, Dropzone, DropzoneKit, type DropzoneProps, type EditorTrigger, EmptyState, type EmptyStateProps, type EndpointSpec, FeatureGate, type FeatureGateProps, type FeatureStatus, FileChip, type FileChipProps, FileGrid, type FileGridProps, FileKit, FilePickButton, type FilePickButtonProps, type FileRejection, FileStrip, type FileStripProps, FileTile, type FileTileProps, type FileUploadHandler, FilterBar, type FilterBarProps, type FilterField, type FilterFieldOption, type FilterFieldSelect, type FilterFieldText, Flag$1 as Flag, type FlagExplanation, type FlagProps, FlytedeskBrand, type FlytedeskBrandProps, FlytedeskMark, type FlytedeskMarkProps, FormatEta, Gate, type GateProps, IconButton, type IconButtonProps, Input, type InputProps, type JobStatus, Json, KeyHint, type KeyHintProps, type ListEnvelope, LoadingRegion, type LoadingRegionProps, Markdown, MarkdownEditor, type MarkdownEditorHandle, type MarkdownEditorProps, MarkdownInline, type MarkdownProps, type MentionSource, Menu, MenuButton, type MenuButtonProps, type MenuItem, type MenuProps, MessageBody, type MessageBodyProps, type MessageGroup, Meter, type MeterProps, type MeterSegment, type MeterSegmentInput, MixGap, type MixGapProps, type MixGapRow, MockJobKit, type MockJobStatus, Modal, type ModalProps, ModeSwitch, type ModeSwitchProps, type Model, ModelControls, type ModelControlsProps, NumberInput, type NumberInputProps, type Packet, PacketCard, type PacketCardProps, type PacketSchema, type Pager, Pagination, type PaginationProps, PermissionDenied, type PermissionDeniedProps, type PermissionGroup, PermissionHint, type PermissionItem, type Placement, type PollOptions, Popover, type PopoverProps, ProfilePage, type ProfilePageProps, ProgressBar, type ProgressBarProps, QueryKit, type QueuedTurn, QuotaRow, type QuotaRowProps, Radio, type RadioProps, RangeSlider, type RangeSliderProps, RelativeTime, type RelativeTimeProps, type RoadmapItem, type RoadmapResult, RoadmapTimeline, type RoadmapTimelineProps, type Role, RunActions, type RunActionsProps, type RunConfig, RuntimeKit, type RuntimeSummary, SaturationDistribution, type SaturationDistributionCampus, type SaturationDistributionProps, SearchField, type SearchFieldProps, SegmentedControl, type SegmentedControlProps, SegmentedMeter, type SegmentedMeterProps, Select, type SelectOption, type SelectProps, type SendMessageResult, type ServerTable, type Session, type Flag as SessionFlag, SessionKit, type SessionStats, SidebarNav, type SidebarNavItem, type SidebarNavProps, Skeleton, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SlashCommand, Slider, type SliderProps, SortMenu, type SortMenuField, type SortMenuProps, type SpecModule, Spinner, type SpinnerProps, StatTile, type StatTileProps, type Step, StepList, type StepListProps, type StreamHandlers, type Suggestion, SurroundSound, type SurroundSoundProps, Switch, type SwitchProps, type TableQuery, Tabs, type TabsProps, Tag, type TagProps, TestModeBar, type TestModeBarProps, Textarea, type TextareaProps, ThinkingBlock, type ThinkingBlockProps, type ThreadSummary, TimePicker, type TimePickerProps, Toast, type ToastProps, Tooltip, type TooltipProps, Topbar, type TopbarProps, TranscriptKit, type UsageLimit, UseFeatureStatus, UseRuntimeMode, type UseServerTableOptions, type User, type VersionRecord, type VersionStore, type VoiceHandler, acceptMatches, anyOfFilter, channelWeightOf, createVersionStore, eqFilter, extensionOf, extractClipboardFiles, filterFiles, formatAbsolute, formatBytes, formatClock, formatDuration, formatEta, formatRelative, groupMessages, hasModifier, iconForMime, isImage, isSystemMessage, jobBucket, languageLabel, markdownToText, meterFormats, modifierLabel, pastedTextName, rangeFilter, revokeAttachment, toAttachment, tokenize, useChatEngine, useFeatureStatus, usePopoverPosition, useRuntimeMode, useServerTable, useStagedFiles, visibleMessages };
|