@fattureincloud/fic-design-system 0.6.0 → 0.6.2-temp-table

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

@@ -1,6 +1,10 @@
 /// <reference types="react" />
+import { SizeProp } from '@fortawesome/fontawesome-svg-core';
+import { iconColors } from '../../components/icon';
 export interface Props {
     className?: string;
+    color?: iconColors;
+    size?: SizeProp;
 }
-declare const Spinner: ({ className }: Props) => JSX.Element;
+declare const Spinner: ({ className, color, size }: Props) => JSX.Element;
 export default Spinner;

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

@@ -0,0 +1,8 @@
+import { DefaultTheme } from 'styled-components';
+import { bannerColorType } from './Banner';
+interface MappedColors {
+    bgColor: string;
+    textColor: string;
+}
+export declare const mapColors: (theme: DefaultTheme, color: bannerColorType) => MappedColors;
+export {};

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

@@ -3,7 +3,7 @@ import { ButtonProps } from './Button';
 import { ButtonStyles, WrapperProps } from './types';
 export declare const LeftIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const RightIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const ButtonSpinner: import("styled-components").StyledComponent<({ className }: import("../../../common/components/Spinner").Props) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const ButtonSpinner: import("styled-components").StyledComponent<({ className, color, size }: import("../../../common/components/Spinner").Props) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const Text: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isLoading: ButtonProps['isLoading'];

package/dist/components/chips/chips.d.ts

@@ -0,0 +1,7 @@
+import { Component } from 'react';
+import { TChip, UnstyledChipProps, UnstyledChipState } from './types';
+export declare class UnstyledChip extends Component<UnstyledChipProps, UnstyledChipState> {
+    render(): JSX.Element;
+}
+declare const Chip: TChip;
+export default Chip;

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

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { Chip } from '.';
+export declare const Normal: () => JSX.Element;
+declare const ChipStories: Meta<ComponentProps<typeof Chip>>;
+export default ChipStories;

package/dist/components/chips/components/styledChipWrapper.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ChipsProps } from '../types';
+export declare const StyledChipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ChipsProps, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface ChipsProps {
+    text?: string | number;
+    statusEdit?: boolean;
+    closeAction?: () => void;
+}
+export declare type TChip = React.FunctionComponent<ChipsProps>;
+export interface UnstyledChipProps extends ChipsProps {
+}
+export interface UnstyledChipState {
+}

package/dist/components/dropdown/DropdownImpl.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { DropdownProps } from './types';
-declare const DropdownImpl: ({ className, content, fullWidth, maxWidth, maxHeight, minWidthAsTrigger, placement, renderContent, renderTrigger, triggerStyles, title, forceOpen, disableArrowNavigation, isDisabled, emptyState, }: DropdownProps) => JSX.Element;
+declare const DropdownImpl: ({ className, content, fullWidth, maxWidth, maxHeight, minWidthAsTrigger, placement, renderContent, renderTrigger, triggerStyles, title, forceOpen, disableArrowNavigation, isDisabled, emptyState, onOpen, }: DropdownProps) => JSX.Element;
 export default DropdownImpl;

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

@@ -22,6 +22,7 @@ export declare type DropdownProps = {
     disableArrowNavigation?: boolean;
     isDisabled?: boolean;
     emptyState?: JSX.Element;
+    onOpen?: (isOpen: boolean) => void;
 };
 export declare type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
 export interface DropdownItemProps {

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

@@ -0,0 +1,9 @@
+import { checkboxStatus, CheckboxStyles } from '../types';
+export interface CheckboxInputProps {
+    value: checkboxStatus;
+    disabled?: boolean;
+    large?: boolean;
+    hasError: boolean;
+}
+declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, keyof CheckboxStyles>;
+export default Input;

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

@@ -0,0 +1,8 @@
+import { MappedLabelProps } from '../types';
+export interface CheckboxLabelProps {
+    large?: boolean;
+    disabled?: boolean;
+    hasError: boolean;
+}
+declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & CheckboxLabelProps, keyof MappedLabelProps>;
+export default Label;

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

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

package/dist/components/form/datepicker/hooks/useDatePickerValues.d.ts

@@ -0,0 +1,13 @@
+import { Dispatch, SetStateAction } from 'react';
+interface ReturnType {
+    date: Date | null;
+    setDate: Dispatch<SetStateAction<Date | null>>;
+    value: string | null;
+    setValue: Dispatch<SetStateAction<string | null>>;
+}
+interface Props {
+    initialDate?: Date | null;
+    initialValue?: string | null;
+}
+declare const useDatePickerValues: ({ initialDate, initialValue }?: Props) => ReturnType;
+export default useDatePickerValues;

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { InputTelephoneProps } from './types';
+declare const InputTelephone: ({ className, disabled, helper, required, label, value, setValue, placeholder, }: InputTelephoneProps) => JSX.Element;
+export default InputTelephone;

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

@@ -1,4 +1,26 @@
 import React from 'react';
-import { InputTextProps } from './types';
-declare const _default: React.ForwardRefExoticComponent<InputTextProps & React.RefAttributes<HTMLInputElement>>;
+declare const _default: React.ForwardRefExoticComponent<import("../label").LabelProps & import("../common/types").CommonFormTypes & {
+    className?: string | undefined;
+    name?: string | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    autoFocus?: boolean | undefined;
+    required?: boolean | undefined;
+} & {
+    actionIcon?: import("../../icon").IconProps | undefined;
+    inputType?: "number" | "text" | "password" | undefined;
+    isPrefilled?: boolean | undefined;
+    isTransparent?: boolean | undefined;
+    leadingIcon?: import("../../icon").IconProps | undefined;
+    placeholder?: React.ReactText | undefined;
+    setValue?: React.Dispatch<React.SetStateAction<string>> | undefined;
+    strict?: boolean | undefined;
+    tooltip?: import("../../tooltip").TooltipProps | undefined;
+    unitDropdownProps?: import(".").UnitDropdownProps | undefined;
+    value?: string | number | null | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
 export default _default;

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

@@ -6,4 +6,10 @@ export declare const StyledInput: import("styled-components").StyledComponent<"i
 export declare const FlexRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     gap: number | undefined;
 }, never>;
+export declare const CodeInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    gap: number | undefined;
+}, never>;
+export declare const SingleInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TelSelectWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TelInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export {};

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

@@ -0,0 +1,7 @@
+declare type CountryPrefix = {
+    country: string;
+    prefix: string;
+    iso: string;
+};
+declare const countriesTelephonePrefixes: CountryPrefix[];
+export default countriesTelephonePrefixes;

package/dist/components/form/inputText/hooks/useCodeInputHooks.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, SetStateAction } from 'react';
+import { InputCodeProps } from '../types';
+declare type CodInputHooks = {
+    handleInput: (v: string) => void;
+    handlePaste: (e: React.ClipboardEvent) => void;
+    refs: React.MutableRefObject<(HTMLInputElement | null)[]>;
+    setCurrentIndex: Dispatch<SetStateAction<number>>;
+    values: (string | null)[];
+};
+declare const useCodeInputHooks: ({ fieldsCount, onChange, status, }: Omit<InputCodeProps, 'helper' | 'className'>) => CodInputHooks;
+export default useCodeInputHooks;

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

@@ -1,5 +1,7 @@
 import { UnitDropdownProps } from './components/UnitDropdown';
+import InputCode from './InputCode';
+import InputTelephone from './InputTelephone';
 import InputText from './InputText';
 import inputTextPalette, { InputTextPalette } from './inputTextPalette';
-import { CodeInputProps, InputTextProps, StandardInputProps, TelephoneInputProps } from './types';
-export { CodeInputProps, InputText, inputTextPalette, InputTextPalette, InputTextProps, StandardInputProps, TelephoneInputProps, UnitDropdownProps, };
+import { InputCodeProps, InputTelephoneProps, InputTextProps } from './types';
+export { InputCode, InputCodeProps, InputTelephone, InputTelephoneProps, InputText, inputTextPalette, InputTextPalette, InputTextProps, UnitDropdownProps, };

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

@@ -1,8 +1,8 @@
 import { Meta, Story } from '@storybook/react';
-import { CodeInputProps, InputTextProps, StandardInputProps, TelephoneInputProps } from './types';
-export declare const WithKnobs: Story<StandardInputProps>;
-export declare const WithUnitDropdown: Story<StandardInputProps>;
-export declare const CodeInputExample: Story<CodeInputProps>;
-export declare const TelephoneInputExample: Story<TelephoneInputProps>;
+import { InputCodeProps, InputTelephoneProps, InputTextProps } from './types';
+export declare const WithKnobs: Story<InputTextProps>;
+export declare const WithUnitDropdown: Story<InputTextProps>;
+export declare const CodeInputExample: Story<InputCodeProps>;
+export declare const TelephoneInputExample: Story<InputTelephoneProps>;
 declare const InputTextStories: Meta<InputTextProps>;
 export default InputTextStories;

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

@@ -20,14 +20,14 @@ export declare type InputElementProps = CommonFormTypes & HTMLInputProps & {
     unitDropdownProps?: UnitDropdownProps;
     value?: number | string | null;
 };
-export declare type CodeInputProps = LabelProps & CommonFormTypes & Omit<HTMLInputProps, 'onChange'> & {
+export declare type InputCodeProps = LabelProps & CommonFormTypes & Omit<HTMLInputProps, 'onChange'> & {
     fieldsCount: number;
     fieldsGap?: number;
     inputType: 'code';
     onChange?: (code: (string | null)[]) => void;
     style?: CSSProperties;
 };
-export declare type TelephoneInputProps = LabelProps & CommonFormTypes & {
+export declare type InputTelephoneProps = LabelProps & CommonFormTypes & {
     className?: string;
     inputType: 'telephone';
     placeholder?: ReactText;
@@ -35,6 +35,5 @@ export declare type TelephoneInputProps = LabelProps & CommonFormTypes & {
     setValue: Dispatch<SetStateAction<string>>;
     value?: string | null;
 };
-export declare type StandardInputProps = LabelProps & InputElementProps;
-export declare type InputTextProps = StandardInputProps | CodeInputProps | TelephoneInputProps;
+export declare type InputTextProps = LabelProps & InputElementProps;
 export {};

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

@@ -0,0 +1,4 @@
+import { PlaceholderProps } from 'react-select';
+import { OptionType } from './Option';
+declare const Placeholder: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ children, }: PlaceholderProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
+export default Placeholder;

package/dist/components/form/textArea/TextArea.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { LabelProps } from '../label';
 import { TextAreaElementProps } from './types';
 export declare type TextAreaProps = LabelProps & TextAreaElementProps;
-declare const TextArea: (props: TextAreaProps) => JSX.Element;
-export default TextArea;
+declare const _default: React.ForwardRefExoticComponent<LabelProps & TextAreaElementProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default _default;

package/dist/components/form/textArea/components/TextAreaElement.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { TextAreaElementProps } from '../types';
-declare const TextAreaElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, onKeyPress, status, onKeyDown, onKeyUp, onFocus, className, setValue, initialHeight, maxLength, isResizable, showCounter, isPrefilled, }: TextAreaElementProps) => JSX.Element;
+declare const TextAreaElement: React.ForwardRefExoticComponent<TextAreaElementProps & React.RefAttributes<HTMLTextAreaElement | null>>;
 export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'disabled' | 'status' | 'initialHeight' | 'isResizable' | 'isPrefilled'>;
 export declare type TextAreaStyles = Omit<BoxedInputWrapperProps, 'status'>;
 export default TextAreaElement;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+interface Props {
+    options: Array<{
+        key: number;
+        label: string;
+    }>;
+    value: number;
+    onClick: (option: {
+        key: number;
+        label: string;
+    }) => void;
+    isDisabled?: boolean;
+    renderOption?: (props: {
+        isDisabled?: boolean;
+        isChecked: boolean;
+        label: string;
+    }) => JSX.Element;
+    optionsSpacing?: number;
+    style?: React.CSSProperties;
+    inline?: boolean;
+}
+export declare const RadioButtonGroup: (props: Props) => JSX.Element;
+export {};

package/dist/components/groupRadioButton/radio-group.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { RadioButtonGroup } from '.';
+export declare const WithKnobs: () => JSX.Element;
+declare const RadioButtonGroupStories: Meta<ComponentProps<typeof RadioButtonGroup>>;
+export default RadioButtonGroupStories;

package/dist/components/inlineMessages/components/styledInlineMessageWrapper.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { InlineMessagesProps, StyledContentProps } from '../types';
+export declare const StyledIconTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledInlineMessageWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InlineMessagesProps, never>;
+export declare const StyledIconContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledContentProps, never>;
+export declare const StyledCloseIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCloseIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

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

package/dist/components/inlineMessages/inlineMessages.d.ts

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+import { InlineMessagesProps } from './types';
+export declare const Colors: () => JSX.Element;
+export declare const Sizes: () => JSX.Element;
+declare const InlineMessageStories: Meta<InlineMessagesProps>;
+export default InlineMessageStories;

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { IconProps } from '../icon';
+export declare type MessageType = 'standard' | 'error' | 'info' | 'warning' | 'success';
+export interface InlineMessagesProps {
+    icon?: IconProps;
+    renderIcon?: () => JSX.Element;
+    title?: string;
+    content?: string;
+    size?: 'medium' | 'large';
+    type?: MessageType;
+    renderTitle?: () => JSX.Element;
+    renderContent?: () => JSX.Element;
+    onClose?: () => void;
+    closeIcon?: IconProps;
+    renderCloseIcon?: () => JSX.Element;
+    componentStyle?: InlineMessageStyle;
+}
+export interface InlineMessageStyle {
+    root?: Record<string, unknown>;
+    icon?: Record<string, unknown>;
+    contentWrapper?: Record<string, unknown>;
+    title?: Record<string, unknown>;
+    content?: Record<string, unknown>;
+}
+export interface UnstyledInlineMessagePropsInterface extends InlineMessagesProps {
+}
+export interface StyledContentProps {
+    margin: boolean;
+}

package/dist/components/newTable/Table.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { TableProps } from './types';
+/**
+ * Component Props:
+ * @param {T[]} data Array of data to display
+ * @param {ColumnsType<T>[]} columns Columns configurations
+ * @param {boolean} isSelectable Allow to select rows
+ * @param {function} onRowSelectionChange Callback called when rows selection changes
+ * @param {function} onSort Callback called on column sort change
+ * @param {number[]} favorites Array of favorites
+ * @param {function} onFavoritesChange Callback called on favorite change
+ * @param {number[]} toggles Array of toggles index
+ * @param {function} onTogglesChange Callback called on toggles change
+ * @param {RowSize} headerSize Set header height
+ * @param {RowSize} rowSize Set row height
+ * @param {boolean} sortable Makes all columns sortable, sort can be disabled for a single column inside columns definition
+ * @param {boolean} sortDescFirst If true, all sorts will default to descending as their first toggle state.
+ * @param {boolean} enableSettings Used to enable table settings
+ * @param {SettingsDropdownConfig} settingsDropdownConfig Define dropdown settings configuration
+ * @param {RowActions<T>} rowActions Used to define primary and dropdown actions
+ * @param {BulkAction<T>} bulkActions Used to define bulk bar actions
+ * @param {boolean} isLoading Loading table state
+ * @param {AllSelectedCTA} allSelectedCTA clickable text that appears when all rows are selected
+ * @param {boolean} noPagination Flag used to disable pagination
+ * @param {number} pageSize Define the page size to use in every page
+ * @param {number} listSize Total data row counter
+ * @param {string} paginationPreviousText Pagination previous button text
+ * @param {string} paginationNextText Pagination next button text
+ * @param {function} onPaginationChange Callback to handle server side pagination
+ */
+declare const Table: <T>({ data, columns, isSelectable, onRowSelectionChange, favorites, onFavoritesChange, toggles, onTogglesChange, rowSize, headerSize, isFavoritesSortable, isTogglesSortable, sortable, sortDescFirst, enableSettings, settingsDropdownConfig, rowActions, bulkActions, isLoading, allSelectedCTA, noPagination, pageSize: pageLength, listSize, paginationPreviousText, paginationNextText, onPaginationChange, uniqueId, onSort, }: TableProps<T>) => JSX.Element;
+export default Table;

package/dist/components/newTable/components/action/favorite/Favorite.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface FavoriteProps {
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+}
+/**
+ * Component Props:
+ * @param {boolean} checked Used to set favorite icon status
+ * @param {boolean} disabled Disable the favorite icon
+ * @param {function} onChange Callback on favorite icon click
+ */
+declare const Favorite: ({ checked, onChange }: FavoriteProps) => JSX.Element;
+export default Favorite;

package/dist/components/newTable/components/action/favorite/index.d.ts

@@ -0,0 +1 @@
+export { default as Favorite } from './Favorite';

package/dist/components/newTable/components/action/favorite/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {
+    checked: boolean;
+}, never>;

package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/ColumnItem.d.ts

@@ -0,0 +1,8 @@
+import { Column } from '@tanstack/react-table';
+import React from 'react';
+declare type ColumnItemProps<T> = {
+    column: Column<T, unknown>;
+    onDragStart: (event: React.DragEvent<HTMLDivElement>, parent: HTMLDivElement) => void;
+} & Omit<React.HTMLProps<HTMLDivElement>, 'onDragStart'>;
+declare const ColumnItem: <T>({ column, draggable, onDragStart, onDragOver, onDragEnd }: ColumnItemProps<T>) => JSX.Element;
+export default ColumnItem;

package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnsSettings.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Table } from '@tanstack/react-table';
+interface ColumnsSettingsProps<T> {
+    table: Table<T>;
+    visibleColumnsLabel: string;
+}
+declare const ColumnsSettings: <T>({ table, visibleColumnsLabel }: ColumnsSettingsProps<T>) => JSX.Element;
+export default ColumnsSettings;

package/dist/components/newTable/components/action/settings/ColumnsSettings/DraggableContent/DraggableContent.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Table } from '@tanstack/react-table';
+interface DraggableContentProps<T> {
+    table: Table<T>;
+}
+export declare const DraggableContent: <T>({ table }: DraggableContentProps<T>) => JSX.Element;
+export {};

package/dist/components/newTable/components/action/settings/ColumnsSettings/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ColumnsSettings } from './ColumnsSettings';
+export { default as ColumnItem } from './ColumnItem/ColumnItem';

package/dist/components/newTable/components/action/settings/ColumnsSettings/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const CustomAccordion: import("styled-components").StyledComponent<import("../../../../../accordions/types").TAccordion, import("styled-components").DefaultTheme, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"h6", import("styled-components").DefaultTheme, {}, never>;
+export declare const Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/action/settings/DropdownSettings/DropdownSettings.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Header } from '@tanstack/react-table';
+interface DropdownSettingsProps<T> {
+    header: Header<T, unknown>;
+}
+declare const DropdownSettings: <T>({ header }: DropdownSettingsProps<T>) => JSX.Element;
+export default DropdownSettings;

package/dist/components/newTable/components/action/settings/DropdownSettings/index.d.ts

@@ -0,0 +1 @@
+export { default as DropdownSettings } from './DropdownSettings';

package/dist/components/newTable/components/action/settings/DropdownSettings/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const Container: 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 TitleText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/action/settings/RowHeightSettings/RowHeightSettings.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface RowHeightSettingsProps {
+    isDisabled?: boolean;
+    rowHeightLabel: string;
+    unspecifiedRowsLabel: string;
+    smallRowsLabel: string;
+    largeRowsLabel: string;
+}
+declare const RowHeightSettings: ({ rowHeightLabel, unspecifiedRowsLabel, smallRowsLabel, largeRowsLabel, isDisabled, }: RowHeightSettingsProps) => JSX.Element;
+export default RowHeightSettings;

package/dist/components/newTable/components/action/settings/RowHeightSettings/index.d.ts

@@ -0,0 +1 @@
+export { default as RowHeightSettings } from './RowHeightSettings';

package/dist/components/newTable/components/action/settings/RowHeightSettings/styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Radio: import("styled-components").StyledComponent<({ onChange, helper, initialSelection, options, ...otherProps }: import("../../../../../form/radioGroup").RadioGroupProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/action/settings/Settings.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Header } from '@tanstack/react-table';
+interface SettingsProps<T> {
+    header: Header<T, unknown>;
+    onOpen?: (isOpen: boolean) => void;
+}
+declare const Settings: <T>({ header, onOpen }: SettingsProps<T>) => JSX.Element;
+export default Settings;

package/dist/components/newTable/components/action/settings/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useColumnValues } from './useColumnValues';
+export { useDropdownSettingsValues } from './useDropdownSettingsValues';

package/dist/components/newTable/components/action/settings/hooks/useColumnValues.d.ts

@@ -0,0 +1,8 @@
+import { Column } from '@tanstack/react-table';
+interface ReturnType<T> {
+    rightActions: Column<T, unknown>[];
+    leftActions: Column<T, unknown>[];
+    accessorColumns: Column<T, unknown>[];
+}
+export declare const useColumnValues: <T>(allColumns: Column<T, unknown>[]) => ReturnType<T>;
+export {};

package/dist/components/newTable/components/action/settings/hooks/useDropdownSettingsValues.d.ts

@@ -0,0 +1,13 @@
+import { Header, Table } from '@tanstack/react-table';
+interface ReturnType<T> {
+    table: Table<T>;
+    isTableEmpty: boolean;
+    displaySettingsLabel: string;
+    visibleColumnsLabel: string;
+    rowHeightLabel: string;
+    smallRowsLabel: string;
+    largeRowsLabel: string;
+    unspecifiedRowsLabel: string;
+}
+export declare const useDropdownSettingsValues: <T>(header: Header<T, unknown>) => ReturnType<T>;
+export {};

package/dist/components/newTable/components/action/settings/index.d.ts

@@ -0,0 +1 @@
+export { default as Settings } from './Settings';

package/dist/components/newTable/components/action/settings/styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/action/toggle/Toggle.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface ToggleProps {
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+}
+/**
+ * Component Props:
+ * @param {boolean} checked Used to set toggle status
+ * @param {boolean} disabled Disable the toggle
+ * @param {function} onChange Callback on toggle click
+ */
+declare const Toggle: ({ checked, disabled, onChange }: ToggleProps) => JSX.Element;
+export default Toggle;

package/dist/components/newTable/components/action/toggle/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const SLIDER_HEIGHT = 12;
+export declare const SLIDER_WIDTH = 12;
+export declare const SLIDER_MARGIN = 2;

package/dist/components/newTable/components/action/toggle/index.d.ts

@@ -0,0 +1 @@
+export { default as Toggle } from './Toggle';

package/dist/components/newTable/components/action/toggle/styled.d.ts

@@ -0,0 +1,5 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Slider: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    disabled: boolean;
+}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;