@evoke-platform/ui-components 1.4.0-testing.0 → 1.4.0-testing.2

package/dist/published/theme/hooks.d.ts

@@ -0,0 +1,31 @@
+import { Breakpoint } from '@mui/material/styles';
+/**
+ * Custom hook for responsive design breakpoints using size terminology.
+ * Breakpoints based on MUI default theme:
+ * - xs: 0px to 599px
+ * - sm: 600px to 899px
+ * - md: 900px to 1199px
+ * - lg: 1200px to 1535px
+ * - xl: 1536px and up
+ * @returns Object with boolean flags for different breakpoints
+ */
+export declare function useResponsive(): {
+    /** Extra small screens (0px to 599px) */
+    isXs: boolean;
+    /** Small screens (600px to 899px) */
+    isSm: boolean;
+    /** Medium screens (900px to 1199px) */
+    isMd: boolean;
+    /** Large screens (1200px to 1535px) */
+    isLg: boolean;
+    /** Extra large screens (1536px and up) */
+    isXl: boolean;
+    /** Returns true if viewport width is smaller than the specified breakpoint */
+    smallerThan: (breakpoint: Breakpoint) => boolean;
+    /** Returns true if viewport width is larger than the specified breakpoint */
+    largerThan: (breakpoint: Breakpoint) => boolean;
+    /** Returns true if viewport width is exactly within the specified breakpoint range */
+    exactly: (breakpoint: Breakpoint) => boolean;
+    /** Returns true if viewport width is between the specified breakpoints */
+    between: (start: Breakpoint, end: Breakpoint) => boolean;
+};

package/dist/published/theme/hooks.js

@@ -0,0 +1,35 @@
+import { useTheme } from '@mui/material';
+import useMediaQuery from '@mui/material/useMediaQuery';
+/**
+ * Custom hook for responsive design breakpoints using size terminology.
+ * Breakpoints based on MUI default theme:
+ * - xs: 0px to 599px
+ * - sm: 600px to 899px
+ * - md: 900px to 1199px
+ * - lg: 1200px to 1535px
+ * - xl: 1536px and up
+ * @returns Object with boolean flags for different breakpoints
+ */
+export function useResponsive() {
+    const theme = useTheme();
+    return {
+        /** Extra small screens (0px to 599px) */
+        isXs: useMediaQuery(theme.breakpoints.only('xs')),
+        /** Small screens (600px to 899px) */
+        isSm: useMediaQuery(theme.breakpoints.only('sm')),
+        /** Medium screens (900px to 1199px) */
+        isMd: useMediaQuery(theme.breakpoints.only('md')),
+        /** Large screens (1200px to 1535px) */
+        isLg: useMediaQuery(theme.breakpoints.only('lg')),
+        /** Extra large screens (1536px and up) */
+        isXl: useMediaQuery(theme.breakpoints.only('xl')),
+        /** Returns true if viewport width is smaller than the specified breakpoint */
+        smallerThan: (breakpoint) => useMediaQuery(theme.breakpoints.down(breakpoint)),
+        /** Returns true if viewport width is larger than the specified breakpoint */
+        largerThan: (breakpoint) => useMediaQuery(theme.breakpoints.up(breakpoint)),
+        /** Returns true if viewport width is exactly within the specified breakpoint range */
+        exactly: (breakpoint) => useMediaQuery(theme.breakpoints.only(breakpoint)),
+        /** Returns true if viewport width is between the specified breakpoints */
+        between: (start, end) => useMediaQuery(theme.breakpoints.between(start, end)),
+    };
+}

package/dist/published/theme/index.d.ts

@@ -1,2 +1,5 @@
+import { useMediaQuery, useTheme } from '@mui/material';
 import UIThemeProvider from './UIThemeProvider';
+import { useResponsive } from './hooks';
+export { useMediaQuery, useResponsive, useTheme };
 export default UIThemeProvider;

package/dist/published/theme/index.js

@@ -1,2 +1,5 @@
+import { useMediaQuery, useTheme } from '@mui/material';
 import UIThemeProvider from './UIThemeProvider';
+import { useResponsive } from './hooks';
+export { useMediaQuery, useResponsive, useTheme };
 export default UIThemeProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.4.0-testing.0",
+    "version": "1.4.0-testing.2",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",
@@ -51,7 +51,6 @@
         "@testing-library/jest-dom": "^6.4.2",
         "@testing-library/react": "^14.2.2",
         "@testing-library/user-event": "^14.5.2",
-        "@types/dot-object": "^2.1.6",
         "@types/flat": "^5.0.5",
         "@types/jest": "^28.1.4",
         "@types/luxon": "^3.4.2",
@@ -111,12 +110,12 @@
         "devexpress-richedit": "^23.1.5",
         "devextreme": "^23.1.5",
         "devextreme-dist": "^23.1.5",
-        "dot-object": "^2.1.5",
         "eslint-plugin-no-inline-styles": "^1.0.5",
         "flat": "^6.0.1",
         "formiojs": "^4.15.0-rc.23",
         "html-react-parser": "^5.1.18",
         "luxon": "^2.5.2",
+        "msw": "^2.7.3",
         "nanoid": "^5.0.8",
         "nanoid-dictionary": "^4.3.0",
         "no-eval-handlebars": "^1.0.2",