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.
- package/README.md +65 -0
- package/build/components/data-display/avatar/Avatar.d.ts +14 -0
- package/build/components/data-display/badge/Badge.d.ts +14 -0
- package/build/components/data-display/charts/BarChart.d.ts +9 -0
- package/build/components/data-display/charts/LineChart.d.ts +8 -0
- package/build/components/data-display/charts/PieChart.d.ts +9 -0
- package/build/components/data-display/chip/Chip.d.ts +9 -0
- package/build/components/data-display/image/CloudinaryImage.d.ts +9 -0
- package/build/components/data-display/image/Image.d.ts +9 -0
- package/build/components/data-display/image/index.d.ts +3 -0
- package/build/components/data-display/info/Info.d.ts +8 -0
- package/build/components/data-display/lists/List.d.ts +8 -0
- package/build/components/data-display/lists/ListItem.d.ts +14 -0
- package/build/components/data-display/lists/index.d.ts +3 -0
- package/build/components/data-display/price-tag/PriceTag.d.ts +9 -0
- package/build/components/data-display/rating/StarRating.d.ts +10 -0
- package/build/components/data-display/rating/index.d.ts +2 -0
- package/build/components/data-display/slider/Slider.d.ts +9 -0
- package/build/components/data-display/slider/SliderItem.d.ts +9 -0
- package/build/components/data-display/table/Table.d.ts +16 -0
- package/build/components/data-display/table/TableContent.d.ts +12 -0
- package/build/components/data-display/table/TableRow.d.ts +9 -0
- package/build/components/data-display/typography/chapter/Chapter.d.ts +12 -0
- package/build/components/data-display/typography/index.d.ts +12 -0
- package/build/components/data-display/typography/link/Link.d.ts +13 -0
- package/build/components/data-display/typography/paragraph/Paragraph.d.ts +12 -0
- package/build/components/data-display/typography/section/Section.d.ts +12 -0
- package/build/components/data-entry/button/Button.d.ts +18 -0
- package/build/components/data-entry/checkbox/Checkbox.d.ts +8 -0
- package/build/components/data-entry/date-selector/DateSelector.d.ts +8 -0
- package/build/components/data-entry/form/Form.d.ts +10 -0
- package/build/components/data-entry/form/FormResponse.d.ts +10 -0
- package/build/components/data-entry/form/index.d.ts +3 -0
- package/build/components/data-entry/image-input/ImageInput.d.ts +12 -0
- package/build/components/data-entry/image-input/ImageView.d.ts +8 -0
- package/build/components/data-entry/input/Input.d.ts +12 -0
- package/build/components/data-entry/input/InputResponse.d.ts +9 -0
- package/build/components/data-entry/input/index.d.ts +3 -0
- package/build/components/data-entry/multi-image-input/MultiImageInput.d.ts +9 -0
- package/build/components/data-entry/radio/Radio.d.ts +8 -0
- package/build/components/data-entry/rating/StarRatingInput.d.ts +8 -0
- package/build/components/data-entry/rating/index.d.ts +2 -0
- package/build/components/data-entry/select/Select.d.ts +8 -0
- package/build/components/data-entry/switch/Switch.d.ts +3 -0
- package/build/components/data-entry/text-area/TextArea.d.ts +9 -0
- package/build/components/feedback/backdrop/Backdrop.d.ts +7 -0
- package/build/components/feedback/skeleton/Skeleton.d.ts +6 -0
- package/build/components/feedback/toast/Toast.d.ts +8 -0
- package/build/components/feedback/transition/TransitionDropdown.d.ts +8 -0
- package/build/components/feedback/transition/TransitionFadeIn.d.ts +8 -0
- package/build/components/feedback/transition/index.d.ts +7 -0
- package/build/components/general/content-area/ContentArea.d.ts +8 -0
- package/build/components/general/footer-navbar/FooterNavbar.d.ts +3 -0
- package/build/components/general/header-navbar/HeaderNavbar.d.ts +9 -0
- package/build/components/general/sidebar/Sidebar.d.ts +7 -0
- package/build/components/general/sidebar/SidebarToggler.d.ts +6 -0
- package/build/components/general/sidebar/index.d.ts +3 -0
- package/build/components/layout/flex/FlexCol.d.ts +8 -0
- package/build/components/layout/flex/FlexRow.d.ts +8 -0
- package/build/components/layout/flex/index.d.ts +7 -0
- package/build/components/layout/grid/Grid.d.ts +7 -0
- package/build/components/layout/layout/Content.d.ts +7 -0
- package/build/components/layout/layout/Footer.d.ts +6 -0
- package/build/components/layout/layout/Header.d.ts +7 -0
- package/build/components/layout/layout/Layout.d.ts +7 -0
- package/build/components/layout/layout/Sider.d.ts +8 -0
- package/build/components/layout/layout/index.d.ts +6 -0
- package/build/components/navigation/breadcrumb/Breadcrumb.d.ts +12 -0
- package/build/components/navigation/breadcrumb/BreadcrumbItem.d.ts +8 -0
- package/build/components/navigation/breadcrumb/index.d.ts +3 -0
- package/build/components/navigation/menu/MIContext.d.ts +7 -0
- package/build/components/navigation/menu/Menu.d.ts +24 -0
- package/build/components/navigation/menu/MenuGroup.d.ts +10 -0
- package/build/components/navigation/menu/MenuItem.d.ts +16 -0
- package/build/components/navigation/menu/MenuItemTitle.d.ts +8 -0
- package/build/components/navigation/menu/index.d.ts +5 -0
- package/build/components/other/modal/Modal.d.ts +15 -0
- package/build/components/surfaces/accordion/Accordion.d.ts +10 -0
- package/build/components/surfaces/card/Card.d.ts +8 -0
- package/build/components/surfaces/card/CardContent.d.ts +8 -0
- package/build/components/surfaces/card/CardFooter.d.ts +8 -0
- package/build/components/surfaces/card/CardHeader.d.ts +10 -0
- package/build/components/surfaces/card/index.d.ts +5 -0
- package/build/components/utils/AsyncComponentWrapper.d.ts +10 -0
- package/build/components/utils/ShowMore.d.ts +7 -0
- package/build/index.d.ts +50 -0
- package/build/index.es.js +33396 -0
- package/build/index.es.js.map +1 -0
- package/build/index.js +33491 -0
- package/build/index.js.map +1 -0
- package/build/utils/hooks/components/useModal.d.ts +6 -0
- package/build/utils/hooks/components/useSider.d.ts +7 -0
- package/build/utils/useClickOutside.d.ts +4 -0
- package/package.json +89 -0
|
@@ -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,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,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,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 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,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,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;
|
package/build/index.d.ts
ADDED
|
@@ -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, };
|