@jsonui/components-web-example 0.8.3 → 0.8.4

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 (26) hide show
  1. package/dist/cjs/index.js +23 -27681
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +21 -27654
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/index.d.ts +21 -20
  6. package/package.json +41 -45
  7. package/dist/cjs/types/components/Button.d.ts +0 -5
  8. package/dist/cjs/types/components/Checkbox.d.ts +0 -7
  9. package/dist/cjs/types/components/Icon.d.ts +0 -8
  10. package/dist/cjs/types/components/Radio.d.ts +0 -5
  11. package/dist/cjs/types/components/Select.d.ts +0 -13
  12. package/dist/cjs/types/components/Slider.d.ts +0 -7
  13. package/dist/cjs/types/components/Switch.d.ts +0 -5
  14. package/dist/cjs/types/components/TextField.d.ts +0 -7
  15. package/dist/cjs/types/components/Tooltip.d.ts +0 -5
  16. package/dist/cjs/types/index.d.ts +0 -11
  17. package/dist/esm/types/components/Button.d.ts +0 -5
  18. package/dist/esm/types/components/Checkbox.d.ts +0 -7
  19. package/dist/esm/types/components/Icon.d.ts +0 -8
  20. package/dist/esm/types/components/Radio.d.ts +0 -5
  21. package/dist/esm/types/components/Select.d.ts +0 -13
  22. package/dist/esm/types/components/Slider.d.ts +0 -7
  23. package/dist/esm/types/components/Switch.d.ts +0 -5
  24. package/dist/esm/types/components/TextField.d.ts +0 -7
  25. package/dist/esm/types/components/Tooltip.d.ts +0 -5
  26. package/dist/esm/types/index.d.ts +0 -11
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
3
3
  import { TextFieldProps as TextFieldProps$1 } from '@mui/material/TextField';
4
4
  import { RadioProps as RadioProps$1 } from '@mui/material/Radio';
@@ -8,48 +8,49 @@ import { SliderProps as SliderProps$1 } from '@mui/material/Slider';
8
8
  import { SwitchProps as SwitchProps$1 } from '@mui/material/Switch';
9
9
  import { TooltipProps as TooltipProps$1 } from '@mui/material/Tooltip';
10
10
 
11
- declare type ButtonProps = ButtonProps$1;
12
- declare const Button: (props: ButtonProps) => JSX.Element;
11
+ type ButtonProps = ButtonProps$1;
12
+ declare const Button: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
13
13
 
14
- declare type TextFieldProps = TextFieldProps$1 & {
14
+ type TextFieldProps = TextFieldProps$1 & {
15
15
  onChange: (value: any) => void;
16
16
  };
17
- declare const TextField: (props: TextFieldProps) => JSX.Element;
17
+ declare const TextField: (props: TextFieldProps) => react_jsx_runtime.JSX.Element;
18
18
 
19
- declare type RadioProps = RadioProps$1;
20
- declare const Radio: (props: RadioProps) => JSX.Element;
19
+ type RadioProps = RadioProps$1;
20
+ declare const Radio: (props: RadioProps) => react_jsx_runtime.JSX.Element;
21
21
 
22
22
  interface SelectOptions {
23
23
  label?: string;
24
24
  value: string;
25
25
  disabled?: boolean;
26
26
  }
27
- declare type SelectProps = TextFieldProps$1 & {
27
+ type SelectProps = TextFieldProps$1 & {
28
28
  options: SelectOptions[];
29
29
  onChange: (value: any) => void;
30
30
  };
31
- declare const Select: ({ options, onChange, ...props }: SelectProps) => JSX.Element;
31
+ declare const Select: ({ options, onChange, ...props }: SelectProps) => react_jsx_runtime.JSX.Element;
32
32
 
33
- declare type IconProps = IconProps$1 & {
33
+ type IconProps = IconProps$1 & {
34
34
  type: 'MaterialIcons' | 'FontAwesome';
35
35
  name: string;
36
36
  };
37
- declare const Icon: (props: IconProps) => JSX.Element;
37
+ declare const Icon: (props: IconProps) => react_jsx_runtime.JSX.Element;
38
38
 
39
- declare type CheckboxProps = CheckboxProps$1;
39
+ type CheckboxProps = CheckboxProps$1;
40
40
  declare const Checkbox: ({ onChange, ...props }: CheckboxProps$1 & {
41
41
  onChange: any;
42
- }) => JSX.Element;
42
+ }) => react_jsx_runtime.JSX.Element;
43
43
 
44
- declare type SliderProps = SliderProps$1 & {
44
+ type SliderProps = SliderProps$1 & {
45
45
  onChange: (value: any) => void;
46
46
  };
47
- declare const Slider: (props: SliderProps) => JSX.Element;
47
+ declare const Slider: (props: SliderProps) => react_jsx_runtime.JSX.Element;
48
48
 
49
- declare type SwitchProps = SwitchProps$1;
50
- declare const Switch: (props: SwitchProps) => JSX.Element;
49
+ type SwitchProps = SwitchProps$1;
50
+ declare const Switch: (props: SwitchProps) => react_jsx_runtime.JSX.Element;
51
51
 
52
- declare type TooltipProps = TooltipProps$1;
53
- declare const Tooltip: (props: TooltipProps) => JSX.Element;
52
+ type TooltipProps = TooltipProps$1;
53
+ declare const Tooltip: (props: TooltipProps) => react_jsx_runtime.JSX.Element;
54
54
 
55
- export { Button, ButtonProps, Checkbox, CheckboxProps, Icon, IconProps, Radio, RadioProps, Select, SelectProps, Slider, SliderProps, Switch, SwitchProps, TextField, TextFieldProps, Tooltip, TooltipProps };
55
+ export { Button, Checkbox, Icon, Radio, Select, Slider, Switch, TextField, Tooltip };
56
+ export type { ButtonProps, CheckboxProps, IconProps, RadioProps, SelectProps, SliderProps, SwitchProps, TextFieldProps, TooltipProps };
package/package.json CHANGED
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "name": "@jsonui/components-web-example",
3
- "version": "0.8.3",
3
+ "version": "0.8.4",
4
+ "type": "module",
4
5
  "author": "Istvan Fodor <fodori@jsonui.org>",
5
6
  "contributors": [],
6
7
  "bugs": {
@@ -32,49 +33,42 @@
32
33
  "scripts": {
33
34
  "build": "rm -rf ./dist; rollup -c",
34
35
  "lint": "eslint src --ext .jsx,.js,.tsx,.ts",
35
- "storybook": "start-storybook -p 6006",
36
- "build-storybook": "build-storybook",
36
+ "storybook": "storybook dev -p 6006",
37
+ "build-storybook": "storybook build",
37
38
  "test": "jest"
38
39
  },
39
40
  "dependencies": {
40
- "@emotion/react": "^11.10.4",
41
- "@emotion/styled": "^11.10.4",
42
- "@fontsource/roboto": "^4.5.8",
43
- "@jsonui/react": "^0.8.3",
44
- "@mui/icons-material": "^5.10.6",
45
- "@mui/material": "^5.10.8",
46
- "typescript": "^4.5.4"
41
+ "@emotion/react": "^11.14.0",
42
+ "@emotion/styled": "^11.14.1",
43
+ "@fontsource/roboto": "^5.2.8",
44
+ "@jsonui/react": "^0.8.4",
45
+ "@mui/icons-material": "^7.3.5",
46
+ "@mui/material": "^7.3.5",
47
+ "typescript": "^5.9.3"
47
48
  },
48
49
  "devDependencies": {
49
50
  "@babel/core": "^7.17.5",
50
51
  "@babel/preset-env": "^7.16.11",
51
52
  "@babel/preset-react": "^7.16.7",
52
53
  "@emotion/jest": "^11.9.1",
53
- "@rollup/plugin-commonjs": "^21.0.1",
54
- "@rollup/plugin-json": "^4.1.0",
55
- "@rollup/plugin-node-resolve": "^13.1.3",
56
- "@rollup/plugin-typescript": "^8.3.0",
57
- "@storybook/addon-actions": "^6.4.19",
58
- "@storybook/addon-essentials": "^6.4.19",
59
- "@storybook/addon-interactions": "^6.4.19",
60
- "@storybook/addon-links": "^6.4.19",
61
- "@storybook/react": "^6.4.19",
62
- "@storybook/testing-library": "^0.0.9",
63
- "@testing-library/jest-dom": "^5.16.1",
64
- "@testing-library/react": "^12.1.2",
65
- "@testing-library/user-event": "^13.5.0",
66
- "@types/enzyme": "^3.10.11",
67
- "@types/jest": "^27.4.0",
68
- "@types/lodash": "^4.14.178",
69
- "@types/node": "^16.11.19",
70
- "@types/react": "^17.0.38",
71
- "@types/react-dom": "^17.0.11",
54
+ "@rollup/plugin-commonjs": "^29.0.0",
55
+ "@rollup/plugin-json": "^6.1.0",
56
+ "@rollup/plugin-node-resolve": "^16.0.3",
57
+ "@rollup/plugin-typescript": "^12.3.0",
58
+ "@storybook/react-vite": "^10.0.7",
59
+ "@storybook/testing-library": "^0.2.2",
60
+ "@testing-library/jest-dom": "^6.9.1",
61
+ "@testing-library/react": "^16.3.0",
62
+ "@testing-library/user-event": "^14.6.1",
63
+ "@types/jest": "^30.0.0",
64
+ "@types/lodash": "^4.17.20",
65
+ "@types/node": "^24.10.1",
66
+ "@types/react": "^19.2.6",
67
+ "@types/react-dom": "^19.2.3",
72
68
  "@typescript-eslint/eslint-plugin": "^5.10.0",
73
69
  "@typescript-eslint/parser": "^5.10.0",
74
- "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
75
70
  "babel-jest": "^27.5.1",
76
71
  "babel-loader": "^8.2.3",
77
- "enzyme": "^3.11.0",
78
72
  "eslint": "^8.2.0",
79
73
  "eslint-config-airbnb": "^19.0.4",
80
74
  "eslint-config-prettier": "^8.3.0",
@@ -84,22 +78,24 @@
84
78
  "eslint-plugin-react": "^7.28.0",
85
79
  "eslint-plugin-react-hooks": "^4.3.0",
86
80
  "eslint-plugin-storybook": "^0.5.7",
87
- "husky": "^7.0.4",
88
- "jest": "^27.5.1",
89
- "lint-staged": "^12.2.1",
90
- "prettier": "^2.5.1",
91
- "react-test-renderer": "^17.0.2",
81
+ "husky": "^9.1.7",
82
+ "jest": "^30.2.0",
83
+ "lint-staged": "^16.2.6",
84
+ "prettier": "^3.6.2",
85
+ "react-test-renderer": "^19.2.0",
92
86
  "redux-devtools": "^3.7.0",
93
- "rollup": "^2.66.1",
94
- "rollup-plugin-copy": "^3.4.0",
95
- "rollup-plugin-dts": "^4.1.0",
96
- "rollup-plugin-visualizer": "^5.5.4",
97
- "ts-jest": "^27.1.4",
98
- "ts-node": "^10.7.0"
87
+ "rollup": "^4.53.2",
88
+ "rollup-plugin-copy": "^3.5.0",
89
+ "rollup-plugin-dts": "^6.2.3",
90
+ "rollup-plugin-visualizer": "^6.0.5",
91
+ "storybook": "^10.0.7",
92
+ "ts-jest": "^29.4.5",
93
+ "ts-node": "^10.9.2",
94
+ "vite": "^7.2.2"
99
95
  },
100
96
  "peerDependencies": {
101
- "react": "^17.0.2",
102
- "react-dom": "^17.0.2"
97
+ "react": "^19.2.0",
98
+ "react-dom": "^19.2.0"
103
99
  },
104
100
  "browserslist": {
105
101
  "production": [
@@ -113,5 +109,5 @@
113
109
  "last 1 safari version"
114
110
  ]
115
111
  },
116
- "gitHead": "bef386489c5dffe83fc740b9f8e8370e09929641"
112
+ "gitHead": "787abc3a107317e95b85d1420c7464c7a7dc05b3"
117
113
  }
package/dist/cjs/types/components/Button.d.ts DELETED
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { ButtonProps as MUIButtonProps } from '@mui/material/Button';
3
- export declare type ButtonProps = MUIButtonProps;
4
- declare const Button: (props: ButtonProps) => JSX.Element;
5
- export default Button;
package/dist/cjs/types/components/Checkbox.d.ts DELETED
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { CheckboxProps as MUICheckboxProps } from '@mui/material/Checkbox';
3
- export declare type CheckboxProps = MUICheckboxProps;
4
- declare const Checkbox: ({ onChange, ...props }: MUICheckboxProps & {
5
- onChange: any;
6
- }) => JSX.Element;
7
- export default Checkbox;
package/dist/cjs/types/components/Icon.d.ts DELETED
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { IconProps as MUIIconProps } from '@mui/material/Icon';
3
- export declare type IconProps = MUIIconProps & {
4
- type: 'MaterialIcons' | 'FontAwesome';
5
- name: string;
6
- };
7
- declare const Icon: (props: IconProps) => JSX.Element;
8
- export default Icon;
package/dist/cjs/types/components/Radio.d.ts DELETED
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { RadioProps as MUIRadioProps } from '@mui/material/Radio';
3
- export declare type RadioProps = MUIRadioProps;
4
- declare const Radio: (props: RadioProps) => JSX.Element;
5
- export default Radio;
package/dist/cjs/types/components/Select.d.ts DELETED
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { TextFieldProps as MUITextFieldProps } from '@mui/material/TextField';
3
- interface SelectOptions {
4
- label?: string;
5
- value: string;
6
- disabled?: boolean;
7
- }
8
- export declare type SelectProps = MUITextFieldProps & {
9
- options: SelectOptions[];
10
- onChange: (value: any) => void;
11
- };
12
- declare const Select: ({ options, onChange, ...props }: SelectProps) => JSX.Element;
13
- export default Select;
package/dist/cjs/types/components/Slider.d.ts DELETED
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { SliderProps as MUISliderPropsProps } from '@mui/material/Slider';
3
- export declare type SliderProps = MUISliderPropsProps & {
4
- onChange: (value: any) => void;
5
- };
6
- declare const Slider: (props: SliderProps) => JSX.Element;
7
- export default Slider;
package/dist/cjs/types/components/Switch.d.ts DELETED
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { SwitchProps as MUISwitchProps } from '@mui/material/Switch';
3
- export declare type SwitchProps = MUISwitchProps;
4
- declare const Switch: (props: SwitchProps) => JSX.Element;
5
- export default Switch;
package/dist/cjs/types/components/TextField.d.ts DELETED
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { TextFieldProps as MUITextFieldProps } from '@mui/material/TextField';
3
- export declare type TextFieldProps = MUITextFieldProps & {
4
- onChange: (value: any) => void;
5
- };
6
- declare const TextField: (props: TextFieldProps) => JSX.Element;
7
- export default TextField;
package/dist/cjs/types/components/Tooltip.d.ts DELETED
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { TooltipProps as MUITooltipProps } from '@mui/material/Tooltip';
3
- export declare type TooltipProps = MUITooltipProps;
4
- declare const Tooltip: (props: TooltipProps) => JSX.Element;
5
- export default Tooltip;
package/dist/cjs/types/index.d.ts DELETED
@@ -1,11 +0,0 @@
1
- import Button, { ButtonProps } from './components/Button';
2
- import TextField, { TextFieldProps } from './components/TextField';
3
- import Radio, { RadioProps } from './components/Radio';
4
- import Select, { SelectProps } from './components/Select';
5
- import Icon, { IconProps } from './components/Icon';
6
- import Checkbox, { CheckboxProps } from './components/Checkbox';
7
- import Slider, { SliderProps } from './components/Slider';
8
- import Switch, { SwitchProps } from './components/Switch';
9
- import Tooltip, { TooltipProps } from './components/Tooltip';
10
- export { Button, TextField, Checkbox, Radio, Select, Icon, Slider, Switch, Tooltip };
11
- export type { ButtonProps, TextFieldProps, CheckboxProps, RadioProps, SelectProps, IconProps, SliderProps, SwitchProps, TooltipProps };
package/dist/esm/types/components/Button.d.ts DELETED
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { ButtonProps as MUIButtonProps } from '@mui/material/Button';
3
- export declare type ButtonProps = MUIButtonProps;
4
- declare const Button: (props: ButtonProps) => JSX.Element;
5
- export default Button;
package/dist/esm/types/components/Checkbox.d.ts DELETED
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { CheckboxProps as MUICheckboxProps } from '@mui/material/Checkbox';
3
- export declare type CheckboxProps = MUICheckboxProps;
4
- declare const Checkbox: ({ onChange, ...props }: MUICheckboxProps & {
5
- onChange: any;
6
- }) => JSX.Element;
7
- export default Checkbox;
package/dist/esm/types/components/Icon.d.ts DELETED
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { IconProps as MUIIconProps } from '@mui/material/Icon';
3
- export declare type IconProps = MUIIconProps & {
4
- type: 'MaterialIcons' | 'FontAwesome';
5
- name: string;
6
- };
7
- declare const Icon: (props: IconProps) => JSX.Element;
8
- export default Icon;
package/dist/esm/types/components/Radio.d.ts DELETED
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { RadioProps as MUIRadioProps } from '@mui/material/Radio';
3
- export declare type RadioProps = MUIRadioProps;
4
- declare const Radio: (props: RadioProps) => JSX.Element;
5
- export default Radio;
package/dist/esm/types/components/Select.d.ts DELETED
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { TextFieldProps as MUITextFieldProps } from '@mui/material/TextField';
3
- interface SelectOptions {
4
- label?: string;
5
- value: string;
6
- disabled?: boolean;
7
- }
8
- export declare type SelectProps = MUITextFieldProps & {
9
- options: SelectOptions[];
10
- onChange: (value: any) => void;
11
- };
12
- declare const Select: ({ options, onChange, ...props }: SelectProps) => JSX.Element;
13
- export default Select;
package/dist/esm/types/components/Slider.d.ts DELETED
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { SliderProps as MUISliderPropsProps } from '@mui/material/Slider';
3
- export declare type SliderProps = MUISliderPropsProps & {
4
- onChange: (value: any) => void;
5
- };
6
- declare const Slider: (props: SliderProps) => JSX.Element;
7
- export default Slider;
package/dist/esm/types/components/Switch.d.ts DELETED
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { SwitchProps as MUISwitchProps } from '@mui/material/Switch';
3
- export declare type SwitchProps = MUISwitchProps;
4
- declare const Switch: (props: SwitchProps) => JSX.Element;
5
- export default Switch;
package/dist/esm/types/components/TextField.d.ts DELETED
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { TextFieldProps as MUITextFieldProps } from '@mui/material/TextField';
3
- export declare type TextFieldProps = MUITextFieldProps & {
4
- onChange: (value: any) => void;
5
- };
6
- declare const TextField: (props: TextFieldProps) => JSX.Element;
7
- export default TextField;
package/dist/esm/types/components/Tooltip.d.ts DELETED
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { TooltipProps as MUITooltipProps } from '@mui/material/Tooltip';
3
- export declare type TooltipProps = MUITooltipProps;
4
- declare const Tooltip: (props: TooltipProps) => JSX.Element;
5
- export default Tooltip;
package/dist/esm/types/index.d.ts DELETED
@@ -1,11 +0,0 @@
1
- import Button, { ButtonProps } from './components/Button';
2
- import TextField, { TextFieldProps } from './components/TextField';
3
- import Radio, { RadioProps } from './components/Radio';
4
- import Select, { SelectProps } from './components/Select';
5
- import Icon, { IconProps } from './components/Icon';
6
- import Checkbox, { CheckboxProps } from './components/Checkbox';
7
- import Slider, { SliderProps } from './components/Slider';
8
- import Switch, { SwitchProps } from './components/Switch';
9
- import Tooltip, { TooltipProps } from './components/Tooltip';
10
- export { Button, TextField, Checkbox, Radio, Select, Icon, Slider, Switch, Tooltip };
11
- export type { ButtonProps, TextFieldProps, CheckboxProps, RadioProps, SelectProps, IconProps, SliderProps, SwitchProps, TooltipProps };