@veeqo/ui 4.0.2-beta.2 → 4.0.2-beta.4

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { PopoverProps } from './types';
-export declare const Popover: ({ id: passedId, children, zIndex, placement, anchorElement, rootElementRef, shards, onShouldClose, style, enableFocusTrap, ...dialogProps }: PopoverProps) => React.JSX.Element;
+export declare const Popover: ({ id: passedId, children, zIndex, placement, anchorElement, rootElementRef, shards, onShouldClose, style, disableFocusLock, ...dialogProps }: PopoverProps) => React.JSX.Element;

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

@@ -1,6 +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, {
-    zIndex: number;
-}, never>;
+export declare const Backdrop: import("styled-components").StyledComponent<"div", any, Pick<BackdropProps, "zIndex">, never>;

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

@@ -1,6 +1,6 @@
 import { DialogHTMLAttributes, ReactNode } from 'react';
 import { Placement } from '@popperjs/core';
-import { ReactFocusOnProps } from 'react-focus-on/dist/es5/types';
+import { ReactFocusLockProps } from 'react-focus-lock/interfaces';
 export type PopoverProps = DialogHTMLAttributes<HTMLDialogElement> & {
     children: ReactNode;
     zIndex?: number;
@@ -8,16 +8,19 @@ export type PopoverProps = DialogHTMLAttributes<HTMLDialogElement> & {
     anchorElement: HTMLElement | null;
     rootElementRef?: HTMLElement;
     /**
-     * Boolean to enable focus trapping behavour. Should usually use this, however, if
-     * you are taking manual control of focus behaviour you may disable it.
+     * Will disable the focus lock if set to true, use only if taking manual control.
      */
-    enableFocusTrap?: boolean;
+    disableFocusLock?: boolean;
     /**
      * An array of Elements which should be WITHIN the focus trap i.e. sub-menu.
      */
-    shards?: ReactFocusOnProps['shards'];
+    shards?: ReactFocusLockProps['shards'];
     /**
      * 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;
+};