@veeqo/ui 4.0.0 → 4.0.2-beta.2

package/README.md

@@ -10,7 +10,7 @@ In the longer term Icons and Integrations **WILL** be moved to their own library
 
 ### Links ⚓️
 
-**This Library**: [Storybook 📋](https://www.ui.veeqo.amazon.dev/?path=/docs/get-started-how-to-install--docs) | [Playroom 🛝](https://www.ui.veeqo.amazon.dev/playroom/)
+**This Library**: [Storybook 📋](https:/ui.veeqo.amazon.dev/?path=/docs/get-started-how-to-install--docs) | [Playroom 🛝](https://ui.veeqo.amazon.dev/playroom/)
 
 **Old Library**: [Storybook 📋](https://master.d1cz47hw90nvy2.amplifyapp.com/) | [Playroom 🛝](https://master.d1cz47hw90nvy2.amplifyapp.com/playroom)
 

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, shards, onShouldClose, style, enableFocusTrap, ...dialogProps }: PopoverProps) => React.JSX.Element;

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,6 @@
+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>;

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

@@ -0,0 +1,23 @@
+import { DialogHTMLAttributes, ReactNode } from 'react';
+import { Placement } from '@popperjs/core';
+import { ReactFocusOnProps } from 'react-focus-on/dist/es5/types';
+export type PopoverProps = DialogHTMLAttributes<HTMLDialogElement> & {
+    children: ReactNode;
+    zIndex?: number;
+    placement?: Placement;
+    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.
+     */
+    enableFocusTrap?: boolean;
+    /**
+     * An array of Elements which should be WITHIN the focus trap i.e. sub-menu.
+     */
+    shards?: ReactFocusOnProps['shards'];
+    /**
+     * When background is clicked, or ESC key is pressed we call this to close the popover.
+     */
+    onShouldClose: () => void;
+};

package/dist/components/index.d.ts

@@ -22,6 +22,7 @@ export { FilterTag } from './FilterTag';
 export { Grid } from './Grid';
 export { Image } from './Image';
 export { InputGroup } from './InputGroup';
+export { LegacyDataTable } from './LegacyDataTable';
 export { Loader } from './Loader';
 export { LoginWithAmazonButton } from './LoginWithAmazonButton';
 export { Modal } from './Modal';