@fattureincloud/fic-design-system 0.6.0 → 0.6.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (134) hide show
  1. package/dist/common/components/Spinner.d.ts +5 -1
  2. package/dist/components/accordion-new/Accordion.d.ts +12 -0
  3. package/dist/components/accordion-new/accordion-new.stories.d.ts +4 -0
  4. package/dist/components/accordion-new/components/AccordionIcon.d.ts +3 -0
  5. package/dist/components/accordion-new/components/AccordionItem.d.ts +3 -0
  6. package/dist/components/accordion-new/components/styled.d.ts +8 -0
  7. package/dist/components/accordion-new/index.d.ts +3 -0
  8. package/dist/components/accordion-new/types.d.ts +58 -0
  9. package/dist/components/accordion-new/utils.d.ts +10 -0
  10. package/dist/components/banner/utils.d.ts +8 -0
  11. package/dist/components/buttons/button/styled.d.ts +1 -1
  12. package/dist/components/checkbox/Checkbox.d.ts +15 -0
  13. package/dist/components/checkbox/checkbox.stories.d.ts +1 -0
  14. package/dist/components/checkbox/checkboxPalette.d.ts +16 -0
  15. package/dist/components/checkbox/components/Input.d.ts +9 -0
  16. package/dist/components/checkbox/components/Label.d.ts +8 -0
  17. package/dist/components/checkbox/hooks/useCheckboxValue.d.ts +11 -0
  18. package/dist/components/checkbox/index.d.ts +4 -0
  19. package/dist/components/checkbox/types.d.ts +19 -0
  20. package/dist/components/checkbox/utils.d.ts +24 -0
  21. package/dist/components/chips/chips.d.ts +7 -0
  22. package/dist/components/chips/chips.stories.d.ts +6 -0
  23. package/dist/components/chips/components/styledChipWrapper.d.ts +4 -0
  24. package/dist/components/chips/index.d.ts +2 -0
  25. package/dist/components/chips/types.d.ts +11 -0
  26. package/dist/components/floatingBadge/{FloatingBadge.d.ts → floatingBadge.d.ts} +0 -0
  27. package/dist/components/floatingBadge/{WithBadge.d.ts → withBadge.d.ts} +0 -0
  28. package/dist/components/form/checkbox/components/Input.d.ts +9 -0
  29. package/dist/components/form/checkbox/components/Label.d.ts +8 -0
  30. package/dist/components/form/datepicker/StyledDatePicker.d.ts +1 -0
  31. package/dist/components/form/fileUploader/fileTypes.d.ts +3 -0
  32. package/dist/components/form/fileUploader/hooks/useIcon.d.ts +4 -0
  33. package/dist/components/form/fileUploader/hooks/useTexts.d.ts +3 -0
  34. package/dist/components/form/inputText/InputCode.d.ts +4 -0
  35. package/dist/components/form/inputText/InputTelephone.d.ts +4 -0
  36. package/dist/components/form/inputText/InputText.d.ts +24 -2
  37. package/dist/components/form/inputText/components/styled.d.ts +6 -0
  38. package/dist/components/form/inputText/{components/telephoneInput/countriesTelephonePrefixes.d.ts → countriesTelephonePrefixes.d.ts} +0 -0
  39. package/dist/components/form/inputText/{components/codeInput → hooks}/useCodeInputHooks.d.ts +2 -2
  40. package/dist/components/form/inputText/index.d.ts +4 -2
  41. package/dist/components/form/inputText/inputText.stories.d.ts +5 -5
  42. package/dist/components/form/inputText/types.d.ts +3 -4
  43. package/dist/components/form/select/components/Placeholder.d.ts +4 -0
  44. package/dist/components/form/select/components/types.d.ts +10 -0
  45. package/dist/components/groupRadioButton/index.d.ts +23 -0
  46. package/dist/components/groupRadioButton/radio-group.stories.d.ts +6 -0
  47. package/dist/components/inlineMessages/components/styledInlineMessageWrapper.d.ts +8 -0
  48. package/dist/components/inlineMessages/index.d.ts +2 -0
  49. package/dist/components/inlineMessages/inlineMessages.d.ts +4 -0
  50. package/dist/components/inlineMessages/inlineMessages.stories.d.ts +7 -0
  51. package/dist/components/inlineMessages/types.d.ts +29 -0
  52. package/dist/components/inputText/components/icons.d.ts +8 -0
  53. package/dist/components/inputText/components/inputContainer.d.ts +1 -0
  54. package/dist/components/inputText/components/messages.d.ts +2 -0
  55. package/dist/components/inputText/components/wrapperTextArea.d.ts +1 -0
  56. package/dist/components/inputText/icons.d.ts +9 -0
  57. package/dist/components/inputText/index.d.ts +3 -0
  58. package/dist/components/inputText/inputText.stories.d.ts +1 -0
  59. package/dist/components/inputText/inputTextStyledWrapper.d.ts +2 -0
  60. package/dist/components/inputText/sideText.d.ts +6 -0
  61. package/dist/components/inputText/typings/enums.d.ts +17 -0
  62. package/dist/components/inputText/typings/inputText.d.ts +43 -0
  63. package/dist/components/inputText/utils.d.ts +8 -0
  64. package/dist/components/pagination/paginationStyledWrapper.d.ts +1 -0
  65. package/dist/components/progressbar/components/styledProgressbarWrapper.d.ts +2 -0
  66. package/dist/components/progressbar/{ProgressBar.d.ts → progressbar.d.ts} +0 -0
  67. package/dist/components/progressbar/{progressBar.stories.d.ts → progressbar.stories.d.ts} +0 -0
  68. package/dist/components/radioButton/components/label.d.ts +2 -0
  69. package/dist/components/radioButton/components/radio.d.ts +2 -0
  70. package/dist/components/radioButton/index.d.ts +2 -0
  71. package/dist/components/radioButton/radio.stories.d.ts +6 -0
  72. package/dist/components/radioButton/typings/radioButton.d.ts +21 -0
  73. package/dist/components/select/hooks/constants.d.ts +4613 -0
  74. package/dist/components/select/hooks/useCustomSelectStyle.d.ts +4 -0
  75. package/dist/components/select/index.d.ts +4 -0
  76. package/dist/components/select/select.stories.d.ts +1 -0
  77. package/dist/components/select/typings/select.d.ts +22 -0
  78. package/dist/components/stepBar/components/singleStep.d.ts +3 -0
  79. package/dist/components/stepBar/components/styledStepBarWrapper.d.ts +2 -0
  80. package/dist/components/stepBar/index.d.ts +2 -0
  81. package/dist/components/stepBar/stepBar.d.ts +7 -0
  82. package/dist/components/stepBar/stepBar.stories.d.ts +1 -0
  83. package/dist/components/stepBar/types.d.ts +15 -0
  84. package/dist/components/table/components/actionLink.d.ts +3 -0
  85. package/dist/components/table/components/actions/actionsContainer.d.ts +1 -0
  86. package/dist/components/table/components/actions/actionsPopUp.d.ts +12 -0
  87. package/dist/components/table/components/actions/actionsPopUpButton.d.ts +8 -0
  88. package/dist/components/table/components/actions/actionsPopUpUnderlay.d.ts +3 -0
  89. package/dist/components/table/components/components/headDesktop.d.ts +15 -0
  90. package/dist/components/table/components/components/listMobile.d.ts +15 -0
  91. package/dist/components/table/components/components/rowDesktop.d.ts +18 -0
  92. package/dist/components/table/components/customizationModal/customizationsModal.d.ts +10 -0
  93. package/dist/components/table/components/customizationModal/index.d.ts +2 -0
  94. package/dist/components/table/components/customizationModal/styledWrapper.d.ts +3 -0
  95. package/dist/components/table/components/customizationModal/useDnd.d.ts +8 -0
  96. package/dist/components/table/components/customizationModal/utils.d.ts +6 -0
  97. package/dist/components/table/components/emptySet.d.ts +10 -0
  98. package/dist/components/table/components/linearBackground.d.ts +1 -0
  99. package/dist/components/table/components/loadingContent.d.ts +7 -0
  100. package/dist/components/table/components/{Pagination.d.ts → pagination.d.ts} +0 -0
  101. package/dist/components/table/components/sortIcon.d.ts +2 -0
  102. package/dist/components/table/components/styledWrapper.d.ts +3 -0
  103. package/dist/components/table/components/unstyledTable.d.ts +11 -0
  104. package/dist/components/table/{Table.d.ts → table.d.ts} +0 -0
  105. package/dist/components/table/typings/main.d.ts +92 -0
  106. package/dist/components/table/utils/configPersistency.d.ts +14 -0
  107. package/dist/components/textButton/TextButton.d.ts +12 -0
  108. package/dist/components/textButton/index.d.ts +2 -0
  109. package/dist/components/textButton/textButton.stories.d.ts +1 -0
  110. package/dist/components/tip/components/styledTip.d.ts +4 -0
  111. package/dist/components/tip/{ShortcutTip.d.ts → shortcutTip.d.ts} +0 -0
  112. package/dist/components/tip/{Tip.d.ts → tip.d.ts} +0 -0
  113. package/dist/components/toast/ToastContainer.d.ts +9 -0
  114. package/dist/components/toast/components/{ToastContent.d.ts → toastContent.d.ts} +0 -0
  115. package/dist/components/toast/{Toast.d.ts → toast.d.ts} +0 -0
  116. package/dist/components/toast/typings/toast.d.ts +32 -0
  117. package/dist/components/tooltips/components/message.d.ts +12 -0
  118. package/dist/components/tooltips/components/styledTooltipWrapper.d.ts +1 -0
  119. package/dist/components/tooltips/index.d.ts +2 -0
  120. package/dist/components/tooltips/tooltips.d.ts +15 -0
  121. package/dist/components/tooltips/tooltips.stories.d.ts +1 -0
  122. package/dist/components/tooltips/types.d.ts +25 -0
  123. package/dist/index.d.ts +2 -2
  124. package/dist/index.esm.js +3 -3
  125. package/dist/index.esm.js.map +1 -1
  126. package/dist/index.js +2 -2
  127. package/dist/index.js.map +1 -1
  128. package/dist/styles/elevations.d.ts +7 -0
  129. package/dist/utils/FICNumbers.d.ts +11 -0
  130. package/package.json +1 -1
  131. package/dist/components/form/inputText/components/codeInput/CodeInput.d.ts +0 -4
  132. package/dist/components/form/inputText/components/codeInput/styled.d.ts +0 -29
  133. package/dist/components/form/inputText/components/telephoneInput/TelephoneInput.d.ts +0 -4
  134. package/dist/components/form/inputText/components/telephoneInput/styled.d.ts +0 -2
@@ -0,0 +1,4 @@
1
+ import { Styles } from 'react-select/src/styles';
2
+ declare type sizeType = 'medium' | 'large';
3
+ declare const useCustomSelectStyle: (size?: sizeType) => Partial<Styles>;
4
+ export default useCustomSelectStyle;
@@ -0,0 +1,4 @@
1
+ import { TSelect, TSelectAsync, TSelectCreatable } from './typings/select';
2
+ export declare const Select: TSelect;
3
+ export declare const SelectCreatable: TSelectCreatable;
4
+ export declare const SelectAsync: TSelectAsync;
@@ -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,3 @@
1
+ /// <reference types="react" />
2
+ import { StepProps } from '../types';
3
+ export declare const SingleStep: (props: StepProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { UnstyledStepBarPropsInterface } from '../types';
2
+ export declare const StyledStepBarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, UnstyledStepBarPropsInterface, never>;
@@ -0,0 +1,2 @@
1
+ import StepBar from './stepBar';
2
+ export { StepBar };
@@ -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,3 @@
1
+ export declare const ActionLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
2
+ color?: string | undefined;
3
+ }, never>;
@@ -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,8 @@
1
+ /// <reference types="react" />
2
+ declare type Props = {
3
+ rowId: number;
4
+ handlePopUpVisibility: (rowId: number) => void;
5
+ active: boolean;
6
+ };
7
+ export declare const ActionsPopUpButton: (props: Props) => JSX.Element;
8
+ export {};
@@ -0,0 +1,3 @@
1
+ export declare const ActionsPopUpUnderlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
2
+ active: boolean;
3
+ }, never>;
@@ -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,2 @@
1
+ import { CustomizationsModal } from './customizationsModal';
2
+ export { CustomizationsModal };
@@ -0,0 +1,3 @@
1
+ export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
2
+ show?: boolean | undefined;
3
+ }, never>;
@@ -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,10 @@
1
+ import { Component } from 'react';
2
+ interface Props {
3
+ }
4
+ interface State {
5
+ }
6
+ export declare class EmptySet extends Component<Props, State> {
7
+ state: {};
8
+ render(): JSX.Element;
9
+ }
10
+ export {};
@@ -0,0 +1 @@
1
+ export declare const linearBackground: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ interface LoadingContentProps {
3
+ elmentsNumber: number;
4
+ propsNumber: number;
5
+ }
6
+ export declare const LoadingContent: (props: LoadingContentProps) => JSX.Element;
7
+ export {};
@@ -0,0 +1,2 @@
1
+ import { TSortIcon } from '../typings/main';
2
+ export declare const SortIcon: TSortIcon;
@@ -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,2 @@
1
+ import TextButton from './TextButton';
2
+ export { 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
@@ -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
@@ -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,2 @@
1
+ import Tooltip from './tooltips';
2
+ export { Tooltip };
@@ -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 { CodeInputProps, InputText, InputTextPalette, InputTextProps, StandardInputProps, TelephoneInputProps, UnitDropdownProps } from './components/form/inputText';
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, InputTextProps, StandardInputProps, CodeInputProps, TelephoneInputProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, };
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, };