@fattureincloud/fic-design-system 0.4.20 → 0.4.21

package/dist/common/components/Spinner.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface Props {
     className?: string;
 }

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownProps } from './types';
 declare const DropdownImpl: ({ className, content, fullWidth, maxWidth, minWidthAsTrigger, placement, renderContent, renderTrigger, triggerStyles, title, forceOpen, disableArrowNavigation, maxHeight, isSmall, }: DropdownProps) => JSX.Element;
 export default DropdownImpl;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface DropdownTriggerProps {
     title: string;
 }

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { LabelProps } from '../label';
 import { DatePickerImplProps } from './DatePickerImpl';
 export declare type DatePickerProps = LabelProps & DatePickerImplProps;

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/form/select/Select.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { OptionType } from './components/Option';
 import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from './types';
 export declare const Select: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: SelectProps<O, IsMulti, import("react-select").Props<O, IsMulti, import("react-select").GroupTypeBase<O>>>) => JSX.Element;

package/dist/components/form/select/components/ClearIndicator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IndicatorProps } from 'react-select/src/components/indicators';
 import { OptionType } from './Option';
 declare const ClearIndicator: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ isDisabled, clearValue, }: IndicatorProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;

package/dist/components/form/select/components/Control.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ControlProps } from 'react-select';
 import { OptionType } from './Option';
 declare const Control: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ innerProps: { onMouseDown }, children, }: ControlProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;

package/dist/components/form/select/components/DropdownIndicator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IndicatorProps } from 'react-select';
 import { OptionType } from './Option';
 declare const DropdownIndicator: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ selectProps, }: IndicatorProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;

package/dist/components/form/select/components/FooterActions.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownItemProps } from '../../../dropdown';
 export interface SelectActionsType extends DropdownItemProps {
     closeOnClick?: boolean;

package/dist/components/form/select/components/MenuList.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MenuListComponentProps } from 'react-select/src/components/Menu';
 import { OptionType } from './Option';
 declare const MenuList: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: MenuListComponentProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;

package/dist/components/form/select/components/Option.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { OptionProps } from 'react-select';
 import { OptionTypeBase } from 'react-select/src/types';
 import { IconProps } from '../../../icon';

package/dist/components/form/textArea/TextArea.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { LabelProps } from '../label';
 import { TextAreaElementProps } from './types';
 export declare type TextAreaProps = LabelProps & TextAreaElementProps;

package/dist/components/form/textArea/components/CharCounter.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface CharCounterProps extends CharCounterOptions {
     length: number;
 }

package/dist/components/form/textArea/components/TextAreaElement.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { TextAreaElementProps } from '../types';
 declare const TextAreaElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, onKeyPress, status, onKeyDown, onKeyUp, onFocus, className, setValue, initialHeight, maxLength, isResizable, showCounter, isPrefilled, }: TextAreaElementProps) => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
 import { iconColors } from './iconPalette';
 export interface IconProps extends Omit<FontAwesomeIconProps, 'color'> {

package/dist/components/layout/sidebarItem/components/SidebarItemDropdown.d.ts

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

package/dist/components/microTag/MicroTag.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TagType } from './types';
 export interface MicroTagProps {
     text: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface StepperProps {
     steps: string[];
     currentStep: number;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { stepStatusType } from '../types';
 interface Props {
     text?: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UsePaginationInstanceProps } from 'react-table';
 import { TableData } from '../types';
 interface Props<T extends TableData> extends Omit<UsePaginationInstanceProps<T>, 'page' | 'pageOptions' | 'setPageSize'> {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     count: number;
     resetSelection: () => void;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Row } from 'react-table';
 import { RowAction, TableData } from '../../types';
 interface Props<T extends TableData> {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Row } from 'react-table';
 import { DropdownItemType } from '../../../dropdown/types';
 import { RowAction, TableData } from '../../types';

package/dist/components/table/components/checkboxes/Cell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CellProps } from 'react-table';
 import { TableData } from '../../types';
 declare const Cell: <T extends TableData>({ row }: CellProps<T, any>) => JSX.Element;

package/dist/components/table/components/checkboxes/Header.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { HeaderProps } from 'react-table';
 import { TableData } from '../../types';
 declare const Header: <T extends TableData>(props: HeaderProps<T>) => JSX.Element;

package/dist/components/table/components/loadingCell/LoadingCell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ColumnInstance } from 'react-table';
 import { TableData } from '../../types';
 interface LoadingCellProps<T extends TableData> {

package/dist/components/table/components/pagination/PaginationButtons.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UsePaginationInstanceProps } from 'react-table';
 import { TableData } from '../../types';
 interface Props<T extends TableData> {

package/dist/components/table/components/tableHeader/SortIndicator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     isSorted: boolean;
     isSortedDesc?: boolean;

package/dist/components/table/components/tableHeader/TableHeader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { HeaderGroup, SortingRule } from 'react-table';
 import { TableData } from '../../types';
 interface Props<T extends TableData> {

package/dist/components/table/stories/components/CustomPerson.d.ts

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

package/dist/components/table/stories/components/Role.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const rolesArray: readonly ["master", "admin", undefined];
 export declare type roleType = typeof rolesArray[number];
 interface Props {

package/dist/components/tabs/dropdownTabs/TabsDropdown.d.ts

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

package/dist/components/tabs/dropdownTabs/TabsDropdownTrigger.d.ts

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

package/dist/components/tabs/dropdownTabs.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TabsProps } from './common/types';
 declare const DropdownTabs: ({ className, distance, lateralPadding, tabs }: TabsProps) => JSX.Element;
 export default DropdownTabs;

package/dist/components/tabs/scrollableTabs.d.ts

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

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

@@ -1,8 +1,17 @@
 /// <reference types="react" />
-export declare const StyledIconDiv: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isCentered: boolean;
+}, never>;
 export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const ActionButton: import("styled-components").StyledComponent<({ className, color, fullWidth, href, iconLeft, iconRight, isDisabled, isLoading, onClick, size, target, text, type, }: import("../../buttons").ButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTitleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTitleText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledAction: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledToast: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledActionLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isCentered: boolean;
+}, never>;

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

@@ -1,3 +1,2 @@
-import { ToastInterface, ToastProps } from './typings/toast';
-declare const Toast: ToastInterface;
-export { Toast, ToastProps };
+export { Toast } from './Toast';
+export { ToastInterface, ToastProps } from './typings/toast';

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

@@ -1,9 +1,2 @@
-import { ReactNode } from 'react';
-import { ToastProps } from './typings/toast';
-export declare const show: (title: ReactNode, options: ToastProps) => string | undefined;
-export declare const dismiss: (toastId: string | undefined) => void;
-export declare const success: (title: ReactNode, options?: ToastProps | undefined) => string | undefined;
-export declare const error: (title: ReactNode, options?: ToastProps | undefined) => string | undefined;
-export declare const warning: (title: ReactNode, options?: ToastProps | undefined) => string | undefined;
-export declare const standard: (title: ReactNode, options?: ToastProps | undefined) => string | undefined;
-export declare const info: (title: ReactNode, options?: ToastProps | undefined) => string | undefined;
+import { ToastInterface } from './typings/toast';
+export declare const Toast: ToastInterface;

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

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