@nurix/ui-component-library 1.1.7-stage.140 → 1.1.7-stage.142
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.d.mts +108 -4
- package/dist/index.d.ts +108 -4
- package/dist/index.js +3501 -2932
- package/dist/index.mjs +3566 -2997
- package/dist/styles.css +9 -0
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -8,7 +8,7 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
|
8
8
|
import { Toaster as Toaster$1 } from 'sonner';
|
|
9
9
|
import { LucideIcon } from 'lucide-react';
|
|
10
10
|
import { Schema } from 'ajv';
|
|
11
|
-
import { OnMount } from '@monaco-editor/react';
|
|
11
|
+
import { BeforeMount, OnMount } from '@monaco-editor/react';
|
|
12
12
|
|
|
13
13
|
type ButtonBorderRadius = "none" | "soft" | "rounded" | "nestedLeft" | "nestedMiddle" | "nestedRight";
|
|
14
14
|
type ButtonVariant = "primary" | "secondary" | "destructive" | "warning" | "outline" | "link" | "iconPrimary" | "iconSecondary" | "iconOutline" | "iconLink";
|
|
@@ -60,7 +60,36 @@ type InputForceState = "active" | "focussed" | "disabled";
|
|
|
60
60
|
* - `sm`: 32px height — compact use (filter dropdowns, toolbars).
|
|
61
61
|
*/
|
|
62
62
|
type InputSize = "md" | "sm";
|
|
63
|
+
/**
|
|
64
|
+
* A single autocomplete entry offered inside the input while typing.
|
|
65
|
+
* Domain-agnostic — callers supply the list and how each entry inserts.
|
|
66
|
+
*/
|
|
67
|
+
interface InputSuggestion {
|
|
68
|
+
/** Row label shown in the dropdown, e.g. `${workflow.input.email}`. */
|
|
69
|
+
label: string;
|
|
70
|
+
/** Text inserted when chosen. Replaces the typed trigger + partial after it. */
|
|
71
|
+
insertText: string;
|
|
72
|
+
/** Short secondary text shown on the dropdown row (e.g. "Lead property"). */
|
|
73
|
+
detail?: string;
|
|
74
|
+
}
|
|
63
75
|
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
76
|
+
/**
|
|
77
|
+
* Optional autocomplete entries offered while typing. The dropdown opens when
|
|
78
|
+
* the user types `suggestionTrigger` (default `"${"`). Leave undefined to keep
|
|
79
|
+
* the input as a plain text field (no behavior change).
|
|
80
|
+
*/
|
|
81
|
+
suggestions?: InputSuggestion[];
|
|
82
|
+
/** Trigger string that opens the suggestions dropdown. Defaults to `"${"`. */
|
|
83
|
+
suggestionTrigger?: string;
|
|
84
|
+
/**
|
|
85
|
+
* When provided, typing the trigger calls this instead of showing the inline
|
|
86
|
+
* dropdown — the consumer (e.g. a side-panel picker) gets an `insert` fn that
|
|
87
|
+
* replaces the active `${…}` token. Suppresses the inline dropdown.
|
|
88
|
+
*/
|
|
89
|
+
onVariableTrigger?: (ctx: {
|
|
90
|
+
insert: (text: string) => void;
|
|
91
|
+
reason: "trigger" | "focus";
|
|
92
|
+
}) => void;
|
|
64
93
|
/**
|
|
65
94
|
* Optional label shown above the field.
|
|
66
95
|
*/
|
|
@@ -205,6 +234,23 @@ declare const InputGroup: React$1.ForwardRefExoticComponent<InputGroupProps & Re
|
|
|
205
234
|
type TextareaBorderRadius = "none" | "soft" | "rounded" | "pill";
|
|
206
235
|
type TextareaForceState = "active" | "focussed" | "disabled";
|
|
207
236
|
interface TextareaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "style"> {
|
|
237
|
+
/**
|
|
238
|
+
* Optional autocomplete entries offered while typing. The dropdown opens when
|
|
239
|
+
* the user types `suggestionTrigger` (default `"${"`). Leave undefined to keep
|
|
240
|
+
* the textarea plain (no behavior change).
|
|
241
|
+
*/
|
|
242
|
+
suggestions?: InputSuggestion[];
|
|
243
|
+
/** Trigger string that opens the suggestions dropdown. Defaults to `"${"`. */
|
|
244
|
+
suggestionTrigger?: string;
|
|
245
|
+
/**
|
|
246
|
+
* When provided, typing the trigger calls this instead of showing the inline
|
|
247
|
+
* dropdown — the consumer gets an `insert` fn that replaces the active `${…}`
|
|
248
|
+
* token. Suppresses the inline dropdown.
|
|
249
|
+
*/
|
|
250
|
+
onVariableTrigger?: (ctx: {
|
|
251
|
+
insert: (text: string) => void;
|
|
252
|
+
reason: "trigger" | "focus";
|
|
253
|
+
}) => void;
|
|
208
254
|
/**
|
|
209
255
|
* Optional label shown above the field.
|
|
210
256
|
*/
|
|
@@ -3107,6 +3153,21 @@ declare const Spinner: React$1.ForwardRefExoticComponent<SpinnerProps & React$1.
|
|
|
3107
3153
|
*/
|
|
3108
3154
|
type JsonEditorLanguage = "json" | "javascript" | "typescript" | "yaml" | "xml" | "html" | "css" | "markdown" | "sql" | "plaintext";
|
|
3109
3155
|
declare const JSON_EDITOR_LANGUAGE_OPTIONS: readonly JsonEditorLanguage[];
|
|
3156
|
+
/**
|
|
3157
|
+
* A single autocomplete entry offered inside the editor while typing.
|
|
3158
|
+
* The editor stays domain-agnostic — callers supply whatever list they want
|
|
3159
|
+
* (e.g. workflow variable references) and how each entry is inserted.
|
|
3160
|
+
*/
|
|
3161
|
+
interface JsonEditorSuggestion {
|
|
3162
|
+
/** Text shown as the row label in the dropdown, e.g. `${workflow.input.email}`. */
|
|
3163
|
+
label: string;
|
|
3164
|
+
/** Text inserted when chosen. Replaces the typed trigger and any partial after it. */
|
|
3165
|
+
insertText: string;
|
|
3166
|
+
/** Short secondary text shown on the dropdown row (e.g. "Start input · string"). */
|
|
3167
|
+
detail?: string;
|
|
3168
|
+
/** Longer description shown in the dropdown's details pane. */
|
|
3169
|
+
documentation?: string;
|
|
3170
|
+
}
|
|
3110
3171
|
interface JsonEditorProps {
|
|
3111
3172
|
value: string;
|
|
3112
3173
|
onChange: (val: string) => void;
|
|
@@ -3116,16 +3177,36 @@ interface JsonEditorProps {
|
|
|
3116
3177
|
schema?: Schema;
|
|
3117
3178
|
nodeId?: string;
|
|
3118
3179
|
language?: JsonEditorLanguage;
|
|
3180
|
+
/** Render the editor read-only (Monaco `readOnly`). The value is still shown
|
|
3181
|
+
* and selectable/copyable, but not editable. */
|
|
3182
|
+
readOnly?: boolean;
|
|
3119
3183
|
showExpandButton?: boolean;
|
|
3120
3184
|
/** When true, hide the header/toolbar (for embedding in KeyValueJsonEditor). */
|
|
3121
3185
|
hideHeader?: boolean;
|
|
3186
|
+
/**
|
|
3187
|
+
* Optional autocomplete entries offered while typing. The suggestions dropdown
|
|
3188
|
+
* opens when the user types `suggestionTrigger` (default `"${"`). Leave undefined
|
|
3189
|
+
* to disable autocomplete entirely.
|
|
3190
|
+
*/
|
|
3191
|
+
suggestions?: JsonEditorSuggestion[];
|
|
3192
|
+
/** Trigger string that opens the suggestions dropdown. Defaults to `"${"`. */
|
|
3193
|
+
suggestionTrigger?: string;
|
|
3194
|
+
/**
|
|
3195
|
+
* When provided, typing the trigger calls this instead of showing the inline
|
|
3196
|
+
* completion widget — the consumer gets an `insert` fn that replaces the
|
|
3197
|
+
* active `${…}` token. Suppresses the inline completion.
|
|
3198
|
+
*/
|
|
3199
|
+
onVariableTrigger?: (ctx: {
|
|
3200
|
+
insert: (text: string) => void;
|
|
3201
|
+
reason: "trigger" | "focus";
|
|
3202
|
+
}) => void;
|
|
3122
3203
|
/**
|
|
3123
3204
|
* Optional `data-testid` for Playwright. Defaults to `"input"` if omitted.
|
|
3124
3205
|
*/
|
|
3125
3206
|
"data-testid"?: string;
|
|
3126
3207
|
}
|
|
3127
3208
|
|
|
3128
|
-
declare function JsonEditor({ value, onChange, onParsedObject, height, label, schema, nodeId, language, showExpandButton, hideHeader, "data-testid": dataTestId, }: JsonEditorProps): react_jsx_runtime.JSX.Element;
|
|
3209
|
+
declare function JsonEditor({ value, onChange, onParsedObject, height, label, schema, nodeId, language, readOnly, showExpandButton, hideHeader, suggestions, suggestionTrigger, onVariableTrigger, "data-testid": dataTestId, }: JsonEditorProps): react_jsx_runtime.JSX.Element;
|
|
3129
3210
|
|
|
3130
3211
|
interface UseJsonEditorParams {
|
|
3131
3212
|
value: string;
|
|
@@ -3134,8 +3215,15 @@ interface UseJsonEditorParams {
|
|
|
3134
3215
|
schema?: Schema;
|
|
3135
3216
|
nodeId?: string;
|
|
3136
3217
|
language?: JsonEditorLanguage;
|
|
3218
|
+
suggestions?: JsonEditorSuggestion[];
|
|
3219
|
+
suggestionTrigger?: string;
|
|
3220
|
+
onVariableTrigger?: (ctx: {
|
|
3221
|
+
insert: (text: string) => void;
|
|
3222
|
+
reason: "trigger" | "focus";
|
|
3223
|
+
}) => void;
|
|
3137
3224
|
}
|
|
3138
|
-
declare function useJsonEditor({ value, onChange, onParsedObject, schema, nodeId, language, }: UseJsonEditorParams): {
|
|
3225
|
+
declare function useJsonEditor({ value, onChange, onParsedObject, schema, nodeId, language, suggestions, suggestionTrigger, onVariableTrigger, }: UseJsonEditorParams): {
|
|
3226
|
+
handleBeforeMount: BeforeMount;
|
|
3139
3227
|
handleMount: OnMount;
|
|
3140
3228
|
handleExpandedMount: OnMount;
|
|
3141
3229
|
handleChange: (val: string | undefined) => void;
|
|
@@ -3182,6 +3270,14 @@ declare const MONACO_OPTIONS: {
|
|
|
3182
3270
|
readonly horizontalScrollbarSize: 6;
|
|
3183
3271
|
readonly arrowSize: 0;
|
|
3184
3272
|
};
|
|
3273
|
+
quickSuggestions: {
|
|
3274
|
+
readonly other: true;
|
|
3275
|
+
readonly comments: false;
|
|
3276
|
+
readonly strings: true;
|
|
3277
|
+
};
|
|
3278
|
+
suggestOnTriggerCharacters: true;
|
|
3279
|
+
wordBasedSuggestions: "off";
|
|
3280
|
+
fixedOverflowWidgets: true;
|
|
3185
3281
|
};
|
|
3186
3282
|
/** Dialog editor: tighter padding, slightly larger font for readability in expanded view */
|
|
3187
3283
|
declare const MONACO_OPTIONS_DIALOG: {
|
|
@@ -3219,6 +3315,14 @@ declare const MONACO_OPTIONS_DIALOG: {
|
|
|
3219
3315
|
readonly horizontalScrollbarSize: 6;
|
|
3220
3316
|
readonly arrowSize: 0;
|
|
3221
3317
|
};
|
|
3318
|
+
quickSuggestions: {
|
|
3319
|
+
readonly other: true;
|
|
3320
|
+
readonly comments: false;
|
|
3321
|
+
readonly strings: true;
|
|
3322
|
+
};
|
|
3323
|
+
suggestOnTriggerCharacters: true;
|
|
3324
|
+
wordBasedSuggestions: "off";
|
|
3325
|
+
fixedOverflowWidgets: true;
|
|
3222
3326
|
};
|
|
3223
3327
|
|
|
3224
3328
|
interface KeyValuePair {
|
|
@@ -4167,4 +4271,4 @@ declare const RuleBuilderConnector: React$1.ForwardRefExoticComponent<RuleBuilde
|
|
|
4167
4271
|
*/
|
|
4168
4272
|
declare const RuleBuilderAddCondition: React$1.ForwardRefExoticComponent<RuleBuilderAddConditionProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
4169
4273
|
|
|
4170
|
-
export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionSectionTrigger, type AccordionSectionTriggerProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, AudioPlayer, type AudioPlayerProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, ButtonList, type ButtonListItem, type ButtonListProps, type ButtonProps, type ButtonSize, type ButtonVariant, type CellContent, type CellTextContent, ChatBubbleAgent, type ChatBubbleAgentProps, ChatBubbleUser, type ChatBubbleUserProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularBadge, type CircularBadgeProps, type CircularBadgeSize, type ColumnDef, ColumnWidth, CompoundFilterSelect, type CompoundFilterSelectProps, type CompoundFilterToggleOption, DEFAULT_DATE_PRESETS, DEFAULT_THEME, DataTable, type DataTableProps, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, type DatePickerMode, type DatePreset as DatePickerPreset, type DatePickerProps, type DatePickerSize, type DatePreset$1 as DatePreset, type DateRange, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateIllustrationPosition, type EmptyStateIllustrationSize, type EmptyStateProps, FileInput, type FileInputProps, type FilterItem, type FilterItemWithSection, FilterListItem, type FilterListItemProps, FilterSelect, type FilterSelectProps, type IconColor, IconPicker, type IconPickerProps, type IconSize, IconWrapper, type IconWrapperProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, type InputVariant, JSON_EDITOR_LANGUAGE_OPTIONS, JsonEditor, type JsonEditorLanguage, type JsonEditorProps, KeyValueEditor, type KeyValueEditorProps, type KeyValuePair, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListNavItemProps, ListNavigation, type ListNavigationProps, type ListProps, type ListType, type ListVariant, MONACO_OPTIONS, MONACO_OPTIONS_DIALOG, MultiSelect, type MultiSelectItem, type MultiSelectProps, NestedButtonGroup, type NestedButtonGroupProps, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, Pagination, type PaginationProps, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, Popover, type PopoverAlign, type PopoverProps, type PopoverShadow, type PopoverSide, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RuleBuilder, RuleBuilderAddCondition, type RuleBuilderAddConditionProps, RuleBuilderClause, type RuleBuilderClauseProps, RuleBuilderCondition, type RuleBuilderConditionProps, RuleBuilderConnector, type RuleBuilderConnectorProps, type RuleBuilderProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, SidePanel, type SidePanelProps, type SidePanelSize, Slider, type SliderProps, type SortDirection, type SortState, Spinner, type SpinnerProps, type SpinnerSize, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Surface, type SurfaceBackground, SurfaceBody, type SurfaceBodyProps, SurfaceFooter, type SurfaceFooterProps, type SurfaceGradient, type SurfaceGradientPosition, SurfaceHeader, type SurfaceHeaderProps, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, type TabVariant, type TableAction, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagBadge, type TagBadgeProps, type TagOption, Textarea, type TextareaBorderRadius, type TextareaForceState, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Toggle, ToggleItem, type ToggleItemProps, type ToggleProps, type ToggleType, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographySize, type TypographyTone, type TypographyVariant, type TypographyWeight, type UsePlaySelectProps, type UseSelectProps, WEEKLY_SCHEDULE_DAYS, WeeklySchedule, type WeeklyScheduleDay, type WeeklyScheduleDayKey, type WeeklyScheduleProps, type WeeklyScheduleValue, type WeeklyTimeSlot, createEmptyWeeklySchedule, enhanceJsonError, showToast, useJsonEditor, usePlaySelect, useSelect, useTheme };
|
|
4274
|
+
export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionSectionTrigger, type AccordionSectionTriggerProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, AudioPlayer, type AudioPlayerProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, ButtonList, type ButtonListItem, type ButtonListProps, type ButtonProps, type ButtonSize, type ButtonVariant, type CellContent, type CellTextContent, ChatBubbleAgent, type ChatBubbleAgentProps, ChatBubbleUser, type ChatBubbleUserProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularBadge, type CircularBadgeProps, type CircularBadgeSize, type ColumnDef, ColumnWidth, CompoundFilterSelect, type CompoundFilterSelectProps, type CompoundFilterToggleOption, DEFAULT_DATE_PRESETS, DEFAULT_THEME, DataTable, type DataTableProps, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, type DatePickerMode, type DatePreset as DatePickerPreset, type DatePickerProps, type DatePickerSize, type DatePreset$1 as DatePreset, type DateRange, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateIllustrationPosition, type EmptyStateIllustrationSize, type EmptyStateProps, FileInput, type FileInputProps, type FilterItem, type FilterItemWithSection, FilterListItem, type FilterListItemProps, FilterSelect, type FilterSelectProps, type IconColor, IconPicker, type IconPickerProps, type IconSize, IconWrapper, type IconWrapperProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, type InputVariant, JSON_EDITOR_LANGUAGE_OPTIONS, JsonEditor, type JsonEditorLanguage, type JsonEditorProps, type JsonEditorSuggestion, KeyValueEditor, type KeyValueEditorProps, type KeyValuePair, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListNavItemProps, ListNavigation, type ListNavigationProps, type ListProps, type ListType, type ListVariant, MONACO_OPTIONS, MONACO_OPTIONS_DIALOG, MultiSelect, type MultiSelectItem, type MultiSelectProps, NestedButtonGroup, type NestedButtonGroupProps, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, Pagination, type PaginationProps, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, Popover, type PopoverAlign, type PopoverProps, type PopoverShadow, type PopoverSide, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RuleBuilder, RuleBuilderAddCondition, type RuleBuilderAddConditionProps, RuleBuilderClause, type RuleBuilderClauseProps, RuleBuilderCondition, type RuleBuilderConditionProps, RuleBuilderConnector, type RuleBuilderConnectorProps, type RuleBuilderProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, SidePanel, type SidePanelProps, type SidePanelSize, Slider, type SliderProps, type SortDirection, type SortState, Spinner, type SpinnerProps, type SpinnerSize, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Surface, type SurfaceBackground, SurfaceBody, type SurfaceBodyProps, SurfaceFooter, type SurfaceFooterProps, type SurfaceGradient, type SurfaceGradientPosition, SurfaceHeader, type SurfaceHeaderProps, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, type TabVariant, type TableAction, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagBadge, type TagBadgeProps, type TagOption, Textarea, type TextareaBorderRadius, type TextareaForceState, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Toggle, ToggleItem, type ToggleItemProps, type ToggleProps, type ToggleType, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographySize, type TypographyTone, type TypographyVariant, type TypographyWeight, type UsePlaySelectProps, type UseSelectProps, WEEKLY_SCHEDULE_DAYS, WeeklySchedule, type WeeklyScheduleDay, type WeeklyScheduleDayKey, type WeeklyScheduleProps, type WeeklyScheduleValue, type WeeklyTimeSlot, createEmptyWeeklySchedule, enhanceJsonError, showToast, useJsonEditor, usePlaySelect, useSelect, useTheme };
|
package/dist/index.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
|
8
8
|
import { Toaster as Toaster$1 } from 'sonner';
|
|
9
9
|
import { LucideIcon } from 'lucide-react';
|
|
10
10
|
import { Schema } from 'ajv';
|
|
11
|
-
import { OnMount } from '@monaco-editor/react';
|
|
11
|
+
import { BeforeMount, OnMount } from '@monaco-editor/react';
|
|
12
12
|
|
|
13
13
|
type ButtonBorderRadius = "none" | "soft" | "rounded" | "nestedLeft" | "nestedMiddle" | "nestedRight";
|
|
14
14
|
type ButtonVariant = "primary" | "secondary" | "destructive" | "warning" | "outline" | "link" | "iconPrimary" | "iconSecondary" | "iconOutline" | "iconLink";
|
|
@@ -60,7 +60,36 @@ type InputForceState = "active" | "focussed" | "disabled";
|
|
|
60
60
|
* - `sm`: 32px height — compact use (filter dropdowns, toolbars).
|
|
61
61
|
*/
|
|
62
62
|
type InputSize = "md" | "sm";
|
|
63
|
+
/**
|
|
64
|
+
* A single autocomplete entry offered inside the input while typing.
|
|
65
|
+
* Domain-agnostic — callers supply the list and how each entry inserts.
|
|
66
|
+
*/
|
|
67
|
+
interface InputSuggestion {
|
|
68
|
+
/** Row label shown in the dropdown, e.g. `${workflow.input.email}`. */
|
|
69
|
+
label: string;
|
|
70
|
+
/** Text inserted when chosen. Replaces the typed trigger + partial after it. */
|
|
71
|
+
insertText: string;
|
|
72
|
+
/** Short secondary text shown on the dropdown row (e.g. "Lead property"). */
|
|
73
|
+
detail?: string;
|
|
74
|
+
}
|
|
63
75
|
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
76
|
+
/**
|
|
77
|
+
* Optional autocomplete entries offered while typing. The dropdown opens when
|
|
78
|
+
* the user types `suggestionTrigger` (default `"${"`). Leave undefined to keep
|
|
79
|
+
* the input as a plain text field (no behavior change).
|
|
80
|
+
*/
|
|
81
|
+
suggestions?: InputSuggestion[];
|
|
82
|
+
/** Trigger string that opens the suggestions dropdown. Defaults to `"${"`. */
|
|
83
|
+
suggestionTrigger?: string;
|
|
84
|
+
/**
|
|
85
|
+
* When provided, typing the trigger calls this instead of showing the inline
|
|
86
|
+
* dropdown — the consumer (e.g. a side-panel picker) gets an `insert` fn that
|
|
87
|
+
* replaces the active `${…}` token. Suppresses the inline dropdown.
|
|
88
|
+
*/
|
|
89
|
+
onVariableTrigger?: (ctx: {
|
|
90
|
+
insert: (text: string) => void;
|
|
91
|
+
reason: "trigger" | "focus";
|
|
92
|
+
}) => void;
|
|
64
93
|
/**
|
|
65
94
|
* Optional label shown above the field.
|
|
66
95
|
*/
|
|
@@ -205,6 +234,23 @@ declare const InputGroup: React$1.ForwardRefExoticComponent<InputGroupProps & Re
|
|
|
205
234
|
type TextareaBorderRadius = "none" | "soft" | "rounded" | "pill";
|
|
206
235
|
type TextareaForceState = "active" | "focussed" | "disabled";
|
|
207
236
|
interface TextareaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "style"> {
|
|
237
|
+
/**
|
|
238
|
+
* Optional autocomplete entries offered while typing. The dropdown opens when
|
|
239
|
+
* the user types `suggestionTrigger` (default `"${"`). Leave undefined to keep
|
|
240
|
+
* the textarea plain (no behavior change).
|
|
241
|
+
*/
|
|
242
|
+
suggestions?: InputSuggestion[];
|
|
243
|
+
/** Trigger string that opens the suggestions dropdown. Defaults to `"${"`. */
|
|
244
|
+
suggestionTrigger?: string;
|
|
245
|
+
/**
|
|
246
|
+
* When provided, typing the trigger calls this instead of showing the inline
|
|
247
|
+
* dropdown — the consumer gets an `insert` fn that replaces the active `${…}`
|
|
248
|
+
* token. Suppresses the inline dropdown.
|
|
249
|
+
*/
|
|
250
|
+
onVariableTrigger?: (ctx: {
|
|
251
|
+
insert: (text: string) => void;
|
|
252
|
+
reason: "trigger" | "focus";
|
|
253
|
+
}) => void;
|
|
208
254
|
/**
|
|
209
255
|
* Optional label shown above the field.
|
|
210
256
|
*/
|
|
@@ -3107,6 +3153,21 @@ declare const Spinner: React$1.ForwardRefExoticComponent<SpinnerProps & React$1.
|
|
|
3107
3153
|
*/
|
|
3108
3154
|
type JsonEditorLanguage = "json" | "javascript" | "typescript" | "yaml" | "xml" | "html" | "css" | "markdown" | "sql" | "plaintext";
|
|
3109
3155
|
declare const JSON_EDITOR_LANGUAGE_OPTIONS: readonly JsonEditorLanguage[];
|
|
3156
|
+
/**
|
|
3157
|
+
* A single autocomplete entry offered inside the editor while typing.
|
|
3158
|
+
* The editor stays domain-agnostic — callers supply whatever list they want
|
|
3159
|
+
* (e.g. workflow variable references) and how each entry is inserted.
|
|
3160
|
+
*/
|
|
3161
|
+
interface JsonEditorSuggestion {
|
|
3162
|
+
/** Text shown as the row label in the dropdown, e.g. `${workflow.input.email}`. */
|
|
3163
|
+
label: string;
|
|
3164
|
+
/** Text inserted when chosen. Replaces the typed trigger and any partial after it. */
|
|
3165
|
+
insertText: string;
|
|
3166
|
+
/** Short secondary text shown on the dropdown row (e.g. "Start input · string"). */
|
|
3167
|
+
detail?: string;
|
|
3168
|
+
/** Longer description shown in the dropdown's details pane. */
|
|
3169
|
+
documentation?: string;
|
|
3170
|
+
}
|
|
3110
3171
|
interface JsonEditorProps {
|
|
3111
3172
|
value: string;
|
|
3112
3173
|
onChange: (val: string) => void;
|
|
@@ -3116,16 +3177,36 @@ interface JsonEditorProps {
|
|
|
3116
3177
|
schema?: Schema;
|
|
3117
3178
|
nodeId?: string;
|
|
3118
3179
|
language?: JsonEditorLanguage;
|
|
3180
|
+
/** Render the editor read-only (Monaco `readOnly`). The value is still shown
|
|
3181
|
+
* and selectable/copyable, but not editable. */
|
|
3182
|
+
readOnly?: boolean;
|
|
3119
3183
|
showExpandButton?: boolean;
|
|
3120
3184
|
/** When true, hide the header/toolbar (for embedding in KeyValueJsonEditor). */
|
|
3121
3185
|
hideHeader?: boolean;
|
|
3186
|
+
/**
|
|
3187
|
+
* Optional autocomplete entries offered while typing. The suggestions dropdown
|
|
3188
|
+
* opens when the user types `suggestionTrigger` (default `"${"`). Leave undefined
|
|
3189
|
+
* to disable autocomplete entirely.
|
|
3190
|
+
*/
|
|
3191
|
+
suggestions?: JsonEditorSuggestion[];
|
|
3192
|
+
/** Trigger string that opens the suggestions dropdown. Defaults to `"${"`. */
|
|
3193
|
+
suggestionTrigger?: string;
|
|
3194
|
+
/**
|
|
3195
|
+
* When provided, typing the trigger calls this instead of showing the inline
|
|
3196
|
+
* completion widget — the consumer gets an `insert` fn that replaces the
|
|
3197
|
+
* active `${…}` token. Suppresses the inline completion.
|
|
3198
|
+
*/
|
|
3199
|
+
onVariableTrigger?: (ctx: {
|
|
3200
|
+
insert: (text: string) => void;
|
|
3201
|
+
reason: "trigger" | "focus";
|
|
3202
|
+
}) => void;
|
|
3122
3203
|
/**
|
|
3123
3204
|
* Optional `data-testid` for Playwright. Defaults to `"input"` if omitted.
|
|
3124
3205
|
*/
|
|
3125
3206
|
"data-testid"?: string;
|
|
3126
3207
|
}
|
|
3127
3208
|
|
|
3128
|
-
declare function JsonEditor({ value, onChange, onParsedObject, height, label, schema, nodeId, language, showExpandButton, hideHeader, "data-testid": dataTestId, }: JsonEditorProps): react_jsx_runtime.JSX.Element;
|
|
3209
|
+
declare function JsonEditor({ value, onChange, onParsedObject, height, label, schema, nodeId, language, readOnly, showExpandButton, hideHeader, suggestions, suggestionTrigger, onVariableTrigger, "data-testid": dataTestId, }: JsonEditorProps): react_jsx_runtime.JSX.Element;
|
|
3129
3210
|
|
|
3130
3211
|
interface UseJsonEditorParams {
|
|
3131
3212
|
value: string;
|
|
@@ -3134,8 +3215,15 @@ interface UseJsonEditorParams {
|
|
|
3134
3215
|
schema?: Schema;
|
|
3135
3216
|
nodeId?: string;
|
|
3136
3217
|
language?: JsonEditorLanguage;
|
|
3218
|
+
suggestions?: JsonEditorSuggestion[];
|
|
3219
|
+
suggestionTrigger?: string;
|
|
3220
|
+
onVariableTrigger?: (ctx: {
|
|
3221
|
+
insert: (text: string) => void;
|
|
3222
|
+
reason: "trigger" | "focus";
|
|
3223
|
+
}) => void;
|
|
3137
3224
|
}
|
|
3138
|
-
declare function useJsonEditor({ value, onChange, onParsedObject, schema, nodeId, language, }: UseJsonEditorParams): {
|
|
3225
|
+
declare function useJsonEditor({ value, onChange, onParsedObject, schema, nodeId, language, suggestions, suggestionTrigger, onVariableTrigger, }: UseJsonEditorParams): {
|
|
3226
|
+
handleBeforeMount: BeforeMount;
|
|
3139
3227
|
handleMount: OnMount;
|
|
3140
3228
|
handleExpandedMount: OnMount;
|
|
3141
3229
|
handleChange: (val: string | undefined) => void;
|
|
@@ -3182,6 +3270,14 @@ declare const MONACO_OPTIONS: {
|
|
|
3182
3270
|
readonly horizontalScrollbarSize: 6;
|
|
3183
3271
|
readonly arrowSize: 0;
|
|
3184
3272
|
};
|
|
3273
|
+
quickSuggestions: {
|
|
3274
|
+
readonly other: true;
|
|
3275
|
+
readonly comments: false;
|
|
3276
|
+
readonly strings: true;
|
|
3277
|
+
};
|
|
3278
|
+
suggestOnTriggerCharacters: true;
|
|
3279
|
+
wordBasedSuggestions: "off";
|
|
3280
|
+
fixedOverflowWidgets: true;
|
|
3185
3281
|
};
|
|
3186
3282
|
/** Dialog editor: tighter padding, slightly larger font for readability in expanded view */
|
|
3187
3283
|
declare const MONACO_OPTIONS_DIALOG: {
|
|
@@ -3219,6 +3315,14 @@ declare const MONACO_OPTIONS_DIALOG: {
|
|
|
3219
3315
|
readonly horizontalScrollbarSize: 6;
|
|
3220
3316
|
readonly arrowSize: 0;
|
|
3221
3317
|
};
|
|
3318
|
+
quickSuggestions: {
|
|
3319
|
+
readonly other: true;
|
|
3320
|
+
readonly comments: false;
|
|
3321
|
+
readonly strings: true;
|
|
3322
|
+
};
|
|
3323
|
+
suggestOnTriggerCharacters: true;
|
|
3324
|
+
wordBasedSuggestions: "off";
|
|
3325
|
+
fixedOverflowWidgets: true;
|
|
3222
3326
|
};
|
|
3223
3327
|
|
|
3224
3328
|
interface KeyValuePair {
|
|
@@ -4167,4 +4271,4 @@ declare const RuleBuilderConnector: React$1.ForwardRefExoticComponent<RuleBuilde
|
|
|
4167
4271
|
*/
|
|
4168
4272
|
declare const RuleBuilderAddCondition: React$1.ForwardRefExoticComponent<RuleBuilderAddConditionProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
4169
4273
|
|
|
4170
|
-
export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionSectionTrigger, type AccordionSectionTriggerProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, AudioPlayer, type AudioPlayerProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, ButtonList, type ButtonListItem, type ButtonListProps, type ButtonProps, type ButtonSize, type ButtonVariant, type CellContent, type CellTextContent, ChatBubbleAgent, type ChatBubbleAgentProps, ChatBubbleUser, type ChatBubbleUserProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularBadge, type CircularBadgeProps, type CircularBadgeSize, type ColumnDef, ColumnWidth, CompoundFilterSelect, type CompoundFilterSelectProps, type CompoundFilterToggleOption, DEFAULT_DATE_PRESETS, DEFAULT_THEME, DataTable, type DataTableProps, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, type DatePickerMode, type DatePreset as DatePickerPreset, type DatePickerProps, type DatePickerSize, type DatePreset$1 as DatePreset, type DateRange, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateIllustrationPosition, type EmptyStateIllustrationSize, type EmptyStateProps, FileInput, type FileInputProps, type FilterItem, type FilterItemWithSection, FilterListItem, type FilterListItemProps, FilterSelect, type FilterSelectProps, type IconColor, IconPicker, type IconPickerProps, type IconSize, IconWrapper, type IconWrapperProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, type InputVariant, JSON_EDITOR_LANGUAGE_OPTIONS, JsonEditor, type JsonEditorLanguage, type JsonEditorProps, KeyValueEditor, type KeyValueEditorProps, type KeyValuePair, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListNavItemProps, ListNavigation, type ListNavigationProps, type ListProps, type ListType, type ListVariant, MONACO_OPTIONS, MONACO_OPTIONS_DIALOG, MultiSelect, type MultiSelectItem, type MultiSelectProps, NestedButtonGroup, type NestedButtonGroupProps, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, Pagination, type PaginationProps, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, Popover, type PopoverAlign, type PopoverProps, type PopoverShadow, type PopoverSide, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RuleBuilder, RuleBuilderAddCondition, type RuleBuilderAddConditionProps, RuleBuilderClause, type RuleBuilderClauseProps, RuleBuilderCondition, type RuleBuilderConditionProps, RuleBuilderConnector, type RuleBuilderConnectorProps, type RuleBuilderProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, SidePanel, type SidePanelProps, type SidePanelSize, Slider, type SliderProps, type SortDirection, type SortState, Spinner, type SpinnerProps, type SpinnerSize, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Surface, type SurfaceBackground, SurfaceBody, type SurfaceBodyProps, SurfaceFooter, type SurfaceFooterProps, type SurfaceGradient, type SurfaceGradientPosition, SurfaceHeader, type SurfaceHeaderProps, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, type TabVariant, type TableAction, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagBadge, type TagBadgeProps, type TagOption, Textarea, type TextareaBorderRadius, type TextareaForceState, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Toggle, ToggleItem, type ToggleItemProps, type ToggleProps, type ToggleType, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographySize, type TypographyTone, type TypographyVariant, type TypographyWeight, type UsePlaySelectProps, type UseSelectProps, WEEKLY_SCHEDULE_DAYS, WeeklySchedule, type WeeklyScheduleDay, type WeeklyScheduleDayKey, type WeeklyScheduleProps, type WeeklyScheduleValue, type WeeklyTimeSlot, createEmptyWeeklySchedule, enhanceJsonError, showToast, useJsonEditor, usePlaySelect, useSelect, useTheme };
|
|
4274
|
+
export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionSectionTrigger, type AccordionSectionTriggerProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, AudioPlayer, type AudioPlayerProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, ButtonList, type ButtonListItem, type ButtonListProps, type ButtonProps, type ButtonSize, type ButtonVariant, type CellContent, type CellTextContent, ChatBubbleAgent, type ChatBubbleAgentProps, ChatBubbleUser, type ChatBubbleUserProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularBadge, type CircularBadgeProps, type CircularBadgeSize, type ColumnDef, ColumnWidth, CompoundFilterSelect, type CompoundFilterSelectProps, type CompoundFilterToggleOption, DEFAULT_DATE_PRESETS, DEFAULT_THEME, DataTable, type DataTableProps, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, type DatePickerMode, type DatePreset as DatePickerPreset, type DatePickerProps, type DatePickerSize, type DatePreset$1 as DatePreset, type DateRange, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateIllustrationPosition, type EmptyStateIllustrationSize, type EmptyStateProps, FileInput, type FileInputProps, type FilterItem, type FilterItemWithSection, FilterListItem, type FilterListItemProps, FilterSelect, type FilterSelectProps, type IconColor, IconPicker, type IconPickerProps, type IconSize, IconWrapper, type IconWrapperProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, type InputVariant, JSON_EDITOR_LANGUAGE_OPTIONS, JsonEditor, type JsonEditorLanguage, type JsonEditorProps, type JsonEditorSuggestion, KeyValueEditor, type KeyValueEditorProps, type KeyValuePair, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListNavItemProps, ListNavigation, type ListNavigationProps, type ListProps, type ListType, type ListVariant, MONACO_OPTIONS, MONACO_OPTIONS_DIALOG, MultiSelect, type MultiSelectItem, type MultiSelectProps, NestedButtonGroup, type NestedButtonGroupProps, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, Pagination, type PaginationProps, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, Popover, type PopoverAlign, type PopoverProps, type PopoverShadow, type PopoverSide, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RuleBuilder, RuleBuilderAddCondition, type RuleBuilderAddConditionProps, RuleBuilderClause, type RuleBuilderClauseProps, RuleBuilderCondition, type RuleBuilderConditionProps, RuleBuilderConnector, type RuleBuilderConnectorProps, type RuleBuilderProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, SidePanel, type SidePanelProps, type SidePanelSize, Slider, type SliderProps, type SortDirection, type SortState, Spinner, type SpinnerProps, type SpinnerSize, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Surface, type SurfaceBackground, SurfaceBody, type SurfaceBodyProps, SurfaceFooter, type SurfaceFooterProps, type SurfaceGradient, type SurfaceGradientPosition, SurfaceHeader, type SurfaceHeaderProps, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, type TabVariant, type TableAction, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagBadge, type TagBadgeProps, type TagOption, Textarea, type TextareaBorderRadius, type TextareaForceState, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Toggle, ToggleItem, type ToggleItemProps, type ToggleProps, type ToggleType, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographySize, type TypographyTone, type TypographyVariant, type TypographyWeight, type UsePlaySelectProps, type UseSelectProps, WEEKLY_SCHEDULE_DAYS, WeeklySchedule, type WeeklyScheduleDay, type WeeklyScheduleDayKey, type WeeklyScheduleProps, type WeeklyScheduleValue, type WeeklyTimeSlot, createEmptyWeeklySchedule, enhanceJsonError, showToast, useJsonEditor, usePlaySelect, useSelect, useTheme };
|