@app-studio/web 0.9.86 → 0.9.89

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

@@ -1,54 +0,0 @@
-import React from 'react';
-import { InputProps, Shadow, ViewProps } from 'app-studio';
-import { Elevation } from '../../../../utils/elevation';
-import { Shape, Size, ColorInputStyles, Variant, PredefinedColor, ColorFormat } from './ColorInput.type';
-export interface ColorInputProps extends Omit<InputProps, 'size'> {
-    id?: string;
-    error?: any;
-    helperText?: string;
-    name?: string;
-    label?: string;
-    placeholder?: string;
-    isReadOnly?: boolean;
-    isDisabled?: boolean;
-    isAutoFocus?: boolean;
-    onChange?: (value: string) => void;
-    onBlur?: (value: any) => void;
-    onClick?: () => void;
-    onFocus?: () => void;
-    size?: Size;
-    shadow?: Shadow | Elevation | ViewProps;
-    shape?: Shape;
-    views?: ColorInputStyles;
-    value?: string;
-    defaultValue?: string;
-    variant?: Variant;
-    predefinedColors?: PredefinedColor[];
-    showCustomInput?: boolean;
-    showRecentColors?: boolean;
-    colorFormat?: ColorFormat;
-    maxRecentColors?: number;
-    closeOnSelect?: boolean;
-    onChangeComplete?: (color: string) => void;
-    onOpen?: () => void;
-    onClose?: () => void;
-}
-export interface ColorInputViewProps extends ColorInputProps {
-    isFocused?: boolean;
-    setIsFocused?: Function;
-    isHovered?: boolean;
-    setIsHovered?: Function;
-    value?: string;
-    setValue?: Function;
-    isOpen?: boolean;
-    selectedColor?: string;
-    recentColors?: string[];
-    customColor?: string;
-    handleToggle?: () => void;
-    handleColorSelect?: (color: string) => void;
-    handleCustomColorChange?: (color: string) => void;
-    handleCustomColorSubmit?: () => void;
-    handleClose?: () => void;
-    triggerRef?: React.RefObject<HTMLDivElement>;
-    dropdownRef?: React.RefObject<HTMLDivElement>;
-}

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

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { ColorInputProps } from './ColorInput.props';
-export declare const useColorInputState: (props: ColorInputProps) => {
-    isOpen: boolean;
-    selectedColor: string;
-    recentColors: string[];
-    customColor: string;
-    isFocused: boolean;
-    isHovered: boolean;
-    handleToggle: () => void;
-    handleColorSelect: (color: string) => void;
-    handleCustomColorChange: (color: string) => void;
-    handleCustomColorSubmit: () => void;
-    handleClose: () => void;
-    setIsFocused: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    setIsHovered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    setValue: (newValue: string) => void;
-    triggerRef: import("react").RefObject<HTMLDivElement>;
-    dropdownRef: import("react").RefObject<HTMLDivElement>;
-};

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

@@ -1,31 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { Size, Variant, Shape } from './ColorInput.type';
-/**
- * Default styles for the ColorInput component
- */
-export declare const DefaultColorInputStyles: {
-    container: ViewProps;
-    trigger: ViewProps;
-    dropdown: ViewProps;
-    colorGrid: ViewProps;
-    recentColors: ViewProps;
-};
-/**
- * Size variants for ColorInput
- */
-export declare const Sizes: Record<Size, ViewProps>;
-/**
- * Shape variants for ColorInput
- */
-export declare const Shapes: Record<Shape, ViewProps>;
-/**
- * Variant styles for ColorInput
- */
-export declare const Variants: Record<Variant, ViewProps>;
-/**
- * Default color palette for the ColorInput
- */
-export declare const DefaultColorPalette: {
-    name: string;
-    value: string;
-}[];

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

@@ -1,36 +0,0 @@
-import { ViewProps } from 'app-studio';
-export declare type Variant = 'outline' | 'default' | 'none';
-export declare type Shape = 'default' | 'square' | 'rounded' | 'pill';
-export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare type ColorInputStyles = {
-    text?: ViewProps;
-    label?: ViewProps;
-    error?: ViewProps;
-    helperText?: ViewProps;
-    container?: ViewProps;
-    trigger?: ViewProps;
-    dropdown?: ViewProps;
-    colorGrid?: ViewProps;
-    colorSwatch?: ViewProps;
-    customInput?: ViewProps;
-    recentColors?: ViewProps;
-};
-export declare type ColorFormat = 'hex' | 'rgb' | 'hsl';
-export declare type ColorValue = {
-    hex: string;
-    rgb: {
-        r: number;
-        g: number;
-        b: number;
-    };
-    hsl: {
-        h: number;
-        s: number;
-        l: number;
-    };
-};
-export declare type PredefinedColor = {
-    name: string;
-    value: string;
-    category?: string;
-};

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

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

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

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

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

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

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

@@ -1,36 +0,0 @@
-import { ReactNode, Dispatch, SetStateAction } from 'react';
-import { ComboBoxStyles } from './ComboBox.type';
-import { InputProps } from 'app-studio';
-export interface ComboBoxProps extends Omit<InputProps, 'size'> {
-    id: string;
-    name?: string;
-    items: ComboBoxItem[];
-    onSelect?: (item: ComboBoxItem) => void;
-    searchEnabled?: boolean;
-    left?: ReactNode;
-    right?: ReactNode;
-    label?: string;
-    showTick?: boolean;
-    placeholder?: string;
-    views?: ComboBoxStyles;
-    searchPlaceholder?: string;
-}
-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

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

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

@@ -1,2 +0,0 @@
-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

@@ -1,12 +0,0 @@
-/// <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

@@ -1,4 +0,0 @@
-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

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

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

@@ -1,46 +0,0 @@
-import { Elevation } from '../../../../utils/elevation';
-import { InputProps, Shadow, ViewProps } from 'app-studio';
-import { Country, CountryPickerStyles, Shape, Size, Variant } from './CountryPicker.type';
-export interface CountryPickerProps extends Omit<InputProps, 'size'> {
-    id?: string;
-    error?: boolean;
-    name?: string;
-    label?: string;
-    helperText?: string;
-    placeholder?: string;
-    shape?: Shape;
-    isAutoFocus?: boolean;
-    isReadOnly?: boolean;
-    isDisabled?: boolean;
-    onBlur?: (value: any) => void;
-    onChange?: (value: any) => void;
-    views?: CountryPickerStyles;
-    size?: Size;
-    value?: string | number;
-    variant?: Variant;
-    shadow?: Shadow | Elevation | ViewProps;
-}
-export interface CountryPickerViewProps extends CountryPickerProps {
-    isHovered?: boolean;
-    setIsHovered?: (hovered: boolean) => void;
-    isFocused?: boolean;
-    setIsFocused?: (focused: boolean) => void;
-    selected?: string;
-    setSelected?: (selected: string) => void;
-    hide?: boolean;
-    setHide?: (hide: boolean) => void;
-    newOptions?: Array<Country>;
-    setNewOptions?: (newOptions: Array<Country>) => void;
-}
-export interface CountryPickerDropDownProps extends Omit<InputProps, 'size'> {
-    size?: Size;
-    callback?: Function;
-    options?: Array<Country>;
-    views?: CountryPickerStyles;
-}
-export interface DropDownItemProps extends InputProps {
-    callback?: Function;
-    option?: string;
-    size?: Size;
-    views?: CountryPickerStyles;
-}

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { CountryPickerProps } from './CountryPicker.props';
-import { Country } from './CountryPicker.type';
-export declare const useCountryPickerState: ({ placeholder }: CountryPickerProps) => {
-    hide: boolean;
-    setHide: React.Dispatch<React.SetStateAction<boolean>>;
-    newOptions: Country[];
-    setNewOptions: React.Dispatch<React.SetStateAction<Country[]>>;
-    isHovered: boolean;
-    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
-    isFocused: boolean;
-    setIsFocused: React.Dispatch<React.SetStateAction<boolean>>;
-    value: string;
-    setValue: React.Dispatch<React.SetStateAction<string>>;
-};

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

@@ -1,3 +0,0 @@
-import { Size } from './CountryPicker.type';
-export declare const IconSizes: Record<Size, number>;
-export declare const LabelSizes: Record<Size, number>;

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { CountryPickerViewProps, DropDownItemProps, CountryPickerDropDownProps } from './CountryPicker.props';
-export declare const DropDownItem: React.FC<DropDownItemProps>;
-export declare const DropDown: React.FC<CountryPickerDropDownProps>;
-export declare const CountryPickerView: React.FC<CountryPickerViewProps>;

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

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

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

@@ -1,95 +0,0 @@
-import React from 'react';
-import { Elevation } from '../../../../utils/elevation';
-import { Shadow, ViewProps } from 'app-studio';
-import { DatePickerStyles, Shape, Size, Variant } from './DatePicker.type';
-export interface DatePickerProps extends Omit<ViewProps, 'size'> {
-    id?: string;
-    /**
-     * Custom icon to display when the DatePicker is checked.
-     */
-    icon?: React.ReactNode;
-    /**
-     * Indicates whether the DatePicker has an error.
-     */
-    error?: boolean;
-    /**
-     * Additional helper text that provides information about the field.
-     */
-    helperText?: string;
-    /**
-     * The name of the toggle.
-     */
-    name?: string;
-    /**
-     * The color scheme that changes the background color of the DatePicker.
-     */
-    /**
-     * If true, the DatePicker cannot be selected.
-     */
-    isReadOnly?: boolean;
-    /**
-     * If true, the DatePicker will be unusable.
-     */
-    isDisabled?: boolean;
-    /**
-     * The label text for the  field.
-     */
-    label?: string;
-    /**
-     * Callback function triggered when the DatePicker value changes.
-     */
-    onChange?: (value: any) => void;
-    /**
-     * Callback function triggered when the DatePicker value changes for IOS and Android.
-     */
-    onChangeText?: (text: string) => void;
-    /**
-     * CSS styles for the DatePicker container and label.
-     */
-    views?: DatePickerStyles;
-    /**
-     * The shape that changes the outlines of the field.
-     */
-    shape?: Shape;
-    /**
-     * Changes the style of the  field.
-     */
-    variant?: Variant;
-    /**
-     * The size that sets the height and width of the DatePicker.
-     */
-    size?: Size;
-    /**
-     * Adds a shadow effect to the DatePicker.
-     */
-    shadow?: Shadow | Elevation | ViewProps;
-}
-export interface DatePickerViewProps extends DatePickerProps {
-    /**
-     * The selected date value as a string.
-     */
-    date: string;
-    /**
-     * A function to set the selected date value.
-     * @param {string} newDate - The new date value to set.
-     */
-    setDate: (newDate: string) => void;
-    /**
-     * Flag indicating if the date picker is currently being hovered.
-     */
-    isHovered: boolean;
-    /**
-     * A function to set the hovered state of the date picker.
-     * @param {boolean} hovered - The hovered state to set.
-     */
-    setIsHovered: (hovered: boolean) => void;
-    /**
-     * Flag indicating if the date picker is currently focused.
-     */
-    isFocused: boolean;
-    /**
-     * A function to set the focus state of the date picker.
-     * @param {boolean} focused - The focus state to set.
-     */
-    setIsFocused: (focused: boolean) => void;
-}

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

@@ -1,9 +0,0 @@
-import React from 'react';
-export declare const useDatePickerState: () => {
-    date: string;
-    setDate: React.Dispatch<React.SetStateAction<string>>;
-    isHovered: boolean;
-    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
-    isFocused: boolean;
-    setIsFocused: React.Dispatch<React.SetStateAction<boolean>>;
-};

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

@@ -1,3 +0,0 @@
-import { Size } from './DatePicker.type';
-export declare const IconSizes: Record<Size, string>;
-export declare const LabelSizes: Record<Size, number>;

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

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

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

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

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

@@ -1,12 +0,0 @@
-export * from './Checkbox/Checkbox';
-export * from './ColorInput/ColorInput';
-export * from './DatePicker/DatePicker';
-export * from './Label/Label';
-export * from './CountryPicker/CountryPicker';
-export * from './Select/Select';
-export * from './Switch/Switch';
-export * from './TextArea/TextArea';
-export * from './TextField/TextField';
-export * from './Password/Password';
-export * from './ComboBox/ComboBox';
-export * from './Selector/Selector';

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { ViewProps } from 'app-studio';
-import { Headings, Sizes, TextWeights } from './Label.type';
-export interface LabelProps extends Omit<ViewProps, 'size'> {
-    children: React.ReactNode;
-    heading?: Headings;
-    isItalic?: boolean;
-    isStriked?: boolean;
-    isUnderlined?: boolean;
-    size?: Sizes | number;
-    weight?: TextWeights;
-}

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

@@ -1,2 +0,0 @@
-import { Headings } from './Label.type';
-export declare const HeadingSizes: Record<Headings, Record<string, number | string>>;

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

@@ -1,3 +0,0 @@
-export declare type TextWeights = 'hairline' | 'thin' | 'light' | 'normal' | 'medium' | 'semiBold' | 'bold' | 'extraBold' | 'black';
-export declare type Sizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare type Headings = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';

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

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

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

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

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

@@ -1,31 +0,0 @@
-import React from 'react';
-import { TextFieldProps } from '../../../Form/TextField/TextField/TextField.props';
-import { InputProps } from 'app-studio';
-export interface PasswordProps extends TextFieldProps, Omit<InputProps, 'size'> {
-    /**
-     * The name of the input field
-     */
-    name?: string;
-    /**
-     * If true, the Input will be unusable
-     */
-    isDisabled?: boolean;
-    /**
-     * Icon to Indicate that the password is visible
-     */
-    visibleIcon?: React.ReactNode;
-    /**
-     * Icon to Indicate that the password is hidden
-     */
-    hiddenIcon?: React.ReactNode;
-}
-export interface PasswordViewProps extends PasswordProps {
-    /**
-     * Optional prop to determine if the password is visible
-     */
-    isVisible?: boolean;
-    /**
-     * Optional callback prop to update the visibility state
-     */
-    setIsVisible?: Function;
-}

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

@@ -1,38 +0,0 @@
-/// <reference types="react" />
-import { PasswordProps } from './Password.props';
-export declare const usePasswordState: (props: PasswordProps) => {
-    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;
-    name?: string | undefined;
-    isDisabled?: boolean | undefined;
-    visibleIcon?: import("react").ReactNode;
-    hiddenIcon?: import("react").ReactNode;
-    id?: string | undefined;
-    error?: any;
-    helperText?: string | undefined;
-    label?: string | undefined;
-    left?: import("react").ReactNode;
-    right?: import("react").ReactNode;
-    placeholder?: string | undefined;
-    isReadOnly?: boolean | undefined;
-    isClearable?: boolean | undefined;
-    isAutoFocus?: boolean | undefined;
-    onChange?: ((value: any) => void) | undefined;
-    onChangeText?: ((value: string) => void) | undefined;
-    onBlur?: ((value: any) => void) | undefined;
-    onClick?: (() => void) | undefined;
-    onFocus?: (() => void) | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-    shadow?: import("app-studio").Shadow | import("../../../../utils/elevation").Elevation | import("app-studio").ViewProps | undefined;
-    shape?: "default" | "square" | "rounded" | "pill" | undefined;
-    views?: import("../../TextField/TextField/TextField.type").TextFieldStyles | undefined;
-    variant?: "outline" | "default" | "none" | undefined;
-    isVisible: boolean;
-    setIsVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-};

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { PasswordProps } from './Password/Password.props';
-/**
- * To allow users to securely enter sensitive information
- */
-export declare const Password: React.FC<PasswordProps>;

package/dist/components/Form/Password/example/Default.d.ts

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

package/dist/components/Form/Password/example/DisabledInput.d.ts

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

package/dist/components/Form/Password/example/ErrorInput.d.ts

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

package/dist/components/Form/Password/example/HelperText.d.ts

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