infinity-ui-elements 1.5.0 → 1.5.1-beta.1
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/Avatar/Avatar.d.ts +59 -0
- package/dist/components/Avatar/Avatar.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.stories.d.ts +119 -0
- package/dist/components/Avatar/Avatar.stories.d.ts.map +1 -0
- package/dist/components/Avatar/index.d.ts +3 -0
- package/dist/components/Avatar/index.d.ts.map +1 -0
- package/dist/components/Badge/Badge.d.ts +1 -1
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +26 -0
- package/dist/components/ButtonGroup/ButtonGroup.d.ts.map +1 -0
- package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +102 -0
- package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts.map +1 -0
- package/dist/components/ButtonGroup/index.d.ts +3 -0
- package/dist/components/ButtonGroup/index.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/components/Counter/Counter.d.ts +1 -1
- package/dist/components/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/Dropdown/Dropdown.stories.d.ts +1 -1
- package/dist/components/Dropdown/DropdownMenu.d.ts +4 -0
- package/dist/components/Dropdown/DropdownMenu.d.ts.map +1 -1
- package/dist/components/FormHeader/FormHeader.d.ts.map +1 -1
- package/dist/components/Link/Link.d.ts +1 -1
- package/dist/components/Modal/Modal.d.ts +78 -0
- package/dist/components/Modal/Modal.d.ts.map +1 -0
- package/dist/components/Modal/Modal.stories.d.ts +20 -0
- package/dist/components/Modal/Modal.stories.d.ts.map +1 -0
- package/dist/components/Modal/index.d.ts +3 -0
- package/dist/components/Modal/index.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.d.ts +81 -0
- package/dist/components/Pagination/Pagination.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.stories.d.ts +22 -0
- package/dist/components/Pagination/Pagination.stories.d.ts.map +1 -0
- package/dist/components/Pagination/index.d.ts +3 -0
- package/dist/components/Pagination/index.d.ts.map +1 -0
- package/dist/components/Radio/Radio.d.ts +1 -1
- package/dist/components/SearchableDropdown/SearchableDropdown.d.ts +4 -0
- package/dist/components/SearchableDropdown/SearchableDropdown.d.ts.map +1 -1
- package/dist/components/SearchableDropdown/SearchableDropdown.stories.d.ts +10 -9
- package/dist/components/SearchableDropdown/SearchableDropdown.stories.d.ts.map +1 -1
- package/dist/components/Select/Select.d.ts +148 -0
- package/dist/components/Select/Select.d.ts.map +1 -0
- package/dist/components/Select/Select.stories.d.ts +32 -0
- package/dist/components/Select/Select.stories.d.ts.map +1 -0
- package/dist/components/Select/index.d.ts +2 -0
- package/dist/components/Select/index.d.ts.map +1 -0
- package/dist/components/Switch/Switch.d.ts +1 -1
- package/dist/components/TabItem/TabItem.d.ts +1 -1
- package/dist/components/Table/Table.d.ts +95 -0
- package/dist/components/Table/Table.d.ts.map +1 -0
- package/dist/components/Table/Table.stories.d.ts +21 -0
- package/dist/components/Table/Table.stories.d.ts.map +1 -0
- package/dist/components/Table/index.d.ts +3 -0
- package/dist/components/Table/index.d.ts.map +1 -0
- package/dist/components/TextArea/TextArea.d.ts +1 -1
- package/dist/components/TextField/TextField.d.ts +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +740 -42
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +751 -40
- package/dist/index.js.map +1 -1
- package/dist/lib/icons.d.ts +4 -1
- package/dist/lib/icons.d.ts.map +1 -1
- package/dist/lib/index.d.ts +3 -0
- package/dist/lib/index.d.ts.map +1 -0
- package/dist/lib/utils.d.ts.map +1 -1
- package/package.json +6 -1
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Pagination } from "./Pagination";
|
|
3
|
+
declare const meta: Meta<typeof Pagination>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Pagination>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithPageJumper: Story;
|
|
8
|
+
export declare const MiddlePages: Story;
|
|
9
|
+
export declare const FirstPage: Story;
|
|
10
|
+
export declare const LastPage: Story;
|
|
11
|
+
export declare const PageStatusNone: Story;
|
|
12
|
+
export declare const WithoutPageNumber: Story;
|
|
13
|
+
export declare const Small: Story;
|
|
14
|
+
export declare const Large: Story;
|
|
15
|
+
export declare const WithoutRowsPerPage: Story;
|
|
16
|
+
export declare const WithNumberedButtons: Story;
|
|
17
|
+
export declare const SimplePagination: Story;
|
|
18
|
+
export declare const FewPages: Story;
|
|
19
|
+
export declare const Disabled: Story;
|
|
20
|
+
export declare const CustomLabels: Story;
|
|
21
|
+
export declare const CustomRowsPerPageOptions: Story;
|
|
22
|
+
//# sourceMappingURL=Pagination.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA8DjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAGzC,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAwB5B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAyBzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAyBvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAyBtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyB5B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAyB/B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAqBhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAuBjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA4B1B,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAyBtC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
declare const radioVariants: (props?: ({
|
|
3
|
-
size?: "
|
|
3
|
+
size?: "large" | "medium" | "small" | null | undefined;
|
|
4
4
|
validationState?: "none" | "error" | null | undefined;
|
|
5
5
|
isChecked?: boolean | null | undefined;
|
|
6
6
|
isDisabled?: boolean | null | undefined;
|
|
@@ -66,6 +66,10 @@ export interface SearchableDropdownProps extends Omit<TextFieldProps, "onChange"
|
|
|
66
66
|
* Disable footer buttons
|
|
67
67
|
*/
|
|
68
68
|
disableFooter?: boolean;
|
|
69
|
+
/**
|
|
70
|
+
* Footer layout orientation
|
|
71
|
+
*/
|
|
72
|
+
footerLayout?: "horizontal" | "vertical";
|
|
69
73
|
/**
|
|
70
74
|
* Callback when search value changes
|
|
71
75
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchableDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/SearchableDropdown/SearchableDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SearchableDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/SearchableDropdown/SearchableDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE/E,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IAClD;;OAEG;IACH,KAAK,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACjC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACzC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1E;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAaD,eAAO,MAAM,kBAAkB,kGAiO9B,CAAC"}
|
|
@@ -25,6 +25,7 @@ declare const meta: {
|
|
|
25
25
|
showChevron?: boolean | undefined;
|
|
26
26
|
emptyIcon?: React.ReactNode;
|
|
27
27
|
disableFooter?: boolean | undefined;
|
|
28
|
+
footerLayout?: "horizontal" | "vertical" | undefined;
|
|
28
29
|
onSearchChange?: ((value: string) => void) | undefined;
|
|
29
30
|
onItemSelect?: ((item: import("./SearchableDropdown").SearchableDropdownItem) => void) | undefined;
|
|
30
31
|
filterFunction?: ((item: import("./SearchableDropdown").SearchableDropdownItem, query: string) => boolean) | undefined;
|
|
@@ -33,10 +34,8 @@ declare const meta: {
|
|
|
33
34
|
dropdownClassName?: string | undefined;
|
|
34
35
|
minSearchLength?: number | undefined;
|
|
35
36
|
showOnFocus?: boolean | undefined;
|
|
37
|
+
disabled?: boolean | undefined | undefined;
|
|
36
38
|
color?: string | undefined | undefined;
|
|
37
|
-
size?: "small" | "medium" | "large" | undefined;
|
|
38
|
-
className?: string | undefined | undefined;
|
|
39
|
-
children?: React.ReactNode;
|
|
40
39
|
defaultChecked?: boolean | undefined | undefined;
|
|
41
40
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
42
41
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
@@ -44,6 +43,7 @@ declare const meta: {
|
|
|
44
43
|
accessKey?: string | undefined | undefined;
|
|
45
44
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
46
45
|
autoFocus?: boolean | undefined | undefined;
|
|
46
|
+
className?: string | undefined | undefined;
|
|
47
47
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
48
48
|
contextMenu?: string | undefined | undefined;
|
|
49
49
|
dir?: string | undefined | undefined;
|
|
@@ -139,6 +139,7 @@ declare const meta: {
|
|
|
139
139
|
"aria-valuemin"?: number | undefined | undefined;
|
|
140
140
|
"aria-valuenow"?: number | undefined | undefined;
|
|
141
141
|
"aria-valuetext"?: string | undefined | undefined;
|
|
142
|
+
children?: React.ReactNode;
|
|
142
143
|
dangerouslySetInnerHTML?: {
|
|
143
144
|
__html: string | TrustedHTML;
|
|
144
145
|
} | undefined | undefined;
|
|
@@ -299,10 +300,15 @@ declare const meta: {
|
|
|
299
300
|
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
|
|
300
301
|
onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
301
302
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
303
|
+
label?: string | undefined;
|
|
304
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
302
305
|
form?: string | undefined | undefined;
|
|
303
306
|
list?: string | undefined | undefined;
|
|
307
|
+
step?: number | string | undefined | undefined;
|
|
308
|
+
src?: string | undefined | undefined;
|
|
309
|
+
alt?: string | undefined | undefined;
|
|
310
|
+
containerClassName?: string | undefined;
|
|
304
311
|
isDisabled?: boolean | undefined;
|
|
305
|
-
disabled?: boolean | undefined | undefined;
|
|
306
312
|
formAction?: string | undefined;
|
|
307
313
|
formEncType?: string | undefined | undefined;
|
|
308
314
|
formMethod?: string | undefined | undefined;
|
|
@@ -310,8 +316,6 @@ declare const meta: {
|
|
|
310
316
|
formTarget?: string | undefined | undefined;
|
|
311
317
|
name?: string | undefined | undefined;
|
|
312
318
|
type?: React.HTMLInputTypeAttribute | undefined;
|
|
313
|
-
step?: number | string | undefined | undefined;
|
|
314
|
-
label?: string | undefined;
|
|
315
319
|
helperText?: string | undefined;
|
|
316
320
|
validationState?: "none" | "positive" | "negative" | undefined;
|
|
317
321
|
height?: number | string | undefined | undefined;
|
|
@@ -321,7 +325,6 @@ declare const meta: {
|
|
|
321
325
|
multiple?: boolean | undefined | undefined;
|
|
322
326
|
pattern?: string | undefined | undefined;
|
|
323
327
|
accept?: string | undefined | undefined;
|
|
324
|
-
alt?: string | undefined | undefined;
|
|
325
328
|
autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
|
|
326
329
|
capture?: boolean | "user" | "environment" | undefined | undefined;
|
|
327
330
|
checked?: boolean | undefined | undefined;
|
|
@@ -330,9 +333,7 @@ declare const meta: {
|
|
|
330
333
|
placeholder?: string | undefined | undefined;
|
|
331
334
|
readOnly?: boolean | undefined | undefined;
|
|
332
335
|
required?: boolean | undefined | undefined;
|
|
333
|
-
src?: string | undefined | undefined;
|
|
334
336
|
errorText?: string | undefined;
|
|
335
|
-
containerClassName?: string | undefined;
|
|
336
337
|
labelClassName?: string | undefined;
|
|
337
338
|
isOptional?: boolean | undefined;
|
|
338
339
|
isRequired?: boolean | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchableDropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SearchableDropdown/SearchableDropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"SearchableDropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SearchableDropdown/SearchableDropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4MnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAOnC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAiC/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAiB9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAmB/B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KA4BzC,CAAC"}
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type DropdownMenuItem } from "../Dropdown/DropdownMenu";
|
|
3
|
+
export interface SelectOption extends DropdownMenuItem {
|
|
4
|
+
value: string | number;
|
|
5
|
+
label?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const selectVariants: (props?: ({
|
|
8
|
+
size?: "large" | "medium" | "small" | null | undefined;
|
|
9
|
+
validationState?: "positive" | "negative" | "none" | null | undefined;
|
|
10
|
+
isDisabled?: boolean | null | undefined;
|
|
11
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
12
|
+
export interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "prefix"> {
|
|
13
|
+
/**
|
|
14
|
+
* Options to display in the select dropdown
|
|
15
|
+
*/
|
|
16
|
+
options?: SelectOption[];
|
|
17
|
+
/**
|
|
18
|
+
* Selected value (controlled)
|
|
19
|
+
*/
|
|
20
|
+
value?: string | number;
|
|
21
|
+
/**
|
|
22
|
+
* Default selected value (uncontrolled)
|
|
23
|
+
*/
|
|
24
|
+
defaultValue?: string | number;
|
|
25
|
+
/**
|
|
26
|
+
* Callback when selection changes
|
|
27
|
+
*/
|
|
28
|
+
onChange?: (value: string | number, option: SelectOption) => void;
|
|
29
|
+
/**
|
|
30
|
+
* Placeholder text when no value is selected
|
|
31
|
+
*/
|
|
32
|
+
placeholder?: string;
|
|
33
|
+
/**
|
|
34
|
+
* Label for the select
|
|
35
|
+
*/
|
|
36
|
+
label?: string;
|
|
37
|
+
/**
|
|
38
|
+
* Helper text below the select
|
|
39
|
+
*/
|
|
40
|
+
helperText?: string;
|
|
41
|
+
/**
|
|
42
|
+
* Error text (overrides helperText when present)
|
|
43
|
+
*/
|
|
44
|
+
errorText?: string;
|
|
45
|
+
/**
|
|
46
|
+
* Success text (overrides helperText when present)
|
|
47
|
+
*/
|
|
48
|
+
successText?: string;
|
|
49
|
+
/**
|
|
50
|
+
* Validation state for the select
|
|
51
|
+
*/
|
|
52
|
+
validationState?: "none" | "positive" | "negative";
|
|
53
|
+
/**
|
|
54
|
+
* Whether the select is disabled
|
|
55
|
+
*/
|
|
56
|
+
isDisabled?: boolean;
|
|
57
|
+
/**
|
|
58
|
+
* Whether the select is required
|
|
59
|
+
*/
|
|
60
|
+
isRequired?: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* Whether the select is optional
|
|
63
|
+
*/
|
|
64
|
+
isOptional?: boolean;
|
|
65
|
+
/**
|
|
66
|
+
* Whether the select is in loading state
|
|
67
|
+
*/
|
|
68
|
+
isLoading?: boolean;
|
|
69
|
+
/**
|
|
70
|
+
* Size of the select
|
|
71
|
+
*/
|
|
72
|
+
size?: "small" | "medium" | "large";
|
|
73
|
+
/**
|
|
74
|
+
* Prefix element (icon or text)
|
|
75
|
+
*/
|
|
76
|
+
prefix?: React.ReactNode;
|
|
77
|
+
/**
|
|
78
|
+
* Suffix element (icon or text)
|
|
79
|
+
*/
|
|
80
|
+
suffix?: React.ReactNode;
|
|
81
|
+
/**
|
|
82
|
+
* Show clear button when value is selected
|
|
83
|
+
*/
|
|
84
|
+
showClearButton?: boolean;
|
|
85
|
+
/**
|
|
86
|
+
* Callback when clear button is clicked
|
|
87
|
+
*/
|
|
88
|
+
onClear?: () => void;
|
|
89
|
+
/**
|
|
90
|
+
* Custom class for the container
|
|
91
|
+
*/
|
|
92
|
+
containerClassName?: string;
|
|
93
|
+
/**
|
|
94
|
+
* Custom class for the label
|
|
95
|
+
*/
|
|
96
|
+
labelClassName?: string;
|
|
97
|
+
/**
|
|
98
|
+
* Custom class for the trigger button
|
|
99
|
+
*/
|
|
100
|
+
triggerClassName?: string;
|
|
101
|
+
/**
|
|
102
|
+
* Custom class for the dropdown menu
|
|
103
|
+
*/
|
|
104
|
+
menuClassName?: string;
|
|
105
|
+
/**
|
|
106
|
+
* Width of the dropdown menu
|
|
107
|
+
*/
|
|
108
|
+
menuWidth?: "auto" | "full" | string;
|
|
109
|
+
/**
|
|
110
|
+
* Section heading for the dropdown
|
|
111
|
+
*/
|
|
112
|
+
sectionHeading?: string;
|
|
113
|
+
/**
|
|
114
|
+
* Empty state title
|
|
115
|
+
*/
|
|
116
|
+
emptyTitle?: string;
|
|
117
|
+
/**
|
|
118
|
+
* Empty state description
|
|
119
|
+
*/
|
|
120
|
+
emptyDescription?: string;
|
|
121
|
+
/**
|
|
122
|
+
* Show search icon in empty state
|
|
123
|
+
*/
|
|
124
|
+
emptyIcon?: React.ReactNode;
|
|
125
|
+
/**
|
|
126
|
+
* Info heading for tooltip
|
|
127
|
+
*/
|
|
128
|
+
infoHeading?: string;
|
|
129
|
+
/**
|
|
130
|
+
* Info description for tooltip
|
|
131
|
+
*/
|
|
132
|
+
infoDescription?: string;
|
|
133
|
+
/**
|
|
134
|
+
* Link text
|
|
135
|
+
*/
|
|
136
|
+
linkText?: string;
|
|
137
|
+
/**
|
|
138
|
+
* Link href
|
|
139
|
+
*/
|
|
140
|
+
linkHref?: string;
|
|
141
|
+
/**
|
|
142
|
+
* Link click handler
|
|
143
|
+
*/
|
|
144
|
+
onLinkClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
|
|
145
|
+
}
|
|
146
|
+
export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
|
|
147
|
+
export { selectVariants };
|
|
148
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Select } from "./Select";
|
|
3
|
+
declare const meta: Meta<typeof Select>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Select>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithLabel: Story;
|
|
8
|
+
export declare const WithHelperText: Story;
|
|
9
|
+
export declare const WithErrorState: Story;
|
|
10
|
+
export declare const WithSuccessState: Story;
|
|
11
|
+
export declare const Required: Story;
|
|
12
|
+
export declare const Optional: Story;
|
|
13
|
+
export declare const WithPrefix: Story;
|
|
14
|
+
export declare const WithSuffix: Story;
|
|
15
|
+
export declare const WithClearButton: Story;
|
|
16
|
+
export declare const WithInfoTooltip: Story;
|
|
17
|
+
export declare const WithLink: Story;
|
|
18
|
+
export declare const WithPlaceholder: Story;
|
|
19
|
+
export declare const WithDescriptions: Story;
|
|
20
|
+
export declare const Small: Story;
|
|
21
|
+
export declare const Medium: Story;
|
|
22
|
+
export declare const Large: Story;
|
|
23
|
+
export declare const WithSectionHeading: Story;
|
|
24
|
+
export declare const WithDisabledOptions: Story;
|
|
25
|
+
export declare const Disabled: Story;
|
|
26
|
+
export declare const Loading: Story;
|
|
27
|
+
export declare const Empty: Story;
|
|
28
|
+
export declare const Controlled: Story;
|
|
29
|
+
export declare const WithIcons: Story;
|
|
30
|
+
export declare const InForm: Story;
|
|
31
|
+
export declare const AllVariations: Story;
|
|
32
|
+
//# sourceMappingURL=Select.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAYlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA4B7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAkFrC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAU7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAShC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwCvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KA8DpB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAwD3B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,cAAc,EACd,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,MAAM,UAAU,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
declare const switchVariants: (props?: ({
|
|
3
|
-
size?: "
|
|
3
|
+
size?: "large" | "medium" | "small" | null | undefined;
|
|
4
4
|
isChecked?: boolean | null | undefined;
|
|
5
5
|
isDisabled?: boolean | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
declare const tabItemVariants: (props?: ({
|
|
3
3
|
variant?: "filled" | "bordered" | null | undefined;
|
|
4
|
-
size?: "
|
|
4
|
+
size?: "large" | "small" | null | undefined;
|
|
5
5
|
isSelected?: boolean | null | undefined;
|
|
6
6
|
isDisabled?: boolean | null | undefined;
|
|
7
7
|
isFullWidth?: boolean | null | undefined;
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
import { type Table as TanStackTable, type RowData } from "@tanstack/react-table";
|
|
4
|
+
declare module "@tanstack/react-table" {
|
|
5
|
+
interface ColumnMeta<TData extends RowData, TValue> {
|
|
6
|
+
headerClassName?: string;
|
|
7
|
+
cellClassName?: string;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
declare const tableVariants: (props?: ({
|
|
11
|
+
variant?: "default" | "bordered" | "striped" | null | undefined;
|
|
12
|
+
size?: "large" | "medium" | "small" | null | undefined;
|
|
13
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
14
|
+
declare const tableHeaderVariants: (props?: ({
|
|
15
|
+
size?: "large" | "medium" | "small" | null | undefined;
|
|
16
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
17
|
+
declare const tableCellVariants: (props?: ({
|
|
18
|
+
size?: "large" | "medium" | "small" | null | undefined;
|
|
19
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
20
|
+
export interface TableProps<TData extends RowData> extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tableVariants> {
|
|
21
|
+
/**
|
|
22
|
+
* TanStack Table instance
|
|
23
|
+
*/
|
|
24
|
+
table: TanStackTable<TData>;
|
|
25
|
+
/**
|
|
26
|
+
* Enable row selection with checkboxes
|
|
27
|
+
*/
|
|
28
|
+
enableRowSelection?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Enable header checkbox for select all
|
|
31
|
+
*/
|
|
32
|
+
enableSelectAll?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Show loading state
|
|
35
|
+
*/
|
|
36
|
+
isLoading?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Loading component to show when isLoading is true
|
|
39
|
+
*/
|
|
40
|
+
loadingComponent?: React.ReactNode;
|
|
41
|
+
/**
|
|
42
|
+
* Empty state component to show when no data
|
|
43
|
+
*/
|
|
44
|
+
emptyComponent?: React.ReactNode;
|
|
45
|
+
/**
|
|
46
|
+
* Custom class for table wrapper
|
|
47
|
+
*/
|
|
48
|
+
wrapperClassName?: string;
|
|
49
|
+
/**
|
|
50
|
+
* Custom class for table container (for scroll)
|
|
51
|
+
*/
|
|
52
|
+
containerClassName?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Enable horizontal scroll
|
|
55
|
+
*/
|
|
56
|
+
enableHorizontalScroll?: boolean;
|
|
57
|
+
/**
|
|
58
|
+
* Enable sticky header
|
|
59
|
+
*/
|
|
60
|
+
stickyHeader?: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* Maximum height for table body (enables vertical scroll)
|
|
63
|
+
*/
|
|
64
|
+
maxHeight?: string | number;
|
|
65
|
+
/**
|
|
66
|
+
* Show hover effect on rows
|
|
67
|
+
*/
|
|
68
|
+
showRowHover?: boolean;
|
|
69
|
+
/**
|
|
70
|
+
* Custom row click handler
|
|
71
|
+
*/
|
|
72
|
+
onRowClick?: (row: TData) => void;
|
|
73
|
+
/**
|
|
74
|
+
* Custom class for table rows
|
|
75
|
+
*/
|
|
76
|
+
rowClassName?: string | ((row: TData) => string);
|
|
77
|
+
/**
|
|
78
|
+
* Custom class for header cells
|
|
79
|
+
*/
|
|
80
|
+
headerClassName?: string;
|
|
81
|
+
/**
|
|
82
|
+
* Custom class for body cells
|
|
83
|
+
*/
|
|
84
|
+
cellClassName?: string;
|
|
85
|
+
/**
|
|
86
|
+
* Show gray background on table header
|
|
87
|
+
*/
|
|
88
|
+
showHeaderBackground?: boolean;
|
|
89
|
+
}
|
|
90
|
+
declare function TableComponent<TData extends RowData>({ className, wrapperClassName, containerClassName, variant, size, table, enableRowSelection, enableSelectAll, isLoading, loadingComponent, emptyComponent, enableHorizontalScroll, stickyHeader, maxHeight, showRowHover, onRowClick, rowClassName, headerClassName, cellClassName, showHeaderBackground, ...props }: TableProps<TData>, ref: React.ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
91
|
+
export declare const Table: <TData extends RowData>(props: TableProps<TData> & {
|
|
92
|
+
ref?: React.ForwardedRef<HTMLDivElement>;
|
|
93
|
+
}) => ReturnType<typeof TableComponent>;
|
|
94
|
+
export { tableVariants, tableHeaderVariants, tableCellVariants };
|
|
95
|
+
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAEL,KAAK,KAAK,IAAI,aAAa,EAC3B,KAAK,OAAO,EACb,MAAM,uBAAuB,CAAC;AAK/B,OAAO,QAAQ,uBAAuB,CAAC;IACrC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAChD,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;CACF;AAED,QAAA,MAAM,aAAa;;;mFAiBjB,CAAC;AAEH,QAAA,MAAM,mBAAmB;;mFAcxB,CAAC;AAEF,QAAA,MAAM,iBAAiB;;mFActB,CAAC;AAEF,MAAM,WAAW,UAAU,CAAC,KAAK,SAAS,OAAO,CAC/C,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;OAEG;IACH,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC;IACjD;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,iBAAS,cAAc,CAAC,KAAK,SAAS,OAAO,EAC3C,EACE,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,kBAA0B,EAC1B,eAAuB,EACvB,SAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,sBAA8B,EAC9B,YAAoB,EACpB,SAAS,EACT,YAAmB,EACnB,UAAU,EACV,YAAY,EACZ,eAAe,EACf,aAAa,EACb,oBAA2B,EAC3B,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,KAAK,CAAC,EACpB,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,2CAoMxC;AAGD,eAAO,MAAM,KAAK,EAAuC,CACvD,KAAK,SAAS,OAAO,EAErB,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAA;CAAE,KACpE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAIvC,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Table } from "./Table";
|
|
3
|
+
declare const meta: Meta<typeof Table>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const InvoiceTable: Story;
|
|
7
|
+
export declare const TransactionTable: Story;
|
|
8
|
+
export declare const WithPagination: Story;
|
|
9
|
+
export declare const WithRowSelection: Story;
|
|
10
|
+
export declare const StripedVariant: Story;
|
|
11
|
+
export declare const SmallSize: Story;
|
|
12
|
+
export declare const LargeSize: Story;
|
|
13
|
+
export declare const LoadingState: Story;
|
|
14
|
+
export declare const EmptyState: Story;
|
|
15
|
+
export declare const CustomEmptyState: Story;
|
|
16
|
+
export declare const StickyHeader: Story;
|
|
17
|
+
export declare const WithRowClick: Story;
|
|
18
|
+
export declare const HorizontalScroll: Story;
|
|
19
|
+
export declare const WithoutHeaderBackground: Story;
|
|
20
|
+
export declare const WithHeaderBackground: Story;
|
|
21
|
+
//# sourceMappingURL=Table.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAyThC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAO5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,YAAY,EAAE,KAmC1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAgC9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAgD5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoC9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyB5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAyBvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAyBvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAyC9B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAiC1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAwC1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA6B9B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAyBrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAyBlC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,aAAa,EACb,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
declare const textAreaVariants: (props?: ({
|
|
3
|
-
size?: "
|
|
3
|
+
size?: "large" | "medium" | "small" | null | undefined;
|
|
4
4
|
validationState?: "positive" | "negative" | "none" | null | undefined;
|
|
5
5
|
isDisabled?: boolean | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
declare const textFieldVariants: (props?: ({
|
|
3
|
-
size?: "
|
|
3
|
+
size?: "large" | "medium" | "small" | null | undefined;
|
|
4
4
|
validationState?: "positive" | "negative" | "none" | null | undefined;
|
|
5
5
|
isDisabled?: boolean | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|