@konstructio/ui 0.1.2-alpha.52 → 0.1.2-alpha.53

package/dist/components/Toast/Toast.types.d.ts

@@ -0,0 +1,46 @@
+import { VariantProps } from 'class-variance-authority';
+import { PropsWithChildren, ReactNode } from 'react';
+import { Theme } from '../../domain/theme';
+import { toastVariants } from './Toast.variants';
+/**
+ * Props for the Toast component.
+ *
+ * @example
+ * ```tsx
+ * const [open, setOpen] = useState(false);
+ *
+ * <Toast
+ *   open={open}
+ *   setOpen={setOpen}
+ *   title="Success"
+ *   description="Your changes have been saved"
+ *   variant="success"
+ * >
+ *   <Button onClick={() => setOpen(true)}>Show Toast</Button>
+ * </Toast>
+ * ```
+ */
+export interface ToastProps extends PropsWithChildren, VariantProps<typeof toastVariants> {
+    /** Additional CSS classes for the toast */
+    className?: string;
+    /** CSS classes for the close button */
+    closeButtonClassName?: string;
+    /** Description text or element */
+    description: string | ReactNode;
+    /** CSS classes for the description */
+    descriptionClassName?: string;
+    /** Auto-dismiss duration in ms (default: 5000) */
+    duration?: number;
+    /** Controlled open state */
+    open: boolean;
+    /** Show close button (default: true) */
+    showCloseButton?: boolean;
+    /** Theme override for this component */
+    theme?: Theme;
+    /** Title text or element */
+    title: string | ReactNode;
+    /** CSS classes for the title */
+    titleClassName?: string;
+    /** Callback to update open state */
+    setOpen: (open: boolean) => void;
+}

package/dist/components/Toast/Toast.variants.d.ts

@@ -0,0 +1,5 @@
+export declare const toastVariants: (props?: ({
+    variant?: "warning" | "error" | "success" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const viewportToastVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const closeToastVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+import { TooltipProps } from './Tooltip.types';
+/**
+ * A tooltip component that shows on hover.
+ * Wraps any element and displays content on mouse enter.
+ *
+ * @example
+ * ```tsx
+ * // Basic tooltip
+ * <Tooltip content="Click to save">
+ *   <Button>Save</Button>
+ * </Tooltip>
+ *
+ * // Tooltip with position
+ * <Tooltip content="More information" position="bottom">
+ *   <InfoIcon />
+ * </Tooltip>
+ *
+ * // Tooltip on text
+ * <Tooltip content="This is a helpful tip">
+ *   <span>Hover me</span>
+ * </Tooltip>
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-tooltip--docs Storybook}
+ */
+export declare const Tooltip: FC<TooltipProps>;

package/dist/components/Tooltip/Tooltip.types.d.ts

@@ -0,0 +1,28 @@
+import { VariantProps } from 'class-variance-authority';
+import { PropsWithChildren, ReactNode } from 'react';
+import { Theme } from '../../domain/theme';
+import { tooltipVariants } from './Tooltip.variants';
+/**
+ * Props for the Tooltip component.
+ *
+ * @example
+ * ```tsx
+ * <Tooltip content="Click to edit">
+ *   <Button>Edit</Button>
+ * </Tooltip>
+ *
+ * <Tooltip content="More info here" position="bottom">
+ *   <InfoIcon />
+ * </Tooltip>
+ * ```
+ */
+export interface TooltipProps extends PropsWithChildren, VariantProps<typeof tooltipVariants> {
+    /** Tooltip text or content */
+    content: ReactNode | string;
+    /** CSS classes for the trigger element */
+    className?: string;
+    /** CSS classes for the tooltip wrapper */
+    wrapperClassName?: string;
+    /** Theme override for this component */
+    theme?: Theme;
+}

package/dist/components/Tooltip/Tooltip.variants.d.ts

@@ -0,0 +1,6 @@
+export declare const tooltipVariants: (props?: ({
+    position?: "left" | "right" | "top" | "bottom" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const arrowVariants: (props?: ({
+    position?: "left" | "right" | "top" | "bottom" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Tooltip/hooks/useTooltip.d.ts

@@ -0,0 +1,4 @@
+export declare const useTooltip: () => {
+    isVisible: boolean;
+    componentRef: import('react').RefObject<HTMLElement | null>;
+};

package/dist/components/Typography/Typography.d.ts

@@ -0,0 +1,18 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { TypographyProps } from './Typography.types';
+/**
+ * A flexible typography component for consistent text styling.
+ * Automatically selects semantic HTML elements based on variant.
+ *
+ * @example
+ * ```tsx
+ * <Typography variant="h1">Main Heading</Typography>
+ * <Typography variant="body1">Paragraph text</Typography>
+ * <Typography variant="subtitle1" component="span">Inline text</Typography>
+ * <Typography variant="h3" component="label" htmlFor="input">Label</Typography>
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-typography--docs Storybook}
+ */
+declare const Typography: ForwardRefExoticComponent<Omit<TypographyProps, 'ref'> & RefAttributes<HTMLParagraphElement & HTMLHeadingElement & HTMLLabelElement>>;
+export { Typography };

package/dist/components/Typography/Typography.types.d.ts

@@ -0,0 +1,29 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentRef, HTMLAttributes, ReactNode, Ref } from 'react';
+import { Theme } from '../../domain/theme';
+import { typographyVariants } from './Typography.variants';
+/** Valid HTML heading tags */
+export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+/**
+ * Props for the Typography component.
+ * A flexible text component with semantic variants and theming.
+ *
+ * @example
+ * ```tsx
+ * <Typography variant="h1">Page Title</Typography>
+ * <Typography variant="body1">Body text content</Typography>
+ * <Typography variant="h2" component="p">Styled as h2 but renders as p</Typography>
+ * ```
+ */
+export interface TypographyProps extends HTMLAttributes<ComponentRef<HeadingTag | 'p' | 'span'>>, VariantProps<typeof typographyVariants> {
+    /** Ref to the underlying DOM element */
+    ref?: Ref<HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement>;
+    /** Text content to display */
+    children: ReactNode;
+    /** Override the rendered HTML element */
+    component?: HeadingTag | 'p' | 'span' | 'label';
+    /** Theme override for this component */
+    theme?: Theme;
+    /** For use with label component to associate with form input */
+    htmlFor?: string;
+}

package/dist/components/Typography/Typography.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const typographyVariants: (props?: ({
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "tooltip" | "subtitle1" | "subtitle2" | "subtitle3" | "labelLarge" | "labelMedium" | "labelSmall" | "buttonSmall" | "body1" | "body2" | "body3" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Typography/Typography.variants.js

@@ -11,7 +11,12 @@ const a = t(
         h5: ["text-[28px]", "leading-9"],
         h6: ["text-2xl", "font-medium", "leading-8", "tracking-[0.15px]"],
         subtitle1: ["text-[22px]", "leading-7"],
-        subtitle2: ["text-sm", "font-medium", "leading-6", "tracking-[0.15px]"],
+        subtitle2: [
+          "text-[16px]",
+          "font-medium",
+          "leading-6",
+          "tracking-[0.15px]"
+        ],
         subtitle3: [
           "text-[14px]",
           "font-medium",

package/dist/components/VirtualizedTable/VirtualizedTable.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'react';
+import { Props, RowData } from './VirtualizedTable.types';
+import { TruncateText } from './components';
+import { Props as ActionProps } from './components/Actions/Actions.types';
+type VirtualizedTableCompound = (<TData extends RowData>(props: Props<TData>) => JSX.Element) & {
+    TruncateText: typeof TruncateText;
+    Actions: <TData extends RowData>(props: ActionProps<TData>) => JSX.Element | null;
+    displayName?: string;
+};
+declare const VirtualizedTable: VirtualizedTableCompound;
+export { TruncateText, VirtualizedTable };

package/dist/components/VirtualizedTable/VirtualizedTable.types.d.ts

@@ -0,0 +1,108 @@
+import { ColumnDef as ColumnDefPrimitive, RowData as RowDataPrimitive } from '@tanstack/react-table';
+import { VariantProps } from 'class-variance-authority';
+import { virtualizeTableVariants } from './VirtualizedTable.variants';
+import { FilterAction, Option } from './components/Filter/Filter.types';
+import { UseQueryOptions } from '@tanstack/react-query';
+/** Base row data type from TanStack Table */
+export type RowData = RowDataPrimitive;
+export type ColumnDef<TData extends RowData> = ColumnDefPrimitive<TData, string>;
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        className?: string | ((row: TData) => string);
+        attributes?: Record<string, string | number | boolean>;
+        headerClassName?: string;
+    }
+}
+export interface RowMetadata {
+    className?: string;
+    attributes?: Record<string, string | number | boolean>;
+    [key: string]: unknown;
+}
+export type RowDataWithMeta = Record<string, unknown> & {
+    meta?: RowMetadata;
+};
+/**
+ * Configuration for a multi-select filter in the table.
+ */
+export type MultiSelectFilter = {
+    /** Unique key for the filter */
+    key: string;
+    /** Display label for the filter */
+    label: string;
+    /** Position of the filter dropdown */
+    position?: 'right' | 'left';
+    /** Available filter options */
+    options: Option[];
+};
+/**
+ * Props for the VirtualizedTable component.
+ * A feature-rich data table with filtering, pagination, and sorting.
+ *
+ * @example
+ * ```tsx
+ * <VirtualizedTable
+ *   id="users-table"
+ *   ariaLabel="Users list"
+ *   columns={[
+ *     { accessorKey: 'name', header: 'Name' },
+ *     { accessorKey: 'email', header: 'Email' },
+ *   ]}
+ *   data={users}
+ *   totalItems={totalUsers}
+ *   showPagination
+ *   showFilter
+ *   showFilterInput
+ *   filterSearchPlaceholder="Search users..."
+ * />
+ * ```
+ */
+export type Props<TData extends RowDataPrimitive> = VariantProps<typeof virtualizeTableVariants> & {
+    id: string | string[];
+    ariaLabel?: string;
+    columns: ColumnDefPrimitive<TData, string>[];
+    data: TData[];
+    className?: string;
+    classNameHeaderActiveArrows?: string;
+    classNameHeaderArrows?: string;
+    classNameHeaderTable?: string;
+    classNameTable?: string;
+    classNameWrapperTable?: string;
+    queryOptions?: Omit<UseQueryOptions<any, any, any, any>, 'queryKey' | 'queryFn'>;
+    isLoading?: boolean;
+    fetchData?: (params: Record<string, string | number | string[] | number[] | undefined>) => Promise<{
+        data: TData[];
+        totalItemsCount?: number;
+    }>;
+} & ({
+    showPagination: true;
+    showTotalItems?: boolean;
+    showDropdownPagination?: boolean;
+    showDotPagination?: boolean;
+    showFormPagination?: boolean;
+    pageSizes?: number[] | string[];
+    totalItems: number;
+} | {
+    showPagination?: false | undefined;
+    showTotalItems?: never;
+    showDropdownPagination?: never;
+    showDotPagination?: never;
+    showFormPagination?: never;
+    pageSizes?: never;
+    totalItems?: never;
+}) & ({
+    filterSearchPlaceholder?: string;
+    multiSelectFilter?: MultiSelectFilter[];
+    showFilter: true;
+    showFilterInput?: boolean;
+    filterActions?: FilterAction[];
+    showResetButton?: boolean;
+    resetButtonClassName?: string;
+} | {
+    filterSearchPlaceholder?: never;
+    multiSelectFilter?: never;
+    showFilter?: false | undefined;
+    showFilterInput?: never;
+    filterActions?: FilterAction[];
+    showResetButton?: never;
+    resetButtonClassName?: never;
+});

package/dist/components/VirtualizedTable/VirtualizedTable.variants.d.ts

@@ -0,0 +1 @@
+export declare const virtualizeTableVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/components/VirtualizedTable/assets/chevron-down.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+declare const SvgComponent: FC<{
+    className: string;
+    onClick: VoidFunction;
+}>;
+export default SvgComponent;

package/dist/components/VirtualizedTable/assets/chevron-up.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+declare const SvgComponent: FC<{
+    className: string;
+    onClick: VoidFunction;
+}>;
+export default SvgComponent;

package/dist/components/VirtualizedTable/assets/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ChevronUp } from './chevron-up';
+import { default as ChevronDown } from './chevron-down';
+export { ChevronUp, ChevronDown };

package/dist/components/VirtualizedTable/components/Actions/Actions.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from '../../VirtualizedTable.types';
+import { Props } from './Actions.types';
+export declare const Actions: <TData extends RowData>({ actions, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Props<TData>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/VirtualizedTable/components/Actions/Actions.js

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Button as n } from "../../../Button/Button.js";
 import { cn as r } from "../../../../utils/index.js";
-import { E as x } from "../../../../ellipsis-vertical-BVPtjl5f.js";
+import { E as x } from "../../../../ellipsis-vertical-Cl3yNtOy.js";
 const y = ({
   actions: a,
   wrapperClassName: i,

package/dist/components/VirtualizedTable/components/Actions/Actions.types.d.ts

@@ -0,0 +1,24 @@
+import { CellContext } from '@tanstack/react-table';
+import { FC, ReactNode } from 'react';
+import { RowData } from '../../VirtualizedTable.types';
+export type Action<TData> = {
+    className?: string;
+    id?: string;
+    onClick: (rowData: TData) => void;
+} & ({
+    component: FC;
+    label?: string | ReactNode;
+    componentProps?: Record<string, unknown>;
+} | {
+    component?: undefined;
+    label: string | ReactNode;
+    componentProps?: never;
+});
+export type Props<TData extends RowData> = CellContext<TData, unknown> & {
+    actions: Action<TData>[];
+    iconTriggerButtonClassName?: string;
+    triggerButtonClassName?: string;
+    wrapperActionsClassName?: string;
+    wrapperClassName?: string;
+    wrapperContentActionsClassName?: string;
+};

package/dist/components/VirtualizedTable/components/Body/Body.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from '../../VirtualizedTable.types';
+import { BodyProps } from './Body.types';
+export declare const Body: <TData extends RowData = RowData>({ isLoading, showPagination, }: BodyProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/VirtualizedTable/components/Body/Body.types.d.ts

@@ -0,0 +1,5 @@
+import { RowData } from '../../VirtualizedTable.types';
+export type BodyProps<_TData extends RowData = RowData> = {
+    isLoading?: boolean;
+    showPagination?: boolean;
+};

package/dist/components/VirtualizedTable/components/DotPaginate/DotPaginate.d.ts

@@ -0,0 +1 @@
+export declare const DotPaginate: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/VirtualizedTable/components/DotPaginate/DotPaginate.js

@@ -1,7 +1,7 @@
 import { jsx as s, jsxs as h } from "react/jsx-runtime";
 import { memo as u } from "react";
 import { cn as p } from "../../../../utils/index.js";
-import { C as m, a as g } from "../../../../chevron-right-DYvXLeql.js";
+import { C as m, a as g } from "../../../../chevron-right-SUh6si0f.js";
 import { useTableContext as f } from "../../contexts/table.hook.js";
 const l = u(
   ({

package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './DropdownPaginate.types';
+export declare const DropdownPaginate: FC<Props>;

package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.types.d.ts

@@ -0,0 +1,3 @@
+export type Props = {
+    pageSizes?: number[] | string[];
+};

package/dist/components/VirtualizedTable/components/Filter/Filter.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './Filter.types';
+export declare const Filter: FC<Props>;

package/dist/components/VirtualizedTable/components/Filter/Filter.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { d as R } from "../../../../debounce-BFejQm9P.js";
+import { d as R } from "../../../../debounce-DJveWHr_.js";
 import { useRef as v, useCallback as u, useMemo as p } from "react";
 import { Button as y } from "../../../Button/Button.js";
 import { Filter as l } from "../../../Filter/Filter.js";

package/dist/components/VirtualizedTable/components/Filter/Filter.types.d.ts

@@ -0,0 +1,16 @@
+import { ButtonProps } from '../../../Button/Button.types';
+import { MultiSelectFilter } from '../../VirtualizedTable.types';
+export type { Option } from '../../../Filter/Filter.types';
+export type FilterAction = {
+    label: string;
+    onClick: () => void;
+    variant?: ButtonProps['variant'];
+};
+export type Props = {
+    actions?: FilterAction[];
+    multiSelectFilter?: MultiSelectFilter[];
+    placeholder: string;
+    showFilterInput?: boolean;
+    showResetButton?: boolean;
+    resetButtonClassName?: string;
+};

package/dist/components/VirtualizedTable/components/FormPaginate/FormPaginate.d.ts

@@ -0,0 +1 @@
+export declare const FormPaginate: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/VirtualizedTable/components/Header/Header.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from '../../VirtualizedTable.types';
+import { Props } from './Header.types';
+export declare const Header: <TData extends RowData>({ className, classNameArrows, classNameActiveArrows, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/components/VirtualizedTable/components/Header/Header.types.d.ts

@@ -0,0 +1,5 @@
+export type Props = {
+    className?: string;
+    classNameArrows?: string;
+    classNameActiveArrows?: string;
+};

package/dist/components/VirtualizedTable/components/Pagination/Pagination.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './Pagination.types';
+export declare const Pagination: FC<Props>;

package/dist/components/VirtualizedTable/components/Pagination/Pagination.types.d.ts

@@ -0,0 +1,9 @@
+export type Props = {
+    showTotalItems?: boolean;
+    showDropdownPagination?: boolean;
+    showDotPagination?: boolean;
+    showFormPagination?: boolean;
+    pageSizes?: number[] | string[];
+    classNamePagination?: string;
+    isLoading?: boolean;
+};

package/dist/components/VirtualizedTable/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,2 @@
+import { SkeletonProps } from './Skeleton.types';
+export declare const Skeleton: <T>({ numberOfRows, table }: SkeletonProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/VirtualizedTable/components/Skeleton/Skeleton.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import { Button as m } from "../../../Button/Button.js";
 import { cn as l } from "../../../../utils/index.js";
 import { useTableContext as c } from "../../contexts/table.hook.js";
-import { E as h } from "../../../../ellipsis-vertical-BVPtjl5f.js";
+import { E as h } from "../../../../ellipsis-vertical-Cl3yNtOy.js";
 const N = ({ numberOfRows: i, table: o }) => {
   const { tableFetching: n, tableLoading: b } = c(), t = Array.from({ length: i });
   return /* @__PURE__ */ r("tbody", { className: "text-slate-800 text-sm font-normal relative", children: t.map((g, e) => {

package/dist/components/VirtualizedTable/components/Skeleton/Skeleton.types.d.ts

@@ -0,0 +1,5 @@
+import { Table } from '@tanstack/react-table';
+export type SkeletonProps<T> = {
+    numberOfRows: number;
+    table: Table<T>;
+};

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.d.ts

@@ -0,0 +1,2 @@
+import { Props } from './TruncateText.types';
+export declare const TruncateText: <TData>({ getValue, value }: Props<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as d } from "react/jsx-runtime";
 import { P as u, R as b, T as m, C as p } from "../../../../index-Byr10W8m.js";
-import { d as h } from "../../../../debounce-BFejQm9P.js";
+import { d as h } from "../../../../debounce-DJveWHr_.js";
 import { useRef as x, useState as w, useCallback as g, useEffect as s } from "react";
 const v = ({ getValue: l, value: i }) => {
   const a = x(null), [c, f] = w(!1), n = i ?? l().toLocaleLowerCase(), t = g(() => {

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.types.d.ts

@@ -0,0 +1,5 @@
+import { CellContext } from '@tanstack/react-table';
+import { RowData } from '../../VirtualizedTable.types';
+export type Props<TData extends RowData> = CellContext<TData, string> & {
+    value?: string;
+};

package/dist/components/VirtualizedTable/components/WrapperBody/WrapperBody.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './WrapperBody.types';
+export declare const WrapperBody: FC<Props>;

package/dist/components/VirtualizedTable/components/WrapperBody/WrapperBody.types.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+export type Props = PropsWithChildren & {
+    classNameWrapperTable?: string;
+    isLoading?: boolean;
+    showPagination?: boolean;
+};

package/dist/components/VirtualizedTable/components/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Actions/Actions';
+export * from './Body/Body';
+export * from './Filter/Filter';
+export * from './Header/Header';
+export * from './Pagination/Pagination';
+export * from './TruncateText/TruncateText';
+export * from './WrapperBody/WrapperBody';

package/dist/components/VirtualizedTable/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './pagination';

package/dist/components/VirtualizedTable/constants/pagination.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_PAGE_SIZE = 10;
+export declare const DEFAULT_PAGE_SIZES: number[];

package/dist/components/VirtualizedTable/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export * from './table.context';
+export * from './table.hook';
+export * from './table.provider';

package/dist/components/VirtualizedTable/contexts/table.context.d.ts

@@ -0,0 +1,22 @@
+import { ColumnSort, SortingState, Table } from '@tanstack/react-table';
+import { Dispatch, SetStateAction } from 'react';
+import { RowData } from '../VirtualizedTable.types';
+export type ContextType<TData extends RowData = RowData> = {
+    sortedData: ColumnSort[];
+    table: Table<TData>;
+    pageSize: number;
+    tableFetching?: boolean;
+    tableLoading?: boolean;
+    totalItems?: number;
+    termOfSearch?: string;
+    page: number;
+    multiselectSelected?: Record<string, string[]>;
+    totalPages: number;
+    isFirstLoad: boolean;
+    handlePage: (newPage: number) => void;
+    onPageSize: (newPageSize: number) => void;
+    onSorting: Dispatch<SetStateAction<SortingState>>;
+    onChangeTermOfSearch: (term: string) => void;
+    onSelectMultiselect: (key: string, selectedValues: string[]) => void;
+};
+export declare const TableContext: import('react').Context<ContextType<unknown>>;

package/dist/components/VirtualizedTable/contexts/table.hook.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from '../VirtualizedTable.types';
+import { ContextType } from './table.context';
+export declare const useTableContext: <TData extends RowData = RowData>() => ContextType<TData>;

package/dist/components/VirtualizedTable/contexts/table.provider.d.ts

@@ -0,0 +1,17 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { PropsWithChildren } from 'react';
+import { RowData, Props as TableProps } from '../VirtualizedTable.types';
+type Props<TData extends RowData = RowData> = PropsWithChildren & {
+    id: string | string[] | number | number[];
+    data: TData[];
+    columns: ColumnDef<TData, string>[];
+    totalItems: number;
+    queryOptions?: TableProps<TData>['queryOptions'];
+    isPaginationEnabled?: boolean;
+    fetchData?: (params: Record<string, string | number | string[] | number[] | undefined>) => Promise<{
+        data: TData[];
+        totalItemsCount?: number;
+    }>;
+};
+export declare const TableProvider: <TData extends RowData = RowData>({ children, id, data: defaultData, columns, totalItems, isPaginationEnabled, queryOptions, fetchData, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
+export {};