Initial commit for new panel

2025-09-09 11:20:26 +03:30
commit 1d4ccb3575
343 changed files with 20031 additions and 0 deletions
@@ -0,0 +1,17 @@
+"use client";
+
+import dynamic from "next/dynamic";
+
+const Map = dynamic(() => import("./map"), { ssr: false });
+
+export function RegionLabels() {
+  return (
+    <div className="col-span-12 rounded-[10px] bg-white p-7.5 shadow-1 dark:bg-gray-dark dark:shadow-card xl:col-span-7">
+      <h2 className="mb-7 text-body-2xlg font-bold text-dark dark:text-white">
+        Region labels
+      </h2>
+
+      <Map />
+    </div>
+  );
+}
@@ -0,0 +1,47 @@
+"use client";
+
+import jsVectorMap from "jsvectormap";
+import { useEffect } from "react";
+
+import "@/js/us-aea-en";
+
+export default function Map() {
+  useEffect(() => {
+    new jsVectorMap({
+      selector: "#mapOne",
+      map: "us_aea_en",
+      zoomButtons: true,
+      regionStyle: {
+        initial: {
+          fill: "#C8D0D8",
+        },
+        hover: {
+          fillOpacity: 1,
+          fill: "#3056D3",
+        },
+      },
+      regionLabelStyle: {
+        initial: {
+          fontWeight: "semibold",
+          fill: "#fff",
+        },
+        hover: {
+          cursor: "pointer",
+        },
+      },
+      labels: {
+        regions: {
+          render(code: string) {
+            return code.split("-")[1];
+          },
+        },
+      },
+    });
+  }, []);
+
+  return (
+    <div className="h-[422px]">
+      <div id="mapOne" className="mapOne map-btn" />
+    </div>
+  );
+}