@carto/ps-react-ui 4.3.10 → 4.4.0-chat-ui.0

package/dist/types/chat/containers/index.d.ts

@@ -0,0 +1,4 @@
+export { ChatContent } from './chat-content';
+export { ChatHeader } from './chat-header';
+export { ChatFooter } from './chat-footer';
+export { ChatStarter } from './chat-starter';

package/dist/types/chat/containers/styles.d.ts

@@ -0,0 +1,101 @@
+import { Theme } from '@mui/material';
+export declare const styles: {
+    header: {
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "space-between";
+        padding: ({ spacing }: Theme) => string;
+    };
+    headerTitle: {
+        flexGrow: number;
+        px: ({ spacing }: Theme) => string;
+    };
+    headerActions: {
+        display: "flex";
+        alignItems: "center";
+        marginLeft: ({ spacing }: Theme) => string;
+        gap: ({ spacing }: Theme) => string;
+    };
+    footerWrapper: {
+        padding: ({ spacing }: Theme) => string;
+        position: "relative";
+    };
+    footerCorner: {
+        position: "absolute";
+        bottom: string;
+        right: string;
+        margin: string;
+    };
+    footer: {
+        maxWidth: number;
+        margin: string;
+    };
+    footerCaption: {
+        textAlign: "center";
+    };
+    content: {
+        overflowY: "auto";
+        flex: number;
+        position: "relative";
+        mx: string;
+        maxWidth: number;
+        width: string;
+        maxHeight: string;
+        pt: number;
+        pb: number;
+        px: number;
+        display: "flex";
+        flexDirection: "column";
+        '--chat-border-color': ({ palette }: Theme) => string;
+        borderTop: string;
+        borderBottom: string;
+        '@supports (animation-timeline: scroll())': {
+            animation: `${{
+                name: string;
+                styles: string;
+                anim: 1;
+                toString: () => string;
+            } & string} linear both`;
+            animationTimeline: "scroll(self)";
+        };
+    };
+    jumpToLatestWrapper: {
+        position: "sticky";
+        bottom: ({ spacing }: Theme) => string;
+        height: number;
+        display: "flex";
+        justifyContent: "center";
+        zIndex: number;
+    };
+    jumpToLatest: {
+        opacity: number;
+        pointerEvents: "none";
+        '@supports (animation-timeline: scroll())': {
+            animation: `${{
+                name: string;
+                styles: string;
+                anim: 1;
+                toString: () => string;
+            } & string} linear both`;
+            animationTimeline: "scroll(nearest)";
+        };
+    };
+    starter: {
+        display: "flex";
+        flexDirection: "column";
+        alignItems: "center";
+        justifyContent: "center";
+        padding: ({ spacing }: Theme) => string;
+        textAlign: "center";
+        maxWidth: number;
+        margin: string;
+    };
+    starterItems: {
+        display: "grid";
+        width: string;
+        marginTop: ({ spacing }: Theme) => string;
+    };
+    starterItemsTwoCol: {
+        gridTemplateColumns: string;
+    };
+};

package/dist/types/chat/feedback/chat-loader.d.ts

@@ -0,0 +1,2 @@
+import { ChatLoaderProps } from '../types';
+export declare function ChatLoader({ size, labels, sx }: ChatLoaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/feedback/chat-rating-action.d.ts

@@ -0,0 +1,2 @@
+import { ChatRatingActionProps } from '../types';
+export declare function ChatRatingAction({ rating, onRatingChange, labels, }: ChatRatingActionProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/feedback/chat-thinking.d.ts

@@ -0,0 +1,2 @@
+import { ChatThinkingProps } from '../types';
+export declare function ChatThinking({ children, duration, sx, }: ChatThinkingProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/feedback/chat-tools.d.ts

@@ -0,0 +1,2 @@
+import { ChatToolsProps } from '../types';
+export declare function ChatTools({ tools, labels, sx }: ChatToolsProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/chat/feedback/index.d.ts

@@ -0,0 +1,5 @@
+export { ChatThinking } from './chat-thinking';
+export { ChatLoader } from './chat-loader';
+export { ChatActionsContainer } from './chat-actions-container';
+export { ChatRatingAction } from './chat-rating-action';
+export { ChatTools } from './chat-tools';

package/dist/types/chat/feedback/styles.d.ts

@@ -0,0 +1,65 @@
+import { Theme } from '@mui/material';
+export declare const styles: {
+    thinking: {
+        display: "flex";
+        alignItems: "center";
+        minHeight: ({ spacing }: Theme) => string;
+        background: ({ palette }: Theme) => string;
+        backgroundSize: string;
+        backgroundClip: "text";
+        WebkitBackgroundClip: "text";
+        WebkitTextFillColor: "transparent";
+        animation: `${{
+            name: string;
+            styles: string;
+            anim: 1;
+            toString: () => string;
+        } & string} 2s ease-in-out infinite`;
+        animationDuration: "2s";
+    };
+    loader: {
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+        position: "relative";
+        p: number;
+    };
+    loaderOuterCircle: {
+        position: "absolute";
+        inset: number;
+        margin: string;
+        borderRadius: string;
+        backgroundColor: ({ palette }: Theme) => string;
+        animation: `${{
+            name: string;
+            styles: string;
+            anim: 1;
+            toString: () => string;
+        } & string} 1s ease-in-out infinite`;
+    };
+    loaderInnerCircle: {
+        position: "absolute";
+        inset: number;
+        margin: string;
+        borderRadius: string;
+        backgroundColor: ({ palette }: Theme) => string;
+        animation: `${{
+            name: string;
+            styles: string;
+            anim: 1;
+            toString: () => string;
+        } & string} 1s ease-in-out infinite`;
+    };
+    tools: {
+        width: string;
+    };
+    toolHeader: {
+        display: "flex";
+        alignItems: "center";
+        gap: ({ spacing }: Theme) => string;
+    };
+    toolStatusIcon: {
+        display: "flex";
+        alignItems: "center";
+    };
+};

package/dist/types/chat/index.d.ts

@@ -0,0 +1,16 @@
+export type { ChatSxProps, ChatErrorAction, ChatUserMessageProps, ChatAgentMessageProps, ChatErrorMessageProps, ChatSuggestionButtonProps, ChatThinkingProps, ChatLoaderProps, ChatContentProps, ChatHeaderProps, ChatFooterProps, ChatStarterItem, ChatStarterProps, ChatActionsContainerProps, ChatRatingActionProps, ChatToolItem, ChatToolsProps, } from './types';
+export { CHAT_MAX_WIDTH, CHAT_SCROLL_DELAY, CHAT_DIVIDER_DELAY } from './const';
+export { ChatUserMessage } from './bubbles/chat-user-message';
+export { ChatAgentMessage } from './bubbles/chat-agent-message';
+export { ChatErrorMessage } from './bubbles/chat-error-message';
+export { ChatSuggestionButton } from './bubbles/chat-suggestion-button';
+export { ChatMessageOverflow } from './bubbles/styles';
+export { ChatThinking } from './feedback/chat-thinking';
+export { ChatLoader } from './feedback/chat-loader';
+export { ChatContent } from './containers/chat-content';
+export { ChatHeader } from './containers/chat-header';
+export { ChatFooter } from './containers/chat-footer';
+export { ChatStarter } from './containers/chat-starter';
+export { ChatActionsContainer } from './feedback/chat-actions-container';
+export { ChatRatingAction } from './feedback/chat-rating-action';
+export { ChatTools } from './feedback/chat-tools';

package/dist/types/chat/types.d.ts

@@ -0,0 +1,99 @@
+import { ReactNode } from 'react';
+import { ButtonBaseProps, SxProps, Theme } from '@mui/material';
+export interface ChatSxProps {
+    sx?: SxProps<Theme>;
+}
+export interface ChatErrorAction {
+    label: string;
+    onClick: () => void;
+}
+export interface ChatUserMessageProps extends ChatSxProps {
+    children: ReactNode;
+    /** enabled to render text with a lighter color for indicating things like an error sending the message */
+    muted?: boolean;
+    /** content to render on top of the message for user attachments */
+    topContext?: ReactNode;
+}
+export interface ChatAgentMessageProps extends ChatSxProps {
+    children: ReactNode;
+}
+export interface ChatErrorMessageProps extends ChatSxProps {
+    errors: string[];
+    icon?: ReactNode;
+    actions?: ChatErrorAction[];
+}
+export interface ChatSuggestionButtonProps extends ChatSxProps, Omit<ButtonBaseProps, 'children'> {
+    label: ReactNode;
+    color?: string;
+}
+export interface ChatThinkingProps extends ChatSxProps {
+    duration?: number;
+    children?: ReactNode;
+}
+export interface ChatLoaderProps extends ChatSxProps {
+    size?: number;
+    labels?: {
+        loading?: string;
+    };
+}
+export interface ChatContentProps extends ChatSxProps {
+    children: ReactNode;
+    labels?: {
+        jumpToLatest?: string;
+    };
+}
+export interface ChatHeaderProps extends ChatSxProps {
+    leftSlot?: ReactNode;
+    title: ReactNode;
+    rightSlot?: ReactNode;
+    onClose?: () => void;
+}
+export interface ChatFooterProps extends ChatSxProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSend: () => void;
+    onStop?: () => void;
+    isGenerating?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    labels?: {
+        send?: string;
+        stop?: string;
+    };
+    caption?: ReactNode;
+}
+export interface ChatStarterItem {
+    label: string;
+    color?: string;
+}
+export interface ChatStarterProps extends ChatSxProps {
+    icon?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    items: string[] | ChatStarterItem[];
+    size?: 'small' | 'medium';
+    onSelect?: (prompt: string) => void;
+}
+export interface ChatActionsContainerProps extends ChatSxProps {
+    children: ReactNode;
+}
+export interface ChatRatingActionProps {
+    onRatingChange?: (rating: 'up' | 'down' | null) => void;
+    rating?: 'up' | 'down' | null;
+    labels?: {
+        thumbUp?: string;
+        thumbDown?: string;
+    };
+}
+export interface ChatToolItem {
+    id: string;
+    name: string;
+    status: 'loading' | 'thinking' | 'complete' | 'error';
+    content?: ReactNode;
+}
+export interface ChatToolsProps extends ChatSxProps {
+    tools: ChatToolItem[];
+    labels?: {
+        title?: string;
+    };
+}

package/dist/types/components/copy-button/copy-button.d.ts

@@ -0,0 +1,2 @@
+import { CopyButtonProps } from './types';
+export declare function CopyButton({ copyText, onSuccess, onError, 'aria-label': ariaLabel, ...props }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/copy-button/types.d.ts

@@ -0,0 +1,6 @@
+import { IconButtonProps } from '@mui/material/IconButton';
+export interface CopyButtonProps extends Omit<IconButtonProps, 'onError' | 'onClick'> {
+    copyText: string;
+    onSuccess?: () => void;
+    onError?: (err: Error) => void;
+}

package/dist/types/components/index.d.ts

@@ -18,3 +18,5 @@ export { BasemapsUI } from './basemaps/basemaps';
 export type { BasemapsUIProps } from './basemaps/types';
 export { Tooltip, setTooltipEnterDelay } from './tooltip/tooltip';
 export { SmartTooltip } from './smart-tooltip/smart-tooltip';
+export type { CopyButtonProps } from './copy-button/types';
+export { CopyButton } from './copy-button/copy-button';

package/dist/widgets/actions.js

@@ -6,10 +6,11 @@ import { FullscreenOutlined as Ne, Close as je, FileDownloadOutlined as Ue, Perc
 import { useShallow as te } from "zustand/shallow";
 import { useState as he, useRef as de, useEffect as K } from "react";
 import "react-markdown";
-import { a as Rn, d as Bn } from "../exports-Cr43OCul.js";
+import { a as Bn, d as Mn } from "../exports-Cr43OCul.js";
 import "../lasso-tool-BYbxrJ-7.js";
 import "../cjs-D4KH3azB.js";
 import { T as ie } from "../tooltip-BDnrRKrp.js";
+import "@carto/ps-utils";
 import { b as Xe, a as et, D as tt } from "../utils-idmvq0Oa.js";
 import { useSensors as nt, useSensor as Ie, PointerSensor as ot, KeyboardSensor as lt, DndContext as st, closestCenter as rt } from "@dnd-kit/core";
 import { useSortable as it, sortableKeyboardCoordinates as ct, arrayMove as at, SortableContext as dt, verticalListSortingStrategy as ut } from "@dnd-kit/sortable";
@@ -31,7 +32,7 @@ const Ce = {
     }) => n(1)
   }
 }, mt = {};
-function En(n) {
+function Ln(n) {
   const e = q(47), {
     id: t,
     labels: a,
@@ -110,7 +111,7 @@ function gt(n) {
   return n.setWidget;
 }
 const pt = {};
-function Ln(n) {
+function xn(n) {
   const e = q(33), {
     id: t,
     items: a,
@@ -215,7 +216,7 @@ function bt(n, e) {
   }));
 }
 const pe = "relative-data";
-function xn(n) {
+function $n(n) {
   const e = q(32), {
     id: t,
     order: a,
@@ -305,7 +306,7 @@ const ye = {
     }
   }
 }, ee = "zoom-toggle";
-function $n(n) {
+function On(n) {
   const e = q(50), {
     id: t,
     defaultZoom: a,
@@ -433,7 +434,7 @@ const wt = () => {
   let e;
   return n[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ g("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ g("path", { d: "M4 20V8H8V20H4ZM9 20V13H13V20H9ZM16 20V4H20V20H16Z", fill: "currentColor" }) }), n[0] = e) : e = n[0], e;
 }, me = "stack-toggle";
-function On(n) {
+function wn(n) {
   const e = q(47), {
     id: t,
     defaultIsStacked: a,
@@ -550,7 +551,7 @@ function Bt(n) {
   return n.setWidget;
 }
 const ae = "lock-selection";
-function wn(n) {
+function Dn(n) {
   const e = q(36), {
     id: t,
     selectedItems: a,
@@ -628,7 +629,7 @@ function Nt(n, e) {
   }));
 }
 const ge = "searcher", jt = 300;
-function Dn(n) {
+function Wn(n) {
   const e = q(44), {
     id: t,
     filterFn: a,
@@ -724,7 +725,7 @@ const Jt = (n, e) => {
   const t = e.toLowerCase();
   return Promise.resolve(n.map((a) => a.filter((p) => Object.values(p).some((c) => typeof c == "string" && c.toLowerCase().includes(t)))));
 };
-function Wn(n) {
+function zn(n) {
   const e = q(23), {
     id: t,
     defaultEnabled: a,
@@ -809,7 +810,7 @@ function nn(n) {
   return `2px solid ${n.palette.primary.main}`;
 }
 const ke = "change-column";
-function zn(n) {
+function Pn(n) {
   const e = q(50), {
     id: t,
     labels: a,
@@ -936,21 +937,21 @@ function an(n) {
 }
 export {
   ke as CHANGE_COLUMN_TOOL_ID,
-  zn as ChangeColumn,
-  Ln as Download,
-  En as FullScreen,
+  Pn as ChangeColumn,
+  xn as Download,
+  Ln as FullScreen,
   ae as LOCK_SELECTION_TOOL_ID,
-  wn as LockSelection,
+  Dn as LockSelection,
   pe as RELATIVE_DATA_TOOL_ID,
-  xn as RelativeData,
+  $n as RelativeData,
   ge as SEARCHER_TOOL_ID,
   me as STACK_TOGGLE_TOOL_ID,
-  Dn as Searcher,
-  Wn as SearcherToggle,
-  On as StackToggle,
+  Wn as Searcher,
+  zn as SearcherToggle,
+  wn as StackToggle,
   ee as ZOOM_TOGGLE_TOOL_ID,
-  $n as ZoomToggle,
-  Rn as downloadToCSV,
-  Bn as downloadToPNG
+  On as ZoomToggle,
+  Bn as downloadToCSV,
+  Mn as downloadToPNG
 };
 //# sourceMappingURL=actions.js.map