corestack-ui 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -1,40 +1,225 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import React__default from 'react';
 
-type ButtonVariant = 'primary' | 'secondary' | 'ghost';
-type ButtonSize = 'sm' | 'md' | 'lg';
+type AutocompleteChangeReason = "selectOption" | "removeOption" | "clear" | "blur";
+interface AutocompleteRenderOptionState {
+    selected: boolean;
+    index: number;
+}
+interface RenderInputParams {
+    ref: React.Ref<HTMLInputElement>;
+    value: string;
+    placeholder?: string;
+    disabled?: boolean;
+    onChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onKeyDown: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onFocus: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onBlur: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    role: string;
+    "aria-autocomplete": "list";
+    "aria-controls"?: string;
+    "aria-expanded": boolean;
+    "aria-activedescendant"?: string;
+    autoComplete?: string;
+    InputProps: {
+        startAdornment?: React.ReactNode;
+        endAdornment?: React.ReactNode;
+        className?: string;
+    };
+}
+interface BaseAutocompleteProps<T> {
+    options: T[];
+    getOptionLabel: (option: T) => string;
+    isOptionEqualToValue?: (option: T, value: T) => boolean;
+    renderInput: (params: RenderInputParams) => React.ReactNode;
+    renderOption?: (props: React.HTMLAttributes<HTMLLIElement>, option: T, state: AutocompleteRenderOptionState) => React.ReactNode;
+    loading?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    className?: string;
+    /** Text to show when there are no options and not loading */
+    emptyText?: string;
+}
+type NativeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "defaultValue">;
+interface SingleAutocompleteProps<T> extends BaseAutocompleteProps<T>, NativeInputProps {
+    multiple?: false;
+    value?: T | null;
+    defaultValue?: T | null;
+    disableCloseOnSelect?: boolean;
+    onChange?: (event: React.SyntheticEvent, value: T | null, reason: AutocompleteChangeReason) => void;
+}
+interface MultipleAutocompleteProps<T> extends BaseAutocompleteProps<T>, NativeInputProps {
+    multiple: true;
+    value?: T[];
+    defaultValue?: T[];
+    disableCloseOnSelect?: boolean;
+    onChange?: (event: React.SyntheticEvent, value: T[], reason: AutocompleteChangeReason) => void;
+}
+type AutocompleteProps<T> = SingleAutocompleteProps<T> | MultipleAutocompleteProps<T>;
+
+declare function Autocomplete<T>(props: AutocompleteProps<T>): react_jsx_runtime.JSX.Element;
+
+type ButtonVariant = "primary" | "secondary" | "ghost";
+type ButtonSize = "sm" | "md" | "lg";
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: ButtonVariant;
     size?: ButtonSize;
+    disableRipple?: boolean;
+    isLoading?: boolean;
 }
 
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare function Button({ children, disableRipple, isLoading, className, onClick, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-interface AutocompleteOption {
-    label: string;
-    value: string;
-}
-interface AutocompleteProps {
-    options: AutocompleteOption[];
-    value?: string;
-    onChange?: (value?: string) => void;
+declare const TextField: React__default.ForwardRefExoticComponent<{
+    value?: string | number | readonly string[];
+    defaultValue?: string | number | readonly string[];
+    onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onBlur?: React__default.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onFocus?: React__default.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
     placeholder?: string;
-    renderItem?: (option: AutocompleteOption) => React.ReactNode;
-}
-
-declare const Autocomplete: React.FC<AutocompleteProps>;
+    label?: string;
+    helperText?: string | false | undefined;
+    error?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    multiline?: boolean;
+    rows?: number;
+    type?: string;
+    name?: string;
+    id?: string;
+    fullWidth?: boolean;
+    size?: "small" | "medium";
+    variant?: "outlined" | "filled" | "standard";
+    InputProps?: {
+        startAdornment?: React__default.ReactNode;
+        endAdornment?: React__default.ReactNode;
+        inputComponent?: React__default.ElementType;
+        className?: string;
+    };
+    className?: string;
+} & Omit<React__default.InputHTMLAttributes<HTMLInputElement> & React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "disabled" | "name" | "type" | "value" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "placeholder" | "required"> & React__default.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
 
-declare function useAutocomplete(options: AutocompleteOption[]): {
-    readonly input: string;
-    readonly setInput: React.Dispatch<React.SetStateAction<string>>;
-    readonly filtered: AutocompleteOption[];
+declare const defaultTheme: {
+    colors: {
+        primary: string;
+        secondary: string;
+        success: string;
+        danger: string;
+        warning: string;
+        background: string;
+        surface: string;
+        border: string;
+        textPrimary: string;
+        textSecondary: string;
+    };
+    fonts: {
+        body: string;
+        heading: string;
+        monospace: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        weight: {
+            regular: number;
+            medium: number;
+            bold: number;
+        };
+    };
+    spacing: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+};
+declare const ThemeProvider: ({ theme, children, }: {
+    theme?: Partial<typeof defaultTheme>;
+    children: React__default.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare const useTheme: () => {
+    colors: {
+        primary: string;
+        secondary: string;
+        success: string;
+        danger: string;
+        warning: string;
+        background: string;
+        surface: string;
+        border: string;
+        textPrimary: string;
+        textSecondary: string;
+    };
+    fonts: {
+        body: string;
+        heading: string;
+        monospace: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        weight: {
+            regular: number;
+            medium: number;
+            bold: number;
+        };
+    };
+    spacing: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
 };
-
-declare const cn: (...parts: Array<string | false | null | undefined>) => string;
 
 declare const tokens: {
     colors: {
         primary: string;
+        secondary: string;
+        success: string;
+        danger: string;
+        warning: string;
+        background: string;
+        surface: string;
+        border: string;
+        textPrimary: string;
+        textSecondary: string;
+    };
+    fonts: {
+        body: string;
+        heading: string;
+        monospace: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        weight: {
+            regular: number;
+            medium: number;
+            bold: number;
+        };
+    };
+    spacing: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
     };
 };
 
-export { Autocomplete, type AutocompleteOption, type AutocompleteProps, Button, type ButtonProps, cn, tokens, useAutocomplete };
+type ClassValue = string | false | null | undefined;
+declare const cn: (...parts: ClassValue[]) => string;
+
+declare const cssFile = "./styles.css";
+
+export { Autocomplete, Button, type ButtonProps, type ClassValue, TextField, ThemeProvider, cn, cssFile, tokens, useTheme };