@gyramais/gyra-design 0.2.49 → 0.2.52

package/dist/components/Drawer/Drawer.d.ts

@@ -10,7 +10,31 @@ type DrawerProps = {
     onClose?: () => void;
     direction?: "left" | "top" | "right" | "bottom";
     width?: number | string;
+    /**
+     * Escape fecha a gaveta (chama `onClose`). Default: true. Nao vale quando
+     * `closable` e false. Um Escape que outra camada ja consumiu (menu de
+     * Select, Popover, SegmentedPicker, Modal) nao chega aqui: cada camada
+     * fecha a sua e a gaveta fica.
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Prende o Tab dentro do painel enquanto a gaveta esta aberta. Default:
+     * true. Conteudo portalado para o `body` (menu do Select, Popover,
+     * SegmentedPicker, Modal, outra gaveta) continua alcancavel: o trap so
+     * age quando o foco esta no painel ou na borda de um desses portais.
+     */
+    trapFocus?: boolean;
+    /**
+     * Ao abrir, move o foco para dentro do painel (o proprio painel, ou
+     * `initialFocusRef`) e o devolve a quem o tinha ao fechar. Default: true.
+     */
+    autoFocus?: boolean;
+    /** Elemento que recebe o foco inicial em vez do painel. */
+    initialFocusRef?: React.RefObject<HTMLElement>;
+    /** Rotulo acessivel quando `title` nao e texto ou nao existe. */
+    ariaLabel?: string;
     children?: React.ReactNode;
 };
-declare const Drawer: ({ className, title, subtitle, footer, visible, closable, onClose, direction, width, children, }: DrawerProps) => React.JSX.Element;
+declare const Drawer: ({ className, title, subtitle, footer, visible, closable, onClose, direction, width, closeOnEscape, trapFocus, autoFocus, initialFocusRef, ariaLabel, children, }: DrawerProps) => React.JSX.Element;
 export { Drawer };
+export type { DrawerProps };