componentes-sinco 1.0.3 → 1.0.5

package/dist/src/App.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-
-declare function App(): React.JSX.Element;
-export default App;

package/dist/src/Components/Adjuntar/Adjuntar.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { AdjuntarProps } from './Model';
-
-export declare const Adjuntar: <T>({ sx, compact, error, onClickAdjuntar, onChangeArchivos }: AdjuntarProps<T>) => React.JSX.Element;

package/dist/src/Components/Adjuntar/Model.d.ts

@@ -1,17 +0,0 @@
-import { SxProps } from '@mui/material';
-
-export interface UploadedFile {
-    name: string;
-    size: number;
-    type: string;
-    progress: number;
-    uploadError?: boolean;
-}
-export interface AdjuntarProps<T> {
-    compact?: boolean;
-    sx?: SxProps;
-    files?: T[];
-    error?: boolean;
-    onClickAdjuntar?: () => void;
-    onChangeArchivos?: (archivos: UploadedFile[]) => void;
-}

package/dist/src/Components/Adjuntar/index.d.ts

@@ -1 +0,0 @@
-export * from './Adjuntar';

package/dist/src/Components/Calendario/Calendario.d.ts

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

package/dist/src/Components/Drawer/Helpers/Model.d.ts

@@ -1,55 +0,0 @@
-import { ReplyPalette, ReplyTextPalette, ReplyVariants } from '../../../generales';
-import * as Muicon from "@mui/icons-material";
-export interface ArrayElement {
-    type?: 'textField' | 'textArea';
-    title?: string;
-    iconTitle?: keyof typeof Muicon;
-    infoTitle?: {
-        text?: string;
-        component?: "tooltip" | "popover";
-    };
-    label?: string;
-    placeholder?: string;
-    infoElement?: {
-        text?: string;
-        component?: "tooltip" | "popover";
-    };
-    iconInputStart?: string;
-    iconInputEnd?: string;
-    maxLength?: number;
-    component?: React.ReactNode;
-    variant?: ReplyVariants;
-    format?: 'int' | 'text' | 'password' | 'decimal';
-    disabled?: boolean;
-    required?: boolean;
-    size?: 'small' | 'medium';
-    width?: string;
-    rows?: number;
-    color?: ReplyPalette;
-    background?: string;
-    state?: any | React.Dispatch<React.SetStateAction<string>>;
-    value?: string;
-    onChange?: () => {};
-    onBlur?: () => {};
-    onKeyDown?: () => {};
-}
-export interface DrawerProps {
-    title?: string;
-    arrayElements?: ArrayElement[];
-    actions?: {
-        text: string;
-        fn: () => void;
-        disabled?: boolean;
-    }[];
-    buttonDrawer?: {
-        icon?: keyof typeof Muicon;
-        text?: string;
-        color?: ReplyPalette;
-        variant?: 'text' | 'outlined' | 'contained';
-        iconPosition?: 'left' | 'right' | undefined;
-    };
-    colorTitle?: ReplyTextPalette | ReplyPalette | string;
-    anchor?: "left" | "right";
-    width?: string;
-    open?: boolean;
-}

package/dist/src/Components/Drawer/Helpers/Utils.d.ts

@@ -1,4 +0,0 @@
-export declare const getIcon: (iconName?: string) => import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-export declare const cleanInputs: (arrayElements: any[]) => void;

package/dist/src/Components/Drawer/Helpers/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Model';
-export * from './Utils';
-export * from './validateInput';

package/dist/src/Components/Drawer/Helpers/validateInput.d.ts

@@ -1,3 +0,0 @@
-import { ToastBaseProperties } from '../../ToastNotification';
-
-export declare const validateInputs: (arrayElements: any[], onError: (toast: ToastBaseProperties) => void, onSuccess: () => void) => void;

package/dist/src/Components/Drawer/SCDrawer.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-import { DrawerProps } from './Helpers';
-
-export declare const SCDrawer: ({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, }: DrawerProps) => React.JSX.Element;
-export default SCDrawer;

package/dist/src/Components/Drawer/SCDrawer.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/Components/Drawer/index.d.ts

@@ -1 +0,0 @@
-export * from './SCDrawer';

package/dist/src/Components/FooterAction/FooterAction.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { FooterActionsProperties } from './Model';
-
-export declare const FooterAction: ({ leftContent, rightContent, label, variant, }: FooterActionsProperties) => React.JSX.Element;

package/dist/src/Components/FooterAction/Model.d.ts

@@ -1,6 +0,0 @@
-export interface FooterActionsProperties {
-    label?: React.ReactNode;
-    leftContent?: React.ReactNode;
-    rightContent?: React.ReactNode;
-    variant?: 'standard' | 'float';
-}

package/dist/src/Components/FooterAction/index.d.ts

@@ -1,2 +0,0 @@
-export * from './FooterAction';
-export * from './Model';

package/dist/src/Components/Hooks/useWindowDimensions.d.ts

@@ -1,4 +0,0 @@
-export default function useWindowDimensions(): {
-    width: number;
-    height: number;
-};

package/dist/src/Components/Modal/Helpers/Data.d.ts

@@ -1,19 +0,0 @@
-import { default as React } from 'react';
-
-export declare const modalStateConfig: {
-    info: {
-        color: string;
-        defaultDescription: string;
-        icon: React.JSX.Element;
-    };
-    delete: {
-        color: string;
-        defaultDescription: string;
-        icon: React.JSX.Element;
-    };
-    warning: {
-        color: string;
-        defaultDescription: string;
-        icon: React.JSX.Element;
-    };
-};

package/dist/src/Components/Modal/Helpers/Model.d.ts

@@ -1,26 +0,0 @@
-import { RepplyButtonVariants, ReplyPalette } from '../../../generales';
-
-export type ModalStates = 'info' | 'delete' | 'warning';
-export interface ModalProps {
-    title: string;
-    description?: string;
-    textButton?: string;
-    buttonVariant?: RepplyButtonVariants;
-    iconPosition?: 'left' | 'right';
-    buttonColor?: ReplyPalette;
-    state: ModalStates;
-    open: boolean;
-    action?: {
-        text: string;
-        fn: () => void;
-        disabled?: boolean;
-    }[];
-    buttonModal?: {
-        icon?: string;
-        text?: string;
-        color?: ReplyPalette;
-        variant?: 'text' | 'outlined' | 'contained';
-        iconPosition?: 'left' | 'right';
-        size?: "small" | "medium" | "large";
-    };
-}

package/dist/src/Components/Modal/Helpers/Utils.d.ts

@@ -1,3 +0,0 @@
-export declare const getIconComponent: (iconName?: string) => React.ElementType;
-export declare const getModalColor: (state: string) => string;
-export declare const getButtonColor: (state: string) => 'inherit' | 'info' | 'error' | 'warning';

package/dist/src/Components/Modal/Helpers/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Data';
-export * from './Model';
-export * from './Utils';

package/dist/src/Components/Modal/SCModal.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { ModalProps } from './Helpers';
-
-export declare const SCModal: ({ buttonModal, state, open, title, description, action, }: ModalProps) => React.JSX.Element;

package/dist/src/Components/Modal/SCModal.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/Components/Modal/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Helpers';
-export * from './SCModal';

package/dist/src/Components/MultiSelect/MultiSelect.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/Components/MultiSelect/SCMultiSelect.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { MultiSelectProps } from './helpers';
-
-export declare function SCMultiSelect<T>({ textButton, button, items, topPanel, actions, dense, open, selectAll, getItemLabel }: MultiSelectProps<T>): React.JSX.Element;

package/dist/src/Components/MultiSelect/example.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-
-export default function ExamplePopTypes(): React.JSX.Element;

package/dist/src/Components/MultiSelect/helpers/Model.d.ts

@@ -1,24 +0,0 @@
-import { ReplyPalette, RepplyButtonVariants } from '../../../generales';
-
-export interface MultiSelectProps<T> {
-    textButton?: string;
-    button?: {
-        icon?: string;
-        text?: string;
-        color?: ReplyPalette;
-        variant?: RepplyButtonVariants;
-        iconPosition?: 'left' | 'right';
-        size?: "small" | "medium" | "large";
-    };
-    topPanel?: React.ReactNode;
-    dense?: boolean;
-    open: boolean;
-    selectAll?: boolean;
-    items: T[];
-    getItemLabel: (item: T) => string;
-    actions?: {
-        text: string;
-        fn: () => void;
-        disabled?: boolean;
-    }[];
-}

package/dist/src/Components/MultiSelect/helpers/Utils.d.ts

@@ -1,3 +0,0 @@
-export declare function getIconMultiSelect(name: string): import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};

package/dist/src/Components/MultiSelect/helpers/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Model';
-export * from './useHandlers';
-export * from './Utils';
-export * from './useFilteredItems';

package/dist/src/Components/MultiSelect/helpers/useFilteredItems.d.ts

@@ -1,4 +0,0 @@
-export declare function useFilteredItems<T>(items: T[], filterValue: string, getItemLabel: (item: T) => string, selectedItems: T[]): {
-    filteredItems: T[];
-    sortedItems: T[];
-};

package/dist/src/Components/MultiSelect/helpers/useHandlers.d.ts

@@ -1,12 +0,0 @@
-export declare function useMultiSelectHandlers<T>(): {
-    anchorEl: HTMLButtonElement | null;
-    open: boolean;
-    selectedItems: T[];
-    filterValue: string;
-    setSelectedItems: import('react').Dispatch<import('react').SetStateAction<T[]>>;
-    handleOpen: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    handleClose: () => void;
-    handleFilterChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    handleCheckboxToggle: (item: T) => void;
-    setOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
-};

package/dist/src/Components/MultiSelect/index.d.ts

@@ -1,2 +0,0 @@
-export * from './SCMultiSelect';
-export * from './helpers';

package/dist/src/Components/PageHeader/Model.d.ts

@@ -1,8 +0,0 @@
-export interface PageheaderProperties {
-    title: string | React.ReactNode;
-    subtitle?: string | React.ReactNode;
-    actions?: React.ReactNode;
-    buttonBack?: React.ReactNode;
-    fixed?: boolean;
-    shadow?: boolean;
-}

package/dist/src/Components/PageHeader/PageHeader.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { PageheaderProperties } from './Model';
-
-export declare const PageHeader: ({ title, subtitle, actions, buttonBack, fixed, shadow, }: PageheaderProperties) => React.JSX.Element;

package/dist/src/Components/PageHeader/PageHeader.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/Components/PageHeader/index.d.ts

@@ -1,2 +0,0 @@
-export * from './PageHeader';
-export * from './Model';

package/dist/src/Components/SCAutocomplete.d.ts

@@ -1,26 +0,0 @@
-import { default as React } from 'react';
-
-interface SCAutocompleteProps<T> {
-    label?: string;
-    data: T[];
-    columnGroup?: string;
-    getItemValue: (item: T) => {
-        icon?: any;
-        text: string;
-        value: string;
-    };
-    type?: "normal" | "multiselect";
-    checkMassive?: boolean;
-    deleteType?: "button" | "icon";
-    required?: boolean;
-    disabled?: boolean;
-    background?: string;
-    fnAplicar?: () => void | React.ReactNode;
-    setState: React.Dispatch<React.SetStateAction<any>>;
-    state: {
-        hiddenValue: string | string[];
-        textValue: string | string[];
-    };
-}
-export declare function SCAutocomplete<T>({ label, data, columnGroup, getItemValue, type, checkMassive, deleteType, fnAplicar, required, disabled, background, setState, state, }: SCAutocompleteProps<T>): React.JSX.Element;
-export {};

package/dist/src/Components/SCCalendarSwipeable.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-
-interface SCCalendarSwipeableProps {
-    background?: string;
-    setState: React.Dispatch<React.SetStateAction<string>>;
-    state: string | any;
-}
-export declare const SCCalendarSwipeable: ({ background, setState, state, }: SCCalendarSwipeableProps) => React.JSX.Element;
-export {};

package/dist/src/Components/SCDataGrid.d.ts

@@ -1,19 +0,0 @@
-import { default as React } from 'react';
-
-interface SCDataGridProps {
-    data: any;
-    columns: any;
-    rowsTable?: number;
-    checkboxSelection?: boolean;
-    width?: string | number;
-    height?: number;
-    maxHeight?: number;
-    density?: "compact" | "standard" | "comfortable";
-    agrupacion?: boolean;
-    columnsGrouping?: number;
-    groupingColDef?: any;
-    getTreeDataPath?: (row: any) => string[] | [];
-    otherProps?: any;
-}
-export declare const SCDataGrid: ({ data, columns, rowsTable, checkboxSelection, width, height, maxHeight, density, agrupacion, groupingColDef, getTreeDataPath, ...props }: SCDataGridProps) => React.JSX.Element;
-export {};

package/dist/src/Components/SCDialog.d.ts

@@ -1,32 +0,0 @@
-import { default as React } from 'react';
-import { ReplyPalette } from '../stories/Generales/types';
-
-import * as Muicon from "@mui/icons-material";
-interface SCDialogProps {
-    title?: string;
-    iconTitle?: React.ReactNode | React.ReactElement | keyof typeof Muicon;
-    subtitle?: string;
-    content?: any;
-    actions?: {
-        text: string;
-        fn: () => void;
-        disabled?: boolean;
-    }[];
-    buttonDialog?: {
-        icon?: string;
-        text?: string;
-        color?: ReplyPalette;
-        tooltip?: string;
-        variant?: 'text' | 'outlined' | 'contained';
-        iconPosition?: 'left' | 'right' | undefined;
-    };
-    disableClose?: boolean;
-    dividers?: boolean;
-    widthContent?: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
-    heightContent?: string;
-    background?: string;
-    setShow?: React.Dispatch<React.SetStateAction<boolean>>;
-    show?: boolean | any;
-}
-export declare const SCDialog: ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, setShow, show }: SCDialogProps) => React.JSX.Element;
-export {};

package/dist/src/Components/SCMenu.d.ts

@@ -1,20 +0,0 @@
-import { default as React } from 'react';
-
-interface Option {
-    name?: string;
-    iconLeft?: any | React.ReactNode | React.ReactElement | React.ElementType | null;
-    iconRight?: any | React.ReactNode | React.ReactElement | React.ElementType | null;
-    divider?: boolean;
-    page: React.ReactNode | React.ReactElement;
-}
-interface SCMenuProps {
-    header?: any;
-    options: Option[];
-    defaultOption?: string;
-    disable?: boolean;
-    widthMenu?: string;
-    heightMenu?: string;
-    widthPage?: string;
-}
-export declare const SCMenu: ({ header, options, defaultOption, disable, widthMenu, heightMenu, widthPage }: SCMenuProps) => React.JSX.Element;
-export {};

package/dist/src/Components/SCTabs.d.ts

@@ -1,22 +0,0 @@
-import { default as React } from 'react';
-
-interface Option {
-    name?: string;
-    iconOrBadge: string | number | null | undefined | any | React.ReactNode | React.ReactElement | React.ElementType;
-    disabled?: boolean;
-    page: React.ReactNode | React.ReactElement;
-}
-interface SCTabsProps {
-    options: Option[];
-    defaultOption?: string;
-    typeIcon?: "badge" | "icon";
-    background?: string;
-    iconPosition?: "top" | "bottom" | "start" | "end";
-    colorTab?: "secondary" | "primary";
-    orientation?: "horizontal" | "vertical";
-    variant?: "standard" | "fullWidth" | "scrollable";
-    scrollButtons?: boolean;
-    children?: any;
-}
-export declare const SCTabs: ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }: SCTabsProps) => React.JSX.Element;
-export {};

package/dist/src/Components/TextArea/Helpers/Model.d.ts

@@ -1,23 +0,0 @@
-import { ReplyTextPalette, ReplyVariants } from '../../../generales';
-import * as Muicon from "@mui/icons-material";
-export interface SCTextAreaProps {
-    title?: string;
-    iconTitle?: keyof typeof Muicon;
-    infoTitle?: {
-        text?: string;
-        component?: "tooltip" | "popover";
-    };
-    colorTitle?: ReplyTextPalette;
-    placeholder?: string;
-    label?: string;
-    width?: string;
-    required?: boolean;
-    background?: string;
-    variant?: ReplyVariants;
-    disabled?: boolean;
-    rows?: number;
-    maxLength?: number;
-    value: string;
-    state: React.Dispatch<React.SetStateAction<string>>;
-    onBlur?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-}

package/dist/src/Components/TextArea/Helpers/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Model';
-export * from './validateIcon';

package/dist/src/Components/TextArea/Helpers/validateIcon.d.ts

@@ -1,3 +0,0 @@
-import { ComponentType } from 'react';
-
-export declare function getIcon(name?: string): ComponentType | null;

package/dist/src/Components/TextArea/SCTextArea.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { SCTextAreaProps } from './Helpers';
-
-export declare const SCTextArea: ({ title, iconTitle, infoTitle, label, placeholder, maxLength, variant, disabled, required, width, rows, colorTitle, background, state, value, onBlur, }: SCTextAreaProps) => React.JSX.Element;

package/dist/src/Components/TextArea/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Helpers';
-export * from './SCTextArea';

package/dist/src/Components/Textfield/Helpers/index.d.ts

@@ -1,3 +0,0 @@
-export * from './validateIcon';
-export * from './validateKeyDown';
-export * from './validateOnBlur';

package/dist/src/Components/Textfield/Helpers/validateIcon.d.ts

@@ -1,4 +0,0 @@
-import { ElementType } from 'react';
-
-export declare function getIconComponent(name: string | ElementType): ElementType | undefined;
-export declare function getIconValidation(name: string | any): "icon" | "text";

package/dist/src/Components/Textfield/Helpers/validateKeyDown.d.ts

@@ -1 +0,0 @@
-export declare function validateKeyDown(event: React.KeyboardEvent<HTMLInputElement>, format?: string): void;

package/dist/src/Components/Textfield/Helpers/validateOnBlur.d.ts

@@ -1,10 +0,0 @@
-import { FocusEvent } from 'react';
-
-type HandleBlurProps = {
-    value: string;
-    required?: boolean;
-    setError: (val: boolean) => void;
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-};
-export declare const validateOnBlurField: ({ value, required, setError, onBlur, }: HandleBlurProps) => (event: FocusEvent<HTMLInputElement>) => void;
-export {};

package/dist/src/Components/Textfield/Model.d.ts

@@ -1,32 +0,0 @@
-import { ReplyPalette } from '../../generales';
-
-export interface SCTextFieldProps {
-    title?: string;
-    iconTitle?: string;
-    infoTitle?: {
-        text?: string;
-        component?: "tooltip" | "popover";
-    };
-    label?: string;
-    placeholder?: string;
-    color?: ReplyPalette;
-    width?: string;
-    background?: string;
-    format?: 'int' | 'text' | 'password' | 'decimal';
-    iconInputStart?: string;
-    iconInputEnd?: string;
-    infoElement?: {
-        text?: string;
-        component?: "tooltip" | "popover";
-    };
-    size?: "small" | "medium";
-    variant?: "outlined" | "filled" | "standard";
-    value: string;
-    maxLength?: number;
-    disabled?: boolean;
-    required?: boolean;
-    state: React.Dispatch<React.SetStateAction<string>>;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-}

package/dist/src/Components/Textfield/SCTextField.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { SCTextFieldProps } from './Model';
-
-export declare const SCTextField: ({ title, iconTitle, infoTitle, label, placeholder, infoElement, iconInputStart, iconInputEnd, maxLength, variant, format, disabled, required, size, width, color, background, state, value, onChange, onBlur, onKeyDown, }: SCTextFieldProps) => React.JSX.Element;

package/dist/src/Components/Textfield/Textfield.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/Components/Textfield/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Model';
-export * from './SCTextField';

package/dist/src/Components/ToastNotification/Model.d.ts

@@ -1,14 +0,0 @@
-export type ToastType = 'success' | 'error' | 'warning' | 'info';
-export interface ToastBaseProperties {
-    type?: ToastType;
-    title: string;
-    subtitle?: string;
-    time?: number;
-    listITems?: string[];
-    seeMore?: boolean;
-    actions?: {
-        text: string;
-        fn: () => void;
-        disabled?: boolean;
-    }[];
-}

package/dist/src/Components/ToastNotification/SCToastNotification.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { ToastBaseProperties } from './Model';
-
-export declare const SCToastNotification: (toast: ToastBaseProperties) => React.JSX.Element;

package/dist/src/Components/ToastNotification/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Model';
-export * from './SCToastNotification';
-export * from './useProgress';

package/dist/src/Components/ToastNotification/useProgress.d.ts

@@ -1,6 +0,0 @@
-export declare const useProgress: (timeProgress: number, lote?: number) => {
-    progress: number;
-};
-export declare const ToastProgress: (timeProgress: number) => {
-    progressToast: number;
-};

package/dist/src/Components/index.d.ts

@@ -1,14 +0,0 @@
-export * from './Drawer';
-export * from './ToastNotification';
-export * from './MultiSelect';
-export * from './TextArea';
-export * from './Textfield';
-export * from './SCDialog';
-export * from './SCMenu';
-export * from './SCTabs';
-export * from './FooterAction';
-export * from './Modal';
-export * from './PageHeader';
-export * from './SCCalendarSwipeable';
-export * from './SCDataGrid';
-export * from './SCAutocomplete';

package/dist/src/Pages/PruebasDavid/Test.d.ts

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

package/dist/src/Pages/PruebasNataly/PruebaPag1.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-
-/***************************************************************************/
-export default function PruebaPag1(): React.JSX.Element;