@ambuj.bhaskar/react-component-library 0.28.6-alpha → 0.28.7-alpha

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 (6) hide show
  1. package/dist/assets/index.css +1 -1
  2. package/dist/index.cjs +1 -1
  3. package/dist/index.d.ts +2 -0
  4. package/dist/index.js +78 -63
  5. package/dist/index.umd.js +2 -2
  6. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -970,6 +970,8 @@ export declare type HeatmapProps = {
970
970
  labelTextColor?: Color;
971
971
  className?: string;
972
972
  cellClassName?: string;
973
+ xLabelFontSize?: CSSstring;
974
+ yLabelFontSize?: CSSstring;
973
975
  };
974
976
 
975
977
  declare type HTMLButtonProps = ComponentProps<"button">;
package/dist/index.js CHANGED
@@ -83341,7 +83341,7 @@ const DDe = (e, t, n) => {
83341
83341
  width: r,
83342
83342
  height: o,
83343
83343
  showLegend: i = !0,
83344
- transformCellData: a = (w) => w.value,
83344
+ transformCellData: a = (E) => E.value,
83345
83345
  cellWidth: s,
83346
83346
  cellHeight: c,
83347
83347
  yLabelWidth: u = "4rem",
@@ -83352,10 +83352,12 @@ const DDe = (e, t, n) => {
83352
83352
  cellBorderColor: A,
83353
83353
  borderColor: v,
83354
83354
  className: p,
83355
- cellClassName: _
83355
+ cellClassName: _,
83356
+ xLabelFontSize: w,
83357
+ yLabelFontSize: x
83356
83358
  }) => {
83357
- var w, x, E, S;
83358
- return i || (h = "0rem"), !s && r && (s = `calc((${r} - ${u})/${(w = e == null ? void 0 : e.xlabels) == null ? void 0 : w.length})`), !c && o && (c = `calc((${o} - ${h} - ${d})/${(x = e == null ? void 0 : e.ylabels) == null ? void 0 : x.length})`), /* @__PURE__ */ z.jsx(
83359
+ var E, S, M, H;
83360
+ return i || (h = "0rem"), !s && r && (s = `calc((${r} - ${u})/${(E = e == null ? void 0 : e.xlabels) == null ? void 0 : E.length})`), !c && o && (c = `calc((${o} - ${h} - ${d})/${(S = e == null ? void 0 : e.ylabels) == null ? void 0 : S.length})`), /* @__PURE__ */ z.jsx(
83359
83361
  "div",
83360
83362
  {
83361
83363
  className: `heatmap ${p || ""}`,
@@ -83366,8 +83368,8 @@ const DDe = (e, t, n) => {
83366
83368
  "--c_border": v
83367
83369
  },
83368
83370
  children: /* @__PURE__ */ z.jsxs("table", { children: [
83369
- (E = e == null ? void 0 : e.ylabels) == null ? void 0 : E.map((M, H) => {
83370
- var B, R;
83371
+ (M = e == null ? void 0 : e.ylabels) == null ? void 0 : M.map((B, R) => {
83372
+ var k, P;
83371
83373
  return /* @__PURE__ */ z.jsxs(
83372
83374
  "tr",
83373
83375
  {
@@ -83380,50 +83382,53 @@ const DDe = (e, t, n) => {
83380
83382
  "th",
83381
83383
  {
83382
83384
  className: "y_axis_label",
83383
- title: M,
83385
+ title: B,
83384
83386
  style: {
83385
83387
  width: u,
83386
83388
  maxWidth: u,
83387
83389
  minWidth: u,
83388
- color: m
83390
+ color: m,
83391
+ fontSize: x
83389
83392
  },
83390
- children: M
83393
+ children: B
83391
83394
  }
83392
83395
  ),
83393
- (R = (B = e == null ? void 0 : e.datasets) == null ? void 0 : B[M]) == null ? void 0 : R.map((k, P) => /* @__PURE__ */ z.jsx(
83394
- "td",
83395
- {
83396
- className: `heatmap_cell ${_ || ""}`,
83397
- style: { width: s, height: "100%" },
83398
- children: /* @__PURE__ */ z.jsx(
83399
- eu,
83400
- {
83401
- content: /* @__PURE__ */ z.jsx("div", { className: "heatmap_cell_tooltip", children: k == null ? void 0 : k.hoverContent }),
83402
- trigger: "hover",
83403
- children: /* @__PURE__ */ z.jsx(
83404
- "div",
83405
- {
83406
- style: {
83407
- backgroundColor: (k == null ? void 0 : k.color) ?? DDe(
83408
- (k == null ? void 0 : k.value) ?? 0,
83409
- n,
83410
- t
83411
- ),
83412
- color: C
83396
+ (P = (k = e == null ? void 0 : e.datasets) == null ? void 0 : k[B]) == null ? void 0 : P.map(
83397
+ (D, V) => /* @__PURE__ */ z.jsx(
83398
+ "td",
83399
+ {
83400
+ className: `heatmap_cell ${_ || ""}`,
83401
+ style: { width: s, height: "100%" },
83402
+ children: /* @__PURE__ */ z.jsx(
83403
+ eu,
83404
+ {
83405
+ content: /* @__PURE__ */ z.jsx("div", { className: "heatmap_cell_tooltip", children: D == null ? void 0 : D.hoverContent }),
83406
+ trigger: "hover",
83407
+ children: /* @__PURE__ */ z.jsx(
83408
+ "div",
83409
+ {
83410
+ style: {
83411
+ backgroundColor: (D == null ? void 0 : D.color) ?? DDe(
83412
+ (D == null ? void 0 : D.value) ?? 0,
83413
+ n,
83414
+ t
83415
+ ),
83416
+ color: C
83417
+ },
83418
+ className: "heatmap_cell_inner",
83419
+ children: a(D)
83413
83420
  },
83414
- className: "heatmap_cell_inner",
83415
- children: a(k)
83416
- },
83417
- `${P}-${H}-${k == null ? void 0 : k.value}`
83418
- )
83419
- }
83420
- )
83421
- },
83422
- `${P}-${H}-${k == null ? void 0 : k.value}`
83423
- ))
83421
+ `${V}-${R}-${D == null ? void 0 : D.value}`
83422
+ )
83423
+ }
83424
+ )
83425
+ },
83426
+ `${V}-${R}-${D == null ? void 0 : D.value}`
83427
+ )
83428
+ )
83424
83429
  ]
83425
83430
  },
83426
- `${H}-${M}`
83431
+ `${R}-${B}`
83427
83432
  );
83428
83433
  }),
83429
83434
  /* @__PURE__ */ z.jsxs("tr", { children: [
@@ -83438,7 +83443,7 @@ const DDe = (e, t, n) => {
83438
83443
  }
83439
83444
  }
83440
83445
  ),
83441
- (S = e == null ? void 0 : e.xlabels) == null ? void 0 : S.map((M, H) => /* @__PURE__ */ z.jsx(
83446
+ (H = e == null ? void 0 : e.xlabels) == null ? void 0 : H.map((B, R) => /* @__PURE__ */ z.jsx(
83442
83447
  "th",
83443
83448
  {
83444
83449
  className: "x_axis_label font_secondary",
@@ -83449,32 +83454,42 @@ const DDe = (e, t, n) => {
83449
83454
  height: d,
83450
83455
  maxHeight: d,
83451
83456
  minHeight: d,
83452
- color: m
83457
+ color: m,
83458
+ fontSize: w
83453
83459
  },
83454
- title: M,
83455
- children: M
83460
+ title: B,
83461
+ children: B
83456
83462
  },
83457
- `${H}-${M}`
83463
+ `${R}-${B}`
83458
83464
  ))
83459
83465
  ] }, "x_axis_labels"),
83460
- i ? /* @__PURE__ */ z.jsxs("tr", { className: "heatmap_legend_container", style: {
83461
- width: `calc( 100% - ${u})`,
83462
- marginLeft: u,
83463
- height: h
83464
- }, children: [
83465
- /* @__PURE__ */ z.jsx("p", { children: n == null ? void 0 : n[0] }),
83466
- /* @__PURE__ */ z.jsx(
83467
- "div",
83468
- {
83469
- className: "heatmap_legend",
83470
- title: `${n == null ? void 0 : n[0]} - ${n == null ? void 0 : n[1]}`,
83471
- style: {
83472
- backgroundImage: `linear-gradient(to right, ${t.join(",")})`
83473
- }
83474
- }
83475
- ),
83476
- /* @__PURE__ */ z.jsx("p", { children: n == null ? void 0 : n[1] })
83477
- ] }) : /* @__PURE__ */ z.jsx(z.Fragment, {})
83466
+ i ? /* @__PURE__ */ z.jsxs(
83467
+ "tr",
83468
+ {
83469
+ className: "heatmap_legend_container",
83470
+ style: {
83471
+ width: `calc( 100% - ${u})`,
83472
+ marginLeft: u,
83473
+ height: h
83474
+ },
83475
+ children: [
83476
+ /* @__PURE__ */ z.jsx("p", { children: n == null ? void 0 : n[0] }),
83477
+ /* @__PURE__ */ z.jsx(
83478
+ "div",
83479
+ {
83480
+ className: "heatmap_legend",
83481
+ title: `${n == null ? void 0 : n[0]} - ${n == null ? void 0 : n[1]}`,
83482
+ style: {
83483
+ backgroundImage: `linear-gradient(to right, ${t.join(
83484
+ ","
83485
+ )})`
83486
+ }
83487
+ }
83488
+ ),
83489
+ /* @__PURE__ */ z.jsx("p", { children: n == null ? void 0 : n[1] })
83490
+ ]
83491
+ }
83492
+ ) : /* @__PURE__ */ z.jsx(z.Fragment, {})
83478
83493
  ] })
83479
83494
  }
83480
83495
  );