@app-studio/web 0.3.52 → 0.3.54

package/dist/components/File/File.d.ts

@@ -3,6 +3,4 @@ export declare const FileSVG: ({ src, color, ...props }: {
     src: string;
     color?: string | undefined;
 }) => React.JSX.Element;
-export declare const FileImage: ({ path, ...props }: {
-    path: string;
-}) => React.JSX.Element;
+export declare const FileImage: ({ path, ...props }: any) => React.JSX.Element;

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

@@ -10,6 +10,6 @@ export declare const useCountryPickerState: ({ placeholder }: CountryPickerProps
     setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
     isFocused: boolean;
     setIsFocused: React.Dispatch<React.SetStateAction<boolean>>;
-    selected: string;
-    setSelected: React.Dispatch<React.SetStateAction<string>>;
+    value: string;
+    setValue: React.Dispatch<React.SetStateAction<string>>;
 };

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

@@ -3,7 +3,6 @@ export * from '../../../Form/DatePicker/examples/Default';
 export * from '../../../Form/DatePicker/examples/DisabledInput';
 export * from '../../../Form/DatePicker/examples/ErrorCheckbox';
 export * from '../../../Form/DatePicker/examples/FormCheckout';
-export * from '../../../Form/DatePicker/examples/Formik';
 export * from '../../../Form/DatePicker/examples/helperTextDatePicker';
 export * from '../../../Form/DatePicker/examples/ReadOnlyInput';
 export * from '../../../Form/DatePicker/examples/Shadow';

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

@@ -1,4 +1,3 @@
-import React, { PureComponent } from 'react';
 export * from './Checkbox/Checkbox';
 export * from './DatePicker/DatePicker';
 export * from './Label/Label';
@@ -8,10 +7,3 @@ export * from './Switch/Switch';
 export * from './TextArea/TextArea';
 export * from './TextField/TextField';
 export * from './Password/Password';
-import type { FieldProps } from 'formik';
-import { FormProps } from 'app-studio';
-export declare function Form(props: FormProps): React.JSX.Element;
-declare class FormContainer extends PureComponent<FieldProps> {
-    render(): React.JSX.Element;
-}
-export default FormContainer;

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

@@ -7,8 +7,8 @@ export declare const usePasswordState: (props: PasswordProps) => {
     setIsFocused: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     isHovered: boolean;
     setIsHovered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    inputValue: string;
-    setInputValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setValue: import("react").Dispatch<any>;
+    value: any;
     isVisible: boolean;
     setIsVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };

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

@@ -80,11 +80,11 @@ export interface SelectViewProps extends SelectProps {
     /**
      * Optional prop indicating if an option is selected
      */
-    selected: string | Array<string>;
+    value: string | Array<string>;
     /**
      * Optional callback prop to update the selected option
      */
-    setSelected: Function;
+    setValue: Function;
     /**
      * Prop to determine if the select dropdown is hidden
      */
@@ -112,9 +112,9 @@ export interface SelectViewProps extends SelectProps {
 }
 export interface SelectBoxProps {
     /**
-     * The option that will be selected
+     * The option that will be selected value
      */
-    selected?: string | Array<string>;
+    value?: string | Array<string>;
     /**
      * If true, the select will be unusable
      */
@@ -184,7 +184,7 @@ export interface HiddenSelectProps {
     /**
      * The option that has been selected
      */
-    selected: string | Array<string>;
+    value: string | Array<string>;
     /**
      * If true, multiple options can be selected
      */

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { SelectProps } from './Select.props';
 export declare const useSelectState: ({ placeholder, isMulti, options, }: SelectProps) => {
-    selected: string | string[];
-    setSelected: React.Dispatch<React.SetStateAction<string | string[]>>;
+    value: string | string[];
+    setValue: React.Dispatch<React.SetStateAction<string | string[]>>;
     hide: boolean;
     setHide: React.Dispatch<React.SetStateAction<boolean>>;
     isHovered: boolean;

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

@@ -128,11 +128,11 @@ export interface TextAreaViewProps extends TextAreaProps {
     /**
      * The current value of the textarea input.
      */
-    inputValue?: string | number;
+    value?: string | number;
     /**
      * Callback prop to update the value of the textarea input.
      */
-    setInputValue?: Function;
+    setValue?: Function;
     /**
      * Prop indicating if the textarea is currently focused.
      */

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

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

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

@@ -2,8 +2,6 @@ export { ColorArea } from '../../../Form/TextArea/examples/ColorScheme';
 export { DefaultArea } from '../../../Form/TextArea/examples/Default';
 export { DisabledArea } from '../../../Form/TextArea/examples/DisabledInput';
 export { ErrorArea } from '../../../Form/TextArea/examples/ErrorInput';
-export { FormikErrorArea } from '../../../Form/TextArea/examples/FormikErrorInput';
-export { FormikHelperTextArea } from '../../../Form/TextArea/examples/FormikHelperText';
 export { HelperTextArea } from '../../../Form/TextArea/examples/HelperText';
 export { LabelArea } from '../../../Form/TextArea/examples/LabelInput';
 export { MaxArea } from '../../../Form/TextArea/examples/MaxRowCol';

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

@@ -118,7 +118,7 @@ export interface TextFieldViewProps extends TextFieldProps {
     /** Function to set the hovered state of the text field */
     setIsHovered?: Function;
     /** The current value of the text field */
-    inputValue?: string;
+    value?: string;
     /** Function to set the value of the text field */
-    setInputValue?: Function;
+    setValue?: Function;
 }

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

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { TextFieldProps } from './TextField.props';
-export declare const useTextFieldState: ({ label, placeholder, value, }: TextFieldProps) => {
+export declare const useTextFieldState: ({ label, placeholder, 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>>;
-    inputValue: string;
-    setInputValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setValue: import("react").Dispatch<any>;
+    value: any;
 };

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

@@ -3,8 +3,6 @@ export * from '../../../Form/TextField/examples/ColorScheme';
 export * from '../../../Form/TextField/examples/Default';
 export * from '../../../Form/TextField/examples/DisabledInput';
 export * from '../../../Form/TextField/examples/ErrorInput';
-export * from '../../../Form/TextField/examples/FormikErrorInput';
-export * from '../../../Form/TextField/examples/FormikHelperText';
 export * from '../../../Form/TextField/examples/HelperText';
 export * from '../../../Form/TextField/examples/LabelInput';
 export * from '../../../Form/TextField/examples/LeftChild';

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

@@ -0,0 +1,6 @@
+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 Checkbox: React.FC<CheckboxProps>;

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

@@ -0,0 +1,6 @@
+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 CountryPicker: React.FC<CountryPickerProps>;

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

@@ -0,0 +1,6 @@
+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 DatePicker: React.FC<DatePickerProps>;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { FormikConfig } from 'formik';
+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 Form: <T extends {}>({ children, autoFocus, initFocus, }: any) => React.JSX.Element;
+export {};

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

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

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { SelectProps } from '../Form/Select/Select/Select.props';
+/**
+ * Select provides a dropdown list of options for the user to choose from.
+ */
+export declare const Select: React.FC<SelectProps>;

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TextAreaProps } from '../Form/TextArea/TextArea/TextArea.props';
+/**
+ * Text Area is an component used to create a multi-line input field.
+ */
+export declare const TextArea: React.FC<TextAreaProps>;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TextFieldProps } from '../Form/TextField/TextField/TextField.props';
+/**
+ * TextField is used to capture text data from users.
+ */
+export declare const TextField: React.FC<TextFieldProps>;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+export * from './FormikTextField';
+export * from './FormikCountryPicker';
+export * from './FormikCheckbox';
+export * from './FormikTextArea';
+export * from './FormikDatePicker';
+export * from './FormikTextField';
+export * from './FormikPassword';
+export * from './FormikSelect';
+export * from './FormikSwitch';

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

@@ -0,0 +1,9 @@
+export { Checkbox } from './Formik.Checkbox';
+export { DatePicker } from './Formik.DatePicker';
+export { CountryPicker } from './Formik.CountryPicker';
+export { Select } from './Formik.Select';
+export { Switch } from './Formik.Switch';
+export { TextArea } from './Formik.TextArea';
+export { TextField } from './Formik.TextField';
+export { Password } from './Formik.Password';
+export { Form } from './Formik.Form';

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

@@ -5,4 +5,4 @@ export declare const Bottom: (props: any) => React.JSX.Element;
 export declare const Left: (props: any) => React.JSX.Element;
 export declare const Right: (props: any) => React.JSX.Element;
 export declare const Inline: (props: any) => React.JSX.Element;
-export declare const View: (props: import("app-studio").ViewProps) => React.JSX.Element;
+export declare const View: React.FC<import("app-studio").ViewProps>;

package/dist/pages/formik.page.d.ts

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