@wavemaker/app-rn-runtime 11.6.1-rc.5499 → 11.7.0-dev.2

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

@@ -0,0 +1,114 @@
+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, TouchableOpacity } from 'react-native';
+import { find, forEach, isEqual, isEmpty } from 'lodash';
+import { ScrollView } 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';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+export class WmCheckboxsetState extends BaseDatasetState {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "isValid", true);
+    _defineProperty(this, "template", "");
+  }
+}
+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.item,
+      onPress: this.onPress.bind(this, item),
+      key: item.key
+    }, getAccessibilityProps(AccessibilityWidgetType.CHECKBOX, {
+      ...props,
+      checked: item.selected
+    }), {
+      accessibilityRole: "checkbox",
+      accessibilityLabel: `Checkbox for ${displayText}`
+    }), /*#__PURE__*/React.createElement(WmIcon, {
+      iconclass: "wi wi-check",
+      styles: item.selected ? this.styles.checkicon : this.styles.uncheckicon,
+      disabled: props.readonly || props.disabled
+    }), !isEmpty(this.state.template) && this.props.renderitempartial ? this.props.renderitempartial(item.dataObject, index, this.state.template) : /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel(index + ''), {
+      style: this.styles.text
+    }), displayText));
+  }
+  computeDisplayValue() {
+    this.updateState({
+      props: {
+        displayValue: (this.state.dataItems || []).filter(item => item.selected).map(item => item.displayexp || item.displayfield) || ''
+      }
+    });
+  }
+  updateDatavalue(value) {
+    this.updateState({
+      props: {
+        datavalue: value
+      }
+    });
+    return Promise.resolve();
+  }
+  setTemplate(partialName) {
+    this.updateState({
+      template: partialName
+    });
+  }
+  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(ScrollView, {
+      style: this.styles.root
+    }, /*#__PURE__*/React.createElement(ScrollView, {
+      horizontal: true
+    }, 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","TouchableOpacity","find","forEach","isEqual","isEmpty","ScrollView","WmCheckboxsetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","AccessibilityWidgetType","getAccessibilityProps","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","bind","CHECKBOX","checked","accessibilityRole","accessibilityLabel","iconclass","checkicon","uncheckicon","template","renderitempartial","dataObject","getTestPropsForLabel","text","displayValue","filter","map","updateDatavalue","value","Promise","resolve","setTemplate","partialName","renderGroupby","groupedData","length","groupObj","groupHeaderTitle","renderCheckboxses","data","items","renderWidget","root","horizontal","groupby"],"sources":["checkboxset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity } from 'react-native';\nimport { find, forEach, isEqual,  isEmpty } from 'lodash';\nimport { Checkbox } from 'react-native-paper';\nimport { ScrollView } from 'react-native-gesture-handler';\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 WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nexport class WmCheckboxsetState extends BaseDatasetState<WmCheckboxsetProps> {\n  isValid: boolean = true;\n  template: string = \"\";\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 + '')}\n        style={this.styles.item}\n        onPress={this.onPress.bind(this, item)} key={item.key} {...getAccessibilityProps(AccessibilityWidgetType.CHECKBOX, {...props, checked: item.selected})} accessibilityRole='checkbox' accessibilityLabel={`Checkbox for ${displayText}`}>\n        <WmIcon iconclass=\"wi wi-check\" styles={item.selected? this.styles.checkicon : this.styles.uncheckicon} disabled={props.readonly || props.disabled}/>\n        {!isEmpty(this.state.template) && this.props.renderitempartial ?\n           this.props.renderitempartial(item.dataObject, index, this.state.template) :\n        <Text {...this.getTestPropsForLabel(index + '')} style={this.styles.text}>{displayText}</Text>}\n      </TouchableOpacity>)\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 WmCheckboxsetState);\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmCheckboxsetState);\n    return Promise.resolve();\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName} as WmCheckboxsetState);\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      <ScrollView style={this.styles.root}>\n        <ScrollView horizontal={true}>\n          {props.groupby && this.renderGroupby()}\n          {!props.groupby && this.renderCheckboxses(items)}\n        </ScrollView>\n      </ScrollView>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AAC3D,SAASC,IAAI,EAAEC,OAAO,EAAEC,OAAO,EAAGC,OAAO,QAAQ,QAAQ;AAEzD,SAASC,UAAU,QAAQ,8BAA8B;AACzD,OAAOC,kBAAkB,MAAM,qBAAqB;AACpD,SACEC,aAAa,QAGR,sBAAsB;AAC7B,SACEC,oBAAoB,EACpBC,gBAAgB,QACX,8EAA8E;AACrF,OAAOC,MAAM,MAAM,gEAAgE;AACnF,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAE7G,OAAO,MAAMC,kBAAkB,SAASJ,gBAAgB,CAAqB;EAAAK,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,kBACxD,IAAI;IAAAA,eAAA,mBACJ,EAAE;EAAA;AACvB;AAEA,eAAe,MAAMC,aAAa,SAAST,oBAAoB,CAA8D;EAC3HM,WAAWA,CAACI,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEX,aAAa,EAAE,IAAID,kBAAkB,CAAC,CAAC,CAAC;EACvD;EAEAa,OAAOA,CAACC,IAAS,EAAE;IACjB,IAAI,CAACC,mBAAmB,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;IACrD,IAAI,IAAI,CAACC,KAAK,CAACL,KAAK,CAACM,QAAQ,IAAI,IAAI,CAACD,KAAK,CAACL,KAAK,CAACO,QAAQ,EAAE;MAC1D;IACF;IACAL,IAAI,CAACM,QAAQ,GAAG,CAACN,IAAI,CAACM,QAAQ;IAC9B,MAAMC,aAAkB,GAAG,EAAE;IAC7B,MAAMC,YAAY,GAAG3B,IAAI,CAAC,IAAI,CAACsB,KAAK,CAACM,SAAS,EAAEC,CAAC,IAAI3B,OAAO,CAAC2B,CAAC,CAACC,GAAG,EAAEX,IAAI,CAACW,GAAG,CAAC,CAAC;IAC9E,MAAMC,QAAQ,GAAG,IAAI,CAACT,KAAK,CAACL,KAAK,CAACe,SAAS;IAC3CL,YAAY,CAACF,QAAQ,GAAGN,IAAI,CAACM,QAAQ;IACrCxB,OAAO,CAAC,IAAI,CAACqB,KAAK,CAACM,SAAS,EAAGT,IAAI,IAAK;MACpC,IAAIA,IAAI,CAACM,QAAQ,EAAE;QACjBC,aAAa,CAACO,IAAI,CAACd,IAAI,CAACe,SAAS,CAAC;MACpC;IACJ,CAAC,CAAC;IACF,IAAI,CAACC,QAAQ,CAACT,aAAa,CAAC;IAC5B,IAAI,CAACU,WAAW,CAAC;MAAEnB,KAAK,EAAE;QAAEe,SAAS,EAAEN;MAAc;IAAC,CAAC,EACrD,MAAM;MACJ,IAAI,CAACW,mBAAmB,CAAC,CAAC;MAC1B,IAAI,CAACjB,mBAAmB,CAAC,UAAU,EAAE,CAAEkB,SAAS,EAAE,IAAI,CAACjB,KAAK,EAAEK,aAAa,EAAEK,QAAQ,CAAE,CAAC;IAC1F,CAAC,CAAC;EACN;EAEAQ,WAAWA,CAACpB,IAAS,EAAEqB,KAAU,EAAE;IACjC,MAAMvB,KAAK,GAAG,IAAI,CAACK,KAAK,CAACL,KAAK;IAC9B,MAAMwB,WAAW,GAAGtB,IAAI,CAACuB,UAAU,IAAIvB,IAAI,CAACwB,YAAY;IACxD,oBACE/C,KAAA,CAAAgD,aAAA,CAAC7C,gBAAgB,EAAA8C,QAAA,KAAK,IAAI,CAACC,qBAAqB,CAACN,KAAK,GAAG,EAAE,CAAC;MAC1DO,KAAK,EAAE,IAAI,CAACC,MAAM,CAAC7B,IAAK;MACxBD,OAAO,EAAE,IAAI,CAACA,OAAO,CAAC+B,IAAI,CAAC,IAAI,EAAE9B,IAAI,CAAE;MAACW,GAAG,EAAEX,IAAI,CAACW;IAAI,GAAKnB,qBAAqB,CAACD,uBAAuB,CAACwC,QAAQ,EAAE;MAAC,GAAGjC,KAAK;MAAEkC,OAAO,EAAEhC,IAAI,CAACM;IAAQ,CAAC,CAAC;MAAE2B,iBAAiB,EAAC,UAAU;MAACC,kBAAkB,EAAG,gBAAeZ,WAAY;IAAE,iBACvO7C,KAAA,CAAAgD,aAAA,CAACnC,MAAM;MAAC6C,SAAS,EAAC,aAAa;MAACN,MAAM,EAAE7B,IAAI,CAACM,QAAQ,GAAE,IAAI,CAACuB,MAAM,CAACO,SAAS,GAAG,IAAI,CAACP,MAAM,CAACQ,WAAY;MAACjC,QAAQ,EAAEN,KAAK,CAACO,QAAQ,IAAIP,KAAK,CAACM;IAAS,CAAC,CAAC,EACpJ,CAACpB,OAAO,CAAC,IAAI,CAACmB,KAAK,CAACmC,QAAQ,CAAC,IAAI,IAAI,CAACxC,KAAK,CAACyC,iBAAiB,GAC3D,IAAI,CAACzC,KAAK,CAACyC,iBAAiB,CAACvC,IAAI,CAACwC,UAAU,EAAEnB,KAAK,EAAE,IAAI,CAAClB,KAAK,CAACmC,QAAQ,CAAC,gBAC5E7D,KAAA,CAAAgD,aAAA,CAAC/C,IAAI,EAAAgD,QAAA,KAAK,IAAI,CAACe,oBAAoB,CAACpB,KAAK,GAAG,EAAE,CAAC;MAAEO,KAAK,EAAE,IAAI,CAACC,MAAM,CAACa;IAAK,IAAEpB,WAAkB,CAC7E,CAAC;EACvB;EAEAJ,mBAAmBA,CAAA,EAAG;IACpB,IAAI,CAACD,WAAW,CAAC;MACfnB,KAAK,EAAE;QACL6C,YAAY,EAAG,CAAC,IAAI,CAACxC,KAAK,CAACM,SAAS,IAAI,EAAS,EAC9CmC,MAAM,CAAE5C,IAAS,IAAKA,IAAI,CAACM,QAAQ,CAAC,CACpCuC,GAAG,CAAE7C,IAAS,IAAKA,IAAI,CAACuB,UAAU,IAAIvB,IAAI,CAACwB,YAAY,CAAC,IAAK;MAClE;IACF,CAAuB,CAAC;EAC1B;EAEAsB,eAAeA,CAACC,KAAU,EAAE;IAC1B,IAAI,CAAC9B,WAAW,CAAC;MAAEnB,KAAK,EAAE;QAAEe,SAAS,EAAEkC;MAAM;IAAC,CAAuB,CAAC;IACtE,OAAOC,OAAO,CAACC,OAAO,CAAC,CAAC;EAC1B;EAEAC,WAAWA,CAACC,WAAgB,EAAE;IAC5B,IAAI,CAAClC,WAAW,CAAC;MAAEqB,QAAQ,EAAEa;IAAW,CAAuB,CAAC;EAClE;EAEAC,aAAaA,CAAA,EAAG;IACd,MAAMC,WAAW,GAAG,IAAI,CAAClD,KAAK,CAACkD,WAAW;IAC1C,oBACE5E,KAAA,CAAAgD,aAAA,CAAC9C,IAAI,QACF0E,WAAW,IAAIA,WAAW,CAACC,MAAM,GAC9BD,WAAW,CAACR,GAAG,CAAC,CAACU,QAAa,EAAElC,KAAU,KAAK;MAC/C,oBACE5C,KAAA,CAAAgD,aAAA,CAAC9C,IAAI;QAACgC,GAAG,EAAE4C,QAAQ,CAAC5C;MAAI,gBACtBlC,KAAA,CAAAgD,aAAA,CAAC/C,IAAI;QAACkD,KAAK,EAAE,IAAI,CAACC,MAAM,CAAC2B;MAAiB,GAAED,QAAQ,CAAC5C,GAAU,CAAC,EAC/D,IAAI,CAAC8C,iBAAiB,CAACF,QAAQ,CAACG,IAAI,CACjC,CAAC;IACX,CAAC,CAAC,GACA,IACA,CAAC;EAEX;EAEAD,iBAAiBA,CAACE,KAAU,EAAE;IAC5B,MAAM7D,KAAK,GAAG,IAAI,CAACK,KAAK,CAACL,KAAK;IAC9B,oBAAOrB,KAAA,CAAAgD,aAAA,CAAC9C,IAAI,QACTgF,KAAK,IAAIA,KAAK,CAACL,MAAM,GAClBK,KAAK,CAACd,GAAG,CAAC,CAAC7C,IAAS,EAAEqB,KAAU,KAAK,IAAI,CAACD,WAAW,CAACpB,IAAI,EAAEqB,KAAK,CAAC,CAAC,GACnE,IACA,CAAC;EACT;EACAuC,YAAYA,CAAC9D,KAAyB,EAAE;IACtC,MAAM6D,KAAK,GAAG,IAAI,CAACxD,KAAK,CAACM,SAAS;IAClC,oBACEhC,KAAA,CAAAgD,aAAA,CAACxC,UAAU;MAAC2C,KAAK,EAAE,IAAI,CAACC,MAAM,CAACgC;IAAK,gBAClCpF,KAAA,CAAAgD,aAAA,CAACxC,UAAU;MAAC6E,UAAU,EAAE;IAAK,GAC1BhE,KAAK,CAACiE,OAAO,IAAI,IAAI,CAACX,aAAa,CAAC,CAAC,EACrC,CAACtD,KAAK,CAACiE,OAAO,IAAI,IAAI,CAACN,iBAAiB,CAACE,KAAK,CACrC,CACF,CAAC;EAEjB;AACF"}

package/components/input/checkboxset/checkboxset.props.js

@@ -0,0 +1,14 @@
+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 BaseDatasetProps from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.props';
+export default class WmCheckboxsetProps extends BaseDatasetProps {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "dataset", 'Option 1, Option 2, Option 3');
+    _defineProperty(this, "displayValue", '');
+    _defineProperty(this, "required", false);
+    _defineProperty(this, "renderitempartial", void 0);
+  }
+}
+//# sourceMappingURL=checkboxset.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseDatasetProps","WmCheckboxsetProps","constructor","arguments","_defineProperty"],"sources":["checkboxset.props.ts"],"sourcesContent":["import BaseDatasetProps from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.props';\n\nexport default class WmCheckboxsetProps extends BaseDatasetProps {\n  dataset: any = 'Option 1, Option 2, Option 3';\n  displayValue: any = '';\n  required: boolean = false;\n  renderitempartial?: (item: any, index: number, partialName: string)=> React.ReactNode;\n}\n"],"mappings":";;;AAAA,OAAOA,gBAAgB,MAAM,0EAA0E;AAEvG,eAAe,MAAMC,kBAAkB,SAASD,gBAAgB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,kBAChD,8BAA8B;IAAAA,eAAA,uBACzB,EAAE;IAAAA,eAAA,mBACF,KAAK;IAAAA,eAAA;EAAA;AAE3B"}

package/components/input/checkboxset/checkboxset.styles.js

@@ -0,0 +1,75 @@
+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-checkboxset';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {},
+    text: {
+      alignSelf: 'center',
+      fontFamily: themeVariables.baseFont,
+      fontSize: 16,
+      color: themeVariables.labelDefaultColor,
+      marginLeft: 8
+    },
+    groupHeaderTitle: {
+      backgroundColor: themeVariables.groupHeadingBgColor,
+      fontSize: 16,
+      paddingLeft: 8,
+      paddingRight: 8,
+      lineHeight: 40,
+      fontFamily: themeVariables.baseFont
+    },
+    item: {
+      flexDirection: 'row',
+      alignContent: 'center',
+      marginTop: 8
+    },
+    skeleton: {
+      root: {
+        width: '100%',
+        height: 16
+      }
+    },
+    checkicon: {
+      root: {
+        width: 20,
+        height: 20,
+        borderRadius: 4,
+        backgroundColor: themeVariables.primaryColor,
+        justifyContent: 'center',
+        alignItems: 'center',
+        borderColor: themeVariables.checkedBorderColor
+      },
+      text: {
+        fontSize: 18
+      },
+      icon: {
+        color: themeVariables.checkedIconColor,
+        padding: 0
+      }
+    },
+    uncheckicon: {
+      root: {
+        width: 20,
+        height: 20,
+        borderWidth: 2,
+        borderRadius: 4,
+        borderColor: themeVariables.uncheckedBorderColor
+      },
+      text: {},
+      icon: {
+        color: 'transparent'
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS + '-disabled', '', {
+    root: {
+      opacity: 0.8
+    },
+    text: {
+      color: themeVariables.checkedDisabledColor
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=checkboxset.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","alignSelf","fontFamily","baseFont","fontSize","color","labelDefaultColor","marginLeft","groupHeaderTitle","backgroundColor","groupHeadingBgColor","paddingLeft","paddingRight","lineHeight","item","flexDirection","alignContent","marginTop","skeleton","width","height","checkicon","borderRadius","primaryColor","justifyContent","alignItems","borderColor","checkedBorderColor","icon","checkedIconColor","padding","uncheckicon","borderWidth","uncheckedBorderColor","opacity","checkedDisabledColor"],"sources":["checkboxset.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\nimport { WmIconStyles } from '../../basic/icon/icon.styles';\n\nexport type WmCheckboxsetStyles = BaseStyles & {\n  groupHeaderTitle: AllStyle;\n  item: AllStyle;\n  skeleton: WmSkeletonStyles;\n  checkicon: WmIconStyles;\n  uncheckicon: WmIconStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-checkboxset';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmCheckboxsetStyles = defineStyles({\n      root: {},\n      text: {\n        alignSelf: 'center',\n        fontFamily: themeVariables.baseFont,\n        fontSize: 16,\n        color: themeVariables.labelDefaultColor,\n        marginLeft: 8,\n      },\n    groupHeaderTitle: {\n      backgroundColor: themeVariables.groupHeadingBgColor,\n      fontSize: 16,\n      paddingLeft: 8,\n      paddingRight: 8,\n      lineHeight: 40,\n      fontFamily: themeVariables.baseFont\n    } as AllStyle,\n    item: {\n      flexDirection: 'row',\n      alignContent: 'center',\n      marginTop: 8\n    } as AllStyle,\n    skeleton: {\n      root: {\n        width: '100%',\n        height: 16\n      }\n    } as any as WmSkeletonStyles,\n    checkicon : {\n      root: {\n        width: 20,\n        height: 20,\n        borderRadius: 4,\n        backgroundColor: themeVariables.primaryColor,\n        justifyContent: 'center',\n        alignItems: 'center',\n        borderColor: themeVariables.checkedBorderColor,\n      },\n      text: {\n        fontSize: 18,\n      },\n      icon : {\n        color: themeVariables.checkedIconColor,\n        padding: 0\n      }\n  } as WmIconStyles,\n    uncheckicon : {\n      root: {\n        width: 20,\n        height: 20,\n        borderWidth: 2,\n        borderRadius: 4,\n        borderColor: themeVariables.uncheckedBorderColor,\n      },\n      text: {},\n      icon : {\n        color: 'transparent',\n      }\n  } as WmIconStyles,\n  });\n\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root: {\n      opacity: 0.8\n    },\n    text : {\n      color: themeVariables.checkedDisabledColor\n    }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAYxF,OAAO,MAAMC,aAAa,GAAG,iBAAiB;AAC9CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE;MACJC,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAEN,cAAc,CAACO,QAAQ;MACnCC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAET,cAAc,CAACU,iBAAiB;MACvCC,UAAU,EAAE;IACd,CAAC;IACHC,gBAAgB,EAAE;MAChBC,eAAe,EAAEb,cAAc,CAACc,mBAAmB;MACnDN,QAAQ,EAAE,EAAE;MACZO,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,EAAE;MACdX,UAAU,EAAEN,cAAc,CAACO;IAC7B,CAAa;IACbW,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,YAAY,EAAE,QAAQ;MACtBC,SAAS,EAAE;IACb,CAAa;IACbC,QAAQ,EAAE;MACRnB,IAAI,EAAE;QACJoB,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE;MACV;IACF,CAA4B;IAC5BC,SAAS,EAAG;MACVtB,IAAI,EAAE;QACJoB,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVE,YAAY,EAAE,CAAC;QACfb,eAAe,EAAEb,cAAc,CAAC2B,YAAY;QAC5CC,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE,QAAQ;QACpBC,WAAW,EAAE9B,cAAc,CAAC+B;MAC9B,CAAC;MACD3B,IAAI,EAAE;QACJI,QAAQ,EAAE;MACZ,CAAC;MACDwB,IAAI,EAAG;QACLvB,KAAK,EAAET,cAAc,CAACiC,gBAAgB;QACtCC,OAAO,EAAE;MACX;IACJ,CAAiB;IACfC,WAAW,EAAG;MACZhC,IAAI,EAAE;QACJoB,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVY,WAAW,EAAE,CAAC;QACdV,YAAY,EAAE,CAAC;QACfI,WAAW,EAAE9B,cAAc,CAACqC;MAC9B,CAAC;MACDjC,IAAI,EAAE,CAAC,CAAC;MACR4B,IAAI,EAAG;QACLvB,KAAK,EAAE;MACT;IACJ;EACA,CAAC,CAAC;EAEFR,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAE;MACJmC,OAAO,EAAE;IACX,CAAC;IACDlC,IAAI,EAAG;MACLK,KAAK,EAAET,cAAc,CAACuC;IACxB;EACF,CAAC,CAAC;EAEFtC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}

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

@@ -0,0 +1,281 @@
+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';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+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();
+  }
+  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) {
+          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","AccessibilityWidgetType","getAccessibilityProps","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","computeDisplayValue","displayValue","dataItems","item","selected","map","displayexp","displayfield","selectChip","chipItem","maxsize","selectedItem","d","key","dataValue","datafield","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","iconclass","iconsize","doneIcon","icon","color","activeChipLabel","id","getTestId","imageStyles","picturesource","imgSrc","shape","chipLabel","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';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \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  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    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        {...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) {\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/composite/composite.component.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmCompositeProps from './composite.props';
+import { DEFAULT_CLASS } from './composite.styles';
+export class WmCompositeState extends BaseComponentState {}
+;
+const POSITION_STYLES = {
+  'top': 'app-composite-top-caption',
+  'left': 'app-composite-left-caption',
+  'right': 'app-composite-right-caption'
+};
+export default class WmComposite extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCompositeProps());
+  }
+  renderWidget(props) {
+    const styles = this.theme.mergeStyle({}, this.styles, props.captionposition ? this.theme.getStyle(POSITION_STYLES[props.captionposition]) : {});
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.root
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=composite.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCompositeProps","DEFAULT_CLASS","WmCompositeState","POSITION_STYLES","WmComposite","constructor","props","renderWidget","styles","theme","mergeStyle","captionposition","getStyle","createElement","style","root","_background","children"],"sources":["composite.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCompositeProps from './composite.props';\nimport { DEFAULT_CLASS, WmCompositeStyles } from './composite.styles';\n\nexport class WmCompositeState extends BaseComponentState<WmCompositeProps> {};\n\nconst POSITION_STYLES = {\n  'top': 'app-composite-top-caption',\n  'left': 'app-composite-left-caption',\n  'right': 'app-composite-right-caption'\n};\n\nexport default class WmComposite extends BaseComponent<WmCompositeProps, WmCompositeState, WmCompositeStyles> {\n\n  constructor(props: WmCompositeProps) {\n    super(props, DEFAULT_CLASS, new WmCompositeProps());\n  }\n\n  renderWidget(props: WmCompositeProps) {\n    const styles = this.theme.mergeStyle({}, \n      this.styles,\n      props.captionposition ? this.theme.getStyle(POSITION_STYLES[props.captionposition]) : {}\n    );\n    return (<View style={styles.root}>{this._background}{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,gBAAgB,MAAM,mBAAmB;AAChD,SAASC,aAAa,QAA2B,oBAAoB;AAErE,OAAO,MAAMC,gBAAgB,SAASH,kBAAkB,CAAmB;AAAE;AAE7E,MAAMI,eAAe,GAAG;EACtB,KAAK,EAAE,2BAA2B;EAClC,MAAM,EAAE,4BAA4B;EACpC,OAAO,EAAE;AACX,CAAC;AAED,eAAe,MAAMC,WAAW,SAASN,aAAa,CAAwD;EAE5GO,WAAWA,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,CAAC;EACrD;EAEAO,YAAYA,CAACD,KAAuB,EAAE;IACpC,MAAME,MAAM,GAAG,IAAI,CAACC,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EACrC,IAAI,CAACF,MAAM,EACXF,KAAK,CAACK,eAAe,GAAG,IAAI,CAACF,KAAK,CAACG,QAAQ,CAACT,eAAe,CAACG,KAAK,CAACK,eAAe,CAAC,CAAC,GAAG,CAAC,CACzF,CAAC;IACD,oBAAQf,KAAA,CAAAiB,aAAA,CAAChB,IAAI;MAACiB,KAAK,EAAEN,MAAM,CAACO;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEV,KAAK,CAACW,QAAe,CAAC;EAC7E;AACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmCompositeProps","constructor","arguments","_defineProperty","undefined"],"sources":["composite.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmCompositeProps extends BaseProps {\n    children: any;\n    captionposition: 'left' | 'right' | 'top' | undefined = undefined;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,0BAEIC,SAAS;EAAA;AACrE"}