@konstructio/ui 0.1.2-alpha.101 → 0.1.2-alpha.103

package/dist/lib/components/Filter/components/BadgeDropdown/BadgeMultiSelect.hook.d.ts

@@ -1,13 +1,12 @@
-import { Option } from '../../../../../components/Filter/Filter.types';
+import { Option } from '../../Filter.types';
 import { BadgeMultiSelectProps, SelectedOptions } from './BadgeMultiSelect.types';
 export declare const useBadgeMultiSelect: ({ onApply, options, }: Pick<BadgeMultiSelectProps, "onApply" | "options">) => {
     isOpen: boolean;
     isAllSelected: boolean;
     selectedCount: SelectedOptions[];
     selectedOptions: SelectedOptions[];
-    wrapperRef: import('react').RefObject<HTMLDivElement | null>;
     handleApplyOptions: () => void;
-    handleOpen: () => void;
+    handleOpenChange: (open: boolean) => void;
     handleResetOptions: () => void;
     handleSelectAll: (allOptions: Option[], checked: boolean) => void;
     handleSelectOption: (option: Option, checked: boolean) => void;

package/dist/lib/components/Filter/components/DateFilterDropdown/DateFilterDropdown.hook.d.ts

@@ -4,9 +4,8 @@ export declare const useDateFilterDropdown: ({ onApply, countryCode, }: Pick<Dat
     appliedDay: string | undefined;
     isOpen: boolean;
     selectedDay: Date | undefined;
-    wrapperRef: import('react').RefObject<HTMLDivElement | null>;
     handleApply: () => void;
-    handleOpen: () => void;
+    handleOpenChange: (open: boolean) => void;
     handleSelect: (date: Date) => void;
     handleReset: () => void;
 };

package/dist/lib/components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.hook.d.ts

@@ -1,13 +1,12 @@
-import { DateRange, DateRangeWithTime } from '../../../../../components/DateRangePicker/DateRangePicker.types';
+import { DateRange, DateRangeWithTime } from '../../../DateRangePicker/DateRangePicker.types';
 import { DateRangeFilterDropdownProps } from './DateRangeFilterDropdown.types';
 export declare const useDateRangeFilterDropdown: ({ defaultRange, onApply, countryCode, }: Pick<DateRangeFilterDropdownProps, "defaultRange" | "onApply" | "countryCode">) => {
     id: string;
     appliedRange: string | undefined;
     isOpen: boolean;
     selectedRange: DateRange | undefined;
-    wrapperRef: import('react').RefObject<HTMLDivElement | null>;
     handleApply: () => void;
-    handleOpen: () => void;
+    handleOpenChange: (open: boolean) => void;
     handleRangeChange: (range: DateRangeWithTime) => void;
     handleReset: () => void;
 };

package/dist/lib/components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.types.d.ts

@@ -1,4 +1,4 @@
-import { DateRange, DateRangeWithTime } from '../../../../../components/DateRangePicker/DateRangePicker.types';
+import { DateRange, DateRangeWithTime } from '../../../DateRangePicker/DateRangePicker.types';
 export type DateRangeFilterDropdownProps = {
     /** Label for the filter button */
     label: string;

package/dist/lib/components/Filter/components/FilterDropdown/FilterDropdown.d.ts

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

package/dist/lib/components/Filter/components/FilterDropdown/FilterDropdown.types.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren, ReactNode } from 'react';
+export type FilterDropdownProps = PropsWithChildren & {
+    isOpen: boolean;
+    trigger: ReactNode;
+    triggerClassName?: string;
+    position?: 'left' | 'right';
+    contentClassName?: string;
+    onOpenChange: (open: boolean) => void;
+};

package/dist/lib/components/Filter/components/ResetButton/ResetButton.types.d.ts

@@ -1,4 +1,4 @@
-import { Props as ButtonProps } from '../../../../../components/Button/Button.types';
+import { Props as ButtonProps } from '../../../Button/Button.types';
 export type ResetButtonProps = ButtonProps & {
     disabled?: boolean;
     onClick?: VoidFunction;

package/dist/lib/components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.hook.d.ts

@@ -5,9 +5,8 @@ export declare const useTimeFilterDropdown: ({ onApply, format, }: Pick<TimeFilt
     isOpen: boolean;
     selectedTime: Date | undefined;
     selectedPresetLabel: string | undefined;
-    wrapperRef: import('react').RefObject<HTMLDivElement | null>;
     handleApply: () => void;
-    handleOpen: () => void;
+    handleOpenChange: (open: boolean) => void;
     handleSelectPreset: (preset: TimePreset) => void;
     handleSelectCustom: (time: Date) => void;
     handleReset: () => void;

package/dist/lib/components/Filter/contexts/filter.context.d.ts

@@ -1,4 +1,5 @@
 export type FilterContextType = {
     closeOnApply: boolean;
+    theme?: string;
 };
 export declare const FilterContext: import('react').Context<FilterContextType>;

package/dist/lib/components/ImageUpload/ImageUpload.types.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { ChangeEvent, ReactNode } from 'react';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { imageUploadVariants } from './ImageUpload.variants';
 /**
  * Upload status states for the ImageUpload component.

package/dist/lib/components/Input/Input.types.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { InputHTMLAttributes, ReactNode } from 'react';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { inputVariants } from './Input.variants';
 /**
  * Props for the Input component.

package/dist/lib/components/LineChart/LineChart.types.d.ts

@@ -1,4 +1,4 @@
-import { Props as TypographyProps } from '../../../components/Typography/Typography.types';
+import { Props as TypographyProps } from '../Typography/Typography.types';
 export interface LineChartDataset {
     /** Dataset label (used in legend) */
     label: string;

package/dist/lib/components/Loading/Loading.types.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { InputHTMLAttributes } from 'react';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { loadingVariants } from './Loading.variants';
 /**
  * Props for the Loading component.

package/dist/lib/components/Modal/Modal.types.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { Transition } from 'motion/react';
 import { PropsWithChildren, ReactNode } from 'react';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { modalVariants } from './components/Wrapper/Wrapper.variants';
 /**
  * Props for the Modal component.

package/dist/lib/components/Modal/components/Wrapper/Wrapper.types.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { Transition } from 'motion/react';
 import { PropsWithChildren } from 'react';
-import { Theme } from '../../../../../domain/theme';
+import { Theme } from '../../../../domain/theme';
 import { modalVariants } from './Wrapper.variants';
 export type Props = PropsWithChildren & VariantProps<typeof modalVariants> & {
     buttonCloseClassName?: string;

package/dist/lib/components/MultiSelectDropdown/components/Item/Item.types.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../../../../domain/theme';
+import { Theme } from '../../../../domain/theme';
 import { MultiSelectDropdownOption } from '../../MultiSelectDropdown.types';
 export type ItemProps = {
     option: MultiSelectDropdownOption;

package/dist/lib/components/MultiSelectDropdown/components/List/List.types.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../../../../domain/theme';
+import { Theme } from '../../../../domain/theme';
 export type ListProps = {
     theme?: Theme;
 };

package/dist/lib/components/MultiSelectDropdown/components/Wrapper/Wrapper.types.d.ts

@@ -1,5 +1,5 @@
 import { ForwardedRef } from 'react';
-import { Theme } from '../../../../../domain/theme';
+import { Theme } from '../../../../domain/theme';
 import { Props as MultiSelectDropdownProps } from '../../MultiSelectDropdown.types';
 export type WrapperProps = Omit<MultiSelectDropdownProps, 'options' | 'multiselect'> & {
     ref?: ForwardedRef<HTMLInputElement>;

package/dist/lib/components/ProgressBar/ProgressBar.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { progressBarFillVariants } from './ProgressBar.variants';
 export interface Props extends VariantProps<typeof progressBarFillVariants> {
     /** Additional CSS classes for the outer wrapper */

package/dist/lib/components/Radio/Radio.types.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { InputHTMLAttributes, ReactNode } from 'react';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { radioVariants } from './Radio.variants';
 /**
  * Props for the Radio component.

package/dist/lib/components/RadioCard/RadioCard.types.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { Props as CardProps } from '../Card/Card.types';
 import { Props as RadioProps } from '../Radio/Radio.types';
 /**

package/dist/lib/components/RadioCardGroup/RadioCardGroup.types.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { Props as RadioCardProps } from '../RadioCard/RadioCard.types';
 /**
  * Props for the RadioCardGroup component.

package/dist/lib/components/RadioGroup/RadioGroup.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { Props as RadioProps } from '../Radio/Radio.types';
 /**
  * Props for the RadioGroup component.

package/dist/lib/components/Range/Range.types.d.ts

@@ -1,6 +1,6 @@
 import { SliderProps as SliderPropsBase } from '@radix-ui/react-slider';
 import { VariantProps } from 'class-variance-authority';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { rangeVariants } from './Range.variants';
 /**
  * Props for the Range component.

package/dist/lib/components/Select/Select.types.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { InputHTMLAttributes, ReactNode } from 'react';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { selectVariants } from './Select.variants';
 /**
  * Option type for Select dropdown items.

package/dist/lib/components/Sidebar/Sidebar.types.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { CSSProperties, FC, PropsWithChildren } from 'react';
-import { ClassNames as DrawerClassNames } from '../../../components/Drawer/Drawer.types';
-import { Theme } from '../../../domain/theme';
+import { ClassNames as DrawerClassNames } from '../Drawer/Drawer.types';
+import { Theme } from '../../domain/theme';
 import { SidebarModeProp } from './hooks/useSidebarMode';
 import { wrapperSiderbarVariants } from './Sidebar.variants';
 import { FooterProps, LabelProps, LogoProps, NavigationGroupProps, NavigationOptionProps, NavigationProps, NavigationSeparatorProps } from './components';

package/dist/lib/components/Sidebar/components/Label/Label.types.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { PropsWithChildren } from 'react';
-import { typographyVariants } from '../../../../../components/Typography/Typography.variants';
+import { typographyVariants } from '../../../Typography/Typography.variants';
 export interface Props extends PropsWithChildren {
     className?: string;
     variant?: VariantProps<typeof typographyVariants>['variant'];

package/dist/lib/components/Slider/Slider.types.d.ts

@@ -1,6 +1,6 @@
 import { SliderProps as SliderPropsBase } from '@radix-ui/react-slider';
 import { VariantProps } from 'class-variance-authority';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { sliderVariants } from './Slider.variants';
 /**
  * Props for the Slider component.

package/dist/lib/components/Spinner/Spinner.types.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { HTMLAttributes, ReactNode } from 'react';
-import { Props as TypographyProps } from '../../../components/Typography/Typography.types';
-import { Theme } from '../../../domain/theme';
+import { Props as TypographyProps } from '../Typography/Typography.types';
+import { Theme } from '../../domain/theme';
 import { spinnerVariants } from './Spinner.variants';
 export type Props = HTMLAttributes<HTMLDivElement> & VariantProps<typeof spinnerVariants> & {
     spinnerClassName?: string;

package/dist/lib/components/Stepper/Stepper.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { stepperVariants } from './Stepper.variants';
 export type StepStatus = 'completed' | 'active' | 'pending' | 'error';
 export type StepSize = 'sm' | 'md' | 'lg';

package/dist/lib/components/Stepper/components/StepItem/StepItem.types.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { Theme } from '../../../../../domain/theme';
+import { Theme } from '../../../../domain/theme';
 import { Step, StepperClassNames, StepperIcons, StepSize, StepStatus, StepVariant } from '../../Stepper.types';
 import { stepIndicatorVariants } from '../../Stepper.variants';
 export type Props = VariantProps<typeof stepIndicatorVariants> & {

package/dist/lib/components/Switch/Switch.types.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { switchVariants } from './Switch.variants';
 /**
  * Props for the Switch component.

package/dist/lib/components/Table/Table.types.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { PropsWithChildren } from 'react';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { bodyVariants, headVariants, rowVariants, tableVariants } from './Table.variants';
 /**
  * Props for the Table component.

package/dist/lib/components/Tabs/Tabs.types.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { PropsWithChildren } from 'react';
 import { triggerVariants } from './Tabs.variants';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import * as ReactTabs from '@radix-ui/react-tabs';
 /**
  * Props for the Tabs component.

package/dist/lib/components/TagSelect/TagSelect.types.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { Props as TagProps } from '../../../components/Tag/Tag.types';
+import { Props as TagProps } from '../Tag/Tag.types';
 import { tagSelectVariants } from './TagSelect.variants';
 /**
  * Props for the TagSelect component.

package/dist/lib/components/TagSelect/components/Item/Item.types.d.ts

@@ -1,5 +1,5 @@
-import { Props as TagProps } from '../../../../../components/Tag/Tag.types';
-import { Theme } from '../../../../../domain/theme';
+import { Props as TagProps } from '../../../Tag/Tag.types';
+import { Theme } from '../../../../domain/theme';
 export type ItemProps = {
     option: TagProps;
     theme?: Theme;

package/dist/lib/components/TagSelect/components/List/List.types.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../../../../domain/theme';
+import { Theme } from '../../../../domain/theme';
 export type ListProps = {
     theme?: Theme;
 };

package/dist/lib/components/TagSelect/components/Wrapper/Wrapper.types.d.ts

@@ -1,5 +1,5 @@
 import { ForwardedRef } from 'react';
-import { Theme } from '../../../../../domain/theme';
+import { Theme } from '../../../../domain/theme';
 import { Props as TagSelectProps } from '../../TagSelect.types';
 export type WrapperProps = Omit<TagSelectProps, 'options' | 'multiselect'> & {
     ref?: ForwardedRef<HTMLInputElement>;

package/dist/lib/components/TagSelect/contexts/TagSelect.types.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren, RefObject } from 'react';
-import { Props as TagProps } from '../../../../components/Tag/Tag.types';
+import { Props as TagProps } from '../../Tag/Tag.types';
 export type State = {
     tags: TagProps[];
     selectedTags: TagProps[];

package/dist/lib/components/TextArea/TextArea.types.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { InputHTMLAttributes, ReactNode } from 'react';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { textAreaVariants } from './TextArea.variants';
 /**
  * Props for the TextArea component.

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

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { PropsWithChildren, ReactNode } from 'react';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { toastVariants } from './Toast.variants';
 /**
  * Props for the Toast component.

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

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { ComponentRef, HTMLAttributes, ReactNode, Ref } from 'react';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { typographyVariants } from './Typography.variants';
 /** Valid HTML heading tags */
 export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';

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

@@ -1,9 +1,9 @@
 import { ColumnDef as ColumnDefPrimitive, ExpandedState, OnChangeFn, RowData as RowDataPrimitive } from '@tanstack/react-table';
 import { VariantProps } from 'class-variance-authority';
 import { ReactNode } from 'react';
-import { Props as ButtonProps } from '../../../components/Button/Button.types';
-import { DateRange, DateRangeWithTime } from '../../../components/DateRangePicker/DateRangePicker.types';
-import { TimePreset } from '../../../components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.types';
+import { Props as ButtonProps } from '../Button/Button.types';
+import { DateRange, DateRangeWithTime } from '../DateRangePicker/DateRangePicker.types';
+import { TimePreset } from '../Filter/components/TimeFilterDropdown/TimeFilterDropdown.types';
 import { virtualizeTableVariants } from './VirtualizedTable.variants';
 import { Option } from './components/Filter/Filter.types';
 import { UseQueryOptions } from '@tanstack/react-query';
@@ -157,6 +157,24 @@ export type Props<TData extends RowDataPrimitive> = VariantProps<typeof virtuali
     isLoading?: boolean;
     /** Rendered in place of rows when the table has no data (and is not loading). */
     emptyState?: ReactNode;
+    /**
+     * Rendered in place of rows when the query failed and there are no rows to
+     * display. With React Query's default retry (3 attempts) it appears after
+     * retries are exhausted; pass `queryOptions={{ retry: false }}` to show it
+     * immediately. When both `errorState` and `emptyState` are set, `errorState`
+     * wins on error.
+     */
+    errorState?: ReactNode | ((error: Error) => ReactNode);
+    /** Rendered as a full-width band above the column headers, inside the table. */
+    headerContent?: ReactNode;
+    classNameHeaderContent?: string;
+    /**
+     * Classes for the div wrapping the table body + pagination bar (the filter
+     * row stays outside, fixed to the container width). Pass e.g.
+     * `'overflow-x-auto contain-inline-size'` to get a horizontal scroll
+     * container whose pagination bar tracks the table width.
+     */
+    classNameScrollContainer?: string;
     getRowId?: (originalRow: TData, index: number) => string;
     fetchData?: (params: Record<string, string | number | string[] | number[] | undefined>, signal?: AbortSignal) => Promise<{
         data: TData[];
@@ -170,6 +188,11 @@ export type Props<TData extends RowDataPrimitive> = VariantProps<typeof virtuali
     showFormPagination?: boolean;
     pageSizes?: number[] | string[];
     totalItems: number;
+    /**
+     * Direction of the page-size dropdown. 'auto' (default) opens downward
+     * and flips upward when there is no room below in the viewport.
+     */
+    dropdownPaginationDirection?: 'auto' | 'up' | 'down';
 } | {
     showPagination?: false | undefined;
     showTotalItems?: never;
@@ -178,6 +201,7 @@ export type Props<TData extends RowDataPrimitive> = VariantProps<typeof virtuali
     showFormPagination?: never;
     pageSizes?: never;
     totalItems?: never;
+    dropdownPaginationDirection?: never;
 }) & ({
     filterSearchPlaceholder?: string;
     /** @deprecated Use `filters` instead */

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

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

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

@@ -4,4 +4,5 @@ export type BodyProps<_TData extends RowData = RowData> = {
     isLoading?: boolean;
     showPagination?: boolean;
     emptyState?: ReactNode;
+    errorState?: ReactNode | ((error: Error) => ReactNode);
 };

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

@@ -1,3 +1,5 @@
 export type Props = {
     pageSizes?: number[] | string[];
+    isListPortal?: boolean;
+    direction?: 'auto' | 'up' | 'down';
 };

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

@@ -1,5 +1,5 @@
 import { ActionFilterConfig, FilterConfig, MultiSelectFilter } from '../../VirtualizedTable.types';
-export type { Option } from '../../../../../components/Filter/Filter.types';
+export type { Option } from '../../../Filter/Filter.types';
 /** @deprecated Use `ActionFilterConfig` with `type: 'action'` in the `filters` array instead */
 export type FilterAction = ActionFilterConfig;
 export type Props = {

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

@@ -1,3 +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.Element;
+export declare const Header: <TData extends RowData>({ className, classNameArrows, classNameActiveArrows, classNameHeaderContent, }: Props) => import("react").JSX.Element;

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

@@ -2,4 +2,5 @@ export type Props = {
     className?: string;
     classNameArrows?: string;
     classNameActiveArrows?: string;
+    classNameHeaderContent?: string;
 };

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

@@ -6,4 +6,6 @@ export type Props = {
     pageSizes?: number[] | string[];
     classNamePagination?: string;
     isLoading?: boolean;
+    isListPortal?: boolean;
+    dropdownPaginationDirection?: 'auto' | 'up' | 'down';
 };

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

@@ -1,5 +1,5 @@
 import { CellContext } from '@tanstack/react-table';
-import { Props as TooltipProps } from '../../../../../components/Tooltip/Tooltip.types';
+import { Props as TooltipProps } from '../../../Tooltip/Tooltip.types';
 import { RowData } from '../../VirtualizedTable.types';
 export type Props<TData extends RowData> = CellContext<TData, string> & Partial<Omit<TooltipProps, 'content' | 'children' | 'textClassName'>> & {
     value?: string;

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

@@ -7,6 +7,8 @@ export type ContextType<TData extends RowData = RowData> = {
     pageSize: number;
     tableFetching?: boolean;
     tableLoading?: boolean;
+    tableError?: Error | null;
+    headerContent?: ReactNode;
     totalItems?: number;
     termOfSearch?: string;
     page: number;

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

@@ -1,3 +1,3 @@
 import { RowData } from '../VirtualizedTable.types';
 import { Props } from './table.types';
-export declare const TableProvider: <TData extends RowData = RowData>({ children, classNameExpandedCell, classNameExpandedContent, classNameExpandedRow, classNameExpandedHeader, classNameActiveExpandedRow, classNameHoverRow, columns, data: defaultData, defaultExpanded, enableExpandedRow, enableHoverRow, expandedState, id, isPaginationEnabled, queryOptions, totalItems, getRowId, fetchData, onExpandedChange, renderExpandedRow, keepExpandColumnVisible, }: Props<TData>) => import("react").JSX.Element;
+export declare const TableProvider: <TData extends RowData = RowData>({ children, classNameExpandedCell, classNameExpandedContent, classNameExpandedRow, classNameExpandedHeader, classNameActiveExpandedRow, classNameHoverRow, columns, data: defaultData, defaultExpanded, enableExpandedRow, enableHoverRow, expandedState, headerContent, id, isPaginationEnabled, queryOptions, totalItems, getRowId, fetchData, onExpandedChange, renderExpandedRow, keepExpandColumnVisible, }: Props<TData>) => import("react").JSX.Element;

package/dist/lib/components/VirtualizedTable/contexts/table.types.d.ts

@@ -4,6 +4,7 @@ import { RowData, Props as TableProps } from '../VirtualizedTable.types';
 export type Props<TData extends RowData = RowData> = PropsWithChildren & {
     id: string | string[] | number | number[];
     data: TData[];
+    headerContent?: ReactNode;
     columns: ColumnDef<TData, string>[];
     totalItems: number;
     queryOptions?: TableProps<TData>['queryOptions'];

package/dist/lib/contexts/theme.context.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../domain/theme';
+import { Theme } from '../domain/theme';
 export type ThemeContextType = {
     theme: Theme;
     setTheme: (theme: Theme) => void;

package/dist/lib/contexts/theme.hook.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../domain/theme';
+import { Theme } from '../domain/theme';
 type ThemeProps = {
     theme?: Theme;
     setTheme?: (theme: Theme) => void;