kwant-ui 4.1.1-alpha.0 → 5.0.0-alpha.1

package/dist/components/Charts/StackedBarChart/StackedBarChartData.d.ts

@@ -0,0 +1,34 @@
+import { YAxisProps } from 'recharts';
+import { Props as StackedBarProps } from 'recharts/types/cartesian/Area';
+export declare const data: ({
+    name: string;
+    actualWorkforce: number;
+    budgetedWorkforce: number;
+    workerConsistency: number;
+    date: string;
+    prediction?: undefined;
+} | {
+    name: string;
+    actualWorkforce: number;
+    budgetedWorkforce: number;
+    prediction: number;
+    workerConsistency: number;
+    date: string;
+})[];
+export declare const areas: {
+    dataKey: string;
+    color: string;
+    stroke: string;
+    fillOpacity: number;
+    name: string;
+}[];
+export declare const xAxisTickDefaultConfig: {
+    fill: string;
+    fontFamily: string;
+    fontSize: number;
+    textAnchor: string;
+    x: number;
+    y: number;
+};
+export declare const yAxisStaticProps: YAxisProps;
+export declare const areaStaticProps: Omit<Partial<StackedBarProps>, 'ref'>;

package/dist/components/Charts/StackedBarChart/StackedBarChartStyled.d.ts

@@ -0,0 +1,19 @@
+export declare const LegendsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Legend: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LegendColorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LegendColor: import("styled-components").StyledComponent<"div", any, {
+    color: string;
+}, never>;
+export declare const LegendLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CustomTickStyled: import("styled-components").StyledComponent<"g", any, {}, never>;
+export declare const TickDay: import("styled-components").StyledComponent<"text", any, {}, never>;
+export declare const TickDate: import("styled-components").StyledComponent<"text", any, {}, never>;
+export declare const TooltipStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipItemLeft: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipItemColor: import("styled-components").StyledComponent<"div", any, {
+    color: string;
+}, never>;
+export declare const TooltipItemLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TooltipItemRight: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/components/Charts/StackedBarChart/StackedBarChartTypes.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+import { XAxisProps, YAxisProps } from 'recharts';
+import { Props as AreaProps } from 'recharts/types/cartesian/Area';
+import { Props as CartesianGridProps } from 'recharts/types/cartesian/CartesianGrid';
+import { Payload } from 'recharts/types/component/DefaultLegendContent';
+import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { Props as LegendProps } from 'recharts/types/component/Legend';
+import { ContentType, TooltipProps } from 'recharts/types/component/Tooltip';
+export declare namespace IStackedBarChart {
+    type Props = {
+        width?: string | number;
+        height?: string | number;
+        margin?: {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+        };
+        data?: any[];
+        bar1DataKey: string;
+        bar2DataKey: string;
+        bars?: StackedBar[];
+        areasYAxisRight?: StackedBar[];
+        xAxisDataKey?: string;
+        showTooltip?: boolean;
+        xAxisLabel?: string;
+        yAxisLabel?: string;
+        showRightYAxis?: boolean;
+        showLegends?: boolean;
+        customTooltip?: ContentType<ValueType, NameType>;
+        gradient?: React.ReactNode;
+        tooltipProps?: TooltipProps<ValueType, NameType>;
+        cartesianGridProps?: Omit<CartesianGridProps, 'ref'>;
+        legendProps?: Omit<LegendProps, 'ref'>;
+        xAxisProps?: XAxisProps;
+        yAxisProps?: YAxisProps;
+        yAxisRightProps?: YAxisProps;
+        areaProps?: AreaProps;
+        areaYAxisRightProps?: AreaProps;
+        customTooltipLabelFormatter?: (label: any) => string;
+        customYAxisTickFormatter?: (value: any) => string;
+        dateFormat?: string;
+    };
+    type StackedBar = {
+        dataKey: string;
+        name: string;
+        stroke?: string;
+        fill?: string;
+        fillOpacity?: number;
+        color?: string;
+        gradientId?: string;
+        [key: string]: any;
+    };
+    type CustomLegend = {
+        payload?: (Payload & {
+            payload: Payload['payload'] & {
+                fill: string;
+            };
+        })[];
+    };
+}

package/dist/components/Charts/StackedBarChart/StackedBarChartUtils.d.ts

@@ -0,0 +1,20 @@
+import { TooltipProps } from 'recharts';
+import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { IStackedBarChart } from './StackedBarChartTypes';
+export declare const CustomLegend: (props: IStackedBarChart.CustomLegend) => import("react/jsx-runtime").JSX.Element;
+export declare const Tick: (props: {
+    value: any;
+    dy: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TickX: (props: {
+    x?: number;
+    y?: number;
+    payload?: any;
+    dateFormat: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipItemRow: ({ color, name, value, }: {
+    color?: string;
+    name?: string;
+    value?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomTooltip: (props: TooltipProps<ValueType, NameType>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Charts/StackedBarChart/index.d.ts

@@ -0,0 +1,2 @@
+import StackedBarChart from './StackedBarChart';
+export { StackedBarChart };

package/dist/components/Charts/WeekwiseBarChart/WeekwiseBarChart.d.ts

@@ -0,0 +1,3 @@
+import { IWeekwiseBarChart } from './WeekwiseBarChartTypes';
+declare const WeekwiseBarChart: (props: IWeekwiseBarChart.Props) => import("react/jsx-runtime").JSX.Element;
+export default WeekwiseBarChart;

package/dist/components/Charts/WeekwiseBarChart/WeekwiseBarChartData.d.ts

@@ -0,0 +1,13 @@
+export declare const weekWiseBarChartRealData: {
+    day: string;
+    date: string;
+    workPhaseTimeHour: number;
+    slackTimeHour: number;
+}[];
+export declare const processWeekwiseBarChartData: (data: typeof weekWiseBarChartRealData) => any;
+export declare const weekwiseBarChartData: {
+    day: string;
+    date: string;
+    workPhaseTimeHour: number;
+    slackTimeHour: number;
+}[];

package/dist/components/Charts/WeekwiseBarChart/WeekwiseBarChartTypes.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { Payload } from 'recharts/types/component/DefaultLegendContent';
+export declare namespace IWeekwiseBarChart {
+    type Props = {
+        width?: string | number;
+        height?: string | number;
+        legends?: CustomLegendType[];
+        data: any[];
+        labelX?: string;
+        labelY?: string;
+        workPhaseTimeHourLabel?: string;
+        slackTimeHourLabel?: string;
+        dataKeyX: string;
+        dataKeyY?: string;
+        workPhaseTimeHourDataKey: string;
+        slackTimeHourDataKey: string;
+        showTooltip?: boolean;
+        showLegends?: boolean;
+        margin?: {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+        };
+        customYAxisTickFormatter?: (value: any) => string;
+        customXAxisTickFormatter?: (value: any) => string;
+        dateFormat?: string;
+    };
+    type CustomLegendType = Omit<Payload, keyof Payload> & {
+        value: string;
+        color?: string;
+        shape?: React.ReactNode;
+        payload?: {
+            value: string;
+            strokeDasharray: string;
+        };
+    };
+}

package/dist/components/Charts/WeekwiseBarChart/WeekwiseBarChartUtils.d.ts

@@ -0,0 +1,12 @@
+import { TooltipProps } from 'recharts';
+import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { Props as LabelListContentProps } from 'recharts/types/component/Label';
+export declare const TickX: (props: {
+    x?: number;
+    y?: number;
+    payload?: any;
+    dateFormat: string;
+    rotate?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const renderCustomizedLabel: (props: LabelListContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WeekwiseChartCustomTooltip: (props: TooltipProps<ValueType, NameType>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Charts/WeekwiseBarChart/index.d.ts

@@ -0,0 +1,2 @@
+import WeekwiseBarChart from './WeekwiseBarChart';
+export { WeekwiseBarChart };

package/dist/components/Charts/WorkerTimeChart/WorkTimeChartComponents.d.ts

@@ -0,0 +1,14 @@
+export declare const CheckInShape: ({ x, y }: {
+    x: number;
+    y: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckOutShape: ({ x, y }: {
+    x: number;
+    y: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseLine: ({ x1, x2, y2 }: {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Charts/WorkerTimeChart/WorkerTimeChart.d.ts

@@ -0,0 +1,3 @@
+import { IWorkerTimeChart } from './WorkerTimeChartTypes';
+declare const WorkerTimeChart: (props: IWorkerTimeChart.Props) => import("react/jsx-runtime").JSX.Element;
+export default WorkerTimeChart;

package/dist/components/Charts/WorkerTimeChart/WorkerTimeChartData.d.ts

@@ -0,0 +1,9 @@
+export declare const getMilliseconds: (hour: number, min: number, sec: number) => number;
+export declare const workerTimeChartOrganizedData: {
+    date: string;
+    checkIn: string;
+    checkOut: string;
+    workTime: number;
+    overTime: number;
+}[];
+export declare const processDataForWorkerTimeChart: (rawData: any[]) => any[];

package/dist/components/Charts/WorkerTimeChart/WorkerTimeChartTypes.d.ts

@@ -0,0 +1,50 @@
+import { XAxisProps, YAxisProps } from 'recharts';
+import { Props as CartesianGridProps } from 'recharts/types/cartesian/CartesianGrid';
+import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { Props as LegendProps } from 'recharts/types/component/Legend';
+import { TooltipProps } from 'recharts/types/component/Tooltip';
+import { IWeekwiseBarChart } from '../WeekwiseBarChart/WeekwiseBarChartTypes';
+export declare namespace IWorkerTimeChart {
+    type Props = {
+        width: number | string;
+        height: number | string;
+        margin?: {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+        };
+        data?: DataObj[];
+        showLegends?: boolean;
+        showTooltip?: boolean;
+        showReferenceLine?: boolean;
+        referenceLineValue?: number;
+        referenceLineColor?: string;
+        labelX?: string;
+        labelYLeft?: string;
+        labelYRight?: string;
+        dataKeyX: string;
+        dataKeyCheckIn?: string;
+        dataKeyCheckOut?: string;
+        dataKeyWorkTime?: string;
+        dataKeyOverTime?: string;
+        legends?: IWeekwiseBarChart.CustomLegendType[];
+        tooltipProps?: TooltipProps<ValueType, NameType>;
+        cartesianGridProps?: Omit<CartesianGridProps, 'ref'>;
+        legendProps?: Omit<LegendProps, 'ref'>;
+        xAxisProps?: XAxisProps;
+        yAxisLeftProps?: YAxisProps;
+        yAxisRightProps?: YAxisProps;
+        showHourBars?: boolean;
+        showTimeScatters?: boolean;
+        dateFormat?: string;
+    };
+    type DataObj = {
+        date: string;
+        checkIn: number;
+        checkOut: number;
+        workTime: number;
+        overTime: number;
+        [key: string]: any;
+    };
+}

package/dist/components/Charts/WorkerTimeChart/WorkerTimeChartUtils.d.ts

@@ -0,0 +1,18 @@
+import { TooltipProps } from 'recharts';
+import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { Props as LabelListContentProps } from 'recharts/types/component/Label';
+export declare const getX: (x: number, width: number) => number;
+export declare const Divider: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const getHourConditionally: (hour: number) => string;
+export declare const TickX: (props: {
+    x?: number;
+    y?: number;
+    payload?: any;
+    dateFormat: string;
+    rotate?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const renderCustomizedLabel: (props: LabelListContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkerTimeChartTooltip: (props: TooltipProps<ValueType, NameType> & {
+    showHourRows?: boolean;
+    showTimeRows?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Charts/WorkerTimeChart/index.d.ts

@@ -0,0 +1,2 @@
+import WorkerTimeChart from './WorkerTimeChart';
+export { WorkerTimeChart };

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type CSTypes = {
     type: ConfirmationTypes;
     children: JSX.Element | JSX.Element[];

package/dist/components/Dropdown/DropdownStyled.d.ts

@@ -9,3 +9,8 @@ export declare const OptionsContainer: import("styled-components").StyledCompone
 export declare const Option: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CustomOption: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const EmptyResultContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AddOptionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CustomImageOption: import("styled-components").StyledComponent<"div", any, {
+    selected?: boolean;
+}, never>;
+export declare const CustomImageOptionLabel: import("styled-components").StyledComponent<(props: import("../Text/types").TextComponent.Props) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/components/Dropdown/DropdownTypes.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
+import { AvatarDeclarations } from '../Avatar/Avatar.types';
 import { IBaseDropdown } from '../BaseDropdown/BaseDropdownTypes';
 export declare namespace IDropdown {
     type Option = {
         label: string;
         value: string | null;
+        image?: string | null;
         [key: string]: any;
     };
     type Props = Omit<IBaseDropdown.Props, 'height' | 'children'> & {
@@ -23,5 +25,9 @@ export declare namespace IDropdown {
         searchable?: boolean;
         showScrollbar?: boolean;
         searchAutofocus?: boolean;
+        addable?: boolean;
+        selectInputValue?: string;
+        avatarProps?: AvatarDeclarations.Props;
+        selectedValue?: string | null;
     };
 }

package/dist/components/Dropdown/DropdownUtils.d.ts

@@ -0,0 +1,5 @@
+import { IDropdown } from './DropdownTypes';
+export declare const CustomOptionWithImage: (option: IDropdown.Option & {
+    selected?: boolean;
+    avatarProps?: IDropdown.Props['avatarProps'];
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,8 @@
+import { Value } from 'react-multi-date-picker';
 import { IDatepicker } from '../Datepicker/types';
 export type HIStyles = {
     label?: string;
-    value?: string;
+    value?: Value;
     allowRange?: boolean;
     rangeValue?: any[];
     placeholder?: string;

package/dist/components/Icon/Icon.d.ts

@@ -7,7 +7,7 @@ export type IconProps = {
     fill?: string;
     width?: number;
     height?: number;
-    onClick?: () => void;
+    onClick?: (e: React.MouseEvent<SVGSVGElement>) => void;
     onComplete?: (name: string, icon: React.FC<React.SVGProps<SVGSVGElement>> | undefined) => void;
     onError?: (err: Error) => void;
 };

package/dist/components/IconLabel/InfoAccordion/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type InfoAccordionProps = {
     title?: string;
     info?: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type InfoAccordionProps = {
     title?: string;
     info?: {
@@ -7,6 +8,7 @@ export type InfoAccordionProps = {
     additionalInfo?: Array<{
         title: string;
         description: string;
+        gdprRule?: boolean;
     }>;
     children?: string | JSX.Element | JSX.Element[];
 };

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

@@ -1,4 +1,24 @@
-import { FC } from 'react';
+/// <reference types="react" />
 import { InputComponent } from './types';
-declare const Input: FC<InputComponent.Props>;
+declare const Input: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
+    onClick?: (event: import("react").MouseEvent<HTMLInputElement, MouseEvent>) => void;
+    onChange?: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    value?: string | number;
+    name?: string;
+    type?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    label?: string;
+    errorMessage?: string;
+    error?: boolean;
+    id?: string;
+    helperText?: string;
+    onBlur?: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
+    onFocus?: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
+    rightSection?: import("react").ReactNode;
+    leftSection?: import("react").ReactNode;
+    width?: number;
+    variant?: InputComponent.InputVariant;
+} & import("react").RefAttributes<HTMLInputElement>>;
 export { Input };

package/dist/components/MultiSelect/MultiSelect.d.ts

@@ -1,3 +1,3 @@
 import { MSTypes } from './types';
-declare const MultiSelect: ({ width, options, activeOptions, setActiveOptions, placeholder, label, variant, dropdownSelectProps, }: MSTypes) => import("react/jsx-runtime").JSX.Element;
+declare const MultiSelect: ({ width, options, activeOptions, setActiveOptions, placeholder, label, variant, dropdownSelectProps, avatarProps, }: MSTypes) => import("react/jsx-runtime").JSX.Element;
 export { MultiSelect };

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

@@ -1,5 +1,6 @@
 import { Dispatch } from 'react';
 import { IDropdownSelect } from '../DropdownSelect/DropdownSelect.types';
+import { AvatarDeclarations } from '../Avatar/Avatar.types';
 export type MSTypes = {
     width?: number;
     options?: IDropdownSelect.Option[];
@@ -8,7 +9,8 @@ export type MSTypes = {
     placeholder?: string;
     label?: string;
     variant?: 'normal' | 'checkbox';
-    dropdownSelectProps?: IDropdownSelect.Props;
+    dropdownSelectProps?: Omit<IDropdownSelect.Props, 'avatarProps'>;
+    avatarProps?: AvatarDeclarations.Props;
 };
 export type MSStyleTypes = {
     width?: any;

package/dist/components/MultiSelect/utils.d.ts

@@ -10,10 +10,12 @@ export declare const multiSelectDropdownConfig: {
 export declare const arrowDown: import("react/jsx-runtime").JSX.Element;
 export declare const arrowUp: import("react/jsx-runtime").JSX.Element;
 export declare const crossIcon: import("react/jsx-runtime").JSX.Element;
-export declare const MultiSelectOption: ({ option, activeOptions, variant, }: {
+export declare const MultiSelectOption: ({ option, isSelected: isChecked, variant, hasImage, avatarProps, }: {
     option: IDropdownSelect.Option;
-    activeOptions: MSTypes['activeOptions'];
+    isSelected?: boolean;
     variant: MSTypes['variant'];
+    hasImage?: boolean;
+    avatarProps?: MSTypes['avatarProps'];
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const trimTagLabel: (label: string) => string;
 export declare const ActiveTag: ({ filterLabel, onChipClose, }: {

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

@@ -1,3 +1,3 @@
 import { IPagination } from './Pagination.types';
-declare const Pagination: ({ currentPage, itemsPerPage, totalCount, sideOffset, showNavigation, showPaginationCounter, disabled, classNames, onChange, }: IPagination.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Pagination: ({ currentPage, itemsPerPage, totalCount, sideOffset, showNavigation, showPaginationCounter, disabled, classNames, onChange, minimizeCounters, }: IPagination.Props) => import("react/jsx-runtime").JSX.Element;
 export { Pagination };

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

@@ -1,4 +1,6 @@
-export declare const PaginationRoot: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PaginationRoot: import("styled-components").StyledComponent<"div", any, {
+    minimizeCounters: boolean;
+}, never>;
 export declare const PagesContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PaginationButton: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const PageStyled: import("styled-components").StyledComponent<"button", any, {

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

@@ -9,6 +9,7 @@ export declare namespace IPagination {
         showNavigation?: boolean;
         showPaginationCounter?: boolean;
         disabled?: boolean;
+        minimizeCounters?: boolean;
         classNames?: {
             root?: string;
             pagesContainer?: string;

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

@@ -2,7 +2,7 @@
 import { IDropdownSelect } from '../DropdownSelect/DropdownSelect.types';
 import { InputComponent } from '../Input/types';
 export declare namespace ISelect {
-    interface Props extends Pick<IDropdownSelect.Props, 'data' | 'itemComponent' | 'showScrollbar' | 'showSeparator' | 'collapseOnSelect' | 'maxHeight' | 'toggleOnTargetClick' | 'width' | 'offsetTop' | 'searchable'> {
+    interface Props extends Pick<IDropdownSelect.Props, 'data' | 'itemComponent' | 'showScrollbar' | 'showSeparator' | 'collapseOnSelect' | 'maxHeight' | 'toggleOnTargetClick' | 'width' | 'offsetTop' | 'searchable' | 'addable'> {
         label?: string;
         placeholder?: string;
         value?: string;

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

@@ -1,3 +1,3 @@
 import { ITabs } from './TabsTypes';
-declare const Tabs: ({ activeTab, tabs, tabHeight, fullWidth, showNeutralBorder, onTabChange, onTabClick, }: ITabs.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Tabs: ({ activeTab, tabs, tabHeight, fullWidth, showNeutralBorder, onTabChange, onTabClick, onLeftIconClick, onRightIconClick, onUnreadCountClick, }: ITabs.Props) => import("react/jsx-runtime").JSX.Element;
 export { Tabs };

package/dist/components/Tabs/TabsTypes.d.ts

@@ -8,6 +8,9 @@ export declare namespace ITabs {
         showNeutralBorder?: boolean;
         onTabChange?: (tab: Tab) => void;
         onTabClick?: (tab: Tab, event?: React.MouseEvent) => void;
+        onLeftIconClick?: (tab: Tab, event?: React.MouseEvent) => void;
+        onRightIconClick?: (tab: Tab, event?: React.MouseEvent) => void;
+        onUnreadCountClick?: (tab: Tab, event?: React.MouseEvent) => void;
     }
     interface Tab {
         id?: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type TGTypes = {
     type: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'orange' | 'grey';
     size?: 'small' | 'default';

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

@@ -5,6 +5,7 @@ export declare namespace TextComponent {
         children?: React.ReactNode;
         type?: Type;
         weight?: Weight;
+        className?: string;
     };
     type Category = 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'link' | 'title';
     type Weight = 'regular' | 'medium' | 'semiBold';

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 export type GeneralToastType = 'success' | 'error' | 'warning' | 'info';
 export type ToastType = GeneralToastType | 'promise';
 export type XAlign = 'left' | 'center' | 'right';
@@ -13,7 +13,7 @@ export type IToastProviderConfig = {
 };
 export interface IToast {
     id: string;
-    message: string;
+    message: string | ReactNode;
     type: ToastType;
     config?: {
         timeout?: number;
@@ -30,7 +30,7 @@ export type PromiseFnOptions = {
     onError?: (error: any) => void;
     onFinally?: () => void;
 };
-export type GeneralToastFn = (message: string, config?: IToast['config']) => string;
+export type GeneralToastFn = (message: IToast['message'], config?: IToast['config']) => string;
 export type PromiseToastFn = (promise: Promise<unknown>, options: PromiseFnOptions) => string;
 export interface IToastContext {
     toast: {

package/dist/components/TrendPercentage/TrendPercentage.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { TextComponent } from '../Text/types';
+export type TrendPercentageProps = {
+    data: number;
+    category?: TextComponent.Category;
+    weight?: TextComponent.Weight;
+    iconWidth?: number;
+    iconHeight?: number;
+    unit?: string;
+    color?: string;
+    customData?: string | React.ReactNode;
+    noChangeMessage?: string;
+};
+declare const TrendPercentage: (props: TrendPercentageProps) => import("react/jsx-runtime").JSX.Element;
+export { TrendPercentage };

package/dist/components/TrendPercentage/TrendPercentageStyled.d.ts

@@ -0,0 +1,5 @@
+declare const TrendPercentageContainer: import("styled-components").StyledComponent<"div", any, {
+    danger?: boolean;
+    color?: string;
+}, never>;
+export { TrendPercentageContainer };

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

@@ -0,0 +1,2 @@
+import { TrendPercentage } from './TrendPercentage';
+export { TrendPercentage };

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

@@ -1,7 +1,9 @@
-export type UATypes = {
+import { AvatarDeclarations } from '../Avatar/Avatar.types';
+export type UATypes = AvatarDeclarations.Props & {
     mode?: 'upload' | 'edit';
     src?: string;
     onUpload?: any;
     onCapture?: any;
     collapseOnClick?: boolean;
+    hideButton?: boolean;
 };

package/dist/index.d.ts

@@ -51,3 +51,17 @@ export * from './components/Dropdown';
 export * from './components/Radio';
 export * from './components/Calendar';
 export * from './components/DropdownCalendar';
+export * from './GlobalStyles';
+export * from './HOC/HoverHOC';
+export * from './components/Charts/AreaChart';
+export * from './components/Charts/WeekwiseBarChart';
+export * from './components/Charts/StackedBarChart';
+export { processWeekwiseBarChartData } from './components/Charts/WeekwiseBarChart/WeekwiseBarChartData';
+export * from './components/Charts/HorizontalStackedBarChart';
+export * from './components/Charts/GaugeChart';
+export * from './components/Charts/ProgressChart';
+export * from './components/Charts/LineChart';
+export { CALENDAR_CONSTANTS, getDateObjectForCalendarConstants, } from './components/Calendar/CalendarUtils';
+export * from './components/TrendPercentage';
+export * from './components/Charts/WorkerTimeChart';
+export { processDataForWorkerTimeChart } from './components/Charts/WorkerTimeChart/WorkerTimeChartData';