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

package/components/container/wizard/wizardaction/wizardaction.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 WmWizardactionProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", void 0);
+  }
+}
+//# sourceMappingURL=wizardaction.props.js.map

package/components/container/wizard/wizardaction/wizardaction.props.js.map

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

package/components/container/wizard/wizardaction/wizardaction.styles.js

@@ -0,0 +1,11 @@
+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-wizard-actions';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {},
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=wizardaction.styles.js.map

package/components/container/wizard/wizardaction/wizardaction.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text"],"sources":["wizardaction.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 WmWizardactionStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-wizard-actions';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmWizardactionStyles = defineStyles({\n        root: {},\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,oBAAoB;AACjDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAmC,GAAGL,YAAY,CAAC;IACrDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFH,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/container/wizard/wizardstep/wizardstep.component.js

@@ -0,0 +1,92 @@
+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 WmWizardstepProps from './wizardstep.props';
+import { DEFAULT_CLASS } from './wizardstep.styles';
+export class WmWizardstepState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "active", false);
+    _defineProperty(this, "showContent", false);
+  }
+}
+export default class WmWizardstep extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmWizardstepProps(), new WmWizardstepState());
+  }
+  componentDidMount() {
+    const wizard = this.parent;
+    // When skeleton is enabled in the wizard component, the parent would be WMSkeleton which doesnot have addWizardStep function
+    if (wizard.addWizardStep) {
+      wizard.addWizardStep(this);
+    }
+    super.componentDidMount();
+  }
+  onPropertyChange(name, $new, $old) {
+    super.onPropertyChange(name, $new, $old);
+    switch (name) {
+      case 'title':
+        const wizard = this.parent;
+        wizard === null || wizard === void 0 || wizard.refresh();
+        break;
+      case 'disableprev':
+      case 'disablenext':
+      case 'disabledone':
+      case 'enableskip':
+        setTimeout(() => {
+          this.parent.forceUpdate();
+        }, 10);
+        break;
+      case 'show':
+        if ($new !== $old) {
+          setTimeout(() => {
+            this.parent.forceUpdate();
+          }, 10);
+        }
+        break;
+    }
+  }
+  setActive() {
+    this.updateState({
+      active: true
+    }, () => {
+      if (this.state.showContent) {
+        this.invokeEventCallback('onLoad', [this, this.state.props.index]);
+      }
+    });
+  }
+  setInActive() {
+    this.updateState({
+      active: false
+    });
+  }
+  isVisible() {
+    return super.isVisible() && this.state.active;
+  }
+  invokeNextCB(index) {
+    return this.invokeEventCallback('onNext', [this.proxy, this, index]);
+  }
+  invokePrevCB(index) {
+    return this.invokeEventCallback('onPrev', [this.proxy, this, index]);
+  }
+  invokeSkipCB(index) {
+    this.invokeEventCallback('onSkip', [this.proxy, this, index]);
+  }
+  renderWidget(props) {
+    if (!this.state.showContent && this.isVisible()) {
+      this.updateState({
+        showContent: true
+      }, () => {
+        this.invokeEventCallback('onLoad', [this, props.index]);
+      });
+    }
+    return this.state.showContent && /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=wizardstep.component.js.map

package/components/container/wizard/wizardstep/wizardstep.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmWizardstepProps","DEFAULT_CLASS","WmWizardstepState","constructor","args","_defineProperty","WmWizardstep","props","componentDidMount","wizard","parent","addWizardStep","onPropertyChange","name","$new","$old","refresh","setTimeout","forceUpdate","setActive","updateState","active","state","showContent","invokeEventCallback","index","setInActive","isVisible","invokeNextCB","proxy","invokePrevCB","invokeSkipCB","renderWidget","createElement","style","styles","root","onLayout","event","handleLayout","_background","children"],"sources":["wizardstep.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 WmWizardstepProps from './wizardstep.props';\nimport { DEFAULT_CLASS, WmWizardstepStyles } from './wizardstep.styles';\nimport WmWizard from '../wizard.component';\nimport { isBoolean } from 'lodash-es';\n\nexport class WmWizardstepState extends BaseComponentState<WmWizardstepProps> {\n  active = false;\n  showContent: boolean = false;\n}\n\nexport default class WmWizardstep extends BaseComponent<WmWizardstepProps, WmWizardstepState, WmWizardstepStyles> {\n\n  constructor(props: WmWizardstepProps) {\n    super(props, DEFAULT_CLASS, new WmWizardstepProps(), new WmWizardstepState());\n  }\n\n  componentDidMount() {\n    const wizard = (this.parent) as WmWizard;\n    // When skeleton is enabled in the wizard component, the parent would be WMSkeleton which doesnot have addWizardStep function\n    if(wizard.addWizardStep) {\n      wizard.addWizardStep(this);\n    }\n    super.componentDidMount();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'title':\n        const wizard = (this.parent) as WmWizard;\n        wizard?.refresh();\n        break;\n      case 'disableprev':\n      case 'disablenext':\n      case 'disabledone':\n      case 'enableskip':\n        setTimeout(() => {\n          this.parent.forceUpdate();\n        }, 10);\n        break;\n      case 'show':\n        if($new !== $old){\n          setTimeout(() => {\n            this.parent.forceUpdate();\n          }, 10);\n        }\n        break;\n    }\n  }\n\n  setActive() {\n    this.updateState({\n      active: true\n    } as WmWizardstepState, () => {\n      if(this.state.showContent) {\n        this.invokeEventCallback('onLoad', [this, this.state.props.index]);\n      }\n    });\n  }\n\n  setInActive() {\n    this.updateState({\n      active: false\n    } as WmWizardstepState);\n  }\n\n  isVisible() {\n    return super.isVisible() && this.state.active;\n  }\n\n  invokeNextCB(index: number) : boolean {\n    return this.invokeEventCallback('onNext', [this.proxy, this, index]);\n  }\n\n  invokePrevCB(index: number) : boolean {\n    return this.invokeEventCallback('onPrev', [this.proxy, this, index]);\n  }\n\n  invokeSkipCB(index: number) {\n    this.invokeEventCallback('onSkip', [this.proxy, this, index]);\n  }\n  renderWidget(props: WmWizardstepProps) {\n    if(!this.state.showContent && this.isVisible()){\n      this.updateState({showContent: true} as WmWizardstepState, ()=>{\n        this.invokeEventCallback('onLoad', [this, props.index]);\n      });\n    }\n    return this.state.showContent && (\n      <View\n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {props.children}\n      </View>);\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AAEpG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAIvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;EAAAI,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,iBAClE,KAAK;IAAAA,eAAA,sBACS,KAAK;EAAA;AAC9B;AAEA,eAAe,MAAMC,YAAY,SAASR,aAAa,CAA2D;EAEhHK,WAAWA,CAACI,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,EAAE,IAAIE,iBAAiB,CAAC,CAAC,CAAC;EAC/E;EAEAM,iBAAiBA,CAAA,EAAG;IAClB,MAAMC,MAAM,GAAI,IAAI,CAACC,MAAmB;IACxC;IACA,IAAGD,MAAM,CAACE,aAAa,EAAE;MACvBF,MAAM,CAACE,aAAa,CAAC,IAAI,CAAC;IAC5B;IACA,KAAK,CAACH,iBAAiB,CAAC,CAAC;EAC3B;EAEAI,gBAAgBA,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAE;IACnD,KAAK,CAACH,gBAAgB,CAACC,IAAI,EAAEC,IAAI,EAAEC,IAAI,CAAC;IACxC,QAAOF,IAAI;MACT,KAAK,OAAO;QACV,MAAMJ,MAAM,GAAI,IAAI,CAACC,MAAmB;QACxCD,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEO,OAAO,CAAC,CAAC;QACjB;MACF,KAAK,aAAa;MAClB,KAAK,aAAa;MAClB,KAAK,aAAa;MAClB,KAAK,YAAY;QACfC,UAAU,CAAC,MAAM;UACf,IAAI,CAACP,MAAM,CAACQ,WAAW,CAAC,CAAC;QAC3B,CAAC,EAAE,EAAE,CAAC;QACN;MACF,KAAK,MAAM;QACT,IAAGJ,IAAI,KAAKC,IAAI,EAAC;UACfE,UAAU,CAAC,MAAM;YACf,IAAI,CAACP,MAAM,CAACQ,WAAW,CAAC,CAAC;UAC3B,CAAC,EAAE,EAAE,CAAC;QACR;QACA;IACJ;EACF;EAEAC,SAASA,CAAA,EAAG;IACV,IAAI,CAACC,WAAW,CAAC;MACfC,MAAM,EAAE;IACV,CAAC,EAAuB,MAAM;MAC5B,IAAG,IAAI,CAACC,KAAK,CAACC,WAAW,EAAE;QACzB,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAACF,KAAK,CAACf,KAAK,CAACkB,KAAK,CAAC,CAAC;MACpE;IACF,CAAC,CAAC;EACJ;EAEAC,WAAWA,CAAA,EAAG;IACZ,IAAI,CAACN,WAAW,CAAC;MACfC,MAAM,EAAE;IACV,CAAsB,CAAC;EACzB;EAEAM,SAASA,CAAA,EAAG;IACV,OAAO,KAAK,CAACA,SAAS,CAAC,CAAC,IAAI,IAAI,CAACL,KAAK,CAACD,MAAM;EAC/C;EAEAO,YAAYA,CAACH,KAAa,EAAY;IACpC,OAAO,IAAI,CAACD,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACK,KAAK,EAAE,IAAI,EAAEJ,KAAK,CAAC,CAAC;EACtE;EAEAK,YAAYA,CAACL,KAAa,EAAY;IACpC,OAAO,IAAI,CAACD,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACK,KAAK,EAAE,IAAI,EAAEJ,KAAK,CAAC,CAAC;EACtE;EAEAM,YAAYA,CAACN,KAAa,EAAE;IAC1B,IAAI,CAACD,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACK,KAAK,EAAE,IAAI,EAAEJ,KAAK,CAAC,CAAC;EAC/D;EACAO,YAAYA,CAACzB,KAAwB,EAAE;IACrC,IAAG,CAAC,IAAI,CAACe,KAAK,CAACC,WAAW,IAAI,IAAI,CAACI,SAAS,CAAC,CAAC,EAAC;MAC7C,IAAI,CAACP,WAAW,CAAC;QAACG,WAAW,EAAE;MAAI,CAAC,EAAuB,MAAI;QAC7D,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAEjB,KAAK,CAACkB,KAAK,CAAC,CAAC;MACzD,CAAC,CAAC;IACJ;IACA,OAAO,IAAI,CAACH,KAAK,CAACC,WAAW,iBAC3B3B,KAAA,CAAAqC,aAAA,CAACpC,IAAI;MACHqC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAK;MACxBC,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAE7C,IAAI,CAACE,WAAW,EAChBjC,KAAK,CAACkC,QACH,CAAE;EACZ;AACF","ignoreList":[]}

package/components/container/wizard/wizardstep/wizardstep.props.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 { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export default class WmWizardstepProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "disableprev", false);
+    _defineProperty(this, "disablenext", false);
+    _defineProperty(this, "disabledone", false);
+    _defineProperty(this, "showprev", true);
+    _defineProperty(this, "shownext", true);
+    _defineProperty(this, "showdone", true);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "enableskip", false);
+    _defineProperty(this, "iconclass", 'wm-sl-l sl-check');
+    _defineProperty(this, "title", 'Step Title');
+    _defineProperty(this, "subtitle", 'Sub Title');
+    _defineProperty(this, "index", 0);
+  }
+}
+//# sourceMappingURL=wizardstep.props.js.map

package/components/container/wizard/wizardstep/wizardstep.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmWizardstepProps","constructor","args","_defineProperty"],"sources":["wizardstep.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmWizardstepProps extends BaseProps {\n  disableprev: boolean = false;\n  disablenext: boolean = false;\n  disabledone: boolean = false;\n  showprev: boolean = true;\n  shownext: boolean = true;\n  showdone: boolean = true;\n  children: any;\n  enableskip: boolean = false;\n  iconclass: string = 'wm-sl-l sl-check';\n  title: string = 'Step Title';\n  subtitle: string = 'Sub Title';\n  index: number = 0;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,sBAChC,KAAK;IAAAA,eAAA,sBACL,KAAK;IAAAA,eAAA,sBACL,KAAK;IAAAA,eAAA,mBACR,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA;IAAAA,eAAA,qBAEF,KAAK;IAAAA,eAAA,oBACP,kBAAkB;IAAAA,eAAA,gBACtB,YAAY;IAAAA,eAAA,mBACT,WAAW;IAAAA,eAAA,gBACd,CAAC;EAAA;AACnB","ignoreList":[]}

package/components/container/wizard/wizardstep/wizardstep.styles.js

@@ -0,0 +1,13 @@
+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-wizardstep';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      flex: 1
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=wizardstep.styles.js.map

package/components/container/wizard/wizardstep/wizardstep.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flex","text"],"sources":["wizardstep.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 WmWizardstepStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-wizardstep';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmWizardstepStyles = defineStyles({\n        root: {\n            flex: 1,\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,gBAAgB;AAC7CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAiC,GAAGL,YAAY,CAAC;IACnDM,IAAI,EAAE;MACFC,IAAI,EAAE;IACV,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFJ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/data/card/card-content/card-content.component.js

@@ -0,0 +1,46 @@
+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 WmCardContentProps from './card-content.props';
+import { DEFAULT_CLASS } from './card-content.styles';
+export class WmCardContentState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isPartialLoaded", false);
+  }
+}
+export default class WmCardContent extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCardContentProps());
+  }
+  onPartialLoad() {
+    this.invokeEventCallback('onLoad', [null, this]);
+  }
+  renderContent(props) {
+    if (props.renderPartial) {
+      if (!this.state.isPartialLoaded) {
+        setTimeout(() => {
+          this.updateState({
+            isPartialLoaded: true
+          });
+        });
+      }
+      return props.renderPartial(props, this.onPartialLoad.bind(this));
+    }
+    return props.children;
+  }
+  renderWidget(props) {
+    const styles = this._showSkeleton ? {
+      ...this.styles.root,
+      ...this.styles.skeleton.root
+    } : this.styles.root;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles,
+      onLayout: event => this.handleLayout(event)
+    }, !this._showSkeleton ? this._background : null, this.renderContent(props));
+  }
+}
+//# sourceMappingURL=card-content.component.js.map

package/components/data/card/card-content/card-content.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCardContentProps","DEFAULT_CLASS","WmCardContentState","constructor","args","_defineProperty","WmCardContent","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","styles","_showSkeleton","root","skeleton","createElement","style","onLayout","event","handleLayout","_background"],"sources":["card-content.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 WmCardContentProps from './card-content.props';\nimport { DEFAULT_CLASS, WmCardContentStyles } from './card-content.styles';\n\nexport class WmCardContentState extends BaseComponentState<WmCardContentProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmCardContent extends BaseComponent<WmCardContentProps, WmCardContentState, WmCardContentStyles> {\n\n  constructor(props: WmCardContentProps) {\n    super(props, DEFAULT_CLASS, new WmCardContentProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmCardContentProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmCardContentState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  renderWidget(props: WmCardContentProps) {\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root\n\n    return (\n      <View\n        style={styles}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {!this._showSkeleton ? this._background : null}\n        {this.renderContent(props)}\n      </View>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AAEpG,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAE1E,OAAO,MAAMC,kBAAkB,SAASH,kBAAkB,CAAqB;EAAAI,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,0BAC3D,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMC,aAAa,SAASR,aAAa,CAA8D;EAEpHK,WAAWA,CAACI,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,kBAAkB,CAAC,CAAC,CAAC;EACvD;EAEAQ,aAAaA,CAAA,EAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEAC,aAAaA,CAACH,KAAyB,EAAE;IACvC,IAAIA,KAAK,CAACI,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAuB,CAAC;QAC1B,CAAC,CAAC;MACJ;MACA,OAAON,KAAK,CAACI,aAAa,CAACJ,KAAK,EAAE,IAAI,CAACC,aAAa,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;IAClE;IACA,OAAOT,KAAK,CAACU,QAAQ;EACvB;EAEAC,YAAYA,CAACX,KAAyB,EAAE;IACtC,MAAMY,MAAM,GAAG,IAAI,CAACC,aAAa,GAAG;MAClC,GAAG,IAAI,CAACD,MAAM,CAACE,IAAI;MACnB,GAAG,IAAI,CAACF,MAAM,CAACG,QAAQ,CAACD;IAC1B,CAAC,GAAG,IAAI,CAACF,MAAM,CAACE,IAAI;IAEpB,oBACEzB,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;MACH2B,KAAK,EAAEL,MAAO;MACdM,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAE7C,CAAC,IAAI,CAACN,aAAa,GAAG,IAAI,CAACQ,WAAW,GAAG,IAAI,EAC7C,IAAI,CAAClB,aAAa,CAACH,KAAK,CACrB,CAAC;EAEX;AACF","ignoreList":[]}

package/components/data/card/card-content/card-content.props.js

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

package/components/data/card/card-content/card-content.props.js.map

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

package/components/data/card/card-content/card-content.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-card-content';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      backgroundColor: themeVariables.cardContentBgColor,
+      padding: 8
+    },
+    text: {},
+    skeleton: {
+      root: {}
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=card-content.styles.js.map

package/components/data/card/card-content/card-content.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","backgroundColor","cardContentBgColor","padding","text","skeleton"],"sources":["card-content.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';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmCardContentStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-card-content';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCardContentStyles = defineStyles({\n        root: {\n            backgroundColor: themeVariables.cardContentBgColor,\n            padding: 8\n        },\n        text: {},\n        skeleton: {\n            root: {\n            }\n        } as any as WmSkeletonStyles\n    });\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAO3F,OAAO,MAAMC,aAAa,GAAG,kBAAkB;AAC/CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE;MACFC,eAAe,EAAEJ,cAAc,CAACK,kBAAkB;MAClDC,OAAO,EAAE;IACb,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNL,IAAI,EAAE,CACN;IACJ;EACJ,CAAC,CAAC;EACFF,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/data/card/card-footer/card-footer.component.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmCardFooterProps from './card-footer.props';
+import { DEFAULT_CLASS } from './card-footer.styles';
+export class WmCardFooterState extends BaseComponentState {}
+export default class WmCardFooter extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCardFooterProps());
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=card-footer.component.js.map

package/components/data/card/card-footer/card-footer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCardFooterProps","DEFAULT_CLASS","WmCardFooterState","WmCardFooter","constructor","props","renderWidget","createElement","style","styles","root","onLayout","event","handleLayout","_background","children"],"sources":["card-footer.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 WmCardFooterProps from './card-footer.props';\nimport { DEFAULT_CLASS, WmCardFooterStyles } from './card-footer.styles';\n\nexport class WmCardFooterState extends BaseComponentState<WmCardFooterProps> {}\n\nexport default class WmCardFooter extends BaseComponent<WmCardFooterProps, WmCardFooterState, WmCardFooterStyles> {\n\n  constructor(props: WmCardFooterProps) {\n    super(props, DEFAULT_CLASS, new WmCardFooterProps());\n  }\n\n  renderWidget(props: WmCardFooterProps) {\n    return (\n      <View\n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {props.children}\n      </View>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AAEpG,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AAExE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAE7E,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAWA,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,CAAC;EACtD;EAEAM,YAAYA,CAACD,KAAwB,EAAE;IACrC,oBACET,KAAA,CAAAW,aAAA,CAACV,IAAI;MACHW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAK;MACxBC,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAE7C,IAAI,CAACE,WAAW,EAChBT,KAAK,CAACU,QACH,CAAC;EACX;AACF","ignoreList":[]}

package/components/data/card/card-footer/card-footer.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 WmCardFooterProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+  }
+}
+//# sourceMappingURL=card-footer.props.js.map

package/components/data/card/card-footer/card-footer.props.js.map

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

package/components/data/card/card-footer/card-footer.styles.js

@@ -0,0 +1,18 @@
+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-card-footer';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      width: '100%',
+      backgroundColor: themeVariables.cardFooterBgColor,
+      padding: 8,
+      borderTopWidth: 1,
+      borderStyle: 'solid',
+      borderColor: themeVariables.cardFooterBorderColor
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=card-footer.styles.js.map

package/components/data/card/card-footer/card-footer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","backgroundColor","cardFooterBgColor","padding","borderTopWidth","borderStyle","borderColor","cardFooterBorderColor","text"],"sources":["card-footer.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 WmCardFooterStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-card-footer';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCardFooterStyles = defineStyles({\n        root: {\n            width: '100%',\n            backgroundColor: themeVariables.cardFooterBgColor,\n            padding: 8,\n            borderTopWidth: 1,\n            borderStyle: 'solid',\n            borderColor: themeVariables.cardFooterBorderColor\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,iBAAiB;AAC9CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAiC,GAAGL,YAAY,CAAC;IACnDM,IAAI,EAAE;MACFC,KAAK,EAAE,MAAM;MACbC,eAAe,EAAEL,cAAc,CAACM,iBAAiB;MACjDC,OAAO,EAAE,CAAC;MACVC,cAAc,EAAE,CAAC;MACjBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEV,cAAc,CAACW;IAChC,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFX,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/data/card/card.component.js

@@ -0,0 +1,92 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmLabel from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.component';
+import WmMenu from '@wavemaker-ai/app-rn-runtime/components/navigation/menu/menu.component';
+import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+import { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';
+import WmPicture from '@wavemaker-ai/app-rn-runtime/components/basic/picture/picture.component';
+import WmCardProps from './card.props';
+import { DEFAULT_CLASS } from './card.styles';
+import { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';
+export class WmCardState extends BaseComponentState {}
+export default class WmCard extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCardProps());
+  }
+  renderHeader(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row'
+      }
+    }, props.iconclass || props.title || props.subheading || props.actions ? /*#__PURE__*/React.createElement(View, {
+      style: this.styles.heading
+    }, props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
+      styles: this.styles.cardIcon,
+      iconclass: props.iconclass,
+      iconurl: props.iconurl,
+      iconheight: props.iconheight,
+      iconmargin: props.iconmargin,
+      iconwidth: props.iconwidth
+    }) : null, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/React.createElement(WmLabel, {
+      styles: this.styles.title,
+      caption: props.title
+    }), /*#__PURE__*/React.createElement(WmLabel, {
+      styles: this.styles.subheading,
+      caption: props.subheading
+    })), /*#__PURE__*/React.createElement(WmMenu, {
+      caption: "",
+      iconclass: "wm-sl-l sl-more-menu-vertical",
+      dataset: props.actions,
+      itemlabel: props.itemlabel,
+      itemlink: props.itemlink,
+      itemicon: props.itemicon,
+      itembadge: props.itembadge,
+      isactive: props.isactive,
+      itemchildren: props.itemchildren
+    })) : null, props.picturesource && /*#__PURE__*/React.createElement(WmPicture, {
+      picturesource: props.picturesource,
+      styles: this.theme.mergeStyle({
+        root: {
+          height: props.imageheight
+        }
+      }, this.styles.picture)
+    }));
+  }
+  renderSkeleton(props) {
+    if (!props.showskeletonchildren) {
+      var _this$props;
+      const skeletonStyles = ((_this$props = this.props) === null || _this$props === void 0 || (_this$props = _this$props.styles) === null || _this$props === void 0 ? void 0 : _this$props.skeleton) || {
+        root: {},
+        text: {}
+      };
+      return createSkeleton(this.theme, skeletonStyles, {
+        ...this.styles.root
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [this.styles.root, {
+          opacity: 0
+        }]
+      }, props.children));
+    }
+    return null;
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
+      target: this,
+      styles: {
+        width: '100%',
+        height: this.styles.root.height ? '100%' : null
+      },
+      disableTouchEffect: this.state.props.disabletoucheffect
+    }), this.renderHeader(props), props.children));
+  }
+}
+//# sourceMappingURL=card.component.js.map

package/components/data/card/card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmLabel","WmMenu","WmIcon","Tappable","WmPicture","WmCardProps","DEFAULT_CLASS","createSkeleton","WmCardState","WmCard","constructor","props","renderHeader","createElement","style","flexDirection","iconclass","title","subheading","actions","styles","heading","iconurl","cardIcon","iconheight","iconmargin","iconwidth","flex","caption","dataset","itemlabel","itemlink","itemicon","itembadge","isactive","itemchildren","picturesource","theme","mergeStyle","root","height","imageheight","picture","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","skeleton","text","opacity","children","renderWidget","onLayout","event","handleLayout","_background","_extends","getTestPropsForAction","target","width","disableTouchEffect","state","disabletoucheffect"],"sources":["card.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmLabel from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.component';\nimport WmMenu from '@wavemaker-ai/app-rn-runtime/components/navigation/menu/menu.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport WmPicture from '@wavemaker-ai/app-rn-runtime/components/basic/picture/picture.component';\n\n\nimport WmCardProps from './card.props';\nimport { DEFAULT_CLASS, WmCardStyles } from './card.styles';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmCardState extends BaseComponentState<WmCardProps> {}\n\nexport default class WmCard extends BaseComponent<WmCardProps, WmCardState, WmCardStyles> {\n\n  constructor(props: WmCardProps) {\n    super(props, DEFAULT_CLASS, new WmCardProps());\n  }\n\n  renderHeader(props: WmCardProps) {\n    return (\n      <View style={{flexDirection: 'row'}}>\n        {(props.iconclass || props.title || props.subheading || props.actions) ?\n        (<View style={this.styles.heading}>\n        {props.iconclass || props.iconurl ?\n          <WmIcon styles={this.styles.cardIcon}\n           iconclass={props.iconclass}\n           iconurl={props.iconurl}\n           iconheight={props.iconheight}\n           iconmargin={props.iconmargin}\n           iconwidth={props.iconwidth}\n           /> : null}\n          <View style={{flex: 1}}>\n            <WmLabel styles={this.styles.title} caption={props.title}></WmLabel>\n            <WmLabel styles={this.styles.subheading} caption={props.subheading}></WmLabel>\n          </View>\n          <WmMenu\n            caption=\"\"\n            iconclass=\"wm-sl-l sl-more-menu-vertical\"\n            dataset={props.actions}\n            itemlabel={props.itemlabel}\n            itemlink={props.itemlink}\n            itemicon={props.itemicon}\n            itembadge={props.itembadge}\n            isactive={props.isactive}\n            itemchildren={props.itemchildren}></WmMenu>\n        </View>) : null}\n        {props.picturesource &&\n          (<WmPicture\n            picturesource={props.picturesource}\n            styles={this.theme.mergeStyle({root : {height: props.imageheight}}, this.styles.picture)}></WmPicture>\n        )}\n      </View>);\n  }\n\n  public renderSkeleton(props: WmCardProps): React.ReactNode {\n    if(!props.showskeletonchildren) {\n      const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n      return createSkeleton(this.theme, skeletonStyles, {\n        ...this.styles.root\n      }, (<View style={[this.styles.root, { opacity: 0 }]}>\n        {props.children}\n      </View>))\n    }\n    return null;\n  }\n\n  renderWidget(props: WmCardProps) {\n       return (\n      <View\n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        <Tappable {...this.getTestPropsForAction()} target={this} styles={{width: '100%', height: this.styles.root.height ? '100%' : null}} disableTouchEffect={this.state.props.disabletoucheffect}>\n            {this.renderHeader(props)}\n            {props.children}\n        </Tappable>\n      </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/data/card/card.props.js

@@ -0,0 +1,27 @@
+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 WmCardProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+    _defineProperty(this, "actions", null);
+    _defineProperty(this, "itemlabel", null);
+    _defineProperty(this, "itemlink", null);
+    _defineProperty(this, "itemicon", null);
+    _defineProperty(this, "itembadge", null);
+    _defineProperty(this, "isactive", null);
+    _defineProperty(this, "itemchildren", null);
+    _defineProperty(this, "iconclass", null);
+    _defineProperty(this, "imageheight", 200);
+    _defineProperty(this, "picturesource", null);
+    _defineProperty(this, "subheading", null);
+    _defineProperty(this, "title", null);
+    _defineProperty(this, "iconurl", null);
+    _defineProperty(this, "iconheight", null);
+    _defineProperty(this, "iconwidth", null);
+    _defineProperty(this, "iconmargin", null);
+  }
+}
+//# sourceMappingURL=card.props.js.map

package/components/data/card/card.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmCardProps","constructor","args","_defineProperty"],"sources":["card.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmCardProps extends BaseProps {\n  children? = null as any;\n  actions?: string = null as any;\n  itemlabel?: string = null as any;\n  itemlink?: string = null as any;\n  itemicon?: string = null as any;\n  itembadge?: string = null as any;\n  isactive?: string = null as any;\n  itemchildren?: string = null as any;\n  iconclass?: string = null as any;\n  imageheight?: number = 200;\n  picturesource?: string = null as any;\n  subheading?: string = null as any;\n  title?: string = 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,WAAW,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBACrC,IAAI;IAAAA,eAAA,kBACG,IAAI;IAAAA,eAAA,oBACF,IAAI;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA,oBACH,IAAI;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,uBACA,IAAI;IAAAA,eAAA,oBACP,IAAI;IAAAA,eAAA,sBACF,GAAG;IAAAA,eAAA,wBACD,IAAI;IAAAA,eAAA,qBACP,IAAI;IAAAA,eAAA,gBACT,IAAI;IAAAA,eAAA,kBACF,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;EAAA;AAC5B","ignoreList":[]}

package/components/data/card/card.styles.js

@@ -0,0 +1,51 @@
+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-card';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      width: '100%'
+    },
+    text: {},
+    cardIcon: {
+      root: {
+        marginTop: 4,
+        marginRight: 8
+      }
+    },
+    heading: {
+      paddingTop: 8,
+      paddingBottom: 8,
+      paddingLeft: 8,
+      paddingRight: 8,
+      backgroundColor: themeVariables.cardHeaderBgColor,
+      flexDirection: 'row',
+      alignContent: 'center',
+      width: '100%'
+    },
+    title: {
+      text: {
+        fontSize: 16,
+        lineHeight: 24,
+        color: themeVariables.cardTitleColor
+      }
+    },
+    subheading: {
+      text: {
+        fontSize: 12,
+        lineHeight: 18,
+        color: themeVariables.cardSubTitleColor
+      }
+    },
+    picture: {
+      root: {
+        width: '100%'
+      }
+    },
+    skeleton: {
+      root: {}
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=card.styles.js.map

package/components/data/card/card.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","text","cardIcon","marginTop","marginRight","heading","paddingTop","paddingBottom","paddingLeft","paddingRight","backgroundColor","cardHeaderBgColor","flexDirection","alignContent","title","fontSize","lineHeight","color","cardTitleColor","subheading","cardSubTitleColor","picture","skeleton"],"sources":["card.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmPictureStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/picture/picture.styles';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmLabelStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.styles';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmCardStyles = BaseStyles & {\n    heading: AllStyle,\n    cardIcon: WmIconStyles,\n    title: WmLabelStyles,\n    subheading: WmLabelStyles,\n    picture: WmPictureStyles,\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-card';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCardStyles = defineStyles({\n        root: {\n            width: '100%',\n        },\n        text: {},\n        cardIcon: {\n            root: {\n                marginTop: 4,\n                marginRight: 8\n            }\n        } as WmIconStyles,\n        heading : {\n            paddingTop: 8,\n            paddingBottom: 8,\n            paddingLeft: 8,\n            paddingRight: 8,\n            backgroundColor: themeVariables.cardHeaderBgColor,\n            flexDirection: 'row',\n            alignContent: 'center',\n            width: '100%'\n        },\n        title: {\n            text: {\n                fontSize: 16,\n                lineHeight: 24,\n                color: themeVariables.cardTitleColor\n            }\n        } as WmLabelStyles,\n        subheading: {\n            text: {\n                fontSize: 12,\n                lineHeight: 18,\n                color: themeVariables.cardSubTitleColor\n            }\n        } as WmLabelStyles,\n        picture: {\n            root : {\n                width: '100%'\n            }\n        } as any as WmPictureStyles,\n        skeleton: {\n            root: {\n            }\n        } as any as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,2CAA2C;AAChF,SAAqBC,YAAY,QAAQ,kDAAkD;AAe3F,OAAO,MAAMC,aAAa,GAAG,UAAU;AACvCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA2B,GAAGL,YAAY,CAAC;IAC7CM,IAAI,EAAE;MACFC,KAAK,EAAE;IACX,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNH,IAAI,EAAE;QACFI,SAAS,EAAE,CAAC;QACZC,WAAW,EAAE;MACjB;IACJ,CAAiB;IACjBC,OAAO,EAAG;MACNC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAEd,cAAc,CAACe,iBAAiB;MACjDC,aAAa,EAAE,KAAK;MACpBC,YAAY,EAAE,QAAQ;MACtBb,KAAK,EAAE;IACX,CAAC;IACDc,KAAK,EAAE;MACHb,IAAI,EAAE;QACFc,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE,EAAE;QACdC,KAAK,EAAErB,cAAc,CAACsB;MAC1B;IACJ,CAAkB;IAClBC,UAAU,EAAE;MACRlB,IAAI,EAAE;QACFc,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE,EAAE;QACdC,KAAK,EAAErB,cAAc,CAACwB;MAC1B;IACJ,CAAkB;IAClBC,OAAO,EAAE;MACLtB,IAAI,EAAG;QACHC,KAAK,EAAE;MACX;IACJ,CAA2B;IAC3BsB,QAAQ,EAAE;MACNvB,IAAI,EAAE,CACN;IACJ;EACJ,CAAC,CAAC;EAEFF,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/data/form/form-action/form-action.component.js

@@ -0,0 +1,35 @@
+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 { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmButton from '@wavemaker-ai/app-rn-runtime/components/basic/button/button.component';
+import WmFormActionProps from './form-action.props';
+import { DEFAULT_CLASS } from './form-action.styles';
+import { debounce } from "lodash";
+export class WmFormActionState extends BaseComponentState {}
+export default class WmFormAction extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmFormActionProps());
+    _defineProperty(this, "_debouncedFormAction", debounce(this.onClick, 250));
+  }
+  onClick($event, cb) {
+    cb && cb($event);
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(WmButton, {
+      id: this.getTestId(),
+      show: props.show,
+      disabled: props.disabled,
+      caption: props.displayName,
+      styles: this.styles,
+      name: props.name,
+      iconclass: props.iconclass,
+      iconposition: props.iconposition,
+      onTap: $event => {
+        this._debouncedFormAction($event, props.formAction);
+      }
+    });
+  }
+}
+//# sourceMappingURL=form-action.component.js.map

package/components/data/form/form-action/form-action.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmButton","WmFormActionProps","DEFAULT_CLASS","debounce","WmFormActionState","WmFormAction","constructor","props","_defineProperty","onClick","$event","cb","renderWidget","createElement","id","getTestId","show","disabled","caption","displayName","styles","name","iconclass","iconposition","onTap","_debouncedFormAction","formAction"],"sources":["form-action.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmButton from '@wavemaker-ai/app-rn-runtime/components/basic/button/button.component';\nimport { SyntheticEvent } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\n\nimport WmFormActionProps from './form-action.props';\nimport { DEFAULT_CLASS, WmFormActionStyles } from './form-action.styles';\nimport {debounce} from \"lodash\";\nimport WmSkeleton, { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { ThemeConsumer } from '@wavemaker-ai/app-rn-runtime/styles/theme';\n\nexport class WmFormActionState extends BaseComponentState<WmFormActionProps> {}\n\nexport default class WmFormAction extends BaseComponent<WmFormActionProps, WmFormActionState, WmFormActionStyles> {\n\n  constructor(props: WmFormActionProps) {\n    super(props, DEFAULT_CLASS, new WmFormActionProps());\n  }\n\n  private _debouncedFormAction = debounce(this.onClick, 250);\n\n  onClick($event: SyntheticEvent, cb: Function | undefined) {\n    cb && cb($event);\n  }\n\n  renderWidget(props: WmFormActionProps) {\n    return (\n      <WmButton\n        id={this.getTestId()}\n        show={props.show}\n        disabled={props.disabled}\n        caption={props.displayName}\n        styles={this.styles}\n        name={props.name}\n        iconclass={props.iconclass}\n        iconposition={props.iconposition}\n        onTap={($event: any) => {\n          this._debouncedFormAction($event, props.formAction);\n        }}\n      />\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AACpG,OAAOC,QAAQ,MAAM,uEAAuE;AAG5F,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AACxE,SAAQC,QAAQ,QAAO,QAAQ;AAI/B,OAAO,MAAMC,iBAAiB,SAASL,kBAAkB,CAAoB;AAE7E,eAAe,MAAMM,YAAY,SAASP,aAAa,CAA2D;EAEhHQ,WAAWA,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,CAAC;IAACO,eAAA,+BAGxBL,QAAQ,CAAC,IAAI,CAACM,OAAO,EAAE,GAAG,CAAC;EAF1D;EAIAA,OAAOA,CAACC,MAAsB,EAAEC,EAAwB,EAAE;IACxDA,EAAE,IAAIA,EAAE,CAACD,MAAM,CAAC;EAClB;EAEAE,YAAYA,CAACL,KAAwB,EAAE;IACrC,oBACEV,KAAA,CAAAgB,aAAA,CAACb,QAAQ;MACPc,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,CAAE;MACrBC,IAAI,EAAET,KAAK,CAACS,IAAK;MACjBC,QAAQ,EAAEV,KAAK,CAACU,QAAS;MACzBC,OAAO,EAAEX,KAAK,CAACY,WAAY;MAC3BC,MAAM,EAAE,IAAI,CAACA,MAAO;MACpBC,IAAI,EAAEd,KAAK,CAACc,IAAK;MACjBC,SAAS,EAAEf,KAAK,CAACe,SAAU;MAC3BC,YAAY,EAAEhB,KAAK,CAACgB,YAAa;MACjCC,KAAK,EAAGd,MAAW,IAAK;QACtB,IAAI,CAACe,oBAAoB,CAACf,MAAM,EAAEH,KAAK,CAACmB,UAAU,CAAC;MACrD;IAAE,CACH,CAAC;EAEN;AACF","ignoreList":[]}