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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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 {};