@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.
- 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 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { default as Select } from 'react-select';
|
|
3
|
+
import { default as AsyncSelect } from 'react-select/async';
|
|
4
|
+
import CreatableSelect from 'react-select/creatable';
|
|
5
|
+
import { InputActionMeta } from 'react-select/src/types';
|
|
6
|
+
export interface Props {
|
|
7
|
+
label?: string;
|
|
8
|
+
size?: 'medium' | 'large' | undefined;
|
|
9
|
+
inputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
|
|
10
|
+
getRef?: (node: any) => any;
|
|
11
|
+
}
|
|
12
|
+
export declare type TSelectProps = React.ComponentProps<typeof Select & Props>;
|
|
13
|
+
export declare type TAsyncSelectProps = React.ComponentProps<typeof AsyncSelect & Props>;
|
|
14
|
+
export declare type TSelectPropsCreatable = React.ComponentProps<typeof CreatableSelect> & {
|
|
15
|
+
label?: string;
|
|
16
|
+
size?: 'medium' | 'large' | undefined;
|
|
17
|
+
inputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
|
|
18
|
+
createOption?: (inputValue: string) => void;
|
|
19
|
+
};
|
|
20
|
+
export declare type TSelect = React.FunctionComponent<TSelectProps>;
|
|
21
|
+
export declare type TSelectCreatable = React.FunctionComponent<TSelectPropsCreatable>;
|
|
22
|
+
export declare type TSelectAsync = React.FunctionComponent<TAsyncSelectProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getRenderComponents: (size: string, isDisabled?: boolean | undefined, isSearchable?: boolean | undefined, menuIsOpen?: boolean | undefined) => {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import { TStepBar, UnstyledStepBarPropsInterface, UnstyledStepBarStateInterface } from './types';
|
|
3
|
+
export declare class UnstyledStepBar extends Component<UnstyledStepBarPropsInterface, UnstyledStepBarStateInterface> {
|
|
4
|
+
render(): JSX.Element;
|
|
5
|
+
}
|
|
6
|
+
declare const StepBar: TStepBar;
|
|
7
|
+
export default StepBar;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface StepProps {
|
|
3
|
+
title: string;
|
|
4
|
+
type: 'standard' | 'current' | 'completed';
|
|
5
|
+
number: number;
|
|
6
|
+
}
|
|
7
|
+
interface Props {
|
|
8
|
+
stepList: Array<StepProps>;
|
|
9
|
+
}
|
|
10
|
+
export declare type TStepBar = React.FunctionComponent<Props>;
|
|
11
|
+
export interface UnstyledStepBarPropsInterface extends Props {
|
|
12
|
+
}
|
|
13
|
+
export interface UnstyledStepBarStateInterface {
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Row } from 'react-table';
|
|
3
|
+
import { RowActions, TableData } from '../types';
|
|
4
|
+
interface Props<T extends TableData> {
|
|
5
|
+
row: Row<T>;
|
|
6
|
+
actions?: RowActions<T>;
|
|
7
|
+
renderActions?: () => JSX.Element;
|
|
8
|
+
}
|
|
9
|
+
declare const ActionsCell: <T extends TableData>({ row, actions, renderActions }: Props<T>) => JSX.Element;
|
|
10
|
+
export default ActionsCell;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Row, UseTableInstanceProps } from 'react-table';
|
|
2
|
+
import { TableData } from '../types';
|
|
3
|
+
interface Props<T extends TableData> {
|
|
4
|
+
rows: Row<T>[];
|
|
5
|
+
prepareRow: UseTableInstanceProps<T>['prepareRow'];
|
|
6
|
+
selectedRowsIds: string[];
|
|
7
|
+
}
|
|
8
|
+
declare const TableBody: <T extends TableData>({ rows, prepareRow, selectedRowsIds }: Props<T>) => JSX.Element;
|
|
9
|
+
export interface TableBodyTrProps {
|
|
10
|
+
isSelected?: boolean;
|
|
11
|
+
isDisabled?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export default TableBody;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HeaderGroup } from 'react-table';
|
|
2
|
+
import { TableData } from '../types';
|
|
3
|
+
interface Props<T extends TableData> {
|
|
4
|
+
headerGroups: HeaderGroup<T>[];
|
|
5
|
+
}
|
|
6
|
+
declare const TableHeader: <T extends TableData>({ headerGroups }: Props<T>) => JSX.Element;
|
|
7
|
+
export default TableHeader;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Row } from 'react-table';
|
|
2
|
+
import { RowAction, TableData } from '../../types';
|
|
3
|
+
interface Props<T extends TableData> {
|
|
4
|
+
row: Row<T>;
|
|
5
|
+
actions: RowAction<T>[];
|
|
6
|
+
rowIsDisabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const DropdownActions: <T extends TableData>({ row, actions, rowIsDisabled }: Props<T>) => JSX.Element;
|
|
9
|
+
export default DropdownActions;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Row } from 'react-table';
|
|
2
|
+
import { DropdownItemType } from '../../../dropdown/types';
|
|
3
|
+
import { RowAction, TableData } from '../../types';
|
|
4
|
+
interface Props<T extends TableData> {
|
|
5
|
+
action: RowAction<T>;
|
|
6
|
+
row: Row<T>;
|
|
7
|
+
rowIsDisabled?: boolean;
|
|
8
|
+
type?: DropdownItemType;
|
|
9
|
+
}
|
|
10
|
+
declare const PrimaryAction: <T extends TableData>({ action, row, rowIsDisabled, type, }: Props<T>) => JSX.Element | null;
|
|
11
|
+
export default PrimaryAction;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { HeaderProps, TableToggleAllRowsSelectedProps } from 'react-table';
|
|
3
|
+
import { TableData } from '../../types';
|
|
4
|
+
interface Props<T extends TableData> {
|
|
5
|
+
headerProps: PropsWithChildren<HeaderProps<T>>;
|
|
6
|
+
selectSinglePage?: boolean;
|
|
7
|
+
}
|
|
8
|
+
interface ReturnType extends TableToggleAllRowsSelectedProps {
|
|
9
|
+
disabled: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const useHeaderCheckboxProps: <T extends TableData>({ headerProps, selectSinglePage, }: Props<T>) => ReturnType;
|
|
12
|
+
export default useHeaderCheckboxProps;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { Component } from 'react';
|
|
2
|
-
import { DropResult, ResponderProvided } from 'react-beautiful-dnd';
|
|
3
2
|
import { CustomizationsModalPropsInterface, CustomizationsModalStateInterface } from '../../typings/main';
|
|
4
3
|
export declare class CustomizationsModal extends Component<CustomizationsModalPropsInterface, CustomizationsModalStateInterface> {
|
|
5
4
|
constructor(props: CustomizationsModalPropsInterface);
|
|
6
5
|
propertiesDisplayHandler: (id: string) => void;
|
|
7
|
-
onDragEnd: (result:
|
|
6
|
+
onDragEnd: (result: any, provided: any) => void;
|
|
8
7
|
resetProperties: () => void;
|
|
9
8
|
render(): JSX.Element;
|
|
10
9
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { DraggingStyle, NotDraggingStyle } from 'react-beautiful-dnd';
|
|
3
3
|
import { TControlledProperties } from '../../typings/main';
|
|
4
|
-
export declare const getItemStyle: (snapshot:
|
|
4
|
+
export declare const getItemStyle: (snapshot: any, draggableStyle?: DraggingStyle | NotDraggingStyle) => React.CSSProperties;
|
|
5
5
|
export declare const getListStyle: (isDraggingOver: boolean) => CSSProperties;
|
|
6
6
|
export declare const reorder: (list: TControlledProperties, startIndex: number, endIndex: number) => import("../../typings/main").TControlledProperty[];
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactText } from 'react';
|
|
2
|
+
interface Props extends PageButtonWrapperProps {
|
|
3
|
+
text: ReactText;
|
|
4
|
+
onClick: () => void;
|
|
5
|
+
}
|
|
6
|
+
declare const PageButton: ({ text, onClick, isActive }: Props) => JSX.Element;
|
|
7
|
+
export interface PageButtonWrapperProps {
|
|
8
|
+
isActive: boolean;
|
|
9
|
+
}
|
|
10
|
+
export default PageButton;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { UsePaginationInstanceProps } from 'react-table';
|
|
2
|
+
import { TableData } from '../../types';
|
|
3
|
+
interface Props<T extends TableData> {
|
|
4
|
+
pageCount: number;
|
|
5
|
+
pageIndex: number;
|
|
6
|
+
gotoPage: UsePaginationInstanceProps<T>['gotoPage'];
|
|
7
|
+
}
|
|
8
|
+
declare const PaginationButtons: <T extends TableData>({ pageCount, pageIndex, gotoPage }: Props<T>) => JSX.Element;
|
|
9
|
+
export default PaginationButtons;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { DefaultTheme } from 'styled-components';
|
|
2
|
+
import { paletteColor } from '../../../../styles/types';
|
|
3
|
+
import { PageButtonWrapperProps } from './PageButton';
|
|
4
|
+
interface GetPageButtonParams extends PageButtonWrapperProps {
|
|
5
|
+
theme: DefaultTheme;
|
|
6
|
+
}
|
|
7
|
+
export interface PageButtonStyles {
|
|
8
|
+
color: paletteColor;
|
|
9
|
+
background: paletteColor;
|
|
10
|
+
hoverColor: paletteColor;
|
|
11
|
+
hoverBackground: paletteColor;
|
|
12
|
+
}
|
|
13
|
+
export declare const getPageButtonStyles: ({ theme, isActive }: GetPageButtonParams) => PageButtonStyles;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type alignType = 'left' | 'center' | 'right';
|
|
3
|
+
interface Props extends React.HTMLAttributes<HTMLTableDataCellElement> {
|
|
4
|
+
align?: alignType;
|
|
5
|
+
}
|
|
6
|
+
export declare const TableTd: import("styled-components").StyledComponent<({ children, align, ...rest }: Props) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
+
export default TableTd;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type Props = React.HTMLAttributes<HTMLTableHeaderCellElement>;
|
|
3
|
+
export declare const TableTh: import("styled-components").StyledComponent<({ children, ...rest }: Props) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export default TableTh;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { PluginHook } from 'react-table';
|
|
2
|
+
import { TableProps } from '../Table';
|
|
3
|
+
import { TableData } from '../types';
|
|
4
|
+
declare type Props<T extends TableData> = Pick<TableProps<T>, 'actions' | 'withCheckbox' | 'renderActions'>;
|
|
5
|
+
declare const useTableHooks: <T extends TableData>({ actions, renderActions, withCheckbox }: Props<T>) => PluginHook<T>[];
|
|
6
|
+
export default useTableHooks;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
+
import { Row } from 'react-table';
|
|
3
|
+
import { TableData } from '../types';
|
|
4
|
+
interface Props {
|
|
5
|
+
initialFilter?: string;
|
|
6
|
+
}
|
|
7
|
+
interface ReturnType<DataType extends TableData> {
|
|
8
|
+
filter: string;
|
|
9
|
+
setFilter: Dispatch<SetStateAction<string>>;
|
|
10
|
+
selection: Row<DataType>[];
|
|
11
|
+
setSelection: Dispatch<SetStateAction<Row<DataType>[]>>;
|
|
12
|
+
}
|
|
13
|
+
declare const useTableValues: <DataType extends TableData>({ initialFilter }?: Props) => ReturnType<DataType>;
|
|
14
|
+
export default useTableValues;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { roleType } from './Role';
|
|
2
|
+
export interface CustomPersonData {
|
|
3
|
+
img: string;
|
|
4
|
+
name: string;
|
|
5
|
+
role?: roleType;
|
|
6
|
+
}
|
|
7
|
+
export interface DataType {
|
|
8
|
+
person: CustomPersonData;
|
|
9
|
+
name: string;
|
|
10
|
+
address: string;
|
|
11
|
+
date: string;
|
|
12
|
+
order: number;
|
|
13
|
+
isDisabled?: boolean;
|
|
14
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { colorsPalette } from '../../common/types/colorsPalette';
|
|
2
|
+
import { ButtonProps, IconButtonProps } from '../buttons';
|
|
3
|
+
import { DropdownItemType } from '../dropdown/types';
|
|
4
|
+
declare type TableHeaderPalette = colorsPalette;
|
|
5
|
+
declare type rowStatus = 'normal' | 'hover' | 'selected' | 'disabled';
|
|
6
|
+
declare type TableRowsPalette = {
|
|
7
|
+
[k in rowStatus]: colorsPalette;
|
|
8
|
+
};
|
|
9
|
+
interface SelectedRowsCountPalette extends colorsPalette {
|
|
10
|
+
resetButtonColor: ButtonProps['color'];
|
|
11
|
+
}
|
|
12
|
+
declare type paginationItemStatus = 'normal' | 'hover' | 'active';
|
|
13
|
+
declare type PaginationPalette = {
|
|
14
|
+
numbers: {
|
|
15
|
+
[k in paginationItemStatus]: colorsPalette;
|
|
16
|
+
};
|
|
17
|
+
buttons: ButtonProps['color'];
|
|
18
|
+
};
|
|
19
|
+
declare type ActionsPalette = {
|
|
20
|
+
colors: {
|
|
21
|
+
[k in DropdownItemType]: ButtonProps['color'];
|
|
22
|
+
};
|
|
23
|
+
dropdownTriggerColor: IconButtonProps['color'];
|
|
24
|
+
};
|
|
25
|
+
export interface TablePalette {
|
|
26
|
+
header: TableHeaderPalette;
|
|
27
|
+
rows: TableRowsPalette;
|
|
28
|
+
selectedRowsCount: SelectedRowsCountPalette;
|
|
29
|
+
actions: ActionsPalette;
|
|
30
|
+
pagination: PaginationPalette;
|
|
31
|
+
}
|
|
32
|
+
declare const tablePalette: TablePalette;
|
|
33
|
+
export default tablePalette;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Row, SortingRule } from 'react-table';
|
|
2
|
+
import { DropdownItemType } from '../dropdown/types';
|
|
3
|
+
import { IconProps } from '../icon';
|
|
4
|
+
export interface TableData {
|
|
5
|
+
isDisabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export interface CustomColumn {
|
|
8
|
+
align?: 'left' | 'center' | 'right';
|
|
9
|
+
}
|
|
10
|
+
export interface RowActions<T extends TableData> {
|
|
11
|
+
primary?: RowAction<T>;
|
|
12
|
+
dropdown?: RowAction<T>[];
|
|
13
|
+
}
|
|
14
|
+
export interface RowAction<T extends TableData> {
|
|
15
|
+
icon?: IconProps;
|
|
16
|
+
type?: DropdownItemType;
|
|
17
|
+
text: string;
|
|
18
|
+
onClick: (row: Row<T>) => void;
|
|
19
|
+
isDisabled?: boolean;
|
|
20
|
+
}
|
|
21
|
+
interface ManualPaginationConfig {
|
|
22
|
+
pageCount: number;
|
|
23
|
+
setCurrentPage: (page: number) => void;
|
|
24
|
+
}
|
|
25
|
+
export declare type ManualPagination = ManualPaginationConfig | undefined;
|
|
26
|
+
export declare type OnSort<T extends TableData> = (sortBy: Array<SortingRule<T>>) => void;
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { DefaultTheme } from 'styled-components';
|
|
2
|
+
import { paletteColor } from '../../styles/types';
|
|
3
|
+
import { TableBodyTrProps } from './components/TableBody';
|
|
4
|
+
interface GetTableBodyTrStylesParams extends TableBodyTrProps {
|
|
5
|
+
theme: DefaultTheme;
|
|
6
|
+
}
|
|
7
|
+
export interface TableBodyTrStyles {
|
|
8
|
+
background: paletteColor;
|
|
9
|
+
color: paletteColor;
|
|
10
|
+
hoverColor: paletteColor;
|
|
11
|
+
hoverBackground: paletteColor;
|
|
12
|
+
}
|
|
13
|
+
export declare const getTableBodyTrStyles: ({ theme, isDisabled, isSelected, }: GetTableBodyTrStylesParams) => TableBodyTrStyles;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TabsItem } from '../../types';
|
|
3
|
+
interface Props extends TabsItem {
|
|
4
|
+
tabRef?: React.RefObject<HTMLDivElement>;
|
|
5
|
+
}
|
|
6
|
+
declare const Item: ({ handleClick, active, text, tabRef }: Props) => JSX.Element;
|
|
7
|
+
export { Props as TabsItemProps };
|
|
8
|
+
export default Item;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
import { TabsProps } from '../tabs';
|
|
3
|
+
interface Params extends Required<Pick<TabsProps, 'distance' | 'lateralPadding' | 'scrollable'>> {
|
|
4
|
+
tabsLength: number;
|
|
5
|
+
wrapperWidth: number;
|
|
6
|
+
tabsRefs: RefObject<HTMLDivElement>[];
|
|
7
|
+
}
|
|
8
|
+
interface ReturnType {
|
|
9
|
+
visibleCount: number;
|
|
10
|
+
}
|
|
11
|
+
declare const useTabItemsCount: ({ scrollable, distance, tabsLength, wrapperWidth, tabsRefs, lateralPadding }: Params) => ReturnType;
|
|
12
|
+
export default useTabItemsCount;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TabsItem } from './types';
|
|
3
|
+
interface Props {
|
|
4
|
+
className?: string;
|
|
5
|
+
tabs: TabsItem[];
|
|
6
|
+
distance?: number;
|
|
7
|
+
lateralPadding?: number;
|
|
8
|
+
scrollable?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const Tabs: ({ tabs, className, scrollable, distance, lateralPadding }: Props) => JSX.Element;
|
|
11
|
+
export { Props as TabsProps };
|
|
12
|
+
export default Tabs;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IconProps } from '../../../index';
|
|
2
|
+
import { TagStyle, TagType } from '../types';
|
|
3
|
+
export declare const StyledTag: import("styled-components").StyledComponent<"div", any, {
|
|
4
|
+
type: TagType;
|
|
5
|
+
tagStyle: TagStyle;
|
|
6
|
+
}, never>;
|
|
7
|
+
export declare const TagText: import("styled-components").StyledComponent<"div", any, {
|
|
8
|
+
leftIcon: IconProps | undefined;
|
|
9
|
+
rightIcon: IconProps | undefined;
|
|
10
|
+
}, never>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface Props extends WrapperProps {
|
|
3
|
+
text: string;
|
|
4
|
+
}
|
|
5
|
+
declare const TextButton: ({ isDisabled, onClick, text, ...rest }: Props) => JSX.Element;
|
|
6
|
+
interface WrapperProps {
|
|
7
|
+
color?: 'blue' | 'red' | 'green' | 'yellow' | 'white';
|
|
8
|
+
isDisabled?: boolean;
|
|
9
|
+
onClick: () => void;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
export default TextButton;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { TPlacement } from '../types';
|
|
2
|
+
interface MessageInterface {
|
|
3
|
+
messageHeight: number;
|
|
4
|
+
messageWidth: number;
|
|
5
|
+
placement: TPlacement;
|
|
6
|
+
triggerDimension: {
|
|
7
|
+
width: number;
|
|
8
|
+
height: number;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
export declare const Message: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, MessageInterface, never>;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const StyledTooltipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { Component } from 'react';
|
|
2
|
+
import { UnstyledTooltipPropsInterface, UnstyledTooltipStateInterface, TTooltip } from './types';
|
|
3
|
+
export declare class UnstyledTooltip extends Component<UnstyledTooltipPropsInterface, UnstyledTooltipStateInterface> {
|
|
4
|
+
constructor(props: UnstyledTooltipPropsInterface);
|
|
5
|
+
messageRef: React.RefObject<HTMLDivElement>;
|
|
6
|
+
triggerRef: React.RefObject<HTMLDivElement>;
|
|
7
|
+
componentDidMount(): void;
|
|
8
|
+
componentDidUpdate(prevProps: UnstyledTooltipPropsInterface): void;
|
|
9
|
+
handleMouseLeave: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
10
|
+
handleMouseEnter: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
11
|
+
updateStateDimensions: (width: number, height: number) => void;
|
|
12
|
+
render(): JSX.Element;
|
|
13
|
+
}
|
|
14
|
+
declare const Tooltip: TTooltip;
|
|
15
|
+
export default Tooltip;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|