@veeqo/ui 4.0.2 → 4.1.0

package/dist/components/Popover/Popover.d.ts

@@ -1,15 +1,3 @@
-import React, { ReactNode } from 'react';
-import { Placement } from '@popperjs/core';
-export declare const Backdrop: import("styled-components").StyledComponent<"div", any, {
-    zIndex: number;
-}, never>;
-export type PopoverProps = {
-    children: ReactNode;
-    className?: string;
-    anchorElement: HTMLElement | null;
-    rootElementRef?: HTMLElement;
-    placement?: Placement;
-    onShouldClose?: () => void;
-    zIndex?: number;
-};
-export declare const Popover: ({ children, className, anchorElement, rootElementRef, placement, onShouldClose, zIndex, }: PopoverProps) => React.JSX.Element;
+import React from 'react';
+import { PopoverProps } from './types';
+export declare const Popover: ({ id: passedId, children, zIndex, placement, anchorElement, rootElementRef, onShouldClose, style, disableFocusLock, ...dialogProps }: PopoverProps) => React.JSX.Element;

package/dist/components/Popover/hooks/useHandleFocus.d.ts

@@ -0,0 +1,11 @@
+import { KeyboardEventHandler } from 'react';
+type UseHandleFocusArgs = {
+    popperElement: HTMLDialogElement | null;
+    anchorElement: HTMLElement | null;
+    onClose: () => void;
+    disableFocusLock?: boolean;
+};
+export declare const useHandleFocus: ({ popperElement, anchorElement, onClose, disableFocusLock, }: UseHandleFocusArgs) => {
+    handleKeyDown: KeyboardEventHandler<HTMLDialogElement>;
+};
+export {};

package/dist/components/Popover/hooks/useUpdateAriaAnchor.d.ts

@@ -0,0 +1,11 @@
+type UseUpdateAriaAnchor = {
+    anchorElement: HTMLElement | null;
+    popoverId: string;
+};
+/**
+ * Update the anchor element to sent the required attributes if they haven't already set them.
+ *
+ * This allows current, inaccesible usages to be improved.
+ */
+export declare const useUpdateAriaAnchor: ({ anchorElement, popoverId }: UseUpdateAriaAnchor) => void;
+export {};

package/dist/components/Popover/hooks/useUpdateAriaAnchor.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Popover/styled.d.ts

@@ -0,0 +1,5 @@
+import { BackdropProps } from './types';
+export declare const PopoverDialog: import("styled-components").StyledComponent<"dialog", any, {
+    zIndex: number;
+}, never>;
+export declare const Backdrop: import("styled-components").StyledComponent<"div", any, Pick<BackdropProps, "zIndex">, never>;

package/dist/components/Popover/types.d.ts

@@ -0,0 +1,21 @@
+import { DialogHTMLAttributes, ReactNode } from 'react';
+import { Placement } from '@popperjs/core';
+export type PopoverProps = DialogHTMLAttributes<HTMLDialogElement> & {
+    children: ReactNode;
+    zIndex?: number;
+    placement?: Placement;
+    anchorElement: HTMLElement | null;
+    rootElementRef?: HTMLElement;
+    /**
+     * Will disable the focus lock if set to true, use only if taking manual control.
+     */
+    disableFocusLock?: boolean;
+    /**
+     * When background is clicked, or ESC key is pressed we call this to close the popover.
+     */
+    onShouldClose: () => void;
+};
+export type BackdropProps = {
+    zIndex: number;
+    onClose: () => void;
+};