@fattureincloud/fic-design-system 0.7.36 → 0.7.37-tmp-react-18

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropdownTriggerProps } from '../types';
 declare const DefaultTrigger: ({ title, isDisabled }: DropdownTriggerProps) => JSX.Element;
 export default DefaultTrigger;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropdownItemProps, StyledItemProps } from '../types';
 import { DropdownItemStyles } from '../utils';
 declare const Item: ({ active, className, componentId, icon, isDisabled, onClick, rowHasFocus, shortcut, text, ...rest }: DropdownItemProps & {

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Separator: () => JSX.Element;
 export default Separator;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UserListItemProps } from '../types';
 export declare const UserListItem: (props: UserListItemProps) => JSX.Element;
 export declare const UserListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { DropdownProps } from './types';
 export declare const Simple: () => JSX.Element;

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

@@ -4,7 +4,7 @@ import { DropdownItemType } from './types';
 interface ItemColors extends colorsPalette {
     hoverBackground: paletteColor;
 }
-declare type NotActiveItemPalette = {
+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 declare type TitleProps = {
+export type TitleProps = {
     text: string;
 };
-export declare type closeDropdownType = () => void;
-export declare type renderContentType = (closeDropdown: closeDropdownType) => React.ReactNode;
-export declare type DropdownProps = {
+export type closeDropdownType = () => void;
+export type renderContentType = (closeDropdown: closeDropdownType) => React.ReactNode;
+export type DropdownProps = {
     className?: string;
     title?: string;
     renderTrigger?: () => React.ReactNode;
@@ -28,7 +28,7 @@ export declare type DropdownProps = {
     offsetY?: number;
     forceClose?: boolean;
 };
-export declare type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
+export type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
 export interface DropdownItemProps {
     text: string | JSX.Element;
     className?: string;
@@ -38,7 +38,7 @@ export interface DropdownItemProps {
     onClick?: MouseEventHandler;
     maxWidth?: DropdownProps['maxWidth'];
     fullWidth?: DropdownProps['fullWidth'];
-    children?: React.ReactChild;
+    children?: React.ReactNode;
     isDisabled?: boolean;
     type?: DropdownItemType;
     onMouseEnter?: () => void;

package/dist/components/editableInput/EditableInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Props {
     hover: boolean;
     content: string | number | null;

package/dist/components/editableInput/components/CustomInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Props {
     hover: boolean;
     content: string | number | null;

package/dist/components/editableInput/components/TextAreaPopup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Props {
     content: string | number | null;
     unitSymbol?: string | undefined;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { WithBadgeProps } from './types';
-export declare const Template: Story<WithBadgeProps>;
+export declare const Template: StoryFn<WithBadgeProps>;
 export declare const Normal: () => JSX.Element;
 export declare const WithKnobs: () => 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 declare type FloatingBadgeColors = {
+export type FloatingBadgeColors = {
     [key in FloatingBadgeType]: {
         color: paletteColor;
         backgroundColor: paletteColor;
     };
 };
-export declare type FloatingBadgePalette = FloatingBadgeColors & {
+export type FloatingBadgePalette = FloatingBadgeColors & {
     borderRadius: string | number;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WithBadgeProps } from './types';
 /**
  * Component Props:

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxProps } from './types';
 /**
  * Component Props:

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

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

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

@@ -41,7 +41,7 @@ export interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'>,
 export interface CheckboxProps extends Omit<CheckboxImplProps, 'value'> {
     value: CheckboxImplProps['value'] | boolean;
 }
-export declare type CheckboxPalette = {
+export 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;
-declare type StatusIconType = {
+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 declare type inputSizeType = typeof inputSizeArray[number];
+export type inputSizeType = typeof inputSizeArray[number];
 export declare const statusesArray: readonly ["normal", "success", "warning", "error"];
-export declare type statusType = typeof statusesArray[number];
+export type statusType = typeof statusesArray[number];
 export interface CommonFormTypes {
     inputSize?: inputSizeType;
     disabled?: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DatePickerProps } from './types';
 /**
  * Component Props:

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Props {
     onClick: () => void;
     selected?: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
 export interface DatePickerHeaderProps extends ReactDatePickerCustomHeaderProps {
     allowMonthView: boolean;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
 interface Props extends Pick<ReactDatePickerCustomHeaderProps, 'date' | 'changeYear'> {
     yearsDisplayed: number;

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

@@ -1,7 +1,7 @@
 import { colorsPalette } from '../../../common/types/colorsPalette';
 import { paletteColor } from '../../../styles/types';
-declare type ItemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover' | 'disabled';
-declare type DayPalette = {
+type ItemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover' | 'disabled';
+type DayPalette = {
     borderRadius: string;
     today: {
         [k in Exclude<ItemStatus, 'disabled'>]: colorsPalette;
@@ -13,7 +13,7 @@ declare type DayPalette = {
         [k in Exclude<ItemStatus, 'active' | 'activeHover' | 'disabled'>]: colorsPalette;
     };
 };
-declare type ItemStatusPalette = {
+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, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { DatePickerProps } from './types';
-export declare const Normal: Story<DatePickerProps>;
-export declare const WithCustomButton: Story<DatePickerProps>;
+export declare const Normal: StoryFn<DatePickerProps>;
+export declare const WithCustomButton: StoryFn<DatePickerProps>;
 declare const DatePickerStories: Meta<DatePickerProps>;
 export default DatePickerStories;

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

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

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

@@ -1,10 +1,10 @@
-import { Dispatch, ReactChild, SetStateAction } from 'react';
+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' | 'monthPicker' | 'yearPicker';
-export declare type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactChild;
-export declare type CustomButtonProps = {
+export type DatePickerStatus = 'dayPicker' | 'monthPicker' | 'yearPicker';
+export type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactNode;
+export 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 declare type DatePickerProps = LabelProps & DatePickerImplProps;
+export type DatePickerProps = LabelProps & DatePickerImplProps;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { FileRejection } from 'react-dropzone';
 import { CustomPalette, FileType, FileUploaderSize, FileUploaderStatus } from './types';
-export declare type fileUploaderOnDrop = (acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;
+export 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.ReactChild | null;
-    caption?: React.ReactChild | null;
+    text?: React.ReactNode | null;
+    caption?: React.ReactNode | null;
     size: FileUploaderSize;
 }
 declare const FileUploaderContent: ({ icon, status, text, caption, size }: Props) => JSX.Element;

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

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

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

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

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

@@ -2,16 +2,16 @@
 import { paletteColor } from '../../../styles/types';
 import { IconProps } from '../../icon';
 import { statuses } from './types';
-export declare type FileUploaderParts = {
+export type FileUploaderParts = {
     background: paletteColor;
     borderColor: paletteColor;
     color: paletteColor;
     secondaryColor: paletteColor;
-    text: React.ReactChild | null;
-    caption: React.ReactChild | null;
+    text: React.ReactNode | null;
+    caption: React.ReactNode | null;
     icon: IconProps | null;
 };
-export declare type FileUploaderPalette = {
+export type FileUploaderPalette = {
     [key in statuses]: FileUploaderParts;
 };
 declare const fileUploaderPalette: FileUploaderPalette;

package/dist/components/form/fileUploader/hooks/useCustomPalette.d.ts

@@ -1,3 +1,3 @@
 import { CustomPalette, CustomPaletteParts, statuses } from '../types';
-declare const useCustomPalette: (status: statuses, customPalette?: CustomPalette | undefined) => CustomPaletteParts;
+declare const useCustomPalette: (status: statuses, customPalette?: CustomPalette) => CustomPaletteParts;
 export default useCustomPalette;

package/dist/components/form/fileUploader/hooks/useIcon.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '../../../icon';
+import { statuses } from '../types';
+declare const useIcon: (status: statuses, icon?: IconProps | null | undefined) => IconProps | null;
+export default useIcon;

package/dist/components/form/fileUploader/hooks/useTexts.d.ts

@@ -0,0 +1,3 @@
+import { CustomTexts, FileUploaderTexts, statuses } from '../types';
+declare const useTexts: (status: statuses, customTexts?: CustomTexts | undefined) => FileUploaderTexts;
+export default useTexts;

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

@@ -1,18 +1,18 @@
 import { FileUploaderParts } from './fileUploaderPalette';
 export declare const uploaderStatusesArray: readonly ["default", "uploading", "success", "error", "disabled"];
-export declare type FileUploaderStatus = typeof uploaderStatusesArray[number];
-export declare type statuses = FileUploaderStatus | 'dragging';
+export type FileUploaderStatus = typeof uploaderStatusesArray[number];
+export type statuses = FileUploaderStatus | 'dragging';
 export declare const uploaderSize: readonly ["small", "normal"];
-export declare type FileUploaderSize = typeof uploaderSize[number];
+export type FileUploaderSize = typeof uploaderSize[number];
 export declare const typesArray: readonly ["unknown", "pdf", "image", "zip", "archive", "text", "document", "spreadsheet", "presentation", "xml", "p7m", "csv"];
-export declare type FileType = typeof typesArray[number];
-declare type TypeDefinition = {
+export type FileType = typeof typesArray[number];
+type TypeDefinition = {
     mimeTypes: string[];
     extensions: string[];
 };
-export declare type FileTypesMap = Record<FileType, TypeDefinition>;
-export declare type CustomPaletteParts = Pick<FileUploaderParts, 'text' | 'caption' | 'icon' | 'background'>;
-export declare type CustomPalette = {
+export type FileTypesMap = Record<FileType, TypeDefinition>;
+export type CustomPaletteParts = Pick<FileUploaderParts, 'text' | 'caption' | 'icon' | 'background'>;
+export type CustomPalette = {
     [key in statuses]?: Partial<CustomPaletteParts>;
 };
 export {};

package/dist/components/form/inputHelper/InputHelper.d.ts

@@ -1,8 +1,8 @@
-import { ReactChild } from 'react';
+import { ReactNode } from 'react';
 import { IconProps } from '../../icon';
 import { inputHelperStatus } from './types';
 export interface InputHelperProps extends WrapperProps {
-    message: ReactChild;
+    message: ReactNode;
     icon?: IconProps | null;
 }
 declare const InputHelper: ({ status, message, icon }: InputHelperProps) => JSX.Element;

package/dist/components/form/inputHelper/hooks/useHelperIcon.d.ts

@@ -1,3 +1,3 @@
 import { IconProps } from '../../../icon';
 import { inputHelperStatus } from '../types';
-export declare const useHelperIcon: (status: inputHelperStatus, icon?: IconProps | null | undefined) => IconProps | null;
+export declare const useHelperIcon: (status: inputHelperStatus, icon?: IconProps | null) => IconProps | null;

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

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

package/dist/components/form/inputHelper/inputHelperPalette.d.ts

@@ -4,7 +4,7 @@ import { inputHelperStatus } from './types';
 interface InputHelperParts extends colorsPalette {
     defaultIcon: IconProps | null;
 }
-export declare type InputHelperPalette = {
+export type InputHelperPalette = {
     [k in inputHelperStatus]: InputHelperParts;
 };
 declare const inputHelperPalette: InputHelperPalette;

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

@@ -1,2 +1,2 @@
 export declare const inputHelperStatusesArray: string[];
-export declare type inputHelperStatus = typeof inputHelperStatusesArray[number];
+export type inputHelperStatus = typeof inputHelperStatusesArray[number];

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

@@ -1,4 +1,3 @@
-/// <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

@@ -1,4 +1,3 @@
-/// <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

@@ -2,13 +2,13 @@ import React from 'react';
 declare const _default: React.ForwardRefExoticComponent<import("../label").LabelProps & import("../common/types").CommonFormTypes & {
     className?: string | undefined;
     name?: string | undefined;
+    autoFocus?: boolean | 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;

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

@@ -1,19 +1,19 @@
 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'>;
-export declare type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
+type inputRef = HTMLInputElement | null;
+export type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status' | 'isPrefilled' | 'isTransparent'>;
+export type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
 declare const _default: React.ForwardRefExoticComponent<import("../../common/types").CommonFormTypes & {
     className?: string | undefined;
     name?: string | undefined;
+    autoFocus?: boolean | 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;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { statusType } from '../../common/types';
 interface Props {
     status: statusType;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropdownProps } from '../../../dropdown/types';
 import { Unit } from './unitDropdown/UnitDropdownTrigger';
 export interface UnitDropdownProps extends Pick<DropdownProps, 'renderContent' | 'placement' | 'className' | 'triggerStyles' | 'content' | 'maxWidth' | 'minWidthAsTrigger' | 'forceOpen'> {

package/dist/components/form/inputText/components/unitDropdown/UnitDropdownTrigger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface Unit {
     name: string;
     shortName?: string;

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

@@ -1,4 +1,4 @@
-declare type CountryPrefix = {
+type CountryPrefix = {
     country: string;
     prefix: string;
     iso: string;

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

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import { InputCodeProps } from '../types';
-declare type CodInputHooks = {
+type CodInputHooks = {
     handleInput: (v: string) => void;
     handlePaste: (e: React.ClipboardEvent) => void;
     refs: React.MutableRefObject<(HTMLInputElement | null)[]>;

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

@@ -1,8 +1,8 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 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>;
+export declare const WithKnobs: StoryFn<InputTextProps>;
+export declare const WithUnitDropdown: StoryFn<InputTextProps>;
+export declare const CodeInputExample: StoryFn<InputCodeProps>;
+export declare const TelephoneInputExample: StoryFn<InputTelephoneProps>;
 declare const InputTextStories: Meta<InputTextProps>;
 export default InputTextStories;

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

@@ -3,10 +3,10 @@ import { CommonInputParts, statusType } from '../common/types';
 export interface InputTextParts extends CommonInputParts {
     iconColor: paletteColor;
 }
-declare type StatusesPalette = {
+type StatusesPalette = {
     [key in statusType]: InputTextParts;
 };
-export declare type InputTextPalette = StatusesPalette & {
+export type InputTextPalette = StatusesPalette & {
     normalFocused: InputTextParts;
     disabled: InputTextParts;
 };

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

@@ -5,9 +5,9 @@ import { CommonFormTypes } from '../common/types';
 import { LabelProps } from '../label';
 import { UnitDropdownProps } from './components/UnitDropdown';
 export declare const inputTypesArray: readonly ["password", "text", "number", "code", "telephone"];
-export declare type inputTypes = typeof inputTypesArray[number];
-declare type HTMLInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'className' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'required'>;
-export declare type InputElementProps = CommonFormTypes & HTMLInputProps & {
+export type inputTypes = (typeof inputTypesArray)[number];
+type HTMLInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'className' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'required'>;
+export type InputElementProps = CommonFormTypes & HTMLInputProps & {
     actionIcon?: IconProps;
     hideStatusIcon?: boolean;
     inputType?: 'password' | 'text' | 'number';
@@ -22,7 +22,7 @@ export declare type InputElementProps = CommonFormTypes & HTMLInputProps & {
     value?: number | string | null;
     autoComplete?: string;
 };
-export declare type InputCodeProps = LabelProps & CommonFormTypes & Omit<HTMLInputProps, 'onChange'> & {
+export type InputCodeProps = LabelProps & CommonFormTypes & Omit<HTMLInputProps, 'onChange'> & {
     allowLetters?: boolean;
     fieldsCount: number;
     fieldsGap?: number;
@@ -32,7 +32,7 @@ export declare type InputCodeProps = LabelProps & CommonFormTypes & Omit<HTMLInp
     separatorEvery?: number;
     separator?: JSX.Element;
 };
-export declare type InputTelephoneProps = LabelProps & CommonFormTypes & {
+export type InputTelephoneProps = LabelProps & CommonFormTypes & {
     className?: string;
     inputType?: 'telephone';
     placeholder?: ReactText;
@@ -40,5 +40,5 @@ export declare type InputTelephoneProps = LabelProps & CommonFormTypes & {
     setValue: Dispatch<SetStateAction<string>>;
     value?: string | null;
 };
-export declare type InputTextProps = LabelProps & InputElementProps;
+export type InputTextProps = LabelProps & InputElementProps;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LabelProps } from './';
 /**
  * Component Props: