blunt-ui 0.3.5 → 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 +109 -25
- package/dist/components/Badge/Badge.types.d.ts +4 -4
- package/dist/components/Badge/index.d.ts +1 -1
- package/dist/components/Badge/{Badge.stories.d.ts → stories/Badge.stories.d.ts} +1 -1
- package/dist/components/Button/Button.types.d.ts +4 -4
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/Button/{Button.stories.d.ts → stories/Button.stories.d.ts} +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +5 -0
- package/dist/components/Checkbox/Checkbox.types.d.ts +11 -0
- package/dist/components/Checkbox/index.d.ts +2 -0
- package/dist/components/Checkbox/stories/Checkbox.stories.d.ts +11 -0
- package/dist/components/CollapsibleCard/{CollapsibleCard.stories.d.ts → stories/CollapsibleCard.stories.d.ts} +1 -1
- package/dist/components/ConfirmDialog/ConfirmDialog.hooks.d.ts +2 -0
- package/dist/components/ConfirmDialog/{useConfirm.d.ts → ConfirmDialog.provider.d.ts} +2 -2
- package/dist/components/ConfirmDialog/ConfirmDialog.types.d.ts +14 -2
- package/dist/components/ConfirmDialog/index.d.ts +4 -3
- package/dist/components/ConfirmDialog/{ConfirmDialog.stories.d.ts → stories/ConfirmDialog.stories.d.ts} +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.types.d.ts +14 -6
- package/dist/components/DatePicker/index.d.ts +2 -1
- package/dist/components/DatePicker/{DatePicker.stories.d.ts → stories/DatePicker.stories.d.ts} +2 -1
- package/dist/components/Editable/{Editable.stories.d.ts → stories/Editable.stories.d.ts} +1 -1
- package/dist/components/Field/{Field.stories.d.ts → stories/Field.stories.d.ts} +1 -1
- package/dist/components/Form/{useForm.d.ts → Form.hooks.d.ts} +1 -1
- package/dist/components/Form/Form.types.d.ts +19 -7
- package/dist/components/Form/{FormField.d.ts → FormField/FormField.d.ts} +1 -1
- package/dist/components/Form/FormField/FormField.types.d.ts +8 -0
- package/dist/components/Form/FormField/index.d.ts +2 -0
- package/dist/components/Form/index.d.ts +4 -3
- package/dist/components/Form/{Form.stories.d.ts → stories/Form.stories.d.ts} +1 -1
- package/dist/components/Form/tests/Form.validators.test.d.ts +1 -0
- package/dist/components/Form/validators/Form.validators.d.ts +9 -0
- package/dist/components/Input/Input.types.d.ts +6 -6
- package/dist/components/Input/index.d.ts +1 -1
- package/dist/components/Input/{Input.stories.d.ts → stories/Input.stories.d.ts} +1 -1
- package/dist/components/Link/Link.types.d.ts +2 -2
- package/dist/components/Link/index.d.ts +2 -1
- package/dist/components/Link/{Link.stories.d.ts → stories/Link.stories.d.ts} +1 -1
- package/dist/components/Link/tests/Link.test.d.ts +0 -0
- package/dist/components/Modal/Modal.types.d.ts +2 -2
- package/dist/components/Modal/index.d.ts +1 -1
- package/dist/components/Modal/{Modal.stories.d.ts → stories/Modal.stories.d.ts} +1 -1
- package/dist/components/Modal/tests/Modal.test.d.ts +0 -0
- package/dist/components/Radio/Radio.d.ts +5 -0
- package/dist/components/Radio/Radio.types.d.ts +10 -0
- package/dist/components/Radio/index.d.ts +2 -0
- package/dist/components/Radio/stories/Radio.stories.d.ts +10 -0
- package/dist/components/Radio/tests/Radio.test.d.ts +0 -0
- package/dist/components/Select/Select.d.ts +1 -1
- package/dist/components/Select/Select.types.d.ts +15 -6
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/Select/{Select.stories.d.ts → stories/Select.stories.d.ts} +1 -1
- package/dist/components/Select/tests/Select.test.d.ts +0 -0
- package/dist/components/Spinner/Spinner.types.d.ts +4 -4
- package/dist/components/Spinner/index.d.ts +1 -1
- package/dist/components/Spinner/{Spinner.stories.d.ts → stories/Spinner.stories.d.ts} +1 -1
- package/dist/components/Spinner/tests/Spinner.test.d.ts +0 -0
- package/dist/components/Switch/Switch.d.ts +5 -0
- package/dist/components/Switch/Switch.types.d.ts +8 -0
- package/dist/components/Switch/index.d.ts +2 -0
- package/dist/components/Switch/stories/Switch.stories.d.ts +9 -0
- package/dist/components/Switch/tests/Switch.test.d.ts +0 -0
- package/dist/components/Table/Table.consts.d.ts +3 -0
- package/dist/components/Table/Table.hooks.d.ts +29 -0
- package/dist/components/Table/Table.types.d.ts +12 -2
- package/dist/components/Table/index.d.ts +2 -3
- package/dist/components/Table/{Table.stories.d.ts → stories/Table.stories.d.ts} +1 -1
- package/dist/components/Table/tests/Table.test.d.ts +0 -0
- package/dist/components/Textarea/Textarea.types.d.ts +4 -4
- package/dist/components/Textarea/index.d.ts +1 -1
- package/dist/components/Textarea/{Textarea.stories.d.ts → stories/Textarea.stories.d.ts} +1 -1
- package/dist/components/Textarea/tests/Textarea.test.d.ts +0 -0
- package/dist/components/Toast/Toast.hooks.d.ts +2 -0
- package/dist/components/Toast/{useToast.d.ts → Toast.provider.d.ts} +2 -2
- package/dist/components/Toast/Toast.types.d.ts +18 -2
- package/dist/components/Toast/index.d.ts +4 -3
- package/dist/components/Toast/{Toast.stories.d.ts → stories/Toast.stories.d.ts} +1 -1
- package/dist/components/Toast/tests/Toast.provider.test.d.ts +0 -0
- package/dist/components/Toast/tests/Toast.test.d.ts +0 -0
- package/dist/index.cjs +495 -186
- package/dist/index.d.ts +19 -13
- package/dist/index.js +1996 -1119
- package/dist/themes/types.d.ts +9 -0
- package/package.json +2 -2
- package/dist/components/ConfirmDialog/useConfirm.types.d.ts +0 -14
- package/dist/components/Form/useForm.types.d.ts +0 -20
- package/dist/components/Table/useTable.d.ts +0 -12
- package/dist/components/Table/useTablePagination.d.ts +0 -16
- package/dist/components/Table/useTableSort.d.ts +0 -13
- package/dist/components/Toast/useToast.types.d.ts +0 -17
- /package/dist/components/{Button/Button.test.d.ts → Badge/tests/Badge.test.d.ts} +0 -0
- /package/dist/components/{CollapsibleCard/CollapsibleCard.test.d.ts → Button/tests/Button.test.d.ts} +0 -0
- /package/dist/components/{ConfirmDialog/ConfirmDialog.test.d.ts → Checkbox/tests/Checkbox.test.d.ts} +0 -0
- /package/dist/components/{ConfirmDialog/useConfirm.test.d.ts → CollapsibleCard/tests/CollapsibleCard.test.d.ts} +0 -0
- /package/dist/components/{DatePicker/DatePicker.test.d.ts → ConfirmDialog/tests/ConfirmDialog.provider.test.d.ts} +0 -0
- /package/dist/components/{Form/Form.test.d.ts → ConfirmDialog/tests/ConfirmDialog.test.d.ts} +0 -0
- /package/dist/components/{Input/Input.test.d.ts → DatePicker/tests/DatePicker.test.d.ts} +0 -0
- /package/dist/components/{Modal/Modal.test.d.ts → Editable/tests/Editable.test.d.ts} +0 -0
- /package/dist/components/{Select/Select.test.d.ts → Field/tests/Field.test.d.ts} +0 -0
- /package/dist/components/Form/{useForm.test.d.ts → tests/Form.hooks.test.d.ts} +0 -0
- /package/dist/components/{Toast/Toast.test.d.ts → Form/tests/Form.test.d.ts} +0 -0
- /package/dist/components/{Toast/useToast.test.d.ts → Input/tests/Input.test.d.ts} +0 -0
package/dist/themes/types.d.ts
CHANGED
|
@@ -34,12 +34,15 @@ export interface Theme {
|
|
|
34
34
|
};
|
|
35
35
|
};
|
|
36
36
|
spacing: {
|
|
37
|
+
0.5: string;
|
|
37
38
|
1: string;
|
|
38
39
|
2: string;
|
|
39
40
|
3: string;
|
|
40
41
|
4: string;
|
|
41
42
|
5: string;
|
|
42
43
|
6: string;
|
|
44
|
+
8: string;
|
|
45
|
+
10: string;
|
|
43
46
|
};
|
|
44
47
|
radius: {
|
|
45
48
|
md: string;
|
|
@@ -54,6 +57,12 @@ export interface Theme {
|
|
|
54
57
|
md: string;
|
|
55
58
|
lg: string;
|
|
56
59
|
};
|
|
60
|
+
fontWeights: {
|
|
61
|
+
normal: string;
|
|
62
|
+
medium: string;
|
|
63
|
+
semibold: string;
|
|
64
|
+
bold: string;
|
|
65
|
+
};
|
|
57
66
|
shadows: {
|
|
58
67
|
focusRing: string;
|
|
59
68
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "blunt-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.cjs",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"storybook": "storybook dev -p 6006",
|
|
20
20
|
"build-storybook": "storybook build",
|
|
21
21
|
"format": "prettier --write .",
|
|
22
|
-
"tsc": "tsc -p tsconfig.
|
|
22
|
+
"tsc": "tsc -p tsconfig.json --noEmit"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"lucide-react": "^1.16.0"
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ConfirmVariant } from './ConfirmDialog.types';
|
|
2
|
-
import { ModalSizes } from '../Modal';
|
|
3
|
-
export interface ConfirmOptions {
|
|
4
|
-
title?: string;
|
|
5
|
-
message: string;
|
|
6
|
-
confirmLabel?: string;
|
|
7
|
-
cancelLabel?: string;
|
|
8
|
-
variant?: ConfirmVariant;
|
|
9
|
-
size?: ModalSizes;
|
|
10
|
-
}
|
|
11
|
-
export type ConfirmFn = (options: ConfirmOptions) => Promise<boolean>;
|
|
12
|
-
export interface ConfirmContextValue {
|
|
13
|
-
confirm: ConfirmFn;
|
|
14
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { ChangeEvent, FocusEvent, FormEvent } from 'react';
|
|
2
|
-
type FieldElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
|
|
3
|
-
export interface UseFormOptions<T extends Record<string, string>> {
|
|
4
|
-
initialValues: T;
|
|
5
|
-
validate?: (values: T) => Partial<Record<keyof T, string | undefined>>;
|
|
6
|
-
onSubmit?: (values: T) => void | Promise<void>;
|
|
7
|
-
onError?: (errors: Partial<Record<keyof T, string>>) => void;
|
|
8
|
-
}
|
|
9
|
-
export interface UseFormReturn<T extends Record<string, string>> {
|
|
10
|
-
values: T;
|
|
11
|
-
errors: Partial<Record<keyof T, string>>;
|
|
12
|
-
touched: Partial<Record<keyof T, boolean>>;
|
|
13
|
-
handleChange: (e: ChangeEvent<FieldElement>) => void;
|
|
14
|
-
handleBlur: (e: FocusEvent<FieldElement>) => void;
|
|
15
|
-
handleSubmit: (e?: FormEvent) => void;
|
|
16
|
-
setFieldValue: (field: keyof T, value: string) => void;
|
|
17
|
-
reset: (newValues?: T) => void;
|
|
18
|
-
isSubmitting: boolean;
|
|
19
|
-
}
|
|
20
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { SortState } from './Table.types';
|
|
2
|
-
export interface UseTableOptions {
|
|
3
|
-
defaultSort?: SortState;
|
|
4
|
-
defaultPage?: number;
|
|
5
|
-
}
|
|
6
|
-
export interface UseTableReturn {
|
|
7
|
-
sort: SortState | null;
|
|
8
|
-
page: number;
|
|
9
|
-
onSortChange: (sort: SortState | null) => void;
|
|
10
|
-
onPageChange: (page: number) => void;
|
|
11
|
-
}
|
|
12
|
-
export declare function useTable({ defaultSort, defaultPage, }?: UseTableOptions): UseTableReturn;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
interface UseTablePaginationProps<T> {
|
|
2
|
-
data: T[];
|
|
3
|
-
pageSize?: number;
|
|
4
|
-
page?: number;
|
|
5
|
-
defaultPage?: number;
|
|
6
|
-
totalRows?: number;
|
|
7
|
-
onPageChange?: (page: number) => void;
|
|
8
|
-
}
|
|
9
|
-
export declare function getPageNumbers(current: number, total: number): (number | "...")[];
|
|
10
|
-
export declare function useTablePagination<T>({ data, pageSize, page, defaultPage, totalRows, onPageChange, }: UseTablePaginationProps<T>): {
|
|
11
|
-
activePage: number;
|
|
12
|
-
totalPages: number;
|
|
13
|
-
displayData: T[];
|
|
14
|
-
handlePageChange: (newPage: number) => void;
|
|
15
|
-
};
|
|
16
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { SortState } from './Table.types';
|
|
2
|
-
interface UseTableSortProps<T> {
|
|
3
|
-
data: T[];
|
|
4
|
-
sort?: SortState | null;
|
|
5
|
-
defaultSort?: SortState;
|
|
6
|
-
onSortChange?: (sort: SortState | null) => void;
|
|
7
|
-
}
|
|
8
|
-
export declare function useTableSort<T extends Record<string, unknown>>({ data, sort, defaultSort, onSortChange, }: UseTableSortProps<T>): {
|
|
9
|
-
activeSort: SortState | null;
|
|
10
|
-
sortedData: T[];
|
|
11
|
-
handleSort: (key: string) => SortState | null;
|
|
12
|
-
};
|
|
13
|
-
export {};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { ToastVariants, ToastPosition } from './Toast.types';
|
|
2
|
-
export interface ToastOptions {
|
|
3
|
-
message: string;
|
|
4
|
-
variant?: ToastVariants;
|
|
5
|
-
duration?: number;
|
|
6
|
-
position?: ToastPosition;
|
|
7
|
-
}
|
|
8
|
-
export interface ToastFn {
|
|
9
|
-
(options: ToastOptions): void;
|
|
10
|
-
success: (message: string, options?: Omit<ToastOptions, "message" | "variant">) => void;
|
|
11
|
-
error: (message: string, options?: Omit<ToastOptions, "message" | "variant">) => void;
|
|
12
|
-
warning: (message: string, options?: Omit<ToastOptions, "message" | "variant">) => void;
|
|
13
|
-
info: (message: string, options?: Omit<ToastOptions, "message" | "variant">) => void;
|
|
14
|
-
}
|
|
15
|
-
export interface ToastContextValue {
|
|
16
|
-
toast: ToastFn;
|
|
17
|
-
}
|
|
File without changes
|
/package/dist/components/{CollapsibleCard/CollapsibleCard.test.d.ts → Button/tests/Button.test.d.ts}
RENAMED
|
File without changes
|
/package/dist/components/{ConfirmDialog/ConfirmDialog.test.d.ts → Checkbox/tests/Checkbox.test.d.ts}
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/dist/components/{Form/Form.test.d.ts → ConfirmDialog/tests/ConfirmDialog.test.d.ts}
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|