@grasp-labs/ds-react-components 0.22.1 → 0.23.1

package/dist/components/datePicker/DatePicker.d.ts

@@ -2,8 +2,12 @@ import { ComponentProps } from 'react';
 import { DayPicker, Locale } from 'react-day-picker';
 type DayPickerClassNamesConfig = Pick<ComponentProps<typeof DayPicker>, "classNames" | "modifiersClassNames">;
 export type DatePickerProps = {
-    /** Label text displayed nex to the trigger button */
-    labelText: string;
+    /** Optional id (auto-generated if not provided) */
+    id?: string;
+    /** Name of the input */
+    name?: string;
+    /** Whether the textbox is disabled */
+    disabled?: boolean;
     /** Date displayed in trigger button, when date is selected */
     selectedDate: Date | null;
     /** Locale used to display texts of date-picker in correct language and present date with correct format */
@@ -18,6 +22,8 @@ export type DatePickerProps = {
     className?: string;
     /** Config for class names used to override default styles of calendar */
     dayPickerClassNames?: DayPickerClassNamesConfig;
+    /** Determines if input is invalid */
+    "aria-invalid"?: boolean;
     /** Callback function called when the date is changed */
     onSelectedDateChange: (selectedDate: Date | null) => void;
 };
@@ -27,5 +33,5 @@ export type DatePickerProps = {
  * @param props - The props for the DatePicker component
  * @returns The rendered date-picker
  */
-export declare const DatePicker: ({ labelText, selectedDate, locale, minDate, maxDate, defaultMonth, className, dayPickerClassNames, onSelectedDateChange, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePicker: ({ id, name, disabled, selectedDate, locale, minDate, maxDate, defaultMonth, className, dayPickerClassNames, onSelectedDateChange, ...props }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/list/ListItem.d.ts

@@ -10,6 +10,7 @@ export type ListItemProps = HTMLProps<HTMLLIElement> & {
     itemsClassName?: string;
 };
 export declare const EMPTY_OPTION_ID = "EMPTY";
+export declare const LOADING_OPTION_ID = "LOADING";
 /**
  * A list item component that renders individual options within a List.
  * Supports checkbox display for multi-select mode and various visual states.

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

@@ -1,6 +1,7 @@
 import { ReactElement } from 'react';
 import { BaseOption } from '../../types/BaseOption';
-export type SelectProps<Option extends BaseOption> = {
+import { NoneOf } from '../../types/NoneOf';
+export type BaseSelectProps<Option> = {
     value: Option | null;
     setValue: (value: Option | null) => void;
     prefixContent?: ReactElement;
@@ -13,12 +14,21 @@ export type SelectProps<Option extends BaseOption> = {
     toggleAriaLabel?: string;
     noOptionsText?: string;
     ref?: React.Ref<HTMLInputElement>;
-    disableSearch?: boolean;
     className?: string;
     containerClassName?: string;
     listClassName?: string;
     maxHeight?: number;
 };
+export type ClientSelectProps = {
+    disableSearch?: boolean;
+};
+export type ServerSelectProps = {
+    onSearch: (search: string) => void;
+    debounce?: number;
+    isLoading?: boolean;
+    loadingText: string;
+};
+export type SelectProps<Option extends BaseOption> = (BaseSelectProps<Option> & ClientSelectProps & NoneOf<ServerSelectProps>) | (BaseSelectProps<Option> & ServerSelectProps & NoneOf<ClientSelectProps>);
 /**
  * A dropdown select component with search functionality and keyboard navigation.
  * Built with Downshift for accessibility and supports custom option filtering.
@@ -27,4 +37,4 @@ export type SelectProps<Option extends BaseOption> = {
  * @param props - The props for the Select component.
  * @returns The rendered select dropdown component.
  */
-export declare const Select: <Option extends BaseOption>({ value, setValue, options, id, prefixContent, suffixContent, error, disabled, placeholder, toggleAriaLabel, noOptionsText, ref, disableSearch, className, containerClassName, listClassName, maxHeight, }: SelectProps<Option>) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: <Option extends BaseOption>({ value, setValue, options, id, prefixContent, suffixContent, error, disabled, placeholder, toggleAriaLabel, noOptionsText, ref, disableSearch, className, containerClassName, listClassName, maxHeight, onSearch, debounce, isLoading, loadingText, }: SelectProps<Option>) => import("react/jsx-runtime").JSX.Element;