@vincentgraul/react-components 1.0.49 → 1.0.51
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/breadcrumb/breadcrumb.d.ts +2 -3
- package/dist/country-selector/country-selector.d.ts +2 -3
- package/dist/flex/flex.d.ts +2 -3
- package/dist/input/input.d.ts +4 -3
- package/dist/loader/loader.d.ts +2 -3
- package/dist/modal/modal.d.ts +2 -3
- package/dist/pagination/pagination.d.ts +2 -3
- package/dist/react-components.css +1 -0
- package/dist/react-components.mjs +37861 -13473
- package/dist/select/select.d.ts +2 -3
- package/dist/table/table.d.ts +2 -3
- package/dist/use-pagination/use-pagination.d.ts +2 -3
- package/dist/wizard/wizard.d.ts +2 -3
- package/package.json +30 -30
- package/dist/style.css +0 -1
package/dist/select/select.d.ts
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { SelectOptionWithoutId, SelectOption } from './select.types';
|
|
2
|
-
type
|
|
2
|
+
export type SelectProps = {
|
|
3
3
|
options: SelectOptionWithoutId[];
|
|
4
4
|
selectedValue?: string;
|
|
5
5
|
onChange?: (option: SelectOption) => void;
|
|
6
6
|
className?: string;
|
|
7
7
|
};
|
|
8
|
-
export declare const Select: ({ className, options: optionsProps, selectedValue, onChange }:
|
|
9
|
-
export {};
|
|
8
|
+
export declare const Select: ({ className, options: optionsProps, selectedValue, onChange, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
|
package/dist/table/table.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode, PropsWithChildren } from 'react';
|
|
2
2
|
import { Column } from './table.types';
|
|
3
|
-
type
|
|
3
|
+
export type TableProps<T> = {
|
|
4
4
|
columns: Column[];
|
|
5
5
|
records: T[];
|
|
6
6
|
renderHeader?: () => ReactNode;
|
|
@@ -13,8 +13,7 @@ type Props<T> = {
|
|
|
13
13
|
renderNoRecords?: () => ReactNode;
|
|
14
14
|
className?: string;
|
|
15
15
|
};
|
|
16
|
-
export declare const Table: <T>({ className, columns, records, renderHeader, renderFooter, renderColumnsRow, renderColumnsCell, renderRecordsRow, renderRecordsCell, renderRecordsEmptyCell, renderNoRecords, }:
|
|
16
|
+
export declare const Table: <T>({ className, columns, records, renderHeader, renderFooter, renderColumnsRow, renderColumnsCell, renderRecordsRow, renderRecordsCell, renderRecordsEmptyCell, renderNoRecords, }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
export declare const Th: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export declare const Tr: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
19
19
|
export declare const Td: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
-
export {};
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { PaginationData } from './use-pagination.types';
|
|
2
|
-
type
|
|
2
|
+
export type usePaginationProps = {
|
|
3
3
|
page: number;
|
|
4
4
|
totalRecords: number;
|
|
5
5
|
maxRecordsPerPage?: number;
|
|
6
6
|
itemNeighbours?: number;
|
|
7
7
|
minItems?: number;
|
|
8
8
|
};
|
|
9
|
-
export declare const usePagination: (props:
|
|
10
|
-
export {};
|
|
9
|
+
export declare const usePagination: (props: usePaginationProps) => PaginationData;
|
package/dist/wizard/wizard.d.ts
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { StepProps } from './wizard.types';
|
|
3
|
-
type
|
|
3
|
+
export type WizardProps = {
|
|
4
4
|
children: ReactElement[];
|
|
5
5
|
step?: number;
|
|
6
6
|
renderHeader?: (props: StepProps) => ReactElement;
|
|
7
7
|
renderFooter?: (props: StepProps) => ReactElement;
|
|
8
8
|
className?: string;
|
|
9
9
|
};
|
|
10
|
-
export declare const Wizard: ({ className, children, step: stepProps, renderHeader, renderFooter, }:
|
|
11
|
-
export {};
|
|
10
|
+
export declare const Wizard: ({ className, children, step: stepProps, renderHeader, renderFooter, }: WizardProps) => import("react/jsx-runtime").JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vincentgraul/react-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.51",
|
|
4
4
|
"main": "dist/react-components.mjs",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"license": "GNU GPLV3",
|
|
@@ -29,45 +29,45 @@
|
|
|
29
29
|
"build-storybook": "storybook build"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@types/react": "^
|
|
33
|
-
"@types/react-dom": "^
|
|
32
|
+
"@types/react": "^19.0.10",
|
|
33
|
+
"@types/react-dom": "^19.0.4",
|
|
34
34
|
"@types/ua-parser-js": "^0.7.39",
|
|
35
35
|
"@vincentgraul/types": "^1.0.3",
|
|
36
36
|
"@vincentgraul/utils": "^1.0.7",
|
|
37
37
|
"clsx": "^2.1.1",
|
|
38
38
|
"intersection-observer": "^0.12.2",
|
|
39
|
-
"react": "^
|
|
40
|
-
"react-dom": "^
|
|
41
|
-
"ua-parser-js": "^
|
|
39
|
+
"react": "^19.0.0",
|
|
40
|
+
"react-dom": "^19.0.0",
|
|
41
|
+
"ua-parser-js": "^2.0.2"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@eslint/eslintrc": "^3.
|
|
45
|
-
"@eslint/js": "^9.
|
|
46
|
-
"@storybook/addon-essentials": "^8.
|
|
47
|
-
"@storybook/addon-interactions": "^8.
|
|
48
|
-
"@storybook/addon-links": "^8.
|
|
49
|
-
"@storybook/blocks": "^8.
|
|
50
|
-
"@storybook/react": "^8.
|
|
51
|
-
"@storybook/react-vite": "^8.
|
|
44
|
+
"@eslint/eslintrc": "^3.3.0",
|
|
45
|
+
"@eslint/js": "^9.21.0",
|
|
46
|
+
"@storybook/addon-essentials": "^8.6.2",
|
|
47
|
+
"@storybook/addon-interactions": "^8.6.2",
|
|
48
|
+
"@storybook/addon-links": "^8.6.2",
|
|
49
|
+
"@storybook/blocks": "^8.6.2",
|
|
50
|
+
"@storybook/react": "^8.6.2",
|
|
51
|
+
"@storybook/react-vite": "^8.6.2",
|
|
52
52
|
"@storybook/testing-library": "^0.2.2",
|
|
53
|
-
"@testing-library/react": "^16.0
|
|
53
|
+
"@testing-library/react": "^16.2.0",
|
|
54
54
|
"@types/jest": "^29.5.14",
|
|
55
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
|
56
|
-
"@typescript-eslint/parser": "^8.
|
|
57
|
-
"@vitejs/plugin-react": "^4.3.
|
|
58
|
-
"eslint": "^9.
|
|
59
|
-
"eslint-config-prettier": "^
|
|
60
|
-
"eslint-plugin-prettier": "^5.2.
|
|
61
|
-
"eslint-plugin-storybook": "
|
|
55
|
+
"@typescript-eslint/eslint-plugin": "^8.25.0",
|
|
56
|
+
"@typescript-eslint/parser": "^8.25.0",
|
|
57
|
+
"@vitejs/plugin-react": "^4.3.4",
|
|
58
|
+
"eslint": "^9.21.0",
|
|
59
|
+
"eslint-config-prettier": "^10.0.2",
|
|
60
|
+
"eslint-plugin-prettier": "^5.2.3",
|
|
61
|
+
"eslint-plugin-storybook": "0.11.2",
|
|
62
62
|
"jest": "^29.7.0",
|
|
63
63
|
"jest-environment-jsdom": "^29.7.0",
|
|
64
|
-
"prettier": "^3.
|
|
65
|
-
"storybook": "^8.
|
|
66
|
-
"ts-jest": "^29.2.
|
|
67
|
-
"typedoc": "^0.
|
|
68
|
-
"typescript": "^5.
|
|
69
|
-
"vite": "^
|
|
70
|
-
"vite-plugin-dts": "^4.
|
|
64
|
+
"prettier": "^3.5.2",
|
|
65
|
+
"storybook": "^8.6.2",
|
|
66
|
+
"ts-jest": "^29.2.6",
|
|
67
|
+
"typedoc": "^0.27.9",
|
|
68
|
+
"typescript": "^5.8.2",
|
|
69
|
+
"vite": "^6.2.0",
|
|
70
|
+
"vite-plugin-dts": "^4.5.1"
|
|
71
71
|
},
|
|
72
|
-
"packageManager": "pnpm@
|
|
72
|
+
"packageManager": "pnpm@10.5.2+sha512.da9dc28cd3ff40d0592188235ab25d3202add8a207afbedc682220e4a0029ffbff4562102b9e6e46b4e3f9e8bd53e6d05de48544b0c57d4b0179e22c76d1199b"
|
|
73
73
|
}
|
package/dist/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._container_1mzhz_1{display:flex;align-items:center;align-self:flex-start;margin:0 0 2rem 2rem}._link_1mzhz_8{color:#fff;font-size:2rem;text-decoration:none}._arrow_1mzhz_14{margin:0 1rem;width:1rem}._flag_1ci92_1{display:block;margin:auto;border-radius:2px}._container_149hp_1{--success-color: green;--warning-color: orange;--error-color: red;--focus-color: blue;position:relative}._input-container_149hp_10{display:inline-flex;align-items:center;position:relative}._input_149hp_10{padding:10px;width:100%;border:0;background-color:transparent;outline:none;z-index:1;color:#000}._input_149hp_10:focus+._fieldset_149hp_25{border-width:2px}._input_149hp_10:focus+._fieldset_149hp_25:not(.success,.warning,.error){border-color:var(--focus-color)}._fieldset_149hp_25{border:1px solid black;border-radius:5px;position:absolute;top:-8.5px;right:0;bottom:0;left:0;font-size:15px;margin:0}._fieldset_149hp_25.success{border-color:var(--success-color);color:var(--success-color)}._fieldset_149hp_25.warning{border-color:var(--warning-color);color:var(--warning-color)}._fieldset_149hp_25.error{border-color:var(--error-color);color:var(--error-color)}._legend_149hp_58{padding:0 5px}._message-container_149hp_62{display:flex;align-items:center;gap:5px;margin-top:5px}._message_149hp_62{font-size:14px}._overlay_1va7j_1{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;overflow-y:auto;z-index:2}._container_1va7j_12{position:absolute;top:50%;left:50%;transform:translate(-50%);width:50%;color:#f9fbff}._image-container_1va7j_21{display:flex;flex-flow:column;align-items:center}@keyframes _loading_1va7j_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._image_1va7j_21{animation:_loading_1va7j_1 3s linear infinite;margin-bottom:2rem}._container_e4hb2_1{position:absolute;top:0;left:50%;transform:translate(-50%);background-color:#f9fbff;border-radius:.5rem;padding:1rem;z-index:1;margin:5rem 0}._overlay_e4hb2_13{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;overflow-y:auto;z-index:1}._container_12891_1{--hover-background-color: lightgrey;--hover-text-color: black;--selected-background-color: black;--selected-text-color: white;display:flex}._item_12891_10{border-style:solid;border-width:1px 1px 1px 0;padding:.5rem 1rem;display:flex;align-items:center;cursor:pointer}._item_12891_10:first-child{border-width:1px 1px 1px 1px}._item_12891_10:hover:not(._selected_12891_22){background-color:var(--hover-background-color);color:var(--hover-text-color)}._item_12891_10._selected_12891_22{background-color:var(--selected-background-color);color:var(--selected-text-color)}._container_1syfi_1{width:fit-content}._selected-option-container_1syfi_5{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px;background-color:#fff;border-radius:5px}._selected-option-text_1syfi_15{padding-right:10px;border-right:1px solid black}._selected-option-arrow_1syfi_20{width:15px;margin-left:10px}._options-list_1syfi_25{width:100%;list-style:none;padding:0;margin:10px 0 0;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:5px}._option_1syfi_25{padding:10px;cursor:pointer}._option_1syfi_25:hover{background-color:#ecf0f1}._option_1syfi_25:hover:first-child{border-radius:5px 5px 0 0}._option_1syfi_25:hover:last-child{border-radius:0 0 5px 5px}._option_1syfi_25:hover:only-child{border-radius:5px}._container_cds7q_1{display:flex;flex-flow:column}._main_cds7q_6{width:100%;table-layout:fixed;border-collapse:collapse}._tbody_cds7q_12{-webkit-user-select:text;user-select:text}._tbody_cds7q_12 tr:last-child{border:none}._th_cds7q_19{padding:2rem 1rem 1rem 0;word-wrap:break-word;white-space:nowrap}._tr_cds7q_25{text-align:center;border-bottom:2px solid black}._td_cds7q_30{padding:2rem 1rem 1rem 0;word-wrap:break-word}._container_1qatf_1{display:flex}._direction-row_1qatf_5{flex-direction:row}._direction-column_1qatf_9{flex-direction:column}._justify-start_1qatf_13{justify-content:start}._justify-center_1qatf_17{justify-content:center}._justify-end_1qatf_21{justify-content:end}._justify-space-between_1qatf_25{justify-content:space-between}._justify-space-around_1qatf_29{justify-content:space-around}._justify-space-evenly_1qatf_33{justify-content:space-evenly}._justify-stretch_1qatf_37{justify-content:stretch}._align-start_1qatf_41{align-items:start}._align-center_1qatf_45{align-items:center}._align-end_1qatf_49{align-items:end}._align-stretch_1qatf_53{align-items:stretch}._wrap-nowrap_1qatf_57{flex-wrap:nowrap}._wrap-wrap_1qatf_61{flex-wrap:wrap}._wrap-wrap-reverse_1qatf_65{flex-wrap:wrap-reverse}
|