@app-studio/web 0.3.69 → 0.6.0

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

@@ -1,115 +1,39 @@
-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>;
-}
+import { Message, MessageViewStyles, Position, ThemesType } from './Message.type';
 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;
-    };
+    theme?: ThemesType;
+    position?: Position;
+}
+export interface ShowMessageProps {
+    isClosable?: boolean;
+    styles?: MessageViewStyles;
+    action?: Function;
+    actionText?: string;
+    showIcon?: boolean;
+    timeout?: number;
 }
-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 MessageProps extends ShowMessageProps {
+    subtitle?: string;
+    variant: Message;
+    show?: boolean;
+    hide: Function;
+    title: string;
+    theme?: ThemesType;
 }
-export interface BodyProps {
-    /**
-     * The content of the Body
-     */
-    children?: React.ReactNode;
-    /**
-     * Other properties
-     */
-    [x: string]: any;
+export interface MessageState {
+    visible: boolean;
+    variant: Message;
+    title: string;
+    subtitle: string;
+    isClosable?: boolean;
+    styles?: MessageViewStyles;
+    action?: Function;
+    actionText?: string;
+    showIcon?: boolean;
+    timeout?: number;
+    show: (variant: Message, title?: string, subtitle?: string, isClosable?: boolean, styles?: MessageViewStyles, action?: Function, actionText?: string, showIcon?: boolean, timeout?: number) => void;
+    hide: () => void;
 }

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

@@ -1,10 +1,4 @@
-export interface MessageState {
-    visible: boolean;
-    variant?: string;
-    message: string;
-    show: (variant?: string, message?: string) => void;
-    hide: () => void;
-}
+import { Message, ShowMessageType } from './Message.type';
 export declare const useMessageStore: any;
-export declare const showMessage: (variant: string, message?: string | undefined) => void;
+export declare const showMessage: (variant: Message, title?: string | undefined, subtitle?: string | undefined, props?: ShowMessageType | undefined) => void;
 export declare const hideMessage: () => void;

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

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { Position, Shape, Size } from './Message.type';
+import { Message, 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>;
+export declare const Themes: Record<Message, any>;

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

@@ -1,19 +1,3 @@
 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 {};
+import { MessageProps } from './Message.props';
+export declare const MessageView: ({ variant, hide, title, subtitle, theme, action, actionText, showIcon, isClosable, timeout, styles, }: MessageProps) => React.JSX.Element;

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

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

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

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

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

@@ -0,0 +1,9 @@
+export * from './action';
+export * from './default';
+export * from './isClosable';
+export * from './showIcon';
+export * from './styles';
+export * from './subtitle';
+export * from './timeout';
+export * from './title';
+export * from './variant';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/Svg/Error.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SvgProps {
+    size?: number;
+    color?: string;
+    [x: string]: any;
+}
+export declare const ErrorSvg: React.FC<SvgProps>;
+export {};

package/dist/components/Svg/Info.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SvgProps {
+    size?: number;
+    color?: string;
+    [x: string]: any;
+}
+export declare const InfoSvg: React.FC<SvgProps>;
+export {};

package/dist/components/Svg/Plus.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SvgProps {
+    size?: number;
+    color?: string;
+    [x: string]: any;
+}
+export declare const PlusSvg: React.FC<SvgProps>;
+export default PlusSvg;

package/dist/components/Svg/Search.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SvgProps {
+    size?: number;
+    color?: string;
+    [x: string]: any;
+}
+export declare const SearchLoopSvg: React.FC<SvgProps>;
+export default SearchLoopSvg;

package/dist/components/Svg/Success.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SvgProps {
+    size?: number;
+    color?: string;
+    [x: string]: any;
+}
+export declare const SuccessSvg: React.FC<SvgProps>;
+export {};

package/dist/components/Svg/Tick.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SvgProps {
+    size?: number;
+    color?: string;
+    [x: string]: any;
+}
+export declare const TickSvg: React.FC<SvgProps>;
+export default TickSvg;

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

@@ -11,3 +11,6 @@ export * from './OpenEye';
 export * from './Profile';
 export * from './RightArrow';
 export * from './Warning';
+export * from './Success';
+export * from './Info';
+export * from './Error';

package/dist/components/Table/Table/Table.context.d.ts

@@ -0,0 +1,16 @@
+import React, { CSSProperties } from 'react';
+export declare type TableViewStyles = {
+    table?: CSSProperties;
+    thead?: CSSProperties;
+    tfoot?: CSSProperties;
+    tbody?: CSSProperties;
+    tr?: CSSProperties;
+    td?: CSSProperties;
+    th?: CSSProperties;
+    caption?: CSSProperties;
+};
+export declare const TableStylesProvider: React.FC<{
+    children: React.ReactNode;
+    styles?: TableViewStyles;
+}>;
+export declare const useTableStyles: () => TableViewStyles;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Column, FooterCell, TableViewStyles } from './Table.type';
+export interface TableProps {
+    data: any[];
+    columns: Column[];
+    footer?: FooterCell[];
+    caption?: React.ReactNode;
+    styles?: TableViewStyles;
+}
+export interface TableViewProps extends TableProps {
+}
+export interface TableLayoutProps {
+    Head?: React.FC<any>;
+    Body?: React.FC<any>;
+    Row?: React.FC<any>;
+    Cell?: React.FC<any>;
+    Footer?: React.FC<any>;
+    Caption?: React.FC<any>;
+    TableContainer?: React.FC<any>;
+    children?: React.ReactNode;
+    styles?: TableViewStyles;
+}

package/dist/components/Table/Table/Table.state.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const useTableState: () => {
+    isHovered: boolean;
+    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
+};

package/dist/components/Table/Table/Table.type.d.ts

@@ -0,0 +1,19 @@
+import { CSSProperties } from 'react';
+export declare type TableViewStyles = {
+    table?: CSSProperties;
+    thead?: CSSProperties;
+    tfoot?: CSSProperties;
+    tbody?: CSSProperties;
+    tr?: CSSProperties;
+    td?: CSSProperties;
+    th?: CSSProperties;
+    caption?: CSSProperties;
+};
+export interface Column {
+    title: string;
+    field: string;
+}
+export interface FooterCell {
+    value: string;
+    props?: any;
+}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TableViewProps } from './Table.props';
+export declare const TableContainer: React.FC<any>;
+export declare const TableHead: React.FC<any>;
+export declare const TableHeadCell: React.FC<any>;
+export declare const TableRow: React.FC<any>;
+export declare const TableCell: React.FC<any>;
+export declare const TableBody: React.FC<any>;
+export declare const TableFooter: React.FC<any>;
+export declare const TableCaption: React.FC<any>;
+export declare const TableView: React.FC<TableViewProps>;

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { TableLayoutProps } from './Table/Table.props';
+export declare const Table: {
+    ({ children, styles }: TableLayoutProps): React.JSX.Element;
+    Head: React.FC<any>;
+    Body: React.FC<any>;
+    Row: React.FC<any>;
+    Cell: React.FC<any>;
+    Footer: React.FC<any>;
+    Caption: React.FC<any>;
+    TableContainer: React.FC<any>;
+    Template: React.FC<import("./Table/Table.props").TableViewProps>;
+};

package/dist/components/Table/examples/caption.d.ts

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

package/dist/components/Table/examples/data.d.ts

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

package/dist/components/Table/examples/default.d.ts

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

package/dist/components/Table/examples/footer.d.ts

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

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

@@ -0,0 +1,5 @@
+export * from './caption';
+export * from './default';
+export * from './footer';
+export * from './styles';
+export * from './data';

package/dist/components/Table/examples/styles.d.ts

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

package/dist/components/index.d.ts

@@ -25,3 +25,4 @@ export * from './Avatar/Avatar';
 export * from './Badge/Badge';
 export * from './Toggle/Toggle';
 export * from './ToggleGroup/ToggleGroup';
+export * from './Message/Message';

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

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

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

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

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

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

package/dist/utils/componentsPageImports.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const componentList: {
+    name: string;
+    path: string;
+    element: React.JSX.Element;
+}[];