@vincentgraul/react-components 1.0.50 → 1.0.52

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.
Files changed (16) hide show
  1. package/dist/breadcrumb/breadcrumb.d.ts +2 -3
  2. package/dist/country-selector/country-selector.d.ts +2 -3
  3. package/dist/flex/flex.d.ts +2 -3
  4. package/dist/input/input.d.ts +2 -3
  5. package/dist/loader/loader.d.ts +2 -3
  6. package/dist/modal/modal.d.ts +2 -3
  7. package/dist/pagination/pagination.d.ts +2 -3
  8. package/dist/react-components.css +1 -0
  9. package/dist/react-components.mjs +40274 -13469
  10. package/dist/select/select.d.ts +2 -3
  11. package/dist/table/table.d.ts +2 -3
  12. package/dist/use-outside-alerter/use-outside-alerter.d.ts +1 -1
  13. package/dist/use-pagination/use-pagination.d.ts +2 -3
  14. package/dist/wizard/wizard.d.ts +2 -3
  15. package/package.json +34 -36
  16. 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 Props = {
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 }: Props) => import("react/jsx-runtime").JSX.Element;
9
- export {};
8
+ export declare const Select: ({ className, options: optionsProps, selectedValue, onChange, }: SelectProps) => import("react/jsx-runtime").JSX.Element | null;
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 Props<T> = {
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, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
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 {};
package/dist/use-outside-alerter/use-outside-alerter.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { RefObject } from 'react';
2
2
  import { OutsideAlerter } from './use-outside-alerter.types';
3
- export declare const useOutsideAlerter: (ref: RefObject<HTMLElement>) => OutsideAlerter;
3
+ export declare const useOutsideAlerter: (ref: RefObject<HTMLElement | null>) => OutsideAlerter;
package/dist/use-pagination/use-pagination.d.ts CHANGED
@@ -1,10 +1,9 @@
1
1
  import { PaginationData } from './use-pagination.types';
2
- type Props = {
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: Props) => PaginationData;
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 Props = {
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, }: Props) => import("react/jsx-runtime").JSX.Element;
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.50",
3
+ "version": "1.0.52",
4
4
  "main": "dist/react-components.mjs",
5
5
  "types": "dist/index.d.ts",
6
6
  "license": "GNU GPLV3",
@@ -28,46 +28,44 @@
28
28
  "storybook": "storybook dev -p 6006",
29
29
  "build-storybook": "storybook build"
30
30
  },
31
+ "peerDependencies": {
32
+ "react": "^19.2.3",
33
+ "react-dom": "^19.2.3"
34
+ },
31
35
  "dependencies": {
32
- "@types/react": "^18.3.12",
33
- "@types/react-dom": "^18.3.1",
34
- "@types/ua-parser-js": "^0.7.39",
35
36
  "@vincentgraul/types": "^1.0.3",
36
37
  "@vincentgraul/utils": "^1.0.7",
37
38
  "clsx": "^2.1.1",
38
39
  "intersection-observer": "^0.12.2",
39
- "react": "^18.3.1",
40
- "react-dom": "^18.3.1",
41
- "ua-parser-js": "^1.0.39"
40
+ "ua-parser-js": "^2.0.8"
42
41
  },
43
42
  "devDependencies": {
44
- "@eslint/eslintrc": "^3.1.0",
45
- "@eslint/js": "^9.14.0",
46
- "@storybook/addon-essentials": "^8.4.0",
47
- "@storybook/addon-interactions": "^8.4.0",
48
- "@storybook/addon-links": "^8.4.0",
49
- "@storybook/blocks": "^8.4.0",
50
- "@storybook/react": "^8.4.0",
51
- "@storybook/react-vite": "^8.4.0",
52
- "@storybook/testing-library": "^0.2.2",
53
- "@testing-library/react": "^16.0.1",
54
- "@types/jest": "^29.5.14",
55
- "@typescript-eslint/eslint-plugin": "^8.12.2",
56
- "@typescript-eslint/parser": "^8.12.2",
57
- "@vitejs/plugin-react": "^4.3.3",
58
- "eslint": "^9.13.0",
59
- "eslint-config-prettier": "^9.1.0",
60
- "eslint-plugin-prettier": "^5.2.1",
61
- "eslint-plugin-storybook": "^0.10.1",
62
- "jest": "^29.7.0",
63
- "jest-environment-jsdom": "^29.7.0",
64
- "prettier": "^3.3.3",
65
- "storybook": "^8.4.0",
66
- "ts-jest": "^29.2.5",
67
- "typedoc": "^0.26.10",
68
- "typescript": "^5.6.3",
69
- "vite": "^5.4.10",
70
- "vite-plugin-dts": "^4.3.0"
71
- },
72
- "packageManager": "pnpm@9.12.3+sha512.cce0f9de9c5a7c95bef944169cc5dfe8741abfb145078c0d508b868056848a87c81e626246cb60967cbd7fd29a6c062ef73ff840d96b3c86c40ac92cf4a813ee"
43
+ "@types/react": "^19.2.8",
44
+ "@types/react-dom": "^19.2.3",
45
+ "@types/ua-parser-js": "^0.7.39",
46
+ "@eslint/eslintrc": "^3.3.3",
47
+ "@eslint/js": "^9.39.2",
48
+ "@storybook/react": "^10.1.11",
49
+ "@storybook/react-vite": "^10.1.11",
50
+ "@testing-library/react": "^16.3.1",
51
+ "@types/jest": "^30.0.0",
52
+ "@typescript-eslint/eslint-plugin": "^8.53.0",
53
+ "@typescript-eslint/parser": "^8.53.0",
54
+ "@vitejs/plugin-react": "^5.1.2",
55
+ "react": "^19.2.3",
56
+ "react-dom": "^19.2.3",
57
+ "eslint": "^9.39.2",
58
+ "eslint-config-prettier": "^10.1.8",
59
+ "eslint-plugin-prettier": "^5.5.5",
60
+ "eslint-plugin-storybook": "^10.1.11",
61
+ "jest": "^30.2.0",
62
+ "jest-environment-jsdom": "^30.2.0",
63
+ "prettier": "^3.8.0",
64
+ "storybook": "^10.1.11",
65
+ "ts-jest": "^29.4.6",
66
+ "typedoc": "^0.28.16",
67
+ "typescript": "^5.9.3",
68
+ "vite": "^7.3.1",
69
+ "vite-plugin-dts": "^4.5.4"
70
+ }
73
71
  }
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_lfodr_1{--success-color: green;--warning-color: orange;--error-color: red;--focus-color: blue;position:relative}._input-container_lfodr_10{display:inline-flex;align-items:center;position:relative;width:100%;height:100%}._input_lfodr_10{width:100%;height:100%;padding:10px;border:0;background-color:transparent;outline:none;z-index:1;color:#000}._input_lfodr_10:focus+._fieldset_lfodr_28{border-width:2px}._input_lfodr_10:focus+._fieldset_lfodr_28:not(.success,.warning,.error){border-color:var(--focus-color)}._fieldset_lfodr_28{border:1px solid black;border-radius:5px;position:absolute;top:-8.5px;right:0;bottom:0;left:0;font-size:15px;margin:0}._fieldset_lfodr_28.success{border-color:var(--success-color);color:var(--success-color)}._fieldset_lfodr_28.warning{border-color:var(--warning-color);color:var(--warning-color)}._fieldset_lfodr_28.error{border-color:var(--error-color);color:var(--error-color)}._legend_lfodr_61{padding:0 5px}._message-container_lfodr_65{display:flex;align-items:center;gap:5px;margin-top:5px}._message_lfodr_65{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}