@app-studio/web 0.5.0 → 0.6.0

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/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

@@ -3,96 +3,29 @@ import { Elevation } from 'src/utils/elevation';
 import { Shadow } from 'app-studio';
 import { CheckboxStyles, Size } from './Checkbox.type';
 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/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;