@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.
Files changed (22) hide show
  1. package/dist/published/components/custom/Form/Common/Form.js +20 -21
  2. package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectComponent.d.ts +2 -0
  3. package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectComponent.js +75 -26
  4. package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ActionDialog.d.ts +5 -2
  5. package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ActionDialog.js +4 -6
  6. package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableField.js +3 -1
  7. package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableFieldComponent.js +31 -13
  8. package/dist/published/components/custom/Form/tests/Form.test.d.ts +1 -0
  9. package/dist/published/components/custom/Form/tests/Form.test.js +112 -0
  10. package/dist/published/components/custom/Form/tests/test-data.d.ts +13 -0
  11. package/dist/published/components/custom/Form/tests/test-data.js +282 -0
  12. package/dist/published/components/custom/Form/utils.d.ts +10 -4
  13. package/dist/published/components/custom/Form/utils.js +133 -52
  14. package/dist/published/components/custom/Menubar/Menubar.d.ts +2 -3
  15. package/dist/published/components/custom/Menubar/Menubar.js +15 -12
  16. package/dist/published/index.d.ts +1 -0
  17. package/dist/published/index.js +1 -0
  18. package/dist/published/theme/hooks.d.ts +31 -0
  19. package/dist/published/theme/hooks.js +35 -0
  20. package/dist/published/theme/index.d.ts +3 -0
  21. package/dist/published/theme/index.js +3 -0
  22. 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
+ }
@@ -1,2 +1,5 @@
1
+ import { useMediaQuery, useTheme } from '@mui/material';
1
2
  import UIThemeProvider from './UIThemeProvider';
3
+ import { useResponsive } from './hooks';
4
+ export { useMediaQuery, useResponsive, useTheme };
2
5
  export default UIThemeProvider;
@@ -1,2 +1,5 @@
1
+ import { useMediaQuery, useTheme } from '@mui/material';
1
2
  import UIThemeProvider from './UIThemeProvider';
3
+ import { useResponsive } from './hooks';
4
+ export { useMediaQuery, useResponsive, useTheme };
2
5
  export default UIThemeProvider;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@evoke-platform/ui-components",
3
- "version": "1.4.0-testing.0",
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",