@npm-questionpro/wick-ui-lib 1.48.0 → 1.48.1

package/dist/src/components/table/hooks/useTableCore.d.ts

@@ -0,0 +1,19 @@
+import { ExpandedState } from '@tanstack/react-table';
+import { default as React } from 'react';
+import { IWuTableRowSelection } from '../types/IWuRowSelection';
+import { IWuTableColumnDef } from '../types/IWuTableColumnDef';
+export declare function useWuTableCore<T>({ data, columns, rowSelection, isRowExpandable, }: {
+    data: T[];
+    columns: IWuTableColumnDef<T>[];
+    rowSelection?: IWuTableRowSelection<T>;
+    isRowExpandable?: boolean;
+}): {
+    finalColumns: IWuTableColumnDef<T>[];
+    rowSelectionState: Record<number, boolean>;
+    sortableColumns: string[];
+    selectedRowCount: number;
+    columnsWithExpand: IWuTableColumnDef<T>[];
+    expanded: ExpandedState;
+    setExpanded: React.Dispatch<React.SetStateAction<ExpandedState>>;
+    handleRowSelectionChange: (updater: React.SetStateAction<Record<number, boolean>>) => void;
+};

package/dist/src/components/table/hooks/useTableScroll.d.ts

@@ -0,0 +1,6 @@
+export declare function useTableScroll(): {
+    scrollContainerRef: React.RefObject<HTMLDivElement | null>;
+    isScrolledLeft: boolean;
+    isScrolledRight: boolean;
+    handleScroll: () => void;
+};

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

@@ -0,0 +1,8 @@
+export type { Cell, Column, Row, RowData } from '@tanstack/react-table';
+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 { IWuTableRowSelection } from './types/IWuRowSelection';
+export type { IWuTableColumnDef } from './types/IWuTableColumnDef';
+export type { IColumnDefaultSorting } from './types/IColumnDefaultSorting';

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

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

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface IWuTableRowSelection<T> {
+    isEnabled: boolean;
+    selectedRows: T[];
+    onRowSelect: React.Dispatch<React.SetStateAction<T[]>>;
+    rowUniqueKey: string;
+    isRowDisabled?: (row: T) => boolean;
+    hideSelectAll?: boolean;
+    size?: number;
+}

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

@@ -0,0 +1,11 @@
+import { ColumnDef, Row } from '@tanstack/react-table';
+import { default as React } from 'react';
+export type IWuTableColumnDef<Data> = ColumnDef<Data> & {
+    accessorKey: string;
+    filterable?: boolean;
+    columns?: IWuTableColumnDef<Data>[];
+    headerAlign?: 'left' | 'right' | 'center';
+    cellAlign?: 'left' | 'right' | 'center';
+    expandableRowContent?: (row: Row<Data>) => React.ReactNode;
+    sticky?: 'left' | 'right';
+};

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

@@ -0,0 +1,15 @@
+import { Table } from '@tanstack/react-table';
+import { default as React } from 'react';
+interface IWuTableBodyProps<T> {
+    table: Table<T>;
+    size?: 'compact' | 'default';
+    NoDataContent?: React.ReactNode;
+    isLoading?: boolean;
+    CustomLoader?: React.ReactNode;
+    isRowDisabled?: (row: T) => boolean;
+    isRowExpandable?: boolean;
+    isScrolledLeft?: boolean;
+    isScrolledRight?: boolean;
+}
+export declare const WuTableBody: <T>({ table, size, NoDataContent, isLoading, CustomLoader, isRowDisabled, isRowExpandable, isScrolledLeft, isScrolledRight, }: IWuTableBodyProps<T>) => React.JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,20 @@
+import { Table } from '@tanstack/react-table';
+import { default as React } from 'react';
+import { IColumnDefaultSorting } from '../types/IColumnDefaultSorting';
+export interface IWuVirtualTableBodyProps<T> {
+    table: Table<T>;
+    size?: 'compact' | 'default';
+    isRowDisabled?: (row: T) => boolean;
+    containerHeight?: number;
+    sortableColumns: string[];
+    HeaderAction?: React.ReactNode;
+    isRowSelected?: boolean;
+    manual?: boolean;
+    onSort?: (meta: IColumnDefaultSorting) => void;
+    tableLayout?: 'fixed' | 'auto';
+    isScrolledLeft?: boolean;
+    isScrolledRight?: boolean;
+    isRowExpandable?: boolean;
+    hideHeader?: boolean;
+}
+export declare const WuVirtualTableBody: <T>({ table, size, isRowDisabled, containerHeight, sortableColumns, HeaderAction, isRowSelected, manual, onSort, tableLayout, isScrolledLeft, isScrolledRight, isRowExpandable, hideHeader, }: IWuVirtualTableBodyProps<T>) => React.JSX.Element;

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

@@ -0,0 +1,65 @@
+export type IMockData = {
+    id: number;
+    name: string;
+    email: string;
+    age: number;
+    occupation: string;
+    catchphrase: string;
+    salary?: number;
+    score?: number;
+    address?: string;
+};
+export declare const MOCK_DATA: IMockData[];
+export type IExtendedMockData = {
+    id: number;
+    name: string;
+    email: string;
+    age: number;
+    occupation: string;
+    department: string;
+    salary: number;
+    location: string;
+    phone: string;
+    startDate: string;
+    status: 'Active' | 'Inactive' | 'On Leave' | 'Terminated';
+    manager: string;
+    skills: string;
+    performance: string;
+    bio: string;
+    address: string;
+    notes: string;
+    projects: string;
+};
+export declare const EXTENDED_MOCK_DATA: IExtendedMockData[];
+export declare const MOCK_COLUMNS: ({
+    accessorKey: string;
+    header: string;
+    size: number;
+    enableSorting?: undefined;
+} | {
+    accessorKey: string;
+    header: string;
+    enableSorting: boolean;
+    size?: undefined;
+} | {
+    accessorKey: string;
+    header: string;
+    size?: undefined;
+    enableSorting?: undefined;
+})[];
+export declare const EXTENDED_MOCK_COLUMNS: ({
+    accessorKey: string;
+    header: string;
+    enableSorting: boolean;
+    size?: undefined;
+} | {
+    accessorKey: string;
+    header: string;
+    enableSorting?: undefined;
+    size?: undefined;
+} | {
+    accessorKey: string;
+    header: string;
+    size: number;
+    enableSorting?: undefined;
+})[];

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

@@ -0,0 +1,16 @@
+import { Cell, Column, Row } from '@tanstack/react-table';
+import { default as React } from 'react';
+import { IWuTableColumnDef } from '../types/IWuTableColumnDef';
+export declare const EXPANDER_COLUMN_SIZE = 48;
+export declare const EXPANDER_COLUMN_ID = "expander";
+export declare function createExpanderColumn<T>(isRowExpandable: boolean | undefined, finalColumns: IWuTableColumnDef<T>[]): IWuTableColumnDef<T>[];
+export declare function getExpandedContent<T>(row: Row<T>, columns: Column<T>[]): React.ReactNode | undefined;
+export type IStickyMeta = {
+    sticky: 'left' | 'right';
+    offset: number;
+    isStickyEdge: boolean;
+};
+export declare function buildStickyColumnMap<T>(visibleColumns: Column<T>[]): Map<string, IStickyMeta>;
+export declare function renderStickyEdgeShadow(sticky: 'left' | 'right' | undefined, isStickyEdge: boolean, isScrolledLeft?: boolean, isScrolledRight?: boolean): React.ReactNode;
+export declare function shouldVirtualizeTable(enabled: boolean | undefined, threshold: number | undefined, dataLength: number): boolean;
+export declare function renderTableCellContent<T>(cell: Cell<T, unknown>, columnDef: IWuTableColumnDef<T>): React.ReactNode;

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

@@ -0,0 +1,7 @@
+export declare const getTableRowClasses: (isDisabled?: boolean) => string;
+export declare const getTableCellClasses: (size?: "compact" | "default", cellAlign?: "left" | "center" | "right") => string;
+export declare const getHeaderHeightClass: (size?: "compact" | "default") => string;
+export declare const getHeaderAlignClasses: (headerAlign?: "left" | "center" | "right") => string;
+export declare const getSortIconAlignClasses: (headerAlign?: "left" | "center" | "right") => string;
+export declare const getSortArrowUpClasses: (isDesc: boolean, isSorted: boolean) => string;
+export declare const getSortArrowDownClasses: (isAsc: boolean, isSorted: boolean) => string;

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

@@ -0,0 +1,3 @@
+export declare const variantClasses: (props?: ({
+    variant?: "striped" | "unstyled" | "bordered" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;

package/dist/src/components/textarea/WuTextarea.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface IWuTextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    Label?: React.ReactNode;
+    variant?: 'flat' | 'outlined';
+    readonly?: boolean;
+    labelPosition?: 'left' | 'top' | 'right';
+}
+export declare const WuTextarea: React.ForwardRefExoticComponent<IWuTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/src/components/textarea/WuTextarea.test.d.ts

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

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

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

package/dist/src/components/timePicker/WuTimePicker.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface IWuTimePickerProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+    time?: string;
+    Label?: React.ReactNode;
+    labelPosition?: 'left' | 'top' | 'right';
+    dir?: 'ltr' | 'rtl';
+}
+export declare const WuTimePicker: React.FC<IWuTimePickerProps>;

package/dist/src/components/timePicker/WuTimePicker.test.d.ts

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

package/dist/src/components/timePicker/components/timeColumn.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface ITimeColumnProps {
+    values: string[];
+    selectedValue: string;
+    scrollRef?: React.RefObject<HTMLDivElement>;
+    onSelect: (value: string) => void;
+    className?: string;
+    repeatItems?: boolean;
+}
+export declare const TimeColumn: ({ values, selectedValue, scrollRef, onSelect, repeatItems, className, }: ITimeColumnProps) => React.JSX.Element;
+export {};

package/dist/src/components/timePicker/hooks/useRotatedArrays.d.ts

@@ -0,0 +1,5 @@
+export declare function useRotatedArrays(isDropdownOpen: boolean, selectedHour: string, selectedMinute: string, selectedMeridiem: string): {
+    rotatedHours: string[];
+    rotatedMinutes: string[];
+    rotatedMeridiem: string[];
+};

package/dist/src/components/timePicker/hooks/useTimePickerScroll.d.ts

@@ -0,0 +1 @@
+export declare function useTimePickerScroll(isDropdownOpen: boolean, hourScrollRef: React.RefObject<HTMLDivElement>, minuteScrollRef: React.RefObject<HTMLDivElement>): void;

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

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

package/dist/src/components/timePicker/utils/timePickerUtils.d.ts

@@ -0,0 +1,12 @@
+export declare function formatTime(input: string): string;
+export declare const HOURS_12: string[];
+export declare const MINUTES: string[];
+export declare const MERIDIEM_OPTIONS: string[];
+export declare const SCROLL_REPEAT_COUNT = 50;
+export declare function getRepeatedItems(items: string[]): string[];
+export declare function rotateArray<T>(arr: T[], startValue: T): T[];
+export declare function to24HourFormat(hour: string, meridiem: string): string;
+export declare function to12HourFormat(hour24: string): {
+    hour: string;
+    meridiem: string;
+};

package/dist/src/components/toast/WuToast.d.ts

@@ -0,0 +1 @@
+export declare const WuToast: () => React.JSX.Element;

package/dist/src/components/toast/WuToast.test.d.ts

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

package/dist/src/components/toast/hooks/useWuShowToast.d.ts

@@ -0,0 +1,11 @@
+import { toast } from '../../../base/ui/useToast';
+interface IShowToastParams {
+    message: string;
+    variant?: 'success' | 'error' | 'warning' | 'info' | 'default';
+    duration?: number;
+    position?: 'topRight' | 'top' | 'topLeft' | 'bottom' | 'bottomRight' | 'bottomLeft';
+}
+export declare const useWuShowToast: () => {
+    showToast: (params: IShowToastParams) => ReturnType<typeof toast>;
+};
+export {};

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

@@ -0,0 +1,3 @@
+export { useWuShowToast } from './hooks/useWuShowToast';
+export type { IWuToastOptions } from './types/IWuToastOptions';
+export { WuToast } from './WuToast';

package/dist/src/components/toast/types/IWuToastOptions.d.ts

@@ -0,0 +1,5 @@
+export interface IWuToastOptions {
+    variant?: 'success' | 'warning' | 'error' | 'info';
+    duration?: number;
+    message?: string;
+}

package/dist/src/components/toggle/WuToggle.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { Switch } from '../../base/ui/switch';
+export type IWuToggleProps = Omit<React.ComponentPropsWithRef<typeof Switch>, 'onChange'> & {
+    Label?: React.ReactNode;
+    labelPosition?: 'left' | 'right' | 'top';
+    onChange?: (e: boolean) => void;
+};
+export declare const WuToggle: React.ForwardRefExoticComponent<Omit<IWuToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/components/toggle/WuToggle.test.d.ts

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

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

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

package/dist/src/components/tooltip/WuTooltip.d.ts

@@ -0,0 +1,15 @@
+import { TooltipTrigger } from '../../base/ui/tooltip';
+import { default as React } from 'react';
+export interface IWuTooltipProps extends Omit<React.ComponentProps<typeof TooltipTrigger>, 'content'> {
+    content?: string | React.ReactNode;
+    duration?: number;
+    position?: 'top' | 'right' | 'bottom' | 'left';
+    positionOffset?: number;
+    children: React.ReactNode;
+    dir?: 'rtl' | 'ltr';
+    showArrow?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    style?: React.CSSProperties;
+}
+export declare const WuTooltip: React.ForwardRefExoticComponent<Omit<IWuTooltipProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/src/components/tooltip/WuTooltip.test.d.ts

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

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

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

package/dist/src/components/typography/WuTypography.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { ICON_CLASSES } from './iconClasses';
+export declare const WuText: React.FC<React.HTMLAttributes<HTMLParagraphElement> & {
+    size?: 'sm' | 'md' | 'lg';
+    as?: 'p' | 'div' | 'span';
+}>;
+export declare const WuHeading: React.FC<React.HTMLAttributes<HTMLHeadingElement> & {
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+}>;
+export declare const WuSubtext: React.FC<React.HTMLAttributes<HTMLParagraphElement> & {
+    size?: 'sm' | 'md' | 'lg';
+    as?: 'p' | 'div' | 'span';
+}>;
+export declare const WuDisplay: React.FC<React.HTMLAttributes<HTMLHeadingElement> & {
+    size?: 'md' | 'lg';
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'div';
+}>;
+export type IWuIcons = (typeof ICON_CLASSES)[number];
+export declare const WuIcon: React.FC<React.BaseHTMLAttributes<HTMLBaseElement> & {
+    icon: IWuIcons;
+}>;

package/dist/src/components/typography/WuTypography.test.d.ts

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