@wavemaker/app-rn-runtime 11.4.0-next.25501 → 11.4.0-next.27501

app-rn-runtime/components/basic/search/search.component.js

@@ -15,6 +15,7 @@ import WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/pictur
 import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
 import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
 import { get, isArray, isEmpty, isObject } from "lodash-es";
+import { AssetProvider } from '@wavemaker/app-rn-runtime/core/asset.provider';
 export class WmSearchState extends BaseDatasetState {
   constructor() {
     super(...arguments);
@@ -395,12 +396,14 @@ export default class WmSearch extends BaseDatasetComponent {
           maxHeight: 200
         },
         contentContainerStyle: this.styles.dropDownContent
+      }, /*#__PURE__*/React.createElement(AssetProvider, {
+        value: this.loadAsset
       }, result && result.map((item, index) => /*#__PURE__*/React.createElement(View, {
         key: item.key
       }, !props.limit || props.limit && index + 1 <= props.limit ? this.renderSearchItem(item, index) : null, index === result.length - 1 ? /*#__PURE__*/React.createElement(WmAnchor, {
         caption: props.datacompletemsg,
         styles: this.styles.dataCompleteItem
-      }) : null))), this.styles, modalService));
+      }) : null)))), this.styles, modalService));
       return null;
     }) : null);
   }

app-rn-runtime/components/basic/search/search.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Keyboard","Platform","ScrollView","Text","TextInput","View","find","isNull","WmSearchProps","DEFAULT_CLASS","ModalConsumer","DataProvider","BaseDatasetComponent","BaseDatasetState","WmAnchor","WmPicture","Tappable","WmButton","get","isArray","isEmpty","isObject","WmSearchState","top","left","WmSearch","constructor","props","Promise","resolve","position","view","measure","x","y","width","height","px","py","updateState","computePosition","then","isOpened","dataProvider","datavalue","query","clearSearch","invokeEventCallback","hide","dataItems","state","map","item","selected","type","updateFilteredData","queryText","filterOptions","entries","filteredData","minchars","length","searchkey","updateRequired","undefined","init","invokeVariable","response","dataSet","setDataItems","filter","result","dataObject","data","isFocused","showPopover","focus","widgetRef","onChange","value","isDefaultQuery","prevQuery","searchon","validate","invokeEvent","proxy","invokeChange","e","OS","cursor","target","selectionStart","onFocus","disabled","onBlur","setTimeout","triggerValidation","prepareModalOptions","content","styles","modalService","o","modalOptions","modalContentSTyles","searchInputWidth","modalContent","borderWidth","modalStyle","modal","contentStyle","isModal","onClose","dismiss","setState","hideModal","searchIconPress","onItemSelect","displayexp","displayfield","datafield","updateDatavalue","prevDatavalue","queryModel","renderSearchBar","opts","valueExpr","root","ref","searchInputWrapper","text","isValid","invalid","focusedText","selectionEnd","placeholderText","color","placeholder","autofocus","readonly","bind","nativeEvent","layout","showclear","clearButton","showSearchIcon","searchButton","reset","renderSearchItem","index","imageStyles","imagewidth","searchItem","name","imgSrc","searchItemText","updateDefaultQueryModel","selectedItem","onDataItemsUpdate","componentDidMount","onPropertyChange","$new","$old","dataset","renderWidget","showModal","maxHeight","dropDownContent","key","limit","datacompletemsg","dataCompleteItem"],"sources":["search.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Keyboard, Platform, ScrollView, Text, TextInput, View } from 'react-native';\nimport { find, isNull } from 'lodash';\n\nimport WmSearchProps from './search.props';\nimport { DEFAULT_CLASS, WmSearchStyles } from './search.styles';\nimport { ModalConsumer, ModalOptions, ModalService} from \"@wavemaker/app-rn-runtime/core/modal.service\";\nimport { DataProvider } from '@wavemaker/app-rn-runtime/components/basic/search/local-data-provider';\n\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { get, isArray, isEmpty, isObject } from \"lodash-es\";\n\nexport class WmSearchState extends BaseDatasetState<WmSearchProps> {\n  isOpened: boolean = false;\n  modalOptions = {} as ModalOptions;\n  position = {\n    top: 0,\n    left: 0\n  } as DropdownPosition;\n  data: any = [];\n}\n\nexport interface DropdownPosition {\n  top?: number;\n  bottom?: number;\n  left?: number;\n  right?: number;\n}\n\nexport default class WmSearch extends BaseDatasetComponent<WmSearchProps, WmSearchState, WmSearchStyles> {\n  view: View = null as any;\n  private prevDatavalue: any;\n  private queryModel: any;\n  private searchInputWidth: any;\n  private isDefaultQuery: boolean = true;\n  private dataProvider: DataProvider;\n  public widgetRef: TextInput | null = null;\n  private cursor: any = 0;\n  private isFocused: boolean = false;\n  private updateRequired: any;\n\n  constructor(props: WmSearchProps) {\n    super(props, DEFAULT_CLASS, new WmSearchProps(), new WmSearchState());\n    this.dataProvider = new DataProvider();\n    if (this.props.datavalue) {\n      this.updateState({\n        props: {\n          query: this.props.datavalue\n        }\n      } as WmSearchState);\n    }\n  }\n\n  computePosition = () => {\n    return new Promise<void>((resolve) => {\n      const position = {} as DropdownPosition;\n      this.view.measure((x = 0, y = 0, width = 0, height = 0, px = 0, py = 0) => {\n        position.left = px;\n        position.top = py + height;\n        this.updateState({ position: position } as WmSearchState, resolve);\n      });\n    });\n  }\n\n  clearSearch() {\n    this.invokeEventCallback('onClear', [null, this]);\n    this.hide();\n    this.updateState({\n      props: {\n        query: ''\n      },\n      dataItems: this.state.dataItems ? this.state.dataItems.map((item: any) => {\n        item.selected = false;\n        return item;\n      }) : []\n    } as WmSearchState, () => {\n      if (this.state.props.type === 'autocomplete') {\n        this.updateFilteredData('');\n      }\n    });\n  }\n\n  updateFilteredData(queryText: string = '') {\n    const props = this.state.props;\n    const filterOptions = {\n      query: queryText,\n      props: props,\n      entries: this.state.dataItems\n    };\n    let filteredData: Array<any> = [];\n    if (props.minchars && queryText.length < props.minchars) {\n      filteredData = [];\n    } else if (props.type === 'search' && !queryText) {\n      filteredData = [];\n    } else {\n      if (this.props.searchkey && this.updateRequired === undefined) {\n        this.updateRequired = this.dataProvider.init(this);\n      }\n      // for service variables invoke the variable with params.\n      if (this.props.searchkey && this.updateRequired && this.state.props.query !== queryText) {\n        this.dataProvider.invokeVariable(this, queryText).then((response: any) => {\n          if (response) {\n            response = response.dataSet;\n            if (isEmpty(response)) {\n              filteredData = [];\n            } else {\n              if (isObject(response) && !isArray(response)) {\n                response = [response];\n              }\n              this.setDataItems(response);\n            }\n          }\n        }, () => {});\n        return;\n      }\n      filteredData = this.dataProvider?.filter(filterOptions);\n    }\n    this.updateState({\n      props: { result: filteredData?.map( (item: any) => item.dataObject), query: queryText },\n      data: filteredData,\n    } as WmSearchState);\n    if (!this.state.isOpened && this.isFocused) {\n      this.showPopover && this.showPopover();\n    }\n  }\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  onChange(value: any) {\n    this.isDefaultQuery = false;\n    const prevQuery = this.state.props.query;\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateState({\n        props: {result: [], query: value},\n        data: []\n      } as WmSearchState);\n    } else {\n      this.updateFilteredData(value);\n    }\n    if (value === '') {\n      this.validate(value);\n      this.updateState({\n        props: {\n          datavalue: '',\n        },\n      } as WmSearchState);\n      return;\n    }\n    if (this.props.invokeEvent) {\n      this.props.invokeEvent('onChange', [undefined, this.proxy, value, prevQuery]);\n    }\n     this.invokeEventCallback('onChange', [ undefined, this.proxy, value, prevQuery ]);\n  }\n\n  invokeChange(e: any) {\n    if (Platform.OS === 'web') {\n      this.cursor = e.target.selectionStart;\n      this.updateState({ props: { query: e.target.value } } as WmSearchState);\n    }\n  }\n\n  onFocus() {\n    this.isFocused = true;\n    if (!this.state.props.disabled && this.state.props.type === 'autocomplete') {\n      this.cursor = this.state.props.query?.length || 0;\n      this.updateFilteredData(this.state.props.query || '');\n    }\n    this.invokeEventCallback('onFocus', [null, this]);\n  }\n\n  onBlur() {\n    this.isFocused = false;\n    this.validate(this.state.props.datavalue);\n    if (!this.state.props.datavalue) {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      })\n    }\n    this.invokeEventCallback('onBlur', [null, this]);\n  }\n\n  public showPopover = () => {\n    this.computePosition().then(() => {\n      this.updateState({ isOpened: true } as WmSearchState);\n    });\n  };\n\n  public hide = () => {};\n\n  prepareModalOptions(content: React.ReactNode, styles: WmSearchStyles, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    const modalContentSTyles = {\n      width: this.searchInputWidth - 2 * (styles.modalContent.borderWidth || 0),\n      left: (this.state.position.left || 0) + 2 * (styles.modalContent.borderWidth || 0) };\n    o.modalStyle = {...styles.modal};\n    o.contentStyle = {...styles.modalContent, ...this.state.position, ...modalContentSTyles};\n    o.content = content;\n    o.isModal = true;\n    o.onClose = () => {\n      this.hide = () => {};\n      Keyboard.dismiss();\n      if (this.state.isOpened) {\n        this.setState({isOpened: false, modalOptions: {} as ModalOptions} as WmSearchState);\n      }\n    };\n    this.hide = () => {\n      modalService.hideModal(this.state.modalOptions);\n      if (this.state.isOpened) {\n        this.setState({ isOpened: false, modalOptions: {} as ModalOptions } as WmSearchState);\n      }\n    }\n    return o;\n  }\n\n  searchIconPress() {\n    this.isFocused = false;\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateFilteredData(this.state.props.query);\n    } else {\n      this.onItemSelect(this.state.data[0]);\n    }\n  }\n\n  onItemSelect(item: any) {\n    this.isFocused = false;\n    this.updateState({ props: {\n        query: item.displayexp || item.displayfield\n      }\n    } as WmSearchState);\n    this.validate(item.datafield);\n    this.updateDatavalue(item.datafield);\n    this.prevDatavalue = item.datafield;\n    this.queryModel = item;\n    if (get(this.props, 'formfield')) {\n      // @ts-ignore\n      this.props.invokeEvent('onSelect', [null, this, item.datafield]);\n      // @ts-ignore\n      this.props.invokeEvent('onSubmit', [null, this]);\n    } else {\n      this.invokeEventCallback('onSelect', [null, this, item.datafield]);\n      this.invokeEventCallback('onSubmit', [null, this]);\n    }\n    this.hide();\n  }\n\n  renderSearchBar() {\n    const props = this.state.props;\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.props.query || '';\n    return(\n      /*\n       * onLayout function is required.\n       * https://github.com/naoufal/react-native-accordion/pull/19/files\n       */\n      <View style={this.styles.root} ref={ref => {this.view = ref as View}} onLayout={() => {}}>\n        <View style={this.styles.searchInputWrapper}>\n          <TextInput style={[this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isOpened && this.state.dataItems?.length > 0? this.styles.focusedText : null]}\n           ref={ref => {this.widgetRef = ref;\n             // @ts-ignore\n             if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n               // @ts-ignore\n               ref.selectionStart = ref.selectionEnd = this.cursor;\n             }}}\n            placeholderTextColor={this.styles.placeholderText.color as any}\n            placeholder={props.placeholder || 'Search'}\n            autoFocus={props.autofocus}\n            editable={props.disabled || props.readonly ? false : true}\n            onChangeText={this.onChange.bind(this)}\n            onChange={this.invokeChange.bind(this)}\n            onFocus={this.onFocus.bind(this)}\n            onLayout={e => {this.searchInputWidth = e.nativeEvent.layout.width}}\n            onBlur={this.onBlur.bind(this)}\n            {...opts}>\n         </TextInput>\n         {props.showclear && this.state.props.query ? <WmButton onTap={this.clearSearch.bind(this)}\n                   styles={this.styles.clearButton} iconclass={'wi wi-clear'}></WmButton> : null}\n       </View>\n        {props.showSearchIcon && props.type === 'search' ? <WmButton styles={this.styles.searchButton}\n                  iconclass={'wm-sl-l sl-search'} onTap={this.searchIconPress.bind(this)}></WmButton> : null}\n      </View>\n    );\n  }\n\n  reset() {\n    if (this.state.props.query) {\n      this.updateState({\n        props: {\n          query: ''\n        }\n      } as WmSearchState);\n    }\n  }\n\n  renderSearchItem(item: any, index: number) {\n    const props = this.state.props;\n    const imageStyles = { root: {height:props.imagewidth, width:props.imagewidth}}\n    return (\n      <Tappable onTap={this.onItemSelect.bind(this, item)}>\n        <View  style={this.styles.searchItem}>\n          <WmPicture styles={imageStyles} name={props.name + '_image'}  picturesource={item.imgSrc}></WmPicture>\n          <Text style={this.styles.searchItemText}>{item.displayexp || item.displayfield}</Text>\n        </View>\n      </Tappable>\n    );\n  }\n\n  updateDefaultQueryModel() {\n    if (this.state.dataItems && this.state.dataItems.length && this.isDefaultQuery) {\n        const selectedItem = find(this.state.dataItems, (item) => item.selected);\n        this.updateState({ props: {\n            query: selectedItem ? (selectedItem.displayexp || selectedItem.displayfield) : ''\n          }\n        } as WmSearchState);\n    }\n  }\n\n  onDataItemsUpdate() {\n    super.onDataItemsUpdate();\n    this.isFocused && this.state.dataItems.length && this.updateFilteredData(this.state.props.query);\n    this.updateDefaultQueryModel();\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    this.updateDefaultQueryModel();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'dataset':\n        if (!isEmpty($new) && isObject($new) && !isArray($new)) {\n          $new = [$new];\n          this.updateState({\n            props: {\n              dataset: $new\n            }\n          } as WmSearchState);\n        }\n        break;\n    }\n    super.onPropertyChange(name, $new, $old);\n  }\n\n  renderWidget(props: WmSearchProps) {\n    const result = this.state.data;\n    return (\n      <View>\n        {this.renderSearchBar()}\n        {this.state.isOpened ? (\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              modalService.showModal(this.prepareModalOptions((\n                <ScrollView style={{width: '100%', maxHeight: 200}} contentContainerStyle={this.styles.dropDownContent}>\n                    {result && result.map((item: any, index: any) => (\n                      <View key={item.key}>\n                        {\n                          (!props.limit) || (props.limit && index+1 <= props.limit) ?\n                            this.renderSearchItem(item, index)\n                            : null\n                        }\n                        {\n                          index === result.length - 1 ?\n                          <WmAnchor caption={props.datacompletemsg} styles={this.styles.dataCompleteItem}></WmAnchor> : null\n                        }\n                      </View>\n                    ))}\n                </ScrollView>\n              ), this.styles, modalService));\n              return null;\n            }}\n          </ModalConsumer>) : null}\n      </View>\n\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Keyboard","Platform","ScrollView","Text","TextInput","View","find","isNull","WmSearchProps","DEFAULT_CLASS","ModalConsumer","DataProvider","BaseDatasetComponent","BaseDatasetState","WmAnchor","WmPicture","Tappable","WmButton","get","isArray","isEmpty","isObject","AssetProvider","WmSearchState","top","left","WmSearch","constructor","props","Promise","resolve","position","view","measure","x","y","width","height","px","py","updateState","computePosition","then","isOpened","dataProvider","datavalue","query","clearSearch","invokeEventCallback","hide","dataItems","state","map","item","selected","type","updateFilteredData","queryText","filterOptions","entries","filteredData","minchars","length","searchkey","updateRequired","undefined","init","invokeVariable","response","dataSet","setDataItems","filter","result","dataObject","data","isFocused","showPopover","focus","widgetRef","onChange","value","isDefaultQuery","prevQuery","searchon","validate","invokeEvent","proxy","invokeChange","e","OS","cursor","target","selectionStart","onFocus","disabled","onBlur","setTimeout","triggerValidation","prepareModalOptions","content","styles","modalService","o","modalOptions","modalContentSTyles","searchInputWidth","modalContent","borderWidth","modalStyle","modal","contentStyle","isModal","onClose","dismiss","setState","hideModal","searchIconPress","onItemSelect","displayexp","displayfield","datafield","updateDatavalue","prevDatavalue","queryModel","renderSearchBar","opts","valueExpr","root","ref","searchInputWrapper","text","isValid","invalid","focusedText","selectionEnd","placeholderText","color","placeholder","autofocus","readonly","bind","nativeEvent","layout","showclear","clearButton","showSearchIcon","searchButton","reset","renderSearchItem","index","imageStyles","imagewidth","searchItem","name","imgSrc","searchItemText","updateDefaultQueryModel","selectedItem","onDataItemsUpdate","componentDidMount","onPropertyChange","$new","$old","dataset","renderWidget","showModal","maxHeight","dropDownContent","loadAsset","key","limit","datacompletemsg","dataCompleteItem"],"sources":["search.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Keyboard, Platform, ScrollView, Text, TextInput, View } from 'react-native';\nimport { find, isNull } from 'lodash';\n\nimport WmSearchProps from './search.props';\nimport { DEFAULT_CLASS, WmSearchStyles } from './search.styles';\nimport { ModalConsumer, ModalOptions, ModalService} from \"@wavemaker/app-rn-runtime/core/modal.service\";\nimport { DataProvider } from '@wavemaker/app-rn-runtime/components/basic/search/local-data-provider';\n\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { get, isArray, isEmpty, isObject } from \"lodash-es\";\nimport { AssetProvider } from '@wavemaker/app-rn-runtime/core/asset.provider';\n\nexport class WmSearchState extends BaseDatasetState<WmSearchProps> {\n  isOpened: boolean = false;\n  modalOptions = {} as ModalOptions;\n  position = {\n    top: 0,\n    left: 0\n  } as DropdownPosition;\n  data: any = [];\n}\n\nexport interface DropdownPosition {\n  top?: number;\n  bottom?: number;\n  left?: number;\n  right?: number;\n}\n\nexport default class WmSearch extends BaseDatasetComponent<WmSearchProps, WmSearchState, WmSearchStyles> {\n  view: View = null as any;\n  private prevDatavalue: any;\n  private queryModel: any;\n  private searchInputWidth: any;\n  private isDefaultQuery: boolean = true;\n  private dataProvider: DataProvider;\n  public widgetRef: TextInput | null = null;\n  private cursor: any = 0;\n  private isFocused: boolean = false;\n  private updateRequired: any;\n\n  constructor(props: WmSearchProps) {\n    super(props, DEFAULT_CLASS, new WmSearchProps(), new WmSearchState());\n    this.dataProvider = new DataProvider();\n    if (this.props.datavalue) {\n      this.updateState({\n        props: {\n          query: this.props.datavalue\n        }\n      } as WmSearchState);\n    }\n  }\n\n  computePosition = () => {\n    return new Promise<void>((resolve) => {\n      const position = {} as DropdownPosition;\n      this.view.measure((x = 0, y = 0, width = 0, height = 0, px = 0, py = 0) => {\n        position.left = px;\n        position.top = py + height;\n        this.updateState({ position: position } as WmSearchState, resolve);\n      });\n    });\n  }\n\n  clearSearch() {\n    this.invokeEventCallback('onClear', [null, this]);\n    this.hide();\n    this.updateState({\n      props: {\n        query: ''\n      },\n      dataItems: this.state.dataItems ? this.state.dataItems.map((item: any) => {\n        item.selected = false;\n        return item;\n      }) : []\n    } as WmSearchState, () => {\n      if (this.state.props.type === 'autocomplete') {\n        this.updateFilteredData('');\n      }\n    });\n  }\n\n  updateFilteredData(queryText: string = '') {\n    const props = this.state.props;\n    const filterOptions = {\n      query: queryText,\n      props: props,\n      entries: this.state.dataItems\n    };\n    let filteredData: Array<any> = [];\n    if (props.minchars && queryText.length < props.minchars) {\n      filteredData = [];\n    } else if (props.type === 'search' && !queryText) {\n      filteredData = [];\n    } else {\n      if (this.props.searchkey && this.updateRequired === undefined) {\n        this.updateRequired = this.dataProvider.init(this);\n      }\n      // for service variables invoke the variable with params.\n      if (this.props.searchkey && this.updateRequired && this.state.props.query !== queryText) {\n        this.dataProvider.invokeVariable(this, queryText).then((response: any) => {\n          if (response) {\n            response = response.dataSet;\n            if (isEmpty(response)) {\n              filteredData = [];\n            } else {\n              if (isObject(response) && !isArray(response)) {\n                response = [response];\n              }\n              this.setDataItems(response);\n            }\n          }\n        }, () => {});\n        return;\n      }\n      filteredData = this.dataProvider?.filter(filterOptions);\n    }\n    this.updateState({\n      props: { result: filteredData?.map( (item: any) => item.dataObject), query: queryText },\n      data: filteredData,\n    } as WmSearchState);\n    if (!this.state.isOpened && this.isFocused) {\n      this.showPopover && this.showPopover();\n    }\n  }\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  onChange(value: any) {\n    this.isDefaultQuery = false;\n    const prevQuery = this.state.props.query;\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateState({\n        props: {result: [], query: value},\n        data: []\n      } as WmSearchState);\n    } else {\n      this.updateFilteredData(value);\n    }\n    if (value === '') {\n      this.validate(value);\n      this.updateState({\n        props: {\n          datavalue: '',\n        },\n      } as WmSearchState);\n      return;\n    }\n    if (this.props.invokeEvent) {\n      this.props.invokeEvent('onChange', [undefined, this.proxy, value, prevQuery]);\n    }\n     this.invokeEventCallback('onChange', [ undefined, this.proxy, value, prevQuery ]);\n  }\n\n  invokeChange(e: any) {\n    if (Platform.OS === 'web') {\n      this.cursor = e.target.selectionStart;\n      this.updateState({ props: { query: e.target.value } } as WmSearchState);\n    }\n  }\n\n  onFocus() {\n    this.isFocused = true;\n    if (!this.state.props.disabled && this.state.props.type === 'autocomplete') {\n      this.cursor = this.state.props.query?.length || 0;\n      this.updateFilteredData(this.state.props.query || '');\n    }\n    this.invokeEventCallback('onFocus', [null, this]);\n  }\n\n  onBlur() {\n    this.isFocused = false;\n    this.validate(this.state.props.datavalue);\n    if (!this.state.props.datavalue) {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      })\n    }\n    this.invokeEventCallback('onBlur', [null, this]);\n  }\n\n  public showPopover = () => {\n    this.computePosition().then(() => {\n      this.updateState({ isOpened: true } as WmSearchState);\n    });\n  };\n\n  public hide = () => {};\n\n  prepareModalOptions(content: React.ReactNode, styles: WmSearchStyles, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    const modalContentSTyles = {\n      width: this.searchInputWidth - 2 * (styles.modalContent.borderWidth || 0),\n      left: (this.state.position.left || 0) + 2 * (styles.modalContent.borderWidth || 0) };\n    o.modalStyle = {...styles.modal};\n    o.contentStyle = {...styles.modalContent, ...this.state.position, ...modalContentSTyles};\n    o.content = content;\n    o.isModal = true;\n    o.onClose = () => {\n      this.hide = () => {};\n      Keyboard.dismiss();\n      if (this.state.isOpened) {\n        this.setState({isOpened: false, modalOptions: {} as ModalOptions} as WmSearchState);\n      }\n    };\n    this.hide = () => {\n      modalService.hideModal(this.state.modalOptions);\n      if (this.state.isOpened) {\n        this.setState({ isOpened: false, modalOptions: {} as ModalOptions } as WmSearchState);\n      }\n    }\n    return o;\n  }\n\n  searchIconPress() {\n    this.isFocused = false;\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateFilteredData(this.state.props.query);\n    } else {\n      this.onItemSelect(this.state.data[0]);\n    }\n  }\n\n  onItemSelect(item: any) {\n    this.isFocused = false;\n    this.updateState({ props: {\n        query: item.displayexp || item.displayfield\n      }\n    } as WmSearchState);\n    this.validate(item.datafield);\n    this.updateDatavalue(item.datafield);\n    this.prevDatavalue = item.datafield;\n    this.queryModel = item;\n    if (get(this.props, 'formfield')) {\n      // @ts-ignore\n      this.props.invokeEvent('onSelect', [null, this, item.datafield]);\n      // @ts-ignore\n      this.props.invokeEvent('onSubmit', [null, this]);\n    } else {\n      this.invokeEventCallback('onSelect', [null, this, item.datafield]);\n      this.invokeEventCallback('onSubmit', [null, this]);\n    }\n    this.hide();\n  }\n\n  renderSearchBar() {\n    const props = this.state.props;\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.props.query || '';\n    return(\n      /*\n       * onLayout function is required.\n       * https://github.com/naoufal/react-native-accordion/pull/19/files\n       */\n      <View style={this.styles.root} ref={ref => {this.view = ref as View}} onLayout={() => {}}>\n        <View style={this.styles.searchInputWrapper}>\n          <TextInput style={[this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isOpened && this.state.dataItems?.length > 0? this.styles.focusedText : null]}\n           ref={ref => {this.widgetRef = ref;\n             // @ts-ignore\n             if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n               // @ts-ignore\n               ref.selectionStart = ref.selectionEnd = this.cursor;\n             }}}\n            placeholderTextColor={this.styles.placeholderText.color as any}\n            placeholder={props.placeholder || 'Search'}\n            autoFocus={props.autofocus}\n            editable={props.disabled || props.readonly ? false : true}\n            onChangeText={this.onChange.bind(this)}\n            onChange={this.invokeChange.bind(this)}\n            onFocus={this.onFocus.bind(this)}\n            onLayout={e => {this.searchInputWidth = e.nativeEvent.layout.width}}\n            onBlur={this.onBlur.bind(this)}\n            {...opts}>\n         </TextInput>\n         {props.showclear && this.state.props.query ? <WmButton onTap={this.clearSearch.bind(this)}\n                   styles={this.styles.clearButton} iconclass={'wi wi-clear'}></WmButton> : null}\n       </View>\n        {props.showSearchIcon && props.type === 'search' ? <WmButton styles={this.styles.searchButton}\n                  iconclass={'wm-sl-l sl-search'} onTap={this.searchIconPress.bind(this)}></WmButton> : null}\n      </View>\n    );\n  }\n\n  reset() {\n    if (this.state.props.query) {\n      this.updateState({\n        props: {\n          query: ''\n        }\n      } as WmSearchState);\n    }\n  }\n\n  renderSearchItem(item: any, index: number) {\n    const props = this.state.props;\n    const imageStyles = { root: {height:props.imagewidth, width:props.imagewidth}}\n    return (\n      <Tappable onTap={this.onItemSelect.bind(this, item)}>\n        <View  style={this.styles.searchItem}>\n          <WmPicture styles={imageStyles} name={props.name + '_image'}  picturesource={item.imgSrc}></WmPicture>\n          <Text style={this.styles.searchItemText}>{item.displayexp || item.displayfield}</Text>\n        </View>\n      </Tappable>\n    );\n  }\n\n  updateDefaultQueryModel() {\n    if (this.state.dataItems && this.state.dataItems.length && this.isDefaultQuery) {\n        const selectedItem = find(this.state.dataItems, (item) => item.selected);\n        this.updateState({ props: {\n            query: selectedItem ? (selectedItem.displayexp || selectedItem.displayfield) : ''\n          }\n        } as WmSearchState);\n    }\n  }\n\n  onDataItemsUpdate() {\n    super.onDataItemsUpdate();\n    this.isFocused && this.state.dataItems.length && this.updateFilteredData(this.state.props.query);\n    this.updateDefaultQueryModel();\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    this.updateDefaultQueryModel();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'dataset':\n        if (!isEmpty($new) && isObject($new) && !isArray($new)) {\n          $new = [$new];\n          this.updateState({\n            props: {\n              dataset: $new\n            }\n          } as WmSearchState);\n        }\n        break;\n    }\n    super.onPropertyChange(name, $new, $old);\n  }\n\n  renderWidget(props: WmSearchProps) {\n    const result = this.state.data;\n    return (\n      <View>\n        {this.renderSearchBar()}\n        {this.state.isOpened ? (\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              modalService.showModal(this.prepareModalOptions((\n                <ScrollView style={{width: '100%', maxHeight: 200}} contentContainerStyle={this.styles.dropDownContent}>\n                    <AssetProvider value={this.loadAsset}>\n                    {result && result.map((item: any, index: any) => (\n                      <View key={item.key}>\n                        {\n                          (!props.limit) || (props.limit && index+1 <= props.limit) ?\n                            this.renderSearchItem(item, index)\n                            : null\n                        }\n                        {\n                          index === result.length - 1 ?\n                          <WmAnchor caption={props.datacompletemsg} styles={this.styles.dataCompleteItem}></WmAnchor> : null\n                        }\n                      </View>\n                    ))}\n                    </AssetProvider>\n                </ScrollView>\n              ), this.styles, modalService));\n              return null;\n            }}\n          </ModalConsumer>) : null}\n      </View>\n\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/basic/spinner/spinner.component.js

@@ -3,6 +3,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
 import { Text, View, Platform } from 'react-native';
+import Color from "color";
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import WmSpinnerProps from './spinner.props';
 import { DEFAULT_CLASS } from './spinner.styles';
@@ -10,20 +11,19 @@ import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.compone
 import WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';
 import LottieView from 'lottie-react-native';
 import ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';
-import Color from "color";
 export class WmSpinnerState extends BaseComponentState {}
 export default class WmSpinner extends BaseComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmSpinnerProps());
     _defineProperty(this, "recursiveSearch", (obj, colors) => {
-      Object.keys(obj).forEach(key => {
+      obj && Object.keys(obj).forEach(key => {
         let value = obj[key];
         let ind = Math.floor(Math.random() * (0 - colors.length) + colors.length);
         if (key == "nm" && (value.toLowerCase().includes('fill ') || value.toLowerCase().includes('stroke '))) {
-          if (obj["c"]["k"].length == 4 || obj["c"]["k"].length == 3 && typeof obj["c"]["k"][0] == 'number') {
+          if (obj["c"] && obj["c"]["k"] && (obj["c"]["k"].length == 4 || obj["c"]["k"].length == 3 && typeof obj["c"]["k"][0] == 'number')) {
             obj["c"]["k"] = colors[ind];
           } else {
-            if (obj["c"]["k"]) {
+            if (obj["c"] && obj["c"]["k"]) {
               for (let shape in obj["c"]["k"]) {
                 if (obj["c"]["k"][shape] && obj["c"]["k"][shape]["s"]) {
                   obj["c"]["k"][shape]["s"] = colors[ind];
@@ -51,13 +51,12 @@ export default class WmSpinner extends BaseComponent {
       picturesource: props.image
     });
   }
-  hexToRgb(hex) {
-    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-    return result ? [parseInt(result[1], 16) / 255, parseInt(result[2], 16) / 255, parseInt(result[3], 16) / 255, 1] : null;
+  toRgbArray(color) {
+    return [color.red() / 255, color.green() / 255, color.blue() / 255, 1];
   }
   addClasstoLottie(lottiePath) {
-    let primaryColor = ThemeVariables.INSTANCE.primaryColor;
-    let colors = [this.hexToRgb(primaryColor), this.hexToRgb(Color(primaryColor).darken(0.2).hex().toString()), this.hexToRgb(Color(primaryColor).darken(0.4).hex().toString()), this.hexToRgb(Color(primaryColor).darken(0.6).hex().toString()), this.hexToRgb(Color(primaryColor).darken(0.8).hex().toString())];
+    let primaryColor = Color(ThemeVariables.INSTANCE.primaryColor);
+    let colors = [this.toRgbArray(primaryColor), this.toRgbArray(primaryColor.darken(0.2)), this.toRgbArray(primaryColor.darken(0.4)), this.toRgbArray(primaryColor.darken(0.6)), this.toRgbArray(primaryColor.darken(0.8))];
     return this.recursiveSearch(lottiePath.json, lottiePath.loader == 'circleSpinner' ? [colors[0]] : colors);
   }
   prepareLottie(props) {
@@ -69,6 +68,7 @@ export default class WmSpinner extends BaseComponent {
       style: this.styles.lottie
     }) : /*#__PURE__*/React.createElement(LottieView, {
       source: this.addClasstoLottie(props.lottie),
+      resizeMode: "contain",
       autoPlay: true,
       loop: true,
       style: this.styles.lottie
@@ -77,7 +77,7 @@ export default class WmSpinner extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, props.lottie ? this.prepareLottie(props) : props.image ? this.prepareImage(props) : this.prepareIcon(props), props.caption ? /*#__PURE__*/React.createElement(Text, {
+    }, this._background, props.lottie ? this.prepareLottie(props) : props.image ? this.prepareImage(props) : this.prepareIcon(props), props.caption ? /*#__PURE__*/React.createElement(Text, {
       style: this.styles.text
     }, props.caption) : null);
   }

app-rn-runtime/components/basic/spinner/spinner.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","Platform","BaseComponent","BaseComponentState","WmSpinnerProps","DEFAULT_CLASS","WmIcon","WmPicture","LottieView","ThemeVariables","Color","WmSpinnerState","WmSpinner","constructor","props","obj","colors","Object","keys","forEach","key","value","ind","Math","floor","random","length","toLowerCase","includes","shape","recursiveSearch","prepareIcon","styles","icon","iconclass","iconsize","prepareImage","image","hexToRgb","hex","result","exec","parseInt","addClasstoLottie","lottiePath","primaryColor","INSTANCE","darken","toString","json","loader","prepareLottie","Lottie","OS","require","lottie","renderWidget","root","caption","text"],"sources":["spinner.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, Platform } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmSpinnerProps from './spinner.props';\nimport { DEFAULT_CLASS, WmSpinnerStyles } from './spinner.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\nimport LottieView from 'lottie-react-native';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport Color from \"color\";\n\nexport class WmSpinnerState extends BaseComponentState<WmSpinnerProps> {\n\n}\n\nexport default class WmSpinner extends BaseComponent<WmSpinnerProps, WmSpinnerState, WmSpinnerStyles> {\n\n  constructor(props: WmSpinnerProps) {\n    super(props, DEFAULT_CLASS, new WmSpinnerProps());\n  }\n\n  private prepareIcon(props: any) {\n    return (<WmIcon\n      styles={this.styles.icon}\n      iconclass={props.iconclass + ' fa-spin'} iconsize={props.iconsize}></WmIcon>);\n  }\n\n  private prepareImage(props: any) {\n    return (<WmPicture\n        styles={this.styles.image}\n        picturesource={props.image}></WmPicture>);\n  }\n\n  private recursiveSearch = (obj: any, colors: any) => {\n      Object.keys(obj).forEach(key => {\n        let value = obj[key];\n        let ind = Math.floor(Math.random() * (0 - colors.length ) + colors.length);\n        if (key == \"nm\" && (value.toLowerCase().includes('fill ') || value.toLowerCase().includes('stroke '))) {\n            if (obj[\"c\"][\"k\"].length == 4 || (obj[\"c\"][\"k\"].length ==3 && typeof obj[\"c\"][\"k\"][0] == 'number')) {\n                obj[\"c\"][\"k\"] = colors[ind];\n            }\n            else {\n                if (obj[\"c\"][\"k\"]){\n                    for (let shape in obj[\"c\"][\"k\"]) {\n                      if(obj[\"c\"][\"k\"][shape] && obj[\"c\"][\"k\"][shape][\"s\"]){\n                        obj[\"c\"][\"k\"][shape][\"s\"] = colors[ind];\n                      }\n                    }\n                }\n            }\n        } else if (typeof value === 'object') {\n            this.recursiveSearch(value, colors);\n        }\n      });\n      return obj;\n  };\n\n  private hexToRgb(hex: any) {\n    var result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n    return result ? [parseInt(result[1], 16) / 255, parseInt(result[2], 16) / 255, parseInt(result[3], 16) / 255, 1] : null;\n  }\n\n  private addClasstoLottie(lottiePath: any) {\n    let primaryColor = ThemeVariables.INSTANCE.primaryColor;\n    let colors = [this.hexToRgb(primaryColor), \n      this.hexToRgb(Color(primaryColor).darken(0.2).hex().toString()), \n      this.hexToRgb(Color(primaryColor).darken(0.4).hex().toString()), \n      this.hexToRgb(Color(primaryColor).darken(0.6).hex().toString()), \n      this.hexToRgb(Color(primaryColor).darken(0.8).hex().toString())];\n    return this.recursiveSearch(lottiePath.json, lottiePath.loader == 'circleSpinner' ? [colors[0]] : colors);\n  }\n\n  private prepareLottie(props: any) {\n    const Lottie = Platform.OS == 'web' ? require('react-lottie-player') : null;\n    return (\n      Platform.OS == 'web' ? <Lottie animationData={this.addClasstoLottie(props.lottie)} loop={true} play={true} style={this.styles.lottie} /> : <LottieView\n        source={this.addClasstoLottie(props.lottie)}\n        autoPlay={true}\n        loop={true}\n        style={this.styles.lottie}\n      />\n    )\n  }\n\n  renderWidget(props: WmSpinnerProps) {\n    return (\n      <View style={this.styles.root}>\n        {props.lottie ? this.prepareLottie(props) : props.image ? this.prepareImage(props) : this.prepareIcon(props)}\n        {props.caption ? <Text style={this.styles.text}>{props.caption}</Text> : null}\n      </View>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AACnD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AACjE,OAAOC,MAAM,MAAM,gEAAgE;AACnF,OAAOC,SAAS,MAAM,sEAAsE;AAC5F,OAAOC,UAAU,MAAM,qBAAqB;AAC5C,OAAOC,cAAc,MAAM,kDAAkD;AAC7E,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,cAAc,SAASR,kBAAkB,CAAiB;AAIvE,eAAe,MAAMS,SAAS,SAASV,aAAa,CAAkD;EAEpGW,WAAW,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAET,aAAa,EAAE,IAAID,cAAc,EAAE,CAAC;IAAC,yCAe1B,CAACW,GAAQ,EAAEC,MAAW,KAAK;MACjDC,MAAM,CAACC,IAAI,CAACH,GAAG,CAAC,CAACI,OAAO,CAACC,GAAG,IAAI;QAC9B,IAAIC,KAAK,GAAGN,GAAG,CAACK,GAAG,CAAC;QACpB,IAAIE,GAAG,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,IAAI,CAAC,GAAGT,MAAM,CAACU,MAAM,CAAE,GAAGV,MAAM,CAACU,MAAM,CAAC;QAC1E,IAAIN,GAAG,IAAI,IAAI,KAAKC,KAAK,CAACM,WAAW,EAAE,CAACC,QAAQ,CAAC,OAAO,CAAC,IAAIP,KAAK,CAACM,WAAW,EAAE,CAACC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE;UACnG,IAAIb,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAACW,MAAM,IAAI,CAAC,IAAKX,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAACW,MAAM,IAAG,CAAC,IAAI,OAAOX,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,QAAS,EAAE;YAChGA,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAGC,MAAM,CAACM,GAAG,CAAC;UAC/B,CAAC,MACI;YACD,IAAIP,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAC;cACd,KAAK,IAAIc,KAAK,IAAId,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE;gBAC/B,IAAGA,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAACc,KAAK,CAAC,IAAId,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAACc,KAAK,CAAC,CAAC,GAAG,CAAC,EAAC;kBACnDd,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAACc,KAAK,CAAC,CAAC,GAAG,CAAC,GAAGb,MAAM,CAACM,GAAG,CAAC;gBACzC;cACF;YACJ;UACJ;QACJ,CAAC,MAAM,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;UAClC,IAAI,CAACS,eAAe,CAACT,KAAK,EAAEL,MAAM,CAAC;QACvC;MACF,CAAC,CAAC;MACF,OAAOD,GAAG;IACd,CAAC;EApCD;EAEQgB,WAAW,CAACjB,KAAU,EAAE;IAC9B,oBAAQ,oBAAC,MAAM;MACb,MAAM,EAAE,IAAI,CAACkB,MAAM,CAACC,IAAK;MACzB,SAAS,EAAEnB,KAAK,CAACoB,SAAS,GAAG,UAAW;MAAC,QAAQ,EAAEpB,KAAK,CAACqB;IAAS,EAAU;EAChF;EAEQC,YAAY,CAACtB,KAAU,EAAE;IAC/B,oBAAQ,oBAAC,SAAS;MACd,MAAM,EAAE,IAAI,CAACkB,MAAM,CAACK,KAAM;MAC1B,aAAa,EAAEvB,KAAK,CAACuB;IAAM,EAAa;EAC9C;EA0BQC,QAAQ,CAACC,GAAQ,EAAE;IACzB,IAAIC,MAAM,GAAG,2CAA2C,CAACC,IAAI,CAACF,GAAG,CAAC;IAClE,OAAOC,MAAM,GAAG,CAACE,QAAQ,CAACF,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,EAAEE,QAAQ,CAACF,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,EAAEE,QAAQ,CAACF,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,GAAG,IAAI;EACzH;EAEQG,gBAAgB,CAACC,UAAe,EAAE;IACxC,IAAIC,YAAY,GAAGpC,cAAc,CAACqC,QAAQ,CAACD,YAAY;IACvD,IAAI7B,MAAM,GAAG,CAAC,IAAI,CAACsB,QAAQ,CAACO,YAAY,CAAC,EACvC,IAAI,CAACP,QAAQ,CAAC5B,KAAK,CAACmC,YAAY,CAAC,CAACE,MAAM,CAAC,GAAG,CAAC,CAACR,GAAG,EAAE,CAACS,QAAQ,EAAE,CAAC,EAC/D,IAAI,CAACV,QAAQ,CAAC5B,KAAK,CAACmC,YAAY,CAAC,CAACE,MAAM,CAAC,GAAG,CAAC,CAACR,GAAG,EAAE,CAACS,QAAQ,EAAE,CAAC,EAC/D,IAAI,CAACV,QAAQ,CAAC5B,KAAK,CAACmC,YAAY,CAAC,CAACE,MAAM,CAAC,GAAG,CAAC,CAACR,GAAG,EAAE,CAACS,QAAQ,EAAE,CAAC,EAC/D,IAAI,CAACV,QAAQ,CAAC5B,KAAK,CAACmC,YAAY,CAAC,CAACE,MAAM,CAAC,GAAG,CAAC,CAACR,GAAG,EAAE,CAACS,QAAQ,EAAE,CAAC,CAAC;IAClE,OAAO,IAAI,CAAClB,eAAe,CAACc,UAAU,CAACK,IAAI,EAAEL,UAAU,CAACM,MAAM,IAAI,eAAe,GAAG,CAAClC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAGA,MAAM,CAAC;EAC3G;EAEQmC,aAAa,CAACrC,KAAU,EAAE;IAChC,MAAMsC,MAAM,GAAGnD,QAAQ,CAACoD,EAAE,IAAI,KAAK,GAAGC,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI;IAC3E,OACErD,QAAQ,CAACoD,EAAE,IAAI,KAAK,gBAAG,oBAAC,MAAM;MAAC,aAAa,EAAE,IAAI,CAACV,gBAAgB,CAAC7B,KAAK,CAACyC,MAAM,CAAE;MAAC,IAAI,EAAE,IAAK;MAAC,IAAI,EAAE,IAAK;MAAC,KAAK,EAAE,IAAI,CAACvB,MAAM,CAACuB;IAAO,EAAG,gBAAG,oBAAC,UAAU;MACpJ,MAAM,EAAE,IAAI,CAACZ,gBAAgB,CAAC7B,KAAK,CAACyC,MAAM,CAAE;MAC5C,QAAQ,EAAE,IAAK;MACf,IAAI,EAAE,IAAK;MACX,KAAK,EAAE,IAAI,CAACvB,MAAM,CAACuB;IAAO,EAC1B;EAEN;EAEAC,YAAY,CAAC1C,KAAqB,EAAE;IAClC,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACkB,MAAM,CAACyB;IAAK,GAC3B3C,KAAK,CAACyC,MAAM,GAAG,IAAI,CAACJ,aAAa,CAACrC,KAAK,CAAC,GAAGA,KAAK,CAACuB,KAAK,GAAG,IAAI,CAACD,YAAY,CAACtB,KAAK,CAAC,GAAG,IAAI,CAACiB,WAAW,CAACjB,KAAK,CAAC,EAC3GA,KAAK,CAAC4C,OAAO,gBAAG,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAAC1B,MAAM,CAAC2B;IAAK,GAAE7C,KAAK,CAAC4C,OAAO,CAAQ,GAAG,IAAI,CACxE;EAEX;AACF"}
+{"version":3,"names":["React","Text","View","Platform","Color","BaseComponent","BaseComponentState","WmSpinnerProps","DEFAULT_CLASS","WmIcon","WmPicture","LottieView","ThemeVariables","WmSpinnerState","WmSpinner","constructor","props","obj","colors","Object","keys","forEach","key","value","ind","Math","floor","random","length","toLowerCase","includes","shape","recursiveSearch","prepareIcon","styles","icon","iconclass","iconsize","prepareImage","image","toRgbArray","color","red","green","blue","addClasstoLottie","lottiePath","primaryColor","INSTANCE","darken","json","loader","prepareLottie","Lottie","OS","require","lottie","renderWidget","root","_background","caption","text"],"sources":["spinner.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, Platform } from 'react-native';\nimport Color from \"color\";\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmSpinnerProps from './spinner.props';\nimport { DEFAULT_CLASS, WmSpinnerStyles } from './spinner.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\nimport LottieView from 'lottie-react-native';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\n\nexport class WmSpinnerState extends BaseComponentState<WmSpinnerProps> {\n\n}\n\nexport default class WmSpinner extends BaseComponent<WmSpinnerProps, WmSpinnerState, WmSpinnerStyles> {\n\n  constructor(props: WmSpinnerProps) {\n    super(props, DEFAULT_CLASS, new WmSpinnerProps());\n  }\n\n  private prepareIcon(props: any) {\n    return (<WmIcon\n      styles={this.styles.icon}\n      iconclass={props.iconclass + ' fa-spin'} iconsize={props.iconsize}></WmIcon>);\n  }\n\n  private prepareImage(props: any) {\n    return (<WmPicture\n        styles={this.styles.image}\n        picturesource={props.image}></WmPicture>);\n  }\n\n  private recursiveSearch = (obj: any, colors: any) => {\n    obj && Object.keys(obj).forEach(key => {\n        let value = obj[key];\n        let ind = Math.floor(Math.random() * (0 - colors.length ) + colors.length);\n        if (key == \"nm\" && (value.toLowerCase().includes('fill ') || value.toLowerCase().includes('stroke '))) {\n            if (obj[\"c\"] && obj[\"c\"][\"k\"] \n              && (obj[\"c\"][\"k\"].length == 4\n                || (obj[\"c\"][\"k\"].length ==3 \n                  && typeof obj[\"c\"][\"k\"][0] == 'number'))) {\n                obj[\"c\"][\"k\"] = colors[ind];\n            }\n            else {\n                if (obj[\"c\"] && obj[\"c\"][\"k\"]){\n                    for (let shape in obj[\"c\"][\"k\"]) {\n                      if(obj[\"c\"][\"k\"][shape] && obj[\"c\"][\"k\"][shape][\"s\"]){\n                        obj[\"c\"][\"k\"][shape][\"s\"] = colors[ind];\n                      }\n                    }\n                }\n            }\n        } else if (typeof value === 'object') {\n            this.recursiveSearch(value, colors);\n        }\n      });\n      return obj;\n  };\n\n  private toRgbArray(color: Color) {\n    return [\n      color.red()/255,\n      color.green()/255,\n      color.blue()/255,\n      1\n    ]\n  }\n\n  private addClasstoLottie(lottiePath: any) {\n    let primaryColor = Color(ThemeVariables.INSTANCE.primaryColor);\n    let colors = [this.toRgbArray(primaryColor), \n      this.toRgbArray(primaryColor.darken(0.2)), \n      this.toRgbArray(primaryColor.darken(0.4)), \n      this.toRgbArray(primaryColor.darken(0.6)), \n      this.toRgbArray(primaryColor.darken(0.8))];\n    return this.recursiveSearch(lottiePath.json, lottiePath.loader == 'circleSpinner' ? [colors[0]] : colors);\n  }\n\n  private prepareLottie(props: any) {\n    const Lottie = Platform.OS == 'web' ? require('react-lottie-player') : null;\n    return (\n      Platform.OS == 'web' ? <Lottie animationData={this.addClasstoLottie(props.lottie)} loop={true} play={true} style={this.styles.lottie} /> : <LottieView\n        source={this.addClasstoLottie(props.lottie)}\n        resizeMode='contain'\n        autoPlay={true}\n        loop={true}\n        style={this.styles.lottie}\n      />\n    )\n  }\n\n  renderWidget(props: WmSpinnerProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        {props.lottie ? this.prepareLottie(props) : props.image ? this.prepareImage(props) : this.prepareIcon(props)}\n        {props.caption ? <Text style={this.styles.text}>{props.caption}</Text> : null}\n      </View>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AACnD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AACjE,OAAOC,MAAM,MAAM,gEAAgE;AACnF,OAAOC,SAAS,MAAM,sEAAsE;AAC5F,OAAOC,UAAU,MAAM,qBAAqB;AAC5C,OAAOC,cAAc,MAAM,kDAAkD;AAE7E,OAAO,MAAMC,cAAc,SAASP,kBAAkB,CAAiB;AAIvE,eAAe,MAAMQ,SAAS,SAAST,aAAa,CAAkD;EAEpGU,WAAW,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,cAAc,EAAE,CAAC;IAAC,yCAe1B,CAACU,GAAQ,EAAEC,MAAW,KAAK;MACnDD,GAAG,IAAIE,MAAM,CAACC,IAAI,CAACH,GAAG,CAAC,CAACI,OAAO,CAACC,GAAG,IAAI;QACnC,IAAIC,KAAK,GAAGN,GAAG,CAACK,GAAG,CAAC;QACpB,IAAIE,GAAG,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,IAAI,CAAC,GAAGT,MAAM,CAACU,MAAM,CAAE,GAAGV,MAAM,CAACU,MAAM,CAAC;QAC1E,IAAIN,GAAG,IAAI,IAAI,KAAKC,KAAK,CAACM,WAAW,EAAE,CAACC,QAAQ,CAAC,OAAO,CAAC,IAAIP,KAAK,CAACM,WAAW,EAAE,CAACC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE;UACnG,IAAIb,GAAG,CAAC,GAAG,CAAC,IAAIA,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KACvBA,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAACW,MAAM,IAAI,CAAC,IACvBX,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAACW,MAAM,IAAG,CAAC,IACvB,OAAOX,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,QAAS,CAAC,EAAE;YAC5CA,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAGC,MAAM,CAACM,GAAG,CAAC;UAC/B,CAAC,MACI;YACD,IAAIP,GAAG,CAAC,GAAG,CAAC,IAAIA,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAC;cAC1B,KAAK,IAAIc,KAAK,IAAId,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE;gBAC/B,IAAGA,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAACc,KAAK,CAAC,IAAId,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAACc,KAAK,CAAC,CAAC,GAAG,CAAC,EAAC;kBACnDd,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAACc,KAAK,CAAC,CAAC,GAAG,CAAC,GAAGb,MAAM,CAACM,GAAG,CAAC;gBACzC;cACF;YACJ;UACJ;QACJ,CAAC,MAAM,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;UAClC,IAAI,CAACS,eAAe,CAACT,KAAK,EAAEL,MAAM,CAAC;QACvC;MACF,CAAC,CAAC;MACF,OAAOD,GAAG;IACd,CAAC;EAvCD;EAEQgB,WAAW,CAACjB,KAAU,EAAE;IAC9B,oBAAQ,oBAAC,MAAM;MACb,MAAM,EAAE,IAAI,CAACkB,MAAM,CAACC,IAAK;MACzB,SAAS,EAAEnB,KAAK,CAACoB,SAAS,GAAG,UAAW;MAAC,QAAQ,EAAEpB,KAAK,CAACqB;IAAS,EAAU;EAChF;EAEQC,YAAY,CAACtB,KAAU,EAAE;IAC/B,oBAAQ,oBAAC,SAAS;MACd,MAAM,EAAE,IAAI,CAACkB,MAAM,CAACK,KAAM;MAC1B,aAAa,EAAEvB,KAAK,CAACuB;IAAM,EAAa;EAC9C;EA6BQC,UAAU,CAACC,KAAY,EAAE;IAC/B,OAAO,CACLA,KAAK,CAACC,GAAG,EAAE,GAAC,GAAG,EACfD,KAAK,CAACE,KAAK,EAAE,GAAC,GAAG,EACjBF,KAAK,CAACG,IAAI,EAAE,GAAC,GAAG,EAChB,CAAC,CACF;EACH;EAEQC,gBAAgB,CAACC,UAAe,EAAE;IACxC,IAAIC,YAAY,GAAG3C,KAAK,CAACQ,cAAc,CAACoC,QAAQ,CAACD,YAAY,CAAC;IAC9D,IAAI7B,MAAM,GAAG,CAAC,IAAI,CAACsB,UAAU,CAACO,YAAY,CAAC,EACzC,IAAI,CAACP,UAAU,CAACO,YAAY,CAACE,MAAM,CAAC,GAAG,CAAC,CAAC,EACzC,IAAI,CAACT,UAAU,CAACO,YAAY,CAACE,MAAM,CAAC,GAAG,CAAC,CAAC,EACzC,IAAI,CAACT,UAAU,CAACO,YAAY,CAACE,MAAM,CAAC,GAAG,CAAC,CAAC,EACzC,IAAI,CAACT,UAAU,CAACO,YAAY,CAACE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5C,OAAO,IAAI,CAACjB,eAAe,CAACc,UAAU,CAACI,IAAI,EAAEJ,UAAU,CAACK,MAAM,IAAI,eAAe,GAAG,CAACjC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAGA,MAAM,CAAC;EAC3G;EAEQkC,aAAa,CAACpC,KAAU,EAAE;IAChC,MAAMqC,MAAM,GAAGlD,QAAQ,CAACmD,EAAE,IAAI,KAAK,GAAGC,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI;IAC3E,OACEpD,QAAQ,CAACmD,EAAE,IAAI,KAAK,gBAAG,oBAAC,MAAM;MAAC,aAAa,EAAE,IAAI,CAACT,gBAAgB,CAAC7B,KAAK,CAACwC,MAAM,CAAE;MAAC,IAAI,EAAE,IAAK;MAAC,IAAI,EAAE,IAAK;MAAC,KAAK,EAAE,IAAI,CAACtB,MAAM,CAACsB;IAAO,EAAG,gBAAG,oBAAC,UAAU;MACpJ,MAAM,EAAE,IAAI,CAACX,gBAAgB,CAAC7B,KAAK,CAACwC,MAAM,CAAE;MAC5C,UAAU,EAAC,SAAS;MACpB,QAAQ,EAAE,IAAK;MACf,IAAI,EAAE,IAAK;MACX,KAAK,EAAE,IAAI,CAACtB,MAAM,CAACsB;IAAO,EAC1B;EAEN;EAEAC,YAAY,CAACzC,KAAqB,EAAE;IAClC,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACkB,MAAM,CAACwB;IAAK,GAC3B,IAAI,CAACC,WAAW,EAChB3C,KAAK,CAACwC,MAAM,GAAG,IAAI,CAACJ,aAAa,CAACpC,KAAK,CAAC,GAAGA,KAAK,CAACuB,KAAK,GAAG,IAAI,CAACD,YAAY,CAACtB,KAAK,CAAC,GAAG,IAAI,CAACiB,WAAW,CAACjB,KAAK,CAAC,EAC3GA,KAAK,CAAC4C,OAAO,gBAAG,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAAC1B,MAAM,CAAC2B;IAAK,GAAE7C,KAAK,CAAC4C,OAAO,CAAQ,GAAG,IAAI,CACxE;EAEX;AACF"}

app-rn-runtime/components/basic/video/video.component.js

@@ -0,0 +1,56 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import { View } from 'react-native';
+import { ResizeMode, Video } from 'expo-av';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmVideoProps from './video.props';
+import { DEFAULT_CLASS } from './video.styles';
+import { isString } from 'lodash-es';
+export class WmVideoState extends BaseComponentState {}
+export default class WmVideo extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmVideoProps(), new WmVideoState());
+    _defineProperty(this, "video", null);
+  }
+  getSource(path) {
+    if (!path) {
+      return null;
+    }
+    const resource = this.loadAsset(path);
+    if (isString(resource) && (resource.startsWith('http') || resource.startsWith('data:') || resource.startsWith('file:'))) {
+      return {
+        uri: resource
+      };
+    }
+    return resource;
+  }
+  componentDidMount() {
+    if (this.state.props.autoplay) {
+      var _this$video;
+      (_this$video = this.video) === null || _this$video === void 0 ? void 0 : _this$video.playAsync();
+    }
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, /*#__PURE__*/React.createElement(Video, {
+      ref: video => {
+        this.video = video;
+      },
+      style: {
+        width: '100%',
+        height: '100%',
+        flex: 1
+      },
+      source: this.getSource(props.mp4format || props.webmformat),
+      posterSource: this.getSource(props.videoposter),
+      useNativeControls: props.controls,
+      resizeMode: ResizeMode.CONTAIN,
+      isLooping: props.loop,
+      isMuted: props.muted
+    }));
+  }
+}
+//# sourceMappingURL=video.component.js.map

app-rn-runtime/components/basic/video/video.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","ResizeMode","Video","BaseComponent","BaseComponentState","WmVideoProps","DEFAULT_CLASS","isString","WmVideoState","WmVideo","constructor","props","getSource","path","resource","loadAsset","startsWith","uri","componentDidMount","state","autoplay","video","playAsync","renderWidget","styles","root","_background","width","height","flex","mp4format","webmformat","videoposter","controls","CONTAIN","loop","muted"],"sources":["video.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { ResizeMode, Video } from 'expo-av';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmVideoProps from './video.props';\nimport { DEFAULT_CLASS, WmVideoStyles } from './video.styles';\nimport { isString } from 'lodash-es';\n\nexport class WmVideoState extends BaseComponentState<WmVideoProps> {}\n\nexport default class WmVideo extends BaseComponent<WmVideoProps, WmVideoState, WmVideoStyles> {\n\n  private video: Video | null = null as any;\n\n  constructor(props: WmVideoProps) {\n    super(props, DEFAULT_CLASS, new WmVideoProps(), new WmVideoState());\n  }\n\n  getSource(path: string) {\n    if (!path) {\n      return null;\n    }\n    const resource = this.loadAsset(path);\n    if (isString(resource) && (\n      resource.startsWith('http') \n        || resource.startsWith('data:') \n        || resource.startsWith('file:'))) {\n      return {\n        uri: resource\n      };\n    }\n    return resource;\n  }\n\n  componentDidMount(): void {\n    if (this.state.props.autoplay) {\n      this.video?.playAsync();\n    }\n  }\n\n  renderWidget(props: WmVideoProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Video\n          ref={(video) => { this.video = video; }}\n          style={{ width: '100%', height: '100%', flex: 1 }}\n          source={this.getSource(\n            props.mp4format\n            || props.webmformat) as any}\n          posterSource={ this.getSource(props.videoposter) as any }\n          useNativeControls={props.controls}\n          resizeMode={ResizeMode.CONTAIN}\n          isLooping={props.loop}\n          isMuted={props.muted}\n        />\n      </View>); \n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAeC,IAAI,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,KAAK,QAAQ,SAAS;AAC3C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAC7D,SAASC,QAAQ,QAAQ,WAAW;AAEpC,OAAO,MAAMC,YAAY,SAASJ,kBAAkB,CAAe;AAEnE,eAAe,MAAMK,OAAO,SAASN,aAAa,CAA4C;EAI5FO,WAAW,CAACC,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,YAAY,EAAE,EAAE,IAAIG,YAAY,EAAE,CAAC;IAAC,+BAHxC,IAAI;EAIlC;EAEAI,SAAS,CAACC,IAAY,EAAE;IACtB,IAAI,CAACA,IAAI,EAAE;MACT,OAAO,IAAI;IACb;IACA,MAAMC,QAAQ,GAAG,IAAI,CAACC,SAAS,CAACF,IAAI,CAAC;IACrC,IAAIN,QAAQ,CAACO,QAAQ,CAAC,KACpBA,QAAQ,CAACE,UAAU,CAAC,MAAM,CAAC,IACtBF,QAAQ,CAACE,UAAU,CAAC,OAAO,CAAC,IAC5BF,QAAQ,CAACE,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE;MACpC,OAAO;QACLC,GAAG,EAAEH;MACP,CAAC;IACH;IACA,OAAOA,QAAQ;EACjB;EAEAI,iBAAiB,GAAS;IACxB,IAAI,IAAI,CAACC,KAAK,CAACR,KAAK,CAACS,QAAQ,EAAE;MAAA;MAC7B,mBAAI,CAACC,KAAK,gDAAV,YAAYC,SAAS,EAAE;IACzB;EACF;EAEAC,YAAY,CAACZ,KAAmB,EAAE;IAChC,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACa,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjB,oBAAC,KAAK;MACJ,GAAG,EAAGL,KAAK,IAAK;QAAE,IAAI,CAACA,KAAK,GAAGA,KAAK;MAAE,CAAE;MACxC,KAAK,EAAE;QAAEM,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE,MAAM;QAAEC,IAAI,EAAE;MAAE,CAAE;MAClD,MAAM,EAAE,IAAI,CAACjB,SAAS,CACpBD,KAAK,CAACmB,SAAS,IACZnB,KAAK,CAACoB,UAAU,CAAS;MAC9B,YAAY,EAAG,IAAI,CAACnB,SAAS,CAACD,KAAK,CAACqB,WAAW,CAAU;MACzD,iBAAiB,EAAErB,KAAK,CAACsB,QAAS;MAClC,UAAU,EAAEhC,UAAU,CAACiC,OAAQ;MAC/B,SAAS,EAAEvB,KAAK,CAACwB,IAAK;MACtB,OAAO,EAAExB,KAAK,CAACyB;IAAM,EACrB,CACG;EACX;AACF"}

app-rn-runtime/components/basic/video/video.props.js

@@ -0,0 +1,22 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmVideoProps extends BaseProps {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "autoplay", false);
+    _defineProperty(this, "controls", false);
+    _defineProperty(this, "loop", false);
+    _defineProperty(this, "mp4format", null);
+    _defineProperty(this, "muted", false);
+    _defineProperty(this, "oggformat", null);
+    _defineProperty(this, "subtitlelang", 'en');
+    _defineProperty(this, "subtitlesource", null);
+    _defineProperty(this, "videoposter", 'resources/images/imagelists/default-image.png');
+    _defineProperty(this, "videopreload", 'none');
+    _defineProperty(this, "videosupportmessage", 'Your browser does not support the video tag.');
+    _defineProperty(this, "webmformat", null);
+  }
+}
+//# sourceMappingURL=video.props.js.map

app-rn-runtime/components/basic/video/video.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmVideoProps"],"sources":["video.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmVideoProps extends BaseProps {\n    autoplay = false;\n    controls = false;\n    loop = false;\n    mp4format: string = null as any;\n    muted = false;\n    oggformat: string = null as any;\n    subtitlelang = 'en';\n    subtitlesource: string = null as any;\n    videoposter = 'resources/images/imagelists/default-image.png';\n    videopreload = 'none';\n    videosupportmessage = 'Your browser does not support the video tag.';\n    webmformat: string = null as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA,kCACrC,KAAK;IAAA,kCACL,KAAK;IAAA,8BACT,KAAK;IAAA,mCACQ,IAAI;IAAA,+BAChB,KAAK;IAAA,mCACO,IAAI;IAAA,sCACT,IAAI;IAAA,wCACM,IAAI;IAAA,qCACf,+CAA+C;IAAA,sCAC9C,MAAM;IAAA,6CACC,8CAA8C;IAAA,oCAC/C,IAAI;EAAA;AAC7B"}

app-rn-runtime/components/basic/video/video.styles.js

@@ -0,0 +1,11 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-video';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {},
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=video.styles.js.map

app-rn-runtime/components/basic/video/video.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text"],"sources":["video.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmVideoStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-video';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmVideoStyles>({\n        root: {},\n        text: {}\n    });\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGL,YAAY,CAAgB;IAC9CM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EACFH,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

app-rn-runtime/components/container/accordion/accordion.component.js

@@ -173,7 +173,7 @@ export default class WmAccordion extends BaseComponent {
     const expandedId = this.state.expandedId || 0;
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, /*#__PURE__*/React.createElement(List.AccordionGroup, {
+    }, this._background, /*#__PURE__*/React.createElement(List.AccordionGroup, {
       expandedId: expandedId,
       onAccordionPress: this.onAccordionPress.bind(this)
     }, accordionpanes ? isArray(accordionpanes) && accordionpanes.length ? accordionpanes.map((item, index) => this.renderAccordionpane(item, index, expandedId === index + 1, accordionpanes)) : this.renderAccordionpane(accordionpanes, 0) : null));

app-rn-runtime/components/container/accordion/accordion.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Badge","List","isArray","BaseComponent","BaseComponentState","isDefined","WmAccordionProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","WmAccordionState","WmAccordion","constructor","props","updateState","expandedId","state","defaultpaneindex","addAccordionPane","accordionPane","accordionPanes","newIndex","expandCollapseIcon","item","showBadge","showIcon","useChevron","isExpanded","widgetProps","badge","badgevalue","undefined","styles","activeBadge","badgetype","iconclass","flexDirection","theme","mergeStyle","icon","activeIcon","renderAccordionpane","index","accordionpanes","showIconOnLeft","leftToggleIcon","root","width","pane","name","title","header","firstHeader","length","lastHeader","activeHeader","colors","background","backgroundColor","primary","color","text","activeHeaderTitle","subheading","marginLeft","ref","animatedRef","animation","onAccordionPress","oldIndex","collapsedPane","onPaneCollapse","Promise","resolve","then","triggerExit","res","reject","expandedPane","onPaneExpand","invokeEventCallback","proxy","renderSkeletonAccordionpane","borderRadius","height","fontSize","AccordionSkeleton","children","bind","map","renderSkeleton","renderWidget"],"sources":["accordion.component.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Text, View } from 'react-native';\nimport { Badge, List } from 'react-native-paper';\nimport { isArray } from 'lodash';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { isDefined } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmAccordionProps from './accordion.props';\nimport { DEFAULT_CLASS, WmAccordionStyles } from './accordion.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmAccordionpane from './accordionpane/accordionpane.component';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n  expandedId: any;\n}\n\nexport default class WmAccordion extends BaseComponent<WmAccordionProps, WmAccordionState, WmAccordionStyles> {\n  private animatedRef: any;\n  public accordionPanes = [] as WmAccordionpane[];\n  private newIndex = 0;\n\n  constructor(props: WmAccordionProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionProps());\n    this.updateState({\n      expandedId: (this.state.props.defaultpaneindex || 0) + 1\n    } as WmAccordionState);\n  }\n\n  addAccordionPane(accordionPane: WmAccordionpane) {\n    this.accordionPanes[(this.newIndex || this.state.expandedId) - 1] = accordionPane;\n  }\n\n  expandCollapseIcon(props: any, item: any, showBadge = true, showIcon = true, useChevron = true, isExpanded = false) {\n    const widgetProps = item.props;\n    //@ts-ignore\n    const badge = showBadge && widgetProps.badgevalue != undefined ? (\n      <Badge style={[\n        this.styles.badge,\n        isExpanded ? this.styles.activeBadge: null,\n        this.styles[widgetProps.badgetype || 'default']]}>\n        {widgetProps.badgevalue}\n      </Badge>): null;\n    let iconclass = null;\n    if (useChevron) {\n      iconclass = isExpanded ? 'wi wi-chevron-down' : 'wi wi-chevron-up';\n    } else {\n      iconclass = isExpanded ? 'wi wi-minus' : 'wi wi-plus';\n    }\n    return (<View style={{flexDirection: 'row'}}>\n            {badge}\n            {showIcon ? (\n              <WmIcon\n              styles={this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null)}\n              name={'expand_collapse_icon'}\n              iconclass={iconclass}></WmIcon>): null}\n          </View>);\n  }\n\n  renderAccordionpane(item: any, index: any, isExpanded = true, accordionpanes: any[] = []) {\n    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n    return (\n      <View style={this.styles.pane} key={item.props.name}>\n        <List.Accordion title={isDefined(item.props.title) ? item.props.title : 'Title'}\n                        style={[\n                          this.styles.header,\n                          index === 0 ? this.styles.firstHeader: null,\n                          index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader: null,\n                          isExpanded ? this.styles.activeHeader : {}]}\n                        theme={{\n                          colors: {\n                            background : this.styles.header.backgroundColor as string,\n                            primary: this.styles.activeHeader.color as string\n                          }\n                        }}\n                        titleStyle={[this.styles.text, isExpanded ? this.styles.activeHeaderTitle : {}]}\n                        descriptionStyle={this.styles.subheading}\n                        description={item.props.subheading}\n                        id={index + 1}\n                        key={'accordionpane_' + index}\n                        right={props => this.expandCollapseIcon(props, item, true, !showIconOnLeft, true, isExpanded)}\n                        left={props => (\n                          <>\n                            {this.expandCollapseIcon(props, item, false, showIconOnLeft, true, isExpanded)}\n                            {item.props.iconclass ? <WmIcon styles={this.styles.icon} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n                          </>)\n                        }>\n            <Animatedview style={{marginLeft: -64}} ref={ref => this.animatedRef = ref} entryanimation={this.state.props.animation}>{item}</Animatedview>\n        </List.Accordion>\n      </View>\n    );\n  }\n\n  onAccordionPress(expandedId: any) {\n    const oldIndex = this.state.expandedId;\n    this.newIndex = expandedId;\n    const collapsedPane = oldIndex ? this.accordionPanes[oldIndex - 1]: null;\n    collapsedPane?.onPaneCollapse();\n    Promise.resolve().then(() => {\n      if (this.state.expandedId >= 0) {\n        return this.animatedRef.triggerExit().then((res: any) => !res && Promise.reject());\n      }\n    }).then(() => {\n      if (this.state.expandedId === expandedId) {\n        expandedId = -1;\n      }\n      this.updateState({\n        expandedId: expandedId,\n      } as WmAccordionState, () => {\n        const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\n        expandedPane?.onPaneExpand();\n        this.invokeEventCallback('onChange', [{},\n          this.proxy,\n          expandedId - 1,\n          oldIndex ? oldIndex - 1 : null,\n          expandedPane && expandedPane.props.name,\n          collapsedPane && collapsedPane.props.name])\n      });\n    }, () => {});\n  }\n\n\n  renderSkeletonAccordionpane(item: any, index: any, isExpanded = true, accordionpanes: any[] = []) {\n    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n    return (\n      <View style={this.styles.pane} key={item.props.name}>\n        <List.Accordion title={''}\n                        style={[{}]}\n                        theme={{}}\n                        titleStyle={[{}]}\n                        descriptionStyle={this.styles.subheading}\n                        description={item.props.subheading}\n                        id={index + 1}\n                        key={'accordionpane_' + index}\n                        right={props => this.expandCollapseIcon(props, item, true, !showIconOnLeft, true, isExpanded)}\n                        left={props => (\n                          <>\n                            {\n                              createSkeleton(this.theme, { root: { borderRadius: 4 }} as WmSkeletonStyles, {\n                                ...this.styles.root,\n                                width: this.styles.root?.width || \"100%\",\n                                height: this.styles.root?.height || this.styles.activeHeaderTitle?.fontSize || 16\n                              })\n                            }\n                            {this.expandCollapseIcon(props, item, false, showIconOnLeft, true, isExpanded)}\n                            {item.props.iconclass ? <WmIcon styles={this.styles.icon} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n                          </>)\n                        }>\n            <Animatedview style={{marginLeft: -64}} ref={ref => this.animatedRef = ref} entryanimation={this.state.props.animation}>{item}</Animatedview>\n        </List.Accordion>\n      </View>\n    );\n  }\n  public AccordionSkeleton() {\n    const accordionpanes = this.props.children;\n    const expandedId = this.state.expandedId || 0;\n    return (\n      <View style={this.styles.root}>\n      <List.AccordionGroup expandedId={ expandedId } onAccordionPress={this.onAccordionPress.bind(this)} >\n        {accordionpanes\n          ? isArray(accordionpanes) && accordionpanes.length\n            ? accordionpanes.map((item: any, index: any) => this.renderSkeletonAccordionpane(item, index, false, accordionpanes))\n            : this.renderSkeletonAccordionpane(accordionpanes, 0)\n          : null}\n      </List.AccordionGroup>\n    </View>\n    )\n  }\n\n  public renderSkeleton(props: WmAccordionProps){\n      return(this.AccordionSkeleton())\n  }\n\n  renderWidget(props: WmAccordionProps) {\n    const accordionpanes = props.children;\n    const expandedId = this.state.expandedId || 0;\n    return (\n        <View style={this.styles.root}>\n          <List.AccordionGroup expandedId={ expandedId } onAccordionPress={this.onAccordionPress.bind(this)} >\n            {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, expandedId === index + 1, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n          </List.AccordionGroup>\n        </View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","Badge","List","isArray","BaseComponent","BaseComponentState","isDefined","WmAccordionProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","WmAccordionState","WmAccordion","constructor","props","updateState","expandedId","state","defaultpaneindex","addAccordionPane","accordionPane","accordionPanes","newIndex","expandCollapseIcon","item","showBadge","showIcon","useChevron","isExpanded","widgetProps","badge","badgevalue","undefined","styles","activeBadge","badgetype","iconclass","flexDirection","theme","mergeStyle","icon","activeIcon","renderAccordionpane","index","accordionpanes","showIconOnLeft","leftToggleIcon","root","width","pane","name","title","header","firstHeader","length","lastHeader","activeHeader","colors","background","backgroundColor","primary","color","text","activeHeaderTitle","subheading","marginLeft","ref","animatedRef","animation","onAccordionPress","oldIndex","collapsedPane","onPaneCollapse","Promise","resolve","then","triggerExit","res","reject","expandedPane","onPaneExpand","invokeEventCallback","proxy","renderSkeletonAccordionpane","borderRadius","height","fontSize","AccordionSkeleton","children","bind","map","renderSkeleton","renderWidget","_background"],"sources":["accordion.component.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Text, View } from 'react-native';\nimport { Badge, List } from 'react-native-paper';\nimport { isArray } from 'lodash';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { isDefined } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmAccordionProps from './accordion.props';\nimport { DEFAULT_CLASS, WmAccordionStyles } from './accordion.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmAccordionpane from './accordionpane/accordionpane.component';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n  expandedId: any;\n}\n\nexport default class WmAccordion extends BaseComponent<WmAccordionProps, WmAccordionState, WmAccordionStyles> {\n  private animatedRef: any;\n  public accordionPanes = [] as WmAccordionpane[];\n  private newIndex = 0;\n\n  constructor(props: WmAccordionProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionProps());\n    this.updateState({\n      expandedId: (this.state.props.defaultpaneindex || 0) + 1\n    } as WmAccordionState);\n  }\n\n  addAccordionPane(accordionPane: WmAccordionpane) {\n    this.accordionPanes[(this.newIndex || this.state.expandedId) - 1] = accordionPane;\n  }\n\n  expandCollapseIcon(props: any, item: any, showBadge = true, showIcon = true, useChevron = true, isExpanded = false) {\n    const widgetProps = item.props;\n    //@ts-ignore\n    const badge = showBadge && widgetProps.badgevalue != undefined ? (\n      <Badge style={[\n        this.styles.badge,\n        isExpanded ? this.styles.activeBadge: null,\n        this.styles[widgetProps.badgetype || 'default']]}>\n        {widgetProps.badgevalue}\n      </Badge>): null;\n    let iconclass = null;\n    if (useChevron) {\n      iconclass = isExpanded ? 'wi wi-chevron-down' : 'wi wi-chevron-up';\n    } else {\n      iconclass = isExpanded ? 'wi wi-minus' : 'wi wi-plus';\n    }\n    return (<View style={{flexDirection: 'row'}}>\n            {badge}\n            {showIcon ? (\n              <WmIcon\n              styles={this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null)}\n              name={'expand_collapse_icon'}\n              iconclass={iconclass}></WmIcon>): null}\n          </View>);\n  }\n\n  renderAccordionpane(item: any, index: any, isExpanded = true, accordionpanes: any[] = []) {\n    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n    return (\n      <View style={this.styles.pane} key={item.props.name}>\n        <List.Accordion title={isDefined(item.props.title) ? item.props.title : 'Title'}\n                        style={[\n                          this.styles.header,\n                          index === 0 ? this.styles.firstHeader: null,\n                          index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader: null,\n                          isExpanded ? this.styles.activeHeader : {}]}\n                        theme={{\n                          colors: {\n                            background : this.styles.header.backgroundColor as string,\n                            primary: this.styles.activeHeader.color as string\n                          }\n                        }}\n                        titleStyle={[this.styles.text, isExpanded ? this.styles.activeHeaderTitle : {}]}\n                        descriptionStyle={this.styles.subheading}\n                        description={item.props.subheading}\n                        id={index + 1}\n                        key={'accordionpane_' + index}\n                        right={props => this.expandCollapseIcon(props, item, true, !showIconOnLeft, true, isExpanded)}\n                        left={props => (\n                          <>\n                            {this.expandCollapseIcon(props, item, false, showIconOnLeft, true, isExpanded)}\n                            {item.props.iconclass ? <WmIcon styles={this.styles.icon} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n                          </>)\n                        }>\n            <Animatedview style={{marginLeft: -64}} ref={ref => this.animatedRef = ref} entryanimation={this.state.props.animation}>{item}</Animatedview>\n        </List.Accordion>\n      </View>\n    );\n  }\n\n  onAccordionPress(expandedId: any) {\n    const oldIndex = this.state.expandedId;\n    this.newIndex = expandedId;\n    const collapsedPane = oldIndex ? this.accordionPanes[oldIndex - 1]: null;\n    collapsedPane?.onPaneCollapse();\n    Promise.resolve().then(() => {\n      if (this.state.expandedId >= 0) {\n        return this.animatedRef.triggerExit().then((res: any) => !res && Promise.reject());\n      }\n    }).then(() => {\n      if (this.state.expandedId === expandedId) {\n        expandedId = -1;\n      }\n      this.updateState({\n        expandedId: expandedId,\n      } as WmAccordionState, () => {\n        const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\n        expandedPane?.onPaneExpand();\n        this.invokeEventCallback('onChange', [{},\n          this.proxy,\n          expandedId - 1,\n          oldIndex ? oldIndex - 1 : null,\n          expandedPane && expandedPane.props.name,\n          collapsedPane && collapsedPane.props.name])\n      });\n    }, () => {});\n  }\n\n\n  renderSkeletonAccordionpane(item: any, index: any, isExpanded = true, accordionpanes: any[] = []) {\n    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n    return (\n      <View style={this.styles.pane} key={item.props.name}>\n        <List.Accordion title={''}\n                        style={[{}]}\n                        theme={{}}\n                        titleStyle={[{}]}\n                        descriptionStyle={this.styles.subheading}\n                        description={item.props.subheading}\n                        id={index + 1}\n                        key={'accordionpane_' + index}\n                        right={props => this.expandCollapseIcon(props, item, true, !showIconOnLeft, true, isExpanded)}\n                        left={props => (\n                          <>\n                            {\n                              createSkeleton(this.theme, { root: { borderRadius: 4 }} as WmSkeletonStyles, {\n                                ...this.styles.root,\n                                width: this.styles.root?.width || \"100%\",\n                                height: this.styles.root?.height || this.styles.activeHeaderTitle?.fontSize || 16\n                              })\n                            }\n                            {this.expandCollapseIcon(props, item, false, showIconOnLeft, true, isExpanded)}\n                            {item.props.iconclass ? <WmIcon styles={this.styles.icon} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n                          </>)\n                        }>\n            <Animatedview style={{marginLeft: -64}} ref={ref => this.animatedRef = ref} entryanimation={this.state.props.animation}>{item}</Animatedview>\n        </List.Accordion>\n      </View>\n    );\n  }\n  public AccordionSkeleton() {\n    const accordionpanes = this.props.children;\n    const expandedId = this.state.expandedId || 0;\n    return (\n      <View style={this.styles.root}>\n      <List.AccordionGroup expandedId={ expandedId } onAccordionPress={this.onAccordionPress.bind(this)} >\n        {accordionpanes\n          ? isArray(accordionpanes) && accordionpanes.length\n            ? accordionpanes.map((item: any, index: any) => this.renderSkeletonAccordionpane(item, index, false, accordionpanes))\n            : this.renderSkeletonAccordionpane(accordionpanes, 0)\n          : null}\n      </List.AccordionGroup>\n    </View>\n    )\n  }\n\n  public renderSkeleton(props: WmAccordionProps){\n      return(this.AccordionSkeleton())\n  }\n\n  renderWidget(props: WmAccordionProps) {\n    const accordionpanes = props.children;\n    const expandedId = this.state.expandedId || 0;\n    return (\n        <View style={this.styles.root}>\n          {this._background}\n          <List.AccordionGroup expandedId={ expandedId } onAccordionPress={this.onAccordionPress.bind(this)} >\n            {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, expandedId === index + 1, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n          </List.AccordionGroup>\n        </View>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/container/accordion/accordionpane/accordionpane.component.js

@@ -46,7 +46,7 @@ export default class WmAccordionpane extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, this.renderContent(props));
+    }, this._background, this.renderContent(props));
   }
 }
 //# sourceMappingURL=accordionpane.component.js.map

app-rn-runtime/components/container/accordion/accordionpane/accordionpane.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmAccordionpaneProps","DEFAULT_CLASS","WmAccordionpaneState","WmAccordionpane","constructor","props","onPaneExpand","invokeEventCallback","proxy","onPaneCollapse","componentDidMount","accordion","parent","addAccordionPane","onPartialLoad","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","styles","root"],"sources":["accordionpane.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmAccordionpaneProps from './accordionpane.props';\nimport { DEFAULT_CLASS, WmAccordionpaneStyles } from './accordionpane.styles';\nimport WmAccordion from '../accordion.component';\n\nexport class WmAccordionpaneState extends BaseComponentState<WmAccordionpaneProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmAccordionpane extends BaseComponent<WmAccordionpaneProps, WmAccordionpaneState, WmAccordionpaneStyles> {\n\n  constructor(props: WmAccordionpaneProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionpaneProps());\n  }\n\n  onPaneExpand() {\n    this.invokeEventCallback('onExpand', [null, this.proxy]);\n  }\n\n  onPaneCollapse() {\n    this.invokeEventCallback('onCollapse', [null, this.proxy]);\n  }\n\n  componentDidMount() {\n    const accordion = (this.parent) as WmAccordion;\n    accordion.addAccordionPane(this);\n    super.componentDidMount();\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [this]);\n  }\n\n  renderContent(props: WmAccordionpaneProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmAccordionpaneState);\n        });\n      }\n      return props.renderPartial(this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n  renderWidget(props: WmAccordionpaneProps) {\n    return (<View style={this.styles.root}>{this.renderContent(props)}</View>);\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAG7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;EAAA;IAAA;IAAA,yCAC/D,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAE5HM,WAAW,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,EAAE,CAAC;EACzD;EAEAM,YAAY,GAAG;IACb,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;EAC1D;EAEAC,cAAc,GAAG;IACf,IAAI,CAACF,mBAAmB,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;EAC5D;EAEAE,iBAAiB,GAAG;IAClB,MAAMC,SAAS,GAAI,IAAI,CAACC,MAAsB;IAC9CD,SAAS,CAACE,gBAAgB,CAAC,IAAI,CAAC;IAChC,KAAK,CAACH,iBAAiB,EAAE;EAC3B;EAEAI,aAAa,GAAG;IACd,IAAI,CAACP,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;EAC5C;EAEAQ,aAAa,CAACV,KAA2B,EAAE;IACzC,IAAIA,KAAK,CAACW,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAC,CAAyB;QAC5B,CAAC,CAAC;MACJ;MACA,OAAOb,KAAK,CAACW,aAAa,CAAC,IAAI,CAACF,aAAa,CAACO,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D;IACA,OAAOhB,KAAK,CAACiB,QAAQ;EACvB;EACAC,YAAY,CAAClB,KAA2B,EAAE;IACxC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACmB,MAAM,CAACC;IAAK,GAAE,IAAI,CAACV,aAAa,CAACV,KAAK,CAAC,CAAQ;EAC3E;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmAccordionpaneProps","DEFAULT_CLASS","WmAccordionpaneState","WmAccordionpane","constructor","props","onPaneExpand","invokeEventCallback","proxy","onPaneCollapse","componentDidMount","accordion","parent","addAccordionPane","onPartialLoad","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","styles","root","_background"],"sources":["accordionpane.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmAccordionpaneProps from './accordionpane.props';\nimport { DEFAULT_CLASS, WmAccordionpaneStyles } from './accordionpane.styles';\nimport WmAccordion from '../accordion.component';\n\nexport class WmAccordionpaneState extends BaseComponentState<WmAccordionpaneProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmAccordionpane extends BaseComponent<WmAccordionpaneProps, WmAccordionpaneState, WmAccordionpaneStyles> {\n\n  constructor(props: WmAccordionpaneProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionpaneProps());\n  }\n\n  onPaneExpand() {\n    this.invokeEventCallback('onExpand', [null, this.proxy]);\n  }\n\n  onPaneCollapse() {\n    this.invokeEventCallback('onCollapse', [null, this.proxy]);\n  }\n\n  componentDidMount() {\n    const accordion = (this.parent) as WmAccordion;\n    accordion.addAccordionPane(this);\n    super.componentDidMount();\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [this]);\n  }\n\n  renderContent(props: WmAccordionpaneProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmAccordionpaneState);\n        });\n      }\n      return props.renderPartial(this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n  renderWidget(props: WmAccordionpaneProps) {\n    return (<View style={this.styles.root}>{this._background}{this.renderContent(props)}</View>);\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAG7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;EAAA;IAAA;IAAA,yCAC/D,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAE5HM,WAAW,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,EAAE,CAAC;EACzD;EAEAM,YAAY,GAAG;IACb,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;EAC1D;EAEAC,cAAc,GAAG;IACf,IAAI,CAACF,mBAAmB,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;EAC5D;EAEAE,iBAAiB,GAAG;IAClB,MAAMC,SAAS,GAAI,IAAI,CAACC,MAAsB;IAC9CD,SAAS,CAACE,gBAAgB,CAAC,IAAI,CAAC;IAChC,KAAK,CAACH,iBAAiB,EAAE;EAC3B;EAEAI,aAAa,GAAG;IACd,IAAI,CAACP,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;EAC5C;EAEAQ,aAAa,CAACV,KAA2B,EAAE;IACzC,IAAIA,KAAK,CAACW,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAC,CAAyB;QAC5B,CAAC,CAAC;MACJ;MACA,OAAOb,KAAK,CAACW,aAAa,CAAC,IAAI,CAACF,aAAa,CAACO,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D;IACA,OAAOhB,KAAK,CAACiB,QAAQ;EACvB;EACAC,YAAY,CAAClB,KAA2B,EAAE;IACxC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACmB,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAE,IAAI,CAACX,aAAa,CAACV,KAAK,CAAC,CAAQ;EAC7F;AACF"}

app-rn-runtime/components/container/container.component.js

@@ -26,7 +26,7 @@ export default class WmContainer extends PartialHost {
     return /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
       style: this.styles.root
-    }, /*#__PURE__*/React.createElement(Tappable, {
+    }, this._background, /*#__PURE__*/React.createElement(Tappable, {
       target: this,
       styles: dimensions
     }, /*#__PURE__*/React.createElement(View, {

app-rn-runtime/components/container/container.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","WmContainerProps","DEFAULT_CLASS","Tappable","Animatedview","PartialHost","PartialHostState","WmContainerState","WmContainer","constructor","props","renderWidget","dimensions","width","styles","root","undefined","height","animation","content","renderContent"],"sources":["container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport WmContainerProps from './container.props';\nimport { DEFAULT_CLASS, WmContainerStyles } from './container.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { PartialHost, PartialHostState } from './partial-host.component';\n\nexport class WmContainerState extends PartialHostState<WmContainerProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmContainer extends PartialHost<WmContainerProps, WmContainerState, WmContainerStyles> {\n  constructor(props: WmContainerProps) {\n    super(props, DEFAULT_CLASS, new WmContainerProps());\n  }\n\n  renderWidget(props: WmContainerProps) {\n    const dimensions = {\n      width: this.styles.root.width ? '100%' : undefined,\n      height: this.styles.root.height ? '100%' : undefined\n    };\n    return (\n      <Animatedview entryanimation={props.animation} style={this.styles.root}>\n        <Tappable target={this} styles={dimensions}>\n            <View style={[dimensions,  this.styles.content]}>{this.renderContent(props)}</View>\n        </Tappable>\n      </Animatedview>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAOC,gBAAgB,MAAM,mBAAmB;AAChD,SAASC,aAAa,QAA2B,oBAAoB;AACrE,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAASC,YAAY,QAAQ,mEAAmE;AAChG,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,0BAA0B;AAExE,OAAO,MAAMC,gBAAgB,SAASD,gBAAgB,CAAmB;EAAA;IAAA;IAAA,yCACrD,KAAK;EAAA;AACzB;AAEA,eAAe,MAAME,WAAW,SAASH,WAAW,CAAwD;EAC1GI,WAAW,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,gBAAgB,EAAE,CAAC;EACrD;EAEAU,YAAY,CAACD,KAAuB,EAAE;IACpC,MAAME,UAAU,GAAG;MACjBC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,KAAK,GAAG,MAAM,GAAGG,SAAS;MAClDC,MAAM,EAAE,IAAI,CAACH,MAAM,CAACC,IAAI,CAACE,MAAM,GAAG,MAAM,GAAGD;IAC7C,CAAC;IACD,oBACE,oBAAC,YAAY;MAAC,cAAc,EAAEN,KAAK,CAACQ,SAAU;MAAC,KAAK,EAAE,IAAI,CAACJ,MAAM,CAACC;IAAK,gBACrE,oBAAC,QAAQ;MAAC,MAAM,EAAE,IAAK;MAAC,MAAM,EAAEH;IAAW,gBACvC,oBAAC,IAAI;MAAC,KAAK,EAAE,CAACA,UAAU,EAAG,IAAI,CAACE,MAAM,CAACK,OAAO;IAAE,GAAE,IAAI,CAACC,aAAa,CAACV,KAAK,CAAC,CAAQ,CAC5E,CACE;EAEnB;AACF"}
+{"version":3,"names":["React","View","WmContainerProps","DEFAULT_CLASS","Tappable","Animatedview","PartialHost","PartialHostState","WmContainerState","WmContainer","constructor","props","renderWidget","dimensions","width","styles","root","undefined","height","animation","_background","content","renderContent"],"sources":["container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport WmContainerProps from './container.props';\nimport { DEFAULT_CLASS, WmContainerStyles } from './container.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { PartialHost, PartialHostState } from './partial-host.component';\n\nexport class WmContainerState extends PartialHostState<WmContainerProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmContainer extends PartialHost<WmContainerProps, WmContainerState, WmContainerStyles> {\n  constructor(props: WmContainerProps) {\n    super(props, DEFAULT_CLASS, new WmContainerProps());\n  }\n\n  renderWidget(props: WmContainerProps) {\n    const dimensions = {\n      width: this.styles.root.width ? '100%' : undefined,\n      height: this.styles.root.height ? '100%' : undefined\n    };\n    return (\n      <Animatedview entryanimation={props.animation} style={this.styles.root}>\n        {this._background}\n        <Tappable target={this} styles={dimensions}>\n            <View style={[dimensions,  this.styles.content]}>{this.renderContent(props)}</View>\n        </Tappable>\n      </Animatedview>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAOC,gBAAgB,MAAM,mBAAmB;AAChD,SAASC,aAAa,QAA2B,oBAAoB;AACrE,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAASC,YAAY,QAAQ,mEAAmE;AAChG,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,0BAA0B;AAExE,OAAO,MAAMC,gBAAgB,SAASD,gBAAgB,CAAmB;EAAA;IAAA;IAAA,yCACrD,KAAK;EAAA;AACzB;AAEA,eAAe,MAAME,WAAW,SAASH,WAAW,CAAwD;EAC1GI,WAAW,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,gBAAgB,EAAE,CAAC;EACrD;EAEAU,YAAY,CAACD,KAAuB,EAAE;IACpC,MAAME,UAAU,GAAG;MACjBC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,KAAK,GAAG,MAAM,GAAGG,SAAS;MAClDC,MAAM,EAAE,IAAI,CAACH,MAAM,CAACC,IAAI,CAACE,MAAM,GAAG,MAAM,GAAGD;IAC7C,CAAC;IACD,oBACE,oBAAC,YAAY;MAAC,cAAc,EAAEN,KAAK,CAACQ,SAAU;MAAC,KAAK,EAAE,IAAI,CAACJ,MAAM,CAACC;IAAK,GACpE,IAAI,CAACI,WAAW,eACjB,oBAAC,QAAQ;MAAC,MAAM,EAAE,IAAK;MAAC,MAAM,EAAEP;IAAW,gBACvC,oBAAC,IAAI;MAAC,KAAK,EAAE,CAACA,UAAU,EAAG,IAAI,CAACE,MAAM,CAACM,OAAO;IAAE,GAAE,IAAI,CAACC,aAAa,CAACX,KAAK,CAAC,CAAQ,CAC5E,CACE;EAEnB;AACF"}

app-rn-runtime/components/container/layoutgrid/gridcolumn/gridcolumn.component.js

@@ -17,7 +17,7 @@ export default class WmGridcolumn extends BaseComponent {
       style: [{
         width: "100%"
       }, styles.root, this.styles.root]
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=gridcolumn.component.js.map