@fattureincloud/fic-design-system 0.7.45-tmp-react-18 → 0.7.45

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

@@ -2,7 +2,7 @@
 import { DefaultTheme } from 'styled-components';
 import { colors } from '../../../styles/types';
 import { paletteColor } from '../../../styles/types';
-export type TextProps = {
+export declare type TextProps = {
     bold?: boolean;
     centered?: boolean;
     children: React.ReactNode | React.ReactNode[] | undefined | null;
@@ -12,10 +12,10 @@ export type TextProps = {
     type?: 'date' | 'currency';
     style?: React.CSSProperties;
 };
-export type MapTextColorParams = {
+export declare type MapTextColorParams = {
     color?: TextProps['color'];
     theme: DefaultTheme;
 };
-export type MapTextColorReturn = {
+export declare type MapTextColorReturn = {
     color: paletteColor | undefined;
 };

package/dist/common/hooks/useOutsideClick.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const useOutsideClick: (ref: React.MutableRefObject<HTMLDivElement | null>, showComponent?: boolean, closeAction?: () => void) => void;
+declare const useOutsideClick: (ref: React.MutableRefObject<HTMLDivElement | null>, showComponent?: boolean | undefined, closeAction?: (() => void) | undefined) => void;
 export default useOutsideClick;

package/dist/common/hooks/useUpDownKeyNavigation.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
-type Callback = (index: number) => void;
-type ReturnType = [number, Dispatch<SetStateAction<number>>, boolean];
+declare type Callback = (index: number) => void;
+declare type ReturnType = [number, Dispatch<SetStateAction<number>>, boolean];
 /**
  * Manage the Up and Down key to scroll through lists/table rows/dropdown options
  *

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

@@ -1,5 +1,5 @@
 import { paletteColor } from '../../styles/types';
-export type colorsPalette = {
+export declare type colorsPalette = {
     color: paletteColor;
     background: paletteColor;
 };

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

@@ -1,5 +1,5 @@
 export declare const dateFormatsArray: [string, ...string[]];
 export declare const timeFormat = "HH:mm:ss";
 export declare const datetimeFormatsArray: [string, ...string[]];
-export type DateFormat = typeof dateFormatsArray[number];
-export type DateFormats = [DateFormat, ...DateFormat[]];
+export declare type DateFormat = typeof dateFormatsArray[number];
+export declare type DateFormats = [DateFormat, ...DateFormat[]];

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

@@ -10,7 +10,7 @@ interface Props {
     }>;
     showBodyAtFirstRender?: boolean;
 }
-export type TAccordion = React.FunctionComponent<Props>;
+export declare type TAccordion = React.FunctionComponent<Props>;
 export interface UnstyledAccordionProps extends Props {
 }
 export interface UnstyledAccordionState {

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

@@ -2,7 +2,7 @@ import { MouseEvent } from 'react';
 import { CSSObject } from 'styled-components';
 import { paletteColor } from '../../styles/types';
 import { IconProps } from '../icon';
-export type AvatarProps = {
+export declare type AvatarProps = {
     backgroundColor?: paletteColor;
     className?: string;
     icon?: IconProps;
@@ -15,6 +15,6 @@ export type AvatarProps = {
     text?: string;
     textColor?: paletteColor;
 };
-export type AvatarContainerProps = Pick<AvatarProps, 'backgroundColor' | 'image' | 'onClick' | 'placeholder' | 'size' | 'textColor'> & {
+export declare type AvatarContainerProps = Pick<AvatarProps, 'backgroundColor' | 'image' | 'onClick' | 'placeholder' | 'size' | 'textColor'> & {
     textLenght: number;
 };

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

@@ -1,7 +1,7 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import React from 'react';
 import { BadgeProps } from './';
-export declare const Template: StoryFn<BadgeProps>;
+export declare const Template: Story<BadgeProps>;
 export declare const Normal: () => React.JSX.Element;
 export declare const Advanced: () => React.JSX.Element;
 declare const BadgeStories: Meta<BadgeProps>;

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

@@ -17,10 +17,10 @@ export declare enum BadgeType {
     WARNING = "warning",
     SUCCESS = "success"
 }
-export type BadgeParams = 'color' | 'backgroundColor';
-export type BadgeParts = {
+export declare type BadgeParams = 'color' | 'backgroundColor';
+export declare type BadgeParts = {
     [key in BadgeParams]: paletteColor;
 };
-export type BadgePalette = {
+export declare type BadgePalette = {
     [key in BadgeType]: BadgeParts;
 };

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

@@ -1,5 +1,5 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { BannerProps } from './types';
-export declare const Template: StoryFn<BannerProps>;
+export declare const Template: Story<BannerProps>;
 declare const BannerStories: Meta<BannerProps>;
 export default BannerStories;

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

@@ -15,7 +15,7 @@ export declare enum BannerType {
     WARNING = "warning",
     SUCCESS = "success"
 }
-export type BannerPalette = {
+export declare type BannerPalette = {
     [key in BannerType]: {
         color: paletteColor;
         backgroundColor: paletteColor;

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

@@ -1,5 +1,5 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { ButtonProps } from '../index';
-export declare const Template: StoryFn<ButtonProps>;
+export declare const Template: Story<ButtonProps>;
 declare const ButtonStories: Meta<ButtonProps>;
 export default ButtonStories;

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

@@ -1,15 +1,15 @@
 import { paletteColor } from '../../../styles/types';
 import { buttonColors, buttonParts, buttonSizes, buttonTypes } from './types';
-export type ButtonParts = {
+export declare type ButtonParts = {
     [k in buttonParts]: paletteColor;
 };
-type ButtonMappedNormalColors = {
+declare type ButtonMappedNormalColors = {
     [key in buttonColors]: ButtonParts;
 };
 interface ButtonMappedColors extends ButtonMappedNormalColors {
     disabled: ButtonParts;
 }
-type ButtonMappedTypes = {
+declare type ButtonMappedTypes = {
     [k in buttonTypes]: ButtonMappedColors;
 };
 export interface ButtonPalette extends ButtonMappedTypes {

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

@@ -1,15 +1,15 @@
 import { MouseEventHandler } from 'react';
 import { ButtonParts } from './buttonPalette';
 export declare const buttonSizesArray: readonly ["large", "medium"];
-export type buttonSizes = typeof buttonSizesArray[number];
+export declare type buttonSizes = typeof buttonSizesArray[number];
 export declare const buttonTypesArray: readonly ["primary", "secondary", "text"];
-export type buttonTypes = typeof buttonTypesArray[number];
+export declare type buttonTypes = typeof buttonTypesArray[number];
 export declare const buttonColorsArray: readonly ["blue", "red", "green", "grey", "yellow"];
-export type buttonColors = typeof buttonColorsArray[number];
+export declare type buttonColors = typeof buttonColorsArray[number];
 export declare const buttonDisableColorArray: readonly ["disabled"];
-export type buttonDisableColor = typeof buttonDisableColorArray[number];
+export declare type buttonDisableColor = typeof buttonDisableColorArray[number];
 export declare const buttonPartsArray: readonly ["normal", "hover", "active", "text", "textHover"];
-export type buttonParts = typeof buttonPartsArray[number];
+export declare type buttonParts = typeof buttonPartsArray[number];
 export interface WrapperProps {
     isDisabled: boolean;
     fullWidth?: boolean;

package/dist/components/buttons/iconButton/iconButton.stories.d.ts

@@ -1,6 +1,2 @@
-import { Meta } from '@storybook/react';
 import React from 'react';
-import { IconButtonProps } from './IconButton';
 export declare const WithKnobs: () => React.JSX.Element;
-declare const IconButtonStories: Meta<IconButtonProps>;
-export default IconButtonStories;

package/dist/components/buttons/iconButton/iconButtonPalette.d.ts

@@ -1,15 +1,15 @@
 import { paletteColor } from '../../../styles/types';
 import { iconButtonColors, iconButtonParts, iconButtonTypes } from './types';
-export type IconButtonParts = {
+export declare type IconButtonParts = {
     [key in iconButtonParts]: paletteColor;
 };
-type IconButtonMappedNormalColors = {
+declare type IconButtonMappedNormalColors = {
     [key in iconButtonColors]: IconButtonParts;
 };
 interface IconButtonMappedColors extends IconButtonMappedNormalColors {
     disabled: IconButtonParts;
 }
-type IconButtonMappedTypes = {
+declare type IconButtonMappedTypes = {
     [k in iconButtonTypes]: IconButtonMappedColors;
 };
 export interface IconButtonPalette extends IconButtonMappedTypes {

package/dist/components/buttons/iconButton/types.d.ts

@@ -1,8 +1,8 @@
 export declare const iconButtonTypesArray: readonly ["primary", "secondary"];
-export type iconButtonTypes = typeof iconButtonTypesArray[number];
+export declare type iconButtonTypes = typeof iconButtonTypesArray[number];
 export declare const iconButtonColorsArray: readonly ["blue", "red", "green", "yellow"];
-export type iconButtonColors = typeof iconButtonColorsArray[number];
+export declare type iconButtonColors = typeof iconButtonColorsArray[number];
 export declare const iconButtonDisableColorArray: readonly ["disabled"];
-export type iconButtonDisableColor = typeof iconButtonDisableColorArray[number];
+export declare type iconButtonDisableColor = typeof iconButtonDisableColorArray[number];
 export declare const iconButtonPartsArray: readonly ["normal", "hover"];
-export type iconButtonParts = typeof iconButtonPartsArray[number];
+export declare type iconButtonParts = typeof iconButtonPartsArray[number];

package/dist/components/buttons/iconButton/utils.d.ts

@@ -4,6 +4,6 @@ import { IconButtonParts } from './iconButtonPalette';
 interface GetIconButtonColorsParams extends WrapperProps {
     theme: DefaultTheme;
 }
-type getIconButtonColorsType = (params: GetIconButtonColorsParams) => IconButtonParts;
+declare type getIconButtonColorsType = (params: GetIconButtonColorsParams) => IconButtonParts;
 export declare const getIconButtonColors: getIconButtonColorsType;
 export {};

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

@@ -1,5 +1,5 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { CardProps } from './types';
-export declare const CardExample: StoryFn<CardProps>;
+export declare const CardExample: Story<CardProps>;
 declare const CardStories: Meta<CardProps>;
 export default CardStories;

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

@@ -17,24 +17,24 @@ export declare enum CardElevation {
     LOW = 1,
     HIGH = 2
 }
-export type StyledCardProps = {
+export declare type StyledCardProps = {
     color?: CardColor;
     elevation?: CardElevation;
     type?: CardType;
 };
-export type CardProps = StyledCardProps & {
+export declare type CardProps = StyledCardProps & {
     children: React.ReactNode | React.ReactNode[];
     className?: string;
     style?: CSSProperties;
 };
-type CardPaletteAttributes = {
+declare type CardPaletteAttributes = {
     background: paletteColor;
     border: paletteColor;
 };
-type CardPaletteTypes = {
+declare type CardPaletteTypes = {
     [k in CardType]: CardPaletteAttributes;
 };
-export type CardPalette = {
+export declare type CardPalette = {
     [k in CardColor]: CardPaletteTypes;
 };
 export {};

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

@@ -1,6 +1,6 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { ChipProps } from './types';
-export declare const Template: StoryFn<ChipProps>;
-export declare const WithIcon: StoryFn<ChipProps>;
+export declare const Template: Story<ChipProps>;
+export declare const WithIcon: Story<ChipProps>;
 declare const ChipStories: Meta<ChipProps>;
 export default ChipStories;

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

@@ -15,7 +15,7 @@ export interface ChipProps {
     leftIcon?: IconProps;
     closeAction?: () => void;
 }
-export type ChipPalette = {
+export declare type ChipPalette = {
     [key in ChipType]: {
         color: paletteColor;
         backgroundColor: paletteColor;

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

@@ -10,7 +10,7 @@ export declare enum CircularProgressBarType {
     WARNING = "warning",
     ERROR = "error"
 }
-export type CircularProgressBarPalette = {
+export declare type CircularProgressBarPalette = {
     [key in CircularProgressBarType]: {
         path: paletteColor;
         trail: paletteColor;

package/dist/components/closableCard/ClosableCard.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { ClosableCardProps } from './types';
+declare const ClosableCard: ({ title, subtitle, renderSubtitleElement, onClose, className, }: ClosableCardProps) => ReactElement;
+export default ClosableCard;

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

@@ -0,0 +1,6 @@
+import { Meta, Story } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { ClosableCard, ClosableCardProps } from './index';
+export declare const Template: Story<ClosableCardProps>;
+declare const ClosableCardStories: Meta<ComponentProps<typeof ClosableCard>>;
+export default ClosableCardStories;

package/dist/components/closableCard/closableCardPalette.d.ts

@@ -0,0 +1,3 @@
+import { ClosableCardPalette } from './types';
+declare const closableCardPalette: ClosableCardPalette;
+export default closableCardPalette;

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

@@ -0,0 +1,3 @@
+export { ClosableCardProps, ClosableCardPalette } from './types';
+export { default as ClosableCard } from './ClosableCard';
+export { default as closableCardPalette } from './closableCardPalette';

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Title: 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 Subtitle: 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 CloseIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import { paletteColor } from '../../styles/types';
+export interface ClosableCardProps {
+    title: string;
+    subtitle?: string;
+    renderSubtitleElement?: () => ReactElement;
+    onClose?: () => void;
+    className?: string;
+}
+export declare type ClosableCardPalette = {
+    background: paletteColor;
+    border: paletteColor;
+};

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

@@ -1 +1 @@
-export declare const showHandler: (show?: boolean) => import("styled-components").FlattenSimpleInterpolation | undefined;
+export declare const showHandler: (show?: boolean | undefined) => import("styled-components").FlattenSimpleInterpolation | undefined;

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

@@ -4,7 +4,7 @@ import { DropdownItemType } from './types';
 interface ItemColors extends colorsPalette {
     hoverBackground: paletteColor;
 }
-type NotActiveItemPalette = {
+declare type NotActiveItemPalette = {
     [k in DropdownItemType]: ItemColors;
 };
 interface ItemPalette {

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

@@ -1,12 +1,12 @@
 import { Placement } from '@popperjs/core/lib/enums';
 import React, { CSSProperties, MouseEventHandler } from 'react';
 import { IconProps } from '../icon';
-export type TitleProps = {
+export declare type TitleProps = {
     text: string;
 };
-export type closeDropdownType = () => void;
-export type renderContentType = (closeDropdown: closeDropdownType) => React.ReactNode;
-export type DropdownProps = {
+export declare type closeDropdownType = () => void;
+export declare type renderContentType = (closeDropdown: closeDropdownType) => React.ReactNode;
+export declare type DropdownProps = {
     className?: string;
     title?: string;
     renderTrigger?: () => React.ReactNode;
@@ -28,7 +28,7 @@ export type DropdownProps = {
     offsetY?: number;
     forceClose?: boolean;
 };
-export type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
+export declare type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
 export interface DropdownItemProps {
     text: string | JSX.Element;
     className?: string;
@@ -38,10 +38,11 @@ export interface DropdownItemProps {
     onClick?: MouseEventHandler;
     maxWidth?: DropdownProps['maxWidth'];
     fullWidth?: DropdownProps['fullWidth'];
-    children?: React.ReactNode;
+    children?: React.ReactChild;
     isDisabled?: boolean;
     type?: DropdownItemType;
     onMouseEnter?: () => void;
+    label?: string;
 }
 export interface UserListItemProps {
     img?: string;

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

@@ -1,7 +1,7 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import React from 'react';
 import { WithBadgeProps } from './types';
-export declare const Template: StoryFn<WithBadgeProps>;
+export declare const Template: Story<WithBadgeProps>;
 export declare const Normal: () => React.JSX.Element;
 export declare const WithKnobs: () => React.JSX.Element;
 declare const WithBadgeStories: Meta<WithBadgeProps>;

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

@@ -27,12 +27,12 @@ export declare enum FloatingBadgeType {
     SUCCESS = "success",
     DISABLED = "disabled"
 }
-export type FloatingBadgeColors = {
+export declare type FloatingBadgeColors = {
     [key in FloatingBadgeType]: {
         color: paletteColor;
         backgroundColor: paletteColor;
     };
 };
-export type FloatingBadgePalette = FloatingBadgeColors & {
+export declare type FloatingBadgePalette = FloatingBadgeColors & {
     borderRadius: string | number;
 };

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

@@ -9,6 +9,7 @@ import { CheckboxProps } from './types';
  * @param {function} onClick Callback called on component click
  * @param {string} text Component label text
  * @param {CheckboxStatus} value Checkbox status
+ * @param {string} textColor To change label text color
  */
 declare const Checkbox: ({ value, ...rest }: CheckboxProps) => JSX.Element;
 export default Checkbox;

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

@@ -1,6 +1,6 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { CheckboxProps } from './types';
-export declare const WithStatus: StoryFn<CheckboxProps>;
-export declare const WithBoolean: StoryFn<CheckboxProps>;
+export declare const WithStatus: Story<CheckboxProps>;
+export declare const WithBoolean: Story<CheckboxProps>;
 declare const CheckboxStories: Meta<CheckboxProps>;
 export default CheckboxStories;

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

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes, MouseEvent } from 'react';
+import { ChangeEvent, InputHTMLAttributes } from 'react';
 import { paletteColor } from '../../../styles/types';
 import { InputHelperProps } from '../inputHelper';
 import { LabelProps } from '../label';
@@ -32,16 +32,17 @@ export interface CheckboxInputProps {
     hasError: boolean;
 }
 export interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'>, Omit<LabelProps, 'hasError'> {
-    onClick?: (e: MouseEvent<HTMLInputElement>) => void;
+    onClick?: (e: ChangeEvent<HTMLInputElement>) => void;
     text?: string;
     helper?: InputHelperProps;
     className?: string;
     onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
+    textColor?: paletteColor;
 }
 export interface CheckboxProps extends Omit<CheckboxImplProps, 'value'> {
     value: CheckboxImplProps['value'] | boolean;
 }
-export type CheckboxPalette = {
+export declare type CheckboxPalette = {
     input: {
         [k in CheckboxState]: {
             [k in CheckboxStatus]: {

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

@@ -5,7 +5,7 @@ interface InputMapParams extends CheckboxInputProps {
     theme: DefaultTheme;
 }
 export declare const getInputStyle: ({ theme, value, disabled, large, hasError }: InputMapParams) => CheckboxStyles;
-type StatusIconType = {
+declare type StatusIconType = {
     [k in CheckboxStatus]: IconProps['icon'] | null;
 };
 export declare const statusIcon: StatusIconType;

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

@@ -2,9 +2,9 @@ import { colorsPalette } from '../../../common/types/colorsPalette';
 import { paletteColor } from '../../../styles/types';
 import { InputHelperProps } from '../inputHelper';
 export declare const inputSizeArray: readonly ["large", "medium"];
-export type inputSizeType = typeof inputSizeArray[number];
+export declare type inputSizeType = typeof inputSizeArray[number];
 export declare const statusesArray: readonly ["normal", "success", "warning", "error"];
-export type statusType = typeof statusesArray[number];
+export declare type statusType = typeof statusesArray[number];
 export interface CommonFormTypes {
     inputSize?: inputSizeType;
     disabled?: boolean;

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

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

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

@@ -1,7 +1,7 @@
 import { colorsPalette } from '../../../common/types/colorsPalette';
 import { paletteColor } from '../../../styles/types';
-type ItemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover' | 'disabled';
-type DayPalette = {
+declare type ItemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover' | 'disabled';
+declare type DayPalette = {
     borderRadius: string;
     today: {
         [k in Exclude<ItemStatus, 'disabled'>]: colorsPalette;
@@ -13,7 +13,7 @@ type DayPalette = {
         [k in Exclude<ItemStatus, 'active' | 'activeHover' | 'disabled'>]: colorsPalette;
     };
 };
-type ItemStatusPalette = {
+declare type ItemStatusPalette = {
     [k in ItemStatus]: colorsPalette;
 };
 interface ItemPalette extends ItemStatusPalette {

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

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

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/datepicker/hooks/useFormattedDate.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
-import { DateFormat, DateFormats } from '../../../../common/types/dateTypes';
-type ReturnType = [Date | null, Dispatch<SetStateAction<Date | null>>, string | null, string];
+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
@@ -8,5 +8,5 @@ type ReturnType = [Date | null, Dispatch<SetStateAction<Date | null>>, string |
  * @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, allowedFormats?: DateFormats | null, outputFormat?: DateFormat) => ReturnType;
+declare const useFormattedDate: (initialValue?: string | null | undefined, allowedFormats?: DateFormats | null | undefined, outputFormat?: string | undefined) => ReturnType;
 export default useFormattedDate;

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

@@ -1,10 +1,10 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { Dispatch, ReactChild, SetStateAction } from 'react';
 import { ReactDatePickerProps } from 'react-datepicker';
 import { CommonFormTypes } from '../common/types';
 import { LabelProps } from '../label';
-export type DatePickerStatus = 'dayPicker' | 'monthPicker' | 'yearPicker';
-export type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactNode;
-export type CustomButtonProps = {
+export declare type DatePickerStatus = 'dayPicker' | 'monthPicker' | 'yearPicker';
+export declare type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactChild;
+export declare type CustomButtonProps = {
     text: string;
     onClick: (props: RenderCustomFooterProps) => void;
 };
@@ -24,4 +24,4 @@ export interface DatePickerImplProps extends Omit<ReactDatePickerProps, 'onChang
     isPrefilled?: boolean;
     onChangeManually?: (date: Date | null) => void;
 }
-export type DatePickerProps = LabelProps & DatePickerImplProps;
+export declare type DatePickerProps = LabelProps & DatePickerImplProps;

package/dist/components/form/fileUploader/FileUploader.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FileRejection } from 'react-dropzone';
 import { CustomPalette, FileType, FileUploaderSize, FileUploaderStatus } from './types';
-export type fileUploaderOnDrop = (acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;
+export declare type fileUploaderOnDrop = (acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;
 export interface FileUploaderProps {
     allowedTypes: FileType[];
     className?: string;

package/dist/components/form/fileUploader/components/FileUploaderContent.d.ts

@@ -4,8 +4,8 @@ import { FileUploaderSize, statuses } from '../types';
 interface Props {
     icon: IconProps | null;
     status: statuses;
-    text?: React.ReactNode | null;
-    caption?: React.ReactNode | null;
+    text?: React.ReactChild | null;
+    caption?: React.ReactChild | null;
     size: FileUploaderSize;
 }
 declare const FileUploaderContent: ({ icon, status, text, caption, size }: Props) => JSX.Element;

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

@@ -1,5 +1,5 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { FileUploaderProps } from './FileUploader';
-export declare const WithKnobs: StoryFn<FileUploaderProps>;
+export declare const WithKnobs: Story<FileUploaderProps>;
 declare const FileUploaderStories: Meta<FileUploaderProps>;
 export default FileUploaderStories;