@ynput/ayon-react-components 0.5.19 → 1.0.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/dist/Button/Button.d.ts +14 -0
- package/dist/Button/Button.styled.d.ts +8 -0
- package/dist/Button/index.d.ts +1 -0
- package/dist/Dropdowns/AssigneeSelect/AssigneeDropdownTemplate.d.ts +9 -0
- package/dist/Dropdowns/AssigneeSelect/AssigneeField.d.ts +16 -0
- package/dist/Dropdowns/AssigneeSelect/AssigneeSelect.d.ts +23 -0
- package/dist/Dropdowns/AssigneeSelect/index.d.ts +3 -0
- package/dist/Dropdowns/Dropdown/DefaultValueTemplate.d.ts +12 -0
- package/dist/Dropdowns/Dropdown/Dropdown.d.ts +57 -0
- package/dist/Dropdowns/Dropdown/Dropdown.styled.d.ts +27 -0
- package/dist/Dropdowns/Dropdown/TagsValueTemplate.d.ts +4 -0
- package/dist/Dropdowns/Dropdown/index.d.ts +2 -0
- package/dist/Dropdowns/IconSelect/IconSelect.d.ts +16 -0
- package/dist/Dropdowns/IconSelect/IconSelect.styled.d.ts +6 -0
- package/dist/Dropdowns/IconSelect/index.d.ts +1 -0
- package/dist/Dropdowns/SortingDropdown/SortCard.d.ts +8 -0
- package/dist/Dropdowns/SortingDropdown/SortCard.styled.d.ts +4 -0
- package/dist/Dropdowns/SortingDropdown/SortingDropdown.d.ts +14 -0
- package/dist/Dropdowns/SortingDropdown/index.d.ts +1 -0
- package/dist/Dropdowns/TagsSelect/TagsSelect.d.ts +23 -0
- package/dist/Dropdowns/TagsSelect/TagsSelect.styled.d.ts +8 -0
- package/dist/Dropdowns/TagsSelect/TagsSelectValueTemplate.d.ts +8 -0
- package/dist/Dropdowns/TagsSelect/index.d.ts +3 -0
- package/dist/Dropdowns/TagsSelect/tags.d.ts +103 -0
- package/dist/Dropdowns/VersionSelect/VersionSelect.d.ts +8 -0
- package/dist/Dropdowns/VersionSelect/VersionSelect.styled.d.ts +4 -0
- package/dist/Dropdowns/VersionSelect/index.d.ts +1 -0
- package/dist/EntityCard/EntityCard.d.ts +30 -0
- package/dist/EntityCard/EntityCard.styled.d.ts +14 -0
- package/dist/EntityCard/index.d.ts +2 -0
- package/dist/FileCard/FileCard.d.ts +17 -0
- package/dist/FileCard/FileCard.styled.d.ts +12 -0
- package/dist/FileCard/index.d.ts +1 -0
- package/dist/FileUpload/FileUpload.d.ts +40 -0
- package/dist/FileUpload/FileUpload.styled.d.ts +5 -0
- package/dist/FileUpload/FileUploadHelpers.d.ts +3 -0
- package/dist/FileUpload/fileTypes.d.ts +5 -0
- package/dist/FileUpload/index.d.ts +1 -0
- package/dist/Icon/Icon.d.ts +6 -0
- package/dist/Icon/index.d.ts +3 -0
- package/dist/Inputs/InputColor/ColorPickerPreview.d.ts +10 -0
- package/dist/Inputs/InputColor/InputColor.d.ts +14 -0
- package/dist/Inputs/InputColor/index.d.ts +1 -0
- package/dist/Inputs/InputDate/InputDate.d.ts +5 -0
- package/dist/Inputs/InputDate/index.d.ts +1 -0
- package/dist/Inputs/InputNumber/InputNumber.d.ts +2 -0
- package/dist/Inputs/InputNumber/index.d.ts +1 -0
- package/dist/Inputs/InputPassword/InputPassword.d.ts +5 -0
- package/dist/Inputs/InputPassword/index.d.ts +1 -0
- package/dist/Inputs/InputSwitch/InputSwitch.d.ts +8 -0
- package/dist/Inputs/InputSwitch/InputSwitch.styled.d.ts +1 -0
- package/dist/Inputs/InputSwitch/index.d.ts +1 -0
- package/dist/Inputs/InputText/InputText.d.ts +2 -0
- package/dist/Inputs/InputText/index.d.ts +1 -0
- package/dist/Inputs/InputTextarea/InputTextarea.d.ts +2 -0
- package/dist/Inputs/InputTextarea/InputTextarea.styled.d.ts +1 -0
- package/dist/Inputs/InputTextarea/index.d.ts +1 -0
- package/dist/Inputs/LockedInput/LockedInput.d.ts +15 -0
- package/dist/Inputs/LockedInput/LockedInput.styled.d.ts +4 -0
- package/dist/Inputs/LockedInput/index.d.ts +1 -0
- package/dist/Inputs/styles.d.ts +2 -0
- package/dist/Layout/Divider/Divider.d.ts +2 -0
- package/dist/Layout/Divider/index.d.ts +1 -0
- package/dist/Layout/FormLayout/FormLayout.d.ts +2 -0
- package/dist/Layout/FormLayout/index.d.ts +1 -0
- package/dist/Layout/FormRow/FormRow.d.ts +7 -0
- package/dist/Layout/FormRow/index.d.ts +1 -0
- package/dist/Layout/OverflowField/OverflowField.d.ts +10 -0
- package/dist/Layout/OverflowField/OverflowField.styled.d.ts +9 -0
- package/dist/Layout/OverflowField/index.d.ts +1 -0
- package/dist/Layout/Section/Section.d.ts +5 -0
- package/dist/Layout/Section/index.d.ts +1 -0
- package/dist/Layout/Spacer/Spacer.d.ts +2 -0
- package/dist/Layout/Spacer/index.d.ts +1 -0
- package/dist/Layout/TableRow/TableRow.d.ts +8 -0
- package/dist/Layout/TableRow/TableRow.styled.d.ts +4 -0
- package/dist/Layout/TableRow/index.d.ts +1 -0
- package/dist/Layout/Toolbar/Toolbar.d.ts +2 -0
- package/dist/Layout/Toolbar/index.d.ts +1 -0
- package/dist/Overlay/Dialog/Dialog.d.ts +21 -0
- package/dist/Overlay/Dialog/Dialog.styled.d.ts +8 -0
- package/dist/Overlay/Dialog/index.d.ts +1 -0
- package/dist/Panels/Panel/Panel.d.ts +11 -0
- package/dist/Panels/Panel/index.d.ts +1 -0
- package/dist/Panels/ScrollPanel/ScrollPanel.d.ts +6 -0
- package/dist/Panels/ScrollPanel/index.d.ts +1 -0
- package/dist/Panels/TablePanel/TablePanel.d.ts +8 -0
- package/dist/Panels/TablePanel/index.d.ts +1 -0
- package/dist/SaveButton/SaveButton.d.ts +11 -0
- package/dist/SaveButton/index.d.ts +1 -0
- package/dist/User/UserImage/UserImage.d.ts +8 -0
- package/dist/User/UserImage/UserImage.styled.d.ts +3 -0
- package/dist/User/UserImage/index.d.ts +1 -0
- package/dist/User/UserImagesStacked/UserImagesStacked.d.ts +14 -0
- package/dist/User/UserImagesStacked/index.d.ts +1 -0
- package/dist/ayon-react-components.es.js +21372 -0
- package/dist/ayon-react-components.umd.js +2232 -0
- package/dist/favicon-16x16.png +0 -0
- package/dist/favicon-32x32.png +0 -0
- package/dist/favicon.ico +0 -0
- package/dist/helpers/floatToInt16.d.ts +2 -0
- package/dist/helpers/floatToInt8.d.ts +2 -0
- package/dist/helpers/getShimmerStyles.d.ts +6 -0
- package/dist/helpers/hexToFloat.d.ts +2 -0
- package/dist/helpers/index.d.ts +1 -0
- package/dist/helpers/int8ToHex.d.ts +2 -0
- package/dist/helpers/toHexColor.d.ts +2 -0
- package/dist/helpers/validateHexColor.d.ts +2 -0
- package/dist/index.d.ts +37 -0
- package/dist/preview.css +15 -0
- package/dist/storybook.css +28 -0
- package/dist/style.css +9 -0
- package/dist/theme/index.d.ts +1 -0
- package/dist/theme/typography.styles.d.ts +15 -0
- package/package.json +1 -1
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
2
|
+
import { IconProps, IconType } from '../Icon';
|
|
3
|
+
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
label?: string;
|
|
5
|
+
icon?: IconType;
|
|
6
|
+
tooltip?: string;
|
|
7
|
+
link?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
iconProps?: Omit<IconProps, 'icon'>;
|
|
10
|
+
variant?: 'surface' | 'tonal' | 'filled' | 'nav' | 'text' | 'tertiary' | 'danger';
|
|
11
|
+
className?: string;
|
|
12
|
+
selected?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type ButtonProps = {
|
|
2
|
+
label?: string;
|
|
3
|
+
$link?: boolean;
|
|
4
|
+
$icon?: boolean;
|
|
5
|
+
$variant: 'surface' | 'tonal' | 'filled' | 'text' | 'tertiary' | 'nav' | 'danger';
|
|
6
|
+
$selected: boolean;
|
|
7
|
+
};
|
|
8
|
+
export declare const Button: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Button';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export interface AssigneeDropdownProps {
|
|
2
|
+
name: string;
|
|
3
|
+
fullName?: string;
|
|
4
|
+
avatarUrl?: string;
|
|
5
|
+
isSelected?: boolean;
|
|
6
|
+
onClick?: () => void;
|
|
7
|
+
size?: number;
|
|
8
|
+
}
|
|
9
|
+
export declare const AssigneeDropdownTemplate: ({ name, avatarUrl, fullName, isSelected, onClick, size, }: AssigneeDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { IconType } from '../../Icon';
|
|
2
|
+
export interface AssigneeFieldProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
value: {
|
|
4
|
+
name: string;
|
|
5
|
+
fullName?: string;
|
|
6
|
+
avatarUrl?: string;
|
|
7
|
+
}[];
|
|
8
|
+
onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
isMultiple?: boolean;
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
emptyMessage?: string;
|
|
13
|
+
emptyIcon?: IconType | null;
|
|
14
|
+
size?: number;
|
|
15
|
+
}
|
|
16
|
+
export declare const AssigneeField: import("react").ForwardRefExoticComponent<AssigneeFieldProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { AssigneeFieldProps } from '.';
|
|
2
|
+
import { DropdownProps, DropdownRef } from '../Dropdown';
|
|
3
|
+
export interface AssigneeSelectProps extends Omit<DropdownProps, 'onChange' | 'emptyMessage'> {
|
|
4
|
+
value: string[];
|
|
5
|
+
options: {
|
|
6
|
+
name: string;
|
|
7
|
+
fullName?: string;
|
|
8
|
+
avatarUrl?: string;
|
|
9
|
+
}[];
|
|
10
|
+
editor?: boolean;
|
|
11
|
+
onChange?: (names: string[]) => void;
|
|
12
|
+
widthExpand?: boolean;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
align?: 'left' | 'right';
|
|
15
|
+
isMultiple?: boolean;
|
|
16
|
+
placeholder?: string;
|
|
17
|
+
emptyIcon?: AssigneeFieldProps['emptyIcon'];
|
|
18
|
+
emptyMessage?: AssigneeFieldProps['emptyMessage'];
|
|
19
|
+
size?: AssigneeFieldProps['size'];
|
|
20
|
+
assigneeProps?: AssigneeFieldProps;
|
|
21
|
+
onAssigneeFieldClick?: AssigneeFieldProps['onClick'];
|
|
22
|
+
}
|
|
23
|
+
export declare const AssigneeSelect: import("react").ForwardRefExoticComponent<AssigneeSelectProps & import("react").RefAttributes<DropdownRef>>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { DropdownProps } from './Dropdown';
|
|
3
|
+
export interface DefaultValueTemplateProps extends Pick<DropdownProps, 'value' | 'isMultiple' | 'dropIcon' | 'onClear' | 'onClearNull' | 'nullPlaceholder' | 'placeholder'> {
|
|
4
|
+
displayIcon?: string;
|
|
5
|
+
style?: React.CSSProperties;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
valueStyle?: React.CSSProperties;
|
|
8
|
+
isOpen?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
childrenCustom?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare const DefaultValueTemplate: FC<DefaultValueTemplateProps>;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React, { CSSProperties } from 'react';
|
|
2
|
+
import { IconType } from '../../Icon';
|
|
3
|
+
export interface DropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
4
|
+
message?: string;
|
|
5
|
+
itemStyle?: CSSProperties;
|
|
6
|
+
valueStyle?: CSSProperties;
|
|
7
|
+
listStyle?: CSSProperties;
|
|
8
|
+
buttonStyle?: CSSProperties;
|
|
9
|
+
onOpen?: () => void;
|
|
10
|
+
onClose?: () => void;
|
|
11
|
+
value: Array<string | number> | null;
|
|
12
|
+
valueTemplate?: ((value: (string | number)[], selected: (string | number)[], isOpen: boolean) => React.ReactNode) | 'tags';
|
|
13
|
+
dataKey?: string;
|
|
14
|
+
labelKey?: string;
|
|
15
|
+
options: Array<any>;
|
|
16
|
+
itemTemplate?: (option: any, isActive: boolean, isSelected: boolean, index: number) => React.ReactNode;
|
|
17
|
+
align?: 'left' | 'right';
|
|
18
|
+
multiSelect?: boolean;
|
|
19
|
+
multiSelectClose?: boolean;
|
|
20
|
+
search?: boolean;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
valueIcon?: string;
|
|
23
|
+
emptyMessage?: string;
|
|
24
|
+
placeholder?: string;
|
|
25
|
+
isChanged?: boolean;
|
|
26
|
+
isMultiple?: boolean;
|
|
27
|
+
onChange?: (v: (string | number)[]) => void;
|
|
28
|
+
onSelectionChange?: (v: (string | number)[]) => void;
|
|
29
|
+
maxOptionsShown?: number;
|
|
30
|
+
style?: CSSProperties;
|
|
31
|
+
className?: string;
|
|
32
|
+
buttonClassName?: string;
|
|
33
|
+
itemClassName?: string;
|
|
34
|
+
valueClassName?: string;
|
|
35
|
+
listClassName?: string;
|
|
36
|
+
widthExpand?: boolean;
|
|
37
|
+
searchFields?: string[];
|
|
38
|
+
minSelected?: number;
|
|
39
|
+
maxSelected?: number;
|
|
40
|
+
dropIcon?: IconType;
|
|
41
|
+
onClear?: (value: []) => void;
|
|
42
|
+
onClearNull?: (value: null) => void;
|
|
43
|
+
nullPlaceholder?: string;
|
|
44
|
+
editable?: boolean;
|
|
45
|
+
maxHeight?: number;
|
|
46
|
+
disableReorder?: boolean;
|
|
47
|
+
disabledValues?: (string | number)[];
|
|
48
|
+
listInline?: boolean;
|
|
49
|
+
disableOpen?: boolean;
|
|
50
|
+
}
|
|
51
|
+
export interface DropdownRef {
|
|
52
|
+
getElement: () => HTMLDivElement | null;
|
|
53
|
+
getOptions: () => HTMLUListElement | null;
|
|
54
|
+
open: () => void;
|
|
55
|
+
close: () => void;
|
|
56
|
+
}
|
|
57
|
+
export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<DropdownRef>>;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export declare const Button: import("styled-components").StyledComponent<"button", any, {
|
|
2
|
+
$isChanged: boolean;
|
|
3
|
+
$isOpen: boolean;
|
|
4
|
+
}, never>;
|
|
5
|
+
export declare const Dropdown: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
+
export declare const dropdownMenuAnimation: () => import("styled-components").Keyframes;
|
|
7
|
+
export declare const Container: import("styled-components").StyledComponent<"div", any, {
|
|
8
|
+
$isOpen: boolean;
|
|
9
|
+
$message: string;
|
|
10
|
+
$hidden: boolean;
|
|
11
|
+
}, never>;
|
|
12
|
+
type ScrollableProps = {
|
|
13
|
+
$message: string;
|
|
14
|
+
$search: boolean;
|
|
15
|
+
};
|
|
16
|
+
export declare const Scrollable: import("styled-components").StyledComponent<(<T extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "div">(props: import("overlayscrollbars-react").OverlayScrollbarsComponentProps<T>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null), any, ScrollableProps, never>;
|
|
17
|
+
export declare const Options: import("styled-components").StyledComponent<"ul", any, {}, never>;
|
|
18
|
+
export declare const ListItem: import("styled-components").StyledComponent<"li", any, {
|
|
19
|
+
$focused: boolean;
|
|
20
|
+
$usingKeyboard: boolean;
|
|
21
|
+
$disabled?: boolean | undefined;
|
|
22
|
+
}, never>;
|
|
23
|
+
export declare const DefaultItem: import("styled-components").StyledComponent<"span", any, {
|
|
24
|
+
$isSelected: boolean;
|
|
25
|
+
}, never>;
|
|
26
|
+
export declare const Search: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { DropdownProps, DropdownRef } from '../Dropdown';
|
|
2
|
+
import { IconType } from '../../Icon';
|
|
3
|
+
export interface IconTemplateProps {
|
|
4
|
+
value: IconSelectProps['value'];
|
|
5
|
+
valueTemplate?: boolean;
|
|
6
|
+
isActive?: boolean;
|
|
7
|
+
isSelected?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface IconSelectProps extends Omit<DropdownProps, 'options' | 'valueTemplate' | 'itemTemplate' | 'search' | 'ref'> {
|
|
10
|
+
value: DropdownProps['value'];
|
|
11
|
+
onChange?: DropdownProps['onChange'];
|
|
12
|
+
featured?: IconType[];
|
|
13
|
+
featuredOnly?: boolean;
|
|
14
|
+
multiSelect?: DropdownProps['multiSelect'];
|
|
15
|
+
}
|
|
16
|
+
export declare const IconSelect: import("react").ForwardRefExoticComponent<IconSelectProps & import("react").RefAttributes<DropdownRef>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './IconSelect';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SortCardType } from './SortingDropdown';
|
|
2
|
+
interface SortCardProps extends SortCardType, Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> {
|
|
3
|
+
onRemove: () => void;
|
|
4
|
+
onSortBy: () => void;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare const SortCard: import("react").ForwardRefExoticComponent<SortCardProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export default SortCard;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { DropdownProps } from '../Dropdown';
|
|
3
|
+
export type SortCardType = {
|
|
4
|
+
id: string;
|
|
5
|
+
label: string;
|
|
6
|
+
sortOrder?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export interface SortingDropdownProps extends Omit<DropdownProps, 'value' | 'onChange'> {
|
|
9
|
+
value: SortCardType[];
|
|
10
|
+
options: SortCardType[];
|
|
11
|
+
onChange: (value: SortCardType[]) => void;
|
|
12
|
+
title: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const SortingDropdown: FC<SortingDropdownProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SortingDropdown';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { DropdownProps, DropdownRef } from '../Dropdown';
|
|
2
|
+
import { TagsSelectValueTemplateProps } from './TagsSelectValueTemplate';
|
|
3
|
+
import { type TagsOrderType, type TagsType } from './tags';
|
|
4
|
+
export interface TagsSelectProps extends Omit<DropdownProps, 'onChange'> {
|
|
5
|
+
value: string[];
|
|
6
|
+
options: {
|
|
7
|
+
name: string;
|
|
8
|
+
fullName?: string;
|
|
9
|
+
avatarUrl?: string;
|
|
10
|
+
}[];
|
|
11
|
+
onChange?: (names: string[]) => void;
|
|
12
|
+
widthExpand?: boolean;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
isMultiple?: boolean;
|
|
15
|
+
tags: TagsType;
|
|
16
|
+
tagsOrder?: TagsOrderType;
|
|
17
|
+
editor?: boolean;
|
|
18
|
+
align?: 'left' | 'right';
|
|
19
|
+
styleDropdown?: React.CSSProperties;
|
|
20
|
+
width?: number;
|
|
21
|
+
valueProps?: TagsSelectValueTemplateProps;
|
|
22
|
+
}
|
|
23
|
+
export declare const TagsSelect: import("react").ForwardRefExoticComponent<TagsSelectProps & import("react").RefAttributes<DropdownRef>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { DefaultItem } from '../Dropdown/Dropdown.styled';
|
|
2
|
+
export declare const TagSelectDropdown: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Dropdown").DropdownProps & import("react").RefAttributes<import("../Dropdown").DropdownRef>>, any, {
|
|
3
|
+
width?: number | undefined;
|
|
4
|
+
}, never>;
|
|
5
|
+
export declare const Tag: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
6
|
+
export declare const TagsValueTemplate: import("styled-components").StyledComponent<import("react").FC<import("../Dropdown").DefaultValueTemplateProps>, any, {
|
|
7
|
+
editor?: boolean | undefined;
|
|
8
|
+
}, never>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { DefaultValueTemplateProps } from '../Dropdown';
|
|
3
|
+
import { type TagsType } from './tags';
|
|
4
|
+
export interface TagsSelectValueTemplateProps extends Omit<DefaultValueTemplateProps, 'children'> {
|
|
5
|
+
tags: TagsType;
|
|
6
|
+
editor?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const TagsSelectValueTemplate: FC<TagsSelectValueTemplateProps>;
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
export type TagType = {
|
|
2
|
+
name: string;
|
|
3
|
+
color: string;
|
|
4
|
+
};
|
|
5
|
+
export type TagsType = {
|
|
6
|
+
[key: string]: TagType;
|
|
7
|
+
};
|
|
8
|
+
export type TagsOrderType = string[];
|
|
9
|
+
export declare const tags: {
|
|
10
|
+
beauty: {
|
|
11
|
+
name: string;
|
|
12
|
+
color: string;
|
|
13
|
+
};
|
|
14
|
+
cute: {
|
|
15
|
+
name: string;
|
|
16
|
+
color: string;
|
|
17
|
+
};
|
|
18
|
+
funny: {
|
|
19
|
+
name: string;
|
|
20
|
+
color: string;
|
|
21
|
+
};
|
|
22
|
+
happy: {
|
|
23
|
+
name: string;
|
|
24
|
+
color: string;
|
|
25
|
+
};
|
|
26
|
+
sad: {
|
|
27
|
+
name: string;
|
|
28
|
+
color: string;
|
|
29
|
+
};
|
|
30
|
+
scary: {
|
|
31
|
+
name: string;
|
|
32
|
+
color: string;
|
|
33
|
+
};
|
|
34
|
+
sexy: {
|
|
35
|
+
name: string;
|
|
36
|
+
color: string;
|
|
37
|
+
};
|
|
38
|
+
cuddly: {
|
|
39
|
+
name: string;
|
|
40
|
+
color: string;
|
|
41
|
+
};
|
|
42
|
+
fluffy: {
|
|
43
|
+
name: string;
|
|
44
|
+
color: string;
|
|
45
|
+
};
|
|
46
|
+
soft: {
|
|
47
|
+
name: string;
|
|
48
|
+
color: string;
|
|
49
|
+
};
|
|
50
|
+
warm: {
|
|
51
|
+
name: string;
|
|
52
|
+
color: string;
|
|
53
|
+
};
|
|
54
|
+
fuzzy: {
|
|
55
|
+
name: string;
|
|
56
|
+
color: string;
|
|
57
|
+
};
|
|
58
|
+
hairy: {
|
|
59
|
+
name: string;
|
|
60
|
+
color: string;
|
|
61
|
+
};
|
|
62
|
+
furry: {
|
|
63
|
+
name: string;
|
|
64
|
+
color: string;
|
|
65
|
+
};
|
|
66
|
+
spiky: {
|
|
67
|
+
name: string;
|
|
68
|
+
color: string;
|
|
69
|
+
};
|
|
70
|
+
sharp: {
|
|
71
|
+
name: string;
|
|
72
|
+
color: string;
|
|
73
|
+
};
|
|
74
|
+
pointy: {
|
|
75
|
+
name: string;
|
|
76
|
+
color: string;
|
|
77
|
+
};
|
|
78
|
+
dangerous: {
|
|
79
|
+
name: string;
|
|
80
|
+
color: string;
|
|
81
|
+
};
|
|
82
|
+
adorable: {
|
|
83
|
+
name: string;
|
|
84
|
+
color: string;
|
|
85
|
+
};
|
|
86
|
+
flabadob: {
|
|
87
|
+
name: string;
|
|
88
|
+
color: string;
|
|
89
|
+
};
|
|
90
|
+
blup: {
|
|
91
|
+
name: string;
|
|
92
|
+
color: string;
|
|
93
|
+
};
|
|
94
|
+
blip: {
|
|
95
|
+
name: string;
|
|
96
|
+
color: string;
|
|
97
|
+
};
|
|
98
|
+
boo: {
|
|
99
|
+
name: string;
|
|
100
|
+
color: string;
|
|
101
|
+
};
|
|
102
|
+
};
|
|
103
|
+
export declare const tagsOrder: string[];
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { DropdownProps, DropdownRef } from '../Dropdown';
|
|
2
|
+
export interface VersionSelectProps extends Omit<DropdownProps, 'options' | 'value' | 'onChange'> {
|
|
3
|
+
value: string[];
|
|
4
|
+
versions: string[][];
|
|
5
|
+
version?: string[];
|
|
6
|
+
onChange: (value: string[]) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const VersionSelect: import("react").ForwardRefExoticComponent<VersionSelectProps & import("react").RefAttributes<DropdownRef>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './VersionSelect';
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { IconType } from '../Icon';
|
|
2
|
+
import { User } from '../User/UserImagesStacked';
|
|
3
|
+
type NotificationType = 'comment' | 'due' | 'overdue';
|
|
4
|
+
export interface EntityCardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
title?: string;
|
|
6
|
+
titleIcon?: IconType;
|
|
7
|
+
subTitle?: string;
|
|
8
|
+
description?: string;
|
|
9
|
+
imageUrl?: string;
|
|
10
|
+
imageAlt?: string;
|
|
11
|
+
icon?: IconType;
|
|
12
|
+
iconColor?: string;
|
|
13
|
+
notification?: NotificationType;
|
|
14
|
+
isActive?: boolean;
|
|
15
|
+
isSecondary?: boolean;
|
|
16
|
+
isLoading?: boolean;
|
|
17
|
+
isError?: boolean;
|
|
18
|
+
isHover?: boolean;
|
|
19
|
+
isDragging?: boolean;
|
|
20
|
+
isDraggable?: boolean;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
assignees?: User[];
|
|
23
|
+
variant?: 'thumbnail' | 'basic' | 'full';
|
|
24
|
+
isFullHighlight?: boolean;
|
|
25
|
+
isActiveAnimate?: boolean;
|
|
26
|
+
onThumbnailKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;
|
|
27
|
+
onActivate?: () => void;
|
|
28
|
+
}
|
|
29
|
+
export declare const EntityCard: import("react").ForwardRefExoticComponent<EntityCardProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
30
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { EntityCardProps } from './EntityCard';
|
|
2
|
+
interface StyledEntityCardProps {
|
|
3
|
+
$variant?: EntityCardProps['variant'];
|
|
4
|
+
}
|
|
5
|
+
export declare const Card: import("styled-components").StyledComponent<"div", any, StyledEntityCardProps, never>;
|
|
6
|
+
interface StyledThumbnailProps {
|
|
7
|
+
}
|
|
8
|
+
export declare const Thumbnail: import("styled-components").StyledComponent<"div", any, StyledThumbnailProps, never>;
|
|
9
|
+
export declare const Image: import("styled-components").StyledComponent<"img", any, {}, never>;
|
|
10
|
+
export declare const Row: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
11
|
+
export declare const Title: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
12
|
+
export declare const Description: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
13
|
+
export declare const NoImageIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
export interface FileCardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
title: string;
|
|
4
|
+
type: string;
|
|
5
|
+
onRemove: () => void;
|
|
6
|
+
onSplit: () => void;
|
|
7
|
+
size: number;
|
|
8
|
+
length: number;
|
|
9
|
+
splitDisabled: boolean;
|
|
10
|
+
isFetching?: boolean;
|
|
11
|
+
readOnly?: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
message?: string;
|
|
14
|
+
preview?: string | null;
|
|
15
|
+
index?: number;
|
|
16
|
+
}
|
|
17
|
+
export declare const FileCard: FC<FileCardProps>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ButtonProps } from '../Button/Button.styled';
|
|
2
|
+
interface FileCardProps {
|
|
3
|
+
$isFetching: boolean;
|
|
4
|
+
$message?: string;
|
|
5
|
+
$first?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const FileCard: import("styled-components").StyledComponent<"div", any, FileCardProps, never>;
|
|
8
|
+
interface IconProps extends ButtonProps {
|
|
9
|
+
$error?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const Icon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, IconProps, never>;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './FileCard';
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { IconType } from '../Icon';
|
|
2
|
+
import { AcceptType } from './fileTypes';
|
|
3
|
+
export interface CustomFile {
|
|
4
|
+
sequenceId: string | null;
|
|
5
|
+
sequenceNumber: number | null;
|
|
6
|
+
message?: string;
|
|
7
|
+
file: File;
|
|
8
|
+
dataUrl?: string | null;
|
|
9
|
+
}
|
|
10
|
+
type FormProps = Omit<React.HTMLAttributes<HTMLFormElement>, 'onSubmit'>;
|
|
11
|
+
export interface FileUploadProps extends FormProps {
|
|
12
|
+
files: CustomFile[];
|
|
13
|
+
setFiles: React.Dispatch<React.SetStateAction<CustomFile[]>>;
|
|
14
|
+
allowMultiple?: boolean;
|
|
15
|
+
allowSequence?: boolean;
|
|
16
|
+
allowBrokenSequence?: boolean;
|
|
17
|
+
onlySequences?: boolean;
|
|
18
|
+
accept?: (AcceptType | string)[];
|
|
19
|
+
confirmLabel?: string;
|
|
20
|
+
saveButton?: React.ReactNode;
|
|
21
|
+
header?: React.ReactNode;
|
|
22
|
+
footer?: React.ReactNode;
|
|
23
|
+
onSubmit?: (files: CustomFile[]) => void;
|
|
24
|
+
isFetching?: boolean;
|
|
25
|
+
isSuccess?: boolean;
|
|
26
|
+
successMessage?: string;
|
|
27
|
+
isError?: boolean;
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
title?: string;
|
|
30
|
+
placeholder?: string;
|
|
31
|
+
listStyle?: React.CSSProperties;
|
|
32
|
+
dropIcon?: IconType;
|
|
33
|
+
readOnly?: boolean;
|
|
34
|
+
disableImagePreviews?: boolean;
|
|
35
|
+
maxImagePreviewSize?: number;
|
|
36
|
+
errorMessage?: string;
|
|
37
|
+
message?: string;
|
|
38
|
+
}
|
|
39
|
+
export declare const FileUpload: import("react").ForwardRefExoticComponent<FileUploadProps & import("react").RefAttributes<HTMLFormElement>>;
|
|
40
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const Form: import("styled-components").StyledComponent<"form", any, {}, never>;
|
|
2
|
+
export declare const successAnimation: import("styled-components").Keyframes;
|
|
3
|
+
export declare const List: import("styled-components").StyledComponent<"ul", any, {
|
|
4
|
+
$isSuccess: boolean;
|
|
5
|
+
}, never>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
type CommonImageExtension = '.jpg' | '.jpeg' | '.png' | '.gif' | '.bmp' | '.webp' | '.svg' | '.tiff' | '.ico' | '.exr';
|
|
2
|
+
type CommonVideoExtension = '.mp4' | '.mov' | '.avi' | '.wmv' | '.flv' | '.webm' | '.mkv';
|
|
3
|
+
type FileMime = 'application/*' | 'application/pdf' | 'application/msword' | 'application/vnd.ms-excel' | 'application/vnd.ms-powerpoint' | 'application/zip' | 'application/x-rar-compressed' | 'application/x-tar' | 'application/x-7z-compressed' | 'application/x-gzip' | 'application/x-bzip2' | 'application/x-iso9660-image' | 'application/x-apple-diskimage' | 'application/javascript' | 'application/json' | 'application/xml' | 'audio/*' | 'audio/mpeg' | 'audio/wav' | 'audio/ogg' | 'video/*' | 'video/mp4' | 'video/quicktime' | 'video/x-msvideo' | 'image/*' | 'image/png' | 'image/jpeg' | 'image/gif' | 'image/bmp' | 'image/webp' | 'image/svg+xml' | 'text/*' | 'text/plain' | 'text/html' | 'text/css';
|
|
4
|
+
export type AcceptType = CommonImageExtension | CommonVideoExtension | FileMime | '*';
|
|
5
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './FileUpload';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import iconSet from './icons.json';
|
|
2
|
+
export type IconType = keyof typeof iconSet;
|
|
3
|
+
export interface IconProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
4
|
+
icon: IconType;
|
|
5
|
+
}
|
|
6
|
+
export declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ChangeEvent, FocusEvent } from 'react';
|
|
2
|
+
export interface ColorPickerPreviewProps {
|
|
3
|
+
onClick?: () => void;
|
|
4
|
+
onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
5
|
+
backgroundColor?: string;
|
|
6
|
+
value?: string;
|
|
7
|
+
onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
|
|
8
|
+
}
|
|
9
|
+
declare const ColorPickerPreview: import("react").ForwardRefExoticComponent<ColorPickerPreviewProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export default ColorPickerPreview;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export interface InputColorProps {
|
|
3
|
+
value: string | number[];
|
|
4
|
+
onChange: (event: {
|
|
5
|
+
target: {
|
|
6
|
+
value: string | number[];
|
|
7
|
+
};
|
|
8
|
+
}) => void;
|
|
9
|
+
alpha?: boolean;
|
|
10
|
+
format?: 'hex' | 'float' | 'uint8' | 'uint16';
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: HTMLAttributes<HTMLDivElement>['style'];
|
|
13
|
+
}
|
|
14
|
+
export declare const InputColor: import("react").ForwardRefExoticComponent<InputColorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './InputColor';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './InputDate';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './InputNumber';
|