@6thbridge/hexa 0.0.48 → 0.0.50

package/.turbo/turbo-lint.log

@@ -1,5 +1,5 @@
  WARN  Issue while reading "/Users/joachim/.nvm/versions/node/v20.17.0/lib/node_modules/npmrc". EISDIR: illegal operation on a directory, read
 
-> @6thbridge/hexa@0.0.43 lint /Users/joachim/Documents/dev/payfusion/payfusion-component-library/packages/6thbridge-hexa
+> @6thbridge/hexa@0.0.50 lint /Users/joachim/Documents/dev/payfusion/payfusion-component-library/packages/6thbridge-hexa
 > eslint . --max-warnings 0
 

package/dist/index.d.mts

@@ -9,8 +9,8 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { DialogCloseProps } from '@radix-ui/react-dialog';
 import { OTPInputProps as OTPInputProps$1 } from 'react-otp-input';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { RowData, Row, Table as Table$1 } from '@tanstack/react-table';
 import { Drawer as Drawer$1 } from 'vaul';
+import { RowData, Row, Table as Table$1 } from '@tanstack/react-table';
 import dayjs from 'dayjs';
 import { ClassValue } from 'clsx';
 
@@ -212,6 +212,21 @@ declare const Popover: {
     displayName: string | undefined;
 };
 
+interface BannerTypes {
+    type?: "gray" | "info" | "warning" | "success" | "danger";
+}
+interface BannerProps extends BannerTypes {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    showIcon?: boolean;
+    showCloseButton?: boolean;
+    bottomNode?: React.ReactNode;
+    sideNode?: React.ReactNode;
+    open: boolean;
+    onClose?: () => void;
+}
+declare const Banner: ({ type, title, description, open, showCloseButton, bottomNode, sideNode, onClose, showIcon, }: BannerProps) => react_jsx_runtime.JSX.Element | null;
+
 interface CopyableLabelProps {
     text: string;
     textToCopy?: string;
@@ -230,6 +245,60 @@ type DebouncedInputProps = {
 } & Omit<BaseInnerInputProps, "onChange" | "size">;
 declare const DebouncedInput: ({ value: initialValue, onChange, debounce, addon, ...props }: DebouncedInputProps) => react_jsx_runtime.JSX.Element;
 
+type Props = {
+    environment: "staging" | "sandbox" | "production";
+    branch: string;
+    version: string;
+    deployTime: string;
+    onClose: () => void;
+    showBanner: boolean;
+    initDefault: () => void;
+    removeFromStorage: () => void;
+    syncLocalStorageToState: () => void;
+};
+declare const DevBanner: (props: Props) => react_jsx_runtime.JSX.Element | null;
+
+type DrawerRootType = React$1.ComponentProps<typeof Drawer$1.Root>;
+declare const DrawerRoot: {
+    ({ shouldScaleBackground, ...props }: DrawerRootType): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DrawerClose: React$1.ForwardRefExoticComponent<DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+type DrawerPropsType = {
+    trigger?: React$1.ReactNode;
+    children: React$1.ReactNode;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    footer?: React$1.ReactNode;
+    hideCloseButton?: boolean;
+    contentClassName?: string;
+    headerClassName?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
+    footerClassName?: string;
+    asChild?: boolean;
+    onOpenAutoFocus?: (e: Event) => void;
+    onCloseAutoFocus?: (e: Event) => void;
+};
+declare const Drawer: ({ trigger, children, open, onOpenChange, hideCloseButton, footer, title, description, contentClassName, headerClassName, titleClassName, descriptionClassName, footerClassName, asChild, onOpenAutoFocus, onCloseAutoFocus, }: Omit<DrawerRootType, "value"> & DrawerPropsType) => react_jsx_runtime.JSX.Element;
+
+type LocaleOption = {
+    key: string;
+    label: string;
+};
+declare const LocaleSelector: ({ locale, onChange, locales, }: {
+    locale?: string;
+    onChange?: (locale: string) => void;
+    locales?: LocaleOption[];
+}) => react_jsx_runtime.JSX.Element;
+
+type Variant = "success" | "failed" | "pending" | "abandoned";
+declare const Status: ({ status, variant, className, }: {
+    status: string;
+    variant: Variant;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+
 type PaginationProps = {
     currentPage?: number;
     totalPages?: number;
@@ -237,6 +306,14 @@ type PaginationProps = {
     totalItems?: number;
     itemsPerPage?: number;
 };
+/**
+ * Pagination component for displaying pagination controls.
+ * @param {number} currentPage - The current page number.
+ * @param {number} totalPages - The total number of pages.
+ * @param {function} onPageChange - Callback function to handle page change.
+ * @param {number | undefined} itemsPerPage - The number of items per page.
+ */
+declare const Pagination: ({ currentPage, totalPages, onPageChange, itemsPerPage, totalItems, }: PaginationProps) => react_jsx_runtime.JSX.Element;
 
 type TableSearchProps = {
     enabled: boolean;
@@ -270,74 +347,16 @@ type TableProps<T extends RowData> = {
 };
 declare const Table: <T extends RowData>({ table, isMobile, onRowClick, id, onRefetch, isRefetching, FilterMenu, ExtraNode, onExport, search, download, isLoading, pagination, }: TableProps<T>) => react_jsx_runtime.JSX.Element;
 
-type Variant = "success" | "failed" | "pending" | "abandoned";
-declare const Status: ({ status, variant, className, }: {
-    status: string;
-    variant: Variant;
-    className?: string;
-}) => react_jsx_runtime.JSX.Element;
-
-type Props = {
-    environment: "staging" | "sandbox" | "production";
-    branch: string;
-    version: string;
-    deployTime: string;
-    onClose: () => void;
-    showBanner: boolean;
-    initDefault: () => void;
-    removeFromStorage: () => void;
-    syncLocalStorageToState: () => void;
-};
-declare const DevBanner: (props: Props) => react_jsx_runtime.JSX.Element | null;
-
-interface BannerTypes {
-    type?: "gray" | "info" | "warning" | "success" | "danger";
-}
-interface BannerProps extends BannerTypes {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    showIcon?: boolean;
-    showCloseButton?: boolean;
-    bottomNode?: React.ReactNode;
-    sideNode?: React.ReactNode;
-    open: boolean;
-    onClose?: () => void;
-}
-declare const Banner: ({ type, title, description, open, showCloseButton, bottomNode, sideNode, onClose, showIcon, }: BannerProps) => react_jsx_runtime.JSX.Element | null;
-
-type LocaleOption = {
-    key: string;
-    label: string;
-};
-declare const LocaleSelector: ({ locale, onChange, locales, }: {
-    locale?: string;
-    onChange?: (locale: string) => void;
-    locales?: LocaleOption[];
-}) => react_jsx_runtime.JSX.Element;
-
-type DrawerRootType = React$1.ComponentProps<typeof Drawer$1.Root>;
-declare const DrawerRoot: {
-    ({ shouldScaleBackground, ...props }: DrawerRootType): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const DrawerClose: React$1.ForwardRefExoticComponent<DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
-type DrawerPropsType = {
-    trigger?: React$1.ReactNode;
-    children: React$1.ReactNode;
-    title?: React$1.ReactNode;
-    description?: React$1.ReactNode;
-    footer?: React$1.ReactNode;
-    hideCloseButton?: boolean;
-    contentClassName?: string;
-    headerClassName?: string;
-    titleClassName?: string;
-    descriptionClassName?: string;
-    footerClassName?: string;
-    asChild?: boolean;
-    onOpenAutoFocus?: (e: Event) => void;
-    onCloseAutoFocus?: (e: Event) => void;
+type PageDataToolbarProps = {
+    onRefetch?: () => void;
+    search?: TableSearchProps;
+    FilterMenu?: ReactNode;
+    ExtraNode?: ReactNode;
+    onExport?: () => void;
+    download?: TableDownloadProps;
+    isRefetching?: boolean;
 };
-declare const Drawer: ({ trigger, children, open, onOpenChange, hideCloseButton, footer, title, description, contentClassName, headerClassName, titleClassName, descriptionClassName, footerClassName, asChild, onOpenAutoFocus, onCloseAutoFocus, }: Omit<DrawerRootType, "value"> & DrawerPropsType) => react_jsx_runtime.JSX.Element;
+declare const PageDataToolbar: ({ onRefetch, search, FilterMenu, ExtraNode, onExport, download, isRefetching, }: PageDataToolbarProps) => react_jsx_runtime.JSX.Element;
 
 declare const CurrencySymbolMap: Record<string, string>;
 interface FormatCurrencyOptions {
@@ -360,4 +379,4 @@ declare class DateAction {
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AmountAction, Banner, Button, CopyableLabel, Country, CurrencySymbolMap, DateAction, DebouncedInput, DevBanner, Dialog, Drawer, DrawerClose, type DrawerPropsType, DrawerRoot, FlagComponent, FormLabel, type FormatCurrencyOptions, Input, Loader, LocaleSelector, OTPInput, PasswordInput, PhoneInput, Popover, PopoverContent, PopoverRoot, PopoverTrigger, Select, Status, Table, type TablePaginationProps, Textarea, buttonVariants, cn };
+export { AmountAction, Banner, Button, CopyableLabel, Country, CurrencySymbolMap, DateAction, DebouncedInput, DevBanner, Dialog, Drawer, DrawerClose, type DrawerPropsType, DrawerRoot, FlagComponent, FormLabel, type FormatCurrencyOptions, Input, Loader, LocaleSelector, OTPInput, PageDataToolbar, Pagination, PasswordInput, PhoneInput, Popover, PopoverContent, PopoverRoot, PopoverTrigger, Select, Status, Table, type TablePaginationProps, Textarea, buttonVariants, cn };

package/dist/index.d.ts

@@ -9,8 +9,8 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { DialogCloseProps } from '@radix-ui/react-dialog';
 import { OTPInputProps as OTPInputProps$1 } from 'react-otp-input';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { RowData, Row, Table as Table$1 } from '@tanstack/react-table';
 import { Drawer as Drawer$1 } from 'vaul';
+import { RowData, Row, Table as Table$1 } from '@tanstack/react-table';
 import dayjs from 'dayjs';
 import { ClassValue } from 'clsx';
 
@@ -212,6 +212,21 @@ declare const Popover: {
     displayName: string | undefined;
 };
 
+interface BannerTypes {
+    type?: "gray" | "info" | "warning" | "success" | "danger";
+}
+interface BannerProps extends BannerTypes {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    showIcon?: boolean;
+    showCloseButton?: boolean;
+    bottomNode?: React.ReactNode;
+    sideNode?: React.ReactNode;
+    open: boolean;
+    onClose?: () => void;
+}
+declare const Banner: ({ type, title, description, open, showCloseButton, bottomNode, sideNode, onClose, showIcon, }: BannerProps) => react_jsx_runtime.JSX.Element | null;
+
 interface CopyableLabelProps {
     text: string;
     textToCopy?: string;
@@ -230,6 +245,60 @@ type DebouncedInputProps = {
 } & Omit<BaseInnerInputProps, "onChange" | "size">;
 declare const DebouncedInput: ({ value: initialValue, onChange, debounce, addon, ...props }: DebouncedInputProps) => react_jsx_runtime.JSX.Element;
 
+type Props = {
+    environment: "staging" | "sandbox" | "production";
+    branch: string;
+    version: string;
+    deployTime: string;
+    onClose: () => void;
+    showBanner: boolean;
+    initDefault: () => void;
+    removeFromStorage: () => void;
+    syncLocalStorageToState: () => void;
+};
+declare const DevBanner: (props: Props) => react_jsx_runtime.JSX.Element | null;
+
+type DrawerRootType = React$1.ComponentProps<typeof Drawer$1.Root>;
+declare const DrawerRoot: {
+    ({ shouldScaleBackground, ...props }: DrawerRootType): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DrawerClose: React$1.ForwardRefExoticComponent<DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+type DrawerPropsType = {
+    trigger?: React$1.ReactNode;
+    children: React$1.ReactNode;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    footer?: React$1.ReactNode;
+    hideCloseButton?: boolean;
+    contentClassName?: string;
+    headerClassName?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
+    footerClassName?: string;
+    asChild?: boolean;
+    onOpenAutoFocus?: (e: Event) => void;
+    onCloseAutoFocus?: (e: Event) => void;
+};
+declare const Drawer: ({ trigger, children, open, onOpenChange, hideCloseButton, footer, title, description, contentClassName, headerClassName, titleClassName, descriptionClassName, footerClassName, asChild, onOpenAutoFocus, onCloseAutoFocus, }: Omit<DrawerRootType, "value"> & DrawerPropsType) => react_jsx_runtime.JSX.Element;
+
+type LocaleOption = {
+    key: string;
+    label: string;
+};
+declare const LocaleSelector: ({ locale, onChange, locales, }: {
+    locale?: string;
+    onChange?: (locale: string) => void;
+    locales?: LocaleOption[];
+}) => react_jsx_runtime.JSX.Element;
+
+type Variant = "success" | "failed" | "pending" | "abandoned";
+declare const Status: ({ status, variant, className, }: {
+    status: string;
+    variant: Variant;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+
 type PaginationProps = {
     currentPage?: number;
     totalPages?: number;
@@ -237,6 +306,14 @@ type PaginationProps = {
     totalItems?: number;
     itemsPerPage?: number;
 };
+/**
+ * Pagination component for displaying pagination controls.
+ * @param {number} currentPage - The current page number.
+ * @param {number} totalPages - The total number of pages.
+ * @param {function} onPageChange - Callback function to handle page change.
+ * @param {number | undefined} itemsPerPage - The number of items per page.
+ */
+declare const Pagination: ({ currentPage, totalPages, onPageChange, itemsPerPage, totalItems, }: PaginationProps) => react_jsx_runtime.JSX.Element;
 
 type TableSearchProps = {
     enabled: boolean;
@@ -270,74 +347,16 @@ type TableProps<T extends RowData> = {
 };
 declare const Table: <T extends RowData>({ table, isMobile, onRowClick, id, onRefetch, isRefetching, FilterMenu, ExtraNode, onExport, search, download, isLoading, pagination, }: TableProps<T>) => react_jsx_runtime.JSX.Element;
 
-type Variant = "success" | "failed" | "pending" | "abandoned";
-declare const Status: ({ status, variant, className, }: {
-    status: string;
-    variant: Variant;
-    className?: string;
-}) => react_jsx_runtime.JSX.Element;
-
-type Props = {
-    environment: "staging" | "sandbox" | "production";
-    branch: string;
-    version: string;
-    deployTime: string;
-    onClose: () => void;
-    showBanner: boolean;
-    initDefault: () => void;
-    removeFromStorage: () => void;
-    syncLocalStorageToState: () => void;
-};
-declare const DevBanner: (props: Props) => react_jsx_runtime.JSX.Element | null;
-
-interface BannerTypes {
-    type?: "gray" | "info" | "warning" | "success" | "danger";
-}
-interface BannerProps extends BannerTypes {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    showIcon?: boolean;
-    showCloseButton?: boolean;
-    bottomNode?: React.ReactNode;
-    sideNode?: React.ReactNode;
-    open: boolean;
-    onClose?: () => void;
-}
-declare const Banner: ({ type, title, description, open, showCloseButton, bottomNode, sideNode, onClose, showIcon, }: BannerProps) => react_jsx_runtime.JSX.Element | null;
-
-type LocaleOption = {
-    key: string;
-    label: string;
-};
-declare const LocaleSelector: ({ locale, onChange, locales, }: {
-    locale?: string;
-    onChange?: (locale: string) => void;
-    locales?: LocaleOption[];
-}) => react_jsx_runtime.JSX.Element;
-
-type DrawerRootType = React$1.ComponentProps<typeof Drawer$1.Root>;
-declare const DrawerRoot: {
-    ({ shouldScaleBackground, ...props }: DrawerRootType): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const DrawerClose: React$1.ForwardRefExoticComponent<DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
-type DrawerPropsType = {
-    trigger?: React$1.ReactNode;
-    children: React$1.ReactNode;
-    title?: React$1.ReactNode;
-    description?: React$1.ReactNode;
-    footer?: React$1.ReactNode;
-    hideCloseButton?: boolean;
-    contentClassName?: string;
-    headerClassName?: string;
-    titleClassName?: string;
-    descriptionClassName?: string;
-    footerClassName?: string;
-    asChild?: boolean;
-    onOpenAutoFocus?: (e: Event) => void;
-    onCloseAutoFocus?: (e: Event) => void;
+type PageDataToolbarProps = {
+    onRefetch?: () => void;
+    search?: TableSearchProps;
+    FilterMenu?: ReactNode;
+    ExtraNode?: ReactNode;
+    onExport?: () => void;
+    download?: TableDownloadProps;
+    isRefetching?: boolean;
 };
-declare const Drawer: ({ trigger, children, open, onOpenChange, hideCloseButton, footer, title, description, contentClassName, headerClassName, titleClassName, descriptionClassName, footerClassName, asChild, onOpenAutoFocus, onCloseAutoFocus, }: Omit<DrawerRootType, "value"> & DrawerPropsType) => react_jsx_runtime.JSX.Element;
+declare const PageDataToolbar: ({ onRefetch, search, FilterMenu, ExtraNode, onExport, download, isRefetching, }: PageDataToolbarProps) => react_jsx_runtime.JSX.Element;
 
 declare const CurrencySymbolMap: Record<string, string>;
 interface FormatCurrencyOptions {
@@ -360,4 +379,4 @@ declare class DateAction {
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AmountAction, Banner, Button, CopyableLabel, Country, CurrencySymbolMap, DateAction, DebouncedInput, DevBanner, Dialog, Drawer, DrawerClose, type DrawerPropsType, DrawerRoot, FlagComponent, FormLabel, type FormatCurrencyOptions, Input, Loader, LocaleSelector, OTPInput, PasswordInput, PhoneInput, Popover, PopoverContent, PopoverRoot, PopoverTrigger, Select, Status, Table, type TablePaginationProps, Textarea, buttonVariants, cn };
+export { AmountAction, Banner, Button, CopyableLabel, Country, CurrencySymbolMap, DateAction, DebouncedInput, DevBanner, Dialog, Drawer, DrawerClose, type DrawerPropsType, DrawerRoot, FlagComponent, FormLabel, type FormatCurrencyOptions, Input, Loader, LocaleSelector, OTPInput, PageDataToolbar, Pagination, PasswordInput, PhoneInput, Popover, PopoverContent, PopoverRoot, PopoverTrigger, Select, Status, Table, type TablePaginationProps, Textarea, buttonVariants, cn };