field added to rating

Author: MenaamAfzal

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

@@ -10,7 +10,7 @@ import { UICompBuilder, withDefault } from "../generators";
 import { CommonNameConfig, NameConfig, withExposingConfigs } from "../generators/withExposing";
 import { formDataChildren, FormDataPropertyView } from "./formComp/formDataConstants";
 import { styleControl } from "comps/controls/styleControl";
-import { LabelStyle, RatingStyle, RatingStyleType } from "comps/controls/styleControlConstants";
+import { ComponentStyle, LabelStyle, RatingStyle, RatingStyleType } from "comps/controls/styleControlConstants";
 import { migrateOldData } from "comps/generators/simpleGenerators";
 import { disabledPropertyView, hiddenPropertyView } from "comps/utils/propertyUtils";
 import { trans } from "i18n";
@@ -45,6 +45,7 @@ const RatingBasicComp = (function () {
     onEvent: eventHandlerControl(EventOptions),
     style: migrateOldData(styleControl(RatingStyle), fixOldData),
     labelStyle: styleControl(LabelStyle.filter((style) => ['accent', 'validate'].includes(style.name) === false)),
+    field:styleControl(ComponentStyle),
     ...formDataChildren,
   };
   return new UICompBuilder(childrenMap, (props) => {
@@ -66,6 +67,7 @@ const RatingBasicComp = (function () {
     return props.label({
       style: props.style,
       labelStyle: props.labelStyle,
+      field:props.field,
       children: (
         <RateStyled
           count={props.max}
@@ -119,6 +121,9 @@ const RatingBasicComp = (function () {
               <Section name={sectionNames.labelStyle}>
                 {children.labelStyle.getPropertyView()}
               </Section>
+              <Section name={sectionNames.field}>
+                {children.field.getPropertyView()}
+              </Section>
             </>
           )}
         </>