@evoke-platform/ui-components 1.4.0-testing.0 → 1.4.0-testing.2
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/published/components/custom/Form/Common/Form.js +20 -21
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectComponent.d.ts +2 -0
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectComponent.js +75 -26
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ActionDialog.d.ts +5 -2
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ActionDialog.js +4 -6
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableField.js +3 -1
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableFieldComponent.js +31 -13
- package/dist/published/components/custom/Form/tests/Form.test.d.ts +1 -0
- package/dist/published/components/custom/Form/tests/Form.test.js +112 -0
- package/dist/published/components/custom/Form/tests/test-data.d.ts +13 -0
- package/dist/published/components/custom/Form/tests/test-data.js +282 -0
- package/dist/published/components/custom/Form/utils.d.ts +10 -4
- package/dist/published/components/custom/Form/utils.js +133 -52
- package/dist/published/components/custom/Menubar/Menubar.d.ts +2 -3
- package/dist/published/components/custom/Menubar/Menubar.js +15 -12
- package/dist/published/index.d.ts +1 -0
- package/dist/published/index.js +1 -0
- package/dist/published/theme/hooks.d.ts +31 -0
- package/dist/published/theme/hooks.js +35 -0
- package/dist/published/theme/index.d.ts +3 -0
- package/dist/published/theme/index.js +3 -0
- package/package.json +2 -3
@@ -0,0 +1,31 @@
|
|
1
|
+
import { Breakpoint } from '@mui/material/styles';
|
2
|
+
/**
|
3
|
+
* Custom hook for responsive design breakpoints using size terminology.
|
4
|
+
* Breakpoints based on MUI default theme:
|
5
|
+
* - xs: 0px to 599px
|
6
|
+
* - sm: 600px to 899px
|
7
|
+
* - md: 900px to 1199px
|
8
|
+
* - lg: 1200px to 1535px
|
9
|
+
* - xl: 1536px and up
|
10
|
+
* @returns Object with boolean flags for different breakpoints
|
11
|
+
*/
|
12
|
+
export declare function useResponsive(): {
|
13
|
+
/** Extra small screens (0px to 599px) */
|
14
|
+
isXs: boolean;
|
15
|
+
/** Small screens (600px to 899px) */
|
16
|
+
isSm: boolean;
|
17
|
+
/** Medium screens (900px to 1199px) */
|
18
|
+
isMd: boolean;
|
19
|
+
/** Large screens (1200px to 1535px) */
|
20
|
+
isLg: boolean;
|
21
|
+
/** Extra large screens (1536px and up) */
|
22
|
+
isXl: boolean;
|
23
|
+
/** Returns true if viewport width is smaller than the specified breakpoint */
|
24
|
+
smallerThan: (breakpoint: Breakpoint) => boolean;
|
25
|
+
/** Returns true if viewport width is larger than the specified breakpoint */
|
26
|
+
largerThan: (breakpoint: Breakpoint) => boolean;
|
27
|
+
/** Returns true if viewport width is exactly within the specified breakpoint range */
|
28
|
+
exactly: (breakpoint: Breakpoint) => boolean;
|
29
|
+
/** Returns true if viewport width is between the specified breakpoints */
|
30
|
+
between: (start: Breakpoint, end: Breakpoint) => boolean;
|
31
|
+
};
|
@@ -0,0 +1,35 @@
|
|
1
|
+
import { useTheme } from '@mui/material';
|
2
|
+
import useMediaQuery from '@mui/material/useMediaQuery';
|
3
|
+
/**
|
4
|
+
* Custom hook for responsive design breakpoints using size terminology.
|
5
|
+
* Breakpoints based on MUI default theme:
|
6
|
+
* - xs: 0px to 599px
|
7
|
+
* - sm: 600px to 899px
|
8
|
+
* - md: 900px to 1199px
|
9
|
+
* - lg: 1200px to 1535px
|
10
|
+
* - xl: 1536px and up
|
11
|
+
* @returns Object with boolean flags for different breakpoints
|
12
|
+
*/
|
13
|
+
export function useResponsive() {
|
14
|
+
const theme = useTheme();
|
15
|
+
return {
|
16
|
+
/** Extra small screens (0px to 599px) */
|
17
|
+
isXs: useMediaQuery(theme.breakpoints.only('xs')),
|
18
|
+
/** Small screens (600px to 899px) */
|
19
|
+
isSm: useMediaQuery(theme.breakpoints.only('sm')),
|
20
|
+
/** Medium screens (900px to 1199px) */
|
21
|
+
isMd: useMediaQuery(theme.breakpoints.only('md')),
|
22
|
+
/** Large screens (1200px to 1535px) */
|
23
|
+
isLg: useMediaQuery(theme.breakpoints.only('lg')),
|
24
|
+
/** Extra large screens (1536px and up) */
|
25
|
+
isXl: useMediaQuery(theme.breakpoints.only('xl')),
|
26
|
+
/** Returns true if viewport width is smaller than the specified breakpoint */
|
27
|
+
smallerThan: (breakpoint) => useMediaQuery(theme.breakpoints.down(breakpoint)),
|
28
|
+
/** Returns true if viewport width is larger than the specified breakpoint */
|
29
|
+
largerThan: (breakpoint) => useMediaQuery(theme.breakpoints.up(breakpoint)),
|
30
|
+
/** Returns true if viewport width is exactly within the specified breakpoint range */
|
31
|
+
exactly: (breakpoint) => useMediaQuery(theme.breakpoints.only(breakpoint)),
|
32
|
+
/** Returns true if viewport width is between the specified breakpoints */
|
33
|
+
between: (start, end) => useMediaQuery(theme.breakpoints.between(start, end)),
|
34
|
+
};
|
35
|
+
}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@evoke-platform/ui-components",
|
3
|
-
"version": "1.4.0-testing.
|
3
|
+
"version": "1.4.0-testing.2",
|
4
4
|
"description": "",
|
5
5
|
"main": "dist/published/index.js",
|
6
6
|
"module": "dist/published/index.js",
|
@@ -51,7 +51,6 @@
|
|
51
51
|
"@testing-library/jest-dom": "^6.4.2",
|
52
52
|
"@testing-library/react": "^14.2.2",
|
53
53
|
"@testing-library/user-event": "^14.5.2",
|
54
|
-
"@types/dot-object": "^2.1.6",
|
55
54
|
"@types/flat": "^5.0.5",
|
56
55
|
"@types/jest": "^28.1.4",
|
57
56
|
"@types/luxon": "^3.4.2",
|
@@ -111,12 +110,12 @@
|
|
111
110
|
"devexpress-richedit": "^23.1.5",
|
112
111
|
"devextreme": "^23.1.5",
|
113
112
|
"devextreme-dist": "^23.1.5",
|
114
|
-
"dot-object": "^2.1.5",
|
115
113
|
"eslint-plugin-no-inline-styles": "^1.0.5",
|
116
114
|
"flat": "^6.0.1",
|
117
115
|
"formiojs": "^4.15.0-rc.23",
|
118
116
|
"html-react-parser": "^5.1.18",
|
119
117
|
"luxon": "^2.5.2",
|
118
|
+
"msw": "^2.7.3",
|
120
119
|
"nanoid": "^5.0.8",
|
121
120
|
"nanoid-dictionary": "^4.3.0",
|
122
121
|
"no-eval-handlebars": "^1.0.2",
|