@wavemaker/app-rn-runtime 11.14.1-15.6411 → 11.14.1-15.6413

package/components/chart/bar-chart/bar-chart.component.js

@@ -16,6 +16,9 @@ export default class WmBarChart extends BaseChartComponent {
     return this.abbreviateNumber(data.datum.y);
   }
   getBarChart(props) {
+    if (props.chartheight !== undefined && props.chartheight === 0) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
     const isNested = Array.isArray(this.state.data[0]) && this.state.data.length > 1;
     return this.state.data.map((d, i) => {
       return /*#__PURE__*/React.createElement(VictoryBar, _extends({

package/components/chart/bar-chart/bar-chart.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Platform","AccessibilityWidgetType","getAccessibilityProps","VictoryChart","VictoryBar","VictoryStack","VictoryGroup","BaseChartComponent","BaseChartComponentState","WmBarChartProps","DEFAULT_CLASS","WmIcon","WmBarChartState","WmBarChart","constructor","props","labelFn","data","abbreviateNumber","datum","y","getBarChart","isNested","Array","isArray","state","length","map","d","i","createElement","_extends","key","name","horizontal","labels","showvalues","bind","undefined","isRTL","toReversed","height","alignment","style","customcolors","fill","colors","_this$state$colors$da","x","stroke","_this$state$colors$da2","strokeWidth","showzerothvalue","cornerRadius","topLeft","styles","bar","borderTopLeftRadius","topRight","borderTopRightRadius","bottomLeft","borderBottomLeftRadius","bottomRight","borderBottomRightRadius","events","target","eventHandlers","OS","onClick","onSelect","onPress","barwidth","barWidth","event","viewRef","current","dataset","measureInWindow","chartX","chartY","value","index","label","xaxisDatakeyArr","selectedItem","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","_props$chartheight","_this$styles$root","_this$styles$root2","_this$styles$root3","_this$styles$root4","_this$styles$root5","_this$styles$root6","offsetTop","offsettop","offsetHeight","victoryChartHeight","chartheight","root","offsetbottom","containerStyle","mindomain","xdomain","chartMinX","ydomain","chartMinY","LINECHART","onLayout","onViewLayoutChange","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","getTooltip","theme","width","chartWidth","screenWidth","minDomain","padding","top","bottom","left","offsetright","offsetleft","right","getLegendView","getXaxis","getYAxis","viewtype","colorScale","offset"],"sources":["bar-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport {\n  VictoryChart,\n  VictoryBar,\n  VictoryLegend,\n  VictoryStack,\n  VictoryGroup\n} from \"victory-native\";\n\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport WmBarChartProps from './bar-chart.props';\nimport { DEFAULT_CLASS, WmBarChartStyles } from './bar-chart.styles';\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\nimport { min } from 'moment';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmBarChartState extends BaseChartComponentState<WmBarChartProps> {}\n\nexport default class WmBarChart extends BaseChartComponent<WmBarChartProps, WmBarChartState, WmBarChartStyles> {\n\n  constructor(props: WmBarChartProps) {\n    super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());\n  }\n\n  labelFn(data: any): string | number | string[] | number[] | null {\n    return this.abbreviateNumber(data.datum.y);\n  }\n\n  getBarChart(props: WmBarChartProps) {\n    const isNested = Array.isArray(this.state.data[0]) && this.state.data.length > 1;\n  return this.state.data.map((d: any, i: number) => {\n    return <VictoryBar key={props.name + '_' + i}\n        horizontal={props.horizontal} labels={props.showvalues ? this.labelFn.bind(this) : undefined}\n        data={this.isRTL?d.toReversed():d}\n        height={100}\n        alignment={this.isRTL ? 'end' : 'start'}\n        style={props.customcolors?{\n          data: {\n            fill:isNested ? this.state.colors[i % this.state.colors.length] : ({ datum }) => this.state.colors[datum.x] ?? this.state.colors[datum.x % this.state.colors.length],\n            stroke: isNested ? this.state.colors[i % this.state.colors.length] : ({ datum }) => this.state.colors[datum.x] ?? this.state.colors[datum.x % this.state.colors.length],\n            strokeWidth: props.showzerothvalue ? 3 : 0\n          }\n        }:{\n          data: {\n            strokeWidth: props.showzerothvalue ? 3 : 0\n          }\n        }}\n        cornerRadius={{topLeft: this.styles.bar.borderTopLeftRadius, topRight: this.styles.bar.borderTopRightRadius, bottomLeft: this.styles.bar.borderBottomLeftRadius, bottomRight: this.styles.bar.borderBottomRightRadius}}\n        events={[{\n          target: 'data',\n          eventHandlers: Platform.OS == \"web\" ? {\n            onClick: this.onSelect.bind(this)\n          }:{\n            onPress: this.onSelect.bind(this)\n          }\n        }]}\n        {...(props.barwidth ? { barWidth: props.barwidth } : {})} />\n    });\n  }\n\nonSelect(event: any, data: any){\n  if (!this.viewRef.current) return;\n  if (!this.state.props.dataset) return;\n  this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n  let value = data.data[data.index].y;\n  let label = this.state.xaxisDatakeyArr[data.datum.x];\n  let selectedItem = this.props.dataset[data.index];\n  const nativeEvent = event.nativeEvent;\n  let tooltipX = nativeEvent.pageX - chartX;\n  let tooltipY = nativeEvent.pageY - chartY;\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx, \n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as WmBarChartState)\n  this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n}\n\n  renderWidget(props: WmBarChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }\n\n    let offsetTop = props.offsettop;\n    let offsetHeight = 0;\n    let victoryChartHeight = props.chartheight ?? this.styles.root.height;\n\n    if(this.styles.root?.height && typeof this.styles.root?.height === 'number') {\n      offsetTop = (this.styles.root.height / 250) * props.offsettop;\n      offsetHeight = (this.styles.root.height >= 250 && !props.chartheight && props.chartheight !== 0) ? 0 : offsetTop + props.offsetbottom;\n    }\n\n    if(typeof victoryChartHeight === 'number') {\n      victoryChartHeight = victoryChartHeight + offsetHeight;\n    }\n\n    let containerStyle = {...this.styles.root}\n    if(containerStyle?.height) {\n      containerStyle['minHeight'] = containerStyle['height'];\n      delete containerStyle['height'];\n    }\n\n    let mindomain={x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined, y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined};\n    return (<View\n      {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n      style={containerStyle}\n      onLayout={this.onViewLayoutChange.bind(this)}\n    >\n      <View>\n      { (props.title || props.iconclass) ? (\n        <View testID=\"title-icon-container\" style={{flexDirection: 'row', alignItems: 'center'}}>\n          {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n          {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null }\n        </View>\n      ) : null }\n        { props.subheading ? (\n          <Text style={this.styles.subHeading}>{props.subheading}</Text> ) : null }\n        </View>\n      <View ref={this.viewRef}>\n      {this.getTooltip()}\n      <VictoryChart theme={this.state.theme}\n                          height={victoryChartHeight as number}\n                          width={this.state.chartWidth || this.screenWidth}\n                          minDomain={mindomain}\n                          padding={{ top: offsetTop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}>\n      {this.getLegendView(\n        undefined, \n        (\n          (\n            (this.styles.root?.height && typeof this.styles.root?.height === 'string') || \n            (this.styles.root?.height && typeof this.styles.root?.height === 'number' && this.styles.root.height >= 250)) ? \n            0 : offsetHeight\n        )\n      )}\n      {this.getXaxis(offsetHeight)}\n      {this.getYAxis()}\n      {\n        props.viewtype === 'Stacked' ? <VictoryStack \n        colorScale={!this.theme ? this.state.colors : undefined}>\n          {\n            this.getBarChart(props)\n          }\n        </VictoryStack> : <VictoryGroup colorScale={!this.theme ? this.state.colors : undefined}  offset={10} >\n          {\n            this.getBarChart(props)   \n          }\n        </VictoryGroup>\n      }\n    </VictoryChart></View></View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","Platform","AccessibilityWidgetType","getAccessibilityProps","VictoryChart","VictoryBar","VictoryStack","VictoryGroup","BaseChartComponent","BaseChartComponentState","WmBarChartProps","DEFAULT_CLASS","WmIcon","WmBarChartState","WmBarChart","constructor","props","labelFn","data","abbreviateNumber","datum","y","getBarChart","chartheight","undefined","createElement","Fragment","isNested","Array","isArray","state","length","map","d","i","_extends","key","name","horizontal","labels","showvalues","bind","isRTL","toReversed","height","alignment","style","customcolors","fill","colors","_this$state$colors$da","x","stroke","_this$state$colors$da2","strokeWidth","showzerothvalue","cornerRadius","topLeft","styles","bar","borderTopLeftRadius","topRight","borderTopRightRadius","bottomLeft","borderBottomLeftRadius","bottomRight","borderBottomRightRadius","events","target","eventHandlers","OS","onClick","onSelect","onPress","barwidth","barWidth","event","viewRef","current","dataset","measureInWindow","chartX","chartY","value","index","label","xaxisDatakeyArr","selectedItem","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","_props$chartheight","_this$styles$root","_this$styles$root2","_this$styles$root3","_this$styles$root4","_this$styles$root5","_this$styles$root6","offsetTop","offsettop","offsetHeight","victoryChartHeight","root","offsetbottom","containerStyle","mindomain","xdomain","chartMinX","ydomain","chartMinY","LINECHART","onLayout","onViewLayoutChange","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","getTooltip","theme","width","chartWidth","screenWidth","minDomain","padding","top","bottom","left","offsetright","offsetleft","right","getLegendView","getXaxis","getYAxis","viewtype","colorScale","offset"],"sources":["bar-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport {\n  VictoryChart,\n  VictoryBar,\n  VictoryLegend,\n  VictoryStack,\n  VictoryGroup\n} from \"victory-native\";\n\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport WmBarChartProps from './bar-chart.props';\nimport { DEFAULT_CLASS, WmBarChartStyles } from './bar-chart.styles';\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\nimport { min } from 'moment';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmBarChartState extends BaseChartComponentState<WmBarChartProps> {}\n\nexport default class WmBarChart extends BaseChartComponent<WmBarChartProps, WmBarChartState, WmBarChartStyles> {\n\n  constructor(props: WmBarChartProps) {\n    super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());\n  }\n\n  labelFn(data: any): string | number | string[] | number[] | null {\n    return this.abbreviateNumber(data.datum.y);\n  }\n\n  getBarChart(props: WmBarChartProps) {\n    if(props.chartheight !== undefined && props.chartheight === 0){\n      return <></>\n    }\n    const isNested = Array.isArray(this.state.data[0]) && this.state.data.length > 1;\n    return this.state.data.map((d: any, i: number) => {\n      return <VictoryBar key={props.name + '_' + i}\n        horizontal={props.horizontal} labels={props.showvalues ? this.labelFn.bind(this) : undefined}\n        data={this.isRTL?d.toReversed():d}\n        height={100}\n        alignment={this.isRTL ? 'end' : 'start'}\n        style={props.customcolors?{\n          data: {\n            fill:isNested ? this.state.colors[i % this.state.colors.length] : ({ datum }) => this.state.colors[datum.x] ?? this.state.colors[datum.x % this.state.colors.length],\n            stroke: isNested ? this.state.colors[i % this.state.colors.length] : ({ datum }) => this.state.colors[datum.x] ?? this.state.colors[datum.x % this.state.colors.length],\n            strokeWidth: props.showzerothvalue ? 3 : 0\n          }\n        }:{\n          data: {\n            strokeWidth: props.showzerothvalue ? 3 : 0\n          }\n        }}\n        cornerRadius={{topLeft: this.styles.bar.borderTopLeftRadius, topRight: this.styles.bar.borderTopRightRadius, bottomLeft: this.styles.bar.borderBottomLeftRadius, bottomRight: this.styles.bar.borderBottomRightRadius}}\n        events={[{\n          target: 'data',\n          eventHandlers: Platform.OS == \"web\" ? {\n            onClick: this.onSelect.bind(this)\n          }:{\n            onPress: this.onSelect.bind(this)\n          }\n        }]}\n        {...(props.barwidth ? { barWidth: props.barwidth } : {})} />\n    });\n  }\n\nonSelect(event: any, data: any){\n  if (!this.viewRef.current) return;\n  if (!this.state.props.dataset) return;\n  this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n  let value = data.data[data.index].y;\n  let label = this.state.xaxisDatakeyArr[data.datum.x];\n  let selectedItem = this.props.dataset[data.index];\n  const nativeEvent = event.nativeEvent;\n  let tooltipX = nativeEvent.pageX - chartX;\n  let tooltipY = nativeEvent.pageY - chartY;\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx, \n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as WmBarChartState)\n  this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n}\n\n  renderWidget(props: WmBarChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }\n\n    let offsetTop = props.offsettop;\n    let offsetHeight = 0;\n    let victoryChartHeight = props.chartheight ?? this.styles.root.height;\n\n    if(this.styles.root?.height && typeof this.styles.root?.height === 'number') {\n      offsetTop = (this.styles.root.height / 250) * props.offsettop;\n      offsetHeight = (this.styles.root.height >= 250 && !props.chartheight && props.chartheight !== 0) ? 0 : offsetTop + props.offsetbottom;\n    }\n\n    if(typeof victoryChartHeight === 'number') {\n      victoryChartHeight = victoryChartHeight + offsetHeight;\n    }\n\n    let containerStyle = {...this.styles.root}\n    if(containerStyle?.height) {\n      containerStyle['minHeight'] = containerStyle['height'];\n      delete containerStyle['height'];\n    }\n\n    let mindomain={x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined, y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined};\n    return (<View\n      {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n      style={containerStyle}\n      onLayout={this.onViewLayoutChange.bind(this)}\n    >\n      <View>\n      { (props.title || props.iconclass) ? (\n        <View testID=\"title-icon-container\" style={{flexDirection: 'row', alignItems: 'center'}}>\n          {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n          {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null }\n        </View>\n      ) : null }\n        { props.subheading ? (\n          <Text style={this.styles.subHeading}>{props.subheading}</Text> ) : null }\n        </View>\n      <View ref={this.viewRef}>\n      {this.getTooltip()}\n      <VictoryChart theme={this.state.theme}\n                          height={victoryChartHeight as number}\n                          width={this.state.chartWidth || this.screenWidth}\n                          minDomain={mindomain}\n                          padding={{ top: offsetTop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}>\n      {this.getLegendView(\n        undefined, \n        (\n          (\n            (this.styles.root?.height && typeof this.styles.root?.height === 'string') || \n            (this.styles.root?.height && typeof this.styles.root?.height === 'number' && this.styles.root.height >= 250)) ? \n            0 : offsetHeight\n        )\n      )}\n      {this.getXaxis(offsetHeight)}\n      {this.getYAxis()}\n      {\n        props.viewtype === 'Stacked' ? <VictoryStack \n        colorScale={!this.theme ? this.state.colors : undefined}>\n          {\n            this.getBarChart(props)\n          }\n        </VictoryStack> : <VictoryGroup colorScale={!this.theme ? this.state.colors : undefined}  offset={10} >\n          {\n            this.getBarChart(props)   \n          }\n        </VictoryGroup>\n      }\n    </VictoryChart></View></View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/currency/currency.component.js

@@ -86,6 +86,7 @@ export default class WmCurrency extends BaseNumberComponent {
       floatingLabel: props.floatinglabel,
       floatingLabelStyle: this.styles.floatingLabel,
       activeFloatingLabelStyle: this.styles.activeFloatingLabel,
+      inactiveFloatingLabelStyle: this.styles.inactiveFloatingLabel,
       editable: props.disabled || props.readonly ? false : true,
       placeholder: props.placeholder,
       background: this._background,

package/components/input/currency/currency.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Platform","WmCurrencyProps","CURRENCY_INFO","WMTextInput","DEFAULT_CLASS","BaseNumberComponent","BaseNumberState","isNull","AccessibilityWidgetType","getAccessibilityProps","countDecimalDigits","validateInputOnDevice","createSkeleton","WmCurrencyState","constructor","args","_defineProperty","WmCurrency","props","onPropertyChange","name","$new","$old","updateState","currencySymbol","symbol","getStyleClassName","classes","state","floatinglabel","push","join","renderTextSkeleton","createElement","Fragment","theme","styles","skeleton","root","renderWidget","_this$state$textValue","opts","valueExpr","OS","textValue","toString","style","onLayout","event","handleLayout","_showSkeleton","skeletonLabelWrapper","labelWrapper","accessible","accessibilityLabel","skeletonLabel","label","importantForAccessibility","skeletonTextInputWrapper","flex","_extends","getTestPropsForInput","CURRENCY","ref","widgetRef","selectionStart","selectionEnd","cursor","keyboardType","placeholderTextColor","placeholderText","color","isInputFocused","input","text","isValid","invalid","focused","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","editable","disabled","readonly","placeholder","background","_background","onBlur","bind","onFocus","onKeyPress","validateInputEntry","onSubmitEditing","onChangeText","isValidText","validText","decimalPlaces","decimalPlacesInNumber","restrictDecimalRegex","RegExp","updatedCurrencyText","replace","_this$widgetRef","setNativeProps","onChange","invokeChange","allowContentSelection","userSelect"],"sources":["currency.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform, DimensionValue } from 'react-native';\n\nimport WmCurrencyProps from './currency.props';\nimport { CURRENCY_INFO } from '@wavemaker/app-rn-runtime/core/currency-constants';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { DEFAULT_CLASS, WmCurrencyStyles } from './currency.styles';\nimport {\n  BaseNumberComponent,\n  BaseNumberState\n} from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.component';\nimport { isNull } from \"lodash\";\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { countDecimalDigits, validateInputOnDevice } from '@wavemaker/app-rn-runtime/core/utils';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmCurrencyState extends BaseNumberState<WmCurrencyProps> {\n  currencySymbol: any;\n}\n\nexport default class WmCurrency extends BaseNumberComponent<WmCurrencyProps, WmCurrencyState, WmCurrencyStyles> {\n\n  constructor(props: WmCurrencyProps) {\n    super(props, DEFAULT_CLASS, new WmCurrencyProps(), new WmCurrencyState());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch (name) {\n      case 'currency':\n        if ($new) {\n          this.updateState({\n            currencySymbol: CURRENCY_INFO[$new].symbol,\n          } as WmCurrencyState);\n        }\n        break;\n\n    }\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-currency-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  public renderTextSkeleton(props:any): React.ReactNode { \n    return this.props.floatinglabel  ?   <>{createSkeleton(this.theme, {} as WmSkeletonStyles, {...props})}</>\n    : <>{createSkeleton(this.theme, {} as WmSkeletonStyles, {\n      ...this.styles.skeleton.root,\n    })}</>\n  }\n\n  renderWidget(props: WmCurrencyProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (<View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n      <View style={ (this._showSkeleton && !this.props.floatinglabel) ?  this.styles.skeletonLabelWrapper.root : this.styles.labelWrapper } accessible accessibilityLabel={this.state.currencySymbol}>\n        {this._showSkeleton ? <>{this.renderTextSkeleton(this.styles.skeletonLabel.root)}</> :\n         <Text style={this.styles.label} importantForAccessibility='no'>{this.state.currencySymbol}</Text>}\n      </View>\n      {this._showSkeleton ? <>{this.renderTextSkeleton(this.styles.skeletonTextInputWrapper.root)}</> :<View style={{flex: 1}}>\n      <WMTextInput\n        {...this.getTestPropsForInput()}\n        {...getAccessibilityProps(AccessibilityWidgetType.CURRENCY, props)}\n        ref={(ref: any) => {\n          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        }}\n        keyboardType=\"numeric\"\n        placeholderTextColor={this.styles.placeholderText.color as any}\n        isInputFocused={ this.state.isInputFocused }\n        style={[this.styles.input, this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isInputFocused ? this.styles.focused : {}]}\n        {...opts}\n        floatingLabel={props.floatinglabel}\n        floatingLabelStyle={this.styles.floatingLabel}\n        activeFloatingLabelStyle={this.styles.activeFloatingLabel}\n        editable={props.disabled || props.readonly ? false : true}\n        placeholder={props.placeholder}\n        background={this._background}\n        onBlur={this.onBlur.bind(this)}\n        onFocus={this.onFocus.bind(this)}\n        onKeyPress={this.validateInputEntry.bind(this)}\n        onSubmitEditing={this.onSubmitEditing.bind(this)}\n        onChangeText={(text) => {\n          const {isValidText, validText} = validateInputOnDevice(text, \"currency\");\n          const decimalPlaces = props.decimalPlaces;\n          const decimalPlacesInNumber = countDecimalDigits(validText);\n          const restrictDecimalRegex = new RegExp(`(\\\\.\\\\d{${decimalPlaces}})\\\\d*`);\n          const updatedCurrencyText = validText.replace(restrictDecimalRegex, '$1');\n\n          if (!isValidText || decimalPlaces < decimalPlacesInNumber) {\n            (this.widgetRef as any)?.setNativeProps({ text: updatedCurrencyText });\n          }\n\n          this.onChangeText.bind(this)(updatedCurrencyText, 'currency');\n        }}\n        onChange={this.invokeChange.bind(this)}\n        allowContentSelection={this.styles.text.userSelect === 'text'}\n      />\n      </View> }\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","Platform","WmCurrencyProps","CURRENCY_INFO","WMTextInput","DEFAULT_CLASS","BaseNumberComponent","BaseNumberState","isNull","AccessibilityWidgetType","getAccessibilityProps","countDecimalDigits","validateInputOnDevice","createSkeleton","WmCurrencyState","constructor","args","_defineProperty","WmCurrency","props","onPropertyChange","name","$new","$old","updateState","currencySymbol","symbol","getStyleClassName","classes","state","floatinglabel","push","join","renderTextSkeleton","createElement","Fragment","theme","styles","skeleton","root","renderWidget","_this$state$textValue","opts","valueExpr","OS","textValue","toString","style","onLayout","event","handleLayout","_showSkeleton","skeletonLabelWrapper","labelWrapper","accessible","accessibilityLabel","skeletonLabel","label","importantForAccessibility","skeletonTextInputWrapper","flex","_extends","getTestPropsForInput","CURRENCY","ref","widgetRef","selectionStart","selectionEnd","cursor","keyboardType","placeholderTextColor","placeholderText","color","isInputFocused","input","text","isValid","invalid","focused","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","inactiveFloatingLabelStyle","inactiveFloatingLabel","editable","disabled","readonly","placeholder","background","_background","onBlur","bind","onFocus","onKeyPress","validateInputEntry","onSubmitEditing","onChangeText","isValidText","validText","decimalPlaces","decimalPlacesInNumber","restrictDecimalRegex","RegExp","updatedCurrencyText","replace","_this$widgetRef","setNativeProps","onChange","invokeChange","allowContentSelection","userSelect"],"sources":["currency.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform, DimensionValue } from 'react-native';\n\nimport WmCurrencyProps from './currency.props';\nimport { CURRENCY_INFO } from '@wavemaker/app-rn-runtime/core/currency-constants';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { DEFAULT_CLASS, WmCurrencyStyles } from './currency.styles';\nimport {\n  BaseNumberComponent,\n  BaseNumberState\n} from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.component';\nimport { isNull } from \"lodash\";\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { countDecimalDigits, validateInputOnDevice } from '@wavemaker/app-rn-runtime/core/utils';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmCurrencyState extends BaseNumberState<WmCurrencyProps> {\n  currencySymbol: any;\n}\n\nexport default class WmCurrency extends BaseNumberComponent<WmCurrencyProps, WmCurrencyState, WmCurrencyStyles> {\n\n  constructor(props: WmCurrencyProps) {\n    super(props, DEFAULT_CLASS, new WmCurrencyProps(), new WmCurrencyState());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch (name) {\n      case 'currency':\n        if ($new) {\n          this.updateState({\n            currencySymbol: CURRENCY_INFO[$new].symbol,\n          } as WmCurrencyState);\n        }\n        break;\n\n    }\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-currency-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  public renderTextSkeleton(props:any): React.ReactNode { \n    return this.props.floatinglabel  ?   <>{createSkeleton(this.theme, {} as WmSkeletonStyles, {...props})}</>\n    : <>{createSkeleton(this.theme, {} as WmSkeletonStyles, {\n      ...this.styles.skeleton.root,\n    })}</>\n  }\n\n  renderWidget(props: WmCurrencyProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (<View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n      <View style={ (this._showSkeleton && !this.props.floatinglabel) ?  this.styles.skeletonLabelWrapper.root : this.styles.labelWrapper } accessible accessibilityLabel={this.state.currencySymbol}>\n        {this._showSkeleton ? <>{this.renderTextSkeleton(this.styles.skeletonLabel.root)}</> :\n         <Text style={this.styles.label} importantForAccessibility='no'>{this.state.currencySymbol}</Text>}\n      </View>\n      {this._showSkeleton ? <>{this.renderTextSkeleton(this.styles.skeletonTextInputWrapper.root)}</> :<View style={{flex: 1}}>\n      <WMTextInput\n        {...this.getTestPropsForInput()}\n        {...getAccessibilityProps(AccessibilityWidgetType.CURRENCY, props)}\n        ref={(ref: any) => {\n          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        }}\n        keyboardType=\"numeric\"\n        placeholderTextColor={this.styles.placeholderText.color as any}\n        isInputFocused={ this.state.isInputFocused }\n        style={[this.styles.input, this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isInputFocused ? this.styles.focused : {}]}\n        {...opts}\n        floatingLabel={props.floatinglabel}\n        floatingLabelStyle={this.styles.floatingLabel}\n        activeFloatingLabelStyle={this.styles.activeFloatingLabel}\n        inactiveFloatingLabelStyle={this.styles.inactiveFloatingLabel}\n        editable={props.disabled || props.readonly ? false : true}\n        placeholder={props.placeholder}\n        background={this._background}\n        onBlur={this.onBlur.bind(this)}\n        onFocus={this.onFocus.bind(this)}\n        onKeyPress={this.validateInputEntry.bind(this)}\n        onSubmitEditing={this.onSubmitEditing.bind(this)}\n        onChangeText={(text) => {\n          const {isValidText, validText} = validateInputOnDevice(text, \"currency\");\n          const decimalPlaces = props.decimalPlaces;\n          const decimalPlacesInNumber = countDecimalDigits(validText);\n          const restrictDecimalRegex = new RegExp(`(\\\\.\\\\d{${decimalPlaces}})\\\\d*`);\n          const updatedCurrencyText = validText.replace(restrictDecimalRegex, '$1');\n\n          if (!isValidText || decimalPlaces < decimalPlacesInNumber) {\n            (this.widgetRef as any)?.setNativeProps({ text: updatedCurrencyText });\n          }\n\n          this.onChangeText.bind(this)(updatedCurrencyText, 'currency');\n        }}\n        onChange={this.invokeChange.bind(this)}\n        allowContentSelection={this.styles.text.userSelect === 'text'}\n      />\n      </View> }\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/currency/currency.styles.js

@@ -96,7 +96,13 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       }
     },
     floatingLabel: {},
-    activeFloatingLabel: {}
+    activeFloatingLabel: {},
+    inactiveFloatingLabel: {},
+    inputNoLeftRadius: {
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0,
+      borderLeftWidth: 0
+    }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
 
@@ -137,6 +143,9 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     activeFloatingLabel: {
       color: themeVariables.activeFloatingLabelColor
+    },
+    inactiveFloatingLabel: {
+      color: themeVariables.floatingLabelColor
     }
   });
 });

package/components/input/currency/currency.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","flexDirection","text","fontSize","input","paddingTop","paddingBottom","paddingLeft","paddingRight","flex","transparent","labelWrapper","primaryColor","borderTopLeftRadius","borderBottomLeftRadius","width","display","justifyContent","label","marginVertical","color","primaryContrastColor","textAlignVertical","textAlign","fontWeight","fontFamily","baseFont","invalid","borderBottomColor","inputInvalidBorderColor","focused","inputFocusBorderColor","placeholderText","inputPlaceholderColor","skeleton","height","skeletonLabel","alignItems","skeletonTextInputWrapper","marginLeft","skeletonLabelWrapper","floatingLabel","activeFloatingLabel","minWidth","maxWidth","OS","borderTopRightRadius","borderBottomRightRadius","inputDisabledBgColor","position","top","left","floatingLabelColor","activeFloatingLabelColor"],"sources":["currency.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Platform } from 'react-native';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmCurrencyStyles = BaseStyles & {\n  label: AllStyle;\n  invalid: AllStyle;\n  focused: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: AllStyle;\n  placeholderText: AllStyle;\n  skeleton: WmSkeletonStyles;\n  skeletonLabel: WmSkeletonStyles;\n  skeletonTextInputWrapper:  WmSkeletonStyles;\n  skeletonLabelWrapper:  WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-currency';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmCurrencyStyles = defineStyles({\n      root: {\n        minHeight: 42,\n        borderWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.inputBorderColor,\n        backgroundColor: themeVariables.inputBackgroundColor,\n        borderRadius: 6,\n        flexDirection: 'row'\n      },\n      text: {\n        fontSize: 16\n      },\n      input : {\n        minHeight: 42,\n        paddingTop: 8,\n        paddingBottom: 8,\n        paddingLeft: 16,\n        paddingRight: 16,\n        flex: 1,\n        borderWidth: 1,\n        borderColor: themeVariables.transparent,\n        borderStyle: 'solid'\n      },\n      labelWrapper: {\n        minHeight: 42,\n        backgroundColor: themeVariables.primaryColor,\n        borderTopLeftRadius: 6,\n        borderBottomLeftRadius: 6,\n        width: 48,\n        paddingTop: 8,\n        paddingBottom: 8,\n        paddingLeft: 16,\n        paddingRight: 16,\n        display: 'flex',\n        justifyContent: 'center'\n      },\n      label: {\n        marginVertical: 0.7,\n        color: themeVariables.primaryContrastColor,\n        textAlignVertical: 'center',\n        textAlign: 'center',\n        fontWeight: 'bold',\n        fontFamily: themeVariables.baseFont,\n        fontSize: 16\n      },\n      invalid: {\n        borderBottomColor: themeVariables.inputInvalidBorderColor\n      },\n      focused : {\n        borderColor: themeVariables.inputFocusBorderColor,\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      },\n      skeleton: {\n        root:{\n          borderRadius: 6,\n          paddingLeft: 16,\n          paddingRight: 16,\n          minHeight: 42,\n          paddingTop: 8,\n          paddingBottom: 8,\n          width: '100%',\n          height: 40\n        },\n      } as any as WmSkeletonStyles,\n      skeletonLabel: {\n        root: {\n          width:20,\n          height:28,\n          borderRadius:4,\n          display:'flex',\n          justifyContent:'center',\n          alignItems:'center'\n        }\n      } as any as WmSkeletonStyles,\n      skeletonTextInputWrapper: {\n        root: {\n          width:80,\n          height:16,\n          borderRadius:4,\n          marginLeft:16\n        }\n      } as any as WmSkeletonStyles,\n      skeletonLabelWrapper: {\n        root: {\n          minHeight:42,\n          width:'100%',\n          borderWidth:0,\n        }\n      } as any as WmSkeletonStyles,\n      floatingLabel: {},\n      activeFloatingLabel: {}\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-currency-input-horizontal', '', {\n    root: {\n      flex: 1,\n      minWidth: 0, // Allow shrinking below intrinsic content size if needed\n      maxWidth: '100%' // Prevent overflow\n    },\n    text: {}\n  } as BaseStyles);\n  \n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    labelWrapper:{\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 6,\n      borderBottomRightRadius: 6,\n    }\n  }:{});\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root: {\n      minHeight: 48\n    },\n    floatingLabel: {\n      position: 'absolute',\n      top: 12,\n      left: 16,\n      fontSize: 14,\n      textAlign: 'left',\n      color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n      color: themeVariables.activeFloatingLabelColor\n    }\n  });\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AACxF,SAASC,QAAQ,QAAQ,cAAc;AAgBvC,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA+B,GAAGN,YAAY,CAAC;IACjDO,IAAI,EAAE;MACJC,SAAS,EAAE,EAAE;MACbC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEP,cAAc,CAACQ,gBAAgB;MAC5CC,eAAe,EAAET,cAAc,CAACU,oBAAoB;MACpDC,YAAY,EAAE,CAAC;MACfC,aAAa,EAAE;IACjB,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE;IACZ,CAAC;IACDC,KAAK,EAAG;MACNX,SAAS,EAAE,EAAE;MACbY,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE,EAAE;MAChBC,IAAI,EAAE,CAAC;MACPf,WAAW,EAAE,CAAC;MACdE,WAAW,EAAEP,cAAc,CAACqB,WAAW;MACvCf,WAAW,EAAE;IACf,CAAC;IACDgB,YAAY,EAAE;MACZlB,SAAS,EAAE,EAAE;MACbK,eAAe,EAAET,cAAc,CAACuB,YAAY;MAC5CC,mBAAmB,EAAE,CAAC;MACtBC,sBAAsB,EAAE,CAAC;MACzBC,KAAK,EAAE,EAAE;MACTV,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE,EAAE;MAChBQ,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE;IAClB,CAAC;IACDC,KAAK,EAAE;MACLC,cAAc,EAAE,GAAG;MACnBC,KAAK,EAAE/B,cAAc,CAACgC,oBAAoB;MAC1CC,iBAAiB,EAAE,QAAQ;MAC3BC,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,MAAM;MAClBC,UAAU,EAAEpC,cAAc,CAACqC,QAAQ;MACnCvB,QAAQ,EAAE;IACZ,CAAC;IACDwB,OAAO,EAAE;MACPC,iBAAiB,EAAEvC,cAAc,CAACwC;IACpC,CAAC;IACDC,OAAO,EAAG;MACRlC,WAAW,EAAEP,cAAc,CAAC0C;IAC9B,CAAC;IACDC,eAAe,EAAE;MACfZ,KAAK,EAAE/B,cAAc,CAAC4C;IACxB,CAAC;IACDC,QAAQ,EAAE;MACR1C,IAAI,EAAC;QACHQ,YAAY,EAAE,CAAC;QACfO,WAAW,EAAE,EAAE;QACfC,YAAY,EAAE,EAAE;QAChBf,SAAS,EAAE,EAAE;QACbY,UAAU,EAAE,CAAC;QACbC,aAAa,EAAE,CAAC;QAChBS,KAAK,EAAE,MAAM;QACboB,MAAM,EAAE;MACV;IACF,CAA4B;IAC5BC,aAAa,EAAE;MACb5C,IAAI,EAAE;QACJuB,KAAK,EAAC,EAAE;QACRoB,MAAM,EAAC,EAAE;QACTnC,YAAY,EAAC,CAAC;QACdgB,OAAO,EAAC,MAAM;QACdC,cAAc,EAAC,QAAQ;QACvBoB,UAAU,EAAC;MACb;IACF,CAA4B;IAC5BC,wBAAwB,EAAE;MACxB9C,IAAI,EAAE;QACJuB,KAAK,EAAC,EAAE;QACRoB,MAAM,EAAC,EAAE;QACTnC,YAAY,EAAC,CAAC;QACduC,UAAU,EAAC;MACb;IACF,CAA4B;IAC5BC,oBAAoB,EAAE;MACpBhD,IAAI,EAAE;QACJC,SAAS,EAAC,EAAE;QACZsB,KAAK,EAAC,MAAM;QACZrB,WAAW,EAAC;MACd;IACF,CAA4B;IAC5B+C,aAAa,EAAE,CAAC,CAAC;IACjBC,mBAAmB,EAAE,CAAC;EAC1B,CAAC,CAAC;EAEFpD,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;;EAE1C;EACAD,QAAQ,CAAC,gCAAgC,EAAE,EAAE,EAAE;IAC7CE,IAAI,EAAE;MACJiB,IAAI,EAAE,CAAC;MACPkC,QAAQ,EAAE,CAAC;MAAE;MACbC,QAAQ,EAAE,MAAM,CAAC;IACnB,CAAC;IACD1C,IAAI,EAAE,CAAC;EACT,CAAe,CAAC;EAEhBZ,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAED,QAAQ,CAAC2D,EAAE,IAAE,KAAK,GAAC;IACtDlC,YAAY,EAAC;MACXE,mBAAmB,EAAE,CAAC;MACtBC,sBAAsB,EAAE,CAAC;MACzBgC,oBAAoB,EAAE,CAAC;MACvBC,uBAAuB,EAAE;IAC3B;EACF,CAAC,GAAC,CAAC,CAAC,CAAC;EACLzD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLM,eAAe,EAAET,cAAc,CAAC2D;IAClC;EACJ,CAAC,CAAC;EACF1D,QAAQ,CAACH,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CK,IAAI,EAAE;MACJC,SAAS,EAAE;IACb,CAAC;IACDgD,aAAa,EAAE;MACbQ,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACRhD,QAAQ,EAAE,EAAE;MACZoB,SAAS,EAAE,MAAM;MACjBH,KAAK,EAAE/B,cAAc,CAAC+D;IACxB,CAAC;IACDV,mBAAmB,EAAE;MACnBtB,KAAK,EAAE/B,cAAc,CAACgE;IACxB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","flexDirection","text","fontSize","input","paddingTop","paddingBottom","paddingLeft","paddingRight","flex","transparent","labelWrapper","primaryColor","borderTopLeftRadius","borderBottomLeftRadius","width","display","justifyContent","label","marginVertical","color","primaryContrastColor","textAlignVertical","textAlign","fontWeight","fontFamily","baseFont","invalid","borderBottomColor","inputInvalidBorderColor","focused","inputFocusBorderColor","placeholderText","inputPlaceholderColor","skeleton","height","skeletonLabel","alignItems","skeletonTextInputWrapper","marginLeft","skeletonLabelWrapper","floatingLabel","activeFloatingLabel","inactiveFloatingLabel","inputNoLeftRadius","borderLeftWidth","minWidth","maxWidth","OS","borderTopRightRadius","borderBottomRightRadius","inputDisabledBgColor","position","top","left","floatingLabelColor","activeFloatingLabelColor"],"sources":["currency.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Platform } from 'react-native';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmCurrencyStyles = BaseStyles & {\n  label: AllStyle;\n  invalid: AllStyle;\n  focused: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: AllStyle;\n  inactiveFloatingLabel: AllStyle;\n  placeholderText: AllStyle;\n  skeleton: WmSkeletonStyles;\n  skeletonLabel: WmSkeletonStyles;\n  skeletonTextInputWrapper:  WmSkeletonStyles;\n  skeletonLabelWrapper:  WmSkeletonStyles;\n  inputNoLeftRadius: AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-currency';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmCurrencyStyles = defineStyles({\n      root: {\n        minHeight: 42,\n        borderWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.inputBorderColor,\n        backgroundColor: themeVariables.inputBackgroundColor,\n        borderRadius: 6,\n        flexDirection: 'row'\n      },\n      text: {\n        fontSize: 16\n      },\n      input : {\n        minHeight: 42,\n        paddingTop: 8,\n        paddingBottom: 8,\n        paddingLeft: 16,\n        paddingRight: 16,\n        flex: 1,\n        borderWidth: 1,\n        borderColor: themeVariables.transparent,\n        borderStyle: 'solid'\n      },\n      labelWrapper: {\n        minHeight: 42,\n        backgroundColor: themeVariables.primaryColor,\n        borderTopLeftRadius: 6,\n        borderBottomLeftRadius: 6,\n        width: 48,\n        paddingTop: 8,\n        paddingBottom: 8,\n        paddingLeft: 16,\n        paddingRight: 16,\n        display: 'flex',\n        justifyContent: 'center'\n      },\n      label: {\n        marginVertical: 0.7,\n        color: themeVariables.primaryContrastColor,\n        textAlignVertical: 'center',\n        textAlign: 'center',\n        fontWeight: 'bold',\n        fontFamily: themeVariables.baseFont,\n        fontSize: 16\n      },\n      invalid: {\n        borderBottomColor: themeVariables.inputInvalidBorderColor\n      },\n      focused : {\n        borderColor: themeVariables.inputFocusBorderColor,\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      },\n      skeleton: {\n        root:{\n          borderRadius: 6,\n          paddingLeft: 16,\n          paddingRight: 16,\n          minHeight: 42,\n          paddingTop: 8,\n          paddingBottom: 8,\n          width: '100%',\n          height: 40\n        },\n      } as any as WmSkeletonStyles,\n      skeletonLabel: {\n        root: {\n          width:20,\n          height:28,\n          borderRadius:4,\n          display:'flex',\n          justifyContent:'center',\n          alignItems:'center'\n        }\n      } as any as WmSkeletonStyles,\n      skeletonTextInputWrapper: {\n        root: {\n          width:80,\n          height:16,\n          borderRadius:4,\n          marginLeft:16\n        }\n      } as any as WmSkeletonStyles,\n      skeletonLabelWrapper: {\n        root: {\n          minHeight:42,\n          width:'100%',\n          borderWidth:0,\n        }\n      } as any as WmSkeletonStyles,\n      floatingLabel: {},\n      activeFloatingLabel: {},\n      inactiveFloatingLabel: {},\n      inputNoLeftRadius: {\n          borderTopLeftRadius: 0,\n          borderBottomLeftRadius: 0,\n          borderLeftWidth:0\n      }\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-currency-input-horizontal', '', {\n    root: {\n      flex: 1,\n      minWidth: 0, // Allow shrinking below intrinsic content size if needed\n      maxWidth: '100%' // Prevent overflow\n    },\n    text: {}\n  } as BaseStyles);\n  \n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    labelWrapper:{\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 6,\n      borderBottomRightRadius: 6,\n    }\n  }:{});\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root: {\n      minHeight: 48\n    },\n    floatingLabel: {\n      position: 'absolute',\n      top: 12,\n      left: 16,\n      fontSize: 14,\n      textAlign: 'left',\n      color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n      color: themeVariables.activeFloatingLabelColor\n    },\n    inactiveFloatingLabel: {\n      color: themeVariables.floatingLabelColor\n    }\n  });\n});"],"mappings":"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","ignoreList":[]}

package/components/input/number/number.component.js

@@ -58,6 +58,7 @@ export default class WmNumber extends BaseNumberComponent {
       floatingLabel: props.floatinglabel,
       floatingLabelStyle: this.styles.floatingLabel,
       activeFloatingLabelStyle: this.styles.activeFloatingLabel,
+      inactiveFloatingLabelStyle: this.styles.inactiveFloatingLabel,
       isInputFocused: this.state.isInputFocused,
       style: [this.styles.root, this.state.isValid ? {} : this.styles.invalid, this.state.isInputFocused ? this.styles.focused : {}],
       keyboardType: "numeric",

package/components/input/number/number.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","View","isNull","WmNumberProps","DEFAULT_CLASS","WMTextInput","BaseNumberComponent","BaseNumberState","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmNumberState","constructor","args","_defineProperty","WmNumber","props","getStyleClassName","classes","state","floatinglabel","push","join","renderTextSkeleton","createElement","style","styles","root","theme","skeletonLabel","Fragment","skeleton","renderWidget","_this$state$textValue","opts","valueExpr","OS","textValue","toString","_showSkeleton","_extends","getTestPropsForInput","NUMBER","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","isInputFocused","isValid","invalid","focused","keyboardType","background","_background","placeholderTextColor","placeholderText","color","autoFocus","autofocus","editable","disabled","readonly","placeholder","onBlur","event","bind","displayValue","onFocus","onKeyPress","validateInputEntry","onSubmitEditing","onChangeText","text","onChange","invokeChange","allowContentSelection","userSelect","customDisplayValue","handleLayout"],"sources":["number.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, LayoutChangeEvent, Platform, View } from 'react-native';\nimport { isNull } from 'lodash';\n\nimport WmNumberProps from './number.props';\nimport { DEFAULT_CLASS, WmNumberStyles } from './number.styles';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport {\n  BaseNumberComponent,\n  BaseNumberState\n} from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmNumberState extends BaseNumberState<WmNumberProps> {\n  keyboardType: any;\n}\n\nexport default class WmNumber extends BaseNumberComponent<WmNumberProps, WmNumberState, WmNumberStyles> {\n\n  constructor(props: WmNumberProps) {\n    super(props, DEFAULT_CLASS, new WmNumberProps(), new WmNumberState());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-number-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  public renderTextSkeleton(): React.ReactNode { \n    return this.props.floatinglabel  ?   \n      <View style={{...this.styles.root}}>{createSkeleton(this.theme, {} as WmSkeletonStyles, {...this.styles.skeletonLabel.root})}</View>\n    :<>{createSkeleton(this.theme, {} as WmSkeletonStyles, {\n      ...this.styles.skeleton.root,\n    })}</> \n  }\n\n  renderWidget(props: WmNumberProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (this._showSkeleton ? this.renderTextSkeleton() : \n    <WMTextInput\n      {...this.getTestPropsForInput()}\n      {...getAccessibilityProps(AccessibilityWidgetType.NUMBER, props)}\n      ref={(ref: any) => {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      {...opts}\n      floatingLabel={props.floatinglabel}\n      floatingLabelStyle={this.styles.floatingLabel}\n      activeFloatingLabelStyle={this.styles.activeFloatingLabel}\n      isInputFocused={ this.state.isInputFocused }\n      style={[this.styles.root, this.state.isValid ? {} : this.styles.invalid, this.state.isInputFocused ? this.styles.focused : {}]}\n      keyboardType=\"numeric\"\n      background={this._background}\n      placeholderTextColor={this.styles.placeholderText.color as any}\n      autoFocus={props.autofocus}\n      editable={props.disabled || props.readonly ? false : true}\n      placeholder={props.placeholder}\n      onBlur={(event)=>{this.onBlur.bind(this)(event, !!props.displayValue)}}\n      onFocus={this.onFocus.bind(this)}\n      onKeyPress={this.validateInputEntry.bind(this)}\n      onSubmitEditing={this.onSubmitEditing.bind(this)}\n      onChangeText={(text) => {\n        this.onChangeText.bind(this)(text, 'number', !!props.displayValue);\n      }}\n      onChange={this.invokeChange.bind(this)}\n      allowContentSelection={this.styles.text.userSelect === 'text'}\n      customDisplayValue={props.displayValue}\n      handleLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n    />);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Platform","View","isNull","WmNumberProps","DEFAULT_CLASS","WMTextInput","BaseNumberComponent","BaseNumberState","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmNumberState","constructor","args","_defineProperty","WmNumber","props","getStyleClassName","classes","state","floatinglabel","push","join","renderTextSkeleton","createElement","style","styles","root","theme","skeletonLabel","Fragment","skeleton","renderWidget","_this$state$textValue","opts","valueExpr","OS","textValue","toString","_showSkeleton","_extends","getTestPropsForInput","NUMBER","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","inactiveFloatingLabelStyle","inactiveFloatingLabel","isInputFocused","isValid","invalid","focused","keyboardType","background","_background","placeholderTextColor","placeholderText","color","autoFocus","autofocus","editable","disabled","readonly","placeholder","onBlur","event","bind","displayValue","onFocus","onKeyPress","validateInputEntry","onSubmitEditing","onChangeText","text","onChange","invokeChange","allowContentSelection","userSelect","customDisplayValue","handleLayout"],"sources":["number.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, LayoutChangeEvent, Platform, View } from 'react-native';\nimport { isNull } from 'lodash';\n\nimport WmNumberProps from './number.props';\nimport { DEFAULT_CLASS, WmNumberStyles } from './number.styles';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport {\n  BaseNumberComponent,\n  BaseNumberState\n} from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmNumberState extends BaseNumberState<WmNumberProps> {\n  keyboardType: any;\n}\n\nexport default class WmNumber extends BaseNumberComponent<WmNumberProps, WmNumberState, WmNumberStyles> {\n\n  constructor(props: WmNumberProps) {\n    super(props, DEFAULT_CLASS, new WmNumberProps(), new WmNumberState());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-number-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  public renderTextSkeleton(): React.ReactNode { \n    return this.props.floatinglabel  ?   \n      <View style={{...this.styles.root}}>{createSkeleton(this.theme, {} as WmSkeletonStyles, {...this.styles.skeletonLabel.root})}</View>\n    :<>{createSkeleton(this.theme, {} as WmSkeletonStyles, {\n      ...this.styles.skeleton.root,\n    })}</> \n  }\n\n  renderWidget(props: WmNumberProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (this._showSkeleton ? this.renderTextSkeleton() : \n    <WMTextInput\n      {...this.getTestPropsForInput()}\n      {...getAccessibilityProps(AccessibilityWidgetType.NUMBER, props)}\n      ref={(ref: any) => {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      {...opts}\n      floatingLabel={props.floatinglabel}\n      floatingLabelStyle={this.styles.floatingLabel}\n      activeFloatingLabelStyle={this.styles.activeFloatingLabel}\n      inactiveFloatingLabelStyle={this.styles.inactiveFloatingLabel}\n      isInputFocused={ this.state.isInputFocused }\n      style={[this.styles.root, this.state.isValid ? {} : this.styles.invalid, this.state.isInputFocused ? this.styles.focused : {}]}\n      keyboardType=\"numeric\"\n      background={this._background}\n      placeholderTextColor={this.styles.placeholderText.color as any}\n      autoFocus={props.autofocus}\n      editable={props.disabled || props.readonly ? false : true}\n      placeholder={props.placeholder}\n      onBlur={(event)=>{this.onBlur.bind(this)(event, !!props.displayValue)}}\n      onFocus={this.onFocus.bind(this)}\n      onKeyPress={this.validateInputEntry.bind(this)}\n      onSubmitEditing={this.onSubmitEditing.bind(this)}\n      onChangeText={(text) => {\n        this.onChangeText.bind(this)(text, 'number', !!props.displayValue);\n      }}\n      onChange={this.invokeChange.bind(this)}\n      allowContentSelection={this.styles.text.userSelect === 'text'}\n      customDisplayValue={props.displayValue}\n      handleLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n    />);\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA4CC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAChF,SAASC,MAAM,QAAQ,QAAQ;AAE/B,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,SAASC,WAAW,QAAQ,+DAA+D;AAC3F,SACEC,mBAAmB,EACnBC,eAAe,QACV,4EAA4E;AACnF,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAC7G,SAASC,cAAc,QAAQ,wEAAwE;AAGvG,OAAO,MAAMC,aAAa,SAASJ,eAAe,CAAgB;EAAAK,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;EAAA;AAElE;AAEA,eAAe,MAAMC,QAAQ,SAAST,mBAAmB,CAA+C;EAEtGM,WAAWA,CAACI,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEZ,aAAa,EAAE,IAAID,aAAa,CAAC,CAAC,EAAE,IAAIQ,aAAa,CAAC,CAAC,CAAC;EACvE;EAEOM,iBAAiBA,CAAA,EAAuB;IAC7C,MAAMC,OAAO,GAAG,EAAE;IAClB,IAAI,IAAI,CAACC,KAAK,CAACH,KAAK,CAACI,aAAa,EAAE;MAClCF,OAAO,CAACG,IAAI,CAAC,uBAAuB,CAAC;IACvC;IACAH,OAAO,CAACG,IAAI,CAAC,KAAK,CAACJ,iBAAiB,CAAC,CAAC,CAAC;IACvC,OAAOC,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC;EAC1B;EAEOC,kBAAkBA,CAAA,EAAoB;IAC3C,OAAO,IAAI,CAACP,KAAK,CAACI,aAAa,gBAC7BrB,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MAACwB,KAAK,EAAE;QAAC,GAAG,IAAI,CAACC,MAAM,CAACC;MAAI;IAAE,GAAEjB,cAAc,CAAC,IAAI,CAACkB,KAAK,EAAE,CAAC,CAAC,EAAsB;MAAC,GAAG,IAAI,CAACF,MAAM,CAACG,aAAa,CAACF;IAAI,CAAC,CAAQ,CAAC,gBACrI5B,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA+B,QAAA,QAAGpB,cAAc,CAAC,IAAI,CAACkB,KAAK,EAAE,CAAC,CAAC,EAAsB;MACrD,GAAG,IAAI,CAACF,MAAM,CAACK,QAAQ,CAACJ;IAC1B,CAAC,CAAI,CAAC;EACR;EAEAK,YAAYA,CAAChB,KAAoB,EAAE;IAAA,IAAAiB,qBAAA;IACjC,IAAIC,IAAS,GAAG,CAAC,CAAC;IAClB,MAAMC,SAAS,GAAGnC,QAAQ,CAACoC,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,cAAc;IAClEF,IAAI,CAACC,SAAS,CAAC,GAAG,EAAAF,qBAAA,OAAI,CAACd,KAAK,CAACkB,SAAS,cAAAJ,qBAAA,uBAApBA,qBAAA,CAAsBK,QAAQ,CAAC,CAAC,KAAI,EAAE;IACxD,OAAQ,IAAI,CAACC,aAAa,GAAG,IAAI,CAAChB,kBAAkB,CAAC,CAAC,gBACtDxB,KAAA,CAAAyB,aAAA,CAACnB,WAAW,EAAAmC,QAAA,KACN,IAAI,CAACC,oBAAoB,CAAC,CAAC,EAC3BhC,qBAAqB,CAACD,uBAAuB,CAACkC,MAAM,EAAE1B,KAAK,CAAC;MAChE2B,GAAG,EAAGA,GAAQ,IAAK;QAAC,IAAI,CAACC,SAAS,GAAGD,GAAG;QACtC;QACA,IAAIA,GAAG,IAAI,CAACzC,MAAM,CAACyC,GAAG,CAACE,cAAc,CAAC,IAAI,CAAC3C,MAAM,CAACyC,GAAG,CAACG,YAAY,CAAC,EAAE;UACnE;UACAH,GAAG,CAACE,cAAc,GAAGF,GAAG,CAACG,YAAY,GAAG,IAAI,CAACC,MAAM;QACrD;MAAC;IAAE,GACDb,IAAI;MACRc,aAAa,EAAEhC,KAAK,CAACI,aAAc;MACnC6B,kBAAkB,EAAE,IAAI,CAACvB,MAAM,CAACsB,aAAc;MAC9CE,wBAAwB,EAAE,IAAI,CAACxB,MAAM,CAACyB,mBAAoB;MAC1DC,0BAA0B,EAAE,IAAI,CAAC1B,MAAM,CAAC2B,qBAAsB;MAC9DC,cAAc,EAAG,IAAI,CAACnC,KAAK,CAACmC,cAAgB;MAC5C7B,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAE,IAAI,CAACR,KAAK,CAACoC,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC7B,MAAM,CAAC8B,OAAO,EAAE,IAAI,CAACrC,KAAK,CAACmC,cAAc,GAAG,IAAI,CAAC5B,MAAM,CAAC+B,OAAO,GAAG,CAAC,CAAC,CAAE;MAC/HC,YAAY,EAAC,SAAS;MACtBC,UAAU,EAAE,IAAI,CAACC,WAAY;MAC7BC,oBAAoB,EAAE,IAAI,CAACnC,MAAM,CAACoC,eAAe,CAACC,KAAa;MAC/DC,SAAS,EAAEhD,KAAK,CAACiD,SAAU;MAC3BC,QAAQ,EAAElD,KAAK,CAACmD,QAAQ,IAAInD,KAAK,CAACoD,QAAQ,GAAG,KAAK,GAAG,IAAK;MAC1DC,WAAW,EAAErD,KAAK,CAACqD,WAAY;MAC/BC,MAAM,EAAGC,KAAK,IAAG;QAAC,IAAI,CAACD,MAAM,CAACE,IAAI,CAAC,IAAI,CAAC,CAACD,KAAK,EAAE,CAAC,CAACvD,KAAK,CAACyD,YAAY,CAAC;MAAA,CAAE;MACvEC,OAAO,EAAE,IAAI,CAACA,OAAO,CAACF,IAAI,CAAC,IAAI,CAAE;MACjCG,UAAU,EAAE,IAAI,CAACC,kBAAkB,CAACJ,IAAI,CAAC,IAAI,CAAE;MAC/CK,eAAe,EAAE,IAAI,CAACA,eAAe,CAACL,IAAI,CAAC,IAAI,CAAE;MACjDM,YAAY,EAAGC,IAAI,IAAK;QACtB,IAAI,CAACD,YAAY,CAACN,IAAI,CAAC,IAAI,CAAC,CAACO,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC/D,KAAK,CAACyD,YAAY,CAAC;MACpE,CAAE;MACFO,QAAQ,EAAE,IAAI,CAACC,YAAY,CAACT,IAAI,CAAC,IAAI,CAAE;MACvCU,qBAAqB,EAAE,IAAI,CAACxD,MAAM,CAACqD,IAAI,CAACI,UAAU,KAAK,MAAO;MAC9DC,kBAAkB,EAAEpE,KAAK,CAACyD,YAAa;MACvCY,YAAY,EAAGd,KAAwB,IAAK,IAAI,CAACc,YAAY,CAACd,KAAK;IAAE,EACtE,CAAC;EACJ;AACF","ignoreList":[]}

package/components/input/number/number.styles.js

@@ -30,6 +30,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     floatingLabel: {},
     activeFloatingLabel: {},
+    inactiveFloatingLabel: {},
     skeleton: {
       root: {
         borderRadius: 6,
@@ -87,6 +88,9 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     activeFloatingLabel: {
       color: themeVariables.activeFloatingLabelColor
+    },
+    inactiveFloatingLabel: {
+      color: themeVariables.floatingLabelColor
     }
   });
 });

package/components/input/number/number.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","paddingTop","paddingBottom","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","paddingLeft","paddingRight","text","fontSize","textAlign","invalid","borderBottomColor","inputInvalidBorderColor","focused","inputFocusBorderColor","placeholderText","color","inputPlaceholderColor","floatingLabel","activeFloatingLabel","skeleton","width","height","skeletonLabel","bottom","left","flex","minWidth","maxWidth","inputDisabledBgColor","position","top","floatingLabelColor","activeFloatingLabelColor"],"sources":["number.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport type WmNumberStyles = BaseStyles & {\n  invalid: AllStyle;\n  focused: AllStyle;\n  placeholderText: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n  skeletonLabel: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-number';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmNumberStyles = defineStyles<WmNumberStyles>({\n      root: {\n        minHeight: 42,\n        paddingTop: 8,\n        paddingBottom: 8,\n        borderWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.inputBorderColor,\n        backgroundColor: themeVariables.inputBackgroundColor,\n        borderRadius: 6,\n        paddingLeft: 16,\n        paddingRight: 16\n      },\n      text: {\n        fontSize: 16,\n        textAlign: 'left'\n      },\n      invalid: {\n        borderBottomColor: themeVariables.inputInvalidBorderColor\n      },\n      focused : {\n        borderColor: themeVariables.inputFocusBorderColor,\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      },\n      floatingLabel: {},\n      activeFloatingLabel: {},\n      skeleton: {\n        root:{\n          borderRadius: 6,\n          paddingLeft: 16,\n          paddingRight: 16,\n          minHeight: 42,\n          paddingTop: 8,\n          paddingBottom: 8,\n          width: '100%',\n          height: 40,\n        },\n      } as any as WmSkeletonStyles,\n      skeletonLabel: {\n        root: {\n          bottom: 12,\n          left: 16,\n          width:80,\n          height:16,\n          borderRadius:4\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-number-input-horizontal', '', {\n    root: {\n      flex: 1,\n      minWidth: 0, // Allow shrinking below intrinsic content size if needed\n      maxWidth: '100%'\n    },\n    text: {}\n  } as BaseStyles);\n  \n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n      root : {\n        textAlign: 'right'\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root: {\n      minHeight: 48\n    },\n    floatingLabel: {\n      position: 'absolute',\n      top: 12,\n      left: 16,\n      fontSize: 14,\n      color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n      color: themeVariables.activeFloatingLabelColor\n    }\n  });\n});\n\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAaxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA6B,GAAGL,YAAY,CAAiB;IAC/DM,IAAI,EAAE;MACJC,SAAS,EAAE,EAAE;MACbC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAET,cAAc,CAACU,gBAAgB;MAC5CC,eAAe,EAAEX,cAAc,CAACY,oBAAoB;MACpDC,YAAY,EAAE,CAAC;MACfC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE;IACb,CAAC;IACDC,OAAO,EAAE;MACPC,iBAAiB,EAAEpB,cAAc,CAACqB;IACpC,CAAC;IACDC,OAAO,EAAG;MACRb,WAAW,EAAET,cAAc,CAACuB;IAC9B,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAEzB,cAAc,CAAC0B;IACxB,CAAC;IACDC,aAAa,EAAE,CAAC,CAAC;IACjBC,mBAAmB,EAAE,CAAC,CAAC;IACvBC,QAAQ,EAAE;MACR1B,IAAI,EAAC;QACHU,YAAY,EAAE,CAAC;QACfC,WAAW,EAAE,EAAE;QACfC,YAAY,EAAE,EAAE;QAChBX,SAAS,EAAE,EAAE;QACbC,UAAU,EAAE,CAAC;QACbC,aAAa,EAAE,CAAC;QAChBwB,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE;MACV;IACF,CAA4B;IAC5BC,aAAa,EAAE;MACb7B,IAAI,EAAE;QACJ8B,MAAM,EAAE,EAAE;QACVC,IAAI,EAAE,EAAE;QACRJ,KAAK,EAAC,EAAE;QACRC,MAAM,EAAC,EAAE;QACTlB,YAAY,EAAC;MACf;IACF;EACJ,CAAC,CAAC;EAEFZ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;;EAE1C;EACAD,QAAQ,CAAC,8BAA8B,EAAE,EAAE,EAAE;IAC3CE,IAAI,EAAE;MACJgC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MAAE;MACbC,QAAQ,EAAE;IACZ,CAAC;IACDrB,IAAI,EAAE,CAAC;EACT,CAAe,CAAC;EAEhBf,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLQ,eAAe,EAAEX,cAAc,CAACsC;IAClC;EACJ,CAAC,CAAC;EACFrC,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACjCK,IAAI,EAAG;MACLe,SAAS,EAAE;IACb;EACJ,CAAC,CAAC;EACFjB,QAAQ,CAACH,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CK,IAAI,EAAE;MACJC,SAAS,EAAE;IACb,CAAC;IACDuB,aAAa,EAAE;MACbY,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPN,IAAI,EAAE,EAAE;MACRjB,QAAQ,EAAE,EAAE;MACZQ,KAAK,EAAEzB,cAAc,CAACyC;IACxB,CAAC;IACDb,mBAAmB,EAAE;MACnBH,KAAK,EAAEzB,cAAc,CAAC0C;IACxB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","paddingTop","paddingBottom","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","paddingLeft","paddingRight","text","fontSize","textAlign","invalid","borderBottomColor","inputInvalidBorderColor","focused","inputFocusBorderColor","placeholderText","color","inputPlaceholderColor","floatingLabel","activeFloatingLabel","inactiveFloatingLabel","skeleton","width","height","skeletonLabel","bottom","left","flex","minWidth","maxWidth","inputDisabledBgColor","position","top","floatingLabelColor","activeFloatingLabelColor"],"sources":["number.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport type WmNumberStyles = BaseStyles & {\n  invalid: AllStyle;\n  focused: AllStyle;\n  placeholderText: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: AllStyle;\n  inactiveFloatingLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n  skeletonLabel: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-number';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmNumberStyles = defineStyles<WmNumberStyles>({\n      root: {\n        minHeight: 42,\n        paddingTop: 8,\n        paddingBottom: 8,\n        borderWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.inputBorderColor,\n        backgroundColor: themeVariables.inputBackgroundColor,\n        borderRadius: 6,\n        paddingLeft: 16,\n        paddingRight: 16\n      },\n      text: {\n        fontSize: 16,\n        textAlign: 'left'\n      },\n      invalid: {\n        borderBottomColor: themeVariables.inputInvalidBorderColor\n      },\n      focused : {\n        borderColor: themeVariables.inputFocusBorderColor,\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      },\n      floatingLabel: {},\n      activeFloatingLabel: {},\n      inactiveFloatingLabel: {},\n      skeleton: {\n        root:{\n          borderRadius: 6,\n          paddingLeft: 16,\n          paddingRight: 16,\n          minHeight: 42,\n          paddingTop: 8,\n          paddingBottom: 8,\n          width: '100%',\n          height: 40,\n        },\n      } as any as WmSkeletonStyles,\n      skeletonLabel: {\n        root: {\n          bottom: 12,\n          left: 16,\n          width:80,\n          height:16,\n          borderRadius:4\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-number-input-horizontal', '', {\n    root: {\n      flex: 1,\n      minWidth: 0, // Allow shrinking below intrinsic content size if needed\n      maxWidth: '100%'\n    },\n    text: {}\n  } as BaseStyles);\n  \n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n      root : {\n        textAlign: 'right'\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root: {\n      minHeight: 48\n    },\n    floatingLabel: {\n      position: 'absolute',\n      top: 12,\n      left: 16,\n      fontSize: 14,\n      color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n      color: themeVariables.activeFloatingLabelColor\n    },\n    inactiveFloatingLabel: {\n      color: themeVariables.floatingLabelColor\n    }\n  });\n});\n\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAcxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA6B,GAAGL,YAAY,CAAiB;IAC/DM,IAAI,EAAE;MACJC,SAAS,EAAE,EAAE;MACbC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAET,cAAc,CAACU,gBAAgB;MAC5CC,eAAe,EAAEX,cAAc,CAACY,oBAAoB;MACpDC,YAAY,EAAE,CAAC;MACfC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE;IACb,CAAC;IACDC,OAAO,EAAE;MACPC,iBAAiB,EAAEpB,cAAc,CAACqB;IACpC,CAAC;IACDC,OAAO,EAAG;MACRb,WAAW,EAAET,cAAc,CAACuB;IAC9B,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAEzB,cAAc,CAAC0B;IACxB,CAAC;IACDC,aAAa,EAAE,CAAC,CAAC;IACjBC,mBAAmB,EAAE,CAAC,CAAC;IACvBC,qBAAqB,EAAE,CAAC,CAAC;IACzBC,QAAQ,EAAE;MACR3B,IAAI,EAAC;QACHU,YAAY,EAAE,CAAC;QACfC,WAAW,EAAE,EAAE;QACfC,YAAY,EAAE,EAAE;QAChBX,SAAS,EAAE,EAAE;QACbC,UAAU,EAAE,CAAC;QACbC,aAAa,EAAE,CAAC;QAChByB,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE;MACV;IACF,CAA4B;IAC5BC,aAAa,EAAE;MACb9B,IAAI,EAAE;QACJ+B,MAAM,EAAE,EAAE;QACVC,IAAI,EAAE,EAAE;QACRJ,KAAK,EAAC,EAAE;QACRC,MAAM,EAAC,EAAE;QACTnB,YAAY,EAAC;MACf;IACF;EACJ,CAAC,CAAC;EAEFZ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;;EAE1C;EACAD,QAAQ,CAAC,8BAA8B,EAAE,EAAE,EAAE;IAC3CE,IAAI,EAAE;MACJiC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MAAE;MACbC,QAAQ,EAAE;IACZ,CAAC;IACDtB,IAAI,EAAE,CAAC;EACT,CAAe,CAAC;EAEhBf,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLQ,eAAe,EAAEX,cAAc,CAACuC;IAClC;EACJ,CAAC,CAAC;EACFtC,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACjCK,IAAI,EAAG;MACLe,SAAS,EAAE;IACb;EACJ,CAAC,CAAC;EACFjB,QAAQ,CAACH,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CK,IAAI,EAAE;MACJC,SAAS,EAAE;IACb,CAAC;IACDuB,aAAa,EAAE;MACba,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPN,IAAI,EAAE,EAAE;MACRlB,QAAQ,EAAE,EAAE;MACZQ,KAAK,EAAEzB,cAAc,CAAC0C;IACxB,CAAC;IACDd,mBAAmB,EAAE;MACnBH,KAAK,EAAEzB,cAAc,CAAC2C;IACxB,CAAC;IACDd,qBAAqB,EAAE;MACrBJ,KAAK,EAAEzB,cAAc,CAAC0C;IACxB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/components/input/text/text.styles.js

@@ -88,5 +88,18 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       color: themeVariables.floatingLabelColor
     }
   });
+  addStyle('app-input', '', {
+    root: {},
+    text: {},
+    invalid: {},
+    focused: {},
+    placeholderText: {},
+    floatingLabel: {},
+    activeFloatingLabel: {},
+    inactiveFloatingLabel: {},
+    skeleton: {
+      root: {}
+    }
+  });
 });
 //# sourceMappingURL=text.styles.js.map

package/components/input/text/text.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","paddingTop","paddingBottom","borderWidth","paddingLeft","paddingRight","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","fontFamily","baseFont","text","fontSize","invalid","borderBottomColor","inputInvalidBorderColor","focused","inputFocusBorderColor","placeholderText","color","inputPlaceholderColor","floatingLabel","activeFloatingLabel","inactiveFloatingLabel","skeleton","width","height","flex","minWidth","maxWidth","inputDisabledBgColor","textAlign","position","top","left","floatingLabelColor","activeFloatingLabelColor"],"sources":["text.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle, Theme} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {ColorValue} from \"react-native\";\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmTextStyles = BaseStyles & {\n  invalid: AllStyle;\n  focused: AllStyle;\n  placeholderText: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: AllStyle;\n  inactiveFloatingLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-text';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmTextStyles = defineStyles({\n      root: {\n        minHeight: 42,\n        paddingTop: 8,\n        paddingBottom: 8,\n        borderWidth: 1,\n        paddingLeft: 16,\n        paddingRight: 16,\n        borderStyle: 'solid',\n        borderColor: themeVariables.inputBorderColor,\n        backgroundColor: themeVariables.inputBackgroundColor,\n        borderRadius: 6,\n        fontFamily: themeVariables.baseFont\n      },\n      text: {\n        fontSize: 16\n      },\n      invalid: {\n        borderBottomColor: themeVariables.inputInvalidBorderColor\n      },\n      focused : {\n        borderColor: themeVariables.inputFocusBorderColor,\n      },\n      placeholderText: {\n      color: themeVariables.inputPlaceholderColor\n      },\n      floatingLabel: {},\n      activeFloatingLabel: {},\n      inactiveFloatingLabel: {},\n      skeleton: {\n        root: {\n          width: '100%',\n          height: 16,\n          borderRadius: 4\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-text-input-horizontal', '', {\n    root: {\n      flex: 1, \n      minWidth: 0, \n      maxWidth: '100%',\n    },\n    text: {\n    }\n  } as BaseStyles);\n  \n  // Password widgets use the text component but have their own widget type\n  addStyle('form-password-input-horizontal', '', {\n    root: {\n      flex: 1, \n      minWidth: 0, \n      maxWidth: '100%',\n    },\n    text: {}\n  } as BaseStyles);\n  \n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n      root:{\n        textAlign: 'right'\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root: {\n      minHeight: 48,\n    },\n    floatingLabel: {\n      position: 'absolute',\n      top: 12,\n      left: 16,\n      fontSize: 14,\n      color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n      color: themeVariables.activeFloatingLabelColor\n    },\n    inactiveFloatingLabel: {\n      color: themeVariables.floatingLabelColor,\n    }\n  });\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAyB,wCAAwC;AAClF,SAAqBC,YAAY,QAAQ,+CAA+C;AAcxF,OAAO,MAAMC,aAAa,GAAG,UAAU;AACvCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA2B,GAAGL,YAAY,CAAC;IAC7CM,IAAI,EAAE;MACJC,SAAS,EAAE,EAAE;MACbC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE,EAAE;MAChBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEX,cAAc,CAACY,gBAAgB;MAC5CC,eAAe,EAAEb,cAAc,CAACc,oBAAoB;MACpDC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAEhB,cAAc,CAACiB;IAC7B,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACPC,iBAAiB,EAAErB,cAAc,CAACsB;IACpC,CAAC;IACDC,OAAO,EAAG;MACRZ,WAAW,EAAEX,cAAc,CAACwB;IAC9B,CAAC;IACDC,eAAe,EAAE;MACjBC,KAAK,EAAE1B,cAAc,CAAC2B;IACtB,CAAC;IACDC,aAAa,EAAE,CAAC,CAAC;IACjBC,mBAAmB,EAAE,CAAC,CAAC;IACvBC,qBAAqB,EAAE,CAAC,CAAC;IACzBC,QAAQ,EAAE;MACR5B,IAAI,EAAE;QACJ6B,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVlB,YAAY,EAAE;MAChB;IACF;EACJ,CAAC,CAAC;EAEFd,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;;EAE1C;EACAD,QAAQ,CAAC,4BAA4B,EAAE,EAAE,EAAE;IACzCE,IAAI,EAAE;MACJ+B,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE;IACZ,CAAC;IACDlB,IAAI,EAAE,CACN;EACF,CAAe,CAAC;;EAEhB;EACAjB,QAAQ,CAAC,gCAAgC,EAAE,EAAE,EAAE;IAC7CE,IAAI,EAAE;MACJ+B,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE;IACZ,CAAC;IACDlB,IAAI,EAAE,CAAC;EACT,CAAe,CAAC;EAEhBjB,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLU,eAAe,EAAEb,cAAc,CAACqC;IAClC;EACJ,CAAC,CAAC;EACFpC,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACjCK,IAAI,EAAC;MACHmC,SAAS,EAAE;IACb;EACJ,CAAC,CAAC;EACFrC,QAAQ,CAACH,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CK,IAAI,EAAE;MACJC,SAAS,EAAE;IACb,CAAC;IACDwB,aAAa,EAAE;MACbW,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACRtB,QAAQ,EAAE,EAAE;MACZO,KAAK,EAAE1B,cAAc,CAAC0C;IACxB,CAAC;IACDb,mBAAmB,EAAE;MACnBH,KAAK,EAAE1B,cAAc,CAAC2C;IACxB,CAAC;IACDb,qBAAqB,EAAE;MACrBJ,KAAK,EAAE1B,cAAc,CAAC0C;IACxB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","paddingTop","paddingBottom","borderWidth","paddingLeft","paddingRight","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","fontFamily","baseFont","text","fontSize","invalid","borderBottomColor","inputInvalidBorderColor","focused","inputFocusBorderColor","placeholderText","color","inputPlaceholderColor","floatingLabel","activeFloatingLabel","inactiveFloatingLabel","skeleton","width","height","flex","minWidth","maxWidth","inputDisabledBgColor","textAlign","position","top","left","floatingLabelColor","activeFloatingLabelColor"],"sources":["text.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle, Theme } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ColorValue } from \"react-native\";\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmTextStyles = BaseStyles & {\n  invalid: AllStyle;\n  focused: AllStyle;\n  placeholderText: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: AllStyle;\n  inactiveFloatingLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-text';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmTextStyles = defineStyles({\n    root: {\n      minHeight: 42,\n      paddingTop: 8,\n      paddingBottom: 8,\n      borderWidth: 1,\n      paddingLeft: 16,\n      paddingRight: 16,\n      borderStyle: 'solid',\n      borderColor: themeVariables.inputBorderColor,\n      backgroundColor: themeVariables.inputBackgroundColor,\n      borderRadius: 6,\n      fontFamily: themeVariables.baseFont\n    },\n    text: {\n      fontSize: 16\n    },\n    invalid: {\n      borderBottomColor: themeVariables.inputInvalidBorderColor\n    },\n    focused: {\n      borderColor: themeVariables.inputFocusBorderColor,\n    },\n    placeholderText: {\n      color: themeVariables.inputPlaceholderColor\n    },\n    floatingLabel: {},\n    activeFloatingLabel: {},\n    inactiveFloatingLabel: {},\n    skeleton: {\n      root: {\n        width: '100%',\n        height: 16,\n        borderRadius: 4\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-text-input-horizontal', '', {\n    root: {\n      flex: 1, \n      minWidth: 0, \n      maxWidth: '100%',\n    },\n    text: {\n    }\n  } as BaseStyles);\n  \n  // Password widgets use the text component but have their own widget type\n  addStyle('form-password-input-horizontal', '', {\n    root: {\n      flex: 1, \n      minWidth: 0, \n      maxWidth: '100%',\n    },\n    text: {}\n  } as BaseStyles);\n  \n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root: {\n      backgroundColor: themeVariables.inputDisabledBgColor\n    }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    root: {\n      textAlign: 'right'\n    }\n  });\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root: {\n      minHeight: 48,\n    },\n    floatingLabel: {\n      position: 'absolute',\n      top: 12,\n      left: 16,\n      fontSize: 14,\n      color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n      color: themeVariables.activeFloatingLabelColor,\n    },\n    inactiveFloatingLabel: {\n      color: themeVariables.floatingLabelColor,\n    }\n  });\n    addStyle('app-input', '', {\n    root: {},\n    text: {},\n    invalid: {\n    },\n    focused: {},\n    placeholderText: {},\n    floatingLabel: {},\n    activeFloatingLabel: {},\n    inactiveFloatingLabel: {},\n    skeleton: {\n      root: {}\n    } as any as WmSkeletonStyles\n  });\n});"],"mappings":"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","ignoreList":[]}

package/components/input/textarea/textarea.component.js

@@ -66,6 +66,7 @@ export default class WmTextarea extends BaseInputComponent {
       floatingLabel: props.floatinglabel,
       floatingLabelStyle: this.styles.floatingLabel,
       activeFloatingLabelStyle: this.styles.activeFloatingLabel,
+      inactiveFloatingLabelStyle: this.styles.inactiveFloatingLabel,
       autoComplete: props.autocomplete ? 'username' : 'off',
       autoFocus: props.autofocus,
       editable: props.disabled || props.readonly ? false : true,

package/components/input/textarea/textarea.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","Text","WmTextareaProps","DEFAULT_CLASS","BaseInputComponent","BaseInputState","WMTextInput","isNull","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmTextareaState","WmTextarea","constructor","props","getStyleClassName","classes","state","floatinglabel","push","join","renderSkeleton","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","styles","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","renderWidget","_this$state$textValue","opts","valueExpr","OS","textValue","toString","createElement","Fragment","_extends","getTestPropsForInput","TEXTAREA","ref","widgetRef","selectionStart","selectionEnd","cursor","placeholderTextColor","placeholderText","color","isInputFocused","style","text","isValid","invalid","focused","multiline","numberOfLines","background","_background","keyboardType","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","autoComplete","autocomplete","autoFocus","autofocus","editable","disabled","readonly","maxLength","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","onChange","invokeChange","allowContentSelection","userSelect","handleLayout","limitdisplaytext","helpText"],"sources":["textarea.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform,Text } from 'react-native';\nimport WmTextareaProps from './textarea.props';\nimport { DEFAULT_CLASS, WmTextareaStyles } from './textarea.styles';\nimport {\n  BaseInputComponent,\n  BaseInputState\n} from '@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { isNull } from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmTextareaState extends BaseInputState<WmTextareaProps> {}\n\nexport default class WmTextarea extends BaseInputComponent<WmTextareaProps, WmTextareaState, WmTextareaStyles> {\n\n  constructor(props: WmTextareaProps) {\n    super(props, DEFAULT_CLASS, new WmTextareaProps(), new WmTextareaState());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-textarea-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  public renderSkeleton(props: WmTextareaProps): React.ReactNode {\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;\n    }\n\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  renderWidget(props: WmTextareaProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return ( \n      <>\n    <WMTextInput\n      {...this.getTestPropsForInput()}\n      {...getAccessibilityProps(\n        AccessibilityWidgetType.TEXTAREA,\n        props\n      )}\n      ref={(ref: any) => {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      placeholderTextColor={this.styles.placeholderText.color as any}\n      isInputFocused={ this.state.isInputFocused }\n      style={[this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isInputFocused ? this.styles.focused : {}]}\n      multiline={true}\n      numberOfLines={4}\n      background={this._background}\n      keyboardType={this.state.keyboardType}\n      {...opts}\n      floatingLabel={props.floatinglabel}\n      floatingLabelStyle={this.styles.floatingLabel}\n      activeFloatingLabelStyle={this.styles.activeFloatingLabel}\n      autoComplete={props.autocomplete ? 'username' : 'off'}\n      autoFocus={props.autofocus}\n      editable={props.disabled || props.readonly ? false : true}\n      maxLength={props.maxchars}\n      placeholder={props.placeholder || 'Place your text'}\n      onBlur={this.onBlur.bind(this)}\n      onFocus={this.onFocus.bind(this)}\n      onKeyPress={this.onKeyPress.bind(this)}\n      onChangeText={this.onChangeText.bind(this)}\n      onChange={this.invokeChange.bind(this)}\n      allowContentSelection={this.styles.text.userSelect === 'text'}\n      handleLayout={this.handleLayout}\n    />\n     { (props.maxchars && props.limitdisplaytext) && <Text\n        style={[\n          this.styles.helpText\n        ]} >     \n         {props.limitdisplaytext}     \n    </Text>}\n    </>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Platform","Text","WmTextareaProps","DEFAULT_CLASS","BaseInputComponent","BaseInputState","WMTextInput","isNull","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmTextareaState","WmTextarea","constructor","props","getStyleClassName","classes","state","floatinglabel","push","join","renderSkeleton","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","styles","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","renderWidget","_this$state$textValue","opts","valueExpr","OS","textValue","toString","createElement","Fragment","_extends","getTestPropsForInput","TEXTAREA","ref","widgetRef","selectionStart","selectionEnd","cursor","placeholderTextColor","placeholderText","color","isInputFocused","style","text","isValid","invalid","focused","multiline","numberOfLines","background","_background","keyboardType","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","inactiveFloatingLabelStyle","inactiveFloatingLabel","autoComplete","autocomplete","autoFocus","autofocus","editable","disabled","readonly","maxLength","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","onChange","invokeChange","allowContentSelection","userSelect","handleLayout","limitdisplaytext","helpText"],"sources":["textarea.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform,Text } from 'react-native';\nimport WmTextareaProps from './textarea.props';\nimport { DEFAULT_CLASS, WmTextareaStyles } from './textarea.styles';\nimport {\n  BaseInputComponent,\n  BaseInputState\n} from '@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { isNull } from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmTextareaState extends BaseInputState<WmTextareaProps> {}\n\nexport default class WmTextarea extends BaseInputComponent<WmTextareaProps, WmTextareaState, WmTextareaStyles> {\n\n  constructor(props: WmTextareaProps) {\n    super(props, DEFAULT_CLASS, new WmTextareaProps(), new WmTextareaState());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-textarea-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  public renderSkeleton(props: WmTextareaProps): React.ReactNode {\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;\n    }\n\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  renderWidget(props: WmTextareaProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return ( \n      <>\n    <WMTextInput\n      {...this.getTestPropsForInput()}\n      {...getAccessibilityProps(\n        AccessibilityWidgetType.TEXTAREA,\n        props\n      )}\n      ref={(ref: any) => {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      placeholderTextColor={this.styles.placeholderText.color as any}\n      isInputFocused={ this.state.isInputFocused }\n      style={[this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isInputFocused ? this.styles.focused : {}]}\n      multiline={true}\n      numberOfLines={4}\n      background={this._background}\n      keyboardType={this.state.keyboardType}\n      {...opts}\n      floatingLabel={props.floatinglabel}\n      floatingLabelStyle={this.styles.floatingLabel}\n      activeFloatingLabelStyle={this.styles.activeFloatingLabel}\n      inactiveFloatingLabelStyle={this.styles.inactiveFloatingLabel}\n      autoComplete={props.autocomplete ? 'username' : 'off'}\n      autoFocus={props.autofocus}\n      editable={props.disabled || props.readonly ? false : true}\n      maxLength={props.maxchars}\n      placeholder={props.placeholder || 'Place your text'}\n      onBlur={this.onBlur.bind(this)}\n      onFocus={this.onFocus.bind(this)}\n      onKeyPress={this.onKeyPress.bind(this)}\n      onChangeText={this.onChangeText.bind(this)}\n      onChange={this.invokeChange.bind(this)}\n      allowContentSelection={this.styles.text.userSelect === 'text'}\n      handleLayout={this.handleLayout}\n    />\n     { (props.maxchars && props.limitdisplaytext) && <Text\n        style={[\n          this.styles.helpText\n        ]} >     \n         {props.limitdisplaytext}     \n    </Text>}\n    </>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/textarea/textarea.styles.js

@@ -20,6 +20,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     floatingLabel: {},
     activeFloatingLabel: {},
+    inactiveFloatingLabel: {},
     invalid: {
       borderBottomColor: 'red'
     },
@@ -78,6 +79,9 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     activeFloatingLabel: {
       color: themeVariables.activeFloatingLabelColor
+    },
+    inactiveFloatingLabel: {
+      color: themeVariables.floatingLabelColor
     }
   });
 });

package/components/input/textarea/textarea.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","ThemeVariables","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","fontFamily","baseFont","minHeight","text","fontSize","textAlignVertical","floatingLabel","activeFloatingLabel","invalid","borderBottomColor","focused","inputFocusBorderColor","placeholderText","color","inputPlaceholderColor","skeleton","width","height","helpText","marginTop","textAlign","INSTANCE","textAreaHelpTextColor","flex","minWidth","maxWidth","inputDisabledBgColor","paddingTop","position","top","left","floatingLabelColor","activeFloatingLabelColor"],"sources":["textarea.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\n\nexport type WmTextareaStyles = BaseStyles & {\n  invalid: AllStyle;\n  focused: AllStyle;\n  placeholderText: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n  helpText:AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-textarea';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmTextareaStyles = defineStyles({\n      root: {\n        padding:12,\n        borderWidth:1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.inputBorderColor,\n        backgroundColor: themeVariables.inputBackgroundColor,\n        borderRadius: 6,\n        fontFamily: themeVariables.baseFont,\n        minHeight: 160,\n      },\n      text: {\n        fontSize: 16,\n        textAlignVertical: 'top'\n      },\n      floatingLabel: {},\n      activeFloatingLabel: {},\n      invalid: {\n        borderBottomColor: 'red'\n      },\n      focused : {\n        borderColor: themeVariables.inputFocusBorderColor,\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      },\n      skeleton: {\n        root: {\n          width: '100%',\n          height: 84,\n          borderRadius: 4\n        }\n      } as any as WmSkeletonStyles,\n      helpText:{\n        marginTop:5,\n        textAlign:'right',\n        fontSize: 13,\n        color: ThemeVariables.INSTANCE.textAreaHelpTextColor\n      }\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-textarea-input-horizontal', '', {\n    root: {\n      flex: 1,\n      minWidth: 0, // Allow shrinking below intrinsic content size if needed\n      maxWidth: '100%', // Prevent overflow\n    },\n    text: {}\n  } as BaseStyles);\n  \n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    root:{\n      textAlign: 'right'\n    }\n  })\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    text:{\n      paddingTop: 24\n    },\n    floatingLabel: {\n      position: 'absolute',\n      top: 12,\n      left: 16,\n      fontSize: 14,\n      color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n      color: themeVariables.activeFloatingLabelColor\n    }\n  })\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAExF,OAAOC,cAAc,MAAM,kDAAkD;AAY7E,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA+B,GAAGN,YAAY,CAAC;IACjDO,IAAI,EAAE;MACJC,OAAO,EAAC,EAAE;MACVC,WAAW,EAAC,CAAC;MACbC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEP,cAAc,CAACQ,gBAAgB;MAC5CC,eAAe,EAAET,cAAc,CAACU,oBAAoB;MACpDC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAEZ,cAAc,CAACa,QAAQ;MACnCC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,iBAAiB,EAAE;IACrB,CAAC;IACDC,aAAa,EAAE,CAAC,CAAC;IACjBC,mBAAmB,EAAE,CAAC,CAAC;IACvBC,OAAO,EAAE;MACPC,iBAAiB,EAAE;IACrB,CAAC;IACDC,OAAO,EAAG;MACRf,WAAW,EAAEP,cAAc,CAACuB;IAC9B,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAEzB,cAAc,CAAC0B;IACxB,CAAC;IACDC,QAAQ,EAAE;MACRxB,IAAI,EAAE;QACJyB,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVlB,YAAY,EAAE;MAChB;IACF,CAA4B;IAC5BmB,QAAQ,EAAC;MACPC,SAAS,EAAC,CAAC;MACXC,SAAS,EAAC,OAAO;MACjBhB,QAAQ,EAAE,EAAE;MACZS,KAAK,EAAE5B,cAAc,CAACoC,QAAQ,CAACC;IACjC;EACJ,CAAC,CAAC;EAEFjC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;;EAE1C;EACAD,QAAQ,CAAC,gCAAgC,EAAE,EAAE,EAAE;IAC7CE,IAAI,EAAE;MACJgC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MAAE;MACbC,QAAQ,EAAE,MAAM,CAAE;IACpB,CAAC;IACDtB,IAAI,EAAE,CAAC;EACT,CAAe,CAAC;EAEhBd,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLM,eAAe,EAAET,cAAc,CAACsC;IAClC;EACJ,CAAC,CAAC;EACFrC,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAC;MACH6B,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACF/B,QAAQ,CAACH,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CiB,IAAI,EAAC;MACHwB,UAAU,EAAE;IACd,CAAC;IACDrB,aAAa,EAAE;MACbsB,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACR1B,QAAQ,EAAE,EAAE;MACZS,KAAK,EAAEzB,cAAc,CAAC2C;IACxB,CAAC;IACDxB,mBAAmB,EAAE;MACnBM,KAAK,EAAEzB,cAAc,CAAC4C;IACxB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","ThemeVariables","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","fontFamily","baseFont","minHeight","text","fontSize","textAlignVertical","floatingLabel","activeFloatingLabel","inactiveFloatingLabel","invalid","borderBottomColor","focused","inputFocusBorderColor","placeholderText","color","inputPlaceholderColor","skeleton","width","height","helpText","marginTop","textAlign","INSTANCE","textAreaHelpTextColor","flex","minWidth","maxWidth","inputDisabledBgColor","paddingTop","position","top","left","floatingLabelColor","activeFloatingLabelColor"],"sources":["textarea.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\n\nexport type WmTextareaStyles = BaseStyles & {\n  invalid: AllStyle;\n  focused: AllStyle;\n  placeholderText: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: AllStyle;\n  inactiveFloatingLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n  helpText:AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-textarea';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmTextareaStyles = defineStyles({\n      root: {\n        padding:12,\n        borderWidth:1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.inputBorderColor,\n        backgroundColor: themeVariables.inputBackgroundColor,\n        borderRadius: 6,\n        fontFamily: themeVariables.baseFont,\n        minHeight: 160,\n      },\n      text: {\n        fontSize: 16,\n        textAlignVertical: 'top'\n      },\n      floatingLabel: {},\n      activeFloatingLabel: {},\n      inactiveFloatingLabel: {},\n      invalid: {\n        borderBottomColor: 'red'\n      },\n      focused : {\n        borderColor: themeVariables.inputFocusBorderColor,\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      },\n      skeleton: {\n        root: {\n          width: '100%',\n          height: 84,\n          borderRadius: 4\n        }\n      } as any as WmSkeletonStyles,\n      helpText:{\n        marginTop:5,\n        textAlign:'right',\n        fontSize: 13,\n        color: ThemeVariables.INSTANCE.textAreaHelpTextColor\n      }\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-textarea-input-horizontal', '', {\n    root: {\n      flex: 1,\n      minWidth: 0, // Allow shrinking below intrinsic content size if needed\n      maxWidth: '100%', // Prevent overflow\n    },\n    text: {}\n  } as BaseStyles);\n  \n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    root:{\n      textAlign: 'right'\n    }\n  })\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    text:{\n      paddingTop: 24\n    },\n    floatingLabel: {\n      position: 'absolute',\n      top: 12,\n      left: 16,\n      fontSize: 14,\n      color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n      color: themeVariables.activeFloatingLabelColor\n    },\n    inactiveFloatingLabel: {\n      color: themeVariables.floatingLabelColor\n    }\n  })\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAExF,OAAOC,cAAc,MAAM,kDAAkD;AAa7E,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA+B,GAAGN,YAAY,CAAC;IACjDO,IAAI,EAAE;MACJC,OAAO,EAAC,EAAE;MACVC,WAAW,EAAC,CAAC;MACbC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEP,cAAc,CAACQ,gBAAgB;MAC5CC,eAAe,EAAET,cAAc,CAACU,oBAAoB;MACpDC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAEZ,cAAc,CAACa,QAAQ;MACnCC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,iBAAiB,EAAE;IACrB,CAAC;IACDC,aAAa,EAAE,CAAC,CAAC;IACjBC,mBAAmB,EAAE,CAAC,CAAC;IACvBC,qBAAqB,EAAE,CAAC,CAAC;IACzBC,OAAO,EAAE;MACPC,iBAAiB,EAAE;IACrB,CAAC;IACDC,OAAO,EAAG;MACRhB,WAAW,EAAEP,cAAc,CAACwB;IAC9B,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAE1B,cAAc,CAAC2B;IACxB,CAAC;IACDC,QAAQ,EAAE;MACRzB,IAAI,EAAE;QACJ0B,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVnB,YAAY,EAAE;MAChB;IACF,CAA4B;IAC5BoB,QAAQ,EAAC;MACPC,SAAS,EAAC,CAAC;MACXC,SAAS,EAAC,OAAO;MACjBjB,QAAQ,EAAE,EAAE;MACZU,KAAK,EAAE7B,cAAc,CAACqC,QAAQ,CAACC;IACjC;EACJ,CAAC,CAAC;EAEFlC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;;EAE1C;EACAD,QAAQ,CAAC,gCAAgC,EAAE,EAAE,EAAE;IAC7CE,IAAI,EAAE;MACJiC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MAAE;MACbC,QAAQ,EAAE,MAAM,CAAE;IACpB,CAAC;IACDvB,IAAI,EAAE,CAAC;EACT,CAAe,CAAC;EAEhBd,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLM,eAAe,EAAET,cAAc,CAACuC;IAClC;EACJ,CAAC,CAAC;EACFtC,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAC;MACH8B,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACFhC,QAAQ,CAACH,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CiB,IAAI,EAAC;MACHyB,UAAU,EAAE;IACd,CAAC;IACDtB,aAAa,EAAE;MACbuB,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACR3B,QAAQ,EAAE,EAAE;MACZU,KAAK,EAAE1B,cAAc,CAAC4C;IACxB,CAAC;IACDzB,mBAAmB,EAAE;MACnBO,KAAK,EAAE1B,cAAc,CAAC6C;IACxB,CAAC;IACDzB,qBAAqB,EAAE;MACrBM,KAAK,EAAE1B,cAAc,CAAC4C;IACxB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}