myprojectpackageprav/dist/esm/pages/home/home.js

My package in npm

import './home.css';
import Announcements from "../../components/announcements/announcements";
import QuickLinks from '../../components/quicklinks/quick-links';
import PMG from '../../components/pmg/pmg';
import KnowledgeArticles from '../../components/ka/knowledge-articles';
import CalendarTabs from '../../components/calendar/calendar-tabs';
import PointsOfContacts from '../../components/poc/points-of-contacts';
import Dashboardkpis from '../../components/dashboard-kpis/dashboard-kpis';
import { NORESULT } from '../../utils/constants/rhybusconfig';
import InputSelect from '../../utils/controls/input-select';
import Buttons from '../../components/buttons/buttons';
export default function Home() {
    // KnowledgeArticles and Q&A tabs content
    // const knowledge_qa_items = [
    //     {
    //         tabtitle: 'Knowledge Articles',
    //         is_active: "true",
    //         icon: "icon-knowledgebase",
    //         content: (<><KnowledgeArticles /></>)
    //     },
    //     {
    //         tabtitle: 'Q & A',
    //         is_active: "false",
    //         icon: "icon-queans",
    //         content: (<><QuestionAnswers /></>)
    //     }
    // ];
    return (React.createElement(React.Fragment, null,
        React.createElement("div", { className: "py-2 px-3 whitebg shadow1 d-flex flex-column flex-sm-row align-items-md-center" },
            React.createElement("div", { className: "d-flex align-items-center py-1" },
                React.createElement("span", { className: 'icon-dashboard2 me-1 color-primary' }),
                " ",
                React.createElement("h2", { className: 'poppins-semibold font-18', tabIndex: 0, "aria-label": 'Dashboard' }, "Dashboard")),
            React.createElement("div", { className: 'd-flex flex-wrap flex-column flex-sm-row justify-content-sm-end gap-2 ms-sm-auto' },
                React.createElement(InputSelect, { inputProps: {
                        id: 'filter',
                        name: 'Filter 1',
                        placeholder: 'Select',
                    }, label: 'Filter 1', formClassName: "form-horizontal text-nowrap", className: 'form-sm w-100' }),
                React.createElement(InputSelect, { inputProps: {
                        id: 'filter2',
                        name: 'Filter 2',
                        placeholder: 'Select',
                    }, label: 'Filter 2', formClassName: "form-horizontal text-nowrap", className: 'form-sm w-100' }),
                React.createElement(InputSelect, { inputProps: {
                        id: 'filter3',
                        name: 'Filter 3',
                        placeholder: 'Select',
                    }, label: 'Filter 3', formClassName: "form-horizontal text-nowrap", className: 'form-sm w-100' }),
                React.createElement(InputSelect, { inputProps: {
                        id: 'filter4',
                        name: 'Filter 4',
                        placeholder: 'Select',
                    }, label: 'Filter 4', formClassName: "form-horizontal text-nowrap", className: 'form-sm w-100' }),
                React.createElement(InputSelect, { inputProps: {
                        id: 'filter5',
                        name: 'Filter 5',
                        placeholder: 'Select',
                    }, label: 'Filter 5', formClassName: "form-horizontal text-nowrap", className: 'form-sm w-100' })),
            React.createElement(Buttons, { label: "Clear All", "aria-label": "Clear All", className: 'btn btn-sm links ms-auto ms-md-0 text-nowrap' })),
        React.createElement("div", { className: 'container' },
            React.createElement(Dashboardkpis, null),
            React.createElement("div", { className: 'row' },
                React.createElement("div", { className: "col-sm-12 col-md-6 d-flex align-items-stretch" },
                    React.createElement("div", { className: "shadow card w-100" },
                        React.createElement("div", { className: "d-flex flex-column card-body h-100" },
                            React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
                                React.createElement("div", { className: "d-flex mb-2 title-border" },
                                    React.createElement("div", { tabIndex: 0, "aria-label": "Chart 1", className: "poppins-bold font-14" }, "Chart 1")),
                                React.createElement("div", null, "Actions")),
                            React.createElement("div", { className: 'min-h-200 d-flex align-items-center justify-content-around' },
                                React.createElement("div", { className: 'subtitle-color2 montserratregular', tabIndex: 0, "aria-label": NORESULT }, NORESULT))))),
                React.createElement("div", { className: "col-sm-12 col-md-6 d-flex align-items-stretch" },
                    React.createElement("div", { className: "shadow card w-100" },
                        React.createElement("div", { className: "d-flex flex-column card-body h-100" },
                            React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
                                React.createElement("div", { className: "d-flex mb-2 title-border" },
                                    React.createElement("div", { tabIndex: 0, "aria-label": "Chart 2", className: "poppins-bold font-14" }, "Chart 2")),
                                React.createElement("div", null, "Actions")),
                            React.createElement("div", { className: 'min-h-200 d-flex align-items-center justify-content-around' },
                                React.createElement("div", { className: 'subtitle-color2 montserratregular', tabIndex: 0, "aria-label": NORESULT }, NORESULT))))),
                React.createElement("div", { className: "col-sm-12 col-md-6 col-xl-4 d-flex align-items-stretch" },
                    React.createElement("div", { className: "shadow card w-100" },
                        React.createElement("div", { className: "d-flex flex-column card-body h-100" },
                            React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
                                React.createElement("div", { className: "d-flex mb-2 title-border" },
                                    React.createElement("div", { tabIndex: 0, "aria-label": "Chart 1", className: "poppins-bold font-14" }, "Chart 3")),
                                React.createElement("div", null, "Actions")),
                            React.createElement("div", { className: 'min-h-200 d-flex align-items-center justify-content-around' },
                                React.createElement("div", { className: 'subtitle-color2 montserratregular', tabIndex: 0, "aria-label": NORESULT }, NORESULT))))),
                React.createElement("div", { className: "col-sm-12 col-md-6 col-xl-4 d-flex align-items-stretch" },
                    React.createElement("div", { className: "shadow card w-100" },
                        React.createElement("div", { className: "d-flex flex-column card-body h-100" },
                            React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
                                React.createElement("div", { className: "d-flex mb-2 title-border" },
                                    React.createElement("div", { tabIndex: 0, "aria-label": "Chart 2", className: "poppins-bold font-14" }, "Chart 4")),
                                React.createElement("div", null, "Actions")),
                            React.createElement("div", { className: 'min-h-200 d-flex align-items-center justify-content-around' },
                                React.createElement("div", { className: 'subtitle-color2 montserratregular', tabIndex: 0, "aria-label": NORESULT }, NORESULT))))),
                React.createElement("div", { className: "col-sm-12 col-md-6 col-xl-4 d-flex align-items-stretch" },
                    React.createElement("div", { className: "shadow card w-100" },
                        React.createElement("div", { className: "d-flex flex-column card-body h-100" },
                            React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
                                React.createElement("div", { className: "d-flex mb-2 title-border" },
                                    React.createElement("div", { tabIndex: 0, "aria-label": "Chart 3", className: "poppins-bold font-14" }, "Chart 5")),
                                React.createElement("div", null, "Actions")),
                            React.createElement("div", { className: 'min-h-200 d-flex align-items-center justify-content-around' },
                                React.createElement("div", { className: 'subtitle-color2 montserratregular', tabIndex: 0, "aria-label": NORESULT }, NORESULT))))),
                React.createElement("div", { className: "col-sm-12 col-md-6 col-xxl-3 d-flex align-items-stretch" },
                    React.createElement("div", { className: "shadow card w-100" },
                        React.createElement("div", { className: "d-flex flex-column card-body h-100" },
                            React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
                                React.createElement("div", { className: "d-flex mb-2 title-border" },
                                    React.createElement("div", { tabIndex: 0, "aria-label": "Chart 4", className: "poppins-bold font-14" }, "Chart 6")),
                                React.createElement("div", null, "Actions")),
                            React.createElement("div", { className: 'min-h-200 d-flex align-items-center justify-content-around' },
                                React.createElement("div", { className: 'subtitle-color2 montserratregular', tabIndex: 0, "aria-label": NORESULT }, NORESULT))))),
                React.createElement("div", { className: "col-sm-12 col-md-6 d-flex align-items-stretch" },
                    React.createElement("div", { className: "shadow card w-100" },
                        React.createElement("div", { className: "d-flex flex-column card-body h-100" },
                            React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
                                React.createElement("div", { className: "d-flex mb-2 title-border" },
                                    React.createElement("div", { tabIndex: 0, "aria-label": "Chart 5", className: "poppins-bold font-14" }, "Chart 7")),
                                React.createElement("div", null, "Actions")),
                            React.createElement("div", { className: 'min-h-200 d-flex align-items-center justify-content-around' },
                                React.createElement("div", { className: 'subtitle-color2 montserratregular', tabIndex: 0, "aria-label": NORESULT }, NORESULT))))),
                React.createElement("div", { className: "col-sm-12 col-md-6 col-xxl-3 d-flex align-items-stretch" },
                    React.createElement("div", { className: "shadow card w-100" },
                        React.createElement("div", { className: "d-flex flex-column card-body h-100" },
                            React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
                                React.createElement("div", { className: "d-flex mb-2 title-border" },
                                    React.createElement("div", { tabIndex: 0, "aria-label": "Chart 6", className: "poppins-bold font-14" }, "Chart 8")),
                                React.createElement("div", null, "View More Button")),
                            React.createElement("div", { className: 'min-h-200 d-flex align-items-center justify-content-around' },
                                React.createElement("div", { className: 'subtitle-color2 montserratregular', tabIndex: 0, "aria-label": NORESULT }, NORESULT))))),
                React.createElement("div", { className: "col-sm-12 col-md-6 col-xxl-3 d-flex align-items-stretch" },
                    React.createElement("div", { className: "shadow card w-100" },
                        React.createElement("div", { className: "d-flex flex-column card-body h-100" },
                            React.createElement(QuickLinks, null)))),
                React.createElement("div", { className: "col-sm-12 col-md-6 d-flex align-items-stretch" },
                    React.createElement("div", { className: "shadow card w-100 ka-qa" },
                        React.createElement(KnowledgeArticles, null))),
                React.createElement("div", { className: "col-sm-12 col-md-6 col-xxl-3 d-flex align-items-stretch" },
                    React.createElement("div", { className: "shadow card w-100" },
                        React.createElement(PMG, null))),
                React.createElement("div", { className: "col-sm-12 col-md-6 col-xxl-3 d-flex align-items-stretch" },
                    React.createElement("div", { className: "shadow card w-100" },
                        React.createElement(CalendarTabs, null))),
                React.createElement("div", { className: "col-sm-12 col-md-6 d-flex align-items-stretch" },
                    React.createElement("div", { className: "shadow card w-100" },
                        React.createElement(Announcements, null))),
                React.createElement("div", { className: "col-sm-12 col-md-6 col-xxl-3 d-flex align-items-stretch" },
                    React.createElement("div", { className: "shadow card w-100" },
                        React.createElement(PointsOfContacts, null)))))));
}
//# sourceMappingURL=home.js.map