@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469

package/components/dialogs/dialog/dialog.component.js

@@ -0,0 +1,107 @@
+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 { Dimensions, StatusBar, View } from 'react-native';
+import { ModalConsumer } from '@wavemaker-ai/app-rn-runtime/core/modal.service';
+import { AssetProvider } from '@wavemaker-ai/app-rn-runtime/core/asset.provider';
+import { HideMode } from '@wavemaker-ai/app-rn-runtime/core/if.component';
+import { ThemeProvider } from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+import WmButton from '@wavemaker-ai/app-rn-runtime/components/basic/button/button.component';
+import WmDialogProps from './dialog.props';
+import { DEFAULT_CLASS } from './dialog.styles';
+export class WmDialogState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "modalOptions", {});
+  }
+}
+export default class WmDialog extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmDialogProps(), new WmDialogState());
+    _defineProperty(this, "_close", () => {});
+    this.hideMode = HideMode.DONOT_ADD_TO_DOM;
+    this.state.modalOptions.onClose = () => {
+      return new Promise(res => {
+        this.updateState({
+          props: {
+            show: false
+          }
+        }, () => {
+          this.invokeEventCallback('onClose', [null, this]);
+          res();
+        });
+      });
+    };
+    this.state.modalOptions.onOpen = () => {
+      this.invokeEventCallback('onOpened', [null, this]);
+    };
+  }
+  open() {
+    if (!this.state.props.show) {
+      this.updateState({
+        props: {
+          show: true
+        }
+      });
+    }
+  }
+  close() {
+    this._close();
+  }
+  prepareModalOptions(content, modalService) {
+    const o = this.state.modalOptions;
+    o.name = this.state.props.name;
+    o.modalStyle = this.styles.modal;
+    o.content = content;
+    o.contentStyle = this.styles.content;
+    o.isModal = !!this.state.props.modal;
+    o.centered = true;
+    o.animation = this.state.props.animation;
+    o.animationdelay = this.state.props.animationdelay || 0;
+    this._close = () => modalService.hideModal(this.state.modalOptions);
+    return o;
+  }
+  renderWidget(props) {
+    const hasUserMaxHeight = this.styles.root.maxHeight !== undefined;
+    const dynamicMaxHeight = hasUserMaxHeight ? {} : {
+      maxHeight: Dimensions.get('window').height - 64 - (StatusBar.currentHeight || 0)
+    };
+    return /*#__PURE__*/React.createElement(ModalConsumer, null, modalService => {
+      modalService.showModal(this.prepareModalOptions(/*#__PURE__*/React.createElement(AssetProvider, {
+        value: this.loadAsset
+      }, /*#__PURE__*/React.createElement(ThemeProvider, {
+        value: this.theme
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [this.styles.root, dynamicMaxHeight],
+        testID: "wm-dialog",
+        onLayout: event => this.handleLayout(event)
+      }, this._background, props.showheader ? /*#__PURE__*/React.createElement(View, {
+        style: this.styles.header,
+        testID: "wm-dialog-header"
+      }, /*#__PURE__*/React.createElement(View, {
+        style: this.styles.headerLabel
+      }, props.iconclass || props.iconurl || props.title ? /*#__PURE__*/React.createElement(WmIcon, {
+        id: this.getTestId('icon'),
+        caption: props.title,
+        accessibilityrole: "header",
+        iconclass: props.iconclass,
+        styles: this.styles.icon,
+        iconurl: props.iconurl,
+        iconheight: props.iconheight,
+        iconmargin: props.iconmargin,
+        iconwidth: props.iconwidth
+      }) : null), props.closable && /*#__PURE__*/React.createElement(WmButton, {
+        id: this.getTestId('closebtn'),
+        show: props.closable,
+        iconclass: "wm-sl-l sl-close",
+        onTap: () => this.close(),
+        styles: this.styles.closeBtn
+      })) : null, props.children))), modalService));
+      return null;
+    });
+  }
+}
+//# sourceMappingURL=dialog.component.js.map

package/components/dialogs/dialog/dialog.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Dimensions","StatusBar","View","ModalConsumer","AssetProvider","HideMode","ThemeProvider","BaseComponent","BaseComponentState","WmIcon","WmButton","WmDialogProps","DEFAULT_CLASS","WmDialogState","constructor","args","_defineProperty","WmDialog","props","hideMode","DONOT_ADD_TO_DOM","state","modalOptions","onClose","Promise","res","updateState","show","invokeEventCallback","onOpen","open","close","_close","prepareModalOptions","content","modalService","o","name","modalStyle","styles","modal","contentStyle","isModal","centered","animation","animationdelay","hideModal","renderWidget","hasUserMaxHeight","root","maxHeight","undefined","dynamicMaxHeight","get","height","currentHeight","createElement","showModal","value","loadAsset","theme","style","testID","onLayout","event","handleLayout","_background","showheader","header","headerLabel","iconclass","iconurl","title","id","getTestId","caption","accessibilityrole","icon","iconheight","iconmargin","iconwidth","closable","onTap","closeBtn","children"],"sources":["dialog.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Dimensions, StatusBar, Text, View } from 'react-native';\n\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker-ai/app-rn-runtime/core/modal.service';\nimport { AssetProvider } from '@wavemaker-ai/app-rn-runtime/core/asset.provider';\nimport { HideMode } from '@wavemaker-ai/app-rn-runtime/core/if.component';\nimport { ThemeProvider } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport WmButton from '@wavemaker-ai/app-rn-runtime/components/basic/button/button.component';\n\nimport WmDialogProps from './dialog.props';\nimport { DEFAULT_CLASS, WmDialogStyles } from './dialog.styles';\n\nexport class WmDialogState extends BaseComponentState<WmDialogProps> {\n  modalOptions = {} as ModalOptions;\n}\n\nexport default class WmDialog extends BaseComponent<WmDialogProps, WmDialogState, WmDialogStyles> {\n\n  private _close: Function = () => {};\n\n  constructor(props: WmDialogProps) {\n    super(props, DEFAULT_CLASS, new WmDialogProps(), new WmDialogState());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    this.state.modalOptions.onClose = () => {\n      return new Promise<void>((res) => {\n        this.updateState({\n          props: {show: false}\n        } as WmDialogState, () => {\n          this.invokeEventCallback('onClose', [null, this]);\n          res();\n        });\n      });\n    };\n    this.state.modalOptions.onOpen = () => {\n      this.invokeEventCallback('onOpened', [null, this]);\n    };\n  }\n\n  open() {\n    if (!this.state.props.show) {\n      this.updateState({\n        props:{show: true}\n      } as WmDialogState);\n    }\n  }\n\n  close() {\n    this._close();\n  }\n\n  prepareModalOptions(content: React.ReactNode, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    o.name = this.state.props.name;\n    o.modalStyle = this.styles.modal;\n    o.content = content;\n    o.contentStyle = this.styles.content;\n    o.isModal = !!this.state.props.modal;\n    o.centered = true;\n    o.animation = this.state.props.animation;\n    o.animationdelay = this.state.props.animationdelay || 0;\n    this._close = () => modalService.hideModal(this.state.modalOptions);\n    return o;\n  }\n\n  renderWidget(props: WmDialogProps) {\n    const hasUserMaxHeight = this.styles.root.maxHeight !== undefined;\n    const dynamicMaxHeight = hasUserMaxHeight ? {} : { maxHeight: Dimensions.get('window').height - 64 - (StatusBar.currentHeight || 0)};\n    return (<ModalConsumer>\n      {(modalService: ModalService) => {\n        modalService.showModal(this.prepareModalOptions((\n          <AssetProvider value={this.loadAsset}>\n            <ThemeProvider value={this.theme}>\n              <View\n                style={[this.styles.root, dynamicMaxHeight]}\n                testID=\"wm-dialog\"\n                onLayout={(event) => this.handleLayout(event)}\n              >\n              {this._background}\n                {props.showheader ? (<View style={this.styles.header} testID=\"wm-dialog-header\">\n                  <View style={this.styles.headerLabel}>\n                  {props.iconclass || props.iconurl || props.title ?\n                    <WmIcon id={this.getTestId('icon')}\n                     caption={props.title}\n                     accessibilityrole='header'\n                     iconclass={props.iconclass}\n                     styles={this.styles.icon}\n                     iconurl={props.iconurl}\n                     iconheight={props.iconheight}\n                     iconmargin={props.iconmargin}\n                     iconwidth={props.iconwidth}\n                     /> : null}\n                  </View>\n                  {props.closable && <WmButton id={this.getTestId('closebtn')} show={props.closable} iconclass=\"wm-sl-l sl-close\" onTap={() => this.close()} styles={this.styles.closeBtn}></WmButton>}\n                </View>) : null}\n                {props.children}\n              </View>\n            </ThemeProvider>\n          </AssetProvider>\n        ), modalService));\n        return null;\n      }}\n    </ModalConsumer>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/dialogs/dialog/dialog.props.js

@@ -0,0 +1,25 @@
+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-ai/app-rn-runtime/core/base.component';
+export default class WmDialogProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", null);
+    _defineProperty(this, "animationdelay", null);
+    _defineProperty(this, "show", false);
+    _defineProperty(this, "children", null);
+    _defineProperty(this, "closable", true);
+    _defineProperty(this, "dialogtype", 'design-dialog');
+    _defineProperty(this, "iconclass", '');
+    _defineProperty(this, "modal", true);
+    _defineProperty(this, "showheader", true);
+    _defineProperty(this, "title", '');
+    _defineProperty(this, "onOpened", null);
+    _defineProperty(this, "iconurl", null);
+    _defineProperty(this, "iconheight", null);
+    _defineProperty(this, "iconwidth", null);
+    _defineProperty(this, "iconmargin", null);
+  }
+}
+//# sourceMappingURL=dialog.props.js.map

package/components/dialogs/dialog/dialog.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmDialogProps","constructor","args","_defineProperty"],"sources":["dialog.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmDialogProps extends BaseProps {\n  animation: string = null as any;\n  animationdelay?: number = null as any;\n  show? = false;\n  children = null as any;\n  closable?= true;\n  dialogtype?='design-dialog';\n  iconclass? = '';\n  modal? = true;\n  showheader? = true;\n  title? = '';\n  onOpened?: Function = null as any;\n  iconurl?: string = null as any;\n  iconheight?: number = null as any;\n  iconwidth?: number = null as any;\n  iconmargin?: number = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC/B,IAAI;IAAAA,eAAA,yBACE,IAAI;IAAAA,eAAA,eACtB,KAAK;IAAAA,eAAA,mBACF,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA,qBACH,eAAe;IAAAA,eAAA,oBACd,EAAE;IAAAA,eAAA,gBACN,IAAI;IAAAA,eAAA,qBACC,IAAI;IAAAA,eAAA,gBACT,EAAE;IAAAA,eAAA,mBACW,IAAI;IAAAA,eAAA,kBACP,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;EAAA;AAC5B","ignoreList":[]}

package/components/dialogs/dialog/dialog.styles.js

@@ -0,0 +1,78 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-dialog';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      minWidth: 320,
+      paddingTop: 24,
+      paddingBottom: 24,
+      paddingLeft: 24,
+      paddingRight: 24,
+      elevation: 6,
+      width: '90%',
+      backgroundColor: themeVariables.dialogBackgroundColor,
+      borderRadius: 28
+    },
+    text: {},
+    modal: {},
+    modalContent: {
+      width: undefined
+    },
+    icon: {
+      root: {
+        alignSelf: 'center'
+      },
+      text: {
+        fontFamily: themeVariables.baseFont,
+        fontSize: 24,
+        fontWeight: '400',
+        color: themeVariables.dialogLabelColor
+      },
+      icon: {
+        fontSize: 24,
+        color: themeVariables.dialogIconColor
+      }
+    },
+    header: {
+      flexDirection: 'row',
+      borderStyle: 'solid',
+      borderColor: themeVariables.dialogBorderColor
+    },
+    headerLabel: {
+      flex: 1,
+      flexDirection: 'row',
+      justifyContent: 'flex-start',
+      alignItems: 'center',
+      paddingBottom: 16
+    },
+    closeBtn: {
+      root: {
+        alignSelf: 'flex-end',
+        backgroundColor: 'transparent',
+        borderRadius: 8,
+        paddingRight: 8,
+        paddingTop: 8,
+        paddingBottom: 8,
+        paddingLeft: 8,
+        minHeight: 0,
+        marginBottom: 22,
+        rippleColor: themeVariables.transparent
+      },
+      icon: {
+        root: {
+          alignItems: 'center'
+        },
+        icon: {
+          paddingRight: 0
+        },
+        text: {
+          color: themeVariables.dialogCloseIconColor,
+          fontSize: 14
+        }
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=dialog.styles.js.map

package/components/dialogs/dialog/dialog.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minWidth","paddingTop","paddingBottom","paddingLeft","paddingRight","elevation","width","backgroundColor","dialogBackgroundColor","borderRadius","text","modal","modalContent","undefined","icon","alignSelf","fontFamily","baseFont","fontSize","fontWeight","color","dialogLabelColor","dialogIconColor","header","flexDirection","borderStyle","borderColor","dialogBorderColor","headerLabel","flex","justifyContent","alignItems","closeBtn","minHeight","marginBottom","rippleColor","transparent","dialogCloseIconColor"],"sources":["dialog.styles.ts"],"sourcesContent":["import { Dimensions, StatusBar, ViewStyle } from 'react-native';\nimport BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmButtonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmDialogStyles = BaseStyles & {\n    modal: ViewStyle,\n    modalContent: ViewStyle,\n    icon: WmIconStyles,\n    closeBtn: WmButtonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-dialog';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmDialogStyles = defineStyles<WmDialogStyles>({\n        root: {\n            minWidth: 320,\n            paddingTop: 24,\n            paddingBottom: 24,\n            paddingLeft: 24,\n            paddingRight: 24,\n            elevation: 6,\n            width: '90%',\n            backgroundColor: themeVariables.dialogBackgroundColor,\n            borderRadius: 28,\n        },\n        text: {},\n        modal: {},\n        modalContent: {\n            width: undefined\n        },\n        icon: {\n            root: {\n                alignSelf: 'center',\n            },\n            text: {\n                fontFamily: themeVariables.baseFont,\n                fontSize: 24,\n                fontWeight: '400',\n                color : themeVariables.dialogLabelColor,\n            },\n            icon: {\n                fontSize: 24,\n                color: themeVariables.dialogIconColor\n            }\n        } as WmIconStyles,\n        header: {\n            flexDirection: 'row',\n            borderStyle: 'solid',\n            borderColor: themeVariables.dialogBorderColor\n        },\n        headerLabel: {\n            flex: 1,\n            flexDirection: 'row',\n            justifyContent: 'flex-start',\n            alignItems: 'center',\n            paddingBottom: 16,\n        },\n        closeBtn: {\n            root: {\n                alignSelf: 'flex-end',\n                backgroundColor: 'transparent',\n                borderRadius: 8,\n                paddingRight: 8,\n                paddingTop: 8,\n                paddingBottom: 8,\n                paddingLeft: 8,\n                minHeight: 0,\n                marginBottom: 22,\n                rippleColor: themeVariables.transparent\n            },\n            icon : {\n                root: {\n                    alignItems: 'center',\n                },\n                icon: {\n                    paddingRight: 0\n                },\n                text: {\n                    color: themeVariables.dialogCloseIconColor,\n                    fontSize: 14\n                }\n            }\n        } as WmButtonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AACA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAW3F,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA6B,GAAGL,YAAY,CAAiB;IAC/DM,IAAI,EAAE;MACFC,QAAQ,EAAE,GAAG;MACbC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,EAAE;MACjBC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE,EAAE;MAChBC,SAAS,EAAE,CAAC;MACZC,KAAK,EAAE,KAAK;MACZC,eAAe,EAAEX,cAAc,CAACY,qBAAqB;MACrDC,YAAY,EAAE;IAClB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,KAAK,EAAE,CAAC,CAAC;IACTC,YAAY,EAAE;MACVN,KAAK,EAAEO;IACX,CAAC;IACDC,IAAI,EAAE;MACFf,IAAI,EAAE;QACFgB,SAAS,EAAE;MACf,CAAC;MACDL,IAAI,EAAE;QACFM,UAAU,EAAEpB,cAAc,CAACqB,QAAQ;QACnCC,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE,KAAK;QACjBC,KAAK,EAAGxB,cAAc,CAACyB;MAC3B,CAAC;MACDP,IAAI,EAAE;QACFI,QAAQ,EAAE,EAAE;QACZE,KAAK,EAAExB,cAAc,CAAC0B;MAC1B;IACJ,CAAiB;IACjBC,MAAM,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAE9B,cAAc,CAAC+B;IAChC,CAAC;IACDC,WAAW,EAAE;MACTC,IAAI,EAAE,CAAC;MACPL,aAAa,EAAE,KAAK;MACpBM,cAAc,EAAE,YAAY;MAC5BC,UAAU,EAAE,QAAQ;MACpB7B,aAAa,EAAE;IACnB,CAAC;IACD8B,QAAQ,EAAE;MACNjC,IAAI,EAAE;QACFgB,SAAS,EAAE,UAAU;QACrBR,eAAe,EAAE,aAAa;QAC9BE,YAAY,EAAE,CAAC;QACfL,YAAY,EAAE,CAAC;QACfH,UAAU,EAAE,CAAC;QACbC,aAAa,EAAE,CAAC;QAChBC,WAAW,EAAE,CAAC;QACd8B,SAAS,EAAE,CAAC;QACZC,YAAY,EAAE,EAAE;QAChBC,WAAW,EAAEvC,cAAc,CAACwC;MAChC,CAAC;MACDtB,IAAI,EAAG;QACHf,IAAI,EAAE;UACFgC,UAAU,EAAE;QAChB,CAAC;QACDjB,IAAI,EAAE;UACFV,YAAY,EAAE;QAClB,CAAC;QACDM,IAAI,EAAE;UACFU,KAAK,EAAExB,cAAc,CAACyC,oBAAoB;UAC1CnB,QAAQ,EAAE;QACd;MACJ;IACJ;EACJ,CAAC,CAAC;EAEFrB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/dialogs/dialogactions/dialogactions.component.js

@@ -0,0 +1,22 @@
+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 } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmDialogactionsProps from './dialogactions.props';
+import { DEFAULT_CLASS } from './dialogactions.styles';
+export class WmDialogactionsState extends BaseComponentState {}
+export default class WmDialogactions extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmDialogactionsProps());
+    _defineProperty(this, "__TYPE", 'WmDialogactions');
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=dialogactions.component.js.map

package/components/dialogs/dialogactions/dialogactions.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmDialogactionsProps","DEFAULT_CLASS","WmDialogactionsState","WmDialogactions","constructor","props","_defineProperty","renderWidget","createElement","style","styles","root","onLayout","event","handleLayout","_background","children"],"sources":["dialogactions.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmDialogactionsProps from './dialogactions.props';\nimport { DEFAULT_CLASS, WmDialogactionsStyles } from './dialogactions.styles';\n\nexport class WmDialogactionsState extends BaseComponentState<WmDialogactionsProps> {}\n\nexport default class WmDialogactions extends BaseComponent<WmDialogactionsProps, WmDialogactionsState, WmDialogactionsStyles> {\n  __TYPE='WmDialogactions';\n\n  constructor(props: WmDialogactionsProps) {\n    super(props, DEFAULT_CLASS, new WmDialogactionsProps());\n  }\n\n  renderWidget(props: WmDialogactionsProps) {\n    return (\n    <View\n      style={this.styles.root}\n      onLayout={(event) => this.handleLayout(event)}\n    >{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,kDAAkD;AAEpG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAE7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;AAEnF,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAG5HM,WAAWA,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,CAAC,CAAC,CAAC;IAACM,eAAA,iBAHnD,iBAAiB;EAIxB;EAEAC,YAAYA,CAACF,KAA2B,EAAE;IACxC,oBACAT,KAAA,CAAAY,aAAA,CAACX,IAAI;MACHY,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAK;MACxBC,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAC9C,IAAI,CAACE,WAAW,EAAEV,KAAK,CAACW,QAAe,CAAC;EAC5C;AACF","ignoreList":[]}

package/components/dialogs/dialogactions/dialogactions.props.js

@@ -0,0 +1,11 @@
+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-ai/app-rn-runtime/core/base.component';
+export default class WmDialogactionsProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+  }
+}
+//# sourceMappingURL=dialogactions.props.js.map

package/components/dialogs/dialogactions/dialogactions.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmDialogactionsProps","constructor","args","_defineProperty"],"sources":["dialogactions.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmDialogactionsProps extends BaseProps {\n  children? = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,oBAAoB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBAC9C,IAAI;EAAA;AAClB","ignoreList":[]}

package/components/dialogs/dialogactions/dialogactions.styles.js

@@ -0,0 +1,17 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-dialogactions';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      flexDirection: 'row',
+      justifyContent: 'flex-end',
+      alignItems: 'center',
+      borderStyle: 'solid',
+      borderColor: themeVariables.dialogBorderColor
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=dialogactions.styles.js.map

package/components/dialogs/dialogactions/dialogactions.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","justifyContent","alignItems","borderStyle","borderColor","dialogBorderColor","text"],"sources":["dialogactions.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport type WmDialogactionsStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-dialogactions';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmDialogactionsStyles = defineStyles({\n        root: {\n            flexDirection: 'row',\n            justifyContent: 'flex-end',\n            alignItems: 'center',\n            borderStyle: 'solid',\n            borderColor: themeVariables.dialogBorderColor\n        },\n        text: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAI3F,OAAO,MAAMC,aAAa,GAAG,mBAAmB;AAChDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAoC,GAAGL,YAAY,CAAC;IACtDM,IAAI,EAAE;MACFC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,UAAU;MAC1BC,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAER,cAAc,CAACS;IAChC,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFT,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/dialogs/dialogcontent/dialogcontent.component.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { TouchableOpacity } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmDialogcontentProps from './dialogcontent.props';
+import { DEFAULT_CLASS } from './dialogcontent.styles';
+export class WmDialogcontentState extends BaseComponentState {}
+export default class WmDialogcontent extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmDialogcontentProps());
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(ScrollView, {
+      onLayout: event => this.handleLayout(event),
+      contentContainerStyle: [this.styles.root, {
+        maxHeight: undefined
+      }],
+      onScroll: event => {
+        this.notify('scroll', [event]);
+      },
+      scrollEventThrottle: 48,
+      showsVerticalScrollIndicator: false,
+      style: {
+        maxHeight: this.styles.root.maxHeight
+      }
+    }, this._background, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      activeOpacity: 1
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, props.children)));
+  }
+}
+//# sourceMappingURL=dialogcontent.component.js.map

package/components/dialogs/dialogcontent/dialogcontent.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","ScrollView","BaseComponent","BaseComponentState","WmDialogcontentProps","DEFAULT_CLASS","WmDialogcontentState","WmDialogcontent","constructor","props","renderWidget","createElement","onLayout","event","handleLayout","contentContainerStyle","styles","root","maxHeight","undefined","onScroll","notify","scrollEventThrottle","showsVerticalScrollIndicator","style","_background","activeOpacity","Fragment","children"],"sources":["dialogcontent.component.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmDialogcontentProps from './dialogcontent.props';\nimport { DEFAULT_CLASS, WmDialogcontentStyles } from './dialogcontent.styles';\n\nexport class WmDialogcontentState extends BaseComponentState<WmDialogcontentProps> {}\n\nexport default class WmDialogcontent extends BaseComponent<WmDialogcontentProps, WmDialogcontentState, WmDialogcontentStyles> {\n\n  constructor(props: WmDialogcontentProps) {\n    super(props, DEFAULT_CLASS, new WmDialogcontentProps());\n  }\n\n  renderWidget(props: WmDialogcontentProps) {\n    return (<ScrollView\n      onLayout={(event) => this.handleLayout(event)}\n      contentContainerStyle={[this.styles.root, {maxHeight: undefined}]}\n      onScroll={(event) => {this.notify('scroll', [event])}}\n      scrollEventThrottle={48}\n      showsVerticalScrollIndicator={false}\n      style={{maxHeight: this.styles.root.maxHeight}}>\n        {this._background}\n\n        {/* *IMPORTANT: Pan responder in WmDialog interfering with scroll of ScrollView [https://github.com/facebook/react-native/issues/11206] */}\n        <TouchableOpacity\n          activeOpacity={1}\n        >\n          <>\n            {props.children}\n          </>\n        </TouchableOpacity>\n    </ScrollView>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,UAAU,QAAQ,8BAA8B;AACzD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AAEpG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAE7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;AAEnF,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAE5HM,WAAWA,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,CAAC,CAAC,CAAC;EACzD;EAEAM,YAAYA,CAACD,KAA2B,EAAE;IACxC,oBAAQV,KAAA,CAAAY,aAAA,CAACV,UAAU;MACjBW,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK,CAAE;MAC9CE,qBAAqB,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAE;QAACC,SAAS,EAAEC;MAAS,CAAC,CAAE;MAClEC,QAAQ,EAAGP,KAAK,IAAK;QAAC,IAAI,CAACQ,MAAM,CAAC,QAAQ,EAAE,CAACR,KAAK,CAAC,CAAC;MAAA,CAAE;MACtDS,mBAAmB,EAAE,EAAG;MACxBC,4BAA4B,EAAE,KAAM;MACpCC,KAAK,EAAE;QAACN,SAAS,EAAE,IAAI,CAACF,MAAM,CAACC,IAAI,CAACC;MAAS;IAAE,GAC5C,IAAI,CAACO,WAAW,eAGjB1B,KAAA,CAAAY,aAAA,CAACX,gBAAgB;MACf0B,aAAa,EAAE;IAAE,gBAEjB3B,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAA4B,QAAA,QACGlB,KAAK,CAACmB,QACP,CACc,CACV,CAAC;EACf;AACF","ignoreList":[]}

package/components/dialogs/dialogcontent/dialogcontent.props.js

@@ -0,0 +1,11 @@
+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-ai/app-rn-runtime/core/base.component';
+export default class WmDialogcontentProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+  }
+}
+//# sourceMappingURL=dialogcontent.props.js.map

package/components/dialogs/dialogcontent/dialogcontent.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmDialogcontentProps","constructor","args","_defineProperty"],"sources":["dialogcontent.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmDialogcontentProps extends BaseProps {\n  children? = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,oBAAoB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBAC9C,IAAI;EAAA;AAClB","ignoreList":[]}

package/components/dialogs/dialogcontent/dialogcontent.styles.js

@@ -0,0 +1,15 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-dialogcontent';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      padding: 16,
+      minHeight: 80,
+      maxHeight: 0.9 * themeVariables.maxModalHeight
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=dialogcontent.styles.js.map

package/components/dialogs/dialogcontent/dialogcontent.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","minHeight","maxHeight","maxModalHeight","text"],"sources":["dialogcontent.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport type WmDialogcontentStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-dialogcontent';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmDialogcontentStyles = defineStyles({\n        root: {\n            padding: 16,\n            minHeight: 80,\n            maxHeight: 0.9 * themeVariables.maxModalHeight\n        },\n        text: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAI3F,OAAO,MAAMC,aAAa,GAAG,mBAAmB;AAChDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAoC,GAAGL,YAAY,CAAC;IACtDM,IAAI,EAAE;MACFC,OAAO,EAAE,EAAE;MACXC,SAAS,EAAE,EAAE;MACbC,SAAS,EAAE,GAAG,GAAGN,cAAc,CAACO;IACpC,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFP,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/input/basedataset/basedataset.component.js

@@ -0,0 +1,232 @@
+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 { BaseComponent, BaseComponentState } from "@wavemaker-ai/app-rn-runtime/core/base.component";
+import { find, isString, isEqual, isFunction, includes, get, forEach, isObject, isArray, filter, trim, uniqBy, uniqWith } from 'lodash';
+import { getGroupedData, getOrderedDataset, isDefined, validateField } from "@wavemaker-ai/app-rn-runtime/core/utils";
+import { DEFAULT_CLASS } from "@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.styles";
+export class BaseDatasetState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "dataItems", void 0);
+    _defineProperty(this, "groupedData", void 0);
+    _defineProperty(this, "isDefault", false);
+    _defineProperty(this, "isValid", true);
+    _defineProperty(this, "errorType", '');
+  }
+}
+export class BaseDatasetComponent extends BaseComponent {
+  constructor(props, defaultClass = DEFAULT_CLASS, defaultProps, defaultState) {
+    super(props, defaultClass, defaultProps, defaultState);
+    this.defaultClass = defaultClass;
+  }
+  onPropertyChange(name, $new, $old) {
+    const props = this.state.props;
+    switch (name) {
+      case 'dataset':
+        this.setDataItems($new);
+        break;
+      case 'getDisplayExpression':
+      case 'displayfield':
+      case 'displaylabel':
+      case 'displayimagesrc':
+      case 'datafield':
+      case 'orderby':
+        this.setDataItems(this.state.props.dataset);
+        break;
+      case 'groupby':
+      case 'match':
+        this.setGroupData(this.state.dataItems);
+      case 'datavalue':
+        this.setDataItems(this.state.props.dataset, {
+          dataValue: $new
+        });
+        const isDefault = this.state.props.isdefault;
+        if (isDefault) {
+          this.updateState({
+            props: {
+              isdefault: false
+            }
+          }, !this.state.props.skipscripteventtrigger && this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault));
+        } else {
+          !this.state.props.skipscripteventtrigger && this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);
+        }
+    }
+  }
+  setGroupData(items) {
+    const dataItems = items;
+    const props = this.state.props;
+    if (props.groupby) {
+      const groupedData = dataItems && getGroupedData(dataItems, props.groupby, props.match, props.orderby, props.dateformat, this, 'dataObject');
+      this.updateState({
+        groupedData: groupedData
+      }, () => this.onDataItemsUpdate());
+    }
+  }
+  validate(value) {
+    const validationObj = validateField(this.state.props, value);
+    this.setState({
+      isValid: validationObj.isValid,
+      errorType: validationObj.errorType
+    });
+  }
+  updateDatavalue(value) {
+    return new Promise(resolve => {
+      this.updateState({
+        props: {
+          datavalue: value
+        }
+      }, () => {
+        this.computeDisplayValue();
+        resolve();
+      });
+    });
+  }
+  onValueChange(value) {
+    if (this.state.props.datafield === 'All Fields') {
+      const selectedItem = find(this.state.dataItems, item => isEqual(item.key, value));
+      value = selectedItem && selectedItem.dataObject;
+    }
+    this.onChange(value);
+  }
+  getItemKey(value) {
+    const selectedItem = find(this.state.dataItems, item => isEqual(item.dataObject, value));
+    return selectedItem && selectedItem.key;
+  }
+  onChange(value) {
+    const oldValue = this.state.props.datavalue;
+    this.validate(value);
+    this.updateDatavalue(value).then(() => {
+      if (value !== oldValue) {
+        if (this.props.onFieldChange) {
+          this.props.onFieldChange('datavalue', value, oldValue);
+        } else {
+          this.invokeEventCallback('onChange', [undefined, this.proxy, value, oldValue]);
+        }
+      }
+    });
+  }
+  computeDisplayValue() {
+    this.updateState({
+      props: {
+        displayValue: (this.state.dataItems || []).filter(item => item.selected).map(item => item.displayexp || item.displayfield)[0] || ''
+      }
+    });
+  }
+  onDataItemsUpdate() {
+    this.computeDisplayValue();
+  }
+  getUniqObjsByDataField(data, allowEmptyFields = true) {
+    let uniqData;
+    const isAllFields = this.state.props.datafield === 'All Fields';
+    uniqData = isAllFields ? uniqWith(data, isEqual) : uniqBy(data, 'datafield');
+    if (!this.state.props.displayfield || allowEmptyFields) {
+      return uniqData;
+    }
+
+    // return objects having non empty datafield and display field values.
+    return filter(uniqData, obj => {
+      if (isAllFields) {
+        return trim(obj.displayfield);
+      }
+      return trim(obj.datafield) && trim(obj.displayfield);
+    });
+  }
+  setDataItems(dataset, propsObj, allowEmpty = true) {
+    const name = this.props.name;
+    const props = this.state.props;
+    const datavalue = propsObj ? propsObj['dataValue'] : props.datavalue;
+    let dataItems = [];
+    let datavalueItems = [];
+    if (typeof datavalue === 'string') {
+      datavalueItems = datavalue.split(',');
+      datavalueItems = allowEmpty ? datavalueItems : datavalueItems.map(item => item.trim());
+    } else if (isArray(datavalue)) {
+      datavalueItems = datavalue;
+    } else {
+      if (isDefined(datavalue)) {
+        datavalueItems = [datavalue];
+      }
+    }
+    if (typeof dataset === 'string') {
+      dataset = dataset.split(',');
+    }
+    if (isArray(dataset) && !isObject(dataset[0])) {
+      dataItems = dataset.map((s, i) => {
+        s = isString(s) ? s.trim() : s;
+        return {
+          key: `${name}_item${i}`,
+          dataObject: s,
+          displayfield: s.toString(),
+          datafield: s,
+          selected: includes(datavalueItems, s) || includes(datavalueItems, s.toString()) || datavalue === s ? true : false
+        };
+      });
+    } else if (dataset) {
+      if (isObject(dataset) && !isArray(dataset)) {
+        forEach(dataset, (value, key) => {
+          if (isDefined(key) && key !== null) {
+            dataItems.push({
+              key: `${name}_item${key}`,
+              displayfield: value,
+              datafield: key,
+              dataObject: dataset
+            });
+          }
+        });
+      } else {
+        const isSelected = item => {
+          if (datavalueItems.length) {
+            let datafield = this.state.props.datafield;
+            if (!datafield) {
+              datafield = 'All Fields';
+            }
+            if (datafield === 'All Fields') {
+              return includes(datavalueItems, item);
+            }
+            let df = get(item, datafield);
+            if (isDefined(df) && df !== null) {
+              return includes(datavalueItems, df) || includes(datavalueItems, df.toString());
+            }
+          }
+          return false;
+        };
+        forEach(dataset, (d, i) => {
+          let datafieldValue = this.state.props.datafield === 'All Fields' ? d : get(d, this.state.props.datafield);
+          if (isDefined(datafieldValue) && datafieldValue !== null) {
+            var _get, _get2;
+            dataItems.push({
+              key: `${name}_item${i}`,
+              dataObject: d,
+              displayfield: ((_get = get(d, this.state.props.displayfield)) === null || _get === void 0 ? void 0 : _get.toString()) || ((_get2 = get(d, this.state.props.displaylabel)) === null || _get2 === void 0 ? void 0 : _get2.toString()),
+              datafield: datafieldValue,
+              displayexp: this.state.props.getDisplayExpression ? this.state.props.getDisplayExpression(d) : get(d, this.state.props.displayfield),
+              selected: isSelected(d),
+              imgSrc: isFunction(this.state.props.displayimagesrc) ? this.state.props.displayimagesrc(d) : get(d, this.state.props.displayimagesrc),
+              icon: d[this.props.iconclass]
+            });
+          }
+        });
+      }
+    }
+    if (dataItems.length) {
+      dataItems = this.getUniqObjsByDataField(dataItems, allowEmpty);
+    }
+    const isUpdated = !isEqual(dataItems, this.state.dataItems);
+    if (props.groupby) {
+      this.setGroupData(dataItems);
+      this.updateState({
+        dataItems: dataItems
+      }, () => isUpdated && this.onDataItemsUpdate());
+    } else if (props.orderby) {
+      this.updateState({
+        dataItems: getOrderedDataset(dataItems, props.orderby, 'dataObject')
+      }, () => isUpdated && this.onDataItemsUpdate());
+    } else {
+      this.updateState({
+        dataItems: dataItems
+      }, () => isUpdated && this.onDataItemsUpdate());
+    }
+  }
+}
+//# sourceMappingURL=basedataset.component.js.map