@andreagiugni/tailwind-dashboard-ui 0.5.18 → 0.5.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -3
- package/dist/index.cjs +0 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +0 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1
- package/dist/index.js.map +1 -1
- package/package.json +17 -27
- package/src/theme.css +0 -17
- package/dist/chunk-HT7SQXRF.cjs +0 -85
- package/dist/chunk-HT7SQXRF.cjs.map +0 -1
- package/dist/chunk-R66LONPQ.js +0 -83
- package/dist/chunk-R66LONPQ.js.map +0 -1
- package/dist/components/Map/CountryMap.cjs +0 -13
- package/dist/components/Map/CountryMap.cjs.map +0 -1
- package/dist/components/Map/CountryMap.d.cts +0 -13
- package/dist/components/Map/CountryMap.d.ts +0 -13
- package/dist/components/Map/CountryMap.js +0 -4
- package/dist/components/Map/CountryMap.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@andreagiugni/tailwind-dashboard-ui",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.19",
|
|
4
4
|
"description": "Reusable React + Tailwind CSS v4 dashboard components extracted from TailAdmin.",
|
|
5
5
|
"homepage": "https://taildashboardui.com",
|
|
6
6
|
"author": "Andrea Giugni",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"clsx": "^2.1.1",
|
|
36
36
|
"flatpickr": "^4.6.13",
|
|
37
37
|
"react-beautiful-color": "^2.1.0",
|
|
38
|
-
"tailwind-merge": "^
|
|
38
|
+
"tailwind-merge": "^3.6.0"
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
41
41
|
"@fullcalendar/core": "^6",
|
|
@@ -44,8 +44,6 @@
|
|
|
44
44
|
"@fullcalendar/list": "^6",
|
|
45
45
|
"@fullcalendar/react": "^6",
|
|
46
46
|
"@fullcalendar/timegrid": "^6",
|
|
47
|
-
"@react-jvectormap/core": "^1",
|
|
48
|
-
"@react-jvectormap/world": "^1",
|
|
49
47
|
"@tiptap/extension-link": "^2",
|
|
50
48
|
"@tiptap/extension-placeholder": "^2",
|
|
51
49
|
"@tiptap/extension-subscript": "^2",
|
|
@@ -55,7 +53,7 @@
|
|
|
55
53
|
"@tiptap/starter-kit": "^2",
|
|
56
54
|
"apexcharts": "^4",
|
|
57
55
|
"react": "^18 || ^19",
|
|
58
|
-
"react-apexcharts": "^1.
|
|
56
|
+
"react-apexcharts": "^2.1.1",
|
|
59
57
|
"react-dom": "^18 || ^19",
|
|
60
58
|
"tailwindcss": "^4"
|
|
61
59
|
},
|
|
@@ -84,12 +82,6 @@
|
|
|
84
82
|
"@fullcalendar/interaction": {
|
|
85
83
|
"optional": true
|
|
86
84
|
},
|
|
87
|
-
"@react-jvectormap/core": {
|
|
88
|
-
"optional": true
|
|
89
|
-
},
|
|
90
|
-
"@react-jvectormap/world": {
|
|
91
|
-
"optional": true
|
|
92
|
-
},
|
|
93
85
|
"@tiptap/react": {
|
|
94
86
|
"optional": true
|
|
95
87
|
},
|
|
@@ -116,17 +108,15 @@
|
|
|
116
108
|
"esbuild": "^0.28.1"
|
|
117
109
|
},
|
|
118
110
|
"devDependencies": {
|
|
119
|
-
"@fullcalendar/core": "^6.1.
|
|
120
|
-
"@fullcalendar/daygrid": "^6.1.
|
|
121
|
-
"@fullcalendar/interaction": "^6.1.
|
|
122
|
-
"@fullcalendar/list": "^6.1.
|
|
123
|
-
"@fullcalendar/react": "^6.1.
|
|
124
|
-
"@fullcalendar/timegrid": "^6.1.
|
|
125
|
-
"@react-jvectormap/core": "^1.0.4",
|
|
126
|
-
"@react-jvectormap/world": "^1.1.2",
|
|
111
|
+
"@fullcalendar/core": "^6.1.21",
|
|
112
|
+
"@fullcalendar/daygrid": "^6.1.21",
|
|
113
|
+
"@fullcalendar/interaction": "^6.1.21",
|
|
114
|
+
"@fullcalendar/list": "^6.1.21",
|
|
115
|
+
"@fullcalendar/react": "^6.1.21",
|
|
116
|
+
"@fullcalendar/timegrid": "^6.1.21",
|
|
127
117
|
"@testing-library/dom": "^10.4.1",
|
|
128
|
-
"@testing-library/jest-dom": "^6.
|
|
129
|
-
"@testing-library/react": "^16.
|
|
118
|
+
"@testing-library/jest-dom": "^6.9.1",
|
|
119
|
+
"@testing-library/react": "^16.3.2",
|
|
130
120
|
"@tiptap/extension-link": "^2.27.2",
|
|
131
121
|
"@tiptap/extension-placeholder": "^2.27.2",
|
|
132
122
|
"@tiptap/extension-subscript": "^2.27.2",
|
|
@@ -138,12 +128,12 @@
|
|
|
138
128
|
"@types/react": "^19.2.1",
|
|
139
129
|
"@types/react-dom": "^19.2.1",
|
|
140
130
|
"apexcharts": "^4.7.0",
|
|
141
|
-
"jsdom": "^
|
|
142
|
-
"react": "^19.2.
|
|
143
|
-
"react-apexcharts": "^1.
|
|
144
|
-
"react-dom": "^19.2.
|
|
145
|
-
"tailwindcss": "^4.1
|
|
146
|
-
"tsup": "^8.
|
|
131
|
+
"jsdom": "^29.1.1",
|
|
132
|
+
"react": "^19.2.7",
|
|
133
|
+
"react-apexcharts": "^2.1.1",
|
|
134
|
+
"react-dom": "^19.2.7",
|
|
135
|
+
"tailwindcss": "^4.3.1",
|
|
136
|
+
"tsup": "^8.5.1",
|
|
147
137
|
"typescript": "^5.9.3",
|
|
148
138
|
"vitest": "^4.1.9"
|
|
149
139
|
}
|
package/src/theme.css
CHANGED
|
@@ -709,23 +709,6 @@ span.flatpickr-weekday,
|
|
|
709
709
|
@apply w-6.5 rounded-xl;
|
|
710
710
|
}
|
|
711
711
|
|
|
712
|
-
.jvectormap-container {
|
|
713
|
-
@apply !bg-gray-50 dark:!bg-gray-900;
|
|
714
|
-
}
|
|
715
|
-
.jvectormap-region.jvectormap-element {
|
|
716
|
-
@apply !fill-gray-300 hover:!fill-brand-500 dark:!fill-gray-700 dark:hover:!fill-brand-500;
|
|
717
|
-
}
|
|
718
|
-
.jvectormap-marker.jvectormap-element {
|
|
719
|
-
@apply !stroke-gray-200 dark:!stroke-gray-800;
|
|
720
|
-
}
|
|
721
|
-
.jvectormap-tip {
|
|
722
|
-
@apply !bg-brand-500 !border-none !px-2 !py-1;
|
|
723
|
-
}
|
|
724
|
-
.jvectormap-zoomin,
|
|
725
|
-
.jvectormap-zoomout {
|
|
726
|
-
@apply !hidden;
|
|
727
|
-
}
|
|
728
|
-
|
|
729
712
|
.form-check-input:checked ~ span {
|
|
730
713
|
@apply border-[6px] border-brand-500 bg-brand-500 dark:border-brand-500;
|
|
731
714
|
}
|
package/dist/chunk-HT7SQXRF.cjs
DELETED
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var core = require('@react-jvectormap/core');
|
|
5
|
-
var world = require('@react-jvectormap/world');
|
|
6
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
-
|
|
8
|
-
var defaultMarkers = [
|
|
9
|
-
{ latLng: [37.2580397, -104.657039], name: "United States" },
|
|
10
|
-
{ latLng: [20.7504374, 73.7276105], name: "India" },
|
|
11
|
-
{ latLng: [53.613, -11.6368], name: "United Kingdom" },
|
|
12
|
-
{ latLng: [-25.0304388, 115.2092761], name: "Sweden" }
|
|
13
|
-
];
|
|
14
|
-
var CountryMap = ({
|
|
15
|
-
markers = defaultMarkers,
|
|
16
|
-
markerColor = "#465FFF",
|
|
17
|
-
mapColor
|
|
18
|
-
}) => {
|
|
19
|
-
const mappedMarkers = markers.map((marker) => ({
|
|
20
|
-
latLng: marker.latLng,
|
|
21
|
-
name: marker.name,
|
|
22
|
-
style: {
|
|
23
|
-
fill: markerColor,
|
|
24
|
-
borderWidth: 1,
|
|
25
|
-
borderColor: "white"
|
|
26
|
-
}
|
|
27
|
-
}));
|
|
28
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
29
|
-
core.VectorMap,
|
|
30
|
-
{
|
|
31
|
-
map: world.worldMill,
|
|
32
|
-
backgroundColor: "transparent",
|
|
33
|
-
markerStyle: {
|
|
34
|
-
initial: {
|
|
35
|
-
fill: markerColor,
|
|
36
|
-
r: 4
|
|
37
|
-
// Custom radius for markers
|
|
38
|
-
}
|
|
39
|
-
// Type assertion to bypass strict CSS property checks
|
|
40
|
-
},
|
|
41
|
-
markersSelectable: true,
|
|
42
|
-
markers: mappedMarkers,
|
|
43
|
-
zoomOnScroll: false,
|
|
44
|
-
zoomMax: 12,
|
|
45
|
-
zoomMin: 1,
|
|
46
|
-
zoomAnimate: true,
|
|
47
|
-
zoomStep: 1.5,
|
|
48
|
-
regionStyle: {
|
|
49
|
-
initial: {
|
|
50
|
-
fill: mapColor || "#D0D5DD",
|
|
51
|
-
fillOpacity: 1,
|
|
52
|
-
fontFamily: "Outfit",
|
|
53
|
-
stroke: "none",
|
|
54
|
-
strokeWidth: 0,
|
|
55
|
-
strokeOpacity: 0
|
|
56
|
-
},
|
|
57
|
-
hover: {
|
|
58
|
-
fillOpacity: 0.7,
|
|
59
|
-
cursor: "pointer",
|
|
60
|
-
fill: markerColor,
|
|
61
|
-
stroke: "none"
|
|
62
|
-
},
|
|
63
|
-
selected: {
|
|
64
|
-
fill: markerColor
|
|
65
|
-
},
|
|
66
|
-
selectedHover: {}
|
|
67
|
-
},
|
|
68
|
-
regionLabelStyle: {
|
|
69
|
-
initial: {
|
|
70
|
-
fill: "#35373e",
|
|
71
|
-
fontWeight: 500,
|
|
72
|
-
fontSize: "13px",
|
|
73
|
-
stroke: "none"
|
|
74
|
-
},
|
|
75
|
-
hover: {},
|
|
76
|
-
selected: {},
|
|
77
|
-
selectedHover: {}
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
);
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
exports.CountryMap = CountryMap;
|
|
84
|
-
//# sourceMappingURL=chunk-HT7SQXRF.cjs.map
|
|
85
|
-
//# sourceMappingURL=chunk-HT7SQXRF.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Map/CountryMap.tsx"],"names":["jsx","VectorMap","worldMill"],"mappings":";;;;;;AA8BA,IAAM,cAAA,GAA+D;AAAA,EACnE,EAAE,MAAA,EAAQ,CAAC,YAAY,WAAW,CAAA,EAAG,MAAM,eAAA,EAAgB;AAAA,EAC3D,EAAE,MAAA,EAAQ,CAAC,YAAY,UAAU,CAAA,EAAG,MAAM,OAAA,EAAQ;AAAA,EAClD,EAAE,MAAA,EAAQ,CAAC,QAAQ,QAAQ,CAAA,EAAG,MAAM,gBAAA,EAAiB;AAAA,EACrD,EAAE,MAAA,EAAQ,CAAC,aAAa,WAAW,CAAA,EAAG,MAAM,QAAA;AAC9C,CAAA;AAEO,IAAM,aAAwC,CAAC;AAAA,EACpD,OAAA,GAAU,cAAA;AAAA,EACV,WAAA,GAAc,SAAA;AAAA,EACd;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,aAAA,GAA0B,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,MAAY;AAAA,IACvD,QAAQ,MAAA,CAAO,MAAA;AAAA,IACf,MAAM,MAAA,CAAO,IAAA;AAAA,IACb,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,WAAA;AAAA,MACN,WAAA,EAAa,CAAA;AAAA,MACb,WAAA,EAAa;AAAA;AACf,GACF,CAAE,CAAA;AAEF,EAAA,uBACEA,cAAA;AAAA,IAACC,cAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAKC,eAAA;AAAA,MACL,eAAA,EAAgB,aAAA;AAAA,MAChB,WAAA,EACE;AAAA,QACE,OAAA,EAAS;AAAA,UACP,IAAA,EAAM,WAAA;AAAA,UACN,CAAA,EAAG;AAAA;AAAA;AACL;AAAA,OACF;AAAA,MAEF,iBAAA,EAAmB,IAAA;AAAA,MACnB,OAAA,EAAS,aAAA;AAAA,MACT,YAAA,EAAc,KAAA;AAAA,MACd,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS,CAAA;AAAA,MACT,WAAA,EAAa,IAAA;AAAA,MACb,QAAA,EAAU,GAAA;AAAA,MACV,WAAA,EAAa;AAAA,QACX,OAAA,EAAS;AAAA,UACP,MAAM,QAAA,IAAY,SAAA;AAAA,UAClB,WAAA,EAAa,CAAA;AAAA,UACb,UAAA,EAAY,QAAA;AAAA,UACZ,MAAA,EAAQ,MAAA;AAAA,UACR,WAAA,EAAa,CAAA;AAAA,UACb,aAAA,EAAe;AAAA,SACjB;AAAA,QACA,KAAA,EAAO;AAAA,UACL,WAAA,EAAa,GAAA;AAAA,UACb,MAAA,EAAQ,SAAA;AAAA,UACR,IAAA,EAAM,WAAA;AAAA,UACN,MAAA,EAAQ;AAAA,SACV;AAAA,QACA,QAAA,EAAU;AAAA,UACR,IAAA,EAAM;AAAA,SACR;AAAA,QACA,eAAe;AAAC,OAClB;AAAA,MACA,gBAAA,EAAkB;AAAA,QAChB,OAAA,EAAS;AAAA,UACP,IAAA,EAAM,SAAA;AAAA,UACN,UAAA,EAAY,GAAA;AAAA,UACZ,QAAA,EAAU,MAAA;AAAA,UACV,MAAA,EAAQ;AAAA,SACV;AAAA,QACA,OAAO,EAAC;AAAA,QACR,UAAU,EAAC;AAAA,QACX,eAAe;AAAC;AAClB;AAAA,GACF;AAEJ","file":"chunk-HT7SQXRF.cjs","sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { VectorMap } from \"@react-jvectormap/core\";\nimport { worldMill } from \"@react-jvectormap/world\";\n\ntype MarkerStyle = {\n initial: {\n fill: string;\n r: number; // Radius for markers\n };\n};\n\ntype Marker = {\n latLng: [number, number];\n name: string;\n style?: {\n fill: string;\n borderWidth: number;\n borderColor: string;\n stroke?: string;\n strokeOpacity?: number;\n };\n};\n\nexport interface CountryMapProps {\n markers?: { latLng: [number, number]; name: string }[];\n markerColor?: string;\n mapColor?: string;\n}\n\nconst defaultMarkers: { latLng: [number, number]; name: string }[] = [\n { latLng: [37.2580397, -104.657039], name: \"United States\" },\n { latLng: [20.7504374, 73.7276105], name: \"India\" },\n { latLng: [53.613, -11.6368], name: \"United Kingdom\" },\n { latLng: [-25.0304388, 115.2092761], name: \"Sweden\" },\n];\n\nexport const CountryMap: React.FC<CountryMapProps> = ({\n markers = defaultMarkers,\n markerColor = \"#465FFF\",\n mapColor,\n}) => {\n const mappedMarkers: Marker[] = markers.map((marker) => ({\n latLng: marker.latLng,\n name: marker.name,\n style: {\n fill: markerColor,\n borderWidth: 1,\n borderColor: \"white\",\n },\n }));\n\n return (\n <VectorMap\n map={worldMill}\n backgroundColor=\"transparent\"\n markerStyle={\n {\n initial: {\n fill: markerColor,\n r: 4, // Custom radius for markers\n }, // Type assertion to bypass strict CSS property checks\n } as MarkerStyle\n }\n markersSelectable={true}\n markers={mappedMarkers}\n zoomOnScroll={false}\n zoomMax={12}\n zoomMin={1}\n zoomAnimate={true}\n zoomStep={1.5}\n regionStyle={{\n initial: {\n fill: mapColor || \"#D0D5DD\",\n fillOpacity: 1,\n fontFamily: \"Outfit\",\n stroke: \"none\",\n strokeWidth: 0,\n strokeOpacity: 0,\n },\n hover: {\n fillOpacity: 0.7,\n cursor: \"pointer\",\n fill: markerColor,\n stroke: \"none\",\n },\n selected: {\n fill: markerColor,\n },\n selectedHover: {},\n }}\n regionLabelStyle={{\n initial: {\n fill: \"#35373e\",\n fontWeight: 500,\n fontSize: \"13px\",\n stroke: \"none\",\n },\n hover: {},\n selected: {},\n selectedHover: {},\n }}\n />\n );\n};\n"]}
|
package/dist/chunk-R66LONPQ.js
DELETED
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { VectorMap } from '@react-jvectormap/core';
|
|
3
|
-
import { worldMill } from '@react-jvectormap/world';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
var defaultMarkers = [
|
|
7
|
-
{ latLng: [37.2580397, -104.657039], name: "United States" },
|
|
8
|
-
{ latLng: [20.7504374, 73.7276105], name: "India" },
|
|
9
|
-
{ latLng: [53.613, -11.6368], name: "United Kingdom" },
|
|
10
|
-
{ latLng: [-25.0304388, 115.2092761], name: "Sweden" }
|
|
11
|
-
];
|
|
12
|
-
var CountryMap = ({
|
|
13
|
-
markers = defaultMarkers,
|
|
14
|
-
markerColor = "#465FFF",
|
|
15
|
-
mapColor
|
|
16
|
-
}) => {
|
|
17
|
-
const mappedMarkers = markers.map((marker) => ({
|
|
18
|
-
latLng: marker.latLng,
|
|
19
|
-
name: marker.name,
|
|
20
|
-
style: {
|
|
21
|
-
fill: markerColor,
|
|
22
|
-
borderWidth: 1,
|
|
23
|
-
borderColor: "white"
|
|
24
|
-
}
|
|
25
|
-
}));
|
|
26
|
-
return /* @__PURE__ */ jsx(
|
|
27
|
-
VectorMap,
|
|
28
|
-
{
|
|
29
|
-
map: worldMill,
|
|
30
|
-
backgroundColor: "transparent",
|
|
31
|
-
markerStyle: {
|
|
32
|
-
initial: {
|
|
33
|
-
fill: markerColor,
|
|
34
|
-
r: 4
|
|
35
|
-
// Custom radius for markers
|
|
36
|
-
}
|
|
37
|
-
// Type assertion to bypass strict CSS property checks
|
|
38
|
-
},
|
|
39
|
-
markersSelectable: true,
|
|
40
|
-
markers: mappedMarkers,
|
|
41
|
-
zoomOnScroll: false,
|
|
42
|
-
zoomMax: 12,
|
|
43
|
-
zoomMin: 1,
|
|
44
|
-
zoomAnimate: true,
|
|
45
|
-
zoomStep: 1.5,
|
|
46
|
-
regionStyle: {
|
|
47
|
-
initial: {
|
|
48
|
-
fill: mapColor || "#D0D5DD",
|
|
49
|
-
fillOpacity: 1,
|
|
50
|
-
fontFamily: "Outfit",
|
|
51
|
-
stroke: "none",
|
|
52
|
-
strokeWidth: 0,
|
|
53
|
-
strokeOpacity: 0
|
|
54
|
-
},
|
|
55
|
-
hover: {
|
|
56
|
-
fillOpacity: 0.7,
|
|
57
|
-
cursor: "pointer",
|
|
58
|
-
fill: markerColor,
|
|
59
|
-
stroke: "none"
|
|
60
|
-
},
|
|
61
|
-
selected: {
|
|
62
|
-
fill: markerColor
|
|
63
|
-
},
|
|
64
|
-
selectedHover: {}
|
|
65
|
-
},
|
|
66
|
-
regionLabelStyle: {
|
|
67
|
-
initial: {
|
|
68
|
-
fill: "#35373e",
|
|
69
|
-
fontWeight: 500,
|
|
70
|
-
fontSize: "13px",
|
|
71
|
-
stroke: "none"
|
|
72
|
-
},
|
|
73
|
-
hover: {},
|
|
74
|
-
selected: {},
|
|
75
|
-
selectedHover: {}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
);
|
|
79
|
-
};
|
|
80
|
-
|
|
81
|
-
export { CountryMap };
|
|
82
|
-
//# sourceMappingURL=chunk-R66LONPQ.js.map
|
|
83
|
-
//# sourceMappingURL=chunk-R66LONPQ.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Map/CountryMap.tsx"],"names":[],"mappings":";;;;AA8BA,IAAM,cAAA,GAA+D;AAAA,EACnE,EAAE,MAAA,EAAQ,CAAC,YAAY,WAAW,CAAA,EAAG,MAAM,eAAA,EAAgB;AAAA,EAC3D,EAAE,MAAA,EAAQ,CAAC,YAAY,UAAU,CAAA,EAAG,MAAM,OAAA,EAAQ;AAAA,EAClD,EAAE,MAAA,EAAQ,CAAC,QAAQ,QAAQ,CAAA,EAAG,MAAM,gBAAA,EAAiB;AAAA,EACrD,EAAE,MAAA,EAAQ,CAAC,aAAa,WAAW,CAAA,EAAG,MAAM,QAAA;AAC9C,CAAA;AAEO,IAAM,aAAwC,CAAC;AAAA,EACpD,OAAA,GAAU,cAAA;AAAA,EACV,WAAA,GAAc,SAAA;AAAA,EACd;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,aAAA,GAA0B,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,MAAY;AAAA,IACvD,QAAQ,MAAA,CAAO,MAAA;AAAA,IACf,MAAM,MAAA,CAAO,IAAA;AAAA,IACb,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,WAAA;AAAA,MACN,WAAA,EAAa,CAAA;AAAA,MACb,WAAA,EAAa;AAAA;AACf,GACF,CAAE,CAAA;AAEF,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,SAAA;AAAA,MACL,eAAA,EAAgB,aAAA;AAAA,MAChB,WAAA,EACE;AAAA,QACE,OAAA,EAAS;AAAA,UACP,IAAA,EAAM,WAAA;AAAA,UACN,CAAA,EAAG;AAAA;AAAA;AACL;AAAA,OACF;AAAA,MAEF,iBAAA,EAAmB,IAAA;AAAA,MACnB,OAAA,EAAS,aAAA;AAAA,MACT,YAAA,EAAc,KAAA;AAAA,MACd,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS,CAAA;AAAA,MACT,WAAA,EAAa,IAAA;AAAA,MACb,QAAA,EAAU,GAAA;AAAA,MACV,WAAA,EAAa;AAAA,QACX,OAAA,EAAS;AAAA,UACP,MAAM,QAAA,IAAY,SAAA;AAAA,UAClB,WAAA,EAAa,CAAA;AAAA,UACb,UAAA,EAAY,QAAA;AAAA,UACZ,MAAA,EAAQ,MAAA;AAAA,UACR,WAAA,EAAa,CAAA;AAAA,UACb,aAAA,EAAe;AAAA,SACjB;AAAA,QACA,KAAA,EAAO;AAAA,UACL,WAAA,EAAa,GAAA;AAAA,UACb,MAAA,EAAQ,SAAA;AAAA,UACR,IAAA,EAAM,WAAA;AAAA,UACN,MAAA,EAAQ;AAAA,SACV;AAAA,QACA,QAAA,EAAU;AAAA,UACR,IAAA,EAAM;AAAA,SACR;AAAA,QACA,eAAe;AAAC,OAClB;AAAA,MACA,gBAAA,EAAkB;AAAA,QAChB,OAAA,EAAS;AAAA,UACP,IAAA,EAAM,SAAA;AAAA,UACN,UAAA,EAAY,GAAA;AAAA,UACZ,QAAA,EAAU,MAAA;AAAA,UACV,MAAA,EAAQ;AAAA,SACV;AAAA,QACA,OAAO,EAAC;AAAA,QACR,UAAU,EAAC;AAAA,QACX,eAAe;AAAC;AAClB;AAAA,GACF;AAEJ","file":"chunk-R66LONPQ.js","sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { VectorMap } from \"@react-jvectormap/core\";\nimport { worldMill } from \"@react-jvectormap/world\";\n\ntype MarkerStyle = {\n initial: {\n fill: string;\n r: number; // Radius for markers\n };\n};\n\ntype Marker = {\n latLng: [number, number];\n name: string;\n style?: {\n fill: string;\n borderWidth: number;\n borderColor: string;\n stroke?: string;\n strokeOpacity?: number;\n };\n};\n\nexport interface CountryMapProps {\n markers?: { latLng: [number, number]; name: string }[];\n markerColor?: string;\n mapColor?: string;\n}\n\nconst defaultMarkers: { latLng: [number, number]; name: string }[] = [\n { latLng: [37.2580397, -104.657039], name: \"United States\" },\n { latLng: [20.7504374, 73.7276105], name: \"India\" },\n { latLng: [53.613, -11.6368], name: \"United Kingdom\" },\n { latLng: [-25.0304388, 115.2092761], name: \"Sweden\" },\n];\n\nexport const CountryMap: React.FC<CountryMapProps> = ({\n markers = defaultMarkers,\n markerColor = \"#465FFF\",\n mapColor,\n}) => {\n const mappedMarkers: Marker[] = markers.map((marker) => ({\n latLng: marker.latLng,\n name: marker.name,\n style: {\n fill: markerColor,\n borderWidth: 1,\n borderColor: \"white\",\n },\n }));\n\n return (\n <VectorMap\n map={worldMill}\n backgroundColor=\"transparent\"\n markerStyle={\n {\n initial: {\n fill: markerColor,\n r: 4, // Custom radius for markers\n }, // Type assertion to bypass strict CSS property checks\n } as MarkerStyle\n }\n markersSelectable={true}\n markers={mappedMarkers}\n zoomOnScroll={false}\n zoomMax={12}\n zoomMin={1}\n zoomAnimate={true}\n zoomStep={1.5}\n regionStyle={{\n initial: {\n fill: mapColor || \"#D0D5DD\",\n fillOpacity: 1,\n fontFamily: \"Outfit\",\n stroke: \"none\",\n strokeWidth: 0,\n strokeOpacity: 0,\n },\n hover: {\n fillOpacity: 0.7,\n cursor: \"pointer\",\n fill: markerColor,\n stroke: \"none\",\n },\n selected: {\n fill: markerColor,\n },\n selectedHover: {},\n }}\n regionLabelStyle={{\n initial: {\n fill: \"#35373e\",\n fontWeight: 500,\n fontSize: \"13px\",\n stroke: \"none\",\n },\n hover: {},\n selected: {},\n selectedHover: {},\n }}\n />\n );\n};\n"]}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var chunkHT7SQXRF_cjs = require('../../chunk-HT7SQXRF.cjs');
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
Object.defineProperty(exports, "CountryMap", {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function () { return chunkHT7SQXRF_cjs.CountryMap; }
|
|
11
|
-
});
|
|
12
|
-
//# sourceMappingURL=CountryMap.cjs.map
|
|
13
|
-
//# sourceMappingURL=CountryMap.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":"","file":"CountryMap.cjs"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
interface CountryMapProps {
|
|
4
|
-
markers?: {
|
|
5
|
-
latLng: [number, number];
|
|
6
|
-
name: string;
|
|
7
|
-
}[];
|
|
8
|
-
markerColor?: string;
|
|
9
|
-
mapColor?: string;
|
|
10
|
-
}
|
|
11
|
-
declare const CountryMap: React.FC<CountryMapProps>;
|
|
12
|
-
|
|
13
|
-
export { CountryMap, type CountryMapProps };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
interface CountryMapProps {
|
|
4
|
-
markers?: {
|
|
5
|
-
latLng: [number, number];
|
|
6
|
-
name: string;
|
|
7
|
-
}[];
|
|
8
|
-
markerColor?: string;
|
|
9
|
-
mapColor?: string;
|
|
10
|
-
}
|
|
11
|
-
declare const CountryMap: React.FC<CountryMapProps>;
|
|
12
|
-
|
|
13
|
-
export { CountryMap, type CountryMapProps };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":"","file":"CountryMap.js"}
|