@6thbridge/hexa 0.0.63 → 0.0.65

package/dist/index.d.mts

@@ -13,6 +13,7 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { Drawer as Drawer$1 } from 'vaul';
 import { RowData, Row, Table as Table$1 } from '@tanstack/react-table';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import dayjs from 'dayjs';
 import { ClassValue } from 'clsx';
 
@@ -159,6 +160,7 @@ interface SelectProps {
     showAsterisk?: boolean;
     description?: React.ReactNode;
     error?: string;
+    id?: string;
 }
 declare const Select: ({ showAsterisk, label, description, error, hideSearch, status, ...props }: SelectProps) => react_jsx_runtime.JSX.Element;
 
@@ -231,9 +233,10 @@ type PopoverPropsType = {
     onOpenAutoFocus?: (e: Event) => void;
     onCloseAutoFocus?: (e: Event) => void;
     portal?: boolean;
+    id?: string;
 };
 declare const Popover: {
-    ({ trigger, children, open, onOpenChange, contentClassName, asChild, align, side, alignOffset, triggerClassName, sideOffset, onOpenAutoFocus, onCloseAutoFocus, portal, ...props }: React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> & PopoverPropsType): react_jsx_runtime.JSX.Element;
+    ({ trigger, children, open, onOpenChange, contentClassName, asChild, align, side, alignOffset, triggerClassName, sideOffset, onOpenAutoFocus, onCloseAutoFocus, portal, id, ...props }: React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> & PopoverPropsType): react_jsx_runtime.JSX.Element;
     displayName: string | undefined;
 };
 
@@ -259,6 +262,8 @@ interface CopyableLabelProps {
     iconsPosition?: "left" | "right";
     clampText?: boolean;
     textClassName?: string;
+    clampMode?: "truncate" | "wrap";
+    isLink?: boolean;
 }
 declare const CopyableLabel: React.FC<CopyableLabelProps>;
 
@@ -283,7 +288,9 @@ type Props = {
 };
 declare const DevBanner: (props: Props) => react_jsx_runtime.JSX.Element | null;
 
-type DrawerRootType = React$1.ComponentProps<typeof Drawer$1.Root>;
+type DrawerRootType = React$1.ComponentProps<typeof Drawer$1.Root> & {
+    id?: string;
+};
 declare const DrawerRoot: {
     ({ shouldScaleBackground, ...props }: DrawerRootType): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -306,7 +313,7 @@ type DrawerPropsType = {
     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, drawerContentClassName, onCloseAutoFocus, }: Omit<DrawerRootType, "value"> & DrawerPropsType) => react_jsx_runtime.JSX.Element;
+declare const Drawer: ({ trigger, children, open, onOpenChange, hideCloseButton, footer, title, description, contentClassName, headerClassName, titleClassName, descriptionClassName, footerClassName, asChild, onOpenAutoFocus, drawerContentClassName, onCloseAutoFocus, id, }: Omit<DrawerRootType, "value"> & DrawerPropsType) => react_jsx_runtime.JSX.Element;
 
 type LocaleOption = {
     key: string;
@@ -394,6 +401,7 @@ type PaginationProps = {
     onPageChange?: (page: number) => void;
     totalItems?: number;
     itemsPerPage?: number;
+    id?: string;
 };
 /**
  * Pagination component for displaying pagination controls.
@@ -402,7 +410,7 @@ type PaginationProps = {
  * @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;
+declare const Pagination: ({ currentPage, totalPages, onPageChange, itemsPerPage, totalItems, id, }: PaginationProps) => react_jsx_runtime.JSX.Element;
 
 type SelectOption = {
     value: string;
@@ -430,6 +438,7 @@ type FilterContentProps = {
     filters: FilterListItem[];
     values?: Record<string, any>;
     setAppliedFilters?: (values: Record<string, any>) => void;
+    id?: string;
 };
 type FilterListOptions = FilterListItem[];
 
@@ -486,8 +495,9 @@ type PageDataToolbarProps = {
     isRefetching?: boolean;
     setAppliedFilters?: (values: Record<string, any>) => void;
     filterListOptions?: FilterListItem[];
+    id?: string;
 };
-declare const PageDataToolbar: ({ onRefetch, search, FilterMenu, ExtraNode, onExport, download, isRefetching, filterListOptions, setAppliedFilters, }: PageDataToolbarProps) => react_jsx_runtime.JSX.Element;
+declare const PageDataToolbar: ({ onRefetch, search, FilterMenu, ExtraNode, onExport, download, isRefetching, filterListOptions, setAppliedFilters, id, }: PageDataToolbarProps) => react_jsx_runtime.JSX.Element;
 
 type ResourcePermission = {
     resource: string;
@@ -522,12 +532,6 @@ declare const useHasPermission: (permission: {
 
 declare const HasResourcePermission: ({ permission, children, }: ResourcePermissionProps) => react_jsx_runtime.JSX.Element;
 
-type FilterPopoverProps = FilterContentProps & {
-    isOpen?: boolean;
-    trigger?: ReactNode;
-};
-declare const FilterPopover: ({ filters, setAppliedFilters, isOpen, }: FilterPopoverProps) => react_jsx_runtime.JSX.Element | null;
-
 type CalendarInputProps = {
     label?: string;
     helpText?: string | React$1.ReactNode;
@@ -545,6 +549,39 @@ declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupP
     className?: string;
 } & React$1.RefAttributes<HTMLButtonElement>>;
 
+type FilterPopoverProps = FilterContentProps & {
+    isOpen?: boolean;
+    trigger?: ReactNode;
+    id?: string;
+};
+declare const FilterPopover: ({ filters, setAppliedFilters, isOpen, id, }: FilterPopoverProps) => react_jsx_runtime.JSX.Element | null;
+
+interface TextOverflowProps extends React__default.HTMLAttributes<HTMLElement> {
+    children: React__default.ReactNode;
+    mode?: "wrap" | "truncate" | "overflow";
+    as?: React__default.ElementType;
+    href?: string;
+}
+/**
+ * TextOverflow is a React component that controls how text overflows its container.
+ *
+ * Props:
+ * - children: ReactNode - The content to display.
+ * - mode: "truncate" | "wrap" | "overflow" (default: "truncate")
+ *      - "truncate": Single line, truncated with ellipsis.
+ *      - "wrap": Allows text to wrap onto multiple lines.
+ *      - "overflow": No special overflow handling.
+ * - as: React.ElementType - The HTML element or React component to render as the container (default: "div").
+ * - href: string (optional) - If provided and 'as' is an anchor, sets the link target to "_blank".
+ * - className: string (optional) - Additional CSS classes for the container.
+ * - ...rest: Other HTML attributes passed to the container.
+ */
+declare const TextOverflow: ({ children, mode, className, as: Component, ...rest }: TextOverflowProps) => react_jsx_runtime.JSX.Element;
+
+declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    viewPortClassName?: string;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
 declare const CurrencySymbolMap: Record<string, string>;
 interface FormatCurrencyOptions {
     convertToMajorCurrency?: boolean;
@@ -566,4 +603,4 @@ declare class DateAction {
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AmountAction, Banner, Button, CalendarInput, CopyableLabel, Country, CurrencySymbolMap, DateAction, DebouncedInput, DevBanner, Dialog, Drawer, DrawerClose, type DrawerPropsType, DrawerRoot, type FilterListItem, type FilterListOptions, FilterPopover, FlagComponent, FormLabel, type FormatCurrencyOptions, HasResourcePermission, Input, Loader, LocaleSelector, OTPInput, PageDataToolbar, Pagination, PasswordInput, PermissionsContext, PermissionsProvider, PhoneInput, Popover, PopoverContent, PopoverRoot, PopoverTrigger, RadioGroup, RadioGroupItem, type ResourcePermission, type ResourcePermissionProps, type ResourcePermissions, Select, Sidebar, Status, Table, type TablePaginationProps, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, buttonVariants, cn, useHasPermission, usePermissions };
+export { AmountAction, Banner, Button, CalendarInput, CopyableLabel, Country, CurrencySymbolMap, DateAction, DebouncedInput, DevBanner, Dialog, Drawer, DrawerClose, type DrawerPropsType, DrawerRoot, type FilterListItem, type FilterListOptions, FilterPopover, FlagComponent, FormLabel, type FormatCurrencyOptions, HasResourcePermission, Input, Loader, LocaleSelector, OTPInput, PageDataToolbar, Pagination, PasswordInput, PermissionsContext, PermissionsProvider, PhoneInput, Popover, PopoverContent, PopoverRoot, PopoverTrigger, RadioGroup, RadioGroupItem, type ResourcePermission, type ResourcePermissionProps, type ResourcePermissions, ScrollArea, Select, Sidebar, Status, Table, type TablePaginationProps, TextOverflow, type TextOverflowProps, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, buttonVariants, cn, useHasPermission, usePermissions };

package/dist/index.d.ts

@@ -13,6 +13,7 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { Drawer as Drawer$1 } from 'vaul';
 import { RowData, Row, Table as Table$1 } from '@tanstack/react-table';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import dayjs from 'dayjs';
 import { ClassValue } from 'clsx';
 
@@ -159,6 +160,7 @@ interface SelectProps {
     showAsterisk?: boolean;
     description?: React.ReactNode;
     error?: string;
+    id?: string;
 }
 declare const Select: ({ showAsterisk, label, description, error, hideSearch, status, ...props }: SelectProps) => react_jsx_runtime.JSX.Element;
 
@@ -231,9 +233,10 @@ type PopoverPropsType = {
     onOpenAutoFocus?: (e: Event) => void;
     onCloseAutoFocus?: (e: Event) => void;
     portal?: boolean;
+    id?: string;
 };
 declare const Popover: {
-    ({ trigger, children, open, onOpenChange, contentClassName, asChild, align, side, alignOffset, triggerClassName, sideOffset, onOpenAutoFocus, onCloseAutoFocus, portal, ...props }: React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> & PopoverPropsType): react_jsx_runtime.JSX.Element;
+    ({ trigger, children, open, onOpenChange, contentClassName, asChild, align, side, alignOffset, triggerClassName, sideOffset, onOpenAutoFocus, onCloseAutoFocus, portal, id, ...props }: React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> & PopoverPropsType): react_jsx_runtime.JSX.Element;
     displayName: string | undefined;
 };
 
@@ -259,6 +262,8 @@ interface CopyableLabelProps {
     iconsPosition?: "left" | "right";
     clampText?: boolean;
     textClassName?: string;
+    clampMode?: "truncate" | "wrap";
+    isLink?: boolean;
 }
 declare const CopyableLabel: React.FC<CopyableLabelProps>;
 
@@ -283,7 +288,9 @@ type Props = {
 };
 declare const DevBanner: (props: Props) => react_jsx_runtime.JSX.Element | null;
 
-type DrawerRootType = React$1.ComponentProps<typeof Drawer$1.Root>;
+type DrawerRootType = React$1.ComponentProps<typeof Drawer$1.Root> & {
+    id?: string;
+};
 declare const DrawerRoot: {
     ({ shouldScaleBackground, ...props }: DrawerRootType): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -306,7 +313,7 @@ type DrawerPropsType = {
     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, drawerContentClassName, onCloseAutoFocus, }: Omit<DrawerRootType, "value"> & DrawerPropsType) => react_jsx_runtime.JSX.Element;
+declare const Drawer: ({ trigger, children, open, onOpenChange, hideCloseButton, footer, title, description, contentClassName, headerClassName, titleClassName, descriptionClassName, footerClassName, asChild, onOpenAutoFocus, drawerContentClassName, onCloseAutoFocus, id, }: Omit<DrawerRootType, "value"> & DrawerPropsType) => react_jsx_runtime.JSX.Element;
 
 type LocaleOption = {
     key: string;
@@ -394,6 +401,7 @@ type PaginationProps = {
     onPageChange?: (page: number) => void;
     totalItems?: number;
     itemsPerPage?: number;
+    id?: string;
 };
 /**
  * Pagination component for displaying pagination controls.
@@ -402,7 +410,7 @@ type PaginationProps = {
  * @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;
+declare const Pagination: ({ currentPage, totalPages, onPageChange, itemsPerPage, totalItems, id, }: PaginationProps) => react_jsx_runtime.JSX.Element;
 
 type SelectOption = {
     value: string;
@@ -430,6 +438,7 @@ type FilterContentProps = {
     filters: FilterListItem[];
     values?: Record<string, any>;
     setAppliedFilters?: (values: Record<string, any>) => void;
+    id?: string;
 };
 type FilterListOptions = FilterListItem[];
 
@@ -486,8 +495,9 @@ type PageDataToolbarProps = {
     isRefetching?: boolean;
     setAppliedFilters?: (values: Record<string, any>) => void;
     filterListOptions?: FilterListItem[];
+    id?: string;
 };
-declare const PageDataToolbar: ({ onRefetch, search, FilterMenu, ExtraNode, onExport, download, isRefetching, filterListOptions, setAppliedFilters, }: PageDataToolbarProps) => react_jsx_runtime.JSX.Element;
+declare const PageDataToolbar: ({ onRefetch, search, FilterMenu, ExtraNode, onExport, download, isRefetching, filterListOptions, setAppliedFilters, id, }: PageDataToolbarProps) => react_jsx_runtime.JSX.Element;
 
 type ResourcePermission = {
     resource: string;
@@ -522,12 +532,6 @@ declare const useHasPermission: (permission: {
 
 declare const HasResourcePermission: ({ permission, children, }: ResourcePermissionProps) => react_jsx_runtime.JSX.Element;
 
-type FilterPopoverProps = FilterContentProps & {
-    isOpen?: boolean;
-    trigger?: ReactNode;
-};
-declare const FilterPopover: ({ filters, setAppliedFilters, isOpen, }: FilterPopoverProps) => react_jsx_runtime.JSX.Element | null;
-
 type CalendarInputProps = {
     label?: string;
     helpText?: string | React$1.ReactNode;
@@ -545,6 +549,39 @@ declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupP
     className?: string;
 } & React$1.RefAttributes<HTMLButtonElement>>;
 
+type FilterPopoverProps = FilterContentProps & {
+    isOpen?: boolean;
+    trigger?: ReactNode;
+    id?: string;
+};
+declare const FilterPopover: ({ filters, setAppliedFilters, isOpen, id, }: FilterPopoverProps) => react_jsx_runtime.JSX.Element | null;
+
+interface TextOverflowProps extends React__default.HTMLAttributes<HTMLElement> {
+    children: React__default.ReactNode;
+    mode?: "wrap" | "truncate" | "overflow";
+    as?: React__default.ElementType;
+    href?: string;
+}
+/**
+ * TextOverflow is a React component that controls how text overflows its container.
+ *
+ * Props:
+ * - children: ReactNode - The content to display.
+ * - mode: "truncate" | "wrap" | "overflow" (default: "truncate")
+ *      - "truncate": Single line, truncated with ellipsis.
+ *      - "wrap": Allows text to wrap onto multiple lines.
+ *      - "overflow": No special overflow handling.
+ * - as: React.ElementType - The HTML element or React component to render as the container (default: "div").
+ * - href: string (optional) - If provided and 'as' is an anchor, sets the link target to "_blank".
+ * - className: string (optional) - Additional CSS classes for the container.
+ * - ...rest: Other HTML attributes passed to the container.
+ */
+declare const TextOverflow: ({ children, mode, className, as: Component, ...rest }: TextOverflowProps) => react_jsx_runtime.JSX.Element;
+
+declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    viewPortClassName?: string;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
 declare const CurrencySymbolMap: Record<string, string>;
 interface FormatCurrencyOptions {
     convertToMajorCurrency?: boolean;
@@ -566,4 +603,4 @@ declare class DateAction {
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AmountAction, Banner, Button, CalendarInput, CopyableLabel, Country, CurrencySymbolMap, DateAction, DebouncedInput, DevBanner, Dialog, Drawer, DrawerClose, type DrawerPropsType, DrawerRoot, type FilterListItem, type FilterListOptions, FilterPopover, FlagComponent, FormLabel, type FormatCurrencyOptions, HasResourcePermission, Input, Loader, LocaleSelector, OTPInput, PageDataToolbar, Pagination, PasswordInput, PermissionsContext, PermissionsProvider, PhoneInput, Popover, PopoverContent, PopoverRoot, PopoverTrigger, RadioGroup, RadioGroupItem, type ResourcePermission, type ResourcePermissionProps, type ResourcePermissions, Select, Sidebar, Status, Table, type TablePaginationProps, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, buttonVariants, cn, useHasPermission, usePermissions };
+export { AmountAction, Banner, Button, CalendarInput, CopyableLabel, Country, CurrencySymbolMap, DateAction, DebouncedInput, DevBanner, Dialog, Drawer, DrawerClose, type DrawerPropsType, DrawerRoot, type FilterListItem, type FilterListOptions, FilterPopover, FlagComponent, FormLabel, type FormatCurrencyOptions, HasResourcePermission, Input, Loader, LocaleSelector, OTPInput, PageDataToolbar, Pagination, PasswordInput, PermissionsContext, PermissionsProvider, PhoneInput, Popover, PopoverContent, PopoverRoot, PopoverTrigger, RadioGroup, RadioGroupItem, type ResourcePermission, type ResourcePermissionProps, type ResourcePermissions, ScrollArea, Select, Sidebar, Status, Table, type TablePaginationProps, TextOverflow, type TextOverflowProps, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, buttonVariants, cn, useHasPermission, usePermissions };