@app-studio/web 0.3.69 → 0.6.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/DocuCode.d.ts

@@ -5,8 +5,13 @@ export declare class DocuCode {
     private readonly cacheKey;
     constructor(cacheKey: string);
     commentCodeFile(filePath: string, assistantId: string): Promise<void>;
-    processComments(filePath: string, commentsJson: any): Promise<void>;
-    insertCommentIntoFile(filePath: string, line: number, comment: string): Promise<void>;
+    processComments(filePath: string, code: string, commentsJson: any): Promise<void>;
     removeCommentsAndCleanFile(filePath: string): Promise<void>;
     processDirectory(dirPath: string, assistantId: string): Promise<any>;
+    splitArrayToJSON(code: string): {
+        line: number;
+        code: string;
+    }[];
+    insertComments(code: string, comments: any[]): string;
+    compareStrings(line: string, codeSnippet: string): boolean;
 }

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/bot/prompt/3-comment.d.ts

@@ -1 +1 @@
-export declare const CommentPrompt: (codeContent: string) => string;
+export declare const CommentPrompt: (componentName: string, fileName: string, codeContent: string) => string;

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

@@ -3,85 +3,25 @@ import { Shadow } from 'app-studio';
 import { Elevation } from '../../../utils/elevation';
 import { IconPosition, Shape, Size, Variant, LoaderPosition, Effects } from './Button.type';
 import { LoaderProps } from '../../Loader/Loader/Loader.props';
-/**
- * Represents the properties for the Button component.
- */
 export interface ButtonProps {
-    /**
-     * The content to be rendered inside the button.
-     */
     children?: React.ReactNode;
-    /**
-     * Sets the background color of the button.
-     */
     colorScheme?: string;
-    /**
-     * Specifies the external URL used when the variant is set to "link".
-     */
     externalHref?: string;
-    /**
-     * Indicates whether the button is in a loading state.
-     */
     isLoading?: boolean;
-    /**
-     * Indicates whether the button is in a loading state.
-     */
     loaderProps?: LoaderProps;
-    /**
-     * Specifies the position of the icon within the button.
-     */
     loaderPosition?: LoaderPosition;
-    /**
-     * The icon component rendered within the button.
-     */
     icon?: React.ReactNode;
-    /**
-     * Specifies the position of the icon within the button.
-     */
     iconPosition?: IconPosition;
-    /**
-     * Disables the button if set to true.
-     */
     isDisabled?: boolean;
-    /**
-     * Adjusts the width of the button to take available space.
-     */
     isFilled?: boolean;
-    /**
-     * Adjusts the width of the button based on content size.
-     */
     isAuto?: boolean;
-    /**
-     * Makes the icon container shape rounded if set to true.
-     */
     isIconRounded?: boolean;
-    /**
-     * The event handler called when the button is clicked or pressed.
-     */
     onClick?: Function;
-    /**
-     * Specifies the size of the button's text and padding.
-     */
     size?: Size;
-    /**
-     * Sets a shadow effect applied to the button.
-     */
     shadow?: Shadow | Elevation | CSSProperties;
-    /**
-     * Specifies the shape of the button's corners.
-     */
     shape?: Shape;
-    /**
-     * Descriptive label for accessibility (ARIA) purposes.
-     */
     ariaLabel?: string;
-    /**
-     * Specifies the style variant of the button.
-     */
     variant?: Variant;
     effect?: Effects;
-    /**
-     * Additional properties for the button component.
-     */
     [x: string]: any;
 }

package/dist/components/Button/Button.d.ts

@@ -1,6 +1,3 @@
 import React from 'react';
 import { ButtonProps } from './Button/Button.props';
-/**
- * Buttons allow us to trigger an event or an action with a single click.
- */
 export declare const Button: React.FC<ButtonProps>;

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

@@ -2,100 +2,30 @@ 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.
-     */
     id?: string;
-    /**
-     * Custom icon to be displayed when the checkbox is checked.
-     */
     icon?: React.ReactNode;
-    /**
-     * Indicates whether the checkbox has an error.
-     */
     error?: boolean;
-    /**
-     * The name of the checkbox element.
-     */
     name?: string;
-    /**
-     * The label of the checkbox.
-     */
     label?: string;
-    /**
-     * Changes the background color of the checkbox.
-     */
     colorScheme?: string;
-    /**
-     * Give control on the selected state of the checkbox component.
-     */
     isChecked?: boolean;
-    /**
-     * Allows you to set the initial state of the checkbox without controlling its value
-     */
     defaultIsSelected?: boolean;
-    /**
-     * If true, the checkbox cannot be interacted with.
-     */
     isReadOnly?: boolean;
-    /**
-     * If true, the checkbox is disabled and cannot be selected.
-     */
     isDisabled?: boolean;
-    /**
-     * Indicates that the checkbox is neither checked nor unchecked.
-     */
     isIndeterminate?: boolean;
-    /**
-     * Label position
-     */
     labelPosition?: 'left' | 'right';
-    /**
-     * Handler function called when the controlled checkbox value changes.
-     */
     onChange?: Function;
-    /**
-     * Handler function called when the checkbox value changes on iOS and Android devices.
-     */
     onValueChange?: Function;
-    /**
-     * CSS styles
-     */
     styles?: CheckboxStyles;
-    /**
-     * Sets the height and width of the checkbox.
-     */
     size?: Size;
-    /**
-     * Sets a shadow effect for the checkbox.
-     */
     shadow?: Shadow | Elevation | CSSProperties;
-    /**
-     * Other additional properties.
-     */
+    infoText?: string;
     [x: string]: any;
 }
 export interface CheckboxViewProps extends CheckboxProps {
-    /**
-     * Indicates whether the checkbox is currently being hovered.
-     */
     isHovered?: boolean;
-    /**
-     * A function to set the hovered state of the checkbox.
-     * @param hovered - The hovered state to set.
-     */
     setIsHovered?: (hovered: boolean) => void;
-    /**
-     * Indicates whether the checkbox is selected/checked.
-     */
     isChecked?: boolean;
-    /**
-     * A function to set the selected state of the checkbox.
-     * @param selected - The selected state to set.
-     */
     setIsChecked?: (selected: boolean) => void;
 }

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

@@ -9,3 +9,4 @@ export * from './ReadOnlyInput';
 export * from './Shadow';
 export * from './SizeInput';
 export * from './StylesInput';
+export * from './infoText';

package/dist/components/Form/Checkbox/examples/infoText.d.ts

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

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/Label/Label/Label.props.d.ts

@@ -1,36 +1,12 @@
 /// <reference types="react" />
 import { Headings, Sizes, TextWeights } from './Label.type';
 export interface LabelProps {
-    /**
-     * The text content
-     */
     children: React.ReactNode;
-    /**
-     * Specify a heading html tag.
-     */
     heading?: Headings;
-    /**
-     * If true, the text is styled in italic
-     */
     isItalic?: boolean;
-    /**
-     * Marks up a text to indicate that it is no longer valid
-     */
     isStriked?: boolean;
-    /**
-     * If true, it underline the text
-     */
     isUnderlined?: boolean;
-    /**
-     * Changes the text-size
-     */
     size?: Sizes | number;
-    /**
-     * Changes the font weight of the text
-     */
     weight?: TextWeights;
-    /**
-     * Other properties
-     */
     [x: string]: any;
 }

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

@@ -71,6 +71,7 @@ export interface SelectProps {
      * Applies a shadow effect to the select field.
      */
     shadow?: Shadow | Elevation | CSSProperties;
+    isScrollable?: boolean;
     /**
      * Additional properties and attributes for the select field.
      */

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

@@ -9,6 +9,8 @@ export declare const useSelectState: ({ placeholder, isMulti, options, }: Select
     setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
     isFocused: boolean;
     setIsFocused: React.Dispatch<React.SetStateAction<boolean>>;
+    highlightedIndex: number;
+    setHighlightedIndex: React.Dispatch<React.SetStateAction<number>>;
 };
 export declare const useItemState: () => {
     isHovered: boolean;

package/dist/components/Form/Select/examples/color.d.ts

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

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

@@ -1,4 +1,4 @@
-export * from './Color';
+export * from './color';
 export * from './Default';
 export * from './Disabled';
 export * from './Error';
@@ -9,3 +9,4 @@ export * from './ReadOnlyInput';
 export * from './Shadow';
 export * from './SizeInput';
 export * from './StylesInput';
+export * from './isScrollable';

package/dist/components/Form/Select/examples/isScrollable.d.ts

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

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;