@fattureincloud/fic-design-system 0.4.6 → 0.4.9-expenses.1.1

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { DropdownImplProps } from './types';
+import { UserListItem } from './components/UserListItem';
+import DropdownItem from './components/Item';
+import DropdownSeparator from './components/Separator';
+import DropdownTitle from './components/Title';
+export declare class DropdownLegacy extends React.Component<DropdownImplProps, {}> {
+    static Item: typeof DropdownItem;
+    static Title: typeof DropdownTitle;
+    static Separator: typeof DropdownSeparator;
+    static UserListItem: typeof UserListItem;
+    render(): JSX.Element;
+}

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

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

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

@@ -0,0 +1,45 @@
+import React from 'react';
+import { IconName, TypePropType } from '../common/Icon/typings';
+import { AvatarAllowedSizes } from '../avatar/types';
+export declare type contentOption = {
+    id: number;
+    text: string;
+    icon?: IconName;
+};
+export declare type DropdownImplProps = {
+    className?: string;
+    title?: string;
+    renderTrigger?: () => void;
+    content?: contentOption[];
+    onSelectOption?: (id: number | string) => void;
+    renderContent?: React.ReactNode;
+    alignRight?: boolean;
+    fullWidth?: boolean;
+};
+export declare type TitleProps = {
+    text: string;
+};
+export declare type UnstyledDropdownState = {
+    isOpen: boolean;
+};
+export interface ItemProps {
+    text: string;
+    id?: number;
+    className?: string;
+    iconName?: IconName;
+    iconType?: TypePropType;
+    iconSwapOpacity?: boolean;
+    active?: boolean;
+    shortcut?: string;
+    onSelected?: (id: number | undefined) => void;
+    children?: React.ReactChild;
+}
+export interface UserListItemProps {
+    img?: string;
+    placeholder?: string;
+    avatarSize?: AvatarAllowedSizes;
+    noText?: string;
+    text?: string;
+    renderText?: JSX.Element;
+    onClick?: () => void;
+}

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

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ItemProps } from '../types';
+declare const Item: (props: ItemProps) => JSX.Element;
+export declare const StyledItem: import("styled-components").StyledComponent<"div", any, {
+    active?: boolean | undefined;
+    isLabel?: boolean | undefined;
+}, never>;
+export default Item;

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

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

package/dist/components/dropdownV2/components/ShortcutText.d.ts

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { Component } from 'react';
+import { DropdownImplProps } from './types';
+import DropdownItem from './components/Item';
+import DropdownTitle from './components/Title';
+import DropdownSeparator from './components/Separator';
+import { UserListItem } from './components/UserListItem';
+export declare class DropdownV2 extends Component<DropdownImplProps, {}> {
+    static Item: typeof DropdownItem;
+    static Title: typeof DropdownTitle;
+    static Separator: typeof DropdownSeparator;
+    static UserListItem: typeof UserListItem;
+    render(): JSX.Element;
+}
+export default DropdownV2;

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

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

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

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

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

@@ -0,0 +1,49 @@
+import React from 'react';
+import { IconName, TypePropType } from '../common/Icon/typings';
+import { AvatarAllowedSizes } from '../avatar/types';
+export declare type TitleProps = {
+    text: string;
+};
+export declare type contentOption = {
+    id: number;
+    text: string;
+    icon?: IconName;
+};
+export declare type DropdownImplProps = {
+    className?: string;
+    title?: string;
+    renderTrigger?: () => void;
+    content?: contentOption[];
+    onSelectOption?: (id: number | string) => void;
+    renderContent?: (closeDropdown: () => void) => JSX.Element;
+    alignRight?: boolean;
+    fullWidth?: boolean;
+};
+export interface ItemProps {
+    text: string;
+    id?: number;
+    className?: string;
+    iconName?: IconName;
+    iconType?: TypePropType;
+    iconSwapOpacity?: boolean;
+    active?: boolean;
+    shortcut?: string;
+    onSelected?: (id: number | undefined) => void;
+    children?: React.ReactChild;
+}
+export interface UserListItemProps {
+    img?: string;
+    placeholder?: string;
+    avatarSize?: AvatarAllowedSizes;
+    noText?: string;
+    text?: string;
+    renderText?: JSX.Element;
+    onClick?: () => void;
+}
+export interface Dropdown {
+    Container: React.FC<DropdownImplProps>;
+    Item: React.FC<ItemProps>;
+    Separator: React.FC;
+    UserListItem: React.FC<UserListItemProps>;
+    Title: React.FC<TitleProps>;
+}

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

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

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

@@ -1,4 +1,5 @@
 import Checkbox, { CheckboxProps } from './Checkbox';
 import checkboxPalette, { CheckboxPalette } from './checkboxPalette';
 import useCheckboxValue from './hooks/useCheckboxValue';
-export { Checkbox, useCheckboxValue, CheckboxProps, checkboxPalette, CheckboxPalette };
+import { checkboxStatus } from './types';
+export { Checkbox, useCheckboxValue, CheckboxProps, checkboxPalette, CheckboxPalette, checkboxStatus };

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

@@ -0,0 +1,14 @@
+import { FileRejection } from 'react-dropzone';
+import { CustomPalette, FileType, FileUploaderSize, FileUploaderStatus } from './types';
+export declare type fileUploaderOnDrop = (acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;
+export interface FileUploaderProps {
+    allowedTypes: FileType[];
+    className?: string;
+    multiple?: boolean;
+    onDrop: fileUploaderOnDrop;
+    size?: FileUploaderSize;
+    status?: FileUploaderStatus;
+    customPalette?: CustomPalette;
+}
+declare const FileUploader: ({ allowedTypes, customPalette, className, multiple, onDrop, size, status, }: FileUploaderProps) => JSX.Element;
+export default FileUploader;

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { CustomPalette, CustomPaletteParts, statuses } from '../types';
+declare const useCustomPalette: (status: statuses, customPalette?: CustomPalette | undefined) => 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 | undefined;
+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/index.d.ts

@@ -0,0 +1,4 @@
+import { FileRejection } from 'react-dropzone';
+import FileUploader, { fileUploaderOnDrop, FileUploaderProps } from './FileUploader';
+import fileUploaderPalette, { FileUploaderPalette } from './fileUploaderPalette';
+export { FileUploader, FileUploaderProps, fileUploaderPalette, FileUploaderPalette, FileRejection, fileUploaderOnDrop };

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

@@ -0,0 +1,14 @@
+import { FileUploaderSize, statuses } from './types';
+interface ContainerProps {
+    status: statuses;
+    size: FileUploaderSize;
+}
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContainerProps, never>;
+export declare const OnDraggingOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContainerProps, never>;
+export declare const MainText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    status: statuses;
+}, never>;
+export declare const CaptionText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    status: statuses;
+}, never>;
+export {};

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

@@ -0,0 +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 declare const uploaderSize: readonly ["small", "normal"];
+export declare type FileUploaderSize = typeof uploaderSize[number];
+export declare const typesArray: readonly ["unknown", "pdf", "image", "zip", "archive", "text", "document", "spreadsheet", "presentation", "xml", "csv"];
+export declare type FileType = typeof typesArray[number];
+declare type TypeDefinition = {
+    mimeTypes: string[];
+    extensions: string[];
+};
+export declare type FileTypesMap = Record<FileType, TypeDefinition>;
+export declare type CustomPaletteParts = Pick<FileUploaderParts, 'text' | 'caption' | 'icon'>;
+export declare type CustomPalette = {
+    [key in statuses]?: Partial<CustomPaletteParts>;
+};
+export {};

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

@@ -0,0 +1,2 @@
+import { FileTypesMap } from './types';
+export declare const fileTypesMap: FileTypesMap;

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

@@ -2,7 +2,7 @@ import { Dispatch, InputHTMLAttributes, ReactText, SetStateAction } from 'react'
 import { IconProps } from '../../icon';
 import { CommonFormTypes } from '../common/types';
 import { UnitDropdownProps } from './components/UnitDropdown';
-export declare const inputTypesArray: string[];
+export declare const inputTypesArray: readonly ["password", "text", "number"];
 export declare type inputTypes = typeof inputTypesArray[number];
 export interface InputElementProps extends CommonFormTypes, Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
     leadingIcon?: IconProps;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface LabelProps extends WrapperProps {
     label?: string | JSX.Element;
 }

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare type TRadioButtonGroup = React.FC<{
+    options: Array<{
+        key: number;
+        label: string;
+    }>;
+    value: number;
+    onClick: (option: {
+        key: number;
+        label: string;
+    }) => void;
+    isDisabled?: boolean;
+    renderOption?: (props: {
+        isDisabled?: boolean;
+        isChecked: boolean;
+        label: string;
+    }) => JSX.Element;
+    optionsSpacing?: number;
+    style?: React.CSSProperties;
+    inline?: boolean;
+}>;

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

@@ -0,0 +1,3 @@
+/**
+ * TODO: Probably dead code
+ */

package/dist/components/groupedList/components/StyledGroupedList.d.ts

@@ -0,0 +1,17 @@
+import { ItemsType } from '../types';
+declare type TMasterElement = {
+    noResults?: boolean;
+};
+declare type TSingleElement = {
+    active?: boolean;
+    isDefault?: boolean;
+    onClick: (elem: ItemsType) => void;
+};
+export declare const StyledGroupedListWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MasterElement: import("styled-components").StyledComponent<"div", any, TMasterElement, never>;
+export declare const IconStyled: import("styled-components").StyledComponent<import("../../common/Icon/typings").IconType, any, {}, never>;
+export declare const SingleElement: import("styled-components").StyledComponent<"div", any, TSingleElement, never>;
+export declare const LeftSingleElement: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RightSingleElement: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const NoResults: import("styled-components").StyledComponent<"span", any, {}, never>;
+export {};

package/dist/components/groupedList/components/groupElement.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonComponentsProps, GroupType } from '../types';
 interface GroupElementType extends GroupType, CommonComponentsProps {
 }

package/dist/components/groupedList/components/itemElement.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonComponentsProps, ItemType } from '../types';
 interface ItemElementType extends ItemType, CommonComponentsProps {
 }

package/dist/components/groupedList/components/titleElement.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupType } from '../types';
 interface Props {
     title: GroupType['title'];

package/dist/components/groupedList/groupedList.d.ts

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

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

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

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

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

package/dist/components/iconDropdown/iconDropdown.d.ts

@@ -0,0 +1,9 @@
+import React, { Component } from 'react';
+declare type Props = {
+    icon: string;
+    children: React.ReactNode;
+};
+declare class IconDropdown extends Component<Props, {}> {
+    render(): JSX.Element;
+}
+export default IconDropdown;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InlineMessagesProps, StyledContentProps } from '../types';
 export declare const StyledIconTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '../icon';
 export declare type MessageType = 'standard' | 'error' | 'info' | 'warning' | 'success';
 export interface InlineMessagesProps {