@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,8 @@
1
+ /// <reference types="react" />
2
+ import { ItemProps } from '../types';
3
+ declare const Item: (props: ItemProps) => JSX.Element;
4
+ export declare const StyledItem: import("styled-components").StyledComponent<"div", any, {
5
+ active?: boolean | undefined;
6
+ isLabel?: boolean | undefined;
7
+ }, never>;
8
+ export default Item;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ declare const Separator: () => JSX.Element;
3
+ export default Separator;
@@ -0,0 +1 @@
1
+ export declare const ShortcutText: import("styled-components").StyledComponent<"span", any, {}, never>;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { TitleProps } from '../types';
3
+ declare const Title: (props: TitleProps) => JSX.Element;
4
+ export default Title;
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import { UserListItemProps } from '../types';
3
+ export declare const UserListItem: (props: UserListItemProps) => JSX.Element;
4
+ export declare const UserListWrapper: import("styled-components").StyledComponent<"div", any, {
5
+ clickable: boolean;
6
+ }, never>;
@@ -0,0 +1,14 @@
1
+ import { Component } from 'react';
2
+ import { DropdownImplProps } from './types';
3
+ import DropdownItem from './components/Item';
4
+ import DropdownTitle from './components/Title';
5
+ import DropdownSeparator from './components/Separator';
6
+ import { UserListItem } from './components/UserListItem';
7
+ export declare class DropdownV2 extends Component<DropdownImplProps, {}> {
8
+ static Item: typeof DropdownItem;
9
+ static Title: typeof DropdownTitle;
10
+ static Separator: typeof DropdownSeparator;
11
+ static UserListItem: typeof UserListItem;
12
+ render(): JSX.Element;
13
+ }
14
+ export default DropdownV2;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,3 @@
1
+ import { Dropdown } from './types';
2
+ declare const DropdownV2: Dropdown;
3
+ export { DropdownV2 };
@@ -0,0 +1,49 @@
1
+ import React from 'react';
2
+ import { IconName, TypePropType } from '../common/Icon/typings';
3
+ import { AvatarAllowedSizes } from '../avatar/types';
4
+ export declare type TitleProps = {
5
+ text: string;
6
+ };
7
+ export declare type contentOption = {
8
+ id: number;
9
+ text: string;
10
+ icon?: IconName;
11
+ };
12
+ export declare type DropdownImplProps = {
13
+ className?: string;
14
+ title?: string;
15
+ renderTrigger?: () => void;
16
+ content?: contentOption[];
17
+ onSelectOption?: (id: number | string) => void;
18
+ renderContent?: (closeDropdown: () => void) => JSX.Element;
19
+ alignRight?: boolean;
20
+ fullWidth?: boolean;
21
+ };
22
+ export interface ItemProps {
23
+ text: string;
24
+ id?: number;
25
+ className?: string;
26
+ iconName?: IconName;
27
+ iconType?: TypePropType;
28
+ iconSwapOpacity?: boolean;
29
+ active?: boolean;
30
+ shortcut?: string;
31
+ onSelected?: (id: number | undefined) => void;
32
+ children?: React.ReactChild;
33
+ }
34
+ export interface UserListItemProps {
35
+ img?: string;
36
+ placeholder?: string;
37
+ avatarSize?: AvatarAllowedSizes;
38
+ noText?: string;
39
+ text?: string;
40
+ renderText?: JSX.Element;
41
+ onClick?: () => void;
42
+ }
43
+ export interface Dropdown {
44
+ Container: React.FC<DropdownImplProps>;
45
+ Item: React.FC<ItemProps>;
46
+ Separator: React.FC;
47
+ UserListItem: React.FC<UserListItemProps>;
48
+ Title: React.FC<TitleProps>;
49
+ }
@@ -5,5 +5,7 @@ export interface BoxedInputWrapperProps extends colorsPalette {
5
5
  borderColor: paletteColor;
6
6
  normalFocused: CommonInputParts;
7
7
  status?: statusType;
8
+ isPrefilled?: boolean;
9
+ isTransparent?: boolean;
8
10
  }
9
11
  export declare const boxedInputWrapperStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<BoxedInputWrapperProps, import("styled-components").DefaultTheme>>;
@@ -0,0 +1,14 @@
1
+ import { FileRejection } from 'react-dropzone';
2
+ import { CustomPalette, FileType, FileUploaderSize, FileUploaderStatus } from './types';
3
+ export declare type fileUploaderOnDrop = (acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;
4
+ export interface FileUploaderProps {
5
+ allowedTypes: FileType[];
6
+ className?: string;
7
+ multiple?: boolean;
8
+ onDrop: fileUploaderOnDrop;
9
+ size?: FileUploaderSize;
10
+ status?: FileUploaderStatus;
11
+ customPalette?: CustomPalette;
12
+ }
13
+ declare const FileUploader: ({ allowedTypes, customPalette, className, multiple, onDrop, size, status, }: FileUploaderProps) => JSX.Element;
14
+ export default FileUploader;
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import { IconProps } from '../../../icon';
3
+ import { FileUploaderSize, statuses } from '../types';
4
+ interface Props {
5
+ icon: IconProps | null;
6
+ status: statuses;
7
+ text?: React.ReactChild | null;
8
+ caption?: React.ReactChild | null;
9
+ size: FileUploaderSize;
10
+ }
11
+ declare const FileUploaderContent: ({ icon, status, text, caption, size }: Props) => JSX.Element;
12
+ export default FileUploaderContent;
@@ -0,0 +1,5 @@
1
+ import { Meta, Story } from '@storybook/react';
2
+ import { FileUploaderProps } from './FileUploader';
3
+ export declare const WithKnobs: Story<FileUploaderProps>;
4
+ declare const FileUploaderStories: Meta<FileUploaderProps>;
5
+ export default FileUploaderStories;
@@ -0,0 +1,18 @@
1
+ /// <reference types="react" />
2
+ import { paletteColor } from '../../../styles/types';
3
+ import { IconProps } from '../../icon';
4
+ import { statuses } from './types';
5
+ export declare type FileUploaderParts = {
6
+ background: paletteColor;
7
+ borderColor: paletteColor;
8
+ color: paletteColor;
9
+ secondaryColor: paletteColor;
10
+ text: React.ReactChild | null;
11
+ caption: React.ReactChild | null;
12
+ icon: IconProps | null;
13
+ };
14
+ export declare type FileUploaderPalette = {
15
+ [key in statuses]: FileUploaderParts;
16
+ };
17
+ declare const fileUploaderPalette: FileUploaderPalette;
18
+ export default fileUploaderPalette;
@@ -0,0 +1,3 @@
1
+ import { CustomPalette, CustomPaletteParts, statuses } from '../types';
2
+ declare const useCustomPalette: (status: statuses, customPalette?: CustomPalette | undefined) => CustomPaletteParts;
3
+ export default useCustomPalette;
@@ -0,0 +1,4 @@
1
+ import { IconProps } from '../../../icon';
2
+ import { statuses } from '../types';
3
+ declare const useIcon: (status: statuses, icon?: IconProps | null | undefined) => IconProps | null | undefined;
4
+ export default useIcon;
@@ -0,0 +1,3 @@
1
+ import { CustomTexts, FileUploaderTexts, statuses } from '../types';
2
+ declare const useTexts: (status: statuses, customTexts?: CustomTexts | undefined) => FileUploaderTexts;
3
+ export default useTexts;
@@ -0,0 +1,4 @@
1
+ import { FileRejection } from 'react-dropzone';
2
+ import FileUploader, { fileUploaderOnDrop, FileUploaderProps } from './FileUploader';
3
+ import fileUploaderPalette, { FileUploaderPalette } from './fileUploaderPalette';
4
+ export { FileUploader, FileUploaderProps, fileUploaderPalette, FileUploaderPalette, FileRejection, fileUploaderOnDrop };
@@ -0,0 +1,14 @@
1
+ import { FileUploaderSize, statuses } from './types';
2
+ interface ContainerProps {
3
+ status: statuses;
4
+ size: FileUploaderSize;
5
+ }
6
+ export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContainerProps, never>;
7
+ export declare const OnDraggingOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContainerProps, never>;
8
+ export declare const MainText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
9
+ status: statuses;
10
+ }, never>;
11
+ export declare const CaptionText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
12
+ status: statuses;
13
+ }, never>;
14
+ export {};
@@ -0,0 +1,18 @@
1
+ import { FileUploaderParts } from './fileUploaderPalette';
2
+ export declare const uploaderStatusesArray: readonly ["default", "uploading", "success", "error", "disabled"];
3
+ export declare type FileUploaderStatus = typeof uploaderStatusesArray[number];
4
+ export declare type statuses = FileUploaderStatus | 'dragging';
5
+ export declare const uploaderSize: readonly ["small", "normal"];
6
+ export declare type FileUploaderSize = typeof uploaderSize[number];
7
+ export declare const typesArray: readonly ["unknown", "pdf", "image", "zip", "archive", "text", "document", "spreadsheet", "presentation", "xml", "csv"];
8
+ export declare type FileType = typeof typesArray[number];
9
+ declare type TypeDefinition = {
10
+ mimeTypes: string[];
11
+ extensions: string[];
12
+ };
13
+ export declare type FileTypesMap = Record<FileType, TypeDefinition>;
14
+ export declare type CustomPaletteParts = Pick<FileUploaderParts, 'text' | 'caption' | 'icon'>;
15
+ export declare type CustomPalette = {
16
+ [key in statuses]?: Partial<CustomPaletteParts>;
17
+ };
18
+ export {};
@@ -0,0 +1,2 @@
1
+ import { FileTypesMap } from './types';
2
+ export declare const fileTypesMap: FileTypesMap;
@@ -1,5 +1,6 @@
1
+ import React from 'react';
1
2
  import { LabelProps } from '../label';
2
3
  import { InputElementProps } from './types';
3
4
  export declare type InputTextProps = LabelProps & InputElementProps;
4
- declare const InputText: (props: InputTextProps) => JSX.Element;
5
+ declare const InputText: React.ForwardRefExoticComponent<LabelProps & InputElementProps & React.RefAttributes<HTMLInputElement>>;
5
6
  export default InputText;
@@ -1,6 +1,8 @@
1
+ import React from 'react';
1
2
  import { BoxedInputWrapperProps } from '../../common/styles';
2
3
  import { InputElementProps } from '../types';
3
- declare const InputElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, inputSize, leadingIcon, onKeyPress, status, onKeyDown, onKeyUp, inputType, onFocus, className, actionIcon, setValue, }: InputElementProps) => JSX.Element;
4
- export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status'>;
4
+ declare type inputRef = HTMLInputElement | null;
5
+ declare const InputElement: React.ForwardRefExoticComponent<InputElementProps & React.RefAttributes<inputRef>>;
6
+ export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status' | 'isPrefilled' | 'isTransparent'>;
5
7
  export declare type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
6
8
  export default InputElement;
@@ -0,0 +1,7 @@
1
+ import { DropdownProps } from '../../../dropdown/types';
2
+ import { Unit } from './unitDropdown/UnitDropdownTrigger';
3
+ export interface UnitDropdownProps extends Pick<DropdownProps, 'renderContent' | 'placement' | 'className' | 'triggerStyles' | 'content' | 'maxWidth' | 'minWidthAsTrigger' | 'forceOpen'> {
4
+ currentUnit: Unit;
5
+ }
6
+ declare const UnitDropdown: ({ currentUnit, ...dropdownProps }: UnitDropdownProps) => JSX.Element;
7
+ export default UnitDropdown;
@@ -0,0 +1,9 @@
1
+ export interface Unit {
2
+ name: string;
3
+ shortName?: string;
4
+ }
5
+ interface Props {
6
+ unit: Unit;
7
+ }
8
+ declare const UnitDropdownTrigger: ({ unit }: Props) => JSX.Element;
9
+ export default UnitDropdownTrigger;
@@ -1,3 +1,4 @@
1
+ import { UnitDropdownProps } from './components/UnitDropdown';
1
2
  import InputText, { InputTextProps } from './InputText';
2
3
  import inputTextPalette, { InputTextPalette } from './inputTextPalette';
3
- export { InputText, InputTextProps, InputTextPalette, inputTextPalette };
4
+ export { InputText, InputTextProps, InputTextPalette, inputTextPalette, UnitDropdownProps };
@@ -1,5 +1,6 @@
1
1
  import { Meta, Story } from '@storybook/react';
2
2
  import { InputTextProps } from './InputText';
3
3
  export declare const WithKnobs: Story<InputTextProps>;
4
+ export declare const WithUnitDropdown: Story<InputTextProps>;
4
5
  declare const InputTextStories: Meta<InputTextProps>;
5
6
  export default InputTextStories;
@@ -1,7 +1,8 @@
1
1
  import { Dispatch, InputHTMLAttributes, ReactText, SetStateAction } from 'react';
2
2
  import { IconProps } from '../../icon';
3
3
  import { CommonFormTypes } from '../common/types';
4
- export declare const inputTypesArray: string[];
4
+ import { UnitDropdownProps } from './components/UnitDropdown';
5
+ export declare const inputTypesArray: readonly ["password", "text", "number"];
5
6
  export declare type inputTypes = typeof inputTypesArray[number];
6
7
  export interface InputElementProps extends CommonFormTypes, Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
7
8
  leadingIcon?: IconProps;
@@ -10,4 +11,7 @@ export interface InputElementProps extends CommonFormTypes, Pick<InputHTMLAttrib
10
11
  placeholder?: ReactText;
11
12
  value?: number | string | null;
12
13
  setValue?: Dispatch<SetStateAction<string>>;
14
+ isPrefilled?: boolean;
15
+ isTransparent?: boolean;
16
+ unitDropdownProps?: UnitDropdownProps;
13
17
  }
@@ -1,5 +1,6 @@
1
+ /// <reference types="react" />
1
2
  export interface LabelProps extends WrapperProps {
2
- label?: string;
3
+ label?: string | JSX.Element;
3
4
  }
4
5
  declare const Label: ({ label, disabled, required }: LabelProps) => JSX.Element | null;
5
6
  interface WrapperProps {
@@ -1,5 +1,5 @@
1
1
  import { BoxedInputWrapperProps } from '../common/styles';
2
2
  import { SelectProps } from './types';
3
- export declare type SelectWrapperProps = Pick<SelectProps, 'disabled' | 'status' | 'inputSize'>;
3
+ export declare type SelectWrapperProps = Pick<SelectProps, 'disabled' | 'status' | 'inputSize' | 'isPrefilled' | 'isTransparent'>;
4
4
  export declare type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
5
- export declare const SelectWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, SelectStyles & SelectWrapperProps, "color" | "background" | "borderColor" | "normalFocused">;
5
+ export declare const SelectWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, SelectStyles & SelectWrapperProps, "color" | "background" | "borderColor" | "isPrefilled" | "isTransparent" | "normalFocused">;
@@ -4,7 +4,7 @@ import { IconProps } from '../../../icon';
4
4
  export interface OptionType extends OptionTypeBase {
5
5
  icon?: IconProps;
6
6
  label: string;
7
- value: any;
7
+ value: string | number;
8
8
  }
9
9
  interface Props<O extends OptionType = OptionType, IsMulti extends boolean = false> extends Omit<OptionProps<O, IsMulti>, 'data'> {
10
10
  data: OptionType;
@@ -0,0 +1,10 @@
1
+ import { OptionType } from '../components/Option';
2
+ import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from '../types';
3
+ declare type Props<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti> | CreatableSelectProps<O, IsMulti> | AsyncSelectProps<O, IsMulti> | AsyncCreatableSelectProps<O, IsMulti>;
4
+ interface ReturnType<O extends OptionType = OptionType, IsMulti extends boolean = false> {
5
+ customComponents: Partial<SelectProps<O, IsMulti>['components']>;
6
+ styles: SelectProps<O, IsMulti>['styles'];
7
+ value: SelectProps<O, IsMulti>['value'];
8
+ }
9
+ declare const useSelectGeneric: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: Props<O, IsMulti>) => ReturnType<O, IsMulti>;
10
+ export default useSelectGeneric;
@@ -0,0 +1,8 @@
1
+ import { OptionType } from '../components/Option';
2
+ import { SelectProps, simpleValue } from '../types';
3
+ declare type ReturnType<O extends OptionType = OptionType> = {
4
+ simpleValue: simpleValue;
5
+ onChange: Required<SelectProps<O>>['onChange'];
6
+ };
7
+ declare const useSelectSimpleValue: <O extends OptionType = OptionType>(initialValue: simpleValue) => ReturnType<O>;
8
+ export default useSelectSimpleValue;
@@ -1,9 +1,13 @@
1
+ import { Styles } from 'react-select';
2
+ import { CSSObject } from 'styled-components';
1
3
  import { statusType } from '../../common/types';
2
4
  import { OptionType } from '../components/Option';
3
5
  import { SelectProps } from '../types';
4
- interface Props {
6
+ export declare type CustomStylesType<O extends OptionType = OptionType, IsMulti extends boolean = false> = Partial<Record<keyof Styles<O, IsMulti>, CSSObject>>;
7
+ interface Props<O extends OptionType = OptionType, IsMulti extends boolean = false> {
8
+ customStyles?: CustomStylesType<O, IsMulti>;
5
9
  status: statusType;
6
10
  disabled?: boolean;
7
11
  }
8
- declare const useSelectThemeStyles: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ status, disabled, }: Props) => Partial<import("react-select").Styles<O, IsMulti, import("react-select").GroupTypeBase<O>>> | undefined;
12
+ declare const useSelectThemeStyles: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ customStyles, status, disabled, }: Props<O, IsMulti>) => Partial<Styles<O, IsMulti, import("react-select").GroupTypeBase<O>>> | undefined;
9
13
  export default useSelectThemeStyles;
@@ -1,8 +1,10 @@
1
1
  import { SelectActionsType } from './components/FooterActions';
2
2
  import { OptionType } from './components/Option';
3
+ import useSelectSimpleValue from './hooks/useSelectSimpleValue';
3
4
  import { useSelectMultiValues, useSelectValue } from './hooks/useSelectValue';
4
5
  import { AsyncCreatableSelect, AsyncSelect, CreatableSelect, Select } from './Select';
5
6
  import selectPalette, { SelectPalette } from './selectPalette';
6
- import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from './types';
7
+ import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps, simpleValue } from './types';
8
+ import { isSimpleValue } from './utils';
7
9
  declare type SelectComponentsType<O extends OptionType = OptionType, isMulti extends boolean = false> = Required<SelectProps<O, isMulti>['components']>;
8
- export { Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, OptionType, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, SelectPalette, selectPalette, SelectActionsType, useSelectValue, useSelectMultiValues, SelectComponentsType, };
10
+ export { Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, OptionType, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, SelectPalette, selectPalette, SelectActionsType, useSelectValue, useSelectMultiValues, SelectComponentsType, useSelectSimpleValue, simpleValue, isSimpleValue, };
@@ -2,6 +2,7 @@ import { Meta, Story } from '@storybook/react';
2
2
  import { OptionType } from './components/Option';
3
3
  import { SelectProps } from './types';
4
4
  export declare const Single: Story<SelectProps>;
5
+ export declare const Simple: Story<SelectProps>;
5
6
  export declare const Multi: Story<SelectProps<OptionType, true>>;
6
7
  declare const SelectStories: Meta<SelectProps>;
7
8
  export default SelectStories;
@@ -5,7 +5,14 @@ import { NamedProps, Props as ReactSelectProps } from 'react-select/src/Select';
5
5
  import { CommonFormTypes } from '../common/types';
6
6
  import { LabelProps } from '../label';
7
7
  import { OptionType } from './components/Option';
8
- export declare type SelectProps<O extends OptionType = OptionType, isMulti extends boolean = false, T = ReactSelectProps<O, isMulti>> = CommonFormTypes & LabelProps & T & NamedProps<O, isMulti>;
9
- export declare type CreatableSelectProps<O extends OptionType = OptionType, isMulti extends boolean = false> = SelectProps<O, isMulti, CreatableProps<O, isMulti>>;
10
- export declare type AsyncSelectProps<O extends OptionType = OptionType, isMulti extends boolean = false> = SelectProps<O, isMulti, AsyncProps<O, isMulti>>;
11
- export declare type AsyncCreatableSelectProps<O extends OptionType = OptionType, isMulti extends boolean = false> = SelectProps<O, isMulti, AsyncCreatableProps<O, isMulti>>;
8
+ import { CustomStylesType } from './hooks/useSelectThemeStyles';
9
+ export declare type SelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false, T = ReactSelectProps<O, IsMulti>> = CommonFormTypes & LabelProps & T & NamedProps<O, IsMulti> & {
10
+ isPrefilled?: boolean;
11
+ customStyles?: CustomStylesType<O, IsMulti>;
12
+ isTransparent?: boolean;
13
+ simpleValue?: simpleValue;
14
+ };
15
+ export declare type CreatableSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, CreatableProps<O, IsMulti>>;
16
+ export declare type AsyncSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncProps<O, IsMulti>>;
17
+ export declare type AsyncCreatableSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncCreatableProps<O, IsMulti>>;
18
+ export declare type simpleValue = string | number | null | undefined;
@@ -1,7 +1,10 @@
1
1
  import { DefaultTheme } from 'styled-components';
2
+ import { OptionType } from './components/Option';
2
3
  import { SelectStyles, SelectWrapperProps } from './SelectWrapper';
4
+ import { simpleValue } from './types';
3
5
  interface GetSelectParams extends SelectWrapperProps {
4
6
  theme: DefaultTheme;
5
7
  }
6
8
  export declare const getSelectStyles: ({ theme, disabled, status }: GetSelectParams) => SelectStyles;
9
+ export declare const isSimpleValue: <O extends OptionType = OptionType>(value: simpleValue | O) => value is simpleValue;
7
10
  export {};
@@ -1,6 +1,6 @@
1
1
  import { BoxedInputWrapperProps } from '../../common/styles';
2
2
  import { TextAreaElementProps } from '../types';
3
- declare const TextAreaElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, onKeyPress, status, onKeyDown, onKeyUp, onFocus, className, setValue, initialHeight, maxLength, isResizable, showCounter, }: TextAreaElementProps) => JSX.Element;
4
- export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'disabled' | 'status' | 'initialHeight' | 'isResizable'>;
3
+ declare const TextAreaElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, onKeyPress, status, onKeyDown, onKeyUp, onFocus, className, setValue, initialHeight, maxLength, isResizable, showCounter, isPrefilled, }: TextAreaElementProps) => JSX.Element;
4
+ export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'disabled' | 'status' | 'initialHeight' | 'isResizable' | 'isPrefilled'>;
5
5
  export declare type TextAreaStyles = Omit<BoxedInputWrapperProps, 'status'>;
6
6
  export default TextAreaElement;
@@ -7,4 +7,5 @@ export interface TextAreaElementProps extends CommonFormTypes, CharCounterOption
7
7
  setValue?: Dispatch<SetStateAction<string>>;
8
8
  showCounter?: boolean;
9
9
  isResizable?: boolean;
10
+ isPrefilled?: boolean;
10
11
  }
@@ -0,0 +1,21 @@
1
+ /// <reference types="react" />
2
+ export declare type TRadioButtonGroup = React.FC<{
3
+ options: Array<{
4
+ key: number;
5
+ label: string;
6
+ }>;
7
+ value: number;
8
+ onClick: (option: {
9
+ key: number;
10
+ label: string;
11
+ }) => void;
12
+ isDisabled?: boolean;
13
+ renderOption?: (props: {
14
+ isDisabled?: boolean;
15
+ isChecked: boolean;
16
+ label: string;
17
+ }) => JSX.Element;
18
+ optionsSpacing?: number;
19
+ style?: React.CSSProperties;
20
+ inline?: boolean;
21
+ }>;
@@ -0,0 +1,3 @@
1
+ /**
2
+ * TODO: Probably dead code
3
+ */
@@ -0,0 +1,17 @@
1
+ import { ItemsType } from '../types';
2
+ declare type TMasterElement = {
3
+ noResults?: boolean;
4
+ };
5
+ declare type TSingleElement = {
6
+ active?: boolean;
7
+ isDefault?: boolean;
8
+ onClick: (elem: ItemsType) => void;
9
+ };
10
+ export declare const StyledGroupedListWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
11
+ export declare const MasterElement: import("styled-components").StyledComponent<"div", any, TMasterElement, never>;
12
+ export declare const IconStyled: import("styled-components").StyledComponent<import("../../common/Icon/typings").IconType, any, {}, never>;
13
+ export declare const SingleElement: import("styled-components").StyledComponent<"div", any, TSingleElement, never>;
14
+ export declare const LeftSingleElement: import("styled-components").StyledComponent<"div", any, {}, never>;
15
+ export declare const RightSingleElement: import("styled-components").StyledComponent<"div", any, {}, never>;
16
+ export declare const NoResults: import("styled-components").StyledComponent<"span", any, {}, never>;
17
+ export {};
@@ -1,2 +1,3 @@
1
1
  import GroupedList from './groupedList';
2
- export { GroupedList };
2
+ import { GroupType, ItemType } from './types';
3
+ export { GroupedList, ItemType, GroupType };
@@ -0,0 +1,9 @@
1
+ import React, { Component } from 'react';
2
+ declare type Props = {
3
+ icon: string;
4
+ children: React.ReactNode;
5
+ };
6
+ declare class IconDropdown extends Component<Props, {}> {
7
+ render(): JSX.Element;
8
+ }
9
+ export default IconDropdown;
@@ -0,0 +1,2 @@
1
+ import IconDropdown from './iconDropdown';
2
+ export { IconDropdown };