mytek-components 2.1.6 → 2.1.8
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/main.es.js +7 -3
- package/dist/main.es.js.map +1 -1
- package/dist/main.umd.js +7 -3
- package/dist/main.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/main.es.js
CHANGED
|
@@ -6160,7 +6160,8 @@ const ComboDropdown = ({
|
|
|
6160
6160
|
mode = "both",
|
|
6161
6161
|
isRequired = false,
|
|
6162
6162
|
optionLabelKey = "label",
|
|
6163
|
-
optionValueKey = "value"
|
|
6163
|
+
optionValueKey = "value",
|
|
6164
|
+
wrapperClass = ""
|
|
6164
6165
|
}) => {
|
|
6165
6166
|
const [inputValue, setInputValue] = useState("");
|
|
6166
6167
|
const [filteredOptions, setFilteredOptions] = useState([]);
|
|
@@ -6282,7 +6283,10 @@ const ComboDropdown = ({
|
|
|
6282
6283
|
ref: inputRef,
|
|
6283
6284
|
type: isPassword ? "password" : "text",
|
|
6284
6285
|
placeholder: getPlaceholder(),
|
|
6285
|
-
className: `w-full border rounded-sm px-3 pr-8 py-2 text-sm focus:outline-none focus:ring-1
|
|
6286
|
+
className: `w-full border rounded-sm px-3 pr-8 py-2 text-sm focus:outline-none focus:ring-1
|
|
6287
|
+
focus:ring-[#3B5AA1]
|
|
6288
|
+
${disabled ? "border-gray-300 bg-gray-100 cursor-not-allowed" : error ? "border-red-500" : "border-[#3B5AA1]"}
|
|
6289
|
+
${wrapperClass}`,
|
|
6286
6290
|
name,
|
|
6287
6291
|
value: inputValue,
|
|
6288
6292
|
onChange: handleInputChange,
|
|
@@ -14476,7 +14480,7 @@ const CustomInput = ({
|
|
|
14476
14480
|
"span",
|
|
14477
14481
|
{
|
|
14478
14482
|
className: `flex items-center gap-1 justify-center h-[40px] min-w-[60px] px-2 ml-1 rounded text-sm
|
|
14479
|
-
${validationStatus === "valid" ? "text-
|
|
14483
|
+
${validationStatus === "valid" ? "text-[#3B5AA1] bg-gray-100" : validationStatus === "invalid" ? "text-red-600" : "text-gray-600 bg-gray-100"}`,
|
|
14480
14484
|
title: validationStatus === "valid" ? "Correct OTP" : validationStatus === "invalid" ? "Incorrect OTP" : "OTP Timer",
|
|
14481
14485
|
children: [
|
|
14482
14486
|
validationStatus === "valid" && /* @__PURE__ */ jsxRuntimeExports.jsx(FaCheck, { size: 18 }),
|