elseware-ui 2.2.24 → 2.2.26
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/build/components/data-display/avatar/Avatar.d.ts +16 -0
- package/build/components/data-display/badge/Badge.d.ts +15 -0
- package/build/components/data-display/banners/TitleBanner.d.ts +17 -0
- package/build/components/data-display/charts/BarChart.d.ts +10 -0
- package/build/components/data-display/charts/LineChart.d.ts +9 -0
- package/build/components/data-display/charts/PieChart.d.ts +10 -0
- package/build/components/data-display/chip/Chip.d.ts +9 -0
- package/build/components/data-display/image/CloudinaryImage.d.ts +8 -0
- package/build/components/data-display/image/Image.d.ts +8 -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 +8 -0
- package/build/components/data-display/rating/StarRating.d.ts +9 -0
- package/build/components/data-display/rating/StarRatingDistribution.d.ts +23 -0
- package/build/components/data-display/rating/index.d.ts +3 -0
- package/build/components/data-display/slider/Slider.d.ts +8 -0
- package/build/components/data-display/slider/SliderItem.d.ts +8 -0
- package/build/components/data-display/table/Table.d.ts +15 -0
- package/build/components/data-display/table/TableContent.d.ts +11 -0
- package/build/components/data-display/table/TableRow.d.ts +8 -0
- package/build/components/data-display/tag/Tag.d.ts +6 -0
- package/build/components/data-display/typography/chapter/Chapter.d.ts +12 -0
- package/build/components/data-display/typography/index.d.ts +13 -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/quote/Quote.d.ts +5 -0
- package/build/components/data-display/typography/section/Section.d.ts +12 -0
- package/build/components/data-entry/button/Button.d.ts +19 -0
- package/build/components/data-entry/checkbox/Checkbox.d.ts +7 -0
- package/build/components/data-entry/date-selector/DateSelector.d.ts +7 -0
- package/build/components/data-entry/form/Form.d.ts +11 -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 +13 -0
- package/build/components/data-entry/image-input/ImageView.d.ts +7 -0
- package/build/components/data-entry/input/Input.d.ts +11 -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 +8 -0
- package/build/components/data-entry/radio/Radio.d.ts +7 -0
- package/build/components/data-entry/rating/StarRatingInput.d.ts +7 -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 +9 -0
- package/build/components/data-entry/text-area/TextArea.d.ts +8 -0
- package/build/components/feedback/backdrop/Backdrop.d.ts +8 -0
- package/build/components/feedback/skeleton/Skeleton.d.ts +7 -0
- package/build/components/feedback/toast/Toast.d.ts +7 -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 +9 -0
- package/build/components/general/footer-navbar/FooterNavbar.d.ts +2 -0
- package/build/components/general/header-navbar/HeaderNavbar.d.ts +9 -0
- package/build/components/general/sidebar/Sidebar.d.ts +6 -0
- package/build/components/general/sidebar/SidebarToggler.d.ts +5 -0
- package/build/components/general/sidebar/index.d.ts +3 -0
- package/build/components/layout/flex/FlexCol.d.ts +9 -0
- package/build/components/layout/flex/FlexRow.d.ts +9 -0
- package/build/components/layout/flex/index.d.ts +7 -0
- package/build/components/layout/grid/Grid.d.ts +8 -0
- package/build/components/layout/layout/Content.d.ts +9 -0
- package/build/components/layout/layout/Footer.d.ts +7 -0
- package/build/components/layout/layout/Header.d.ts +8 -0
- package/build/components/layout/layout/Layout.d.ts +8 -0
- package/build/components/layout/layout/Sider.d.ts +9 -0
- package/build/components/layout/layout/index.d.ts +6 -0
- package/build/components/navigation/breadcrumb/Breadcrumb.d.ts +11 -0
- package/build/components/navigation/breadcrumb/BreadcrumbItem.d.ts +7 -0
- package/build/components/navigation/breadcrumb/index.d.ts +3 -0
- package/build/components/navigation/header-nav/HeaderNav.d.ts +25 -0
- package/build/components/navigation/header-nav/HeaderNavGroup.d.ts +13 -0
- package/build/components/navigation/header-nav/HeaderNavItem.d.ts +12 -0
- package/build/components/navigation/header-nav/HeaderNavItemContext.d.ts +9 -0
- package/build/components/navigation/header-nav/HeaderNavItemTitle.d.ts +10 -0
- package/build/components/navigation/header-nav/index.d.ts +5 -0
- package/build/components/navigation/menu/MIContext.d.ts +8 -0
- package/build/components/navigation/menu/Menu.d.ts +25 -0
- package/build/components/navigation/menu/MenuGroup.d.ts +11 -0
- package/build/components/navigation/menu/MenuItem.d.ts +17 -0
- package/build/components/navigation/menu/MenuItemTitle.d.ts +9 -0
- package/build/components/navigation/menu/index.d.ts +5 -0
- package/build/components/other/modal/Modal.d.ts +16 -0
- package/build/components/surfaces/accordion/Accordion.d.ts +11 -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/theme/ThemeContext.d.ts +14 -0
- package/build/components/theme/ThemeSwitch.d.ts +1 -0
- package/build/components/theme/index.d.ts +3 -0
- package/build/components/utils/AsyncComponentWrapper.d.ts +11 -0
- package/build/components/utils/ShowMore.d.ts +6 -0
- package/build/data/enums.d.ts +48 -0
- package/build/data/meta/currency.d.ts +5 -0
- package/build/data/styles.d.ts +67 -0
- package/build/data/test/test-data.d.ts +20 -0
- package/build/index.es.js +34488 -0
- package/build/index.js +34594 -0
- package/build/layouts/DefaultLayout.d.ts +6 -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 +5 -0
- package/package.json +7 -7
- package/dist/index.esm.min.js +0 -28
- package/dist/index.min.js +0 -29
- /package/{dist → build}/index.d.ts +0 -0
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
import { Variant, Shape, Size } from "../../../data/enums";
|
|
4
|
+
export interface AvatarProps {
|
|
5
|
+
alt?: string;
|
|
6
|
+
icon?: ReactNode;
|
|
7
|
+
children?: string;
|
|
8
|
+
variant?: keyof typeof Variant;
|
|
9
|
+
shape?: keyof typeof Shape;
|
|
10
|
+
size?: keyof typeof Size;
|
|
11
|
+
src?: string;
|
|
12
|
+
styles?: string;
|
|
13
|
+
onClick?: () => void;
|
|
14
|
+
borderVariant?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export declare const Avatar: ({ alt, icon, children, variant, shape, size, src, styles, onClick, borderVariant, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
import { Variant, Shape, Size } from "../../../data/enums";
|
|
4
|
+
export interface BadgeProps {
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
offset?: [number, number];
|
|
7
|
+
dot?: boolean;
|
|
8
|
+
count?: number;
|
|
9
|
+
variant?: keyof typeof Variant;
|
|
10
|
+
shape?: keyof typeof Shape;
|
|
11
|
+
size?: keyof typeof Size;
|
|
12
|
+
showZero?: boolean;
|
|
13
|
+
styles?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const Badge: ({ children, offset, dot, count, variant, shape, size, showZero, styles, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
export interface TitleBannerLevel1Props {
|
|
4
|
+
title: string;
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export interface TitleBannerLevel2Props {
|
|
8
|
+
title: string;
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export interface TitleBannerProps {
|
|
12
|
+
title: string;
|
|
13
|
+
level?: 1 | 2;
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
declare function TitleBanner({ title, level, children, }: TitleBannerProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export default TitleBanner;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { ChartOptions, ChartData } from "chart.js";
|
|
4
|
+
export interface BarChartProps {
|
|
5
|
+
data: ChartData<"bar">;
|
|
6
|
+
options: ChartOptions<"bar">;
|
|
7
|
+
styles?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const BarChart: React.FC<BarChartProps>;
|
|
10
|
+
export default BarChart;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ChartData, ChartOptions } from 'chart.js';
|
|
4
|
+
export interface LineChartProps {
|
|
5
|
+
data: ChartData<'line'>;
|
|
6
|
+
options?: ChartOptions<'line'>;
|
|
7
|
+
}
|
|
8
|
+
declare const LineChart: React.FC<LineChartProps>;
|
|
9
|
+
export default LineChart;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { ChartData, ChartOptions } from "chart.js";
|
|
4
|
+
export interface PieChartProps {
|
|
5
|
+
data: ChartData<"pie">;
|
|
6
|
+
options: ChartOptions<"pie">;
|
|
7
|
+
styles?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const PieChart: React.FC<PieChartProps>;
|
|
10
|
+
export default PieChart;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Variant, Shape, Size } from "../../../data/enums";
|
|
2
|
+
export interface ChipProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
variant?: keyof typeof Variant;
|
|
5
|
+
shape?: keyof typeof Shape;
|
|
6
|
+
size?: keyof typeof Size;
|
|
7
|
+
styles?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const Chip: ({ label, variant, shape, size, styles, }: ChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface CloudinaryImageProps {
|
|
2
|
+
publicId?: string;
|
|
3
|
+
secure?: boolean;
|
|
4
|
+
alt?: string;
|
|
5
|
+
styles?: string;
|
|
6
|
+
}
|
|
7
|
+
declare function CloudinaryImage({ publicId, secure, alt, styles }: CloudinaryImageProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default CloudinaryImage;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
export interface InfoProps {
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
styles?: string;
|
|
6
|
+
}
|
|
7
|
+
declare function Info({ children, styles }: InfoProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default Info;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
export interface ListProps {
|
|
4
|
+
title?: string;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
declare function List({ title, children }: ListProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default List;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
export interface ListItemWrapperProps {
|
|
4
|
+
TypographyComponent: ReactNode;
|
|
5
|
+
x: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare const ListItemWrapper: ({ TypographyComponent, x }: ListItemWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export interface ListItemProps {
|
|
9
|
+
TypographyComponent?: ReactNode;
|
|
10
|
+
bulletVisible?: boolean;
|
|
11
|
+
children: ReactNode;
|
|
12
|
+
}
|
|
13
|
+
declare const ListItem: ({ TypographyComponent, bulletVisible, children }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export default ListItem;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export interface StarRatingProps {
|
|
2
|
+
rating: number;
|
|
3
|
+
isNumericRatingEnabled?: boolean;
|
|
4
|
+
reviewAmount?: number;
|
|
5
|
+
isReviewAmountEnabled?: boolean;
|
|
6
|
+
styles?: string;
|
|
7
|
+
}
|
|
8
|
+
declare function StarRating({ rating, reviewAmount, isNumericRatingEnabled, isReviewAmountEnabled, styles }: StarRatingProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default StarRating;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export interface NumericRatingProps {
|
|
2
|
+
averageRating: number;
|
|
3
|
+
totalReviews: number;
|
|
4
|
+
}
|
|
5
|
+
export interface ProgressBarRatingProps {
|
|
6
|
+
star: number;
|
|
7
|
+
percentage: number;
|
|
8
|
+
}
|
|
9
|
+
export interface ProgressBarsRatingProps {
|
|
10
|
+
ratingDistribution: Array<{
|
|
11
|
+
star: number;
|
|
12
|
+
percentage: number;
|
|
13
|
+
}>;
|
|
14
|
+
}
|
|
15
|
+
declare function StarRatingDistribution({ numericRating, progressBarsRating, ratingDistribution, }: {
|
|
16
|
+
numericRating?: boolean | undefined;
|
|
17
|
+
progressBarsRating?: boolean | undefined;
|
|
18
|
+
ratingDistribution?: {
|
|
19
|
+
star: number;
|
|
20
|
+
count: number;
|
|
21
|
+
}[] | undefined;
|
|
22
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export default StarRatingDistribution;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface SliderProps {
|
|
2
|
+
isLoading?: boolean;
|
|
3
|
+
isSuccess?: boolean;
|
|
4
|
+
coverArt: string;
|
|
5
|
+
screenshots: string[];
|
|
6
|
+
}
|
|
7
|
+
declare function Slider({ isLoading, isSuccess, coverArt, screenshots }: SliderProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default Slider;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface SliderItemProps {
|
|
2
|
+
img?: string;
|
|
3
|
+
onClick?: () => void;
|
|
4
|
+
selected?: boolean;
|
|
5
|
+
styles?: string;
|
|
6
|
+
}
|
|
7
|
+
declare function SliderItem({ img, onClick, selected, styles }: SliderItemProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default SliderItem;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export interface TableProps {
|
|
2
|
+
title?: string;
|
|
3
|
+
headers: {
|
|
4
|
+
[key: string]: string;
|
|
5
|
+
};
|
|
6
|
+
data: any[];
|
|
7
|
+
isLoading?: boolean;
|
|
8
|
+
isSuccess?: boolean;
|
|
9
|
+
isError?: boolean;
|
|
10
|
+
error?: string;
|
|
11
|
+
enableSelect: boolean;
|
|
12
|
+
maxRowCount?: number;
|
|
13
|
+
}
|
|
14
|
+
declare function Table({ title, headers, data, isLoading, isSuccess, isError, error, enableSelect, maxRowCount }: TableProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export default Table;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export interface TableContentProps {
|
|
2
|
+
title?: string;
|
|
3
|
+
headers: {
|
|
4
|
+
[key: string]: string;
|
|
5
|
+
};
|
|
6
|
+
data: any[];
|
|
7
|
+
enableSelect: boolean;
|
|
8
|
+
maxRowCount?: number;
|
|
9
|
+
}
|
|
10
|
+
declare function TableContent({ title, headers, data, enableSelect, maxRowCount, }: TableContentProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default TableContent;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { TextVariant, Decoration } from "../../../../data/enums";
|
|
2
|
+
export interface ChapterProps {
|
|
3
|
+
level: 1 | 2 | 3;
|
|
4
|
+
children?: string;
|
|
5
|
+
variant?: keyof typeof TextVariant;
|
|
6
|
+
styles?: string;
|
|
7
|
+
decoration?: keyof typeof Decoration;
|
|
8
|
+
bold?: boolean;
|
|
9
|
+
italic?: boolean;
|
|
10
|
+
onClick?: () => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const Chapter: ({ level, children, variant, decoration, bold, italic, styles, onClick, }: ChapterProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Chapter } from "./chapter/Chapter";
|
|
2
|
+
import { Section } from "./section/Section";
|
|
3
|
+
import { Paragraph } from "./paragraph/Paragraph";
|
|
4
|
+
import { Link } from "./link/Link";
|
|
5
|
+
import { Quote } from "./quote/Quote";
|
|
6
|
+
declare const Typography: {
|
|
7
|
+
Chapter: ({ level, children, variant, decoration, bold, italic, styles, onClick, }: import("./chapter/Chapter").ChapterProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
Section: ({ level, children, variant, decoration, bold, italic, styles, onClick, }: import("./section/Section").SectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
Paragraph: ({ level, children, variant, decoration, bold, italic, styles, onClick, }: import("./paragraph/Paragraph").ParagraphProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
Link: ({ children, href, target, variant, decoration, bold, italic, styles, onClick, }: import("./link/Link").LinkProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
Quote: ({ children, styles }: import("./quote/Quote").QuoteProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
};
|
|
13
|
+
export { Typography, Chapter, Section, Paragraph, Link, Quote };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { TextVariant, Decoration, Target } from "../../../../data/enums";
|
|
2
|
+
export interface LinkProps {
|
|
3
|
+
children?: string;
|
|
4
|
+
href?: string;
|
|
5
|
+
target?: keyof typeof Target;
|
|
6
|
+
variant?: keyof typeof TextVariant;
|
|
7
|
+
styles?: string;
|
|
8
|
+
decoration?: keyof typeof Decoration;
|
|
9
|
+
bold?: boolean;
|
|
10
|
+
italic?: boolean;
|
|
11
|
+
onClick?: () => void;
|
|
12
|
+
}
|
|
13
|
+
export declare const Link: ({ children, href, target, variant, decoration, bold, italic, styles, onClick, }: LinkProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { TextVariant, Decoration } from "../../../../data/enums";
|
|
2
|
+
export interface ParagraphProps {
|
|
3
|
+
level: 1 | 2 | 3;
|
|
4
|
+
children?: string;
|
|
5
|
+
variant?: keyof typeof TextVariant;
|
|
6
|
+
styles?: string;
|
|
7
|
+
decoration?: keyof typeof Decoration;
|
|
8
|
+
bold?: boolean;
|
|
9
|
+
italic?: boolean;
|
|
10
|
+
onClick?: () => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const Paragraph: ({ level, children, variant, decoration, bold, italic, styles, onClick, }: ParagraphProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { TextVariant, Decoration } from "../../../../data/enums";
|
|
2
|
+
export interface SectionProps {
|
|
3
|
+
level: 1 | 2 | 3;
|
|
4
|
+
children?: string;
|
|
5
|
+
variant?: keyof typeof TextVariant;
|
|
6
|
+
styles?: string;
|
|
7
|
+
decoration?: keyof typeof Decoration;
|
|
8
|
+
bold?: boolean;
|
|
9
|
+
italic?: boolean;
|
|
10
|
+
onClick?: () => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const Section: ({ level, children, variant, decoration, bold, italic, styles, onClick, }: SectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
import { Variant, Shape, Size } from "../../../data/enums";
|
|
4
|
+
export interface ButtonProps {
|
|
5
|
+
type: "button" | "submit";
|
|
6
|
+
icon?: ReactNode;
|
|
7
|
+
text?: string;
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
ghost?: boolean;
|
|
12
|
+
block?: boolean;
|
|
13
|
+
variant?: keyof typeof Variant;
|
|
14
|
+
shape?: keyof typeof Shape;
|
|
15
|
+
size?: keyof typeof Size;
|
|
16
|
+
styles?: string;
|
|
17
|
+
onClick?: () => void;
|
|
18
|
+
}
|
|
19
|
+
export declare const Button: ({ type, icon, text, children, loading, disabled, ghost, block, variant, shape, size, styles, onClick, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { FieldHookConfig } from "formik";
|
|
2
|
+
export interface CheckboxProps {
|
|
3
|
+
placeholder: string;
|
|
4
|
+
options: any[];
|
|
5
|
+
}
|
|
6
|
+
declare function Checkbox({ placeholder, options, ...props }: FieldHookConfig<string> & CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default Checkbox;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { FieldHookConfig } from "formik";
|
|
2
|
+
interface DateSelectorProps {
|
|
3
|
+
placeholder: string;
|
|
4
|
+
styles?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const DateSelector: ({ placeholder, styles, ...props }: FieldHookConfig<string> & DateSelectorProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default DateSelector;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
export interface FormProps {
|
|
4
|
+
initialValues?: object;
|
|
5
|
+
validationSchema?: object;
|
|
6
|
+
enableReinitialize?: boolean;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
styles?: string;
|
|
9
|
+
onSubmit: any;
|
|
10
|
+
}
|
|
11
|
+
export declare const Form: ({ initialValues, validationSchema, enableReinitialize, children, styles, onSubmit, }: FormProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Variant, Shape, Size } from "../../../data/enums";
|
|
2
|
+
export interface FormResponseProps {
|
|
3
|
+
text: string | undefined;
|
|
4
|
+
variant?: keyof typeof Variant;
|
|
5
|
+
shape?: keyof typeof Shape;
|
|
6
|
+
size?: keyof typeof Size;
|
|
7
|
+
styles?: string;
|
|
8
|
+
}
|
|
9
|
+
declare function FormResponse({ text, variant, shape, size, styles, }: FormResponseProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default FormResponse;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
export interface ImageInputProps {
|
|
4
|
+
title?: string;
|
|
5
|
+
uploadDir?: string;
|
|
6
|
+
onValueChanged?: (imageUrl: string) => void;
|
|
7
|
+
disableSetValue?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface ImageInputRef {
|
|
10
|
+
handleResetClick: () => void;
|
|
11
|
+
}
|
|
12
|
+
declare const ImageInput: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<ImageInputRef>>;
|
|
13
|
+
export default ImageInput;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FieldHookConfig } from "formik";
|
|
2
|
+
export interface InputProps {
|
|
3
|
+
type: "text" | "password" | "number";
|
|
4
|
+
placeholder: string;
|
|
5
|
+
styles?: string;
|
|
6
|
+
step?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface PasswordVisibilityTogglerProps {
|
|
9
|
+
onClick: (visibility: boolean) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const Input: ({ type, placeholder, styles, step, ...props }: FieldHookConfig<string> & InputProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TextVariant } from "../../../data/enums";
|
|
2
|
+
export interface InputResponseProps {
|
|
3
|
+
name: string;
|
|
4
|
+
visibility?: boolean;
|
|
5
|
+
variant?: keyof typeof TextVariant;
|
|
6
|
+
styles?: string;
|
|
7
|
+
}
|
|
8
|
+
declare function InputResponse({ name, visibility, variant, styles, }: InputResponseProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default InputResponse;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FieldHookConfig } from "formik";
|
|
2
|
+
export interface MultiImageInputProps {
|
|
3
|
+
title?: string;
|
|
4
|
+
uploadDir?: string;
|
|
5
|
+
name: string;
|
|
6
|
+
}
|
|
7
|
+
declare function MultiImageInput({ title, uploadDir, ...props }: FieldHookConfig<string[]> & MultiImageInputProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default MultiImageInput;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { FieldHookConfig } from "formik";
|
|
2
|
+
export interface RadioProps {
|
|
3
|
+
placeholder: string;
|
|
4
|
+
options: any[];
|
|
5
|
+
}
|
|
6
|
+
declare function Radio({ placeholder, options, ...props }: FieldHookConfig<string> & RadioProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default Radio;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { FieldHookConfig } from "formik";
|
|
2
|
+
export interface StarRatingInputProps {
|
|
3
|
+
starAmount?: number;
|
|
4
|
+
styles?: string;
|
|
5
|
+
}
|
|
6
|
+
declare function StarRatingInput({ starAmount, styles, ...props }: FieldHookConfig<string> & StarRatingInputProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default StarRatingInput;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FieldHookConfig } from "formik";
|
|
2
|
+
export interface SelectProps {
|
|
3
|
+
placeholder: string;
|
|
4
|
+
options: any[];
|
|
5
|
+
styles?: string;
|
|
6
|
+
}
|
|
7
|
+
declare function Select({ placeholder, options, styles, ...props }: FieldHookConfig<string> & SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default Select;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FieldHookConfig } from "formik";
|
|
2
|
+
export interface SwitchProps {
|
|
3
|
+
name: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
showStatus?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare function Switch({ label, description, showStatus, ...props }: FieldHookConfig<boolean> & SwitchProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default Switch;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FieldHookConfig } from "formik";
|
|
2
|
+
export interface TextAreaProps {
|
|
3
|
+
placeholder: string;
|
|
4
|
+
limit: number;
|
|
5
|
+
styles?: string;
|
|
6
|
+
}
|
|
7
|
+
declare function TextArea({ placeholder, limit, styles, ...props }: FieldHookConfig<string> & TextAreaProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default TextArea;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
export interface BackdropProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
styles?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const Backdrop: ({ children, styles }: BackdropProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default Backdrop;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
export interface SkeletonProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
styles?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const Skeleton: ({ children, styles }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
export interface TransitionDropdownProps {
|
|
4
|
+
visibility: any;
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
declare function TransitionDropdown({ visibility, children }: TransitionDropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default TransitionDropdown;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
export interface TransitionDropdownProps {
|
|
4
|
+
visibility: any;
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
declare function TransitionFadeIn({ visibility, children }: TransitionDropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default TransitionFadeIn;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
export interface ContentAreaProps {
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
styles?: string;
|
|
6
|
+
enablePadding?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare function ContentArea({ children, styles, enablePadding, }: ContentAreaProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default ContentArea;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="@types/react" />
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
export interface HeaderNavbarProps {
|
|
4
|
+
left?: ReactNode;
|
|
5
|
+
middle?: ReactNode;
|
|
6
|
+
right?: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
declare function HeaderNavbar({ left, middle, right }: HeaderNavbarProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default HeaderNavbar;
|