@veeqo/ui 5.1.2 → 6.0.0-beta.1

package/dist/components/AnimatedDropdown/AnimatedDropdown.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { AnimatedDropdownProps } from './types';
-export declare const AnimatedDropdown: ({ cta, shouldShowDropdown, children, className, reversed, onClickAway, timeout, transitionClassnames, onClick, onMouseEnter, onMouseLeave, }: AnimatedDropdownProps) => React.JSX.Element;
+export declare const AnimatedDropdown: ({ id, cta, shouldShowDropdown, children, className, reversed, placement, onShouldClose, onClick, onMouseEnter, onMouseLeave, useAnchorWidth, }: AnimatedDropdownProps) => React.JSX.Element;

package/dist/components/AnimatedDropdown/components/Dropdown.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BasicDropdownProps } from '../types';
+export declare const Dropdown: ({ children, placement, className, reversed, anchorElement, useAnchorWidth, onShouldClose, }: BasicDropdownProps) => React.JSX.Element;

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

@@ -1 +1,14 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const DropdownContainer: import("styled-components").StyledComponent<import("framer-motion").CustomDomComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+}>, any, {
+    reversed?: boolean | undefined;
+    useAnchorWidth?: boolean | undefined;
+}, never>;

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

@@ -1,11 +1,3 @@
-/// <reference types="react" />
 declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const Wrap: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const Dropdown: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../types").EventHandlerProps & {
-    className?: string | undefined;
-    children: import("react").ReactNode;
-    role?: import("react").AriaRole | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>, any, {
-    reversed?: boolean | undefined;
-}, never>;
-export { Wrap, Dropdown, Container };
+export { Wrap, Container };

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

@@ -1,15 +1,17 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { EventHandlerProps } from '../types';
-export type BasicDropdownProps = EventHandlerProps & {
+import { PopoverProps } from '../Popover/types';
+export type BasicDropdownProps = {
     className?: string;
     children: ReactNode;
-    role?: HTMLAttributes<HTMLDivElement>['role'];
-};
-export type AnimatedDropdownProps = BasicDropdownProps & {
+    reversed?: boolean;
+} & PopoverProps;
+export type AnimatedDropdownProps = EventHandlerProps & Pick<BasicDropdownProps, 'children' | 'className' | 'placement' | 'useAnchorWidth'> & {
+    id?: string;
     cta?: ReactNode;
     shouldShowDropdown: boolean;
     timeout?: number;
     transitionClassnames?: string;
-    onClickAway?: (event: Event) => void;
     reversed?: boolean;
+    onShouldClose: () => void;
 };

package/dist/components/FilterTag/FilterTag.d.ts

@@ -5,4 +5,4 @@ export interface ClassNamesReturnPayload {
     container?: string;
     cross?: string;
 }
-export declare const FilterTag: ({ className, e2eClassName, label, text, iconSlot, fill, content, footer, onClickAway, onClick, shouldCloseOnClickAway, }: FilterTagProps) => React.JSX.Element;
+export declare const FilterTag: ({ className, e2eClassName, label, text, iconSlot, fill, content, footer, onClick, }: FilterTagProps) => React.JSX.Element;

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

@@ -8,7 +8,5 @@ export interface FilterTagProps {
     fill?: string;
     content?: ReactNode;
     footer?: ReactNode;
-    onClickAway?: (event: Event, closeDropdown?: () => void) => void;
     onClick?: () => void;
-    shouldCloseOnClickAway?: boolean;
 }

package/dist/components/PaginationRange/Items/Item/styled.d.ts

@@ -1,3 +1,7 @@
-declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const Container: import("styled-components").StyledComponent<"div", any, {
+    onKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+    tabIndex: 0;
+    role: "option";
+}, "tabIndex" | "role" | "onKeyDown">;
 declare const StyledText: import("styled-components").StyledComponent<"span", any, {} & import("../../../Text/types").TextProps, never>;
 export { StyledText as Text, Container };

package/dist/components/PaginationRange/PaginationRange.d.ts

@@ -1,9 +1,3 @@
-import React, { Component } from 'react';
-import { PaginationRangeOption, PaginationRangeProps, PaginationRangeState } from './types';
-export declare class PaginationRange extends Component<PaginationRangeProps, PaginationRangeState> {
-    constructor(props: PaginationRangeProps);
-    handleRangeListChange: (item: PaginationRangeOption) => void;
-    setDropdownValue: (currentValue: PaginationRangeOption) => void;
-    toggleShouldShow: () => void;
-    render(): React.JSX.Element;
-}
+import React from 'react';
+import { PaginationRangeProps } from './types';
+export declare const PaginationRange: ({ className, paginationRange, reversedDropdown, onPaginationRangeChange, dropdownValue: parentValue, }: PaginationRangeProps) => React.JSX.Element;

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

@@ -1,6 +1,2 @@
-/// <reference types="react" />
-import { Text } from '../Text';
 declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const Dropdown: import("styled-components").StyledComponent<({ cta, shouldShowDropdown, children, className, reversed, onClickAway, timeout, transitionClassnames, onClick, onMouseEnter, onMouseLeave, }: import("../AnimatedDropdown/types").AnimatedDropdownProps) => import("react").JSX.Element, any, {}, never>;
-declare const Button: import("styled-components").StyledComponent<"button", any, {}, never>;
-export { Container, Dropdown, Button, Text };
+export { Container };

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, onShouldClose, style, disableFocusLock, ...dialogProps }: PopoverProps) => React.JSX.Element;
+export declare const Popover: ({ id: passedId, children, zIndex, placement, anchorElement, rootElementRef, onShouldClose, style, disableFocusLock, useAnchorWidth, ...dialogProps }: PopoverProps) => React.JSX.Element;

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

@@ -14,6 +14,7 @@ export type PopoverProps = DialogHTMLAttributes<HTMLDialogElement> & {
      * When background is clicked, or ESC key is pressed we call this to close the popover.
      */
     onShouldClose: () => void;
+    useAnchorWidth?: boolean;
 };
 export type BackdropProps = {
     zIndex: number;