quix-ui 1.2.6 → 1.2.9

package/dist/index.js

@@ -1,6 +1,7 @@
 import { jsx as jsx$1, jsxs } from 'react/jsx-runtime';
 import * as React3 from 'react';
-import { forwardRef, useContext, useEffect, useState, useCallback } from 'react';
+import { forwardRef, useContext } from 'react';
+import { useViewportSize } from '@mantine/hooks';
 
 function _defineProperty(e, r, t) {
   return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
@@ -3935,30 +3936,6 @@ keyframes`
   }
 `;
 
-function useWindowEvent(type, listener, options) {
-  useEffect(() => {
-    window.addEventListener(type, listener, options);
-    return () => window.removeEventListener(type, listener, options);
-  }, [type, listener]);
-}
-
-const eventListerOptions = {
-  passive: true
-};
-function useViewportSize() {
-  const [windowSize, setWindowSize] = useState({
-    width: 0,
-    height: 0
-  });
-  const setSize = useCallback(() => {
-    setWindowSize({ width: window.innerWidth || 0, height: window.innerHeight || 0 });
-  }, []);
-  useWindowEvent("resize", setSize, eventListerOptions);
-  useWindowEvent("orientationchange", setSize, eventListerOptions);
-  useEffect(setSize, []);
-  return windowSize;
-}
-
 var _templateObject, _templateObject2, _templateObject3;
 function Layout(props) {
   var _header$height, _header$height2, _sideMenu$width$table, _sideMenu$width, _sideMenu$width$deskt, _sideMenu$width2, _sideMenu$width$deskt2, _sideMenu$width3;
@@ -4017,10 +3994,10 @@ function Layout(props) {
           children: bottomNode(menuItemStyle)
         })
       })]
-    });
+    }, 'aside');
   }
   function MenuItem(_ref) {
-    var _menuItemsDynamicStyl, _menuItemsDynamicStyl2, _menuItemsDynamicStyl3, _menuItemsDynamicStyl4, _menuItemsDynamicStyl5, _menuItemsDynamicStyl6, _menuItemStyle$style, _menuItemStyle$style2, _menuItemStyle$width3, _menuItemStyle$width4, _menuItemStyle$width5;
+    var _menuItemsDynamicStyl, _menuItemsDynamicStyl2, _menuItemsDynamicStyl3, _menuItemsDynamicStyl4, _menuItemsDynamicStyl5, _menuItemsDynamicStyl6, _menuItemStyle$style, _menuItemStyle$style2, _menuItemStyle$width3, _menuItemStyle$width4, _menuItemStyle$width5, _menuItemStyle$width6;
     var item = _ref.item,
       ElementType = _ref.ElementType,
       menuItemsDynamicStyle = _ref.menuItemsDynamicStyle,
@@ -4073,7 +4050,7 @@ function Layout(props) {
             transition: '0.2s all',
             justifyContent: windowWidth > 850 ? menuItemStyle === null || menuItemStyle === void 0 || (_menuItemStyle$style = menuItemStyle.style) === null || _menuItemStyle$style === void 0 ? void 0 : _menuItemStyle$style.justifyContent : 'center',
             borderRadius: windowWidth > 850 ? menuItemStyle === null || menuItemStyle === void 0 || (_menuItemStyle$style2 = menuItemStyle.style) === null || _menuItemStyle$style2 === void 0 ? void 0 : _menuItemStyle$style2.borderRadius : 2,
-            width: windowWidth <= 450 ? menuItemStyle === null || menuItemStyle === void 0 || (_menuItemStyle$width3 = menuItemStyle.width) === null || _menuItemStyle$width3 === void 0 ? void 0 : _menuItemStyle$width3.mobile : windowWidth > 450 && windowWidth < 850 ? menuItemStyle === null || menuItemStyle === void 0 || (_menuItemStyle$width4 = menuItemStyle.width) === null || _menuItemStyle$width4 === void 0 ? void 0 : _menuItemStyle$width4.tablet : windowWidth >= 850 ? menuItemStyle === null || menuItemStyle === void 0 || (_menuItemStyle$width5 = menuItemStyle.width) === null || _menuItemStyle$width5 === void 0 ? void 0 : _menuItemStyle$width5.desktop : 300
+            width: windowWidth < 450 ? menuItemStyle === null || menuItemStyle === void 0 || (_menuItemStyle$width3 = menuItemStyle.width) === null || _menuItemStyle$width3 === void 0 ? void 0 : _menuItemStyle$width3.mobile : windowWidth > 450 && windowWidth < 850 ? menuItemStyle === null || menuItemStyle === void 0 || (_menuItemStyle$width4 = menuItemStyle.width) === null || _menuItemStyle$width4 === void 0 ? void 0 : _menuItemStyle$width4.tablet : windowWidth > 850 ? menuItemStyle === null || menuItemStyle === void 0 || (_menuItemStyle$width5 = menuItemStyle.width) === null || _menuItemStyle$width5 === void 0 ? void 0 : _menuItemStyle$width5.desktop : menuItemStyle === null || menuItemStyle === void 0 || (_menuItemStyle$width6 = menuItemStyle.width) === null || _menuItemStyle$width6 === void 0 ? void 0 : _menuItemStyle$width6.desktop
           }, menuItemStyle === null || menuItemStyle === void 0 ? void 0 : menuItemStyle.style),
           children: [item.icon && item.icon.position === 'left' && item.icon.component, windowWidth > 850 && jsx$1("p", {
             className: " quix_menuItem_label ",
@@ -4085,7 +4062,7 @@ function Layout(props) {
           }), item.icon && item.icon.position === 'right' && item.icon.component]
         })
       }, item.label)
-    });
+    }, item.label);
   }
   // console.log( (size.width) - ((size.width < 450 ? Number(sideMenu?.width.mobile) : size.width < 850 ? Number(sideMenu?.width.tablet) : size.width > 850 ? Number(sideMenu?.width.desktop) : Number(sideMenu?.width.desktop)) + 30))
   return jsxs(LayoutSection, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quix-ui",
-  "version": "1.2.6",
+  "version": "1.2.9",
   "description": "This is a react component library.",
   "type": "module",
   "main": "dist/index.js",
@@ -55,6 +55,7 @@
     "@eslint/js": "^9.39.2",
     "@figma/eslint-plugin-figma-plugins": "^1.0.0",
     "@figma/plugin-typings": "^1.122.0",
+    "@mantine/hooks": "^8.3.13",
     "@rollup/plugin-babel": "^6.1.0",
     "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
@@ -70,6 +71,7 @@
     "axios": "^1.13.2",
     "babel-loader": "^10.0.0",
     "eslint": "^9.39.2",
+    "fs": "^0.0.1-security",
     "globals": "^17.0.0",
     "husky": "^9.1.7",
     "jest": "^30.2.0",
@@ -90,11 +92,7 @@
     "typescript-eslint": "^8.53.0"
   },
   "peerDependencies": {
-    "react": "^18",
-    "react-dom": "^18"
-  },
-  "dependencies": {
-    "@mantine/hooks": "^8.3.13",
-    "fs": "^0.0.1-security"
+    "react": "^16",
+    "react-dom": "^16"
   }
 }