@fattureincloud/fic-design-system 0.4.20 → 0.4.23
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/common/components/Spinner.d.ts +1 -0
- package/dist/components/dropdown/DropdownImpl.d.ts +1 -0
- package/dist/components/dropdown/components/DefaultTrigger.d.ts +1 -0
- package/dist/components/dropdown/components/Item.d.ts +1 -0
- package/dist/components/floatingBadge/withBadge.d.ts +1 -0
- package/dist/components/form/datepicker/DatePicker.d.ts +10 -3
- package/dist/components/form/datepicker/DatePickerImpl.d.ts +2 -23
- package/dist/components/form/datepicker/components/CustomButton.d.ts +1 -0
- package/dist/components/form/datepicker/components/DatePickerHeader.d.ts +1 -0
- package/dist/components/form/datepicker/components/MonthPicker.d.ts +1 -0
- package/dist/components/form/datepicker/components/YearPicker.d.ts +1 -0
- package/dist/components/form/datepicker/components/hooks/useDatePickerHeaderShowLogic.d.ts +2 -2
- package/dist/components/form/datepicker/datePickerPalette.d.ts +5 -5
- package/dist/components/form/datepicker/datepicker.stories.d.ts +1 -1
- package/dist/components/form/datepicker/index.d.ts +5 -5
- package/dist/components/form/datepicker/styled.d.ts +3 -0
- package/dist/components/form/datepicker/types.d.ts +28 -3
- package/dist/components/form/fileUploader/FileUploader.d.ts +1 -0
- package/dist/components/form/inputText/components/StatusIcon.d.ts +1 -0
- package/dist/components/form/inputText/components/UnitDropdown.d.ts +1 -0
- package/dist/components/form/inputText/components/unitDropdown/UnitDropdownTrigger.d.ts +1 -0
- package/dist/components/form/inputText/types.d.ts +2 -0
- package/dist/components/form/select/Select.d.ts +1 -0
- package/dist/components/form/select/components/ClearIndicator.d.ts +1 -0
- package/dist/components/form/select/components/Control.d.ts +1 -0
- package/dist/components/form/select/components/DropdownIndicator.d.ts +1 -0
- package/dist/components/form/select/components/FooterActions.d.ts +1 -0
- package/dist/components/form/select/components/MenuList.d.ts +1 -0
- package/dist/components/form/select/components/Option.d.ts +1 -0
- package/dist/components/form/textArea/TextArea.d.ts +1 -0
- package/dist/components/form/textArea/components/CharCounter.d.ts +1 -0
- package/dist/components/form/textArea/components/TextAreaElement.d.ts +1 -0
- package/dist/components/icon/Icon.d.ts +1 -0
- package/dist/components/layout/sidebarItem/components/SidebarItemDropdown.d.ts +1 -0
- package/dist/components/microTag/MicroTag.d.ts +1 -0
- package/dist/components/stepper/Stepper.d.ts +1 -0
- package/dist/components/stepper/components/StepItem.d.ts +1 -0
- package/dist/components/table/components/Pagination.d.ts +1 -0
- package/dist/components/table/components/SelectedRowsCount.d.ts +1 -0
- package/dist/components/table/components/actions/DropdownActions.d.ts +1 -0
- package/dist/components/table/components/actions/PrimaryAction.d.ts +1 -0
- package/dist/components/table/components/checkboxes/Cell.d.ts +1 -0
- package/dist/components/table/components/checkboxes/Header.d.ts +1 -0
- package/dist/components/table/components/loadingCell/LoadingCell.d.ts +1 -0
- package/dist/components/table/components/pagination/PaginationButtons.d.ts +1 -0
- package/dist/components/table/components/tableHeader/SortIndicator.d.ts +1 -0
- package/dist/components/table/components/tableHeader/TableHeader.d.ts +1 -0
- package/dist/components/table/stories/components/CustomPerson.d.ts +1 -0
- package/dist/components/table/stories/components/Role.d.ts +1 -0
- package/dist/components/tabs/common/Item.d.ts +1 -1
- package/dist/components/tabs/common/types.d.ts +2 -0
- package/dist/components/tabs/dropdownTabs/TabsDropdown.d.ts +1 -0
- package/dist/components/tabs/dropdownTabs/TabsDropdownTrigger.d.ts +1 -0
- package/dist/components/tabs/dropdownTabs.d.ts +1 -0
- package/dist/components/tabs/scrollableTabs.d.ts +1 -0
- package/dist/components/toast/components/toastContent.d.ts +10 -1
- package/dist/components/toast/index.d.ts +2 -3
- package/dist/components/toast/toast.d.ts +2 -9
- package/dist/components/toast/typings/toast.d.ts +2 -0
- package/dist/components/tooltip/Tooltip.d.ts +3 -1
- package/dist/index.esm.js +5 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
@@ -1,3 +1,4 @@
|
|
1
|
+
/// <reference types="react" />
|
1
2
|
import { DropdownProps } from './types';
|
2
3
|
declare const DropdownImpl: ({ className, content, fullWidth, maxWidth, minWidthAsTrigger, placement, renderContent, renderTrigger, triggerStyles, title, forceOpen, disableArrowNavigation, maxHeight, isSmall, }: DropdownProps) => JSX.Element;
|
3
4
|
export default DropdownImpl;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
/// <reference types="react" />
|
1
2
|
import { DropdownItemProps } from '../types';
|
2
3
|
import { DropdownItemStyles } from '../utils';
|
3
4
|
declare const Item: ({ active, className, componentId, icon, isDisabled, onClick, rowHasFocus, shortcut, text, ...rest }: DropdownItemProps & {
|
@@ -1,5 +1,12 @@
|
|
1
|
-
|
2
|
-
import {
|
3
|
-
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { DatePickerProps } from './types';
|
3
|
+
/**
|
4
|
+
* Component Props:
|
5
|
+
* @param {Date | null} date selected date
|
6
|
+
* @param {function} placeholderText text to show as placeholder
|
7
|
+
* @param {string|ReactNode} minDate minimum selectable date
|
8
|
+
* @param {string|ReactNode} maxDate maximum selectable date
|
9
|
+
* @others ReactDatePickerProps
|
10
|
+
*/
|
4
11
|
declare const DatePicker: (props: DatePickerProps) => JSX.Element;
|
5
12
|
export default DatePicker;
|
@@ -1,25 +1,4 @@
|
|
1
|
-
|
2
|
-
import {
|
3
|
-
import { CommonFormTypes } from '../common/types';
|
4
|
-
export declare type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactChild;
|
5
|
-
export declare type CustomButtonProps = {
|
6
|
-
text: string;
|
7
|
-
onClick: (props: RenderCustomFooterProps) => void;
|
8
|
-
};
|
9
|
-
export interface DatePickerImplProps extends Omit<ReactDatePickerProps, 'onChange'>, CommonFormTypes {
|
10
|
-
date: Date | null;
|
11
|
-
setDate: Dispatch<SetStateAction<Date | null>>;
|
12
|
-
allowMonthView?: boolean;
|
13
|
-
allowYearView?: boolean;
|
14
|
-
yearsDisplayed?: number;
|
15
|
-
hasTodayButton?: boolean;
|
16
|
-
customButtons?: CustomButtonProps[];
|
17
|
-
renderCustomFooter?: RenderCustomFooterType;
|
18
|
-
isPrefilled?: boolean;
|
19
|
-
}
|
20
|
-
export interface RenderCustomFooterProps extends DatePickerImplProps {
|
21
|
-
isOpen: boolean;
|
22
|
-
setIsOpen: Dispatch<SetStateAction<boolean>>;
|
23
|
-
}
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { DatePickerImplProps } from './types';
|
24
3
|
declare const DatePickerImpl: (props: DatePickerImplProps) => JSX.Element;
|
25
4
|
export default DatePickerImpl;
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import {
|
1
|
+
import { DatePickerStatus } from '../../types';
|
2
2
|
import { DatePickerHeaderProps } from '../DatePickerHeader';
|
3
3
|
interface ReturnType {
|
4
|
-
status:
|
4
|
+
status: DatePickerStatus;
|
5
5
|
title: string;
|
6
6
|
leftArrowOnClick: () => void;
|
7
7
|
leftArrowIsDisabled: boolean;
|
@@ -1,20 +1,20 @@
|
|
1
1
|
import { colorsPalette } from '../../../common/types/colorsPalette';
|
2
2
|
import { paletteColor } from '../../../styles/types';
|
3
|
-
declare type
|
3
|
+
declare type ItemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover' | 'disabled';
|
4
4
|
declare type DayPalette = {
|
5
5
|
borderRadius: string;
|
6
6
|
today: {
|
7
|
-
[k in
|
7
|
+
[k in Exclude<ItemStatus, 'disabled'>]: colorsPalette;
|
8
8
|
};
|
9
9
|
inMonth: {
|
10
|
-
[k in
|
10
|
+
[k in ItemStatus]: colorsPalette;
|
11
11
|
};
|
12
12
|
outMonth: {
|
13
|
-
[k in Exclude<
|
13
|
+
[k in Exclude<ItemStatus, 'active' | 'activeHover' | 'disabled'>]: colorsPalette;
|
14
14
|
};
|
15
15
|
};
|
16
16
|
declare type ItemStatusPalette = {
|
17
|
-
[k in
|
17
|
+
[k in ItemStatus]: colorsPalette;
|
18
18
|
};
|
19
19
|
interface ItemPalette extends ItemStatusPalette {
|
20
20
|
borderRadius: string;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { Meta, Story } from '@storybook/react';
|
2
|
-
import { DatePickerProps } from './
|
2
|
+
import { DatePickerProps } from './types';
|
3
3
|
export declare const Normal: Story<DatePickerProps>;
|
4
4
|
export declare const WithCustomButton: Story<DatePickerProps>;
|
5
5
|
declare const DatePickerStories: Meta<DatePickerProps>;
|
@@ -1,5 +1,5 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
export {
|
1
|
+
export { default as DatePicker } from './DatePicker';
|
2
|
+
export { default as datePickerPalette, DatePickerPalette } from './datePickerPalette';
|
3
|
+
export { default as useFormattedDate } from './hooks/useFormattedDate';
|
4
|
+
export { DatePickerProps } from './types';
|
5
|
+
export { timeConversionOptions } from './utils';
|
@@ -0,0 +1,3 @@
|
|
1
|
+
export declare const StyledDatePicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
2
|
+
export declare const FooterWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
3
|
+
export declare const SelectedOption: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
@@ -1,4 +1,29 @@
|
|
1
|
-
|
1
|
+
import { Dispatch, ReactChild, SetStateAction } from 'react';
|
2
|
+
import { ReactDatePickerProps } from 'react-datepicker';
|
3
|
+
import { CommonFormTypes } from '../common/types';
|
4
|
+
import { LabelProps } from '../label';
|
5
|
+
export declare type DatePickerStatus = 'dayPicker' | 'monthPicker' | 'yearPicker';
|
2
6
|
export declare const dateFormatsArray: [string, ...string[]];
|
3
|
-
export declare type
|
4
|
-
export declare type DateFormats = [
|
7
|
+
export declare type DateFormat = typeof dateFormatsArray[number];
|
8
|
+
export declare type DateFormats = [DateFormat, ...DateFormat[]];
|
9
|
+
export declare type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactChild;
|
10
|
+
export declare type CustomButtonProps = {
|
11
|
+
text: string;
|
12
|
+
onClick: (props: RenderCustomFooterProps) => void;
|
13
|
+
};
|
14
|
+
export interface RenderCustomFooterProps extends DatePickerImplProps {
|
15
|
+
isOpen: boolean;
|
16
|
+
setIsOpen: Dispatch<SetStateAction<boolean>>;
|
17
|
+
}
|
18
|
+
export interface DatePickerImplProps extends Omit<ReactDatePickerProps, 'onChange'>, CommonFormTypes {
|
19
|
+
date: Date | null;
|
20
|
+
setDate: Dispatch<SetStateAction<Date | null>>;
|
21
|
+
allowMonthView?: boolean;
|
22
|
+
allowYearView?: boolean;
|
23
|
+
yearsDisplayed?: number;
|
24
|
+
hasTodayButton?: boolean;
|
25
|
+
customButtons?: CustomButtonProps[];
|
26
|
+
renderCustomFooter?: RenderCustomFooterType;
|
27
|
+
isPrefilled?: boolean;
|
28
|
+
}
|
29
|
+
export declare type DatePickerProps = LabelProps & DatePickerImplProps;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
/// <reference types="react" />
|
1
2
|
import { FileRejection } from 'react-dropzone';
|
2
3
|
import { CustomPalette, FileType, FileUploaderSize, FileUploaderStatus } from './types';
|
3
4
|
export declare type fileUploaderOnDrop = (acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
/// <reference types="react" />
|
1
2
|
import { DropdownProps } from '../../../dropdown/types';
|
2
3
|
import { Unit } from './unitDropdown/UnitDropdownTrigger';
|
3
4
|
export interface UnitDropdownProps extends Pick<DropdownProps, 'renderContent' | 'placement' | 'className' | 'triggerStyles' | 'content' | 'maxWidth' | 'minWidthAsTrigger' | 'forceOpen'> {
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import { Dispatch, InputHTMLAttributes, ReactText, SetStateAction } from 'react';
|
2
2
|
import { IconProps } from '../../icon';
|
3
|
+
import { TooltipProps } from '../../tooltip';
|
3
4
|
import { CommonFormTypes } from '../common/types';
|
4
5
|
import { UnitDropdownProps } from './components/UnitDropdown';
|
5
6
|
export declare const inputTypesArray: readonly ["password", "text", "number"];
|
@@ -14,4 +15,5 @@ export interface InputElementProps extends CommonFormTypes, Pick<InputHTMLAttrib
|
|
14
15
|
isPrefilled?: boolean;
|
15
16
|
isTransparent?: boolean;
|
16
17
|
unitDropdownProps?: UnitDropdownProps;
|
18
|
+
tooltip?: TooltipProps;
|
17
19
|
}
|
@@ -1,3 +1,4 @@
|
|
1
|
+
/// <reference types="react" />
|
1
2
|
import { OptionType } from './components/Option';
|
2
3
|
import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from './types';
|
3
4
|
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;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
/// <reference types="react" />
|
1
2
|
import { IndicatorProps } from 'react-select/src/components/indicators';
|
2
3
|
import { OptionType } from './Option';
|
3
4
|
declare const ClearIndicator: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ isDisabled, clearValue, }: IndicatorProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
/// <reference types="react" />
|
1
2
|
import { ControlProps } from 'react-select';
|
2
3
|
import { OptionType } from './Option';
|
3
4
|
declare const Control: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ innerProps: { onMouseDown }, children, }: ControlProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
/// <reference types="react" />
|
1
2
|
import { IndicatorProps } from 'react-select';
|
2
3
|
import { OptionType } from './Option';
|
3
4
|
declare const DropdownIndicator: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ selectProps, }: IndicatorProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
/// <reference types="react" />
|
1
2
|
import { MenuListComponentProps } from 'react-select/src/components/Menu';
|
2
3
|
import { OptionType } from './Option';
|
3
4
|
declare const MenuList: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: MenuListComponentProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
/// <reference types="react" />
|
1
2
|
import { BoxedInputWrapperProps } from '../../common/styles';
|
2
3
|
import { TextAreaElementProps } from '../types';
|
3
4
|
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;
|
@@ -3,5 +3,5 @@ import { TabsItem } from './types';
|
|
3
3
|
interface Props extends TabsItem {
|
4
4
|
tabRef?: () => RefObject<HTMLDivElement>;
|
5
5
|
}
|
6
|
-
declare const Item: ({ active, handleClick, tabRef, text }: Props) => JSX.Element;
|
6
|
+
declare const Item: ({ active, handleClick, tabRef, text, tooltip }: Props) => JSX.Element;
|
7
7
|
export default Item;
|
@@ -1,4 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
+
import { TooltipProps } from '../../tooltip';
|
2
3
|
export interface TabsProps {
|
3
4
|
className?: string;
|
4
5
|
tabs: TabsItem[];
|
@@ -9,4 +10,5 @@ export interface TabsItem {
|
|
9
10
|
text: string | JSX.Element;
|
10
11
|
active?: boolean;
|
11
12
|
handleClick?: () => void;
|
13
|
+
tooltip?: TooltipProps;
|
12
14
|
}
|
@@ -1,8 +1,17 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
export declare const
|
2
|
+
export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
3
|
+
isCentered: boolean;
|
4
|
+
}, never>;
|
3
5
|
export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
6
|
+
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>;
|
7
|
+
export declare const StyledTitleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
8
|
+
export declare const StyledBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
4
9
|
export declare const StyledTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
5
10
|
export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
11
|
+
export declare const StyledTitleText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
6
12
|
export declare const StyledAction: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
7
13
|
export declare const StyledToast: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
8
14
|
export declare const StyledActionLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
|
15
|
+
export declare const StyledHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
16
|
+
isCentered: boolean;
|
17
|
+
}, never>;
|
@@ -1,3 +1,2 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
export { Toast, ToastProps };
|
1
|
+
export { Toast } from './Toast';
|
2
|
+
export { ToastInterface, ToastProps } from './typings/toast';
|
@@ -1,9 +1,2 @@
|
|
1
|
-
import {
|
2
|
-
|
3
|
-
export declare const show: (title: ReactNode, options: ToastProps) => string | undefined;
|
4
|
-
export declare const dismiss: (toastId: string | undefined) => void;
|
5
|
-
export declare const success: (title: ReactNode, options?: ToastProps | undefined) => string | undefined;
|
6
|
-
export declare const error: (title: ReactNode, options?: ToastProps | undefined) => string | undefined;
|
7
|
-
export declare const warning: (title: ReactNode, options?: ToastProps | undefined) => string | undefined;
|
8
|
-
export declare const standard: (title: ReactNode, options?: ToastProps | undefined) => string | undefined;
|
9
|
-
export declare const info: (title: ReactNode, options?: ToastProps | undefined) => string | undefined;
|
1
|
+
import { ToastInterface } from './typings/toast';
|
2
|
+
export declare const Toast: ToastInterface;
|
@@ -2,6 +2,8 @@ import React, { ReactNode } from 'react';
|
|
2
2
|
import { ToastPosition } from 'react-toastify/dist/types';
|
3
3
|
import { IconProps } from '../../icon';
|
4
4
|
export declare type toastType = 'standard' | 'error' | 'info' | 'warning' | 'success';
|
5
|
+
export declare type toastLibraryType = 'dark' | 'error' | 'info' | 'warning' | 'success';
|
6
|
+
export declare const typeMap: Record<toastType, toastLibraryType>;
|
5
7
|
export interface ToastProps {
|
6
8
|
type?: toastType;
|
7
9
|
content?: ReactNode;
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import { BasePlacement } from '@popperjs/core';
|
2
2
|
import { MouseEventHandler, ReactNode } from 'react';
|
3
3
|
import { MessageProps } from './components/Message';
|
4
|
+
export declare const defaultTooltipProps: TooltipProps;
|
4
5
|
export interface TooltipProps extends MessageProps {
|
5
6
|
message: string | JSX.Element;
|
6
7
|
className?: string;
|
@@ -8,6 +9,7 @@ export interface TooltipProps extends MessageProps {
|
|
8
9
|
placement: BasePlacement;
|
9
10
|
onMouseEnter?: MouseEventHandler;
|
10
11
|
onMouseLeave?: MouseEventHandler;
|
12
|
+
showAlways?: boolean;
|
11
13
|
}
|
12
|
-
declare const Tooltip: ({ message, placement, className, children, type, onMouseEnter, onMouseLeave, }: TooltipProps) => JSX.Element;
|
14
|
+
declare const Tooltip: ({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways, }: TooltipProps) => JSX.Element;
|
13
15
|
export default Tooltip;
|