@solidxai/core-ui 0.0.1

package/dist/components/layout/AppConfig.tsx

@@ -0,0 +1,104 @@
+
+
+import { AppConfigProps, LayoutConfig, LayoutState } from '../../types';
+import { PrimeReactContext } from 'primereact/api';
+import { Button } from 'primereact/button';
+import { RadioButton, RadioButtonChangeEvent } from 'primereact/radiobutton';
+import { Sidebar } from 'primereact/sidebar';
+import { classNames } from 'primereact/utils';
+import { useContext, useEffect, useState } from 'react';
+import { LayoutContext } from './context/layoutcontext';
+
+const AppConfig = (props: AppConfigProps) => {
+    const [scales] = useState([12, 13, 14, 15, 16]);
+    const { layoutConfig, setLayoutConfig, layoutState, setLayoutState } = useContext(LayoutContext);
+    const { changeTheme } = useContext(PrimeReactContext);
+
+    const onConfigButtonClick = () => {
+        setLayoutState((prevState: LayoutState) => ({ ...prevState, configSidebarVisible: true }));
+    };
+
+    const onConfigSidebarHide = () => {
+        setLayoutState((prevState: LayoutState) => ({ ...prevState, configSidebarVisible: false }));
+    };
+
+    const changeInputStyle = (e: RadioButtonChangeEvent) => {
+        setLayoutConfig((prevState: LayoutConfig) => ({ ...prevState, inputStyle: e.value }));
+    };
+
+    const _changeTheme = (theme: string, colorScheme: string) => {
+        changeTheme?.(layoutConfig.theme, theme, 'theme-css', () => {
+            setLayoutConfig((prevState: LayoutConfig) => ({ ...prevState, theme, colorScheme }));
+        });
+    };
+
+    const decrementScale = () => {
+        setLayoutConfig((prevState: LayoutConfig) => ({ ...prevState, scale: prevState.scale - 1 }));
+    };
+
+    const incrementScale = () => {
+        setLayoutConfig((prevState: LayoutConfig) => ({ ...prevState, scale: prevState.scale + 1 }));
+    };
+
+    const applyScale = () => {
+        // document.documentElement.style.fontSize = layoutConfig.scale + 'px';
+        document.documentElement.style.fontSize = 15 + 'px';
+    };
+
+    useEffect(() => {
+        applyScale();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [layoutConfig.scale]);
+
+    return (
+        <>
+            {/* <button className="layout-config-button config-link" type="button" onClick={onConfigButtonClick}>
+                <i className="pi pi-cog"></i>
+            </button>
+
+            <Sidebar visible={layoutState.configSidebarVisible} onHide={onConfigSidebarHide} position="right" className="layout-config-sidebar w-20rem">
+                {!props.simple && (
+                    <>
+                        <h5>Scale</h5>
+                        <div className="flex align-items-center">
+                            <Button icon="pi pi-minus" type="button" onClick={decrementScale} rounded text className="w-2rem h-2rem mr-2" disabled={layoutConfig.scale === scales[0]}></Button>
+                            <div className="flex gap-2 align-items-center">
+                                {scales.map((item) => {
+                                    return <i className={classNames('pi pi-circle-fill', { 'text-primary-500': item === layoutConfig.scale, 'text-300': item !== layoutConfig.scale })} key={item}></i>;
+                                })}
+                            </div>
+                            <Button icon="pi pi-plus" type="button" onClick={incrementScale} rounded text className="w-2rem h-2rem ml-2" disabled={layoutConfig.scale === scales[scales.length - 1]}></Button>
+                        </div>
+
+                        <h5>Input Style</h5>
+                        <div className="flex">
+                            <div className="field-radiobutton flex-1">
+                                <RadioButton name="inputStyle" value={'outlined'} checked={layoutConfig.inputStyle === 'outlined'} onChange={(e) => changeInputStyle(e)} inputId="outlined_input"></RadioButton>
+                                <label htmlFor="outlined_input">Outlined</label>
+                            </div>
+                            <div className="field-radiobutton flex-1">
+                                <RadioButton name="inputStyle" value={'filled'} checked={layoutConfig.inputStyle === 'filled'} onChange={(e) => changeInputStyle(e)} inputId="filled_input"></RadioButton>
+                                <label htmlFor="filled_input">Filled</label>
+                            </div>
+                        </div>
+                    </>
+                )}
+                <h5>Appearance</h5>
+                <div className="grid">
+                    <div className="col-3">
+                        <button className="p-link w-2rem h-2rem" onClick={() => _changeTheme('solid-light-purple', 'light')}>
+                            <img src="/images/layout/images/themes/lara-light-blue.png" className="w-2rem h-2rem" alt="Lara Light Blue" />
+                        </button>
+                    </div>
+                    <div className="col-3">
+                        <button className="p-link w-2rem h-2rem" onClick={() => _changeTheme('solid-dark-purple', 'dark')}>
+                            <img src="/images/layout/images/themes/lara-dark-blue.png" className="w-2rem h-2rem" alt="Lara Dark Cyan" />
+                        </button>
+                    </div>
+                </div>
+            </Sidebar> */}
+        </>
+    );
+};
+
+export default AppConfig;

package/dist/components/layout/AppSidebar.d.ts

@@ -0,0 +1,3 @@
+declare const AppSidebar: () => import("react/jsx-runtime").JSX.Element;
+export default AppSidebar;
+//# sourceMappingURL=AppSidebar.d.ts.map

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

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

package/dist/components/layout/AppSidebar.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ToastContainer } from "../../helpers/ToastContainer";
+import { useGetSolidMenuBasedOnRoleQuery } from "../../redux/api/solidMenuApi";
+import { showNavbar, toggleNavbar, hideNavbar } from "../../redux/features/navbarSlice";
+import { setIsAuthenticated, setUser } from "../../redux/features/userSlice";
+import { useSession } from "../../hooks/useSession";
+import { useEffect, useRef, useState } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import NavbarTwoMenu from "./navbar-two-menu";
+import UserProfileMenu from "./user-profile-menu";
+import Image from "../common/Image";
+import SettingImage from '../../resources/images/Navigation/SolidSettinsIcon.svg';
+import { Avatar } from "primereact/avatar";
+import { usePathname } from "../../hooks/usePathname";
+import { env } from "../../adapters/env";
+var AppSidebar = function () {
+    var dispatch = useDispatch();
+    var pathname = usePathname();
+    // const [show, setShow] = useState(false);
+    var visibleNavbar = useSelector(function (state) { return state.navbarState.visibleNavbar; });
+    var menu = useGetSolidMenuBasedOnRoleQuery("").data;
+    var _a = useState(), currentMenu = _a[0], setCurrentMenu = _a[1];
+    var _b = useState(), currentMainMenu = _b[0], setCurrentMainMenu = _b[1];
+    var _c = useState(""), searchTerm = _c[0], setSearchTerm = _c[1];
+    useEffect(function () {
+        var _a, _b;
+        if (menu) {
+            setCurrentMenu(menu && menu.data.length > 0 && ((_a = menu.data.filter(function (m) { return m.key === env("NEXT_PUBLIC_DEFAULT_MENU_KEY"); })[0]) === null || _a === void 0 ? void 0 : _a.children));
+            setCurrentMainMenu(menu && menu.data.length > 0 && ((_b = menu.data.filter(function (m) { return m.key === env("NEXT_PUBLIC_DEFAULT_MENU_KEY"); })[0]) === null || _b === void 0 ? void 0 : _b.title));
+        }
+    }, [menu]);
+    var data = useSession().data;
+    // const handleToggle = () => setShow(!show);
+    var handleToggle = function () { return dispatch(toggleNavbar()); };
+    var handleMenu = function (m) {
+        // setShow(true);
+        dispatch(showNavbar());
+        setCurrentMainMenu(m.title);
+        setCurrentMenu(m.children);
+    };
+    useEffect(function () {
+        // Check if screen is small at the time of route change
+        if (window.innerWidth <= 1199) {
+            dispatch(hideNavbar());
+        }
+    }, [pathname, dispatch]);
+    useEffect(function () {
+        if (data) {
+            dispatch(setUser(data === null || data === void 0 ? void 0 : data.user));
+            dispatch(setIsAuthenticated(true));
+        }
+    }, [data]);
+    var _d = useState(false), isSearchShow = _d[0], setSearchShow = _d[1];
+    var searchRef = useRef(null);
+    var handleClickOutside = function (event) {
+        if (searchRef.current && !searchRef.current.contains(event.target)) {
+            setSearchShow(false);
+        }
+    };
+    useEffect(function () {
+        if (isSearchShow) {
+            document.addEventListener("mousedown", handleClickOutside);
+        }
+        else {
+            document.removeEventListener("mousedown", handleClickOutside);
+        }
+        return function () {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [isSearchShow]);
+    var additionalMenu = {
+        title: "General Settings",
+        key: "general-settings",
+        children: [
+            {
+                title: "Settings",
+                path: "",
+                key: "settings-menu-item",
+                children: [
+                    {
+                        title: "App Settings",
+                        path: "/admin/settings/app-settings",
+                        key: "app-setting"
+                    },
+                    {
+                        title: "Authentication Settings",
+                        path: "/admin/settings/authentication-settings",
+                        key: "auth-setting"
+                    },
+                    {
+                        title: "Misc",
+                        path: "/admin/settings/misc-settings",
+                        key: "misc-setting"
+                    }
+                ]
+            }
+        ],
+        icon: env("NEXT_PUBLIC_SETTINGS_ICON") ? env("NEXT_PUBLIC_SETTINGS_ICON") : SettingImage
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(ToastContainer, {}), visibleNavbar && (_jsx("div", { className: "sidebar-backdrop", onClick: handleToggle })), (visibleNavbar || currentMainMenu) && (_jsx("div", { className: "sidebar-toggle-button  ".concat(!visibleNavbar || !currentMainMenu ? "s-collapsed hidden md:flex" : ""), onClick: handleToggle, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [_jsx("rect", { x: "0.3", y: "0.3", width: "23.4", height: "23.4", rx: "2.1", fill: "white" }), _jsx("rect", { x: "0.3", y: "0.3", width: "23.4", height: "23.4", rx: "2.1", stroke: "#D8E2EA", strokeWidth: "0.6" }), _jsx("path", { d: "M5.09735 16V14.6667H13.5929V16H5.09735ZM5.09735 12.6667V11.3333H11.6324V12.6667H5.09735ZM5.09735 9.33333V8H13.5929V9.33333H5.09735Z", fill: "#8D9199" }), _jsx("path", { d: "M16.2621 12L18.9026 14.3L18.099 15L14.6549 12L18.099 9L18.9026 9.7L16.2621 12Z", fill: "#8D9199" })] }) })), _jsxs("div", { className: "sidebar-left ".concat(visibleNavbar ? "open" : ""), children: [_jsx("div", { className: "navbar-menu", children: (menu === null || menu === void 0 ? void 0 : menu.data.length) > 0 && (menu === null || menu === void 0 ? void 0 : menu.data.map(function (m) {
+                            var iconSrc = typeof m.icon === "string"
+                                ? m.icon
+                                : m.icon && typeof m.icon.src === "string"
+                                    ? m.icon.src
+                                    : null;
+                            return (_jsx("a", { className: "flex align-items-center menu-item ".concat(currentMainMenu === m.title ? "active-menu-image" : ""), onClick: function () { return handleMenu(m); }, style: { cursor: 'pointer' }, children: m.icon ?
+                                    _jsx(Image, { src: iconSrc.startsWith("/") ? iconSrc : "".concat(env("API_URL"), "/").concat(iconSrc), alt: m.title, height: 30, width: 30, className: "relative", unoptimized: true })
+                                    :
+                                        _jsx("div", { children: _jsx(Avatar, { label: m.title.charAt(0), shape: "circle", style: { backgroundColor: 'var(--primary-color)', fontWeight: 500 } }) }) }, m.title));
+                        })) }), _jsx(UserProfileMenu, {})] }), currentMenu && (_jsxs("div", { className: "sidebar-right ".concat(visibleNavbar ? "open" : ""), children: [_jsx("div", { className: "flex relative justify-content-between align-items-center py-3 xl:py-4 px-3", children: _jsx("div", { className: "text-base sidebar-title font-semibold", children: currentMainMenu && currentMainMenu }) }), _jsx("div", { className: "px-3 solid-sidebar-menuitems-wrapper", children: _jsx(NavbarTwoMenu, { menuItems: currentMenu }) })] }))] }));
+};
+export default AppSidebar;
+//# sourceMappingURL=AppSidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebar.js","sourceRoot":"","sources":["../../../src/components/layout/AppSidebar.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/AppSidebar.tsx

@@ -0,0 +1,216 @@
+import { ToastContainer } from "../../helpers/ToastContainer";
+import { useGetSolidMenuBasedOnRoleQuery } from "../../redux/api/solidMenuApi";
+import { showNavbar, toggleNavbar, hideNavbar } from "../../redux/features/navbarSlice";
+import { setIsAuthenticated, setUser } from "../../redux/features/userSlice";
+import { useSession } from "../../hooks/useSession";
+import { useEffect, useRef, useState } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import NavbarTwoMenu from "./navbar-two-menu";
+import UserProfileMenu from "./user-profile-menu";
+import Image from "../common/Image";
+import SettingImage from '../../resources/images/Navigation/SolidSettinsIcon.svg'
+import { Avatar } from "primereact/avatar";
+import { usePathname } from "../../hooks/usePathname";
+import { env } from "../../adapters/env";
+
+const AppSidebar = () => {
+    const dispatch = useDispatch();
+    const pathname = usePathname();
+    // const [show, setShow] = useState(false);
+    const visibleNavbar = useSelector(
+        (state: any) => state.navbarState.visibleNavbar
+    );
+    const { data: menu } = useGetSolidMenuBasedOnRoleQuery("");
+
+
+    const [currentMenu, setCurrentMenu] = useState();
+    const [currentMainMenu, setCurrentMainMenu] = useState();
+    const [searchTerm, setSearchTerm] = useState("");
+
+    useEffect(() => {
+        if (menu) {
+            setCurrentMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env("NEXT_PUBLIC_DEFAULT_MENU_KEY"))[0]?.children);
+            setCurrentMainMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env("NEXT_PUBLIC_DEFAULT_MENU_KEY"))[0]?.title)
+        }
+    }, [menu])
+
+    const { data } = useSession();
+
+    // const handleToggle = () => setShow(!show);
+    const handleToggle = () => dispatch(toggleNavbar());
+    const handleMenu = (m: any) => {
+        // setShow(true);
+        dispatch(showNavbar());
+        setCurrentMainMenu(m.title);
+        setCurrentMenu(m.children);
+    };
+
+    useEffect(() => {
+        // Check if screen is small at the time of route change
+        if (window.innerWidth <= 1199) {
+            dispatch(hideNavbar());
+        }
+    }, [pathname, dispatch]);
+
+
+    useEffect(() => {
+        if (data) {
+            dispatch(setUser(data?.user));
+            dispatch(setIsAuthenticated(true));
+        }
+    }, [data]);
+
+    const [isSearchShow, setSearchShow] = useState(false);
+    const searchRef = useRef<HTMLDivElement>(null);
+
+    const handleClickOutside = (event: any) => {
+        if (searchRef.current && !searchRef.current.contains(event.target)) {
+            setSearchShow(false);
+        }
+    };
+
+    useEffect(() => {
+        if (isSearchShow) {
+            document.addEventListener("mousedown", handleClickOutside);
+        } else {
+            document.removeEventListener("mousedown", handleClickOutside);
+        }
+
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [isSearchShow]);
+
+    const additionalMenu = {
+        title: "General Settings",
+        key: "general-settings",
+        children: [
+            {
+                title: "Settings",
+                path: "",
+                key: "settings-menu-item",
+                children: [
+                    {
+                        title: "App Settings",
+                        path: "/admin/settings/app-settings",
+                        key: "app-setting"
+                    },
+                    {
+                        title: "Authentication Settings",
+                        path: "/admin/settings/authentication-settings",
+                        key: "auth-setting"
+                    },
+                    {
+                        title: "Misc",
+                        path: "/admin/settings/misc-settings",
+                        key: "misc-setting"
+                    }
+                ]
+            }
+        ],
+        icon: env("NEXT_PUBLIC_SETTINGS_ICON") ? env("NEXT_PUBLIC_SETTINGS_ICON") : SettingImage
+    };
+
+
+
+    return (
+        <>
+            <ToastContainer />
+            {visibleNavbar && (
+                <div
+                    className="sidebar-backdrop"
+                    onClick={handleToggle}
+                />
+            )}
+            {/* commented this as this is not working properly @Jenendar to figure this out... */}
+            {(visibleNavbar || currentMainMenu) && (
+                <div
+                    className={`sidebar-toggle-button  ${!visibleNavbar || !currentMainMenu ? "s-collapsed hidden md:flex" : ""}`}
+                    onClick={handleToggle}
+                // severity="secondary"
+                >
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+                        <rect x="0.3" y="0.3" width="23.4" height="23.4" rx="2.1" fill="white" />
+                        <rect x="0.3" y="0.3" width="23.4" height="23.4" rx="2.1" stroke="#D8E2EA" strokeWidth="0.6" />
+                        <path d="M5.09735 16V14.6667H13.5929V16H5.09735ZM5.09735 12.6667V11.3333H11.6324V12.6667H5.09735ZM5.09735 9.33333V8H13.5929V9.33333H5.09735Z" fill="#8D9199" />
+                        <path d="M16.2621 12L18.9026 14.3L18.099 15L14.6549 12L18.099 9L18.9026 9.7L16.2621 12Z" fill="#8D9199" />
+                    </svg>
+                </div>
+            )}
+
+            <div className={`sidebar-left ${visibleNavbar ? "open" : ""}`}>
+                <div className="navbar-menu">
+                    {menu?.data.length > 0 && menu?.data.map((m: any) => {
+                        const iconSrc =
+                            typeof m.icon === "string"
+                                ? m.icon
+                                : m.icon && typeof m.icon.src === "string"
+                                    ? m.icon.src
+                                    : null;
+                        return (
+                            <a
+                                key={m.title}
+                                className={`flex align-items-center menu-item ${currentMainMenu === m.title ? "active-menu-image" : ""}`}
+                                onClick={() => handleMenu(m)}
+                                style={{ cursor: 'pointer' }}
+                            >
+                                {m.icon ?
+                                    <Image
+                                        src={iconSrc.startsWith("/") ? iconSrc : `${env("API_URL")}/${iconSrc}`}
+                                        alt={m.title}
+                                        height={30}
+                                        width={30}
+                                        className="relative"
+                                        unoptimized
+                                    />
+                                    :
+                                    <div>
+                                        <Avatar label={m.title.charAt(0)} shape="circle" style={{ backgroundColor: 'var(--primary-color)', fontWeight: 500 }} />
+                                    </div>
+                                }
+                            </a>
+                        )
+                    })}
+                </div>
+
+                <UserProfileMenu></UserProfileMenu>
+            </div>
+            {currentMenu && (
+                <div className={`sidebar-right ${visibleNavbar ? "open" : ""}`}>
+
+                    <div className="flex relative justify-content-between align-items-center py-3 xl:py-4 px-3">
+                        <div className="text-base sidebar-title font-semibold">{currentMainMenu && currentMainMenu}</div>
+                        {/* <button
+                            className="sidebar-toggle-button"
+                            onClick={handleToggle}
+                        >
+                            <img
+                                style={{ cursor: "pointer" }}
+                                src={`/images/menu-toggle.png`}
+                                alt="Solid"
+                            />
+                        </button> */}
+                    </div>
+                    {/* <div className="w-full px-3 mb-3" style={{ position: 'relative' }} ref={searchRef}>
+                        <IconField iconPosition="left">
+                            <InputIcon className="pi pi-search text-sm"> </InputIcon>
+                            <InputText placeholder="Search" className="small-input text-sm w-full pr-6" />
+                        </IconField>
+                        <div className="absolute max-h-1rem" style={{ top: 5, right: 20 }}>
+                            <img
+                                style={{ cursor: "pointer", maxHeight: '1.3rem' }}
+                                src="/images/icons/jump-to-icon.png"
+                                alt="Solid"
+                            />
+                        </div>
+                    </div> */}
+                    <div className="px-3 solid-sidebar-menuitems-wrapper">
+                        <NavbarTwoMenu menuItems={currentMenu}></NavbarTwoMenu>
+                    </div>
+                </div>
+            )}
+        </>
+    );
+};
+
+export default AppSidebar;

package/dist/components/layout/ButtonLoader.d.ts

@@ -0,0 +1,3 @@
+declare const ButtonLoader: () => import("react/jsx-runtime").JSX.Element;
+export default ButtonLoader;
+//# sourceMappingURL=ButtonLoader.d.ts.map

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

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

package/dist/components/layout/ButtonLoader.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+var ButtonLoader = function () {
+    return _jsx("div", { className: "lds-dual-ring" });
+};
+export default ButtonLoader;
+//# sourceMappingURL=ButtonLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLoader.js","sourceRoot":"","sources":["../../../src/components/layout/ButtonLoader.tsx"],"names":[],"mappings":";AAEA,IAAM,YAAY,GAAG;IACnB,OAAO,cAAK,SAAS,EAAC,eAAe,GAAO,CAAC;AAC/C,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/layout/ButtonLoader.tsx

@@ -0,0 +1,7 @@
+
+
+const ButtonLoader = () => {
+  return <div className="lds-dual-ring"></div>;
+};
+
+export default ButtonLoader;

package/dist/components/layout/CustomPagination.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CustomPagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomPagination.d.ts","sourceRoot":"","sources":["../../../src/components/layout/CustomPagination.tsx"],"names":[],"mappings":""}

package/dist/components/layout/CustomPagination.js

@@ -0,0 +1,49 @@
+// 
+export {};
+// import { useRouter, useSearchParams } from "../../hooks/solid/navigation";
+// import Pagination from "react-js-pagination";
+// interface Props {
+//   resPerPage: number;
+//   filteredRoomsCount: number;
+// }
+// const CustomPagination = ({ resPerPage, filteredRoomsCount }: Props) => {
+//   const router = useRouter();
+//   const searchParams = useSearchParams();
+//   let page = searchParams.get("page") || 1;
+//   page = Number(page);
+//   let queryParams;
+//   const handlePageChange = (currentPage: string) => {
+//     if (typeof window !== "undefined") {
+//       queryParams = new URLSearchParams(window.location.search);
+//       if (queryParams.has("page")) {
+//         queryParams.set("page", currentPage);
+//       } else {
+//         queryParams.append("page", currentPage);
+//       }
+//       const path = `${window.location.pathname}?${queryParams.toString()}`;
+//       router.push(path);
+//     }
+//   };
+//   return (
+//     <div>
+//       {resPerPage < filteredRoomsCount && (
+//         <div className="d-flex justify-content-center mt-5">
+//           <Pagination
+//             activePage={page}
+//             itemsCountPerPage={resPerPage}
+//             totalItemsCount={filteredRoomsCount}
+//             onChange={handlePageChange}
+//             nextPageText={"Next"}
+//             prevPageText={"Prev"}
+//             firstPageText={"First"}
+//             lastPageText={"Last"}
+//             itemClass="page-item"
+//             linkClass="page-link"
+//           />
+//         </div>
+//       )}
+//     </div>
+//   );
+// };
+// export default CustomPagination;
+//# sourceMappingURL=CustomPagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomPagination.js","sourceRoot":"","sources":["../../../src/components/layout/CustomPagination.tsx"],"names":[],"mappings":"AAAA,GAAG;;AAEH,6EAA6E;AAC7E,gDAAgD;AAEhD,oBAAoB;AACpB,wBAAwB;AACxB,gCAAgC;AAChC,IAAI;AAEJ,4EAA4E;AAC5E,gCAAgC;AAChC,4CAA4C;AAC5C,8CAA8C;AAC9C,yBAAyB;AAEzB,qBAAqB;AAErB,wDAAwD;AACxD,2CAA2C;AAC3C,mEAAmE;AAEnE,uCAAuC;AACvC,gDAAgD;AAChD,iBAAiB;AACjB,mDAAmD;AACnD,UAAU;AAEV,8EAA8E;AAC9E,2BAA2B;AAC3B,QAAQ;AACR,OAAO;AACP,aAAa;AACb,YAAY;AACZ,8CAA8C;AAC9C,+DAA+D;AAC/D,wBAAwB;AACxB,gCAAgC;AAChC,6CAA6C;AAC7C,mDAAmD;AACnD,0CAA0C;AAC1C,oCAAoC;AACpC,oCAAoC;AACpC,sCAAsC;AACtC,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AACpC,eAAe;AACf,iBAAiB;AACjB,WAAW;AACX,aAAa;AACb,OAAO;AACP,KAAK;AAEL,mCAAmC"}

package/dist/components/layout/CustomPagination.tsx

@@ -0,0 +1,55 @@
+// 
+
+// import { useRouter, useSearchParams } from "../../hooks/solid/navigation";
+// import Pagination from "react-js-pagination";
+
+// interface Props {
+//   resPerPage: number;
+//   filteredRoomsCount: number;
+// }
+
+// const CustomPagination = ({ resPerPage, filteredRoomsCount }: Props) => {
+//   const router = useRouter();
+//   const searchParams = useSearchParams();
+//   let page = searchParams.get("page") || 1;
+//   page = Number(page);
+
+//   let queryParams;
+
+//   const handlePageChange = (currentPage: string) => {
+//     if (typeof window !== "undefined") {
+//       queryParams = new URLSearchParams(window.location.search);
+
+//       if (queryParams.has("page")) {
+//         queryParams.set("page", currentPage);
+//       } else {
+//         queryParams.append("page", currentPage);
+//       }
+
+//       const path = `${window.location.pathname}?${queryParams.toString()}`;
+//       router.push(path);
+//     }
+//   };
+//   return (
+//     <div>
+//       {resPerPage < filteredRoomsCount && (
+//         <div className="d-flex justify-content-center mt-5">
+//           <Pagination
+//             activePage={page}
+//             itemsCountPerPage={resPerPage}
+//             totalItemsCount={filteredRoomsCount}
+//             onChange={handlePageChange}
+//             nextPageText={"Next"}
+//             prevPageText={"Prev"}
+//             firstPageText={"First"}
+//             lastPageText={"Last"}
+//             itemClass="page-item"
+//             linkClass="page-link"
+//           />
+//         </div>
+//       )}
+//     </div>
+//   );
+// };
+
+// export default CustomPagination;

package/dist/components/layout/DashboardHeader.d.ts

@@ -0,0 +1,3 @@
+declare const DashboardHeader: () => import("react/jsx-runtime").JSX.Element;
+export default DashboardHeader;
+//# sourceMappingURL=DashboardHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/DashboardHeader.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,eAAe,+CAkFpB,CAAA;AACD,eAAe,eAAe,CAAC"}

package/dist/components/layout/DashboardHeader.js

@@ -0,0 +1,26 @@
+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 = [
+        {
+            label: 'Options',
+            items: [
+                {
+                    label: 'Refresh',
+                    icon: 'pi pi-refresh'
+                },
+                {
+                    label: 'Export',
+                    icon: 'pi pi-upload'
+                }
+            ]
+        }
+    ];
+    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" })] })] }) })] })] })] }));
+};
+export default DashboardHeader;
+//# sourceMappingURL=DashboardHeader.js.map