mxw-public/autosearch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update incentro.Autosearch.mpk, Autosearch.xml, and 5 more files...

Browse Source
This commit is contained in:
Bart Onstee
2022-02-04 11:40:18 +01:00
parent f7d22b33ff
commit 1eb1993e6b
7 changed files with 88 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist/1.0.0/incentro.Autosearch.mpk vendored
View File

Binary file not shown.

8
dist/tmp/widgets/Autosearch.xml vendored
View File

@@ -16,12 +16,20 @@
<attributeType name="String"/>
</attributeTypes>
</property>
<property key="editable" type="boolean" required="true" defaultValue="true">
<caption>Editable</caption>
<description/>
</property>
</propertyGroup>
<propertyGroup caption="Events">
<property key="onChange" type="action" required="false">
<caption>On change</caption>
<description/>
</property>
<property key="onEnter" type="action" required="false">
<caption>On enter</caption>
<description/>
</property>
</propertyGroup>
<propertyGroup caption="Common">
<systemProperty key="Name"/>

24
dist/tmp/widgets/incentro/autosearch/Autosearch.js vendored
View File

@@ -244,12 +244,16 @@ __webpack_require__.r(__webpack_exports__);
const defaultStyle = {
container: {},
label: {
color: "#F6BB42"
color: "#003C85"
},
input: {
height: 45,
borderBottomWidth: 1,
borderBottomColor: '#de712b',
borderBottomColor: '#5997C0',
},
text: {
color: "#003C85",
fontSize: 18,
paddingBottom: 6,
}
};
class Autosearch extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
@@ -257,18 +261,26 @@ class Autosearch extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
super(props);
this.styles = Object(_mendix_pluggable_widgets_tools__WEBPACK_IMPORTED_MODULE_2__["mergeNativeStyles"])(defaultStyle, this.props.style);
this.onChangeHandler = this.onChange.bind(this);
this.onTouchStart = this.onTouch.bind(this);
this.onEndHandler = this.onEnd.bind(this);
this.state = {
textboxValue: '',
};
}
render() {
return (Object(react__WEBPACK_IMPORTED_MODULE_0__["createElement"])(react_native__WEBPACK_IMPORTED_MODULE_1__["View"], { style: this.styles.container },
Object(react__WEBPACK_IMPORTED_MODULE_0__["createElement"])(react_native__WEBPACK_IMPORTED_MODULE_1__["TextInput"], { style: this.styles.input, value: this.state.textboxValue, onChangeText: this.onChangeHandler, placeholder: 'Zoeken...' })));
return (Object(react__WEBPACK_IMPORTED_MODULE_0__["createElement"])(react_native__WEBPACK_IMPORTED_MODULE_1__["View"], { style: this.styles.input },
Object(react__WEBPACK_IMPORTED_MODULE_0__["createElement"])(react_native__WEBPACK_IMPORTED_MODULE_1__["TextInput"], { style: this.styles.text, value: this.state.textboxValue, onChangeText: this.onChangeHandler, onTouchStart: this.onTouchStart, onEndEditing: this.onEndHandler, placeholder: 'Zoeken...', placeholderTextColor: "#5997C0", editable: this.props.editable })));
}
onChange(text) {
var _a;
this.setState({ textboxValue: text });
this.props.searchvalue.setValue(text);
}
onTouch() {
var _a;
(_a = this.props.onEnter) === null || _a === void 0 ? void 0 : _a.execute();
}
onEnd() {
var _a;
(_a = this.props.onChange) === null || _a === void 0 ? void 0 : _a.execute();
}
}

2
dist/tmp/widgets/incentro/autosearch/Autosearch.js.map vendored
View File

File diff suppressed because one or more lines are too long

35
src/Autosearch.tsx
View File

@@ -16,20 +16,27 @@ interface State {
}
const defaultStyle: AutosearchStyle = {
container: {},
container: {
},
label: {
color: "#F6BB42"
color: "#003C85"
},
input: {
height: 45,
borderBottomWidth: 1,
borderBottomColor: '#de712b',
borderBottomColor: '#5997C0',
},
text: {
color: "#003C85",
fontSize: 18,
paddingBottom: 6,
}
};
export class Autosearch extends Component<AutosearchProps<AutosearchStyle>, State> {
private readonly styles = mergeNativeStyles(defaultStyle, this.props.style);
private readonly onChangeHandler = this.onChange.bind(this);
private readonly onTouchStart = this.onTouch.bind(this);
private readonly onEndHandler = this.onEnd.bind(this);
constructor(props: AutosearchProps<AutosearchStyle>){
super(props)
this.state = {
@@ -40,8 +47,17 @@ export class Autosearch extends Component<AutosearchProps<AutosearchStyle>, Stat
render(): ReactNode {
return (
<View style={this.styles.container}>
<TextInput style={this.styles.input} value={this.state.textboxValue} onChangeText={this.onChangeHandler} placeholder={'Zoeken...'}></TextInput>
<View style={this.styles.input}>
<TextInput style={this.styles.text}
value={this.state.textboxValue}
onChangeText={this.onChangeHandler}
onTouchStart={this.onTouchStart}
onEndEditing={this.onEndHandler}
placeholder={'Zoeken...'}
placeholderTextColor="#5997C0"
editable={this.props.editable}
>
</TextInput>
</View>
)
}
@@ -49,6 +65,13 @@ export class Autosearch extends Component<AutosearchProps<AutosearchStyle>, Stat
private onChange(text: string) {
this.setState({textboxValue: text});
this.props.searchvalue.setValue(text);
}
private onTouch() {
this.props.onEnter?.execute();
}
private onEnd() {
this.props.onChange?.execute();
}
}

8
src/Autosearch.xml
View File

@@ -16,12 +16,20 @@
<attributeType name="String"/>
</attributeTypes>
</property>
<property key="editable" type="boolean" required="true" defaultValue="true">
<caption>Editable</caption>
<description/>
</property>
</propertyGroup>
<propertyGroup caption="Events">
<property key="onChange" type="action" required="false">
<caption>On change</caption>
<description/>
</property>
<property key="onEnter" type="action" required="false">
<caption>On enter</caption>
<description/>
</property>
</propertyGroup>
<propertyGroup caption="Common">
<systemProperty key="Name"/>

4
typings/AutosearchProps.d.ts vendored
View File

@@ -9,12 +9,16 @@ export interface AutosearchProps<Style> {
name: string;
style: Style[];
searchvalue: EditableValue<string>;
editable: boolean;
onChange?: ActionValue;
onEnter?: ActionValue;
}
export interface AutosearchPreviewProps {
class: string;
style: string;
searchvalue: string;
editable: boolean;
onChange: {} | null;
onEnter: {} | null;
}