draft-components 1.0.0-beta.9 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +47 -1
- package/cjs/components/alert/alert.cjs +4 -3
- package/cjs/components/color-picker/color-picker-button.cjs +16 -0
- package/cjs/components/color-picker/color-picker.cjs +14 -0
- package/cjs/components/index.cjs +6 -0
- package/cjs/components/password-input/password-input.cjs +2 -2
- package/cjs/components/selection-control/selection-control.cjs +1 -1
- package/cjs/components/text-input/text-input.cjs +25 -9
- package/cjs/components/toaster/toaster.cjs +2 -2
- package/cjs/index.cjs +6 -0
- package/css/draft-components.css +33 -17
- package/esm/components/alert/alert.js +4 -3
- package/esm/components/color-picker/color-picker-button.js +14 -0
- package/esm/components/color-picker/color-picker.js +12 -0
- package/esm/components/index.js +3 -0
- package/esm/components/password-input/password-input.js +2 -2
- package/esm/components/selection-control/selection-control.js +2 -2
- package/esm/components/text-input/text-input.js +26 -10
- package/esm/components/toaster/toaster.js +2 -2
- package/esm/index.js +3 -0
- package/package.json +30 -29
- package/types/components/alert/alert.d.ts +5 -3
- package/types/components/avatar/avatar.d.ts +1 -1
- package/types/components/button/button.d.ts +1 -1
- package/types/components/button/icon-button.d.ts +1 -1
- package/types/components/caption/caption.d.ts +1 -1
- package/types/components/checkbox/checkbox.d.ts +1 -1
- package/types/components/file-picker/file-picker.d.ts +1 -1
- package/types/components/filter-buttons/filter-button.d.ts +1 -1
- package/types/components/form-field/form-field.d.ts +5 -2
- package/types/components/index.d.ts +3 -0
- package/types/components/label/label.d.ts +1 -1
- package/types/components/menu/menu-item.d.ts +1 -1
- package/types/components/password-input/password-input.d.ts +2 -2
- package/types/components/popover/popover.d.ts +1 -1
- package/types/components/radio/radio.d.ts +1 -1
- package/types/components/select/select.d.ts +3 -3
- package/types/components/selection-control/selection-control.d.ts +2 -2
- package/types/components/slider/slider.d.ts +1 -1
- package/types/components/spinner/spinner.d.ts +1 -1
- package/types/components/switch/switch.d.ts +1 -1
- package/types/components/table/table-body.d.ts +2 -2
- package/types/components/table/table-cell.d.ts +2 -2
- package/types/components/table/table-container.d.ts +1 -1
- package/types/components/table/table-head-cell.d.ts +1 -1
- package/types/components/table/table-head.d.ts +1 -1
- package/types/components/table/table-row.d.ts +1 -1
- package/types/components/table/table.d.ts +1 -1
- package/types/components/text-input/text-input.d.ts +7 -4
- package/types/components/textarea/textarea.d.ts +1 -1
- package/types/components/toast/toast-button.d.ts +2 -2
- package/types/components/toaster/toaster.d.ts +1 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "draft-components",
|
|
3
|
-
"version": "1.0.0
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"description": "The React based UI components library.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -56,50 +56,51 @@
|
|
|
56
56
|
"react-dom": ">= 18"
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
|
-
"@alexzimakov/eslint-config": "1.
|
|
59
|
+
"@alexzimakov/eslint-config": "1.5.0",
|
|
60
60
|
"@babel/core": "7.20.12",
|
|
61
61
|
"@babel/preset-env": "7.20.2",
|
|
62
62
|
"@babel/preset-react": "7.18.6",
|
|
63
63
|
"@babel/preset-typescript": "7.18.6",
|
|
64
|
-
"@heroicons/react": "2.0.
|
|
64
|
+
"@heroicons/react": "2.0.15",
|
|
65
65
|
"@rollup/plugin-typescript": "11.0.0",
|
|
66
|
-
"@storybook/addon-actions": "6.5.
|
|
67
|
-
"@storybook/addon-essentials": "6.5.
|
|
68
|
-
"@storybook/addon-links": "6.5.
|
|
69
|
-
"@storybook/builder-vite": "0.2
|
|
70
|
-
"@storybook/react": "6.5.
|
|
71
|
-
"@testing-library/dom": "8.
|
|
66
|
+
"@storybook/addon-actions": "6.5.16",
|
|
67
|
+
"@storybook/addon-essentials": "6.5.16",
|
|
68
|
+
"@storybook/addon-links": "6.5.16",
|
|
69
|
+
"@storybook/builder-vite": "0.4.2",
|
|
70
|
+
"@storybook/react": "6.5.16",
|
|
71
|
+
"@testing-library/dom": "8.20.0",
|
|
72
72
|
"@testing-library/jest-dom": "5.16.5",
|
|
73
73
|
"@testing-library/react": "13.4.0",
|
|
74
74
|
"@testing-library/user-event": "14.4.3",
|
|
75
|
-
"@types/jest": "29.
|
|
76
|
-
"@types/node": "18.
|
|
77
|
-
"@types/react": "18.0.
|
|
75
|
+
"@types/jest": "29.4.0",
|
|
76
|
+
"@types/node": "18.13.0",
|
|
77
|
+
"@types/react": "18.0.28",
|
|
78
78
|
"@types/react-dom": "18.0.10",
|
|
79
|
-
"@typescript-eslint/eslint-plugin": "5.
|
|
80
|
-
"@typescript-eslint/parser": "5.
|
|
79
|
+
"@typescript-eslint/eslint-plugin": "5.51.0",
|
|
80
|
+
"@typescript-eslint/parser": "5.51.0",
|
|
81
|
+
"@vitejs/plugin-react": "3.1.0",
|
|
81
82
|
"autoprefixer": "10.4.13",
|
|
82
|
-
"eslint": "8.
|
|
83
|
-
"eslint-plugin-jsx-a11y": "6.
|
|
84
|
-
"eslint-plugin-react": "7.
|
|
83
|
+
"eslint": "8.34.0",
|
|
84
|
+
"eslint-plugin-jsx-a11y": "6.7.1",
|
|
85
|
+
"eslint-plugin-react": "7.32.2",
|
|
85
86
|
"eslint-plugin-react-hooks": "4.6.0",
|
|
86
|
-
"eslint-plugin-storybook": "0.6.
|
|
87
|
-
"eslint-plugin-testing-library": "5.
|
|
87
|
+
"eslint-plugin-storybook": "0.6.10",
|
|
88
|
+
"eslint-plugin-testing-library": "5.10.1",
|
|
88
89
|
"husky": "8.0.3",
|
|
89
|
-
"jest": "29.
|
|
90
|
-
"jest-environment-jsdom": "29.
|
|
91
|
-
"lint-staged": "13.1.
|
|
90
|
+
"jest": "29.4.2",
|
|
91
|
+
"jest-environment-jsdom": "29.4.2",
|
|
92
|
+
"lint-staged": "13.1.1",
|
|
92
93
|
"postcss": "8.4.21",
|
|
93
94
|
"postcss-import": "15.1.0",
|
|
94
95
|
"react": "18.2.0",
|
|
95
96
|
"react-dom": "18.2.0",
|
|
96
|
-
"rollup": "3.
|
|
97
|
-
"storybook": "6.5.
|
|
98
|
-
"stylelint": "
|
|
99
|
-
"stylelint-config-standard": "
|
|
100
|
-
"stylelint-order": "6.0.
|
|
101
|
-
"typescript": "4.9.
|
|
102
|
-
"vite": "4.
|
|
97
|
+
"rollup": "3.15.0",
|
|
98
|
+
"storybook": "6.5.16",
|
|
99
|
+
"stylelint": "15.1.0",
|
|
100
|
+
"stylelint-config-standard": "30.0.1",
|
|
101
|
+
"stylelint-order": "6.0.2",
|
|
102
|
+
"typescript": "4.9.5",
|
|
103
|
+
"vite": "4.1.1"
|
|
103
104
|
},
|
|
104
105
|
"lint-staged": {
|
|
105
106
|
"*.ts?(x)": "npm run lint",
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type ComponentPropsWithRef, type ReactNode } from 'react';
|
|
2
|
+
type AlertHTMLProps = ComponentPropsWithRef<'div'>;
|
|
2
3
|
export type AlertAppearance = 'default' | 'info' | 'success' | 'warning' | 'error';
|
|
3
4
|
export type AlertVariant = 'default' | 'full-width' | 'accent-border';
|
|
4
5
|
export type AlertProps = {
|
|
@@ -6,5 +7,6 @@ export type AlertProps = {
|
|
|
6
7
|
heading?: ReactNode;
|
|
7
8
|
variant?: AlertVariant;
|
|
8
9
|
appearance?: AlertAppearance;
|
|
9
|
-
} &
|
|
10
|
-
export declare
|
|
10
|
+
} & AlertHTMLProps;
|
|
11
|
+
export declare const Alert: import("react").ForwardRefExoticComponent<Omit<AlertProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export {};
|
|
@@ -10,4 +10,4 @@ export type AvatarProps = ComponentPropsWithRef<'div'> & {
|
|
|
10
10
|
alt?: string;
|
|
11
11
|
placeholder?: ReactNode;
|
|
12
12
|
};
|
|
13
|
-
export declare const Avatar: import("react").ForwardRefExoticComponent<
|
|
13
|
+
export declare const Avatar: import("react").ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -17,4 +17,4 @@ export type ButtonProps = {
|
|
|
17
17
|
caption?: ReactNode;
|
|
18
18
|
renderAs?: ButtonRenderFn;
|
|
19
19
|
} & ComponentPropsWithRef<'button'>;
|
|
20
|
-
export declare const Button: import("react").ForwardRefExoticComponent<
|
|
20
|
+
export declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -4,4 +4,4 @@ export type IconButtonBaseProps = Omit<ButtonProps, 'children' | 'caption' | 'ic
|
|
|
4
4
|
export type IconButtonProps = {
|
|
5
5
|
icon: ReactNode;
|
|
6
6
|
} & IconButtonBaseProps;
|
|
7
|
-
export declare const IconButton: import("react").ForwardRefExoticComponent<
|
|
7
|
+
export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -4,4 +4,4 @@ export type CaptionProps = ComponentPropsWithRef<'div'> & {
|
|
|
4
4
|
showIcon?: boolean;
|
|
5
5
|
appearance?: CaptionAppearance;
|
|
6
6
|
};
|
|
7
|
-
export declare const Caption: import("react").ForwardRefExoticComponent<
|
|
7
|
+
export declare const Caption: import("react").ForwardRefExoticComponent<Omit<CaptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
@@ -6,5 +6,5 @@ export type CheckboxProps = CheckboxBaseProps & {
|
|
|
6
6
|
hasMixedState?: boolean;
|
|
7
7
|
onToggle?: CheckboxToggleHandler;
|
|
8
8
|
};
|
|
9
|
-
export declare const Checkbox: import("react").ForwardRefExoticComponent<
|
|
9
|
+
export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
10
10
|
export {};
|
|
@@ -9,5 +9,5 @@ export type FilePickerProps = FilePickerBaseProps & {
|
|
|
9
9
|
buttonLabel?: ReactNode;
|
|
10
10
|
onSelectFiles?: SelectFilesHandler;
|
|
11
11
|
};
|
|
12
|
-
export declare const FilePicker: import("react").ForwardRefExoticComponent<
|
|
12
|
+
export declare const FilePicker: import("react").ForwardRefExoticComponent<Omit<FilePickerProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
13
13
|
export {};
|
|
@@ -3,5 +3,5 @@ type FilterButtonHTMLProps = ComponentPropsWithRef<'button'>;
|
|
|
3
3
|
export type FilterButtonProps = {
|
|
4
4
|
isActive?: boolean;
|
|
5
5
|
} & FilterButtonHTMLProps;
|
|
6
|
-
export declare const FilterButton: import("react").ForwardRefExoticComponent<
|
|
6
|
+
export declare const FilterButton: import("react").ForwardRefExoticComponent<Omit<FilterButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
7
7
|
export {};
|
|
@@ -4,12 +4,15 @@ export type FormFieldRenderFn = (props: {
|
|
|
4
4
|
required: boolean;
|
|
5
5
|
hasError: boolean;
|
|
6
6
|
}) => ReactNode;
|
|
7
|
-
|
|
7
|
+
type FormFieldHTMLProps = ComponentPropsWithoutRef<'div'>;
|
|
8
|
+
type FormFieldBaseProps = Omit<FormFieldHTMLProps, 'children'>;
|
|
9
|
+
export type FormFieldProps = {
|
|
8
10
|
required?: boolean;
|
|
9
11
|
labelFor?: string;
|
|
10
12
|
label?: ReactNode;
|
|
11
13
|
caption?: ReactNode;
|
|
12
14
|
error?: ReactNode;
|
|
13
15
|
children: ReactNode | FormFieldRenderFn;
|
|
14
|
-
};
|
|
16
|
+
} & FormFieldBaseProps;
|
|
15
17
|
export declare function FormField({ required, labelFor, label, caption, error, className, children, ...props }: FormFieldProps): JSX.Element;
|
|
18
|
+
export {};
|
|
@@ -7,6 +7,7 @@ export * from './button';
|
|
|
7
7
|
export * from './button-group';
|
|
8
8
|
export * from './caption';
|
|
9
9
|
export * from './checkbox';
|
|
10
|
+
export * from './color-picker';
|
|
10
11
|
export * from './date-picker';
|
|
11
12
|
export * from './date-picker-popover';
|
|
12
13
|
export * from './date-range-picker-popover';
|
|
@@ -21,9 +22,11 @@ export * from './nav-list';
|
|
|
21
22
|
export * from './password-input';
|
|
22
23
|
export * from './popover';
|
|
23
24
|
export * from './portal';
|
|
25
|
+
export * from './positioner';
|
|
24
26
|
export * from './radio';
|
|
25
27
|
export * from './segmented-control';
|
|
26
28
|
export * from './select';
|
|
29
|
+
export * from './selection-control';
|
|
27
30
|
export * from './slider';
|
|
28
31
|
export * from './spinner';
|
|
29
32
|
export * from './switch';
|
|
@@ -2,4 +2,4 @@ import { type ComponentPropsWithRef } from 'react';
|
|
|
2
2
|
export type LabelProps = ComponentPropsWithRef<'label'> & {
|
|
3
3
|
required?: boolean;
|
|
4
4
|
};
|
|
5
|
-
export declare const Label: import("react").ForwardRefExoticComponent<
|
|
5
|
+
export declare const Label: import("react").ForwardRefExoticComponent<Omit<LabelProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
|
|
@@ -10,5 +10,5 @@ export type MenuItemProps = {
|
|
|
10
10
|
iconRight?: ReactNode;
|
|
11
11
|
children: ReactNode;
|
|
12
12
|
} & MenuItemBaseProps;
|
|
13
|
-
export declare const MenuItem: import("react").ForwardRefExoticComponent<
|
|
13
|
+
export declare const MenuItem: import("react").ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
14
14
|
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { type TextInputProps } from '../text-input';
|
|
3
|
-
type PasswordInputBaseProps = Omit<TextInputProps, 'type' | '
|
|
3
|
+
type PasswordInputBaseProps = Omit<TextInputProps, 'type' | 'rightAddOn'>;
|
|
4
4
|
export type PasswordInputProps = {
|
|
5
5
|
isDefaultVisible?: boolean;
|
|
6
6
|
showPasswordTitle?: string;
|
|
7
7
|
hidePasswordTitle?: string;
|
|
8
8
|
} & PasswordInputBaseProps;
|
|
9
|
-
export declare const PasswordInput: import("react").ForwardRefExoticComponent<
|
|
9
|
+
export declare const PasswordInput: import("react").ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
10
10
|
export {};
|
|
@@ -45,5 +45,5 @@ export declare const Popover: import("react").ForwardRefExoticComponent<{
|
|
|
45
45
|
children: ReactNode;
|
|
46
46
|
onOpen?: PopoverOpenCallback | undefined;
|
|
47
47
|
onClose?: PopoverCloseCallback | undefined;
|
|
48
|
-
} &
|
|
48
|
+
} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<PopoverRef>>;
|
|
49
49
|
export {};
|
|
@@ -7,5 +7,5 @@ export type RadioProps = RadioBaseProps & {
|
|
|
7
7
|
icon?: RadioIcon;
|
|
8
8
|
onToggle?: RadioToggleHandler;
|
|
9
9
|
};
|
|
10
|
-
export declare const Radio: import("react").ForwardRefExoticComponent<
|
|
10
|
+
export declare const Radio: import("react").ForwardRefExoticComponent<Omit<RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
11
11
|
export {};
|
|
@@ -18,7 +18,7 @@ export type SelectProps = SelectBaseProps & ({
|
|
|
18
18
|
defaultValue?: string[];
|
|
19
19
|
onChangeValue?: (value: string[]) => void;
|
|
20
20
|
});
|
|
21
|
-
export declare const Select: import("react").ForwardRefExoticComponent<(
|
|
21
|
+
export declare const Select: import("react").ForwardRefExoticComponent<(Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref"> & {
|
|
22
22
|
ref?: ((instance: HTMLSelectElement | null) => void) | import("react").RefObject<HTMLSelectElement> | null | undefined;
|
|
23
23
|
}, "defaultValue" | "size" | "value" | "multiple"> & {
|
|
24
24
|
hasError?: boolean | undefined;
|
|
@@ -30,7 +30,7 @@ export declare const Select: import("react").ForwardRefExoticComponent<(Pick<Omi
|
|
|
30
30
|
value?: string | number | undefined;
|
|
31
31
|
defaultValue?: string | number | undefined;
|
|
32
32
|
onChangeValue?: ((value: string) => void) | undefined;
|
|
33
|
-
}, "
|
|
33
|
+
}, "ref"> | Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref"> & {
|
|
34
34
|
ref?: ((instance: HTMLSelectElement | null) => void) | import("react").RefObject<HTMLSelectElement> | null | undefined;
|
|
35
35
|
}, "defaultValue" | "size" | "value" | "multiple"> & {
|
|
36
36
|
hasError?: boolean | undefined;
|
|
@@ -42,5 +42,5 @@ export declare const Select: import("react").ForwardRefExoticComponent<(Pick<Omi
|
|
|
42
42
|
value?: string[] | undefined;
|
|
43
43
|
defaultValue?: string[] | undefined;
|
|
44
44
|
onChangeValue?: ((value: string[]) => void) | undefined;
|
|
45
|
-
}, "
|
|
45
|
+
}, "ref">) & import("react").RefAttributes<HTMLSelectElement>>;
|
|
46
46
|
export {};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
2
|
export type SelectionControlRenderFn = (props: {
|
|
3
3
|
id: string;
|
|
4
|
-
}) =>
|
|
4
|
+
}) => JSX.Element;
|
|
5
5
|
type SelectionControlHTMLProps = ComponentPropsWithoutRef<'div'>;
|
|
6
6
|
type SelectionControlBaseProps = Omit<SelectionControlHTMLProps, 'children'>;
|
|
7
7
|
export type SelectionControlProps = {
|
|
8
8
|
labelFor?: string;
|
|
9
9
|
caption?: ReactNode;
|
|
10
10
|
label: ReactNode;
|
|
11
|
-
children:
|
|
11
|
+
children: JSX.Element | SelectionControlRenderFn;
|
|
12
12
|
} & SelectionControlBaseProps;
|
|
13
13
|
export declare function SelectionControl({ label, labelFor, caption, className, children, ...props }: SelectionControlProps): JSX.Element;
|
|
14
14
|
export {};
|
|
@@ -13,5 +13,5 @@ export type SliderProps = {
|
|
|
13
13
|
defaultValue?: number;
|
|
14
14
|
onChangeValue?: SliderChangeValueHandler;
|
|
15
15
|
} & SliderBaseProps & Partial<SliderTickMarksProps>;
|
|
16
|
-
export declare const Slider: import("react").ForwardRefExoticComponent<
|
|
16
|
+
export declare const Slider: import("react").ForwardRefExoticComponent<Omit<SliderProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
17
17
|
export {};
|
|
@@ -2,6 +2,6 @@ import { type ComponentPropsWithoutRef } from 'react';
|
|
|
2
2
|
export type SpinnerProps = ComponentPropsWithoutRef<'svg'> & {
|
|
3
3
|
size?: number | string;
|
|
4
4
|
};
|
|
5
|
-
export declare const Spinner: import("react").ForwardRefExoticComponent<
|
|
5
|
+
export declare const Spinner: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
|
|
6
6
|
size?: string | number | undefined;
|
|
7
7
|
} & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -6,5 +6,5 @@ export type SwitchProps = SwitchBaseProps & {
|
|
|
6
6
|
showCheckIcon?: boolean;
|
|
7
7
|
onToggle?: SwitchToggleHandler;
|
|
8
8
|
};
|
|
9
|
-
export declare const Switch: import("react").ForwardRefExoticComponent<
|
|
9
|
+
export declare const Switch: import("react").ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
10
10
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ComponentPropsWithRef } from 'react';
|
|
2
2
|
export type TableBodyProps = ComponentPropsWithRef<'tbody'>;
|
|
3
|
-
export declare const TableBody: import("react").ForwardRefExoticComponent<
|
|
3
|
+
export declare const TableBody: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
|
|
4
4
|
ref?: ((instance: HTMLTableSectionElement | null) => void) | import("react").RefObject<HTMLTableSectionElement> | null | undefined;
|
|
5
|
-
}, "
|
|
5
|
+
}, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ComponentPropsWithRef } from 'react';
|
|
2
2
|
export type TableCellProps = ComponentPropsWithRef<'td'>;
|
|
3
|
-
export declare const TableCell: import("react").ForwardRefExoticComponent<
|
|
3
|
+
export declare const TableCell: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
|
|
4
4
|
ref?: ((instance: HTMLTableDataCellElement | null) => void) | import("react").RefObject<HTMLTableDataCellElement> | null | undefined;
|
|
5
|
-
}, "
|
|
5
|
+
}, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
|
|
@@ -9,5 +9,5 @@ export type TableContainerBorder = {
|
|
|
9
9
|
export type TableContainerProps = {
|
|
10
10
|
border?: 'none' | 'all' | TableContainerBorder;
|
|
11
11
|
} & TableContainerBaseProps;
|
|
12
|
-
export declare const TableContainer: import("react").ForwardRefExoticComponent<
|
|
12
|
+
export declare const TableContainer: import("react").ForwardRefExoticComponent<Omit<TableContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
13
|
export {};
|
|
@@ -6,5 +6,5 @@ export type TableHeadCellProps = {
|
|
|
6
6
|
sort?: TableHeadCellSort;
|
|
7
7
|
onChangeSort?: (sort: TableHeadCellSort) => void;
|
|
8
8
|
} & TableHeadCellBaseProps;
|
|
9
|
-
export declare const TableHeadCell: import("react").ForwardRefExoticComponent<
|
|
9
|
+
export declare const TableHeadCell: import("react").ForwardRefExoticComponent<Omit<TableHeadCellProps, "ref"> & import("react").RefAttributes<HTMLTableHeaderCellElement>>;
|
|
10
10
|
export {};
|
|
@@ -3,5 +3,5 @@ type TableHeadBaseProps = ComponentPropsWithRef<'thead'>;
|
|
|
3
3
|
export type TableHeadProps = {
|
|
4
4
|
isTinted?: boolean;
|
|
5
5
|
} & TableHeadBaseProps;
|
|
6
|
-
export declare const TableHead: import("react").ForwardRefExoticComponent<
|
|
6
|
+
export declare const TableHead: import("react").ForwardRefExoticComponent<Omit<TableHeadProps, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
|
|
7
7
|
export {};
|
|
@@ -3,5 +3,5 @@ type TableRowBaseProps = ComponentPropsWithRef<'tr'>;
|
|
|
3
3
|
export type TableRowProps = {
|
|
4
4
|
isSelected?: boolean;
|
|
5
5
|
} & TableRowBaseProps;
|
|
6
|
-
export declare const TableRow: import("react").ForwardRefExoticComponent<
|
|
6
|
+
export declare const TableRow: import("react").ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & import("react").RefAttributes<HTMLTableRowElement>>;
|
|
7
7
|
export {};
|
|
@@ -7,5 +7,5 @@ export type TableProps = {
|
|
|
7
7
|
isBordered?: boolean;
|
|
8
8
|
highlightRowOnHover?: boolean;
|
|
9
9
|
} & TableBaseProps;
|
|
10
|
-
export declare const Table: import("react").ForwardRefExoticComponent<
|
|
10
|
+
export declare const Table: import("react").ForwardRefExoticComponent<Omit<TableProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
|
|
11
11
|
export {};
|