@6thbridge/hexa 0.0.66 → 0.0.68

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 zustand from 'zustand';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import dayjs from 'dayjs';
 import { ClassValue } from 'clsx';
@@ -56,6 +57,7 @@ declare const buttonVariants: (props?: ({
     variant?: "primary" | "danger" | "neutral" | "outlined" | "danger-outlined" | "light-outlined" | "dark-text" | "light" | null | undefined;
     size?: "default" | "sm" | "lg" | "md" | "icon-sm" | "icon" | "icon-lg" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
 interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
     isLoading?: boolean;
@@ -438,10 +440,26 @@ type FilterContentProps = {
     filters: FilterListItem[];
     values?: Record<string, any>;
     setAppliedFilters?: (values: Record<string, any>) => void;
+    onChange?: (values: Record<string, any>) => void;
     id?: string;
 };
 type FilterListOptions = FilterListItem[];
 
+type RowAction = {
+    icon: React__default.ReactNode;
+    label: React__default.ReactNode;
+    onClick: (rowIds: string[]) => void;
+    className?: string;
+    variant?: ButtonVariant;
+    disabled?: boolean;
+    showCount?: boolean;
+};
+type TableBulkRowActionsProps = {
+    tableBulkActions: RowAction[];
+    selectedRows: string[];
+    isMobile?: boolean;
+};
+
 type TableSearchProps = {
     enabled: boolean;
     debounceRate?: number;
@@ -482,8 +500,13 @@ type TableProps<T extends RowData> = {
     pagination?: TablePaginationProps;
     search?: TableSearchProps;
     table: Table$1<T>;
+    onFilterChange?: (values: Record<string, any>) => void;
+    tableBulkActions?: {
+        actions: TableBulkRowActionsProps["tableBulkActions"];
+        selectedRows?: TableBulkRowActionsProps["selectedRows"];
+    };
 };
-declare const Table: <T extends RowData>({ table, isMobile, onRowClick, id, onRefetch, isRefetching, FilterMenu, ExtraNode, onExport, search, download, isLoading, pagination, filterListOptions, setAppliedFilters, }: TableProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Table: <T extends RowData>({ table, isMobile, onRowClick, id, onRefetch, isRefetching, FilterMenu, ExtraNode, onExport, search, download, isLoading, pagination, filterListOptions, setAppliedFilters, onFilterChange, tableBulkActions, }: TableProps<T>) => react_jsx_runtime.JSX.Element;
 
 type PageDataToolbarProps = {
     onRefetch?: () => void;
@@ -494,10 +517,11 @@ type PageDataToolbarProps = {
     download?: TableDownloadProps;
     isRefetching?: boolean;
     setAppliedFilters?: (values: Record<string, any>) => void;
+    onFilterChange?: (values: Record<string, any>) => void;
     filterListOptions?: FilterListItem[];
     id?: string;
 };
-declare const PageDataToolbar: ({ onRefetch, search, FilterMenu, ExtraNode, onExport, download, isRefetching, filterListOptions, setAppliedFilters, id, }: PageDataToolbarProps) => react_jsx_runtime.JSX.Element;
+declare const PageDataToolbar: ({ onRefetch, search, FilterMenu, ExtraNode, onExport, download, isRefetching, filterListOptions, setAppliedFilters, onFilterChange, id, }: PageDataToolbarProps) => react_jsx_runtime.JSX.Element;
 
 type ResourcePermission = {
     resource: string;
@@ -553,8 +577,16 @@ type FilterPopoverProps = FilterContentProps & {
     isOpen?: boolean;
     trigger?: ReactNode;
     id?: string;
+    onChange?: (values: Record<string, any>) => void;
 };
-declare const FilterPopover: ({ filters, setAppliedFilters, isOpen, id, }: FilterPopoverProps) => react_jsx_runtime.JSX.Element | null;
+declare const FilterPopover: ({ filters, setAppliedFilters, isOpen, onChange, id, }: FilterPopoverProps) => react_jsx_runtime.JSX.Element | null;
+
+interface FilterSliceType {
+    filters: Record<string, any> | null;
+    upDateFilter: (items: Record<string, any> | ((prev: Record<string, any> | null) => Record<string, any> | null) | null) => void;
+    resetFilters: () => void;
+}
+declare const useFilterStore: () => zustand.UseBoundStore<zustand.StoreApi<FilterSliceType>>;
 
 interface TextOverflowProps extends React__default.HTMLAttributes<HTMLElement> {
     children: React__default.ReactNode;
@@ -603,4 +635,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, ScrollArea, Select, Sidebar, Status, Table, type TablePaginationProps, TextOverflow, type TextOverflowProps, 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 TableBulkRowActionsProps, type TablePaginationProps, TextOverflow, type TextOverflowProps, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, buttonVariants, cn, useFilterStore, 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 zustand from 'zustand';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import dayjs from 'dayjs';
 import { ClassValue } from 'clsx';
@@ -56,6 +57,7 @@ declare const buttonVariants: (props?: ({
     variant?: "primary" | "danger" | "neutral" | "outlined" | "danger-outlined" | "light-outlined" | "dark-text" | "light" | null | undefined;
     size?: "default" | "sm" | "lg" | "md" | "icon-sm" | "icon" | "icon-lg" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
 interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
     isLoading?: boolean;
@@ -438,10 +440,26 @@ type FilterContentProps = {
     filters: FilterListItem[];
     values?: Record<string, any>;
     setAppliedFilters?: (values: Record<string, any>) => void;
+    onChange?: (values: Record<string, any>) => void;
     id?: string;
 };
 type FilterListOptions = FilterListItem[];
 
+type RowAction = {
+    icon: React__default.ReactNode;
+    label: React__default.ReactNode;
+    onClick: (rowIds: string[]) => void;
+    className?: string;
+    variant?: ButtonVariant;
+    disabled?: boolean;
+    showCount?: boolean;
+};
+type TableBulkRowActionsProps = {
+    tableBulkActions: RowAction[];
+    selectedRows: string[];
+    isMobile?: boolean;
+};
+
 type TableSearchProps = {
     enabled: boolean;
     debounceRate?: number;
@@ -482,8 +500,13 @@ type TableProps<T extends RowData> = {
     pagination?: TablePaginationProps;
     search?: TableSearchProps;
     table: Table$1<T>;
+    onFilterChange?: (values: Record<string, any>) => void;
+    tableBulkActions?: {
+        actions: TableBulkRowActionsProps["tableBulkActions"];
+        selectedRows?: TableBulkRowActionsProps["selectedRows"];
+    };
 };
-declare const Table: <T extends RowData>({ table, isMobile, onRowClick, id, onRefetch, isRefetching, FilterMenu, ExtraNode, onExport, search, download, isLoading, pagination, filterListOptions, setAppliedFilters, }: TableProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Table: <T extends RowData>({ table, isMobile, onRowClick, id, onRefetch, isRefetching, FilterMenu, ExtraNode, onExport, search, download, isLoading, pagination, filterListOptions, setAppliedFilters, onFilterChange, tableBulkActions, }: TableProps<T>) => react_jsx_runtime.JSX.Element;
 
 type PageDataToolbarProps = {
     onRefetch?: () => void;
@@ -494,10 +517,11 @@ type PageDataToolbarProps = {
     download?: TableDownloadProps;
     isRefetching?: boolean;
     setAppliedFilters?: (values: Record<string, any>) => void;
+    onFilterChange?: (values: Record<string, any>) => void;
     filterListOptions?: FilterListItem[];
     id?: string;
 };
-declare const PageDataToolbar: ({ onRefetch, search, FilterMenu, ExtraNode, onExport, download, isRefetching, filterListOptions, setAppliedFilters, id, }: PageDataToolbarProps) => react_jsx_runtime.JSX.Element;
+declare const PageDataToolbar: ({ onRefetch, search, FilterMenu, ExtraNode, onExport, download, isRefetching, filterListOptions, setAppliedFilters, onFilterChange, id, }: PageDataToolbarProps) => react_jsx_runtime.JSX.Element;
 
 type ResourcePermission = {
     resource: string;
@@ -553,8 +577,16 @@ type FilterPopoverProps = FilterContentProps & {
     isOpen?: boolean;
     trigger?: ReactNode;
     id?: string;
+    onChange?: (values: Record<string, any>) => void;
 };
-declare const FilterPopover: ({ filters, setAppliedFilters, isOpen, id, }: FilterPopoverProps) => react_jsx_runtime.JSX.Element | null;
+declare const FilterPopover: ({ filters, setAppliedFilters, isOpen, onChange, id, }: FilterPopoverProps) => react_jsx_runtime.JSX.Element | null;
+
+interface FilterSliceType {
+    filters: Record<string, any> | null;
+    upDateFilter: (items: Record<string, any> | ((prev: Record<string, any> | null) => Record<string, any> | null) | null) => void;
+    resetFilters: () => void;
+}
+declare const useFilterStore: () => zustand.UseBoundStore<zustand.StoreApi<FilterSliceType>>;
 
 interface TextOverflowProps extends React__default.HTMLAttributes<HTMLElement> {
     children: React__default.ReactNode;
@@ -603,4 +635,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, ScrollArea, Select, Sidebar, Status, Table, type TablePaginationProps, TextOverflow, type TextOverflowProps, 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 TableBulkRowActionsProps, type TablePaginationProps, TextOverflow, type TextOverflowProps, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, buttonVariants, cn, useFilterStore, useHasPermission, usePermissions };