@wavemaker-ai/app-rn-runtime 1.0.0-rc.324 → 1.0.0-rc.326
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 +156 -14
- 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/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 +24 -1
- package/components/container/container.component.js.map +1 -1
- package/components/container/container.props.js +7 -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/container/tabs/tabheader/tabheader.component.js +5 -14
- package/components/container/tabs/tabheader/tabheader.component.js.map +1 -1
- package/components/container/tabs/tabheader/tabheader.props.js +0 -2
- package/components/container/tabs/tabheader/tabheader.props.js.map +1 -1
- package/components/container/tabs/tabheader/tabheader.styles.js +1 -43
- package/components/container/tabs/tabheader/tabheader.styles.js.map +1 -1
- package/components/container/tabs/tabs.component.js +2 -6
- package/components/container/tabs/tabs.component.js.map +1 -1
- package/components/container/tabs/tabs.props.js +0 -2
- package/components/container/tabs/tabs.props.js.map +1 -1
- package/components/container/wizard/wizardstep/wizardstep.component.js +22 -3
- package/components/container/wizard/wizardstep/wizardstep.component.js.map +1 -1
- package/components/container/wizard/wizardstep/wizardstep.props.js +2 -0
- package/components/container/wizard/wizardstep/wizardstep.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.map +1 -1
- package/components/input/checkboxset/checkboxset.styles.js.map +1 -1
- package/components/input/chips/chips.component.js +3 -4
- package/components/input/chips/chips.component.js.map +1 -1
- package/components/input/chips/chips.styles.js +1 -2
- package/components/input/chips/chips.styles.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/switch/switch.component.js +2 -16
- package/components/input/switch/switch.component.js.map +1 -1
- package/components/input/switch/switch.props.js +0 -1
- package/components/input/switch/switch.props.js.map +1 -1
- package/components/input/switch/switch.styles.js +0 -19
- package/components/input/switch/switch.styles.js.map +1 -1
- package/components/input/text/text.component.js +14 -3
- 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 +3 -1
- package/components/input/text/text.styles.js.map +1 -1
- package/components/input/textarea/textarea.component.js +3 -2
- package/components/input/textarea/textarea.component.js.map +1 -1
- package/components/input/toggle/toggle.component.js +4 -13
- package/components/input/toggle/toggle.component.js.map +1 -1
- package/components/input/toggle/toggle.props.js +1 -3
- package/components/input/toggle/toggle.props.js.map +1 -1
- package/components/input/toggle/toggle.styles.js +4 -12
- package/components/input/toggle/toggle.styles.js.map +1 -1
- package/components/navigation/appnavbar/appnavbar.props.js +1 -1
- package/components/navigation/appnavbar/appnavbar.props.js.map +1 -1
- package/core/AppConfig.js.map +1 -1
- package/core/auto-layout-host.component.js +8 -2
- package/core/auto-layout-host.component.js.map +1 -1
- package/core/components/floatinglabel.component.js +5 -2
- package/core/components/floatinglabel.component.js.map +1 -1
- package/core/components/textinput.component.js +3 -0
- 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 +3932 -6123
- package/package-lock.json +3932 -6123
- package/package.json +17 -15
- package/runtime/navigator/drawer.navigator.js +1 -0
- package/runtime/navigator/drawer.navigator.js.map +1 -1
- package/runtime/navigator/stack.navigator.js +16 -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.variables.js.map +1 -1
- package/components-prism/basic/search/search.component.js +0 -210
- package/components-prism/basic/search/search.component.js.map +0 -1
- package/components-prism/basic/search/search.props.js +0 -14
- package/components-prism/basic/search/search.props.js.map +0 -1
- package/components-prism/basic/search/search.styles.js +0 -92
- package/components-prism/basic/search/search.styles.js.map +0 -1
|
@@ -1,210 +0,0 @@
|
|
|
1
|
-
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); }
|
|
2
|
-
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; }
|
|
3
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
4
|
-
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); }
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import { Platform, Text, TextInput, View } from 'react-native';
|
|
7
|
-
import { ScrollView } from 'react-native-gesture-handler';
|
|
8
|
-
import { get, isNull } from 'lodash';
|
|
9
|
-
import WmSearchProps from './search.props';
|
|
10
|
-
import { DEFAULT_CLASS } from './search.styles';
|
|
11
|
-
import CoreWmSearch, { WmSearchState as CoreWmSearchState } from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.component';
|
|
12
|
-
import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
|
|
13
|
-
import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
|
|
14
|
-
import { AssetProvider } from '@wavemaker-ai/app-rn-runtime/core/asset.provider';
|
|
15
|
-
import { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';
|
|
16
|
-
import OutsidePressHandler from '@wavemaker-ai/app-rn-runtime/core/outside-press-handler';
|
|
17
|
-
export class WmSearchState extends CoreWmSearchState {}
|
|
18
|
-
function isIconClass(val) {
|
|
19
|
-
return typeof val === 'string' && val.length > 0 && val !== 'false' && val !== 'null' && val !== 'undefined';
|
|
20
|
-
}
|
|
21
|
-
export default class WmSearch extends CoreWmSearch {
|
|
22
|
-
constructor(props, defaultClass = DEFAULT_CLASS, defaultProps = new WmSearchProps(), defaultState = new WmSearchState()) {
|
|
23
|
-
super(props, defaultClass, defaultProps, defaultState);
|
|
24
|
-
_defineProperty(this, "searchInputHeight", 0);
|
|
25
|
-
_defineProperty(this, "showPopover", () => {
|
|
26
|
-
this.updateState({
|
|
27
|
-
isOpened: true
|
|
28
|
-
});
|
|
29
|
-
});
|
|
30
|
-
_defineProperty(this, "hide", () => {
|
|
31
|
-
if (this.state.isOpened) {
|
|
32
|
-
this.updateState({
|
|
33
|
-
isOpened: false
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
handleLeadingIconPress() {
|
|
39
|
-
this.invokeEventCallback('onLeadingiconclick', [this.proxy]);
|
|
40
|
-
}
|
|
41
|
-
handleBackIconPress() {
|
|
42
|
-
this.updateState({
|
|
43
|
-
props: {
|
|
44
|
-
query: ''
|
|
45
|
-
},
|
|
46
|
-
dataItems: this.state.dataItems ? this.state.dataItems.map(item => {
|
|
47
|
-
item.selected = false;
|
|
48
|
-
return item;
|
|
49
|
-
}) : []
|
|
50
|
-
});
|
|
51
|
-
this.hide();
|
|
52
|
-
}
|
|
53
|
-
searchIconPress() {
|
|
54
|
-
const query = this.state.props.query || '';
|
|
55
|
-
if (this.state.props.searchon === 'onsearchiconclick') {
|
|
56
|
-
this.updateFilteredData(query);
|
|
57
|
-
if (query && this.styles.modal.display !== 'none') {
|
|
58
|
-
this.showPopover && this.showPopover();
|
|
59
|
-
}
|
|
60
|
-
} else {
|
|
61
|
-
this.isFocused = false;
|
|
62
|
-
this.onItemSelect(this.state.data[0]);
|
|
63
|
-
}
|
|
64
|
-
if (get(this.props, 'formfield')) {
|
|
65
|
-
var _this$props$invokeEve, _this$props;
|
|
66
|
-
(_this$props$invokeEve = (_this$props = this.props).invokeEvent) === null || _this$props$invokeEve === void 0 || _this$props$invokeEve.call(_this$props, 'onSubmit', [null, this]);
|
|
67
|
-
} else {
|
|
68
|
-
this.invokeEventCallback('onSubmit', [null, this]);
|
|
69
|
-
}
|
|
70
|
-
this.isFocused = false;
|
|
71
|
-
}
|
|
72
|
-
renderSkeleton(props) {
|
|
73
|
-
var _this$styles$root, _this$styles$root2;
|
|
74
|
-
return createSkeleton(this.theme, this.styles.skeleton, {
|
|
75
|
-
...this.styles.root,
|
|
76
|
-
width: props.skeletonwidth || ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width),
|
|
77
|
-
height: props.skeletonheight || ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height)
|
|
78
|
-
});
|
|
79
|
-
}
|
|
80
|
-
updateFilteredData(queryText = '') {
|
|
81
|
-
super.updateFilteredData(queryText);
|
|
82
|
-
if (this.isFocused && queryText && this.styles.modal.display !== 'none' && !this.state.isOpened) {
|
|
83
|
-
this.showPopover && this.showPopover();
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
renderDropdownContent(props, filteredData) {
|
|
87
|
-
const items = filteredData.map((item, index) => {
|
|
88
|
-
if (props.limit && index + 1 > props.limit) return null;
|
|
89
|
-
return this.renderSearchItem(item, index);
|
|
90
|
-
});
|
|
91
|
-
if (filteredData.length === 0) {
|
|
92
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
93
|
-
style: {
|
|
94
|
-
width: '100%'
|
|
95
|
-
}
|
|
96
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
97
|
-
style: this.styles.dropDownContent
|
|
98
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
99
|
-
style: this.styles.searchItem
|
|
100
|
-
}, /*#__PURE__*/React.createElement(Text, null, props.noresultsfoundmsg))));
|
|
101
|
-
}
|
|
102
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
103
|
-
style: {
|
|
104
|
-
width: '100%'
|
|
105
|
-
}
|
|
106
|
-
}, /*#__PURE__*/React.createElement(AssetProvider, {
|
|
107
|
-
value: this.loadAsset
|
|
108
|
-
}, props.scrollablesearchresults ? /*#__PURE__*/React.createElement(ScrollView, {
|
|
109
|
-
contentContainerStyle: this.styles.dropDownContent,
|
|
110
|
-
showsVerticalScrollIndicator: false
|
|
111
|
-
}, items) : /*#__PURE__*/React.createElement(View, {
|
|
112
|
-
style: this.styles.dropDownContent
|
|
113
|
-
}, items)));
|
|
114
|
-
}
|
|
115
|
-
renderWidget(props) {
|
|
116
|
-
var _this$styles$placehol;
|
|
117
|
-
const isOpened = this.state.isOpened;
|
|
118
|
-
const filteredData = this.state.data || [];
|
|
119
|
-
const isDropdownVisible = isOpened;
|
|
120
|
-
const hasLeadingIcon = isIconClass(props.leadingiconclass);
|
|
121
|
-
const hasBackSearchIcon = isIconClass(props.backsearchiconclass);
|
|
122
|
-
const hasSearchIcon = isIconClass(props.searchiconclass);
|
|
123
|
-
const hasClearSearchIcon = isIconClass(props.clearsearchiconclass);
|
|
124
|
-
const query = this.state.props.query || '';
|
|
125
|
-
const isSearchOnIconClick = props.searchon === 'onsearchiconclick';
|
|
126
|
-
const showBackIcon = (isDropdownVisible || this.isFocused) && hasBackSearchIcon;
|
|
127
|
-
const showLeadingIcon = hasLeadingIcon && !showBackIcon;
|
|
128
|
-
const showClearIcon = hasClearSearchIcon && props.showclear && !!query && (isSearchOnIconClick ? isDropdownVisible : true);
|
|
129
|
-
const showSearchIcon = !showClearIcon && !isDropdownVisible && hasSearchIcon && props.showSearchIcon !== false;
|
|
130
|
-
const showTrailingIcon = showSearchIcon || showClearIcon;
|
|
131
|
-
let inputOpts = {};
|
|
132
|
-
const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
|
|
133
|
-
inputOpts[valueExpr] = query;
|
|
134
|
-
const textFocusStyle = [this.styles.focusedText, isDropdownVisible ? {
|
|
135
|
-
borderBottomLeftRadius: 0,
|
|
136
|
-
borderBottomRightRadius: 0
|
|
137
|
-
} : null];
|
|
138
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
139
|
-
onLayout: event => this.handleLayout(event),
|
|
140
|
-
style: this.theme.mergeStyle(this.styles.rootWrapper, isDropdownVisible ? this.styles.rootWrapperDropdownOpen : null)
|
|
141
|
-
}, this._background, /*#__PURE__*/React.createElement(OutsidePressHandler, {
|
|
142
|
-
onOutsidePress: () => this.hide()
|
|
143
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
144
|
-
style: this.styles.searchWrapper
|
|
145
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
146
|
-
style: this.styles.root,
|
|
147
|
-
ref: ref => {
|
|
148
|
-
this.view = ref;
|
|
149
|
-
},
|
|
150
|
-
onLayout: e => {
|
|
151
|
-
const {
|
|
152
|
-
width,
|
|
153
|
-
height
|
|
154
|
-
} = e.nativeEvent.layout;
|
|
155
|
-
this.searchInputWidth = width;
|
|
156
|
-
this.searchInputHeight = height;
|
|
157
|
-
}
|
|
158
|
-
}, /*#__PURE__*/React.createElement(TextInput, _extends({}, this.getTestPropsForInput(), getAccessibilityProps(AccessibilityWidgetType.SEARCH, props), {
|
|
159
|
-
ref: ref => {
|
|
160
|
-
this.widgetRef = ref;
|
|
161
|
-
// @ts-ignore
|
|
162
|
-
if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {
|
|
163
|
-
// @ts-ignore
|
|
164
|
-
ref.selectionStart = ref.selectionEnd = this.cursor;
|
|
165
|
-
}
|
|
166
|
-
},
|
|
167
|
-
style: [this.styles.text, this.state.isValid ? {} : this.styles.invalid, isDropdownVisible ? textFocusStyle : null, this.styles.input, Platform.OS === 'web' ? this.styles.inputWeb : null, showLeadingIcon || showBackIcon ? this.styles.inputWithLeadingIcon : null, showTrailingIcon ? this.styles.inputWithTrailingIcon : null],
|
|
168
|
-
placeholder: props.placeholder || 'Search',
|
|
169
|
-
placeholderTextColor: (_this$styles$placehol = this.styles.placeholderText) === null || _this$styles$placehol === void 0 ? void 0 : _this$styles$placehol.color,
|
|
170
|
-
autoFocus: props.autofocus,
|
|
171
|
-
editable: !(props.disabled || props.readonly),
|
|
172
|
-
autoComplete: "off",
|
|
173
|
-
autoCorrect: false,
|
|
174
|
-
autoCapitalize: "none",
|
|
175
|
-
onChangeText: this.onChange.bind(this),
|
|
176
|
-
onChange: this.invokeChange.bind(this),
|
|
177
|
-
onFocus: this.onFocus.bind(this),
|
|
178
|
-
onBlur: this.onBlur.bind(this)
|
|
179
|
-
}, inputOpts)), (showLeadingIcon || showBackIcon) && /*#__PURE__*/React.createElement(View, {
|
|
180
|
-
style: [this.styles.iconWrapper, {
|
|
181
|
-
left: 4
|
|
182
|
-
}]
|
|
183
|
-
}, /*#__PURE__*/React.createElement(WmIcon, {
|
|
184
|
-
styles: this.styles.leadingIcon,
|
|
185
|
-
id: this.getTestId(showBackIcon ? 'backicon' : 'leadingicon'),
|
|
186
|
-
iconclass: showBackIcon ? props.backsearchiconclass : props.leadingiconclass,
|
|
187
|
-
iconsize: 24,
|
|
188
|
-
onTap: showBackIcon ? this.handleBackIconPress.bind(this) : this.handleLeadingIconPress.bind(this),
|
|
189
|
-
disabled: !showBackIcon && (props.disabled || props.readonly)
|
|
190
|
-
})), showTrailingIcon && /*#__PURE__*/React.createElement(View, {
|
|
191
|
-
style: [this.styles.iconWrapper, {
|
|
192
|
-
right: 4
|
|
193
|
-
}]
|
|
194
|
-
}, /*#__PURE__*/React.createElement(WmIcon, {
|
|
195
|
-
styles: this.styles.trailingIcon,
|
|
196
|
-
id: this.getTestId(showClearIcon ? 'clear' : 'search'),
|
|
197
|
-
iconclass: showClearIcon ? props.clearsearchiconclass : props.searchiconclass,
|
|
198
|
-
iconsize: 24,
|
|
199
|
-
onTap: showClearIcon ? this.clearSearch.bind(this) : this.searchIconPress.bind(this),
|
|
200
|
-
disabled: !showClearIcon && (props.disabled || props.readonly)
|
|
201
|
-
}))), isDropdownVisible ? /*#__PURE__*/React.createElement(View, {
|
|
202
|
-
style: this.theme.mergeStyle(this.styles.modalContent, this.styles.dropdownContainer, this.searchInputWidth ? {
|
|
203
|
-
width: this.searchInputWidth
|
|
204
|
-
} : null, this.searchInputHeight ? {
|
|
205
|
-
top: this.searchInputHeight
|
|
206
|
-
} : null)
|
|
207
|
-
}, this.renderDropdownContent(props, filteredData)) : null)));
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
//# sourceMappingURL=search.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","Platform","Text","TextInput","View","ScrollView","get","isNull","WmSearchProps","DEFAULT_CLASS","CoreWmSearch","WmSearchState","CoreWmSearchState","AccessibilityWidgetType","getAccessibilityProps","WmIcon","AssetProvider","createSkeleton","OutsidePressHandler","isIconClass","val","length","WmSearch","constructor","props","defaultClass","defaultProps","defaultState","_defineProperty","updateState","isOpened","state","handleLeadingIconPress","invokeEventCallback","proxy","handleBackIconPress","query","dataItems","map","item","selected","hide","searchIconPress","searchon","updateFilteredData","styles","modal","display","showPopover","isFocused","onItemSelect","data","_this$props$invokeEve","_this$props","invokeEvent","call","renderSkeleton","_this$styles$root","_this$styles$root2","theme","skeleton","root","width","skeletonwidth","height","skeletonheight","queryText","renderDropdownContent","filteredData","items","index","limit","renderSearchItem","createElement","style","dropDownContent","searchItem","noresultsfoundmsg","value","loadAsset","scrollablesearchresults","contentContainerStyle","showsVerticalScrollIndicator","renderWidget","_this$styles$placehol","isDropdownVisible","hasLeadingIcon","leadingiconclass","hasBackSearchIcon","backsearchiconclass","hasSearchIcon","searchiconclass","hasClearSearchIcon","clearsearchiconclass","isSearchOnIconClick","showBackIcon","showLeadingIcon","showClearIcon","showclear","showSearchIcon","showTrailingIcon","inputOpts","valueExpr","OS","textFocusStyle","focusedText","borderBottomLeftRadius","borderBottomRightRadius","onLayout","event","handleLayout","mergeStyle","rootWrapper","rootWrapperDropdownOpen","_background","onOutsidePress","searchWrapper","ref","view","e","nativeEvent","layout","searchInputWidth","searchInputHeight","_extends","getTestPropsForInput","SEARCH","widgetRef","selectionStart","selectionEnd","cursor","text","isValid","invalid","input","inputWeb","inputWithLeadingIcon","inputWithTrailingIcon","placeholder","placeholderTextColor","placeholderText","color","autoFocus","autofocus","editable","disabled","readonly","autoComplete","autoCorrect","autoCapitalize","onChangeText","onChange","bind","invokeChange","onFocus","onBlur","iconWrapper","left","leadingIcon","id","getTestId","iconclass","iconsize","onTap","right","trailingIcon","clearSearch","modalContent","dropdownContainer","top"],"sources":["search.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform, Text, TextInput, View } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { get, isNull } from 'lodash';\n\nimport WmSearchProps from './search.props';\nimport { DEFAULT_CLASS } from './search.styles';\nimport CoreWmSearch, { WmSearchState as CoreWmSearchState } from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport { AssetProvider } from '@wavemaker-ai/app-rn-runtime/core/asset.provider';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport OutsidePressHandler from '@wavemaker-ai/app-rn-runtime/core/outside-press-handler';\nexport class WmSearchState extends CoreWmSearchState {\n}\n\nfunction isIconClass(val: any): boolean {\n return typeof val === 'string' && val.length > 0 && val !== 'false' && val !== 'null' && val !== 'undefined';\n}\n\nexport default class WmSearch extends (CoreWmSearch as any) {\n\n private searchInputHeight = 0;\n\n constructor(\n props: WmSearchProps,\n defaultClass: string = DEFAULT_CLASS,\n defaultProps: WmSearchProps = new WmSearchProps(),\n defaultState: WmSearchState = new WmSearchState(),\n ) {\n super(props, defaultClass, defaultProps, defaultState);\n }\n\n private handleLeadingIconPress() {\n this.invokeEventCallback('onLeadingiconclick', [this.proxy]);\n }\n\n private handleBackIconPress() {\n this.updateState({\n props: { query: '' },\n dataItems: this.state.dataItems\n ? this.state.dataItems.map((item: any) => { item.selected = false; return item; })\n : [],\n } as WmSearchState);\n this.hide();\n }\n\n searchIconPress() {\n const query = this.state.props.query || '';\n\n if (this.state.props.searchon === 'onsearchiconclick') {\n this.updateFilteredData(query);\n if (query && this.styles.modal.display !== 'none') {\n this.showPopover && this.showPopover();\n }\n } else {\n this.isFocused = false;\n this.onItemSelect(this.state.data[0]);\n }\n\n if (get(this.props, 'formfield')) {\n this.props.invokeEvent?.('onSubmit', [null, this]);\n } else {\n this.invokeEventCallback('onSubmit', [null, this]);\n }\n this.isFocused = false;\n }\n\n public renderSkeleton(props: WmSearchProps): React.ReactNode {\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...this.styles.root,\n width: (props.skeletonwidth || this.styles.root?.width) as DimensionValue,\n height: (props.skeletonheight || this.styles.root?.height) as DimensionValue,\n });\n }\n\n updateFilteredData(queryText: string = '') {\n super.updateFilteredData(queryText);\n\n if (this.isFocused && queryText && this.styles.modal.display !== 'none' && !this.state.isOpened) {\n this.showPopover && this.showPopover();\n }\n }\n\n public showPopover = () => {\n this.updateState({ isOpened: true } as WmSearchState);\n };\n\n public hide = () => {\n if (this.state.isOpened) {\n this.updateState({ isOpened: false } as WmSearchState);\n }\n };\n\n renderDropdownContent(props: WmSearchProps, filteredData: any[]) {\n const items = filteredData.map((item: any, index: number) => {\n if (props.limit && index + 1 > props.limit) return null;\n return this.renderSearchItem(item, index);\n });\n if (filteredData.length === 0) {\n return (\n <View style={{ width: '100%' }}>\n <View style={this.styles.dropDownContent}>\n <View style={this.styles.searchItem}>\n <Text>\n {props.noresultsfoundmsg}\n </Text>\n </View>\n </View>\n </View>\n );\n }\n return (\n <View style={{ width: '100%' }}>\n <AssetProvider value={this.loadAsset}>\n {props.scrollablesearchresults ? (\n <ScrollView\n contentContainerStyle={this.styles.dropDownContent}\n showsVerticalScrollIndicator={false}\n >\n {items}\n </ScrollView>\n ) : (\n <View style={this.styles.dropDownContent}>\n {items}\n </View>\n )}\n </AssetProvider>\n </View>\n );\n }\n\n renderWidget(props: WmSearchProps) {\n const isOpened = this.state.isOpened;\n const filteredData = this.state.data || [];\n const isDropdownVisible = isOpened;\n\n const hasLeadingIcon = isIconClass(props.leadingiconclass);\n const hasBackSearchIcon = isIconClass(props.backsearchiconclass);\n const hasSearchIcon = isIconClass(props.searchiconclass);\n const hasClearSearchIcon = isIconClass(props.clearsearchiconclass);\n const query = this.state.props.query || '';\n const isSearchOnIconClick = props.searchon === 'onsearchiconclick';\n\n \n const showBackIcon = (isDropdownVisible || this.isFocused) && hasBackSearchIcon;\n const showLeadingIcon = hasLeadingIcon && !showBackIcon;\n\n const showClearIcon = hasClearSearchIcon && props.showclear && !!query &&\n (isSearchOnIconClick ? isDropdownVisible : true);\n const showSearchIcon = !showClearIcon && !isDropdownVisible && hasSearchIcon && props.showSearchIcon !== false;\n const showTrailingIcon = showSearchIcon || showClearIcon;\n\n let inputOpts: any = {};\n const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n inputOpts[valueExpr] = query;\n\n const textFocusStyle = [\n this.styles.focusedText,\n isDropdownVisible\n ? { borderBottomLeftRadius: 0, borderBottomRightRadius: 0 }\n : null,\n ];\n\n return (\n <View\n onLayout={(event: any) => this.handleLayout(event)}\n style={this.theme.mergeStyle(\n this.styles.rootWrapper,\n isDropdownVisible ? this.styles.rootWrapperDropdownOpen : null\n )}\n >\n {this._background}\n <OutsidePressHandler\n onOutsidePress={() => this.hide()}\n >\n <View style={this.styles.searchWrapper}>\n <View\n style={this.styles.root}\n ref={(ref: any) => { this.view = ref; }}\n onLayout={(e: any) => {\n const { width, height } = e.nativeEvent.layout;\n this.searchInputWidth = width;\n this.searchInputHeight = height;\n }}\n >\n <TextInput\n {...this.getTestPropsForInput()}\n {...getAccessibilityProps(AccessibilityWidgetType.SEARCH, props)}\n ref={(ref: any) => {\n 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 }}\n style={[\n this.styles.text,\n this.state.isValid ? {} : this.styles.invalid,\n isDropdownVisible ? textFocusStyle : null,\n this.styles.input,\n Platform.OS === 'web' ? this.styles.inputWeb : null,\n (showLeadingIcon || showBackIcon) ? this.styles.inputWithLeadingIcon : null,\n showTrailingIcon ? this.styles.inputWithTrailingIcon : null,\n ]}\n placeholder={props.placeholder || 'Search'}\n placeholderTextColor={this.styles.placeholderText?.color as any}\n autoFocus={props.autofocus}\n editable={!(props.disabled || props.readonly)}\n autoComplete=\"off\"\n autoCorrect={false}\n autoCapitalize=\"none\"\n onChangeText={this.onChange.bind(this)}\n onChange={this.invokeChange.bind(this)}\n onFocus={this.onFocus.bind(this)}\n onBlur={this.onBlur.bind(this)}\n {...inputOpts}\n />\n {(showLeadingIcon || showBackIcon) && (\n <View style={[\n this.styles.iconWrapper, \n { left: 4 }]}>\n <WmIcon\n styles={this.styles.leadingIcon}\n id={this.getTestId(showBackIcon ? 'backicon' : 'leadingicon')}\n iconclass={showBackIcon\n ? props.backsearchiconclass\n : props.leadingiconclass\n }\n iconsize={24}\n onTap={showBackIcon\n ? this.handleBackIconPress.bind(this)\n : this.handleLeadingIconPress.bind(this)\n }\n disabled={!showBackIcon && (props.disabled || props.readonly)}\n />\n </View>\n )}\n {showTrailingIcon && (\n <View style={[this.styles.iconWrapper,\n { right: 4 }]}>\n <WmIcon\n styles={this.styles.trailingIcon}\n id={this.getTestId(showClearIcon ? 'clear' : 'search')}\n iconclass={showClearIcon\n ? props.clearsearchiconclass\n : props.searchiconclass\n }\n iconsize={24}\n onTap={showClearIcon\n ? this.clearSearch.bind(this)\n : this.searchIconPress.bind(this)\n }\n disabled={!showClearIcon && (props.disabled || props.readonly)}\n />\n </View>\n )}\n </View>\n\n {isDropdownVisible ? (\n <View\n style={this.theme.mergeStyle(\n this.styles.modalContent,\n this.styles.dropdownContainer,\n this.searchInputWidth ? { width: this.searchInputWidth } : null,\n this.searchInputHeight ? { top: this.searchInputHeight } : null,\n )}\n >\n {this.renderDropdownContent(props, filteredData)}\n </View>\n ) : null}\n </View>\n </OutsidePressHandler>\n </View>\n );\n }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,QAAQ,EAAEC,IAAI,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9E,SAASC,UAAU,QAAQ,8BAA8B;AACzD,SAASC,GAAG,EAAEC,MAAM,QAAQ,QAAQ;AAEpC,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,OAAOC,YAAY,IAAIC,aAAa,IAAIC,iBAAiB,QAAQ,uEAAuE;AACxI,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,iDAAiD;AAChH,OAAOC,MAAM,MAAM,mEAAmE;AAEtF,SAASC,aAAa,QAAQ,kDAAkD;AAChF,SAASC,cAAc,QAAQ,2EAA2E;AAC1G,OAAOC,mBAAmB,MAAM,yDAAyD;AACzF,OAAO,MAAMP,aAAa,SAASC,iBAAiB,CAAC;AAGrD,SAASO,WAAWA,CAACC,GAAQ,EAAW;EACtC,OAAO,OAAOA,GAAG,KAAK,QAAQ,IAAIA,GAAG,CAACC,MAAM,GAAG,CAAC,IAAID,GAAG,KAAK,OAAO,IAAIA,GAAG,KAAK,MAAM,IAAIA,GAAG,KAAK,WAAW;AAC9G;AAEA,eAAe,MAAME,QAAQ,SAAUZ,YAAY,CAAS;EAI1Da,WAAWA,CACTC,KAAoB,EACpBC,YAAoB,GAAGhB,aAAa,EACpCiB,YAA2B,GAAG,IAAIlB,aAAa,CAAC,CAAC,EACjDmB,YAA2B,GAAG,IAAIhB,aAAa,CAAC,CAAC,EACjD;IACA,KAAK,CAACa,KAAK,EAAEC,YAAY,EAAEC,YAAY,EAAEC,YAAY,CAAC;IAACC,eAAA,4BAR7B,CAAC;IAAAA,eAAA,sBA8DR,MAAM;MACzB,IAAI,CAACC,WAAW,CAAC;QAAEC,QAAQ,EAAE;MAAK,CAAkB,CAAC;IACvD,CAAC;IAAAF,eAAA,eAEa,MAAM;MAClB,IAAI,IAAI,CAACG,KAAK,CAACD,QAAQ,EAAE;QACvB,IAAI,CAACD,WAAW,CAAC;UAAEC,QAAQ,EAAE;QAAM,CAAkB,CAAC;MACxD;IACF,CAAC;EA7DD;EAEQE,sBAAsBA,CAAA,EAAG;IAC/B,IAAI,CAACC,mBAAmB,CAAC,oBAAoB,EAAE,CAAC,IAAI,CAACC,KAAK,CAAC,CAAC;EAC9D;EAEQC,mBAAmBA,CAAA,EAAG;IAC5B,IAAI,CAACN,WAAW,CAAC;MACfL,KAAK,EAAE;QAAEY,KAAK,EAAE;MAAG,CAAC;MACpBC,SAAS,EAAE,IAAI,CAACN,KAAK,CAACM,SAAS,GAC3B,IAAI,CAACN,KAAK,CAACM,SAAS,CAACC,GAAG,CAAEC,IAAS,IAAK;QAAEA,IAAI,CAACC,QAAQ,GAAG,KAAK;QAAE,OAAOD,IAAI;MAAE,CAAC,CAAC,GAChF;IACN,CAAkB,CAAC;IACnB,IAAI,CAACE,IAAI,CAAC,CAAC;EACb;EAEAC,eAAeA,CAAA,EAAG;IAChB,MAAMN,KAAK,GAAG,IAAI,CAACL,KAAK,CAACP,KAAK,CAACY,KAAK,IAAI,EAAE;IAE1C,IAAI,IAAI,CAACL,KAAK,CAACP,KAAK,CAACmB,QAAQ,KAAK,mBAAmB,EAAE;MACrD,IAAI,CAACC,kBAAkB,CAACR,KAAK,CAAC;MAC9B,IAAIA,KAAK,IAAI,IAAI,CAACS,MAAM,CAACC,KAAK,CAACC,OAAO,KAAK,MAAM,EAAE;QACjD,IAAI,CAACC,WAAW,IAAI,IAAI,CAACA,WAAW,CAAC,CAAC;MACxC;IACF,CAAC,MAAM;MACL,IAAI,CAACC,SAAS,GAAG,KAAK;MACtB,IAAI,CAACC,YAAY,CAAC,IAAI,CAACnB,KAAK,CAACoB,IAAI,CAAC,CAAC,CAAC,CAAC;IACvC;IAEA,IAAI7C,GAAG,CAAC,IAAI,CAACkB,KAAK,EAAE,WAAW,CAAC,EAAE;MAAA,IAAA4B,qBAAA,EAAAC,WAAA;MAChC,CAAAD,qBAAA,IAAAC,WAAA,OAAI,CAAC7B,KAAK,EAAC8B,WAAW,cAAAF,qBAAA,eAAtBA,qBAAA,CAAAG,IAAA,CAAAF,WAAA,EAAyB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACpD,CAAC,MAAM;MACL,IAAI,CAACpB,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACpD;IACA,IAAI,CAACgB,SAAS,GAAG,KAAK;EACxB;EAEOO,cAAcA,CAAChC,KAAoB,EAAmB;IAAA,IAAAiC,iBAAA,EAAAC,kBAAA;IAC3D,OAAOzC,cAAc,CAAC,IAAI,CAAC0C,KAAK,EAAE,IAAI,CAACd,MAAM,CAACe,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACf,MAAM,CAACgB,IAAI;MACnBC,KAAK,EAAGtC,KAAK,CAACuC,aAAa,MAAAN,iBAAA,GAAI,IAAI,CAACZ,MAAM,CAACgB,IAAI,cAAAJ,iBAAA,uBAAhBA,iBAAA,CAAkBK,KAAK,CAAmB;MACzEE,MAAM,EAAGxC,KAAK,CAACyC,cAAc,MAAAP,kBAAA,GAAI,IAAI,CAACb,MAAM,CAACgB,IAAI,cAAAH,kBAAA,uBAAhBA,kBAAA,CAAkBM,MAAM;IAC3D,CAAC,CAAC;EACJ;EAEApB,kBAAkBA,CAACsB,SAAiB,GAAG,EAAE,EAAE;IACzC,KAAK,CAACtB,kBAAkB,CAACsB,SAAS,CAAC;IAEnC,IAAI,IAAI,CAACjB,SAAS,IAAIiB,SAAS,IAAI,IAAI,CAACrB,MAAM,CAACC,KAAK,CAACC,OAAO,KAAK,MAAM,IAAI,CAAC,IAAI,CAAChB,KAAK,CAACD,QAAQ,EAAE;MAC/F,IAAI,CAACkB,WAAW,IAAI,IAAI,CAACA,WAAW,CAAC,CAAC;IACxC;EACF;EAYAmB,qBAAqBA,CAAC3C,KAAoB,EAAE4C,YAAmB,EAAE;IAC/D,MAAMC,KAAK,GAAGD,YAAY,CAAC9B,GAAG,CAAC,CAACC,IAAS,EAAE+B,KAAa,KAAK;MAC3D,IAAI9C,KAAK,CAAC+C,KAAK,IAAID,KAAK,GAAG,CAAC,GAAG9C,KAAK,CAAC+C,KAAK,EAAE,OAAO,IAAI;MACvD,OAAO,IAAI,CAACC,gBAAgB,CAACjC,IAAI,EAAE+B,KAAK,CAAC;IAC3C,CAAC,CAAC;IACF,IAAIF,YAAY,CAAC/C,MAAM,KAAK,CAAC,EAAE;MAC7B,oBACErB,KAAA,CAAAyE,aAAA,CAACrE,IAAI;QAACsE,KAAK,EAAE;UAAEZ,KAAK,EAAE;QAAO;MAAE,gBAC7B9D,KAAA,CAAAyE,aAAA,CAACrE,IAAI;QAACsE,KAAK,EAAE,IAAI,CAAC7B,MAAM,CAAC8B;MAAgB,gBACvC3E,KAAA,CAAAyE,aAAA,CAACrE,IAAI;QAACsE,KAAK,EAAE,IAAI,CAAC7B,MAAM,CAAC+B;MAAW,gBAClC5E,KAAA,CAAAyE,aAAA,CAACvE,IAAI,QACFsB,KAAK,CAACqD,iBACH,CACF,CACF,CACF,CAAC;IAEX;IACA,oBACE7E,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MAACsE,KAAK,EAAE;QAAEZ,KAAK,EAAE;MAAO;IAAE,gBAC7B9D,KAAA,CAAAyE,aAAA,CAACzD,aAAa;MAAC8D,KAAK,EAAE,IAAI,CAACC;IAAU,GAClCvD,KAAK,CAACwD,uBAAuB,gBAC5BhF,KAAA,CAAAyE,aAAA,CAACpE,UAAU;MACT4E,qBAAqB,EAAE,IAAI,CAACpC,MAAM,CAAC8B,eAAgB;MACnDO,4BAA4B,EAAE;IAAM,GAEnCb,KACS,CAAC,gBAEbrE,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MAACsE,KAAK,EAAE,IAAI,CAAC7B,MAAM,CAAC8B;IAAgB,GACtCN,KACG,CAEK,CACX,CAAC;EAEX;EAEAc,YAAYA,CAAC3D,KAAoB,EAAE;IAAA,IAAA4D,qBAAA;IACjC,MAAMtD,QAAQ,GAAG,IAAI,CAACC,KAAK,CAACD,QAAQ;IACpC,MAAMsC,YAAY,GAAG,IAAI,CAACrC,KAAK,CAACoB,IAAI,IAAI,EAAE;IAC1C,MAAMkC,iBAAiB,GAAGvD,QAAQ;IAElC,MAAMwD,cAAc,GAAGnE,WAAW,CAACK,KAAK,CAAC+D,gBAAgB,CAAC;IAC1D,MAAMC,iBAAiB,GAAGrE,WAAW,CAACK,KAAK,CAACiE,mBAAmB,CAAC;IAChE,MAAMC,aAAa,GAAGvE,WAAW,CAACK,KAAK,CAACmE,eAAe,CAAC;IACxD,MAAMC,kBAAkB,GAAGzE,WAAW,CAACK,KAAK,CAACqE,oBAAoB,CAAC;IAClE,MAAMzD,KAAK,GAAG,IAAI,CAACL,KAAK,CAACP,KAAK,CAACY,KAAK,IAAI,EAAE;IAC1C,MAAM0D,mBAAmB,GAAGtE,KAAK,CAACmB,QAAQ,KAAK,mBAAmB;IAGlE,MAAMoD,YAAY,GAAG,CAACV,iBAAiB,IAAI,IAAI,CAACpC,SAAS,KAAKuC,iBAAiB;IAC/E,MAAMQ,eAAe,GAAGV,cAAc,IAAI,CAACS,YAAY;IAEvD,MAAME,aAAa,GAAGL,kBAAkB,IAAIpE,KAAK,CAAC0E,SAAS,IAAI,CAAC,CAAC9D,KAAK,KACnE0D,mBAAmB,GAAGT,iBAAiB,GAAG,IAAI,CAAC;IAClD,MAAMc,cAAc,GAAG,CAACF,aAAa,IAAI,CAACZ,iBAAiB,IAAIK,aAAa,IAAIlE,KAAK,CAAC2E,cAAc,KAAK,KAAK;IAC9G,MAAMC,gBAAgB,GAAGD,cAAc,IAAIF,aAAa;IAExD,IAAII,SAAc,GAAG,CAAC,CAAC;IACvB,MAAMC,SAAS,GAAGrG,QAAQ,CAACsG,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,cAAc;IAClEF,SAAS,CAACC,SAAS,CAAC,GAAGlE,KAAK;IAE5B,MAAMoE,cAAc,GAAG,CACrB,IAAI,CAAC3D,MAAM,CAAC4D,WAAW,EACvBpB,iBAAiB,GACb;MAAEqB,sBAAsB,EAAE,CAAC;MAAEC,uBAAuB,EAAE;IAAE,CAAC,GACzD,IAAI,CACT;IAED,oBACE3G,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MACHwG,QAAQ,EAAGC,KAAU,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK,CAAE;MACnDnC,KAAK,EAAE,IAAI,CAACf,KAAK,CAACoD,UAAU,CAC1B,IAAI,CAAClE,MAAM,CAACmE,WAAW,EACvB3B,iBAAiB,GAAG,IAAI,CAACxC,MAAM,CAACoE,uBAAuB,GAAG,IAC5D;IAAE,GAED,IAAI,CAACC,WAAW,eACjBlH,KAAA,CAAAyE,aAAA,CAACvD,mBAAmB;MAClBiG,cAAc,EAAEA,CAAA,KAAM,IAAI,CAAC1E,IAAI,CAAC;IAAE,gBAEpCzC,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MAACsE,KAAK,EAAE,IAAI,CAAC7B,MAAM,CAACuE;IAAc,gBACvCpH,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MACHsE,KAAK,EAAE,IAAI,CAAC7B,MAAM,CAACgB,IAAK;MACxBwD,GAAG,EAAGA,GAAQ,IAAK;QAAE,IAAI,CAACC,IAAI,GAAGD,GAAG;MAAE,CAAE;MACxCT,QAAQ,EAAGW,CAAM,IAAK;QACpB,MAAM;UAAEzD,KAAK;UAAEE;QAAO,CAAC,GAAGuD,CAAC,CAACC,WAAW,CAACC,MAAM;QAC9C,IAAI,CAACC,gBAAgB,GAAG5D,KAAK;QAC7B,IAAI,CAAC6D,iBAAiB,GAAG3D,MAAM;MACjC;IAAE,gBAEFhE,KAAA,CAAAyE,aAAA,CAACtE,SAAS,EAAAyH,QAAA,KACJ,IAAI,CAACC,oBAAoB,CAAC,CAAC,EAC3B/G,qBAAqB,CAACD,uBAAuB,CAACiH,MAAM,EAAEtG,KAAK,CAAC;MAChE6F,GAAG,EAAGA,GAAQ,IAAK;QACjB,IAAI,CAACU,SAAS,GAAGV,GAAG;QACpB;QACA,IAAIA,GAAG,IAAI,CAAC9G,MAAM,CAAC8G,GAAG,CAACW,cAAc,CAAC,IAAI,CAACzH,MAAM,CAAC8G,GAAG,CAACY,YAAY,CAAC,EAAE;UACnE;UACAZ,GAAG,CAACW,cAAc,GAAGX,GAAG,CAACY,YAAY,GAAG,IAAI,CAACC,MAAM;QACrD;MACF,CAAE;MACFxD,KAAK,EAAE,CACL,IAAI,CAAC7B,MAAM,CAACsF,IAAI,EAChB,IAAI,CAACpG,KAAK,CAACqG,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,CAACvF,MAAM,CAACwF,OAAO,EAC7ChD,iBAAiB,GAAGmB,cAAc,GAAG,IAAI,EACzC,IAAI,CAAC3D,MAAM,CAACyF,KAAK,EACjBrI,QAAQ,CAACsG,EAAE,KAAK,KAAK,GAAG,IAAI,CAAC1D,MAAM,CAAC0F,QAAQ,GAAG,IAAI,EAClDvC,eAAe,IAAID,YAAY,GAAI,IAAI,CAAClD,MAAM,CAAC2F,oBAAoB,GAAG,IAAI,EAC3EpC,gBAAgB,GAAG,IAAI,CAACvD,MAAM,CAAC4F,qBAAqB,GAAG,IAAI,CAC3D;MACFC,WAAW,EAAElH,KAAK,CAACkH,WAAW,IAAI,QAAS;MAC3CC,oBAAoB,GAAAvD,qBAAA,GAAE,IAAI,CAACvC,MAAM,CAAC+F,eAAe,cAAAxD,qBAAA,uBAA3BA,qBAAA,CAA6ByD,KAAa;MAChEC,SAAS,EAAEtH,KAAK,CAACuH,SAAU;MAC3BC,QAAQ,EAAE,EAAExH,KAAK,CAACyH,QAAQ,IAAIzH,KAAK,CAAC0H,QAAQ,CAAE;MAC9CC,YAAY,EAAC,KAAK;MAClBC,WAAW,EAAE,KAAM;MACnBC,cAAc,EAAC,MAAM;MACrBC,YAAY,EAAE,IAAI,CAACC,QAAQ,CAACC,IAAI,CAAC,IAAI,CAAE;MACvCD,QAAQ,EAAE,IAAI,CAACE,YAAY,CAACD,IAAI,CAAC,IAAI,CAAE;MACvCE,OAAO,EAAE,IAAI,CAACA,OAAO,CAACF,IAAI,CAAC,IAAI,CAAE;MACjCG,MAAM,EAAE,IAAI,CAACA,MAAM,CAACH,IAAI,CAAC,IAAI;IAAE,GAC3BnD,SAAS,CACd,CAAC,EACH,CAACL,eAAe,IAAID,YAAY,kBACjC/F,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MAACsE,KAAK,EAAE,CACX,IAAI,CAAC7B,MAAM,CAAC+G,WAAW,EACvB;QAAEC,IAAI,EAAE;MAAE,CAAC;IAAE,gBACb7J,KAAA,CAAAyE,aAAA,CAAC1D,MAAM;MACL8B,MAAM,EAAE,IAAI,CAACA,MAAM,CAACiH,WAAY;MAChCC,EAAE,EAAE,IAAI,CAACC,SAAS,CAACjE,YAAY,GAAG,UAAU,GAAG,aAAa,CAAE;MAC9DkE,SAAS,EAAElE,YAAY,GACnBvE,KAAK,CAACiE,mBAAmB,GACzBjE,KAAK,CAAC+D,gBACT;MACD2E,QAAQ,EAAE,EAAG;MACbC,KAAK,EAAEpE,YAAY,GACf,IAAI,CAAC5D,mBAAmB,CAACqH,IAAI,CAAC,IAAI,CAAC,GACnC,IAAI,CAACxH,sBAAsB,CAACwH,IAAI,CAAC,IAAI,CACxC;MACDP,QAAQ,EAAE,CAAClD,YAAY,KAAKvE,KAAK,CAACyH,QAAQ,IAAIzH,KAAK,CAAC0H,QAAQ;IAAE,CAC/D,CACG,CACP,EACC9C,gBAAgB,iBAChBpG,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MAACsE,KAAK,EAAE,CAAC,IAAI,CAAC7B,MAAM,CAAC+G,WAAW,EACpC;QAAEQ,KAAK,EAAE;MAAE,CAAC;IAAE,gBACbpK,KAAA,CAAAyE,aAAA,CAAC1D,MAAM;MACL8B,MAAM,EAAE,IAAI,CAACA,MAAM,CAACwH,YAAa;MACjCN,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC/D,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAE;MACvDgE,SAAS,EAAEhE,aAAa,GACpBzE,KAAK,CAACqE,oBAAoB,GAC1BrE,KAAK,CAACmE,eACT;MACDuE,QAAQ,EAAE,EAAG;MACbC,KAAK,EAAElE,aAAa,GAChB,IAAI,CAACqE,WAAW,CAACd,IAAI,CAAC,IAAI,CAAC,GAC3B,IAAI,CAAC9G,eAAe,CAAC8G,IAAI,CAAC,IAAI,CACjC;MACDP,QAAQ,EAAE,CAAChD,aAAa,KAAKzE,KAAK,CAACyH,QAAQ,IAAIzH,KAAK,CAAC0H,QAAQ;IAAE,CAChE,CACG,CAEA,CAAC,EAEN7D,iBAAiB,gBAChBrF,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MACHsE,KAAK,EAAE,IAAI,CAACf,KAAK,CAACoD,UAAU,CAC1B,IAAI,CAAClE,MAAM,CAAC0H,YAAY,EACxB,IAAI,CAAC1H,MAAM,CAAC2H,iBAAiB,EAC7B,IAAI,CAAC9C,gBAAgB,GAAG;QAAE5D,KAAK,EAAE,IAAI,CAAC4D;MAAiB,CAAC,GAAG,IAAI,EAC/D,IAAI,CAACC,iBAAiB,GAAG;QAAE8C,GAAG,EAAE,IAAI,CAAC9C;MAAkB,CAAC,GAAG,IAC7D;IAAE,GAED,IAAI,CAACxD,qBAAqB,CAAC3C,KAAK,EAAE4C,YAAY,CAC3C,CAAC,GACL,IACE,CACe,CACjB,CAAC;EAEX;AACF","ignoreList":[]}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
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; }
|
|
2
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
3
|
-
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); }
|
|
4
|
-
import WmSearchPropsBase from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.props';
|
|
5
|
-
export default class WmSearchProps extends WmSearchPropsBase {
|
|
6
|
-
constructor(...args) {
|
|
7
|
-
super(...args);
|
|
8
|
-
_defineProperty(this, "leadingiconclass", void 0);
|
|
9
|
-
_defineProperty(this, "backsearchiconclass", void 0);
|
|
10
|
-
_defineProperty(this, "scrollablesearchresults", true);
|
|
11
|
-
_defineProperty(this, "noresultsfoundmsg", 'No results found');
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
//# sourceMappingURL=search.props.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["WmSearchPropsBase","WmSearchProps","constructor","args","_defineProperty"],"sources":["search.props.ts"],"sourcesContent":["import WmSearchPropsBase from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.props';\n\nexport default class WmSearchProps extends WmSearchPropsBase {\n leadingiconclass?: string;\n backsearchiconclass?: string;\n scrollablesearchresults?: boolean = true;\n noresultsfoundmsg?: string = 'No results found';\n}\n"],"mappings":";;;AAAA,OAAOA,iBAAiB,MAAM,mEAAmE;AAEjG,eAAe,MAAMC,aAAa,SAASD,iBAAiB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA,kCAGvB,IAAI;IAAAA,eAAA,4BACX,kBAAkB;EAAA;AACjD","ignoreList":[]}
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
import '@wavemaker-ai/app-rn-runtime/components/basic/search/search.styles';
|
|
2
|
-
import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
|
|
3
|
-
import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
|
|
4
|
-
export const DEFAULT_CLASS = 'app-search';
|
|
5
|
-
BASE_THEME.registerStyle((themeVariables, addStyle) => {
|
|
6
|
-
const prismSearchOverrides = defineStyles({
|
|
7
|
-
rootWrapper: {
|
|
8
|
-
position: 'relative'
|
|
9
|
-
},
|
|
10
|
-
rootWrapperDropdownOpen: {
|
|
11
|
-
zIndex: 10
|
|
12
|
-
},
|
|
13
|
-
searchWrapper: {
|
|
14
|
-
position: 'relative'
|
|
15
|
-
},
|
|
16
|
-
root: {
|
|
17
|
-
position: 'relative'
|
|
18
|
-
},
|
|
19
|
-
inputWeb: {
|
|
20
|
-
outline: 'none',
|
|
21
|
-
boxShadow: 'none'
|
|
22
|
-
},
|
|
23
|
-
leadingIcon: {
|
|
24
|
-
root: {
|
|
25
|
-
width: 48,
|
|
26
|
-
height: 48,
|
|
27
|
-
justifyContent: 'center',
|
|
28
|
-
alignItems: 'center',
|
|
29
|
-
backgroundColor: 'transparent',
|
|
30
|
-
color: themeVariables.defaultColor4
|
|
31
|
-
},
|
|
32
|
-
icon: {
|
|
33
|
-
fontSize: 24
|
|
34
|
-
},
|
|
35
|
-
text: {}
|
|
36
|
-
},
|
|
37
|
-
trailingIcon: {
|
|
38
|
-
root: {
|
|
39
|
-
width: 48,
|
|
40
|
-
height: 48,
|
|
41
|
-
justifyContent: 'center',
|
|
42
|
-
alignItems: 'center',
|
|
43
|
-
backgroundColor: 'transparent',
|
|
44
|
-
color: themeVariables.defaultColor4
|
|
45
|
-
},
|
|
46
|
-
icon: {
|
|
47
|
-
fontSize: 24
|
|
48
|
-
},
|
|
49
|
-
text: {}
|
|
50
|
-
},
|
|
51
|
-
inputWithLeadingIcon: {
|
|
52
|
-
paddingLeft: 52
|
|
53
|
-
},
|
|
54
|
-
inputWithTrailingIcon: {
|
|
55
|
-
paddingRight: 52
|
|
56
|
-
},
|
|
57
|
-
iconWrapper: {
|
|
58
|
-
position: 'absolute',
|
|
59
|
-
top: 0,
|
|
60
|
-
bottom: 0,
|
|
61
|
-
justifyContent: 'center',
|
|
62
|
-
pointerEvents: 'box-none'
|
|
63
|
-
},
|
|
64
|
-
dropdownContainer: {
|
|
65
|
-
position: 'absolute',
|
|
66
|
-
left: 0,
|
|
67
|
-
zIndex: 999,
|
|
68
|
-
elevation: 8,
|
|
69
|
-
width: '100%'
|
|
70
|
-
},
|
|
71
|
-
skeleton: {
|
|
72
|
-
root: {
|
|
73
|
-
borderRadius: 28
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
});
|
|
77
|
-
addStyle(DEFAULT_CLASS, '', prismSearchOverrides);
|
|
78
|
-
addStyle(DEFAULT_CLASS + '-disabled', '', {
|
|
79
|
-
root: {
|
|
80
|
-
opacity: 0.5
|
|
81
|
-
}
|
|
82
|
-
});
|
|
83
|
-
addStyle(DEFAULT_CLASS + '-rtl', '', {
|
|
84
|
-
root: {
|
|
85
|
-
flexDirection: 'row-reverse'
|
|
86
|
-
},
|
|
87
|
-
searchItem: {
|
|
88
|
-
flexDirection: 'row-reverse'
|
|
89
|
-
}
|
|
90
|
-
});
|
|
91
|
-
});
|
|
92
|
-
//# sourceMappingURL=search.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","prismSearchOverrides","rootWrapper","position","rootWrapperDropdownOpen","zIndex","searchWrapper","root","inputWeb","outline","boxShadow","leadingIcon","width","height","justifyContent","alignItems","backgroundColor","color","defaultColor4","icon","fontSize","text","trailingIcon","inputWithLeadingIcon","paddingLeft","inputWithTrailingIcon","paddingRight","iconWrapper","top","bottom","pointerEvents","dropdownContainer","left","elevation","skeleton","borderRadius","opacity","flexDirection","searchItem"],"sources":["search.styles.ts"],"sourcesContent":["import '@wavemaker-ai/app-rn-runtime/components/basic/search/search.styles';\n\nimport { DimensionValue, TextStyle } from 'react-native';\nimport BASE_THEME, {\n AllStyle,\n} from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmSearchStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.styles';\n\nexport type WmSearchPrismStyles = WmSearchStyles & {\n input: AllStyle;\n inputWeb: AllStyle;\n leadingIcon: WmIconStyles;\n trailingIcon: WmIconStyles;\n dropdownScrollView: AllStyle;\n iconWrapper: AllStyle; \n inputWithLeadingIcon: AllStyle; \n inputWithTrailingIcon: AllStyle;\n dropdownContainer: AllStyle;\n searchWrapper: AllStyle;\n rootWrapperDropdownOpen: AllStyle;\n searchItemImage: AllStyle;\n rootWrapper: AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-search';\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const prismSearchOverrides = defineStyles({\n rootWrapper: {\n position: 'relative',\n },\n rootWrapperDropdownOpen: {\n zIndex: 10\n },\n searchWrapper: {\n position: 'relative',\n },\n root: {\n position: 'relative'\n },\n inputWeb: {\n outline: 'none',\n boxShadow: 'none',\n },\n leadingIcon: {\n root: {\n width: 48,\n height: 48,\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: 'transparent',\n color: themeVariables.defaultColor4,\n },\n icon: { fontSize: 24 },\n text: {},\n } as WmIconStyles,\n trailingIcon: {\n root: {\n width: 48,\n height: 48,\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: 'transparent',\n color: themeVariables.defaultColor4,\n },\n icon: { fontSize: 24 },\n text: {},\n } as WmIconStyles,\n inputWithLeadingIcon: {\n paddingLeft: 52,\n },\n inputWithTrailingIcon: {\n paddingRight: 52,\n },\n iconWrapper: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n justifyContent: 'center',\n pointerEvents: 'box-none',\n },\n dropdownContainer: {\n position: 'absolute',\n left: 0,\n zIndex: 999,\n elevation: 8,\n width: '100%',\n },\n skeleton: {\n root: {\n borderRadius: 28,\n },\n } as any\n }) as any;\n\n addStyle(DEFAULT_CLASS, '', prismSearchOverrides);\n\n addStyle(DEFAULT_CLASS + '-disabled', '', {\n root: {\n opacity: 0.5,\n },\n });\n\n addStyle(DEFAULT_CLASS + '-rtl', '', {\n root: {\n flexDirection: 'row-reverse',\n },\n searchItem: {\n flexDirection: 'row-reverse',\n },\n });\n});\n"],"mappings":"AAAA,OAAO,oEAAoE;AAG3E,OAAOA,UAAU,MAEV,2CAA2C;AAClD,SAASC,YAAY,QAAQ,kDAAkD;AAoB/E,OAAO,MAAMC,aAAa,GAAG,YAAY;AAEzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,oBAAoB,GAAGL,YAAY,CAAC;IACxCM,WAAW,EAAE;MACXC,QAAQ,EAAE;IACZ,CAAC;IACDC,uBAAuB,EAAE;MACvBC,MAAM,EAAE;IACV,CAAC;IACDC,aAAa,EAAE;MACbH,QAAQ,EAAE;IACZ,CAAC;IACDI,IAAI,EAAE;MACJJ,QAAQ,EAAE;IACZ,CAAC;IACDK,QAAQ,EAAE;MACRC,OAAO,EAAE,MAAM;MACfC,SAAS,EAAE;IACb,CAAC;IACDC,WAAW,EAAE;MACXJ,IAAI,EAAE;QACJK,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE,QAAQ;QACpBC,eAAe,EAAE,aAAa;QAC9BC,KAAK,EAAElB,cAAc,CAACmB;MACxB,CAAC;MACDC,IAAI,EAAE;QAAEC,QAAQ,EAAE;MAAG,CAAC;MACtBC,IAAI,EAAE,CAAC;IACT,CAAiB;IACjBC,YAAY,EAAE;MACZf,IAAI,EAAE;QACJK,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE,QAAQ;QACpBC,eAAe,EAAE,aAAa;QAC9BC,KAAK,EAAElB,cAAc,CAACmB;MACxB,CAAC;MACDC,IAAI,EAAE;QAAEC,QAAQ,EAAE;MAAG,CAAC;MACtBC,IAAI,EAAE,CAAC;IACT,CAAiB;IACjBE,oBAAoB,EAAE;MACpBC,WAAW,EAAE;IACf,CAAC;IACDC,qBAAqB,EAAE;MACrBC,YAAY,EAAE;IAChB,CAAC;IACDC,WAAW,EAAE;MACXxB,QAAQ,EAAE,UAAU;MACpByB,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE,CAAC;MACTf,cAAc,EAAE,QAAQ;MACxBgB,aAAa,EAAE;IACjB,CAAC;IACDC,iBAAiB,EAAE;MACjB5B,QAAQ,EAAE,UAAU;MACpB6B,IAAI,EAAE,CAAC;MACP3B,MAAM,EAAE,GAAG;MACX4B,SAAS,EAAE,CAAC;MACZrB,KAAK,EAAE;IACT,CAAC;IACDsB,QAAQ,EAAE;MACR3B,IAAI,EAAE;QACJ4B,YAAY,EAAE;MAChB;IACF;EACF,CAAC,CAAQ;EAETnC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,oBAAoB,CAAC;EAEjDD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCU,IAAI,EAAE;MACJ6B,OAAO,EAAE;IACX;EACF,CAAC,CAAC;EAEFpC,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCU,IAAI,EAAE;MACJ8B,aAAa,EAAE;IACjB,CAAC;IACDC,UAAU,EAAE;MACVD,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
|