fixed antd warnings

raheeliftikhar5 · raheeliftikhar5 · commit be395384e5a9 · 2025-05-29T16:38:41.000+05:00
diff --git a/client/packages/lowcoder-design/src/components/colorSelect/index.tsx b/client/packages/lowcoder-design/src/components/colorSelect/index.tsx
@@ -60,7 +60,7 @@ export const ColorSelect = (props: ColorSelectProps) => {
     <Popover
       trigger={trigger}
       placement="left"
-      destroyTooltipOnHide={true}
+      destroyOnHidden={true}
       onOpenChange={(value) => {
         setVisible(value);
       }}
diff --git a/client/packages/lowcoder-design/src/components/iconSelect/index.tsx b/client/packages/lowcoder-design/src/components/iconSelect/index.tsx
@@ -292,7 +292,7 @@ const IconPopup = (props: {
               placement="bottom"
               align={{ offset: [0, -7, 0, 0] }}
               getPopupContainer={(node: any) => node.parentNode}
-              destroyTooltipOnHide
+              destroyOnHidden
             >
               <IconItemContainer
                 tabIndex={0}
@@ -374,7 +374,7 @@ export const IconSelectBase = (props: {
         }
       }}
       // when dragging is allowed, always re-location to avoid the popover exceeds the screen
-      destroyTooltipOnHide
+      destroyOnHidden
       content={
         <IconPopup
           onChange={props.onChange}
diff --git a/client/packages/lowcoder-design/src/components/shapeSelect/index.tsx b/client/packages/lowcoder-design/src/components/shapeSelect/index.tsx
@@ -453,7 +453,7 @@ export const ShapeSelectBase = (props: {
         }
       }}
       // when dragging is allowed, always re-location to avoid the popover exceeds the screen
-      destroyTooltipOnHide
+      destroyOnHidden
       content={
         <IconPopup
           onChange={props.onChange}
diff --git a/client/packages/lowcoder/src/api/enterpriseApi.ts b/client/packages/lowcoder/src/api/enterpriseApi.ts
@@ -102,7 +102,7 @@ export const getBranding = async (orgId: string = '') => {
   }
   return {
     ...data,
-    config_set: JSON.parse(data.config_set),
+    config_set: data?.config_set ? JSON.parse(data.config_set) : {},
   };
 };
 
diff --git a/client/packages/lowcoder/src/components/ErrorFallback.tsx b/client/packages/lowcoder/src/components/ErrorFallback.tsx
@@ -56,7 +56,7 @@ const ErrorFallback = (props: {
   return (
 
     <StyledFlex align="center" justify="center" vertical>
-      {Boolean(errorImage) && false
+      {Boolean(errorImage)
         ? <StyledErrorImage src={errorImage} />
         : <StyledErrorIcon />
       }
diff --git a/client/packages/lowcoder/src/components/PermissionDialog/Permission.tsx b/client/packages/lowcoder/src/components/PermissionDialog/Permission.tsx
@@ -365,8 +365,10 @@ const PermissionSelector = (props: {
           })}
         </AddPermissionsSelect>
         <AddRoleSelect
-          dropdownStyle={{
-            width: "fit-content",
+          styles={{
+            popup: {
+              root: { width: "fit-content" }
+            }
           }}
           $isVisible={roleSelectVisible}
           variant="borderless"
diff --git a/client/packages/lowcoder/src/components/PermissionDialog/PermissionList.tsx b/client/packages/lowcoder/src/components/PermissionDialog/PermissionList.tsx
@@ -115,8 +115,10 @@ function PermissionLiItem(props: {
       ) : (
         <StyledRoleSelect
           style={{ marginRight: "4px" }}
-          dropdownStyle={{
-            width: "100px",
+          styles={{
+            popup: {
+              root: { width: "100px" }
+            },
           }}
           defaultValue={permissionItem.role}
           variant="borderless"
diff --git a/client/packages/lowcoder/src/comps/comps/selectInputComp/selectCompConstants.tsx b/client/packages/lowcoder/src/comps/comps/selectInputComp/selectCompConstants.tsx
@@ -276,8 +276,10 @@ export const SelectUIView = (
         {originNode}
       </DropdownStyled>
     )}
-    dropdownStyle={{
-      padding: 0,
+    styles={{
+      popup: {
+        root: { padding: 0 },
+      }
     }}
     menuItemSelectedIcon={props.mode ? <MultiselectTagIcon title="" /> : ""}
     onChange={props.onChange}
diff --git a/client/packages/lowcoder/src/comps/controls/dropdownControl.tsx b/client/packages/lowcoder/src/comps/controls/dropdownControl.tsx
@@ -67,7 +67,11 @@ function DropdownPropertyView<T extends OptionsType>(props: DropdownPropertyView
       showSearch={params.showSearch}
       onChange={onChange}
       disabled={params.disabled}
-      dropdownStyle={props.dropdownStyle}
+      styles={{
+        popup: {
+          root: props.dropdownStyle
+        }
+      }}
       labelStyle={props.labelStyle}
     />
   );
diff --git a/client/packages/lowcoder/src/comps/controls/iconscoutControl.tsx b/client/packages/lowcoder/src/comps/controls/iconscoutControl.tsx
@@ -387,7 +387,7 @@ export const IconPicker = (props: {
           background: "transparent",
         }
       }}
-      destroyTooltipOnHide
+      destroyOnHidden
       content={
         <Draggable handle=".dragHandle" nodeRef={draggableRef}>
           <PopupContainer ref={draggableRef}>
diff --git a/client/packages/lowcoder/src/comps/controls/tourStepControl.tsx b/client/packages/lowcoder/src/comps/controls/tourStepControl.tsx
@@ -310,7 +310,11 @@ function EditorStateDropdownPropertyView<T extends OptionsType>(props: DropdownP
       showSearch={true}
       onChange={onChange}
       disabled={params.disabled}
-      dropdownStyle={props.dropdownStyle}
+      styles={{
+        popup: {
+          root: props.dropdownStyle
+        }
+      }}
       labelStyle={props.labelStyle}
     />
   );
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/CreateEnvironmentModal.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/CreateEnvironmentModal.tsx
@@ -70,7 +70,7 @@ const CreateEnvironmentModal: React.FC<CreateEnvironmentModalProps> = ({
       open={visible}
       onCancel={handleCancel}
       maskClosable={true}
-      destroyOnClose={true}
+      destroyOnHidden={true}
       footer={[
         <Button key="back" onClick={handleCancel}>
           Cancel
diff --git a/client/packages/lowcoder/src/pages/setting/hubspotModal.tsx b/client/packages/lowcoder/src/pages/setting/hubspotModal.tsx
@@ -83,7 +83,7 @@ export function HubspotModal({ open, onClose, orgId, deploymentIds }: Props) {
       onCancel={onClose}
       footer={null}
       width={720}
-      destroyOnClose
+      destroyOnHidden
     >
       <Space direction="vertical" size="large" style={{ width: "100%" }}>
         {/* Info Header Card */}

Original file line number	Diff line number	Diff line change
`@@ -453,7 +453,7 @@ export const ShapeSelectBase = (props: {`
`453`	`453`	`}`
`454`	`454`	`}}`
`455`	`455`	`// when dragging is allowed, always re-location to avoid the popover exceeds the screen`
`456`		`- destroyTooltipOnHide`
	`456`	`+ destroyOnHidden`
`457`	`457`	`content={`
`458`	`458`	`<IconPopup`
`459`	`459`	`onChange={props.onChange}`
Original file line number	Diff line number	Diff line change
`@@ -102,7 +102,7 @@ export const getBranding = async (orgId: string = '') => {`
`102`	`102`	`}`
`103`	`103`	`return {`
`104`	`104`	`...data,`
`105`		`- config_set: JSON.parse(data.config_set),`
	`105`	`+ config_set: data?.config_set ? JSON.parse(data.config_set) : {},`
`106`	`106`	`};`
`107`	`107`	`};`
`108`	`108`
Original file line number	Diff line number	Diff line change
`@@ -56,7 +56,7 @@ const ErrorFallback = (props: {`
`56`	`56`	`return (`
`57`	`57`
`58`	`58`	`<StyledFlex align="center" justify="center" vertical>`
`59`		`- {Boolean(errorImage) && false`
	`59`	`+ {Boolean(errorImage)`
`60`	`60`	`? <StyledErrorImage src={errorImage} />`
`61`	`61`	`: <StyledErrorIcon />`
`62`	`62`	`}`
Original file line number	Diff line number	Diff line change
`@@ -387,7 +387,7 @@ export const IconPicker = (props: {`
`387`	`387`	`background: "transparent",`
`388`	`388`	`}`
`389`	`389`	`}}`
`390`		`- destroyTooltipOnHide`
	`390`	`+ destroyOnHidden`
`391`	`391`	`content={`
`392`	`392`	`<Draggable handle=".dragHandle" nodeRef={draggableRef}>`
`393`	`393`	`<PopupContainer ref={draggableRef}>`
Original file line number	Diff line number	Diff line change
`@@ -83,7 +83,7 @@ export function HubspotModal({ open, onClose, orgId, deploymentIds }: Props) {`
`83`	`83`	`onCancel={onClose}`
`84`	`84`	`footer={null}`
`85`	`85`	`width={720}`
`86`		`- destroyOnClose`
	`86`	`+ destroyOnHidden`
`87`	`87`	`>`
`88`	`88`	`<Space direction="vertical" size="large" style={{ width: "100%" }}>`
`89`	`89`	`{/* Info Header Card */}`