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

package/components/input/fileupload/fileupload.props.js

@@ -6,6 +6,7 @@ export default class WmFileuploadProps extends BaseProps {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "iconclass", 'wm-sl-l sl-cloud-upload');
+    _defineProperty(this, "iconurl", null);
     _defineProperty(this, "iconsize", 16);
     _defineProperty(this, "caption", 'Upload');
     _defineProperty(this, "selectedFiles", void 0);

package/components/input/fileupload/fileupload.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmFileuploadProps","constructor","args","_defineProperty","undefined"],"sources":["fileupload.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport {AccessibilityRole} from 'react-native';\n\nexport default class WmFileuploadProps extends BaseProps {\n  iconclass: string = 'wm-sl-l sl-cloud-upload';\n  iconsize: number = 16;\n  caption: string = 'Upload';\n  selectedFiles?: any;\n  contenttype?: string;\n  accessible?: boolean = true;\n  accessibilitylabel?: string = undefined;\n  accessibilityrole?: AccessibilityRole = 'button';\n  hint?: string = undefined;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAG5E,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBACnC,yBAAyB;IAAAA,eAAA,mBAC1B,EAAE;IAAAA,eAAA,kBACH,QAAQ;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,qBAGH,IAAI;IAAAA,eAAA,6BACGC,SAAS;IAAAD,eAAA,4BACC,QAAQ;IAAAA,eAAA,eAChCC,SAAS;EAAA;AAC3B","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmFileuploadProps","constructor","args","_defineProperty","undefined"],"sources":["fileupload.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport {AccessibilityRole} from 'react-native';\n\nexport default class WmFileuploadProps extends BaseProps {\n  iconclass: string = 'wm-sl-l sl-cloud-upload';\n  iconurl?: string = null as any;\n  iconsize: number = 16;\n  caption: string = 'Upload';\n  selectedFiles?: any;\n  contenttype?: string;\n  accessible?: boolean = true;\n  accessibilitylabel?: string = undefined;\n  accessibilityrole?: AccessibilityRole = 'button';\n  hint?: string = undefined;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAG5E,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBACnC,yBAAyB;IAAAA,eAAA,kBAC1B,IAAI;IAAAA,eAAA,mBACJ,EAAE;IAAAA,eAAA,kBACH,QAAQ;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,qBAGH,IAAI;IAAAA,eAAA,6BACGC,SAAS;IAAAD,eAAA,4BACC,QAAQ;IAAAA,eAAA,eAChCC,SAAS;EAAA;AAC3B","ignoreList":[]}

package/components/input/rating/rating.component.js

@@ -128,7 +128,8 @@ export default class WmRating extends BaseComponent {
     }, this._background, arr.map((v, i) => this.state.selectedIndex > -1 && i <= this.state.selectedIndex ? /*#__PURE__*/React.createElement(WmIcon, {
       id: this.getTestId('star' + i),
       key: i,
-      iconclass: "wi wi-star",
+      iconclass: props.activeiconclass,
+      iconurl: props.activeiconurl,
       iconsize: props.iconsize,
       styles: selectedIconStyles,
       onTap: () => {
@@ -139,7 +140,8 @@ export default class WmRating extends BaseComponent {
     }) : null), arr.map((v, i) => this.state.selectedIndex === -1 || i > this.state.selectedIndex ? /*#__PURE__*/React.createElement(WmIcon, {
       id: this.getTestId('star' + i),
       key: i,
-      iconclass: "wi wi-star-border",
+      iconclass: props.inactiveiconclass,
+      iconurl: props.inactiveiconurl,
       iconsize: props.iconsize,
       styles: this.styles.icon,
       onTap: () => {

package/components/input/rating/rating.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","BaseComponent","BaseComponentState","WmIcon","WmRatingProps","DEFAULT_CLASS","cloneDeep","isArray","isNumber","isString","WmRatingState","constructor","args","_defineProperty","WmRating","props","caption","state","prepareItems","items","dataset","maxvalue","Array","from","keys","map","v","split","Object","i","key","value","selectedIndex","datavalue","undefined","findIndex","item","k","datafield","showcaptions","selectedItem","getDisplayExpression","displayfield","updateState","onPropertyChange","name","$new","$old","isDefault","isdefault","onFieldChange","bind","disabled","changeValue","oldValue","readonly","invokeEventCallback","proxy","renderWidget","maxValue","arr","selectedIconStyles","styles","selectedIcon","iconcolor","text","color","createElement","style","root","onLayout","event","handleLayout","accessible","accessibilityHint","hint","accessibilityRole","accessibilityrole","accessibilityLabel","accessibilitylabel","_background","id","getTestId","iconclass","iconsize","onTap","icon"],"sources":["rating.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmRatingProps from './rating.props';\nimport { DEFAULT_CLASS, WmRatingStyles } from './rating.styles';\nimport { cloneDeep, isArray, isEmpty, isNumber, isString } from 'lodash-es';\n\nexport class WmRatingState extends BaseComponentState<WmRatingProps> {\n  items: any[] = null as any;\n  caption: any = null as any;\n  selectedIndex = -1;\n  isDefault = false;\n}\n\nexport default class WmRating extends BaseComponent<WmRatingProps, WmRatingState, WmRatingStyles> {\n\n  constructor(props: WmRatingProps) {\n    super(props, DEFAULT_CLASS, new WmRatingProps());\n  }\n\n  get caption() {\n    return this.state.caption;\n  }\n\n  prepareItems(props: WmRatingProps) {\n    let items: any[] = [];\n    if (!props.dataset && props.maxvalue) {\n      items = Array.from(Array(+props.maxvalue).keys());\n      items = items.map(v => v + 1);\n    } else if (isString(props.dataset)) {\n      items = props.dataset.split(',');\n    } else {\n      items = props.dataset as any[] || [];\n    }\n    if (isArray(items) && items[0] !== Object(items[0])) {\n      items = items.map((v, i) => ({\n        key: i + 1,\n        value: v\n      }));\n    }\n    let selectedIndex = -1;\n    if (props.datavalue !== undefined && props.datavalue !== null) {\n      selectedIndex = items.findIndex((item: any, k) => item[props.datafield as string] == props.datavalue);\n      if (selectedIndex === -1 && isNumber(props.datavalue)) {\n        selectedIndex = props.datavalue;\n      }\n    }\n    let caption: any = '';\n    if (selectedIndex > -1 && props.showcaptions) {\n      const selectedItem = items[selectedIndex];\n      if (selectedItem) {\n        if (props.getDisplayExpression) {\n          caption = props.getDisplayExpression(selectedItem);\n        } else {\n          caption = selectedItem[props.displayfield as string];\n        }\n      } else {\n        caption = selectedIndex + 1;\n      }\n    }\n    this.updateState({\n      items: items,\n      selectedIndex: selectedIndex,\n      caption: caption\n    } as WmRatingState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'dataset' :\n      case 'datafield' :\n      case 'displayfield' :\n      case 'maxvalue':\n      case 'datavalue' :\n        this.prepareItems(this.state.props);\n        if (name === 'datavalue') {\n          const isDefault = this.state.props.isdefault;\n          if (isDefault) {\n            this.updateState({ props: {isdefault: false} } as WmRatingState, this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault));\n          } else {\n            this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);\n          }\n        }\n        break;\n      case 'readonly' :\n        this.updateState({\n          props: {\n            disabled: $new\n          }\n        } as WmRatingState);\n        break;\n    }\n  }\n\n  changeValue(i: number) {\n    const props = this.state.props;\n    const oldValue = props.datavalue;\n    if (!props.readonly) {\n      let value = this.state.items[i] ? this.state.items[i][props.datafield || '']: i;\n      this.updateState({\n        props: {\n          datavalue:  value\n        }\n      } as WmRatingState, () => {\n        !this.props.onFieldChange && value !== oldValue && this.invokeEventCallback('onChange', [undefined, this.proxy, value, oldValue]);\n      });\n    }\n  }\n\n  renderWidget(props: WmRatingProps) {\n    const maxValue = props.maxvalue ? +props.maxvalue : 5;\n    const arr = Array.from(Array(maxValue).keys());\n\n    let selectedIconStyles = this.styles.selectedIcon;\n    if (props.iconcolor) {\n      selectedIconStyles = cloneDeep(this.styles.selectedIcon);\n      selectedIconStyles.text.color = props.iconcolor;\n    }\n    return (\n    <View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}\n      accessible={props.accessible}\n      accessibilityHint={props.hint}\n      accessibilityRole={props.accessibilityrole || \"radiogroup\"}\n      accessibilityLabel={props.accessibilitylabel || `Rating component, ${this.state.selectedIndex + 1} stars selected ${maxValue} stars maximum`}\n    >\n      {this._background}\n      {arr.map((v, i) => (\n        (this.state.selectedIndex > -1 && i <= this.state.selectedIndex) ? <WmIcon\n          id={this.getTestId('star' + i)}\n          key={i}\n          iconclass=\"wi wi-star\"\n          iconsize={props.iconsize}\n          styles={selectedIconStyles}\n          onTap={() => { this.changeValue(i)}}\n          accessibilityrole=\"button\"\n          hint={`Tap to set rating to ${i + 1} stars`}\n        ></WmIcon> : null\n      ))}\n      {arr.map((v, i) => (\n        (this.state.selectedIndex === -1 || i > this.state.selectedIndex) ? <WmIcon\n          id={this.getTestId('star' + i)}\n          key={i}\n          iconclass=\"wi wi-star-border\"\n          iconsize={props.iconsize}\n          styles={this.styles.icon}\n          onTap={() => { this.changeValue(i)}}\n          accessibilityrole=\"button\"\n          hint={`Tap to set rating to ${i + 1} stars`}\n        ></WmIcon> : null\n      ))}\n      { !!props.showcaptions ? (<Text style={this.styles.text}>{this.state.caption}</Text>) : null }\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","BaseComponent","BaseComponentState","WmIcon","WmRatingProps","DEFAULT_CLASS","cloneDeep","isArray","isNumber","isString","WmRatingState","constructor","args","_defineProperty","WmRating","props","caption","state","prepareItems","items","dataset","maxvalue","Array","from","keys","map","v","split","Object","i","key","value","selectedIndex","datavalue","undefined","findIndex","item","k","datafield","showcaptions","selectedItem","getDisplayExpression","displayfield","updateState","onPropertyChange","name","$new","$old","isDefault","isdefault","onFieldChange","bind","disabled","changeValue","oldValue","readonly","invokeEventCallback","proxy","renderWidget","maxValue","arr","selectedIconStyles","styles","selectedIcon","iconcolor","text","color","createElement","style","root","onLayout","event","handleLayout","accessible","accessibilityHint","hint","accessibilityRole","accessibilityrole","accessibilityLabel","accessibilitylabel","_background","id","getTestId","iconclass","activeiconclass","iconurl","activeiconurl","iconsize","onTap","inactiveiconclass","inactiveiconurl","icon"],"sources":["rating.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmRatingProps from './rating.props';\nimport { DEFAULT_CLASS, WmRatingStyles } from './rating.styles';\nimport { cloneDeep, isArray, isEmpty, isNumber, isString } from 'lodash-es';\n\nexport class WmRatingState extends BaseComponentState<WmRatingProps> {\n  items: any[] = null as any;\n  caption: any = null as any;\n  selectedIndex = -1;\n  isDefault = false;\n}\n\nexport default class WmRating extends BaseComponent<WmRatingProps, WmRatingState, WmRatingStyles> {\n\n  constructor(props: WmRatingProps) {\n    super(props, DEFAULT_CLASS, new WmRatingProps());\n  }\n\n  get caption() {\n    return this.state.caption;\n  }\n\n  prepareItems(props: WmRatingProps) {\n    let items: any[] = [];\n    if (!props.dataset && props.maxvalue) {\n      items = Array.from(Array(+props.maxvalue).keys());\n      items = items.map(v => v + 1);\n    } else if (isString(props.dataset)) {\n      items = props.dataset.split(',');\n    } else {\n      items = props.dataset as any[] || [];\n    }\n    if (isArray(items) && items[0] !== Object(items[0])) {\n      items = items.map((v, i) => ({\n        key: i + 1,\n        value: v\n      }));\n    }\n    let selectedIndex = -1;\n    if (props.datavalue !== undefined && props.datavalue !== null) {\n      selectedIndex = items.findIndex((item: any, k) => item[props.datafield as string] == props.datavalue);\n      if (selectedIndex === -1 && isNumber(props.datavalue)) {\n        selectedIndex = props.datavalue;\n      }\n    }\n    let caption: any = '';\n    if (selectedIndex > -1 && props.showcaptions) {\n      const selectedItem = items[selectedIndex];\n      if (selectedItem) {\n        if (props.getDisplayExpression) {\n          caption = props.getDisplayExpression(selectedItem);\n        } else {\n          caption = selectedItem[props.displayfield as string];\n        }\n      } else {\n        caption = selectedIndex + 1;\n      }\n    }\n    this.updateState({\n      items: items,\n      selectedIndex: selectedIndex,\n      caption: caption\n    } as WmRatingState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'dataset' :\n      case 'datafield' :\n      case 'displayfield' :\n      case 'maxvalue':\n      case 'datavalue' :\n        this.prepareItems(this.state.props);\n        if (name === 'datavalue') {\n          const isDefault = this.state.props.isdefault;\n          if (isDefault) {\n            this.updateState({ props: {isdefault: false} } as WmRatingState, this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault));\n          } else {\n            this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);\n          }\n        }\n        break;\n      case 'readonly' :\n        this.updateState({\n          props: {\n            disabled: $new\n          }\n        } as WmRatingState);\n        break;\n    }\n  }\n\n  changeValue(i: number) {\n    const props = this.state.props;\n    const oldValue = props.datavalue;\n    if (!props.readonly) {\n      let value = this.state.items[i] ? this.state.items[i][props.datafield || '']: i;\n      this.updateState({\n        props: {\n          datavalue:  value\n        }\n      } as WmRatingState, () => {\n        !this.props.onFieldChange && value !== oldValue && this.invokeEventCallback('onChange', [undefined, this.proxy, value, oldValue]);\n      });\n    }\n  }\n\n  renderWidget(props: WmRatingProps) {\n    const maxValue = props.maxvalue ? +props.maxvalue : 5;\n    const arr = Array.from(Array(maxValue).keys());\n\n    let selectedIconStyles = this.styles.selectedIcon;\n    if (props.iconcolor) {\n      selectedIconStyles = cloneDeep(this.styles.selectedIcon);\n      selectedIconStyles.text.color = props.iconcolor;\n    }\n    return (\n    <View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}\n      accessible={props.accessible}\n      accessibilityHint={props.hint}\n      accessibilityRole={props.accessibilityrole || \"radiogroup\"}\n      accessibilityLabel={props.accessibilitylabel || `Rating component, ${this.state.selectedIndex + 1} stars selected ${maxValue} stars maximum`}\n    >\n      {this._background}\n      {arr.map((v, i) => (\n        (this.state.selectedIndex > -1 && i <= this.state.selectedIndex) ? <WmIcon\n          id={this.getTestId('star' + i)}\n          key={i}\n          iconclass={props.activeiconclass}\n          iconurl={props.activeiconurl}\n          iconsize={props.iconsize}\n          styles={selectedIconStyles}\n          onTap={() => { this.changeValue(i)}}\n          accessibilityrole=\"button\"\n          hint={`Tap to set rating to ${i + 1} stars`}\n        ></WmIcon> : null\n      ))}\n      {arr.map((v, i) => (\n        (this.state.selectedIndex === -1 || i > this.state.selectedIndex) ? <WmIcon\n          id={this.getTestId('star' + i)}\n          key={i}\n          iconclass={props.inactiveiconclass}\n          iconurl={props.inactiveiconurl}\n          iconsize={props.iconsize}\n          styles={this.styles.icon}\n          onTap={() => { this.changeValue(i)}}\n          accessibilityrole=\"button\"\n          hint={`Tap to set rating to ${i + 1} stars`}\n        ></WmIcon> : null\n      ))}\n      { !!props.showcaptions ? (<Text style={this.styles.text}>{this.state.caption}</Text>) : null }\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/rating/rating.props.js

@@ -14,6 +14,10 @@ export default class WmRatingProps extends BaseProps {
     _defineProperty(this, "readonly", false);
     _defineProperty(this, "iconcolor", null);
     _defineProperty(this, "iconsize", null);
+    _defineProperty(this, "activeiconclass", 'wi wi-star');
+    _defineProperty(this, "inactiveiconclass", 'wi wi-star-border');
+    _defineProperty(this, "activeiconurl", null);
+    _defineProperty(this, "inactiveiconurl", null);
     _defineProperty(this, "showcaptions", true);
     _defineProperty(this, "onFieldChange", void 0);
     _defineProperty(this, "accessible", true);

package/components/input/rating/rating.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmRatingProps","constructor","args","_defineProperty","undefined"],"sources":["rating.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmRatingProps extends BaseProps {\n    dataset?: any[] = null as any;\n    datafield?: string = 'key';\n    displayfield?: string = 'value';\n    getDisplayExpression: Function = null as any;\n    datavalue?: number = null as any;\n    maxvalue: number = 5;\n    readonly? = false;\n    iconcolor?: string = null as any;\n    iconsize?: number = null as any;\n    showcaptions? = true;\n    onFieldChange: any;\n    accessible?: boolean = true;\n    accessibilitylabel?: string = undefined;\n    accessibilityrole?: AccessibilityRole = 'radiogroup';\n    hint?: string = undefined;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAG5E,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBAC/B,IAAI;IAAAA,eAAA,oBACD,KAAK;IAAAA,eAAA,uBACF,OAAO;IAAAA,eAAA,+BACE,IAAI;IAAAA,eAAA,oBAChB,IAAI;IAAAA,eAAA,mBACN,CAAC;IAAAA,eAAA,mBACR,KAAK;IAAAA,eAAA,oBACI,IAAI;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,uBACR,IAAI;IAAAA,eAAA;IAAAA,eAAA,qBAEG,IAAI;IAAAA,eAAA,6BACGC,SAAS;IAAAD,eAAA,4BACC,YAAY;IAAAA,eAAA,eACpCC,SAAS;EAAA;AAC7B","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmRatingProps","constructor","args","_defineProperty","undefined"],"sources":["rating.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmRatingProps extends BaseProps {\n    dataset?: any[] = null as any;\n    datafield?: string = 'key';\n    displayfield?: string = 'value';\n    getDisplayExpression: Function = null as any;\n    datavalue?: number = null as any;\n    maxvalue: number = 5;\n    readonly? = false;\n    iconcolor?: string = null as any;\n    iconsize?: number = null as any;\n    activeiconclass?: string = 'wi wi-star';\n    inactiveiconclass?: string = 'wi wi-star-border';\n    activeiconurl?: string = null as any;\n    inactiveiconurl?: string = null as any;\n    showcaptions? = true;\n    onFieldChange: any;\n    accessible?: boolean = true;\n    accessibilitylabel?: string = undefined;\n    accessibilityrole?: AccessibilityRole = 'radiogroup';\n    hint?: string = undefined;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAG5E,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBAC/B,IAAI;IAAAA,eAAA,oBACD,KAAK;IAAAA,eAAA,uBACF,OAAO;IAAAA,eAAA,+BACE,IAAI;IAAAA,eAAA,oBAChB,IAAI;IAAAA,eAAA,mBACN,CAAC;IAAAA,eAAA,mBACR,KAAK;IAAAA,eAAA,oBACI,IAAI;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,0BACG,YAAY;IAAAA,eAAA,4BACV,mBAAmB;IAAAA,eAAA,wBACvB,IAAI;IAAAA,eAAA,0BACF,IAAI;IAAAA,eAAA,uBACf,IAAI;IAAAA,eAAA;IAAAA,eAAA,qBAEG,IAAI;IAAAA,eAAA,6BACGC,SAAS;IAAAD,eAAA,4BACC,YAAY;IAAAA,eAAA,eACpCC,SAAS;EAAA;AAC7B","ignoreList":[]}

package/components/input/switch/switch.component.js

@@ -67,10 +67,11 @@ export default class WmSwitch extends BaseDatasetComponent {
       onTap: this.state.props.disabled ? undefined : this.onTap.bind(this, null, item),
       styles: [this.styles.button, this.styles[btnClass], isSelected ? this.styles.selectedButton : null],
       key: item.key
-    }), this.state.props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+    }), this.state.props.iconclass || this.state.props.iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
       id: this.getTestId('icon' + index),
       styles: isSelected ? this.styles.selectedLoadingIcon : this.styles.loadingIcon,
       iconclass: item.icon,
+      iconurl: item.iconUrl,
       caption: displayText,
       accessible: false
     }) : /*#__PURE__*/React.createElement(View, null, this._showSkeleton ? createSkeleton(this.theme, {}, {

package/components/input/switch/switch.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","isEqual","find","WmSwitchProps","DEFAULT_CLASS","WmIcon","BaseDatasetComponent","BaseDatasetState","Tappable","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmSwitchState","WmSwitch","constructor","props","onChange","value","oldVal","state","datavalue","validate","datafield","selectedItem","dataItems","item","key","dataObject","updateState","isDefault","invokeEvent","invokeEventCallback","undefined","proxy","onTap","event","getItemKey","renderChild","index","btnClass","length","displayText","displayexp","displayfield","isSelected","accessibilityProps","accessibilityRole","accessibilityState","selected","createElement","_extends","disableTouchEffect","disabletoucheffect","getTestPropsForAction","disabled","bind","styles","button","selectedButton","iconclass","id","getTestId","selectedLoadingIcon","loadingIcon","icon","caption","accessible","_showSkeleton","theme","text","textSkeleton","root","getTestPropsForLabel","style","selectedButtonText","color","renderItems","items","map","renderWidget","onLayout","handleLayout","SWITCH"],"sources":["switch.component.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport {DimensionValue, LayoutChangeEvent, Text, View} from \"react-native\";\nimport { isEqual, find } from 'lodash';\n\nimport WmSwitchProps from './switch.props';\nimport { DEFAULT_CLASS, WmSwitchStyles } from './switch.styles';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { BaseDatasetComponent, BaseDatasetState } from '../basedataset/basedataset.component';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmSwitchState extends BaseDatasetState<WmSwitchProps> {}\n\nexport default class WmSwitch extends BaseDatasetComponent<WmSwitchProps, WmSwitchState, WmSwitchStyles> {\n  constructor(props: WmSwitchProps) {\n    super(props, DEFAULT_CLASS, new WmSwitchProps());\n  }\n\n  onChange(value: any) {\n    if (!value) {\n      return;\n    }\n    const oldVal = this.state.props.datavalue;\n    this.validate(value);\n    if (value === oldVal) {\n      return;\n    }\n    if (this.state.props.datafield === 'All Fields') {\n      const selectedItem = find(this.state.dataItems, (item) => isEqual(item.key, value));\n      value = selectedItem && selectedItem.dataObject;\n    }\n    // @ts-ignore\n    this.updateState({props: {datavalue: value}, isDefault: false},\n      () => {\n      if (!this.props.invokeEvent) {\n        this.invokeEventCallback('onChange', [undefined, this.proxy, value, oldVal]);\n      }\n      });\n  }\n\n  onTap(event: any, item: any) {\n    const value = this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield;\n    this.onChange(value);\n    this.invokeEventCallback('onTap', [ event, this.proxy ]);\n  }\n  renderChild(item: any, index: any) {\n    let btnClass = 'button';\n    const props = this.state.props;\n    if(index === 0) {\n      btnClass = 'firstButton';\n    } else if (index+1 === this.state.dataItems.length) {\n      btnClass = 'lastButton';\n    }\n    const displayText = item.displayexp || item.displayfield;\n    const isSelected = this.state.props.datafield === 'All Fields' ? isEqual(props.datavalue, item.datafield) : this.state.props.datavalue === item.datafield;\n    const accessibilityProps = {\n      accessibilityRole: 'button',\n      accessibilityState: {\n      selected: isSelected,\n    }};\n    return (\n      <Tappable\n        disableTouchEffect={this.state.props.disabletoucheffect}\n        {...this.getTestPropsForAction('button'+index)}\n        accessibilityProps={accessibilityProps}\n        onTap={this.state.props.disabled ? undefined : this.onTap.bind(this, null, item)}\n        styles={[\n          this.styles.button,\n          this.styles[btnClass],\n          isSelected ? this.styles.selectedButton : null]}\n          key={item.key}>\n        {this.state.props.iconclass ?\n            (<WmIcon\n              id={this.getTestId('icon' + index)}\n              styles={isSelected ? this.styles.selectedLoadingIcon : this.styles.loadingIcon}\n              iconclass={item.icon}\n              caption={displayText}\n              accessible={false}></WmIcon>)\n            : (<View>\n                {\n                  this._showSkeleton ? createSkeleton(this.theme, {} as WmSkeletonStyles, {\n                    ...this.styles.text,\n                    ...this.styles.textSkeleton.root\n                  }) : <Text\n                  {...this.getTestPropsForLabel('label' + index)}\n                  style={[ isSelected ?  this.styles.selectedButtonText : this.styles.text,\n                    {color: isSelected ? this.styles.selectedButton.color : this.styles.button.color }]}>\n                  {displayText}\n                </Text>\n                }\n              </View>)}\n      </Tappable>\n    );\n  };\n\n  renderItems() {\n    const items = this.state.dataItems;\n    if(this._showSkeleton) {\n      return [{}, {}, {}].map((item: any, index: any) => this.renderChild(item, index))\n    }\n    return items && items.length ?\n      items.map((item: any, index: any) => this.renderChild(item, index)): null\n  }\n\n  renderWidget(props: WmSwitchProps) {\n    return (<View style={this.styles.root} onLayout={(event) => this.handleLayout(event)} {...getAccessibilityProps(AccessibilityWidgetType.SWITCH, props)}>\n      {this.renderItems()}\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","isEqual","find","WmSwitchProps","DEFAULT_CLASS","WmIcon","BaseDatasetComponent","BaseDatasetState","Tappable","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmSwitchState","WmSwitch","constructor","props","onChange","value","oldVal","state","datavalue","validate","datafield","selectedItem","dataItems","item","key","dataObject","updateState","isDefault","invokeEvent","invokeEventCallback","undefined","proxy","onTap","event","getItemKey","renderChild","index","btnClass","length","displayText","displayexp","displayfield","isSelected","accessibilityProps","accessibilityRole","accessibilityState","selected","createElement","_extends","disableTouchEffect","disabletoucheffect","getTestPropsForAction","disabled","bind","styles","button","selectedButton","iconclass","iconurl","id","getTestId","selectedLoadingIcon","loadingIcon","icon","iconUrl","caption","accessible","_showSkeleton","theme","text","textSkeleton","root","getTestPropsForLabel","style","selectedButtonText","color","renderItems","items","map","renderWidget","onLayout","handleLayout","SWITCH"],"sources":["switch.component.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport {DimensionValue, LayoutChangeEvent, Text, View} from \"react-native\";\nimport { isEqual, find } from 'lodash';\n\nimport WmSwitchProps from './switch.props';\nimport { DEFAULT_CLASS, WmSwitchStyles } from './switch.styles';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { BaseDatasetComponent, BaseDatasetState } from '../basedataset/basedataset.component';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmSwitchState extends BaseDatasetState<WmSwitchProps> {}\n\nexport default class WmSwitch extends BaseDatasetComponent<WmSwitchProps, WmSwitchState, WmSwitchStyles> {\n  constructor(props: WmSwitchProps) {\n    super(props, DEFAULT_CLASS, new WmSwitchProps());\n  }\n\n  onChange(value: any) {\n    if (!value) {\n      return;\n    }\n    const oldVal = this.state.props.datavalue;\n    this.validate(value);\n    if (value === oldVal) {\n      return;\n    }\n    if (this.state.props.datafield === 'All Fields') {\n      const selectedItem = find(this.state.dataItems, (item) => isEqual(item.key, value));\n      value = selectedItem && selectedItem.dataObject;\n    }\n    // @ts-ignore\n    this.updateState({props: {datavalue: value}, isDefault: false},\n      () => {\n      if (!this.props.invokeEvent) {\n        this.invokeEventCallback('onChange', [undefined, this.proxy, value, oldVal]);\n      }\n      });\n  }\n\n  onTap(event: any, item: any) {\n    const value = this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield;\n    this.onChange(value);\n    this.invokeEventCallback('onTap', [ event, this.proxy ]);\n  }\n  renderChild(item: any, index: any) {\n    let btnClass = 'button';\n    const props = this.state.props;\n    if(index === 0) {\n      btnClass = 'firstButton';\n    } else if (index+1 === this.state.dataItems.length) {\n      btnClass = 'lastButton';\n    }\n    const displayText = item.displayexp || item.displayfield;\n    const isSelected = this.state.props.datafield === 'All Fields' ? isEqual(props.datavalue, item.datafield) : this.state.props.datavalue === item.datafield;\n    const accessibilityProps = {\n      accessibilityRole: 'button',\n      accessibilityState: {\n      selected: isSelected,\n    }};\n    return (\n      <Tappable\n        disableTouchEffect={this.state.props.disabletoucheffect}\n        {...this.getTestPropsForAction('button'+index)}\n        accessibilityProps={accessibilityProps}\n        onTap={this.state.props.disabled ? undefined : this.onTap.bind(this, null, item)}\n        styles={[\n          this.styles.button,\n          this.styles[btnClass],\n          isSelected ? this.styles.selectedButton : null]}\n          key={item.key}>\n        {(this.state.props.iconclass || this.state.props.iconurl) ?\n            (<WmIcon\n              id={this.getTestId('icon' + index)}\n              styles={isSelected ? this.styles.selectedLoadingIcon : this.styles.loadingIcon}\n              iconclass={item.icon}\n              iconurl={item.iconUrl}\n              caption={displayText}\n              accessible={false}></WmIcon>)\n            : (<View>\n                {\n                  this._showSkeleton ? createSkeleton(this.theme, {} as WmSkeletonStyles, {\n                    ...this.styles.text,\n                    ...this.styles.textSkeleton.root\n                  }) : <Text\n                  {...this.getTestPropsForLabel('label' + index)}\n                  style={[ isSelected ?  this.styles.selectedButtonText : this.styles.text,\n                    {color: isSelected ? this.styles.selectedButton.color : this.styles.button.color }]}>\n                  {displayText}\n                </Text>\n                }\n              </View>)}\n      </Tappable>\n    );\n  };\n\n  renderItems() {\n    const items = this.state.dataItems;\n    if(this._showSkeleton) {\n      return [{}, {}, {}].map((item: any, index: any) => this.renderChild(item, index))\n    }\n    return items && items.length ?\n      items.map((item: any, index: any) => this.renderChild(item, index)): null\n  }\n\n  renderWidget(props: WmSwitchProps) {\n    return (<View style={this.styles.root} onLayout={(event) => this.handleLayout(event)} {...getAccessibilityProps(AccessibilityWidgetType.SWITCH, props)}>\n      {this.renderItems()}\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/text/text.component.js

@@ -63,8 +63,8 @@ export default class WmText extends BaseInputComponent {
     const foundationStyle = this.theme.getStyle('app-input');
     const classname = this.state.props.classname ? this.state.props.classname.split(" ").pop() : '';
     opts[valueExpr] = ((_this$state$textValue = this.state.textValue) === null || _this$state$textValue === void 0 ? void 0 : _this$state$textValue.toString()) || '';
-    const hasLeading = !!props.leadingiconclass;
-    const hasTrailing = !!props.trailingiconclass;
+    const hasLeading = !!(props.leadingiconclass || props.leadingiconurl);
+    const hasTrailing = !!(props.trailingiconclass || props.trailingiconurl);
     const mergedRoot = this.theme.mergeStyle(this.styles.root, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.root, Platform.OS === 'web' ? this.styles.inputWeb : null);
     const basePadding = (_ref = (_mergedRoot$padding = mergedRoot === null || mergedRoot === void 0 ? void 0 : mergedRoot.padding) !== null && _mergedRoot$padding !== void 0 ? _mergedRoot$padding : mergedRoot === null || mergedRoot === void 0 ? void 0 : mergedRoot.paddingLeft) !== null && _ref !== void 0 ? _ref : 16;
     const hassupportingtext = !!props.hint;
@@ -112,7 +112,8 @@ export default class WmText extends BaseInputComponent {
       allowContentSelection: this.styles.text.userSelect === 'text',
       autoCapitalize: props.autocapitalize,
       handleLayout: this.handleLayout,
-      leadingiconclass: props.leadingiconclass
+      leadingiconclass: props.leadingiconclass,
+      leadingiconurl: props.leadingiconurl
     })), hasLeading && /*#__PURE__*/React.createElement(View, {
       style: [this.styles.iconWrapper, {
         left: basePadding
@@ -122,6 +123,7 @@ export default class WmText extends BaseInputComponent {
       id: this.getTestId('leading-icon'),
       name: `${props.name}_leading_icon`,
       iconclass: props.leadingiconclass,
+      iconurl: props.leadingiconurl,
       styles: this.styles.leadingIcon,
       accessible: true,
       onTap: this.leadingIconClick.bind(this)
@@ -134,6 +136,7 @@ export default class WmText extends BaseInputComponent {
       id: this.getTestId('trailing-icon'),
       name: `${props.name}_trailing_icon`,
       iconclass: props.trailingiconclass,
+      iconurl: props.trailingiconurl,
       styles: this.styles.trailingIcon,
       accessible: true,
       onTap: this.trailingIconClick.bind(this)

package/components/input/text/text.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","View","Text","WmTextProps","DEFAULT_CLASS","WMTextInput","BaseInputComponent","BaseInputState","isNull","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmIcon","WmTextState","WmText","constructor","props","getStyleClassName","classes","state","floatinglabel","push","join","onChangeText","text","uppercase","s","String","toUpperCase","renderSkeleton","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","styles","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","leadingIconClick","invokeEventCallback","proxy","trailingIconClick","renderWidget","_this$state$textValue","_ref","_mergedRoot$padding","_mergedRoot$height","_this$theme$getStyle","_this$theme$getStyle2","_props$maxchars","opts","valueExpr","OS","foundationStyle","getStyle","classname","split","pop","textValue","toString","hasLeading","leadingiconclass","hasTrailing","trailingiconclass","mergedRoot","mergeStyle","inputWeb","basePadding","padding","paddingLeft","hassupportingtext","hint","inputHeight","minHeight","createElement","Fragment","style","inputContainer","_extends","getTestPropsForInput","TEXT","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","inputheight","undefined","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","focused","variant","labelBackground","backgroundColor","inactiveFloatingLabelStyle","inactiveFloatingLabel","placeholderTextColor","placeholderText","color","isInputFocused","isValid","invalid","disabled","inputWithLeadingIcon","inputWithTrailingIcon","keyboardType","autoComplete","autocomplete","autoFocus","autofocus","editable","readonly","secureTextEntry","type","maskchar","displayformat","background","_background","maxLength","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChange","invokeChange","allowContentSelection","userSelect","autoCapitalize","autocapitalize","handleLayout","iconWrapper","left","pointerEvents","id","getTestId","name","iconclass","leadingIcon","accessible","onTap","right","trailingIcon"],"sources":["text.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform, View, Text } from 'react-native';\n\nimport WmTextProps from './text.props';\nimport { DEFAULT_CLASS, WmTextStyles } from './text.styles';\nimport { WMTextInput } from '@wavemaker-ai/app-rn-runtime/core/components/textinput.component';\nimport { BaseInputComponent, BaseInputState } from \"@wavemaker-ai/app-rn-runtime/components/input/baseinput/baseinput.component\";\nimport { isNull } from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\n\nexport class WmTextState extends BaseInputState<WmTextProps> {\n}\n\nexport default class WmText extends BaseInputComponent<WmTextProps, WmTextState, WmTextStyles> {\n\n  constructor(props: WmTextProps) {\n    super(props, DEFAULT_CLASS, new WmTextProps(), new WmTextState());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n        classes.push('app-text-with-label');\n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  public onChangeText(text: any) {\n    if (!this.props.uppercase) {\n      super.onChangeText(text);\n      return;\n    }\n    const s = text == null ? '' : String(text);\n    super.onChangeText(s ? s.toUpperCase() : s);\n  }\n\n  public renderSkeleton(props: WmTextProps): React.ReactNode { \n    let skeletonWidth, skeletonHeight;\n\n    if(this.props.skeletonwidth == \"0\") {\n      skeletonWidth = 0\n    } else {\n      skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n    }\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    } else {\n      skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n    }\n\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight as DimensionValue\n    })\n  }\n\n  private leadingIconClick() {\n    this.invokeEventCallback('onLeadingiconclick', [this.proxy]);\n  }\n\n  private trailingIconClick() {\n    this.invokeEventCallback('onTrailingiconclick', [this.proxy]);\n  }\n\n  renderWidget(props: WmTextProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    const foundationStyle = this.theme.getStyle('app-input');\n    const classname = this.state.props.classname ? this.state.props.classname.split(\" \").pop() : '';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n\n    const hasLeading = !!props.leadingiconclass;\n    const hasTrailing = !!props.trailingiconclass;\n\n    const mergedRoot = this.theme.mergeStyle(this.styles.root, foundationStyle?.root,  Platform.OS === 'web' ? this.styles.inputWeb : null);\n    const basePadding = mergedRoot?.padding ?? mergedRoot?.paddingLeft ?? 16;\n    const hassupportingtext = !!(props.hint);\n    const inputHeight = mergedRoot.height ?? mergedRoot.minHeight;\n\n    return (\n      <>\n        <View style={this.styles.inputContainer}>\n        <WMTextInput\n          {...this.getTestPropsForInput()}\n          {...getAccessibilityProps(\n            AccessibilityWidgetType.TEXT,\n            props\n          )}\n          ref={(ref: any) => {this.widgetRef = ref;\n            // @ts-ignore\n          if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n            // @ts-ignore\n            ref.selectionStart = ref.selectionEnd = this.cursor;\n          }}}\n          {...opts}\n          floatingLabel={props.floatinglabel}\n          inputheight={typeof inputHeight === 'number' ? inputHeight : undefined}\n          floatingLabelStyle={{\n            ...this.styles.floatingLabel}}\n          activeFloatingLabelStyle={this.theme.mergeStyle(this.styles.activeFloatingLabel,\n            this.theme.getStyle('app-text-with-label')?.activeFloatingLabel,\n            this.theme.getStyle(`${classname}`)?.focused)    \n          }\n          variant={props.variant as 'filled' | 'outlined' | undefined}\n          labelBackground={props.variant != 'filled' ? (mergedRoot?.backgroundColor as string) : undefined}\n          inactiveFloatingLabelStyle={this.styles.inactiveFloatingLabel}\n          placeholderTextColor={this.styles.placeholderText.color as any}\n          isInputFocused={ this.state.isInputFocused }\n          style={[this.theme.mergeStyle(this.styles.root, foundationStyle?.root),\n            this.theme.mergeStyle(this.styles.text, foundationStyle?.text, this.theme.getStyle(`${classname}`)),\n            this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle?.invalid),\n            this.state.isInputFocused ? this.theme.mergeStyle(this.styles.root, this.styles.focused, foundationStyle?.focused, this.theme.getStyle(`${classname}`).focused) : {},\n            this.state.props.disabled ? this.theme.mergeStyle(this.styles.root, foundationStyle?.disabled, this.theme.getStyle(`${classname}`).disabled) : {},\n            hasLeading ? this.styles.inputWithLeadingIcon : {},\n            hasTrailing ? this.styles.inputWithTrailingIcon : {},\n            Platform.OS === 'web' ? this.styles.inputWeb : null  //added to override the bordercolor getting applied only in web.\n          ]}\n          keyboardType={this.state.keyboardType}\n          autoComplete={props.autocomplete === \"true\" ? \"username\" : props.autocomplete === \"false\" ? \"off\" : props.autocomplete}\n          autoFocus={props.autofocus}\n          editable={props.disabled || props.readonly ? false : true}\n          secureTextEntry={props.type === 'password' && !props.maskchar ? true : false}\n          displayformat={props.displayformat}\n          background={this._background}\n          maskchar={props.maskchar}\n          maxLength={props.maxchars ?? undefined}          \n          placeholder={props.placeholder}\n          onBlur={this.onBlur.bind(this)}\n          onFocus={this.onFocus.bind(this)}\n          onKeyPress={this.onKeyPress.bind(this)}\n          onChangeText={this.onChangeText.bind(this)}\n          onChange={this.invokeChange.bind(this)}\n          allowContentSelection={this.styles.text.userSelect === 'text'}\n          autoCapitalize={props.autocapitalize}\n          handleLayout={this.handleLayout}\n          leadingiconclass={props.leadingiconclass}\n        />\n        {hasLeading && (\n          <View\n            style={[this.styles.iconWrapper, { left: basePadding as any }]}\n            pointerEvents=\"none\"\n          >\n            <WmIcon\n              id={this.getTestId('leading-icon')}\n              name={`${props.name}_leading_icon`}\n              iconclass={props.leadingiconclass}\n              styles={this.styles.leadingIcon}\n              accessible={true}\n              onTap={this.leadingIconClick.bind(this)}\n            />\n          </View>\n        )}\n        {hasTrailing && (\n          <View\n            style={this.theme.mergeStyle(this.styles.iconWrapper, { right: basePadding as any })}\n            pointerEvents=\"none\"\n          >\n            <WmIcon\n              id={this.getTestId('trailing-icon')}\n              name={`${props.name}_trailing_icon`}\n              iconclass={props.trailingiconclass}\n              styles={this.styles.trailingIcon}\n              accessible={true}\n              onTap={this.trailingIconClick.bind(this)}\n            />\n          </View>\n        )}\n      </View>\n      {hassupportingtext && (\n          <Text>\n             {props.hint}\n          </Text>\n        )\n        }\n    </>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Platform","View","Text","WmTextProps","DEFAULT_CLASS","WMTextInput","BaseInputComponent","BaseInputState","isNull","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmIcon","WmTextState","WmText","constructor","props","getStyleClassName","classes","state","floatinglabel","push","join","onChangeText","text","uppercase","s","String","toUpperCase","renderSkeleton","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","styles","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","leadingIconClick","invokeEventCallback","proxy","trailingIconClick","renderWidget","_this$state$textValue","_ref","_mergedRoot$padding","_mergedRoot$height","_this$theme$getStyle","_this$theme$getStyle2","_props$maxchars","opts","valueExpr","OS","foundationStyle","getStyle","classname","split","pop","textValue","toString","hasLeading","leadingiconclass","leadingiconurl","hasTrailing","trailingiconclass","trailingiconurl","mergedRoot","mergeStyle","inputWeb","basePadding","padding","paddingLeft","hassupportingtext","hint","inputHeight","minHeight","createElement","Fragment","style","inputContainer","_extends","getTestPropsForInput","TEXT","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","inputheight","undefined","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","focused","variant","labelBackground","backgroundColor","inactiveFloatingLabelStyle","inactiveFloatingLabel","placeholderTextColor","placeholderText","color","isInputFocused","isValid","invalid","disabled","inputWithLeadingIcon","inputWithTrailingIcon","keyboardType","autoComplete","autocomplete","autoFocus","autofocus","editable","readonly","secureTextEntry","type","maskchar","displayformat","background","_background","maxLength","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChange","invokeChange","allowContentSelection","userSelect","autoCapitalize","autocapitalize","handleLayout","iconWrapper","left","pointerEvents","id","getTestId","name","iconclass","iconurl","leadingIcon","accessible","onTap","right","trailingIcon"],"sources":["text.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform, View, Text } from 'react-native';\n\nimport WmTextProps from './text.props';\nimport { DEFAULT_CLASS, WmTextStyles } from './text.styles';\nimport { WMTextInput } from '@wavemaker-ai/app-rn-runtime/core/components/textinput.component';\nimport { BaseInputComponent, BaseInputState } from \"@wavemaker-ai/app-rn-runtime/components/input/baseinput/baseinput.component\";\nimport { isNull } from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\n\nexport class WmTextState extends BaseInputState<WmTextProps> {\n}\n\nexport default class WmText extends BaseInputComponent<WmTextProps, WmTextState, WmTextStyles> {\n\n  constructor(props: WmTextProps) {\n    super(props, DEFAULT_CLASS, new WmTextProps(), new WmTextState());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n        classes.push('app-text-with-label');\n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  public onChangeText(text: any) {\n    if (!this.props.uppercase) {\n      super.onChangeText(text);\n      return;\n    }\n    const s = text == null ? '' : String(text);\n    super.onChangeText(s ? s.toUpperCase() : s);\n  }\n\n  public renderSkeleton(props: WmTextProps): React.ReactNode { \n    let skeletonWidth, skeletonHeight;\n\n    if(this.props.skeletonwidth == \"0\") {\n      skeletonWidth = 0\n    } else {\n      skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n    }\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    } else {\n      skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n    }\n\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight as DimensionValue\n    })\n  }\n\n  private leadingIconClick() {\n    this.invokeEventCallback('onLeadingiconclick', [this.proxy]);\n  }\n\n  private trailingIconClick() {\n    this.invokeEventCallback('onTrailingiconclick', [this.proxy]);\n  }\n\n  renderWidget(props: WmTextProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    const foundationStyle = this.theme.getStyle('app-input');\n    const classname = this.state.props.classname ? this.state.props.classname.split(\" \").pop() : '';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n\n    const hasLeading = !!(props.leadingiconclass || props.leadingiconurl);\n    const hasTrailing = !!(props.trailingiconclass || props.trailingiconurl);\n\n    const mergedRoot = this.theme.mergeStyle(this.styles.root, foundationStyle?.root,  Platform.OS === 'web' ? this.styles.inputWeb : null);\n    const basePadding = mergedRoot?.padding ?? mergedRoot?.paddingLeft ?? 16;\n    const hassupportingtext = !!(props.hint);\n    const inputHeight = mergedRoot.height ?? mergedRoot.minHeight;\n\n    return (\n      <>\n        <View style={this.styles.inputContainer}>\n        <WMTextInput\n          {...this.getTestPropsForInput()}\n          {...getAccessibilityProps(\n            AccessibilityWidgetType.TEXT,\n            props\n          )}\n          ref={(ref: any) => {this.widgetRef = ref;\n            // @ts-ignore\n          if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n            // @ts-ignore\n            ref.selectionStart = ref.selectionEnd = this.cursor;\n          }}}\n          {...opts}\n          floatingLabel={props.floatinglabel}\n          inputheight={typeof inputHeight === 'number' ? inputHeight : undefined}\n          floatingLabelStyle={{\n            ...this.styles.floatingLabel}}\n          activeFloatingLabelStyle={this.theme.mergeStyle(this.styles.activeFloatingLabel,\n            this.theme.getStyle('app-text-with-label')?.activeFloatingLabel,\n            this.theme.getStyle(`${classname}`)?.focused)    \n          }\n          variant={props.variant as 'filled' | 'outlined' | undefined}\n          labelBackground={props.variant != 'filled' ? (mergedRoot?.backgroundColor as string) : undefined}\n          inactiveFloatingLabelStyle={this.styles.inactiveFloatingLabel}\n          placeholderTextColor={this.styles.placeholderText.color as any}\n          isInputFocused={ this.state.isInputFocused }\n          style={[this.theme.mergeStyle(this.styles.root, foundationStyle?.root),\n            this.theme.mergeStyle(this.styles.text, foundationStyle?.text, this.theme.getStyle(`${classname}`)),\n            this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle?.invalid),\n            this.state.isInputFocused ? this.theme.mergeStyle(this.styles.root, this.styles.focused, foundationStyle?.focused, this.theme.getStyle(`${classname}`).focused) : {},\n            this.state.props.disabled ? this.theme.mergeStyle(this.styles.root, foundationStyle?.disabled, this.theme.getStyle(`${classname}`).disabled) : {},\n            hasLeading ? this.styles.inputWithLeadingIcon : {},\n            hasTrailing ? this.styles.inputWithTrailingIcon : {},\n            Platform.OS === 'web' ? this.styles.inputWeb : null  //added to override the bordercolor getting applied only in web.\n          ]}\n          keyboardType={this.state.keyboardType}\n          autoComplete={props.autocomplete === \"true\" ? \"username\" : props.autocomplete === \"false\" ? \"off\" : props.autocomplete}\n          autoFocus={props.autofocus}\n          editable={props.disabled || props.readonly ? false : true}\n          secureTextEntry={props.type === 'password' && !props.maskchar ? true : false}\n          displayformat={props.displayformat}\n          background={this._background}\n          maskchar={props.maskchar}\n          maxLength={props.maxchars ?? undefined}          \n          placeholder={props.placeholder}\n          onBlur={this.onBlur.bind(this)}\n          onFocus={this.onFocus.bind(this)}\n          onKeyPress={this.onKeyPress.bind(this)}\n          onChangeText={this.onChangeText.bind(this)}\n          onChange={this.invokeChange.bind(this)}\n          allowContentSelection={this.styles.text.userSelect === 'text'}\n          autoCapitalize={props.autocapitalize}\n          handleLayout={this.handleLayout}\n          leadingiconclass={props.leadingiconclass}\n          leadingiconurl={props.leadingiconurl}\n        />\n        {hasLeading && (\n          <View\n            style={[this.styles.iconWrapper, { left: basePadding as any }]}\n            pointerEvents=\"none\"\n          >\n            <WmIcon\n              id={this.getTestId('leading-icon')}\n              name={`${props.name}_leading_icon`}\n              iconclass={props.leadingiconclass}\n              iconurl={props.leadingiconurl}\n              styles={this.styles.leadingIcon}\n              accessible={true}\n              onTap={this.leadingIconClick.bind(this)}\n            />\n          </View>\n        )}\n        {hasTrailing && (\n          <View\n            style={this.theme.mergeStyle(this.styles.iconWrapper, { right: basePadding as any })}\n            pointerEvents=\"none\"\n          >\n            <WmIcon\n              id={this.getTestId('trailing-icon')}\n              name={`${props.name}_trailing_icon`}\n              iconclass={props.trailingiconclass}\n              iconurl={props.trailingiconurl}\n              styles={this.styles.trailingIcon}\n              accessible={true}\n              onTap={this.trailingIconClick.bind(this)}\n            />\n          </View>\n        )}\n      </View>\n      {hassupportingtext && (\n          <Text>\n             {props.hint}\n          </Text>\n        )\n        }\n    </>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/text/text.props.js

@@ -16,6 +16,8 @@ export default class WmTextProps extends BaseInputProps {
     _defineProperty(this, "variant", void 0);
     _defineProperty(this, "leadingiconclass", void 0);
     _defineProperty(this, "trailingiconclass", void 0);
+    _defineProperty(this, "leadingiconurl", void 0);
+    _defineProperty(this, "trailingiconurl", void 0);
     _defineProperty(this, "moveUp", void 0);
   }
 }

package/components/input/text/text.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseInputProps","WmTextProps","constructor","args","_defineProperty"],"sources":["text.props.ts"],"sourcesContent":["import BaseInputProps from \"@wavemaker-ai/app-rn-runtime/components/input/baseinput/baseinput.props\";\n\nexport default class WmTextProps extends BaseInputProps {\n  floatinglabel?: string;\n  placeholder: string = 'Enter text';\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n  autocapitalize?: string = 'none';\n  uppercase?: boolean = false;\n  returnkeytype: 'auto' | 'next' | 'done' = 'auto';\n  onSubmitEditing:  Function = () => {};\n  variant?: string;\n  leadingiconclass?: string;\n  trailingiconclass?: string;\n  moveUp?: boolean;\n}\n"],"mappings":";;;AAAA,OAAOA,cAAc,MAAM,yEAAyE;AAEpG,eAAe,MAAMC,WAAW,SAASD,cAAc,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,sBAEhC,YAAY;IAAAA,eAAA,yBACR,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,yBACH,MAAM;IAAAA,eAAA,oBACV,KAAK;IAAAA,eAAA,wBACe,MAAM;IAAAA,eAAA,0BACnB,MAAM,CAAC,CAAC;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAKvC","ignoreList":[]}
+{"version":3,"names":["BaseInputProps","WmTextProps","constructor","args","_defineProperty"],"sources":["text.props.ts"],"sourcesContent":["import BaseInputProps from \"@wavemaker-ai/app-rn-runtime/components/input/baseinput/baseinput.props\";\n\nexport default class WmTextProps extends BaseInputProps {\n  floatinglabel?: string;\n  placeholder: string = 'Enter text';\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n  autocapitalize?: string = 'none';\n  uppercase?: boolean = false;\n  returnkeytype: 'auto' | 'next' | 'done' = 'auto';\n  onSubmitEditing:  Function = () => {};\n  variant?: string;\n  leadingiconclass?: string;\n  trailingiconclass?: string;\n  leadingiconurl?: string;\n  trailingiconurl?: string;\n  moveUp?: boolean;\n}\n"],"mappings":";;;AAAA,OAAOA,cAAc,MAAM,yEAAyE;AAEpG,eAAe,MAAMC,WAAW,SAASD,cAAc,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,sBAEhC,YAAY;IAAAA,eAAA,yBACR,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,yBACH,MAAM;IAAAA,eAAA,oBACV,KAAK;IAAAA,eAAA,wBACe,MAAM;IAAAA,eAAA,0BACnB,MAAM,CAAC,CAAC;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAOvC","ignoreList":[]}

package/components/navigation/basenav/basenav.component.js

@@ -43,6 +43,7 @@ export class BaseNavComponent extends BaseComponent {
           key: `${name}_item${i}`,
           label: this.getValue(d, this.state.props.itemlabel),
           icon: this.getValue(d, this.state.props.itemicon),
+          iconUrl: this.getValue(d, this.state.props.itemiconurl),
           link: this.getValue(d, this.state.props.itemlink),
           badge: this.getValue(d, this.state.props.itembadge),
           isactive: this.getValue(d, this.state.props.isactive),
@@ -62,6 +63,7 @@ export class BaseNavComponent extends BaseComponent {
         break;
       case 'itemlabel':
       case 'itemicon':
+      case 'itemiconurl':
       case 'itemlink':
       case 'itemchildren':
         this.setDataItems();

package/components/navigation/basenav/basenav.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseComponent","BaseComponentState","DEFAULT_CLASS","isArray","BaseNavState","constructor","args","_defineProperty","BaseNavComponent","props","defaultClass","defaultProps","defaultState","getValue","item","val","setDataItems","dataset","state","name","dataItems","split","map","s","i","key","label","data","d","itemlabel","icon","itemicon","link","itemlink","badge","itembadge","isactive","childnavigation","itemchildren","updateState","onPropertyChange","$new","$old"],"sources":["basenav.component.ts"],"sourcesContent":["import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { BaseNavProps } from './basenav.props';\nimport { DEFAULT_CLASS, BaseNavStyles } from './basenav.styles';\nimport { isArray } from 'lodash-es';\n\nexport interface NavigationDataItem {\n  key: string;\n  label: string;\n  icon?: string;\n  leftIcon?: string;\n  link?: string;\n  badge?: string;\n  isactive?: string;\n  data: any;\n  childnavigation?: any;\n}\n\nexport class BaseNavState <T extends BaseNavProps> extends BaseComponentState<T> {\n  dataItems = [] as NavigationDataItem[];\n}\n\nexport abstract class BaseNavComponent< T extends BaseNavProps, S extends BaseNavState<T>, L extends BaseNavStyles> extends BaseComponent<T, S, L> {\n\n  constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n    super(props, defaultClass, defaultProps, defaultState);\n  }\n\n  getValue(item: any, val?: string | ((item: any) => string)) {\n    if (typeof val === 'string') {\n      return item[val];\n    } else if (typeof val === 'function') {\n      return val(item);\n    }\n    return null;\n  }\n\n  setDataItems(dataset: any = this.state.props.dataset) {\n    const name = this.props.name;\n    let dataItems = [] as NavigationDataItem[];\n    if (typeof dataset === 'string') {\n      dataItems = dataset.split(',').map((s, i) => {\n        return {\n          key: `${name}_item${i}`,\n          label: s,\n          data: s\n        } as NavigationDataItem;\n      });\n    } else if (dataset) {\n      if (!isArray(dataset)) {\n        dataset = [dataset];\n      }\n      dataItems = (dataset as any[]).map((d, i) => {\n        return {\n          key: `${name}_item${i}`,\n          label: this.getValue(d, this.state.props.itemlabel),\n          icon: this.getValue(d, this.state.props.itemicon),\n          link: this.getValue(d, this.state.props.itemlink),\n          badge: this.getValue(d, this.state.props.itembadge),\n          isactive: this.getValue(d, this.state.props.isactive),\n          data: d,\n          childnavigation: this.state.props.itemchildren ? d[this.state.props.itemchildren] : null\n        } as NavigationDataItem;\n      });\n    }\n    this.updateState({dataItems: dataItems} as S);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'dataset':\n        this.setDataItems($new);\n        break;\n      case 'itemlabel':\n      case 'itemicon':\n      case 'itemlink':\n      case 'itemchildren':\n        this.setDataItems();\n        break;\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BaseComponent","BaseComponentState","DEFAULT_CLASS","isArray","BaseNavState","constructor","args","_defineProperty","BaseNavComponent","props","defaultClass","defaultProps","defaultState","getValue","item","val","setDataItems","dataset","state","name","dataItems","split","map","s","i","key","label","data","d","itemlabel","icon","itemicon","iconUrl","itemiconurl","link","itemlink","badge","itembadge","isactive","childnavigation","itemchildren","updateState","onPropertyChange","$new","$old"],"sources":["basenav.component.ts"],"sourcesContent":["import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { BaseNavProps } from './basenav.props';\nimport { DEFAULT_CLASS, BaseNavStyles } from './basenav.styles';\nimport { isArray } from 'lodash-es';\n\nexport interface NavigationDataItem {\n  key: string;\n  label: string;\n  icon?: string;\n  iconUrl?: string;\n  leftIcon?: string;\n  link?: string;\n  badge?: string;\n  isactive?: string;\n  data: any;\n  childnavigation?: any;\n}\n\nexport class BaseNavState <T extends BaseNavProps> extends BaseComponentState<T> {\n  dataItems = [] as NavigationDataItem[];\n}\n\nexport abstract class BaseNavComponent< T extends BaseNavProps, S extends BaseNavState<T>, L extends BaseNavStyles> extends BaseComponent<T, S, L> {\n\n  constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n    super(props, defaultClass, defaultProps, defaultState);\n  }\n\n  getValue(item: any, val?: string | ((item: any) => string)) {\n    if (typeof val === 'string') {\n      return item[val];\n    } else if (typeof val === 'function') {\n      return val(item);\n    }\n    return null;\n  }\n\n  setDataItems(dataset: any = this.state.props.dataset) {\n    const name = this.props.name;\n    let dataItems = [] as NavigationDataItem[];\n    if (typeof dataset === 'string') {\n      dataItems = dataset.split(',').map((s, i) => {\n        return {\n          key: `${name}_item${i}`,\n          label: s,\n          data: s\n        } as NavigationDataItem;\n      });\n    } else if (dataset) {\n      if (!isArray(dataset)) {\n        dataset = [dataset];\n      }\n      dataItems = (dataset as any[]).map((d, i) => {\n        return {\n          key: `${name}_item${i}`,\n          label: this.getValue(d, this.state.props.itemlabel),\n          icon: this.getValue(d, this.state.props.itemicon),\n          iconUrl: this.getValue(d, this.state.props.itemiconurl),\n          link: this.getValue(d, this.state.props.itemlink),\n          badge: this.getValue(d, this.state.props.itembadge),\n          isactive: this.getValue(d, this.state.props.isactive),\n          data: d,\n          childnavigation: this.state.props.itemchildren ? d[this.state.props.itemchildren] : null\n        } as NavigationDataItem;\n      });\n    }\n    this.updateState({dataItems: dataItems} as S);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'dataset':\n        this.setDataItems($new);\n        break;\n      case 'itemlabel':\n      case 'itemicon':\n      case 'itemiconurl':\n      case 'itemlink':\n      case 'itemchildren':\n        this.setDataItems();\n        break;\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/navigation/basenav/basenav.props.js

@@ -9,6 +9,7 @@ export class BaseNavProps extends BaseProps {
     _defineProperty(this, "itemlabel", 'label');
     _defineProperty(this, "itemlink", 'link');
     _defineProperty(this, "itemicon", 'icon');
+    _defineProperty(this, "itemiconurl", null);
     _defineProperty(this, "itembadge", null);
     _defineProperty(this, "isactive", null);
     _defineProperty(this, "itemchildren", null);

package/components/navigation/basenav/basenav.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","BaseNavProps","constructor","args","_defineProperty","label"],"sources":["basenav.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport class BaseNavProps extends BaseProps {\n  dataset?: any = null as any;\n  itemlabel?: string | ((item: any) => string) = 'label' as any;\n  itemlink?: string | ((item: any) => string) = 'link' as any;\n  itemicon?: string | ((item: any) => string) = 'icon' as any;\n  itembadge?: string | ((item: any) => string) = null as any;\n  isactive?: string | ((item: any) => string) = null as any;\n  itemchildren?: string = null as any;\n  getDisplayExpression? = (label: string) => null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,OAAO,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBAC1B,IAAI;IAAAA,eAAA,oBAC2B,OAAO;IAAAA,eAAA,mBACR,MAAM;IAAAA,eAAA,mBACN,MAAM;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,uBAC1B,IAAI;IAAAA,eAAA,+BACHC,KAAa,IAAK,IAAW;EAAA;AACxD","ignoreList":[]}
+{"version":3,"names":["BaseProps","BaseNavProps","constructor","args","_defineProperty","label"],"sources":["basenav.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport class BaseNavProps extends BaseProps {\n  dataset?: any = null as any;\n  itemlabel?: string | ((item: any) => string) = 'label' as any;\n  itemlink?: string | ((item: any) => string) = 'link' as any;\n  itemicon?: string | ((item: any) => string) = 'icon' as any;\n  itemiconurl?: string | ((item: any) => string) = null as any;\n  itembadge?: string | ((item: any) => string) = null as any;\n  isactive?: string | ((item: any) => string) = null as any;\n  itemchildren?: string = null as any;\n  getDisplayExpression? = (label: string) => null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,OAAO,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBAC1B,IAAI;IAAAA,eAAA,oBAC2B,OAAO;IAAAA,eAAA,mBACR,MAAM;IAAAA,eAAA,mBACN,MAAM;IAAAA,eAAA,sBACH,IAAI;IAAAA,eAAA,oBACN,IAAI;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,uBAC1B,IAAI;IAAAA,eAAA,+BACHC,KAAa,IAAK,IAAW;EAAA;AACxD","ignoreList":[]}

package/components/navigation/menu/menu.component.js

@@ -31,6 +31,7 @@ export default class WmMenu extends BaseNavComponent {
     return /*#__PURE__*/React.createElement(WmAnchor, {
       id: this.getTestId('menuitem' + index),
       iconclass: item.icon,
+      iconurl: item.iconUrl,
       caption: getDisplayLabel(item.label),
       hyperlink: item.link,
       styles: this.styles.menuItem,
@@ -48,7 +49,9 @@ export default class WmMenu extends BaseNavComponent {
       contentanimation: animationMap[props.animateitems || 'scale'],
       caption: props.caption,
       lefticonclass: props.lefticonclass,
+      lefticonurl: props.lefticonurl,
       iconclass: props.iconclass,
+      iconurl: props.iconurl,
       listener: this.listener,
       popoverheight: this.styles.menu.height || null,
       popoverwidth: this.styles.menu.width || null,

package/components/navigation/menu/menu.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","WmAnchor","BaseNavComponent","BaseNavState","WmPopover","WmMenuProps","DEFAULT_CLASS","WmMenuState","animationMap","slide","fade","scale","WmMenu","constructor","props","_defineProperty","onComponentInit","c","popOverRef","renderMenuItem","item","index","getDisplayLabel","getDisplayExpression","label","createElement","id","getTestId","iconclass","icon","caption","hyperlink","link","styles","menuItem","onTap","invokeEventCallback","hide","renderWidget","menuItems","state","dataItems","contentanimation","animateitems","lefticonclass","listener","popoverheight","menu","height","popoverwidth","width","iconposition","type","style","map","key"],"sources":["menu.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport WmAnchor from '@wavemaker-ai/app-rn-runtime/components/basic/anchor/anchor.component';\nimport { LifecycleListener } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport { BaseNavComponent, BaseNavState, NavigationDataItem } from '../basenav/basenav.component';\nimport WmPopover from '../popover/popover.component';\nimport WmMenuProps from './menu.props';\nimport { DEFAULT_CLASS, WmMenuStyles } from './menu.styles';\n\nexport class WmMenuState <T extends WmMenuProps> extends BaseNavState<T> {}\n\nconst animationMap: any = {\n  slide: 'slideInDown',\n  fade: 'fadeIn',\n  scale: 'zoomIn'\n};\n\nexport default class WmMenu extends BaseNavComponent<WmMenuProps, WmMenuState<WmMenuProps>, WmMenuStyles> {\n\n  private popOverRef: WmPopover = null as any;\n\n  private listener: LifecycleListener = {\n    onComponentInit: (c) => {\n      if (c instanceof WmPopover) {\n        this.popOverRef = c;\n      }\n    }\n  };\n\n  constructor(props: WmMenuProps) {\n    super(props, DEFAULT_CLASS, new WmMenuProps(), new WmMenuState());\n  }\n\n  renderMenuItem(item: NavigationDataItem, index: number) {\n    const getDisplayLabel = this.props.getDisplayExpression || ((label: string) => label);\n    return (\n      <WmAnchor\n        id={this.getTestId('menuitem' + index)}\n        iconclass={item.icon as string}\n        caption={getDisplayLabel(item.label)}\n        hyperlink={item.link}\n        styles={this.styles.menuItem}\n        onTap={() => {\n          this.invokeEventCallback('onSelect', [null, this, item]);\n          this.popOverRef.hide();\n      }}></WmAnchor>\n    );\n  }\n\n  renderWidget(props: WmMenuProps) {\n    const menuItems = this.state.dataItems;\n    return (\n      <WmPopover\n        id={this.getTestId('menu')}\n        styles={this.styles}\n        contentanimation={animationMap[props.animateitems || 'scale']}\n        caption={props.caption}\n        lefticonclass={props.lefticonclass}\n        iconclass={props.iconclass}\n        listener={this.listener}\n        popoverheight={this.styles.menu.height as string | number | undefined || null}\n        popoverwidth={this.styles.menu.width as string | number | undefined || null}\n        iconposition=\"right\"\n        type='dropdown'>\n          <View style={{...this.styles.menu}}>\n            {menuItems.map((item, index) => (\n              <View key={item.key}>\n                {this.renderMenuItem(item, index)}\n              </View>\n            ))}\n          </View>\n      </WmPopover>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","WmAnchor","BaseNavComponent","BaseNavState","WmPopover","WmMenuProps","DEFAULT_CLASS","WmMenuState","animationMap","slide","fade","scale","WmMenu","constructor","props","_defineProperty","onComponentInit","c","popOverRef","renderMenuItem","item","index","getDisplayLabel","getDisplayExpression","label","createElement","id","getTestId","iconclass","icon","iconurl","iconUrl","caption","hyperlink","link","styles","menuItem","onTap","invokeEventCallback","hide","renderWidget","menuItems","state","dataItems","contentanimation","animateitems","lefticonclass","lefticonurl","listener","popoverheight","menu","height","popoverwidth","width","iconposition","type","style","map","key"],"sources":["menu.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport WmAnchor from '@wavemaker-ai/app-rn-runtime/components/basic/anchor/anchor.component';\nimport { LifecycleListener } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport { BaseNavComponent, BaseNavState, NavigationDataItem } from '../basenav/basenav.component';\nimport WmPopover from '../popover/popover.component';\nimport WmMenuProps from './menu.props';\nimport { DEFAULT_CLASS, WmMenuStyles } from './menu.styles';\n\nexport class WmMenuState <T extends WmMenuProps> extends BaseNavState<T> {}\n\nconst animationMap: any = {\n  slide: 'slideInDown',\n  fade: 'fadeIn',\n  scale: 'zoomIn'\n};\n\nexport default class WmMenu extends BaseNavComponent<WmMenuProps, WmMenuState<WmMenuProps>, WmMenuStyles> {\n\n  private popOverRef: WmPopover = null as any;\n\n  private listener: LifecycleListener = {\n    onComponentInit: (c) => {\n      if (c instanceof WmPopover) {\n        this.popOverRef = c;\n      }\n    }\n  };\n\n  constructor(props: WmMenuProps) {\n    super(props, DEFAULT_CLASS, new WmMenuProps(), new WmMenuState());\n  }\n\n  renderMenuItem(item: NavigationDataItem, index: number) {\n    const getDisplayLabel = this.props.getDisplayExpression || ((label: string) => label);\n    return (\n      <WmAnchor\n        id={this.getTestId('menuitem' + index)}\n        iconclass={item.icon as string}\n        iconurl={item.iconUrl as string}\n        caption={getDisplayLabel(item.label)}\n        hyperlink={item.link}\n        styles={this.styles.menuItem}\n        onTap={() => {\n          this.invokeEventCallback('onSelect', [null, this, item]);\n          this.popOverRef.hide();\n      }}></WmAnchor>\n    );\n  }\n\n  renderWidget(props: WmMenuProps) {\n    const menuItems = this.state.dataItems;\n    return (\n      <WmPopover\n        id={this.getTestId('menu')}\n        styles={this.styles}\n        contentanimation={animationMap[props.animateitems || 'scale']}\n        caption={props.caption}\n        lefticonclass={props.lefticonclass}\n        lefticonurl={props.lefticonurl}\n        iconclass={props.iconclass}\n        iconurl={props.iconurl}\n        listener={this.listener}\n        popoverheight={this.styles.menu.height as string | number | undefined || null}\n        popoverwidth={this.styles.menu.width as string | number | undefined || null}\n        iconposition=\"right\"\n        type='dropdown'>\n          <View style={{...this.styles.menu}}>\n            {menuItems.map((item, index) => (\n              <View key={item.key}>\n                {this.renderMenuItem(item, index)}\n              </View>\n            ))}\n          </View>\n      </WmPopover>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/navigation/menu/menu.props.js

@@ -9,7 +9,9 @@ export default class WmMenuProps extends BaseNavProps {
     _defineProperty(this, "caption", '');
     _defineProperty(this, "dataset", 'Menu Item 1, Menu Item 2, Menu Item 3');
     _defineProperty(this, "iconclass", 'fa fa-caret-down');
+    _defineProperty(this, "iconurl", void 0);
     _defineProperty(this, "lefticonclass", void 0);
+    _defineProperty(this, "lefticonurl", void 0);
   }
 }
 //# sourceMappingURL=menu.props.js.map

package/components/navigation/menu/menu.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseNavProps","WmMenuProps","constructor","args","_defineProperty"],"sources":["menu.props.ts"],"sourcesContent":["import { BaseNavProps } from '@wavemaker-ai/app-rn-runtime/components/navigation/basenav/basenav.props';\n\nexport default class WmMenuProps extends BaseNavProps {\n  animateitems?: string = 'slide';\n  caption?: string = '' as any;\n  dataset: any = 'Menu Item 1, Menu Item 2, Menu Item 3';\n  iconclass? = 'fa fa-caret-down';\n  lefticonclass?: string;\n}\n"],"mappings":";;;AAAA,SAASA,YAAY,QAAQ,0EAA0E;AAEvG,eAAe,MAAMC,WAAW,SAASD,YAAY,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,uBAC5B,OAAO;IAAAA,eAAA,kBACZ,EAAE;IAAAA,eAAA,kBACN,uCAAuC;IAAAA,eAAA,oBACzC,kBAAkB;IAAAA,eAAA;EAAA;AAEjC","ignoreList":[]}
+{"version":3,"names":["BaseNavProps","WmMenuProps","constructor","args","_defineProperty"],"sources":["menu.props.ts"],"sourcesContent":["import { BaseNavProps } from '@wavemaker-ai/app-rn-runtime/components/navigation/basenav/basenav.props';\n\nexport default class WmMenuProps extends BaseNavProps {\n  animateitems?: string = 'slide';\n  caption?: string = '' as any;\n  dataset: any = 'Menu Item 1, Menu Item 2, Menu Item 3';\n  iconclass? = 'fa fa-caret-down';\n  iconurl?: string;\n  lefticonclass?: string;\n  lefticonurl?: string;\n}\n"],"mappings":";;;AAAA,SAASA,YAAY,QAAQ,0EAA0E;AAEvG,eAAe,MAAMC,WAAW,SAASD,YAAY,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,uBAC5B,OAAO;IAAAA,eAAA,kBACZ,EAAE;IAAAA,eAAA,kBACN,uCAAuC;IAAAA,eAAA,oBACzC,kBAAkB;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAIjC","ignoreList":[]}

package/components/navigation/popover/popover.component.js

@@ -200,6 +200,7 @@ export default class WmPopover extends BaseComponent {
         caption: props.caption,
         badgevalue: props.badgevalue,
         lefticonclass: props.lefticonclass,
+        lefticonurl: props.lefticonurl,
         iconclass: props.iconclass,
         iconposition: props.iconposition,
         iconheight: props.iconheight,