@ynput/ayon-react-components 0.3.7 → 0.3.8

package/dist/Dropdown/DefaultValueTemplate.d.ts

@@ -1,11 +1,11 @@
 import { FC } from 'react';
 import { DropdownProps } from './Dropdown';
 export interface DefaultValueTemplateProps extends Pick<DropdownProps, 'value' | 'isMultiple' | 'dropIcon' | 'onClear' | 'placeholder'> {
-    displayIcon: string;
+    displayIcon?: string;
     style?: React.CSSProperties;
     children?: React.ReactNode;
     valueStyle?: React.CSSProperties;
     isOpen?: boolean;
+    className?: string;
 }
-declare const DefaultValueTemplate: FC<DefaultValueTemplateProps>;
-export default DefaultValueTemplate;
+export declare const DefaultValueTemplate: FC<DefaultValueTemplateProps>;

package/dist/Dropdown/Dropdown.d.ts

@@ -1,5 +1,8 @@
 import { CSSProperties } from 'react';
 import { IconType } from '../Icon';
+export declare const DefaultItemStyled: import("styled-components").StyledComponent<"span", any, {
+    isSelected: boolean;
+}, never>;
 export interface DropdownProps {
     message?: string;
     itemStyle?: CSSProperties;
@@ -12,7 +15,7 @@ export interface DropdownProps {
     dataKey?: string;
     labelKey?: string;
     options: Array<any>;
-    itemTemplate?: (option: any, isActive: boolean, isSelected: boolean) => React.ReactNode;
+    itemTemplate?: (option: any, isActive: boolean, isSelected: boolean, index: number) => React.ReactNode;
     align?: 'left' | 'right';
     multiSelect?: boolean;
     search?: boolean;

package/dist/Dropdown/TagsValueTemplate.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { DefaultValueTemplateProps } from './DefaultValueTemplate';
+import { DefaultValueTemplateProps } from '.';
 declare const TagsValueTemplate: FC<Omit<DefaultValueTemplateProps, 'children'>>;
 export default TagsValueTemplate;

package/dist/Dropdown/index.d.ts

@@ -1 +1,2 @@
 export * from './Dropdown';
+export * from './DefaultValueTemplate';

package/dist/TagsSelect/TagsSelect.d.ts

@@ -0,0 +1,18 @@
+import { type TagsOrderType, type TagsType } from './tags';
+export interface TagsSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value: string[];
+    options: {
+        name: string;
+        fullName?: string;
+        avatarUrl?: string;
+    }[];
+    onChange?: (names: string[]) => void;
+    widthExpand?: boolean;
+    disabled?: boolean;
+    isMultiple?: boolean;
+    tags: TagsType;
+    tagsOrder?: TagsOrderType;
+    editor?: boolean;
+    align?: 'left' | 'right';
+}
+export declare const TagsSelect: import("react").ForwardRefExoticComponent<TagsSelectProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/TagsSelect/TagsSelectValueTemplate.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { DefaultValueTemplateProps } from '../Dropdown';
+import { type TagsType } from './tags';
+interface TagsSelectValueTemplateProps extends Omit<DefaultValueTemplateProps, 'children'> {
+    tags: TagsType;
+    editor?: boolean;
+}
+export declare const TagsSelectValueTemplate: FC<TagsSelectValueTemplateProps>;
+export {};

package/dist/TagsSelect/index.d.ts

@@ -0,0 +1,3 @@
+export * from './TagsSelect';
+export * from './TagsSelectValueTemplate';
+export * from './tags';

package/dist/TagsSelect/tags.d.ts

@@ -0,0 +1,103 @@
+export type TagType = {
+    name: string;
+    color: string;
+};
+export type TagsType = {
+    [key: string]: TagType;
+};
+export type TagsOrderType = string[];
+export declare const tags: {
+    beauty: {
+        name: string;
+        color: string;
+    };
+    cute: {
+        name: string;
+        color: string;
+    };
+    funny: {
+        name: string;
+        color: string;
+    };
+    happy: {
+        name: string;
+        color: string;
+    };
+    sad: {
+        name: string;
+        color: string;
+    };
+    scary: {
+        name: string;
+        color: string;
+    };
+    sexy: {
+        name: string;
+        color: string;
+    };
+    cuddly: {
+        name: string;
+        color: string;
+    };
+    fluffy: {
+        name: string;
+        color: string;
+    };
+    soft: {
+        name: string;
+        color: string;
+    };
+    warm: {
+        name: string;
+        color: string;
+    };
+    fuzzy: {
+        name: string;
+        color: string;
+    };
+    hairy: {
+        name: string;
+        color: string;
+    };
+    furry: {
+        name: string;
+        color: string;
+    };
+    spiky: {
+        name: string;
+        color: string;
+    };
+    sharp: {
+        name: string;
+        color: string;
+    };
+    pointy: {
+        name: string;
+        color: string;
+    };
+    dangerous: {
+        name: string;
+        color: string;
+    };
+    adorable: {
+        name: string;
+        color: string;
+    };
+    flabadob: {
+        name: string;
+        color: string;
+    };
+    blup: {
+        name: string;
+        color: string;
+    };
+    blip: {
+        name: string;
+        color: string;
+    };
+    boo: {
+        name: string;
+        color: string;
+    };
+};
+export declare const tagsOrder: string[];