@pnkx-lib/ui 1.9.127 → 1.9.129

package/es/chunks/{ConfigProvider-C0vm_cvc.js → ConfigProvider-McTb9Qv0.js}

@@ -12239,7 +12239,7 @@ const Sidebar = ({ children, menu, userInfo }) => {
       show: true
     }
   ];
-  const router = useNavigate();
+  const navigate = useNavigate();
   const location = useLocation();
   const pathUrl = location.pathname;
   const [activeMainMenu, setActiveMainMenu] = useState("");
@@ -12248,24 +12248,28 @@ const Sidebar = ({ children, menu, userInfo }) => {
   const [openSubCollapse, setOpenSubCollapse] = useState(false);
   const [valueSearch, setValueSearch] = useState("");
   const [newMenu, setNewMenu] = useState(
-    menu?.filter((route) => route.isShowModules)?.flatMap(
+    menu?.filter((route) => route?.isShowModules)?.flatMap(
       (route) => route.children
     )
   );
   const searchSidebar = useDebounce(valueSearch, 300);
   const handleActiveMain = (path) => {
     setActiveMainMenu(path);
-    router(path);
+    navigate(path);
   };
   const handleOpenSubmenu = (item, hasChildren) => {
     if (hasChildren) {
       setOpenSubmenu((prev) => prev === item.name ? null : item.name);
       return;
     }
-    router(item.path);
+    const basePath = location.pathname.split("/").slice(0, 2).join("/");
+    const targetPath = `${basePath}/${item.path}`.replace(/\/+/g, "/");
+    if (location.pathname !== targetPath) {
+      navigate(targetPath);
+    }
   };
   useEffect(() => {
-    const filteredMenu = menu.filter((item) => item.isShowModules).flatMap((menu2) => {
+    const filteredMenu = menu.filter((item) => item?.isShowModules).flatMap((menu2) => {
       return menu2.children.filter((subMenu) => {
         return subMenu.name.toLowerCase().includes(searchSidebar.toLowerCase());
       });
@@ -12275,8 +12279,8 @@ const Sidebar = ({ children, menu, userInfo }) => {
   const handleClick = (subPath, itemPath) => {
     const cleanedSubPath = subPath.replace(/\/$/, "");
     const cleanedItemPath = itemPath.replace(/^\//, "");
-    const fullPath = `${cleanedSubPath}/${cleanedItemPath}`;
-    router(fullPath);
+    const fullPath = `/${cleanedSubPath}/${cleanedItemPath}`;
+    navigate(fullPath);
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex relative h-screen", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -12462,8 +12466,6 @@ const Sidebar = ({ children, menu, userInfo }) => {
                     "-mx-2 space-y-1 cursor-pointer mt-4 ml-[3rem]"
                   ),
                   children: newMenu?.map((sub) => {
-                    const isActiveSumenu = pathUrl === sub.path;
-                    if (!isActiveSumenu) return null;
                     return sub.children.map(
                       (itemMenuSub) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
                         /* @__PURE__ */ jsxRuntimeExports.jsxs(

package/es/chunks/{Switch-vaUhKEAu.js → Switch-DHAoXDmV.js}

@@ -13,6 +13,7 @@ const Select = (props) => {
     afterOnChange,
     classNameContainer,
     classNameSelect,
+    placeholder,
     ...restProps
   } = props;
   const { name, value, onChange, onBlur } = field || {};
@@ -44,8 +45,9 @@ const Select = (props) => {
         onChange: handleChange,
         onBlur,
         value,
-        optionLabelProp: "label",
+        optionFilterProp: "label",
         status: (isTouched || isSubmitted) && Boolean(errorMessage) ? "error" : void 0,
+        placeholder,
         className: twMerge("w-full", classNameSelect),
         ...restProps
       }

package/es/fields/index.js

@@ -1,2 +1,2 @@
 export { C as CheckboxField, D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, b as TinyMCE } from '../chunks/AntdIcon-BS99Z6_t.js';
-export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from '../chunks/Switch-vaUhKEAu.js';
+export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from '../chunks/Switch-DHAoXDmV.js';

package/es/index.js

@@ -1,5 +1,5 @@
-export { Y as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, a7 as BreadcrumbHeading, a6 as BulkActions, B as Button, a8 as Card, C as CascaderField, X as CategoryStatus, f as Col, a9 as ConfigProvider, U as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, V as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, $ as PAGE_NUMBER, a0 as PAGE_SIZE, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, a1 as SORT_BY, a2 as SORT_DESC, Z as START_PAGE, _ as START_PAGE_SIZE, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, a3 as TypeActionRowTable, a4 as TypeBulkActions, a5 as TypeStatusTable, W as Watermark, t as typeColorMap } from './chunks/ConfigProvider-C0vm_cvc.js';
+export { Y as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, a7 as BreadcrumbHeading, a6 as BulkActions, B as Button, a8 as Card, C as CascaderField, X as CategoryStatus, f as Col, a9 as ConfigProvider, U as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, V as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, $ as PAGE_NUMBER, a0 as PAGE_SIZE, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, a1 as SORT_BY, a2 as SORT_DESC, Z as START_PAGE, _ as START_PAGE_SIZE, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, a3 as TypeActionRowTable, a4 as TypeBulkActions, a5 as TypeStatusTable, W as Watermark, t as typeColorMap } from './chunks/ConfigProvider-McTb9Qv0.js';
 export { C as CheckboxField, D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, a as TINY_API, b as TinyMCE, T as Typography } from './chunks/AntdIcon-BS99Z6_t.js';
 import 'react-router';
-export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from './chunks/Switch-vaUhKEAu.js';
+export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from './chunks/Switch-DHAoXDmV.js';
 export { a as useMessage, u as useToast } from './chunks/useMessage-CUPcOtIS.js';

package/es/ui/index.js

@@ -1,3 +1,3 @@
-export { Y as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, a7 as BreadcrumbHeading, a6 as BulkActions, B as Button, a8 as Card, C as CascaderField, X as CategoryStatus, f as Col, a9 as ConfigProvider, U as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, V as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, $ as PAGE_NUMBER, a0 as PAGE_SIZE, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, a1 as SORT_BY, a2 as SORT_DESC, Z as START_PAGE, _ as START_PAGE_SIZE, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, a3 as TypeActionRowTable, a4 as TypeBulkActions, a5 as TypeStatusTable, W as Watermark, t as typeColorMap } from '../chunks/ConfigProvider-C0vm_cvc.js';
+export { Y as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, a7 as BreadcrumbHeading, a6 as BulkActions, B as Button, a8 as Card, C as CascaderField, X as CategoryStatus, f as Col, a9 as ConfigProvider, U as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, V as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, $ as PAGE_NUMBER, a0 as PAGE_SIZE, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, a1 as SORT_BY, a2 as SORT_DESC, Z as START_PAGE, _ as START_PAGE_SIZE, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, a3 as TypeActionRowTable, a4 as TypeBulkActions, a5 as TypeStatusTable, W as Watermark, t as typeColorMap } from '../chunks/ConfigProvider-McTb9Qv0.js';
 export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/AntdIcon-BS99Z6_t.js';
 import 'react-router';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.127",
+  "version": "1.9.129",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

package/types/components/ui/Sidebar.d.ts

@@ -2,7 +2,7 @@ import { ReactNode, default as React } from 'react';
 export type MenuType = {
     name: string;
     path: string;
-    isShowModules: boolean;
+    isShowModules?: boolean;
     isPrivateRoute?: boolean;
     layout?: React.LazyExoticComponent<React.MemoExoticComponent<any>> | React.ExoticComponent<any> | typeof React.Component;
     children: {