@fattureincloud/fic-design-system 0.7.47 → 1.0.2

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

@@ -0,0 +1,4 @@
+import { Styles } from 'react-select/src/styles';
+declare type sizeType = 'medium' | 'large';
+declare const useCustomSelectStyle: (size?: sizeType) => Partial<Styles>;
+export default useCustomSelectStyle;

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

@@ -0,0 +1,4 @@
+import { TSelect, TSelectAsync, TSelectCreatable } from './typings/select';
+export declare const Select: TSelect;
+export declare const SelectCreatable: TSelectCreatable;
+export declare const SelectAsync: TSelectAsync;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { default as Select } from 'react-select';
+import { default as AsyncSelect } from 'react-select/async';
+import CreatableSelect from 'react-select/creatable';
+import { InputActionMeta } from 'react-select/src/types';
+export interface Props {
+    label?: string;
+    size?: 'medium' | 'large' | undefined;
+    inputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
+    getRef?: (node: any) => any;
+}
+export declare type TSelectProps = React.ComponentProps<typeof Select & Props>;
+export declare type TAsyncSelectProps = React.ComponentProps<typeof AsyncSelect & Props>;
+export declare type TSelectPropsCreatable = React.ComponentProps<typeof CreatableSelect> & {
+    label?: string;
+    size?: 'medium' | 'large' | undefined;
+    inputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
+    createOption?: (inputValue: string) => void;
+};
+export declare type TSelect = React.FunctionComponent<TSelectProps>;
+export declare type TSelectCreatable = React.FunctionComponent<TSelectPropsCreatable>;
+export declare type TSelectAsync = React.FunctionComponent<TAsyncSelectProps>;

package/dist/components/stepBar/components/singleStep.d.ts

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

package/dist/components/stepBar/components/styledStepBarWrapper.d.ts

@@ -0,0 +1,2 @@
+import { UnstyledStepBarPropsInterface } from '../types';
+export declare const StyledStepBarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, UnstyledStepBarPropsInterface, never>;

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

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

package/dist/components/stepBar/stepBar.d.ts

@@ -0,0 +1,7 @@
+import { Component } from 'react';
+import { TStepBar, UnstyledStepBarPropsInterface, UnstyledStepBarStateInterface } from './types';
+export declare class UnstyledStepBar extends Component<UnstyledStepBarPropsInterface, UnstyledStepBarStateInterface> {
+    render(): JSX.Element;
+}
+declare const StepBar: TStepBar;
+export default StepBar;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface StepProps {
+    title: string;
+    type: 'standard' | 'current' | 'completed';
+    number: number;
+}
+interface Props {
+    stepList: Array<StepProps>;
+}
+export declare type TStepBar = React.FunctionComponent<Props>;
+export interface UnstyledStepBarPropsInterface extends Props {
+}
+export interface UnstyledStepBarStateInterface {
+}
+export {};

package/dist/components/stepper/components/StepItem.d.ts

@@ -6,5 +6,5 @@ interface Props {
     status: stepStatusType;
 }
 declare const StepItem: ({ text, number, status }: Props) => JSX.Element;
-export declare type StepItemWrapperProps = Pick<Props, 'status'>;
+export type StepItemWrapperProps = Pick<Props, 'status'>;
 export default StepItem;

package/dist/components/stepper/stepperPalette.d.ts

@@ -5,7 +5,7 @@ export interface ItemStatusStyles {
     circleBackground: paletteColor;
     circleTextColor: paletteColor;
 }
-declare type ItemPalette = {
+type ItemPalette = {
     [k in stepStatusType]: ItemStatusStyles;
 };
 export interface StepperPalette {

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

@@ -1 +1 @@
-export declare type stepStatusType = 'completed' | 'active' | 'normal';
+export type stepStatusType = 'completed' | 'active' | 'normal';

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

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes } from 'react';
-export declare type switchColors = 'blue' | 'green';
+export type switchColors = 'blue' | 'green';
 export interface SwitchProps {
     checked: boolean;
     onChange: InputHTMLAttributes<HTMLInputElement>['onChange'];

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

@@ -0,0 +1,3 @@
+export declare const ActionLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
+    color?: string | undefined;
+}, never>;

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ActionType } from '../../typings/main';
+export declare const ActionsPopUp: (props: {
+    actions: Array<ActionType>;
+    selectedRows: number[];
+    element: {
+        [key: string]: React.ReactText;
+        id: number;
+    };
+    active: boolean;
+    handlePopUpVisibility: (rowId?: number | undefined) => void;
+}) => JSX.Element;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare type Props = {
+    rowId: number;
+    handlePopUpVisibility: (rowId: number) => void;
+    active: boolean;
+};
+export declare const ActionsPopUpButton: (props: Props) => JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ActionType, PropertyFilterInterface, TControlledProperties } from '../../typings/main';
+interface Props {
+    isLoading?: boolean;
+    allChecked: boolean;
+    handleSelectAll: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    controlledProperties: TControlledProperties;
+    setShowModalCustomizeTrue: () => void;
+    propertiesFilter: PropertyFilterInterface[];
+    handleSortOnProperty: (id: string, type: boolean | 'desc' | 'asc') => void;
+    actions?: ActionType[];
+    disableSelection?: boolean;
+}
+export declare const HeadDesktop: ({ actions, allChecked, controlledProperties, disableSelection, handleSelectAll, handleSortOnProperty, isLoading, propertiesFilter, setShowModalCustomizeTrue, }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,15 @@
+import React from 'react';
+interface Props {
+    listSize: number;
+    isLoading?: boolean;
+    data: {
+        [key: string]: React.ReactText;
+        id: number;
+    }[];
+    renderMobileRow?: (o: {
+        [key: string]: React.ReactText;
+        id: number;
+    }) => JSX.Element;
+}
+export declare const ListMobile: ({ data, isLoading, listSize, renderMobileRow }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ActionType, TControlledProperties } from '../../typings/main';
+interface Props {
+    index: number;
+    selectedList?: number[];
+    element: {
+        [key: string]: React.ReactText;
+        id: number;
+    };
+    handleSelection: (id: number) => void;
+    controlledProperties: TControlledProperties;
+    actions?: ActionType[];
+    handlePopUpVisibility: (rowId?: number) => void;
+    currentActionsPopUp?: number;
+    disableSelection?: boolean;
+}
+export declare const RowDesktop: ({ actions, controlledProperties, currentActionsPopUp, disableSelection, element, handlePopUpVisibility, handleSelection, index, selectedList, }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+import { Component } from 'react';
+import { DropResult, ResponderProvided } from 'react-beautiful-dnd';
+import { CustomizationsModalPropsInterface, CustomizationsModalStateInterface } from '../../typings/main';
+export declare class CustomizationsModal extends Component<CustomizationsModalPropsInterface, CustomizationsModalStateInterface> {
+    constructor(props: CustomizationsModalPropsInterface);
+    propertiesDisplayHandler: (id: string) => void;
+    onDragEnd: (result: DropResult, provided: ResponderProvided) => void;
+    resetProperties: () => void;
+    render(): JSX.Element;
+}

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

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

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

@@ -0,0 +1,3 @@
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    show?: boolean | undefined;
+}, never>;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DropResult, ResponderProvided } from 'react-beautiful-dnd';
+import { TControlledProperties } from '../../typings/main';
+export declare const UseDnd: React.FunctionComponent<{
+    localProperties: TControlledProperties;
+    onDragEnd: (result: DropResult, provided: ResponderProvided) => void;
+    propertiesDisplayHandler: (id: string) => void;
+}>;

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

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+import { DraggableStateSnapshot, DraggingStyle, NotDraggingStyle } from 'react-beautiful-dnd';
+import { TControlledProperties } from '../../typings/main';
+export declare const getItemStyle: (snapshot: DraggableStateSnapshot, draggableStyle?: DraggingStyle | NotDraggingStyle | undefined) => React.CSSProperties;
+export declare const getListStyle: (isDraggingOver: boolean) => CSSProperties;
+export declare const reorder: (list: TControlledProperties, startIndex: number, endIndex: number) => import("../../typings/main").TControlledProperty[];

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

@@ -0,0 +1,10 @@
+import { Component } from 'react';
+interface Props {
+}
+interface State {
+}
+export declare class EmptySet extends Component<Props, State> {
+    state: {};
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1 @@
+export declare const linearBackground: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface LoadingContentProps {
+    elmentsNumber: number;
+    propsNumber: number;
+}
+export declare const LoadingContent: (props: LoadingContentProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { TSortIcon } from '../typings/main';
+export declare const SortIcon: TSortIcon;

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

@@ -0,0 +1,3 @@
+import { TablePropsInterface } from '../typings/main';
+import { UnstyledTable } from './unstyledTable';
+export declare const StyledTableWrapper: import("styled-components").StyledComponent<typeof UnstyledTable, import("styled-components").DefaultTheme, TablePropsInterface, never>;

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

@@ -0,0 +1,11 @@
+import React, { Component } from 'react';
+import { TablePropsInterface, TableStateInterface, TControlledProperties } from '../typings/main';
+export declare class UnstyledTable extends Component<TablePropsInterface, TableStateInterface> {
+    constructor(props: TablePropsInterface);
+    handleSelection: (id: number) => void;
+    handleSelectAll: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleSortOnProperty: (id: string, type: 'desc' | 'asc' | boolean) => void;
+    modifyControlledPropertiesHandler: (properties: TControlledProperties) => void;
+    handlePopUpVisibility: (rowId?: number | undefined) => void;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,92 @@
+import React from 'react';
+import { checkboxStatus } from '../../form/checkbox/types';
+import { IconProps } from '../../icon';
+export interface PropertyInterface {
+    id: string;
+    label: string;
+    columnStyle?: React.CSSProperties;
+    render?: (val: string | number, id?: string | number) => JSX.Element;
+    deactivateActive?: boolean;
+    sortable?: boolean;
+}
+export declare type TControlledProperty = PropertyInterface & {
+    active: checkboxStatus;
+    position: number;
+};
+export declare type TControlledProperties = TControlledProperty[];
+export declare type ActionType = {
+    label: string;
+    action: (element: {
+        id: number;
+        [key: string]: string | number;
+    }, selectedRows: Array<number>) => void;
+    color?: string;
+};
+export interface TablePropsInterface {
+    className?: string;
+    properties: Array<PropertyInterface>;
+    data: Array<{
+        id: number;
+        [key: string]: string | number;
+    }>;
+    actions?: Array<ActionType>;
+    listSize: number;
+    pageSize: number;
+    changePageAction: (pageNumber: number) => void;
+    nextPageAction?: () => void;
+    prevPageAction?: () => void;
+    currentPage: number;
+    customizeModalTitle: string;
+    isLoading?: boolean;
+    selectionCallback?: (newData: Array<number>) => void;
+    selectedList?: Array<number>;
+    disableSelection?: boolean;
+    emptySetIcon?: IconProps;
+    emptySetTitle?: string;
+    emptySetText?: string;
+    emptySetAction?: {
+        text: string;
+        icon?: IconProps;
+        action: () => void;
+    };
+    renderMobileRow?: (o: {
+        [key: string]: React.ReactText;
+        id: number;
+    }) => JSX.Element;
+    persistencyId?: string;
+    isHeaderFixed?: boolean;
+}
+export interface PropertyFilterInterface {
+    id: string;
+    type: 'asc' | 'desc' | boolean;
+}
+export interface TableStateInterface {
+    propertiesFilter: Array<PropertyFilterInterface>;
+    showModalCustomize: boolean;
+    controlledProperties: TControlledProperties;
+    currentActionsPopUp?: number;
+}
+export declare type TTable = React.FunctionComponent<TablePropsInterface>;
+export declare type TSortIcon = React.FC<{
+    property: string;
+    propertiesFilter: Array<PropertyFilterInterface>;
+    handleSortOnProperty: (id: string, type: 'asc' | 'desc' | boolean) => void;
+}>;
+export declare type TPagination = React.FC<{
+    pageSize: number;
+    listSize: number;
+    changePageAction: (pageNumber: number) => void;
+    nextPageAction?: () => void;
+    prevPageAction?: () => void;
+    currentPage: number;
+}>;
+export interface CustomizationsModalPropsInterface {
+    show?: boolean;
+    close: () => void;
+    title: string;
+    properties: TControlledProperties;
+    modifyControlledPropertiesHandler: (properties: TControlledProperties) => void;
+}
+export interface CustomizationsModalStateInterface {
+    localProperties: TControlledProperties;
+}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { PropertyInterface, TControlledProperties } from '../typings/main';
+export declare const getConfig: (persistencyId?: string | undefined) => TControlledProperties | undefined;
+export declare const modifyConfig: (properties: TControlledProperties, persistencyId?: string | undefined) => void;
+export declare const mergePropertiesPersistency: (properties: PropertyInterface[], persistency: TControlledProperties) => {
+    id: string;
+    label: string;
+    columnStyle?: import("react").CSSProperties | undefined;
+    render?: ((val: string | number, id?: string | number | undefined) => JSX.Element) | undefined;
+    deactivateActive?: boolean | undefined;
+    sortable?: boolean | undefined;
+    active: import("../../form/checkbox/types").checkboxStatus;
+    position: number;
+}[];

package/dist/components/tabs/common/types.d.ts

@@ -7,7 +7,7 @@ export interface TabsProps {
     distance?: number;
     lateralPadding?: number;
 }
-export declare type TabsBadgeProps = Omit<WithBadgeProps, 'children'>;
+export type TabsBadgeProps = Omit<WithBadgeProps, 'children'>;
 export interface TabsItem {
     text: string | JSX.Element;
     active?: boolean;

package/dist/components/tag/tagPalette.d.ts

@@ -1,11 +1,11 @@
 import { paletteColor } from '../../styles/types';
-export declare type tagTypes = 'standard' | 'error' | 'info' | 'warning' | 'success';
-export declare type tagStyles = 'soft' | 'full' | 'text';
-export declare type tagParts = 'color' | 'backgroundColor';
-export declare type TagParts = {
+export type tagTypes = 'standard' | 'error' | 'info' | 'warning' | 'success';
+export type tagStyles = 'soft' | 'full' | 'text';
+export type tagParts = 'color' | 'backgroundColor';
+export type TagParts = {
     [key in tagParts]: paletteColor;
 };
-export declare type TagPalette = {
+export type TagPalette = {
     [key in tagStyles]: {
         [key in tagTypes]: TagParts;
     };

package/dist/components/textButton/TextButton.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface Props extends WrapperProps {
+    text: string;
+}
+declare const TextButton: ({ isDisabled, onClick, text, ...rest }: Props) => JSX.Element;
+interface WrapperProps {
+    color?: 'blue' | 'red' | 'green' | 'yellow' | 'white';
+    isDisabled?: boolean;
+    onClick: () => void;
+    className?: string;
+}
+export default TextButton;

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

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

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,6 +1,6 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { ShortcutTipProps, TipProps } from './types';
-export declare const Normal: Story<TipProps>;
-export declare const Shortcut: Story<ShortcutTipProps>;
+export declare const Normal: StoryFn<TipProps>;
+export declare const Shortcut: StoryFn<ShortcutTipProps>;
 declare const TipStories: Meta<TipProps>;
 export default TipStories;

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

@@ -1,4 +1,4 @@
-import { ReactChild } from 'react';
+import { ReactNode } from 'react';
 import { paletteColor } from '../..';
 import { IconProps } from '../icon';
 export declare enum TipType {
@@ -18,10 +18,10 @@ export interface TipProps {
     leftIcon?: IconProps;
     onClose?: () => void;
     renderCloseIcon?: () => JSX.Element;
-    text: ReactChild;
+    text: ReactNode;
     type?: TipType;
 }
-export declare type TipPalette = {
+export type TipPalette = {
     [key in TipType]: {
         color: paletteColor;
         backgroundColor: paletteColor;

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { ToastContainerProps } from './types';
-export declare const ToastContainer: import("styled-components").StyledComponent<import("react").FC<import("react-toastify").ToastContainerProps>, import("styled-components").DefaultTheme, {
+export declare const ToastContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-toastify").ToastContainerProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     hideProgressBar: true;
     newestOnTop: true;
     closeOnClick: false;
     draggable: false;
     rtl: false;
-} & ToastContainerProps, "draggable" | "rtl" | "closeOnClick" | "newestOnTop" | "hideProgressBar">;
+    icon: false;
+} & ToastContainerProps, "draggable" | "icon" | "rtl" | "closeOnClick" | "newestOnTop" | "hideProgressBar">;

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

@@ -1,5 +1,5 @@
-import { Meta, Story } from '@storybook/react';
-import { ToastProps } from './types';
-export declare const WithKnobs: Story<ToastProps>;
-declare const ToastStories: Meta<ToastProps>;
+import { Meta, StoryFn } from '@storybook/react';
+import { ToastContainerProps, ToastProps } from './types';
+export declare const WithKnobs: StoryFn<ToastProps>;
+declare const ToastStories: Meta<ToastContainerProps>;
 export default ToastStories;

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

@@ -2,7 +2,7 @@ import { paletteColor } from 'index';
 import React, { ReactNode } from 'react';
 import { ToastPosition } from 'react-toastify/dist/types';
 import { IconProps } from '../icon';
-export declare type ToastLibraryType = 'dark' | 'error' | 'info' | 'warning' | 'success';
+export type ToastLibraryType = 'dark' | 'error' | 'info' | 'warning' | 'success';
 export declare enum ToastType {
     STANDARD = "standard",
     ERROR = "error",
@@ -43,11 +43,11 @@ export interface ToastInterface {
 export interface ToastContainerProps {
     position: ToastPosition;
 }
-export declare type ToastColor = {
+export type ToastColor = {
     title: paletteColor;
     content: paletteColor;
     background: paletteColor;
 };
-export declare type ToastPalette = {
+export type ToastPalette = {
     [k in ToastType]: ToastColor;
 };

package/dist/components/toast/typings/toast.d.ts

@@ -2,8 +2,6 @@ import React, { ReactNode } from 'react';
 import { ToastPosition } from 'react-toastify/dist/types';
 import { IconProps } from '../../icon';
 export declare type toastType = 'standard' | 'error' | 'info' | 'warning' | 'success';
-export declare type toastLibraryType = 'dark' | 'error' | 'info' | 'warning' | 'success';
-export declare const typeMap: Record<toastType, toastLibraryType>;
 export interface ToastProps {
     type?: toastType;
     content?: ReactNode;

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

@@ -1,6 +1,6 @@
 import { colorsPalette } from '../../common/types/colorsPalette';
-export declare type tooltipTypes = 'dark' | 'light';
-export declare type TooltipPalette = {
+export type tooltipTypes = 'dark' | 'light';
+export type TooltipPalette = {
     [key in tooltipTypes]: colorsPalette;
 };
 declare const tooltipPalette: TooltipPalette;

package/dist/components/tooltips/components/message.d.ts

@@ -0,0 +1,12 @@
+import { TPlacement } from '../types';
+interface MessageInterface {
+    messageHeight: number;
+    messageWidth: number;
+    placement: TPlacement;
+    triggerDimension: {
+        width: number;
+        height: number;
+    };
+}
+export declare const Message: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, MessageInterface, never>;
+export {};

package/dist/components/tooltips/components/styledTooltipWrapper.d.ts

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

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

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

package/dist/components/tooltips/tooltips.d.ts

@@ -0,0 +1,15 @@
+import React, { Component } from 'react';
+import { TTooltip, UnstyledTooltipPropsInterface, UnstyledTooltipStateInterface } from './types';
+export declare class UnstyledTooltip extends Component<UnstyledTooltipPropsInterface, UnstyledTooltipStateInterface> {
+    constructor(props: UnstyledTooltipPropsInterface);
+    messageRef: React.RefObject<HTMLDivElement>;
+    triggerRef: React.RefObject<HTMLDivElement>;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: UnstyledTooltipPropsInterface): void;
+    handleMouseLeave: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    handleMouseEnter: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    updateStateDimensions: (width: number, height: number) => void;
+    render(): JSX.Element;
+}
+declare const Tooltip: TTooltip;
+export default Tooltip;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+export declare type TPlacement = 'top' | 'left' | 'right' | 'bottom';
+export declare type TTooltip = React.FunctionComponent<{
+    message?: string;
+    renderMessage?: () => JSX.Element;
+    placement: TPlacement;
+    isMessageVisible?: boolean;
+    isFullWidth?: boolean;
+}>;
+export interface UnstyledTooltipPropsInterface {
+    message?: string;
+    renderMessage?: () => JSX.Element;
+    placement: TPlacement;
+    isMessageVisible?: boolean;
+    isFullWidth?: boolean;
+}
+export interface UnstyledTooltipStateInterface {
+    show: boolean;
+    messageHeight?: number;
+    messageWidth?: number;
+    triggerDimension: {
+        width: number;
+        height: number;
+    };
+}

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

@@ -5,7 +5,7 @@ export declare enum VerticalTabSelectorStatus {
     EDIT = "edit",
     WARNING = "warning"
 }
-export declare type VerticalTabSelectorPalette = {
+export type VerticalTabSelectorPalette = {
     default: {
         active: {
             color: paletteColor;

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

@@ -1,2 +1,2 @@
-import VerticalTab from './VerticalTab';
-export { VerticalTab };
+export { default as VerticalTab } from './VerticalTab';
+export { VerticalTabSelector, VerticalTabSelectorPalette, VerticalTabSelectorStatus, } from './components/VerticalTabSelector';