@wavemaker/app-rn-runtime 11.8.4-rc.5781 → 11.8.5-1.5798

app-rn-runtime/components/input/radioset/radioset.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","TouchableOpacity","ScrollView","WmRadiosetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","find","isEqual","isEmpty","WmLabel","getNumberOfEmptyObjects","WmRadiosetState","constructor","args","_defineProperty","WmRadioset","props","onPress","item","state","disabled","readonly","invokeEventCallback","proxy","selected","selectedValue","selectedItem","dataItems","d","key","oldValue","datavalue","datafield","validate","updateState","computeDisplayValue","undefined","renderChild","index","colWidth","displayText","displayexp","displayfield","value","getItemKey","createElement","_extends","style","styles","width","bind","getTestPropsForAction","id","getTestId","iconclass","checkedRadio","uncheckedRadio","template","renderitempartial","dataObject","radioLabel","getTestPropsForLabel","setTemplate","partialName","renderGroupby","groupedData","accessibilityRole","length","map","groupObj","groupHeaderTitle","renderRadioButtons","data","items","noOfColumns","itemsperrow","xs","Math","round","group","renderSkeleton","_ref","numberofskeletonitems","_","skeleton","renderWidget","root","horizontal","groupby"],"sources":["radioset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, DimensionValue, TouchableOpacity } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\n\nimport WmRadiosetProps from './radioset.props';\nimport { DEFAULT_CLASS, WmRadiosetStyles } from './radioset.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport { find, forEach, isEqual } from 'lodash-es';\nimport { isEmpty } from 'lodash';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport { getNumberOfEmptyObjects } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmRadiosetState extends BaseDatasetState<WmRadiosetProps> {\n  template: string = '';\n}\n\nexport default class WmRadioset extends BaseDatasetComponent<WmRadiosetProps, WmRadiosetState, WmRadiosetStyles> {\n\n  constructor(props: WmRadiosetProps) {\n    super(props, DEFAULT_CLASS, new WmRadiosetProps());\n  }\n\n  onPress(item: any) {\n    if (this.state.props.disabled || this.state.props.readonly) {\n      return;\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    item.selected = true;\n    let selectedValue: any = \"\";\n    const selectedItem = find(this.state.dataItems, d => isEqual(d.key, item.key));\n    const oldValue = this.state.props.datavalue;\n    selectedItem.selected = item.selected;\n    selectedValue = selectedItem.selected ? selectedItem.datafield : null;\n    this.validate(selectedValue);\n    this.updateState({ props: { datavalue: selectedValue }} as WmRadiosetState,() => {\n      this.computeDisplayValue();\n      this.invokeEventCallback('onChange', [ undefined, this.proxy, selectedValue, oldValue ]);\n    });\n  }\n\n  renderChild(item: any, index: any, colWidth: DimensionValue) {\n    const displayText = item.displayexp || item.displayfield;\n    const value = this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield;\n    return (\n      <TouchableOpacity style={[\n        this.styles.item,\n        item.selected ? this.styles.selectedItem : null,\n        {width: colWidth}]} onPress={this.onPress.bind(this, item)} key={item.key} {...this.getTestPropsForAction(\"radio\"+index)}>\n          <WmIcon id={this.getTestId('radiobutton' + index)} iconclass=\"wi wi-fiber-manual-record\" styles={item.selected ? this.styles.checkedRadio : this.styles.uncheckedRadio} disabled={this.state.props.readonly || this.state.props.disabled}></WmIcon>\n          {!isEmpty(this.state.template) && this.props.renderitempartial ?\n          this.props.renderitempartial(item.dataObject, index, this.state.template) : <Text style={this.styles.radioLabel} {...this.getTestPropsForLabel('caption'+index)}>{displayText}</Text>}\n      </TouchableOpacity>)\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName } as WmRadiosetState);\n  }\n\n  renderGroupby() {\n    const groupedData = this.state.groupedData;\n    return (\n      <View accessibilityRole='radiogroup'>\n        {groupedData && groupedData.length\n          ? groupedData.map((groupObj: any, index: any) => {\n            return(\n              <View key={groupObj.key}>\n                <Text style={this.styles.groupHeaderTitle}>{groupObj.key}</Text>\n                {this.renderRadioButtons(groupObj.data)}\n              </View>)\n          })\n          : null}\n      </View>\n    );\n  }\n\n  renderRadioButtons(items: any) {\n    const props = this.state.props;\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n    return(\n      <View style={noOfColumns === 1 ? {} : this.styles.group}>\n        {items && items.length ?\n          items.map((item: any, index: any) => this.renderChild(item, index, colWidth)): null}\n      </View>)\n  }\n\n  public renderSkeleton(props: WmRadiosetProps): React.ReactNode {\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n\n    return [...getNumberOfEmptyObjects(props.numberofskeletonitems as number ?? 5)].map(_ => {\n      return <View style={[this.styles.item, {width: colWidth}]}>\n        <WmIcon styles={this.styles.checkedRadio}/>\n        <WmLabel styles={{ skeleton: this.styles.skeleton }}/>\n      </View>\n    })\n\n  }\n\n  renderWidget(props: WmRadiosetProps) {\n    const items = this.state.dataItems;\n    return (\n      <ScrollView style={this.styles.root}>\n        <ScrollView horizontal={true}>\n          {props.groupby && this.renderGroupby()}\n          {!props.groupby && this.renderRadioButtons(items)}\n        </ScrollView>\n      </ScrollView>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","TouchableOpacity","ScrollView","WmRadiosetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","find","isEqual","isEmpty","WmLabel","getNumberOfEmptyObjects","WmRadiosetState","constructor","args","_defineProperty","WmRadioset","props","onPress","item","state","disabled","readonly","invokeEventCallback","proxy","selected","selectedValue","selectedItem","dataItems","d","key","oldValue","datavalue","datafield","validate","updateState","computeDisplayValue","undefined","renderChild","index","colWidth","displayText","displayexp","displayfield","value","getItemKey","createElement","_extends","style","styles","width","bind","getTestPropsForAction","id","getTestId","iconclass","checkedRadio","uncheckedRadio","template","renderitempartial","dataObject","radioLabel","selectedLabel","getTestPropsForLabel","setTemplate","partialName","renderGroupby","groupedData","accessibilityRole","length","map","groupObj","groupHeaderTitle","renderRadioButtons","data","items","noOfColumns","itemsperrow","xs","Math","round","group","renderSkeleton","_ref","numberofskeletonitems","_","skeleton","renderWidget","root","horizontal","groupby"],"sources":["radioset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, DimensionValue, TouchableOpacity } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\n\nimport WmRadiosetProps from './radioset.props';\nimport { DEFAULT_CLASS, WmRadiosetStyles } from './radioset.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport { find, forEach, isEqual } from 'lodash-es';\nimport { isEmpty } from 'lodash';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport { getNumberOfEmptyObjects } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmRadiosetState extends BaseDatasetState<WmRadiosetProps> {\n  template: string = '';\n}\n\nexport default class WmRadioset extends BaseDatasetComponent<WmRadiosetProps, WmRadiosetState, WmRadiosetStyles> {\n\n  constructor(props: WmRadiosetProps) {\n    super(props, DEFAULT_CLASS, new WmRadiosetProps());\n  }\n\n  onPress(item: any) {\n    if (this.state.props.disabled || this.state.props.readonly) {\n      return;\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    item.selected = true;\n    let selectedValue: any = \"\";\n    const selectedItem = find(this.state.dataItems, d => isEqual(d.key, item.key));\n    const oldValue = this.state.props.datavalue;\n    selectedItem.selected = item.selected;\n    selectedValue = selectedItem.selected ? selectedItem.datafield : null;\n    this.validate(selectedValue);\n    this.updateState({ props: { datavalue: selectedValue }} as WmRadiosetState,() => {\n      this.computeDisplayValue();\n      this.invokeEventCallback('onChange', [ undefined, this.proxy, selectedValue, oldValue ]);\n    });\n  }\n\n  renderChild(item: any, index: any, colWidth: DimensionValue) {\n    const displayText = item.displayexp || item.displayfield;\n    const value = this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield;\n    return (\n      <TouchableOpacity style={[\n        this.styles.item,\n        item.selected ? this.styles.selectedItem : null,\n        {width: colWidth}]} onPress={this.onPress.bind(this, item)} key={item.key} {...this.getTestPropsForAction(\"radio\"+index)}>\n          <WmIcon id={this.getTestId('radiobutton' + index)} iconclass=\"wi wi-fiber-manual-record\" styles={item.selected ? this.styles.checkedRadio : this.styles.uncheckedRadio} disabled={this.state.props.readonly || this.state.props.disabled}></WmIcon>\n          {!isEmpty(this.state.template) && this.props.renderitempartial ?\n          this.props.renderitempartial(item.dataObject, index, this.state.template) : <Text style={[this.styles.radioLabel, item.selected ? this.styles.selectedLabel : null]} {...this.getTestPropsForLabel('caption'+index)}>{displayText}</Text>}\n      </TouchableOpacity>)\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName } as WmRadiosetState);\n  }\n\n  renderGroupby() {\n    const groupedData = this.state.groupedData;\n    return (\n      <View accessibilityRole='radiogroup'>\n        {groupedData && groupedData.length\n          ? groupedData.map((groupObj: any, index: any) => {\n            return(\n              <View key={groupObj.key}>\n                <Text style={this.styles.groupHeaderTitle}>{groupObj.key}</Text>\n                {this.renderRadioButtons(groupObj.data)}\n              </View>)\n          })\n          : null}\n      </View>\n    );\n  }\n\n  renderRadioButtons(items: any) {\n    const props = this.state.props;\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n    return(\n      <View style={noOfColumns === 1 ? {} : this.styles.group}>\n        {items && items.length ?\n          items.map((item: any, index: any) => this.renderChild(item, index, colWidth)): null}\n      </View>)\n  }\n\n  public renderSkeleton(props: WmRadiosetProps): React.ReactNode {\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n\n    return [...getNumberOfEmptyObjects(props.numberofskeletonitems as number ?? 5)].map(_ => {\n      return <View style={[this.styles.item, {width: colWidth}]}>\n        <WmIcon styles={this.styles.checkedRadio}/>\n        <WmLabel styles={{ skeleton: this.styles.skeleton }}/>\n      </View>\n    })\n\n  }\n\n  renderWidget(props: WmRadiosetProps) {\n    const items = this.state.dataItems;\n    return (\n      <ScrollView style={this.styles.root}>\n        <ScrollView horizontal={true}>\n          {props.groupby && this.renderGroupby()}\n          {!props.groupby && this.renderRadioButtons(items)}\n        </ScrollView>\n      </ScrollView>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/input/radioset/radioset.styles.js

@@ -26,6 +26,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       marginTop: 8
     },
     selectedItem: {},
+    selectedLabel: {},
     radioLabel: {
       alignSelf: 'center',
       fontFamily: themeVariables.baseFont,

app-rn-runtime/components/input/radioset/radioset.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","color","checkedColor","text","group","flexDirection","flexWrap","groupHeaderTitle","backgroundColor","groupHeadingBgColor","fontSize","paddingLeft","paddingRight","lineHeight","fontFamily","baseFont","item","alignContent","marginRight","marginTop","selectedItem","radioLabel","alignSelf","labelDefaultColor","marginLeft","skeleton","width","height","borderRadius","uncheckedRadio","borderStyle","borderWidth","borderColor","checkedBorderColor","icon","opacity","checkedRadio","padding","checkedDisabledColor"],"sources":["radioset.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 { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmRadiosetStyles = BaseStyles & {\n  group: AllStyle,\n  groupHeaderTitle: AllStyle;\n  item: AllStyle;\n  selectedItem: AllStyle;\n  radioLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n  uncheckedRadio: WmIconStyles;\n  checkedRadio: WmIconStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-radioset';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmRadiosetStyles = defineStyles({\n      root: {\n        color: themeVariables.checkedColor\n      },\n      text: {},\n      group: {\n        flexDirection: 'row',\n        flexWrap: 'wrap'\n      },\n      groupHeaderTitle: {\n        backgroundColor: themeVariables.groupHeadingBgColor,\n        fontSize: 16,\n        paddingLeft: 8,\n        paddingRight: 8,\n        lineHeight: 40,\n        fontFamily: themeVariables.baseFont\n      } as AllStyle,\n      item: {\n        flexDirection: 'row',\n        alignContent: 'center',\n        marginRight: -20,\n        marginTop: 8\n      } as AllStyle,\n      selectedItem: {} as AllStyle,\n      radioLabel: {\n          alignSelf: 'center',\n          fontFamily: themeVariables.baseFont,\n          fontSize: 16,\n          color: themeVariables.labelDefaultColor,\n          marginLeft: 8\n      } as AllStyle,\n      skeleton: {\n        root: {\n          width: '100%',\n          height: 16,\n          borderRadius: 4,\n        }\n      } as any as WmSkeletonStyles,\n      uncheckedRadio: {\n        root: {\n          width: 20,\n          height: 20,\n          borderRadius: 10,\n          borderStyle: \"solid\",\n          borderWidth: 2,\n          borderColor: themeVariables.checkedBorderColor,\n        },\n        text: {},\n        icon: {\n          opacity: 0,\n        }\n      } as WmIconStyles,\n      checkedRadio : {\n        root: {\n          width: 20,\n          height: 20,\n          borderRadius: 10,\n          borderStyle: \"solid\",\n          borderWidth: 2,\n          borderColor: themeVariables.checkedBorderColor,\n        },\n        text: {\n          fontSize: 16,\n        },\n        icon : {\n          color: themeVariables.checkedColor,\n          padding: 0,\n        }\n  } as WmIconStyles\n});\n\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root : {\n      color: themeVariables.checkedDisabledColor,\n      opacity: 0.8\n    }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAexF,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA+B,GAAGL,YAAY,CAAC;IACjDM,IAAI,EAAE;MACJC,KAAK,EAAEJ,cAAc,CAACK;IACxB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,KAAK,EAAE;MACLC,aAAa,EAAE,KAAK;MACpBC,QAAQ,EAAE;IACZ,CAAC;IACDC,gBAAgB,EAAE;MAChBC,eAAe,EAAEX,cAAc,CAACY,mBAAmB;MACnDC,QAAQ,EAAE,EAAE;MACZC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,EAAE;MACdC,UAAU,EAAEjB,cAAc,CAACkB;IAC7B,CAAa;IACbC,IAAI,EAAE;MACJX,aAAa,EAAE,KAAK;MACpBY,YAAY,EAAE,QAAQ;MACtBC,WAAW,EAAE,CAAC,EAAE;MAChBC,SAAS,EAAE;IACb,CAAa;IACbC,YAAY,EAAE,CAAC,CAAa;IAC5BC,UAAU,EAAE;MACRC,SAAS,EAAE,QAAQ;MACnBR,UAAU,EAAEjB,cAAc,CAACkB,QAAQ;MACnCL,QAAQ,EAAE,EAAE;MACZT,KAAK,EAAEJ,cAAc,CAAC0B,iBAAiB;MACvCC,UAAU,EAAE;IAChB,CAAa;IACbC,QAAQ,EAAE;MACRzB,IAAI,EAAE;QACJ0B,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE;MAChB;IACF,CAA4B;IAC5BC,cAAc,EAAE;MACd7B,IAAI,EAAE;QACJ0B,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE,EAAE;QAChBE,WAAW,EAAE,OAAO;QACpBC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEnC,cAAc,CAACoC;MAC9B,CAAC;MACD9B,IAAI,EAAE,CAAC,CAAC;MACR+B,IAAI,EAAE;QACJC,OAAO,EAAE;MACX;IACF,CAAiB;IACjBC,YAAY,EAAG;MACbpC,IAAI,EAAE;QACJ0B,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE,EAAE;QAChBE,WAAW,EAAE,OAAO;QACpBC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEnC,cAAc,CAACoC;MAC9B,CAAC;MACD9B,IAAI,EAAE;QACJO,QAAQ,EAAE;MACZ,CAAC;MACDwB,IAAI,EAAG;QACLjC,KAAK,EAAEJ,cAAc,CAACK,YAAY;QAClCmC,OAAO,EAAE;MACX;IACN;EACF,CAAC,CAAC;EAEAvC,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAG;MACLC,KAAK,EAAEJ,cAAc,CAACyC,oBAAoB;MAC1CH,OAAO,EAAE;IACX;EACF,CAAC,CAAC;EAEFrC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","color","checkedColor","text","group","flexDirection","flexWrap","groupHeaderTitle","backgroundColor","groupHeadingBgColor","fontSize","paddingLeft","paddingRight","lineHeight","fontFamily","baseFont","item","alignContent","marginRight","marginTop","selectedItem","selectedLabel","radioLabel","alignSelf","labelDefaultColor","marginLeft","skeleton","width","height","borderRadius","uncheckedRadio","borderStyle","borderWidth","borderColor","checkedBorderColor","icon","opacity","checkedRadio","padding","checkedDisabledColor"],"sources":["radioset.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 { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmRadiosetStyles = BaseStyles & {\n  group: AllStyle,\n  groupHeaderTitle: AllStyle;\n  item: AllStyle;\n  selectedItem: AllStyle;\n  radioLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n  uncheckedRadio: WmIconStyles;\n  checkedRadio: WmIconStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-radioset';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmRadiosetStyles = defineStyles({\n      root: {\n        color: themeVariables.checkedColor\n      },\n      text: {},\n      group: {\n        flexDirection: 'row',\n        flexWrap: 'wrap'\n      },\n      groupHeaderTitle: {\n        backgroundColor: themeVariables.groupHeadingBgColor,\n        fontSize: 16,\n        paddingLeft: 8,\n        paddingRight: 8,\n        lineHeight: 40,\n        fontFamily: themeVariables.baseFont\n      } as AllStyle,\n      item: {\n        flexDirection: 'row',\n        alignContent: 'center',\n        marginRight: -20,\n        marginTop: 8\n      } as AllStyle,\n      selectedItem: {} as AllStyle,\n      selectedLabel: {} as AllStyle,\n      radioLabel: {\n          alignSelf: 'center',\n          fontFamily: themeVariables.baseFont,\n          fontSize: 16,\n          color: themeVariables.labelDefaultColor,\n          marginLeft: 8\n      } as AllStyle,\n      skeleton: {\n        root: {\n          width: '100%',\n          height: 16,\n          borderRadius: 4,\n        }\n      } as any as WmSkeletonStyles,\n      uncheckedRadio: {\n        root: {\n          width: 20,\n          height: 20,\n          borderRadius: 10,\n          borderStyle: \"solid\",\n          borderWidth: 2,\n          borderColor: themeVariables.checkedBorderColor,\n        },\n        text: {},\n        icon: {\n          opacity: 0,\n        }\n      } as WmIconStyles,\n      checkedRadio : {\n        root: {\n          width: 20,\n          height: 20,\n          borderRadius: 10,\n          borderStyle: \"solid\",\n          borderWidth: 2,\n          borderColor: themeVariables.checkedBorderColor,\n        },\n        text: {\n          fontSize: 16,\n        },\n        icon : {\n          color: themeVariables.checkedColor,\n          padding: 0,\n        }\n  } as WmIconStyles\n});\n\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root : {\n      color: themeVariables.checkedDisabledColor,\n      opacity: 0.8\n    }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAexF,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA+B,GAAGL,YAAY,CAAC;IACjDM,IAAI,EAAE;MACJC,KAAK,EAAEJ,cAAc,CAACK;IACxB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,KAAK,EAAE;MACLC,aAAa,EAAE,KAAK;MACpBC,QAAQ,EAAE;IACZ,CAAC;IACDC,gBAAgB,EAAE;MAChBC,eAAe,EAAEX,cAAc,CAACY,mBAAmB;MACnDC,QAAQ,EAAE,EAAE;MACZC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,EAAE;MACdC,UAAU,EAAEjB,cAAc,CAACkB;IAC7B,CAAa;IACbC,IAAI,EAAE;MACJX,aAAa,EAAE,KAAK;MACpBY,YAAY,EAAE,QAAQ;MACtBC,WAAW,EAAE,CAAC,EAAE;MAChBC,SAAS,EAAE;IACb,CAAa;IACbC,YAAY,EAAE,CAAC,CAAa;IAC5BC,aAAa,EAAE,CAAC,CAAa;IAC7BC,UAAU,EAAE;MACRC,SAAS,EAAE,QAAQ;MACnBT,UAAU,EAAEjB,cAAc,CAACkB,QAAQ;MACnCL,QAAQ,EAAE,EAAE;MACZT,KAAK,EAAEJ,cAAc,CAAC2B,iBAAiB;MACvCC,UAAU,EAAE;IAChB,CAAa;IACbC,QAAQ,EAAE;MACR1B,IAAI,EAAE;QACJ2B,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE;MAChB;IACF,CAA4B;IAC5BC,cAAc,EAAE;MACd9B,IAAI,EAAE;QACJ2B,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE,EAAE;QAChBE,WAAW,EAAE,OAAO;QACpBC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEpC,cAAc,CAACqC;MAC9B,CAAC;MACD/B,IAAI,EAAE,CAAC,CAAC;MACRgC,IAAI,EAAE;QACJC,OAAO,EAAE;MACX;IACF,CAAiB;IACjBC,YAAY,EAAG;MACbrC,IAAI,EAAE;QACJ2B,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE,EAAE;QAChBE,WAAW,EAAE,OAAO;QACpBC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEpC,cAAc,CAACqC;MAC9B,CAAC;MACD/B,IAAI,EAAE;QACJO,QAAQ,EAAE;MACZ,CAAC;MACDyB,IAAI,EAAG;QACLlC,KAAK,EAAEJ,cAAc,CAACK,YAAY;QAClCoC,OAAO,EAAE;MACX;IACN;EACF,CAAC,CAAC;EAEAxC,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAG;MACLC,KAAK,EAAEJ,cAAc,CAAC0C,oBAAoB;MAC1CH,OAAO,EAAE;IACX;EACF,CAAC,CAAC;EAEFtC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/input/text/text.component.js

@@ -60,7 +60,8 @@ export default class WmText extends BaseInputComponent {
       floatingLabelStyle: this.styles.floatingLabel,
       activeFloatingLabelStyle: this.styles.activeFloatingLabel,
       placeholderTextColor: this.styles.placeholderText.color,
-      style: [this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid],
+      isInputFocused: this.state.isInputFocused,
+      style: [this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isInputFocused ? this.styles.focused : {}],
       keyboardType: this.state.keyboardType,
       autoComplete: props.autocomplete ? 'username' : 'off',
       autoFocus: props.autofocus,

app-rn-runtime/components/input/text/text.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","WmTextProps","DEFAULT_CLASS","WMTextInput","BaseInputComponent","BaseInputState","isNull","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmTextState","WmText","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","_extends","getTestPropsForInput","TEXT","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","placeholderTextColor","placeholderText","color","style","text","isValid","invalid","keyboardType","autoComplete","autocomplete","autoFocus","autofocus","editable","disabled","readonly","secureTextEntry","type","maskchar","displayformat","maxLength","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","onChange","invokeChange","allowContentSelection","userSelect"],"sources":["text.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform } from 'react-native';\n\nimport WmTextProps from './text.props';\nimport { DEFAULT_CLASS, WmTextStyles } from './text.styles';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { BaseInputComponent, BaseInputState } from \"@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.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 WmTextState extends BaseInputState<WmTextProps> {\n}\n\nexport default class WmText extends BaseInputComponent<WmTextProps, WmTextState, WmTextStyles> {\n\n  constructor(props: WmTextProps) {\n    super(props, DEFAULT_CLASS, new WmTextProps(), new WmTextState());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-text-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  public renderSkeleton(props: WmTextProps): React.ReactNode { \n    let skeletonWidth, skeletonHeight;\n    \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: WmTextProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (\n        <WMTextInput\n          {...this.getTestPropsForInput()}\n          {...getAccessibilityProps(\n            AccessibilityWidgetType.TEXT,\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          {...opts}\n          floatingLabel={props.floatinglabel}\n          floatingLabelStyle={this.styles.floatingLabel}\n          activeFloatingLabelStyle={this.styles.activeFloatingLabel}\n          placeholderTextColor={this.styles.placeholderText.color as any}\n          style={[this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid]}\n          keyboardType={this.state.keyboardType}\n          autoComplete={props.autocomplete ? 'username' : 'off'}\n          autoFocus={props.autofocus}\n          editable={props.disabled || props.readonly ? false : true}\n          secureTextEntry={props.type === 'password' && !props.maskchar ? true : false}\n          displayformat={props.displayformat}\n          maskchar={props.maskchar}\n          maxLength={props.maxchars}\n          placeholder={props.placeholder}\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        />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Platform","WmTextProps","DEFAULT_CLASS","WMTextInput","BaseInputComponent","BaseInputState","isNull","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmTextState","WmText","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","_extends","getTestPropsForInput","TEXT","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","placeholderTextColor","placeholderText","color","isInputFocused","style","text","isValid","invalid","focused","keyboardType","autoComplete","autocomplete","autoFocus","autofocus","editable","disabled","readonly","secureTextEntry","type","maskchar","displayformat","maxLength","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","onChange","invokeChange","allowContentSelection","userSelect"],"sources":["text.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform } from 'react-native';\n\nimport WmTextProps from './text.props';\nimport { DEFAULT_CLASS, WmTextStyles } from './text.styles';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { BaseInputComponent, BaseInputState } from \"@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.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 WmTextState extends BaseInputState<WmTextProps> {\n}\n\nexport default class WmText extends BaseInputComponent<WmTextProps, WmTextState, WmTextStyles> {\n\n  constructor(props: WmTextProps) {\n    super(props, DEFAULT_CLASS, new WmTextProps(), new WmTextState());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-text-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  public renderSkeleton(props: WmTextProps): React.ReactNode { \n    let skeletonWidth, skeletonHeight;\n    \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: WmTextProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (\n        <WMTextInput\n          {...this.getTestPropsForInput()}\n          {...getAccessibilityProps(\n            AccessibilityWidgetType.TEXT,\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          {...opts}\n          floatingLabel={props.floatinglabel}\n          floatingLabelStyle={this.styles.floatingLabel}\n          activeFloatingLabelStyle={this.styles.activeFloatingLabel}\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          keyboardType={this.state.keyboardType}\n          autoComplete={props.autocomplete ? 'username' : 'off'}\n          autoFocus={props.autofocus}\n          editable={props.disabled || props.readonly ? false : true}\n          secureTextEntry={props.type === 'password' && !props.maskchar ? true : false}\n          displayformat={props.displayformat}\n          maskchar={props.maskchar}\n          maxLength={props.maxchars}\n          placeholder={props.placeholder}\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        />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/input/text/text.styles.js

@@ -22,6 +22,9 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     invalid: {
       borderBottomColor: themeVariables.inputInvalidBorderColor
     },
+    focused: {
+      borderColor: themeVariables.inputFocusBorderColor
+    },
     placeholderText: {
       color: themeVariables.inputPlaceholderColor
     },

app-rn-runtime/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","placeholderText","color","inputPlaceholderColor","floatingLabel","activeFloatingLabel","skeleton","width","height","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  placeholderText: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: 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      placeholderText: {\n      color: themeVariables.inputPlaceholderColor\n      },\n      floatingLabel: {},\n      activeFloatingLabel: {},\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  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});"],"mappings":"AAAA,OAAOA,UAAU,MAAyB,wCAAwC;AAClF,SAAqBC,YAAY,QAAQ,+CAA+C;AAYxF,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,eAAe,EAAE;MACjBC,KAAK,EAAExB,cAAc,CAACyB;IACtB,CAAC;IACDC,aAAa,EAAE,CAAC,CAAC;IACjBC,mBAAmB,EAAE,CAAC,CAAC;IACvBC,QAAQ,EAAE;MACRzB,IAAI,EAAE;QACJ0B,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVf,YAAY,EAAE;MAChB;IACF;EACJ,CAAC,CAAC;EAEFd,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLU,eAAe,EAAEb,cAAc,CAAC+B;IAClC;EACJ,CAAC,CAAC;EACF9B,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACjCK,IAAI,EAAC;MACH6B,SAAS,EAAE;IACb;EACJ,CAAC,CAAC;EACF/B,QAAQ,CAACH,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CK,IAAI,EAAE;MACJC,SAAS,EAAE;IACb,CAAC;IACDsB,aAAa,EAAE;MACbO,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACRhB,QAAQ,EAAE,EAAE;MACZK,KAAK,EAAExB,cAAc,CAACoC;IACxB,CAAC;IACDT,mBAAmB,EAAE;MACnBH,KAAK,EAAExB,cAAc,CAACqC;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","skeleton","width","height","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  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      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  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});"],"mappings":"AAAA,OAAOA,UAAU,MAAyB,wCAAwC;AAClF,SAAqBC,YAAY,QAAQ,+CAA+C;AAaxF,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,QAAQ,EAAE;MACR3B,IAAI,EAAE;QACJ4B,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVjB,YAAY,EAAE;MAChB;IACF;EACJ,CAAC,CAAC;EAEFd,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLU,eAAe,EAAEb,cAAc,CAACiC;IAClC;EACJ,CAAC,CAAC;EACFhC,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACjCK,IAAI,EAAC;MACH+B,SAAS,EAAE;IACb;EACJ,CAAC,CAAC;EACFjC,QAAQ,CAACH,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CK,IAAI,EAAE;MACJC,SAAS,EAAE;IACb,CAAC;IACDwB,aAAa,EAAE;MACbO,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACRlB,QAAQ,EAAE,EAAE;MACZO,KAAK,EAAE1B,cAAc,CAACsC;IACxB,CAAC;IACDT,mBAAmB,EAAE;MACnBH,KAAK,EAAE1B,cAAc,CAACuC;IACxB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/input/textarea/textarea.component.js

@@ -56,7 +56,8 @@ export default class WmTextarea extends BaseInputComponent {
         }
       },
       placeholderTextColor: this.styles.placeholderText.color,
-      style: [this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid],
+      isInputFocused: this.state.isInputFocused,
+      style: [this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isInputFocused ? this.styles.focused : {}],
       multiline: true,
       numberOfLines: 4,
       keyboardType: this.state.keyboardType

app-rn-runtime/components/input/textarea/textarea.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","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","_extends","getTestPropsForInput","TEXTAREA","ref","widgetRef","selectionStart","selectionEnd","cursor","placeholderTextColor","placeholderText","color","style","text","isValid","invalid","multiline","numberOfLines","keyboardType","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","autoComplete","autocomplete","autoFocus","autofocus","editable","disabled","readonly","maxLength","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","onChange","invokeChange","allowContentSelection","userSelect"],"sources":["textarea.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform } 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 ( <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      style={[this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid]}\n      multiline={true}\n      numberOfLines={4}\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    />);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Platform","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","_extends","getTestPropsForInput","TEXTAREA","ref","widgetRef","selectionStart","selectionEnd","cursor","placeholderTextColor","placeholderText","color","isInputFocused","style","text","isValid","invalid","focused","multiline","numberOfLines","keyboardType","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","autoComplete","autocomplete","autoFocus","autofocus","editable","disabled","readonly","maxLength","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","onChange","invokeChange","allowContentSelection","userSelect"],"sources":["textarea.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform } 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 ( <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      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    />);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/input/textarea/textarea.styles.js

@@ -22,6 +22,9 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     invalid: {
       borderBottomColor: 'red'
     },
+    focused: {
+      borderColor: themeVariables.inputFocusBorderColor
+    },
     placeholderText: {
       color: themeVariables.inputPlaceholderColor
     },

app-rn-runtime/components/input/textarea/textarea.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","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","placeholderText","color","inputPlaceholderColor","skeleton","width","height","inputDisabledBgColor","textAlign","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';\n\nexport type WmTextareaStyles = BaseStyles & {\n  invalid: AllStyle;\n  placeholderText: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\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      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  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\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;AAWxF,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA+B,GAAGL,YAAY,CAAC;IACjDM,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,eAAe,EAAE;MACfC,KAAK,EAAEvB,cAAc,CAACwB;IACxB,CAAC;IACDC,QAAQ,EAAE;MACRtB,IAAI,EAAE;QACJuB,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVhB,YAAY,EAAE;MAChB;IACF;EACJ,CAAC,CAAC;EAEFV,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLM,eAAe,EAAET,cAAc,CAAC4B;IAClC;EACJ,CAAC,CAAC;EACF3B,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAC;MACH0B,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACF5B,QAAQ,CAACH,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CiB,IAAI,EAAC;MACHe,UAAU,EAAE;IACd,CAAC;IACDZ,aAAa,EAAE;MACba,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACRjB,QAAQ,EAAE,EAAE;MACZO,KAAK,EAAEvB,cAAc,CAACkC;IACxB,CAAC;IACDf,mBAAmB,EAAE;MACnBI,KAAK,EAAEvB,cAAc,CAACmC;IACxB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","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","inputDisabledBgColor","textAlign","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';\n\nexport type WmTextareaStyles = BaseStyles & {\n  invalid: AllStyle;\n  focused: AllStyle;\n  placeholderText: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\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  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\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;AAYxF,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA+B,GAAGL,YAAY,CAAC;IACjDM,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;EACJ,CAAC,CAAC;EAEFV,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLM,eAAe,EAAET,cAAc,CAAC8B;IAClC;EACJ,CAAC,CAAC;EACF7B,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAC;MACH4B,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACF9B,QAAQ,CAACH,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CiB,IAAI,EAAC;MACHiB,UAAU,EAAE;IACd,CAAC;IACDd,aAAa,EAAE;MACbe,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACRnB,QAAQ,EAAE,EAAE;MACZS,KAAK,EAAEzB,cAAc,CAACoC;IACxB,CAAC;IACDjB,mBAAmB,EAAE;MACnBM,KAAK,EAAEzB,cAAc,CAACqC;IACxB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/core/components/textinput.component.js

@@ -36,7 +36,6 @@ const WmCursor = /*#__PURE__*/React.memo(props => {
 export const WMTextInput = /*#__PURE__*/React.forwardRef((props, ref) => {
   var _props$customDisplayV, _props$floatingLabel;
   const [selectRange, setSelectRange] = useState(null);
-  const [isInputFocused, setIsInputFocused] = useState(false);
   const [iMask, setIMask] = useState(null);
   const [displayCursor, setDisplayCursor] = useState(false);
   const value = useRef(props.value || '');
@@ -128,11 +127,11 @@ export const WMTextInput = /*#__PURE__*/React.forwardRef((props, ref) => {
   const textStyle = Object.assign({}, ...(isArray(props.style) ? props.style : [props.style]));
   const hideInput = props.displayformat || props.maskchar;
   return /*#__PURE__*/React.createElement(React.Fragment, null, props.floatingLabel ? /*#__PURE__*/React.createElement(FloatingLabel, {
-    moveUp: !!(value.current || isInputFocused || displayValue),
+    moveUp: !!(value.current || props.isInputFocused || displayValue),
     label: (_props$floatingLabel = props.floatingLabel) !== null && _props$floatingLabel !== void 0 ? _props$floatingLabel : props.placeholder,
     style: {
       ...(props.floatingLabelStyle || []),
-      ...(isInputFocused ? props.activeFloatingLabelStyle || {} : {})
+      ...(props.isInputFocused ? props.activeFloatingLabelStyle || {} : {})
     }
   }) : null, /*#__PURE__*/React.createElement(TextInput, _extends({}, props, hideInput || props.customDisplayValue ? opts : {}, {
     placeholder: props.floatingLabel || displayValue ? '' : props.placeholder,
@@ -145,14 +144,12 @@ export const WMTextInput = /*#__PURE__*/React.forwardRef((props, ref) => {
     onFocus: e => {
       var _props$onFocus;
       (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, e);
-      setIsInputFocused(true);
       setDisplayCursor(true);
       element.current = e.target;
     },
     onBlur: e => {
       var _props$onBlur;
       props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, e);
-      setIsInputFocused(false);
       setDisplayCursor(false);
     },
     ref: ref,

app-rn-runtime/core/components/textinput.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useRef","useState","Animated","Platform","Text","TextInput","View","isArray","IMask","FloatingLabel","WmCursor","memo","props","opacityAnimation","Value","current","runAnimation","timing","toValue","duration","useNativeDriver","start","createElement","testID","style","backgroundColor","color","width","marginHorizontal","height","opacity","WMTextInput","forwardRef","ref","_props$customDisplayV","_props$floatingLabel","selectRange","setSelectRange","isInputFocused","setIsInputFocused","iMask","setIMask","displayCursor","setDisplayCursor","value","x","forceUpdate","displayValue","setDisplayValue","element","displayformat","MaskedPattern","mask","skipInvalid","lazy","definitions","typedValue","defaultValue","onChangeText","setTimeout","OS","maskchar","_element$current","setSelectionRange","length","onSelectionChange","e","_e$nativeEvent","selection","nativeEvent","allowContentSelection","end","text","_value","substring","slice","formattedValue","replace","valueExpr","opts","customDisplayValue","textStyle","Object","assign","hideInput","Fragment","floatingLabel","moveUp","label","placeholder","floatingLabelStyle","activeFloatingLabelStyle","_extends","borderColor","zIndex","onFocus","_props$onFocus","call","target","onBlur","_props$onBlur","caretHidden","selectionColor","cursorColor","onChange","contextMenuHidden","display","flexDirection","alignItems","marginTop","minHeight","undefined","padding","fontFamily","fontSize","fontWeight"],"sources":["textinput.component.tsx"],"sourcesContent":["import React, { ForwardedRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { Animated, Platform, Text, TextInput, TextInputProps, TextStyle, View } from 'react-native';\nimport { isArray } from 'lodash';\nimport IMask from 'imask';\nimport { FloatingLabel } from './floatinglabel.component';\n\ninterface SelectRange {\n    start: number,\n    end: number\n}\n\nconst WmCursor = React.memo((props: {\n  color: string,\n  height: number\n}) => {\n  const opacityAnimation = useRef(new Animated.Value(0.5)).current;\n  const runAnimation = useCallback(() => {\n    Animated.timing(opacityAnimation, {\n      toValue: 0.2,\n      duration: 500,\n      useNativeDriver: true\n    }).start(() => {\n      Animated.timing(opacityAnimation, {\n        toValue: 0.6,\n        duration: 500,\n        useNativeDriver: true\n      }).start(runAnimation);\n    });\n  }, []);\n  useEffect(() => {\n    runAnimation();\n  }, []);\n  return (\n    <Animated.View \n    testID=\"wm-custom-cursor\"\n    style={{\n      backgroundColor: props.color,\n      width: 2,\n      marginHorizontal: 1,\n      height: props.height,\n      opacity: opacityAnimation\n    }}></Animated.View>\n  );\n});\n\nexport const WMTextInput = React.forwardRef((props: (TextInputProps & \n  {allowContentSelection: boolean,\n    displayformat: string,\n    maskchar: string,\n    floatingLabel: string\n    floatingLabelStyle:  TextStyle,\n    activeFloatingLabelStyle: TextStyle,\n    customDisplayValue?: string\n  }), \n    ref: ForwardedRef<TextInput>) => {\n    const [selectRange, setSelectRange] = useState<SelectRange>(null as any);\n    const [isInputFocused, setIsInputFocused] = useState(false);\n    const [iMask, setIMask] = useState(null as any);\n    const [displayCursor, setDisplayCursor] = useState(false);\n    const value = useRef(props.value || '');\n    const [x, forceUpdate] = useState(1);\n    const [displayValue, setDisplayValue] = useState('');\n    const element = useRef(null as any);\n    // iMask initialization\n    useEffect(() => {\n      const iMask: any = props.displayformat ? new IMask.MaskedPattern({\n        mask: props.displayformat,\n        skipInvalid: true,\n        lazy: false,\n        definitions: {\n            '9': /\\d/,\n            'A': /[a-zA-Z]/,\n            'a': /[a-z]/,\n            '*': /\\w/\n        }\n      }) : null;\n      if (iMask) {\n        iMask.typedValue = value;\n        setDisplayValue(iMask.displayValue)\n        setIMask(iMask);\n      }\n    },[props.displayformat]);\n    // set default value\n    useEffect(() => {\n      const defaultValue = props.defaultValue || props.value || '';\n      if (defaultValue && !value.current) {\n        value.current = defaultValue;\n        onChangeText(defaultValue);\n      }\n    },[props.defaultValue, props.value]);\n    // set cursor position in windows\n    useEffect(() => {\n      setTimeout(() => {\n        if (Platform.OS === 'web' && (props.displayformat || props.maskchar)) {\n          element?.current?.setSelectionRange(value.current.length, value.current.length);\n        }\n      }, 100);\n    }, [value.current, props]);\n    const onSelectionChange = useCallback((e: any) => {\n        if (Platform.OS !== 'android') {\n            return;\n        }\n        const selection = e?.nativeEvent?.selection;\n        if (!props.allowContentSelection\n            && selection\n            && selection.end - selection.start > 0) {\n            setSelectRange({\n                start: value.current.length + 2,\n                end: value.current.length + 2\n            });\n        } else if (selectRange && selectRange.end > 0){\n            setSelectRange(null as any);\n        }\n    }, [props.allowContentSelection, value]);\n    // when text changes\n    const onChangeText = useCallback((text: string) => {\n      if (!(iMask || props.maskchar)) {\n        value.current = text;\n        props.onChangeText && props.onChangeText(text);\n        return;\n      }\n      let _value = value.current || '';\n      if (value.current.length - text.length > 0) {\n        _value = _value.substring(0, _value.length - (value.current.length - text.length));\n      } else if (text.length - value.current.length > 0) {\n        _value += text.slice(-1 * (text.length - value.current.length));\n      }\n      let formattedValue = _value;\n      if(props.maskchar) {\n        formattedValue = (_value.replace(/./g, props.maskchar));\n      }\n      if (iMask) {\n        iMask.typedValue = _value;\n        formattedValue = iMask.displayValue;\n      }\n      if (formattedValue !== displayValue) {\n        value.current = _value;\n        props.onChangeText && props.onChangeText(_value);\n      }\n      forceUpdate(x+ 1);\n      setDisplayValue(formattedValue);\n    }, [iMask, value, displayValue, props.onChangeText]);\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    const opts = {} as any;\n    opts[valueExpr] = props.customDisplayValue ?? value.current;\n    const textStyle = Object.assign({}, ...isArray(props.style) ? props.style: [props.style]);\n    const hideInput = props.displayformat || props.maskchar;\n    return (\n      <>\n        {props.floatingLabel ? (\n          <FloatingLabel\n            moveUp={!!(value.current || isInputFocused || displayValue)}\n            label={props.floatingLabel ?? props.placeholder} \n            style={{\n              ...(props.floatingLabelStyle || []),\n              ...(isInputFocused ? (props.activeFloatingLabelStyle || {}) : {})\n            }}/>\n        ) : null}\n        <TextInput\n          {...props}\n          {...hideInput || props.customDisplayValue ? opts: {}}\n          placeholder={props.floatingLabel || displayValue ? '' : props.placeholder }\n          style={[props.style, hideInput ? {\n            color: 'transparent', \n            backgroundColor: 'transparent',\n            borderColor: 'transparent',\n            zIndex: 1\n          } : {}]}\n          onFocus={(e) => {\n            props.onFocus?.(e);\n            setIsInputFocused(true);\n            setDisplayCursor(true);\n            element.current = e.target;\n          }}\n          onBlur={(e) => {\n            props?.onBlur?.(e);\n            setIsInputFocused(false);\n            setDisplayCursor(false);\n          }}\n          ref={ref}\n          selection={selectRange}\n          onSelectionChange={onSelectionChange}\n          caretHidden={!!selectRange?.end}\n          onChangeText={(text) => {\n            onChangeText(text);\n          }}\n          {...hideInput ? {\n            selectionColor: 'transparent',\n            cursorColor: 'transparent',\n            onChange : () => {}\n          }: {}}\n          contextMenuHidden={!props.allowContentSelection}\n        ></TextInput>\n        {\n          hideInput ? (\n            <View style={[props.style, {\n              display: 'flex',\n              flexDirection: 'row',\n              alignItems: 'center',\n              marginTop: -1 * (textStyle.height || textStyle.minHeight || 0)\n                + (textStyle.marginTop || 0)}]}>\n              <Text style={{ \n                width: undefined,\n                backgroundColor: 'transparent', \n                borderColor: 'transparent',\n                padding: 0,\n                display: 'flex',\n                color: textStyle.color,\n                fontFamily: textStyle.fontFamily,\n                fontSize: textStyle.fontSize,\n                fontWeight: textStyle.fontWeight\n                }}>\n                {displayValue}\n              </Text>\n              {\n                (displayCursor && !props.displayformat) ? React.createElement(WmCursor, {\n                  color: textStyle.color || '#000000',\n                  height: textStyle.fontSize || 14\n                }) : null\n              }\n            </View>\n          ) : null\n        }\n      </>\n    );\n});"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useRef","useState","Animated","Platform","Text","TextInput","View","isArray","IMask","FloatingLabel","WmCursor","memo","props","opacityAnimation","Value","current","runAnimation","timing","toValue","duration","useNativeDriver","start","createElement","testID","style","backgroundColor","color","width","marginHorizontal","height","opacity","WMTextInput","forwardRef","ref","_props$customDisplayV","_props$floatingLabel","selectRange","setSelectRange","iMask","setIMask","displayCursor","setDisplayCursor","value","x","forceUpdate","displayValue","setDisplayValue","element","displayformat","MaskedPattern","mask","skipInvalid","lazy","definitions","typedValue","defaultValue","onChangeText","setTimeout","OS","maskchar","_element$current","setSelectionRange","length","onSelectionChange","e","_e$nativeEvent","selection","nativeEvent","allowContentSelection","end","text","_value","substring","slice","formattedValue","replace","valueExpr","opts","customDisplayValue","textStyle","Object","assign","hideInput","Fragment","floatingLabel","moveUp","isInputFocused","label","placeholder","floatingLabelStyle","activeFloatingLabelStyle","_extends","borderColor","zIndex","onFocus","_props$onFocus","call","target","onBlur","_props$onBlur","caretHidden","selectionColor","cursorColor","onChange","contextMenuHidden","display","flexDirection","alignItems","marginTop","minHeight","undefined","padding","fontFamily","fontSize","fontWeight"],"sources":["textinput.component.tsx"],"sourcesContent":["import React, { ForwardedRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { Animated, Platform, Text, TextInput, TextInputProps, TextStyle, View } from 'react-native';\nimport { isArray } from 'lodash';\nimport IMask from 'imask';\nimport { FloatingLabel } from './floatinglabel.component';\n\ninterface SelectRange {\n    start: number,\n    end: number\n}\n\nconst WmCursor = React.memo((props: {\n  color: string,\n  height: number\n}) => {\n  const opacityAnimation = useRef(new Animated.Value(0.5)).current;\n  const runAnimation = useCallback(() => {\n    Animated.timing(opacityAnimation, {\n      toValue: 0.2,\n      duration: 500,\n      useNativeDriver: true\n    }).start(() => {\n      Animated.timing(opacityAnimation, {\n        toValue: 0.6,\n        duration: 500,\n        useNativeDriver: true\n      }).start(runAnimation);\n    });\n  }, []);\n  useEffect(() => {\n    runAnimation();\n  }, []);\n  return (\n    <Animated.View \n    testID=\"wm-custom-cursor\"\n    style={{\n      backgroundColor: props.color,\n      width: 2,\n      marginHorizontal: 1,\n      height: props.height,\n      opacity: opacityAnimation\n    }}></Animated.View>\n  );\n});\n\nexport const WMTextInput = React.forwardRef((props: (TextInputProps & \n  {allowContentSelection: boolean,\n    displayformat: string,\n    maskchar: string,\n    floatingLabel: string\n    floatingLabelStyle:  TextStyle,\n    activeFloatingLabelStyle: TextStyle,\n    customDisplayValue?: string,\n    isInputFocused: boolean\n  }), \n    ref: ForwardedRef<TextInput>) => {\n    const [selectRange, setSelectRange] = useState<SelectRange>(null as any);\n    const [iMask, setIMask] = useState(null as any);\n    const [displayCursor, setDisplayCursor] = useState(false);\n    const value = useRef(props.value || '');\n    const [x, forceUpdate] = useState(1);\n    const [displayValue, setDisplayValue] = useState('');\n    const element = useRef(null as any);\n    // iMask initialization\n    useEffect(() => {\n      const iMask: any = props.displayformat ? new IMask.MaskedPattern({\n        mask: props.displayformat,\n        skipInvalid: true,\n        lazy: false,\n        definitions: {\n            '9': /\\d/,\n            'A': /[a-zA-Z]/,\n            'a': /[a-z]/,\n            '*': /\\w/\n        }\n      }) : null;\n      if (iMask) {\n        iMask.typedValue = value;\n        setDisplayValue(iMask.displayValue)\n        setIMask(iMask);\n      }\n    },[props.displayformat]);\n    // set default value\n    useEffect(() => {\n      const defaultValue = props.defaultValue || props.value || '';\n      if (defaultValue && !value.current) {\n        value.current = defaultValue;\n        onChangeText(defaultValue);\n      }\n    },[props.defaultValue, props.value]);\n    // set cursor position in windows\n    useEffect(() => {\n      setTimeout(() => {\n        if (Platform.OS === 'web' && (props.displayformat || props.maskchar)) {\n          element?.current?.setSelectionRange(value.current.length, value.current.length);\n        }\n      }, 100);\n    }, [value.current, props]);\n    const onSelectionChange = useCallback((e: any) => {\n        if (Platform.OS !== 'android') {\n            return;\n        }\n        const selection = e?.nativeEvent?.selection;\n        if (!props.allowContentSelection\n            && selection\n            && selection.end - selection.start > 0) {\n            setSelectRange({\n                start: value.current.length + 2,\n                end: value.current.length + 2\n            });\n        } else if (selectRange && selectRange.end > 0){\n            setSelectRange(null as any);\n        }\n    }, [props.allowContentSelection, value]);\n    // when text changes\n    const onChangeText = useCallback((text: string) => {\n      if (!(iMask || props.maskchar)) {\n        value.current = text;\n        props.onChangeText && props.onChangeText(text);\n        return;\n      }\n      let _value = value.current || '';\n      if (value.current.length - text.length > 0) {\n        _value = _value.substring(0, _value.length - (value.current.length - text.length));\n      } else if (text.length - value.current.length > 0) {\n        _value += text.slice(-1 * (text.length - value.current.length));\n      }\n      let formattedValue = _value;\n      if(props.maskchar) {\n        formattedValue = (_value.replace(/./g, props.maskchar));\n      }\n      if (iMask) {\n        iMask.typedValue = _value;\n        formattedValue = iMask.displayValue;\n      }\n      if (formattedValue !== displayValue) {\n        value.current = _value;\n        props.onChangeText && props.onChangeText(_value);\n      }\n      forceUpdate(x+ 1);\n      setDisplayValue(formattedValue);\n    }, [iMask, value, displayValue, props.onChangeText]);\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    const opts = {} as any;\n    opts[valueExpr] = props.customDisplayValue ?? value.current;\n    const textStyle = Object.assign({}, ...isArray(props.style) ? props.style: [props.style]);\n    const hideInput = props.displayformat || props.maskchar;\n    return (\n      <>\n        {props.floatingLabel ? (\n          <FloatingLabel\n            moveUp={!!(value.current || props.isInputFocused || displayValue)}\n            label={props.floatingLabel ?? props.placeholder} \n            style={{\n              ...(props.floatingLabelStyle || []),\n              ...(props.isInputFocused ? (props.activeFloatingLabelStyle || {}) : {})\n            }}/>\n        ) : null}\n        <TextInput\n          {...props}\n          {...hideInput || props.customDisplayValue ? opts: {}}\n          placeholder={props.floatingLabel || displayValue ? '' : props.placeholder }\n          style={[props.style, hideInput ? {\n            color: 'transparent', \n            backgroundColor: 'transparent',\n            borderColor: 'transparent',\n            zIndex: 1\n          } : {}]}\n          onFocus={(e) => {\n            props.onFocus?.(e);\n            setDisplayCursor(true);\n            element.current = e.target;\n          }}\n          onBlur={(e) => {\n            props?.onBlur?.(e);\n            setDisplayCursor(false);\n          }}\n          ref={ref}\n          selection={selectRange}\n          onSelectionChange={onSelectionChange}\n          caretHidden={!!selectRange?.end}\n          onChangeText={(text) => {\n            onChangeText(text);\n          }}\n          {...hideInput ? {\n            selectionColor: 'transparent',\n            cursorColor: 'transparent',\n            onChange : () => {}\n          }: {}}\n          contextMenuHidden={!props.allowContentSelection}\n        ></TextInput>\n        {\n          hideInput ? (\n            <View style={[props.style, {\n              display: 'flex',\n              flexDirection: 'row',\n              alignItems: 'center',\n              marginTop: -1 * (textStyle.height || textStyle.minHeight || 0)\n                + (textStyle.marginTop || 0)}]}>\n              <Text style={{ \n                width: undefined,\n                backgroundColor: 'transparent', \n                borderColor: 'transparent',\n                padding: 0,\n                display: 'flex',\n                color: textStyle.color,\n                fontFamily: textStyle.fontFamily,\n                fontSize: textStyle.fontSize,\n                fontWeight: textStyle.fontWeight\n                }}>\n                {displayValue}\n              </Text>\n              {\n                (displayCursor && !props.displayformat) ? React.createElement(WmCursor, {\n                  color: textStyle.color || '#000000',\n                  height: textStyle.fontSize || 14\n                }) : null\n              }\n            </View>\n          ) : null\n        }\n      </>\n    );\n});"],"mappings":"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","ignoreList":[]}

app-rn-runtime/core/tappable.component.js

@@ -9,6 +9,7 @@ import injector from "./injector";
 import { TouchableRipple } from "react-native-paper";
 export const TappableContext = /*#__PURE__*/React.createContext(null);
 import { UIPreferencesConsumer } from "./ui-preferences.context";
+export const ParentTappableContext = /*#__PURE__*/React.createContext(null);
 export class SyntheticEvent {
   constructor() {
     // as the event is being used in onPress, onPressOut and onLongTap the TapEvent is renamed to SyntheticEvent
@@ -131,10 +132,15 @@ export class Tappable extends React.Component {
     };
     if (target !== null && target !== void 0 && target.props.onTap || target !== null && target !== void 0 && target.props.onLongtap || target !== null && target !== void 0 && target.props.onDoubletap || this.props.onTap || this.props.onLongTap || this.props.onDoubleTap) {
       return /*#__PURE__*/React.createElement(UIPreferencesConsumer, null, preferences => {
-        return preferences.enableRipple != false ? /*#__PURE__*/React.createElement(TouchableRipple, _extends({
-          rippleColor: this.props.rippleColor,
-          borderless: true
-        }, commonProps), /*#__PURE__*/React.createElement(React.Fragment, null, this.props.children)) : /*#__PURE__*/React.createElement(TouchableOpacity, commonProps, /*#__PURE__*/React.createElement(React.Fragment, null, this.props.children));
+        return preferences.enableRipple != false ? /*#__PURE__*/React.createElement(ParentTappableContext.Consumer, null, parent => {
+          this.setParent(parent);
+          return /*#__PURE__*/React.createElement(ParentTappableContext.Provider, {
+            value: this
+          }, /*#__PURE__*/React.createElement(TouchableRipple, _extends({
+            rippleColor: this.props.rippleColor,
+            borderless: true
+          }, commonProps), /*#__PURE__*/React.createElement(React.Fragment, null, this.props.children)));
+        }) : /*#__PURE__*/React.createElement(TouchableOpacity, commonProps, /*#__PURE__*/React.createElement(React.Fragment, null, this.props.children));
       });
     }
     return /*#__PURE__*/React.createElement(View, {

app-rn-runtime/core/tappable.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","View","TouchableOpacity","get","injector","TouchableRipple","TappableContext","createContext","UIPreferencesConsumer","SyntheticEvent","constructor","_defineProperty","stopPropagation","propagationEnabled","Tappable","Component","props","triggerTap","e","_this$parent","target","onTap","invokeEventCallback","parent","onPress","_this$props$target","lastPress","Date","now","onTouchStart","currentTime","tapDelta","lastTap","isLongTap","_injector$FOCUSED_ELE","FOCUSED_ELEMENT","blur","lastDoubleTap","onDoubleTap","setTimeout","_this$parent2","onLongTap","_this$props$target2","_this$parent3","onPressOut","onTouchEnd","_this$props$target3","_this$parent4","setParent","render","commonProps","OS","accessibilityLabel","testID","accessibilityProps","disabled","proxy","style","styles","_e$target","tagName","onLongPress","onLongtap","onDoubletap","createElement","preferences","enableRipple","_extends","rippleColor","borderless","Fragment","children"],"sources":["tappable.component.tsx"],"sourcesContent":["import { BaseComponent } from \"@wavemaker/app-rn-runtime/core/base.component\";\nimport React from \"react\";\nimport { GestureResponderEvent, Platform, View, TouchableOpacity } from \"react-native\";\nimport { get } from \"lodash\";\nimport injector from \"./injector\";\nimport { TouchableRipple } from \"react-native-paper\";\nimport ThemeVariables from \"../styles/theme.variables\";\nimport { isDefined } from \"./utils\";\n\nexport const TappableContext = React.createContext<Tappable>(null as any);\nimport { UIPreferencesConsumer, UI_PREFERENCES } from \"./ui-preferences.context\";\n\ninterface TappableProps {\n    testID?: string;\n    children?: any\n    styles?: any;\n    target?: BaseComponent<any, any, any>;\n    onTap?: (e: any) => void;\n    onLongTap?: (e: any) => void; \n    onDoubleTap?: (e: any) => void;\n    onTouchStart? : (e: any) => void;\n    onTouchEnd? : (e: any) => void;\n    rippleColor?: string;\n    accessibilityProps?: any;\n}\n\nexport class SyntheticEvent {\n    // as the event is being used in onPress, onPressOut and onLongTap the TapEvent is renamed to SyntheticEvent\n    propagationEnabled = true;\n   \n    constructor() {\n\n    }\n\n    stopPropagation() {\n        this.propagationEnabled = false;\n    }\n}\n\nexport class Tappable extends React.Component<TappableProps, any> {\n    private lastPress = 0;\n    private lastTap = 0;\n    private lastDoubleTap = 0;\n    private isLongTap = false;\n    private parent:Tappable = null as any;\n   \n    constructor(props: any) {\n        super(props);\n    }\n\n    async triggerTap(e = new SyntheticEvent()) {\n        if (!e.propagationEnabled) {\n            return;\n        }\n        const target = this.props.target;\n        if (this.props.onTap) {\n            await this.props.onTap(e);\n        } else {\n            await target?.invokeEventCallback('onTap', [e, target]);\n        }\n        this.parent?.triggerTap(e);\n    }\n\n    onPress(e: SyntheticEvent): void {   \n        this.lastPress = Date.now();\n        const target = this.props.target;\n        this.props.onTouchStart && this.props.onTouchStart(e);\n        this.props.target?.invokeEventCallback('onTouchstart', [e, this.props.target]);\n        const currentTime = Date.now();\n        const tapDelta = currentTime - this.lastTap;\n        if (this.isLongTap) {\n            this.isLongTap = false;\n            return;\n        }\n        if (e.propagationEnabled) {\n            injector.FOCUSED_ELEMENT.get()?.blur();\n            if(this.lastDoubleTap !== this.lastTap \n                && tapDelta < 500) {\n                this.props.onDoubleTap && this.props.onDoubleTap(e);\n                setTimeout(() => {\n                    target?.invokeEventCallback('onDoubletap', [e, target]);\n                }, 200);\n                this.lastDoubleTap = currentTime;\n            }\n            setTimeout(() => {\n                if (!e.propagationEnabled) {\n                    return;\n                }\n                if (this.props.onTap) {\n                    this.props.onTap(e);\n                } else {\n                    target?.invokeEventCallback('onTap', [e, target]);\n                }\n                this.parent?.onPress(e);\n            }, 200);\n            this.lastTap = currentTime;\n        }\n    }\n\n    onLongTap(e: SyntheticEvent): void {\n        if(!e.propagationEnabled){\n            return;\n        }\n        this.props.onLongTap && this.props.onLongTap(e);\n        setTimeout(() => {\n            this.props.target?.invokeEventCallback('onLongtap', [e, this.props.target]);\n            this.parent?.onPressOut(e);\n        }, 200);\n        this.isLongTap = true;\n    }\n    \n    onPressOut(e: SyntheticEvent): void {\n        if(!e.propagationEnabled){\n            return;\n        } \n        this.props.onTouchEnd && this.props.onTouchEnd(e);\n        setTimeout(() => {\n            this.props.target?.invokeEventCallback('onTouchend', [e, this.props.target]);\n            this.parent?.onPressOut(e);\n        }, 200);\n        this.isLongTap = false;\n    }\n    private setParent(parent: Tappable) {\n        if (parent && this.parent !== parent)  {\n            this.parent = parent;\n        }\n    }\n\n    render() {\n        const target = this.props.target;\n        const commonProps = {\n            ...(Platform.OS === 'android' || Platform.OS === 'web') ? {\n                accessibilityLabel: this.props.testID,\n                testID: this.props.testID\n            }: {\n                // accessible: false,\n                testID: this.props.testID\n            },\n            ...this.props.accessibilityProps,\n            disabled:get(target?.proxy, 'disabled'),\n            style:this.props.styles,\n            onPress:(e?: GestureResponderEvent) => {\n                if ((e?.target as any)?.tagName === 'INPUT') {\n                    return;\n                }\n                this.onPress(new SyntheticEvent())\n            },\n            onLongPress:(e?: GestureResponderEvent) => this.onLongTap(new SyntheticEvent()),\n            onPressOut:(e?: GestureResponderEvent) => this.onPressOut(new SyntheticEvent())\n        };\n        if (target?.props.onTap \n            || target?.props.onLongtap \n            || target?.props.onDoubletap \n            || this.props.onTap \n            || this.props.onLongTap \n            || this.props.onDoubleTap) {\n            return (\n            <UIPreferencesConsumer>\n                {(preferences: UI_PREFERENCES) => {\n                    return preferences.enableRipple != false ? (\n                    <TouchableRipple rippleColor={this.props.rippleColor} borderless={true} {...commonProps}>\n                        <>{this.props.children}</>\n                    </TouchableRipple>): (\n                    <TouchableOpacity {...commonProps}>\n                        <>{this.props.children}</>\n                    </TouchableOpacity>);\n                }}\n            </UIPreferencesConsumer>\n            );\n        }\n        return (<View style={this.props.styles}>{this.props.children}</View>);\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Platform","View","TouchableOpacity","get","injector","TouchableRipple","TappableContext","createContext","UIPreferencesConsumer","ParentTappableContext","SyntheticEvent","constructor","_defineProperty","stopPropagation","propagationEnabled","Tappable","Component","props","triggerTap","e","_this$parent","target","onTap","invokeEventCallback","parent","onPress","_this$props$target","lastPress","Date","now","onTouchStart","currentTime","tapDelta","lastTap","isLongTap","_injector$FOCUSED_ELE","FOCUSED_ELEMENT","blur","lastDoubleTap","onDoubleTap","setTimeout","_this$parent2","onLongTap","_this$props$target2","_this$parent3","onPressOut","onTouchEnd","_this$props$target3","_this$parent4","setParent","render","commonProps","OS","accessibilityLabel","testID","accessibilityProps","disabled","proxy","style","styles","_e$target","tagName","onLongPress","onLongtap","onDoubletap","createElement","preferences","enableRipple","Consumer","Provider","value","_extends","rippleColor","borderless","Fragment","children"],"sources":["tappable.component.tsx"],"sourcesContent":["import { BaseComponent } from \"@wavemaker/app-rn-runtime/core/base.component\";\nimport React from \"react\";\nimport { GestureResponderEvent, Platform, View, TouchableOpacity } from \"react-native\";\nimport { get } from \"lodash\";\nimport injector from \"./injector\";\nimport { TouchableRipple } from \"react-native-paper\";\nimport ThemeVariables from \"../styles/theme.variables\";\nimport { isDefined } from \"./utils\";\n\nexport const TappableContext = React.createContext<Tappable>(null as any);\nimport { UIPreferencesConsumer, UI_PREFERENCES } from \"./ui-preferences.context\";\n\nexport const ParentTappableContext = React.createContext<Tappable>(null as any);\ninterface TappableProps {\n    testID?: string;\n    children?: any\n    styles?: any;\n    target?: BaseComponent<any, any, any>;\n    onTap?: (e: any) => void;\n    onLongTap?: (e: any) => void; \n    onDoubleTap?: (e: any) => void;\n    onTouchStart? : (e: any) => void;\n    onTouchEnd? : (e: any) => void;\n    rippleColor?: string;\n    accessibilityProps?: any;\n}\n\nexport class SyntheticEvent {\n    // as the event is being used in onPress, onPressOut and onLongTap the TapEvent is renamed to SyntheticEvent\n    propagationEnabled = true;\n   \n    constructor() {\n\n    }\n\n    stopPropagation() {\n        this.propagationEnabled = false;\n    }\n}\n\nexport class Tappable extends React.Component<TappableProps, any> {\n    private lastPress = 0;\n    private lastTap = 0;\n    private lastDoubleTap = 0;\n    private isLongTap = false;\n    private parent:Tappable = null as any;\n   \n    constructor(props: any) {\n        super(props);\n    }\n\n    async triggerTap(e = new SyntheticEvent()) {\n        if (!e.propagationEnabled) {\n            return;\n        }\n        const target = this.props.target;\n        if (this.props.onTap) {\n            await this.props.onTap(e);\n        } else {\n            await target?.invokeEventCallback('onTap', [e, target]);\n        }\n        this.parent?.triggerTap(e);\n    }\n\n    onPress(e: SyntheticEvent): void {   \n        this.lastPress = Date.now();\n        const target = this.props.target;\n        this.props.onTouchStart && this.props.onTouchStart(e);\n        this.props.target?.invokeEventCallback('onTouchstart', [e, this.props.target]);\n        const currentTime = Date.now();\n        const tapDelta = currentTime - this.lastTap;\n        if (this.isLongTap) {\n            this.isLongTap = false;\n            return;\n        }\n        if (e.propagationEnabled) {\n            injector.FOCUSED_ELEMENT.get()?.blur();\n            if(this.lastDoubleTap !== this.lastTap \n                && tapDelta < 500) {\n                this.props.onDoubleTap && this.props.onDoubleTap(e);\n                setTimeout(() => {\n                    target?.invokeEventCallback('onDoubletap', [e, target]);\n                }, 200);\n                this.lastDoubleTap = currentTime;\n            }\n            setTimeout(() => {\n                if (!e.propagationEnabled) {\n                    return;\n                }\n                if (this.props.onTap) {\n                    this.props.onTap(e);\n                } else {\n                    target?.invokeEventCallback('onTap', [e, target]);\n                }\n                this.parent?.onPress(e);\n            }, 200);\n            this.lastTap = currentTime;\n        }\n    }\n\n    onLongTap(e: SyntheticEvent): void {\n        if(!e.propagationEnabled){\n            return;\n        }\n        this.props.onLongTap && this.props.onLongTap(e);\n        setTimeout(() => {\n            this.props.target?.invokeEventCallback('onLongtap', [e, this.props.target]);\n            this.parent?.onPressOut(e);\n        }, 200);\n        this.isLongTap = true;\n    }\n    \n    onPressOut(e: SyntheticEvent): void {\n        if(!e.propagationEnabled){\n            return;\n        } \n        this.props.onTouchEnd && this.props.onTouchEnd(e);\n        setTimeout(() => {\n            this.props.target?.invokeEventCallback('onTouchend', [e, this.props.target]);\n            this.parent?.onPressOut(e);\n        }, 200);\n        this.isLongTap = false;\n    }\n    private setParent(parent: Tappable) {\n        if (parent && this.parent !== parent)  {\n            this.parent = parent;\n        }\n    }\n\n    render() {\n        const target = this.props.target;\n        const commonProps = {\n            ...(Platform.OS === 'android' || Platform.OS === 'web') ? {\n                accessibilityLabel: this.props.testID,\n                testID: this.props.testID\n            }: {\n                // accessible: false,\n                testID: this.props.testID\n            },\n            ...this.props.accessibilityProps,\n            disabled:get(target?.proxy, 'disabled'),\n            style:this.props.styles,\n            onPress:(e?: GestureResponderEvent) => {\n                if ((e?.target as any)?.tagName === 'INPUT') {\n                    return;\n                }\n                this.onPress(new SyntheticEvent())\n            },\n            onLongPress:(e?: GestureResponderEvent) => this.onLongTap(new SyntheticEvent()),\n            onPressOut:(e?: GestureResponderEvent) => this.onPressOut(new SyntheticEvent())\n        };\n        if (target?.props.onTap \n            || target?.props.onLongtap \n            || target?.props.onDoubletap \n            || this.props.onTap \n            || this.props.onLongTap \n            || this.props.onDoubleTap) {\n            return (\n            <UIPreferencesConsumer>\n                {(preferences: UI_PREFERENCES) => {\n                    return preferences.enableRipple != false ? (\n                        <ParentTappableContext.Consumer>{(parent) => {\n                            this.setParent(parent);\n                            return( <ParentTappableContext.Provider value={this}>\n                    <TouchableRipple rippleColor={this.props.rippleColor} borderless={true} {...commonProps}>\n                        <>{this.props.children}</>\n                    </TouchableRipple>\n                    </ParentTappableContext.Provider>)}}</ParentTappableContext.Consumer>): (\n                    <TouchableOpacity {...commonProps}>\n                        <>{this.props.children}</>\n                    </TouchableOpacity>);\n                }}\n            </UIPreferencesConsumer>\n            );\n        }\n        return (<View style={this.props.styles}>{this.props.children}</View>);\n    }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wavemaker/app-rn-runtime",
-  "version": "11.8.4-rc.5781",
+  "version": "11.8.5-1.5798",
   "description": "''",
   "main": "index",
   "module": "index",
@@ -50,7 +50,7 @@
     "@react-navigation/drawer": "6.6.3",
     "@react-navigation/native": "6.1.7",
     "@react-navigation/stack": "6.3.29",
-    "@wavemaker/variables": "11.8.4-rc.5781",
+    "@wavemaker/variables": "11.8.5-1.5798",
     "axios": "1.6.8",
     "color": "4.2.3",
     "cross-env": "7.0.3",
@@ -141,7 +141,7 @@
     "typescript": "5.1.3",
     "victory-native": "36.6.11",
     "yargs": "16.2.0",
-    "@wavemaker/variables": "11.8.4-rc.5781"
+    "@wavemaker/variables": "11.8.5-1.5798"
   },
   "jest": {
     "preset": "jest-expo",

app-rn-runtime/runtime/base-partial.component.js

@@ -20,6 +20,9 @@ export default class BasePartial extends BaseFragment {
     this.watcher = props.parentWatcher.create();
   }
   onFragmentReady() {
+    if (this.props.invokeVariables === false) {
+      return Promise.resolve();
+    }
     return super.onFragmentReady().then(() => {
       this.onContentReady();
       this.invokeEventCallback('onLoad', [this]);