@apexcura/ui-components 0.0.14-Beta127 → 0.0.14-Beta128

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/dist/index.d.mts CHANGED
@@ -122,7 +122,7 @@ declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
122
122
 
123
123
  declare const CircleDonut: (props: ElementType) => React$1.JSX.Element;
124
124
 
125
- declare const SemiCircleDonut: () => React$1.JSX.Element;
125
+ declare const SemiCircleDonut: (props: ElementType) => React$1.JSX.Element;
126
126
 
127
127
  declare const HorizontalBarChart: (props: ElementType) => React$1.JSX.Element;
128
128
 
package/dist/index.d.ts CHANGED
@@ -122,7 +122,7 @@ declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
122
122
 
123
123
  declare const CircleDonut: (props: ElementType) => React$1.JSX.Element;
124
124
 
125
- declare const SemiCircleDonut: () => React$1.JSX.Element;
125
+ declare const SemiCircleDonut: (props: ElementType) => React$1.JSX.Element;
126
126
 
127
127
  declare const HorizontalBarChart: (props: ElementType) => React$1.JSX.Element;
128
128
 
package/dist/index.js CHANGED
@@ -1178,7 +1178,7 @@ var CircleDonut = (props) => {
1178
1178
  ctx.restore();
1179
1179
  }
1180
1180
  };
1181
- return /* @__PURE__ */ import_react31.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react31.default.createElement(import_react_chartjs_2.Doughnut, { data, options, plugins: [centerTextPlugin] }));
1181
+ return /* @__PURE__ */ import_react31.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react31.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react31.default.createElement(import_react_chartjs_2.Doughnut, { data, options, plugins: [centerTextPlugin] }));
1182
1182
  };
1183
1183
 
1184
1184
  // src/Components/SemiCircleDonut.tsx
@@ -1186,7 +1186,7 @@ var import_react32 = __toESM(require("react"));
1186
1186
  var import_react_chartjs_22 = require("react-chartjs-2");
1187
1187
  var import_chart2 = require("chart.js");
1188
1188
  import_chart2.Chart.register(import_chart2.DoughnutController, import_chart2.ArcElement, import_chart2.Tooltip, import_chart2.Legend);
1189
- var SemiCircleDonut = () => {
1189
+ var SemiCircleDonut = (props) => {
1190
1190
  const data = {
1191
1191
  labels: [
1192
1192
  "Registration",
@@ -1251,7 +1251,7 @@ var SemiCircleDonut = () => {
1251
1251
  ctx.restore();
1252
1252
  }
1253
1253
  };
1254
- return /* @__PURE__ */ import_react32.default.createElement("div", { style: { width: "30%" } }, /* @__PURE__ */ import_react32.default.createElement(import_react_chartjs_22.Doughnut, { data, options, plugins: [centerTextPlugin] }));
1254
+ return /* @__PURE__ */ import_react32.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react32.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react32.default.createElement(import_react_chartjs_22.Doughnut, { data, options, plugins: [centerTextPlugin] }));
1255
1255
  };
1256
1256
 
1257
1257
  // src/Components/HorizontalBarChart.tsx
@@ -1266,7 +1266,7 @@ var HorizontalBarChart = (props) => {
1266
1266
  {
1267
1267
  data: [30, 10, 27, 40, 12, 24],
1268
1268
  backgroundColor: "#6298D5",
1269
- barThickness: 40
1269
+ barThickness: 20
1270
1270
  }
1271
1271
  ]
1272
1272
  };
@@ -1304,7 +1304,7 @@ var HorizontalBarChart = (props) => {
1304
1304
  }
1305
1305
  }
1306
1306
  };
1307
- return /* @__PURE__ */ import_react33.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react33.default.createElement(import_react_chartjs_23.Bar, { data, options }));
1307
+ return /* @__PURE__ */ import_react33.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react33.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react33.default.createElement(import_react_chartjs_23.Bar, { data, options }));
1308
1308
  };
1309
1309
 
1310
1310
  // src/Components/LineChart.tsx
package/dist/index.mjs CHANGED
@@ -1118,7 +1118,7 @@ var CircleDonut = (props) => {
1118
1118
  ctx.restore();
1119
1119
  }
1120
1120
  };
1121
- return /* @__PURE__ */ React31.createElement("div", { className: props.className }, /* @__PURE__ */ React31.createElement(Doughnut, { data, options, plugins: [centerTextPlugin] }));
1121
+ return /* @__PURE__ */ React31.createElement("div", { className: props.className }, /* @__PURE__ */ React31.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React31.createElement(Doughnut, { data, options, plugins: [centerTextPlugin] }));
1122
1122
  };
1123
1123
 
1124
1124
  // src/Components/SemiCircleDonut.tsx
@@ -1132,7 +1132,7 @@ import {
1132
1132
  Legend as Legend2
1133
1133
  } from "chart.js";
1134
1134
  ChartJS2.register(DoughnutController2, ArcElement2, Tooltip2, Legend2);
1135
- var SemiCircleDonut = () => {
1135
+ var SemiCircleDonut = (props) => {
1136
1136
  const data = {
1137
1137
  labels: [
1138
1138
  "Registration",
@@ -1197,7 +1197,7 @@ var SemiCircleDonut = () => {
1197
1197
  ctx.restore();
1198
1198
  }
1199
1199
  };
1200
- return /* @__PURE__ */ React32.createElement("div", { style: { width: "30%" } }, /* @__PURE__ */ React32.createElement(Doughnut2, { data, options, plugins: [centerTextPlugin] }));
1200
+ return /* @__PURE__ */ React32.createElement("div", { className: props.className }, /* @__PURE__ */ React32.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React32.createElement(Doughnut2, { data, options, plugins: [centerTextPlugin] }));
1201
1201
  };
1202
1202
 
1203
1203
  // src/Components/HorizontalBarChart.tsx
@@ -1218,7 +1218,7 @@ var HorizontalBarChart = (props) => {
1218
1218
  {
1219
1219
  data: [30, 10, 27, 40, 12, 24],
1220
1220
  backgroundColor: "#6298D5",
1221
- barThickness: 40
1221
+ barThickness: 20
1222
1222
  }
1223
1223
  ]
1224
1224
  };
@@ -1256,7 +1256,7 @@ var HorizontalBarChart = (props) => {
1256
1256
  }
1257
1257
  }
1258
1258
  };
1259
- return /* @__PURE__ */ React33.createElement("div", { className: props.className }, /* @__PURE__ */ React33.createElement(Bar, { data, options }));
1259
+ return /* @__PURE__ */ React33.createElement("div", { className: props.className }, /* @__PURE__ */ React33.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React33.createElement(Bar, { data, options }));
1260
1260
  };
1261
1261
 
1262
1262
  // src/Components/LineChart.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.14-Beta127",
3
+ "version": "0.0.14-Beta128",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",