@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469

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

@@ -0,0 +1,132 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { Platform, View, Text } from 'react-native';
+import WmTextProps from './text.props';
+import { DEFAULT_CLASS } from './text.styles';
+import { WMTextInput } from '@wavemaker-ai/app-rn-runtime/core/components/textinput.component';
+import { BaseInputComponent, BaseInputState } from "@wavemaker-ai/app-rn-runtime/components/input/baseinput/baseinput.component";
+import { isNull } from 'lodash';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';
+import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+export class WmTextState extends BaseInputState {}
+export default class WmText extends BaseInputComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmTextProps(), new WmTextState());
+  }
+  getStyleClassName() {
+    const classes = [];
+    if (this.state.props.floatinglabel) {
+      classes.push('app-text-with-label');
+    }
+    classes.push(super.getStyleClassName());
+    return classes.join(' ');
+  }
+  renderSkeleton(props) {
+    let skeletonWidth, skeletonHeight;
+    if (this.props.skeletonwidth == "0") {
+      skeletonWidth = 0;
+    } else {
+      var _this$styles$root;
+      skeletonWidth = this.props.skeletonwidth || ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width);
+    }
+    if (this.props.skeletonheight == "0") {
+      skeletonHeight = 0;
+    } else {
+      var _this$styles$root2;
+      skeletonHeight = this.props.skeletonheight || ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height);
+    }
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root,
+      width: skeletonWidth,
+      height: skeletonHeight
+    });
+  }
+  leadingIconClick() {
+    this.invokeEventCallback('onLeadingiconclick', [this.proxy]);
+  }
+  trailingIconClick() {
+    this.invokeEventCallback('onTrailingiconclick', [this.proxy]);
+  }
+  renderWidget(props) {
+    var _this$state$textValue, _ref, _mergedRoot$padding, _this$theme$getStyle, _this$theme$getStyle2, _this$styles$root3;
+    let opts = {};
+    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
+    const foundationStyle = this.theme.getStyle('app-input');
+    const classname = this.state.props.classname ? this.state.props.classname.split(" ").pop() : '';
+    opts[valueExpr] = ((_this$state$textValue = this.state.textValue) === null || _this$state$textValue === void 0 ? void 0 : _this$state$textValue.toString()) || '';
+    const hasLeading = !!props.leadingiconclass;
+    const hasTrailing = !!props.trailingiconclass;
+    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;
+    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), {
+      ref: ref => {
+        this.widgetRef = ref;
+        // @ts-ignore
+        if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {
+          // @ts-ignore
+          ref.selectionStart = ref.selectionEnd = this.cursor;
+        }
+      }
+    }, opts, {
+      floatingLabel: props.floatinglabel,
+      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' ? (_this$styles$root3 = this.styles.root) === null || _this$styles$root3 === void 0 ? void 0 : _this$styles$root3.backgroundColor : undefined,
+      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.focused, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.focused, this.theme.getStyle(`${classname}`).focused) : {}, this.state.props.disabled ? this.theme.mergeStyle(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.
+      ],
+      keyboardType: this.state.keyboardType,
+      autoComplete: props.autocomplete === "true" ? "username" : props.autocomplete === "false" ? "off" : props.autocomplete,
+      autoFocus: props.autofocus,
+      editable: props.disabled || props.readonly ? false : true,
+      secureTextEntry: props.type === 'password' && !props.maskchar ? true : false,
+      displayformat: props.displayformat,
+      background: this._background,
+      maskchar: props.maskchar,
+      maxLength: props.maxchars,
+      placeholder: props.placeholder,
+      onBlur: this.onBlur.bind(this),
+      onFocus: this.onFocus.bind(this),
+      onKeyPress: this.onKeyPress.bind(this),
+      onChangeText: this.onChangeText.bind(this),
+      onChange: this.invokeChange.bind(this),
+      allowContentSelection: this.styles.text.userSelect === 'text',
+      autoCapitalize: props.autocapitalize,
+      handleLayout: this.handleLayout,
+      leadingiconclass: props.leadingiconclass
+    })), hasLeading && /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.iconWrapper, {
+        left: basePadding
+      }],
+      pointerEvents: "none"
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('leading-icon'),
+      name: `${props.name}_leading_icon`,
+      iconclass: props.leadingiconclass,
+      styles: this.styles.leadingIcon,
+      accessible: true,
+      onTap: this.leadingIconClick.bind(this)
+    })), hasTrailing && /*#__PURE__*/React.createElement(View, {
+      style: this.theme.mergeStyle(this.styles.iconWrapper, {
+        right: basePadding
+      }),
+      pointerEvents: "none"
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('trailing-icon'),
+      name: `${props.name}_trailing_icon`,
+      iconclass: props.trailingiconclass,
+      styles: this.styles.trailingIcon,
+      accessible: true,
+      onTap: this.trailingIconClick.bind(this)
+    }))), hassupportingtext && /*#__PURE__*/React.createElement(Text, null, props.hint));
+  }
+}
+//# sourceMappingURL=text.component.js.map

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

@@ -0,0 +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","_this$styles$root3","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' ? (this.styles.root?.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.focused, foundationStyle?.focused, this.theme.getStyle(`${classname}`).focused) : {},\n            this.state.props.disabled ? this.theme.mergeStyle(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":[]}

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

@@ -0,0 +1,21 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import BaseInputProps from "@wavemaker-ai/app-rn-runtime/components/input/baseinput/baseinput.props";
+export default class WmTextProps extends BaseInputProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "floatinglabel", void 0);
+    _defineProperty(this, "placeholder", 'Enter text');
+    _defineProperty(this, "skeletonheight", null);
+    _defineProperty(this, "skeletonwidth", null);
+    _defineProperty(this, "autocapitalize", 'none');
+    _defineProperty(this, "returnkeytype", 'auto');
+    _defineProperty(this, "onSubmitEditing", () => {});
+    _defineProperty(this, "variant", void 0);
+    _defineProperty(this, "leadingiconclass", void 0);
+    _defineProperty(this, "trailingiconclass", void 0);
+    _defineProperty(this, "moveUp", void 0);
+  }
+}
+//# sourceMappingURL=text.props.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,130 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-text';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      minHeight: 42,
+      paddingTop: 8,
+      paddingBottom: 8,
+      borderWidth: 1,
+      paddingLeft: 16,
+      paddingRight: 16,
+      borderStyle: 'solid',
+      borderColor: themeVariables.inputBorderColor,
+      backgroundColor: themeVariables.inputBackgroundColor,
+      fontFamily: themeVariables.baseFont
+    },
+    text: {
+      fontSize: 16
+    },
+    invalid: {
+      borderBottomColor: themeVariables.inputInvalidBorderColor
+    },
+    focused: {
+      borderColor: themeVariables.inputFocusBorderColor
+    },
+    placeholderText: {
+      color: themeVariables.inputPlaceholderColor
+    },
+    floatingLabel: {},
+    activeFloatingLabel: {},
+    inputContainer: {
+      position: 'relative'
+    },
+    inputWithLeadingIcon: {
+      paddingLeft: 48
+    },
+    inputWithTrailingIcon: {
+      paddingRight: 48
+    },
+    iconWrapper: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      justifyContent: 'center'
+    },
+    leadingIcon: {
+      root: {},
+      icon: {
+        fontSize: 24
+      }
+    },
+    trailingIcon: {
+      root: {},
+      icon: {
+        fontSize: 24
+      }
+    },
+    inputWeb: {
+      outline: 'none',
+      boxShadow: 'none'
+    },
+    skeleton: {
+      root: {
+        width: '100%',
+        height: 16,
+        borderRadius: 4
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+
+  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles
+  addStyle('form-text-input-horizontal', '', {
+    root: {
+      flex: 1,
+      minWidth: 0,
+      maxWidth: '100%'
+    },
+    text: {}
+  });
+
+  // Password widgets use the text component but have their own widget type
+  addStyle('form-password-input-horizontal', '', {
+    root: {
+      flex: 1,
+      minWidth: 0,
+      maxWidth: '100%'
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS + '-disabled', '', {
+    root: {
+      backgroundColor: themeVariables.inputDisabledBgColor
+    }
+  });
+  addStyle(DEFAULT_CLASS + '-rtl', '', {
+    root: {
+      textAlign: 'right'
+    }
+  });
+  addStyle(DEFAULT_CLASS + '-with-label', '', {
+    root: {
+      minHeight: 48
+    },
+    floatingLabel: {
+      position: 'absolute',
+      top: 12,
+      left: 16,
+      fontSize: 14,
+      color: themeVariables.floatingLabelColor
+    },
+    activeFloatingLabel: {
+      color: themeVariables.activeFloatingLabelColor
+    }
+  });
+  addStyle('app-input', '', {
+    root: {},
+    text: {},
+    invalid: {},
+    focused: {},
+    placeholderText: {},
+    floatingLabel: {},
+    activeFloatingLabel: {},
+    skeleton: {
+      root: {}
+    }
+  });
+});
+//# sourceMappingURL=text.styles.js.map

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

@@ -0,0 +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: 48,\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":[]}

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

@@ -0,0 +1,88 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { Platform, Text } from 'react-native';
+import WmTextareaProps from './textarea.props';
+import { DEFAULT_CLASS } from './textarea.styles';
+import { BaseInputComponent, BaseInputState } from '@wavemaker-ai/app-rn-runtime/components/input/baseinput/baseinput.component';
+import { WMTextInput } from '@wavemaker-ai/app-rn-runtime/core/components/textinput.component';
+import { isNull } from 'lodash';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';
+export class WmTextareaState extends BaseInputState {}
+export default class WmTextarea extends BaseInputComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmTextareaProps(), new WmTextareaState());
+  }
+  getStyleClassName() {
+    const classes = [];
+    if (this.state.props.floatinglabel) {
+      classes.push('app-textarea-with-label');
+    }
+    classes.push(super.getStyleClassName());
+    return classes.join(' ');
+  }
+  renderSkeleton(props) {
+    let skeletonWidth, skeletonHeight;
+    if (this.props.skeletonwidth == "0") {
+      skeletonWidth = 0;
+    } else {
+      var _this$styles$root;
+      skeletonWidth = this.props.skeletonwidth || ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width);
+    }
+    if (this.props.skeletonheight == "0") {
+      skeletonHeight = 0;
+    } else {
+      var _this$styles$root2;
+      skeletonHeight = this.props.skeletonheight || ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height);
+    }
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root,
+      width: skeletonWidth,
+      height: skeletonHeight
+    });
+  }
+  renderWidget(props) {
+    var _this$state$textValue, _this$theme$getStyle, _this$theme$getStyle2;
+    let opts = {};
+    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
+    const foundationStyle = this.theme.getStyle('app-input');
+    const classname = this.state.props.classname ? this.state.props.classname.split(" ").pop() : '';
+    opts[valueExpr] = ((_this$state$textValue = this.state.textValue) === null || _this$state$textValue === void 0 ? void 0 : _this$state$textValue.toString()) || '';
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WMTextInput, _extends({}, this.getTestPropsForInput(), getAccessibilityProps(AccessibilityWidgetType.TEXTAREA, props), {
+      ref: ref => {
+        this.widgetRef = ref;
+        // @ts-ignore
+        if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {
+          // @ts-ignore
+          ref.selectionStart = ref.selectionEnd = this.cursor;
+        }
+      },
+      placeholderTextColor: this.styles.placeholderText.color,
+      isInputFocused: this.state.isInputFocused,
+      style: [this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isInputFocused ? this.theme.mergeStyle(this.styles.focused, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.focused, this.theme.getStyle(`${classname}`).focused) : {}, this.state.props.disabled ? this.theme.mergeStyle(foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.disabled, this.theme.getStyle(`${classname}`).disabled) : {}],
+      multiline: true,
+      numberOfLines: 4,
+      background: this._background,
+      keyboardType: this.state.keyboardType
+    }, opts, {
+      floatingLabel: props.floatinglabel,
+      floatingLabelStyle: this.styles.floatingLabel,
+      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),
+      autoComplete: props.autocomplete ? 'username' : 'off',
+      autoFocus: props.autofocus,
+      editable: props.disabled || props.readonly ? false : true,
+      maxLength: props.maxchars,
+      placeholder: props.placeholder || 'Place your text',
+      onBlur: this.onBlur.bind(this),
+      onFocus: this.onFocus.bind(this),
+      onKeyPress: this.onKeyPress.bind(this),
+      onChangeText: this.onChangeText.bind(this),
+      onChange: this.invokeChange.bind(this),
+      allowContentSelection: this.styles.text.userSelect === 'text',
+      handleLayout: this.handleLayout
+    })), props.maxchars && props.limitdisplaytext && /*#__PURE__*/React.createElement(Text, {
+      style: [this.styles.helpText]
+    }, props.limitdisplaytext));
+  }
+}
+//# sourceMappingURL=textarea.component.js.map

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

@@ -0,0 +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","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","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.focused, foundationStyle?.focused, this.theme.getStyle(`${classname}`).focused) : {},\n        this.state.props.disabled ? this.theme.mergeStyle(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      autoComplete={props.autocomplete ? 'username' : 'off'}\n      autoFocus={props.autofocus}\n      editable={props.disabled || props.readonly ? false : true}\n      maxLength={props.maxchars}\n      placeholder={props.placeholder || 'Place your text'}\n      onBlur={this.onBlur.bind(this)}\n      onFocus={this.onFocus.bind(this)}\n      onKeyPress={this.onKeyPress.bind(this)}\n      onChangeText={this.onChangeText.bind(this)}\n      onChange={this.invokeChange.bind(this)}\n      allowContentSelection={this.styles.text.userSelect === 'text'}\n      handleLayout={this.handleLayout}\n    />\n     { (props.maxchars && props.limitdisplaytext) && <Text\n        style={[\n          this.styles.helpText\n        ]} >\n         {props.limitdisplaytext}\n    </Text>}\n    </>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/textarea/textarea.props.js

@@ -0,0 +1,15 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import BaseInputProps from '@wavemaker-ai/app-rn-runtime/components/input/baseinput/baseinput.props';
+export default class WmTextareaProps extends BaseInputProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "floatinglabel", void 0);
+    _defineProperty(this, "placeholder", 'Place your text');
+    _defineProperty(this, "skeletonheight", null);
+    _defineProperty(this, "skeletonwidth", null);
+    _defineProperty(this, "limitdisplaytext", null);
+  }
+}
+//# sourceMappingURL=textarea.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseInputProps","WmTextareaProps","constructor","args","_defineProperty"],"sources":["textarea.props.ts"],"sourcesContent":["import BaseInputProps from '@wavemaker-ai/app-rn-runtime/components/input/baseinput/baseinput.props';\n\nexport default class WmTextareaProps extends BaseInputProps {\n  floatinglabel?: string;\n  placeholder: string = 'Place your text';\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n  limitdisplaytext?: string = null as any;\n}\n"],"mappings":";;;AAAA,OAAOA,cAAc,MAAM,yEAAyE;AAEpG,eAAe,MAAMC,eAAe,SAASD,cAAc,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,sBAEpC,iBAAiB;IAAAA,eAAA,yBACb,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,2BACD,IAAI;EAAA;AAClC","ignoreList":[]}

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

@@ -0,0 +1,84 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import ThemeVariables from '@wavemaker-ai/app-rn-runtime/styles/theme.variables';
+export const DEFAULT_CLASS = 'app-textarea';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      padding: 12,
+      borderWidth: 1,
+      borderStyle: 'solid',
+      borderColor: themeVariables.inputBorderColor,
+      backgroundColor: themeVariables.inputBackgroundColor,
+      borderRadius: 6,
+      fontFamily: themeVariables.baseFont,
+      minHeight: 160
+    },
+    text: {
+      fontSize: 16,
+      textAlignVertical: 'top'
+    },
+    floatingLabel: {},
+    activeFloatingLabel: {},
+    invalid: {
+      borderBottomColor: 'red'
+    },
+    focused: {
+      borderColor: themeVariables.inputFocusBorderColor
+    },
+    placeholderText: {
+      color: themeVariables.inputPlaceholderColor
+    },
+    skeleton: {
+      root: {
+        width: '100%',
+        height: 84,
+        borderRadius: 4
+      }
+    },
+    helpText: {
+      marginTop: 5,
+      textAlign: 'right',
+      fontSize: 13,
+      color: ThemeVariables.INSTANCE.textAreaHelpTextColor
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+
+  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles
+  addStyle('form-textarea-input-horizontal', '', {
+    root: {
+      flex: 1,
+      minWidth: 0,
+      // Allow shrinking below intrinsic content size if needed
+      maxWidth: '100%' // Prevent overflow
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS + '-disabled', '', {
+    root: {
+      backgroundColor: themeVariables.inputDisabledBgColor
+    }
+  });
+  addStyle(DEFAULT_CLASS + '-rtl', '', {
+    root: {
+      textAlign: 'right'
+    }
+  });
+  addStyle(DEFAULT_CLASS + '-with-label', '', {
+    text: {
+      paddingTop: 24
+    },
+    floatingLabel: {
+      position: 'absolute',
+      top: 12,
+      left: 16,
+      fontSize: 14,
+      color: themeVariables.floatingLabelColor
+    },
+    activeFloatingLabel: {
+      color: themeVariables.activeFloatingLabelColor
+    }
+  });
+});
+//# sourceMappingURL=textarea.styles.js.map

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

@@ -0,0 +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":[]}