@snmt-react-ui/async-select 1.11.2 → 1.12.0

package/dist/AsyncSelect.d.ts

@@ -1,14 +1,21 @@
-import { OptionProps, SingleSelectProps, MultiSelectProps } from '@snmt-react-ui/select';
+import { CommonSelectProps, OptionProps, BadgeOptionProps } from '@snmt-react-ui/select';
 
-/**
- * AsyncSelect is a flexible select component that loads its options asynchronously.
- * It is suitable for large or remote datasets, supporting both single and multiple selection modes.
- */
-export type AsyncSelectProps = BaseAsyncSelectProps & (Omit<SingleSelectProps, 'options'> | Omit<MultiSelectProps, 'options'>);
-export type AsyncSelectRef = {
-    refetchOptions: () => Promise<void>;
-};
-interface BaseAsyncSelectProps {
+interface AsyncBadgeSelectedItemVariantProps {
+    selectedItemVariant: 'badge';
+    /** Function for load options asynchronously */
+    loadOptions: (params: {
+        offset: number;
+        limit: number;
+        search?: string;
+    }) => Promise<{
+        options: BadgeOptionProps[];
+        count: number;
+        limit: number;
+    }>;
+    extraOptions?: BadgeOptionProps[];
+}
+interface AsyncDefaultSelectedItemVariantProps {
+    selectedItemVariant?: 'default';
     /** Function for load options asynchronously */
     loadOptions: (params: {
         offset: number;
@@ -19,6 +26,32 @@ interface BaseAsyncSelectProps {
         count: number;
         limit: number;
     }>;
+    extraOptions?: OptionProps[];
+}
+export type BaseAsyncSelectProps = CommonSelectProps & (AsyncBadgeSelectedItemVariantProps | AsyncDefaultSelectedItemVariantProps);
+export type SingleAsyncSelectProps = BaseAsyncSelectProps & {
+    mode?: 'single';
+    value?: string | null;
+    onChange?: (value: string | null) => void;
+};
+export type MultiAsyncSelectProps = BaseAsyncSelectProps & {
+    mode: 'multiple' | 'tags' | 'filter';
+    /** Responsive sets fixed select height and display overflow button, static displays
+     * overflow items by adding rows.
+     */
+    overflowBehaviour?: 'responsive' | 'static';
+    value?: string[] | null;
+    onChange?: (value: string[] | null) => void;
+};
+/**
+ * AsyncSelect is a flexible select component that loads its options asynchronously.
+ * It is suitable for large or remote datasets, supporting both single and multiple selection modes.
+ */
+export type AsyncSelectProps = CommonAsyncSelectProps & (SingleAsyncSelectProps | MultiAsyncSelectProps);
+export type AsyncSelectRef = {
+    refetchOptions: () => Promise<void>;
+};
+interface CommonAsyncSelectProps {
     /**
      * If true, options are loaded when the dropdown is closed (e.g., in the background).
      * If false, options are reloaded every time the dropdown