@lumiastream/ui 0.2.0 → 0.2.1

package/dist/index.d.ts

@@ -1,4 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextFieldProps } from '@mui/material/TextField';
+import * as React from 'react';
+import { JSX, ReactNode, HTMLAttributes } from 'react';
+import { SelectProps } from '@mui/material/Select';
+import { CheckboxProps } from '@mui/material/Checkbox';
+import { FieldValues, Path } from 'react-hook-form';
+import { RadioProps } from '@mui/material/Radio';
+import { RadioGroupProps } from '@mui/material/RadioGroup';
+import * as _mui_material from '@mui/material';
+import { AutocompleteRenderOptionState } from '@mui/material/Autocomplete';
 import { CompletionContext } from '@codemirror/autocomplete';
 
 interface LSButtonProps {
@@ -16,6 +26,217 @@ interface LSButtonProps {
 /** Primary UI component for user interaction */
 declare const LSButton: ({ primary, size, backgroundColor, label, ...props }: LSButtonProps) => react_jsx_runtime.JSX.Element;
 
+interface LSInputPropsChild$1 {
+    id?: string;
+    name?: string;
+    label?: React.ReactNode;
+    inputRef?: any;
+    inputAfterText?: React.ReactNode;
+    inputBeforeText?: React.ReactNode;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    InputProps?: any;
+    InputLabelProps?: any;
+    inputProps?: any;
+    centerText?: boolean;
+    maxWidth?: string;
+    $maxWidth?: string;
+    readOnly?: boolean;
+    onChange?: (event: any, value?: string | number) => void;
+    onChangeStart?: (event?: any, value?: string | number) => void;
+    onChangeEnd?: (event?: any, value?: string | number) => void;
+    $noMinHeight?: boolean;
+    $minHeight?: string;
+    bypasscolor?: 'inherit' | 'primary' | 'secondary' | 'default';
+    textColor?: string;
+}
+type ProtoExntends$2<T, U> = U & Omit<T, keyof U>;
+type LSInputProps$1 = ProtoExntends$2<TextFieldProps, LSInputPropsChild$1>;
+declare const LSInput: React.ForwardRefExoticComponent<Omit<LSInputProps$1, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+interface LSInputPropsChild {
+    name?: string;
+    value?: number;
+    autoFocus?: boolean;
+    defaultValue?: number;
+    label?: React.ReactNode;
+    inline?: boolean;
+    hasInfo?: boolean;
+    infoOpen?: () => void;
+    infoClose?: () => void;
+    type?: string;
+    isFloat?: boolean;
+    isMiliseconds?: boolean;
+    isFloatMiliseconds?: boolean;
+    step?: number;
+    min?: number;
+    max?: number;
+    inputAfterText?: string;
+    inputProps?: LSInputProps;
+    startIcon?: React.ElementType;
+    endIcon?: React.ElementType;
+    color?: 'primary' | 'secondary';
+    labelColor?: 'inherit' | 'initial' | 'primary' | 'secondary' | 'textPrimary' | 'textSecondary' | 'error';
+    onChange?: (value: any) => any;
+    fullWidth?: boolean;
+    helperText?: React.ReactNode;
+    hideInput?: boolean;
+    hideSlider?: boolean;
+    valueLabelFormat?: (value: number) => React.ReactNode;
+}
+type ProtoExntends$1<T, U> = U & Omit<T, keyof U>;
+type LSInputProps = ProtoExntends$1<LSInputProps$1, LSInputPropsChild>;
+declare const LSSliderInput: React.FC<LSInputProps>;
+
+interface LSSelectPropsChild {
+    noBg?: boolean;
+    placeholder?: React.ReactNode | string;
+}
+type ProtoExntends<T, U> = U & Omit<T, keyof U>;
+type LSSelectProps = ProtoExntends<SelectProps, LSSelectPropsChild>;
+declare const LSSelect: React.FC<LSSelectProps>;
+
+type LSCheckboxProps = CheckboxProps & {
+    inputRef?: React.Ref<HTMLInputElement>;
+};
+declare const LSCheckbox: React.ForwardRefExoticComponent<Omit<LSCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type LSCheckboxFieldProps<TFieldValues extends FieldValues> = {
+    name: Path<TFieldValues>;
+    label: React.ReactNode;
+    control?: any;
+    className?: string;
+    disabled?: boolean;
+    labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
+    checkboxProps?: Omit<LSCheckboxProps, 'checked' | 'onChange' | 'name' | 'inputRef'>;
+};
+declare function LSCheckboxField<TFieldValues extends FieldValues>({ name, label, control, className, disabled, labelPlacement, checkboxProps, }: LSCheckboxFieldProps<TFieldValues>): JSX.Element;
+
+type LSColorPickerProps = {
+    value?: string;
+    onChange: (value: string) => void;
+    onBlur?: () => void;
+    className?: string;
+    name?: string;
+    label?: ReactNode;
+    helperText?: ReactNode;
+    placeholder?: string;
+    hideGradientControls?: boolean;
+    usePopup?: boolean;
+    disabled?: boolean;
+};
+declare const LSColorPicker: ({ value, onChange, onBlur, className, name, label, helperText, placeholder, hideGradientControls, usePopup, disabled }: LSColorPickerProps) => react_jsx_runtime.JSX.Element;
+
+interface FontPickerProps {
+    value: string;
+    onChange: (value: string) => void;
+    fonts?: string[];
+    localFonts?: string[];
+    onLoadFonts?: (fonts: string[]) => void;
+    defaultValue?: string;
+    placeholder?: string;
+    isAlertManager?: boolean;
+    label?: React.ReactNode;
+    helperText?: React.ReactNode;
+}
+declare const LSFontPicker: React.NamedExoticComponent<FontPickerProps>;
+
+type Option = {
+    label: string | number;
+    value: string;
+};
+type LSMultiSelectProps = {
+    options: Option[];
+    placeholder?: string;
+    value: string[];
+    onChange: (selected: string[]) => void;
+    label?: string;
+};
+declare const LSMultiSelect: React.FC<LSMultiSelectProps>;
+
+declare const LSRadio: React.FC<RadioProps>;
+type LSRadioSelection = {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+};
+type LSRadioGroupProps = RadioGroupProps & {
+    selections: LSRadioSelection[];
+    optionClassName?: string;
+};
+declare const LSRadioGroup: React.FC<LSRadioGroupProps>;
+
+type LSTextFieldProps = TextFieldProps & {
+    InputLabelProps?: Record<string, unknown>;
+    InputProps?: Record<string, unknown>;
+};
+declare const LSTextField: React.ForwardRefExoticComponent<(Omit<_mui_material.FilledTextFieldProps & {
+    InputLabelProps?: Record<string, unknown>;
+    InputProps?: Record<string, unknown>;
+}, "ref"> | Omit<_mui_material.OutlinedTextFieldProps & {
+    InputLabelProps?: Record<string, unknown>;
+    InputProps?: Record<string, unknown>;
+}, "ref"> | Omit<_mui_material.StandardTextFieldProps & {
+    InputLabelProps?: Record<string, unknown>;
+    InputProps?: Record<string, unknown>;
+}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+
+interface IVariables {
+    name: string;
+    system: boolean;
+    locked?: boolean;
+    origin: string;
+    allowedPlaces?: string[];
+    description: string;
+    counter?: boolean;
+    value: string | number;
+}
+type LSVariableInputTranslate = (key: string, fallback?: string, options?: Record<string, unknown>) => string;
+type LSVariableInputContextValue = {
+    systemVariables?: Record<string, unknown>;
+    functionVariables?: string[];
+    translate?: LSVariableInputTranslate;
+    onVariableTranslationsNeeded?: () => void;
+};
+declare const LSVariableInputProvider: ({ children, value }: {
+    children: ReactNode;
+    value: LSVariableInputContextValue;
+}) => react_jsx_runtime.JSX.Element;
+type LSVariableInputFieldProps = {
+    name?: string;
+    label?: ReactNode;
+    type?: string;
+    isAutoComplete?: boolean;
+    autoCompleteOptions?: Array<{
+        label: string;
+        value: any;
+    }>;
+    hideVariables?: boolean;
+    allowedVariables?: IVariables[] | string[] | any;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    inputProps?: any;
+    multiline?: boolean;
+    rows?: number;
+    maxRows?: number;
+    value?: string | number | any[];
+    placeholder?: string;
+    renderOption?: (props: HTMLAttributes<HTMLLIElement>, option: any, state: AutocompleteRenderOptionState) => ReactNode;
+    variant?: 'standard' | 'filled' | 'outlined';
+    ListboxComponent?: any;
+    onScrollListBox?: (e: any) => void;
+    onHighlightChange?: (e: any, value: any) => void;
+    onPopupClose?: (e: any, reason: any) => void;
+    onPopupOpen?: (e: any) => void;
+    onAutocompleteKeyUp?: (e: any, value: any) => void;
+    afterFilter?: (filtered: any[]) => void;
+    onChange?: (value: string) => void;
+    systemVariables?: Record<string, unknown>;
+    functionVariables?: string[];
+    translate?: LSVariableInputTranslate;
+    onVariableTranslationsNeeded?: () => void;
+};
+declare const LSVariableInputField: React.ForwardRefExoticComponent<LSVariableInputFieldProps & React.RefAttributes<HTMLInputElement>>;
+
 declare function variableCompletionOptions(context: CompletionContext, variables: {
     label: string;
     displayLabel: string;
@@ -228,4 +449,4 @@ declare const resolvePlatformChatterProfileUrl: ({ platform, username, displayna
 declare const normalizeHttpUrl: (value: unknown) => string | null;
 declare const resolveChatterProfileUrlWithResolvers: ({ platform, username, displayname, userId, extraSettings, resolvers, }: ResolveChatterProfileUrlWithResolversInput) => Promise<string | null>;
 
-export { type BuildChatMessageContentOptions, type ChatMessageContentItem, type ChatMessageEmoteStore, type ChatMessageToken, type ChatMessageTokenizationOptions, type ChatboxMediaPreview, type ChatboxMediaPreviewKind, type ChatterProfileResolver, type ChatterProfileResolverPayload, type ChatterProfileUrlInput, LSButton, type LSButtonProps, MEDIA_PREVIEW_USER_LEVEL_VALUES, type MediaPreviewRoleSettings, type MediaPreviewRoleSettingsInput, type MediaPreviewUserLevel, type MessageLinkPart, type ResolveChatterProfileUrlWithResolversInput, buildChatMessageContent, codeMirrorlinterOptions, getMediaPreviewFromUrl, getNormalizedUserLevels, isMediaPreviewAllowedForUser, normalizeHttpUrl, normalizeMediaPreviewUserLevels, parseMessageLinks, resolveChatterProfileUrlWithResolvers, resolveMediaPreviewRoleSettings, resolveMediaPreviewSetting, resolvePlatformChatterProfileUrl, tokenizeChatMessage, variableCompletionOptions };
+export { type BuildChatMessageContentOptions, type ChatMessageContentItem, type ChatMessageEmoteStore, type ChatMessageToken, type ChatMessageTokenizationOptions, type ChatboxMediaPreview, type ChatboxMediaPreviewKind, type ChatterProfileResolver, type ChatterProfileResolverPayload, type ChatterProfileUrlInput, type IVariables, LSButton, type LSButtonProps, LSCheckbox, LSCheckboxField, LSColorPicker, type LSColorPickerProps, LSFontPicker, LSInput, type LSInputProps$1 as LSInputProps, LSMultiSelect, LSRadio, LSRadioGroup, LSSelect, LSSliderInput, type LSInputProps as LSSliderInputProps, LSTextField, type LSTextFieldProps, type LSVariableInputContextValue, LSVariableInputField, type LSVariableInputFieldProps, LSVariableInputProvider, MEDIA_PREVIEW_USER_LEVEL_VALUES, type MediaPreviewRoleSettings, type MediaPreviewRoleSettingsInput, type MediaPreviewUserLevel, type MessageLinkPart, type ResolveChatterProfileUrlWithResolversInput, buildChatMessageContent, codeMirrorlinterOptions, getMediaPreviewFromUrl, getNormalizedUserLevels, isMediaPreviewAllowedForUser, normalizeHttpUrl, normalizeMediaPreviewUserLevels, parseMessageLinks, resolveChatterProfileUrlWithResolvers, resolveMediaPreviewRoleSettings, resolveMediaPreviewSetting, resolvePlatformChatterProfileUrl, tokenizeChatMessage, variableCompletionOptions };