@wavemaker/app-rn-runtime 11.11.5-rc.6185 → 11.11.6-rc.216

package/components/basic/label/label.component.js

@@ -163,6 +163,20 @@ export default class WmLabel extends BaseComponent {
       });
     }
   }
+  shouldUseAndroidEllipsis(props) {
+    return Platform.OS === 'android' && props.enableandroidellipsis !== false;
+  }
+
+  // Helper to get the proper number of lines
+  getNumberOfLines(props) {
+    let numOfLines = undefined;
+    if (props.wrap === false) {
+      numOfLines = 1;
+    } else if (typeof props.nooflines === 'number' && props.nooflines > 0) {
+      numOfLines = props.nooflines;
+    }
+    return numOfLines;
+  }
   renderLabelTextContent(navigationService, isHidden = false, hasLinearGradient = false) {
     var _this$styles, _this$state$parts, _this$state$parts2;
     //gradient text support for web
@@ -172,6 +186,8 @@ export default class WmLabel extends BaseComponent {
       backgroundClip: 'text'
     };
     const showWebTextGradient = hasLinearGradient && Platform.OS === 'web';
+    const numOfLines = this.getNumberOfLines(this.state.props);
+    const useAndroidEllipsis = this.shouldUseAndroidEllipsis(this.state.props);
 
     // Shared styles
     const baseStyle = this.styles.text;
@@ -182,6 +198,21 @@ export default class WmLabel extends BaseComponent {
 
     // Determine if it's a single part
     const isSinglePart = this.state.parts.length <= 1;
+    if (useAndroidEllipsis) {
+      const androidEllipsisTextStyle = {
+        ...baseStyle,
+        ...hiddenStyle,
+        ...gradientStyle,
+        userSelect: 'none',
+        width: '100%',
+        textAlign: baseStyle.textAlign
+      };
+      return /*#__PURE__*/React.createElement(Text, _extends({
+        style: androidEllipsisTextStyle,
+        numberOfLines: numOfLines,
+        ellipsizeMode: "tail"
+      }, this.state.parts.length <= 1 ? this.getTestPropsForLabel('caption') : {}, getAccessibilityProps(AccessibilityWidgetType.LABEL, this.state.props)), this.state.parts.length === 1 ? toString(this.state.props.caption) : this.state.parts.map(part => toString(part.text)).join(''), this.state.props.required && this.getAsterisk());
+    }
 
     // Compose final style
     const combinedTextStyle = isSinglePart ? {
@@ -197,7 +228,7 @@ export default class WmLabel extends BaseComponent {
     return /*#__PURE__*/React.createElement(Text, _extends({
       style: combinedTextStyle
     }, this.state.parts.length <= 1 ? this.getTestPropsForLabel('caption') : {}, getAccessibilityProps(AccessibilityWidgetType.LABEL, this.state.props), {
-      numberOfLines: this.state.props.nooflines,
+      numberOfLines: numOfLines,
       ellipsizeMode: "tail"
     }), ((_this$state$parts = this.state.parts) === null || _this$state$parts === void 0 ? void 0 : _this$state$parts.length) === 1 && !this.state.parts[0].link && !this.state.parts[0].bold ? toString(this.state.props.caption) : (_this$state$parts2 = this.state.parts) === null || _this$state$parts2 === void 0 ? void 0 : _this$state$parts2.map((part, index) => {
       const isLink = !isNil(part.link);

package/components/basic/label/label.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","Platform","BaseComponent","BaseComponentState","Tappable","NavigationServiceConsumer","AccessibilityWidgetType","getAccessibilityProps","WmLabelProps","DEFAULT_CLASS","isNil","toString","Animatedview","createSkeleton","LinearGradient","MaskedView","parseLinearGradient","WmLabelState","constructor","args","_defineProperty","WmLabel","props","updateState","parts","parseCaption","caption","getAsterisk","createElement","style","styles","asterisk","onPropertyChange","name","$new","$old","String","getMultilineSkeleton","width","height","borderRadius","marginBottom","theme","skeleton","replace","lastIndex","match","pattern","exec","index","push","text","substring","undefined","boldContent","linkPattern","linkMatch","beforeLink","bold","link","afterLink","length","renderSkeleton","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","root","skeletonheight","_this$styles$root2","fontSize","multilineskeleton","renderLabelTextContent","navigationService","isHidden","hasLinearGradient","_this$styles","_this$state$parts","_this$state$parts2","gradientTextWebStyle","backgroundImage","color","backgroundClip","showWebTextGradient","OS","baseStyle","hiddenStyle","opacity","gradientStyle","isSinglePart","state","combinedTextStyle","flexWrap","textAlign","_extends","getTestPropsForLabel","LABEL","numberOfLines","nooflines","ellipsizeMode","map","part","isLink","key","fontWeight","isValid","selectable","userSelect","onPress","startsWith","openUrl","eventName","invokeEventCallback","proxy","required","renderWidget","_this$styles2","linkStyles","mergeStyle","start","end","gradientColors","colorStops","entryanimation","animation","delay","animationdelay","onLayout","event","handleLayout","_background","target","disableTouchEffect","disabletoucheffect","maskElement","colors","locations"],"sources":["label.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, LayoutChangeEvent, Text, View,Platform } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmLabelProps from './label.props';\nimport { DEFAULT_CLASS, WmLabelStyles } from './label.styles';\nimport { isNil, toString } from 'lodash-es';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\nimport { LinearGradient } from 'expo-linear-gradient';\nimport MaskedView from '@react-native-masked-view/masked-view';\nimport { parseLinearGradient } from '@wavemaker/app-rn-runtime/core/utils';\n\n\ntype PartType = {\n  text?: string,\n  link?: string,\n  bold?: boolean;\n};\n\nexport class WmLabelState extends BaseComponentState<WmLabelProps> {\n  parts: PartType[] = []\n}\n\nexport default class WmLabel extends BaseComponent<WmLabelProps, WmLabelState, WmLabelStyles> {\n\n  constructor(props: WmLabelProps) {\n    super(props, DEFAULT_CLASS, new WmLabelProps(), new WmLabelState());\n    this.updateState({\n      parts: this.parseCaption(props.caption || '')\n    } as WmLabelState);\n  }\n\n  private getAsterisk() {\n    return <Text style={this.styles.asterisk}>*</Text>;\n  }\n\n  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n\n    switch (name) {\n      case \"caption\":\n        this.updateState({\n          parts: this.parseCaption(String($new))\n        } as WmLabelState);\n        break;\n    }\n  }\n  private getMultilineSkeleton(width: any, height: any) {\n    const styles = {\n      borderRadius: 4,\n      marginBottom: 10,\n      height: height\n    };\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...styles,\n      width: width,\n      height: height\n    });\n  }\n\n  parseCaption(caption: string) {\n    if (!caption) {\n      return [];\n    }\n    caption += '';\n    caption = caption.replace(/\\s*\\(\\s*\\$event,\\s*\\$widget\\s*\\)\\s*/, '');\n    caption = caption.replace(/\\(\\s*\\)/, '(#/__EMPTY__)');\n  \n    let parts: PartType[] = [];\n    let lastIndex = 0;\n    let match;\n  \n    // Updated pattern to handle asterisks properly - using lazy matching and proper boundaries\n    const pattern = /\\*\\*(.*?)\\*\\*|\\[([^\\]]+)\\]\\(([^)]*)\\)/g;\n  \n    while ((match = pattern.exec(caption)) !== null) {\n      // Add any text before the match\n      if (match.index > lastIndex) {\n        parts.push({ text: caption.substring(lastIndex, match.index) });\n      }\n  \n      if (match[1] !== undefined) {\n        // This is a bold section (first capture group)\n        const boldContent = match[1];\n        \n        // Check if the bold content contains a link\n        const linkPattern = /\\[([^\\]]+)\\]\\(([^)]*)\\)/;\n        const linkMatch = boldContent.match(linkPattern);\n        \n        if (linkMatch) {\n          // If there's text before the link\n          const beforeLink = boldContent.substring(0, linkMatch.index);\n          if (beforeLink) {\n            parts.push({ text: beforeLink, bold: true });\n          }\n          \n          // Add the link part\n          parts.push({ text: linkMatch[1], link: linkMatch[2], bold: true });\n          \n          // If there's text after the link\n          if(linkMatch.index !== undefined) {\n            const afterLink = boldContent.substring(linkMatch.index + linkMatch[0].length);\n            if (afterLink) {\n              parts.push({ text: afterLink, bold: true });\n            }  \n          }\n        } else {\n          // If no link, just add the entire content as bold\n          parts.push({ text: boldContent, bold: true });\n        }\n      } else if (match[2] !== undefined && match[3] !== undefined) {\n        // This is a standalone link (second and third capture groups)\n        parts.push({ text: match[2], link: match[3] });\n      }\n  \n      lastIndex = pattern.lastIndex;\n    }\n  \n    // Add any remaining text after the last match\n    if (lastIndex < caption.length) {\n      parts.push({ text: caption.substring(lastIndex) });\n    }\n  \n    return parts;\n  }\n\n  public renderSkeleton(props: WmLabelProps) {\n\n    let skeletonWidth, skeletonHeight;\n    if (this.props.skeletonwidth == \"0\") {\n      skeletonWidth = 0\n    } else {\n      skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n    }\n\n    if (this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    } else {\n      skeletonHeight = this.props.skeletonheight || this.styles.root?.height || this.styles.text.fontSize;\n    }\n\n    if (this.props.multilineskeleton) {\n      return (<View style={{\n        width: skeletonWidth as DimensionValue\n      }}>\n        {this.getMultilineSkeleton('100%', skeletonHeight)}\n        {this.getMultilineSkeleton('70%', skeletonHeight)}\n        {this.getMultilineSkeleton('40%', skeletonHeight)}\n      </View>)\n    }\n    else {\n      return createSkeleton(this.theme, this.styles.skeleton, {\n        ...this.styles.root,\n        width: skeletonWidth as DimensionValue,\n        height: skeletonHeight as DimensionValue\n      });\n    }\n  }\n\n  private renderLabelTextContent(navigationService: NavigationService, isHidden: boolean = false, hasLinearGradient: boolean = false) {\n    //gradient text support for web\n    const gradientTextWebStyle = {\n      backgroundImage: (this.styles?.text.color as string),\n      color: 'transparent',\n      backgroundClip: 'text',\n    }\n    const showWebTextGradient = (hasLinearGradient && Platform.OS === 'web');\n\n    // Shared styles\n    const baseStyle = this.styles.text;\n    const hiddenStyle = isHidden ? { opacity: 0 } : {};\n    const gradientStyle = showWebTextGradient ? gradientTextWebStyle : {};\n\n    // Determine if it's a single part\n    const isSinglePart = this.state.parts.length <= 1;\n\n    // Compose final style\n    const combinedTextStyle = isSinglePart\n      ? { ...baseStyle, ...hiddenStyle, ...gradientStyle }\n      : {\n          flexWrap: 'wrap',\n          textAlign: baseStyle.textAlign,\n          ...hiddenStyle,\n          ...gradientStyle,\n        };\n\n\n\n    return (\n      <Text style={combinedTextStyle}\n        {...this.state.parts.length <= 1 ? this.getTestPropsForLabel('caption') : {}}\n        {...getAccessibilityProps(AccessibilityWidgetType.LABEL, this.state.props)}\n        numberOfLines={this.state.props.nooflines} ellipsizeMode=\"tail\">\n        {(this.state.parts?.length === 1 && !this.state.parts[0].link && !this.state.parts[0].bold) ? toString(this.state.props.caption) : this.state.parts?.map((part, index) => {\n          const isLink = !isNil(part.link);\n          return (\n            <Text\n              key={`part_${index}`}\n              style={[\n                this.styles.text,\n                isLink ? this.styles.link.text : null,\n                part.bold ? { fontWeight: 'bold'} : null, \n                this.state.props.isValid ? null : { color: 'red' }\n              ]}\n              {...this.getTestPropsForLabel(isLink ? `link_${index}` : `caption_${index}`)}\n              selectable={this.styles.text.userSelect === 'text'}\n              onPress={() => {\n                if (part.link) {\n                  if (part.link.startsWith('http:')\n                    || part.link.startsWith('https:')\n                    || part.link.startsWith('#')) {\n                    navigationService.openUrl(part.link, '_blank');\n                  } else if (part.link.startsWith('javascript:')) {\n                    const eventName = part.link.substring(11);\n                    this.invokeEventCallback(eventName, [null, this.proxy]);\n                  }\n                }\n                this.invokeEventCallback('onTap', [null, this.proxy]);\n              }}\n            // {...getAccessibilityProps(AccessibilityWidgetType.LABEL, props)}\n            >\n              {toString(part.text)}\n            </Text>\n          );\n        })}\n        {this.state.props.required && this.getAsterisk()}\n      </Text>\n    )\n\n  }\n  renderWidget(props: WmLabelProps) {\n    const linkStyles = this.theme.mergeStyle({ text: this.styles.text }, this.styles.link);\n    const { hasLinearGradient, start, end, gradientColors,colorStops } = parseLinearGradient((this.styles?.text.color) as string);\n    \n    \n\n\n    return !isNil(props.caption) ? (\n      <Animatedview\n        entryanimation={props.animation}\n        delay={props.animationdelay}\n        style={this.styles.root}\n        onLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n      >\n        {this._background}\n        <NavigationServiceConsumer>\n          {(navigationService: NavigationService) => {\n            return (<Tappable target={this} disableTouchEffect={this.state.props.disabletoucheffect} >\n              {hasLinearGradient ? <MaskedView\n                maskElement={this.renderLabelTextContent(navigationService, false, hasLinearGradient)}\n              >\n                <LinearGradient colors={gradientColors} start={start} end={end}  locations={colorStops.length > 0 ? colorStops : undefined}>\n                  {this.renderLabelTextContent(navigationService, true)}\n                </LinearGradient>\n              </MaskedView> : this.renderLabelTextContent(navigationService)}\n            </Tappable>)\n          }}\n        </NavigationServiceConsumer>\n      </Animatedview>\n    ) : null;\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA4CC,IAAI,EAAEC,IAAI,EAACC,QAAQ,QAAQ,cAAc;AACrF,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAA4BC,yBAAyB,QAAQ,mDAAmD;AAChH,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAE7G,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAC7D,SAASC,KAAK,EAAEC,QAAQ,QAAQ,WAAW;AAC3C,SAASC,YAAY,QAAQ,mEAAmE;AAChG,SAAqBC,cAAc,QAAQ,gCAAgC;AAC3E,SAASC,cAAc,QAAQ,sBAAsB;AACrD,OAAOC,UAAU,MAAM,uCAAuC;AAC9D,SAASC,mBAAmB,QAAQ,sCAAsC;AAS1E,OAAO,MAAMC,YAAY,SAASd,kBAAkB,CAAe;EAAAe,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,gBAC7C,EAAE;EAAA;AACxB;AAEA,eAAe,MAAMC,OAAO,SAASnB,aAAa,CAA4C;EAE5FgB,WAAWA,CAACI,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEb,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,EAAE,IAAIS,YAAY,CAAC,CAAC,CAAC;IACnE,IAAI,CAACM,WAAW,CAAC;MACfC,KAAK,EAAE,IAAI,CAACC,YAAY,CAACH,KAAK,CAACI,OAAO,IAAI,EAAE;IAC9C,CAAiB,CAAC;EACpB;EAEQC,WAAWA,CAAA,EAAG;IACpB,oBAAO7B,KAAA,CAAA8B,aAAA,CAAC7B,IAAI;MAAC8B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAS,GAAC,GAAO,CAAC;EACpD;EAEOC,gBAAgBA,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAQ;IAChE,KAAK,CAACH,gBAAgB,CAACC,IAAI,EAAEC,IAAI,EAAEC,IAAI,CAAC;IAExC,QAAQF,IAAI;MACV,KAAK,SAAS;QACZ,IAAI,CAACV,WAAW,CAAC;UACfC,KAAK,EAAE,IAAI,CAACC,YAAY,CAACW,MAAM,CAACF,IAAI,CAAC;QACvC,CAAiB,CAAC;QAClB;IACJ;EACF;EACQG,oBAAoBA,CAACC,KAAU,EAAEC,MAAW,EAAE;IACpD,MAAMT,MAAM,GAAG;MACbU,YAAY,EAAE,CAAC;MACfC,YAAY,EAAE,EAAE;MAChBF,MAAM,EAAEA;IACV,CAAC;IACD,OAAO1B,cAAc,CAAC,IAAI,CAAC6B,KAAK,EAAE,IAAI,CAACZ,MAAM,CAACa,QAAQ,EAAE;MACtD,GAAGb,MAAM;MACTQ,KAAK,EAAEA,KAAK;MACZC,MAAM,EAAEA;IACV,CAAC,CAAC;EACJ;EAEAd,YAAYA,CAACC,OAAe,EAAE;IAC5B,IAAI,CAACA,OAAO,EAAE;MACZ,OAAO,EAAE;IACX;IACAA,OAAO,IAAI,EAAE;IACbA,OAAO,GAAGA,OAAO,CAACkB,OAAO,CAAC,qCAAqC,EAAE,EAAE,CAAC;IACpElB,OAAO,GAAGA,OAAO,CAACkB,OAAO,CAAC,SAAS,EAAE,eAAe,CAAC;IAErD,IAAIpB,KAAiB,GAAG,EAAE;IAC1B,IAAIqB,SAAS,GAAG,CAAC;IACjB,IAAIC,KAAK;;IAET;IACA,MAAMC,OAAO,GAAG,wCAAwC;IAExD,OAAO,CAACD,KAAK,GAAGC,OAAO,CAACC,IAAI,CAACtB,OAAO,CAAC,MAAM,IAAI,EAAE;MAC/C;MACA,IAAIoB,KAAK,CAACG,KAAK,GAAGJ,SAAS,EAAE;QAC3BrB,KAAK,CAAC0B,IAAI,CAAC;UAAEC,IAAI,EAAEzB,OAAO,CAAC0B,SAAS,CAACP,SAAS,EAAEC,KAAK,CAACG,KAAK;QAAE,CAAC,CAAC;MACjE;MAEA,IAAIH,KAAK,CAAC,CAAC,CAAC,KAAKO,SAAS,EAAE;QAC1B;QACA,MAAMC,WAAW,GAAGR,KAAK,CAAC,CAAC,CAAC;;QAE5B;QACA,MAAMS,WAAW,GAAG,yBAAyB;QAC7C,MAAMC,SAAS,GAAGF,WAAW,CAACR,KAAK,CAACS,WAAW,CAAC;QAEhD,IAAIC,SAAS,EAAE;UACb;UACA,MAAMC,UAAU,GAAGH,WAAW,CAACF,SAAS,CAAC,CAAC,EAAEI,SAAS,CAACP,KAAK,CAAC;UAC5D,IAAIQ,UAAU,EAAE;YACdjC,KAAK,CAAC0B,IAAI,CAAC;cAAEC,IAAI,EAAEM,UAAU;cAAEC,IAAI,EAAE;YAAK,CAAC,CAAC;UAC9C;;UAEA;UACAlC,KAAK,CAAC0B,IAAI,CAAC;YAAEC,IAAI,EAAEK,SAAS,CAAC,CAAC,CAAC;YAAEG,IAAI,EAAEH,SAAS,CAAC,CAAC,CAAC;YAAEE,IAAI,EAAE;UAAK,CAAC,CAAC;;UAElE;UACA,IAAGF,SAAS,CAACP,KAAK,KAAKI,SAAS,EAAE;YAChC,MAAMO,SAAS,GAAGN,WAAW,CAACF,SAAS,CAACI,SAAS,CAACP,KAAK,GAAGO,SAAS,CAAC,CAAC,CAAC,CAACK,MAAM,CAAC;YAC9E,IAAID,SAAS,EAAE;cACbpC,KAAK,CAAC0B,IAAI,CAAC;gBAAEC,IAAI,EAAES,SAAS;gBAAEF,IAAI,EAAE;cAAK,CAAC,CAAC;YAC7C;UACF;QACF,CAAC,MAAM;UACL;UACAlC,KAAK,CAAC0B,IAAI,CAAC;YAAEC,IAAI,EAAEG,WAAW;YAAEI,IAAI,EAAE;UAAK,CAAC,CAAC;QAC/C;MACF,CAAC,MAAM,IAAIZ,KAAK,CAAC,CAAC,CAAC,KAAKO,SAAS,IAAIP,KAAK,CAAC,CAAC,CAAC,KAAKO,SAAS,EAAE;QAC3D;QACA7B,KAAK,CAAC0B,IAAI,CAAC;UAAEC,IAAI,EAAEL,KAAK,CAAC,CAAC,CAAC;UAAEa,IAAI,EAAEb,KAAK,CAAC,CAAC;QAAE,CAAC,CAAC;MAChD;MAEAD,SAAS,GAAGE,OAAO,CAACF,SAAS;IAC/B;;IAEA;IACA,IAAIA,SAAS,GAAGnB,OAAO,CAACmC,MAAM,EAAE;MAC9BrC,KAAK,CAAC0B,IAAI,CAAC;QAAEC,IAAI,EAAEzB,OAAO,CAAC0B,SAAS,CAACP,SAAS;MAAE,CAAC,CAAC;IACpD;IAEA,OAAOrB,KAAK;EACd;EAEOsC,cAAcA,CAACxC,KAAmB,EAAE;IAEzC,IAAIyC,aAAa,EAAEC,cAAc;IACjC,IAAI,IAAI,CAAC1C,KAAK,CAAC2C,aAAa,IAAI,GAAG,EAAE;MACnCF,aAAa,GAAG,CAAC;IACnB,CAAC,MAAM;MAAA,IAAAG,iBAAA;MACLH,aAAa,GAAG,IAAI,CAACzC,KAAK,CAAC2C,aAAa,MAAAC,iBAAA,GAAI,IAAI,CAACpC,MAAM,CAACqC,IAAI,cAAAD,iBAAA,uBAAhBA,iBAAA,CAAkB5B,KAAK;IACrE;IAEA,IAAI,IAAI,CAAChB,KAAK,CAAC8C,cAAc,IAAI,GAAG,EAAE;MACpCJ,cAAc,GAAG,CAAC;IACpB,CAAC,MAAM;MAAA,IAAAK,kBAAA;MACLL,cAAc,GAAG,IAAI,CAAC1C,KAAK,CAAC8C,cAAc,MAAAC,kBAAA,GAAI,IAAI,CAACvC,MAAM,CAACqC,IAAI,cAAAE,kBAAA,uBAAhBA,kBAAA,CAAkB9B,MAAM,KAAI,IAAI,CAACT,MAAM,CAACqB,IAAI,CAACmB,QAAQ;IACrG;IAEA,IAAI,IAAI,CAAChD,KAAK,CAACiD,iBAAiB,EAAE;MAChC,oBAAQzE,KAAA,CAAA8B,aAAA,CAAC5B,IAAI;QAAC6B,KAAK,EAAE;UACnBS,KAAK,EAAEyB;QACT;MAAE,GACC,IAAI,CAAC1B,oBAAoB,CAAC,MAAM,EAAE2B,cAAc,CAAC,EACjD,IAAI,CAAC3B,oBAAoB,CAAC,KAAK,EAAE2B,cAAc,CAAC,EAChD,IAAI,CAAC3B,oBAAoB,CAAC,KAAK,EAAE2B,cAAc,CAC5C,CAAC;IACT,CAAC,MACI;MACH,OAAOnD,cAAc,CAAC,IAAI,CAAC6B,KAAK,EAAE,IAAI,CAACZ,MAAM,CAACa,QAAQ,EAAE;QACtD,GAAG,IAAI,CAACb,MAAM,CAACqC,IAAI;QACnB7B,KAAK,EAAEyB,aAA+B;QACtCxB,MAAM,EAAEyB;MACV,CAAC,CAAC;IACJ;EACF;EAEQQ,sBAAsBA,CAACC,iBAAoC,EAAEC,QAAiB,GAAG,KAAK,EAAEC,iBAA0B,GAAG,KAAK,EAAE;IAAA,IAAAC,YAAA,EAAAC,iBAAA,EAAAC,kBAAA;IAClI;IACA,MAAMC,oBAAoB,GAAG;MAC3BC,eAAe,GAAAJ,YAAA,GAAG,IAAI,CAAC9C,MAAM,cAAA8C,YAAA,uBAAXA,YAAA,CAAazB,IAAI,CAAC8B,KAAgB;MACpDA,KAAK,EAAE,aAAa;MACpBC,cAAc,EAAE;IAClB,CAAC;IACD,MAAMC,mBAAmB,GAAIR,iBAAiB,IAAI1E,QAAQ,CAACmF,EAAE,KAAK,KAAM;;IAExE;IACA,MAAMC,SAAS,GAAG,IAAI,CAACvD,MAAM,CAACqB,IAAI;IAClC,MAAMmC,WAAW,GAAGZ,QAAQ,GAAG;MAAEa,OAAO,EAAE;IAAE,CAAC,GAAG,CAAC,CAAC;IAClD,MAAMC,aAAa,GAAGL,mBAAmB,GAAGJ,oBAAoB,GAAG,CAAC,CAAC;;IAErE;IACA,MAAMU,YAAY,GAAG,IAAI,CAACC,KAAK,CAAClE,KAAK,CAACqC,MAAM,IAAI,CAAC;;IAEjD;IACA,MAAM8B,iBAAiB,GAAGF,YAAY,GAClC;MAAE,GAAGJ,SAAS;MAAE,GAAGC,WAAW;MAAE,GAAGE;IAAc,CAAC,GAClD;MACEI,QAAQ,EAAE,MAAM;MAChBC,SAAS,EAAER,SAAS,CAACQ,SAAS;MAC9B,GAAGP,WAAW;MACd,GAAGE;IACL,CAAC;IAIL,oBACE1F,KAAA,CAAA8B,aAAA,CAAC7B,IAAI,EAAA+F,QAAA;MAACjE,KAAK,EAAE8D;IAAkB,GACzB,IAAI,CAACD,KAAK,CAAClE,KAAK,CAACqC,MAAM,IAAI,CAAC,GAAG,IAAI,CAACkC,oBAAoB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EACxExF,qBAAqB,CAACD,uBAAuB,CAAC0F,KAAK,EAAE,IAAI,CAACN,KAAK,CAACpE,KAAK,CAAC;MAC1E2E,aAAa,EAAE,IAAI,CAACP,KAAK,CAACpE,KAAK,CAAC4E,SAAU;MAACC,aAAa,EAAC;IAAM,IAC7D,EAAAtB,iBAAA,OAAI,CAACa,KAAK,CAAClE,KAAK,cAAAqD,iBAAA,uBAAhBA,iBAAA,CAAkBhB,MAAM,MAAK,CAAC,IAAI,CAAC,IAAI,CAAC6B,KAAK,CAAClE,KAAK,CAAC,CAAC,CAAC,CAACmC,IAAI,IAAI,CAAC,IAAI,CAAC+B,KAAK,CAAClE,KAAK,CAAC,CAAC,CAAC,CAACkC,IAAI,GAAI/C,QAAQ,CAAC,IAAI,CAAC+E,KAAK,CAACpE,KAAK,CAACI,OAAO,CAAC,IAAAoD,kBAAA,GAAG,IAAI,CAACY,KAAK,CAAClE,KAAK,cAAAsD,kBAAA,uBAAhBA,kBAAA,CAAkBsB,GAAG,CAAC,CAACC,IAAI,EAAEpD,KAAK,KAAK;MACxK,MAAMqD,MAAM,GAAG,CAAC5F,KAAK,CAAC2F,IAAI,CAAC1C,IAAI,CAAC;MAChC,oBACE7D,KAAA,CAAA8B,aAAA,CAAC7B,IAAI,EAAA+F,QAAA;QACHS,GAAG,EAAE,QAAQtD,KAAK,EAAG;QACrBpB,KAAK,EAAE,CACL,IAAI,CAACC,MAAM,CAACqB,IAAI,EAChBmD,MAAM,GAAG,IAAI,CAACxE,MAAM,CAAC6B,IAAI,CAACR,IAAI,GAAG,IAAI,EACrCkD,IAAI,CAAC3C,IAAI,GAAG;UAAE8C,UAAU,EAAE;QAAM,CAAC,GAAG,IAAI,EACxC,IAAI,CAACd,KAAK,CAACpE,KAAK,CAACmF,OAAO,GAAG,IAAI,GAAG;UAAExB,KAAK,EAAE;QAAM,CAAC;MAClD,GACE,IAAI,CAACc,oBAAoB,CAACO,MAAM,GAAG,QAAQrD,KAAK,EAAE,GAAG,WAAWA,KAAK,EAAE,CAAC;QAC5EyD,UAAU,EAAE,IAAI,CAAC5E,MAAM,CAACqB,IAAI,CAACwD,UAAU,KAAK,MAAO;QACnDC,OAAO,EAAEA,CAAA,KAAM;UACb,IAAIP,IAAI,CAAC1C,IAAI,EAAE;YACb,IAAI0C,IAAI,CAAC1C,IAAI,CAACkD,UAAU,CAAC,OAAO,CAAC,IAC5BR,IAAI,CAAC1C,IAAI,CAACkD,UAAU,CAAC,QAAQ,CAAC,IAC9BR,IAAI,CAAC1C,IAAI,CAACkD,UAAU,CAAC,GAAG,CAAC,EAAE;cAC9BpC,iBAAiB,CAACqC,OAAO,CAACT,IAAI,CAAC1C,IAAI,EAAE,QAAQ,CAAC;YAChD,CAAC,MAAM,IAAI0C,IAAI,CAAC1C,IAAI,CAACkD,UAAU,CAAC,aAAa,CAAC,EAAE;cAC9C,MAAME,SAAS,GAAGV,IAAI,CAAC1C,IAAI,CAACP,SAAS,CAAC,EAAE,CAAC;cACzC,IAAI,CAAC4D,mBAAmB,CAACD,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAACE,KAAK,CAAC,CAAC;YACzD;UACF;UACA,IAAI,CAACD,mBAAmB,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;QACvD;QACF;MAAA,IAEGtG,QAAQ,CAAC0F,IAAI,CAAClD,IAAI,CACf,CAAC;IAEX,CAAC,CAAC,EACD,IAAI,CAACuC,KAAK,CAACpE,KAAK,CAAC4F,QAAQ,IAAI,IAAI,CAACvF,WAAW,CAAC,CAC3C,CAAC;EAGX;EACAwF,YAAYA,CAAC7F,KAAmB,EAAE;IAAA,IAAA8F,aAAA;IAChC,MAAMC,UAAU,GAAG,IAAI,CAAC3E,KAAK,CAAC4E,UAAU,CAAC;MAAEnE,IAAI,EAAE,IAAI,CAACrB,MAAM,CAACqB;IAAK,CAAC,EAAE,IAAI,CAACrB,MAAM,CAAC6B,IAAI,CAAC;IACtF,MAAM;MAAEgB,iBAAiB;MAAE4C,KAAK;MAAEC,GAAG;MAAEC,cAAc;MAACC;IAAW,CAAC,GAAG1G,mBAAmB,EAAAoG,aAAA,GAAE,IAAI,CAACtF,MAAM,cAAAsF,aAAA,uBAAXA,aAAA,CAAajE,IAAI,CAAC8B,KAAgB,CAAC;IAK7H,OAAO,CAACvE,KAAK,CAACY,KAAK,CAACI,OAAO,CAAC,gBAC1B5B,KAAA,CAAA8B,aAAA,CAAChB,YAAY;MACX+G,cAAc,EAAErG,KAAK,CAACsG,SAAU;MAChCC,KAAK,EAAEvG,KAAK,CAACwG,cAAe;MAC5BjG,KAAK,EAAE,IAAI,CAACC,MAAM,CAACqC,IAAK;MACxB4D,QAAQ,EAAGC,KAAwB,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAEhE,IAAI,CAACE,WAAW,eACjBpI,KAAA,CAAA8B,aAAA,CAACvB,yBAAyB,QACtBoE,iBAAoC,IAAK;MACzC,oBAAQ3E,KAAA,CAAA8B,aAAA,CAACxB,QAAQ;QAAC+H,MAAM,EAAE,IAAK;QAACC,kBAAkB,EAAE,IAAI,CAAC1C,KAAK,CAACpE,KAAK,CAAC+G;MAAmB,GACrF1D,iBAAiB,gBAAG7E,KAAA,CAAA8B,aAAA,CAACb,UAAU;QAC9BuH,WAAW,EAAE,IAAI,CAAC9D,sBAAsB,CAACC,iBAAiB,EAAE,KAAK,EAAEE,iBAAiB;MAAE,gBAEtF7E,KAAA,CAAA8B,aAAA,CAACd,cAAc;QAACyH,MAAM,EAAEd,cAAe;QAACF,KAAK,EAAEA,KAAM;QAACC,GAAG,EAAEA,GAAI;QAAEgB,SAAS,EAAEd,UAAU,CAAC7D,MAAM,GAAG,CAAC,GAAG6D,UAAU,GAAGrE;MAAU,GACxH,IAAI,CAACmB,sBAAsB,CAACC,iBAAiB,EAAE,IAAI,CACtC,CACN,CAAC,GAAG,IAAI,CAACD,sBAAsB,CAACC,iBAAiB,CACrD,CAAC;IACb,CACyB,CACf,CAAC,GACb,IAAI;EACV;AACF","ignoreList":[]}
+{"version":3,"names":["React","Text","View","Platform","BaseComponent","BaseComponentState","Tappable","NavigationServiceConsumer","AccessibilityWidgetType","getAccessibilityProps","WmLabelProps","DEFAULT_CLASS","isNil","toString","Animatedview","createSkeleton","LinearGradient","MaskedView","parseLinearGradient","WmLabelState","constructor","args","_defineProperty","WmLabel","props","updateState","parts","parseCaption","caption","getAsterisk","createElement","style","styles","asterisk","onPropertyChange","name","$new","$old","String","getMultilineSkeleton","width","height","borderRadius","marginBottom","theme","skeleton","replace","lastIndex","match","pattern","exec","index","push","text","substring","undefined","boldContent","linkPattern","linkMatch","beforeLink","bold","link","afterLink","length","renderSkeleton","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","root","skeletonheight","_this$styles$root2","fontSize","multilineskeleton","shouldUseAndroidEllipsis","OS","enableandroidellipsis","getNumberOfLines","numOfLines","wrap","nooflines","renderLabelTextContent","navigationService","isHidden","hasLinearGradient","_this$styles","_this$state$parts","_this$state$parts2","gradientTextWebStyle","backgroundImage","color","backgroundClip","showWebTextGradient","state","useAndroidEllipsis","baseStyle","hiddenStyle","opacity","gradientStyle","isSinglePart","androidEllipsisTextStyle","userSelect","textAlign","_extends","numberOfLines","ellipsizeMode","getTestPropsForLabel","LABEL","map","part","join","required","combinedTextStyle","flexWrap","isLink","key","fontWeight","isValid","selectable","onPress","startsWith","openUrl","eventName","invokeEventCallback","proxy","renderWidget","_this$styles2","linkStyles","mergeStyle","start","end","gradientColors","colorStops","entryanimation","animation","delay","animationdelay","onLayout","event","handleLayout","_background","target","disableTouchEffect","disabletoucheffect","maskElement","colors","locations"],"sources":["label.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, LayoutChangeEvent, Text, View,Platform } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmLabelProps from './label.props';\nimport { DEFAULT_CLASS, WmLabelStyles } from './label.styles';\nimport { isNil, toString } from 'lodash-es';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\nimport { LinearGradient } from 'expo-linear-gradient';\nimport MaskedView from '@react-native-masked-view/masked-view';\nimport { parseLinearGradient } from '@wavemaker/app-rn-runtime/core/utils';\n\n\ntype PartType = {\n  text?: string,\n  link?: string,\n  bold?: boolean;\n};\n\nexport class WmLabelState extends BaseComponentState<WmLabelProps> {\n  parts: PartType[] = []\n}\n\nexport default class WmLabel extends BaseComponent<WmLabelProps, WmLabelState, WmLabelStyles> {\n\n  constructor(props: WmLabelProps) {\n    super(props, DEFAULT_CLASS, new WmLabelProps(), new WmLabelState());\n    this.updateState({\n      parts: this.parseCaption(props.caption || '')\n    } as WmLabelState);\n  }\n\n  private getAsterisk() {\n    return <Text style={this.styles.asterisk}>*</Text>;\n  }\n\n  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n\n    switch (name) {\n      case \"caption\":\n        this.updateState({\n          parts: this.parseCaption(String($new))\n        } as WmLabelState);\n        break;\n    }\n  }\n  private getMultilineSkeleton(width: any, height: any) {\n    const styles = {\n      borderRadius: 4,\n      marginBottom: 10,\n      height: height\n    };\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...styles,\n      width: width,\n      height: height\n    });\n  }\n\n  parseCaption(caption: string) {\n    if (!caption) {\n      return [];\n    }\n    caption += '';\n    caption = caption.replace(/\\s*\\(\\s*\\$event,\\s*\\$widget\\s*\\)\\s*/, '');\n    caption = caption.replace(/\\(\\s*\\)/, '(#/__EMPTY__)');\n  \n    let parts: PartType[] = [];\n    let lastIndex = 0;\n    let match;\n  \n    // Updated pattern to handle asterisks properly - using lazy matching and proper boundaries\n    const pattern = /\\*\\*(.*?)\\*\\*|\\[([^\\]]+)\\]\\(([^)]*)\\)/g;\n  \n    while ((match = pattern.exec(caption)) !== null) {\n      // Add any text before the match\n      if (match.index > lastIndex) {\n        parts.push({ text: caption.substring(lastIndex, match.index) });\n      }\n  \n      if (match[1] !== undefined) {\n        // This is a bold section (first capture group)\n        const boldContent = match[1];\n        \n        // Check if the bold content contains a link\n        const linkPattern = /\\[([^\\]]+)\\]\\(([^)]*)\\)/;\n        const linkMatch = boldContent.match(linkPattern);\n        \n        if (linkMatch) {\n          // If there's text before the link\n          const beforeLink = boldContent.substring(0, linkMatch.index);\n          if (beforeLink) {\n            parts.push({ text: beforeLink, bold: true });\n          }\n          \n          // Add the link part\n          parts.push({ text: linkMatch[1], link: linkMatch[2], bold: true });\n          \n          // If there's text after the link\n          if(linkMatch.index !== undefined) {\n            const afterLink = boldContent.substring(linkMatch.index + linkMatch[0].length);\n            if (afterLink) {\n              parts.push({ text: afterLink, bold: true });\n            }  \n          }\n        } else {\n          // If no link, just add the entire content as bold\n          parts.push({ text: boldContent, bold: true });\n        }\n      } else if (match[2] !== undefined && match[3] !== undefined) {\n        // This is a standalone link (second and third capture groups)\n        parts.push({ text: match[2], link: match[3] });\n      }\n  \n      lastIndex = pattern.lastIndex;\n    }\n  \n    // Add any remaining text after the last match\n    if (lastIndex < caption.length) {\n      parts.push({ text: caption.substring(lastIndex) });\n    }\n  \n    return parts;\n  }\n\n  public renderSkeleton(props: WmLabelProps) {\n\n    let skeletonWidth, skeletonHeight;\n    if (this.props.skeletonwidth == \"0\") {\n      skeletonWidth = 0\n    } else {\n      skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n    }\n\n    if (this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    } else {\n      skeletonHeight = this.props.skeletonheight || this.styles.root?.height || this.styles.text.fontSize;\n    }\n\n    if (this.props.multilineskeleton) {\n      return (<View style={{\n        width: skeletonWidth as DimensionValue\n      }}>\n        {this.getMultilineSkeleton('100%', skeletonHeight)}\n        {this.getMultilineSkeleton('70%', skeletonHeight)}\n        {this.getMultilineSkeleton('40%', skeletonHeight)}\n      </View>)\n    }\n    else {\n      return createSkeleton(this.theme, this.styles.skeleton, {\n        ...this.styles.root,\n        width: skeletonWidth as DimensionValue,\n        height: skeletonHeight as DimensionValue\n      });\n    }\n  }\n  private shouldUseAndroidEllipsis(props: WmLabelProps): boolean {\n    return Platform.OS === 'android' && props.enableandroidellipsis !== false;\n  }\n\n  // Helper to get the proper number of lines\n  private getNumberOfLines(props: WmLabelProps): number | undefined {\n      let numOfLines: number | undefined = undefined;\n      if (props.wrap === false) {\n          numOfLines = 1;\n      } else if (typeof props.nooflines === 'number' && props.nooflines > 0) {\n          numOfLines = props.nooflines;\n      }\n      return numOfLines;\n  }\n\n  private renderLabelTextContent(navigationService: NavigationService, isHidden: boolean = false, hasLinearGradient: boolean = false) {\n    //gradient text support for web\n    const gradientTextWebStyle = {\n      backgroundImage: (this.styles?.text.color as string),\n      color: 'transparent',\n      backgroundClip: 'text',\n    }\n    const showWebTextGradient = (hasLinearGradient && Platform.OS === 'web');\n    const numOfLines = this.getNumberOfLines(this.state.props);\n    const useAndroidEllipsis = this.shouldUseAndroidEllipsis(this.state.props);\n\n    // Shared styles\n    const baseStyle = this.styles.text;\n    const hiddenStyle = isHidden ? { opacity: 0 } : {};\n    const gradientStyle = showWebTextGradient ? gradientTextWebStyle : {};\n\n    // Determine if it's a single part\n    const isSinglePart = this.state.parts.length <= 1;\n    if (useAndroidEllipsis) {\n      const androidEllipsisTextStyle: any = {\n          ...baseStyle,\n          ...hiddenStyle,\n          ...gradientStyle,\n          userSelect: 'none',\n          width: '100%',\n          textAlign: baseStyle.textAlign,\n      };\n      return (\n          <Text\n              style={androidEllipsisTextStyle}\n              numberOfLines={numOfLines}\n              ellipsizeMode=\"tail\"\n              {...(this.state.parts.length <= 1 ? this.getTestPropsForLabel('caption') : {})}\n              {...getAccessibilityProps(AccessibilityWidgetType.LABEL, this.state.props)}\n          >\n              {this.state.parts.length === 1\n                  ? toString(this.state.props.caption)\n                  : this.state.parts.map(part => toString(part.text)).join('')}\n              {this.state.props.required && this.getAsterisk()}\n          </Text>\n      );\n    }  \n\n\n    // Compose final style\n    const combinedTextStyle = isSinglePart\n      ? { ...baseStyle, ...hiddenStyle, ...gradientStyle }\n      : {\n          flexWrap: 'wrap',\n          textAlign: baseStyle.textAlign,\n          ...hiddenStyle,\n          ...gradientStyle,\n        };\n\n\n\n    return (\n      <Text style={combinedTextStyle}\n        {...this.state.parts.length <= 1 ? this.getTestPropsForLabel('caption') : {}}\n        {...getAccessibilityProps(AccessibilityWidgetType.LABEL, this.state.props)}\n        numberOfLines={numOfLines} ellipsizeMode=\"tail\">\n        {(this.state.parts?.length === 1 && !this.state.parts[0].link && !this.state.parts[0].bold) ? toString(this.state.props.caption) : this.state.parts?.map((part, index) => {\n          const isLink = !isNil(part.link);\n          return (\n            <Text\n              key={`part_${index}`}\n              style={[\n                this.styles.text,\n                isLink ? this.styles.link.text : null,\n                part.bold ? { fontWeight: 'bold'} : null, \n                this.state.props.isValid ? null : { color: 'red' }\n              ]}\n              {...this.getTestPropsForLabel(isLink ? `link_${index}` : `caption_${index}`)}\n              selectable={this.styles.text.userSelect === 'text'}\n              onPress={() => {\n                if (part.link) {\n                  if (part.link.startsWith('http:')\n                    || part.link.startsWith('https:')\n                    || part.link.startsWith('#')) {\n                    navigationService.openUrl(part.link, '_blank');\n                  } else if (part.link.startsWith('javascript:')) {\n                    const eventName = part.link.substring(11);\n                    this.invokeEventCallback(eventName, [null, this.proxy]);\n                  }\n                }\n                this.invokeEventCallback('onTap', [null, this.proxy]);\n              }}\n            // {...getAccessibilityProps(AccessibilityWidgetType.LABEL, props)}\n            >\n              {toString(part.text)}\n            </Text>\n          );\n        })}\n        {this.state.props.required && this.getAsterisk()}\n      </Text>\n    )\n\n  }\n  renderWidget(props: WmLabelProps) {\n    const linkStyles = this.theme.mergeStyle({ text: this.styles.text }, this.styles.link);\n    const { hasLinearGradient, start, end, gradientColors,colorStops } = parseLinearGradient((this.styles?.text.color) as string);\n    \n    \n\n\n    return !isNil(props.caption) ? (\n      <Animatedview\n        entryanimation={props.animation}\n        delay={props.animationdelay}\n        style={this.styles.root}\n        onLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n      >\n        {this._background}\n        <NavigationServiceConsumer>\n          {(navigationService: NavigationService) => {\n            return (<Tappable target={this} disableTouchEffect={this.state.props.disabletoucheffect} >\n              {hasLinearGradient ? <MaskedView\n                maskElement={this.renderLabelTextContent(navigationService, false, hasLinearGradient)}\n              >\n                <LinearGradient colors={gradientColors} start={start} end={end}  locations={colorStops.length > 0 ? colorStops : undefined}>\n                  {this.renderLabelTextContent(navigationService, true)}\n                </LinearGradient>\n              </MaskedView> : this.renderLabelTextContent(navigationService)}\n            </Tappable>)\n          }}\n        </NavigationServiceConsumer>\n      </Animatedview>\n    ) : null;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/basic/label/label.props.js

@@ -19,6 +19,7 @@ export default class WmLabelProps extends BaseProps {
     _defineProperty(this, "hint", undefined);
     _defineProperty(this, "accessibilityrole", 'text');
     _defineProperty(this, "onTap", null);
+    _defineProperty(this, "enableandroidellipsis", false);
   }
 }
 //# sourceMappingURL=label.props.js.map

package/components/basic/label/label.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmLabelProps","constructor","args","_defineProperty","undefined"],"sources":["label.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmLabelProps extends BaseProps {\n    animation?: string = null as any;\n    animationdelay?: number = null as any;\n    caption?: string = 'Label';\n    required?: boolean = null as any;\n    isValid?: boolean = true;\n    wrap?: boolean = true;\n    nooflines?: any = undefined;\n    skeletonheight?: string = null as any;\n    skeletonwidth?: string = null as any;\n    multilineskeleton?: boolean = false;\n    accessibilitylabel?: string = undefined;\n    hint?: string = undefined;\n    accessibilityrole?: AccessibilityRole = 'text';\n    onTap?: Function = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC3B,IAAI;IAAAA,eAAA,yBACC,IAAI;IAAAA,eAAA,kBACX,OAAO;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,kBACL,IAAI;IAAAA,eAAA,eACP,IAAI;IAAAA,eAAA,oBACHC,SAAS;IAAAD,eAAA,yBACD,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,4BACC,KAAK;IAAAA,eAAA,6BACLC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,MAAM;IAAAA,eAAA,gBAC3B,IAAI;EAAA;AAC3B","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmLabelProps","constructor","args","_defineProperty","undefined"],"sources":["label.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmLabelProps extends BaseProps {\n    animation?: string = null as any;\n    animationdelay?: number = null as any;\n    caption?: string = 'Label';\n    required?: boolean = null as any;\n    isValid?: boolean = true;\n    wrap?: boolean = true;\n    nooflines?: any = undefined;\n    skeletonheight?: string = null as any;\n    skeletonwidth?: string = null as any;\n    multilineskeleton?: boolean = false;\n    accessibilitylabel?: string = undefined;\n    hint?: string = undefined;\n    accessibilityrole?: AccessibilityRole = 'text';\n    onTap?: Function = null as any;\n    enableandroidellipsis?: boolean = false;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC3B,IAAI;IAAAA,eAAA,yBACC,IAAI;IAAAA,eAAA,kBACX,OAAO;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,kBACL,IAAI;IAAAA,eAAA,eACP,IAAI;IAAAA,eAAA,oBACHC,SAAS;IAAAD,eAAA,yBACD,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,4BACC,KAAK;IAAAA,eAAA,6BACLC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,MAAM;IAAAA,eAAA,gBAC3B,IAAI;IAAAA,eAAA,gCACW,KAAK;EAAA;AAC3C","ignoreList":[]}

package/components/basic/label/label.styles.js

@@ -31,6 +31,23 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
   addStyle(DEFAULT_CLASS + '-rtl', '', {});
+
+  // Add horizontal form label styles for horizontal form field layouts - positioned early to avoid overriding more specific styles
+  addStyle('form-label-horizontal', '', {
+    root: {
+      paddingBottom: 0,
+      paddingRight: 12,
+      paddingTop: 8,
+      width: '30%',
+      flexShrink: 0,
+      flexGrow: 0
+    },
+    text: {
+      fontSize: 16,
+      color: themeVariables.labelDefaultColor,
+      textAlign: 'left'
+    }
+  });
   const getLabelStyles = (color, textColor) => {
     return {
       root: {

package/components/basic/label/label.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","deepCopy","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","alignSelf","text","fontSize","color","labelDefaultColor","textAlign","asterisk","labelAsteriskColor","marginLeft","skeleton","width","height","borderRadius","link","textDecorationLine","getLabelStyles","textColor","backgroundColor","paddingLeft","paddingTop","paddingRight","paddingBottom","fontWeight","labelDangerColor","labelDangerContrastColor","labelDefaultContrastColor","labelInfoColor","labelInfoContrastColor","labelPrimaryColor","labelPrimaryContrastColor","labelSuccessColor","labelSuccessContrastColor","labelWarningColor","labelWarningContrastColor","getTextStyles","labelTextDangerColor","labelTextInfoColor","labelTextPrimaryColor","labelTextSuccessColor","labelTextWarningColor","getHeadingStyles","overrides","margin","labelHeaderColor","heading1FontSize","heading2FontSize","heading3FontSize","heading4FontSize","heading5FontSize","heading6FontSize","labelTextMutedColor"],"sources":["label.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle }  from '@wavemaker/app-rn-runtime/styles/theme';\nimport { deepCopy } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\nimport { WmAnchorStyles } from '../anchor/anchor.styles';\n\nexport type WmLabelStyles = BaseStyles & {\n  asterisk: AllStyle,\n  skeleton: WmSkeletonStyles \n  link: WmAnchorStyles\n};\n\nexport const DEFAULT_CLASS = 'app-label';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmLabelStyles = defineStyles({\n    root: {\n      alignSelf: 'flex-start',\n    },\n    text: {\n        fontSize: 16,\n        color: themeVariables.labelDefaultColor,\n        textAlign: 'left'\n      },\n      asterisk: {\n        color: themeVariables.labelAsteriskColor,\n        marginLeft: 2\n      },\n      skeleton: {\n        root:{\n          width: '100%',\n          height: 16,\n          borderRadius: 4,\n        }\n      } as any as WmSkeletonStyles,\n      link: {\n        text: {\n          textDecorationLine: 'underline'\n        }\n      } as WmAnchorStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n\n  });\n  const getLabelStyles = (color: string, textColor: string): WmLabelStyles => {\n    return {\n      root: {\n        backgroundColor: color,\n        paddingLeft: 32,\n        paddingTop: 16,\n        paddingRight: 32,\n        paddingBottom: 16,\n        borderRadius: 6\n      },\n      text: {\n        color: textColor,\n        fontWeight: 'bold'\n      }\n    } as WmLabelStyles;\n  };\n\n  addStyle('label-danger', '', getLabelStyles(themeVariables.labelDangerColor, themeVariables.labelDangerContrastColor));\n  addStyle('label-default', '', getLabelStyles(themeVariables.labelDefaultColor, themeVariables.labelDefaultContrastColor));\n  addStyle('label-info', '', getLabelStyles(themeVariables.labelInfoColor, themeVariables.labelInfoContrastColor));\n  addStyle('label-primary', '', getLabelStyles(themeVariables.labelPrimaryColor, themeVariables.labelPrimaryContrastColor));\n  addStyle('label-success', '', getLabelStyles(themeVariables.labelSuccessColor, themeVariables.labelSuccessContrastColor));\n  addStyle('label-warning', '', getLabelStyles(themeVariables.labelWarningColor, themeVariables.labelWarningContrastColor));\n  addStyle('label-test', '', getLabelStyles('yellow', 'red'));\n  addStyle('label-test1', '', getLabelStyles('blue', 'orange'));\n  addStyle('label-test111', '', getLabelStyles('grey', 'red'));\n  addStyle('label-test11112', '', getLabelStyles('green', 'yellow'));\n  addStyle('label-test12311', '', getLabelStyles('violet', 'pink'));\n  addStyle('label-test9', '', getLabelStyles('green', 'blue'));\n\n  const getTextStyles = (color: string) => {\n    return {\n      text: {\n        color: color\n      }\n    } as WmLabelStyles;\n  };\n\n  addStyle('text-danger', '', getTextStyles(themeVariables.labelTextDangerColor));\n  addStyle('text-info', '', getTextStyles(themeVariables.labelTextInfoColor));\n  addStyle('text-primary', '', getTextStyles(themeVariables.labelTextPrimaryColor));\n  addStyle('text-success', '', getTextStyles(themeVariables.labelTextSuccessColor));\n  addStyle('text-warning', '', getTextStyles(themeVariables.labelTextWarningColor));\n  addStyle('text-center', '', {\n    text: {\n      textAlign: 'center'\n    }\n  } as WmLabelStyles);\n  addStyle('text-left', '', {\n    text: {\n      textAlign: 'left'\n    }\n  } as WmLabelStyles);\n  addStyle('text-right', '', {\n    text: {\n      textAlign: 'right'\n    }\n  } as WmLabelStyles);\n\n\n  const getHeadingStyles = (fontSize: number, overrides?: WmLabelStyles) => {\n    return deepCopy({\n      text: {\n        fontWeight: '400',\n        fontSize: fontSize,\n        margin: 4,\n        color: themeVariables.labelHeaderColor\n      }\n    } as WmLabelStyles, overrides);\n  };\n  addStyle('h1', '', getHeadingStyles(themeVariables.heading1FontSize, {text: {fontWeight: 'bold'}} as WmLabelStyles));\n  addStyle('h2', '', getHeadingStyles(themeVariables.heading2FontSize, {text: {fontWeight: '500'}} as WmLabelStyles));\n  addStyle('h3', '', getHeadingStyles(themeVariables.heading3FontSize));\n  addStyle('h4', '', getHeadingStyles(themeVariables.heading4FontSize));\n  addStyle('h5', '', getHeadingStyles(themeVariables.heading5FontSize));\n  addStyle('h6', '', getHeadingStyles(themeVariables.heading6FontSize));\n  addStyle('media-heading', '', {\n    text : {\n      fontSize: 16\n    }\n  } as WmLabelStyles);\n  addStyle('text-muted', '', {\n    text : {\n      color: themeVariables.labelTextMutedColor\n    }\n  } as WmLabelStyles);\n  addStyle('p', '', {\n    text : {\n      fontSize: 12\n    }\n  } as WmLabelStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAqB,wCAAwC;AAC9E,SAASC,QAAQ,QAAQ,sCAAsC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAUxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA4B,GAAGL,YAAY,CAAC;IAChDM,IAAI,EAAE;MACJC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACFC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEP,cAAc,CAACQ,iBAAiB;MACvCC,SAAS,EAAE;IACb,CAAC;IACDC,QAAQ,EAAE;MACRH,KAAK,EAAEP,cAAc,CAACW,kBAAkB;MACxCC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRV,IAAI,EAAC;QACHW,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE;MAChB;IACF,CAA4B;IAC5BC,IAAI,EAAE;MACJZ,IAAI,EAAE;QACJa,kBAAkB,EAAE;MACtB;IACF;EACJ,CAAC,CAAC;EAEFjB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE,CAErC,CAAC,CAAC;EACF,MAAMqB,cAAc,GAAGA,CAACZ,KAAa,EAAEa,SAAiB,KAAoB;IAC1E,OAAO;MACLjB,IAAI,EAAE;QACJkB,eAAe,EAAEd,KAAK;QACtBe,WAAW,EAAE,EAAE;QACfC,UAAU,EAAE,EAAE;QACdC,YAAY,EAAE,EAAE;QAChBC,aAAa,EAAE,EAAE;QACjBT,YAAY,EAAE;MAChB,CAAC;MACDX,IAAI,EAAE;QACJE,KAAK,EAAEa,SAAS;QAChBM,UAAU,EAAE;MACd;IACF,CAAC;EACH,CAAC;EAEDzB,QAAQ,CAAC,cAAc,EAAE,EAAE,EAAEkB,cAAc,CAACnB,cAAc,CAAC2B,gBAAgB,EAAE3B,cAAc,CAAC4B,wBAAwB,CAAC,CAAC;EACtH3B,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAEkB,cAAc,CAACnB,cAAc,CAACQ,iBAAiB,EAAER,cAAc,CAAC6B,yBAAyB,CAAC,CAAC;EACzH5B,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAEkB,cAAc,CAACnB,cAAc,CAAC8B,cAAc,EAAE9B,cAAc,CAAC+B,sBAAsB,CAAC,CAAC;EAChH9B,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAEkB,cAAc,CAACnB,cAAc,CAACgC,iBAAiB,EAAEhC,cAAc,CAACiC,yBAAyB,CAAC,CAAC;EACzHhC,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAEkB,cAAc,CAACnB,cAAc,CAACkC,iBAAiB,EAAElC,cAAc,CAACmC,yBAAyB,CAAC,CAAC;EACzHlC,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAEkB,cAAc,CAACnB,cAAc,CAACoC,iBAAiB,EAAEpC,cAAc,CAACqC,yBAAyB,CAAC,CAAC;EACzHpC,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAEkB,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;EAC3DlB,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAEkB,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;EAC7DlB,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAEkB,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;EAC5DlB,QAAQ,CAAC,iBAAiB,EAAE,EAAE,EAAEkB,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;EAClElB,QAAQ,CAAC,iBAAiB,EAAE,EAAE,EAAEkB,cAAc,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;EACjElB,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAEkB,cAAc,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EAE5D,MAAMmB,aAAa,GAAI/B,KAAa,IAAK;IACvC,OAAO;MACLF,IAAI,EAAE;QACJE,KAAK,EAAEA;MACT;IACF,CAAC;EACH,CAAC;EAEDN,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAEqC,aAAa,CAACtC,cAAc,CAACuC,oBAAoB,CAAC,CAAC;EAC/EtC,QAAQ,CAAC,WAAW,EAAE,EAAE,EAAEqC,aAAa,CAACtC,cAAc,CAACwC,kBAAkB,CAAC,CAAC;EAC3EvC,QAAQ,CAAC,cAAc,EAAE,EAAE,EAAEqC,aAAa,CAACtC,cAAc,CAACyC,qBAAqB,CAAC,CAAC;EACjFxC,QAAQ,CAAC,cAAc,EAAE,EAAE,EAAEqC,aAAa,CAACtC,cAAc,CAAC0C,qBAAqB,CAAC,CAAC;EACjFzC,QAAQ,CAAC,cAAc,EAAE,EAAE,EAAEqC,aAAa,CAACtC,cAAc,CAAC2C,qBAAqB,CAAC,CAAC;EACjF1C,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAE;IAC1BI,IAAI,EAAE;MACJI,SAAS,EAAE;IACb;EACF,CAAkB,CAAC;EACnBR,QAAQ,CAAC,WAAW,EAAE,EAAE,EAAE;IACxBI,IAAI,EAAE;MACJI,SAAS,EAAE;IACb;EACF,CAAkB,CAAC;EACnBR,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACzBI,IAAI,EAAE;MACJI,SAAS,EAAE;IACb;EACF,CAAkB,CAAC;EAGnB,MAAMmC,gBAAgB,GAAGA,CAACtC,QAAgB,EAAEuC,SAAyB,KAAK;IACxE,OAAOjD,QAAQ,CAAC;MACdS,IAAI,EAAE;QACJqB,UAAU,EAAE,KAAK;QACjBpB,QAAQ,EAAEA,QAAQ;QAClBwC,MAAM,EAAE,CAAC;QACTvC,KAAK,EAAEP,cAAc,CAAC+C;MACxB;IACF,CAAC,EAAmBF,SAAS,CAAC;EAChC,CAAC;EACD5C,QAAQ,CAAC,IAAI,EAAE,EAAE,EAAE2C,gBAAgB,CAAC5C,cAAc,CAACgD,gBAAgB,EAAE;IAAC3C,IAAI,EAAE;MAACqB,UAAU,EAAE;IAAM;EAAC,CAAkB,CAAC,CAAC;EACpHzB,QAAQ,CAAC,IAAI,EAAE,EAAE,EAAE2C,gBAAgB,CAAC5C,cAAc,CAACiD,gBAAgB,EAAE;IAAC5C,IAAI,EAAE;MAACqB,UAAU,EAAE;IAAK;EAAC,CAAkB,CAAC,CAAC;EACnHzB,QAAQ,CAAC,IAAI,EAAE,EAAE,EAAE2C,gBAAgB,CAAC5C,cAAc,CAACkD,gBAAgB,CAAC,CAAC;EACrEjD,QAAQ,CAAC,IAAI,EAAE,EAAE,EAAE2C,gBAAgB,CAAC5C,cAAc,CAACmD,gBAAgB,CAAC,CAAC;EACrElD,QAAQ,CAAC,IAAI,EAAE,EAAE,EAAE2C,gBAAgB,CAAC5C,cAAc,CAACoD,gBAAgB,CAAC,CAAC;EACrEnD,QAAQ,CAAC,IAAI,EAAE,EAAE,EAAE2C,gBAAgB,CAAC5C,cAAc,CAACqD,gBAAgB,CAAC,CAAC;EACrEpD,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAE;IAC5BI,IAAI,EAAG;MACLC,QAAQ,EAAE;IACZ;EACF,CAAkB,CAAC;EACnBL,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACzBI,IAAI,EAAG;MACLE,KAAK,EAAEP,cAAc,CAACsD;IACxB;EACF,CAAkB,CAAC;EACnBrD,QAAQ,CAAC,GAAG,EAAE,EAAE,EAAE;IAChBI,IAAI,EAAG;MACLC,QAAQ,EAAE;IACZ;EACF,CAAkB,CAAC;AACrB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","deepCopy","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","alignSelf","text","fontSize","color","labelDefaultColor","textAlign","asterisk","labelAsteriskColor","marginLeft","skeleton","width","height","borderRadius","link","textDecorationLine","paddingBottom","paddingRight","paddingTop","flexShrink","flexGrow","getLabelStyles","textColor","backgroundColor","paddingLeft","fontWeight","labelDangerColor","labelDangerContrastColor","labelDefaultContrastColor","labelInfoColor","labelInfoContrastColor","labelPrimaryColor","labelPrimaryContrastColor","labelSuccessColor","labelSuccessContrastColor","labelWarningColor","labelWarningContrastColor","getTextStyles","labelTextDangerColor","labelTextInfoColor","labelTextPrimaryColor","labelTextSuccessColor","labelTextWarningColor","getHeadingStyles","overrides","margin","labelHeaderColor","heading1FontSize","heading2FontSize","heading3FontSize","heading4FontSize","heading5FontSize","heading6FontSize","labelTextMutedColor"],"sources":["label.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle }  from '@wavemaker/app-rn-runtime/styles/theme';\nimport { deepCopy } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\nimport { WmAnchorStyles } from '../anchor/anchor.styles';\n\nexport type WmLabelStyles = BaseStyles & {\n  asterisk: AllStyle,\n  skeleton: WmSkeletonStyles \n  link: WmAnchorStyles\n};\n\nexport const DEFAULT_CLASS = 'app-label';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmLabelStyles = defineStyles({\n    root: {\n      alignSelf: 'flex-start',\n    },\n    text: {\n        fontSize: 16,\n        color: themeVariables.labelDefaultColor,\n        textAlign: 'left'\n      },\n      asterisk: {\n        color: themeVariables.labelAsteriskColor,\n        marginLeft: 2\n      },\n      skeleton: {\n        root:{\n          width: '100%',\n          height: 16,\n          borderRadius: 4,\n        }\n      } as any as WmSkeletonStyles,\n      link: {\n        text: {\n          textDecorationLine: 'underline'\n        }\n      } as WmAnchorStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n\n  });\n  \n  // Add horizontal form label styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n  addStyle('form-label-horizontal', '', {\n    root : {\n      paddingBottom: 0,\n      paddingRight: 12,\n      paddingTop: 8,\n      width: '30%',\n      flexShrink: 0, \n      flexGrow: 0\n    },\n    text: {\n      fontSize: 16,\n      color: themeVariables.labelDefaultColor,\n      textAlign: 'left'\n    }\n  } as BaseStyles);\n  \n  const getLabelStyles = (color: string, textColor: string): WmLabelStyles => {\n    return {\n      root: {\n        backgroundColor: color,\n        paddingLeft: 32,\n        paddingTop: 16,\n        paddingRight: 32,\n        paddingBottom: 16,\n        borderRadius: 6\n      },\n      text: {\n        color: textColor,\n        fontWeight: 'bold'\n      }\n    } as WmLabelStyles;\n  };\n\n  addStyle('label-danger', '', getLabelStyles(themeVariables.labelDangerColor, themeVariables.labelDangerContrastColor));\n  addStyle('label-default', '', getLabelStyles(themeVariables.labelDefaultColor, themeVariables.labelDefaultContrastColor));\n  addStyle('label-info', '', getLabelStyles(themeVariables.labelInfoColor, themeVariables.labelInfoContrastColor));\n  addStyle('label-primary', '', getLabelStyles(themeVariables.labelPrimaryColor, themeVariables.labelPrimaryContrastColor));\n  addStyle('label-success', '', getLabelStyles(themeVariables.labelSuccessColor, themeVariables.labelSuccessContrastColor));\n  addStyle('label-warning', '', getLabelStyles(themeVariables.labelWarningColor, themeVariables.labelWarningContrastColor));\n  addStyle('label-test', '', getLabelStyles('yellow', 'red'));\n  addStyle('label-test1', '', getLabelStyles('blue', 'orange'));\n  addStyle('label-test111', '', getLabelStyles('grey', 'red'));\n  addStyle('label-test11112', '', getLabelStyles('green', 'yellow'));\n  addStyle('label-test12311', '', getLabelStyles('violet', 'pink'));\n  addStyle('label-test9', '', getLabelStyles('green', 'blue'));\n\n  const getTextStyles = (color: string) => {\n    return {\n      text: {\n        color: color\n      }\n    } as WmLabelStyles;\n  };\n\n  addStyle('text-danger', '', getTextStyles(themeVariables.labelTextDangerColor));\n  addStyle('text-info', '', getTextStyles(themeVariables.labelTextInfoColor));\n  addStyle('text-primary', '', getTextStyles(themeVariables.labelTextPrimaryColor));\n  addStyle('text-success', '', getTextStyles(themeVariables.labelTextSuccessColor));\n  addStyle('text-warning', '', getTextStyles(themeVariables.labelTextWarningColor));\n  addStyle('text-center', '', {\n    text: {\n      textAlign: 'center'\n    }\n  } as WmLabelStyles);\n  addStyle('text-left', '', {\n    text: {\n      textAlign: 'left'\n    }\n  } as WmLabelStyles);\n  addStyle('text-right', '', {\n    text: {\n      textAlign: 'right'\n    }\n  } as WmLabelStyles);\n\n\n  const getHeadingStyles = (fontSize: number, overrides?: WmLabelStyles) => {\n    return deepCopy({\n      text: {\n        fontWeight: '400',\n        fontSize: fontSize,\n        margin: 4,\n        color: themeVariables.labelHeaderColor\n      }\n    } as WmLabelStyles, overrides);\n  };\n  addStyle('h1', '', getHeadingStyles(themeVariables.heading1FontSize, {text: {fontWeight: 'bold'}} as WmLabelStyles));\n  addStyle('h2', '', getHeadingStyles(themeVariables.heading2FontSize, {text: {fontWeight: '500'}} as WmLabelStyles));\n  addStyle('h3', '', getHeadingStyles(themeVariables.heading3FontSize));\n  addStyle('h4', '', getHeadingStyles(themeVariables.heading4FontSize));\n  addStyle('h5', '', getHeadingStyles(themeVariables.heading5FontSize));\n  addStyle('h6', '', getHeadingStyles(themeVariables.heading6FontSize));\n  addStyle('media-heading', '', {\n    text : {\n      fontSize: 16\n    }\n  } as WmLabelStyles);\n  addStyle('text-muted', '', {\n    text : {\n      color: themeVariables.labelTextMutedColor\n    }\n  } as WmLabelStyles);\n  addStyle('p', '', {\n    text : {\n      fontSize: 12\n    }\n  } as WmLabelStyles);\n});\n"],"mappings":"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","ignoreList":[]}

package/components/basic/search/search.component.js

@@ -431,7 +431,8 @@ export default class WmSearch extends BaseDatasetComponent {
   renderWidget(props) {
     const result = this.state.data;
     return /*#__PURE__*/React.createElement(View, {
-      onLayout: event => this.handleLayout(event)
+      onLayout: event => this.handleLayout(event),
+      style: [this.styles.rootWrapper]
     }, this.renderSearchBar(), this.state.isOpened ? /*#__PURE__*/React.createElement(ModalConsumer, null, modalService => {
       modalService.showModal(this.prepareModalOptions(/*#__PURE__*/React.createElement(ScrollView, {
         style: {

package/components/basic/search/search.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Keyboard","Platform","Text","TextInput","View","ScrollView","find","isNull","WmSearchProps","DEFAULT_CLASS","ModalConsumer","DataProvider","AccessibilityWidgetType","getAccessibilityProps","BaseDatasetComponent","BaseDatasetState","WmAnchor","WmPicture","Tappable","WmButton","get","isArray","isEmpty","isObject","AssetProvider","createSkeleton","WmSearchState","constructor","args","_defineProperty","top","left","WmSearch","props","Promise","resolve","position","view","measure","x","y","width","height","px","py","updateState","value","isDefaultQuery","prevQuery","state","query","searchon","result","data","updateFilteredData","validate","datavalue","setTimeout","invokeEvent","undefined","proxy","invokeEventCallback","computePosition","then","isOpened","dataProvider","clearSearch","hide","dataItems","map","item","selected","type","queryText","_filteredData","filterOptions","entries","filteredData","minchars","length","_this$dataProvider","searchkey","updateRequired","init","invokeVariable","response","dataSet","setDataItems","filter","dataObject","isFocused","styles","modal","display","showPopover","focus","_this$widgetRef","widgetRef","onChange","debouncetime","timer","clearTimeout","handleChange","invokeChange","e","OS","cursor","target","selectionStart","onFocus","disabled","readonly","_this$state$props$que","onBlur","triggerValidation","prepareModalOptions","content","modalService","o","modalOptions","modalContentSTyles","searchInputWidth","modalContent","borderWidth","modalStyle","contentStyle","isModal","onClose","dismiss","setState","hideModal","searchIconPress","onItemSelect","displayexp","displayfield","datafield","updateDatavalue","prevDatavalue","queryModel","renderSkeleton","rootStyle","searchInputWrapper","root","text","theme","skeleton","renderSearchBar","_this$state$dataItems","opts","valueExpr","createElement","style","ref","onLayout","_extends","isValid","invalid","focusedText","selectionEnd","getTestPropsForInput","SEARCH","placeholderTextColor","placeholderText","color","placeholder","autoFocus","autofocus","editable","onChangeText","bind","nativeEvent","layout","showclear","onTap","id","getTestId","clearButton","iconclass","clearsearchiconclass","showSearchIcon","searchButton","searchiconclass","reset","renderSearchItem","index","imageStyles","imagewidth","getTestProps","disableTouchEffect","disabletoucheffect","searchItem","template","renderitempartial","Fragment","name","picturesource","imgSrc","getTestPropsForLabel","searchItemText","updateDefaultQueryModel","selectedItem","onDataItemsUpdate","componentDidMount","onPropertyChange","$new","$old","dataset","setTemplate","partialName","renderWidget","event","handleLayout","showModal","maxHeight","contentContainerStyle","dropDownContent","loadAsset","key","limit","caption","datacompletemsg","dataCompleteItem"],"sources":["search.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Keyboard, Platform, Text, TextInput, View } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { find, isNull } from 'lodash';\n\nimport WmSearchProps from './search.props';\nimport { DEFAULT_CLASS, WmSearchStyles } from './search.styles';\nimport { ModalConsumer, ModalOptions, ModalService} from \"@wavemaker/app-rn-runtime/core/modal.service\";\nimport { DataProvider } from '@wavemaker/app-rn-runtime/components/basic/search/local-data-provider';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { get, isArray, isEmpty, isObject } from \"lodash-es\";\nimport { AssetProvider } from '@wavemaker/app-rn-runtime/core/asset.provider';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmSearchState extends BaseDatasetState<WmSearchProps> {\n  isOpened: boolean = false;\n  modalOptions = {} as ModalOptions;\n  template: string = \"\";\n  position = {\n    top: 0,\n    left: 0\n  } as DropdownPosition;\n  data: any = [];\n}\n\nexport interface DropdownPosition {\n  top?: number;\n  bottom?: number;\n  left?: number;\n  right?: number;\n}\n\nexport default class WmSearch extends BaseDatasetComponent<WmSearchProps, WmSearchState, WmSearchStyles> {\n  view: View = null as any;\n  private prevDatavalue: any;\n  private queryModel: any;\n  private searchInputWidth: any;\n  private isDefaultQuery: boolean = true;\n  private dataProvider: DataProvider;\n  public widgetRef: TextInput | null = null;\n  private cursor: any = 0;\n  private isFocused: boolean = false;\n  private updateRequired: any;\n  private timer: ReturnType<typeof setTimeout> | null = null;\n\n  constructor(props: WmSearchProps) {\n    super(props, DEFAULT_CLASS, new WmSearchProps(), new WmSearchState());\n    this.dataProvider = new DataProvider();\n    if (this.props.datavalue) {\n      this.updateState({\n        props: {\n          query: this.props.datavalue\n        }\n      } as WmSearchState);\n    }\n  }\n\n  computePosition = () => {\n    return new Promise<void>((resolve) => {\n      const position = {} as DropdownPosition;\n      this.view.measure((x = 0, y = 0, width = 0, height = 0, px = 0, py = 0) => {\n        position.left = px;\n        position.top = py + height;\n        this.updateState({ position: position } as WmSearchState, resolve);\n      });\n    });\n  }\n\n  clearSearch() {\n    this.invokeEventCallback('onClear', [null, this]);\n    this.hide();\n    this.updateState({\n      props: {\n        query: ''\n      },\n      dataItems: this.state.dataItems ? this.state.dataItems.map((item: any) => {\n        item.selected = false;\n        return item;\n      }) : []\n    } as WmSearchState, () => {\n      if (this.state.props.type === 'autocomplete') {\n        this.updateFilteredData('');\n      }\n    });\n  }\n\n  updateFilteredData(queryText: string = '') {\n    const props = this.state.props;\n    const filterOptions = {\n      query: queryText,\n      props: props,\n      entries: this.state.dataItems\n    };\n    let filteredData: Array<any> = [];\n    if (props.minchars && queryText.length < props.minchars) {\n      filteredData = [];\n    } else if (props.type === 'search' && !queryText) {\n      filteredData = [];\n    } else {\n      if (this.props.searchkey && this.updateRequired === undefined) {\n        this.updateRequired = this.dataProvider.init(this);\n      }\n      // for service variables invoke the variable with params.\n      if (this.props.searchkey && this.updateRequired && this.state.props.query !== queryText) {\n        this.dataProvider.invokeVariable(this, queryText).then((response: any) => {\n          if (response) {\n            response = response.dataSet;\n            if (isEmpty(response)) {\n              filteredData = [];\n            } else {\n              if (isObject(response) && !isArray(response)) {\n                response = [response];\n              }\n              this.setDataItems(response);\n            }\n          }\n        }, () => {});\n        return;\n      }\n      filteredData = this.dataProvider?.filter(filterOptions);\n    }\n    this.updateState({\n      props: { result: filteredData?.map( (item: any) => item.dataObject), query: queryText },\n      data: filteredData,\n    } as WmSearchState);\n    if (!this.state.isOpened && this.isFocused && filteredData.length > 0 ) {\n      if(this.styles.modal.display !== \"none\"){\n       this.showPopover && this.showPopover();\n      }\n    }\n  }\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  handleChange = (value: any) => {\n    this.isDefaultQuery = false;\n    const prevQuery = this.state.props.query;\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateState({\n        props: {result: [], query: value},\n        data: []\n      } as WmSearchState);\n    } else {\n      this.updateFilteredData(value);\n    }\n    if (value === '') {\n      this.validate(value);\n      this.updateState({\n        props: {\n          datavalue: '',\n        },\n      } as WmSearchState);\n      if (value === prevQuery) {\n        return;\n      }\n    }\n    setTimeout(() => {\n      if (this.props.invokeEvent) {\n        this.props.invokeEvent('onChange', [undefined, this.proxy, value, prevQuery]);\n      }\n       this.invokeEventCallback('onChange', [ undefined, this.proxy, value, prevQuery ]);\n    }, 300);\n  }\n\n  onChange(value: any) {\n    if(this.state.props.debouncetime && this.state.props.debouncetime > 0) {\n      if(this.timer !== null) {\n        clearTimeout(this.timer);\n        this.timer = null;\n      }\n\n      this.timer = setTimeout(() => {\n        this.handleChange(value)\n      }, this.state.props.debouncetime)\n    } else {\n      this.handleChange(value);\n    }\n  }\n\n  invokeChange(e: any) {\n    if (Platform.OS === 'web') {\n      this.cursor = e.target.selectionStart;\n      this.updateState({ props: { query: e.target.value } } as WmSearchState);\n    }\n  }\n\n  onFocus() {\n    this.isFocused = true;\n    if (\n      !(this.state.props.disabled || this.state.props.readonly) &&\n      this.state.props.type === 'autocomplete'\n    ) {\n      this.cursor = this.state.props.query?.length || 0;\n      this.updateFilteredData(this.state.props.query || '');\n    }\n    this.invokeEventCallback('onFocus', [null, this]);\n  }\n\n  onBlur() {\n    this.isFocused = false;\n    this.validate(this.state.props.datavalue);\n    if (!this.state.props.datavalue) {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      })\n    }\n    this.invokeEventCallback('onBlur', [null, this]);\n  }\n\n  public showPopover = () => {\n    this.computePosition().then(() => {\n      this.updateState({ isOpened: true } as WmSearchState);\n    });\n  };\n\n  public hide = () => {};\n\n  prepareModalOptions(content: React.ReactNode, styles: WmSearchStyles, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    const modalContentSTyles = {\n      width: this.searchInputWidth - 2 * (styles.modalContent.borderWidth || 0),\n      left: (this.state.position.left || 0) + 2 * (styles.modalContent.borderWidth || 0) };\n    o.modalStyle = {...styles.modal};\n    o.contentStyle = {...styles.modalContent, ...this.state.position, ...modalContentSTyles};\n    o.content = content;\n    o.isModal = true;\n    o.onClose = () => {\n      this.hide = () => {};\n      Keyboard.dismiss();\n      if (this.state.isOpened) {\n        this.setState({isOpened: false, modalOptions: {} as ModalOptions} as WmSearchState);\n      }\n    };\n    this.hide = () => {\n      modalService.hideModal(this.state.modalOptions);\n      if (this.state.isOpened) {\n        this.setState({ isOpened: false, modalOptions: {} as ModalOptions } as WmSearchState);\n      }\n    }\n    return o;\n  }\n\n  searchIconPress() {\n    this.isFocused = false;\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateFilteredData(this.state.props.query);\n    } else {\n      this.onItemSelect(this.state.data[0]);\n    }\n\n    if (get(this.props, 'formfield')) {\n      // @ts-ignore\n      // @ts-ignore\n      this.props.invokeEvent('onSubmit', [null, this]);\n    } else {\n      this.invokeEventCallback('onSubmit', [null, this]);\n    }\n  }\n\n  onItemSelect(item: any) {\n    this.isFocused = false;\n    this.updateState({ props: {\n        query: item.displayexp || item.displayfield\n      }\n    } as WmSearchState);\n    this.validate(item.datafield);\n    this.updateDatavalue(item.datafield);\n    this.prevDatavalue = item.datafield;\n    this.queryModel = item;\n    if (get(this.props, 'formfield')) {\n      // @ts-ignore\n      this.props.invokeEvent('onSelect', [null, this, item.datafield]);\n      // @ts-ignore\n      this.props.invokeEvent('onSubmit', [null, this]);\n    } else {\n      this.invokeEventCallback('onSelect', [null, this, item.datafield]);\n      this.invokeEventCallback('onSubmit', [null, this]);\n    }\n    this.hide();\n  }\n\n  public renderSkeleton(props: WmSearchProps): React.ReactNode {\n  \n    const rootStyle = {\n      ...this.styles.searchInputWrapper, \n      ...this.styles.root, \n      ...this.styles.text\n    }\n\n    return createSkeleton(this.theme, this.styles.skeleton, rootStyle)\n  }\n\n  renderSearchBar() {\n    const props = this.state.props;\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.props.query || '';\n    return(\n      /*\n       * onLayout function is required.\n       * https://github.com/naoufal/react-native-accordion/pull/19/files\n       */\n      <View style={this.styles.root} ref={ref => {this.view = ref as View}} onLayout={() => {}}>\n        <View style={this.styles.searchInputWrapper}>\n          <TextInput style={[this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isOpened && this.state.dataItems?.length > 0? this.styles.focusedText : null]}\n           ref={ref => {this.widgetRef = ref;\n             // @ts-ignore\n             if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n               // @ts-ignore\n               ref.selectionStart = ref.selectionEnd = this.cursor;\n             }}}\n            {...this.getTestPropsForInput()}\n            {...getAccessibilityProps(AccessibilityWidgetType.SEARCH, props)}\n            placeholderTextColor={this.styles.placeholderText.color as any}\n            placeholder={props.placeholder || 'Search'}\n            autoFocus={props.autofocus}\n            editable={props.disabled || props.readonly ? false : true}\n            onChangeText={this.onChange.bind(this)}\n            onChange={this.invokeChange.bind(this)}\n            onFocus={this.onFocus.bind(this)}\n            onLayout={e => {this.searchInputWidth = e.nativeEvent.layout.width}}\n            onBlur={this.onBlur.bind(this)}\n            {...opts}>\n         </TextInput>\n         {(props.showclear && !(this.state.props.disabled || this.state.props.readonly)) && this.state.props.query ? <WmButton onTap={this.clearSearch.bind(this)}\n                   id={this.getTestId('clear')}\n            styles={this.styles.clearButton} iconclass={props.clearsearchiconclass || 'wi wi-clear'}></WmButton> : null}\n       </View>\n        {props.showSearchIcon && props.type === 'search' ? <WmButton styles={this.styles.searchButton}\n                  id={this.getTestId('search')}\n          iconclass={props.searchiconclass || props.iconclass} onTap={this.searchIconPress.bind(this)}></WmButton> : null}\n      </View>\n    );\n  }\n\n  reset() {\n    if (this.state.props.query) {\n      this.updateState({\n        props: {\n          query: ''\n        }\n      } as WmSearchState);\n    }\n  }\n\n  renderSearchItem(item: any, index: number) {\n    const props = this.state.props;\n    const imageStyles = { root: {height:props.imagewidth, width:props.imagewidth}}\n    return (\n      <Tappable onTap={this.onItemSelect.bind(this, item)} {...this.getTestProps(`action${index}`)} disableTouchEffect={this.state.props.disabletoucheffect}>\n        <View  style={this.styles.searchItem}>\n          {!isEmpty(this.state.template) && this.props.renderitempartial ?\n           this.props.renderitempartial(item.dataObject, index, this.state.template) : (<>\n          <WmPicture id={this.getTestId(`picture${index}`)} styles={imageStyles} name={props.name + '_image'}  picturesource={item.imgSrc}></WmPicture>\n          <Text {...this.getTestPropsForLabel(index + '')} style={this.styles.searchItemText}>{item.displayexp || item.displayfield}</Text>\n          </>)}\n        </View>\n      </Tappable>\n    );\n  }\n\n  updateDefaultQueryModel() {\n    if (this.state.dataItems && this.state.dataItems.length && this.isDefaultQuery) {\n        const selectedItem = find(this.state.dataItems, (item) => item.selected);\n        this.updateState({ props: {\n            query: selectedItem ? (selectedItem.displayexp || selectedItem.displayfield) : ''\n          }\n        } as WmSearchState);\n    }\n  }\n\n  onDataItemsUpdate() {\n    super.onDataItemsUpdate();\n    this.isFocused && this.state.dataItems.length && this.updateFilteredData(this.state.props.query);\n    this.updateDefaultQueryModel();\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    this.updateDefaultQueryModel();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'dataset':\n        if (!isEmpty($new) && isObject($new) && !isArray($new)) {\n          $new = [$new];\n          this.updateState({\n            props: {\n              dataset: $new\n            }\n          } as WmSearchState);\n        }\n        break;\n    }\n    super.onPropertyChange(name, $new, $old);\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName} as WmSearchState);\n  }\n\n  renderWidget(props: WmSearchProps) {\n    const result = this.state.data;\n    return (\n      <View\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this.renderSearchBar()}\n        {this.state.isOpened ? (\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              modalService.showModal(this.prepareModalOptions((\n                <ScrollView style={{width: '100%', maxHeight: 200}} contentContainerStyle={this.styles.dropDownContent}>\n                    <AssetProvider value={this.loadAsset}>\n                    {result && result.map((item: any, index: any) => (\n                      <View key={item.key}>\n                        {\n                          (!props.limit) || (props.limit && index+1 <= props.limit) ?\n                            this.renderSearchItem(item, index)\n                            : null\n                        }\n                        {\n                          index === result.length - 1 ?\n                          <WmAnchor caption={props.datacompletemsg} styles={this.styles.dataCompleteItem}></WmAnchor> : null\n                        }\n                      </View>\n                    ))}\n                    </AssetProvider>\n                </ScrollView>\n              ), this.styles, modalService));\n              return null;\n            }}\n          </ModalConsumer>) : null}\n      </View>\n\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Keyboard","Platform","Text","TextInput","View","ScrollView","find","isNull","WmSearchProps","DEFAULT_CLASS","ModalConsumer","DataProvider","AccessibilityWidgetType","getAccessibilityProps","BaseDatasetComponent","BaseDatasetState","WmAnchor","WmPicture","Tappable","WmButton","get","isArray","isEmpty","isObject","AssetProvider","createSkeleton","WmSearchState","constructor","args","_defineProperty","top","left","WmSearch","props","Promise","resolve","position","view","measure","x","y","width","height","px","py","updateState","value","isDefaultQuery","prevQuery","state","query","searchon","result","data","updateFilteredData","validate","datavalue","setTimeout","invokeEvent","undefined","proxy","invokeEventCallback","computePosition","then","isOpened","dataProvider","clearSearch","hide","dataItems","map","item","selected","type","queryText","_filteredData","filterOptions","entries","filteredData","minchars","length","_this$dataProvider","searchkey","updateRequired","init","invokeVariable","response","dataSet","setDataItems","filter","dataObject","isFocused","styles","modal","display","showPopover","focus","_this$widgetRef","widgetRef","onChange","debouncetime","timer","clearTimeout","handleChange","invokeChange","e","OS","cursor","target","selectionStart","onFocus","disabled","readonly","_this$state$props$que","onBlur","triggerValidation","prepareModalOptions","content","modalService","o","modalOptions","modalContentSTyles","searchInputWidth","modalContent","borderWidth","modalStyle","contentStyle","isModal","onClose","dismiss","setState","hideModal","searchIconPress","onItemSelect","displayexp","displayfield","datafield","updateDatavalue","prevDatavalue","queryModel","renderSkeleton","rootStyle","searchInputWrapper","root","text","theme","skeleton","renderSearchBar","_this$state$dataItems","opts","valueExpr","createElement","style","ref","onLayout","_extends","isValid","invalid","focusedText","selectionEnd","getTestPropsForInput","SEARCH","placeholderTextColor","placeholderText","color","placeholder","autoFocus","autofocus","editable","onChangeText","bind","nativeEvent","layout","showclear","onTap","id","getTestId","clearButton","iconclass","clearsearchiconclass","showSearchIcon","searchButton","searchiconclass","reset","renderSearchItem","index","imageStyles","imagewidth","getTestProps","disableTouchEffect","disabletoucheffect","searchItem","template","renderitempartial","Fragment","name","picturesource","imgSrc","getTestPropsForLabel","searchItemText","updateDefaultQueryModel","selectedItem","onDataItemsUpdate","componentDidMount","onPropertyChange","$new","$old","dataset","setTemplate","partialName","renderWidget","event","handleLayout","rootWrapper","showModal","maxHeight","contentContainerStyle","dropDownContent","loadAsset","key","limit","caption","datacompletemsg","dataCompleteItem"],"sources":["search.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Keyboard, Platform, Text, TextInput, View } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { find, isNull } from 'lodash';\n\nimport WmSearchProps from './search.props';\nimport { DEFAULT_CLASS, WmSearchStyles } from './search.styles';\nimport { ModalConsumer, ModalOptions, ModalService} from \"@wavemaker/app-rn-runtime/core/modal.service\";\nimport { DataProvider } from '@wavemaker/app-rn-runtime/components/basic/search/local-data-provider';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { get, isArray, isEmpty, isObject } from \"lodash-es\";\nimport { AssetProvider } from '@wavemaker/app-rn-runtime/core/asset.provider';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmSearchState extends BaseDatasetState<WmSearchProps> {\n  isOpened: boolean = false;\n  modalOptions = {} as ModalOptions;\n  template: string = \"\";\n  position = {\n    top: 0,\n    left: 0\n  } as DropdownPosition;\n  data: any = [];\n}\n\nexport interface DropdownPosition {\n  top?: number;\n  bottom?: number;\n  left?: number;\n  right?: number;\n}\n\nexport default class WmSearch extends BaseDatasetComponent<WmSearchProps, WmSearchState, WmSearchStyles> {\n  view: View = null as any;\n  private prevDatavalue: any;\n  private queryModel: any;\n  private searchInputWidth: any;\n  private isDefaultQuery: boolean = true;\n  private dataProvider: DataProvider;\n  public widgetRef: TextInput | null = null;\n  private cursor: any = 0;\n  private isFocused: boolean = false;\n  private updateRequired: any;\n  private timer: ReturnType<typeof setTimeout> | null = null;\n\n  constructor(props: WmSearchProps) {\n    super(props, DEFAULT_CLASS, new WmSearchProps(), new WmSearchState());\n    this.dataProvider = new DataProvider();\n    if (this.props.datavalue) {\n      this.updateState({\n        props: {\n          query: this.props.datavalue\n        }\n      } as WmSearchState);\n    }\n  }\n\n  computePosition = () => {\n    return new Promise<void>((resolve) => {\n      const position = {} as DropdownPosition;\n      this.view.measure((x = 0, y = 0, width = 0, height = 0, px = 0, py = 0) => {\n        position.left = px;\n        position.top = py + height;\n        this.updateState({ position: position } as WmSearchState, resolve);\n      });\n    });\n  }\n\n  clearSearch() {\n    this.invokeEventCallback('onClear', [null, this]);\n    this.hide();\n    this.updateState({\n      props: {\n        query: ''\n      },\n      dataItems: this.state.dataItems ? this.state.dataItems.map((item: any) => {\n        item.selected = false;\n        return item;\n      }) : []\n    } as WmSearchState, () => {\n      if (this.state.props.type === 'autocomplete') {\n        this.updateFilteredData('');\n      }\n    });\n  }\n\n  updateFilteredData(queryText: string = '') {\n    const props = this.state.props;\n    const filterOptions = {\n      query: queryText,\n      props: props,\n      entries: this.state.dataItems\n    };\n    let filteredData: Array<any> = [];\n    if (props.minchars && queryText.length < props.minchars) {\n      filteredData = [];\n    } else if (props.type === 'search' && !queryText) {\n      filteredData = [];\n    } else {\n      if (this.props.searchkey && this.updateRequired === undefined) {\n        this.updateRequired = this.dataProvider.init(this);\n      }\n      // for service variables invoke the variable with params.\n      if (this.props.searchkey && this.updateRequired && this.state.props.query !== queryText) {\n        this.dataProvider.invokeVariable(this, queryText).then((response: any) => {\n          if (response) {\n            response = response.dataSet;\n            if (isEmpty(response)) {\n              filteredData = [];\n            } else {\n              if (isObject(response) && !isArray(response)) {\n                response = [response];\n              }\n              this.setDataItems(response);\n            }\n          }\n        }, () => {});\n        return;\n      }\n      filteredData = this.dataProvider?.filter(filterOptions);\n    }\n    this.updateState({\n      props: { result: filteredData?.map( (item: any) => item.dataObject), query: queryText },\n      data: filteredData,\n    } as WmSearchState);\n    if (!this.state.isOpened && this.isFocused && filteredData.length > 0 ) {\n      if(this.styles.modal.display !== \"none\"){\n       this.showPopover && this.showPopover();\n      }\n    }\n  }\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  handleChange = (value: any) => {\n    this.isDefaultQuery = false;\n    const prevQuery = this.state.props.query;\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateState({\n        props: {result: [], query: value},\n        data: []\n      } as WmSearchState);\n    } else {\n      this.updateFilteredData(value);\n    }\n    if (value === '') {\n      this.validate(value);\n      this.updateState({\n        props: {\n          datavalue: '',\n        },\n      } as WmSearchState);\n      if (value === prevQuery) {\n        return;\n      }\n    }\n    setTimeout(() => {\n      if (this.props.invokeEvent) {\n        this.props.invokeEvent('onChange', [undefined, this.proxy, value, prevQuery]);\n      }\n       this.invokeEventCallback('onChange', [ undefined, this.proxy, value, prevQuery ]);\n    }, 300);\n  }\n\n  onChange(value: any) {\n    if(this.state.props.debouncetime && this.state.props.debouncetime > 0) {\n      if(this.timer !== null) {\n        clearTimeout(this.timer);\n        this.timer = null;\n      }\n\n      this.timer = setTimeout(() => {\n        this.handleChange(value)\n      }, this.state.props.debouncetime)\n    } else {\n      this.handleChange(value);\n    }\n  }\n\n  invokeChange(e: any) {\n    if (Platform.OS === 'web') {\n      this.cursor = e.target.selectionStart;\n      this.updateState({ props: { query: e.target.value } } as WmSearchState);\n    }\n  }\n\n  onFocus() {\n    this.isFocused = true;\n    if (\n      !(this.state.props.disabled || this.state.props.readonly) &&\n      this.state.props.type === 'autocomplete'\n    ) {\n      this.cursor = this.state.props.query?.length || 0;\n      this.updateFilteredData(this.state.props.query || '');\n    }\n    this.invokeEventCallback('onFocus', [null, this]);\n  }\n\n  onBlur() {\n    this.isFocused = false;\n    this.validate(this.state.props.datavalue);\n    if (!this.state.props.datavalue) {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      })\n    }\n    this.invokeEventCallback('onBlur', [null, this]);\n  }\n\n  public showPopover = () => {\n    this.computePosition().then(() => {\n      this.updateState({ isOpened: true } as WmSearchState);\n    });\n  };\n\n  public hide = () => {};\n\n  prepareModalOptions(content: React.ReactNode, styles: WmSearchStyles, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    const modalContentSTyles = {\n      width: this.searchInputWidth - 2 * (styles.modalContent.borderWidth || 0),\n      left: (this.state.position.left || 0) + 2 * (styles.modalContent.borderWidth || 0) };\n    o.modalStyle = {...styles.modal};\n    o.contentStyle = {...styles.modalContent, ...this.state.position, ...modalContentSTyles};\n    o.content = content;\n    o.isModal = true;\n    o.onClose = () => {\n      this.hide = () => {};\n      Keyboard.dismiss();\n      if (this.state.isOpened) {\n        this.setState({isOpened: false, modalOptions: {} as ModalOptions} as WmSearchState);\n      }\n    };\n    this.hide = () => {\n      modalService.hideModal(this.state.modalOptions);\n      if (this.state.isOpened) {\n        this.setState({ isOpened: false, modalOptions: {} as ModalOptions } as WmSearchState);\n      }\n    }\n    return o;\n  }\n\n  searchIconPress() {\n    this.isFocused = false;\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateFilteredData(this.state.props.query);\n    } else {\n      this.onItemSelect(this.state.data[0]);\n    }\n\n    if (get(this.props, 'formfield')) {\n      // @ts-ignore\n      // @ts-ignore\n      this.props.invokeEvent('onSubmit', [null, this]);\n    } else {\n      this.invokeEventCallback('onSubmit', [null, this]);\n    }\n  }\n\n  onItemSelect(item: any) {\n    this.isFocused = false;\n    this.updateState({ props: {\n        query: item.displayexp || item.displayfield\n      }\n    } as WmSearchState);\n    this.validate(item.datafield);\n    this.updateDatavalue(item.datafield);\n    this.prevDatavalue = item.datafield;\n    this.queryModel = item;\n    if (get(this.props, 'formfield')) {\n      // @ts-ignore\n      this.props.invokeEvent('onSelect', [null, this, item.datafield]);\n      // @ts-ignore\n      this.props.invokeEvent('onSubmit', [null, this]);\n    } else {\n      this.invokeEventCallback('onSelect', [null, this, item.datafield]);\n      this.invokeEventCallback('onSubmit', [null, this]);\n    }\n    this.hide();\n  }\n\n  public renderSkeleton(props: WmSearchProps): React.ReactNode {\n  \n    const rootStyle = {\n      ...this.styles.searchInputWrapper, \n      ...this.styles.root, \n      ...this.styles.text\n    }\n\n    return createSkeleton(this.theme, this.styles.skeleton, rootStyle)\n  }\n\n  renderSearchBar() {\n    const props = this.state.props;\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.props.query || '';\n    return(\n      /*\n       * onLayout function is required.\n       * https://github.com/naoufal/react-native-accordion/pull/19/files\n       */\n      <View style={this.styles.root} ref={ref => {this.view = ref as View}} onLayout={() => {}}>\n        <View style={this.styles.searchInputWrapper}>\n          <TextInput style={[this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isOpened && this.state.dataItems?.length > 0? this.styles.focusedText : null]}\n           ref={ref => {this.widgetRef = ref;\n             // @ts-ignore\n             if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n               // @ts-ignore\n               ref.selectionStart = ref.selectionEnd = this.cursor;\n             }}}\n            {...this.getTestPropsForInput()}\n            {...getAccessibilityProps(AccessibilityWidgetType.SEARCH, props)}\n            placeholderTextColor={this.styles.placeholderText.color as any}\n            placeholder={props.placeholder || 'Search'}\n            autoFocus={props.autofocus}\n            editable={props.disabled || props.readonly ? false : true}\n            onChangeText={this.onChange.bind(this)}\n            onChange={this.invokeChange.bind(this)}\n            onFocus={this.onFocus.bind(this)}\n            onLayout={e => {this.searchInputWidth = e.nativeEvent.layout.width}}\n            onBlur={this.onBlur.bind(this)}\n            {...opts}>\n         </TextInput>\n         {(props.showclear && !(this.state.props.disabled || this.state.props.readonly)) && this.state.props.query ? <WmButton onTap={this.clearSearch.bind(this)}\n                   id={this.getTestId('clear')}\n            styles={this.styles.clearButton} iconclass={props.clearsearchiconclass || 'wi wi-clear'}></WmButton> : null}\n       </View>\n        {props.showSearchIcon && props.type === 'search' ? <WmButton styles={this.styles.searchButton}\n                  id={this.getTestId('search')}\n          iconclass={props.searchiconclass || props.iconclass} onTap={this.searchIconPress.bind(this)}></WmButton> : null}\n      </View>\n    );\n  }\n\n  reset() {\n    if (this.state.props.query) {\n      this.updateState({\n        props: {\n          query: ''\n        }\n      } as WmSearchState);\n    }\n  }\n\n  renderSearchItem(item: any, index: number) {\n    const props = this.state.props;\n    const imageStyles = { root: {height:props.imagewidth, width:props.imagewidth}}\n    return (\n      <Tappable onTap={this.onItemSelect.bind(this, item)} {...this.getTestProps(`action${index}`)} disableTouchEffect={this.state.props.disabletoucheffect}>\n        <View  style={this.styles.searchItem}>\n          {!isEmpty(this.state.template) && this.props.renderitempartial ?\n           this.props.renderitempartial(item.dataObject, index, this.state.template) : (<>\n          <WmPicture id={this.getTestId(`picture${index}`)} styles={imageStyles} name={props.name + '_image'}  picturesource={item.imgSrc}></WmPicture>\n          <Text {...this.getTestPropsForLabel(index + '')} style={this.styles.searchItemText}>{item.displayexp || item.displayfield}</Text>\n          </>)}\n        </View>\n      </Tappable>\n    );\n  }\n\n  updateDefaultQueryModel() {\n    if (this.state.dataItems && this.state.dataItems.length && this.isDefaultQuery) {\n        const selectedItem = find(this.state.dataItems, (item) => item.selected);\n        this.updateState({ props: {\n            query: selectedItem ? (selectedItem.displayexp || selectedItem.displayfield) : ''\n          }\n        } as WmSearchState);\n    }\n  }\n\n  onDataItemsUpdate() {\n    super.onDataItemsUpdate();\n    this.isFocused && this.state.dataItems.length && this.updateFilteredData(this.state.props.query);\n    this.updateDefaultQueryModel();\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    this.updateDefaultQueryModel();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'dataset':\n        if (!isEmpty($new) && isObject($new) && !isArray($new)) {\n          $new = [$new];\n          this.updateState({\n            props: {\n              dataset: $new\n            }\n          } as WmSearchState);\n        }\n        break;\n    }\n    super.onPropertyChange(name, $new, $old);\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName} as WmSearchState);\n  }\n\n  renderWidget(props: WmSearchProps) {\n    const result = this.state.data;\n    return (\n      <View\n        onLayout={(event) => this.handleLayout(event)}\n        style={[this.styles.rootWrapper]}\n      >\n        {this.renderSearchBar()}\n        {this.state.isOpened ? (\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              modalService.showModal(this.prepareModalOptions((\n                <ScrollView style={{width: '100%', maxHeight: 200}} contentContainerStyle={this.styles.dropDownContent}>\n                    <AssetProvider value={this.loadAsset}>\n                    {result && result.map((item: any, index: any) => (\n                      <View key={item.key}>\n                        {\n                          (!props.limit) || (props.limit && index+1 <= props.limit) ?\n                            this.renderSearchItem(item, index)\n                            : null\n                        }\n                        {\n                          index === result.length - 1 ?\n                          <WmAnchor caption={props.datacompletemsg} styles={this.styles.dataCompleteItem}></WmAnchor> : null\n                        }\n                      </View>\n                    ))}\n                    </AssetProvider>\n                </ScrollView>\n              ), this.styles, modalService));\n              return null;\n            }}\n          </ModalConsumer>) : null}\n      </View>\n\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/basic/search/search.styles.js

@@ -116,6 +116,24 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
+
+  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles
+  addStyle('form-autocomplete-input-horizontal', '', {
+    rootWrapper: {
+      width: '70%'
+    },
+    root: {
+      width: '100%'
+    },
+    text: {},
+    searchInputWrapper: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      flex: undefined,
+      display: 'flex'
+    }
+  });
   addStyle(DEFAULT_CLASS + '-disabled', '', {
     text: {
       backgroundColor: themeVariables.inputDisabledBgColor

package/components/basic/search/search.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","borderRadius","text","minHeight","paddingTop","paddingBottom","paddingLeft","paddingRight","width","borderWidth","borderRightWidth","borderTopLeftRadius","borderBottomLeftRadius","borderColor","searchBorderColor","backgroundColor","searchBgContainerColor","invalid","borderBottomColor","inputInvalidBorderColor","focusedText","modal","transparent","height","modalContent","position","borderStyle","dropDownContent","searchInputWrapper","alignItems","justifyContent","flex","clearButton","marginLeft","padding","alignSelf","searchButton","borderTopRightRadius","borderBottomRightRadius","searchButtonColor","rippleColor","icon","fontSize","color","searchButtonTextColor","marginRight","searchItem","marginBottom","paddingHorizontal","paddingVertical","searchItemBorderColor","searchItemTextColor","searchItemText","fontFamily","baseFont","dataCompleteItem","searchDataCompleteItemBgColor","textDecorationLine","placeholderText","inputPlaceholderColor","skeleton","inputDisabledBgColor","OS","textAlign","borderLeftWidth","left"],"sources":["search.styles.ts"],"sourcesContent":["import { Platform, TextStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmSearchStyles = BaseStyles & {\n  focusedText: TextStyle,\n  modal: AllStyle;\n  modalContent: AllStyle;\n  searchItem: AllStyle;\n  dropDownContent: AllStyle;\n  searchItemText: AllStyle;\n  clearButton: WmButtonStyles;\n  searchButton: WmButtonStyles;\n  searchInputWrapper: AllStyle;\n  placeholderText: AllStyle;\n  invalid: AllStyle;\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-search';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSearchStyles = defineStyles({\n      root: {\n        flexDirection: 'row',\n        borderRadius: 28,\n      },\n      text: {\n        minHeight: 56,\n        paddingTop: 8,\n        paddingBottom: 8,\n        paddingLeft: 24,\n        paddingRight: 14,\n        width: '100%',\n        borderWidth: 1,\n        borderRightWidth: 0,\n        borderTopLeftRadius: 28,\n        borderBottomLeftRadius: 28,\n        borderColor: themeVariables.searchBorderColor,\n        backgroundColor: themeVariables.searchBgContainerColor,\n      },\n    invalid: {\n      borderBottomColor: themeVariables.inputInvalidBorderColor,\n    },\n      focusedText : {\n        borderBottomLeftRadius: 28,\n      },\n    modal: {\n      backgroundColor: themeVariables.transparent,\n      height: '100%'\n    },\n    modalContent: {\n      backgroundColor: themeVariables.searchBgContainerColor,\n      borderRadius: 6,\n      position: 'absolute',\n      borderStyle: 'solid',\n      borderColor: themeVariables.searchBorderColor,\n      width: '90%'\n    },\n      dropDownContent: {\n          width: '100%'\n      },\n      searchInputWrapper: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center',\n        flex: 1\n      },\n      clearButton: {\n        root: {\n          marginLeft: -40,\n          padding: 0,\n          width: 36,\n          alignItems: 'center',\n          alignSelf: 'center',\n          justifyContent: 'center',\n          backgroundColor: 'transparent'\n        }\n      } as WmButtonStyles,\n      searchButton: {\n        root: {\n          alignItems: 'center',\n          justifyContent: 'center',\n          borderRadius: 0,\n          borderTopRightRadius: 28,\n          borderBottomRightRadius: 28,\n          backgroundColor: themeVariables.searchButtonColor,\n          height: 56,\n          rippleColor: themeVariables.rippleColor\n        },\n        icon: {\n          icon: {\n            fontSize: 24,\n            color: themeVariables.searchButtonTextColor,\n            marginRight: 4\n          }\n        }\n      } as WmButtonStyles,\n      searchItem: {\n        width: '100%',\n        marginBottom: 4,\n        paddingHorizontal: 16,\n        paddingVertical: 8,\n        borderBottomColor: themeVariables.searchItemBorderColor,\n        flexDirection: 'row',\n        alignItems: 'center',\n        color: themeVariables.searchItemTextColor\n      },\n      searchItemText: {\n        fontSize: 16,\n        paddingLeft: 8,\n        fontFamily: themeVariables.baseFont\n      },\n      dataCompleteItem: {\n          root: {\n            backgroundColor: themeVariables.searchDataCompleteItemBgColor,\n            justifyContent: 'center',\n            padding: 8\n          },\n          text: {\n            fontSize: 12,\n            textDecorationLine: 'none',\n            color: themeVariables.searchItemTextColor\n          }\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      },\n      skeleton: {\n        root: {\n          height: 56\n        }\n      } as any as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      text : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS=='web' || Platform.OS=='android' ?{\n    text : {\n      textAlign: 'right',\n      borderWidth: 1,\n      borderRightWidth: 1,\n      borderLeftWidth: 0,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 28,\n      borderBottomRightRadius: 28,\n    },\n    searchButton: {\n      root: {\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n        borderTopLeftRadius: 28,\n        borderBottomLeftRadius: 28,\n      },\n    },\n    clearButton: {\n      root: {\n        left: 0,\n        position: 'absolute',\n        marginLeft: 0\n      }\n    } as WmButtonStyles,\n  }:{\n    text : {\n      textAlign: 'right',\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 28,\n      borderBottomRightRadius: 28,\n      borderRightWidth: 1,\n      borderLeftWidth: 0,\n    }\n  });\n\n  addStyle('app-autocomplete', '', {\n    text: {\n      borderRightWidth: 1,\n      borderTopRightRadius: 4,\n      borderBottomRightRadius: 4,\n    }\n  } as WmSearchStyles);\n});\n"],"mappings":"AAAA,SAASA,QAAQ,QAAmB,cAAc;AAClD,OAAOC,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAmBxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA6B,GAAGL,YAAY,CAAC;IAC/CM,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJC,SAAS,EAAE,EAAE;MACbC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE,EAAE;MAChBC,KAAK,EAAE,MAAM;MACbC,WAAW,EAAE,CAAC;MACdC,gBAAgB,EAAE,CAAC;MACnBC,mBAAmB,EAAE,EAAE;MACvBC,sBAAsB,EAAE,EAAE;MAC1BC,WAAW,EAAEjB,cAAc,CAACkB,iBAAiB;MAC7CC,eAAe,EAAEnB,cAAc,CAACoB;IAClC,CAAC;IACHC,OAAO,EAAE;MACPC,iBAAiB,EAAEtB,cAAc,CAACuB;IACpC,CAAC;IACCC,WAAW,EAAG;MACZR,sBAAsB,EAAE;IAC1B,CAAC;IACHS,KAAK,EAAE;MACLN,eAAe,EAAEnB,cAAc,CAAC0B,WAAW;MAC3CC,MAAM,EAAE;IACV,CAAC;IACDC,YAAY,EAAE;MACZT,eAAe,EAAEnB,cAAc,CAACoB,sBAAsB;MACtDf,YAAY,EAAE,CAAC;MACfwB,QAAQ,EAAE,UAAU;MACpBC,WAAW,EAAE,OAAO;MACpBb,WAAW,EAAEjB,cAAc,CAACkB,iBAAiB;MAC7CN,KAAK,EAAE;IACT,CAAC;IACCmB,eAAe,EAAE;MACbnB,KAAK,EAAE;IACX,CAAC;IACDoB,kBAAkB,EAAE;MAClB5B,aAAa,EAAE,KAAK;MACpB6B,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,IAAI,EAAE;IACR,CAAC;IACDC,WAAW,EAAE;MACXjC,IAAI,EAAE;QACJkC,UAAU,EAAE,CAAC,EAAE;QACfC,OAAO,EAAE,CAAC;QACV1B,KAAK,EAAE,EAAE;QACTqB,UAAU,EAAE,QAAQ;QACpBM,SAAS,EAAE,QAAQ;QACnBL,cAAc,EAAE,QAAQ;QACxBf,eAAe,EAAE;MACnB;IACF,CAAmB;IACnBqB,YAAY,EAAE;MACZrC,IAAI,EAAE;QACJ8B,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxB7B,YAAY,EAAE,CAAC;QACfoC,oBAAoB,EAAE,EAAE;QACxBC,uBAAuB,EAAE,EAAE;QAC3BvB,eAAe,EAAEnB,cAAc,CAAC2C,iBAAiB;QACjDhB,MAAM,EAAE,EAAE;QACViB,WAAW,EAAE5C,cAAc,CAAC4C;MAC9B,CAAC;MACDC,IAAI,EAAE;QACJA,IAAI,EAAE;UACJC,QAAQ,EAAE,EAAE;UACZC,KAAK,EAAE/C,cAAc,CAACgD,qBAAqB;UAC3CC,WAAW,EAAE;QACf;MACF;IACF,CAAmB;IACnBC,UAAU,EAAE;MACVtC,KAAK,EAAE,MAAM;MACbuC,YAAY,EAAE,CAAC;MACfC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAE,CAAC;MAClB/B,iBAAiB,EAAEtB,cAAc,CAACsD,qBAAqB;MACvDlD,aAAa,EAAE,KAAK;MACpB6B,UAAU,EAAE,QAAQ;MACpBc,KAAK,EAAE/C,cAAc,CAACuD;IACxB,CAAC;IACDC,cAAc,EAAE;MACdV,QAAQ,EAAE,EAAE;MACZpC,WAAW,EAAE,CAAC;MACd+C,UAAU,EAAEzD,cAAc,CAAC0D;IAC7B,CAAC;IACDC,gBAAgB,EAAE;MACdxD,IAAI,EAAE;QACJgB,eAAe,EAAEnB,cAAc,CAAC4D,6BAA6B;QAC7D1B,cAAc,EAAE,QAAQ;QACxBI,OAAO,EAAE;MACX,CAAC;MACDhC,IAAI,EAAE;QACJwC,QAAQ,EAAE,EAAE;QACZe,kBAAkB,EAAE,MAAM;QAC1Bd,KAAK,EAAE/C,cAAc,CAACuD;MACxB;IACJ,CAAC;IACDO,eAAe,EAAE;MACff,KAAK,EAAE/C,cAAc,CAAC+D;IACxB,CAAC;IACDC,QAAQ,EAAE;MACR7D,IAAI,EAAE;QACJwB,MAAM,EAAE;MACV;IACF;EACJ,CAAC,CAAC;EAEF1B,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCQ,IAAI,EAAG;MACLa,eAAe,EAAEnB,cAAc,CAACiE;IAClC;EACJ,CAAC,CAAC;EAEFhE,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAEH,QAAQ,CAACuE,EAAE,IAAE,KAAK,IAAIvE,QAAQ,CAACuE,EAAE,IAAE,SAAS,GAAE;IACjF5D,IAAI,EAAG;MACL6D,SAAS,EAAE,OAAO;MAClBtD,WAAW,EAAE,CAAC;MACdC,gBAAgB,EAAE,CAAC;MACnBsD,eAAe,EAAE,CAAC;MAClBrD,mBAAmB,EAAE,CAAC;MACtBC,sBAAsB,EAAE,CAAC;MACzByB,oBAAoB,EAAE,EAAE;MACxBC,uBAAuB,EAAE;IAC3B,CAAC;IACDF,YAAY,EAAE;MACZrC,IAAI,EAAE;QACJsC,oBAAoB,EAAE,CAAC;QACvBC,uBAAuB,EAAE,CAAC;QAC1B3B,mBAAmB,EAAE,EAAE;QACvBC,sBAAsB,EAAE;MAC1B;IACF,CAAC;IACDoB,WAAW,EAAE;MACXjC,IAAI,EAAE;QACJkE,IAAI,EAAE,CAAC;QACPxC,QAAQ,EAAE,UAAU;QACpBQ,UAAU,EAAE;MACd;IACF;EACF,CAAC,GAAC;IACA/B,IAAI,EAAG;MACL6D,SAAS,EAAE,OAAO;MAClBpD,mBAAmB,EAAE,CAAC;MACtBC,sBAAsB,EAAE,CAAC;MACzByB,oBAAoB,EAAE,EAAE;MACxBC,uBAAuB,EAAE,EAAE;MAC3B5B,gBAAgB,EAAE,CAAC;MACnBsD,eAAe,EAAE;IACnB;EACF,CAAC,CAAC;EAEFnE,QAAQ,CAAC,kBAAkB,EAAE,EAAE,EAAE;IAC/BK,IAAI,EAAE;MACJQ,gBAAgB,EAAE,CAAC;MACnB2B,oBAAoB,EAAE,CAAC;MACvBC,uBAAuB,EAAE;IAC3B;EACF,CAAmB,CAAC;AACtB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["Platform","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","borderRadius","text","minHeight","paddingTop","paddingBottom","paddingLeft","paddingRight","width","borderWidth","borderRightWidth","borderTopLeftRadius","borderBottomLeftRadius","borderColor","searchBorderColor","backgroundColor","searchBgContainerColor","invalid","borderBottomColor","inputInvalidBorderColor","focusedText","modal","transparent","height","modalContent","position","borderStyle","dropDownContent","searchInputWrapper","alignItems","justifyContent","flex","clearButton","marginLeft","padding","alignSelf","searchButton","borderTopRightRadius","borderBottomRightRadius","searchButtonColor","rippleColor","icon","fontSize","color","searchButtonTextColor","marginRight","searchItem","marginBottom","paddingHorizontal","paddingVertical","searchItemBorderColor","searchItemTextColor","searchItemText","fontFamily","baseFont","dataCompleteItem","searchDataCompleteItemBgColor","textDecorationLine","placeholderText","inputPlaceholderColor","skeleton","rootWrapper","undefined","display","inputDisabledBgColor","OS","textAlign","borderLeftWidth","left"],"sources":["search.styles.ts"],"sourcesContent":["import { Platform, TextStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmSearchStyles = BaseStyles & {\n  focusedText: TextStyle,\n  modal: AllStyle;\n  modalContent: AllStyle;\n  searchItem: AllStyle;\n  dropDownContent: AllStyle;\n  searchItemText: AllStyle;\n  clearButton: WmButtonStyles;\n  searchButton: WmButtonStyles;\n  searchInputWrapper: AllStyle;\n  placeholderText: AllStyle;\n  invalid: AllStyle;\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-search';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSearchStyles = defineStyles({\n      root: {\n        flexDirection: 'row',\n        borderRadius: 28,\n      },\n      text: {\n        minHeight: 56,\n        paddingTop: 8,\n        paddingBottom: 8,\n        paddingLeft: 24,\n        paddingRight: 14,\n        width: '100%',\n        borderWidth: 1,\n        borderRightWidth: 0,\n        borderTopLeftRadius: 28,\n        borderBottomLeftRadius: 28,\n        borderColor: themeVariables.searchBorderColor,\n        backgroundColor: themeVariables.searchBgContainerColor,\n      },\n    invalid: {\n      borderBottomColor: themeVariables.inputInvalidBorderColor,\n    },\n      focusedText : {\n        borderBottomLeftRadius: 28,\n      },\n    modal: {\n      backgroundColor: themeVariables.transparent,\n      height: '100%'\n    },\n    modalContent: {\n      backgroundColor: themeVariables.searchBgContainerColor,\n      borderRadius: 6,\n      position: 'absolute',\n      borderStyle: 'solid',\n      borderColor: themeVariables.searchBorderColor,\n      width: '90%'\n    },\n      dropDownContent: {\n          width: '100%'\n      },\n      searchInputWrapper: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center',\n        flex: 1\n      },\n      clearButton: {\n        root: {\n          marginLeft: -40,\n          padding: 0,\n          width: 36,\n          alignItems: 'center',\n          alignSelf: 'center',\n          justifyContent: 'center',\n          backgroundColor: 'transparent'\n        }\n      } as WmButtonStyles,\n      searchButton: {\n        root: {\n          alignItems: 'center',\n          justifyContent: 'center',\n          borderRadius: 0,\n          borderTopRightRadius: 28,\n          borderBottomRightRadius: 28,\n          backgroundColor: themeVariables.searchButtonColor,\n          height: 56,\n          rippleColor: themeVariables.rippleColor\n        },\n        icon: {\n          icon: {\n            fontSize: 24,\n            color: themeVariables.searchButtonTextColor,\n            marginRight: 4\n          }\n        }\n      } as WmButtonStyles,\n      searchItem: {\n        width: '100%',\n        marginBottom: 4,\n        paddingHorizontal: 16,\n        paddingVertical: 8,\n        borderBottomColor: themeVariables.searchItemBorderColor,\n        flexDirection: 'row',\n        alignItems: 'center',\n        color: themeVariables.searchItemTextColor\n      },\n      searchItemText: {\n        fontSize: 16,\n        paddingLeft: 8,\n        fontFamily: themeVariables.baseFont\n      },\n      dataCompleteItem: {\n          root: {\n            backgroundColor: themeVariables.searchDataCompleteItemBgColor,\n            justifyContent: 'center',\n            padding: 8\n          },\n          text: {\n            fontSize: 12,\n            textDecorationLine: 'none',\n            color: themeVariables.searchItemTextColor\n          }\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      },\n      skeleton: {\n        root: {\n          height: 56\n        }\n      } as any as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  \n  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n  addStyle('form-autocomplete-input-horizontal', '', {\n    rootWrapper: {\n      width: '70%'\n    },\n    root: {\n      width: '100%'\n    },\n    text: {},\n    searchInputWrapper: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flex: undefined,\n      display: 'flex'\n    },\n  } as BaseStyles);\n  \n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      text : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS=='web' || Platform.OS=='android' ?{\n    text : {\n      textAlign: 'right',\n      borderWidth: 1,\n      borderRightWidth: 1,\n      borderLeftWidth: 0,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 28,\n      borderBottomRightRadius: 28,\n    },\n    searchButton: {\n      root: {\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n        borderTopLeftRadius: 28,\n        borderBottomLeftRadius: 28,\n      },\n    },\n    clearButton: {\n      root: {\n        left: 0,\n        position: 'absolute',\n        marginLeft: 0\n      }\n    } as WmButtonStyles,\n  }:{\n    text : {\n      textAlign: 'right',\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 28,\n      borderBottomRightRadius: 28,\n      borderRightWidth: 1,\n      borderLeftWidth: 0,\n    }\n  });\n\n  addStyle('app-autocomplete', '', {\n    text: {\n      borderRightWidth: 1,\n      borderTopRightRadius: 4,\n      borderBottomRightRadius: 4,\n    }\n  } as WmSearchStyles);\n});\n"],"mappings":"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","ignoreList":[]}

package/components/data/form/form-field/form-field.styles.js

@@ -14,6 +14,18 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       fontFamily: themeVariables.baseFont
     }
   });
+
+  // Add horizontal form field layout class - positioned early to avoid overriding more specific styles
+  addStyle('app-form-field-horizontal', '', {
+    root: {
+      marginBottom: 24,
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      minHeight: 40,
+      width: '100%' // Ensure form field takes full width
+    },
+    text: {}
+  });
   addStyle('form-label', '', {
     root: {
       paddingBottom: 5

package/components/data/form/form-field/form-field.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","marginBottom","text","errorMsg","color","fontSize","paddingTop","fontFamily","baseFont","paddingBottom","defaultTextColor","heading5FontSize"],"sources":["form-field.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TextStyle } from 'react-native';\n\nexport type WmFormFieldStyles = BaseStyles & {\n    errorMsg: TextStyle\n};\n\nexport const DEFAULT_CLASS = 'app-form-field';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmFormFieldStyles = defineStyles({\n        root: {\n            marginBottom: 24\n        },\n        text: {},\n        errorMsg: {\n            color: 'red',\n            fontSize: 13,\n            paddingTop: 6,\n            fontFamily: themeVariables.baseFont\n        }\n    });\n    addStyle('form-label', '', {\n        root : {\n            paddingBottom: 5\n        },\n        text: {\n            color: themeVariables.defaultTextColor,\n            fontSize: themeVariables.heading5FontSize\n        }\n    } as BaseStyles);\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,gBAAgB;AAC7CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAgC,GAAGL,YAAY,CAAC;IAClDM,IAAI,EAAE;MACFC,YAAY,EAAE;IAClB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNC,KAAK,EAAE,KAAK;MACZC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,CAAC;MACbC,UAAU,EAAEV,cAAc,CAACW;IAC/B;EACJ,CAAC,CAAC;EACFV,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACvBE,IAAI,EAAG;MACHS,aAAa,EAAE;IACnB,CAAC;IACDP,IAAI,EAAE;MACFE,KAAK,EAAEP,cAAc,CAACa,gBAAgB;MACtCL,QAAQ,EAAER,cAAc,CAACc;IAC7B;EACJ,CAAe,CAAC;EAChBb,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","marginBottom","text","errorMsg","color","fontSize","paddingTop","fontFamily","baseFont","flexDirection","alignItems","minHeight","width","paddingBottom","defaultTextColor","heading5FontSize"],"sources":["form-field.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TextStyle } from 'react-native';\n\nexport type WmFormFieldStyles = BaseStyles & {\n    errorMsg: TextStyle\n};\n\nexport const DEFAULT_CLASS = 'app-form-field';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmFormFieldStyles = defineStyles({\n        root: {\n            marginBottom: 24\n        },\n        text: {},\n        errorMsg: {\n            color: 'red',\n            fontSize: 13,\n            paddingTop: 6,\n            fontFamily: themeVariables.baseFont\n        }\n    });\n    \n    // Add horizontal form field layout class - positioned early to avoid overriding more specific styles\n    addStyle('app-form-field-horizontal', '', {\n        root: {\n            marginBottom: 24,\n            flexDirection: 'row',\n            alignItems: 'flex-start',\n            minHeight: 40,\n            width: '100%' // Ensure form field takes full width\n        },\n        text: {}\n    } as BaseStyles);\n    \n    addStyle('form-label', '', {\n        root : {\n            paddingBottom: 5\n        },\n        text: {\n            color: themeVariables.defaultTextColor,\n            fontSize: themeVariables.heading5FontSize\n        }\n    } as BaseStyles);\n    \n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,gBAAgB;AAC7CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAgC,GAAGL,YAAY,CAAC;IAClDM,IAAI,EAAE;MACFC,YAAY,EAAE;IAClB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNC,KAAK,EAAE,KAAK;MACZC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,CAAC;MACbC,UAAU,EAAEV,cAAc,CAACW;IAC/B;EACJ,CAAC,CAAC;;EAEF;EACAV,QAAQ,CAAC,2BAA2B,EAAE,EAAE,EAAE;IACtCE,IAAI,EAAE;MACFC,YAAY,EAAE,EAAE;MAChBQ,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,YAAY;MACxBC,SAAS,EAAE,EAAE;MACbC,KAAK,EAAE,MAAM,CAAC;IAClB,CAAC;IACDV,IAAI,EAAE,CAAC;EACX,CAAe,CAAC;EAEhBJ,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACvBE,IAAI,EAAG;MACHa,aAAa,EAAE;IACnB,CAAC;IACDX,IAAI,EAAE;MACFE,KAAK,EAAEP,cAAc,CAACiB,gBAAgB;MACtCT,QAAQ,EAAER,cAAc,CAACkB;IAC7B;EACJ,CAAe,CAAC;EAEhBjB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/data/form/form.component.js

@@ -252,7 +252,7 @@ export default class WmForm extends BaseComponent {
       }
     }
     this.updateState({
-      dynamicForm: this.props.generateComponent(fields, this.props.name, this.proxy)
+      dynamicForm: this.props.generateComponent(fields, this.props.name, this.proxy, this.state.props.layoutposition === 'horizontal')
     });
   }
   onPropertyChange(name, $new, $old) {