@ynput/ayon-react-components 1.11.0 → 1.13.0

package/dist/Buttons/SwitchButton/SwitchButton.d.ts

@@ -5,7 +5,7 @@ export interface SwitchButtonProps extends Omit<ButtonProps, 'onChange' | 'label
     label: React.ReactNode;
     value: boolean;
     disabled?: boolean;
-    onClick: () => void;
+    onClick?: () => void;
     variant?: 'primary' | 'secondary' | 'tertiary';
     pt?: {
         switch?: InputSwitchProps;

package/dist/SearchFilter/SearchFilter.d.ts

@@ -19,8 +19,8 @@ export interface SearchFilterProps extends Omit<React.HTMLAttributes<HTMLDivElem
     disabledFilters?: string[];
     preserveOrderFields?: string[];
     pt?: {
-        dropdown?: SearchFilterDropdownProps;
-        item?: SearchFilterItemProps;
+        dropdown?: Partial<SearchFilterDropdownProps>;
+        item?: Partial<SearchFilterItemProps>;
         searchBar?: React.HTMLAttributes<HTMLDivElement>;
         backdrop?: React.HTMLAttributes<HTMLDivElement>;
     };

package/dist/SearchFilter/SearchFilterDropdown/SearchFilterDropdown.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { Filter, FilterOperator, Option } from '../types';
 type OnSelectConfig = {
     confirm?: boolean;
@@ -16,6 +16,7 @@ export interface SearchFilterDropdownProps {
     isInvertedAllowed?: boolean;
     operatorChangeable?: boolean;
     preserveOrderFields?: string[];
+    operationsTemplate?: ReactNode;
     onSelect: (option: Option, config?: OnSelectConfig) => void;
     onInvert: (id: string) => void;
     onOperatorChange?: (id: string, operator: FilterOperator) => void;
@@ -23,7 +24,11 @@ export interface SearchFilterDropdownProps {
     onSwitchFilter?: (direction: 'left' | 'right') => void;
     pt?: {
         search?: React.HTMLAttributes<HTMLDivElement>;
-        item?: React.HTMLAttributes<HTMLLIElement>;
+        item?: Omit<React.HTMLAttributes<HTMLLIElement>, 'onClick'> & {
+            onClick?: (event: React.MouseEvent<HTMLLIElement>) => boolean;
+        };
+        hasSomeOption?: Partial<Option>;
+        hasNoOption?: Partial<Option>;
     };
 }
 declare const SearchFilterDropdown: import("react").ForwardRefExoticComponent<SearchFilterDropdownProps & import("react").RefAttributes<HTMLUListElement>>;

package/dist/SearchFilter/SearchFilterItem.d.ts

@@ -6,6 +6,7 @@ export interface SearchFilterItemProps extends Omit<React.HTMLAttributes<HTMLDiv
     isEditing?: boolean;
     isInvertedAllowed?: boolean;
     isDisabled?: boolean;
+    isCompact?: boolean;
     onEdit?: (id: string) => void;
     onRemove?: (id: string) => void;
     onInvert?: (id: string) => void;

package/dist/SearchFilter/hooks/useCompactDisplay.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+interface UseCompactDisplayProps {
+    containerRef: React.RefObject<HTMLElement>;
+    contentRef: React.RefObject<HTMLElement>;
+    threshold?: number;
+    buttonSpace?: number;
+    hysteresis?: number;
+    dependencies?: any[];
+}
+/**
+ * A hook that tracks element widths and determines if a compact display mode should be used
+ * based on available space.
+ */
+export declare const useCompactDisplay: ({ containerRef, contentRef, threshold, buttonSpace, hysteresis, dependencies, }: UseCompactDisplayProps) => boolean;
+export {};

package/dist/SearchFilter/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type FilterValue = {
     id: string;
     label: string;
@@ -32,4 +33,6 @@ export interface Option extends Filter {
     parentId?: string | null;
     searchOnly?: boolean;
     searchLabel?: string;
+    contentBefore?: React.ReactNode;
+    contentAfter?: React.ReactNode;
 }