@ynput/ayon-react-components 1.16.1 → 1.17.0
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/Dropdowns/SettingsDropdown/SettingsDropdown.d.ts +9 -0
- package/dist/Dropdowns/SettingsDropdown/SettingsDropdown.stories.d.ts +13 -0
- package/dist/Dropdowns/SettingsDropdown/index.d.ts +1 -0
- package/dist/Dropdowns/SettingsSortingDropdown/SettingsSortingDropdown.d.ts +10 -0
- package/dist/Dropdowns/SettingsSortingDropdown/SettingsSortingDropdown.stories.d.ts +10 -0
- package/dist/Dropdowns/SettingsSortingDropdown/index.d.ts +1 -0
- package/dist/Dropdowns/SortingDropdown/SortCard.d.ts +4 -3
- package/dist/Dropdowns/SortingDropdown/SortingDropdown.d.ts +11 -3
- package/dist/Dropdowns/SortingDropdown/index.d.ts +1 -0
- package/dist/Icon/Icon.d.ts +2 -1
- package/dist/ayon-react-components.es.js +10010 -9818
- package/dist/ayon-react-components.umd.js +263 -189
- package/dist/index.d.ts +6 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { DropdownProps, DropdownRef } from '../Dropdown';
|
|
2
|
+
import { IconPropType } from '../../Icon';
|
|
3
|
+
|
|
4
|
+
export interface SettingsDropdownProps extends Omit<DropdownProps, 'label'> {
|
|
5
|
+
settings?: boolean;
|
|
6
|
+
title: string;
|
|
7
|
+
icon?: IconPropType;
|
|
8
|
+
}
|
|
9
|
+
export declare const SettingsDropdown: import('react').ForwardRefExoticComponent<SettingsDropdownProps & import('react').RefAttributes<DropdownRef>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import('react').ForwardRefExoticComponent<import('./SettingsDropdown').SettingsDropdownProps & import('react').RefAttributes<import('../Dropdown').DropdownRef>>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SettingsDropdown';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { SortingDropdownProps } from '../SortingDropdown/SortingDropdown';
|
|
2
|
+
import { IconPropType } from '../../Icon';
|
|
3
|
+
|
|
4
|
+
export interface SettingsSortingDropdownProps extends Omit<SortingDropdownProps, 'renderValueContent' | 'sortCardProps' | 'title'> {
|
|
5
|
+
title?: string;
|
|
6
|
+
icon?: IconPropType;
|
|
7
|
+
hideSort?: boolean;
|
|
8
|
+
disableSort?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const SettingsSortingDropdown: import('react').ForwardRefExoticComponent<SettingsSortingDropdownProps & import('react').RefAttributes<import('../Dropdown').DropdownRef>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { SettingsSortingDropdown } from './SettingsSortingDropdown';
|
|
3
|
+
|
|
4
|
+
declare const meta: Meta<typeof SettingsSortingDropdown>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof SettingsSortingDropdown>;
|
|
7
|
+
export declare const SortBy: Story;
|
|
8
|
+
export declare const GroupBy: Story;
|
|
9
|
+
export declare const HideSort: Story;
|
|
10
|
+
export declare const DisableSort: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SettingsSortingDropdown';
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { SortCardType } from './SortingDropdown';
|
|
2
2
|
|
|
3
|
-
interface SortCardProps extends SortCardType, Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> {
|
|
3
|
+
export interface SortCardProps extends SortCardType, Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> {
|
|
4
4
|
onRemove: () => void;
|
|
5
5
|
onSortBy: () => void;
|
|
6
6
|
disabled?: boolean;
|
|
7
|
+
hideSort?: boolean;
|
|
8
|
+
disableSort?: boolean;
|
|
7
9
|
}
|
|
8
|
-
declare const SortCard: import('react').ForwardRefExoticComponent<SortCardProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
-
export default SortCard;
|
|
10
|
+
export declare const SortCard: import('react').ForwardRefExoticComponent<SortCardProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { DropdownProps } from '../Dropdown';
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { DropdownProps, DropdownRef } from '../Dropdown';
|
|
3
|
+
import { SortCardProps } from './SortCard';
|
|
3
4
|
|
|
4
5
|
export type SortCardType = {
|
|
5
6
|
id: string;
|
|
@@ -11,8 +12,15 @@ export interface SortingDropdownProps extends Omit<DropdownProps, 'value' | 'onC
|
|
|
11
12
|
options: SortCardType[];
|
|
12
13
|
onChange: (value: SortCardType[]) => void;
|
|
13
14
|
title: string;
|
|
15
|
+
renderValueContent?: (props: {
|
|
16
|
+
isOpen: boolean;
|
|
17
|
+
title: string;
|
|
18
|
+
selected: string[];
|
|
19
|
+
cards: ReactNode[];
|
|
20
|
+
}) => ReactNode;
|
|
21
|
+
sortCardProps?: Pick<SortCardProps, 'hideSort' | 'disableSort'>;
|
|
14
22
|
pt?: DropdownProps['pt'] & {
|
|
15
23
|
chip?: Partial<HTMLAttributes<HTMLDivElement>>;
|
|
16
24
|
};
|
|
17
25
|
}
|
|
18
|
-
export declare const SortingDropdown:
|
|
26
|
+
export declare const SortingDropdown: import('react').ForwardRefExoticComponent<SortingDropdownProps & import('react').RefAttributes<DropdownRef>>;
|
package/dist/Icon/Icon.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { default as iconSet } from './icons.json';
|
|
2
2
|
|
|
3
3
|
export type IconType = keyof typeof iconSet;
|
|
4
|
+
export type IconPropType = IconType | (string & {});
|
|
4
5
|
export interface IconProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
5
|
-
icon:
|
|
6
|
+
icon: IconPropType;
|
|
6
7
|
filled?: boolean;
|
|
7
8
|
}
|
|
8
9
|
export declare const Icon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<HTMLSpanElement>>;
|