mobigrid-module 1.1.0 → 1.1.1

package/index.tsx

@@ -7,6 +7,8 @@ import { AlertCircle } from "lucide-react";
 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;
 
@@ -159,68 +161,8 @@ const MobigridModule = ({
     }
   };
 
-  if (invalidConfig) {
-    return (
-      <div
-        style={{
-          display: "flex",
-          justifyContent: "center",
-          alignItems: "center",
-          height: "100vh",
-        }}
-      >
-        <div style={{ position: "absolute" }}>
-          <svg
-            className="h-5 w-5 mx-auto mb-2"
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 24 24"
-            fill="red"
-          >
-            <path d="M18.3 5.71a.996.996 0 00-1.41 0L12 10.59 7.11 5.7A.996.996 0 105.7 7.11L10.59 12 5.7 16.89a.996.996 0 101.41 1.41L12 13.41l4.89 4.89a.996.996 0 101.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" />
-          </svg>
-          <div>Invalid configuration</div>
-        </div>
-      </div>
-    );
-  }
-
-  if (!config) {
-    return (
-      <div
-        style={{
-          display: "flex",
-          justifyContent: "center",
-          alignItems: "center",
-          height: "100vh",
-        }}
-      >
-        <div style={{ position: "absolute" }}>
-          <svg
-            className="animate-spin h-5 w-5 mx-auto mb-2"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="none"
-            viewBox="0 0 24 24"
-          >
-            <circle
-              className="opacity-25"
-              cx="12"
-              cy="12"
-              r="10"
-              stroke="currentColor"
-              strokeWidth="4"
-            ></circle>
-            <path
-              className="opacity-75"
-              fill="currentColor"
-              d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-            ></path>
-          </svg>
-          <div>Loading configuration...</div>
-        </div>
-      </div>
-    );
-  }
-
+  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
@@ -249,6 +191,6 @@ const MobigridModule = ({
       {children}
     </div>
   );
-}
+};
 
-export {MobigridModule as default};
+export { MobigridModule as default };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "mobigrid-module",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "",
   "type": "module",
-  "main": "index.tsx",
+  "main": "dist/index.tsx",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "rollup -c"