@apexcura/ui-components 0.0.14-Beta121 → 0.0.14-Beta123

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 (5) hide show
  1. package/dist/index.d.mts +2 -2
  2. package/dist/index.d.ts +2 -2
  3. package/dist/index.js +9 -27
  4. package/dist/index.mjs +9 -27
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -122,8 +122,8 @@ 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
- declare const HorizontalBarChart: () => React$1.JSX.Element;
127
+ declare const HorizontalBarChart: (props: ElementType) => React$1.JSX.Element;
128
128
 
129
129
  export { AddMoreTable, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DropDownGroup, FileUpload, HorizontalBarChart, Image, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
package/dist/index.d.ts CHANGED
@@ -122,8 +122,8 @@ 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
- declare const HorizontalBarChart: () => React$1.JSX.Element;
127
+ declare const HorizontalBarChart: (props: ElementType) => React$1.JSX.Element;
128
128
 
129
129
  export { AddMoreTable, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DropDownGroup, FileUpload, HorizontalBarChart, Image, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
package/dist/index.js CHANGED
@@ -1129,7 +1129,11 @@ var CircleDonut = (props) => {
1129
1129
  text: `${label}: ${value}`,
1130
1130
  fillStyle: dataset.backgroundColor[index],
1131
1131
  hidden: isNaN(dataset.data[index]) || dataset.data[index] === null,
1132
- index
1132
+ index,
1133
+ boxWidth: 20,
1134
+ // Set the width of the legend box
1135
+ borderColor: "transparent"
1136
+ // Eliminate the border color
1133
1137
  };
1134
1138
  });
1135
1139
  }
@@ -1155,7 +1159,7 @@ var import_react32 = __toESM(require("react"));
1155
1159
  var import_react_chartjs_22 = require("react-chartjs-2");
1156
1160
  var import_chart2 = require("chart.js");
1157
1161
  import_chart2.Chart.register(import_chart2.DoughnutController, import_chart2.ArcElement, import_chart2.Tooltip, import_chart2.Legend);
1158
- var SemiCircleDonut = () => {
1162
+ var SemiCircleDonut = (props) => {
1159
1163
  const data = {
1160
1164
  labels: ["Registration", "Book Appointment", "Diagnostic Tests", "Hospital Facility", "Others Prescriptions"],
1161
1165
  datasets: [
@@ -1207,7 +1211,7 @@ var SemiCircleDonut = () => {
1207
1211
  }
1208
1212
  }
1209
1213
  };
1210
- return /* @__PURE__ */ import_react32.default.createElement("div", null, /* @__PURE__ */ import_react32.default.createElement(import_react_chartjs_22.Doughnut, { data, options }));
1214
+ return /* @__PURE__ */ import_react32.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react32.default.createElement(import_react_chartjs_22.Doughnut, { data, options }));
1211
1215
  };
1212
1216
 
1213
1217
  // src/Components/HorizontalBarChart.tsx
@@ -1215,7 +1219,7 @@ var import_react33 = __toESM(require("react"));
1215
1219
  var import_react_chartjs_23 = require("react-chartjs-2");
1216
1220
  var import_chart3 = require("chart.js");
1217
1221
  import_chart3.Chart.register(import_chart3.BarElement, import_chart3.CategoryScale, import_chart3.LinearScale, import_chart3.Tooltip, import_chart3.Legend);
1218
- var HorizontalBarChart = () => {
1222
+ var HorizontalBarChart = (props) => {
1219
1223
  const data = {
1220
1224
  labels: ["65+", "55-64", "45-54", "35-44", "25-34", "18-24"],
1221
1225
  datasets: [
@@ -1232,31 +1236,9 @@ var HorizontalBarChart = () => {
1232
1236
  scales: {
1233
1237
  x: {
1234
1238
  beginAtZero: true
1235
- },
1236
- y: {
1237
- ticks: {
1238
- callback: (value) => `${value}%`
1239
- }
1240
1239
  }
1241
1240
  },
1242
1241
  plugins: {
1243
- legend: {
1244
- position: "top",
1245
- labels: {
1246
- generateLabels: (chart) => {
1247
- const dataset = chart.data.datasets[0];
1248
- return chart.data.labels.map((label, index) => {
1249
- const value = dataset.data[index];
1250
- return {
1251
- text: `${label}: ${value}`,
1252
- fillStyle: dataset.backgroundColor[index],
1253
- hidden: isNaN(dataset.data[index]) || dataset.data[index] === null,
1254
- index
1255
- };
1256
- });
1257
- }
1258
- }
1259
- },
1260
1242
  tooltip: {
1261
1243
  enabled: true,
1262
1244
  callbacks: {
@@ -1269,7 +1251,7 @@ var HorizontalBarChart = () => {
1269
1251
  }
1270
1252
  }
1271
1253
  };
1272
- return /* @__PURE__ */ import_react33.default.createElement("div", null, /* @__PURE__ */ import_react33.default.createElement(import_react_chartjs_23.Bar, { data, options }));
1254
+ return /* @__PURE__ */ import_react33.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react33.default.createElement(import_react_chartjs_23.Bar, { data, options }));
1273
1255
  };
1274
1256
  // Annotate the CommonJS export names for ESM import in node:
1275
1257
  0 && (module.exports = {
package/dist/index.mjs CHANGED
@@ -1072,7 +1072,11 @@ var CircleDonut = (props) => {
1072
1072
  text: `${label}: ${value}`,
1073
1073
  fillStyle: dataset.backgroundColor[index],
1074
1074
  hidden: isNaN(dataset.data[index]) || dataset.data[index] === null,
1075
- index
1075
+ index,
1076
+ boxWidth: 20,
1077
+ // Set the width of the legend box
1078
+ borderColor: "transparent"
1079
+ // Eliminate the border color
1076
1080
  };
1077
1081
  });
1078
1082
  }
@@ -1104,7 +1108,7 @@ import {
1104
1108
  Legend as Legend2
1105
1109
  } from "chart.js";
1106
1110
  ChartJS2.register(DoughnutController2, ArcElement2, Tooltip2, Legend2);
1107
- var SemiCircleDonut = () => {
1111
+ var SemiCircleDonut = (props) => {
1108
1112
  const data = {
1109
1113
  labels: ["Registration", "Book Appointment", "Diagnostic Tests", "Hospital Facility", "Others Prescriptions"],
1110
1114
  datasets: [
@@ -1156,7 +1160,7 @@ var SemiCircleDonut = () => {
1156
1160
  }
1157
1161
  }
1158
1162
  };
1159
- return /* @__PURE__ */ React32.createElement("div", null, /* @__PURE__ */ React32.createElement(Doughnut2, { data, options }));
1163
+ return /* @__PURE__ */ React32.createElement("div", { className: props.className }, /* @__PURE__ */ React32.createElement(Doughnut2, { data, options }));
1160
1164
  };
1161
1165
 
1162
1166
  // src/Components/HorizontalBarChart.tsx
@@ -1171,7 +1175,7 @@ import {
1171
1175
  Legend as Legend3
1172
1176
  } from "chart.js";
1173
1177
  ChartJS3.register(BarElement, CategoryScale, LinearScale, Tooltip3, Legend3);
1174
- var HorizontalBarChart = () => {
1178
+ var HorizontalBarChart = (props) => {
1175
1179
  const data = {
1176
1180
  labels: ["65+", "55-64", "45-54", "35-44", "25-34", "18-24"],
1177
1181
  datasets: [
@@ -1188,31 +1192,9 @@ var HorizontalBarChart = () => {
1188
1192
  scales: {
1189
1193
  x: {
1190
1194
  beginAtZero: true
1191
- },
1192
- y: {
1193
- ticks: {
1194
- callback: (value) => `${value}%`
1195
- }
1196
1195
  }
1197
1196
  },
1198
1197
  plugins: {
1199
- legend: {
1200
- position: "top",
1201
- labels: {
1202
- generateLabels: (chart) => {
1203
- const dataset = chart.data.datasets[0];
1204
- return chart.data.labels.map((label, index) => {
1205
- const value = dataset.data[index];
1206
- return {
1207
- text: `${label}: ${value}`,
1208
- fillStyle: dataset.backgroundColor[index],
1209
- hidden: isNaN(dataset.data[index]) || dataset.data[index] === null,
1210
- index
1211
- };
1212
- });
1213
- }
1214
- }
1215
- },
1216
1198
  tooltip: {
1217
1199
  enabled: true,
1218
1200
  callbacks: {
@@ -1225,7 +1207,7 @@ var HorizontalBarChart = () => {
1225
1207
  }
1226
1208
  }
1227
1209
  };
1228
- return /* @__PURE__ */ React33.createElement("div", null, /* @__PURE__ */ React33.createElement(Bar, { data, options }));
1210
+ return /* @__PURE__ */ React33.createElement("div", { className: props.className }, /* @__PURE__ */ React33.createElement(Bar, { data, options }));
1229
1211
  };
1230
1212
  export {
1231
1213
  AddMoreTable,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.14-Beta121",
3
+ "version": "0.0.14-Beta123",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",