dhre-component-lib 0.5.8 → 0.6.1
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.esm.js +3 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +3 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -9417,6 +9417,7 @@ const OTPInput = ({ length = 4, onChange, autoFocus = false, onResend, resendDel
|
|
|
9417
9417
|
React.useEffect(() => {
|
|
9418
9418
|
if (error) {
|
|
9419
9419
|
setTimer(0);
|
|
9420
|
+
setOtp(Array(length).fill(""));
|
|
9420
9421
|
}
|
|
9421
9422
|
}, [error]);
|
|
9422
9423
|
function getReadableStatus() {
|
|
@@ -9612,7 +9613,7 @@ const Tabs = ({ tabs, onTabChange, selectedTabValue, dot, installmentsOverdue, o
|
|
|
9612
9613
|
tab?.value == "Other charges" && otherchargesOverdue && React__namespace.default.createElement(OverdueDotImg, null))))))));
|
|
9613
9614
|
};
|
|
9614
9615
|
|
|
9615
|
-
var css$9 = ".dropdown {\n width: 100%;\n border: 0.0625rem solid #686868;\n height: 3.5rem;\n border-radius: 0.5rem;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 1rem;\n position: relative;\n cursor: pointer;\n z-index:
|
|
9616
|
+
var css$9 = ".dropdown {\n width: 100%;\n border: 0.0625rem solid #686868;\n height: 3.5rem;\n border-radius: 0.5rem;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 1rem;\n position: relative;\n cursor: pointer;\n z-index: 1;\n}\n\n.astreik {\n color: #eb0542;\n}\n\n.label {\n position: absolute;\n z-index: 2;\n top: -10px;\n left: 11px;\n background: #ffffff;\n padding: 0 6px;\n transition: all 0.3s ease-out;\n}\n\n.placeholder {\n color: #686868;\n}\n\n.dropPosition {\n position: relative;\n}\n\n.dropdownValues {\n border: 0.0625rem solid #e1e1e1;\n box-shadow: 0px 0.25rem 0.5rem 0px rgba(0, 0, 0, 0.2509803922);\n border-radius: 0.5rem;\n margin-top: 0.3125rem;\n position: absolute;\n width: 100%;\n z-index: 9;\n}\n\n.unselectedText {\n background: #ffffff;\n height: 3.24rem;\n padding: 1rem;\n color: #686868;\n cursor: pointer;\n}\n\n.value {\n color: #000000;\n}\n\n.unselectedText:hover {\n background: #e1e1e1;\n color: #000000;\n font-weight: 700 !important;\n}\n\n.backdropDropdown {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n\n.dropdown select {\n background: transparent;\n width: 10.625rem;\n padding: 0.5rem;\n border: 0;\n border-radius: 0;\n height: 2.1875rem;\n}";
|
|
9616
9617
|
n(css$9,{});
|
|
9617
9618
|
|
|
9618
9619
|
function Dropdown(props) {
|
|
@@ -9640,7 +9641,7 @@ function Dropdown(props) {
|
|
|
9640
9641
|
selectedValue && (React__namespace.default.createElement(Typography, { className: "value", variant: "B3", weight: "MEDIUM" }, selectedValue.name)),
|
|
9641
9642
|
!openDropdown && React__namespace.default.createElement("div", null, arrowDown),
|
|
9642
9643
|
openDropdown && React__namespace.default.createElement("div", null, arrowUp)),
|
|
9643
|
-
openDropdown && (React__namespace.default.createElement("div", { className: "dropdownValues" }, dropdownList
|
|
9644
|
+
openDropdown && (React__namespace.default.createElement("div", { className: "dropdownValues" }, dropdownList?.map((val) => (React__namespace.default.createElement("div", { onClick: () => selectedDropdwonValue(val), className: "unselectedText" },
|
|
9644
9645
|
React__namespace.default.createElement(Typography, { variant: "B3", weight: "SEMI_BOLD" }, val.name)))))))));
|
|
9645
9646
|
}
|
|
9646
9647
|
|