@wavemaker/app-rn-runtime 11.5.0-next.40301 → 11.5.0-rc.151

app-rn-runtime/components/data/list/list.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","listIcon","marginTop","marginRight","groupHeading","backgroundColor","groupHeadingBgColor","fontSize","paddingLeft","paddingRight","lineHeight","fontFamily","baseFont","loadingIcon","flex","alignSelf","justifyContent","color","listSubTitleColor","heading","padding","marginBottom","listHeaderBgColor","title","listTitleColor","subheading","emptyMessage","item","getStyle","shadowColor","flexDirection","paddingTop","paddingBottom","itemBgColor","borderRadius","borderStyle","selectedItem","selectedIcon","position","right","top","primaryColor","minWidth","width","borderBottomWidth","borderBottomColor","listDividerColor","borderRightWidth","borderRightColor"],"sources":["list.styles.ts"],"sourcesContent":["import { TextStyle, ViewStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } 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';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmListStyles = BaseStyles & {\n    heading: AllStyle,\n    groupHeading: TextStyle,\n    listIcon: WmIconStyles,\n    loadingIcon: WmIconStyles,\n    title: WmLabelStyles,\n    subheading: WmLabelStyles,\n    emptyMessage: WmLabelStyles,\n    item: AllStyle,\n    selectedItem: AllStyle,\n    selectedIcon: WmIconStyles\n};\n\nexport const DEFAULT_CLASS = 'app-list';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmListStyles = defineStyles({\n        root: {},\n        text: {},\n        listIcon: {\n            root: {\n                marginTop: 4,\n                marginRight: 8\n            }\n        } as WmIconStyles,\n        groupHeading: {\n            backgroundColor: themeVariables.groupHeadingBgColor,\n            fontSize: 16,\n            paddingLeft: 8,\n            paddingRight: 8,\n            lineHeight: 40,\n            fontFamily: themeVariables.baseFont\n        },\n        loadingIcon: {\n            root: {\n                flex: 1,\n                alignSelf: 'center',\n                justifyContent: 'center',\n                fontSize: 16\n            },\n            text: {\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmIconStyles,\n        heading : {\n            padding: 8,\n            marginBottom: 6,\n            backgroundColor: themeVariables.listHeaderBgColor\n        },\n        title: {\n            text: {\n                color: themeVariables.listTitleColor,\n                fontSize: 16,\n                lineHeight: 24,\n            }\n        } as WmLabelStyles,\n        subheading: {\n            text: {\n                fontSize: 12,\n                lineHeight: 16,\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmLabelStyles,\n        emptyMessage: {\n            root: {\n                flex: 1,\n                alignSelf: 'center',\n                fontSize: 16,\n                lineHeight: 18,\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmLabelStyles,\n        item: {\n            ...BASE_THEME.getStyle('elevate1').root,\n            shadowColor: 'rgba(0, 0, 0, 0.3)',\n            flexDirection: 'row',\n            flex: 1,\n            paddingLeft: 4,\n            paddingRight: 4,\n            paddingTop: 4,\n            paddingBottom: 4,\n            backgroundColor: themeVariables.itemBgColor,\n            borderRadius: 6,\n            borderStyle: 'solid',\n        },\n        selectedItem : {} as AllStyle,\n        selectedIcon : {\n            root: {\n                position: 'absolute',\n                right: 0,\n                top: 0\n            },\n            text: {\n                color: themeVariables.primaryColor,\n                fontSize: 16\n            }\n        } as WmIconStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n    addStyle('app-horizontal-list', '', {\n        groupHeading: {\n            minWidth: 120,\n            backgroundColor: themeVariables.groupHeadingBgColor,\n        },\n        item: {\n            marginRight: 6\n        }\n    } as WmListStyles);\n\n    addStyle('app-vertical-list', '', {\n        item: {\n            marginBottom: 6,\n            width: '100%',\n            borderBottomWidth: 0,\n            borderBottomColor: themeVariables.listDividerColor,\n        }\n    } as any as WmListStyles);\n\n    addStyle('app-horizontal-list-dense', '', {\n        item: {\n            marginRight: 0,\n            borderRadius: 0,\n            borderRightWidth: 1,\n            borderRightColor: 'rgba(0,0,0,0.05)'\n        } as ViewStyle\n    } as WmListStyles);\n\n    addStyle('app-list-dense', '', {\n        item: {\n            marginBottom: 0,\n            borderRadius: 0,\n            borderBottomWidth: 1,\n            borderBottomColor: 'rgba(0,0,0,0.05)'\n        } as ViewStyle\n    } as WmListStyles);\n});\n"],"mappings":"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"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","listIcon","marginTop","marginRight","groupHeading","backgroundColor","groupHeadingBgColor","fontSize","paddingLeft","paddingRight","lineHeight","fontFamily","baseFont","loadingIcon","flex","alignSelf","justifyContent","color","listSubTitleColor","heading","padding","marginBottom","listHeaderBgColor","title","listTitleColor","fontWeight","subheading","emptyMessage","item","getStyle","shadowColor","flexDirection","paddingTop","paddingBottom","minHeight","itemBgColor","borderColor","selectedItemBorderColor","borderRadius","borderStyle","selectedItem","selectedIcon","position","right","top","primaryColor","minWidth","width","borderBottomWidth","borderBottomColor","listDividerColor","borderRightWidth","borderRightColor"],"sources":["list.styles.ts"],"sourcesContent":["import { TextStyle, ViewStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } 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';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmListStyles = BaseStyles & {\n    heading: AllStyle,\n    groupHeading: TextStyle,\n    listIcon: WmIconStyles,\n    loadingIcon: WmIconStyles,\n    title: WmLabelStyles,\n    subheading: WmLabelStyles,\n    emptyMessage: WmLabelStyles,\n    item: AllStyle,\n    selectedItem: AllStyle,\n    selectedIcon: WmIconStyles\n};\n\nexport const DEFAULT_CLASS = 'app-list';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmListStyles = defineStyles({\n        root: {},\n        text: {},\n        listIcon: {\n            root: {\n                marginTop: 10,\n                marginRight: 8\n            }\n        } as WmIconStyles,\n        groupHeading: {\n            backgroundColor: themeVariables.groupHeadingBgColor,\n            fontSize: 16,\n            paddingLeft: 8,\n            paddingRight: 8,\n            lineHeight: 40,\n            fontFamily: themeVariables.baseFont\n        },\n        loadingIcon: {\n            root: {\n                flex: 1,\n                alignSelf: 'center',\n                justifyContent: 'center',\n                fontSize: 16\n            },\n            text: {\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmIconStyles,\n        heading : {\n            padding: 8,\n            marginBottom: 6,\n            backgroundColor: themeVariables.listHeaderBgColor\n        },\n        title: {\n            text: {\n                color: themeVariables.listTitleColor,\n                fontSize: 16,\n                fontFamily: themeVariables.baseFont,\n                lineHeight: 24,\n                fontWeight: '400'   \n            }\n        } as WmLabelStyles,\n        subheading: {\n            text: {\n                fontSize: 14,\n                lineHeight: 20,\n                fontFamily: themeVariables.baseFont,\n                fontWeight: '400',\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmLabelStyles,\n        emptyMessage: {\n            root: {\n                flex: 1,\n                alignSelf: 'center',\n                fontSize: 16,\n                lineHeight: 18,\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmLabelStyles,\n        item: {\n            ...BASE_THEME.getStyle('elevate1').root,\n            shadowColor: 'rgba(0, 0, 0, 0.3)',\n            flexDirection: 'row',\n            flex: 1,\n            paddingLeft: 4,\n            paddingRight: 4,\n            paddingTop: 4,\n            paddingBottom: 4,\n            minHeight: 56,\n            backgroundColor: themeVariables.itemBgColor,\n            borderColor: themeVariables.selectedItemBorderColor,\n            borderRadius: 6,\n            borderStyle: 'solid',\n        },\n        selectedItem : {} as AllStyle,\n        selectedIcon : {\n            root: {\n                position: 'absolute',\n                right: 0,\n                top: 0\n            },\n            text: {\n                color: themeVariables.primaryColor,\n                fontSize: 16\n            }\n        } as WmIconStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n    addStyle('app-horizontal-list', '', {\n        groupHeading: {\n            minWidth: 120,\n            backgroundColor: themeVariables.groupHeadingBgColor,\n        },\n        item: {\n            marginRight: 6,\n            borderColor: themeVariables.selectedItemBorderColor,\n        }\n    } as WmListStyles);\n\n    addStyle('app-vertical-list', '', {\n        item: {\n            marginBottom: 6,\n            width: '100%',\n            borderBottomWidth: 0,\n            borderBottomColor: themeVariables.listDividerColor,\n        }\n    } as any as WmListStyles);\n\n    addStyle('app-horizontal-list-dense', '', {\n        item: {\n            marginRight: 0,\n            borderRadius: 0,\n            borderRightWidth: 1,\n            borderRightColor: 'rgba(0,0,0,0.05)'\n        } as ViewStyle\n    } as WmListStyles);\n\n    addStyle('app-list-dense', '', {\n        item: {\n            marginBottom: 0,\n            borderRadius: 0,\n            borderBottomWidth: 1,\n            borderBottomColor: 'rgba(0,0,0,0.05)'\n        } as ViewStyle\n    } as WmListStyles);\n});\n"],"mappings":"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"}

app-rn-runtime/components/device/barcodescanner/barcodescanner.component.js

@@ -34,6 +34,7 @@ export default class WmBarcodescanner extends BaseComponent {
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
       }, this._background, /*#__PURE__*/React.createElement(WmButton, {
+        id: this.getTestId('button'),
         iconclass: props.iconclass,
         styles: this.styles.button,
         onTap: this.onScanTap.bind(this),

app-rn-runtime/components/device/barcodescanner/barcodescanner.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","ScanConsumer","WmBarcodescannerProps","DEFAULT_CLASS","WmButton","WmBarcodescannerState","WmBarcodescanner","constructor","props","_defineProperty","onScanTap","params","barcodeFormat","state","barcodeformat","scanner","scanBarcode","then","res","updateState","datavalue","text","invokeEventCallback","proxy","renderWidget","createElement","scanService","style","styles","root","_background","iconclass","button","onTap","bind","caption","iconsize"],"sources":["barcodescanner.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ScanInput, ScanOutput } from '@wavemaker/app-rn-runtime/variables/device/scan/scan.operation';\nimport { ScanConsumer, ScanService } from '@wavemaker/app-rn-runtime/core/device/scan-service';\n\nimport WmBarcodescannerProps from './barcodescanner.props';\nimport { DEFAULT_CLASS, WmBarcodescannerStyles } from './barcodescanner.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\n\nexport class WmBarcodescannerState extends BaseComponentState<WmBarcodescannerProps> {}\n\nexport default class WmBarcodescanner extends BaseComponent<WmBarcodescannerProps, WmBarcodescannerState, WmBarcodescannerStyles> {\n  private scanner: ScanService = null as any;\n  constructor(props: WmBarcodescannerProps) {\n    super(props, DEFAULT_CLASS, new WmBarcodescannerProps());\n  }\n\n  onScanTap() {\n    const params: ScanInput = {\n      barcodeFormat: this.state.props.barcodeformat\n    };\n    this.scanner.scanBarcode(params).then((res: ScanOutput) => {\n      this.updateState({\n        props: {\n          datavalue: res.text\n        }\n      } as WmBarcodescannerState, () => {\n        this.invokeEventCallback('onSuccess', [null, this.proxy]);\n      });\n    })\n  }\n\n  renderWidget(props: WmBarcodescannerProps) {\n    return (\n      <ScanConsumer>\n        {(scanService: ScanService) => {\n          this.scanner = scanService;\n          return <View style={this.styles.root}>\n            {this._background}\n            <WmButton iconclass={props.iconclass} styles={this.styles.button} onTap={this.onScanTap.bind(this)} caption={props.caption} iconsize={props.iconsize}></WmButton>\n          </View>\n        }}\n      </ScanConsumer>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,SAASC,YAAY,QAAqB,oDAAoD;AAE9F,OAAOC,qBAAqB,MAAM,wBAAwB;AAC1D,SAASC,aAAa,QAAgC,yBAAyB;AAC/E,OAAOC,QAAQ,MAAM,oEAAoE;AAEzF,OAAO,MAAMC,qBAAqB,SAASL,kBAAkB,CAAwB;AAErF,eAAe,MAAMM,gBAAgB,SAASP,aAAa,CAAuE;EAEhIQ,WAAWA,CAACC,KAA4B,EAAE;IACxC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,qBAAqB,CAAC,CAAC,CAAC;IAACO,eAAA,kBAF5B,IAAI;EAGnC;EAEAC,SAASA,CAAA,EAAG;IACV,MAAMC,MAAiB,GAAG;MACxBC,aAAa,EAAE,IAAI,CAACC,KAAK,CAACL,KAAK,CAACM;IAClC,CAAC;IACD,IAAI,CAACC,OAAO,CAACC,WAAW,CAACL,MAAM,CAAC,CAACM,IAAI,CAAEC,GAAe,IAAK;MACzD,IAAI,CAACC,WAAW,CAAC;QACfX,KAAK,EAAE;UACLY,SAAS,EAAEF,GAAG,CAACG;QACjB;MACF,CAAC,EAA2B,MAAM;QAChC,IAAI,CAACC,mBAAmB,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;MAC3D,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EAEAC,YAAYA,CAAChB,KAA4B,EAAE;IACzC,oBACEX,KAAA,CAAA4B,aAAA,CAACxB,YAAY,QACTyB,WAAwB,IAAK;MAC7B,IAAI,CAACX,OAAO,GAAGW,WAAW;MAC1B,oBAAO7B,KAAA,CAAA4B,aAAA,CAAC3B,IAAI;QAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;MAAK,GAClC,IAAI,CAACC,WAAW,eACjBjC,KAAA,CAAA4B,aAAA,CAACrB,QAAQ;QAAC2B,SAAS,EAAEvB,KAAK,CAACuB,SAAU;QAACH,MAAM,EAAE,IAAI,CAACA,MAAM,CAACI,MAAO;QAACC,KAAK,EAAE,IAAI,CAACvB,SAAS,CAACwB,IAAI,CAAC,IAAI,CAAE;QAACC,OAAO,EAAE3B,KAAK,CAAC2B,OAAQ;QAACC,QAAQ,EAAE5B,KAAK,CAAC4B;MAAS,CAAW,CAC5J,CAAC;IACT,CACY,CAAC;EAEnB;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","ScanConsumer","WmBarcodescannerProps","DEFAULT_CLASS","WmButton","WmBarcodescannerState","WmBarcodescanner","constructor","props","_defineProperty","onScanTap","params","barcodeFormat","state","barcodeformat","scanner","scanBarcode","then","res","updateState","datavalue","text","invokeEventCallback","proxy","renderWidget","createElement","scanService","style","styles","root","_background","id","getTestId","iconclass","button","onTap","bind","caption","iconsize"],"sources":["barcodescanner.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ScanInput, ScanOutput } from '@wavemaker/app-rn-runtime/variables/device/scan/scan.operation';\nimport { ScanConsumer, ScanService } from '@wavemaker/app-rn-runtime/core/device/scan-service';\n\nimport WmBarcodescannerProps from './barcodescanner.props';\nimport { DEFAULT_CLASS, WmBarcodescannerStyles } from './barcodescanner.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\n\nexport class WmBarcodescannerState extends BaseComponentState<WmBarcodescannerProps> {}\n\nexport default class WmBarcodescanner extends BaseComponent<WmBarcodescannerProps, WmBarcodescannerState, WmBarcodescannerStyles> {\n  private scanner: ScanService = null as any;\n  constructor(props: WmBarcodescannerProps) {\n    super(props, DEFAULT_CLASS, new WmBarcodescannerProps());\n  }\n\n  onScanTap() {\n    const params: ScanInput = {\n      barcodeFormat: this.state.props.barcodeformat\n    };\n    this.scanner.scanBarcode(params).then((res: ScanOutput) => {\n      this.updateState({\n        props: {\n          datavalue: res.text\n        }\n      } as WmBarcodescannerState, () => {\n        this.invokeEventCallback('onSuccess', [null, this.proxy]);\n      });\n    })\n  }\n\n  renderWidget(props: WmBarcodescannerProps) {\n    return (\n      <ScanConsumer>\n        {(scanService: ScanService) => {\n          this.scanner = scanService;\n          return <View style={this.styles.root}>\n            {this._background}\n            <WmButton id={this.getTestId('button')} iconclass={props.iconclass} styles={this.styles.button} onTap={this.onScanTap.bind(this)} caption={props.caption} iconsize={props.iconsize}></WmButton>\n          </View>\n        }}\n      </ScanConsumer>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,SAASC,YAAY,QAAqB,oDAAoD;AAE9F,OAAOC,qBAAqB,MAAM,wBAAwB;AAC1D,SAASC,aAAa,QAAgC,yBAAyB;AAC/E,OAAOC,QAAQ,MAAM,oEAAoE;AAEzF,OAAO,MAAMC,qBAAqB,SAASL,kBAAkB,CAAwB;AAErF,eAAe,MAAMM,gBAAgB,SAASP,aAAa,CAAuE;EAEhIQ,WAAWA,CAACC,KAA4B,EAAE;IACxC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,qBAAqB,CAAC,CAAC,CAAC;IAACO,eAAA,kBAF5B,IAAI;EAGnC;EAEAC,SAASA,CAAA,EAAG;IACV,MAAMC,MAAiB,GAAG;MACxBC,aAAa,EAAE,IAAI,CAACC,KAAK,CAACL,KAAK,CAACM;IAClC,CAAC;IACD,IAAI,CAACC,OAAO,CAACC,WAAW,CAACL,MAAM,CAAC,CAACM,IAAI,CAAEC,GAAe,IAAK;MACzD,IAAI,CAACC,WAAW,CAAC;QACfX,KAAK,EAAE;UACLY,SAAS,EAAEF,GAAG,CAACG;QACjB;MACF,CAAC,EAA2B,MAAM;QAChC,IAAI,CAACC,mBAAmB,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;MAC3D,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EAEAC,YAAYA,CAAChB,KAA4B,EAAE;IACzC,oBACEX,KAAA,CAAA4B,aAAA,CAACxB,YAAY,QACTyB,WAAwB,IAAK;MAC7B,IAAI,CAACX,OAAO,GAAGW,WAAW;MAC1B,oBAAO7B,KAAA,CAAA4B,aAAA,CAAC3B,IAAI;QAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;MAAK,GAClC,IAAI,CAACC,WAAW,eACjBjC,KAAA,CAAA4B,aAAA,CAACrB,QAAQ;QAAC2B,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,QAAQ,CAAE;QAACC,SAAS,EAAEzB,KAAK,CAACyB,SAAU;QAACL,MAAM,EAAE,IAAI,CAACA,MAAM,CAACM,MAAO;QAACC,KAAK,EAAE,IAAI,CAACzB,SAAS,CAAC0B,IAAI,CAAC,IAAI,CAAE;QAACC,OAAO,EAAE7B,KAAK,CAAC6B,OAAQ;QAACC,QAAQ,EAAE9B,KAAK,CAAC8B;MAAS,CAAW,CAC1L,CAAC;IACT,CACY,CAAC;EAEnB;AACF"}

app-rn-runtime/components/device/barcodescanner/barcodescanner.styles.js

@@ -10,7 +10,8 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
         borderWidth: 1,
         borderColor: themeVariables.barcodeScannerBorderColor,
         borderStyle: 'solid',
-        backgroundColor: themeVariables.barcodeScannerBgColor
+        backgroundColor: themeVariables.barcodeScannerBgColor,
+        borderRadius: 4
       },
       text: {
         color: themeVariables.barcodeScannerTextColor

app-rn-runtime/components/device/barcodescanner/barcodescanner.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","button","borderWidth","borderColor","barcodeScannerBorderColor","borderStyle","backgroundColor","barcodeScannerBgColor","color","barcodeScannerTextColor","icon","fontSize"],"sources":["barcodescanner.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 { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmBarcodescannerStyles = BaseStyles & {\n  button: WmButtonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-barcodescanner';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmBarcodescannerStyles = defineStyles({\n      root: {},\n      text: {},\n      button: {\n        root: {\n          borderWidth: 1,\n          borderColor: themeVariables.barcodeScannerBorderColor,\n          borderStyle: 'solid',\n          backgroundColor: themeVariables.barcodeScannerBgColor\n        },\n        text: {\n          color: themeVariables.barcodeScannerTextColor\n        },\n        icon: {\n          text: {\n            color: themeVariables.barcodeScannerTextColor\n          },\n          icon: {\n            fontSize: 24\n          }\n        }\n      } as WmButtonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,oBAAoB;AACjDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAqC,GAAGL,YAAY,CAAC;IACvDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACNF,IAAI,EAAE;QACJG,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEP,cAAc,CAACQ,yBAAyB;QACrDC,WAAW,EAAE,OAAO;QACpBC,eAAe,EAAEV,cAAc,CAACW;MAClC,CAAC;MACDP,IAAI,EAAE;QACJQ,KAAK,EAAEZ,cAAc,CAACa;MACxB,CAAC;MACDC,IAAI,EAAE;QACJV,IAAI,EAAE;UACJQ,KAAK,EAAEZ,cAAc,CAACa;QACxB,CAAC;QACDC,IAAI,EAAE;UACJC,QAAQ,EAAE;QACZ;MACF;IACF;EACJ,CAAC,CAAC;EAEFd,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","button","borderWidth","borderColor","barcodeScannerBorderColor","borderStyle","backgroundColor","barcodeScannerBgColor","borderRadius","color","barcodeScannerTextColor","icon","fontSize"],"sources":["barcodescanner.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 { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmBarcodescannerStyles = BaseStyles & {\n  button: WmButtonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-barcodescanner';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmBarcodescannerStyles = defineStyles({\n      root: {},\n      text: {},\n      button: {\n        root: {\n          borderWidth: 1,\n          borderColor: themeVariables.barcodeScannerBorderColor,\n          borderStyle: 'solid',\n          backgroundColor: themeVariables.barcodeScannerBgColor,\n          borderRadius: 4\n        },\n        text: {\n          color: themeVariables.barcodeScannerTextColor\n        },\n        icon: {\n          text: {\n            color: themeVariables.barcodeScannerTextColor\n          },\n          icon: {\n            fontSize: 24\n          }\n        }\n      } as WmButtonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,oBAAoB;AACjDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAqC,GAAGL,YAAY,CAAC;IACvDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACNF,IAAI,EAAE;QACJG,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEP,cAAc,CAACQ,yBAAyB;QACrDC,WAAW,EAAE,OAAO;QACpBC,eAAe,EAAEV,cAAc,CAACW,qBAAqB;QACrDC,YAAY,EAAE;MAChB,CAAC;MACDR,IAAI,EAAE;QACJS,KAAK,EAAEb,cAAc,CAACc;MACxB,CAAC;MACDC,IAAI,EAAE;QACJX,IAAI,EAAE;UACJS,KAAK,EAAEb,cAAc,CAACc;QACxB,CAAC;QACDC,IAAI,EAAE;UACJC,QAAQ,EAAE;QACZ;MACF;IACF;EACJ,CAAC,CAAC;EAEFf,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}

app-rn-runtime/components/device/camera/camera.component.js

@@ -53,6 +53,7 @@ export default class WmCamera extends BaseComponent {
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
       }, /*#__PURE__*/React.createElement(WmButton, {
+        id: this.getTestId('button'),
         iconclass: props.iconclass,
         styles: this.styles.button,
         iconsize: props.iconsize,

app-rn-runtime/components/device/camera/camera.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCameraProps","DEFAULT_CLASS","WmButton","CameraConsumer","WmCameraState","WmCamera","constructor","props","_defineProperty","onCameraTap","state","capturetype","params","allowImageEdit","allowedit","imageQuality","imagequality","imageEncodingType","imageencodingtype","imageTargetWidth","imagetargetwidth","imageTargetHeight","imagetargetheight","camera","captureImage","then","res","updateModel","imagePath","content","captureVideo","videoPath","$event","value","startsWith","localFile","updateState","datavalue","localFilePath","invokeEventCallback","bind","proxy","renderWidget","createElement","cameraService","_background","style","styles","root","iconclass","button","iconsize","onTap"],"sources":["camera.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 WmCameraProps from './camera.props';\nimport { DEFAULT_CLASS, WmCameraStyles } from './camera.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { CaptureImageOutput } from '@wavemaker/app-rn-runtime/variables/device/camera/capture-image.operation';\nimport { CameraConsumer, CameraInput, CameraService } from \"@wavemaker/app-rn-runtime/core/device/camera-service\";\nimport { CaptureVideoOutput } from '@wavemaker/app-rn-runtime/variables/device/camera/capture-video.operation';\n\n\nexport class WmCameraState extends BaseComponentState<WmCameraProps> {}\n\nexport default class WmCamera extends BaseComponent<WmCameraProps, WmCameraState, WmCameraStyles> {\n  private camera: CameraService = null as any;\n  public localFile: string = '';\n  constructor(props: WmCameraProps) {\n    super(props, DEFAULT_CLASS, new WmCameraProps());\n  }\n\n  onCameraTap() {\n    const props = this.state.props;\n    if (props.capturetype === 'IMAGE') {\n      const params: CameraInput = {\n        allowImageEdit: props.allowedit,\n        imageQuality: props.imagequality,\n        imageEncodingType: props.imageencodingtype,\n        imageTargetWidth: props.imagetargetwidth,\n        imageTargetHeight: props.imagetargetheight\n      };\n\n      this.camera.captureImage(params).then((res: CaptureImageOutput) => {\n        this.updateModel(null, res.imagePath, res.content);\n      });\n    } else {\n      this.camera.captureVideo().then((res: CaptureVideoOutput) => {\n        this.updateModel(null, res.videoPath, res.content);\n      });\n    }\n\n  }\n\n  private updateModel($event: any, value: any, content: string) {\n    value = (value.startsWith('file://') ? '' : 'file://') + value;\n    this.localFile = content;\n    this.updateState({\n      props: {\n        datavalue: value,\n        localFilePath: value\n      }\n    } as WmCameraState, this.invokeEventCallback.bind(this, 'onSuccess', [null, this.proxy, value, this.localFile]));\n  }\n\n  renderWidget(props: WmCameraProps) {\n    return (\n          <CameraConsumer>\n              {(cameraService: CameraService) => {\n              {this._background}\n              this.camera = cameraService;\n              return <View style={this.styles.root}>\n                <WmButton iconclass={props.iconclass} styles={this.styles.button} iconsize={props.iconsize} onTap={this.onCameraTap.bind(this)}></WmButton>\n              </View>\n            }}\n          </CameraConsumer>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCameraProps","DEFAULT_CLASS","WmButton","CameraConsumer","WmCameraState","WmCamera","constructor","props","_defineProperty","onCameraTap","state","capturetype","params","allowImageEdit","allowedit","imageQuality","imagequality","imageEncodingType","imageencodingtype","imageTargetWidth","imagetargetwidth","imageTargetHeight","imagetargetheight","camera","captureImage","then","res","updateModel","imagePath","content","captureVideo","videoPath","$event","value","startsWith","localFile","updateState","datavalue","localFilePath","invokeEventCallback","bind","proxy","renderWidget","createElement","cameraService","_background","style","styles","root","id","getTestId","iconclass","button","iconsize","onTap"],"sources":["camera.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 WmCameraProps from './camera.props';\nimport { DEFAULT_CLASS, WmCameraStyles } from './camera.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { CaptureImageOutput } from '@wavemaker/app-rn-runtime/variables/device/camera/capture-image.operation';\nimport { CameraConsumer, CameraInput, CameraService } from \"@wavemaker/app-rn-runtime/core/device/camera-service\";\nimport { CaptureVideoOutput } from '@wavemaker/app-rn-runtime/variables/device/camera/capture-video.operation';\n\n\nexport class WmCameraState extends BaseComponentState<WmCameraProps> {}\n\nexport default class WmCamera extends BaseComponent<WmCameraProps, WmCameraState, WmCameraStyles> {\n  private camera: CameraService = null as any;\n  public localFile: string = '';\n  constructor(props: WmCameraProps) {\n    super(props, DEFAULT_CLASS, new WmCameraProps());\n  }\n\n  onCameraTap() {\n    const props = this.state.props;\n    if (props.capturetype === 'IMAGE') {\n      const params: CameraInput = {\n        allowImageEdit: props.allowedit,\n        imageQuality: props.imagequality,\n        imageEncodingType: props.imageencodingtype,\n        imageTargetWidth: props.imagetargetwidth,\n        imageTargetHeight: props.imagetargetheight\n      };\n\n      this.camera.captureImage(params).then((res: CaptureImageOutput) => {\n        this.updateModel(null, res.imagePath, res.content);\n      });\n    } else {\n      this.camera.captureVideo().then((res: CaptureVideoOutput) => {\n        this.updateModel(null, res.videoPath, res.content);\n      });\n    }\n\n  }\n\n  private updateModel($event: any, value: any, content: string) {\n    value = (value.startsWith('file://') ? '' : 'file://') + value;\n    this.localFile = content;\n    this.updateState({\n      props: {\n        datavalue: value,\n        localFilePath: value\n      }\n    } as WmCameraState, this.invokeEventCallback.bind(this, 'onSuccess', [null, this.proxy, value, this.localFile]));\n  }\n\n  renderWidget(props: WmCameraProps) {\n    return (\n          <CameraConsumer>\n              {(cameraService: CameraService) => {\n              {this._background}\n              this.camera = cameraService;\n              return <View style={this.styles.root}>\n                <WmButton id={this.getTestId('button')} iconclass={props.iconclass} styles={this.styles.button} iconsize={props.iconsize} onTap={this.onCameraTap.bind(this)}></WmButton>\n              </View>\n            }}\n          </CameraConsumer>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/device/camera/camera.styles.js

@@ -10,7 +10,8 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
         borderWidth: 1,
         borderColor: themeVariables.cameraBorderColor,
         borderStyle: 'solid',
-        backgroundColor: themeVariables.cameraBgColor
+        backgroundColor: themeVariables.cameraBgColor,
+        borderRadius: 4
       },
       text: {
         color: themeVariables.cameraTextColor

app-rn-runtime/components/device/camera/camera.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","button","borderWidth","borderColor","cameraBorderColor","borderStyle","backgroundColor","cameraBgColor","color","cameraTextColor","icon","fontSize"],"sources":["camera.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 { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmCameraStyles = BaseStyles & {\n  button: WmButtonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-camera';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmCameraStyles = defineStyles({\n      root: {},\n      text: {},\n      button: {\n        root: {\n          borderWidth: 1,\n          borderColor: themeVariables.cameraBorderColor,\n          borderStyle: 'solid',\n          backgroundColor: themeVariables.cameraBgColor\n        },\n        text: {\n          color: themeVariables.cameraTextColor\n        },\n        icon: {\n          text: {\n            color: themeVariables.cameraTextColor\n          },\n          icon: {\n            fontSize: 24\n          }\n        }\n      } as WmButtonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA6B,GAAGL,YAAY,CAAC;IAC/CM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACNF,IAAI,EAAE;QACJG,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEP,cAAc,CAACQ,iBAAiB;QAC7CC,WAAW,EAAE,OAAO;QACpBC,eAAe,EAAEV,cAAc,CAACW;MAClC,CAAC;MACDP,IAAI,EAAE;QACJQ,KAAK,EAAEZ,cAAc,CAACa;MACxB,CAAC;MACDC,IAAI,EAAE;QACJV,IAAI,EAAE;UACJQ,KAAK,EAAEZ,cAAc,CAACa;QACxB,CAAC;QACDC,IAAI,EAAE;UACJC,QAAQ,EAAE;QACZ;MACF;IACF;EACJ,CAAC,CAAC;EAEFd,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","button","borderWidth","borderColor","cameraBorderColor","borderStyle","backgroundColor","cameraBgColor","borderRadius","color","cameraTextColor","icon","fontSize"],"sources":["camera.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 { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmCameraStyles = BaseStyles & {\n  button: WmButtonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-camera';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmCameraStyles = defineStyles({\n      root: {},\n      text: {},\n      button: {\n        root: {\n          borderWidth: 1,\n          borderColor: themeVariables.cameraBorderColor,\n          borderStyle: 'solid',\n          backgroundColor: themeVariables.cameraBgColor,\n          borderRadius: 4\n        },\n        text: {\n          color: themeVariables.cameraTextColor\n        },\n        icon: {\n          text: {\n            color: themeVariables.cameraTextColor\n          },\n          icon: {\n            fontSize: 24\n          }\n        }\n      } as WmButtonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA6B,GAAGL,YAAY,CAAC;IAC/CM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACNF,IAAI,EAAE;QACJG,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEP,cAAc,CAACQ,iBAAiB;QAC7CC,WAAW,EAAE,OAAO;QACpBC,eAAe,EAAEV,cAAc,CAACW,aAAa;QAC7CC,YAAY,EAAE;MAChB,CAAC;MACDR,IAAI,EAAE;QACJS,KAAK,EAAEb,cAAc,CAACc;MACxB,CAAC;MACDC,IAAI,EAAE;QACJX,IAAI,EAAE;UACJS,KAAK,EAAEb,cAAc,CAACc;QACxB,CAAC;QACDC,IAAI,EAAE;UACJC,QAAQ,EAAE;QACZ;MACF;IACF;EACJ,CAAC,CAAC;EAEFf,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}

app-rn-runtime/components/dialogs/alertdialog/alertdialog.component.js

@@ -34,6 +34,7 @@ export default class WmAlertdialog extends BaseComponent {
   renderWidget(props) {
     const messageStyle = this.theme.getStyle(MESSAGE_STYLES.get(props.alerttype || 'error'));
     return /*#__PURE__*/React.createElement(WmDialog, {
+      id: this.getTestId('dialog'),
       iconclass: props.iconclass,
       animation: props.animation,
       closable: props.closable,
@@ -47,13 +48,15 @@ export default class WmAlertdialog extends BaseComponent {
     }, /*#__PURE__*/React.createElement(WmDialogcontent, {
       styles: this.styles.dialogContent
     }, /*#__PURE__*/React.createElement(WmLabel, {
+      id: this.getTestId('msg'),
       caption: props.message || '',
       styles: this.styles.message
     })), /*#__PURE__*/React.createElement(WmDialogactions, {
       styles: this.styles.dialogActions
     }, /*#__PURE__*/React.createElement(WmButton, {
+      id: this.getTestId('okbtn'),
       caption: props.oktext,
-      styles: this.theme.mergeStyle({}, this.theme.getStyle('btn-primary'), this.styles.okButton),
+      styles: this.theme.mergeStyle({}, this.styles.okButton, this.theme.getStyle('btn-only-label')),
       onTap: () => {
         this.dialogRef.close();
         this.invokeEventCallback('onOk', [null, this]);

app-rn-runtime/components/dialogs/alertdialog/alertdialog.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BaseComponent","BaseComponentState","WmButton","WmLabel","WmDialog","WmDialogcontent","WmDialogactions","WmAlertdialogProps","DEFAULT_CLASS","WmAlertdialogState","MESSAGE_STYLES","Map","WmAlertdialog","constructor","props","_defineProperty","onComponentInit","c","dialogRef","open","close","getMessageStyle","type","renderWidget","messageStyle","theme","getStyle","get","alerttype","createElement","iconclass","animation","closable","modal","styles","dialog","title","listener","onOpened","invokeEventCallback","dialogContent","caption","message","dialogActions","oktext","mergeStyle","okButton","onTap"],"sources":["alertdialog.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState, LifecycleListener } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nimport WmDialog from '../dialog/dialog.component';\nimport WmDialogcontent from '../dialogcontent/dialogcontent.component';\nimport WmDialogactions from '../dialogactions/dialogactions.component';\n\nimport WmAlertdialogProps from './alertdialog.props';\nimport { DEFAULT_CLASS, WmAlertdialogStyles } from './alertdialog.styles';\n\nexport class WmAlertdialogState extends BaseComponentState<WmAlertdialogProps> {}\n\nconst MESSAGE_STYLES = new Map<string, string>([\n  ['error', 'text-danger'],\n  ['information', 'text-info'],\n  ['warning', 'text-warning'],\n  ['success', 'text-success']\n]);\n\nexport default class WmAlertdialog extends BaseComponent<WmAlertdialogProps, WmAlertdialogState, WmAlertdialogStyles> {\n\n  private dialogRef: WmDialog = null as any;\n\n  private listener: LifecycleListener = {\n    onComponentInit: (c) => {\n      if (c instanceof WmDialog) {\n        this.dialogRef = c;\n      }\n    }\n  };\n\n  constructor(props: WmAlertdialogProps) {\n    super(props, DEFAULT_CLASS, new WmAlertdialogProps());\n  }\n\n  open() {\n    this.dialogRef.open();\n  }\n\n  close() {\n    this.dialogRef.close();\n  }\n\n  getMessageStyle(type: string) {\n\n  }\n\n  renderWidget(props: WmAlertdialogProps) {\n    const messageStyle = this.theme.getStyle(MESSAGE_STYLES.get(props.alerttype || 'error') as string);\n    return (\n      <WmDialog\n        iconclass={props.iconclass}\n        animation={props.animation}\n        closable={props.closable}\n        modal={props.modal}\n        styles={this.styles.dialog}\n        title={props.title}\n        listener={this.listener} onOpened={() => {\n        this.invokeEventCallback('onOpened', [null, this]);\n      }}>\n        <WmDialogcontent styles={this.styles.dialogContent}>\n          <WmLabel\n            caption={props.message || ''}\n            styles={this.styles.message}></WmLabel>\n        </WmDialogcontent>\n        <WmDialogactions styles={this.styles.dialogActions}>\n          <WmButton\n            caption={props.oktext}\n            styles={this.theme.mergeStyle({}, this.theme.getStyle('btn-primary'), this.styles.okButton)}\n            onTap={() => {\n              this.dialogRef.close();\n              this.invokeEventCallback('onOk', [null, this]);\n            }}></WmButton>\n        </WmDialogactions>\n      </WmDialog>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmButton","WmLabel","WmDialog","WmDialogcontent","WmDialogactions","WmAlertdialogProps","DEFAULT_CLASS","WmAlertdialogState","MESSAGE_STYLES","Map","WmAlertdialog","constructor","props","_defineProperty","onComponentInit","c","dialogRef","open","close","getMessageStyle","type","renderWidget","messageStyle","theme","getStyle","get","alerttype","createElement","id","getTestId","iconclass","animation","closable","modal","styles","dialog","title","listener","onOpened","invokeEventCallback","dialogContent","caption","message","dialogActions","oktext","mergeStyle","okButton","onTap"],"sources":["alertdialog.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState, LifecycleListener } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nimport WmDialog from '../dialog/dialog.component';\nimport WmDialogcontent from '../dialogcontent/dialogcontent.component';\nimport WmDialogactions from '../dialogactions/dialogactions.component';\n\nimport WmAlertdialogProps from './alertdialog.props';\nimport { DEFAULT_CLASS, WmAlertdialogStyles } from './alertdialog.styles';\n\nexport class WmAlertdialogState extends BaseComponentState<WmAlertdialogProps> {}\n\nconst MESSAGE_STYLES = new Map<string, string>([\n  ['error', 'text-danger'],\n  ['information', 'text-info'],\n  ['warning', 'text-warning'],\n  ['success', 'text-success']\n]);\n\nexport default class WmAlertdialog extends BaseComponent<WmAlertdialogProps, WmAlertdialogState, WmAlertdialogStyles> {\n\n  private dialogRef: WmDialog = null as any;\n\n  private listener: LifecycleListener = {\n    onComponentInit: (c) => {\n      if (c instanceof WmDialog) {\n        this.dialogRef = c;\n      }\n    }\n  };\n\n  constructor(props: WmAlertdialogProps) {\n    super(props, DEFAULT_CLASS, new WmAlertdialogProps());\n  }\n\n  open() {\n    this.dialogRef.open();\n  }\n\n  close() {\n    this.dialogRef.close();\n  }\n\n  getMessageStyle(type: string) {\n\n  }\n\n  renderWidget(props: WmAlertdialogProps) {\n    const messageStyle = this.theme.getStyle(MESSAGE_STYLES.get(props.alerttype || 'error') as string);\n    return (\n      <WmDialog\n        id={this.getTestId('dialog')}\n        iconclass={props.iconclass}\n        animation={props.animation}\n        closable={props.closable}\n        modal={props.modal}\n        styles={this.styles.dialog}\n        title={props.title}\n        listener={this.listener} onOpened={() => {\n        this.invokeEventCallback('onOpened', [null, this]);\n      }}>\n        <WmDialogcontent styles={this.styles.dialogContent}>\n          <WmLabel\n            id={this.getTestId('msg')}\n            caption={props.message || ''}\n            styles={this.styles.message}></WmLabel>\n        </WmDialogcontent>\n        <WmDialogactions styles={this.styles.dialogActions}>\n          <WmButton\n            id={this.getTestId('okbtn')}\n            caption={props.oktext}\n            styles={this.theme.mergeStyle({},this.styles.okButton,this.theme.getStyle('btn-only-label'))}\n            onTap={() => {\n              this.dialogRef.close();\n              this.invokeEventCallback('onOk', [null, this]);\n            }}></WmButton>\n        </WmDialogactions>\n      </WmDialog>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/dialogs/alertdialog/alertdialog.styles.js

@@ -12,13 +12,19 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     dialogActions: {},
     okButton: {
       root: {
-        width: '100%',
-        borderRadius: 4
+        border: 'none',
+        marginLeft: 4
+      },
+      text: {
+        fontsize: 16
       }
     },
     message: {
       text: {
-        color: themeVariables.alertMessageColor
+        fontFamily: themeVariables.baseFont,
+        fontSize: 14,
+        fontWeight: '400',
+        color: themeVariables.dialogSupportingTextColor
       }
     }
   });

app-rn-runtime/components/dialogs/alertdialog/alertdialog.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","dialog","dialogContent","dialogActions","okButton","width","borderRadius","message","color","alertMessageColor"],"sources":["alertdialog.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 { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { WmDialogStyles } from '../dialog/dialog.styles';\nimport { WmDialogcontentStyles } from '../dialogcontent/dialogcontent.styles';\nimport { WmDialogactionsStyles } from '../dialogactions/dialogactions.styles';\nimport { WmLabelStyles } from '../../basic/label/label.styles';\n\nexport type WmAlertdialogStyles = BaseStyles & {\n    dialog: WmDialogStyles,\n    dialogContent: WmDialogcontentStyles,\n    dialogActions: WmDialogactionsStyles,\n    okButton: WmButtonStyles,\n    message: WmLabelStyles\n};\n\nexport const DEFAULT_CLASS = 'app-alertdialog';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmAlertdialogStyles = defineStyles({\n        root: {},\n        text: {},\n        dialog: {} as WmDialogStyles,\n        dialogContent: {\n            root: {}\n        } as WmDialogactionsStyles,\n        dialogActions: {} as WmDialogcontentStyles,\n        okButton: {\n            root: {\n                width: '100%',\n                borderRadius: 4\n            }\n        } as any as WmButtonStyles,\n        message: {\n            text: {\n                color: themeVariables.alertMessageColor\n            }\n        } as WmLabelStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAexF,OAAO,MAAMC,aAAa,GAAG,iBAAiB;AAC9CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE,CAAC,CAAmB;IAC5BC,aAAa,EAAE;MACXH,IAAI,EAAE,CAAC;IACX,CAA0B;IAC1BI,aAAa,EAAE,CAAC,CAA0B;IAC1CC,QAAQ,EAAE;MACNL,IAAI,EAAE;QACFM,KAAK,EAAE,MAAM;QACbC,YAAY,EAAE;MAClB;IACJ,CAA0B;IAC1BC,OAAO,EAAE;MACLP,IAAI,EAAE;QACFQ,KAAK,EAAEZ,cAAc,CAACa;MAC1B;IACJ;EACJ,CAAC,CAAC;EAEFZ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","dialog","dialogContent","dialogActions","okButton","border","marginLeft","fontsize","message","fontFamily","baseFont","fontSize","fontWeight","color","dialogSupportingTextColor"],"sources":["alertdialog.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 { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { WmDialogStyles } from '../dialog/dialog.styles';\nimport { WmDialogcontentStyles } from '../dialogcontent/dialogcontent.styles';\nimport { WmDialogactionsStyles } from '../dialogactions/dialogactions.styles';\nimport { WmLabelStyles } from '../../basic/label/label.styles';\n\nexport type WmAlertdialogStyles = BaseStyles & {\n    dialog: WmDialogStyles,\n    dialogContent: WmDialogcontentStyles,\n    dialogActions: WmDialogactionsStyles,\n    okButton: WmButtonStyles,\n    message: WmLabelStyles\n};\n\nexport const DEFAULT_CLASS = 'app-alertdialog';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmAlertdialogStyles = defineStyles({\n        root: {},\n        text: {},\n        dialog: {} as WmDialogStyles,\n        dialogContent: {\n            root: {}\n        } as WmDialogactionsStyles,\n        dialogActions: {} as WmDialogcontentStyles,\n        okButton: {\n            root: {\n               border: 'none',\n               marginLeft: 4\n            },\n            text : {\n              fontsize: 16\n            }\n        } as any as WmButtonStyles,\n        message: {\n            text: {\n                fontFamily: themeVariables.baseFont,\n                fontSize: 14,\n                fontWeight: '400',\n                color: themeVariables.dialogSupportingTextColor\n            }\n        } as WmLabelStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAexF,OAAO,MAAMC,aAAa,GAAG,iBAAiB;AAC9CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE,CAAC,CAAmB;IAC5BC,aAAa,EAAE;MACXH,IAAI,EAAE,CAAC;IACX,CAA0B;IAC1BI,aAAa,EAAE,CAAC,CAA0B;IAC1CC,QAAQ,EAAE;MACNL,IAAI,EAAE;QACHM,MAAM,EAAE,MAAM;QACdC,UAAU,EAAE;MACf,CAAC;MACDN,IAAI,EAAG;QACLO,QAAQ,EAAE;MACZ;IACJ,CAA0B;IAC1BC,OAAO,EAAE;MACLR,IAAI,EAAE;QACFS,UAAU,EAAEb,cAAc,CAACc,QAAQ;QACnCC,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE,KAAK;QACjBC,KAAK,EAAEjB,cAAc,CAACkB;MAC1B;IACJ;EACJ,CAAC,CAAC;EAEFjB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

app-rn-runtime/components/dialogs/confirmdialog/confirmdialog.component.js

@@ -32,6 +32,7 @@ export default class WmConfirmdialog extends BaseComponent {
   getMessageStyle(type) {}
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(WmDialog, {
+      id: this.getTestId('dialog'),
       iconclass: props.iconclass,
       animation: props.animation,
       closable: props.closable,
@@ -45,20 +46,23 @@ export default class WmConfirmdialog extends BaseComponent {
     }, /*#__PURE__*/React.createElement(WmDialogcontent, {
       styles: this.styles.dialogContent
     }, /*#__PURE__*/React.createElement(WmLabel, {
+      id: this.getTestId('msg'),
       caption: props.message || '',
       styles: this.styles.message
     })), /*#__PURE__*/React.createElement(WmDialogactions, {
       styles: this.styles.dialogActions
     }, /*#__PURE__*/React.createElement(WmButton, {
+      id: this.getTestId('cancelbtn'),
       caption: props.canceltext,
-      styles: this.theme.mergeStyle({}, this.theme.getStyle('btn-secondary'), this.styles.cancelButton),
+      styles: this.theme.mergeStyle({}, this.theme.getStyle('btn-onlyLabel'), this.styles.cancelButton),
       onTap: () => {
         this.dialogRef.close();
         this.invokeEventCallback('onCancel', [null, this]);
       }
     }), /*#__PURE__*/React.createElement(WmButton, {
+      id: this.getTestId('okbtn'),
       caption: props.oktext,
-      styles: this.theme.mergeStyle({}, this.theme.getStyle('btn-primary'), this.styles.okButton),
+      styles: this.theme.mergeStyle({}, this.theme.getStyle('btn-only-label'), this.styles.okButton),
       onTap: () => {
         this.dialogRef.close();
         this.invokeEventCallback('onOk', [null, this]);

app-rn-runtime/components/dialogs/confirmdialog/confirmdialog.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BaseComponent","BaseComponentState","WmButton","WmLabel","WmDialog","WmDialogcontent","WmDialogactions","WmConfirmdialogProps","DEFAULT_CLASS","WmConfirmdialogState","WmConfirmdialog","constructor","props","_defineProperty","onComponentInit","c","dialogRef","open","close","getMessageStyle","type","renderWidget","createElement","iconclass","animation","closable","modal","styles","dialog","title","listener","onOpened","invokeEventCallback","dialogContent","caption","message","dialogActions","canceltext","theme","mergeStyle","getStyle","cancelButton","onTap","oktext","okButton"],"sources":["confirmdialog.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState, LifecycleListener } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nimport WmDialog from '../dialog/dialog.component';\nimport WmDialogcontent from '../dialogcontent/dialogcontent.component';\nimport WmDialogactions from '../dialogactions/dialogactions.component';\n\nimport WmConfirmdialogProps from './confirmdialog.props';\nimport { DEFAULT_CLASS, WmConfirmdialogStyles } from './confirmdialog.styles';\nimport { merge } from 'lodash-es';\n\nexport class WmConfirmdialogState extends BaseComponentState<WmConfirmdialogProps> {}\n\nexport default class WmConfirmdialog extends BaseComponent<WmConfirmdialogProps, WmConfirmdialogState, WmConfirmdialogStyles> {\n\n  private dialogRef: WmDialog = null as any;\n\n  private listener: LifecycleListener = {\n    onComponentInit: (c) => {\n      if (c instanceof WmDialog) {\n        this.dialogRef = c;\n      }\n    }\n  };\n\n  constructor(props: WmConfirmdialogProps) {\n    super(props, DEFAULT_CLASS, new WmConfirmdialogProps());\n  }\n\n  open() {\n    this.dialogRef.open();\n  }\n\n  close() {\n    this.dialogRef.close();\n  }\n\n  getMessageStyle(type: string) {\n\n  }\n\n  renderWidget(props: WmConfirmdialogProps) {\n    return (\n      <WmDialog\n        iconclass={props.iconclass}\n        animation={props.animation}\n        closable={props.closable}\n        modal={props.modal}\n        styles={this.styles.dialog}\n        title={props.title}\n        listener={this.listener} onOpened={() => {\n        this.invokeEventCallback('onOpened', [null, this]);\n      }}>\n        <WmDialogcontent styles={this.styles.dialogContent}>\n          <WmLabel\n            caption={props.message || ''}\n            styles={this.styles.message}></WmLabel>\n        </WmDialogcontent>\n        <WmDialogactions styles={this.styles.dialogActions}>\n          <WmButton\n            caption={props.canceltext}\n            styles={this.theme.mergeStyle({}, this.theme.getStyle('btn-secondary'), this.styles.cancelButton)}\n            onTap={() => {\n              this.dialogRef.close();\n              this.invokeEventCallback('onCancel', [null, this]);\n            }}></WmButton>\n          <WmButton\n            caption={props.oktext}\n            styles={this.theme.mergeStyle({}, this.theme.getStyle('btn-primary'), this.styles.okButton)}\n            onTap={() => {\n              this.dialogRef.close();\n              this.invokeEventCallback('onOk', [null, this]);\n            }}></WmButton>\n        </WmDialogactions>\n      </WmDialog>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmButton","WmLabel","WmDialog","WmDialogcontent","WmDialogactions","WmConfirmdialogProps","DEFAULT_CLASS","WmConfirmdialogState","WmConfirmdialog","constructor","props","_defineProperty","onComponentInit","c","dialogRef","open","close","getMessageStyle","type","renderWidget","createElement","id","getTestId","iconclass","animation","closable","modal","styles","dialog","title","listener","onOpened","invokeEventCallback","dialogContent","caption","message","dialogActions","canceltext","theme","mergeStyle","getStyle","cancelButton","onTap","oktext","okButton"],"sources":["confirmdialog.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState, LifecycleListener } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nimport WmDialog from '../dialog/dialog.component';\nimport WmDialogcontent from '../dialogcontent/dialogcontent.component';\nimport WmDialogactions from '../dialogactions/dialogactions.component';\n\nimport WmConfirmdialogProps from './confirmdialog.props';\nimport { DEFAULT_CLASS, WmConfirmdialogStyles } from './confirmdialog.styles';\nimport { merge } from 'lodash-es';\n\nexport class WmConfirmdialogState extends BaseComponentState<WmConfirmdialogProps> {}\n\nexport default class WmConfirmdialog extends BaseComponent<WmConfirmdialogProps, WmConfirmdialogState, WmConfirmdialogStyles> {\n\n  private dialogRef: WmDialog = null as any;\n\n  private listener: LifecycleListener = {\n    onComponentInit: (c) => {\n      if (c instanceof WmDialog) {\n        this.dialogRef = c;\n      }\n    }\n  };\n\n  constructor(props: WmConfirmdialogProps) {\n    super(props, DEFAULT_CLASS, new WmConfirmdialogProps());\n  }\n\n  open() {\n    this.dialogRef.open();\n  }\n\n  close() {\n    this.dialogRef.close();\n  }\n\n  getMessageStyle(type: string) {\n\n  }\n\n  renderWidget(props: WmConfirmdialogProps) {\n    return (\n      <WmDialog\n        id={this.getTestId('dialog')}\n        iconclass={props.iconclass}\n        animation={props.animation}\n        closable={props.closable}\n        modal={props.modal}\n        styles={this.styles.dialog}\n        title={props.title}\n        listener={this.listener} onOpened={() => {\n        this.invokeEventCallback('onOpened', [null, this]);\n      }}>\n        <WmDialogcontent styles={this.styles.dialogContent}>\n          <WmLabel\n            id={this.getTestId('msg')}\n            caption={props.message || ''}\n            styles={this.styles.message}></WmLabel>\n        </WmDialogcontent>\n        <WmDialogactions styles={this.styles.dialogActions}>\n          <WmButton\n            id={this.getTestId('cancelbtn')}\n            caption={props.canceltext}\n            styles={this.theme.mergeStyle({}, this.theme.getStyle('btn-onlyLabel'), this.styles.cancelButton)}\n            onTap={() => {\n              this.dialogRef.close();\n              this.invokeEventCallback('onCancel', [null, this]);\n            }}></WmButton>\n          <WmButton\n            id={this.getTestId('okbtn')}\n            caption={props.oktext}\n            styles={this.theme.mergeStyle({}, this.theme.getStyle('btn-only-label'), this.styles.okButton)}\n            onTap={() => {\n              this.dialogRef.close();\n              this.invokeEventCallback('onOk', [null, this]);\n            }}></WmButton>\n        </WmDialogactions>\n      </WmDialog>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/dialogs/confirmdialog/confirmdialog.styles.js

@@ -23,25 +23,25 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       }
     },
     okButton: {
-      root: {
-        flex: 1
-      },
+      root: {},
       text: {
-        textTransform: 'capitalize'
+        textTransform: 'capitalize',
+        fontSize: 16
       }
     },
     cancelButton: {
-      root: {
-        flex: 1,
-        marginRight: 8
-      },
+      root: {},
       text: {
-        textTransform: 'capitalize'
+        textTransform: 'capitalize',
+        fontSize: 16
       }
     },
     message: {
       text: {
-        color: themeVariables.alertMessageColor
+        fontFamily: themeVariables.baseFont,
+        fontSize: 14,
+        fontWeight: '400',
+        color: themeVariables.dialogSupportingTextColor
       }
     }
   });

app-rn-runtime/components/dialogs/confirmdialog/confirmdialog.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","dialog","icon","fontSize","dialogContent","dialogActions","padding","flexDirection","okButton","flex","textTransform","cancelButton","marginRight","message","color","alertMessageColor","OS","marginLeft"],"sources":["confirmdialog.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 { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { WmDialogStyles } from '../dialog/dialog.styles';\nimport { WmDialogcontentStyles } from '../dialogcontent/dialogcontent.styles';\nimport { WmDialogactionsStyles } from '../dialogactions/dialogactions.styles';\nimport { WmLabelStyles } from '../../basic/label/label.styles';\nimport { Platform } from 'react-native';\n\nexport type WmConfirmdialogStyles = BaseStyles & {\n    dialog: WmDialogStyles,\n    dialogContent: WmDialogcontentStyles,\n    dialogActions: WmDialogactionsStyles,\n    okButton: WmButtonStyles,\n    cancelButton: WmButtonStyles,\n    message: WmLabelStyles\n};\n\nexport const DEFAULT_CLASS = 'app-confirmdialog';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmConfirmdialogStyles = defineStyles({\n        root: {},\n        text: {},\n        dialog: {\n            icon: {\n                icon: {\n                    fontSize: 16\n                }\n            }\n        } as WmDialogStyles,\n        dialogContent: {\n            root: {}\n        } as WmDialogcontentStyles,\n        dialogActions: {\n            root: {\n                padding: 0,\n                flexDirection: 'row',\n            }\n        } as WmDialogactionsStyles,\n        okButton: {\n            root : {\n                flex: 1\n            },\n            text: {\n                textTransform: 'capitalize'\n            }\n        } as WmButtonStyles,\n        cancelButton: {\n            root : {\n                flex: 1,\n                marginRight: 8,\n            },\n            text: {\n                textTransform: 'capitalize'\n            }\n        }  as WmButtonStyles,\n        message: {\n            text: {\n                color: themeVariables.alertMessageColor\n            }\n        } as WmLabelStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n        cancelButton: {\n            root: {\n                marginLeft: 8,\n                marginRight: 0\n            }\n        }\n    }:{});\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAMxF,SAASC,QAAQ,QAAQ,cAAc;AAWvC,OAAO,MAAMC,aAAa,GAAG,mBAAmB;AAChDH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAoC,GAAGN,YAAY,CAAC;IACtDO,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACJC,IAAI,EAAE;QACFA,IAAI,EAAE;UACFC,QAAQ,EAAE;QACd;MACJ;IACJ,CAAmB;IACnBC,aAAa,EAAE;MACXL,IAAI,EAAE,CAAC;IACX,CAA0B;IAC1BM,aAAa,EAAE;MACXN,IAAI,EAAE;QACFO,OAAO,EAAE,CAAC;QACVC,aAAa,EAAE;MACnB;IACJ,CAA0B;IAC1BC,QAAQ,EAAE;MACNT,IAAI,EAAG;QACHU,IAAI,EAAE;MACV,CAAC;MACDT,IAAI,EAAE;QACFU,aAAa,EAAE;MACnB;IACJ,CAAmB;IACnBC,YAAY,EAAE;MACVZ,IAAI,EAAG;QACHU,IAAI,EAAE,CAAC;QACPG,WAAW,EAAE;MACjB,CAAC;MACDZ,IAAI,EAAE;QACFU,aAAa,EAAE;MACnB;IACJ,CAAoB;IACpBG,OAAO,EAAE;MACLb,IAAI,EAAE;QACFc,KAAK,EAAElB,cAAc,CAACmB;MAC1B;IACJ;EACJ,CAAC,CAAC;EAEFlB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAED,QAAQ,CAACuB,EAAE,IAAE,KAAK,GAAC;IACpDL,YAAY,EAAE;MACVZ,IAAI,EAAE;QACFkB,UAAU,EAAE,CAAC;QACbL,WAAW,EAAE;MACjB;IACJ;EACJ,CAAC,GAAC,CAAC,CAAC,CAAC;AACT,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","dialog","icon","fontSize","dialogContent","dialogActions","padding","flexDirection","okButton","textTransform","cancelButton","message","fontFamily","baseFont","fontWeight","color","dialogSupportingTextColor","OS","marginLeft","marginRight"],"sources":["confirmdialog.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 { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { WmDialogStyles } from '../dialog/dialog.styles';\nimport { WmDialogcontentStyles } from '../dialogcontent/dialogcontent.styles';\nimport { WmDialogactionsStyles } from '../dialogactions/dialogactions.styles';\nimport { WmLabelStyles } from '../../basic/label/label.styles';\nimport { Platform } from 'react-native';\n\nexport type WmConfirmdialogStyles = BaseStyles & {\n    dialog: WmDialogStyles,\n    dialogContent: WmDialogcontentStyles,\n    dialogActions: WmDialogactionsStyles,\n    okButton: WmButtonStyles,\n    cancelButton: WmButtonStyles,\n    message: WmLabelStyles\n};\n\nexport const DEFAULT_CLASS = 'app-confirmdialog';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmConfirmdialogStyles = defineStyles({\n        root: {},\n        text: {},\n        dialog: {\n            icon: {\n                icon: {\n                    fontSize: 16\n                }\n            }\n        } as WmDialogStyles,\n        dialogContent: {\n            root: {}\n        } as WmDialogcontentStyles,\n        dialogActions: {\n            root: {\n                padding: 0,\n                flexDirection: 'row',\n            }\n        } as WmDialogactionsStyles,\n        okButton: {\n            root : {},\n            text: {\n                textTransform: 'capitalize',\n                fontSize: 16\n            }\n        } as WmButtonStyles,\n        cancelButton: {\n            root : {\n            },\n            text: {\n                textTransform: 'capitalize',\n                fontSize: 16\n            }\n        }  as WmButtonStyles,\n        message: {\n            text: {\n                fontFamily: themeVariables.baseFont,\n                fontSize: 14,\n                fontWeight: '400',\n                color: themeVariables.dialogSupportingTextColor\n            }\n        } as WmLabelStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n        cancelButton: {\n            root: {\n                marginLeft: 8,\n                marginRight: 0\n            }\n        }\n    }:{});\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAMxF,SAASC,QAAQ,QAAQ,cAAc;AAWvC,OAAO,MAAMC,aAAa,GAAG,mBAAmB;AAChDH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAoC,GAAGN,YAAY,CAAC;IACtDO,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACJC,IAAI,EAAE;QACFA,IAAI,EAAE;UACFC,QAAQ,EAAE;QACd;MACJ;IACJ,CAAmB;IACnBC,aAAa,EAAE;MACXL,IAAI,EAAE,CAAC;IACX,CAA0B;IAC1BM,aAAa,EAAE;MACXN,IAAI,EAAE;QACFO,OAAO,EAAE,CAAC;QACVC,aAAa,EAAE;MACnB;IACJ,CAA0B;IAC1BC,QAAQ,EAAE;MACNT,IAAI,EAAG,CAAC,CAAC;MACTC,IAAI,EAAE;QACFS,aAAa,EAAE,YAAY;QAC3BN,QAAQ,EAAE;MACd;IACJ,CAAmB;IACnBO,YAAY,EAAE;MACVX,IAAI,EAAG,CACP,CAAC;MACDC,IAAI,EAAE;QACFS,aAAa,EAAE,YAAY;QAC3BN,QAAQ,EAAE;MACd;IACJ,CAAoB;IACpBQ,OAAO,EAAE;MACLX,IAAI,EAAE;QACFY,UAAU,EAAEhB,cAAc,CAACiB,QAAQ;QACnCV,QAAQ,EAAE,EAAE;QACZW,UAAU,EAAE,KAAK;QACjBC,KAAK,EAAEnB,cAAc,CAACoB;MAC1B;IACJ;EACJ,CAAC,CAAC;EAEFnB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAED,QAAQ,CAACwB,EAAE,IAAE,KAAK,GAAC;IACpDP,YAAY,EAAE;MACVX,IAAI,EAAE;QACFmB,UAAU,EAAE,CAAC;QACbC,WAAW,EAAE;MACjB;IACJ;EACJ,CAAC,GAAC,CAAC,CAAC,CAAC;AACT,CAAC,CAAC"}

app-rn-runtime/components/dialogs/dialog/dialog.component.js

@@ -76,10 +76,12 @@ export default class WmDialog extends BaseComponent {
       }, /*#__PURE__*/React.createElement(View, {
         style: this.styles.headerLabel
       }, /*#__PURE__*/React.createElement(WmIcon, {
+        id: this.getTestId('icon'),
         caption: props.title,
         iconclass: props.iconclass,
         styles: this.styles.icon
       })), props.closable && /*#__PURE__*/React.createElement(WmButton, {
+        id: this.getTestId('closebtn'),
         show: props.closable,
         iconclass: "wm-sl-l sl-close",
         onTap: () => this.close(),

app-rn-runtime/components/dialogs/dialog/dialog.component.js.map

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

app-rn-runtime/components/dialogs/dialog/dialog.styles.js

@@ -5,11 +5,15 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
     root: {
       minWidth: 320,
+      paddingTop: 24,
+      paddingBottom: 24,
+      paddingLeft: 24,
+      paddingRight: 24,
+      elevation: 6,
       width: '90%',
       maxHeight: themeVariables.maxModalHeight,
       backgroundColor: themeVariables.dialogBackgroundColor,
-      borderRadius: 6,
-      padding: 16
+      borderRadius: 28
     },
     text: {},
     modal: {},
@@ -21,11 +25,14 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
         alignSelf: 'center'
       },
       text: {
-        fontSize: 20,
-        fontWeight: 'bold'
+        fontFamily: themeVariables.baseFont,
+        fontSize: 24,
+        fontWeight: '400',
+        color: themeVariables.dialogLabelColor
       },
       icon: {
-        fontSize: 24
+        fontSize: 24,
+        color: themeVariables.dialogIconColor
       }
     },
     header: {
@@ -37,13 +44,15 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       flex: 1,
       flexDirection: 'row',
       justifyContent: 'flex-start',
-      alignItems: 'center'
+      alignItems: 'center',
+      paddingBottom: 16
     },
     closeBtn: {
       root: {
         alignSelf: 'flex-end',
         backgroundColor: 'transparent',
-        padding: 8
+        paddingRight: 0,
+        paddingTop: 0
       },
       icon: {
         root: {
@@ -51,7 +60,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
         },
         text: {
           color: themeVariables.dialogCloseIconColor,
-          fontSize: 16
+          fontSize: 14
         }
       }
     }

app-rn-runtime/components/dialogs/dialog/dialog.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minWidth","width","maxHeight","maxModalHeight","backgroundColor","dialogBackgroundColor","borderRadius","padding","text","modal","modalContent","undefined","icon","alignSelf","fontSize","fontWeight","header","flexDirection","borderStyle","borderColor","dialogBorderColor","headerLabel","flex","justifyContent","alignItems","closeBtn","color","dialogCloseIconColor"],"sources":["dialog.styles.ts"],"sourcesContent":["import { ViewStyle } from 'react-native';\nimport BASE_THEME 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 { WmButtonStyles } from '../../basic/button/button.styles';\n\nexport type WmDialogStyles = BaseStyles & {\n    modal: ViewStyle,\n    modalContent: ViewStyle,\n    icon: WmIconStyles,\n    closeBtn: WmButtonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-dialog';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmDialogStyles = defineStyles<WmDialogStyles>({\n        root: {\n            minWidth: 320,\n            width: '90%',\n            maxHeight: themeVariables.maxModalHeight,\n            backgroundColor: themeVariables.dialogBackgroundColor,\n            borderRadius: 6,\n            padding: 16\n        },\n        text: {},\n        modal: {},\n        modalContent: {\n            width: undefined\n        },\n        icon: {\n            root: {\n                alignSelf: 'center',\n            },\n            text: {\n                fontSize: 20,\n                fontWeight: 'bold'\n            },\n            icon: {\n                fontSize: 24,\n            }\n        } as WmIconStyles,\n        header: {\n            flexDirection: 'row',\n            borderStyle: 'solid',\n            borderColor: themeVariables.dialogBorderColor\n        },\n        headerLabel: {\n            flex: 1,\n            flexDirection: 'row',\n            justifyContent: 'flex-start',\n            alignItems: 'center'\n        },\n        closeBtn: {\n            root: {\n                alignSelf: 'flex-end',\n                backgroundColor: 'transparent',\n                padding: 8\n            },\n            icon : {\n                root: {\n                    alignItems: 'center'\n                },\n                text: {\n                    color: themeVariables.dialogCloseIconColor,\n                    fontSize: 16\n                }\n            }\n        } as WmButtonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AACA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAWxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA6B,GAAGL,YAAY,CAAiB;IAC/DM,IAAI,EAAE;MACFC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE,KAAK;MACZC,SAAS,EAAEN,cAAc,CAACO,cAAc;MACxCC,eAAe,EAAER,cAAc,CAACS,qBAAqB;MACrDC,YAAY,EAAE,CAAC;MACfC,OAAO,EAAE;IACb,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,KAAK,EAAE,CAAC,CAAC;IACTC,YAAY,EAAE;MACVT,KAAK,EAAEU;IACX,CAAC;IACDC,IAAI,EAAE;MACFb,IAAI,EAAE;QACFc,SAAS,EAAE;MACf,CAAC;MACDL,IAAI,EAAE;QACFM,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE;MAChB,CAAC;MACDH,IAAI,EAAE;QACFE,QAAQ,EAAE;MACd;IACJ,CAAiB;IACjBE,MAAM,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEvB,cAAc,CAACwB;IAChC,CAAC;IACDC,WAAW,EAAE;MACTC,IAAI,EAAE,CAAC;MACPL,aAAa,EAAE,KAAK;MACpBM,cAAc,EAAE,YAAY;MAC5BC,UAAU,EAAE;IAChB,CAAC;IACDC,QAAQ,EAAE;MACN1B,IAAI,EAAE;QACFc,SAAS,EAAE,UAAU;QACrBT,eAAe,EAAE,aAAa;QAC9BG,OAAO,EAAE;MACb,CAAC;MACDK,IAAI,EAAG;QACHb,IAAI,EAAE;UACFyB,UAAU,EAAE;QAChB,CAAC;QACDhB,IAAI,EAAE;UACFkB,KAAK,EAAE9B,cAAc,CAAC+B,oBAAoB;UAC1Cb,QAAQ,EAAE;QACd;MACJ;IACJ;EACJ,CAAC,CAAC;EAEFjB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minWidth","paddingTop","paddingBottom","paddingLeft","paddingRight","elevation","width","maxHeight","maxModalHeight","backgroundColor","dialogBackgroundColor","borderRadius","text","modal","modalContent","undefined","icon","alignSelf","fontFamily","baseFont","fontSize","fontWeight","color","dialogLabelColor","dialogIconColor","header","flexDirection","borderStyle","borderColor","dialogBorderColor","headerLabel","flex","justifyContent","alignItems","closeBtn","dialogCloseIconColor"],"sources":["dialog.styles.ts"],"sourcesContent":["import { ViewStyle } from 'react-native';\nimport BASE_THEME 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 { WmButtonStyles } from '../../basic/button/button.styles';\n\nexport type WmDialogStyles = BaseStyles & {\n    modal: ViewStyle,\n    modalContent: ViewStyle,\n    icon: WmIconStyles,\n    closeBtn: WmButtonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-dialog';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmDialogStyles = defineStyles<WmDialogStyles>({\n        root: {\n            minWidth: 320,\n            paddingTop: 24,\n            paddingBottom: 24,\n            paddingLeft: 24,\n            paddingRight: 24,\n            elevation: 6,\n            width: '90%',\n            maxHeight: themeVariables.maxModalHeight,\n            backgroundColor: themeVariables.dialogBackgroundColor,\n            borderRadius: 28\n        },\n        text: {},\n        modal: {},\n        modalContent: {\n            width: undefined\n        },\n        icon: {\n            root: {\n                alignSelf: 'center',\n            },\n            text: {\n                fontFamily: themeVariables.baseFont,\n                fontSize: 24,\n                fontWeight: '400',\n                color : themeVariables.dialogLabelColor,\n            },\n            icon: {\n                fontSize: 24,\n                color: themeVariables.dialogIconColor\n            }\n        } as WmIconStyles,\n        header: {\n            flexDirection: 'row',\n            borderStyle: 'solid',\n            borderColor: themeVariables.dialogBorderColor\n        },\n        headerLabel: {\n            flex: 1,\n            flexDirection: 'row',\n            justifyContent: 'flex-start',\n            alignItems: 'center',\n            paddingBottom: 16,\n        },\n        closeBtn: {\n            root: {\n                alignSelf: 'flex-end',\n                backgroundColor: 'transparent',\n                paddingRight: 0,\n                paddingTop: 0\n            },\n            icon : {\n                root: {\n                    alignItems: 'center'\n                },\n                text: {\n                    color: themeVariables.dialogCloseIconColor,\n                    fontSize: 14\n                }\n            }\n        } as WmButtonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AACA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAWxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA6B,GAAGL,YAAY,CAAiB;IAC/DM,IAAI,EAAE;MACFC,QAAQ,EAAE,GAAG;MACbC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,EAAE;MACjBC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE,EAAE;MAChBC,SAAS,EAAE,CAAC;MACZC,KAAK,EAAE,KAAK;MACZC,SAAS,EAAEX,cAAc,CAACY,cAAc;MACxCC,eAAe,EAAEb,cAAc,CAACc,qBAAqB;MACrDC,YAAY,EAAE;IAClB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,KAAK,EAAE,CAAC,CAAC;IACTC,YAAY,EAAE;MACVR,KAAK,EAAES;IACX,CAAC;IACDC,IAAI,EAAE;MACFjB,IAAI,EAAE;QACFkB,SAAS,EAAE;MACf,CAAC;MACDL,IAAI,EAAE;QACFM,UAAU,EAAEtB,cAAc,CAACuB,QAAQ;QACnCC,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE,KAAK;QACjBC,KAAK,EAAG1B,cAAc,CAAC2B;MAC3B,CAAC;MACDP,IAAI,EAAE;QACFI,QAAQ,EAAE,EAAE;QACZE,KAAK,EAAE1B,cAAc,CAAC4B;MAC1B;IACJ,CAAiB;IACjBC,MAAM,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEhC,cAAc,CAACiC;IAChC,CAAC;IACDC,WAAW,EAAE;MACTC,IAAI,EAAE,CAAC;MACPL,aAAa,EAAE,KAAK;MACpBM,cAAc,EAAE,YAAY;MAC5BC,UAAU,EAAE,QAAQ;MACpB/B,aAAa,EAAE;IACnB,CAAC;IACDgC,QAAQ,EAAE;MACNnC,IAAI,EAAE;QACFkB,SAAS,EAAE,UAAU;QACrBR,eAAe,EAAE,aAAa;QAC9BL,YAAY,EAAE,CAAC;QACfH,UAAU,EAAE;MAChB,CAAC;MACDe,IAAI,EAAG;QACHjB,IAAI,EAAE;UACFkC,UAAU,EAAE;QAChB,CAAC;QACDrB,IAAI,EAAE;UACFU,KAAK,EAAE1B,cAAc,CAACuC,oBAAoB;UAC1Cf,QAAQ,EAAE;QACd;MACJ;IACJ;EACJ,CAAC,CAAC;EAEFvB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

app-rn-runtime/components/dialogs/dialogcontent/dialogcontent.component.js

@@ -10,9 +10,11 @@ export default class WmDialogcontent extends BaseComponent {
   }
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(ScrollView, {
-      contentContainerStyle: this.styles.root,
+      contentContainerStyle: [this.styles.root, {
+        maxHeight: undefined
+      }],
       style: {
-        maxHeight: '90%'
+        maxHeight: this.styles.root.maxHeight
       }
     }, this._background, props.children);
   }

app-rn-runtime/components/dialogs/dialogcontent/dialogcontent.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","BaseComponent","BaseComponentState","WmDialogcontentProps","DEFAULT_CLASS","WmDialogcontentState","WmDialogcontent","constructor","props","renderWidget","createElement","contentContainerStyle","styles","root","style","maxHeight","_background","children"],"sources":["dialogcontent.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmDialogcontentProps from './dialogcontent.props';\nimport { DEFAULT_CLASS, WmDialogcontentStyles } from './dialogcontent.styles';\n\nexport class WmDialogcontentState extends BaseComponentState<WmDialogcontentProps> {}\n\nexport default class WmDialogcontent extends BaseComponent<WmDialogcontentProps, WmDialogcontentState, WmDialogcontentStyles> {\n\n  constructor(props: WmDialogcontentProps) {\n    super(props, DEFAULT_CLASS, new WmDialogcontentProps());\n  }\n\n  renderWidget(props: WmDialogcontentProps) {\n    return (<ScrollView contentContainerStyle={this.styles.root} style={{maxHeight: '90%'}}>{this._background}{props.children}</ScrollView>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAE7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;AAEnF,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAE5HM,WAAWA,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,CAAC,CAAC,CAAC;EACzD;EAEAM,YAAYA,CAACD,KAA2B,EAAE;IACxC,oBAAQT,KAAA,CAAAW,aAAA,CAACV,UAAU;MAACW,qBAAqB,EAAE,IAAI,CAACC,MAAM,CAACC,IAAK;MAACC,KAAK,EAAE;QAACC,SAAS,EAAE;MAAK;IAAE,GAAE,IAAI,CAACC,WAAW,EAAER,KAAK,CAACS,QAAqB,CAAC;EACzI;AACF"}
+{"version":3,"names":["React","ScrollView","BaseComponent","BaseComponentState","WmDialogcontentProps","DEFAULT_CLASS","WmDialogcontentState","WmDialogcontent","constructor","props","renderWidget","createElement","contentContainerStyle","styles","root","maxHeight","undefined","style","_background","children"],"sources":["dialogcontent.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmDialogcontentProps from './dialogcontent.props';\nimport { DEFAULT_CLASS, WmDialogcontentStyles } from './dialogcontent.styles';\n\nexport class WmDialogcontentState extends BaseComponentState<WmDialogcontentProps> {}\n\nexport default class WmDialogcontent extends BaseComponent<WmDialogcontentProps, WmDialogcontentState, WmDialogcontentStyles> {\n\n  constructor(props: WmDialogcontentProps) {\n    super(props, DEFAULT_CLASS, new WmDialogcontentProps());\n  }\n\n  renderWidget(props: WmDialogcontentProps) {\n    return (<ScrollView\n      contentContainerStyle={[this.styles.root, {maxHeight: undefined}]}\n      style={{maxHeight: this.styles.root.maxHeight}}>\n        {this._background}\n        {props.children}\n    </ScrollView>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAE7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;AAEnF,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAE5HM,WAAWA,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,CAAC,CAAC,CAAC;EACzD;EAEAM,YAAYA,CAACD,KAA2B,EAAE;IACxC,oBAAQT,KAAA,CAAAW,aAAA,CAACV,UAAU;MACjBW,qBAAqB,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAE;QAACC,SAAS,EAAEC;MAAS,CAAC,CAAE;MAClEC,KAAK,EAAE;QAACF,SAAS,EAAE,IAAI,CAACF,MAAM,CAACC,IAAI,CAACC;MAAS;IAAE,GAC5C,IAAI,CAACG,WAAW,EAChBT,KAAK,CAACU,QACC,CAAC;EACf;AACF"}

app-rn-runtime/components/dialogs/dialogcontent/dialogcontent.styles.js

@@ -5,7 +5,8 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
     root: {
       padding: 16,
-      minHeight: 80
+      minHeight: 80,
+      maxHeight: 0.9 * themeVariables.maxModalHeight
     },
     text: {}
   });