@wavemaker-ai/app-rn-runtime 1.0.0-rc.322 → 1.0.0-rc.326

package/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","noscrollitem","marginLeft","selectedItem","selectedLabel","radioLabel","alignSelf","labelDefaultColor","skeleton","width","height","borderRadius","uncheckedRadio","borderStyle","borderWidth","borderColor","checkedBorderColor","icon","opacity","checkedRadio","padding","flex","minWidth","maxWidth","checkedDisabledColor"],"sources":["radioset.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { WmIconStyles } from '@wavemaker-ai/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      noscrollitem:{\n        flexDirection: 'row',\n        alignContent: 'center',\n        marginTop: 8,\n        marginLeft: 16\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, '', defaultStyles);\n\n  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n  addStyle('form-radioset-input-horizontal', '', {\n    root: {\n      flex: 1, // Take remaining space after label\n      minWidth: 0, // Allow shrinking below intrinsic content size if needed\n      maxWidth: '100%' // Prevent overflow\n    },\n    text: {}\n  } as BaseStyles);\n\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root : {\n      color: themeVariables.checkedDisabledColor,\n      opacity: 0.8\n    }\n  });\n});\n"],"mappings":"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","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","positionright","justifyContent","alignItems","marginLeft","noscrollitem","selectedItem","selectedLabel","radioLabel","alignSelf","labelDefaultColor","skeleton","width","height","borderRadius","uncheckedRadio","borderStyle","borderWidth","borderColor","checkedBorderColor","icon","opacity","checkedRadio","padding","flex","minWidth","maxWidth","checkedDisabledColor"],"sources":["radioset.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { WmIconStyles } from '@wavemaker-ai/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      positionright: {\n      flexDirection: 'row-reverse',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      marginLeft: 10\n    } as AllStyle,\n      noscrollitem:{\n        flexDirection: 'row',\n        alignContent: 'center',\n        marginTop: 8,\n        marginLeft: 16\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, '', defaultStyles);\n\n  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n  addStyle('form-radioset-input-horizontal', '', {\n    root: {\n      flex: 1, // Take remaining space after label\n      minWidth: 0, // Allow shrinking below intrinsic content size if needed\n      maxWidth: '100%' // Prevent overflow\n    },\n    text: {}\n  } as BaseStyles);\n\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root : {\n      color: themeVariables.checkedDisabledColor,\n      opacity: 0.8\n    }\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/components/input/text/text.component.js

@@ -22,6 +22,14 @@ export default class WmText extends BaseInputComponent {
     classes.push(super.getStyleClassName());
     return classes.join(' ');
   }
+  onChangeText(text) {
+    if (!this.props.uppercase) {
+      super.onChangeText(text);
+      return;
+    }
+    const s = text == null ? '' : String(text);
+    super.onChangeText(s ? s.toUpperCase() : s);
+  }
   renderSkeleton(props) {
     let skeletonWidth, skeletonHeight;
     if (this.props.skeletonwidth == "0") {
@@ -49,7 +57,7 @@ export default class WmText extends BaseInputComponent {
     this.invokeEventCallback('onTrailingiconclick', [this.proxy]);
   }
   renderWidget(props) {
-    var _this$state$textValue, _ref, _mergedRoot$padding, _this$theme$getStyle, _this$theme$getStyle2;
+    var _this$state$textValue, _ref, _mergedRoot$padding, _mergedRoot$height, _this$theme$getStyle, _this$theme$getStyle2, _props$maxchars;
     let opts = {};
     const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
     const foundationStyle = this.theme.getStyle('app-input');
@@ -60,6 +68,7 @@ export default class WmText extends BaseInputComponent {
     const mergedRoot = this.theme.mergeStyle(this.styles.root, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.root, Platform.OS === 'web' ? this.styles.inputWeb : null);
     const basePadding = (_ref = (_mergedRoot$padding = mergedRoot === null || mergedRoot === void 0 ? void 0 : mergedRoot.padding) !== null && _mergedRoot$padding !== void 0 ? _mergedRoot$padding : mergedRoot === null || mergedRoot === void 0 ? void 0 : mergedRoot.paddingLeft) !== null && _ref !== void 0 ? _ref : 16;
     const hassupportingtext = !!props.hint;
+    const inputHeight = (_mergedRoot$height = mergedRoot.height) !== null && _mergedRoot$height !== void 0 ? _mergedRoot$height : mergedRoot.minHeight;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
       style: this.styles.inputContainer
     }, /*#__PURE__*/React.createElement(WMTextInput, _extends({}, this.getTestPropsForInput(), getAccessibilityProps(AccessibilityWidgetType.TEXT, props), {
@@ -73,12 +82,14 @@ export default class WmText extends BaseInputComponent {
       }
     }, opts, {
       floatingLabel: props.floatinglabel,
+      inputheight: typeof inputHeight === 'number' ? inputHeight : undefined,
       floatingLabelStyle: {
         ...this.styles.floatingLabel
       },
       activeFloatingLabelStyle: this.theme.mergeStyle(this.styles.activeFloatingLabel, (_this$theme$getStyle = this.theme.getStyle('app-text-with-label')) === null || _this$theme$getStyle === void 0 ? void 0 : _this$theme$getStyle.activeFloatingLabel, (_this$theme$getStyle2 = this.theme.getStyle(`${classname}`)) === null || _this$theme$getStyle2 === void 0 ? void 0 : _this$theme$getStyle2.focused),
       variant: props.variant,
-      labelBackground: props.variant === 'outlined' ? mergedRoot === null || mergedRoot === void 0 ? void 0 : mergedRoot.backgroundColor : undefined,
+      labelBackground: props.variant != 'filled' ? mergedRoot === null || mergedRoot === void 0 ? void 0 : mergedRoot.backgroundColor : undefined,
+      inactiveFloatingLabelStyle: this.styles.inactiveFloatingLabel,
       placeholderTextColor: this.styles.placeholderText.color,
       isInputFocused: this.state.isInputFocused,
       style: [this.theme.mergeStyle(this.styles.root, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.root), this.theme.mergeStyle(this.styles.text, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.text, this.theme.getStyle(`${classname}`)), this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.invalid), this.state.isInputFocused ? this.theme.mergeStyle(this.styles.root, this.styles.focused, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.focused, this.theme.getStyle(`${classname}`).focused) : {}, this.state.props.disabled ? this.theme.mergeStyle(this.styles.root, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.disabled, this.theme.getStyle(`${classname}`).disabled) : {}, hasLeading ? this.styles.inputWithLeadingIcon : {}, hasTrailing ? this.styles.inputWithTrailingIcon : {}, Platform.OS === 'web' ? this.styles.inputWeb : null //added to override the bordercolor getting applied only in web.
@@ -91,7 +102,7 @@ export default class WmText extends BaseInputComponent {
       displayformat: props.displayformat,
       background: this._background,
       maskchar: props.maskchar,
-      maxLength: props.maxchars,
+      maxLength: (_props$maxchars = props.maxchars) !== null && _props$maxchars !== void 0 ? _props$maxchars : undefined,
       placeholder: props.placeholder,
       onBlur: this.onBlur.bind(this),
       onFocus: this.onFocus.bind(this),

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","View","Text","WmTextProps","DEFAULT_CLASS","WMTextInput","BaseInputComponent","BaseInputState","isNull","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmIcon","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","leadingIconClick","invokeEventCallback","proxy","trailingIconClick","renderWidget","_this$state$textValue","_ref","_mergedRoot$padding","_this$theme$getStyle","_this$theme$getStyle2","opts","valueExpr","OS","foundationStyle","getStyle","classname","split","pop","textValue","toString","hasLeading","leadingiconclass","hasTrailing","trailingiconclass","mergedRoot","mergeStyle","inputWeb","basePadding","padding","paddingLeft","hassupportingtext","hint","createElement","Fragment","style","inputContainer","_extends","getTestPropsForInput","TEXT","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","focused","variant","labelBackground","backgroundColor","undefined","placeholderTextColor","placeholderText","color","isInputFocused","text","isValid","invalid","disabled","inputWithLeadingIcon","inputWithTrailingIcon","keyboardType","autoComplete","autocomplete","autoFocus","autofocus","editable","readonly","secureTextEntry","type","maskchar","displayformat","background","_background","maxLength","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","onChange","invokeChange","allowContentSelection","userSelect","autoCapitalize","autocapitalize","handleLayout","iconWrapper","left","pointerEvents","id","getTestId","name","iconclass","leadingIcon","accessible","onTap","right","trailingIcon"],"sources":["text.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform, View, Text } from 'react-native';\n\nimport WmTextProps from './text.props';\nimport { DEFAULT_CLASS, WmTextStyles } from './text.styles';\nimport { WMTextInput } from '@wavemaker-ai/app-rn-runtime/core/components/textinput.component';\nimport { BaseInputComponent, BaseInputState } from \"@wavemaker-ai/app-rn-runtime/components/input/baseinput/baseinput.component\";\nimport { isNull } from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.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  private leadingIconClick() {\n    this.invokeEventCallback('onLeadingiconclick', [this.proxy]);\n  }\n\n  private trailingIconClick() {\n    this.invokeEventCallback('onTrailingiconclick', [this.proxy]);\n  }\n\n  renderWidget(props: WmTextProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    const foundationStyle = this.theme.getStyle('app-input');\n    const classname = this.state.props.classname ? this.state.props.classname.split(\" \").pop() : '';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n\n    const hasLeading = !!props.leadingiconclass;\n    const hasTrailing = !!props.trailingiconclass;\n\n    const mergedRoot = this.theme.mergeStyle(this.styles.root, foundationStyle?.root,  Platform.OS === 'web' ? this.styles.inputWeb : null);\n    const basePadding = mergedRoot?.padding ?? mergedRoot?.paddingLeft ?? 16;\n    const hassupportingtext = !!(props.hint);\n\n    return (\n      <>\n        <View style={this.styles.inputContainer}>\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={{\n            ...this.styles.floatingLabel}}\n          activeFloatingLabelStyle={this.theme.mergeStyle(this.styles.activeFloatingLabel,\n            this.theme.getStyle('app-text-with-label')?.activeFloatingLabel,\n            this.theme.getStyle(`${classname}`)?.focused)    \n          }\n          variant={props.variant as 'filled' | 'outlined' | undefined}\n          labelBackground={props.variant === 'outlined' ? (mergedRoot?.backgroundColor as string) : undefined}\n          placeholderTextColor={this.styles.placeholderText.color as any}\n          isInputFocused={ this.state.isInputFocused }\n          style={[this.theme.mergeStyle(this.styles.root, foundationStyle?.root),\n            this.theme.mergeStyle(this.styles.text, foundationStyle?.text, this.theme.getStyle(`${classname}`)),\n            this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle?.invalid),\n            this.state.isInputFocused ? this.theme.mergeStyle(this.styles.root, this.styles.focused, foundationStyle?.focused, this.theme.getStyle(`${classname}`).focused) : {},\n            this.state.props.disabled ? this.theme.mergeStyle(this.styles.root, foundationStyle?.disabled, this.theme.getStyle(`${classname}`).disabled) : {},\n            hasLeading ? this.styles.inputWithLeadingIcon : {},\n            hasTrailing ? this.styles.inputWithTrailingIcon : {},\n            Platform.OS === 'web' ? this.styles.inputWeb : null  //added to override the bordercolor getting applied only in web.\n          ]}\n          keyboardType={this.state.keyboardType}\n          autoComplete={props.autocomplete === \"true\" ? \"username\" : props.autocomplete === \"false\" ? \"off\" : props.autocomplete}\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          background={this._background}\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          autoCapitalize={props.autocapitalize}\n          handleLayout={this.handleLayout}\n          leadingiconclass={props.leadingiconclass}\n        />\n        {hasLeading && (\n          <View\n            style={[this.styles.iconWrapper, { left: basePadding as any }]}\n            pointerEvents=\"none\"\n          >\n            <WmIcon\n              id={this.getTestId('leading-icon')}\n              name={`${props.name}_leading_icon`}\n              iconclass={props.leadingiconclass}\n              styles={this.styles.leadingIcon}\n              accessible={true}\n              onTap={this.leadingIconClick.bind(this)}\n            />\n          </View>\n        )}\n        {hasTrailing && (\n          <View\n            style={this.theme.mergeStyle(this.styles.iconWrapper, { right: basePadding as any })}\n            pointerEvents=\"none\"\n          >\n            <WmIcon\n              id={this.getTestId('trailing-icon')}\n              name={`${props.name}_trailing_icon`}\n              iconclass={props.trailingiconclass}\n              styles={this.styles.trailingIcon}\n              accessible={true}\n              onTap={this.trailingIconClick.bind(this)}\n            />\n          </View>\n        )}\n          \n      </View>\n      {hassupportingtext && (\n          <Text>\n             {props.hint}\n          </Text>\n        )\n        }\n    </>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Platform","View","Text","WmTextProps","DEFAULT_CLASS","WMTextInput","BaseInputComponent","BaseInputState","isNull","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmIcon","WmTextState","WmText","constructor","props","getStyleClassName","classes","state","floatinglabel","push","join","onChangeText","text","uppercase","s","String","toUpperCase","renderSkeleton","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","styles","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","leadingIconClick","invokeEventCallback","proxy","trailingIconClick","renderWidget","_this$state$textValue","_ref","_mergedRoot$padding","_mergedRoot$height","_this$theme$getStyle","_this$theme$getStyle2","_props$maxchars","opts","valueExpr","OS","foundationStyle","getStyle","classname","split","pop","textValue","toString","hasLeading","leadingiconclass","hasTrailing","trailingiconclass","mergedRoot","mergeStyle","inputWeb","basePadding","padding","paddingLeft","hassupportingtext","hint","inputHeight","minHeight","createElement","Fragment","style","inputContainer","_extends","getTestPropsForInput","TEXT","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","inputheight","undefined","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","focused","variant","labelBackground","backgroundColor","inactiveFloatingLabelStyle","inactiveFloatingLabel","placeholderTextColor","placeholderText","color","isInputFocused","isValid","invalid","disabled","inputWithLeadingIcon","inputWithTrailingIcon","keyboardType","autoComplete","autocomplete","autoFocus","autofocus","editable","readonly","secureTextEntry","type","maskchar","displayformat","background","_background","maxLength","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChange","invokeChange","allowContentSelection","userSelect","autoCapitalize","autocapitalize","handleLayout","iconWrapper","left","pointerEvents","id","getTestId","name","iconclass","leadingIcon","accessible","onTap","right","trailingIcon"],"sources":["text.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform, View, Text } from 'react-native';\n\nimport WmTextProps from './text.props';\nimport { DEFAULT_CLASS, WmTextStyles } from './text.styles';\nimport { WMTextInput } from '@wavemaker-ai/app-rn-runtime/core/components/textinput.component';\nimport { BaseInputComponent, BaseInputState } from \"@wavemaker-ai/app-rn-runtime/components/input/baseinput/baseinput.component\";\nimport { isNull } from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.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 onChangeText(text: any) {\n    if (!this.props.uppercase) {\n      super.onChangeText(text);\n      return;\n    }\n    const s = text == null ? '' : String(text);\n    super.onChangeText(s ? s.toUpperCase() : s);\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  private leadingIconClick() {\n    this.invokeEventCallback('onLeadingiconclick', [this.proxy]);\n  }\n\n  private trailingIconClick() {\n    this.invokeEventCallback('onTrailingiconclick', [this.proxy]);\n  }\n\n  renderWidget(props: WmTextProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    const foundationStyle = this.theme.getStyle('app-input');\n    const classname = this.state.props.classname ? this.state.props.classname.split(\" \").pop() : '';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n\n    const hasLeading = !!props.leadingiconclass;\n    const hasTrailing = !!props.trailingiconclass;\n\n    const mergedRoot = this.theme.mergeStyle(this.styles.root, foundationStyle?.root,  Platform.OS === 'web' ? this.styles.inputWeb : null);\n    const basePadding = mergedRoot?.padding ?? mergedRoot?.paddingLeft ?? 16;\n    const hassupportingtext = !!(props.hint);\n    const inputHeight = mergedRoot.height ?? mergedRoot.minHeight;\n\n    return (\n      <>\n        <View style={this.styles.inputContainer}>\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          inputheight={typeof inputHeight === 'number' ? inputHeight : undefined}\n          floatingLabelStyle={{\n            ...this.styles.floatingLabel}}\n          activeFloatingLabelStyle={this.theme.mergeStyle(this.styles.activeFloatingLabel,\n            this.theme.getStyle('app-text-with-label')?.activeFloatingLabel,\n            this.theme.getStyle(`${classname}`)?.focused)    \n          }\n          variant={props.variant as 'filled' | 'outlined' | undefined}\n          labelBackground={props.variant != 'filled' ? (mergedRoot?.backgroundColor as string) : undefined}\n          inactiveFloatingLabelStyle={this.styles.inactiveFloatingLabel}\n          placeholderTextColor={this.styles.placeholderText.color as any}\n          isInputFocused={ this.state.isInputFocused }\n          style={[this.theme.mergeStyle(this.styles.root, foundationStyle?.root),\n            this.theme.mergeStyle(this.styles.text, foundationStyle?.text, this.theme.getStyle(`${classname}`)),\n            this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle?.invalid),\n            this.state.isInputFocused ? this.theme.mergeStyle(this.styles.root, this.styles.focused, foundationStyle?.focused, this.theme.getStyle(`${classname}`).focused) : {},\n            this.state.props.disabled ? this.theme.mergeStyle(this.styles.root, foundationStyle?.disabled, this.theme.getStyle(`${classname}`).disabled) : {},\n            hasLeading ? this.styles.inputWithLeadingIcon : {},\n            hasTrailing ? this.styles.inputWithTrailingIcon : {},\n            Platform.OS === 'web' ? this.styles.inputWeb : null  //added to override the bordercolor getting applied only in web.\n          ]}\n          keyboardType={this.state.keyboardType}\n          autoComplete={props.autocomplete === \"true\" ? \"username\" : props.autocomplete === \"false\" ? \"off\" : props.autocomplete}\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          background={this._background}\n          maskchar={props.maskchar}\n          maxLength={props.maxchars ?? undefined}          \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          autoCapitalize={props.autocapitalize}\n          handleLayout={this.handleLayout}\n          leadingiconclass={props.leadingiconclass}\n        />\n        {hasLeading && (\n          <View\n            style={[this.styles.iconWrapper, { left: basePadding as any }]}\n            pointerEvents=\"none\"\n          >\n            <WmIcon\n              id={this.getTestId('leading-icon')}\n              name={`${props.name}_leading_icon`}\n              iconclass={props.leadingiconclass}\n              styles={this.styles.leadingIcon}\n              accessible={true}\n              onTap={this.leadingIconClick.bind(this)}\n            />\n          </View>\n        )}\n        {hasTrailing && (\n          <View\n            style={this.theme.mergeStyle(this.styles.iconWrapper, { right: basePadding as any })}\n            pointerEvents=\"none\"\n          >\n            <WmIcon\n              id={this.getTestId('trailing-icon')}\n              name={`${props.name}_trailing_icon`}\n              iconclass={props.trailingiconclass}\n              styles={this.styles.trailingIcon}\n              accessible={true}\n              onTap={this.trailingIconClick.bind(this)}\n            />\n          </View>\n        )}\n      </View>\n      {hassupportingtext && (\n          <Text>\n             {props.hint}\n          </Text>\n        )\n        }\n    </>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/text/text.props.js

@@ -10,6 +10,7 @@ export default class WmTextProps extends BaseInputProps {
     _defineProperty(this, "skeletonheight", null);
     _defineProperty(this, "skeletonwidth", null);
     _defineProperty(this, "autocapitalize", 'none');
+    _defineProperty(this, "uppercase", false);
     _defineProperty(this, "returnkeytype", 'auto');
     _defineProperty(this, "onSubmitEditing", () => {});
     _defineProperty(this, "variant", void 0);

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

@@ -1 +1 @@
-{"version":3,"names":["BaseInputProps","WmTextProps","constructor","args","_defineProperty"],"sources":["text.props.ts"],"sourcesContent":["import BaseInputProps from \"@wavemaker-ai/app-rn-runtime/components/input/baseinput/baseinput.props\";\n\nexport default class WmTextProps extends BaseInputProps {\n  floatinglabel?: string;\n  placeholder: string = 'Enter text';\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n  autocapitalize?: string = 'none';\n  returnkeytype: 'auto' | 'next' | 'done' = 'auto';\n  onSubmitEditing:  Function = () => {};\n  variant?: string;\n  leadingiconclass?: string;\n  trailingiconclass?: string;\n  moveUp?: boolean;\n}\n"],"mappings":";;;AAAA,OAAOA,cAAc,MAAM,yEAAyE;AAEpG,eAAe,MAAMC,WAAW,SAASD,cAAc,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,sBAEhC,YAAY;IAAAA,eAAA,yBACR,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,yBACH,MAAM;IAAAA,eAAA,wBACU,MAAM;IAAAA,eAAA,0BACnB,MAAM,CAAC,CAAC;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAKvC","ignoreList":[]}
+{"version":3,"names":["BaseInputProps","WmTextProps","constructor","args","_defineProperty"],"sources":["text.props.ts"],"sourcesContent":["import BaseInputProps from \"@wavemaker-ai/app-rn-runtime/components/input/baseinput/baseinput.props\";\n\nexport default class WmTextProps extends BaseInputProps {\n  floatinglabel?: string;\n  placeholder: string = 'Enter text';\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n  autocapitalize?: string = 'none';\n  uppercase?: boolean = false;\n  returnkeytype: 'auto' | 'next' | 'done' = 'auto';\n  onSubmitEditing:  Function = () => {};\n  variant?: string;\n  leadingiconclass?: string;\n  trailingiconclass?: string;\n  moveUp?: boolean;\n}\n"],"mappings":";;;AAAA,OAAOA,cAAc,MAAM,yEAAyE;AAEpG,eAAe,MAAMC,WAAW,SAASD,cAAc,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,sBAEhC,YAAY;IAAAA,eAAA,yBACR,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,yBACH,MAAM;IAAAA,eAAA,oBACV,KAAK;IAAAA,eAAA,wBACe,MAAM;IAAAA,eAAA,0BACnB,MAAM,CAAC,CAAC;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAKvC","ignoreList":[]}

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

@@ -13,7 +13,8 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       borderStyle: 'solid',
       borderColor: themeVariables.inputBorderColor,
       backgroundColor: themeVariables.inputBackgroundColor,
-      fontFamily: themeVariables.baseFont
+      fontFamily: themeVariables.baseFont,
+      borderRadius: 6
     },
     text: {
       fontSize: 16
@@ -60,6 +61,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       outline: 'none',
       boxShadow: 'none'
     },
+    inactiveFloatingLabel: {},
     skeleton: {
       root: {
         width: '100%',

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","paddingTop","paddingBottom","borderWidth","paddingLeft","paddingRight","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","fontFamily","baseFont","text","fontSize","invalid","borderBottomColor","inputInvalidBorderColor","focused","inputFocusBorderColor","placeholderText","color","inputPlaceholderColor","floatingLabel","activeFloatingLabel","inputContainer","position","inputWithLeadingIcon","inputWithTrailingIcon","iconWrapper","top","bottom","justifyContent","leadingIcon","icon","trailingIcon","inputWeb","outline","boxShadow","skeleton","width","height","borderRadius","flex","minWidth","maxWidth","inputDisabledBgColor","textAlign","left","floatingLabelColor","activeFloatingLabelColor"],"sources":["text.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle, Theme } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { ColorValue } from \"react-native\";\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmTextStyles = BaseStyles & {\n  invalid: AllStyle;\n  focused: AllStyle;\n  placeholderText: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: AllStyle;\n  inputContainer: AllStyle;\n  inputWithLeadingIcon: AllStyle;\n  inputWithTrailingIcon: AllStyle;\n  iconWrapper: AllStyle;\n  leadingIcon: WmIconStyles;\n  trailingIcon: WmIconStyles;\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      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    inputContainer: {\n      position: 'relative',\n    },\n    inputWithLeadingIcon: {\n      paddingLeft: 50,\n    },\n    inputWithTrailingIcon: {\n      paddingRight: 48,\n    },\n    iconWrapper: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      justifyContent: 'center',\n    },\n    leadingIcon: {\n      root: {},\n      icon: {\n        fontSize: 24\n      },\n    } as WmIconStyles,\n    trailingIcon: {\n      root: {},\n      icon: {\n        fontSize: 24\n      },\n    } as WmIconStyles,\n    inputWeb: {\n      outline: 'none',\n      boxShadow: 'none',\n    },\n    skeleton: {\n      root: {\n        width: '100%',\n        height: 16,\n        borderRadius: 4\n      }\n    } as any as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n  addStyle('form-text-input-horizontal', '', {\n    root: {\n      flex: 1,\n      minWidth: 0,\n      maxWidth: '100%',\n    },\n    text: {\n    }\n  } as BaseStyles);\n\n  // Password widgets use the text component but have their own widget type\n  addStyle('form-password-input-horizontal', '', {\n    root: {\n      flex: 1,\n      minWidth: 0,\n      maxWidth: '100%',\n    },\n    text: {}\n  } as BaseStyles);\n\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root: {\n      backgroundColor: themeVariables.inputDisabledBgColor\n    }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    root: {\n      textAlign: 'right'\n    }\n  });\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root: {\n      minHeight: 48,\n    },\n    floatingLabel: {\n      position: 'absolute',\n      top: 12,\n      left: 16,\n      fontSize: 14,\n      color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n      color: themeVariables.activeFloatingLabelColor,\n    }\n  });\n    addStyle('app-input', '', {\n    root: {},\n    text: {},\n    invalid: {\n    },\n    focused: {},\n    placeholderText: {},\n    floatingLabel: {},\n    activeFloatingLabel: {},\n    skeleton: {\n      root: {}\n    } as any as WmSkeletonStyles\n  });\n});\n"],"mappings":"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","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","fontFamily","baseFont","borderRadius","text","fontSize","invalid","borderBottomColor","inputInvalidBorderColor","focused","inputFocusBorderColor","placeholderText","color","inputPlaceholderColor","floatingLabel","activeFloatingLabel","inputContainer","position","inputWithLeadingIcon","inputWithTrailingIcon","iconWrapper","top","bottom","justifyContent","leadingIcon","icon","trailingIcon","inputWeb","outline","boxShadow","inactiveFloatingLabel","skeleton","width","height","flex","minWidth","maxWidth","inputDisabledBgColor","textAlign","left","floatingLabelColor","activeFloatingLabelColor"],"sources":["text.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle, Theme } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { ColorValue } from \"react-native\";\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmTextStyles = BaseStyles & {\n  invalid: AllStyle;\n  focused: AllStyle;\n  placeholderText: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: AllStyle;\n  inputContainer: AllStyle;\n  inputWithLeadingIcon: AllStyle;\n  inputWithTrailingIcon: AllStyle;\n  iconWrapper: AllStyle;\n  leadingIcon: WmIconStyles;\n  trailingIcon: WmIconStyles;\n  inactiveFloatingLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-text';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmTextStyles = defineStyles({\n    root: {\n      minHeight: 42,\n      paddingTop: 8,\n      paddingBottom: 8,\n      borderWidth: 1,\n      paddingLeft: 16,\n      paddingRight: 16,\n      borderStyle: 'solid',\n      borderColor: themeVariables.inputBorderColor,\n      backgroundColor: themeVariables.inputBackgroundColor,\n      fontFamily: themeVariables.baseFont,\n      borderRadius: 6,\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    inputContainer: {\n      position: 'relative',\n    },\n    inputWithLeadingIcon: {\n      paddingLeft: 50,\n    },\n    inputWithTrailingIcon: {\n      paddingRight: 48,\n    },\n    iconWrapper: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      justifyContent: 'center',\n    },\n    leadingIcon: {\n      root: {},\n      icon: {\n        fontSize: 24\n      },\n    } as WmIconStyles,\n    trailingIcon: {\n      root: {},\n      icon: {\n        fontSize: 24\n      },\n    } as WmIconStyles,\n    inputWeb: {\n      outline: 'none',\n      boxShadow: 'none',\n    },\n    inactiveFloatingLabel: {},\n    skeleton: {\n      root: {\n        width: '100%',\n        height: 16,\n        borderRadius: 4\n      }\n    } as any as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n  addStyle('form-text-input-horizontal', '', {\n    root: {\n      flex: 1,\n      minWidth: 0,\n      maxWidth: '100%',\n    },\n    text: {\n    }\n  } as BaseStyles);\n\n  // Password widgets use the text component but have their own widget type\n  addStyle('form-password-input-horizontal', '', {\n    root: {\n      flex: 1,\n      minWidth: 0,\n      maxWidth: '100%',\n    },\n    text: {}\n  } as BaseStyles);\n\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root: {\n      backgroundColor: themeVariables.inputDisabledBgColor\n    }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    root: {\n      textAlign: 'right'\n    }\n  });\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root: {\n      minHeight: 48,\n    },\n    floatingLabel: {\n      position: 'absolute',\n      top: 12,\n      left: 16,\n      fontSize: 14,\n      color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n      color: themeVariables.activeFloatingLabelColor,\n    }\n  });\n    addStyle('app-input', '', {\n    root: {},\n    text: {},\n    invalid: {\n    },\n    focused: {},\n    placeholderText: {},\n    floatingLabel: {},\n    activeFloatingLabel: {},\n    skeleton: {\n      root: {}\n    } as any as WmSkeletonStyles\n  });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAA2B,2CAA2C;AACvF,SAAqBC,YAAY,QAAQ,kDAAkD;AAqB3F,OAAO,MAAMC,aAAa,GAAG,UAAU;AACvCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA2B,GAAGL,YAAY,CAAC;IAC/CM,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,UAAU,EAAEf,cAAc,CAACgB,QAAQ;MACnCC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACPC,iBAAiB,EAAErB,cAAc,CAACsB;IACpC,CAAC;IACDC,OAAO,EAAE;MACPZ,WAAW,EAAEX,cAAc,CAACwB;IAC9B,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAE1B,cAAc,CAAC2B;IACxB,CAAC;IACDC,aAAa,EAAE,CAAC,CAAC;IACjBC,mBAAmB,EAAE,CAAC,CAAC;IACvBC,cAAc,EAAE;MACdC,QAAQ,EAAE;IACZ,CAAC;IACDC,oBAAoB,EAAE;MACpBxB,WAAW,EAAE;IACf,CAAC;IACDyB,qBAAqB,EAAE;MACrBxB,YAAY,EAAE;IAChB,CAAC;IACDyB,WAAW,EAAE;MACXH,QAAQ,EAAE,UAAU;MACpBI,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE,CAAC;MACTC,cAAc,EAAE;IAClB,CAAC;IACDC,WAAW,EAAE;MACXnC,IAAI,EAAE,CAAC,CAAC;MACRoC,IAAI,EAAE;QACJpB,QAAQ,EAAE;MACZ;IACF,CAAiB;IACjBqB,YAAY,EAAE;MACZrC,IAAI,EAAE,CAAC,CAAC;MACRoC,IAAI,EAAE;QACJpB,QAAQ,EAAE;MACZ;IACF,CAAiB;IACjBsB,QAAQ,EAAE;MACRC,OAAO,EAAE,MAAM;MACfC,SAAS,EAAE;IACb,CAAC;IACDC,qBAAqB,EAAE,CAAC,CAAC;IACzBC,QAAQ,EAAE;MACR1C,IAAI,EAAE;QACJ2C,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACV9B,YAAY,EAAE;MAChB;IACF;EACF,CAAC,CAAC;EAEFhB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;;EAE1C;EACAD,QAAQ,CAAC,4BAA4B,EAAE,EAAE,EAAE;IACzCE,IAAI,EAAE;MACJ6C,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE;IACZ,CAAC;IACDhC,IAAI,EAAE,CACN;EACF,CAAe,CAAC;;EAEhB;EACAjB,QAAQ,CAAC,gCAAgC,EAAE,EAAE,EAAE;IAC7CE,IAAI,EAAE;MACJ6C,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE;IACZ,CAAC;IACDhC,IAAI,EAAE,CAAC;EACT,CAAe,CAAC;EAEhBjB,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAE;MACJU,eAAe,EAAEb,cAAc,CAACmD;IAClC;EACF,CAAC,CAAC;EACFlD,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAE;MACJiD,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACFnD,QAAQ,CAACH,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CK,IAAI,EAAE;MACJC,SAAS,EAAE;IACb,CAAC;IACDwB,aAAa,EAAE;MACbG,QAAQ,EAAE,UAAU;MACpBI,GAAG,EAAE,EAAE;MACPkB,IAAI,EAAE,EAAE;MACRlC,QAAQ,EAAE,EAAE;MACZO,KAAK,EAAE1B,cAAc,CAACsD;IACxB,CAAC;IACDzB,mBAAmB,EAAE;MACnBH,KAAK,EAAE1B,cAAc,CAACuD;IACxB;EACF,CAAC,CAAC;EACAtD,QAAQ,CAAC,WAAW,EAAE,EAAE,EAAE;IAC1BE,IAAI,EAAE,CAAC,CAAC;IACRe,IAAI,EAAE,CAAC,CAAC;IACRE,OAAO,EAAE,CACT,CAAC;IACDG,OAAO,EAAE,CAAC,CAAC;IACXE,eAAe,EAAE,CAAC,CAAC;IACnBG,aAAa,EAAE,CAAC,CAAC;IACjBC,mBAAmB,EAAE,CAAC,CAAC;IACvBgB,QAAQ,EAAE;MACR1C,IAAI,EAAE,CAAC;IACT;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -42,7 +42,7 @@ export default class WmTextarea extends BaseInputComponent {
     });
   }
   renderWidget(props) {
-    var _this$state$textValue, _this$theme$getStyle, _this$theme$getStyle2, _this$styles$root3;
+    var _this$state$textValue, _this$theme$getStyle, _this$theme$getStyle2, _this$styles$root3, _props$maxchars;
     let opts = {};
     const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
     const foundationStyle = this.theme.getStyle('app-input');
@@ -70,10 +70,11 @@ export default class WmTextarea extends BaseInputComponent {
       activeFloatingLabelStyle: this.theme.mergeStyle(this.styles.activeFloatingLabel, (_this$theme$getStyle = this.theme.getStyle('app-textarea-with-label')) === null || _this$theme$getStyle === void 0 ? void 0 : _this$theme$getStyle.activeFloatingLabel, (_this$theme$getStyle2 = this.theme.getStyle(`${classname}`)) === null || _this$theme$getStyle2 === void 0 ? void 0 : _this$theme$getStyle2.focused),
       variant: props.variant,
       labelBackground: props.variant === 'outlined' ? (_this$styles$root3 = this.styles.root) === null || _this$styles$root3 === void 0 ? void 0 : _this$styles$root3.backgroundColor : undefined,
+      inactiveFloatingLabelStyle: this.styles.inactiveFloatingLabel,
       autoComplete: props.autocomplete ? 'username' : 'off',
       autoFocus: props.autofocus,
       editable: props.disabled || props.readonly ? false : true,
-      maxLength: props.maxchars,
+      maxLength: (_props$maxchars = props.maxchars) !== null && _props$maxchars !== void 0 ? _props$maxchars : undefined,
       placeholder: props.placeholder || 'Place your text',
       onBlur: this.onBlur.bind(this),
       onFocus: this.onFocus.bind(this),

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

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

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

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

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

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

package/components/input/toggle/toggle.component.js

@@ -27,13 +27,6 @@ export default class WmToggle extends BaseComponent {
     _defineProperty(this, "animationValue", new Animated.Value(0));
     _defineProperty(this, "scaleValue", new Animated.Value(1));
   }
-  componentDidMount() {
-    super.componentDidMount();
-    const isToggled = this.state.isSwitchOn;
-    const toggleIconEnabled = !!unStringify(this.state.props.toggleicon);
-    this.animationValue.setValue(isToggled ? 1 : 0);
-    this.scaleValue.setValue(toggleIconEnabled ? 1.5 : 1);
-  }
   onPropertyChange(name, $new, $old) {
     switch (name) {
       case 'datavalue':
@@ -72,8 +65,7 @@ export default class WmToggle extends BaseComponent {
     const handlesizebounce = Number(this.state.props.handlesizebounce) || 1.6;
     const bounceduration = Number(this.state.props.bounceduration) || 300;
     const slideduration = Number(this.state.props.slideduration) || 300;
-    const toggleIconEnabled = !!unStringify(this.state.props.toggleicon);
-    const finalScale = value || toggleIconEnabled ? handlesizeon : handlesizeoff;
+    const finalScale = value ? handlesizeon : handlesizeoff;
     Animated.sequence([Animated.timing(this.scaleValue, {
       toValue: handlesizebounce,
       duration: bounceduration,
@@ -119,12 +111,11 @@ export default class WmToggle extends BaseComponent {
     });
   }
   getStatusIcon() {
-    const toggleIconEnabled = !!unStringify(this.state.props.toggleicon);
-    if (toggleIconEnabled) {
+    if (this.state.props.toggleIcon) {
       if (this.state.isSwitchOn) {
-        return this.state.props.selectedicon || 'wi wi-check';
+        return 'wi wi-check';
       } else {
-        return this.state.props.unselectedicon || 'wi wi-close';
+        return 'wi wi-close';
       }
     } else if (this.state.props.showCheckIcon) {
       if (this.state.isSwitchOn) {

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

@@ -1 +1 @@
-{"version":3,"names":["React","TouchableOpacity","Animated","Easing","View","BackgroundComponent","BaseComponent","BaseComponentState","unStringify","validateField","AccessibilityWidgetType","getAccessibilityProps","WmToggleProps","DEFAULT_CLASS","createSkeleton","WmIcon","WmToggleState","constructor","args","_defineProperty","WmToggle","props","Value","componentDidMount","isToggled","state","isSwitchOn","toggleIconEnabled","toggleicon","animationValue","setValue","scaleValue","onPropertyChange","name","$new","$old","value","checkedvalue","updateState","updateDatavalue","datavalue","validate","validationObj","isValid","errorType","onToggleSwitch","oldValue","dataValue","uncheckedvalue","handlesizeon","Number","handlesizeoff","handlesizebounce","bounceduration","slideduration","finalScale","sequence","timing","toValue","duration","useNativeDriver","easing","linear","start","onFieldChange","invokeEventCallback","proxy","setTimeout","onLayoutChange","event","width","nativeEvent","layout","handleLayout","setState","viewWidth","renderSkeleton","theme","styles","skeleton","root","getStatusIcon","selectedicon","unselectedicon","showCheckIcon","renderWidget","classname","getStyleClassName","toggleState","mergeStyle","getStyle","defaultClass","accessibilityProps","TOGGLE","accessible","selected","accessibilitylabel","hint","accessibilityrole","createElement","_extends","onLayout","e","onPress","disabled","readonly","getTestPropsForAction","style","animation","handle","size","backgroundSize","position","backgroundPosition","image","backgroundImage","repeat","backgroundRepeat","transform","translateX","interpolate","inputRange","outputRange","isRTL","scale","iconclass","checkicon","uncheckicon","id","getTestId"],"sources":["toggle.component.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, Animated, Easing, LayoutChangeEvent, View, DimensionValue } from 'react-native';\n\nimport { BackgroundComponent } from '@wavemaker-ai/app-rn-runtime/styles/background.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { unStringify, validateField} from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\n\nimport WmToggleProps from './toggle.props';\nimport { DEFAULT_CLASS, WmToggleStyles } from './toggle.styles';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmIcon from '../../basic/icon/icon.component';\n\nexport class WmToggleState extends BaseComponentState<WmToggleProps> {\n  isSwitchOn: boolean = false;\n  isValid: boolean = true;\n  errorType = '';\n  viewWidth: number = 0;\n}\n\nexport default class WmToggle extends BaseComponent<WmToggleProps, WmToggleState, WmToggleStyles> {\n\n  private animationValue = new Animated.Value(0);\n  private scaleValue = new Animated.Value(1);\n\n  constructor(props: WmToggleProps) {\n    super(props, DEFAULT_CLASS, new WmToggleProps(), new WmToggleState());\n  }\n\n   componentDidMount(): void {\n    super.componentDidMount();\n    const isToggled = this.state.isSwitchOn;\n    const toggleIconEnabled = !!unStringify(this.state.props.toggleicon);\n    this.animationValue.setValue(isToggled? 1 : 0);\n    this.scaleValue.setValue(toggleIconEnabled? 1.5: 1);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'datavalue':\n        let value =\n          unStringify($new) ===\n          unStringify(this.state.props.checkedvalue, true);\n        this.updateState({ isSwitchOn: value } as WmToggleState);\n        break;\n    }\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmToggleState);\n  }\n\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.updateState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as WmToggleState);\n  }\n\n  onToggleSwitch(value: any) {\n    const oldValue = this.state.props.datavalue;\n    this.validate(value);\n    this.updateState({ isSwitchOn: value } as WmToggleState);\n    const dataValue = value === true ? this.state.props.checkedvalue : this.state.props.uncheckedvalue;\n\n    // Convert to number and use || to fallback for empty string, 0, null, undefined, NaN\n    const handlesizeon = Number(this.state.props.handlesizeon) || 1.5;\n    const handlesizeoff = Number(this.state.props.handlesizeoff) || 1;\n    const handlesizebounce = Number(this.state.props.handlesizebounce) || 1.6;\n    const bounceduration = Number(this.state.props.bounceduration) || 300;\n    const slideduration = Number(this.state.props.slideduration) || 300;\n    \n    const toggleIconEnabled = !!unStringify(this.state.props.toggleicon);\n    const finalScale = value || toggleIconEnabled ? handlesizeon : handlesizeoff;\n    \n    Animated.sequence([\n      Animated.timing(this.scaleValue, {\n        toValue: handlesizebounce,\n        duration: bounceduration,\n        useNativeDriver: true,\n      }),\n      Animated.timing(this.animationValue, {\n        toValue: value ? 1 : 0,\n        duration: slideduration,\n        easing: Easing.linear,\n        useNativeDriver: true,\n      }),\n    ]).start(() => {\n      Animated.timing(this.scaleValue, {\n        toValue: finalScale,\n        duration: 0,\n        useNativeDriver: true,\n      }).start();\n    });\n    // @ts-ignore\n    this.updateState({ props: { datavalue: dataValue } },\n      ()=> {\n        if (!this.props.onFieldChange) {\n          this.invokeEventCallback('onChange', [null, this.proxy, dataValue, oldValue]);\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', dataValue, oldValue);\n        }\n        setTimeout(() => {\n          this.invokeEventCallback('onBlur', [ null, this.proxy ]);\n        }, 10);\n\n      });\n  }\n\n  onLayoutChange(event: LayoutChangeEvent){\n    let width = event.nativeEvent.layout.width;\n    this.handleLayout(event)\n\n    this.setState({\n      viewWidth: width,\n    } as WmToggleState);\n  }\n\n  public renderSkeleton(props: WmToggleProps): React.ReactNode {\n\n      return createSkeleton(this.theme, this.styles.skeleton, {\n        ...this.styles.skeleton.root,\n      });\n  }\n  getStatusIcon(){\n    const toggleIconEnabled = !!unStringify(this.state.props.toggleicon);\n    if(toggleIconEnabled)\n    {\n      if(this.state.isSwitchOn)\n      {\n        return this.state.props.selectedicon|| 'wi wi-check'\n      }\n      else{\n        return this.state.props.unselectedicon|| 'wi wi-close'\n      }\n    }\n    else if(this.state.props.showCheckIcon)\n    {\n      if(this.state.isSwitchOn)\n        {\n          return 'wi wi-check'\n        }\n        else{\n          return ' '\n        }\n    }\n    else{\n      return ''\n    }\n  }\n\n  renderWidget(props: WmToggleProps) {\n    const classname = this.getStyleClassName();\n    const toggleState = this.state.isSwitchOn ? 'on' : 'off';\n    const styles = this.theme.mergeStyle(this.styles, \n    this.theme.getStyle(this.defaultClass + '-' + toggleState),\n    classname ? this.theme.getStyle(`${classname}.${this.defaultClass}-${toggleState}`) : {});\n    const accessibilityProps = getAccessibilityProps(AccessibilityWidgetType.TOGGLE, {\n      accessible: props.accessible,\n      selected: this.state.isSwitchOn,\n      accessibilitylabel: props.accessibilitylabel,\n      hint: props.hint,\n      accessibilityrole: props.accessibilityrole,\n    });\n    return (\n      <TouchableOpacity\n      onLayout={(e) => {\n        this.onLayoutChange(e);\n      }}\n      {...accessibilityProps}\n      onPress={() => {\n        if (this.props.disabled || this.props.readonly) {\n          return;\n        }\n        // Added setTimeout to smooth animation\n        setTimeout(() => {\n          this.invokeEventCallback('onFocus', [null, this]);\n          this.invokeEventCallback('onTap', [null, this]);\n        }, 500);\n        this.onToggleSwitch(!this.state.isSwitchOn);\n      }}{...this.getTestPropsForAction()}\n      style={styles.root}>\n       {styles.root.animation && styles.root.animation === 'none' ? (\n          <View style={styles.handle}>\n            <BackgroundComponent\n              size={styles.handle.backgroundSize || 'contain'}\n              position={styles.handle.backgroundPosition}\n              image={styles.handle.backgroundImage}\n              repeat={styles.handle.backgroundRepeat || 'no-repeat'}\n            />\n          </View>\n          ): ( <Animated.View\n            style={[\n              styles.handle,\n              {\n                transform: [\n                  {\n                    translateX: this.animationValue.interpolate({\n                      inputRange: [0, 1],\n                      // TODO Abdullah: add a test case for the below changes. Merging this to expo 52 release branch.\n                      outputRange: this.isRTL\n                        ? [0, -1 * (this.state.viewWidth - (this.styles.handle.width as number + 18))]\n                        : [0, this.state.viewWidth - (this.styles.handle.width as number + 18)],\n                    }),\n                  },\n                  { scale: this.scaleValue }\n                ],\n              },\n            ]}>\n            <WmIcon iconclass={this.getStatusIcon()} styles={this.state.isSwitchOn ? this.styles.checkicon : this.styles.uncheckicon} disabled={props.readonly || props.disabled} id={this.getTestId('checkicon')}/>\n            <BackgroundComponent\n              size={styles.handle.backgroundSize || 'contain'}\n              position={styles.handle.backgroundPosition}\n              image={styles.handle.backgroundImage}\n              repeat={styles.handle.backgroundRepeat || 'no-repeat'}\n            />\n          </Animated.View>)}\n      </TouchableOpacity>\n    );\n  }\n}\n\n// this.state.props.toggleIcon ? (this.state.isSwitchOn ? 'wi wi-check' : 'wi wi-close') : (this.state.props.showCheckIcon ? (this.state.isSwitchOn ? 'wi wi-check' : '') : '')\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","TouchableOpacity","Animated","Easing","View","BackgroundComponent","BaseComponent","BaseComponentState","unStringify","validateField","AccessibilityWidgetType","getAccessibilityProps","WmToggleProps","DEFAULT_CLASS","createSkeleton","WmIcon","WmToggleState","constructor","args","_defineProperty","WmToggle","props","Value","onPropertyChange","name","$new","$old","value","state","checkedvalue","updateState","isSwitchOn","updateDatavalue","datavalue","validate","validationObj","isValid","errorType","onToggleSwitch","oldValue","dataValue","uncheckedvalue","handlesizeon","Number","handlesizeoff","handlesizebounce","bounceduration","slideduration","finalScale","sequence","timing","scaleValue","toValue","duration","useNativeDriver","animationValue","easing","linear","start","onFieldChange","invokeEventCallback","proxy","setTimeout","onLayoutChange","event","width","nativeEvent","layout","handleLayout","setState","viewWidth","renderSkeleton","theme","styles","skeleton","root","getStatusIcon","toggleIcon","showCheckIcon","renderWidget","classname","getStyleClassName","toggleState","mergeStyle","getStyle","defaultClass","accessibilityProps","TOGGLE","accessible","selected","accessibilitylabel","hint","accessibilityrole","createElement","_extends","onLayout","e","onPress","disabled","readonly","getTestPropsForAction","style","animation","handle","size","backgroundSize","position","backgroundPosition","image","backgroundImage","repeat","backgroundRepeat","transform","translateX","interpolate","inputRange","outputRange","isRTL","scale","iconclass","checkicon","uncheckicon","id","getTestId"],"sources":["toggle.component.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, Animated, Easing, LayoutChangeEvent, View, DimensionValue } from 'react-native';\n\nimport { BackgroundComponent } from '@wavemaker-ai/app-rn-runtime/styles/background.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { unStringify, validateField} from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\n\nimport WmToggleProps from './toggle.props';\nimport { DEFAULT_CLASS, WmToggleStyles } from './toggle.styles';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmIcon from '../../basic/icon/icon.component';\n\nexport class WmToggleState extends BaseComponentState<WmToggleProps> {\n  isSwitchOn: boolean = false;\n  isValid: boolean = true;\n  errorType = '';\n  viewWidth: number = 0;\n}\n\nexport default class WmToggle extends BaseComponent<WmToggleProps, WmToggleState, WmToggleStyles> {\n\n  private animationValue = new Animated.Value(0);\n  private scaleValue = new Animated.Value(1);\n\n  constructor(props: WmToggleProps) {\n    super(props, DEFAULT_CLASS, new WmToggleProps(), new WmToggleState());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'datavalue':\n        let value =\n          unStringify($new) ===\n          unStringify(this.state.props.checkedvalue, true);\n        this.updateState({ isSwitchOn: value } as WmToggleState);\n        break;\n    }\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmToggleState);\n  }\n\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.updateState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as WmToggleState);\n  }\n\n  onToggleSwitch(value: any) {\n    const oldValue = this.state.props.datavalue;\n    this.validate(value);\n    this.updateState({ isSwitchOn: value } as WmToggleState);\n    const dataValue = value === true ? this.state.props.checkedvalue : this.state.props.uncheckedvalue;\n\n    // Convert to number and use || to fallback for empty string, 0, null, undefined, NaN\n    const handlesizeon = Number(this.state.props.handlesizeon) || 1.5;\n    const handlesizeoff = Number(this.state.props.handlesizeoff) || 1;\n    const handlesizebounce = Number(this.state.props.handlesizebounce) || 1.6;\n    const bounceduration = Number(this.state.props.bounceduration) || 300;\n    const slideduration = Number(this.state.props.slideduration) || 300;\n\n    const finalScale = value ? handlesizeon : handlesizeoff;\n\n    Animated.sequence([\n      Animated.timing(this.scaleValue, {\n        toValue: handlesizebounce,\n        duration: bounceduration,\n        useNativeDriver: true,\n      }),\n      Animated.timing(this.animationValue, {\n        toValue: value ? 1 : 0,\n        duration: slideduration,\n        easing: Easing.linear,\n        useNativeDriver: true,\n      }),\n    ]).start(() => {\n      Animated.timing(this.scaleValue, {\n        toValue: finalScale,\n        duration: 0,\n        useNativeDriver: true,\n      }).start();\n    });\n    // @ts-ignore\n    this.updateState({ props: { datavalue: dataValue } },\n      ()=> {\n        if (!this.props.onFieldChange) {\n          this.invokeEventCallback('onChange', [null, this.proxy, dataValue, oldValue]);\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', dataValue, oldValue);\n        }\n        setTimeout(() => {\n          this.invokeEventCallback('onBlur', [ null, this.proxy ]);\n        }, 10);\n\n      });\n  }\n\n  onLayoutChange(event: LayoutChangeEvent){\n    let width = event.nativeEvent.layout.width;\n    this.handleLayout(event)\n\n    this.setState({\n      viewWidth: width,\n    } as WmToggleState);\n  }\n\n  public renderSkeleton(props: WmToggleProps): React.ReactNode {\n\n      return createSkeleton(this.theme, this.styles.skeleton, {\n        ...this.styles.skeleton.root,\n      });\n  }\n  getStatusIcon(){\n    if(this.state.props.toggleIcon)\n    {\n      if(this.state.isSwitchOn)\n      {\n        return 'wi wi-check'\n      }\n      else{\n        return 'wi wi-close'\n      }\n    }\n    else if(this.state.props.showCheckIcon)\n    {\n      if(this.state.isSwitchOn)\n        {\n          return 'wi wi-check'\n        }\n        else{\n          return ' '\n        }\n    }\n    else{\n      return ''\n    }\n  }\n\n  renderWidget(props: WmToggleProps) {\n    const classname = this.getStyleClassName();\n    const toggleState = this.state.isSwitchOn ? 'on' : 'off';\n    const styles = this.theme.mergeStyle(this.styles, \n    this.theme.getStyle(this.defaultClass + '-' + toggleState),\n    classname ? this.theme.getStyle(`${classname}.${this.defaultClass}-${toggleState}`) : {});\n    const accessibilityProps = getAccessibilityProps(AccessibilityWidgetType.TOGGLE, {\n      accessible: props.accessible,\n      selected: this.state.isSwitchOn,\n      accessibilitylabel: props.accessibilitylabel,\n      hint: props.hint,\n      accessibilityrole: props.accessibilityrole,\n    });\n    return (\n      <TouchableOpacity\n      onLayout={(e) => {\n        this.onLayoutChange(e);\n      }}\n      {...accessibilityProps}\n      onPress={() => {\n        if (this.props.disabled || this.props.readonly) {\n          return;\n        }\n        // Added setTimeout to smooth animation\n        setTimeout(() => {\n          this.invokeEventCallback('onFocus', [null, this]);\n          this.invokeEventCallback('onTap', [null, this]);\n        }, 500);\n        this.onToggleSwitch(!this.state.isSwitchOn);\n      }}{...this.getTestPropsForAction()}\n      style={styles.root}>\n       {styles.root.animation && styles.root.animation === 'none' ? (\n          <View style={styles.handle}>\n            <BackgroundComponent\n              size={styles.handle.backgroundSize || 'contain'}\n              position={styles.handle.backgroundPosition}\n              image={styles.handle.backgroundImage}\n              repeat={styles.handle.backgroundRepeat || 'no-repeat'}\n            />\n          </View>\n          ): ( <Animated.View\n            style={[\n              styles.handle,\n              {\n                transform: [\n                  {\n                    translateX: this.animationValue.interpolate({\n                      inputRange: [0, 1],\n                      // TODO Abdullah: add a test case for the below changes. Merging this to expo 52 release branch.\n                      outputRange: this.isRTL\n                        ? [0, -1 * (this.state.viewWidth - (this.styles.handle.width as number + 18))]\n                        : [0, this.state.viewWidth - (this.styles.handle.width as number + 18)],\n                    }),\n                  },\n                  { scale: this.scaleValue }\n                ],\n              },\n            ]}>\n            <WmIcon iconclass={this.getStatusIcon()} styles={this.state.isSwitchOn ? this.styles.checkicon : this.styles.uncheckicon} disabled={props.readonly || props.disabled} id={this.getTestId('checkicon')}/>\n            <BackgroundComponent\n              size={styles.handle.backgroundSize || 'contain'}\n              position={styles.handle.backgroundPosition}\n              image={styles.handle.backgroundImage}\n              repeat={styles.handle.backgroundRepeat || 'no-repeat'}\n            />\n          </Animated.View>)}\n      </TouchableOpacity>\n    );\n  }\n}\n\n// this.state.props.toggleIcon ? (this.state.isSwitchOn ? 'wi wi-check' : 'wi wi-close') : (this.state.props.showCheckIcon ? (this.state.isSwitchOn ? 'wi wi-check' : '') : '')\n"],"mappings":"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","ignoreList":[]}

package/components/input/toggle/toggle.props.js

@@ -23,10 +23,8 @@ export default class WmToggleProps extends BaseProps {
     _defineProperty(this, "handlesizebounce", 1.6);
     _defineProperty(this, "bounceduration", 300);
     _defineProperty(this, "slideduration", 300);
-    _defineProperty(this, "toggleicon", false);
+    _defineProperty(this, "toggleIcon", false);
     _defineProperty(this, "showCheckIcon", false);
-    _defineProperty(this, "selectedicon", void 0);
-    _defineProperty(this, "unselectedicon", void 0);
   }
 }
 //# sourceMappingURL=toggle.props.js.map

package/components/input/toggle/toggle.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmToggleProps","constructor","args","_defineProperty","undefined"],"sources":["toggle.props.ts"],"sourcesContent":["import {AccessibilityRole} from 'react-native';\nimport { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmToggleProps extends BaseProps {\n  checkedvalue: any = true;\n  uncheckedvalue: any = false;\n  datavalue: any;\n  readonly? = false;\n  onFieldChange: any;\n  accessible?: boolean = true;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = \"togglebutton\";\n  accessibilitylabelledby?: string = undefined;\n  invokeEvent?: Function;\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n  handlesizeon: number = 1.5;\n  handlesizeoff: number = 1;\n  handlesizebounce: number = 1.6;\n  bounceduration: number = 300;\n  slideduration: number = 300;\n  toggleicon?:boolean = false;\n  showCheckIcon?:boolean = false;\n  selectedicon?:string ;\n  unselectedicon?:string ;\n}\n"],"mappings":";;;AACA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,uBAC/B,IAAI;IAAAA,eAAA,yBACF,KAAK;IAAAA,eAAA;IAAAA,eAAA,mBAEf,KAAK;IAAAA,eAAA;IAAAA,eAAA,qBAEM,IAAI;IAAAA,eAAA,6BACGC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,cAAc;IAAAA,eAAA,kCACnBC,SAAS;IAAAD,eAAA;IAAAA,eAAA,yBAElB,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,uBACN,GAAG;IAAAA,eAAA,wBACF,CAAC;IAAAA,eAAA,2BACE,GAAG;IAAAA,eAAA,yBACL,GAAG;IAAAA,eAAA,wBACJ,GAAG;IAAAA,eAAA,qBACL,KAAK;IAAAA,eAAA,wBACF,KAAK;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAGhC","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmToggleProps","constructor","args","_defineProperty","undefined"],"sources":["toggle.props.ts"],"sourcesContent":["import {AccessibilityRole} from 'react-native';\nimport { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmToggleProps extends BaseProps {\n  checkedvalue: any = true;\n  uncheckedvalue: any = false;\n  datavalue: any;\n  readonly? = false;\n  onFieldChange: any;\n  accessible?: boolean = true;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = \"togglebutton\";\n  accessibilitylabelledby?: string = undefined;\n  invokeEvent?: Function;\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n  handlesizeon: number = 1.5;\n  handlesizeoff: number = 1;\n  handlesizebounce: number = 1.6;\n  bounceduration: number = 300;\n  slideduration: number = 300;\n  toggleIcon?:boolean = false;\n  showCheckIcon?:boolean = false;\n}\n"],"mappings":";;;AACA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,uBAC/B,IAAI;IAAAA,eAAA,yBACF,KAAK;IAAAA,eAAA;IAAAA,eAAA,mBAEf,KAAK;IAAAA,eAAA;IAAAA,eAAA,qBAEM,IAAI;IAAAA,eAAA,6BACGC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,cAAc;IAAAA,eAAA,kCACnBC,SAAS;IAAAD,eAAA;IAAAA,eAAA,yBAElB,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,uBACN,GAAG;IAAAA,eAAA,wBACF,CAAC;IAAAA,eAAA,2BACE,GAAG;IAAAA,eAAA,yBACL,GAAG;IAAAA,eAAA,wBACJ,GAAG;IAAAA,eAAA,qBACL,KAAK;IAAAA,eAAA,wBACF,KAAK;EAAA;AAChC","ignoreList":[]}

package/components/input/toggle/toggle.styles.js

@@ -21,31 +21,23 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       backgroundPosition: 'center'
     },
     checkicon: {
-      root: {
-        minWidth: 0,
-        alignSelf: 'center'
-      },
+      root: {},
       text: {
         fontSize: 16
       },
       icon: {
         color: themeVariables.toggleOnColor,
-        padding: 0,
-        width: 'auto'
+        padding: 0
       }
     },
     uncheckicon: {
-      root: {
-        minWidth: 0,
-        alignSelf: 'center'
-      },
+      root: {},
       text: {
         fontSize: 16
       },
       icon: {
         color: themeVariables.toggleOffColor,
-        padding: 0,
-        width: 'auto'
+        padding: 0
       }
     },
     skeleton: {