@wavemaker/app-rn-runtime 12.0.0-next.141219 → 12.0.0-next.141221

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

@@ -0,0 +1,320 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { 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';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import WmLabel from '../../basic/label/label.component';
+export class WmChipsState extends BaseDatasetState {
+  constructor(...args) {
+    super(...args);
+    _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: []
+          });
+        }
+        break;
+      case 'maxsize':
+        if ($new) {
+          const {
+            datavalue
+          } = this.state.props;
+          const {
+            dataItems
+          } = this.state;
+          let dataValueItems = Array.isArray(datavalue) ? datavalue : typeof datavalue === 'string' ? datavalue.split(',').map(item => item.trim()) : datavalue != null ? [datavalue] : [];
+          if (dataValueItems.length >= $new) {
+            dataValueItems = dataValueItems.slice(0, $new);
+            const updatedItems = dataItems.map(item => ({
+              ...item,
+              selected: dataValueItems.includes(item.datafield)
+            }));
+            this.updateState({
+              dataItems: updatedItems
+            });
+          }
+          break;
+        }
+    }
+  }
+  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();
+  }
+  computeDisplayValue() {
+    this.updateState({
+      props: {
+        displayValue: (this.state.dataItems || []).filter(item => item.selected).map(item => item.displayexp || item.displayfield) || ''
+      }
+    });
+  }
+  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), getAccessibilityProps(AccessibilityWidgetType.CHIPS, {
+      ...this.state.props,
+      selected: isSelected
+    }), {
+      style: [this.styles.chip, isSelected ? this.styles.activeChip : null],
+      key: 'chipitem_' + index,
+      onPress: () => {
+        if (this.state.props.disabled || this.state.props.readonly) {
+          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, {
+      id: this.getTestId('checkicon'),
+      iconclass: 'wm-sl-l sl-check',
+      iconsize: 16,
+      styles: merge({}, this.styles.doneIcon, {
+        icon: {
+          color: isSelected ? this.styles.activeChipLabel.color : null
+        }
+      })
+    }) : null, this._showSkeleton ? null : /*#__PURE__*/React.createElement(WmPicture, {
+      id: this.getTestId('chip' + index + 'picture'),
+      styles: this.styles.imageStyles,
+      picturesource: item.imgSrc,
+      shape: "circle"
+    }), this._showSkeleton ? /*#__PURE__*/React.createElement(WmLabel, {
+      styles: {
+        root: {
+          width: 50
+        }
+      }
+    }) : /*#__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 || this.state.props.readonly) ? /*#__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.updateMaxSize(selectedItems.length);
+      }
+      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 || _this$searchRef2.computePosition();
+    }
+  }
+  renderSkeleton() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, /*#__PURE__*/React.createElement(View, {
+      style: this.styles.chipsWrapper
+    }, [{}, {}, {}].map((item, index) => this.renderChip(item, index))));
+  }
+  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","AccessibilityWidgetType","getAccessibilityProps","WmLabel","WmChipsState","constructor","args","_defineProperty","WmChips","props","onComponentInit","c","searchRef","val","onPropertyChange","name","$new","$old","length","updateState","chipsList","datavalue","state","dataItems","dataValueItems","Array","isArray","split","map","item","trim","slice","updatedItems","selected","includes","datafield","reset","_this$searchRef","query","onDataItemsUpdate","isDefaultQuery","updateDefaultQueryModel","addItem","$event","widget","_this$props","_this$props2","newChipList","allowAdd","push","queryModel","isFormFieldWidget","isDuplicate","resetSearchModel","invokeEvent","invokeEventCallback","toBoolean","setDatavalue","computeDisplayValue","displayValue","displayexp","displayfield","selectChip","chipItem","maxsize","selectedItem","d","key","dataValue","updateDatavalue","updateMaxSize","prevDatavalue","createCustomDataModel","dataObject","isCustom","clearSearch","chipListLength","saturate","removeItem","index","allowRemove","isDefaultView","_this$state$dataItems","searchable","renderChip","isSelected","createElement","_extends","getTestPropsForAction","CHIPS","style","styles","chip","activeChip","onPress","disabled","readonly","id","getTestId","iconclass","iconsize","doneIcon","icon","color","activeChipLabel","_showSkeleton","imageStyles","picturesource","imgSrc","shape","root","width","chipLabel","clearIcon","onTap","selectedItems","componentDidMount","componentDidUpdate","prevProps","prevState","_this$searchRef2","computePosition","renderSkeleton","chipsWrapper","renderWidget","chips","searchContainer","flexDirection","inputposition","search","placeholder","maxSizeReached","listener","dataset","searchkey","minchars","autofocus","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, DimensionValue } from 'react-native';\nimport { LifecycleListener } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { clone, findIndex, get, isUndefined, pull, forEach, filter, find, isEqual, merge, isArray, isString } 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';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmLabel from '../../basic/label/label.component';\nimport { isDefined } from '@wavemaker/app-rn-runtime/core/utils';\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          break;\n        case 'maxsize':\n          if ($new) {\n            const { datavalue } = this.state.props;\n            const { dataItems } = this.state;\n            \n            let dataValueItems = Array.isArray(datavalue)\n              ? datavalue\n              : typeof datavalue === 'string'\n                ? datavalue.split(',').map((item) => item.trim())\n                : datavalue != null\n                  ? [datavalue]\n                  : [];\n\n            if (dataValueItems.length >= $new) {\n              dataValueItems = dataValueItems.slice(0, $new);\n              const updatedItems = dataItems.map((item:any) => ({\n                ...item,\n                selected: dataValueItems.includes(item.datafield),\n              }));\n              this.updateState({ dataItems: updatedItems } as WmChipsState);\n            }\n\n            break;\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  computeDisplayValue() {\n    this.updateState({\n      props: {\n        displayValue: ((this.state.dataItems || [] as any)\n          .filter((item: any) => item.selected)\n          .map((item: any) => item.displayexp || item.displayfield)) || ''\n      }\n    } as WmChipsState);\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    \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\n    this.updateState({\n      chipsList: newChipList\n    } as WmChipsState,()=>{\n      this.setDatavalue(newChipList);\n    });\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        {...getAccessibilityProps(AccessibilityWidgetType.CHIPS, {...this.state.props, selected: isSelected})}\n        style={[this.styles.chip, isSelected ? this.styles.activeChip : null]}\n        key={'chipitem_'+ index}\n        onPress={() => {\n          if (this.state.props.disabled || this.state.props.readonly) {\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 id={this.getTestId('checkicon')} iconclass={'wm-sl-l sl-check'} iconsize={16} styles={merge({}, this.styles.doneIcon, {icon: {color: isSelected ? this.styles.activeChipLabel.color : null}})}></WmIcon> : null}\n        { this._showSkeleton ? null : <WmPicture id={this.getTestId('chip'+ index + 'picture')} styles={this.styles.imageStyles} picturesource={item.imgSrc} shape='circle'></WmPicture>}\n        { this._showSkeleton ? <WmLabel styles={{root: {width: 50}}}/> :  <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||this.state.props.readonly) ? <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            this.updateMaxSize(selectedItems.length);\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  renderSkeleton(): React.ReactNode {\n    return (<View style={this.styles.root}>\n      <View style={this.styles.chipsWrapper}>{ \n      [{}, {}, {}].map((item: any, index: any) => this.renderChip(item, index)) }\n      </View>\n      </View>)\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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","ignoreList":[]}

package/components/input/chips/chips.props.js

@@ -0,0 +1,19 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import BaseDatasetProps from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.props';
+export default class WmChipsProps extends BaseDatasetProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "autofocus", false);
+    _defineProperty(this, "placeholder", 'Type here...');
+    _defineProperty(this, "dataset", 'Option 1, Option 2, Option 3');
+    _defineProperty(this, "searchable", false);
+    _defineProperty(this, "searchkey", null);
+    _defineProperty(this, "minchars", 1);
+    _defineProperty(this, "maxsize", null);
+    _defineProperty(this, "inputposition", 'last');
+    _defineProperty(this, "invokeEvent", void 0);
+  }
+}
+//# sourceMappingURL=chips.props.js.map

package/components/input/composite/composite.props.js

@@ -0,0 +1,12 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmCompositeProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "captionposition", undefined);
+  }
+}
+//# sourceMappingURL=composite.props.js.map

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

@@ -0,0 +1,113 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { 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";
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import { countDecimalDigits, validateInputOnDevice } from '@wavemaker/app-rn-runtime/core/utils';
+import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
+export class WmCurrencyState extends BaseNumberState {
+  constructor(...args) {
+    super(...args);
+    _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;
+    }
+  }
+  getStyleClassName() {
+    const classes = [];
+    if (this.state.props.floatinglabel) {
+      classes.push('app-currency-with-label');
+    }
+    classes.push(super.getStyleClassName());
+    return classes.join(' ');
+  }
+  renderTextSkeleton(props) {
+    return this.props.floatinglabel ? /*#__PURE__*/React.createElement(React.Fragment, null, createSkeleton(this.theme, {}, {
+      ...props
+    })) : /*#__PURE__*/React.createElement(React.Fragment, null, createSkeleton(this.theme, {}, {
+      ...this.styles.skeleton.root
+    }));
+  }
+  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._showSkeleton && !this.props.floatinglabel ? this.styles.skeletonLabelWrapper.root : this.styles.labelWrapper
+    }, this._showSkeleton ? /*#__PURE__*/React.createElement(React.Fragment, null, this.renderTextSkeleton(this.styles.skeletonLabel.root)) : /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.label
+    }, this.state.currencySymbol)), this._showSkeleton ? /*#__PURE__*/React.createElement(React.Fragment, null, this.renderTextSkeleton(this.styles.skeletonTextInputWrapper.root)) : /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/React.createElement(WMTextInput, _extends({}, this.getTestPropsForInput(), getAccessibilityProps(AccessibilityWidgetType.CURRENCY, props), {
+      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,
+      isInputFocused: this.state.isInputFocused,
+      style: [this.styles.input, this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isInputFocused ? this.styles.focused : {}]
+    }, opts, {
+      floatingLabel: props.floatinglabel,
+      floatingLabelStyle: this.styles.floatingLabel,
+      activeFloatingLabelStyle: this.styles.activeFloatingLabel,
+      editable: props.disabled || props.readonly ? false : true,
+      placeholder: props.placeholder,
+      background: this._background,
+      onBlur: this.onBlur.bind(this),
+      onFocus: this.onFocus.bind(this),
+      onKeyPress: this.validateInputEntry.bind(this),
+      onChangeText: text => {
+        const {
+          isValidText,
+          validText
+        } = validateInputOnDevice(text, "currency");
+        const decimalPlaces = props.decimalPlaces;
+        const decimalPlacesInNumber = countDecimalDigits(validText);
+        const restrictDecimalRegex = new RegExp(`(\\.\\d{${decimalPlaces}})\\d*`);
+        const updatedCurrencyText = validText.replace(restrictDecimalRegex, '$1');
+        if (!isValidText || decimalPlaces < decimalPlacesInNumber) {
+          var _this$widgetRef;
+          (_this$widgetRef = this.widgetRef) === null || _this$widgetRef === void 0 || _this$widgetRef.setNativeProps({
+            text: updatedCurrencyText
+          });
+        }
+        this.onChangeText.bind(this)(updatedCurrencyText, 'currency');
+      },
+      onChange: this.invokeChange.bind(this),
+      allowContentSelection: this.styles.text.userSelect === 'text'
+    }))));
+  }
+}
+//# sourceMappingURL=currency.component.js.map

package/components/input/currency/currency.props.js

@@ -0,0 +1,13 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import BaseNumberProps from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.props';
+export default class WmCurrencyProps extends BaseNumberProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "currency", void 0);
+    _defineProperty(this, "placeholder", '');
+    _defineProperty(this, "floatinglabel", void 0);
+  }
+}
+//# sourceMappingURL=currency.props.js.map