@lumiastream/ui 0.1.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;
@@ -123,4 +344,109 @@ declare const codeMirrorlinterOptions: (type: "overlay" | "code", language?: "js
     };
 };
 
-export { LSButton, type LSButtonProps, codeMirrorlinterOptions, variableCompletionOptions };
+declare const MEDIA_PREVIEW_USER_LEVEL_VALUES: readonly ["streamer", "moderators", "vips", "tier3", "tier2", "subscribers", "regular", "follower", "anyone"];
+type MediaPreviewUserLevel = (typeof MEDIA_PREVIEW_USER_LEVEL_VALUES)[number];
+type ChatboxMediaPreviewKind = 'image' | 'video' | 'audio' | 'youtube' | 'youtubeShort' | 'spotify';
+type ChatboxMediaPreview = {
+    kind: ChatboxMediaPreviewKind;
+    src: string;
+    title?: string;
+};
+type MessageLinkPart = {
+    text: string;
+    url?: string;
+};
+type ChatMessageToken = {
+    type: 'text';
+    text: string;
+} | {
+    type: 'link';
+    text: string;
+    url: string;
+} | {
+    type: 'media';
+    text: string;
+    url: string;
+    media: ChatboxMediaPreview;
+};
+type MediaPreviewRoleSettings = {
+    previewMediaForViewers: boolean;
+    previewMediaForSubscribers: boolean;
+    previewMediaForVips: boolean;
+    previewMediaForModerators: boolean;
+    previewMediaForStreamer: boolean;
+    previewMediaForTier3: boolean;
+    previewMediaForTier2: boolean;
+    previewMediaForRegular: boolean;
+    previewMediaForFollower: boolean;
+    previewMediaForAnyone: boolean;
+};
+type MediaPreviewRoleSettingsInput = Partial<Record<keyof MediaPreviewRoleSettings, unknown>> & {
+    previewMediaUserLevels?: unknown;
+};
+type ChatMessageTokenizationOptions = {
+    hyperClickableLinks?: boolean;
+    previewMediaInChat?: boolean;
+};
+type ChatterProfileUrlInput = {
+    platform?: unknown;
+    username?: unknown;
+    displayname?: unknown;
+    userId?: unknown;
+};
+type ChatMessageEmoteStore = {
+    ffz?: Record<string, string>;
+    bttv?: Record<string, string>;
+    seventv?: Record<string, string>;
+};
+type ChatMessageContentItem = string | {
+    id: string;
+    urls: string[];
+    key: string;
+} | {
+    id: string;
+    type: 'cheer';
+    roundedAmount: number;
+    cheerAmount: number;
+    bitColor: string;
+    key: string;
+};
+type BuildChatMessageContentOptions = {
+    message?: string;
+    replaceWord?: string;
+    filteredWordsRegex?: RegExp;
+    emotesRaw?: string;
+    emotesPack?: Record<string, any> | any[];
+    origin?: string;
+    emoteParserType?: string;
+    isCheer?: boolean;
+    storeEmotes?: ChatMessageEmoteStore;
+    youtubeEmotes?: Record<string, string>;
+    allowParserTypes?: string[];
+};
+type ChatterProfileResolverPayload = {
+    username?: string;
+    displayname?: string;
+    userId?: string;
+    platform?: string;
+    extraSettings?: Record<string, any>;
+};
+type ChatterProfileResolver = (payload: ChatterProfileResolverPayload) => Promise<unknown> | unknown;
+type ResolveChatterProfileUrlWithResolversInput = ChatterProfileUrlInput & {
+    extraSettings?: Record<string, any>;
+    resolvers?: Array<ChatterProfileResolver | null | undefined>;
+};
+declare const parseMessageLinks: (value: string) => MessageLinkPart[];
+declare const tokenizeChatMessage: (value: string, options?: ChatMessageTokenizationOptions) => ChatMessageToken[];
+declare const buildChatMessageContent: ({ message, replaceWord, filteredWordsRegex, emotesRaw, emotesPack, origin, emoteParserType, isCheer, storeEmotes, youtubeEmotes, allowParserTypes, }: BuildChatMessageContentOptions) => ChatMessageContentItem[];
+declare const resolveMediaPreviewSetting: (value: unknown, fallback: boolean) => boolean;
+declare const normalizeMediaPreviewUserLevels: (value: unknown) => MediaPreviewUserLevel[];
+declare const resolveMediaPreviewRoleSettings: (settings: MediaPreviewRoleSettingsInput) => MediaPreviewRoleSettings;
+declare const getNormalizedUserLevels: (value: unknown) => Record<string, boolean>;
+declare const isMediaPreviewAllowedForUser: (userLevelsRaw: unknown, roleSettings: MediaPreviewRoleSettings) => boolean;
+declare const getMediaPreviewFromUrl: (url: string) => ChatboxMediaPreview | null;
+declare const resolvePlatformChatterProfileUrl: ({ platform, username, displayname, userId }: ChatterProfileUrlInput) => string | null;
+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, 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 };