@solidstarters/solid-core-ui 1.1.210 → 1.1.211

package/dist/components/layout/DashboardHeader.js

@@ -3,10 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "primereact/button";
 import { Menu } from "primereact/menu";
 import { useRef } from "react";
-var DashboardHeader = function () {
-    var menuLeft = useRef(null);
-    var toast = useRef(null);
-    var items = [
+const DashboardHeader = () => {
+    const menuLeft = useRef(null);
+    const toast = useRef(null);
+    const items = [
         {
             label: 'Options',
             items: [
@@ -21,7 +21,7 @@ var DashboardHeader = function () {
             ]
         }
     ];
-    return (_jsxs("div", { className: "flex justify-content-between  align-items-center px-5 surface-0 border-bottom-1 surface-border relative lg:static", style: { height: "60px" }, children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Button, { label: "New", size: "small", type: "submit", className: "small-button" }), _jsx(Menu, { model: items, popup: true, ref: menuLeft, id: "popup_menu_left" }), _jsx("div", { className: "ml-2", children: _jsx("div", { style: { position: "relative" }, children: _jsx("a", { onClick: function (event) { return menuLeft.current.toggle(event); }, children: _jsx("i", { className: "pi pi-cog" }) }) }) })] }), _jsxs("div", { className: "flex align-items-center", children: [_jsx("div", { className: "bgCircle", children: _jsxs("div", { style: { position: "relative" }, children: [_jsx("i", { className: "pi pi-bell" }), _jsx("span", { className: "topbar-badge" })] }) }), _jsx("div", { className: "bgCircle ml-3", children: _jsxs("div", { style: { position: "relative" }, children: [_jsx("i", { className: "pi pi-envelope" }), _jsx("span", { className: "topbar-badge" })] }) }), _jsxs("div", { className: "topbar-profile", children: [_jsxs("button", { className: "topbar-profile-button p-link", type: "button", children: [_jsx("img", { alt: "avatar", src: "/images/dashboard/Ellipse 1.svg" }), _jsxs("span", { className: "profile-details", children: [_jsx("span", { className: "profile-name", children: "Gene Russell" }), _jsx("span", { className: "profile-email", children: "ben95@example.com" })] }), _jsx("i", { className: "pi pi-angle-down" })] }), _jsx("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", children: _jsxs("li", { children: [_jsxs("a", { className: "p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer", children: [_jsx("i", { className: "pi pi-user mr-3" }), _jsx("span", { children: "Profile" })] }), _jsxs("a", { className: "p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer", children: [_jsx("i", { className: "pi pi-inbox mr-3" }), _jsx("span", { children: "Inbox" })] }), _jsxs("a", { className: "p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer", children: [_jsx("i", { className: "pi pi-cog mr-3" }), _jsx("span", { children: "Settings" })] }), _jsxs("a", { className: "p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer", children: [_jsx("i", { className: "pi pi-power-off mr-3" }), _jsx("span", { children: "Sign Out" })] })] }) })] })] })] }));
+    return (_jsxs("div", { className: "flex justify-content-between  align-items-center px-5 surface-0 border-bottom-1 surface-border relative lg:static", style: { height: "60px" }, children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Button, { label: "New", size: "small", type: "submit", className: "small-button" }), _jsx(Menu, { model: items, popup: true, ref: menuLeft, id: "popup_menu_left" }), _jsx("div", { className: "ml-2", children: _jsx("div", { style: { position: "relative" }, children: _jsx("a", { onClick: (event) => menuLeft.current.toggle(event), children: _jsx("i", { className: "pi pi-cog" }) }) }) })] }), _jsxs("div", { className: "flex align-items-center", children: [_jsx("div", { className: "bgCircle", children: _jsxs("div", { style: { position: "relative" }, children: [_jsx("i", { className: "pi pi-bell" }), _jsx("span", { className: "topbar-badge" })] }) }), _jsx("div", { className: "bgCircle ml-3", children: _jsxs("div", { style: { position: "relative" }, children: [_jsx("i", { className: "pi pi-envelope" }), _jsx("span", { className: "topbar-badge" })] }) }), _jsxs("div", { className: "topbar-profile", children: [_jsxs("button", { className: "topbar-profile-button p-link", type: "button", children: [_jsx("img", { alt: "avatar", src: "/images/dashboard/Ellipse 1.svg" }), _jsxs("span", { className: "profile-details", children: [_jsx("span", { className: "profile-name", children: "Gene Russell" }), _jsx("span", { className: "profile-email", children: "ben95@example.com" })] }), _jsx("i", { className: "pi pi-angle-down" })] }), _jsx("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", children: _jsxs("li", { children: [_jsxs("a", { className: "p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer", children: [_jsx("i", { className: "pi pi-user mr-3" }), _jsx("span", { children: "Profile" })] }), _jsxs("a", { className: "p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer", children: [_jsx("i", { className: "pi pi-inbox mr-3" }), _jsx("span", { children: "Inbox" })] }), _jsxs("a", { className: "p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer", children: [_jsx("i", { className: "pi pi-cog mr-3" }), _jsx("span", { children: "Settings" })] }), _jsxs("a", { className: "p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer", children: [_jsx("i", { className: "pi pi-power-off mr-3" }), _jsx("span", { children: "Sign Out" })] })] }) })] })] })] }));
 };
 export default DashboardHeader;
 //# sourceMappingURL=DashboardHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardHeader.js","sourceRoot":"","sources":["../../../src/components/layout/DashboardHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,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"}
+{"version":3,"file":"DashboardHeader.js","sourceRoot":"./","sources":["components/layout/DashboardHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,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,MAAM,eAAe,GAAG,GAAG,EAAE;IAEzB,MAAM,QAAQ,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3B,MAAM,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,CAAC,KAAU,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,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":["\"use client\";\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;"]}

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":["components/layout/FilterMenu.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU,+CAiHf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/layout/FilterMenu.js

@@ -4,29 +4,29 @@ import { Button } from "primereact/button";
 import { Dialog } from "primereact/dialog";
 import { OverlayPanel } from "primereact/overlaypanel";
 import { useRef, useState } from "react";
-var FilterMenu = function () {
-    var op = useRef(null);
-    var _a = useState(false), visible = _a[0], setVisible = _a[1];
-    var filters = [
-        { label: 'On Time Off', onClick: function () { return handleFilterClick('On Time Off'); } },
-        { label: 'At Work', onClick: function () { return handleFilterClick('At Work'); } },
-        { label: 'My Team', onClick: function () { return handleFilterClick('My Team'); } },
-        { label: 'My Departments', onClick: function () { return handleFilterClick('My Departments'); } },
-        { label: 'Newly Hired', onClick: function () { return handleFilterClick('Newly Hired'); } },
-        { label: 'Fixed Hours', onClick: function () { return handleFilterClick('Fixed Hours'); } },
-        { label: 'Flexible Hours', onClick: function () { return handleFilterClick('Flexible Hours'); } },
-        { label: 'Add Custom Filters', onClick: function () { return handleFilterClick('Add Custom Filters'); } }
+const FilterMenu = () => {
+    const op = useRef(null);
+    const [visible, setVisible] = useState(false);
+    const filters = [
+        { label: 'On Time Off', onClick: () => handleFilterClick('On Time Off') },
+        { label: 'At Work', onClick: () => handleFilterClick('At Work') },
+        { label: 'My Team', onClick: () => handleFilterClick('My Team') },
+        { label: 'My Departments', onClick: () => handleFilterClick('My Departments') },
+        { label: 'Newly Hired', onClick: () => handleFilterClick('Newly Hired') },
+        { label: 'Fixed Hours', onClick: () => handleFilterClick('Fixed Hours') },
+        { label: 'Flexible Hours', onClick: () => handleFilterClick('Flexible Hours') },
+        { label: 'Add Custom Filters', onClick: () => handleFilterClick('Add Custom Filters') }
     ];
-    var groupBy = [
-        { label: 'Manager', onClick: function () { return handleGroupByClick('Manager'); } },
-        { label: 'Department', onClick: function () { return handleGroupByClick('Department'); } },
-        { label: 'Job', onClick: function () { return handleGroupByClick('Job'); } },
-        { label: 'Skills', onClick: function () { return handleGroupByClick('Skills'); } },
-        { label: 'Start Date', onClick: function () { return handleGroupByClick('Start Date'); } },
-        { label: 'Tags', onClick: function () { return handleGroupByClick('Tags'); } }
+    const groupBy = [
+        { label: 'Manager', onClick: () => handleGroupByClick('Manager') },
+        { label: 'Department', onClick: () => handleGroupByClick('Department') },
+        { label: 'Job', onClick: () => handleGroupByClick('Job') },
+        { label: 'Skills', onClick: () => handleGroupByClick('Skills') },
+        { label: 'Start Date', onClick: () => handleGroupByClick('Start Date') },
+        { label: 'Tags', onClick: () => handleGroupByClick('Tags') }
     ];
-    var favourites = [
-        { label: 'Save Current Search', onClick: function () { return handleFavouritesClick('Save Current Search'); } }
+    const favourites = [
+        { label: 'Save Current Search', onClick: () => handleFavouritesClick('Save Current Search') }
     ];
     // Example function definitions
     function handleFilterClick(filter) {
@@ -42,7 +42,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 (_jsxs("div", { children: [_jsx(Button, { icon: "pi pi-cog", className: "transparent-background", onClick: (e) => op?.current?.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((item, index) => (_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((item, index) => (_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((item, index) => (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) }))) })] })] }) }), _jsx(Dialog, { header: "Add Custom Filter", visible: visible, style: { width: '50vw' }, onHide: () => { if (!visible)
                     return; setVisible(false); } })] }));
 };
 export default FilterMenu;

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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"}
+{"version":3,"file":"FilterMenu.js","sourceRoot":"./","sources":["components/layout/FilterMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Footer.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM,+CAQX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"./","sources":["components/layout/Footer.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM,+CAQX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/layout/Footer.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Footer = function () {
+const Footer = () => {
     return (_jsx("footer", { className: "py-1 pt-5", children: _jsx("p", { className: "text-center mt-1", children: "Book IT - 2019-2023, All Rights Reserved" }) }));
 };
 export default Footer;

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/components/layout/Footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,IAAM,MAAM,GAAG;IACb,OAAO,CACL,iBAAQ,SAAS,EAAC,WAAW,YAC3B,YAAG,SAAS,EAAC,kBAAkB,yDAE3B,GACG,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Footer.js","sourceRoot":"./","sources":["components/layout/Footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,MAAM,MAAM,GAAG,GAAG,EAAE;IAClB,OAAO,CACL,iBAAQ,SAAS,EAAC,WAAW,YAC3B,YAAG,SAAS,EAAC,kBAAkB,yDAE3B,GACG,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["\"use client\";\n\nconst Footer = () => {\n  return (\n    <footer className=\"py-1 pt-5\">\n      <p className=\"text-center mt-1\">\n        Book IT - 2019-2023, All Rights Reserved\n      </p>\n    </footer>\n  );\n};\n\nexport default Footer;\n"]}

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":"AAMA,eAAO,MAAM,YAAY,+CA8BxB,CAAA"}
+{"version":3,"file":"GlobalSearch.d.ts","sourceRoot":"./","sources":["components/layout/GlobalSearch.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,+CA8BxB,CAAA"}

package/dist/components/layout/GlobalSearch.js

@@ -4,8 +4,8 @@ import { usePathname } from 'next/navigation';
 import { IconField } from 'primereact/iconfield';
 import { InputIcon } from 'primereact/inputicon';
 import { InputText } from 'primereact/inputtext';
-export var GlobalSearch = function () {
-    var path = usePathname();
+export const GlobalSearch = () => {
+    const path = usePathname();
     // const placeholderMap: { [key: string]: string } = {
     //     '/menu': 'Search Menus',
     //     '/category': 'Search Categories',
@@ -15,9 +15,9 @@ export var GlobalSearch = function () {
     // };
     // Find the matching placeholder dynamically
     // const placeholder = Object.keys(placeholderMap).find(key => pathname.includes(key)) || 'Search';
-    var getPlaceholder = 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(); }));
+    const getPlaceholder = () => {
+        const dynamicSegment = path.split('/').slice(-2, -1)[0]; // Extracts the second-to-last segment
+        return `Search ${dynamicSegment.replace(/-/g, ' ').replace(/\b\w/g, char => 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'}

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalSearch.js","sourceRoot":"","sources":["../../../src/components/layout/GlobalSearch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,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,EAAC,SAAS,EAAC,kBAAkB,EAAC,YACnE,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"}
+{"version":3,"file":"GlobalSearch.js","sourceRoot":"./","sources":["components/layout/GlobalSearch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,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,MAAM,YAAY,GAAG,GAAG,EAAE;IAC7B,MAAM,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,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,MAAM,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,UAAU,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC;IACtG,CAAC,CAAC;IACF,OAAO,CACH,cAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAC,SAAS,EAAC,kBAAkB,EAAC,YACnE,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":["\"use client\";\nimport { usePathname } from 'next/navigation';\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}"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Header.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,+CAEX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"./","sources":["components/layout/Header.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,+CAEX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/layout/Header.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import NavbarOne from "./navbar-one";
-var Header = function () {
+const Header = () => {
     return _jsx(NavbarOne, {});
 };
 export default Header;

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/layout/Header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,IAAM,MAAM,GAAG;IACb,OAAO,KAAC,SAAS,KAAG,CAAC;AACvB,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Header.js","sourceRoot":"./","sources":["components/layout/Header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,MAAM,GAAG,GAAG,EAAE;IAClB,OAAO,KAAC,SAAS,KAAG,CAAC;AACvB,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["\"use client\";\nimport NavbarOne from \"./navbar-one\";\n\nconst Header = () => {\n  return <NavbarOne />;\n};\n\nexport default Header;\n"]}

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":"AAGA,OAAO,EAAE,mBAAmB,EAAe,MAAM,SAAS,CAAC;AAiB3D,eAAO,MAAM,MAAM,iBAAkB,mBAAmB,4CAsLvD,CAAC"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"./","sources":["components/layout/Layout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAe,MAAM,aAAa,CAAC;AAiB/D,eAAO,MAAM,MAAM,iBAAkB,mBAAmB,4CA8LvD,CAAC"}

package/dist/components/layout/Layout.js

@@ -1,77 +1,30 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client';
-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) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname, useSearchParams } from 'next/navigation';
 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 { useSelector, useDispatch } from 'react-redux';
 import AppConfig from './AppConfig';
 import { LayoutContext } from './context/layoutcontext';
 import AppSidebar from './AppSidebar';
 import SolidPopupContainer from '../common/SolidPopupContainer';
 import { useSession } from 'next-auth/react';
 import { getExtensionFunction } from '../../helpers/registry';
-export var Layout = function (_a) {
-    var children = _a.children;
-    var _b = useContext(LayoutContext), layoutConfig = _b.layoutConfig, layoutState = _b.layoutState, setLayoutState = _b.setLayoutState;
-    var setRipple = useContext(PrimeReactContext).setRipple;
+import { setSolidSettings } from '../../redux/features/settingsSlice';
+import { useGetSolidSettingsQuery } from '../../redux/api/solidSettingsApi';
+export const Layout = ({ children }) => {
+    const { layoutConfig, layoutState, setLayoutState } = useContext(LayoutContext);
+    const { setRipple } = useContext(PrimeReactContext);
     // const topbarRef = useRef<AppTopbarRef>(null);
-    var sidebarRef = useRef(null);
-    var _c = useEventListener({
+    const sidebarRef = useRef(null);
+    const [bindMenuOutsideClickListener, unbindMenuOutsideClickListener] = 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))
+        listener: (event) => {
+            const isOutsideClicked = !(sidebarRef.current?.isSameNode(event.target) ||
+                sidebarRef.current?.contains(event.target)
             // topbarRef.current?.menubutton?.isSameNode(event.target as Node) ||
             // topbarRef.current?.menubutton?.contains(event.target as Node)
             );
@@ -79,10 +32,10 @@ export var Layout = function (_a) {
                 hideMenu();
             }
         }
-    }), bindMenuOutsideClickListener = _c[0], unbindMenuOutsideClickListener = _c[1];
-    var pathname = usePathname();
-    var searchParams = useSearchParams();
-    useEffect(function () {
+    });
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    useEffect(() => {
         hideMenu();
         hideProfileMenu();
     }, [pathname, searchParams]);
@@ -100,16 +53,24 @@ export var Layout = function (_a) {
     //         }
     //     }
     // });
-    var hideMenu = function () {
-        setLayoutState(function (prevLayoutState) { return (__assign(__assign({}, prevLayoutState), { overlayMenuActive: false, staticMenuMobileActive: false, menuHoverActive: false })); });
+    const hideMenu = () => {
+        setLayoutState((prevLayoutState) => ({
+            ...prevLayoutState,
+            overlayMenuActive: false,
+            staticMenuMobileActive: false,
+            menuHoverActive: false
+        }));
         unbindMenuOutsideClickListener();
         unblockBodyScroll();
     };
-    var hideProfileMenu = function () {
-        setLayoutState(function (prevLayoutState) { return (__assign(__assign({}, prevLayoutState), { profileSidebarVisible: false })); });
+    const hideProfileMenu = () => {
+        setLayoutState((prevLayoutState) => ({
+            ...prevLayoutState,
+            profileSidebarVisible: false
+        }));
         // unbindProfileMenuOutsideClickListener();
     };
-    var blockBodyScroll = function () {
+    const blockBodyScroll = () => {
         if (document.body.classList) {
             document.body.classList.add('blocked-scroll');
         }
@@ -117,7 +78,7 @@ export var Layout = function (_a) {
             document.body.className += ' blocked-scroll';
         }
     };
-    var unblockBodyScroll = function () {
+    const unblockBodyScroll = () => {
         if (document.body.classList) {
             document.body.classList.remove('blocked-scroll');
         }
@@ -125,7 +86,7 @@ export var Layout = function (_a) {
             document.body.className = document.body.className.replace(new RegExp('(^|\\b)' + 'blocked-scroll'.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
         }
     };
-    useEffect(function () {
+    useEffect(() => {
         if (layoutState.overlayMenuActive || layoutState.staticMenuMobileActive) {
             bindMenuOutsideClickListener();
         }
@@ -136,28 +97,28 @@ export var Layout = function (_a) {
     //         bindProfileMenuOutsideClickListener();
     //     }
     // }, [layoutState.profileSidebarVisible]);
-    useUnmountEffect(function () {
+    useUnmountEffect(() => {
         unbindMenuOutsideClickListener();
         // unbindProfileMenuOutsideClickListener();
     });
-    var containerClass = classNames('layout-wrapper', {
+    const 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 user = useSelector(function (state) { return state.auth; }).user;
-    var session = useSession();
-    var hasRunRef = useRef(false);
-    useEffect(function () {
+    const { visibleNavbar } = useSelector((state) => state.navbarState); // Get the visibility state of sidebar-two
+    const { user } = useSelector((state) => state.auth);
+    const session = useSession();
+    const hasRunRef = useRef(false);
+    useEffect(() => {
         if (hasRunRef.current)
             return;
         if (!session || !user)
             return;
-        var navEntry = performance.getEntriesByType("navigation")[0];
-        var isReload = (navEntry === null || navEntry === void 0 ? void 0 : navEntry.type) === "reload";
+        const navEntry = performance.getEntriesByType("navigation")[0];
+        const isReload = navEntry?.type === "reload";
         // Detect first mount (after login redirect)
-        var isFirstMount = !sessionStorage.getItem("app-mounted");
+        const isFirstMount = !sessionStorage.getItem("app-mounted");
         // Allow execution only for:
         //  1. First mount
         //  2. Reload
@@ -168,30 +129,29 @@ export var Layout = function (_a) {
             return;
         }
         hasRunRef.current = true;
-        var handleDynamicFunction = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var dynamicHeader, event, DynamicFunctionComponent;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        dynamicHeader = process.env.SOLIDX_ON_APPLICATION_MOUNT_HANDLER;
-                        event = {
-                            type: "onApplicationMount",
-                            user: user,
-                            session: session
-                        };
-                        if (!dynamicHeader) return [3 /*break*/, 2];
-                        DynamicFunctionComponent = getExtensionFunction(dynamicHeader);
-                        if (!DynamicFunctionComponent) return [3 /*break*/, 2];
-                        return [4 /*yield*/, DynamicFunctionComponent(event)];
-                    case 1:
-                        _a.sent();
-                        _a.label = 2;
-                    case 2: return [2 /*return*/];
+        const handleDynamicFunction = async () => {
+            const dynamicHeader = process.env.SOLIDX_ON_APPLICATION_MOUNT_HANDLER;
+            const event = {
+                type: "onApplicationMount",
+                user,
+                session
+            };
+            if (dynamicHeader) {
+                const DynamicFunctionComponent = getExtensionFunction(dynamicHeader);
+                if (DynamicFunctionComponent) {
+                    await DynamicFunctionComponent(event);
                 }
-            });
-        }); };
+            }
+        };
         handleDynamicFunction();
-    }, [session, session === null || session === void 0 ? void 0 : session.data, user]);
+    }, [session, 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
@@ -199,6 +159,6 @@ export var Layout = function (_a) {
     //         dispatch(showNavbar());     // open both
     //     }
     // };
-    return (_jsx(React.Fragment, { children: _jsxs("div", { className: containerClass, children: [_jsx(AppSidebar, {}), _jsx(SolidPopupContainer, {}), _jsx("div", { className: "main-content ".concat(visibleNavbar ? "shifted" : ""), children: children }), _jsx(AppConfig, {}), _jsx("div", { className: "layout-mask" })] }) }));
+    return (_jsx(React.Fragment, { children: _jsxs("div", { className: containerClass, children: [_jsx(AppSidebar, {}), _jsx(SolidPopupContainer, {}), _jsx("div", { className: `main-content ${visibleNavbar ? "shifted" : ""}`, children: children }), _jsx(AppConfig, {}), _jsx("div", { className: "layout-mask" })] }) }));
 };
 //# sourceMappingURL=Layout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Layout.js","sourceRoot":"./","sources":["components/layout/Layout.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\n'use client';\n\nimport { ChildContainerProps, LayoutState } from '../../types';\nimport { usePathname, useSearchParams } from 'next/navigation';\nimport { PrimeReactContext } from 'primereact/api';\nimport { useEventListener, useUnmountEffect } from 'primereact/hooks';\nimport { classNames } from 'primereact/utils';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport AppConfig from './AppConfig';\nimport { LayoutContext } from './context/layoutcontext';\nimport AppSidebar from './AppSidebar';\nimport SolidPopupContainer from '../common/SolidPopupContainer';\nimport { useSession } from 'next-auth/react';\nimport { getExtensionFunction } from '../../helpers/registry';\nimport { SolidOnApplicationMountEvent } from '../../types/solid-core';\nimport { setSolidSettings } from '../../redux/features/settingsSlice';\nimport { useGetSolidSettingsQuery } from '../../redux/api/solidSettingsApi';\n\nexport const Layout = ({ children }: ChildContainerProps) => {\n    const { layoutConfig, layoutState, setLayoutState } = useContext(LayoutContext);\n    const { setRipple } = useContext(PrimeReactContext);\n    // const topbarRef = useRef<AppTopbarRef>(null);\n    const sidebarRef = useRef<HTMLDivElement>(null);\n    const [bindMenuOutsideClickListener, unbindMenuOutsideClickListener] = useEventListener({\n        type: 'click',\n        listener: (event) => {\n            const isOutsideClicked = !(\n                sidebarRef.current?.isSameNode(event.target as Node) ||\n                sidebarRef.current?.contains(event.target as Node)\n                // topbarRef.current?.menubutton?.isSameNode(event.target as Node) ||\n                // topbarRef.current?.menubutton?.contains(event.target as Node)\n            );\n\n            if (isOutsideClicked) {\n                hideMenu();\n            }\n        }\n    });\n\n    const pathname = usePathname();\n    const searchParams = useSearchParams();\n    useEffect(() => {\n        hideMenu();\n        hideProfileMenu();\n    }, [pathname, searchParams]);\n\n    // const [bindProfileMenuOutsideClickListener, unbindProfileMenuOutsideClickListener] = useEventListener({\n    //     type: 'click',\n    //     listener: (event) => {\n    //         const isOutsideClicked = !(\n    //             topbarRef.current?.topbarmenu?.isSameNode(event.target as Node) ||\n    //             topbarRef.current?.topbarmenu?.contains(event.target as Node) ||\n    //             topbarRef.current?.topbarmenubutton?.isSameNode(event.target as Node) ||\n    //             topbarRef.current?.topbarmenubutton?.contains(event.target as Node)\n    //         );\n\n    //         if (isOutsideClicked) {\n    //             hideProfileMenu();\n    //         }\n    //     }\n    // });\n\n    const hideMenu = () => {\n        setLayoutState((prevLayoutState: LayoutState) => ({\n            ...prevLayoutState,\n            overlayMenuActive: false,\n            staticMenuMobileActive: false,\n            menuHoverActive: false\n        }));\n        unbindMenuOutsideClickListener();\n        unblockBodyScroll();\n    };\n\n    const hideProfileMenu = () => {\n        setLayoutState((prevLayoutState: LayoutState) => ({\n            ...prevLayoutState,\n            profileSidebarVisible: false\n        }));\n        // unbindProfileMenuOutsideClickListener();\n    };\n\n    const blockBodyScroll = (): void => {\n        if (document.body.classList) {\n            document.body.classList.add('blocked-scroll');\n        } else {\n            document.body.className += ' blocked-scroll';\n        }\n    };\n\n    const unblockBodyScroll = (): void => {\n        if (document.body.classList) {\n            document.body.classList.remove('blocked-scroll');\n        } else {\n            document.body.className = document.body.className.replace(new RegExp('(^|\\\\b)' + 'blocked-scroll'.split(' ').join('|') + '(\\\\b|$)', 'gi'), ' ');\n        }\n    };\n\n    useEffect(() => {\n        if (layoutState.overlayMenuActive || layoutState.staticMenuMobileActive) {\n            bindMenuOutsideClickListener();\n        }\n\n        layoutState.staticMenuMobileActive && blockBodyScroll();\n    }, [layoutState.overlayMenuActive, layoutState.staticMenuMobileActive]);\n\n    // useEffect(() => {\n    //     if (layoutState.profileSidebarVisible) {\n    //         bindProfileMenuOutsideClickListener();\n    //     }\n    // }, [layoutState.profileSidebarVisible]);\n\n    useUnmountEffect(() => {\n        unbindMenuOutsideClickListener();\n        // unbindProfileMenuOutsideClickListener();\n    });\n\n    const containerClass = classNames('layout-wrapper', {\n        'layout-overlay-active': layoutState.overlayMenuActive,\n        'layout-mobile-active': layoutState.staticMenuMobileActive,\n        'p-input-filled': layoutConfig.inputStyle === 'filled',\n    });\n    const { visibleNavbar } = useSelector((state: any) => state.navbarState); // Get the visibility state of sidebar-two\n\n\n    const { user } = useSelector((state: any) => state.auth);\n    const session = useSession();\n    const hasRunRef = useRef(false);\n\n    useEffect(() => {\n        if (hasRunRef.current) return;\n        if (!session || !user) return;\n\n        const navEntry = performance.getEntriesByType(\"navigation\")[0] as PerformanceNavigationTiming;\n        const isReload = navEntry?.type === \"reload\";\n\n        // Detect first mount (after login redirect)\n        const isFirstMount = !sessionStorage.getItem(\"app-mounted\");\n\n        // Allow execution only for:\n        //  1. First mount\n        //  2. Reload\n        if (isFirstMount || isReload) {\n            sessionStorage.setItem(\"app-mounted\", \"true\");\n        } else {\n            return;\n        }\n\n        hasRunRef.current = true;\n\n        const handleDynamicFunction = async () => {\n            const dynamicHeader = process.env.SOLIDX_ON_APPLICATION_MOUNT_HANDLER;\n\n            const event: SolidOnApplicationMountEvent = {\n                type: \"onApplicationMount\",\n                user,\n                session\n            };\n\n            if (dynamicHeader) {\n                const DynamicFunctionComponent = getExtensionFunction(dynamicHeader);\n                if (DynamicFunctionComponent) {\n                    await DynamicFunctionComponent(event);\n                }\n            }\n        };\n\n        handleDynamicFunction();\n    }, [session, session?.data, user]);\n\n\n    const dispatch = useDispatch()\n    const { data: solidSettingsDataInitialData } = useGetSolidSettingsQuery(\"\")\n\n    useEffect(() => {\n        if (solidSettingsDataInitialData) {\n            dispatch(setSolidSettings(solidSettingsDataInitialData?.data));\n        }\n    }, [solidSettingsDataInitialData]);\n\n\n\n\n    // const toggleBothSidebars = () => {\n    //     if (visibleNavbar) {\n    //         dispatch(toggleNavbar());   // close both\n    //     } else {\n    //         dispatch(showNavbar());     // open both\n    //     }\n    // };\n\n    return (\n        <React.Fragment>\n            <div className={containerClass}>\n                {/* {process.env.NEXT_PUBLIC_ENABLE_CUSTOM_HEADER_FOOTER == \"true\" && <CustomHeader />} */}\n                <AppSidebar />\n                {/* <div className=\"apps-icon block md:hidden\" onClick={toggleBothSidebars}>\n                    <i className=\"pi pi-th-large\"></i>\n                </div> */}\n                <SolidPopupContainer></SolidPopupContainer>\n                <div className={`main-content ${visibleNavbar ? \"shifted\" : \"\"}`}>\n                    {children}\n                    {/* {process.env.NEXT_PUBLIC_ENABLE_CUSTOM_HEADER_FOOTER == \"true\" && <CustomFooter />} */}\n                </div>\n                <AppConfig />\n                <div className=\"layout-mask\"></div>\n            </div>\n        </React.Fragment>\n    );\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ListingHeader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/ListingHeader.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,aAAa,+CAgMlB,CAAC;AACF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ListingHeader.d.ts","sourceRoot":"./","sources":["components/layout/ListingHeader.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,aAAa,+CAgMlB,CAAC;AACF,eAAe,aAAa,CAAC"}