indicator-ui 0.0.146 → 0.0.147
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 +4 -4
- package/dist/index.js.map +1 -1
- package/dist/types/src/ui/InputFields/FlexField/types/FlexFieldTypes.d.ts +1 -0
- package/dist/types/src/ui/InputFields/FlexField/ui/FlexField.d.ts +1 -0
- package/dist/types/src/ui/InputFields/InputFieldWrapper/types/InputFieldWrapperTypes.d.ts +1 -0
- package/dist/types/src/ui/InputFields/InputFieldWrapper/ui/InputFieldWrapper.d.ts +1 -1
- package/dist/types/src/ui/InputFields/SwitcherField/types/SwitcherFieldTypes.d.ts +2 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -9715,7 +9715,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9715
9715
|
|
|
9716
9716
|
|
|
9717
9717
|
|
|
9718
|
-
const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, type, onChange, onFocus, onBlur, onClick, mask = /.*/, required = false, disabled = false, isError = false, placeholder, notInput = false, icon, help, dropdown, userPic, textSupport, dropdownState = false, offFocus = false, button, unmask, blocks, pattern, onDropdownClick, buttonState = 'gray', onButtonClick,
|
|
9718
|
+
const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, type, onChange, onFocus, name, onBlur, onClick, mask = /.*/, required = false, disabled = false, isError = false, placeholder, notInput = false, icon, help, dropdown, userPic, textSupport, dropdownState = false, offFocus = false, button, unmask, blocks, pattern, onDropdownClick, buttonState = 'gray', onButtonClick,
|
|
9719
9719
|
// className = FlexFieldStyle,
|
|
9720
9720
|
}, ref) => {
|
|
9721
9721
|
const [isFocus, setIsFocus] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
|
|
@@ -9735,7 +9735,7 @@ const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, ty
|
|
|
9735
9735
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.inputField, { [_styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.placeholder]: !value && placeholder }), children: value || placeholder }));
|
|
9736
9736
|
}
|
|
9737
9737
|
let validValue = typeof value === 'string' ? value : '';
|
|
9738
|
-
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_imask__WEBPACK_IMPORTED_MODULE_2__.IMaskInput, { value: validValue, type: type, mask: mask, required: required, disabled: disabled, placeholder: placeholder, onAccept: handleChange, onFocus: handleFocus, onBlur: handleBlur, unmask: unmask, blocks: blocks, pattern: pattern, className: _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.inputField });
|
|
9738
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_imask__WEBPACK_IMPORTED_MODULE_2__.IMaskInput, { value: validValue, type: type, mask: mask, required: required, disabled: disabled, placeholder: placeholder, onAccept: handleChange, onFocus: handleFocus, onBlur: handleBlur, unmask: unmask, blocks: blocks, pattern: pattern, id: name, name: name, className: _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.inputField });
|
|
9739
9739
|
};
|
|
9740
9740
|
const getIcon = () => {
|
|
9741
9741
|
return icon ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.icon, children: icon }) : undefined;
|
|
@@ -9890,7 +9890,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9890
9890
|
|
|
9891
9891
|
|
|
9892
9892
|
|
|
9893
|
-
function InputFieldWrapper({ children, labelText, hintText, isErrorHintText, helperLink, isError, viewRequired, additionStyle, }) {
|
|
9893
|
+
function InputFieldWrapper({ children, labelText, hintText, name, isErrorHintText, helperLink, isError, viewRequired, additionStyle, }) {
|
|
9894
9894
|
const getClassName = (type) => {
|
|
9895
9895
|
if ((typeof additionStyle === "string" || Array.isArray(additionStyle))) {
|
|
9896
9896
|
if (type === 'main') {
|
|
@@ -9915,7 +9915,7 @@ function InputFieldWrapper({ children, labelText, hintText, isErrorHintText, hel
|
|
|
9915
9915
|
};
|
|
9916
9916
|
const getLabelContent = () => {
|
|
9917
9917
|
if (labelText) {
|
|
9918
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("label", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle.labelText, getClassName('label')), children: [labelText, viewRequired && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle.required, children: "*" })] }));
|
|
9918
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("label", { htmlFor: name, className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle.labelText, getClassName('label')), children: [labelText, viewRequired && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle.required, children: "*" })] }));
|
|
9919
9919
|
}
|
|
9920
9920
|
return undefined;
|
|
9921
9921
|
};
|