Fix Modal padding Bug (whitescreen)

Author: FalkWolsky

client/packages/lowcoder/src/comps/hooks/modalComp.tsx

@@ -60,12 +60,13 @@ function extractMarginValues(style: ModalStyleType) {
   const regex = /\d+px|\d+em|\d+%|\d+vh|\d+vw/g;
   // Extract the values using the regular expression
   let values = style.padding.match(regex);
+  let valuesarray: number[] = [];
   // If only one value is found, duplicate it to simulate uniform margin
   if (values && values.length === 1) {
-      values = [values[0], values[0]];
+    valuesarray = [parseInt(values[0]), parseInt(values[0])];
   }
   // Return the array of values
-  return values;
+  return valuesarray;
 }
 
 const ModalStyled = styled.div<{ $style: ModalStyleType }>`
@@ -124,7 +125,13 @@ let TmpModalComp = (function () {
         },
         [dispatch]
       );
-      let paddingValues = extractMarginValues(props.style);
+      let paddingValues = [10, 10];
+      if (props.style.padding != undefined) {
+        const extractedValues = extractMarginValues(props.style);
+        if (extractedValues !== null) {
+          paddingValues = extractedValues;
+        } 
+      }
       return (
         <BackgroundColorContext.Provider value={props.style.background}>
           <ModalWrapper>
@@ -153,8 +160,8 @@ let TmpModalComp = (function () {
                 {...otherContainerProps}
                 items={gridItemCompToGridItems(items)}
                 autoHeight={props.autoHeight}
-                minHeight={paddingValues ? DEFAULT_HEIGHT - parseInt(paddingValues[0]) * 2 + "px" : ""}
-                containerPadding={paddingValues ? [parseInt(paddingValues[0]), parseInt(paddingValues[1])] : [24,24]}
+                minHeight={paddingValues ? DEFAULT_HEIGHT - paddingValues[0] * 2 + "px" : ""}
+                containerPadding={paddingValues ? [paddingValues[0], paddingValues[1]] : [24,24]}
                 hintPlaceholder={HintPlaceHolder}
               />
             </Modal>