@solidxai/core-ui 0.1.9-beta.7 → 0.1.9

package/dist/components/layout/ListingHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListingHeader.js","sourceRoot":"","sources":["../../../src/components/layout/ListingHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useRef, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\n// import { RootState } from \"../../redux/store\";\nimport { gridView, listView } from \"../../redux/features/dataViewSlice\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { HeaderDynamicTitles } from \"../common/HeaderDynamicTitles\";\nimport FilterMenu from \"./FilterMenu\";\nimport { SolidIcon, parseSolidIconMeta } from \"../shad-cn-ui/SolidIcon\";\n\nconst ListingHeader = () => {\n  const dispatch = useDispatch();\n  const router = useRouter();\n  const pathname = usePathname();\n\n\n  const visibleFieldsPopup = useSelector(\n    (state: any) => state.popup.visibleFieldsPopup\n  );\n\n  const items = [\n    {\n      label: \"Settings\",\n      icon: \"pi pi-cog\",\n      command: () => {\n      },\n    },\n    {\n      label: \"Update\",\n      icon: \"pi pi-refresh\",\n      command: () => {\n      },\n    },\n    {\n      label: \"Delete\",\n      icon: \"pi pi-trash\",\n      command: () => {\n      },\n    },\n  ];\n  const [value, setValue] = useState(null);\n  const contextMenuOptions = [\n    {\n      label: (\n        <div id=\"kanban\" onClick={() => dispatch(gridView())}>\n          <img\n            src=\"/images/icons/icon-kanban.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"kanban\",\n      tooltip: \"Kanban\",\n    },\n    {\n      label: (\n        <div id=\"list_view\" onClick={() => dispatch(listView())}>\n          <img\n            src=\"/images/icons/icon-list.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"list_view\",\n      tooltip: \"List view\",\n    },\n    {\n      label: (\n        <div id=\"calender\">\n          <img\n            src=\"/images/icons/icon-calender.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"calender\",\n      tooltip: \"Calender\",\n    },\n    {\n      label: (\n        <div id=\"activity\">\n          <img\n            src=\"/images/icons/icon-activity.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"activity\",\n      tooltip: \"Activity\",\n    },\n    {\n      label: (\n        <div id=\"graph\">\n          <img\n            src=\"/images/icons/icon-graph.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"graph\",\n      tooltip: \"Graph\",\n    },\n  ];\n\n  const justifyTemplate = (option: any) => {\n    const m = parseSolidIconMeta(option.icon);\n    return m ? <SolidIcon name={m.name} spin={m.spin} /> : <i className={option.icon}></i>;\n  };\n\n\n  const save = () => {\n    const pathName = window.location.pathname;\n    const newPath = pathName.split('/').slice(0, -1).join('/') + '/create';\n\n    router.push(newPath);\n\n\n\n    // switch (pathParts[3]) {\n    //   case \"model\":\n    //     dispatch(showFieldsPopup());\n    //     break;\n    //   case \"module\":\n    //     dispatch(showModulePopup());\n    //     break;\n    // }\n  };\n\n\n\n  return (\n    <>\n      <div\n        className=\"flex justify-content-between align-items-center px-5 relative lg:static\"\n        style={{ height: \"60px\", minHeight: 60, backgroundColor: '#f6f6f9' }}\n      >\n        <div className=\"flex align-items-center\">\n          {/* <i className=\"pi pi-users\" style={{backgroundColor:\"#1D6CBC\"}}></i> */}\n          {/* <img src=\"/images/icons/icon-users.svg\" />\n                <span className=\"listHead ml-2\">Employees</span> */}\n          <div className=\"\">\n            {/* <SplitButton\n              label=\"Add\"\n              icon=\"pi pi-plus\"\n              onClick={save}\n              model={items}\n              severity=\"info\"\n              className=\"small-splitbutton\"\n            /> */}\n            {pathname.includes('all') &&\n              <HeaderDynamicTitles />\n            }\n          </div>\n        </div>\n        {/* <GlobalSearch /> */}\n        <div className=\"flex align-items-center\">\n\n          {/* <Button label=\"Show\" icon=\"pi pi-external-link\" onClick={() => setVisible(true)} /> */}\n\n          <div>\n            {/* <Menu model={items} popup ref={menu} /> */}\n            {pathname == \"/admin/address-master/states\" &&\n              <FilterMenu></FilterMenu>\n\n            }\n            {/* <Button\n              icon=\"pi pi-cog\"\n              className=\"transparent-background\"\n              onClick={toggleMenu}\n              aria-haspopup\n              aria-controls=\"popup_menu\"\n            /> */}\n          </div>\n        </div>\n        <div className=\"flex align-items-center\">\n          {/* <div>\n            {contextMenuOptions.map((option) => (\n              <Tooltip\n                key={option.value}\n                target={`#${option.value}`}\n                content={option.tooltip}\n                className=\"custom-tooltip\"\n              />\n            ))}\n            <SelectButton\n              value={value}\n              onChange={(e) => setValue(e.value)}\n              options={contextMenuOptions}\n              className=\"custom-select-button\"\n            />\n          </div> */}\n        </div>\n      </div>\n      {/* <CreateModule></CreateModule> */}\n    </>\n  );\n};\nexport default ListingHeader;\n"]}
+{"version":3,"file":"ListingHeader.js","sourceRoot":"","sources":["../../../src/components/layout/ListingHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useRef, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\n// import { RootState } from \"../../redux/store\";\nimport { gridView, listView } from \"../../redux/features/dataViewSlice\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { HeaderDynamicTitles } from \"../common/HeaderDynamicTitles\";\nimport FilterMenu from \"./FilterMenu\";\nimport { SolidIcon, parseSolidIconMeta } from \"../shad-cn-ui/SolidIcon\";\n\nconst ListingHeader = () => {\n  const dispatch = useDispatch();\n  const router = useRouter();\n  const pathname = usePathname();\n\n\n  const visibleFieldsPopup = useSelector(\n    (state: any) => state.popup.visibleFieldsPopup\n  );\n\n  const items = [\n    {\n      label: \"Settings\",\n      icon: \"pi pi-cog\",\n      command: () => {\n      },\n    },\n    {\n      label: \"Update\",\n      icon: \"pi pi-refresh\",\n      command: () => {\n      },\n    },\n    {\n      label: \"Delete\",\n      icon: \"pi pi-trash\",\n      command: () => {\n      },\n    },\n  ];\n  const [value, setValue] = useState(null);\n  const contextMenuOptions = [\n    {\n      label: (\n        <div id=\"kanban\" onClick={() => dispatch(gridView())}>\n          <img\n            src=\"/images/icons/icon-kanban.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"kanban\",\n      tooltip: \"Kanban\",\n    },\n    {\n      label: (\n        <div id=\"list_view\" onClick={() => dispatch(listView())}>\n          <img\n            src=\"/images/icons/icon-list.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"list_view\",\n      tooltip: \"List view\",\n    },\n    {\n      label: (\n        <div id=\"calender\">\n          <img\n            src=\"/images/icons/icon-calender.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"calender\",\n      tooltip: \"Calender\",\n    },\n    {\n      label: (\n        <div id=\"activity\">\n          <img\n            src=\"/images/icons/icon-activity.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"activity\",\n      tooltip: \"Activity\",\n    },\n    {\n      label: (\n        <div id=\"graph\">\n          <img\n            src=\"/images/icons/icon-graph.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"graph\",\n      tooltip: \"Graph\",\n    },\n  ];\n\n  const justifyTemplate = (option: any) => {\n    const m = parseSolidIconMeta(option.icon);\n    return m ? <SolidIcon name={m.name} spin={m.spin} /> : <i className={option.icon}></i>;\n  };\n\n\n  const save = () => {\n    const pathName = window.location.pathname;\n    const newPath = pathName.split('/').slice(0, -1).join('/') + '/create';\n\n    router.push(newPath);\n\n\n\n    // switch (pathParts[3]) {\n    //   case \"model\":\n    //     dispatch(showFieldsPopup());\n    //     break;\n    //   case \"module\":\n    //     dispatch(showModulePopup());\n    //     break;\n    // }\n  };\n\n\n\n  return (\n    <>\n      <div\n        className=\"flex justify-between items-center px-8 relative lg:static\"\n        style={{ height: \"60px\", minHeight: 60, backgroundColor: '#f6f6f9' }}\n      >\n        <div className=\"flex items-center\">\n          {/* <i className=\"pi pi-users\" style={{backgroundColor:\"#1D6CBC\"}}></i> */}\n          {/* <img src=\"/images/icons/icon-users.svg\" />\n                <span className=\"listHead ml-2\">Employees</span> */}\n          <div className=\"\">\n            {/* <SplitButton\n              label=\"Add\"\n              icon=\"pi pi-plus\"\n              onClick={save}\n              model={items}\n              severity=\"info\"\n              className=\"small-splitbutton\"\n            /> */}\n            {pathname.includes('all') &&\n              <HeaderDynamicTitles />\n            }\n          </div>\n        </div>\n        {/* <GlobalSearch /> */}\n        <div className=\"flex items-center\">\n\n          {/* <Button label=\"Show\" icon=\"pi pi-external-link\" onClick={() => setVisible(true)} /> */}\n\n          <div>\n            {/* <Menu model={items} popup ref={menu} /> */}\n            {pathname == \"/admin/address-master/states\" &&\n              <FilterMenu></FilterMenu>\n\n            }\n            {/* <Button\n              icon=\"pi pi-cog\"\n              className=\"transparent-background\"\n              onClick={toggleMenu}\n              aria-haspopup\n              aria-controls=\"popup_menu\"\n            /> */}\n          </div>\n        </div>\n        <div className=\"flex items-center\">\n          {/* <div>\n            {contextMenuOptions.map((option) => (\n              <Tooltip\n                key={option.value}\n                target={`#${option.value}`}\n                content={option.tooltip}\n                className=\"custom-tooltip\"\n              />\n            ))}\n            <SelectButton\n              value={value}\n              onChange={(e) => setValue(e.value)}\n              options={contextMenuOptions}\n              className=\"custom-select-button\"\n            />\n          </div> */}\n        </div>\n      </div>\n      {/* <CreateModule></CreateModule> */}\n    </>\n  );\n};\nexport default ListingHeader;\n"]}

package/dist/components/layout/ListingHeader.tsx

@@ -132,10 +132,10 @@ const ListingHeader = () => {
   return (
     <>
       <div
-        className="flex justify-content-between align-items-center px-5 relative lg:static"
+        className="flex justify-between items-center px-8 relative lg:static"
         style={{ height: "60px", minHeight: 60, backgroundColor: '#f6f6f9' }}
       >
-        <div className="flex align-items-center">
+        <div className="flex items-center">
           {/* <i className="pi pi-users" style={{backgroundColor:"#1D6CBC"}}></i> */}
           {/* <img src="/images/icons/icon-users.svg" />
                 <span className="listHead ml-2">Employees</span> */}
@@ -154,7 +154,7 @@ const ListingHeader = () => {
           </div>
         </div>
         {/* <GlobalSearch /> */}
-        <div className="flex align-items-center">
+        <div className="flex items-center">
 
           {/* <Button label="Show" icon="pi pi-external-link" onClick={() => setVisible(true)} /> */}
 
@@ -173,7 +173,7 @@ const ListingHeader = () => {
             /> */}
           </div>
         </div>
-        <div className="flex align-items-center">
+        <div className="flex items-center">
           {/* <div>
             {contextMenuOptions.map((option) => (
               <Tooltip

package/dist/components/layout/Loader.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var Loader = function () {
-    return (_jsx("div", { className: "d-flex justify-content-center center-loader", children: _jsxs("div", { className: "lds-ellipsis", children: [_jsx("div", {}), _jsx("div", {}), _jsx("div", {})] }) }));
+    return (_jsx("div", { className: "flex justify-center center-loader", children: _jsxs("div", { className: "lds-ellipsis", children: [_jsx("div", {}), _jsx("div", {}), _jsx("div", {})] }) }));
 };
 export default Loader;
 //# sourceMappingURL=Loader.js.map

package/dist/components/layout/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/layout/Loader.tsx"],"names":[],"mappings":";AAGA,IAAM,MAAM,GAAG;IACb,OAAO,CACL,cAAK,SAAS,EAAC,6CAA6C,YAC1D,eAAK,SAAS,EAAC,cAAc,aAC3B,eAAW,EACX,eAAW,EACX,eAAW,IACP,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["\nimport React from \"react\";\n\nconst Loader = () => {\n  return (\n    <div className=\"d-flex justify-content-center center-loader\">\n      <div className=\"lds-ellipsis\">\n        <div></div>\n        <div></div>\n        <div></div>\n      </div>\n    </div>\n  );\n};\n\nexport default Loader;\n"]}
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/layout/Loader.tsx"],"names":[],"mappings":";AAGA,IAAM,MAAM,GAAG;IACb,OAAO,CACL,cAAK,SAAS,EAAC,mCAAmC,YAChD,eAAK,SAAS,EAAC,cAAc,aAC3B,eAAW,EACX,eAAW,EACX,eAAW,IACP,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["\nimport React from \"react\";\n\nconst Loader = () => {\n  return (\n    <div className=\"flex justify-center center-loader\">\n      <div className=\"lds-ellipsis\">\n        <div></div>\n        <div></div>\n        <div></div>\n      </div>\n    </div>\n  );\n};\n\nexport default Loader;\n"]}

package/dist/components/layout/Loader.tsx

@@ -3,7 +3,7 @@ import React from "react";
 
 const Loader = () => {
   return (
-    <div className="d-flex justify-content-center center-loader">
+    <div className="flex justify-center center-loader">
       <div className="lds-ellipsis">
         <div></div>
         <div></div>

package/dist/components/layout/UserSidebar.js

@@ -26,7 +26,7 @@ var UserSidebar = function () {
     var handleMenuItemClick = function (menuItem) {
         setActiveMenuItem(menuItem);
     };
-    return (_jsx("div", { className: "list-group mt-5 pl-4", children: menuItem.map(function (menuItem, index) { return (_jsxs(Link, { href: menuItem.url, className: "fw-bold list-group-item list-group-item-action ".concat(activeMenuItem === menuItem.url ? "active" : ""), onClick: function () { return handleMenuItemClick(menuItem.url); }, "aria-current": activeMenuItem === menuItem.url ? "true" : "false", children: [_jsx(SolidIcon, { name: menuItem.icon, className: "fa-fw pe-2" }), " ", menuItem.name] }, index)); }) }));
+    return (_jsx("div", { className: "list-group mt-8 pl-6", children: menuItem.map(function (menuItem, index) { return (_jsxs(Link, { href: menuItem.url, className: "fw-bold list-group-item list-group-item-action ".concat(activeMenuItem === menuItem.url ? "active" : ""), onClick: function () { return handleMenuItemClick(menuItem.url); }, "aria-current": activeMenuItem === menuItem.url ? "true" : "false", children: [_jsx(SolidIcon, { name: menuItem.icon, className: "fa-fw pe-2" }), " ", menuItem.name] }, index)); }) }));
 };
 export default UserSidebar;
 //# sourceMappingURL=UserSidebar.js.map

package/dist/components/layout/UserSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserSidebar.js","sourceRoot":"","sources":["../../../src/components/layout/UserSidebar.tsx"],"names":[],"mappings":";AAEA,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,IAAM,WAAW,GAAG;IAClB,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,QAAQ,GAAiF;QAC7F;YACE,IAAI,EAAE,gBAAgB;YACtB,GAAG,EAAE,YAAY;YACjB,IAAI,EAAE,SAAS;SAChB;QACD;YACE,IAAI,EAAE,eAAe;YACrB,GAAG,EAAE,mBAAmB;YACxB,IAAI,EAAE,SAAS;SAChB;QACD;YACE,IAAI,EAAE,iBAAiB;YACvB,GAAG,EAAE,qBAAqB;YAC1B,IAAI,EAAE,SAAS;SAChB;KACF,CAAC;IAEI,IAAA,KAAsC,QAAQ,CAAC,QAAQ,CAAC,EAAvD,cAAc,QAAA,EAAE,iBAAiB,QAAsB,CAAC;IAE/D,IAAM,mBAAmB,GAAG,UAAC,QAAgB;QAC3C,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,YAClC,QAAQ,CAAC,GAAG,CAAC,UAAC,QAAQ,EAAE,KAAK,IAAK,OAAA,CACjC,MAAC,IAAI,IAEH,IAAI,EAAE,QAAQ,CAAC,GAAG,EAClB,SAAS,EAAE,yDAAkD,cAAc,KAAK,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACxG,EACJ,OAAO,EAAE,cAAM,OAAA,mBAAmB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAjC,CAAiC,kBAClC,cAAc,KAAK,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,aAEhE,KAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAC,YAAY,GAAG,OAAE,QAAQ,CAAC,IAAI,KAPnE,KAAK,CAQL,CACR,EAXkC,CAWlC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["\n\nimport Link from \"../common/Link\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useState } from \"react\";\nimport { SolidIcon } from \"../shad-cn-ui\";\n\nconst UserSidebar = () => {\n  const pathname = usePathname();\n\n  const menuItem: { name: string; url: string; icon: import(\"../shad-cn-ui\").SolidIconName }[] = [\n    {\n      name: \"Update Profile\",\n      url: \"/me/update\",\n      icon: \"si-user\",\n    },\n    {\n      name: \"Upload Avatar\",\n      url: \"/me/upload_avatar\",\n      icon: \"si-user\",\n    },\n    {\n      name: \"Update Password\",\n      url: \"/me/update_password\",\n      icon: \"si-lock\",\n    },\n  ];\n\n  const [activeMenuItem, setActiveMenuItem] = useState(pathname);\n\n  const handleMenuItemClick = (menuItem: string) => {\n    setActiveMenuItem(menuItem);\n  };\n\n  return (\n    <div className=\"list-group mt-5 pl-4\">\n      {menuItem.map((menuItem, index) => (\n        <Link\n          key={index}\n          href={menuItem.url}\n          className={`fw-bold list-group-item list-group-item-action ${activeMenuItem === menuItem.url ? \"active\" : \"\"\n            }`}\n          onClick={() => handleMenuItemClick(menuItem.url)}\n          aria-current={activeMenuItem === menuItem.url ? \"true\" : \"false\"}\n        >\n          <SolidIcon name={menuItem.icon} className=\"fa-fw pe-2\" /> {menuItem.name}\n        </Link>\n      ))}\n    </div>\n  );\n};\n\nexport default UserSidebar;\n"]}
+{"version":3,"file":"UserSidebar.js","sourceRoot":"","sources":["../../../src/components/layout/UserSidebar.tsx"],"names":[],"mappings":";AAEA,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,IAAM,WAAW,GAAG;IAClB,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,QAAQ,GAAiF;QAC7F;YACE,IAAI,EAAE,gBAAgB;YACtB,GAAG,EAAE,YAAY;YACjB,IAAI,EAAE,SAAS;SAChB;QACD;YACE,IAAI,EAAE,eAAe;YACrB,GAAG,EAAE,mBAAmB;YACxB,IAAI,EAAE,SAAS;SAChB;QACD;YACE,IAAI,EAAE,iBAAiB;YACvB,GAAG,EAAE,qBAAqB;YAC1B,IAAI,EAAE,SAAS;SAChB;KACF,CAAC;IAEI,IAAA,KAAsC,QAAQ,CAAC,QAAQ,CAAC,EAAvD,cAAc,QAAA,EAAE,iBAAiB,QAAsB,CAAC;IAE/D,IAAM,mBAAmB,GAAG,UAAC,QAAgB;QAC3C,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,YAClC,QAAQ,CAAC,GAAG,CAAC,UAAC,QAAQ,EAAE,KAAK,IAAK,OAAA,CACjC,MAAC,IAAI,IAEH,IAAI,EAAE,QAAQ,CAAC,GAAG,EAClB,SAAS,EAAE,yDAAkD,cAAc,KAAK,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACxG,EACJ,OAAO,EAAE,cAAM,OAAA,mBAAmB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAjC,CAAiC,kBAClC,cAAc,KAAK,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,aAEhE,KAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAC,YAAY,GAAG,OAAE,QAAQ,CAAC,IAAI,KAPnE,KAAK,CAQL,CACR,EAXkC,CAWlC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["\n\nimport Link from \"../common/Link\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useState } from \"react\";\nimport { SolidIcon } from \"../shad-cn-ui\";\n\nconst UserSidebar = () => {\n  const pathname = usePathname();\n\n  const menuItem: { name: string; url: string; icon: import(\"../shad-cn-ui\").SolidIconName }[] = [\n    {\n      name: \"Update Profile\",\n      url: \"/me/update\",\n      icon: \"si-user\",\n    },\n    {\n      name: \"Upload Avatar\",\n      url: \"/me/upload_avatar\",\n      icon: \"si-user\",\n    },\n    {\n      name: \"Update Password\",\n      url: \"/me/update_password\",\n      icon: \"si-lock\",\n    },\n  ];\n\n  const [activeMenuItem, setActiveMenuItem] = useState(pathname);\n\n  const handleMenuItemClick = (menuItem: string) => {\n    setActiveMenuItem(menuItem);\n  };\n\n  return (\n    <div className=\"list-group mt-8 pl-6\">\n      {menuItem.map((menuItem, index) => (\n        <Link\n          key={index}\n          href={menuItem.url}\n          className={`fw-bold list-group-item list-group-item-action ${activeMenuItem === menuItem.url ? \"active\" : \"\"\n            }`}\n          onClick={() => handleMenuItemClick(menuItem.url)}\n          aria-current={activeMenuItem === menuItem.url ? \"true\" : \"false\"}\n        >\n          <SolidIcon name={menuItem.icon} className=\"fa-fw pe-2\" /> {menuItem.name}\n        </Link>\n      ))}\n    </div>\n  );\n};\n\nexport default UserSidebar;\n"]}

package/dist/components/layout/UserSidebar.tsx

@@ -33,7 +33,7 @@ const UserSidebar = () => {
   };
 
   return (
-    <div className="list-group mt-5 pl-4">
+    <div className="list-group mt-8 pl-6">
       {menuItem.map((menuItem, index) => (
         <Link
           key={index}

package/dist/components/layout/navbar-one.js

@@ -56,14 +56,14 @@ var NavbarOne = function () {
             document.removeEventListener("mousedown", handleClickOutside);
         };
     }, [isSearchShow]);
-    return (_jsxs("div", { className: "flex flex-column md:flex-row justify-content-between navBar", children: [currentMainMenu && (_jsx("div", { children: _jsx("a", { className: visibleNavbar
+    return (_jsxs("div", { className: "flex flex-col md:flex-row justify-between navBar", children: [currentMainMenu && (_jsx("div", { children: _jsx("a", { className: visibleNavbar
                         ? "navtwo-toggle active-menu-image"
                         : "navtwo-toggle", onClick: handleToggle, children: _jsx("img", { style: { cursor: "pointer" }, src: "/images/menu-toggle.png", alt: "Solid" }) }) })), _jsxs("div", { className: "navBarOne", children: [_jsx("div", { children: _jsx("div", { className: "navbar-menu", children: _jsx(_Fragment, { children: menu && menu.data.length > 0 && menu.data.map(function (m) { return (_jsx("div", { className: "menu-item ".concat(currentMainMenu === m.title ? "active-menu-image" : ""), children: _jsx("a", { onClick: function () { return handleMenu(m); }, children: _jsx("img", { style: { cursor: "pointer", width: '30px' }, 
                                             // src={currentMainMenu === m.title ? `/images/${m.title.toLocaleLowerCase()}-active.svg` : `/images/${m.title.toLocaleLowerCase()}.svg`}
                                             // src={`/images/menu/${m.title}.svg`}
                                             src: m.icon.startsWith("/") ? m.icon : "".concat(env("API_URL"), "/").concat(m.icon), 
                                             // src={`/images/menu/app-builder.svg`}
-                                            alt: "Solid" }) }) }, m.title)); }) }) }) }), _jsx(UserProfileMenu, {})] }), currentMenu && (_jsxs("div", { className: visibleNavbar ? "show navBarTwo" : "hide navBarTwo", children: [_jsxs("div", { className: "flex relative justify-content-between align-items-center pt-4 px-3 pb-3 mb-3", children: [_jsx("div", { className: "absolute bottom-0", style: { width: 50, height: 0.8, background: '#d8e2ea' } }), !isSearchShow && _jsx("div", { className: "text-base font-semibold", children: currentMainMenu && currentMainMenu }), isSearchShow === false && (_jsx(SolidButton, { variant: "ghost", size: "sm", "aria-label": "Search", className: "transparent-background min-w-0 px-2 py-1 border-1 border-round border-200", onClick: function () { return setSearchShow(true); }, leftIcon: _jsx(SolidIcon, { name: "si-search" }) })), isSearchShow && (_jsxs("div", { className: "w-full", style: { position: 'relative' }, ref: searchRef, children: [_jsxs("div", { className: "input-icon inputDiv navtwo-searchbox", children: [_jsx(SolidIcon, { name: "si-search", className: "text-sm" }), _jsx("input", { type: "text", placeholder: "Search", className: "small-input text-sm w-full pr-6", value: searchTerm, onChange: function (event) { return setSearchTerm(event.target.value); } })] }), _jsx("div", { className: "absolute max-h-1rem", style: { top: 5, right: 5 }, children: _jsx("img", { style: { cursor: "pointer", maxHeight: '1.3rem' }, src: "/images/icons/jump-to-icon.png", alt: "Solid" }) })] }))] }), _jsx("div", { className: visibleNavbar ? "navTwoMenuLayout px-2 show" : "navTwoMenuLayout hide", children: _jsx(NavbarTwoMenu, { menuItems: currentMenu }) })] }))] }));
+                                            alt: "Solid" }) }) }, m.title)); }) }) }) }), _jsx(UserProfileMenu, {})] }), currentMenu && (_jsxs("div", { className: visibleNavbar ? "show navBarTwo" : "hide navBarTwo", children: [_jsxs("div", { className: "flex relative justify-between items-center pt-6 px-4 pb-4 mb-4", children: [_jsx("div", { className: "absolute bottom-0", style: { width: 50, height: 0.8, background: '#d8e2ea' } }), !isSearchShow && _jsx("div", { className: "text-base font-semibold", children: currentMainMenu && currentMainMenu }), isSearchShow === false && (_jsx(SolidButton, { variant: "ghost", size: "sm", "aria-label": "Search", className: "transparent-background min-w-0 rounded border border-[var(--surface-200)] px-2 py-1", onClick: function () { return setSearchShow(true); }, leftIcon: _jsx(SolidIcon, { name: "si-search" }) })), isSearchShow && (_jsxs("div", { className: "w-full", style: { position: 'relative' }, ref: searchRef, children: [_jsxs("div", { className: "input-icon inputDiv navtwo-searchbox", children: [_jsx(SolidIcon, { name: "si-search", className: "text-sm" }), _jsx("input", { type: "text", placeholder: "Search", className: "small-input text-sm w-full pr-12", value: searchTerm, onChange: function (event) { return setSearchTerm(event.target.value); } })] }), _jsx("div", { className: "absolute max-h-1rem", style: { top: 5, right: 5 }, children: _jsx("img", { style: { cursor: "pointer", maxHeight: '1.3rem' }, src: "/images/icons/jump-to-icon.png", alt: "Solid" }) })] }))] }), _jsx("div", { className: visibleNavbar ? "navTwoMenuLayout px-2 show" : "navTwoMenuLayout hide", children: _jsx(NavbarTwoMenu, { menuItems: currentMenu }) })] }))] }));
 };
 export default NavbarOne;
 //# sourceMappingURL=navbar-one.js.map

package/dist/components/layout/navbar-one.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar-one.js","sourceRoot":"","sources":["../../../src/components/layout/navbar-one.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useGetSolidMenuBasedOnRoleQuery } from \"../../redux/api/solidMenuApi\";\nimport { setIsAuthenticated, setUser } from \"../../redux/features/userSlice\";\nimport { env } from \"../../adapters/env\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport NavbarTwoMenu from \"./navbar-two-menu\";\nimport UserProfileMenu from \"./user-profile-menu\";\nimport { SolidButton } from \"../shad-cn-ui\";\nimport { SolidIcon } from \"../shad-cn-ui/SolidIcon\";\n\nconst NavbarOne = () => {\n    const dispatch = useDispatch();\n    const [visibleNavbar, setVisibleNavbar] = useState(false);\n\n    const { data: menu } = useGetSolidMenuBasedOnRoleQuery(\"\");\n\n    const [currentMenu, setCurrentMenu] = useState();\n    const [currentMainMenu, setCurrentMainMenu] = useState();\n    const [searchTerm, setSearchTerm] = useState(\"\");\n\n    useEffect(() => {\n        if (menu) {\n            setCurrentMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.children);\n            setCurrentMainMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.title)\n        }\n    }, [menu])\n\n    const { data } = useSession();\n\n    // const handleToggle = () => setShow(!show);\n    const handleToggle = () => setVisibleNavbar(!visibleNavbar);\n    const handleMenu = (m: any) => {\n        // setShow(true);\n        setVisibleNavbar(!visibleNavbar);\n        setCurrentMainMenu(m.title);\n        setCurrentMenu(m.children);\n    };\n\n    useEffect(() => {\n        if (data) {\n            dispatch(setUser(data?.user));\n            dispatch(setIsAuthenticated(true));\n        }\n    }, [data]);\n\n    const [isSearchShow, setSearchShow] = useState(false);\n    const searchRef = useRef<HTMLDivElement>(null);\n\n    const handleClickOutside = (event: any) => {\n        if (searchRef.current && !searchRef.current.contains(event.target)) {\n            setSearchShow(false);\n        }\n    };\n\n    useEffect(() => {\n        if (isSearchShow) {\n            document.addEventListener(\"mousedown\", handleClickOutside);\n        } else {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        }\n\n        return () => {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        };\n    }, [isSearchShow]);\n\n\n\n    return (\n        <div className=\"flex flex-column md:flex-row justify-content-between navBar\">\n\n            {/* commented this as this is not working properly @Jenendar to figure this out... */}\n            {currentMainMenu && (\n                <div>\n                    <a\n                        className={\n                            visibleNavbar\n                                ? \"navtwo-toggle active-menu-image\"\n                                : \"navtwo-toggle\"\n                        }\n                        onClick={handleToggle}\n                    >\n                        <img\n                            style={{ cursor: \"pointer\" }}\n                            src={`/images/menu-toggle.png`}\n                            alt=\"Solid\"\n                        />\n                    </a>\n                </div>\n            )}\n            <div className=\"navBarOne\">\n                <div>\n                    <div className=\"navbar-menu\">\n                        <>\n                            {menu && menu.data.length > 0 && menu.data.map((m: any) => (\n                                <div\n                                    key={m.title}\n                                    className={`menu-item ${currentMainMenu === m.title ? \"active-menu-image\" : \"\"}`}\n                                >\n                                    <a onClick={() => handleMenu(m)}>\n                                        <img\n                                            style={{ cursor: \"pointer\", width: '30px' }}\n                                            // src={currentMainMenu === m.title ? `/images/${m.title.toLocaleLowerCase()}-active.svg` : `/images/${m.title.toLocaleLowerCase()}.svg`}\n                                            // src={`/images/menu/${m.title}.svg`}\n                                            src={m.icon.startsWith(\"/\") ? m.icon : `${env(\"API_URL\")}/${m.icon}`}\n                                            // src={`/images/menu/app-builder.svg`}\n                                            alt=\"Solid\"\n                                        />\n                                    </a>\n                                </div>\n                            ))}\n                        </>\n                    </div>\n                </div>\n                <UserProfileMenu></UserProfileMenu>\n            </div>\n            {currentMenu && (\n                <div className={visibleNavbar ? \"show navBarTwo\" : \"hide navBarTwo\"}>\n                    <div className=\"flex relative justify-content-between align-items-center pt-4 px-3 pb-3 mb-3\">\n                        <div className=\"absolute bottom-0\" style={{ width: 50, height: 0.8, background: '#d8e2ea' }}></div>\n                        {!isSearchShow && <div className=\"text-base font-semibold\">{currentMainMenu && currentMainMenu}</div>}\n                        {isSearchShow === false && (\n                            <SolidButton\n                                variant=\"ghost\"\n                                size=\"sm\"\n                                aria-label=\"Search\"\n                                className=\"transparent-background min-w-0 px-2 py-1 border-1 border-round border-200\"\n                                onClick={() => setSearchShow(true)}\n                                leftIcon={<SolidIcon name=\"si-search\" />}\n                            />\n                        )}\n                        {isSearchShow && (\n                            <div className=\"w-full\" style={{ position: 'relative' }} ref={searchRef}>\n                                <div className=\"input-icon inputDiv navtwo-searchbox\">\n                                    <SolidIcon name=\"si-search\" className=\"text-sm\" />\n                                    <input\n                                        type=\"text\"\n                                        placeholder=\"Search\"\n                                        className=\"small-input text-sm w-full pr-6\"\n                                        value={searchTerm}\n                                        onChange={(event) => setSearchTerm(event.target.value)}\n                                    />\n                                </div>\n                                <div className=\"absolute max-h-1rem\" style={{ top: 5, right: 5 }}>\n                                    <img\n                                        style={{ cursor: \"pointer\", maxHeight: '1.3rem' }}\n                                        src=\"/images/icons/jump-to-icon.png\"\n                                        alt=\"Solid\"\n                                    />\n                                </div>\n                            </div>\n                        )}\n                        {/* <div className=\"input-icon inputDiv navtwo-searchbox\">\n                            <i className=\"pi pi-search \" style={{ color: '#8D9199' }}></i>\n                            <input\n                                type=\"text\"\n                                placeholder=\"Jump to.\"\n                                name=\"lastName\"\n                                id=\"lastName\"\n                                onChange={(e) => setSearchTerm(e.target.value)}\n                                value={searchTerm}\n                                className=\"\"\n                            />\n                            <img\n                                style={{ cursor: \"pointer\" }}\n                                src=\"/images/icons/jump-to-icon.png\"\n                                alt=\"Solid\"\n                            />\n                        </div> */}\n                    </div>\n                    {/* <div className=\"flex flex-column md:flex-row  navtwo-header justify-content-between\">\n            <div className=\"text-sm font-semibold\">{currentMainMenu && currentMainMenu}</div> */}\n                    {/* <a\n              className={\n                visibleNavbar\n                  ? \"navtwo-toggle active-menu-image\"\n                  : \"navtwo-toggle\"\n              }\n              onClick={handleToggle}\n            >\n              <img\n                style={{ cursor: \"pointer\" }}\n                src={`/images/menu-toggle.png`}\n                alt=\"Solid\"\n              />\n            </a> */}\n                    {/* </div>\n          <div className=\"p-inputgroup\"> */}\n                    {/* <div className=\"p-inputgroup navtwo-searchbox\">\n              \n              <span className=\"p-inputgroup-addon\">\n                <i className=\"pi pi-search \"></i>\n              </span>\n              <InputText\n                placeholder=\"Search\"\n                onChange={e => setSearchTerm(e.target.value)} \n                />\n              <span className=\"p-inputgroup-addon\">⌘+k</span>\n            </div> */}\n                    {/* <div className=\"input-icon inputDiv navtwo-searchbox\">\n              <i className=\"pi pi-search \" style={{ color: '#8D9199' }}></i>\n              <input\n                type=\"text\"\n                placeholder=\"Jump to.\"\n                name=\"lastName\"\n                id=\"lastName\"\n                onChange={(e) => setSearchTerm(e.target.value)}\n                value={searchTerm}\n                className=\"\"\n              />\n              <img\n                style={{ cursor: \"pointer\" }}\n                src=\"/images/icons/jump-to-icon.png\"\n                alt=\"Solid\"\n              />\n            </div> */}\n\n                    {/* <Button icon=\"pi pi-search\" className=\"p-button-outlined\" onClick={handleSearch} /> */}\n                    {/* </div> */}\n\n                    <div\n                        className={\n                            visibleNavbar ? \"navTwoMenuLayout px-2 show\" : \"navTwoMenuLayout hide\"\n                        }\n                    >\n                        <NavbarTwoMenu menuItems={currentMenu}></NavbarTwoMenu>\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default NavbarOne;\n"]}
+{"version":3,"file":"navbar-one.js","sourceRoot":"","sources":["../../../src/components/layout/navbar-one.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useGetSolidMenuBasedOnRoleQuery } from \"../../redux/api/solidMenuApi\";\nimport { setIsAuthenticated, setUser } from \"../../redux/features/userSlice\";\nimport { env } from \"../../adapters/env\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport NavbarTwoMenu from \"./navbar-two-menu\";\nimport UserProfileMenu from \"./user-profile-menu\";\nimport { SolidButton } from \"../shad-cn-ui\";\nimport { SolidIcon } from \"../shad-cn-ui/SolidIcon\";\n\nconst NavbarOne = () => {\n    const dispatch = useDispatch();\n    const [visibleNavbar, setVisibleNavbar] = useState(false);\n\n    const { data: menu } = useGetSolidMenuBasedOnRoleQuery(\"\");\n\n    const [currentMenu, setCurrentMenu] = useState();\n    const [currentMainMenu, setCurrentMainMenu] = useState();\n    const [searchTerm, setSearchTerm] = useState(\"\");\n\n    useEffect(() => {\n        if (menu) {\n            setCurrentMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.children);\n            setCurrentMainMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.title)\n        }\n    }, [menu])\n\n    const { data } = useSession();\n\n    // const handleToggle = () => setShow(!show);\n    const handleToggle = () => setVisibleNavbar(!visibleNavbar);\n    const handleMenu = (m: any) => {\n        // setShow(true);\n        setVisibleNavbar(!visibleNavbar);\n        setCurrentMainMenu(m.title);\n        setCurrentMenu(m.children);\n    };\n\n    useEffect(() => {\n        if (data) {\n            dispatch(setUser(data?.user));\n            dispatch(setIsAuthenticated(true));\n        }\n    }, [data]);\n\n    const [isSearchShow, setSearchShow] = useState(false);\n    const searchRef = useRef<HTMLDivElement>(null);\n\n    const handleClickOutside = (event: any) => {\n        if (searchRef.current && !searchRef.current.contains(event.target)) {\n            setSearchShow(false);\n        }\n    };\n\n    useEffect(() => {\n        if (isSearchShow) {\n            document.addEventListener(\"mousedown\", handleClickOutside);\n        } else {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        }\n\n        return () => {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        };\n    }, [isSearchShow]);\n\n\n\n    return (\n        <div className=\"flex flex-col md:flex-row justify-between navBar\">\n\n            {/* commented this as this is not working properly @Jenendar to figure this out... */}\n            {currentMainMenu && (\n                <div>\n                    <a\n                        className={\n                            visibleNavbar\n                                ? \"navtwo-toggle active-menu-image\"\n                                : \"navtwo-toggle\"\n                        }\n                        onClick={handleToggle}\n                    >\n                        <img\n                            style={{ cursor: \"pointer\" }}\n                            src={`/images/menu-toggle.png`}\n                            alt=\"Solid\"\n                        />\n                    </a>\n                </div>\n            )}\n            <div className=\"navBarOne\">\n                <div>\n                    <div className=\"navbar-menu\">\n                        <>\n                            {menu && menu.data.length > 0 && menu.data.map((m: any) => (\n                                <div\n                                    key={m.title}\n                                    className={`menu-item ${currentMainMenu === m.title ? \"active-menu-image\" : \"\"}`}\n                                >\n                                    <a onClick={() => handleMenu(m)}>\n                                        <img\n                                            style={{ cursor: \"pointer\", width: '30px' }}\n                                            // src={currentMainMenu === m.title ? `/images/${m.title.toLocaleLowerCase()}-active.svg` : `/images/${m.title.toLocaleLowerCase()}.svg`}\n                                            // src={`/images/menu/${m.title}.svg`}\n                                            src={m.icon.startsWith(\"/\") ? m.icon : `${env(\"API_URL\")}/${m.icon}`}\n                                            // src={`/images/menu/app-builder.svg`}\n                                            alt=\"Solid\"\n                                        />\n                                    </a>\n                                </div>\n                            ))}\n                        </>\n                    </div>\n                </div>\n                <UserProfileMenu></UserProfileMenu>\n            </div>\n            {currentMenu && (\n                <div className={visibleNavbar ? \"show navBarTwo\" : \"hide navBarTwo\"}>\n                    <div className=\"flex relative justify-between items-center pt-6 px-4 pb-4 mb-4\">\n                        <div className=\"absolute bottom-0\" style={{ width: 50, height: 0.8, background: '#d8e2ea' }}></div>\n                        {!isSearchShow && <div className=\"text-base font-semibold\">{currentMainMenu && currentMainMenu}</div>}\n                        {isSearchShow === false && (\n                            <SolidButton\n                                variant=\"ghost\"\n                                size=\"sm\"\n                                aria-label=\"Search\"\n                                className=\"transparent-background min-w-0 rounded border border-[var(--surface-200)] px-2 py-1\"\n                                onClick={() => setSearchShow(true)}\n                                leftIcon={<SolidIcon name=\"si-search\" />}\n                            />\n                        )}\n                        {isSearchShow && (\n                            <div className=\"w-full\" style={{ position: 'relative' }} ref={searchRef}>\n                                <div className=\"input-icon inputDiv navtwo-searchbox\">\n                                    <SolidIcon name=\"si-search\" className=\"text-sm\" />\n                                    <input\n                                        type=\"text\"\n                                        placeholder=\"Search\"\n                                        className=\"small-input text-sm w-full pr-12\"\n                                        value={searchTerm}\n                                        onChange={(event) => setSearchTerm(event.target.value)}\n                                    />\n                                </div>\n                                <div className=\"absolute max-h-1rem\" style={{ top: 5, right: 5 }}>\n                                    <img\n                                        style={{ cursor: \"pointer\", maxHeight: '1.3rem' }}\n                                        src=\"/images/icons/jump-to-icon.png\"\n                                        alt=\"Solid\"\n                                    />\n                                </div>\n                            </div>\n                        )}\n                        {/* <div className=\"input-icon inputDiv navtwo-searchbox\">\n                            <i className=\"pi pi-search\" style={{ color: '#8D9199' }}></i>\n                            <input\n                                type=\"text\"\n                                placeholder=\"Jump to.\"\n                                name=\"lastName\"\n                                id=\"lastName\"\n                                onChange={(e) => setSearchTerm(e.target.value)}\n                                value={searchTerm}\n                                className=\"\"\n                            />\n                            <img\n                                style={{ cursor: \"pointer\" }}\n                                src=\"/images/icons/jump-to-icon.png\"\n                                alt=\"Solid\"\n                            />\n                        </div> */}\n                    </div>\n                    {/* <div className=\"flex flex-col md:flex-row navtwo-header justify-between\">\n            <div className=\"text-sm font-semibold\">{currentMainMenu && currentMainMenu}</div> */}\n                    {/* <a\n              className={\n                visibleNavbar\n                  ? \"navtwo-toggle active-menu-image\"\n                  : \"navtwo-toggle\"\n              }\n              onClick={handleToggle}\n            >\n              <img\n                style={{ cursor: \"pointer\" }}\n                src={`/images/menu-toggle.png`}\n                alt=\"Solid\"\n              />\n            </a> */}\n                    {/* </div>\n          <div className=\"p-inputgroup\"> */}\n                    {/* <div className=\"p-inputgroup navtwo-searchbox\">\n              \n              <span className=\"p-inputgroup-addon\">\n                <i className=\"pi pi-search\"></i>\n              </span>\n              <InputText\n                placeholder=\"Search\"\n                onChange={e => setSearchTerm(e.target.value)} \n                />\n              <span className=\"p-inputgroup-addon\">⌘+k</span>\n            </div> */}\n                    {/* <div className=\"input-icon inputDiv navtwo-searchbox\">\n              <i className=\"pi pi-search\" style={{ color: '#8D9199' }}></i>\n              <input\n                type=\"text\"\n                placeholder=\"Jump to.\"\n                name=\"lastName\"\n                id=\"lastName\"\n                onChange={(e) => setSearchTerm(e.target.value)}\n                value={searchTerm}\n                className=\"\"\n              />\n              <img\n                style={{ cursor: \"pointer\" }}\n                src=\"/images/icons/jump-to-icon.png\"\n                alt=\"Solid\"\n              />\n            </div> */}\n\n                    {/* <Button icon=\"pi pi-search\" className=\"p-button-outlined\" onClick={handleSearch} /> */}\n                    {/* </div> */}\n\n                    <div\n                        className={\n                            visibleNavbar ? \"navTwoMenuLayout px-2 show\" : \"navTwoMenuLayout hide\"\n                        }\n                    >\n                        <NavbarTwoMenu menuItems={currentMenu}></NavbarTwoMenu>\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default NavbarOne;\n"]}

package/dist/components/layout/navbar-one.tsx

@@ -68,7 +68,7 @@ const NavbarOne = () => {
 
 
     return (
-        <div className="flex flex-column md:flex-row justify-content-between navBar">
+        <div className="flex flex-col md:flex-row justify-between navBar">
 
             {/* commented this as this is not working properly @Jenendar to figure this out... */}
             {currentMainMenu && (
@@ -117,7 +117,7 @@ const NavbarOne = () => {
             </div>
             {currentMenu && (
                 <div className={visibleNavbar ? "show navBarTwo" : "hide navBarTwo"}>
-                    <div className="flex relative justify-content-between align-items-center pt-4 px-3 pb-3 mb-3">
+                    <div className="flex relative justify-between items-center pt-6 px-4 pb-4 mb-4">
                         <div className="absolute bottom-0" style={{ width: 50, height: 0.8, background: '#d8e2ea' }}></div>
                         {!isSearchShow && <div className="text-base font-semibold">{currentMainMenu && currentMainMenu}</div>}
                         {isSearchShow === false && (
@@ -125,7 +125,7 @@ const NavbarOne = () => {
                                 variant="ghost"
                                 size="sm"
                                 aria-label="Search"
-                                className="transparent-background min-w-0 px-2 py-1 border-1 border-round border-200"
+                                className="transparent-background min-w-0 rounded border border-[var(--surface-200)] px-2 py-1"
                                 onClick={() => setSearchShow(true)}
                                 leftIcon={<SolidIcon name="si-search" />}
                             />
@@ -137,7 +137,7 @@ const NavbarOne = () => {
                                     <input
                                         type="text"
                                         placeholder="Search"
-                                        className="small-input text-sm w-full pr-6"
+                                        className="small-input text-sm w-full pr-12"
                                         value={searchTerm}
                                         onChange={(event) => setSearchTerm(event.target.value)}
                                     />
@@ -152,7 +152,7 @@ const NavbarOne = () => {
                             </div>
                         )}
                         {/* <div className="input-icon inputDiv navtwo-searchbox">
-                            <i className="pi pi-search " style={{ color: '#8D9199' }}></i>
+                            <i className="pi pi-search" style={{ color: '#8D9199' }}></i>
                             <input
                                 type="text"
                                 placeholder="Jump to."
@@ -169,7 +169,7 @@ const NavbarOne = () => {
                             />
                         </div> */}
                     </div>
-                    {/* <div className="flex flex-column md:flex-row  navtwo-header justify-content-between">
+                    {/* <div className="flex flex-col md:flex-row navtwo-header justify-between">
             <div className="text-sm font-semibold">{currentMainMenu && currentMainMenu}</div> */}
                     {/* <a
               className={
@@ -190,7 +190,7 @@ const NavbarOne = () => {
                     {/* <div className="p-inputgroup navtwo-searchbox">
               
               <span className="p-inputgroup-addon">
-                <i className="pi pi-search "></i>
+                <i className="pi pi-search"></i>
               </span>
               <InputText
                 placeholder="Search"
@@ -199,7 +199,7 @@ const NavbarOne = () => {
               <span className="p-inputgroup-addon">⌘+k</span>
             </div> */}
                     {/* <div className="input-icon inputDiv navtwo-searchbox">
-              <i className="pi pi-search " style={{ color: '#8D9199' }}></i>
+              <i className="pi pi-search" style={{ color: '#8D9199' }}></i>
               <input
                 type="text"
                 placeholder="Jump to."

package/dist/components/layout/navbar-two-menu.js

@@ -27,7 +27,7 @@ var NavbarTwoMenu = function (_a) {
         var _a, _b;
         var isSelected = activeId !== null && item.id !== null && item.id === activeId;
         var isParentActive = activeId !== null && ((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) > 0 && hasActiveChild(item.items);
-        return (_jsx("div", { className: "flex align-items-center cursor-pointer menuHead px-3 ".concat(isSelected || isParentActive ? "p-highlight" : ""), onClick: options.onClick, children: _jsxs(Link, { href: (item === null || item === void 0 ? void 0 : item.url) ? item === null || item === void 0 ? void 0 : item.url : "#", className: "w-full flex justify-content-between font-normal", children: [_jsxs("div", { className: "flex align-items-center", style: { gap: 10 }, children: [item.icon && (
+        return (_jsx("div", { className: "flex items-center cursor-pointer menuHead px-4 ".concat(isSelected || isParentActive ? "p-highlight" : ""), onClick: options.onClick, children: _jsxs(Link, { href: (item === null || item === void 0 ? void 0 : item.url) ? item === null || item === void 0 ? void 0 : item.url : "#", className: "w-full flex justify-between font-normal", children: [_jsxs("div", { className: "flex items-center", style: { gap: 10 }, children: [item.icon && (
                             // material-symbols-${item.iconVariant ?? 'outlined'}
                             _jsx("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: item.icon })), _jsx("span", { children: item.label })] }), ((_b = item === null || item === void 0 ? void 0 : item.items) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
                         _jsx("span", { className: "sidebar-chevrons ".concat(expandedKeys[item.key] ? "pi pi-angle-up" : "pi pi-angle-down") })] }) }, item === null || item === void 0 ? void 0 : item.key));
@@ -76,7 +76,7 @@ var NavbarTwoMenu = function (_a) {
                 var isExpanded = !!expandedKeys[item.key];
                 var isSelected = activeId !== null && item.id !== null && item.id === activeId;
                 var isParentActive = hasChildren && hasActiveChild(item.items);
-                return (_jsxs("li", { children: [_jsxs("div", { className: "flex align-items-center cursor-pointer menuHead px-3 ".concat(isSelected || isParentActive ? "p-highlight" : ""), children: [_jsx(Link, { href: (item === null || item === void 0 ? void 0 : item.url) ? item === null || item === void 0 ? void 0 : item.url : "#", className: "w-full flex justify-content-between font-normal", children: _jsxs("div", { className: "flex align-items-center", style: { gap: 10 }, children: [item.icon && (_jsx("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: item.icon })), _jsx("span", { children: item.label })] }) }), hasChildren && (_jsx("button", { type: "button", className: "sidebar-chevrons-button", onClick: function () { return toggleExpansion(item.key); }, "aria-label": "Toggle ".concat(item.label, " menu"), children: _jsx("span", { className: "sidebar-chevrons ".concat(isExpanded ? "pi pi-angle-up" : "pi pi-angle-down") }) }))] }), hasChildren && isExpanded && (_jsx("div", { className: "solid-panel-menu-children pl-3", children: renderMenuItems(item.items) }))] }, item.key));
+                return (_jsxs("li", { children: [_jsxs("div", { className: "flex items-center cursor-pointer menuHead px-4 ".concat(isSelected || isParentActive ? "p-highlight" : ""), children: [_jsx(Link, { href: (item === null || item === void 0 ? void 0 : item.url) ? item === null || item === void 0 ? void 0 : item.url : "#", className: "w-full flex justify-between font-normal", children: _jsxs("div", { className: "flex items-center", style: { gap: 10 }, children: [item.icon && (_jsx("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: item.icon })), _jsx("span", { children: item.label })] }) }), hasChildren && (_jsx("button", { type: "button", className: "sidebar-chevrons-button", onClick: function () { return toggleExpansion(item.key); }, "aria-label": "Toggle ".concat(item.label, " menu"), children: _jsx("span", { className: "sidebar-chevrons ".concat(isExpanded ? "pi pi-angle-up" : "pi pi-angle-down") }) }))] }), hasChildren && isExpanded && (_jsx("div", { className: "solid-panel-menu-children pl-6", children: renderMenuItems(item.items) }))] }, item.key));
             }) }));
     };
     return _jsx("div", { className: "solid-panel-menu", children: renderMenuItems(items) });

package/dist/components/layout/navbar-two-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar-two-menu.js","sourceRoot":"","sources":["../../../src/components/layout/navbar-two-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import Link from \"../common/Link\";\nimport { useState, useEffect } from \"react\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\n\nconst NavbarTwoMenu = ({ menuItems }: any) => {\n    const searchParams = useSearchParams();\n    const [expandedKeys, setExpandedKeys] = useState<any>({});\n\n    const activeId = searchParams.get(\"menuItemId\");\n    const hasActiveChild = (items: any[]): boolean => {\n        if (!activeId) return false;\n        return items?.some((item) =>\n            (item.id !== null && item.id === activeId) || hasActiveChild(item.items ?? [])\n        );\n    };\n    const itemRenderer = (item: any, options: any) => {\n        const isSelected = activeId !== null && item.id !== null && item.id === activeId;\n        const isParentActive = activeId !== null && item.items?.length > 0 && hasActiveChild(item.items);\n        return (\n            <div key={item?.key} className={`flex align-items-center cursor-pointer menuHead px-3 ${isSelected || isParentActive ? \"p-highlight\" : \"\"}`} onClick={options.onClick} >\n                <Link href={item?.url ? item?.url : \"#\"} className=\"w-full flex justify-content-between font-normal\">\n                    <div className=\"flex align-items-center\" style={{ gap: 10 }}>\n                        {item.icon && (\n                            // material-symbols-${item.iconVariant ?? 'outlined'}\n                            <span className=\"material-symbols-outlined\" style={{ fontSize: 18 }}>\n                                {item.icon}\n                            </span>\n                        )}\n                        <span>\n                            {item.label}\n                        </span>\n                    </div>\n                    {item?.items?.length > 0 &&\n                        <span className={`sidebar-chevrons ${expandedKeys[item.key] ? \"pi pi-angle-up\" : \"pi pi-angle-down\"}`} />\n                    }\n                </Link>\n            </div>\n        )\n    };\n\n    const createMenuItems = (menuItems: any[]): any[] =>\n        menuItems.map((mi) => {\n            const menuItemId = new URLSearchParams(mi.path?.split(\"?\")[1]).get(\"menuItemId\");\n            return {\n                key: mi.key,\n                id: menuItemId,   // ← extracted from path\n                label: mi.title,\n                icon: mi.icon ?? \"\",\n                // iconVariant: mi.iconVariant,\n                template: itemRenderer,\n                url: mi.path ?? null,\n                items: mi.children ? createMenuItems(mi.children) : null,\n            };\n        })\n\n\n    const items = createMenuItems(menuItems);\n\n    // Auto-expand parents with active child when activeId changes\n    useEffect(() => {\n        const newExpandedKeys: any = {};\n        const expandIfActive = (items: any[]) => {\n            items?.forEach((item) => {\n                if (item.items?.length && hasActiveChild(item.items)) {\n                    newExpandedKeys[item.key] = true;\n                    expandIfActive(item.items);\n                }\n            });\n        };\n        expandIfActive(createMenuItems(menuItems));\n        setExpandedKeys((prev: any) => ({ ...prev, ...newExpandedKeys }));\n    }, [activeId]);\n\n    const toggleExpansion = (key: string) => {\n        setExpandedKeys((prev: any) => ({ ...prev, [key]: !prev[key] }));\n    };\n\n    const renderMenuItems = (menuItems: any[]): React.ReactNode => {\n        return (\n            <ul className=\"solid-panel-menu-list\">\n                {menuItems.map((item) => {\n                    const hasChildren = item.items && item.items.length > 0;\n                    const isExpanded = !!expandedKeys[item.key];\n                    const isSelected = activeId !== null && item.id !== null && item.id === activeId;\n                    const isParentActive = hasChildren && hasActiveChild(item.items);\n\n                    return (\n                        <li key={item.key}>\n                            <div className={`flex align-items-center cursor-pointer menuHead px-3 ${isSelected || isParentActive ? \"p-highlight\" : \"\"}`}>\n                                <Link href={item?.url ? item?.url : \"#\"} className=\"w-full flex justify-content-between font-normal\">\n                                    <div className=\"flex align-items-center\" style={{ gap: 10 }}>\n                                        {item.icon && (\n                                            <span className=\"material-symbols-outlined\" style={{ fontSize: 18 }}>\n                                                {item.icon}\n                                            </span>\n                                        )}\n                                        <span>{item.label}</span>\n                                    </div>\n                                </Link>\n                                {hasChildren && (\n                                    <button\n                                        type=\"button\"\n                                        className=\"sidebar-chevrons-button\"\n                                        onClick={() => toggleExpansion(item.key)}\n                                        aria-label={`Toggle ${item.label} menu`}\n                                    >\n                                        <span className={`sidebar-chevrons ${isExpanded ? \"pi pi-angle-up\" : \"pi pi-angle-down\"}`} />\n                                    </button>\n                                )}\n                            </div>\n                            {hasChildren && isExpanded && (\n                                <div className=\"solid-panel-menu-children pl-3\">\n                                    {renderMenuItems(item.items)}\n                                </div>\n                            )}\n                        </li>\n                    );\n                })}\n            </ul>\n        );\n    };\n\n    return <div className=\"solid-panel-menu\">{renderMenuItems(items)}</div>;\n};\n\nexport default NavbarTwoMenu;\n"]}
+{"version":3,"file":"navbar-two-menu.js","sourceRoot":"","sources":["../../../src/components/layout/navbar-two-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import Link from \"../common/Link\";\nimport { useState, useEffect } from \"react\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\n\nconst NavbarTwoMenu = ({ menuItems }: any) => {\n    const searchParams = useSearchParams();\n    const [expandedKeys, setExpandedKeys] = useState<any>({});\n\n    const activeId = searchParams.get(\"menuItemId\");\n    const hasActiveChild = (items: any[]): boolean => {\n        if (!activeId) return false;\n        return items?.some((item) =>\n            (item.id !== null && item.id === activeId) || hasActiveChild(item.items ?? [])\n        );\n    };\n    const itemRenderer = (item: any, options: any) => {\n        const isSelected = activeId !== null && item.id !== null && item.id === activeId;\n        const isParentActive = activeId !== null && item.items?.length > 0 && hasActiveChild(item.items);\n        return (\n            <div key={item?.key} className={`flex items-center cursor-pointer menuHead px-4 ${isSelected || isParentActive ? \"p-highlight\" : \"\"}`} onClick={options.onClick} >\n                <Link href={item?.url ? item?.url : \"#\"} className=\"w-full flex justify-between font-normal\">\n                    <div className=\"flex items-center\" style={{ gap: 10 }}>\n                        {item.icon && (\n                            // material-symbols-${item.iconVariant ?? 'outlined'}\n                            <span className=\"material-symbols-outlined\" style={{ fontSize: 18 }}>\n                                {item.icon}\n                            </span>\n                        )}\n                        <span>\n                            {item.label}\n                        </span>\n                    </div>\n                    {item?.items?.length > 0 &&\n                        <span className={`sidebar-chevrons ${expandedKeys[item.key] ? \"pi pi-angle-up\" : \"pi pi-angle-down\"}`} />\n                    }\n                </Link>\n            </div>\n        )\n    };\n\n    const createMenuItems = (menuItems: any[]): any[] =>\n        menuItems.map((mi) => {\n            const menuItemId = new URLSearchParams(mi.path?.split(\"?\")[1]).get(\"menuItemId\");\n            return {\n                key: mi.key,\n                id: menuItemId,   // ← extracted from path\n                label: mi.title,\n                icon: mi.icon ?? \"\",\n                // iconVariant: mi.iconVariant,\n                template: itemRenderer,\n                url: mi.path ?? null,\n                items: mi.children ? createMenuItems(mi.children) : null,\n            };\n        })\n\n\n    const items = createMenuItems(menuItems);\n\n    // Auto-expand parents with active child when activeId changes\n    useEffect(() => {\n        const newExpandedKeys: any = {};\n        const expandIfActive = (items: any[]) => {\n            items?.forEach((item) => {\n                if (item.items?.length && hasActiveChild(item.items)) {\n                    newExpandedKeys[item.key] = true;\n                    expandIfActive(item.items);\n                }\n            });\n        };\n        expandIfActive(createMenuItems(menuItems));\n        setExpandedKeys((prev: any) => ({ ...prev, ...newExpandedKeys }));\n    }, [activeId]);\n\n    const toggleExpansion = (key: string) => {\n        setExpandedKeys((prev: any) => ({ ...prev, [key]: !prev[key] }));\n    };\n\n    const renderMenuItems = (menuItems: any[]): React.ReactNode => {\n        return (\n            <ul className=\"solid-panel-menu-list\">\n                {menuItems.map((item) => {\n                    const hasChildren = item.items && item.items.length > 0;\n                    const isExpanded = !!expandedKeys[item.key];\n                    const isSelected = activeId !== null && item.id !== null && item.id === activeId;\n                    const isParentActive = hasChildren && hasActiveChild(item.items);\n\n                    return (\n                        <li key={item.key}>\n                            <div className={`flex items-center cursor-pointer menuHead px-4 ${isSelected || isParentActive ? \"p-highlight\" : \"\"}`}>\n                                <Link href={item?.url ? item?.url : \"#\"} className=\"w-full flex justify-between font-normal\">\n                                    <div className=\"flex items-center\" style={{ gap: 10 }}>\n                                        {item.icon && (\n                                            <span className=\"material-symbols-outlined\" style={{ fontSize: 18 }}>\n                                                {item.icon}\n                                            </span>\n                                        )}\n                                        <span>{item.label}</span>\n                                    </div>\n                                </Link>\n                                {hasChildren && (\n                                    <button\n                                        type=\"button\"\n                                        className=\"sidebar-chevrons-button\"\n                                        onClick={() => toggleExpansion(item.key)}\n                                        aria-label={`Toggle ${item.label} menu`}\n                                    >\n                                        <span className={`sidebar-chevrons ${isExpanded ? \"pi pi-angle-up\" : \"pi pi-angle-down\"}`} />\n                                    </button>\n                                )}\n                            </div>\n                            {hasChildren && isExpanded && (\n                                <div className=\"solid-panel-menu-children pl-6\">\n                                    {renderMenuItems(item.items)}\n                                </div>\n                            )}\n                        </li>\n                    );\n                })}\n            </ul>\n        );\n    };\n\n    return <div className=\"solid-panel-menu\">{renderMenuItems(items)}</div>;\n};\n\nexport default NavbarTwoMenu;\n"]}

package/dist/components/layout/navbar-two-menu.tsx

@@ -17,9 +17,9 @@ const NavbarTwoMenu = ({ menuItems }: any) => {
         const isSelected = activeId !== null && item.id !== null && item.id === activeId;
         const isParentActive = activeId !== null && item.items?.length > 0 && hasActiveChild(item.items);
         return (
-            <div key={item?.key} className={`flex align-items-center cursor-pointer menuHead px-3 ${isSelected || isParentActive ? "p-highlight" : ""}`} onClick={options.onClick} >
-                <Link href={item?.url ? item?.url : "#"} className="w-full flex justify-content-between font-normal">
-                    <div className="flex align-items-center" style={{ gap: 10 }}>
+            <div key={item?.key} className={`flex items-center cursor-pointer menuHead px-4 ${isSelected || isParentActive ? "p-highlight" : ""}`} onClick={options.onClick} >
+                <Link href={item?.url ? item?.url : "#"} className="w-full flex justify-between font-normal">
+                    <div className="flex items-center" style={{ gap: 10 }}>
                         {item.icon && (
                             // material-symbols-${item.iconVariant ?? 'outlined'}
                             <span className="material-symbols-outlined" style={{ fontSize: 18 }}>
@@ -86,9 +86,9 @@ const NavbarTwoMenu = ({ menuItems }: any) => {
 
                     return (
                         <li key={item.key}>
-                            <div className={`flex align-items-center cursor-pointer menuHead px-3 ${isSelected || isParentActive ? "p-highlight" : ""}`}>
-                                <Link href={item?.url ? item?.url : "#"} className="w-full flex justify-content-between font-normal">
-                                    <div className="flex align-items-center" style={{ gap: 10 }}>
+                            <div className={`flex items-center cursor-pointer menuHead px-4 ${isSelected || isParentActive ? "p-highlight" : ""}`}>
+                                <Link href={item?.url ? item?.url : "#"} className="w-full flex justify-between font-normal">
+                                    <div className="flex items-center" style={{ gap: 10 }}>
                                         {item.icon && (
                                             <span className="material-symbols-outlined" style={{ fontSize: 18 }}>
                                                 {item.icon}
@@ -109,7 +109,7 @@ const NavbarTwoMenu = ({ menuItems }: any) => {
                                 )}
                             </div>
                             {hasChildren && isExpanded && (
-                                <div className="solid-panel-menu-children pl-3">
+                                <div className="solid-panel-menu-children pl-6">
                                     {renderMenuItems(item.items)}
                                 </div>
                             )}

package/dist/components/layout/user-profile-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user-profile-menu.d.ts","sourceRoot":"","sources":["../../../src/components/layout/user-profile-menu.tsx"],"names":[],"mappings":"AAoBA,QAAA,MAAM,eAAe,+CAyPpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"user-profile-menu.d.ts","sourceRoot":"","sources":["../../../src/components/layout/user-profile-menu.tsx"],"names":[],"mappings":"AAcA,QAAA,MAAM,eAAe,+CA+MpB,CAAC;AAEF,eAAe,eAAe,CAAC"}