npm - @wavemaker-ai/app-rn-runtime - Versions diffs - 1.0.0-rc.326 → 1.0.0-rc.328 - Mend

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

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.

Files changed (90) hide show

package/components-prism/basic/search/search.component.js ADDED Viewed

@@ -0,0 +1,206 @@
+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); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Platform, Text, TextInput, View } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import { get, isNull } from 'lodash';
+import WmSearchProps from './search.props';
+import { DEFAULT_CLASS } from './search.styles';
+import CoreWmSearch, { WmSearchState as CoreWmSearchState } from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+import { AssetProvider } from '@wavemaker-ai/app-rn-runtime/core/asset.provider';
+import { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';
+import OutsidePressHandler from '@wavemaker-ai/app-rn-runtime/core/outside-press-handler';
+export class WmSearchState extends CoreWmSearchState {}
+function isIconClass(val) {
+  return typeof val === 'string' && val.length > 0 && val !== 'false' && val !== 'null' && val !== 'undefined';
+}
+export default class WmSearch extends CoreWmSearch {
+  constructor(props, defaultClass = DEFAULT_CLASS, defaultProps = new WmSearchProps(), defaultState = new WmSearchState()) {
+    super(props, defaultClass, defaultProps, defaultState);
+    _defineProperty(this, "searchInputHeight", 0);
+    _defineProperty(this, "showPopover", () => {
+      this.updateState({
+        isOpened: true
+      });
+    });
+    _defineProperty(this, "hide", () => {
+      if (this.state.isOpened) {
+        this.updateState({
+          isOpened: false
+        });
+      }
+    });
+  }
+  handleLeadingIconPress() {
+    this.invokeEventCallback('onLeadingiconclick', [this.proxy]);
+  }
+  handleBackIconPress() {
+    this.updateState({
+      props: {
+        query: ''
+      },
+      dataItems: this.state.dataItems ? this.state.dataItems.map(item => {
+        item.selected = false;
+        return item;
+      }) : []
+    });
+    this.hide();
+  }
+  searchIconPress() {
+    const query = this.state.props.query || '';
+    if (this.state.props.searchon === 'onsearchiconclick') {
+      this.updateFilteredData(query);
+      if (query && this.styles.modal.display !== 'none') {
+        this.showPopover && this.showPopover();
+      }
+    } else {
+      this.isFocused = false;
+      this.onItemSelect(this.state.data[0]);
+    }
+    if (get(this.props, 'formfield')) {
+      var _this$props$invokeEve, _this$props;
+      (_this$props$invokeEve = (_this$props = this.props).invokeEvent) === null || _this$props$invokeEve === void 0 || _this$props$invokeEve.call(_this$props, 'onSubmit', [null, this]);
+    } else {
+      this.invokeEventCallback('onSubmit', [null, this]);
+    }
+    this.isFocused = false;
+  }
+  renderSkeleton(props) {
+    var _this$styles$root, _this$styles$root2;
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root,
+      width: props.skeletonwidth || ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width),
+      height: props.skeletonheight || ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height)
+    });
+  }
+  updateFilteredData(queryText = '') {
+    super.updateFilteredData(queryText);
+    if (this.isFocused && queryText && this.styles.modal.display !== 'none' && !this.state.isOpened) {
+      this.showPopover && this.showPopover();
+    }
+  }
+  renderDropdownContent(props, filteredData) {
+    const items = filteredData.map((item, index) => {
+      if (props.limit && index + 1 > props.limit) return null;
+      return this.renderSearchItem(item, index);
+    });
+    if (filteredData.length === 0) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          width: '100%'
+        }
+      }, /*#__PURE__*/React.createElement(View, {
+        style: this.styles.dropDownContent
+      }, /*#__PURE__*/React.createElement(View, {
+        style: this.styles.searchItem
+      }, /*#__PURE__*/React.createElement(Text, null, props.noresultsfoundmessage))));
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React.createElement(AssetProvider, {
+      value: this.loadAsset
+    }, props.scrollablesearchresults ? /*#__PURE__*/React.createElement(ScrollView, {
+      contentContainerStyle: this.styles.dropDownContent,
+      showsVerticalScrollIndicator: false
+    }, items) : /*#__PURE__*/React.createElement(View, {
+      style: this.styles.dropDownContent
+    }, items)));
+  }
+  renderWidget(props) {
+    var _this$styles$placehol;
+    const isOpened = this.state.isOpened;
+    const filteredData = this.state.data || [];
+    const isDropdownVisible = isOpened;
+    const hasLeadingIcon = isIconClass(props.leadingiconclass);
+    const hasBackSearchIcon = isIconClass(props.backsearchiconclass);
+    const hasSearchIcon = isIconClass(props.searchiconclass);
+    const hasClearSearchIcon = isIconClass(props.clearsearchiconclass);
+    const query = this.state.props.query || '';
+    const isSearchOnIconClick = props.searchon === 'onsearchiconclick';
+    const showBackIcon = (isDropdownVisible || this.isFocused) && hasBackSearchIcon;
+    const showLeadingIcon = hasLeadingIcon && !showBackIcon;
+    const showClearIcon = hasClearSearchIcon && props.showclear && !!query && (isSearchOnIconClick ? isDropdownVisible : true);
+    const showSearchIcon = !showClearIcon && !isDropdownVisible && hasSearchIcon && props.showSearchIcon !== false;
+    const showTrailingIcon = showSearchIcon || showClearIcon;
+    let inputOpts = {};
+    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
+    inputOpts[valueExpr] = query;
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.theme.mergeStyle(this.styles.rootWrapper, isDropdownVisible ? this.styles.rootWrapperDropdownOpen : null)
+    }, /*#__PURE__*/React.createElement(OutsidePressHandler, {
+      onOutsidePress: () => this.hide()
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.root, isDropdownVisible ? {
+        borderBottomLeftRadius: 0,
+        borderBottomRightRadius: 0
+      } : null, !this.state.isValid ? this.styles.invalid : null],
+      ref: ref => {
+        this.view = ref;
+      },
+      onLayout: e => {
+        const {
+          width,
+          height
+        } = e.nativeEvent.layout;
+        this.searchInputWidth = width;
+        this.searchInputHeight = height;
+      }
+    }, /*#__PURE__*/React.createElement(TextInput, _extends({}, this.getTestPropsForInput(), getAccessibilityProps(AccessibilityWidgetType.SEARCH, props), {
+      ref: ref => {
+        this.widgetRef = ref;
+        // @ts-ignore
+        if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {
+          // @ts-ignore
+          ref.selectionStart = ref.selectionEnd = this.cursor;
+        }
+      },
+      style: [this.styles.text, Platform.OS === 'web' ? this.styles.inputWeb : null, showLeadingIcon || showBackIcon ? this.styles.inputWithLeadingIcon : null, showTrailingIcon ? this.styles.inputWithTrailingIcon : null],
+      placeholder: props.placeholder || 'Search',
+      placeholderTextColor: (_this$styles$placehol = this.styles.placeholderText) === null || _this$styles$placehol === void 0 ? void 0 : _this$styles$placehol.color,
+      autoFocus: props.autofocus,
+      editable: !(props.disabled || props.readonly),
+      autoComplete: "off",
+      autoCorrect: false,
+      autoCapitalize: "none",
+      onChangeText: this.onChange.bind(this),
+      onChange: this.invokeChange.bind(this),
+      onFocus: this.onFocus.bind(this),
+      onBlur: this.onBlur.bind(this)
+    }, inputOpts)), (showLeadingIcon || showBackIcon) && /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.iconWrapper, {
+        left: 4
+      }]
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      styles: this.styles.leadingIcon,
+      id: this.getTestId(showBackIcon ? 'backicon' : 'leadingicon'),
+      iconclass: showBackIcon ? props.backsearchiconclass : props.leadingiconclass,
+      iconsize: 24,
+      onTap: showBackIcon ? this.handleBackIconPress.bind(this) : this.handleLeadingIconPress.bind(this),
+      disabled: !showBackIcon && (props.disabled || props.readonly)
+    })), showTrailingIcon && /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.iconWrapper, {
+        right: 4
+      }]
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      styles: this.styles.trailingIcon,
+      id: this.getTestId(showClearIcon ? 'clear' : 'search'),
+      iconclass: showClearIcon ? props.clearsearchiconclass : props.searchiconclass,
+      iconsize: 24,
+      onTap: showClearIcon ? this.clearSearch.bind(this) : this.searchIconPress.bind(this),
+      disabled: !showClearIcon && (props.disabled || props.readonly)
+    })), isDropdownVisible ? /*#__PURE__*/React.createElement(View, {
+      style: this.theme.mergeStyle(this.styles.modalContent, this.styles.dropdownContainer, this.searchInputWidth ? {
+        width: this.searchInputWidth
+      } : null, this.searchInputHeight ? {
+        top: this.searchInputHeight
+      } : null)
+    }, this.renderDropdownContent(props, filteredData)) : null)));
+  }
+}
+//# sourceMappingURL=search.component.js.map

package/components-prism/basic/search/search.component.js.map ADDED Viewed

@@ -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","noresultsfoundmessage","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","mergeStyle","rootWrapper","rootWrapperDropdownOpen","onOutsidePress","borderBottomLeftRadius","borderBottomRightRadius","isValid","invalid","ref","view","onLayout","e","nativeEvent","layout","searchInputWidth","searchInputHeight","_extends","getTestPropsForInput","SEARCH","widgetRef","selectionStart","selectionEnd","cursor","text","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 { 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.noresultsfoundmessage}\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 return (\n <View\n style={this.theme.mergeStyle(\n this.styles.rootWrapper,\n isDropdownVisible ? this.styles.rootWrapperDropdownOpen : null\n )}\n >\n <OutsidePressHandler\n onOutsidePress={() => this.hide()}\n >\n <View\n style={[\n this.styles.root,\n isDropdownVisible ? { borderBottomLeftRadius: 0, borderBottomRightRadius: 0 } : null,\n !this.state.isValid ? this.styles.invalid : null,\n ]}\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 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 \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;AACtF,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,qBACH,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;IAC5B,oBACEpC,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MACHsE,KAAK,EAAE,IAAI,CAACf,KAAK,CAAC6C,UAAU,CAC1B,IAAI,CAAC3D,MAAM,CAAC4D,WAAW,EACvBpB,iBAAiB,GAAG,IAAI,CAACxC,MAAM,CAAC6D,uBAAuB,GAAG,IAC5D;IAAE,gBAEF1G,KAAA,CAAAyE,aAAA,CAACvD,mBAAmB;MAClByF,cAAc,EAAEA,CAAA,KAAM,IAAI,CAAClE,IAAI,CAAC;IAAE,gBAEpCzC,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MACHsE,KAAK,EAAE,CACL,IAAI,CAAC7B,MAAM,CAACgB,IAAI,EAChBwB,iBAAiB,GAAG;QAAEuB,sBAAsB,EAAE,CAAC;QAAEC,uBAAuB,EAAE;MAAE,CAAC,GAAG,IAAI,EACpF,CAAC,IAAI,CAAC9E,KAAK,CAAC+E,OAAO,GAAG,IAAI,CAACjE,MAAM,CAACkE,OAAO,GAAG,IAAI,CAChD;MACFC,GAAG,EAAGA,GAAQ,IAAK;QAAE,IAAI,CAACC,IAAI,GAAGD,GAAG;MAAE,CAAE;MACxCE,QAAQ,EAAGC,CAAM,IAAK;QACpB,MAAM;UAAErD,KAAK;UAAEE;QAAO,CAAC,GAAGmD,CAAC,CAACC,WAAW,CAACC,MAAM;QAC9C,IAAI,CAACC,gBAAgB,GAAGxD,KAAK;QAC7B,IAAI,CAACyD,iBAAiB,GAAGvD,MAAM;MACjC;IAAE,gBAEFhE,KAAA,CAAAyE,aAAA,CAACtE,SAAS,EAAAqH,QAAA,KACJ,IAAI,CAACC,oBAAoB,CAAC,CAAC,EAC3B3G,qBAAqB,CAACD,uBAAuB,CAAC6G,MAAM,EAAElG,KAAK,CAAC;MAChEwF,GAAG,EAAGA,GAAQ,IAAK;QACjB,IAAI,CAACW,SAAS,GAAGX,GAAG;QACpB;QACA,IAAIA,GAAG,IAAI,CAACzG,MAAM,CAACyG,GAAG,CAACY,cAAc,CAAC,IAAI,CAACrH,MAAM,CAACyG,GAAG,CAACa,YAAY,CAAC,EAAE;UACnE;UACAb,GAAG,CAACY,cAAc,GAAGZ,GAAG,CAACa,YAAY,GAAG,IAAI,CAACC,MAAM;QACrD;MACF,CAAE;MACFpD,KAAK,EAAE,CACL,IAAI,CAAC7B,MAAM,CAACkF,IAAI,EAChB9H,QAAQ,CAACsG,EAAE,KAAK,KAAK,GAAG,IAAI,CAAC1D,MAAM,CAACmF,QAAQ,GAAG,IAAI,EAClDhC,eAAe,IAAID,YAAY,GAAI,IAAI,CAAClD,MAAM,CAACoF,oBAAoB,GAAG,IAAI,EAC3E7B,gBAAgB,GAAG,IAAI,CAACvD,MAAM,CAACqF,qBAAqB,GAAG,IAAI,CAC3D;MACFC,WAAW,EAAE3G,KAAK,CAAC2G,WAAW,IAAI,QAAS;MAC3CC,oBAAoB,GAAAhD,qBAAA,GAAE,IAAI,CAACvC,MAAM,CAACwF,eAAe,cAAAjD,qBAAA,uBAA3BA,qBAAA,CAA6BkD,KAAa;MAChEC,SAAS,EAAE/G,KAAK,CAACgH,SAAU;MAC3BC,QAAQ,EAAE,EAAEjH,KAAK,CAACkH,QAAQ,IAAIlH,KAAK,CAACmH,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,GAC3B5C,SAAS,CACd,CAAC,EACH,CAACL,eAAe,IAAID,YAAY,kBACjC/F,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MAACsE,KAAK,EAAE,CACX,IAAI,CAAC7B,MAAM,CAACwG,WAAW,EACvB;QAAEC,IAAI,EAAE;MAAE,CAAC;IAAE,gBACbtJ,KAAA,CAAAyE,aAAA,CAAC1D,MAAM;MACL8B,MAAM,EAAE,IAAI,CAACA,MAAM,CAAC0G,WAAY;MAChCC,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC1D,YAAY,GAAG,UAAU,GAAG,aAAa,CAAE;MAC9D2D,SAAS,EAAE3D,YAAY,GACnBvE,KAAK,CAACiE,mBAAmB,GACzBjE,KAAK,CAAC+D,gBACT;MACDoE,QAAQ,EAAE,EAAG;MACbC,KAAK,EAAE7D,YAAY,GACf,IAAI,CAAC5D,mBAAmB,CAAC8G,IAAI,CAAC,IAAI,CAAC,GACnC,IAAI,CAACjH,sBAAsB,CAACiH,IAAI,CAAC,IAAI,CACxC;MACDP,QAAQ,EAAE,CAAC3C,YAAY,KAAKvE,KAAK,CAACkH,QAAQ,IAAIlH,KAAK,CAACmH,QAAQ;IAAE,CAC/D,CACG,CACP,EACCvC,gBAAgB,iBAChBpG,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MAACsE,KAAK,EAAE,CAAC,IAAI,CAAC7B,MAAM,CAACwG,WAAW,EACpC;QAAEQ,KAAK,EAAE;MAAE,CAAC;IAAE,gBACb7J,KAAA,CAAAyE,aAAA,CAAC1D,MAAM;MACL8B,MAAM,EAAE,IAAI,CAACA,MAAM,CAACiH,YAAa;MACjCN,EAAE,EAAE,IAAI,CAACC,SAAS,CAACxD,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAE;MACvDyD,SAAS,EAAEzD,aAAa,GACpBzE,KAAK,CAACqE,oBAAoB,GAC1BrE,KAAK,CAACmE,eACT;MACDgE,QAAQ,EAAE,EAAG;MACbC,KAAK,EAAE3D,aAAa,GAChB,IAAI,CAAC8D,WAAW,CAACd,IAAI,CAAC,IAAI,CAAC,GAC3B,IAAI,CAACvG,eAAe,CAACuG,IAAI,CAAC,IAAI,CACjC;MACDP,QAAQ,EAAE,CAACzC,aAAa,KAAKzE,KAAK,CAACkH,QAAQ,IAAIlH,KAAK,CAACmH,QAAQ;IAAE,CAChE,CACG,CACP,EAGEtD,iBAAiB,gBAChBrF,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MACHsE,KAAK,EAAE,IAAI,CAACf,KAAK,CAAC6C,UAAU,CAC1B,IAAI,CAAC3D,MAAM,CAACmH,YAAY,EACxB,IAAI,CAACnH,MAAM,CAACoH,iBAAiB,EAC7B,IAAI,CAAC3C,gBAAgB,GAAG;QAAExD,KAAK,EAAE,IAAI,CAACwD;MAAiB,CAAC,GAAG,IAAI,EAC/D,IAAI,CAACC,iBAAiB,GAAG;QAAE2C,GAAG,EAAE,IAAI,CAAC3C;MAAkB,CAAC,GAAG,IAC7D;IAAE,GAED,IAAI,CAACpD,qBAAqB,CAAC3C,KAAK,EAAE4C,YAAY,CAC3C,CAAC,GACL,IACE,CACe,CACjB,CAAC;EAEX;AACF","ignoreList":[]}

package/components-prism/basic/search/search.props.js ADDED Viewed

@@ -0,0 +1,14 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import WmSearchPropsBase from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.props';
+export default class WmSearchProps extends WmSearchPropsBase {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "leadingiconclass", void 0);
+    _defineProperty(this, "backsearchiconclass", void 0);
+    _defineProperty(this, "scrollablesearchresults", true);
+    _defineProperty(this, "noresultsfoundmessage", 'No results found');
+  }
+}
+//# sourceMappingURL=search.props.js.map

package/components-prism/basic/search/search.props.js.map ADDED Viewed

@@ -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 noresultsfoundmessage?: 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,gCACP,kBAAkB;EAAA;AACrD","ignoreList":[]}

package/components-prism/basic/search/search.styles.js ADDED Viewed

@@ -0,0 +1,127 @@
+import '@wavemaker-ai/app-rn-runtime/components/basic/search/search.styles';
+import { Platform } from 'react-native';
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-search';
+const M3_ICON_TOUCH_SIZE = 48;
+const M3_ICON_SIZE = 24;
+const M3_DROPDOWN_MAX_HEIGHT = 320;
+const m3Elevation1 = Platform.select({
+  ios: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 3
+  },
+  android: {
+    elevation: 1
+  },
+  default: {}
+});
+const m3Elevation2 = Platform.select({
+  ios: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 6
+  },
+  android: {
+    elevation: 3
+  },
+  default: {}
+});
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const prismSearchLayout = defineStyles({
+    rootWrapper: {
+      position: 'relative'
+    },
+    rootWrapperDropdownOpen: {
+      zIndex: 10
+    },
+    root: {
+      ...m3Elevation1
+    },
+    text: {},
+    inputWeb: {
+      outline: 'none',
+      boxShadow: 'none'
+    },
+    leadingIcon: {
+      root: {
+        width: M3_ICON_TOUCH_SIZE,
+        height: M3_ICON_TOUCH_SIZE,
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      icon: {
+        fontSize: M3_ICON_SIZE
+      },
+      text: {}
+    },
+    trailingIcon: {
+      root: {
+        width: M3_ICON_TOUCH_SIZE,
+        height: M3_ICON_TOUCH_SIZE,
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      icon: {
+        fontSize: M3_ICON_SIZE
+      },
+      text: {}
+    },
+    inputWithLeadingIcon: {
+      paddingLeft: 52
+    },
+    inputWithTrailingIcon: {
+      paddingRight: 52
+    },
+    iconWrapper: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      justifyContent: 'center',
+      pointerEvents: 'box-none'
+    },
+    modalContent: {
+      position: 'absolute'
+    },
+    dropdownContainer: {
+      position: 'absolute',
+      left: 0,
+      zIndex: 999,
+      maxHeight: M3_DROPDOWN_MAX_HEIGHT,
+      overflow: 'hidden',
+      ...m3Elevation2,
+      ...(Platform.OS === 'android' ? {
+        elevation: 8
+      } : {})
+    },
+    searchItem: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', prismSearchLayout);
+  addStyle(DEFAULT_CLASS + '-disabled', '', {
+    root: {
+      opacity: 0.38
+    }
+  });
+  addStyle(DEFAULT_CLASS + '-rtl', '', {
+    root: {
+      flexDirection: 'row-reverse'
+    },
+    searchItem: {
+      flexDirection: 'row-reverse'
+    }
+  });
+});
+//# sourceMappingURL=search.styles.js.map

package/components-prism/basic/search/search.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["Platform","BASE_THEME","defineStyles","DEFAULT_CLASS","M3_ICON_TOUCH_SIZE","M3_ICON_SIZE","M3_DROPDOWN_MAX_HEIGHT","m3Elevation1","select","ios","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","default","m3Elevation2","registerStyle","themeVariables","addStyle","prismSearchLayout","rootWrapper","position","rootWrapperDropdownOpen","zIndex","root","text","inputWeb","outline","boxShadow","leadingIcon","justifyContent","alignItems","icon","fontSize","trailingIcon","inputWithLeadingIcon","paddingLeft","inputWithTrailingIcon","paddingRight","iconWrapper","top","bottom","pointerEvents","modalContent","dropdownContainer","left","maxHeight","overflow","OS","searchItem","flexDirection","gap","opacity"],"sources":["search.styles.ts"],"sourcesContent":["import '@wavemaker-ai/app-rn-runtime/components/basic/search/search.styles';\n\nimport { Platform } 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 inputWeb: AllStyle;\n leadingIcon: WmIconStyles;\n trailingIcon: WmIconStyles;\n iconWrapper: AllStyle;\n inputWithLeadingIcon: AllStyle;\n inputWithTrailingIcon: AllStyle;\n dropdownContainer: AllStyle;\n rootWrapperDropdownOpen: AllStyle;\n rootWrapper: AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-search';\n\nconst M3_ICON_TOUCH_SIZE = 48;\nconst M3_ICON_SIZE = 24;\nconst M3_DROPDOWN_MAX_HEIGHT = 320;\n\nconst m3Elevation1 = Platform.select({\n ios: {\n shadowColor: '#000',\n shadowOffset: { width: 0, height: 1 },\n shadowOpacity: 0.15,\n shadowRadius: 3,\n },\n android: { elevation: 1 },\n default: {},\n}) as AllStyle;\n\nconst m3Elevation2 = Platform.select({\n ios: {\n shadowColor: '#000',\n shadowOffset: { width: 0, height: 2 },\n shadowOpacity: 0.15,\n shadowRadius: 6,\n },\n android: { elevation: 3 },\n default: {},\n}) as AllStyle;\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const prismSearchLayout = defineStyles({\n rootWrapper: {\n position: 'relative',\n },\n rootWrapperDropdownOpen: {\n zIndex: 10,\n },\n root: {\n ...m3Elevation1,\n },\n text: {},\n inputWeb: {\n outline: 'none',\n boxShadow: 'none',\n },\n leadingIcon: {\n root: {\n width: M3_ICON_TOUCH_SIZE,\n height: M3_ICON_TOUCH_SIZE,\n justifyContent: 'center',\n alignItems: 'center',\n },\n icon: { fontSize: M3_ICON_SIZE },\n text: {},\n } as WmIconStyles,\n trailingIcon: {\n root: {\n width: M3_ICON_TOUCH_SIZE,\n height: M3_ICON_TOUCH_SIZE,\n justifyContent: 'center',\n alignItems: 'center',\n },\n icon: { fontSize: M3_ICON_SIZE },\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 modalContent: {\n position: 'absolute',\n },\n dropdownContainer: {\n position: 'absolute',\n left: 0,\n zIndex: 999,\n maxHeight: M3_DROPDOWN_MAX_HEIGHT,\n overflow: 'hidden',\n ...m3Elevation2,\n ...(Platform.OS === 'android' ? { elevation: 8 } : {}),\n },\n searchItem: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 12,\n },\n }) as any;\n\n addStyle(DEFAULT_CLASS, '', prismSearchLayout);\n\n addStyle(DEFAULT_CLASS + '-disabled', '', {\n root: {\n opacity: 0.38,\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":"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","ignoreList":[]}

package/core/accessibility.js CHANGED Viewed

@@ -39,6 +39,7 @@ export let AccessibilityWidgetType = /*#__PURE__*/function (AccessibilityWidgetT
   AccessibilityWidgetType["SLIDER"] = "slider";
   AccessibilityWidgetType["BOTTOMSHEET"] = "bottomsheet";
   AccessibilityWidgetType["TABS"] = "tab";
+  AccessibilityWidgetType["OFFLINE_BANNER"] = "offlinebanner";
   return AccessibilityWidgetType;
 }({});
 ;
@@ -184,6 +185,14 @@ export const getAccessibilityProps = (widgetType, accessibilityProps) => {
         props.accessibilityRole = accessibilityProps.accessibilityrole;
         break;
       }
+    case AccessibilityWidgetType.OFFLINE_BANNER:
+      {
+        props.accessibilityLabel = accessibilityProps.accessibilitylabel || 'Offline mode notification';
+        props.accessibilityHint = accessibilityProps.hint;
+        props.accessibilityRole = accessibilityProps.accessibilityrole || 'alert';
+        props.accessibilityLiveRegion = 'polite';
+        break;
+      }
     default:
       break;
   }

package/core/accessibility.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["AccessibilityInfo","isAndroid","isWebPreviewMode","removeUndefinedKeys","_isScreenReaderEnabled","addEventListener","flag","isScreenReaderEnabled","getScreenReaderStatus","AccessibilityWidgetType","getAccessibilityProps","widgetType","accessibilityProps","accessible","importantForAccessibility","props","BUTTON","TEXT","NUMBER","TEXTAREA","CURRENCY","TOGGLE","DATE","LABEL","MESSAGE","SEARCH","ICON","NAV","POVOVER","BOTTOMSHEET","WEBVIEW","LINECHART","SLIDER","VIDEO","_accessibilityProps$c","accessibilityLabel","accessibilitylabel","caption","toString","accessibilityHint","hint","accessibilityRole","accessibilityrole","accessibilityState","disabled","accessibilityLabelledBy","accessibilitylabelledby","accessibilityValue","min","minvalue","max","maxvalue","checked","selected","TABS","title","ANCHOR","badgevalue","CHECKBOX","_accessibilityProps$c2","readonly","SELECT","displayValue","expanded","RADIOSET","CHECKBOXSET","SWITCH","PROGRESSBAR","PROGRESSCIRCLE","_accessibilityProps$c3","PICTURE","alttext","finalProps"],"sources":["accessibility.ts"],"sourcesContent":["import { AccessibilityInfo } from 'react-native';\nimport { isAndroid, isWebPreviewMode, removeUndefinedKeys } from './utils';\n\nlet _isScreenReaderEnabled = false;\n\nAccessibilityInfo.addEventListener(\n 'screenReaderChanged',\n flag => {\n _isScreenReaderEnabled = flag;\n },\n);\n\nexport const isScreenReaderEnabled = () => _isScreenReaderEnabled;\n\nasync function getScreenReaderStatus() {\n _isScreenReaderEnabled = (!isWebPreviewMode() && await AccessibilityInfo.isScreenReaderEnabled());\n}\n\ngetScreenReaderStatus();\n\nexport enum AccessibilityWidgetType {\n BUTTON = 'button',\n PICTURE = 'picture',\n TEXT = 'text',\n NUMBER = 'number',\n TEXTAREA = 'textarea',\n SELECT = 'select',\n CHIPS = 'chips',\n CURRENCY = 'currency',\n RADIOSET = 'radioset',\n CHECKBOX = 'checkbox',\n CHECKBOXSET = 'checkboxset',\n TOGGLE = 'toggle',\n SWITCH = 'switch',\n DATE = 'date',\n VIDEO = 'video',\n PROGRESSBAR = 'progressbar',\n PROGRESSCIRCLE = 'progresscircle',\n LABEL = 'label',\n ANCHOR = 'anchor',\n MESSAGE = 'message',\n SEARCH = 'search',\n ICON = 'icon',\n NAV = 'nav',\n POVOVER = 'popover',\n WEBVIEW = 'webview',\n LINECHART = 'linechart',\n SLIDER = 'slider',\n BOTTOMSHEET='bottomsheet',\n TABS = 'tab'\n};\n\n \nexport type AccessibilityPropsType = {\n accessible?: boolean;\n accessibilityLabel?: string;\n accessibilityLabelledBy?: string;\n accessibilityHint?: string;\n accessibilityRole?: 'button' \| 'checkbox' \| 'combobox' \| 'link' \| 'header' \| 'search' \| 'image' \| 'imagebutton' \| 'none' \| 'summary' \| 'text' \| 'progressbar' \| 'grid' \| 'alert' \| 'tab';\n accessibilityState?: {\n disabled?: boolean;\n selected?: boolean;\n checked?: boolean;\n expanded?: boolean;\n };\n accessibilityValue?: {\n min?: number;\n max?: number;\n now?: number;\n text?: string;\n };\n accessibilityActions?: Array<{\n name: string;\n label?: string;\n }>;\n accessibilityLiveRegion?: 'none' \| 'polite' \| 'assertive';\n accessibilityLanguage?: any;\n accessibilityElementsHidden?: boolean;\n accessibilityViewIsModal?: boolean;\n};\n \n\nexport const getAccessibilityProps = (widgetType: AccessibilityWidgetType, accessibilityProps: AccessibilityPropsType \| any) => {\n if(accessibilityProps.accessible === false){\n return {accessible: false, importantForAccessibility: \"no\"}\n }\n let props: AccessibilityPropsType = {accessible: true};\n if (!_isScreenReaderEnabled \|\| isWebPreviewMode()) {\n return {};\n }\n switch (widgetType) {\n case AccessibilityWidgetType.BUTTON:\n case AccessibilityWidgetType.TEXT:\n case AccessibilityWidgetType.NUMBER:\n case AccessibilityWidgetType.TEXTAREA:\n case AccessibilityWidgetType.CURRENCY:\n case AccessibilityWidgetType.TOGGLE:\n case AccessibilityWidgetType.DATE:\n case AccessibilityWidgetType.LABEL:\n case AccessibilityWidgetType.MESSAGE: \n case AccessibilityWidgetType.SEARCH: \n case AccessibilityWidgetType.ICON:\n case AccessibilityWidgetType.NAV:\n case AccessibilityWidgetType.POVOVER:\n case AccessibilityWidgetType.BOTTOMSHEET:\n case AccessibilityWidgetType.WEBVIEW:\n case AccessibilityWidgetType.LINECHART:\n case AccessibilityWidgetType.SLIDER:\n case AccessibilityWidgetType.VIDEO: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| accessibilityProps.caption?.toString();\n props.accessibilityHint = accessibilityProps.hint;\n props.accessibilityRole = accessibilityProps.accessibilityrole;\n\n if (\n widgetType === AccessibilityWidgetType.BUTTON \|\|\n widgetType === AccessibilityWidgetType.TEXT \|\|\n widgetType === AccessibilityWidgetType.NUMBER \|\|\n widgetType === AccessibilityWidgetType.TEXTAREA \|\|\n widgetType === AccessibilityWidgetType.TOGGLE \|\|\n widgetType === AccessibilityWidgetType.DATE\n ) {\n props.accessibilityState = { disabled: accessibilityProps.disabled };\n }\n if (\n (widgetType === AccessibilityWidgetType.TEXT \|\|\n widgetType === AccessibilityWidgetType.NUMBER \|\|\n widgetType === AccessibilityWidgetType.TEXTAREA \|\|\n widgetType === AccessibilityWidgetType.CURRENCY \|\|\n widgetType === AccessibilityWidgetType.TOGGLE) &&\n isAndroid()\n ) {\n props.accessibilityLabelledBy =\n accessibilityProps.accessibilitylabelledby;\n }\n if (\n widgetType === AccessibilityWidgetType.NUMBER \|\|\n widgetType === AccessibilityWidgetType.CURRENCY\n ) {\n props.accessibilityValue = {\n min: accessibilityProps.minvalue,\n max: accessibilityProps.maxvalue,\n };\n }\n if (widgetType === AccessibilityWidgetType.TOGGLE) {\n props.accessibilityState = {\n ...props.accessibilityState,\n checked: accessibilityProps.selected,\n };\n }\n break;\n }\n\n case AccessibilityWidgetType.TABS: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| accessibilityProps.title;\n props.accessibilityHint = accessibilityProps.hint;\n props.accessibilityRole = accessibilityProps.accessibilityrole \|\| 'tab';\n props.accessibilityState = {\n ...props.accessibilityState,\n selected: accessibilityProps.selected,\n };\n break;\n }\n\n case AccessibilityWidgetType.ANCHOR: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| (accessibilityProps.badgevalue ? `${accessibilityProps.caption} ${accessibilityProps.badgevalue}` : accessibilityProps.caption);\n props.accessibilityHint = accessibilityProps.hint;\n props.accessibilityRole = accessibilityProps.accessibilityrole\n break;\n }\n\n case AccessibilityWidgetType.CHECKBOX: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| accessibilityProps.caption?.toString();\n props.accessibilityHint = accessibilityProps.hint;\n props.accessibilityRole = accessibilityProps.accessibilityrole \|\| 'checkbox'\n props.accessibilityState = {\n disabled: accessibilityProps.readonly \|\| accessibilityProps.disabled,\n checked: accessibilityProps.checked,\n };\n break;\n }\n\n case AccessibilityWidgetType.SELECT: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| accessibilityProps.displayValue \|\| \"Select an option\"\n props.accessibilityHint = accessibilityProps.hint\n props.accessibilityRole = accessibilityProps.accessibilityrole \|\| 'button',\n props.accessibilityState = {\n disabled: accessibilityProps.readonly \|\| accessibilityProps.disabled,\n expanded: accessibilityProps.expanded,\n };\n if(isAndroid()) {\n props.accessibilityLabelledBy =\n accessibilityProps.accessibilitylabelledby;\n }\n break;\n }\n\n case AccessibilityWidgetType.RADIOSET: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| 'Select your preferred option';\n props.accessibilityHint = accessibilityProps.hint;\n props.accessibilityRole = accessibilityProps.accessibilityrole \|\| 'radiogroup'\n break;\n }\n\n case AccessibilityWidgetType.CHECKBOXSET: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| 'Select your preferred options';\n props.accessibilityHint = accessibilityProps.hint;\n props.accessibilityRole = accessibilityProps.accessibilityrole \|\| 'combobox'\n break;\n }\n\n case AccessibilityWidgetType.SWITCH: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| \"Select an option\";\n props.accessibilityHint = accessibilityProps.hint;\n props.accessibilityRole = accessibilityProps.accessibilityrole\n props.accessibilityState = {\n disabled: accessibilityProps.disabled,\n selected: accessibilityProps.selected,\n };\n break;\n }\n case AccessibilityWidgetType.PROGRESSBAR:\n case AccessibilityWidgetType.PROGRESSCIRCLE: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| accessibilityProps.caption?.toString();\n props.accessibilityRole = accessibilityProps.accessibilityrole;\n break;\n }\n case AccessibilityWidgetType.PICTURE: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| accessibilityProps.alttext \|\| 'Image';\n props.accessibilityHint = accessibilityProps.hint;\n props.accessibilityRole = accessibilityProps.accessibilityrole;\n break;\n }\n default:\n break;\n }\n\n const finalProps = removeUndefinedKeys(props);\n // console.log('finalProps', finalProps)\n\n return finalProps;\n}"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["AccessibilityInfo","isAndroid","isWebPreviewMode","removeUndefinedKeys","_isScreenReaderEnabled","addEventListener","flag","isScreenReaderEnabled","getScreenReaderStatus","AccessibilityWidgetType","getAccessibilityProps","widgetType","accessibilityProps","accessible","importantForAccessibility","props","BUTTON","TEXT","NUMBER","TEXTAREA","CURRENCY","TOGGLE","DATE","LABEL","MESSAGE","SEARCH","ICON","NAV","POVOVER","BOTTOMSHEET","WEBVIEW","LINECHART","SLIDER","VIDEO","_accessibilityProps$c","accessibilityLabel","accessibilitylabel","caption","toString","accessibilityHint","hint","accessibilityRole","accessibilityrole","accessibilityState","disabled","accessibilityLabelledBy","accessibilitylabelledby","accessibilityValue","min","minvalue","max","maxvalue","checked","selected","TABS","title","ANCHOR","badgevalue","CHECKBOX","_accessibilityProps$c2","readonly","SELECT","displayValue","expanded","RADIOSET","CHECKBOXSET","SWITCH","PROGRESSBAR","PROGRESSCIRCLE","_accessibilityProps$c3","PICTURE","alttext","OFFLINE_BANNER","accessibilityLiveRegion","finalProps"],"sources":["accessibility.ts"],"sourcesContent":["import { AccessibilityInfo } from 'react-native';\nimport { isAndroid, isWebPreviewMode, removeUndefinedKeys } from './utils';\n\nlet _isScreenReaderEnabled = false;\n\nAccessibilityInfo.addEventListener(\n 'screenReaderChanged',\n flag => {\n _isScreenReaderEnabled = flag;\n },\n);\n\nexport const isScreenReaderEnabled = () => _isScreenReaderEnabled;\n\nasync function getScreenReaderStatus() {\n _isScreenReaderEnabled = (!isWebPreviewMode() && await AccessibilityInfo.isScreenReaderEnabled());\n}\n\ngetScreenReaderStatus();\n\nexport enum AccessibilityWidgetType {\n BUTTON = 'button',\n PICTURE = 'picture',\n TEXT = 'text',\n NUMBER = 'number',\n TEXTAREA = 'textarea',\n SELECT = 'select',\n CHIPS = 'chips',\n CURRENCY = 'currency',\n RADIOSET = 'radioset',\n CHECKBOX = 'checkbox',\n CHECKBOXSET = 'checkboxset',\n TOGGLE = 'toggle',\n SWITCH = 'switch',\n DATE = 'date',\n VIDEO = 'video',\n PROGRESSBAR = 'progressbar',\n PROGRESSCIRCLE = 'progresscircle',\n LABEL = 'label',\n ANCHOR = 'anchor',\n MESSAGE = 'message',\n SEARCH = 'search',\n ICON = 'icon',\n NAV = 'nav',\n POVOVER = 'popover',\n WEBVIEW = 'webview',\n LINECHART = 'linechart',\n SLIDER = 'slider',\n BOTTOMSHEET='bottomsheet',\n TABS = 'tab',\n OFFLINE_BANNER = 'offlinebanner'\n};\n\n \nexport type AccessibilityPropsType = {\n accessible?: boolean;\n accessibilityLabel?: string;\n accessibilityLabelledBy?: string;\n accessibilityHint?: string;\n accessibilityRole?: 'button' \| 'checkbox' \| 'combobox' \| 'link' \| 'header' \| 'search' \| 'image' \| 'imagebutton' \| 'none' \| 'summary' \| 'text' \| 'progressbar' \| 'grid' \| 'alert' \| 'tab';\n accessibilityState?: {\n disabled?: boolean;\n selected?: boolean;\n checked?: boolean;\n expanded?: boolean;\n };\n accessibilityValue?: {\n min?: number;\n max?: number;\n now?: number;\n text?: string;\n };\n accessibilityActions?: Array<{\n name: string;\n label?: string;\n }>;\n accessibilityLiveRegion?: 'none' \| 'polite' \| 'assertive';\n accessibilityLanguage?: any;\n accessibilityElementsHidden?: boolean;\n accessibilityViewIsModal?: boolean;\n};\n \n\nexport const getAccessibilityProps = (widgetType: AccessibilityWidgetType, accessibilityProps: AccessibilityPropsType \| any) => {\n if(accessibilityProps.accessible === false){\n return {accessible: false, importantForAccessibility: \"no\"}\n }\n let props: AccessibilityPropsType = {accessible: true};\n if (!_isScreenReaderEnabled \|\| isWebPreviewMode()) {\n return {};\n }\n switch (widgetType) {\n case AccessibilityWidgetType.BUTTON:\n case AccessibilityWidgetType.TEXT:\n case AccessibilityWidgetType.NUMBER:\n case AccessibilityWidgetType.TEXTAREA:\n case AccessibilityWidgetType.CURRENCY:\n case AccessibilityWidgetType.TOGGLE:\n case AccessibilityWidgetType.DATE:\n case AccessibilityWidgetType.LABEL:\n case AccessibilityWidgetType.MESSAGE: \n case AccessibilityWidgetType.SEARCH: \n case AccessibilityWidgetType.ICON:\n case AccessibilityWidgetType.NAV:\n case AccessibilityWidgetType.POVOVER:\n case AccessibilityWidgetType.BOTTOMSHEET:\n case AccessibilityWidgetType.WEBVIEW:\n case AccessibilityWidgetType.LINECHART:\n case AccessibilityWidgetType.SLIDER:\n case AccessibilityWidgetType.VIDEO: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| accessibilityProps.caption?.toString();\n props.accessibilityHint = accessibilityProps.hint;\n props.accessibilityRole = accessibilityProps.accessibilityrole;\n\n if (\n widgetType === AccessibilityWidgetType.BUTTON \|\|\n widgetType === AccessibilityWidgetType.TEXT \|\|\n widgetType === AccessibilityWidgetType.NUMBER \|\|\n widgetType === AccessibilityWidgetType.TEXTAREA \|\|\n widgetType === AccessibilityWidgetType.TOGGLE \|\|\n widgetType === AccessibilityWidgetType.DATE\n ) {\n props.accessibilityState = { disabled: accessibilityProps.disabled };\n }\n if (\n (widgetType === AccessibilityWidgetType.TEXT \|\|\n widgetType === AccessibilityWidgetType.NUMBER \|\|\n widgetType === AccessibilityWidgetType.TEXTAREA \|\|\n widgetType === AccessibilityWidgetType.CURRENCY \|\|\n widgetType === AccessibilityWidgetType.TOGGLE) &&\n isAndroid()\n ) {\n props.accessibilityLabelledBy =\n accessibilityProps.accessibilitylabelledby;\n }\n if (\n widgetType === AccessibilityWidgetType.NUMBER \|\|\n widgetType === AccessibilityWidgetType.CURRENCY\n ) {\n props.accessibilityValue = {\n min: accessibilityProps.minvalue,\n max: accessibilityProps.maxvalue,\n };\n }\n if (widgetType === AccessibilityWidgetType.TOGGLE) {\n props.accessibilityState = {\n ...props.accessibilityState,\n checked: accessibilityProps.selected,\n };\n }\n break;\n }\n\n case AccessibilityWidgetType.TABS: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| accessibilityProps.title;\n props.accessibilityHint = accessibilityProps.hint;\n props.accessibilityRole = accessibilityProps.accessibilityrole \|\| 'tab';\n props.accessibilityState = {\n ...props.accessibilityState,\n selected: accessibilityProps.selected,\n };\n break;\n }\n\n case AccessibilityWidgetType.ANCHOR: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| (accessibilityProps.badgevalue ? `${accessibilityProps.caption} ${accessibilityProps.badgevalue}` : accessibilityProps.caption);\n props.accessibilityHint = accessibilityProps.hint;\n props.accessibilityRole = accessibilityProps.accessibilityrole\n break;\n }\n\n case AccessibilityWidgetType.CHECKBOX: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| accessibilityProps.caption?.toString();\n props.accessibilityHint = accessibilityProps.hint;\n props.accessibilityRole = accessibilityProps.accessibilityrole \|\| 'checkbox'\n props.accessibilityState = {\n disabled: accessibilityProps.readonly \|\| accessibilityProps.disabled,\n checked: accessibilityProps.checked,\n };\n break;\n }\n\n case AccessibilityWidgetType.SELECT: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| accessibilityProps.displayValue \|\| \"Select an option\"\n props.accessibilityHint = accessibilityProps.hint\n props.accessibilityRole = accessibilityProps.accessibilityrole \|\| 'button',\n props.accessibilityState = {\n disabled: accessibilityProps.readonly \|\| accessibilityProps.disabled,\n expanded: accessibilityProps.expanded,\n };\n if(isAndroid()) {\n props.accessibilityLabelledBy =\n accessibilityProps.accessibilitylabelledby;\n }\n break;\n }\n\n case AccessibilityWidgetType.RADIOSET: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| 'Select your preferred option';\n props.accessibilityHint = accessibilityProps.hint;\n props.accessibilityRole = accessibilityProps.accessibilityrole \|\| 'radiogroup'\n break;\n }\n\n case AccessibilityWidgetType.CHECKBOXSET: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| 'Select your preferred options';\n props.accessibilityHint = accessibilityProps.hint;\n props.accessibilityRole = accessibilityProps.accessibilityrole \|\| 'combobox'\n break;\n }\n\n case AccessibilityWidgetType.SWITCH: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| \"Select an option\";\n props.accessibilityHint = accessibilityProps.hint;\n props.accessibilityRole = accessibilityProps.accessibilityrole\n props.accessibilityState = {\n disabled: accessibilityProps.disabled,\n selected: accessibilityProps.selected,\n };\n break;\n }\n case AccessibilityWidgetType.PROGRESSBAR:\n case AccessibilityWidgetType.PROGRESSCIRCLE: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| accessibilityProps.caption?.toString();\n props.accessibilityRole = accessibilityProps.accessibilityrole;\n break;\n }\n case AccessibilityWidgetType.PICTURE: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| accessibilityProps.alttext \|\| 'Image';\n props.accessibilityHint = accessibilityProps.hint;\n props.accessibilityRole = accessibilityProps.accessibilityrole;\n break;\n }\n case AccessibilityWidgetType.OFFLINE_BANNER: {\n props.accessibilityLabel = accessibilityProps.accessibilitylabel \|\| 'Offline mode notification';\n props.accessibilityHint = accessibilityProps.hint;\n props.accessibilityRole = accessibilityProps.accessibilityrole \|\| 'alert';\n props.accessibilityLiveRegion = 'polite';\n break;\n }\n default:\n break;\n }\n\n const finalProps = removeUndefinedKeys(props);\n // console.log('finalProps', finalProps)\n\n return finalProps;\n}"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,cAAc;AAChD,SAASC,SAAS,EAAEC,gBAAgB,EAAEC,mBAAmB,QAAQ,SAAS;AAE1E,IAAIC,sBAAsB,GAAG,KAAK;AAElCJ,iBAAiB,CAACK,gBAAgB,CAChC,qBAAqB,EACrBC,IAAI,IAAI;EACNF,sBAAsB,GAAGE,IAAI;AAC/B,CACF,CAAC;AAED,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAMH,sBAAsB;AAEjE,eAAeI,qBAAqBA,CAAA,EAAG;EACrCJ,sBAAsB,GAAI,CAACF,gBAAgB,CAAC,CAAC,KAAI,MAAMF,iBAAiB,CAACO,qBAAqB,CAAC,CAAC,CAAC;AACnG;AAEAC,qBAAqB,CAAC,CAAC;AAEvB,WAAYC,uBAAuB,0BAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAA,OAAvBA,uBAAuB;AAAA;AA+BlC;AAgCD,OAAO,MAAMC,qBAAqB,GAAGA,CAACC,UAAmC,EAAEC,kBAAgD,KAAK;EAC9H,IAAGA,kBAAkB,CAACC,UAAU,KAAK,KAAK,EAAC;IACzC,OAAO;MAACA,UAAU,EAAE,KAAK;MAAEC,yBAAyB,EAAE;IAAI,CAAC;EAC7D;EACA,IAAIC,KAA6B,GAAG;IAACF,UAAU,EAAE;EAAI,CAAC;EACtD,IAAI,CAACT,sBAAsB,IAAIF,gBAAgB,CAAC,CAAC,EAAE;IACjD,OAAO,CAAC,CAAC;EACX;EACA,QAAQS,UAAU;IAChB,KAAKF,uBAAuB,CAACO,MAAM;IACnC,KAAKP,uBAAuB,CAACQ,IAAI;IACjC,KAAKR,uBAAuB,CAACS,MAAM;IACnC,KAAKT,uBAAuB,CAACU,QAAQ;IACrC,KAAKV,uBAAuB,CAACW,QAAQ;IACrC,KAAKX,uBAAuB,CAACY,MAAM;IACnC,KAAKZ,uBAAuB,CAACa,IAAI;IACjC,KAAKb,uBAAuB,CAACc,KAAK;IAClC,KAAKd,uBAAuB,CAACe,OAAO;IACpC,KAAKf,uBAAuB,CAACgB,MAAM;IACnC,KAAKhB,uBAAuB,CAACiB,IAAI;IACjC,KAAKjB,uBAAuB,CAACkB,GAAG;IAChC,KAAKlB,uBAAuB,CAACmB,OAAO;IACpC,KAAKnB,uBAAuB,CAACoB,WAAW;IACxC,KAAKpB,uBAAuB,CAACqB,OAAO;IACpC,KAAKrB,uBAAuB,CAACsB,SAAS;IACtC,KAAKtB,uBAAuB,CAACuB,MAAM;IACnC,KAAKvB,uBAAuB,CAACwB,KAAK;MAAE;QAAA,IAAAC,qBAAA;QAClCnB,KAAK,CAACoB,kBAAkB,GAAGvB,kBAAkB,CAACwB,kBAAkB,MAAAF,qBAAA,GAAItB,kBAAkB,CAACyB,OAAO,cAAAH,qBAAA,uBAA1BA,qBAAA,CAA4BI,QAAQ,CAAC,CAAC;QAC1GvB,KAAK,CAACwB,iBAAiB,GAAG3B,kBAAkB,CAAC4B,IAAI;QACjDzB,KAAK,CAAC0B,iBAAiB,GAAG7B,kBAAkB,CAAC8B,iBAAiB;QAE9D,IACE/B,UAAU,KAAKF,uBAAuB,CAACO,MAAM,IAC7CL,UAAU,KAAKF,uBAAuB,CAACQ,IAAI,IAC3CN,UAAU,KAAKF,uBAAuB,CAACS,MAAM,IAC7CP,UAAU,KAAKF,uBAAuB,CAACU,QAAQ,IAC/CR,UAAU,KAAKF,uBAAuB,CAACY,MAAM,IAC7CV,UAAU,KAAKF,uBAAuB,CAACa,IAAI,EAC3C;UACAP,KAAK,CAAC4B,kBAAkB,GAAG;YAAEC,QAAQ,EAAEhC,kBAAkB,CAACgC;UAAS,CAAC;QACtE;QACA,IACE,CAACjC,UAAU,KAAKF,uBAAuB,CAACQ,IAAI,IAC1CN,UAAU,KAAKF,uBAAuB,CAACS,MAAM,IAC7CP,UAAU,KAAKF,uBAAuB,CAACU,QAAQ,IAC/CR,UAAU,KAAKF,uBAAuB,CAACW,QAAQ,IAC/CT,UAAU,KAAKF,uBAAuB,CAACY,MAAM,KAC/CpB,SAAS,CAAC,CAAC,EACX;UACAc,KAAK,CAAC8B,uBAAuB,GAC3BjC,kBAAkB,CAACkC,uBAAuB;QAC9C;QACA,IACEnC,UAAU,KAAKF,uBAAuB,CAACS,MAAM,IAC7CP,UAAU,KAAKF,uBAAuB,CAACW,QAAQ,EAC/C;UACAL,KAAK,CAACgC,kBAAkB,GAAG;YACzBC,GAAG,EAAEpC,kBAAkB,CAACqC,QAAQ;YAChCC,GAAG,EAAEtC,kBAAkB,CAACuC;UAC1B,CAAC;QACH;QACA,IAAIxC,UAAU,KAAKF,uBAAuB,CAACY,MAAM,EAAE;UACjDN,KAAK,CAAC4B,kBAAkB,GAAG;YACzB,GAAG5B,KAAK,CAAC4B,kBAAkB;YAC3BS,OAAO,EAAExC,kBAAkB,CAACyC;UAC9B,CAAC;QACH;QACA;MACF;IAEA,KAAK5C,uBAAuB,CAAC6C,IAAI;MAAE;QACjCvC,KAAK,CAACoB,kBAAkB,GAAGvB,kBAAkB,CAACwB,kBAAkB,IAAIxB,kBAAkB,CAAC2C,KAAK;QAC5FxC,KAAK,CAACwB,iBAAiB,GAAG3B,kBAAkB,CAAC4B,IAAI;QACjDzB,KAAK,CAAC0B,iBAAiB,GAAG7B,kBAAkB,CAAC8B,iBAAiB,IAAI,KAAK;QACvE3B,KAAK,CAAC4B,kBAAkB,GAAG;UACzB,GAAG5B,KAAK,CAAC4B,kBAAkB;UAC3BU,QAAQ,EAAEzC,kBAAkB,CAACyC;QAC/B,CAAC;QACD;MACF;IAEA,KAAK5C,uBAAuB,CAAC+C,MAAM;MAAE;QACnCzC,KAAK,CAACoB,kBAAkB,GAAGvB,kBAAkB,CAACwB,kBAAkB,KAAKxB,kBAAkB,CAAC6C,UAAU,GAAG,GAAG7C,kBAAkB,CAACyB,OAAO,IAAIzB,kBAAkB,CAAC6C,UAAU,EAAE,GAAG7C,kBAAkB,CAACyB,OAAO,CAAC;QACnMtB,KAAK,CAACwB,iBAAiB,GAAG3B,kBAAkB,CAAC4B,IAAI;QACjDzB,KAAK,CAAC0B,iBAAiB,GAAG7B,kBAAkB,CAAC8B,iBAAiB;QAC9D;MACF;IAEA,KAAKjC,uBAAuB,CAACiD,QAAQ;MAAE;QAAA,IAAAC,sBAAA;QACrC5C,KAAK,CAACoB,kBAAkB,GAAGvB,kBAAkB,CAACwB,kBAAkB,MAAAuB,sBAAA,GAAI/C,kBAAkB,CAACyB,OAAO,cAAAsB,sBAAA,uBAA1BA,sBAAA,CAA4BrB,QAAQ,CAAC,CAAC;QAC1GvB,KAAK,CAACwB,iBAAiB,GAAG3B,kBAAkB,CAAC4B,IAAI;QACjDzB,KAAK,CAAC0B,iBAAiB,GAAG7B,kBAAkB,CAAC8B,iBAAiB,IAAI,UAAU;QAC5E3B,KAAK,CAAC4B,kBAAkB,GAAG;UACzBC,QAAQ,EAAEhC,kBAAkB,CAACgD,QAAQ,IAAKhD,kBAAkB,CAACgC,QAAQ;UACrEQ,OAAO,EAAExC,kBAAkB,CAACwC;QAC9B,CAAC;QACD;MACF;IAEA,KAAK3C,uBAAuB,CAACoD,MAAM;MAAE;QACnC9C,KAAK,CAACoB,kBAAkB,GAAGvB,kBAAkB,CAACwB,kBAAkB,IAAIxB,kBAAkB,CAACkD,YAAY,IAAI,kBAAkB;QACzH/C,KAAK,CAACwB,iBAAiB,GAAG3B,kBAAkB,CAAC4B,IAAI;QACjDzB,KAAK,CAAC0B,iBAAiB,GAAG7B,kBAAkB,CAAC8B,iBAAiB,IAAI,QAAQ,EAC1E3B,KAAK,CAAC4B,kBAAkB,GAAG;UACzBC,QAAQ,EAAEhC,kBAAkB,CAACgD,QAAQ,IAAKhD,kBAAkB,CAACgC,QAAQ;UACrEmB,QAAQ,EAAEnD,kBAAkB,CAACmD;QAC/B,CAAC;QACD,IAAG9D,SAAS,CAAC,CAAC,EAAE;UACdc,KAAK,CAAC8B,uBAAuB,GAC3BjC,kBAAkB,CAACkC,uBAAuB;QAC9C;QACA;MACF;IAEA,KAAKrC,uBAAuB,CAACuD,QAAQ;MAAE;QACrCjD,KAAK,CAACoB,kBAAkB,GAAGvB,kBAAkB,CAACwB,kBAAkB,IAAI,8BAA8B;QAClGrB,KAAK,CAACwB,iBAAiB,GAAG3B,kBAAkB,CAAC4B,IAAI;QACjDzB,KAAK,CAAC0B,iBAAiB,GAAG7B,kBAAkB,CAAC8B,iBAAiB,IAAI,YAAY;QAC9E;MACF;IAEA,KAAKjC,uBAAuB,CAACwD,WAAW;MAAE;QACxClD,KAAK,CAACoB,kBAAkB,GAAGvB,kBAAkB,CAACwB,kBAAkB,IAAI,+BAA+B;QACnGrB,KAAK,CAACwB,iBAAiB,GAAG3B,kBAAkB,CAAC4B,IAAI;QACjDzB,KAAK,CAAC0B,iBAAiB,GAAG7B,kBAAkB,CAAC8B,iBAAiB,IAAI,UAAU;QAC5E;MACF;IAEA,KAAKjC,uBAAuB,CAACyD,MAAM;MAAE;QACnCnD,KAAK,CAACoB,kBAAkB,GAAGvB,kBAAkB,CAACwB,kBAAkB,IAAI,kBAAkB;QACtFrB,KAAK,CAACwB,iBAAiB,GAAG3B,kBAAkB,CAAC4B,IAAI;QACjDzB,KAAK,CAAC0B,iBAAiB,GAAG7B,kBAAkB,CAAC8B,iBAAiB;QAC9D3B,KAAK,CAAC4B,kBAAkB,GAAG;UACzBC,QAAQ,EAAEhC,kBAAkB,CAACgC,QAAQ;UACrCS,QAAQ,EAAEzC,kBAAkB,CAACyC;QAC/B,CAAC;QACD;MACF;IACA,KAAK5C,uBAAuB,CAAC0D,WAAW;IACxC,KAAK1D,uBAAuB,CAAC2D,cAAc;MAAE;QAAA,IAAAC,sBAAA;QAC3CtD,KAAK,CAACoB,kBAAkB,GAAGvB,kBAAkB,CAACwB,kBAAkB,MAAAiC,sBAAA,GAAIzD,kBAAkB,CAACyB,OAAO,cAAAgC,sBAAA,uBAA1BA,sBAAA,CAA4B/B,QAAQ,CAAC,CAAC;QAC1GvB,KAAK,CAAC0B,iBAAiB,GAAG7B,kBAAkB,CAAC8B,iBAAiB;QAC9D;MACF;IACA,KAAKjC,uBAAuB,CAAC6D,OAAO;MAAE;QACpCvD,KAAK,CAACoB,kBAAkB,GAAGvB,kBAAkB,CAACwB,kBAAkB,IAAIxB,kBAAkB,CAAC2D,OAAO,IAAI,OAAO;QACzGxD,KAAK,CAACwB,iBAAiB,GAAG3B,kBAAkB,CAAC4B,IAAI;QACjDzB,KAAK,CAAC0B,iBAAiB,GAAG7B,kBAAkB,CAAC8B,iBAAiB;QAC9D;MACF;IACA,KAAKjC,uBAAuB,CAAC+D,cAAc;MAAE;QAC3CzD,KAAK,CAACoB,kBAAkB,GAAGvB,kBAAkB,CAACwB,kBAAkB,IAAI,2BAA2B;QAC/FrB,KAAK,CAACwB,iBAAiB,GAAG3B,kBAAkB,CAAC4B,IAAI;QACjDzB,KAAK,CAAC0B,iBAAiB,GAAG7B,kBAAkB,CAAC8B,iBAAiB,IAAI,OAAO;QACzE3B,KAAK,CAAC0D,uBAAuB,GAAG,QAAQ;QACxC;MACF;IACA;MACE;EACJ;EAEA,MAAMC,UAAU,GAAGvE,mBAAmB,CAACY,KAAK,CAAC;EAC7C;;EAEA,OAAO2D,UAAU;AACnB,CAAC","ignoreList":[]}

package/core/auto-layout.utils.js CHANGED Viewed

@@ -234,6 +234,65 @@ export function getDirectionStyle(props) {
   }
   return directionStyle;
 }
+/**
+ * Resolves a plain (non-auto-layout) widget's own width/height fill|hug tokens into
+ * flex styles based on its parent's direction. Deliberately independent of
+ * getDimensionStyle (which drives auto-layout containers) so this can be applied
+ * generically to any widget without touching that existing, already-relied-upon logic.
+ * No-ops unless width/height is exactly 'fill' or 'hug'.
+ */
+export function resolveFillHugStyle(width, height, parentDirection, hasParentAlignment = false) {
+  const dimensionStyle = {};
+  const isRow = parentDirection === 'row';
+  if (height === 'fill') {
+    if (!parentDirection) {
+      dimensionStyle.height = '100%';
+    } else {
+      if (isRow) {
+        dimensionStyle.alignSelf = 'stretch';
+      } else {
+        dimensionStyle.flexGrow = 1;
+        dimensionStyle.flexShrink = 0;
+        dimensionStyle.flexBasis = 0;
+        dimensionStyle.minHeight = 0;
+      }
+      dimensionStyle.height = undefined;
+    }
+  } else if (height === 'hug') {
+    if (parentDirection && !isRow) {
+      dimensionStyle.flexGrow = 0;
+    }
+    dimensionStyle.height = undefined;
+  }
+  if (width === 'fill') {
+    if (!parentDirection) {
+      dimensionStyle.width = '100%';
+    } else {
+      if (isRow) {
+        dimensionStyle.flexGrow = 1;
+        dimensionStyle.flexShrink = 0;
+        dimensionStyle.flexBasis = 0;
+        dimensionStyle.minWidth = 0;
+      } else {
+        dimensionStyle.alignSelf = 'stretch';
+      }
+      dimensionStyle.width = undefined;
+    }
+  } else if (width === 'hug') {
+    if (parentDirection) {
+      if (isRow) {
+        dimensionStyle.flexGrow = 0;
+        dimensionStyle.flexBasis = 'auto';
+        dimensionStyle.flexShrink = 0;
+      } else if (!hasParentAlignment) {
+        dimensionStyle.alignSelf = 'flex-start';
+      }
+    }
+    dimensionStyle.width = undefined;
+  }
+  return dimensionStyle;
+}
 export function extractAutoLayoutProps(source, parentProps) {
   var _source$overflow, _source$parentdirecti, _source$parentalignme;
   return {