@fattureincloud/fic-design-system 0.4.6-expenses.1 → 0.4.7
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +2 -1
- package/dist/components/badge/{badge.d.ts → Badge.d.ts} +0 -0
- package/dist/components/form/checkbox/index.d.ts +2 -1
- package/dist/components/form/fileUploader/hooks/useIcon.d.ts +1 -1
- package/dist/components/form/fileUploader/hooks/useTexts.d.ts +2 -2
- package/dist/components/table/Table.d.ts +20 -0
- package/dist/components/table/components/Pagination.d.ts +7 -0
- package/dist/components/table/components/customizationModal/customizationsModal.d.ts +2 -1
- package/dist/components/table/components/customizationModal/utils.d.ts +2 -2
- package/dist/components/table/index.d.ts +6 -2
- package/dist/components/table/table.stories.d.ts +5 -8
- package/dist/index.d.ts +3 -3
- package/dist/index.esm.js +4 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/styles/theme.d.ts +2 -0
- package/package.json +2 -2
- package/dist/components/avatar/AvatarImage.d.ts +0 -3
- package/dist/components/avatar/AvatarInitials.d.ts +0 -3
- package/dist/components/avatar/AvatarPlaceholder.d.ts +0 -3
- package/dist/components/avatar/baseAvatar.d.ts +0 -3
- package/dist/components/avatar/typings/avatar.d.ts +0 -30
- package/dist/components/badge/components/styledBadgeWrapper.d.ts +0 -1
- package/dist/components/buttons/baseButton.d.ts +0 -3
- package/dist/components/buttons/button.d.ts +0 -3
- package/dist/components/buttons/buttons.stories.d.ts +0 -1
- package/dist/components/buttons/iconButton.d.ts +0 -3
- package/dist/components/buttons/iconButton.stories.d.ts +0 -1
- package/dist/components/buttons/typings/baseButton.d.ts +0 -15
- package/dist/components/buttons/typings/buttons.d.ts +0 -9
- package/dist/components/buttons/typings/iconButton.d.ts +0 -13
- package/dist/components/buttons/utils.d.ts +0 -47
- package/dist/components/checkbox/Checkbox.d.ts +0 -15
- package/dist/components/checkbox/checkbox.stories.d.ts +0 -1
- package/dist/components/checkbox/checkboxPalette.d.ts +0 -16
- package/dist/components/checkbox/components/Input.d.ts +0 -9
- package/dist/components/checkbox/components/checkbox-input.d.ts +0 -2
- package/dist/components/checkbox/components/container.d.ts +0 -2
- package/dist/components/checkbox/components/label.d.ts +0 -8
- package/dist/components/checkbox/components/styledCheckboxInputWrapper.d.ts +0 -2
- package/dist/components/checkbox/hooks/useCheckboxValue.d.ts +0 -11
- package/dist/components/checkbox/index.d.ts +0 -4
- package/dist/components/checkbox/types.d.ts +0 -19
- package/dist/components/checkbox/typings/checkbox.d.ts +0 -38
- package/dist/components/checkbox/utils.d.ts +0 -24
- package/dist/components/common/Icon/components/backgroundWrapper.d.ts +0 -5
- package/dist/components/common/Icon/icon.stories.d.ts +0 -1
- package/dist/components/common/Icon/index.d.ts +0 -6
- package/dist/components/common/Icon/typings.d.ts +0 -43
- package/dist/components/dropdown/components/StyledDropdown.d.ts +0 -8
- package/dist/components/dropdown/components/StyledDropdownWrapper.d.ts +0 -10
- package/dist/components/dropdown/components/UnstyledDropdown.d.ts +0 -13
- package/dist/components/dropdownLegacy/DropdownImpl.d.ts +0 -12
- package/dist/components/dropdownLegacy/components/Item.d.ts +0 -8
- package/dist/components/dropdownLegacy/components/Separator.d.ts +0 -2
- package/dist/components/dropdownLegacy/components/ShortcutText.d.ts +0 -1
- package/dist/components/dropdownLegacy/components/Title.d.ts +0 -4
- package/dist/components/dropdownLegacy/components/UserListItem.d.ts +0 -6
- package/dist/components/dropdownLegacy/dropdown.d.ts +0 -13
- package/dist/components/dropdownLegacy/dropdown.stories.d.ts +0 -1
- package/dist/components/dropdownLegacy/types.d.ts +0 -45
- package/dist/components/dropdownV2/DropdownImpl.d.ts +0 -4
- package/dist/components/dropdownV2/components/Item.d.ts +0 -8
- package/dist/components/dropdownV2/components/Separator.d.ts +0 -3
- package/dist/components/dropdownV2/components/ShortcutText.d.ts +0 -1
- package/dist/components/dropdownV2/components/Title.d.ts +0 -4
- package/dist/components/dropdownV2/components/UserListItem.d.ts +0 -6
- package/dist/components/dropdownV2/dropdown.d.ts +0 -14
- package/dist/components/dropdownV2/dropdown.stories.d.ts +0 -1
- package/dist/components/dropdownV2/index.d.ts +0 -3
- package/dist/components/dropdownV2/types.d.ts +0 -49
- package/dist/components/groupRadioButton/typings/groupRadioButton.d.ts +0 -21
- package/dist/components/groupRadioButton/utils.d.ts +0 -3
- package/dist/components/groupedList/components/StyledGroupedList.d.ts +0 -17
- package/dist/components/iconDropdown/iconDropdown.d.ts +0 -9
- package/dist/components/iconDropdown/index.d.ts +0 -2
- package/dist/components/inlineMessages/utils.d.ts +0 -295
- package/dist/components/inputText/components/icons.d.ts +0 -8
- package/dist/components/inputText/components/inputContainer.d.ts +0 -1
- package/dist/components/inputText/components/messages.d.ts +0 -2
- package/dist/components/inputText/components/wrapperTextArea.d.ts +0 -1
- package/dist/components/inputText/icons.d.ts +0 -9
- package/dist/components/inputText/index.d.ts +0 -3
- package/dist/components/inputText/inputText.stories.d.ts +0 -1
- package/dist/components/inputText/inputTextStyledWrapper.d.ts +0 -2
- package/dist/components/inputText/sideText.d.ts +0 -6
- package/dist/components/inputText/typings/enums.d.ts +0 -17
- package/dist/components/inputText/typings/inputText.d.ts +0 -43
- package/dist/components/inputText/utils.d.ts +0 -8
- package/dist/components/modals/components/HeaderSearch.d.ts +0 -8
- package/dist/components/modals/modalStyledWrapper.d.ts +0 -2
- package/dist/components/navigationDropdown/index.d.ts +0 -2
- package/dist/components/navigationDropdown/navigationDropdown.d.ts +0 -9
- package/dist/components/select/custom-select-style.d.ts +0 -2
- package/dist/components/select/hooks/constants.d.ts +0 -4613
- package/dist/components/select/hooks/useCustomSelectStyle.d.ts +0 -4
- package/dist/components/select/index.d.ts +0 -4
- package/dist/components/select/select.stories.d.ts +0 -1
- package/dist/components/select/typings/select.d.ts +0 -22
- package/dist/components/select/utils.d.ts +0 -1
- package/dist/components/stepBar/components/singleStep.d.ts +0 -3
- package/dist/components/stepBar/components/styledStepBarWrapper.d.ts +0 -2
- package/dist/components/stepBar/index.d.ts +0 -2
- package/dist/components/stepBar/stepBar.d.ts +0 -7
- package/dist/components/stepBar/stepBar.stories.d.ts +0 -1
- package/dist/components/stepBar/types.d.ts +0 -15
- package/dist/components/table/components/pagination.d.ts +0 -2
- package/dist/components/table/table.d.ts +0 -2
- package/dist/components/tabs/components/item/Item.d.ts +0 -8
- package/dist/components/tabs/components/item/components/ActiveTag.d.ts +0 -6
- package/dist/components/tabs/components/item/components/Tab.d.ts +0 -6
- package/dist/components/tabs/components/tabsDropdown/TabsDropdown.d.ts +0 -8
- package/dist/components/tabs/components/tabsDropdown/components/TabsDropdownTrigger.d.ts +0 -7
- package/dist/components/tabs/hooks/useResizedWidth.d.ts +0 -7
- package/dist/components/tabs/hooks/useTabItemsCount.d.ts +0 -12
- package/dist/components/tabs/tabs.d.ts +0 -12
- package/dist/components/tabs/types.d.ts +0 -5
- package/dist/components/tag/components/StyledTag.d.ts +0 -10
- package/dist/components/test/index.d.ts +0 -2
- package/dist/components/test/test.d.ts +0 -5
- package/dist/components/textButton/TextButton.d.ts +0 -12
- package/dist/components/textButton/index.d.ts +0 -2
- package/dist/components/textButton/textButton.stories.d.ts +0 -1
- package/dist/components/tooltips/components/message.d.ts +0 -12
- package/dist/components/tooltips/components/styledTooltipWrapper.d.ts +0 -1
- package/dist/components/tooltips/index.d.ts +0 -2
- package/dist/components/tooltips/tooltips.d.ts +0 -15
- package/dist/components/tooltips/tooltips.stories.d.ts +0 -1
- package/dist/components/tooltips/types.d.ts +0 -25
- package/dist/styles/default-palette/base.d.ts +0 -18
- package/dist/styles/default-palette/blue.d.ts +0 -12
- package/dist/styles/default-palette/cyan.d.ts +0 -12
- package/dist/styles/default-palette/fucsia.d.ts +0 -12
- package/dist/styles/default-palette/green.d.ts +0 -12
- package/dist/styles/default-palette/grey.d.ts +0 -12
- package/dist/styles/default-palette/index.d.ts +0 -152
- package/dist/styles/default-palette/indigo.d.ts +0 -12
- package/dist/styles/default-palette/orange.d.ts +0 -12
- package/dist/styles/default-palette/pink.d.ts +0 -12
- package/dist/styles/default-palette/red.d.ts +0 -12
- package/dist/styles/default-palette/yellow.d.ts +0 -12
- package/dist/styles/defaultPalette/base.d.ts +0 -18
- package/dist/styles/defaultPalette/blue.d.ts +0 -12
- package/dist/styles/defaultPalette/cyan.d.ts +0 -12
- package/dist/styles/defaultPalette/fuchsia.d.ts +0 -12
- package/dist/styles/defaultPalette/green.d.ts +0 -12
- package/dist/styles/defaultPalette/grey.d.ts +0 -12
- package/dist/styles/defaultPalette/indigo.d.ts +0 -12
- package/dist/styles/defaultPalette/orange.d.ts +0 -12
- package/dist/styles/defaultPalette/pink.d.ts +0 -12
- package/dist/styles/defaultPalette/red.d.ts +0 -12
- package/dist/styles/defaultPalette/yellow.d.ts +0 -12
- package/dist/styles/elevations.d.ts +0 -7
- package/dist/styles/fic-palette/base.d.ts +0 -18
- package/dist/styles/fic-palette/blue.d.ts +0 -12
- package/dist/styles/fic-palette/cyan.d.ts +0 -12
- package/dist/styles/fic-palette/fucsia.d.ts +0 -12
- package/dist/styles/fic-palette/green.d.ts +0 -12
- package/dist/styles/fic-palette/grey.d.ts +0 -12
- package/dist/styles/fic-palette/index.d.ts +0 -141
- package/dist/styles/fic-palette/indigo.d.ts +0 -12
- package/dist/styles/fic-palette/orange.d.ts +0 -12
- package/dist/styles/fic-palette/pink.d.ts +0 -12
- package/dist/styles/fic-palette/red.d.ts +0 -12
- package/dist/styles/fic-palette/yellow.d.ts +0 -12
- package/dist/styles/palette.d.ts +0 -298
- package/dist/styles/shadows.d.ts +0 -3
- package/dist/utils/FICNumbers.d.ts +0 -11
package/dist/styles/theme.d.ts
CHANGED
@@ -12,6 +12,7 @@ import { IconBackgroundPalette, IconPalette } from '../components/icon';
|
|
12
12
|
import { SidebarItemPalette } from '../components/layout/sidebarItem';
|
13
13
|
import { MicroTagPalette } from '../components/microTag';
|
14
14
|
import { StepperPalette } from '../components/stepper';
|
15
|
+
import { TablePalette } from '../components/table';
|
15
16
|
import { TagPalette } from '../components/tag';
|
16
17
|
import { TooltipPalette } from '../components/tooltip';
|
17
18
|
import { Palette } from './types';
|
@@ -27,6 +28,7 @@ interface Components {
|
|
27
28
|
dropdown: DropdownPalette;
|
28
29
|
sidebarItem: SidebarItemPalette;
|
29
30
|
stepper: StepperPalette;
|
31
|
+
table: TablePalette;
|
30
32
|
inputText: InputTextPalette;
|
31
33
|
textArea: TextAreaPalette;
|
32
34
|
inputHelper: InputHelperPalette;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fattureincloud/fic-design-system",
|
3
|
-
"version": "0.4.
|
3
|
+
"version": "0.4.7",
|
4
4
|
"description": "Fatture in Cloud and Danea design system",
|
5
5
|
"repository": "git@bitbucket.org:fattureincloud/design-system.git",
|
6
6
|
"license": "MIT",
|
@@ -95,4 +95,4 @@
|
|
95
95
|
]
|
96
96
|
},
|
97
97
|
"packageManager": "yarn@3.1.1"
|
98
|
-
}
|
98
|
+
}
|
@@ -1,3 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { AvatarPlaceholderProps } from './typings/avatar';
|
3
|
-
export declare const AvatarPlaceholder: import("styled-components").StyledComponent<(props: import("./typings/avatar").BaseAvatarProps) => JSX.Element, any, AvatarPlaceholderProps, never>;
|
@@ -1,30 +0,0 @@
|
|
1
|
-
export declare type AvatarProps = AvatarInitialsProps | AvatarPlaceholderProps | AvatarImageProps;
|
2
|
-
export interface AvatarPlaceholderProps {
|
3
|
-
size: 'xs' | 's' | 'm' | 'l';
|
4
|
-
placeholder?: string;
|
5
|
-
}
|
6
|
-
export interface AvatarImageProps {
|
7
|
-
image?: string;
|
8
|
-
size: 'xs' | 's' | 'm' | 'l';
|
9
|
-
}
|
10
|
-
export interface AvatarInitialsProps extends AvatarImageProps {
|
11
|
-
color?: 'blue' | 'red' | 'green' | 'yellow';
|
12
|
-
initials: string;
|
13
|
-
}
|
14
|
-
export interface BaseAvatarProps {
|
15
|
-
className?: string;
|
16
|
-
initials?: string;
|
17
|
-
size: 'xs' | 's' | 'm' | 'l';
|
18
|
-
}
|
19
|
-
export declare const avatarSizes: {
|
20
|
-
xs: number;
|
21
|
-
s: number;
|
22
|
-
m: number;
|
23
|
-
l: number;
|
24
|
-
};
|
25
|
-
export declare const textSizes: {
|
26
|
-
xs: number;
|
27
|
-
s: number;
|
28
|
-
m: number;
|
29
|
-
l: number;
|
30
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare const StyledBadgeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,3 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { IconButtonProps } from './typings/iconButton';
|
3
|
-
export declare const IconButtonWrapper: import("styled-components").StyledComponent<({ onClick, target, className, href, style, children }: IconButtonProps) => JSX.Element, any, IconButtonProps, never>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import { CSSProperties } from 'react';
|
2
|
-
import { IconProps } from '../../icon/Icon';
|
3
|
-
export interface BaseButtonProps {
|
4
|
-
text: string | JSX.Element;
|
5
|
-
iconLeft?: IconProps;
|
6
|
-
iconRight?: IconProps;
|
7
|
-
contentMaxWidth?: string;
|
8
|
-
className?: string;
|
9
|
-
href?: string;
|
10
|
-
target?: string;
|
11
|
-
onClick?: (e: React.MouseEvent) => void;
|
12
|
-
style?: CSSProperties;
|
13
|
-
isDisabled?: boolean;
|
14
|
-
isLoading?: boolean;
|
15
|
-
}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import { BaseButtonProps } from './baseButton';
|
2
|
-
export interface ButtonProps extends BaseButtonProps {
|
3
|
-
color?: 'blue' | 'red' | 'green' | 'white' | 'yellow';
|
4
|
-
useSecondaryColor?: boolean;
|
5
|
-
size?: 'medium' | 'large';
|
6
|
-
reactRouterLink?: boolean;
|
7
|
-
fullWidth?: boolean;
|
8
|
-
inNavbar?: boolean;
|
9
|
-
}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import { IconProps } from '../../icon/Icon';
|
2
|
-
import { ReactElement } from 'react';
|
3
|
-
export interface IconButtonProps {
|
4
|
-
className?: string;
|
5
|
-
href?: string;
|
6
|
-
target?: string;
|
7
|
-
onClick?: (e: React.MouseEvent) => void;
|
8
|
-
style?: object;
|
9
|
-
children: ReactElement<IconProps>;
|
10
|
-
color?: 'blue' | 'red' | 'green' | 'white' | 'yellow';
|
11
|
-
useSecondaryColor?: boolean;
|
12
|
-
reactRouterLink?: boolean;
|
13
|
-
}
|
@@ -1,47 +0,0 @@
|
|
1
|
-
export declare const getColorRoot: (secondary: boolean | undefined) => {
|
2
|
-
blue: {
|
3
|
-
normal: string;
|
4
|
-
hover: string;
|
5
|
-
active: string;
|
6
|
-
disabled: string;
|
7
|
-
text: string;
|
8
|
-
textHover: string;
|
9
|
-
};
|
10
|
-
red: {
|
11
|
-
normal: string;
|
12
|
-
hover: string;
|
13
|
-
active: string;
|
14
|
-
disabled: string;
|
15
|
-
text: string;
|
16
|
-
textHover: string;
|
17
|
-
};
|
18
|
-
green: {
|
19
|
-
normal: string;
|
20
|
-
hover: string;
|
21
|
-
active: string;
|
22
|
-
disabled: string;
|
23
|
-
text: string;
|
24
|
-
textHover: string;
|
25
|
-
};
|
26
|
-
white: {
|
27
|
-
normal: string;
|
28
|
-
hover: string;
|
29
|
-
active: string;
|
30
|
-
disabled: string;
|
31
|
-
text: string;
|
32
|
-
textHover: string;
|
33
|
-
};
|
34
|
-
yellow: {
|
35
|
-
normal: string;
|
36
|
-
hover: string;
|
37
|
-
active: string;
|
38
|
-
disabled: string;
|
39
|
-
text: string;
|
40
|
-
textHover: string;
|
41
|
-
};
|
42
|
-
};
|
43
|
-
declare type TgetButtonColor = (secondary: boolean | undefined, color: string | undefined, type: string, theme: any) => string;
|
44
|
-
export declare const getButtonColor: TgetButtonColor;
|
45
|
-
declare type TgetIconButtonColor = (secondary: boolean | undefined, color: string | undefined, type: string, theme: any) => string;
|
46
|
-
export declare const getIconButtonColor: TgetIconButtonColor;
|
47
|
-
export {};
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import { ChangeEvent, InputHTMLAttributes } from 'react';
|
2
|
-
import { CheckboxInputProps } from './components/Input';
|
3
|
-
import { CheckboxLabelProps } from './components/Label';
|
4
|
-
interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'>, Omit<CheckboxLabelProps, 'hasError'> {
|
5
|
-
onClick?: (e: ChangeEvent<HTMLInputElement>) => void;
|
6
|
-
text?: string;
|
7
|
-
error?: string;
|
8
|
-
className?: string;
|
9
|
-
onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
|
10
|
-
}
|
11
|
-
export interface CheckboxProps extends Omit<CheckboxImplProps, 'value'> {
|
12
|
-
value: CheckboxImplProps['value'] | boolean;
|
13
|
-
}
|
14
|
-
declare const Checkbox: ({ value, ...rest }: CheckboxProps) => JSX.Element;
|
15
|
-
export default Checkbox;
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import { paletteColor } from '../../styles/types';
|
2
|
-
import { checkboxParts, checkboxState, checkboxStatus } from './types';
|
3
|
-
export declare type CheckboxPalette = {
|
4
|
-
input: {
|
5
|
-
[k in checkboxState]: {
|
6
|
-
[k in checkboxStatus]: {
|
7
|
-
[k in checkboxParts]: paletteColor;
|
8
|
-
};
|
9
|
-
};
|
10
|
-
};
|
11
|
-
label: {
|
12
|
-
[k in checkboxState]: paletteColor;
|
13
|
-
};
|
14
|
-
};
|
15
|
-
declare const checkboxPalette: CheckboxPalette;
|
16
|
-
export default checkboxPalette;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import { checkboxStatus, CheckboxStyles } from '../types';
|
2
|
-
export interface CheckboxInputProps {
|
3
|
-
value: checkboxStatus;
|
4
|
-
isDisabled?: boolean;
|
5
|
-
large?: boolean;
|
6
|
-
hasError: boolean;
|
7
|
-
}
|
8
|
-
declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, "height" | "width" | "backgroundColor" | "tickColor" | "borderColor" | "cursor" | "opacity">;
|
9
|
-
export default Input;
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { MappedLabelProps } from '../types';
|
2
|
-
export interface CheckboxLabelProps {
|
3
|
-
large?: boolean;
|
4
|
-
isDisabled?: boolean;
|
5
|
-
hasError: boolean;
|
6
|
-
}
|
7
|
-
declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & CheckboxLabelProps, "color" | "fontSize" | "cursor" | "opacity">;
|
8
|
-
export default Label;
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import { checkboxStatus } from '../types';
|
2
|
-
interface UseCheckboxValueReturn {
|
3
|
-
status: checkboxStatus;
|
4
|
-
value: boolean;
|
5
|
-
setCheck: () => void;
|
6
|
-
setUncheck: () => void;
|
7
|
-
setIndeterminate: () => void;
|
8
|
-
toggleCheckbox: () => void;
|
9
|
-
}
|
10
|
-
declare const useCheckboxValue: (initialValue?: boolean | "checked" | "unchecked" | "indeterminate") => UseCheckboxValueReturn;
|
11
|
-
export default useCheckboxValue;
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import Checkbox, { CheckboxProps } from './Checkbox';
|
2
|
-
import checkboxPalette, { CheckboxPalette } from './checkboxPalette';
|
3
|
-
import useCheckboxValue from './hooks/useCheckboxValue';
|
4
|
-
export { Checkbox, useCheckboxValue, CheckboxProps, checkboxPalette, CheckboxPalette };
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import { paletteColor } from '../../styles/types';
|
2
|
-
export declare type checkboxStatus = 'checked' | 'unchecked' | 'indeterminate';
|
3
|
-
export declare type checkboxState = 'normal' | 'error';
|
4
|
-
export declare type checkboxParts = 'tickColor' | 'backgroundColor' | 'borderColor';
|
5
|
-
export interface CheckboxStyles {
|
6
|
-
height: string;
|
7
|
-
width: string;
|
8
|
-
backgroundColor: paletteColor;
|
9
|
-
tickColor: paletteColor;
|
10
|
-
borderColor: paletteColor;
|
11
|
-
cursor: string;
|
12
|
-
opacity: number;
|
13
|
-
}
|
14
|
-
export interface MappedLabelProps {
|
15
|
-
fontSize: string;
|
16
|
-
cursor: string;
|
17
|
-
color: paletteColor;
|
18
|
-
opacity: number;
|
19
|
-
}
|
@@ -1,38 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
declare type TCheckboxPropsSize = 'medium' | 'large' | 'small';
|
3
|
-
declare type TCheckboxPropsOnChange = (value: boolean) => void;
|
4
|
-
export interface CheckboxInputInterface {
|
5
|
-
size?: TCheckboxPropsSize;
|
6
|
-
isDisabled?: boolean;
|
7
|
-
isChecked: boolean;
|
8
|
-
}
|
9
|
-
export interface CheckboxContainerInterface {
|
10
|
-
size?: TCheckboxPropsSize;
|
11
|
-
}
|
12
|
-
export interface LabelInterface {
|
13
|
-
isDisabled?: boolean;
|
14
|
-
size?: TCheckboxPropsSize;
|
15
|
-
}
|
16
|
-
export declare type TcontentRenderer = (props: {
|
17
|
-
size?: TCheckboxPropsSize;
|
18
|
-
text: string;
|
19
|
-
value: boolean;
|
20
|
-
isIndeterminate?: boolean;
|
21
|
-
isDisabled?: boolean;
|
22
|
-
}) => JSX.Element;
|
23
|
-
export declare type TWrapper = (props: CheckboxPropsInterface) => JSX.Element;
|
24
|
-
export declare type TonChangeHandler = (props: {
|
25
|
-
isDisabled?: boolean;
|
26
|
-
onChange: TCheckboxPropsOnChange;
|
27
|
-
value: boolean;
|
28
|
-
}) => void;
|
29
|
-
export interface CheckboxPropsInterface {
|
30
|
-
size?: TCheckboxPropsSize;
|
31
|
-
text: string;
|
32
|
-
value: boolean;
|
33
|
-
isDisabled?: boolean;
|
34
|
-
isIndeterminate?: boolean;
|
35
|
-
onChange: TCheckboxPropsOnChange;
|
36
|
-
renderCheckbox?: TcontentRenderer;
|
37
|
-
}
|
38
|
-
export {};
|
@@ -1,24 +0,0 @@
|
|
1
|
-
import { DefaultTheme } from 'styled-components';
|
2
|
-
import { IconProps } from '../icon';
|
3
|
-
import { CheckboxInputProps } from './components/Input';
|
4
|
-
import { CheckboxLabelProps } from './components/Label';
|
5
|
-
import { checkboxStatus, CheckboxStyles } from './types';
|
6
|
-
interface InputMapParams extends CheckboxInputProps {
|
7
|
-
theme: DefaultTheme;
|
8
|
-
}
|
9
|
-
export declare const getInputStyle: ({ theme, value, isDisabled, large, hasError }: InputMapParams) => CheckboxStyles;
|
10
|
-
interface LabelMapProps extends CheckboxLabelProps {
|
11
|
-
theme: DefaultTheme;
|
12
|
-
}
|
13
|
-
export declare const getLabelStyle: ({ isDisabled, large, theme, hasError }: LabelMapProps) => {
|
14
|
-
fontSize: string;
|
15
|
-
cursor: string;
|
16
|
-
opacity: number;
|
17
|
-
color: string;
|
18
|
-
};
|
19
|
-
declare type statusIconType = {
|
20
|
-
[k in checkboxStatus]: IconProps['icon'] | null;
|
21
|
-
};
|
22
|
-
export declare const statusIcon: statusIconType;
|
23
|
-
export declare const convertToStatus: (value: boolean | "checked" | "unchecked" | "indeterminate") => checkboxStatus;
|
24
|
-
export {};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
export declare const BackgroundWrapper: import("styled-components").StyledComponent<"div", any, {
|
2
|
-
background?: boolean | undefined;
|
3
|
-
color?: "blue" | "base" | "black" | "white" | "grey" | "indigo" | "yellow" | "orange" | "red" | "green" | "fucsia" | "pink" | "cyan" | "primary" | undefined;
|
4
|
-
size?: string | number | undefined;
|
5
|
-
}, never>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import { IconType, PremadeIconType } from './typings';
|
2
|
-
export declare const Icon: IconType;
|
3
|
-
export declare const SolidIcon: PremadeIconType;
|
4
|
-
export declare const RegularIcon: PremadeIconType;
|
5
|
-
export declare const LightIcon: PremadeIconType;
|
6
|
-
export declare const BrandIcon: PremadeIconType;
|
@@ -1,43 +0,0 @@
|
|
1
|
-
import React, { CSSProperties } from 'react';
|
2
|
-
import { palette } from '../../../styles/palette';
|
3
|
-
import { IconName, IconPrefix } from '@fortawesome/fontawesome-common-types';
|
4
|
-
import { RotateProp } from '@fortawesome/fontawesome-svg-core';
|
5
|
-
import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
|
6
|
-
export declare type TypePropType = 'solid' | 'regular' | 'light' | 'brand' | 'duotone';
|
7
|
-
declare type FaPropsType = Partial<FontAwesomeIconProps>;
|
8
|
-
export interface IconImplProps {
|
9
|
-
name: IconName;
|
10
|
-
type?: TypePropType;
|
11
|
-
spin?: boolean;
|
12
|
-
pulse?: boolean;
|
13
|
-
fixedWidth?: boolean;
|
14
|
-
rotation?: RotateProp;
|
15
|
-
style?: CSSProperties;
|
16
|
-
className?: string;
|
17
|
-
onClick?: (e: React.MouseEvent) => void;
|
18
|
-
faProps?: FaPropsType;
|
19
|
-
background?: boolean;
|
20
|
-
color?: keyof typeof palette.colors;
|
21
|
-
size?: string | number;
|
22
|
-
}
|
23
|
-
export interface IconProps extends IconImplProps {
|
24
|
-
color?: keyof typeof palette.colors;
|
25
|
-
marginLeft?: string | number;
|
26
|
-
marginRight?: string | number;
|
27
|
-
primaryOpacity?: number;
|
28
|
-
secondaryOpacity?: number;
|
29
|
-
secondaryColor?: keyof typeof palette.colors;
|
30
|
-
size?: string | number;
|
31
|
-
background?: boolean;
|
32
|
-
}
|
33
|
-
export declare type PremadeIconProps = Omit<IconProps, 'type'>;
|
34
|
-
export declare type PrefixMappingType = {
|
35
|
-
solid: IconPrefix;
|
36
|
-
regular: IconPrefix;
|
37
|
-
light: IconPrefix;
|
38
|
-
brand: IconPrefix;
|
39
|
-
duotone: IconPrefix;
|
40
|
-
};
|
41
|
-
export declare type IconType = (props: IconProps) => JSX.Element;
|
42
|
-
export declare type PremadeIconType = (props: PremadeIconProps) => JSX.Element;
|
43
|
-
export { IconName };
|
@@ -1,8 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
/// <reference types="@emotion/core" />
|
3
|
-
import { UnstyledDropdownProps } from '../types';
|
4
|
-
export declare const StyledDropdown: import("styled-components").StyledComponent<"div", any, UnstyledDropdownProps, never>;
|
5
|
-
export declare const StyledDropdownTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
|
6
|
-
export declare const StyledSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;
|
7
|
-
export declare const TriggerButtonStyled: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../buttons/typings/buttons").ButtonProps>, any, {}, never>;
|
8
|
-
export declare const ShortcutText: import("styled-components").StyledComponent<"span", any, {}, never>;
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { UnstyledDropdownProps } from '../types';
|
3
|
-
export declare const StyledDropdownWrapper: import("styled-components").StyledComponent<"div", any, UnstyledDropdownProps & {
|
4
|
-
children: React.ReactNode;
|
5
|
-
}, never>;
|
6
|
-
export declare const UserWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
7
|
-
export declare const StyledDropdownTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
|
8
|
-
export declare const StyledSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;
|
9
|
-
export declare const TriggerButtonStyled: import("styled-components").StyledComponent<React.FunctionComponent<import("../../buttons/typings/buttons").ButtonProps>, any, {}, never>;
|
10
|
-
export declare const ShortcutText: import("styled-components").StyledComponent<"span", any, {}, never>;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import React, { Component } from 'react';
|
2
|
-
import { UnstyledDropdownProps, UnstyledDropdownState } from '../types';
|
3
|
-
declare class UnstyledDropdown extends Component<UnstyledDropdownProps, UnstyledDropdownState> {
|
4
|
-
constructor(props: UnstyledDropdownProps);
|
5
|
-
handleTriggerClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
6
|
-
showDropdown: () => void;
|
7
|
-
hideDropdown: () => void;
|
8
|
-
renderDefaultTrigger: (title: string) => JSX.Element;
|
9
|
-
onSelectedItem: (id: React.ReactText) => void;
|
10
|
-
renderDropDown: () => JSX.Element | undefined;
|
11
|
-
render(): JSX.Element;
|
12
|
-
}
|
13
|
-
export default UnstyledDropdown;
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import React, { Component } from 'react';
|
2
|
-
import { DropdownImplProps, UnstyledDropdownState } from './types';
|
3
|
-
export default class DropdownImpl extends Component<DropdownImplProps, UnstyledDropdownState> {
|
4
|
-
constructor(props: DropdownImplProps);
|
5
|
-
handleTriggerClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
6
|
-
showDropdown: () => void;
|
7
|
-
hideDropdown: () => void;
|
8
|
-
renderDefaultTrigger: (title: string) => JSX.Element;
|
9
|
-
onSelectedItem: (id: React.ReactText) => void;
|
10
|
-
renderDropDown: () => JSX.Element | undefined;
|
11
|
-
render(): JSX.Element;
|
12
|
-
}
|
@@ -1,8 +0,0 @@
|
|
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;
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare const ShortcutText: import("styled-components").StyledComponent<"span", any, {}, never>;
|
@@ -1,6 +0,0 @@
|
|
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>;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { DropdownImplProps } from './types';
|
3
|
-
import { UserListItem } from './components/UserListItem';
|
4
|
-
import DropdownItem from './components/Item';
|
5
|
-
import DropdownSeparator from './components/Separator';
|
6
|
-
import DropdownTitle from './components/Title';
|
7
|
-
export declare class DropdownLegacy extends React.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
|
-
}
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,45 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { IconName, TypePropType } from '../common/Icon/typings';
|
3
|
-
import { AvatarAllowedSizes } from '../avatar/types';
|
4
|
-
export declare type contentOption = {
|
5
|
-
id: number;
|
6
|
-
text: string;
|
7
|
-
icon?: IconName;
|
8
|
-
};
|
9
|
-
export declare type DropdownImplProps = {
|
10
|
-
className?: string;
|
11
|
-
title?: string;
|
12
|
-
renderTrigger?: () => void;
|
13
|
-
content?: contentOption[];
|
14
|
-
onSelectOption?: (id: number | string) => void;
|
15
|
-
renderContent?: React.ReactNode;
|
16
|
-
alignRight?: boolean;
|
17
|
-
fullWidth?: boolean;
|
18
|
-
};
|
19
|
-
export declare type TitleProps = {
|
20
|
-
text: string;
|
21
|
-
};
|
22
|
-
export declare type UnstyledDropdownState = {
|
23
|
-
isOpen: boolean;
|
24
|
-
};
|
25
|
-
export interface ItemProps {
|
26
|
-
text: string;
|
27
|
-
id?: number;
|
28
|
-
className?: string;
|
29
|
-
iconName?: IconName;
|
30
|
-
iconType?: TypePropType;
|
31
|
-
iconSwapOpacity?: boolean;
|
32
|
-
active?: boolean;
|
33
|
-
shortcut?: string;
|
34
|
-
onSelected?: (id: number | undefined) => void;
|
35
|
-
children?: React.ReactChild;
|
36
|
-
}
|
37
|
-
export interface UserListItemProps {
|
38
|
-
img?: string;
|
39
|
-
placeholder?: string;
|
40
|
-
avatarSize?: AvatarAllowedSizes;
|
41
|
-
noText?: string;
|
42
|
-
text?: string;
|
43
|
-
renderText?: JSX.Element;
|
44
|
-
onClick?: () => void;
|
45
|
-
}
|
@@ -1,8 +0,0 @@
|
|
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;
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare const ShortcutText: import("styled-components").StyledComponent<"span", any, {}, never>;
|
@@ -1,6 +0,0 @@
|
|
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>;
|