@aws-amplify/ui-react-ai 0.3.2 → 1.0.0

package/dist/ai-conversation-styles.css

@@ -1,195 +0,0 @@
-.ai-header__container {
-  display: flex;
-  flex-direction: row;
-  flex: 0 0 auto;
-  justify-content: space-between;
-  border: 1px solid rgb(220, 222, 224);
-  border-radius: 16px 16px 0px 0px;
-  padding: 0px 16px;
-  box-shadow: rgba(0, 0, 0, 0.07) 0px 12px 30px 0px;
-  background-color: rgb(250, 250, 250);
-  flex-grow: 1;
-}
-
-.ai-header__button {
-  border: none;
-  background: none;
-}
-
-.ai-prompts__prompt__buttongroup {
-  display: flex;
-  gap: 8px;
-}
-
-.ai-prompts__prompt__card {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  border-radius: 8px;
-  border-width: 0px;
-  text-align: left;
-  white-space: nowrap;
-  padding: 12px;
-  cursor: pointer;
-}
-
-.ai-prompts__prompt__card__header {
-  font-weight: bold;
-}
-
-.ai-prompts__prompt__card__text {
-  margin: 0px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.ai-messages__container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  justify-content: flex-end;
-  align-items: flex-start;
-  gap: 16px;
-}
-
-.ai-message {
-  display: flex;
-  flex-direction: column;
-  width: 480px;
-  align-items: flex-start;
-}
-
-.ai-message__text {
-  white-space: pre-wrap;
-}
-
-.ai-message--bubble-2.ai-message--user {
-  justify-content: flex-end;
-}
-
-.ai-message__header__container {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 12px;
-}
-
-.ai-message__image {
-  width: 100%;
-}
-
-.ai-avatar__container {
-  display: flex;
-  flex-direction: row;
-  gap: 12px;
-  align-items: center;
-}
-
-.ai-avatar__icon {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  display: flex;
-  overflow: hidden;
-  justify-content: center;
-  align-items: center;
-}
-
-.ai-actions-bar__container {
-  display: flex;
-  align-items: flex-start;
-  gap: 8px;
-}
-
-.ai-actions-bar__icon {
-  width: 100%;
-  height: 100%;
-}
-
-.ai-actions-bar__button {
-  display: flex;
-  width: 28px;
-  height: 28px;
-  justify-content: center;
-  align-items: center;
-  gap: 4px;
-  overflow: hidden;
-}
-
-.ai-field__form {
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  gap: 8px;
-}
-
-.ai-field__input-container {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 8px;
-  flex: 1 0 0;
-}
-
-.ai-attachment-list__unordered-list {
-  gap: 8px;
-  display: flex;
-  flex-direction: column;
-  width: 70%;
-  padding: 0px;
-}
-
-.ai-attachment__list-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.ai-attachment-text__container {
-  display: flex;
-  align-items: center;
-  flex: 1;
-  overflow: hidden;
-}
-
-.ai-attachment-text__separator {
-  flex-shrink: 0;
-}
-
-.ai-attachment-text__file-name {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.ai-attachment-text__file-size {
-  flex-shrink: 0;
-  margin-left: 8px;
-}
-
-.ai-field__input {
-  align-self: stretch;
-  overflow: hidden;
-  resize: none;
-}
-
-.ai-field__button {
-  display: flex;
-  width: 40px;
-  height: 40px;
-  justify-content: center;
-  align-items: center;
-}
-
-.ai-field__visually-hidden {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  fill: transparent;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}

package/dist/ai-conversation-styles.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/dist/esm/components/AIConversation/views/Controls/HeaderControl.mjs

@@ -1,34 +0,0 @@
-import React__default from 'react';
-import { withBaseElementProps } from '@aws-amplify/ui-react-core/elements';
-import { AIConversationElements } from '../../context/elements/definitions.mjs';
-
-const { View, Button, Icon, Text } = AIConversationElements;
-const HEADER_BLOCK = 'ai-header';
-const HeaderTextBase = withBaseElementProps(Text, {
-    className: `${HEADER_BLOCK}__text`,
-});
-const HeaderText = React__default.forwardRef(function HeaderText(props, ref) {
-    return React__default.createElement(HeaderTextBase, { ...props, ref: ref });
-});
-const CloseIcon = withBaseElementProps(Icon, {
-    className: `${HEADER_BLOCK}__icon`,
-    variant: 'close',
-});
-const CloseButtonBase = withBaseElementProps(Button, {
-    className: `${HEADER_BLOCK}__button`,
-});
-const CloseButton = React__default.forwardRef(function CloseButton(props, ref) {
-    return React__default.createElement(CloseButtonBase, { ...props, ref: ref });
-});
-const Container = withBaseElementProps(View, {
-    className: `${HEADER_BLOCK}__container`,
-});
-const HeaderControl = () => (React__default.createElement(Container, null,
-    React__default.createElement(HeaderText, null, "Raven Chat"),
-    React__default.createElement(CloseButton, null,
-        React__default.createElement(CloseIcon, null))));
-HeaderControl.Container = Container;
-HeaderControl.Text = HeaderText;
-HeaderControl.Button = CloseButton;
-
-export { HeaderControl };

package/dist/esm/components/AIConversation/views/ConversationView.mjs

@@ -1,20 +0,0 @@
-import React__default from 'react';
-import { ViewElement } from '../context/elements/definitions.mjs';
-import './Controls/ActionsBarControl.mjs';
-import './Controls/AvatarControl.mjs';
-import { HeaderControl } from './Controls/HeaderControl.mjs';
-import { FieldControl } from './Controls/FieldControl.mjs';
-import { MessagesControl } from './Controls/MessagesControl.mjs';
-import { AutoHidablePromptControl } from './Controls/PromptControl.mjs';
-
-function Conversation() {
-    return (React__default.createElement(ViewElement, null,
-        React__default.createElement(HeaderControl, null),
-        React__default.createElement(ViewElement, null,
-            React__default.createElement(AutoHidablePromptControl, null),
-            React__default.createElement(MessagesControl, null)),
-        React__default.createElement(ViewElement, null,
-            React__default.createElement(FieldControl, null))));
-}
-
-export { Conversation as default };

package/dist/esm/hooks/AIContextProvider.mjs

@@ -1,20 +0,0 @@
-import React__default from 'react';
-
-const AIContext = React__default.createContext(undefined);
-const useAIContext = () => {
-    const context = React__default.useContext(AIContext);
-    const [routeToConversationsMap, setRouteToConversationsMap] = React__default.useState({});
-    if (context) {
-        return context;
-    }
-    return { routeToConversationsMap, setRouteToConversationsMap };
-};
-/**
- * @experimental
- */
-const AIContextProvider = ({ children, }) => {
-    const context = useAIContext();
-    return React__default.createElement(AIContext.Provider, { value: context }, children);
-};
-
-export { AIContext, AIContextProvider, useAIContext };

package/dist/types/ai-conversation-styles.d.ts

@@ -1 +0,0 @@
-import './ai-conversation-styles.css';

package/dist/types/components/AIConversation/views/Controls/HeaderControl.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { AIConversationElements } from '../../context/elements';
-export declare const HeaderControl: HeaderControl;
-export interface HeaderControl {
-    (): React.JSX.Element;
-    Container: AIConversationElements['View'];
-    Button: AIConversationElements['Button'];
-    Text: AIConversationElements['Text'];
-}

package/dist/types/components/AIConversation/views/ConversationView.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export default function Conversation(): JSX.Element;

package/dist/types/hooks/AIContextProvider.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { ConversationMessage } from '../types';
-type ConversationToMessages = Record<string, ConversationMessage[]>;
-export type RouteToConversations = Record<string, ConversationToMessages>;
-interface ContextType {
-    routeToConversationsMap: RouteToConversations;
-    setRouteToConversationsMap: React.Dispatch<React.SetStateAction<RouteToConversations>>;
-}
-export declare const AIContext: React.Context<ContextType | undefined>;
-export declare const useAIContext: () => ContextType;
-/**
- * @experimental
- */
-export declare const AIContextProvider: ({ children, }: {
-    children: React.ReactNode;
-}) => React.ReactNode;
-export {};