@apexcura/ui-components 0.0.14-Beta294 → 0.0.14-Beta295
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 -3
- package/dist/index.d.ts +1 -3
- package/dist/index.js +5 -29
- package/dist/index.mjs +17 -40
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -106,8 +106,6 @@ declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
|
|
|
106
106
|
|
|
107
107
|
declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
|
|
108
108
|
|
|
109
|
-
declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
|
|
110
|
-
|
|
111
109
|
declare const Navbar: (props: ElementType) => React$1.JSX.Element;
|
|
112
110
|
|
|
113
111
|
declare const TableElement: (props: ElementType) => React$1.JSX.Element;
|
|
@@ -146,4 +144,4 @@ declare const BarChart: (props: ElementType) => React$1.JSX.Element;
|
|
|
146
144
|
|
|
147
145
|
declare const DivContainer: (props: ElementType) => React$1.JSX.Element;
|
|
148
146
|
|
|
149
|
-
export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut,
|
|
147
|
+
export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
|
package/dist/index.d.ts
CHANGED
|
@@ -106,8 +106,6 @@ declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
|
|
|
106
106
|
|
|
107
107
|
declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
|
|
108
108
|
|
|
109
|
-
declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
|
|
110
|
-
|
|
111
109
|
declare const Navbar: (props: ElementType) => React$1.JSX.Element;
|
|
112
110
|
|
|
113
111
|
declare const TableElement: (props: ElementType) => React$1.JSX.Element;
|
|
@@ -146,4 +144,4 @@ declare const BarChart: (props: ElementType) => React$1.JSX.Element;
|
|
|
146
144
|
|
|
147
145
|
declare const DivContainer: (props: ElementType) => React$1.JSX.Element;
|
|
148
146
|
|
|
149
|
-
export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut,
|
|
147
|
+
export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
|
package/dist/index.js
CHANGED
|
@@ -53,7 +53,6 @@ __export(src_exports, {
|
|
|
53
53
|
RadioElement: () => RadioElement,
|
|
54
54
|
SelectElement: () => SelectElement,
|
|
55
55
|
SemiCircleDonut: () => SemiCircleDonut,
|
|
56
|
-
Sidebar: () => Sidebar,
|
|
57
56
|
SingleCheckbox: () => SingleCheckbox,
|
|
58
57
|
SingleSelectElement: () => SingleSelectElement,
|
|
59
58
|
SwitchElement: () => SwitchElement,
|
|
@@ -282,7 +281,7 @@ var CheckboxElement = (props) => {
|
|
|
282
281
|
}
|
|
283
282
|
};
|
|
284
283
|
const onHandleAllChanges = (e) => {
|
|
285
|
-
const newList = e.target.checked ? props.options : [];
|
|
284
|
+
const newList = e.target.checked ? props.options : [""];
|
|
286
285
|
setCheckedList(newList);
|
|
287
286
|
if (props.onChange) {
|
|
288
287
|
props.onChange(newList);
|
|
@@ -661,27 +660,6 @@ var AddMoreTable = (props) => {
|
|
|
661
660
|
|
|
662
661
|
// src/Components/Sidebar.tsx
|
|
663
662
|
var import_react14 = __toESM(require("react"));
|
|
664
|
-
var Sidebar = (props) => {
|
|
665
|
-
const handleChange = (item) => {
|
|
666
|
-
if (props.onChange) {
|
|
667
|
-
props.onChange(item);
|
|
668
|
-
}
|
|
669
|
-
};
|
|
670
|
-
return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, { key: props.name }, /* @__PURE__ */ import_react14.default.createElement("div", { className: props.imgClassName }, /* @__PURE__ */ import_react14.default.createElement("img", { src: props.img, alt: "logo" })), /* @__PURE__ */ import_react14.default.createElement("div", { className: props.listClassName }, props.items?.map((item) => {
|
|
671
|
-
return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, { key: item.label }, /* @__PURE__ */ import_react14.default.createElement(
|
|
672
|
-
ButtonElement,
|
|
673
|
-
{
|
|
674
|
-
...item,
|
|
675
|
-
className: item.active ? props.activeClassName : props.className,
|
|
676
|
-
iconsClassName: props.iconsClassName,
|
|
677
|
-
onClick: (e) => {
|
|
678
|
-
e.preventDefault();
|
|
679
|
-
handleChange(item);
|
|
680
|
-
}
|
|
681
|
-
}
|
|
682
|
-
));
|
|
683
|
-
})));
|
|
684
|
-
};
|
|
685
663
|
|
|
686
664
|
// src/Components/Navbar.tsx
|
|
687
665
|
var import_react18 = __toESM(require("react"));
|
|
@@ -839,16 +817,15 @@ var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat.j
|
|
|
839
817
|
var import_moment = __toESM(require("moment"));
|
|
840
818
|
import_dayjs.default.extend(import_customParseFormat.default);
|
|
841
819
|
var DatePickerElement = (props) => {
|
|
842
|
-
const [dateState, setDateState] = (0, import_react20.useState)(
|
|
820
|
+
const [dateState, setDateState] = (0, import_react20.useState)(null);
|
|
843
821
|
const handleChange = (date, dateString) => {
|
|
844
822
|
if (date) {
|
|
845
|
-
const formattedDate = dateString;
|
|
846
823
|
setDateState(date);
|
|
847
824
|
if (props.onChange) {
|
|
848
|
-
props.onChange(
|
|
825
|
+
props.onChange(dateString);
|
|
849
826
|
}
|
|
850
827
|
} else {
|
|
851
|
-
setDateState(
|
|
828
|
+
setDateState(null);
|
|
852
829
|
if (props.onChange) {
|
|
853
830
|
props.onChange("");
|
|
854
831
|
}
|
|
@@ -863,7 +840,7 @@ var DatePickerElement = (props) => {
|
|
|
863
840
|
disabledDate,
|
|
864
841
|
placeholder: props.placeholder,
|
|
865
842
|
value: dateState,
|
|
866
|
-
format:
|
|
843
|
+
format: "DD-MM-YYYY",
|
|
867
844
|
onChange: handleChange,
|
|
868
845
|
picker: props.picker
|
|
869
846
|
}
|
|
@@ -1618,7 +1595,6 @@ var DivContainer = (props) => {
|
|
|
1618
1595
|
RadioElement,
|
|
1619
1596
|
SelectElement,
|
|
1620
1597
|
SemiCircleDonut,
|
|
1621
|
-
Sidebar,
|
|
1622
1598
|
SingleCheckbox,
|
|
1623
1599
|
SingleSelectElement,
|
|
1624
1600
|
SwitchElement,
|
package/dist/index.mjs
CHANGED
|
@@ -215,7 +215,7 @@ var CheckboxElement = (props) => {
|
|
|
215
215
|
}
|
|
216
216
|
};
|
|
217
217
|
const onHandleAllChanges = (e) => {
|
|
218
|
-
const newList = e.target.checked ? props.options : [];
|
|
218
|
+
const newList = e.target.checked ? props.options : [""];
|
|
219
219
|
setCheckedList(newList);
|
|
220
220
|
if (props.onChange) {
|
|
221
221
|
props.onChange(newList);
|
|
@@ -593,28 +593,7 @@ var AddMoreTable = (props) => {
|
|
|
593
593
|
};
|
|
594
594
|
|
|
595
595
|
// src/Components/Sidebar.tsx
|
|
596
|
-
import React14 from "react";
|
|
597
|
-
var Sidebar = (props) => {
|
|
598
|
-
const handleChange = (item) => {
|
|
599
|
-
if (props.onChange) {
|
|
600
|
-
props.onChange(item);
|
|
601
|
-
}
|
|
602
|
-
};
|
|
603
|
-
return /* @__PURE__ */ React14.createElement(React14.Fragment, { key: props.name }, /* @__PURE__ */ React14.createElement("div", { className: props.imgClassName }, /* @__PURE__ */ React14.createElement("img", { src: props.img, alt: "logo" })), /* @__PURE__ */ React14.createElement("div", { className: props.listClassName }, props.items?.map((item) => {
|
|
604
|
-
return /* @__PURE__ */ React14.createElement(React14.Fragment, { key: item.label }, /* @__PURE__ */ React14.createElement(
|
|
605
|
-
ButtonElement,
|
|
606
|
-
{
|
|
607
|
-
...item,
|
|
608
|
-
className: item.active ? props.activeClassName : props.className,
|
|
609
|
-
iconsClassName: props.iconsClassName,
|
|
610
|
-
onClick: (e) => {
|
|
611
|
-
e.preventDefault();
|
|
612
|
-
handleChange(item);
|
|
613
|
-
}
|
|
614
|
-
}
|
|
615
|
-
));
|
|
616
|
-
})));
|
|
617
|
-
};
|
|
596
|
+
import React14, { useState as useState5 } from "react";
|
|
618
597
|
|
|
619
598
|
// src/Components/Navbar.tsx
|
|
620
599
|
import React18 from "react";
|
|
@@ -677,11 +656,11 @@ var Navbar = (props) => {
|
|
|
677
656
|
};
|
|
678
657
|
|
|
679
658
|
// src/Components/TableElement.tsx
|
|
680
|
-
import React19, { useState as
|
|
659
|
+
import React19, { useState as useState6, useEffect as useEffect2 } from "react";
|
|
681
660
|
import { Table as Table2 } from "antd";
|
|
682
661
|
var TableElement = (props) => {
|
|
683
662
|
const { thead, tbody } = props;
|
|
684
|
-
const [dataSource, setDataSource] =
|
|
663
|
+
const [dataSource, setDataSource] = useState6([]);
|
|
685
664
|
useEffect2(() => {
|
|
686
665
|
if (tbody) {
|
|
687
666
|
setDataSource(
|
|
@@ -765,23 +744,22 @@ var TableElement = (props) => {
|
|
|
765
744
|
};
|
|
766
745
|
|
|
767
746
|
// src/Components/DatePicker.tsx
|
|
768
|
-
import React20, { useState as
|
|
747
|
+
import React20, { useState as useState7 } from "react";
|
|
769
748
|
import { DatePicker } from "antd";
|
|
770
749
|
import dayjs from "dayjs";
|
|
771
750
|
import customParseFormat from "dayjs/plugin/customParseFormat.js";
|
|
772
751
|
import moment from "moment";
|
|
773
752
|
dayjs.extend(customParseFormat);
|
|
774
753
|
var DatePickerElement = (props) => {
|
|
775
|
-
const [dateState, setDateState] =
|
|
754
|
+
const [dateState, setDateState] = useState7(null);
|
|
776
755
|
const handleChange = (date, dateString) => {
|
|
777
756
|
if (date) {
|
|
778
|
-
const formattedDate = dateString;
|
|
779
757
|
setDateState(date);
|
|
780
758
|
if (props.onChange) {
|
|
781
|
-
props.onChange(
|
|
759
|
+
props.onChange(dateString);
|
|
782
760
|
}
|
|
783
761
|
} else {
|
|
784
|
-
setDateState(
|
|
762
|
+
setDateState(null);
|
|
785
763
|
if (props.onChange) {
|
|
786
764
|
props.onChange("");
|
|
787
765
|
}
|
|
@@ -796,7 +774,7 @@ var DatePickerElement = (props) => {
|
|
|
796
774
|
disabledDate,
|
|
797
775
|
placeholder: props.placeholder,
|
|
798
776
|
value: dateState,
|
|
799
|
-
format:
|
|
777
|
+
format: "DD-MM-YYYY",
|
|
800
778
|
onChange: handleChange,
|
|
801
779
|
picker: props.picker
|
|
802
780
|
}
|
|
@@ -884,10 +862,10 @@ var SingleCheckbox = (props) => {
|
|
|
884
862
|
};
|
|
885
863
|
|
|
886
864
|
// src/Components/DropDownGroup.tsx
|
|
887
|
-
import React24, { useState as
|
|
865
|
+
import React24, { useState as useState8 } from "react";
|
|
888
866
|
import { Select as Select4 } from "antd";
|
|
889
867
|
var DropDownGroup = (props) => {
|
|
890
|
-
const [selectedValue, setSelectedValue] =
|
|
868
|
+
const [selectedValue, setSelectedValue] = useState8({
|
|
891
869
|
firstValue: {},
|
|
892
870
|
secondValue: {},
|
|
893
871
|
temp: ""
|
|
@@ -949,12 +927,12 @@ var DropDownGroup = (props) => {
|
|
|
949
927
|
};
|
|
950
928
|
|
|
951
929
|
// src/Components/FilesUpload.tsx
|
|
952
|
-
import React25, { useState as
|
|
930
|
+
import React25, { useState as useState9 } from "react";
|
|
953
931
|
import { Upload } from "antd";
|
|
954
932
|
import { InboxOutlined } from "@ant-design/icons";
|
|
955
933
|
var FileUpload = (props) => {
|
|
956
934
|
const { Dragger } = Upload;
|
|
957
|
-
const [files, setFiles] =
|
|
935
|
+
const [files, setFiles] = useState9([]);
|
|
958
936
|
const handleChange = ({ fileList }) => {
|
|
959
937
|
setFiles(fileList);
|
|
960
938
|
if (props.onChange) {
|
|
@@ -1007,9 +985,9 @@ var onChange = (checked) => {
|
|
|
1007
985
|
var SwitchElement = () => /* @__PURE__ */ React27.createElement(Switch, { defaultChecked: true, onChange });
|
|
1008
986
|
|
|
1009
987
|
// src/Components/Upload.tsx
|
|
1010
|
-
import React28, { useState as
|
|
988
|
+
import React28, { useState as useState10 } from "react";
|
|
1011
989
|
var Upload2 = (props) => {
|
|
1012
|
-
const [file, setFile] =
|
|
990
|
+
const [file, setFile] = useState10();
|
|
1013
991
|
const handleFileChange = (e) => {
|
|
1014
992
|
setFile(e.target.files[0]);
|
|
1015
993
|
if (props.onChange) {
|
|
@@ -1034,11 +1012,11 @@ var Upload2 = (props) => {
|
|
|
1034
1012
|
};
|
|
1035
1013
|
|
|
1036
1014
|
// src/Components/OtpElement.tsx
|
|
1037
|
-
import React29, { useState as
|
|
1015
|
+
import React29, { useState as useState11, useRef, useEffect as useEffect3 } from "react";
|
|
1038
1016
|
import { Input as Input3 } from "antd";
|
|
1039
1017
|
var OtpElement = (props) => {
|
|
1040
1018
|
const length = props.length;
|
|
1041
|
-
const [otp, setOtp] =
|
|
1019
|
+
const [otp, setOtp] = useState11(Array(length).fill(""));
|
|
1042
1020
|
const inputRefs = useRef([]);
|
|
1043
1021
|
const handleChange = (e, index) => {
|
|
1044
1022
|
const value = e.target.value;
|
|
@@ -1574,7 +1552,6 @@ export {
|
|
|
1574
1552
|
RadioElement,
|
|
1575
1553
|
SelectElement,
|
|
1576
1554
|
SemiCircleDonut,
|
|
1577
|
-
Sidebar,
|
|
1578
1555
|
SingleCheckbox,
|
|
1579
1556
|
SingleSelectElement,
|
|
1580
1557
|
SwitchElement,
|