@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,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 };