@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.
- package/CHANGELOG.md +51 -0
- package/dist/components/avatar/AvatarImage.d.ts +3 -0
- package/dist/components/avatar/AvatarInitials.d.ts +3 -0
- package/dist/components/avatar/AvatarPlaceholder.d.ts +3 -0
- package/dist/components/avatar/baseAvatar.d.ts +3 -0
- package/dist/components/avatar/typings/avatar.d.ts +30 -0
- package/dist/components/badge/{Badge.d.ts → badge.d.ts} +0 -0
- package/dist/components/badge/components/styledBadgeWrapper.d.ts +1 -0
- package/dist/components/badge/index.d.ts +3 -0
- package/dist/components/buttons/baseButton.d.ts +3 -0
- package/dist/components/buttons/button/Button.d.ts +2 -2
- package/dist/components/buttons/button.d.ts +3 -0
- package/dist/components/buttons/buttons.stories.d.ts +1 -0
- package/dist/components/buttons/iconButton.d.ts +3 -0
- package/dist/components/buttons/iconButton.stories.d.ts +1 -0
- package/dist/components/buttons/typings/baseButton.d.ts +15 -0
- package/dist/components/buttons/typings/buttons.d.ts +9 -0
- package/dist/components/buttons/typings/iconButton.d.ts +13 -0
- package/dist/components/buttons/utils.d.ts +47 -0
- package/dist/components/checkbox/Checkbox.d.ts +15 -0
- package/dist/components/checkbox/checkbox.stories.d.ts +1 -0
- package/dist/components/checkbox/checkboxPalette.d.ts +16 -0
- package/dist/components/checkbox/components/Input.d.ts +9 -0
- package/dist/components/checkbox/components/checkbox-input.d.ts +2 -0
- package/dist/components/checkbox/components/container.d.ts +2 -0
- package/dist/components/checkbox/components/label.d.ts +8 -0
- package/dist/components/checkbox/components/styledCheckboxInputWrapper.d.ts +2 -0
- package/dist/components/checkbox/hooks/useCheckboxValue.d.ts +11 -0
- package/dist/components/checkbox/index.d.ts +4 -0
- package/dist/components/checkbox/types.d.ts +19 -0
- package/dist/components/checkbox/typings/checkbox.d.ts +38 -0
- package/dist/components/checkbox/utils.d.ts +24 -0
- package/dist/components/common/Icon/components/backgroundWrapper.d.ts +5 -0
- package/dist/components/common/Icon/icon.stories.d.ts +1 -0
- package/dist/components/common/Icon/index.d.ts +6 -0
- package/dist/components/common/Icon/typings.d.ts +43 -0
- package/dist/components/dropdown/components/DefaultTrigger.d.ts +2 -2
- package/dist/components/dropdown/components/StyledDropdown.d.ts +8 -0
- package/dist/components/dropdown/components/StyledDropdownWrapper.d.ts +10 -0
- package/dist/components/dropdown/components/UnstyledDropdown.d.ts +13 -0
- package/dist/components/dropdownLegacy/DropdownImpl.d.ts +12 -0
- package/dist/components/dropdownLegacy/components/Item.d.ts +8 -0
- package/dist/components/dropdownLegacy/components/Separator.d.ts +2 -0
- package/dist/components/dropdownLegacy/components/ShortcutText.d.ts +1 -0
- package/dist/components/dropdownLegacy/components/Title.d.ts +4 -0
- package/dist/components/dropdownLegacy/components/UserListItem.d.ts +6 -0
- package/dist/components/dropdownLegacy/dropdown.d.ts +13 -0
- package/dist/components/dropdownLegacy/dropdown.stories.d.ts +1 -0
- package/dist/components/dropdownLegacy/types.d.ts +45 -0
- package/dist/components/dropdownV2/DropdownImpl.d.ts +4 -0
- package/dist/components/dropdownV2/components/Item.d.ts +8 -0
- package/dist/components/dropdownV2/components/Separator.d.ts +3 -0
- package/dist/components/dropdownV2/components/ShortcutText.d.ts +1 -0
- package/dist/components/dropdownV2/components/Title.d.ts +4 -0
- package/dist/components/dropdownV2/components/UserListItem.d.ts +6 -0
- package/dist/components/dropdownV2/dropdown.d.ts +14 -0
- package/dist/components/dropdownV2/dropdown.stories.d.ts +1 -0
- package/dist/components/dropdownV2/index.d.ts +3 -0
- package/dist/components/dropdownV2/types.d.ts +49 -0
- package/dist/components/form/common/styles.d.ts +2 -0
- package/dist/components/form/fileUploader/FileUploader.d.ts +14 -0
- package/dist/components/form/fileUploader/components/FileUploaderContent.d.ts +12 -0
- package/dist/components/form/fileUploader/fileUploader.stories.d.ts +5 -0
- package/dist/components/form/fileUploader/fileUploaderPalette.d.ts +18 -0
- package/dist/components/form/fileUploader/hooks/useCustomPalette.d.ts +3 -0
- package/dist/components/form/fileUploader/hooks/useIcon.d.ts +4 -0
- package/dist/components/form/fileUploader/hooks/useTexts.d.ts +3 -0
- package/dist/components/form/fileUploader/index.d.ts +4 -0
- package/dist/components/form/fileUploader/styled.d.ts +14 -0
- package/dist/components/form/fileUploader/types.d.ts +18 -0
- package/dist/components/form/fileUploader/utils.d.ts +2 -0
- package/dist/components/form/inputText/InputText.d.ts +2 -1
- package/dist/components/form/inputText/components/InputElement.d.ts +4 -2
- package/dist/components/form/inputText/components/UnitDropdown.d.ts +7 -0
- package/dist/components/form/inputText/components/unitDropdown/UnitDropdownTrigger.d.ts +9 -0
- package/dist/components/form/inputText/index.d.ts +2 -1
- package/dist/components/form/inputText/inputText.stories.d.ts +1 -0
- package/dist/components/form/inputText/types.d.ts +5 -1
- package/dist/components/form/label/Label.d.ts +2 -1
- package/dist/components/form/select/SelectWrapper.d.ts +2 -2
- package/dist/components/form/select/components/Option.d.ts +1 -1
- package/dist/components/form/select/hooks/useSelectGeneric.d.ts +10 -0
- package/dist/components/form/select/hooks/useSelectSimpleValue.d.ts +8 -0
- package/dist/components/form/select/hooks/useSelectThemeStyles.d.ts +6 -2
- package/dist/components/form/select/index.d.ts +4 -2
- package/dist/components/form/select/select.stories.d.ts +1 -0
- package/dist/components/form/select/types.d.ts +11 -4
- package/dist/components/form/select/utils.d.ts +3 -0
- package/dist/components/form/textArea/components/TextAreaElement.d.ts +2 -2
- package/dist/components/form/textArea/types.d.ts +1 -0
- package/dist/components/groupRadioButton/typings/groupRadioButton.d.ts +21 -0
- package/dist/components/groupRadioButton/utils.d.ts +3 -0
- package/dist/components/groupedList/components/StyledGroupedList.d.ts +17 -0
- package/dist/components/groupedList/index.d.ts +2 -1
- package/dist/components/iconDropdown/iconDropdown.d.ts +9 -0
- package/dist/components/iconDropdown/index.d.ts +2 -0
- package/dist/components/inlineMessages/utils.d.ts +295 -0
- package/dist/components/inputText/components/icons.d.ts +8 -0
- package/dist/components/inputText/components/inputContainer.d.ts +1 -0
- package/dist/components/inputText/components/messages.d.ts +2 -0
- package/dist/components/inputText/components/wrapperTextArea.d.ts +1 -0
- package/dist/components/inputText/icons.d.ts +9 -0
- package/dist/components/inputText/index.d.ts +3 -0
- package/dist/components/inputText/inputText.stories.d.ts +1 -0
- package/dist/components/inputText/inputTextStyledWrapper.d.ts +2 -0
- package/dist/components/inputText/sideText.d.ts +6 -0
- package/dist/components/inputText/typings/enums.d.ts +17 -0
- package/dist/components/inputText/typings/inputText.d.ts +43 -0
- package/dist/components/inputText/utils.d.ts +8 -0
- package/dist/components/layout/sidebarItem/sidebarItem.stories.d.ts +5 -1
- package/dist/components/microTag/index.d.ts +2 -2
- package/dist/components/modals/components/HeaderSearch.d.ts +8 -0
- package/dist/components/modals/modalStyled.d.ts +2 -0
- package/dist/components/modals/modalStyledWrapper.d.ts +2 -0
- package/dist/components/modals/types.d.ts +2 -0
- package/dist/components/navigationDropdown/index.d.ts +2 -0
- package/dist/components/navigationDropdown/navigationDropdown.d.ts +9 -0
- package/dist/components/select/custom-select-style.d.ts +2 -0
- package/dist/components/select/hooks/constants.d.ts +4613 -0
- package/dist/components/select/hooks/useCustomSelectStyle.d.ts +4 -0
- package/dist/components/select/index.d.ts +4 -0
- package/dist/components/select/select.stories.d.ts +1 -0
- package/dist/components/select/typings/select.d.ts +22 -0
- package/dist/components/select/utils.d.ts +1 -0
- package/dist/components/stepBar/components/singleStep.d.ts +3 -0
- package/dist/components/stepBar/components/styledStepBarWrapper.d.ts +2 -0
- package/dist/components/stepBar/index.d.ts +2 -0
- package/dist/components/stepBar/stepBar.d.ts +7 -0
- package/dist/components/stepBar/stepBar.stories.d.ts +1 -0
- package/dist/components/stepBar/types.d.ts +15 -0
- package/dist/components/table/components/ActionsCell.d.ts +10 -0
- package/dist/components/table/components/EmptyState.d.ts +7 -0
- package/dist/components/table/components/SelectedRowsCount.d.ts +6 -0
- package/dist/components/table/components/SortIndicator.d.ts +6 -0
- package/dist/components/table/components/TableBody.d.ts +13 -0
- package/dist/components/table/components/TableFoot.d.ts +2 -0
- package/dist/components/table/components/TableHeader.d.ts +7 -0
- package/dist/components/table/components/actions/DropdownActions.d.ts +9 -0
- package/dist/components/table/components/actions/PrimaryAction.d.ts +11 -0
- package/dist/components/table/components/checkboxes/Cell.d.ts +4 -0
- package/dist/components/table/components/checkboxes/Header.d.ts +4 -0
- package/dist/components/table/components/checkboxes/useHeaderCheckboxProps.d.ts +12 -0
- package/dist/components/table/components/customizationModal/customizationsModal.d.ts +1 -2
- package/dist/components/table/components/customizationModal/utils.d.ts +2 -2
- package/dist/components/table/components/pagination/PageButton.d.ts +10 -0
- package/dist/components/table/components/pagination/PaginationButtons.d.ts +9 -0
- package/dist/components/table/components/pagination/utils.d.ts +14 -0
- package/dist/components/table/components/tableParts/TableTd.d.ts +7 -0
- package/dist/components/table/components/tableParts/TableTh.d.ts +4 -0
- package/dist/components/table/components/tableParts/styled.d.ts +2 -0
- package/dist/components/table/hooks/useCheckboxesComponents.d.ts +4 -0
- package/dist/components/table/hooks/useTableHooks.d.ts +6 -0
- package/dist/components/table/hooks/useTableValues.d.ts +14 -0
- package/dist/components/table/stories/columns.d.ts +3 -0
- package/dist/components/table/stories/components/CustomPerson.d.ts +6 -0
- package/dist/components/table/stories/components/Role.d.ts +7 -0
- package/dist/components/table/stories/components/types.d.ts +14 -0
- package/dist/components/table/stories/data.d.ts +2 -0
- package/dist/components/table/tablePalette.d.ts +33 -0
- package/dist/components/table/types.d.ts +27 -0
- package/dist/components/table/utils.d.ts +14 -0
- package/dist/components/tabs/components/item/Item.d.ts +8 -0
- package/dist/components/tabs/components/item/components/ActiveTag.d.ts +6 -0
- package/dist/components/tabs/components/item/components/Tab.d.ts +6 -0
- package/dist/components/tabs/components/tabsDropdown/TabsDropdown.d.ts +8 -0
- package/dist/components/tabs/components/tabsDropdown/components/TabsDropdownTrigger.d.ts +7 -0
- package/dist/components/tabs/hooks/useResizedWidth.d.ts +7 -0
- package/dist/components/tabs/hooks/useTabItemsCount.d.ts +12 -0
- package/dist/components/tabs/tabs.d.ts +12 -0
- package/dist/components/tabs/types.d.ts +5 -0
- package/dist/components/tag/components/StyledTag.d.ts +10 -0
- package/dist/components/tag/index.d.ts +2 -1
- package/dist/components/test/index.d.ts +2 -0
- package/dist/components/test/test.d.ts +5 -0
- package/dist/components/textButton/TextButton.d.ts +12 -0
- package/dist/components/textButton/index.d.ts +2 -0
- package/dist/components/textButton/textButton.stories.d.ts +1 -0
- package/dist/components/tooltips/components/message.d.ts +12 -0
- package/dist/components/tooltips/components/styledTooltipWrapper.d.ts +1 -0
- package/dist/components/tooltips/index.d.ts +2 -0
- package/dist/components/tooltips/tooltips.d.ts +15 -0
- package/dist/components/tooltips/tooltips.stories.d.ts +1 -0
- package/dist/components/tooltips/types.d.ts +25 -0
- package/dist/index.d.ts +9 -7
- package/dist/index.esm.js +15 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +14 -1
- package/dist/index.js.map +1 -1
- package/dist/styles/default-palette/base.d.ts +18 -0
- package/dist/styles/default-palette/blue.d.ts +12 -0
- package/dist/styles/default-palette/cyan.d.ts +12 -0
- package/dist/styles/default-palette/fucsia.d.ts +12 -0
- package/dist/styles/default-palette/green.d.ts +12 -0
- package/dist/styles/default-palette/grey.d.ts +12 -0
- package/dist/styles/default-palette/index.d.ts +152 -0
- package/dist/styles/default-palette/indigo.d.ts +12 -0
- package/dist/styles/default-palette/orange.d.ts +12 -0
- package/dist/styles/default-palette/pink.d.ts +12 -0
- package/dist/styles/default-palette/red.d.ts +12 -0
- package/dist/styles/default-palette/yellow.d.ts +12 -0
- package/dist/styles/defaultPalette/base.d.ts +18 -0
- package/dist/styles/defaultPalette/blue.d.ts +12 -0
- package/dist/styles/defaultPalette/colors/others.d.ts +1 -0
- package/dist/styles/defaultPalette/cyan.d.ts +12 -0
- package/dist/styles/defaultPalette/fuchsia.d.ts +12 -0
- package/dist/styles/defaultPalette/green.d.ts +12 -0
- package/dist/styles/defaultPalette/grey.d.ts +12 -0
- package/dist/styles/defaultPalette/indigo.d.ts +12 -0
- package/dist/styles/defaultPalette/orange.d.ts +12 -0
- package/dist/styles/defaultPalette/pink.d.ts +12 -0
- package/dist/styles/defaultPalette/red.d.ts +12 -0
- package/dist/styles/defaultPalette/yellow.d.ts +12 -0
- package/dist/styles/fic-palette/base.d.ts +18 -0
- package/dist/styles/fic-palette/blue.d.ts +12 -0
- package/dist/styles/fic-palette/cyan.d.ts +12 -0
- package/dist/styles/fic-palette/fucsia.d.ts +12 -0
- package/dist/styles/fic-palette/green.d.ts +12 -0
- package/dist/styles/fic-palette/grey.d.ts +12 -0
- package/dist/styles/fic-palette/index.d.ts +141 -0
- package/dist/styles/fic-palette/indigo.d.ts +12 -0
- package/dist/styles/fic-palette/orange.d.ts +12 -0
- package/dist/styles/fic-palette/pink.d.ts +12 -0
- package/dist/styles/fic-palette/red.d.ts +12 -0
- package/dist/styles/fic-palette/yellow.d.ts +12 -0
- package/dist/styles/palette.d.ts +298 -0
- package/dist/styles/shadows.d.ts +3 -0
- package/dist/styles/theme.d.ts +2 -0
- package/dist/utils/FICNumbers.d.ts +11 -0
- 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 @@
|
|
1
|
+
export declare const ShortcutText: import("styled-components").StyledComponent<"span", any, {}, never>;
|
@@ -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,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,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,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 {};
|
@@ -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:
|
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
|
4
|
-
|
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;
|
@@ -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
|
-
|
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,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:
|
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
|
-
|
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<
|
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
|
-
|
9
|
-
export declare type
|
10
|
-
|
11
|
-
|
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;
|
@@ -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,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 {};
|