@npm-questionpro/wick-ui-lib 0.16.3 → 0.17.0

package/dist/src/base/ui/table.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, };

package/dist/src/components/button/WuButton.d.ts

@@ -3,10 +3,6 @@ export interface IWuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEle
     variant?: 'primary' | 'secondary' | 'outline' | 'rounded' | 'link' | 'iconOnly';
     size?: 'md' | 'sm' | 'mobile';
     color?: 'primary' | 'upgrade' | 'error';
-    /**
-     * @deprecated Use `Icon` instead.
-     */
-    icon?: ReactNode;
     Icon?: ReactNode;
     iconPosition?: 'left' | 'right';
     floating?: boolean;

package/dist/src/components/combobox/WuCombobox.d.ts

@@ -7,10 +7,6 @@ export interface IWuComboboxProps<T> {
     };
     defaultValue?: T | T[];
     value?: T | T[];
-    /**
-     * @deprecated Use `Header` instead.
-     */
-    header?: React.ReactNode;
     Header?: React.ReactNode;
     virtualizedThreshold?: number;
     isEllipse?: boolean;

package/dist/src/components/formFields/WuInput/WuInput.d.ts

@@ -2,10 +2,6 @@ import { default as React } from 'react';
 export interface IWuInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: string;
     labelPosition?: 'left' | 'top';
-    /**
-     * @deprecated Use `Icon` instead.
-     */
-    icon?: React.ReactNode;
     Icon?: React.ReactNode;
     iconPosition?: 'left' | 'right';
     variant?: 'flat' | 'outlined';

package/dist/src/components/formGroup/WuFormGroup.d.ts

@@ -1,24 +1,8 @@
 import { default as React } from 'react';
 export interface IWuFormGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * @deprecated Use `Label` instead.
-     */
-    labelNode?: React.ReactNode;
     Label?: React.ReactNode;
-    /**
-     * @deprecated Use `Error` instead.
-     */
-    errorNode?: React.ReactNode;
     Error?: React.ReactNode;
-    /**
-     * @deprecated Use `Hint` instead.
-     */
-    hintsNode?: React.ReactNode;
     Hint?: React.ReactNode;
-    /**
-     * @deprecated Use `Input` instead.
-     */
-    inputNode?: React.ReactNode;
     Input: React.ReactNode;
     labelPosition?: 'left' | 'top';
     dir?: 'ltr' | 'rtl';

package/dist/src/components/menu/WuMenu.d.ts

@@ -3,10 +3,6 @@ import { default as React } from 'react';
 export interface IWuMenuProps extends Omit<React.ComponentProps<typeof DropdownMenu>, 'open' | 'onOpenChange'> {
     name?: string;
     menuTitle?: string;
-    /**
-     * @deprecated Use `Trigger` instead.
-     */
-    trigger?: React.ReactElement<HTMLBaseElement>;
     Trigger?: React.ReactElement<HTMLBaseElement>;
     variant?: 'flat' | 'outlined';
     open?: boolean;
@@ -18,5 +14,6 @@ export interface IWuMenuProps extends Omit<React.ComponentProps<typeof DropdownM
     alignOffset?: number;
     side?: 'left' | 'right' | 'top' | 'bottom';
     sideOffset?: number;
+    className?: string;
 }
 export declare const WuMenu: React.FC<IWuMenuProps>;

package/dist/src/components/menu/ui/WuMenuItem.d.ts

@@ -1,8 +1,4 @@
 export interface IWuMenuItemProps extends Omit<React.HtmlHTMLAttributes<HTMLDivElement>, 'onSelect'> {
-    /**
-     * @deprecated Use `Icon` instead.
-     */
-    icon?: React.ReactNode;
     Icon?: React.ReactNode;
     iconPosition?: 'left' | 'right';
     disabled?: boolean;

package/dist/src/components/modal/WuModal.d.ts

@@ -13,10 +13,6 @@ declare const BUTTON_VARIANTS: {
 type IModalSize = keyof typeof MAX_WIDTH;
 type IButtonVariant = keyof typeof BUTTON_VARIANTS;
 export interface IWuModalProps extends React.ComponentProps<typeof Dialog> {
-    /**
-     * @deprecated Use `Trigger` instead.
-     */
-    trigger?: ReactNode;
     Trigger?: ReactNode;
     children?: ReactNode;
     size?: IModalSize;

package/dist/src/components/navbar/primaryNavbar/WuPrimaryNavbar.d.ts

@@ -4,9 +4,6 @@ interface INavLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     className?: string;
 }
 export interface IWuPrimaryNavbarProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * @deprecated Use `Links` instead.
-     */
     linkNodes?: React.ReactElement<INavLinkProps>[];
     Links: React.ReactElement<INavLinkProps>[];
     children?: React.ReactNode;

package/dist/src/components/navbar/secondaryNavbar/WuSecondaryNavbar.d.ts

@@ -11,10 +11,6 @@ export interface INavLinkNode {
     imgOrIcon: React.ReactElement<INavImageProps>;
 }
 export interface IWuSecondaryNavbarProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * @deprecated Use `Links` instead.
-     */
-    linkNodes?: INavLinkNode[];
     Links: INavLinkNode[];
     children?: React.ReactNode;
 }

package/dist/src/components/pagination/WuPagination.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface IWuPaginationProps extends React.HTMLAttributes<HTMLDivElement> {
+    totalRows: number;
+    initialPage: number;
+    initialPageSize: number;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    pageSizeOptions?: number[];
+    showFirstLastButtons?: boolean;
+    showPageSizeOptions?: boolean;
+}
+export declare const WuPagination: React.ForwardRefExoticComponent<IWuPaginationProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/pagination/WuPagination.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { WuPagination } from './WuPagination';
+export type { IWuPaginationProps } from './WuPagination';

package/dist/src/components/popover/WuPopover.d.ts

@@ -1,11 +1,7 @@
 import { PopoverContentProps } from '@radix-ui/react-popover';
 import { default as React } from 'react';
 import { IWuButtonProps } from '../button';
-export interface IWuPopoverProps extends PopoverContentProps {
-    /**
-     * @deprecated Use `Trigger` instead.
-     */
-    trigger?: React.ReactNode;
+export type IWuPopoverProps = PopoverContentProps & {
     Trigger: React.ReactNode;
     children: React.ReactNode;
     className?: string;
@@ -13,6 +9,6 @@ export interface IWuPopoverProps extends PopoverContentProps {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     modal?: boolean;
-}
+};
 export declare const WuPopover: React.FC<IWuPopoverProps>;
 export declare const WuPopoverClose: React.FC<IWuButtonProps>;

package/dist/src/components/select/WuSelect.d.ts

@@ -17,15 +17,7 @@ export interface IWuSelectProps<T> extends Omit<React.SelectHTMLAttributes<HTMLS
     virtualizedThreshold?: number;
     maxHeight?: number;
     hasGroup?: boolean;
-    /**
-     * @deprecated Use `Header` instead.
-     */
-    header?: React.ReactNode;
     Header?: React.ReactNode;
-    /**
-     * @deprecated Use `CustomTrigger` instead.
-     */
-    customTriggerChildren?: React.ReactNode;
     CustomTrigger?: React.ReactNode;
     selectAll?: {
         enable: boolean;

package/dist/src/components/table/components/dataTable/WuDataTable.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { IWuManualSorting } from '../../types/IWuManualSorting';
+import { IWuTableColumnDef } from '../../types/IWuTableColumnDef';
+export interface IWuDataTableProps<T> extends React.TableHTMLAttributes<HTMLTableElement> {
+    data: T[];
+    columns: IWuTableColumnDef<T>[];
+    variant?: 'unstyled' | 'striped' | 'bordered';
+    size?: 'compact' | 'default';
+    pagination?: {
+        enabled: boolean;
+        initialPage: number;
+        initialPageSize: number;
+        totalRows: number;
+        onPageChange?: (page: number) => void;
+        onPageSizeChange?: (pageSize: number) => void;
+        pageSizeOptions?: number[];
+        showPageSizeOptions?: boolean;
+    };
+    sorting?: {
+        enabled: boolean;
+        onSort: (sort: IWuManualSorting) => void;
+    };
+    isLoading?: boolean;
+}
+export declare const WuDataTable: <T>({ data, columns, pagination, isLoading, variant, sorting, size, ...props }: IWuDataTableProps<T>) => React.JSX.Element;

package/dist/src/components/table/components/dataTable/WuDataTable.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/table/components/table/WuTable.d.ts

@@ -0,0 +1,26 @@
+import { ColumnSort } from '@tanstack/react-table';
+import { default as React } from 'react';
+import { IWuTableColumnDef } from '../../types/IWuTableColumnDef';
+export interface IWuTableProps<Data> extends React.TableHTMLAttributes<HTMLTableElement> {
+    data: Data[];
+    columns: IWuTableColumnDef<Data>[];
+    variant?: 'striped' | 'unstyled' | 'bordered';
+    size?: 'compact' | 'default';
+    caption?: string;
+    pagination?: {
+        enabled?: boolean;
+        initialPage?: number;
+        initialPageSize?: number;
+        pageSizeOptions?: number[];
+        showPageSizeOptions?: boolean;
+    };
+    sort?: {
+        enabled?: boolean;
+        initial?: ColumnSort[];
+    };
+    filterText?: string;
+}
+export declare const WuTable: {
+    <T>({ data, columns, caption, variant, pagination, sort, filterText, size, ...rest }: IWuTableProps<T>): React.JSX.Element;
+    displayName: string;
+};

package/dist/src/components/table/components/table/WuTable.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,5 @@
+export { WuDataTable } from './components/dataTable/WuDataTable';
+export type { IWuDataTableProps } from './components/dataTable/WuDataTable';
+export { WuTable } from './components/table/WuTable';
+export type { IWuTableProps } from './components/table/WuTable';
+export type { IWuTableColumnDef } from './types/IWuTableColumnDef';

package/dist/src/components/table/types/IWuManualSorting.d.ts

@@ -0,0 +1,4 @@
+export interface IWuManualSorting {
+    desc: boolean;
+    id: string;
+}

package/dist/src/components/table/types/IWuTableColumnDef.d.ts

@@ -0,0 +1,5 @@
+import { ColumnDef } from '@tanstack/react-table';
+export type IWuTableColumnDef<Data> = ColumnDef<Data> & {
+    accessorKey: string;
+    filterable?: boolean;
+};

package/dist/src/components/table/ui/_body.d.ts

@@ -0,0 +1,6 @@
+import { Table } from '@tanstack/react-table';
+import { default as React } from 'react';
+export declare const WuTableBody: <T>({ table, size, }: {
+    table: Table<T>;
+    size?: "compact" | "default";
+}) => React.JSX.Element;

package/dist/src/components/table/ui/_header.d.ts

@@ -0,0 +1,10 @@
+import { Table } from '@tanstack/react-table';
+import { default as React } from 'react';
+import { IWuManualSorting } from '../types/IWuManualSorting';
+export declare const WuTableHeader: <T>({ table, sortableColumns, manual, onSort, size, }: {
+    table: Table<T>;
+    sortableColumns: string[];
+    manual?: boolean;
+    onSort?: (meta: IWuManualSorting) => void;
+    size?: "compact" | "default";
+}) => React.JSX.Element;

package/dist/src/components/table/utils/data.d.ts

@@ -0,0 +1,23 @@
+export declare const MOCK_DATA: {
+    id: number;
+    name: string;
+    age: number;
+    occupation: string;
+    catchphrase: string;
+}[];
+export declare const MOCK_COLUMNS: ({
+    accessorKey: string;
+    header: string;
+    sortable: boolean;
+    filterable?: undefined;
+} | {
+    accessorKey: string;
+    header: string;
+    sortable?: undefined;
+    filterable?: undefined;
+} | {
+    accessorKey: string;
+    header: string;
+    filterable: boolean;
+    sortable?: undefined;
+})[];

package/dist/src/index.d.ts

@@ -12,12 +12,14 @@ export * from './components/menu';
 export * from './components/menuIcon';
 export * from './components/modal';
 export * from './components/navbar';
+export * from './components/pagination';
 export * from './components/popover';
 export * from './components/radio';
 export * from './components/select';
 export * from './components/sidebar';
 export * from './components/stepper';
 export * from './components/switcher';
+export * from './components/table';
 export * from './components/toast';
 export * from './components/toggle';
 export * from './components/tooltip';