@ynput/ayon-react-components 0.3.29 → 0.4.0

package/dist/Button/Button.d.ts

@@ -7,5 +7,8 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     link?: boolean;
     disabled?: boolean;
     iconStyle?: React.CSSProperties;
+    variant?: 'surface' | 'tonal' | 'filled' | 'nav' | 'text' | 'tertiary';
+    className?: string;
+    selected?: boolean;
 }
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/Button/Button.styled.d.ts

@@ -0,0 +1,6 @@
+export type ButtonProps = {
+    label?: string;
+    $link?: boolean;
+    $icon?: boolean;
+};
+export declare const Button: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;

package/dist/Dropdowns/AssigneeSelect/AssigneeDropdownTemplate.d.ts

@@ -6,4 +6,4 @@ export interface AssigneeDropdownProps {
     onClick?: () => void;
     size?: number;
 }
-export declare const AssigneeDropdownTemplate: ({ name, avatarUrl, fullName, isSelected, onClick, size, }: AssigneeDropdownProps) => JSX.Element;
+export declare const AssigneeDropdownTemplate: ({ name, avatarUrl, fullName, isSelected, onClick, size, }: AssigneeDropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Dropdowns/Dropdown/Dropdown.d.ts

@@ -1,21 +1,5 @@
 import { CSSProperties } from 'react';
 import { IconType } from '../../Icon';
-export declare const OptionsStyled: import("styled-components").StyledComponent<"ul", any, {
-    $message: string;
-    $search: boolean;
-    $startAnimation: boolean;
-    $animationHeight: number;
-    $maxHeight?: number | undefined;
-}, never>;
-export declare const ListItemStyled: import("styled-components").StyledComponent<"li", any, {
-    $focused: boolean;
-    $usingKeyboard: boolean;
-    $startAnimation: boolean;
-    $disabled?: boolean | undefined;
-}, never>;
-export declare const DefaultItemStyled: import("styled-components").StyledComponent<"span", any, {
-    $isSelected: boolean;
-}, never>;
 export interface DropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     message?: string;
     itemStyle?: CSSProperties;

package/dist/Dropdowns/Dropdown/Dropdown.styled.d.ts

@@ -0,0 +1,32 @@
+export declare const Button: import("styled-components").StyledComponent<"button", any, {
+    $isChanged: boolean;
+    $isOpen: boolean;
+}, never>;
+export declare const Dropdown: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"form", any, {
+    $isOpen: boolean;
+    $height?: number | undefined;
+    $message: string;
+    $startAnimation: boolean;
+}, never>;
+export declare const dropdownMenuAnimation: (end: number) => import("styled-components").Keyframes;
+export declare const Options: import("styled-components").StyledComponent<"ul", any, {
+    $message: string;
+    $search: boolean;
+    $startAnimation: boolean;
+    $animationHeight: number;
+    $maxHeight?: number | undefined;
+}, never>;
+export declare const slideDown: import("styled-components").Keyframes;
+export declare const ListItem: import("styled-components").StyledComponent<"li", any, {
+    $focused: boolean;
+    $usingKeyboard: boolean;
+    $startAnimation: boolean;
+    $disabled?: boolean | undefined;
+}, never>;
+export declare const DefaultItem: import("styled-components").StyledComponent<"span", any, {
+    $isSelected: boolean;
+}, never>;
+export declare const Search: import("styled-components").StyledComponent<"div", any, {
+    $startAnimation: boolean;
+}, never>;

package/dist/Dropdowns/IconSelect/IconSelect.styled.d.ts

@@ -0,0 +1,6 @@
+interface IconStyledProps {
+    $valueTemplate?: boolean;
+    $isActive?: boolean;
+}
+export declare const Icon: import("styled-components").StyledComponent<"div", any, IconStyledProps, never>;
+export {};

package/dist/Dropdowns/SortingDropdown/SortCard.d.ts

@@ -0,0 +1,7 @@
+import { SortCardType } from './SortingDropdown';
+interface SortCardProps extends SortCardType, Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> {
+    onRemove: () => void;
+    disabled?: boolean;
+}
+declare const SortCard: import("react").ForwardRefExoticComponent<SortCardProps & import("react").RefAttributes<HTMLDivElement>>;
+export default SortCard;

package/dist/Dropdowns/SortingDropdown/SortCard.styled.d.ts

@@ -0,0 +1,3 @@
+export declare const Card: import("styled-components").StyledComponent<"div", any, {
+    $disabled: boolean;
+}, never>;

package/dist/Dropdowns/SortingDropdown/SortingDropdown.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { DropdownProps } from '../Dropdown';
+export type SortCardType = {
+    id: string;
+    label: string;
+    sortOrder?: boolean;
+};
+export interface SortingDropdownProps extends Omit<DropdownProps, 'value' | 'onChange'> {
+    value: SortCardType[];
+    options: SortCardType[];
+    onChange: (value: SortCardType[]) => void;
+    title: string;
+}
+export declare const SortingDropdown: FC<SortingDropdownProps>;

package/dist/Dropdowns/SortingDropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './SortingDropdown';

package/dist/Dropdowns/TagsSelect/TagsSelect.styled.d.ts

@@ -0,0 +1,8 @@
+export { DefaultItem } from '../Dropdown/Dropdown.styled';
+export declare const TagSelectDropdown: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Dropdown").DropdownProps & import("react").RefAttributes<HTMLDivElement>>, any, {
+    width?: number | undefined;
+}, never>;
+export declare const Tag: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TagsValueTemplate: import("styled-components").StyledComponent<import("react").FC<import("../Dropdown").DefaultValueTemplateProps>, any, {
+    editor?: boolean | undefined;
+}, never>;

package/dist/Dropdowns/VersionSelect/VersionSelect.d.ts

@@ -3,6 +3,7 @@ import { DropdownProps } from '../Dropdown';
 export interface VersionSelectProps extends Omit<DropdownProps, 'options' | 'value' | 'onChange'> {
     value: string[];
     versions: string[][];
+    version?: string[];
     onChange: (value: string[]) => void;
 }
 export declare const VersionSelect: FC<VersionSelectProps>;

package/dist/Dropdowns/VersionSelect/VersionSelect.styled.d.ts

@@ -0,0 +1,4 @@
+export declare const Item: import("styled-components").StyledComponent<"div", any, {
+    $disabled: boolean;
+    $isSelected: boolean;
+}, never>;

package/dist/EntityCard/{EntityCardStyles.d.ts → EntityCard.styled.d.ts}

@@ -11,15 +11,15 @@ interface StyledEntityCardProps {
     $isDragging?: boolean;
     $isDraggable?: boolean;
 }
-export declare const StyledEntityCard: import("styled-components").StyledComponent<"div", any, StyledEntityCardProps, never>;
+export declare const Card: import("styled-components").StyledComponent<"div", any, StyledEntityCardProps, never>;
 interface StyledThumbnailProps {
     $isImageLoading: boolean;
     $isImageValid: boolean;
     $disableImageAnimation: boolean;
 }
-export declare const StyledThumbnail: import("styled-components").StyledComponent<"div", any, StyledThumbnailProps, never>;
-export declare const StyledRow: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Thumbnail: import("styled-components").StyledComponent<"div", any, StyledThumbnailProps, never>;
+export declare const Row: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Description: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const NoImageIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 export {};

package/dist/EntityCard/index.d.ts

@@ -1,2 +1,2 @@
 export * from './EntityCard';
-export * from './EntityCardStyles';
+export * from './EntityCard.styled';

package/dist/FileCard/FileCard.d.ts

@@ -12,5 +12,6 @@ export interface FileCardProps extends React.HTMLAttributes<HTMLDivElement> {
     disabled?: boolean;
     message?: string;
     preview?: string | null;
+    index?: number;
 }
 export declare const FileCard: FC<FileCardProps>;

package/dist/FileCard/FileCard.styled.d.ts

@@ -0,0 +1,12 @@
+import { ButtonProps } from '../Button/Button.styled';
+interface FileCardProps {
+    $isFetching: boolean;
+    $message?: string;
+    $first?: boolean;
+}
+export declare const FileCard: import("styled-components").StyledComponent<"div", any, FileCardProps, never>;
+interface IconProps extends ButtonProps {
+    $error?: boolean;
+}
+export declare const Icon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, IconProps, never>;
+export {};

package/dist/FileUpload/FileUpload.styled.d.ts

@@ -0,0 +1,5 @@
+export declare const Form: import("styled-components").StyledComponent<"form", any, {}, never>;
+export declare const successAnimation: import("styled-components").Keyframes;
+export declare const List: import("styled-components").StyledComponent<"ul", any, {
+    $isSuccess: boolean;
+}, never>;

package/dist/FileUpload/FileUploadHelpers.d.ts

@@ -0,0 +1,3 @@
+import { CustomFile } from './FileUpload';
+export declare const extractSequence: (string: string) => [string, number] | [];
+export declare const getSeqError: (files: CustomFile[]) => string | undefined;

package/dist/Inputs/InputDate/InputDate.d.ts

@@ -2,4 +2,4 @@ import { ReactDatePickerProps } from 'react-datepicker';
 export interface InputDateProps extends ReactDatePickerProps {
     style?: React.CSSProperties;
 }
-export declare const InputDate: (props: InputDateProps) => JSX.Element;
+export declare const InputDate: (props: InputDateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Inputs/InputSwitch/InputSwitch.styled.d.ts

@@ -0,0 +1 @@
+export declare const Switch: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Inputs/InputTextarea/InputTextarea.styled.d.ts

@@ -0,0 +1 @@
+export declare const Textarea: import("styled-components").StyledComponent<"textarea", any, {}, never>;

package/dist/Inputs/LockedInput/LockedInput.styled.d.ts

@@ -0,0 +1,4 @@
+export declare const Username: import("styled-components").StyledComponent<"form", any, {}, never>;
+export declare const LockedInputText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>, any, {
+    $open: boolean;
+}, never>;

package/dist/Layout/OverflowField/OverflowField.styled.d.ts

@@ -0,0 +1,8 @@
+export declare const OverflowField: import("styled-components").StyledComponent<"div", any, {
+    $isNode: boolean;
+    $align: string;
+}, never>;
+export declare const OverflowString: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const RevealString: import("styled-components").StyledComponent<"span", any, {
+    $align: string;
+}, never>;

package/dist/Layout/Section/Section.d.ts

@@ -1,2 +1,5 @@
 import { HTMLAttributes } from 'react';
-export declare const Section: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+export declare const Section: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
+    direction?: "row" | "column" | undefined;
+    wrap?: boolean | undefined;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/Layout/TableRow/TableRow.styled.d.ts

@@ -0,0 +1,4 @@
+export declare const AttributeTableRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"span", any, {
+    $tooltip?: string | undefined;
+}, never>;

package/dist/Overlay/Dialog/Dialog.styled.d.ts

@@ -0,0 +1,11 @@
+export declare const fadeInAnimation: import("styled-components").Keyframes;
+export declare const Shade: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const openAnimation: import("styled-components").Keyframes;
+export declare const Window: import("styled-components").StyledComponent<"div", any, {
+    $noHeader: boolean;
+}, never>;
+export declare const BaseDialogEdge: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Footer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Body: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Close: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/dist/Panels/Panel/Panel.d.ts

@@ -1,3 +1,5 @@
 import { HTMLAttributes } from 'react';
 export declare const PanelStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Panel: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Panel: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    direction?: "row" | "column" | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/User/UserImage/UserImage.styled.d.ts

@@ -0,0 +1,3 @@
+export declare const CircleImage: import("styled-components").StyledComponent<"div", any, {
+    $highlight?: boolean | undefined;
+}, never>;