@wavemaker/app-rn-runtime 11.15.5-rc.253 → 11.15.5-rc.259
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/basic/bottomsheet/bottomsheet.component.js +131 -10
- package/components/basic/bottomsheet/bottomsheet.component.js.map +1 -1
- package/components/basic/bottomsheet/bottomsheet.styles.js +0 -3
- package/components/basic/bottomsheet/bottomsheet.styles.js.map +1 -1
- package/components/basic/button/button.component.js +6 -4
- package/components/basic/button/button.component.js.map +1 -1
- package/components/basic/progress-circle/progress-circle.component.js +3 -1
- package/components/basic/progress-circle/progress-circle.component.js.map +1 -1
- package/components/container/container.component.js +23 -1
- package/components/container/container.component.js.map +1 -1
- package/components/container/container.props.js +1 -0
- package/components/container/container.props.js.map +1 -1
- package/components/container/linearlayout/linearlayoutitem/linearlayoutitem.component.js +25 -1
- package/components/container/linearlayout/linearlayoutitem/linearlayoutitem.component.js.map +1 -1
- package/components/container/linearlayout/linearlayoutitem/linearlayoutitem.props.js +1 -0
- package/components/container/linearlayout/linearlayoutitem/linearlayoutitem.props.js.map +1 -1
- package/components/data/form/form-field/form-field.component.js +1 -0
- package/components/data/form/form-field/form-field.component.js.map +1 -1
- package/components/data/form/form-field/form-field.props.js +1 -0
- package/components/data/form/form-field/form-field.props.js.map +1 -1
- package/components/input/baseinput/baseinput.component.js +7 -0
- package/components/input/baseinput/baseinput.component.js.map +1 -1
- package/components/input/calendar/calendar.component.js +4 -0
- package/components/input/calendar/calendar.component.js.map +1 -1
- package/components/input/calendar/views/month-view.js +8 -1
- package/components/input/calendar/views/month-view.js.map +1 -1
- package/components/input/checkboxset/checkboxset.component.js +2 -2
- package/components/input/checkboxset/checkboxset.component.js.map +1 -1
- package/components/input/checkboxset/checkboxset.props.js +1 -0
- package/components/input/checkboxset/checkboxset.props.js.map +1 -1
- package/components/input/checkboxset/checkboxset.styles.js +6 -0
- package/components/input/checkboxset/checkboxset.styles.js.map +1 -1
- package/components/input/chips/chips.component.js +1 -1
- package/components/input/chips/chips.component.js.map +1 -1
- package/components/input/chips/chips.props.js +1 -0
- package/components/input/chips/chips.props.js.map +1 -1
- package/components/input/currency/currency.component.js +1 -0
- package/components/input/currency/currency.component.js.map +1 -1
- package/components/input/number/number.component.js +1 -0
- package/components/input/number/number.component.js.map +1 -1
- package/components/input/radioset/radioset.component.js +2 -2
- package/components/input/radioset/radioset.component.js.map +1 -1
- package/components/input/radioset/radioset.props.js +1 -0
- package/components/input/radioset/radioset.props.js.map +1 -1
- package/components/input/radioset/radioset.styles.js +6 -0
- package/components/input/radioset/radioset.styles.js.map +1 -1
- package/components/input/text/text.component.js +10 -0
- package/components/input/text/text.component.js.map +1 -1
- package/components/input/text/text.props.js +1 -0
- package/components/input/text/text.props.js.map +1 -1
- package/components/input/text/text.styles.js +7 -1
- package/components/input/text/text.styles.js.map +1 -1
- package/components/input/textarea/textarea.component.js +1 -0
- package/components/input/textarea/textarea.component.js.map +1 -1
- package/core/AppConfig.js.map +1 -1
- package/core/components/textinput.component.js +20 -3
- package/core/components/textinput.component.js.map +1 -1
- package/core/tappable.component.js +109 -15
- package/core/tappable.component.js.map +1 -1
- package/npm-shrinkwrap.json +585 -578
- package/package-lock.json +585 -578
- package/package.json +2 -2
- package/runtime/navigator/drawer.navigator.js +1 -0
- package/runtime/navigator/drawer.navigator.js.map +1 -1
- package/runtime/navigator/stack.navigator.js +13 -1
- package/runtime/navigator/stack.navigator.js.map +1 -1
- package/runtime/services/device/scan-service.js +12 -34
- package/runtime/services/device/scan-service.js.map +1 -1
- package/styles/theme.js +20 -10
- package/styles/theme.js.map +1 -1
- package/styles/theme.variables.js.map +1 -1
|
@@ -22,6 +22,14 @@ export default class WmText extends BaseInputComponent {
|
|
|
22
22
|
classes.push(super.getStyleClassName());
|
|
23
23
|
return classes.join(' ');
|
|
24
24
|
}
|
|
25
|
+
onChangeText(text) {
|
|
26
|
+
if (!this.props.uppercase) {
|
|
27
|
+
super.onChangeText(text);
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
const s = text == null ? '' : String(text);
|
|
31
|
+
super.onChangeText(s ? s.toUpperCase() : s);
|
|
32
|
+
}
|
|
25
33
|
renderSkeleton(props) {
|
|
26
34
|
let skeletonWidth, skeletonHeight;
|
|
27
35
|
if (this.props.skeletonwidth == "0") {
|
|
@@ -81,6 +89,7 @@ export default class WmText extends BaseInputComponent {
|
|
|
81
89
|
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),
|
|
82
90
|
variant: props.variant,
|
|
83
91
|
labelBackground: props.variant != 'filled' ? mergedRoot === null || mergedRoot === void 0 ? void 0 : mergedRoot.backgroundColor : undefined,
|
|
92
|
+
inactiveFloatingLabelStyle: this.styles.inactiveFloatingLabel,
|
|
84
93
|
placeholderTextColor: this.styles.placeholderText.color,
|
|
85
94
|
isInputFocused: this.state.isInputFocused,
|
|
86
95
|
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.
|
|
@@ -98,6 +107,7 @@ export default class WmText extends BaseInputComponent {
|
|
|
98
107
|
onBlur: this.onBlur.bind(this),
|
|
99
108
|
onFocus: this.onFocus.bind(this),
|
|
100
109
|
onKeyPress: this.onKeyPress.bind(this),
|
|
110
|
+
onSubmitEditing: this.onSubmitEditing.bind(this),
|
|
101
111
|
onChangeText: this.onChangeText.bind(this),
|
|
102
112
|
onChange: this.invokeChange.bind(this),
|
|
103
113
|
allowContentSelection: this.styles.text.userSelect === 'text',
|
|
@@ -1 +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","_mergedRoot$height","_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","inputHeight","minHeight","createElement","Fragment","style","inputContainer","_extends","getTestPropsForInput","TEXT","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","inputheight","undefined","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","focused","variant","labelBackground","backgroundColor","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/app-rn-runtime/core/components/textinput.component';\nimport { BaseInputComponent, BaseInputState } from \"@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component\";\nimport { isNull } from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmIcon from '@wavemaker/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 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 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":[]}
|
|
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","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","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","onSubmitEditing","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/app-rn-runtime/core/components/textinput.component';\nimport { BaseInputComponent, BaseInputState } from \"@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component\";\nimport { isNull } from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmIcon from '@wavemaker/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}\n placeholder={props.placeholder}\n onBlur={this.onBlur.bind(this)}\n onFocus={this.onFocus.bind(this)}\n onKeyPress={this.onKeyPress.bind(this)}\n onSubmitEditing={this.onSubmitEditing.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":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,QAAQ,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAEnE,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAsB,eAAe;AAC3D,SAASC,WAAW,QAAQ,+DAA+D;AAC3F,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,0EAA0E;AAC7H,SAASC,MAAM,QAAQ,QAAQ;AAC/B,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAC7G,SAASC,cAAc,QAAQ,wEAAwE;AACvG,OAAOC,MAAM,MAAM,gEAAgE;AAEnF,OAAO,MAAMC,WAAW,SAASN,cAAc,CAAc;AAG7D,eAAe,MAAMO,MAAM,SAASR,kBAAkB,CAAyC;EAE7FS,WAAWA,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEZ,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,EAAE,IAAIU,WAAW,CAAC,CAAC,CAAC;EACnE;EAEOI,iBAAiBA,CAAA,EAAuB;IAC7C,MAAMC,OAAO,GAAG,EAAE;IAClB,IAAI,IAAI,CAACC,KAAK,CAACH,KAAK,CAACI,aAAa,EAAE;MAChCF,OAAO,CAACG,IAAI,CAAC,qBAAqB,CAAC;IACvC;IACAH,OAAO,CAACG,IAAI,CAAC,KAAK,CAACJ,iBAAiB,CAAC,CAAC,CAAC;IACvC,OAAOC,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC;EAC1B;EAEOC,YAAYA,CAACC,IAAS,EAAE;IAC7B,IAAI,CAAC,IAAI,CAACR,KAAK,CAACS,SAAS,EAAE;MACzB,KAAK,CAACF,YAAY,CAACC,IAAI,CAAC;MACxB;IACF;IACA,MAAME,CAAC,GAAGF,IAAI,IAAI,IAAI,GAAG,EAAE,GAAGG,MAAM,CAACH,IAAI,CAAC;IAC1C,KAAK,CAACD,YAAY,CAACG,CAAC,GAAGA,CAAC,CAACE,WAAW,CAAC,CAAC,GAAGF,CAAC,CAAC;EAC7C;EAEOG,cAAcA,CAACb,KAAkB,EAAmB;IACzD,IAAIc,aAAa,EAAEC,cAAc;IAEjC,IAAG,IAAI,CAACf,KAAK,CAACgB,aAAa,IAAI,GAAG,EAAE;MAClCF,aAAa,GAAG,CAAC;IACnB,CAAC,MAAM;MAAA,IAAAG,iBAAA;MACLH,aAAa,GAAG,IAAI,CAACd,KAAK,CAACgB,aAAa,MAAAC,iBAAA,GAAI,IAAI,CAACC,MAAM,CAACC,IAAI,cAAAF,iBAAA,uBAAhBA,iBAAA,CAAkBG,KAAK;IACrE;IAEA,IAAG,IAAI,CAACpB,KAAK,CAACqB,cAAc,IAAI,GAAG,EAAE;MACnCN,cAAc,GAAG,CAAC;IACpB,CAAC,MAAM;MAAA,IAAAO,kBAAA;MACLP,cAAc,GAAG,IAAI,CAACf,KAAK,CAACqB,cAAc,MAAAC,kBAAA,GAAI,IAAI,CAACJ,MAAM,CAACC,IAAI,cAAAG,kBAAA,uBAAhBA,kBAAA,CAAkBC,MAAM;IACxE;IAEA,OAAO5B,cAAc,CAAC,IAAI,CAAC6B,KAAK,EAAE,IAAI,CAACN,MAAM,CAACO,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACP,MAAM,CAACC,IAAI;MACnBC,KAAK,EAAEN,aAA+B;MACtCS,MAAM,EAAER;IACV,CAAC,CAAC;EACJ;EAEQW,gBAAgBA,CAAA,EAAG;IACzB,IAAI,CAACC,mBAAmB,CAAC,oBAAoB,EAAE,CAAC,IAAI,CAACC,KAAK,CAAC,CAAC;EAC9D;EAEQC,iBAAiBA,CAAA,EAAG;IAC1B,IAAI,CAACF,mBAAmB,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAACC,KAAK,CAAC,CAAC;EAC/D;EAEAE,YAAYA,CAAC9B,KAAkB,EAAE;IAAA,IAAA+B,qBAAA,EAAAC,IAAA,EAAAC,mBAAA,EAAAC,kBAAA,EAAAC,oBAAA,EAAAC,qBAAA;IAC/B,IAAIC,IAAS,GAAG,CAAC,CAAC;IAClB,MAAMC,SAAS,GAAGtD,QAAQ,CAACuD,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,cAAc;IAClE,MAAMC,eAAe,GAAG,IAAI,CAAChB,KAAK,CAACiB,QAAQ,CAAC,WAAW,CAAC;IACxD,MAAMC,SAAS,GAAG,IAAI,CAACvC,KAAK,CAACH,KAAK,CAAC0C,SAAS,GAAG,IAAI,CAACvC,KAAK,CAACH,KAAK,CAAC0C,SAAS,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,GAAG,EAAE;IAC/FP,IAAI,CAACC,SAAS,CAAC,GAAG,EAAAP,qBAAA,OAAI,CAAC5B,KAAK,CAAC0C,SAAS,cAAAd,qBAAA,uBAApBA,qBAAA,CAAsBe,QAAQ,CAAC,CAAC,KAAI,EAAE;IAExD,MAAMC,UAAU,GAAG,CAAC,CAAC/C,KAAK,CAACgD,gBAAgB;IAC3C,MAAMC,WAAW,GAAG,CAAC,CAACjD,KAAK,CAACkD,iBAAiB;IAE7C,MAAMC,UAAU,GAAG,IAAI,CAAC3B,KAAK,CAAC4B,UAAU,CAAC,IAAI,CAAClC,MAAM,CAACC,IAAI,EAAEqB,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAErB,IAAI,EAAGnC,QAAQ,CAACuD,EAAE,KAAK,KAAK,GAAG,IAAI,CAACrB,MAAM,CAACmC,QAAQ,GAAG,IAAI,CAAC;IACvI,MAAMC,WAAW,IAAAtB,IAAA,IAAAC,mBAAA,GAAGkB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEI,OAAO,cAAAtB,mBAAA,cAAAA,mBAAA,GAAIkB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEK,WAAW,cAAAxB,IAAA,cAAAA,IAAA,GAAI,EAAE;IACxE,MAAMyB,iBAAiB,GAAG,CAAC,CAAEzD,KAAK,CAAC0D,IAAK;IACxC,MAAMC,WAAW,IAAAzB,kBAAA,GAAGiB,UAAU,CAAC5B,MAAM,cAAAW,kBAAA,cAAAA,kBAAA,GAAIiB,UAAU,CAACS,SAAS;IAE7D,oBACE7E,KAAA,CAAA8E,aAAA,CAAA9E,KAAA,CAAA+E,QAAA,qBACE/E,KAAA,CAAA8E,aAAA,CAAC5E,IAAI;MAAC8E,KAAK,EAAE,IAAI,CAAC7C,MAAM,CAAC8C;IAAe,gBACxCjF,KAAA,CAAA8E,aAAA,CAACxE,WAAW,EAAA4E,QAAA,KACN,IAAI,CAACC,oBAAoB,CAAC,CAAC,EAC3BxE,qBAAqB,CACvBD,uBAAuB,CAAC0E,IAAI,EAC5BnE,KACF,CAAC;MACDoE,GAAG,EAAGA,GAAQ,IAAK;QAAC,IAAI,CAACC,SAAS,GAAGD,GAAG;QACtC;QACF,IAAIA,GAAG,IAAI,CAAC5E,MAAM,CAAC4E,GAAG,CAACE,cAAc,CAAC,IAAI,CAAC9E,MAAM,CAAC4E,GAAG,CAACG,YAAY,CAAC,EAAE;UACnE;UACAH,GAAG,CAACE,cAAc,GAAGF,GAAG,CAACG,YAAY,GAAG,IAAI,CAACC,MAAM;QACrD;MAAC;IAAE,GACCnC,IAAI;MACRoC,aAAa,EAAEzE,KAAK,CAACI,aAAc;MACnCsE,WAAW,EAAE,OAAOf,WAAW,KAAK,QAAQ,GAAGA,WAAW,GAAGgB,SAAU;MACvEC,kBAAkB,EAAE;QAClB,GAAG,IAAI,CAAC1D,MAAM,CAACuD;MAAa,CAAE;MAChCI,wBAAwB,EAAE,IAAI,CAACrD,KAAK,CAAC4B,UAAU,CAAC,IAAI,CAAClC,MAAM,CAAC4D,mBAAmB,GAAA3C,oBAAA,GAC7E,IAAI,CAACX,KAAK,CAACiB,QAAQ,CAAC,qBAAqB,CAAC,cAAAN,oBAAA,uBAA1CA,oBAAA,CAA4C2C,mBAAmB,GAAA1C,qBAAA,GAC/D,IAAI,CAACZ,KAAK,CAACiB,QAAQ,CAAC,GAAGC,SAAS,EAAE,CAAC,cAAAN,qBAAA,uBAAnCA,qBAAA,CAAqC2C,OAAO,CAC7C;MACDC,OAAO,EAAEhF,KAAK,CAACgF,OAA6C;MAC5DC,eAAe,EAAEjF,KAAK,CAACgF,OAAO,IAAI,QAAQ,GAAI7B,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAE+B,eAAe,GAAcP,SAAU;MACjGQ,0BAA0B,EAAE,IAAI,CAACjE,MAAM,CAACkE,qBAAsB;MAC9DC,oBAAoB,EAAE,IAAI,CAACnE,MAAM,CAACoE,eAAe,CAACC,KAAa;MAC/DC,cAAc,EAAG,IAAI,CAACrF,KAAK,CAACqF,cAAgB;MAC5CzB,KAAK,EAAE,CAAC,IAAI,CAACvC,KAAK,CAAC4B,UAAU,CAAC,IAAI,CAAClC,MAAM,CAACC,IAAI,EAAEqB,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAErB,IAAI,CAAC,EACpE,IAAI,CAACK,KAAK,CAAC4B,UAAU,CAAC,IAAI,CAAClC,MAAM,CAACV,IAAI,EAAEgC,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEhC,IAAI,EAAE,IAAI,CAACgB,KAAK,CAACiB,QAAQ,CAAC,GAAGC,SAAS,EAAE,CAAC,CAAC,EACnG,IAAI,CAACvC,KAAK,CAACsF,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,CAACjE,KAAK,CAAC4B,UAAU,CAAC,IAAI,CAAClC,MAAM,CAACwE,OAAO,EAAElD,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEkD,OAAO,CAAC,EAC9F,IAAI,CAACvF,KAAK,CAACqF,cAAc,GAAG,IAAI,CAAChE,KAAK,CAAC4B,UAAU,CAAC,IAAI,CAAClC,MAAM,CAACC,IAAI,EAAE,IAAI,CAACD,MAAM,CAAC6D,OAAO,EAAEvC,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEuC,OAAO,EAAE,IAAI,CAACvD,KAAK,CAACiB,QAAQ,CAAC,GAAGC,SAAS,EAAE,CAAC,CAACqC,OAAO,CAAC,GAAG,CAAC,CAAC,EACpK,IAAI,CAAC5E,KAAK,CAACH,KAAK,CAAC2F,QAAQ,GAAG,IAAI,CAACnE,KAAK,CAAC4B,UAAU,CAAC,IAAI,CAAClC,MAAM,CAACC,IAAI,EAAEqB,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEmD,QAAQ,EAAE,IAAI,CAACnE,KAAK,CAACiB,QAAQ,CAAC,GAAGC,SAAS,EAAE,CAAC,CAACiD,QAAQ,CAAC,GAAG,CAAC,CAAC,EACjJ5C,UAAU,GAAG,IAAI,CAAC7B,MAAM,CAAC0E,oBAAoB,GAAG,CAAC,CAAC,EAClD3C,WAAW,GAAG,IAAI,CAAC/B,MAAM,CAAC2E,qBAAqB,GAAG,CAAC,CAAC,EACpD7G,QAAQ,CAACuD,EAAE,KAAK,KAAK,GAAG,IAAI,CAACrB,MAAM,CAACmC,QAAQ,GAAG,IAAI,CAAE;MAAA,CACrD;MACFyC,YAAY,EAAE,IAAI,CAAC3F,KAAK,CAAC2F,YAAa;MACtCC,YAAY,EAAE/F,KAAK,CAACgG,YAAY,KAAK,MAAM,GAAG,UAAU,GAAGhG,KAAK,CAACgG,YAAY,KAAK,OAAO,GAAG,KAAK,GAAGhG,KAAK,CAACgG,YAAa;MACvHC,SAAS,EAAEjG,KAAK,CAACkG,SAAU;MAC3BC,QAAQ,EAAEnG,KAAK,CAAC2F,QAAQ,IAAI3F,KAAK,CAACoG,QAAQ,GAAG,KAAK,GAAG,IAAK;MAC1DC,eAAe,EAAErG,KAAK,CAACsG,IAAI,KAAK,UAAU,IAAI,CAACtG,KAAK,CAACuG,QAAQ,GAAG,IAAI,GAAG,KAAM;MAC7EC,aAAa,EAAExG,KAAK,CAACwG,aAAc;MACnCC,UAAU,EAAE,IAAI,CAACC,WAAY;MAC7BH,QAAQ,EAAEvG,KAAK,CAACuG,QAAS;MACzBI,SAAS,EAAE3G,KAAK,CAAC4G,QAAS;MAC1BC,WAAW,EAAE7G,KAAK,CAAC6G,WAAY;MAC/BC,MAAM,EAAE,IAAI,CAACA,MAAM,CAACC,IAAI,CAAC,IAAI,CAAE;MAC/BC,OAAO,EAAE,IAAI,CAACA,OAAO,CAACD,IAAI,CAAC,IAAI,CAAE;MACjCE,UAAU,EAAE,IAAI,CAACA,UAAU,CAACF,IAAI,CAAC,IAAI,CAAE;MACvCG,eAAe,EAAE,IAAI,CAACA,eAAe,CAACH,IAAI,CAAC,IAAI,CAAE;MACjDxG,YAAY,EAAE,IAAI,CAACA,YAAY,CAACwG,IAAI,CAAC,IAAI,CAAE;MAC3CI,QAAQ,EAAE,IAAI,CAACC,YAAY,CAACL,IAAI,CAAC,IAAI,CAAE;MACvCM,qBAAqB,EAAE,IAAI,CAACnG,MAAM,CAACV,IAAI,CAAC8G,UAAU,KAAK,MAAO;MAC9DC,cAAc,EAAEvH,KAAK,CAACwH,cAAe;MACrCC,YAAY,EAAE,IAAI,CAACA,YAAa;MAChCzE,gBAAgB,EAAEhD,KAAK,CAACgD;IAAiB,EAC1C,CAAC,EACDD,UAAU,iBACThE,KAAA,CAAA8E,aAAA,CAAC5E,IAAI;MACH8E,KAAK,EAAE,CAAC,IAAI,CAAC7C,MAAM,CAACwG,WAAW,EAAE;QAAEC,IAAI,EAAErE;MAAmB,CAAC,CAAE;MAC/DsE,aAAa,EAAC;IAAM,gBAEpB7I,KAAA,CAAA8E,aAAA,CAACjE,MAAM;MACLiI,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,cAAc,CAAE;MACnCC,IAAI,EAAE,GAAG/H,KAAK,CAAC+H,IAAI,eAAgB;MACnCC,SAAS,EAAEhI,KAAK,CAACgD,gBAAiB;MAClC9B,MAAM,EAAE,IAAI,CAACA,MAAM,CAAC+G,WAAY;MAChCC,UAAU,EAAE,IAAK;MACjBC,KAAK,EAAE,IAAI,CAACzG,gBAAgB,CAACqF,IAAI,CAAC,IAAI;IAAE,CACzC,CACG,CACP,EACA9D,WAAW,iBACVlE,KAAA,CAAA8E,aAAA,CAAC5E,IAAI;MACH8E,KAAK,EAAE,IAAI,CAACvC,KAAK,CAAC4B,UAAU,CAAC,IAAI,CAAClC,MAAM,CAACwG,WAAW,EAAE;QAAEU,KAAK,EAAE9E;MAAmB,CAAC,CAAE;MACrFsE,aAAa,EAAC;IAAM,gBAEpB7I,KAAA,CAAA8E,aAAA,CAACjE,MAAM;MACLiI,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,eAAe,CAAE;MACpCC,IAAI,EAAE,GAAG/H,KAAK,CAAC+H,IAAI,gBAAiB;MACpCC,SAAS,EAAEhI,KAAK,CAACkD,iBAAkB;MACnChC,MAAM,EAAE,IAAI,CAACA,MAAM,CAACmH,YAAa;MACjCH,UAAU,EAAE,IAAK;MACjBC,KAAK,EAAE,IAAI,CAACtG,iBAAiB,CAACkF,IAAI,CAAC,IAAI;IAAE,CAC1C,CACG,CAGJ,CAAC,EACNtD,iBAAiB,iBACd1E,KAAA,CAAA8E,aAAA,CAAC3E,IAAI,QACDc,KAAK,CAAC0D,IACJ,CAGV,CAAC;EAEL;AACF","ignoreList":[]}
|
|
@@ -10,6 +10,7 @@ export default class WmTextProps extends BaseInputProps {
|
|
|
10
10
|
_defineProperty(this, "skeletonheight", null);
|
|
11
11
|
_defineProperty(this, "skeletonwidth", null);
|
|
12
12
|
_defineProperty(this, "autocapitalize", 'none');
|
|
13
|
+
_defineProperty(this, "uppercase", false);
|
|
13
14
|
_defineProperty(this, "returnkeytype", 'auto');
|
|
14
15
|
_defineProperty(this, "onSubmitEditing", () => {});
|
|
15
16
|
_defineProperty(this, "variant", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BaseInputProps","WmTextProps","constructor","args","_defineProperty"],"sources":["text.props.ts"],"sourcesContent":["import BaseInputProps from \"@wavemaker/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,sEAAsE;AAEjG,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,
|
|
1
|
+
{"version":3,"names":["BaseInputProps","WmTextProps","constructor","args","_defineProperty"],"sources":["text.props.ts"],"sourcesContent":["import BaseInputProps from \"@wavemaker/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,sEAAsE;AAEjG,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":[]}
|
|
@@ -13,7 +13,8 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
|
|
|
13
13
|
borderStyle: 'solid',
|
|
14
14
|
borderColor: themeVariables.inputBorderColor,
|
|
15
15
|
backgroundColor: themeVariables.inputBackgroundColor,
|
|
16
|
-
fontFamily: themeVariables.baseFont
|
|
16
|
+
fontFamily: themeVariables.baseFont,
|
|
17
|
+
borderRadius: 6
|
|
17
18
|
},
|
|
18
19
|
text: {
|
|
19
20
|
fontSize: 16
|
|
@@ -60,6 +61,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
|
|
|
60
61
|
outline: 'none',
|
|
61
62
|
boxShadow: 'none'
|
|
62
63
|
},
|
|
64
|
+
inactiveFloatingLabel: {},
|
|
63
65
|
skeleton: {
|
|
64
66
|
root: {
|
|
65
67
|
width: '100%',
|
|
@@ -112,6 +114,9 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
|
|
|
112
114
|
},
|
|
113
115
|
activeFloatingLabel: {
|
|
114
116
|
color: themeVariables.activeFloatingLabelColor
|
|
117
|
+
},
|
|
118
|
+
inactiveFloatingLabel: {
|
|
119
|
+
color: themeVariables.floatingLabelColor
|
|
115
120
|
}
|
|
116
121
|
});
|
|
117
122
|
addStyle('app-input', '', {
|
|
@@ -122,6 +127,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
|
|
|
122
127
|
placeholderText: {},
|
|
123
128
|
floatingLabel: {},
|
|
124
129
|
activeFloatingLabel: {},
|
|
130
|
+
inactiveFloatingLabel: {},
|
|
125
131
|
skeleton: {
|
|
126
132
|
root: {}
|
|
127
133
|
}
|
|
@@ -1 +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","
|
|
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","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/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ColorValue } from \"react-native\";\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { WmIconStyles } from '@wavemaker/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 inactiveFloatingLabel: {\n color: themeVariables.floatingLabelColor,\n }\n });\n addStyle('app-input', '', {\n root: {},\n text: {},\n invalid: {\n },\n focused: {},\n placeholderText: {},\n floatingLabel: {},\n activeFloatingLabel: {},\n inactiveFloatingLabel: {},\n skeleton: {\n root: {}\n } as any as WmSkeletonStyles\n });\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -70,6 +70,7 @@ export default class WmTextarea extends BaseInputComponent {
|
|
|
70
70
|
activeFloatingLabelStyle: this.theme.mergeStyle((_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),
|
|
71
71
|
variant: props.variant,
|
|
72
72
|
labelBackground: props.variant === 'outlined' ? (_this$styles$root3 = this.styles.root) === null || _this$styles$root3 === void 0 ? void 0 : _this$styles$root3.backgroundColor : undefined,
|
|
73
|
+
inactiveFloatingLabelStyle: this.styles.inactiveFloatingLabel,
|
|
73
74
|
autoComplete: props.autocomplete ? 'username' : 'off',
|
|
74
75
|
autoFocus: props.autofocus,
|
|
75
76
|
editable: props.disabled || props.readonly ? false : true,
|
|
@@ -1 +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/app-rn-runtime/components/input/baseinput/baseinput.component';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { isNull } from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmTextareaState extends BaseInputState<WmTextareaProps> {}\n\nexport default class WmTextarea extends BaseInputComponent<WmTextareaProps, WmTextareaState, WmTextareaStyles> {\n\n constructor(props: WmTextareaProps) {\n super(props, DEFAULT_CLASS, new WmTextareaProps(), new WmTextareaState());\n }\n\n public getStyleClassName(): string | undefined {\n const classes = [];\n if (this.state.props.floatinglabel) {\n classes.push('app-textarea-with-label');\n }\n classes.push(super.getStyleClassName());\n return classes.join(' ');\n }\n\n public renderSkeleton(props: WmTextareaProps): React.ReactNode {\n let skeletonWidth, skeletonHeight;\n if(this.props.skeletonwidth == \"0\") {\n skeletonWidth = 0\n } else {\n skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n }\n\n if(this.props.skeletonheight == \"0\") {\n skeletonHeight = 0\n } else {\n skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n }\n\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...this.styles.root,\n width: skeletonWidth as DimensionValue,\n height: skeletonHeight as DimensionValue\n });\n }\n\n renderWidget(props: WmTextareaProps) {\n let opts: any = {};\n const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n 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(\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":[]}
|
|
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","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/app-rn-runtime/components/input/baseinput/baseinput.component';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { isNull } from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmTextareaState extends BaseInputState<WmTextareaProps> {}\n\nexport default class WmTextarea extends BaseInputComponent<WmTextareaProps, WmTextareaState, WmTextareaStyles> {\n\n constructor(props: WmTextareaProps) {\n super(props, DEFAULT_CLASS, new WmTextareaProps(), new WmTextareaState());\n }\n\n public getStyleClassName(): string | undefined {\n const classes = [];\n if (this.state.props.floatinglabel) {\n classes.push('app-textarea-with-label');\n }\n classes.push(super.getStyleClassName());\n return classes.join(' ');\n }\n\n public renderSkeleton(props: WmTextareaProps): React.ReactNode {\n let skeletonWidth, skeletonHeight;\n if(this.props.skeletonwidth == \"0\") {\n skeletonWidth = 0\n } else {\n skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n }\n\n if(this.props.skeletonheight == \"0\") {\n skeletonHeight = 0\n } else {\n skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n }\n\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...this.styles.root,\n width: skeletonWidth as DimensionValue,\n height: skeletonHeight as DimensionValue\n });\n }\n\n renderWidget(props: WmTextareaProps) {\n let opts: any = {};\n const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n 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(\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}\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/core/AppConfig.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["AppConfig.ts"],"sourcesContent":["export interface Drawer {\n setContent: (c: React.ReactNode) => void;\n getContent: () => React.ReactNode;\n setAnimation: (animation: string) => void;\n getAnimation: () => string;\n}\n\nexport default interface AppConfig {\n appId: string;\n assets: any;\n appProperties: any;\n appLocale: any;\n url: string;\n leftNavWidth: any;\n loadApp: boolean;\n refresh: (complete?: boolean) => void,\n currentPage?: any;\n pages?: any[];\n landingPage: string;\n partials?: any[];\n drawer: Drawer;\n app: any;\n spinner: any;\n setDrawerContent: any;\n theme: any;\n drawerType: any;\n /**\n * Application preferences that can include:\n * - enableGlobalErrorHandler (boolean): Master switch for all error handling. Default: false (disabled)\n * - enableRenderErrors (boolean): Enable React ErrorBoundary for component errors. Default: true\n * - enableJsSyncErrors (boolean): Enable synchronous JavaScript error handling. Default: true\n * - enableJsAsyncErrors (boolean): Enable asynchronous/promise rejection error handling. Default: true\n * - showDefaultErrorFallback (boolean): Show default error fallback UI when errors occur. Default: true\n * - Other app-specific preferences...\n */\n preferences:any;\n getServiceDefinitions: any;\n loggedInUser: any;\n selectedLocale: string;\n revertLayoutToExpo50: boolean,\n diagnostics: {\n appStartTime: number,\n appReadyTime: number,\n pageStartTime: number,\n pageReadyTime: number\n }, \n edgeToEdgeConfig:any;\n prefabs?: {\n partials?: any[]\n },\n screenCaptureProtection: {\n enabled: boolean\n },\n disableNavigationAnimation:boolean,\n}"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sources":["AppConfig.ts"],"sourcesContent":["export interface Drawer {\n setContent: (c: React.ReactNode) => void;\n getContent: () => React.ReactNode;\n setAnimation: (animation: string) => void;\n getAnimation: () => string;\n}\n\nexport default interface AppConfig {\n appId: string;\n assets: any;\n appProperties: any;\n appLocale: any;\n url: string;\n leftNavWidth: any;\n loadApp: boolean;\n refresh: (complete?: boolean) => void,\n currentPage?: any;\n pages?: any[];\n landingPage: string;\n partials?: any[];\n drawer: Drawer;\n app: any;\n spinner: any;\n setDrawerContent: any;\n theme: any;\n drawerType: any;\n /**\n * Application preferences that can include:\n * - enableGlobalErrorHandler (boolean): Master switch for all error handling. Default: false (disabled)\n * - enableRenderErrors (boolean): Enable React ErrorBoundary for component errors. Default: true\n * - enableJsSyncErrors (boolean): Enable synchronous JavaScript error handling. Default: true\n * - enableJsAsyncErrors (boolean): Enable asynchronous/promise rejection error handling. Default: true\n * - showDefaultErrorFallback (boolean): Show default error fallback UI when errors occur. Default: true\n * - Other app-specific preferences...\n */\n preferences:any;\n getServiceDefinitions: any;\n loggedInUser: any;\n selectedLocale: string;\n revertLayoutToExpo50: boolean,\n diagnostics: {\n appStartTime: number,\n appReadyTime: number,\n pageStartTime: number,\n pageReadyTime: number\n }, \n edgeToEdgeConfig:any;\n prefabs?: {\n partials?: any[]\n },\n screenCaptureProtection: {\n enabled: boolean\n },\n disableNavigationAnimation:boolean,\n detachInactiveScreens:boolean,\n isLegacyTappable: boolean,\n}"],"mappings":"","ignoreList":[]}
|
|
@@ -33,6 +33,23 @@ const WmCursor = /*#__PURE__*/React.memo(props => {
|
|
|
33
33
|
}
|
|
34
34
|
});
|
|
35
35
|
});
|
|
36
|
+
|
|
37
|
+
// TODO: Monika WMS-31071 - Consider these improvements:
|
|
38
|
+
// 1. 'words' mode: Use full Title Case regex: text.replace(/\b\w+/g, word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
|
|
39
|
+
// 2. 'sentences' mode: Add newline handling with regex: /(^|\.\s+|\!\s+|\?\s+|\n\s*)(\w)/g
|
|
40
|
+
// 3. Add TypeScript type for mode: type AutoCapitalizeMode = 'none' | 'sentences' | 'words' | 'characters'
|
|
41
|
+
const applyAutoCapitalize = (text, mode) => {
|
|
42
|
+
switch (mode) {
|
|
43
|
+
case 'characters':
|
|
44
|
+
return text.toUpperCase();
|
|
45
|
+
case 'words':
|
|
46
|
+
return text.replace(/\b\w/g, c => c.toUpperCase());
|
|
47
|
+
case 'sentences':
|
|
48
|
+
return text.replace(/(^\w|[.!?]\s+\w)/g, c => c.toUpperCase());
|
|
49
|
+
default:
|
|
50
|
+
return text;
|
|
51
|
+
}
|
|
52
|
+
};
|
|
36
53
|
export const WMTextInput = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
37
54
|
var _props$customDisplayV, _props$floatingLabel;
|
|
38
55
|
const [selectRange, setSelectRange] = useState(null);
|
|
@@ -134,7 +151,7 @@ export const WMTextInput = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
134
151
|
leadingiconclass: props.leadingiconclass,
|
|
135
152
|
style: {
|
|
136
153
|
...(props.floatingLabelStyle || []),
|
|
137
|
-
...(props.isInputFocused ? props.activeFloatingLabelStyle || {} : {})
|
|
154
|
+
...(props.isInputFocused ? props.activeFloatingLabelStyle || {} : value.current || displayValue ? props.inactiveFloatingLabelStyle || {} : {})
|
|
138
155
|
}
|
|
139
156
|
}) : null, Platform.OS === 'android' && !props.editable ? /*#__PURE__*/React.createElement(Text, _extends({
|
|
140
157
|
style: [props.style, hideInput ? {
|
|
@@ -184,8 +201,8 @@ export const WMTextInput = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
184
201
|
onSelectionChange: onSelectionChange,
|
|
185
202
|
caretHidden: !!(selectRange !== null && selectRange !== void 0 && selectRange.end),
|
|
186
203
|
onChangeText: text => {
|
|
187
|
-
if (props.autoCapitalize && props.autoCapitalize
|
|
188
|
-
onChangeText(text.
|
|
204
|
+
if (Platform.OS === 'web' && props.autoCapitalize && props.autoCapitalize !== 'none') {
|
|
205
|
+
onChangeText(applyAutoCapitalize(text, props.autoCapitalize));
|
|
189
206
|
return;
|
|
190
207
|
}
|
|
191
208
|
onChangeText(text);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useEffect","useRef","useState","Animated","Platform","Text","TextInput","View","isArray","IMask","FloatingLabel","WmCursor","memo","props","opacityAnimation","Value","current","runAnimation","timing","toValue","duration","useNativeDriver","start","createElement","testID","style","backgroundColor","color","width","marginHorizontal","height","opacity","WMTextInput","forwardRef","ref","_props$customDisplayV","_props$floatingLabel","selectRange","setSelectRange","iMask","setIMask","displayCursor","setDisplayCursor","value","x","forceUpdate","displayValue","setDisplayValue","element","displayformat","MaskedPattern","mask","skipInvalid","lazy","definitions","typedValue","defaultValue","onChangeText","setTimeout","OS","maskchar","_element$current","setSelectionRange","length","onSelectionChange","e","_e$nativeEvent","selection","nativeEvent","allowContentSelection","end","text","_value","substring","slice","formattedValue","replace","valueExpr","opts","customDisplayValue","textStyle","Object","assign","hideInput","Fragment","background","floatingLabel","moveUp","isInputFocused","label","placeholder","variant","labelBackground","leadingiconclass","floatingLabelStyle","activeFloatingLabelStyle","editable","_extends","borderColor","zIndex","autoCapitalize","textTransform","placeholderTextColor","selectable","disabled","multiline","numberOfLines","maxLength","undefined","onFocus","_props$onFocus","call","target","onBlur","_props$onBlur","caretHidden","toUpperCase","selectionColor","cursorColor","onChange","contextMenuHidden","onLayout","handleLayout","display","flexDirection","alignItems","marginTop","minHeight","padding","fontFamily","fontSize","fontWeight"],"sources":["textinput.component.tsx"],"sourcesContent":["import React, { ForwardedRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { Animated, Platform, Text, TextInput, TextInputProps, TextStyle, View, ViewStyle } from 'react-native';\nimport { isArray } from 'lodash';\nimport IMask from 'imask';\nimport { FloatingLabel } from './floatinglabel.component';\n\ninterface SelectRange {\n start: number,\n end: number\n}\n\nconst WmCursor = React.memo((props: {\n color: string,\n height: number\n}) => {\n const opacityAnimation = useRef(new Animated.Value(0.5)).current;\n const runAnimation = useCallback(() => {\n Animated.timing(opacityAnimation, {\n toValue: 0.2,\n duration: 500,\n useNativeDriver: true\n }).start(() => {\n Animated.timing(opacityAnimation, {\n toValue: 0.6,\n duration: 500,\n useNativeDriver: true\n }).start(runAnimation);\n });\n }, []);\n useEffect(() => {\n runAnimation();\n }, []);\n return (\n <Animated.View \n testID=\"wm-custom-cursor\"\n style={{\n backgroundColor: props.color,\n width: 2,\n marginHorizontal: 1,\n height: props.height,\n opacity: opacityAnimation\n }}></Animated.View>\n );\n});\n\nexport const WMTextInput = React.forwardRef((props: (TextInputProps & \n {allowContentSelection: boolean,\n displayformat: string,\n maskchar: string,\n floatingLabel: string\n floatingLabelStyle: TextStyle & ViewStyle,\n activeFloatingLabelStyle: TextStyle & ViewStyle,\n customDisplayValue?: string,\n isInputFocused: boolean,\n autoCapitalize?: string,\n background?: React.ReactNode,\n handleLayout?: any,\n style?: ViewStyle,\n variant?: 'filled' | 'outlined',\n labelBackground?: string,\n leadingiconclass?: string\n }), \n ref: ForwardedRef<TextInput>) => {\n const [selectRange, setSelectRange] = useState<SelectRange>(null as any);\n const [iMask, setIMask] = useState(null as any);\n const [displayCursor, setDisplayCursor] = useState(false);\n const value = useRef(props.value || '');\n const [x, forceUpdate] = useState(1);\n const [displayValue, setDisplayValue] = useState('');\n const element = useRef(null as any);\n // iMask initialization\n useEffect(() => {\n const iMask: any = props.displayformat ? new IMask.MaskedPattern({\n mask: props.displayformat,\n skipInvalid: true,\n lazy: false,\n definitions: {\n '9': /\\d/,\n 'A': /[a-zA-Z]/,\n 'a': /[a-z]/,\n '*': /\\w/\n }\n }) : null;\n if (iMask) {\n iMask.typedValue = value;\n setDisplayValue(iMask.displayValue)\n setIMask(iMask);\n }\n },[props.displayformat]);\n // set default value\n useEffect(() => {\n const defaultValue = props.defaultValue || props.value || '';\n if (defaultValue && !value.current) {\n value.current = defaultValue;\n onChangeText(defaultValue);\n }\n },[props.defaultValue, props.value]);\n // set cursor position in windows\n useEffect(() => {\n setTimeout(() => {\n if (Platform.OS === 'web' && (props.displayformat || props.maskchar)) {\n element?.current?.setSelectionRange(value.current.length, value.current.length);\n }\n }, 100);\n }, [value.current, props]);\n const onSelectionChange = useCallback((e: any) => {\n if (Platform.OS !== 'android') {\n return;\n }\n const selection = e?.nativeEvent?.selection;\n if (!props.allowContentSelection\n && selection\n && selection.end - selection.start > 0) {\n setSelectRange({\n start: value.current.length + 2,\n end: value.current.length + 2\n });\n } else if (selectRange && selectRange.end > 0){\n setSelectRange(null as any);\n }\n }, [props.allowContentSelection, value]);\n // when text changes\n const onChangeText = useCallback((text: string) => {\n if (!(iMask || props.maskchar)) {\n value.current = text;\n props.onChangeText && props.onChangeText(text);\n return;\n }\n let _value = value.current || '';\n if (value.current.length - text.length > 0) {\n _value = _value.substring(0, _value.length - (value.current.length - text.length));\n } else if (text.length - value.current.length > 0) {\n _value += text.slice(-1 * (text.length - value.current.length));\n }\n let formattedValue = _value;\n if(props.maskchar) {\n formattedValue = (_value.replace(/./g, props.maskchar));\n }\n if (iMask) {\n iMask.typedValue = _value;\n formattedValue = iMask.displayValue;\n }\n if (formattedValue !== displayValue) {\n value.current = _value;\n props.onChangeText && props.onChangeText(_value);\n }\n forceUpdate(x+ 1);\n setDisplayValue(formattedValue);\n }, [iMask, value, displayValue, props.onChangeText]);\n const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n const opts = {} as any;\n opts[valueExpr] = props.customDisplayValue ?? value.current;\n const textStyle = Object.assign({}, ...isArray(props.style) ? props.style: [props.style]);\n const hideInput = props.displayformat || props.maskchar;\n return (\n <>\n {props.background}\n {props.floatingLabel ? (\n <FloatingLabel\n moveUp={!!(value.current || props.isInputFocused || displayValue)}\n label={props.floatingLabel ?? props.placeholder} \n variant={props.variant}\n labelBackground={props.labelBackground}\n leadingiconclass={props.leadingiconclass}\n style={{\n ...(props.floatingLabelStyle || []),\n ...(props.isInputFocused ? (props.activeFloatingLabelStyle || {}) : {})\n }}/>\n ) : null}\n {(Platform.OS === 'android' && !props.editable) ? (\n <Text \n style={[\n props.style, hideInput ? {\n color: 'transparent', \n backgroundColor: 'transparent',\n borderColor: 'transparent',\n zIndex: 1\n } : {},\n props.autoCapitalize ? {textTransform: 'capitalize'} : {},\n (!props.defaultValue && props.placeholder) ? (props.floatingLabel ? (props.isInputFocused ? {color: props.placeholderTextColor} : {color: 'transparent'}) : {color: props.placeholderTextColor}) : {}\n ]}\n selectable={false}\n disabled={true}\n {...(props.multiline) ? {numberOfLines: props.numberOfLines} : {}}\n >{props.defaultValue || props.placeholder}</Text>\n ) :\n (<TextInput\n {...props}\n {...hideInput || props.customDisplayValue ? opts: {}}\n {...((props.maxLength !== null) ? { maxLength: props.maxLength } : { maxLength: undefined })}\n placeholder={displayValue ? '' : props.placeholder }\n placeholderTextColor={props.floatingLabel ? (props.isInputFocused ? props.placeholderTextColor : 'transparent') : props.placeholderTextColor }\n style={[props.style, hideInput ? {\n color: 'transparent', \n backgroundColor: 'transparent',\n borderColor: 'transparent',\n zIndex: 1\n } : {}]}\n onFocus={(e) => {\n props.onFocus?.(e);\n setDisplayCursor(true);\n element.current = e.target;\n }}\n onBlur={(e) => {\n props?.onBlur?.(e);\n setDisplayCursor(false);\n }}\n ref={ref}\n selection={selectRange}\n onSelectionChange={onSelectionChange}\n caretHidden={!!selectRange?.end}\n onChangeText={(text) => {\n if(props.autoCapitalize && props.autoCapitalize === 'characters') {\n onChangeText(text.toUpperCase());\n return;\n }\n onChangeText(text);\n }}\n {...hideInput ? {\n selectionColor: 'transparent',\n cursorColor: 'transparent',\n onChange : () => {}\n }: {}}\n contextMenuHidden={!props.allowContentSelection}\n autoCapitalize={props.autoCapitalize}\n onLayout={props.handleLayout}\n numberOfLines={1}\n >\n </TextInput>)\n }\n {\n hideInput ? (\n <View style={[props.style, {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n marginTop: -1 * (textStyle.height || textStyle.minHeight || 0)\n + (textStyle.marginTop || 0)}]}>\n <Text style={{ \n width: undefined,\n backgroundColor: 'transparent', \n borderColor: 'transparent',\n padding: 0,\n display: 'flex',\n color: textStyle.color,\n fontFamily: textStyle.fontFamily,\n fontSize: textStyle.fontSize,\n fontWeight: textStyle.fontWeight\n }}>\n {displayValue}\n </Text>\n {\n (displayCursor && !props.displayformat) ? React.createElement(WmCursor, {\n color: textStyle.color || '#000000',\n height: textStyle.fontSize || 14\n }) : null\n }\n </View>\n ) : null\n }\n </>\n );\n});\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useRef","useState","Animated","Platform","Text","TextInput","View","isArray","IMask","FloatingLabel","WmCursor","memo","props","opacityAnimation","Value","current","runAnimation","timing","toValue","duration","useNativeDriver","start","createElement","testID","style","backgroundColor","color","width","marginHorizontal","height","opacity","applyAutoCapitalize","text","mode","toUpperCase","replace","c","WMTextInput","forwardRef","ref","_props$customDisplayV","_props$floatingLabel","selectRange","setSelectRange","iMask","setIMask","displayCursor","setDisplayCursor","value","x","forceUpdate","displayValue","setDisplayValue","element","displayformat","MaskedPattern","mask","skipInvalid","lazy","definitions","typedValue","defaultValue","onChangeText","setTimeout","OS","maskchar","_element$current","setSelectionRange","length","onSelectionChange","e","_e$nativeEvent","selection","nativeEvent","allowContentSelection","end","_value","substring","slice","formattedValue","valueExpr","opts","customDisplayValue","textStyle","Object","assign","hideInput","Fragment","background","floatingLabel","moveUp","isInputFocused","label","placeholder","variant","labelBackground","leadingiconclass","floatingLabelStyle","activeFloatingLabelStyle","inactiveFloatingLabelStyle","editable","_extends","borderColor","zIndex","autoCapitalize","textTransform","placeholderTextColor","selectable","disabled","multiline","numberOfLines","maxLength","undefined","onFocus","_props$onFocus","call","target","onBlur","_props$onBlur","caretHidden","selectionColor","cursorColor","onChange","contextMenuHidden","onLayout","handleLayout","display","flexDirection","alignItems","marginTop","minHeight","padding","fontFamily","fontSize","fontWeight"],"sources":["textinput.component.tsx"],"sourcesContent":["import React, { ForwardedRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { Animated, Platform, Text, TextInput, TextInputProps, TextStyle, View, ViewStyle } from 'react-native';\nimport { isArray } from 'lodash';\nimport IMask from 'imask';\nimport { FloatingLabel } from './floatinglabel.component';\n\ninterface SelectRange {\n start: number,\n end: number\n}\n\nconst WmCursor = React.memo((props: {\n color: string,\n height: number\n}) => {\n const opacityAnimation = useRef(new Animated.Value(0.5)).current;\n const runAnimation = useCallback(() => {\n Animated.timing(opacityAnimation, {\n toValue: 0.2,\n duration: 500,\n useNativeDriver: true\n }).start(() => {\n Animated.timing(opacityAnimation, {\n toValue: 0.6,\n duration: 500,\n useNativeDriver: true\n }).start(runAnimation);\n });\n }, []);\n useEffect(() => {\n runAnimation();\n }, []);\n return (\n <Animated.View \n testID=\"wm-custom-cursor\"\n style={{\n backgroundColor: props.color,\n width: 2,\n marginHorizontal: 1,\n height: props.height,\n opacity: opacityAnimation\n }}></Animated.View>\n );\n});\n\n// TODO: Monika WMS-31071 - Consider these improvements:\n// 1. 'words' mode: Use full Title Case regex: text.replace(/\\b\\w+/g, word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n// 2. 'sentences' mode: Add newline handling with regex: /(^|\\.\\s+|\\!\\s+|\\?\\s+|\\n\\s*)(\\w)/g\n// 3. Add TypeScript type for mode: type AutoCapitalizeMode = 'none' | 'sentences' | 'words' | 'characters'\nconst applyAutoCapitalize = (text: string, mode: string): string => {\n switch (mode) {\n case 'characters':\n return text.toUpperCase();\n case 'words':\n return text.replace(/\\b\\w/g, c => c.toUpperCase());\n case 'sentences':\n return text.replace(/(^\\w|[.!?]\\s+\\w)/g, c => c.toUpperCase());\n default:\n return text;\n }\n};\n\nexport const WMTextInput = React.forwardRef((props: (TextInputProps & \n {allowContentSelection: boolean,\n displayformat: string,\n maskchar: string,\n floatingLabel: string\n floatingLabelStyle: TextStyle & ViewStyle,\n activeFloatingLabelStyle: TextStyle & ViewStyle,\n inactiveFloatingLabelStyle?: TextStyle & ViewStyle,\n customDisplayValue?: string,\n isInputFocused: boolean,\n autoCapitalize?: string,\n background?: React.ReactNode,\n handleLayout?: any,\n style?: ViewStyle,\n variant?: 'filled' | 'outlined',\n labelBackground?: string,\n leadingiconclass?: string\n }), \n ref: ForwardedRef<TextInput>) => {\n const [selectRange, setSelectRange] = useState<SelectRange>(null as any);\n const [iMask, setIMask] = useState(null as any);\n const [displayCursor, setDisplayCursor] = useState(false);\n const value = useRef(props.value || '');\n const [x, forceUpdate] = useState(1);\n const [displayValue, setDisplayValue] = useState('');\n const element = useRef(null as any);\n // iMask initialization\n useEffect(() => {\n const iMask: any = props.displayformat ? new IMask.MaskedPattern({\n mask: props.displayformat,\n skipInvalid: true,\n lazy: false,\n definitions: {\n '9': /\\d/,\n 'A': /[a-zA-Z]/,\n 'a': /[a-z]/,\n '*': /\\w/\n }\n }) : null;\n if (iMask) {\n iMask.typedValue = value;\n setDisplayValue(iMask.displayValue)\n setIMask(iMask);\n }\n },[props.displayformat]);\n // set default value\n useEffect(() => {\n const defaultValue = props.defaultValue || props.value || '';\n if (defaultValue && !value.current) {\n value.current = defaultValue;\n onChangeText(defaultValue);\n }\n },[props.defaultValue, props.value]);\n // set cursor position in windows\n useEffect(() => {\n setTimeout(() => {\n if (Platform.OS === 'web' && (props.displayformat || props.maskchar)) {\n element?.current?.setSelectionRange(value.current.length, value.current.length);\n }\n }, 100);\n }, [value.current, props]);\n const onSelectionChange = useCallback((e: any) => {\n if (Platform.OS !== 'android') {\n return;\n }\n const selection = e?.nativeEvent?.selection;\n if (!props.allowContentSelection\n && selection\n && selection.end - selection.start > 0) {\n setSelectRange({\n start: value.current.length + 2,\n end: value.current.length + 2\n });\n } else if (selectRange && selectRange.end > 0){\n setSelectRange(null as any);\n }\n }, [props.allowContentSelection, value]);\n // when text changes\n const onChangeText = useCallback((text: string) => {\n if (!(iMask || props.maskchar)) {\n value.current = text;\n props.onChangeText && props.onChangeText(text);\n return;\n }\n let _value = value.current || '';\n if (value.current.length - text.length > 0) {\n _value = _value.substring(0, _value.length - (value.current.length - text.length));\n } else if (text.length - value.current.length > 0) {\n _value += text.slice(-1 * (text.length - value.current.length));\n }\n let formattedValue = _value;\n if(props.maskchar) {\n formattedValue = (_value.replace(/./g, props.maskchar));\n }\n if (iMask) {\n iMask.typedValue = _value;\n formattedValue = iMask.displayValue;\n }\n if (formattedValue !== displayValue) {\n value.current = _value;\n props.onChangeText && props.onChangeText(_value);\n }\n forceUpdate(x+ 1);\n setDisplayValue(formattedValue);\n }, [iMask, value, displayValue, props.onChangeText]);\n const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n const opts = {} as any;\n opts[valueExpr] = props.customDisplayValue ?? value.current;\n const textStyle = Object.assign({}, ...isArray(props.style) ? props.style: [props.style]);\n const hideInput = props.displayformat || props.maskchar;\n return (\n <>\n {props.background}\n {props.floatingLabel ? (\n <FloatingLabel\n moveUp={!!(value.current || props.isInputFocused || displayValue)}\n label={props.floatingLabel ?? props.placeholder} \n variant={props.variant}\n labelBackground={props.labelBackground}\n leadingiconclass={props.leadingiconclass}\n style={{\n ...(props.floatingLabelStyle || []),\n ...(props.isInputFocused \n ? (props.activeFloatingLabelStyle || {}) \n : (value.current || displayValue) \n ? (props.inactiveFloatingLabelStyle || {}) \n : {}\n )\n }}/>\n ) : null}\n {(Platform.OS === 'android' && !props.editable) ? (\n <Text \n style={[\n props.style, hideInput ? {\n color: 'transparent', \n backgroundColor: 'transparent',\n borderColor: 'transparent',\n zIndex: 1\n } : {},\n props.autoCapitalize ? {textTransform: 'capitalize'} : {},\n (!props.defaultValue && props.placeholder) ? (props.floatingLabel ? (props.isInputFocused ? {color: props.placeholderTextColor} : {color: 'transparent'}) : {color: props.placeholderTextColor}) : {}\n ]}\n selectable={false}\n disabled={true}\n {...(props.multiline) ? {numberOfLines: props.numberOfLines} : {}}\n >{props.defaultValue || props.placeholder}</Text>\n ) :\n (<TextInput\n {...props}\n {...hideInput || props.customDisplayValue ? opts: {}}\n {...((props.maxLength !== null) ? { maxLength: props.maxLength } : { maxLength: undefined })}\n placeholder={displayValue ? '' : props.placeholder }\n placeholderTextColor={props.floatingLabel ? (props.isInputFocused ? props.placeholderTextColor : 'transparent') : props.placeholderTextColor }\n style={[props.style, hideInput ? {\n color: 'transparent', \n backgroundColor: 'transparent',\n borderColor: 'transparent',\n zIndex: 1\n } : {}]}\n onFocus={(e) => {\n props.onFocus?.(e);\n setDisplayCursor(true);\n element.current = e.target;\n }}\n onBlur={(e) => {\n props?.onBlur?.(e);\n setDisplayCursor(false);\n }}\n ref={ref}\n selection={selectRange}\n onSelectionChange={onSelectionChange}\n caretHidden={!!selectRange?.end}\n onChangeText={(text) => {\n if(Platform.OS === 'web' && props.autoCapitalize && props.autoCapitalize !== 'none') {\n onChangeText(applyAutoCapitalize(text, props.autoCapitalize));\n return;\n }\n onChangeText(text);\n }}\n {...hideInput ? {\n selectionColor: 'transparent',\n cursorColor: 'transparent',\n onChange : () => {}\n }: {}}\n contextMenuHidden={!props.allowContentSelection}\n autoCapitalize={props.autoCapitalize}\n onLayout={props.handleLayout}\n numberOfLines={1}\n >\n </TextInput>)\n }\n {\n hideInput ? (\n <View style={[props.style, {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n marginTop: -1 * (textStyle.height || textStyle.minHeight || 0)\n + (textStyle.marginTop || 0)}]}>\n <Text style={{ \n width: undefined,\n backgroundColor: 'transparent', \n borderColor: 'transparent',\n padding: 0,\n display: 'flex',\n color: textStyle.color,\n fontFamily: textStyle.fontFamily,\n fontSize: textStyle.fontSize,\n fontWeight: textStyle.fontWeight\n }}>\n {displayValue}\n </Text>\n {\n (displayCursor && !props.displayformat) ? React.createElement(WmCursor, {\n color: textStyle.color || '#000000',\n height: textStyle.fontSize || 14\n }) : null\n }\n </View>\n ) : null\n }\n </>\n );\n});\n"],"mappings":"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","ignoreList":[]}
|