@unifiedsoftware/react-ui 1.0.9 → 1.0.10

package/dist/index.d.mts

@@ -201,7 +201,7 @@ interface Props$2 {
      * The nav mode of the menu, which can be 'manual' or 'automatic'.
      * Search for the last level of the menu and validate if the value matches.
      */
-    openMode?: 'manual' | 'automatic';
+    navMode?: 'manual' | 'automatic';
     /**
      * A callback function called when the selected values of the menu change.
      */
@@ -227,7 +227,7 @@ interface MenuContextValue {
     originalValue: any;
     openValues: any[];
     expandMode: 'single' | 'multiple';
-    openMode: 'manual' | 'automatic';
+    navMode: 'manual' | 'automatic';
     onChange: (value: any) => void;
     onOpen: (values: any) => void;
     onItemSelect: (props: MenuItemProps) => void;

package/dist/index.d.ts

@@ -201,7 +201,7 @@ interface Props$2 {
      * The nav mode of the menu, which can be 'manual' or 'automatic'.
      * Search for the last level of the menu and validate if the value matches.
      */
-    openMode?: 'manual' | 'automatic';
+    navMode?: 'manual' | 'automatic';
     /**
      * A callback function called when the selected values of the menu change.
      */
@@ -227,7 +227,7 @@ interface MenuContextValue {
     originalValue: any;
     openValues: any[];
     expandMode: 'single' | 'multiple';
-    openMode: 'manual' | 'automatic';
+    navMode: 'manual' | 'automatic';
     onChange: (value: any) => void;
     onOpen: (values: any) => void;
     onItemSelect: (props: MenuItemProps) => void;

package/dist/index.js

@@ -443,7 +443,7 @@ var MenuValueContext_default = MenuValueContext;
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var MenuItem = (0, import_react13.forwardRef)((props, ref) => {
   const _a = props, { as: Component = "div", className, style, value, title, icon, level = 1, disabled, onClick } = _a, rest = __objRest(_a, ["as", "className", "style", "value", "title", "icon", "level", "disabled", "onClick"]);
-  const { value: menuValue, originalValue, openMode, onChange, onOpen, onItemSelect } = useMenu();
+  const { value: menuValue, originalValue, navMode, onChange, onOpen, onItemSelect } = useMenu();
   const values = (0, import_react13.useContext)(MenuValueContext_default);
   const mergedValues = [...values, value];
   const handleClick = (event) => {
@@ -454,11 +454,11 @@ var MenuItem = (0, import_react13.forwardRef)((props, ref) => {
     onItemSelect == null ? void 0 : onItemSelect(props);
   };
   (0, import_react13.useEffect)(() => {
-    if (openMode === "automatic" && originalValue.length > 0 && originalValue[originalValue.length - 1] === value) {
+    if (navMode === "automatic" && originalValue.length > 0 && originalValue[originalValue.length - 1] === value) {
       onOpen(values);
       onChange(mergedValues);
     }
-  }, [value, originalValue, openMode]);
+  }, [value, originalValue, navMode]);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     Component,
     __spreadProps(__spreadValues({
@@ -591,7 +591,7 @@ var MenuSubmenu = (_a) => {
       "ul",
       {
         className: (0, import_clsx7.default)(`${PREFIX_CLS}menu`, {
-          [`${PREFIX_CLS}menu-open`]: !open
+          [`${PREFIX_CLS}menu-open`]: !isOpen
         }),
         children: content || children
       }
@@ -655,7 +655,7 @@ var Menu = (_a) => {
     defaultValue,
     openValues: openValuesProp,
     expandMode = "multiple",
-    openMode = "manual",
+    navMode = "manual",
     items,
     onChange,
     onOpen,
@@ -666,7 +666,7 @@ var Menu = (_a) => {
     "defaultValue",
     "openValues",
     "expandMode",
-    "openMode",
+    "navMode",
     "items",
     "onChange",
     "onOpen",
@@ -682,7 +682,7 @@ var Menu = (_a) => {
     });
   }, [items]);
   const handleChange = (value) => {
-    if (valueProp !== void 0 && openMode !== "automatic") {
+    if (valueProp !== void 0 && navMode !== "automatic") {
       onChange == null ? void 0 : onChange(value);
     } else {
       setSelfValue(value);
@@ -699,7 +699,7 @@ var Menu = (_a) => {
     onItemSelect == null ? void 0 : onItemSelect(props);
   };
   (0, import_react16.useEffect)(() => {
-    if (valueProp !== void 0 && openMode !== "automatic") {
+    if (valueProp !== void 0 && navMode !== "automatic") {
       setSelfValue(valueProp);
     }
   }, [valueProp]);
@@ -716,7 +716,7 @@ var Menu = (_a) => {
         originalValue: valueProp,
         openValues: selfOpenValues,
         expandMode,
-        openMode,
+        navMode,
         onOpen: handleOpen,
         onChange: handleChange,
         onItemSelect: handleItemSelect

package/dist/index.mjs

@@ -388,7 +388,7 @@ var MenuValueContext_default = MenuValueContext;
 import { jsx as jsx7, jsxs as jsxs8 } from "react/jsx-runtime";
 var MenuItem = forwardRef9((props, ref) => {
   const _a = props, { as: Component = "div", className, style, value, title, icon, level = 1, disabled, onClick } = _a, rest = __objRest(_a, ["as", "className", "style", "value", "title", "icon", "level", "disabled", "onClick"]);
-  const { value: menuValue, originalValue, openMode, onChange, onOpen, onItemSelect } = useMenu();
+  const { value: menuValue, originalValue, navMode, onChange, onOpen, onItemSelect } = useMenu();
   const values = useContext4(MenuValueContext_default);
   const mergedValues = [...values, value];
   const handleClick = (event) => {
@@ -399,11 +399,11 @@ var MenuItem = forwardRef9((props, ref) => {
     onItemSelect == null ? void 0 : onItemSelect(props);
   };
   useEffect2(() => {
-    if (openMode === "automatic" && originalValue.length > 0 && originalValue[originalValue.length - 1] === value) {
+    if (navMode === "automatic" && originalValue.length > 0 && originalValue[originalValue.length - 1] === value) {
       onOpen(values);
       onChange(mergedValues);
     }
-  }, [value, originalValue, openMode]);
+  }, [value, originalValue, navMode]);
   return /* @__PURE__ */ jsxs8(
     Component,
     __spreadProps(__spreadValues({
@@ -536,7 +536,7 @@ var MenuSubmenu = (_a) => {
       "ul",
       {
         className: clsx7(`${PREFIX_CLS}menu`, {
-          [`${PREFIX_CLS}menu-open`]: !open
+          [`${PREFIX_CLS}menu-open`]: !isOpen
         }),
         children: content || children
       }
@@ -600,7 +600,7 @@ var Menu = (_a) => {
     defaultValue,
     openValues: openValuesProp,
     expandMode = "multiple",
-    openMode = "manual",
+    navMode = "manual",
     items,
     onChange,
     onOpen,
@@ -611,7 +611,7 @@ var Menu = (_a) => {
     "defaultValue",
     "openValues",
     "expandMode",
-    "openMode",
+    "navMode",
     "items",
     "onChange",
     "onOpen",
@@ -627,7 +627,7 @@ var Menu = (_a) => {
     });
   }, [items]);
   const handleChange = (value) => {
-    if (valueProp !== void 0 && openMode !== "automatic") {
+    if (valueProp !== void 0 && navMode !== "automatic") {
       onChange == null ? void 0 : onChange(value);
     } else {
       setSelfValue(value);
@@ -644,7 +644,7 @@ var Menu = (_a) => {
     onItemSelect == null ? void 0 : onItemSelect(props);
   };
   useEffect3(() => {
-    if (valueProp !== void 0 && openMode !== "automatic") {
+    if (valueProp !== void 0 && navMode !== "automatic") {
       setSelfValue(valueProp);
     }
   }, [valueProp]);
@@ -661,7 +661,7 @@ var Menu = (_a) => {
         originalValue: valueProp,
         openValues: selfOpenValues,
         expandMode,
-        openMode,
+        navMode,
         onOpen: handleOpen,
         onChange: handleChange,
         onItemSelect: handleItemSelect

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifiedsoftware/react-ui",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [