@unifiedsoftware/react-ui 1.0.4 → 1.0.5

package/dist/index.d.mts

@@ -80,6 +80,13 @@ type MenuGroupProps = Omit<MenuItemProps$1, 'items'> & {
 };
 declare const MenuGroup: React.FC<MenuGroupProps>;
 
+type MenuItemType = (MenuGroupProps & {
+    type?: 'group';
+}) | (MenuSubmenuProps & {
+    type?: 'submenu';
+}) | (MenuItemProps$1 & {
+    type?: 'item';
+});
 interface Props$8 {
     value?: any | any[];
     defaultValue?: any | any[];
@@ -88,15 +95,9 @@ interface Props$8 {
     openMode?: 'manual' | 'automatic';
     onChange?: (value: any | any[]) => void;
     onOpen?: (values: any[]) => void;
+    onItemSelect?: (props: MenuItemProps$1) => void;
 }
 type NativeAttrs$2 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$8 | 'items'>;
-type MenuItemType = (MenuGroupProps & {
-    type?: 'group';
-}) | (MenuSubmenuProps & {
-    type?: 'submenu';
-}) | (MenuItemProps$1 & {
-    type?: 'item';
-});
 type MenuProps = Props$8 & NativeAttrs$2 & {
     items: MenuItemType[];
 };
@@ -104,11 +105,13 @@ declare const Menu: React.FC<MenuProps>;
 
 interface MenuContextValue {
     value: any;
+    originalValue: any;
     openValues: any[];
     expandMode: 'single' | 'multiple';
     openMode: 'manual' | 'automatic';
     onChange: (value: any) => void;
     onOpen: (values: any) => void;
+    onItemSelect: (props: MenuItemProps$1) => void;
 }
 declare const MenuContext: react.Context<MenuContextValue | null>;
 declare const useMenu: () => MenuContextValue;

package/dist/index.d.ts

@@ -80,6 +80,13 @@ type MenuGroupProps = Omit<MenuItemProps$1, 'items'> & {
 };
 declare const MenuGroup: React.FC<MenuGroupProps>;
 
+type MenuItemType = (MenuGroupProps & {
+    type?: 'group';
+}) | (MenuSubmenuProps & {
+    type?: 'submenu';
+}) | (MenuItemProps$1 & {
+    type?: 'item';
+});
 interface Props$8 {
     value?: any | any[];
     defaultValue?: any | any[];
@@ -88,15 +95,9 @@ interface Props$8 {
     openMode?: 'manual' | 'automatic';
     onChange?: (value: any | any[]) => void;
     onOpen?: (values: any[]) => void;
+    onItemSelect?: (props: MenuItemProps$1) => void;
 }
 type NativeAttrs$2 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$8 | 'items'>;
-type MenuItemType = (MenuGroupProps & {
-    type?: 'group';
-}) | (MenuSubmenuProps & {
-    type?: 'submenu';
-}) | (MenuItemProps$1 & {
-    type?: 'item';
-});
 type MenuProps = Props$8 & NativeAttrs$2 & {
     items: MenuItemType[];
 };
@@ -104,11 +105,13 @@ declare const Menu: React.FC<MenuProps>;
 
 interface MenuContextValue {
     value: any;
+    originalValue: any;
     openValues: any[];
     expandMode: 'single' | 'multiple';
     openMode: 'manual' | 'automatic';
     onChange: (value: any) => void;
     onOpen: (values: any) => void;
+    onItemSelect: (props: MenuItemProps$1) => void;
 }
 declare const MenuContext: react.Context<MenuContextValue | null>;
 declare const useMenu: () => MenuContextValue;

package/dist/index.js

@@ -315,52 +315,49 @@ var MenuValueContext_default = MenuValueContext;
 
 // src/components/Menu/MenuItem.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var MenuItem = (0, import_react8.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { as: Component = "div", className, style, value, title, icon, level = 1, disabled, onClick } = _b, rest = __objRest(_b, ["as", "className", "style", "value", "title", "icon", "level", "disabled", "onClick"]);
-    const { value: menuValue, openMode, onChange, onOpen } = useMenu();
-    const values = (0, import_react8.useContext)(MenuValueContext_default);
-    const mergedValues = [...values, value];
-    const [openMounted, setOpenMounted] = (0, import_react8.useState)(false);
-    const handleClick = (event) => {
-      if (value !== void 0) {
-        onChange(mergedValues);
-      }
-      onClick == null ? void 0 : onClick(event);
-    };
-    (0, import_react8.useEffect)(() => {
-      if (openMode === "automatic" && menuValue.length > 0 && menuValue[menuValue.length - 1] === value && !openMounted) {
-        onOpen(values);
-        onChange(mergedValues);
-        setOpenMounted(true);
-      }
-    }, [value, menuValue, openMode, openMounted]);
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      Component,
-      __spreadProps(__spreadValues({
-        ref,
-        className: (0, import_clsx3.default)(
-          `${PREFIX_CLS}menu-item`,
-          {
-            [`${PREFIX_CLS}menu-item--selected`]: menuValue.includes(value),
-            [`${PREFIX_CLS}menu-item--disabled`]: disabled
-          },
-          className
-        ),
-        style: __spreadValues({
-          paddingLeft: level <= 1 ? `var(--${PREFIX_CLS}menu-item-padding-x)` : `calc(${level} * var(--${PREFIX_CLS}menu-item-padding-level))`
-        }, style),
-        onClick: handleClick
-      }, rest), {
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `${PREFIX_CLS}overlay`, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `${PREFIX_CLS}overlay__surface` }) }),
-          icon && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `${PREFIX_CLS}menu-item__icon`, children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `${PREFIX_CLS}menu-item__content`, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `${PREFIX_CLS}menu-item__title`, children: title }) })
-        ]
-      })
-    );
-  }
-);
+var MenuItem = (0, import_react8.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 values = (0, import_react8.useContext)(MenuValueContext_default);
+  const mergedValues = [...values, value];
+  const handleClick = (event) => {
+    if (value !== void 0) {
+      onChange(mergedValues);
+    }
+    onClick == null ? void 0 : onClick(event);
+    onItemSelect == null ? void 0 : onItemSelect(props);
+  };
+  (0, import_react8.useEffect)(() => {
+    if (openMode === "automatic" && originalValue.length > 0 && originalValue[originalValue.length - 1] === value) {
+      onOpen(values);
+      onChange(mergedValues);
+    }
+  }, [value, originalValue, openMode]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    Component,
+    __spreadProps(__spreadValues({
+      ref,
+      className: (0, import_clsx3.default)(
+        `${PREFIX_CLS}menu-item`,
+        {
+          [`${PREFIX_CLS}menu-item--selected`]: menuValue.includes(value),
+          [`${PREFIX_CLS}menu-item--disabled`]: disabled
+        },
+        className
+      ),
+      style: __spreadValues({
+        paddingLeft: level <= 1 ? `var(--${PREFIX_CLS}menu-item-padding-x)` : `calc(${level} * var(--${PREFIX_CLS}menu-item-padding-level))`
+      }, style),
+      onClick: handleClick
+    }, rest), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `${PREFIX_CLS}overlay`, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `${PREFIX_CLS}overlay__surface` }) }),
+        icon && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `${PREFIX_CLS}menu-item__icon`, children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `${PREFIX_CLS}menu-item__content`, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `${PREFIX_CLS}menu-item__title`, children: title }) })
+      ]
+    })
+  );
+});
 MenuItem.displayName = "MenuItem";
 var MenuItem_default = MenuItem;
 
@@ -416,11 +413,10 @@ var MenuSubmenu = (_a) => {
     "items",
     "onClick"
   ]);
-  const { value: menuValue, openValues, expandMode, openMode, onOpen } = useMenu();
+  const { value: menuValue, openValues, expandMode, onOpen } = useMenu();
   const values = (0, import_react9.useContext)(MenuValueContext_default);
   const isOpen = openValues.includes(value);
   const mergedValues = [...values, value];
-  const [openMounted, setOpenMounted] = (0, import_react9.useState)(false);
   const content = (0, import_react9.useMemo)(() => {
     return items == null ? void 0 : items.map((_a2, index) => {
       var _b2 = _a2, { type } = _b2, item = __objRest(_b2, ["type"]);
@@ -442,12 +438,6 @@ var MenuSubmenu = (_a) => {
     }
     onClick == null ? void 0 : onClick(event);
   };
-  (0, import_react9.useEffect)(() => {
-    if (openMode === "automatic" && menuValue.length > 0 && menuValue[menuValue.length - 1] === value && !openMounted) {
-      onOpen(values);
-      setOpenMounted(true);
-    }
-  }, [value, menuValue, openMode, openMounted]);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MenuValueContext_default.Provider, { value: mergedValues, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: (0, import_clsx4.default)(`${PREFIX_CLS}menu-submenu`), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Collapse_default, { isOpen, children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CollapseTrigger_default, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "div",
@@ -536,14 +526,15 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
 var Menu = (_a) => {
   var _b = _a, {
     children,
-    value: valueProp,
+    value: valueProp = [],
     defaultValue,
     openValues: openValuesProp,
     expandMode = "multiple",
     openMode = "manual",
     items,
     onChange,
-    onOpen
+    onOpen,
+    onItemSelect
   } = _b, rest = __objRest(_b, [
     "children",
     "value",
@@ -553,7 +544,8 @@ var Menu = (_a) => {
     "openMode",
     "items",
     "onChange",
-    "onOpen"
+    "onOpen",
+    "onItemSelect"
   ]);
   var _a2;
   const [selfValue, setSelfValue] = (0, import_react11.useState)((_a2 = valueProp != null ? valueProp : defaultValue) != null ? _a2 : []);
@@ -565,7 +557,7 @@ var Menu = (_a) => {
     });
   }, [items]);
   const handleChange = (value) => {
-    if (valueProp !== void 0) {
+    if (valueProp !== void 0 && openMode !== "automatic") {
       onChange == null ? void 0 : onChange(value);
     } else {
       setSelfValue(value);
@@ -578,8 +570,11 @@ var Menu = (_a) => {
       setSelfOpenValues(values);
     }
   };
+  const handleItemSelect = (props) => {
+    onItemSelect == null ? void 0 : onItemSelect(props);
+  };
   (0, import_react11.useEffect)(() => {
-    if (valueProp !== void 0) {
+    if (valueProp !== void 0 && openMode !== "automatic") {
       setSelfValue(valueProp);
     }
   }, [valueProp]);
@@ -593,11 +588,13 @@ var Menu = (_a) => {
     {
       value: {
         value: selfValue,
+        originalValue: valueProp,
         openValues: selfOpenValues,
         expandMode,
         openMode,
         onOpen: handleOpen,
-        onChange: handleChange
+        onChange: handleChange,
+        onItemSelect: handleItemSelect
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", __spreadProps(__spreadValues({ className: (0, import_clsx6.default)(`${PREFIX_CLS}menu`) }, rest), { children: content || children }))
     }

package/dist/index.mjs

@@ -200,7 +200,7 @@ var CollapseTrigger_default = CollapseTrigger;
 
 // src/components/Menu/Menu.tsx
 import clsx6 from "clsx";
-import { useEffect as useEffect4, useMemo as useMemo3, useState as useState4 } from "react";
+import { useEffect as useEffect3, useMemo as useMemo3, useState as useState2 } from "react";
 
 // src/components/Menu/MenuContext.tsx
 import { createContext as createContext2, useContext as useContext2 } from "react";
@@ -220,7 +220,7 @@ import { useMemo as useMemo2 } from "react";
 
 // src/components/Menu/MenuItem.tsx
 import clsx3 from "clsx";
-import { forwardRef as forwardRef4, useContext as useContext4, useEffect as useEffect2, useState as useState2 } from "react";
+import { forwardRef as forwardRef4, useContext as useContext4, useEffect as useEffect2 } from "react";
 
 // src/components/Menu/MenuValueContext.tsx
 import { createContext as createContext3, useContext as useContext3 } from "react";
@@ -236,58 +236,55 @@ var MenuValueContext_default = MenuValueContext;
 
 // src/components/Menu/MenuItem.tsx
 import { jsx as jsx2, jsxs as jsxs3 } from "react/jsx-runtime";
-var MenuItem = forwardRef4(
-  (_a, ref) => {
-    var _b = _a, { as: Component = "div", className, style, value, title, icon, level = 1, disabled, onClick } = _b, rest = __objRest(_b, ["as", "className", "style", "value", "title", "icon", "level", "disabled", "onClick"]);
-    const { value: menuValue, openMode, onChange, onOpen } = useMenu();
-    const values = useContext4(MenuValueContext_default);
-    const mergedValues = [...values, value];
-    const [openMounted, setOpenMounted] = useState2(false);
-    const handleClick = (event) => {
-      if (value !== void 0) {
-        onChange(mergedValues);
-      }
-      onClick == null ? void 0 : onClick(event);
-    };
-    useEffect2(() => {
-      if (openMode === "automatic" && menuValue.length > 0 && menuValue[menuValue.length - 1] === value && !openMounted) {
-        onOpen(values);
-        onChange(mergedValues);
-        setOpenMounted(true);
-      }
-    }, [value, menuValue, openMode, openMounted]);
-    return /* @__PURE__ */ jsxs3(
-      Component,
-      __spreadProps(__spreadValues({
-        ref,
-        className: clsx3(
-          `${PREFIX_CLS}menu-item`,
-          {
-            [`${PREFIX_CLS}menu-item--selected`]: menuValue.includes(value),
-            [`${PREFIX_CLS}menu-item--disabled`]: disabled
-          },
-          className
-        ),
-        style: __spreadValues({
-          paddingLeft: level <= 1 ? `var(--${PREFIX_CLS}menu-item-padding-x)` : `calc(${level} * var(--${PREFIX_CLS}menu-item-padding-level))`
-        }, style),
-        onClick: handleClick
-      }, rest), {
-        children: [
-          /* @__PURE__ */ jsx2("div", { className: `${PREFIX_CLS}overlay`, children: /* @__PURE__ */ jsx2("div", { className: `${PREFIX_CLS}overlay__surface` }) }),
-          icon && /* @__PURE__ */ jsx2("div", { className: `${PREFIX_CLS}menu-item__icon`, children: icon }),
-          /* @__PURE__ */ jsx2("div", { className: `${PREFIX_CLS}menu-item__content`, children: /* @__PURE__ */ jsx2("span", { className: `${PREFIX_CLS}menu-item__title`, children: title }) })
-        ]
-      })
-    );
-  }
-);
+var MenuItem = forwardRef4((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 values = useContext4(MenuValueContext_default);
+  const mergedValues = [...values, value];
+  const handleClick = (event) => {
+    if (value !== void 0) {
+      onChange(mergedValues);
+    }
+    onClick == null ? void 0 : onClick(event);
+    onItemSelect == null ? void 0 : onItemSelect(props);
+  };
+  useEffect2(() => {
+    if (openMode === "automatic" && originalValue.length > 0 && originalValue[originalValue.length - 1] === value) {
+      onOpen(values);
+      onChange(mergedValues);
+    }
+  }, [value, originalValue, openMode]);
+  return /* @__PURE__ */ jsxs3(
+    Component,
+    __spreadProps(__spreadValues({
+      ref,
+      className: clsx3(
+        `${PREFIX_CLS}menu-item`,
+        {
+          [`${PREFIX_CLS}menu-item--selected`]: menuValue.includes(value),
+          [`${PREFIX_CLS}menu-item--disabled`]: disabled
+        },
+        className
+      ),
+      style: __spreadValues({
+        paddingLeft: level <= 1 ? `var(--${PREFIX_CLS}menu-item-padding-x)` : `calc(${level} * var(--${PREFIX_CLS}menu-item-padding-level))`
+      }, style),
+      onClick: handleClick
+    }, rest), {
+      children: [
+        /* @__PURE__ */ jsx2("div", { className: `${PREFIX_CLS}overlay`, children: /* @__PURE__ */ jsx2("div", { className: `${PREFIX_CLS}overlay__surface` }) }),
+        icon && /* @__PURE__ */ jsx2("div", { className: `${PREFIX_CLS}menu-item__icon`, children: icon }),
+        /* @__PURE__ */ jsx2("div", { className: `${PREFIX_CLS}menu-item__content`, children: /* @__PURE__ */ jsx2("span", { className: `${PREFIX_CLS}menu-item__title`, children: title }) })
+      ]
+    })
+  );
+});
 MenuItem.displayName = "MenuItem";
 var MenuItem_default = MenuItem;
 
 // src/components/Menu/MenuSubmenu.tsx
 import clsx4 from "clsx";
-import { useContext as useContext5, useEffect as useEffect3, useMemo, useState as useState3 } from "react";
+import { useContext as useContext5, useMemo } from "react";
 import { MdKeyboardArrowDown, MdKeyboardArrowUp } from "react-icons/md";
 
 // src/components/Menu/utils.ts
@@ -337,11 +334,10 @@ var MenuSubmenu = (_a) => {
     "items",
     "onClick"
   ]);
-  const { value: menuValue, openValues, expandMode, openMode, onOpen } = useMenu();
+  const { value: menuValue, openValues, expandMode, onOpen } = useMenu();
   const values = useContext5(MenuValueContext_default);
   const isOpen = openValues.includes(value);
   const mergedValues = [...values, value];
-  const [openMounted, setOpenMounted] = useState3(false);
   const content = useMemo(() => {
     return items == null ? void 0 : items.map((_a2, index) => {
       var _b2 = _a2, { type } = _b2, item = __objRest(_b2, ["type"]);
@@ -363,12 +359,6 @@ var MenuSubmenu = (_a) => {
     }
     onClick == null ? void 0 : onClick(event);
   };
-  useEffect3(() => {
-    if (openMode === "automatic" && menuValue.length > 0 && menuValue[menuValue.length - 1] === value && !openMounted) {
-      onOpen(values);
-      setOpenMounted(true);
-    }
-  }, [value, menuValue, openMode, openMounted]);
   return /* @__PURE__ */ jsx3(MenuValueContext_default.Provider, { value: mergedValues, children: /* @__PURE__ */ jsx3("div", { className: clsx4(`${PREFIX_CLS}menu-submenu`), children: /* @__PURE__ */ jsxs4(Collapse_default, { isOpen, children: [
     /* @__PURE__ */ jsx3(CollapseTrigger_default, { children: /* @__PURE__ */ jsxs4(
       "div",
@@ -457,14 +447,15 @@ import { jsx as jsx5 } from "react/jsx-runtime";
 var Menu = (_a) => {
   var _b = _a, {
     children,
-    value: valueProp,
+    value: valueProp = [],
     defaultValue,
     openValues: openValuesProp,
     expandMode = "multiple",
     openMode = "manual",
     items,
     onChange,
-    onOpen
+    onOpen,
+    onItemSelect
   } = _b, rest = __objRest(_b, [
     "children",
     "value",
@@ -474,11 +465,12 @@ var Menu = (_a) => {
     "openMode",
     "items",
     "onChange",
-    "onOpen"
+    "onOpen",
+    "onItemSelect"
   ]);
   var _a2;
-  const [selfValue, setSelfValue] = useState4((_a2 = valueProp != null ? valueProp : defaultValue) != null ? _a2 : []);
-  const [selfOpenValues, setSelfOpenValues] = useState4(openValuesProp != null ? openValuesProp : []);
+  const [selfValue, setSelfValue] = useState2((_a2 = valueProp != null ? valueProp : defaultValue) != null ? _a2 : []);
+  const [selfOpenValues, setSelfOpenValues] = useState2(openValuesProp != null ? openValuesProp : []);
   const content = useMemo3(() => {
     return items == null ? void 0 : items.map((_a3, index) => {
       var _b2 = _a3, { type } = _b2, item = __objRest(_b2, ["type"]);
@@ -486,7 +478,7 @@ var Menu = (_a) => {
     });
   }, [items]);
   const handleChange = (value) => {
-    if (valueProp !== void 0) {
+    if (valueProp !== void 0 && openMode !== "automatic") {
       onChange == null ? void 0 : onChange(value);
     } else {
       setSelfValue(value);
@@ -499,12 +491,15 @@ var Menu = (_a) => {
       setSelfOpenValues(values);
     }
   };
-  useEffect4(() => {
-    if (valueProp !== void 0) {
+  const handleItemSelect = (props) => {
+    onItemSelect == null ? void 0 : onItemSelect(props);
+  };
+  useEffect3(() => {
+    if (valueProp !== void 0 && openMode !== "automatic") {
       setSelfValue(valueProp);
     }
   }, [valueProp]);
-  useEffect4(() => {
+  useEffect3(() => {
     if (openValuesProp !== void 0) {
       setSelfOpenValues(openValuesProp);
     }
@@ -514,11 +509,13 @@ var Menu = (_a) => {
     {
       value: {
         value: selfValue,
+        originalValue: valueProp,
         openValues: selfOpenValues,
         expandMode,
         openMode,
         onOpen: handleOpen,
-        onChange: handleChange
+        onChange: handleChange,
+        onItemSelect: handleItemSelect
       },
       children: /* @__PURE__ */ jsx5("div", __spreadProps(__spreadValues({ className: clsx6(`${PREFIX_CLS}menu`) }, rest), { children: content || children }))
     }
@@ -530,7 +527,7 @@ var Menu_default = Menu;
 // src/components/Tabs/Tab.tsx
 import clsx7 from "clsx";
 import mergeRefs from "merge-refs";
-import { forwardRef as forwardRef5, useEffect as useEffect5, useRef as useRef2 } from "react";
+import { forwardRef as forwardRef5, useEffect as useEffect4, useRef as useRef2 } from "react";
 
 // src/components/Tabs/TabsContext.ts
 import { createContext as createContext4, useContext as useContext6 } from "react";
@@ -584,7 +581,7 @@ var Tab = forwardRef5(
       tabs.onChange(value);
       onClick == null ? void 0 : onClick(event);
     };
-    useEffect5(() => {
+    useEffect4(() => {
       if (value === tabs.value) {
         tabs.previousTabRef.current = tabRef.current;
       }
@@ -609,18 +606,18 @@ var Tab = forwardRef5(
 
 // src/components/Tabs/Tabs.tsx
 import clsx8 from "clsx";
-import { useEffect as useEffect6, useRef as useRef3, useState as useState5 } from "react";
+import { useEffect as useEffect5, useRef as useRef3, useState as useState3 } from "react";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var prefixCls = "us-";
 var Tabs = (_a) => {
   var _b = _a, { children, className, value, defaultValue, onChange } = _b, rest = __objRest(_b, ["children", "className", "value", "defaultValue", "onChange"]);
   const previousTabRef = useRef3(null);
-  const [selfValue, setSelfValue] = useState5(value != null ? value : defaultValue);
+  const [selfValue, setSelfValue] = useState3(value != null ? value : defaultValue);
   const handleChange = (value2) => {
     setSelfValue(value2);
     onChange == null ? void 0 : onChange(value2);
   };
-  useEffect6(() => {
+  useEffect5(() => {
     if (value !== void 0) {
       setSelfValue(value);
     }
@@ -633,7 +630,7 @@ var Tabs = (_a) => {
 
 // src/components/DropdownEnumList.tsx
 import { DropDownList } from "@progress/kendo-react-dropdowns";
-import { useEffect as useEffect7, useState as useState6 } from "react";
+import { useEffect as useEffect6, useState as useState4 } from "react";
 import { Fragment as Fragment2, jsx as jsx8 } from "react/jsx-runtime";
 function parsearDataForComboBox(array, key, text, itemAll = false) {
   const dataForComboBox = [];
@@ -669,16 +666,16 @@ function EnumToArray(typeEnum, replaceGuionForSpace = true, description) {
   return values;
 }
 var DropEnumList = ({ dataEnum, description, onChange, width, defaultValue }) => {
-  const [value, setValue] = useState6("");
-  const [data, setData] = useState6([]);
-  useEffect7(() => {
+  const [value, setValue] = useState4("");
+  const [data, setData] = useState4([]);
+  useEffect6(() => {
     setData(
       parsearDataForComboBox(EnumToArray(dataEnum, true, description), "value", "label", false).sort(
         (a, b) => Number(a.key) - Number(b.key)
       )
     );
   }, []);
-  useEffect7(() => {
+  useEffect6(() => {
     if (data.length > 0) {
       setValue(data.filter((x) => x.key == defaultValue)[0]);
     }
@@ -708,17 +705,17 @@ var DropEnumList = ({ dataEnum, description, onChange, width, defaultValue }) =>
 };
 
 // src/contexts/BreadCrumbContext.tsx
-import { createContext as createContext5, useState as useState8 } from "react";
+import { createContext as createContext5, useState as useState6 } from "react";
 
 // src/hooks/useLocalStorage.tsx
-import { useCallback, useEffect as useEffect9, useState as useState7 } from "react";
+import { useCallback, useEffect as useEffect8, useState as useState5 } from "react";
 
 // src/hooks/useEventListener.tsx
 import { useRef as useRef4 } from "react";
 
 // src/hooks/useIsomorphicLayoutEffect.tsx
-import { useEffect as useEffect8, useLayoutEffect } from "react";
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect8;
+import { useEffect as useEffect7, useLayoutEffect } from "react";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect7;
 var useIsomorphicLayoutEffect_default = useIsomorphicLayoutEffect;
 
 // src/hooks/useEventListener.tsx
@@ -744,7 +741,7 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   }, [initialValue, key]);
-  const [storedValue, setStoredValue] = useState7(readValue);
+  const [storedValue, setStoredValue] = useState5(readValue);
   const setValue = useCallback(
     (value) => {
       if (typeof window == "undefined") {
@@ -761,7 +758,7 @@ function useLocalStorage(key, initialValue) {
     },
     [key, storedValue]
   );
-  useEffect9(() => {
+  useEffect8(() => {
     setStoredValue(readValue());
   }, []);
   const handleStorageChange = useCallback(() => {
@@ -788,7 +785,7 @@ var BreadCrumbContextProvider = ({ children }) => {
   const [path, setPath] = useLocalStorage("@path", "/");
   const [goBack, setGoBack] = useLocalStorage("@goBack", false);
   const [pathChild, setPathChild] = useLocalStorage("@pathChild", "");
-  const [routes, setRoutes] = useState8([]);
+  const [routes, setRoutes] = useState6([]);
   return /* @__PURE__ */ jsx9(
     BreadCrumbContext.Provider,
     {
@@ -810,11 +807,11 @@ var BreadCrumbContextProvider = ({ children }) => {
 };
 
 // src/contexts/DrawerContext.tsx
-import { createContext as createContext6, useState as useState9 } from "react";
+import { createContext as createContext6, useState as useState7 } from "react";
 import { jsx as jsx10 } from "react/jsx-runtime";
 var DrawerContext = createContext6({});
 var DrawerContextProvider = ({ children }) => {
-  const [active, setActive] = useState9(false);
+  const [active, setActive] = useState7(false);
   return /* @__PURE__ */ jsx10(DrawerContext.Provider, { value: { active, setActive }, children });
 };
 
@@ -837,11 +834,11 @@ var HistoryContextProvider = ({ children }) => {
 };
 
 // src/contexts/SidebarMainContext.tsx
-import { createContext as createContext8, useState as useState10 } from "react";
+import { createContext as createContext8, useState as useState8 } from "react";
 import { jsx as jsx12 } from "react/jsx-runtime";
 var SidebarMainContext = createContext8({});
 var SidebarMainContextProvider = ({ children }) => {
-  const [open2, setOpen] = useState10(true);
+  const [open2, setOpen] = useState8(true);
   return /* @__PURE__ */ jsx12(SidebarMainContext.Provider, { value: { open: open2, setOpen }, children });
 };
 
@@ -852,19 +849,19 @@ function GlobalProvider({ children }) {
 }
 
 // src/hooks/usePrevious.tsx
-import { useEffect as useEffect10, useRef as useRef5 } from "react";
+import { useEffect as useEffect9, useRef as useRef5 } from "react";
 var usePrevious = (value) => {
   const ref = useRef5();
-  useEffect10(() => {
+  useEffect9(() => {
     ref.current = value;
   });
   return ref.current;
 };
 
 // src/hooks/useStep.tsx
-import { useCallback as useCallback2, useMemo as useMemo4, useState as useState11 } from "react";
+import { useCallback as useCallback2, useMemo as useMemo4, useState as useState9 } from "react";
 var useStep = (maxStep) => {
-  const [currentStep, setCurrentStep] = useState11(1);
+  const [currentStep, setCurrentStep] = useState9(1);
   const canGoToNextStep = useMemo4(() => currentStep + 1 <= maxStep, [currentStep, maxStep]);
   const canGoToPrevStep = useMemo4(() => currentStep - 1 >= 1, [currentStep]);
   const setStep = useCallback2(
@@ -905,7 +902,7 @@ var useStep = (maxStep) => {
 };
 
 // src/layout/AppBreadcrumb.tsx
-import { useContext as useContext7, useEffect as useEffect11 } from "react";
+import { useContext as useContext7, useEffect as useEffect10 } from "react";
 import { MdClose } from "react-icons/md";
 import { VscChevronRight } from "react-icons/vsc";
 import { Link as Link3 } from "react-router-dom";
@@ -1333,7 +1330,7 @@ var CloseIcon = styled6.button`
 import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 var AppBreadCrumb = ({ title, paths }) => {
   const { setRoutes } = useContext7(BreadCrumbContext);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!(paths == null ? void 0 : paths.length))
       return;
     setRoutes(paths != null ? paths : []);
@@ -1346,10 +1343,10 @@ var AppBreadCrumbNav = ({
 }) => {
   const { active, path, routes, setRoutes } = useContext7(BreadCrumbContext);
   const { updateList } = useContext7(HistoryContext);
-  useEffect11(() => {
+  useEffect10(() => {
     updateList({ name: active, path });
   }, [path, active]);
-  useEffect11(() => {
+  useEffect10(() => {
     setRoutes(paths != null ? paths : []);
   }, [paths]);
   return /* @__PURE__ */ jsxs8(Breadcrumb, { children: [
@@ -1389,7 +1386,7 @@ var AppBreadCrumbNav = ({
 };
 
 // src/layout/AppLoader.tsx
-import { useEffect as useEffect12 } from "react";
+import { useEffect as useEffect11 } from "react";
 import ReactDOM from "react-dom";
 import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 var LoaderGrid = () => {
@@ -1410,7 +1407,7 @@ var AppLoader = (props) => {
     /* @__PURE__ */ jsx15("div", { className: "k-loading-image" }),
     /* @__PURE__ */ jsx15("div", { className: "k-loading-color" })
   ] });
-  useEffect12(() => {
+  useEffect11(() => {
     if (type === "button") {
       const loadingEl = document.createElement("div");
       loadingEl.className = "icon button-loading k-loading-mask";

package/package.json

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