@fattureincloud/fic-design-system 0.19.21 → 0.19.22

package/README.md

@@ -11,8 +11,33 @@ Create a `.npmrc` file in the design-system directory and paste the following li
 
 Make sure to replace `<YOUR_FONTAWESOME_LICENSE>` with the real license. Without this step you won't be able to install the FontAwesome Pro dependencies.
 
-## Development
+## Quick guide
 
+### Installation
+```
+yarn
+```
+### Local development
+```
+yarn storybook
+```
+### Try local changes in other projects (with yalc)
+```
+yarn build && yalc publish && yalc push --> run in design-sistem repo
+yalc add @fattureincloud/fic-design-system --> run in repo where design-system is installed
+```
+### How to publish
+- On branch `devel`
+- Bump package.json version
+- Update CHANGELOG.md
+- Run `yarn build`
+- Run `npm publish`
+- Commit and push to devel
+- Merge to master
+- Remember to close released tickets on Jira and to send a message on the #fic-design-system Slack channel
+
+
+## Development
 ```
 yarn storybook
 ```

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.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Props {
+    onClick?: () => void;
+    children: React.ReactNode;
+}
+export declare const IframeClickBlocker: ({ children }: Props) => JSX.Element;
+export {};

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/components/iframeClickBlocker/styled.d.ts

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

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/form/inputText/InputText.d.ts

@@ -10,6 +10,8 @@ declare const _default: React.ForwardRefExoticComponent<import("../label").Label
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
     onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
     onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    width?: string | number | undefined;
+    maxLength?: number | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
 } & {
@@ -27,5 +29,6 @@ declare const _default: React.ForwardRefExoticComponent<import("../label").Label
     unitDropdownProps?: import(".").UnitDropdownProps | undefined;
     value?: string | number | null | undefined;
     autoFilled?: boolean | undefined;
+    maxWidth?: string | number | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export default _default;

package/dist/components/form/inputText/components/InputElement.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { InputElementProps } from '../types';
 declare type inputRef = HTMLInputElement | null;
-export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status' | 'isPrefilled' | 'isTransparent' | 'autoFilled'>;
+export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status' | 'isPrefilled' | 'isTransparent' | 'autoFilled' | 'maxWidth' | 'width'>;
 export declare type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
 declare const _default: React.ForwardRefExoticComponent<import("../../common/types").CommonFormTypes & {
     className?: string | undefined;
@@ -15,6 +15,8 @@ declare const _default: React.ForwardRefExoticComponent<import("../../common/typ
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
     onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
     onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    width?: string | number | undefined;
+    maxLength?: number | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
 } & {
@@ -32,5 +34,6 @@ declare const _default: React.ForwardRefExoticComponent<import("../../common/typ
     unitDropdownProps?: import("./types").UnitDropdownProps | undefined;
     value?: string | number | null | undefined;
     autoFilled?: boolean | undefined;
+    maxWidth?: string | number | undefined;
 } & React.RefAttributes<inputRef>>;
 export default _default;

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

@@ -7,7 +7,7 @@ import { OptionType } from '../select';
 import { CustomStylesType } from '../select/hooks/useSelectThemeStyles';
 import { UnitDropdownProps } from './components/types';
 export declare const inputTypesArray: readonly ["password", "text", "number", "code", "telephone"];
-declare type HTMLInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'className' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'required' | 'style' | 'readOnly'>;
+declare type HTMLInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'className' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'required' | 'style' | 'readOnly' | 'maxLength' | 'width'>;
 export declare type InputElementProps = CommonFormTypes & HTMLInputProps & {
     actionIcon?: IconProps;
     autoComplete?: string;
@@ -23,6 +23,7 @@ export declare type InputElementProps = CommonFormTypes & HTMLInputProps & {
     unitDropdownProps?: UnitDropdownProps;
     value?: number | string | null;
     autoFilled?: boolean;
+    maxWidth?: number | string | undefined;
 };
 export declare type InputCodeProps = LabelProps & CommonFormTypes & Omit<HTMLInputProps, 'onChange'> & {
     allowLetters?: boolean;

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;
 };