@eloisallena/web_components 1.0.6 → 1.0.8

package/dist/index.d.ts

@@ -1,26 +1,2 @@
-export { Button } from './component/button';
-export { Card } from './component/card';
-export { Cfooter } from './component/footer';
-export { FooterIcon } from './component/footer';
-export { FooterBottom } from './component/footer';
-export { FooterContact } from './component/footer';
-export { QuickLink } from './component/footer';
-export { Cform } from './component/form';
-export { Cheader } from './component/header';
-export { Icon } from './component/header';
-export { Drawer } from './component/header';
-export { SearchBar } from './component/header';
-export { NavBar } from './component/header';
-export { Modal } from './component/modal';
-export { TextField } from "./component/input";
-export { CheckBox } from "./component/input";
-export { Select } from "./component/input";
-export { Section } from './component/section';
-export { Loader } from './component/spinner';
-export { LandingLayout } from './component/stories';
-export { Ctable } from './component/table';
-export { TableBody } from './component/table';
-export { TableCell } from './component/table';
-export { TableHead } from './component/table';
-export { TableRow } from './component/table';
-export { Breadcrumbs } from './component/breadcrumbs';
+export * from './src/index.js'
+export {}

package/dist/src/component/breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +1,4 @@
-interface BreadcrumbsProps {
+export interface BreadcrumbsProps {
     items: {
         id: number;
         label: string;
@@ -6,4 +6,3 @@ interface BreadcrumbsProps {
     }[];
 }
 export declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
-export {};

package/dist/src/component/breadcrumbs/index.d.ts

@@ -1 +1,2 @@
 export { Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbsProps } from './Breadcrumbs';

package/dist/src/component/button/index.d.ts

@@ -1 +1,2 @@
 export { Button } from './Button';
+export type { ButtonProps } from './Button';

package/dist/src/component/card/Card.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-interface CardProps {
+export interface CardProps {
     children?: React.ReactNode;
 }
 export declare const Card: React.FC<CardProps>;
-export {};

package/dist/src/component/card/CardContent.d.ts

@@ -1,6 +1,5 @@
-interface CardContentProps {
+export interface CardContentProps {
     title: string;
     description: string;
 }
 export declare const CardContent: React.FC<CardContentProps>;
-export {};

package/dist/src/component/card/CardFooter.d.ts

@@ -1,5 +1,4 @@
-interface CardFooterProps {
+export interface CardFooterProps {
     children?: React.ReactNode;
 }
 export declare const CardFooter: React.FC<CardFooterProps>;
-export {};

package/dist/src/component/card/CardImage.d.ts

@@ -1,7 +1,7 @@
-interface CardImageProps {
+import { default as React } from 'react';
+export interface CardImageProps {
     alt: string;
     image: string;
     children?: React.ReactNode;
 }
 export declare const CardImage: React.FC<CardImageProps>;
-export {};

package/dist/src/component/card/index.d.ts

@@ -1,4 +1,8 @@
 export { Card } from './Card';
+export type { CardProps } from './Card';
 export { CardContent } from './CardContent';
-export { CardImage } from './CardImage';
+export type { CardContentProps } from './CardContent';
 export { CardFooter } from './CardFooter';
+export type { CardFooterProps } from './CardFooter';
+export { CardImage } from './CardImage';
+export type { CardImageProps } from './CardImage';

package/dist/src/component/footer/Cfooter.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
-interface CfooterProps {
+export interface CfooterProps {
     children?: ReactNode;
 }
 export declare const Cfooter: ({ children }: CfooterProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/component/footer/FooterBottom.d.ts

@@ -1,5 +1,4 @@
-interface FooterBottomProps {
+export interface FooterBottomProps {
     copyright: string;
 }
 export declare const FooterBottom: React.FC<FooterBottomProps>;
-export {};

package/dist/src/component/footer/FooterContact.d.ts

@@ -1,4 +1,4 @@
-interface FooterContactProps {
+export interface FooterContactProps {
     email: string;
     phone: string;
     socials: {
@@ -8,4 +8,3 @@ interface FooterContactProps {
     }[];
 }
 export declare const FooterContact: ({ email, phone, socials, }: FooterContactProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/component/footer/FooterIcon.d.ts

@@ -1,7 +1,6 @@
 import { ReactNode } from 'react';
-interface FooterIconProps {
+export interface FooterIconProps {
     children?: ReactNode;
     description: string;
 }
 export declare const FooterIcon: ({ children, description, }: FooterIconProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/component/footer/QuickLink.d.ts

@@ -1,4 +1,4 @@
-interface QuickLinkProps {
+export interface QuickLinkProps {
     title: string;
     links: {
         id: number;
@@ -8,4 +8,3 @@ interface QuickLinkProps {
     onItemClick?: (label: string) => void;
 }
 export declare const QuickLink: ({ title, links, onItemClick, }: QuickLinkProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/component/footer/index.d.ts

@@ -1,5 +1,10 @@
 export { Cfooter } from './Cfooter';
-export { FooterIcon } from './FooterIcon';
+export type { CfooterProps } from './Cfooter';
 export { FooterBottom } from './FooterBottom';
+export type { FooterBottomProps } from './FooterBottom';
 export { FooterContact } from './FooterContact';
+export type { FooterContactProps } from './FooterContact';
+export { FooterIcon } from './FooterIcon';
+export type { FooterIconProps } from './FooterIcon';
 export { QuickLink } from './QuickLink';
+export type { QuickLinkProps } from './QuickLink';

package/dist/src/component/form/Cform.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-interface CformProps {
+export interface CformProps extends React.FormHTMLAttributes<HTMLFormElement> {
     children?: React.ReactNode;
 }
 export declare const Cform: React.FC<CformProps>;
-export {};

package/dist/src/component/form/index.d.ts

@@ -1 +1,2 @@
 export { Cform } from './Cform';
+export type { CformProps } from './Cform';

package/dist/src/component/header/Cheader.d.ts

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
-interface CheaderProps {
+export interface CheaderProps {
     children?: React.ReactNode;
     style?: string;
 }
 export declare const Cheader: React.FC<CheaderProps>;
-export {};

package/dist/src/component/header/Drawer.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-interface DrawerProps {
+export interface DrawerProps {
     navDrawer: {
         id: number;
         href: string;
@@ -9,4 +9,3 @@ interface DrawerProps {
     onItemClick?: (label: string) => void;
 }
 export declare const Drawer: React.FC<DrawerProps>;
-export {};

package/dist/src/component/header/Icon.d.ts

@@ -1,9 +1,8 @@
 import { default as React } from 'react';
-interface IconProps {
+export interface IconProps {
     logo?: string;
     title?: string;
     style?: string;
     alt?: string;
 }
 export declare const Icon: React.FC<IconProps>;
-export {};

package/dist/src/component/header/NavBar.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-interface NavBarProps {
+export interface NavBarProps {
     navBar: {
         id: number;
         href: string;
@@ -9,4 +9,3 @@ interface NavBarProps {
     onItemClick?: (label: string) => void;
 }
 export declare const NavBar: React.FC<NavBarProps>;
-export {};

package/dist/src/component/header/SearchBar.d.ts

@@ -1,8 +1,7 @@
 import { default as React } from 'react';
-interface SearchBarProps {
+export interface SearchBarProps {
     placeholder?: string;
     style?: string;
     children?: React.ReactNode;
 }
 export declare const SearchBar: React.FC<SearchBarProps>;
-export {};

package/dist/src/component/header/index.d.ts

@@ -1,5 +1,10 @@
 export { Cheader } from './Cheader';
-export { Icon } from './Icon';
+export type { CheaderProps } from './Cheader';
 export { Drawer } from './Drawer';
-export { SearchBar } from './SearchBar';
+export type { DrawerProps } from './Drawer';
+export { Icon } from './Icon';
+export type { IconProps } from './Icon';
 export { NavBar } from './NavBar';
+export type { NavBarProps } from './NavBar';
+export { SearchBar } from './SearchBar';
+export type { SearchBarProps } from './SearchBar';

package/dist/src/component/input/CheckBox.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-interface CheckBoxProps {
+export interface CheckBoxProps {
     id: string;
     label: string;
     required?: boolean;
@@ -7,6 +7,6 @@ interface CheckBoxProps {
     defaultChecked?: boolean;
     error?: boolean;
     helperText?: string;
+    onChange?: (checked: boolean) => void;
 }
 export declare const CheckBox: React.FC<CheckBoxProps>;
-export {};

package/dist/src/component/input/Select.d.ts

@@ -1,4 +1,5 @@
-interface SelectProps {
+import { default as React } from 'react';
+export interface SelectProps {
     label: string;
     options: {
         key: number;
@@ -14,4 +15,3 @@ interface SelectProps {
     onChange?: (value: string) => void;
 }
 export declare const Select: React.FC<SelectProps>;
-export {};

package/dist/src/component/input/TextField.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-interface TextFieldProps {
+export interface TextFieldProps {
     id: string;
     labelText: string;
     placeholder: string;
@@ -8,4 +8,3 @@ interface TextFieldProps {
     type: "text" | "email" | "password" | "number";
 }
 export declare const TextField: React.FC<TextFieldProps>;
-export {};

package/dist/src/component/input/index.d.ts

@@ -1,3 +1,6 @@
-export { TextField } from './TextField';
 export { CheckBox } from './CheckBox';
+export type { CheckBoxProps } from './CheckBox';
 export { Select } from './Select';
+export type { SelectProps } from './Select';
+export { TextField } from './TextField';
+export type { TextFieldProps } from './TextField';

package/dist/src/component/modal/Modal.d.ts

@@ -1,8 +1,8 @@
-interface ModalProps {
+import { default as React } from 'react';
+export interface ModalProps {
     isOpen: boolean;
     onClose: () => void;
     title: string;
     children: React.ReactNode;
 }
 export declare const Modal: React.FC<ModalProps>;
-export {};

package/dist/src/component/modal/index.d.ts

@@ -1 +1,2 @@
 export { Modal } from './Modal';
+export type { ModalProps } from './Modal';

package/dist/src/component/section/Section.d.ts

@@ -1,9 +1,8 @@
 import { default as React } from 'react';
-interface SectionProps {
+export interface SectionProps {
     id?: string;
     title?: string;
     children?: React.ReactNode;
     style?: string;
 }
 export declare const Section: React.FC<SectionProps>;
-export {};

package/dist/src/component/section/index.d.ts

@@ -1 +1,2 @@
 export { Section } from './Section';
+export type { SectionProps } from './Section';

package/dist/src/component/stories/LandingLayout.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-interface LayoutProps {
+export interface LandingLayoutProps {
     children: React.ReactNode;
 }
-export declare const LandingLayout: React.FC<LayoutProps>;
-export {};
+export declare const LandingLayout: React.FC<LandingLayoutProps>;

package/dist/src/component/stories/index.d.ts

@@ -1 +1,2 @@
 export { LandingLayout } from './LandingLayout';
+export type { LandingLayoutProps } from './LandingLayout';

package/dist/src/component/table/Ctable.d.ts

@@ -1,8 +1,7 @@
 import { default as React } from 'react';
-interface CtableProps {
+export interface CtableProps {
     children?: React.ReactNode;
     style?: string;
     maxRows?: number;
 }
 export declare const Ctable: React.FC<CtableProps>;
-export {};

package/dist/src/component/table/TableBody.d.ts

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
-interface TableBodyProps {
+export interface TableBodyProps {
     children?: React.ReactNode;
     style?: string;
 }
 export declare const TableBody: React.FC<TableBodyProps>;
-export {};

package/dist/src/component/table/TableCell.d.ts

@@ -1,8 +1,7 @@
 import { default as React } from 'react';
-interface TableCellProps {
+export interface TableCellProps {
     children: React.ReactNode;
     align?: string;
     style?: string;
 }
 export declare const TableCell: React.FC<TableCellProps>;
-export {};

package/dist/src/component/table/TableHead.d.ts

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 import { TableHeadCell } from './types';
-interface TableHeadProps {
+export interface TableHeadProps {
     rowData: TableHeadCell[];
 }
 export declare const TableHead: React.FC<TableHeadProps>;
-export {};

package/dist/src/component/table/TableRow.d.ts

@@ -1,8 +1,7 @@
 import { default as React } from 'react';
 import { TableRowCell } from './types';
-interface TableRowProps {
+export interface TableRowProps {
     rowData: TableRowCell[];
     style?: string;
 }
 export declare const TableRow: React.FC<TableRowProps>;
-export {};

package/dist/src/component/table/index.d.ts

@@ -1,5 +1,12 @@
 export { Ctable } from './Ctable';
-export { TableHead } from './TableHead';
+export type { CtableProps } from './Ctable';
 export { TableBody } from './TableBody';
-export { TableRow } from './TableRow';
+export type { TableBodyProps } from './TableBody';
 export { TableCell } from './TableCell';
+export type { TableCellProps } from './TableCell';
+export { TableHead } from './TableHead';
+export type { TableHeadProps } from './TableHead';
+export { TableRow } from './TableRow';
+export type { TableRowProps } from './TableRow';
+export { alignment } from './alignment';
+export type { TableAlignment, TableHeadCell, TableRowCell, } from './types';

package/dist/src/component/table/types.d.ts

@@ -1,13 +1,14 @@
+export type TableAlignment = "left" | "center" | "right";
 export interface TableHeadCell {
     key: number;
     name: string;
     value: string;
-    align?: "left" | "center" | "right";
+    align?: TableAlignment;
     style?: string;
 }
 export interface TableRowCell {
     key: number;
     value: string;
-    align?: "left" | "center" | "right";
+    align?: TableAlignment;
     style?: string;
 }