@true-engineering/true-react-common-ui-kit 3.23.0 → 3.24.0

package/README.md

@@ -11,6 +11,12 @@
 
 # Release Notes
 
+## 3.24.0
+
+### Changes
+
+- Добавлены компоненты: **FileInput**, **FileItem**
+
 ## v3.23.0
 
 ### Changes

package/dist/components/FileInput/FileInput.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode, InputHTMLAttributes } from 'react';
+import { ICommonProps } from '../../types';
+import { IFileInputStyles } from './FileInput.styles';
+export interface IFileInputProps extends ICommonProps<IFileInputStyles> {
+    fileList?: ReactNode;
+    label?: ReactNode;
+    text: ReactNode;
+    description?: ReactNode;
+    /** @default false */
+    isDragAndDropDisabled?: boolean;
+    /** @default false */
+    isRequired?: boolean;
+    /** @default false */
+    isReadOnly?: boolean;
+    /** @default false */
+    isMultipleDisabled?: boolean;
+    /** @default false */
+    isDisabled?: boolean;
+    /** @default false */
+    isActive?: boolean;
+    /** @default undefined */
+    accept?: InputHTMLAttributes<HTMLInputElement>['accept'];
+    onAdd?: (files: File[]) => void;
+}
+export declare const FileInput: import("react").ForwardRefExoticComponent<IFileInputProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./FileInput").IFileInputProps & import("react").RefAttributes<HTMLInputElement>>;
+};
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./FileInput").IFileInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/FileInput/FileInput.styles.d.ts

@@ -0,0 +1,3 @@
+import { ITweakStyles } from '../../theme';
+export declare const useStyles: import("../../theme").IUseStyles<"root" | "text" | "active" | "disabled" | "label" | "requiredLabel" | "description" | "inputWrapper" | "inputLabel" | "dragged" | "fileList", unknown>;
+export type IFileInputStyles = ITweakStyles<typeof useStyles>;

package/dist/components/FileInput/helpers.d.ts

@@ -0,0 +1,2 @@
+import { SyntheticEvent } from 'react';
+export declare const blockEvent: (event: SyntheticEvent) => void;

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

@@ -0,0 +1,2 @@
+export * from './FileInput';
+export type { IFileInputStyles } from './FileInput.styles';

package/dist/components/FileItem/FileItem.d.ts

@@ -0,0 +1,31 @@
+import { FC, MouseEvent, KeyboardEvent, ReactNode } from 'react';
+import { ICommonProps } from '../../types';
+import { IIcon } from '../Icon';
+import { IThemedPreloaderProps } from '../ThemedPreloader';
+import { IFileInfo, IFileItemSize } from './types';
+import { IFileItemStyles } from './FileItem.styles';
+export interface IFileItemProps extends ICommonProps<IFileItemStyles> {
+    fileInfo: IFileInfo;
+    icon?: IIcon;
+    /** @default trash-can */
+    removeIcon?: IIcon;
+    metadata?: ReactNode;
+    actions?: ReactNode;
+    error?: ReactNode;
+    info?: ReactNode;
+    /** @default m */
+    itemSize?: IFileItemSize;
+    /** @default default */
+    preloaderType?: IThemedPreloaderProps['type'];
+    /** @default false */
+    isDisabled?: boolean;
+    /** @default false */
+    areActionsDisabled?: boolean;
+    /** @default false */
+    isLoading?: boolean;
+    /** @default false */
+    shouldShowSize?: boolean;
+    onClick?: (event: MouseEvent | KeyboardEvent) => void;
+    onRemove?: (event: MouseEvent | KeyboardEvent) => void;
+}
+export declare const FileItem: FC<IFileItemProps>;

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

@@ -0,0 +1,8 @@
+import { ComponentStory } from '@storybook/react';
+import { FileItem, IFileItemProps } from './FileItem';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IFileItemProps>;
+};
+export default _default;
+export declare const Default: ComponentStory<typeof FileItem>;

package/dist/components/FileItem/FileItem.styles.d.ts

@@ -0,0 +1,11 @@
+import { ITweakStyles } from '../../theme';
+import { IIconButtonStyles } from '../IconButton';
+import { IThemedPreloaderStyles } from '../ThemedPreloader';
+import { ITooltipStyles } from '../Tooltip';
+export declare const useStyles: import("../../theme").IUseStyles<"error" | "root" | "disabled" | "m" | "l" | "fileItemWrapper" | "fileIcon" | "fileName" | "fileNameContainer" | "preloader" | "preloader-dots" | "preloader-default" | "preloader-logo" | "metadata" | "actions" | "fileSize" | "footer" | "info", unknown>;
+export declare const themedPreloaderStyles: IThemedPreloaderStyles;
+export type IFileItemStyles = ITweakStyles<typeof useStyles, {
+    tweakRemoveIconButton: IIconButtonStyles;
+    tweakPreloader: IThemedPreloaderStyles;
+    tweakTooltip: ITooltipStyles;
+}>;

package/dist/components/FileItem/constants.d.ts

@@ -0,0 +1,5 @@
+import { type IFileIcon } from './types';
+export declare const FILE_ICONS: ("file-excel" | "file-image" | "file-other" | "file-pdf" | "file-word" | "file-xml" | "file-zip")[];
+export declare const FILE_ICON_DEFAULT: IFileIcon;
+export declare const iconTypeMap: Record<string, IFileIcon>;
+export declare const FILE_ITEM_SIZES: readonly ["m", "l"];

package/dist/components/FileItem/helpers.d.ts

@@ -0,0 +1,4 @@
+import { IFileIcon, IFileInfo } from './types';
+export declare const getFileExtensionByFilename: (fileName: string) => string | undefined;
+export declare const getMimeTypeByFilename: (fileName: string) => string | undefined;
+export declare const getFileIcon: ({ type, name }: IFileInfo) => IFileIcon;

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

@@ -0,0 +1,4 @@
+export * from './FileItem';
+export * from './types';
+export * from './helpers';
+export type { IFileItemStyles } from './FileItem.styles';

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

@@ -0,0 +1,8 @@
+import { FILE_ICONS, FILE_ITEM_SIZES } from './constants';
+export interface IFileInfo {
+    name: File['name'];
+    type?: File['type'];
+    size?: File['size'];
+}
+export type IFileIcon = (typeof FILE_ICONS)[number];
+export type IFileItemSize = (typeof FILE_ITEM_SIZES)[number];

package/dist/components/FiltersPane/components/FilterSelect/FilterSelect.styles.d.ts

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../../../theme';
 import { IButtonStyles } from '../../../Button';
 import { ISearchInputStyles } from '../../../SearchInput';
-export declare const useStyles: import("../../../../theme").IUseStyles<"clear" | "item" | "root" | "icon" | "list" | "label" | "labelChosen" | "withoutTopGap" | "withClearButton" | "option" | "panel" | "panelWithFooter" | "footer" | "preloader" | "dropdownInput" | "nothingFound", unknown>;
+export declare const useStyles: import("../../../../theme").IUseStyles<"clear" | "item" | "root" | "icon" | "label" | "preloader" | "footer" | "list" | "labelChosen" | "withoutTopGap" | "withClearButton" | "option" | "panel" | "panelWithFooter" | "dropdownInput" | "nothingFound", unknown>;
 export declare const searchInputStyles: ISearchInputStyles;
 export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
     tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{

package/dist/components/Icon/complexIcons/icons.d.ts

@@ -1,3 +1,10 @@
 export declare const complexIcons: {
     avatar: string;
+    'file-excel': string;
+    'file-image': string;
+    'file-other': string;
+    'file-pdf': string;
+    'file-word': string;
+    'file-xml': string;
+    'file-zip': string;
 };

package/dist/components/Icon/helpers.d.ts

@@ -1,5 +1,5 @@
 import type { IIconType, ISvgIcon } from './types';
-export declare const isComplexIcon: (type: IIconType) => type is "avatar";
+export declare const isComplexIcon: (type: IIconType) => type is "avatar" | "file-excel" | "file-image" | "file-other" | "file-pdf" | "file-word" | "file-xml" | "file-zip";
 /**
  * Эта функция позволяет корректно определить ключи в типе
  */

package/dist/components/Icon/icons-list.d.ts

@@ -1 +1 @@
-export declare const iconsList: Record<"direction" | "filter" | "document" | "copy" | "cancel" | "close" | "search" | "repeat" | "link" | "sort" | "size" | "menu" | "check" | "settings" | "list" | "arrow" | "vendor-service" | "aircraft-takeoff" | "archive" | "arrow-right" | "baggage" | "balloon" | "bluetooth" | "bonus" | "book" | "box" | "business" | "calendar" | "check-big" | "check-all" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down-small" | "chevron-left-small" | "chevron-right-small" | "chevron-up-small" | "circle-check" | "close-large" | "close-window" | "copy-outline" | "crane" | "danger" | "download" | "email" | "eye" | "eye-closed" | "female" | "folder" | "folder-add" | "food" | "import" | "information" | "insurance" | "lock" | "lock-open" | "male" | "minus" | "burger-menu" | "pencil" | "pin" | "plane" | "plane-circle" | "plus" | "presentation" | "print" | "question" | "refresh" | "rocket" | "round-trip" | "vendor-logo" | "scan" | "send-email" | "sign-out" | "sort-asc" | "sort-desc" | "sort-list-asc" | "sort-list-desc" | "star" | "status-error" | "status-info" | "status-not-ok" | "status-ok" | "status-warning" | "three-circles" | "ticket-revert" | "ticket" | "time" | "trash-can" | "upgrade" | "user" | "user-group" | "voucher", import("./types").ISvgIcon>;
+export declare const iconsList: Record<"direction" | "filter" | "document" | "copy" | "cancel" | "close" | "search" | "repeat" | "link" | "sort" | "size" | "menu" | "check" | "settings" | "list" | "arrow" | "vendor-service" | "aircraft-takeoff" | "archive" | "arrow-right" | "baggage" | "balloon" | "bluetooth" | "bonus" | "book" | "box" | "business" | "calendar" | "check-big" | "check-all" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down-small" | "chevron-left-small" | "chevron-right-small" | "chevron-up-small" | "circle-check" | "close-large" | "close-window" | "copy-outline" | "crane" | "danger" | "download" | "email" | "eye" | "eye-closed" | "female" | "folder" | "folder-add" | "food" | "import" | "information" | "insurance" | "lock" | "lock-open" | "male" | "minus" | "burger-menu" | "pencil" | "pin" | "plane" | "plane-circle" | "plus" | "presentation" | "print" | "question" | "refresh" | "rocket" | "round-trip" | "vendor-logo" | "scan" | "send-email" | "sign-out" | "sort-asc" | "sort-desc" | "sort-list-asc" | "sort-list-desc" | "star" | "status-error" | "status-info" | "status-not-ok" | "status-ok" | "status-warning" | "three-circles" | "ticket-revert" | "ticket" | "time" | "trash-can" | "upgrade" | "user" | "user-group" | "voucher" | "upload", import("./types").ISvgIcon>;

package/dist/components/Input/Input.styles.d.ts

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IThemedPreloaderStyles } from '../ThemedPreloader';
 export declare const AUTOSIZE_MAX_WIDTH = 480;
-export declare const useStyles: import("../../theme").IUseStyles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "inputWrapper" | "autosize" | "label" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "label" | "requiredLabel" | "inputWrapper" | "info" | "autosize" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "error-top" | "error-bottom" | "withUnits", unknown>;
 export type IInputStyles = ITweakStyles<typeof useStyles, {
     tweakPreloader: IThemedPreloaderStyles;
 }>;

package/dist/components/MultiSelectList/MultiSelectList.styles.d.ts

@@ -2,7 +2,7 @@ import { ITweakStyles } from '../../theme';
 import { IButtonStyles } from '../Button';
 import { ICheckboxStyles } from '../Checkbox';
 import { ISearchInputStyles } from '../SearchInput';
-export declare const useStyles: import("../../theme").IUseStyles<"clear" | "item" | "root" | "list" | "label" | "labelChosen" | "withoutTopGap" | "option" | "panel" | "preloader" | "dropdownInput" | "nothingFound" | "selectedItem", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"clear" | "item" | "root" | "label" | "preloader" | "list" | "labelChosen" | "withoutTopGap" | "option" | "panel" | "dropdownInput" | "nothingFound" | "selectedItem", unknown>;
 export declare const searchInputStyles: ISearchInputStyles;
 export declare const checkboxStyles: ICheckboxStyles;
 export declare const clearButtonStyles: IButtonStyles;

package/dist/components/Notification/Notification.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"content" | "error" | "root" | "inline" | "text" | "icon" | "warning" | "s" | "m" | "l" | "body" | "info" | "title" | "withText" | "withTitle" | "ok" | "not-ok", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"content" | "error" | "root" | "inline" | "text" | "icon" | "warning" | "s" | "m" | "l" | "info" | "body" | "title" | "withText" | "withTitle" | "ok" | "not-ok", unknown>;
 export type INotificationStyles = ITweakStyles<typeof useStyles>;

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

@@ -4,7 +4,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("..").IInputProps, "border" | "tweakStyles" | "label" | "isInvalid" | "type" | "isActive" | "hasFloatingLabel" | "errorMessage" | "errorPosition"> & import("../..").ICommonProps<Partial<import("jss").Styles<"root" | "icon", unknown, undefined>> & Partial<{
-    tweakInput: Partial<import("jss").Styles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "inputWrapper" | "autosize" | "label" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
+    tweakInput: Partial<import("jss").Styles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "label" | "requiredLabel" | "inputWrapper" | "info" | "autosize" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
         tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
             tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
             tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;

package/dist/components/Select/Select.styles.d.ts

@@ -3,19 +3,19 @@ import { IInputStyles } from '../Input';
 import { ISearchInputStyles } from '../SearchInput';
 import { ISelectListStyles } from './components';
 export declare const useStyles: import("../../theme").IUseStyles<"root" | "icon" | "disabled" | "inputWrapper" | "arrow" | "listWrapper" | "withoutPopper" | "listWrapperInBody" | "activeArrow" | "counter", unknown>;
-export declare const readonlyInputStyles: Partial<import("jss").Styles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "inputWrapper" | "autosize" | "label" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
+export declare const readonlyInputStyles: Partial<import("jss").Styles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "label" | "requiredLabel" | "inputWrapper" | "info" | "autosize" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
     tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
     }>;
 }>;
-export declare const multiSelectInputStyles: Partial<import("jss").Styles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "inputWrapper" | "autosize" | "label" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
+export declare const multiSelectInputStyles: Partial<import("jss").Styles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "label" | "requiredLabel" | "inputWrapper" | "info" | "autosize" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
     tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
     }>;
 }>;
-export declare const readonlyMultiSelectStyles: Partial<import("jss").Styles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "inputWrapper" | "autosize" | "label" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
+export declare const readonlyMultiSelectStyles: Partial<import("jss").Styles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "label" | "requiredLabel" | "inputWrapper" | "info" | "autosize" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
     tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;

package/dist/components/TextArea/TextArea.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"error" | "invalid" | "root" | "textarea" | "disabled" | "autosize" | "label" | "footer" | "focused" | "withFloatingLabel" | "floating" | "activeLabel" | "required" | "requiredLabel" | "invalidLabel" | "info" | "wrapper" | "symbolsCount" | "symbolsCountError", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"error" | "invalid" | "root" | "textarea" | "disabled" | "label" | "requiredLabel" | "footer" | "info" | "autosize" | "focused" | "withFloatingLabel" | "floating" | "activeLabel" | "required" | "invalidLabel" | "wrapper" | "symbolsCount" | "symbolsCountError", unknown>;
 export type ITextAreaStyles = ITweakStyles<typeof useStyles>;

package/dist/components/Toaster/Toaster.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IIconButtonStyles } from '../IconButton';
-export declare const useStyles: import("../../theme").IUseStyles<"content" | "close" | "error" | "root" | "text" | "warning" | "iconContainer" | "info" | "title" | "ok" | "not-ok", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"content" | "close" | "error" | "root" | "text" | "warning" | "info" | "iconContainer" | "title" | "ok" | "not-ok", unknown>;
 export type IToasterStyles = ITweakStyles<typeof useStyles, {
     tweakCloseButton: IIconButtonStyles;
 }>;

package/dist/components/index.d.ts

@@ -8,6 +8,8 @@ export * from './CssBaseline';
 export * from './DateInput';
 export * from './DatePicker';
 export * from './Description';
+export * from './FileInput';
+export * from './FileItem';
 export * from './FiltersPane';
 export * from './Flag';
 export * from './FlexibleTable';

package/dist/constants/index.d.ts

@@ -1 +1,2 @@
 export * from './phone-info';
+export * from './mime-types';

package/dist/constants/mime-types.d.ts

@@ -0,0 +1,76 @@
+export declare const mimeTypes: {
+    readonly aac: "audio/aac";
+    readonly abw: "application/x-abiword";
+    readonly arc: "application/x-freearc";
+    readonly avi: "video/x-msvideo";
+    readonly azw: "application/vnd.amazon.ebook";
+    readonly bin: "application/octet-stream";
+    readonly bmp: "image/bmp";
+    readonly bz: "application/x-bzip";
+    readonly bz2: "application/x-bzip2";
+    readonly csh: "application/x-csh";
+    readonly css: "text/css";
+    readonly csv: "text/csv";
+    readonly doc: "application/msword";
+    readonly docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+    readonly eot: "application/vnd.ms-fontobject";
+    readonly epub: "application/epub+zip";
+    readonly gz: "application/gzip";
+    readonly gif: "image/gif";
+    readonly htm: "text/html";
+    readonly html: "text/html";
+    readonly ico: "image/vnd.microsoft.icon";
+    readonly ics: "text/calendar";
+    readonly jar: "application/java-archive";
+    readonly jpeg: "image/jpeg";
+    readonly jpg: "image/jpeg";
+    readonly js: "text/javascript";
+    readonly json: "application/json";
+    readonly jsonld: "application/ld+json";
+    readonly mid: ".midi";
+    readonly mjs: "text/javascript";
+    readonly mp3: "audio/mpeg";
+    readonly mpeg: "video/mpeg";
+    readonly mpkg: "application/vnd.apple.installer+xml";
+    readonly odp: "application/vnd.oasis.opendocument.presentation";
+    readonly ods: "application/vnd.oasis.opendocument.spreadsheet";
+    readonly odt: "application/vnd.oasis.opendocument.text";
+    readonly oga: "audio/ogg";
+    readonly ogv: "video/ogg";
+    readonly ogx: "application/ogg";
+    readonly opus: "audio/opus";
+    readonly otf: "font/otf";
+    readonly png: "image/png";
+    readonly pdf: "application/pdf";
+    readonly php: "application/php";
+    readonly ppt: "application/vnd.ms-powerpoint";
+    readonly pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation";
+    readonly rar: "application/vnd.rar";
+    readonly rtf: "application/rtf";
+    readonly sh: "application/x-sh";
+    readonly svg: "image/svg+xml";
+    readonly swf: "application/x-shockwave-flash";
+    readonly tar: "application/x-tar";
+    readonly tif: "image/tiff";
+    readonly tiff: "image/tiff";
+    readonly ts: "video/mp2t";
+    readonly ttf: "font/ttf";
+    readonly txt: "text/plain";
+    readonly vsd: "application/vnd.visio";
+    readonly wav: "audio/wav";
+    readonly weba: "audio/webm";
+    readonly webm: "video/webm";
+    readonly webp: "image/webp";
+    readonly woff: "font/woff";
+    readonly woff2: "font/woff2";
+    readonly xhtml: "application/xhtml+xml";
+    readonly xls: "application/vnd.ms-excel";
+    readonly xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+    readonly xml: "XML";
+    readonly xul: "application/vnd.mozilla.xul+xml";
+    readonly zip: "application/zip";
+    readonly '3gp': "video/3gpp";
+    readonly '3g2': "video/3gpp2";
+    readonly '7z': "application/x-7z-compressed";
+};
+export type IMimeType = keyof typeof mimeTypes;

package/dist/theme/types.d.ts

@@ -1,6 +1,6 @@
 import { Styles } from 'react-jss';
 import { Classes, JssValue } from 'jss';
-import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterValueViewStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFlexibleTableStyles, IIconButtonStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListItemStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectorStyles, ISelectStyles, ISkeletonStyles, IStatusStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IWithPopupStyles, INewMoreMenuStyles } from '../components';
+import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterValueViewStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFlexibleTableStyles, IIconButtonStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListItemStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectorStyles, ISelectStyles, ISkeletonStyles, IStatusStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IWithPopupStyles, INewMoreMenuStyles, IFileInputStyles, IFileItemStyles } from '../components';
 export type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
 export type IUseStyles<C extends string, P = unknown> = (data?: P & {
     theme?: Partial<Styles<C, P>>;
@@ -19,6 +19,8 @@ export interface IComponentStyles {
     Description: IDescriptionStyles;
     DotsPreloader: IDotsPreloaderStyles;
     SvgPreloader: ISvgPreloaderStyles;
+    FileInput: IFileInputStyles;
+    FileItem: IFileItemStyles;
     FilterValueView: IFilterValueViewStyles;
     FiltersPane: IFiltersPaneStyles;
     FilterInterval: IFilterIntervalStyles;