elseware-ui 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/README.md +65 -0
  2. package/build/components/data-display/avatar/Avatar.d.ts +14 -0
  3. package/build/components/data-display/badge/Badge.d.ts +14 -0
  4. package/build/components/data-display/charts/BarChart.d.ts +9 -0
  5. package/build/components/data-display/charts/LineChart.d.ts +8 -0
  6. package/build/components/data-display/charts/PieChart.d.ts +9 -0
  7. package/build/components/data-display/chip/Chip.d.ts +9 -0
  8. package/build/components/data-display/image/CloudinaryImage.d.ts +9 -0
  9. package/build/components/data-display/image/Image.d.ts +9 -0
  10. package/build/components/data-display/image/index.d.ts +3 -0
  11. package/build/components/data-display/info/Info.d.ts +8 -0
  12. package/build/components/data-display/lists/List.d.ts +8 -0
  13. package/build/components/data-display/lists/ListItem.d.ts +14 -0
  14. package/build/components/data-display/lists/index.d.ts +3 -0
  15. package/build/components/data-display/price-tag/PriceTag.d.ts +9 -0
  16. package/build/components/data-display/rating/StarRating.d.ts +10 -0
  17. package/build/components/data-display/rating/index.d.ts +2 -0
  18. package/build/components/data-display/slider/Slider.d.ts +9 -0
  19. package/build/components/data-display/slider/SliderItem.d.ts +9 -0
  20. package/build/components/data-display/table/Table.d.ts +16 -0
  21. package/build/components/data-display/table/TableContent.d.ts +12 -0
  22. package/build/components/data-display/table/TableRow.d.ts +9 -0
  23. package/build/components/data-display/typography/chapter/Chapter.d.ts +12 -0
  24. package/build/components/data-display/typography/index.d.ts +12 -0
  25. package/build/components/data-display/typography/link/Link.d.ts +13 -0
  26. package/build/components/data-display/typography/paragraph/Paragraph.d.ts +12 -0
  27. package/build/components/data-display/typography/section/Section.d.ts +12 -0
  28. package/build/components/data-entry/button/Button.d.ts +18 -0
  29. package/build/components/data-entry/checkbox/Checkbox.d.ts +8 -0
  30. package/build/components/data-entry/date-selector/DateSelector.d.ts +8 -0
  31. package/build/components/data-entry/form/Form.d.ts +10 -0
  32. package/build/components/data-entry/form/FormResponse.d.ts +10 -0
  33. package/build/components/data-entry/form/index.d.ts +3 -0
  34. package/build/components/data-entry/image-input/ImageInput.d.ts +12 -0
  35. package/build/components/data-entry/image-input/ImageView.d.ts +8 -0
  36. package/build/components/data-entry/input/Input.d.ts +12 -0
  37. package/build/components/data-entry/input/InputResponse.d.ts +9 -0
  38. package/build/components/data-entry/input/index.d.ts +3 -0
  39. package/build/components/data-entry/multi-image-input/MultiImageInput.d.ts +9 -0
  40. package/build/components/data-entry/radio/Radio.d.ts +8 -0
  41. package/build/components/data-entry/rating/StarRatingInput.d.ts +8 -0
  42. package/build/components/data-entry/rating/index.d.ts +2 -0
  43. package/build/components/data-entry/select/Select.d.ts +8 -0
  44. package/build/components/data-entry/switch/Switch.d.ts +3 -0
  45. package/build/components/data-entry/text-area/TextArea.d.ts +9 -0
  46. package/build/components/feedback/backdrop/Backdrop.d.ts +7 -0
  47. package/build/components/feedback/skeleton/Skeleton.d.ts +6 -0
  48. package/build/components/feedback/toast/Toast.d.ts +8 -0
  49. package/build/components/feedback/transition/TransitionDropdown.d.ts +8 -0
  50. package/build/components/feedback/transition/TransitionFadeIn.d.ts +8 -0
  51. package/build/components/feedback/transition/index.d.ts +7 -0
  52. package/build/components/general/content-area/ContentArea.d.ts +8 -0
  53. package/build/components/general/footer-navbar/FooterNavbar.d.ts +3 -0
  54. package/build/components/general/header-navbar/HeaderNavbar.d.ts +9 -0
  55. package/build/components/general/sidebar/Sidebar.d.ts +7 -0
  56. package/build/components/general/sidebar/SidebarToggler.d.ts +6 -0
  57. package/build/components/general/sidebar/index.d.ts +3 -0
  58. package/build/components/layout/flex/FlexCol.d.ts +8 -0
  59. package/build/components/layout/flex/FlexRow.d.ts +8 -0
  60. package/build/components/layout/flex/index.d.ts +7 -0
  61. package/build/components/layout/grid/Grid.d.ts +7 -0
  62. package/build/components/layout/layout/Content.d.ts +7 -0
  63. package/build/components/layout/layout/Footer.d.ts +6 -0
  64. package/build/components/layout/layout/Header.d.ts +7 -0
  65. package/build/components/layout/layout/Layout.d.ts +7 -0
  66. package/build/components/layout/layout/Sider.d.ts +8 -0
  67. package/build/components/layout/layout/index.d.ts +6 -0
  68. package/build/components/navigation/breadcrumb/Breadcrumb.d.ts +12 -0
  69. package/build/components/navigation/breadcrumb/BreadcrumbItem.d.ts +8 -0
  70. package/build/components/navigation/breadcrumb/index.d.ts +3 -0
  71. package/build/components/navigation/menu/MIContext.d.ts +7 -0
  72. package/build/components/navigation/menu/Menu.d.ts +24 -0
  73. package/build/components/navigation/menu/MenuGroup.d.ts +10 -0
  74. package/build/components/navigation/menu/MenuItem.d.ts +16 -0
  75. package/build/components/navigation/menu/MenuItemTitle.d.ts +8 -0
  76. package/build/components/navigation/menu/index.d.ts +5 -0
  77. package/build/components/other/modal/Modal.d.ts +15 -0
  78. package/build/components/surfaces/accordion/Accordion.d.ts +10 -0
  79. package/build/components/surfaces/card/Card.d.ts +8 -0
  80. package/build/components/surfaces/card/CardContent.d.ts +8 -0
  81. package/build/components/surfaces/card/CardFooter.d.ts +8 -0
  82. package/build/components/surfaces/card/CardHeader.d.ts +10 -0
  83. package/build/components/surfaces/card/index.d.ts +5 -0
  84. package/build/components/utils/AsyncComponentWrapper.d.ts +10 -0
  85. package/build/components/utils/ShowMore.d.ts +7 -0
  86. package/build/index.d.ts +50 -0
  87. package/build/index.es.js +33396 -0
  88. package/build/index.es.js.map +1 -0
  89. package/build/index.js +33491 -0
  90. package/build/index.js.map +1 -0
  91. package/build/utils/hooks/components/useModal.d.ts +6 -0
  92. package/build/utils/hooks/components/useSider.d.ts +7 -0
  93. package/build/utils/useClickOutside.d.ts +4 -0
  94. package/package.json +89 -0
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ export interface SidebarTogglerProps {
3
+ handleToggleSider?: () => void;
4
+ }
5
+ declare function SidebarToggler({ handleToggleSider }: SidebarTogglerProps): React.JSX.Element;
6
+ export default SidebarToggler;
@@ -0,0 +1,3 @@
1
+ import Sidebar from "./Sidebar";
2
+ import SidebarToggler from "./SidebarToggler";
3
+ export { Sidebar, SidebarToggler };
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ export interface FlexColProps {
3
+ children?: React.ReactNode;
4
+ gap?: number;
5
+ styles?: string;
6
+ }
7
+ declare function FlexCol({ children, gap, styles }: FlexColProps): React.JSX.Element;
8
+ export default FlexCol;
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ export interface FlexColProps {
3
+ children?: React.ReactNode;
4
+ gap?: number;
5
+ styles?: string;
6
+ }
7
+ declare function FlexRow({ children, gap, styles }: FlexColProps): React.JSX.Element;
8
+ export default FlexRow;
@@ -0,0 +1,7 @@
1
+ import FlexCol from "./FlexCol";
2
+ import FlexRow from "./FlexRow";
3
+ declare const Flex: {
4
+ FlexCol: typeof FlexCol;
5
+ FlexRow: typeof FlexRow;
6
+ };
7
+ export { Flex, FlexCol, FlexRow };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ export interface GridProps {
3
+ children?: React.ReactNode;
4
+ styles?: string;
5
+ }
6
+ declare function Grid({ children, styles }: GridProps): React.JSX.Element;
7
+ export default Grid;
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ export interface ContentProps {
3
+ children?: React.ReactNode;
4
+ visibility?: boolean;
5
+ styles?: string;
6
+ }
7
+ export declare const Content: ({ visibility, children, styles }: ContentProps) => React.JSX.Element;
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ export interface FooterProps {
3
+ children?: React.ReactNode;
4
+ styles?: string;
5
+ }
6
+ export declare const Footer: ({ children, styles }: FooterProps) => React.JSX.Element;
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ export interface HeaderProps {
3
+ position?: "static" | "fixed" | "sticky";
4
+ children?: React.ReactNode;
5
+ styles?: string;
6
+ }
7
+ export declare const Header: ({ position, children, styles }: HeaderProps) => React.JSX.Element;
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ export interface LayoutProps {
3
+ flexDirection?: "vertical" | "horizontal";
4
+ children?: React.ReactNode;
5
+ styles?: string;
6
+ }
7
+ export declare const Layout: ({ flexDirection, children, styles }: LayoutProps) => React.JSX.Element;
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ export interface SiderProps {
3
+ orientation?: "left" | "right";
4
+ children?: React.ReactNode;
5
+ styles?: string;
6
+ visibility: boolean;
7
+ }
8
+ export declare const Sider: ({ orientation, children, styles, visibility }: SiderProps) => React.JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { Layout } from "./Layout";
2
+ import { Header } from "./Header";
3
+ import { Sider } from "./Sider";
4
+ import { Content } from "./Content";
5
+ import { Footer } from "./Footer";
6
+ export { Layout, Header, Sider, Content, Footer };
@@ -0,0 +1,12 @@
1
+ import React from "react";
2
+ export interface I_ItemType {
3
+ title: string;
4
+ href: string;
5
+ }
6
+ export interface BreadcrumbProps {
7
+ gap?: number;
8
+ seperator?: string;
9
+ data?: I_ItemType[];
10
+ styles?: string;
11
+ }
12
+ export declare const Breadcrumb: ({ gap, seperator, data, styles }: BreadcrumbProps) => React.JSX.Element;
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ export interface BreadcrumbItemProps {
3
+ title: string;
4
+ href: string;
5
+ active: boolean;
6
+ }
7
+ declare function BreadcrumbItem({ title, href, active }: BreadcrumbItemProps): React.JSX.Element;
8
+ export default BreadcrumbItem;
@@ -0,0 +1,3 @@
1
+ import { Breadcrumb } from "./Breadcrumb";
2
+ import BreadcrumbItem from "./BreadcrumbItem";
3
+ export { Breadcrumb, BreadcrumbItem };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ export interface MIContextProps {
3
+ icon?: React.ReactNode;
4
+ name: string;
5
+ badge?: React.ReactNode;
6
+ }
7
+ export declare const MIContext: ({ icon, name, badge }: MIContextProps) => React.JSX.Element;
@@ -0,0 +1,24 @@
1
+ import React from "react";
2
+ interface I_MenuItem {
3
+ component: any;
4
+ icon?: React.ReactNode;
5
+ name: string;
6
+ badge?: React.ReactNode;
7
+ to?: string;
8
+ onClick?: () => void;
9
+ }
10
+ interface I_MenuGroup {
11
+ component: any;
12
+ icon?: React.ReactNode;
13
+ name: string;
14
+ badge?: React.ReactNode;
15
+ to?: string;
16
+ items: I_MenuItem[];
17
+ }
18
+ export type MenuDataItemProps = I_MenuItem | I_MenuGroup;
19
+ export interface MenuProps {
20
+ data: MenuDataItemProps[];
21
+ styles?: string;
22
+ }
23
+ declare function Menu({ data, styles }: MenuProps): React.JSX.Element;
24
+ export { Menu };
@@ -0,0 +1,10 @@
1
+ import React from "react";
2
+ export interface MenuGroupProps {
3
+ icon?: React.ReactNode;
4
+ name: string;
5
+ badge?: React.ReactNode;
6
+ to?: string;
7
+ children: React.ReactNode;
8
+ styles?: string;
9
+ }
10
+ export declare const MenuGroup: ({ icon, name, badge, to, styles, children }: MenuGroupProps) => React.JSX.Element;
@@ -0,0 +1,16 @@
1
+ import React from "react";
2
+ export interface ContentProps {
3
+ icon?: React.ReactNode;
4
+ name: string;
5
+ badge?: React.ReactNode;
6
+ styles?: string;
7
+ }
8
+ export interface MenuItemProps {
9
+ icon?: React.ReactNode;
10
+ name: string;
11
+ badge?: React.ReactNode;
12
+ to?: string;
13
+ onClick?: () => void;
14
+ styles?: string;
15
+ }
16
+ export declare const MenuItem: ({ icon, name, badge, to, onClick, styles }: MenuItemProps) => React.JSX.Element;
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ export interface MenuItemTitleProps {
3
+ icon?: React.ReactNode;
4
+ name: string;
5
+ badge?: React.ReactNode;
6
+ styles?: string;
7
+ }
8
+ export declare const MenuItemTitle: ({ icon, name, badge, styles }: MenuItemTitleProps) => React.JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { Menu } from "./Menu";
2
+ import { MenuGroup } from "./MenuGroup";
3
+ import { MenuItem } from "./MenuItem";
4
+ import { MenuItemTitle } from "./MenuItemTitle";
5
+ export { Menu, MenuGroup, MenuItem, MenuItemTitle };
@@ -0,0 +1,15 @@
1
+ import React from "react";
2
+ export interface ModalProps {
3
+ title: string;
4
+ show: boolean;
5
+ handleOnClose?: () => void;
6
+ children?: React.ReactNode;
7
+ enableCloseOnClickOutside: boolean;
8
+ isLoading?: boolean;
9
+ isSuccess?: boolean;
10
+ isError?: boolean;
11
+ error?: string;
12
+ styles?: string;
13
+ }
14
+ declare function Modal({ title, show, handleOnClose, children, isLoading, isSuccess, isError, error, styles, enableCloseOnClickOutside, }: ModalProps): React.JSX.Element;
15
+ export default Modal;
@@ -0,0 +1,10 @@
1
+ import React from "react";
2
+ import { ReactNode } from "react";
3
+ export interface AccordionProps {
4
+ summary?: ReactNode | string;
5
+ children?: ReactNode;
6
+ expandIcon?: ReactNode;
7
+ collapseIcon?: ReactNode;
8
+ }
9
+ declare function Accordion({ summary, expandIcon, collapseIcon, children }: AccordionProps): React.JSX.Element;
10
+ export default Accordion;
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ import { ReactNode } from "react";
3
+ export interface CardProps {
4
+ children?: ReactNode;
5
+ styles?: string;
6
+ }
7
+ declare function Card({ children, styles }: CardProps): React.JSX.Element;
8
+ export default Card;
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ import { ReactNode } from "react";
3
+ export interface CardContentProps {
4
+ children?: ReactNode;
5
+ styles?: string;
6
+ }
7
+ declare function CardContent({ children, styles }: CardContentProps): React.JSX.Element;
8
+ export default CardContent;
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ import { ReactNode } from "react";
3
+ export interface CardFooterProps {
4
+ children?: ReactNode;
5
+ styles?: string;
6
+ }
7
+ declare function CardFooter({ children, styles }: CardFooterProps): React.JSX.Element;
8
+ export default CardFooter;
@@ -0,0 +1,10 @@
1
+ import React from "react";
2
+ import { ReactNode } from "react";
3
+ export interface CardHeaderProps {
4
+ avatar?: ReactNode;
5
+ title?: string;
6
+ description?: string;
7
+ styles?: string;
8
+ }
9
+ declare function CardHeader({ avatar, title, description, styles }: CardHeaderProps): React.JSX.Element;
10
+ export default CardHeader;
@@ -0,0 +1,5 @@
1
+ import Card from "./Card";
2
+ import CardHeader from "./CardHeader";
3
+ import CardContent from "./CardContent";
4
+ import CardFooter from "./CardFooter";
5
+ export { Card, CardHeader, CardContent, CardFooter };
@@ -0,0 +1,10 @@
1
+ import React from "react";
2
+ export interface AsyncComponentWrapperProps {
3
+ children: React.ReactNode;
4
+ isLoading?: boolean;
5
+ isSuccess?: boolean;
6
+ isError?: boolean;
7
+ error?: string;
8
+ }
9
+ declare function AsyncComponentWrapper({ children, isLoading, isSuccess, isError, error }: AsyncComponentWrapperProps): React.JSX.Element;
10
+ export default AsyncComponentWrapper;
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ export interface ShowMoreProps {
3
+ text: string;
4
+ limit: number;
5
+ }
6
+ declare function ShowMore({ text, limit }: ShowMoreProps): React.JSX.Element;
7
+ export default ShowMore;
@@ -0,0 +1,50 @@
1
+ import "./components/gradients.css";
2
+ import "./components/index.css";
3
+ import { Avatar } from "./components/data-display/avatar/Avatar";
4
+ import { Badge } from "./components/data-display/badge/Badge";
5
+ import BarChart from "./components/data-display/charts/BarChart";
6
+ import LineChart from "./components/data-display/charts/LineChart";
7
+ import PieChart from "./components/data-display/charts/PieChart";
8
+ import { Chip } from "./components/data-display/chip/Chip";
9
+ import { Image, CloudinaryImage } from "./components/data-display/image";
10
+ import Info from "./components/data-display/info/Info";
11
+ import { List, ListItem } from "./components/data-display/lists";
12
+ import { PriceTag } from "./components/data-display/price-tag/PriceTag";
13
+ import { StarRating } from "./components/data-display/rating";
14
+ import Slider from "./components/data-display/slider/Slider";
15
+ import Table from "./components/data-display/table/Table";
16
+ import { Typography, Chapter, Section, Paragraph, Link } from "./components/data-display/typography";
17
+ import { Button } from "./components/data-entry/button/Button";
18
+ import Checkbox from "./components/data-entry/checkbox/Checkbox";
19
+ import DateSelector from "./components/data-entry/date-selector/DateSelector";
20
+ import { Form, FormResponse } from "./components/data-entry/form";
21
+ import ImageInput from "./components/data-entry/image-input/ImageInput";
22
+ import MultiImageInput from "./components/data-entry/multi-image-input/MultiImageInput";
23
+ import { Input, InputResponse } from "./components/data-entry/input";
24
+ import Radio from "./components/data-entry/radio/Radio";
25
+ import { StarRatingInput } from "./components/data-entry/rating";
26
+ import Select from "./components/data-entry/select/Select";
27
+ import Switch from "./components/data-entry/switch/Switch";
28
+ import TextArea from "./components/data-entry/text-area/TextArea";
29
+ import Backdrop from "./components/feedback/backdrop/Backdrop";
30
+ import { Skeleton } from "./components/feedback/skeleton/Skeleton";
31
+ import { Toast, sendToast } from "./components/feedback/toast/Toast";
32
+ import Transition from "./components/feedback/transition";
33
+ import ContentArea from "./components/general/content-area/ContentArea";
34
+ import FooterNavbar from "./components/general/footer-navbar/FooterNavbar";
35
+ import HeaderNavbar from "./components/general/header-navbar/HeaderNavbar";
36
+ import { Sidebar, SidebarToggler } from "./components/general/sidebar";
37
+ import { Flex, FlexCol, FlexRow } from "./components/layout/flex";
38
+ import Grid from "./components/layout/grid/Grid";
39
+ import { Layout, Header, Sider, Content, Footer } from "./components/layout/layout";
40
+ import { Breadcrumb, BreadcrumbItem } from "./components/navigation/breadcrumb";
41
+ import { Menu, MenuGroup, MenuItem, MenuItemTitle } from "./components/navigation/menu";
42
+ import Modal from "./components/other/modal/Modal";
43
+ import { Card, CardHeader, CardContent, CardFooter } from "./components/surfaces/card";
44
+ import Accordion from "./components/surfaces/accordion/Accordion";
45
+ import AsyncComponentWrapper from "./components/utils/AsyncComponentWrapper";
46
+ import ShowMore from "./components/utils/ShowMore";
47
+ import useModal from "./utils/hooks/components/useModal";
48
+ import useSider from "./utils/hooks/components/useSider";
49
+ import useClickOutside from "./utils/useClickOutside";
50
+ export { Avatar, Badge, BarChart, LineChart, PieChart, Chip, Image, CloudinaryImage, Info, List, ListItem, PriceTag, StarRating, Slider, Table, Typography, Chapter, Section, Paragraph, Link, Button, Checkbox, DateSelector, Form, FormResponse, ImageInput, MultiImageInput, Input, InputResponse, Radio, StarRatingInput, Select, Switch, TextArea, Backdrop, Skeleton, Toast, sendToast, Transition, ContentArea, FooterNavbar, HeaderNavbar, Sidebar, SidebarToggler, Flex, FlexCol, FlexRow, Grid, Layout, Header, Sider, Content, Footer, Breadcrumb, BreadcrumbItem, Menu, MenuGroup, MenuItem, MenuItemTitle, Modal, Card, CardHeader, CardContent, CardFooter, Accordion, AsyncComponentWrapper, ShowMore, useModal, useSider, useClickOutside, };