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

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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","sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { ChildContainerProps, LayoutState } from '../../types';\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\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 } from 'react-redux';\nimport AppConfig from './AppConfig';\nimport { LayoutContext } from './context/layoutcontext';\nimport AppSidebar from './AppSidebar';\nimport SolidPopupContainer from '../common/SolidPopupContainer';\nimport { GlobalToast } from '../common/GlobalToast';\nimport { useSession } from \"../../hooks/useSession\";\nimport { getExtensionFunction } from '../../helpers/registry';\nimport { SolidOnApplicationMountEvent } from '../../types/solid-core';\nimport { env } from \"../../adapters/env\";\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 session = useSession();\n    const user = session?.data?.user;\n\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 = env(\"SOLIDX_ON_APPLICATION_MOUNT_HANDLER\");\n\n            const event: SolidOnApplicationMountEvent = {\n                type: \"onApplicationMount\",\n                user,\n                session: session.data\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    // const dispatch = useDispatch()\n    // const { data: solidSettingsDataInitialData } = useGetSolidSettingsQuery(\"\")\n    // useEffect(() => {\n    //     if (solidSettingsDataInitialData) {\n    //         dispatch(setSolidSettings(solidSettingsDataInitialData?.data));\n    //     }\n    // }, [solidSettingsDataInitialData]);\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                {/* {getEnv(\"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                <GlobalToast />\n                <div className={`main-content ${visibleNavbar ? \"shifted\" : \"\"}`}>\n                    {children}\n                    {/* {getEnv(\"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"]}
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,mBAAmB,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAAiC;;QAA/B,QAAQ,cAAA;IAC7B,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,IAAM,IAAI,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,IAAI,CAAC;IACjC,IAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEhC,SAAS,CAAC;QACN,IAAI,SAAS,CAAC,OAAO;YAAE,OAAO;QAC9B,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI;YAAE,OAAO;QAE9B,IAAM,QAAQ,GAAG,WAAW,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAgC,CAAC;QAC9F,IAAM,QAAQ,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,MAAK,QAAQ,CAAC;QAC7C,IAAM,YAAY,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAE5D,IAAI,YAAY,IAAI,QAAQ,EAAE;YAC1B,cAAc,CAAC,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;SACjD;aAAM;YACH,OAAO;SACV;QAED,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAEzB,IAAM,qBAAqB,GAAG;;;;;wBACpB,aAAa,GAAG,GAAG,CAAC,qCAAqC,CAAC,CAAC;wBAC3D,KAAK,GAAiC;4BACxC,IAAI,EAAE,oBAAoB;4BAC1B,IAAI,MAAA;4BACJ,OAAO,EAAE,OAAO,CAAC,IAAI;yBACxB,CAAC;wBAEF,IAAI,CAAC,aAAa;4BAAE,sBAAO;wBACrB,eAAe,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;6BACxD,eAAe,EAAf,wBAAe;wBACf,qBAAM,eAAe,CAAC,KAAK,CAAC,EAAA;;wBAA5B,SAA4B,CAAC;;;;;aAEpC,CAAC;QAEF,qBAAqB,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,CACH,eAAK,SAAS,EAAC,aAAa,aACxB,KAAC,UAAU,KAAG,EACd,KAAC,mBAAmB,KAAG,EACvB,KAAC,kBAAkB,KAAG,EACtB,gBAAM,SAAS,EAAC,YAAY,aACxB,KAAC,cAAc,KAAG,EAClB,cAAK,SAAS,EAAC,oBAAoB,YAC9B,QAAQ,GACP,IACH,IACL,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { ChildContainerProps } from '../../types';\nimport React, { useEffect, useRef } from 'react';\nimport AppSidebar from './AppSidebar';\nimport SolidPopupContainer from '../common/SolidPopupContainer';\nimport { SolidToastProvider } from '../common/SolidToastProvider';\nimport { useSession } from \"../../hooks/useSession\";\nimport { getExtensionFunction } from '../../helpers/registry';\nimport { SolidOnApplicationMountEvent } from '../../types/solid-core';\nimport { env } from \"../../adapters/env\";\nimport { AdminTopHeader } from './AdminTopHeader';\n\nexport const Layout = ({ children }: ChildContainerProps) => {\n    const session = useSession();\n    const user = session?.data?.user;\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        const isFirstMount = !sessionStorage.getItem(\"app-mounted\");\n\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 = env(\"SOLIDX_ON_APPLICATION_MOUNT_HANDLER\");\n            const event: SolidOnApplicationMountEvent = {\n                type: \"onApplicationMount\",\n                user,\n                session: session.data\n            };\n\n            if (!dynamicHeader) return;\n            const dynamicFunction = getExtensionFunction(dynamicHeader);\n            if (dynamicFunction) {\n                await dynamicFunction(event);\n            }\n        };\n\n        handleDynamicFunction();\n    }, [session, user]);\n\n    return (\n        <div className=\"solid-shell\">\n            <AppSidebar />\n            <SolidPopupContainer />\n            <SolidToastProvider />\n            <main className=\"solid-main\">\n                <AdminTopHeader />\n                <div className=\"solid-main-content\">\n                    {children}\n                </div>\n            </main>\n        </div>\n    );\n};\n"]}

package/dist/components/layout/Layout.tsx

@@ -1,131 +1,17 @@
-/* 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 { ChildContainerProps } from '../../types';
+import React, { useEffect, useRef } from 'react';
 import AppSidebar from './AppSidebar';
 import SolidPopupContainer from '../common/SolidPopupContainer';
-import { GlobalToast } from '../common/GlobalToast';
+import { SolidToastProvider } from '../common/SolidToastProvider';
 import { useSession } from "../../hooks/useSession";
 import { getExtensionFunction } from '../../helpers/registry';
 import { SolidOnApplicationMountEvent } from '../../types/solid-core';
 import { env } from "../../adapters/env";
+import { AdminTopHeader } from './AdminTopHeader';
 
 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(() => {
@@ -134,13 +20,8 @@ export const Layout = ({ children }: ChildContainerProps) => {
 
         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 {
@@ -151,57 +32,33 @@ export const Layout = ({ children }: ChildContainerProps) => {
 
         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);
-                }
+            if (!dynamicHeader) return;
+            const dynamicFunction = getExtensionFunction(dynamicHeader);
+            if (dynamicFunction) {
+                await dynamicFunction(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
-    //     }
-    // };
+    }, [session, user]);
 
     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>
-                <GlobalToast />
-                <div className={`main-content ${visibleNavbar ? "shifted" : ""}`}>
+        <div className="solid-shell">
+            <AppSidebar />
+            <SolidPopupContainer />
+            <SolidToastProvider />
+            <main className="solid-main">
+                <AdminTopHeader />
+                <div className="solid-main-content">
                     {children}
-                    {/* {getEnv("NEXT_PUBLIC_ENABLE_CUSTOM_HEADER_FOOTER") == "true" && <CustomFooter />} */}
                 </div>
-                <AppConfig />
-                <div className="layout-mask"></div>
-            </div>
-        </React.Fragment>
+            </main>
+        </div>
     );
 };

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":"AAWA,QAAA,MAAM,aAAa,+CAgMlB,CAAC;AACF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ListingHeader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/ListingHeader.tsx"],"names":[],"mappings":"AAWA,QAAA,MAAM,aAAa,+CA0LlB,CAAC;AACF,eAAe,aAAa,CAAC"}

package/dist/components/layout/ListingHeader.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useRef, useState } from "react";
+import { useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 // import { RootState } from "../../redux/store";
 import { gridView, listView } from "../../redux/features/dataViewSlice";
@@ -7,12 +7,12 @@ import { usePathname } from "../../hooks/usePathname";
 import { useRouter } from "../../hooks/useRouter";
 import { HeaderDynamicTitles } from "../common/HeaderDynamicTitles";
 import FilterMenu from "./FilterMenu";
+import { SolidIcon, parseSolidIconMeta } from "../shad-cn-ui/SolidIcon";
 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",
@@ -62,7 +62,8 @@ var ListingHeader = function () {
         },
     ];
     var justifyTemplate = function (option) {
-        return _jsx("i", { className: option.icon });
+        var m = parseSolidIconMeta(option.icon);
+        return m ? _jsx(SolidIcon, { name: m.name, spin: m.spin }) : _jsx("i", { className: option.icon });
     };
     var save = function () {
         var pathName = window.location.pathname;
@@ -77,11 +78,6 @@ var ListingHeader = function () {
         //     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" })] }) }));

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

@@ -1 +1 @@
-{"version":3,"file":"ListingHeader.js","sourceRoot":"","sources":["../../../src/components/layout/ListingHeader.tsx"],"names":[],"mappings":";AAEA,OAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,iDAAiD;AACjD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,IAAM,aAAa,GAAG;IACpB,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAG/B,IAAM,kBAAkB,GAAG,WAAW,CACpC,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,kBAAkB,EAA9B,CAA8B,CAC/C,CAAC;IAEF,IAAM,IAAI,GAAG,MAAM,CAAO,IAAI,CAAC,CAAC;IAChC,IAAM,KAAK,GAAG;QACZ;YACE,KAAK,EAAE,UAAU;YACjB,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE;YACT,CAAC;SACF;QACD;YACE,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE;YACT,CAAC;SACF;QACD;YACE,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE;YACT,CAAC;SACF;KACF,CAAC;IACI,IAAA,KAAoB,QAAQ,CAAC,IAAI,CAAC,EAAjC,KAAK,QAAA,EAAE,QAAQ,QAAkB,CAAC;IACzC,IAAM,kBAAkB,GAAG;QACzB;YACE,KAAK,EAAE,CACL,cAAK,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAApB,CAAoB,YAClD,cACE,GAAG,EAAC,+BAA+B,EACnC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GACxC,GACE,CACP;YACD,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,QAAQ;SAClB;QACD;YACE,KAAK,EAAE,CACL,cAAK,EAAE,EAAC,WAAW,EAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAApB,CAAoB,YACrD,cACE,GAAG,EAAC,6BAA6B,EACjC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GACxC,GACE,CACP;YACD,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,WAAW;SACrB;QACD;YACE,KAAK,EAAE,CACL,cAAK,EAAE,EAAC,UAAU,YAChB,cACE,GAAG,EAAC,iCAAiC,EACrC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GACxC,GACE,CACP;YACD,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,UAAU;SACpB;QACD;YACE,KAAK,EAAE,CACL,cAAK,EAAE,EAAC,UAAU,YAChB,cACE,GAAG,EAAC,iCAAiC,EACrC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GACxC,GACE,CACP;YACD,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,UAAU;SACpB;QACD;YACE,KAAK,EAAE,CACL,cAAK,EAAE,EAAC,OAAO,YACb,cACE,GAAG,EAAC,8BAA8B,EAClC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GACxC,GACE,CACP;YACD,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,OAAO;SACjB;KACF,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,MAAW;QAClC,OAAO,YAAG,SAAS,EAAE,MAAM,CAAC,IAAI,GAAM,CAAC;IACzC,CAAC,CAAC;IAGF,IAAM,IAAI,GAAG;QACX,IAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAC1C,IAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;QAEvE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAIrB,0BAA0B;QAC1B,kBAAkB;QAClB,mCAAmC;QACnC,aAAa;QACb,mBAAmB;QACnB,mCAAmC;QACnC,aAAa;QACb,IAAI;IACN,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,CAAkD;QACpE,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;SACxB;IACH,CAAC,CAAC;IAIF,OAAO,CACL,4BACE,eACE,SAAS,EAAC,yEAAyE,EACnF,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,aAEpE,cAAK,SAAS,EAAC,yBAAyB,YAItC,cAAK,SAAS,EAAC,EAAE,YASd,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;4BACvB,KAAC,mBAAmB,KAAG,GAErB,GACF,EAEN,cAAK,SAAS,EAAC,yBAAyB,YAItC,wBAEG,QAAQ,IAAI,8BAA8B;4BACzC,KAAC,UAAU,KAAc,GAUvB,GACF,EACN,cAAK,SAAS,EAAC,yBAAyB,GAiBlC,IACF,GAEL,CACJ,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,aAAa,CAAC","sourcesContent":["\nimport { Menu } from \"primereact/menu\";\nimport React, { useRef, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\n// import { RootState } from \"../../redux/store\";\nimport { gridView, listView } from \"../../redux/features/dataViewSlice\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { HeaderDynamicTitles } from \"../common/HeaderDynamicTitles\";\nimport FilterMenu from \"./FilterMenu\";\n\nconst ListingHeader = () => {\n  const dispatch = useDispatch();\n  const router = useRouter();\n  const pathname = usePathname();\n\n\n  const visibleFieldsPopup = useSelector(\n    (state: any) => state.popup.visibleFieldsPopup\n  );\n\n  const menu = useRef<Menu>(null);\n  const items = [\n    {\n      label: \"Settings\",\n      icon: \"pi pi-cog\",\n      command: () => {\n      },\n    },\n    {\n      label: \"Update\",\n      icon: \"pi pi-refresh\",\n      command: () => {\n      },\n    },\n    {\n      label: \"Delete\",\n      icon: \"pi pi-trash\",\n      command: () => {\n      },\n    },\n  ];\n  const [value, setValue] = useState(null);\n  const contextMenuOptions = [\n    {\n      label: (\n        <div id=\"kanban\" onClick={() => dispatch(gridView())}>\n          <img\n            src=\"/images/icons/icon-kanban.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"kanban\",\n      tooltip: \"Kanban\",\n    },\n    {\n      label: (\n        <div id=\"list_view\" onClick={() => dispatch(listView())}>\n          <img\n            src=\"/images/icons/icon-list.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"list_view\",\n      tooltip: \"List view\",\n    },\n    {\n      label: (\n        <div id=\"calender\">\n          <img\n            src=\"/images/icons/icon-calender.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"calender\",\n      tooltip: \"Calender\",\n    },\n    {\n      label: (\n        <div id=\"activity\">\n          <img\n            src=\"/images/icons/icon-activity.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"activity\",\n      tooltip: \"Activity\",\n    },\n    {\n      label: (\n        <div id=\"graph\">\n          <img\n            src=\"/images/icons/icon-graph.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"graph\",\n      tooltip: \"Graph\",\n    },\n  ];\n\n  const justifyTemplate = (option: any) => {\n    return <i className={option.icon}></i>;\n  };\n\n\n  const save = () => {\n    const pathName = window.location.pathname;\n    const newPath = pathName.split('/').slice(0, -1).join('/') + '/create';\n\n    router.push(newPath);\n\n\n\n    // switch (pathParts[3]) {\n    //   case \"model\":\n    //     dispatch(showFieldsPopup());\n    //     break;\n    //   case \"module\":\n    //     dispatch(showModulePopup());\n    //     break;\n    // }\n  };\n\n  const toggleMenu = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n    if (menu.current) {\n      menu.current.toggle(e);\n    }\n  };\n\n\n\n  return (\n    <>\n      <div\n        className=\"flex justify-content-between align-items-center px-5 relative lg:static\"\n        style={{ height: \"60px\", minHeight: 60, backgroundColor: '#f6f6f9' }}\n      >\n        <div className=\"flex align-items-center\">\n          {/* <i className=\"pi pi-users\" style={{backgroundColor:\"#1D6CBC\"}}></i> */}\n          {/* <img src=\"/images/icons/icon-users.svg\" />\n                <span className=\"listHead ml-2\">Employees</span> */}\n          <div className=\"\">\n            {/* <SplitButton\n              label=\"Add\"\n              icon=\"pi pi-plus\"\n              onClick={save}\n              model={items}\n              severity=\"info\"\n              className=\"small-splitbutton\"\n            /> */}\n            {pathname.includes('all') &&\n              <HeaderDynamicTitles />\n            }\n          </div>\n        </div>\n        {/* <GlobalSearch /> */}\n        <div className=\"flex align-items-center\">\n\n          {/* <Button label=\"Show\" icon=\"pi pi-external-link\" onClick={() => setVisible(true)} /> */}\n\n          <div>\n            {/* <Menu model={items} popup ref={menu} /> */}\n            {pathname == \"/admin/address-master/states\" &&\n              <FilterMenu></FilterMenu>\n\n            }\n            {/* <Button\n              icon=\"pi pi-cog\"\n              className=\"transparent-background\"\n              onClick={toggleMenu}\n              aria-haspopup\n              aria-controls=\"popup_menu\"\n            /> */}\n          </div>\n        </div>\n        <div className=\"flex align-items-center\">\n          {/* <div>\n            {contextMenuOptions.map((option) => (\n              <Tooltip\n                key={option.value}\n                target={`#${option.value}`}\n                content={option.tooltip}\n                className=\"custom-tooltip\"\n              />\n            ))}\n            <SelectButton\n              value={value}\n              onChange={(e) => setValue(e.value)}\n              options={contextMenuOptions}\n              className=\"custom-select-button\"\n            />\n          </div> */}\n        </div>\n      </div>\n      {/* <CreateModule></CreateModule> */}\n    </>\n  );\n};\nexport default ListingHeader;\n"]}
+{"version":3,"file":"ListingHeader.js","sourceRoot":"","sources":["../../../src/components/layout/ListingHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useRef, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\n// import { RootState } from \"../../redux/store\";\nimport { gridView, listView } from \"../../redux/features/dataViewSlice\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { HeaderDynamicTitles } from \"../common/HeaderDynamicTitles\";\nimport FilterMenu from \"./FilterMenu\";\nimport { SolidIcon, parseSolidIconMeta } from \"../shad-cn-ui/SolidIcon\";\n\nconst ListingHeader = () => {\n  const dispatch = useDispatch();\n  const router = useRouter();\n  const pathname = usePathname();\n\n\n  const visibleFieldsPopup = useSelector(\n    (state: any) => state.popup.visibleFieldsPopup\n  );\n\n  const items = [\n    {\n      label: \"Settings\",\n      icon: \"pi pi-cog\",\n      command: () => {\n      },\n    },\n    {\n      label: \"Update\",\n      icon: \"pi pi-refresh\",\n      command: () => {\n      },\n    },\n    {\n      label: \"Delete\",\n      icon: \"pi pi-trash\",\n      command: () => {\n      },\n    },\n  ];\n  const [value, setValue] = useState(null);\n  const contextMenuOptions = [\n    {\n      label: (\n        <div id=\"kanban\" onClick={() => dispatch(gridView())}>\n          <img\n            src=\"/images/icons/icon-kanban.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"kanban\",\n      tooltip: \"Kanban\",\n    },\n    {\n      label: (\n        <div id=\"list_view\" onClick={() => dispatch(listView())}>\n          <img\n            src=\"/images/icons/icon-list.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"list_view\",\n      tooltip: \"List view\",\n    },\n    {\n      label: (\n        <div id=\"calender\">\n          <img\n            src=\"/images/icons/icon-calender.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"calender\",\n      tooltip: \"Calender\",\n    },\n    {\n      label: (\n        <div id=\"activity\">\n          <img\n            src=\"/images/icons/icon-activity.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"activity\",\n      tooltip: \"Activity\",\n    },\n    {\n      label: (\n        <div id=\"graph\">\n          <img\n            src=\"/images/icons/icon-graph.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"graph\",\n      tooltip: \"Graph\",\n    },\n  ];\n\n  const justifyTemplate = (option: any) => {\n    const m = parseSolidIconMeta(option.icon);\n    return m ? <SolidIcon name={m.name} spin={m.spin} /> : <i className={option.icon}></i>;\n  };\n\n\n  const save = () => {\n    const pathName = window.location.pathname;\n    const newPath = pathName.split('/').slice(0, -1).join('/') + '/create';\n\n    router.push(newPath);\n\n\n\n    // switch (pathParts[3]) {\n    //   case \"model\":\n    //     dispatch(showFieldsPopup());\n    //     break;\n    //   case \"module\":\n    //     dispatch(showModulePopup());\n    //     break;\n    // }\n  };\n\n\n\n  return (\n    <>\n      <div\n        className=\"flex justify-content-between align-items-center px-5 relative lg:static\"\n        style={{ height: \"60px\", minHeight: 60, backgroundColor: '#f6f6f9' }}\n      >\n        <div className=\"flex align-items-center\">\n          {/* <i className=\"pi pi-users\" style={{backgroundColor:\"#1D6CBC\"}}></i> */}\n          {/* <img src=\"/images/icons/icon-users.svg\" />\n                <span className=\"listHead ml-2\">Employees</span> */}\n          <div className=\"\">\n            {/* <SplitButton\n              label=\"Add\"\n              icon=\"pi pi-plus\"\n              onClick={save}\n              model={items}\n              severity=\"info\"\n              className=\"small-splitbutton\"\n            /> */}\n            {pathname.includes('all') &&\n              <HeaderDynamicTitles />\n            }\n          </div>\n        </div>\n        {/* <GlobalSearch /> */}\n        <div className=\"flex align-items-center\">\n\n          {/* <Button label=\"Show\" icon=\"pi pi-external-link\" onClick={() => setVisible(true)} /> */}\n\n          <div>\n            {/* <Menu model={items} popup ref={menu} /> */}\n            {pathname == \"/admin/address-master/states\" &&\n              <FilterMenu></FilterMenu>\n\n            }\n            {/* <Button\n              icon=\"pi pi-cog\"\n              className=\"transparent-background\"\n              onClick={toggleMenu}\n              aria-haspopup\n              aria-controls=\"popup_menu\"\n            /> */}\n          </div>\n        </div>\n        <div className=\"flex align-items-center\">\n          {/* <div>\n            {contextMenuOptions.map((option) => (\n              <Tooltip\n                key={option.value}\n                target={`#${option.value}`}\n                content={option.tooltip}\n                className=\"custom-tooltip\"\n              />\n            ))}\n            <SelectButton\n              value={value}\n              onChange={(e) => setValue(e.value)}\n              options={contextMenuOptions}\n              className=\"custom-select-button\"\n            />\n          </div> */}\n        </div>\n      </div>\n      {/* <CreateModule></CreateModule> */}\n    </>\n  );\n};\nexport default ListingHeader;\n"]}

package/dist/components/layout/ListingHeader.tsx

@@ -1,5 +1,4 @@
 
-import { Menu } from "primereact/menu";
 import React, { useRef, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 // import { RootState } from "../../redux/store";
@@ -8,6 +7,7 @@ import { usePathname } from "../../hooks/usePathname";
 import { useRouter } from "../../hooks/useRouter";
 import { HeaderDynamicTitles } from "../common/HeaderDynamicTitles";
 import FilterMenu from "./FilterMenu";
+import { SolidIcon, parseSolidIconMeta } from "../shad-cn-ui/SolidIcon";
 
 const ListingHeader = () => {
   const dispatch = useDispatch();
@@ -19,7 +19,6 @@ const ListingHeader = () => {
     (state: any) => state.popup.visibleFieldsPopup
   );
 
-  const menu = useRef<Menu>(null);
   const items = [
     {
       label: "Settings",
@@ -105,7 +104,8 @@ const ListingHeader = () => {
   ];
 
   const justifyTemplate = (option: any) => {
-    return <i className={option.icon}></i>;
+    const m = parseSolidIconMeta(option.icon);
+    return m ? <SolidIcon name={m.name} spin={m.spin} /> : <i className={option.icon}></i>;
   };
 
 
@@ -127,12 +127,6 @@ const ListingHeader = () => {
     // }
   };
 
-  const toggleMenu = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
-    if (menu.current) {
-      menu.current.toggle(e);
-    }
-  };
-
 
 
   return (

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

@@ -1 +1 @@
-{"version":3,"file":"SolidAiStudioLayout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/SolidAiStudioLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAqE3D,eAAO,MAAM,QAAQ,+CAIpB,CAAC;AAOF,wBAAgB,WAAW,6BAmN1B;AASD,wBAAgB,kBAAkB,SAsBjC;AAID,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAE7E;AAGD,eAAO,MAAM,mBAAmB,2BAAqB,CAAC;AACtD,eAAO,MAAM,gBAAgB,oBAAc,CAAC"}
+{"version":3,"file":"SolidAiStudioLayout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/SolidAiStudioLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAmC3D,eAAO,MAAM,QAAQ,+CAIpB,CAAC;AAyBF,wBAAgB,WAAW,6BAmL1B;AASD,wBAAgB,kBAAkB,SAsBjC;AAID,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAE7E;AAGD,eAAO,MAAM,mBAAmB,2BAAqB,CAAC;AACtD,eAAO,MAAM,gBAAgB,oBAAc,CAAC"}