@wavemaker/app-rn-runtime 11.4.3-patch.2 → 11.4.3-patch.3

package/components/dialogs/alertdialog/alertdialog.component.js

@@ -34,7 +34,6 @@ 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,
@@ -48,15 +47,13 @@ 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.styles.okButton, this.theme.getStyle('btn-only-label')),
+      styles: this.theme.mergeStyle({}, this.theme.getStyle('btn-primary'), this.styles.okButton),
       onTap: () => {
         this.dialogRef.close();
         this.invokeEventCallback('onOk', [null, this]);

package/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","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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAA2B,+CAA+C;AAEpH,OAAOC,QAAQ,MAAM,oEAAoE;AACzF,OAAOC,OAAO,MAAM,kEAAkE;AAEtF,OAAOC,QAAQ,MAAM,4BAA4B;AACjD,OAAOC,eAAe,MAAM,0CAA0C;AACtE,OAAOC,eAAe,MAAM,0CAA0C;AAEtE,OAAOC,kBAAkB,MAAM,qBAAqB;AACpD,SAASC,aAAa,QAA6B,sBAAsB;AAEzE,OAAO,MAAMC,kBAAkB,SAASR,kBAAkB,CAAqB;AAE/E,MAAMS,cAAc,GAAG,IAAIC,GAAG,CAAiB,CAC7C,CAAC,OAAO,EAAE,aAAa,CAAC,EACxB,CAAC,aAAa,EAAE,WAAW,CAAC,EAC5B,CAAC,SAAS,EAAE,cAAc,CAAC,EAC3B,CAAC,SAAS,EAAE,cAAc,CAAC,CAC5B,CAAC;AAEF,eAAe,MAAMC,aAAa,SAASZ,aAAa,CAA8D;EAYpHa,WAAWA,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,kBAAkB,CAAC,CAAC,CAAC;IAACQ,eAAA,oBAX1B,IAAI;IAAAA,eAAA,mBAEI;MACpCC,eAAe,EAAGC,CAAC,IAAK;QACtB,IAAIA,CAAC,YAAYb,QAAQ,EAAE;UACzB,IAAI,CAACc,SAAS,GAAGD,CAAC;QACpB;MACF;IACF,CAAC;EAID;EAEAE,IAAIA,CAAA,EAAG;IACL,IAAI,CAACD,SAAS,CAACC,IAAI,CAAC,CAAC;EACvB;EAEAC,KAAKA,CAAA,EAAG;IACN,IAAI,CAACF,SAAS,CAACE,KAAK,CAAC,CAAC;EACxB;EAEAC,eAAeA,CAACC,IAAY,EAAE,CAE9B;EAEAC,YAAYA,CAACT,KAAyB,EAAE;IACtC,MAAMU,YAAY,GAAG,IAAI,CAACC,KAAK,CAACC,QAAQ,CAAChB,cAAc,CAACiB,GAAG,CAACb,KAAK,CAACc,SAAS,IAAI,OAAO,CAAW,CAAC;IAClG,oBACE7B,KAAA,CAAA8B,aAAA,CAACzB,QAAQ;MACP0B,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,QAAQ,CAAE;MAC7BC,SAAS,EAAElB,KAAK,CAACkB,SAAU;MAC3BC,SAAS,EAAEnB,KAAK,CAACmB,SAAU;MAC3BC,QAAQ,EAAEpB,KAAK,CAACoB,QAAS;MACzBC,KAAK,EAAErB,KAAK,CAACqB,KAAM;MACnBC,MAAM,EAAE,IAAI,CAACA,MAAM,CAACC,MAAO;MAC3BC,KAAK,EAAExB,KAAK,CAACwB,KAAM;MACnBC,QAAQ,EAAE,IAAI,CAACA,QAAS;MAACC,QAAQ,EAAEA,CAAA,KAAM;QACzC,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;MACpD;IAAE,gBACA1C,KAAA,CAAA8B,aAAA,CAACxB,eAAe;MAAC+B,MAAM,EAAE,IAAI,CAACA,MAAM,CAACM;IAAc,gBACjD3C,KAAA,CAAA8B,aAAA,CAAC1B,OAAO;MACN2B,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,KAAK,CAAE;MAC1BY,OAAO,EAAE7B,KAAK,CAAC8B,OAAO,IAAI,EAAG;MAC7BR,MAAM,EAAE,IAAI,CAACA,MAAM,CAACQ;IAAQ,CAAU,CACzB,CAAC,eAClB7C,KAAA,CAAA8B,aAAA,CAACvB,eAAe;MAAC8B,MAAM,EAAE,IAAI,CAACA,MAAM,CAACS;IAAc,gBACjD9C,KAAA,CAAA8B,aAAA,CAAC3B,QAAQ;MACP4B,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,OAAO,CAAE;MAC5BY,OAAO,EAAE7B,KAAK,CAACgC,MAAO;MACtBV,MAAM,EAAE,IAAI,CAACX,KAAK,CAACsB,UAAU,CAAC,CAAC,CAAC,EAAC,IAAI,CAACX,MAAM,CAACY,QAAQ,EAAC,IAAI,CAACvB,KAAK,CAACC,QAAQ,CAAC,gBAAgB,CAAC,CAAE;MAC7FuB,KAAK,EAAEA,CAAA,KAAM;QACX,IAAI,CAAC/B,SAAS,CAACE,KAAK,CAAC,CAAC;QACtB,IAAI,CAACqB,mBAAmB,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;MAChD;IAAE,CAAW,CACA,CACT,CAAC;EAEf;AACF"}
+{"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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"}

package/components/dialogs/alertdialog/alertdialog.styles.js

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

package/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","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"}
+{"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"}

package/components/dialogs/confirmdialog/confirmdialog.component.js

@@ -32,7 +32,6 @@ 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,
@@ -46,23 +45,20 @@ 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-onlyLabel'), this.styles.cancelButton),
+      styles: this.theme.mergeStyle({}, this.theme.getStyle('btn-secondary'), 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-only-label'), this.styles.okButton),
+      styles: this.theme.mergeStyle({}, this.theme.getStyle('btn-primary'), this.styles.okButton),
       onTap: () => {
         this.dialogRef.close();
         this.invokeEventCallback('onOk', [null, this]);

package/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","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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"}
+{"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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"}

package/components/dialogs/confirmdialog/confirmdialog.styles.js

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

package/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","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"}
+{"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"}

package/components/dialogs/dialog/dialog.component.js

@@ -76,12 +76,10 @@ 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(),

package/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","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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"}
+{"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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"}

package/components/dialogs/dialog/dialog.styles.js

@@ -5,15 +5,11 @@ 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: 28
+      borderRadius: 6,
+      padding: 16
     },
     text: {},
     modal: {},
@@ -25,14 +21,11 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
         alignSelf: 'center'
       },
       text: {
-        fontFamily: themeVariables.baseFont,
-        fontSize: 24,
-        fontWeight: '400',
-        color: themeVariables.dialogLabelColor
+        fontSize: 20,
+        fontWeight: 'bold'
       },
       icon: {
-        fontSize: 24,
-        color: themeVariables.dialogIconColor
+        fontSize: 24
       }
     },
     header: {
@@ -44,15 +37,13 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       flex: 1,
       flexDirection: 'row',
       justifyContent: 'flex-start',
-      alignItems: 'center',
-      paddingBottom: 16
+      alignItems: 'center'
     },
     closeBtn: {
       root: {
         alignSelf: 'flex-end',
         backgroundColor: 'transparent',
-        paddingRight: 0,
-        paddingTop: 0
+        padding: 8
       },
       icon: {
         root: {
@@ -60,7 +51,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
         },
         text: {
           color: themeVariables.dialogCloseIconColor,
-          fontSize: 14
+          fontSize: 16
         }
       }
     }

package/components/dialogs/dialog/dialog.styles.js.map

@@ -1 +1 @@
-{"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"}
+{"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"}

package/components/input/calendar/calendar.component.js

@@ -114,22 +114,18 @@ export default class WmCalendar extends BaseComponent {
       currentDayTextStyle: this.styles.todayText,
       notDayOfCurrentMonthStyle: this.styles.notDayOfCurrentMonth,
       renderPrevYearButton: () => /*#__PURE__*/React.createElement(WmIcon, {
-        id: this.getTestId('prevyearicon'),
         iconclass: "wi wi-angle-double-left",
         styles: this.styles.prevYearBtn
       }),
       renderPrevMonthButton: () => /*#__PURE__*/React.createElement(WmIcon, {
-        id: this.getTestId('prevmonthicon'),
         iconclass: "wi wi-chevron-left fa-2x",
         styles: this.styles.prevMonthBtn
       }),
       renderNextMonthButton: () => /*#__PURE__*/React.createElement(WmIcon, {
-        id: this.getTestId('nextmonthicon'),
         iconclass: "wi wi-chevron-right fa-2x",
         styles: this.styles.nextMonthBtn
       }),
       renderNextYearButton: () => /*#__PURE__*/React.createElement(WmIcon, {
-        id: this.getTestId('nextyearicon'),
         iconclass: "wi wi-angle-double-right",
         styles: this.styles.nextYearBtn
       })

package/components/input/calendar/calendar.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","isString","moment","BaseComponent","BaseComponentState","MonthView","WmCalendarProps","DEFAULT_CLASS","WmIcon","WmCalendarState","constructor","arguments","_defineProperty","Map","DEFAULT_DATE_FORMAT","WmCalendar","props","date","d","format","dateWindow","state","calendar","get","updateState","datavalue","selectedDate","invokeEventCallback","events","createElement","iconclass","iconsize","styles","root","marginTop","alignSelf","icon","Math","min","length","Fragment","prepareDataset","dataset","eventStartKey","eventstart","forEach","startDate","has","set","push","onPropertyChange","name","$new","$old","componentDidUpdate","prevProps","prevState","snapshot","renderWidget","style","_background","selectDate","onDateChange","renderChildDay","renderDay","containerStyle","dateSelectedWarpDayStyle","selectedDay","selectedDayTextStyle","selectedDayText","warpRowWeekdays","weekDay","warpRowControlMonthYear","calendarHeader","weekdayStyle","weekDayText","warpDayStyle","dayWrapper","textDayStyle","day","yearTextStyle","yearText","monthTextStyle","monthText","currentDayStyle","today","currentDayTextStyle","todayText","notDayOfCurrentMonthStyle","notDayOfCurrentMonth","renderPrevYearButton","id","getTestId","prevYearBtn","renderPrevMonthButton","prevMonthBtn","renderNextMonthButton","nextMonthBtn","renderNextYearButton","nextYearBtn"],"sources":["calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { isString } from 'lodash';\nimport moment, { Moment } from 'moment';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport { MonthView } from './views/month-view';\nimport WmCalendarProps from './calendar.props';\nimport { DEFAULT_CLASS, WmCalendarStyles } from './calendar.styles';\nimport WmIcon from '../../basic/icon/icon.component';\n\nexport class WmCalendarState extends BaseComponentState<WmCalendarProps> {\n  selectedDate: Moment = moment();\n  calendar: Map<String, { date: number, events: any []}> = new Map();\n}\n\nconst DEFAULT_DATE_FORMAT = 'DD-MM-YYYY';\n\nexport default class WmCalendar extends BaseComponent<WmCalendarProps, WmCalendarState, WmCalendarStyles> {\n\n  constructor(props: WmCalendarProps) {\n    super(props, DEFAULT_CLASS, new WmCalendarProps(), new WmCalendarState());\n  }\n\n  onDateChange = (date: Moment) => {\n    const d = moment(date).format(DEFAULT_DATE_FORMAT);\n    const dateWindow = this.state.calendar.get(d);\n    this.updateState({\n      props: {datavalue: d},\n      selectedDate: date\n    } as WmCalendarState);\n    this.invokeEventCallback('onSelect', [d, d, this, dateWindow?.events]);\n  }\n\n  prepareDataset(dataset: any[]) {\n    if (!dataset) {\n      return;\n    }\n    const state = {\n      calendar: new Map()\n    } as WmCalendarState;\n    const eventStartKey = this.state.props.eventstart;\n    dataset.forEach(d => {\n      let startDate = d[eventStartKey];\n      if (!isString(startDate)) {\n        startDate = moment(startDate).format(DEFAULT_DATE_FORMAT);\n      }\n      if (!state.calendar.has(startDate)) {\n        state.calendar.set(startDate, {\n          date: moment(startDate, DEFAULT_DATE_FORMAT).get('milliseconds'),\n          events: []\n        });\n      }\n      const dateWindow = state.calendar.get(startDate);\n      dateWindow?.events.push(d);\n    });\n    this.updateState(state);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'dataset':\n        this.prepareDataset($new);\n        break;\n      case 'datavalue':\n        if ($new) {\n          this.updateState({\n            selectedDate: isString($new) ? moment($new, DEFAULT_DATE_FORMAT) : moment($new)\n          } as WmCalendarState)\n      }\n    }\n  }\n\n  renderDay = (date: Moment) => {\n    const dateWindow = this.state.calendar.get(moment(date).format(DEFAULT_DATE_FORMAT));\n    if (dateWindow) {\n      return (\n        <WmIcon\n          iconclass=\"fa fa-circle\"\n          iconsize={8}\n          styles={{\n            root: {marginTop: -8, alignSelf: 'flexStart'},\n            icon: this.styles['eventDay' + Math.min(3, dateWindow.events.length)]}}></WmIcon>\n      );\n    }\n    return (<></>);\n  }\n\n  componentDidUpdate(prevProps: WmCalendarProps, prevState: WmCalendarState, snapshot: any) {\n    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n    this.invokeEventCallback('onViewrender', [this, null]);\n  }\n\n  renderWidget(props: WmCalendarProps) {\n    this.invokeEventCallback('onBeforerender', [null, this]);\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <MonthView\n            date={this.state.selectedDate}\n            selectDate={this.onDateChange}\n            format={DEFAULT_DATE_FORMAT}\n            renderChildDay={this.renderDay}\n            containerStyle={this.styles.calendar}\n            dateSelectedWarpDayStyle={this.styles.selectedDay}\n            selectedDayTextStyle={this.styles.selectedDayText}\n            warpRowWeekdays={this.styles.weekDay}\n            warpRowControlMonthYear={this.styles.calendarHeader}\n            weekdayStyle={this.styles.weekDayText}\n            warpDayStyle={this.styles.dayWrapper}\n            textDayStyle={this.styles.day}\n            yearTextStyle={this.styles.yearText}\n            monthTextStyle={this.styles.monthText}\n            currentDayStyle={this.styles.today}\n            currentDayTextStyle={this.styles.todayText}\n            notDayOfCurrentMonthStyle={this.styles.notDayOfCurrentMonth}\n            renderPrevYearButton={() =>\n              (<WmIcon id={this.getTestId('prevyearicon')} iconclass=\"wi wi-angle-double-left\" styles={this.styles.prevYearBtn}/>)}\n            renderPrevMonthButton={() =>\n              (<WmIcon id={this.getTestId('prevmonthicon')} iconclass=\"wi wi-chevron-left fa-2x\" styles={this.styles.prevMonthBtn}/>)}\n            renderNextMonthButton={() =>\n                (<WmIcon id={this.getTestId('nextmonthicon')} iconclass=\"wi wi-chevron-right fa-2x\" styles={this.styles.nextMonthBtn}/>)}\n            renderNextYearButton={() =>\n                (<WmIcon  id={this.getTestId('nextyearicon')} iconclass=\"wi wi-angle-double-right\" styles={this.styles.nextYearBtn}/>)}\n          />\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","isString","moment","BaseComponent","BaseComponentState","MonthView","WmCalendarProps","DEFAULT_CLASS","WmIcon","WmCalendarState","constructor","arguments","_defineProperty","Map","DEFAULT_DATE_FORMAT","WmCalendar","props","date","d","format","dateWindow","state","calendar","get","updateState","datavalue","selectedDate","invokeEventCallback","events","createElement","iconclass","iconsize","styles","root","marginTop","alignSelf","icon","Math","min","length","Fragment","prepareDataset","dataset","eventStartKey","eventstart","forEach","startDate","has","set","push","onPropertyChange","name","$new","$old","componentDidUpdate","prevProps","prevState","snapshot","renderWidget","style","_background","selectDate","onDateChange","renderChildDay","renderDay","containerStyle","dateSelectedWarpDayStyle","selectedDay","selectedDayTextStyle","selectedDayText","warpRowWeekdays","weekDay","warpRowControlMonthYear","calendarHeader","weekdayStyle","weekDayText","warpDayStyle","dayWrapper","textDayStyle","day","yearTextStyle","yearText","monthTextStyle","monthText","currentDayStyle","today","currentDayTextStyle","todayText","notDayOfCurrentMonthStyle","notDayOfCurrentMonth","renderPrevYearButton","prevYearBtn","renderPrevMonthButton","prevMonthBtn","renderNextMonthButton","nextMonthBtn","renderNextYearButton","nextYearBtn"],"sources":["calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { isString } from 'lodash';\nimport moment, { Moment } from 'moment';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport { MonthView } from './views/month-view';\nimport WmCalendarProps from './calendar.props';\nimport { DEFAULT_CLASS, WmCalendarStyles } from './calendar.styles';\nimport WmIcon from '../../basic/icon/icon.component';\n\nexport class WmCalendarState extends BaseComponentState<WmCalendarProps> {\n  selectedDate: Moment = moment();\n  calendar: Map<String, { date: number, events: any []}> = new Map();\n}\n\nconst DEFAULT_DATE_FORMAT = 'DD-MM-YYYY';\n\nexport default class WmCalendar extends BaseComponent<WmCalendarProps, WmCalendarState, WmCalendarStyles> {\n\n  constructor(props: WmCalendarProps) {\n    super(props, DEFAULT_CLASS, new WmCalendarProps(), new WmCalendarState());\n  }\n\n  onDateChange = (date: Moment) => {\n    const d = moment(date).format(DEFAULT_DATE_FORMAT);\n    const dateWindow = this.state.calendar.get(d);\n    this.updateState({\n      props: {datavalue: d},\n      selectedDate: date\n    } as WmCalendarState);\n    this.invokeEventCallback('onSelect', [d, d, this, dateWindow?.events]);\n  }\n\n  prepareDataset(dataset: any[]) {\n    if (!dataset) {\n      return;\n    }\n    const state = {\n      calendar: new Map()\n    } as WmCalendarState;\n    const eventStartKey = this.state.props.eventstart;\n    dataset.forEach(d => {\n      let startDate = d[eventStartKey];\n      if (!isString(startDate)) {\n        startDate = moment(startDate).format(DEFAULT_DATE_FORMAT);\n      }\n      if (!state.calendar.has(startDate)) {\n        state.calendar.set(startDate, {\n          date: moment(startDate, DEFAULT_DATE_FORMAT).get('milliseconds'),\n          events: []\n        });\n      }\n      const dateWindow = state.calendar.get(startDate);\n      dateWindow?.events.push(d);\n    });\n    this.updateState(state);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'dataset':\n        this.prepareDataset($new);\n        break;\n      case 'datavalue':\n        if ($new) {\n          this.updateState({\n            selectedDate: isString($new) ? moment($new, DEFAULT_DATE_FORMAT) : moment($new)\n          } as WmCalendarState)\n      }\n    }\n  }\n\n  renderDay = (date: Moment) => {\n    const dateWindow = this.state.calendar.get(moment(date).format(DEFAULT_DATE_FORMAT));\n    if (dateWindow) {\n      return (\n        <WmIcon\n          iconclass=\"fa fa-circle\"\n          iconsize={8}\n          styles={{\n            root: {marginTop: -8, alignSelf: 'flexStart'},\n            icon: this.styles['eventDay' + Math.min(3, dateWindow.events.length)]}}></WmIcon>\n      );\n    }\n    return (<></>);\n  }\n\n  componentDidUpdate(prevProps: WmCalendarProps, prevState: WmCalendarState, snapshot: any) {\n    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n    this.invokeEventCallback('onViewrender', [this, null]);\n  }\n\n  renderWidget(props: WmCalendarProps) {\n    this.invokeEventCallback('onBeforerender', [null, this]);\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <MonthView\n            date={this.state.selectedDate}\n            selectDate={this.onDateChange}\n            format={DEFAULT_DATE_FORMAT}\n            renderChildDay={this.renderDay}\n            containerStyle={this.styles.calendar}\n            dateSelectedWarpDayStyle={this.styles.selectedDay}\n            selectedDayTextStyle={this.styles.selectedDayText}\n            warpRowWeekdays={this.styles.weekDay}\n            warpRowControlMonthYear={this.styles.calendarHeader}\n            weekdayStyle={this.styles.weekDayText}\n            warpDayStyle={this.styles.dayWrapper}\n            textDayStyle={this.styles.day}\n            yearTextStyle={this.styles.yearText}\n            monthTextStyle={this.styles.monthText}\n            currentDayStyle={this.styles.today}\n            currentDayTextStyle={this.styles.todayText}\n            notDayOfCurrentMonthStyle={this.styles.notDayOfCurrentMonth}\n            renderPrevYearButton={() =>\n              (<WmIcon iconclass=\"wi wi-angle-double-left\" styles={this.styles.prevYearBtn}/>)}\n            renderPrevMonthButton={() =>\n              (<WmIcon iconclass=\"wi wi-chevron-left fa-2x\" styles={this.styles.prevMonthBtn}/>)}\n            renderNextMonthButton={() =>\n                (<WmIcon iconclass=\"wi wi-chevron-right fa-2x\" styles={this.styles.nextMonthBtn}/>)}\n            renderNextYearButton={() =>\n                (<WmIcon iconclass=\"wi wi-angle-double-right\" styles={this.styles.nextYearBtn}/>)}\n          />\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

package/components/input/calendar/calendar.styles.js

@@ -4,9 +4,7 @@ export const DEFAULT_CLASS = 'app-calendar';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
     root: {
-      width: '100%',
-      minHeight: 456,
-      minWidth: 360
+      width: '100%'
     },
     text: {
       color: themeVariables.calendarDateColor
@@ -18,8 +16,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       borderStyle: 'solid',
       marginTop: 0,
       paddingTop: 0,
-      paddingBottom: 0,
-      elevation: 6
+      paddingBottom: 0
     },
     calendarHeader: {
       backgroundColor: themeVariables.calendarHeaderBgColor,
@@ -38,23 +35,18 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     weekDayText: {
       color: themeVariables.calendarWeekDayTextColor,
-      fontWeight: '400',
-      fontFamily: themeVariables.baseFont,
-      fontSize: 16
+      fontWeight: 'bold'
     },
     day: {
       borderColor: 'transparent',
-      color: themeVariables.calendarDateColor,
-      fontSize: 16,
-      fontFamily: themeVariables.baseFont,
-      fontWeight: '400'
+      color: themeVariables.calendarDateColor
     },
     dayWrapper: {
       backgroundColor: themeVariables.calendarBgColor,
       borderColor: 'transparent',
-      width: 38,
-      height: 38,
-      borderRadius: 26
+      width: 36,
+      height: 36,
+      borderRadius: 36
     },
     notDayOfCurrentMonth: {
       color: themeVariables.calendarNotCurrentMonthDateColor,
@@ -62,21 +54,18 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       opacity: 0
     },
     monthText: {
-      fontWeight: '500',
-      fontFamily: themeVariables.baseFont,
+      fontWeight: 'bold',
       color: themeVariables.calendarHeaderTextColor
     },
     yearText: {
-      fontWeight: '500',
-      fontFamily: themeVariables.baseFont,
+      fontWeight: 'bold',
       color: themeVariables.calendarHeaderTextColor
     },
     today: {
-      backgroundColor: themeVariables.calendarBgColor,
-      borderColor: themeVariables.primaryColor
+      backgroundColor: themeVariables.calendarTodayBgColor
     },
     todayText: {
-      backgroundColor: themeVariables.calendarSelectedDayBgColor
+      backgroundColor: themeVariables.transparent
     },
     eventDay1: {
       color: themeVariables.calendarEventDay1Color

package/components/input/calendar/calendar.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","minHeight","minWidth","text","color","calendarDateColor","calendar","backgroundColor","calendarBgColor","borderColor","calendarHeaderBgColor","borderWidth","borderStyle","marginTop","paddingTop","paddingBottom","elevation","calendarHeader","borderBottomWidth","weekDay","padding","weekDayText","calendarWeekDayTextColor","fontWeight","fontFamily","baseFont","fontSize","day","dayWrapper","height","borderRadius","notDayOfCurrentMonth","calendarNotCurrentMonthDateColor","opacity","monthText","calendarHeaderTextColor","yearText","today","primaryColor","todayText","calendarSelectedDayBgColor","eventDay1","calendarEventDay1Color","eventDay2","calendarEventDay2Color","eventDay3","calendarEventDay3Color","selectedDay","selectedDayText","calendarSelectedDayTextColor","prevMonthBtn","calendarPrevMonthIconColor","nextMonthBtn","calendarNextMonthIconColor","prevYearBtn","calendarPrevYearIconColor","nextYearBtn","calendarNextYearIconColor","transform","rotateY"],"sources":["calendar.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle } from 'react-native';\n\nexport type WmCalendarStyles = BaseStyles & {\n    calendar: AllStyle,\n    calendarHeader: AllStyle,\n    day: AllStyle,\n    dayWrapper: AllStyle,\n    notDayOfCurrentMonth: AllStyle,\n    monthText: TextStyle,\n    yearText: TextStyle,\n    weekDay: AllStyle,\n    today: AllStyle,\n    todayText: AllStyle,\n    prevMonthBtn: WmIconStyles,\n    nextMonthBtn: WmIconStyles,\n    prevYearBtn: WmIconStyles,\n    nextYearBtn: WmIconStyles,\n    selectedDay: AllStyle,\n    selectedDayText: AllStyle\n    eventDay1: AllStyle,\n    eventDay2: AllStyle,\n    eventDay3: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-calendar';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCalendarStyles = defineStyles<WmCalendarStyles>({\n        root: {\n            width: '100%',\n            minHeight: 456,\n            minWidth: 360\n        },\n        text: {\n            color: themeVariables.calendarDateColor\n        },\n        calendar : {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderWidth: 1,\n            borderStyle: 'solid',\n            marginTop: 0,   \n            paddingTop: 0,\n            paddingBottom: 0,\n            elevation: 6\n        },\n        calendarHeader : {\n            backgroundColor: themeVariables.calendarHeaderBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderBottomWidth: 1,\n            borderStyle: 'solid',\n            paddingTop: 8,\n            paddingBottom: 8\n        },\n        weekDay: {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderBottomWidth: 1,\n            borderStyle: 'solid',\n            padding: 2,\n        },\n        weekDayText: {\n            color: themeVariables.calendarWeekDayTextColor,\n            fontWeight: '400',\n            fontFamily: themeVariables.baseFont,\n            fontSize: 16,\n        },\n        day: {\n            borderColor: 'transparent',\n            color: themeVariables.calendarDateColor,\n            fontSize: 16,\n            fontFamily: themeVariables.baseFont,\n            fontWeight: '400'\n        },\n        dayWrapper: {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: 'transparent',\n            width: 38,\n            height: 38,\n            borderRadius: 26\n        },\n        notDayOfCurrentMonth: {\n            color: themeVariables.calendarNotCurrentMonthDateColor,\n            fontWeight: 'normal',\n            opacity: 0\n        },\n        monthText: {\n            fontWeight: '500',\n            fontFamily: themeVariables.baseFont,\n            color: themeVariables.calendarHeaderTextColor\n        },\n        yearText: {\n            fontWeight: '500',\n            fontFamily: themeVariables.baseFont,\n            color: themeVariables.calendarHeaderTextColor\n        },\n        today: {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: themeVariables.primaryColor\n        },\n        todayText: {\n            backgroundColor: themeVariables.calendarSelectedDayBgColor\n        },\n        eventDay1 : {\n            color: themeVariables.calendarEventDay1Color\n        },\n        eventDay2 : {\n            color: themeVariables.calendarEventDay2Color\n        },\n        eventDay3 : {\n            color: themeVariables.calendarEventDay3Color\n        },\n        selectedDay: {\n            backgroundColor: themeVariables.calendarSelectedDayBgColor\n        },\n        selectedDayText: {\n            backgroundColor: themeVariables.calendarSelectedDayBgColor,\n            color: themeVariables.calendarSelectedDayTextColor,\n            fontWeight: 'bold'\n        },\n        prevMonthBtn: {\n            root: {\n                color: themeVariables.calendarPrevMonthIconColor\n            }\n        } as WmIconStyles,\n        nextMonthBtn: {\n            root: {\n                color: themeVariables.calendarNextMonthIconColor\n            }\n        } as WmIconStyles,\n        prevYearBtn: {\n            root: {\n                color: themeVariables.calendarPrevYearIconColor\n            }\n        } as WmIconStyles,\n        nextYearBtn: {\n            root: {\n                color: themeVariables.calendarNextYearIconColor\n            }\n        } as WmIconStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        prevMonthBtn: {\n            root: {\n                transform: [ {rotateY: '180deg'}]\n            }\n        } as WmIconStyles,\n        nextMonthBtn: {\n            root: {\n                transform: [ {rotateY: '180deg'}]            \n            }\n        } as WmIconStyles,\n        monthText: {\n            padding: 2\n        },\n        yearText: {\n            padding: 2\n        }\n    });\n});"],"mappings":"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"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","text","color","calendarDateColor","calendar","backgroundColor","calendarBgColor","borderColor","calendarHeaderBgColor","borderWidth","borderStyle","marginTop","paddingTop","paddingBottom","calendarHeader","borderBottomWidth","weekDay","padding","weekDayText","calendarWeekDayTextColor","fontWeight","day","dayWrapper","height","borderRadius","notDayOfCurrentMonth","calendarNotCurrentMonthDateColor","opacity","monthText","calendarHeaderTextColor","yearText","today","calendarTodayBgColor","todayText","transparent","eventDay1","calendarEventDay1Color","eventDay2","calendarEventDay2Color","eventDay3","calendarEventDay3Color","selectedDay","calendarSelectedDayBgColor","selectedDayText","calendarSelectedDayTextColor","prevMonthBtn","calendarPrevMonthIconColor","nextMonthBtn","calendarNextMonthIconColor","prevYearBtn","calendarPrevYearIconColor","nextYearBtn","calendarNextYearIconColor","transform","rotateY"],"sources":["calendar.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle } from 'react-native';\n\nexport type WmCalendarStyles = BaseStyles & {\n    calendar: AllStyle,\n    calendarHeader: AllStyle,\n    day: AllStyle,\n    dayWrapper: AllStyle,\n    notDayOfCurrentMonth: AllStyle,\n    monthText: TextStyle,\n    yearText: TextStyle,\n    weekDay: AllStyle,\n    today: AllStyle,\n    todayText: AllStyle,\n    prevMonthBtn: WmIconStyles,\n    nextMonthBtn: WmIconStyles,\n    prevYearBtn: WmIconStyles,\n    nextYearBtn: WmIconStyles,\n    selectedDay: AllStyle,\n    selectedDayText: AllStyle\n    eventDay1: AllStyle,\n    eventDay2: AllStyle,\n    eventDay3: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-calendar';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCalendarStyles = defineStyles<WmCalendarStyles>({\n        root: {\n            width: '100%'\n        },\n        text: {\n            color: themeVariables.calendarDateColor\n        },\n        calendar : {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderWidth: 1,\n            borderStyle: 'solid',\n            marginTop: 0,\n            paddingTop: 0,\n            paddingBottom: 0\n        },\n        calendarHeader : {\n            backgroundColor: themeVariables.calendarHeaderBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderBottomWidth: 1,\n            borderStyle: 'solid',\n            paddingTop: 8,\n            paddingBottom: 8\n        },\n        weekDay: {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderBottomWidth: 1,\n            borderStyle: 'solid',\n            padding: 2\n        },\n        weekDayText: {\n            color: themeVariables.calendarWeekDayTextColor,\n            fontWeight: 'bold'\n        },\n        day: {\n            borderColor: 'transparent',\n            color: themeVariables.calendarDateColor\n        },\n        dayWrapper: {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: 'transparent',\n            width: 36,\n            height: 36,\n            borderRadius: 36\n        },\n        notDayOfCurrentMonth: {\n            color: themeVariables.calendarNotCurrentMonthDateColor,\n            fontWeight: 'normal',\n            opacity: 0\n        },\n        monthText: {\n            fontWeight: 'bold',\n            color: themeVariables.calendarHeaderTextColor\n        },\n        yearText: {\n            fontWeight: 'bold',\n            color: themeVariables.calendarHeaderTextColor\n        },\n        today: {\n            backgroundColor: themeVariables.calendarTodayBgColor\n        },\n        todayText: {\n            backgroundColor: themeVariables.transparent\n        },\n        eventDay1 : {\n            color: themeVariables.calendarEventDay1Color\n        },\n        eventDay2 : {\n            color: themeVariables.calendarEventDay2Color\n        },\n        eventDay3 : {\n            color: themeVariables.calendarEventDay3Color\n        },\n        selectedDay: {\n            backgroundColor: themeVariables.calendarSelectedDayBgColor\n        },\n        selectedDayText: {\n            backgroundColor: themeVariables.calendarSelectedDayBgColor,\n            color: themeVariables.calendarSelectedDayTextColor,\n            fontWeight: 'bold'\n        },\n        prevMonthBtn: {\n            root: {\n                color: themeVariables.calendarPrevMonthIconColor\n            }\n        } as WmIconStyles,\n        nextMonthBtn: {\n            root: {\n                color: themeVariables.calendarNextMonthIconColor\n            }\n        } as WmIconStyles,\n        prevYearBtn: {\n            root: {\n                color: themeVariables.calendarPrevYearIconColor\n            }\n        } as WmIconStyles,\n        nextYearBtn: {\n            root: {\n                color: themeVariables.calendarNextYearIconColor\n            }\n        } as WmIconStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        prevMonthBtn: {\n            root: {\n                transform: [ {rotateY: '180deg'}]\n            }\n        } as WmIconStyles,\n        nextMonthBtn: {\n            root: {\n                transform: [ {rotateY: '180deg'}]            \n            }\n        } as WmIconStyles,\n        monthText: {\n            padding: 2\n        },\n        yearText: {\n            padding: 2\n        }\n    });\n});"],"mappings":"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"}

package/components/input/calendar/views/month-view.js

@@ -13,8 +13,6 @@ import styles from './month-view.styles';
 import _ from 'lodash';
 export class MonthViewProps {
   constructor() {
-    _defineProperty(this, "testID", null);
-    _defineProperty(this, "accessibilityLabel", null);
     _defineProperty(this, "date", null);
     _defineProperty(this, "minDate", moment('1990-01-01', 'YYYY-MM-DD'));
     _defineProperty(this, "maxDate", moment('2100-01-01', 'YYYY-MM-DD'));
@@ -83,8 +81,6 @@ export class MonthView extends Component {
     const notCurrentMonth = !((_this$props$date2 = this.props.date) !== null && _this$props$date2 !== void 0 && _this$props$date2.isSame(day, 'month'));
     const dateStyle = (this.props.getDayStyle ? this.props.getDayStyle(day) : null) || {};
     return /*#__PURE__*/React.createElement(TouchableOpacity, {
-      testID: this.props.testID + '_' + day.format('yyyy_mm_dd'),
-      accessibilityLabel: this.props.testID + '_' + day.format('yyyy_mm_dd'),
       onPress: () => this.selectDate(day),
       style: [styles.warpDay, warpDayStyle, isCurrent ? currentDayStyle : {}, dateSelected ? {
         backgroundColor: '#2C1F23',