elseware-ui 2.15.3 → 2.16.0

package/build/components/data-display/avatar/Avatar.d.ts

@@ -3,7 +3,7 @@ import { Variant, Shape, Size } from "../../../data/enums";
 export interface AvatarProps {
     alt?: string;
     icon?: ReactNode;
-    children?: string;
+    children?: ReactNode;
     variant?: keyof typeof Variant;
     shape?: keyof typeof Shape;
     size?: keyof typeof Size;

package/build/components/data-display/badge/Badge.d.ts

@@ -9,6 +9,7 @@ export interface BadgeProps {
     shape?: keyof typeof Shape;
     size?: keyof typeof Size;
     showZero?: boolean;
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
     styles?: string;
 }
-export declare const Badge: ({ children, offset, dot, count, variant, shape, size, showZero, styles, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ children, offset, dot, count, variant, shape, size, showZero, position, styles, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/data-display/image/CloudinaryImage.d.ts

@@ -1,8 +1,9 @@
 export interface CloudinaryImageProps {
     publicId?: string;
+    cloudName?: string;
     secure?: boolean;
     alt?: string;
     styles?: string;
 }
-declare function CloudinaryImage({ publicId, secure, alt, styles }: CloudinaryImageProps): import("react/jsx-runtime").JSX.Element;
+declare function CloudinaryImage({ publicId, cloudName, secure, alt, styles, }: CloudinaryImageProps): import("react/jsx-runtime").JSX.Element;
 export default CloudinaryImage;

package/build/components/data-display/table/Table.d.ts

@@ -1,15 +1,14 @@
-export interface TableProps {
+import { TableColumnConfig } from "./TableContent";
+export interface TableProps<T> {
     title?: string;
-    headers: {
-        [key: string]: string;
-    };
-    data: any[];
+    columns: TableColumnConfig<T>[];
+    data: T[];
+    defaultPageSize?: number;
+    pageSizeOptions?: (number | "All")[];
     isLoading?: boolean;
     isSuccess?: boolean;
     isError?: boolean;
     error?: unknown;
-    enableSelect: boolean;
-    maxRowCount?: number;
 }
-declare function Table({ title, headers, data, isLoading, isSuccess, isError, error, enableSelect, maxRowCount, }: TableProps): import("react/jsx-runtime").JSX.Element;
+declare function Table<T extends Record<string, any>>({ title, columns, data, defaultPageSize, pageSizeOptions, isLoading, isSuccess, isError, error, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
 export default Table;

package/build/components/data-display/table/TableContent.d.ts

@@ -1,11 +1,16 @@
-export interface TableContentProps {
+import React from "react";
+export type TableColumnConfig<T> = {
+    key: keyof T;
+    header: string;
+    render: (value: T[keyof T], record: T) => React.ReactNode;
+    sortable?: boolean;
+};
+type TableContentProps<T> = {
     title?: string;
-    headers: {
-        [key: string]: string;
-    };
-    data: any[];
-    enableSelect: boolean;
-    maxRowCount?: number;
-}
-declare function TableContent({ title, headers, data, enableSelect, maxRowCount, }: TableContentProps): import("react/jsx-runtime").JSX.Element;
-export default TableContent;
+    columns: TableColumnConfig<T>[];
+    data: T[];
+    defaultPageSize?: number;
+    pageSizeOptions?: (number | "All")[];
+};
+export declare function TableContent<T extends Record<string, any>>({ title, columns, data, defaultPageSize, pageSizeOptions, }: TableContentProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/data-entry/button/Button.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
 import { Variant, Shape, Size } from "../../../data/enums";
 export interface ButtonProps {
-    type: "button" | "submit";
+    type?: "button" | "submit";
     icon?: ReactNode;
     text?: string;
     children?: ReactNode;

package/build/components/data-entry/input/input/Input.d.ts

@@ -1,11 +1,14 @@
 import { FieldHookConfig } from "formik";
-export interface InputProps {
+import { Shape } from "../../../../data/enums";
+export interface InputProps extends FieldHookConfig<string> {
     type: "text" | "password" | "number";
+    name: string;
     placeholder: string;
     styles?: string;
     step?: string;
+    shape?: keyof typeof Shape;
 }
 export interface PasswordVisibilityTogglerProps {
     onClick: (visibility: boolean) => void;
 }
-export declare const Input: ({ type, placeholder, styles, step, ...props }: FieldHookConfig<string> & InputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Input: ({ type, placeholder, styles, step, shape, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/index.d.ts

@@ -1,5 +1,3 @@
-import AdvancedTable from "./data-display/advanced-table/AdvancedTable";
-import { AdvancedTableColumnConfig } from "./data-display/advanced-table/AdvancedTableContent";
 import { Avatar } from "./data-display/avatar/Avatar";
 import { Badge } from "./data-display/badge/Badge";
 import TitleBanner from "./data-display/banners/TitleBanner";
@@ -16,6 +14,7 @@ import { PriceTag } from "./data-display/price-tag/PriceTag";
 import { StarRating, StarRatingDistribution } from "./data-display/rating";
 import Slider from "./data-display/slider/Slider";
 import Table from "./data-display/table/Table";
+import { TableColumnConfig } from "./data-display/table/TableContent";
 import Tag from "./data-display/tag/Tag";
 import Tooltip from "./data-display/tooltip/Tooltip";
 import { Typography, Chapter, Section, Paragraph, Quote } from "./data-display/typography";
@@ -65,4 +64,4 @@ import { ThemeContext, ThemeProvider } from "./theme";
 import { ThemeSwitch } from "./theme";
 import AsyncComponentWrapper from "./utils/AsyncComponentWrapper";
 import ShowMore from "./utils/ShowMore";
-export { AdvancedTable, AdvancedTableColumnConfig, Avatar, Badge, TitleBanner, Brand, BarChart, LineChart, PieChart, Chip, Flag, Image, CloudinaryImage, Info, List, ListItem, PriceTag, StarRating, StarRatingDistribution, Slider, Table, Tag, Tooltip, Typography, Chapter, Section, Paragraph, Quote, ValueBadge, YoutubeVideoPlayer, WorldMap, WorldMapPoint, WorldMapCountryTable, Button, Checkbox, DateSelector, Form, FormResponse, ImageInput, InputResponse, InputLabel, Input, InputFile, InputList, InputListGroup, MultiImageInput, Radio, StarRatingInput, Select, Switch, Tags, TextArea, Backdrop, Skeleton, Toast, sendToast, Transition, ContentArea, Sidebar, Flex, FlexCol, FlexRow, Grid, Layout, Header, Content, Footer, MarkdownEditor, MarkdownViewer, Breadcrumb, BreadcrumbItem, Drawer, DrawerToggler, FooterNav, FooterNavGroup, FooterNavItem, FooterNavItemTitle, FooterNavItemContext, HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemTitle, HeaderNavItemContext, Link, Menu, MenuGroup, MenuItem, MenuItemTitle, RouteTab, RouteTabs, Modal, UnderConstructionBanner, Accordion, Card, CardHeader, CardContent, CardFooter, ThemeContext, ThemeProvider, ThemeSwitch, AsyncComponentWrapper, ShowMore, };
+export { Avatar, Badge, TitleBanner, Brand, BarChart, LineChart, PieChart, Chip, Flag, Image, CloudinaryImage, Info, List, ListItem, PriceTag, StarRating, StarRatingDistribution, Slider, Table, TableColumnConfig, Tag, Tooltip, Typography, Chapter, Section, Paragraph, Quote, ValueBadge, YoutubeVideoPlayer, WorldMap, WorldMapPoint, WorldMapCountryTable, Button, Checkbox, DateSelector, Form, FormResponse, ImageInput, InputResponse, InputLabel, Input, InputFile, InputList, InputListGroup, MultiImageInput, Radio, StarRatingInput, Select, Switch, Tags, TextArea, Backdrop, Skeleton, Toast, sendToast, Transition, ContentArea, Sidebar, Flex, FlexCol, FlexRow, Grid, Layout, Header, Content, Footer, MarkdownEditor, MarkdownViewer, Breadcrumb, BreadcrumbItem, Drawer, DrawerToggler, FooterNav, FooterNavGroup, FooterNavItem, FooterNavItemTitle, FooterNavItemContext, HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemTitle, HeaderNavItemContext, Link, Menu, MenuGroup, MenuItem, MenuItemTitle, RouteTab, RouteTabs, Modal, UnderConstructionBanner, Accordion, Card, CardHeader, CardContent, CardFooter, ThemeContext, ThemeProvider, ThemeSwitch, AsyncComponentWrapper, ShowMore, };

package/build/data/enums.d.ts

@@ -22,10 +22,9 @@ export declare enum TextVariant {
 }
 export declare enum Shape {
     circle = "circle",
-    square = "square",
     roundedSquare = "roundedSquare",
     softRoundedSquare = "softRoundedSquare",
-    pill = "pill"
+    square = "square"
 }
 export declare enum Size {
     xs = "xs",

package/build/data/meta/country.d.ts

@@ -1,5 +1,6 @@
-export declare const COUNTRY_COORDINATES: Record<string, [number, number]>;
+export declare const COUNTRY_CODES: Record<string, string>;
 export declare const COUNTRY_NAMES: Record<string, string>;
+export declare const COUNTRY_COORDINATES: Record<string, [number, number]>;
 export declare const COUNTRIES: {
     code: string;
     name: string;

package/build/data/meta/currency.d.ts

@@ -1,4 +1,4 @@
-export declare const currencies: {
+export declare const CURRENCIES: {
     name: string;
     symbol: string;
     code: string;

package/build/data/styles.d.ts

@@ -65,3 +65,9 @@ export declare const targets: {
     parent: string;
     top: string;
 };
+export declare const shapes: {
+    square: string;
+    roundedSquare: string;
+    softRoundedSquare: string;
+    circle: string;
+};

package/build/data/test/images/index.d.ts

@@ -0,0 +1,7 @@
+import img_animals from "./img_animals.jpg";
+import img_fruits from "./img_fruits.jpg";
+import img_mountains from "./img_mountains.jpg";
+import img_vehicles from "./img_vehicles.jpg";
+import img_trees from "./img_trees.jpg";
+import img_flowers from "./img_flowers.jpg";
+export { img_animals, img_fruits, img_mountains, img_vehicles, img_trees, img_flowers, };

package/build/data/test/test-user-data.d.ts

@@ -0,0 +1,7 @@
+export type User = {
+    name: string;
+    age: number;
+    profile: string;
+    id: string;
+};
+export declare const userData: User[];