mobigrid-module 1.1.6 → 1.1.8

package/index.tsx

@@ -1,209 +0,0 @@
-import React from "react";
-import { useEffect, useState } from "react";
-import { format } from "date-fns";
-import axios from "axios";
-import { Alert, AlertTitle, AlertDescription } from "./components/ui/alert";
-import { PageHeader } from "./components/Layout/PageHeader";
-import { CustomTable } from "./components/CustomTable/CustomTable";
-import Pagination from "./components/CustomTable/Pagination";
-import LoadingConfig from "./components/LoadingConfig";
-import InvalidConfig from "./components/InvalidConfig";
-
-const ITEMS_PER_PAGE = 14;
-
-interface ContainerProps {
-  configUrl: string;
-  preJsUrl: string;
-  itemsPerPage?: number;
-  children?: React.ReactNode;
-}
-
-const MobigridModule = ({
-  configUrl,
-  preJsUrl,
-  itemsPerPage = ITEMS_PER_PAGE,
-  children,
-}: ContainerProps) => {
-  const [config, setConfig] = useState<any>(null);
-  const [invalidConfig, setInvalidConfig] = useState(false);
-  const [errors, setErrors] = useState<
-    Array<{
-      title: string;
-      message: string;
-    }>
-  >([]);
-  const [isLoading, setIsLoading] = useState(false);
-  const [data, setData] = useState([]);
-  const [count, setCount] = useState(0);
-  const [currentPage, setCurrentPage] = useState(1);
-  const [totalPages, setTotalPages] = useState(1);
-  const [filters, setFilters] = useState({
-    fromDate: new Date(
-      new Date().getFullYear(),
-      new Date().getMonth(),
-      1
-    ).toLocaleString(),
-    toDate: new Date(
-      new Date().getFullYear(),
-      new Date().getMonth() + 1,
-      0,
-      23,
-      59,
-      59
-    ).toLocaleString(),
-  });
-  const [filterOptions, setFilterOptions] = useState<any[]>([]);
-
-  useEffect(() => {
-    const loadConfig = async () => {
-      try {
-        const response = await fetch(configUrl);
-        const data = await response.json();
-        if (data && data.title && data.data_url && data.colomns) {
-          setConfig(data);
-          setFilterOptions(data.Filters?.flat() || []);
-        } else {
-          setInvalidConfig(true);
-        }
-      } catch (error) {
-        setInvalidConfig(true);
-      }
-    };
-
-    const loadFunctions = async () => {
-      const response = await fetch(preJsUrl);
-      const script = document.createElement("script");
-      script.textContent = await response.text();
-      document.head.appendChild(script);
-    };
-
-    if (configUrl && preJsUrl) {
-      loadConfig();
-      loadFunctions();
-    }
-  }, [configUrl, preJsUrl]);
-
-  useEffect(() => {
-    const controller = new AbortController();
-
-    const initializeFilters = async () => {
-      const filters = config?.Filters?.flat() || [];
-      for (const filter of filters) {
-        if (filter.type === "Select" && filter.urlSource) {
-          await fetchFilterOptions(filter, controller.signal);
-        }
-      }
-    };
-
-    if (config) initializeFilters();
-
-    return () => controller.abort();
-  }, [config]);
-
-  const getData = async () => {
-    setErrors([]);
-    const postBody = {
-      page: currentPage,
-      filters: {
-        ...filters,
-        fromDate: format(filters.fromDate, "MM-dd-yyyy HH:mm"),
-        toDate: format(filters.toDate, "MM-dd-yyyy HH:mm"),
-      },
-    };
-
-    setIsLoading(true);
-    try {
-      const response = await axios.post(config.data_url, postBody);
-      setIsLoading(false);
-
-      if (response?.data) {
-        setData(response.data?.DATA);
-        setCount(response.data?.PAGESNUM);
-        setTotalPages(Math.ceil(response.data?.PAGESNUM / itemsPerPage) || 1);
-      } else {
-        setInvalidConfig(true);
-      }
-    } catch (error) {
-      setIsLoading(false);
-      setErrors((prev) => [
-        ...prev,
-        {
-          title: "Erreur",
-          message: "Une erreur est survenue",
-        },
-      ]);
-    }
-  };
-
-  const fetchFilterOptions = async (filter: any, signal?: AbortSignal) => {
-    if (filter.type === "Select" && filter.urlSource) {
-      try {
-        const response = await axios.get(filter.urlSource, { signal });
-        if (response?.status === 200 && response?.data) {
-          const options = Array.isArray(response.data) ? response.data : [];
-          setFilterOptions((prev) =>
-            prev.map((f) => (f.name === filter.name ? { ...f, options } : f))
-          );
-        }
-      } catch (error) {
-        if (!axios.isCancel(error)) {
-          setErrors((prev) => [
-            ...prev,
-            {
-              title: "Erreur",
-              message: `Une erreur est survenue lors de la récupération des options pour ${filter.name}`,
-            },
-          ]);
-          console.error(`Error fetching options for ${filter.name}:`, error);
-        }
-      }
-    }
-  };
-
-  if (invalidConfig) return <InvalidConfig />;
-  if (!config) return <LoadingConfig />;
-  return (
-    <div className="flex flex-col gap-4 p-4 max-w-[1300px] mx-auto mt-8 mb-">
-      <PageHeader
-        title={config.title}
-        configFilters={filterOptions}
-        filters={filters}
-        setFilters={setFilters}
-        onSearch={() => getData()}
-        count={count}
-        isLoading={isLoading}
-        setCurrentPage={setCurrentPage}
-      />
-      {errors.map((error, index) => (
-        <Alert key={index} variant="destructive">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            fill="none"
-            viewBox="0 0 24 24"
-            strokeWidth="1.5"
-            stroke="currentColor"
-            className="size-6"
-          >
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
-            />
-          </svg>
-
-          <AlertTitle>{error.title}</AlertTitle>
-          <AlertDescription>{error.message}</AlertDescription>
-        </Alert>
-      ))}
-      <CustomTable data={data} columns={config.colomns} isLoading={isLoading} />
-      <Pagination
-        currentPage={currentPage}
-        totalPages={totalPages}
-        onPageChange={setCurrentPage}
-      />
-      {children}
-    </div>
-  );
-};
-
-export { MobigridModule as default };

package/lib/utils.ts

@@ -1,6 +0,0 @@
-import { type ClassValue, clsx } from "clsx"
-import { twMerge } from "tailwind-merge"
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-} 

package/tsconfig.json

@@ -1,36 +0,0 @@
-{
-    "compilerOptions": {
-        "target": "ES5",
-        "module": "ESNext",
-        "declaration": true,
-        "declarationDir": "dist/types",
-        "outDir": "dist",
-        "jsx": "react",
-        "strict": true,
-        "esModuleInterop": true,
-        "skipLibCheck": true,
-        "moduleResolution": "node",
-        "baseUrl": "./",
-        "paths": {
-            "*": [
-                "node_modules/*"
-            ]
-        },
-        "typeRoots": [
-            "./node_modules/@types",
-            "./typings"
-        ],
-    },
-    "include": [
-        "./**/*",
-        "typings",
-        "components",
-        "lib",
-        "types",
-        "index.tsx"
-    ],
-    "exclude": [
-        "node_modules",
-        "dist"
-    ]
-}