@solidxai/core-ui 0.1.9-beta.2 → 0.1.9-beta.21

package/dist/components/core/form/SolidFormFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidFormFooter.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormFooter.tsx"],"names":[],"mappings":"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","sourcesContent":["\n\nimport { useLazyNavigationQuery } from \"../../../redux/api/modelApi\";\nimport { useEffect, useState } from \"react\";\nimport qs from \"qs\";\nimport { setFilterObjectToLocalStorageByUrl, getFilterObjectFromLocalStorageByUrl } from \"../list/SolidListView\";\nimport { SolidFormViewProps } from \"./SolidFormView\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { SolidButton, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from \"../../shad-cn-ui\";\n\nexport type SolidFormFooterProps = {\n    params: SolidFormViewProps;\n};\n\ntype NavItem = {\n    recordId: number;\n    offset: number;\n    limit: number;\n};\n\nexport const SolidFormFooter = ({ params }: SolidFormFooterProps) => {\n    const pathname = usePathname();\n    const searchParams = useSearchParams();\n    const router = useRouter();\n\n    const [prevNav, setPrevNav] = useState<NavItem | null>(null);\n    const [nextNav, setNextNav] = useState<NavItem | null>(null);\n    const [meta, setMeta] = useState<any>(null);\n\n    const [triggerGetNavigation, { isLoading }] =\n        useLazyNavigationQuery();\n\n    // -----------------------------\n    // Helper: update local storage\n    // -----------------------------\n    const updatePaginationInLocalStorage = (offset: number, limit: number) => {\n        const listPath = window.location.pathname.replace(\n            /\\/form\\/[^/]+/,\n            \"/list\",\n        );\n        const queryObject = getFilterObjectFromLocalStorageByUrl(listPath);\n\n        const updatedQueryObj = {\n            ...queryObject,\n            offset,\n            limit,\n        };\n        setFilterObjectToLocalStorageByUrl(listPath, updatedQueryObj)\n    };\n\n    const getNewUrl = (recordId: number): string => {\n        // Replace the id after /form/\n        const newPathname = pathname.replace(\n            /\\/form\\/[^/]+/,\n            `/form/${recordId}`,\n        );\n\n        // Clone search params (immutable in Next.js)\n        const params = new URLSearchParams(searchParams.toString());\n\n        // Remove only userKeyField\n        params.delete(\"userKeyField\");\n\n        const query = params.toString();\n        return query ? `${newPathname}?${query}` : newPathname;\n    }\n\n\n    // -----------------------------\n    // Click handlers\n    // -----------------------------\n    const handlePrev = () => {\n\n        if (!prevNav) return;\n\n        updatePaginationInLocalStorage(prevNav.offset, prevNav.limit);\n        const newUrl = getNewUrl(prevNav.recordId)\n        router.push(newUrl);\n    };\n\n    const handleNext = () => {\n        if (!nextNav) return;\n\n        updatePaginationInLocalStorage(nextNav.offset, nextNav.limit);\n        const newUrl = getNewUrl(nextNav.recordId)\n        router.push(newUrl);\n    };\n\n    // -----------------------------\n    // Fetch navigation data\n    // -----------------------------\n    useEffect(() => {\n        if (params.id !== \"new\") {\n\n            const fetchNavigation = async () => {\n                const listPath = window.location.pathname.replace(\n                    /\\/form\\/[^/]+/,\n                    \"/list\",\n                );\n\n                const queryObject = getFilterObjectFromLocalStorageByUrl(listPath);\n\n                const queryData = {\n                    offset: queryObject.offset || 0,\n                    limit: queryObject.limit || 25,\n                    filters: queryObject.filters,\n                    fields: [\"id\"],\n                    modelName: params.modelName,\n                    recordId: params.id,\n                    sort: queryObject.sort\n                };\n\n                const queryString = qs.stringify(queryData, {\n                    encodeValuesOnly: true,\n                });\n\n                const response: any = await triggerGetNavigation(queryString).unwrap();\n                console.log(\"response nav\", response);\n                if (response.statusCode == 200) {\n                    setPrevNav(response?.data?.prev ?? null);\n                    setNextNav(response?.data?.next ?? null);\n                    setMeta(response?.data?.meta ?? null);\n                }\n            };\n            fetchNavigation();\n        }\n    }, [params.id]);\n\n    // -----------------------------\n    // UI\n    // -----------------------------\n    return (\n        <div\n            className=\"flex justify-content-end align-items-center gap-2 p-1\"\n        >{meta &&\n            <span className=\"solid-form-footer-pagination-meta\">{`${meta.currentIndexGlobal} of ${meta.totalRecords}`}</span>\n            }\n            {prevNav && (\n                <SolidTooltip>\n                    <SolidTooltipTrigger asChild>\n                        <SolidButton\n                            icon=\"si si-angle-left\"\n                            variant=\"ghost\"\n                            size=\"sm\"\n                            onClick={() => handlePrev()}\n                            disabled={isLoading}\n                        />\n                    </SolidTooltipTrigger>\n                    <SolidTooltipContent side=\"top\">Previous</SolidTooltipContent>\n                </SolidTooltip>\n            )}\n\n            {nextNav && (\n                <SolidTooltip>\n                    <SolidTooltipTrigger asChild>\n                        <SolidButton\n                            icon=\"si si-angle-right\"\n                            variant=\"ghost\"\n                            size=\"sm\"\n                            onClick={() => handleNext()}\n                            disabled={isLoading}\n                        />\n                    </SolidTooltipTrigger>\n                    <SolidTooltipContent side=\"top\">Next</SolidTooltipContent>\n                </SolidTooltip>\n            )}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"SolidFormFooter.js","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormFooter.tsx"],"names":[],"mappings":"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","sourcesContent":["\n\nimport { useLazyNavigationQuery } from \"../../../redux/api/modelApi\";\nimport { useEffect, useState } from \"react\";\nimport qs from \"qs\";\nimport { setFilterObjectToLocalStorageByUrl, getFilterObjectFromLocalStorageByUrl } from \"../list/SolidListView\";\nimport { SolidFormViewProps } from \"./SolidFormView\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { SolidButton, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from \"../../shad-cn-ui\";\n\nexport type SolidFormFooterProps = {\n    params: SolidFormViewProps;\n};\n\ntype NavItem = {\n    recordId: number;\n    offset: number;\n    limit: number;\n};\n\nexport const SolidFormFooter = ({ params }: SolidFormFooterProps) => {\n    const pathname = usePathname();\n    const searchParams = useSearchParams();\n    const router = useRouter();\n\n    const [prevNav, setPrevNav] = useState<NavItem | null>(null);\n    const [nextNav, setNextNav] = useState<NavItem | null>(null);\n    const [meta, setMeta] = useState<any>(null);\n\n    const [triggerGetNavigation, { isLoading }] =\n        useLazyNavigationQuery();\n\n    // -----------------------------\n    // Helper: update local storage\n    // -----------------------------\n    const updatePaginationInLocalStorage = (offset: number, limit: number) => {\n        const listPath = window.location.pathname.replace(\n            /\\/form\\/[^/]+/,\n            \"/list\",\n        );\n        const queryObject = getFilterObjectFromLocalStorageByUrl(listPath) || {};\n\n        const updatedQueryObj = {\n            ...queryObject,\n            offset,\n            limit,\n        };\n        setFilterObjectToLocalStorageByUrl(listPath, updatedQueryObj)\n    };\n\n    const getNewUrl = (recordId: number): string => {\n        // Replace the id after /form/\n        const newPathname = pathname.replace(\n            /\\/form\\/[^/]+/,\n            `/form/${recordId}`,\n        );\n\n        // Clone search params (immutable in Next.js)\n        const params = new URLSearchParams(searchParams.toString());\n\n        // Remove only userKeyField\n        params.delete(\"userKeyField\");\n\n        const query = params.toString();\n        return query ? `${newPathname}?${query}` : newPathname;\n    }\n\n\n    // -----------------------------\n    // Click handlers\n    // -----------------------------\n    const handlePrev = () => {\n\n        if (!prevNav) return;\n\n        updatePaginationInLocalStorage(prevNav.offset, prevNav.limit);\n        const newUrl = getNewUrl(prevNav.recordId)\n        router.push(newUrl);\n    };\n\n    const handleNext = () => {\n        if (!nextNav) return;\n\n        updatePaginationInLocalStorage(nextNav.offset, nextNav.limit);\n        const newUrl = getNewUrl(nextNav.recordId)\n        router.push(newUrl);\n    };\n\n    // -----------------------------\n    // Fetch navigation data\n    // -----------------------------\n    useEffect(() => {\n        if (params.embeded === true) {\n            setPrevNav(null);\n            setNextNav(null);\n            setMeta(null);\n            return;\n        }\n\n        if (params.id !== \"new\") {\n\n            const fetchNavigation = async () => {\n                const listPath = window.location.pathname.replace(\n                    /\\/form\\/[^/]+/,\n                    \"/list\",\n                );\n\n                const queryObject = getFilterObjectFromLocalStorageByUrl(listPath);\n                const defaultQueryObject = queryObject || {};\n                const locale = searchParams.get(\"locale\");\n                const defaultEntityLocaleId = searchParams.get(\"defaultEntityLocaleId\");\n\n                const queryData: Record<string, any> = {\n                    offset: defaultQueryObject.offset || 0,\n                    limit: defaultQueryObject.limit || 25,\n                    filters: defaultQueryObject.finalFullFilter || null,\n                    // fields: [\"id\"],\n                    modelName: params.modelName,\n                    recordId: params.id,\n                    sort: defaultQueryObject.sort,\n                };\n\n                if (locale) {\n                    queryData.locale = locale;\n                }\n\n                if (defaultEntityLocaleId && defaultEntityLocaleId !== \"new\") {\n                    queryData.defaultEntityLocaleId = defaultEntityLocaleId;\n                }\n\n                const queryString = qs.stringify(queryData, {\n                    encodeValuesOnly: true,\n                });\n\n                const response: any = await triggerGetNavigation(queryString).unwrap();\n                if (response.statusCode == 200) {\n                    setPrevNav(response?.data?.prev ?? null);\n                    setNextNav(response?.data?.next ?? null);\n                    setMeta(response?.data?.meta ?? null);\n                }\n            };\n            fetchNavigation();\n        }\n    }, [params.id, params.embeded, params.modelName, searchParams, triggerGetNavigation]);\n\n    // -----------------------------\n    // UI\n    // -----------------------------\n    return (\n        <div\n            className=\"flex justify-end items-center gap-2 p-1\"\n        >{meta &&\n            <span className=\"solid-form-footer-pagination-meta p-2\">{`${meta.currentIndexGlobal} of ${meta.totalRecords}`}</span>\n            }\n            {prevNav && (\n                <SolidTooltip>\n                    <SolidTooltipTrigger asChild>\n                        <SolidButton\n                            icon=\"si si-angle-left\"\n                            variant=\"ghost\"\n                            size=\"sm\"\n                            onClick={() => handlePrev()}\n                            disabled={isLoading}\n                        />\n                    </SolidTooltipTrigger>\n                    <SolidTooltipContent side=\"top\">Previous</SolidTooltipContent>\n                </SolidTooltip>\n            )}\n\n            {nextNav && (\n                <SolidTooltip>\n                    <SolidTooltipTrigger asChild>\n                        <SolidButton\n                            icon=\"si si-angle-right\"\n                            variant=\"ghost\"\n                            size=\"sm\"\n                            onClick={() => handleNext()}\n                            disabled={isLoading}\n                        />\n                    </SolidTooltipTrigger>\n                    <SolidTooltipContent side=\"top\">Next</SolidTooltipContent>\n                </SolidTooltip>\n            )}\n        </div>\n    );\n};\n"]}

package/dist/components/core/form/SolidFormFooter.tsx

@@ -40,7 +40,7 @@ export const SolidFormFooter = ({ params }: SolidFormFooterProps) => {
             /\/form\/[^/]+/,
             "/list",
         );
-        const queryObject = getFilterObjectFromLocalStorageByUrl(listPath);
+        const queryObject = getFilterObjectFromLocalStorageByUrl(listPath) || {};
 
         const updatedQueryObj = {
             ...queryObject,
@@ -92,6 +92,13 @@ export const SolidFormFooter = ({ params }: SolidFormFooterProps) => {
     // Fetch navigation data
     // -----------------------------
     useEffect(() => {
+        if (params.embeded === true) {
+            setPrevNav(null);
+            setNextNav(null);
+            setMeta(null);
+            return;
+        }
+
         if (params.id !== "new") {
 
             const fetchNavigation = async () => {
@@ -101,23 +108,33 @@ export const SolidFormFooter = ({ params }: SolidFormFooterProps) => {
                 );
 
                 const queryObject = getFilterObjectFromLocalStorageByUrl(listPath);
-
-                const queryData = {
-                    offset: queryObject.offset || 0,
-                    limit: queryObject.limit || 25,
-                    filters: queryObject.filters,
-                    fields: ["id"],
+                const defaultQueryObject = queryObject || {};
+                const locale = searchParams.get("locale");
+                const defaultEntityLocaleId = searchParams.get("defaultEntityLocaleId");
+
+                const queryData: Record<string, any> = {
+                    offset: defaultQueryObject.offset || 0,
+                    limit: defaultQueryObject.limit || 25,
+                    filters: defaultQueryObject.finalFullFilter || null,
+                    // fields: ["id"],
                     modelName: params.modelName,
                     recordId: params.id,
-                    sort: queryObject.sort
+                    sort: defaultQueryObject.sort,
                 };
 
+                if (locale) {
+                    queryData.locale = locale;
+                }
+
+                if (defaultEntityLocaleId && defaultEntityLocaleId !== "new") {
+                    queryData.defaultEntityLocaleId = defaultEntityLocaleId;
+                }
+
                 const queryString = qs.stringify(queryData, {
                     encodeValuesOnly: true,
                 });
 
                 const response: any = await triggerGetNavigation(queryString).unwrap();
-                console.log("response nav", response);
                 if (response.statusCode == 200) {
                     setPrevNav(response?.data?.prev ?? null);
                     setNextNav(response?.data?.next ?? null);
@@ -126,16 +143,16 @@ export const SolidFormFooter = ({ params }: SolidFormFooterProps) => {
             };
             fetchNavigation();
         }
-    }, [params.id]);
+    }, [params.id, params.embeded, params.modelName, searchParams, triggerGetNavigation]);
 
     // -----------------------------
     // UI
     // -----------------------------
     return (
         <div
-            className="flex justify-content-end align-items-center gap-2 p-1"
+            className="flex justify-end items-center gap-2 p-1"
         >{meta &&
-            <span className="solid-form-footer-pagination-meta">{`${meta.currentIndexGlobal} of ${meta.totalRecords}`}</span>
+            <span className="solid-form-footer-pagination-meta p-2">{`${meta.currentIndexGlobal} of ${meta.totalRecords}`}</span>
             }
             {prevNav && (
                 <SolidTooltip>

package/dist/components/core/form/SolidFormView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidFormView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormView.tsx"],"names":[],"mappings":"AA4DA,MAAM,MAAM,kBAAkB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,mBAAmB,CAAC,EAAE,GAAG,CAAA;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,CAAC;AAyBF,eAAO,MAAM,uBAAuB,WAAY,GAAG,EAAE,KAAG,GAQvD,CAAA;AACD,eAAO,MAAM,sBAAsB,QAAS,MAAM,uBAAuB,OAAO,MAAM,EAAE,GAAG,CAAC,QAa3F,CAAC;AA0UF,QAAA,MAAM,aAAa,WAAY,kBAAkB,4CA06ChD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SolidFormView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormView.tsx"],"names":[],"mappings":"AA4DA,MAAM,MAAM,kBAAkB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,mBAAmB,CAAC,EAAE,GAAG,CAAA;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,CAAC;AA8HF,eAAO,MAAM,uBAAuB,WAAY,GAAG,EAAE,KAAG,GAQvD,CAAA;AACD,eAAO,MAAM,sBAAsB,QAAS,MAAM,uBAAuB,OAAO,MAAM,EAAE,GAAG,CAAC,QAa3F,CAAC;AA0VF,QAAA,MAAM,aAAa,WAAY,kBAAkB,4CA88ChD,CAAC;AAEF,eAAe,aAAa,CAAC"}