@symply.io/basic-components 1.7.3 → 1.7.5

package/ConfirmPasswordInput/index.js

@@ -34,7 +34,7 @@ function ConfirmPasswordInput(props) {
         }
         return true;
     }, [value, password]);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(TextField, __assign({ error: !isMatched, label: label, value: value, variant: variant, margin: margin, disabled: disabled, type: "password", size: "small", helperText: !isMatched && helperText, onChange: function (event) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(TextField, __assign({ error: !isMatched, label: label, value: value, variant: variant, margin: margin, disabled: disabled, type: "password", size: "small", helperText: !isMatched ? helperText : null, onChange: function (event) {
                 event.preventDefault();
                 onChange(event.target.value);
             }, fullWidth: true, required: true }, rest)) })));

package/FormSelector/MultipleSelector.js

@@ -42,7 +42,7 @@ function MultipleSelector(props) {
                             onChange((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value);
                         }, inputProps: {
                             onFocus: onOpenTooltip,
-                            onBlur: onCloseTooltip,
+                            onBlur: onCloseTooltip
                         }, label: label, renderValue: multiple
                             ? function (selectedValues) {
                                 return options
@@ -57,6 +57,6 @@ function MultipleSelector(props) {
                             : undefined }, { children: (options === null || options === void 0 ? void 0 : options.length) > 0 ? (options.map(function (option) {
                             var label = option.label, v = option.value;
                             return (_jsxs(MenuItem, __assign({ value: v }, { children: [showCheckmarks ? (_jsx(Checkbox, { checked: !!value.includes(v) })) : (_jsx(_Fragment, {})), _jsx(ListItemText, { primary: label })] }), v));
-                        })) : (_jsx(MenuItem, __assign({ value: "", disabled: true }, { children: "No Options" }))) })), !!helperText && showHelperText && (_jsx(FormHelperText, { children: showHelperText }))] })) })) })));
+                        })) : (_jsx(MenuItem, __assign({ value: "", disabled: true }, { children: "No Options" }))) })), !!helperText && showHelperText ? (_jsx(FormHelperText, { children: helperText })) : (_jsx(_Fragment, {}))] })) })) })));
 }
 export default MultipleSelector;

package/FormSelector/SimpleSelector.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import Select from "@mui/material/Select";
 import Tooltip from "@mui/material/Tooltip";
 import MenuItem from "@mui/material/MenuItem";
@@ -40,10 +40,10 @@ function SimpleSelector(props) {
                             onChange((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value);
                         }, inputProps: {
                             onFocus: onOpenTooltip,
-                            onBlur: onCloseTooltip,
+                            onBlur: onCloseTooltip
                         }, label: label }, { children: (options === null || options === void 0 ? void 0 : options.length) > 0 ? (options.map(function (option) {
                             var label = option.label, v = option.value, disabled = option.disabled;
                             return (_jsx(MenuItem, __assign({ value: v, disabled: disabled }, { children: label }), v));
-                        })) : (_jsx(MenuItem, __assign({ value: "", disabled: true }, { children: "No Options" }))) })), !!helperText && showHelperText && (_jsx(FormHelperText, { children: showHelperText }))] })) })) })));
+                        })) : (_jsx(MenuItem, __assign({ value: "", disabled: true }, { children: "No Options" }))) })), !!helperText && showHelperText ? (_jsx(FormHelperText, { children: helperText })) : (_jsx(_Fragment, {}))] })) })) })));
 }
 export default SimpleSelector;

package/FormSelector/types.d.ts

@@ -5,8 +5,8 @@ interface SelectorBaseProps<T extends string | number> extends Omit<FormControlP
     label?: string;
     name?: string;
     tooltip?: ReactNode;
-    showHelperText?: boolean;
     helperText?: string;
+    showHelperText?: boolean;
     multiple?: SelectProps["multiple"];
     primaryColor?: CSSProperties["color"];
     secondaryColor?: CSSProperties["color"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symply.io/basic-components",
-  "version": "1.7.3",
+  "version": "1.7.5",
   "description": "Basic and reusable components for all frontend of Symply apps",
   "keywords": [
     "react",
@@ -59,11 +59,12 @@
     "color-alpha": "^1.1.3",
     "react-dropzone": "14.2.3",
     "react-player": "2.11.0",
-    "react-virtuoso": "^4.12.0",
+    "react-virtuoso": "4.12.3",
     "rifm": "^0.12.1"
   },
   "resolutions": {
     "react-player": "2.11.0",
+    "react-virtuoso": "4.12.3",
     "@types/reach__router": "1.3.11"
   },
   "scripts": {