@veeqo/ui 0.0.4 → 0.0.7

package/dist/esm/types/components/Accordion/Accordion.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from 'react';
+export interface AccordionProps {
+    children: ReactNode;
+    label: string;
+    iconSlot?: ReactNode;
+    className?: string;
+    timeout?: number;
+    transitionClassnames?: string;
+    description?: string;
+    shouldOpenOnMount?: boolean;
+}
+export declare const Accordion: FC<AccordionProps>;

package/dist/esm/types/components/Accordion/styled.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Text } from '../Text';
+declare const Left: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const Right: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const TapBar: import("styled-components").StyledComponent<"div", any, {
+    shouldOpen: boolean;
+}, never>;
+declare const Top: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const Arrow: import("styled-components").StyledComponent<(props: any) => import("react").JSX.Element, any, {}, never>;
+declare const Description: import("styled-components").StyledComponent<"span", any, {} & import("../Text/types").TextProps, never>;
+declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { Content, TapBar, Top, Text, Arrow, Left, Right, Description };

package/dist/esm/types/components/ActionList/ActionList.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ActionListProps } from './types';
+export declare const ActionList: ({ title, items, sections, buttonVariant, buttonSize, }: ActionListProps) => React.JSX.Element;

package/dist/esm/types/components/ActionList/styled.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+export declare const ListCard: import("styled-components").StyledComponent<"div", any, import("../Card/styled").SurfaceProps, never>;
+export declare const Section: import("styled-components").StyledComponent<"section", any, {}, never>;
+export declare const SectionHeading: import("styled-components").StyledComponent<"span", any, ({} & import("../Text/types").TextProps) & {
+    variant: string;
+}, "variant">;
+export declare const Item: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    children?: import("react").ReactNode;
+    variant?: import("../Button/types").ButtonVariant | undefined;
+    size?: "base" | "sm" | undefined;
+    icon?: import("react").ReactNode;
+    dropdown?: boolean | undefined;
+    loading?: boolean | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {
+    variant: "unstyled";
+}, "variant">;
+export declare const ActionItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    children?: import("react").ReactNode;
+    variant?: import("../Button/types").ButtonVariant | undefined;
+    size?: "base" | "sm" | undefined;
+    icon?: import("react").ReactNode;
+    dropdown?: boolean | undefined;
+    loading?: boolean | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {
+    variant: "unstyled";
+}, "variant">;
+export declare const LinkItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    children?: import("react").ReactNode;
+    variant?: import("../Button/types").ButtonVariant | undefined;
+    size?: "base" | "sm" | undefined;
+    icon?: import("react").ReactNode;
+    dropdown?: boolean | undefined;
+    loading?: boolean | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {
+    variant: "unstyled";
+}, "variant">;

package/dist/esm/types/components/ActionList/types.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { ButtonVariant } from '../Button/types';
+export type ActionListItem = {
+    title: string;
+    icon?: Omit<ReactNode, string>;
+    variant?: 'item' | 'action' | 'link';
+    onClick: () => void;
+};
+export type ActionListSection = {
+    title?: string;
+    items: ActionListItem[];
+};
+export interface ActionListProps {
+    title: string;
+    items?: ActionListItem[];
+    sections?: ActionListSection[];
+    buttonVariant?: ButtonVariant;
+    buttonSize?: 'sm' | 'base';
+}

package/dist/esm/types/components/Anchor/Anchor.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+export interface AnchorProps {
+    children?: ReactNode;
+    href: string;
+    text?: string;
+    className?: string;
+    target?: string;
+}
+export declare const Anchor: ({ children, className, text, href, target }: AnchorProps) => React.JSX.Element;

package/dist/esm/types/components/Anchor/styled.d.ts

@@ -0,0 +1 @@
+export declare const CommonAnchor: import("styled-components").StyledComponent<"a", any, {}, never>;

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

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const BasicDropdown: React.ForwardRefExoticComponent<import("../../types").EventHandlerProps & {
+    className?: string | undefined;
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,10 @@
+/// <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;
+} & import("react").RefAttributes<HTMLDivElement>>, any, {
+    reversed?: boolean | undefined;
+}, never>;
+export { Wrap, Dropdown, Container };

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { EventHandlerProps } from '../types';
+export type BasicDropdownProps = EventHandlerProps & {
+    className?: string;
+    children: ReactNode;
+};
+export type AnimatedDropdownProps = BasicDropdownProps & {
+    cta?: ReactNode;
+    shouldShowDropdown: boolean;
+    timeout?: number;
+    transitionClassnames?: string;
+    onClickAway?: (event: Event) => void;
+    reversed?: boolean;
+};

package/dist/esm/types/components/Avatar/Avatar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AvatarProps } from './types';
+export declare const Avatar: ({ width, name, bgColor, textColor, }: AvatarProps) => React.JSX.Element;

package/dist/esm/types/components/Avatar/styled.d.ts

@@ -0,0 +1,2 @@
+import { AvatarSCProps } from './types';
+export declare const AvatarSC: import("styled-components").StyledComponent<"div", any, AvatarSCProps, never>;

package/dist/esm/types/components/Avatar/types.d.ts

@@ -0,0 +1,11 @@
+export interface AvatarProps {
+    name: string;
+    width?: string;
+    bgColor?: string;
+    textColor?: string;
+}
+export interface AvatarSCProps {
+    width: string;
+    bgColor: string;
+    textColor: string;
+}

package/dist/esm/types/components/Badge/Badge.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BadgeProps } from './types';
+export declare const Badge: ({ variant, hideBorder, iconSlot, tooltip, className, e2eClassName, children, }: BadgeProps) => React.JSX.Element;

package/dist/esm/types/components/Badge/styled.d.ts

@@ -0,0 +1,7 @@
+type BaseBadgeProps = {
+    hideBorder: boolean;
+};
+export declare const DefaultBadge: import("styled-components").StyledComponent<"div", any, BaseBadgeProps, never>;
+export declare const PrimaryBadge: import("styled-components").StyledComponent<"div", any, BaseBadgeProps, never>;
+export declare const WarningBadge: import("styled-components").StyledComponent<"div", any, BaseBadgeProps, never>;
+export {};

package/dist/esm/types/components/Badge/types.d.ts

@@ -0,0 +1,35 @@
+import React, { ReactNode } from 'react';
+export type BadgeVariant = 'default' | 'primary' | 'warning';
+/**
+ * Badge properties.
+ */
+export type BadgeProps = {
+    /**
+     * Specifies the Badge variant.
+     */
+    variant?: BadgeVariant;
+    /**
+     * Renders an optional icon inside the Badge.
+     */
+    iconSlot?: Omit<ReactNode, string>;
+    /**
+     * Specifies tooltip text to display on hover.
+     */
+    tooltip?: string;
+    /**
+     * Specifies whether or not to hide the Badge border.
+     */
+    hideBorder?: boolean;
+    /**
+     * Specifies an optional class name.
+     */
+    className?: string;
+    /**
+     * Specifies an optional class name for E2E testing.
+     */
+    e2eClassName?: string;
+    /**
+     * Children.
+     */
+    children: React.ReactNode;
+};

package/dist/esm/types/components/Banner/Banner.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { BannerProps } from './types';
+/**
+ * The `Banner` component was previously called `Alert` (and similarly `Pill`).
+ */
+export declare const Banner: ({ type, text, icon, onClose, className, header, }: BannerProps) => React.JSX.Element;

package/dist/esm/types/components/Banner/styled.d.ts

@@ -0,0 +1,7 @@
+import { PillProps } from './types';
+declare const Pill: import("styled-components").StyledComponent<"div", any, PillProps, never>;
+declare const Row: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const Col: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const HeaderCol: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledText: import("styled-components").StyledComponent<"span", any, {} & import("../Text/types").TextProps, never>;
+export { Pill, StyledText as Text, Row, Col, HeaderCol };

package/dist/esm/types/components/Banner/types.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode, ReactEventHandler } from 'react';
+export declare enum BannerTypes {
+    help = "help",
+    info = "info",
+    error = "error",
+    success = "success"
+}
+export type BannerProps = {
+    type?: keyof typeof BannerTypes | string;
+    text?: string;
+    icon?: Omit<ReactNode, string>;
+    onClose?: ReactEventHandler;
+    className?: string;
+    header?: ReactNode;
+};
+export type PillProps = {
+    children?: ReactNode;
+    className?: string;
+    accentColor?: string;
+};

package/dist/esm/types/components/BaseContainer/BaseContainer.d.ts

@@ -0,0 +1 @@
+export declare const BaseContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/types/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BreadcrumbsProps } from './types';
+export declare const Breadcrumbs: ({ items, Separator, LinkComponent, }: BreadcrumbsProps) => React.JSX.Element;

package/dist/esm/types/components/Breadcrumbs/components/Breadcrumb.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BreadcrumbProps } from '../types';
+export declare const Breadcrumb: ({ children, title, LinkComponent, href }: BreadcrumbProps) => React.JSX.Element;

package/dist/esm/types/components/Breadcrumbs/components/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const BreadcrumbsSC: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export declare const BreadcrumbSC: import("styled-components").StyledComponent<"li", any, {}, never>;

package/dist/esm/types/components/Breadcrumbs/types.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+type Item = {
+    pathname: string;
+    title: string;
+};
+type LinkComponentProps = false | React.ComponentType<any>;
+export interface BreadcrumbsProps {
+    items: Item[];
+    Separator?: string | React.ReactNode;
+    LinkComponent?: LinkComponentProps;
+}
+export interface BreadcrumbProps {
+    title: string;
+    href: string;
+    LinkComponent?: LinkComponentProps;
+    children?: React.ReactNode;
+}
+export interface DefaultLinkProps {
+    children: React.ReactNode;
+    href: string;
+}
+export {};

package/dist/esm/types/components/Button/Button.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    children?: React.ReactNode;
+    variant?: import("./types").ButtonVariant | undefined;
+    size?: "base" | "sm" | undefined;
+    icon?: React.ReactNode;
+    dropdown?: boolean | undefined;
+    loading?: boolean | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/types/components/Button/components/styled.d.ts

@@ -0,0 +1,20 @@
+interface ButtonDisplayProps {
+    size: 'sm' | 'base';
+    hasText: boolean;
+    hasIcon: boolean;
+    hasDropdown: boolean;
+}
+export declare const MainContent: import("styled-components").StyledComponent<"span", any, {
+    loading?: boolean | undefined;
+    hasText: boolean;
+    size: 'base' | 'md';
+}, never>;
+export declare const DefaultButton: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export declare const DefaultDestructiveButton: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export declare const PrimaryButton: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export declare const PrimaryDestructiveButton: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export declare const FlatButton: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export declare const UnstyledButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const LinkButton: import("styled-components").StyledComponent<"button", any, ButtonDisplayProps, never>;
+export declare const LoadingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/dist/esm/types/components/Button/types.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+export type ButtonVariant = 'default' | 'destructive' | 'primary' | 'primaryDestructive' | 'flat' | 'link' | 'unstyled';
+/**
+ * Button properties.
+ */
+export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    children?: ReactNode;
+    /** Variant styles */
+    variant?: ButtonVariant;
+    /** Button sizes */
+    size?: 'sm' | 'base';
+    /** Icon */
+    icon?: ReactNode;
+    /** Renders a dropdown indicator inside the button */
+    dropdown?: boolean;
+    /** Renders a loading indicator inside the button */
+    loading?: boolean;
+};

package/dist/esm/types/components/Card/Card.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode } from 'react';
+import { CardElevation } from './styled';
+type CardAction = {
+    title: string;
+    onClick: () => void;
+};
+export type CardProps = {
+    className?: string;
+    style?: React.CSSProperties;
+    title?: string;
+    subtitle?: string;
+    HeaderActionSlot?: React.ReactNode;
+    action?: CardAction;
+    collapsable?: boolean;
+    elevation?: CardElevation;
+    accent?: 'info' | 'success' | 'error';
+    children: ReactNode;
+    onClose?: () => void;
+    renderFooter?: () => ReactNode;
+};
+export declare const Card: {
+    ({ className, style, title, subtitle, HeaderActionSlot, action, collapsable, elevation, accent, children, onClose, renderFooter, }: CardProps): React.JSX.Element;
+    Surface: import("styled-components").StyledComponent<"div", any, import("./styled").SurfaceProps, never>;
+    Section: import("styled-components").StyledComponent<"section", any, {}, never>;
+    FullBleed: import("styled-components").StyledComponent<"div", any, {}, never>;
+    Footer: import("styled-components").StyledComponent<"footer", any, {}, never>;
+};
+export {};

package/dist/esm/types/components/Card/styled.d.ts

@@ -0,0 +1,16 @@
+export type CardElevation = 0 | 1 | 2 | 3 | 4;
+declare const accents: {
+    info: string;
+    success: string;
+    error: string;
+};
+export declare const Footer: import("styled-components").StyledComponent<"footer", any, {}, never>;
+export declare const Section: import("styled-components").StyledComponent<"section", any, {}, never>;
+export declare const FullBleed: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Body: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
+export interface SurfaceProps {
+    elevation?: CardElevation;
+    accent?: keyof typeof accents;
+}
+export declare const Surface: import("styled-components").StyledComponent<"div", any, SurfaceProps, never>;
+export {};

package/dist/esm/types/components/CardHeader/CardHeader.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { HeaderVariant } from '../Text/types';
+type CardHeaderAction = {
+    title: string;
+    onClick: () => void;
+};
+export interface CardHeaderProps {
+    id?: string;
+    title?: string;
+    subtitle?: string;
+    headerVariant?: HeaderVariant;
+    action?: CardHeaderAction;
+    ActionSlot?: React.ReactNode;
+    isCollapsed?: boolean;
+    onClickCollapse?: () => void;
+    onClickClose?: () => void;
+}
+export declare const CardHeader: ({ id, title, subtitle, headerVariant, action, ActionSlot, isCollapsed, onClickCollapse, onClickClose, }: CardHeaderProps) => React.JSX.Element;
+export {};

package/dist/esm/types/components/CardHeader/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const Header: import("styled-components").StyledComponent<"header", any, {}, never>;
+export declare const HeaderGrid: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/types/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ForwardedChoiceProps } from '../Choice';
+export type CheckboxValue = string | number;
+export interface CheckboxProps extends ForwardedChoiceProps {
+    checked: boolean;
+    indeterminate?: boolean;
+    value?: CheckboxValue;
+    name?: string;
+    disabled?: boolean;
+    ariaLabel?: string;
+    onChange: (checked: boolean, value?: CheckboxValue) => void;
+}
+export declare const Checkbox: ({ checked, indeterminate, value, name, disabled, ariaLabel, onChange, ...otherProps }: CheckboxProps) => React.JSX.Element;

package/dist/esm/types/components/Checkbox/styled.d.ts

@@ -0,0 +1 @@
+export declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;

package/dist/esm/types/components/Choice/Choice.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+export interface ForwardedChoiceProps {
+    disabled?: boolean;
+    label?: string;
+    hint?: string;
+    tooltip?: string;
+    error?: string;
+    bordered?: boolean;
+    Badge?: ReactNode;
+    Accessory?: ReactNode;
+    Footer?: ReactNode;
+}
+export interface ChoiceProps extends ForwardedChoiceProps {
+    id: string;
+    children: ReactNode;
+}
+export declare const Choice: ({ id, label, hint, tooltip, error, bordered, Badge, Accessory, Footer, children, disabled, }: ChoiceProps) => React.JSX.Element;

package/dist/esm/types/components/Choice/components/styled.d.ts

@@ -0,0 +1,17 @@
+export declare const RootLayout: import("styled-components").StyledComponent<"div", any, {}, never>;
+export interface InputLayoutProps {
+    align: 'top' | 'center';
+}
+export declare const InputLayout: import("styled-components").StyledComponent<"div", any, InputLayoutProps, never>;
+export declare const AccessoryLayout: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextLayout: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LabelText: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const HintText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ErrorText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"label", any, {
+    disabled: boolean;
+}, never>;
+export declare const BorderedWrapper: import("styled-components").StyledComponent<"label", any, {
+    disabled: boolean;
+}, never>;
+export declare const BlockTooltip: import("styled-components").StyledComponent<({ children, text, content, config, reversed, className, withTriangle, initialShouldShow, useReactPortal, }: import("../../Tooltip/types").TooltipProps) => JSX.Element | null, any, {}, never>;

package/dist/esm/types/components/ChoiceList/ChoiceList.d.ts

@@ -0,0 +1,29 @@
+import React, { Component, ReactNode } from 'react';
+type ChoiceListOptionValue = string | number;
+export interface ChoiceListOption {
+    value: ChoiceListOptionValue;
+    name?: string;
+    label: string;
+    hint?: string;
+    disabled?: boolean;
+    Badge?: ReactNode;
+    Accessory?: ReactNode;
+    Footer?: ReactNode;
+}
+export interface ChoiceListProps {
+    options: ChoiceListOption[];
+    selected: ChoiceListOptionValue[];
+    title?: string;
+    allowMultiple?: boolean;
+    disabled?: boolean;
+    bordered?: boolean;
+    error?: string;
+    onChange: (selected: ChoiceListOptionValue[]) => void;
+}
+export declare class ChoiceList extends Component<ChoiceListProps> {
+    handleChange: (value: ChoiceListOptionValue, checked: boolean) => void;
+    handleChangeSingle: (value: ChoiceListOptionValue, checked: boolean) => void;
+    handleChangeMultiple: (value: ChoiceListOptionValue, checked: boolean) => void;
+    render(): React.JSX.Element;
+}
+export {};

package/dist/esm/types/components/ChoiceList/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const Fieldset: import("styled-components").StyledComponent<"fieldset", any, {}, never>;
+export declare const Legend: import("styled-components").StyledComponent<"legend", any, {}, never>;

package/dist/esm/types/components/CopyToClipboard/CopyToClipboard.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface CopyToClipboardProps {
+    className?: string;
+    text: string;
+    onCopy?: () => void;
+}
+/**
+ * A dynamic button to facilitate copying text to a users' keyboard when clicked.
+ */
+export declare const CopyToClipboard: ({ className, text, onCopy }: CopyToClipboardProps) => React.JSX.Element;

package/dist/esm/types/components/DataTable/DataTable.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { DataTableProps } from './utils/types';
+export declare const IconUnsorted: () => React.JSX.Element;
+export declare const IconSortAsc: () => React.JSX.Element;
+export declare const IconSortDesc: () => React.JSX.Element;
+export declare const DataTable: {
+    ({ borderless, striped, noWrap, showScrollbar, headers, rows, renderRow, renderNestedRow, expandedRowIds, renderLoadingRow, renderFooterRow, renderFooterLoadingRow, omitFooterSelectionCell, selectedRowIds, disabledSelectionInputRowIds, selectionMode, onChangeSelectedRowIds, sortColumnId, sortDirection, onChangeSort, isError, isLoading, skeletonRowsNumber, isHeaderSticky, stickyHeaderStyle, customSpecificState, bodyHeightInSpecificStates, startFixedColumnsNumber, endFixedColumnsNumber, }: DataTableProps): React.JSX.Element;
+    Cell: import("styled-components").StyledComponent<"td", any, import("./styled").CellProps, never>;
+    ClickableCell: ({ onClick, children, ...otherProps }: import("./cells/ClickableCell").ClickableCellProps) => React.JSX.Element;
+    EditableCell: ({ onClick, children, ...otherProps }: import("./cells/EditableCell").EditableCellProps) => React.JSX.Element;
+    SkeletonCell: {
+        ({ style, ...otherProps }: import("./cells/SkeletonCell").SkeletonCellProps): React.JSX.Element;
+        defaultProps: {
+            style: {};
+        };
+    };
+    SkeletonContent: ({ isLoading, style }: {
+        isLoading?: boolean | undefined;
+        style?: React.CSSProperties | undefined;
+    }) => React.JSX.Element;
+};

package/dist/esm/types/components/DataTable/SkeletonContent/SkeletonContent.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type SkeletonContentPropTypes = {
+    isLoading?: boolean;
+    style?: React.CSSProperties;
+};
+export declare const SkeletonContent: ({ isLoading, style }: SkeletonContentPropTypes) => React.JSX.Element;
+export {};

package/dist/esm/types/components/DataTable/SpecificState/SpecificState.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SpecificStateType } from '../utils/types';
+type SpecificStatePropTypes = SpecificStateType & {
+    height: number;
+};
+export declare const SpecificState: ({ height, icon, title, subTitle }: SpecificStatePropTypes) => React.JSX.Element;
+export {};

package/dist/esm/types/components/DataTable/SpecificState/styled.d.ts

@@ -0,0 +1,8 @@
+type SpecificStateContainerPropTypes = {
+    height: number;
+};
+declare const SpecificStateContainer: import("styled-components").StyledComponent<"div", any, SpecificStateContainerPropTypes, never>;
+declare const EllipseContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const TitleText: import("styled-components").StyledComponent<"span", any, {} & import("../../Text/types").TextProps, never>;
+declare const SubTitleText: import("styled-components").StyledComponent<"span", any, {} & import("../../Text/types").TextProps, never>;
+export { SpecificStateContainer, EllipseContainer, TitleText, SubTitleText };

package/dist/esm/types/components/DataTable/StickyHeader.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type StickyHeaderPropTypes = {
+    tableRef: React.RefObject<HTMLTableElement>;
+    wrapperRef: React.RefObject<HTMLDivElement>;
+    isFixedLayout: boolean;
+    renderHeader: (offset?: number) => React.ReactNode;
+    wrapperStyle?: React.CSSProperties;
+};
+export declare const StickyHeader: ({ renderHeader, tableRef, wrapperRef, isFixedLayout, wrapperStyle, }: StickyHeaderPropTypes) => React.JSX.Element | null;
+export {};

package/dist/esm/types/components/DataTable/cells/ClickableCell.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CellProps } from '../styled';
+export interface ClickableCellProps extends CellProps {
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+    children: React.ReactNode;
+}
+export declare const ClickableCell: ({ onClick, children, ...otherProps }: ClickableCellProps) => React.JSX.Element;

package/dist/esm/types/components/DataTable/cells/EditableCell.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CellProps } from '../styled';
+export interface EditableCellProps extends CellProps {
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+    children: React.ReactNode;
+}
+export declare const EditableCell: ({ onClick, children, ...otherProps }: EditableCellProps) => React.JSX.Element;

package/dist/esm/types/components/DataTable/cells/SkeletonCell.d.ts

@@ -0,0 +1,11 @@
+import React, { CSSProperties } from 'react';
+import { CellProps } from '../styled';
+export interface SkeletonCellProps extends CellProps {
+    style?: CSSProperties;
+}
+export declare const SkeletonCell: {
+    ({ style, ...otherProps }: SkeletonCellProps): React.JSX.Element;
+    defaultProps: {
+        style: {};
+    };
+};

package/dist/esm/types/components/DataTable/cells/SkeletonHeaderCell.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { SkeletonCellProps } from './SkeletonCell';
+type SkeletonHeaderCellPropTypes = SkeletonCellProps & {
+    width: string | number;
+    isLoading: boolean;
+};
+export declare const SkeletonHeaderCell: ({ style, width, isLoading, ...otherProps }: SkeletonHeaderCellPropTypes) => React.JSX.Element;
+export {};