@q1travel/design-system 0.6.1 → 0.7.1

package/dist-pkg/design-system.d.ts

@@ -520,7 +520,7 @@ export declare type ContextMenuEntry = {
     type: 'separator';
 };
 
-export declare function ContextSwitcher({ currentContext, groups, open, defaultOpen, onOpenChange, onSelect, pendingId, errorMessage, footerActions, onFooterAction, label, }: ContextSwitcherProps): JSX.Element;
+export declare function ContextSwitcher({ currentContext, groups, open, defaultOpen, onOpenChange, onSelect, pendingId, errorMessage, footerActions, onFooterAction, label, presentation, }: ContextSwitcherProps): JSX.Element;
 
 export declare type ContextSwitcherAction = {
     id: string;
@@ -537,35 +537,58 @@ export declare type ContextSwitcherCurrent = {
     textValue: string;
 };
 
+export declare type ContextSwitcherEmptyState = {
+    title: ReactNode;
+    description?: ReactNode;
+};
+
 export declare type ContextSwitcherGroup = {
     id: string;
     label: ReactNode;
     textValue: string;
     selectedId?: string;
     items: ContextSwitcherItem[];
+    search?: ContextSwitcherSearch;
+    emptyState?: ContextSwitcherEmptyState;
 };
 
 export declare type ContextSwitcherItem = {
     id: string;
     label: ReactNode;
     textValue: string;
+    keywords?: string[];
     description?: ReactNode;
     avatar?: ReactNode;
     disabled?: boolean;
 };
 
+export declare type ContextSwitcherPresentation = {
+    type?: 'grouped';
+} | {
+    type: 'drilldown';
+    primaryGroupId: string;
+    scopeGroupId: string;
+};
+
 export declare type ContextSwitcherProps = {
     currentContext: ContextSwitcherCurrent;
     groups: ContextSwitcherGroup[];
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
-    onSelect: (item: ContextSwitcherItem) => void;
+    onSelect: (item: ContextSwitcherItem, group: ContextSwitcherGroup) => void;
     pendingId?: string;
     errorMessage?: ReactNode;
     footerActions?: ContextSwitcherAction[];
     onFooterAction?: (action: ContextSwitcherAction) => void;
     label?: string;
+    presentation?: ContextSwitcherPresentation;
+};
+
+export declare type ContextSwitcherSearch = {
+    label: string;
+    placeholder?: string;
+    noResults: ContextSwitcherEmptyState;
 };
 
 export declare function ControlOption({ id, label, description, error, indeterminate, ref, type, ...rest }: ControlOptionOwnProps & (FieldShellProps | FieldBareProps) & CheckboxOnlyProps & {
@@ -886,7 +909,7 @@ declare type NativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id'
 
 declare type NativeInputProps_2 = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>;
 
-export declare function Navigation({ className, ...props }: NavigationProps): JSX.Element;
+export declare function Navigation({ className, orientation, ...props }: NavigationProps): JSX.Element;
 
 export declare function NavigationGroup({ label, icon, expanded, defaultExpanded, onExpandedChange, children, }: NavigationGroupProps): JSX.Element;
 
@@ -924,6 +947,7 @@ export declare type NavigationItemProps = NavigationItemAsLink | NavigationItemA
 
 export declare type NavigationProps = HTMLAttributes<HTMLElement> & {
     'aria-label': string;
+    orientation?: 'vertical' | 'horizontal';
 };
 
 export declare function NavigationSection({ label, action, children, className, ...props }: NavigationSectionProps): JSX.Element;
@@ -1078,6 +1102,44 @@ export declare function ScrollerWithButtons({ axis, contentName, label, children
     children: ReactNode;
 }): JSX.Element;
 
+export declare function SearchDialog({ open, onOpenChange, query, onQueryChange, sections, onSelect, renderTrigger, label, placeholder, emptyTitle, clearQueryLabel, }: SearchDialogProps): JSX.Element;
+
+export declare type SearchDialogItem = {
+    id: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+};
+
+export declare type SearchDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    query: string;
+    onQueryChange: (query: string) => void;
+    sections: SearchDialogSection[];
+    onSelect: (item: SearchDialogItem) => void;
+    renderTrigger: (props: SearchDialogTriggerProps) => ReactNode;
+    label: string;
+    placeholder?: string;
+    emptyTitle?: string;
+    clearQueryLabel?: string;
+};
+
+export declare type SearchDialogSection = {
+    id: string;
+    heading?: string;
+    items: SearchDialogItem[];
+};
+
+export declare type SearchDialogTriggerProps = {
+    ref: (node: HTMLButtonElement | null) => void;
+    type: 'button';
+    onClick: () => void;
+    'aria-haspopup': 'dialog';
+    'aria-expanded': boolean;
+    'aria-controls': string;
+};
+
 export declare function SearchInput({ id, ariaLabel, placeholder, defaultValue, disabled, loading, kbdHint, icon, }: {
     id: string;
     ariaLabel: string;