@fattureincloud/fic-design-system 0.6.0 → 0.6.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/accordion-new/Accordion.d.ts +12 -0
- package/dist/components/accordion-new/accordion-new.stories.d.ts +4 -0
- package/dist/components/accordion-new/components/AccordionIcon.d.ts +3 -0
- package/dist/components/accordion-new/components/AccordionItem.d.ts +3 -0
- package/dist/components/accordion-new/components/styled.d.ts +8 -0
- package/dist/components/accordion-new/index.d.ts +3 -0
- package/dist/components/accordion-new/types.d.ts +58 -0
- package/dist/components/accordion-new/utils.d.ts +10 -0
- package/dist/components/banner/utils.d.ts +8 -0
- package/dist/components/checkbox/Checkbox.d.ts +15 -0
- package/dist/components/checkbox/checkbox.stories.d.ts +1 -0
- package/dist/components/checkbox/checkboxPalette.d.ts +16 -0
- package/dist/components/checkbox/components/Input.d.ts +9 -0
- package/dist/components/checkbox/components/Label.d.ts +8 -0
- package/dist/components/checkbox/hooks/useCheckboxValue.d.ts +11 -0
- package/dist/components/checkbox/index.d.ts +4 -0
- package/dist/components/checkbox/types.d.ts +19 -0
- package/dist/components/checkbox/utils.d.ts +24 -0
- package/dist/components/chips/chips.d.ts +7 -0
- package/dist/components/chips/chips.stories.d.ts +6 -0
- package/dist/components/chips/components/styledChipWrapper.d.ts +4 -0
- package/dist/components/chips/index.d.ts +2 -0
- package/dist/components/chips/types.d.ts +11 -0
- package/dist/components/floatingBadge/{FloatingBadge.d.ts → floatingBadge.d.ts} +0 -0
- package/dist/components/floatingBadge/{WithBadge.d.ts → withBadge.d.ts} +0 -0
- package/dist/components/form/checkbox/components/Input.d.ts +9 -0
- package/dist/components/form/checkbox/components/Label.d.ts +8 -0
- package/dist/components/form/datepicker/StyledDatePicker.d.ts +1 -0
- package/dist/components/form/fileUploader/fileTypes.d.ts +3 -0
- package/dist/components/form/fileUploader/hooks/useIcon.d.ts +4 -0
- package/dist/components/form/fileUploader/hooks/useTexts.d.ts +3 -0
- package/dist/components/form/inputText/InputCode.d.ts +4 -0
- package/dist/components/form/inputText/InputTelephone.d.ts +4 -0
- package/dist/components/form/inputText/InputText.d.ts +24 -2
- package/dist/components/form/inputText/components/styled.d.ts +6 -0
- package/dist/components/form/inputText/{components/telephoneInput/countriesTelephonePrefixes.d.ts → countriesTelephonePrefixes.d.ts} +0 -0
- package/dist/components/form/inputText/{components/codeInput → hooks}/useCodeInputHooks.d.ts +2 -2
- package/dist/components/form/inputText/index.d.ts +4 -2
- package/dist/components/form/inputText/inputText.stories.d.ts +5 -5
- package/dist/components/form/inputText/types.d.ts +3 -4
- package/dist/components/form/select/components/Placeholder.d.ts +4 -0
- package/dist/components/form/select/components/types.d.ts +10 -0
- package/dist/components/groupRadioButton/index.d.ts +23 -0
- package/dist/components/groupRadioButton/radio-group.stories.d.ts +6 -0
- package/dist/components/inlineMessages/components/styledInlineMessageWrapper.d.ts +8 -0
- package/dist/components/inlineMessages/index.d.ts +2 -0
- package/dist/components/inlineMessages/inlineMessages.d.ts +4 -0
- package/dist/components/inlineMessages/inlineMessages.stories.d.ts +7 -0
- package/dist/components/inlineMessages/types.d.ts +29 -0
- package/dist/components/inputText/components/icons.d.ts +8 -0
- package/dist/components/inputText/components/inputContainer.d.ts +1 -0
- package/dist/components/inputText/components/messages.d.ts +2 -0
- package/dist/components/inputText/components/wrapperTextArea.d.ts +1 -0
- package/dist/components/inputText/icons.d.ts +9 -0
- package/dist/components/inputText/index.d.ts +3 -0
- package/dist/components/inputText/inputText.stories.d.ts +1 -0
- package/dist/components/inputText/inputTextStyledWrapper.d.ts +2 -0
- package/dist/components/inputText/sideText.d.ts +6 -0
- package/dist/components/inputText/typings/enums.d.ts +17 -0
- package/dist/components/inputText/typings/inputText.d.ts +43 -0
- package/dist/components/inputText/utils.d.ts +8 -0
- package/dist/components/pagination/paginationStyledWrapper.d.ts +1 -0
- package/dist/components/progressbar/components/styledProgressbarWrapper.d.ts +2 -0
- package/dist/components/progressbar/{ProgressBar.d.ts → progressbar.d.ts} +0 -0
- package/dist/components/progressbar/{progressBar.stories.d.ts → progressbar.stories.d.ts} +0 -0
- package/dist/components/radioButton/components/label.d.ts +2 -0
- package/dist/components/radioButton/components/radio.d.ts +2 -0
- package/dist/components/radioButton/index.d.ts +2 -0
- package/dist/components/radioButton/radio.stories.d.ts +6 -0
- package/dist/components/radioButton/typings/radioButton.d.ts +21 -0
- package/dist/components/select/hooks/constants.d.ts +4613 -0
- package/dist/components/select/hooks/useCustomSelectStyle.d.ts +4 -0
- package/dist/components/select/index.d.ts +4 -0
- package/dist/components/select/select.stories.d.ts +1 -0
- package/dist/components/select/typings/select.d.ts +22 -0
- package/dist/components/stepBar/components/singleStep.d.ts +3 -0
- package/dist/components/stepBar/components/styledStepBarWrapper.d.ts +2 -0
- package/dist/components/stepBar/index.d.ts +2 -0
- package/dist/components/stepBar/stepBar.d.ts +7 -0
- package/dist/components/stepBar/stepBar.stories.d.ts +1 -0
- package/dist/components/stepBar/types.d.ts +15 -0
- package/dist/components/table/components/actionLink.d.ts +3 -0
- package/dist/components/table/components/actions/actionsContainer.d.ts +1 -0
- package/dist/components/table/components/actions/actionsPopUp.d.ts +12 -0
- package/dist/components/table/components/actions/actionsPopUpButton.d.ts +8 -0
- package/dist/components/table/components/actions/actionsPopUpUnderlay.d.ts +3 -0
- package/dist/components/table/components/components/headDesktop.d.ts +15 -0
- package/dist/components/table/components/components/listMobile.d.ts +15 -0
- package/dist/components/table/components/components/rowDesktop.d.ts +18 -0
- package/dist/components/table/components/customizationModal/customizationsModal.d.ts +10 -0
- package/dist/components/table/components/customizationModal/index.d.ts +2 -0
- package/dist/components/table/components/customizationModal/styledWrapper.d.ts +3 -0
- package/dist/components/table/components/customizationModal/useDnd.d.ts +8 -0
- package/dist/components/table/components/customizationModal/utils.d.ts +6 -0
- package/dist/components/table/components/emptySet.d.ts +10 -0
- package/dist/components/table/components/linearBackground.d.ts +1 -0
- package/dist/components/table/components/loadingContent.d.ts +7 -0
- package/dist/components/table/components/{Pagination.d.ts → pagination.d.ts} +0 -0
- package/dist/components/table/components/sortIcon.d.ts +2 -0
- package/dist/components/table/components/styledWrapper.d.ts +3 -0
- package/dist/components/table/components/unstyledTable.d.ts +11 -0
- package/dist/components/table/{Table.d.ts → table.d.ts} +0 -0
- package/dist/components/table/typings/main.d.ts +92 -0
- package/dist/components/table/utils/configPersistency.d.ts +14 -0
- package/dist/components/textButton/TextButton.d.ts +12 -0
- package/dist/components/textButton/index.d.ts +2 -0
- package/dist/components/textButton/textButton.stories.d.ts +1 -0
- package/dist/components/tip/components/styledTip.d.ts +4 -0
- package/dist/components/tip/{ShortcutTip.d.ts → shortcutTip.d.ts} +0 -0
- package/dist/components/tip/{Tip.d.ts → tip.d.ts} +0 -0
- package/dist/components/toast/ToastContainer.d.ts +9 -0
- package/dist/components/toast/components/{ToastContent.d.ts → toastContent.d.ts} +0 -0
- package/dist/components/toast/{Toast.d.ts → toast.d.ts} +0 -0
- package/dist/components/toast/typings/toast.d.ts +32 -0
- package/dist/components/tooltips/components/message.d.ts +12 -0
- package/dist/components/tooltips/components/styledTooltipWrapper.d.ts +1 -0
- package/dist/components/tooltips/index.d.ts +2 -0
- package/dist/components/tooltips/tooltips.d.ts +15 -0
- package/dist/components/tooltips/tooltips.stories.d.ts +1 -0
- package/dist/components/tooltips/types.d.ts +25 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.esm.js +2 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/styles/elevations.d.ts +7 -0
- package/dist/utils/FICNumbers.d.ts +11 -0
- package/package.json +1 -1
- package/dist/components/form/inputText/components/codeInput/CodeInput.d.ts +0 -4
- package/dist/components/form/inputText/components/codeInput/styled.d.ts +0 -29
- package/dist/components/form/inputText/components/telephoneInput/TelephoneInput.d.ts +0 -4
- package/dist/components/form/inputText/components/telephoneInput/styled.d.ts +0 -2
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,22 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { default as Select } from 'react-select';
|
3
|
+
import { default as AsyncSelect } from 'react-select/async';
|
4
|
+
import CreatableSelect from 'react-select/creatable';
|
5
|
+
import { InputActionMeta } from 'react-select/src/types';
|
6
|
+
export interface Props {
|
7
|
+
label?: string;
|
8
|
+
size?: 'medium' | 'large' | undefined;
|
9
|
+
inputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
|
10
|
+
getRef?: (node: any) => any;
|
11
|
+
}
|
12
|
+
export declare type TSelectProps = React.ComponentProps<typeof Select & Props>;
|
13
|
+
export declare type TAsyncSelectProps = React.ComponentProps<typeof AsyncSelect & Props>;
|
14
|
+
export declare type TSelectPropsCreatable = React.ComponentProps<typeof CreatableSelect> & {
|
15
|
+
label?: string;
|
16
|
+
size?: 'medium' | 'large' | undefined;
|
17
|
+
inputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
|
18
|
+
createOption?: (inputValue: string) => void;
|
19
|
+
};
|
20
|
+
export declare type TSelect = React.FunctionComponent<TSelectProps>;
|
21
|
+
export declare type TSelectCreatable = React.FunctionComponent<TSelectPropsCreatable>;
|
22
|
+
export declare type TSelectAsync = React.FunctionComponent<TAsyncSelectProps>;
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { Component } from 'react';
|
2
|
+
import { TStepBar, UnstyledStepBarPropsInterface, UnstyledStepBarStateInterface } from './types';
|
3
|
+
export declare class UnstyledStepBar extends Component<UnstyledStepBarPropsInterface, UnstyledStepBarStateInterface> {
|
4
|
+
render(): JSX.Element;
|
5
|
+
}
|
6
|
+
declare const StepBar: TStepBar;
|
7
|
+
export default StepBar;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,15 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export interface StepProps {
|
3
|
+
title: string;
|
4
|
+
type: 'standard' | 'current' | 'completed';
|
5
|
+
number: number;
|
6
|
+
}
|
7
|
+
interface Props {
|
8
|
+
stepList: Array<StepProps>;
|
9
|
+
}
|
10
|
+
export declare type TStepBar = React.FunctionComponent<Props>;
|
11
|
+
export interface UnstyledStepBarPropsInterface extends Props {
|
12
|
+
}
|
13
|
+
export interface UnstyledStepBarStateInterface {
|
14
|
+
}
|
15
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const ActionsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ActionType } from '../../typings/main';
|
3
|
+
export declare const ActionsPopUp: (props: {
|
4
|
+
actions: Array<ActionType>;
|
5
|
+
selectedRows: number[];
|
6
|
+
element: {
|
7
|
+
[key: string]: React.ReactText;
|
8
|
+
id: number;
|
9
|
+
};
|
10
|
+
active: boolean;
|
11
|
+
handlePopUpVisibility: (rowId?: number | undefined) => void;
|
12
|
+
}) => JSX.Element;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ActionType, PropertyFilterInterface, TControlledProperties } from '../../typings/main';
|
3
|
+
interface Props {
|
4
|
+
isLoading?: boolean;
|
5
|
+
allChecked: boolean;
|
6
|
+
handleSelectAll: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
7
|
+
controlledProperties: TControlledProperties;
|
8
|
+
setShowModalCustomizeTrue: () => void;
|
9
|
+
propertiesFilter: PropertyFilterInterface[];
|
10
|
+
handleSortOnProperty: (id: string, type: boolean | 'desc' | 'asc') => void;
|
11
|
+
actions?: ActionType[];
|
12
|
+
disableSelection?: boolean;
|
13
|
+
}
|
14
|
+
export declare const HeadDesktop: ({ actions, allChecked, controlledProperties, disableSelection, handleSelectAll, handleSortOnProperty, isLoading, propertiesFilter, setShowModalCustomizeTrue, }: Props) => JSX.Element;
|
15
|
+
export {};
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
interface Props {
|
3
|
+
listSize: number;
|
4
|
+
isLoading?: boolean;
|
5
|
+
data: {
|
6
|
+
[key: string]: React.ReactText;
|
7
|
+
id: number;
|
8
|
+
}[];
|
9
|
+
renderMobileRow?: (o: {
|
10
|
+
[key: string]: React.ReactText;
|
11
|
+
id: number;
|
12
|
+
}) => JSX.Element;
|
13
|
+
}
|
14
|
+
export declare const ListMobile: ({ data, isLoading, listSize, renderMobileRow }: Props) => JSX.Element;
|
15
|
+
export {};
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ActionType, TControlledProperties } from '../../typings/main';
|
3
|
+
interface Props {
|
4
|
+
index: number;
|
5
|
+
selectedList?: number[];
|
6
|
+
element: {
|
7
|
+
[key: string]: React.ReactText;
|
8
|
+
id: number;
|
9
|
+
};
|
10
|
+
handleSelection: (id: number) => void;
|
11
|
+
controlledProperties: TControlledProperties;
|
12
|
+
actions?: ActionType[];
|
13
|
+
handlePopUpVisibility: (rowId?: number) => void;
|
14
|
+
currentActionsPopUp?: number;
|
15
|
+
disableSelection?: boolean;
|
16
|
+
}
|
17
|
+
export declare const RowDesktop: ({ actions, controlledProperties, currentActionsPopUp, disableSelection, element, handlePopUpVisibility, handleSelection, index, selectedList, }: Props) => JSX.Element;
|
18
|
+
export {};
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { Component } from 'react';
|
2
|
+
import { DropResult, ResponderProvided } from 'react-beautiful-dnd';
|
3
|
+
import { CustomizationsModalPropsInterface, CustomizationsModalStateInterface } from '../../typings/main';
|
4
|
+
export declare class CustomizationsModal extends Component<CustomizationsModalPropsInterface, CustomizationsModalStateInterface> {
|
5
|
+
constructor(props: CustomizationsModalPropsInterface);
|
6
|
+
propertiesDisplayHandler: (id: string) => void;
|
7
|
+
onDragEnd: (result: DropResult, provided: ResponderProvided) => void;
|
8
|
+
resetProperties: () => void;
|
9
|
+
render(): JSX.Element;
|
10
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { DropResult, ResponderProvided } from 'react-beautiful-dnd';
|
3
|
+
import { TControlledProperties } from '../../typings/main';
|
4
|
+
export declare const UseDnd: React.FunctionComponent<{
|
5
|
+
localProperties: TControlledProperties;
|
6
|
+
onDragEnd: (result: DropResult, provided: ResponderProvided) => void;
|
7
|
+
propertiesDisplayHandler: (id: string) => void;
|
8
|
+
}>;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { CSSProperties } from 'react';
|
2
|
+
import { DraggableStateSnapshot, DraggingStyle, NotDraggingStyle } from 'react-beautiful-dnd';
|
3
|
+
import { TControlledProperties } from '../../typings/main';
|
4
|
+
export declare const getItemStyle: (snapshot: DraggableStateSnapshot, draggableStyle?: DraggingStyle | NotDraggingStyle | undefined) => React.CSSProperties;
|
5
|
+
export declare const getListStyle: (isDraggingOver: boolean) => CSSProperties;
|
6
|
+
export declare const reorder: (list: TControlledProperties, startIndex: number, endIndex: number) => import("../../typings/main").TControlledProperty[];
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const linearBackground: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
File without changes
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { TablePropsInterface } from '../typings/main';
|
2
|
+
import { UnstyledTable } from './unstyledTable';
|
3
|
+
export declare const StyledTableWrapper: import("styled-components").StyledComponent<typeof UnstyledTable, import("styled-components").DefaultTheme, TablePropsInterface, never>;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import React, { Component } from 'react';
|
2
|
+
import { TablePropsInterface, TableStateInterface, TControlledProperties } from '../typings/main';
|
3
|
+
export declare class UnstyledTable extends Component<TablePropsInterface, TableStateInterface> {
|
4
|
+
constructor(props: TablePropsInterface);
|
5
|
+
handleSelection: (id: number) => void;
|
6
|
+
handleSelectAll: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
7
|
+
handleSortOnProperty: (id: string, type: 'desc' | 'asc' | boolean) => void;
|
8
|
+
modifyControlledPropertiesHandler: (properties: TControlledProperties) => void;
|
9
|
+
handlePopUpVisibility: (rowId?: number | undefined) => void;
|
10
|
+
render(): JSX.Element;
|
11
|
+
}
|
File without changes
|
@@ -0,0 +1,92 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { checkboxStatus } from '../../form/checkbox/types';
|
3
|
+
import { IconProps } from '../../icon';
|
4
|
+
export interface PropertyInterface {
|
5
|
+
id: string;
|
6
|
+
label: string;
|
7
|
+
columnStyle?: React.CSSProperties;
|
8
|
+
render?: (val: string | number, id?: string | number) => JSX.Element;
|
9
|
+
deactivateActive?: boolean;
|
10
|
+
sortable?: boolean;
|
11
|
+
}
|
12
|
+
export declare type TControlledProperty = PropertyInterface & {
|
13
|
+
active: checkboxStatus;
|
14
|
+
position: number;
|
15
|
+
};
|
16
|
+
export declare type TControlledProperties = TControlledProperty[];
|
17
|
+
export declare type ActionType = {
|
18
|
+
label: string;
|
19
|
+
action: (element: {
|
20
|
+
id: number;
|
21
|
+
[key: string]: string | number;
|
22
|
+
}, selectedRows: Array<number>) => void;
|
23
|
+
color?: string;
|
24
|
+
};
|
25
|
+
export interface TablePropsInterface {
|
26
|
+
className?: string;
|
27
|
+
properties: Array<PropertyInterface>;
|
28
|
+
data: Array<{
|
29
|
+
id: number;
|
30
|
+
[key: string]: string | number;
|
31
|
+
}>;
|
32
|
+
actions?: Array<ActionType>;
|
33
|
+
listSize: number;
|
34
|
+
pageSize: number;
|
35
|
+
changePageAction: (pageNumber: number) => void;
|
36
|
+
nextPageAction?: () => void;
|
37
|
+
prevPageAction?: () => void;
|
38
|
+
currentPage: number;
|
39
|
+
customizeModalTitle: string;
|
40
|
+
isLoading?: boolean;
|
41
|
+
selectionCallback?: (newData: Array<number>) => void;
|
42
|
+
selectedList?: Array<number>;
|
43
|
+
disableSelection?: boolean;
|
44
|
+
emptySetIcon?: IconProps;
|
45
|
+
emptySetTitle?: string;
|
46
|
+
emptySetText?: string;
|
47
|
+
emptySetAction?: {
|
48
|
+
text: string;
|
49
|
+
icon?: IconProps;
|
50
|
+
action: () => void;
|
51
|
+
};
|
52
|
+
renderMobileRow?: (o: {
|
53
|
+
[key: string]: React.ReactText;
|
54
|
+
id: number;
|
55
|
+
}) => JSX.Element;
|
56
|
+
persistencyId?: string;
|
57
|
+
isHeaderFixed?: boolean;
|
58
|
+
}
|
59
|
+
export interface PropertyFilterInterface {
|
60
|
+
id: string;
|
61
|
+
type: 'asc' | 'desc' | boolean;
|
62
|
+
}
|
63
|
+
export interface TableStateInterface {
|
64
|
+
propertiesFilter: Array<PropertyFilterInterface>;
|
65
|
+
showModalCustomize: boolean;
|
66
|
+
controlledProperties: TControlledProperties;
|
67
|
+
currentActionsPopUp?: number;
|
68
|
+
}
|
69
|
+
export declare type TTable = React.FunctionComponent<TablePropsInterface>;
|
70
|
+
export declare type TSortIcon = React.FC<{
|
71
|
+
property: string;
|
72
|
+
propertiesFilter: Array<PropertyFilterInterface>;
|
73
|
+
handleSortOnProperty: (id: string, type: 'asc' | 'desc' | boolean) => void;
|
74
|
+
}>;
|
75
|
+
export declare type TPagination = React.FC<{
|
76
|
+
pageSize: number;
|
77
|
+
listSize: number;
|
78
|
+
changePageAction: (pageNumber: number) => void;
|
79
|
+
nextPageAction?: () => void;
|
80
|
+
prevPageAction?: () => void;
|
81
|
+
currentPage: number;
|
82
|
+
}>;
|
83
|
+
export interface CustomizationsModalPropsInterface {
|
84
|
+
show?: boolean;
|
85
|
+
close: () => void;
|
86
|
+
title: string;
|
87
|
+
properties: TControlledProperties;
|
88
|
+
modifyControlledPropertiesHandler: (properties: TControlledProperties) => void;
|
89
|
+
}
|
90
|
+
export interface CustomizationsModalStateInterface {
|
91
|
+
localProperties: TControlledProperties;
|
92
|
+
}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { PropertyInterface, TControlledProperties } from '../typings/main';
|
3
|
+
export declare const getConfig: (persistencyId?: string | undefined) => TControlledProperties | undefined;
|
4
|
+
export declare const modifyConfig: (properties: TControlledProperties, persistencyId?: string | undefined) => void;
|
5
|
+
export declare const mergePropertiesPersistency: (properties: PropertyInterface[], persistency: TControlledProperties) => {
|
6
|
+
id: string;
|
7
|
+
label: string;
|
8
|
+
columnStyle?: import("react").CSSProperties | undefined;
|
9
|
+
render?: ((val: string | number, id?: string | number | undefined) => JSX.Element) | undefined;
|
10
|
+
deactivateActive?: boolean | undefined;
|
11
|
+
sortable?: boolean | undefined;
|
12
|
+
active: import("../../form/checkbox/types").checkboxStatus;
|
13
|
+
position: number;
|
14
|
+
}[];
|
@@ -0,0 +1,12 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
interface Props extends WrapperProps {
|
3
|
+
text: string;
|
4
|
+
}
|
5
|
+
declare const TextButton: ({ isDisabled, onClick, text, ...rest }: Props) => JSX.Element;
|
6
|
+
interface WrapperProps {
|
7
|
+
color?: 'blue' | 'red' | 'green' | 'yellow' | 'white';
|
8
|
+
isDisabled?: boolean;
|
9
|
+
onClick: () => void;
|
10
|
+
className?: string;
|
11
|
+
}
|
12
|
+
export default TextButton;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,4 @@
|
|
1
|
+
export declare const StyledTip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
2
|
+
export declare const StyledLeftIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
3
|
+
export declare const StyledText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
4
|
+
export declare const StyledCloseIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
File without changes
|
File without changes
|
@@ -0,0 +1,9 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { ToastContainerProps } from './typings/toast';
|
3
|
+
export declare const ToastContainer: import("styled-components").StyledComponent<import("react").FC<import("react-toastify").ToastContainerProps>, import("styled-components").DefaultTheme, {
|
4
|
+
hideProgressBar: true;
|
5
|
+
newestOnTop: true;
|
6
|
+
closeOnClick: false;
|
7
|
+
draggable: false;
|
8
|
+
rtl: false;
|
9
|
+
} & ToastContainerProps, "draggable" | "rtl" | "closeOnClick" | "newestOnTop" | "hideProgressBar">;
|
File without changes
|
File without changes
|
@@ -0,0 +1,32 @@
|
|
1
|
+
import React, { ReactNode } from 'react';
|
2
|
+
import { ToastPosition } from 'react-toastify/dist/types';
|
3
|
+
import { IconProps } from '../../icon';
|
4
|
+
export declare type toastType = 'standard' | 'error' | 'info' | 'warning' | 'success';
|
5
|
+
export interface ToastProps {
|
6
|
+
type?: toastType;
|
7
|
+
content?: ReactNode;
|
8
|
+
icon?: IconProps;
|
9
|
+
actionLabel?: string;
|
10
|
+
onActionClick?: () => void;
|
11
|
+
autoClose?: false;
|
12
|
+
}
|
13
|
+
export interface ToastContentProps {
|
14
|
+
title: ReactNode;
|
15
|
+
content?: ReactNode;
|
16
|
+
icon: IconProps;
|
17
|
+
actionLabel?: string;
|
18
|
+
onActionClick?: () => void;
|
19
|
+
}
|
20
|
+
export interface ToastInterface {
|
21
|
+
Container: React.FC<ToastContainerProps>;
|
22
|
+
show: (title: ReactNode, options: ToastProps) => string | undefined;
|
23
|
+
dismiss: (toastId: string | undefined) => void;
|
24
|
+
success: (title: ReactNode, options?: ToastProps) => string | undefined;
|
25
|
+
error: (title: ReactNode, options?: ToastProps) => string | undefined;
|
26
|
+
info: (title: ReactNode, options?: ToastProps) => string | undefined;
|
27
|
+
warning: (title: ReactNode, options?: ToastProps) => string | undefined;
|
28
|
+
standard: (title: ReactNode, options?: ToastProps) => string | undefined;
|
29
|
+
}
|
30
|
+
export interface ToastContainerProps {
|
31
|
+
position: ToastPosition;
|
32
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { TPlacement } from '../types';
|
2
|
+
interface MessageInterface {
|
3
|
+
messageHeight: number;
|
4
|
+
messageWidth: number;
|
5
|
+
placement: TPlacement;
|
6
|
+
triggerDimension: {
|
7
|
+
width: number;
|
8
|
+
height: number;
|
9
|
+
};
|
10
|
+
}
|
11
|
+
export declare const Message: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, MessageInterface, never>;
|
12
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const StyledTooltipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import React, { Component } from 'react';
|
2
|
+
import { TTooltip, UnstyledTooltipPropsInterface, UnstyledTooltipStateInterface } from './types';
|
3
|
+
export declare class UnstyledTooltip extends Component<UnstyledTooltipPropsInterface, UnstyledTooltipStateInterface> {
|
4
|
+
constructor(props: UnstyledTooltipPropsInterface);
|
5
|
+
messageRef: React.RefObject<HTMLDivElement>;
|
6
|
+
triggerRef: React.RefObject<HTMLDivElement>;
|
7
|
+
componentDidMount(): void;
|
8
|
+
componentDidUpdate(prevProps: UnstyledTooltipPropsInterface): void;
|
9
|
+
handleMouseLeave: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
10
|
+
handleMouseEnter: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
11
|
+
updateStateDimensions: (width: number, height: number) => void;
|
12
|
+
render(): JSX.Element;
|
13
|
+
}
|
14
|
+
declare const Tooltip: TTooltip;
|
15
|
+
export default Tooltip;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,25 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare type TPlacement = 'top' | 'left' | 'right' | 'bottom';
|
3
|
+
export declare type TTooltip = React.FunctionComponent<{
|
4
|
+
message?: string;
|
5
|
+
renderMessage?: () => JSX.Element;
|
6
|
+
placement: TPlacement;
|
7
|
+
isMessageVisible?: boolean;
|
8
|
+
isFullWidth?: boolean;
|
9
|
+
}>;
|
10
|
+
export interface UnstyledTooltipPropsInterface {
|
11
|
+
message?: string;
|
12
|
+
renderMessage?: () => JSX.Element;
|
13
|
+
placement: TPlacement;
|
14
|
+
isMessageVisible?: boolean;
|
15
|
+
isFullWidth?: boolean;
|
16
|
+
}
|
17
|
+
export interface UnstyledTooltipStateInterface {
|
18
|
+
show: boolean;
|
19
|
+
messageHeight?: number;
|
20
|
+
messageWidth?: number;
|
21
|
+
triggerDimension: {
|
22
|
+
width: number;
|
23
|
+
height: number;
|
24
|
+
};
|
25
|
+
}
|
package/dist/index.d.ts
CHANGED
@@ -9,7 +9,7 @@ import { Checkbox, CheckboxPalette, CheckboxProps, CheckboxStatus, useCheckboxVa
|
|
9
9
|
import { DatePicker, DatePickerPalette, DatePickerProps, timeConversionOptions, useFormattedDate } from './components/form/datepicker';
|
10
10
|
import { FileRejection, FileUploader, fileUploaderOnDrop, FileUploaderPalette, FileUploaderProps } from './components/form/fileUploader';
|
11
11
|
import { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
|
12
|
-
import {
|
12
|
+
import { InputCode, InputCodeProps, InputTelephone, InputTelephoneProps, InputText, InputTextPalette, InputTextProps, UnitDropdownProps } from './components/form/inputText';
|
13
13
|
import { Radio, RadioPalette, RadioProps, RadioStatus, useRadioValue } from './components/form/radio';
|
14
14
|
import { RadioGroup, RadioGroupOptions, RadioGroupProps } from './components/form/radioGroup';
|
15
15
|
import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, isSimpleValue, OptionType, Select, SelectComponentsType, SelectPalette, SelectProps, simpleValue, useSelectMultiValues, useSelectSimpleValue, useSelectValue } from './components/form/select';
|
@@ -45,4 +45,4 @@ export { Segment, SegmentButton, SegmentButtonPalette, SegmentButtonProps } from
|
|
45
45
|
export { ShortcutTip, ShortcutTipProps, Tip, TipPalette, TipProps, TipType } from './components/tip';
|
46
46
|
export { bwColor } from './styles/types';
|
47
47
|
export { Card, CardColor, CardPalette, CardProps, CardElevation, CardType } from './components/card';
|
48
|
-
export { autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, CheckboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText,
|
48
|
+
export { autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, CheckboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText, InputCode, InputTelephone, InputTextProps, InputCodeProps, InputTelephoneProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, };
|