@apexcura/ui-components 0.0.14-Beta97 → 0.0.14-Beta99
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 +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +64 -125
- package/dist/index.mjs +34 -95
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -378,6 +378,7 @@ var MultipleSelectElement = (props) => {
|
|
|
378
378
|
|
|
379
379
|
// src/Components/Button.tsx
|
|
380
380
|
var import_react11 = __toESM(require("react"));
|
|
381
|
+
var import_antd10 = require("antd");
|
|
381
382
|
var ButtonElement = (props) => {
|
|
382
383
|
const [svgContent, setSvgContent] = (0, import_react11.useState)(null);
|
|
383
384
|
const [originalSvgContent, setOriginalSvgContent] = (0, import_react11.useState)(null);
|
|
@@ -434,12 +435,13 @@ var ButtonElement = (props) => {
|
|
|
434
435
|
}
|
|
435
436
|
};
|
|
436
437
|
return /* @__PURE__ */ import_react11.default.createElement(
|
|
437
|
-
|
|
438
|
+
import_antd10.Button,
|
|
438
439
|
{
|
|
439
440
|
onClick: props.onClick,
|
|
440
441
|
className: `${props.className ? props.className : ""}`,
|
|
441
442
|
onMouseEnter: handleMouseEnter,
|
|
442
|
-
onMouseLeave: handleMouseLeave
|
|
443
|
+
onMouseLeave: handleMouseLeave,
|
|
444
|
+
loading: props.loading
|
|
443
445
|
},
|
|
444
446
|
props.isSVGStylesOverride === false ? props.icon && /* @__PURE__ */ import_react11.default.createElement("img", { className: props.iconsClassName, src: props.icon, alt: props.label }) : svgContent && /* @__PURE__ */ import_react11.default.createElement(
|
|
445
447
|
"span",
|
|
@@ -453,7 +455,7 @@ var ButtonElement = (props) => {
|
|
|
453
455
|
|
|
454
456
|
// src/Components/AddMoreTable.tsx
|
|
455
457
|
var import_react12 = __toESM(require("react"));
|
|
456
|
-
var
|
|
458
|
+
var import_antd11 = require("antd");
|
|
457
459
|
var import_icons2 = require("@ant-design/icons");
|
|
458
460
|
var AddMoreTable = (props) => {
|
|
459
461
|
const { thead, tbody } = props;
|
|
@@ -548,13 +550,13 @@ var AddMoreTable = (props) => {
|
|
|
548
550
|
eachRow.variable_data.forEach((variable, subIndex) => {
|
|
549
551
|
Object.keys(variable).forEach((key) => {
|
|
550
552
|
if (key === "SubRows") {
|
|
551
|
-
rowData[`${key}`] = /* @__PURE__ */ import_react12.default.createElement("div", { key: subIndex }, eachRow.variable_data.length > 1 && /* @__PURE__ */ import_react12.default.createElement(
|
|
553
|
+
rowData[`${key}`] = /* @__PURE__ */ import_react12.default.createElement("div", { key: subIndex }, eachRow.variable_data.length > 1 && /* @__PURE__ */ import_react12.default.createElement(import_antd11.Button, { onClick: () => onHandleSubRowsDelete(rowIndex, subIndex) }, /* @__PURE__ */ import_react12.default.createElement(import_icons2.DeleteOutlined, null)), subIndex === eachRow.variable_data.length - 1 && /* @__PURE__ */ import_react12.default.createElement(import_antd11.Button, { onClick: () => onHandleSubRowsAdd(rowIndex) }, /* @__PURE__ */ import_react12.default.createElement(import_icons2.PlusOutlined, null)));
|
|
552
554
|
} else {
|
|
553
555
|
rowData[`${key}`] = renderInputElement(variable[key]);
|
|
554
556
|
}
|
|
555
557
|
});
|
|
556
558
|
});
|
|
557
|
-
rowData.actions = /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement(
|
|
559
|
+
rowData.actions = /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement(import_antd11.Button, { onClick: () => onHandleDelete(eachRow.id) }, /* @__PURE__ */ import_react12.default.createElement(import_icons2.DeleteOutlined, null)), rowIndex === rows.length - 1 && /* @__PURE__ */ import_react12.default.createElement(import_antd11.Button, { onClick: onHandleRows }, /* @__PURE__ */ import_react12.default.createElement(import_icons2.PlusOutlined, null)));
|
|
558
560
|
console.log("=====rowdata", rowData);
|
|
559
561
|
return rowData;
|
|
560
562
|
});
|
|
@@ -571,7 +573,7 @@ var AddMoreTable = (props) => {
|
|
|
571
573
|
});
|
|
572
574
|
}
|
|
573
575
|
return /* @__PURE__ */ import_react12.default.createElement(
|
|
574
|
-
|
|
576
|
+
import_antd11.Table,
|
|
575
577
|
{
|
|
576
578
|
columns,
|
|
577
579
|
dataSource,
|
|
@@ -594,7 +596,7 @@ var Sidebar = (props) => {
|
|
|
594
596
|
ButtonElement,
|
|
595
597
|
{
|
|
596
598
|
...item,
|
|
597
|
-
className: item.active ? props.activeClassName :
|
|
599
|
+
className: `${props.className} ${item.active ? props.activeClassName : ""}`,
|
|
598
600
|
iconsClassName: props.iconsClassName,
|
|
599
601
|
onClick: (e) => {
|
|
600
602
|
e.preventDefault();
|
|
@@ -610,25 +612,25 @@ var import_react17 = __toESM(require("react"));
|
|
|
610
612
|
|
|
611
613
|
// src/Components/Notification.tsx
|
|
612
614
|
var import_react14 = __toESM(require("react"));
|
|
613
|
-
var
|
|
615
|
+
var import_antd12 = require("antd");
|
|
614
616
|
var import_io = require("react-icons/io");
|
|
615
617
|
var popoverContentStyle = {
|
|
616
618
|
minWidth: "300px",
|
|
617
619
|
maxWidth: "100%"
|
|
618
620
|
};
|
|
619
621
|
var Notification = (props) => /* @__PURE__ */ import_react14.default.createElement(
|
|
620
|
-
|
|
622
|
+
import_antd12.Popover,
|
|
621
623
|
{
|
|
622
624
|
className: props.className,
|
|
623
625
|
content: /* @__PURE__ */ import_react14.default.createElement("div", { style: popoverContentStyle }, " ", /* @__PURE__ */ import_react14.default.createElement(
|
|
624
|
-
|
|
626
|
+
import_antd12.List,
|
|
625
627
|
{
|
|
626
628
|
itemLayout: "horizontal",
|
|
627
629
|
dataSource: props.items,
|
|
628
|
-
renderItem: (item, index) => /* @__PURE__ */ import_react14.default.createElement(
|
|
629
|
-
|
|
630
|
+
renderItem: (item, index) => /* @__PURE__ */ import_react14.default.createElement(import_antd12.List.Item, { key: item.text }, /* @__PURE__ */ import_react14.default.createElement(
|
|
631
|
+
import_antd12.List.Item.Meta,
|
|
630
632
|
{
|
|
631
|
-
avatar: /* @__PURE__ */ import_react14.default.createElement(
|
|
633
|
+
avatar: /* @__PURE__ */ import_react14.default.createElement(import_antd12.Avatar, { src: `https://api.dicebear.com/7.x/miniavs/svg?seed=${index}` }),
|
|
632
634
|
title: item.text,
|
|
633
635
|
description: item.time
|
|
634
636
|
}
|
|
@@ -638,7 +640,7 @@ var Notification = (props) => /* @__PURE__ */ import_react14.default.createEleme
|
|
|
638
640
|
trigger: "focus",
|
|
639
641
|
placement: "bottomRight"
|
|
640
642
|
},
|
|
641
|
-
/* @__PURE__ */ import_react14.default.createElement(
|
|
643
|
+
/* @__PURE__ */ import_react14.default.createElement(import_antd12.Button, { className: props.buttonClassName }, /* @__PURE__ */ import_react14.default.createElement(import_antd12.Badge, { size: "small", count: props.count }, /* @__PURE__ */ import_react14.default.createElement("span", { className: props.iconsClassName }, /* @__PURE__ */ import_react14.default.createElement(import_io.IoIosNotifications, null))))
|
|
642
644
|
);
|
|
643
645
|
|
|
644
646
|
// src/Components/SpanElement.tsx
|
|
@@ -647,9 +649,9 @@ var SpanElement = (props) => /* @__PURE__ */ import_react15.default.createElemen
|
|
|
647
649
|
|
|
648
650
|
// src/Components/Profile.tsx
|
|
649
651
|
var import_react16 = __toESM(require("react"));
|
|
650
|
-
var
|
|
652
|
+
var import_antd13 = require("antd");
|
|
651
653
|
var import_icons3 = require("@ant-design/icons");
|
|
652
|
-
var Profile = (props) => /* @__PURE__ */ import_react16.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react16.default.createElement(
|
|
654
|
+
var Profile = (props) => /* @__PURE__ */ import_react16.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react16.default.createElement(import_antd13.Avatar, { style: { backgroundColor: "#87d068", marginRight: "10px" }, icon: /* @__PURE__ */ import_react16.default.createElement(import_icons3.UserOutlined, null) }), /* @__PURE__ */ import_react16.default.createElement("div", { className: props.profileSubClassName }, /* @__PURE__ */ import_react16.default.createElement("p", null, props.primaryText), /* @__PURE__ */ import_react16.default.createElement("p", { className: props.secondTextClassName }, " ", props.secondaryText)));
|
|
653
655
|
|
|
654
656
|
// src/Components/Navbar.tsx
|
|
655
657
|
var Navbar = (props) => {
|
|
@@ -667,11 +669,11 @@ var Navbar = (props) => {
|
|
|
667
669
|
|
|
668
670
|
// src/Components/TableElement.tsx
|
|
669
671
|
var import_react20 = __toESM(require("react"));
|
|
670
|
-
var
|
|
672
|
+
var import_antd15 = require("antd");
|
|
671
673
|
|
|
672
674
|
// src/Components/Model.tsx
|
|
673
675
|
var import_react19 = __toESM(require("react"));
|
|
674
|
-
var
|
|
676
|
+
var import_antd14 = require("antd");
|
|
675
677
|
|
|
676
678
|
// src/Components/ModelBody.tsx
|
|
677
679
|
var import_react18 = __toESM(require("react"));
|
|
@@ -693,7 +695,7 @@ var ModelBody = (props) => {
|
|
|
693
695
|
var ModelElement = (props) => {
|
|
694
696
|
const { model, onCancel, selectedRecord, columns } = props;
|
|
695
697
|
return /* @__PURE__ */ import_react19.default.createElement(
|
|
696
|
-
|
|
698
|
+
import_antd14.Modal,
|
|
697
699
|
{
|
|
698
700
|
centered: true,
|
|
699
701
|
open: model,
|
|
@@ -796,7 +798,7 @@ var TableElement = (props) => {
|
|
|
796
798
|
}
|
|
797
799
|
} : void 0;
|
|
798
800
|
return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
|
|
799
|
-
|
|
801
|
+
import_antd15.Table,
|
|
800
802
|
{
|
|
801
803
|
className: props.className,
|
|
802
804
|
pagination: {
|
|
@@ -816,7 +818,7 @@ var TableElement = (props) => {
|
|
|
816
818
|
|
|
817
819
|
// src/Components/DatePicker.tsx
|
|
818
820
|
var import_react21 = __toESM(require("react"));
|
|
819
|
-
var
|
|
821
|
+
var import_antd16 = require("antd");
|
|
820
822
|
var import_dayjs = __toESM(require("dayjs"));
|
|
821
823
|
var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat.js"));
|
|
822
824
|
import_dayjs.default.extend(import_customParseFormat.default);
|
|
@@ -837,7 +839,7 @@ var DatePickerElement = (props) => {
|
|
|
837
839
|
}
|
|
838
840
|
};
|
|
839
841
|
return /* @__PURE__ */ import_react21.default.createElement("div", null, /* @__PURE__ */ import_react21.default.createElement(
|
|
840
|
-
|
|
842
|
+
import_antd16.DatePicker,
|
|
841
843
|
{
|
|
842
844
|
placeholder: props.placeholder,
|
|
843
845
|
value: dateState,
|
|
@@ -849,10 +851,10 @@ var DatePickerElement = (props) => {
|
|
|
849
851
|
|
|
850
852
|
// src/Components/DateRangePickerElement.tsx
|
|
851
853
|
var import_react22 = __toESM(require("react"));
|
|
852
|
-
var
|
|
854
|
+
var import_antd17 = require("antd");
|
|
853
855
|
var import_dayjs2 = __toESM(require("dayjs"));
|
|
854
856
|
var DateRangePickerElement = (props) => {
|
|
855
|
-
const { RangePicker } =
|
|
857
|
+
const { RangePicker } = import_antd17.DatePicker;
|
|
856
858
|
const handleChange = (dates, dateStrings) => {
|
|
857
859
|
if (dates && props.onChange) {
|
|
858
860
|
props.onChange(dateStrings);
|
|
@@ -866,7 +868,7 @@ var DateRangePickerElement = (props) => {
|
|
|
866
868
|
{ label: "Last 30 Days", value: [(0, import_dayjs2.default)().add(-30, "d"), (0, import_dayjs2.default)()] },
|
|
867
869
|
{ label: "Last 90 Days", value: [(0, import_dayjs2.default)().add(-90, "d"), (0, import_dayjs2.default)()] }
|
|
868
870
|
];
|
|
869
|
-
return /* @__PURE__ */ import_react22.default.createElement(
|
|
871
|
+
return /* @__PURE__ */ import_react22.default.createElement(import_antd17.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react22.default.createElement(RangePicker, { presets: rangePresets, onChange: handleChange }));
|
|
870
872
|
};
|
|
871
873
|
|
|
872
874
|
// src/Components/Image.tsx
|
|
@@ -877,19 +879,19 @@ var Image = (props) => {
|
|
|
877
879
|
|
|
878
880
|
// src/Components/SingleCheckbox.tsx
|
|
879
881
|
var import_react24 = __toESM(require("react"));
|
|
880
|
-
var
|
|
882
|
+
var import_antd18 = require("antd");
|
|
881
883
|
var SingleCheckbox = (props) => {
|
|
882
884
|
const handleChange = (e) => {
|
|
883
885
|
if (props.onChange) {
|
|
884
886
|
props.onChange(e.target.checked);
|
|
885
887
|
}
|
|
886
888
|
};
|
|
887
|
-
return /* @__PURE__ */ import_react24.default.createElement(
|
|
889
|
+
return /* @__PURE__ */ import_react24.default.createElement(import_antd18.Checkbox, { onChange: (e) => handleChange(e), className: props.className }, props.label);
|
|
888
890
|
};
|
|
889
891
|
|
|
890
892
|
// src/Components/DropDownGroup.tsx
|
|
891
893
|
var import_react25 = __toESM(require("react"));
|
|
892
|
-
var
|
|
894
|
+
var import_antd19 = require("antd");
|
|
893
895
|
var DropDownGroup = (props) => {
|
|
894
896
|
const [selectedValue, setSelectedValue] = (0, import_react25.useState)({
|
|
895
897
|
firstValue: {},
|
|
@@ -924,7 +926,7 @@ var DropDownGroup = (props) => {
|
|
|
924
926
|
});
|
|
925
927
|
};
|
|
926
928
|
return /* @__PURE__ */ import_react25.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react25.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react25.default.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ import_react25.default.createElement(
|
|
927
|
-
|
|
929
|
+
import_antd19.Select,
|
|
928
930
|
{
|
|
929
931
|
onChange: handleFirstChange,
|
|
930
932
|
variant: props.variant,
|
|
@@ -932,7 +934,7 @@ var DropDownGroup = (props) => {
|
|
|
932
934
|
className: props.className
|
|
933
935
|
}
|
|
934
936
|
), /* @__PURE__ */ import_react25.default.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ import_react25.default.createElement(
|
|
935
|
-
|
|
937
|
+
import_antd19.Select,
|
|
936
938
|
{
|
|
937
939
|
onChange: handleSecondChange,
|
|
938
940
|
variant: props.variant,
|
|
@@ -944,10 +946,10 @@ var DropDownGroup = (props) => {
|
|
|
944
946
|
|
|
945
947
|
// src/Components/FilesUpload.tsx
|
|
946
948
|
var import_react26 = __toESM(require("react"));
|
|
947
|
-
var
|
|
949
|
+
var import_antd20 = require("antd");
|
|
948
950
|
var import_icons4 = require("@ant-design/icons");
|
|
949
951
|
var FileUpload = (props) => {
|
|
950
|
-
const { Dragger } =
|
|
952
|
+
const { Dragger } = import_antd20.Upload;
|
|
951
953
|
const [files, setFiles] = (0, import_react26.useState)([]);
|
|
952
954
|
const handleChange = ({ fileList }) => {
|
|
953
955
|
setFiles(fileList);
|
|
@@ -983,23 +985,23 @@ var FileUpload = (props) => {
|
|
|
983
985
|
|
|
984
986
|
// src/Components/TabsElement.tsx
|
|
985
987
|
var import_react27 = __toESM(require("react"));
|
|
986
|
-
var
|
|
988
|
+
var import_antd21 = require("antd");
|
|
987
989
|
var TabsElement = (props) => {
|
|
988
990
|
const handleChange = (key) => {
|
|
989
991
|
if (props.onChange) {
|
|
990
992
|
props.onChange(props.options?.find((eachOption) => eachOption.key === key));
|
|
991
993
|
}
|
|
992
994
|
};
|
|
993
|
-
return /* @__PURE__ */ import_react27.default.createElement(
|
|
995
|
+
return /* @__PURE__ */ import_react27.default.createElement(import_antd21.Tabs, { className: props.containerClassName, items: props.options, onChange: handleChange });
|
|
994
996
|
};
|
|
995
997
|
|
|
996
998
|
// src/Components/SwitchElement.tsx
|
|
997
999
|
var import_react28 = __toESM(require("react"));
|
|
998
|
-
var
|
|
1000
|
+
var import_antd22 = require("antd");
|
|
999
1001
|
var onChange = (checked) => {
|
|
1000
1002
|
console.log(`switch to ${checked}`);
|
|
1001
1003
|
};
|
|
1002
|
-
var SwitchElement = () => /* @__PURE__ */ import_react28.default.createElement(
|
|
1004
|
+
var SwitchElement = () => /* @__PURE__ */ import_react28.default.createElement(import_antd22.Switch, { defaultChecked: true, onChange });
|
|
1003
1005
|
|
|
1004
1006
|
// src/Components/Upload.tsx
|
|
1005
1007
|
var import_react29 = __toESM(require("react"));
|
|
@@ -1031,7 +1033,7 @@ var Upload2 = (props) => {
|
|
|
1031
1033
|
|
|
1032
1034
|
// src/Components/OtpElement.tsx
|
|
1033
1035
|
var import_react30 = __toESM(require("react"));
|
|
1034
|
-
var
|
|
1036
|
+
var import_antd23 = require("antd");
|
|
1035
1037
|
var OtpElement = (props) => {
|
|
1036
1038
|
const length = props.length;
|
|
1037
1039
|
const [otp, setOtp] = (0, import_react30.useState)(Array(length).fill(""));
|
|
@@ -1071,7 +1073,7 @@ var OtpElement = (props) => {
|
|
|
1071
1073
|
inputRefs.current[0]?.focus();
|
|
1072
1074
|
}, []);
|
|
1073
1075
|
return /* @__PURE__ */ import_react30.default.createElement("div", { className: props.containerClassName }, Array.from({ length }).map((_, index) => /* @__PURE__ */ import_react30.default.createElement(
|
|
1074
|
-
|
|
1076
|
+
import_antd23.Input,
|
|
1075
1077
|
{
|
|
1076
1078
|
key: index,
|
|
1077
1079
|
className: props.className,
|
|
@@ -1092,114 +1094,51 @@ var import_highcharts_react_official = __toESM(require("highcharts-react-officia
|
|
|
1092
1094
|
var HighchartsChart = ({ options }) => {
|
|
1093
1095
|
return /* @__PURE__ */ import_react31.default.createElement(import_highcharts_react_official.default, { highcharts: import_highcharts.default, options });
|
|
1094
1096
|
};
|
|
1097
|
+
console.log(HighchartsChart);
|
|
1098
|
+
console.log(typeof HighchartsChart);
|
|
1095
1099
|
var Donut = (props) => {
|
|
1096
|
-
console.log(props);
|
|
1097
1100
|
const chartOptions = {
|
|
1098
|
-
chart: {
|
|
1099
|
-
type: "pie"
|
|
1100
|
-
},
|
|
1101
1101
|
title: {
|
|
1102
|
-
text: "
|
|
1103
|
-
},
|
|
1104
|
-
tooltip: {
|
|
1105
|
-
valueSuffix: "%"
|
|
1106
|
-
},
|
|
1107
|
-
subtitle: {
|
|
1108
|
-
text: 'Source:<a href="https://www.mdpi.com/2072-6643/11/3/684/htm" target="_default">MDPI</a>'
|
|
1102
|
+
text: "Distribution of Students"
|
|
1109
1103
|
},
|
|
1110
1104
|
plotOptions: {
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
enabled: true,
|
|
1119
|
-
distance: -40,
|
|
1120
|
-
format: "{point.percentage:.1f}%",
|
|
1121
|
-
style: {
|
|
1122
|
-
fontSize: "1.2em",
|
|
1123
|
-
textOutline: "none",
|
|
1124
|
-
opacity: 0.7
|
|
1125
|
-
},
|
|
1126
|
-
filter: {
|
|
1127
|
-
operator: ">",
|
|
1128
|
-
property: "percentage",
|
|
1129
|
-
value: 10
|
|
1130
|
-
}
|
|
1131
|
-
}]
|
|
1105
|
+
pie: {
|
|
1106
|
+
innerSize: "70%",
|
|
1107
|
+
dataLabels: {
|
|
1108
|
+
enabled: false,
|
|
1109
|
+
format: "<b>{point.name}</b>: {point.percentage:.1f} %"
|
|
1110
|
+
},
|
|
1111
|
+
showInLegend: true
|
|
1132
1112
|
}
|
|
1133
1113
|
},
|
|
1134
1114
|
series: [
|
|
1135
1115
|
{
|
|
1116
|
+
type: "pie",
|
|
1136
1117
|
name: "Percentage",
|
|
1137
|
-
colorByPoint: true,
|
|
1138
1118
|
data: [
|
|
1139
1119
|
{
|
|
1140
|
-
name: "
|
|
1141
|
-
y:
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
name: "Fat",
|
|
1145
|
-
sliced: true,
|
|
1146
|
-
selected: true,
|
|
1147
|
-
y: 26.71
|
|
1148
|
-
},
|
|
1149
|
-
{
|
|
1150
|
-
name: "Carbohydrates",
|
|
1151
|
-
y: 1.09
|
|
1120
|
+
name: "Girls",
|
|
1121
|
+
y: 20,
|
|
1122
|
+
color: "#FF6384"
|
|
1123
|
+
// Custom color for Girls
|
|
1152
1124
|
},
|
|
1153
1125
|
{
|
|
1154
|
-
name: "
|
|
1155
|
-
y:
|
|
1126
|
+
name: "Boys",
|
|
1127
|
+
y: 40,
|
|
1128
|
+
color: "#36A2EB"
|
|
1129
|
+
// Custom color for Boys
|
|
1156
1130
|
},
|
|
1157
1131
|
{
|
|
1158
|
-
name: "
|
|
1159
|
-
y:
|
|
1132
|
+
name: "Students",
|
|
1133
|
+
y: 40,
|
|
1134
|
+
color: "#FFCE56"
|
|
1135
|
+
// Custom color for Students
|
|
1160
1136
|
}
|
|
1161
1137
|
]
|
|
1162
1138
|
}
|
|
1163
1139
|
]
|
|
1164
|
-
// title: {
|
|
1165
|
-
// text: "Distribution of Students",
|
|
1166
|
-
// },
|
|
1167
|
-
// plotOptions: {
|
|
1168
|
-
// pie: {
|
|
1169
|
-
// innerSize: "70%",
|
|
1170
|
-
// dataLabels: {
|
|
1171
|
-
// enabled: false,
|
|
1172
|
-
// format: "<b>{point.name}</b>: {point.percentage:.1f} %",
|
|
1173
|
-
// },
|
|
1174
|
-
// showInLegend: true,
|
|
1175
|
-
// },
|
|
1176
|
-
// },
|
|
1177
|
-
// series: [
|
|
1178
|
-
// {
|
|
1179
|
-
// type: "pie",
|
|
1180
|
-
// name: "Percentage",
|
|
1181
|
-
// data: [
|
|
1182
|
-
// {
|
|
1183
|
-
// name: "Girls",
|
|
1184
|
-
// y: 20,
|
|
1185
|
-
// color: "#FF6384", // Custom color for Girls
|
|
1186
|
-
// },
|
|
1187
|
-
// {
|
|
1188
|
-
// name: "Boys",
|
|
1189
|
-
// y: 40,
|
|
1190
|
-
// color: "#36A2EB", // Custom color for Boys
|
|
1191
|
-
// },
|
|
1192
|
-
// {
|
|
1193
|
-
// name: "Students",
|
|
1194
|
-
// y: 40,
|
|
1195
|
-
// color: "#FFCE56", // Custom color for Students
|
|
1196
|
-
// },
|
|
1197
|
-
// ],
|
|
1198
|
-
// },
|
|
1199
|
-
// ],
|
|
1200
1140
|
};
|
|
1201
|
-
|
|
1202
|
-
return /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, /* @__PURE__ */ import_react31.default.createElement(HighchartsChart, { options: chartOptions }));
|
|
1141
|
+
return /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, /* @__PURE__ */ import_react31.default.createElement(HighchartsChart, { highcharts: import_highcharts.default, options: chartOptions }));
|
|
1203
1142
|
};
|
|
1204
1143
|
// Annotate the CommonJS export names for ESM import in node:
|
|
1205
1144
|
0 && (module.exports = {
|
package/dist/index.mjs
CHANGED
|
@@ -317,6 +317,7 @@ var MultipleSelectElement = (props) => {
|
|
|
317
317
|
|
|
318
318
|
// src/Components/Button.tsx
|
|
319
319
|
import React11, { useEffect, useState as useState4 } from "react";
|
|
320
|
+
import { Button } from "antd";
|
|
320
321
|
var ButtonElement = (props) => {
|
|
321
322
|
const [svgContent, setSvgContent] = useState4(null);
|
|
322
323
|
const [originalSvgContent, setOriginalSvgContent] = useState4(null);
|
|
@@ -373,12 +374,13 @@ var ButtonElement = (props) => {
|
|
|
373
374
|
}
|
|
374
375
|
};
|
|
375
376
|
return /* @__PURE__ */ React11.createElement(
|
|
376
|
-
|
|
377
|
+
Button,
|
|
377
378
|
{
|
|
378
379
|
onClick: props.onClick,
|
|
379
380
|
className: `${props.className ? props.className : ""}`,
|
|
380
381
|
onMouseEnter: handleMouseEnter,
|
|
381
|
-
onMouseLeave: handleMouseLeave
|
|
382
|
+
onMouseLeave: handleMouseLeave,
|
|
383
|
+
loading: props.loading
|
|
382
384
|
},
|
|
383
385
|
props.isSVGStylesOverride === false ? props.icon && /* @__PURE__ */ React11.createElement("img", { className: props.iconsClassName, src: props.icon, alt: props.label }) : svgContent && /* @__PURE__ */ React11.createElement(
|
|
384
386
|
"span",
|
|
@@ -392,7 +394,7 @@ var ButtonElement = (props) => {
|
|
|
392
394
|
|
|
393
395
|
// src/Components/AddMoreTable.tsx
|
|
394
396
|
import React12, { useEffect as useEffect2, useState as useState5 } from "react";
|
|
395
|
-
import { Table, Button } from "antd";
|
|
397
|
+
import { Table, Button as Button2 } from "antd";
|
|
396
398
|
import { PlusOutlined, DeleteOutlined } from "@ant-design/icons";
|
|
397
399
|
var AddMoreTable = (props) => {
|
|
398
400
|
const { thead, tbody } = props;
|
|
@@ -487,13 +489,13 @@ var AddMoreTable = (props) => {
|
|
|
487
489
|
eachRow.variable_data.forEach((variable, subIndex) => {
|
|
488
490
|
Object.keys(variable).forEach((key) => {
|
|
489
491
|
if (key === "SubRows") {
|
|
490
|
-
rowData[`${key}`] = /* @__PURE__ */ React12.createElement("div", { key: subIndex }, eachRow.variable_data.length > 1 && /* @__PURE__ */ React12.createElement(
|
|
492
|
+
rowData[`${key}`] = /* @__PURE__ */ React12.createElement("div", { key: subIndex }, eachRow.variable_data.length > 1 && /* @__PURE__ */ React12.createElement(Button2, { onClick: () => onHandleSubRowsDelete(rowIndex, subIndex) }, /* @__PURE__ */ React12.createElement(DeleteOutlined, null)), subIndex === eachRow.variable_data.length - 1 && /* @__PURE__ */ React12.createElement(Button2, { onClick: () => onHandleSubRowsAdd(rowIndex) }, /* @__PURE__ */ React12.createElement(PlusOutlined, null)));
|
|
491
493
|
} else {
|
|
492
494
|
rowData[`${key}`] = renderInputElement(variable[key]);
|
|
493
495
|
}
|
|
494
496
|
});
|
|
495
497
|
});
|
|
496
|
-
rowData.actions = /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement(
|
|
498
|
+
rowData.actions = /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement(Button2, { onClick: () => onHandleDelete(eachRow.id) }, /* @__PURE__ */ React12.createElement(DeleteOutlined, null)), rowIndex === rows.length - 1 && /* @__PURE__ */ React12.createElement(Button2, { onClick: onHandleRows }, /* @__PURE__ */ React12.createElement(PlusOutlined, null)));
|
|
497
499
|
console.log("=====rowdata", rowData);
|
|
498
500
|
return rowData;
|
|
499
501
|
});
|
|
@@ -533,7 +535,7 @@ var Sidebar = (props) => {
|
|
|
533
535
|
ButtonElement,
|
|
534
536
|
{
|
|
535
537
|
...item,
|
|
536
|
-
className: item.active ? props.activeClassName :
|
|
538
|
+
className: `${props.className} ${item.active ? props.activeClassName : ""}`,
|
|
537
539
|
iconsClassName: props.iconsClassName,
|
|
538
540
|
onClick: (e) => {
|
|
539
541
|
e.preventDefault();
|
|
@@ -549,7 +551,7 @@ import React17 from "react";
|
|
|
549
551
|
|
|
550
552
|
// src/Components/Notification.tsx
|
|
551
553
|
import React14 from "react";
|
|
552
|
-
import { Popover, Badge, Button as
|
|
554
|
+
import { Popover, Badge, Button as Button3, Avatar, List } from "antd";
|
|
553
555
|
import { IoIosNotifications } from "react-icons/io";
|
|
554
556
|
var popoverContentStyle = {
|
|
555
557
|
minWidth: "300px",
|
|
@@ -577,7 +579,7 @@ var Notification = (props) => /* @__PURE__ */ React14.createElement(
|
|
|
577
579
|
trigger: "focus",
|
|
578
580
|
placement: "bottomRight"
|
|
579
581
|
},
|
|
580
|
-
/* @__PURE__ */ React14.createElement(
|
|
582
|
+
/* @__PURE__ */ React14.createElement(Button3, { className: props.buttonClassName }, /* @__PURE__ */ React14.createElement(Badge, { size: "small", count: props.count }, /* @__PURE__ */ React14.createElement("span", { className: props.iconsClassName }, /* @__PURE__ */ React14.createElement(IoIosNotifications, null))))
|
|
581
583
|
);
|
|
582
584
|
|
|
583
585
|
// src/Components/SpanElement.tsx
|
|
@@ -1031,114 +1033,51 @@ import HighchartsReact from "highcharts-react-official";
|
|
|
1031
1033
|
var HighchartsChart = ({ options }) => {
|
|
1032
1034
|
return /* @__PURE__ */ React31.createElement(HighchartsReact, { highcharts: Highcharts, options });
|
|
1033
1035
|
};
|
|
1036
|
+
console.log(HighchartsChart);
|
|
1037
|
+
console.log(typeof HighchartsChart);
|
|
1034
1038
|
var Donut = (props) => {
|
|
1035
|
-
console.log(props);
|
|
1036
1039
|
const chartOptions = {
|
|
1037
|
-
chart: {
|
|
1038
|
-
type: "pie"
|
|
1039
|
-
},
|
|
1040
1040
|
title: {
|
|
1041
|
-
text: "
|
|
1042
|
-
},
|
|
1043
|
-
tooltip: {
|
|
1044
|
-
valueSuffix: "%"
|
|
1045
|
-
},
|
|
1046
|
-
subtitle: {
|
|
1047
|
-
text: 'Source:<a href="https://www.mdpi.com/2072-6643/11/3/684/htm" target="_default">MDPI</a>'
|
|
1041
|
+
text: "Distribution of Students"
|
|
1048
1042
|
},
|
|
1049
1043
|
plotOptions: {
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
enabled: true,
|
|
1058
|
-
distance: -40,
|
|
1059
|
-
format: "{point.percentage:.1f}%",
|
|
1060
|
-
style: {
|
|
1061
|
-
fontSize: "1.2em",
|
|
1062
|
-
textOutline: "none",
|
|
1063
|
-
opacity: 0.7
|
|
1064
|
-
},
|
|
1065
|
-
filter: {
|
|
1066
|
-
operator: ">",
|
|
1067
|
-
property: "percentage",
|
|
1068
|
-
value: 10
|
|
1069
|
-
}
|
|
1070
|
-
}]
|
|
1044
|
+
pie: {
|
|
1045
|
+
innerSize: "70%",
|
|
1046
|
+
dataLabels: {
|
|
1047
|
+
enabled: false,
|
|
1048
|
+
format: "<b>{point.name}</b>: {point.percentage:.1f} %"
|
|
1049
|
+
},
|
|
1050
|
+
showInLegend: true
|
|
1071
1051
|
}
|
|
1072
1052
|
},
|
|
1073
1053
|
series: [
|
|
1074
1054
|
{
|
|
1055
|
+
type: "pie",
|
|
1075
1056
|
name: "Percentage",
|
|
1076
|
-
colorByPoint: true,
|
|
1077
1057
|
data: [
|
|
1078
1058
|
{
|
|
1079
|
-
name: "
|
|
1080
|
-
y:
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
name: "Fat",
|
|
1084
|
-
sliced: true,
|
|
1085
|
-
selected: true,
|
|
1086
|
-
y: 26.71
|
|
1087
|
-
},
|
|
1088
|
-
{
|
|
1089
|
-
name: "Carbohydrates",
|
|
1090
|
-
y: 1.09
|
|
1059
|
+
name: "Girls",
|
|
1060
|
+
y: 20,
|
|
1061
|
+
color: "#FF6384"
|
|
1062
|
+
// Custom color for Girls
|
|
1091
1063
|
},
|
|
1092
1064
|
{
|
|
1093
|
-
name: "
|
|
1094
|
-
y:
|
|
1065
|
+
name: "Boys",
|
|
1066
|
+
y: 40,
|
|
1067
|
+
color: "#36A2EB"
|
|
1068
|
+
// Custom color for Boys
|
|
1095
1069
|
},
|
|
1096
1070
|
{
|
|
1097
|
-
name: "
|
|
1098
|
-
y:
|
|
1071
|
+
name: "Students",
|
|
1072
|
+
y: 40,
|
|
1073
|
+
color: "#FFCE56"
|
|
1074
|
+
// Custom color for Students
|
|
1099
1075
|
}
|
|
1100
1076
|
]
|
|
1101
1077
|
}
|
|
1102
1078
|
]
|
|
1103
|
-
// title: {
|
|
1104
|
-
// text: "Distribution of Students",
|
|
1105
|
-
// },
|
|
1106
|
-
// plotOptions: {
|
|
1107
|
-
// pie: {
|
|
1108
|
-
// innerSize: "70%",
|
|
1109
|
-
// dataLabels: {
|
|
1110
|
-
// enabled: false,
|
|
1111
|
-
// format: "<b>{point.name}</b>: {point.percentage:.1f} %",
|
|
1112
|
-
// },
|
|
1113
|
-
// showInLegend: true,
|
|
1114
|
-
// },
|
|
1115
|
-
// },
|
|
1116
|
-
// series: [
|
|
1117
|
-
// {
|
|
1118
|
-
// type: "pie",
|
|
1119
|
-
// name: "Percentage",
|
|
1120
|
-
// data: [
|
|
1121
|
-
// {
|
|
1122
|
-
// name: "Girls",
|
|
1123
|
-
// y: 20,
|
|
1124
|
-
// color: "#FF6384", // Custom color for Girls
|
|
1125
|
-
// },
|
|
1126
|
-
// {
|
|
1127
|
-
// name: "Boys",
|
|
1128
|
-
// y: 40,
|
|
1129
|
-
// color: "#36A2EB", // Custom color for Boys
|
|
1130
|
-
// },
|
|
1131
|
-
// {
|
|
1132
|
-
// name: "Students",
|
|
1133
|
-
// y: 40,
|
|
1134
|
-
// color: "#FFCE56", // Custom color for Students
|
|
1135
|
-
// },
|
|
1136
|
-
// ],
|
|
1137
|
-
// },
|
|
1138
|
-
// ],
|
|
1139
1079
|
};
|
|
1140
|
-
|
|
1141
|
-
return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(HighchartsChart, { options: chartOptions }));
|
|
1080
|
+
return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(HighchartsChart, { highcharts: Highcharts, options: chartOptions }));
|
|
1142
1081
|
};
|
|
1143
1082
|
export {
|
|
1144
1083
|
AddMoreTable,
|