@sinco/react 1.0.4-rc.9 → 1.0.4
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +424 -4178
- package/package.json +1 -1
- package/src/index.d.ts +1 -3
- package/src/lib/Components/Drawer/Drawer.d.ts +12 -0
- package/src/lib/Components/EmptyState/EmptyState.d.ts +15 -0
- package/src/lib/{ToastNotification/interfaces.d.ts → Components/ToastNotification/ToastNofitication.d.ts} +7 -0
- package/src/lib/Components/index.d.ts +3 -0
- package/src/lib/Components/pageHeader/PageHeader.d.ts +15 -0
- package/src/lib/ToastNotification/ToastNofitication.d.ts +0 -4
package/package.json
CHANGED
package/src/index.d.ts
CHANGED
@@ -0,0 +1,12 @@
|
|
1
|
+
import React, { ReactNode } from "react";
|
2
|
+
export type Anchor = "left" | "right";
|
3
|
+
export interface DrawerComponentProps {
|
4
|
+
titulo: string;
|
5
|
+
children: ReactNode;
|
6
|
+
acciones: ReactNode;
|
7
|
+
open: boolean;
|
8
|
+
onClose: () => void;
|
9
|
+
anchor?: Anchor;
|
10
|
+
}
|
11
|
+
declare const DrawerComponent: React.FC<DrawerComponentProps>;
|
12
|
+
export default DrawerComponent;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
export interface EmptyStateProperties {
|
3
|
+
state?: States;
|
4
|
+
title?: string;
|
5
|
+
content?: string;
|
6
|
+
actions?: ReactNode;
|
7
|
+
}
|
8
|
+
export type States = 'create' | 'error' | 'noresult' | 'search';
|
9
|
+
export declare enum UrlImage {
|
10
|
+
error = "src/assets/images/error.svg",
|
11
|
+
search = "src/assets/images/search.svg",
|
12
|
+
noresult = "src/assets/images/noresult.svg",
|
13
|
+
create = "src/assets/images/create.svg"
|
14
|
+
}
|
15
|
+
export declare const EmptyState: ({ state, title, content, actions, }: EmptyStateProperties) => JSX.Element;
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import { ReactElement } from "react";
|
2
|
+
import React from "react";
|
2
3
|
export interface Option {
|
3
4
|
}
|
4
5
|
export interface Toast {
|
@@ -9,6 +10,7 @@ export interface Toast {
|
|
9
10
|
dataOpt?: Option[];
|
10
11
|
actions?: React.ReactNode;
|
11
12
|
seeMore?: boolean;
|
13
|
+
position?: string;
|
12
14
|
}
|
13
15
|
export interface IconMap {
|
14
16
|
[key: string]: ReactElement;
|
@@ -16,3 +18,8 @@ export interface IconMap {
|
|
16
18
|
export interface ColorMap {
|
17
19
|
[key: string]: "success" | "error" | "warning" | "info";
|
18
20
|
}
|
21
|
+
export interface position {
|
22
|
+
[key: string]: "center" | "end" | "start";
|
23
|
+
}
|
24
|
+
declare const ToastNotification: (toast: Toast) => JSX.Element;
|
25
|
+
export default ToastNotification;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import React from "react";
|
2
|
+
interface BreadcrumbCode {
|
3
|
+
link: string;
|
4
|
+
name: string;
|
5
|
+
}
|
6
|
+
export interface Pageheader {
|
7
|
+
back?: React.ReactNode;
|
8
|
+
title?: string;
|
9
|
+
subtitle?: string;
|
10
|
+
breadcrumbs?: BreadcrumbCode[];
|
11
|
+
actions?: React.ReactNode;
|
12
|
+
tabs?: React.ReactNode;
|
13
|
+
}
|
14
|
+
declare const PageHeader: (page: Pageheader) => JSX.Element;
|
15
|
+
export default PageHeader;
|