@paygreen/pgui 3.0.3 → 3.0.5

package/dist/components/index.d.ts

@@ -12,6 +12,7 @@ export * from './loader/loader';
 export * from './logos/logoPaygreenByLemonway';
 export * from './modal/modal';
 export * from './pagination/pagination';
+export * from './scroll-shadow/scroll-shadow';
 export * from './select/select';
 export * from './sidebar/sidebar';
 export * from './tooltip/tooltip';

package/dist/components/scroll-shadow/scroll-shadow.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface ScrollShadowProps {
+    children: ReactNode;
+    [key: string]: any;
+}
+declare const ScrollShadow: ({ children, ...props }: ScrollShadowProps) => import("react/jsx-runtime").JSX.Element;
+export { ScrollShadow };

package/dist/components/select/select.d.ts

@@ -13,7 +13,7 @@ export interface SelectOptionType {
 /**
  * Props for single-select mode
  */
-export interface SingleSelectProps extends Omit<ReactSelectProps<SelectOptionType, false>, 'options' | 'isMulti' | 'onChange' | 'value'> {
+export interface SingleSelectProps extends Omit<ReactSelectProps<SelectOptionType, false>, 'options' | 'isMulti' | 'onChange' | 'value' | 'noOptionsMessage'> {
     /** Array of options to display */
     options?: SelectOptionType[];
     /** Enable multi-selection - must be false or undefined */
@@ -28,16 +28,20 @@ export interface SingleSelectProps extends Omit<ReactSelectProps<SelectOptionTyp
     isCreatable?: boolean;
     /** Function to load options asynchronously */
     loadOptions?: (inputValue: string) => Promise<SelectOptionType[]>;
+    /** Debounce delay in milliseconds for async loading */
+    debounceDelay?: number;
     /** Name attribute for form integration */
     name?: string;
     /** Whether the select is in invalid state */
     invalid?: boolean;
     disabled?: boolean;
+    /** Custom message to display when no options are available */
+    noOptionsMessage?: string;
 }
 /**
  * Props for multi-select mode
  */
-export interface MultiSelectProps extends Omit<ReactSelectProps<SelectOptionType, true>, 'options' | 'isMulti' | 'onChange' | 'value'> {
+export interface MultiSelectProps extends Omit<ReactSelectProps<SelectOptionType, true>, 'options' | 'isMulti' | 'onChange' | 'value' | 'noOptionsMessage'> {
     /** Array of options to display */
     options?: SelectOptionType[];
     /** Enable multi-selection - must be true */
@@ -52,11 +56,15 @@ export interface MultiSelectProps extends Omit<ReactSelectProps<SelectOptionType
     isCreatable?: boolean;
     /** Function to load options asynchronously */
     loadOptions?: (inputValue: string) => Promise<SelectOptionType[]>;
+    /** Debounce delay in milliseconds for async loading (default: 300ms) */
+    debounceDelay?: number;
     /** Name attribute for form integration */
     name?: string;
     /** Whether the select is in invalid state */
     invalid?: boolean;
     disabled?: boolean;
+    /** Custom message to display when no options are available */
+    noOptionsMessage?: string;
 }
 /**
  * Union type for Select component props

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useDataTable } from './use-data-table';
+export { useDebouncedLoadOptions } from './use-debounced-load-options';

package/dist/hooks/use-debounced-load-options.d.ts

@@ -0,0 +1,9 @@
+import { SelectOptionType } from '../components/select/select';
+/**
+ * Create a debounced load options function for async Select components
+ *
+ * @param loadOptions - The async function to load options
+ * @param debounceDelay - The delay in milliseconds before calling loadOptions
+ * @returns A debounced function that can be used with react-select async components
+ */
+export declare const useDebouncedLoadOptions: (loadOptions: ((inputValue: string) => Promise<SelectOptionType[]>) | undefined, debounceDelay: number) => (inputValue: string, callback: (options: SelectOptionType[]) => void) => void;

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export { default as PGUISystemContext } from './theme';
+export * from './utils';