@wavemaker/app-rn-runtime 12.0.0-next.45752 → 12.0.0-next.47809

package/components/data/list/list-template/list-template.component.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { View } from 'react-native';
+import { isNil } from 'lodash';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmListTemplateProps from './list-template.props';
+import { DEFAULT_CLASS } from './list-template.styles';
+import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
+export class WmListTemplateState extends BaseComponentState {}
+export default class WmListTemplate extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmListTemplateProps());
+  }
+  renderWidget(props) {
+    var _style;
+    if (this._showSkeleton && !props.showskeletonchildren) {
+      return createSkeleton(this.theme, this.styles.skeleton, {
+        ...this.styles.root
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [this.styles.root, {
+          opacity: 0
+        }]
+      }, props.children));
+    }
+    const list = this.parent;
+    const listProps = list.state.props;
+    const isHorizontalList = listProps.direction === 'horizontal';
+    const noOfCols = list.getNoOfColumns();
+    let style = this.theme.getStyle(isHorizontalList ? 'horizontal-list-template' : 'vertical-list-template');
+    if (isNil(style['flex']) && !isHorizontalList && noOfCols === 1) {
+      style = this.theme.mergeStyle({
+        root: {
+          flex: 1
+        }
+      }, style);
+    }
+    const styles = [this.styles.root, (_style = style) === null || _style === void 0 ? void 0 : _style.root];
+    if (this._showSkeleton) {
+      styles.push(this.styles.skeleton.root);
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=list-template.component.js.map

package/components/data/list/list-template/list-template.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","isNil","BaseComponent","BaseComponentState","WmListTemplateProps","DEFAULT_CLASS","createSkeleton","WmListTemplateState","WmListTemplate","constructor","props","renderWidget","_style","_showSkeleton","showskeletonchildren","theme","styles","skeleton","root","createElement","style","opacity","children","list","parent","listProps","state","isHorizontalList","direction","noOfCols","getNoOfColumns","getStyle","mergeStyle","flex","push","onLayout","event","handleLayout","_background"],"sources":["list-template.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { isNil } from 'lodash';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmListTemplateProps from './list-template.props';\nimport { DEFAULT_CLASS, WmListTemplateStyles } from './list-template.styles';\nimport WmList from '../list.component';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmListTemplateState extends BaseComponentState<WmListTemplateProps> {\n\n}\n\nexport default class WmListTemplate extends BaseComponent<WmListTemplateProps, WmListTemplateState, WmListTemplateStyles> {\n\n  constructor(props: WmListTemplateProps) {\n    super(props, DEFAULT_CLASS, new WmListTemplateProps());\n  }\n\n  renderWidget(props: WmListTemplateProps) {\n\n    if(this._showSkeleton && !props.showskeletonchildren) {  \n      return createSkeleton(this.theme, this.styles.skeleton, {\n        ...this.styles.root,\n       }, (<View style={[this.styles.root, {opacity: 0}]}>\n        {props.children}\n      </View>))\n    }\n    \n    const list = (this.parent as WmList);\n    const listProps = list.state.props;\n    const isHorizontalList = listProps.direction === 'horizontal';\n    const noOfCols = list.getNoOfColumns();\n    let style = this.theme.getStyle( isHorizontalList ? 'horizontal-list-template' : 'vertical-list-template');\n    if (isNil(style['flex']) && !isHorizontalList && noOfCols === 1) {\n        style = this.theme.mergeStyle({root: {flex: 1}}, style);\n    }\n    const styles = [this.styles.root, style?.root];\n    if(this._showSkeleton) {\n      styles.push(this.styles.skeleton.root)\n    }\n    return (\n      <View \n        style={styles}\n        onLayout={(event) => this.handleLayout(event)}\n      >{this._background}{props.children}</View>\n    ); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,KAAK,QAAQ,QAAQ;AAC9B,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,aAAa,QAA8B,wBAAwB;AAE5E,SAASC,cAAc,QAAQ,wEAAwE;AAEvG,OAAO,MAAMC,mBAAmB,SAASJ,kBAAkB,CAAsB;AAIjF,eAAe,MAAMK,cAAc,SAASN,aAAa,CAAiE;EAExHO,WAAWA,CAACC,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,mBAAmB,CAAC,CAAC,CAAC;EACxD;EAEAO,YAAYA,CAACD,KAA0B,EAAE;IAAA,IAAAE,MAAA;IAEvC,IAAG,IAAI,CAACC,aAAa,IAAI,CAACH,KAAK,CAACI,oBAAoB,EAAE;MACpD,OAAOR,cAAc,CAAC,IAAI,CAACS,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,QAAQ,EAAE;QACtD,GAAG,IAAI,CAACD,MAAM,CAACE;MAChB,CAAC,eAAGnB,KAAA,CAAAoB,aAAA,CAACnB,IAAI;QAACoB,KAAK,EAAE,CAAC,IAAI,CAACJ,MAAM,CAACE,IAAI,EAAE;UAACG,OAAO,EAAE;QAAC,CAAC;MAAE,GAChDX,KAAK,CAACY,QACH,CAAE,CAAC;IACX;IAEA,MAAMC,IAAI,GAAI,IAAI,CAACC,MAAiB;IACpC,MAAMC,SAAS,GAAGF,IAAI,CAACG,KAAK,CAAChB,KAAK;IAClC,MAAMiB,gBAAgB,GAAGF,SAAS,CAACG,SAAS,KAAK,YAAY;IAC7D,MAAMC,QAAQ,GAAGN,IAAI,CAACO,cAAc,CAAC,CAAC;IACtC,IAAIV,KAAK,GAAG,IAAI,CAACL,KAAK,CAACgB,QAAQ,CAAEJ,gBAAgB,GAAG,0BAA0B,GAAG,wBAAwB,CAAC;IAC1G,IAAI1B,KAAK,CAACmB,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAACO,gBAAgB,IAAIE,QAAQ,KAAK,CAAC,EAAE;MAC7DT,KAAK,GAAG,IAAI,CAACL,KAAK,CAACiB,UAAU,CAAC;QAACd,IAAI,EAAE;UAACe,IAAI,EAAE;QAAC;MAAC,CAAC,EAAEb,KAAK,CAAC;IAC3D;IACA,MAAMJ,MAAM,GAAG,CAAC,IAAI,CAACA,MAAM,CAACE,IAAI,GAAAN,MAAA,GAAEQ,KAAK,cAAAR,MAAA,uBAALA,MAAA,CAAOM,IAAI,CAAC;IAC9C,IAAG,IAAI,CAACL,aAAa,EAAE;MACrBG,MAAM,CAACkB,IAAI,CAAC,IAAI,CAAClB,MAAM,CAACC,QAAQ,CAACC,IAAI,CAAC;IACxC;IACA,oBACEnB,KAAA,CAAAoB,aAAA,CAACnB,IAAI;MACHoB,KAAK,EAAEJ,MAAO;MACdmB,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAC9C,IAAI,CAACE,WAAW,EAAE5B,KAAK,CAACY,QAAe,CAAC;EAE9C;AACF","ignoreList":[]}

package/components/data/list/list-template/list-template.props.js

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

package/components/data/list/list-template/list-template.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmListTemplateProps","constructor","args","_defineProperty"],"sources":["list-template.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmListTemplateProps extends BaseProps {\n  children: any;\n  showskeletonchildren = true;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,mBAAmB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,+BAElC,IAAI;EAAA;AAC7B","ignoreList":[]}

package/components/data/list/list-template/list-template.styles.js

@@ -0,0 +1,35 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-list-template';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      backgroundColor: themeVariables.listHeaderBgColor
+    },
+    text: {},
+    skeleton: {
+      root: {
+        backgroundColor: themeVariables.skeletonBgColor,
+        paddingLeft: 10,
+        paddingRight: 10,
+        paddingTop: 16,
+        paddingBottom: 16,
+        flex: 1
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle('list-card-template', '', {
+    root: {
+      borderBottomWidth: 0
+      // marginLeft: 35,
+    }
+  });
+  addStyle('horizontal-list-template', '', {
+    root: {}
+  });
+  addStyle('vertical-list-template', '', {
+    root: {}
+  });
+});
+//# sourceMappingURL=list-template.styles.js.map

package/components/data/list/list-template/list-template.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","backgroundColor","listHeaderBgColor","text","skeleton","skeletonBgColor","paddingLeft","paddingRight","paddingTop","paddingBottom","flex","borderBottomWidth"],"sources":["list-template.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmListTemplateStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-list-template';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmListTemplateStyles = defineStyles<WmListTemplateStyles>({\n        root: {\n            backgroundColor: themeVariables.listHeaderBgColor,\n        },\n        text: {},\n        skeleton: {\n            root: {\n                backgroundColor: themeVariables.skeletonBgColor,\n                paddingLeft: 10,\n                paddingRight: 10,\n                paddingTop: 16,\n                paddingBottom: 16,\n                flex: 1\n            }\n        } as any as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('list-card-template', '', {\n        root : {\n            borderBottomWidth: 0,\n            // marginLeft: 35,\n        }\n    } as WmListTemplateStyles);\n    addStyle('horizontal-list-template', '', {\n        root : {}\n    } as WmListTemplateStyles);\n    addStyle('vertical-list-template', '', {\n        root : {\n        }\n    } as WmListTemplateStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,mBAAmB;AAChDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAmC,GAAGL,YAAY,CAAuB;IAC3EM,IAAI,EAAE;MACFC,eAAe,EAAEJ,cAAc,CAACK;IACpC,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNJ,IAAI,EAAE;QACFC,eAAe,EAAEJ,cAAc,CAACQ,eAAe;QAC/CC,WAAW,EAAE,EAAE;QACfC,YAAY,EAAE,EAAE;QAChBC,UAAU,EAAE,EAAE;QACdC,aAAa,EAAE,EAAE;QACjBC,IAAI,EAAE;MACV;IACJ;EACJ,CAAC,CAAC;EAEFZ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,oBAAoB,EAAE,EAAE,EAAE;IAC/BE,IAAI,EAAG;MACHW,iBAAiB,EAAE;MACnB;IACJ;EACJ,CAAyB,CAAC;EAC1Bb,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAE;IACrCE,IAAI,EAAG,CAAC;EACZ,CAAyB,CAAC;EAC1BF,QAAQ,CAAC,wBAAwB,EAAE,EAAE,EAAE;IACnCE,IAAI,EAAG,CACP;EACJ,CAAyB,CAAC;AAC9B,CAAC,CAAC","ignoreList":[]}