@college-africa/chat-ui 1.0.4 → 1.1.0

package/dist/components/ChatHeader.d.ts

@@ -13,9 +13,13 @@ export interface ChatHeaderProps {
     /** Show join button for admins not in group */
     showJoinButton?: boolean;
     /** Join button click handler */
-    onJoin?: () => void;
+    onJoin: (role?: "member" | "moderator") => void;
     /** Join button loading state */
     joining?: boolean;
+    /** Role selection for joining group */
+    joinRole?: "member" | "moderator";
+    /** Join role change handler */
+    onJoinRoleChange?: (role: "member" | "moderator") => void;
 }
 /**
  * ChatHeader component

package/dist/components/CreateGroupDialog.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface CreateGroupDialogProps {
+    open: boolean;
+    onClose: () => void;
+    onSuccess?: () => void;
+    orgId: number;
+}
+export declare const CreateGroupDialog: React.FC<CreateGroupDialogProps>;
+export {};

package/dist/components/inputs/SelectInput.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { TextInputProps } from './TextInput';
+export interface SelectOption {
+    value: string | number;
+    label: string;
+}
+interface SelectInputProps extends TextInputProps {
+    multiple?: boolean;
+    /** Number of options required to render autocomplete */
+    autoCompleteThreshold?: number;
+    options?: SelectOption[];
+    children?: ReactNode;
+}
+declare const SelectInput: ({ multiple, slotProps, autoCompleteThreshold, options, children, formik, name, ...props }: SelectInputProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectInput;

package/dist/components/inputs/TextInput.d.ts

@@ -0,0 +1,9 @@
+import { StandardTextFieldProps } from '@mui/material';
+import { FormikProps } from 'formik';
+export interface TextInputProps extends StandardTextFieldProps {
+    errorText?: string;
+    formik?: FormikProps<any>;
+    autoGenerate?: boolean;
+}
+declare const TextInput: ({ helperText, errorText, formik, name, defaultValue, onChange, type, fullWidth, autoGenerate, ...props }: Partial<TextInputProps>) => import("react/jsx-runtime").JSX.Element;
+export default TextInput;

package/dist/components/inputs/UserAutocomplete.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { User } from 'sdk';
+interface UserAutocompleteProps {
+    multiple?: boolean;
+    formik?: any;
+    name?: string;
+    label?: string;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+    value?: User | User[] | null;
+    onChange?: (value: User | User[] | null) => void;
+}
+export declare const UserAutocomplete: React.FC<UserAutocompleteProps>;
+export default UserAutocomplete;

package/dist/components/inputs/passwordUtils.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+import { FormikProps } from 'formik';
+export interface PasswordAdornmentProps {
+    showPassword: boolean;
+    onToggleVisibility: () => void;
+    onGenerate?: () => void;
+}
+export interface UsePasswordOptions {
+    type?: string;
+    autoGenerate?: boolean;
+    formik?: FormikProps<any>;
+    name?: string;
+}
+/**
+ * Generates a cryptographically secure random password
+ * @param length - Length of the password (default: 16)
+ * @returns Generated password string
+ */
+export declare const generatePassword: (length?: number) => string;
+/**
+ * Creates the end adornment for password input fields with visibility toggle
+ * and optional password generation button
+ */
+export declare const createPasswordAdornment: ({ showPassword, onToggleVisibility, onGenerate }: PasswordAdornmentProps) => ReactNode;
+/**
+ * Hook to handle password input logic including visibility toggle,
+ * password generation, and input type management
+ */
+export declare const usePassword: ({ type, autoGenerate, formik, name }: UsePasswordOptions) => {
+    inputType: string | undefined;
+    inputProps: {
+        endAdornment?: ReactNode;
+    };
+};

package/dist/index.d.ts

@@ -14,6 +14,7 @@ export { ConversationList } from './components/ConversationList';
 export type { ConversationListProps } from './components/ConversationList';
 export { ConversationItem } from './components/ConversationItem';
 export type { ConversationItemProps } from './components/ConversationItem';
+export { CreateGroupDialog } from './components/CreateGroupDialog';
 export { MessageList } from './components/MessageList';
 export type { MessageListProps } from './components/MessageList';
 export { MessageBubble } from './components/MessageBubble';
@@ -39,4 +40,4 @@ export type { UseWebSocketMessagesParams } from './hooks/useWebSocketMessages';
 export { useSenderNames } from './hooks/useSenderNames';
 export { CACHE_TTL } from './hooks/constants';
 export type { User, Message, Group, ConversationSummary, ChatRole, Cursor, MessagePage, ConnectionState, Conversation } from './types';
-export { theme } from './utils/theme';
+export { theme, getTheme } from './utils/theme';