@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.10

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardHeader.js","sourceRoot":"","sources":["../../../src/components/layout/DashboardHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,IAAM,eAAe,GAAG;IAEpB,IAAM,QAAQ,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IACnC,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAM,KAAK,GAAG;QACV;YACI,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE;gBACH;oBACI,KAAK,EAAE,SAAS;oBAChB,IAAI,EAAE,eAAe;iBACxB;gBACD;oBACI,KAAK,EAAE,QAAQ;oBACf,IAAI,EAAE,cAAc;iBACvB;aACJ;SACJ;KACJ,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAC,mHAAmH,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,aACxJ,eAAK,SAAS,EAAC,yBAAyB,aACpC,KAAC,MAAM,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,cAAc,GAAG,EAC1E,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,QAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAC,iBAAiB,GAAG,EAChE,cAAK,SAAS,EAAC,MAAM,YACjB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,YAChC,YAAG,OAAO,EAAE,UAAC,KAAU,IAAK,OAAA,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,EAA9B,CAA8B,YACtD,YAAG,SAAS,EAAC,WAAW,GAAK,GAC7B,GAEF,GACJ,IAEJ,EACN,eAAK,SAAS,EAAC,yBAAyB,aACpC,cAAK,SAAS,EAAC,UAAU,YACrB,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAChC,YAAG,SAAS,EAAC,YAAY,GAAK,EAC9B,eAAM,SAAS,EAAC,cAAc,GACvB,IACL,GACJ,EACN,cAAK,SAAS,EAAC,eAAe,YAC1B,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAChC,YAAG,SAAS,EAAC,gBAAgB,GAAK,EAClC,eAAM,SAAS,EAAC,cAAc,GACvB,IACL,GACJ,EACN,eAAK,SAAS,EAAC,gBAAgB,aAC3B,kBAAQ,SAAS,EAAC,8BAA8B,EAAC,IAAI,EAAC,QAAQ,aAC1D,cAAK,GAAG,EAAC,QAAQ,EAAC,GAAG,EAAC,iCAAiC,GAAG,EAC1D,gBAAM,SAAS,EAAC,iBAAiB,aAC7B,eAAM,SAAS,EAAC,cAAc,6BAAoB,EAClD,eAAM,SAAS,EAAC,eAAe,kCAAyB,IACrD,EACP,YAAG,SAAS,EAAC,kBAAkB,GAAK,IAC/B,EACT,aAAI,SAAS,EAAC,4HAA4H,YACtI,yBACI,aAAG,SAAS,EAAC,gIAAgI,aACzI,YAAG,SAAS,EAAC,iBAAiB,GAAK,EACnC,qCAAoB,IACpB,EACJ,aAAG,SAAS,EAAC,gIAAgI,aACzI,YAAG,SAAS,EAAC,kBAAkB,GAAK,EACpC,mCAAkB,IAAI,EAC1B,aAAG,SAAS,EAAC,gIAAgI,aACzI,YAAG,SAAS,EAAC,gBAAgB,GAAK,EAClC,sCAAqB,IACrB,EACJ,aAAG,SAAS,EAAC,gIAAgI,aACzI,YAAG,SAAS,EAAC,sBAAsB,GAAK,EACxC,sCAAqB,IACrB,IACH,GACJ,IACH,IACJ,IACJ,CACT,CAAC;AACN,CAAC,CAAA;AACD,eAAe,eAAe,CAAC","sourcesContent":["\nimport { Button } from \"primereact/button\";\nimport { Menu } from \"primereact/menu\";\nimport { useRef } from \"react\";\n\nconst DashboardHeader = () => {\n\n    const menuLeft = useRef<any>(null);\n    const toast = useRef(null);\n    const items = [\n        {\n            label: 'Options',\n            items: [\n                {\n                    label: 'Refresh',\n                    icon: 'pi pi-refresh'\n                },\n                {\n                    label: 'Export',\n                    icon: 'pi pi-upload'\n                }\n            ]\n        }\n    ];\n\n    return (\n        <div className=\"flex justify-content-between  align-items-center px-5 surface-0 border-bottom-1 surface-border relative lg:static\" style={{ height: \"60px\" }}>\n            <div className=\"flex align-items-center\">\n                <Button label=\"New\" size=\"small\" type=\"submit\" className=\"small-button\" />\n                <Menu model={items} popup ref={menuLeft} id=\"popup_menu_left\" />\n                <div className=\"ml-2\">\n                    <div style={{ position: \"relative\" }}>\n                        <a onClick={(event: any) => menuLeft.current.toggle(event)}>\n                            <i className=\"pi pi-cog\"></i>\n                        </a>\n\n                    </div>\n                </div>\n\n            </div>\n            <div className=\"flex align-items-center\">\n                <div className=\"bgCircle\">\n                    <div style={{ position: \"relative\" }}>\n                        <i className=\"pi pi-bell\"></i>\n                        <span className=\"topbar-badge\">\n                        </span>\n                    </div>\n                </div>\n                <div className=\"bgCircle ml-3\">\n                    <div style={{ position: \"relative\" }}>\n                        <i className=\"pi pi-envelope\"></i>\n                        <span className=\"topbar-badge\">\n                        </span>\n                    </div>\n                </div>\n                <div className=\"topbar-profile\">\n                    <button className=\"topbar-profile-button p-link\" type=\"button\">\n                        <img alt=\"avatar\" src=\"/images/dashboard/Ellipse 1.svg\" />\n                        <span className=\"profile-details\">\n                            <span className=\"profile-name\">Gene Russell</span>\n                            <span className=\"profile-email\">ben95@example.com</span>\n                        </span>\n                        <i className=\"pi pi-angle-down\"></i>\n                    </button>\n                    <ul className=\"list-none p-3 m-0 border-round shadow-2 absolute surface-overlay origin-top w-full sm:w-12rem mt-2 right-0 top-auto hidden\">\n                        <li>\n                            <a className=\"p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer\">\n                                <i className=\"pi pi-user mr-3\"></i>\n                                <span>Profile</span>\n                            </a>\n                            <a className=\"p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer\">\n                                <i className=\"pi pi-inbox mr-3\"></i>\n                                <span>Inbox</span></a>\n                            <a className=\"p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer\">\n                                <i className=\"pi pi-cog mr-3\"></i>\n                                <span>Settings</span>\n                            </a>\n                            <a className=\"p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer\">\n                                <i className=\"pi pi-power-off mr-3\"></i>\n                                <span>Sign Out</span>\n                            </a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    );\n}\nexport default DashboardHeader;"]}
+{"version":3,"file":"DashboardHeader.js","sourceRoot":"","sources":["../../../src/components/layout/DashboardHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useState } from \"react\";\nimport { SolidButton, SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from \"../shad-cn-ui\";\nimport { SolidIcon, parseSolidIconMeta } from \"../shad-cn-ui/SolidIcon\";\n\nconst DashboardHeader = () => {\n\n    const [menuOpen, setMenuOpen] = useState(false);\n    const items = [\n        {\n            label: 'Refresh',\n            icon: 'pi pi-refresh'\n        },\n        {\n            label: 'Export',\n            icon: 'pi pi-upload'\n        }\n    ];\n\n    return (\n        <div className=\"flex justify-content-between  align-items-center px-5 surface-0 border-bottom-1 surface-border relative lg:static\" style={{ height: \"60px\" }}>\n            <div className=\"flex align-items-center\">\n                <SolidButton label=\"New\" size=\"sm\" type=\"submit\" className=\"small-button\" />\n                <SolidPopover open={menuOpen} onOpenChange={setMenuOpen}>\n                    <SolidPopoverTrigger asChild>\n                        <SolidButton\n                            type=\"button\"\n                            icon=\"pi pi-cog\"\n                            variant=\"ghost\"\n                            size=\"sm\"\n                            className=\"ml-2\"\n                        />\n                    </SolidPopoverTrigger>\n                    <SolidPopoverContent side=\"bottom\" align=\"start\" className=\"solid-form-actions-popover\">\n                        <div className=\"solid-row-actions-menu\">\n                            {items.map((item) => (\n                                <button key={item.label} type=\"button\" className=\"solid-row-action-button\" onClick={() => setMenuOpen(false)}>\n                                    {(() => { const m = parseSolidIconMeta(item.icon); return m ? <SolidIcon name={m.name} spin={m.spin} className=\"solid-row-action-button-icon\" /> : <i className={`${item.icon} solid-row-action-button-icon`} />; })()}\n                                    <span className=\"solid-row-action-button-label\">{item.label}</span>\n                                </button>\n                            ))}\n                        </div>\n                    </SolidPopoverContent>\n                </SolidPopover>\n            </div>\n            <div className=\"flex align-items-center\">\n                <div className=\"bgCircle\">\n                    <div style={{ position: \"relative\" }}>\n                        <SolidIcon name=\"si-bell\" />\n                        <span className=\"topbar-badge\">\n                        </span>\n                    </div>\n                </div>\n                <div className=\"bgCircle ml-3\">\n                    <div style={{ position: \"relative\" }}>\n                        <SolidIcon name=\"si-envelope\" />\n                        <span className=\"topbar-badge\">\n                        </span>\n                    </div>\n                </div>\n                <div className=\"topbar-profile\">\n                    <button className=\"topbar-profile-button p-link\" type=\"button\">\n                        <img alt=\"avatar\" src=\"/images/dashboard/Ellipse 1.svg\" />\n                        <span className=\"profile-details\">\n                            <span className=\"profile-name\">Gene Russell</span>\n                            <span className=\"profile-email\">ben95@example.com</span>\n                        </span>\n                        <SolidIcon name=\"si-angle-down\" />\n                    </button>\n                    <ul className=\"list-none p-3 m-0 border-round shadow-2 absolute surface-overlay origin-top w-full sm:w-12rem mt-2 right-0 top-auto hidden\">\n                        <li>\n                            <a className=\"p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer\">\n                                <SolidIcon name=\"si-user\" className=\"mr-3\" />\n                                <span>Profile</span>\n                            </a>\n                            <a className=\"p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer\">\n                                <SolidIcon name=\"si-inbox\" className=\"mr-3\" />\n                                <span>Inbox</span></a>\n                            <a className=\"p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer\">\n                                <SolidIcon name=\"si-cog\" className=\"mr-3\" />\n                                <span>Settings</span>\n                            </a>\n                            <a className=\"p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer\">\n                                <SolidIcon name=\"si-power-off\" className=\"mr-3\" />\n                                <span>Sign Out</span>\n                            </a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    );\n}\nexport default DashboardHeader;\n"]}

package/dist/components/layout/DashboardHeader.tsx

@@ -1,54 +1,59 @@
 
-import { Button } from "primereact/button";
-import { Menu } from "primereact/menu";
-import { useRef } from "react";
+import { useState } from "react";
+import { SolidButton, SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from "../shad-cn-ui";
+import { SolidIcon, parseSolidIconMeta } from "../shad-cn-ui/SolidIcon";
 
 const DashboardHeader = () => {
 
-    const menuLeft = useRef<any>(null);
-    const toast = useRef(null);
+    const [menuOpen, setMenuOpen] = useState(false);
     const items = [
         {
-            label: 'Options',
-            items: [
-                {
-                    label: 'Refresh',
-                    icon: 'pi pi-refresh'
-                },
-                {
-                    label: 'Export',
-                    icon: 'pi pi-upload'
-                }
-            ]
+            label: 'Refresh',
+            icon: 'pi pi-refresh'
+        },
+        {
+            label: 'Export',
+            icon: 'pi pi-upload'
         }
     ];
 
     return (
         <div className="flex justify-content-between  align-items-center px-5 surface-0 border-bottom-1 surface-border relative lg:static" style={{ height: "60px" }}>
             <div className="flex align-items-center">
-                <Button label="New" size="small" type="submit" className="small-button" />
-                <Menu model={items} popup ref={menuLeft} id="popup_menu_left" />
-                <div className="ml-2">
-                    <div style={{ position: "relative" }}>
-                        <a onClick={(event: any) => menuLeft.current.toggle(event)}>
-                            <i className="pi pi-cog"></i>
-                        </a>
-
-                    </div>
-                </div>
-
+                <SolidButton label="New" size="sm" type="submit" className="small-button" />
+                <SolidPopover open={menuOpen} onOpenChange={setMenuOpen}>
+                    <SolidPopoverTrigger asChild>
+                        <SolidButton
+                            type="button"
+                            icon="pi pi-cog"
+                            variant="ghost"
+                            size="sm"
+                            className="ml-2"
+                        />
+                    </SolidPopoverTrigger>
+                    <SolidPopoverContent side="bottom" align="start" className="solid-form-actions-popover">
+                        <div className="solid-row-actions-menu">
+                            {items.map((item) => (
+                                <button key={item.label} type="button" className="solid-row-action-button" onClick={() => setMenuOpen(false)}>
+                                    {(() => { const m = parseSolidIconMeta(item.icon); return m ? <SolidIcon name={m.name} spin={m.spin} className="solid-row-action-button-icon" /> : <i className={`${item.icon} solid-row-action-button-icon`} />; })()}
+                                    <span className="solid-row-action-button-label">{item.label}</span>
+                                </button>
+                            ))}
+                        </div>
+                    </SolidPopoverContent>
+                </SolidPopover>
             </div>
             <div className="flex align-items-center">
                 <div className="bgCircle">
                     <div style={{ position: "relative" }}>
-                        <i className="pi pi-bell"></i>
+                        <SolidIcon name="si-bell" />
                         <span className="topbar-badge">
                         </span>
                     </div>
                 </div>
                 <div className="bgCircle ml-3">
                     <div style={{ position: "relative" }}>
-                        <i className="pi pi-envelope"></i>
+                        <SolidIcon name="si-envelope" />
                         <span className="topbar-badge">
                         </span>
                     </div>
@@ -60,23 +65,23 @@ const DashboardHeader = () => {
                             <span className="profile-name">Gene Russell</span>
                             <span className="profile-email">ben95@example.com</span>
                         </span>
-                        <i className="pi pi-angle-down"></i>
+                        <SolidIcon name="si-angle-down" />
                     </button>
                     <ul className="list-none p-3 m-0 border-round shadow-2 absolute surface-overlay origin-top w-full sm:w-12rem mt-2 right-0 top-auto hidden">
                         <li>
                             <a className="p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer">
-                                <i className="pi pi-user mr-3"></i>
+                                <SolidIcon name="si-user" className="mr-3" />
                                 <span>Profile</span>
                             </a>
                             <a className="p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer">
-                                <i className="pi pi-inbox mr-3"></i>
+                                <SolidIcon name="si-inbox" className="mr-3" />
                                 <span>Inbox</span></a>
                             <a className="p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer">
-                                <i className="pi pi-cog mr-3"></i>
+                                <SolidIcon name="si-cog" className="mr-3" />
                                 <span>Settings</span>
                             </a>
                             <a className="p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer">
-                                <i className="pi pi-power-off mr-3"></i>
+                                <SolidIcon name="si-power-off" className="mr-3" />
                                 <span>Sign Out</span>
                             </a>
                         </li>
@@ -86,4 +91,4 @@ const DashboardHeader = () => {
         </div>
     );
 }
-export default DashboardHeader;
+export default DashboardHeader;

package/dist/components/layout/FilterMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterMenu.d.ts","sourceRoot":"","sources":["../../../src/components/layout/FilterMenu.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU,+CAiHf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"FilterMenu.d.ts","sourceRoot":"","sources":["../../../src/components/layout/FilterMenu.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,UAAU,+CAqHf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/layout/FilterMenu.js

@@ -1,11 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "primereact/button";
-import { Dialog } from "primereact/dialog";
-import { OverlayPanel } from "primereact/overlaypanel";
-import { useRef, useState } from "react";
+import { useState } from "react";
+import { SolidButton, SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from "../shad-cn-ui";
 var FilterMenu = function () {
-    var op = useRef(null);
     var _a = useState(false), visible = _a[0], setVisible = _a[1];
+    var _b = useState(false), menuOpen = _b[0], setMenuOpen = _b[1];
     var filters = [
         { label: 'On Time Off', onClick: function () { return handleFilterClick('On Time Off'); } },
         { label: 'At Work', onClick: function () { return handleFilterClick('At Work'); } },
@@ -41,8 +39,7 @@ var FilterMenu = function () {
     }
     function handleFavouritesClick(favourite) {
     }
-    return (_jsxs("div", { children: [_jsx(Button, { icon: "pi pi-cog", className: "transparent-background", onClick: function (e) { var _a; return (_a = op === null || op === void 0 ? void 0 : op.current) === null || _a === void 0 ? void 0 : _a.toggle(e); }, "aria-haspopup": true, "aria-controls": "popup_menu" }), _jsx(OverlayPanel, { ref: op, className: "filterDropdown", children: _jsxs("div", { className: "grid m-0", children: [_jsxs("div", { className: "col-12 md:col-4 lg:col-4", children: [_jsxs("h3", { children: [_jsx("span", { className: " pi pi-filter" }), " Filters"] }), _jsx("ul", { className: "custom-list", children: filters.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] }), _jsxs("div", { className: "col-12 md:col-4 lg:col-4", children: [_jsxs("h3", { children: [_jsx("span", { className: " pi pi-clone" }), " Group by"] }), _jsx("ul", { className: "custom-list", children: groupBy.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] }), _jsxs("div", { className: "col-12 md:col-4 lg:col-4", children: [_jsxs("h3", { children: [" ", _jsx("span", { className: " pi pi-star" }), " Favourites"] }), _jsx("ul", { className: "custom-list", children: favourites.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] })] }) }), _jsx(Dialog, { header: "Add Custom Filter", visible: visible, style: { width: '50vw' }, onHide: function () { if (!visible)
-                    return; setVisible(false); } })] }));
+    return (_jsx("div", { children: _jsxs(SolidPopover, { open: menuOpen, onOpenChange: setMenuOpen, autoCloseGroup: "filter-menu", children: [_jsx(SolidPopoverTrigger, { asChild: true, children: _jsx(SolidButton, { icon: "pi pi-cog", className: "transparent-background", variant: "ghost", size: "sm", "aria-haspopup": true, "aria-controls": "popup_menu" }) }), _jsx(SolidPopoverContent, { className: "filterDropdown", side: "bottom", align: "start", children: _jsxs("div", { className: "grid m-0", children: [_jsxs("div", { className: "col-12 md:col-4 lg:col-4", children: [_jsxs("h3", { children: [_jsx("span", { className: " pi pi-filter" }), " Filters"] }), _jsx("ul", { className: "custom-list", children: filters.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] }), _jsxs("div", { className: "col-12 md:col-4 lg:col-4", children: [_jsxs("h3", { children: [_jsx("span", { className: " pi pi-clone" }), " Group by"] }), _jsx("ul", { className: "custom-list", children: groupBy.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] }), _jsxs("div", { className: "col-12 md:col-4 lg:col-4", children: [_jsxs("h3", { children: [" ", _jsx("span", { className: " pi pi-star" }), " Favourites"] }), _jsx("ul", { className: "custom-list", children: favourites.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] })] }) })] }) }));
 };
 export default FilterMenu;
 //# sourceMappingURL=FilterMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterMenu.js","sourceRoot":"","sources":["../../../src/components/layout/FilterMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { Button } from \"primereact/button\";\nimport { Dialog } from \"primereact/dialog\";\nimport { OverlayPanel } from \"primereact/overlaypanel\";\nimport { useRef, useState } from \"react\";\n\nconst FilterMenu = () => {\n    const op = useRef<any>(null);\n    const [visible, setVisible] = useState(false);\n\n    const filters = [\n        { label: 'On Time Off', onClick: () => handleFilterClick('On Time Off') },\n        { label: 'At Work', onClick: () => handleFilterClick('At Work') },\n        { label: 'My Team', onClick: () => handleFilterClick('My Team') },\n        { label: 'My Departments', onClick: () => handleFilterClick('My Departments') },\n        { label: 'Newly Hired', onClick: () => handleFilterClick('Newly Hired') },\n        { label: 'Fixed Hours', onClick: () => handleFilterClick('Fixed Hours') },\n        { label: 'Flexible Hours', onClick: () => handleFilterClick('Flexible Hours') },\n        { label: 'Add Custom Filters', onClick: () => handleFilterClick('Add Custom Filters') }\n    ];\n\n    const groupBy = [\n        { label: 'Manager', onClick: () => handleGroupByClick('Manager') },\n        { label: 'Department', onClick: () => handleGroupByClick('Department') },\n        { label: 'Job', onClick: () => handleGroupByClick('Job') },\n        { label: 'Skills', onClick: () => handleGroupByClick('Skills') },\n        { label: 'Start Date', onClick: () => handleGroupByClick('Start Date') },\n        { label: 'Tags', onClick: () => handleGroupByClick('Tags') }\n    ];\n\n    const favourites = [\n        { label: 'Save Current Search', onClick: () => handleFavouritesClick('Save Current Search') }\n    ];\n\n    // Example function definitions\n    function handleFilterClick(filter: string) {\n\n\n        switch (filter) {\n            case 'Add Custom Filters':\n                setVisible(true);\n                break;\n\n            default:\n                break;\n        }\n    }\n\n    function handleGroupByClick(group: string) {\n\n    }\n\n    function handleFavouritesClick(favourite: string) {\n\n    }\n\n    return (\n        <div>\n            <Button\n                icon=\"pi pi-cog\"\n                className=\"transparent-background\"\n                onClick={(e: any) => op?.current?.toggle(e)}\n                aria-haspopup\n                aria-controls=\"popup_menu\"\n            />\n            {/* <Button type=\"button\" icon=\"pi pi-image\" label=\"Image\" onClick={(e: any) => op?.current?.toggle(e)} /> */}\n            <OverlayPanel ref={op} className=\"filterDropdown\">\n                <div className=\"grid m-0\">\n                    {/* Column 1: Filters */}\n                    <div className=\"col-12 md:col-4 lg:col-4\">\n                        <h3><span className=\" pi pi-filter\"></span> Filters</h3>\n                        <ul className=\"custom-list\">\n                            {filters.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n\n                    {/* Column 2: Group By */}\n                    <div className=\"col-12 md:col-4 lg:col-4\">\n                        <h3><span className=\" pi pi-clone\"></span> Group by</h3>\n                        <ul className=\"custom-list\">\n                            {groupBy.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n\n                    {/* Column 3: Favourites */}\n                    <div className=\"col-12 md:col-4 lg:col-4\">\n                        <h3> <span className=\" pi pi-star\"></span> Favourites</h3>\n                        <ul className=\"custom-list\">\n                            {favourites.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n                </div>\n            </OverlayPanel>\n            <Dialog header=\"Add Custom Filter\" visible={visible} style={{ width: '50vw' }} onHide={() => { if (!visible) return; setVisible(false); }}>\n                {/* <FilterComponent></FilterComponent> */}\n            </Dialog>\n\n            {/* <Dialog\n                visible={visible}\n                modal\n                onHide={() => { if (!visible) return; setVisible(false); }}\n                content={({ hide }) => (\n                    <FilterComponent></FilterComponent>\n                )}\n            ></Dialog> */}\n        </div>\n    );\n};\n\nexport default FilterMenu;\n"]}
+{"version":3,"file":"FilterMenu.js","sourceRoot":"","sources":["../../../src/components/layout/FilterMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useState } from \"react\";\nimport { SolidButton, SolidDialog, SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from \"../shad-cn-ui\";\n\nconst FilterMenu = () => {\n    const [visible, setVisible] = useState(false);\n    const [menuOpen, setMenuOpen] = useState(false);\n\n    const filters = [\n        { label: 'On Time Off', onClick: () => handleFilterClick('On Time Off') },\n        { label: 'At Work', onClick: () => handleFilterClick('At Work') },\n        { label: 'My Team', onClick: () => handleFilterClick('My Team') },\n        { label: 'My Departments', onClick: () => handleFilterClick('My Departments') },\n        { label: 'Newly Hired', onClick: () => handleFilterClick('Newly Hired') },\n        { label: 'Fixed Hours', onClick: () => handleFilterClick('Fixed Hours') },\n        { label: 'Flexible Hours', onClick: () => handleFilterClick('Flexible Hours') },\n        { label: 'Add Custom Filters', onClick: () => handleFilterClick('Add Custom Filters') }\n    ];\n\n    const groupBy = [\n        { label: 'Manager', onClick: () => handleGroupByClick('Manager') },\n        { label: 'Department', onClick: () => handleGroupByClick('Department') },\n        { label: 'Job', onClick: () => handleGroupByClick('Job') },\n        { label: 'Skills', onClick: () => handleGroupByClick('Skills') },\n        { label: 'Start Date', onClick: () => handleGroupByClick('Start Date') },\n        { label: 'Tags', onClick: () => handleGroupByClick('Tags') }\n    ];\n\n    const favourites = [\n        { label: 'Save Current Search', onClick: () => handleFavouritesClick('Save Current Search') }\n    ];\n\n    // Example function definitions\n    function handleFilterClick(filter: string) {\n\n\n        switch (filter) {\n            case 'Add Custom Filters':\n                setVisible(true);\n                break;\n\n            default:\n                break;\n        }\n    }\n\n    function handleGroupByClick(group: string) {\n\n    }\n\n    function handleFavouritesClick(favourite: string) {\n\n    }\n\n    return (\n        <div>\n            <SolidPopover open={menuOpen} onOpenChange={setMenuOpen} autoCloseGroup=\"filter-menu\">\n                <SolidPopoverTrigger asChild>\n                    <SolidButton\n                        icon=\"pi pi-cog\"\n                        className=\"transparent-background\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        aria-haspopup\n                        aria-controls=\"popup_menu\"\n                    />\n                </SolidPopoverTrigger>\n                <SolidPopoverContent className=\"filterDropdown\" side=\"bottom\" align=\"start\">\n                    <div className=\"grid m-0\">\n                    {/* Column 1: Filters */}\n                    <div className=\"col-12 md:col-4 lg:col-4\">\n                        <h3><span className=\" pi pi-filter\"></span> Filters</h3>\n                        <ul className=\"custom-list\">\n                            {filters.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n\n                    {/* Column 2: Group By */}\n                    <div className=\"col-12 md:col-4 lg:col-4\">\n                        <h3><span className=\" pi pi-clone\"></span> Group by</h3>\n                        <ul className=\"custom-list\">\n                            {groupBy.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n\n                    {/* Column 3: Favourites */}\n                    <div className=\"col-12 md:col-4 lg:col-4\">\n                        <h3> <span className=\" pi pi-star\"></span> Favourites</h3>\n                        <ul className=\"custom-list\">\n                            {favourites.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n                    </div>\n                </SolidPopoverContent>\n            </SolidPopover>\n            {/* <SolidDialog header=\"Add Custom Filter\" visible={visible} className=\"solid-dialog-lg\" onHide={() => { if (!visible) return; setVisible(false); }}>\n                <FilterComponent></FilterComponent>\n            </SolidDialog> */}\n\n            {/* <Dialog\n                visible={visible}\n                modal\n                onHide={() => { if (!visible) return; setVisible(false); }}\n                content={({ hide }) => (\n                    <FilterComponent></FilterComponent>\n                )}\n            ></Dialog> */}\n        </div>\n    );\n};\n\nexport default FilterMenu;\n"]}

package/dist/components/layout/FilterMenu.tsx

@@ -1,12 +1,10 @@
 
-import { Button } from "primereact/button";
-import { Dialog } from "primereact/dialog";
-import { OverlayPanel } from "primereact/overlaypanel";
-import { useRef, useState } from "react";
+import { useState } from "react";
+import { SolidButton, SolidDialog, SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from "../shad-cn-ui";
 
 const FilterMenu = () => {
-    const op = useRef<any>(null);
     const [visible, setVisible] = useState(false);
+    const [menuOpen, setMenuOpen] = useState(false);
 
     const filters = [
         { label: 'On Time Off', onClick: () => handleFilterClick('On Time Off') },
@@ -56,16 +54,19 @@ const FilterMenu = () => {
 
     return (
         <div>
-            <Button
-                icon="pi pi-cog"
-                className="transparent-background"
-                onClick={(e: any) => op?.current?.toggle(e)}
-                aria-haspopup
-                aria-controls="popup_menu"
-            />
-            {/* <Button type="button" icon="pi pi-image" label="Image" onClick={(e: any) => op?.current?.toggle(e)} /> */}
-            <OverlayPanel ref={op} className="filterDropdown">
-                <div className="grid m-0">
+            <SolidPopover open={menuOpen} onOpenChange={setMenuOpen} autoCloseGroup="filter-menu">
+                <SolidPopoverTrigger asChild>
+                    <SolidButton
+                        icon="pi pi-cog"
+                        className="transparent-background"
+                        variant="ghost"
+                        size="sm"
+                        aria-haspopup
+                        aria-controls="popup_menu"
+                    />
+                </SolidPopoverTrigger>
+                <SolidPopoverContent className="filterDropdown" side="bottom" align="start">
+                    <div className="grid m-0">
                     {/* Column 1: Filters */}
                     <div className="col-12 md:col-4 lg:col-4">
                         <h3><span className=" pi pi-filter"></span> Filters</h3>
@@ -101,11 +102,12 @@ const FilterMenu = () => {
                             ))}
                         </ul>
                     </div>
-                </div>
-            </OverlayPanel>
-            <Dialog header="Add Custom Filter" visible={visible} style={{ width: '50vw' }} onHide={() => { if (!visible) return; setVisible(false); }}>
-                {/* <FilterComponent></FilterComponent> */}
-            </Dialog>
+                    </div>
+                </SolidPopoverContent>
+            </SolidPopover>
+            {/* <SolidDialog header="Add Custom Filter" visible={visible} className="solid-dialog-lg" onHide={() => { if (!visible) return; setVisible(false); }}>
+                <FilterComponent></FilterComponent>
+            </SolidDialog> */}
 
             {/* <Dialog
                 visible={visible}

package/dist/components/layout/GlobalSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalSearch.d.ts","sourceRoot":"","sources":["../../../src/components/layout/GlobalSearch.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,+CA8BxB,CAAA"}
+{"version":3,"file":"GlobalSearch.d.ts","sourceRoot":"","sources":["../../../src/components/layout/GlobalSearch.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,+CA0BxB,CAAA"}

package/dist/components/layout/GlobalSearch.js

@@ -1,8 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname } from "../../hooks/usePathname";
-import { IconField } from 'primereact/iconfield';
-import { InputIcon } from 'primereact/inputicon';
-import { InputText } from 'primereact/inputtext';
+import { SolidInput } from "../shad-cn-ui";
 export var GlobalSearch = function () {
     var path = usePathname();
     // const placeholderMap: { [key: string]: string } = {
@@ -18,8 +16,6 @@ export var GlobalSearch = function () {
         var dynamicSegment = path.split('/').slice(-2, -1)[0]; // Extracts the second-to-last segment
         return "Search ".concat(dynamicSegment.replace(/-/g, ' ').replace(/\b\w/g, function (char) { return char.toUpperCase(); }));
     };
-    return (_jsx("div", { className: 'absolute left-50', style: { transform: 'translateX(-50%)' }, children: _jsxs(IconField, { iconPosition: "left", children: [_jsx(InputIcon, { className: "pi pi-search" }), _jsx(InputText, { "v-model": "value1", placeholder: getPlaceholder(), 
-                    // placeholder={placeholderMap[placeholder] || 'Search'}
-                    className: 'border-cyan-200 border-1 max-h-2rem w-25rem' })] }) }));
+    return (_jsxs("div", { className: 'absolute left-50 solid-global-search', style: { transform: 'translateX(-50%)' }, children: [_jsx("span", { className: "pi pi-search" }), _jsx(SolidInput, { placeholder: getPlaceholder(), className: 'border-cyan-200 border-1 max-h-2rem w-25rem' })] }));
 };
 //# sourceMappingURL=GlobalSearch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalSearch.js","sourceRoot":"","sources":["../../../src/components/layout/GlobalSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,IAAI,GAAG,WAAW,EAAE,CAAC;IAC3B,sDAAsD;IACtD,+BAA+B;IAC/B,wCAAwC;IACxC,yCAAyC;IACzC,uDAAuD;IACvD,qCAAqC;IACrC,KAAK;IAEL,4CAA4C;IAC5C,mGAAmG;IAEnG,IAAM,cAAc,GAAG;QACnB,IAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,sCAAsC;QAC/F,OAAO,iBAAU,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,WAAW,EAAE,EAAlB,CAAkB,CAAC,CAAE,CAAC;IACtG,CAAC,CAAC;IACF,OAAO,CACH,cAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,YACtE,MAAC,SAAS,IAAC,YAAY,EAAC,MAAM,aAC1B,KAAC,SAAS,IAAC,SAAS,EAAC,cAAc,GAAa,EAChD,KAAC,SAAS,eACE,QAAQ,EAChB,WAAW,EAAE,cAAc,EAAE;oBAC7B,wDAAwD;oBACxD,SAAS,EAAC,6CAA6C,GACzD,IACM,GACV,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { usePathname } from \"../../hooks/usePathname\";\nimport { IconField } from 'primereact/iconfield';\nimport { InputIcon } from 'primereact/inputicon';\nimport { InputText } from 'primereact/inputtext';\n\nexport const GlobalSearch = () => {\n    const path = usePathname();\n    // const placeholderMap: { [key: string]: string } = {\n    //     '/menu': 'Search Menus',\n    //     '/category': 'Search Categories',\n    //     '/menu-item': 'Search Menu Items',\n    //     '/cms-banner-image': 'Search CMS Banner Images',\n    //     '/article': 'Search Articles',\n    // };\n\n    // Find the matching placeholder dynamically\n    // const placeholder = Object.keys(placeholderMap).find(key => pathname.includes(key)) || 'Search';\n\n    const getPlaceholder = () => {\n        const dynamicSegment = path.split('/').slice(-2, -1)[0]; // Extracts the second-to-last segment\n        return `Search ${dynamicSegment.replace(/-/g, ' ').replace(/\\b\\w/g, char => char.toUpperCase())}`;\n    };\n    return (\n        <div className='absolute left-50' style={{ transform: 'translateX(-50%)' }}>\n            <IconField iconPosition=\"left\">\n                <InputIcon className=\"pi pi-search\"></InputIcon>\n                <InputText\n                    v-model=\"value1\"\n                    placeholder={getPlaceholder()}\n                    // placeholder={placeholderMap[placeholder] || 'Search'}\n                    className='border-cyan-200 border-1 max-h-2rem w-25rem'\n                />\n            </IconField>\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"GlobalSearch.js","sourceRoot":"","sources":["../../../src/components/layout/GlobalSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,IAAI,GAAG,WAAW,EAAE,CAAC;IAC3B,sDAAsD;IACtD,+BAA+B;IAC/B,wCAAwC;IACxC,yCAAyC;IACzC,uDAAuD;IACvD,qCAAqC;IACrC,KAAK;IAEL,4CAA4C;IAC5C,mGAAmG;IAEnG,IAAM,cAAc,GAAG;QACnB,IAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,sCAAsC;QAC/F,OAAO,iBAAU,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,WAAW,EAAE,EAAlB,CAAkB,CAAC,CAAE,CAAC;IACtG,CAAC,CAAC;IACF,OAAO,CACH,eAAK,SAAS,EAAC,sCAAsC,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,aAC1F,eAAM,SAAS,EAAC,cAAc,GAAG,EACjC,KAAC,UAAU,IACP,WAAW,EAAE,cAAc,EAAE,EAC7B,SAAS,EAAC,6CAA6C,GACzD,IACA,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { usePathname } from \"../../hooks/usePathname\";\nimport { SolidInput } from \"../shad-cn-ui\";\n\nexport const GlobalSearch = () => {\n    const path = usePathname();\n    // const placeholderMap: { [key: string]: string } = {\n    //     '/menu': 'Search Menus',\n    //     '/category': 'Search Categories',\n    //     '/menu-item': 'Search Menu Items',\n    //     '/cms-banner-image': 'Search CMS Banner Images',\n    //     '/article': 'Search Articles',\n    // };\n\n    // Find the matching placeholder dynamically\n    // const placeholder = Object.keys(placeholderMap).find(key => pathname.includes(key)) || 'Search';\n\n    const getPlaceholder = () => {\n        const dynamicSegment = path.split('/').slice(-2, -1)[0]; // Extracts the second-to-last segment\n        return `Search ${dynamicSegment.replace(/-/g, ' ').replace(/\\b\\w/g, char => char.toUpperCase())}`;\n    };\n    return (\n        <div className='absolute left-50 solid-global-search' style={{ transform: 'translateX(-50%)' }}>\n            <span className=\"pi pi-search\" />\n            <SolidInput\n                placeholder={getPlaceholder()}\n                className='border-cyan-200 border-1 max-h-2rem w-25rem'\n            />\n        </div>\n    )\n}\n"]}

package/dist/components/layout/GlobalSearch.tsx

@@ -1,7 +1,5 @@
 import { usePathname } from "../../hooks/usePathname";
-import { IconField } from 'primereact/iconfield';
-import { InputIcon } from 'primereact/inputicon';
-import { InputText } from 'primereact/inputtext';
+import { SolidInput } from "../shad-cn-ui";
 
 export const GlobalSearch = () => {
     const path = usePathname();
@@ -21,16 +19,12 @@ export const GlobalSearch = () => {
         return `Search ${dynamicSegment.replace(/-/g, ' ').replace(/\b\w/g, char => char.toUpperCase())}`;
     };
     return (
-        <div className='absolute left-50' style={{ transform: 'translateX(-50%)' }}>
-            <IconField iconPosition="left">
-                <InputIcon className="pi pi-search"></InputIcon>
-                <InputText
-                    v-model="value1"
-                    placeholder={getPlaceholder()}
-                    // placeholder={placeholderMap[placeholder] || 'Search'}
-                    className='border-cyan-200 border-1 max-h-2rem w-25rem'
-                />
-            </IconField>
+        <div className='absolute left-50 solid-global-search' style={{ transform: 'translateX(-50%)' }}>
+            <span className="pi pi-search" />
+            <SolidInput
+                placeholder={getPlaceholder()}
+                className='border-cyan-200 border-1 max-h-2rem w-25rem'
+            />
         </div>
     )
 }

package/dist/components/layout/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAe,MAAM,aAAa,CAAC;AAkB/D,eAAO,MAAM,MAAM,iBAAkB,mBAAmB,4CA2LvD,CAAC"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAWlD,eAAO,MAAM,MAAM,iBAAkB,mBAAmB,4CAoDvD,CAAC"}

package/dist/components/layout/Layout.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -46,108 +35,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { usePathname } from "../../hooks/usePathname";
-import { useSearchParams } from "../../hooks/useSearchParams";
-import { PrimeReactContext } from 'primereact/api';
-import { useEventListener, useUnmountEffect } from 'primereact/hooks';
-import { classNames } from 'primereact/utils';
-import React, { useContext, useEffect, useRef } from 'react';
-import { useSelector } from 'react-redux';
-import AppConfig from './AppConfig';
-import { LayoutContext } from './context/layoutcontext';
+import { useEffect, useRef } from 'react';
 import AppSidebar from './AppSidebar';
 import SolidPopupContainer from '../common/SolidPopupContainer';
-import { GlobalToast } from '../common/GlobalToast';
+import { SolidToastProvider } from '../common/SolidToastProvider';
 import { useSession } from "../../hooks/useSession";
 import { getExtensionFunction } from '../../helpers/registry';
 import { env } from "../../adapters/env";
+import { AdminTopHeader } from './AdminTopHeader';
 export var Layout = function (_a) {
     var _b;
     var children = _a.children;
-    var _c = useContext(LayoutContext), layoutConfig = _c.layoutConfig, layoutState = _c.layoutState, setLayoutState = _c.setLayoutState;
-    var setRipple = useContext(PrimeReactContext).setRipple;
-    // const topbarRef = useRef<AppTopbarRef>(null);
-    var sidebarRef = useRef(null);
-    var _d = useEventListener({
-        type: 'click',
-        listener: function (event) {
-            var _a, _b;
-            var isOutsideClicked = !(((_a = sidebarRef.current) === null || _a === void 0 ? void 0 : _a.isSameNode(event.target)) ||
-                ((_b = sidebarRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target))
-            // topbarRef.current?.menubutton?.isSameNode(event.target as Node) ||
-            // topbarRef.current?.menubutton?.contains(event.target as Node)
-            );
-            if (isOutsideClicked) {
-                hideMenu();
-            }
-        }
-    }), bindMenuOutsideClickListener = _d[0], unbindMenuOutsideClickListener = _d[1];
-    var pathname = usePathname();
-    var searchParams = useSearchParams();
-    useEffect(function () {
-        hideMenu();
-        hideProfileMenu();
-    }, [pathname, searchParams]);
-    // const [bindProfileMenuOutsideClickListener, unbindProfileMenuOutsideClickListener] = useEventListener({
-    //     type: 'click',
-    //     listener: (event) => {
-    //         const isOutsideClicked = !(
-    //             topbarRef.current?.topbarmenu?.isSameNode(event.target as Node) ||
-    //             topbarRef.current?.topbarmenu?.contains(event.target as Node) ||
-    //             topbarRef.current?.topbarmenubutton?.isSameNode(event.target as Node) ||
-    //             topbarRef.current?.topbarmenubutton?.contains(event.target as Node)
-    //         );
-    //         if (isOutsideClicked) {
-    //             hideProfileMenu();
-    //         }
-    //     }
-    // });
-    var hideMenu = function () {
-        setLayoutState(function (prevLayoutState) { return (__assign(__assign({}, prevLayoutState), { overlayMenuActive: false, staticMenuMobileActive: false, menuHoverActive: false })); });
-        unbindMenuOutsideClickListener();
-        unblockBodyScroll();
-    };
-    var hideProfileMenu = function () {
-        setLayoutState(function (prevLayoutState) { return (__assign(__assign({}, prevLayoutState), { profileSidebarVisible: false })); });
-        // unbindProfileMenuOutsideClickListener();
-    };
-    var blockBodyScroll = function () {
-        if (document.body.classList) {
-            document.body.classList.add('blocked-scroll');
-        }
-        else {
-            document.body.className += ' blocked-scroll';
-        }
-    };
-    var unblockBodyScroll = function () {
-        if (document.body.classList) {
-            document.body.classList.remove('blocked-scroll');
-        }
-        else {
-            document.body.className = document.body.className.replace(new RegExp('(^|\\b)' + 'blocked-scroll'.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
-        }
-    };
-    useEffect(function () {
-        if (layoutState.overlayMenuActive || layoutState.staticMenuMobileActive) {
-            bindMenuOutsideClickListener();
-        }
-        layoutState.staticMenuMobileActive && blockBodyScroll();
-    }, [layoutState.overlayMenuActive, layoutState.staticMenuMobileActive]);
-    // useEffect(() => {
-    //     if (layoutState.profileSidebarVisible) {
-    //         bindProfileMenuOutsideClickListener();
-    //     }
-    // }, [layoutState.profileSidebarVisible]);
-    useUnmountEffect(function () {
-        unbindMenuOutsideClickListener();
-        // unbindProfileMenuOutsideClickListener();
-    });
-    var containerClass = classNames('layout-wrapper', {
-        'layout-overlay-active': layoutState.overlayMenuActive,
-        'layout-mobile-active': layoutState.staticMenuMobileActive,
-        'p-input-filled': layoutConfig.inputStyle === 'filled',
-    });
-    var visibleNavbar = useSelector(function (state) { return state.navbarState; }).visibleNavbar; // Get the visibility state of sidebar-two
     var session = useSession();
     var user = (_b = session === null || session === void 0 ? void 0 : session.data) === null || _b === void 0 ? void 0 : _b.user;
     var hasRunRef = useRef(false);
@@ -158,11 +56,7 @@ export var Layout = function (_a) {
             return;
         var navEntry = performance.getEntriesByType("navigation")[0];
         var isReload = (navEntry === null || navEntry === void 0 ? void 0 : navEntry.type) === "reload";
-        // Detect first mount (after login redirect)
         var isFirstMount = !sessionStorage.getItem("app-mounted");
-        // Allow execution only for:
-        //  1. First mount
-        //  2. Reload
         if (isFirstMount || isReload) {
             sessionStorage.setItem("app-mounted", "true");
         }
@@ -171,7 +65,7 @@ export var Layout = function (_a) {
         }
         hasRunRef.current = true;
         var handleDynamicFunction = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var dynamicHeader, event, DynamicFunctionComponent;
+            var dynamicHeader, event, dynamicFunction;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -181,10 +75,11 @@ export var Layout = function (_a) {
                             user: user,
                             session: session.data
                         };
-                        if (!dynamicHeader) return [3 /*break*/, 2];
-                        DynamicFunctionComponent = getExtensionFunction(dynamicHeader);
-                        if (!DynamicFunctionComponent) return [3 /*break*/, 2];
-                        return [4 /*yield*/, DynamicFunctionComponent(event)];
+                        if (!dynamicHeader)
+                            return [2 /*return*/];
+                        dynamicFunction = getExtensionFunction(dynamicHeader);
+                        if (!dynamicFunction) return [3 /*break*/, 2];
+                        return [4 /*yield*/, dynamicFunction(event)];
                     case 1:
                         _a.sent();
                         _a.label = 2;
@@ -193,21 +88,7 @@ export var Layout = function (_a) {
             });
         }); };
         handleDynamicFunction();
-    }, [session, session === null || session === void 0 ? void 0 : session.data, user]);
-    // const dispatch = useDispatch()
-    // const { data: solidSettingsDataInitialData } = useGetSolidSettingsQuery("")
-    // useEffect(() => {
-    //     if (solidSettingsDataInitialData) {
-    //         dispatch(setSolidSettings(solidSettingsDataInitialData?.data));
-    //     }
-    // }, [solidSettingsDataInitialData]);
-    // const toggleBothSidebars = () => {
-    //     if (visibleNavbar) {
-    //         dispatch(toggleNavbar());   // close both
-    //     } else {
-    //         dispatch(showNavbar());     // open both
-    //     }
-    // };
-    return (_jsx(React.Fragment, { children: _jsxs("div", { className: containerClass, children: [_jsx(AppSidebar, {}), _jsx(SolidPopupContainer, {}), _jsx(GlobalToast, {}), _jsx("div", { className: "main-content ".concat(visibleNavbar ? "shifted" : ""), children: children }), _jsx(AppConfig, {}), _jsx("div", { className: "layout-mask" })] }) }));
+    }, [session, user]);
+    return (_jsxs("div", { className: "solid-shell", children: [_jsx(AppSidebar, {}), _jsx(SolidPopupContainer, {}), _jsx(SolidToastProvider, {}), _jsxs("main", { className: "solid-main", children: [_jsx(AdminTopHeader, {}), _jsx("div", { className: "solid-main-content", children: children })] })] }));
 };
 //# sourceMappingURL=Layout.js.map