@algolia/satellite 2.3.0-rc.1 → 2.3.0-rc.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algolia/satellite",
-  "version": "2.3.0-rc.1",
+  "version": "2.3.0-rc.11",
   "description": "Algolia design system React components",
   "sideEffects": false,
   "scripts": {
@@ -19,7 +19,7 @@
     "quality": "run-s test type-check lint",
     "lint": "eslint --rulesdir ./.eslint_rules/ 'src/**/*.{ts,tsx}'",
     "type-check": "tsc --noEmit",
-    "test": "jest --config jest.config.ts --runInBand",
+    "test": "jest --config jest.config.ts --runInBand --coverage",
     "clean-reports": "rimraf .reports",
     "accessibility": "yarn build:storybook && yarn clean-reports && run-p -r serve:storybook test-storybook",
     "test-storybook": "wait-on tcp:6060 && test-storybook --url http://localhost:6060 --no-stories-json --maxWorkers=2 && yarn test-storybook-process-reports",
@@ -230,14 +230,15 @@
     "diacritics": "^1.3.0",
     "downshift": "^8",
     "lodash": "^4.17.21",
-    "lucide-react": "^0.513.0",
+    "lucide-react": "^0.312.0",
+    "marked": "^16.2.0",
     "react-day-picker": "^8.0.7",
     "react-dropzone": "^11.7.1",
     "react-popper": "^2.2.5",
     "react-transition-group": "^4.4.5",
     "react-use": "^17.5.1",
     "spin-delay": "^2.0.1",
-    "tailwind-variants": "^1.0.0",
+    "tailwind-variants": "^0.3.1",
     "tailwindcss": "^3.4.4",
     "use-stick-to-bottom": "^1.1.1"
   }

package/dist/cjs/Layout/Chat/ChatContextAccordion/ChatContextAccordion.d.ts

@@ -1,8 +0,0 @@
-import type { HTMLAttributes, ReactNode } from "react";
-import type { AccordionProps } from "../../../Actions";
-import type { IconComponentType } from "../../../Icons";
-export declare type ChatContextAccordionProps = HTMLAttributes<HTMLDivElement> & AccordionProps & {
-    header: ReactNode;
-    icon?: IconComponentType;
-};
-export declare const ChatContextAccordion: ({ header, icon, children, className, ...props }: ChatContextAccordionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/Layout/Chat/ChatMessage/ChatMessage.styles.d.ts

@@ -1,100 +0,0 @@
-export declare const chatMessageStyles: import("tailwind-variants").TVReturnType<{
-    variant: {
-        neutral: {
-            message: string;
-        };
-        subtle: {
-            message: string;
-        };
-    };
-    side: {
-        left: {
-            container: string;
-        };
-        right: {
-            container: string;
-        };
-    };
-    leading: {
-        true: string;
-    };
-    actions: {
-        true: string;
-    };
-    autoHideActions: {
-        true: string;
-    };
-}, {
-    base: string;
-    container: string;
-    leading: string;
-    content: string;
-    message: string;
-    actions: string;
-}, undefined, {
-    variant: {
-        neutral: {
-            message: string;
-        };
-        subtle: {
-            message: string;
-        };
-    };
-    side: {
-        left: {
-            container: string;
-        };
-        right: {
-            container: string;
-        };
-    };
-    leading: {
-        true: string;
-    };
-    actions: {
-        true: string;
-    };
-    autoHideActions: {
-        true: string;
-    };
-}, {
-    base: string;
-    container: string;
-    leading: string;
-    content: string;
-    message: string;
-    actions: string;
-}, import("tailwind-variants").TVReturnType<{
-    variant: {
-        neutral: {
-            message: string;
-        };
-        subtle: {
-            message: string;
-        };
-    };
-    side: {
-        left: {
-            container: string;
-        };
-        right: {
-            container: string;
-        };
-    };
-    leading: {
-        true: string;
-    };
-    actions: {
-        true: string;
-    };
-    autoHideActions: {
-        true: string;
-    };
-}, {
-    base: string;
-    container: string;
-    leading: string;
-    content: string;
-    message: string;
-    actions: string;
-}, undefined, unknown, unknown, undefined>>;

package/dist/cjs/Layout/Chat/ChatMessages/ChatMessages.d.ts

@@ -1,42 +0,0 @@
-import type { HTMLAttributes, ReactElement, ReactNode, Ref } from "react";
-import type { ChatMessageProps } from "../../../Layout/Chat/ChatMessage";
-import type { ChatMessageErrorProps } from "../../../Layout/Chat/ChatMessageError";
-import type { ChatMessageLoaderProps } from "../../../Layout/Chat/ChatMessageLoader";
-import type { ChatMessageBase, ChatStatus } from "../../../Layout/Chat/types";
-export declare type ChatMessageLocale = {
-    scrollToBottomText?: string;
-};
-export declare type ChatMessagesProps<Message extends ChatMessageBase = ChatMessageBase> = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
-    messages: Message[];
-    userMessageProps?: Omit<ChatMessageProps<Message>, "content">;
-    assistantMessageProps?: Omit<ChatMessageProps<Message>, "content">;
-    loaderProps?: ChatMessageLoaderProps;
-    errorProps?: Omit<ChatMessageErrorProps, "onReload">;
-    renderMessage?: (message: Message) => ReactNode;
-    renderLoader?: ReactNode;
-    renderError?: ReactNode;
-    status?: ChatStatus;
-    onReload?: () => void;
-    hideScrollToBottom?: boolean;
-    scrollClassName?: string;
-    contentClassName?: string;
-    locale?: ChatMessageLocale;
-};
-export declare const ChatMessages: <Message extends ChatMessageBase = ChatMessageBase>(props: Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
-    messages: Message[];
-    userMessageProps?: Omit<ChatMessageProps<Message>, "content"> | undefined;
-    assistantMessageProps?: Omit<ChatMessageProps<Message>, "content"> | undefined;
-    loaderProps?: ChatMessageLoaderProps | undefined;
-    errorProps?: Omit<ChatMessageErrorProps, "onReload"> | undefined;
-    renderMessage?: ((message: Message) => ReactNode) | undefined;
-    renderLoader?: ReactNode;
-    renderError?: ReactNode;
-    status?: ChatStatus | undefined;
-    onReload?: (() => void) | undefined;
-    hideScrollToBottom?: boolean | undefined;
-    scrollClassName?: string | undefined;
-    contentClassName?: string | undefined;
-    locale?: ChatMessageLocale | undefined;
-} & {
-    ref?: Ref<HTMLDivElement> | undefined;
-}) => ReactElement | null;

package/dist/cjs/Layout/Chat/ChatMessages/useLastMessageHeight.d.ts

@@ -1,10 +0,0 @@
-import type { RefObject } from "react";
-/**
- * React hook to compute the “fill” height below the last user message,
- * based on the scroll container’s height, the last user‐message element’s height,
- * and any CSS gap/padding offsets.
- */
-export declare function useLastMessageHeight(scrollRef: RefObject<HTMLElement>, messages: Array<{
-    id: string;
-    role: string;
-}>, lastUserMessageEl: HTMLElement | undefined, lastMessageSubmitted: boolean, spacingOffset?: number): number;

package/dist/cjs/Layout/Chat/ChatPrompt/ChatPrompt.styles.d.ts

@@ -1,61 +0,0 @@
-export declare const chatPromptStyles: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            body?: import("tailwind-merge").ClassNameValue;
-            footer?: import("tailwind-merge").ClassNameValue;
-            header?: import("tailwind-merge").ClassNameValue;
-            textarea?: import("tailwind-merge").ClassNameValue;
-            submit?: import("tailwind-merge").ClassNameValue;
-            actions?: import("tailwind-merge").ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            body?: import("tailwind-merge").ClassNameValue;
-            footer?: import("tailwind-merge").ClassNameValue;
-            header?: import("tailwind-merge").ClassNameValue;
-            textarea?: import("tailwind-merge").ClassNameValue;
-            submit?: import("tailwind-merge").ClassNameValue;
-            actions?: import("tailwind-merge").ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    header: string;
-    body: string;
-    textarea: string;
-    actions: string;
-    submit: string;
-    footer: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            body?: import("tailwind-merge").ClassNameValue;
-            footer?: import("tailwind-merge").ClassNameValue;
-            header?: import("tailwind-merge").ClassNameValue;
-            textarea?: import("tailwind-merge").ClassNameValue;
-            submit?: import("tailwind-merge").ClassNameValue;
-            actions?: import("tailwind-merge").ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    header: string;
-    body: string;
-    textarea: string;
-    actions: string;
-    submit: string;
-    footer: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    base: string;
-    header: string;
-    body: string;
-    textarea: string;
-    actions: string;
-    submit: string;
-    footer: string;
-}, undefined, unknown, unknown, undefined>>;

package/dist/esm/Layout/Chat/ChatContextAccordion/ChatContextAccordion.d.ts

@@ -1,8 +0,0 @@
-import type { HTMLAttributes, ReactNode } from "react";
-import type { AccordionProps } from "../../../Actions";
-import type { IconComponentType } from "../../../Icons";
-export declare type ChatContextAccordionProps = HTMLAttributes<HTMLDivElement> & AccordionProps & {
-    header: ReactNode;
-    icon?: IconComponentType;
-};
-export declare const ChatContextAccordion: ({ header, icon, children, className, ...props }: ChatContextAccordionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/Layout/Chat/ChatMessage/ChatMessage.styles.d.ts

@@ -1,100 +0,0 @@
-export declare const chatMessageStyles: import("tailwind-variants").TVReturnType<{
-    variant: {
-        neutral: {
-            message: string;
-        };
-        subtle: {
-            message: string;
-        };
-    };
-    side: {
-        left: {
-            container: string;
-        };
-        right: {
-            container: string;
-        };
-    };
-    leading: {
-        true: string;
-    };
-    actions: {
-        true: string;
-    };
-    autoHideActions: {
-        true: string;
-    };
-}, {
-    base: string;
-    container: string;
-    leading: string;
-    content: string;
-    message: string;
-    actions: string;
-}, undefined, {
-    variant: {
-        neutral: {
-            message: string;
-        };
-        subtle: {
-            message: string;
-        };
-    };
-    side: {
-        left: {
-            container: string;
-        };
-        right: {
-            container: string;
-        };
-    };
-    leading: {
-        true: string;
-    };
-    actions: {
-        true: string;
-    };
-    autoHideActions: {
-        true: string;
-    };
-}, {
-    base: string;
-    container: string;
-    leading: string;
-    content: string;
-    message: string;
-    actions: string;
-}, import("tailwind-variants").TVReturnType<{
-    variant: {
-        neutral: {
-            message: string;
-        };
-        subtle: {
-            message: string;
-        };
-    };
-    side: {
-        left: {
-            container: string;
-        };
-        right: {
-            container: string;
-        };
-    };
-    leading: {
-        true: string;
-    };
-    actions: {
-        true: string;
-    };
-    autoHideActions: {
-        true: string;
-    };
-}, {
-    base: string;
-    container: string;
-    leading: string;
-    content: string;
-    message: string;
-    actions: string;
-}, undefined, unknown, unknown, undefined>>;

package/dist/esm/Layout/Chat/ChatMessages/ChatMessages.d.ts

@@ -1,42 +0,0 @@
-import type { HTMLAttributes, ReactElement, ReactNode, Ref } from "react";
-import type { ChatMessageProps } from "../../../Layout/Chat/ChatMessage";
-import type { ChatMessageErrorProps } from "../../../Layout/Chat/ChatMessageError";
-import type { ChatMessageLoaderProps } from "../../../Layout/Chat/ChatMessageLoader";
-import type { ChatMessageBase, ChatStatus } from "../../../Layout/Chat/types";
-export declare type ChatMessageLocale = {
-    scrollToBottomText?: string;
-};
-export declare type ChatMessagesProps<Message extends ChatMessageBase = ChatMessageBase> = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
-    messages: Message[];
-    userMessageProps?: Omit<ChatMessageProps<Message>, "content">;
-    assistantMessageProps?: Omit<ChatMessageProps<Message>, "content">;
-    loaderProps?: ChatMessageLoaderProps;
-    errorProps?: Omit<ChatMessageErrorProps, "onReload">;
-    renderMessage?: (message: Message) => ReactNode;
-    renderLoader?: ReactNode;
-    renderError?: ReactNode;
-    status?: ChatStatus;
-    onReload?: () => void;
-    hideScrollToBottom?: boolean;
-    scrollClassName?: string;
-    contentClassName?: string;
-    locale?: ChatMessageLocale;
-};
-export declare const ChatMessages: <Message extends ChatMessageBase = ChatMessageBase>(props: Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
-    messages: Message[];
-    userMessageProps?: Omit<ChatMessageProps<Message>, "content"> | undefined;
-    assistantMessageProps?: Omit<ChatMessageProps<Message>, "content"> | undefined;
-    loaderProps?: ChatMessageLoaderProps | undefined;
-    errorProps?: Omit<ChatMessageErrorProps, "onReload"> | undefined;
-    renderMessage?: ((message: Message) => ReactNode) | undefined;
-    renderLoader?: ReactNode;
-    renderError?: ReactNode;
-    status?: ChatStatus | undefined;
-    onReload?: (() => void) | undefined;
-    hideScrollToBottom?: boolean | undefined;
-    scrollClassName?: string | undefined;
-    contentClassName?: string | undefined;
-    locale?: ChatMessageLocale | undefined;
-} & {
-    ref?: Ref<HTMLDivElement> | undefined;
-}) => ReactElement | null;

package/dist/esm/Layout/Chat/ChatMessages/useLastMessageHeight.d.ts

@@ -1,10 +0,0 @@
-import type { RefObject } from "react";
-/**
- * React hook to compute the “fill” height below the last user message,
- * based on the scroll container’s height, the last user‐message element’s height,
- * and any CSS gap/padding offsets.
- */
-export declare function useLastMessageHeight(scrollRef: RefObject<HTMLElement>, messages: Array<{
-    id: string;
-    role: string;
-}>, lastUserMessageEl: HTMLElement | undefined, lastMessageSubmitted: boolean, spacingOffset?: number): number;

package/dist/esm/Layout/Chat/ChatPrompt/ChatPrompt.styles.d.ts

@@ -1,61 +0,0 @@
-export declare const chatPromptStyles: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            body?: import("tailwind-merge").ClassNameValue;
-            footer?: import("tailwind-merge").ClassNameValue;
-            header?: import("tailwind-merge").ClassNameValue;
-            textarea?: import("tailwind-merge").ClassNameValue;
-            submit?: import("tailwind-merge").ClassNameValue;
-            actions?: import("tailwind-merge").ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            body?: import("tailwind-merge").ClassNameValue;
-            footer?: import("tailwind-merge").ClassNameValue;
-            header?: import("tailwind-merge").ClassNameValue;
-            textarea?: import("tailwind-merge").ClassNameValue;
-            submit?: import("tailwind-merge").ClassNameValue;
-            actions?: import("tailwind-merge").ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    header: string;
-    body: string;
-    textarea: string;
-    actions: string;
-    submit: string;
-    footer: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            body?: import("tailwind-merge").ClassNameValue;
-            footer?: import("tailwind-merge").ClassNameValue;
-            header?: import("tailwind-merge").ClassNameValue;
-            textarea?: import("tailwind-merge").ClassNameValue;
-            submit?: import("tailwind-merge").ClassNameValue;
-            actions?: import("tailwind-merge").ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    header: string;
-    body: string;
-    textarea: string;
-    actions: string;
-    submit: string;
-    footer: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    base: string;
-    header: string;
-    body: string;
-    textarea: string;
-    actions: string;
-    submit: string;
-    footer: string;
-}, undefined, unknown, unknown, undefined>>;