@solidxai/core-ui 0.0.1

package/dist/components/layout/Layout.js

@@ -0,0 +1,212 @@
+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 } from "../../hooks/usePathname";
+import { useSearchParams } from "../../hooks/useSearchParams";
+import { PrimeReactContext } from 'primereact/api';
+import { useEventListener, useUnmountEffect } from 'primereact/hooks';
+import { classNames } from 'primereact/utils';
+import React, { useContext, useEffect, useRef } from 'react';
+import { useSelector } from 'react-redux';
+import AppConfig from './AppConfig';
+import { LayoutContext } from './context/layoutcontext';
+import AppSidebar from './AppSidebar';
+import SolidPopupContainer from '../common/SolidPopupContainer';
+import { useSession } from "../../hooks/useSession";
+import { getExtensionFunction } from '../../helpers/registry';
+import { env } from "../../adapters/env";
+export var Layout = function (_a) {
+    var _b;
+    var children = _a.children;
+    var _c = useContext(LayoutContext), layoutConfig = _c.layoutConfig, layoutState = _c.layoutState, setLayoutState = _c.setLayoutState;
+    var setRipple = useContext(PrimeReactContext).setRipple;
+    // const topbarRef = useRef<AppTopbarRef>(null);
+    var sidebarRef = useRef(null);
+    var _d = useEventListener({
+        type: 'click',
+        listener: function (event) {
+            var _a, _b;
+            var isOutsideClicked = !(((_a = sidebarRef.current) === null || _a === void 0 ? void 0 : _a.isSameNode(event.target)) ||
+                ((_b = sidebarRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target))
+            // topbarRef.current?.menubutton?.isSameNode(event.target as Node) ||
+            // topbarRef.current?.menubutton?.contains(event.target as Node)
+            );
+            if (isOutsideClicked) {
+                hideMenu();
+            }
+        }
+    }), bindMenuOutsideClickListener = _d[0], unbindMenuOutsideClickListener = _d[1];
+    var pathname = usePathname();
+    var searchParams = useSearchParams();
+    useEffect(function () {
+        hideMenu();
+        hideProfileMenu();
+    }, [pathname, searchParams]);
+    // const [bindProfileMenuOutsideClickListener, unbindProfileMenuOutsideClickListener] = useEventListener({
+    //     type: 'click',
+    //     listener: (event) => {
+    //         const isOutsideClicked = !(
+    //             topbarRef.current?.topbarmenu?.isSameNode(event.target as Node) ||
+    //             topbarRef.current?.topbarmenu?.contains(event.target as Node) ||
+    //             topbarRef.current?.topbarmenubutton?.isSameNode(event.target as Node) ||
+    //             topbarRef.current?.topbarmenubutton?.contains(event.target as Node)
+    //         );
+    //         if (isOutsideClicked) {
+    //             hideProfileMenu();
+    //         }
+    //     }
+    // });
+    var hideMenu = function () {
+        setLayoutState(function (prevLayoutState) { return (__assign(__assign({}, prevLayoutState), { overlayMenuActive: false, staticMenuMobileActive: false, menuHoverActive: false })); });
+        unbindMenuOutsideClickListener();
+        unblockBodyScroll();
+    };
+    var hideProfileMenu = function () {
+        setLayoutState(function (prevLayoutState) { return (__assign(__assign({}, prevLayoutState), { profileSidebarVisible: false })); });
+        // unbindProfileMenuOutsideClickListener();
+    };
+    var blockBodyScroll = function () {
+        if (document.body.classList) {
+            document.body.classList.add('blocked-scroll');
+        }
+        else {
+            document.body.className += ' blocked-scroll';
+        }
+    };
+    var unblockBodyScroll = function () {
+        if (document.body.classList) {
+            document.body.classList.remove('blocked-scroll');
+        }
+        else {
+            document.body.className = document.body.className.replace(new RegExp('(^|\\b)' + 'blocked-scroll'.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
+        }
+    };
+    useEffect(function () {
+        if (layoutState.overlayMenuActive || layoutState.staticMenuMobileActive) {
+            bindMenuOutsideClickListener();
+        }
+        layoutState.staticMenuMobileActive && blockBodyScroll();
+    }, [layoutState.overlayMenuActive, layoutState.staticMenuMobileActive]);
+    // useEffect(() => {
+    //     if (layoutState.profileSidebarVisible) {
+    //         bindProfileMenuOutsideClickListener();
+    //     }
+    // }, [layoutState.profileSidebarVisible]);
+    useUnmountEffect(function () {
+        unbindMenuOutsideClickListener();
+        // unbindProfileMenuOutsideClickListener();
+    });
+    var containerClass = classNames('layout-wrapper', {
+        'layout-overlay-active': layoutState.overlayMenuActive,
+        'layout-mobile-active': layoutState.staticMenuMobileActive,
+        'p-input-filled': layoutConfig.inputStyle === 'filled',
+    });
+    var visibleNavbar = useSelector(function (state) { return state.navbarState; }).visibleNavbar; // Get the visibility state of sidebar-two
+    var session = useSession();
+    var user = (_b = session === null || session === void 0 ? void 0 : session.data) === null || _b === void 0 ? void 0 : _b.user;
+    var hasRunRef = useRef(false);
+    useEffect(function () {
+        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";
+        // Detect first mount (after login redirect)
+        var isFirstMount = !sessionStorage.getItem("app-mounted");
+        // Allow execution only for:
+        //  1. First mount
+        //  2. Reload
+        if (isFirstMount || isReload) {
+            sessionStorage.setItem("app-mounted", "true");
+        }
+        else {
+            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 = env("SOLIDX_ON_APPLICATION_MOUNT_HANDLER");
+                        event = {
+                            type: "onApplicationMount",
+                            user: user,
+                            session: session.data
+                        };
+                        if (!dynamicHeader) return [3 /*break*/, 2];
+                        DynamicFunctionComponent = getExtensionFunction(dynamicHeader);
+                        if (!DynamicFunctionComponent) return [3 /*break*/, 2];
+                        return [4 /*yield*/, DynamicFunctionComponent(event)];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2: return [2 /*return*/];
+                }
+            });
+        }); };
+        handleDynamicFunction();
+    }, [session, session === null || session === void 0 ? void 0 : session.data, user]);
+    // const dispatch = useDispatch()
+    // const { data: solidSettingsDataInitialData } = useGetSolidSettingsQuery("")
+    // useEffect(() => {
+    //     if (solidSettingsDataInitialData) {
+    //         dispatch(setSolidSettings(solidSettingsDataInitialData?.data));
+    //     }
+    // }, [solidSettingsDataInitialData]);
+    // const toggleBothSidebars = () => {
+    //     if (visibleNavbar) {
+    //         dispatch(toggleNavbar());   // close both
+    //     } else {
+    //         dispatch(showNavbar());     // open both
+    //     }
+    // };
+    return (_jsx(React.Fragment, { children: _jsxs("div", { className: containerClass, children: [_jsx(AppSidebar, {}), _jsx(SolidPopupContainer, {}), _jsx("div", { className: "main-content ".concat(visibleNavbar ? "shifted" : ""), children: children }), _jsx(AppConfig, {}), _jsx("div", { className: "layout-mask" })] }) }));
+};
+//# sourceMappingURL=Layout.js.map

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

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

package/dist/components/layout/Layout.tsx

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

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

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

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

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

package/dist/components/layout/ListingHeader.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { useDispatch, useSelector } from "react-redux";
+// import { RootState } from "../../redux/store";
+import { gridView, listView } from "../../redux/features/dataViewSlice";
+import { usePathname } from "../../hooks/usePathname";
+import { useRouter } from "../../hooks/useRouter";
+import { HeaderDynamicTitles } from "../common/HeaderDynamicTitles";
+import FilterMenu from "./FilterMenu";
+var ListingHeader = function () {
+    var dispatch = useDispatch();
+    var router = useRouter();
+    var pathname = usePathname();
+    var visibleFieldsPopup = useSelector(function (state) { return state.popup.visibleFieldsPopup; });
+    var menu = useRef(null);
+    var items = [
+        {
+            label: "Settings",
+            icon: "pi pi-cog",
+            command: function () {
+            },
+        },
+        {
+            label: "Update",
+            icon: "pi pi-refresh",
+            command: function () {
+            },
+        },
+        {
+            label: "Delete",
+            icon: "pi pi-trash",
+            command: function () {
+            },
+        },
+    ];
+    var _a = useState(null), value = _a[0], setValue = _a[1];
+    var contextMenuOptions = [
+        {
+            label: (_jsx("div", { id: "kanban", onClick: function () { return dispatch(gridView()); }, children: _jsx("img", { src: "/images/icons/icon-kanban.svg", style: { width: "18px", height: "18px" } }) })),
+            value: "kanban",
+            tooltip: "Kanban",
+        },
+        {
+            label: (_jsx("div", { id: "list_view", onClick: function () { return dispatch(listView()); }, children: _jsx("img", { src: "/images/icons/icon-list.svg", style: { width: "18px", height: "18px" } }) })),
+            value: "list_view",
+            tooltip: "List view",
+        },
+        {
+            label: (_jsx("div", { id: "calender", children: _jsx("img", { src: "/images/icons/icon-calender.svg", style: { width: "18px", height: "18px" } }) })),
+            value: "calender",
+            tooltip: "Calender",
+        },
+        {
+            label: (_jsx("div", { id: "activity", children: _jsx("img", { src: "/images/icons/icon-activity.svg", style: { width: "18px", height: "18px" } }) })),
+            value: "activity",
+            tooltip: "Activity",
+        },
+        {
+            label: (_jsx("div", { id: "graph", children: _jsx("img", { src: "/images/icons/icon-graph.svg", style: { width: "18px", height: "18px" } }) })),
+            value: "graph",
+            tooltip: "Graph",
+        },
+    ];
+    var justifyTemplate = function (option) {
+        return _jsx("i", { className: option.icon });
+    };
+    var save = function () {
+        var pathName = window.location.pathname;
+        var newPath = pathName.split('/').slice(0, -1).join('/') + '/create';
+        router.push(newPath);
+        // switch (pathParts[3]) {
+        //   case "model":
+        //     dispatch(showFieldsPopup());
+        //     break;
+        //   case "module":
+        //     dispatch(showModulePopup());
+        //     break;
+        // }
+    };
+    var toggleMenu = function (e) {
+        if (menu.current) {
+            menu.current.toggle(e);
+        }
+    };
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "flex justify-content-between align-items-center px-5 relative lg:static", style: { height: "60px", minHeight: 60, backgroundColor: '#f6f6f9' }, children: [_jsx("div", { className: "flex align-items-center", children: _jsx("div", { className: "", children: pathname.includes('all') &&
+                            _jsx(HeaderDynamicTitles, {}) }) }), _jsx("div", { className: "flex align-items-center", children: _jsx("div", { children: pathname == "/admin/address-master/states" &&
+                            _jsx(FilterMenu, {}) }) }), _jsx("div", { className: "flex align-items-center" })] }) }));
+};
+export default ListingHeader;
+//# sourceMappingURL=ListingHeader.js.map

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

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