@ynput/ayon-react-components 1.5.9 → 1.6.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.styled.d.ts +2 -1
- package/dist/Dropdowns/AssigneeSelect/AssigneeField.d.ts +1 -0
- package/dist/Dropdowns/AssigneeSelect/AssigneeSelect.d.ts +1 -0
- package/dist/Dropdowns/Dropdown/DefaultValueTemplate.d.ts +1 -1
- package/dist/Dropdowns/Dropdown/Dropdown.d.ts +4 -1
- package/dist/Dropdowns/Dropdown/Dropdown.styled.d.ts +49 -13
- package/dist/Dropdowns/IconSelect/IconSelect.d.ts +1 -0
- package/dist/Dropdowns/IconSelect/IconSelect.styled.d.ts +2 -1
- package/dist/Dropdowns/SortingDropdown/SortCard.d.ts +1 -0
- package/dist/Dropdowns/SortingDropdown/SortCard.styled.d.ts +4 -3
- package/dist/Dropdowns/StatusSelect/StatusField/StatusField.d.ts +26 -0
- package/dist/Dropdowns/StatusSelect/StatusField/StatusField.styled.d.ts +8 -0
- package/dist/Dropdowns/StatusSelect/StatusField/index.d.ts +1 -0
- package/dist/Dropdowns/StatusSelect/StatusSelect.d.ts +13 -0
- package/dist/Dropdowns/StatusSelect/index.d.ts +5 -0
- package/dist/Dropdowns/TagsSelect/TagsSelect.d.ts +1 -0
- package/dist/Dropdowns/TagsSelect/TagsSelect.styled.d.ts +8 -7
- package/dist/Dropdowns/VersionSelect/VersionSelect.d.ts +1 -0
- package/dist/Dropdowns/VersionSelect/VersionSelect.styled.d.ts +3 -2
- package/dist/Dropdowns/WatcherSelect/WatcherSelect.d.ts +1 -0
- package/dist/Dropdowns/WatcherSelect/WatcherSelect.styled.d.ts +7 -4
- package/dist/EntityCard/EntityCard.d.ts +25 -10
- package/dist/EntityCard/EntityCard.styled.d.ts +16 -13
- package/dist/EntityCard/useUserImagesLoader.d.ts +11 -0
- package/dist/FileCard/FileCard.d.ts +1 -1
- package/dist/FileCard/FileCard.styled.d.ts +5 -2
- package/dist/FileUpload/FileUpload.d.ts +1 -0
- package/dist/FileUpload/FileUpload.styled.d.ts +5 -4
- package/dist/Icon/Icon.d.ts +1 -0
- package/dist/Inputs/InputDate/InputDate.d.ts +1 -0
- package/dist/Inputs/InputSwitch/InputSwitch.styled.d.ts +2 -1
- package/dist/Inputs/InputTextarea/InputTextarea.styled.d.ts +2 -1
- package/dist/Inputs/LockedInput/LockedInput.d.ts +1 -0
- package/dist/Inputs/LockedInput/LockedInput.styled.d.ts +6 -3
- package/dist/Inputs/styles.d.ts +3 -2
- package/dist/Layout/OverflowField/OverflowField.styled.d.ts +6 -5
- package/dist/Layout/Section/Section.d.ts +1 -1
- package/dist/Layout/TableRow/TableRow.d.ts +1 -0
- package/dist/Layout/TableRow/TableRow.styled.d.ts +4 -3
- package/dist/Overlay/Dialog/Dialog.d.ts +1 -0
- package/dist/Overlay/Dialog/Dialog.styled.d.ts +15 -8
- package/dist/Panels/Panel/Panel.d.ts +3 -3
- package/dist/ShortcutTag/ShortcutTag.d.ts +2 -1
- package/dist/User/UserImage/UserImage.d.ts +1 -0
- package/dist/User/UserImage/UserImage.styled.d.ts +2 -3
- package/dist/User/UserImagesStacked/UserImagesStacked.d.ts +1 -0
- package/dist/ayon-react-components.es.js +11174 -10630
- package/dist/ayon-react-components.umd.js +704 -423
- package/dist/helpers/adjustHexBrightness.d.ts +2 -0
- package/dist/helpers/getShimmerStyles.d.ts +1 -1
- package/dist/helpers/rgbToHsl.d.ts +2 -0
- package/dist/helpers/useImageLoader.d.ts +2 -0
- package/dist/helpers/validateRgb.d.ts +6 -0
- package/dist/index.d.ts +2 -0
- package/dist/theme/typography.styles.d.ts +15 -15
- package/package.json +3 -4
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
export type ButtonProps = {
|
|
2
3
|
label?: string;
|
|
3
4
|
$variant: 'surface' | 'tonal' | 'filled' | 'text' | 'tertiary' | 'nav' | 'danger';
|
|
4
5
|
};
|
|
5
|
-
export declare const Button: import("styled-components").
|
|
6
|
+
export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonProps>> & string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { DropdownProps } from './Dropdown';
|
|
3
|
-
export interface DefaultValueTemplateProps extends Pick<DropdownProps, 'value' | 'isMultiple' | 'dropIcon' | 'onClear' | 'onClearNull' | 'nullPlaceholder' | 'placeholder' | 'clearTooltip' | 'clearNullTooltip'> {
|
|
3
|
+
export interface DefaultValueTemplateProps extends Pick<DropdownProps, 'value' | 'isMultiple' | 'dropIcon' | 'onClear' | 'onClearNull' | 'nullPlaceholder' | 'placeholder' | 'clearTooltip' | 'clearNullTooltip' | 'editor'> {
|
|
4
4
|
displayIcon?: string;
|
|
5
5
|
style?: React.CSSProperties;
|
|
6
6
|
children?: React.ReactNode;
|
|
@@ -59,11 +59,14 @@ export interface DropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>
|
|
|
59
59
|
buttonProps?: Styled.ButtonType['defaultProps'];
|
|
60
60
|
activateKeys?: string[];
|
|
61
61
|
startContent?: (value: (string | number)[], selected: (string | number)[], isOpen: boolean) => React.ReactNode;
|
|
62
|
+
editor?: boolean;
|
|
62
63
|
}
|
|
63
64
|
export interface DropdownRef {
|
|
64
65
|
getElement: () => HTMLDivElement | null;
|
|
65
66
|
getOptions: () => HTMLUListElement | null;
|
|
66
67
|
open: () => void;
|
|
67
|
-
close: () => void;
|
|
68
|
+
close: (save?: boolean) => void;
|
|
69
|
+
toggle: () => void;
|
|
70
|
+
isOpen: boolean;
|
|
68
71
|
}
|
|
69
72
|
export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<DropdownRef>>;
|
|
@@ -1,22 +1,58 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
2
3
|
$isChanged: boolean;
|
|
3
4
|
$isOpen: boolean;
|
|
4
|
-
}
|
|
5
|
+
}>> & string;
|
|
5
6
|
export type ButtonType = typeof Button;
|
|
6
|
-
export declare const Dropdown: import("styled-components").
|
|
7
|
-
export declare const dropdownMenuAnimation: () => import("styled-components").
|
|
8
|
-
export declare const Container: import("styled-components").
|
|
7
|
+
export declare const Dropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
8
|
+
export declare const dropdownMenuAnimation: () => import("styled-components/dist/models/Keyframes").default;
|
|
9
|
+
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
9
10
|
$isOpen: boolean;
|
|
10
11
|
$message: string;
|
|
11
12
|
$messageOverButton?: boolean | undefined;
|
|
12
13
|
$error: string;
|
|
13
14
|
$hidden: boolean;
|
|
14
|
-
}
|
|
15
|
-
export declare const Scrollable: import("styled-components").
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
}>> & string;
|
|
16
|
+
export declare const Scrollable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<any, "ref"> & {
|
|
17
|
+
element?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
18
|
+
options?: false | {
|
|
19
|
+
paddingAbsolute?: boolean | undefined;
|
|
20
|
+
showNativeOverlaidScrollbars?: boolean | undefined;
|
|
21
|
+
update?: {
|
|
22
|
+
elementEvents?: [elementSelector: string, eventNames: string][] | null | undefined;
|
|
23
|
+
debounce?: number | [timeout: number, maxWait: number] | null | undefined;
|
|
24
|
+
attributes?: string[] | null | undefined;
|
|
25
|
+
ignoreMutation?: ((mutation: MutationRecord) => any) | null | undefined;
|
|
26
|
+
} | undefined;
|
|
27
|
+
overflow?: {
|
|
28
|
+
x?: import("overlayscrollbars").OverflowBehavior | undefined;
|
|
29
|
+
y?: import("overlayscrollbars").OverflowBehavior | undefined;
|
|
30
|
+
} | undefined;
|
|
31
|
+
scrollbars?: {
|
|
32
|
+
theme?: string | null | undefined;
|
|
33
|
+
visibility?: import("overlayscrollbars").ScrollbarsVisibilityBehavior | undefined;
|
|
34
|
+
autoHide?: import("overlayscrollbars").ScrollbarsAutoHideBehavior | undefined;
|
|
35
|
+
autoHideDelay?: number | undefined;
|
|
36
|
+
autoHideSuspend?: boolean | undefined;
|
|
37
|
+
dragScroll?: boolean | undefined;
|
|
38
|
+
clickScroll?: (boolean | "instant") | undefined;
|
|
39
|
+
pointers?: string[] | null | undefined;
|
|
40
|
+
} | undefined;
|
|
41
|
+
} | null | undefined;
|
|
42
|
+
events?: false | {
|
|
43
|
+
initialized?: ((instance: import("overlayscrollbars").OverlayScrollbars) => void) | ((instance: import("overlayscrollbars").OverlayScrollbars) => void)[] | null | undefined;
|
|
44
|
+
updated?: ((instance: import("overlayscrollbars").OverlayScrollbars, onUpdatedArgs: import("overlayscrollbars").OnUpdatedEventListenerArgs) => void) | ((instance: import("overlayscrollbars").OverlayScrollbars, onUpdatedArgs: import("overlayscrollbars").OnUpdatedEventListenerArgs) => void)[] | null | undefined;
|
|
45
|
+
destroyed?: ((instance: import("overlayscrollbars").OverlayScrollbars, canceled: boolean) => void) | ((instance: import("overlayscrollbars").OverlayScrollbars, canceled: boolean) => void)[] | null | undefined;
|
|
46
|
+
scroll?: ((instance: import("overlayscrollbars").OverlayScrollbars, event: Event) => void) | ((instance: import("overlayscrollbars").OverlayScrollbars, event: Event) => void)[] | null | undefined;
|
|
47
|
+
} | null | undefined;
|
|
48
|
+
defer?: boolean | IdleRequestOptions | undefined;
|
|
49
|
+
} & {
|
|
50
|
+
ref?: import("react").ForwardedRef<import("overlayscrollbars-react").OverlayScrollbarsComponentRef<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>> | undefined;
|
|
51
|
+
}, never>> & string & Omit<(<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), keyof import("react").Component<any, {}, any>>;
|
|
52
|
+
export declare const Options: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
|
|
53
|
+
export declare const ListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
|
|
18
54
|
$usingKeyboard: boolean;
|
|
19
|
-
}
|
|
20
|
-
export declare const DefaultItem: import("styled-components").
|
|
21
|
-
export declare const StartContent: import("styled-components").
|
|
22
|
-
export declare const Search: import("styled-components").
|
|
55
|
+
}>> & string;
|
|
56
|
+
export declare const DefaultItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
57
|
+
export declare const StartContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
58
|
+
export declare const Search: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
interface IconStyledProps {
|
|
2
3
|
$valueTemplate?: boolean;
|
|
3
4
|
$isActive?: boolean;
|
|
4
5
|
}
|
|
5
|
-
export declare const Icon: import("styled-components").
|
|
6
|
+
export declare const Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IconStyledProps>> & string;
|
|
6
7
|
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Card: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
2
3
|
$disabled: boolean;
|
|
3
|
-
}
|
|
4
|
-
export declare const SortWrapper: import("styled-components").
|
|
4
|
+
}>> & string;
|
|
5
|
+
export declare const SortWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconType } from '../../../Icon';
|
|
3
|
+
export type StatusSize = 'full' | 'short' | 'icon';
|
|
4
|
+
export type Status = {
|
|
5
|
+
name: string;
|
|
6
|
+
shortName?: string;
|
|
7
|
+
state?: 'not_started' | 'in_progress' | 'done' | 'blocked';
|
|
8
|
+
icon?: IconType;
|
|
9
|
+
color?: string;
|
|
10
|
+
original_name?: string;
|
|
11
|
+
};
|
|
12
|
+
export interface StatusFieldProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
13
|
+
status: Status;
|
|
14
|
+
isActive?: boolean;
|
|
15
|
+
isChanging?: boolean;
|
|
16
|
+
isSelecting?: boolean;
|
|
17
|
+
size?: 'full' | 'short' | 'icon';
|
|
18
|
+
style?: React.CSSProperties;
|
|
19
|
+
height?: number | string;
|
|
20
|
+
placeholder?: string;
|
|
21
|
+
invert?: boolean;
|
|
22
|
+
className?: string;
|
|
23
|
+
showChevron?: boolean;
|
|
24
|
+
isChanged?: boolean;
|
|
25
|
+
}
|
|
26
|
+
export declare const StatusField: import("react").ForwardRefExoticComponent<StatusFieldProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { StatusSize } from './StatusField';
|
|
3
|
+
type StatusStyledProps = {
|
|
4
|
+
$color: string;
|
|
5
|
+
$size: StatusSize;
|
|
6
|
+
};
|
|
7
|
+
export declare const StatusStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StatusStyledProps>> & string;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './StatusField';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DropdownProps, DropdownRef } from '../Dropdown';
|
|
3
|
+
import { StatusSize } from './StatusField/StatusField';
|
|
4
|
+
export interface StatusSelectProps extends Omit<DropdownProps, 'onChange' | 'emptyMessage'> {
|
|
5
|
+
size?: StatusSize;
|
|
6
|
+
height?: number;
|
|
7
|
+
onChange?: (status: string) => void;
|
|
8
|
+
multipleSelected?: number;
|
|
9
|
+
disableMessage?: boolean;
|
|
10
|
+
invert?: boolean;
|
|
11
|
+
isChevron?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare const StatusSelect: import("react").ForwardRefExoticComponent<StatusSelectProps & import("react").RefAttributes<DropdownRef>>;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
export { DefaultItem } from '../Dropdown/Dropdown.styled';
|
|
2
|
-
export declare const TagSelectDropdown: import("styled-components").
|
|
3
|
-
|
|
4
|
-
},
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
},
|
|
3
|
+
export declare const TagSelectDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("../Dropdown").DropdownProps & import("react").RefAttributes<import("../Dropdown").DropdownRef>, "ref"> & {
|
|
4
|
+
ref?: import("react").RefObject<import("../Dropdown").DropdownRef> | ((instance: import("../Dropdown").DropdownRef | null) => void) | null | undefined;
|
|
5
|
+
}, {
|
|
6
|
+
$width: number;
|
|
7
|
+
}>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Dropdown").DropdownProps & import("react").RefAttributes<import("../Dropdown").DropdownRef>>, keyof import("react").Component<any, {}, any>>;
|
|
8
|
+
export declare const Tag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
9
|
+
export declare const TagsValueTemplate: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Dropdown").DefaultValueTemplateProps, never>> & string & Omit<import("react").FC<import("../Dropdown").DefaultValueTemplateProps>, keyof import("react").Component<any, {}, any>>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Item: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
2
3
|
$disabled: boolean;
|
|
3
4
|
$isSelected: boolean;
|
|
4
|
-
}
|
|
5
|
+
}>> & string;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const AssigneeSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../AssigneeSelect").AssigneeSelectProps & import("react").RefAttributes<import("../..").DropdownRef>, "ref"> & {
|
|
3
|
+
ref?: import("react").RefObject<import("../..").DropdownRef> | ((instance: import("../..").DropdownRef | null) => void) | null | undefined;
|
|
4
|
+
}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../AssigneeSelect").AssigneeSelectProps & import("react").RefAttributes<import("../..").DropdownRef>>, keyof import("react").Component<any, {}, any>>;
|
|
5
|
+
export declare const WatcherButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
|
+
export declare const StartContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
|
+
export declare const WatchStateButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,30 +1,45 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { IconType } from '../Icon';
|
|
2
3
|
import { User } from '../User/UserImagesStacked';
|
|
4
|
+
import { Status } from '../Dropdowns/StatusSelect';
|
|
3
5
|
type NotificationType = 'comment' | 'due' | 'overdue';
|
|
6
|
+
export type PriorityType = {
|
|
7
|
+
label: string;
|
|
8
|
+
color: string;
|
|
9
|
+
icon: IconType;
|
|
10
|
+
name: string;
|
|
11
|
+
};
|
|
12
|
+
type Section = 'title' | 'header' | 'users' | 'status' | 'priority';
|
|
4
13
|
export interface EntityCardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
14
|
+
header?: string;
|
|
15
|
+
path?: string;
|
|
16
|
+
showPath?: boolean;
|
|
5
17
|
title?: string;
|
|
6
18
|
titleIcon?: IconType;
|
|
7
|
-
subTitle?: string;
|
|
8
|
-
subTitleIcon?: IconType;
|
|
9
19
|
isPlayable?: boolean;
|
|
10
|
-
|
|
20
|
+
users?: User[];
|
|
21
|
+
status?: Status;
|
|
22
|
+
priority?: PriorityType;
|
|
11
23
|
imageUrl?: string;
|
|
12
24
|
imageAlt?: string;
|
|
13
|
-
|
|
14
|
-
iconColor?: string;
|
|
25
|
+
imageIcon?: IconType;
|
|
15
26
|
notification?: NotificationType;
|
|
16
27
|
isActive?: boolean;
|
|
17
|
-
isSecondary?: boolean;
|
|
18
28
|
isLoading?: boolean;
|
|
29
|
+
loadingSections?: Section[];
|
|
19
30
|
isError?: boolean;
|
|
20
31
|
isHover?: boolean;
|
|
21
32
|
isDragging?: boolean;
|
|
22
33
|
isDraggable?: boolean;
|
|
23
34
|
disabled?: boolean;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
35
|
+
variant?: 'default' | 'status';
|
|
36
|
+
isCollapsed?: boolean;
|
|
37
|
+
assigneeOptions?: User[];
|
|
38
|
+
statusOptions?: Status[];
|
|
39
|
+
priorityOptions?: PriorityType[];
|
|
40
|
+
onAssigneeChange?: (users: string[]) => void;
|
|
41
|
+
onStatusChange?: (status: string) => void;
|
|
42
|
+
onPriorityChange?: (priority: string) => void;
|
|
28
43
|
onThumbnailKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;
|
|
29
44
|
onActivate?: () => void;
|
|
30
45
|
}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
$
|
|
4
|
-
}
|
|
5
|
-
export declare const Card: import("styled-components").
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const
|
|
13
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type CardProps = {
|
|
3
|
+
$statusColor?: string;
|
|
4
|
+
};
|
|
5
|
+
export declare const Card: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CardProps>> & string;
|
|
6
|
+
export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
|
+
export declare const Thumbnail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
8
|
+
export declare const Image: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
|
|
9
|
+
export declare const Row: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
|
+
export declare const Tag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
11
|
+
export declare const StatusContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
|
+
export declare const NoImageIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Icon").IconProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
13
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
14
|
+
}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
|
|
15
|
+
export declare const Editor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
16
|
+
export declare const EditorLeaveZone: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
17
|
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { User } from '../User/UserImagesStacked';
|
|
2
|
+
declare const useUserImagesLoader: (users: User[] | undefined | null) => {
|
|
3
|
+
users: {
|
|
4
|
+
avatarUrl: string | undefined;
|
|
5
|
+
fullName?: string | undefined;
|
|
6
|
+
name: string;
|
|
7
|
+
self?: boolean | undefined;
|
|
8
|
+
}[];
|
|
9
|
+
isLoading: boolean;
|
|
10
|
+
};
|
|
11
|
+
export default useUserImagesLoader;
|