@fattureincloud/fic-design-system 0.8.0 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/form/datepicker/components/DatePickerHeader.d.ts +1 -0
- package/dist/components/form/datepicker/components/MonthPicker.d.ts +1 -1
- package/dist/components/form/datepicker/hooks/useDatePickerValues.d.ts +13 -0
- package/dist/components/form/datepicker/types.d.ts +1 -0
- package/dist/components/form/inputText/components/codeInput/CodeInput.d.ts +4 -0
- package/dist/components/form/inputText/components/codeInput/styled.d.ts +29 -0
- package/dist/components/form/inputText/components/codeInput/useCodeInputHooks.d.ts +11 -0
- package/dist/components/form/inputText/components/telephoneInput/TelephoneInput.d.ts +4 -0
- package/dist/components/form/inputText/components/telephoneInput/countriesTelephonePrefixes.d.ts +7 -0
- package/dist/components/form/inputText/components/telephoneInput/styled.d.ts +2 -0
- package/dist/components/graphic/Graphic.d.ts +4 -0
- package/dist/components/graphic/components/ChartLegend.d.ts +9 -0
- package/dist/components/graphic/components/GraphButton.d.ts +8 -0
- package/dist/components/graphic/components/GraphIndicators.d.ts +14 -0
- package/dist/components/graphic/graphic.stories.d.ts +7 -0
- package/dist/components/graphic/index.d.ts +2 -0
- package/dist/components/graphic/stories/data.d.ts +2 -0
- package/dist/components/graphic/stories/styled.d.ts +4 -0
- package/dist/components/graphic/styled.d.ts +3 -0
- package/dist/components/graphic/types.d.ts +52 -0
- package/dist/components/graphic/utils.d.ts +6 -0
- package/dist/components/gridCard/GridCard.d.ts +4 -0
- package/dist/components/gridCard/gridCard.stories.d.ts +8 -0
- package/dist/components/gridCard/index.d.ts +2 -0
- package/dist/components/gridCard/stories/data.d.ts +3 -0
- package/dist/components/gridCard/styled.d.ts +15 -0
- package/dist/components/gridCard/types.d.ts +16 -0
- package/dist/components/gridCard/utils.d.ts +2 -0
- package/dist/components/monthlyTab/MonthlyTab.d.ts +1 -1
- package/dist/components/monthlyTab/components/month/Month.d.ts +4 -3
- package/dist/components/monthlyTab/components/month/styled.d.ts +1 -0
- package/dist/components/monthlyTab/types.d.ts +8 -3
- package/dist/components/newTable/components/action/favorite/Favorite.d.ts +1 -0
- package/dist/components/newTable/components/action/favorite/styled.d.ts +1 -0
- package/dist/components/newTable/components/header/styled.d.ts +1 -0
- package/dist/components/newTable/components/row/LoadingRow.d.ts +9 -0
- package/dist/components/segmentButton/SegmentButton.d.ts +2 -2
- package/dist/components/segmentButton/styled.d.ts +3 -0
- package/dist/components/segmentButton/types.d.ts +1 -0
- package/dist/components/table/components/ActionsCell.d.ts +10 -0
- package/dist/components/table/components/SortIndicator.d.ts +6 -0
- package/dist/components/table/components/TableBody.d.ts +14 -0
- package/dist/components/table/components/TableFoot.d.ts +2 -0
- package/dist/components/table/components/TableHeader.d.ts +7 -0
- package/dist/components/table/components/tableBody/TableBodyLoader.d.ts +7 -0
- package/dist/components/table/components/tableBody/styled.d.ts +3 -0
- package/dist/components/toast/typings/toast.d.ts +2 -0
- package/dist/components/verticalTab/components/VerticalTabSelector/types.d.ts +1 -1
- package/dist/components/verticalTab/index.d.ts +2 -2
- package/dist/index.css +128 -0
- package/dist/index.esm.css +128 -0
- package/dist/index.esm.js +7 -7
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +6 -6
- package/dist/index.js.map +1 -1
- package/dist/styles/defaultPalette/colors/azure.d.ts +2 -0
- package/dist/styles/defaultPalette/colors/purple.d.ts +2 -0
- package/package.json +1 -1
- package/dist/assets/index-0788b002.css +0 -626
- package/dist/assets/index.esm-7d789d8e.css +0 -626
- package/dist/components/accordion-new/Accordion.d.ts +0 -12
- package/dist/components/accordion-new/accordion-new.stories.d.ts +0 -4
- package/dist/components/accordion-new/components/AccordionIcon.d.ts +0 -3
- package/dist/components/accordion-new/components/AccordionItem.d.ts +0 -3
- package/dist/components/accordion-new/components/styled.d.ts +0 -8
- package/dist/components/accordion-new/index.d.ts +0 -3
- package/dist/components/accordion-new/types.d.ts +0 -58
- package/dist/components/accordion-new/utils.d.ts +0 -10
- package/dist/components/chart/components/styled.d.ts +0 -13
- package/dist/components/checkbox/Checkbox.d.ts +0 -15
- package/dist/components/checkbox/checkbox.stories.d.ts +0 -1
- package/dist/components/checkbox/checkboxPalette.d.ts +0 -16
- package/dist/components/checkbox/components/Input.d.ts +0 -9
- package/dist/components/checkbox/components/Label.d.ts +0 -8
- package/dist/components/checkbox/hooks/useCheckboxValue.d.ts +0 -11
- package/dist/components/checkbox/index.d.ts +0 -4
- package/dist/components/checkbox/types.d.ts +0 -19
- package/dist/components/checkbox/utils.d.ts +0 -24
- package/dist/components/form/fileUploader/fileTypes.d.ts +0 -3
- package/dist/components/form/fileUploader/hooks/useIcon.d.ts +0 -4
- package/dist/components/form/fileUploader/hooks/useTexts.d.ts +0 -3
- package/dist/components/form/select/components/types.d.ts +0 -10
- package/dist/components/inputText/components/icons.d.ts +0 -8
- package/dist/components/inputText/components/inputContainer.d.ts +0 -1
- package/dist/components/inputText/components/messages.d.ts +0 -2
- package/dist/components/inputText/components/wrapperTextArea.d.ts +0 -1
- package/dist/components/inputText/icons.d.ts +0 -9
- package/dist/components/inputText/index.d.ts +0 -3
- package/dist/components/inputText/inputText.stories.d.ts +0 -1
- package/dist/components/inputText/inputTextStyledWrapper.d.ts +0 -2
- package/dist/components/inputText/sideText.d.ts +0 -6
- package/dist/components/inputText/typings/enums.d.ts +0 -17
- package/dist/components/inputText/typings/inputText.d.ts +0 -43
- package/dist/components/inputText/utils.d.ts +0 -8
- package/dist/components/select/hooks/constants.d.ts +0 -4613
- package/dist/components/select/hooks/useCustomSelectStyle.d.ts +0 -4
- package/dist/components/select/index.d.ts +0 -4
- package/dist/components/select/select.stories.d.ts +0 -1
- package/dist/components/select/typings/select.d.ts +0 -22
- package/dist/components/stepBar/components/singleStep.d.ts +0 -3
- package/dist/components/stepBar/components/styledStepBarWrapper.d.ts +0 -2
- package/dist/components/stepBar/index.d.ts +0 -2
- package/dist/components/stepBar/stepBar.d.ts +0 -7
- package/dist/components/stepBar/stepBar.stories.d.ts +0 -1
- package/dist/components/stepBar/types.d.ts +0 -15
- package/dist/components/table/components/actionLink.d.ts +0 -3
- package/dist/components/table/components/actions/actionsContainer.d.ts +0 -1
- package/dist/components/table/components/actions/actionsPopUp.d.ts +0 -12
- package/dist/components/table/components/actions/actionsPopUpButton.d.ts +0 -8
- package/dist/components/table/components/actions/actionsPopUpUnderlay.d.ts +0 -3
- package/dist/components/table/components/components/headDesktop.d.ts +0 -15
- package/dist/components/table/components/components/listMobile.d.ts +0 -15
- package/dist/components/table/components/components/rowDesktop.d.ts +0 -18
- package/dist/components/table/components/customizationModal/customizationsModal.d.ts +0 -10
- package/dist/components/table/components/customizationModal/index.d.ts +0 -2
- package/dist/components/table/components/customizationModal/styledWrapper.d.ts +0 -3
- package/dist/components/table/components/customizationModal/useDnd.d.ts +0 -8
- package/dist/components/table/components/customizationModal/utils.d.ts +0 -6
- package/dist/components/table/components/emptySet.d.ts +0 -10
- package/dist/components/table/components/linearBackground.d.ts +0 -1
- package/dist/components/table/components/loadingContent.d.ts +0 -7
- package/dist/components/table/components/sortIcon.d.ts +0 -2
- package/dist/components/table/components/styledWrapper.d.ts +0 -3
- package/dist/components/table/components/unstyledTable.d.ts +0 -11
- package/dist/components/table/typings/main.d.ts +0 -92
- package/dist/components/table/utils/configPersistency.d.ts +0 -14
- package/dist/components/textButton/TextButton.d.ts +0 -12
- package/dist/components/textButton/index.d.ts +0 -2
- package/dist/components/textButton/textButton.stories.d.ts +0 -1
- package/dist/components/tooltips/components/message.d.ts +0 -12
- package/dist/components/tooltips/components/styledTooltipWrapper.d.ts +0 -1
- package/dist/components/tooltips/index.d.ts +0 -2
- package/dist/components/tooltips/tooltips.d.ts +0 -15
- package/dist/components/tooltips/tooltips.stories.d.ts +0 -1
- package/dist/components/tooltips/types.d.ts +0 -25
- package/dist/styles/elevations.d.ts +0 -7
- package/dist/utils/FICNumbers.d.ts +0 -11
- /package/dist/components/table/{table.d.ts → Table.d.ts} +0 -0
- /package/dist/components/table/components/{pagination.d.ts → Pagination.d.ts} +0 -0
|
@@ -3,6 +3,7 @@ import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
|
|
|
3
3
|
export interface DatePickerHeaderProps extends ReactDatePickerCustomHeaderProps {
|
|
4
4
|
yearsDisplayed: number;
|
|
5
5
|
setHideMonth: (value: boolean) => void;
|
|
6
|
+
hideYearSelection: boolean;
|
|
6
7
|
}
|
|
7
8
|
declare const DatePickerHeader: (props: DatePickerHeaderProps) => JSX.Element;
|
|
8
9
|
export default DatePickerHeader;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
|
|
3
|
-
type Props = Pick<ReactDatePickerCustomHeaderProps, 'changeMonth' | 'date'>;
|
|
3
|
+
declare type Props = Pick<ReactDatePickerCustomHeaderProps, 'changeMonth' | 'date'>;
|
|
4
4
|
declare const MonthPicker: ({ changeMonth, date }: Props) => JSX.Element;
|
|
5
5
|
export default MonthPicker;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
+
interface ReturnType {
|
|
3
|
+
date: Date | null;
|
|
4
|
+
setDate: Dispatch<SetStateAction<Date | null>>;
|
|
5
|
+
value: string | null;
|
|
6
|
+
setValue: Dispatch<SetStateAction<string | null>>;
|
|
7
|
+
}
|
|
8
|
+
interface Props {
|
|
9
|
+
initialDate?: Date | null;
|
|
10
|
+
initialValue?: string | null;
|
|
11
|
+
}
|
|
12
|
+
declare const useDatePickerValues: ({ initialDate, initialValue }?: Props) => ReturnType;
|
|
13
|
+
export default useDatePickerValues;
|
|
@@ -27,5 +27,6 @@ export interface DatePickerImplProps extends Omit<ReactDatePickerProps, 'onChang
|
|
|
27
27
|
fitBiggerContainer?: boolean;
|
|
28
28
|
includeDates?: Date[];
|
|
29
29
|
excludeDates?: Date[];
|
|
30
|
+
hideYearSelection?: boolean;
|
|
30
31
|
}
|
|
31
32
|
export declare type DatePickerProps = LabelProps & DatePickerImplProps;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const CodeInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
3
|
+
gap: number | undefined;
|
|
4
|
+
}, never>;
|
|
5
|
+
export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const SingleNumberInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../common/types").CommonFormTypes & {
|
|
7
|
+
className?: string | undefined;
|
|
8
|
+
name?: string | undefined;
|
|
9
|
+
onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
|
|
10
|
+
onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
|
|
11
|
+
onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
|
|
12
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
|
|
13
|
+
onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
|
|
14
|
+
onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
|
|
15
|
+
autoFocus?: boolean | undefined;
|
|
16
|
+
required?: boolean | undefined;
|
|
17
|
+
} & {
|
|
18
|
+
actionIcon?: import("../../../../icon").IconProps | undefined;
|
|
19
|
+
inputType?: "number" | "text" | "password" | undefined;
|
|
20
|
+
isPrefilled?: boolean | undefined;
|
|
21
|
+
isTransparent?: boolean | undefined;
|
|
22
|
+
leadingIcon?: import("../../../../icon").IconProps | undefined;
|
|
23
|
+
placeholder?: import("react").ReactText | undefined;
|
|
24
|
+
setValue?: import("react").Dispatch<import("react").SetStateAction<string>> | undefined;
|
|
25
|
+
strict?: boolean | undefined;
|
|
26
|
+
tooltip?: import("../../../../tooltip").TooltipProps | undefined;
|
|
27
|
+
unitDropdownProps?: import("../UnitDropdown").UnitDropdownProps | undefined;
|
|
28
|
+
value?: string | number | null | undefined;
|
|
29
|
+
} & import("react").RefAttributes<HTMLInputElement | null>>, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
+
import { CodeInputProps } from '../../types';
|
|
3
|
+
declare type CodInputHooks = {
|
|
4
|
+
handleInput: (v: string) => void;
|
|
5
|
+
handlePaste: (e: React.ClipboardEvent) => void;
|
|
6
|
+
refs: React.MutableRefObject<(HTMLInputElement | null)[]>;
|
|
7
|
+
setCurrentIndex: Dispatch<SetStateAction<number>>;
|
|
8
|
+
values: (string | null)[];
|
|
9
|
+
};
|
|
10
|
+
declare const useCodeInputHooks: ({ fieldsCount, onChange, status, }: Omit<CodeInputProps, 'helper' | 'className'>) => CodInputHooks;
|
|
11
|
+
export default useCodeInputHooks;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const SelectWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
2
|
+
export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { GraphicProps } from './types';
|
|
3
|
+
declare const Graphic: ({ data, showIndicators, graphicSettingsContent, periodContent, renderYearDropdownContent, yearDropdownButtonText, renderEmptyFilters, }: GraphicProps) => ReactElement;
|
|
4
|
+
export default Graphic;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Legend, LegendItem } from '../types';
|
|
3
|
+
interface ChartLegendProps {
|
|
4
|
+
legend: Legend[];
|
|
5
|
+
setToggleLegendItem: (elem: LegendItem) => void;
|
|
6
|
+
toggleLegendItem: LegendItem;
|
|
7
|
+
}
|
|
8
|
+
declare const ChartLegend: ({ legend, setToggleLegendItem, toggleLegendItem }: ChartLegendProps) => JSX.Element;
|
|
9
|
+
export default ChartLegend;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { DropdownItemProps, renderContentType } from '../../dropdown';
|
|
3
|
+
import { Legend, LegendItem } from '../types';
|
|
4
|
+
interface GraphIndicatorsProps {
|
|
5
|
+
legend: Legend[];
|
|
6
|
+
setToggleLegendItem: (elem: LegendItem) => void;
|
|
7
|
+
toggleLegendItem: LegendItem;
|
|
8
|
+
graphicSettingsContent?: DropdownItemProps[];
|
|
9
|
+
periodContent?: DropdownItemProps[];
|
|
10
|
+
renderYearDropdownContent?: renderContentType;
|
|
11
|
+
yearDropdownButtonText?: string;
|
|
12
|
+
}
|
|
13
|
+
declare const GraphIndicators: ({ legend, setToggleLegendItem, toggleLegendItem, graphicSettingsContent, renderYearDropdownContent, yearDropdownButtonText, periodContent, }: GraphIndicatorsProps) => ReactElement;
|
|
14
|
+
export default GraphIndicators;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta, Story } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { Graphic, GraphicProps } from './index';
|
|
4
|
+
export declare const Template: Story<GraphicProps>;
|
|
5
|
+
export declare const EmptyFilters: Story<GraphicProps>;
|
|
6
|
+
declare const GraphicStories: Meta<ComponentProps<typeof Graphic>>;
|
|
7
|
+
export default GraphicStories;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const DropdownText: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const DropdownParagraph: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const GraphTooltip: import("styled-components").StyledComponent<({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways, showAfterSeconds, hideAfterSeconds, callbackAfterTimeout, onOpen, icon, renderButton, }: import("../tooltip").TooltipProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { DatumValue } from '@nivo/line';
|
|
2
|
+
import { Serie } from '@nivo/line';
|
|
3
|
+
import { ReactElement } from 'react';
|
|
4
|
+
import { paletteColor } from '../../styles/types';
|
|
5
|
+
import { DropdownItemProps, renderContentType } from '../dropdown';
|
|
6
|
+
import { OrdinalColorScaleConfig } from '@nivo/colors/dist/types/scales/ordinalColorScale';
|
|
7
|
+
export declare type OrdinalColorScale = OrdinalColorScaleConfig & {
|
|
8
|
+
color: string;
|
|
9
|
+
};
|
|
10
|
+
export interface GraphicData extends Serie {
|
|
11
|
+
prevTooltipLabel?: string;
|
|
12
|
+
afterTooltipLabel?: string;
|
|
13
|
+
color?: paletteColor;
|
|
14
|
+
}
|
|
15
|
+
export interface GraphicProps {
|
|
16
|
+
data: GraphicData[];
|
|
17
|
+
showIndicators: boolean;
|
|
18
|
+
graphicSettingsContent?: DropdownItemProps[];
|
|
19
|
+
periodContent?: DropdownItemProps[];
|
|
20
|
+
yearContent?: DropdownItemProps[];
|
|
21
|
+
renderYearDropdownContent?: renderContentType;
|
|
22
|
+
yearDropdownButtonText?: string;
|
|
23
|
+
renderEmptyFilters?: () => ReactElement;
|
|
24
|
+
}
|
|
25
|
+
export declare type Legend = {
|
|
26
|
+
text: string | number;
|
|
27
|
+
color?: paletteColor;
|
|
28
|
+
};
|
|
29
|
+
export declare type LegendItem = {
|
|
30
|
+
[index: number]: boolean;
|
|
31
|
+
};
|
|
32
|
+
export interface Point {
|
|
33
|
+
point: {
|
|
34
|
+
id: string;
|
|
35
|
+
index: number;
|
|
36
|
+
serieId: string | number;
|
|
37
|
+
serieColor: string;
|
|
38
|
+
x: number;
|
|
39
|
+
y: number;
|
|
40
|
+
color: string;
|
|
41
|
+
borderColor: string;
|
|
42
|
+
data: {
|
|
43
|
+
x: DatumValue;
|
|
44
|
+
xFormatted: string | number;
|
|
45
|
+
y: DatumValue;
|
|
46
|
+
yFormatted: string | number;
|
|
47
|
+
yStacked?: number;
|
|
48
|
+
prevTooltipLabel?: string | number;
|
|
49
|
+
afterTooltipLabel?: string | number;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { DropdownItemProps } from '../dropdown';
|
|
2
|
+
import { GraphicData, Legend, LegendItem } from './types';
|
|
3
|
+
export declare const getLegendValues: (data: GraphicData[]) => Legend[];
|
|
4
|
+
export declare const getInitialLegendValues: (data: GraphicData[]) => LegendItem;
|
|
5
|
+
export declare const getDropdownLabel: (content: DropdownItemProps[]) => string;
|
|
6
|
+
export declare const getDisabledLegendItem: (elemIndex: number, toggleLegendItem: LegendItem) => boolean;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, Story } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { GridCard } from '.';
|
|
4
|
+
import { GridCardProps } from './types';
|
|
5
|
+
export declare const Template: Story<GridCardProps>;
|
|
6
|
+
export declare const CustomData: Story<GridCardProps>;
|
|
7
|
+
declare const GridCardStories: Meta<ComponentProps<typeof GridCard>>;
|
|
8
|
+
export default GridCardStories;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const Row: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const InnerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
5
|
+
cardBackgroundColor?: string | undefined;
|
|
6
|
+
isLastElement?: boolean | undefined;
|
|
7
|
+
}, never>;
|
|
8
|
+
export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
9
|
+
iconBackgroundColor?: string | undefined;
|
|
10
|
+
}, never>;
|
|
11
|
+
export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon/Icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
12
|
+
export declare const TextContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
13
|
+
export declare const Label: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
14
|
+
export declare const Value: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
15
|
+
export declare const Description: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { IconProps } from 'components/icon';
|
|
2
|
+
import { ReactElement, ReactNode } from 'react';
|
|
3
|
+
import { paletteColor } from '../../styles/types';
|
|
4
|
+
export interface GridCardProps {
|
|
5
|
+
data: CardData[][];
|
|
6
|
+
renderCustomData?: () => ReactElement;
|
|
7
|
+
}
|
|
8
|
+
export interface CardData {
|
|
9
|
+
icon?: IconProps;
|
|
10
|
+
label?: string;
|
|
11
|
+
value?: string | ReactNode;
|
|
12
|
+
description?: string;
|
|
13
|
+
cardBackgroundColor?: paletteColor;
|
|
14
|
+
iconBackgroundColor?: paletteColor;
|
|
15
|
+
renderCustomData?: () => ReactElement;
|
|
16
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { DefaultTheme } from 'styled-components';
|
|
2
|
+
export declare const getIconBackgroundColor: (theme: DefaultTheme, iconColor?: "black" | "white" | "grey" | "blue" | "indigo" | "yellow" | "orange" | "red" | "green" | "fuchsia" | "pink" | "cyan" | "primary" | undefined, customIconBackground?: string | undefined) => string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { MonthlyTabProps } from './types';
|
|
3
|
-
declare const MonthlyTab: ({ data, onSelectionChange, monthText,
|
|
3
|
+
declare const MonthlyTab: ({ data, onSelectionChange, monthText, preSelectedMonths, currentMonth, }: MonthlyTabProps) => JSX.Element;
|
|
4
4
|
export default MonthlyTab;
|
|
@@ -3,9 +3,10 @@ interface MonthProps {
|
|
|
3
3
|
monthNumber: number;
|
|
4
4
|
percentage: number;
|
|
5
5
|
selected: boolean;
|
|
6
|
-
documents: number;
|
|
6
|
+
documents: number[];
|
|
7
7
|
amount: number;
|
|
8
|
-
monthText: string;
|
|
8
|
+
monthText: string[];
|
|
9
|
+
isCurrentMonth: boolean;
|
|
9
10
|
}
|
|
10
|
-
declare const Month: ({ monthNumber, percentage, selected, documents, amount, monthText }: MonthProps) => JSX.Element;
|
|
11
|
+
declare const Month: ({ monthNumber, percentage, selected, documents, amount, monthText, isCurrentMonth, }: MonthProps) => JSX.Element;
|
|
11
12
|
export default Month;
|
|
@@ -4,6 +4,7 @@ export declare const Container: import("styled-components").StyledComponent<"div
|
|
|
4
4
|
}, never>;
|
|
5
5
|
export declare const Header: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {
|
|
6
6
|
selected: boolean;
|
|
7
|
+
isCurrentMonth: boolean;
|
|
7
8
|
}, never>;
|
|
8
9
|
export declare const PercentageLevel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
9
10
|
percentage: number;
|
|
@@ -4,7 +4,7 @@ export declare type MonthAmountData = {
|
|
|
4
4
|
monthName: string;
|
|
5
5
|
} & MonthDocumentAmount;
|
|
6
6
|
declare type MonthDocumentAmount = {
|
|
7
|
-
documents: number;
|
|
7
|
+
documents: number[];
|
|
8
8
|
amount: number;
|
|
9
9
|
};
|
|
10
10
|
export declare type MonthData = {
|
|
@@ -13,16 +13,21 @@ export declare type MonthData = {
|
|
|
13
13
|
export interface MonthlyTabProps {
|
|
14
14
|
data: MonthData;
|
|
15
15
|
onSelectionChange: (monthsData: MonthAmountData[]) => void;
|
|
16
|
-
monthText?: string;
|
|
17
|
-
|
|
16
|
+
monthText?: string[];
|
|
17
|
+
preSelectedMonths: number[];
|
|
18
|
+
currentMonth: number;
|
|
18
19
|
}
|
|
19
20
|
export declare type MonthlyTabPalette = {
|
|
20
21
|
standard: {
|
|
21
22
|
borderBottom: paletteColor;
|
|
22
23
|
headerColor: paletteColor;
|
|
24
|
+
backgroundColor: paletteColor;
|
|
23
25
|
};
|
|
24
26
|
selected: {
|
|
25
27
|
borderBottom: paletteColor;
|
|
28
|
+
backgroundColor: paletteColor;
|
|
29
|
+
};
|
|
30
|
+
isCurrentMonth: {
|
|
26
31
|
headerColor: paletteColor;
|
|
27
32
|
};
|
|
28
33
|
border: paletteColor;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {
|
|
2
3
|
checked: boolean;
|
|
3
4
|
}, never>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const THead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ColumnDef } from '@tanstack/react-table';
|
|
3
|
+
import { CellProps } from '../../types';
|
|
4
|
+
interface Props<T> {
|
|
5
|
+
loadingMode: 'full' | 'cell';
|
|
6
|
+
columns: ColumnDef<T, CellProps>[];
|
|
7
|
+
}
|
|
8
|
+
declare const LoadingRow: <T>({ columns, loadingMode }: Props<T>) => JSX.Element;
|
|
9
|
+
export default LoadingRow;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { SegmentButtonProps } from './types';
|
|
3
|
-
declare const SegmentButton:
|
|
3
|
+
declare const SegmentButton: React.FC<SegmentButtonProps>;
|
|
4
4
|
export default SegmentButton;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
declare type Props = {
|
|
2
2
|
active: boolean;
|
|
3
|
+
isLoading?: boolean;
|
|
3
4
|
};
|
|
4
5
|
export declare const SegmentButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
5
6
|
export declare const Segment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Props, never>;
|
|
6
7
|
export declare const Badge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Props, never>;
|
|
8
|
+
export declare const spin: import("styled-components").Keyframes;
|
|
9
|
+
export declare const Loader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Props, never>;
|
|
7
10
|
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Row } from 'react-table';
|
|
3
|
+
import { RowActions, TableData } from '../types';
|
|
4
|
+
interface Props<T extends TableData> {
|
|
5
|
+
row: Row<T>;
|
|
6
|
+
actions?: RowActions<T>;
|
|
7
|
+
renderActions?: () => JSX.Element;
|
|
8
|
+
}
|
|
9
|
+
declare const ActionsCell: <T extends TableData>({ row, actions, renderActions }: Props<T>) => JSX.Element;
|
|
10
|
+
export default ActionsCell;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Row, UseTableInstanceProps } from 'react-table';
|
|
2
|
+
import { TableData } from '../types';
|
|
3
|
+
interface Props<T extends TableData> {
|
|
4
|
+
rows: Row<T>[];
|
|
5
|
+
prepareRow: UseTableInstanceProps<T>['prepareRow'];
|
|
6
|
+
selectedRowsIds: string[];
|
|
7
|
+
isLoading: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare const TableBody: <T extends TableData>({ isLoading, rows, prepareRow, selectedRowsIds }: Props<T>) => JSX.Element;
|
|
10
|
+
export interface TableBodyTrProps {
|
|
11
|
+
isSelected?: boolean;
|
|
12
|
+
isDisabled?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export default TableBody;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HeaderGroup } from 'react-table';
|
|
2
|
+
import { TableData } from '../types';
|
|
3
|
+
interface Props<T extends TableData> {
|
|
4
|
+
headerGroups: HeaderGroup<T>[];
|
|
5
|
+
}
|
|
6
|
+
declare const TableHeader: <T extends TableData>({ headerGroups }: Props<T>) => JSX.Element;
|
|
7
|
+
export default TableHeader;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ColumnInstance } from 'react-table';
|
|
2
|
+
import { TableData } from '../../types';
|
|
3
|
+
interface Props<T extends TableData> {
|
|
4
|
+
allColumns: ColumnInstance<T>[];
|
|
5
|
+
}
|
|
6
|
+
declare const TableBodyLoader: <T extends TableData>({ allColumns }: Props<T>) => JSX.Element;
|
|
7
|
+
export default TableBodyLoader;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { TableBodyTrStyles } from '../../utils';
|
|
2
|
+
import { TableBodyTrProps } from '../TableBody';
|
|
3
|
+
export declare const TableBodyTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, import("../tableParts/styled").TrProps & TableBodyTrStyles & TableBodyTrProps, keyof TableBodyTrStyles>;
|
|
@@ -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,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
export {
|
|
1
|
+
import VerticalTab from './VerticalTab';
|
|
2
|
+
export { VerticalTab };
|