rotation fixed

Author: MenamAfzal

client/packages/lowcoder/src/comps/comps/carouselComp.tsx

@@ -47,7 +47,7 @@ let CarouselBasicComp = (function () {
     dotPosition: withDefault(PositionControl, "bottom"),
     style: styleControl(CarouselStyle),
     animationStyle: styleControl(AnimationStyle),
-
+    restrictPaddingOnRotation:withDefault(BoolControl, true),
     ...formDataChildren,
   };
   return new UICompBuilder(childrenMap, (props) => {

client/packages/lowcoder/src/comps/comps/fileViewerComp.tsx

@@ -6,13 +6,14 @@ import { DocumentViewer } from "react-documents";
 import styled, { css } from "styled-components";
 import { Section, sectionNames } from "lowcoder-design";
 import { StringControl } from "../controls/codeControl";
-import { UICompBuilder } from "../generators";
+import { UICompBuilder, withDefault } from "../generators";
 import { NameConfig, NameConfigHidden, withExposingConfigs } from "../generators/withExposing";
 import { hiddenPropertyView } from "comps/utils/propertyUtils";
 import { trans } from "i18n";
 
 import { useContext } from "react";
 import { EditorContext } from "comps/editorState";
+import { BoolControl } from "../controls/boolControl";
 
 const getStyle = (style: FileViewerStyleType) => {
   return css`
@@ -69,7 +70,8 @@ let FileViewerBasicComp = (function () {
   const childrenMap = {
     src: StringControl,
     style: styleControl(FileViewerStyle),
-    animationStyle:styleControl(AnimationStyle)
+    animationStyle: styleControl(AnimationStyle),
+    restrictPaddingOnRotation: withDefault(BoolControl, true),
   };
   return new UICompBuilder(childrenMap, (props) => {
     if (isEmpty(props.src)) {

client/packages/lowcoder/src/comps/comps/imageComp.tsx

@@ -169,6 +169,7 @@ const childrenMap = {
   animationStyle: styleControl(AnimationStyle),
   autoHeight: withDefault(AutoHeightControl, "fixed"),
   supportPreview: BoolControl,
+  restrictPaddingOnRotation:withDefault(BoolControl, true)
 };
 
 let ImageBasicComp = new UICompBuilder(childrenMap, (props) => {

client/packages/lowcoder/src/comps/comps/mediaComp/videoComp.tsx

@@ -120,6 +120,7 @@ const childrenMap = {
   playbackRate: RangeControl.closed(1, 2, 1),
   currentTimeStamp: numberExposingStateControl("currentTimeStamp", 0),
   duration: numberExposingStateControl("duration"),
+  restrictPaddingOnRotation:withDefault(BoolControl, true),
   ...mediaCommonChildren,
 };
 

client/packages/lowcoder/src/comps/comps/meetingComp/controlButton.tsx

@@ -39,6 +39,7 @@ import { useEffect, useRef, useState } from "react";
 import ReactResizeDetector from "react-resize-detector";
 
 import { useContext } from "react";
+import { BoolControl } from "@lowcoder-ee/index.sdk";
 
 const Container = styled.div<{ $style: any }>`
   height: 100%;
@@ -186,6 +187,7 @@ const childrenMap = {
   prefixIcon: IconControl,
   style: ButtonStyleControl,
   viewRef: RefControl<HTMLElement>,
+  restrictPaddingOnRotation:withDefault(BoolControl, true)
 };
 
 let ButtonTmpComp = (function () {

client/packages/lowcoder/src/comps/comps/qrCodeComp.tsx

@@ -14,6 +14,7 @@ import { StringControl } from "comps/controls/codeControl";
 
 import { useContext } from "react";
 import { EditorContext } from "comps/editorState";
+import { withDefault } from "../generators";
 
 // TODO: add styling for image (size)
 // TODO: add styling for bouding box (individual backround)
@@ -26,12 +27,13 @@ const levelOptions = [
 ] as const;
 
 const childrenMap = {
-  value: stringExposingStateControl("value"),
-  level: dropdownControl(levelOptions, "L"),
+  value: stringExposingStateControl('value'),
+  level: dropdownControl(levelOptions, 'L'),
   includeMargin: BoolControl.DEFAULT_TRUE,
   image: StringControl,
   style: styleControl(QRCodeStyle),
   animationStyle: styleControl(AnimationStyle),
+  restrictPaddingOnRotation: withDefault(BoolControl, true),
 };
 
 const QRCodeView = (props: RecordConstructorToView<typeof childrenMap>) => {

client/packages/lowcoder/src/comps/generators/uiCompBuilder.tsx

@@ -248,6 +248,7 @@ function UIView(props: {
 
   let defaultChildren = comp.children;
   const isNotContainer = defaultChildren.hasOwnProperty('style');
+  const restrictPaddingOnRotation = defaultChildren.hasOwnProperty('restrictPaddingOnRotation');
   let rotationVal = null
   let boxShadowVal = null;
   if (isNotContainer) {
@@ -265,7 +266,7 @@ function UIView(props: {
         margin: '0px',
         // padding:'0px',
         padding: (
-          rotationVal === null || rotationVal === undefined
+          rotationVal === null || rotationVal === undefined || restrictPaddingOnRotation
           ? '0px'
           : (
             boxShadowVal === null || boxShadowVal === undefined