@lumiastream/ui 0.2.4 → 0.2.6

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextFieldProps } from '@mui/material/TextField';
+import { ButtonProps } from '@mui/material/Button';
 import * as React from 'react';
-import { JSX, ReactNode, HTMLAttributes } from 'react';
+import { ReactNode, CSSProperties, JSX, HTMLAttributes } from 'react';
+import { TextFieldProps } from '@mui/material/TextField';
 import { SelectProps } from '@mui/material/Select';
 import { CheckboxProps } from '@mui/material/Checkbox';
 import { FieldValues, Path } from 'react-hook-form';
@@ -10,20 +11,32 @@ import { RadioGroupProps } from '@mui/material/RadioGroup';
 import { AutocompleteRenderOptionState } from '@mui/material/Autocomplete';
 import { CompletionContext } from '@codemirror/autocomplete';
 
-interface LSButtonProps {
-    /** Is this the principal call to action on the page? */
+type LSButtonColor = 'inherit' | 'primary' | 'secondary' | 'error' | 'neutral';
+type LSButtonVariant = 'text' | 'outlined' | 'contained';
+type LSButtonProps = Omit<ButtonProps, 'children' | 'color' | 'variant' | 'size'> & {
+    /** Compatibility alias for color="primary". */
     primary?: boolean;
-    /** What background color to use */
+    /** Compatibility style override for the button background. */
     backgroundColor?: string;
+    /** Loading state. */
+    loading?: boolean;
+    /** Color of the button. */
+    color?: LSButtonColor;
     /** How large should the button be? */
     size?: 'small' | 'medium' | 'large';
-    /** Button contents */
-    label: string;
-    /** Optional click handler */
-    onClick?: () => void;
-}
-/** Primary UI component for user interaction */
-declare const LSButton: ({ primary, size, backgroundColor, label, ...props }: LSButtonProps) => react_jsx_runtime.JSX.Element;
+    /** Element placed before the children. */
+    startIcon?: ReactNode;
+    /** Element placed after the children. */
+    endIcon?: ReactNode;
+    /** The variant to use. */
+    variant?: LSButtonVariant;
+    /** Button contents. */
+    label?: ReactNode;
+    /** Adds wider horizontal padding. */
+    extended?: number;
+    style?: CSSProperties;
+};
+declare const LSButton: ({ label, disabled, loading, variant, extended, color, primary, backgroundColor, className, sx, style, ...props }: LSButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface LSInputPropsChild$1 {
     id?: string;
@@ -173,35 +186,56 @@ declare const LSTextField: React.ForwardRefExoticComponent<Omit<LSTextFieldProps
 interface IVariables {
     name: string;
     system: boolean;
+    isFunction?: boolean;
     locked?: boolean;
     origin: string;
+    pluginId?: string;
     allowedPlaces?: string[];
     description: string;
     counter?: boolean;
-    value: string | number;
+    example?: string;
+    value: string | number | boolean | null | Record<string, unknown> | unknown[];
+    hidden?: boolean;
 }
+type LSVariableDefinition = {
+    name: string;
+    description?: string;
+    origin?: string;
+    example?: unknown;
+};
 type LSVariableInputTranslate = (key: string, fallback?: string, options?: Record<string, unknown>) => string;
 type LSVariableInputContextValue = {
     systemVariables?: Record<string, unknown>;
     functionVariables?: string[];
     translate?: LSVariableInputTranslate;
     onVariableTranslationsNeeded?: () => void;
+    isOriginConnected?: (origin: string) => boolean;
+    translationKeyExists?: (key: string, namespace?: string) => boolean;
 };
-declare const LSVariableInputProvider: ({ children, value }: {
+declare const LSVariableInputProvider: ({ children, value, }: {
     children: ReactNode;
     value: LSVariableInputContextValue;
 }) => react_jsx_runtime.JSX.Element;
+type LSAutoCompleteOption = {
+    label?: string | number | boolean;
+    value?: unknown;
+    helperText?: string;
+    imageUrl?: string;
+    searchText?: string;
+    thumb?: string;
+    iconUrl?: string;
+    previewImageUrl?: string;
+    [key: string]: unknown;
+};
 type LSVariableInputFieldProps = {
     name?: string;
     label?: ReactNode;
     type?: string;
     isAutoComplete?: boolean;
-    autoCompleteOptions?: Array<{
-        label: string;
-        value: any;
-    }>;
+    autoCompleteOptions?: LSAutoCompleteOption[];
+    autoCompleteGroupBy?: (option: any) => string;
     hideVariables?: boolean;
-    allowedVariables?: IVariables[] | string[] | any;
+    allowedVariables?: IVariables[] | string[] | LSVariableDefinition[] | unknown[];
     disabled?: boolean;
     autoFocus?: boolean;
     inputProps?: any;
@@ -211,7 +245,7 @@ type LSVariableInputFieldProps = {
     value?: string | number | any[];
     placeholder?: string;
     renderOption?: (props: HTMLAttributes<HTMLLIElement>, option: any, state: AutocompleteRenderOptionState) => ReactNode;
-    variant?: 'standard' | 'filled' | 'outlined';
+    variant?: "standard" | "filled" | "outlined";
     ListboxComponent?: any;
     onScrollListBox?: (e: any) => void;
     onHighlightChange?: (e: any, value: any) => void;
@@ -219,11 +253,23 @@ type LSVariableInputFieldProps = {
     onPopupOpen?: (e: any) => void;
     onAutocompleteKeyUp?: (e: any, value: any) => void;
     afterFilter?: (filtered: any[]) => void;
-    onChange?: (value: string) => void;
+    onChange?: (value: any) => void;
+    loading?: boolean;
+    getOptionLabel?: (option: any) => string;
+    isOptionEqualToValue?: (option: any, value: any) => boolean;
+    $disableInputChange?: boolean;
+    $getFullValueObject?: boolean;
+    $multiple?: boolean;
+    $disableCloseOnSelect?: boolean;
+    $freeSolo?: boolean;
+    $renderOption?: any;
+    allowedVariableOrigin?: string;
     systemVariables?: Record<string, unknown>;
     functionVariables?: string[];
     translate?: LSVariableInputTranslate;
     onVariableTranslationsNeeded?: () => void;
+    isOriginConnected?: (origin: string) => boolean;
+    translationKeyExists?: (key: string, namespace?: string) => boolean;
 };
 declare const LSVariableInputField: React.ForwardRefExoticComponent<LSVariableInputFieldProps & React.RefAttributes<HTMLInputElement>>;