@veltrixsecops/app-sdk 3.2.0 → 3.5.0

package/dist/ui/index.d.ts

@@ -452,6 +452,114 @@ interface FormDialogProps {
  * </FormDialog>
  */
 declare const FormDialog: React.FC<FormDialogProps>;
+type ModalSize = 'sm' | 'md' | 'lg' | 'xl';
+interface ModalProps {
+    /** Controls visibility. Renders nothing when `false`. */
+    isOpen: boolean;
+    /** Called on backdrop click (unless disabled), Escape, and the X button. */
+    onClose: () => void;
+    /** Heading rendered at the top of the modal. */
+    title?: React.ReactNode;
+    /** Secondary line rendered under the title. */
+    subtitle?: React.ReactNode;
+    /** Modal body. */
+    children: React.ReactNode;
+    /** Optional footer content (e.g. action buttons), rendered in a tinted bar. */
+    footer?: React.ReactNode;
+    size?: ModalSize;
+    /** When true, clicking the backdrop no longer closes the modal. */
+    disableBackdropClose?: boolean;
+    /** When true, Escape no longer closes the modal. */
+    disableEscapeClose?: boolean;
+    /** Hide the top-right close (X) button. */
+    hideCloseButton?: boolean;
+    /** Accessible label for the close button. Defaults to "Close". */
+    closeLabel?: string;
+    className?: string;
+}
+/**
+ * Modal — delegates to the platform's real Modal at render time: a coordinated
+ * overlay shell with a `title` + `subtitle` header, a scrollable body, and an
+ * optional `footer` action bar. The general-purpose sibling of {@link FormDialog}
+ * (form) and the confirm dialog (yes/no) — use it for detail/wizard/picker
+ * overlays. Selects and other popovers rendered inside it float above the body,
+ * so their menus are never clipped. The fallback is a minimal, accessible,
+ * non-throwing shell for local dev / tests.
+ *
+ * @example
+ * <Modal isOpen={open} onClose={close} title="Choose a region" subtitle="Where should this live?"
+ *   footer={<Button onClick={close}>Done</Button>}>
+ *   <Select label="Region" options={regions} value={region} onChange={setRegion} />
+ * </Modal>
+ */
+declare const Modal: React.FC<ModalProps>;
+type AlertVariant = 'info' | 'success' | 'warning' | 'danger';
+interface AlertProps {
+    /** Severity — drives color and default icon. Defaults to `info`. */
+    variant?: AlertVariant;
+    /** Optional bold heading above the message. */
+    title?: React.ReactNode;
+    /** The message body. */
+    children?: React.ReactNode;
+    /** Override the default icon, or pass `false` to hide it. */
+    icon?: React.ReactNode | false;
+    /** When provided, renders a dismiss (X) button that calls this. */
+    onDismiss?: () => void;
+    /** Optional trailing action (e.g. a link or button). */
+    action?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Alert — delegates to the platform's real Alert at render time: an inline,
+ * static severity banner for warnings, errors, tips and success notices in the
+ * page/form body. For transient pop-up notifications use {@link useToast}
+ * instead (its `variant` supports the same `warning`/`error`/`success`/`info`).
+ * The fallback is a minimal, accessible colored banner for local dev / tests.
+ *
+ * @example
+ * <Alert variant="warning" title="Heads up">
+ *   Distributed deployments need at least 3 indexers.
+ * </Alert>
+ */
+declare const Alert: React.FC<AlertProps>;
+type MultiSelectSize = 'sm' | 'md' | 'lg';
+interface MultiSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface MultiSelectProps {
+    options: MultiSelectOption[];
+    /** Currently selected values. */
+    value?: string[];
+    /** Called with the new list of selected values. */
+    onChange?: (values: string[]) => void;
+    placeholder?: string;
+    label?: string;
+    error?: string;
+    helperText?: string;
+    size?: MultiSelectSize;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    /** Show a filter box inside the dropdown. Defaults to true. */
+    searchable?: boolean;
+    /** How many chips to show in the trigger before "+N more". Defaults to 3. */
+    maxTagCount?: number;
+    className?: string;
+    name?: string;
+    'aria-label'?: string;
+}
+/**
+ * MultiSelect — delegates to the platform's real searchable multi-selection
+ * dropdown at render time (selected values as removable chips, a filter box,
+ * select-all / clear). The fallback is a native `<select multiple>` for local
+ * dev / tests. Use for any multi-value picker (environments, tags, targets…).
+ *
+ * @example
+ * <MultiSelect label="Environments" value={ids} onChange={setIds}
+ *   options={envs.map(e => ({ value: e.id, label: e.name }))} />
+ */
+declare const MultiSelect: React.FC<MultiSelectProps>;
 type ToastVariant = 'success' | 'error' | 'warning' | 'info';
 interface ToastOptions {
     variant?: ToastVariant;
@@ -519,4 +627,4 @@ interface ConfirmationDialogContextValue {
  */
 declare function useConfirmDialog(): ConfirmationDialogContextValue;
 
-export { Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Checkbox, type CheckboxProps, type ConfirmationDialogContextValue, type ConfirmationOptions, type ConfirmationVariant, DataTable, type DataTableAlign, type DataTableColumn, type DataTableEmptyState, type DataTablePaginationState, type DataTableProps, type DataTableSort, type DataTableSortOrder, EmptyState, type EmptyStateProps, FilterBar, type FilterBarProps, type FilterBarSearchProps, type FilterDefinition, type FilterOption, FormDialog, type FormDialogProps, type FormDialogSize, FormField, type FormFieldProps, Input, type InputProps, type InputSize, type InputVariant, Pagination, type PaginationProps, SearchBox, type SearchBoxProps, type SearchBoxSize, Select, type SelectOption, type SelectProps, type SelectSize, Skeleton, SkeletonCard, type SkeletonCardProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SkeletonVariant, type SortDirection, type SortOption, SortSelect, type SortSelectProps, Spinner, type SpinnerProps, type SpinnerSize, StatsCard, type StatsCardDelta, type StatsCardProps, type StatsCardVariant, type TabItem, Tabs, type TabsProps, Textarea, type TextareaProps, type Toast, type ToastContextValue, type ToastOptions, type ToastVariant, Tooltip, type TooltipPlacement, type TooltipProps, useConfirmDialog, useToast };
+export { Alert, type AlertProps, type AlertVariant, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Checkbox, type CheckboxProps, type ConfirmationDialogContextValue, type ConfirmationOptions, type ConfirmationVariant, DataTable, type DataTableAlign, type DataTableColumn, type DataTableEmptyState, type DataTablePaginationState, type DataTableProps, type DataTableSort, type DataTableSortOrder, EmptyState, type EmptyStateProps, FilterBar, type FilterBarProps, type FilterBarSearchProps, type FilterDefinition, type FilterOption, FormDialog, type FormDialogProps, type FormDialogSize, FormField, type FormFieldProps, Input, type InputProps, type InputSize, type InputVariant, Modal, type ModalProps, type ModalSize, MultiSelect, type MultiSelectOption, type MultiSelectProps, type MultiSelectSize, Pagination, type PaginationProps, SearchBox, type SearchBoxProps, type SearchBoxSize, Select, type SelectOption, type SelectProps, type SelectSize, Skeleton, SkeletonCard, type SkeletonCardProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SkeletonVariant, type SortDirection, type SortOption, SortSelect, type SortSelectProps, Spinner, type SpinnerProps, type SpinnerSize, StatsCard, type StatsCardDelta, type StatsCardProps, type StatsCardVariant, type TabItem, Tabs, type TabsProps, Textarea, type TextareaProps, type Toast, type ToastContextValue, type ToastOptions, type ToastVariant, Tooltip, type TooltipPlacement, type TooltipProps, useConfirmDialog, useToast };