anarock-widgets 1.0.409 → 1.0.411

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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +2 -2
  2. package/dist/index.es.js +157 -147
  3. package/dist/index.umd.js +63 -63
  4. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -53992,7 +53992,7 @@ const che = ({ data: e }) => {
53992
53992
  font: { size: 12 },
53993
53993
  callback: function(d) {
53994
53994
  const f = this.getLabelForValue(d);
53995
- return f?.length > 10 ? `${f?.slice(0, 10)}...` : f;
53995
+ return c?.length > 3 && f?.length > 10 ? `${f.slice(0, 10)}...` : f;
53996
53996
  }
53997
53997
  }
53998
53998
  },
@@ -55050,7 +55050,7 @@ function Ehe({ data: e = [] }) {
55050
55050
  dataKey: "block_name",
55051
55051
  tick: { fontSize: 12, fill: "#64748B" },
55052
55052
  axisLine: !1,
55053
- tickFormatter: (c) => c?.length > 8 ? `${c?.slice(0, 8)}...` : c,
55053
+ tickFormatter: (c) => e?.length > 3 && c?.length > 8 ? `${c.slice(0, 8)}...` : c,
55054
55054
  tickLine: !1
55055
55055
  }
55056
55056
  ),
@@ -55775,7 +55775,7 @@ const kP = (e) => String(e).padStart(2, "0"), PP = (e, t = "start") => e ? `${[
55775
55775
  tick: { fontSize: 12, fill: "#64748B" },
55776
55776
  axisLine: !0,
55777
55777
  tickLine: !1,
55778
- tickFormatter: (o) => o?.length > 8 ? `${o?.slice(0, 8)}...` : o
55778
+ tickFormatter: (o) => e?.length > 3 && o?.length > 8 ? `${o.slice(0, 8)}...` : o
55779
55779
  }
55780
55780
  ),
55781
55781
  /* @__PURE__ */ h.jsx(
@@ -56028,7 +56028,7 @@ function $he({ data: e }) {
56028
56028
  axisLine: !1,
56029
56029
  tickLine: !1,
56030
56030
  tick: { fill: "#64748B", fontSize: 12 },
56031
- tickFormatter: (r) => r?.length > 8 ? `${r?.slice(0, 8)}...` : r
56031
+ tickFormatter: (r) => e?.length > 3 && r?.length > 8 ? `${r.slice(0, 8)}...` : r
56032
56032
  }
56033
56033
  ),
56034
56034
  /* @__PURE__ */ h.jsx(
@@ -56385,161 +56385,167 @@ const _f = ["#8CB33E", "#F59E0B", "#3B82F6", "#06B6D4", "#CFCFCF"], zhe = [
56385
56385
  title: t || "Maintenance Status",
56386
56386
  titleWeight: "semi-bold",
56387
56387
  className: "h-[362px]",
56388
- children: /* @__PURE__ */ h.jsx("div", { className: "w-full h-[260px] flex items-center justify-center", children: Array.isArray(e) && e.length === 0 ? /* @__PURE__ */ h.jsx("div", { className: "text-[#94A3B8] text-sm", children: "No Data Found" }) : /* @__PURE__ */ h.jsx("div", { className: `relative w-full ${t ? "h-[261px]" : "h-[297px]"} mt-[20px]`, children: /* @__PURE__ */ h.jsx(Nt, { width: "100%", height: "100%", children: /* @__PURE__ */ h.jsxs(
56389
- Vo,
56388
+ children: /* @__PURE__ */ h.jsx("div", { className: "w-full h-[260px] flex items-center justify-center", children: Array.isArray(e) && e.length === 0 ? /* @__PURE__ */ h.jsx("div", { className: "text-[#94A3B8] text-sm", children: "No Data Found" }) : /* @__PURE__ */ h.jsx(
56389
+ "div",
56390
56390
  {
56391
- data: o,
56392
- barSize: 54,
56393
- barCategoryGap: "40%",
56394
- margin: { top: 20, right: 20, left: -20, bottom: 0 },
56395
- children: [
56396
- /* @__PURE__ */ h.jsx(
56397
- br,
56398
- {
56399
- strokeDasharray: "3 3",
56400
- vertical: !1,
56401
- stroke: "#E2E8F0"
56402
- }
56403
- ),
56404
- /* @__PURE__ */ h.jsx(
56405
- nr,
56406
- {
56407
- dataKey: "name",
56408
- tick: { fill: "#64748B", fontSize: 12 },
56409
- axisLine: !1,
56410
- tickLine: !1,
56411
- tickFormatter: (s) => s?.length > 8 ? `${s?.slice(0, 8)}...` : s
56412
- }
56413
- ),
56414
- /* @__PURE__ */ h.jsx(
56415
- Un,
56416
- {
56417
- tick: { fill: "#64748B", fontSize: 12 },
56418
- axisLine: !1,
56419
- tickLine: !1,
56420
- allowDecimals: !1
56421
- }
56422
- ),
56423
- /* @__PURE__ */ h.jsx(
56424
- Tt,
56425
- {
56426
- cursor: { fill: "rgba(148, 163, 184, 0.12)" },
56427
- allowEscapeViewBox: { x: !0, y: !0 },
56428
- content: (s) => !s.active || !s.payload || !s.payload.length ? null : /* @__PURE__ */ h.jsx(rn, { ...s, data: o, children: /* @__PURE__ */ h.jsxs("div", { className: "bg-[#121212] rounded-[10px] px-[14px] py-[10px] text-[12px] text-white", children: [
56429
- /* @__PURE__ */ h.jsx("div", { className: "mb-[6px] font-semibold", children: s.label }),
56430
- s.payload.map((l, c) => {
56431
- const u = l.color || l.fill || "#fff";
56432
- return /* @__PURE__ */ h.jsxs(
56391
+ className: `relative w-full ${t ? "h-[261px]" : "h-[297px]"} mt-[20px]`,
56392
+ children: /* @__PURE__ */ h.jsx(Nt, { width: "100%", height: "100%", children: /* @__PURE__ */ h.jsxs(
56393
+ Vo,
56394
+ {
56395
+ data: o,
56396
+ barSize: 54,
56397
+ barCategoryGap: "40%",
56398
+ margin: { top: 20, right: 20, left: -20, bottom: 0 },
56399
+ children: [
56400
+ /* @__PURE__ */ h.jsx(
56401
+ br,
56402
+ {
56403
+ strokeDasharray: "3 3",
56404
+ vertical: !1,
56405
+ stroke: "#E2E8F0"
56406
+ }
56407
+ ),
56408
+ /* @__PURE__ */ h.jsx(
56409
+ nr,
56410
+ {
56411
+ dataKey: "name",
56412
+ tick: { fill: "#64748B", fontSize: 12 },
56413
+ axisLine: !1,
56414
+ tickLine: !1,
56415
+ tickFormatter: (s) => e?.length > 3 && s?.length > 8 ? `${s.slice(0, 8)}...` : s
56416
+ }
56417
+ ),
56418
+ /* @__PURE__ */ h.jsx(
56419
+ Un,
56420
+ {
56421
+ tick: { fill: "#64748B", fontSize: 12 },
56422
+ axisLine: !1,
56423
+ tickLine: !1,
56424
+ allowDecimals: !1
56425
+ }
56426
+ ),
56427
+ /* @__PURE__ */ h.jsx(
56428
+ Tt,
56429
+ {
56430
+ cursor: { fill: "rgba(148, 163, 184, 0.12)" },
56431
+ allowEscapeViewBox: { x: !0, y: !0 },
56432
+ content: (s) => !s.active || !s.payload || !s.payload.length ? null : /* @__PURE__ */ h.jsx(rn, { ...s, data: o, children: /* @__PURE__ */ h.jsxs("div", { className: "bg-[#121212] rounded-[10px] px-[14px] py-[10px] text-[12px] text-white", children: [
56433
+ /* @__PURE__ */ h.jsx("div", { className: "mb-[6px] font-semibold", children: s.label }),
56434
+ s.payload.map((l, c) => {
56435
+ const u = l.color || l.fill || "#fff";
56436
+ return /* @__PURE__ */ h.jsxs(
56437
+ "div",
56438
+ {
56439
+ className: "flex items-center gap-[6px]",
56440
+ children: [
56441
+ /* @__PURE__ */ h.jsx(
56442
+ "span",
56443
+ {
56444
+ className: "w-2 h-2 rounded-full inline-block",
56445
+ style: { backgroundColor: u }
56446
+ }
56447
+ ),
56448
+ /* @__PURE__ */ h.jsx("span", { className: "text-[#D1D3D4]", children: l.name }),
56449
+ /* @__PURE__ */ h.jsx("span", { className: "text-white font-semibold", children: l.value })
56450
+ ]
56451
+ },
56452
+ c
56453
+ );
56454
+ })
56455
+ ] }) })
56456
+ }
56457
+ ),
56458
+ /* @__PURE__ */ h.jsx(
56459
+ Fl,
56460
+ {
56461
+ verticalAlign: "bottom",
56462
+ align: "center",
56463
+ onClick: a,
56464
+ content: ({ payload: s }) => /* @__PURE__ */ h.jsx("div", { className: "flex items-center justify-center gap-[16px] pt-4 flex-wrap", children: s.map((l, c) => /* @__PURE__ */ h.jsxs(
56433
56465
  "div",
56434
56466
  {
56435
- className: "flex items-center gap-[6px]",
56467
+ onClick: () => a({ dataKey: l.dataKey }),
56468
+ className: "flex items-center gap-[8px] cursor-pointer",
56436
56469
  children: [
56437
56470
  /* @__PURE__ */ h.jsx(
56438
- "span",
56471
+ "div",
56439
56472
  {
56440
- className: "w-2 h-2 rounded-full inline-block",
56441
- style: { backgroundColor: u }
56473
+ style: {
56474
+ width: "16px",
56475
+ height: "8px",
56476
+ backgroundColor: n[l.dataKey] ? "#CBD5E1" : l.color
56477
+ // borderRadius: "2px",
56478
+ }
56442
56479
  }
56443
56480
  ),
56444
- /* @__PURE__ */ h.jsx("span", { className: "text-[#D1D3D4]", children: l.name }),
56445
- /* @__PURE__ */ h.jsx("span", { className: "text-white font-semibold", children: l.value })
56481
+ /* @__PURE__ */ h.jsx(
56482
+ "span",
56483
+ {
56484
+ style: {
56485
+ fontSize: "12px",
56486
+ color: n[l.dataKey] ? "#CBD5E1" : "#64748B"
56487
+ },
56488
+ children: l.value
56489
+ }
56490
+ )
56446
56491
  ]
56447
56492
  },
56448
56493
  c
56449
- );
56450
- })
56451
- ] }) })
56452
- }
56453
- ),
56454
- /* @__PURE__ */ h.jsx(
56455
- Fl,
56456
- {
56457
- verticalAlign: "bottom",
56458
- align: "center",
56459
- onClick: a,
56460
- content: ({ payload: s }) => /* @__PURE__ */ h.jsx("div", { className: "flex items-center justify-center gap-[16px] pt-4 flex-wrap", children: s.map((l, c) => /* @__PURE__ */ h.jsxs(
56461
- "div",
56494
+ )) })
56495
+ }
56496
+ ),
56497
+ /* @__PURE__ */ h.jsx(
56498
+ en,
56462
56499
  {
56463
- onClick: () => a({ dataKey: l.dataKey }),
56464
- className: "flex items-center gap-[8px] cursor-pointer",
56465
- children: [
56466
- /* @__PURE__ */ h.jsx(
56467
- "div",
56468
- {
56469
- style: {
56470
- width: "16px",
56471
- height: "8px",
56472
- backgroundColor: n[l.dataKey] ? "#CBD5E1" : l.color
56473
- // borderRadius: "2px",
56474
- }
56475
- }
56476
- ),
56477
- /* @__PURE__ */ h.jsx(
56478
- "span",
56479
- {
56480
- style: {
56481
- fontSize: "12px",
56482
- color: n[l.dataKey] ? "#CBD5E1" : "#64748B"
56483
- },
56484
- children: l.value
56485
- }
56486
- )
56487
- ]
56488
- },
56489
- c
56490
- )) })
56491
- }
56492
- ),
56493
- /* @__PURE__ */ h.jsx(
56494
- en,
56495
- {
56496
- dataKey: "Open",
56497
- stackId: "a",
56498
- fill: "#3B82F6",
56499
- hide: n.Open
56500
- }
56501
- ),
56502
- /* @__PURE__ */ h.jsx(
56503
- en,
56504
- {
56505
- dataKey: "Closed",
56506
- stackId: "a",
56507
- fill: "#10B981",
56508
- hide: n.Closed
56509
- }
56510
- ),
56511
- /* @__PURE__ */ h.jsx(
56512
- en,
56513
- {
56514
- dataKey: "Cancelled",
56515
- stackId: "a",
56516
- fill: "#B91C1C",
56517
- hide: n.Cancelled
56518
- }
56519
- ),
56520
- /* @__PURE__ */ h.jsx(
56521
- en,
56522
- {
56523
- dataKey: "OnHold",
56524
- stackId: "a",
56525
- fill: "#64748B",
56526
- hide: n.OnHold,
56527
- name: "On-Hold"
56528
- }
56529
- ),
56530
- /* @__PURE__ */ h.jsx(
56531
- en,
56532
- {
56533
- dataKey: "InProgress",
56534
- stackId: "a",
56535
- fill: "#F59E0B",
56536
- hide: n.InProgress,
56537
- name: "In Progress"
56538
- }
56539
- )
56540
- ]
56500
+ dataKey: "Open",
56501
+ stackId: "a",
56502
+ fill: "#3B82F6",
56503
+ hide: n.Open
56504
+ }
56505
+ ),
56506
+ /* @__PURE__ */ h.jsx(
56507
+ en,
56508
+ {
56509
+ dataKey: "Closed",
56510
+ stackId: "a",
56511
+ fill: "#10B981",
56512
+ hide: n.Closed
56513
+ }
56514
+ ),
56515
+ /* @__PURE__ */ h.jsx(
56516
+ en,
56517
+ {
56518
+ dataKey: "Cancelled",
56519
+ stackId: "a",
56520
+ fill: "#B91C1C",
56521
+ hide: n.Cancelled
56522
+ }
56523
+ ),
56524
+ /* @__PURE__ */ h.jsx(
56525
+ en,
56526
+ {
56527
+ dataKey: "OnHold",
56528
+ stackId: "a",
56529
+ fill: "#64748B",
56530
+ hide: n.OnHold,
56531
+ name: "On-Hold"
56532
+ }
56533
+ ),
56534
+ /* @__PURE__ */ h.jsx(
56535
+ en,
56536
+ {
56537
+ dataKey: "InProgress",
56538
+ stackId: "a",
56539
+ fill: "#F59E0B",
56540
+ hide: n.InProgress,
56541
+ name: "In Progress"
56542
+ }
56543
+ )
56544
+ ]
56545
+ }
56546
+ ) })
56541
56547
  }
56542
- ) }) }) })
56548
+ ) })
56543
56549
  }
56544
56550
  );
56545
56551
  };
@@ -57253,7 +57259,11 @@ const l4 = ({ options: e = [], value: t, onChange: n }) => {
57253
57259
  tick: { fontSize: 12, fill: "#64748B" },
57254
57260
  axisLine: !0,
57255
57261
  tickLine: !1,
57256
- tickFormatter: (s) => s
57262
+ tickFormatter: e?.length > 3 ? (s) => {
57263
+ if (!s) return "";
57264
+ const l = 8;
57265
+ return s.length > l ? `${s.substring(0, l)}...` : s;
57266
+ } : void 0
57257
57267
  }
57258
57268
  ),
57259
57269
  /* @__PURE__ */ h.jsx(