@fattureincloud/fic-design-system 0.19.31 → 0.19.32

package/dist/common/components/Label.d.ts

@@ -0,0 +1,3 @@
+import { LabelProps, MappedLabelProps } from '../types/label';
+declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & LabelProps, keyof MappedLabelProps>;
+export default Label;

package/dist/common/components/iframeClickBlocker/iframeClickBlocker.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+import { DropdownProps } from 'components/dropdown/types';
+export declare const DropdownWithIflameClickBlocker: () => JSX.Element;
+declare const DropdownStories: Meta<DropdownProps>;
+export default DropdownStories;

package/dist/common/components/iframeClickBlocker/index.d.ts

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

package/dist/common/types/label.d.ts

@@ -0,0 +1,12 @@
+import { paletteColor } from '../../styles/types';
+export interface LabelProps {
+    large?: boolean;
+    disabled?: boolean;
+    hasError: boolean;
+}
+export interface MappedLabelProps {
+    fontSize: string;
+    cursor: string;
+    color: paletteColor;
+    opacity: number;
+}

package/dist/common/utils/label.d.ts

@@ -0,0 +1,5 @@
+import { DefaultTheme } from 'styled-components';
+import { LabelProps, MappedLabelProps } from '../types/label';
+export declare const getLabelStyle: ({ disabled, large, theme, hasError, }: LabelProps & {
+    theme: DefaultTheme;
+}) => MappedLabelProps;

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

@@ -0,0 +1,5 @@
+export declare const TitleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ActionIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const HeaderElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/accordions/accordions.d.ts

@@ -0,0 +1,9 @@
+import React, { Component } from 'react';
+import { TAccordion, UnstyledAccordionProps, UnstyledAccordionState } from './types';
+export declare class UnstyledAccordion extends Component<UnstyledAccordionProps, UnstyledAccordionState> {
+    constructor(props: UnstyledAccordionProps);
+    handleOpenAccordion: () => void;
+    render(): React.JSX.Element;
+}
+declare const Accordion: TAccordion;
+export default Accordion;

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import React, { ComponentProps } from 'react';
+import { TAccordion } from './types';
+export declare const Normal: () => React.JSX.Element;
+export declare const NormalThemed: () => React.JSX.Element;
+export declare const ShowingBodyAtFirstRender: () => React.JSX.Element;
+declare const AccordionStories: Meta<ComponentProps<TAccordion>>;
+export default AccordionStories;

package/dist/components/accordions/components/styledAccordionWrapper.d.ts

@@ -0,0 +1 @@
+export declare const StyledAccordionWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

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

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+interface Props {
+    title?: string;
+    renderTitle?: () => JSX.Element;
+    renderBody: () => JSX.Element;
+    renderLateralActions?: JSX.Element;
+    lateralActions?: Array<{
+        icon: JSX.Element;
+        action: () => void;
+    }>;
+    showBodyAtFirstRender?: boolean;
+}
+export declare type TAccordion = React.FunctionComponent<Props>;
+export interface UnstyledAccordionProps extends Props {
+}
+export interface UnstyledAccordionState {
+    show: boolean;
+}
+export {};

package/dist/components/chart/stories/styled.d.ts

@@ -1,22 +1,4 @@
 /// <reference types="react" />
-export declare const DropdownText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
-    bold?: boolean | undefined;
-    centered?: boolean | undefined;
-    children: import("react").ReactNode | import("react").ReactNode[];
-    clamp?: number | undefined;
-    className?: string | undefined;
-    color?: string | undefined;
-    type?: "date" | "currency" | undefined;
-    style?: import("react").CSSProperties | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const DropdownParagraph: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
-    bold?: boolean | undefined;
-    centered?: boolean | undefined;
-    children: import("react").ReactNode | import("react").ReactNode[];
-    clamp?: number | undefined;
-    className?: string | undefined;
-    color?: string | undefined;
-    type?: "date" | "currency" | undefined;
-    style?: import("react").CSSProperties | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const DropdownText: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const DropdownParagraph: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/form/datepicker/components/MonthPicker.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+declare type Props = Pick<ReactDatePickerCustomHeaderProps, 'changeMonth' | 'date'>;
+declare const MonthPicker: ({ changeMonth, date }: Props) => JSX.Element;
+export default MonthPicker;

package/dist/components/form/datepickerNew/DatePicker.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { DatePickerProps } from './types';
+/**
+ * Component Props:
+ * @param {Date | null} date selected date
+ * @param {function} placeholderText text to show as placeholder
+ * @param {string|ReactNode} minDate minimum selectable date
+ * @param {string|ReactNode} maxDate maximum selectable date
+ * @others ReactDatePickerProps
+ */
+declare const DatePicker: (props: DatePickerProps) => JSX.Element;
+export default DatePicker;

package/dist/components/form/datepickerNew/DatePickerImpl.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DatePickerImplProps } from './types';
+declare const DatePickerImpl: (props: DatePickerImplProps) => JSX.Element;
+export default DatePickerImpl;

package/dist/components/form/datepickerNew/NewDatePicker.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { DatePickerProps } from './types';
+/**
+ * Component Props:
+ * @param {Date | null} date selected date
+ * @param {function} placeholderText text to show as placeholder
+ * @param {string|ReactNode} minDate minimum selectable date
+ * @param {string|ReactNode} maxDate maximum selectable date
+ * @others ReactDatePickerProps
+ */
+declare const NewDatePicker: (props: DatePickerProps) => JSX.Element;
+export default NewDatePicker;

package/dist/components/form/datepickerNew/components/CustomButton.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface Props {
+    onClick: () => void;
+    selected?: boolean;
+    text: string;
+}
+declare const CustomButton: ({ onClick, selected, text }: Props) => JSX.Element;
+export default CustomButton;

package/dist/components/form/datepickerNew/components/DatePickerDay.d.ts

@@ -0,0 +1,3 @@
+import { ReactDatePickerProps } from 'react-datepicker';
+declare const DatePickerDay: ReactDatePickerProps['renderDayContents'];
+export default DatePickerDay;

package/dist/components/form/datepickerNew/components/DatePickerHeader.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+export interface DatePickerHeaderProps extends ReactDatePickerCustomHeaderProps {
+    yearsDisplayed: number;
+    setHideMonth: (value: boolean) => void;
+}
+declare const DatePickerHeader: (props: DatePickerHeaderProps) => JSX.Element;
+export default DatePickerHeader;

package/dist/components/form/datepickerNew/components/YearPicker.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+interface Props extends Pick<ReactDatePickerCustomHeaderProps, 'date' | 'changeYear'> {
+    yearsDisplayed: number;
+}
+declare const YearPicker: ({ date, changeYear, yearsDisplayed }: Props) => JSX.Element;
+export default YearPicker;

package/dist/components/form/datepickerNew/components/hooks/useDatePickerHeaderShowLogic.d.ts

@@ -0,0 +1,15 @@
+import { DatePickerStatus } from '../../types';
+import { DatePickerHeaderProps } from '../DatePickerHeader';
+interface ReturnType {
+    status: DatePickerStatus;
+    title: string;
+    leftArrowOnClick: () => void;
+    leftArrowIsDisabled: boolean;
+    rightArrowOnClick: () => void;
+    rightArrowIsDisabled: boolean;
+    onBottomArrowClick: () => void;
+    showBottomArrow: boolean;
+    showLRArrows: boolean;
+}
+declare const useDatePickerHeaderShowLogic: ({ date, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, nextYearButtonDisabled, prevYearButtonDisabled, decreaseYear, increaseYear, }: DatePickerHeaderProps) => ReturnType;
+export default useDatePickerHeaderShowLogic;

package/dist/components/form/datepickerNew/components/styled.d.ts

@@ -0,0 +1,5 @@
+interface DatePickerItemProps {
+    isActive: boolean;
+}
+export declare const DatePickerItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DatePickerItemProps, never>;
+export {};

package/dist/components/form/datepickerNew/datePickerPalette.d.ts

@@ -0,0 +1,33 @@
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+declare type ItemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover' | 'disabled';
+declare type DayPalette = {
+    borderRadius: string;
+    today: {
+        [k in Exclude<ItemStatus, 'disabled'>]: colorsPalette;
+    };
+    inMonth: {
+        [k in ItemStatus]: colorsPalette;
+    };
+    outMonth: {
+        [k in Exclude<ItemStatus, 'active' | 'activeHover' | 'disabled'>]: colorsPalette;
+    };
+};
+declare type ItemStatusPalette = {
+    [k in ItemStatus]: colorsPalette;
+};
+interface ItemPalette extends ItemStatusPalette {
+    borderRadius: string;
+}
+interface DaysNamesPalette {
+    color: paletteColor;
+}
+export interface DatePickerPalette {
+    background: paletteColor;
+    weekDaysNames: DaysNamesPalette;
+    days: DayPalette;
+    item: ItemPalette;
+    defaultYearsDisplayed: number;
+}
+declare const datePickerPalette: DatePickerPalette;
+export default datePickerPalette;

package/dist/components/form/datepickerNew/datepicker.stories.d.ts

@@ -0,0 +1,18 @@
+import { Meta, Story } from '@storybook/react';
+import { DatePickerProps } from './types';
+export declare const Normal: Story<DatePickerProps & {
+    renderWrapper: boolean;
+    containerWidth: number;
+    containerHeight: number;
+}>;
+export declare const WithCustomButton: Story<DatePickerProps & {
+    renderWrapper: boolean;
+    containerWidth: number;
+    containerHeight: number;
+}>;
+declare const DatePickerStories: Meta<DatePickerProps & {
+    renderWrapper: boolean;
+    containerWidth: number;
+    containerHeight: number;
+}>;
+export default DatePickerStories;

package/dist/components/form/datepickerNew/hooks/useFormattedDate.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+import { DateFormats } from '../../../../common/types/dateTypes';
+declare type ReturnType = [Date | null, Dispatch<SetStateAction<Date | null>>, string | null, string];
+/**
+ * Hook to manage a date in string format
+ * @param {string|null} initialValue Initial string value representing a date
+ * @param {DateFormats} allowedFormats Array of allowed formats, the hook will try to parse the initial value using this formats
+ * @param {dateFormat} outputFormat The string value returned by the hook will be formatted with this format
+ * @returns {[Date|null, function, string|null, string]} Returns an array with a Date object, the function to update it, a string representation of the date (formatted using the third parameter of the hook) and the currently used format
+ */
+declare const useFormattedDate: (initialValue?: string | null | undefined, allowedFormats?: DateFormats | null | undefined, outputFormat?: string | undefined) => ReturnType;
+export default useFormattedDate;

package/dist/components/form/datepickerNew/hooks/useYearsList.d.ts

@@ -0,0 +1,2 @@
+declare const useYearsList: (dateYear: number, page: number, yearsCount: number) => number[];
+export default useYearsList;

package/dist/components/form/datepickerNew/index.d.ts

@@ -0,0 +1,5 @@
+export { default as NewDatePicker } from './NewDatePicker';
+export { default as newDatePickerPalette, DatePickerPalette } from './newDatePickerPalette';
+export { default as useFormattedDate } from './hooks/useFormattedDate';
+export { DatePickerProps as NewDatepickerProps } from './types';
+export { timeConversionOptions } from './utils';

package/dist/components/form/datepickerNew/newDatePickerPalette.d.ts

@@ -0,0 +1,33 @@
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+declare type ItemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover' | 'disabled';
+declare type DayPalette = {
+    borderRadius: string;
+    today: {
+        [k in Exclude<ItemStatus, 'disabled'>]: colorsPalette;
+    };
+    inMonth: {
+        [k in ItemStatus]: colorsPalette;
+    };
+    outMonth: {
+        [k in Exclude<ItemStatus, 'active' | 'activeHover' | 'disabled'>]: colorsPalette;
+    };
+};
+declare type ItemStatusPalette = {
+    [k in ItemStatus]: colorsPalette;
+};
+interface ItemPalette extends ItemStatusPalette {
+    borderRadius: string;
+}
+interface DaysNamesPalette {
+    color: paletteColor;
+}
+export interface DatePickerPalette {
+    background: paletteColor;
+    weekDaysNames: DaysNamesPalette;
+    days: DayPalette;
+    item: ItemPalette;
+    defaultYearsDisplayed: number;
+}
+declare const datePickerPalette: DatePickerPalette;
+export default datePickerPalette;

package/dist/components/form/datepickerNew/styled.d.ts

@@ -0,0 +1,6 @@
+export declare const StyledDatePicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    fitBiggerContainer?: boolean | undefined;
+    hideMonth: boolean;
+}, never>;
+export declare const FooterWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SelectedOption: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/form/datepickerNew/types.d.ts

@@ -0,0 +1,31 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { ReactDatePickerProps } from 'react-datepicker';
+import { CommonFormTypes } from '../common/types';
+import { LabelProps } from '../label';
+export declare type DatePickerStatus = 'dayPicker' | 'yearPicker';
+export declare type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactNode;
+export declare type CustomButtonProps = {
+    text: string;
+    onClick: (props: RenderCustomFooterProps) => void;
+};
+export interface RenderCustomFooterProps extends DatePickerImplProps {
+    isOpen: boolean;
+    setIsOpen: Dispatch<SetStateAction<boolean>>;
+}
+export interface DatePickerImplProps extends Omit<ReactDatePickerProps, 'onChange'>, CommonFormTypes {
+    date?: Date | null;
+    startDate?: Date | null;
+    endDate?: Date | null;
+    setDate: Dispatch<SetStateAction<Date | null>>;
+    yearsDisplayed?: number;
+    hasTodayButton?: boolean;
+    customButtons?: CustomButtonProps[];
+    renderCustomFooter?: RenderCustomFooterType;
+    isPrefilled?: boolean;
+    onChangeManually?: (date: Date | null) => void;
+    inline?: boolean;
+    fitBiggerContainer?: boolean;
+    includeDates?: Date[];
+    excludeDates?: Date[];
+}
+export declare type DatePickerProps = LabelProps & DatePickerImplProps;

package/dist/components/form/datepickerNew/utils.d.ts

@@ -0,0 +1,3 @@
+import { DateFormats } from '../../../common/types/dateTypes';
+export declare const timeConversionOptions: Intl.DateTimeFormatOptions;
+export declare const findFormat: (value: string | null | undefined, formats: DateFormats) => string;

package/dist/components/newTable_v2/components/body/Body.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { Row as RowType } from '@tanstack/react-table';
 import { TableProps } from '../../types';
-interface BodyProps<T> extends Pick<TableProps<T>, 'isLoading' | 'isRowDisabled' | 'isRowHighlighted' | 'onRowClick' | 'rowActions' | 'rowHighlightColor' | 'rowSelection' | 'rowTooltip'> {
+interface BodyProps<T> extends Pick<TableProps<T>, 'bodyHeight' | 'isLoading' | 'isRowDisabled' | 'isRowHighlighted' | 'onRowClick' | 'rowActions' | 'rowHighlightColor' | 'rowSelection' | 'rowTooltip'> {
     pageIndex: number;
     rows: RowType<T>[];
 }
-declare const Body: <T>({ isLoading, isRowDisabled, isRowHighlighted, onRowClick, pageIndex, rowActions, rowHighlightColor, rowSelection, rowTooltip, rows, }: BodyProps<T>) => JSX.Element;
+declare const Body: <T>({ bodyHeight, isLoading, isRowDisabled, isRowHighlighted, onRowClick, pageIndex, rowActions, rowHighlightColor, rowSelection, rowTooltip, rows, }: BodyProps<T>) => JSX.Element;
 export default Body;

package/dist/components/newTable_v2/components/cell/hooks/useCellValues.d.ts

@@ -3,7 +3,6 @@ import { CellValue } from '../../../types';
 interface CellValues {
     align: 'center' | 'left' | 'right';
     content?: Exclude<CellValue, Record<string, unknown>>;
-    fixedWidth?: number;
     isEditable: boolean;
     maxWidth?: number;
     minWidth?: number;

package/dist/components/newTable_v2/components/cell/styled.d.ts

@@ -1,19 +1,9 @@
-/// <reference types="react" />
 declare type DSTdProps = {
-    fixedWidth?: number;
     justifyContent: 'center' | 'left' | 'right';
     maxWidth?: number;
     minWidth?: number;
 };
 export declare const BaseTd: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, {}, never>;
-export declare const DSTd: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, Partial<Pick<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "key" | keyof import("react").TdHTMLAttributes<HTMLTableDataCellElement>> & {
-    ref?: ((instance: HTMLTableDataCellElement | null) => void) | import("react").RefObject<HTMLTableDataCellElement> | null | undefined;
-} & {
-    minWidth?: number | undefined;
-    maxWidth?: number | undefined;
-    fixedWidth?: number | undefined;
-}> & {
-    [others: string]: any;
-} & DSTdProps, string | number>;
+export declare const DSTd: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, DSTdProps, never>;
 export declare const CutText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export {};

package/dist/components/newTable_v2/components/footer/footerCell/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColumnPinningPosition } from '@tanstack/react-table';
 import { RowSize } from '../../../types';
 declare type DSThProps = {
@@ -7,13 +6,5 @@ declare type DSThProps = {
     minWidth?: number;
     maxWidth?: number;
 };
-export declare const DSThFooter: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, Partial<Pick<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "key" | keyof import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>> & {
-    ref?: ((instance: HTMLTableHeaderCellElement | null) => void) | import("react").RefObject<HTMLTableHeaderCellElement> | null | undefined;
-} & {
-    minWidth?: number | undefined;
-    maxWidth?: number | undefined;
-    fixedWidth?: number | undefined;
-}> & {
-    [others: string]: any;
-} & DSThProps, string | number>;
+export declare const DSThFooter: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, DSThProps, never>;
 export {};

package/dist/components/newTable_v2/components/footer/styled.d.ts

@@ -4,9 +4,4 @@ declare type DSTHeadProps = {
     footerSize?: RowSize;
 };
 export declare const DSTrFooter: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, DSTHeadProps, never>;
-export declare const CheckboxFooter: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, {}, never>;
-declare type ActionsFooterProps = {
-    actionColumnWidth: number;
-};
-export declare const ActionsFooter: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, ActionsFooterProps, never>;
 export {};

package/dist/components/newTable_v2/components/header/Header.d.ts

@@ -4,9 +4,10 @@ import { TableProps } from '../../types';
 declare type HeaderProps<T> = Pick<TableProps<T>, 'headerSize' | 'onSort'> & {
     actionsHeader?: string | JSX.Element;
     headerGroups: HeaderGroup<T>[];
+    isSelectable?: boolean;
     onRowSelection?: (e: string[]) => void;
     rowSelection?: string[];
     table: Table<T>;
 };
-declare const Header: <T>({ actionsHeader, headerGroups, headerSize, onRowSelection, onSort, rowSelection, table, }: HeaderProps<T>) => JSX.Element;
+declare const Header: <T>({ actionsHeader, headerGroups, headerSize, isSelectable, onRowSelection, onSort, rowSelection, table, }: HeaderProps<T>) => JSX.Element;
 export default Header;

package/dist/components/newTable_v2/components/header/actionsHeader/styled.d.ts

@@ -1,4 +1,5 @@
 declare type ActionsThHeaderProps = {
+    hasContent: boolean;
     actionColumnWidth: number;
 };
 export declare const ActionsThHeader: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, ActionsThHeaderProps, never>;

package/dist/components/newTable_v2/components/header/headerCell/styled.d.ts

@@ -1,19 +1,9 @@
-/// <reference types="react" />
 import { ColumnPinningPosition } from '@tanstack/react-table';
 declare type DSThProps = {
-    fixedWidth?: number;
     isPinned: ColumnPinningPosition;
     minWidth?: number;
     maxWidth?: number;
     sortable: boolean;
 };
-export declare const DSThHeader: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, Partial<Pick<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "key" | keyof import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>> & {
-    ref?: ((instance: HTMLTableHeaderCellElement | null) => void) | import("react").RefObject<HTMLTableHeaderCellElement> | null | undefined;
-} & {
-    minWidth?: number | undefined;
-    maxWidth?: number | undefined;
-    fixedWidth?: number | undefined;
-}> & {
-    [others: string]: any;
-} & DSThProps, string | number>;
+export declare const DSThHeader: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, DSThProps, never>;
 export {};

package/dist/components/newTable_v2/components/header/hooks/useHeaderValues.d.ts

@@ -3,7 +3,6 @@ import { TooltipProps } from '../../../../tooltip';
 interface HeaderValues<T> {
     canSort: boolean;
     column: Column<T, unknown>;
-    fixedWidth?: number;
     isSorted: boolean;
     isSortedDesc: string | null;
     maxWidth?: number;

package/dist/components/newTable_v2/components/header/styled.d.ts

@@ -1,5 +1,8 @@
 import { RowSize } from '../../types';
-export declare const DSTHead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, {}, never>;
+declare type DSTHeadProps = {
+    scrollbarPadding: number;
+};
+export declare const DSTHead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, DSTHeadProps, never>;
 declare type DSTrHeaderProps = {
     headerSize?: RowSize;
 };

package/dist/components/newTable_v2/constants.d.ts

@@ -2,7 +2,7 @@ import { SettingsLabels, TableComponent } from './types';
 export declare const HEIGHT_SMALL = 42;
 export declare const HEIGHT_LARGE = 56;
 export declare const TEXTAREA_HEIGHT = 100;
-export declare const CHECKBOX_WIDTH = 18;
+export declare const CHECKBOX_WIDTH = 35;
 export declare const CLASS_PREFIX = "DS-table";
 export declare const DS_PREFIX = "dstbl";
 export declare const COMPONENTS: Record<TableComponent, string[]>;

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

@@ -1,3 +1,3 @@
 export { default as TableV3 } from './Table';
-export { CellValue as CellValueV3, BaseColumnsType as BaseColumnsTypeV3, BaseColumnDef as BaseColumnDefV3, EditableCellsColumn as EditableCellsColumnV3, AccessorColumnDef as AccessorColumnDefV3, AccessorColumn as AccessorColumnV3, DisplayColumnDef as DisplayColumnDefV3, DisplayColumn as DisplayColumnV3, GroupColumnDef as GroupColumnDefV3, GroupColumn as GroupColumnV3, ColumnDef as ColumnDefV3, ColumnsType as ColumnsTypeV3, RowSize as RowSizeV3, ColumnDefType as ColumnDefTypeV3, ActionType as ActionTypeV3, TableProps as TablePropsV3, LoadingStyle as LoadingStyleV3, TableComponent as TableComponentV3, TableActions as TableActionsV3, RowActions as RowActionsV3, PrimaryAction as PrimaryActionV3, TableActionsDropdowItem as TableActionsDropdowItemV3, DropdownActions as DropdownActionsV3, BulkAction as BulkActionV3, AllSelectedCTA as AllSelectedCTAV3, ColumnsSettings as ColumnsSettingsV3, SettingsLabels as SettingsLabelsV3, SettingsEvent as SettingsEventV3, TableSettings as TableSettingsV3, OnSort as OnSortV3, CustomSorted as CustomSortedV3, } from './types';
+export * from './types';
 export * from './customCells';

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

@@ -1,8 +1,6 @@
 /// <reference types="react" />
 export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const HorizontalScroll: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    maxHeight?: number | undefined;
-}, never>;
+export declare const HorizontalScroll: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const DSTable: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {}, never>;
 export declare const SortIndicator: import("styled-components").StyledComponent<({ isDisabled, onClick, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const PaginationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable_v2/types/columnsTypes.d.ts

@@ -18,7 +18,6 @@ export declare type BaseColumnDef<T> = IdentifiedColumnDef<T> & {
     id?: string;
     maxWidth?: number;
     minWidth?: number;
-    fixedWidth?: number;
     multiline?: boolean;
 };
 export declare type EditableCellsColumn<T> = {

package/dist/components/newTable_v2/types/features/actions.d.ts

@@ -26,7 +26,7 @@ export declare type PrimaryAction<T> = RequireAtLeastOne<BaseAction> & {
     onClick: (row: Row<T>) => void;
     tooltip?: TooltipProps;
 };
-export declare type TableActionsDropdowItem<T> = Omit<DropdownItemProps, 'onClick'> & {
+export declare type TableActionsDropdowItem<T> = DropdownItemProps & {
     onClick: (row: Row<T>) => void;
 };
 export declare type DropdownActions<T> = {

package/dist/components/newTable_v2/types/tableTypes.d.ts

@@ -11,13 +11,13 @@ import { SortableTable } from './features/sort';
 export declare type TableProps<T> = SelectableTable & PaginatedTable & SortableTable<T> & TableSettings & HighlightRow<T> & TableActions<T> & {
     absoluteElementsPortal?: HTMLElement;
     actionColumnWidth?: number;
+    bodyHeight?: number;
     columns: ColumnsType<T>[];
     data: T[];
     headerSize?: RowSize;
     isLoading?: boolean;
     isRowDisabled?: (row: Row<T>) => boolean;
     loadingStyle?: LoadingStyle;
-    maxHeight?: number;
     onRowClick?: (row: Row<T>) => void;
     renderEmptyState?: () => JSX.Element;
     rowTooltip?: (row: Row<T>) => string;

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

@@ -15,15 +15,4 @@ export declare type MappedProps = {
 };
 export declare const mapBackground: ({ isDisabled, isRowHighlighted, rowHighlightColor, selected, theme, }: MapBackgrounProps) => MappedProps;
 export declare const getColumnId: <T>(column: ColumnsType<T>) => string;
-declare type MapColumnWidthParams = {
-    minWidth?: number;
-    maxWidth?: number;
-    fixedWidth?: number;
-};
-declare type MappedColumnWidth = {
-    width: string;
-    minWidth: string;
-    maxWidth: string;
-};
-export declare const mapColumnWidth: ({ fixedWidth, maxWidth, minWidth }: MapColumnWidthParams) => MappedColumnWidth;
 export {};

package/dist/components/verticalTab/VerticalTab.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { VerticalTabProps } from './types';
+declare const VerticalTab: ({ width, renderLeftContent, renderRightContent, }: VerticalTabProps) => JSX.Element;
+export default VerticalTab;

package/dist/components/verticalTab/components/VerticalTabSelector/VerticalTabSelector.d.ts

@@ -0,0 +1,13 @@
+import { MouseEvent } from 'react';
+import { IconProps } from '../../../icon';
+import { VerticalTabSelectorStatus } from './types';
+export interface VerticalTabSelectorProps {
+    leftIcon?: IconProps;
+    text: string;
+    counter?: number;
+    active?: boolean;
+    status: VerticalTabSelectorStatus;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+declare const VerticalTabSelector: ({ leftIcon, text, status, counter, active, onClick, }: VerticalTabSelectorProps) => JSX.Element;
+export default VerticalTabSelector;