@spear-ai/spectral 1.3.48 → 1.3.49
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/.js +130 -128
- package/dist/Alert.d.ts +6 -6
- package/dist/Button.d.ts +9 -9
- package/dist/Button.js +18 -18
- package/dist/Input.d.ts +12 -12
- package/dist/MultiSelect/MultiSelectBase.d.ts +24 -24
- package/dist/MultiSelect/MutiSelect.d.ts +7 -7
- package/dist/Select/SelectBase.d.ts +16 -16
- package/dist/Select/SelectBase.js +103 -103
- package/dist/Select.d.ts +16 -16
- package/dist/Tabs/TabsBase.d.ts +38 -0
- package/dist/Tabs/TabsBase.js +209 -0
- package/dist/Tabs/tabsStoryData.d.ts +6 -0
- package/dist/Tabs/tabsStoryData.js +81 -0
- package/dist/Tabs/tabsUtils.d.ts +57 -0
- package/dist/Tabs/tabsUtils.js +71 -0
- package/dist/Tabs.d.ts +29 -0
- package/dist/Tabs.js +157 -0
- package/dist/components/Alert/Alert.d.ts +6 -6
- package/dist/components/Alert/Alert.d.ts.map +1 -1
- package/dist/components/Button/Button.d.ts +9 -9
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Input/Input.d.ts +12 -12
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/MultiSelect/MultiSelectBase.d.ts +24 -24
- package/dist/components/MultiSelect/MultiSelectBase.d.ts.map +1 -1
- package/dist/components/MultiSelect/MutiSelect.d.ts +7 -7
- package/dist/components/MultiSelect/MutiSelect.d.ts.map +1 -1
- package/dist/components/Select/Select.d.ts +16 -16
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/SelectBase.d.ts +16 -16
- package/dist/components/Select/SelectBase.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.d.ts +29 -0
- package/dist/components/Tabs/Tabs.d.ts.map +1 -0
- package/dist/components/Tabs/TabsBase.d.ts +38 -0
- package/dist/components/Tabs/TabsBase.d.ts.map +1 -0
- package/dist/components/Tabs/tabsStoryData.d.ts +6 -0
- package/dist/components/Tabs/tabsStoryData.d.ts.map +1 -0
- package/dist/components/Tabs/tabsUtils.d.ts +57 -0
- package/dist/components/Tabs/tabsUtils.d.ts.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/styles/main.css +1 -1
- package/package.json +1 -1
package/dist/.js
CHANGED
|
@@ -10,104 +10,105 @@ import { RadioGroup as E, RadioGroupItem as L } from "./RadioGroup.js";
|
|
|
10
10
|
import { Skeleton as G } from "./Skeleton.js";
|
|
11
11
|
import { Slider as h } from "./Slider.js";
|
|
12
12
|
import { Switch as y } from "./Switch.js";
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
13
|
+
import { Tabs as F } from "./Tabs.js";
|
|
14
|
+
import { Toggle as D } from "./Toggle.js";
|
|
15
|
+
import { ToggleGroup as Z, ToggleGroupItem as b } from "./ToggleGroup.js";
|
|
16
|
+
import { Tooltip as A, TooltipContent as _, TooltipTrigger as N } from "./Tooltip.js";
|
|
17
|
+
import { AnnotationsIcon as U } from "./Icons/AnnotationsIcon.js";
|
|
18
|
+
import { CalendarIcon as X } from "./Icons/CalendarIcon.js";
|
|
19
|
+
import { CheckCircleIcon as H } from "./Icons/CheckCircleIcon.js";
|
|
20
|
+
import { CheckSquareIcon as W } from "./Icons/CheckSquareIcon.js";
|
|
21
|
+
import { ChevronDownIcon as j } from "./Icons/ChevronDownIcon.js";
|
|
22
|
+
import { ChevronUpIcon as J } from "./Icons/ChevronUpIcon.js";
|
|
23
|
+
import { ClockIcon as $ } from "./Icons/ClockIcon.js";
|
|
24
|
+
import { CloseCircleIcon as ro } from "./Icons/CloseCircleIcon.js";
|
|
25
|
+
import { CloseIcon as to } from "./Icons/CloseIcon.js";
|
|
26
|
+
import { DashboardIcon as no } from "./Icons/DashboardIcon.js";
|
|
27
|
+
import { DeleteIcon as fo } from "./Icons/DeleteIcon.js";
|
|
28
|
+
import { DurationIcon as Io } from "./Icons/DurationIcon.js";
|
|
29
|
+
import { EraserIcon as so } from "./Icons/EraserIcon.js";
|
|
30
|
+
import { ErrorIcon as lo } from "./Icons/ErrorIcon.js";
|
|
31
|
+
import { EyeClosedIcon as go } from "./Icons/EyeClosedIcon.js";
|
|
32
|
+
import { EyeClosedIcon2 as uo } from "./Icons/EyeClosedIcon2.js";
|
|
33
|
+
import { EyeOpenIcon as To } from "./Icons/EyeOpenIcon.js";
|
|
34
|
+
import { GoToFirstIcon as Lo } from "./Icons/GoToFirstIcon.js";
|
|
35
|
+
import { GoToLastIcon as Go } from "./Icons/GoToLastIcon.js";
|
|
36
|
+
import { HarmonicCursorsIcon as ho } from "./Icons/HarmonicCursorsIcon.js";
|
|
37
|
+
import { InfoIcon as yo } from "./Icons/InfoIcon.js";
|
|
38
|
+
import { LabelIcon as Fo } from "./Icons/LabelIcon.js";
|
|
39
|
+
import { LassoIcon as Do } from "./Icons/LassoIcon.js";
|
|
40
|
+
import { LineToolIcon as Zo } from "./Icons/LineToolIcon.js";
|
|
41
|
+
import { LiveViewIcon as ko } from "./Icons/LiveViewIcon.js";
|
|
42
|
+
import { LoaderIcon as _o } from "./Icons/LoaderIcon.js";
|
|
43
|
+
import { LocationIcon as Mo } from "./Icons/LocationIcon.js";
|
|
44
|
+
import { LogoutIcon as Vo } from "./Icons/LogoutIcon.js";
|
|
45
|
+
import { MetadataIcon as qo } from "./Icons/MetadataIcon.js";
|
|
46
|
+
import { OntologyIcon as Ko } from "./Icons/OntologyIcon.js";
|
|
47
|
+
import { PanelIcon as Yo } from "./Icons/PanelIcon.js";
|
|
48
|
+
import { PlayIcon as zo } from "./Icons/PlayIcon.js";
|
|
49
|
+
import { PlusIcon as Qo } from "./Icons/PlusIcon.js";
|
|
50
|
+
import { ResetIcon as or } from "./Icons/ResetIcon.js";
|
|
51
|
+
import { ScissorsIcon as er } from "./Icons/ScissorsIcon.js";
|
|
52
|
+
import { SettingsIcon as pr } from "./Icons/SettingsIcon.js";
|
|
53
|
+
import { TrashIcon as mr } from "./Icons/TrashIcon.js";
|
|
54
|
+
import { UndoIcon as xr } from "./Icons/UndoIcon.js";
|
|
55
|
+
import { UserIcon as cr } from "./Icons/UserIcon.js";
|
|
56
|
+
import { WarningIcon as ar } from "./Icons/WarningIcon.js";
|
|
57
|
+
import { ZoomAllIcon as ir } from "./Icons/ZoomAllIcon.js";
|
|
58
|
+
import { ZoomXIcon as Cr } from "./Icons/ZoomXIcon.js";
|
|
59
|
+
import { ZoomYIcon as dr } from "./Icons/ZoomYIcon.js";
|
|
60
|
+
import { default as Tr, SvgIdContext as Er } from "./Icons/IconBase.js";
|
|
61
|
+
import { useControllableState as vr } from "./hooks/useControllableState.js";
|
|
62
|
+
import { useTheme as Pr } from "./hooks/useTheme.js";
|
|
63
|
+
import { EmptyState as Or, ErrorMessage as yr, ICON_SIZE as Br, LARGE_ICON_SIZE as Fr, LoadingState as wr, XL_ICON_SIZE as Dr, getAriaProps as Rr, getBaseTriggerClasses as Zr, getDropdownClasses as br, getErrorMessageId as kr, getFormFieldCSSProperties as Ar, getInputClasses as _r, getOptionClasses as Nr, getStateClasses as Mr, getTextareaClasses as Ur, groupOptions as Vr, scrollIntoView as Xr, useClickOutside as qr, useFormFieldId as Hr, useFormFieldState as Kr, useKeyboardNavigation as Wr } from "./utils/formFieldUtils.js";
|
|
64
|
+
import { c as jr } from "./twUtils-CRiPKpXj.js";
|
|
65
|
+
import { SpectralProvider as Jr } from "./SpectralProvider.js";
|
|
65
66
|
export {
|
|
66
67
|
e as Alert,
|
|
67
|
-
|
|
68
|
+
U as AnnotationsIcon,
|
|
68
69
|
p as Badge,
|
|
69
70
|
m as Button,
|
|
70
71
|
x as ButtonIcon,
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
72
|
+
X as CalendarIcon,
|
|
73
|
+
H as CheckCircleIcon,
|
|
74
|
+
W as CheckSquareIcon,
|
|
75
|
+
j as ChevronDownIcon,
|
|
76
|
+
J as ChevronUpIcon,
|
|
77
|
+
$ as ClockIcon,
|
|
78
|
+
ro as CloseCircleIcon,
|
|
79
|
+
to as CloseIcon,
|
|
80
|
+
no as DashboardIcon,
|
|
81
|
+
fo as DeleteIcon,
|
|
81
82
|
c as Drawer,
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
83
|
+
Io as DurationIcon,
|
|
84
|
+
Or as EmptyState,
|
|
85
|
+
so as EraserIcon,
|
|
86
|
+
lo as ErrorIcon,
|
|
87
|
+
yr as ErrorMessage,
|
|
88
|
+
go as EyeClosedIcon,
|
|
89
|
+
uo as EyeClosedIcon2,
|
|
90
|
+
To as EyeOpenIcon,
|
|
91
|
+
Lo as GoToFirstIcon,
|
|
92
|
+
Go as GoToLastIcon,
|
|
93
|
+
ho as HarmonicCursorsIcon,
|
|
94
|
+
Br as ICON_SIZE,
|
|
95
|
+
Tr as IconBase,
|
|
96
|
+
yo as InfoIcon,
|
|
96
97
|
a as Input,
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
98
|
+
Fr as LARGE_ICON_SIZE,
|
|
99
|
+
Fo as LabelIcon,
|
|
100
|
+
Do as LassoIcon,
|
|
101
|
+
Zo as LineToolIcon,
|
|
102
|
+
ko as LiveViewIcon,
|
|
103
|
+
_o as LoaderIcon,
|
|
104
|
+
wr as LoadingState,
|
|
105
|
+
Mo as LocationIcon,
|
|
106
|
+
Vo as LogoutIcon,
|
|
107
|
+
qo as MetadataIcon,
|
|
108
|
+
Ko as OntologyIcon,
|
|
109
|
+
Yo as PanelIcon,
|
|
110
|
+
zo as PlayIcon,
|
|
111
|
+
Qo as PlusIcon,
|
|
111
112
|
i as Popover,
|
|
112
113
|
g as PopoverContent,
|
|
113
114
|
C as PopoverTrigger,
|
|
@@ -115,44 +116,45 @@ export {
|
|
|
115
116
|
S as RadioButtonGroupItem,
|
|
116
117
|
E as RadioGroup,
|
|
117
118
|
L as RadioGroupItem,
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
119
|
+
or as ResetIcon,
|
|
120
|
+
er as ScissorsIcon,
|
|
121
|
+
pr as SettingsIcon,
|
|
121
122
|
G as Skeleton,
|
|
122
123
|
h as Slider,
|
|
123
|
-
|
|
124
|
-
|
|
124
|
+
Jr as SpectralProvider,
|
|
125
|
+
Er as SvgIdContext,
|
|
125
126
|
y as Switch,
|
|
126
|
-
F as
|
|
127
|
-
D as
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
A as
|
|
131
|
-
_ as
|
|
132
|
-
|
|
133
|
-
mr as
|
|
134
|
-
xr as
|
|
135
|
-
cr as
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
ir as
|
|
139
|
-
Cr as
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
kr as
|
|
146
|
-
Ar as
|
|
147
|
-
_r as
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
127
|
+
F as Tabs,
|
|
128
|
+
D as Toggle,
|
|
129
|
+
Z as ToggleGroup,
|
|
130
|
+
b as ToggleGroupItem,
|
|
131
|
+
A as Tooltip,
|
|
132
|
+
_ as TooltipContent,
|
|
133
|
+
N as TooltipTrigger,
|
|
134
|
+
mr as TrashIcon,
|
|
135
|
+
xr as UndoIcon,
|
|
136
|
+
cr as UserIcon,
|
|
137
|
+
ar as WarningIcon,
|
|
138
|
+
Dr as XL_ICON_SIZE,
|
|
139
|
+
ir as ZoomAllIcon,
|
|
140
|
+
Cr as ZoomXIcon,
|
|
141
|
+
dr as ZoomYIcon,
|
|
142
|
+
jr as cn,
|
|
143
|
+
Rr as getAriaProps,
|
|
144
|
+
Zr as getBaseTriggerClasses,
|
|
145
|
+
br as getDropdownClasses,
|
|
146
|
+
kr as getErrorMessageId,
|
|
147
|
+
Ar as getFormFieldCSSProperties,
|
|
148
|
+
_r as getInputClasses,
|
|
149
|
+
Nr as getOptionClasses,
|
|
150
|
+
Mr as getStateClasses,
|
|
151
|
+
Ur as getTextareaClasses,
|
|
152
|
+
Vr as groupOptions,
|
|
153
|
+
Xr as scrollIntoView,
|
|
154
|
+
qr as useClickOutside,
|
|
155
|
+
vr as useControllableState,
|
|
156
|
+
Hr as useFormFieldId,
|
|
157
|
+
Kr as useFormFieldState,
|
|
158
|
+
Wr as useKeyboardNavigation,
|
|
159
|
+
Pr as useTheme
|
|
158
160
|
};
|
package/dist/Alert.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
export interface AlertProps {
|
|
3
|
-
id: string | undefined;
|
|
4
|
-
description: string | ReactNode | undefined;
|
|
5
3
|
onClose?: () => void;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
4
|
+
readonly className?: string;
|
|
5
|
+
readonly description: string | ReactNode | undefined;
|
|
6
|
+
readonly icon?: ReactNode;
|
|
7
|
+
readonly id: string | undefined;
|
|
8
|
+
readonly title: string | undefined;
|
|
9
|
+
readonly variant?: 'default' | 'info' | 'success' | 'warning' | 'danger';
|
|
10
10
|
}
|
|
11
11
|
export declare const Alert: ({ id, description, onClose, icon, title, className, variant }: AlertProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
//# sourceMappingURL=Alert.d.ts.map
|
package/dist/Button.d.ts
CHANGED
|
@@ -6,17 +6,17 @@ declare const buttonVariants: (props?: ({
|
|
|
6
6
|
state?: "default" | "error" | "loading" | null | undefined;
|
|
7
7
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
8
|
export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
|
|
9
|
-
|
|
10
|
-
endIcon?: ReactNode;
|
|
11
|
-
label: string;
|
|
9
|
+
children?: ReactNode;
|
|
12
10
|
disabled?: boolean;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
state?: 'loading' | 'error' | 'default';
|
|
16
|
-
dataTestId?: string;
|
|
17
|
-
size?: 'default' | 'icon' | 'fullWidth';
|
|
11
|
+
endIcon?: ReactNode;
|
|
12
|
+
errorMessage?: string | ReactNode;
|
|
18
13
|
onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
19
|
-
|
|
14
|
+
readonly dataTestId?: string;
|
|
15
|
+
readonly label: string;
|
|
16
|
+
readonly size?: 'default' | 'icon' | 'fullWidth';
|
|
17
|
+
readonly state?: 'loading' | 'error' | 'default';
|
|
18
|
+
readonly type?: 'button' | 'submit' | 'reset';
|
|
19
|
+
startIcon?: ReactNode;
|
|
20
20
|
}
|
|
21
21
|
export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
22
22
|
export {};
|
package/dist/Button.js
CHANGED
|
@@ -37,18 +37,18 @@ const w = v(
|
|
|
37
37
|
}
|
|
38
38
|
), j = h(
|
|
39
39
|
({
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
children: g,
|
|
41
|
+
className: p,
|
|
42
|
+
dataTestId: c,
|
|
43
|
+
disabled: o,
|
|
43
44
|
endIcon: i,
|
|
44
|
-
state: t,
|
|
45
45
|
errorMessage: a,
|
|
46
|
-
|
|
47
|
-
disabled: s,
|
|
48
|
-
type: p = "button",
|
|
49
|
-
dataTestId: c = `button-${r}`,
|
|
46
|
+
label: d,
|
|
50
47
|
size: e,
|
|
51
|
-
|
|
48
|
+
startIcon: s,
|
|
49
|
+
state: t,
|
|
50
|
+
type: x = "button",
|
|
51
|
+
variant: r,
|
|
52
52
|
...m
|
|
53
53
|
}, y) => {
|
|
54
54
|
const b = {
|
|
@@ -69,26 +69,26 @@ const w = v(
|
|
|
69
69
|
t === "error" && b.error[r || "primary"],
|
|
70
70
|
t === "loading" && b.loading[r || "primary"],
|
|
71
71
|
e,
|
|
72
|
-
|
|
72
|
+
p
|
|
73
73
|
);
|
|
74
74
|
return /* @__PURE__ */ l("div", { className: u("flex flex-col justify-items-center", e), children: [
|
|
75
75
|
/* @__PURE__ */ l(
|
|
76
76
|
"button",
|
|
77
77
|
{
|
|
78
|
+
"aria-disabled": o,
|
|
78
79
|
className: f,
|
|
80
|
+
"data-state": t,
|
|
81
|
+
"data-testid": c || `button-${r}`,
|
|
82
|
+
disabled: o,
|
|
79
83
|
ref: y,
|
|
80
|
-
type:
|
|
81
|
-
"aria-disabled": s,
|
|
82
|
-
disabled: s,
|
|
83
|
-
"data-testid": c,
|
|
84
|
+
type: x,
|
|
84
85
|
...m,
|
|
85
|
-
"data-state": t,
|
|
86
86
|
children: [
|
|
87
|
-
|
|
88
|
-
e === "icon" ? /* @__PURE__ */ n("span", { className: "sr-only", children:
|
|
87
|
+
s && /* @__PURE__ */ n("span", { className: "flex pr-2", "aria-hidden": !0, children: s }),
|
|
88
|
+
e === "icon" ? /* @__PURE__ */ n("span", { className: "sr-only", children: d }) : d,
|
|
89
89
|
t === "loading" && /* @__PURE__ */ n(N, { className: "ml-2 animate-spin", size: 16 }),
|
|
90
90
|
i && t !== "loading" && /* @__PURE__ */ n("span", { className: "flex pl-2", "aria-hidden": !0, children: i }),
|
|
91
|
-
e === "icon" &&
|
|
91
|
+
e === "icon" && g
|
|
92
92
|
]
|
|
93
93
|
}
|
|
94
94
|
),
|
package/dist/Input.d.ts
CHANGED
|
@@ -2,25 +2,25 @@ import { BaseFormFieldProps } from '../../utils/formFieldUtils';
|
|
|
2
2
|
import { FocusEvent, InputHTMLAttributes } from 'react';
|
|
3
3
|
export type InputType = 'text' | 'email' | 'url' | 'tel' | 'password' | 'number' | 'date' | 'datetime-local';
|
|
4
4
|
export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id'> & BaseFormFieldProps & {
|
|
5
|
-
className?: string;
|
|
6
|
-
clearOnFocus?: boolean;
|
|
7
5
|
onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
|
|
8
6
|
onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
readonly className?: string;
|
|
8
|
+
readonly clearOnFocus?: boolean;
|
|
9
|
+
readonly prefix?: string;
|
|
10
|
+
readonly showClearButton?: boolean;
|
|
11
|
+
readonly suppressHydrationWarning?: boolean;
|
|
12
|
+
readonly type?: InputType;
|
|
13
13
|
value?: string;
|
|
14
14
|
};
|
|
15
15
|
export declare const Input: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "id"> & BaseFormFieldProps & {
|
|
16
|
-
className?: string;
|
|
17
|
-
clearOnFocus?: boolean;
|
|
18
16
|
onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
|
|
19
17
|
onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
18
|
+
readonly className?: string;
|
|
19
|
+
readonly clearOnFocus?: boolean;
|
|
20
|
+
readonly prefix?: string;
|
|
21
|
+
readonly showClearButton?: boolean;
|
|
22
|
+
readonly suppressHydrationWarning?: boolean;
|
|
23
|
+
readonly type?: InputType;
|
|
24
24
|
value?: string;
|
|
25
25
|
} & import('react').RefAttributes<HTMLInputElement>>;
|
|
26
26
|
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes } from 'react';
|
|
2
2
|
export type MultiSelectState = 'default' | 'error' | 'disabled' | 'loading';
|
|
3
3
|
export interface MultiSelectOption {
|
|
4
|
-
label: string;
|
|
5
|
-
value: string;
|
|
6
|
-
group?: string;
|
|
7
|
-
disabled?: boolean;
|
|
4
|
+
readonly label: string;
|
|
5
|
+
readonly value: string;
|
|
6
|
+
readonly group?: string;
|
|
7
|
+
readonly disabled?: boolean;
|
|
8
8
|
}
|
|
9
9
|
export interface MultiSelectBaseProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange'> {
|
|
10
10
|
value: string[];
|
|
11
11
|
onChange: (value: string[]) => void;
|
|
12
|
-
options: MultiSelectOption[];
|
|
13
|
-
placeholder?: string;
|
|
14
|
-
maxCount?: number;
|
|
15
|
-
state?: MultiSelectState;
|
|
16
|
-
errorMessage?: string;
|
|
17
|
-
emptyMessage?: string;
|
|
18
|
-
loadingMessage?: string;
|
|
19
|
-
searchPlaceholder?: string;
|
|
20
|
-
selectAllLabel?: string;
|
|
21
|
-
clearAllLabel?: string;
|
|
22
|
-
sortAlphabetically?: boolean;
|
|
23
|
-
showSelectAll?: boolean;
|
|
24
|
-
showClearAll?: boolean;
|
|
25
|
-
showSearch?: boolean;
|
|
26
|
-
closeOnSelect?: boolean;
|
|
27
|
-
name?: string;
|
|
28
|
-
id?: string;
|
|
29
|
-
label?: string;
|
|
30
|
-
'aria-label'?: string;
|
|
31
|
-
'aria-describedby'?: string;
|
|
12
|
+
readonly options: readonly MultiSelectOption[];
|
|
13
|
+
readonly placeholder?: string;
|
|
14
|
+
readonly maxCount?: number;
|
|
15
|
+
readonly state?: MultiSelectState;
|
|
16
|
+
readonly errorMessage?: string;
|
|
17
|
+
readonly emptyMessage?: string;
|
|
18
|
+
readonly loadingMessage?: string;
|
|
19
|
+
readonly searchPlaceholder?: string;
|
|
20
|
+
readonly selectAllLabel?: string;
|
|
21
|
+
readonly clearAllLabel?: string;
|
|
22
|
+
readonly sortAlphabetically?: boolean;
|
|
23
|
+
readonly showSelectAll?: boolean;
|
|
24
|
+
readonly showClearAll?: boolean;
|
|
25
|
+
readonly showSearch?: boolean;
|
|
26
|
+
readonly closeOnSelect?: boolean;
|
|
27
|
+
readonly name?: string;
|
|
28
|
+
readonly id?: string;
|
|
29
|
+
readonly label?: string;
|
|
30
|
+
readonly 'aria-label'?: string;
|
|
31
|
+
readonly 'aria-describedby'?: string;
|
|
32
32
|
}
|
|
33
33
|
export declare const MultiSelectBase: import('react').ForwardRefExoticComponent<MultiSelectBaseProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
34
34
|
//# sourceMappingURL=MultiSelectBase.d.ts.map
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { MultiSelectBaseProps } from './MultiSelectBase';
|
|
2
2
|
export interface MultiSelectProps extends Omit<MultiSelectBaseProps, 'onChange' | 'options'> {
|
|
3
|
+
onSearchChange?: (search: string) => void;
|
|
3
4
|
onValueChange: (value: string[]) => void;
|
|
4
5
|
options: Array<{
|
|
5
|
-
label: string;
|
|
6
|
-
value: string;
|
|
7
|
-
group?: string;
|
|
6
|
+
readonly label: string;
|
|
7
|
+
readonly value: string;
|
|
8
|
+
readonly group?: string;
|
|
8
9
|
}>;
|
|
9
|
-
loading?: boolean;
|
|
10
|
-
emptyText?: string;
|
|
11
|
-
sortAlphabetically?: boolean;
|
|
12
|
-
onSearchChange?: (search: string) => void;
|
|
10
|
+
readonly loading?: boolean;
|
|
11
|
+
readonly emptyText?: string;
|
|
12
|
+
readonly sortAlphabetically?: boolean;
|
|
13
13
|
}
|
|
14
14
|
export declare const MultiSelect: import('react').ForwardRefExoticComponent<MultiSelectProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
15
15
|
//# sourceMappingURL=MutiSelect.d.ts.map
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
export type SelectState = 'default' | 'error' | 'disabled' | 'loading';
|
|
3
3
|
export interface SelectOption {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
readonly disabled?: boolean;
|
|
5
|
+
readonly group?: string;
|
|
6
|
+
readonly label: string;
|
|
7
|
+
readonly value: string;
|
|
8
8
|
}
|
|
9
9
|
export interface SelectBaseProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange'> {
|
|
10
|
-
value?: string;
|
|
11
10
|
defaultValue?: string;
|
|
12
11
|
onChange?: (value: string) => void;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
loadingMessage?: string;
|
|
19
|
-
name?: string;
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
'aria-
|
|
12
|
+
value?: string;
|
|
13
|
+
readonly emptyMessage?: ReactNode;
|
|
14
|
+
readonly errorMessage?: string;
|
|
15
|
+
readonly id?: string;
|
|
16
|
+
readonly label?: string;
|
|
17
|
+
readonly loadingMessage?: string;
|
|
18
|
+
readonly name?: string;
|
|
19
|
+
readonly options: readonly SelectOption[];
|
|
20
|
+
readonly placeholder?: string;
|
|
21
|
+
readonly state?: SelectState;
|
|
22
|
+
readonly 'aria-label'?: string;
|
|
23
|
+
readonly 'aria-describedby'?: string;
|
|
24
24
|
}
|
|
25
25
|
export declare const SelectBase: import('react').ForwardRefExoticComponent<SelectBaseProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
26
26
|
//# sourceMappingURL=SelectBase.d.ts.map
|