@bigmath-ui-library/core 2.0.4 → 2.0.5

package/dist/cjs/index.js

@@ -309,7 +309,7 @@ const BMAlertDiv = material.styled("div")(({ theme, position, isToast, width, va
     borderRadius: theme.shape.borderRadius,
     display: "flex",
     alignItems: "center",
-    marginTop: (position !== null && position !== void 0 ? position : 0) * 58,
+    marginTop: (position ?? 0) * 58,
     width: width === undefined ? "auto" : `${width}px`,
     background: theme.palette[variant === exports.AlertVariant.InProgress ? exports.AlertVariant.Info : variant][100],
     ...(isToast && {
@@ -362,9 +362,9 @@ const BMAlert = (props) => {
     };
     const AlertIcon = GetAlertIcon(variant);
     if (isToast) {
-        return (jsxRuntime.jsx(material.Snackbar, { open: open, autoHideDuration: autoDismiss !== null && autoDismiss !== void 0 ? autoDismiss : DEFAULT_AUTO_DISMISS_MS, TransitionComponent: material.Fade, anchorOrigin: { vertical: "top", horizontal: "center" }, onClose: handleClose, ...alertProps, children: jsxRuntime.jsxs(BMAlertDiv, { "data-testid": dataTestId, role: "alert", "aria-label": `alert ${variant}`, ...props, children: [icon !== null && icon !== void 0 ? icon : jsxRuntime.jsx(AlertIcon, {}), jsxRuntime.jsx(BMAlertText, { variant: "body2", children: text }), onClose && jsxRuntime.jsx(BMAlertCloseIcon, { onClick: onClose })] }) }));
+        return (jsxRuntime.jsx(material.Snackbar, { open: open, autoHideDuration: autoDismiss ?? DEFAULT_AUTO_DISMISS_MS, TransitionComponent: material.Fade, anchorOrigin: { vertical: "top", horizontal: "center" }, onClose: handleClose, ...alertProps, children: jsxRuntime.jsxs(BMAlertDiv, { "data-testid": dataTestId, role: "alert", "aria-label": `alert ${variant}`, ...props, children: [icon ?? jsxRuntime.jsx(AlertIcon, {}), jsxRuntime.jsx(BMAlertText, { variant: "body2", children: text }), onClose && jsxRuntime.jsx(BMAlertCloseIcon, { onClick: onClose })] }) }));
     }
-    return (jsxRuntime.jsx(material.Fade, { in: open, timeout: transitionTimeout, children: jsxRuntime.jsxs(BMAlertDiv, { role: "alert", "data-testid": dataTestId, "aria-label": `alert ${variant}`, ...props, children: [icon !== null && icon !== void 0 ? icon : jsxRuntime.jsx(AlertIcon, {}), jsxRuntime.jsx(BMAlertText, { children: text }), onClose && jsxRuntime.jsx(BMAlertCloseIcon, { onClick: onClose })] }) }));
+    return (jsxRuntime.jsx(material.Fade, { in: open, timeout: transitionTimeout, children: jsxRuntime.jsxs(BMAlertDiv, { role: "alert", "data-testid": dataTestId, "aria-label": `alert ${variant}`, ...props, children: [icon ?? jsxRuntime.jsx(AlertIcon, {}), jsxRuntime.jsx(BMAlertText, { children: text }), onClose && jsxRuntime.jsx(BMAlertCloseIcon, { onClick: onClose })] }) }));
 };
 
 var _g$l;
@@ -399,7 +399,7 @@ const BMTooltip$1 = ({ children, smart, ...props }) => {
             setFitsContainer(childrenRef.current.scrollWidth <= childrenRef.current.clientWidth);
         }
     }, [smart, childrenRef]);
-    return (jsxRuntime.jsx(material.Tooltip, { ref: childrenRef, disableHoverListener: smart ? fitsContainer : false, arrow: true, placement: "top-start", ...props, children: children !== null && children !== void 0 ? children : (jsxRuntime.jsx(material.Box, { sx: { lineHeight: 0, ml: 0.5 }, children: jsxRuntime.jsx(InfoStyledIcon, {}) })) }));
+    return (jsxRuntime.jsx(material.Tooltip, { ref: childrenRef, disableHoverListener: smart ? fitsContainer : false, arrow: true, placement: "top-start", ...props, children: children ?? (jsxRuntime.jsx(material.Box, { sx: { lineHeight: 0, ml: 0.5 }, children: jsxRuntime.jsx(InfoStyledIcon, {}) })) }));
 };
 
 const BMInput$2 = ({ label, tooltip, dataTestId, ...props }) => (jsxRuntime.jsx(material.TextField, { ...props, label: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label, " ", tooltip && jsxRuntime.jsx(BMTooltip$1, { title: tooltip })] }), variant: "standard", "data-testid": dataTestId }));
@@ -950,10 +950,9 @@ const HookFormContext = React__namespace.default.createContext(null);
 HookFormContext.displayName = 'HookFormContext';
 
 const BMInputField$1 = (props) => {
-    var _a, _b;
     const { name, rules, defaultValue, control, shouldUnregister, ...bmInputProps } = props;
     const { field: { ref, ...fieldProps }, fieldState, } = useController({ name, rules, defaultValue, control, shouldUnregister });
-    return (jsxRuntime.jsx(BMInput$2, { ...fieldProps, ...bmInputProps, inputRef: ref, error: !!fieldState.error, helperText: (_b = (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) !== null && _b !== void 0 ? _b : bmInputProps.helperText }));
+    return (jsxRuntime.jsx(BMInput$2, { ...fieldProps, ...bmInputProps, inputRef: ref, error: !!fieldState.error, helperText: fieldState.error?.message ?? bmInputProps.helperText }));
 };
 
 var _g$k;
@@ -1073,10 +1072,9 @@ const EditIconStyled = material.styled(SvgPencil)(() => ({
     top: 7,
 }));
 const BMInputEditableCode = ({ content, onSave, tooltip, ...bmInputProps }) => {
-    var _a;
     const [isEditing, setIsEditing] = React.useState(false);
     const fieldRef = React.useRef(null);
-    const placeholder = (_a = bmInputProps.placeholder) !== null && _a !== void 0 ? _a : "";
+    const placeholder = bmInputProps.placeholder ?? "";
     return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isEditing ? (jsxRuntime.jsxs(material.Box, { display: "inline-table", position: "relative", children: [jsxRuntime.jsx(material.Box, { sx: {
                         "& .MuiFormLabel-root": {
                             display: "none",
@@ -1091,10 +1089,9 @@ const BMInputEditableCode = ({ content, onSave, tooltip, ...bmInputProps }) => {
                                     }
                                 }
                             }, size: "small", children: jsxRuntime.jsx(SvgCloseCollapse, { viewBox: "-1 -1 17 17" }) }), jsxRuntime.jsx(IconButtonStyled, { onClick: () => {
-                                var _a, _b;
                                 setIsEditing(false);
-                                onSave((_b = (_a = fieldRef === null || fieldRef === void 0 ? void 0 : fieldRef.current) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "");
-                            }, size: "small", children: jsxRuntime.jsx(SvgCheck, {}) })] })] })) : (jsxRuntime.jsx(BMTooltip$1, { title: tooltip !== null && tooltip !== void 0 ? tooltip : placeholder, children: jsxRuntime.jsxs(Content, { onClick: () => {
+                                onSave(fieldRef?.current?.value ?? "");
+                            }, size: "small", children: jsxRuntime.jsx(SvgCheck, {}) })] })] })) : (jsxRuntime.jsx(BMTooltip$1, { title: tooltip ?? placeholder, children: jsxRuntime.jsxs(Content, { onClick: () => {
                     setIsEditing(true);
                 }, children: [jsxRuntime.jsx("span", { children: content.length ? content : placeholder }), jsxRuntime.jsx("span", { children: jsxRuntime.jsx(EditIconStyled, {}) })] }) })) }));
 };
@@ -1140,15 +1137,12 @@ const BMAutoComplete$1 = ({ bmInputProps, options, getOptionLabel, getOptionDisa
                 deleteIcon: jsxRuntime.jsx(CloseStyledIcon, {}),
             },
             paper: memoPaperComp,
-        }, "data-testid": dataTestId, renderInput: (params) => {
-            var _a;
-            return (jsxRuntime.jsx(BMTooltip$1, { placement: "top-start", title: tooltipText !== null && tooltipText !== void 0 ? tooltipText : "", children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(BMInput$2, { dataTestId: `${dataTestId}-input`, ...params, ...bmInputProps, slotProps: {
-                            input: {
-                                ...params.InputProps,
-                                ...(_a = bmInputProps === null || bmInputProps === void 0 ? void 0 : bmInputProps.slotProps) === null || _a === void 0 ? void 0 : _a.input,
-                            },
-                        } }) }) }));
-        }, ...rest }));
+        }, "data-testid": dataTestId, renderInput: (params) => (jsxRuntime.jsx(BMTooltip$1, { placement: "top-start", title: tooltipText ?? "", children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(BMInput$2, { dataTestId: `${dataTestId}-input`, ...params, ...bmInputProps, slotProps: {
+                        input: {
+                            ...params.InputProps,
+                            ...bmInputProps?.slotProps?.input,
+                        },
+                    } }) }) })), ...rest }));
 };
 
 const BMButton$2 = (props) => {
@@ -1163,7 +1157,7 @@ const BMButton$2 = (props) => {
                             : "primary",
                 }, thickness: 5 }) }));
     }
-    return (jsxRuntime.jsx(Button__default.default, { ...muiButtonProps, size: size, color: color !== null && color !== void 0 ? color : muiButtonProps.color, variant: variant, "data-testid": props.dataTestId }));
+    return (jsxRuntime.jsx(Button__default.default, { ...muiButtonProps, size: size, color: color ?? muiButtonProps.color, variant: variant, "data-testid": props.dataTestId }));
 };
 
 const BMSplitButton$1 = ({ label, options, menuProps, ButtonComp = BMButton$2, ...props }) => {
@@ -1178,23 +1172,20 @@ const BMSplitButton$1 = ({ label, options, menuProps, ButtonComp = BMButton$2, .
     };
     return (jsxRuntime.jsxs("div", { style: { display: 'inline-flex', alignItems: 'center' }, children: [jsxRuntime.jsxs(ButtonComp, { onClick: handleDropdownClick, style: { marginLeft: '4px', padding: '0 8px' }, "data-testid": props.dataTestId, ...props, children: [label, jsxRuntime.jsx(ArrowDropDownIcon__default.default, {})] }), jsxRuntime.jsx(material.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'right' }, PaperProps: {
                     style: {
-                        width: buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.clientWidth
+                        width: buttonRef?.clientWidth
                     }
-                }, ...menuProps, children: options === null || options === void 0 ? void 0 : options.map((option, index) => (jsxRuntime.jsx(material.MenuItem, { onClick: () => {
+                }, ...menuProps, children: options?.map((option, index) => (jsxRuntime.jsx(material.MenuItem, { onClick: () => {
                         option.onClick();
                         handleClose();
                     }, "data-testid": `${props.dataTestId}-${option.label}`, children: option.label }, index))) })] }));
 };
 
 const BMButtonGroup$1 = ({ buttons, className, active, dataTestId, orientation = 'horizontal', }) => {
-    const [activeBut, setActiveBut] = React__namespace.default.useState(active !== null && active !== void 0 ? active : null);
-    return (jsxRuntime.jsx(material.ButtonGroup, { orientation: orientation, className: className, children: buttons.map((button, index) => {
-            var _a;
-            return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(BMButton$2, { onClick: () => {
-                        setActiveBut(button.label);
-                        button.onClick();
-                    }, ...button.buttonProps, className: `${(_a = button.buttonProps) === null || _a === void 0 ? void 0 : _a.className} ${button.label === activeBut ? 'bm-active' : ''}`, dataTestId: `${dataTestId}-${button.label}`, children: [button.label, (index !== buttons.length - 1 && activeBut !== button.label) && jsxRuntime.jsx("div", { className: "bm-divider" })] }, index) }));
-        }) }));
+    const [activeBut, setActiveBut] = React__namespace.default.useState(active ?? null);
+    return (jsxRuntime.jsx(material.ButtonGroup, { orientation: orientation, className: className, children: buttons.map((button, index) => (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(BMButton$2, { onClick: () => {
+                    setActiveBut(button.label);
+                    button.onClick();
+                }, ...button.buttonProps, className: `${button.buttonProps?.className} ${button.label === activeBut ? 'bm-active' : ''}`, dataTestId: `${dataTestId}-${button.label}`, children: [button.label, (index !== buttons.length - 1 && activeBut !== button.label) && jsxRuntime.jsx("div", { className: "bm-divider" })] }, index) }))) }));
 };
 
 const StyledFormControlLabel = material.styled(material.FormControlLabel)(({ theme }) => ({
@@ -1329,8 +1320,8 @@ const BMDialog = material.styled(material.Dialog)(({ isSidePanel, overrideWidth,
     return {
         [`& .${material.dialogClasses.paper}`]: {
             ...modalSize,
-            width: overrideWidth !== null && overrideWidth !== void 0 ? overrideWidth : modalSize.width,
-            height: overrideHeight !== null && overrideHeight !== void 0 ? overrideHeight : modalSize.height,
+            width: overrideWidth ?? modalSize.width,
+            height: overrideHeight ?? modalSize.height,
             ...(isSidePanel && {
                 width: 736,
                 height: "100%",
@@ -1387,7 +1378,6 @@ const CloseButton = material.styled("span")(({ theme }) => ({
     cursor: "pointer",
 }));
 const BMModal = (props) => {
-    var _a, _b;
     const { title, titleSeparator, titleIcon, actionsInfo, onClose, onSubmit, children, cancelLabel, cancelTestId, submitLabel, submitTestId, enableBackdropDismiss, size, isSidePanel, buttonProps, customTitle, hideCloseBtn, customSubmitButton, submitButtonTooltip, cancelButtonTooltip, dialogContentProps = {}, gradientTag, ...dialogProps } = props;
     const handleClose = () => {
         if (onClose) {
@@ -1405,10 +1395,10 @@ const BMModal = (props) => {
     if (isSidePanel) {
         dialogProps.TransitionComponent = SlideTransition;
     }
-    const submitBtnProps = (_a = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.primary) !== null && _a !== void 0 ? _a : {};
-    const cancelBtnProps = (_b = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.secondary) !== null && _b !== void 0 ? _b : {};
+    const submitBtnProps = buttonProps?.primary ?? {};
+    const cancelBtnProps = buttonProps?.secondary ?? {};
     const getCancelButton = () => {
-        const returnComponent = cancelLabel ? (jsxRuntime.jsx(BMButton$2, { variant: "secondary", onClick: handleClose, ...cancelBtnProps, dataTestId: cancelTestId !== null && cancelTestId !== void 0 ? cancelTestId : 'modal-cancel-button', children: cancelLabel })) : undefined;
+        const returnComponent = cancelLabel ? (jsxRuntime.jsx(BMButton$2, { variant: "secondary", onClick: handleClose, ...cancelBtnProps, dataTestId: cancelTestId ?? 'modal-cancel-button', children: cancelLabel })) : undefined;
         if (cancelButtonTooltip) {
             return (jsxRuntime.jsx(BMTooltip$1, { title: cancelButtonTooltip, children: jsxRuntime.jsx("span", { children: returnComponent }) }));
         }
@@ -1417,7 +1407,7 @@ const BMModal = (props) => {
     const getSubmitButton = () => {
         if (customSubmitButton)
             return customSubmitButton;
-        const returnComponent = submitLabel ? (jsxRuntime.jsx(BMButton$2, { variant: "primary", onClick: handleSubmitBtnClick, ...submitBtnProps, type: "submit", autoFocus: true, dataTestId: submitTestId !== null && submitTestId !== void 0 ? submitTestId : 'modal-submit-button', children: submitLabel })) : undefined;
+        const returnComponent = submitLabel ? (jsxRuntime.jsx(BMButton$2, { variant: "primary", onClick: handleSubmitBtnClick, ...submitBtnProps, type: "submit", autoFocus: true, dataTestId: submitTestId ?? 'modal-submit-button', children: submitLabel })) : undefined;
         if (submitButtonTooltip) {
             return (jsxRuntime.jsx(BMTooltip$1, { title: submitButtonTooltip, children: jsxRuntime.jsx("span", { children: returnComponent }) }));
         }
@@ -18732,8 +18722,8 @@ const EntryWrapper = material.styled(material.Paper, {
     gap: theme.spacing(0.5),
     padding: theme.spacing(0.5, 0.5, 0, 0.875),
     minHeight: 40,
-    height: overrideHeight !== null && overrideHeight !== void 0 ? overrideHeight : "auto",
-    width: overrideWidth !== null && overrideWidth !== void 0 ? overrideWidth : "100%",
+    height: overrideHeight ?? "auto",
+    width: overrideWidth ?? "100%",
     overflowY: "auto",
     overflowX: "hidden",
     cursor: "text",
@@ -18791,18 +18781,17 @@ const ErrorIconStyled = material.styled(SvgFailedSolid)(({ theme }) => ({
     },
 }));
 const BMMultiEntry = ({ tooltipFn, onChange, checkWarning, label, placeholderText, value, error, helperText, chipIcon, dataTestId, disabled, lowercaseEntry = false, overrideHeight, overrideWidth, subLabel, removeInvalidEntriesMsg, multiEntryHitEnterMsg, }) => {
-    var _a, _b, _c, _d, _e, _f;
     const textInputRef = React.useRef(null);
     const [fieldInFocus, setFieldInFocus] = React.useState(false);
     const errorArr = Array.isArray(error) ? error : [];
     const entries = Array.isArray(value)
         ? value.map((item) => (lowercaseEntry ? item.toLowerCase() : item))
-        : (value !== null && value !== void 0 ? value : "")
+        : (value ?? "")
             .split(/[ ,]+/)
             .map((item) => (lowercaseEntry ? item.toLowerCase() : item));
     const updateEntries = (items) => {
         const updated = items.map((item) => lowercaseEntry ? item.toLowerCase() : item);
-        onChange === null || onChange === void 0 ? void 0 : onChange(updated);
+        onChange?.(updated);
     };
     const handleDelete = (entry) => {
         updateEntries(entries.filter((e) => e !== entry));
@@ -18848,16 +18837,14 @@ const BMMultiEntry = ({ tooltipFn, onChange, checkWarning, label, placeholderTex
         return undefined;
     };
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && jsxRuntime.jsx(Label, { children: label }), jsxRuntime.jsxs(EntryWrapper, { onClick: () => {
-                    var _a;
                     setFieldInFocus(true);
-                    (_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                    textInputRef.current?.focus();
                 }, "data-testid": dataTestId, focus: fieldInFocus, overrideHeight: overrideHeight, overrideWidth: overrideWidth, children: [entries.map((entry, index) => {
-                        var _a, _b, _c;
                         const invalid = errorArr[index];
-                        const tooltip = (_b = (_a = invalid === null || invalid === void 0 ? void 0 : invalid.message) !== null && _a !== void 0 ? _a : tooltipFn === null || tooltipFn === void 0 ? void 0 : tooltipFn(entry)) !== null && _b !== void 0 ? _b : undefined;
-                        const warning = (_c = checkWarning === null || checkWarning === void 0 ? void 0 : checkWarning(entry)) !== null && _c !== void 0 ? _c : false;
+                        const tooltip = invalid?.message ?? tooltipFn?.(entry) ?? undefined;
+                        const warning = checkWarning?.(entry) ?? false;
                         const ChipComp = warning ? WarningChip : StyledChip$1;
-                        return (jsxRuntime.jsx(BMTooltip$1, { title: tooltip !== null && tooltip !== void 0 ? tooltip : "", children: jsxRuntime.jsx(ChipComp, { label: entry, icon: getChipIcon(entry, invalid), deleteIcon: jsxRuntime.jsx(CloseIconStyled, {}), onDelete: () => handleDelete(entry), clickable: true, onClick: () => handleClick(entry) }) }, `${entry}-tooltip`));
+                        return (jsxRuntime.jsx(BMTooltip$1, { title: tooltip ?? "", children: jsxRuntime.jsx(ChipComp, { label: entry, icon: getChipIcon(entry, invalid), deleteIcon: jsxRuntime.jsx(CloseIconStyled, {}), onDelete: () => handleDelete(entry), clickable: true, onClick: () => handleClick(entry) }) }, `${entry}-tooltip`));
                     }), jsxRuntime.jsx(TextInput, { inputRef: textInputRef, placeholder: placeholderText, disabled: disabled, onKeyDown: (e) => {
                             if (e.key === "Backspace")
                                 handleBackspace(e);
@@ -18869,7 +18856,7 @@ const BMMultiEntry = ({ tooltipFn, onChange, checkWarning, label, placeholderTex
                     fontSize: "11.5px",
                     fontWeight: 400,
                 }, children: subLabel })), error &&
-                ((_c = (_b = (_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) === 0 &&
+                (textInputRef.current?.value?.length ?? 0) === 0 &&
                 helperText && (jsxRuntime.jsx(material.FormHelperText, { error: true, sx: {
                     mt: 1,
                     fontSize: "11.5px",
@@ -18879,7 +18866,7 @@ const BMMultiEntry = ({ tooltipFn, onChange, checkWarning, label, placeholderTex
                     fontSize: "11.5px",
                     fontWeight: 400,
                 }, error: true, children: removeInvalidEntriesMsg })), error &&
-                ((_f = (_e = (_d = textInputRef.current) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 0) > 0 &&
+                (textInputRef.current?.value?.length ?? 0) > 0 &&
                 multiEntryHitEnterMsg && (jsxRuntime.jsx(material.FormHelperText, { error: true, sx: {
                     mt: 1,
                     fontSize: "11.5px",
@@ -18888,7 +18875,6 @@ const BMMultiEntry = ({ tooltipFn, onChange, checkWarning, label, placeholderTex
 };
 
 const BMMultiEntryField = (props) => {
-    var _a, _b;
     const { name, rules, defaultValue, control, shouldUnregister, placeholderText, chipIcon, dataTestId, ...restInputProps } = props;
     const { field, fieldState } = useController({
         name,
@@ -18897,7 +18883,7 @@ const BMMultiEntryField = (props) => {
         control,
         shouldUnregister,
     });
-    return (jsxRuntime.jsx(BMMultiEntry, { ...restInputProps, label: props === null || props === void 0 ? void 0 : props.label, onChange: field.onChange, value: field.value, error: fieldState.error, chipIcon: chipIcon, helperText: (_b = (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) !== null && _b !== void 0 ? _b : "", placeholderText: placeholderText, dataTestId: dataTestId }));
+    return (jsxRuntime.jsx(BMMultiEntry, { ...restInputProps, label: props?.label, onChange: field.onChange, value: field.value, error: fieldState.error, chipIcon: chipIcon, helperText: fieldState.error?.message ?? "", placeholderText: placeholderText, dataTestId: dataTestId }));
 };
 
 var _path$k;
@@ -19036,7 +19022,6 @@ const BMPassword = (props) => {
 };
 
 const BMPasswordField = (props) => {
-    var _a, _b;
     const inputElement = React.useRef(null);
     const { name, rules, defaultValue, control, shouldUnregister, ...bmInputProps } = props;
     const { field: { ref, value, ...fieldProps }, fieldState, } = useController({ name, rules, defaultValue, control, shouldUnregister });
@@ -19050,7 +19035,7 @@ const BMPasswordField = (props) => {
     return (jsxRuntime.jsx(BMPassword, { ...fieldProps, ...bmInputProps, inputRef: (element) => {
             inputElement.current = element;
             ref(element);
-        }, error: !!fieldState.error, helperText: (_b = (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) !== null && _b !== void 0 ? _b : bmInputProps.helperText }));
+        }, error: !!fieldState.error, helperText: fieldState.error?.message ?? bmInputProps.helperText }));
 };
 
 const BMProgressBar = material.styled(material.LinearProgress)(({ theme, color }) => ({
@@ -19149,7 +19134,6 @@ const BMRadioGroup = ({ label, options = [], orientation = exports.RadioOrientat
 };
 
 const BMRadioGroupField = (props) => {
-    var _a;
     const { name, control, rules, defaultValue, shouldUnregister, ...restProps } = props;
     const { field } = useController({
         name,
@@ -19158,7 +19142,7 @@ const BMRadioGroupField = (props) => {
         defaultValue,
         shouldUnregister,
     });
-    return (jsxRuntime.jsx(BMRadioGroup, { name: field.name, value: (_a = field.value) !== null && _a !== void 0 ? _a : "", onChange: field.onChange, onBlur: field.onBlur, label: restProps.label, orientation: restProps.orientation, className: restProps.className, ...restProps }));
+    return (jsxRuntime.jsx(BMRadioGroup, { name: field.name, value: field.value ?? "", onChange: field.onChange, onBlur: field.onBlur, label: restProps.label, orientation: restProps.orientation, className: restProps.className, ...restProps }));
 };
 
 const BMSelect = ({ label, tooltip, renderValue, menuProps, selectProps = {}, dataTestId, ...props }) => (jsxRuntime.jsx(material.TextField, { ...props, label: label ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label, " ", tooltip && jsxRuntime.jsx(BMTooltip$1, { title: tooltip })] })) : null // don't render <Label> if it's empty
@@ -19179,10 +19163,9 @@ const BMSelect = ({ label, tooltip, renderValue, menuProps, selectProps = {}, da
     }, variant: "standard" }));
 
 const BMSelectField = (props) => {
-    var _a;
     const { name, rules, defaultValue, control, shouldUnregister, children, helperText, ...bmSelectProps } = props;
     const { field: { onChange, onBlur, value, name: fieldName, ref }, fieldState: { error }, } = useController({ name, rules, defaultValue, control, shouldUnregister });
-    return (jsxRuntime.jsx(BMSelect, { ...bmSelectProps, name: fieldName, value: value, onChange: onChange, onBlur: onBlur, inputRef: ref, error: !!error, helperText: (_a = error === null || error === void 0 ? void 0 : error.message) !== null && _a !== void 0 ? _a : helperText, children: children }));
+    return (jsxRuntime.jsx(BMSelect, { ...bmSelectProps, name: fieldName, value: value, onChange: onChange, onBlur: onBlur, inputRef: ref, error: !!error, helperText: error?.message ?? helperText, children: children }));
 };
 
 const BMToggle$1 = ({ label, formControlLabelProps, ...switchProps }) => {
@@ -19235,10 +19218,7 @@ const BMMultiToggleButton = ({ options, value, onChange, dense, ...rest }) => {
             if (newValue !== null) {
                 onChange(newValue);
             }
-        }, ...rest, children: options.map((option) => {
-            var _a;
-            return (jsxRuntime.jsx(StyledToggleButton, { value: option.value, "data-testid": (_a = option.dataTestId) !== null && _a !== void 0 ? _a : `${option.label}ToggleButton`, children: option.label }, String(option.value)));
-        }) }));
+        }, ...rest, children: options.map((option) => (jsxRuntime.jsx(StyledToggleButton, { value: option.value, "data-testid": option.dataTestId ?? `${option.label}ToggleButton`, children: option.label }, String(option.value)))) }));
 };
 
 const Panel = material.styled('div')(({ theme }) => ({
@@ -19434,10 +19414,7 @@ const Circle = material.styled(SvgCircleUnselected)(({ theme }) => ({
     color: theme.palette.grey[600]
 }));
 const BMCloudSelect = ({ overrideOptionWidth, options, value, onChange }) => {
-    return (jsxRuntime.jsx(material.Box, { display: "flex", alignItems: "center", flexWrap: "wrap", rowGap: 1, children: options.map((item) => {
-            var _a;
-            return (jsxRuntime.jsxs(Card, { "data-testid": (_a = item.dataTestId) !== null && _a !== void 0 ? _a : item.value, onClick: () => onChange(item.value), selected: value === item.value, visible: item.visible, style: { width: overrideOptionWidth }, children: [jsxRuntime.jsxs(material.Box, { display: "flex", alignItems: "center", children: [jsxRuntime.jsx(IconLogo, { children: item.icon }), jsxRuntime.jsx(material.Typography, { variant: "body1", children: item.label })] }), value === item.value ? (jsxRuntime.jsx(CircleCheckIcon, {})) : (jsxRuntime.jsx(Circle, {}))] }, String(item.value)));
-        }) }));
+    return (jsxRuntime.jsx(material.Box, { display: "flex", alignItems: "center", flexWrap: "wrap", rowGap: 1, children: options.map((item) => (jsxRuntime.jsxs(Card, { "data-testid": item.dataTestId ?? item.value, onClick: () => onChange(item.value), selected: value === item.value, visible: item.visible, style: { width: overrideOptionWidth }, children: [jsxRuntime.jsxs(material.Box, { display: "flex", alignItems: "center", children: [jsxRuntime.jsx(IconLogo, { children: item.icon }), jsxRuntime.jsx(material.Typography, { variant: "body1", children: item.label })] }), value === item.value ? (jsxRuntime.jsx(CircleCheckIcon, {})) : (jsxRuntime.jsx(Circle, {}))] }, String(item.value)))) }));
 };
 
 const StyledLabel = material.styled(material.InputLabel)(({ theme }) => ({
@@ -34509,9 +34486,9 @@ const MAX_ZOOM_VAL = 5;
 const MapBox = material.styled('div')(({ theme, mapHeight, mapWidth }) => ({
     borderRadius: theme.spacing(1),
     border: `1px solid ${theme.palette.grey[200]}`,
-    width: mapWidth !== null && mapWidth !== void 0 ? mapWidth : '100%',
+    width: mapWidth ?? '100%',
     '& .leaflet-container': {
-        width: mapWidth !== null && mapWidth !== void 0 ? mapWidth : '100%',
+        width: mapWidth ?? '100%',
         height: `${mapHeight}px`,
     },
     overflow: 'hidden'
@@ -70402,9 +70379,8 @@ const BMDropdown = ({ children, position = "bottom", growDirection, origin, keep
         event.stopPropagation();
     };
     const handleClose = (event) => {
-        var _a;
         setAnchorEl(null);
-        (_a = event.stopPropagation) === null || _a === void 0 ? void 0 : _a.call(event);
+        event.stopPropagation?.();
     };
     const handleMenuClick = (event) => {
         if (!keepOpenOnSelect) {
@@ -70438,7 +70414,7 @@ const BMDropdown = ({ children, position = "bottom", growDirection, origin, keep
             horizontal: "left",
         };
     }
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(BMTooltip$1, { title: tooltip !== null && tooltip !== void 0 ? tooltip : "", placement: "top", children: jsxRuntime.jsx(OriginWrapper, { onClick: handleClick, className: className, "data-testid": dataTestId, children: typeof origin === "function" ? origin(open) : origin }) }), jsxRuntime.jsx(material.Menu, { open: open, anchorEl: anchorEl, disableAutoFocusItem: true, onClose: handleClose, onClick: handleMenuClick, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, ...menuProps, children: children })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(BMTooltip$1, { title: tooltip ?? "", placement: "top", children: jsxRuntime.jsx(OriginWrapper, { onClick: handleClick, className: className, "data-testid": dataTestId, children: typeof origin === "function" ? origin(open) : origin }) }), jsxRuntime.jsx(material.Menu, { open: open, anchorEl: anchorEl, disableAutoFocusItem: true, onClose: handleClose, onClick: handleMenuClick, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, ...menuProps, children: children })] }));
 };
 
 const BMAvatarSizeMap = {
@@ -70448,7 +70424,7 @@ const BMAvatarSizeMap = {
 };
 
 const getSizeDimension = (_, size) => {
-    return BMAvatarSizeMap[size] || (BMAvatarSizeMap === null || BMAvatarSizeMap === void 0 ? void 0 : BMAvatarSizeMap.medium);
+    return BMAvatarSizeMap[size] || BMAvatarSizeMap?.medium;
 };
 const StyledImage = styles.styled("img")(({ theme, size }) => {
     const dimension = getSizeDimension(theme, size);
@@ -70541,9 +70517,8 @@ const StyledChip = material.styled(material.Chip)(({ theme, $size = "md", $varia
         },
     }[$size];
     const getVariantStyles = () => {
-        var _a, _b, _c;
         let gradientStyles;
-        if (!$noGradient && !(props === null || props === void 0 ? void 0 : props.customColor)) {
+        if (!$noGradient && !props?.customColor) {
             gradientStyles = {
                 background: "linear-gradient(282.49deg, #ed35c5 0.48%, #7879f1 93.17%)",
                 WebkitTextFillColor: "transparent",
@@ -70552,11 +70527,11 @@ const StyledChip = material.styled(material.Chip)(({ theme, $size = "md", $varia
             };
         }
         // If custom colors are provided, use them instead of variants
-        if (props === null || props === void 0 ? void 0 : props.customColor) {
+        if (props?.customColor) {
             return {
-                background: ((_a = props.customColor) === null || _a === void 0 ? void 0 : _a.background) || theme.palette.common.white,
-                color: ((_b = props.customColor) === null || _b === void 0 ? void 0 : _b.color) || theme.palette.grey[900],
-                border: ((_c = props.customColor) === null || _c === void 0 ? void 0 : _c.border) || `1px solid ${theme.palette.grey[300]}`,
+                background: props.customColor?.background || theme.palette.common.white,
+                color: props.customColor?.color || theme.palette.grey[900],
+                border: props.customColor?.border || `1px solid ${theme.palette.grey[300]}`,
             };
         }
         const variantColors = {
@@ -70779,7 +70754,7 @@ const BMPagination = ({ pageSize = 4, onPageSelect, currentPage, hasMore, dataTe
             setPage(newPage);
             onPageSelect(newPage);
         }, "data-testid": dataTestId, renderItem: (params) => {
-            if ((params === null || params === void 0 ? void 0 : params.type) === "next" && hasMore) {
+            if (params?.type === "next" && hasMore) {
                 return (jsxRuntime.jsxs(material.Box, { component: "span", display: "flex", alignItems: "center", children: [jsxRuntime.jsx(material.PaginationItem, { ...params, "aria-label": "Go to end-ellipsis page", color: "standard", shape: "rounded", size: "medium", type: "end-ellipsis", variant: "text", sx: { display: "inline-flex", minWidth: 16 } }), jsxRuntime.jsx(material.PaginationItem, { ...params })] }));
             }
             return jsxRuntime.jsx(material.PaginationItem, { ...params });
@@ -70877,7 +70852,7 @@ const LoadingSection = material.styled(material.Box)(({ theme }) => ({
     padding: theme.spacing(2, 0),
 }));
 const BMAddSection = ({ title, body, bodyVariant, controls, }) => {
-    return (jsxRuntime.jsx(LoadingSection, { children: jsxRuntime.jsxs(BMLoadingBox, { children: [title && (jsxRuntime.jsx(material.Box, { sx: { mt: 1, mb: 2 }, children: jsxRuntime.jsx(material.Typography, { variant: "h2", children: title }) })), jsxRuntime.jsx(material.Box, { sx: { mb: controls ? 2 : 0 }, children: jsxRuntime.jsx(material.Typography, { variant: bodyVariant !== null && bodyVariant !== void 0 ? bodyVariant : "body2", children: body }) }), controls] }) }));
+    return (jsxRuntime.jsx(LoadingSection, { children: jsxRuntime.jsxs(BMLoadingBox, { children: [title && (jsxRuntime.jsx(material.Box, { sx: { mt: 1, mb: 2 }, children: jsxRuntime.jsx(material.Typography, { variant: "h2", children: title }) })), jsxRuntime.jsx(material.Box, { sx: { mb: controls ? 2 : 0 }, children: jsxRuntime.jsx(material.Typography, { variant: bodyVariant ?? "body2", children: body }) }), controls] }) }));
 };
 
 const Root = material.styled(material.Box)(({ theme }) => ({
@@ -132920,16 +132895,15 @@ const BMCodeBlock = ({ showCopyButton, multiBlock, text, codeClassName, preClass
     const expandableBox = React.useRef(null);
     const [expanded, setExpanded] = React.useState(!enabledExpandCollapse);
     const [showToggle, setShowToggle] = React.useState(false);
-    const syntaxLanguage = lang !== null && lang !== void 0 ? lang : "language-plaintext";
+    const syntaxLanguage = lang ?? "language-plaintext";
     React.useEffect(() => {
         HighlightJS.highlightAll();
     }, [text]);
     const didMountRef = React.useRef(false);
     React.useEffect(() => {
-        var _a;
         if (didMountRef.current) {
-            if (expanded && (expandableBox === null || expandableBox === void 0 ? void 0 : expandableBox.current)) {
-                (_a = expandableBox === null || expandableBox === void 0 ? void 0 : expandableBox.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ top: 0 });
+            if (expanded && expandableBox?.current) {
+                expandableBox?.current?.scrollTo({ top: 0 });
             }
         }
         else {
@@ -132937,30 +132911,27 @@ const BMCodeBlock = ({ showCopyButton, multiBlock, text, codeClassName, preClass
         }
     }, [expanded]);
     React.useLayoutEffect(() => {
-        var _a, _b;
-        if (expandableBox === null || expandableBox === void 0 ? void 0 : expandableBox.current) {
+        if (expandableBox?.current) {
             setShowToggle(enabledExpandCollapse &&
-                Math.round((_b = (_a = expandableBox === null || expandableBox === void 0 ? void 0 : expandableBox.current) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0) > collapseHeight);
+                Math.round(expandableBox?.current?.clientHeight ?? 0) > collapseHeight);
         }
     }, [collapseHeight, enabledExpandCollapse]);
     const copy = async (value) => {
         try {
             await navigator.clipboard.writeText(value);
-            onCopySuccess === null || onCopySuccess === void 0 ? void 0 : onCopySuccess();
+            onCopySuccess?.();
         }
         catch (err) {
             console.error("Failed to copy:", err);
         }
     };
     const copyBlock = () => {
-        var _a, _b;
-        const text = (_b = (_a = preRef.current) === null || _a === void 0 ? void 0 : _a.innerText) === null || _b === void 0 ? void 0 : _b.replace(/\/\*[\s\S]*?\*\/|([^\\:]|^)\/\/.*$/g, "$'");
+        const text = preRef.current?.innerText?.replace(/\/\*[\s\S]*?\*\/|([^\\:]|^)\/\/.*$/g, "$'");
         if (text)
             copy(text);
     };
     const copyLineBlock = async (ev) => {
-        var _a, _b;
-        const line = (_b = (_a = ev.currentTarget.previousSibling) === null || _a === void 0 ? void 0 : _a.innerText) === null || _b === void 0 ? void 0 : _b.replace(/\/\*[\s\S]*?\*\/|([^\\:]|^)\/\/.*$/g, "$'");
+        const line = ev.currentTarget.previousSibling?.innerText?.replace(/\/\*[\s\S]*?\*\/|([^\\:]|^)\/\/.*$/g, "$'");
         if (line)
             await copy(line);
     };
@@ -133107,10 +133078,9 @@ const StyledPaper = styles.styled(material.Paper, {
     color: theme.palette.text.primary,
 }));
 const BMTable = ({ tableTitle, selectableRows = "none", data, columns, withBorder = true, dataTestId, options, customHeaderRenderer, ...rest }) => {
-    var _a, _b;
     const theme = material.useTheme();
-    const tablePropsFromOptions = (_b = (_a = options === null || options === void 0 ? void 0 : options.setTableProps) === null || _a === void 0 ? void 0 : _a.call(options)) !== null && _b !== void 0 ? _b : {};
-    const getRowId = (row) => { var _a; return (_a = row.id) !== null && _a !== void 0 ? _a : JSON.stringify(row); };
+    const tablePropsFromOptions = options?.setTableProps?.() ?? {};
+    const getRowId = (row) => row.id ?? JSON.stringify(row);
     const getCheckboxSelection = () => selectableRows === "multiple" ? true : undefined;
     const getIsRowSelectable = () => selectableRows === "none" ? () => false : undefined;
     const columnsWithCustomHeader = React__namespace.useMemo(() => {
@@ -133147,7 +133117,7 @@ const BMTable = ({ tableTitle, selectableRows = "none", data, columns, withBorde
                         backgroundColor: theme.palette.background.paper,
                         color: theme.palette.text.secondary,
                     },
-                }, getRowId: getRowId, ...tablePropsFromOptions, disableRowSelectionOnClick: !(options === null || options === void 0 ? void 0 : options.selectableRowsOnClick), ...rest })] }));
+                }, getRowId: getRowId, ...tablePropsFromOptions, disableRowSelectionOnClick: !options?.selectableRowsOnClick, ...rest })] }));
 };
 
 const BMButton$1 = {
@@ -133344,7 +133314,7 @@ const BMInput$1 = {
             fontWeight: 400,
             fontSize: 13,
             "&::placeholder": {
-                color: (ownerState === null || ownerState === void 0 ? void 0 : ownerState.error) ? theme.palette.error[500] : colors.grey[600],
+                color: ownerState?.error ? theme.palette.error[500] : colors.grey[600],
             },
             '&.Mui-disabled': {
                 pointerEvents: 'none',
@@ -133644,7 +133614,6 @@ const BMFormHelperText = {
     }
 };
 
-var _a$2;
 const BMTabs = {
     styleOverrides: {
         indicator: {
@@ -133655,7 +133624,7 @@ const BMTabs = {
             }
         },
         fixed: {
-            boxShadow: `inset 0 -1px ${(_a$2 = colors.grey[300]) !== null && _a$2 !== void 0 ? _a$2 : ''}`
+            boxShadow: `inset 0 -1px ${colors.grey[300]}`
         },
         root: {
             // custom "pill" style for vertical tabs
@@ -133987,7 +133956,6 @@ const getOverrideContents = (fn, theme) => {
     }
 };
 
-var _a$1, _b, _c, _d;
 const BMAInput = {
     defaultProps: {
         disableUnderline: true,
@@ -133996,7 +133964,7 @@ const BMAInput = {
     styleOverrides: {
         root: {
             variants: [
-                ...(_d = (_c = (_b = (_a$1 = coreTheme.components) === null || _a$1 === void 0 ? void 0 : _a$1.MuiInput) === null || _b === void 0 ? void 0 : _b.styleOverrides) === null || _c === void 0 ? void 0 : _c.root) === null || _d === void 0 ? void 0 : _d.variants,
+                ...coreTheme.components?.MuiInput?.styleOverrides?.root?.variants,
                 {
                     props: { size: 'large', multiline: false },
                     style: {
@@ -134013,26 +133981,22 @@ const BMInputLabel = {
     },
     styleOverrides: {
         // biome-ignore lint: TODO for any
-        root: ({ theme }) => {
-            var _a, _b, _c;
-            return ({
-                // ...(theme.components.MuiInputLabel.styleOverrides.root?.({ theme }) ?? {}),
-                ...getOverrideContents((_c = (_b = (_a = coreTheme.components) === null || _a === void 0 ? void 0 : _a.MuiInputLabel) === null || _b === void 0 ? void 0 : _b.styleOverrides) === null || _c === void 0 ? void 0 : _c.root, theme),
-                // textTransform: 'lowercase',
-                fontSize: theme.typography.body1.fontSize,
-                fontWeight: 500
-            });
-        },
+        root: ({ theme }) => ({
+            // ...(theme.components.MuiInputLabel.styleOverrides.root?.({ theme }) ?? {}),
+            ...getOverrideContents(coreTheme.components?.MuiInputLabel?.styleOverrides?.root, theme),
+            // textTransform: 'lowercase',
+            fontSize: theme.typography.body1.fontSize,
+            fontWeight: 500
+        }),
     },
 };
 
-var _a;
 const BMAAutoComplete = {
     ...BMAutoComplete,
     styleOverrides: {
-        ...BMAutoComplete === null || BMAutoComplete === void 0 ? void 0 : BMAutoComplete.styleOverrides,
+        ...BMAutoComplete?.styleOverrides,
         inputRoot: {
-            ...(_a = BMAutoComplete === null || BMAutoComplete === void 0 ? void 0 : BMAutoComplete.styleOverrides) === null || _a === void 0 ? void 0 : _a.inputRoot,
+            ...BMAutoComplete?.styleOverrides?.inputRoot,
             height: 40,
         },
     },

package/dist/esm/index.js

@@ -280,7 +280,7 @@ const BMAlertDiv = styled("div")(({ theme, position, isToast, width, variant = A
     borderRadius: theme.shape.borderRadius,
     display: "flex",
     alignItems: "center",
-    marginTop: (position !== null && position !== void 0 ? position : 0) * 58,
+    marginTop: (position ?? 0) * 58,
     width: width === undefined ? "auto" : `${width}px`,
     background: theme.palette[variant === AlertVariant.InProgress ? AlertVariant.Info : variant][100],
     ...(isToast && {
@@ -333,9 +333,9 @@ const BMAlert = (props) => {
     };
     const AlertIcon = GetAlertIcon(variant);
     if (isToast) {
-        return (jsx(Snackbar, { open: open, autoHideDuration: autoDismiss !== null && autoDismiss !== void 0 ? autoDismiss : DEFAULT_AUTO_DISMISS_MS, TransitionComponent: Fade, anchorOrigin: { vertical: "top", horizontal: "center" }, onClose: handleClose, ...alertProps, children: jsxs(BMAlertDiv, { "data-testid": dataTestId, role: "alert", "aria-label": `alert ${variant}`, ...props, children: [icon !== null && icon !== void 0 ? icon : jsx(AlertIcon, {}), jsx(BMAlertText, { variant: "body2", children: text }), onClose && jsx(BMAlertCloseIcon, { onClick: onClose })] }) }));
+        return (jsx(Snackbar, { open: open, autoHideDuration: autoDismiss ?? DEFAULT_AUTO_DISMISS_MS, TransitionComponent: Fade, anchorOrigin: { vertical: "top", horizontal: "center" }, onClose: handleClose, ...alertProps, children: jsxs(BMAlertDiv, { "data-testid": dataTestId, role: "alert", "aria-label": `alert ${variant}`, ...props, children: [icon ?? jsx(AlertIcon, {}), jsx(BMAlertText, { variant: "body2", children: text }), onClose && jsx(BMAlertCloseIcon, { onClick: onClose })] }) }));
     }
-    return (jsx(Fade, { in: open, timeout: transitionTimeout, children: jsxs(BMAlertDiv, { role: "alert", "data-testid": dataTestId, "aria-label": `alert ${variant}`, ...props, children: [icon !== null && icon !== void 0 ? icon : jsx(AlertIcon, {}), jsx(BMAlertText, { children: text }), onClose && jsx(BMAlertCloseIcon, { onClick: onClose })] }) }));
+    return (jsx(Fade, { in: open, timeout: transitionTimeout, children: jsxs(BMAlertDiv, { role: "alert", "data-testid": dataTestId, "aria-label": `alert ${variant}`, ...props, children: [icon ?? jsx(AlertIcon, {}), jsx(BMAlertText, { children: text }), onClose && jsx(BMAlertCloseIcon, { onClick: onClose })] }) }));
 };
 
 var _g$l;
@@ -370,7 +370,7 @@ const BMTooltip$1 = ({ children, smart, ...props }) => {
             setFitsContainer(childrenRef.current.scrollWidth <= childrenRef.current.clientWidth);
         }
     }, [smart, childrenRef]);
-    return (jsx(Tooltip$1, { ref: childrenRef, disableHoverListener: smart ? fitsContainer : false, arrow: true, placement: "top-start", ...props, children: children !== null && children !== void 0 ? children : (jsx(Box, { sx: { lineHeight: 0, ml: 0.5 }, children: jsx(InfoStyledIcon, {}) })) }));
+    return (jsx(Tooltip$1, { ref: childrenRef, disableHoverListener: smart ? fitsContainer : false, arrow: true, placement: "top-start", ...props, children: children ?? (jsx(Box, { sx: { lineHeight: 0, ml: 0.5 }, children: jsx(InfoStyledIcon, {}) })) }));
 };
 
 const BMInput$2 = ({ label, tooltip, dataTestId, ...props }) => (jsx(TextField, { ...props, label: jsxs(Fragment, { children: [label, " ", tooltip && jsx(BMTooltip$1, { title: tooltip })] }), variant: "standard", "data-testid": dataTestId }));
@@ -921,10 +921,9 @@ const HookFormContext = React__default.createContext(null);
 HookFormContext.displayName = 'HookFormContext';
 
 const BMInputField$1 = (props) => {
-    var _a, _b;
     const { name, rules, defaultValue, control, shouldUnregister, ...bmInputProps } = props;
     const { field: { ref, ...fieldProps }, fieldState, } = useController({ name, rules, defaultValue, control, shouldUnregister });
-    return (jsx(BMInput$2, { ...fieldProps, ...bmInputProps, inputRef: ref, error: !!fieldState.error, helperText: (_b = (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) !== null && _b !== void 0 ? _b : bmInputProps.helperText }));
+    return (jsx(BMInput$2, { ...fieldProps, ...bmInputProps, inputRef: ref, error: !!fieldState.error, helperText: fieldState.error?.message ?? bmInputProps.helperText }));
 };
 
 var _g$k;
@@ -1044,10 +1043,9 @@ const EditIconStyled = styled(SvgPencil)(() => ({
     top: 7,
 }));
 const BMInputEditableCode = ({ content, onSave, tooltip, ...bmInputProps }) => {
-    var _a;
     const [isEditing, setIsEditing] = useState(false);
     const fieldRef = useRef(null);
-    const placeholder = (_a = bmInputProps.placeholder) !== null && _a !== void 0 ? _a : "";
+    const placeholder = bmInputProps.placeholder ?? "";
     return (jsx(Fragment, { children: isEditing ? (jsxs(Box, { display: "inline-table", position: "relative", children: [jsx(Box, { sx: {
                         "& .MuiFormLabel-root": {
                             display: "none",
@@ -1062,10 +1060,9 @@ const BMInputEditableCode = ({ content, onSave, tooltip, ...bmInputProps }) => {
                                     }
                                 }
                             }, size: "small", children: jsx(SvgCloseCollapse, { viewBox: "-1 -1 17 17" }) }), jsx(IconButtonStyled, { onClick: () => {
-                                var _a, _b;
                                 setIsEditing(false);
-                                onSave((_b = (_a = fieldRef === null || fieldRef === void 0 ? void 0 : fieldRef.current) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "");
-                            }, size: "small", children: jsx(SvgCheck, {}) })] })] })) : (jsx(BMTooltip$1, { title: tooltip !== null && tooltip !== void 0 ? tooltip : placeholder, children: jsxs(Content, { onClick: () => {
+                                onSave(fieldRef?.current?.value ?? "");
+                            }, size: "small", children: jsx(SvgCheck, {}) })] })] })) : (jsx(BMTooltip$1, { title: tooltip ?? placeholder, children: jsxs(Content, { onClick: () => {
                     setIsEditing(true);
                 }, children: [jsx("span", { children: content.length ? content : placeholder }), jsx("span", { children: jsx(EditIconStyled, {}) })] }) })) }));
 };
@@ -1111,15 +1108,12 @@ const BMAutoComplete$1 = ({ bmInputProps, options, getOptionLabel, getOptionDisa
                 deleteIcon: jsx(CloseStyledIcon, {}),
             },
             paper: memoPaperComp,
-        }, "data-testid": dataTestId, renderInput: (params) => {
-            var _a;
-            return (jsx(BMTooltip$1, { placement: "top-start", title: tooltipText !== null && tooltipText !== void 0 ? tooltipText : "", children: jsx("span", { children: jsx(BMInput$2, { dataTestId: `${dataTestId}-input`, ...params, ...bmInputProps, slotProps: {
-                            input: {
-                                ...params.InputProps,
-                                ...(_a = bmInputProps === null || bmInputProps === void 0 ? void 0 : bmInputProps.slotProps) === null || _a === void 0 ? void 0 : _a.input,
-                            },
-                        } }) }) }));
-        }, ...rest }));
+        }, "data-testid": dataTestId, renderInput: (params) => (jsx(BMTooltip$1, { placement: "top-start", title: tooltipText ?? "", children: jsx("span", { children: jsx(BMInput$2, { dataTestId: `${dataTestId}-input`, ...params, ...bmInputProps, slotProps: {
+                        input: {
+                            ...params.InputProps,
+                            ...bmInputProps?.slotProps?.input,
+                        },
+                    } }) }) })), ...rest }));
 };
 
 const BMButton$2 = (props) => {
@@ -1134,7 +1128,7 @@ const BMButton$2 = (props) => {
                             : "primary",
                 }, thickness: 5 }) }));
     }
-    return (jsx(Button, { ...muiButtonProps, size: size, color: color !== null && color !== void 0 ? color : muiButtonProps.color, variant: variant, "data-testid": props.dataTestId }));
+    return (jsx(Button, { ...muiButtonProps, size: size, color: color ?? muiButtonProps.color, variant: variant, "data-testid": props.dataTestId }));
 };
 
 const BMSplitButton$1 = ({ label, options, menuProps, ButtonComp = BMButton$2, ...props }) => {
@@ -1149,23 +1143,20 @@ const BMSplitButton$1 = ({ label, options, menuProps, ButtonComp = BMButton$2, .
     };
     return (jsxs("div", { style: { display: 'inline-flex', alignItems: 'center' }, children: [jsxs(ButtonComp, { onClick: handleDropdownClick, style: { marginLeft: '4px', padding: '0 8px' }, "data-testid": props.dataTestId, ...props, children: [label, jsx(ArrowDropDownIcon, {})] }), jsx(Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'right' }, PaperProps: {
                     style: {
-                        width: buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.clientWidth
+                        width: buttonRef?.clientWidth
                     }
-                }, ...menuProps, children: options === null || options === void 0 ? void 0 : options.map((option, index) => (jsx(MenuItem, { onClick: () => {
+                }, ...menuProps, children: options?.map((option, index) => (jsx(MenuItem, { onClick: () => {
                         option.onClick();
                         handleClose();
                     }, "data-testid": `${props.dataTestId}-${option.label}`, children: option.label }, index))) })] }));
 };
 
 const BMButtonGroup$1 = ({ buttons, className, active, dataTestId, orientation = 'horizontal', }) => {
-    const [activeBut, setActiveBut] = React__default.useState(active !== null && active !== void 0 ? active : null);
-    return (jsx(ButtonGroup, { orientation: orientation, className: className, children: buttons.map((button, index) => {
-            var _a;
-            return (jsx(Fragment, { children: jsxs(BMButton$2, { onClick: () => {
-                        setActiveBut(button.label);
-                        button.onClick();
-                    }, ...button.buttonProps, className: `${(_a = button.buttonProps) === null || _a === void 0 ? void 0 : _a.className} ${button.label === activeBut ? 'bm-active' : ''}`, dataTestId: `${dataTestId}-${button.label}`, children: [button.label, (index !== buttons.length - 1 && activeBut !== button.label) && jsx("div", { className: "bm-divider" })] }, index) }));
-        }) }));
+    const [activeBut, setActiveBut] = React__default.useState(active ?? null);
+    return (jsx(ButtonGroup, { orientation: orientation, className: className, children: buttons.map((button, index) => (jsx(Fragment, { children: jsxs(BMButton$2, { onClick: () => {
+                    setActiveBut(button.label);
+                    button.onClick();
+                }, ...button.buttonProps, className: `${button.buttonProps?.className} ${button.label === activeBut ? 'bm-active' : ''}`, dataTestId: `${dataTestId}-${button.label}`, children: [button.label, (index !== buttons.length - 1 && activeBut !== button.label) && jsx("div", { className: "bm-divider" })] }, index) }))) }));
 };
 
 const StyledFormControlLabel = styled(FormControlLabel)(({ theme }) => ({
@@ -1300,8 +1291,8 @@ const BMDialog = styled(Dialog)(({ isSidePanel, overrideWidth, overrideHeight, s
     return {
         [`& .${dialogClasses.paper}`]: {
             ...modalSize,
-            width: overrideWidth !== null && overrideWidth !== void 0 ? overrideWidth : modalSize.width,
-            height: overrideHeight !== null && overrideHeight !== void 0 ? overrideHeight : modalSize.height,
+            width: overrideWidth ?? modalSize.width,
+            height: overrideHeight ?? modalSize.height,
             ...(isSidePanel && {
                 width: 736,
                 height: "100%",
@@ -1358,7 +1349,6 @@ const CloseButton = styled("span")(({ theme }) => ({
     cursor: "pointer",
 }));
 const BMModal = (props) => {
-    var _a, _b;
     const { title, titleSeparator, titleIcon, actionsInfo, onClose, onSubmit, children, cancelLabel, cancelTestId, submitLabel, submitTestId, enableBackdropDismiss, size, isSidePanel, buttonProps, customTitle, hideCloseBtn, customSubmitButton, submitButtonTooltip, cancelButtonTooltip, dialogContentProps = {}, gradientTag, ...dialogProps } = props;
     const handleClose = () => {
         if (onClose) {
@@ -1376,10 +1366,10 @@ const BMModal = (props) => {
     if (isSidePanel) {
         dialogProps.TransitionComponent = SlideTransition;
     }
-    const submitBtnProps = (_a = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.primary) !== null && _a !== void 0 ? _a : {};
-    const cancelBtnProps = (_b = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.secondary) !== null && _b !== void 0 ? _b : {};
+    const submitBtnProps = buttonProps?.primary ?? {};
+    const cancelBtnProps = buttonProps?.secondary ?? {};
     const getCancelButton = () => {
-        const returnComponent = cancelLabel ? (jsx(BMButton$2, { variant: "secondary", onClick: handleClose, ...cancelBtnProps, dataTestId: cancelTestId !== null && cancelTestId !== void 0 ? cancelTestId : 'modal-cancel-button', children: cancelLabel })) : undefined;
+        const returnComponent = cancelLabel ? (jsx(BMButton$2, { variant: "secondary", onClick: handleClose, ...cancelBtnProps, dataTestId: cancelTestId ?? 'modal-cancel-button', children: cancelLabel })) : undefined;
         if (cancelButtonTooltip) {
             return (jsx(BMTooltip$1, { title: cancelButtonTooltip, children: jsx("span", { children: returnComponent }) }));
         }
@@ -1388,7 +1378,7 @@ const BMModal = (props) => {
     const getSubmitButton = () => {
         if (customSubmitButton)
             return customSubmitButton;
-        const returnComponent = submitLabel ? (jsx(BMButton$2, { variant: "primary", onClick: handleSubmitBtnClick, ...submitBtnProps, type: "submit", autoFocus: true, dataTestId: submitTestId !== null && submitTestId !== void 0 ? submitTestId : 'modal-submit-button', children: submitLabel })) : undefined;
+        const returnComponent = submitLabel ? (jsx(BMButton$2, { variant: "primary", onClick: handleSubmitBtnClick, ...submitBtnProps, type: "submit", autoFocus: true, dataTestId: submitTestId ?? 'modal-submit-button', children: submitLabel })) : undefined;
         if (submitButtonTooltip) {
             return (jsx(BMTooltip$1, { title: submitButtonTooltip, children: jsx("span", { children: returnComponent }) }));
         }
@@ -18703,8 +18693,8 @@ const EntryWrapper = styled(Paper, {
     gap: theme.spacing(0.5),
     padding: theme.spacing(0.5, 0.5, 0, 0.875),
     minHeight: 40,
-    height: overrideHeight !== null && overrideHeight !== void 0 ? overrideHeight : "auto",
-    width: overrideWidth !== null && overrideWidth !== void 0 ? overrideWidth : "100%",
+    height: overrideHeight ?? "auto",
+    width: overrideWidth ?? "100%",
     overflowY: "auto",
     overflowX: "hidden",
     cursor: "text",
@@ -18762,18 +18752,17 @@ const ErrorIconStyled = styled(SvgFailedSolid)(({ theme }) => ({
     },
 }));
 const BMMultiEntry = ({ tooltipFn, onChange, checkWarning, label, placeholderText, value, error, helperText, chipIcon, dataTestId, disabled, lowercaseEntry = false, overrideHeight, overrideWidth, subLabel, removeInvalidEntriesMsg, multiEntryHitEnterMsg, }) => {
-    var _a, _b, _c, _d, _e, _f;
     const textInputRef = useRef(null);
     const [fieldInFocus, setFieldInFocus] = useState(false);
     const errorArr = Array.isArray(error) ? error : [];
     const entries = Array.isArray(value)
         ? value.map((item) => (lowercaseEntry ? item.toLowerCase() : item))
-        : (value !== null && value !== void 0 ? value : "")
+        : (value ?? "")
             .split(/[ ,]+/)
             .map((item) => (lowercaseEntry ? item.toLowerCase() : item));
     const updateEntries = (items) => {
         const updated = items.map((item) => lowercaseEntry ? item.toLowerCase() : item);
-        onChange === null || onChange === void 0 ? void 0 : onChange(updated);
+        onChange?.(updated);
     };
     const handleDelete = (entry) => {
         updateEntries(entries.filter((e) => e !== entry));
@@ -18819,16 +18808,14 @@ const BMMultiEntry = ({ tooltipFn, onChange, checkWarning, label, placeholderTex
         return undefined;
     };
     return (jsxs(Fragment, { children: [label && jsx(Label, { children: label }), jsxs(EntryWrapper, { onClick: () => {
-                    var _a;
                     setFieldInFocus(true);
-                    (_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                    textInputRef.current?.focus();
                 }, "data-testid": dataTestId, focus: fieldInFocus, overrideHeight: overrideHeight, overrideWidth: overrideWidth, children: [entries.map((entry, index) => {
-                        var _a, _b, _c;
                         const invalid = errorArr[index];
-                        const tooltip = (_b = (_a = invalid === null || invalid === void 0 ? void 0 : invalid.message) !== null && _a !== void 0 ? _a : tooltipFn === null || tooltipFn === void 0 ? void 0 : tooltipFn(entry)) !== null && _b !== void 0 ? _b : undefined;
-                        const warning = (_c = checkWarning === null || checkWarning === void 0 ? void 0 : checkWarning(entry)) !== null && _c !== void 0 ? _c : false;
+                        const tooltip = invalid?.message ?? tooltipFn?.(entry) ?? undefined;
+                        const warning = checkWarning?.(entry) ?? false;
                         const ChipComp = warning ? WarningChip : StyledChip$1;
-                        return (jsx(BMTooltip$1, { title: tooltip !== null && tooltip !== void 0 ? tooltip : "", children: jsx(ChipComp, { label: entry, icon: getChipIcon(entry, invalid), deleteIcon: jsx(CloseIconStyled, {}), onDelete: () => handleDelete(entry), clickable: true, onClick: () => handleClick(entry) }) }, `${entry}-tooltip`));
+                        return (jsx(BMTooltip$1, { title: tooltip ?? "", children: jsx(ChipComp, { label: entry, icon: getChipIcon(entry, invalid), deleteIcon: jsx(CloseIconStyled, {}), onDelete: () => handleDelete(entry), clickable: true, onClick: () => handleClick(entry) }) }, `${entry}-tooltip`));
                     }), jsx(TextInput, { inputRef: textInputRef, placeholder: placeholderText, disabled: disabled, onKeyDown: (e) => {
                             if (e.key === "Backspace")
                                 handleBackspace(e);
@@ -18840,7 +18827,7 @@ const BMMultiEntry = ({ tooltipFn, onChange, checkWarning, label, placeholderTex
                     fontSize: "11.5px",
                     fontWeight: 400,
                 }, children: subLabel })), error &&
-                ((_c = (_b = (_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) === 0 &&
+                (textInputRef.current?.value?.length ?? 0) === 0 &&
                 helperText && (jsx(FormHelperText, { error: true, sx: {
                     mt: 1,
                     fontSize: "11.5px",
@@ -18850,7 +18837,7 @@ const BMMultiEntry = ({ tooltipFn, onChange, checkWarning, label, placeholderTex
                     fontSize: "11.5px",
                     fontWeight: 400,
                 }, error: true, children: removeInvalidEntriesMsg })), error &&
-                ((_f = (_e = (_d = textInputRef.current) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 0) > 0 &&
+                (textInputRef.current?.value?.length ?? 0) > 0 &&
                 multiEntryHitEnterMsg && (jsx(FormHelperText, { error: true, sx: {
                     mt: 1,
                     fontSize: "11.5px",
@@ -18859,7 +18846,6 @@ const BMMultiEntry = ({ tooltipFn, onChange, checkWarning, label, placeholderTex
 };
 
 const BMMultiEntryField = (props) => {
-    var _a, _b;
     const { name, rules, defaultValue, control, shouldUnregister, placeholderText, chipIcon, dataTestId, ...restInputProps } = props;
     const { field, fieldState } = useController({
         name,
@@ -18868,7 +18854,7 @@ const BMMultiEntryField = (props) => {
         control,
         shouldUnregister,
     });
-    return (jsx(BMMultiEntry, { ...restInputProps, label: props === null || props === void 0 ? void 0 : props.label, onChange: field.onChange, value: field.value, error: fieldState.error, chipIcon: chipIcon, helperText: (_b = (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) !== null && _b !== void 0 ? _b : "", placeholderText: placeholderText, dataTestId: dataTestId }));
+    return (jsx(BMMultiEntry, { ...restInputProps, label: props?.label, onChange: field.onChange, value: field.value, error: fieldState.error, chipIcon: chipIcon, helperText: fieldState.error?.message ?? "", placeholderText: placeholderText, dataTestId: dataTestId }));
 };
 
 var _path$k;
@@ -19007,7 +18993,6 @@ const BMPassword = (props) => {
 };
 
 const BMPasswordField = (props) => {
-    var _a, _b;
     const inputElement = useRef(null);
     const { name, rules, defaultValue, control, shouldUnregister, ...bmInputProps } = props;
     const { field: { ref, value, ...fieldProps }, fieldState, } = useController({ name, rules, defaultValue, control, shouldUnregister });
@@ -19021,7 +19006,7 @@ const BMPasswordField = (props) => {
     return (jsx(BMPassword, { ...fieldProps, ...bmInputProps, inputRef: (element) => {
             inputElement.current = element;
             ref(element);
-        }, error: !!fieldState.error, helperText: (_b = (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) !== null && _b !== void 0 ? _b : bmInputProps.helperText }));
+        }, error: !!fieldState.error, helperText: fieldState.error?.message ?? bmInputProps.helperText }));
 };
 
 const BMProgressBar = styled(LinearProgress)(({ theme, color }) => ({
@@ -19120,7 +19105,6 @@ const BMRadioGroup = ({ label, options = [], orientation = RadioOrientation.Vert
 };
 
 const BMRadioGroupField = (props) => {
-    var _a;
     const { name, control, rules, defaultValue, shouldUnregister, ...restProps } = props;
     const { field } = useController({
         name,
@@ -19129,7 +19113,7 @@ const BMRadioGroupField = (props) => {
         defaultValue,
         shouldUnregister,
     });
-    return (jsx(BMRadioGroup, { name: field.name, value: (_a = field.value) !== null && _a !== void 0 ? _a : "", onChange: field.onChange, onBlur: field.onBlur, label: restProps.label, orientation: restProps.orientation, className: restProps.className, ...restProps }));
+    return (jsx(BMRadioGroup, { name: field.name, value: field.value ?? "", onChange: field.onChange, onBlur: field.onBlur, label: restProps.label, orientation: restProps.orientation, className: restProps.className, ...restProps }));
 };
 
 const BMSelect = ({ label, tooltip, renderValue, menuProps, selectProps = {}, dataTestId, ...props }) => (jsx(TextField, { ...props, label: label ? (jsxs(Fragment, { children: [label, " ", tooltip && jsx(BMTooltip$1, { title: tooltip })] })) : null // don't render <Label> if it's empty
@@ -19150,10 +19134,9 @@ const BMSelect = ({ label, tooltip, renderValue, menuProps, selectProps = {}, da
     }, variant: "standard" }));
 
 const BMSelectField = (props) => {
-    var _a;
     const { name, rules, defaultValue, control, shouldUnregister, children, helperText, ...bmSelectProps } = props;
     const { field: { onChange, onBlur, value, name: fieldName, ref }, fieldState: { error }, } = useController({ name, rules, defaultValue, control, shouldUnregister });
-    return (jsx(BMSelect, { ...bmSelectProps, name: fieldName, value: value, onChange: onChange, onBlur: onBlur, inputRef: ref, error: !!error, helperText: (_a = error === null || error === void 0 ? void 0 : error.message) !== null && _a !== void 0 ? _a : helperText, children: children }));
+    return (jsx(BMSelect, { ...bmSelectProps, name: fieldName, value: value, onChange: onChange, onBlur: onBlur, inputRef: ref, error: !!error, helperText: error?.message ?? helperText, children: children }));
 };
 
 const BMToggle$1 = ({ label, formControlLabelProps, ...switchProps }) => {
@@ -19206,10 +19189,7 @@ const BMMultiToggleButton = ({ options, value, onChange, dense, ...rest }) => {
             if (newValue !== null) {
                 onChange(newValue);
             }
-        }, ...rest, children: options.map((option) => {
-            var _a;
-            return (jsx(StyledToggleButton, { value: option.value, "data-testid": (_a = option.dataTestId) !== null && _a !== void 0 ? _a : `${option.label}ToggleButton`, children: option.label }, String(option.value)));
-        }) }));
+        }, ...rest, children: options.map((option) => (jsx(StyledToggleButton, { value: option.value, "data-testid": option.dataTestId ?? `${option.label}ToggleButton`, children: option.label }, String(option.value)))) }));
 };
 
 const Panel = styled('div')(({ theme }) => ({
@@ -19405,10 +19385,7 @@ const Circle = styled(SvgCircleUnselected)(({ theme }) => ({
     color: theme.palette.grey[600]
 }));
 const BMCloudSelect = ({ overrideOptionWidth, options, value, onChange }) => {
-    return (jsx(Box, { display: "flex", alignItems: "center", flexWrap: "wrap", rowGap: 1, children: options.map((item) => {
-            var _a;
-            return (jsxs(Card, { "data-testid": (_a = item.dataTestId) !== null && _a !== void 0 ? _a : item.value, onClick: () => onChange(item.value), selected: value === item.value, visible: item.visible, style: { width: overrideOptionWidth }, children: [jsxs(Box, { display: "flex", alignItems: "center", children: [jsx(IconLogo, { children: item.icon }), jsx(Typography, { variant: "body1", children: item.label })] }), value === item.value ? (jsx(CircleCheckIcon, {})) : (jsx(Circle, {}))] }, String(item.value)));
-        }) }));
+    return (jsx(Box, { display: "flex", alignItems: "center", flexWrap: "wrap", rowGap: 1, children: options.map((item) => (jsxs(Card, { "data-testid": item.dataTestId ?? item.value, onClick: () => onChange(item.value), selected: value === item.value, visible: item.visible, style: { width: overrideOptionWidth }, children: [jsxs(Box, { display: "flex", alignItems: "center", children: [jsx(IconLogo, { children: item.icon }), jsx(Typography, { variant: "body1", children: item.label })] }), value === item.value ? (jsx(CircleCheckIcon, {})) : (jsx(Circle, {}))] }, String(item.value)))) }));
 };
 
 const StyledLabel = styled(InputLabel)(({ theme }) => ({
@@ -34480,9 +34457,9 @@ const MAX_ZOOM_VAL = 5;
 const MapBox = styled('div')(({ theme, mapHeight, mapWidth }) => ({
     borderRadius: theme.spacing(1),
     border: `1px solid ${theme.palette.grey[200]}`,
-    width: mapWidth !== null && mapWidth !== void 0 ? mapWidth : '100%',
+    width: mapWidth ?? '100%',
     '& .leaflet-container': {
-        width: mapWidth !== null && mapWidth !== void 0 ? mapWidth : '100%',
+        width: mapWidth ?? '100%',
         height: `${mapHeight}px`,
     },
     overflow: 'hidden'
@@ -70373,9 +70350,8 @@ const BMDropdown = ({ children, position = "bottom", growDirection, origin, keep
         event.stopPropagation();
     };
     const handleClose = (event) => {
-        var _a;
         setAnchorEl(null);
-        (_a = event.stopPropagation) === null || _a === void 0 ? void 0 : _a.call(event);
+        event.stopPropagation?.();
     };
     const handleMenuClick = (event) => {
         if (!keepOpenOnSelect) {
@@ -70409,7 +70385,7 @@ const BMDropdown = ({ children, position = "bottom", growDirection, origin, keep
             horizontal: "left",
         };
     }
-    return (jsxs(Fragment, { children: [jsx(BMTooltip$1, { title: tooltip !== null && tooltip !== void 0 ? tooltip : "", placement: "top", children: jsx(OriginWrapper, { onClick: handleClick, className: className, "data-testid": dataTestId, children: typeof origin === "function" ? origin(open) : origin }) }), jsx(Menu, { open: open, anchorEl: anchorEl, disableAutoFocusItem: true, onClose: handleClose, onClick: handleMenuClick, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, ...menuProps, children: children })] }));
+    return (jsxs(Fragment, { children: [jsx(BMTooltip$1, { title: tooltip ?? "", placement: "top", children: jsx(OriginWrapper, { onClick: handleClick, className: className, "data-testid": dataTestId, children: typeof origin === "function" ? origin(open) : origin }) }), jsx(Menu, { open: open, anchorEl: anchorEl, disableAutoFocusItem: true, onClose: handleClose, onClick: handleMenuClick, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, ...menuProps, children: children })] }));
 };
 
 const BMAvatarSizeMap = {
@@ -70419,7 +70395,7 @@ const BMAvatarSizeMap = {
 };
 
 const getSizeDimension = (_, size) => {
-    return BMAvatarSizeMap[size] || (BMAvatarSizeMap === null || BMAvatarSizeMap === void 0 ? void 0 : BMAvatarSizeMap.medium);
+    return BMAvatarSizeMap[size] || BMAvatarSizeMap?.medium;
 };
 const StyledImage = styled$1("img")(({ theme, size }) => {
     const dimension = getSizeDimension(theme, size);
@@ -70512,9 +70488,8 @@ const StyledChip = styled(Chip$1)(({ theme, $size = "md", $variant = "default",
         },
     }[$size];
     const getVariantStyles = () => {
-        var _a, _b, _c;
         let gradientStyles;
-        if (!$noGradient && !(props === null || props === void 0 ? void 0 : props.customColor)) {
+        if (!$noGradient && !props?.customColor) {
             gradientStyles = {
                 background: "linear-gradient(282.49deg, #ed35c5 0.48%, #7879f1 93.17%)",
                 WebkitTextFillColor: "transparent",
@@ -70523,11 +70498,11 @@ const StyledChip = styled(Chip$1)(({ theme, $size = "md", $variant = "default",
             };
         }
         // If custom colors are provided, use them instead of variants
-        if (props === null || props === void 0 ? void 0 : props.customColor) {
+        if (props?.customColor) {
             return {
-                background: ((_a = props.customColor) === null || _a === void 0 ? void 0 : _a.background) || theme.palette.common.white,
-                color: ((_b = props.customColor) === null || _b === void 0 ? void 0 : _b.color) || theme.palette.grey[900],
-                border: ((_c = props.customColor) === null || _c === void 0 ? void 0 : _c.border) || `1px solid ${theme.palette.grey[300]}`,
+                background: props.customColor?.background || theme.palette.common.white,
+                color: props.customColor?.color || theme.palette.grey[900],
+                border: props.customColor?.border || `1px solid ${theme.palette.grey[300]}`,
             };
         }
         const variantColors = {
@@ -70750,7 +70725,7 @@ const BMPagination = ({ pageSize = 4, onPageSelect, currentPage, hasMore, dataTe
             setPage(newPage);
             onPageSelect(newPage);
         }, "data-testid": dataTestId, renderItem: (params) => {
-            if ((params === null || params === void 0 ? void 0 : params.type) === "next" && hasMore) {
+            if (params?.type === "next" && hasMore) {
                 return (jsxs(Box, { component: "span", display: "flex", alignItems: "center", children: [jsx(PaginationItem, { ...params, "aria-label": "Go to end-ellipsis page", color: "standard", shape: "rounded", size: "medium", type: "end-ellipsis", variant: "text", sx: { display: "inline-flex", minWidth: 16 } }), jsx(PaginationItem, { ...params })] }));
             }
             return jsx(PaginationItem, { ...params });
@@ -70848,7 +70823,7 @@ const LoadingSection = styled(Box)(({ theme }) => ({
     padding: theme.spacing(2, 0),
 }));
 const BMAddSection = ({ title, body, bodyVariant, controls, }) => {
-    return (jsx(LoadingSection, { children: jsxs(BMLoadingBox, { children: [title && (jsx(Box, { sx: { mt: 1, mb: 2 }, children: jsx(Typography, { variant: "h2", children: title }) })), jsx(Box, { sx: { mb: controls ? 2 : 0 }, children: jsx(Typography, { variant: bodyVariant !== null && bodyVariant !== void 0 ? bodyVariant : "body2", children: body }) }), controls] }) }));
+    return (jsx(LoadingSection, { children: jsxs(BMLoadingBox, { children: [title && (jsx(Box, { sx: { mt: 1, mb: 2 }, children: jsx(Typography, { variant: "h2", children: title }) })), jsx(Box, { sx: { mb: controls ? 2 : 0 }, children: jsx(Typography, { variant: bodyVariant ?? "body2", children: body }) }), controls] }) }));
 };
 
 const Root = styled(Box)(({ theme }) => ({
@@ -132891,16 +132866,15 @@ const BMCodeBlock = ({ showCopyButton, multiBlock, text, codeClassName, preClass
     const expandableBox = useRef(null);
     const [expanded, setExpanded] = useState(!enabledExpandCollapse);
     const [showToggle, setShowToggle] = useState(false);
-    const syntaxLanguage = lang !== null && lang !== void 0 ? lang : "language-plaintext";
+    const syntaxLanguage = lang ?? "language-plaintext";
     useEffect(() => {
         HighlightJS.highlightAll();
     }, [text]);
     const didMountRef = useRef(false);
     useEffect(() => {
-        var _a;
         if (didMountRef.current) {
-            if (expanded && (expandableBox === null || expandableBox === void 0 ? void 0 : expandableBox.current)) {
-                (_a = expandableBox === null || expandableBox === void 0 ? void 0 : expandableBox.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ top: 0 });
+            if (expanded && expandableBox?.current) {
+                expandableBox?.current?.scrollTo({ top: 0 });
             }
         }
         else {
@@ -132908,30 +132882,27 @@ const BMCodeBlock = ({ showCopyButton, multiBlock, text, codeClassName, preClass
         }
     }, [expanded]);
     useLayoutEffect(() => {
-        var _a, _b;
-        if (expandableBox === null || expandableBox === void 0 ? void 0 : expandableBox.current) {
+        if (expandableBox?.current) {
             setShowToggle(enabledExpandCollapse &&
-                Math.round((_b = (_a = expandableBox === null || expandableBox === void 0 ? void 0 : expandableBox.current) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0) > collapseHeight);
+                Math.round(expandableBox?.current?.clientHeight ?? 0) > collapseHeight);
         }
     }, [collapseHeight, enabledExpandCollapse]);
     const copy = async (value) => {
         try {
             await navigator.clipboard.writeText(value);
-            onCopySuccess === null || onCopySuccess === void 0 ? void 0 : onCopySuccess();
+            onCopySuccess?.();
         }
         catch (err) {
             console.error("Failed to copy:", err);
         }
     };
     const copyBlock = () => {
-        var _a, _b;
-        const text = (_b = (_a = preRef.current) === null || _a === void 0 ? void 0 : _a.innerText) === null || _b === void 0 ? void 0 : _b.replace(/\/\*[\s\S]*?\*\/|([^\\:]|^)\/\/.*$/g, "$'");
+        const text = preRef.current?.innerText?.replace(/\/\*[\s\S]*?\*\/|([^\\:]|^)\/\/.*$/g, "$'");
         if (text)
             copy(text);
     };
     const copyLineBlock = async (ev) => {
-        var _a, _b;
-        const line = (_b = (_a = ev.currentTarget.previousSibling) === null || _a === void 0 ? void 0 : _a.innerText) === null || _b === void 0 ? void 0 : _b.replace(/\/\*[\s\S]*?\*\/|([^\\:]|^)\/\/.*$/g, "$'");
+        const line = ev.currentTarget.previousSibling?.innerText?.replace(/\/\*[\s\S]*?\*\/|([^\\:]|^)\/\/.*$/g, "$'");
         if (line)
             await copy(line);
     };
@@ -133078,10 +133049,9 @@ const StyledPaper = styled$1(Paper, {
     color: theme.palette.text.primary,
 }));
 const BMTable = ({ tableTitle, selectableRows = "none", data, columns, withBorder = true, dataTestId, options, customHeaderRenderer, ...rest }) => {
-    var _a, _b;
     const theme = useTheme();
-    const tablePropsFromOptions = (_b = (_a = options === null || options === void 0 ? void 0 : options.setTableProps) === null || _a === void 0 ? void 0 : _a.call(options)) !== null && _b !== void 0 ? _b : {};
-    const getRowId = (row) => { var _a; return (_a = row.id) !== null && _a !== void 0 ? _a : JSON.stringify(row); };
+    const tablePropsFromOptions = options?.setTableProps?.() ?? {};
+    const getRowId = (row) => row.id ?? JSON.stringify(row);
     const getCheckboxSelection = () => selectableRows === "multiple" ? true : undefined;
     const getIsRowSelectable = () => selectableRows === "none" ? () => false : undefined;
     const columnsWithCustomHeader = React.useMemo(() => {
@@ -133118,7 +133088,7 @@ const BMTable = ({ tableTitle, selectableRows = "none", data, columns, withBorde
                         backgroundColor: theme.palette.background.paper,
                         color: theme.palette.text.secondary,
                     },
-                }, getRowId: getRowId, ...tablePropsFromOptions, disableRowSelectionOnClick: !(options === null || options === void 0 ? void 0 : options.selectableRowsOnClick), ...rest })] }));
+                }, getRowId: getRowId, ...tablePropsFromOptions, disableRowSelectionOnClick: !options?.selectableRowsOnClick, ...rest })] }));
 };
 
 const BMButton$1 = {
@@ -133315,7 +133285,7 @@ const BMInput$1 = {
             fontWeight: 400,
             fontSize: 13,
             "&::placeholder": {
-                color: (ownerState === null || ownerState === void 0 ? void 0 : ownerState.error) ? theme.palette.error[500] : colors.grey[600],
+                color: ownerState?.error ? theme.palette.error[500] : colors.grey[600],
             },
             '&.Mui-disabled': {
                 pointerEvents: 'none',
@@ -133615,7 +133585,6 @@ const BMFormHelperText = {
     }
 };
 
-var _a$2;
 const BMTabs = {
     styleOverrides: {
         indicator: {
@@ -133626,7 +133595,7 @@ const BMTabs = {
             }
         },
         fixed: {
-            boxShadow: `inset 0 -1px ${(_a$2 = colors.grey[300]) !== null && _a$2 !== void 0 ? _a$2 : ''}`
+            boxShadow: `inset 0 -1px ${colors.grey[300]}`
         },
         root: {
             // custom "pill" style for vertical tabs
@@ -133958,7 +133927,6 @@ const getOverrideContents = (fn, theme) => {
     }
 };
 
-var _a$1, _b, _c, _d;
 const BMAInput = {
     defaultProps: {
         disableUnderline: true,
@@ -133967,7 +133935,7 @@ const BMAInput = {
     styleOverrides: {
         root: {
             variants: [
-                ...(_d = (_c = (_b = (_a$1 = coreTheme.components) === null || _a$1 === void 0 ? void 0 : _a$1.MuiInput) === null || _b === void 0 ? void 0 : _b.styleOverrides) === null || _c === void 0 ? void 0 : _c.root) === null || _d === void 0 ? void 0 : _d.variants,
+                ...coreTheme.components?.MuiInput?.styleOverrides?.root?.variants,
                 {
                     props: { size: 'large', multiline: false },
                     style: {
@@ -133984,26 +133952,22 @@ const BMInputLabel = {
     },
     styleOverrides: {
         // biome-ignore lint: TODO for any
-        root: ({ theme }) => {
-            var _a, _b, _c;
-            return ({
-                // ...(theme.components.MuiInputLabel.styleOverrides.root?.({ theme }) ?? {}),
-                ...getOverrideContents((_c = (_b = (_a = coreTheme.components) === null || _a === void 0 ? void 0 : _a.MuiInputLabel) === null || _b === void 0 ? void 0 : _b.styleOverrides) === null || _c === void 0 ? void 0 : _c.root, theme),
-                // textTransform: 'lowercase',
-                fontSize: theme.typography.body1.fontSize,
-                fontWeight: 500
-            });
-        },
+        root: ({ theme }) => ({
+            // ...(theme.components.MuiInputLabel.styleOverrides.root?.({ theme }) ?? {}),
+            ...getOverrideContents(coreTheme.components?.MuiInputLabel?.styleOverrides?.root, theme),
+            // textTransform: 'lowercase',
+            fontSize: theme.typography.body1.fontSize,
+            fontWeight: 500
+        }),
     },
 };
 
-var _a;
 const BMAAutoComplete = {
     ...BMAutoComplete,
     styleOverrides: {
-        ...BMAutoComplete === null || BMAutoComplete === void 0 ? void 0 : BMAutoComplete.styleOverrides,
+        ...BMAutoComplete?.styleOverrides,
         inputRoot: {
-            ...(_a = BMAutoComplete === null || BMAutoComplete === void 0 ? void 0 : BMAutoComplete.styleOverrides) === null || _a === void 0 ? void 0 : _a.inputRoot,
+            ...BMAutoComplete?.styleOverrides?.inputRoot,
             height: 40,
         },
     },

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bigmath-ui-library/core",
-	"version": "2.0.4",
+	"version": "2.0.5",
 	"description": "",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.js",

package/tsconfig.base.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
-    "target": "ES2019",
-    "lib": ["ES2019", "DOM", "DOM.Iterable"],
+    "target": "ES2020",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
     "moduleResolution": "node",
     "allowSyntheticDefaultImports": true,