dt-shared-front 2.2.128 → 3.0.0

package/dist/components/breadcrumbs/breadcrumbs.d.ts

@@ -13,6 +13,7 @@ interface IBreadcrumbsProps {
     paths: IBreadcrumbsPath[];
     variant?: keyof typeof EBreadcrumbsVariant;
     onBack?: (path: string) => void;
+    isMobile?: boolean;
 }
 export declare const Breadcrumbs: ({ paths, onBack, variant }: IBreadcrumbsProps) => React.JSX.Element;
 export {};

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

@@ -27,10 +27,9 @@ export interface IButtonProps {
     iconPosition?: keyof typeof EButtonIconPosition;
     borderRadius?: keyof typeof EButtonBorderRadius;
     loading?: boolean;
-    isWbTheme?: boolean;
     disabled?: boolean;
     className?: string;
     type?: 'button' | 'submit' | 'reset';
     onClick?: (e?: MouseEvent<HTMLButtonElement>) => void;
 }
-export declare const Button: ({ variant, size, iconPosition, borderRadius, width, icon: Icon, loading, disabled, children, className, onClick, type, isWbTheme, }: PropsWithChildren<IButtonProps>) => React.JSX.Element;
+export declare const Button: ({ variant, size, iconPosition, borderRadius, width, icon: Icon, loading, disabled, children, className, onClick, type, }: PropsWithChildren<IButtonProps>) => React.JSX.Element;

package/dist/components/checkbox/checkbox.d.ts

@@ -8,6 +8,5 @@ export declare type ICheckboxProps = {
     className?: string;
     small?: boolean;
     name?: string;
-    isWbTheme?: boolean;
 };
-export declare const Checkbox: ({ disabled, value, onChange, children, error, className, isWbTheme, name, }: PropsWithChildren<ICheckboxProps>) => React.JSX.Element;
+export declare const Checkbox: ({ disabled, value, onChange, children, error, className, name, }: PropsWithChildren<ICheckboxProps>) => React.JSX.Element;

package/dist/components/counter/counter.d.ts

@@ -4,7 +4,6 @@ interface ICounterProps {
     max?: number;
     min?: number;
     onChange?: (count: number) => void;
-    isWbTheme?: boolean;
 }
 export declare const Counter: (props: ICounterProps) => React.JSX.Element;
 export {};

package/dist/components/counter/counter.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Counter } from './counter';
+declare const meta: Meta<typeof Counter>;
+export default meta;
+declare type Story = StoryObj<typeof Counter>;
+export declare const Default: Story;
+export declare const WithCustomInitial: Story;
+export declare const AtMinValue: Story;
+export declare const AtMaxValue: Story;

package/dist/components/date-picker/date-picker.d.ts

@@ -1,64 +1,39 @@
-import React, { ComponentProps, ReactNode } from 'react';
-declare const AntDatePicker: import("antd/lib/date-picker/generatePicker/interface").PickerComponentClass<import("antd/lib/date-picker/generatePicker").PickerProps<Date> & {
-    status?: "" | "error" | "warning";
-    dropdownClassName?: string;
-    popupClassName?: string;
-}, unknown> & {
-    WeekPicker: import("antd/lib/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/lib/date-picker/generatePicker").PickerProps<Date> & {
-        status?: "" | "error" | "warning";
-        dropdownClassName?: string;
-        popupClassName?: string;
-    }, "picker">, unknown>;
-    MonthPicker: import("antd/lib/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/lib/date-picker/generatePicker").PickerProps<Date> & {
-        status?: "" | "error" | "warning";
-        dropdownClassName?: string;
-        popupClassName?: string;
-    }, "picker">, unknown>;
-    YearPicker: import("antd/lib/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/lib/date-picker/generatePicker").PickerProps<Date> & {
-        status?: "" | "error" | "warning";
-        dropdownClassName?: string;
-        popupClassName?: string;
-    }, "picker">, unknown>;
-    RangePicker: import("antd/lib/date-picker/generatePicker/interface").PickerComponentClass<import("antd/lib/date-picker/generatePicker").RangePickerProps<Date> & {
-        dropdownClassName?: string;
-        popupClassName?: string;
-    }, unknown>;
-    TimePicker: import("antd/lib/date-picker/generatePicker/interface").PickerComponentClass<Omit<Omit<import("rc-picker/lib/Picker").PickerTimeProps<Date>, "locale" | "generateConfig" | "hideHeader" | "components"> & {
-        locale?: import("antd/lib/date-picker/generatePicker").PickerLocale;
-        size?: import("antd/lib/button").ButtonSize;
-        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
-        bordered?: boolean;
-        status?: "" | "error" | "warning";
-    } & {
-        status?: "" | "error" | "warning";
-        dropdownClassName?: string;
-        popupClassName?: string;
-    }, "picker">, unknown>;
-    QuarterPicker: import("antd/lib/date-picker/generatePicker/interface").PickerComponentClass<Omit<Omit<import("rc-picker/lib/Picker").PickerTimeProps<Date>, "locale" | "generateConfig" | "hideHeader" | "components"> & {
-        locale?: import("antd/lib/date-picker/generatePicker").PickerLocale;
-        size?: import("antd/lib/button").ButtonSize;
-        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
-        bordered?: boolean;
-        status?: "" | "error" | "warning";
-    } & {
-        status?: "" | "error" | "warning";
-        dropdownClassName?: string;
-        popupClassName?: string;
-    }, "picker">, unknown>;
-};
-declare type IDatePickerProps = {
-    error?: boolean;
-    onClear?: (e: any) => void;
-    onTouchStart?: (e: any) => void;
-    onClick?: (e: any) => void;
+import React from 'react';
+import { ReactNode } from 'react';
+declare enum EDatePickerSize {
+    large = "large",
+    medium = "medium",
+    small = "small",
+    pure = "pure"
+}
+declare enum EDatePickerVariant {
+    filled = "filled",
+    outlined = "outlined",
+    pure = "pure"
+}
+interface IDatePicker {
+    value?: Date | [Date, Date];
+    isRange?: boolean;
+    isRangeSingle?: boolean;
+    isTwoCalendar?: boolean;
+    onChange?: (val: Date | [Date, Date]) => void;
+    onOpenChange?: (val: boolean) => void;
     format?: string;
-    mask?: string;
-    labelPlaceholder?: string;
-    isWbTheme?: boolean;
+    size?: keyof typeof EDatePickerSize;
+    variant?: keyof typeof EDatePickerVariant;
     placeholder?: string;
+    allowClear?: boolean;
     className?: string;
-    onChange?: (e: any) => void;
     suffixIcon?: ReactNode;
-} & ComponentProps<typeof AntDatePicker>;
-export declare const DatePicker: React.ForwardRefExoticComponent<IDatePickerProps & React.RefAttributes<unknown>>;
+    loading?: boolean;
+    error?: boolean;
+    disabled?: boolean;
+    renderExtraFooter?: () => ReactNode;
+    disabledDate?: (date: Date) => boolean;
+    dateRender?: (date: Date) => ReactNode;
+    valueRender?: (date: Date | [Date, Date]) => ReactNode;
+    onClick?: (e: MouseEvent) => void;
+    isOpen?: boolean;
+}
+export declare const DatePicker: ({ format, size, variant, ...props }: IDatePicker) => React.JSX.Element;
 export {};

package/dist/components/date-picker/date-picker.stories.d.ts

@@ -4,3 +4,12 @@ declare const meta: Meta<typeof DatePicker>;
 export default meta;
 declare type Story = StoryObj<typeof DatePicker>;
 export declare const Default: Story;
+export declare const Range: Story;
+export declare const SizeLarge: Story;
+export declare const SizeMedium: Story;
+export declare const SizeSmall: Story;
+export declare const SizePure: Story;
+export declare const RangeSizeLarge: Story;
+export declare const RangeSizeMedium: Story;
+export declare const RangeSizeSmall: Story;
+export declare const RangeSizePure: Story;

package/dist/components/form-control/form-control.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import { ComponentProps, ElementType, PropsWithChildren } from 'react';
+import React, { ComponentProps, ElementType, PropsWithChildren } from 'react';
 declare type IFormControlProps<C extends ElementType> = {
     [key in keyof ComponentProps<C>]?: ComponentProps<C>[key];
 } & {
@@ -8,7 +7,11 @@ declare type IFormControlProps<C extends ElementType> = {
     component?: C;
     onChange?: any;
     errorPosition?: 'absolute' | 'relative' | 'static' | 'initial' | 'inherit';
+    tooltipText?: string;
+    onFocus?: React.FocusEventHandler<any>;
+    onBlur?: React.FocusEventHandler<any>;
+    hideTooltipOnClick?: boolean;
 };
 export declare const isRequiredField: (validationSchema: any, name: any) => any;
-export declare function FormControl<T extends ElementType>({ name, label, component, onChange, errorPosition, ...props }: PropsWithChildren<IFormControlProps<T>>): React.JSX.Element;
+export declare function FormControl<T extends ElementType>({ name, label, component, onChange, errorPosition, tooltipText, hideTooltipOnClick, ...props }: PropsWithChildren<IFormControlProps<T>>): React.JSX.Element;
 export {};

package/dist/components/form-control/form-control.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FormControl } from './form-control';
+declare const meta: Meta<typeof FormControl>;
+export default meta;
+declare type Story = StoryObj<typeof FormControl>;
+export declare const TooltipOnError: Story;
+export declare const TooltipStaysOpenWhileTyping: Story;
+export declare const SelectWithHideTooltipOnClick: Story;

package/dist/components/heading/heading.d.ts

@@ -38,7 +38,6 @@ interface IHeadingProps {
     className?: string;
     centerText?: boolean;
     weight?: keyof typeof EHeadingWeight;
-    isWbTheme?: boolean;
 }
-export declare const Heading: ({ children, level, mobLevel, addition, attention, warning, success, inverse, error, variant, className, centerText, weight, isWbTheme, }: IHeadingProps) => React.JSX.Element;
+export declare const Heading: ({ children, level, mobLevel, addition, attention, warning, success, inverse, error, variant, className, centerText, weight, }: IHeadingProps) => React.JSX.Element;
 export {};

package/dist/components/input/input.d.ts

@@ -36,7 +36,6 @@ export declare type IInputProps = {
     mask?: string;
     maskObj?: any;
     maskParams?: any;
-    isWbTheme?: boolean;
     onClear?: (val?: string) => void;
     onBeforeMask?: (val?: string) => void;
     onPointerUp?: (e: any) => void;
@@ -63,11 +62,10 @@ export declare const Input: React.ForwardRefExoticComponent<{
     mask?: string;
     maskObj?: any;
     maskParams?: any;
-    isWbTheme?: boolean;
     onClear?: (val?: string) => void;
     onBeforeMask?: (val?: string) => void;
     onPointerUp?: (e: any) => void;
     onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
     onSearch?: ((val: string) => void) | ((val: string) => Promise<void>);
     valueTransformer?: (value: string) => string;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "variant" | "size" | "onChange"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "variant" | "onChange"> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/link/link.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Link } from './link';
+declare const meta: Meta<typeof Link>;
+export default meta;
+declare type Story = StoryObj<typeof Link>;
+export declare const Default: Story;
+export declare const External: Story;
+export declare const WithIcon: Story;

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

@@ -0,0 +1 @@
+export { Pagination } from './pagination';

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

@@ -0,0 +1,12 @@
+import React from 'react';
+interface IPaginationProps {
+    total: number;
+    page: number;
+    perPage: number;
+    aroundCount?: number;
+    onChange?: (page: number, perPage?: number) => void;
+    className?: string;
+    loading?: boolean;
+}
+export declare const Pagination: ({ total, page, perPage, aroundCount, onChange, className, loading, }: IPaginationProps) => React.JSX.Element;
+export {};

package/dist/components/radio/radio.d.ts

@@ -21,8 +21,7 @@ declare type IRadioProps<T> = Omit<RadioGroupProps, 'options' | 'onChange' | 'va
     className?: string;
     classNameContainer?: string;
     error?: boolean;
-    isWbTheme?: boolean;
     onRenderOption?: (value: T) => ReactNode;
 };
-export declare function Radio<T = any>({ options, position, labelPosition, valueKey, labelKey, labels, className, error, isWbTheme, onRenderOption, ...props }: IRadioProps<T>): React.JSX.Element;
+export declare function Radio<T = any>({ options, position, labelPosition, valueKey, labelKey, labels, className, error, onRenderOption, ...props }: IRadioProps<T>): React.JSX.Element;
 export {};

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

@@ -32,8 +32,9 @@ declare type ISelectProps<T> = Omit<SelectProps, 'options' | 'onChange'> & {
     modalSearchable?: boolean;
     modalPlaceholder?: boolean;
     modalShowConfirmButton?: boolean;
-    isWbTheme?: boolean;
     notFoundContent?: React.ReactNode;
+    open?: boolean;
+    selectTextOnClick?: boolean;
 };
 export declare const Select: <T = any>(props: ISelectProps<T>, ref: Ref<HTMLInputElement>) => ReactElement;
 export {};

package/dist/components/select/select.stories.d.ts

@@ -3,4 +3,22 @@ import { Select } from './select';
 declare const meta: Meta<typeof Select>;
 export default meta;
 declare type Story = StoryObj<typeof Select>;
-export declare const AllDefault: Story;
+export declare const Default: Story;
+export declare const WithObjectOptions: Story;
+export declare const WithGroupedOptions: Story;
+export declare const WithValue: Story;
+export declare const Disabled: Story;
+export declare const WithError: Story;
+export declare const Stacked: Story;
+export declare const SizeLarge: Story;
+export declare const SizeMiddle: Story;
+export declare const SizeSmall: Story;
+export declare const WithServerSearch: Story;
+export declare const WithServerSearchGroup: Story;
+export declare const WithCustomRenderOption: Story;
+export declare const MobileModal: Story;
+export declare const WithLabelPlaceholder: Story;
+export declare const WithLabels: Story;
+export declare const Loading: Story;
+export declare const WithNotFoundContent: Story;
+export declare const WithNewClearIcon: Story;

package/dist/components/selector/selector.stories.d.ts

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Selector } from './selector';
+declare const meta: Meta<typeof Selector>;
+export default meta;
+declare type Story = StoryObj<typeof Selector>;
+export declare const BasicSlider: Story;
+export declare const SliderWithStep: Story;
+export declare const SliderWithMarks: Story;
+export declare const DisabledSlider: Story;
+export declare const CustomRangeSlider: Story;
+export declare const RangeSlider: Story;
+export declare const RangeSliderWithStep: Story;
+export declare const PriceRangeSlider: Story;
+export declare const RangeSliderWithMarks: Story;
+export declare const DisabledRangeSlider: Story;
+export declare const AllVariants: Story;
+export declare const WithAfterChange: Story;
+export declare const WithTooltips: Story;

package/dist/components/skeleton/skeleton.d.ts

@@ -5,8 +5,7 @@ declare enum ESkeletonVariant {
     inverse = "inverse"
 }
 declare type ISkeletonProps = SkeletonProps & {
-    isWbTheme?: boolean;
     variant?: keyof typeof ESkeletonVariant;
 };
-export declare const Skeleton: ({ isWbTheme, variant, ...props }: ISkeletonProps) => React.JSX.Element;
+export declare const Skeleton: ({ variant, ...props }: ISkeletonProps) => React.JSX.Element;
 export {};

package/dist/components/slider/slider.d.ts

@@ -1,19 +1,22 @@
 import React from 'react';
+import { SwiperOptions } from 'swiper';
 interface ISliderProps {
     items: any[];
-    slidesPerView: any;
+    slidesPerView: number | 'auto';
     showNavigation?: boolean;
+    hoverNavigation?: boolean;
     navPosition?: 'inset' | '';
     renderItem: (item: any, index: number) => any;
     viewItem?: (item: any, index: number) => void;
     loop?: boolean;
     asyncReady?: boolean;
     spaceBetween?: number;
-    autoplay?: boolean;
     delay?: number;
     freeMode?: boolean;
     showCounter?: boolean;
     centeredSlides?: boolean;
+    centeredSlidesBounds?: boolean;
+    centerInsufficientSlides?: boolean;
     className?: string;
     classNamePrev?: string;
     classNameNext?: string;
@@ -29,5 +32,5 @@ interface ISliderProps {
     speed?: number;
     effect?: 'slide' | 'fade' | 'cube' | 'coverflow' | 'flip';
 }
-export declare const Slider: ({ items, slidesPerView, renderItem, viewItem, loop, asyncReady, showNavigation, navPosition, spaceBetween, autoplay, delay, freeMode, showCounter, centeredSlides, className, classNamePrev, classNameNext, touchStartPreventDefault, overflow, preloadImages, shortSwipes, longSwipes, longSwipesMs, longSwipesRatio, preventClicks, preventClicksPropagation, effect, speed, }: ISliderProps) => React.JSX.Element;
+export declare const Slider: ({ items, slidesPerView, renderItem, viewItem, loop, asyncReady, showNavigation, hoverNavigation, navPosition, spaceBetween, autoplay, delay, freeMode, showCounter, centeredSlides, centeredSlidesBounds, centerInsufficientSlides, className, classNamePrev, classNameNext, touchStartPreventDefault, overflow, preloadImages, shortSwipes, longSwipes, longSwipesMs, longSwipesRatio, preventClicks, preventClicksPropagation, effect, speed, ...props }: ISliderProps & SwiperOptions) => React.JSX.Element;
 export {};

package/dist/components/spoiler/spoiler.d.ts

@@ -4,7 +4,6 @@ interface ISpoilerProps {
     title: string | ReactNode;
     initialValue?: boolean;
     className?: string;
-    isWbTheme?: boolean;
 }
 export declare const Spoiler: (props: PropsWithChildren<ISpoilerProps>) => React.JSX.Element;
 export {};

package/dist/components/stacked-input/stacked-input.d.ts

@@ -17,7 +17,6 @@ declare type IStackedInputProps<T> = {
     labelPlaceholder?: string;
     mask?: IInputProps['mask'];
     value?: string;
-    isWbTheme?: boolean;
     onRenderOption?: (item: T) => ReactNode;
     disabled?: boolean;
 } & ComponentProps<typeof Input> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'variant' | 'onChange'>;

package/dist/components/switch/switch.d.ts

@@ -12,6 +12,7 @@ declare type ISwitchProps = {
     onChange?: (value: boolean) => void;
     disabled?: boolean;
     size?: keyof typeof ESwitchSize;
+    mobSize?: keyof typeof ESwitchSize;
 };
-export declare const Switch: ({ size, ...props }: ISwitchProps) => React.JSX.Element;
+export declare const Switch: ({ size, mobSize, ...props }: ISwitchProps) => React.JSX.Element;
 export {};

package/dist/components/switch/switch.stories.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const _default: {
     title: string;
-    component: ({ size, ...props }: {
+    component: ({ size, mobSize, ...props }: {
         value?: boolean;
         name?: string;
         title?: string;
@@ -9,6 +9,7 @@ declare const _default: {
         onChange?: (value: boolean) => void;
         disabled?: boolean;
         size?: "small" | "medium" | "large";
+        mobSize?: "small" | "medium" | "large";
     }) => React.JSX.Element;
 };
 export default _default;

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

@@ -0,0 +1,3 @@
+export { Table } from './table';
+export type { ITableColumn, ITablePagination } from './table.types';
+export { useTableHook } from './table.hook';

package/dist/components/table/table-row.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ReactNode } from 'react';
+import { ITableColumn } from './table.types';
+interface ITableRow<T> {
+    item: T;
+    index: number;
+    keyId: string;
+    columns: ITableColumn<T>[];
+    onClickRow: (item: T) => void;
+    onRenderCell: (item: T, column: ITableColumn<T>) => ReactNode;
+    onRenderRow?: (item: T, node: JSX.Element) => JSX.Element;
+    onRenderDetail: (item: T) => ReactNode;
+    onRenderControls: (item: T) => ReactNode;
+}
+export declare function TableRow<T>({ item, columns, keyId, index, onClickRow, onRenderCell, onRenderRow, onRenderDetail, onRenderControls, }: ITableRow<T>): React.JSX.Element;
+export {};

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { ReactNode } from 'react';
+import { ITableColumn, ITableSort } from './table.types';
+export interface ITableProps<T> {
+    items: T[];
+    columns: ITableColumn<T>[];
+    onRenderControls?: (item: T) => ReactNode;
+    keyId?: string;
+    loading?: boolean;
+    onRenderDetail?: (item: T) => ReactNode;
+    onRenderRow?: (item: T, node: JSX.Element) => JSX.Element;
+    showPagination?: boolean;
+    pagination?: {
+        limit?: number;
+        offset?: number;
+    };
+    total?: number;
+    sort?: ITableSort;
+    onChangePagination?: (limit: number, offset: number) => void;
+    onChangeSort?: (key: string, order: 'asc' | 'desc') => void;
+    className?: string;
+}
+export declare function Table<T>({ items, columns, keyId, loading, onRenderDetail, onRenderRow, total, showPagination, pagination, onChangePagination, sort, onChangeSort, onRenderControls, className, }: ITableProps<T>): React.JSX.Element;

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

@@ -0,0 +1,33 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ITablePagination, ITableSort } from './table.types';
+interface ITableHookBaseProps<T, F> {
+    request: (pagination?: ITablePagination, sort?: ITableSort, filter?: F) => Promise<{
+        list: T;
+        total: number;
+    }>;
+    pagination?: ITablePagination;
+    filter?: F;
+    sort?: ITableSort;
+}
+interface ITableHookServerProps<T, F> extends ITableHookBaseProps<T, F> {
+}
+interface ITableHookLocalProps<T, F> extends ITableHookBaseProps<T, F> {
+    localFn: (list: T, filter?: F, sort?: ITableSort, pagination?: ITablePagination) => T;
+    local: boolean;
+}
+interface IUseTableHookReturn<T, F> {
+    refresh: () => void;
+    list: T;
+    loading: boolean;
+    error: any;
+    total: number;
+    pagination: ITablePagination;
+    sort: ITableSort;
+    filter: F;
+    setPagination: Dispatch<SetStateAction<ITablePagination>>;
+    setSort: (val: ITableSort) => void;
+    setFilter: Dispatch<SetStateAction<F>>;
+}
+export declare function useTableHook<T, F>(props: ITableHookServerProps<T, F>): IUseTableHookReturn<T, F>;
+export declare function useTableHook<T, F>(props: ITableHookLocalProps<T, F>): IUseTableHookReturn<T, F>;
+export {};

package/dist/components/table/table.stories.d.ts

@@ -0,0 +1,32 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Table } from './table';
+interface User {
+    id: number;
+    name: string;
+    email: string;
+    role: string;
+    status: 'active' | 'inactive';
+    createdAt: Date;
+    tags?: string[];
+}
+interface Product {
+    id: string;
+    title: string;
+    price: number;
+    category: string;
+    stock: number;
+    description: string;
+}
+declare const meta: Meta<typeof Table>;
+export default meta;
+declare type Story = StoryObj<typeof Table<User>>;
+export declare const Default: Story;
+export declare const WithSorting: Story;
+export declare const WithPagination: Story;
+export declare const WithCustomCells: Story;
+export declare const WithActions: Story;
+export declare const WithExpandableRows: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;
+export declare const FullFeatured: Story;
+export declare const ProductsExample: StoryObj<typeof Table<Product>>;

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+export interface ITableColumn<T> {
+    key: string;
+    sortKey?: string;
+    title: string;
+    default?: string;
+    cellClassName?: string;
+    allowSort?: boolean;
+    width?: string | number;
+    renderCell?: (item: T, column: ITableColumn<T>) => ReactNode;
+}
+export interface ITablePagination {
+    offset: number;
+    limit: number;
+}
+export interface ITableSort {
+    key: string;
+    order: 'asc' | 'desc';
+}

package/dist/components/tag-box/tag-box.stories.d.ts

@@ -12,3 +12,7 @@ export declare enum EPassengerGenderName {
 export default meta;
 declare type Story = StoryObj<typeof TagBox>;
 export declare const Default: Story;
+export declare const WithClear: Story;
+export declare const SizeSmall: Story;
+export declare const SizeMiddle: Story;
+export declare const SizeLarge: Story;

package/dist/components/tag-button/tag-button.d.ts

@@ -26,7 +26,6 @@ interface IButtonProps {
     shadow?: boolean;
     onClick: (e?: boolean) => void;
     selectedClassName?: string;
-    isWbTheme?: boolean;
 }
-export declare const TagButton: ({ variant, size, disabled, selected, children, onClick, selectedClassName, isWbTheme, }: PropsWithChildren<IButtonProps>) => React.JSX.Element;
+export declare const TagButton: ({ variant, size, disabled, selected, children, onClick, selectedClassName, }: PropsWithChildren<IButtonProps>) => React.JSX.Element;
 export {};

package/dist/components/text/text.d.ts

@@ -52,7 +52,6 @@ interface ITextProps {
     onClick?: (e: any) => void;
     onMouseOver?: (e: any) => void;
     onMouseLeave?: (e: any) => void;
-    isWbTheme?: boolean;
 }
-export declare const Text: ({ children, size, mobSize, bold, weight, variant, addition, success, error, inverse, attention, warning, className, style, through, tag, onClick, onMouseLeave, onMouseOver, isWbTheme, }: ITextProps) => React.JSX.Element;
+export declare const Text: ({ children, size, mobSize, bold, weight, variant, addition, success, error, inverse, attention, warning, className, style, through, tag, onClick, onMouseLeave, onMouseOver, }: ITextProps) => React.JSX.Element;
 export {};

package/dist/components/text-area/text-area.d.ts

@@ -24,8 +24,7 @@ export declare const TextArea: React.ForwardRefExoticComponent<{
     autoResize?: boolean;
     placeholder?: string;
     labelPlaceholder?: string | ReactNode;
-    isWbTheme?: boolean;
     onClear?: () => void;
     onSearch?: (e: any) => void;
     onChange?: (value: string, event?: ChangeEvent<HTMLTextAreaElement>) => void;
-} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "variant" | "size" | "onChange"> & React.RefAttributes<HTMLTextAreaElement>>;
+} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "variant" | "onChange"> & React.RefAttributes<HTMLTextAreaElement>>;

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

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import React, { CSSProperties, MouseEvent as ReactMouseEvent, PropsWithChildren } from 'react';
 import { TooltipPosition } from './tooltip.utils';
 declare type ITootipProps = {
     title: any;
@@ -6,7 +6,14 @@ declare type ITootipProps = {
     onOpenChange?: (val: boolean) => void;
     placement?: keyof typeof TooltipPosition;
     trigger?: any;
-    isWbTheme?: boolean;
+    open?: boolean;
+    showClose?: boolean;
+    onCloseClick?: (event?: ReactMouseEvent<HTMLElement> | MouseEvent) => void;
+    width?: number | string;
+    zIndex?: number;
+    overlayStyle?: CSSProperties;
+    position?: 'fixed' | 'absolute';
+    allowVerticalScroll?: boolean;
 };
-export declare const Tooltip: ({ placement, isWbTheme, ...props }: PropsWithChildren<ITootipProps>) => React.JSX.Element;
+export declare const Tooltip: ({ placement, open, position, allowVerticalScroll, ...props }: PropsWithChildren<ITootipProps>) => React.JSX.Element;
 export {};

package/dist/components/tooltip/tooltip.stories.d.ts

@@ -4,3 +4,6 @@ declare const meta: Meta<typeof Tooltip>;
 export default meta;
 declare type Story = StoryObj<typeof Tooltip>;
 export declare const AllDefault: Story;
+export declare const WithCloseButton: Story;
+export declare const CustomWidth: Story;
+export declare const ResizeTest: Story;