@ztwoint/z-ui 0.1.45 → 0.1.47

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1 @@
+export declare const useClickOutside: (ref: React.RefObject<HTMLElement | null>, callback: () => void) => void;

package/dist/hooks/useClickOutside.js

@@ -0,0 +1,14 @@
+import { useEffect as r } from "react";
+const s = (t, n) => {
+  r(() => {
+    function e(o) {
+      t.current && !t.current.contains(o.target) && n();
+    }
+    return document.addEventListener("mousedown", e), document.addEventListener("touchstart", e), () => {
+      document.removeEventListener("mousedown", e), document.removeEventListener("touchstart", e);
+    };
+  }, [t, n]);
+};
+export {
+  s as useClickOutside
+};

package/dist/index.js

@@ -1,133 +1,129 @@
 /* empty css                    */
-import { Alert as p, AlertDescription as n, AlertTitle as l } from "./components/alert/alert.js";
+import { Alert as p, AlertDescription as n, AlertTitle as m } from "./components/alert/alert.js";
 import { AlertCirclesIcon as f } from "./components/alert/icons/circles-icon.js";
 import { Button as i, buttonVariants as Z } from "./components/button/button.js";
-import { Z2SideNavBarProvider as u } from "./components/collapsible-side-nav-bar/side-nav-bar-provider.js";
-import { Z2SideNavBar as D, Z2SidebarVariants as T } from "./components/collapsible-side-nav-bar/side-nav-bar.js";
+import { Z2SideNavBarProvider as S } from "./components/collapsible-side-nav-bar/side-nav-bar-provider.js";
+import { Z2SideNavBar as D, Z2SidebarVariants as b } from "./components/collapsible-side-nav-bar/side-nav-bar.js";
 import { Z2SideNavBarHeader as g } from "./components/collapsible-side-nav-bar/side-nav-bar-header.js";
 import { Z2SideNavBarContent as w } from "./components/collapsible-side-nav-bar/side-nav-bar-content.js";
 import { Z2SideNavBarFooter as s } from "./components/collapsible-side-nav-bar/side-nav-bar-footer.js";
 import { Z2SideNavBarGroup as v } from "./components/collapsible-side-nav-bar/side-nav-bar-group.js";
 import { Z2SideNavBarItem as M } from "./components/collapsible-side-nav-bar/side-nav-bar-item.js";
-import { Z2SideNavBarSeparator as N } from "./components/collapsible-side-nav-bar/side-nav-bar-separator.js";
-import { useZ2SideNavBar as L } from "./components/collapsible-side-nav-bar/context.js";
+import { Z2SideNavBarSeparator as P } from "./components/collapsible-side-nav-bar/side-nav-bar-separator.js";
+import { useZ2SideNavBar as N } from "./components/collapsible-side-nav-bar/context.js";
 import { Z2Popover as F } from "./components/collapsible-side-nav-bar/popover/popover.js";
 import { ChevronUpIcon as _ } from "./components/assets/icons/chevron-up-icon.js";
 import { default as h } from "./components/assets/icons/sub-nav-indicator.js";
-import { default as G } from "./components/assets/icons/circles-icon.js";
-import { default as U } from "./components/assets/icons/database-copy.js";
+import { default as R } from "./components/assets/icons/circles-icon.js";
+import { default as V } from "./components/assets/icons/database-copy.js";
 import { default as k } from "./components/assets/icons/window-left-copy.js";
 import { default as J } from "./components/assets/icons/sidebar-left-show-copy.js";
 import { SIDEBAR_WIDTH as Y, SIDEBAR_WIDTH_COLLAPSED as j } from "./components/collapsible-side-nav-bar/constants.js";
 import { CountryFlags as z } from "./components/country-flags/country-flags.js";
-import { Z2Dialog as X, Z2DialogClose as $, Z2DialogContent as oo, Z2DialogDescription as eo, Z2DialogFooter as ro, Z2DialogHeader as to, Z2DialogOverlay as ao, Z2DialogPortal as po, Z2DialogTitle as no, Z2DialogTrigger as lo } from "./components/dialog/dialog.js";
-import { DropdownContext as fo, Z2Dropdown as xo, Z2DropdownContent as io, Z2DropdownInput as Zo, Z2DropdownItem as uo, Z2DropdownSub as So, Z2DropdownSubContent as Do, Z2DropdownSubItem as To, Z2DropdownSubTrigger as bo } from "./components/dropdown/z2-dropdown.js";
-import { Z2DropdownMenu as Co, Z2DropdownMenuCheckboxItem as wo, Z2DropdownMenuContent as co, Z2DropdownMenuGroup as so, Z2DropdownMenuItem as Io, Z2DropdownMenuLabel as vo, Z2DropdownMenuPortal as Bo, Z2DropdownMenuRadioGroup as Mo, Z2DropdownMenuRadioItem as Ao, Z2DropdownMenuSeparator as No, Z2DropdownMenuShortcut as Po, Z2DropdownMenuSub as Lo, Z2DropdownMenuSubContent as Eo, Z2DropdownMenuSubTrigger as Fo, Z2DropdownMenuTrigger as Ho } from "./components/dropdown-menu/z2-dropdown-menu.js";
+import { Z2Dialog as X, Z2DialogClose as $, Z2DialogContent as oo, Z2DialogDescription as ro, Z2DialogFooter as eo, Z2DialogHeader as to, Z2DialogOverlay as ao, Z2DialogPortal as po, Z2DialogTitle as no, Z2DialogTrigger as mo } from "./components/dialog/dialog.js";
+import { DropdownContext as fo, Z2Dropdown as xo, Z2DropdownContent as io, Z2DropdownInput as Zo, Z2DropdownItem as So, Z2DropdownSub as uo, Z2DropdownSubContent as Do, Z2DropdownSubItem as bo, Z2DropdownSubTrigger as To } from "./components/dropdown/z2-dropdown.js";
+import { Z2DropdownMenu as Co, Z2DropdownMenuCheckboxItem as wo, Z2DropdownMenuContent as co, Z2DropdownMenuGroup as so, Z2DropdownMenuItem as Io, Z2DropdownMenuLabel as vo, Z2DropdownMenuPortal as Bo, Z2DropdownMenuRadioGroup as Mo, Z2DropdownMenuRadioItem as Ao, Z2DropdownMenuSeparator as Po, Z2DropdownMenuShortcut as Lo, Z2DropdownMenuSub as No, Z2DropdownMenuSubContent as Eo, Z2DropdownMenuSubTrigger as Fo, Z2DropdownMenuTrigger as Ho } from "./components/dropdown-menu/z2-dropdown-menu.js";
 import { FileUploadArea as yo } from "./components/file-upload-area/file-upload-area.js";
-import { DEFAULT_ACCEPT as Vo } from "./components/file-upload-area/file-upload-area.const.js";
-import { Input as Ro } from "./components/input/input.js";
+import { DEFAULT_ACCEPT as Go } from "./components/file-upload-area/file-upload-area.const.js";
+import { Input as Uo } from "./components/input/input.js";
 import { NavHeader as Wo } from "./components/nav-header/nav-header.js";
 import { NavItem as Oo } from "./components/nav-header/nav-item/nav-item.js";
-import { Z2Select as Qo, Z2SelectContent as Yo, Z2SelectGroup as jo, Z2SelectItem as qo, Z2SelectLabel as zo, Z2SelectScrollDownButton as Ko, Z2SelectScrollUpButton as Xo, Z2SelectSeparator as $o, Z2SelectTrigger as oe, Z2SelectValue as ee } from "./components/select/z2-select.js";
-import { Z2Stepper as te } from "./components/stepper/stepper.js";
-import { Z2StepperItem as pe } from "./components/stepper-item/stepper-item.js";
-import { Z2Tabs as le, Z2TabsContent as me, Z2TabsList as fe, Z2TabsTrigger as xe } from "./components/tab/tab.js";
-import { Table as Ze, TableProvider as de } from "./components/table/table-provider.js";
-import { TableBody as Se } from "./components/table/table.js";
-import { extractCellValue as Te, getNestedValue as be } from "./components/table/table.utils.js";
-import { DEFAULT_EMPTY_MESSAGE as Ce, TABLE_CSS_CLASSES as we } from "./components/table/table.const.js";
-import { TableContext as se, useTableContext as Ie } from "./components/table/table.context.js";
-import { TableCell as Be } from "./components/table/components/table-cell.js";
-import { TextCell as Ae } from "./components/table/components/cell/text-cell.js";
-import { NumberCell as Pe } from "./components/table/components/cell/number-cell.js";
-import { BooleanCell as Ee } from "./components/table/components/cell/boolean-cell.js";
-import { TableHeader as He } from "./components/table/components/table-header/table-header.js";
+import { Z2Select as Qo, Z2SelectContent as Yo, Z2SelectGroup as jo, Z2SelectItem as qo, Z2SelectLabel as zo, Z2SelectScrollDownButton as Ko, Z2SelectScrollUpButton as Xo, Z2SelectSeparator as $o, Z2SelectTrigger as or, Z2SelectValue as rr } from "./components/select/z2-select.js";
+import { Z2Stepper as tr } from "./components/stepper/stepper.js";
+import { Z2StepperItem as pr } from "./components/stepper-item/stepper-item.js";
+import { Z2Tabs as mr, Z2TabsContent as lr, Z2TabsList as fr, Z2TabsTrigger as xr } from "./components/tab/tab.js";
+import { Table as Zr, TableProvider as dr } from "./components/table/table-provider.js";
+import { TableBody as ur } from "./components/table/table.js";
+import { extractCellValue as br } from "./components/table/table.utils.js";
+import { DEFAULT_EMPTY_MESSAGE as gr, TABLE_CSS_CLASSES as Cr } from "./components/table/table.const.js";
+import { TableContext as cr, useTableContext as sr } from "./components/table/table.context.js";
+import { TableCell as vr } from "./components/table/components/table-cell.js";
+import { NumberCell as Mr } from "./components/table/components/cell/number-cell.js";
+import { BooleanCell as Pr } from "./components/table/components/cell/boolean-cell.js";
 import "react/jsx-runtime";
-import { TableRow as ye } from "./components/table/components/table-row.js";
-import { TableEmptyState as Ve } from "./components/table/components/table-empty-state.js";
-import { TableLoadingState as Re } from "./components/table/components/table-loading-state.js";
-import { Pagination as We } from "./components/table/components/pagination/pagination.js";
-import { TableHeaderWrapper as Oe } from "./components/table/components/table-header-wrapper.js";
-import { TableHeaderContent as Qe } from "./components/table/components/table-header-content.js";
-import { TableFooter as je } from "./components/table/components/table-footer.js";
-import { TableFooterContent as ze } from "./components/table/components/table-footer-content.js";
-import { MagnifierIcon as Xe } from "./components/assets/icons/magnifier-icon.js";
-import { TableFilter as or } from "./components/table/components/table-filter/table-filter.js";
-import { PaginationInfo as rr } from "./components/table/components/pagination/components/pagination-info.js";
-import { PaginationQuickJumper as ar } from "./components/table/components/pagination/components/pagination-quick-jumper.js";
+import { useTheme as Nr } from "./lib/theme.hook.js";
+import { cn as Fr } from "./lib/utils.js";
+import { Z2Tooltip as _r } from "./components/tooltip/tooltip.js";
+import { default as hr } from "./components/table-card/table-card.js";
+import { Badge as Rr, badgeVariants as Ur } from "./components/badge/badge.js";
+import { Avatar as Wr, AvatarWithLabel as kr } from "./components/avatar/avatar.js";
+import { InfoIcon as Jr } from "./components/assets/icons/info-icon.js";
+import { MagnifierIcon as Yr } from "./components/assets/icons/magnifier-icon.js";
+import { TableHeader as qr } from "./components/table/components/table-header/table-header.js";
+import { TableRow as Kr } from "./components/table/components/table-row.js";
+import { TableEmptyState as $r } from "./components/table/components/table-empty-state.js";
+import { TableLoadingState as re } from "./components/table/components/table-loading-state.js";
+import { Pagination as te } from "./components/table/components/pagination/pagination.js";
+import { TableHeaderWrapper as pe } from "./components/table/components/table-header-wrapper.js";
+import { TableHeaderContent as me } from "./components/table/components/table-header-content.js";
+import { TableFooter as fe } from "./components/table/components/table-footer.js";
+import { TableFooterContent as ie } from "./components/table/components/table-footer-content.js";
+import { PaginationInfo as de } from "./components/table/components/pagination/components/pagination-info.js";
+import { PaginationQuickJumper as ue } from "./components/table/components/pagination/components/pagination-quick-jumper.js";
 import "react";
-import { Z2Tooltip as nr } from "./components/tooltip/tooltip.js";
-import { default as mr } from "./components/table-card/table-card.js";
-import { Badge as xr, badgeVariants as ir } from "./components/badge/badge.js";
-import { Avatar as dr, AvatarWithLabel as ur } from "./components/avatar/avatar.js";
-import { InfoIcon as Dr } from "./components/assets/icons/info-icon.js";
-import { useTheme as br } from "./lib/theme.hook.js";
-import { cn as Cr } from "./lib/utils.js";
-import { Z2PopoverTrigger as cr } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
-import { Z2PopoverContent as Ir } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
+import { Z2PopoverTrigger as be } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
+import { Z2PopoverContent as ge } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
 export {
   p as Alert,
   f as AlertCirclesIcon,
   n as AlertDescription,
-  l as AlertTitle,
-  dr as Avatar,
-  ur as AvatarWithLabel,
-  xr as Badge,
-  Ee as BooleanCell,
+  m as AlertTitle,
+  Wr as Avatar,
+  kr as AvatarWithLabel,
+  Rr as Badge,
+  Pr as BooleanCell,
   i as Button,
   _ as ChevronUpIcon,
-  G as CirclesIcon,
+  R as CirclesIcon,
   z as CountryFlags,
-  Vo as DEFAULT_ACCEPT,
-  Ce as DEFAULT_EMPTY_MESSAGE,
-  U as DatabaseCopy,
+  Go as DEFAULT_ACCEPT,
+  gr as DEFAULT_EMPTY_MESSAGE,
+  V as DatabaseCopy,
   fo as DropdownContext,
   yo as FileUploadArea,
-  Dr as InfoIcon,
-  Ro as Input,
-  Xe as MagnifierIcon,
+  Jr as InfoIcon,
+  Uo as Input,
+  Yr as MagnifierIcon,
   Wo as NavHeader,
   Oo as NavItem,
-  Pe as NumberCell,
-  rr as PaginationInfo,
-  ar as PaginationQuickJumper,
+  Mr as NumberCell,
+  de as PaginationInfo,
+  ue as PaginationQuickJumper,
   Y as SIDEBAR_WIDTH,
   j as SIDEBAR_WIDTH_COLLAPSED,
   J as SidebarLeftShowCopy,
   h as SubNavIndicator,
-  we as TABLE_CSS_CLASSES,
-  Ze as Table,
-  Se as TableBody,
-  mr as TableCard,
-  Be as TableCell,
-  se as TableContext,
-  Ve as TableEmptyState,
-  or as TableFilter,
-  je as TableFooter,
-  ze as TableFooterContent,
-  He as TableHeader,
-  Qe as TableHeaderContent,
-  Oe as TableHeaderWrapper,
-  Re as TableLoadingState,
-  We as TablePagination,
-  de as TableProvider,
-  ye as TableRow,
-  Ae as TextCell,
+  Cr as TABLE_CSS_CLASSES,
+  Zr as Table,
+  ur as TableBody,
+  hr as TableCard,
+  vr as TableCell,
+  cr as TableContext,
+  $r as TableEmptyState,
+  fe as TableFooter,
+  ie as TableFooterContent,
+  qr as TableHeader,
+  me as TableHeaderContent,
+  pe as TableHeaderWrapper,
+  re as TableLoadingState,
+  te as TablePagination,
+  dr as TableProvider,
+  Kr as TableRow,
   k as WindowLeftCopy,
   X as Z2Dialog,
   $ as Z2DialogClose,
   oo as Z2DialogContent,
-  eo as Z2DialogDescription,
-  ro as Z2DialogFooter,
+  ro as Z2DialogDescription,
+  eo as Z2DialogFooter,
   to as Z2DialogHeader,
   ao as Z2DialogOverlay,
   po as Z2DialogPortal,
   no as Z2DialogTitle,
-  lo as Z2DialogTrigger,
+  mo as Z2DialogTrigger,
   xo as Z2Dropdown,
   io as Z2DropdownContent,
   Zo as Z2DropdownInput,
-  uo as Z2DropdownItem,
+  So as Z2DropdownItem,
   Co as Z2DropdownMenu,
   wo as Z2DropdownMenuCheckboxItem,
   co as Z2DropdownMenuContent,
@@ -137,19 +133,19 @@ export {
   Bo as Z2DropdownMenuPortal,
   Mo as Z2DropdownMenuRadioGroup,
   Ao as Z2DropdownMenuRadioItem,
-  No as Z2DropdownMenuSeparator,
-  Po as Z2DropdownMenuShortcut,
-  Lo as Z2DropdownMenuSub,
+  Po as Z2DropdownMenuSeparator,
+  Lo as Z2DropdownMenuShortcut,
+  No as Z2DropdownMenuSub,
   Eo as Z2DropdownMenuSubContent,
   Fo as Z2DropdownMenuSubTrigger,
   Ho as Z2DropdownMenuTrigger,
-  So as Z2DropdownSub,
+  uo as Z2DropdownSub,
   Do as Z2DropdownSubContent,
-  To as Z2DropdownSubItem,
-  bo as Z2DropdownSubTrigger,
+  bo as Z2DropdownSubItem,
+  To as Z2DropdownSubTrigger,
   F as Z2Popover,
-  Ir as Z2PopoverContent,
-  cr as Z2PopoverTrigger,
+  ge as Z2PopoverContent,
+  be as Z2PopoverTrigger,
   Qo as Z2Select,
   Yo as Z2SelectContent,
   jo as Z2SelectGroup,
@@ -158,30 +154,29 @@ export {
   Ko as Z2SelectScrollDownButton,
   Xo as Z2SelectScrollUpButton,
   $o as Z2SelectSeparator,
-  oe as Z2SelectTrigger,
-  ee as Z2SelectValue,
+  or as Z2SelectTrigger,
+  rr as Z2SelectValue,
   D as Z2SideNavBar,
   w as Z2SideNavBarContent,
   s as Z2SideNavBarFooter,
   v as Z2SideNavBarGroup,
   g as Z2SideNavBarHeader,
   M as Z2SideNavBarItem,
-  u as Z2SideNavBarProvider,
-  N as Z2SideNavBarSeparator,
-  T as Z2SidebarVariants,
-  te as Z2Stepper,
-  pe as Z2StepperItem,
-  le as Z2Tabs,
-  me as Z2TabsContent,
-  fe as Z2TabsList,
-  xe as Z2TabsTrigger,
-  nr as Z2Tooltip,
-  ir as badgeVariants,
+  S as Z2SideNavBarProvider,
+  P as Z2SideNavBarSeparator,
+  b as Z2SidebarVariants,
+  tr as Z2Stepper,
+  pr as Z2StepperItem,
+  mr as Z2Tabs,
+  lr as Z2TabsContent,
+  fr as Z2TabsList,
+  xr as Z2TabsTrigger,
+  _r as Z2Tooltip,
+  Ur as badgeVariants,
   Z as buttonVariants,
-  Cr as cn,
-  Te as extractCellValue,
-  be as getNestedValue,
-  Ie as useTableContext,
-  br as useTheme,
-  L as useZ2SideNavBar
+  Fr as cn,
+  br as extractCellValue,
+  sr as useTableContext,
+  Nr as useTheme,
+  N as useZ2SideNavBar
 };

package/dist/types/components/assets/icons/check.d.ts

@@ -0,0 +1,8 @@
+import { SVGProps } from 'react';
+type IconProps = SVGProps<SVGSVGElement> & {
+    secondaryfill?: string;
+    strokewidth?: number;
+    title?: string;
+};
+export declare function Check({ title, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export default Check;

package/dist/types/components/assets/icons/x-mark.d.ts

@@ -0,0 +1,8 @@
+import { SVGProps } from 'react';
+type IconProps = SVGProps<SVGSVGElement> & {
+    secondaryfill?: string;
+    strokewidth?: number;
+    title?: string;
+};
+export declare function XMark({ title, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export default XMark;

package/dist/types/components/table/components/cell/avatar-cell.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { RootProps, LabelProps } from '../../../avatar/avatar';
+import { CellValue } from '../../table.type';
+export interface AvatarCellProps {
+    avatar: {
+        label: LabelProps['label'];
+        color: RootProps['color'];
+    };
+    value: CellValue;
+    rightIcon?: React.ReactNode;
+    className?: string;
+    helperText?: string;
+    description?: string;
+}
+export declare const AvatarCell: FC<AvatarCellProps>;

package/dist/types/components/table/components/cell/boolean-cell.d.ts

@@ -1,7 +1,6 @@
 import { FC } from 'react';
 import { CellValue } from '../../table.type';
-interface BooleanCellProps {
+export interface BooleanCellProps {
     value: CellValue;
 }
 export declare const BooleanCell: FC<BooleanCellProps>;
-export {};

package/dist/types/components/table/components/cell/description-cell.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { CellValue } from '../../table.type';
+export interface DescriptionCellProps {
+    value: CellValue;
+    className?: string;
+}
+export declare const DescriptionCell: FC<DescriptionCellProps>;

package/dist/types/components/table/components/cell/index.d.ts

@@ -1,3 +1,12 @@
-export { TextCell } from './text-cell';
 export { NumberCell } from './number-cell';
 export { BooleanCell } from './boolean-cell';
+export { LinkCell } from './link-cell';
+export { DescriptionCell } from './description-cell';
+export { AvatarCell } from './avatar-cell';
+export { LabelCell } from './label-cell';
+export type { NumberCellProps } from './number-cell';
+export type { BooleanCellProps } from './boolean-cell';
+export type { LinkCellProps } from './link-cell';
+export type { AvatarCellProps } from './avatar-cell';
+export type { LabelCellProps } from './label-cell';
+export type { DescriptionCellProps } from './description-cell';

package/dist/types/components/table/components/cell/label-cell.d.ts

@@ -0,0 +1,10 @@
+import { CellValue } from '../../table.type';
+export interface LabelCellProps {
+    value: CellValue;
+    rightIcon?: React.ReactNode;
+    leftIcon?: React.ReactNode;
+    className?: string;
+    helperText?: string;
+    description?: string;
+}
+export declare const LabelCell: React.FC<LabelCellProps>;

package/dist/types/components/table/components/cell/link-cell.d.ts

@@ -0,0 +1,10 @@
+import { CellValue } from '../../table.type';
+export interface LinkCellProps {
+    value: CellValue;
+    href: string;
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    rightIcon?: React.ReactNode;
+    leftIcon?: React.ReactNode;
+    className?: string;
+}
+export declare const LinkCell: React.FC<LinkCellProps>;

package/dist/types/components/table/components/cell/number-cell.d.ts

@@ -1,7 +1,9 @@
-import * as React from 'react';
 import { CellValue } from '../../table.type';
-interface NumberCellProps {
+export interface NumberCellProps {
     value: CellValue;
+    rightIcon?: React.ReactNode;
+    leftIcon?: React.ReactNode;
+    className?: string;
+    helperText?: string;
 }
 export declare const NumberCell: React.FC<NumberCellProps>;
-export {};

package/dist/types/components/table/components/index.d.ts

@@ -1,5 +1,5 @@
 export { TableCell } from './table-cell';
-export { TextCell, NumberCell, BooleanCell } from './cell';
+export { NumberCell, BooleanCell, AvatarCell, DescriptionCell, LabelCell, LinkCell } from './cell';
 export { TableHeader } from './table-header';
 export { TableRow } from './table-row';
 export { TableEmptyState } from './table-empty-state';

package/dist/types/components/table/components/pagination/index.d.ts

@@ -1,4 +1,5 @@
 export { Pagination, default } from './pagination';
+export { PaginationInfo, PaginationQuickJumper } from './components';
 export type { PaginationProps, PaginationInfoProps, PaginationQuickJumperProps, } from './pagination.type';
 export { usePagination } from './pagination.hook';
 export { usePaginationQuickJumper } from './components/pagination-quick-jumper.hook';

package/dist/types/components/table/components/pagination/pagination.hook.d.ts

@@ -1,5 +1,5 @@
 import { PaginationHookProps, PaginationHookReturn } from './pagination.type';
-export declare const usePagination: (props: PaginationHookProps) => PaginationHookReturn & {
+export declare const usePagination: ({ currentPage, totalPage, maxVisiblePages, }: PaginationHookProps) => PaginationHookReturn & {
     goToPage: (page: number) => boolean;
     canGoToPage: (page: number) => boolean;
 };

package/dist/types/components/table/components/table-cell.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { CellValue, CellType, CellRenderer, TableProps } from '../table.type';
 interface TableCellProps {
-    value: CellValue;
+    value: CellValue | Record<string, unknown>;
     cellType: CellType;
     cellRenderer?: CellRenderer;
     customCells?: Record<string, CellRenderer>;

package/dist/types/components/table/components/table-filter/index.d.ts

@@ -1 +1,4 @@
-export { TableFilter } from './table-filter';
+export { TableFilterProvider, TableFilter } from './table-filter-provider';
+export { TableFilterButton } from './table-filter-button';
+export { TableFilterColumnButton } from './table-filter-column-button';
+export { useTableFilterContext } from './table-filter.context';

package/dist/types/components/table/components/table-filter/selected-filters-display/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectedFiltersDisplay } from './selected-filters-display';
+export type { SelectedFilterDisplayProps, FilterDisplayItem, } from './selected-filters-display.type';

package/dist/types/components/table/components/table-filter/selected-filters-display/selected-filters-display.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { SelectedFilterDisplayProps } from './selected-filters-display.type';
+export declare const SelectedFiltersDisplay: React.FC<SelectedFilterDisplayProps>;

package/dist/types/components/table/components/table-filter/selected-filters-display/selected-filters-display.type.d.ts

@@ -0,0 +1,12 @@
+import { FilterRule, TableSchema } from '../../../table.type';
+export interface SelectedFilterDisplayProps {
+    selectedFilters: FilterRule[];
+    schema: TableSchema;
+}
+export interface FilterDisplayItem {
+    field: string;
+    fieldTitle: string;
+    value: string | string[];
+    condition?: string;
+    count?: number;
+}

package/dist/types/components/table/components/table-filter/selected-filters-display/selected-filters-display.utils.d.ts

@@ -0,0 +1,6 @@
+import { FilterRule, TableSchema, FilterOption } from '../../../table.type';
+import { FilterDisplayItem } from './selected-filters-display.type';
+export declare const formatFilterValue: (value: string | string[]) => string;
+export declare const getFilterCount: (filterRule: FilterRule, filterOptions?: FilterOption[]) => number | undefined;
+export declare const createFilterDisplayItems: (selectedFilters: FilterRule[], schema: TableSchema) => FilterDisplayItem[];
+export declare const calculateTotalCount: (filterDisplayItems: FilterDisplayItem[]) => number;

package/dist/types/components/table/components/table-filter/table-filter-button.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const TableFilterButton: React.FC;

package/dist/types/components/table/components/table-filter/table-filter-column-button.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { TableFilterColumnButtonProps } from './table-filter-column-button.type';
+export declare const TableFilterColumnButton: React.FC<TableFilterColumnButtonProps>;

package/dist/types/components/table/components/table-filter/table-filter-column-button.type.d.ts

@@ -0,0 +1,3 @@
+export interface TableFilterColumnButtonProps {
+    filterName: string;
+}

package/dist/types/components/table/components/table-filter/table-filter-provider.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { TableFilterProps } from './table-filter.type';
+import { TableFilterButton } from './table-filter-button';
+import { TableFilterColumnButton } from './table-filter-column-button';
+export interface TableFilterProviderProps extends TableFilterProps {
+    children: React.ReactNode;
+}
+export declare const TableFilterProvider: React.FC<TableFilterProviderProps>;
+interface TableFilterCompoundComponent extends React.FC<TableFilterProviderProps> {
+    FilterButton: typeof TableFilterButton;
+    FilterColumnButton: typeof TableFilterColumnButton;
+}
+export declare const TableFilter: TableFilterCompoundComponent;
+export {};

package/dist/types/components/table/components/table-filter/table-filter.context.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { TableSchema, TableFilter as TableFilterType, FilterRule } from '../../table.type';
+import { FilterComponentType } from './table-filter.type';
+export interface TableFilterContextValue {
+    selectedColumn: string | null;
+    setSelectedColumn: (column: string | null) => void;
+    getFilterForColumn: (columnKey: string) => FilterRule | undefined;
+    hasFilterForColumn: (columnKey: string) => boolean;
+    hasAppliedFilterForColumn: (columnKey: string) => boolean;
+    updateColumnFilter: (columnKey: string, condition?: string, value?: string | string[]) => void;
+    clearAllFilters: () => void;
+    applyFilters: () => void;
+    hasActiveFilters: boolean;
+    filterableFields: TableSchema;
+    tempFilters: FilterRule[];
+    schema: TableSchema;
+    filter: TableFilterType;
+    filterComponents?: Record<string, FilterComponentType>;
+}
+export declare const TableFilterContext: React.Context<TableFilterContextValue | undefined>;
+export declare const useTableFilterContext: () => TableFilterContextValue;

package/dist/types/components/table/components/table-filter/table-filter.hook.d.ts

@@ -2,16 +2,15 @@ import React from 'react';
 import { TableFilterProps } from './table-filter.type';
 import { FilterRule } from '../../table.type';
 declare const useTableFilter: ({ filter, schema }: TableFilterProps) => {
-    isOpen: boolean;
     selectedColumn: string | null;
     setSelectedColumn: React.Dispatch<React.SetStateAction<string | null>>;
     getFilterForColumn: (columnKey: string) => FilterRule | undefined;
     hasFilterForColumn: (columnKey: string) => boolean;
+    hasAppliedFilterForColumn: (columnKey: string) => boolean;
     updateColumnFilter: (columnKey: string, condition?: string, value?: string | string[]) => void;
     clearAllFilters: () => void;
     applyFilters: () => void;
     hasActiveFilters: boolean;
-    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
     tempFilters: FilterRule[];
     filterableFields: import("../../table.type").TableSchemaColumn[];
 };

package/dist/types/components/table/components/table-header/stories/basic-header.d.ts

@@ -1,3 +1,3 @@
 import type { StoryObj } from '@storybook/react';
-export declare const basicHeaderUsageCode = "import { Table, TableHeader } from '@/components/table';\n\nconst schema = [\n  {\n    key: 'id',\n    title: 'ID',\n    cellType: 'number',\n    sortable: true,\n  },\n  {\n    key: 'name',\n    title: 'Name',\n    cellType: 'text',\n    sortable: true,\n  },\n];\n\nconst data = [\n  { id: 1, name: 'John Doe' },\n  { id: 2, name: 'Jane Smith' },\n];\n\nfunction MyTable() {\n  return (\n    <Table dataSource={data} schema={schema}>\n      <table className=\"w-full\">\n        <TableHeader \n          schema={schema}\n          cell={{ cellHeight: 'small', hasBorder: true }}\n        />\n        {/* Table body goes here */}\n      </table>\n    </Table>\n  );\n}";
+export declare const basicHeaderUsageCode = "import { Table, TableHeader } from '@/components/table';\n\nconst schema = [\n  {\n    key: 'id',\n    title: 'ID',\n    cellType: 'number',\n    sortable: true,\n  },\n  {\n    key: 'name',\n    title: 'Name',\n    cellType: 'label',\n    sortable: true,\n  },\n];\n\nconst data = [\n  { id: 1, name: 'John Doe' },\n  { id: 2, name: 'Jane Smith' },\n];\n\nfunction MyTable() {\n  return (\n    <Table dataSource={data} schema={schema}>\n      <table className=\"w-full\">\n        <TableHeader \n          schema={schema}\n          cell={{ hasBorder: true }}\n        />\n        {/* Table body goes here */}\n      </table>\n    </Table>\n  );\n}";
 export declare const BasicHeader: StoryObj;

package/dist/types/components/table/index.d.ts

@@ -1,9 +1,8 @@
 export { Table as default, Table, TableProvider } from './table-provider';
 export { TableBody } from './table';
 export type { TableProps, TableSchema, TableSchemaColumn, CellType, CellValue, CellRenderer, CellRendererProps, FilterRule, FilterCondition, FilterOption, TableFilter as TableFilterType, TablePaginationConfig, SortDirection, SortColumn, TableSort, } from './table.type';
-export { getNestedValue, extractCellValue } from './table.utils';
+export { extractCellValue } from './table.utils';
 export { DEFAULT_EMPTY_MESSAGE, TABLE_CSS_CLASSES } from './table.const';
 export { TableContext, useTableContext } from './table.context';
-export { TableCell, TableHeader, TableRow, TableEmptyState, TableLoadingState, TablePagination, TextCell, NumberCell, BooleanCell, TableHeaderWrapper, TableHeaderContent, TableFooter, TableFooterContent, } from './components';
-export { TableFilter } from './components/table-filter';
+export { TableCell, TableHeader, TableRow, TableEmptyState, TableLoadingState, TablePagination, NumberCell, BooleanCell, TableHeaderWrapper, TableHeaderContent, TableFooter, TableFooterContent, } from './components';
 export { PaginationInfo, PaginationQuickJumper } from './components/pagination/components';

package/dist/types/components/table/table-provider.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { TableProps } from './table.type';
 import { TableBody } from './table';
-import { TableFilter } from './components/table-filter';
+import { TableFilter } from './components/table-filter/table-filter-provider';
 import { TableSearch } from './components/table-search';
 import { Pagination } from './components/pagination';
 import { TableHeaderWrapper, TableHeaderContent, TableFooter, TableFooterContent } from './components';