@fattureincloud/fic-design-system 0.4.2 → 0.4.6-expenses.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (229) hide show
  1. package/CHANGELOG.md +51 -0
  2. package/dist/components/avatar/AvatarImage.d.ts +3 -0
  3. package/dist/components/avatar/AvatarInitials.d.ts +3 -0
  4. package/dist/components/avatar/AvatarPlaceholder.d.ts +3 -0
  5. package/dist/components/avatar/baseAvatar.d.ts +3 -0
  6. package/dist/components/avatar/typings/avatar.d.ts +30 -0
  7. package/dist/components/badge/{Badge.d.ts → badge.d.ts} +0 -0
  8. package/dist/components/badge/components/styledBadgeWrapper.d.ts +1 -0
  9. package/dist/components/badge/index.d.ts +3 -0
  10. package/dist/components/buttons/baseButton.d.ts +3 -0
  11. package/dist/components/buttons/button/Button.d.ts +2 -2
  12. package/dist/components/buttons/button.d.ts +3 -0
  13. package/dist/components/buttons/buttons.stories.d.ts +1 -0
  14. package/dist/components/buttons/iconButton.d.ts +3 -0
  15. package/dist/components/buttons/iconButton.stories.d.ts +1 -0
  16. package/dist/components/buttons/typings/baseButton.d.ts +15 -0
  17. package/dist/components/buttons/typings/buttons.d.ts +9 -0
  18. package/dist/components/buttons/typings/iconButton.d.ts +13 -0
  19. package/dist/components/buttons/utils.d.ts +47 -0
  20. package/dist/components/checkbox/Checkbox.d.ts +15 -0
  21. package/dist/components/checkbox/checkbox.stories.d.ts +1 -0
  22. package/dist/components/checkbox/checkboxPalette.d.ts +16 -0
  23. package/dist/components/checkbox/components/Input.d.ts +9 -0
  24. package/dist/components/checkbox/components/checkbox-input.d.ts +2 -0
  25. package/dist/components/checkbox/components/container.d.ts +2 -0
  26. package/dist/components/checkbox/components/label.d.ts +8 -0
  27. package/dist/components/checkbox/components/styledCheckboxInputWrapper.d.ts +2 -0
  28. package/dist/components/checkbox/hooks/useCheckboxValue.d.ts +11 -0
  29. package/dist/components/checkbox/index.d.ts +4 -0
  30. package/dist/components/checkbox/types.d.ts +19 -0
  31. package/dist/components/checkbox/typings/checkbox.d.ts +38 -0
  32. package/dist/components/checkbox/utils.d.ts +24 -0
  33. package/dist/components/common/Icon/components/backgroundWrapper.d.ts +5 -0
  34. package/dist/components/common/Icon/icon.stories.d.ts +1 -0
  35. package/dist/components/common/Icon/index.d.ts +6 -0
  36. package/dist/components/common/Icon/typings.d.ts +43 -0
  37. package/dist/components/dropdown/components/DefaultTrigger.d.ts +2 -2
  38. package/dist/components/dropdown/components/StyledDropdown.d.ts +8 -0
  39. package/dist/components/dropdown/components/StyledDropdownWrapper.d.ts +10 -0
  40. package/dist/components/dropdown/components/UnstyledDropdown.d.ts +13 -0
  41. package/dist/components/dropdownLegacy/DropdownImpl.d.ts +12 -0
  42. package/dist/components/dropdownLegacy/components/Item.d.ts +8 -0
  43. package/dist/components/dropdownLegacy/components/Separator.d.ts +2 -0
  44. package/dist/components/dropdownLegacy/components/ShortcutText.d.ts +1 -0
  45. package/dist/components/dropdownLegacy/components/Title.d.ts +4 -0
  46. package/dist/components/dropdownLegacy/components/UserListItem.d.ts +6 -0
  47. package/dist/components/dropdownLegacy/dropdown.d.ts +13 -0
  48. package/dist/components/dropdownLegacy/dropdown.stories.d.ts +1 -0
  49. package/dist/components/dropdownLegacy/types.d.ts +45 -0
  50. package/dist/components/dropdownV2/DropdownImpl.d.ts +4 -0
  51. package/dist/components/dropdownV2/components/Item.d.ts +8 -0
  52. package/dist/components/dropdownV2/components/Separator.d.ts +3 -0
  53. package/dist/components/dropdownV2/components/ShortcutText.d.ts +1 -0
  54. package/dist/components/dropdownV2/components/Title.d.ts +4 -0
  55. package/dist/components/dropdownV2/components/UserListItem.d.ts +6 -0
  56. package/dist/components/dropdownV2/dropdown.d.ts +14 -0
  57. package/dist/components/dropdownV2/dropdown.stories.d.ts +1 -0
  58. package/dist/components/dropdownV2/index.d.ts +3 -0
  59. package/dist/components/dropdownV2/types.d.ts +49 -0
  60. package/dist/components/form/common/styles.d.ts +2 -0
  61. package/dist/components/form/fileUploader/FileUploader.d.ts +14 -0
  62. package/dist/components/form/fileUploader/components/FileUploaderContent.d.ts +12 -0
  63. package/dist/components/form/fileUploader/fileUploader.stories.d.ts +5 -0
  64. package/dist/components/form/fileUploader/fileUploaderPalette.d.ts +18 -0
  65. package/dist/components/form/fileUploader/hooks/useCustomPalette.d.ts +3 -0
  66. package/dist/components/form/fileUploader/hooks/useIcon.d.ts +4 -0
  67. package/dist/components/form/fileUploader/hooks/useTexts.d.ts +3 -0
  68. package/dist/components/form/fileUploader/index.d.ts +4 -0
  69. package/dist/components/form/fileUploader/styled.d.ts +14 -0
  70. package/dist/components/form/fileUploader/types.d.ts +18 -0
  71. package/dist/components/form/fileUploader/utils.d.ts +2 -0
  72. package/dist/components/form/inputText/InputText.d.ts +2 -1
  73. package/dist/components/form/inputText/components/InputElement.d.ts +4 -2
  74. package/dist/components/form/inputText/components/UnitDropdown.d.ts +7 -0
  75. package/dist/components/form/inputText/components/unitDropdown/UnitDropdownTrigger.d.ts +9 -0
  76. package/dist/components/form/inputText/index.d.ts +2 -1
  77. package/dist/components/form/inputText/inputText.stories.d.ts +1 -0
  78. package/dist/components/form/inputText/types.d.ts +5 -1
  79. package/dist/components/form/label/Label.d.ts +2 -1
  80. package/dist/components/form/select/SelectWrapper.d.ts +2 -2
  81. package/dist/components/form/select/components/Option.d.ts +1 -1
  82. package/dist/components/form/select/hooks/useSelectGeneric.d.ts +10 -0
  83. package/dist/components/form/select/hooks/useSelectSimpleValue.d.ts +8 -0
  84. package/dist/components/form/select/hooks/useSelectThemeStyles.d.ts +6 -2
  85. package/dist/components/form/select/index.d.ts +4 -2
  86. package/dist/components/form/select/select.stories.d.ts +1 -0
  87. package/dist/components/form/select/types.d.ts +11 -4
  88. package/dist/components/form/select/utils.d.ts +3 -0
  89. package/dist/components/form/textArea/components/TextAreaElement.d.ts +2 -2
  90. package/dist/components/form/textArea/types.d.ts +1 -0
  91. package/dist/components/groupRadioButton/typings/groupRadioButton.d.ts +21 -0
  92. package/dist/components/groupRadioButton/utils.d.ts +3 -0
  93. package/dist/components/groupedList/components/StyledGroupedList.d.ts +17 -0
  94. package/dist/components/groupedList/index.d.ts +2 -1
  95. package/dist/components/iconDropdown/iconDropdown.d.ts +9 -0
  96. package/dist/components/iconDropdown/index.d.ts +2 -0
  97. package/dist/components/inlineMessages/utils.d.ts +295 -0
  98. package/dist/components/inputText/components/icons.d.ts +8 -0
  99. package/dist/components/inputText/components/inputContainer.d.ts +1 -0
  100. package/dist/components/inputText/components/messages.d.ts +2 -0
  101. package/dist/components/inputText/components/wrapperTextArea.d.ts +1 -0
  102. package/dist/components/inputText/icons.d.ts +9 -0
  103. package/dist/components/inputText/index.d.ts +3 -0
  104. package/dist/components/inputText/inputText.stories.d.ts +1 -0
  105. package/dist/components/inputText/inputTextStyledWrapper.d.ts +2 -0
  106. package/dist/components/inputText/sideText.d.ts +6 -0
  107. package/dist/components/inputText/typings/enums.d.ts +17 -0
  108. package/dist/components/inputText/typings/inputText.d.ts +43 -0
  109. package/dist/components/inputText/utils.d.ts +8 -0
  110. package/dist/components/layout/sidebarItem/sidebarItem.stories.d.ts +5 -1
  111. package/dist/components/microTag/index.d.ts +2 -2
  112. package/dist/components/modals/components/HeaderSearch.d.ts +8 -0
  113. package/dist/components/modals/modalStyled.d.ts +2 -0
  114. package/dist/components/modals/modalStyledWrapper.d.ts +2 -0
  115. package/dist/components/modals/types.d.ts +2 -0
  116. package/dist/components/navigationDropdown/index.d.ts +2 -0
  117. package/dist/components/navigationDropdown/navigationDropdown.d.ts +9 -0
  118. package/dist/components/select/custom-select-style.d.ts +2 -0
  119. package/dist/components/select/hooks/constants.d.ts +4613 -0
  120. package/dist/components/select/hooks/useCustomSelectStyle.d.ts +4 -0
  121. package/dist/components/select/index.d.ts +4 -0
  122. package/dist/components/select/select.stories.d.ts +1 -0
  123. package/dist/components/select/typings/select.d.ts +22 -0
  124. package/dist/components/select/utils.d.ts +1 -0
  125. package/dist/components/stepBar/components/singleStep.d.ts +3 -0
  126. package/dist/components/stepBar/components/styledStepBarWrapper.d.ts +2 -0
  127. package/dist/components/stepBar/index.d.ts +2 -0
  128. package/dist/components/stepBar/stepBar.d.ts +7 -0
  129. package/dist/components/stepBar/stepBar.stories.d.ts +1 -0
  130. package/dist/components/stepBar/types.d.ts +15 -0
  131. package/dist/components/table/components/ActionsCell.d.ts +10 -0
  132. package/dist/components/table/components/EmptyState.d.ts +7 -0
  133. package/dist/components/table/components/SelectedRowsCount.d.ts +6 -0
  134. package/dist/components/table/components/SortIndicator.d.ts +6 -0
  135. package/dist/components/table/components/TableBody.d.ts +13 -0
  136. package/dist/components/table/components/TableFoot.d.ts +2 -0
  137. package/dist/components/table/components/TableHeader.d.ts +7 -0
  138. package/dist/components/table/components/actions/DropdownActions.d.ts +9 -0
  139. package/dist/components/table/components/actions/PrimaryAction.d.ts +11 -0
  140. package/dist/components/table/components/checkboxes/Cell.d.ts +4 -0
  141. package/dist/components/table/components/checkboxes/Header.d.ts +4 -0
  142. package/dist/components/table/components/checkboxes/useHeaderCheckboxProps.d.ts +12 -0
  143. package/dist/components/table/components/customizationModal/customizationsModal.d.ts +1 -2
  144. package/dist/components/table/components/customizationModal/utils.d.ts +2 -2
  145. package/dist/components/table/components/pagination/PageButton.d.ts +10 -0
  146. package/dist/components/table/components/pagination/PaginationButtons.d.ts +9 -0
  147. package/dist/components/table/components/pagination/utils.d.ts +14 -0
  148. package/dist/components/table/components/tableParts/TableTd.d.ts +7 -0
  149. package/dist/components/table/components/tableParts/TableTh.d.ts +4 -0
  150. package/dist/components/table/components/tableParts/styled.d.ts +2 -0
  151. package/dist/components/table/hooks/useCheckboxesComponents.d.ts +4 -0
  152. package/dist/components/table/hooks/useTableHooks.d.ts +6 -0
  153. package/dist/components/table/hooks/useTableValues.d.ts +14 -0
  154. package/dist/components/table/stories/columns.d.ts +3 -0
  155. package/dist/components/table/stories/components/CustomPerson.d.ts +6 -0
  156. package/dist/components/table/stories/components/Role.d.ts +7 -0
  157. package/dist/components/table/stories/components/types.d.ts +14 -0
  158. package/dist/components/table/stories/data.d.ts +2 -0
  159. package/dist/components/table/tablePalette.d.ts +33 -0
  160. package/dist/components/table/types.d.ts +27 -0
  161. package/dist/components/table/utils.d.ts +14 -0
  162. package/dist/components/tabs/components/item/Item.d.ts +8 -0
  163. package/dist/components/tabs/components/item/components/ActiveTag.d.ts +6 -0
  164. package/dist/components/tabs/components/item/components/Tab.d.ts +6 -0
  165. package/dist/components/tabs/components/tabsDropdown/TabsDropdown.d.ts +8 -0
  166. package/dist/components/tabs/components/tabsDropdown/components/TabsDropdownTrigger.d.ts +7 -0
  167. package/dist/components/tabs/hooks/useResizedWidth.d.ts +7 -0
  168. package/dist/components/tabs/hooks/useTabItemsCount.d.ts +12 -0
  169. package/dist/components/tabs/tabs.d.ts +12 -0
  170. package/dist/components/tabs/types.d.ts +5 -0
  171. package/dist/components/tag/components/StyledTag.d.ts +10 -0
  172. package/dist/components/tag/index.d.ts +2 -1
  173. package/dist/components/test/index.d.ts +2 -0
  174. package/dist/components/test/test.d.ts +5 -0
  175. package/dist/components/textButton/TextButton.d.ts +12 -0
  176. package/dist/components/textButton/index.d.ts +2 -0
  177. package/dist/components/textButton/textButton.stories.d.ts +1 -0
  178. package/dist/components/tooltips/components/message.d.ts +12 -0
  179. package/dist/components/tooltips/components/styledTooltipWrapper.d.ts +1 -0
  180. package/dist/components/tooltips/index.d.ts +2 -0
  181. package/dist/components/tooltips/tooltips.d.ts +15 -0
  182. package/dist/components/tooltips/tooltips.stories.d.ts +1 -0
  183. package/dist/components/tooltips/types.d.ts +25 -0
  184. package/dist/index.d.ts +9 -7
  185. package/dist/index.esm.js +15 -2
  186. package/dist/index.esm.js.map +1 -1
  187. package/dist/index.js +14 -1
  188. package/dist/index.js.map +1 -1
  189. package/dist/styles/default-palette/base.d.ts +18 -0
  190. package/dist/styles/default-palette/blue.d.ts +12 -0
  191. package/dist/styles/default-palette/cyan.d.ts +12 -0
  192. package/dist/styles/default-palette/fucsia.d.ts +12 -0
  193. package/dist/styles/default-palette/green.d.ts +12 -0
  194. package/dist/styles/default-palette/grey.d.ts +12 -0
  195. package/dist/styles/default-palette/index.d.ts +152 -0
  196. package/dist/styles/default-palette/indigo.d.ts +12 -0
  197. package/dist/styles/default-palette/orange.d.ts +12 -0
  198. package/dist/styles/default-palette/pink.d.ts +12 -0
  199. package/dist/styles/default-palette/red.d.ts +12 -0
  200. package/dist/styles/default-palette/yellow.d.ts +12 -0
  201. package/dist/styles/defaultPalette/base.d.ts +18 -0
  202. package/dist/styles/defaultPalette/blue.d.ts +12 -0
  203. package/dist/styles/defaultPalette/colors/others.d.ts +1 -0
  204. package/dist/styles/defaultPalette/cyan.d.ts +12 -0
  205. package/dist/styles/defaultPalette/fuchsia.d.ts +12 -0
  206. package/dist/styles/defaultPalette/green.d.ts +12 -0
  207. package/dist/styles/defaultPalette/grey.d.ts +12 -0
  208. package/dist/styles/defaultPalette/indigo.d.ts +12 -0
  209. package/dist/styles/defaultPalette/orange.d.ts +12 -0
  210. package/dist/styles/defaultPalette/pink.d.ts +12 -0
  211. package/dist/styles/defaultPalette/red.d.ts +12 -0
  212. package/dist/styles/defaultPalette/yellow.d.ts +12 -0
  213. package/dist/styles/fic-palette/base.d.ts +18 -0
  214. package/dist/styles/fic-palette/blue.d.ts +12 -0
  215. package/dist/styles/fic-palette/cyan.d.ts +12 -0
  216. package/dist/styles/fic-palette/fucsia.d.ts +12 -0
  217. package/dist/styles/fic-palette/green.d.ts +12 -0
  218. package/dist/styles/fic-palette/grey.d.ts +12 -0
  219. package/dist/styles/fic-palette/index.d.ts +141 -0
  220. package/dist/styles/fic-palette/indigo.d.ts +12 -0
  221. package/dist/styles/fic-palette/orange.d.ts +12 -0
  222. package/dist/styles/fic-palette/pink.d.ts +12 -0
  223. package/dist/styles/fic-palette/red.d.ts +12 -0
  224. package/dist/styles/fic-palette/yellow.d.ts +12 -0
  225. package/dist/styles/palette.d.ts +298 -0
  226. package/dist/styles/shadows.d.ts +3 -0
  227. package/dist/styles/theme.d.ts +2 -0
  228. package/dist/utils/FICNumbers.d.ts +11 -0
  229. package/package.json +14 -14
@@ -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 @@
1
+ export declare const getRenderComponents: (size: string, isDisabled?: boolean | undefined, isSearchable?: boolean | undefined, menuIsOpen?: boolean | undefined) => {};
@@ -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,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,7 @@
1
+ /// <reference types="react" />
2
+ export interface EmptyTablePageProps {
3
+ columnsCount: number;
4
+ EmptyPage?: JSX.Element;
5
+ }
6
+ declare const EmptyState: ({ columnsCount, EmptyPage }: EmptyTablePageProps) => JSX.Element;
7
+ export default EmptyState;
@@ -0,0 +1,6 @@
1
+ interface Props {
2
+ count: number;
3
+ resetSelection: () => void;
4
+ }
5
+ declare const SelectedRowsCount: ({ count, resetSelection }: Props) => JSX.Element;
6
+ export default SelectedRowsCount;
@@ -0,0 +1,6 @@
1
+ interface Props {
2
+ isSorted: boolean;
3
+ isSortedDesc?: boolean;
4
+ }
5
+ declare const SortIndicator: ({ isSorted, isSortedDesc }: Props) => JSX.Element;
6
+ export default SortIndicator;
@@ -0,0 +1,13 @@
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
+ }
8
+ declare const TableBody: <T extends TableData>({ rows, prepareRow, selectedRowsIds }: Props<T>) => JSX.Element;
9
+ export interface TableBodyTrProps {
10
+ isSelected?: boolean;
11
+ isDisabled?: boolean;
12
+ }
13
+ export default TableBody;
@@ -0,0 +1,2 @@
1
+ declare const TableFoot: import("styled-components").StyledComponent<"tfoot", import("styled-components").DefaultTheme, {}, never>;
2
+ export default TableFoot;
@@ -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,9 @@
1
+ import { Row } from 'react-table';
2
+ import { RowAction, TableData } from '../../types';
3
+ interface Props<T extends TableData> {
4
+ row: Row<T>;
5
+ actions: RowAction<T>[];
6
+ rowIsDisabled?: boolean;
7
+ }
8
+ declare const DropdownActions: <T extends TableData>({ row, actions, rowIsDisabled }: Props<T>) => JSX.Element;
9
+ export default DropdownActions;
@@ -0,0 +1,11 @@
1
+ import { Row } from 'react-table';
2
+ import { DropdownItemType } from '../../../dropdown/types';
3
+ import { RowAction, TableData } from '../../types';
4
+ interface Props<T extends TableData> {
5
+ action: RowAction<T>;
6
+ row: Row<T>;
7
+ rowIsDisabled?: boolean;
8
+ type?: DropdownItemType;
9
+ }
10
+ declare const PrimaryAction: <T extends TableData>({ action, row, rowIsDisabled, type, }: Props<T>) => JSX.Element | null;
11
+ export default PrimaryAction;
@@ -0,0 +1,4 @@
1
+ import { CellProps } from 'react-table';
2
+ import { TableData } from '../../types';
3
+ declare const Cell: <T extends TableData>({ row }: CellProps<T, any>) => JSX.Element;
4
+ export default Cell;
@@ -0,0 +1,4 @@
1
+ import { HeaderProps } from 'react-table';
2
+ import { TableData } from '../../types';
3
+ declare const Header: <T extends TableData>(props: HeaderProps<T>) => JSX.Element;
4
+ export default Header;
@@ -0,0 +1,12 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { HeaderProps, TableToggleAllRowsSelectedProps } from 'react-table';
3
+ import { TableData } from '../../types';
4
+ interface Props<T extends TableData> {
5
+ headerProps: PropsWithChildren<HeaderProps<T>>;
6
+ selectSinglePage?: boolean;
7
+ }
8
+ interface ReturnType extends TableToggleAllRowsSelectedProps {
9
+ disabled: boolean;
10
+ }
11
+ declare const useHeaderCheckboxProps: <T extends TableData>({ headerProps, selectSinglePage, }: Props<T>) => ReturnType;
12
+ export default useHeaderCheckboxProps;
@@ -1,10 +1,9 @@
1
1
  import { Component } from 'react';
2
- import { DropResult, ResponderProvided } from 'react-beautiful-dnd';
3
2
  import { CustomizationsModalPropsInterface, CustomizationsModalStateInterface } from '../../typings/main';
4
3
  export declare class CustomizationsModal extends Component<CustomizationsModalPropsInterface, CustomizationsModalStateInterface> {
5
4
  constructor(props: CustomizationsModalPropsInterface);
6
5
  propertiesDisplayHandler: (id: string) => void;
7
- onDragEnd: (result: DropResult, provided: ResponderProvided) => void;
6
+ onDragEnd: (result: any, provided: any) => void;
8
7
  resetProperties: () => void;
9
8
  render(): JSX.Element;
10
9
  }
@@ -1,6 +1,6 @@
1
1
  import { CSSProperties } from 'react';
2
- import { DraggableStateSnapshot, DraggingStyle, NotDraggingStyle } from 'react-beautiful-dnd';
2
+ import { DraggingStyle, NotDraggingStyle } from 'react-beautiful-dnd';
3
3
  import { TControlledProperties } from '../../typings/main';
4
- export declare const getItemStyle: (snapshot: DraggableStateSnapshot, draggableStyle?: DraggingStyle | NotDraggingStyle | undefined) => React.CSSProperties;
4
+ export declare const getItemStyle: (snapshot: any, draggableStyle?: DraggingStyle | NotDraggingStyle) => React.CSSProperties;
5
5
  export declare const getListStyle: (isDraggingOver: boolean) => CSSProperties;
6
6
  export declare const reorder: (list: TControlledProperties, startIndex: number, endIndex: number) => import("../../typings/main").TControlledProperty[];
@@ -0,0 +1,10 @@
1
+ import { ReactText } from 'react';
2
+ interface Props extends PageButtonWrapperProps {
3
+ text: ReactText;
4
+ onClick: () => void;
5
+ }
6
+ declare const PageButton: ({ text, onClick, isActive }: Props) => JSX.Element;
7
+ export interface PageButtonWrapperProps {
8
+ isActive: boolean;
9
+ }
10
+ export default PageButton;
@@ -0,0 +1,9 @@
1
+ import { UsePaginationInstanceProps } from 'react-table';
2
+ import { TableData } from '../../types';
3
+ interface Props<T extends TableData> {
4
+ pageCount: number;
5
+ pageIndex: number;
6
+ gotoPage: UsePaginationInstanceProps<T>['gotoPage'];
7
+ }
8
+ declare const PaginationButtons: <T extends TableData>({ pageCount, pageIndex, gotoPage }: Props<T>) => JSX.Element;
9
+ export default PaginationButtons;
@@ -0,0 +1,14 @@
1
+ import { DefaultTheme } from 'styled-components';
2
+ import { paletteColor } from '../../../../styles/types';
3
+ import { PageButtonWrapperProps } from './PageButton';
4
+ interface GetPageButtonParams extends PageButtonWrapperProps {
5
+ theme: DefaultTheme;
6
+ }
7
+ export interface PageButtonStyles {
8
+ color: paletteColor;
9
+ background: paletteColor;
10
+ hoverColor: paletteColor;
11
+ hoverBackground: paletteColor;
12
+ }
13
+ export declare const getPageButtonStyles: ({ theme, isActive }: GetPageButtonParams) => PageButtonStyles;
14
+ export {};
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ declare type alignType = 'left' | 'center' | 'right';
3
+ interface Props extends React.HTMLAttributes<HTMLTableDataCellElement> {
4
+ align?: alignType;
5
+ }
6
+ export declare const TableTd: import("styled-components").StyledComponent<({ children, align, ...rest }: Props) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
7
+ export default TableTd;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ declare type Props = React.HTMLAttributes<HTMLTableHeaderCellElement>;
3
+ export declare const TableTh: import("styled-components").StyledComponent<({ children, ...rest }: Props) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
4
+ export default TableTh;
@@ -0,0 +1,2 @@
1
+ export declare const TableWrapper: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {}, never>;
2
+ export declare const TableTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, {}, never>;
@@ -0,0 +1,4 @@
1
+ import { Hooks } from 'react-table';
2
+ import { TableData } from '../types';
3
+ declare const useCheckboxesComponents: <T extends TableData>(hooks: Hooks<T>) => void;
4
+ export default useCheckboxesComponents;
@@ -0,0 +1,6 @@
1
+ import { PluginHook } from 'react-table';
2
+ import { TableProps } from '../Table';
3
+ import { TableData } from '../types';
4
+ declare type Props<T extends TableData> = Pick<TableProps<T>, 'actions' | 'withCheckbox' | 'renderActions'>;
5
+ declare const useTableHooks: <T extends TableData>({ actions, renderActions, withCheckbox }: Props<T>) => PluginHook<T>[];
6
+ export default useTableHooks;
@@ -0,0 +1,14 @@
1
+ import { Dispatch, SetStateAction } from 'react';
2
+ import { Row } from 'react-table';
3
+ import { TableData } from '../types';
4
+ interface Props {
5
+ initialFilter?: string;
6
+ }
7
+ interface ReturnType<DataType extends TableData> {
8
+ filter: string;
9
+ setFilter: Dispatch<SetStateAction<string>>;
10
+ selection: Row<DataType>[];
11
+ setSelection: Dispatch<SetStateAction<Row<DataType>[]>>;
12
+ }
13
+ declare const useTableValues: <DataType extends TableData>({ initialFilter }?: Props) => ReturnType<DataType>;
14
+ export default useTableValues;
@@ -0,0 +1,3 @@
1
+ import { Column } from 'react-table';
2
+ import { DataType } from './components/types';
3
+ export declare const columns: Column<DataType>[];
@@ -0,0 +1,6 @@
1
+ import { CustomPersonData } from './types';
2
+ interface Props {
3
+ value: CustomPersonData;
4
+ }
5
+ declare const CustomPerson: ({ value: { img, name, role } }: Props) => JSX.Element;
6
+ export default CustomPerson;
@@ -0,0 +1,7 @@
1
+ export declare const rolesArray: readonly ["master", "admin", undefined];
2
+ export declare type roleType = typeof rolesArray[number];
3
+ interface Props {
4
+ role: roleType;
5
+ }
6
+ declare const Role: ({ role }: Props) => JSX.Element | null;
7
+ export default Role;
@@ -0,0 +1,14 @@
1
+ import { roleType } from './Role';
2
+ export interface CustomPersonData {
3
+ img: string;
4
+ name: string;
5
+ role?: roleType;
6
+ }
7
+ export interface DataType {
8
+ person: CustomPersonData;
9
+ name: string;
10
+ address: string;
11
+ date: string;
12
+ order: number;
13
+ isDisabled?: boolean;
14
+ }
@@ -0,0 +1,2 @@
1
+ import { DataType } from './components/types';
2
+ export declare const getRandomUsers: (n: number) => DataType[];
@@ -0,0 +1,33 @@
1
+ import { colorsPalette } from '../../common/types/colorsPalette';
2
+ import { ButtonProps, IconButtonProps } from '../buttons';
3
+ import { DropdownItemType } from '../dropdown/types';
4
+ declare type TableHeaderPalette = colorsPalette;
5
+ declare type rowStatus = 'normal' | 'hover' | 'selected' | 'disabled';
6
+ declare type TableRowsPalette = {
7
+ [k in rowStatus]: colorsPalette;
8
+ };
9
+ interface SelectedRowsCountPalette extends colorsPalette {
10
+ resetButtonColor: ButtonProps['color'];
11
+ }
12
+ declare type paginationItemStatus = 'normal' | 'hover' | 'active';
13
+ declare type PaginationPalette = {
14
+ numbers: {
15
+ [k in paginationItemStatus]: colorsPalette;
16
+ };
17
+ buttons: ButtonProps['color'];
18
+ };
19
+ declare type ActionsPalette = {
20
+ colors: {
21
+ [k in DropdownItemType]: ButtonProps['color'];
22
+ };
23
+ dropdownTriggerColor: IconButtonProps['color'];
24
+ };
25
+ export interface TablePalette {
26
+ header: TableHeaderPalette;
27
+ rows: TableRowsPalette;
28
+ selectedRowsCount: SelectedRowsCountPalette;
29
+ actions: ActionsPalette;
30
+ pagination: PaginationPalette;
31
+ }
32
+ declare const tablePalette: TablePalette;
33
+ export default tablePalette;
@@ -0,0 +1,27 @@
1
+ import { Row, SortingRule } from 'react-table';
2
+ import { DropdownItemType } from '../dropdown/types';
3
+ import { IconProps } from '../icon';
4
+ export interface TableData {
5
+ isDisabled?: boolean;
6
+ }
7
+ export interface CustomColumn {
8
+ align?: 'left' | 'center' | 'right';
9
+ }
10
+ export interface RowActions<T extends TableData> {
11
+ primary?: RowAction<T>;
12
+ dropdown?: RowAction<T>[];
13
+ }
14
+ export interface RowAction<T extends TableData> {
15
+ icon?: IconProps;
16
+ type?: DropdownItemType;
17
+ text: string;
18
+ onClick: (row: Row<T>) => void;
19
+ isDisabled?: boolean;
20
+ }
21
+ interface ManualPaginationConfig {
22
+ pageCount: number;
23
+ setCurrentPage: (page: number) => void;
24
+ }
25
+ export declare type ManualPagination = ManualPaginationConfig | undefined;
26
+ export declare type OnSort<T extends TableData> = (sortBy: Array<SortingRule<T>>) => void;
27
+ export {};
@@ -0,0 +1,14 @@
1
+ import { DefaultTheme } from 'styled-components';
2
+ import { paletteColor } from '../../styles/types';
3
+ import { TableBodyTrProps } from './components/TableBody';
4
+ interface GetTableBodyTrStylesParams extends TableBodyTrProps {
5
+ theme: DefaultTheme;
6
+ }
7
+ export interface TableBodyTrStyles {
8
+ background: paletteColor;
9
+ color: paletteColor;
10
+ hoverColor: paletteColor;
11
+ hoverBackground: paletteColor;
12
+ }
13
+ export declare const getTableBodyTrStyles: ({ theme, isDisabled, isSelected, }: GetTableBodyTrStylesParams) => TableBodyTrStyles;
14
+ export {};
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { TabsItem } from '../../types';
3
+ interface Props extends TabsItem {
4
+ tabRef?: React.RefObject<HTMLDivElement>;
5
+ }
6
+ declare const Item: ({ handleClick, active, text, tabRef }: Props) => JSX.Element;
7
+ export { Props as TabsItemProps };
8
+ export default Item;
@@ -0,0 +1,6 @@
1
+ import { TabsItem } from '../../../types';
2
+ interface ActiveTagType {
3
+ active: TabsItem['active'];
4
+ }
5
+ declare const ActiveTag: import("styled-components").StyledComponent<"span", any, ActiveTagType, never>;
6
+ export default ActiveTag;
@@ -0,0 +1,6 @@
1
+ import { TabsItem } from '../../../types';
2
+ interface TabTypes {
3
+ active: TabsItem['active'];
4
+ }
5
+ declare const Tab: import("styled-components").StyledComponent<"span", any, TabTypes, never>;
6
+ export default Tab;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { TabsItem } from '../../types';
3
+ interface Props {
4
+ active: TabsItem['active'];
5
+ items: TabsItem[];
6
+ }
7
+ declare const TabsDropdown: ({ active, items }: Props) => JSX.Element;
8
+ export default TabsDropdown;
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { TabsItem } from '../../../types';
3
+ interface Props {
4
+ active: TabsItem['active'];
5
+ }
6
+ declare const TabsDropdownTrigger: ({ active }: Props) => JSX.Element;
7
+ export default TabsDropdownTrigger;
@@ -0,0 +1,7 @@
1
+ import { UseMeasureRef } from 'react-use/lib/useMeasure';
2
+ interface ReturnType {
3
+ elementsWrapperRef: UseMeasureRef<HTMLDivElement>;
4
+ wrapperWidth: number;
5
+ }
6
+ declare const useResizedWidth: () => ReturnType;
7
+ export default useResizedWidth;
@@ -0,0 +1,12 @@
1
+ import { RefObject } from 'react';
2
+ import { TabsProps } from '../tabs';
3
+ interface Params extends Required<Pick<TabsProps, 'distance' | 'lateralPadding' | 'scrollable'>> {
4
+ tabsLength: number;
5
+ wrapperWidth: number;
6
+ tabsRefs: RefObject<HTMLDivElement>[];
7
+ }
8
+ interface ReturnType {
9
+ visibleCount: number;
10
+ }
11
+ declare const useTabItemsCount: ({ scrollable, distance, tabsLength, wrapperWidth, tabsRefs, lateralPadding }: Params) => ReturnType;
12
+ export default useTabItemsCount;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import { TabsItem } from './types';
3
+ interface Props {
4
+ className?: string;
5
+ tabs: TabsItem[];
6
+ distance?: number;
7
+ lateralPadding?: number;
8
+ scrollable?: boolean;
9
+ }
10
+ declare const Tabs: ({ tabs, className, scrollable, distance, lateralPadding }: Props) => JSX.Element;
11
+ export { Props as TabsProps };
12
+ export default Tabs;
@@ -0,0 +1,5 @@
1
+ export interface TabsItem {
2
+ text: string;
3
+ active?: boolean;
4
+ handleClick?: () => void;
5
+ }
@@ -0,0 +1,10 @@
1
+ import { IconProps } from '../../../index';
2
+ import { TagStyle, TagType } from '../types';
3
+ export declare const StyledTag: import("styled-components").StyledComponent<"div", any, {
4
+ type: TagType;
5
+ tagStyle: TagStyle;
6
+ }, never>;
7
+ export declare const TagText: import("styled-components").StyledComponent<"div", any, {
8
+ leftIcon: IconProps | undefined;
9
+ rightIcon: IconProps | undefined;
10
+ }, never>;
@@ -1,3 +1,4 @@
1
1
  import { Tag } from './Tag';
2
2
  import tagPalette, { TagPalette } from './tagPalette';
3
- export { Tag, tagPalette, TagPalette };
3
+ import { TagProps } from './types';
4
+ export { Tag, TagProps, tagPalette, TagPalette };
@@ -0,0 +1,2 @@
1
+ import test from './test';
2
+ export { test };
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export default class Test extends React.Component<{}, {}> {
3
+ static variabileStatica: string;
4
+ render(): JSX.Element;
5
+ }
@@ -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,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 { UnstyledTooltipPropsInterface, UnstyledTooltipStateInterface, TTooltip } 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 {};