npm - @wavemaker/app-rn-runtime - Versions diffs - 11.4.0-next.24568 → 11.4.0-next.24569 - Mend

@wavemaker/app-rn-runtime 11.4.0-next.24568 → 11.4.0-next.24569

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (438) hide show

app-rn-runtime/components/container/layoutgrid/gridcolumn/gridcolumn.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmGridcolumnProps","DEFAULT_CLASS","WmGridcolumnState","WmGridcolumn","constructor","props","renderWidget","styles","root","height","overflow","undefined","theme","getStyle","xscolumnwidth","columnwidth","width","_background","children"],"sources":["gridcolumn.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmGridcolumnProps from './gridcolumn.props';\nimport { DEFAULT_CLASS, WmGridColumnStyles } from './gridcolumn.styles';\n\nexport class WmGridcolumnState extends BaseComponentState<WmGridcolumnProps> {\n\n}\n\nexport default class WmGridcolumn extends BaseComponent<WmGridcolumnProps, WmGridcolumnState, WmGridColumnStyles> {\n\n constructor(props: WmGridcolumnProps) {\n super(props, DEFAULT_CLASS, new WmGridcolumnProps());\n }\n\n renderWidget(props: WmGridcolumnProps) {\n if (this.styles.root.height) {\n this.styles.root.overflow = undefined;\n }\n const styles = this.theme.getStyle(`col-xs-${props.xscolumnwidth} col-sm-${props.columnwidth}`);\n return (\n <View style={[{width: \"100%\"}, styles.root, this.styles.root]}>{this._background}{props.children}</View>\n );\n }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAEvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAI7E,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,~~WAAW~~,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,~~EAAE~~,CAAC;EACtD;EAEAM,~~YAAY~~,CAACD,KAAwB,EAAE;IACrC,IAAI,IAAI,CAACE,MAAM,CAACC,IAAI,CAACC,MAAM,EAAE;MAC3B,IAAI,CAACF,MAAM,CAACC,IAAI,CAACE,QAAQ,GAAGC,SAAS;IACvC;IACA,MAAMJ,MAAM,GAAG,IAAI,CAACK,KAAK,CAACC,QAAQ,CAAE,UAASR,KAAK,CAACS,aAAc,YAAWT,KAAK,CAACU,WAAY,EAAC,CAAC;IAChG,~~oBACE~~,~~oBAAC~~,IAAI;~~MAAC~~,KAAK,EAAE,CAAC;QAACC,KAAK,EAAE;MAAM,CAAC,~~EAAET~~,MAAM,CAACC,IAAI,EAAE,IAAI,CAACD,MAAM,CAACC,IAAI;IAAE,GAAE,IAAI,~~CAACS~~,WAAW,~~EAAEZ~~,KAAK,~~CAACa~~,~~QAAQ~~,~~CAAQ~~;EAE5G;AACF"}
1	+ {"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmGridcolumnProps","DEFAULT_CLASS","WmGridcolumnState","WmGridcolumn","constructor","props","renderWidget","styles","root","height","overflow","undefined","theme","getStyle","xscolumnwidth","columnwidth","createElement","style","width","_background","children"],"sources":["gridcolumn.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmGridcolumnProps from './gridcolumn.props';\nimport { DEFAULT_CLASS, WmGridColumnStyles } from './gridcolumn.styles';\n\nexport class WmGridcolumnState extends BaseComponentState<WmGridcolumnProps> {\n\n}\n\nexport default class WmGridcolumn extends BaseComponent<WmGridcolumnProps, WmGridcolumnState, WmGridColumnStyles> {\n\n constructor(props: WmGridcolumnProps) {\n super(props, DEFAULT_CLASS, new WmGridcolumnProps());\n }\n\n renderWidget(props: WmGridcolumnProps) {\n if (this.styles.root.height) {\n this.styles.root.overflow = undefined;\n }\n const styles = this.theme.getStyle(`col-xs-${props.xscolumnwidth} col-sm-${props.columnwidth}`);\n return (\n <View style={[{width: \"100%\"}, styles.root, this.styles.root]}>{this._background}{props.children}</View>\n );\n }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAEvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAI7E,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,IAAI,IAAI,CAACE,MAAM,CAACC,IAAI,CAACC,MAAM,EAAE;MAC3B,IAAI,CAACF,MAAM,CAACC,IAAI,CAACE,QAAQ,GAAGC,SAAS;IACvC;IACA,MAAMJ,MAAM,GAAG,IAAI,CAACK,KAAK,CAACC,QAAQ,CAAE,UAASR,KAAK,CAACS,aAAc,YAAWT,KAAK,CAACU,WAAY,EAAC,CAAC;IAChG,oBACEnB,KAAA,CAAAoB,aAAA,CAACnB,IAAI;MAACoB,KAAK,EAAE,CAAC;QAACC,KAAK,EAAE;MAAM,CAAC,EAAEX,MAAM,CAACC,IAAI,EAAE,IAAI,CAACD,MAAM,CAACC,IAAI;IAAE,GAAE,IAAI,CAACW,WAAW,EAAEd,KAAK,CAACe,QAAe,CAAC;EAE5G;AACF"}

app-rn-runtime/components/container/layoutgrid/gridcolumn/gridcolumn.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmGridcolumnProps"],"sources":["gridcolumn.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmGridcolumnProps extends BaseProps {\n children: any;\n columnwidth: number = null as any;\n xscolumnwidth: number = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;~~EAAA~~;IAAA;~~IAAA~~;~~IAAA~~,~~qCAEjC~~,IAAI;~~IAAA~~,~~uCACF~~,IAAI;EAAA;AAC9B"}
1	+ {"version":3,"names":["BaseProps","WmGridcolumnProps","constructor","arguments","_defineProperty"],"sources":["gridcolumn.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmGridcolumnProps extends BaseProps {\n children: any;\n columnwidth: number = null as any;\n xscolumnwidth: number = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,sBAEjC,IAAI;IAAAA,eAAA,wBACF,IAAI;EAAA;AAC9B"}

app-rn-runtime/components/container/layoutgrid/gridrow/gridrow.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmGridrowProps","DEFAULT_CLASS","WmGridrowState","WmGridrow","constructor","props","renderWidget","styles","root","_background","children"],"sources":["gridrow.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmGridrowProps from './gridrow.props';\nimport { DEFAULT_CLASS, WmGridRowStyles } from './gridrow.styles';\n\nexport class WmGridrowState extends BaseComponentState<WmGridrowProps> {\n\n}\n\nexport default class WmGridrow extends BaseComponent<WmGridrowProps, WmGridrowState, WmGridRowStyles> {\n\n constructor(props: WmGridrowProps) {\n super(props, DEFAULT_CLASS, new WmGridrowProps());\n }\n\n renderWidget(props: WmGridrowProps) {\n return (\n <View style={this.styles.root}>{this._background}{props.children}</View>\n ); \n }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AAEjE,OAAO,MAAMC,cAAc,SAASH,kBAAkB,CAAiB;AAIvE,eAAe,MAAMI,SAAS,SAASL,aAAa,CAAkD;EAEpGM,~~WAAW~~,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,cAAc,~~EAAE~~,CAAC;EACnD;EAEAM,~~YAAY~~,CAACD,KAAqB,EAAE;IAClC,~~oBACE~~,~~oBAAC~~,IAAI;~~MAAC~~,KAAK,EAAE,IAAI,~~CAACE~~,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,~~EAAEJ~~,KAAK,~~CAACK~~,~~QAAQ~~,~~CAAQ~~;EAE5E;AACF"}
1	+ {"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmGridrowProps","DEFAULT_CLASS","WmGridrowState","WmGridrow","constructor","props","renderWidget","createElement","style","styles","root","_background","children"],"sources":["gridrow.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmGridrowProps from './gridrow.props';\nimport { DEFAULT_CLASS, WmGridRowStyles } from './gridrow.styles';\n\nexport class WmGridrowState extends BaseComponentState<WmGridrowProps> {\n\n}\n\nexport default class WmGridrow extends BaseComponent<WmGridrowProps, WmGridrowState, WmGridRowStyles> {\n\n constructor(props: WmGridrowProps) {\n super(props, DEFAULT_CLASS, new WmGridrowProps());\n }\n\n renderWidget(props: WmGridrowProps) {\n return (\n <View style={this.styles.root}>{this._background}{props.children}</View>\n ); \n }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AAEjE,OAAO,MAAMC,cAAc,SAASH,kBAAkB,CAAiB;AAIvE,eAAe,MAAMI,SAAS,SAASL,aAAa,CAAkD;EAEpGM,WAAWA,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,cAAc,CAAC,CAAC,CAAC;EACnD;EAEAM,YAAYA,CAACD,KAAqB,EAAE;IAClC,oBACET,KAAA,CAAAW,aAAA,CAACV,IAAI;MAACW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEN,KAAK,CAACO,QAAe,CAAC;EAE5E;AACF"}

app-rn-runtime/components/container/layoutgrid/gridrow/gridrow.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmGridrowProps"],"sources":["gridrow.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmGridrowProps extends BaseProps {\n children: any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;~~EAAA~~;IAAA;~~IAAA~~;EAAA;AAEtD"}
1	+ {"version":3,"names":["BaseProps","WmGridrowProps","constructor","arguments","_defineProperty"],"sources":["gridrow.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmGridrowProps extends BaseProps {\n children: any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;EAAA;AAEtD"}

app-rn-runtime/components/container/layoutgrid/layoutgrid.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmLayoutgridProps","DEFAULT_CLASS","WmLayoutgridState","WmLayoutgrid","constructor","props","renderWidget","styles","root","_background","children"],"sources":["layoutgrid.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLayoutgridProps from './layoutgrid.props';\nimport { DEFAULT_CLASS, WmLayoutGridStyles } from './layoutgrid.styles';\n\nexport class WmLayoutgridState extends BaseComponentState<WmLayoutgridProps> {\n\n}\n\nexport default class WmLayoutgrid extends BaseComponent<WmLayoutgridProps, WmLayoutgridState, WmLayoutGridStyles> {\n\n constructor(props: WmLayoutgridProps) {\n super(props, DEFAULT_CLASS, new WmLayoutgridProps());\n }\n\n renderWidget(props: WmLayoutgridProps) {\n return (\n <View style={this.styles.root}>{this._background}{props.children}</View>\n ); \n }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAEvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAI7E,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,~~WAAW~~,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,~~EAAE~~,CAAC;EACtD;EAEAM,~~YAAY~~,CAACD,KAAwB,EAAE;IACrC,~~oBACE~~,~~oBAAC~~,IAAI;~~MAAC~~,KAAK,EAAE,IAAI,~~CAACE~~,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,~~EAAEJ~~,KAAK,~~CAACK~~,~~QAAQ~~,~~CAAQ~~;EAE5E;AACF"}
1	+ {"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmLayoutgridProps","DEFAULT_CLASS","WmLayoutgridState","WmLayoutgrid","constructor","props","renderWidget","createElement","style","styles","root","_background","children"],"sources":["layoutgrid.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLayoutgridProps from './layoutgrid.props';\nimport { DEFAULT_CLASS, WmLayoutGridStyles } from './layoutgrid.styles';\n\nexport class WmLayoutgridState extends BaseComponentState<WmLayoutgridProps> {\n\n}\n\nexport default class WmLayoutgrid extends BaseComponent<WmLayoutgridProps, WmLayoutgridState, WmLayoutGridStyles> {\n\n constructor(props: WmLayoutgridProps) {\n super(props, DEFAULT_CLASS, new WmLayoutgridProps());\n }\n\n renderWidget(props: WmLayoutgridProps) {\n return (\n <View style={this.styles.root}>{this._background}{props.children}</View>\n ); \n }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAEvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAI7E,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;MAACW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEN,KAAK,CAACO,QAAe,CAAC;EAE5E;AACF"}

app-rn-runtime/components/container/layoutgrid/layoutgrid.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmLayoutgridProps"],"sources":["layoutgrid.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLayoutgridProps extends BaseProps {\n children: any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;~~EAAA~~;IAAA;~~IAAA~~;EAAA;AAEzD"}
1	+ {"version":3,"names":["BaseProps","WmLayoutgridProps","constructor","arguments","_defineProperty"],"sources":["layoutgrid.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLayoutgridProps extends BaseProps {\n children: any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;EAAA;AAEzD"}

app-rn-runtime/components/container/layoutgrid/layoutgrid.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","width","text","backgroundColor","layoutGridBgColor","borderWidth","borderLeftWidth","borderTopWidth","borderStyle","borderColor","layoutGridBorderColor","borderRadius","color","layoutGridHeaderTextColor","fontWeight"],"sources":["layoutgrid.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 { WmLabelStyles } from '@wavemaker/app-rn-runtime/components/basic/label/label.styles';\n\nexport type WmLayoutGridStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-layoutgrid';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmLayoutGridStyles = defineStyles({\n root: {\n flexDirection: 'column',\n width: '100%'\n },\n text: {}\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n addStyle('table', '', {\n root: {\n backgroundColor: themeVariables.layoutGridBgColor,\n borderWidth: 1,\n borderLeftWidth: 1,\n borderTopWidth: 1,\n borderStyle: 'solid',\n borderColor: themeVariables.layoutGridBorderColor,\n borderRadius: 2\n }\n });\n\n addStyle('table-header-label', '', {\n text: {\n color: themeVariables.layoutGridHeaderTextColor,\n fontWeight: 'bold'\n }\n } as WmLabelStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAKxF,OAAO,MAAMC,aAAa,GAAG,gBAAgB;AAC7CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAiC,GAAGL,YAAY,CAAC;IACnDM,IAAI,EAAE;MACJC,aAAa,EAAE,QAAQ;MACvBC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFL,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAE1CD,QAAQ,CAAC,OAAO,EAAE,EAAE,EAAE;IACpBE,IAAI,EAAE;MACJI,eAAe,EAAEP,cAAc,CAACQ,iBAAiB;MACjDC,WAAW,EAAE,CAAC;MACdC,eAAe,EAAE,CAAC;MAClBC,cAAc,EAAE,CAAC;MACjBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEb,cAAc,CAACc,qBAAqB;MACjDC,YAAY,EAAE;IAChB;EACF,CAAC,CAAC;EAEFd,QAAQ,CAAC,oBAAoB,EAAE,EAAE,EAAE;IAC/BK,IAAI,EAAE;MACJU,KAAK,EAAEhB,cAAc,CAACiB,yBAAyB;MAC/CC,UAAU,EAAE;IACd;EACJ,CAAC~~,CAAkB~~;AACrB,CAAC,CAAC"}
1	+ {"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","width","text","backgroundColor","layoutGridBgColor","borderWidth","borderLeftWidth","borderTopWidth","borderStyle","borderColor","layoutGridBorderColor","borderRadius","color","layoutGridHeaderTextColor","fontWeight"],"sources":["layoutgrid.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 { WmLabelStyles } from '@wavemaker/app-rn-runtime/components/basic/label/label.styles';\n\nexport type WmLayoutGridStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-layoutgrid';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmLayoutGridStyles = defineStyles({\n root: {\n flexDirection: 'column',\n width: '100%'\n },\n text: {}\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n addStyle('table', '', {\n root: {\n backgroundColor: themeVariables.layoutGridBgColor,\n borderWidth: 1,\n borderLeftWidth: 1,\n borderTopWidth: 1,\n borderStyle: 'solid',\n borderColor: themeVariables.layoutGridBorderColor,\n borderRadius: 2\n }\n });\n\n addStyle('table-header-label', '', {\n text: {\n color: themeVariables.layoutGridHeaderTextColor,\n fontWeight: 'bold'\n }\n } as WmLabelStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAKxF,OAAO,MAAMC,aAAa,GAAG,gBAAgB;AAC7CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAiC,GAAGL,YAAY,CAAC;IACnDM,IAAI,EAAE;MACJC,aAAa,EAAE,QAAQ;MACvBC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFL,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAE1CD,QAAQ,CAAC,OAAO,EAAE,EAAE,EAAE;IACpBE,IAAI,EAAE;MACJI,eAAe,EAAEP,cAAc,CAACQ,iBAAiB;MACjDC,WAAW,EAAE,CAAC;MACdC,eAAe,EAAE,CAAC;MAClBC,cAAc,EAAE,CAAC;MACjBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEb,cAAc,CAACc,qBAAqB;MACjDC,YAAY,EAAE;IAChB;EACF,CAAC,CAAC;EAEFd,QAAQ,CAAC,oBAAoB,EAAE,EAAE,EAAE;IAC/BK,IAAI,EAAE;MACJU,KAAK,EAAEhB,cAAc,CAACiB,yBAAyB;MAC/CC,UAAU,EAAE;IACd;EACJ,CAAkB,CAAC;AACrB,CAAC,CAAC"}

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

	@@ -1 +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","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,~~WAAW~~,CAACC,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,mBAAmB,~~EAAE~~,CAAC;EACxD;EAEAO,~~SAAS~~,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,~~YAAY~~,CAACZ,KAA0B,EAAE;IACvC,~~oBAAQ~~,~~oBAAC~~,IAAI;~~MAAC~~,KAAK,EAAE;QAAC,GAAG,IAAI,~~CAACC~~,SAAS,CAACD,KAAK,CAAC;QAAE,GAAG,IAAI,~~CAACa~~,MAAM,CAACC;MAAI;IAAE,GAClE,IAAI,CAACC,WAAW,~~EAAEf~~,KAAK,~~CAACgB~~,~~QAAQ~~,~~CAC1B~~;EACX;AACF"}
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"}

app-rn-runtime/components/container/linearlayout/linearlayout.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmLinearlayoutProps"],"sources":["linearlayout.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLinearlayoutProps extends BaseProps {\n children? = [] as any[];\n direction: 'row'\|'row-reverse' \| 'column' \| 'column-reverse' = 'row';\n horizontalalign: 'left' \| 'center' \| 'right' = 'left';\n verticalalign: 'top' \| 'center' \| 'bottom' = 'top';\n spacing = 0;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,mBAAmB,SAASD,SAAS,CAAC;~~EAAA~~;IAAA;~~IAAA~~,~~kCAC3C~~,EAAE;~~IAAA~~,~~mCACiD~~,KAAK;~~IAAA~~,~~yCACrB~~,MAAM;~~IAAA~~,~~uCACR~~,KAAK;~~IAAA~~,~~iCACxC~~,CAAC;EAAA;AACf"}
1	+ {"version":3,"names":["BaseProps","WmLinearlayoutProps","constructor","arguments","_defineProperty"],"sources":["linearlayout.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLinearlayoutProps extends BaseProps {\n children? = [] as any[];\n direction: 'row'\|'row-reverse' \| 'column' \| 'column-reverse' = 'row';\n horizontalalign: 'left' \| 'center' \| 'right' = 'left';\n verticalalign: 'top' \| 'center' \| 'bottom' = 'top';\n spacing = 0;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,mBAAmB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,mBAC3C,EAAE;IAAAA,eAAA,oBACiD,KAAK;IAAAA,eAAA,0BACrB,MAAM;IAAAA,eAAA,wBACR,KAAK;IAAAA,eAAA,kBACxC,CAAC;EAAA;AACf"}

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","isNil","BaseComponent","BaseComponentState","WmLinearlayoutitemProps","DEFAULT_CLASS","WmLinearlayoutitemState","WmLinearlayoutitem","constructor","props","renderWidget","direction","parent","state","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,~~WAAW~~,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,uBAAuB,~~EAAE~~,CAAC;EAC5D;EAEAM,~~YAAY~~,CAACD,KAA8B,EAAE;IAC3C,MAAME,SAAS,GAAI,IAAI,CAACC,MAAM,CAAoBC,KAAK,CAACJ,KAAK,CAACE,SAAS;IACvE,~~oBAAQ~~,~~oBAAC~~,IAAI;~~MAAC~~,KAAK,EAAE;QACnB,GAAG,IAAI,~~CAACG~~,MAAM,CAACC,IAAI;QACnBC,QAAQ,~~EAAEP~~,KAAK,~~CAACQ~~,QAAQ;QACxBC,UAAU,~~EAAEjB~~,KAAK,CAACQ,KAAK,~~CAACU~~,UAAU,CAAC,~~GAAGV~~,KAAK,~~CAACQ~~,QAAQ,~~GAAGR~~,KAAK,~~CAACU~~,UAAU;QACvEC,SAAS,~~EAAGX~~,KAAK,~~CAACQ~~,QAAQ,~~KAAKN~~,SAAS,KAAK,KAAK,IAAIA,SAAS,KAAK,aAAa,CAAC,GAAG,CAAC,GAAG;MAC3F;IAAE,GAAE,IAAI,~~CAACU~~,WAAW,~~EAAEZ~~,KAAK,~~CAACa~~,~~QAAQ~~,~~CAAQ~~;EAC9C;AACF"}
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"}

app-rn-runtime/components/container/linearlayout/linearlayoutitem/linearlayoutitem.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmLinearlayoutitemProps"],"sources":["linearlayoutitem.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLinearlayoutitemProps extends BaseProps {\n children?: any[] = [];\n flexgrow: number = null as any;\n flexshrink: number = null as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,uBAAuB,SAASD,SAAS,CAAC;~~EAAA~~;IAAA;~~IAAA~~,~~kCACxC~~,EAAE;~~IAAA~~,~~kCACF~~,IAAI;~~IAAA~~,~~oCACF~~,IAAI;EAAA;AAC7B"}
1	+ {"version":3,"names":["BaseProps","WmLinearlayoutitemProps","constructor","arguments","_defineProperty"],"sources":["linearlayoutitem.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLinearlayoutitemProps extends BaseProps {\n children?: any[] = [];\n flexgrow: number = null as any;\n flexshrink: number = null as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,uBAAuB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,mBACxC,EAAE;IAAAA,eAAA,mBACF,IAAI;IAAAA,eAAA,qBACF,IAAI;EAAA;AAC7B"}

app-rn-runtime/components/container/panel/panel-content/panel-content.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmPanelContentProps","DEFAULT_CLASS","WmPanelContentState","WmPanelContent","constructor","props","renderWidget","styles","root","_background","children"],"sources":["panel-content.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmPanelContentProps from './panel-content.props';\nimport { DEFAULT_CLASS, WmPanelContentStyles } from './panel-content.styles';\n\nexport class WmPanelContentState extends BaseComponentState<WmPanelContentProps> {}\n\nexport default class WmPanelContent extends BaseComponent<WmPanelContentProps, WmPanelContentState, WmPanelContentStyles> {\n\n constructor(props: WmPanelContentProps) {\n super(props, DEFAULT_CLASS, new WmPanelContentProps());\n }\n\n renderWidget(props: WmPanelContentProps) {\n return (<View style={this.styles.root}>{this._background}{props.children}</View>); \n }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,aAAa,QAA8B,wBAAwB;AAE5E,OAAO,MAAMC,mBAAmB,SAASH,kBAAkB,CAAsB;AAEjF,eAAe,MAAMI,cAAc,SAASL,aAAa,CAAiE;EAExHM,~~WAAW~~,CAACC,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,mBAAmB,~~EAAE~~,CAAC;EACxD;EAEAM,~~YAAY~~,CAACD,KAA0B,EAAE;IACvC,~~oBAAQ~~,~~oBAAC~~,IAAI;~~MAAC~~,KAAK,EAAE,IAAI,~~CAACE~~,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,~~EAAEJ~~,KAAK,~~CAACK~~,~~QAAQ~~,~~CAAQ~~;EAClF;AACF"}
1	+ {"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmPanelContentProps","DEFAULT_CLASS","WmPanelContentState","WmPanelContent","constructor","props","renderWidget","createElement","style","styles","root","_background","children"],"sources":["panel-content.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmPanelContentProps from './panel-content.props';\nimport { DEFAULT_CLASS, WmPanelContentStyles } from './panel-content.styles';\n\nexport class WmPanelContentState extends BaseComponentState<WmPanelContentProps> {}\n\nexport default class WmPanelContent extends BaseComponent<WmPanelContentProps, WmPanelContentState, WmPanelContentStyles> {\n\n constructor(props: WmPanelContentProps) {\n super(props, DEFAULT_CLASS, new WmPanelContentProps());\n }\n\n renderWidget(props: WmPanelContentProps) {\n return (<View style={this.styles.root}>{this._background}{props.children}</View>); \n }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,aAAa,QAA8B,wBAAwB;AAE5E,OAAO,MAAMC,mBAAmB,SAASH,kBAAkB,CAAsB;AAEjF,eAAe,MAAMI,cAAc,SAASL,aAAa,CAAiE;EAExHM,WAAWA,CAACC,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,mBAAmB,CAAC,CAAC,CAAC;EACxD;EAEAM,YAAYA,CAACD,KAA0B,EAAE;IACvC,oBAAQT,KAAA,CAAAW,aAAA,CAACV,IAAI;MAACW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEN,KAAK,CAACO,QAAe,CAAC;EAClF;AACF"}

app-rn-runtime/components/container/panel/panel-content/panel-content.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmPanelContentProps"],"sources":["panel-content.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmPanelContentProps extends BaseProps {\n children?: any[];\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,mBAAmB,SAASD,SAAS,CAAC;~~EAAA~~;IAAA;~~IAAA~~;EAAA;AAE3D"}
1	+ {"version":3,"names":["BaseProps","WmPanelContentProps","constructor","arguments","_defineProperty"],"sources":["panel-content.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmPanelContentProps extends BaseProps {\n children?: any[];\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,mBAAmB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;EAAA;AAE3D"}

app-rn-runtime/components/container/panel/panel-footer/panel-footer.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmPanelFooterProps","DEFAULT_CLASS","WmPanelFooterState","WmPanelFooter","constructor","props","renderWidget","styles","root","_background","children"],"sources":["panel-footer.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmPanelFooterProps from './panel-footer.props';\nimport { DEFAULT_CLASS, WmPanelFooterStyles } from './panel-footer.styles';\n\nexport class WmPanelFooterState extends BaseComponentState<WmPanelFooterProps> {}\n\nexport default class WmPanelFooter extends BaseComponent<WmPanelFooterProps, WmPanelFooterState, WmPanelFooterStyles> {\n\n constructor(props: WmPanelFooterProps) {\n super(props, DEFAULT_CLASS, new WmPanelFooterProps());\n }\n\n renderWidget(props: WmPanelFooterProps) {\n return (<View style={this.styles.root}>{this._background}{props.children}</View>);\n }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAE1E,OAAO,MAAMC,kBAAkB,SAASH,kBAAkB,CAAqB;AAE/E,eAAe,MAAMI,aAAa,SAASL,aAAa,CAA8D;EAEpHM,~~WAAW~~,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,kBAAkB,~~EAAE~~,CAAC;EACvD;EAEAM,~~YAAY~~,CAACD,KAAyB,EAAE;IACtC,~~oBAAQ~~,~~oBAAC~~,IAAI;~~MAAC~~,KAAK,EAAE,IAAI,~~CAACE~~,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,~~EAAEJ~~,KAAK,~~CAACK~~,~~QAAQ~~,~~CAAQ~~;EAClF;AACF"}
1	+ {"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmPanelFooterProps","DEFAULT_CLASS","WmPanelFooterState","WmPanelFooter","constructor","props","renderWidget","createElement","style","styles","root","_background","children"],"sources":["panel-footer.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmPanelFooterProps from './panel-footer.props';\nimport { DEFAULT_CLASS, WmPanelFooterStyles } from './panel-footer.styles';\n\nexport class WmPanelFooterState extends BaseComponentState<WmPanelFooterProps> {}\n\nexport default class WmPanelFooter extends BaseComponent<WmPanelFooterProps, WmPanelFooterState, WmPanelFooterStyles> {\n\n constructor(props: WmPanelFooterProps) {\n super(props, DEFAULT_CLASS, new WmPanelFooterProps());\n }\n\n renderWidget(props: WmPanelFooterProps) {\n return (<View style={this.styles.root}>{this._background}{props.children}</View>);\n }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAE1E,OAAO,MAAMC,kBAAkB,SAASH,kBAAkB,CAAqB;AAE/E,eAAe,MAAMI,aAAa,SAASL,aAAa,CAA8D;EAEpHM,WAAWA,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,kBAAkB,CAAC,CAAC,CAAC;EACvD;EAEAM,YAAYA,CAACD,KAAyB,EAAE;IACtC,oBAAQT,KAAA,CAAAW,aAAA,CAACV,IAAI;MAACW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEN,KAAK,CAACO,QAAe,CAAC;EAClF;AACF"}

app-rn-runtime/components/container/panel/panel-footer/panel-footer.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmPanelFooterProps"],"sources":["panel-footer.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmPanelFooterProps extends BaseProps {\n children: any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,kBAAkB,SAASD,SAAS,CAAC;~~EAAA~~;IAAA;~~IAAA~~;EAAA;AAE1D"}
1	+ {"version":3,"names":["BaseProps","WmPanelFooterProps","constructor","arguments","_defineProperty"],"sources":["panel-footer.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmPanelFooterProps extends BaseProps {\n children: any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,kBAAkB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;EAAA;AAE1D"}

app-rn-runtime/components/container/panel/panel.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","Badge","List","BaseComponent","BaseComponentState","WmIcon","WmPanelProps","DEFAULT_CLASS","Animatedview","WmPanelState","~~WmPanel~~","~~constructor~~","props","updateState","expandedId","state","expanded","onPartialLoad","invokeEventCallback","renderContent","renderPartial","isPartialLoaded","setTimeout","bind","onPanelPress","collapsible","paneId","eventName","animatedRef","triggerExit","then","res","proxy","expandCollapseIcon","isExpanded","widgetProps","badge","badgevalue","undefined","styles","badgetype","iconclass","toggleIcon","flexDirection","renderPanel","icon","~~name~~","title","header","text","subheading","marginLeft","ref","children","renderWidget","root","_background","animation"],"sources":["panel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { Badge, List } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmPanelProps from './panel.props';\nimport { DEFAULT_CLASS, WmPanelStyles } from './panel.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\n\nexport class WmPanelState extends BaseComponentState<WmPanelProps> {\n expandedId: any;\n isPartialLoaded = false;\n}\n\nexport default class WmPanel extends BaseComponent<WmPanelProps, WmPanelState, WmPanelStyles> {\n private animatedRef: any;\n constructor(props: WmPanelProps) {\n super(props, DEFAULT_CLASS, new WmPanelProps());\n this.updateState({\n expandedId: this.state.props.expanded ? 1 : -1,\n } as WmPanelState);\n }\n\n onPartialLoad() {\n this.invokeEventCallback('onLoad', [this]);\n }\n\n renderContent(props: WmPanelProps) {\n if (props.renderPartial) {\n if (!this.state.isPartialLoaded) {\n setTimeout(() => {\n this.updateState({\n isPartialLoaded: true\n } as WmPanelState);\n });\n }\n return props.renderPartial(this.onPartialLoad.bind(this));\n }\n }\n\n onPanelPress(expandedId: any) {\n if (!this.state.props.collapsible) {\n return;\n }\n const paneId = expandedId === this.state.expandedId ? -1 : 1;\n const eventName = paneId === 1 ? 'onExpand' : 'onCollapse';\n\n if (eventName === 'onCollapse') {\n this.animatedRef.triggerExit().then((res: any) => {\n if (res) {\n this.updateState({\n expandedId: paneId,\n props: {\n expanded: false\n }\n } as WmPanelState);\n }\n })\n } else {\n this.updateState({\n expandedId: paneId,\n props: {\n expanded: true\n }\n } as WmPanelState);\n }\n\n this.invokeEventCallback(eventName, [null, this.proxy]);\n }\n\n expandCollapseIcon(isExpanded: boolean) {\n const widgetProps = this.state.props;\n //@ts-ignore\n const badge = widgetProps.badgevalue != undefined ? (<Badge style={[this.styles.badge, this.styles[widgetProps.badgetype \|\| 'default']]}>{widgetProps.badgevalue}</Badge>): null;\n const iconclass = isExpanded ? 'wi wi-chevron-up' : 'wi wi-chevron-down';\n const expandCollapseIcon = widgetProps.collapsible ? (<WmIcon name={'expand_collapse_icon'} styles={this.styles.toggleIcon} iconclass={iconclass}></WmIcon>) : null;\n return (<View style={{flexDirection: 'row'}}>{badge}{expandCollapseIcon}</View>);\n }\n\n renderPanel(props: WmPanelProps) {\n const icon = (<WmIcon styles={this.styles.icon} name={props.name + '_icon'} iconclass={props.iconclass}></WmIcon>);\n return (\n <List.Accordion title={props.title} style={this.styles.header} id={1}\n titleStyle={this.styles.text} descriptionStyle={this.styles.subheading}\n description={props.subheading}\n expanded={props.expanded} \n right={({isExpanded}) => this.expandCollapseIcon(isExpanded)} left={props => icon}>\n <Animatedview style={{marginLeft: -64}} ref={ref => this.animatedRef = ref} entryanimation={'fadeInDown'}>\n <View>{this.renderContent(props)}</View>\n <View>{props.children}</View>\n </Animatedview>\n </List.Accordion>\n );\n }\n\n renderWidget(props: WmPanelProps) {\n return (<View style={this.styles.root}>\n {this._background}\n <List.AccordionGroup expandedId={this.state.expandedId} onAccordionPress={this.onPanelPress.bind(this)}>\n <Animatedview entryanimation={props.animation}>\n {this.renderPanel(props)}\n </Animatedview>\n </List.AccordionGroup>\n </View>);\n }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAeC,IAAI,QAAQ,cAAc;AACzC,SAASC,KAAK,EAAEC,IAAI,QAAQ,oBAAoB;AAChD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,MAAM,MAAM,gEAAgE;AAEnF,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAC7D,SAASC,YAAY,QAAQ,mEAAmE;AAEhG,OAAO,MAAMC,YAAY,SAASL,kBAAkB,CAAe;~~EAAA~~;IAAA;~~IAAA~~;~~IAAA~~,~~yCAE~~/C,KAAK;EAAA;AACzB;AAEA,eAAe,~~MAAMM~~,OAAO,~~SAASP~~,aAAa,CAA4C;~~EAE5FQ~~,~~WAAW~~,~~CAACC~~,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,~~EAAEL~~,aAAa,EAAE,IAAID,YAAY,~~EAAE~~,CAAC;~~IAAC~~;IAChD,IAAI,~~CAACO~~,WAAW,CAAC;MACfC,UAAU,EAAE,IAAI,CAACC,KAAK,CAACH,KAAK,CAACI,QAAQ,GAAG,CAAC,GAAG,CAAC;IAC/C,CAAC~~,CAAiB~~;EACpB;EAEAC,~~aAAa~~,~~GAAG~~;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;EAC5C;EAEAC,~~aAAa~~,CAACP,KAAmB,EAAE;IACjC,IAAIA,KAAK,CAACQ,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACL,KAAK,CAACM,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACT,WAAW,CAAC;YACfQ,eAAe,EAAE;UACnB,CAAC~~,CAAiB~~;QACpB,CAAC,CAAC;MACJ;MACA,OAAOT,KAAK,CAACQ,aAAa,CAAC,IAAI,CAACH,aAAa,CAACM,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D;EACF;EAEAC,~~YAAY~~,CAACV,UAAe,EAAE;IAC5B,IAAI,CAAC,IAAI,CAACC,KAAK,CAACH,KAAK,CAACa,WAAW,EAAE;MACjC;IACF;IACA,MAAMC,MAAM,GAAGZ,UAAU,KAAK,IAAI,CAACC,KAAK,CAACD,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC;IAC5D,MAAMa,SAAS,GAAGD,MAAM,KAAK,CAAC,GAAG,UAAU,GAAG,YAAY;IAE1D,IAAIC,SAAS,KAAK,YAAY,EAAE;MAC9B,IAAI,CAACC,WAAW,CAACC,WAAW,~~EAAE~~,CAACC,IAAI,CAAEC,GAAQ,IAAK;QAChD,IAAIA,GAAG,EAAE;UACP,IAAI,CAAClB,WAAW,CAAC;YACfC,UAAU,EAAEY,MAAM;YAClBd,KAAK,EAAE;cACLI,QAAQ,EAAE;YACZ;UACF,CAAC~~,CAAiB~~;QACpB;MACF,CAAC,CAAC;IACJ,CAAC,MAAM;MACL,IAAI,CAACH,WAAW,CAAC;QACfC,UAAU,EAAEY,MAAM;QAClBd,KAAK,EAAE;UACLI,QAAQ,EAAE;QACZ;MACF,CAAC~~,CAAiB~~;IACpB;IAEA,IAAI,CAACE,mBAAmB,CAACS,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAACK,KAAK,CAAC,CAAC;EACzD;EAEAC,~~kBAAkB~~,CAACC,UAAmB,EAAE;IACtC,MAAMC,WAAW,GAAG,IAAI,CAACpB,KAAK,CAACH,KAAK;IACpC;IACA,MAAMwB,KAAK,GAAGD,WAAW,CAACE,UAAU,IAAIC,SAAS,~~gBAAI~~,~~oBAAC~~,KAAK;~~MAAC~~,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,~~CAACH~~,KAAK,EAAE,IAAI,~~CAACG~~,MAAM,~~CAACJ~~,WAAW,~~CAACK~~,SAAS,IAAI,SAAS,CAAC;IAAE,~~GAAEL~~,WAAW,CAACE,~~UAAU~~,~~CAAS~~,GAAG,IAAI;IAChL,~~MAAMI~~,SAAS,~~GAAGP~~,UAAU,GAAG,kBAAkB,GAAG,oBAAoB;IACxE,MAAMD,kBAAkB,GAAGE,WAAW,CAACV,WAAW,~~gBAAI~~,~~oBAAC~~,MAAM;~~MAAC~~,IAAI,EAAE,sBAAuB;~~MAAC~~,MAAM,EAAE,IAAI,~~CAACc~~,MAAM,~~CAACG~~,UAAW;~~MAAC~~,SAAS,~~EAAED~~;IAAU,~~EAAU~~,GAAI,IAAI;IACnK,~~oBAAQ~~,~~oBAAC~~,IAAI;~~MAAC~~,KAAK,EAAE;~~QAACE~~,aAAa,EAAE;MAAK;IAAE,~~GAAEP~~,KAAK,EAAEH,~~kBAAkB~~,~~CAAQ~~;EACjF;~~EAEAW~~,~~WAAW~~,~~CAAChC~~,KAAmB,EAAE;IAC/B,~~MAAMiC~~,IAAI,~~gBAAI~~,~~oBAAC~~,MAAM;~~MAAC~~,MAAM,EAAE,IAAI,~~CAACN~~,MAAM,~~CAACM~~,IAAK;~~MAAC~~,IAAI,~~EAAEjC~~,KAAK,~~CAACkC~~,IAAI,GAAG,OAAQ;~~MAAC~~,SAAS,~~EAAElC~~,KAAK,~~CAAC6B~~;IAAU,~~EAAW~~;IAClH,~~oBACE~~,~~oBAAC~~,IAAI,~~CAAC~~,SAAS;~~MAAC~~,KAAK,~~EAAE7B~~,KAAK,~~CAACmC~~,KAAM;~~MAAC~~,KAAK,EAAE,IAAI,~~CAACR~~,MAAM,~~CAACS~~,MAAO;~~MAAC~~,EAAE,EAAE,CAAE;~~MACrD~~,UAAU,EAAE,IAAI,~~CAACT~~,MAAM,~~CAACU~~,IAAK;~~MAAC~~,gBAAgB,EAAE,IAAI,~~CAACV~~,MAAM,~~CAACW~~,UAAW;~~MACvE~~,WAAW,~~EAAEtC~~,KAAK,~~CAACsC~~,UAAW;~~MAC9B~~,QAAQ,~~EAAEtC~~,KAAK,CAACI,QAAS;~~MACzB~~,KAAK,~~EAAE~~;QAAA,IAAC;~~UAACkB~~;QAAU,CAAC;QAAA,OAAK,IAAI,~~CAACD~~,kBAAkB,CAACC,UAAU,CAAC;MAAA,CAAC;~~MAAC~~,IAAI,~~EAAEtB~~,KAAK,~~IAAIiC~~;IAAK,~~gBAChG~~,~~oBAAC~~,YAAY;~~MAAC~~,KAAK,EAAE;~~QAACM~~,UAAU,EAAE,CAAC;MAAE,CAAE;~~MAAC~~,GAAG,~~EAAEC~~,GAAG,IAAI,IAAI,~~CAACxB~~,WAAW,~~GAAGwB~~,GAAI;~~MAAC~~,cAAc,EAAE;IAAa,~~gBACvG~~,~~oBAAC~~,IAAI,QAAE,IAAI,~~CAACjC~~,aAAa,CAACP,KAAK,CAAC,~~CAAQ~~,~~eACxC~~,~~oBAAC~~,IAAI,~~QAAEA~~,KAAK,~~CAACyC~~,~~QAAQ~~,~~CAAQ,~~CAChB,CACA;EAErB;EAEAC,~~YAAY~~,~~CAAC1C~~,KAAmB,EAAE;IAChC,~~oBAAQ~~,~~oBAAC~~,IAAI;~~MAAC~~,KAAK,EAAE,IAAI,~~CAAC2B~~,MAAM,~~CAACgB~~;IAAK,GACvB,IAAI,CAACC,WAAW,~~eACjB~~,~~oBAAC~~,IAAI,~~CAAC~~,cAAc;~~MAAC~~,UAAU,EAAE,IAAI,~~CAACzC~~,KAAK,CAACD,UAAW;~~MAAC~~,gBAAgB,EAAE,IAAI,~~CAACU~~,YAAY,CAACD,IAAI,CAAC,IAAI;IAAE,~~gBACnG~~,~~oBAAC~~,YAAY;~~MAAC~~,cAAc,~~EAAEX~~,KAAK,~~CAAC6C~~;IAAU,GAC3C,IAAI,~~CAACb~~,WAAW,~~CAAChC~~,KAAK,~~CAAC,~~CACX,CACG,CACrB;EACjB;AACF"}
1	+ {"version":3,"names":["React","View","Badge","List","BaseComponent","BaseComponentState","WmIcon","WmPanelProps","DEFAULT_CLASS","Animatedview","WmPanelState","constructor","arguments","_defineProperty","WmPanel","props","updateState","expandedId","state","expanded","onPartialLoad","invokeEventCallback","renderContent","renderPartial","isPartialLoaded","setTimeout","bind","onPanelPress","collapsible","paneId","eventName","animatedRef","triggerExit","then","res","proxy","expandCollapseIcon","isExpanded","widgetProps","badge","badgevalue","undefined","createElement","style","styles","badgetype","iconclass","name","toggleIcon","flexDirection","renderPanel","icon","Accordion","title","header","id","titleStyle","text","descriptionStyle","subheading","description","right","_ref","left","marginLeft","ref","entryanimation","children","renderWidget","root","_background","AccordionGroup","onAccordionPress","animation"],"sources":["panel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { Badge, List } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmPanelProps from './panel.props';\nimport { DEFAULT_CLASS, WmPanelStyles } from './panel.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\n\nexport class WmPanelState extends BaseComponentState<WmPanelProps> {\n expandedId: any;\n isPartialLoaded = false;\n}\n\nexport default class WmPanel extends BaseComponent<WmPanelProps, WmPanelState, WmPanelStyles> {\n private animatedRef: any;\n constructor(props: WmPanelProps) {\n super(props, DEFAULT_CLASS, new WmPanelProps());\n this.updateState({\n expandedId: this.state.props.expanded ? 1 : -1,\n } as WmPanelState);\n }\n\n onPartialLoad() {\n this.invokeEventCallback('onLoad', [this]);\n }\n\n renderContent(props: WmPanelProps) {\n if (props.renderPartial) {\n if (!this.state.isPartialLoaded) {\n setTimeout(() => {\n this.updateState({\n isPartialLoaded: true\n } as WmPanelState);\n });\n }\n return props.renderPartial(this.onPartialLoad.bind(this));\n }\n }\n\n onPanelPress(expandedId: any) {\n if (!this.state.props.collapsible) {\n return;\n }\n const paneId = expandedId === this.state.expandedId ? -1 : 1;\n const eventName = paneId === 1 ? 'onExpand' : 'onCollapse';\n\n if (eventName === 'onCollapse') {\n this.animatedRef.triggerExit().then((res: any) => {\n if (res) {\n this.updateState({\n expandedId: paneId,\n props: {\n expanded: false\n }\n } as WmPanelState);\n }\n })\n } else {\n this.updateState({\n expandedId: paneId,\n props: {\n expanded: true\n }\n } as WmPanelState);\n }\n\n this.invokeEventCallback(eventName, [null, this.proxy]);\n }\n\n expandCollapseIcon(isExpanded: boolean) {\n const widgetProps = this.state.props;\n //@ts-ignore\n const badge = widgetProps.badgevalue != undefined ? (<Badge style={[this.styles.badge, this.styles[widgetProps.badgetype \|\| 'default']]}>{widgetProps.badgevalue}</Badge>): null;\n const iconclass = isExpanded ? 'wi wi-chevron-up' : 'wi wi-chevron-down';\n const expandCollapseIcon = widgetProps.collapsible ? (<WmIcon name={'expand_collapse_icon'} styles={this.styles.toggleIcon} iconclass={iconclass}></WmIcon>) : null;\n return (<View style={{flexDirection: 'row'}}>{badge}{expandCollapseIcon}</View>);\n }\n\n renderPanel(props: WmPanelProps) {\n const icon = (<WmIcon styles={this.styles.icon} name={props.name + '_icon'} iconclass={props.iconclass}></WmIcon>);\n return (\n <List.Accordion title={props.title} style={this.styles.header} id={1}\n titleStyle={this.styles.text} descriptionStyle={this.styles.subheading}\n description={props.subheading}\n expanded={props.expanded} \n right={({isExpanded}) => this.expandCollapseIcon(isExpanded)} left={props => icon}>\n <Animatedview style={{marginLeft: -64}} ref={ref => this.animatedRef = ref} entryanimation={'fadeInDown'}>\n <View>{this.renderContent(props)}</View>\n <View>{props.children}</View>\n </Animatedview>\n </List.Accordion>\n );\n }\n\n renderWidget(props: WmPanelProps) {\n return (<View style={this.styles.root}>\n {this._background}\n <List.AccordionGroup expandedId={this.state.expandedId} onAccordionPress={this.onPanelPress.bind(this)}>\n <Animatedview entryanimation={props.animation}>\n {this.renderPanel(props)}\n </Animatedview>\n </List.AccordionGroup>\n </View>);\n }\n}\n"],"mappings":"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"}

app-rn-runtime/components/container/panel/panel.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmPanelProps"],"sources":["panel.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmPanelProps extends BaseProps {\n animation: string = null as any;\n children: any;\n collapsible: boolean = null as any;\n iconclass: string = null as any;\n title: string = 'Title';\n renderPartial?: Function;\n subheading: string = null as any;\n badgevalue: string = null as any;\n badgetype: string = 'default';\n expanded: boolean = true;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;~~EAAA~~;IAAA;~~IAAA~~,~~mCAC9B~~,IAAI;~~IAAA~~;~~IAAA~~,~~qCAED~~,IAAI;~~IAAA~~,~~mCACP~~,IAAI;~~IAAA,+BACR~~,OAAO;~~IAAA~~;~~IAAA~~,~~oCAEF~~,IAAI;~~IAAA~~,~~oCACJ~~,IAAI;~~IAAA~~,~~mCACL~~,SAAS;~~IAAA~~,~~kCACT~~,IAAI;EAAA;AAC1B"}
1	+ {"version":3,"names":["BaseProps","WmPanelProps","constructor","arguments","_defineProperty"],"sources":["panel.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmPanelProps extends BaseProps {\n animation: string = null as any;\n children: any;\n collapsible: boolean = null as any;\n iconclass: string = null as any;\n title: string = 'Title';\n renderPartial?: Function;\n subheading: string = null as any;\n badgevalue: string = null as any;\n badgetype: string = 'default';\n expanded: boolean = true;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC9B,IAAI;IAAAA,eAAA;IAAAA,eAAA,sBAED,IAAI;IAAAA,eAAA,oBACP,IAAI;IAAAA,eAAA,gBACR,OAAO;IAAAA,eAAA;IAAAA,eAAA,qBAEF,IAAI;IAAAA,eAAA,qBACJ,IAAI;IAAAA,eAAA,oBACL,SAAS;IAAAA,eAAA,mBACT,IAAI;EAAA;AAC1B"}

app-rn-runtime/components/container/panel/panel.styles.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { Platform } from 'react-native';
 export const DEFAULT_CLASS = 'app-panel';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
@@ -61,6 +62,14 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS == "web" ? {
+    text: {
+      textAlign: 'right'
+    },
+    subheading: {
+      textAlign: 'right'
+    }
+  } : {});
   const getPanelBgStyles = color => {
     return {
       header: {

app-rn-runtime/components/container/panel/panel.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","backgroundColor","panelBgColor","borderStyle","borderWidth","padding","borderRadius","text","color","panelHeaderTextColor","fontSize","fontWeight","header","panelHeaderBgColor","paddingHorizontal","paddingVertical","borderColor","borderTopLeftRadius","borderTopRightRadius","subheading","icon","alignSelf","toggleIcon","badge","badgeTextColor","marginRight","default","labelDefaultColor","success","labelSuccessColor","danger","labelDangerColor","warning","labelWarningColor","info","labelInfoColor","primary","labelPrimaryColor","getPanelBgStyles","panelTextColor","panelDangerColor","panelDefaultColor","panelInfoColor","panelPrimaryColor","panelSuccessColor","panelWarningColor"],"sources":["panel.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmPanelStyles = BaseStyles & {\n icon: WmIconStyles,\n badge: AllStyle,\n header: AllStyle,\n subheading: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-panel';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmPanelStyles = defineStyles({\n root: {\n backgroundColor: themeVariables.panelBgColor,\n borderStyle: 'solid',\n borderWidth: 0,\n padding: 12,\n borderRadius: 6\n },\n text: {\n color: themeVariables.panelHeaderTextColor,\n fontSize: 16,\n fontWeight: 'bold'\n },\n header: {\n backgroundColor: themeVariables.panelHeaderBgColor,\n paddingHorizontal: 8,\n paddingVertical: 4,\n borderStyle: 'solid',\n borderWidth: 0,\n borderColor: themeVariables.panelHeaderBgColor,\n borderTopLeftRadius: 6,\n borderTopRightRadius: 6\n },\n subheading: {},\n icon: {\n root: {\n alignSelf: 'auto',\n fontSize: 32,\n },\n } as WmIconStyles,\n toggleIcon: {\n root: {\n fontSize: 16,\n },\n } as WmIconStyles,\n badge: {\n color: themeVariables.badgeTextColor,\n marginRight: 8\n },\n default: {\n backgroundColor: themeVariables.labelDefaultColor\n },\n success: {\n backgroundColor: themeVariables.labelSuccessColor\n },\n danger: {\n backgroundColor: themeVariables.labelDangerColor\n },\n warning: {\n backgroundColor: themeVariables.labelWarningColor\n },\n info: {\n backgroundColor: themeVariables.labelInfoColor\n },\n primary: {\n backgroundColor: themeVariables.labelPrimaryColor\n }\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n const getPanelBgStyles = (color: string) => {\n return {\n header: {\n backgroundColor: color\n },\n text: {\n color: themeVariables.panelTextColor\n },\n subheading: {\n color: themeVariables.panelTextColor\n },\n icon: {\n text: {\n color: themeVariables.panelTextColor\n }\n } as WmIconStyles\n } as WmPanelStyles;\n };\n\n addStyle('panel-danger', '', getPanelBgStyles(themeVariables.panelDangerColor));\n addStyle('panel-default', '', getPanelBgStyles(themeVariables.panelDefaultColor));\n addStyle('panel-info', '', getPanelBgStyles(themeVariables.panelInfoColor));\n addStyle('panel-primary', '', getPanelBgStyles(themeVariables.panelPrimaryColor));\n addStyle('panel-success', '', getPanelBgStyles(themeVariables.panelSuccessColor));\n addStyle('panel-warning', '', getPanelBgStyles(themeVariables.panelWarningColor));\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;~~AAUxF~~,OAAO,MAAMC,aAAa,GAAG,WAAW;~~AACxCF~~,UAAU,~~CAACG~~,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA4B,~~GAAGL~~,YAAY,CAAC;~~IAC9CM~~,IAAI,EAAE;MACJC,eAAe,EAAEJ,cAAc,CAACK,YAAY;MAC5CC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAE,CAAC;MACdC,OAAO,EAAE,EAAE;MACXC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAEX,cAAc,CAACY,oBAAoB;MAC1CC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IACd,CAAC;IACDC,MAAM,EAAE;MACNX,eAAe,EAAEJ,cAAc,CAACgB,kBAAkB;MAClDC,iBAAiB,EAAE,CAAC;MACpBC,eAAe,EAAE,CAAC;MAClBZ,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAE,CAAC;MACdY,WAAW,EAAEnB,cAAc,CAACgB,kBAAkB;MAC9CI,mBAAmB,EAAE,CAAC;MACtBC,oBAAoB,EAAE;IACxB,CAAC;IACDC,UAAU,EAAE,CAAC,CAAC;IACdC,IAAI,EAAE;MACJpB,IAAI,EAAE;QACJqB,SAAS,EAAE,MAAM;QACjBX,QAAQ,EAAE;MACZ;IACF,CAAiB;IACjBY,UAAU,EAAE;MACVtB,IAAI,EAAE;QACJU,QAAQ,EAAE;MACZ;IACF,CAAiB;IACjBa,KAAK,EAAE;MACLf,KAAK,EAAEX,cAAc,CAAC2B,cAAc;MACpCC,WAAW,EAAE;IACf,CAAC;IACDC,OAAO,EAAE;MACPzB,eAAe,EAAEJ,cAAc,CAAC8B;IAClC,CAAC;IACDC,OAAO,EAAE;MACP3B,eAAe,EAAEJ,cAAc,CAACgC;IAClC,CAAC;IACDC,MAAM,EAAE;MACN7B,eAAe,EAAEJ,cAAc,CAACkC;IAClC,CAAC;IACDC,OAAO,EAAE;MACP/B,eAAe,EAAEJ,cAAc,CAACoC;IAClC,CAAC;IACDC,IAAI,EAAE;MACJjC,eAAe,EAAEJ,cAAc,CAACsC;IAClC,CAAC;IACDC,OAAO,EAAE;MACPnC,eAAe,EAAEJ,cAAc,CAACwC;IAClC;EACJ,CAAC,CAAC;EAEFvC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;~~EAE1C~~,~~MAAMuC~~,gBAAgB,~~GAAI9B~~,KAAa,IAAK;IAC1C,OAAO;MACLI,MAAM,EAAE;QACNX,eAAe,EAAEO;MACnB,CAAC;MACDD,IAAI,EAAE;QACJC,KAAK,EAAEX,cAAc,~~CAAC0C~~;MACxB,CAAC;~~MACDpB~~,UAAU,EAAE;QACVX,KAAK,EAAEX,cAAc,~~CAAC0C~~;MACxB,CAAC;~~MACDnB~~,IAAI,EAAE;QACJb,IAAI,EAAE;UACJC,KAAK,EAAEX,cAAc,~~CAAC0C~~;QACxB;MACF;IACF,CAAC;EACH,CAAC;~~EAEDzC~~,QAAQ,CAAC,cAAc,EAAE,EAAE,~~EAAEwC~~,gBAAgB,~~CAACzC~~,cAAc,~~CAAC2C~~,gBAAgB,CAAC,CAAC;EAC/~~E1C~~,QAAQ,CAAC,eAAe,EAAE,EAAE,~~EAAEwC~~,gBAAgB,~~CAACzC~~,cAAc,~~CAAC4C~~,iBAAiB,CAAC,CAAC;~~EACjF3C~~,QAAQ,CAAC,YAAY,EAAE,EAAE,~~EAAEwC~~,gBAAgB,~~CAACzC~~,cAAc,~~CAAC6C~~,cAAc,CAAC,CAAC;~~EAC3E5C~~,QAAQ,CAAC,eAAe,EAAE,EAAE,~~EAAEwC~~,gBAAgB,~~CAACzC~~,cAAc,~~CAAC8C~~,iBAAiB,CAAC,CAAC;~~EACjF7C~~,QAAQ,CAAC,eAAe,EAAE,EAAE,~~EAAEwC~~,gBAAgB,~~CAACzC~~,cAAc,~~CAAC+C~~,iBAAiB,CAAC,CAAC;~~EACjF9C~~,QAAQ,CAAC,eAAe,EAAE,EAAE,~~EAAEwC~~,gBAAgB,~~CAACzC~~,cAAc,~~CAACgD~~,iBAAiB,CAAC,CAAC;AACnF,CAAC,CAAC"}
1	+ {"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","backgroundColor","panelBgColor","borderStyle","borderWidth","padding","borderRadius","text","color","panelHeaderTextColor","fontSize","fontWeight","header","panelHeaderBgColor","paddingHorizontal","paddingVertical","borderColor","borderTopLeftRadius","borderTopRightRadius","subheading","icon","alignSelf","toggleIcon","badge","badgeTextColor","marginRight","default","labelDefaultColor","success","labelSuccessColor","danger","labelDangerColor","warning","labelWarningColor","info","labelInfoColor","primary","labelPrimaryColor","OS","textAlign","getPanelBgStyles","panelTextColor","panelDangerColor","panelDefaultColor","panelInfoColor","panelPrimaryColor","panelSuccessColor","panelWarningColor"],"sources":["panel.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { Platform } from 'react-native';\n\nexport type WmPanelStyles = BaseStyles & {\n icon: WmIconStyles,\n badge: AllStyle,\n header: AllStyle,\n subheading: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-panel';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmPanelStyles = defineStyles({\n root: {\n backgroundColor: themeVariables.panelBgColor,\n borderStyle: 'solid',\n borderWidth: 0,\n padding: 12,\n borderRadius: 6\n },\n text: {\n color: themeVariables.panelHeaderTextColor,\n fontSize: 16,\n fontWeight: 'bold'\n },\n header: {\n backgroundColor: themeVariables.panelHeaderBgColor,\n paddingHorizontal: 8,\n paddingVertical: 4,\n borderStyle: 'solid',\n borderWidth: 0,\n borderColor: themeVariables.panelHeaderBgColor,\n borderTopLeftRadius: 6,\n borderTopRightRadius: 6\n },\n subheading: {},\n icon: {\n root: {\n alignSelf: 'auto',\n fontSize: 32,\n },\n } as WmIconStyles,\n toggleIcon: {\n root: {\n fontSize: 16,\n },\n } as WmIconStyles,\n badge: {\n color: themeVariables.badgeTextColor,\n marginRight: 8\n },\n default: {\n backgroundColor: themeVariables.labelDefaultColor\n },\n success: {\n backgroundColor: themeVariables.labelSuccessColor\n },\n danger: {\n backgroundColor: themeVariables.labelDangerColor\n },\n warning: {\n backgroundColor: themeVariables.labelWarningColor\n },\n info: {\n backgroundColor: themeVariables.labelInfoColor\n },\n primary: {\n backgroundColor: themeVariables.labelPrimaryColor\n }\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n text:{\n textAlign:'right',\n } ,\n subheading:{\n textAlign:'right',\n }\n }:{});\n const getPanelBgStyles = (color: string) => {\n return {\n header: {\n backgroundColor: color\n },\n text: {\n color: themeVariables.panelTextColor\n },\n subheading: {\n color: themeVariables.panelTextColor\n },\n icon: {\n text: {\n color: themeVariables.panelTextColor\n }\n } as WmIconStyles\n } as WmPanelStyles;\n };\n\n addStyle('panel-danger', '', getPanelBgStyles(themeVariables.panelDangerColor));\n addStyle('panel-default', '', getPanelBgStyles(themeVariables.panelDefaultColor));\n addStyle('panel-info', '', getPanelBgStyles(themeVariables.panelInfoColor));\n addStyle('panel-primary', '', getPanelBgStyles(themeVariables.panelPrimaryColor));\n addStyle('panel-success', '', getPanelBgStyles(themeVariables.panelSuccessColor));\n addStyle('panel-warning', '', getPanelBgStyles(themeVariables.panelWarningColor));\n});"],"mappings":"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"}

app-rn-runtime/components/container/partial-host.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseComponent","BaseComponentState","BaseProps","PartialHostState","~~PartialHostProps~~","~~PartialHost~~","~~constructor~~","markupProps","defaultClass","defaultProps","defaultState","onPartialLoad","invokeEventCallback","renderContent","props","renderPartial","state","isPartialLoaded","isVisible","setTimeout","updateState","bind","children"],"sources":["partial-host.component.tsx"],"sourcesContent":["import { BaseComponent, BaseComponentState, BaseProps, BaseStyles } from \"@wavemaker/app-rn-runtime/core/base.component\";\n\nexport abstract class PartialHostState<T extends BaseProps> extends BaseComponentState<T> {\n isPartialLoaded = false;\n}\n\nexport abstract class PartialHostProps extends BaseProps {\n renderPartial?: Function;\n children?: any;\n}\n\nexport abstract class PartialHost<T extends BaseProps, S extends PartialHostState<T>, L extends BaseStyles>\n extends BaseComponent<T, S, L> {\n\n constructor(markupProps: T, defaultClass: string, defaultProps?: T, defaultState?: S) {\n super(markupProps, defaultClass, defaultProps, defaultState);\n }\n\n onPartialLoad() {\n this.invokeEventCallback('onLoad', [this]);\n }\n\n renderContent(props: PartialHostProps) {\n if (props.renderPartial) {\n if (!this.state.isPartialLoaded && !this.isVisible()) {\n return null;\n }\n if (!this.state.isPartialLoaded) {\n setTimeout(() => {\n this.updateState({\n isPartialLoaded: true\n } as any);\n });\n }\n return props.renderPartial(this.onPartialLoad.bind(this));\n }\n return props.children;\n }\n\n}"],"mappings":";;;AAAA,SAASA,aAAa,EAAEC,kBAAkB,EAAEC,SAAS,QAAoB,+CAA+C;AAExH,OAAO,MAAeC,gBAAgB,SAA8BF,kBAAkB,CAAI;~~EAAA~~;IAAA;~~IAAA~~,~~yCACpE~~,KAAK;EAAA;AAC3B;AAEA,OAAO,~~MAAeG~~,gBAAgB,~~SAASF~~,SAAS,CAAC;~~EAAA~~;IAAA;~~IAAA~~;~~IAAA~~;EAAA;AAGzD;AAEA,OAAO,~~MAAeG~~,WAAW,~~SACrBL~~,aAAa,CAAU;EAE/BM,~~WAAW~~,~~CAACC~~,WAAc,EAAEC,YAAoB,EAAEC,YAAgB,EAAEC,YAAgB,EAAE;IAClF,KAAK,CAACH,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,YAAY,CAAC;EAChE;EAEAC,~~aAAa~~,~~GAAG~~;IACZ,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;EAC9C;EAEAC,~~aAAa~~,CAACC,KAAuB,EAAE;IACnC,IAAIA,KAAK,CAACC,aAAa,EAAE;MACrB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,IAAI,CAAC,IAAI,CAACC,SAAS,~~EAAE~~,EAAE;QAClD,OAAO,IAAI;MACf;MACA,IAAI,CAAC,IAAI,CAACF,KAAK,CAACC,eAAe,EAAE;QAC7BE,UAAU,CAAC,MAAM;UACb,IAAI,CAACC,WAAW,CAAC;YACbH,eAAe,EAAE;UACrB,CAAC~~,CAAQ~~;QACb,CAAC,CAAC;MACN;MACA,OAAOH,KAAK,CAACC,aAAa,CAAC,IAAI,CAACJ,aAAa,CAACU,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7D;IACA,OAAOP,KAAK,CAACQ,QAAQ;EACzB;AAEJ"}
1	+ {"version":3,"names":["BaseComponent","BaseComponentState","BaseProps","PartialHostState","constructor","arguments","_defineProperty","PartialHostProps","PartialHost","markupProps","defaultClass","defaultProps","defaultState","onPartialLoad","invokeEventCallback","renderContent","props","renderPartial","state","isPartialLoaded","isVisible","setTimeout","updateState","bind","children"],"sources":["partial-host.component.tsx"],"sourcesContent":["import { BaseComponent, BaseComponentState, BaseProps, BaseStyles } from \"@wavemaker/app-rn-runtime/core/base.component\";\n\nexport abstract class PartialHostState<T extends BaseProps> extends BaseComponentState<T> {\n isPartialLoaded = false;\n}\n\nexport abstract class PartialHostProps extends BaseProps {\n renderPartial?: Function;\n children?: any;\n}\n\nexport abstract class PartialHost<T extends BaseProps, S extends PartialHostState<T>, L extends BaseStyles>\n extends BaseComponent<T, S, L> {\n\n constructor(markupProps: T, defaultClass: string, defaultProps?: T, defaultState?: S) {\n super(markupProps, defaultClass, defaultProps, defaultState);\n }\n\n onPartialLoad() {\n this.invokeEventCallback('onLoad', [this]);\n }\n\n renderContent(props: PartialHostProps) {\n if (props.renderPartial) {\n if (!this.state.isPartialLoaded && !this.isVisible()) {\n return null;\n }\n if (!this.state.isPartialLoaded) {\n setTimeout(() => {\n this.updateState({\n isPartialLoaded: true\n } as any);\n });\n }\n return props.renderPartial(this.onPartialLoad.bind(this));\n }\n return props.children;\n }\n\n}"],"mappings":";;;AAAA,SAASA,aAAa,EAAEC,kBAAkB,EAAEC,SAAS,QAAoB,+CAA+C;AAExH,OAAO,MAAeC,gBAAgB,SAA8BF,kBAAkB,CAAI;EAAAG,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,0BACpE,KAAK;EAAA;AAC3B;AAEA,OAAO,MAAeC,gBAAgB,SAASL,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA;EAAA;AAGzD;AAEA,OAAO,MAAeE,WAAW,SACrBR,aAAa,CAAU;EAE/BI,WAAWA,CAACK,WAAc,EAAEC,YAAoB,EAAEC,YAAgB,EAAEC,YAAgB,EAAE;IAClF,KAAK,CAACH,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,YAAY,CAAC;EAChE;EAEAC,aAAaA,CAAA,EAAG;IACZ,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;EAC9C;EAEAC,aAAaA,CAACC,KAAuB,EAAE;IACnC,IAAIA,KAAK,CAACC,aAAa,EAAE;MACrB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,IAAI,CAAC,IAAI,CAACC,SAAS,CAAC,CAAC,EAAE;QAClD,OAAO,IAAI;MACf;MACA,IAAI,CAAC,IAAI,CAACF,KAAK,CAACC,eAAe,EAAE;QAC7BE,UAAU,CAAC,MAAM;UACb,IAAI,CAACC,WAAW,CAAC;YACbH,eAAe,EAAE;UACrB,CAAQ,CAAC;QACb,CAAC,CAAC;MACN;MACA,OAAOH,KAAK,CAACC,aAAa,CAAC,IAAI,CAACJ,aAAa,CAACU,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7D;IACA,OAAOP,KAAK,CAACQ,QAAQ;EACzB;AAEJ"}

app-rn-runtime/components/container/tabs/tabheader/tabheader.component.js CHANGED Viewed

@@ -8,6 +8,7 @@ import WmTabheaderProps from './tabheader.props';
 import { DEFAULT_CLASS } from './tabheader.styles';
 import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
 import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
+import { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';
 export class WmTabheaderState extends BaseComponentState {}
 export default class WmTabheader extends BaseComponent {
   constructor(props) {
@@ -46,6 +47,9 @@ export default class WmTabheader extends BaseComponent {
     let toIndicatorWidth = ((_this$headersLayout$s = this.headersLayout[selectedTabIndex]) === null || _this$headersLayout$s === void 0 ? void 0 : _this$headersLayout$s.width) || 0;
     let toHeaderScrollPosition = this.headerScrollPositionValue;
     let totalWidth = 0;
+    if (this.state.props.data.length !== this.headersLayout.length) {
+      return;
+    }
     this.headersLayout.forEach((p, i) => {
       if (i < selectedTabIndex) {
         toIndicatorPosition += p.width;
@@ -57,6 +61,8 @@ export default class WmTabheader extends BaseComponent {
     const maxScrollPosition = 0;
     toHeaderScrollPosition = Math.max(minScrollPosition, toHeaderScrollPosition);
     toHeaderScrollPosition = Math.min(maxScrollPosition, toHeaderScrollPosition);
+    let positionIndicator = toIndicatorPosition - (100 - toIndicatorWidth) / 2;
+    let position = this.isRTL ? -positionIndicator : positionIndicator;
     Animated.parallel([Animated.timing(this.headerScrollPosition, {
       useNativeDriver: true,
       toValue: toHeaderScrollPosition,
@@ -69,7 +75,7 @@ export default class WmTabheader extends BaseComponent {
       easing: Easing.linear
     }), Animated.timing(this.indicatorPosition, {
       useNativeDriver: true,
-      toValue: toIndicatorPosition - (100 - toIndicatorWidth) / 2,
+      toValue: position,
       duration: 200,
       easing: Easing.linear
     })]).start();
@@ -117,7 +123,12 @@ export default class WmTabheader extends BaseComponent {
   }
   renderWidget(props) {
     this.setPosition();
-    return /*#__PURE__*/React.createElement(Animated.View, {
+    const activeIndicator = this.styles.activeIndicator;
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        overflow: 'hidden'
+      }
+    }, /*#__PURE__*/React.createElement(Animated.View, {
       style: {
         transform: [{
           translateX: this.headerScrollPosition
@@ -135,14 +146,15 @@ export default class WmTabheader extends BaseComponent {
           flexGrow: this.styles.header.flexGrow
         } : null
       }, /*#__PURE__*/React.createElement(View, {
-        onLayout: this.setHeaderPositon.bind(this, i),
+        onLayout: this.setHeaderPositon.bind(this, i)
+      }, /*#__PURE__*/React.createElement(View, {
         style: [this.styles.header, {
           flexGrow: undefined
         }, isSelected ? this.styles.activeHeader : null]
       }, /*#__PURE__*/React.createElement(Text, {
         numberOfLines: 1,
         style: [this.styles.headerText, isSelected ? this.styles.activeHeaderText : null]
-      }, header.title)));
+      }, header.title))));
     })), /*#__PURE__*/React.createElement(Animated.View, {
       style: [this.styles.activeIndicator, {
         transform: [{
@@ -151,7 +163,20 @@ export default class WmTabheader extends BaseComponent {
           scaleX: this.indicatorWidth
         }]
       }]
-    }));
+    }, activeIndicator.backgroundImage ? /*#__PURE__*/React.createElement(BackgroundComponent, {
+      image: activeIndicator.backgroundImage,
+      position: activeIndicator.backgroundPosition,
+      size: activeIndicator.backgroundSize,
+      repeat: activeIndicator.backgroundRepeat,
+      resizeMode: activeIndicator.backgroundResizeMode,
+      style: {
+        borderRadius: this.styles.root.borderRadius
+      }
+    }) : null, /*#__PURE__*/React.createElement(View, {
+      style: this.styles.arrowIndicator
+    }, /*#__PURE__*/React.createElement(View, {
+      style: this.styles.arrowIndicatorDot
+    })))));
   }
 }
 //# sourceMappingURL=tabheader.component.js.map

app-rn-runtime/components/container/tabs/tabheader/tabheader.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Animated","Easing","Text","View","BaseComponent","BaseComponentState","WmTabheaderProps","DEFAULT_CLASS","Tappable","createSkeleton","WmTabheaderState","WmTabheader","constructor","props","Value","headerScrollPosition","addListener","value","headerScrollPositionValue","setHeaderPanelPositon","nativeEvent","headerPanelLayout","layout","setHeaderPositon","index","headersLayout","selectedTabIndex","forceUpdate","onTabSelection","state","onIndexChange","setPosition","toIndicatorPosition","toIndicatorWidth","width","toHeaderScrollPosition","totalWidth","forEach","p","i","minScrollPosition","maxScrollPosition","Math","max","min","parallel","timing","useNativeDriver","toValue","duration","easing","linear","indicatorWidth","indicatorPosition","start","renderSkeleton","transform","translateX","bind","styles","root","data","map","header","isSelected","key","flex","activeHeader","theme","borderRadius","height","activeHeaderText","fontSize","activeIndicator","scaleX","renderWidget","_background","flexGrow","undefined","headerText","title"],"sources":["tabheader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, Easing, LayoutChangeEvent, LayoutRectangle, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmTabheaderProps from './tabheader.props';\nimport { DEFAULT_CLASS, WmTabheaderStyles } from './tabheader.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmSkeleton, { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport class WmTabheaderState extends BaseComponentState<WmTabheaderProps> {\n}\n\nexport default class WmTabheader extends BaseComponent<WmTabheaderProps, WmTabheaderState, WmTabheaderStyles> {\n\n private headerPanelLayout: LayoutRectangle = null as any;\n private headersLayout: LayoutRectangle[] = [];\n private headerScrollPosition = new Animated.Value(0);\n private headerScrollPositionValue = 0;\n private indicatorPosition = new Animated.Value(0);\n private indicatorWidth = new Animated.Value(0);\n\n constructor(props: WmTabheaderProps) {\n super(props, DEFAULT_CLASS, new WmTabheaderProps(), new WmTabheaderState());\n this.headerScrollPosition.addListener(({value}) => this.headerScrollPositionValue = value);\n }\n\n setHeaderPanelPositon(nativeEvent: LayoutChangeEvent) {\n this.headerPanelLayout = nativeEvent.nativeEvent.layout;\n }\n\n setHeaderPositon(index: number, nativeEvent: LayoutChangeEvent) {\n this.headersLayout[index] = nativeEvent.nativeEvent.layout;\n if (index === this.props.selectedTabIndex) {\n this.forceUpdate();\n }\n }\n\n onTabSelection(index: number) {\n if (this.state.props.selectedTabIndex != index) {\n this.state.props.onIndexChange && this.state.props.onIndexChange(index);\n }\n }\n\n setPosition() {\n const selectedTabIndex = this.state.props.selectedTabIndex;\n let toIndicatorPosition = 0;\n let toIndicatorWidth = this.headersLayout[selectedTabIndex]?.width \|\| 0;\n let toHeaderScrollPosition = this.headerScrollPositionValue;\n let totalWidth = 0;\n this.headersLayout.forEach((p, i) => {\n if (i < selectedTabIndex) {\n toIndicatorPosition += p.width;\n }\n totalWidth += p.width;\n });\n toHeaderScrollPosition = -1 * (toIndicatorPosition - (this.headerPanelLayout?.width \|\| 0) / 2 + toIndicatorWidth/ 2) ;\n const minScrollPosition = -1 * (totalWidth - (this.headerPanelLayout?.width \|\| 0));\n const maxScrollPosition = 0;\n toHeaderScrollPosition = Math.max(minScrollPosition, toHeaderScrollPosition);\n toHeaderScrollPosition = Math.min(maxScrollPosition, toHeaderScrollPosition);\n Animated.parallel([\n Animated.timing(this.headerScrollPosition, {\n useNativeDriver: true,\n toValue: toHeaderScrollPosition,\n duration: 200,\n easing: Easing.linear\n }),\n Animated.timing(this.indicatorWidth, {\n useNativeDriver: true,\n toValue: toIndicatorWidth / 100,\n duration: 200,\n easing: Easing.linear\n }),\n Animated.timing(this.indicatorPosition, {\n useNativeDriver: true,\n toValue: (toIndicatorPosition - (100 - toIndicatorWidth) / 2),\n duration: 200,\n easing: Easing.linear\n })\n ]).start();\n }\n\n public renderSkeleton(props: WmTabheaderProps){\n return(\n <Animated.View style={{\n transform: [{\n translateX: this.headerScrollPosition\n }]\n }}\n onLayout={this.setHeaderPanelPositon.bind(this)}>\n <View style={this.styles.root}>\n {this.props.data.map((header ,i) => {\n const isSelected = i === this.props.selectedTabIndex;\n return (\n <Tappable onTap={this.onTabSelection.bind(this, i)} key={header.key} styles={{flex: 1}}>\n <View onLayout={this.setHeaderPositon.bind(this, i)} style={[\n this.styles.header, \n isSelected ? this.styles.activeHeader : null]}>\n {\n createSkeleton(this.theme, { root: { borderRadius: 4 }} as WmSkeletonStyles, {\n ...this.styles.root,\n width: this.styles.root?.width \|\| \"100%\",\n height: this.styles.root?.height \|\| this.styles.activeHeaderText?.fontSize \|\| 16\n })\n }\n </View>\n </Tappable>\n );\n })}\n </View>\n <Animated.View style={[this.styles.activeIndicator, {\n transform: [{\n translateX: this.indicatorPosition\n }, {\n scaleX: this.indicatorWidth\n }]\n }]}></Animated.View>\n </Animated.View>\n\n )\n }\n\n renderWidget(props: WmTabheaderProps) {\n this.setPosition();\n return (\n <Animated.View style={{\n transform: [{\n translateX: this.headerScrollPosition\n }]\n }}\n onLayout={this.setHeaderPanelPositon.bind(this)}>\n <View style={this.styles.root}>\n {this._background}\n {props.data.map((header ,i) => {\n const isSelected = i === props.selectedTabIndex ;\n return (\n <Tappable onTap={this.onTabSelection.bind(this, i)} key={header.key} \n styles={this.styles.header.flexGrow ? {flexGrow: this.styles.header.flexGrow} : null}>\n <View onLayout={this.setHeaderPositon.bind(this, i)} style={[\n this.styles.header,\n {flexGrow: undefined},\n isSelected ? this.styles.activeHeader : null]}>\n <Text numberOfLines={1} style={[\n this.styles.headerText, \n isSelected ? this.styles.activeHeaderText : null]}>{header.title}</Text>\n </View>\n </Tappable>\n );\n })}\n </View>\n <Animated.View style={[this.styles.activeIndicator, {\n transform: [{\n translateX: this.indicatorPosition\n }, {\n scaleX: this.indicatorWidth\n }]\n }]}></Animated.View>\n </Animated.View>\n ); \n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","Animated","Easing","Text","View","BaseComponent","BaseComponentState","WmTabheaderProps","DEFAULT_CLASS","Tappable","createSkeleton","BackgroundComponent","WmTabheaderState","WmTabheader","constructor","props","_defineProperty","Value","headerScrollPosition","addListener","_ref","value","headerScrollPositionValue","setHeaderPanelPositon","nativeEvent","headerPanelLayout","layout","setHeaderPositon","index","headersLayout","selectedTabIndex","forceUpdate","onTabSelection","state","onIndexChange","setPosition","_this$headersLayout$s","_this$headerPanelLayo","_this$headerPanelLayo2","toIndicatorPosition","toIndicatorWidth","width","toHeaderScrollPosition","totalWidth","data","length","forEach","p","i","minScrollPosition","maxScrollPosition","Math","max","min","positionIndicator","position","isRTL","parallel","timing","useNativeDriver","toValue","duration","easing","linear","indicatorWidth","indicatorPosition","start","renderSkeleton","createElement","style","transform","translateX","onLayout","bind","styles","root","map","header","_this$styles$root","_this$styles$root2","_this$styles$activeHe","isSelected","onTap","key","flex","activeHeader","theme","borderRadius","height","activeHeaderText","fontSize","activeIndicator","scaleX","renderWidget","overflow","_background","flexGrow","undefined","numberOfLines","headerText","title","backgroundImage","image","backgroundPosition","size","backgroundSize","repeat","backgroundRepeat","resizeMode","backgroundResizeMode","arrowIndicator","arrowIndicatorDot"],"sources":["tabheader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, Easing, LayoutChangeEvent, LayoutRectangle, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmTabheaderProps from './tabheader.props';\nimport { DEFAULT_CLASS, WmTabheaderStyles } from './tabheader.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmSkeleton, { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\n\nexport class WmTabheaderState extends BaseComponentState<WmTabheaderProps> {\n}\n\nexport default class WmTabheader extends BaseComponent<WmTabheaderProps, WmTabheaderState, WmTabheaderStyles> {\n\n private headerPanelLayout: LayoutRectangle = null as any;\n private headersLayout: LayoutRectangle[] = [];\n private headerScrollPosition = new Animated.Value(0);\n private headerScrollPositionValue = 0;\n private indicatorPosition = new Animated.Value(0);\n private indicatorWidth = new Animated.Value(0);\n\n constructor(props: WmTabheaderProps) {\n super(props, DEFAULT_CLASS, new WmTabheaderProps(), new WmTabheaderState());\n this.headerScrollPosition.addListener(({value}) => this.headerScrollPositionValue = value);\n }\n\n setHeaderPanelPositon(nativeEvent: LayoutChangeEvent) {\n this.headerPanelLayout = nativeEvent.nativeEvent.layout;\n }\n\n setHeaderPositon(index: number, nativeEvent: LayoutChangeEvent) {\n this.headersLayout[index] = nativeEvent.nativeEvent.layout;\n if (index === this.props.selectedTabIndex) {\n this.forceUpdate();\n }\n }\n\n onTabSelection(index: number) {\n if (this.state.props.selectedTabIndex != index) {\n this.state.props.onIndexChange && this.state.props.onIndexChange(index);\n }\n }\n\n setPosition() {\n const selectedTabIndex = this.state.props.selectedTabIndex;\n let toIndicatorPosition = 0;\n let toIndicatorWidth = this.headersLayout[selectedTabIndex]?.width \|\| 0;\n let toHeaderScrollPosition = this.headerScrollPositionValue;\n let totalWidth = 0;\n if (this.state.props.data.length !== this.headersLayout.length) {\n return;\n }\n this.headersLayout.forEach((p, i) => {\n if (i < selectedTabIndex) {\n toIndicatorPosition += p.width;\n }\n totalWidth += p.width;\n });\n toHeaderScrollPosition = -1 * (toIndicatorPosition - (this.headerPanelLayout?.width \|\| 0) / 2 + toIndicatorWidth/ 2) ;\n const minScrollPosition = -1 * (totalWidth - (this.headerPanelLayout?.width \|\| 0));\n const maxScrollPosition = 0;\n toHeaderScrollPosition = Math.max(minScrollPosition, toHeaderScrollPosition);\n toHeaderScrollPosition = Math.min(maxScrollPosition, toHeaderScrollPosition);\n let positionIndicator = (toIndicatorPosition - (100 - toIndicatorWidth) / 2);\n let position = this.isRTL?-positionIndicator:positionIndicator;\n Animated.parallel([\n Animated.timing(this.headerScrollPosition, {\n useNativeDriver: true,\n toValue: toHeaderScrollPosition,\n duration: 200,\n easing: Easing.linear\n }),\n Animated.timing(this.indicatorWidth, {\n useNativeDriver: true,\n toValue: toIndicatorWidth / 100,\n duration: 200,\n easing: Easing.linear\n }),\n Animated.timing(this.indicatorPosition, {\n useNativeDriver: true,\n toValue: position,\n duration: 200,\n easing: Easing.linear\n })\n ]).start();\n }\n\n public renderSkeleton(props: WmTabheaderProps){\n return(\n <Animated.View style={{\n transform: [{\n translateX: this.headerScrollPosition\n }]\n }}\n onLayout={this.setHeaderPanelPositon.bind(this)}>\n <View style={this.styles.root}>\n {this.props.data.map((header ,i) => {\n const isSelected = i === this.props.selectedTabIndex;\n return (\n <Tappable onTap={this.onTabSelection.bind(this, i)} key={header.key} styles={{flex: 1}}>\n <View onLayout={this.setHeaderPositon.bind(this, i)} style={[\n this.styles.header, \n isSelected ? this.styles.activeHeader : null]}>\n {\n createSkeleton(this.theme, { root: { borderRadius: 4 }} as WmSkeletonStyles, {\n ...this.styles.root,\n width: this.styles.root?.width \|\| \"100%\",\n height: this.styles.root?.height \|\| this.styles.activeHeaderText?.fontSize \|\| 16\n })\n }\n </View>\n </Tappable>\n );\n })}\n </View>\n <Animated.View style={[this.styles.activeIndicator, {\n transform: [{\n translateX: this.indicatorPosition\n }, {\n scaleX: this.indicatorWidth\n }]\n }]}></Animated.View>\n </Animated.View>\n\n )\n }\n\n renderWidget(props: WmTabheaderProps) {\n this.setPosition();\n const activeIndicator = this.styles.activeIndicator as any;\n return (\n <View style={{overflow: 'hidden'}}>\n <Animated.View style={{\n transform: [{\n translateX: this.headerScrollPosition\n }]\n }}\n onLayout={this.setHeaderPanelPositon.bind(this)}>\n <View style={this.styles.root}>\n {this._background}\n {props.data.map((header ,i) => {\n const isSelected = i === props.selectedTabIndex ;\n return (\n <Tappable onTap={this.onTabSelection.bind(this, i)}\n key={header.key} \n styles={this.styles.header.flexGrow ? {flexGrow: this.styles.header.flexGrow} : null}>\n <View onLayout={this.setHeaderPositon.bind(this, i)}>\n <View style={[\n this.styles.header,\n {flexGrow: undefined},\n isSelected ? this.styles.activeHeader : null]}>\n <Text numberOfLines={1} style={[\n this.styles.headerText, \n isSelected ? this.styles.activeHeaderText : null]}>{header.title}</Text>\n </View>\n </View>\n </Tappable>\n );\n })}\n </View>\n <Animated.View style={[this.styles.activeIndicator, {\n transform: [{\n translateX: this.indicatorPosition\n }, {\n scaleX: this.indicatorWidth\n }]\n }]}>\n {activeIndicator.backgroundImage ? (<BackgroundComponent\n image={activeIndicator.backgroundImage}\n position={activeIndicator.backgroundPosition}\n size={activeIndicator.backgroundSize}\n repeat={activeIndicator.backgroundRepeat}\n resizeMode={activeIndicator.backgroundResizeMode}\n style={{borderRadius: this.styles.root.borderRadius}}\n ></BackgroundComponent>) : null }\n <View style={this.styles.arrowIndicator}>\n <View style={this.styles.arrowIndicatorDot}></View>\n </View>\n </Animated.View>\n </Animated.View>\n </View>\n ); \n }\n}\n"],"mappings":"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"}

app-rn-runtime/components/container/tabs/tabheader/tabheader.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmTabheaderProps"],"sources":["tabheader.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmTabheaderProps extends BaseProps {\n data: {icon: string, key: string, title: string}[] = [] as any;\n selectedTabIndex = 0;\n onIndexChange?: (index: number) => any = null as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;~~EAAA~~;IAAA;~~IAAA~~,~~8BACD~~,EAAE;~~IAAA~~,~~0CACpC~~,CAAC;~~IAAA~~,~~uCACqB~~,IAAI;EAAA;AAC/C"}
1	+ {"version":3,"names":["BaseProps","WmTabheaderProps","constructor","arguments","_defineProperty"],"sources":["tabheader.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmTabheaderProps extends BaseProps {\n data: {icon: string, key: string, title: string}[] = [] as any;\n selectedTabIndex = 0;\n onIndexChange?: (index: number) => any = null as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,eACD,EAAE;IAAAA,eAAA,2BACpC,CAAC;IAAAA,eAAA,wBACqB,IAAI;EAAA;AAC/C"}

app-rn-runtime/components/container/tabs/tabheader/tabheader.styles.js CHANGED Viewed

@@ -38,7 +38,10 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       backgroundColor: themeVariables.tabActiveIndicatorBgColor,
       width: 100,
       height: 4,
-      marginTop: -4
+      marginTop: -4,
+      backgroundPosition: '0px center',
+      backgroundSize: '48px 48px',
+      backgroundRepeat: 'no-repeat'
     },
     activeHeaderIcon: {
       text: {
@@ -48,6 +51,12 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     activeHeaderText: {
       color: themeVariables.tabActiveHeaderTextColor
     },
+    arrowIndicator: {
+      display: 'none'
+    },
+    arrowIndicatorDot: {
+      display: 'none'
+    },
     skeleton: {}
   };
   addStyle(DEFAULT_CLASS, '', defaultStyles);

app-rn-runtime/components/container/tabs/tabheader/tabheader.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BASE_THEME","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","minWidth","overflow","backgroundColor","tabHeaderBgColor","text","header","paddingHorizontal","paddingVertical","justifyContent","flexGrow","headerIcon","color","tabHeaderIconColor","headerText","tabHeaderTextColor","fontFamily","baseFont","fontWeight","fontSize","textTransform","activeHeader","tabActiveHeaderBgColor","activeIndicator","tabActiveIndicatorBgColor","width","height","marginTop","activeHeaderIcon","tabActiveHeaderIconColor","activeHeaderText","tabActiveHeaderTextColor","skeleton"],"sources":["tabheader.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TextStyle, ViewStyle } from 'react-native';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmTabheaderStyles = BaseStyles & {\n activeIndicator: ViewStyle,\n header: ViewStyle,\n headerIcon: WmIconStyles,\n headerText: TextStyle,\n activeHeader: ViewStyle,\n activeHeaderIcon: WmIconStyles,\n activeHeaderText: TextStyle,\n skeleton: WmSkeletonStyles \n};\n\nexport const DEFAULT_CLASS = 'app-tabheader';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles = {\n root: {\n flexDirection: 'row',\n minWidth: '100%',\n overflow: 'visible',\n backgroundColor: themeVariables.tabHeaderBgColor,\n },\n text: {},\n header: {\n backgroundColor: themeVariables.tabHeaderBgColor,\n paddingHorizontal: 12,\n paddingVertical: 12,\n minWidth: 80,\n flexDirection: 'row',\n justifyContent: 'center',\n flexGrow: 1\n },\n headerIcon: {\n text: {\n color: themeVariables.tabHeaderIconColor\n }\n } as WmIconStyles,\n headerText: {\n color: themeVariables.tabHeaderTextColor,\n overflow: 'visible',\n fontFamily: themeVariables.baseFont,\n fontWeight: 'bold',\n fontSize: 16,\n textTransform: 'capitalize'\n },\n activeHeader: {\n backgroundColor: themeVariables.tabActiveHeaderBgColor\n },\n activeIndicator: {\n backgroundColor: themeVariables.tabActiveIndicatorBgColor,\n width: 100,\n height: 4,\n marginTop: -4\n },\n activeHeaderIcon: {\n text: {\n color: themeVariables.tabActiveHeaderIconColor\n }\n } as WmIconStyles,\n activeHeaderText: {\n color: themeVariables.tabActiveHeaderTextColor \n },\n skeleton: {} as WmSkeletonStyles\n } as WmTabheaderStyles;\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;~~AAiB~~/D,OAAO,MAAMC,aAAa,GAAG,eAAe;AAC5CD,UAAU,CAACE,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAG;IAClBC,IAAI,EAAE;MACFC,aAAa,EAAE,KAAK;MACpBC,QAAQ,EAAE,MAAM;MAChBC,QAAQ,EAAE,SAAS;MACnBC,eAAe,EAAEP,cAAc,CAACQ;IACpC,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACJH,eAAe,EAAEP,cAAc,CAACQ,gBAAgB;MAChDG,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAE,EAAE;MACnBP,QAAQ,EAAE,EAAE;MACZD,aAAa,EAAE,KAAK;MACpBS,cAAc,EAAE,QAAQ;MACxBC,QAAQ,EAAE;IACd,CAAC;IACDC,UAAU,EAAE;MACRN,IAAI,EAAE;QACFO,KAAK,EAAEhB,cAAc,CAACiB;MAC1B;IACJ,CAAiB;IACjBC,UAAU,EAAE;MACRF,KAAK,EAAEhB,cAAc,CAACmB,kBAAkB;MACxCb,QAAQ,EAAE,SAAS;MACnBc,UAAU,EAAEpB,cAAc,CAACqB,QAAQ;MACnCC,UAAU,EAAE,MAAM;MAClBC,QAAQ,EAAE,EAAE;MACZC,aAAa,EAAE;IACnB,CAAC;IACDC,YAAY,EAAE;MACVlB,eAAe,EAAEP,cAAc,CAAC0B;IACpC,CAAC;IACDC,eAAe,EAAE;MACbpB,eAAe,EAAEP,cAAc,CAAC4B,yBAAyB;MACzDC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE,CAAC;MACTC,SAAS,EAAE,CAAC;~~IAChB~~,CAAC;IACDC,gBAAgB,EAAE;~~MACdvB~~,IAAI,EAAE;QACFO,KAAK,EAAEhB,cAAc,~~CAACiC~~;MAC1B;IACJ,CAAiB;IACjBC,gBAAgB,EAAE;~~MACdlB~~,KAAK,EAAEhB,cAAc,~~CAACmC~~;IAC1B,CAAC;IACDC,QAAQ,EAAE,CAAC;EACf,CAAsB;~~EACtBnC~~,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}
1	+ {"version":3,"names":["BASE_THEME","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","minWidth","overflow","backgroundColor","tabHeaderBgColor","text","header","paddingHorizontal","paddingVertical","justifyContent","flexGrow","headerIcon","color","tabHeaderIconColor","headerText","tabHeaderTextColor","fontFamily","baseFont","fontWeight","fontSize","textTransform","activeHeader","tabActiveHeaderBgColor","activeIndicator","tabActiveIndicatorBgColor","width","height","marginTop","backgroundPosition","backgroundSize","backgroundRepeat","activeHeaderIcon","tabActiveHeaderIconColor","activeHeaderText","tabActiveHeaderTextColor","arrowIndicator","display","arrowIndicatorDot","skeleton"],"sources":["tabheader.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TextStyle, ViewStyle } from 'react-native';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmTabheaderStyles = BaseStyles & {\n activeIndicator: ViewStyle,\n header: ViewStyle,\n headerIcon: WmIconStyles,\n headerText: TextStyle,\n arrowIndicator: ViewStyle,\n arrowIndicatorDot: ViewStyle,\n activeHeader: ViewStyle,\n activeHeaderIcon: WmIconStyles,\n activeHeaderText: TextStyle,\n skeleton: WmSkeletonStyles \n};\n\nexport const DEFAULT_CLASS = 'app-tabheader';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles = {\n root: {\n flexDirection: 'row',\n minWidth: '100%',\n overflow: 'visible',\n backgroundColor: themeVariables.tabHeaderBgColor,\n },\n text: {},\n header: {\n backgroundColor: themeVariables.tabHeaderBgColor,\n paddingHorizontal: 12,\n paddingVertical: 12,\n minWidth: 80,\n flexDirection: 'row',\n justifyContent: 'center',\n flexGrow: 1\n },\n headerIcon: {\n text: {\n color: themeVariables.tabHeaderIconColor\n }\n } as WmIconStyles,\n headerText: {\n color: themeVariables.tabHeaderTextColor,\n overflow: 'visible',\n fontFamily: themeVariables.baseFont,\n fontWeight: 'bold',\n fontSize: 16,\n textTransform: 'capitalize'\n },\n activeHeader: {\n backgroundColor: themeVariables.tabActiveHeaderBgColor\n },\n activeIndicator: {\n backgroundColor: themeVariables.tabActiveIndicatorBgColor,\n width: 100,\n height: 4,\n marginTop: -4,\n backgroundPosition: '0px center',\n backgroundSize: '48px 48px',\n backgroundRepeat: 'no-repeat'\n },\n activeHeaderIcon: {\n text: {\n color: themeVariables.tabActiveHeaderIconColor\n }\n } as WmIconStyles,\n activeHeaderText: {\n color: themeVariables.tabActiveHeaderTextColor \n },\n arrowIndicator: {\n display: 'none'\n },\n arrowIndicatorDot: {\n display: 'none'\n },\n skeleton: {} as WmSkeletonStyles\n } as WmTabheaderStyles;\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAmB/D,OAAO,MAAMC,aAAa,GAAG,eAAe;AAC5CD,UAAU,CAACE,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAG;IAClBC,IAAI,EAAE;MACFC,aAAa,EAAE,KAAK;MACpBC,QAAQ,EAAE,MAAM;MAChBC,QAAQ,EAAE,SAAS;MACnBC,eAAe,EAAEP,cAAc,CAACQ;IACpC,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACJH,eAAe,EAAEP,cAAc,CAACQ,gBAAgB;MAChDG,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAE,EAAE;MACnBP,QAAQ,EAAE,EAAE;MACZD,aAAa,EAAE,KAAK;MACpBS,cAAc,EAAE,QAAQ;MACxBC,QAAQ,EAAE;IACd,CAAC;IACDC,UAAU,EAAE;MACRN,IAAI,EAAE;QACFO,KAAK,EAAEhB,cAAc,CAACiB;MAC1B;IACJ,CAAiB;IACjBC,UAAU,EAAE;MACRF,KAAK,EAAEhB,cAAc,CAACmB,kBAAkB;MACxCb,QAAQ,EAAE,SAAS;MACnBc,UAAU,EAAEpB,cAAc,CAACqB,QAAQ;MACnCC,UAAU,EAAE,MAAM;MAClBC,QAAQ,EAAE,EAAE;MACZC,aAAa,EAAE;IACnB,CAAC;IACDC,YAAY,EAAE;MACVlB,eAAe,EAAEP,cAAc,CAAC0B;IACpC,CAAC;IACDC,eAAe,EAAE;MACbpB,eAAe,EAAEP,cAAc,CAAC4B,yBAAyB;MACzDC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE,CAAC;MACTC,SAAS,EAAE,CAAC,CAAC;MACbC,kBAAkB,EAAE,YAAY;MAChCC,cAAc,EAAE,WAAW;MAC3BC,gBAAgB,EAAE;IACtB,CAAC;IACDC,gBAAgB,EAAE;MACd1B,IAAI,EAAE;QACFO,KAAK,EAAEhB,cAAc,CAACoC;MAC1B;IACJ,CAAiB;IACjBC,gBAAgB,EAAE;MACdrB,KAAK,EAAEhB,cAAc,CAACsC;IAC1B,CAAC;IACDC,cAAc,EAAE;MACZC,OAAO,EAAE;IACb,CAAC;IACDC,iBAAiB,EAAE;MACfD,OAAO,EAAE;IACb,CAAC;IACDE,QAAQ,EAAE,CAAC;EACf,CAAsB;EACtBzC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

app-rn-runtime/components/container/tabs/tabpane/tabpane.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmTabpaneProps","DEFAULT_CLASS","WmTabpaneState","~~WmTabpane~~","~~constructor~~","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","componentDidMount","tabs","parent","addTabPane","proxy","_onSelect","_onDeselect","select","selectTabPane","renderWidget","styles","root","_background"],"sources":["tabpane.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmTabpaneProps from './tabpane.props';\nimport { DEFAULT_CLASS, WmTabpaneStyles } from './tabpane.styles';\nimport WmTabs from '../tabs.component';\n\nexport class WmTabpaneState extends BaseComponentState<WmTabpaneProps> {\n isPartialLoaded = false;\n}\n\nexport default class WmTabpane extends BaseComponent<WmTabpaneProps, WmTabpaneState, WmTabpaneStyles> {\n\n constructor(props: WmTabpaneProps) {\n super(props, DEFAULT_CLASS, new WmTabpaneProps());\n }\n\n onPartialLoad() {\n this.invokeEventCallback('onLoad', [null, this]);\n }\n\n renderContent(props: WmTabpaneProps) {\n if (props.renderPartial) {\n if (!this.state.isPartialLoaded) {\n setTimeout(() => {\n this.updateState({\n isPartialLoaded: true\n } as WmTabpaneState);\n });\n }\n return props.renderPartial(this.onPartialLoad.bind(this));\n }\n return props.children;\n }\n\n componentDidMount() {\n const tabs = (this.parent) as WmTabs;\n tabs.addTabPane(this.proxy as WmTabpane);\n super.componentDidMount();\n }\n\n _onSelect() {\n this.invokeEventCallback('onSelect', [null, this.proxy]);\n }\n _onDeselect() {\n this.invokeEventCallback('onDeselect', [null, this.proxy]);\n }\n\n select() {\n (this.parent as WmTabs).selectTabPane(this);\n }\n\n renderWidget(props: WmTabpaneProps) {\n return (<View style={this.styles.root}>{this._background}{this.renderContent(props)}</View>);\n }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AAGjE,OAAO,MAAMC,cAAc,SAASH,kBAAkB,CAAiB;~~EAAA~~;IAAA;~~IAAA~~,~~yCACnD~~,KAAK;EAAA;AACzB;AAEA,eAAe,~~MAAMI~~,SAAS,~~SAASL~~,aAAa,CAAkD;~~EAEpGM~~,~~WAAW~~,~~CAACC~~,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,~~EAAEJ~~,aAAa,EAAE,IAAID,cAAc,~~EAAE~~,CAAC;EACnD;~~EAEAM~~,~~aAAa~~,~~GAAG~~;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEAC,~~aAAa~~,CAACH,KAAqB,EAAE;IACnC,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,CAAC~~,CAAmB~~;QACtB,CAAC,CAAC;MACJ;MACA,OAAON,KAAK,CAACI,aAAa,CAAC,IAAI,CAACH,aAAa,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D;IACA,OAAOT,KAAK,CAACU,QAAQ;EACvB;EAEAC,~~iBAAiB~~,~~GAAG~~;IAClB,MAAMC,IAAI,GAAI,IAAI,CAACC,MAAiB;IACpCD,IAAI,CAACE,UAAU,CAAC,IAAI,CAACC,~~KAAK~~,~~CAAc~~;IACxC,KAAK,CAACJ,iBAAiB,~~EAAE~~;EAC3B;EAEAK,~~SAAS~~,~~GAAG~~;IACV,IAAI,CAACd,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACa,KAAK,CAAC,CAAC;EAC1D;EACAE,~~WAAW~~,~~GAAG~~;IACZ,IAAI,CAACf,mBAAmB,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,CAACa,KAAK,CAAC,CAAC;EAC5D;EAEAG,~~MAAM~~,~~GAAG~~;IACN,IAAI,CAACL,MAAM,CAAYM,aAAa,CAAC,IAAI,CAAC;EAC7C;EAEAC,~~YAAY~~,CAACpB,KAAqB,EAAE;IAClC,~~oBAAQ~~,~~oBAAC~~,IAAI;~~MAAC~~,KAAK,EAAE,IAAI,~~CAACqB~~,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAE,IAAI,~~CAACpB~~,aAAa,CAACH,KAAK,CAAC~~,CAAQ~~;EAC7F;AACF"}
1	+ {"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmTabpaneProps","DEFAULT_CLASS","WmTabpaneState","constructor","arguments","_defineProperty","WmTabpane","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","componentDidMount","tabs","parent","addTabPane","proxy","_onSelect","_onDeselect","select","selectTabPane","renderWidget","createElement","style","styles","root","_background"],"sources":["tabpane.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmTabpaneProps from './tabpane.props';\nimport { DEFAULT_CLASS, WmTabpaneStyles } from './tabpane.styles';\nimport WmTabs from '../tabs.component';\n\nexport class WmTabpaneState extends BaseComponentState<WmTabpaneProps> {\n isPartialLoaded = false;\n}\n\nexport default class WmTabpane extends BaseComponent<WmTabpaneProps, WmTabpaneState, WmTabpaneStyles> {\n\n constructor(props: WmTabpaneProps) {\n super(props, DEFAULT_CLASS, new WmTabpaneProps());\n }\n\n onPartialLoad() {\n this.invokeEventCallback('onLoad', [null, this]);\n }\n\n renderContent(props: WmTabpaneProps) {\n if (props.renderPartial) {\n if (!this.state.isPartialLoaded) {\n setTimeout(() => {\n this.updateState({\n isPartialLoaded: true\n } as WmTabpaneState);\n });\n }\n return props.renderPartial(this.onPartialLoad.bind(this));\n }\n return props.children;\n }\n\n componentDidMount() {\n const tabs = (this.parent) as WmTabs;\n tabs.addTabPane(this.proxy as WmTabpane);\n super.componentDidMount();\n }\n\n _onSelect() {\n this.invokeEventCallback('onSelect', [null, this.proxy]);\n }\n _onDeselect() {\n this.invokeEventCallback('onDeselect', [null, this.proxy]);\n }\n\n select() {\n (this.parent as WmTabs).selectTabPane(this);\n }\n\n renderWidget(props: WmTabpaneProps) {\n return (<View style={this.styles.root}>{this._background}{this.renderContent(props)}</View>);\n }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AAGjE,OAAO,MAAMC,cAAc,SAASH,kBAAkB,CAAiB;EAAAI,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,0BACnD,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMC,SAAS,SAASR,aAAa,CAAkD;EAEpGK,WAAWA,CAACI,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,cAAc,CAAC,CAAC,CAAC;EACnD;EAEAQ,aAAaA,CAAA,EAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEAC,aAAaA,CAACH,KAAqB,EAAE;IACnC,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,CAAmB,CAAC;QACtB,CAAC,CAAC;MACJ;MACA,OAAON,KAAK,CAACI,aAAa,CAAC,IAAI,CAACH,aAAa,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D;IACA,OAAOT,KAAK,CAACU,QAAQ;EACvB;EAEAC,iBAAiBA,CAAA,EAAG;IAClB,MAAMC,IAAI,GAAI,IAAI,CAACC,MAAiB;IACpCD,IAAI,CAACE,UAAU,CAAC,IAAI,CAACC,KAAkB,CAAC;IACxC,KAAK,CAACJ,iBAAiB,CAAC,CAAC;EAC3B;EAEAK,SAASA,CAAA,EAAG;IACV,IAAI,CAACd,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACa,KAAK,CAAC,CAAC;EAC1D;EACAE,WAAWA,CAAA,EAAG;IACZ,IAAI,CAACf,mBAAmB,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,CAACa,KAAK,CAAC,CAAC;EAC5D;EAEAG,MAAMA,CAAA,EAAG;IACN,IAAI,CAACL,MAAM,CAAYM,aAAa,CAAC,IAAI,CAAC;EAC7C;EAEAC,YAAYA,CAACpB,KAAqB,EAAE;IAClC,oBAAQX,KAAA,CAAAgC,aAAA,CAAC/B,IAAI;MAACgC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAE,IAAI,CAACtB,aAAa,CAACH,KAAK,CAAQ,CAAC;EAC7F;AACF"}

app-rn-runtime/components/container/tabs/tabpane/tabpane.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmTabpaneProps"],"sources":["tabpane.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmTabpaneProps extends BaseProps {\n children: any;\n paneicon: string = null as any;\n title: string = 'Tab Title';\n renderPartial?: Function;\n isPartialLoaded = false;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;~~EAAA~~;IAAA;~~IAAA~~;~~IAAA~~,~~kCAEjC~~,IAAI;~~IAAA,+BACP~~,WAAW;~~IAAA~~;~~IAAA~~,~~yCAET~~,KAAK;EAAA;AACzB"}
1	+ {"version":3,"names":["BaseProps","WmTabpaneProps","constructor","arguments","_defineProperty"],"sources":["tabpane.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmTabpaneProps extends BaseProps {\n children: any;\n paneicon: string = null as any;\n title: string = 'Tab Title';\n renderPartial?: Function;\n isPartialLoaded = false;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,mBAEjC,IAAI;IAAAA,eAAA,gBACP,WAAW;IAAAA,eAAA;IAAAA,eAAA,0BAET,KAAK;EAAA;AACzB"}