naria-ui 0.4.7 → 0.5.0
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/dist/components/Checkbox/Checkbox.d.ts +31 -0
- package/dist/components/Checkbox/index.d.ts +1 -0
- package/dist/components/Modal/Modal.d.ts +1 -1
- package/dist/components/Pagination/Pagination.d.ts +50 -0
- package/dist/components/Pagination/index.d.ts +1 -0
- package/dist/components/Popover/Popover.d.ts +20 -7
- package/dist/components/Radio/Radio.d.ts +33 -0
- package/dist/components/Radio/index.d.ts +1 -0
- package/dist/components/Switch/Switch.d.ts +18 -0
- package/dist/components/Switch/index.d.ts +1 -0
- package/dist/components/Table/Table.d.ts +54 -0
- package/dist/components/Table/index.d.ts +1 -0
- package/dist/components/Tabs/Tabs.d.ts +43 -0
- package/dist/components/Tabs/index.d.ts +1 -0
- package/dist/components/index.d.ts +9 -4
- package/dist/naria-ui.cjs.js +11 -11
- package/dist/naria-ui.css +1 -1
- package/dist/naria-ui.es.js +3113 -2813
- package/package.json +1 -1
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { default as React, FC } from 'react';
|
|
2
|
+
export interface Props {
|
|
3
|
+
checked: boolean;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
onChange: (checked: boolean) => void;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
classNames?: {
|
|
8
|
+
root?: string;
|
|
9
|
+
disabled?: string;
|
|
10
|
+
input?: string;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
export declare const CheckboxIndicator: ({ children, classNames }: {
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
classNames?: {
|
|
16
|
+
indicator?: string;
|
|
17
|
+
icon?: string;
|
|
18
|
+
};
|
|
19
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare const CheckboxContent: ({ children, classNames }: {
|
|
21
|
+
children?: React.ReactNode;
|
|
22
|
+
classNames?: {
|
|
23
|
+
content?: string;
|
|
24
|
+
};
|
|
25
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
interface CheckboxComponent extends FC<Props> {
|
|
27
|
+
Indicator: typeof CheckboxIndicator;
|
|
28
|
+
Content: typeof CheckboxContent;
|
|
29
|
+
}
|
|
30
|
+
export declare const Checkbox: CheckboxComponent;
|
|
31
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Checkbox } from './Checkbox';
|
|
@@ -4,7 +4,7 @@ export interface LibModalProps {
|
|
|
4
4
|
title?: string;
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
backdropDismissible?: boolean;
|
|
7
|
-
backdrop
|
|
7
|
+
backdrop?: "opaque" | "blur" | "transparent";
|
|
8
8
|
hideCloseButton?: boolean;
|
|
9
9
|
footer?: React.ReactNode;
|
|
10
10
|
closeIcon?: React.ReactNode;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
export interface Props {
|
|
3
|
+
page: number;
|
|
4
|
+
size: number;
|
|
5
|
+
total: number;
|
|
6
|
+
onPageChange: (value: number) => void;
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
classNames?: {
|
|
9
|
+
root?: string;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
export declare const PaginationPrev: ({ children, classNames }: {
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
classNames?: {
|
|
15
|
+
prev?: string;
|
|
16
|
+
};
|
|
17
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare const PaginationNext: ({ children, classNames }: {
|
|
19
|
+
children?: ReactNode;
|
|
20
|
+
classNames?: {
|
|
21
|
+
next?: string;
|
|
22
|
+
};
|
|
23
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare const PaginationPages: ({ separator, classNames }: {
|
|
25
|
+
separator?: ReactNode;
|
|
26
|
+
classNames?: {
|
|
27
|
+
page?: string;
|
|
28
|
+
active?: string;
|
|
29
|
+
separator?: string;
|
|
30
|
+
pagesContainer?: string;
|
|
31
|
+
};
|
|
32
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export declare const PaginationContent: ({ children, classNames }: {
|
|
34
|
+
children?: ReactNode | ((context: {
|
|
35
|
+
page: number;
|
|
36
|
+
totalPages: number;
|
|
37
|
+
onPageChange: (v: number) => void;
|
|
38
|
+
}) => ReactNode);
|
|
39
|
+
classNames?: {
|
|
40
|
+
content?: string;
|
|
41
|
+
};
|
|
42
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
interface PaginationComponent extends FC<Props> {
|
|
44
|
+
Prev: typeof PaginationPrev;
|
|
45
|
+
Next: typeof PaginationNext;
|
|
46
|
+
Pages: typeof PaginationPages;
|
|
47
|
+
Content: typeof PaginationContent;
|
|
48
|
+
}
|
|
49
|
+
export declare const Pagination: PaginationComponent;
|
|
50
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Pagination } from './Pagination';
|
|
@@ -1,14 +1,27 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
export interface
|
|
1
|
+
import { default as React, FC } from 'react';
|
|
2
|
+
export interface Props {
|
|
3
3
|
classNames?: {
|
|
4
4
|
root?: string;
|
|
5
|
-
backdrop?: string;
|
|
6
|
-
content?: string;
|
|
7
5
|
};
|
|
8
6
|
backdrop?: "opaque" | "blur" | "transparent";
|
|
9
7
|
placement?: "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end" | "right-start" | "right" | "right-end" | "left-start" | "left" | "left-end";
|
|
10
8
|
isOpen: boolean;
|
|
11
|
-
onOpenChange:
|
|
12
|
-
children?:
|
|
9
|
+
onOpenChange: (isOpen: boolean) => void;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare const PopoverTrigger: ({ children }: {
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare const PopoverContent: ({ children, classNames }: {
|
|
16
|
+
children?: React.ReactNode;
|
|
17
|
+
classNames?: {
|
|
18
|
+
content?: string;
|
|
19
|
+
backdrop?: string;
|
|
20
|
+
};
|
|
21
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
interface PopoverComponent extends FC<Props> {
|
|
23
|
+
Trigger: typeof PopoverTrigger;
|
|
24
|
+
Content: typeof PopoverContent;
|
|
13
25
|
}
|
|
14
|
-
export declare const Popover:
|
|
26
|
+
export declare const Popover: PopoverComponent;
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { default as React, FC } from 'react';
|
|
2
|
+
export interface Props {
|
|
3
|
+
value: string;
|
|
4
|
+
name: string;
|
|
5
|
+
selected?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
onChange: (value: string) => void;
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
classNames?: {
|
|
10
|
+
root?: string;
|
|
11
|
+
disabled?: string;
|
|
12
|
+
input?: string;
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
export declare const RadioIndicator: ({ children, classNames }: {
|
|
16
|
+
children?: React.ReactNode;
|
|
17
|
+
classNames?: {
|
|
18
|
+
indicator?: string;
|
|
19
|
+
icon?: string;
|
|
20
|
+
};
|
|
21
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare const RadioContent: ({ children, classNames }: {
|
|
23
|
+
children?: React.ReactNode;
|
|
24
|
+
classNames?: {
|
|
25
|
+
content?: string;
|
|
26
|
+
};
|
|
27
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
interface RadioComponent extends FC<Props> {
|
|
29
|
+
Indicator: typeof RadioIndicator;
|
|
30
|
+
Content: typeof RadioContent;
|
|
31
|
+
}
|
|
32
|
+
export declare const Radio: RadioComponent;
|
|
33
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Radio } from './Radio';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface props {
|
|
3
|
+
checked?: boolean;
|
|
4
|
+
onChange?: (checked: boolean) => void;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
label?: string | React.ReactNode;
|
|
7
|
+
labelPosition?: 'left' | 'right';
|
|
8
|
+
classNames?: {
|
|
9
|
+
root?: string;
|
|
10
|
+
rootActive?: string;
|
|
11
|
+
rootDisabled?: string;
|
|
12
|
+
label?: string;
|
|
13
|
+
button?: string;
|
|
14
|
+
track?: string;
|
|
15
|
+
thumb?: string;
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
export declare const Switch: React.FC<props>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Switch } from './Switch';
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { default as React, FC, ReactNode } from 'react';
|
|
2
|
+
export interface TableProps {
|
|
3
|
+
classNames?: {
|
|
4
|
+
table?: string;
|
|
5
|
+
};
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare const TableBase: FC<TableProps & React.TableHTMLAttributes<HTMLTableElement>>;
|
|
9
|
+
export declare const TableHeader: FC<{
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
classNames?: {
|
|
12
|
+
thead?: string;
|
|
13
|
+
};
|
|
14
|
+
}>;
|
|
15
|
+
export declare const TableBody: FC<{
|
|
16
|
+
children?: ReactNode;
|
|
17
|
+
classNames?: {
|
|
18
|
+
tbody?: string;
|
|
19
|
+
};
|
|
20
|
+
}>;
|
|
21
|
+
export declare const TableFooter: FC<{
|
|
22
|
+
children?: ReactNode;
|
|
23
|
+
classNames?: {
|
|
24
|
+
tfoot?: string;
|
|
25
|
+
};
|
|
26
|
+
}>;
|
|
27
|
+
export declare const TableRow: FC<{
|
|
28
|
+
children?: ReactNode;
|
|
29
|
+
classNames?: {
|
|
30
|
+
tr?: string;
|
|
31
|
+
};
|
|
32
|
+
}>;
|
|
33
|
+
export declare const TableHead: FC<{
|
|
34
|
+
children?: ReactNode;
|
|
35
|
+
classNames?: {
|
|
36
|
+
th?: string;
|
|
37
|
+
};
|
|
38
|
+
}>;
|
|
39
|
+
export declare const TableCell: FC<{
|
|
40
|
+
children?: ReactNode;
|
|
41
|
+
classNames?: {
|
|
42
|
+
td?: string;
|
|
43
|
+
};
|
|
44
|
+
}>;
|
|
45
|
+
interface TableComponent extends FC<TableProps & React.TableHTMLAttributes<HTMLTableElement>> {
|
|
46
|
+
Header: typeof TableHeader;
|
|
47
|
+
Body: typeof TableBody;
|
|
48
|
+
Footer: typeof TableFooter;
|
|
49
|
+
Row: typeof TableRow;
|
|
50
|
+
Head: typeof TableHead;
|
|
51
|
+
Cell: typeof TableCell;
|
|
52
|
+
}
|
|
53
|
+
export declare const Table: TableComponent;
|
|
54
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Table } from './Table';
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { default as React, FC, ReactElement, ReactNode } from 'react';
|
|
2
|
+
export interface TabsProps {
|
|
3
|
+
value: number;
|
|
4
|
+
onChange: (index: number) => void;
|
|
5
|
+
children: ReactElement[];
|
|
6
|
+
prevIcon?: ReactNode | string;
|
|
7
|
+
nextIcon?: ReactNode | string;
|
|
8
|
+
classNames?: {
|
|
9
|
+
root?: string;
|
|
10
|
+
prev?: string;
|
|
11
|
+
next?: string;
|
|
12
|
+
tabWrapper?: string;
|
|
13
|
+
contentWrapper?: string;
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
interface TabProps {
|
|
17
|
+
label: string;
|
|
18
|
+
selected?: boolean;
|
|
19
|
+
onClick?: () => void;
|
|
20
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
21
|
+
classNames?: {
|
|
22
|
+
tab?: string;
|
|
23
|
+
active?: string;
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
export declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
27
|
+
interface TabContentProps {
|
|
28
|
+
index: number;
|
|
29
|
+
value?: number;
|
|
30
|
+
children: React.ReactNode;
|
|
31
|
+
classNames?: {
|
|
32
|
+
content?: string;
|
|
33
|
+
inner?: string;
|
|
34
|
+
active?: string;
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
export declare const TabContent: FC<TabContentProps>;
|
|
38
|
+
interface TabsComponent extends FC<TabsProps> {
|
|
39
|
+
Tab: typeof Tab;
|
|
40
|
+
TabContent: typeof TabContent;
|
|
41
|
+
}
|
|
42
|
+
export declare const Tabs: TabsComponent;
|
|
43
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Tabs } from './Tabs';
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
export * from './Button';
|
|
2
|
-
export * from './
|
|
2
|
+
export * from './Calendars/Calendar';
|
|
3
|
+
export * from './Checkbox';
|
|
3
4
|
export * from './Input';
|
|
4
|
-
export * from './Button';
|
|
5
5
|
export * from './Loading';
|
|
6
|
-
export * from './Popover';
|
|
7
|
-
export * from './Calendars/Calendar';
|
|
8
6
|
export * from './Modal';
|
|
7
|
+
export * from './Pagination';
|
|
8
|
+
export * from './Popover';
|
|
9
|
+
export * from './Radio';
|
|
10
|
+
export * from './Select';
|
|
11
|
+
export * from './Switch';
|
|
12
|
+
export * from './Table';
|
|
13
|
+
export * from './Tabs';
|