@symply.io/basic-components 1.7.4 → 1.7.6-alpha.1

package/BasicModal/index.js

@@ -57,7 +57,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, forwardRef, useCallback, cloneElement, useImperativeHandle, } from "react";
+import { useRef, forwardRef, useCallback, useImperativeHandle, } from "react";
 import Grid from "@mui/material/Grid";
 import Button from "@mui/material/Button";
 import Dialog from "@mui/material/Dialog";
@@ -121,7 +121,7 @@ function BasicModal(props, ref) {
                             ? undefined
                             : function (ev) {
                                 ev.preventDefault();
-                            } }, { children: [desc && _jsx(DialogContentText, { children: desc }), Boolean(children) && cloneElement(children)] })) })), !hideBottomButtons && (_jsx(DialogActions, __assign({ sx: { padding: theme.spacing(1.25) } }, { children: _jsx(Grid, __assign({ container: true, spacing: 2, justifyContent: "flex-end", alignItems: "center", sx: { margin: 0 } }, { children: buttons || (_jsxs(_Fragment, { children: [_jsx(Grid, __assign({ item: true, xs: 12, md: 3, xl: 2 }, { children: _jsx(Button, __assign({ onClick: onClose, variant: "outlined", color: color, disabled: loading, fullWidth: true }, { children: cancelText })) })), _jsx(Grid, __assign({ item: true, xs: 12, md: 3, xl: 2 }, { children: _jsx(Button, __assign({ type: noForm ? "button" : "submit", onClick: noForm ? onSubmit : onFormSubmit, variant: "contained", color: color, disabled: loading || disabled, fullWidth: true }, { children: submitText })) }))] })) })) })))] })) })));
+                            } }, { children: [desc && _jsx(DialogContentText, { children: desc }), Boolean(children) ? children : _jsx(_Fragment, {})] })) })), !hideBottomButtons && (_jsx(DialogActions, __assign({ sx: { padding: theme.spacing(1.25) } }, { children: _jsx(Grid, __assign({ container: true, spacing: 2, justifyContent: "flex-end", alignItems: "center", sx: { margin: 0 } }, { children: buttons || (_jsxs(_Fragment, { children: [_jsx(Grid, __assign({ item: true, xs: 12, md: 3, xl: 2 }, { children: _jsx(Button, __assign({ onClick: onClose, variant: "outlined", color: color, disabled: loading, fullWidth: true }, { children: cancelText })) })), _jsx(Grid, __assign({ item: true, xs: 12, md: 3, xl: 2 }, { children: _jsx(Button, __assign({ type: noForm ? "button" : "submit", onClick: noForm ? onSubmit : onFormSubmit, variant: "contained", color: color, disabled: loading || disabled, fullWidth: true }, { children: submitText })) }))] })) })) })))] })) })));
 }
 var BasicModalWithRefForward = forwardRef(BasicModal);
 BasicModalWithRefForward.displayName = "BasicModal";

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/DigitInput/useInteractions.js

@@ -18,7 +18,7 @@ function useInteractions(props) {
         tooltipOpen: tooltipOpen,
         handleChange: handleChange,
         onOpenTooltip: onOpenTooltip,
-        onCloseTooltip: onCloseTooltip
+        onCloseTooltip: onCloseTooltip,
     };
 }
 export default useInteractions;

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.4",
+  "version": "1.7.6-alpha.1",
   "description": "Basic and reusable components for all frontend of Symply apps",
   "keywords": [
     "react",
@@ -47,7 +47,7 @@
     "@types/react": "^18.2.16",
     "@types/react-dom": "^18.2.7",
     "babel-loader": "^8.2.2",
-    "typescript": "~4.6.3"
+    "typescript": "5.3.3"
   },
   "dependencies": {
     "@emotion/react": "^11.7.1",