@app-studio/web 0.3.7 → 0.3.12

package/dist/GlobalStyle.d.ts

@@ -1,2 +1,3 @@
-declare const GlobalStyle: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+/// <reference types="react" />
+declare const GlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
 export default GlobalStyle;

package/dist/assets/svg/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+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;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CheckboxProps } from './Checkbox.props';
-export declare const useCheckboxState: ({ defaultIsSelected }: CheckboxProps) => {
+export declare const useCheckboxState: ({ defaultIsSelected, }: CheckboxProps) => {
     isHovered: boolean;
     setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
     isSelected: boolean;

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

@@ -0,0 +1,17 @@
+import React, { PureComponent } from 'react';
+export * from './Checkbox/Checkbox';
+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';
+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/FormField.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export declare type FormItemProps = {
+    children: React.ReactNode;
+} & {
+    name: string;
+    label?: string;
+    type?: string;
+    labelProps: any;
+};
+export declare const FormField: ({ name, children, label, labelProps, ...restProps }: FormItemProps) => React.JSX.Element;

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

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

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

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

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

@@ -10,7 +10,7 @@ export interface TextFieldProps {
     /**
      * Specifies whether the input field should display an error state.
      */
-    error?: boolean;
+    error?: any;
     /**
      * Provides additional information about the input field.
      */

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

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

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

@@ -1,2 +1,8 @@
+import React from 'react';
 export type { ViewProps } from 'app-studio';
-export { View } from 'app-studio';
+export declare const Top: (props: any) => React.JSX.Element;
+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;

package/dist/components/Message/Examples/CloseButtonMessage.d.ts

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

package/dist/components/Message/Examples/DefaultMessage.d.ts

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

package/dist/components/Message/Examples/VariantMessage.d.ts

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

package/dist/components/Message/Examples/index.d.ts

@@ -0,0 +1,3 @@
+export * from '../../Message/Examples/CloseButtonMessage';
+export * from '../../Message/Examples/DefaultMessage';
+export * from '../../Message/Examples/VariantMessage';

package/dist/components/Message/Message/Message.layout.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MessageLayoutProps } from './Message.props';
+export declare const MessageLayout: ({ container, icons, text, icon, }: MessageLayoutProps) => React.JSX.Element | null;

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

@@ -0,0 +1,115 @@
+import React, { CSSProperties } from 'react';
+import { Elevation } from 'src/utils/elevation';
+import { Shadow } from 'app-studio';
+import { CloseButtonPosition, Position, Shape, Size } from './Message.type';
+export interface MessageProps {
+    /**
+     * The content to be displayed inside the message.
+     */
+    children: React.ReactNode;
+    /**
+     * The color of the close button in the header.
+     */
+    buttonColor?: string;
+    /**
+     * The size of the close button in the header.
+     */
+    iconSize?: Size;
+    /**
+     * Determines whether the message should have sharp or rounded edges.
+     */
+    shape?: Shape;
+    /**
+     * If set to true, the message will occupy the full width and height of the screen.
+     */
+    isFullScreen?: boolean;
+    /**
+     * Indicates the presence of a close button and its position within the header.
+     */
+    buttonPosition?: CloseButtonPosition;
+    /**
+     * The callback function to be executed when the close button is clicked or pressed.
+     */
+    onClose?: () => void;
+    /**
+     * The degree of blurriness applied to the overlay.
+     */
+    blur?: number;
+    /**
+     * If set to true, the message will be visible.
+     */
+    isOpen?: boolean;
+    /**
+     * If set to true, the message will remain open when the overlay is clicked.
+     */
+    isClosePrevented?: boolean;
+    /**
+     * The positioning of the message container.
+     */
+    position?: Position;
+    /**
+     * Applies a shadow effect to the button.
+     */
+    shadow?: Shadow | Elevation | CSSProperties;
+    /**
+     * Additional properties.
+     */
+    [x: string]: any;
+}
+export interface MessageType extends React.FunctionComponent<MessageProps> {
+    /**
+     * The container component of the message.
+     */
+    Container: React.FC<ContainerProps>;
+    /**
+     * The body component of the message.
+     */
+    Body: React.FC<BodyProps>;
+    /**
+     * The header component of the message.
+     */
+    Layout: React.FC<MessageLayoutProps>;
+}
+export interface MessageLayoutProps {
+    icons?: {
+        [x: string]: string;
+    };
+    container?: any;
+    text?: React.JSX.Element | React.FC<any>;
+    icon?: React.JSX.Element | React.FC<any>;
+    theme: {
+        [x: string]: any;
+    };
+}
+export interface ContainerProps {
+    /**
+     * The content of the message container
+     */
+    children: React.ReactNode;
+    /**
+     * To give a sharp or rounded edges to the message
+     */
+    shape?: Shape;
+    /**
+     * If true, the message will take the full width and height
+     */
+    isFullScreen?: boolean;
+    /**
+     * Set a shadow effect on the button.
+     */
+    shadow?: Shadow | Elevation | CSSProperties;
+    /**
+     * Other properties
+     */
+    [x: string]: any;
+}
+export interface BodyProps {
+    /**
+     * The content of the Body
+     */
+    children?: React.ReactNode;
+    /**
+     * Other properties
+     */
+    [x: string]: any;
+}

package/dist/components/Message/Message/Message.store.d.ts

@@ -0,0 +1,10 @@
+export interface MessageState {
+    visible: boolean;
+    variant?: string;
+    message: string;
+    show: (variant?: string, message?: string) => void;
+    hide: () => void;
+}
+export declare const useMessageStore: any;
+export declare const showMessage: (variant: string, message?: string | undefined) => void;
+export declare const hideMessage: () => void;

package/dist/components/Message/Message/Message.style.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+import { Position, Shape, Size } from './Message.type';
+export declare const ContainerShapes: Record<Shape, CSSProperties>;
+export declare const OverlayAlignments: Record<Position, CSSProperties>;
+export declare const HeaderIconSizes: Record<Size, number>;

package/dist/components/Message/Message/Message.view.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+interface IMessage {
+    message: string;
+    variant?: string;
+    show?: boolean;
+    hide: Function;
+    closable?: boolean;
+    timeout?: number;
+    props?: any;
+    icons?: Record<string, string>;
+    text?: any;
+    icon?: any;
+    theme?: Record<string, any>;
+    iconProps?: any;
+    textProps?: any;
+    containerProps?: any;
+}
+export declare const MessageView: ({ variant, message, hide, props, timeout, closable, icons, text, theme, icon, }: IMessage) => React.JSX.Element;
+export {};

package/dist/components/Message/Message.d.ts

@@ -0,0 +1,2 @@
+export { MessageLayout } from './Message/Message.layout';
+export { MessageView } from './Message/Message.view';

package/dist/components/Modal/Modal/Modal.layout.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ModalLayoutProps } from './Modal.props';
+export declare const ModalLayout: ({ modals }: ModalLayoutProps) => React.JSX.Element | null;

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

@@ -77,6 +77,10 @@ export interface ModalType extends React.FunctionComponent<ModalProps> {
      * The footer component of the modal.
      */
     Footer: React.FC<FooterProps>;
+    /**
+     * The header component of the modal.
+     */
+    Layout: React.FC<ModalLayoutProps>;
 }
 export interface OverlayProps {
     /**
@@ -134,6 +138,11 @@ export interface HeaderProps {
      */
     [x: string]: any;
 }
+export interface ModalLayoutProps {
+    modals: {
+        [x: string]: React.FC<any>;
+    };
+}
 export interface ContainerProps {
     /**
      * The content of the modal container

package/dist/components/Modal/Modal/Modal.store.d.ts

@@ -1 +1,12 @@
+export interface ModalState {
+    modal: string | boolean;
+    modalProps: any & {
+        isVisible: boolean;
+    };
+    overlayProps: any;
+    show: (modal: string, modalProps?: any, overlayProps?: any) => void;
+    hide: () => void;
+}
 export declare const useModalStore: any;
+export declare const showModal: (modal: string, modalProps?: any, overlayProps?: any) => void;
+export declare const hideModal: () => void;

package/dist/components/index.d.ts

@@ -16,3 +16,4 @@ export * from './Link/Link';
 export * from './Loader/Loader';
 export * from './Modal/Modal';
 export * from './Text/Text';
+export * from './File/File';

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

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

package/dist/utils/form.d.ts

@@ -0,0 +1,10 @@
+import type { FormikProps, FormikValues } from 'formik';
+export declare const getForm: () => FormikProps<FormikValues>;
+export declare const setForm: (newForm: FormikProps<FormikValues>) => void;
+export interface InputFormProps {
+    name: string;
+    label?: string;
+    rightIcon?: any;
+    leftIcon?: any;
+    labelProps?: any;
+}