@wavemaker/app-rn-runtime 11.4.3-next.30202 → 11.4.3-patch.1

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","TouchableOpacity","Checkbox","BaseComponent","BaseComponentState","unStringify","validateField","WmCheckboxProps","DEFAULT_CLASS","WmCheckboxState","constructor","arguments","_defineProperty","WmCheckbox","props","setChecked","dataValue","checkedvalue","value","updateState","isChecked","onPropertyChange","name","$new","$old","state","datavalue","updateDatavalue","validate","validationObj","isValid","errorType","onPress","readonly","invokeEventCallback","proxy","disabled","oldValue","uncheckedvalue","onFieldChange","renderWidget","createElement","_extends","getTestPropsForAction","style","styles","root","bind","_background","Android","status","color","text","getTestPropsForLabel","checkboxLabel","caption"],"sources":["checkbox.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity } from 'react-native';\nimport { Checkbox } from 'react-native-paper';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {unStringify, validateField} from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmCheckboxProps from './checkbox.props';\nimport { DEFAULT_CLASS, WmCheckboxStyles } from './checkbox.styles';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\n\nexport class WmCheckboxState extends BaseComponentState<WmCheckboxProps> {\n  isChecked: boolean = false;\n  isValid: boolean = true;\n  errorType = '';\n}\n\nexport default class WmCheckbox extends BaseComponent<WmCheckboxProps, WmCheckboxState, WmCheckboxStyles> {\n\n  constructor(props: WmCheckboxProps) {\n    super(props, DEFAULT_CLASS, new WmCheckboxProps(), new WmCheckboxState());\n  }\n\n  setChecked(dataValue: any, checkedvalue: any) {\n    const value = unStringify(dataValue) === unStringify(checkedvalue, true);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'checkedvalue':\n        this.setChecked(this.state.props.datavalue, $new);\n        break;\n      case 'datavalue':\n        this.setChecked($new, this.state.props.checkedvalue);\n        break;\n    }\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmCheckboxState);\n  }\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.updateState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as WmCheckboxState);\n  }\n\n  onPress() {\n    if (!this.state.props.readonly) {\n      this.invokeEventCallback('onFocus', [null, this.proxy]);\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    if (this.state.props.disabled) {\n      return;\n    }\n    const oldValue = this.state.props.datavalue;\n    const value = !this.state.isChecked;\n    this.validate(value);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n    const dataValue = value === true ? this.state.props.checkedvalue : this.state.props.uncheckedvalue;\n    this.updateState({ props: { datavalue: dataValue } } as WmCheckboxState,\n      () => {\n        if (!this.props.onFieldChange) {\n          this.invokeEventCallback('onChange', [null, this.proxy, dataValue, oldValue]);\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', dataValue, oldValue);\n        }\n        this.invokeEventCallback('onBlur', [ null, this.proxy ]);\n      });\n  }\n\n  renderWidget(props: WmCheckboxProps) {\n    return (\n      <TouchableOpacity {...this.getTestPropsForAction()} style={this.styles.root} onPress={this.onPress.bind(this)}>\n          {this._background}\n          <Checkbox.Android status={this.state.isChecked ? 'checked' : 'unchecked'} color={this.styles.text.color as string} disabled={props.readonly || props.disabled}/>\n          <Text {...this.getTestPropsForLabel()} style={this.styles.checkboxLabel}>{props.caption}</Text>\n      </TouchableOpacity>\n    );\n  }\n}\n"],"mappings":"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"}

package/components/input/checkboxset/checkboxset.component.js

@@ -0,0 +1,92 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 { Text, View } from 'react-native';
+import { find, forEach, isEqual } from 'lodash';
+import { Checkbox } from 'react-native-paper';
+import { TouchableOpacity } from 'react-native-gesture-handler';
+import WmCheckboxsetProps from './checkboxset.props';
+import { DEFAULT_CLASS } from './checkboxset.styles';
+import { BaseDatasetComponent, BaseDatasetState } from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';
+export class WmCheckboxsetState extends BaseDatasetState {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "isValid", true);
+  }
+}
+export default class WmCheckboxset extends BaseDatasetComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCheckboxsetProps());
+  }
+  onPress(item) {
+    this.invokeEventCallback('onTap', [null, this.proxy]);
+    if (this.state.props.disabled || this.state.props.readonly) {
+      return;
+    }
+    item.selected = !item.selected;
+    const selectedValue = [];
+    const selectedItem = find(this.state.dataItems, d => isEqual(d.key, item.key));
+    const oldValue = this.state.props.datavalue;
+    selectedItem.selected = item.selected;
+    forEach(this.state.dataItems, item => {
+      if (item.selected) {
+        selectedValue.push(item.datafield);
+      }
+    });
+    this.validate(selectedValue);
+    this.updateState({
+      props: {
+        datavalue: selectedValue
+      }
+    }, () => {
+      this.computeDisplayValue();
+      this.invokeEventCallback('onChange', [undefined, this.proxy, selectedValue, oldValue]);
+    });
+  }
+  renderChild(item, index) {
+    const props = this.state.props;
+    const displayText = item.displayexp || item.displayfield;
+    return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction(index + ''), {
+      style: this.styles.checkboxHead,
+      onPress: this.onPress.bind(this, item),
+      key: item.key
+    }), /*#__PURE__*/React.createElement(Checkbox.Android, {
+      status: item.selected ? 'checked' : 'unchecked',
+      color: this.styles.text.color,
+      disabled: props.readonly || props.disabled
+    }), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel(index + ''), {
+      style: this.styles.checkboxLabel
+    }), displayText));
+  }
+  updateDatavalue(value) {
+    this.updateState({
+      props: {
+        datavalue: value
+      }
+    });
+    return Promise.resolve();
+  }
+  renderGroupby() {
+    const groupedData = this.state.groupedData;
+    return /*#__PURE__*/React.createElement(View, null, groupedData && groupedData.length ? groupedData.map((groupObj, index) => {
+      return /*#__PURE__*/React.createElement(View, {
+        key: groupObj.key
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: this.styles.groupHeaderTitle
+      }, groupObj.key), this.renderCheckboxses(groupObj.data));
+    }) : null);
+  }
+  renderCheckboxses(items) {
+    const props = this.state.props;
+    return /*#__PURE__*/React.createElement(View, null, items && items.length ? items.map((item, index) => this.renderChild(item, index)) : null);
+  }
+  renderWidget(props) {
+    const items = this.state.dataItems;
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, props.groupby && this.renderGroupby(), !props.groupby && this.renderCheckboxses(items));
+  }
+}
+//# sourceMappingURL=checkboxset.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","find","forEach","isEqual","Checkbox","TouchableOpacity","WmCheckboxsetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmCheckboxsetState","constructor","arguments","_defineProperty","WmCheckboxset","props","onPress","item","invokeEventCallback","proxy","state","disabled","readonly","selected","selectedValue","selectedItem","dataItems","d","key","oldValue","datavalue","push","datafield","validate","updateState","computeDisplayValue","undefined","renderChild","index","displayText","displayexp","displayfield","createElement","_extends","getTestPropsForAction","style","styles","checkboxHead","bind","Android","status","color","text","getTestPropsForLabel","checkboxLabel","updateDatavalue","value","Promise","resolve","renderGroupby","groupedData","length","map","groupObj","groupHeaderTitle","renderCheckboxses","data","items","renderWidget","root","groupby"],"sources":["checkboxset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { find, forEach, isEqual } from 'lodash';\nimport { Checkbox } from 'react-native-paper';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport WmCheckboxsetProps from './checkboxset.props';\nimport {\n  DEFAULT_CLASS,\n  \n  WmCheckboxsetStyles,\n} from './checkboxset.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState,\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\n\nexport class WmCheckboxsetState extends BaseDatasetState<WmCheckboxsetProps> {\n  isValid: boolean = true;\n}\n\nexport default class WmCheckboxset extends BaseDatasetComponent<WmCheckboxsetProps, WmCheckboxsetState, WmCheckboxsetStyles> {\n  constructor(props: WmCheckboxsetProps) {\n    super(props, DEFAULT_CLASS, new WmCheckboxsetProps());\n  }\n\n  onPress(item: any) {\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    if (this.state.props.disabled || this.state.props.readonly) {\n      return;\n    }\n    item.selected = !item.selected;\n    const selectedValue: any = [];\n    const selectedItem = find(this.state.dataItems, d => isEqual(d.key, item.key));\n    const oldValue = this.state.props.datavalue;\n    selectedItem.selected = item.selected;\n    forEach(this.state.dataItems, (item) => {\n        if (item.selected) {\n          selectedValue.push(item.datafield);\n        }\n    });\n    this.validate(selectedValue);\n    this.updateState({ props: { datavalue: selectedValue }} as WmCheckboxsetState,\n      () => {\n        this.computeDisplayValue();\n        this.invokeEventCallback('onChange', [ undefined, this.proxy, selectedValue, oldValue ]);\n      });\n  }\n\n  renderChild(item: any, index: any) {\n    const props = this.state.props;\n    const displayText = item.displayexp || item.displayfield;\n    return (\n      <TouchableOpacity {...this.getTestPropsForAction(index + '')} style={this.styles.checkboxHead} onPress={this.onPress.bind(this, item)} key={item.key}>\n        <Checkbox.Android status={item.selected  ? 'checked' : 'unchecked'} color={this.styles.text.color as string} disabled={props.readonly || props.disabled}/>\n        <Text {...this.getTestPropsForLabel(index + '')} style={this.styles.checkboxLabel}>{displayText}</Text>\n      </TouchableOpacity>)\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmCheckboxsetState);\n    return Promise.resolve();\n  }\n\n  renderGroupby() {\n    const groupedData = this.state.groupedData;\n    return (\n      <View>\n        {groupedData && groupedData.length\n          ? groupedData.map((groupObj: any, index: any) => {\n            return(\n              <View key={groupObj.key}>\n                <Text style={this.styles.groupHeaderTitle}>{groupObj.key}</Text>\n                {this.renderCheckboxses(groupObj.data)}\n              </View>)\n          })\n          : null}\n      </View>\n    );\n  }\n\n  renderCheckboxses(items: any) {\n    const props = this.state.props;\n    return(<View>\n      {items && items.length\n        ? items.map((item: any, index: any) => this.renderChild(item, index))\n        : null}\n    </View>)\n  }\n  renderWidget(props: WmCheckboxsetProps) {\n    const items = this.state.dataItems;\n    return (\n      <View style={this.styles.root}>\n        {props.groupby && this.renderGroupby()}\n        {!props.groupby && this.renderCheckboxses(items)}\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

package/components/input/chips/chips.component.js

@@ -0,0 +1,270 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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, TouchableOpacity, Text } from 'react-native';
+import { clone, findIndex, get, isUndefined, pull, forEach, filter, find, isEqual, merge } from 'lodash';
+import WmChipsProps from './chips.props';
+import { DEFAULT_CLASS } from './chips.styles';
+import WmSearch from '@wavemaker/app-rn-runtime/components/basic/search/search.component';
+import { BaseDatasetComponent, BaseDatasetState } from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';
+export class WmChipsState extends BaseDatasetState {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "chipsList", []);
+    _defineProperty(this, "saturate", void 0);
+  }
+}
+export default class WmChips extends BaseDatasetComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmChipsProps(), new WmChipsState());
+    _defineProperty(this, "searchRef", null);
+    _defineProperty(this, "maxSizeReached", 'Max size reached');
+    _defineProperty(this, "isDefaultQuery", true);
+    _defineProperty(this, "prevDatavalue", void 0);
+    _defineProperty(this, "listener", {
+      onComponentInit: c => {
+        if (c instanceof WmSearch) {
+          this.searchRef = c;
+        }
+      }
+    });
+    _defineProperty(this, "toBoolean", val => val && val !== 'false' ? true : false);
+  }
+  onPropertyChange(name, $new, $old) {
+    super.onPropertyChange(name, $new, $old);
+    switch (name) {
+      case 'datavalue':
+        if (!$new || $new.length === 0) {
+          this.updateState({
+            chipsList: []
+          });
+        }
+    }
+  }
+  reset() {
+    var _this$searchRef;
+    if ((_this$searchRef = this.searchRef) !== null && _this$searchRef !== void 0 && _this$searchRef.state.props.query) {
+      this.searchRef.reset();
+    }
+  }
+  onDataItemsUpdate() {
+    super.onDataItemsUpdate();
+    this.isDefaultQuery = true;
+    this.updateDefaultQueryModel();
+  }
+  addItem($event, widget) {
+    var _this$props, _this$props2;
+    let newChipList = clone(this.state.chipsList),
+      allowAdd;
+    newChipList.push(widget.queryModel);
+    const isFormFieldWidget = get(this.props, 'formfield');
+    if (this.isDuplicate(widget.queryModel)) {
+      this.resetSearchModel();
+      return;
+    }
+
+    // @ts-ignore
+    allowAdd = isFormFieldWidget ? (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.invokeEvent('onBeforeadd', [null, this, widget.queryModel]) : this.invokeEventCallback('onBeforeadd', [null, this, widget.queryModel]);
+    if (!isUndefined(allowAdd) && !this.toBoolean(allowAdd)) {
+      return;
+    }
+    this.updateState({
+      chipsList: newChipList
+    });
+    this.setDatavalue(newChipList);
+
+    // @ts-ignore
+    isFormFieldWidget ? (_this$props2 = this.props) === null || _this$props2 === void 0 ? void 0 : _this$props2.invokeEvent('onAdd', [null, this, widget.queryModel]) : this.invokeEventCallback('onAdd', [null, this, widget.queryModel]);
+    this.resetSearchModel();
+  }
+  selectChip(chipItem) {
+    if (!chipItem.selected && this.state.props.maxsize > 0 && this.state.chipsList.length === this.state.props.maxsize) {
+      return;
+    }
+    chipItem.selected = !chipItem.selected;
+    const newChipList = [];
+    const selectedItem = find(this.state.dataItems, d => isEqual(d.key, chipItem.key));
+    selectedItem.selected = chipItem.selected;
+    forEach(this.state.dataItems, item => {
+      if (item.selected) {
+        newChipList.push(item);
+      }
+    });
+    this.updateState({
+      chipsList: newChipList
+    });
+    this.setDatavalue(newChipList);
+  }
+  setDatavalue(newChipList) {
+    const dataValue = newChipList.map(item => item.datafield);
+    this.updateDatavalue(dataValue);
+    this.updateMaxSize(newChipList.length);
+    if (!this.props.invokeEvent) {
+      this.invokeEventCallback('onChange', [null, this, dataValue, this.prevDatavalue]);
+    }
+    this.prevDatavalue = dataValue;
+  }
+  // Prepare datavalue object from a string(junk) value when datafield is allFields.
+  createCustomDataModel(val) {
+    return {
+      key: `${this.state.props.name}_item${this.state.chipsList.length}`,
+      dataObject: val,
+      displayfield: val,
+      datafield: val,
+      isCustom: true
+    };
+  }
+  resetSearchModel() {
+    this.searchRef.isDefaultQuery = false;
+    this.searchRef.clearSearch();
+  }
+  isDuplicate(item) {
+    return findIndex(this.state.chipsList, {
+      datafield: item.datafield
+    }) > -1;
+  }
+
+  // Check if max size is reached
+  updateMaxSize(chipListLength) {
+    const saturate = this.state.props.maxsize > 0 && (chipListLength || this.state.chipsList.length) === this.state.props.maxsize;
+    this.updateState({
+      saturate: saturate
+    });
+  }
+  removeItem(item, index) {
+    let newChipList = clone(this.state.chipsList);
+    const isFormFieldWidget = get(this.props, 'formfield');
+    newChipList = pull(newChipList, item);
+    // prevent deletion if the before-remove event callback returns false
+    // @ts-ignore
+    const allowRemove = isFormFieldWidget ? this.props.invokeEvent('onBeforeremove', [null, this, item]) : this.invokeEventCallback('onBeforeremove', [null, this, item]);
+    if (!isUndefined(allowRemove) && !this.toBoolean(allowRemove)) {
+      return;
+    }
+    this.updateState({
+      chipsList: newChipList
+    });
+    this.setDatavalue(newChipList);
+    // @ts-ignore
+    isFormFieldWidget ? this.props.invokeEvent('onRemove', [null, this, item]) : this.invokeEventCallback('onRemove', [null, this, item]);
+  }
+  isDefaultView() {
+    var _this$state$dataItems;
+    return !this.state.props.searchable && ((_this$state$dataItems = this.state.dataItems) === null || _this$state$dataItems === void 0 ? void 0 : _this$state$dataItems.length) <= 10;
+  }
+  renderChip(item, index) {
+    const isSelected = this.isDefaultView() ? item.selected : true;
+    return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('chip' + index), {
+      style: [this.styles.chip, isSelected ? this.styles.activeChip : null],
+      key: 'chipitem_' + index,
+      onPress: () => {
+        if (this.state.props.disabled) {
+          return;
+        }
+        if (this.isDefaultView()) {
+          this.selectChip(item);
+        }
+        if (get(this.props, 'formfield')) {
+          // @ts-ignore
+          this.props.invokeEvent('onChipclick', [null, this, item]);
+          // @ts-ignore
+          this.props.invokeEvent('onChipselect', [null, this, item]);
+        } else {
+          this.invokeEventCallback('onChipclick', [null, this, item]);
+          this.invokeEventCallback('onChipselect', [null, this, item]);
+        }
+      }
+    }), isSelected && this.isDefaultView() ? /*#__PURE__*/React.createElement(WmIcon, {
+      iconclass: 'wm-sl-l sl-check',
+      iconsize: 16,
+      styles: merge({}, this.styles.doneIcon, {
+        icon: {
+          color: isSelected ? this.styles.activeChipLabel.color : null
+        }
+      })
+    }) : null, /*#__PURE__*/React.createElement(WmPicture, {
+      id: this.getTestId('picture'),
+      styles: this.styles.imageStyles,
+      picturesource: item.imgSrc,
+      shape: "circle"
+    }), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForAction('chip' + index + 'label'), {
+      style: [this.styles.chipLabel, isSelected ? this.styles.activeChipLabel : null]
+    }), item.displayexp || item.displayfield), !this.isDefaultView() && !this.state.props.disabled ? /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('clearbtn'),
+      iconclass: 'wi wi-clear',
+      iconsize: 16,
+      styles: this.styles.clearIcon,
+      onTap: () => this.removeItem(item, index)
+    }) : null);
+  }
+  updateDefaultQueryModel() {
+    if (this.state.dataItems && this.state.dataItems.length && this.isDefaultQuery) {
+      const selectedItems = filter(this.state.dataItems, item => item.selected);
+      if (selectedItems.length) {
+        this.updateState({
+          chipsList: selectedItems
+        });
+      }
+      this.isDefaultQuery = false;
+    }
+  }
+  componentDidMount() {
+    super.componentDidMount();
+    this.updateDefaultQueryModel();
+  }
+  componentDidUpdate(prevProps, prevState) {
+    super.componentDidUpdate(prevProps, prevState);
+    if (prevState.chipsList !== this.state.chipsList) {
+      var _this$searchRef2;
+      (_this$searchRef2 = this.searchRef) === null || _this$searchRef2 === void 0 ? void 0 : _this$searchRef2.computePosition();
+    }
+  }
+  renderWidget(props) {
+    const chips = this.state.chipsList;
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, /*#__PURE__*/React.createElement(View, {
+      style: this.styles.chipsWrapper
+    }, this.isDefaultView() ? this.state.dataItems.map((item, index) => this.renderChip(item, index)) : null, props.searchable || !this.isDefaultView() ? /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.searchContainer, {
+        flexDirection: props.inputposition === 'first' ? 'column' : 'column-reverse'
+      }]
+    }, /*#__PURE__*/React.createElement(WmSearch, {
+      id: this.getTestId('search'),
+      name: "app-chip-search",
+      styles: this.styles.search,
+      placeholder: this.state.saturate ? this.maxSizeReached : props.placeholder,
+      listener: this.listener,
+      dataset: props.dataset,
+      searchkey: props.searchkey,
+      minchars: props.minchars,
+      autofocus: props.autofocus,
+      disabled: props.disabled || props.readonly || this.state.saturate,
+      readonly: props.readonly,
+      displayexpression: props.displayexpression,
+      getDisplayExpression: props.getDisplayExpression,
+      displayimagesrc: props.displayimagesrc,
+      displayfield: props.displayfield,
+      datafield: props.datafield,
+      onSubmit: this.addItem.bind(this),
+      onChange: () => {
+        var _this$props$listener, _this$props$listener2;
+        this.isDefaultQuery = false;
+        ((_this$props$listener = this.props.listener) === null || _this$props$listener === void 0 ? void 0 : _this$props$listener.onComponentChange) && ((_this$props$listener2 = this.props.listener) === null || _this$props$listener2 === void 0 ? void 0 : _this$props$listener2.onComponentChange(this));
+      },
+      showSearchIcon: false,
+      showclear: false,
+      type: props.minchars === 0 ? 'autocomplete' : 'search'
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap'
+      }
+    }, chips && chips.length ? chips.map((item, index) => this.renderChip(item, index)) : null)) : null));
+  }
+}
+//# sourceMappingURL=chips.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","TouchableOpacity","Text","clone","findIndex","get","isUndefined","pull","forEach","filter","find","isEqual","merge","WmChipsProps","DEFAULT_CLASS","WmSearch","BaseDatasetComponent","BaseDatasetState","WmIcon","WmPicture","WmChipsState","constructor","arguments","_defineProperty","WmChips","props","onComponentInit","c","searchRef","val","onPropertyChange","name","$new","$old","length","updateState","chipsList","reset","_this$searchRef","state","query","onDataItemsUpdate","isDefaultQuery","updateDefaultQueryModel","addItem","$event","widget","_this$props","_this$props2","newChipList","allowAdd","push","queryModel","isFormFieldWidget","isDuplicate","resetSearchModel","invokeEvent","invokeEventCallback","toBoolean","setDatavalue","selectChip","chipItem","selected","maxsize","selectedItem","dataItems","d","key","item","dataValue","map","datafield","updateDatavalue","updateMaxSize","prevDatavalue","createCustomDataModel","dataObject","displayfield","isCustom","clearSearch","chipListLength","saturate","removeItem","index","allowRemove","isDefaultView","_this$state$dataItems","searchable","renderChip","isSelected","createElement","_extends","getTestPropsForAction","style","styles","chip","activeChip","onPress","disabled","iconclass","iconsize","doneIcon","icon","color","activeChipLabel","id","getTestId","imageStyles","picturesource","imgSrc","shape","chipLabel","displayexp","clearIcon","onTap","selectedItems","componentDidMount","componentDidUpdate","prevProps","prevState","_this$searchRef2","computePosition","renderWidget","chips","root","chipsWrapper","searchContainer","flexDirection","inputposition","search","placeholder","maxSizeReached","listener","dataset","searchkey","minchars","autofocus","readonly","displayexpression","getDisplayExpression","displayimagesrc","onSubmit","bind","onChange","_this$props$listener","_this$props$listener2","onComponentChange","showSearchIcon","showclear","type","flexWrap"],"sources":["chips.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, TouchableOpacity, Text } from 'react-native';\nimport { LifecycleListener } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { clone, findIndex, get, isUndefined, pull, forEach, filter, find, isEqual, merge } from 'lodash';\nimport WmChipsProps from './chips.props';\nimport { DEFAULT_CLASS, WmChipsStyles } from './chips.styles';\nimport WmSearch from '@wavemaker/app-rn-runtime/components/basic/search/search.component';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\n\nexport class WmChipsState extends BaseDatasetState<WmChipsProps> {\n  chipsList: any = [];\n  saturate: any;\n}\n\nexport default class WmChips extends BaseDatasetComponent<WmChipsProps, WmChipsState, WmChipsStyles> {\n  constructor(props: WmChipsProps) {\n    super(props, DEFAULT_CLASS, new WmChipsProps(), new WmChipsState());\n  }\n\n  private searchRef: WmSearch = null as any;\n  private maxSizeReached = 'Max size reached';\n  private isDefaultQuery: boolean = true;\n  private prevDatavalue: any;\n\n  private listener: LifecycleListener = {\n    onComponentInit: (c) => {\n      if (c instanceof WmSearch) {\n        this.searchRef = c;\n      }\n    }\n  };\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch(name) {\n        case 'datavalue':\n          if (!$new || $new.length === 0) {\n            this.updateState({\n              chipsList : []\n            } as WmChipsState);\n          }\n      }\n  }\n\n  reset() {\n    if (this.searchRef?.state.props.query) {\n      this.searchRef.reset();\n    }\n  }\n\n  onDataItemsUpdate() {\n    super.onDataItemsUpdate();\n    this.isDefaultQuery = true;\n    this.updateDefaultQueryModel();\n  }\n\n  addItem($event: any, widget: any) {\n    let newChipList = clone(this.state.chipsList),\n      allowAdd;\n    newChipList.push(widget.queryModel);\n    const isFormFieldWidget = get(this.props, 'formfield');\n    if (this.isDuplicate(widget.queryModel)) {\n      this.resetSearchModel();\n      return;\n    }\n\n    // @ts-ignore\n    allowAdd = isFormFieldWidget ? this.props?.invokeEvent('onBeforeadd', [null, this, widget.queryModel]) : this.invokeEventCallback('onBeforeadd', [null, this, widget.queryModel]);\n\n    if (!isUndefined(allowAdd) && !this.toBoolean(allowAdd)) {\n      return;\n    }\n\n    this.updateState({\n      chipsList: newChipList\n    } as WmChipsState);\n\n    this.setDatavalue(newChipList);\n\n    // @ts-ignore\n    isFormFieldWidget ? this.props?.invokeEvent('onAdd', [null, this, widget.queryModel]) : this.invokeEventCallback('onAdd', [null, this, widget.queryModel]);\n    this.resetSearchModel();\n  }\n\n  selectChip(chipItem: any) {\n    if (!chipItem.selected && this.state.props.maxsize > 0 && (this.state.chipsList.length === this.state.props.maxsize)) {\n      return;\n    }\n    chipItem.selected = !chipItem.selected;\n    const newChipList: any = [];\n    const selectedItem = find(this.state.dataItems, d => isEqual(d.key, chipItem.key));\n    selectedItem.selected = chipItem.selected;\n    forEach(this.state.dataItems, (item) => {\n      if (item.selected) {\n        newChipList.push(item);\n      }\n    });\n    this.updateState({\n      chipsList: newChipList\n    } as WmChipsState);\n\n    this.setDatavalue(newChipList);\n  }\n\n  setDatavalue(newChipList: any) {\n    const dataValue = newChipList.map((item: any) => item.datafield);\n    this.updateDatavalue(dataValue);\n    this.updateMaxSize(newChipList.length);\n    if (!this.props.invokeEvent) {\n      this.invokeEventCallback('onChange', [null, this, dataValue, this.prevDatavalue])\n    }\n    this.prevDatavalue = dataValue;\n  }\n\n  toBoolean = (val: any) => ((val && val !== 'false') ? true  : false);\n\n  // Prepare datavalue object from a string(junk) value when datafield is allFields.\n  createCustomDataModel(val: string) {\n     return {\n        key: `${this.state.props.name}_item${this.state.chipsList.length}`,\n        dataObject: val,\n        displayfield: val,\n        datafield: val,\n        isCustom: true\n     }\n  }\n\n  resetSearchModel() {\n    (this as any).searchRef.isDefaultQuery = false;\n    this.searchRef.clearSearch();\n  }\n\n  isDuplicate(item: any) {\n    return findIndex(this.state.chipsList, {datafield: item.datafield}) > -1;\n  }\n\n  // Check if max size is reached\n  private updateMaxSize(chipListLength: number) {\n    const saturate = this.state.props.maxsize > 0 && (chipListLength || this.state.chipsList.length) === this.state.props.maxsize;\n    this.updateState({\n      saturate: saturate\n    } as WmChipsState);\n  }\n\n  removeItem(item: any, index: any) {\n    let newChipList = clone(this.state.chipsList);\n    const isFormFieldWidget = get(this.props, 'formfield');\n    newChipList = pull(newChipList, item);\n    // prevent deletion if the before-remove event callback returns false\n    // @ts-ignore\n    const allowRemove = isFormFieldWidget ? this.props.invokeEvent('onBeforeremove',[null, this, item]) : this.invokeEventCallback('onBeforeremove',[null, this, item]);\n    if (!isUndefined(allowRemove) && !this.toBoolean(allowRemove)) {\n      return;\n    }\n    this.updateState({\n      chipsList: newChipList\n    } as WmChipsState);\n    this.setDatavalue(newChipList);\n    // @ts-ignore\n    isFormFieldWidget ? this.props.invokeEvent('onRemove', [null, this, item]) : this.invokeEventCallback('onRemove', [null, this, item]);\n  }\n\n  private isDefaultView() {\n    return !this.state.props.searchable && this.state.dataItems?.length <= 10;\n  }\n\n  renderChip(item: any, index: any) {\n    const isSelected = this.isDefaultView() ? item.selected : true;\n    return (\n      <TouchableOpacity\n        {...this.getTestPropsForAction('chip'+ index)}\n        style={[this.styles.chip, isSelected ? this.styles.activeChip : null]}\n        key={'chipitem_'+ index}\n        onPress={() => {\n          if (this.state.props.disabled) {\n            return;\n          }\n          if (this.isDefaultView()) {\n            this.selectChip(item);\n          }\n          if (get(this.props, 'formfield')) {\n            // @ts-ignore\n            this.props.invokeEvent('onChipclick', [null, this, item]);\n            // @ts-ignore\n            this.props.invokeEvent('onChipselect', [null, this, item]);\n          } else {\n            this.invokeEventCallback('onChipclick', [null, this, item]);\n            this.invokeEventCallback('onChipselect', [null, this, item]);\n          }\n        }}>\n        {isSelected && this.isDefaultView() ? <WmIcon iconclass={'wm-sl-l sl-check'} iconsize={16} styles={merge({}, this.styles.doneIcon, {icon: {color: isSelected ? this.styles.activeChipLabel.color : null}})}></WmIcon> : null}\n        <WmPicture id={this.getTestId('picture')} styles={this.styles.imageStyles} picturesource={item.imgSrc} shape='circle'></WmPicture>\n        <Text {...this.getTestPropsForAction('chip'+ index+'label')}style={[this.styles.chipLabel, isSelected ? this.styles.activeChipLabel : null]}>{item.displayexp || item.displayfield}</Text>\n        {!this.isDefaultView() && !this.state.props.disabled ? <WmIcon  id={this.getTestId('clearbtn')} iconclass={'wi wi-clear'} iconsize={16} styles={this.styles.clearIcon} onTap={() => this.removeItem(item, index)}></WmIcon> : null}\n      </TouchableOpacity>\n    )\n  }\n\n  updateDefaultQueryModel() {\n      if (this.state.dataItems && this.state.dataItems.length && this.isDefaultQuery) {\n          const selectedItems = filter(this.state.dataItems, (item) => item.selected);\n          if (selectedItems.length) {\n            this.updateState({\n              chipsList: selectedItems\n            } as WmChipsState);\n          }\n          this.isDefaultQuery = false;\n      }\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    this.updateDefaultQueryModel();\n  }\n\n  componentDidUpdate(prevProps: WmChipsProps, prevState: WmChipsState) {\n    super.componentDidUpdate(prevProps, prevState);\n    if (prevState.chipsList !== this.state.chipsList) {\n      this.searchRef?.computePosition();\n    }\n  }\n\n  renderWidget(props: WmChipsProps) {\n    const chips = this.state.chipsList;\n    return (<View style={this.styles.root}>\n\n      <View style={this.styles.chipsWrapper}>\n        {\n          this.isDefaultView() ? this.state.dataItems.map((item: any, index: any) => this.renderChip(item, index)) : null\n        }\n        { props.searchable || !this.isDefaultView() ?\n          <View style={[this.styles.searchContainer, {flexDirection: props.inputposition === 'first' ? 'column' : 'column-reverse'}]}>\n            <WmSearch\n              id={this.getTestId('search')}\n              name=\"app-chip-search\"\n              styles={this.styles.search}\n              placeholder={this.state.saturate ? this.maxSizeReached : props.placeholder}\n              listener={this.listener}\n              dataset={props.dataset}\n              searchkey={props.searchkey}\n              minchars={props.minchars}\n              autofocus={props.autofocus}\n              disabled={props.disabled || props.readonly || this.state.saturate}\n              readonly={props.readonly}\n              displayexpression={props.displayexpression}\n              getDisplayExpression={props.getDisplayExpression}\n              displayimagesrc={props.displayimagesrc}\n              displayfield={props.displayfield}\n              datafield={props.datafield}\n              onSubmit={this.addItem.bind(this)}\n              onChange={() => {\n                this.isDefaultQuery = false;\n                this.props.listener?.onComponentChange && this.props.listener?.onComponentChange(this)\n              }}\n              showSearchIcon={false}\n              showclear={false}\n              type={props.minchars === 0 ? 'autocomplete' : 'search'}/>\n              <View style={{ flexDirection: 'row', flexWrap: 'wrap'}}>\n                {chips && chips.length ?\n                chips.map((item: any, index: any) => this.renderChip(item, index))\n                : null}\n              </View>\n          </View>\n           : null }\n      </View>\n    </View>);\n  }\n}\n"],"mappings":"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"}

package/components/input/chips/chips.styles.js

@@ -0,0 +1,93 @@
+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-chips';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      flexWrap: 'wrap'
+    },
+    text: {},
+    chipsWrapper: {
+      flexDirection: 'row',
+      flexWrap: 'wrap'
+    },
+    chip: {
+      margin: 2,
+      backgroundColor: themeVariables.chipContainerColor,
+      borderRadius: 8,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingVertical: 4,
+      paddingHorizontal: 4,
+      minWidth: 80,
+      minHeight: 32,
+      borderWidth: 1,
+      borderColor: themeVariables.chipborderColor,
+      elevation: 1
+    },
+    chipLabel: {
+      fontSize: 14,
+      paddingLeft: 8,
+      fontFamily: themeVariables.baseFont,
+      fontWeight: '500',
+      paddingRight: 12,
+      color: themeVariables.chipDefaultTextColor,
+      borderColor: themeVariables.chipborderColor
+    },
+    activeChip: {
+      backgroundColor: themeVariables.chipSelectedContainerColor,
+      borderColor: themeVariables.chipSelectedOutlineColor,
+      borderWidth: 0
+    },
+    activeChipLabel: {
+      color: themeVariables.chipActiveTextColor
+    },
+    searchContainer: {
+      width: '100%',
+      flexDirection: 'column'
+    },
+    search: {
+      root: {
+        marginBottom: 8
+      },
+      text: {
+        borderRightWidth: 1,
+        borderTopRightRadius: 4,
+        borderBottomRightRadius: 4
+      }
+    },
+    doneIcon: {
+      icon: {
+        paddingLeft: 8,
+        fontSize: 18,
+        color: themeVariables.chipIconColor
+      }
+    },
+    clearIcon: {
+      icon: {
+        color: themeVariables.chipIconColor,
+        paddingRight: 8,
+        fontSize: 18
+      }
+    },
+    imageStyles: {
+      root: {
+        width: 32,
+        height: 32
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-disabled', '', {
+    chip: {
+      opacity: 0.5
+    },
+    search: {
+      root: {
+        backgroundColor: themeVariables.inputDisabledBgColor
+      }
+    }
+  });
+});
+//# sourceMappingURL=chips.styles.js.map

package/components/input/chips/chips.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexWrap","text","chipsWrapper","flexDirection","chip","margin","backgroundColor","chipContainerColor","borderRadius","alignItems","justifyContent","paddingVertical","paddingHorizontal","minWidth","minHeight","borderWidth","borderColor","chipborderColor","elevation","chipLabel","fontSize","paddingLeft","fontFamily","baseFont","fontWeight","paddingRight","color","chipDefaultTextColor","activeChip","chipSelectedContainerColor","chipSelectedOutlineColor","activeChipLabel","chipActiveTextColor","searchContainer","width","search","marginBottom","borderRightWidth","borderTopRightRadius","borderBottomRightRadius","doneIcon","icon","chipIconColor","clearIcon","imageStyles","height","opacity","inputDisabledBgColor"],"sources":["chips.styles.ts"],"sourcesContent":["import { TextStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSearchStyles } from '@wavemaker/app-rn-runtime/components/basic/search/search.styles';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmPictureStyles } from '@wavemaker/app-rn-runtime/components/basic/picture/picture.styles';\n\nexport type WmChipsStyles = BaseStyles & {\n  chip: AllStyle;\n  chipLabel: TextStyle;\n  chipsWrapper: AllStyle;\n  search: WmSearchStyles;\n  searchContainer: AllStyle;\n  activeChip: AllStyle;\n  activeChipLabel: TextStyle;\n  clearIcon: WmIconStyles;\n  doneIcon: WmIconStyles;\n  imageStyles: WmPictureStyles\n};\n\nexport const DEFAULT_CLASS = 'app-chips';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmChipsStyles = defineStyles({\n      root: {\n        flexWrap: 'wrap',\n      },\n      text: {},\n      chipsWrapper: {\n        flexDirection: 'row',\n        flexWrap: 'wrap'\n      },\n      chip: {\n        margin: 2,\n        backgroundColor: themeVariables.chipContainerColor,\n        borderRadius: 8,\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center',\n        paddingVertical: 4,\n        paddingHorizontal: 4,\n        minWidth: 80,\n        minHeight: 32,\n        borderWidth: 1,\n        borderColor: themeVariables.chipborderColor,\n        elevation: 1\n      },\n      chipLabel : {\n        fontSize: 14,\n        paddingLeft: 8,\n        fontFamily: themeVariables.baseFont,\n        fontWeight: '500',\n        paddingRight: 12,\n        color: themeVariables.chipDefaultTextColor,\n        borderColor: themeVariables.chipborderColor\n      },\n      activeChip: {\n        backgroundColor: themeVariables.chipSelectedContainerColor, \n        borderColor: themeVariables.chipSelectedOutlineColor,\n        borderWidth: 0\n      },\n      activeChipLabel: {\n        color: themeVariables.chipActiveTextColor\n      },\n      searchContainer: {\n        width: '100%',\n        flexDirection: 'column'\n      },\n      search: {\n        root: {\n          marginBottom: 8\n        },\n        text: {\n          borderRightWidth: 1,\n          borderTopRightRadius: 4,\n          borderBottomRightRadius: 4\n        }\n      } as WmSearchStyles,\n      doneIcon: {\n        icon: {\n          paddingLeft: 8,\n          fontSize: 18,\n          color: themeVariables.chipIconColor,\n        }\n      } as WmIconStyles,\n      clearIcon: {\n        icon: {\n          color: themeVariables.chipIconColor,\n          paddingRight: 8,\n          fontSize: 18\n        }\n      } as WmIconStyles,\n      imageStyles: {\n        root: {\n          width: 32,\n          height: 32\n        }\n      } as WmPictureStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    chip: {\n      opacity: 0.5\n    },\n    search: {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n    }\n  });\n});\n"],"mappings":"AACA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAkBxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA4B,GAAGL,YAAY,CAAC;IAC9CM,IAAI,EAAE;MACJC,QAAQ,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,YAAY,EAAE;MACZC,aAAa,EAAE,KAAK;MACpBH,QAAQ,EAAE;IACZ,CAAC;IACDI,IAAI,EAAE;MACJC,MAAM,EAAE,CAAC;MACTC,eAAe,EAAEV,cAAc,CAACW,kBAAkB;MAClDC,YAAY,EAAE,CAAC;MACfL,aAAa,EAAE,KAAK;MACpBM,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,CAAC;MACpBC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE,EAAE;MACbC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEpB,cAAc,CAACqB,eAAe;MAC3CC,SAAS,EAAE;IACb,CAAC;IACDC,SAAS,EAAG;MACVC,QAAQ,EAAE,EAAE;MACZC,WAAW,EAAE,CAAC;MACdC,UAAU,EAAE1B,cAAc,CAAC2B,QAAQ;MACnCC,UAAU,EAAE,KAAK;MACjBC,YAAY,EAAE,EAAE;MAChBC,KAAK,EAAE9B,cAAc,CAAC+B,oBAAoB;MAC1CX,WAAW,EAAEpB,cAAc,CAACqB;IAC9B,CAAC;IACDW,UAAU,EAAE;MACVtB,eAAe,EAAEV,cAAc,CAACiC,0BAA0B;MAC1Db,WAAW,EAAEpB,cAAc,CAACkC,wBAAwB;MACpDf,WAAW,EAAE;IACf,CAAC;IACDgB,eAAe,EAAE;MACfL,KAAK,EAAE9B,cAAc,CAACoC;IACxB,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAE,MAAM;MACb/B,aAAa,EAAE;IACjB,CAAC;IACDgC,MAAM,EAAE;MACNpC,IAAI,EAAE;QACJqC,YAAY,EAAE;MAChB,CAAC;MACDnC,IAAI,EAAE;QACJoC,gBAAgB,EAAE,CAAC;QACnBC,oBAAoB,EAAE,CAAC;QACvBC,uBAAuB,EAAE;MAC3B;IACF,CAAmB;IACnBC,QAAQ,EAAE;MACRC,IAAI,EAAE;QACJpB,WAAW,EAAE,CAAC;QACdD,QAAQ,EAAE,EAAE;QACZM,KAAK,EAAE9B,cAAc,CAAC8C;MACxB;IACF,CAAiB;IACjBC,SAAS,EAAE;MACTF,IAAI,EAAE;QACJf,KAAK,EAAE9B,cAAc,CAAC8C,aAAa;QACnCjB,YAAY,EAAE,CAAC;QACfL,QAAQ,EAAE;MACZ;IACF,CAAiB;IACjBwB,WAAW,EAAE;MACX7C,IAAI,EAAE;QACJmC,KAAK,EAAE,EAAE;QACTW,MAAM,EAAE;MACV;IACF;EACJ,CAAC,CAAC;EAEFhD,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCU,IAAI,EAAE;MACJ0C,OAAO,EAAE;IACX,CAAC;IACDX,MAAM,EAAE;MACNpC,IAAI,EAAG;QACLO,eAAe,EAAEV,cAAc,CAACmD;MAClC;IACF;EACF,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/components/input/currency/currency.component.js

@@ -0,0 +1,70 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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, Text, Platform } from 'react-native';
+import WmCurrencyProps from './currency.props';
+import { CURRENCY_INFO } from '@wavemaker/app-rn-runtime/core/currency-constants';
+import { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';
+import { DEFAULT_CLASS } from './currency.styles';
+import { BaseNumberComponent, BaseNumberState } from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.component';
+import { isNull } from "lodash";
+export class WmCurrencyState extends BaseNumberState {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "currencySymbol", void 0);
+  }
+}
+export default class WmCurrency extends BaseNumberComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCurrencyProps(), new WmCurrencyState());
+  }
+  onPropertyChange(name, $new, $old) {
+    super.onPropertyChange(name, $new, $old);
+    switch (name) {
+      case 'currency':
+        if ($new) {
+          this.updateState({
+            currencySymbol: CURRENCY_INFO[$new].symbol
+          });
+        }
+        break;
+    }
+  }
+  renderWidget(props) {
+    var _this$state$textValue;
+    let opts = {};
+    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
+    opts[valueExpr] = ((_this$state$textValue = this.state.textValue) === null || _this$state$textValue === void 0 ? void 0 : _this$state$textValue.toString()) || '';
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, /*#__PURE__*/React.createElement(View, {
+      style: this.styles.labelWrapper
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.label
+    }, this.state.currencySymbol)), /*#__PURE__*/React.createElement(WMTextInput, _extends({}, this.getTestPropsForInput(), {
+      ref: ref => {
+        this.widgetRef = ref;
+        // @ts-ignore
+        if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {
+          // @ts-ignore
+          ref.selectionStart = ref.selectionEnd = this.cursor;
+        }
+      },
+      keyboardType: "numeric",
+      placeholderTextColor: this.styles.placeholderText.color,
+      style: [this.styles.input, this.styles.text, this.state.isValid ? {} : this.styles.invalid]
+    }, opts, {
+      editable: props.disabled || props.readonly ? false : true,
+      placeholder: props.placeholder,
+      onBlur: this.onBlur.bind(this),
+      onFocus: this.onFocus.bind(this),
+      onKeyPress: this.validateInputEntry.bind(this),
+      onChangeText: this.onChangeText.bind(this),
+      onChange: this.invokeChange.bind(this),
+      allowContentSelection: this.styles.text.userSelect === 'text'
+    })));
+  }
+}
+//# sourceMappingURL=currency.component.js.map