@apexcura/ui-components 0.0.15-Beta15 → 0.0.15-Beta16
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.js +2 -5
- package/dist/index.mjs +15 -18
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -663,11 +663,7 @@ var AddMoreTable = (props) => {
|
|
|
663
663
|
// src/Components/Sidebar.tsx
|
|
664
664
|
var import_react14 = __toESM(require("react"));
|
|
665
665
|
var Sidebar = (props) => {
|
|
666
|
-
|
|
667
|
-
const [footerToggle, setFooterToggle] = (0, import_react14.useState)(false);
|
|
668
|
-
const handleNavToggle = () => setNavToggle(!navToggle);
|
|
669
|
-
const handleFooterToggle = () => setFooterToggle(!footerToggle);
|
|
670
|
-
return /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-bar" }, /* @__PURE__ */ import_react14.default.createElement("input", { id: "nav-toggle", type: "checkbox", checked: navToggle, onChange: handleNavToggle }), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-header" }, /* @__PURE__ */ import_react14.default.createElement("a", { id: "nav-title", href: "https://codepen.io", target: "_blank", rel: "noopener noreferrer" }, "C", /* @__PURE__ */ import_react14.default.createElement("i", { className: "fab fa-codepen" }), "DEPEN"), /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "nav-toggle" }, /* @__PURE__ */ import_react14.default.createElement("span", { id: "nav-toggle-burger" })), /* @__PURE__ */ import_react14.default.createElement("hr", null)), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-content" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-palette" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Your Work")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-images" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Assets")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-thumbtack" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Pinned Items")), /* @__PURE__ */ import_react14.default.createElement("hr", null), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-heart" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Following")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-chart-line" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Trending")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-fire" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Challenges")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-magic" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Spark")), /* @__PURE__ */ import_react14.default.createElement("hr", null), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-gem" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Codepen Pro")), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-content-highlight" })), /* @__PURE__ */ import_react14.default.createElement("input", { id: "nav-footer-toggle", type: "checkbox", checked: footerToggle, onChange: handleFooterToggle }), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-footer" }, /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-footer-heading" }, /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-footer-avatar" }, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://gravatar.com/avatar/4474ca42d303761c2901fa819c4f2547", alt: "avatar" })), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-footer-titlebox" }, /* @__PURE__ */ import_react14.default.createElement("a", { id: "nav-footer-title", href: "https://codepen.io/uahnbu/pens/public", target: "_blank", rel: "noopener noreferrer" }, "uahnbu"), /* @__PURE__ */ import_react14.default.createElement("span", { id: "nav-footer-subtitle" }, "Admin")), /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "nav-footer-toggle" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-caret-up" }))), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-footer-content" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")));
|
|
666
|
+
return /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-bar" }, /* @__PURE__ */ import_react14.default.createElement("input", { type: "checkbox", id: "nav-toggle" }), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-header" }, /* @__PURE__ */ import_react14.default.createElement("a", { id: "nav-title", href: "https://codepen.io", target: "_blank", rel: "noopener noreferrer" }, "C", /* @__PURE__ */ import_react14.default.createElement("i", { className: "fab fa-codepen" }), "DEPEN"), /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "nav-toggle" }, /* @__PURE__ */ import_react14.default.createElement("span", { id: "nav-toggle-burger" })), /* @__PURE__ */ import_react14.default.createElement("hr", null)), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-content" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-palette" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Your Work")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-images" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Assets")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-thumbtack" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Pinned Items")), /* @__PURE__ */ import_react14.default.createElement("hr", null), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-heart" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Following")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-chart-line" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Trending")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-fire" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Challenges")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-magic" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Spark")), /* @__PURE__ */ import_react14.default.createElement("hr", null), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-gem" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Codepen Pro")), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-content-highlight" })), /* @__PURE__ */ import_react14.default.createElement("input", { type: "checkbox", id: "nav-footer-toggle" }), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-footer" }, /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-footer-heading" }, /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-footer-avatar" }, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://gravatar.com/avatar/4474ca42d303761c2901fa819c4f2547", alt: "Avatar" })), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-footer-titlebox" }, /* @__PURE__ */ import_react14.default.createElement("a", { id: "nav-footer-title", href: "https://codepen.io/uahnbu/pens/public", target: "_blank", rel: "noopener noreferrer" }, "uahnbu"), /* @__PURE__ */ import_react14.default.createElement("span", { id: "nav-footer-subtitle" }, "Admin")), /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "nav-footer-toggle" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-caret-up" }))), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-footer-content" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")));
|
|
671
667
|
};
|
|
672
668
|
|
|
673
669
|
// src/Components/Navbar.tsx
|
|
@@ -1594,6 +1590,7 @@ var ColorPickerElement = (props) => {
|
|
|
1594
1590
|
return /* @__PURE__ */ import_react37.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react37.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react37.default.createElement("br", null), /* @__PURE__ */ import_react37.default.createElement(
|
|
1595
1591
|
import_antd22.ColorPicker,
|
|
1596
1592
|
{
|
|
1593
|
+
className: props.className,
|
|
1597
1594
|
showText: true,
|
|
1598
1595
|
defaultValue: props.defaultValue,
|
|
1599
1596
|
onChange: onHandleChange
|
package/dist/index.mjs
CHANGED
|
@@ -593,13 +593,9 @@ var AddMoreTable = (props) => {
|
|
|
593
593
|
};
|
|
594
594
|
|
|
595
595
|
// src/Components/Sidebar.tsx
|
|
596
|
-
import React14
|
|
596
|
+
import React14 from "react";
|
|
597
597
|
var Sidebar = (props) => {
|
|
598
|
-
|
|
599
|
-
const [footerToggle, setFooterToggle] = useState5(false);
|
|
600
|
-
const handleNavToggle = () => setNavToggle(!navToggle);
|
|
601
|
-
const handleFooterToggle = () => setFooterToggle(!footerToggle);
|
|
602
|
-
return /* @__PURE__ */ React14.createElement("div", { id: "nav-bar" }, /* @__PURE__ */ React14.createElement("input", { id: "nav-toggle", type: "checkbox", checked: navToggle, onChange: handleNavToggle }), /* @__PURE__ */ React14.createElement("div", { id: "nav-header" }, /* @__PURE__ */ React14.createElement("a", { id: "nav-title", href: "https://codepen.io", target: "_blank", rel: "noopener noreferrer" }, "C", /* @__PURE__ */ React14.createElement("i", { className: "fab fa-codepen" }), "DEPEN"), /* @__PURE__ */ React14.createElement("label", { htmlFor: "nav-toggle" }, /* @__PURE__ */ React14.createElement("span", { id: "nav-toggle-burger" })), /* @__PURE__ */ React14.createElement("hr", null)), /* @__PURE__ */ React14.createElement("div", { id: "nav-content" }, /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-palette" }), /* @__PURE__ */ React14.createElement("span", null, "Your Work")), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-images" }), /* @__PURE__ */ React14.createElement("span", null, "Assets")), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-thumbtack" }), /* @__PURE__ */ React14.createElement("span", null, "Pinned Items")), /* @__PURE__ */ React14.createElement("hr", null), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-heart" }), /* @__PURE__ */ React14.createElement("span", null, "Following")), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-chart-line" }), /* @__PURE__ */ React14.createElement("span", null, "Trending")), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-fire" }), /* @__PURE__ */ React14.createElement("span", null, "Challenges")), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-magic" }), /* @__PURE__ */ React14.createElement("span", null, "Spark")), /* @__PURE__ */ React14.createElement("hr", null), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-gem" }), /* @__PURE__ */ React14.createElement("span", null, "Codepen Pro")), /* @__PURE__ */ React14.createElement("div", { id: "nav-content-highlight" })), /* @__PURE__ */ React14.createElement("input", { id: "nav-footer-toggle", type: "checkbox", checked: footerToggle, onChange: handleFooterToggle }), /* @__PURE__ */ React14.createElement("div", { id: "nav-footer" }, /* @__PURE__ */ React14.createElement("div", { id: "nav-footer-heading" }, /* @__PURE__ */ React14.createElement("div", { id: "nav-footer-avatar" }, /* @__PURE__ */ React14.createElement("img", { src: "https://gravatar.com/avatar/4474ca42d303761c2901fa819c4f2547", alt: "avatar" })), /* @__PURE__ */ React14.createElement("div", { id: "nav-footer-titlebox" }, /* @__PURE__ */ React14.createElement("a", { id: "nav-footer-title", href: "https://codepen.io/uahnbu/pens/public", target: "_blank", rel: "noopener noreferrer" }, "uahnbu"), /* @__PURE__ */ React14.createElement("span", { id: "nav-footer-subtitle" }, "Admin")), /* @__PURE__ */ React14.createElement("label", { htmlFor: "nav-footer-toggle" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-caret-up" }))), /* @__PURE__ */ React14.createElement("div", { id: "nav-footer-content" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")));
|
|
598
|
+
return /* @__PURE__ */ React14.createElement("div", { id: "nav-bar" }, /* @__PURE__ */ React14.createElement("input", { type: "checkbox", id: "nav-toggle" }), /* @__PURE__ */ React14.createElement("div", { id: "nav-header" }, /* @__PURE__ */ React14.createElement("a", { id: "nav-title", href: "https://codepen.io", target: "_blank", rel: "noopener noreferrer" }, "C", /* @__PURE__ */ React14.createElement("i", { className: "fab fa-codepen" }), "DEPEN"), /* @__PURE__ */ React14.createElement("label", { htmlFor: "nav-toggle" }, /* @__PURE__ */ React14.createElement("span", { id: "nav-toggle-burger" })), /* @__PURE__ */ React14.createElement("hr", null)), /* @__PURE__ */ React14.createElement("div", { id: "nav-content" }, /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-palette" }), /* @__PURE__ */ React14.createElement("span", null, "Your Work")), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-images" }), /* @__PURE__ */ React14.createElement("span", null, "Assets")), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-thumbtack" }), /* @__PURE__ */ React14.createElement("span", null, "Pinned Items")), /* @__PURE__ */ React14.createElement("hr", null), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-heart" }), /* @__PURE__ */ React14.createElement("span", null, "Following")), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-chart-line" }), /* @__PURE__ */ React14.createElement("span", null, "Trending")), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-fire" }), /* @__PURE__ */ React14.createElement("span", null, "Challenges")), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-magic" }), /* @__PURE__ */ React14.createElement("span", null, "Spark")), /* @__PURE__ */ React14.createElement("hr", null), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-gem" }), /* @__PURE__ */ React14.createElement("span", null, "Codepen Pro")), /* @__PURE__ */ React14.createElement("div", { id: "nav-content-highlight" })), /* @__PURE__ */ React14.createElement("input", { type: "checkbox", id: "nav-footer-toggle" }), /* @__PURE__ */ React14.createElement("div", { id: "nav-footer" }, /* @__PURE__ */ React14.createElement("div", { id: "nav-footer-heading" }, /* @__PURE__ */ React14.createElement("div", { id: "nav-footer-avatar" }, /* @__PURE__ */ React14.createElement("img", { src: "https://gravatar.com/avatar/4474ca42d303761c2901fa819c4f2547", alt: "Avatar" })), /* @__PURE__ */ React14.createElement("div", { id: "nav-footer-titlebox" }, /* @__PURE__ */ React14.createElement("a", { id: "nav-footer-title", href: "https://codepen.io/uahnbu/pens/public", target: "_blank", rel: "noopener noreferrer" }, "uahnbu"), /* @__PURE__ */ React14.createElement("span", { id: "nav-footer-subtitle" }, "Admin")), /* @__PURE__ */ React14.createElement("label", { htmlFor: "nav-footer-toggle" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-caret-up" }))), /* @__PURE__ */ React14.createElement("div", { id: "nav-footer-content" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")));
|
|
603
599
|
};
|
|
604
600
|
|
|
605
601
|
// src/Components/Navbar.tsx
|
|
@@ -663,11 +659,11 @@ var Navbar = (props) => {
|
|
|
663
659
|
};
|
|
664
660
|
|
|
665
661
|
// src/Components/TableElement.tsx
|
|
666
|
-
import React19, { useState as
|
|
662
|
+
import React19, { useState as useState5, useEffect as useEffect2 } from "react";
|
|
667
663
|
import { Table as Table2 } from "antd";
|
|
668
664
|
var TableElement = (props) => {
|
|
669
665
|
const { thead, tbody } = props;
|
|
670
|
-
const [dataSource, setDataSource] =
|
|
666
|
+
const [dataSource, setDataSource] = useState5([]);
|
|
671
667
|
useEffect2(() => {
|
|
672
668
|
if (tbody) {
|
|
673
669
|
setDataSource(
|
|
@@ -751,14 +747,14 @@ var TableElement = (props) => {
|
|
|
751
747
|
};
|
|
752
748
|
|
|
753
749
|
// src/Components/DatePicker.tsx
|
|
754
|
-
import React20, { useState as
|
|
750
|
+
import React20, { useState as useState6 } from "react";
|
|
755
751
|
import { DatePicker } from "antd";
|
|
756
752
|
import dayjs from "dayjs";
|
|
757
753
|
import customParseFormat from "dayjs/plugin/customParseFormat.js";
|
|
758
754
|
import moment from "moment";
|
|
759
755
|
dayjs.extend(customParseFormat);
|
|
760
756
|
var DatePickerElement = (props) => {
|
|
761
|
-
const [dateState, setDateState] =
|
|
757
|
+
const [dateState, setDateState] = useState6(null);
|
|
762
758
|
const handleChange = (date, dateString) => {
|
|
763
759
|
if (date) {
|
|
764
760
|
setDateState(date);
|
|
@@ -869,10 +865,10 @@ var SingleCheckbox = (props) => {
|
|
|
869
865
|
};
|
|
870
866
|
|
|
871
867
|
// src/Components/DropDownGroup.tsx
|
|
872
|
-
import React24, { useState as
|
|
868
|
+
import React24, { useState as useState7 } from "react";
|
|
873
869
|
import { Select as Select4 } from "antd";
|
|
874
870
|
var DropDownGroup = (props) => {
|
|
875
|
-
const [selectedValue, setSelectedValue] =
|
|
871
|
+
const [selectedValue, setSelectedValue] = useState7({
|
|
876
872
|
firstValue: {},
|
|
877
873
|
secondValue: {},
|
|
878
874
|
temp: ""
|
|
@@ -934,12 +930,12 @@ var DropDownGroup = (props) => {
|
|
|
934
930
|
};
|
|
935
931
|
|
|
936
932
|
// src/Components/FilesUpload.tsx
|
|
937
|
-
import React25, { useState as
|
|
933
|
+
import React25, { useState as useState8 } from "react";
|
|
938
934
|
import { Upload } from "antd";
|
|
939
935
|
import { InboxOutlined } from "@ant-design/icons";
|
|
940
936
|
var FileUpload = (props) => {
|
|
941
937
|
const { Dragger } = Upload;
|
|
942
|
-
const [files, setFiles] =
|
|
938
|
+
const [files, setFiles] = useState8(
|
|
943
939
|
props.value && props.value.length > 0 ? props.value : []
|
|
944
940
|
);
|
|
945
941
|
const handleChange = ({ fileList }) => {
|
|
@@ -994,9 +990,9 @@ var onChange = (checked) => {
|
|
|
994
990
|
var SwitchElement = () => /* @__PURE__ */ React27.createElement(Switch, { defaultChecked: true, onChange });
|
|
995
991
|
|
|
996
992
|
// src/Components/Upload.tsx
|
|
997
|
-
import React28, { useState as
|
|
993
|
+
import React28, { useState as useState9 } from "react";
|
|
998
994
|
var Upload2 = (props) => {
|
|
999
|
-
const [file, setFile] =
|
|
995
|
+
const [file, setFile] = useState9();
|
|
1000
996
|
const handleFileChange = (e) => {
|
|
1001
997
|
setFile(e.target.files[0]);
|
|
1002
998
|
if (props.onChange) {
|
|
@@ -1022,11 +1018,11 @@ var Upload2 = (props) => {
|
|
|
1022
1018
|
};
|
|
1023
1019
|
|
|
1024
1020
|
// src/Components/OtpElement.tsx
|
|
1025
|
-
import React29, { useState as
|
|
1021
|
+
import React29, { useState as useState10, useRef, useEffect as useEffect3 } from "react";
|
|
1026
1022
|
import { Input as Input3 } from "antd";
|
|
1027
1023
|
var OtpElement = (props) => {
|
|
1028
1024
|
const length = props.length;
|
|
1029
|
-
const [otp, setOtp] =
|
|
1025
|
+
const [otp, setOtp] = useState10(Array(length).fill(""));
|
|
1030
1026
|
const inputRefs = useRef([]);
|
|
1031
1027
|
const handleChange = (e, index) => {
|
|
1032
1028
|
const value = e.target.value;
|
|
@@ -1550,6 +1546,7 @@ var ColorPickerElement = (props) => {
|
|
|
1550
1546
|
return /* @__PURE__ */ React37.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React37.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React37.createElement("br", null), /* @__PURE__ */ React37.createElement(
|
|
1551
1547
|
ColorPicker,
|
|
1552
1548
|
{
|
|
1549
|
+
className: props.className,
|
|
1553
1550
|
showText: true,
|
|
1554
1551
|
defaultValue: props.defaultValue,
|
|
1555
1552
|
onChange: onHandleChange
|