hplx-react-elements-dev 1.0.33 → 1.0.34
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/esm/index.js
CHANGED
|
@@ -2119,6 +2119,7 @@ var InputField = function InputField(_a) {
|
|
|
2119
2119
|
_e = _a.errorMsg,
|
|
2120
2120
|
errorMsg = _e === void 0 ? "" : _e,
|
|
2121
2121
|
inputProps = _a.inputProps,
|
|
2122
|
+
suffixInputProps = _a.suffixInputProps,
|
|
2122
2123
|
_f = _a.isborderRequired,
|
|
2123
2124
|
isborderRequired = _f === void 0 ? true : _f,
|
|
2124
2125
|
suffixDropdown = _a.suffixDropdown,
|
|
@@ -2272,7 +2273,7 @@ var InputField = function InputField(_a) {
|
|
|
2272
2273
|
}, {
|
|
2273
2274
|
children: suffix
|
|
2274
2275
|
}))
|
|
2275
|
-
})),
|
|
2276
|
+
})), isSuffixEditable && jsxRuntime.exports.jsxs("div", {
|
|
2276
2277
|
children: [jsxRuntime.exports.jsx("div", __assign({
|
|
2277
2278
|
"data-testid": "input-suffix",
|
|
2278
2279
|
className: "bg-Gray-50 border-l-1 border-l-Gray-300 text-Gray-500 flex items-center pr-3 pl-[14px]",
|
|
@@ -2280,17 +2281,17 @@ var InputField = function InputField(_a) {
|
|
|
2280
2281
|
return setShowSuffixDropdown(true);
|
|
2281
2282
|
}
|
|
2282
2283
|
}, {
|
|
2283
|
-
children: isSuffixEditable && jsxRuntime.exports.jsx("input", {
|
|
2284
|
+
children: isSuffixEditable && jsxRuntime.exports.jsx("input", __assign({
|
|
2284
2285
|
type: "text",
|
|
2285
2286
|
className: "flex-1 pl-[4px] w-36 pr-[1px] bg-Gray-50 py-2 focus-visible:outline-0 border-0 focus:border-0",
|
|
2286
2287
|
"data-testid": "text-input",
|
|
2287
|
-
placeholder: suffixPlaceholder
|
|
2288
|
-
|
|
2288
|
+
placeholder: suffixPlaceholder
|
|
2289
|
+
}, suffixInputProps, {
|
|
2289
2290
|
value: suffixValue,
|
|
2290
2291
|
onChange: function onChange(e) {
|
|
2291
2292
|
return handleSuffixValueChange(e);
|
|
2292
2293
|
}
|
|
2293
|
-
})
|
|
2294
|
+
}))
|
|
2294
2295
|
})), showSuffixDropdown && jsxRuntime.exports.jsx("div", __assign({
|
|
2295
2296
|
ref: wrapperRef,
|
|
2296
2297
|
className: "absolute mt-1 min-w-max rounded-lg bg-White overflow-y-auto shadow-md z-10 max-h-80 "
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { InputFieldProps } from "../types";
|
|
3
|
-
declare const InputField: ({ label, labelColor, labelSize, height, start_icon, end_icon, hint_text_icon, prefix, suffixButton, suffix, hint_text, char_count, errorMsg, inputProps, isborderRequired, suffixDropdown, isSuffixEditable, suffixPlaceholder, handleSuffixClick, handleSuffixValChange, }: InputFieldProps) => JSX.Element;
|
|
3
|
+
declare const InputField: ({ label, labelColor, labelSize, height, start_icon, end_icon, hint_text_icon, prefix, suffixButton, suffix, hint_text, char_count, errorMsg, inputProps, suffixInputProps, isborderRequired, suffixDropdown, isSuffixEditable, suffixPlaceholder, handleSuffixClick, handleSuffixValChange, }: InputFieldProps) => JSX.Element;
|
|
4
4
|
export default InputField;
|
package/dist/esm/types.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ export interface InputFieldProps {
|
|
|
15
15
|
errorMsg?: string;
|
|
16
16
|
isborderRequired?: boolean;
|
|
17
17
|
inputProps: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
|
|
18
|
+
suffixInputProps?: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
|
|
18
19
|
suffixPlaceholder?: string;
|
|
19
20
|
suffixDropdown?: any;
|
|
20
21
|
handleSuffixClick?: (value: any) => void;
|