@app-studio/web 0.3.68 → 0.5.0

package/dist/bot/Bot.d.ts

@@ -5,9 +5,10 @@ export declare class Bot {
     private readonly cache;
     private readonly cacheKey;
     constructor(cacheKey: string);
-    init(name: string, fileIds: string[], descriptionPath: string, cachePath: string): Promise<Assistant>;
-    addFiles(componentFolder: string): Promise<any>;
+    init(name: string, fileIds: string[], cachePath: string): Promise<Assistant>;
     createFile(fileContent: string, fileName: string): Promise<any>;
-    response(assistantId: string, propsPath: string): Promise<any>;
+    addFile(filePath: string): Promise<any>;
+    response(assistantId: string, propsPath: string, componentFolder: string, componentName: string): Promise<any>;
+    isObject(value: any): boolean;
     MarkdownGeneration(componentFolder: string, componentName: string, propsPath: string): Promise<void>;
 }

package/dist/bot/FileHandler.d.ts

@@ -15,5 +15,10 @@ export declare class FileHandler {
     readComponentPropsFromJson: (filePath: string) => Record<string, any>;
     uploadFile(filePath: string, purpose: 'fine-tune' | 'assistants'): Promise<string>;
     deleteFile(fileId: string): Promise<boolean>;
+    deleteFiles(fileIds: string[]): Promise<{
+        fileId: string;
+        deleted: boolean;
+        error: null;
+    }[]>;
     listFiles(): Promise<OpenAI.Files.FileObject[]>;
 }

package/dist/bot/OpenAIConnector.d.ts

@@ -13,9 +13,11 @@ export declare class OpenAIConnector {
     private readonly apiKey;
     private readonly organization;
     private readonly openai;
+    private readonly fileHandler;
     constructor(apiKey: string, organization: string);
     sendChatMessage(model: string, messages: MessageCreateParams[]): Promise<OpenAI.Chat.Completions.ChatCompletion>;
     createAssistant(instructions: string, name: string, fileIds: string[]): Promise<Assistant>;
+    updateAssistantFiles(assistantId: string, newFileIds: string[]): Promise<Assistant>;
     createAssistantFiles(assistantId: string, filesIds: string[]): Promise<Assistant>;
     deleteAssistantFiles(assistantId: string, AssistantFileId: string): Promise<OpenAI.Beta.Assistants.Files.FileDeleteResponse>;
     getAssistantFiles(assistantId: string): Promise<OpenAI.Beta.Assistants.Files.AssistantFilesPage>;

package/dist/bot/prompt/1-project.d.ts

@@ -1 +1 @@
-export declare const ProjectPrompt: (name: string, description: string) => string;
+export declare const ProjectPrompt: () => string;

package/dist/bot/prompt/2-response.d.ts

@@ -1 +1 @@
-export declare const RespondPrompt: () => string;
+export declare const RespondPrompt: (props: string, view: string, type?: string | undefined) => string;

package/dist/components/Form/Checkbox/Checkbox/Checkbox.props.d.ts

@@ -2,9 +2,6 @@ import React, { CSSProperties } from 'react';
 import { Elevation } from 'src/utils/elevation';
 import { Shadow } from 'app-studio';
 import { CheckboxStyles, Size } from './Checkbox.type';
-/**
- * Represents the properties for a checkbox component.
- */
 export interface CheckboxProps {
     /**
      * The identifier for the checkbox.

package/dist/components/Form/ComboBox/ComboBox/ComboBox.context.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface ComboBoxContextType {
+    openDropdowns: {
+        [key: string]: boolean;
+    };
+    toggleDropdown: (id: string) => void;
+}
+declare const ComboBoxContext: import("react").Context<ComboBoxContextType>;
+export declare const useComboBoxContext: () => ComboBoxContextType;
+export default ComboBoxContext;

package/dist/components/Form/ComboBox/ComboBox/ComboBox.props.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode, Dispatch, SetStateAction } from 'react';
+import { ComboBoxStyles } from './ComboBox.type';
+export interface ComboBoxProps {
+    id: string;
+    name?: string;
+    items: ComboBoxItem[];
+    onSelect?: (item: ComboBoxItem) => void;
+    searchEnabled?: boolean;
+    left?: ReactNode;
+    right?: ReactNode;
+    label?: string;
+    showTick?: boolean;
+    placeholder?: string;
+    styles?: ComboBoxStyles;
+    searchPlaceholder?: string;
+    [x: string]: any;
+}
+export interface ComboBoxItem {
+    label: string;
+    value: string;
+    icon?: ReactNode;
+}
+export interface ComboBoxStateActions {
+    filteredItems: ComboBoxItem[];
+    setFilteredItems: Dispatch<SetStateAction<ComboBoxItem[]>>;
+    selectedItem: ComboBoxItem;
+    setSelectedItem: Dispatch<SetStateAction<ComboBoxItem>>;
+    highlightedIndex: number;
+    setHighlightedIndex: Dispatch<SetStateAction<number>>;
+    searchQuery: string;
+    setSearchQuery: Dispatch<SetStateAction<string>>;
+    isDropdownVisible: boolean;
+    setIsDropdownVisible: Dispatch<SetStateAction<boolean>>;
+}
+export interface ComboBoxViewProps extends ComboBoxProps, ComboBoxStateActions {
+}

package/dist/components/Form/ComboBox/ComboBox/ComboBox.provider.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ComboBoxProvider: ({ children }: any) => React.JSX.Element;

package/dist/components/Form/ComboBox/ComboBox/ComboBox.state.d.ts

@@ -0,0 +1,2 @@
+import { ComboBoxItem, ComboBoxStateActions } from './ComboBox.props';
+export declare const useComboBoxState: (items: ComboBoxItem[], placeholder?: string | undefined, searchPlaceholder?: string | undefined) => ComboBoxStateActions;

package/dist/components/Form/ComboBox/ComboBox/ComboBox.type.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare type Styles = {
+    [key: string]: React.CSSProperties;
+};
+export declare type ComboBoxStyles = {
+    container?: React.CSSProperties;
+    label?: any;
+    dropdown?: React.CSSProperties;
+    item?: React.CSSProperties;
+    labelContainer?: React.CSSProperties;
+    text?: any;
+};

package/dist/components/Form/ComboBox/ComboBox/ComboBox.view.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ComboBoxViewProps } from './ComboBox.props';
+declare const ComboBoxView: React.FC<ComboBoxViewProps>;
+export default ComboBoxView;

package/dist/components/Form/ComboBox/ComboBox.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ComboBoxProps } from './ComboBox/ComboBox.props';
+export declare const ComboBox: React.FC<ComboBoxProps>;

package/dist/components/Form/ComboBox/examples/default.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DefaultDemo: () => React.JSX.Element;

package/dist/components/Form/ComboBox/examples/index.d.ts

@@ -0,0 +1,10 @@
+export * from './default';
+export * from './label';
+export * from './left';
+export * from './onSelect';
+export * from './placeholder';
+export * from './right';
+export * from './searchEnabled';
+export * from './searchPlaceholder';
+export * from './showTick';
+export * from './styles';

package/dist/components/Form/ComboBox/examples/label.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const LabelDemo: () => React.JSX.Element;

package/dist/components/Form/ComboBox/examples/left.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const LeftDemo: () => React.JSX.Element;

package/dist/components/Form/ComboBox/examples/onSelect.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const OnSelectDemo: () => React.JSX.Element;

package/dist/components/Form/ComboBox/examples/placeholder.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PlaceholderDemo: () => React.JSX.Element;

package/dist/components/Form/ComboBox/examples/right.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const RightDemo: () => React.JSX.Element;

package/dist/components/Form/ComboBox/examples/searchEnabled.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SearchEnabledDemo: () => React.JSX.Element;

package/dist/components/Form/ComboBox/examples/searchPlaceholder.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SearchPlaceholderDemo: () => React.JSX.Element;

package/dist/components/Form/ComboBox/examples/showTick.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ShowTickDemo: () => React.JSX.Element;

package/dist/components/Form/ComboBox/examples/styles.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const StylesDemo: () => React.JSX.Element;

package/dist/components/Form/DatePicker/DatePicker/DatePicker.props.d.ts

@@ -3,9 +3,6 @@ import { Elevation } from 'src/utils/elevation';
 import { Shadow } from 'app-studio';
 import { DatePickerStyles, Shape, Size, Variant } from './DatePicker.type';
 export interface DatePickerProps {
-    /**
-     * The identifier for the DatePicker component.
-     */
     id?: string;
     /**
      * Custom icon to display when the DatePicker is checked.

package/dist/components/Form/TextField/examples/index.d.ts

@@ -11,5 +11,5 @@ export * from './ShapeInput';
 export * from './SizeInput';
 export * from './StylesInput';
 export * from './VariantsInputs';
-export * from './ColorScheme';
+export * from './colorScheme';
 export * from './isClearable';

package/dist/components/Formik/Formik.ComboBox.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ComboBoxProps } from '../Form/ComboBox/ComboBox/ComboBox.props';
+/**
+ * ComboBox allows users to select one or more options from a list of choices.
+ */
+export declare const FormikComboBox: React.FC<ComboBoxProps>;

package/dist/components/Formik/examples/FormikComboBox.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FormikComboBoxDemo: () => React.JSX.Element;

package/dist/components/Formik/examples/index.d.ts

@@ -1,4 +1,5 @@
 export * from './FormikCheckbox';
+export * from './FormikComboBox';
 export * from './FormikCountryPicker';
 export * from './FormikDatePicker';
 export * from './FormikPassword';

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

@@ -7,3 +7,4 @@ export { FormikTextArea } from './Formik.TextArea';
 export { FormikTextField } from './Formik.TextField';
 export { FormikPassword } from './Formik.Password';
 export { FormikForm } from './Formik.Form';
+export { FormikComboBox } from './Formik.ComboBox';

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

@@ -0,0 +1,4 @@
+export * from './Center/Center';
+export * from './Horizontal/Horizontal';
+export * from './Vertical/Vertical';
+export * from './View/View';

package/dist/components/Message/Message/Message.layout.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { MessageLayoutProps } from './Message.props';
-export declare const MessageLayout: ({ container, icons, text, icon, }: MessageLayoutProps) => React.JSX.Element | null;
+export declare const MessageLayout: ({ container, theme, position, }: MessageLayoutProps) => React.JSX.Element | null;

package/dist/components/Message/Message/Message.props.d.ts

@@ -1,115 +1,39 @@
-import React, { CSSProperties } from 'react';
-import { Elevation } from 'src/utils/elevation';
-import { Shadow } from 'app-studio';
-import { CloseButtonPosition, Position, Shape, Size } from './Message.type';
-export interface MessageProps {
-    /**
-     * The content to be displayed inside the message.
-     */
-    children: React.ReactNode;
-    /**
-     * The color of the close button in the header.
-     */
-    buttonColor?: string;
-    /**
-     * The size of the close button in the header.
-     */
-    iconSize?: Size;
-    /**
-     * Determines whether the message should have sharp or rounded edges.
-     */
-    shape?: Shape;
-    /**
-     * If set to true, the message will occupy the full width and height of the screen.
-     */
-    isFullScreen?: boolean;
-    /**
-     * Indicates the presence of a close button and its position within the header.
-     */
-    buttonPosition?: CloseButtonPosition;
-    /**
-     * The callback function to be executed when the close button is clicked or pressed.
-     */
-    onClose?: () => void;
-    /**
-     * The degree of blurriness applied to the overlay.
-     */
-    blur?: number;
-    /**
-     * If set to true, the message will be visible.
-     */
-    isOpen?: boolean;
-    /**
-     * If set to true, the message will remain open when the overlay is clicked.
-     */
-    isClosePrevented?: boolean;
-    /**
-     * The positioning of the message container.
-     */
-    position?: Position;
-    /**
-     * Applies a shadow effect to the button.
-     */
-    shadow?: Shadow | Elevation | CSSProperties;
-    /**
-     * Additional properties.
-     */
-    [x: string]: any;
-}
-export interface MessageType extends React.FunctionComponent<MessageProps> {
-    /**
-     * The container component of the message.
-     */
-    Container: React.FC<ContainerProps>;
-    /**
-     * The body component of the message.
-     */
-    Body: React.FC<BodyProps>;
-    /**
-     * The header component of the message.
-     */
-    Layout: React.FC<MessageLayoutProps>;
-}
+import { Message, MessageViewStyles, Position, ThemesType } from './Message.type';
 export interface MessageLayoutProps {
     icons?: {
         [x: string]: string;
     };
     container?: any;
-    text?: React.JSX.Element | React.FC<any>;
-    icon?: React.JSX.Element | React.FC<any>;
-    theme: {
-        [x: string]: any;
-    };
+    theme?: ThemesType;
+    position?: Position;
+}
+export interface ShowMessageProps {
+    isClosable?: boolean;
+    styles?: MessageViewStyles;
+    action?: Function;
+    actionText?: string;
+    showIcon?: boolean;
+    timeout?: number;
 }
-export interface ContainerProps {
-    /**
-     * The content of the message container
-     */
-    children: React.ReactNode;
-    /**
-     * To give a sharp or rounded edges to the message
-     */
-    shape?: Shape;
-    /**
-     * If true, the message will take the full width and height
-     */
-    isFullScreen?: boolean;
-    /**
-     * Set a shadow effect on the button.
-     */
-    shadow?: Shadow | Elevation | CSSProperties;
-    /**
-     * Other properties
-     */
-    [x: string]: any;
+export interface MessageProps extends ShowMessageProps {
+    subtitle?: string;
+    variant: Message;
+    show?: boolean;
+    hide: Function;
+    title: string;
+    theme?: ThemesType;
 }
-export interface BodyProps {
-    /**
-     * The content of the Body
-     */
-    children?: React.ReactNode;
-    /**
-     * Other properties
-     */
-    [x: string]: any;
+export interface MessageState {
+    visible: boolean;
+    variant: Message;
+    title: string;
+    subtitle: string;
+    isClosable?: boolean;
+    styles?: MessageViewStyles;
+    action?: Function;
+    actionText?: string;
+    showIcon?: boolean;
+    timeout?: number;
+    show: (variant: Message, title?: string, subtitle?: string, isClosable?: boolean, styles?: MessageViewStyles, action?: Function, actionText?: string, showIcon?: boolean, timeout?: number) => void;
+    hide: () => void;
 }

package/dist/components/Message/Message/Message.store.d.ts

@@ -1,10 +1,4 @@
-export interface MessageState {
-    visible: boolean;
-    variant?: string;
-    message: string;
-    show: (variant?: string, message?: string) => void;
-    hide: () => void;
-}
+import { Message, ShowMessageType } from './Message.type';
 export declare const useMessageStore: any;
-export declare const showMessage: (variant: string, message?: string | undefined) => void;
+export declare const showMessage: (variant: Message, title?: string | undefined, subtitle?: string | undefined, props?: ShowMessageType | undefined) => void;
 export declare const hideMessage: () => void;

package/dist/components/Message/Message/Message.style.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { Position, Shape, Size } from './Message.type';
+import { Message, Shape, Size } from './Message.type';
 export declare const ContainerShapes: Record<Shape, CSSProperties>;
-export declare const OverlayAlignments: Record<Position, CSSProperties>;
 export declare const HeaderIconSizes: Record<Size, number>;
+export declare const Themes: Record<Message, any>;

package/dist/components/Message/Message/Message.view.d.ts

@@ -1,19 +1,3 @@
 import React from 'react';
-interface IMessage {
-    message: string;
-    variant?: string;
-    show?: boolean;
-    hide: Function;
-    closable?: boolean;
-    timeout?: number;
-    props?: any;
-    icons?: Record<string, string>;
-    text?: any;
-    icon?: any;
-    theme?: Record<string, any>;
-    iconProps?: any;
-    textProps?: any;
-    containerProps?: any;
-}
-export declare const MessageView: ({ variant, message, hide, props, timeout, closable, icons, text, theme, icon, }: IMessage) => React.JSX.Element;
-export {};
+import { MessageProps } from './Message.props';
+export declare const MessageView: ({ variant, hide, title, subtitle, theme, action, actionText, showIcon, isClosable, timeout, styles, }: MessageProps) => React.JSX.Element;

package/dist/components/Message/examples/action.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ActionDemo: () => React.JSX.Element;

package/dist/components/Message/examples/default.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DefaultDemo: () => React.JSX.Element;

package/dist/components/Message/examples/index.d.ts

@@ -0,0 +1,9 @@
+export * from './action';
+export * from './default';
+export * from './isClosable';
+export * from './showIcon';
+export * from './styles';
+export * from './subtitle';
+export * from './timeout';
+export * from './title';
+export * from './variant';

package/dist/components/Message/examples/isClosable.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const IsClosableDemo: () => React.JSX.Element;

package/dist/components/Message/examples/showIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ShowIconDemo: () => React.JSX.Element;

package/dist/components/Message/examples/styles.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const StylesDemo: () => React.JSX.Element;

package/dist/components/Message/examples/subtitle.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SubtitleDemo: () => React.JSX.Element;

package/dist/components/Message/examples/timeout.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const TimeoutDemo: () => React.JSX.Element;

package/dist/components/Message/examples/title.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const TitleDemo: () => React.JSX.Element;

package/dist/components/Message/examples/variant.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VariantDemo: () => React.JSX.Element;

package/dist/components/Svg/Error.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SvgProps {
+    size?: number;
+    color?: string;
+    [x: string]: any;
+}
+export declare const ErrorSvg: React.FC<SvgProps>;
+export {};

package/dist/components/Svg/Info.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SvgProps {
+    size?: number;
+    color?: string;
+    [x: string]: any;
+}
+export declare const InfoSvg: React.FC<SvgProps>;
+export {};

package/dist/components/Svg/Plus.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SvgProps {
+    size?: number;
+    color?: string;
+    [x: string]: any;
+}
+export declare const PlusSvg: React.FC<SvgProps>;
+export default PlusSvg;

package/dist/components/Svg/Search.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SvgProps {
+    size?: number;
+    color?: string;
+    [x: string]: any;
+}
+export declare const SearchLoopSvg: React.FC<SvgProps>;
+export default SearchLoopSvg;

package/dist/components/Svg/Success.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SvgProps {
+    size?: number;
+    color?: string;
+    [x: string]: any;
+}
+export declare const SuccessSvg: React.FC<SvgProps>;
+export {};

package/dist/components/Svg/Tick.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SvgProps {
+    size?: number;
+    color?: string;
+    [x: string]: any;
+}
+export declare const TickSvg: React.FC<SvgProps>;
+export default TickSvg;

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

@@ -11,3 +11,6 @@ export * from './OpenEye';
 export * from './Profile';
 export * from './RightArrow';
 export * from './Warning';
+export * from './Success';
+export * from './Info';
+export * from './Error';

package/dist/components/Table/Table/Table.context.d.ts

@@ -0,0 +1,16 @@
+import React, { CSSProperties } from 'react';
+export declare type TableViewStyles = {
+    table?: CSSProperties;
+    thead?: CSSProperties;
+    tfoot?: CSSProperties;
+    tbody?: CSSProperties;
+    tr?: CSSProperties;
+    td?: CSSProperties;
+    th?: CSSProperties;
+    caption?: CSSProperties;
+};
+export declare const TableStylesProvider: React.FC<{
+    children: React.ReactNode;
+    styles?: TableViewStyles;
+}>;
+export declare const useTableStyles: () => TableViewStyles;

package/dist/components/Table/Table/Table.props.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Column, FooterCell, TableViewStyles } from './Table.type';
+export interface TableProps {
+    data: any[];
+    columns: Column[];
+    footer?: FooterCell[];
+    caption?: React.ReactNode;
+    styles?: TableViewStyles;
+}
+export interface TableViewProps extends TableProps {
+}
+export interface TableLayoutProps {
+    Head?: React.FC<any>;
+    Body?: React.FC<any>;
+    Row?: React.FC<any>;
+    Cell?: React.FC<any>;
+    Footer?: React.FC<any>;
+    Caption?: React.FC<any>;
+    TableContainer?: React.FC<any>;
+    children?: React.ReactNode;
+    styles?: TableViewStyles;
+}

package/dist/components/Table/Table/Table.state.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const useTableState: () => {
+    isHovered: boolean;
+    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
+};

package/dist/components/Table/Table/Table.type.d.ts

@@ -0,0 +1,19 @@
+import { CSSProperties } from 'react';
+export declare type TableViewStyles = {
+    table?: CSSProperties;
+    thead?: CSSProperties;
+    tfoot?: CSSProperties;
+    tbody?: CSSProperties;
+    tr?: CSSProperties;
+    td?: CSSProperties;
+    th?: CSSProperties;
+    caption?: CSSProperties;
+};
+export interface Column {
+    title: string;
+    field: string;
+}
+export interface FooterCell {
+    value: string;
+    props?: any;
+}