@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.
Files changed (115) hide show
  1. package/dist/Button/Button.d.ts +14 -0
  2. package/dist/Button/Button.styled.d.ts +8 -0
  3. package/dist/Button/index.d.ts +1 -0
  4. package/dist/Dropdowns/AssigneeSelect/AssigneeDropdownTemplate.d.ts +9 -0
  5. package/dist/Dropdowns/AssigneeSelect/AssigneeField.d.ts +16 -0
  6. package/dist/Dropdowns/AssigneeSelect/AssigneeSelect.d.ts +23 -0
  7. package/dist/Dropdowns/AssigneeSelect/index.d.ts +3 -0
  8. package/dist/Dropdowns/Dropdown/DefaultValueTemplate.d.ts +12 -0
  9. package/dist/Dropdowns/Dropdown/Dropdown.d.ts +57 -0
  10. package/dist/Dropdowns/Dropdown/Dropdown.styled.d.ts +27 -0
  11. package/dist/Dropdowns/Dropdown/TagsValueTemplate.d.ts +4 -0
  12. package/dist/Dropdowns/Dropdown/index.d.ts +2 -0
  13. package/dist/Dropdowns/IconSelect/IconSelect.d.ts +16 -0
  14. package/dist/Dropdowns/IconSelect/IconSelect.styled.d.ts +6 -0
  15. package/dist/Dropdowns/IconSelect/index.d.ts +1 -0
  16. package/dist/Dropdowns/SortingDropdown/SortCard.d.ts +8 -0
  17. package/dist/Dropdowns/SortingDropdown/SortCard.styled.d.ts +4 -0
  18. package/dist/Dropdowns/SortingDropdown/SortingDropdown.d.ts +14 -0
  19. package/dist/Dropdowns/SortingDropdown/index.d.ts +1 -0
  20. package/dist/Dropdowns/TagsSelect/TagsSelect.d.ts +23 -0
  21. package/dist/Dropdowns/TagsSelect/TagsSelect.styled.d.ts +8 -0
  22. package/dist/Dropdowns/TagsSelect/TagsSelectValueTemplate.d.ts +8 -0
  23. package/dist/Dropdowns/TagsSelect/index.d.ts +3 -0
  24. package/dist/Dropdowns/TagsSelect/tags.d.ts +103 -0
  25. package/dist/Dropdowns/VersionSelect/VersionSelect.d.ts +8 -0
  26. package/dist/Dropdowns/VersionSelect/VersionSelect.styled.d.ts +4 -0
  27. package/dist/Dropdowns/VersionSelect/index.d.ts +1 -0
  28. package/dist/EntityCard/EntityCard.d.ts +30 -0
  29. package/dist/EntityCard/EntityCard.styled.d.ts +14 -0
  30. package/dist/EntityCard/index.d.ts +2 -0
  31. package/dist/FileCard/FileCard.d.ts +17 -0
  32. package/dist/FileCard/FileCard.styled.d.ts +12 -0
  33. package/dist/FileCard/index.d.ts +1 -0
  34. package/dist/FileUpload/FileUpload.d.ts +40 -0
  35. package/dist/FileUpload/FileUpload.styled.d.ts +5 -0
  36. package/dist/FileUpload/FileUploadHelpers.d.ts +3 -0
  37. package/dist/FileUpload/fileTypes.d.ts +5 -0
  38. package/dist/FileUpload/index.d.ts +1 -0
  39. package/dist/Icon/Icon.d.ts +6 -0
  40. package/dist/Icon/index.d.ts +3 -0
  41. package/dist/Inputs/InputColor/ColorPickerPreview.d.ts +10 -0
  42. package/dist/Inputs/InputColor/InputColor.d.ts +14 -0
  43. package/dist/Inputs/InputColor/index.d.ts +1 -0
  44. package/dist/Inputs/InputDate/InputDate.d.ts +5 -0
  45. package/dist/Inputs/InputDate/index.d.ts +1 -0
  46. package/dist/Inputs/InputNumber/InputNumber.d.ts +2 -0
  47. package/dist/Inputs/InputNumber/index.d.ts +1 -0
  48. package/dist/Inputs/InputPassword/InputPassword.d.ts +5 -0
  49. package/dist/Inputs/InputPassword/index.d.ts +1 -0
  50. package/dist/Inputs/InputSwitch/InputSwitch.d.ts +8 -0
  51. package/dist/Inputs/InputSwitch/InputSwitch.styled.d.ts +1 -0
  52. package/dist/Inputs/InputSwitch/index.d.ts +1 -0
  53. package/dist/Inputs/InputText/InputText.d.ts +2 -0
  54. package/dist/Inputs/InputText/index.d.ts +1 -0
  55. package/dist/Inputs/InputTextarea/InputTextarea.d.ts +2 -0
  56. package/dist/Inputs/InputTextarea/InputTextarea.styled.d.ts +1 -0
  57. package/dist/Inputs/InputTextarea/index.d.ts +1 -0
  58. package/dist/Inputs/LockedInput/LockedInput.d.ts +15 -0
  59. package/dist/Inputs/LockedInput/LockedInput.styled.d.ts +4 -0
  60. package/dist/Inputs/LockedInput/index.d.ts +1 -0
  61. package/dist/Inputs/styles.d.ts +2 -0
  62. package/dist/Layout/Divider/Divider.d.ts +2 -0
  63. package/dist/Layout/Divider/index.d.ts +1 -0
  64. package/dist/Layout/FormLayout/FormLayout.d.ts +2 -0
  65. package/dist/Layout/FormLayout/index.d.ts +1 -0
  66. package/dist/Layout/FormRow/FormRow.d.ts +7 -0
  67. package/dist/Layout/FormRow/index.d.ts +1 -0
  68. package/dist/Layout/OverflowField/OverflowField.d.ts +10 -0
  69. package/dist/Layout/OverflowField/OverflowField.styled.d.ts +9 -0
  70. package/dist/Layout/OverflowField/index.d.ts +1 -0
  71. package/dist/Layout/Section/Section.d.ts +5 -0
  72. package/dist/Layout/Section/index.d.ts +1 -0
  73. package/dist/Layout/Spacer/Spacer.d.ts +2 -0
  74. package/dist/Layout/Spacer/index.d.ts +1 -0
  75. package/dist/Layout/TableRow/TableRow.d.ts +8 -0
  76. package/dist/Layout/TableRow/TableRow.styled.d.ts +4 -0
  77. package/dist/Layout/TableRow/index.d.ts +1 -0
  78. package/dist/Layout/Toolbar/Toolbar.d.ts +2 -0
  79. package/dist/Layout/Toolbar/index.d.ts +1 -0
  80. package/dist/Overlay/Dialog/Dialog.d.ts +21 -0
  81. package/dist/Overlay/Dialog/Dialog.styled.d.ts +8 -0
  82. package/dist/Overlay/Dialog/index.d.ts +1 -0
  83. package/dist/Panels/Panel/Panel.d.ts +11 -0
  84. package/dist/Panels/Panel/index.d.ts +1 -0
  85. package/dist/Panels/ScrollPanel/ScrollPanel.d.ts +6 -0
  86. package/dist/Panels/ScrollPanel/index.d.ts +1 -0
  87. package/dist/Panels/TablePanel/TablePanel.d.ts +8 -0
  88. package/dist/Panels/TablePanel/index.d.ts +1 -0
  89. package/dist/SaveButton/SaveButton.d.ts +11 -0
  90. package/dist/SaveButton/index.d.ts +1 -0
  91. package/dist/User/UserImage/UserImage.d.ts +8 -0
  92. package/dist/User/UserImage/UserImage.styled.d.ts +3 -0
  93. package/dist/User/UserImage/index.d.ts +1 -0
  94. package/dist/User/UserImagesStacked/UserImagesStacked.d.ts +14 -0
  95. package/dist/User/UserImagesStacked/index.d.ts +1 -0
  96. package/dist/ayon-react-components.es.js +21372 -0
  97. package/dist/ayon-react-components.umd.js +2232 -0
  98. package/dist/favicon-16x16.png +0 -0
  99. package/dist/favicon-32x32.png +0 -0
  100. package/dist/favicon.ico +0 -0
  101. package/dist/helpers/floatToInt16.d.ts +2 -0
  102. package/dist/helpers/floatToInt8.d.ts +2 -0
  103. package/dist/helpers/getShimmerStyles.d.ts +6 -0
  104. package/dist/helpers/hexToFloat.d.ts +2 -0
  105. package/dist/helpers/index.d.ts +1 -0
  106. package/dist/helpers/int8ToHex.d.ts +2 -0
  107. package/dist/helpers/toHexColor.d.ts +2 -0
  108. package/dist/helpers/validateHexColor.d.ts +2 -0
  109. package/dist/index.d.ts +37 -0
  110. package/dist/preview.css +15 -0
  111. package/dist/storybook.css +28 -0
  112. package/dist/style.css +9 -0
  113. package/dist/theme/index.d.ts +1 -0
  114. package/dist/theme/typography.styles.d.ts +15 -0
  115. package/package.json +1 -1
@@ -0,0 +1,5 @@
1
+ import { InputHTMLAttributes } from 'react';
2
+ export interface PasswordInputProps extends InputHTMLAttributes<HTMLInputElement> {
3
+ canRevealPassword?: boolean;
4
+ }
5
+ export declare const InputPassword: import("react").ForwardRefExoticComponent<PasswordInputProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -0,0 +1 @@
1
+ export * from './InputPassword';
@@ -0,0 +1,8 @@
1
+ import { CSSProperties, InputHTMLAttributes } from 'react';
2
+ export interface InputSwitchProps extends InputHTMLAttributes<HTMLInputElement> {
3
+ switchClassName?: string;
4
+ switchStyle?: CSSProperties;
5
+ compact?: boolean;
6
+ onChange?: (event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>) => void;
7
+ }
8
+ export declare const InputSwitch: import("react").ForwardRefExoticComponent<InputSwitchProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -0,0 +1 @@
1
+ export declare const Switch: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1 @@
1
+ export * from './InputSwitch';
@@ -0,0 +1,2 @@
1
+ import { InputHTMLAttributes } from 'react';
2
+ export declare const InputText: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
@@ -0,0 +1 @@
1
+ export * from './InputText';
@@ -0,0 +1,2 @@
1
+ import { InputHTMLAttributes } from 'react';
2
+ export declare const InputTextarea: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;
@@ -0,0 +1 @@
1
+ export declare const Textarea: import("styled-components").StyledComponent<"textarea", any, {}, never>;
@@ -0,0 +1 @@
1
+ export { InputTextarea } from './InputTextarea';
@@ -0,0 +1,15 @@
1
+ import { IconType } from '../../Icon';
2
+ export interface LockedInputProps extends Omit<React.InputHTMLAttributes<HTMLFormElement>, 'onSubmit'> {
3
+ value: string;
4
+ onSubmit?: (value: string) => void;
5
+ onEdit?: () => void;
6
+ onCancel?: () => void;
7
+ label?: string;
8
+ disabled?: boolean;
9
+ saveLabel?: string;
10
+ cancelLabel?: string;
11
+ editIcon?: IconType;
12
+ fullUnlock?: boolean;
13
+ type?: React.HTMLInputTypeAttribute;
14
+ }
15
+ export declare const LockedInput: import("react").ForwardRefExoticComponent<LockedInputProps & import("react").RefAttributes<HTMLFormElement>>;
@@ -0,0 +1,4 @@
1
+ export declare const Username: import("styled-components").StyledComponent<"form", any, {}, never>;
2
+ export declare const LockedInputText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>, any, {
3
+ $open: boolean;
4
+ }, never>;
@@ -0,0 +1 @@
1
+ export * from './LockedInput';
@@ -0,0 +1,2 @@
1
+ export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {}, never>;
2
+ export declare const StyledToggleInput: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1,2 @@
1
+ import { HTMLAttributes } from 'react';
2
+ export declare const Divider: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1 @@
1
+ export * from './Divider';
@@ -0,0 +1,2 @@
1
+ import { HTMLAttributes } from 'react';
2
+ export declare const FormLayout: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1 @@
1
+ export * from './FormLayout';
@@ -0,0 +1,7 @@
1
+ import { HTMLAttributes } from 'react';
2
+ export interface FormRowProps extends HTMLAttributes<HTMLDivElement> {
3
+ label: string;
4
+ fieldStyle?: React.CSSProperties;
5
+ labelStyle?: React.CSSProperties;
6
+ }
7
+ export declare const FormRow: import("react").ForwardRefExoticComponent<FormRowProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1 @@
1
+ export * from './FormRow';
@@ -0,0 +1,10 @@
1
+ import { IconType } from '../../Icon';
2
+ import { MouseEvent } from 'react';
3
+ export interface OverflowFieldProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {
4
+ value?: string | number | React.ReactNode;
5
+ align?: 'left' | 'right';
6
+ onClick?: (value: string, e: MouseEvent<HTMLSpanElement>) => void;
7
+ icon?: IconType;
8
+ isCopy?: boolean;
9
+ }
10
+ export declare const OverflowField: import("react").ForwardRefExoticComponent<OverflowFieldProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,9 @@
1
+ export declare const OverflowField: import("styled-components").StyledComponent<"div", any, {
2
+ $isNode: boolean;
3
+ $align: string;
4
+ }, never>;
5
+ export declare const OverflowString: import("styled-components").StyledComponent<"span", any, {}, never>;
6
+ export declare const RevealString: import("styled-components").StyledComponent<"span", any, {
7
+ $align: string;
8
+ $isCopy: boolean;
9
+ }, never>;
@@ -0,0 +1 @@
1
+ export * from './OverflowField';
@@ -0,0 +1,5 @@
1
+ import { HTMLAttributes } from 'react';
2
+ export declare const Section: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
3
+ direction?: "row" | "column" | undefined;
4
+ wrap?: boolean | undefined;
5
+ } & import("react").RefAttributes<HTMLElement>>;
@@ -0,0 +1 @@
1
+ export * from './Section';
@@ -0,0 +1,2 @@
1
+ import { HTMLAttributes } from 'react';
2
+ export declare const Spacer: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1 @@
1
+ export * from './Spacer';
@@ -0,0 +1,8 @@
1
+ export interface TableRowProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onCopy'> {
2
+ name?: string;
3
+ value?: any;
4
+ tooltip?: string;
5
+ onCopy?: (value: string) => void;
6
+ type?: string;
7
+ }
8
+ export declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,4 @@
1
+ export declare const AttributeTableRow: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const Title: import("styled-components").StyledComponent<"span", any, {
3
+ $tooltip?: string | undefined;
4
+ }, never>;
@@ -0,0 +1 @@
1
+ export * from './TableRow';
@@ -0,0 +1,2 @@
1
+ import { HTMLAttributes } from 'react';
2
+ export declare const Toolbar: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
@@ -0,0 +1 @@
1
+ export * from './Toolbar';
@@ -0,0 +1,21 @@
1
+ import { ButtonProps } from '../../Button';
2
+ export interface DialogProps extends Omit<React.HTMLAttributes<HTMLDialogElement>, 'open'> {
3
+ header?: React.ReactNode;
4
+ children?: React.ReactNode;
5
+ footer?: React.ReactNode;
6
+ closeProps?: ButtonProps;
7
+ hideCancelButton?: boolean;
8
+ isOpen: boolean;
9
+ onClose?: () => void;
10
+ classNames?: ClassNames;
11
+ size?: 'sm' | 'md' | 'lg' | 'full';
12
+ }
13
+ type ClassNames = {
14
+ header?: string;
15
+ body?: string;
16
+ footer?: string;
17
+ cancelButton?: string;
18
+ closeButton?: string;
19
+ };
20
+ export declare const Dialog: import("react").ForwardRefExoticComponent<DialogProps & import("react").RefAttributes<HTMLDialogElement>>;
21
+ export {};
@@ -0,0 +1,8 @@
1
+ export declare const Dialog: import("styled-components").StyledComponent<"dialog", any, {
2
+ $size?: string | undefined;
3
+ }, never>;
4
+ export declare const Close: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
5
+ export declare const BaseDialogEdge: import("styled-components").StyledComponent<"div", any, {}, never>;
6
+ export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
7
+ export declare const Footer: import("styled-components").StyledComponent<"div", any, {}, never>;
8
+ export declare const Body: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1 @@
1
+ export * from './Dialog';
@@ -0,0 +1,11 @@
1
+ import { HTMLAttributes } from 'react';
2
+ type PanelProps = HTMLAttributes<HTMLDivElement> & {
3
+ direction?: 'row' | 'column';
4
+ };
5
+ export declare const PanelStyled: import("styled-components").StyledComponent<"div", any, {
6
+ $direction: PanelProps['direction'];
7
+ }, never>;
8
+ export declare const Panel: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
9
+ direction?: "row" | "column" | undefined;
10
+ } & import("react").RefAttributes<HTMLDivElement>>;
11
+ export {};
@@ -0,0 +1 @@
1
+ export * from './Panel';
@@ -0,0 +1,6 @@
1
+ import { HTMLAttributes } from 'react';
2
+ export interface ScrollPanelProps extends HTMLAttributes<HTMLDivElement> {
3
+ children: React.ReactNode;
4
+ scrollStyle?: React.CSSProperties;
5
+ }
6
+ export declare const ScrollPanel: import("react").ForwardRefExoticComponent<ScrollPanelProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1 @@
1
+ export * from './ScrollPanel';
@@ -0,0 +1,8 @@
1
+ import { HTMLAttributes } from 'react';
2
+ export interface ScrollPanelProps extends HTMLAttributes<HTMLDivElement> {
3
+ children: React.ReactNode;
4
+ scrollStyle?: React.CSSProperties;
5
+ loading?: boolean;
6
+ direction?: 'column' | 'row';
7
+ }
8
+ export declare const TablePanel: import("react").ForwardRefExoticComponent<ScrollPanelProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1 @@
1
+ export * from './TablePanel';
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import { ButtonProps } from '../Button';
3
+ import { IconType } from '../Icon';
4
+ export interface SaveButtonProps extends ButtonProps {
5
+ active?: boolean;
6
+ saving?: boolean;
7
+ icon?: IconType;
8
+ onClick?: () => void;
9
+ children?: React.ReactNode;
10
+ }
11
+ export declare const SaveButton: React.ForwardRefExoticComponent<SaveButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1 @@
1
+ export * from './SaveButton';
@@ -0,0 +1,8 @@
1
+ export interface UserImageProps extends React.HTMLAttributes<HTMLSpanElement> {
2
+ src?: string;
3
+ fullName?: string;
4
+ name: string;
5
+ size?: number;
6
+ highlight?: boolean;
7
+ }
8
+ export declare const UserImage: import("react").ForwardRefExoticComponent<UserImageProps & import("react").RefAttributes<HTMLSpanElement>>;
@@ -0,0 +1,3 @@
1
+ export declare const CircleImage: import("styled-components").StyledComponent<"span", any, {
2
+ $highlight?: boolean | undefined;
3
+ }, never>;
@@ -0,0 +1 @@
1
+ export * from './UserImage';
@@ -0,0 +1,14 @@
1
+ export interface User {
2
+ avatarUrl?: string;
3
+ fullName?: string;
4
+ name: string;
5
+ self?: boolean;
6
+ }
7
+ export interface UserImagesStackedProps extends React.HTMLAttributes<HTMLDivElement> {
8
+ users: User[];
9
+ size?: number;
10
+ gap?: number;
11
+ max?: number;
12
+ userStyle?: React.CSSProperties;
13
+ }
14
+ export declare const UserImagesStacked: import("react").ForwardRefExoticComponent<UserImagesStackedProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1 @@
1
+ export * from './UserImagesStacked';