@wavemaker/app-rn-runtime 11.4.0-next.24663 → 11.4.0-next.24667

app-rn-runtime/components/container/linearlayout/linearlayout.component.js

@@ -19,6 +19,7 @@ export default class WmLinearlayout extends BaseComponent {
     const s = {};
     const direction = props.direction;
     s.display = 'flex';
+    s.width = "100%";
     s.flexDirection = direction;
     const isHorizontal = direction.startsWith('row');
     if (isHorizontal) {

app-rn-runtime/components/container/linearlayout/linearlayout.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmLinearlayoutProps","DEFAULT_CLASS","ALIGNMENT_MAP","WmLinearlayoutState","WmLinearlayout","constructor","props","getStyles","s","direction","display","flexDirection","isHorizontal","startsWith","justifyContent","horizontalalign","alignItems","verticalalign","renderWidget","createElement","style","styles","root","_background","children"],"sources":["linearlayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewStyle } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLinearlayoutProps from './linearlayout.props';\nimport { DEFAULT_CLASS, WmLinearlayoutStyles } from './linearlayout.styles';\n\nconst ALIGNMENT_MAP = {\n  'top':  'flex-start',\n  'left': 'flex-start',\n  'center': 'center',\n  'right': 'flex-end',\n  'bottom': 'flex-end'\n} as any;\n\nexport class WmLinearlayoutState extends BaseComponentState<WmLinearlayoutProps> {}\n\nexport default class WmLinearlayout extends BaseComponent<WmLinearlayoutProps, WmLinearlayoutState, WmLinearlayoutStyles> {\n\n  constructor(props: WmLinearlayoutProps) {\n    super(props, DEFAULT_CLASS, new WmLinearlayoutProps());\n  }\n\n  getStyles(props: WmLinearlayoutProps) {\n    const s = {} as ViewStyle;\n    const direction = props.direction;\n    s.display = 'flex';\n    s.flexDirection = direction;\n    const isHorizontal = direction.startsWith('row');\n    if (isHorizontal) {\n      s.justifyContent = ALIGNMENT_MAP[props.horizontalalign];\n      s.alignItems = ALIGNMENT_MAP[props.verticalalign];\n    } else {\n      s.justifyContent = ALIGNMENT_MAP[props.verticalalign];\n      s.alignItems = ALIGNMENT_MAP[props.horizontalalign];\n    }\n    return s;\n  }\n\n  renderWidget(props: WmLinearlayoutProps) {\n    return (<View style={{...this.getStyles(props), ...this.styles.root}}>\n      {this._background}{props.children}\n      </View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAmB,cAAc;AAC9C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,mBAAmB,MAAM,sBAAsB;AACtD,SAASC,aAAa,QAA8B,uBAAuB;AAE3E,MAAMC,aAAa,GAAG;EACpB,KAAK,EAAG,YAAY;EACpB,MAAM,EAAE,YAAY;EACpB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,UAAU;EACnB,QAAQ,EAAE;AACZ,CAAQ;AAER,OAAO,MAAMC,mBAAmB,SAASJ,kBAAkB,CAAsB;AAEjF,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,SAASA,CAACD,KAA0B,EAAE;IACpC,MAAME,CAAC,GAAG,CAAC,CAAc;IACzB,MAAMC,SAAS,GAAGH,KAAK,CAACG,SAAS;IACjCD,CAAC,CAACE,OAAO,GAAG,MAAM;IAClBF,CAAC,CAACG,aAAa,GAAGF,SAAS;IAC3B,MAAMG,YAAY,GAAGH,SAAS,CAACI,UAAU,CAAC,KAAK,CAAC;IAChD,IAAID,YAAY,EAAE;MAChBJ,CAAC,CAACM,cAAc,GAAGZ,aAAa,CAACI,KAAK,CAACS,eAAe,CAAC;MACvDP,CAAC,CAACQ,UAAU,GAAGd,aAAa,CAACI,KAAK,CAACW,aAAa,CAAC;IACnD,CAAC,MAAM;MACLT,CAAC,CAACM,cAAc,GAAGZ,aAAa,CAACI,KAAK,CAACW,aAAa,CAAC;MACrDT,CAAC,CAACQ,UAAU,GAAGd,aAAa,CAACI,KAAK,CAACS,eAAe,CAAC;IACrD;IACA,OAAOP,CAAC;EACV;EAEAU,YAAYA,CAACZ,KAA0B,EAAE;IACvC,oBAAQV,KAAA,CAAAuB,aAAA,CAACtB,IAAI;MAACuB,KAAK,EAAE;QAAC,GAAG,IAAI,CAACb,SAAS,CAACD,KAAK,CAAC;QAAE,GAAG,IAAI,CAACe,MAAM,CAACC;MAAI;IAAE,GAClE,IAAI,CAACC,WAAW,EAAEjB,KAAK,CAACkB,QACnB,CAAC;EACX;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmLinearlayoutProps","DEFAULT_CLASS","ALIGNMENT_MAP","WmLinearlayoutState","WmLinearlayout","constructor","props","getStyles","s","direction","display","width","flexDirection","isHorizontal","startsWith","justifyContent","horizontalalign","alignItems","verticalalign","renderWidget","createElement","style","styles","root","_background","children"],"sources":["linearlayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewStyle } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLinearlayoutProps from './linearlayout.props';\nimport { DEFAULT_CLASS, WmLinearlayoutStyles } from './linearlayout.styles';\n\nconst ALIGNMENT_MAP = {\n  'top':  'flex-start',\n  'left': 'flex-start',\n  'center': 'center',\n  'right': 'flex-end',\n  'bottom': 'flex-end'\n} as any;\n\nexport class WmLinearlayoutState extends BaseComponentState<WmLinearlayoutProps> {}\n\nexport default class WmLinearlayout extends BaseComponent<WmLinearlayoutProps, WmLinearlayoutState, WmLinearlayoutStyles> {\n\n  constructor(props: WmLinearlayoutProps) {\n    super(props, DEFAULT_CLASS, new WmLinearlayoutProps());\n  }\n\n  getStyles(props: WmLinearlayoutProps) {\n    const s = {} as ViewStyle;\n    const direction = props.direction;\n    s.display = 'flex';\n    s.width = \"100%\";\n    s.flexDirection = direction;\n    const isHorizontal = direction.startsWith('row');\n    if (isHorizontal) {\n      s.justifyContent = ALIGNMENT_MAP[props.horizontalalign];\n      s.alignItems = ALIGNMENT_MAP[props.verticalalign];\n    } else {\n      s.justifyContent = ALIGNMENT_MAP[props.verticalalign];\n      s.alignItems = ALIGNMENT_MAP[props.horizontalalign];\n    }\n    return s;\n  }\n\n  renderWidget(props: WmLinearlayoutProps) {\n    return (<View style={{...this.getStyles(props), ...this.styles.root}}>\n      {this._background}{props.children}\n      </View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAmB,cAAc;AAC9C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,mBAAmB,MAAM,sBAAsB;AACtD,SAASC,aAAa,QAA8B,uBAAuB;AAE3E,MAAMC,aAAa,GAAG;EACpB,KAAK,EAAG,YAAY;EACpB,MAAM,EAAE,YAAY;EACpB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,UAAU;EACnB,QAAQ,EAAE;AACZ,CAAQ;AAER,OAAO,MAAMC,mBAAmB,SAASJ,kBAAkB,CAAsB;AAEjF,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,SAASA,CAACD,KAA0B,EAAE;IACpC,MAAME,CAAC,GAAG,CAAC,CAAc;IACzB,MAAMC,SAAS,GAAGH,KAAK,CAACG,SAAS;IACjCD,CAAC,CAACE,OAAO,GAAG,MAAM;IAClBF,CAAC,CAACG,KAAK,GAAG,MAAM;IAChBH,CAAC,CAACI,aAAa,GAAGH,SAAS;IAC3B,MAAMI,YAAY,GAAGJ,SAAS,CAACK,UAAU,CAAC,KAAK,CAAC;IAChD,IAAID,YAAY,EAAE;MAChBL,CAAC,CAACO,cAAc,GAAGb,aAAa,CAACI,KAAK,CAACU,eAAe,CAAC;MACvDR,CAAC,CAACS,UAAU,GAAGf,aAAa,CAACI,KAAK,CAACY,aAAa,CAAC;IACnD,CAAC,MAAM;MACLV,CAAC,CAACO,cAAc,GAAGb,aAAa,CAACI,KAAK,CAACY,aAAa,CAAC;MACrDV,CAAC,CAACS,UAAU,GAAGf,aAAa,CAACI,KAAK,CAACU,eAAe,CAAC;IACrD;IACA,OAAOR,CAAC;EACV;EAEAW,YAAYA,CAACb,KAA0B,EAAE;IACvC,oBAAQV,KAAA,CAAAwB,aAAA,CAACvB,IAAI;MAACwB,KAAK,EAAE;QAAC,GAAG,IAAI,CAACd,SAAS,CAACD,KAAK,CAAC;QAAE,GAAG,IAAI,CAACgB,MAAM,CAACC;MAAI;IAAE,GAClE,IAAI,CAACC,WAAW,EAAElB,KAAK,CAACmB,QACnB,CAAC;EACX;AACF"}

app-rn-runtime/components/container/linearlayout/linearlayoutitem/linearlayoutitem.component.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { View } from 'react-native';
+import { View, Platform } from 'react-native';
 import { isNil } from 'lodash-es';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import WmLinearlayoutitemProps from './linearlayoutitem.props';
@@ -16,7 +16,7 @@ export default class WmLinearlayoutitem extends BaseComponent {
         ...this.styles.root,
         flexGrow: props.flexgrow,
         flexShrink: isNil(props.flexshrink) ? props.flexgrow : props.flexshrink,
-        flexBasis: props.flexgrow && (direction === 'row' || direction === 'row-reverse') ? 0 : 'auto'
+        flexBasis: Platform.OS == "web" ? 'auto' : props.flexgrow && (direction === 'row' || direction === 'row-reverse') ? 0 : 'auto'
       }
     }, this._background, props.children);
   }

app-rn-runtime/components/container/linearlayout/linearlayoutitem/linearlayoutitem.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","isNil","BaseComponent","BaseComponentState","WmLinearlayoutitemProps","DEFAULT_CLASS","WmLinearlayoutitemState","WmLinearlayoutitem","constructor","props","renderWidget","direction","parent","state","createElement","style","styles","root","flexGrow","flexgrow","flexShrink","flexshrink","flexBasis","_background","children"],"sources":["linearlayoutitem.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { isNil } from 'lodash-es';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLinearlayout from '../linearlayout.component';\nimport WmLinearlayoutitemProps from './linearlayoutitem.props';\nimport { DEFAULT_CLASS, WmLinearlayoutitemStyles } from './linearlayoutitem.styles';\n\nexport class WmLinearlayoutitemState extends BaseComponentState<WmLinearlayoutitemProps> {}\n\nexport default class WmLinearlayoutitem extends BaseComponent<WmLinearlayoutitemProps, WmLinearlayoutitemState, WmLinearlayoutitemStyles> {\n\n  constructor(props: WmLinearlayoutitemProps) {\n    super(props, DEFAULT_CLASS, new WmLinearlayoutitemProps());\n  }\n\n  renderWidget(props: WmLinearlayoutitemProps) {\n    const direction = (this.parent as WmLinearlayout).state.props.direction;\n    return (<View style={{\n      ...this.styles.root,\n      flexGrow: props.flexgrow,\n      flexShrink: isNil(props.flexshrink) ? props.flexgrow : props.flexshrink,\n      flexBasis:  props.flexgrow && (direction === 'row' || direction === 'row-reverse') ? 0 : 'auto'\n    }}>{this._background}{props.children}</View>); \n  }\n}"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,KAAK,QAAQ,WAAW;AACjC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAGjG,OAAOC,uBAAuB,MAAM,0BAA0B;AAC9D,SAASC,aAAa,QAAkC,2BAA2B;AAEnF,OAAO,MAAMC,uBAAuB,SAASH,kBAAkB,CAA0B;AAEzF,eAAe,MAAMI,kBAAkB,SAASL,aAAa,CAA6E;EAExIM,WAAWA,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,uBAAuB,CAAC,CAAC,CAAC;EAC5D;EAEAM,YAAYA,CAACD,KAA8B,EAAE;IAC3C,MAAME,SAAS,GAAI,IAAI,CAACC,MAAM,CAAoBC,KAAK,CAACJ,KAAK,CAACE,SAAS;IACvE,oBAAQZ,KAAA,CAAAe,aAAA,CAACd,IAAI;MAACe,KAAK,EAAE;QACnB,GAAG,IAAI,CAACC,MAAM,CAACC,IAAI;QACnBC,QAAQ,EAAET,KAAK,CAACU,QAAQ;QACxBC,UAAU,EAAEnB,KAAK,CAACQ,KAAK,CAACY,UAAU,CAAC,GAAGZ,KAAK,CAACU,QAAQ,GAAGV,KAAK,CAACY,UAAU;QACvEC,SAAS,EAAGb,KAAK,CAACU,QAAQ,KAAKR,SAAS,KAAK,KAAK,IAAIA,SAAS,KAAK,aAAa,CAAC,GAAG,CAAC,GAAG;MAC3F;IAAE,GAAE,IAAI,CAACY,WAAW,EAAEd,KAAK,CAACe,QAAe,CAAC;EAC9C;AACF"}
+{"version":3,"names":["React","View","Platform","isNil","BaseComponent","BaseComponentState","WmLinearlayoutitemProps","DEFAULT_CLASS","WmLinearlayoutitemState","WmLinearlayoutitem","constructor","props","renderWidget","direction","parent","state","createElement","style","styles","root","flexGrow","flexgrow","flexShrink","flexshrink","flexBasis","OS","_background","children"],"sources":["linearlayoutitem.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Platform } from 'react-native';\nimport { isNil } from 'lodash-es';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLinearlayout from '../linearlayout.component';\nimport WmLinearlayoutitemProps from './linearlayoutitem.props';\nimport { DEFAULT_CLASS, WmLinearlayoutitemStyles } from './linearlayoutitem.styles';\n\nexport class WmLinearlayoutitemState extends BaseComponentState<WmLinearlayoutitemProps> {}\n\nexport default class WmLinearlayoutitem extends BaseComponent<WmLinearlayoutitemProps, WmLinearlayoutitemState, WmLinearlayoutitemStyles> {\n\n  constructor(props: WmLinearlayoutitemProps) {\n    super(props, DEFAULT_CLASS, new WmLinearlayoutitemProps());\n  }\n\n  renderWidget(props: WmLinearlayoutitemProps) {\n    const direction = (this.parent as WmLinearlayout).state.props.direction;\n    return (<View style={{\n      ...this.styles.root,\n      flexGrow: props.flexgrow,\n      flexShrink: isNil(props.flexshrink) ? props.flexgrow : props.flexshrink,\n      flexBasis:  Platform.OS == \"web\" ? 'auto' : (props.flexgrow && (direction === 'row' || direction === 'row-reverse') ? 0 : 'auto')\n    }}>{this._background}{props.children}</View>); \n  }\n}"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AAC7C,SAASC,KAAK,QAAQ,WAAW;AACjC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAGjG,OAAOC,uBAAuB,MAAM,0BAA0B;AAC9D,SAASC,aAAa,QAAkC,2BAA2B;AAEnF,OAAO,MAAMC,uBAAuB,SAASH,kBAAkB,CAA0B;AAEzF,eAAe,MAAMI,kBAAkB,SAASL,aAAa,CAA6E;EAExIM,WAAWA,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,uBAAuB,CAAC,CAAC,CAAC;EAC5D;EAEAM,YAAYA,CAACD,KAA8B,EAAE;IAC3C,MAAME,SAAS,GAAI,IAAI,CAACC,MAAM,CAAoBC,KAAK,CAACJ,KAAK,CAACE,SAAS;IACvE,oBAAQb,KAAA,CAAAgB,aAAA,CAACf,IAAI;MAACgB,KAAK,EAAE;QACnB,GAAG,IAAI,CAACC,MAAM,CAACC,IAAI;QACnBC,QAAQ,EAAET,KAAK,CAACU,QAAQ;QACxBC,UAAU,EAAEnB,KAAK,CAACQ,KAAK,CAACY,UAAU,CAAC,GAAGZ,KAAK,CAACU,QAAQ,GAAGV,KAAK,CAACY,UAAU;QACvEC,SAAS,EAAGtB,QAAQ,CAACuB,EAAE,IAAI,KAAK,GAAG,MAAM,GAAId,KAAK,CAACU,QAAQ,KAAKR,SAAS,KAAK,KAAK,IAAIA,SAAS,KAAK,aAAa,CAAC,GAAG,CAAC,GAAG;MAC5H;IAAE,GAAE,IAAI,CAACa,WAAW,EAAEf,KAAK,CAACgB,QAAe,CAAC;EAC9C;AACF"}

app-rn-runtime/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wavemaker/app-rn-runtime",
-  "version": "11.4.0-next.24663",
+  "version": "11.4.0-next.24667",
   "description": "''",
   "main": "index",
   "module": "index",
@@ -49,7 +49,7 @@
     "@react-navigation/native": "6.1.7",
     "@react-navigation/stack": "^6.3.7",
     "@types/lodash-es": "^4.17.6",
-    "@wavemaker/variables": "11.4.0-next.24663",
+    "@wavemaker/variables": "11.4.0-next.24667",
     "axios": "^1.4.0",
     "color": "4.2.3",
     "cross-env": "^5.2.0",
@@ -127,7 +127,7 @@
     "typescript": "^5.1.3",
     "victory-native": "36.6.11",
     "yargs": "^16.2.0",
-    "@wavemaker/variables": "11.4.0-next.24663"
+    "@wavemaker/variables": "11.4.0-next.24667"
   },
   "jest": {
     "preset": "react-native",