makes min/max dimensions as params to view component

app/client/src/widgets/ButtonWidget/component/DragContainer.tsx

@@ -34,6 +34,9 @@ export type ButtonContainerProps = {
   buttonVariant?: ButtonVariant;
   disabled?: boolean;
   shouldFitContent?: boolean;
+  maxWidth?: number;
+  minWidth?: number;
+  minHeight?: number;
   loading?: boolean;
   style?: React.CSSProperties;
 };
@@ -47,15 +50,15 @@ const ButtonContainer = styled.div<ButtonContainerProps>`
     height: 100%;
   }
 
-  ${({ shouldFitContent }) =>
+  ${({ maxWidth, minHeight, minWidth, shouldFitContent }) =>
     shouldFitContent &&
     css`
       .bp3-button.bp3-fill {
         display: flex;
         width: auto;
-        max-width: 352px;
-        min-width: 112px;
-        min-height: 32px;
+        ${minWidth ? `min-width: ${minWidth}px;` : ""}
+        ${minHeight ? `min-height: ${minHeight}px;` : ""}
+        ${maxWidth ? `max-width: ${maxWidth}px;` : ""}
       }
     `}
 
@@ -93,6 +96,9 @@ export function DragContainer(props: DragContainerProps) {
         buttonVariant={props.buttonVariant}
         disabled={props.disabled}
         loading={props.loading}
+        maxWidth={props.maxWidth}
+        minHeight={props.minHeight}
+        minWidth={props.minWidth}
         onClick={hasOnClick ? props.onClick : undefined}
         shouldFitContent={props.shouldFitContent}
         style={props.style}

app/client/src/widgets/ButtonWidget/component/index.tsx

@@ -170,6 +170,9 @@ export type ButtonStyleProps = {
   iconAlign?: Alignment;
   shouldFitContent?: boolean;
   placement?: ButtonPlacement;
+  maxWidth?: number;
+  minWidth?: number;
+  minHeight?: number;
 };
 
 // To be used in any other part of the app
@@ -186,6 +189,9 @@ export function BaseButton(props: IButtonProps & ButtonStyleProps) {
     iconAlign,
     iconName,
     loading,
+    maxWidth,
+    minHeight,
+    minWidth,
     onClick,
     placement,
     rightIcon,
@@ -200,6 +206,9 @@ export function BaseButton(props: IButtonProps & ButtonStyleProps) {
       buttonVariant={buttonVariant}
       disabled={disabled}
       loading={loading}
+      maxWidth={maxWidth}
+      minHeight={minHeight}
+      minWidth={minWidth}
       onClick={onClick}
       shouldFitContent={props.shouldFitContent}
       showInAllModes
@@ -266,6 +275,9 @@ interface ButtonComponentProps extends ComponentProps {
   iconAlign?: Alignment;
   placement?: ButtonPlacement;
   className?: string;
+  minWidth?: number;
+  minHeight?: number;
+  maxWidth?: number;
 }
 
 type RecaptchaV2ComponentPropType = {
@@ -453,6 +465,9 @@ function ButtonComponent(props: ButtonComponentProps & RecaptchaProps) {
         iconAlign={props.iconAlign}
         iconName={props.iconName}
         loading={props.isLoading}
+        maxWidth={props.maxWidth}
+        minHeight={props.minHeight}
+        minWidth={props.minWidth}
         placement={props.placement}
         rightIcon={props.rightIcon}
         shouldFitContent={props.shouldFitContent}

app/client/src/widgets/ButtonWidget/widget/index.tsx

@@ -12,7 +12,7 @@ import {
 } from "components/constants";
 import type { ExecutionResult } from "constants/AppsmithActionConstants/ActionConstants";
 import { EventType } from "constants/AppsmithActionConstants/ActionConstants";
-import type { WidgetType } from "constants/WidgetConstants";
+import { WIDGET_PADDING, type WidgetType } from "constants/WidgetConstants";
 import { ValidationTypes } from "constants/WidgetValidation";
 import type { Stylesheet } from "entities/AppTheming";
 import React from "react";
@@ -464,6 +464,21 @@ class ButtonWidget extends BaseWidget<ButtonWidgetProps, ButtonWidgetState> {
         isDisabled={isDisabled}
         isLoading={this.props.isLoading || this.state.isLoading}
         key={this.props.widgetId}
+        maxWidth={
+          this.props.maxWidth
+            ? this.props.maxWidth - WIDGET_PADDING * 2
+            : undefined
+        }
+        minHeight={
+          this.props.minHeight
+            ? this.props.minHeight - WIDGET_PADDING * 2
+            : undefined
+        }
+        minWidth={
+          this.props.minWidth
+            ? this.props.minWidth - WIDGET_PADDING * 2
+            : undefined
+        }
         onClick={this.hasOnClickAction() ? this.onButtonClickBound : undefined}
         placement={this.props.placement}
         recaptchaType={this.props.recaptchaType}

app/client/src/widgets/FilePickerWidgetV2/component/index.tsx

@@ -27,6 +27,9 @@ function FilePickerComponent(props: FilePickerComponentProps) {
       buttonColor={props.buttonColor}
       disabled={props.isDisabled}
       loading={props.isLoading}
+      maxWidth={props.maxWidth}
+      minHeight={props.minHeight}
+      minWidth={props.minWidth}
       onClick={openModal}
       shouldFitContent={props.shouldFitContent}
       text={computedLabel}
@@ -42,6 +45,9 @@ export interface FilePickerComponentProps extends ComponentProps {
   borderRadius: string;
   boxShadow?: string;
   shouldFitContent: boolean;
+  maxWidth?: number;
+  minWidth?: number;
+  minHeight?: number;
 }
 
 FilePickerComponent.defaultProps = {

app/client/src/widgets/FilePickerWidgetV2/widget/index.tsx

@@ -10,7 +10,10 @@ import UpIcon from "assets/icons/ads/up-arrow.svg";
 import { EventType } from "constants/AppsmithActionConstants/ActionConstants";
 import { Colors } from "constants/Colors";
 import type { WidgetType } from "constants/WidgetConstants";
-import { FILE_SIZE_LIMIT_FOR_BLOBS } from "constants/WidgetConstants";
+import {
+  FILE_SIZE_LIMIT_FOR_BLOBS,
+  WIDGET_PADDING,
+} from "constants/WidgetConstants";
 import { ValidationTypes } from "constants/WidgetValidation";
 import type { Stylesheet } from "entities/AppTheming";
 import { EvaluationSubstitutionType } from "entities/DataTree/dataTreeFactory";
@@ -834,6 +837,21 @@ class FilePickerWidget extends BaseWidget<
           isLoading={this.props.isLoading || this.state.isLoading}
           key={this.props.widgetId}
           label={this.props.label}
+          maxWidth={
+            this.props.maxWidth
+              ? this.props.maxWidth - WIDGET_PADDING * 2
+              : undefined
+          }
+          minHeight={
+            this.props.minHeight
+              ? this.props.minHeight - WIDGET_PADDING * 2
+              : undefined
+          }
+          minWidth={
+            this.props.minWidth
+              ? this.props.minWidth - WIDGET_PADDING * 2
+              : undefined
+          }
           shouldFitContent={this.isAutoLayoutMode}
           uppy={this.state.uppy}
           widgetId={this.props.widgetId}

app/client/src/widgets/MenuButtonWidget/component/index.tsx

@@ -299,6 +299,9 @@ export interface PopoverTargetButtonProps {
   label?: string;
   placement?: ButtonPlacement;
   renderMode?: RenderMode;
+  maxWidth?: number;
+  minWidth?: number;
+  minHeight?: number;
 }
 
 function PopoverTargetButton(props: PopoverTargetButtonProps) {
@@ -311,6 +314,9 @@ function PopoverTargetButton(props: PopoverTargetButtonProps) {
     iconName,
     isDisabled,
     label,
+    maxWidth,
+    minHeight,
+    minWidth,
     placement,
     renderMode,
     shouldFitContent,
@@ -323,6 +329,9 @@ function PopoverTargetButton(props: PopoverTargetButtonProps) {
       buttonColor={buttonColor}
       buttonVariant={buttonVariant}
       disabled={isDisabled}
+      maxWidth={maxWidth}
+      minHeight={minHeight}
+      minWidth={minWidth}
       renderMode={renderMode}
       shouldFitContent={shouldFitContent}
     >
@@ -354,11 +363,14 @@ function MenuButtonComponent(props: MenuButtonComponentProps) {
     isCompact,
     isDisabled,
     label,
+    maxWidth,
     menuColor,
     menuDropDownWidth,
     menuItems,
     menuItemsSource,
     menuVariant,
+    minHeight,
+    minWidth,
     onItemClicked,
     placement,
     renderMode,
@@ -405,6 +417,9 @@ function MenuButtonComponent(props: MenuButtonComponentProps) {
           iconName={iconName}
           isDisabled={isDisabled}
           label={label}
+          maxWidth={maxWidth}
+          minHeight={minHeight}
+          minWidth={minWidth}
           placement={placement}
           renderMode={renderMode}
           shouldFitContent={shouldFitContent}

app/client/src/widgets/MenuButtonWidget/constants.ts

@@ -80,6 +80,9 @@ export interface MenuButtonComponentProps {
   menuItemsSource: MenuItemsSource;
   configureMenuItems: ConfigureMenuItems;
   sourceData?: Array<Record<string, unknown>>;
+  maxWidth?: number;
+  minWidth?: number;
+  minHeight?: number;
 }
 
 export interface PopoverContentProps {

app/client/src/widgets/MenuButtonWidget/widget/index.tsx

@@ -13,6 +13,7 @@ import contentConfig from "./propertyConfig/contentConfig";
 import styleConfig from "./propertyConfig/styleConfig";
 import { DefaultAutocompleteDefinitions } from "widgets/WidgetUtils";
 import type { AutocompletionDefinitions } from "widgets/constants";
+import { WIDGET_PADDING } from "constants/WidgetConstants";
 
 class MenuButtonWidget extends BaseWidget<MenuButtonWidgetProps, WidgetState> {
   static getPropertyPaneContentConfig() {
@@ -122,7 +123,22 @@ class MenuButtonWidget extends BaseWidget<MenuButtonWidgetProps, WidgetState> {
       <MenuButtonComponent
         {...this.props}
         getVisibleItems={this.getVisibleItems}
+        maxWidth={
+          this.props.maxWidth
+            ? this.props.maxWidth - WIDGET_PADDING * 2
+            : undefined
+        }
         menuDropDownWidth={menuDropDownWidth}
+        minHeight={
+          this.props.minHeight
+            ? this.props.minHeight - WIDGET_PADDING * 2
+            : undefined
+        }
+        minWidth={
+          this.props.minWidth
+            ? this.props.minWidth - WIDGET_PADDING * 2
+            : undefined
+        }
         onItemClicked={this.menuItemClickHandler}
         renderMode={this.props.renderMode}
         shouldFitContent={this.isAutoLayoutMode}