@particle-network/ui-react 0.4.0-beta.17 → 0.4.0-beta.19
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/UXDivider/divider.extend.d.ts +5 -5
- package/dist/components/UXDrawer/index.d.ts +9 -0
- package/dist/components/UXDrawer/index.js +89 -0
- package/dist/components/UXEmpty/index.d.ts +1 -1
- package/dist/components/UXHint/index.d.ts +1 -1
- package/dist/components/UXInput/index.d.ts +9 -9
- package/dist/components/UXInput/input.extend.d.ts +9 -9
- package/dist/components/UXModal/index.js +3 -1
- package/dist/components/UXSwitch/index.d.ts +8 -8
- package/dist/components/UXSwitch/switch.extend.d.ts +8 -8
- package/dist/components/UXTable/index.d.ts +29 -29
- package/dist/components/UXTable/table.extend.d.ts +29 -29
- package/dist/components/UXTabs/index.d.ts +1 -1
- package/dist/components/UXThemeSwitch/theme-item.js +4 -4
- package/dist/components/UXThemeSwitch/theme-switch.js +69 -83
- package/dist/components/UXThemeSwitch/use-theme-store.d.ts +0 -5
- package/dist/components/UXThemeSwitch/use-theme-store.js +1 -5
- package/dist/components/UXThemeSwitch/use-theme.d.ts +1 -3
- package/dist/components/UXThemeSwitch/use-theme.js +62 -49
- package/dist/components/UXToast/index.d.ts +1 -0
- package/dist/components/UXToast/index.js +2 -2
- package/dist/components/UXTooltip/tooltip.extend.d.ts +7 -7
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/package.json +2 -2
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
declare const ExtendedDivider: import("react").ForwardRefExoticComponent<Omit<{
|
|
2
|
+
slot?: any;
|
|
3
|
+
style?: import("react").CSSProperties | undefined;
|
|
4
|
+
title?: string | undefined;
|
|
2
5
|
ref?: import("react").Ref<HTMLElement> | undefined;
|
|
3
6
|
children?: any;
|
|
4
7
|
defaultChecked?: any;
|
|
@@ -18,11 +21,8 @@ declare const ExtendedDivider: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
18
21
|
id?: string | undefined;
|
|
19
22
|
lang?: string | undefined;
|
|
20
23
|
nonce?: string | undefined;
|
|
21
|
-
slot?: any;
|
|
22
24
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
23
|
-
style?: import("react").CSSProperties | undefined;
|
|
24
25
|
tabIndex?: number | undefined;
|
|
25
|
-
title?: string | undefined;
|
|
26
26
|
translate?: "yes" | "no" | undefined;
|
|
27
27
|
radioGroup?: string | undefined;
|
|
28
28
|
role?: import("react").AriaRole | undefined;
|
|
@@ -67,7 +67,7 @@ declare const ExtendedDivider: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
67
67
|
"aria-colindextext"?: string | undefined;
|
|
68
68
|
"aria-colspan"?: number | undefined;
|
|
69
69
|
"aria-controls"?: string | undefined;
|
|
70
|
-
"aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" |
|
|
70
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
71
71
|
"aria-describedby"?: string | undefined;
|
|
72
72
|
"aria-description"?: string | undefined;
|
|
73
73
|
"aria-details"?: string | undefined;
|
|
@@ -77,7 +77,7 @@ declare const ExtendedDivider: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
77
77
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
78
78
|
"aria-flowto"?: string | undefined;
|
|
79
79
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
80
|
-
"aria-haspopup"?: boolean | "
|
|
80
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
|
|
81
81
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
82
82
|
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
83
83
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type DrawerProps } from '@heroui/drawer';
|
|
3
|
+
export type UXDrawerProps = Omit<DrawerProps, 'closeButton'> & {
|
|
4
|
+
title?: React.ReactNode;
|
|
5
|
+
footer?: React.ReactNode;
|
|
6
|
+
tip?: React.ReactNode;
|
|
7
|
+
titleAlign?: 'left' | 'center';
|
|
8
|
+
};
|
|
9
|
+
export declare const UXDrawer: React.FC<UXDrawerProps>;
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import { Drawer, DrawerBody, DrawerContent, DrawerFooter, DrawerHeader } from "@heroui/drawer";
|
|
4
|
+
import CloseIcon from "@particle-network/icons/web/CloseIcon";
|
|
5
|
+
import { Center, Circle, Flex } from "../layout/index.js";
|
|
6
|
+
import { Text } from "../typography/Text.js";
|
|
7
|
+
import { UXButton } from "../UXButton/index.js";
|
|
8
|
+
const UXDrawer = (props)=>{
|
|
9
|
+
const { title, footer, backdrop, scrollBehavior = 'inside', children, titleAlign = 'left', classNames, tip, ...restProps } = props;
|
|
10
|
+
return /*#__PURE__*/ jsx(Drawer, {
|
|
11
|
+
backdrop: backdrop,
|
|
12
|
+
scrollBehavior: scrollBehavior,
|
|
13
|
+
classNames: {
|
|
14
|
+
wrapper: [
|
|
15
|
+
classNames?.wrapper
|
|
16
|
+
],
|
|
17
|
+
base: [
|
|
18
|
+
'py-6 gap-5 shadow-box',
|
|
19
|
+
'max-md:rounded-none',
|
|
20
|
+
classNames?.base
|
|
21
|
+
],
|
|
22
|
+
backdrop: [
|
|
23
|
+
'backdrop-blur-[1px] bg-black/50 dark:bg-black/70',
|
|
24
|
+
classNames?.backdrop
|
|
25
|
+
],
|
|
26
|
+
header: [
|
|
27
|
+
'px-lg py-0 max-md:text-h3',
|
|
28
|
+
'md:px-6 md:text-h2',
|
|
29
|
+
'center' === titleAlign && 'justify-center',
|
|
30
|
+
classNames?.header
|
|
31
|
+
],
|
|
32
|
+
body: [
|
|
33
|
+
'px-lg md:px-6 py-0 no-scrollbar',
|
|
34
|
+
classNames?.body
|
|
35
|
+
],
|
|
36
|
+
footer: [
|
|
37
|
+
'gap-lg px-lg md:px-6 py-0 flex-col items-stretch',
|
|
38
|
+
classNames?.footer
|
|
39
|
+
],
|
|
40
|
+
closeButton: [
|
|
41
|
+
'top-5 end-4 text-foreground',
|
|
42
|
+
classNames?.closeButton
|
|
43
|
+
]
|
|
44
|
+
},
|
|
45
|
+
closeButton: /*#__PURE__*/ jsx(UXButton, {
|
|
46
|
+
isIconOnly: true,
|
|
47
|
+
variant: "light",
|
|
48
|
+
children: /*#__PURE__*/ jsx(CloseIcon, {
|
|
49
|
+
size: 24
|
|
50
|
+
})
|
|
51
|
+
}),
|
|
52
|
+
...restProps,
|
|
53
|
+
children: /*#__PURE__*/ jsxs(DrawerContent, {
|
|
54
|
+
children: [
|
|
55
|
+
title ? /*#__PURE__*/ jsx(DrawerHeader, {
|
|
56
|
+
className: "capitalize",
|
|
57
|
+
children: title
|
|
58
|
+
}) : null,
|
|
59
|
+
/*#__PURE__*/ jsx(DrawerBody, {
|
|
60
|
+
children: children
|
|
61
|
+
}),
|
|
62
|
+
footer ? /*#__PURE__*/ jsx(DrawerFooter, {
|
|
63
|
+
children: footer
|
|
64
|
+
}) : null,
|
|
65
|
+
tip ? /*#__PURE__*/ jsx(DrawerFooter, {
|
|
66
|
+
className: "-mt-md",
|
|
67
|
+
children: /*#__PURE__*/ jsxs(Flex, {
|
|
68
|
+
gap: 2,
|
|
69
|
+
children: [
|
|
70
|
+
/*#__PURE__*/ jsx(Center, {
|
|
71
|
+
className: "h-4",
|
|
72
|
+
children: /*#__PURE__*/ jsx(Circle, {
|
|
73
|
+
className: "bg-foreground-300 h-[5px] w-[5px]"
|
|
74
|
+
})
|
|
75
|
+
}),
|
|
76
|
+
/*#__PURE__*/ jsx(Text, {
|
|
77
|
+
body2: true,
|
|
78
|
+
color: "secondary",
|
|
79
|
+
children: tip
|
|
80
|
+
})
|
|
81
|
+
]
|
|
82
|
+
})
|
|
83
|
+
}) : null
|
|
84
|
+
]
|
|
85
|
+
})
|
|
86
|
+
});
|
|
87
|
+
};
|
|
88
|
+
UXDrawer.displayName = 'UX.Drawer';
|
|
89
|
+
export { UXDrawer };
|
|
@@ -2,6 +2,11 @@ import React from 'react';
|
|
|
2
2
|
import ExtendedInput from './input.extend';
|
|
3
3
|
export type UXInputProps = React.ComponentPropsWithRef<typeof ExtendedInput>;
|
|
4
4
|
export declare const UXInput: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
5
|
+
form?: string | undefined;
|
|
6
|
+
label?: React.ReactNode;
|
|
7
|
+
slot?: any;
|
|
8
|
+
style?: React.CSSProperties | undefined;
|
|
9
|
+
title?: string | undefined;
|
|
5
10
|
fullWidth?: boolean | undefined;
|
|
6
11
|
ref?: React.Ref<HTMLInputElement> | undefined;
|
|
7
12
|
children?: React.ReactNode;
|
|
@@ -22,11 +27,8 @@ export declare const UXInput: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
22
27
|
id?: string | undefined;
|
|
23
28
|
lang?: string | undefined;
|
|
24
29
|
nonce?: string | undefined;
|
|
25
|
-
slot?: any;
|
|
26
30
|
spellCheck?: "true" | "false" | undefined;
|
|
27
|
-
style?: React.CSSProperties | undefined;
|
|
28
31
|
tabIndex?: number | undefined;
|
|
29
|
-
title?: string | undefined;
|
|
30
32
|
translate?: "yes" | "no" | undefined;
|
|
31
33
|
radioGroup?: string | undefined;
|
|
32
34
|
role?: React.AriaRole | undefined;
|
|
@@ -43,7 +45,7 @@ export declare const UXInput: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
43
45
|
vocab?: string | undefined;
|
|
44
46
|
autoCorrect?: string | undefined;
|
|
45
47
|
autoSave?: string | undefined;
|
|
46
|
-
color?: "
|
|
48
|
+
color?: "success" | "default" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | undefined;
|
|
47
49
|
itemProp?: string | undefined;
|
|
48
50
|
itemScope?: boolean | undefined;
|
|
49
51
|
itemType?: string | undefined;
|
|
@@ -72,7 +74,7 @@ export declare const UXInput: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
72
74
|
"aria-colindextext"?: string | undefined;
|
|
73
75
|
"aria-colspan"?: number | undefined;
|
|
74
76
|
"aria-controls"?: string | undefined;
|
|
75
|
-
"aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" |
|
|
77
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
76
78
|
"aria-describedby"?: string | undefined;
|
|
77
79
|
"aria-description"?: string | undefined;
|
|
78
80
|
"aria-details"?: string | undefined;
|
|
@@ -82,7 +84,7 @@ export declare const UXInput: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
82
84
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
83
85
|
"aria-flowto"?: string | undefined;
|
|
84
86
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
85
|
-
"aria-haspopup"?: boolean | "
|
|
87
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
|
|
86
88
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
87
89
|
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
88
90
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -284,7 +286,6 @@ export declare const UXInput: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
284
286
|
onTransitionRunCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
285
287
|
onTransitionStart?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
286
288
|
onTransitionStartCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
287
|
-
form?: string | undefined;
|
|
288
289
|
list?: string | undefined;
|
|
289
290
|
step?: string | number | undefined;
|
|
290
291
|
size?: "sm" | "md" | "lg" | undefined;
|
|
@@ -301,7 +302,7 @@ export declare const UXInput: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
301
302
|
type?: string | undefined;
|
|
302
303
|
key?: React.Key | null | undefined;
|
|
303
304
|
isClearable?: boolean | undefined;
|
|
304
|
-
classNames?: import("@heroui/theme").SlotsToClasses<"
|
|
305
|
+
classNames?: import("@heroui/theme").SlotsToClasses<"base" | "input" | "label" | "description" | "errorMessage" | "clearButton" | "mainWrapper" | "inputWrapper" | "innerWrapper" | "helperWrapper"> | undefined;
|
|
305
306
|
isDisabled?: boolean | undefined;
|
|
306
307
|
isReadOnly?: boolean | undefined;
|
|
307
308
|
isRequired?: boolean | undefined;
|
|
@@ -313,7 +314,6 @@ export declare const UXInput: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
313
314
|
errorMessage?: React.ReactNode | ((v: import("@react-types/shared").ValidationResult) => React.ReactNode);
|
|
314
315
|
onFocusChange?: ((isFocused: boolean) => void) | undefined;
|
|
315
316
|
placeholder?: string | undefined;
|
|
316
|
-
label?: React.ReactNode;
|
|
317
317
|
excludeFromTabOrder?: boolean | undefined;
|
|
318
318
|
autoComplete?: string | undefined;
|
|
319
319
|
maxLength?: number | undefined;
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
declare const ExtendedInput: import("react").ForwardRefExoticComponent<Omit<{
|
|
2
|
+
form?: string | undefined;
|
|
3
|
+
label?: import("react").ReactNode;
|
|
4
|
+
slot?: any;
|
|
5
|
+
style?: import("react").CSSProperties | undefined;
|
|
6
|
+
title?: string | undefined;
|
|
2
7
|
fullWidth?: boolean | undefined;
|
|
3
8
|
ref?: import("react").Ref<HTMLInputElement> | undefined;
|
|
4
9
|
children?: import("react").ReactNode;
|
|
@@ -19,11 +24,8 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
19
24
|
id?: string | undefined;
|
|
20
25
|
lang?: string | undefined;
|
|
21
26
|
nonce?: string | undefined;
|
|
22
|
-
slot?: any;
|
|
23
27
|
spellCheck?: "true" | "false" | undefined;
|
|
24
|
-
style?: import("react").CSSProperties | undefined;
|
|
25
28
|
tabIndex?: number | undefined;
|
|
26
|
-
title?: string | undefined;
|
|
27
29
|
translate?: "yes" | "no" | undefined;
|
|
28
30
|
radioGroup?: string | undefined;
|
|
29
31
|
role?: import("react").AriaRole | undefined;
|
|
@@ -40,7 +42,7 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
40
42
|
vocab?: string | undefined;
|
|
41
43
|
autoCorrect?: string | undefined;
|
|
42
44
|
autoSave?: string | undefined;
|
|
43
|
-
color?: "
|
|
45
|
+
color?: "success" | "default" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | undefined;
|
|
44
46
|
itemProp?: string | undefined;
|
|
45
47
|
itemScope?: boolean | undefined;
|
|
46
48
|
itemType?: string | undefined;
|
|
@@ -69,7 +71,7 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
69
71
|
"aria-colindextext"?: string | undefined;
|
|
70
72
|
"aria-colspan"?: number | undefined;
|
|
71
73
|
"aria-controls"?: string | undefined;
|
|
72
|
-
"aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" |
|
|
74
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
73
75
|
"aria-describedby"?: string | undefined;
|
|
74
76
|
"aria-description"?: string | undefined;
|
|
75
77
|
"aria-details"?: string | undefined;
|
|
@@ -79,7 +81,7 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
79
81
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
80
82
|
"aria-flowto"?: string | undefined;
|
|
81
83
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
82
|
-
"aria-haspopup"?: boolean | "
|
|
84
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
|
|
83
85
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
84
86
|
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
85
87
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -281,7 +283,6 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
281
283
|
onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
|
|
282
284
|
onTransitionStart?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
|
|
283
285
|
onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
|
|
284
|
-
form?: string | undefined;
|
|
285
286
|
list?: string | undefined;
|
|
286
287
|
step?: string | number | undefined;
|
|
287
288
|
size?: "sm" | "md" | "lg" | undefined;
|
|
@@ -298,7 +299,7 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
298
299
|
type?: string | undefined;
|
|
299
300
|
key?: import("react").Key | null | undefined;
|
|
300
301
|
isClearable?: boolean | undefined;
|
|
301
|
-
classNames?: import("@heroui/theme").SlotsToClasses<"
|
|
302
|
+
classNames?: import("@heroui/theme").SlotsToClasses<"base" | "input" | "label" | "description" | "errorMessage" | "clearButton" | "mainWrapper" | "inputWrapper" | "innerWrapper" | "helperWrapper"> | undefined;
|
|
302
303
|
isDisabled?: boolean | undefined;
|
|
303
304
|
isReadOnly?: boolean | undefined;
|
|
304
305
|
isRequired?: boolean | undefined;
|
|
@@ -310,7 +311,6 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
310
311
|
errorMessage?: import("react").ReactNode | ((v: import("@react-types/shared").ValidationResult) => import("react").ReactNode);
|
|
311
312
|
onFocusChange?: ((isFocused: boolean) => void) | undefined;
|
|
312
313
|
placeholder?: string | undefined;
|
|
313
|
-
label?: import("react").ReactNode;
|
|
314
314
|
excludeFromTabOrder?: boolean | undefined;
|
|
315
315
|
autoComplete?: string | undefined;
|
|
316
316
|
maxLength?: number | undefined;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
3
|
import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader } from "@heroui/modal";
|
|
4
|
-
import { Center, Circle, Flex, Text, UXButton } from "../index.js";
|
|
5
4
|
import { CloseIcon } from "../../icons/index.js";
|
|
5
|
+
import { Center, Circle, Flex } from "../layout/index.js";
|
|
6
|
+
import { Text } from "../typography/Text.js";
|
|
7
|
+
import { UXButton } from "../UXButton/index.js";
|
|
6
8
|
const UXModal = /*#__PURE__*/ forwardRef((props, ref)=>{
|
|
7
9
|
const { title, footer, backdrop, scrollBehavior = 'inside', children, titleAlign = 'left', classNames, tip, ...restProps } = props;
|
|
8
10
|
return /*#__PURE__*/ jsx(Modal, {
|
|
@@ -2,6 +2,10 @@ import React from 'react';
|
|
|
2
2
|
import ExtendedSwitch from './switch.extend';
|
|
3
3
|
export type UXSwitchProps = React.ComponentPropsWithRef<typeof ExtendedSwitch>;
|
|
4
4
|
export declare const UXSwitch: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
5
|
+
form?: string | undefined;
|
|
6
|
+
slot?: any;
|
|
7
|
+
style?: React.CSSProperties | undefined;
|
|
8
|
+
title?: string | undefined;
|
|
5
9
|
ref?: React.Ref<HTMLInputElement> | undefined;
|
|
6
10
|
children?: React.ReactNode;
|
|
7
11
|
defaultChecked?: any;
|
|
@@ -21,11 +25,8 @@ export declare const UXSwitch: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
21
25
|
id?: string | undefined;
|
|
22
26
|
lang?: string | undefined;
|
|
23
27
|
nonce?: string | undefined;
|
|
24
|
-
slot?: any;
|
|
25
28
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
26
|
-
style?: React.CSSProperties | undefined;
|
|
27
29
|
tabIndex?: number | undefined;
|
|
28
|
-
title?: string | undefined;
|
|
29
30
|
translate?: "yes" | "no" | undefined;
|
|
30
31
|
radioGroup?: string | undefined;
|
|
31
32
|
role?: React.AriaRole | undefined;
|
|
@@ -42,7 +43,7 @@ export declare const UXSwitch: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
42
43
|
vocab?: string | undefined;
|
|
43
44
|
autoCorrect?: string | undefined;
|
|
44
45
|
autoSave?: string | undefined;
|
|
45
|
-
color?: "
|
|
46
|
+
color?: "success" | "default" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
|
|
46
47
|
itemProp?: string | undefined;
|
|
47
48
|
itemScope?: boolean | undefined;
|
|
48
49
|
itemType?: string | undefined;
|
|
@@ -71,7 +72,7 @@ export declare const UXSwitch: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
71
72
|
"aria-colindextext"?: string | undefined;
|
|
72
73
|
"aria-colspan"?: number | undefined;
|
|
73
74
|
"aria-controls"?: string | undefined;
|
|
74
|
-
"aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" |
|
|
75
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
75
76
|
"aria-describedby"?: string | undefined;
|
|
76
77
|
"aria-description"?: string | undefined;
|
|
77
78
|
"aria-details"?: string | undefined;
|
|
@@ -81,7 +82,7 @@ export declare const UXSwitch: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
81
82
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
82
83
|
"aria-flowto"?: string | undefined;
|
|
83
84
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
84
|
-
"aria-haspopup"?: boolean | "
|
|
85
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
|
|
85
86
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
86
87
|
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
87
88
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -283,7 +284,6 @@ export declare const UXSwitch: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
283
284
|
onTransitionRunCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
284
285
|
onTransitionStart?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
285
286
|
onTransitionStartCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
286
|
-
form?: string | undefined;
|
|
287
287
|
list?: string | undefined;
|
|
288
288
|
step?: string | number | undefined;
|
|
289
289
|
size?: "sm" | "md" | "lg" | undefined;
|
|
@@ -297,7 +297,7 @@ export declare const UXSwitch: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
297
297
|
name?: string | undefined;
|
|
298
298
|
type?: React.HTMLInputTypeAttribute | undefined;
|
|
299
299
|
key?: React.Key | null | undefined;
|
|
300
|
-
classNames?: import("@heroui/theme").SlotsToClasses<"
|
|
300
|
+
classNames?: import("@heroui/theme").SlotsToClasses<"base" | "label" | "startContent" | "endContent" | "wrapper" | "hiddenInput" | "thumb" | "thumbIcon"> | undefined;
|
|
301
301
|
isDisabled?: boolean | undefined;
|
|
302
302
|
isReadOnly?: boolean | undefined;
|
|
303
303
|
onFocusChange?: ((isFocused: boolean) => void) | undefined;
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
declare const ExtendedSwitch: import("react").ForwardRefExoticComponent<Omit<{
|
|
2
|
+
form?: string | undefined;
|
|
3
|
+
slot?: any;
|
|
4
|
+
style?: import("react").CSSProperties | undefined;
|
|
5
|
+
title?: string | undefined;
|
|
2
6
|
ref?: import("react").Ref<HTMLInputElement> | undefined;
|
|
3
7
|
children?: import("react").ReactNode;
|
|
4
8
|
defaultChecked?: any;
|
|
@@ -18,11 +22,8 @@ declare const ExtendedSwitch: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
18
22
|
id?: string | undefined;
|
|
19
23
|
lang?: string | undefined;
|
|
20
24
|
nonce?: string | undefined;
|
|
21
|
-
slot?: any;
|
|
22
25
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
23
|
-
style?: import("react").CSSProperties | undefined;
|
|
24
26
|
tabIndex?: number | undefined;
|
|
25
|
-
title?: string | undefined;
|
|
26
27
|
translate?: "yes" | "no" | undefined;
|
|
27
28
|
radioGroup?: string | undefined;
|
|
28
29
|
role?: import("react").AriaRole | undefined;
|
|
@@ -39,7 +40,7 @@ declare const ExtendedSwitch: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
39
40
|
vocab?: string | undefined;
|
|
40
41
|
autoCorrect?: string | undefined;
|
|
41
42
|
autoSave?: string | undefined;
|
|
42
|
-
color?: "
|
|
43
|
+
color?: "success" | "default" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
|
|
43
44
|
itemProp?: string | undefined;
|
|
44
45
|
itemScope?: boolean | undefined;
|
|
45
46
|
itemType?: string | undefined;
|
|
@@ -68,7 +69,7 @@ declare const ExtendedSwitch: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
68
69
|
"aria-colindextext"?: string | undefined;
|
|
69
70
|
"aria-colspan"?: number | undefined;
|
|
70
71
|
"aria-controls"?: string | undefined;
|
|
71
|
-
"aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" |
|
|
72
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
72
73
|
"aria-describedby"?: string | undefined;
|
|
73
74
|
"aria-description"?: string | undefined;
|
|
74
75
|
"aria-details"?: string | undefined;
|
|
@@ -78,7 +79,7 @@ declare const ExtendedSwitch: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
78
79
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
79
80
|
"aria-flowto"?: string | undefined;
|
|
80
81
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
81
|
-
"aria-haspopup"?: boolean | "
|
|
82
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
|
|
82
83
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
83
84
|
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
84
85
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -280,7 +281,6 @@ declare const ExtendedSwitch: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
280
281
|
onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
|
|
281
282
|
onTransitionStart?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
|
|
282
283
|
onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
|
|
283
|
-
form?: string | undefined;
|
|
284
284
|
list?: string | undefined;
|
|
285
285
|
step?: string | number | undefined;
|
|
286
286
|
size?: "sm" | "md" | "lg" | undefined;
|
|
@@ -294,7 +294,7 @@ declare const ExtendedSwitch: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
294
294
|
name?: string | undefined;
|
|
295
295
|
type?: import("react").HTMLInputTypeAttribute | undefined;
|
|
296
296
|
key?: import("react").Key | null | undefined;
|
|
297
|
-
classNames?: import("@heroui/theme").SlotsToClasses<"
|
|
297
|
+
classNames?: import("@heroui/theme").SlotsToClasses<"base" | "label" | "startContent" | "endContent" | "wrapper" | "hiddenInput" | "thumb" | "thumbIcon"> | undefined;
|
|
298
298
|
isDisabled?: boolean | undefined;
|
|
299
299
|
isReadOnly?: boolean | undefined;
|
|
300
300
|
onFocusChange?: ((isFocused: boolean) => void) | undefined;
|
|
@@ -2,17 +2,30 @@ import React from 'react';
|
|
|
2
2
|
import ExtendedTable from './table.extend';
|
|
3
3
|
export type UXTableProps = React.ComponentPropsWithRef<typeof ExtendedTable>;
|
|
4
4
|
export declare const UXTable: import("@heroui/system-rsc").InternalForwardRefRenderFunction<"table", Omit<{
|
|
5
|
-
|
|
5
|
+
className?: string | undefined;
|
|
6
|
+
size?: "md" | "lg" | undefined;
|
|
7
|
+
color?: "default" | "success" | "primary" | "secondary" | "warning" | "danger" | undefined;
|
|
8
|
+
radius?: "none" | "sm" | "md" | "lg" | undefined;
|
|
9
|
+
disableAnimation?: boolean | undefined;
|
|
10
|
+
shadow?: "none" | "sm" | "md" | "lg" | undefined;
|
|
11
|
+
"aria-label"?: string | undefined;
|
|
12
|
+
"aria-labelledby"?: string | undefined;
|
|
13
|
+
"aria-describedby"?: string | undefined;
|
|
14
|
+
"aria-details"?: string | undefined;
|
|
15
|
+
slot?: any;
|
|
16
|
+
style?: React.CSSProperties | undefined;
|
|
17
|
+
summary?: string | undefined;
|
|
18
|
+
title?: string | undefined;
|
|
6
19
|
ref?: import("@heroui/react-utils").ReactRef<HTMLElement | null> | undefined;
|
|
7
|
-
children?: ((string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null) & [React.ReactElement<import("@react-types/table").TableHeaderProps<object>, string | React.JSXElementConstructor<any>>, React.ReactElement<import("@react-types/table").TableBodyProps<object>, string | React.JSXElementConstructor<any>>]) | undefined;
|
|
8
20
|
defaultChecked?: any;
|
|
9
21
|
defaultValue?: any;
|
|
22
|
+
as?: import("@heroui/system-rsc").As<any> | undefined;
|
|
23
|
+
key?: React.Key | null | undefined;
|
|
10
24
|
suppressContentEditableWarning?: boolean | undefined;
|
|
11
25
|
suppressHydrationWarning?: boolean | undefined;
|
|
12
26
|
accessKey?: string | undefined;
|
|
13
27
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
|
|
14
28
|
autoFocus?: boolean | undefined;
|
|
15
|
-
className?: string | undefined;
|
|
16
29
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
17
30
|
contextMenu?: string | undefined;
|
|
18
31
|
dir?: string | undefined;
|
|
@@ -22,11 +35,8 @@ export declare const UXTable: import("@heroui/system-rsc").InternalForwardRefRen
|
|
|
22
35
|
id?: string | undefined;
|
|
23
36
|
lang?: string | undefined;
|
|
24
37
|
nonce?: string | undefined;
|
|
25
|
-
slot?: any;
|
|
26
38
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
27
|
-
style?: React.CSSProperties | undefined;
|
|
28
39
|
tabIndex?: number | undefined;
|
|
29
|
-
title?: string | undefined;
|
|
30
40
|
translate?: "yes" | "no" | undefined;
|
|
31
41
|
radioGroup?: string | undefined;
|
|
32
42
|
role?: React.AriaRole | undefined;
|
|
@@ -43,7 +53,6 @@ export declare const UXTable: import("@heroui/system-rsc").InternalForwardRefRen
|
|
|
43
53
|
vocab?: string | undefined;
|
|
44
54
|
autoCorrect?: string | undefined;
|
|
45
55
|
autoSave?: string | undefined;
|
|
46
|
-
color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | undefined;
|
|
47
56
|
itemProp?: string | undefined;
|
|
48
57
|
itemScope?: boolean | undefined;
|
|
49
58
|
itemType?: string | undefined;
|
|
@@ -56,7 +65,7 @@ export declare const UXTable: import("@heroui/system-rsc").InternalForwardRefRen
|
|
|
56
65
|
popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
|
|
57
66
|
popoverTarget?: string | undefined;
|
|
58
67
|
inert?: boolean | undefined;
|
|
59
|
-
inputMode?: "search" | "
|
|
68
|
+
inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
60
69
|
is?: string | undefined;
|
|
61
70
|
exportparts?: string | undefined;
|
|
62
71
|
part?: string | undefined;
|
|
@@ -72,28 +81,24 @@ export declare const UXTable: import("@heroui/system-rsc").InternalForwardRefRen
|
|
|
72
81
|
"aria-colindextext"?: string | undefined;
|
|
73
82
|
"aria-colspan"?: number | undefined;
|
|
74
83
|
"aria-controls"?: string | undefined;
|
|
75
|
-
"aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" |
|
|
76
|
-
"aria-describedby"?: string | undefined;
|
|
84
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
77
85
|
"aria-description"?: string | undefined;
|
|
78
|
-
"aria-details"?: string | undefined;
|
|
79
86
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
80
87
|
"aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
81
88
|
"aria-errormessage"?: string | undefined;
|
|
82
89
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
83
90
|
"aria-flowto"?: string | undefined;
|
|
84
91
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
85
|
-
"aria-haspopup"?: boolean | "
|
|
92
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
|
|
86
93
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
87
94
|
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
88
95
|
"aria-keyshortcuts"?: string | undefined;
|
|
89
|
-
"aria-label"?: string | undefined;
|
|
90
|
-
"aria-labelledby"?: string | undefined;
|
|
91
96
|
"aria-level"?: number | undefined;
|
|
92
97
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
93
98
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
94
99
|
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
95
100
|
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
96
|
-
"aria-orientation"?: "
|
|
101
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
97
102
|
"aria-owns"?: string | undefined;
|
|
98
103
|
"aria-placeholder"?: string | undefined;
|
|
99
104
|
"aria-posinset"?: number | undefined;
|
|
@@ -113,6 +118,7 @@ export declare const UXTable: import("@heroui/system-rsc").InternalForwardRefRen
|
|
|
113
118
|
"aria-valuemin"?: number | undefined;
|
|
114
119
|
"aria-valuenow"?: number | undefined;
|
|
115
120
|
"aria-valuetext"?: string | undefined;
|
|
121
|
+
children?: ((string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null) & [React.ReactElement<import("@react-types/table").TableHeaderProps<object>, string | React.JSXElementConstructor<any>>, React.ReactElement<import("@react-types/table").TableBodyProps<object>, string | React.JSXElementConstructor<any>>]) | undefined;
|
|
116
122
|
dangerouslySetInnerHTML?: {
|
|
117
123
|
__html: string | TrustedHTML;
|
|
118
124
|
} | undefined;
|
|
@@ -284,28 +290,22 @@ export declare const UXTable: import("@heroui/system-rsc").InternalForwardRefRen
|
|
|
284
290
|
onTransitionRunCapture?: React.TransitionEventHandler<HTMLTableElement> | undefined;
|
|
285
291
|
onTransitionStart?: React.TransitionEventHandler<HTMLTableElement> | undefined;
|
|
286
292
|
onTransitionStartCapture?: React.TransitionEventHandler<HTMLTableElement> | undefined;
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
radius?: "sm" | "md" | "lg" | "none" | undefined;
|
|
293
|
+
classNames?: import("@heroui/theme").SlotsToClasses<"base" | "table" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr" | "wrapper" | "sortIcon" | "emptyWrapper" | "loadingWrapper"> | undefined;
|
|
294
|
+
align?: "center" | "start" | "end" | undefined;
|
|
295
|
+
fullWidth?: boolean | undefined;
|
|
291
296
|
layout?: "auto" | "fixed" | undefined;
|
|
292
|
-
|
|
293
|
-
key?: React.Key | null | undefined;
|
|
294
|
-
classNames?: import("@heroui/theme").SlotsToClasses<"table" | "base" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr" | "wrapper" | "sortIcon" | "emptyWrapper" | "loadingWrapper"> | undefined;
|
|
295
|
-
disableAnimation?: boolean | undefined;
|
|
296
|
-
summary?: string | undefined;
|
|
297
|
-
as?: import("@heroui/system-rsc").As<any> | undefined;
|
|
297
|
+
width?: string | number | undefined;
|
|
298
298
|
baseRef?: import("@heroui/react-utils").ReactRef<HTMLElement | null> | undefined;
|
|
299
|
+
scrollRef?: import("@react-types/shared").RefObject<HTMLElement | null> | undefined;
|
|
300
|
+
border?: number | undefined;
|
|
299
301
|
disallowEmptySelection?: boolean | undefined;
|
|
300
302
|
onSelectionChange?: ((keys: import("@react-types/shared").Selection) => void) | undefined;
|
|
301
303
|
disabledKeys?: Iterable<import("@react-types/shared").Key> | undefined;
|
|
302
|
-
scrollRef?: import("@react-types/shared").RefObject<HTMLElement | null> | undefined;
|
|
303
304
|
isVirtualized?: boolean | undefined;
|
|
304
|
-
shadow?: "sm" | "md" | "lg" | "none" | undefined;
|
|
305
305
|
topContent?: React.ReactNode;
|
|
306
306
|
bottomContent?: React.ReactNode;
|
|
307
307
|
keyboardDelegate?: import("@react-types/shared").KeyboardDelegate | undefined;
|
|
308
|
-
selectionBehavior?: "
|
|
308
|
+
selectionBehavior?: "toggle" | "replace" | undefined;
|
|
309
309
|
shouldSelectOnPressUp?: boolean | undefined;
|
|
310
310
|
escapeKeyBehavior?: "none" | "clearSelection" | undefined;
|
|
311
311
|
selectionMode?: import("@react-types/shared").SelectionMode | undefined;
|
|
@@ -324,7 +324,7 @@ export declare const UXTable: import("@heroui/system-rsc").InternalForwardRefRen
|
|
|
324
324
|
isMultiSelectable?: boolean | undefined;
|
|
325
325
|
layoutDelegate?: import("@react-types/shared").LayoutDelegate | undefined;
|
|
326
326
|
disallowTypeAhead?: boolean | undefined;
|
|
327
|
-
focusMode?: "
|
|
327
|
+
focusMode?: "cell" | "row" | undefined;
|
|
328
328
|
getRowText?: ((key: import("@react-types/shared").Key) => string) | undefined;
|
|
329
329
|
onRowAction?: (((key: React.Key) => void) & ((key: import("@react-types/shared").Key) => void)) | undefined;
|
|
330
330
|
onCellAction?: (((key: React.Key) => void) & ((key: import("@react-types/shared").Key) => void)) | undefined;
|