@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.
Files changed (56) hide show
  1. package/dist/Button/Button.styled.d.ts +2 -1
  2. package/dist/Dropdowns/AssigneeSelect/AssigneeField.d.ts +1 -0
  3. package/dist/Dropdowns/AssigneeSelect/AssigneeSelect.d.ts +1 -0
  4. package/dist/Dropdowns/Dropdown/DefaultValueTemplate.d.ts +1 -1
  5. package/dist/Dropdowns/Dropdown/Dropdown.d.ts +4 -1
  6. package/dist/Dropdowns/Dropdown/Dropdown.styled.d.ts +49 -13
  7. package/dist/Dropdowns/IconSelect/IconSelect.d.ts +1 -0
  8. package/dist/Dropdowns/IconSelect/IconSelect.styled.d.ts +2 -1
  9. package/dist/Dropdowns/SortingDropdown/SortCard.d.ts +1 -0
  10. package/dist/Dropdowns/SortingDropdown/SortCard.styled.d.ts +4 -3
  11. package/dist/Dropdowns/StatusSelect/StatusField/StatusField.d.ts +26 -0
  12. package/dist/Dropdowns/StatusSelect/StatusField/StatusField.styled.d.ts +8 -0
  13. package/dist/Dropdowns/StatusSelect/StatusField/index.d.ts +1 -0
  14. package/dist/Dropdowns/StatusSelect/StatusSelect.d.ts +13 -0
  15. package/dist/Dropdowns/StatusSelect/index.d.ts +5 -0
  16. package/dist/Dropdowns/TagsSelect/TagsSelect.d.ts +1 -0
  17. package/dist/Dropdowns/TagsSelect/TagsSelect.styled.d.ts +8 -7
  18. package/dist/Dropdowns/VersionSelect/VersionSelect.d.ts +1 -0
  19. package/dist/Dropdowns/VersionSelect/VersionSelect.styled.d.ts +3 -2
  20. package/dist/Dropdowns/WatcherSelect/WatcherSelect.d.ts +1 -0
  21. package/dist/Dropdowns/WatcherSelect/WatcherSelect.styled.d.ts +7 -4
  22. package/dist/EntityCard/EntityCard.d.ts +25 -10
  23. package/dist/EntityCard/EntityCard.styled.d.ts +16 -13
  24. package/dist/EntityCard/useUserImagesLoader.d.ts +11 -0
  25. package/dist/FileCard/FileCard.d.ts +1 -1
  26. package/dist/FileCard/FileCard.styled.d.ts +5 -2
  27. package/dist/FileUpload/FileUpload.d.ts +1 -0
  28. package/dist/FileUpload/FileUpload.styled.d.ts +5 -4
  29. package/dist/Icon/Icon.d.ts +1 -0
  30. package/dist/Inputs/InputDate/InputDate.d.ts +1 -0
  31. package/dist/Inputs/InputSwitch/InputSwitch.styled.d.ts +2 -1
  32. package/dist/Inputs/InputTextarea/InputTextarea.styled.d.ts +2 -1
  33. package/dist/Inputs/LockedInput/LockedInput.d.ts +1 -0
  34. package/dist/Inputs/LockedInput/LockedInput.styled.d.ts +6 -3
  35. package/dist/Inputs/styles.d.ts +3 -2
  36. package/dist/Layout/OverflowField/OverflowField.styled.d.ts +6 -5
  37. package/dist/Layout/Section/Section.d.ts +1 -1
  38. package/dist/Layout/TableRow/TableRow.d.ts +1 -0
  39. package/dist/Layout/TableRow/TableRow.styled.d.ts +4 -3
  40. package/dist/Overlay/Dialog/Dialog.d.ts +1 -0
  41. package/dist/Overlay/Dialog/Dialog.styled.d.ts +15 -8
  42. package/dist/Panels/Panel/Panel.d.ts +3 -3
  43. package/dist/ShortcutTag/ShortcutTag.d.ts +2 -1
  44. package/dist/User/UserImage/UserImage.d.ts +1 -0
  45. package/dist/User/UserImage/UserImage.styled.d.ts +2 -3
  46. package/dist/User/UserImagesStacked/UserImagesStacked.d.ts +1 -0
  47. package/dist/ayon-react-components.es.js +11174 -10630
  48. package/dist/ayon-react-components.umd.js +704 -423
  49. package/dist/helpers/adjustHexBrightness.d.ts +2 -0
  50. package/dist/helpers/getShimmerStyles.d.ts +1 -1
  51. package/dist/helpers/rgbToHsl.d.ts +2 -0
  52. package/dist/helpers/useImageLoader.d.ts +2 -0
  53. package/dist/helpers/validateRgb.d.ts +6 -0
  54. package/dist/index.d.ts +2 -0
  55. package/dist/theme/typography.styles.d.ts +15 -15
  56. 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").StyledComponent<"button", any, ButtonProps, never>;
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,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { IconType } from '../../Icon';
2
3
  export interface AssigneeFieldProps extends React.HTMLAttributes<HTMLDivElement> {
3
4
  users: {
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { AssigneeFieldProps } from '.';
2
3
  import { DropdownProps, DropdownRef } from '../Dropdown';
3
4
  export interface AssigneeSelectProps extends Omit<DropdownProps, 'onChange' | 'emptyMessage'> {
@@ -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
- export declare const Button: import("styled-components").StyledComponent<"button", any, {
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
- }, never>;
5
+ }>> & string;
5
6
  export type ButtonType = typeof Button;
6
- export declare const Dropdown: import("styled-components").StyledComponent<"div", any, {}, never>;
7
- export declare const dropdownMenuAnimation: () => import("styled-components").Keyframes;
8
- export declare const Container: import("styled-components").StyledComponent<"div", any, {
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
- }, never>;
15
- 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, {}, never>;
16
- export declare const Options: import("styled-components").StyledComponent<"ul", any, {}, never>;
17
- export declare const ListItem: import("styled-components").StyledComponent<"li", any, {
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
- }, never>;
20
- export declare const DefaultItem: import("styled-components").StyledComponent<"span", any, {}, never>;
21
- export declare const StartContent: import("styled-components").StyledComponent<"div", any, {}, never>;
22
- export declare const Search: import("styled-components").StyledComponent<"div", any, {}, never>;
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,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { DropdownProps, DropdownRef } from '../Dropdown';
2
3
  import { IconType } from '../../Icon';
3
4
  export interface IconTemplateProps {
@@ -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").StyledComponent<"div", any, IconStyledProps, never>;
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,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { SortCardType } from './SortingDropdown';
2
3
  interface SortCardProps extends SortCardType, Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> {
3
4
  onRemove: () => void;
@@ -1,4 +1,5 @@
1
- export declare const Card: import("styled-components").StyledComponent<"div", any, {
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
- }, never>;
4
- export declare const SortWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
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>>;
@@ -0,0 +1,5 @@
1
+ import { Status } from './StatusField';
2
+ export declare const statuses: Status[];
3
+ export declare const randomStatus: Status;
4
+ export * from './StatusSelect';
5
+ export * from './StatusField';
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { DropdownProps, DropdownRef } from '../Dropdown';
2
3
  import { TagsSelectValueTemplateProps } from './TagsSelectValueTemplate';
3
4
  import { type TagsOrderType, type TagsType } from './tags';
@@ -1,8 +1,9 @@
1
+ /// <reference types="react" />
1
2
  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>;
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,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { DropdownProps, DropdownRef } from '../Dropdown';
2
3
  export interface VersionSelectProps extends Omit<DropdownProps, 'options' | 'value' | 'onChange'> {
3
4
  value: string[];
@@ -1,4 +1,5 @@
1
- export declare const Item: import("styled-components").StyledComponent<"div", any, {
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
- }, never>;
5
+ }>> & string;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { AssigneeSelectProps } from '../AssigneeSelect';
2
3
  import { DropdownRef } from '../Dropdown';
3
4
  export interface WatcherSelectProps extends Omit<AssigneeSelectProps, 'emptyMessage'> {
@@ -1,4 +1,7 @@
1
- export declare const AssigneeSelect: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../AssigneeSelect").AssigneeSelectProps & import("react").RefAttributes<import("../..").DropdownRef>>, any, {}, never>;
2
- export declare const WatcherButton: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const StartContent: import("styled-components").StyledComponent<"div", any, {}, never>;
4
- export declare const WatchStateButton: import("styled-components").StyledComponent<"div", any, {}, never>;
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
- description?: string;
20
+ users?: User[];
21
+ status?: Status;
22
+ priority?: PriorityType;
11
23
  imageUrl?: string;
12
24
  imageAlt?: string;
13
- icon?: IconType;
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
- assignees?: User[];
25
- variant?: 'thumbnail' | 'basic' | 'full';
26
- isFullHighlight?: boolean;
27
- isActiveAnimate?: boolean;
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
- 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>;
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;