@app-studio/web 0.9.86 → 0.9.89

package/dist/components/Form/Switch/Switch/Switch.style.d.ts

@@ -1,66 +0,0 @@
-/**
- * Switch Styles
- *
- * Defines the styles for the Switch component following the design guidelines:
- * - Typography: Inter/Geist font, specific sizes/weights
- * - Spacing: 4px grid system
- * - Colors: Neutral palette with semantic colors
- * - Rounded corners: Consistent border radius
- * - Transitions: Subtle animations
- */
-import { ViewProps } from 'app-studio';
-import { Size } from './Switch.type';
-/**
- * Knob (circle) sizes for the Switch component
- * Following the 4px grid system - dimensions réduites
- */
-export declare const KnobSizes: Record<Size, ViewProps>;
-/**
- * Slider (track) sizes for the Switch component
- * Following the 4px grid system - dimensions réduites
- */
-export declare const SliderSizes: Record<Size, ViewProps>;
-/**
- * Padding for the Switch slider - ajusté pour les nouvelles dimensions
- * Following the 4px grid system
- */
-export declare const SliderPadding: Record<Size, Record<string, number>>;
-/**
- * Color schemes for the Switch component
- */
-export declare const ColorSchemes: {
-    default: {
-        active: string;
-        inactive: string;
-        knob: string;
-        disabled: string;
-    };
-    states: {
-        hover: {
-            active: string;
-            inactive: string;
-            activeOpacity: number;
-        };
-        focus: {
-            active: {
-                outline: string;
-                boxShadow: string;
-            };
-            inactive: {
-                outline: string;
-                boxShadow: string;
-            };
-        };
-    };
-};
-/**
- * Transition styles for the Switch component
- */
-export declare const TransitionStyles: {
-    slider: {
-        transition: string;
-    };
-    knob: {
-        transition: string;
-    };
-};

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

@@ -1,10 +0,0 @@
-/**
- * Switch View Component
- *
- * Renders a switch toggle with various styles and states
- * according to the design guidelines.
- */
-import React from 'react';
-import { SwitchViewProps } from './Switch.props';
-declare const SwitchView: React.FC<SwitchViewProps>;
-export default SwitchView;

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

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

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

@@ -1,190 +0,0 @@
-import React from 'react';
-import { InputProps, Shadow, ViewProps } from 'app-studio';
-import { Elevation } from '../../../../utils/elevation';
-import { Shape, Size, TagInputStyles, Variant, Tag, TagSeparator } from './TagInput.type';
-/**
- * Props interface for the TagInput component
- */
-export interface TagInputProps extends Omit<InputProps, 'size' | 'value' | 'onChange'> {
-    /**
-     * Unique identifier for the TagInput
-     */
-    id?: string;
-    /**
-     * Name attribute for form submission
-     */
-    name?: string;
-    /**
-     * Label text for the input field
-     */
-    label?: string;
-    /**
-     * Helper text displayed below the input
-     */
-    helperText?: string;
-    /**
-     * Error message or boolean indicating error state
-     */
-    error?: string | boolean;
-    /**
-     * Placeholder text shown when input is empty
-     */
-    placeholder?: string;
-    /**
-     * Array of tags
-     */
-    tags?: string[];
-    /**
-     * Default tags for uncontrolled component
-     */
-    defaultTags?: string[];
-    /**
-     * Callback fired when tags change
-     */
-    onTagsChange?: (tags: string[]) => void;
-    /**
-     * Callback fired when a tag is added
-     */
-    onTagAdd?: (tag: string) => void;
-    /**
-     * Callback fired when a tag is removed
-     */
-    onTagRemove?: (tag: string, index: number) => void;
-    /**
-     * Maximum number of tags allowed
-     */
-    maxTags?: number;
-    /**
-     * Minimum length for each tag
-     */
-    minTagLength?: number;
-    /**
-     * Maximum length for each tag
-     */
-    maxTagLength?: number;
-    /**
-     * Whether to allow duplicate tags
-     */
-    allowDuplicates?: boolean;
-    /**
-     * Characters that trigger tag creation
-     */
-    separators?: TagSeparator[];
-    /**
-     * Whether the input is disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * Whether the input is read-only
-     */
-    isReadOnly?: boolean;
-    /**
-     * Whether to auto-focus the input
-     */
-    isAutoFocus?: boolean;
-    /**
-     * Whether tags can be removed
-     */
-    isRemovable?: boolean;
-    /**
-     * Size of the component
-     */
-    size?: Size;
-    /**
-     * Shape/border radius of the component
-     */
-    shape?: Shape;
-    /**
-     * Visual variant of the component
-     */
-    variant?: Variant;
-    /**
-     * Shadow properties
-     */
-    shadow?: Shadow | Elevation | ViewProps;
-    /**
-     * Custom styling for different parts of the component
-     */
-    views?: TagInputStyles;
-    /**
-     * React node to render on the left side
-     */
-    left?: React.ReactNode;
-    /**
-     * React node to render on the right side
-     */
-    right?: React.ReactNode;
-    /**
-     * Callback fired when input gains focus
-     */
-    onFocus?: () => void;
-    /**
-     * Callback fired when input loses focus
-     */
-    onBlur?: () => void;
-    /**
-     * Callback fired when input is clicked
-     */
-    onClick?: () => void;
-}
-/**
- * Props interface for the TagInput view component
- */
-export interface TagInputViewProps extends Omit<TagInputProps, 'tags'> {
-    /**
-     * Current input value for new tag
-     */
-    inputValue?: string;
-    /**
-     * Function to set input value
-     */
-    setInputValue?: (value: string) => void;
-    /**
-     * Array of tag objects (internal representation)
-     */
-    tags?: Tag[];
-    /**
-     * Function to set tags
-     */
-    setTags?: (tags: Tag[]) => void;
-    /**
-     * Whether the input is currently focused
-     */
-    isFocused?: boolean;
-    /**
-     * Function to set focus state
-     */
-    setIsFocused?: (focused: boolean) => void;
-    /**
-     * Whether the input is currently hovered
-     */
-    isHovered?: boolean;
-    /**
-     * Function to set hover state
-     */
-    setIsHovered?: (hovered: boolean) => void;
-    /**
-     * Function to add a tag
-     */
-    addTag?: (tag: string) => void;
-    /**
-     * Function to remove a tag
-     */
-    removeTag?: (index: number) => void;
-    /**
-     * Function to handle input key events
-     */
-    handleKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    /**
-     * Function to handle input change
-     */
-    handleInputChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Function to handle input focus
-     */
-    handleFocus?: () => void;
-    /**
-     * Function to handle input blur
-     */
-    handleBlur?: () => void;
-}

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

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import { TagInputProps } from './TagInput.props';
-import { Tag } from './TagInput.type';
-/**
- * Custom hook for managing TagInput state
- */
-export declare const useTagInputState: (props: TagInputProps) => {
-    inputValue: string;
-    setInputValue: import("react").Dispatch<import("react").SetStateAction<string>>;
-    tags: {
-        id: string;
-        value: string;
-    }[];
-    setTags: import("react").Dispatch<import("react").SetStateAction<Tag[]>>;
-    isFocused: boolean;
-    setIsFocused: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    isHovered: boolean;
-    setIsHovered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    addTag: (tag: string) => void;
-    removeTag: (index: number) => void;
-    handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    handleFocus: () => void;
-    handleBlur: () => void;
-    validateTag: (tag: string) => boolean;
-};

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

@@ -1,79 +0,0 @@
-import { ViewProps } from 'app-studio';
-/**
- * Size options for the TagInput component
- */
-export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-/**
- * Shape options for the TagInput component
- */
-export declare type Shape = 'default' | 'square' | 'rounded' | 'pill';
-/**
- * Variant options for the TagInput component
- */
-export declare type Variant = 'outline' | 'default' | 'none';
-/**
- * Tag separator options
- */
-export declare type TagSeparator = 'enter' | 'comma' | 'space' | 'tab';
-/**
- * Individual tag object
- */
-export interface Tag {
-    /**
-     * Unique identifier for the tag
-     */
-    id: string;
-    /**
-     * The tag value/text
-     */
-    value: string;
-}
-/**
- * Styles for different parts of the TagInput component
- */
-export declare type TagInputStyles = {
-    /**
-     * Styles for the main input container
-     */
-    inputContainer?: ViewProps;
-    /**
-     * Styles for the tags container
-     */
-    tagsContainer?: ViewProps;
-    /**
-     * Styles for individual tag chips
-     */
-    tag?: ViewProps;
-    /**
-     * Styles for tag text
-     */
-    tagText?: ViewProps;
-    /**
-     * Styles for tag remove button
-     */
-    tagRemove?: ViewProps;
-    /**
-     * Styles for the input field
-     */
-    input?: ViewProps;
-    /**
-     * Styles for the label
-     */
-    label?: ViewProps;
-    /**
-     * Styles for helper text
-     */
-    helperText?: ViewProps;
-    /**
-     * Styles for error text
-     */
-    error?: ViewProps;
-    /**
-     * Styles for the container
-     */
-    container?: ViewProps;
-    /**
-     * Styles for placeholder text
-     */
-    placeholder?: ViewProps;
-};

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

@@ -1,13 +0,0 @@
-/**
- * TagInput View Component
- *
- * Renders a tags input field with chips for each tag
- * according to the design guidelines.
- */
-import React from 'react';
-import { TagInputViewProps } from './TagInput.props';
-/**
- * Main TagInput view component
- */
-declare const TagInputView: React.FC<TagInputViewProps>;
-export default TagInputView;

package/dist/components/Form/TagInput/TagInput/index.d.ts

@@ -1,4 +0,0 @@
-export * from './TagInput.props';
-export * from './TagInput.type';
-export * from './TagInput.state';
-export { default as TagInputView } from './TagInput.view';

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

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

package/dist/components/Form/TagInput/index.d.ts

@@ -1,2 +0,0 @@
-export { TagInput } from './TagInput';
-export type { TagInputProps } from './TagInput/TagInput.props';

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

@@ -1,39 +0,0 @@
-import { InputProps, Shadow, ViewProps } from 'app-studio';
-import { Elevation } from '../../../../utils/elevation';
-import { Shape, Size, TextAreaStyles, Variant } from './TextArea.type';
-export interface TextAreaProps extends Omit<InputProps, 'size'> {
-    defaultValue?: string;
-    error?: boolean;
-    isEditable?: boolean;
-    helperText?: string;
-    id?: string;
-    isReadOnly?: boolean;
-    isDisabled?: boolean;
-    isAutoFocus?: boolean;
-    isMultiline?: boolean;
-    label?: string;
-    maxRows?: number;
-    maxCols?: number;
-    name?: string;
-    placeholder?: string;
-    onChange?: (value: any) => void;
-    onChangeText?: (text: string) => void;
-    onBlur?: (value: any) => void;
-    onFocus?: () => void;
-    size?: Size;
-    shadow?: Shadow | Elevation | ViewProps;
-    shape?: Shape;
-    views?: TextAreaStyles;
-    value?: string | number;
-    variant?: Variant;
-}
-export interface TextAreaViewProps extends TextAreaProps {
-    hint?: string;
-    setHint?: Function;
-    isHovered?: boolean;
-    setIsHovered?: Function;
-    value?: string | number;
-    setValue?: Function;
-    isFocused?: boolean;
-    setIsFocused?: Function;
-}

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { TextAreaProps } from './TextArea.props';
-export declare const useTextAreaState: ({ label, placeholder, value: defaultValue, }: TextAreaProps) => {
-    hint: string | undefined;
-    setHint: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    isHovered: boolean;
-    setIsHovered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    value: string | number;
-    setValue: import("react").Dispatch<import("react").SetStateAction<string | number>>;
-    isFocused: boolean;
-    setIsFocused: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-};

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

@@ -1,13 +0,0 @@
-import { ViewProps } from 'app-studio';
-export declare type Variant = 'outline' | 'default' | 'none';
-export declare type Shape = 'default' | 'square' | 'rounded';
-export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare type TextAreaStyles = {
-    warper?: ViewProps;
-    container?: ViewProps;
-    label?: ViewProps;
-    helperText?: ViewProps;
-    field?: ViewProps;
-    content?: ViewProps;
-    textarea?: ViewProps;
-};

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

@@ -1,10 +0,0 @@
-/**
- * TextArea View Component
- *
- * Renders a multi-line text input field with various styles and states
- * according to the design guidelines.
- */
-import React from 'react';
-import { TextAreaViewProps } from './TextArea.props';
-declare const TextAreaView: React.FC<TextAreaViewProps>;
-export default TextAreaView;

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

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

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

@@ -1,39 +0,0 @@
-import React from 'react';
-import { InputProps, Shadow, ViewProps } from 'app-studio';
-import { Elevation } from '../../../../utils/elevation';
-import { Shape, Size, TextFieldStyles, Variant } from './TextField.type';
-export interface TextFieldProps extends Omit<InputProps, 'size'> {
-    id?: string;
-    error?: any;
-    helperText?: string;
-    name?: string;
-    label?: string;
-    left?: React.ReactNode;
-    right?: React.ReactNode;
-    placeholder?: string;
-    isReadOnly?: boolean;
-    isDisabled?: boolean;
-    isClearable?: boolean;
-    isAutoFocus?: boolean;
-    onChange?: (value: any) => void;
-    onChangeText?: (value: string) => void;
-    onBlur?: (value: any) => void;
-    onClick?: () => void;
-    onFocus?: () => void;
-    size?: Size;
-    shadow?: Shadow | Elevation | ViewProps;
-    shape?: Shape;
-    views?: TextFieldStyles;
-    value?: string;
-    variant?: Variant;
-}
-export interface TextFieldViewProps extends TextFieldProps {
-    hint?: string;
-    setHint?: Function;
-    isFocused?: boolean;
-    setIsFocused?: Function;
-    isHovered?: boolean;
-    setIsHovered?: Function;
-    value?: string;
-    setValue?: Function;
-}

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { TextFieldProps } from './TextField.props';
-export declare const useTextFieldState: ({ label, placeholder, value: defaultValue, }: TextFieldProps) => {
-    hint: string | undefined;
-    setHint: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    isFocused: boolean;
-    setIsFocused: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    isHovered: boolean;
-    setIsHovered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    setValue: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    value: string | undefined;
-};

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

@@ -1,10 +0,0 @@
-/**
- * TextField View Component
- *
- * Renders a text input field with various styles and states
- * according to the design guidelines.
- */
-import React from 'react';
-import { TextFieldViewProps } from './TextField.props';
-declare const TextFieldView: React.FC<TextFieldViewProps>;
-export default TextFieldView;

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

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

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

@@ -1,19 +0,0 @@
-import React from 'react';
-interface AttachmentPreviewProps {
-    files: Array<{
-        name: string;
-        size: number;
-        type: string;
-        url?: string;
-    }>;
-    onRemove?: (index: number) => void;
-    maxHeight?: string;
-    views?: {
-        container?: any;
-        item?: any;
-        name?: any;
-        removeButton?: any;
-    };
-}
-export declare const AttachmentPreview: React.FC<AttachmentPreviewProps>;
-export {};

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ChatInputProps } from '../ChatInput/ChatInput/ChatInput.props';
-interface FormikChatInputProps extends Omit<ChatInputProps, 'value' | 'onChange' | 'onSubmit' | 'getPendingFiles' | 'clearPendingFiles'> {
-    name: string;
-    onSubmit?: (message: string, options?: any) => void;
-}
-/**
- * ChatInput is a component used to create a chat input field with file upload support,
- * auto-completion, mentions, and other advanced features, integrated with Formik.
- */
-export declare const FormikChatInput: React.FC<FormikChatInputProps>;
-export {};

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

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

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { ColorInputProps } from '../Form/ColorInput/ColorInput/ColorInput.props';
-/**
- * Color input allows users to select a color from a predefined palette or enter a custom color-
- */
-export declare const FormikColorInput: React.FC<ColorInputProps>;

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

@@ -1,6 +0,0 @@
-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/Formik.CountryPicker.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { CountryPickerProps } from '../Form/CountryPicker/CountryPicker/CountryPicker.props';
-/**
- * Country picker allows users to select a country from a dropdown list or search field.
- */
-export declare const FormikCountryPicker: React.FC<CountryPickerProps>;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { DatePickerProps } from '../Form/DatePicker/DatePicker/DatePicker.props';
-/**
- * Date picker allows users to select a date from a calendar view.
- */
-export declare const FormikDatePicker: React.FC<DatePickerProps>;

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

@@ -1,26 +0,0 @@
-import React from 'react';
-import { FormikConfig } from 'formik';
-export declare const debounce: (...args: any) => void;
-interface CustomFormProps<T> extends FormikConfig<T> {
-    autoFocus?: boolean;
-    initFocus?: string;
-}
-interface FocusContextType {
-    active: boolean;
-    focusNextInput: (name: string) => void;
-    setInputRef: (name: string, ref: HTMLInputElement | null) => void;
-    handleSubmitEditing: (name: string) => void;
-    getReturnKeyType: (name: string) => 'next' | 'done';
-}
-interface CustomFormProps<T> extends FormikConfig<T> {
-    autoFocus?: boolean;
-    initFocus?: string;
-}
-interface FocusContextType {
-    active: boolean;
-    focusNextInput: (name: string) => void;
-    setInputRef: (name: string, ref: HTMLInputElement | null) => void;
-}
-export declare const useFormFocus: () => FocusContextType;
-export declare const FormikForm: <T extends {}>({ children, autoFocus, initFocus, onChange, ...props }: any) => React.JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-export declare const useFormikInput: ({ name, type, ...props }: any) => any;