@stackone/malachite 0.28.1 → 0.29.0

package/dist/index.d.ts

@@ -263,6 +263,7 @@ export declare const CustomIcons: {
     RejectIcon: FC<IconProps>;
     ReloadIcon: FC<IconProps>;
     RequiredFieldIndicatorIcon: FC<IconProps>;
+    SearchIcon: FC<IconProps>;
     SecurityIcon: FC<IconProps>;
     SettingsIcon: FC<IconProps>;
     SignOutIcon: FC<IconProps>;
@@ -304,11 +305,15 @@ export declare enum DividerVariant {
     Emphasis = "emphasis"
 }
 
-export declare const Dropdown: ({ items, onItemSelected, defaultValue, disabled, error, label, hint, tooltip, name, required, loading, menuLoading, formControl, description, helperText, placeholder, search, }: DropdownProps) => JSX_2.Element;
+export declare const Dropdown: ({ items, onItemSelected, defaultValue, disabled, error, label, hint, tooltip, name, required, loading, menuLoading, formControl, description, helperText, placeholder, search, size, }: DropdownProps) => JSX_2.Element;
 
 export declare interface DropdownItem {
     id: string;
     label: string;
+    /** Alternate label shown in the trigger when selected (falls back to `label`). */
+    triggerLabel?: string;
+    /** Items sharing a `group` render under a section header, in first-seen order. */
+    group?: string;
     subtitle?: string;
     rightSideText?: string;
     rightSideTextVariant?: 'muted' | 'primary';
@@ -334,8 +339,12 @@ export declare interface DropdownProps {
     helperText?: default_2.ReactNode;
     placeholder?: string;
     search?: boolean;
+    /** 'medium' (42px) for form inputs; 'small' (32px) for toolbar chips. */
+    size?: DropdownSize;
 }
 
+export declare type DropdownSize = 'small' | 'medium';
+
 declare interface EllipsisTextProps {
     children: default_2.ReactNode;
     tooltip?: default_2.ReactNode | string;
@@ -783,6 +792,32 @@ declare interface MarkdownProps {
     omitMargin?: boolean;
 }
 
+export declare const MultiSelect: default_2.FC<MultiSelectProps>;
+
+export declare interface MultiSelectOption {
+    value: string;
+    label: default_2.ReactNode;
+    searchText?: string;
+}
+
+export declare interface MultiSelectProps {
+    options: MultiSelectOption[];
+    value: string[];
+    onChange: (next: string[]) => void;
+    placeholder?: string;
+    renderTrigger?: (selected: MultiSelectOption[]) => default_2.ReactNode;
+    searchable?: boolean;
+    size?: MultiSelectSize;
+    width?: string | number;
+    minWidth?: number;
+    disabled?: boolean;
+    label?: string;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+export declare type MultiSelectSize = 'small' | 'medium';
+
 export declare const OverflowRow: default_2.FC<OverflowRowProps>;
 
 declare interface OverflowRowProps {
@@ -887,6 +922,21 @@ export declare function resetTheme(): void;
 
 export declare type RowVariant = 'success' | 'warning' | 'error' | 'info';
 
+export declare const Search: default_2.FC<SearchProps>;
+
+export declare interface SearchProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    size?: SearchSize;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+export declare type SearchSize = 'small' | 'medium';
+
 declare interface SecondaryTextProps {
     children: default_2.ReactNode;
     fontWeight?: FontWeight;
@@ -1025,7 +1075,13 @@ export declare interface SwatchProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const Table: <T = Record<string, unknown>>({ columns, data, loading, error, errorTitle, errorSubTitle, bordered, showHeader, rowKey, scrollHeight, size, layout, headerVariant, rowClassName, rowVariant, onRow, onClickRow, rowSelection, pagination, className, style, }: TableProps<T>) => JSX_2.Element;
+export declare interface TabItem {
+    key: string;
+    label: default_2.ReactNode;
+    disabled?: boolean;
+}
+
+export declare const Table: <T = Record<string, unknown>>({ columns, data, loading, error, errorTitle, errorSubTitle, bordered, showHeader, rowKey, scrollHeight, size, layout, headerVariant, rowClassName, rowVariant, onRow, onClickRow, rowSelection, pagination, className, style, stickyHeaderTop, }: TableProps<T>) => JSX_2.Element;
 
 export declare type TableColumnDefinition<T = Record<string, unknown>> = {
     title: string | default_2.ReactNode;
@@ -1085,6 +1141,11 @@ declare type TableProps<T = Record<string, unknown>> = {
     };
     className?: string;
     style?: default_2.CSSProperties;
+    /** When set, makes the detached-variant header sticky at this offset (px) from the
+     *  top of the nearest scrolling ancestor. Use this when the table sits inside a
+     *  page-level scroll container with other sticky elements (e.g. tabs + toolbar)
+     *  stacked above. */
+    stickyHeaderTop?: number;
 };
 
 declare type TableRowActions<T = Record<string, unknown>> = {
@@ -1117,6 +1178,16 @@ export declare type TableSize = 'small' | 'medium' | 'large';
 
 export declare type TableType = 'default' | 'compact' | 'bordered';
 
+export declare const Tabs: default_2.FC<TabsProps>;
+
+export declare interface TabsProps {
+    items: TabItem[];
+    activeKey: string;
+    onChange: (key: string) => void;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
 export declare const Tag: default_2.FC<TagProps>;
 
 export declare interface TagProps {